TASK 44066 在资产管理模块下增加“三清台账”功能

src/views/sunVillage_info/three.vue

@@ -8,7 +8,12 @@
        <div class="search_info">
           <div class="search_block">
               <i class="icon"></i>
-              <input type="text" class="ipt" v-model="queryParams.zcmc" placeholder="请输入资产名称搜索">
+              <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>
@@ -80,9 +85,10 @@
    } from "@/api/sunVillage_info/three";
    import request from '@/utils/request'
    import MapGisLine from "@/components/Map/MapGisLine";
+   import Selector from "@/components/common/Selector.vue";
    export default {
      name: "certificateList",
-     components: { MapGisLine,},
+     components: {Selector, MapGisLine,},
      data() {
        return {
          theGeom:'',
@@ -103,7 +109,8 @@
            orderByColumn:'createTime',
            isAsc:'desc',
            translate_dict:1,
-           zcmc:''
+           zcmc:'',
+           threeAssetType: null,
          },
          uploadFiles1:[],
          projectId:'',
@@ -111,10 +118,15 @@
          showBtn:true,
          listMap: 0,
          resourceId: null,    // 资产ID，记录当前资产的ID
-         resourceList: []     // 资产列表，存储本账套下所有的资产信息
+         resourceList: [],     // 资产列表，存储本账套下所有的资产信息
+         typeVisible: false,
+         threeAssetTypeOptions: [],
        };
      },
      created() {
+       this.houseGetDicts("three_asset_type").then((response) => {
+         this.threeAssetTypeOptions = response.data;
+       });
      },
      methods: {
        saveGeom(){
@@ -258,7 +270,23 @@
        goAdd(){
          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>
  <style scoped lang="scss">
@@ -310,7 +338,7 @@
         background: #fff;
         display: flex;
         border:2px solid #3494ff;
-        padding-right: 35px;
+        padding-right: 20px;
         align-items: center;
         .icon{
             width: 30px;
@@ -320,6 +348,12 @@
             display: block;
             margin:0 8px 0 26px;
         }
+          .filter-icon {
+            font-weight: bold;
+            font-size: .4rem;
+            width: .6rem;
+            text-align: center;
+          }
         .ipt{
         flex: 1;
         font-size: 26px;