update

ems-ui/src/views/mgr/poweruse.vue

@@ -5,7 +5,19 @@
 
       </el-tab-pane>
 
-      <el-tab-pane v-for="item in areaOptions" :key="item.areaCode" :label="item.shortName" :name="item.areaCode">
+      <el-tab-pane v-for="item in facsCategoryOptions" :key="item.code" :label="item.name" :name="item.code">
+        <el-col :span="4" :xs="24">
+          <div class="head-container">
+            <el-input v-model="areaName" placeholder="请输入服务区名称" clearable size="small" prefix-icon="el-icon-search"
+                      style="margin-bottom: 20px" />
+          </div>
+          <div class="head-container">
+            <el-tree ref="tree" :data="areaOptions"  />
+          </div>
+        </el-col>
+        <el-col :span="20" :xs="24">
+
+        </el-col>
       </el-tab-pane>
 
     </el-tabs>
@@ -153,6 +165,8 @@
 
 <script>
 import { listH, getH, delH, addH, updateH } from "@/api/mgr/elecUseH";
+import { getFacsCategorygetByCode } from '@/api/basecfg/emsfacs'
+import { areaTreeSelect, areaTreeSelectByTag } from '@/api/basecfg/area'
 
 export default {
   name: "H",
@@ -177,6 +191,8 @@ export default {
       title: "",
       // 是否显示弹出层
       open: false,
+      areaOptions: [],
+      facsCategoryOptions:[],
       // 查询参数
       queryParams: {
         pageNum: 1,
@@ -210,6 +226,8 @@ export default {
     };
   },
   created() {
+    this.getFacsCategory('Z');
+    this.getAreaTree('Area')
     this.getList();
   },
   methods: {
@@ -222,6 +240,16 @@ export default {
         this.loading = false;
       });
     },
+    async getFacsCategory(code) {
+      getFacsCategorygetByCode(code).then(response => {
+        this.facsCategoryOptions = response.data.subtypeList
+      })
+    },
+    async getAreaTree(tier) {
+      await areaTreeSelect(tier).then(response => {
+        this.areaOptions = response.data
+      })
+    },
     // 取消按钮
     cancel() {
       this.open = false;