From e3653c13b10ce1ffcfce57fab62a40a611abfd93 Mon Sep 17 00:00:00 2001
From: dhy1725534722 <1725534722@qq.com>
Date: Fri, 29 Sep 2023 21:49:28 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/yingji/home.js                     |  18 +++
 src/views/yingji/echarts/completePlan.vue  |  73 +++++----
 src/views/yingji/echarts/executionPlan.vue |  65 ++++----
 src/views/yingji/echarts/finishRate.vue    | 114 +++++++-------
 src/views/yingji/enforcing.vue             | 108 ++++++++-----
 src/views/yingji/enterprise.vue            |   2 +-
 src/views/yingji/focusEnter.vue            |  22 ++-
 src/views/yingji/home.vue                  | 174 +++++++--------------
 8 files changed, 278 insertions(+), 298 deletions(-)
 create mode 100644 src/api/yingji/home.js

diff --git a/src/api/yingji/home.js b/src/api/yingji/home.js
new file mode 100644
index 0000000..7a3668a
--- /dev/null
+++ b/src/api/yingji/home.js
@@ -0,0 +1,18 @@
+/*
+ * @Descripttion: 
+ * @version: 
+ * @Author: JC9527
+ * @Date: 2023-09-11 15:38:21
+ * @LastEditors: JC9527
+ * @LastEditTime: 2023-09-28 13:22:58
+ */
+import request from '@/utils/request'
+
+// 首页表格
+export function indexRegionalism(params) {
+  return request({
+    url: "/pharmaceuticals/bPlanEnterprise/tree",
+    method: "get",
+    params,
+  });
+}
\ No newline at end of file
diff --git a/src/views/yingji/echarts/completePlan.vue b/src/views/yingji/echarts/completePlan.vue
index 8569695..11f41fb 100644
--- a/src/views/yingji/echarts/completePlan.vue
+++ b/src/views/yingji/echarts/completePlan.vue
@@ -1,41 +1,38 @@
 <template >
-  <div style="height: 100%; width: 100%" >
+  <div style="height: 100%; width: 100%" v-loading="loadS">
     <div id="main1"></div>
   </div>
 </template>
 <script>
 import * as echarts from "echarts";
