设备导出

src/views/regionSection/log/deviceExport.vue

@@ -2,13 +2,18 @@
   <div class="main_root">
     <div class="search_header">
       <div class="search_left">
-        <Input
-          v-model="searchForm.name"
-          placeholder="请输入名称"
-          search
-          @on-search="searchList()"
-          style="width: 150px"
-        />
+        <div class="select">
+          <div class="title" @click.stop="headerTree">
+            {{ searchForm.title }}
+            <Icon type="ios-arrow-down" />
+          </div>
+          <div class="regintree" v-if="isshowtree">
+            <Tree
+              @on-select-change="getSelectedNodes"
+              :data="region_list"
+            ></Tree>
+          </div>
+        </div>
       </div>
       <Button type="primary" class="primary_btn" @click="toExport()"
         >导出</Button
@@ -51,11 +56,13 @@ export default {
     return {
       searchForm: {
         regionid: 0,
+        title: "所有区域",
         page: 1,
         size: 10,
         list: [],
         total: 0
       },
+      isshowtree: false,
       region_list: [],
       school_list: [],
       userInfo: {},
@@ -136,17 +143,33 @@ export default {
     this.init();
     this.searchList();
   },
+  mounted() {
+    window.addEventListener("click", () => {
+      this.isshowtree = false;
+    });
+  },
   methods: {
+    headerTree() {
+      //打开树形区域列表
+      this.isshowtree = true;
+    },
+    getSelectedNodes(data) {
+      this.searchForm.title = data[0].title;
+      this.searchForm.regionid = data[0].regionid;
+      this.searchList();
+    },
     init() {
       region_list_sel_tree({ regionid: this.powerParams.objectid }).then(
         (res) => {
           if (res.code === 0) {
+            this.setRegionList(res.obj[0]);
             this.region_list = res.obj;
             this.region_list.unshift({
-              regionName: "所有区域",
+              title: "所有区域",
               regionid: 0,
               children: []
             });
+
             console.log(this.region_list);
           } else {
             this.$Message.error(res.msg);
@@ -154,6 +177,15 @@ export default {
         }
       );
     },
+    setRegionList(node) {
+      node.title = node.regionName;
+      node.expand = true;
+      if (node.children && node.children.length > 0) {
+        for (let child of node.children) {
+          this.setRegionList(child);
+        }
+      }
+    },
     // 搜索
     searchList() {
       this.searchForm.page = 1;
@@ -203,6 +235,35 @@ export default {
     display: flex;
     justify-content: flex-start;
     align-items: center;
+    .select {
+      width: 200px;
+      height: 32px;
+      border-radius: 8px;
+      border: 1px solid #d8dce9;
+      line-height: 30px;
+      position: relative;
+      padding-left: 10px;
+      cursor: pointer;
+      .ivu-icon {
+        position: absolute;
+        top: 6px;
+        right: 10px;
+        font-size: 18px;
+      }
+    }
+    .regintree {
+      min-width: 200px;
+      height: 320px;
+      overflow-y: auto;
+      border-radius: 8px;
+      border: 1px solid #d8dce9;
+      position: absolute;
+      z-index: 10;
+      background-color: white;
+      top: 36px;
+      left: 0;
+      padding-left: 10px;
+    }
   }
 }
 </style>

src/views/schoolSection/strategy/personalStrategy.vue

@@ -685,7 +685,7 @@ export default {
         if (res.code === 0) {
           this.stPadInfo = {
             show: true,
-            list: res.obj.map((v) => {
+            list: res.obj.data.map((v) => {
               v.checked = false;
               return v;
             }),

src/views/schoolSection/strategy/publicStrategy.vue

@@ -550,7 +550,7 @@ export default {
         if (res.code === 0) {
           this.stPadInfo = {
             show: true,
-            list: res.obj.map((v) => {
+            list: res.obj.data.map((v) => {
               v.checked = false;
               return v;
             }),