任务单添加筛选

src/views/riskProject/add/taskList.vue

@@ -158,9 +158,10 @@
         <van-tab title="风险清单">
           <van-sticky>
             <van-dropdown-menu>
-              <van-dropdown-item v-model="value1" :options="option1" />
-              <van-dropdown-item v-model="value2" :options="option2" />
-              <van-dropdown-item v-model="value3" :options="option3" />
+              <van-dropdown-item v-model="buildingFValue" :options="buildingFList"  get-container="body" @change="changeNextList('GroundList','buildingF')"/> <!-- 楼栋 -->
+              <van-dropdown-item v-model="groundValue" :options="groundList"  get-container="body" @change="changeNextList('FloorList','ground')"/>  <!-- 地上地下 -->
+              <van-dropdown-item v-model="floorValue" :options="floorList"  get-container="body"  @change="changeNextList('RoomList','floor')"/> <!-- 楼层 -->
+              <van-dropdown-item v-model="roomValue" :options="roomList"  get-container="body"   @change="changeNextList('','room')"/> <!-- 房间 -->
             </van-dropdown-menu>
           </van-sticky>
           <div style="overflow-y: auto;padding: 10px;">
@@ -599,21 +600,22 @@ export default {
       form: {},
       tabs: [],
       riskList: [],
-      value1: 0,
-      value2: "a",
-      value3: "1",
-      option1: [
-        { text: "楼栋", value: 0 },
-        { text: "全部", value: 1 }
+      floorValue: 0,
+      groundValue:0,
+      roomValue: 0,
+      buildingFValue:0,
+      buildingFList: [
+        { text: "全部", value: 0 }
       ],
-      option2: [
-        { text: "楼层", value: "a" },
-        { text: "全部", value: "b" }
+      groundList: [
+        { text: "全部", value: 0,children:[]}
+      ],
+      floorList: [
+        { text: "全部", value: 0 }
+      ],
+      roomList: [
+        { text: "全部", value: 0 }
       ],
-      option3: [
-        { text: "房间", value: "1" },
-        { text: "全部", value: "2" }
-      ]
     };
   },
   created() {
@@ -623,11 +625,71 @@ export default {
     this.pathAuth = sessionStorage.getItem("pathAuth");
     this.postList(this.planId, buildingId);
     this.getRiskTaskList(this.planId, buildingId);
+    this.getBuildingFList()
   },
   methods: {
     timestampToTimes(time, type) {
       return timestampToTime(new Date(time), type, true);
     },
+
+    /* swp add 风险清单筛选 */
+    changeData(arr) {
+      if(Array.isArray(arr)){
+         return arr.map(item=>({ text: item.name,value: item.id || item.name,...item}))
+        }
+    },
+    getBuildingFList(){
+        getFun(`/risk/plan/plan/building/list/${this.planId}`).then(res=>{
+          const data = res.data;
+          this.buildingFList = [{ text: "全部", value: 0 },...this.changeData(data)]
+        })
+    },
+    getGroundList(){
+        getFun(`/risk/plan/floor/list/${this.buildingFValue}`)
+          .then(res => {
+            const data = res.data;
+            this.groundList = [{ text: "全部", value: 0,children:[] },...this.changeData(data)]
+          })
+          .catch(() => {
+            this.$toast.fail("加载失败,请稍后再试");
+          });
+    },
+    getFloorList() {
+        const getfloors = this.groundList.find(x=>x.value===this.groundValue)
+        if(getfloors){
+          this.floorList = [{ text: "全部", value: 0 },...this.changeData(getfloors.children)]
+        }
+    },
+    getRoomList() {
+        getFun(`/risk/plan/room/list/${this.floorValue}`)
+          .then(res => {
+            const data = res.data;
+            this.roomList = [{ text: "全部", value: 0 },...this.changeData(data)]
+          }) .catch(() => {
+            this.$toast.fail("加载失败,请稍后再试");
+          });
+    },
+    /* 切换楼栋，楼层 */
+    changeNextList(needChange,from){  
+        this.getRiskTaskList(this.planId,this.buildingFValue||'',{
+          floorId:this.floorValue||'',
+          roomId:this.roomValue||'',
+        })
+        /* 清空后面子项 start*/
+        const list = ['buildingF','ground','floor','room'];
+        const i = list.indexOf(from);
+        if(i>-1){
+            list.slice(i+1).forEach(val=>{
+              this[val+'Value'] = 0;
+              this[val+'List'] = [{ text: "全部", value: 0}];
+            })
+        }
+        /* 清空后面子项 end*/
+        needChange&&this['get'+needChange]()
+    },
+    /* swp end 风险清单筛选 */
+
+
     //执行任务
     performTasks() {
       sessionStorage.setItem(
@@ -713,9 +775,9 @@ export default {
       });
     },
     //风险清单列表
-    getRiskTaskList(planId, buildingId) {
+    getRiskTaskList(planId, buildingId,data) {
       if (buildingId) {
-        getFun(`/risk/plan/inherent/list/${planId}/${buildingId}`).then(res => {
+        getFun(`/risk/plan/inherent/list/${planId}/${buildingId}`,data).then(res => {
           this.riskList = res.data;
         });
       } else {

vue.config.js

@@ -9,11 +9,11 @@ module.exports = {
     proxy: {
       //配置跨域
       "/app-api": {
-        // target: "http://192.168.4.232:8080/", //这里是后台的地址
+        target: "http://192.168.4.232:8080/", //这里是后台的地址
         // target: 'http://192.168.15.124:8080/', //这里是杨帆的地址
         // target: 'http://192.168.10.137:8080/', //这里是昊哥的地址
         // target: 'http://192.168.10.36:8080/', //这里是昊哥的地址
-        target: 'http://localhost:8081/', //这里是后台的地址
+        // target: 'http://localhost:8081/', //这里是后台的地址
         ws: true,
         changOrigin: true //允许跨域
         // logLevel: 'debug',  // 显示代理调试信息