|
@@ -6,15 +6,18 @@ |
|
|
<div class="add_btn" @click="goAdd"></div> |
|
|
<div class="add_btn" @click="goAdd"></div> |
|
|
</div> |
|
|
</div> |
|
|
<div class="search_info"> |
|
|
<div class="search_info"> |
|
|
<!-- <div class="search_block">--> |
|
|
|
|
|
<!-- <i class="icon"></i>--> |
|
|
|
|
|
<!-- <input type="text" class="ipt" @input="getSearchList" v-model="queryParams.zcmc" placeholder="请输入资产名称搜索">--> |
|
|
|
|
|
<!--<!– <div @click="getSearchList">搜索</div>–>--> |
|
|
|
|
|
<!-- </div>--> |
|
|
|
|
|
<van-search class="search_block" v-model="queryParams.zcmc" @input="getSearchList" placeholder="请输入资产名称搜索" /> |
|
|
|
|
|
|
|
|
<div class="search_block"> |
|
|
|
|
|
<i class="icon"></i> |
|
|
|
|
|
<input type="text" class="ipt" v-model="queryParams.zcmc" :placeholder="searchPlaceholder"> |
|
|
|
|
|
<selector :visible.sync="typeVisible" v-model="queryParams.threeAssetType" :columns="threeAssetTypeOptions" clear value-key="dictValue" label-key="dictLabel" @confirm="refresh" @cancel="refresh"> |
|
|
|
|
|
<template> |
|
|
|
|
|
<van-icon name="filter-o" color="#1989fa" class="filter-icon" @click="openThreeAssetType" /> |
|
|
|
|
|
</template> |
|
|
|
|
|
</selector> |
|
|
|
|
|
<div @click="getSearchList">搜索</div> |
|
|
|
|
|
</div> |
|
|
<div class="total">共{{listLength}}个资产</div> |
|
|
<div class="total">共{{listLength}}个资产</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="list_main"> |
|
|
<div class="list_main"> |
|
|
<van-list |
|
|
<van-list |
|
|
v-model="loading" |
|
|
v-model="loading" |
|
@@ -82,9 +85,10 @@ |
|
|
} from "@/api/sunVillage_info/three"; |
|
|
} from "@/api/sunVillage_info/three"; |
|
|
import request from '@/utils/request' |
|
|
import request from '@/utils/request' |
|
|
import MapGisLine from "@/components/Map/MapGisLine"; |
|
|
import MapGisLine from "@/components/Map/MapGisLine"; |
|
|
|
|
|
import Selector from "@/components/common/Selector.vue"; |
|
|
export default { |
|
|
export default { |
|
|
name: "certificateList", |
|
|
name: "certificateList", |
|
|
components: { MapGisLine,}, |
|
|
|
|
|
|
|
|
components: {Selector, MapGisLine,}, |
|
|
data() { |
|
|
data() { |
|
|
return { |
|
|
return { |
|
|
theGeom:'', |
|
|
theGeom:'', |
|
@@ -105,7 +109,8 @@ |
|
|
orderByColumn:'createTime', |
|
|
orderByColumn:'createTime', |
|
|
isAsc:'desc', |
|
|
isAsc:'desc', |
|
|
translate_dict:1, |
|
|
translate_dict:1, |
|
|
zcmc:'' |
|
|
|
|
|
|
|
|
zcmc:'', |
|
|
|
|
|
threeAssetType: null, |
|
|
}, |
|
|
}, |
|
|
uploadFiles1:[], |
|
|
uploadFiles1:[], |
|
|
projectId:'', |
|
|
projectId:'', |
|
@@ -113,10 +118,15 @@ |
|
|
showBtn:true, |
|
|
showBtn:true, |
|
|
listMap: 0, |
|
|
listMap: 0, |
|
|
resourceId: null, // 资产ID,记录当前资产的ID |
|
|
resourceId: null, // 资产ID,记录当前资产的ID |
|
|
resourceList: [] // 资产列表,存储本账套下所有的资产信息 |
|
|
|
|
|
|
|
|
resourceList: [], // 资产列表,存储本账套下所有的资产信息 |
|
|
|
|
|
typeVisible: false, |
|
|
|
|
|
threeAssetTypeOptions: [], |
|
|
}; |
|
|
}; |
|
|
}, |
|
|
}, |
|
|
created() { |
|
|
created() { |
|
|
|
|
|
this.houseGetDicts("three_asset_type").then((response) => { |
|
|
|
|
|
this.threeAssetTypeOptions = response.data; |
|
|
|
|
|
}); |
|
|
}, |
|
|
}, |
|
|
methods: { |
|
|
methods: { |
|
|
saveGeom(){ |
|
|
saveGeom(){ |
|
@@ -260,13 +270,26 @@ |
|
|
goAdd(){ |
|
|
goAdd(){ |
|
|
this.$router.push('/sunVillage_info/threeAdd') |
|
|
this.$router.push('/sunVillage_info/threeAdd') |
|
|
}, |
|
|
}, |
|
|
|
|
|
openThreeAssetType() { |
|
|
|
|
|
this.typeVisible = true; |
|
|
|
|
|
}, |
|
|
|
|
|
refresh() { |
|
|
|
|
|
this.queryParams.pageNum = 1; |
|
|
|
|
|
this.listLength = 0; |
|
|
|
|
|
this.applicationList = []; |
|
|
|
|
|
this.finished = false; |
|
|
|
|
|
this.getList(); |
|
|
|
|
|
}, |
|
|
}, |
|
|
}, |
|
|
|
|
|
computed: { |
|
|
|
|
|
searchPlaceholder() { |
|
|
|
|
|
let typeName = this.threeAssetTypeOptions.find((x) => x.dictValue == this.queryParams.threeAssetType); |
|
|
|
|
|
return '搜索' + (typeName ? typeName.dictLabel : ''); |
|
|
|
|
|
}, |
|
|
|
|
|
} |
|
|
} |
|
|
} |
|
|
</script> |
|
|
</script> |
|
|
<style scoped lang="scss"> |
|
|
<style scoped lang="scss"> |
|
|
/deep/ .van-search__content{ |
|
|
|
|
|
background-color: transparent; |
|
|
|
|
|
} |
|
|
|
|
|
.home_wrapper{ |
|
|
.home_wrapper{ |
|
|
background: #e9e9e9; |
|
|
background: #e9e9e9; |
|
|
min-height: 100vh; |
|
|
min-height: 100vh; |
|
@@ -309,15 +332,14 @@ |
|
|
padding:20px 23px; |
|
|
padding:20px 23px; |
|
|
display: flex; |
|
|
display: flex; |
|
|
.search_block{ |
|
|
.search_block{ |
|
|
height: 59px; |
|
|
|
|
|
width: 535px; |
|
|
|
|
|
border-radius: 59px; |
|
|
|
|
|
background: #fff; |
|
|
|
|
|
display: flex; |
|
|
|
|
|
border:2px solid #3494ff; |
|
|
|
|
|
padding-right: 35px; |
|
|
|
|
|
align-items: center; |
|
|
|
|
|
padding-left: 0; |
|
|
|
|
|
|
|
|
height: 59px; |
|
|
|
|
|
width: 535px; |
|
|
|
|
|
border-radius: 59px; |
|
|
|
|
|
background: #fff; |
|
|
|
|
|
display: flex; |
|
|
|
|
|
border:2px solid #3494ff; |
|
|
|
|
|
padding-right: 20px; |
|
|
|
|
|
align-items: center; |
|
|
.icon{ |
|
|
.icon{ |
|
|
width: 30px; |
|
|
width: 30px; |
|
|
height: 30px; |
|
|
height: 30px; |
|
@@ -326,6 +348,12 @@ |
|
|
display: block; |
|
|
display: block; |
|
|
margin:0 8px 0 26px; |
|
|
margin:0 8px 0 26px; |
|
|
} |
|
|
} |
|
|
|
|
|
.filter-icon { |
|
|
|
|
|
font-weight: bold; |
|
|
|
|
|
font-size: .4rem; |
|
|
|
|
|
width: .6rem; |
|
|
|
|
|
text-align: center; |
|
|
|
|
|
} |
|
|
.ipt{ |
|
|
.ipt{ |
|
|
flex: 1; |
|
|
flex: 1; |
|
|
font-size: 26px; |
|
|
font-size: 26px; |
|
|