Task 资源筛选2

config/index.js

@@ -12,9 +12,9 @@ module.exports = {
     proxyTable: {
       "/api": {
         // 请求的目标主机
-        target: 'http://218.59.175.44:8082/nsgk_test/',  // 公网测试环境
+        //target: 'http://218.59.175.44:8082/nsgk_test/',  // 公网测试环境
         // target: `http://192.168.0.116:8091/nsgk_api/`, // 内网测试环境
-        //target: 'http://localhost:8080/',
+        target: 'http://localhost:8080/',
         //target: 'http://192.168.0.106:8080/',
         changeOrigin: true,
         pathRewrite: {

src/views/sunVillage_info/fixedAssets.vue

@@ -8,8 +8,12 @@
        <div class="search_info">
           <div class="search_block">
               <i class="icon"></i>
-              <input type="text" class="ipt" v-model="queryParams.name" placeholder="搜索" @input="getSearchList">
-<!--              -->
+              <input type="text" class="ipt" v-model="queryParams.name" :placeholder="searchPlaceholder" @input="getSearchList">
+            <selector :visible.sync="typeVisible" v-model="queryParams.operationType" :columns="operation_type" clear value-key="dictValue" label-key="dictLabel" @confirm="refresh" @cancel="refresh">
+              <template>
+                <van-icon name="filter-o" color="#1989fa" class="filter-icon" @click="openAssetType" />
+              </template>
+            </selector>
           </div>
           <div class="total">共{{listLength}}个资产</div>
        </div>
@@ -85,9 +89,11 @@
    } from "@/api/sunVillage_info/fixedAssets";
    import request from '@/utils/request'
    import MapGisTag from "@/components/Map/MapGisTagDTGCopy";
+   import Selector from "@/components/common/Selector.vue";
    export default {
      name: "certificateList",
      components: {
+       Selector,
        MapGisTag
      },
      data() {
@@ -107,6 +113,7 @@
            orderByColumn:'createTime',
            isAsc:'desc',
            name:'',
+           operationType: null,
          },
          uploadFiles1:[],
          projectId:'',
@@ -117,6 +124,8 @@
          listMap:0,
          permanentId: null,   // 固定资产ID
          permanents: [],      // 固定资产列表，存储本账套下所有的固定资产信息
+         typeVisible: false,
+         operation_type: [],
        };
      },
      created() {
@@ -129,6 +138,9 @@
        this.houseGetDicts("use_type").then((response) => {
          this.useTypeOptions = response.data;
        });
+       this.houseGetDicts("operation_type").then((response) => {
+         this.operation_type = response.data;
+       });
      },
      methods: {
        openMap(id, theGeom,index){
@@ -288,7 +300,23 @@
        goAdd(){
          this.$router.push('/sunVillage_info/fixedAssetsAdd')
        },
+       openAssetType() {
+         this.typeVisible = true;
+       },
+       refresh() {
+         this.queryParams.pageNum = 1;
+         this.listLength = 0;
+         this.applicationList = [];
+         this.finished = false;
+         this.getList();
+       },
      },
+     computed: {
+       searchPlaceholder() {
+         let typeName = this.operation_type.find((x) => x.dictValue == this.queryParams.operationType);
+         return '搜索' + (typeName ? `${typeName.dictLabel}资产` : '');
+       },
+     }
    }
  </script>
  <style scoped lang="scss">
@@ -340,7 +368,7 @@
         background: #fff;
         display: flex;
         border:2px solid #3494ff;
-        padding-right: 35px;
+        padding-right: 20px;
         align-items: center;
         .icon{
             width: 30px;
@@ -350,6 +378,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;