From 00ede8f22696e9eb0a858d42376afca9c632b283 Mon Sep 17 00:00:00 2001
From: laozt <2721205210@qq.com>
Date: Fri, 20 Oct 2023 10:49:24 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E8=A1=8C=E6=94=BF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/components/dialog/index.vue     |    8 +-
 src/views/components/firmDialog/index.vue |   91 +-
 src/views/yingji/echarts/executive.vue    |    8 +-
 src/views/yingji/enforcing.vue            |   31 +-
 src/views/yingji/enterprise.vue           |   44 +-
 src/views/yingji/planManage.vue           | 1278 +++++++++++----------
 6 files changed, 780 insertions(+), 680 deletions(-)

diff --git a/src/views/components/dialog/index.vue b/src/views/components/dialog/index.vue
index 95752a4..07f25dd 100644
--- a/src/views/components/dialog/index.vue
+++ b/src/views/components/dialog/index.vue
@@ -315,7 +315,7 @@ export default {
       options: [],
       // optionstwo:[],
       props: {
-        value: "county",
+        value: "subdistrict",
         label: "institutionName",
         checkStrictly: true,
       },
@@ -851,8 +851,8 @@ export default {
         this.listOne.map((item) => {
           if (item.institutionName == dept.deptName) {
             // console.log(item.county)
-            this.form.subdistrict = item.county;
-            this.workingArea = item.county;
+            this.form.subdistrict = item.subdistrict;
+            this.workingArea = item.subdistrict;
             this.county = true;
             // delete item.children
           }
@@ -863,7 +863,7 @@ export default {
           item.children.map((itemTwo) => {
             if (itemTwo.institutionName == dept.deptName) {
               this.form.subdistrict = itemTwo.subdistrict;
-              this.workingArea = itemTwo.county;
+              this.workingArea = itemTwo.subdistrict;
               this.county = false;
             }
           });
diff --git a/src/views/components/firmDialog/index.vue b/src/views/components/firmDialog/index.vue
index 84e2211..e7f22f0 100644
--- a/src/views/components/firmDialog/index.vue
+++ b/src/views/components/firmDialog/index.vue
@@ -23,6 +23,14 @@
               :label="value"
               v-for="(key, value) in elDesLabels"
               :key="key"
+              :span="
+                key == 'majorProduct' ||
+                key == 'businessScope' ||
+                key == 'subdistrict' ||
+                key == 'rigisterAddress'
+                  ? 2
+                  : 1
+              "
             >
               {{ infoData[key] }}
             </el-descriptions-item>
@@ -34,6 +42,7 @@
 </template>
 <script>
 import dictzh from "@/utils/dictzh.js";
+import { xzTree } from "@/api/yingji/keyEnterprise.js";
 
 export default {
   dicts: [
@@ -52,6 +61,7 @@ export default {
     return {
       addShow: false,
       infoData: {},
+      areaData: [],
       dictzh: dictzh,
       elDesLabels: {
         企业名称: "enterpriseName",
@@ -63,8 +73,12 @@ export default {
         企业类型: "zjEconKind",
         生产经营地址: "businessAddress",
         行业监管大类: "supervisionLarge",
+        "所在乡镇（街道）": "subdistrict",
+        注册地址: "rigisterAddress",
+        主营业务及产品: "majorProduct",
+        经营范围: "businessScope",
         登记状态: "corpStatus",
-        行政区划: "county",
+        // 行政区划: "county",
         办公地址: "enterpriseAddress",
         企业规模: "enterpristScale",
         固定资产: "fixedAssets",
@@ -75,24 +89,20 @@ export default {
         法人职务: "legalPersonPost",
         法人固定电话: "legalPersonTel",
         法人类型: "legalPersonType",
-        主营业务及产品: "majorProduct",
         机构编码: "orgCode",
         其他名称: "otherName",
         登记时间: "registerTime",
         登记机关: "registrationOrg",
-        注册地址: "rigisterAddress",
         注册资金: "rigisterFund",
         是否上报风险报告: "riskReport",
         安全生产投入占比: "safetyProductionInvestment",
         申请人: "sqr",
         申请人联系方式: "sqrlxfs",
         成立时间: "startTime",
-        "所在乡镇（街道）": "subdistrict",
         有效期起: "termStart",
         有效期止: "termEnd",
         创建时间: "createTime",
         修改时间: "updateTime",
-        经营范围: "businessScope",
         备注: "remark",
         // 工艺流程内容: "htmlText",
         // :"updateBy",
@@ -118,9 +128,13 @@ export default {
         // :"businessScope",
         // :"city",
       },
-      details: null,
     };
   },
+  created() {
+    this.$nextTick(() => {
+      this.xzList();
+    });
+  },
   methods: {
     supervisionLarge(value) {
       // console.log(value.split(","));
@@ -137,7 +151,6 @@ export default {
     },
     Close(item) {
       this.addShow = false;
-      this.details = null;
     },
     changeDescriptions(arr, arr2) {
       for (let key in arr2) {
@@ -159,21 +172,65 @@ export default {
       return this.selectDictLabel(a, b);
     },
     look(e) {
-      e["aboveDesignated"] = e.aboveDesignated == 1 ? "规上" : "规下";
-      e["riskReport"] = e.riskReport == 1 ? "是" : "否";
-      e["aboveDesignatedTwo"] =
-        e.aboveDesignatedTwo == 1
+      localStorage.setItem("enterInfo", JSON.stringify(e));
+      let infoObj = JSON.parse(localStorage.getItem("enterInfo"));
+      // 查看弹窗
+      this.addShow = true;
+      infoObj["aboveDesignated"] =
+        infoObj.aboveDesignated == 1 ? "规上" : "规下";
+      infoObj["riskReport"] = infoObj.riskReport == 1 ? "是" : "否";
+      infoObj["aboveDesignatedTwo"] =
+        infoObj.aboveDesignatedTwo == 1
           ? "大型"
-          : e.aboveDesignatedTwo == 2
+          : infoObj.aboveDesignatedTwo == 2
           ? "中型"
-          : e.aboveDesignatedTwo == 3
+          : infoObj.aboveDesignatedTwo == 3
           ? "小型"
-          : e.aboveDesignatedTwo == 4
+          : infoObj.aboveDesignatedTwo == 4
           ? "微型"
           : "";
-      e["supervisionLarge"] = this.supervisionLarge(e.supervisionLarge);
-      this.infoData = e;
-      this.details = e;
+      infoObj["supervisionLarge"] = this.supervisionLarge(
+        infoObj.supervisionLarge
+      );
+      infoObj["subdistrict"] =
+        this.componendDistrict(infoObj.subdistrict) || "/";
+      this.infoData = infoObj;
+    },
+    // 行政区域树状
+    xzList() {
+      xzTree().then((res) => {
+        res.data.forEach((value, index) => {
+          this.areaData.push({
+            value: value.subdistrict,
+            label: value.institutionName,
+            children: [],
+          });
+          if (value.children.length > 0) {
+            value.children.forEach((value1, index1) => {
+              this.areaData[index].children.push({
+                value: value1.subdistrict,
+                label: value1.institutionName,
+              });
+            });
+          }
+        });
+      });
+    },
+    // 匹配行政区划
+    componendDistrict(district) {
+      let name;
+      this.areaData.map((item) => {
+        if (item.value == district) {
+          name = item.label;
+        } else {
+          item.children.map((itemTwo) => {
+            if (itemTwo.value == district) {
+              name = item.label + "-" + itemTwo.label;
+            }
+          });
+        }
+      });
+      return name;
     },
   },
 };
diff --git a/src/views/yingji/echarts/executive.vue b/src/views/yingji/echarts/executive.vue
index f778974..9443147 100644
--- a/src/views/yingji/echarts/executive.vue
+++ b/src/views/yingji/echarts/executive.vue
@@ -3,8 +3,8 @@
  * @version: 
  * @Author: JC9527
  * @Date: 2023-09-27 14:01:34
- * @LastEditors: JC9527
- * @LastEditTime: 2023-09-28 17:03:02
+ * @LastEditors: 张涛
+ * @LastEditTime: 2023-10-20 09:23:51
 -->
 <template>
   <div>
@@ -58,7 +58,7 @@ export default {
         if (this.dept.parentId == 0 || this.dept.leader == "admin") {
           res.data.forEach((value, index) => {
             this.compartment.push({
-              value: value.county,
+              value: value.subdistrict,
               label: value.institutionName,
               children: [],
             });
@@ -119,4 +119,4 @@ export default {
     transform: translate(-50%, -50%);
   }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/yingji/enforcing.vue b/src/views/yingji/enforcing.vue
index 89594a1..3d41259 100644
--- a/src/views/yingji/enforcing.vue
+++ b/src/views/yingji/enforcing.vue
@@ -23,7 +23,12 @@
         </div>
         <div class="select-input">
           <div class="select-span">区划:</div>
-          <executive @quhua="quhua" @quhuadizhi="quhuadizhi" :none="true"  ref="executive"></executive>
+          <executive
+            @quhua="quhua"
+            @quhuadizhi="quhuadizhi"
+            :none="true"
+            ref="executive"
+          ></executive>
         </div>
         <div class="my-checkbox">
           <el-checkbox-group v-model="checkList" @change="setmealSelect">
@@ -156,8 +161,8 @@
     </el-dialog>
   </div>
 </template>
-  
-  <script>
+
+<script>
 import executive from "./echarts/executive";
 import myPagination from "@/views/components/myPagination/index.vue";
 import {
@@ -316,14 +321,19 @@ export default {
       this.option.map((item) => {
         if (item.value == district) {
           name = item.label;
+          console.log(item);
+          console.log(district);
+          console.log(name);
         } else {
           item.children.map((itemTwo) => {
             if (itemTwo.value == district) {
               name = item.label + "-" + itemTwo.label;
+              console.log(name);
             }
           });
         }
       });
+
       return name;
     },
     // 获取行政区划树
@@ -386,17 +396,17 @@ export default {
             );
           }
           if (value1.value == "0") {
-            this.listDes[index1].value = '否'
+            this.listDes[index1].value = "否";
           }
           if (value1.value == "1") {
-            this.listDes[index1].value = '是'
+            this.listDes[index1].value = "是";
           }
         });
         this.detailLoad = false;
       });
     },
     quhua(e) {
-      this.form.district  = e;
+      this.form.district = e;
     },
     searchList() {
       this.searchBefore = {
@@ -446,7 +456,7 @@ export default {
     },
     // 页码，当前页切换事件
     pagesChange(pages) {
-      this.searchBefore.pageNum= pages.pageNum;
+      this.searchBefore.pageNum = pages.pageNum;
       this.searchBefore.pageSize = pages.pageSize;
       this.getList();
     },
@@ -474,12 +484,12 @@ export default {
   },
 };
 </script>
-  <style lang="scss" scoped>
+<style lang="scss" scoped>
 .isStyle {
   color: #f71052;
 }
-.isStyle1{
-  color: #28B384;
+.isStyle1 {
+  color: #28b384;
 }
 .dialog-slot {
   .closeClick {
@@ -735,4 +745,3 @@ export default {
   }
 }
 </style>
-  
\ No newline at end of file
diff --git a/src/views/yingji/enterprise.vue b/src/views/yingji/enterprise.vue
index f2b5e28..1835300 100644
--- a/src/views/yingji/enterprise.vue
+++ b/src/views/yingji/enterprise.vue
@@ -163,6 +163,14 @@
                 :label="value"
                 v-for="(key, value) in elDesLabels"
                 :key="key"
+                :span="
+                  key == 'majorProduct' ||
+                  key == 'businessScope' ||
+                  key == 'subdistrict' ||
+                  key == 'rigisterAddress'
+                    ? 2
+                    : 1
+                "
               >
                 {{ infoData[key] }}
               </el-descriptions-item>
@@ -211,8 +219,12 @@ export default {
         企业类型: "zjEconKind",
         生产经营地址: "businessAddress",
         行业监管大类: "supervisionLarge",
+        "所在乡镇（街道）": "subdistrict",
+        注册地址: "rigisterAddress",
+        主营业务及产品: "majorProduct",
+        经营范围: "businessScope",
         登记状态: "corpStatus",
-        行政区划: "county",
+        // 行政区划: "county",
         办公地址: "enterpriseAddress",
         企业规模: "enterpristScale",
         固定资产: "fixedAssets",
@@ -223,24 +235,20 @@ export default {
         法人职务: "legalPersonPost",
         法人固定电话: "legalPersonTel",
         法人类型: "legalPersonType",
-        主营业务及产品: "majorProduct",
         机构编码: "orgCode",
         其他名称: "otherName",
         登记时间: "registerTime",
         登记机关: "registrationOrg",
-        注册地址: "rigisterAddress",
         注册资金: "rigisterFund",
         是否上报风险报告: "riskReport",
         安全生产投入占比: "safetyProductionInvestment",
         申请人: "sqr",
         申请人联系方式: "sqrlxfs",
         成立时间: "startTime",
-        "所在乡镇（街道）": "subdistrict",
         有效期起: "termStart",
         有效期止: "termEnd",
         创建时间: "createTime",
         修改时间: "updateTime",
-        经营范围: "businessScope",
         备注: "remark",
         // 工艺流程内容: "htmlText",
         // :"updateBy",
@@ -268,7 +276,6 @@ export default {
       },
       addShow: false,
       details: null,
-      //==
       subdistrict: [],
       infoData: {},
     };
@@ -350,22 +357,29 @@ export default {
       this.addShow = false;
     },
     look(e) {
+      localStorage.setItem("enterInfo", JSON.stringify(e));
+      let infoObj = JSON.parse(localStorage.getItem("enterInfo"));
       // 查看弹窗
       this.addShow = true;
-      e["aboveDesignated"] = e.aboveDesignated == 1 ? "规上" : "规下";
-      e["riskReport"] = e.riskReport == 1 ? "是" : "否";
-      e["aboveDesignatedTwo"] =
-        e.aboveDesignatedTwo == 1
+      infoObj["aboveDesignated"] =
+        infoObj.aboveDesignated == 1 ? "规上" : "规下";
+      infoObj["riskReport"] = infoObj.riskReport == 1 ? "是" : "否";
+      infoObj["aboveDesignatedTwo"] =
+        infoObj.aboveDesignatedTwo == 1
           ? "大型"
-          : e.aboveDesignatedTwo == 2
+          : infoObj.aboveDesignatedTwo == 2
           ? "中型"
-          : e.aboveDesignatedTwo == 3
+          : infoObj.aboveDesignatedTwo == 3
           ? "小型"
-          : e.aboveDesignatedTwo == 4
+          : infoObj.aboveDesignatedTwo == 4
           ? "微型"
           : "";
-      e["supervisionLarge"] = this.supervisionLarge(e.supervisionLarge);
-      this.infoData = e;
+      infoObj["supervisionLarge"] = this.supervisionLarge(
+        infoObj.supervisionLarge
+      );
+      infoObj["subdistrict"] =
+        this.componendDistrict(infoObj.subdistrict) || "/";
+      this.infoData = infoObj;
     },
     quhua(e) {
       this.form.subdistrict = e;
diff --git a/src/views/yingji/planManage.vue b/src/views/yingji/planManage.vue
index 3701e10..33cb1aa 100644
--- a/src/views/yingji/planManage.vue
+++ b/src/views/yingji/planManage.vue
@@ -3,130 +3,132 @@
  * @version: 
  * @Author: JC9527
  * @Date: 2023-09-04 10:20:06
- * @LastEditors: JC9527
- * @LastEditTime: 2023-10-11 10:28:00
+ * @LastEditors: 张涛
+ * @LastEditTime: 2023-10-20 09:25:30
 -->
 <template>
-    <div class="plan-management">
-      <div class="plan-topBox">
-        <div class="drup-downs">
-          <div class="year">
-            <div class="year-span">年月:</div>
-            <el-date-picker
-              v-model="form.plannedYear"
-              type="month"
-              format="yyyy-MM"
-              :clearable="false"
-              value-format="yyyy-MM"
-              placeholder="请选择年月">
-            </el-date-picker>
-          </div>
-          <div class="area">
-            <!-- <div class="area-span">执法计划情况统计表</div> -->
-            <div class="area-span">行政区划:</div>
-            <el-cascader
-              v-model="form.district"
-              :disabled="disabled"
-              placeholder="请选择"
-              :options="options"
-              :props="props"
-              @change="handleChange"></el-cascader>
-          </div>
-          <div class="select-btn reset" @click="reset">重置</div>
+  <div class="plan-management">
+    <div class="plan-topBox">
+      <div class="drup-downs">
+        <div class="year">
+          <div class="year-span">年月:</div>
+          <el-date-picker
+            v-model="form.plannedYear"
+            type="month"
+            format="yyyy-MM"
+            :clearable="false"
+            value-format="yyyy-MM"
+            placeholder="请选择年月"
+          >
+          </el-date-picker>
         </div>
-        <div class="btns">
-          <div class="export" @click="exportFile">
-            <img src="@/assets/images/export.png" alt="">
-            <span>导出excel</span>
-          </div>
-          <div class="newProject" @click="newProject">
-            <img src="@/assets/images/newProject.png" alt="">
-            <span>新增计划</span>
-          </div>
+        <div class="area">
+          <!-- <div class="area-span">执法计划情况统计表</div> -->
+          <div class="area-span">行政区划:</div>
+          <el-cascader
+            v-model="form.district"
+            :disabled="disabled"
+            placeholder="请选择"
+            :options="options"
+            :props="props"
+            @change="handleChange"
+          ></el-cascader>
         </div>
+        <div class="select-btn reset" @click="reset">重置</div>
       </div>
-      <div class="plan-bottomBox">
-        <div class="tables">
-          <el-table
-            :data="tableData"
-            :border="false"
-            :height="484"
-            v-loading="loading"
-            tooltip-effect="light"
-            @selection-change="handleSelectionChange"
-            row-key="id"
-            :row-class-name="tableRowClassName"
-          >
-            <!-- <el-table-column
+      <div class="btns">
+        <div class="export" @click="exportFile">
+          <img src="@/assets/images/export.png" alt="" />
+          <span>导出excel</span>
+        </div>
+        <div class="newProject" @click="newProject">
+          <img src="@/assets/images/newProject.png" alt="" />
+          <span>新增计划</span>
+        </div>
+      </div>
+    </div>
+    <div class="plan-bottomBox">
+      <div class="tables">
+        <el-table
+          :data="tableData"
+          :border="false"
+          :height="484"
+          v-loading="loading"
+          tooltip-effect="light"
+          @selection-change="handleSelectionChange"
+          row-key="id"
+          :row-class-name="tableRowClassName"
+        >
+          <!-- <el-table-column
               type="selection"
               reserve-selection
               width="55"
               header-align="center"
             >
             </el-table-column> -->
-            <el-table-column
-              prop="plannedYear"
-              label="计划年月"
-              width="180"
-              header-align="center"
-            >
-            </el-table-column>
-            <el-table-column
-              prop="district"
-              label="行政区划"
-              show-overflow-tooltip
-              width="180"
-              header-align="center"
-            > 
-              <template slot-scope="scope">
-                <span>{{ componendDistrict(scope.row.district) || '/' }}</span>
-              </template>
-            </el-table-column>
-            <el-table-column
-              prop="entprName"
-              label="企业名称"
-              header-align="center"
-            >
-            </el-table-column>
-            <!-- <el-table-column
+          <el-table-column
+            prop="plannedYear"
+            label="计划年月"
+            width="180"
+            header-align="center"
+          >
+          </el-table-column>
+          <el-table-column
+            prop="district"
+            label="行政区划"
+            show-overflow-tooltip
+            width="180"
+            header-align="center"
+          >
+            <template slot-scope="scope">
+              <span>{{ componendDistrict(scope.row.district) || "/" }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="entprName"
+            label="企业名称"
+            header-align="center"
+          >
+          </el-table-column>
+          <!-- <el-table-column
               prop="keyCount"
               label="省重点数"
               header-align="center"
             >
             </el-table-column> -->
-            <el-table-column
-              prop="createTime"
-              label="创建时间"
-              header-align="center"
-            >
+          <el-table-column
+            prop="createTime"
+            label="创建时间"
+            header-align="center"
+          >
             <template slot-scope="scope">
-              <span>{{ scope.row.createTime ? scope.row.createTime.split(' ')[0] : scope.row.createTime }}</span>
+              <span>{{
+                scope.row.createTime
+                  ? scope.row.createTime.split(" ")[0]
+                  : scope.row.createTime
+              }}</span>
             </template>
-            </el-table-column>
-            <el-table-column
-              label="操作"
-              width="250"
-              header-align="center"
-            >
-              <template slot-scope="scope">
-                <div class="tabs-btns">
-                  <div class="look" @click="look(scope.row)">
-                    <img src="@/assets/images/look.png" alt="">
-                    <span>查看</span>
-                  </div>
-                  <div class="change" @click="change(scope.row)">
-                    <img src="@/assets/images/change.png" alt="">
-                    <span>修改</span>
-                  </div>
-                  <div class="delete" @click="deleteItem(scope.row)">
-                    <img src="@/assets/images/delete.png" alt="">
-                    <span>删除</span>
-                  </div>
+          </el-table-column>
+          <el-table-column label="操作" width="250" header-align="center">
+            <template slot-scope="scope">
+              <div class="tabs-btns">
+                <div class="look" @click="look(scope.row)">
+                  <img src="@/assets/images/look.png" alt="" />
+                  <span>查看</span>
                 </div>
-              </template>
-            </el-table-column>
-          </el-table>
-          <!-- <el-table
+                <div class="change" @click="change(scope.row)">
+                  <img src="@/assets/images/change.png" alt="" />
+                  <span>修改</span>
+                </div>
+                <div class="delete" @click="deleteItem(scope.row)">
+                  <img src="@/assets/images/delete.png" alt="" />
+                  <span>删除</span>
+                </div>
+              </div>
+            </template>
+          </el-table-column>
+        </el-table>
+        <!-- <el-table
             v-if="refreshTable"
             v-loading="loading"
             :data="tableData"
@@ -161,42 +163,46 @@
               </template>
             </el-table-column>
           </el-table> -->
-        </div>
-        <div class="pagination">
-          <my-pagination :total="total" @pagesChange="pagesChange" ref="mypagination"></my-pagination>
-        </div>
       </div>
-      <my-dialog ref="myDialog" v-on:close="padlockOne"></my-dialog>
-      <my-dialogtwo ref="myDialogTwo"></my-dialogtwo>
-      <temp-dialog ref="tempDialog" v-on:close="padlock"></temp-dialog>
+      <div class="pagination">
+        <my-pagination
+          :total="total"
+          @pagesChange="pagesChange"
+          ref="mypagination"
+        ></my-pagination>
+      </div>
     </div>
-  </template>
-  <script>
-  import myPagination from "@/views/components/myPagination/index.vue"
-  import myDialog from "@/views/components/dialog/index.vue"
-  import myDialogtwo from "@/views/components/dialogTwo/index.vue"
-  import tempDialog from "@/views/components/tempDialog/index.vue"
-  import { Loading } from "element-ui";
-  import { mapState } from "vuex";
-  export default {
-    components:{myPagination,myDialog,myDialogtwo,tempDialog},
-    data() {
-      return {
-        optionsyear:[],
-        options:[],
-        myDistrict:[],
-        form:{
-          district:[],
-          plannedYear:''
-        },
-        district:[],
-        mydistrict:'',
-        props:{
-          value:'county',
-          label:'institutionName',
-          checkStrictly: true
-        },
-        tableData: [
+    <my-dialog ref="myDialog" v-on:close="padlockOne"></my-dialog>
+    <my-dialogtwo ref="myDialogTwo"></my-dialogtwo>
+    <temp-dialog ref="tempDialog" v-on:close="padlock"></temp-dialog>
+  </div>
+</template>
+<script>
+import myPagination from "@/views/components/myPagination/index.vue";
+import myDialog from "@/views/components/dialog/index.vue";
+import myDialogtwo from "@/views/components/dialogTwo/index.vue";
+import tempDialog from "@/views/components/tempDialog/index.vue";
+import { Loading } from "element-ui";
+import { mapState } from "vuex";
+export default {
+  components: { myPagination, myDialog, myDialogtwo, tempDialog },
+  data() {
+    return {
+      optionsyear: [],
+      options: [],
+      myDistrict: [],
+      form: {
+        district: [],
+        plannedYear: "",
+      },
+      district: [],
+      mydistrict: "",
+      props: {
+        value: "subdistrict",
+        label: "institutionName",
+        checkStrictly: true,
+      },
+      tableData: [
         //   {
         //   id: 1,
         //   amount: '260',
@@ -235,143 +241,143 @@
         //   planNumb: '200',
         //   keyCount:10,
         // }
-        ],
-        pages:{
-          pageSize:10,
-          pageNum:1
-        },
-        total:0,
-        loading:false,
-        disabled:false,
-        // 是否展开，默认全部展开
-        isExpandAll: true,
-        // 重新渲染表格状态
-        refreshTable: true,
-        county:false,
-        multipleSelection:[],
-      }
-    },
-    computed: {
-      ...mapState({
-        dept: (state) => state.user.dept,
-        // district: (state) => state.user.district,
-      }),
-    },
-    watch:{
-      form:{
-        handler(newForm) {
-          this.pages.pageNum = 1;
-          this.pages.pageSize = 10;
-          this.$refs.mypagination.defaultPages();
-          let obj
-          // console.log(newForm,'newForm')
-          // 如果是苏州市或者是某个区
-          if(!this.disabled) {
-            if(Array.isArray(newForm.district)){
-              if(newForm.district.length == 2) {
-                this.district = this.form.district[1].slice(0, 10);
-                obj = { ...this.pages, ...this.form,district:this.district };
-              } else if(newForm.district.length == 1) {
-                this.district = this.form.district[0].slice(0, 7);
-                obj = { ...this.pages, ...this.form,district:this.district };
-              } else {
-                obj = { ...this.pages, ...this.form};
-              }
-              // 不是数组
+      ],
+      pages: {
+        pageSize: 10,
+        pageNum: 1,
+      },
+      total: 0,
+      loading: false,
+      disabled: false,
+      // 是否展开，默认全部展开
+      isExpandAll: true,
+      // 重新渲染表格状态
+      refreshTable: true,
+      county: false,
+      multipleSelection: [],
+    };
+  },
+  computed: {
+    ...mapState({
+      dept: (state) => state.user.dept,
+      // district: (state) => state.user.district,
+    }),
+  },
+  watch: {
+    form: {
+      handler(newForm) {
+        this.pages.pageNum = 1;
+        this.pages.pageSize = 10;
+        this.$refs.mypagination.defaultPages();
+        let obj;
+        // console.log(newForm,'newForm')
+        // 如果是苏州市或者是某个区
+        if (!this.disabled) {
+          if (Array.isArray(newForm.district)) {
+            if (newForm.district.length == 2) {
+              this.district = this.form.district[1].slice(0, 10);
+              obj = { ...this.pages, ...this.form, district: this.district };
+            } else if (newForm.district.length == 1) {
+              this.district = this.form.district[0].slice(0, 7);
+              obj = { ...this.pages, ...this.form, district: this.district };
             } else {
-              // 判断是区县
-              if(this.county){
-                this.district = this.form.district.slice(0, 7);
-                obj = { ...this.pages, ...this.form,district:this.district };
-              } else {
-                this.district = this.form.district.slice(0, 10);
-                obj = { ...this.pages, ...this.form,district:this.district };
-              }
+              obj = { ...this.pages, ...this.form };
             }
+            // 不是数组
           } else {
-            // 不是苏州市是乡镇
-            // if(this.dept.ancestors.split(',').length == 2) {
-            //   this.subdistrict = this.form.subdistrict.slice(1, 8);
-            //   obj = { ...this.pages, ...this.form,subdistrict:this.subdistrict };
-            // } else if(this.dept.ancestors.split(',').length == 3){
-              // let district = this.form.district.slice(1, 11);
-              this.district = this.form.district;
-              obj = { ...this.pages, ...this.form,district:this.district };
-            // }
-          }
-          // console.log(obj,'obj')
-          this.getList(obj)
-        },
-        deep:true,
-      }
-    },
-    methods:{
-      // 匹配行政区划
-      componendDistrict(district){
-        // console.log(district)
-        // console.log(this.myDistrict)
-        let name 
-        this.myDistrict.map((item)=>{
-          if(item.county == district) {
-            name = item.institutionName
-          } else {
-            item.children.map((itemTwo)=>{
-              if(itemTwo.subdistrict == district) {
-                name = item.institutionName + '-' + itemTwo.institutionName
-              }
-            })
+            // 判断是区县
+            if (this.county) {
+              this.district = this.form.district.slice(0, 7);
+              obj = { ...this.pages, ...this.form, district: this.district };
+            } else {
+              this.district = this.form.district.slice(0, 10);
+              obj = { ...this.pages, ...this.form, district: this.district };
+            }
           }
-        })
-        return name
-      },
-      // 页码，当前页切换事件
-      pagesChange(pages){
-        // console.log('123123页码发生变化')
-        this.pages = pages
-        let district
-        // if(this.dept.ancestors.split(',').length == 2){
-        //   if(Array.isArray(this.form.district)) {
-        //     if(this.form.district.length == 2) {
-        //       district = this.form.district[1].slice(0, 10);
-        //     }
-        //   } else {
-        //     district = this.form.district.slice(0, 7);
-        //   }
-        // } else if(this.dept.ancestors.split(',').length == 3){
-        //   district = this.form.district[1].slice(0, 10);
-        // } else {
-        //   if(this.form.district.length == 2) {
-        //     district = this.form.district[1].slice(0, 10);
-        //   } else if(this.form.district.length == 1){
-        //     district = this.form.district[0].slice(0, 7);
-        //   }
-        // }
-        this.getList({...pages,...this.form,district:this.district})
-      },
-      // 选中的数据
-      handleSelectionChange(val) {
-        // 选中的数组
-        this.multipleSelection = val;
+        } else {
+          // 不是苏州市是乡镇
+          // if(this.dept.ancestors.split(',').length == 2) {
+          //   this.subdistrict = this.form.subdistrict.slice(1, 8);
+          //   obj = { ...this.pages, ...this.form,subdistrict:this.subdistrict };
+          // } else if(this.dept.ancestors.split(',').length == 3){
+          // let district = this.form.district.slice(1, 11);
+          this.district = this.form.district;
+          obj = { ...this.pages, ...this.form, district: this.district };
+          // }
+        }
+        // console.log(obj,'obj')
+        this.getList(obj);
       },
-      // 导出
-      exportFile(){
-        // let arr = []
-        // this.multipleSelection.map((item)=>{
-        //   arr.push(item.enterpriseId)
-        // })
-        // this.download(
-        //   "/pharmaceuticals/bPlanEnterprise/exportplan",
-        //   {
-        //     enterpriseId:arr.join(',')
-        //   },
-        //   `计划管理.xlsx`
-        // );
-        //  this.multipleSelection.length > 0 ? `确认导出选中的数据吗？` : 
-        this.$confirm(`确认根据您的搜索条件导出搜索之后的数据吗?`, "警告", {
-          confirmButtonText: "确定",
-          cancelButtonText: "取消",
-          type: "warning",
-        })
+      deep: true,
+    },
+  },
+  methods: {
+    // 匹配行政区划
+    componendDistrict(district) {
+      // console.log(district)
+      // console.log(this.myDistrict)
+      let name;
+      this.myDistrict.map((item) => {
+        if (item.county == district) {
+          name = item.institutionName;
+        } else {
+          item.children.map((itemTwo) => {
+            if (itemTwo.subdistrict == district) {
+              name = item.institutionName + "-" + itemTwo.institutionName;
+            }
+          });
+        }
+      });
+      return name;
+    },
+    // 页码，当前页切换事件
+    pagesChange(pages) {
+      // console.log('123123页码发生变化')
+      this.pages = pages;
+      let district;
+      // if(this.dept.ancestors.split(',').length == 2){
+      //   if(Array.isArray(this.form.district)) {
+      //     if(this.form.district.length == 2) {
+      //       district = this.form.district[1].slice(0, 10);
+      //     }
+      //   } else {
+      //     district = this.form.district.slice(0, 7);
+      //   }
+      // } else if(this.dept.ancestors.split(',').length == 3){
+      //   district = this.form.district[1].slice(0, 10);
+      // } else {
+      //   if(this.form.district.length == 2) {
+      //     district = this.form.district[1].slice(0, 10);
+      //   } else if(this.form.district.length == 1){
+      //     district = this.form.district[0].slice(0, 7);
+      //   }
+      // }
+      this.getList({ ...pages, ...this.form, district: this.district });
+    },
+    // 选中的数据
+    handleSelectionChange(val) {
+      // 选中的数组
+      this.multipleSelection = val;
+    },
+    // 导出
+    exportFile() {
+      // let arr = []
+      // this.multipleSelection.map((item)=>{
+      //   arr.push(item.enterpriseId)
+      // })
+      // this.download(
+      //   "/pharmaceuticals/bPlanEnterprise/exportplan",
+      //   {
+      //     enterpriseId:arr.join(',')
+      //   },
+      //   `计划管理.xlsx`
+      // );
+      //  this.multipleSelection.length > 0 ? `确认导出选中的数据吗？` :
+      this.$confirm(`确认根据您的搜索条件导出搜索之后的数据吗?`, "警告", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
         .then(() => {
           // let district
           // if(Array.isArray(this.form.district)){
@@ -387,123 +393,127 @@
             "/pharmaceuticals/bPlanEnterprise/exportplan",
             {
               ...this.form,
-              district:this.district
+              district: this.district,
             },
             `计划管理.xlsx`
           );
         })
         .catch(() => {});
-      },
-      // 新增计划
-      newProject(){
-        this.$refs.myDialog.open('newlyIncreased',this.dept)
-      },
-      // 重置筛选
-      reset(){
-        // this.pages.pageNum = 1;
-        // this.pages.pageSize = 10;
-        // this.$refs.mypagination.defaultPages();
-        // let obj
-        this.district = [];
-        if(this.dept.ancestors.split(',').length == 1) {
-          this.form = {
-            plannedYear:'',
-            district:''
+    },
+    // 新增计划
+    newProject() {
+      this.$refs.myDialog.open("newlyIncreased", this.dept);
+    },
+    // 重置筛选
+    reset() {
+      // this.pages.pageNum = 1;
+      // this.pages.pageSize = 10;
+      // this.$refs.mypagination.defaultPages();
+      // let obj
+      this.district = [];
+      if (this.dept.ancestors.split(",").length == 1) {
+        this.form = {
+          plannedYear: "",
+          district: "",
+        };
+        // obj = this.pages
+      } else {
+        let { district } = this.form;
+        this.form.plannedYear = "";
+        this.form.district = this.mydistrict;
+        // obj = {...this.pages,district}
+      }
+      // this.getList(obj)
+    },
+    // 修改成功后关闭dialog事件触发
+    padlock() {
+      // let { district} = this.form;
+      this.pages.pageNum = 1;
+      this.pages.pageSize = 10;
+      this.$refs.mypagination.defaultPages();
+      let obj;
+      if (!this.disabled) {
+        if (Array.isArray(this.form.district)) {
+          if (this.form.district.length == 2) {
+            let district = this.form.district[1].slice(0, 10);
+            obj = { ...this.pages, ...this.form, district };
+          } else if (this.form.district.length == 1) {
+            let district = this.form.district[0].slice(0, 7);
+            obj = { ...this.pages, ...this.form, district };
+          } else {
+            obj = { ...this.pages, ...this.form };
           }
-          // obj = this.pages
+          // 不是数组
         } else {
-          let { district} = this.form;
-          this.form.plannedYear='';
-          this.form.district=this.mydistrict;
-          // obj = {...this.pages,district}
-        }
-        // this.getList(obj)
-      },
-      // 修改成功后关闭dialog事件触发
-      padlock(){
-        // let { district} = this.form;
-        this.pages.pageNum = 1;
-        this.pages.pageSize = 10;
-        this.$refs.mypagination.defaultPages();
-        let obj
-        if(!this.disabled) {
-          if(Array.isArray(this.form.district)){
-            if(this.form.district.length == 2) {
-              let district = this.form.district[1].slice(0, 10);
-              obj = { ...this.pages, ...this.form,district };
-            } else if(this.form.district.length == 1) {
-              let district = this.form.district[0].slice(0, 7);
-              obj = { ...this.pages, ...this.form,district };
-            } else {
-              obj = { ...this.pages, ...this.form};
-            }
-            // 不是数组
+          // 判断是区县
+          if (this.county) {
+            let district = this.form.district.slice(0, 7);
+            obj = { ...this.pages, ...this.form, district };
           } else {
-            // 判断是区县
-            if(this.county){
-              let district = this.form.district.slice(0, 7);
-              obj = { ...this.pages, ...this.form,district };
-            } else {
-              let district = this.form.district.slice(0, 10);
-              obj = { ...this.pages, ...this.form,district };
-            }
+            let district = this.form.district.slice(0, 10);
+            obj = { ...this.pages, ...this.form, district };
           }
+        }
+      } else {
+        // 不是苏州市是乡镇
+        let district = this.form.district;
+        obj = { ...this.pages, ...this.form, district };
+      }
+      // console.log('obj',obj)
+      this.getList(obj);
+    },
+    padlockOne() {
+      this.pages.pageNum = 1;
+      this.pages.pageSize = 10;
+      this.$refs.mypagination.defaultPages();
+      if (this.dept.ancestors.split(",").length == 1) {
+        if (this.form.district.length == 0 || this.form.plannedYear == "") {
+          this.getList(this.pages);
         } else {
-          // 不是苏州市是乡镇
-          let district = this.form.district;
-          obj = { ...this.pages, ...this.form,district };
+          this.form.district = [];
+          this.form.plannedYear = "";
         }
-        // console.log('obj',obj)
-        this.getList(obj);
-      },
-      padlockOne(){
-        this.pages.pageNum = 1;
-        this.pages.pageSize = 10;
-        this.$refs.mypagination.defaultPages();
-        if(this.dept.ancestors.split(',').length == 1) {
-          if(this.form.district.length == 0 || this.form.plannedYear == '') {
-            this.getList(this.pages);
-          } else {
-            this.form.district = [];
-            this.form.plannedYear = '';
-          }
+      } else {
+        if (
+          this.form.district == this.mydistrict ||
+          this.form.plannedYear == ""
+        ) {
+          this.getList(this.pages);
         } else {
-          if(this.form.district == this.mydistrict || this.form.plannedYear == '') {
-            this.getList(this.pages);
-          } else {
-            this.form.district = this.mydistrict
-            this.form.plannedYear = ''
-          }
+          this.form.district = this.mydistrict;
+          this.form.plannedYear = "";
         }
-        // this.getList(this.pages);
-      },
-      // 区划级联选择器选择触发
-      handleChange(value){
-        // console.log(value)
-        // if(value.length == 2) {
-        //   this.form.district = value[1]
-        // } else {
-        //   this.form.district = value[0]
-        // }
-      },
-      // 查看
-      look(row){
-        this.$refs.tempDialog.open(row,2);
-      },
-      // 修改
-      change(row){
-        this.$refs.tempDialog.open(row,1)
-      },
-      // 删除
-      deleteItem(row){
-        let	idList = [];
-        idList.push(row.id)
-        this.$modal.confirm("你确认要删除该条数据吗？", "提示", {
+      }
+      // this.getList(this.pages);
+    },
+    // 区划级联选择器选择触发
+    handleChange(value) {
+      // console.log(value)
+      // if(value.length == 2) {
+      //   this.form.district = value[1]
+      // } else {
+      //   this.form.district = value[0]
+      // }
+    },
+    // 查看
+    look(row) {
+      this.$refs.tempDialog.open(row, 2);
+    },
+    // 修改
+    change(row) {
+      this.$refs.tempDialog.open(row, 1);
+    },
+    // 删除
+    deleteItem(row) {
+      let idList = [];
+      idList.push(row.id);
+      this.$modal
+        .confirm("你确认要删除该条数据吗？", "提示", {
           confirmButtonText: "确定",
           cancelButtonText: "取消",
           type: "warning",
         })
-        .then(async() => {
+        .then(async () => {
           this.loading = true;
           try {
             let downloadLoadingInstance = Loading.service({
@@ -511,325 +521,335 @@
               spinner: "el-icon-loading",
               background: "rgba(0, 0, 0, 0.7)",
             });
-            let data = await this.$api.yingji.bPlanEnterprise('delete',_,{idList:idList.join(',')})
-            if(data.code == 200) {
+            let data = await this.$api.yingji.bPlanEnterprise("delete", _, {
+              idList: idList.join(","),
+            });
+            if (data.code == 200) {
               this.loading = false;
               downloadLoadingInstance.close();
               this.$message({
-                message: '删除成功',
-                type: 'success'
+                message: "删除成功",
+                type: "success",
               });
               // let { district} = this.form;
-              let district 
-              if(this.dept.ancestors.split(',').length == 2) {
+              let district;
+              if (this.dept.ancestors.split(",").length == 2) {
                 district = this.form.district.slice(0, 7);
-              } else if(this.dept.ancestors.split(',').length == 3) {
+              } else if (this.dept.ancestors.split(",").length == 3) {
                 district = this.form.district;
               } else {
-                if(this.form.district.length == 1) {
+                if (this.form.district.length == 1) {
                   district = this.form.district.slice(0, 7);
                 } else {
                   district = this.form.district;
                 }
               }
-              let obj = {...this.pages,district}
+              let obj = { ...this.pages, district };
               this.getList(obj);
             }
           } catch (error) {
             downloadLoadingInstance.close();
-            console.log(error)
+            console.log(error);
           }
         })
         .catch(() => {
-          console.log('取消删除')
+          console.log("取消删除");
         });
-      },
-      tableRowClassName({row, rowIndex}) {
-        if (rowIndex % 2 !== 0) {
-          return 'success-row';
-        }
-        return '';
-      },
-      // 获取list表
-      async getList(pages){
-        this.loading = true;
-        let res = await this.$api.yingji.planmx(pages);
-        if(res.code == 200) {
-          this.loading = false;
-          this.tableData = res.data.list;
-          this.total = res.data.total
-        }
-      },
-      commentData(item,dept){
-        // if(dept.ancestors.split(',').length == 3) {
-          item.map((item)=>{
-            // if(item.children instanceof Array && item.children.length == 0){
-            //   item.county = item.subdistrict
-            //   delete item.children;
-            // } else {
-            //   this.commentData(item.children,this.dept)
-            // }
-            item.children.map((itemTwo)=>{
-              if(itemTwo.children.length == 0){
-                delete itemTwo.children;
-              }
-              itemTwo.county = itemTwo.subdistrict
-            })
-          })
-        // }
-        this.options = item;
-        if(dept.ancestors.split(',').length == 2) {
-          this.options = this.options.filter((item)=>{
-            return item.institutionName == dept.deptName
-          })
-          this.options.map((item)=>{
-            if(item.institutionName == dept.deptName) {
-              // console.log(item.county)
-              this.form.district = item.county;
-              this.mydistrict = item.county;
-              this.county = true;
-              // delete item.children
-            }
-          })
-          // this.disabled = true;
-        } else if(dept.ancestors.split(',').length == 3) {
-          // console.log(this.options)
-          this.options.map((item)=>{
-            // console.log(item.children,'item.children')
-            item.children.map((itemTwo)=>{
-              if(itemTwo.institutionName == dept.deptName) {
-                this.form.district = itemTwo.subdistrict;
-                // this.form.district.push(item.county,itemTwo.subdistrict);
-                // console.log(this.form.district,'item.institutionName')
-                this.mydistrict = itemTwo.subdistrict;
-                this.county = false;
-                // delete itemTwo.children
-              }
-            })
-          })
-          this.disabled = true;
-        }
+    },
+    tableRowClassName({ row, rowIndex }) {
+      if (rowIndex % 2 !== 0) {
+        return "success-row";
       }
+      return "";
     },
-    async created() {
-      // console.log(this.dept)
-      // console.log(this.myDistrict)
-      // this.checkListTwo = this.checkList;
-      // this.$nextTick(()=>{
-        // let dom = document.getElementsByClassName('tables');
-        // let height = dom[0].getBoundingClientRect();
-        // let windowHeight = window.innerHeight;
-        // let relativeHeight = windowHeight - height.top
-        // this.main.height = relativeHeight - 80
-        // console.log(this.main.height)
-      // })
-      let data = await this.$api.yingji.tree();
-      this.myDistrict = data.data;
-      this.commentData(data.data,this.dept)
-      if(this.dept.ancestors.split(',').length == 1) {
-        this.getList(this.pages);
+    // 获取list表
+    async getList(pages) {
+      this.loading = true;
+      let res = await this.$api.yingji.planmx(pages);
+      if (res.code == 200) {
+        this.loading = false;
+        this.tableData = res.data.list;
+        this.total = res.data.total;
       }
     },
-  }
-  </script>
-  <style lang="scss" scoped>
-  .plan-management {
-    padding: 0 20px;
-    background-color: #fff;
-    height: 100%;
-    .plan-topBox {
+    commentData(item, dept) {
+      // if(dept.ancestors.split(',').length == 3) {
+      item.map((item) => {
+        // if(item.children instanceof Array && item.children.length == 0){
+        //   item.county = item.subdistrict
+        //   delete item.children;
+        // } else {
+        //   this.commentData(item.children,this.dept)
+        // }
+        item.children.map((itemTwo) => {
+          if (itemTwo.children.length == 0) {
+            delete itemTwo.children;
+          }
+          itemTwo.county = itemTwo.subdistrict;
+        });
+      });
+      // }
+      this.options = item;
+      if (dept.ancestors.split(",").length == 2) {
+        this.options = this.options.filter((item) => {
+          return item.institutionName == dept.deptName;
+        });
+        this.options.map((item) => {
+          if (item.institutionName == dept.deptName) {
+            this.form.district = item.subdistrict;
+            this.mydistrict = item.subdistrict;
+            this.county = true;
+            // delete item.children
+          }
+        });
+        // this.disabled = true;
+      } else if (dept.ancestors.split(",").length == 3) {
+        // console.log(this.options)
+        this.options.map((item) => {
+          // console.log(item.children,'item.children')
+          item.children.map((itemTwo) => {
+            if (itemTwo.institutionName == dept.deptName) {
+              this.form.district = itemTwo.subdistrict;
+              // this.form.district.push(item.county,itemTwo.subdistrict);
+              // console.log(this.form.district,'item.institutionName')
+              this.mydistrict = itemTwo.subdistrict;
+              this.county = false;
+              // delete itemTwo.children
+            }
+          });
+        });
+        this.disabled = true;
+      }
+    },
+  },
+  async created() {
+    // console.log(this.dept)
+    // console.log(this.myDistrict)
+    // this.checkListTwo = this.checkList;
+    // this.$nextTick(()=>{
+    // let dom = document.getElementsByClassName('tables');
+    // let height = dom[0].getBoundingClientRect();
+    // let windowHeight = window.innerHeight;
+    // let relativeHeight = windowHeight - height.top
+    // this.main.height = relativeHeight - 80
+    // console.log(this.main.height)
+    // })
+    let data = await this.$api.yingji.tree();
+    this.myDistrict = data.data;
+    this.commentData(data.data, this.dept);
+    if (this.dept.ancestors.split(",").length == 1) {
+      this.getList(this.pages);
+    }
+  },
+};
+</script>
+<style lang="scss" scoped>
+.plan-management {
+  padding: 0 20px;
+  background-color: #fff;
+  height: 100%;
+  .plan-topBox {
+    display: flex;
+    justify-content: space-between;
+    padding: 31px 0 12px 0;
+    // background-color: yellow;
+    .drup-downs {
       display: flex;
-      justify-content: space-between;
-      padding: 31px 0 12px 0;
-      // background-color: yellow;
-      .drup-downs {
+      align-items: center;
+      flex: 1;
+      .year {
         display: flex;
         align-items: center;
-        flex: 1;
-        .year {
-          display: flex;
-          align-items: center;
-          // margin-right: 200px;
-          .year-span {
-            font-size: 14px;
-            font-family: 'Alibaba PuHuiTi';
-            font-weight: 400;
-            color: #525966;
-            line-height: 40px;
-            margin-right: 10px;
-          }
+        // margin-right: 200px;
+        .year-span {
+          font-size: 14px;
+          font-family: "Alibaba PuHuiTi";
+          font-weight: 400;
+          color: #525966;
+          line-height: 40px;
+          margin-right: 10px;
         }
-        .area {
-          display: flex;
-          align-items: center;
-          // justify-content: center;
-          // flex: 1;
-          .area-span {
-            // font-size: 20px;
-            // font-family: 'Alibaba PuHuiTi';
-            // font-weight: bold;
-            // color: #525966;
-            // line-height: 40px;
-            margin-left: 40px;
-            font-size: 14px;
-            font-family: 'Alibaba PuHuiTi';
-            font-weight: 400;
-            color: #525966;
-            line-height: 40px;
-            margin-right: 10px;
-          }
-          ::v-deep .el-cascader {
-            background-color: transparent;
-            width: 276px;
-            .el-input__inner {
-              height: 33px;
-            }
-            .el-input .el-input__suffix .el-input__suffix-inner .el-icon-arrow-down::before {
-              content: "";
-              background: url(../../assets/images/down2.png) center center no-repeat;
-              background-size: cover;
-              position: absolute;
-              width: 10px;
-              height: 7px;
-              top: 50%;
-              left: 50%;
-              transform: translate(-50%, -50%);
-            }
-          }
+      }
+      .area {
+        display: flex;
+        align-items: center;
+        // justify-content: center;
+        // flex: 1;
+        .area-span {
+          // font-size: 20px;
+          // font-family: 'Alibaba PuHuiTi';
+          // font-weight: bold;
+          // color: #525966;
+          // line-height: 40px;
+          margin-left: 40px;
+          font-size: 14px;
+          font-family: "Alibaba PuHuiTi";
+          font-weight: 400;
+          color: #525966;
+          line-height: 40px;
+          margin-right: 10px;
         }
-        ::v-deep .el-select {
+        ::v-deep .el-cascader {
           background-color: transparent;
           width: 276px;
           .el-input__inner {
             height: 33px;
           }
-          .el-input .el-input__suffix .el-input__suffix-inner .el-icon-arrow-up {
-            display: flex;
-            align-items: center;
-            justify-content: center;
-          }
-          // border-radius: 2px;
-          .el-input .el-input__suffix .el-input__suffix-inner .el-icon-arrow-up::before {
+          .el-input
+            .el-input__suffix
+            .el-input__suffix-inner
+            .el-icon-arrow-down::before {
             content: "";
-            background: url(../../assets/images/down2.png) center center no-repeat;
+            background: url(../../assets/images/down2.png) center center
+              no-repeat;
             background-size: cover;
             position: absolute;
             width: 10px;
             height: 7px;
-            // top: 50%;
-            // left: 50%;
-            // transform: translate(-50%, -50%);
-            transform: rotate(180deg);
+            top: 50%;
+            left: 50%;
+            transform: translate(-50%, -50%);
           }
         }
-        .select-btn {
-          width: 120px;
-          height: 34px;
-          border-radius: 2px;
+      }
+      ::v-deep .el-select {
+        background-color: transparent;
+        width: 276px;
+        .el-input__inner {
+          height: 33px;
+        }
+        .el-input .el-input__suffix .el-input__suffix-inner .el-icon-arrow-up {
           display: flex;
           align-items: center;
           justify-content: center;
-          font-size: 15px;
-          font-family: 'Alibaba PuHuiTi';
-          font-weight: 500;
+        }
+        // border-radius: 2px;
+        .el-input
+          .el-input__suffix
+          .el-input__suffix-inner
+          .el-icon-arrow-up::before {
+          content: "";
+          background: url(../../assets/images/down2.png) center center no-repeat;
+          background-size: cover;
+          position: absolute;
+          width: 10px;
+          height: 7px;
+          // top: 50%;
+          // left: 50%;
+          // transform: translate(-50%, -50%);
+          transform: rotate(180deg);
+        }
+      }
+      .select-btn {
+        width: 120px;
+        height: 34px;
+        border-radius: 2px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        font-size: 15px;
+        font-family: "Alibaba PuHuiTi";
+        font-weight: 500;
+        color: #ffffff;
+        cursor: pointer;
+        background: #fdab5b;
+        margin-left: 20px;
+      }
+    }
+    .btns {
+      display: flex;
+      align-items: center;
+      .export,
+      .newProject {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        padding: 6px 19px;
+        cursor: pointer;
+        img {
+          width: 22px;
+          margin-right: 10px;
+        }
+        span {
           color: #ffffff;
-          cursor: pointer;
-          background: #FDAB5B;
-          margin-left: 20px;
+          font-size: 14px;
+          font-family: "Alibaba PuHuiTi";
+          font-weight: 400;
         }
       }
-      .btns {
+      .export {
+        background-color: #2378ec;
+        margin-right: 30px;
+      }
+      .newProject {
+        background-color: #28b384;
+      }
+    }
+  }
+  .plan-bottomBox {
+    margin-top: 10px;
+    .tables {
+      ::v-deep .el-table {
+        .success-row {
+          background-color: rgba(234, 242, 253, 0.25);
+        }
+        td {
+          height: 42px;
+          box-sizing: border-box;
+          text-align: center;
+          font-size: 14px;
+          font-family: "Alibaba PuHuiTi";
+          font-weight: 400;
+          color: #525966;
+        }
+        th {
+          height: 45px;
+          background-color: #eaf2fd;
+          font-size: 15px;
+          font-family: "Alibaba PuHuiTi";
+          font-weight: bold;
+          color: #525966;
+          .el-checkbox {
+            display: none;
+          }
+        }
+      }
+      ::v-deep .el-table::before {
+        height: 0;
+      }
+      .tabs-btns {
         display: flex;
         align-items: center;
-        .export,.newProject {
+        justify-content: center;
+        .look,
+        .change,
+        .delete {
           display: flex;
           align-items: center;
-          justify-content: center;
-          padding: 6px 19px;
+          margin-right: 30px;
           cursor: pointer;
           img {
-            width: 22px;
-            margin-right: 10px;
+            width: 20px;
+            margin-right: 5px;
           }
           span {
-            color: #ffffff;
-            font-size: 14px;
-            font-family: 'Alibaba PuHuiTi';
-            font-weight: 400;
-          }
-        }
-        .export {
-          background-color: #2378EC;
-          margin-right: 30px;
-        }
-        .newProject {
-          background-color: #28B384;
-        }
-      }
-    }
-    .plan-bottomBox {
-      margin-top: 10px;
-      .tables {
-        ::v-deep .el-table {
-          .success-row {
-            background-color: rgba(234, 242, 253, 0.25);
-          }
-          td {
-            height: 42px;
-            box-sizing: border-box;
-            text-align: center;
-            font-size: 14px;
-            font-family: 'Alibaba PuHuiTi';
-            font-weight: 400;
-            color: #525966;
-          }
-          th {
-            height: 45px;
-            background-color: #EAF2FD;
             font-size: 15px;
-            font-family: 'Alibaba PuHuiTi';
-            font-weight: bold;
-            color: #525966;
-            .el-checkbox {
-              display: none;
-            }
+            font-family: Alibaba PuHuiTi;
+            font-weight: 400;
+            color: #045ffd;
           }
         }
-        ::v-deep .el-table::before {
-          height: 0;
-        }
-        .tabs-btns {
-          display: flex;
-          align-items: center;
-          justify-content: center;
-          .look,.change,.delete {
-            display: flex;
-            align-items: center;
-            margin-right: 30px;
-            cursor: pointer;
-            img {
-              width: 20px;
-              margin-right: 5px;
-            }
-            span {
-              font-size: 15px;
-              font-family: Alibaba PuHuiTi;
-              font-weight: 400;
-              color: #045FFD;
-            }
-          }
-          .delete {
-            margin-right: 0;
-            span {
-              color: #F71052;
-            }
+        .delete {
+          margin-right: 0;
+          span {
+            color: #f71052;
           }
         }
       }
-      .pagination {
-        margin-top: 40px;
-      }
+    }
+    .pagination {
+      margin-top: 40px;
     }
   }
-  </style>
-  
\ No newline at end of file
+}
+</style>