|
|
|
|
@ -17,10 +17,6 @@
|
|
|
|
|
<p class="statics-item__title">租赁面积</p>
|
|
|
|
|
<p class="statics-item__num">{{ leaseAreaTotal.toFixed(2) }} 平方</p>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- <div class="statics-item">-->
|
|
|
|
|
<!-- <p class="statics-item__title">公益产业</p>-->
|
|
|
|
|
<!-- <p class="statics-item__num">{{ Math.round(Math.random()*5000+5000) }} 平方</p>-->
|
|
|
|
|
<!-- </div>-->
|
|
|
|
|
</el-card>
|
|
|
|
|
|
|
|
|
|
<el-card class="search-bar">
|
|
|
|
|
@ -32,59 +28,28 @@
|
|
|
|
|
size="mini"
|
|
|
|
|
placeholder="请选择区域"
|
|
|
|
|
>
|
|
|
|
|
<!-- @change="areaPick"-->
|
|
|
|
|
<el-option
|
|
|
|
|
v-for="(item, index) in wxAreas"
|
|
|
|
|
:value="index + 1"
|
|
|
|
|
:label="item"
|
|
|
|
|
></el-option>
|
|
|
|
|
</el-select>
|
|
|
|
|
|
|
|
|
|
<!-- <span class="search-name">地块类型</span>-->
|
|
|
|
|
<!-- <el-select-->
|
|
|
|
|
<!-- clearable-->
|
|
|
|
|
<!-- style="width: 120px;"-->
|
|
|
|
|
<!-- v-model="select.filter[2].value"-->
|
|
|
|
|
<!-- size="mini"-->
|
|
|
|
|
<!-- placeholder="请选择地块类型"-->
|
|
|
|
|
<!-- >-->
|
|
|
|
|
<!-- <el-option-->
|
|
|
|
|
<!-- v-for="(item, index) in dikuaileixingTypes"-->
|
|
|
|
|
<!-- :value="item.value"-->
|
|
|
|
|
<!-- :label="item.key"-->
|
|
|
|
|
<!-- ></el-option>-->
|
|
|
|
|
<!-- </el-select>-->
|
|
|
|
|
|
|
|
|
|
<!-- <span class="search-name">建筑类型</span>-->
|
|
|
|
|
<!-- <el-select-->
|
|
|
|
|
<!-- clearable-->
|
|
|
|
|
<!-- style="width: 120px;"-->
|
|
|
|
|
<!-- v-model="select.filter[3].value"-->
|
|
|
|
|
<!-- size="mini"-->
|
|
|
|
|
<!-- placeholder="请选择建筑类型"-->
|
|
|
|
|
<!-- >-->
|
|
|
|
|
<!-- <el-option-->
|
|
|
|
|
<!-- v-for="(item, index) in jianzhuleixingTypes"-->
|
|
|
|
|
<!-- :value="item.value"-->
|
|
|
|
|
<!-- :label="item.key"-->
|
|
|
|
|
<!-- ></el-option>-->
|
|
|
|
|
<!-- </el-select>-->
|
|
|
|
|
|
|
|
|
|
<!-- <span class="search-name">资产类型</span>-->
|
|
|
|
|
<!-- <el-select-->
|
|
|
|
|
<!-- clearable-->
|
|
|
|
|
<!-- style="width: 120px;"-->
|
|
|
|
|
<!-- v-model="select.filter[4].value"-->
|
|
|
|
|
<!-- size="mini"-->
|
|
|
|
|
<!-- placeholder="请选择资产类型"-->
|
|
|
|
|
<!-- >-->
|
|
|
|
|
<!-- <el-option-->
|
|
|
|
|
<!-- v-for="(item, index) in zichanleixingTypes"-->
|
|
|
|
|
<!-- :value="item.value"-->
|
|
|
|
|
<!-- :label="item.key"-->
|
|
|
|
|
<!-- ></el-option>-->
|
|
|
|
|
<!-- </el-select>-->
|
|
|
|
|
|
|
|
|
|
<span class="search-name">资产权属</span>
|
|
|
|
|
<el-switch v-model="is_auth" :active-value="1" :inactive-value="0" active-text="本部" inactive-text="全部"></el-switch>
|
|
|
|
|
<el-select
|
|
|
|
|
v-model="selectDepartmentId"
|
|
|
|
|
v-show="!is_auth"
|
|
|
|
|
clearable
|
|
|
|
|
style="width: 110px;"
|
|
|
|
|
size="mini"
|
|
|
|
|
placeholder="请选择公司"
|
|
|
|
|
>
|
|
|
|
|
<el-option
|
|
|
|
|
v-for="(item, index) in departments"
|
|
|
|
|
:value="item.id"
|
|
|
|
|
:label="item.name"
|
|
|
|
|
></el-option>
|
|
|
|
|
</el-select>
|
|
|
|
|
<el-button size="mini" type="primary" style="margin-left: 10px;" @click="areaPick">查询</el-button>
|
|
|
|
|
</el-card>
|
|
|
|
|
|
|
|
|
|
@ -103,33 +68,6 @@
|
|
|
|
|
<el-input size="mini" style="margin-top: 4px;" placeholder="请输入资产名称" v-model="select.filter[1].value" clearable>
|
|
|
|
|
<el-button type="primary" slot="append" icon="el-icon-search" @click="areaPick"></el-button>
|
|
|
|
|
</el-input>
|
|
|
|
|
<!-- <RadioGroup v-model="select.filter[5].value" type="button" button-style="solid">-->
|
|
|
|
|
<!-- <Radio label="是" :value="1"></Radio>-->
|
|
|
|
|
<!-- <Radio label="否" :value="0"></Radio>-->
|
|
|
|
|
<!-- <Radio label="全部" value=""></Radio>-->
|
|
|
|
|
<!-- </RadioGroup>-->
|
|
|
|
|
<!-- <Input-->
|
|
|
|
|
<!-- ref="search-input"-->
|
|
|
|
|
<!-- v-model="select.filter[1].value"-->
|
|
|
|
|
<!-- style="width: 120px; margin-right: 10px"-->
|
|
|
|
|
<!-- placeholder="地块名称"-->
|
|
|
|
|
<!-- @mousedown="test"-->
|
|
|
|
|
<!-- />-->
|
|
|
|
|
<!-- <el-select-->
|
|
|
|
|
<!-- v-model="select.filter[0].value"-->
|
|
|
|
|
<!-- size="small"-->
|
|
|
|
|
<!-- style="width: 120px; margin-right: 10px"-->
|
|
|
|
|
<!-- placeholder="请选择区域"-->
|
|
|
|
|
<!-- >-->
|
|
|
|
|
<!-- <el-option-->
|
|
|
|
|
<!-- v-for="(item, index) in wxAreas"-->
|
|
|
|
|
<!-- :value="index + 1"-->
|
|
|
|
|
<!-- :label="item"-->
|
|
|
|
|
<!-- ></el-option>-->
|
|
|
|
|
<!-- </el-select>-->
|
|
|
|
|
<!-- <Button type="primary" @click="$refs['table'].getTableData(true)"-->
|
|
|
|
|
<!-- >查询</Button-->
|
|
|
|
|
<!-- >-->
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<p style="zoom: .9;text-align: center;padding: 4px 0;font-weight: 600;">总共 {{total}} 条</p>
|
|
|
|
|
@ -151,16 +89,6 @@
|
|
|
|
|
</ul>
|
|
|
|
|
<el-empty v-else style="flex: 1;width: 100%;padding: 40px 60px;">
|
|
|
|
|
</el-empty>
|
|
|
|
|
<!-- <div>-->
|
|
|
|
|
<!-- <xy-table-->
|
|
|
|
|
<!-- ref="table"-->
|
|
|
|
|
<!-- :height="360"-->
|
|
|
|
|
<!-- :action="index"-->
|
|
|
|
|
<!-- :table-item="table"-->
|
|
|
|
|
<!-- :req-opt="selectList"-->
|
|
|
|
|
<!-- @row-click="pickRow"-->
|
|
|
|
|
<!-- ></xy-table>-->
|
|
|
|
|
<!-- </div>-->
|
|
|
|
|
</div>
|
|
|
|
|
</transition>
|
|
|
|
|
<transition name="fade">
|
|
|
|
|
@ -168,68 +96,6 @@
|
|
|
|
|
<i class="el-icon-arrow-left"></i>
|
|
|
|
|
</div>
|
|
|
|
|
</transition>
|
|
|
|
|
<!-- <div class="search" v-draggable="(status) => (dragging = status)">-->
|
|
|
|
|
<!-- <transition name="fade">-->
|
|
|
|
|
<!-- <div-->
|
|
|
|
|
<!-- class="search-btn"-->
|
|
|
|
|
<!-- v-if="!searchShow"-->
|
|
|
|
|
<!-- @click="dragging ? '' : (searchShow = true)"-->
|
|
|
|
|
<!-- >-->
|
|
|
|
|
<!-- 查询-->
|
|
|
|
|
<!-- </div>-->
|
|
|
|
|
<!-- </transition>-->
|
|
|
|
|
|
|
|
|
|
<!-- <transition name="fade">-->
|
|
|
|
|
<!-- <div class="search-list" v-if="searchShow">-->
|
|
|
|
|
<!-- <div class="search-list__close" @click="searchShow = false">-->
|
|
|
|
|
<!-- <i class="el-icon-arrow-right"></i>-->
|
|
|
|
|
<!-- </div>-->
|
|
|
|
|
|
|
|
|
|
<!-- <div-->
|
|
|
|
|
<!-- style="-->
|
|
|
|
|
<!-- display: flex;-->
|
|
|
|
|
<!-- justify-content: flex-start;-->
|
|
|
|
|
<!-- flex-wrap: wrap;-->
|
|
|
|
|
<!-- margin-bottom: 10px;-->
|
|
|
|
|
<!-- "-->
|
|
|
|
|
<!-- >-->
|
|
|
|
|
<!-- <Input-->
|
|
|
|
|
<!-- ref="search-input"-->
|
|
|
|
|
<!-- v-model="selectList.filter[1].value"-->
|
|
|
|
|
<!-- style="width: 120px; margin-right: 10px"-->
|
|
|
|
|
<!-- placeholder="地块名称"-->
|
|
|
|
|
<!-- @mousedown="test"-->
|
|
|
|
|
<!-- />-->
|
|
|
|
|
<!-- <el-select-->
|
|
|
|
|
<!-- v-model="selectList.filter[0].value"-->
|
|
|
|
|
<!-- size="small"-->
|
|
|
|
|
<!-- style="width: 120px; margin-right: 10px"-->
|
|
|
|
|
<!-- placeholder="请选择区域"-->
|
|
|
|
|
<!-- >-->
|
|
|
|
|
<!-- <el-option-->
|
|
|
|
|
<!-- v-for="(item, index) in wxAreas"-->
|
|
|
|
|
<!-- :value="index + 1"-->
|
|
|
|
|
<!-- :label="item"-->
|
|
|
|
|
<!-- ></el-option>-->
|
|
|
|
|
<!-- </el-select>-->
|
|
|
|
|
<!-- <Button type="primary" @click="$refs['table'].getTableData(true)"-->
|
|
|
|
|
<!-- >查询</Button-->
|
|
|
|
|
<!-- >-->
|
|
|
|
|
<!-- </div>-->
|
|
|
|
|
|
|
|
|
|
<!-- <div>-->
|
|
|
|
|
<!-- <xy-table-->
|
|
|
|
|
<!-- ref="table"-->
|
|
|
|
|
<!-- :height="360"-->
|
|
|
|
|
<!-- :action="index"-->
|
|
|
|
|
<!-- :table-item="table"-->
|
|
|
|
|
<!-- :req-opt="selectList"-->
|
|
|
|
|
<!-- @row-click="pickRow"-->
|
|
|
|
|
<!-- ></xy-table>-->
|
|
|
|
|
<!-- </div>-->
|
|
|
|
|
<!-- </div>-->
|
|
|
|
|
<!-- </transition>-->
|
|
|
|
|
<!-- </div>-->
|
|
|
|
|
|
|
|
|
|
<div class="map" id="map" :style="{ height: mapHeight + 'px' }"></div>
|
|
|
|
|
|
|
|
|
|
@ -243,12 +109,6 @@
|
|
|
|
|
{{ shiyongzhuangtai }}
|
|
|
|
|
</el-descriptions-item>
|
|
|
|
|
</el-descriptions>
|
|
|
|
|
<!-- <div class="infoWindow-container">-->
|
|
|
|
|
<!-- <div class="infoWindow-container__item" v-for="item in form">-->
|
|
|
|
|
<!-- <p>{{ item.name }}</p>-->
|
|
|
|
|
<!-- <p>{{ contentFormat(item) }}{{ units.get(item.field) }}</p>-->
|
|
|
|
|
<!-- </div>-->
|
|
|
|
|
<!-- </div>-->
|
|
|
|
|
</el-scrollbar>
|
|
|
|
|
|
|
|
|
|
<p
|
|
|
|
|
@ -266,6 +126,8 @@ import { index } from "@/api/system/baseForm";
|
|
|
|
|
import { show } from "@/api/system/customForm";
|
|
|
|
|
import { listdept } from "@/api/system/department";
|
|
|
|
|
import { getparameter } from "@/api/system/dictionary";
|
|
|
|
|
import { listCommondepartment } from '@/api/common'
|
|
|
|
|
import { deepCopy } from '@/utils'
|
|
|
|
|
export default {
|
|
|
|
|
name: "mapList",
|
|
|
|
|
data() {
|
|
|
|
|
@ -290,6 +152,8 @@ export default {
|
|
|
|
|
}
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
is_auth: 1,
|
|
|
|
|
selectDepartmentId: '',
|
|
|
|
|
select: {
|
|
|
|
|
//table_name: "assets",
|
|
|
|
|
filter: [
|
|
|
|
|
@ -347,6 +211,7 @@ export default {
|
|
|
|
|
cluster: null,
|
|
|
|
|
polygons: [],
|
|
|
|
|
markerList: [],
|
|
|
|
|
departments: [],
|
|
|
|
|
wxAreas: [
|
|
|
|
|
"宜兴市",
|
|
|
|
|
"惠山区",
|
|
|
|
|
@ -387,14 +252,32 @@ export default {
|
|
|
|
|
this.infoWindow.open(this.map, this.center);
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
async getDepts () {
|
|
|
|
|
try {
|
|
|
|
|
const res = await listCommondepartment({
|
|
|
|
|
page: 1,
|
|
|
|
|
page_size: 9999
|
|
|
|
|
})
|
|
|
|
|
this.departments = res.data
|
|
|
|
|
} catch(err) {
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
async getList() {
|
|
|
|
|
this.loading = true;
|
|
|
|
|
let opt = {
|
|
|
|
|
let opt = deepCopy({
|
|
|
|
|
page: 1,
|
|
|
|
|
page_size: 9999,
|
|
|
|
|
...this.select,
|
|
|
|
|
is_auth: 1,
|
|
|
|
|
is_auth: this.is_auth,
|
|
|
|
|
table_name: this.hasHouse === 1 ? 'lands' : 'houses'
|
|
|
|
|
})
|
|
|
|
|
if (!this.is_auth && opt.hasOwnProperty('filter') && opt.filter instanceof Array) {
|
|
|
|
|
opt.filter.push({
|
|
|
|
|
key: 'department_id',
|
|
|
|
|
op: 'eq',
|
|
|
|
|
value: this.selectDepartmentId
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
if (this.hasHouse === 3) {
|
|
|
|
|
delete opt.table_name
|
|
|
|
|
@ -402,13 +285,11 @@ export default {
|
|
|
|
|
let promise = [];
|
|
|
|
|
promise.push(index({
|
|
|
|
|
...opt,
|
|
|
|
|
table_name: 'lands',
|
|
|
|
|
is_auth: 1,
|
|
|
|
|
table_name: 'lands'
|
|
|
|
|
}))
|
|
|
|
|
promise.push(index({
|
|
|
|
|
...opt,
|
|
|
|
|
table_name: 'houses',
|
|
|
|
|
is_auth: 1,
|
|
|
|
|
table_name: 'houses'
|
|
|
|
|
}))
|
|
|
|
|
|
|
|
|
|
const res = await Promise.all(promise)
|
|
|
|
|
@ -862,6 +743,7 @@ export default {
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
created() {
|
|
|
|
|
this.getDepts();
|
|
|
|
|
this.getFormDetail();
|
|
|
|
|
},
|
|
|
|
|
async mounted() {
|
|
|
|
|
@ -934,7 +816,7 @@ $staticsHeight: 60px;
|
|
|
|
|
}
|
|
|
|
|
.search-bar {
|
|
|
|
|
.search-name {
|
|
|
|
|
zoom: .9;
|
|
|
|
|
transform: scale(.9,.9);
|
|
|
|
|
|
|
|
|
|
padding: 0 10px;
|
|
|
|
|
}
|
|
|
|
|
|