-import { workStatistics } from "@/api/yingji/keyEnterprise.js";
+// import { workStatistics } from "@/api/yingji/keyEnterprise.js";
 
 export default {
   data() {
     return {
-      load1: true,
       arr1: [],
       arr2: [],
-      beforeParams: {
-        pageSize: 10,
-        pageNum: 1,
-      },
     };
   },
+
+  props: {
+    loadS: {
+      type: Boolean,
+      default: true,
+    },
+
+  },
   mounted() {
-    this.$nextTick(() => {
-      // this.getData();
-      this.initChart()
-    });
   },
   methods: {
-    getData() {
-      this.load1 = true;
-      workStatistics(this.beforeParams).then((res) => {
-        res.data.list.forEach((value, index) => {
-          this.arr1.push(value.deptName);
-          this.arr2.push(value.keyCompleted + value.nonKeyCompleted);
-        });
-        this.initChart();
-        this.load1 = false;
+    getData(e) {
+      this.arr1= []
+      this.arr2= []
+      e.forEach((value) => {
+        this.arr1.push(value.institutionName);
+        this.arr2.push(value.checkEnterpriseCount);
       });
+      this.initChart();
     },
     initChart() {
       var chartDom = document.getElementById("main1");
@@ -90,20 +87,20 @@ export default {
         yAxis: [
           {
             type: "category",
-            data: [
-              "高新区",
-              "工业园区",
-              "相城区",
-              "姑苏区",
-              "吴中区",
-              "吴江区",
-              "昆山市",
-              "太仓市",
-              "常熟市",
-              "张家港市",
-              "苏州",
-            ],
-            // data: this.arr1,
+            // data: [
+            //   "高新区",
+            //   "工业园区",
+            //   "相城区",
+            //   "姑苏区",
+            //   "吴中区",
+            //   "吴江区",
+            //   "昆山市",
+            //   "太仓市",
+            //   "常熟市",
+            //   "张家港市",
+            //   "苏州",
+            // ],
+            data: this.arr1,
             axisLabel: {
               // 超出指定长度显示省略号
               formatter: function (value) {
@@ -129,8 +126,8 @@ export default {
           },
           {
             type: "category",
-            data: [33, 63, 115, 167, 210, 225, 245, 283, 300, 321, 1000],
-            // data: this.arr2,
+            // data: [33, 63, 115, 167, 210, 225, 245, 283, 300, 321, 1000],
+            data: this.arr2,
             axisLabel: {
               formatter: function (value, index) {
                 return `{a|${value}}{b|家}`;
@@ -164,8 +161,8 @@ export default {
             label: {
               show: false, //是否显示标签
             },
-            data: [63, 115, 167, 210, 225, 245, 283, 300, 321, 678, 1000],
-            // data: this.arr2,
+            // data: [63, 115, 167, 210, 225, 245, 283, 300, 321, 678, 1000],
+            data: this.arr2,
             barWidth: 12,
             itemStyle: {
               color: {
diff --git a/src/views/yingji/echarts/executionPlan.vue b/src/views/yingji/echarts/executionPlan.vue
index 72356e9..da9581a 100644
--- a/src/views/yingji/echarts/executionPlan.vue
+++ b/src/views/yingji/echarts/executionPlan.vue
@@ -1,36 +1,33 @@
 <template>
-  <div  style="height: 100%; width: 100%">
+  <div style="height: 100%; width: 100%" v-loading="loadS">
     <div id="mains1"></div>
   </div>
 </template>
 <script>
 import * as echarts from "echarts";
-import { quyuPlan } from "@/api/yingji/keyEnterprise.js";
 export default {
   data() {
     return {
-      load1: true,
       arr1: [],
-      arr2:[]
+      arr2: [],
     };
   },
-  mounted() {
-    this.$nextTick(() => {
-      // this.getData();
-      this.init();
-    });
+  props: {
+    loadS: {
+      type: Boolean,
+      default: true,
+    },
   },
+  mounted() {},
   methods: {
-    getData() {
-      this.load1 = true;
-      quyuPlan().then((res) => {
-        res.data.forEach((value, index) => {
-          this.arr1.push(value.deptName);
-          this.arr2.push(value.count)
-        });
-        this.init();
-        this.load1 = false;
+    getData(e) {
+      this.arr1 = [];
+      this.arr2 = [];
+      e.forEach((value) => {
+        this.arr1.push(value.institutionName);
+        this.arr2.push(value.plannedEnterpriseCount);
       });
+      this.init();
     },
     init() {
       var chartDom = document.getElementById("mains1");
@@ -69,20 +66,20 @@ export default {
         xAxis: [
           {
             type: "category",
-            // data: this.arr1,
-            data: [
-              "苏州",
-              "张家港市",
-              "常熟市",
-              "太仓市",
-              "昆山市",
-              "吴江区",
-              "吴中区",
-              "姑苏区",
-              "相城区",
-              "工业园区",
-              "高新区",
-            ],
+            data: this.arr1,
+            // data: [
+            //   "苏州",
+            //   "张家港市",
+            //   "常熟市",
+            //   "太仓市",
+            //   "昆山市",
+            //   "吴江区",
+            //   "吴中区",
+            //   "姑苏区",
+            //   "相城区",
+            //   "工业园区",
+            //   "高新区",
+            // ],
             axisTick: {
               show: false,
             },
@@ -137,8 +134,8 @@ export default {
               ]),
             },
             z: 100,
-            data: [700, 400, 600, 300, 580, 250, 490, 200, 390, 460, 90],
-            // data: this.arr2,
+            // data: [700, 400, 600, 300, 580, 250, 490, 200, 390, 460, 90],
+            data: this.arr2,
             //高亮的效果
             emphasis: {
               label: {
diff --git a/src/views/yingji/echarts/finishRate.vue b/src/views/yingji/echarts/finishRate.vue
index bf6a226..cb101af 100644
--- a/src/views/yingji/echarts/finishRate.vue
+++ b/src/views/yingji/echarts/finishRate.vue
@@ -1,47 +1,49 @@
 <template >
-  <div style="height: 100%; height: 100%" >
+  <div style="height: 100%; height: 100%" v-loading="loadS">
     <div id="cakeBox"></div>
   </div>
 </template>
 <script>
 import { workStatistics } from "@/api/yingji/keyEnterprise.js";
-
 import * as echarts from "echarts";
 export default {
   data() {
     return {
-      load1: true,
       arr1: [],
-      beforeParams: {
-        pageSize: 10,
-        pageNum: 1,
-      },
+      arr2: [],
       //总数
       numTotal: 0,
     };
   },
   mounted() {
-    this.$nextTick(() => {
-      // this.getData();
-      this.initChart();
-    });
+ 
+  },
+  props: {
+    loadS: {
+      type: Boolean,
+      default: true,
+    },
   },
   methods: {
-    getData() {
-      this.load1 = true;
-      workStatistics(this.beforeParams).then((res) => {
-        console.log(res);
-        res.data.list.forEach((value1) => {
+    getData(e) {
+      this.arr1= []
+      this.arr2= []
+      e.forEach((value1) => {
+        if (value1.institutionName != "苏州") {
           this.arr1.push({
-            value: value1.keyCompleted + value1.nonKeyCompleted,
-            name: value1.deptName,
+            value: value1.checkEnterpriseCount,
+            name: value1.institutionName,
+            pt: value1.pt,
           });
-          this.numTotal += value1.keyCompleted + value1.nonKeyCompleted;
-          console.log(this.arr1);
-        });
-        this.initChart();
-        this.load1 = false;
+        } else {
+          this.arr2.push({
+            value: value1.plannedEnterpriseCount,
+            name: value1.institutionName,
+            pt: value1.pt,
+          });
+        }
       });
+      this.initChart();
     },
     initChart() {
       var chartDom = document.getElementById("cakeBox");
@@ -97,29 +99,24 @@ export default {
             },
           },
           formatter: function (name) {
-            console.log(option.legend);
-            let arrA = 0;
-            option.legend.data.forEach((value, index) => {
-              arrA += value.value;
-            });
             const item = option.legend.data.find((item) => item.name === name);
             // return `{a|${name}}{b|${( item.value / arrA * 100)}%}`;
-            return `{a|${name}}{b|15%}`;
+            return `{a|${name}}{b|${item.pt * 100}%}`;
           },
           //将waiyuan的数据拿过来,就会只显示该外圆的数据
-          data: [
-            { value: 15, name: "张家港市" },
-            { value: 10, name: "吴中区" },
-            { value: 8, name: "常熟市" },
-            { value: 10, name: "姑苏区" },
-            { value: 18, name: "太仓市" },
-            { value: 6, name: "相城区" },
-            { value: 10, name: "昆山市" },
-            { value: 4, name: "工业园区" },
-            { value: 10, name: "吴江区" },
-            { value: 5, name: "高新区" },
-          ],
-          // data: this.arr1,
+          // data: [
+          //   { value: 15, name: "张家港市" },
+          //   { value: 10, name: "吴中区" },
+          //   { value: 8, name: "常熟市" },
+          //   { value: 10, name: "姑苏区" },
+          //   { value: 18, name: "太仓市" },
+          //   { value: 6, name: "相城区" },
+          //   { value: 10, name: "昆山市" },
+          //   { value: 4, name: "工业园区" },
+          //   { value: 10, name: "吴江区" },
+          //   { value: 5, name: "高新区" },
+          // ],
+          data: this.arr1,
         },
         series: [
           {
@@ -144,7 +141,9 @@ export default {
                 position: "center",
                 formatter: function (params) {
                   console.log(params);
-                  return `{a|${params.data.pt}%}\n{b|${params.data.name}}`;
+                  return `{a|${params.data.pt * 100}%}\n{b|${
+                    params.data.name
+                  }完成率}`;
                 },
                 rich: {
                   a: {
@@ -163,7 +162,8 @@ export default {
             labelLine: {
               show: false,
             },
-            data: [{ value: 1, name: "苏州完成率", pt: 100 }],
+            // data: [{ value: 1, name: "苏州完成率", pt: 100 }],
+            data: this.arr2,
           },
           {
             //外圆
@@ -185,19 +185,19 @@ export default {
             labelLine: {
               show: false,
             },
-            data: [
-              { value: 15, name: "张家港市" },
-              { value: 10, name: "吴中区" },
-              { value: 8, name: "常熟市" },
-              { value: 10, name: "姑苏区" },
-              { value: 18, name: "太仓市" },
-              { value: 6, name: "相城区" },
-              { value: 10, name: "昆山市" },
-              { value: 4, name: "工业园区" },
-              { value: 10, name: "吴江区" },
-              { value: 5, name: "高新区" },
-            ],
-            // data: this.arr1,
+            // data: [
+            //   { value: 15, name: "张家港市" },
+            //   { value: 10, name: "吴中区" },
+            //   { value: 8, name: "常熟市" },
+            //   { value: 10, name: "姑苏区" },
+            //   { value: 18, name: "太仓市" },
+            //   { value: 6, name: "相城区" },
+            //   { value: 10, name: "昆山市" },
+            //   { value: 4, name: "工业园区" },
+            //   { value: 10, name: "吴江区" },
+            //   { value: 5, name: "高新区" },
+            // ],
+            data: this.arr1,
           },
         ],
       };
diff --git a/src/views/yingji/enforcing.vue b/src/views/yingji/enforcing.vue
index 38b9763..8672de5 100644
--- a/src/views/yingji/enforcing.vue
+++ b/src/views/yingji/enforcing.vue
@@ -23,7 +23,7 @@
         </div>
         <div class="select-input">
           <div class="select-span">区划:</div>
-        
+
           <executive @quhua="quhua" @quhuadizhi="quhuadizhi"></executive>
         </div>
         <div class="my-checkbox">
@@ -110,7 +110,11 @@
       </el-table>
     </div>
     <div class="pagination">
-      <my-pagination :total="total" @pagesChange="pagesChange" ref="mypagination"></my-pagination>
+      <my-pagination
+        :total="total"
+        @pagesChange="pagesChange"
+        ref="mypagination"
+      ></my-pagination>
     </div>
     <!-- 查看 -->
     <el-dialog
@@ -169,7 +173,7 @@ export default {
   data() {
     return {
       tableData: [],
-      option:[],
+      option: [],
       loads: true,
       total: 0,
       //这个是点击搜索之前的值
@@ -193,16 +197,16 @@ export default {
           label: "统一社会信用代码",
           value: "",
         },
-        {
-          eng: "CREATETIME",
-          label: "创建时间",
-          value: "",
-        },
-        {
-          eng: "UPDATETIME",
-          label: "修改时间",
-          value: "",
-        },
+        // {
+        //   eng: "CREATETIME",
+        //   label: "创建时间",
+        //   value: "",
+        // },
+        // {
+        //   eng: "UPDATETIME",
+        //   label: "修改时间",
+        //   value: "",
+        // },
         {
           eng: "enterpriseUnitVersion",
           label: "钢铁三年专项时，企业设施的版本号",
@@ -249,11 +253,11 @@ export default {
           label: "执法部门代码",
           value: "",
         },
-        {
-          eng: "executorId",
-          label: "检查人员id",
-          value: "",
-        },
+        // {
+        //   eng: "executorId",
+        //   label: "检查人员id",
+        //   value: "",
+        // },
         {
           eng: "expertsInFlag",
           label: "是否专家参与",
@@ -264,11 +268,11 @@ export default {
           label: "专家姓名",
           value: "",
         },
-        {
-          eng: "planExamineId",
-          label: "检查方案id",
-          value: "",
-        },
+        // {
+        //   eng: "planExamineId",
+        //   label: "检查方案id",
+        //   value: "",
+        // },
         {
           eng: "sourceData",
           label: "数据来源",
@@ -304,26 +308,31 @@ export default {
   created() {
     this.getList();
   },
+  dicts: ["inspection_method", "check_source", "document_type"],
   methods: {
+    filterTable(a, b) {
+      if (!b) return;
+      return this.selectDictLabel(a, b);
+    },
     // 匹配行政区划
-    componendDistrict(district){
-      let name 
-      this.option.map((item)=>{
-        if(item.value == district) {
-          name = item.label
+    componendDistrict(district) {
+      let name;
+      this.option.map((item) => {
+        if (item.value == district) {
+          name = item.label;
         } else {
-          item.children.map((itemTwo)=>{
-            if(itemTwo.value == district) {
-              name = item.label + '-' + itemTwo.label
+          item.children.map((itemTwo) => {
+            if (itemTwo.value == district) {
+              name = item.label + "-" + itemTwo.label;
             }
-          })
+          });
         }
-      })
-      return name
+      });
+      return name;
     },
     // 获取行政区划树
     quhuadizhi(district) {
-      this.option = district
+      this.option = district;
     },
     reset() {
       this.form = {
@@ -358,6 +367,35 @@ export default {
             }
           });
         }
+        this.listDes.forEach((value1, index1) => {
+          //检查方式
+          if (value1.eng == "examineType") {
+            this.listDes[index1].value = this.filterTable(
+              this.dict.type.inspection_method,
+              value1.value
+            );
+          }
+          //检查来源
+          if (value1.eng == "examineSource") {
+            this.listDes[index1].value = this.filterTable(
+              this.dict.type.check_source,
+              value1.value
+            );
+          }
+          //文书类型
+          if (value1.eng == "typeCode") {
+            this.listDes[index1].value = this.filterTable(
+              this.dict.type.document_type,
+              value1.value
+            );
+          }
+          if (value1.value == "0") {
+            this.listDes[index1].value = '否'
+          }
+          if (value1.value == "1") {
+            this.listDes[index1].value = '是'
+          }
+        });
         this.detailLoad = false;
       });
     },
diff --git a/src/views/yingji/enterprise.vue b/src/views/yingji/enterprise.vue
index ed1073a..ff888f0 100644
--- a/src/views/yingji/enterprise.vue
+++ b/src/views/yingji/enterprise.vue
@@ -639,7 +639,7 @@ export default {
             this.dict.type.economic_categories,
             value1.value
           );
-        }
+        } 
         //经济类型小类
         if (value1.eng == "ecoTypeSmall") {
           this.listDes[index1].value = this.filterTable(
diff --git a/src/views/yingji/focusEnter.vue b/src/views/yingji/focusEnter.vue
index 86ab91b..93f1673 100644
--- a/src/views/yingji/focusEnter.vue
+++ b/src/views/yingji/focusEnter.vue
@@ -26,7 +26,7 @@
         <div class="select-input">
           <div class="select-span" style="width: 85px">企业名称:</div>
           <el-input
-            v-model="queryParms.entCode"
+            v-model="queryParms.enterpriseName"
             size="small"
             placeholder="请输入企业名称"
           ></el-input>
@@ -38,7 +38,7 @@
             placeholder="请输入统一社会信用代码"
           ></el-input>
         </div>
-        <div style="display: flex;">
+        <div style="display: flex">
           <div class="export" @click="searchList">
             <span>搜索</span>
           </div>
@@ -326,9 +326,8 @@ export default {
       dialogVisible: false,
       queryParms: {
         year: "",
-        uscCode: "",
-        // district: "",
-        //还有一个企业名称
+        entCode: "",
+        enterpriseName: "",
       },
       queryParmsdistrict: [],
       district: [],
@@ -352,11 +351,8 @@ export default {
         entCode: "",
         //备注
         remark: "",
-        //大类
-        type: "",
         //年份
         year: "",
-        district: "",
       },
       addShow: false,
       //详情
@@ -447,7 +443,7 @@ export default {
       this.form = {
         //企业名称
         enterpriseName: "",
-        //企业代码
+        //信用代码
         entCode: "",
         //备注
         remark: "",
@@ -464,9 +460,11 @@ export default {
         pageNum: 1,
       };
       this.$refs.mypagination.defaultPages();
-      this.queryParms.year = "";
-      // this.district = [];
-      this.queryParms.uscCode = "";
+      this.queryParms = {
+        year: "",
+        entCode: "",
+        enterpriseName: "",
+      };
       this.getList();
     },
     //获取列表
diff --git a/src/views/yingji/home.vue b/src/views/yingji/home.vue
index 5dbe3ce..ed42ef9 100644
--- a/src/views/yingji/home.vue
+++ b/src/views/yingji/home.vue
@@ -1,40 +1,16 @@
 <template>
   <div class="mainBox">
     <div class="select-nav">
-      <div class="left-nav" v-if="activeIndex == 1">
+      <div class="left-nav">
         <div class="navText">年份:</div>
-        <el-select v-model="ruleForm.date" placeholder="请选择年份" size="mini">
-          <el-option
-            v-for="item in options"
-            :key="item.value"
-            :label="item.label"
-            :value="item.value"
-          >
-          </el-option>
-        </el-select>
-      </div>
-      <div class="left-nav" v-if="activeIndex == 0">
-        <div class="inputs">
-          <div class="navText">年份:</div>
-          <div>
-            <el-date-picker
-              v-model="form.plannedYear"
-              size="mini"
-              type="month"
-              format="yyyy-MM"
-              :clearable="false"
-              value-format="yyyy-MM"
-              placeholder="请选择年份"
-            >
-            </el-date-picker>
-          </div>
-        </div>
-        <!-- <div class="inputs">
-          <div class="navText" style="margin-left: 10px">区划:</div>
-          <div>
-            <executive @quhua="quhua"></executive>
-          </div>
-        </div> -->
+        <el-date-picker
+          v-model="ruleForm.plannedYear"
+          type="month"
+          size="mini"
+          value-format="yyyy-MM"
+          placeholder="请选择年份"
+        >
+        </el-date-picker>
         <div class="export" @click="searchList">
           <span>搜索</span>
         </div>
@@ -61,16 +37,16 @@
     <!-- 各区域执法计划 -->
     <div class="bodyBox boxAllStyle" v-if="activeIndex == 1">
       <div id="execution">
-        <executionPlan></executionPlan>
+        <executionPlan ref="executionPlan" :loadS="loadS"></executionPlan>
       </div>
     </div>
     <div class="bottomBox" v-if="activeIndex == 1">
       <div class="boxAllStyle">
-        <completePlan></completePlan>
+        <completePlan ref="completePlan" :loadS="loadS"></completePlan>
       </div>
       <div style="width: 15px"></div>
       <div class="boxAllStyle">
-        <finishRate></finishRate>
+        <finishRate ref="finishRate" :loadS="loadS"></finishRate>
       </div>
     </div>
     <div class="bgContent" v-if="activeIndex == 0">
@@ -140,30 +116,19 @@
             </template>
           </el-table-column> -->
           <el-table-column
-            prop="totalPlanCount"
-            label="合计计划数"
+            prop="plannedEnterpriseCount"
+            label="执法计划"
             header-align="center"
           >
-          <template slot-scope="scope">
-              {{ scope.row.enterpriseCount + scope.row.planneKeyEnterpriseCount  }}
-            </template>
           </el-table-column>
-          <el-table-column label="合计完成数" header-align="center">
-            <template slot-scope="scope">
-              {{ scope.row.remainingKeyEnterpriseCount + scope.row.plannedEnterpriseCount }}
-            </template>
+          <el-table-column
+            label="完成执法"
+            prop="checkEnterpriseCount"
+            header-align="center"
+          >
           </el-table-column>
-          <el-table-column label="合计完成率" header-align="center">
-            <template slot-scope="scope">
-              <!-- {{
-                scope.row.percentageCompleted +
-                scope.row.percentageNonCompleted
-              }}% -->
-              {{
-                scope.row.percentageCompleted +
-                scope.row.percentageNonCompleted || 0
-              }}%
-            </template>
+          <el-table-column label="完成率" prop="pt" header-align="center">
+            <template slot-scope="scope"> {{ scope.row.pt * 100 }}% </template>
           </el-table-column>
         </el-table>
       </div>
@@ -181,37 +146,20 @@ import completePlan from "./echarts/completePlan";
 import finishRate from "./echarts/finishRate";
 import executionPlan from "./echarts/executionPlan";
 import myPagination from "@/views/components/myPagination/index";
-import { workStatistics, xzTree,planeEnTree } from "@/api/yingji/keyEnterprise.js";
+// import {
+//   workStatistics,
+//   xzTree,
+//   planeEnTree,
+// } from "@/api/yingji/keyEnterprise.js";
+import { indexRegionalism } from "@/api/yingji/home.js";
 import executive from "./echarts/executive";
 
 export default {
   data() {
     return {
       ruleForm: {
-        date: "",
+        plannedYear: "",
       },
-      options: [
-        {
-          value: "选项5",
-          label: "2023",
-        },
-        {
-          value: "选项4",
-          label: "2022",
-        },
-        {
-          value: "选项3",
-          label: "2021",
-        },
-        {
-          value: "选项2",
-          label: "2020",
-        },
-        {
-          value: "选项1",
-          label: "2019",
-        },
-      ],
       options1: [
         {
           name: "表格",
@@ -225,31 +173,12 @@ export default {
         },
       ],
       activeIndex: 0,
-      //======
       load1: false,
       total: 0,
-      tableData: [
-        // {
-        //   deptName: "苏州市",
-        //   keyPlan: 10,
-        //   keyCompleted: 5,
-        //   percentageCompleted: 50,
-        //   nonKeyPlan: 10,
-        //   nonKeyCompleted: 5,
-        //   percentageNonCompleted: 50,
-        //   totalPlanCount: 20,
-        // },
-      ],
-      //===
-      beforeParams: {
-        pageSize: 10,
-        pageNum: 1,
-      },
-      form: {
-        deptName: "",
-        plannedYear: "",
-      },
-      deptName: '',
+      tableData: [],
+      beforeParams: {},
+      //传递的等待效果
+      loadS: false,
     };
   },
   components: {
@@ -259,39 +188,42 @@ export default {
     myPagination,
     executive,
   },
-
   created() {
     this.getHomeList();
   },
   mounted() {},
   methods: {
-    quhua(e) {
-      console.log(e);
-      this.deptName = e;
-    },
     searchList() {
-      if (this.deptName) {
-        this.form.deptName = this.deptName;
-      }
-      console.log(this.form);
-      this.beforeParams = { ...this.beforeParams, ...this.form };
-      this.getHomeList();
+      this.beforeParams = { ...this.beforeParams, ...this.ruleForm };
+      this.handoff();
     },
     getHomeList() {
       this.load1 = true;
-      planeEnTree(this.beforeParams).then((res) => {
+      indexRegionalism(this.beforeParams).then((res) => {
+        this.tableData = res.rows;
         this.load1 = false;
-        this.tableData = res.data;
-        // this.total = res.data.total;
       });
     },
-    pagesChange(e) {
-      this.beforeParams.pageNum = e.pageNum;
-      this.beforeParams.pageSize = e.pageSize;
-      this.getHomeList();
+    handoff() {
+      if (this.activeIndex == 0) {
+        this.getHomeList();
+      } else {
+        this.loadS = true;
+        indexRegionalism(this.beforeParams).then((res) => {
+          this.$refs.executionPlan.getData(res.rows);
+          this.$refs.completePlan.getData(res.rows);
+          this.$refs.finishRate.getData(res.rows);
+          this.loadS = false;
+        });
+      }
     },
     active(e) {
       this.activeIndex = e;
+      this.ruleForm = {
+        plannedYear: "",
+      };
+      this.beforeParams = {};
+      this.handoff();
     },
     tableRowClassName({ row, rowIndex }) {
       if (rowIndex % 2 !== 0) {