chore: 日报周报页面添加查询条件

src/permission.js

@@ -43,7 +43,7 @@ router.beforeEach((to, from, next) => {
         next();
       }
       //获取消息数量
-      store.dispatch("SET_WAITTASKNUM")
+      // store.dispatch("SET_WAITTASKNUM")
     }
   } else {
     // 没有token
@@ -56,7 +56,7 @@ router.beforeEach((to, from, next) => {
       //   next(`/adminLogin`);
       //   return;
       // }
-      next(`/login?redirect=${to.fullPath}`) // 否则全部重定向到登录页
+      next(`/login?redirect=${to.fullPath}`); // 否则全部重定向到登录页
       NProgress.done();
       // let urls = url.split("?");
       // if (urls.length > 1) {

src/views/home/components/map/index.vue

@@ -54,155 +54,108 @@ export default {
       const myChart = echarts.init(chartDom);
       echarts.registerMap("js", json);
       var option = {
-        backgroundColor: "#fff",
-        title: {
-          top: 20,
-          text: "",
-          subtext: "",
-          x: "center",
-          textStyle: {
-            color: "#ffffff",
-          },
-        },
         tooltip: {
           trigger: "item",
           formatter: function (params) {
-            if (typeof params.value[2] == "undefined") {
-              return params.name + " : " + params.value;
-            } else {
-              return params.name + " : " + params.value[2];
+            if (
+              params.name != "台湾" &&
+              params.name != "香港" &&
+              params.name != "澳门" &&
+              params.name.length > 0
+            ) {
+              return params.name + "<br/>数值：" + params.value;
             }
           },
         },
         visualMap: {
           show: false,
+          min: 0,
           max: 100,
-          // seriesIndex: [3],
+          text: ["低", "高"],
+          left: 10,
+          y: "center",
+          calculable: true,
           inRange: {
-            // color: ["#A5DCF4", "#006edd"],
+            color: ["#3a92fe", "#173881"],
+          },
+          itemWidth: 10,
+          itemHeight: 100,
+          textStyle: {
+            color: "#fff",
           },
         },
-        // geo: [
-        //   {
-        //     map: "js",
-        //     roam: false, //是否允许缩放
-        //     zoom: 1.1, //默认显示级别
-        //     scaleLimit: {
-        //       min: 0,
-        //       max: 3,
-        //     }, //缩放级别
-        //     itemStyle: {
-        //       normal: {
-        //         areaColor: "transparent",
-        //         borderColor: "#3fdaff",
-        //         borderWidth: 2,
-        //         shadowColor: "rgba(63, 218, 255, 0.5)",
-        //         shadowBlur: 30,
-        //       },
-        //       emphasis: {
-        //         areaColor: "#2B91B7",
-        //       },
-        //     },
-        //     tooltip: {
-        //       show: false,
-        //     },
-        //   },
-        // ],
-        series: [
+        geo: [
           // {
-          //   type: "effectScatter",
-          //   coordinateSystem: "geo",
-          //   z: 5,
-          //   data: [],
-          //   symbolSize: 14,
-          //   label: {
-          //     normal: {
-          //       show: true,
-          //       formatter: function (params) {
-          //         return (
-          //           "{fline|地点：" +
-          //           params.data.city +
-          //           "}\n{tline|" +
-          //           (params.data.info || "发生xx集件") +
-          //           "}"
-          //         );
-          //       },
-          //       position: "top",
-          //       backgroundColor: "rgba(233,63,66,.9)",
-          //       padding: [0, 0],
-          //       borderRadius: 3,
-          //       lineHeight: 32,
-          //       color: "#ffffff",
-          //       rich: {
-          //         fline: {
-          //           padding: [0, 10, 10, 10],
-          //           color: "#ffffff",
-          //         },
-          //         tline: {
-          //           padding: [10, 10, 0, 10],
-          //           color: "#ffffff",
-          //         },
-          //       },
-          //     },
-          //     emphasis: {
-          //       show: true,
-          //     },
+          //   show: true,
+          //   map: "js",
+          //   // center: [114, 32.9],
+          //   z: 4,
+          //   roam: false,
+          //   zoom: 1.2,
+          //   itemStyle: {
+          //     shadowColor: "#0c1c4e",
+          //     shadowOffsetX: 7,
+          //     shadowOffsetY: 7,
           //   },
+          // },
+          // {
+          //   show: true,
+          //   map: "js",
+          //   // center: [114, 32.9],
+          //   z: 3,
+          //   roam: false,
+          //   zoom: 1.2,
           //   itemStyle: {
-          //     color: "#fff",
+          //     shadowColor: "#3584EC",
+          //     shadowOffsetX: 8,
+          //     shadowOffsetY: 8,
           //   },
           // },
-
-          //地图
+        ],
+        series: [
           {
             type: "map",
-            mapType: "js",
-            geoIndex: -1,
-            zoom: 1.1, //默认显示级别
+            mapType: "js", //自定义扩展图表类型
+            // center: [104, 32.9],
+            roam: false,
+            zoom: 1.2,
+            z: 10,
             label: {
-              show: true,
-              color: "#ffffff",
-              emphasis: {
-                color: "white",
-                show: false,
+              normal: {
+                show: true,
+                formatter: "{t|}\n\n{b}",
+                textStyle: {
+                  color: "#fff",
+                },
+                rich: {
+                  t: {
+                    width: 13,
+                    height: 13,
+                    borderRadius: 10,
+                    backgroundColor: "#fff",
+                  },
+                },
               },
-            },
-            select: {
-              itemStyle: {
-                // color: "#fff", // 设置地图点击后的颜色
-                areaColor: "#304156",
+              emphasis: {
+                show: true,
+                textStyle: {
+                  color: "#000",
+                },
               },
             },
             itemStyle: {
               normal: {
-                borderColor: "#2980b9",
-                borderWidth: 1,
-                areaColor: "#12235c",
+                areaColor: "#5a6fc0",
+                // areaColor: "rgba(11,42,96,0.8)",
+                borderColor: "rgba(11,42,96,0.4)",
+                // borderColor: "#2c71d7",
+                borderWidth: 2,
               },
               emphasis: {
-                areaColor: "#304156",
-                borderWidth: 0,
-                color: "#fff",
+                areaColor: "rgba(11,42,96,0.8)",
               },
             },
-            data: [
-              { name: "合肥市", value: 3 },
-              { name: "滁州市", value: 0 },
-              { name: "芜湖市", value: 1 },
-              { name: "阜阳市", value: 0 },
-              { name: "蚌埠市", value: 0 },
-              { name: "淮南市", value: 0 },
-              { name: "马鞍山市", value: 0 },
-              { name: "安庆市", value: 0 },
-              { name: "黄山市", value: 0 },
-              { name: "铜陵市", value: 0 },
-              { name: "宿州市", value: 0 },
-              { name: "淮北市", value: 0 },
-              { name: "六安市", value: 0 },
-              { name: "池州市", value: 1 },
-              { name: "宣城市", value: 0 },
-              { name: "亳州市", value: 0 },
-            ],
+            data: [],
           },
         ],
       };

src/views/secure/daily-newspaper/components/execution-status-table.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-table :data="tableData" border style="width: 100%">
+  <el-table :data="tableData" border v-loading="loading" style="width: 100%">
     <el-table-column prop="date" label="序号" width="80" align="center">
     </el-table-column>
     <el-table-column prop="name" label="作业单位" align="center">
@@ -31,6 +31,7 @@
 export default {
   data() {
     return {
+      loading: true,
       tableData: [
         {
           date: "2016-05-02",
@@ -55,6 +56,14 @@ export default {
       ],
     };
   },
+  methods: {
+    getList(dateRange) {
+      this.loading = true;
+      setTimeout(() => {
+        this.loading = false;
+      }, 2000);
+    },
+  },
 };
 </script>
 

src/views/secure/daily-newspaper/components/other-safety-situations-table.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-table :data="tableData" border style="width: 100%">
+  <el-table :data="tableData" border v-loading="loading" style="width: 100%">
     <el-table-column prop="date" label="序号" width="80" align="center">
     </el-table-column>
     <el-table-column prop="name" label="单位" align="center"> </el-table-column>
@@ -26,6 +26,7 @@
 export default {
   data() {
     return {
+      loading: true,
       tableData: [
         {
           date: "2016-05-02",
@@ -50,6 +51,14 @@ export default {
       ],
     };
   },
+  methods: {
+    getList(dateRange) {
+      this.loading = true;
+      setTimeout(() => {
+        this.loading = false;
+      }, 2000);
+    },
+  },
 };
 </script>
 

src/views/secure/daily-newspaper/components/personnel-duty-status-table.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-table :data="tableData" border style="width: 100%">
+  <el-table :data="tableData" border v-loading="loading" style="width: 100%">
     <el-table-column prop="date" label="序号" width="80" align="center">
     </el-table-column>
     <el-table-column prop="name" label="作业单位" align="center">
@@ -23,6 +23,7 @@
 export default {
   data() {
     return {
+      loading: true,
       tableData: [
         {
           date: "2016-05-02",
@@ -47,6 +48,14 @@ export default {
       ],
     };
   },
+  methods: {
+    getList(dateRange) {
+      this.loading = true;
+      setTimeout(() => {
+        this.loading = false;
+      }, 2000);
+    },
+  },
 };
 </script>
 

src/views/secure/daily-newspaper/components/tomorrow-plan-situation-table.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-table :data="tableData" border style="width: 100%">
+  <el-table :data="tableData" border v-loading="loading" style="width: 100%">
     <el-table-column prop="date" label="序号" width="80" align="center">
     </el-table-column>
     <el-table-column prop="name" label="单位名称" align="center">
@@ -39,6 +39,7 @@
 export default {
   data() {
     return {
+      loading: true,
       tableData: [
         {
           date: "2016-05-02",
@@ -63,6 +64,14 @@ export default {
       ],
     };
   },
+  methods: {
+    getList(dateRange) {
+      this.loading = true;
+      setTimeout(() => {
+        this.loading = false;
+      }, 2000);
+    },
+  },
 };
 </script>
 

src/views/secure/daily-newspaper/components/violation-situation-table.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-table :data="tableData" border style="width: 100%">
+  <el-table :data="tableData" border v-loading="loading" style="width: 100%">
     <el-table-column prop="date" label="序号" width="80" align="center">
     </el-table-column>
     <el-table-column prop="name" label="作业单位" align="center">
@@ -31,6 +31,7 @@
 export default {
   data() {
     return {
+      loading: true,
       tableData: [
         {
           date: "2016-05-02",
@@ -55,6 +56,14 @@ export default {
       ],
     };
   },
+  methods: {
+    getList(dateRange) {
+      this.loading = true;
+      setTimeout(() => {
+        this.loading = false;
+      }, 2000);
+    },
+  },
 };
 </script>
 

src/views/secure/daily-newspaper/index.vue

@@ -1,20 +1,49 @@
 <template>
   <div class="app-container">
+    <el-date-picker
+      v-model="dateRange"
+      style="width: 240px; margin-right: 8px"
+      value-format="yyyy-MM-dd"
+      type="daterange"
+      range-separator="-"
+      :clearable="false"
+      start-placeholder="开始日期"
+      end-placeholder="结束日期"
+    ></el-date-picker>
+    <el-button
+      type="primary"
+      icon="el-icon-search"
+      size="mini"
+      @click="handleQuery"
+      >搜索</el-button
+    >
+    <el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
+      >重置</el-button
+    >
+    <el-button icon="el-icon-refresh" size="mini" @click="onExport"
+      >导出</el-button
+    >
     <el-tabs v-model="activeName" @tab-click="handleClick">
-      <el-tab-pane label="违章查处情况" name="first">
-        <ViolationSituationTable />
+      <el-tab-pane label="违章查处情况" name="violationSituationTableRef">
+        <ViolationSituationTable ref="violationSituationTableRef" />
       </el-tab-pane>
-      <el-tab-pane label="作业计划执行情况" name="second">
-        <ExecutionStatusTable />
+      <el-tab-pane label="作业计划执行情况" name="executionStatusTableRef">
+        <ExecutionStatusTable ref="executionStatusTableRef" />
       </el-tab-pane>
-      <el-tab-pane label="人员到岗到位履职情况" name="third">
-        <PersonnelDutyStatusTable />
+      <el-tab-pane
+        label="人员到岗到位履职情况"
+        name="personnelDutyStatusTableRef"
+      >
+        <PersonnelDutyStatusTable ref="personnelDutyStatusTableRef" />
       </el-tab-pane>
-      <el-tab-pane label="其他重要情况" name="fourth">
-        <OtherSafetySituationsTable />
+      <el-tab-pane label="其他重要情况" name="otherSafetySituationsTableRef">
+        <OtherSafetySituationsTable ref="otherSafetySituationsTableRef" />
       </el-tab-pane>
-      <el-tab-pane label="明日作业计划安排情况" name="fourth1">
-        <TomorrowPlanSituationTable />
+      <el-tab-pane
+        label="明日作业计划安排情况"
+        name="tomorrowPlanSituationTableRef"
+      >
+        <TomorrowPlanSituationTable ref="tomorrowPlanSituationTableRef" />
       </el-tab-pane>
     </el-tabs>
   </div>
@@ -26,6 +55,7 @@ import ExecutionStatusTable from "./components/execution-status-table.vue";
 import OtherSafetySituationsTable from "./components/other-safety-situations-table.vue";
 import TomorrowPlanSituationTable from "./components/tomorrow-plan-situation-table.vue";
 import PersonnelDutyStatusTable from "./components/personnel-duty-status-table.vue";
+import moment from "moment";
 export default {
   components: {
     ViolationSituationTable,
@@ -37,14 +67,39 @@ export default {
   name: "daily",
   data() {
     return {
-      activeName: "first",
+      activeName: "violationSituationTableRef",
+      // 日期范围
+      dateRange: [
+        moment().subtract(7, "days").startOf("day").format("YYYY-MM-DD"),
+        moment().endOf("day").format("YYYY-MM-DD"),
+      ],
     };
   },
-  created() {},
+  mounted() {
+    this.handleQuery();
+  },
   methods: {
+    moment,
     handleClick(tab, event) {
-      console.log(tab, event);
+      console.log(tab, event, "---------ddd");
+      this.activeName = tab.name;
+      this.handleQuery();
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.$nextTick(() => {
+        this.$refs[this.activeName].getList(this.dateRange);
+      });
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.dateRange = [
+        moment().subtract(7, "days").startOf("day").format("YYYY-MM-DD"),
+        moment().endOf("day").format("YYYY-MM-DD"),
+      ];
+      this.handleQuery();
     },
+    onExport() {},
   },
 };
 </script>

src/views/secure/weekly-report/components/level3-above-plans-table.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-table :data="tableData" border style="width: 100%">
+  <el-table :data="tableData" border v-loading="loading" style="width: 100%">
     <el-table-column prop="date" label="序号" width="80" align="center">
     </el-table-column>
     <el-table-column prop="name" label="工作内容" align="center">
@@ -23,6 +23,7 @@
 export default {
   data() {
     return {
+      loading: true,
       tableData: [
         {
           date: "2016-05-02",
@@ -47,6 +48,14 @@ export default {
       ],
     };
   },
+  methods: {
+    getList(dateRange) {
+      this.loading = true;
+      setTimeout(() => {
+        this.loading = false;
+      }, 2000);
+    },
+  },
 };
 </script>
 

src/views/secure/weekly-report/components/line-missing-situation-table.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-table :data="tableData" border style="width: 100%">
+  <el-table :data="tableData" border v-loading="loading" style="width: 100%">
     <el-table-column prop="name" label="单位" align="center"> </el-table-column>
     <el-table-column prop="address" label="馈线数量（条）" align="center">
     </el-table-column>
@@ -30,6 +30,7 @@
 export default {
   data() {
     return {
+      loading: true,
       tableData: [
         {
           date: "2016-05-02",
@@ -54,6 +55,14 @@ export default {
       ],
     };
   },
+  methods: {
+    getList(dateRange) {
+      this.loading = true;
+      setTimeout(() => {
+        this.loading = false;
+      }, 2000);
+    },
+  },
 };
 </script>
 

src/views/secure/weekly-report/components/next-week-plan-situation-table.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-table :data="tableData" border style="width: 100%">
+  <el-table :data="tableData" border v-loading="loading" style="width: 100%">
     <el-table-column prop="name" label="单位名称" align="center">
     </el-table-column>
     <el-table-column label="作业类型" align="center">
@@ -31,6 +31,7 @@
 export default {
   data() {
     return {
+      loading: true,
       tableData: [
         {
           date: "2016-05-02",
@@ -55,6 +56,14 @@ export default {
       ],
     };
   },
+  methods: {
+    getList(dateRange) {
+      this.loading = true;
+      setTimeout(() => {
+        this.loading = false;
+      }, 2000);
+    },
+  },
 };
 </script>
 

src/views/secure/weekly-report/components/thoughtful-job-situation-table.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-table :data="tableData" border style="width: 100%">
+  <el-table :data="tableData" border v-loading="loading" style="width: 100%">
     <el-table-column prop="name" label="作业单位" align="center">
     </el-table-column>
     <el-table-column label="督查现场数量" align="center">
@@ -31,6 +31,7 @@
 export default {
   data() {
     return {
+      loading: true,
       tableData: [
         {
           date: "2016-05-02",
@@ -55,6 +56,14 @@ export default {
       ],
     };
   },
+  methods: {
+    getList(dateRange) {
+      this.loading = true;
+      setTimeout(() => {
+        this.loading = false;
+      }, 2000);
+    },
+  },
 };
 </script>
 

src/views/secure/weekly-report/components/update-on-external-risks-table.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-table :data="tableData" border style="width: 100%">
+  <el-table :data="tableData" border v-loading="loading" style="width: 100%">
     <el-table-column prop="name" label="单位" align="center"> </el-table-column>
     <el-table-column prop="address" label="外触隐患" align="center">
     </el-table-column>
@@ -16,6 +16,7 @@
 export default {
   data() {
     return {
+      loading: true,
       tableData: [
         {
           date: "2016-05-02",
@@ -40,6 +41,14 @@ export default {
       ],
     };
   },
+  methods: {
+    getList(dateRange) {
+      this.loading = true;
+      setTimeout(() => {
+        this.loading = false;
+      }, 2000);
+    },
+  },
 };
 </script>
 

src/views/secure/weekly-report/components/weekly-plan-situation-table.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-table :data="tableData" border style="width: 100%">
+  <el-table :data="tableData" border v-loading="loading" style="width: 100%">
     <el-table-column prop="date" label="序号" width="80" align="center">
     </el-table-column>
     <el-table-column prop="name" label="作业单位" align="center">
@@ -31,6 +31,7 @@
 export default {
   data() {
     return {
+      loading: true,
       tableData: [
         {
           date: "2016-05-02",
@@ -55,6 +56,14 @@ export default {
       ],
     };
   },
+  methods: {
+    getList(dateRange) {
+      this.loading = true;
+      setTimeout(() => {
+        this.loading = false;
+      }, 2000);
+    },
+  },
 };
 </script>
 

src/views/secure/weekly-report/components/weekly-violation-situation-table.vue

@@ -1,6 +1,6 @@
 
 <template>
-  <el-table :data="tableData" border style="width: 100%">
+  <el-table :data="tableData" border v-loading="loading" style="width: 100%">
     <el-table-column prop="date" label="序号" width="80" align="center">
     </el-table-column>
     <el-table-column prop="name" label="作业单位" align="center">
@@ -30,6 +30,7 @@
 export default {
   data() {
     return {
+      loading: true,
       tableData: [
         {
           date: "2016-05-02",
@@ -54,6 +55,14 @@ export default {
       ],
     };
   },
+  methods: {
+    getList(dateRange) {
+      this.loading = true;
+      setTimeout(() => {
+        this.loading = false;
+      }, 2000);
+    },
+  },
 };
 </script>
 

src/views/secure/weekly-report/index.vue

@@ -1,26 +1,67 @@
 <template>
   <div class="app-container">
+    <el-date-picker
+      v-model="dateRange"
+      style="width: 240px; margin-right: 8px"
+      value-format="yyyy-MM-dd"
+      type="daterange"
+      range-separator="-"
+      :clearable="false"
+      start-placeholder="开始日期"
+      end-placeholder="结束日期"
+    ></el-date-picker>
+    <el-button
+      type="primary"
+      icon="el-icon-search"
+      size="mini"
+      @click="handleQuery"
+      >搜索</el-button
+    >
+    <el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
+      >重置</el-button
+    >
+    <el-button icon="el-icon-refresh" size="mini" @click="onExport"
+      >导出</el-button
+    >
     <el-tabs v-model="activeName" @tab-click="handleClick">
-      <el-tab-pane label="本周计划执行情况" name="1">
-        <WeeklyPlanSituationTable />
+      <el-tab-pane label="本周计划执行情况" name="weeklyPlanSituationTableRef">
+        <WeeklyPlanSituationTable ref="weeklyPlanSituationTableRef" />
       </el-tab-pane>
-      <el-tab-pane label="三级及以上作业风险计划" name="2">
-        <Level3AbovePlansTable />
+      <el-tab-pane
+        label="三级及以上作业风险计划"
+        name="level3AbovePlansTableRef"
+      >
+        <Level3AbovePlansTable ref="level3AbovePlansTableRef" />
       </el-tab-pane>
-      <el-tab-pane label="下周计划安排情况" name="3">
-        <NextWeekPlanSituationTable />
+      <el-tab-pane
+        label="下周计划安排情况"
+        name="nextWeekPlanSituationTableRef"
+      >
+        <NextWeekPlanSituationTable ref="nextWeekPlanSituationTableRef" />
       </el-tab-pane>
-      <el-tab-pane label="本周违章查处情况" name="4">
-        <WeeklyViolationSituationTable />
+      <el-tab-pane
+        label="本周违章查处情况"
+        name="weeklyViolationSituationTableRef"
+      >
+        <WeeklyViolationSituationTable ref="weeklyViolationSituationTableRef" />
       </el-tab-pane>
-      <el-tab-pane label="本周到岗到位履职情况" name="5">
-        <ThoughtfulJobSituationTable />
+      <el-tab-pane
+        label="本周到岗到位履职情况"
+        name="thoughtfulJobSituationTableRef"
+      >
+        <ThoughtfulJobSituationTable ref="thoughtfulJobSituationTableRef" />
       </el-tab-pane>
-      <el-tab-pane label="防外人触电隐患排查" name="6">
-        <UpdateOnExternalRisksTable />
+      <el-tab-pane
+        label="防外人触电隐患排查"
+        name="updateOnExternalRisksTableRef"
+      >
+        <UpdateOnExternalRisksTable ref="updateOnExternalRisksTableRef" />
       </el-tab-pane>
-      <el-tab-pane label="线路杆号牌缺失情况" name="7">
-        <LineMissingSituationTable />
+      <el-tab-pane
+        label="线路杆号牌缺失情况"
+        name="lineMissingSituationTableRef"
+      >
+        <LineMissingSituationTable ref="lineMissingSituationTableRef" />
       </el-tab-pane>
     </el-tabs>
   </div>
@@ -34,6 +75,7 @@ import ThoughtfulJobSituationTable from "./components/thoughtful-job-situation-t
 import UpdateOnExternalRisksTable from "./components/update-on-external-risks-table.vue";
 import WeeklyPlanSituationTable from "./components/weekly-plan-situation-table.vue";
 import WeeklyViolationSituationTable from "./components/weekly-violation-situation-table.vue";
+import moment from "moment";
 export default {
   components: {
     Level3AbovePlansTable,
@@ -47,14 +89,39 @@ export default {
   name: "weekly-report",
   data() {
     return {
-      activeName: "1",
+      activeName: "weeklyPlanSituationTableRef",
+      // 日期范围
+      dateRange: [
+        moment().subtract(7, "days").startOf("day").format("YYYY-MM-DD"),
+        moment().endOf("day").format("YYYY-MM-DD"),
+      ],
     };
   },
-  created() {},
+  mounted() {
+    this.handleQuery();
+  },
   methods: {
+    moment,
     handleClick(tab, event) {
-      console.log(tab, event);
+      console.log(tab, event, "---------ddd");
+      this.activeName = tab.name;
+      this.handleQuery();
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.$nextTick(() => {
+        this.$refs[this.activeName].getList(this.dateRange);
+      });
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.dateRange = [
+        moment().subtract(7, "days").startOf("day").format("YYYY-MM-DD"),
+        moment().endOf("day").format("YYYY-MM-DD"),
+      ];
+      this.handleQuery();
     },
+    onExport() {},
   },
 };
 </script>