1111

src/views/statisticalanalysis/components/echart/tableforms.vue

@@ -1525,7 +1525,7 @@
             <el-table-column
               v-if="searchParams.typeName === '国内进港'"
               prop="have_part_stock_noarrive"
-              label="无卸机"
+              label="无到达"
               show-overflow-tooltip="tableColumnProperty.showOverflowTooltip"
               :align="tableColumnProperty.align"
             ></el-table-column>
@@ -1897,7 +1897,7 @@
               <el-table-column
                 v-if="searchParams.typeName === '国内进港'"
                 prop="have_part_stock_noarrive"
-                label="无卸机"
+                label="无到达"
                 show-overflow-tooltip="tableColumnProperty.showOverflowTooltip"
                 :align="tableColumnProperty.align"
               ></el-table-column>

src/views/statisticalanalysis/dataException/components/page-head.vue

@@ -4,44 +4,106 @@
       <div class="title">{{ title }}</div>
     </template>
     <el-form ref="form" class="form" :model="formData">
-      <el-form-item v-for="item in items" :key="item.prop" :prop="item.prop" :label="item.label" :style="{
+      <el-form-item
+        v-for="item in items"
+        :key="item.prop"
+        :prop="item.prop"
+        :label="item.label"
+        :style="{
           width: item.width || '120px',
-        }">
+        }"
+      >
         <template v-if="item.inputType === 'input'">
-          <el-input v-model="formData[item.prop]" :size="item.size || 'small'" :placeholder="item.placeholder || '请输入'" :clearable="item.clearable" />
+          <el-input
+            v-model="formData[item.prop]"
+            :size="item.size || 'small'"
+            :placeholder="item.placeholder || '请输入'"
+            :clearable="item.clearable"
+          />
         </template>
         <template v-if="item.inputType === 'select'">
-          <el-select v-model="formData[item.prop]" :filterable="item.filterable" :default-first-option="item.filterable" :size="item.size || 'small'" :placeholder="item.placeholder || '请选择'" :multiple="item.multiple" :collapse-tags="item.multiple" :clearable="item.clearable" :disabled="item.disabled" @change="
+          <el-select
+            v-model="formData[item.prop]"
+            :filterable="item.filterable"
+            :default-first-option="item.filterable"
+            :size="item.size || 'small'"
+            :placeholder="item.placeholder || '请选择'"
+            :multiple="item.multiple"
+            :collapse-tags="item.multiple"
+            :clearable="item.clearable"
+            :disabled="item.disabled"
+            @change="
               (value) => {
                 item.changeHandler && call(item.changeHandler, value);
               }
-            ">
-            <el-option v-for="option in item.options" :key="option.value" :value="option.value" :label="option.label" />
+            "
+          >
+            <el-option
+              v-for="option in item.options"
+              :key="option.value"
+              :value="option.value"
+              :label="option.label"
+            />
           </el-select>
         </template>
         <template v-if="item.inputType === 'datePicker'">
-          <el-date-picker v-model="formData[item.prop]" :size="item.size || 'small'" type="daterange" value-format="YYYY-MM-DD" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" />
+          <el-date-picker
+            v-model="formData[item.prop]"
+            :size="item.size || 'small'"
+            type="daterange"
+            value-format="YYYY-MM-DD"
+            range-separator="至"
+            start-placeholder="开始日期"
+            end-placeholder="结束日期"
+          />
         </template>
         <template v-if="item.inputType === 'datetimerange'">
-          <el-date-picker v-model="formData[item.prop]" type="datetimerange" range-separator="至" value-format="YYYY-MM-DD HH:mm:ss" start-placeholder="开始日期" end-placeholder="结束日期">
+          <el-date-picker
+            v-model="formData[item.prop]"
+            type="datetimerange"
+            range-separator="至"
+            value-format="YYYY-MM-DD HH:mm:ss"
+            start-placeholder="开始日期"
+            end-placeholder="结束日期"
+          >
           </el-date-picker>
         </template>
         <template v-if="item.inputType === 'erdatime'">
           <template v-if="item.haveDisabled">
-            <el-date-picker value-format="YYYY-MM-DD" v-model="formData[item.prop]" type="date" :disabled-date="item.disabledDate" placeholder="选择日期">
+            <el-date-picker
+              value-format="YYYY-MM-DD"
+              v-model="formData[item.prop]"
+              type="date"
+              :disabled-date="item.disabledDate"
+              placeholder="选择日期"
+            >
             </el-date-picker>
           </template>
           <template v-else>
-            <el-date-picker value-format="YYYY-MM-DD" v-model="formData[item.prop]" type="date" placeholder="选择日期">
+            <el-date-picker
+              value-format="YYYY-MM-DD"
+              v-model="formData[item.prop]"
+              type="date"
+              placeholder="选择日期"
+            >
             </el-date-picker>
           </template>
         </template>
         <template v-if="item.inputType === 'cascader'">
-          <el-cascader v-model="formData[item.prop]" :size="item.size || 'small'" :placeholder="item.placeholder || '请选择'" :options="item.options" :props="item.props" :clearable="item.clearable" :disabled="item.disabled" @change="
+          <el-cascader
+            v-model="formData[item.prop]"
+            :size="item.size || 'small'"
+            :placeholder="item.placeholder || '请选择'"
+            :options="item.options"
+            :props="item.props"
+            :clearable="item.clearable"
+            :disabled="item.disabled"
+            @change="
               (value) => {
                 item.changeHandler && call(item.changeHandler, value);
               }
-            " />
+            "
+          />
         </template>
       </el-form-item>
       <el-form-item v-if="items.length">
@@ -50,10 +112,20 @@
         }}</el-button>
       </el-form-item>
       <el-form-item v-if="withExport">
-        <img src="@/assets/nav/ic_export.png" title="导出" class="btn-icon-only" @click="exportClickHandler" />
+        <img
+          src="@/assets/nav/ic_export.png"
+          title="导出"
+          class="btn-icon-only"
+          @click="exportClickHandler"
+        />
       </el-form-item>
       <el-form-item v-if="withSetting">
-        <img src="@/assets/nav/ic_setting.png" title="节点设置" class="btn-icon-only" @click="settingClickHandler" />
+        <img
+          src="@/assets/nav/ic_setting.png"
+          title="节点设置"
+          class="btn-icon-only"
+          @click="settingClickHandler"
+        />
       </el-form-item>
     </el-form>
   </div>
@@ -61,7 +133,7 @@
 
 <script>
 export default {
-  name: 'Pagehead',
+  name: "Pagehead",
   props: {
     title: {
       type: String,
@@ -73,7 +145,7 @@ export default {
     },
     data: {
       type: Object,
-      default: () => { },
+      default: () => {},
     },
     buttonText: {
       type: String,
@@ -88,14 +160,21 @@ export default {
       default: false,
     },
   },
-  data () {
+  data() {
     return {
       formData: {},
-    }
+    };
   },
   watch: {
+    formData: {
+      handler(val) {
+        this.$emit("dubie", this.formData);
+      },
+      deep: true,
+      immediate: true,
+    },
     data: {
-      handler (val) {
+      handler(val) {
         val && (this.formData = val);
       },
       deep: true,
@@ -103,7 +182,7 @@ export default {
     },
   },
   methods: {
-    getData () {
+    getData() {
       try {
         this.items.forEach((item) => {
           if (
@@ -119,14 +198,17 @@ export default {
       }
       this.$emit("getFormData", this.formData);
     },
-    exportClickHandler () {
+    exportClickHandler() {
       this.$emit("export");
     },
-    settingClickHandler () {
+    settingClickHandler() {
       this.$emit("setting");
     },
-  }
-}
+    // dubie() {
+    //   this.$emit("dubie", this.formData);
+    // },
+  },
+};
 </script>
 
 <style lang="scss" scoped>
@@ -285,4 +367,4 @@ export default {
     }
   }
 }
-</style>
+</style>

src/views/statisticalanalysis/dataException/views/detail.vue

@@ -1,12 +1,33 @@
 <template>
   <div class="airportInfo">
     <div class="variable">
-      <StatisticsHeader :title="titleTop" :items="formItems" :data="formData" with-setting :withSetting="false" :withExport="true" :action="action" @getFormData="getFormData" @export="tableToExcel('table')" />
+      <StatisticsHeader
+        :title="titleTop"
+        :items="formItems"
+        :data="formData"
+        with-setting
+        :withSetting="false"
+        :withExport="true"
+        :action="action"
+        @getFormData="getFormData"
+        @dubie="dubie"
+        @export="tableToExcel('table')"
+      />
     </div>
-    <div v-loading="loading" element-loading-text="数据加载中..." class="echart">
+    <div
+      v-loading="loading"
+      element-loading-text="数据加载中..."
+      class="echart"
+    >
       <!-- <Echarts :id="dataid" :option="tableData" v-if="picShow == true ? true : false" /> -->
       <Tableformbrs :tableList="tableNewList" :action="action" :set="set" />
-      <el-table ref="table" :data="tableList" style="width: 100%;visibility: hidden;" height="calc(100vh - 236px)" max-height="calc(100vh - 236px)">
+      <el-table
+        ref="table"
+        :data="tableList"
+        style="width: 100%; visibility: hidden"
+        height="calc(100vh - 236px)"
+        max-height="calc(100vh - 236px)"
+      >
         <el-table-column prop="flight_all_no" label="航班号" :align="'center'">
         </el-table-column>
         <el-table-column prop="flight_date" label="航班日期" :align="'center'">
@@ -21,12 +42,21 @@
         </el-table-column>
         <el-table-column prop="department" label="一级部门" :align="'center'">
         </el-table-column>
-        <el-table-column prop="second_department" label="二级部门" :align="'center'">
+        <el-table-column
+          prop="second_department"
+          label="二级部门"
+          :align="'center'"
+        >
         </el-table-column>
       </el-table>
     </div>
     <div v-if="total > 0" class="pagination">
-      <el-pagination background layout="prev, pager, next" @current-change="currentChange" :total="total" />
+      <el-pagination
+        background
+        layout="prev, pager, next"
+        @current-change="currentChange"
+        :total="total"
+      />
     </div>
   </div>
 </template>
@@ -37,10 +67,10 @@ import Tableformbrs from "../../components/echart/tableforms.vue";
 import StatisticsHeader from "../components/page-head.vue";
 import { export_json_to_excel, exportToExcel } from "@/utils/Export2Excel";
 import { Query } from "@/api/webApi";
-import _ from 'lodash'
+import _ from "lodash";
 export default {
   name: "ChartsBar",
-  data () {
+  data() {
     return {
       loading: false,
       asShow: false,
@@ -176,16 +206,16 @@ export default {
           clearable: true,
           options: [
             {
-              label: '货邮检查一大队',
-              value: '货邮检查一大队'
+              label: "货邮检查一大队",
+              value: "货邮检查一大队",
             },
             {
-              label: '运输部（万事通）',
-              value: '运输部（万事通）'
+              label: "运输部（万事通）",
+              value: "运输部（万事通）",
             },
             {
-              label: '装卸部（美华）',
-              value: '装卸部（美华）'
+              label: "装卸部（美华）",
+              value: "装卸部（美华）",
             },
             {
               value: "全部",
@@ -198,8 +228,7 @@ export default {
           inputType: "input",
           placeholder: "请输入航班号",
           clearable: true,
-          options: [
-          ],
+          options: [],
         },
         {
           prop: "dateTime",
@@ -211,31 +240,31 @@ export default {
         },
       ],
       newObj: {},
-      queryParams: {}
+      queryParams: {},
     };
   },
-  mounted () {
-    const { query } = this.$route
-    this.queryParams = query
+  mounted() {
+    const { query } = this.$route;
+    this.queryParams = query;
     if (Object.keys(query).length) {
-      const { typeName, flighttype, fd1, fd2, nodeName, nodeDep } = query
-      const options = this.formItems[0].options
-      const frs = options.filter(item => item.label === typeName)
+      const { typeName, flighttype, fd1, fd2, nodeName, nodeDep } = query;
+      const options = this.formItems[0].options;
+      const frs = options.filter((item) => item.label === typeName);
       if (frs) {
-        const fttpId = frs[0].value
-        const option = [{
-          flighttype,
-          fd1,
-          fd2
-        }]
-        this.formData.fttpId = fttpId
-        this.formData.fttype = flighttype
-        this.formData.dateTime = [fd1, fd2]
+        const fttpId = frs[0].value;
+        const option = [
+          {
+            flighttype,
+            fd1,
+            fd2,
+          },
+        ];
+        this.formData.fttpId = fttpId;
+        this.formData.fttype = flighttype;
+        this.formData.dateTime = [fd1, fd2];
         this.listname =
-          "航班节点明细统计" + '-' +
-          typeName + '-' +
-          fd1 + '-' + fd2
-        this.getQuery(fttpId, option, null)
+          "航班节点明细统计" + "-" + typeName + "-" + fd1 + "-" + fd2;
+        this.getQuery(fttpId, option, null);
       }
     }
   },
@@ -243,220 +272,416 @@ export default {
     // 监听数据变化，重绘折线图
     formData: {
       deep: true,
-      handler (newVal) {
-        const { fttpId, fttp, flighttype, flightno } = newVal
-        this.fore(newVal)
+      handler(newVal) {
+        const { fttpId, fttp, flighttype, flightno } = newVal;
+        this.fore(newVal);
         if (flightno) {
-          let datas = []
+          let datas = [];
           if (fttp && !flighttype) {
-            if (fttp !== '全部') {
-              datas = this.tableList.filter(item => item.flight_all_no == flightno && item.index_class?.includes(fttp))
+            if (fttp !== "全部") {
+              datas = this.tableList.filter(
+                (item) =>
+                  item.flight_all_no == flightno &&
+                  item.index_class?.includes(fttp)
+              );
             } else {
-              datas = this.tableList.filter(item => item.flight_all_no == flightno)
+              datas = this.tableList.filter(
+                (item) => item.flight_all_no == flightno
+              );
             }
           } else if (!fttp && flighttype) {
-            if (flighttype !== '全部') {
-              datas = this.tableList.filter(item => item.flight_all_no == flightno && item.second_department == flighttype)
+            if (flighttype !== "全部") {
+              datas = this.tableList.filter(
+                (item) =>
+                  item.flight_all_no == flightno &&
+                  item.second_department == flighttype
+              );
             } else {
-              datas = this.tableList.filter(item => item.flight_all_no == flightno)
+              datas = this.tableList.filter(
+                (item) => item.flight_all_no == flightno
+              );
             }
-          }
-          else if (fttp && flighttype) {
-            if (fttp !== '全部' && flighttype !== '全部') {
-              datas = this.tableList.filter(item => item.flight_all_no == flightno && item.second_department == flighttype && item.index_class?.includes(fttp))
-            } else if (fttp !== '全部' && flighttype === '全部') {
-              datas = this.tableList.filter(item => item.flight_all_no == flightno && item.index_class?.includes(fttp))
-            } else if (fttp === '全部' && flighttype !== '全部') {
-              datas = this.tableList.filter(item => item.flight_all_no == flightno && item.second_department == flighttype)
+          } else if (fttp && flighttype) {
+            if (fttp !== "全部" && flighttype !== "全部") {
+              datas = this.tableList.filter(
+                (item) =>
+                  item.flight_all_no == flightno &&
+                  item.second_department == flighttype &&
+                  item.index_class?.includes(fttp)
+              );
+            } else if (fttp !== "全部" && flighttype === "全部") {
+              datas = this.tableList.filter(
+                (item) =>
+                  item.flight_all_no == flightno &&
+                  item.index_class?.includes(fttp)
+              );
+            } else if (fttp === "全部" && flighttype !== "全部") {
+              datas = this.tableList.filter(
+                (item) =>
+                  item.flight_all_no == flightno &&
+                  item.second_department == flighttype
+              );
             } else {
-              datas = this.tableList.filter(item => item.flight_all_no == flightno)
+              datas = this.tableList.filter(
+                (item) => item.flight_all_no == flightno
+              );
             }
+          } else {
+            datas = this.tableList.filter(
+              (item) => item.flight_all_no == flightno
+            );
           }
-          else {
-            datas = this.tableList.filter(item => item.flight_all_no == flightno)
-          }
-          this.setTable(datas)
+          this.setTable(datas);
         } else {
           if (fttp && !flighttype) {
-            let datas = []
-            if (fttp !== '全部') {
-              datas = this.tableList.filter(item => item.index_class?.includes(fttp))
+            let datas = [];
+            if (fttp !== "全部") {
+              datas = this.tableList.filter((item) =>
+                item.index_class?.includes(fttp)
+              );
             } else {
-              datas = this.tableList
+              datas = this.tableList;
             }
-            this.setTable(datas)
+            this.setTable(datas);
           } else if (!fttp && flighttype) {
-            let datas = []
-            if (fttp !== '全部') {
-              datas = this.tableList.filter(item => item.second_department == flighttype)
+            let datas = [];
+            if (fttp !== "全部") {
+              datas = this.tableList.filter(
+                (item) => item.second_department == flighttype
+              );
             } else {
-              datas = this.tableList
+              datas = this.tableList;
             }
-            this.setTable(datas)
+            this.setTable(datas);
           } else if (fttp && flighttype) {
-            let datas = []
-            if (fttp !== '全部' && flighttype !== '全部') {
-              datas = this.tableList.filter(item => item.second_department == flighttype && item.index_class?.includes(fttp))
-            } else if (fttp !== '全部' && flighttype === '全部') {
-              datas = this.tableList.filter(item => item.index_class?.includes(fttp))
-            } else if (fttp === '全部' && flighttype !== '全部') {
-              datas = this.tableList.filter(item => item.second_department == flighttype)
+            let datas = [];
+            if (fttp !== "全部" && flighttype !== "全部") {
+              datas = this.tableList.filter(
+                (item) =>
+                  item.second_department == flighttype &&
+                  item.index_class?.includes(fttp)
+              );
+            } else if (fttp !== "全部" && flighttype === "全部") {
+              datas = this.tableList.filter((item) =>
+                item.index_class?.includes(fttp)
+              );
+            } else if (fttp === "全部" && flighttype !== "全部") {
+              datas = this.tableList.filter(
+                (item) => item.second_department == flighttype
+              );
             } else {
-              datas = this.tableList
+              datas = this.tableList;
             }
-            this.setTable(datas)
+            this.setTable(datas);
           } else {
-            const datas = this.tableList
-            this.setTable(datas)
+            const datas = this.tableList;
+            this.setTable(datas);
           }
         }
       },
     },
   },
-  destroyed () { },
+  destroyed() {},
   methods: {
-    getFormData (data) {
+    getFormData(data) {
       // this.formData = data
       this.tableData.time = [];
       this.tableData.data1 = [];
       this.tableData.data2 = [];
-      let option = [{
-        flighttype: data.fttype,
-        fd1: data.dateTime[0],
-        fd2: data.dateTime[1]
-      }]
-      this.formData.fttpId = data.fttpId
-      this.formData.dateTime = data.dateTime
-      this.formData.fttype = data.fttype
+      let option = [
+        {
+          flighttype: data.fttype,
+          fd1: data.dateTime[0],
+          fd2: data.dateTime[1],
+        },
+      ];
+      this.formData.fttpId = data.fttpId;
+      this.formData.dateTime = data.dateTime;
+      this.formData.fttype = data.fttype;
       this.getQuery(data.fttpId, option, null);
-      let typeName = null
+      let typeName = null;
       switch (data.fttpId) {
         case 52238:
-          typeName = '国内出港'
+          typeName = "国内出港";
           break;
         case 52240:
-          typeName = '国内进港'
+          typeName = "国内进港";
           break;
         case 52242:
-          typeName = '国际出港'
+          typeName = "国际出港";
           break;
         case 52244:
-          typeName = '国际进港'
+          typeName = "国际进港";
           break;
         default:
-          typeName = '国内出港'
+          typeName = "国内出港";
           break;
       }
       this.listname =
-        "航班节点明细统计" + '-' +
-        typeName + '-' +
-        data.dateTime[0] + '-' + data.dateTime[1]
+        "航班节点明细统计" +
+        "-" +
+        typeName +
+        "-" +
+        data.dateTime[0] +
+        "-" +
+        data.dateTime[1];
       this.listHeader = ["序号", "时间", "航班(班)", "环比(%)"];
     },
-    setTable (datas) {
-      this.tableListcop = _.chunk(datas, 10)
-      this.tableNewList = this.tableListcop[0]
-      this.total = datas.length
+    dubie(data) {
+      if (data.fttpId === DATACONTENT_ID.detailGnDepartureWay) {
+        this.formItems[2] = {
+          prop: "fttp",
+          inputType: "select",
+          placeholder: "指标分类",
+          clearable: true,
+          options: [
+            {
+              value: "数据缺失",
+              label: "数据缺失",
+            },
+            {
+              value: "流程节点缺失",
+              label: "流程节点缺失",
+            },
+            {
+              value: "时间倒置",
+              label: "时间倒置",
+            },
+            {
+              value: "时间相同",
+              label: "时间相同",
+            },
+            {
+              value: "流程节点缺失-无安检",
+              label: "流程节点缺失-无安检",
+            },
+            {
+              value: "流程节点缺失-无交接复核",
+              label: "流程节点缺失-无交接复核",
+            },
+            {
+              value: "全部",
+              label: "全部",
+            },
+          ],
+        };
+      } else if (data.fttpId === DATACONTENT_ID.detailGjDepartureWay) {
+        this.formItems[2] = {
+          prop: "fttp",
+          inputType: "select",
+          placeholder: "指标分类",
+          clearable: true,
+          options: [
+            {
+              value: "数据缺失",
+              label: "数据缺失",
+            },
+            {
+              value: "流程节点缺失",
+              label: "流程节点缺失",
+            },
+            {
+              value: "时间倒置",
+              label: "时间倒置",
+            },
+            {
+              value: "时间相同",
+              label: "时间相同",
+            },
+            {
+              value: "流程节点缺失-无交接复核",
+              label: "流程节点缺失-无交接复核",
+            },
+            {
+              value: "全部",
+              label: "全部",
+            },
+          ],
+        };
+      } else if (data.fttpId === DATACONTENT_ID.detailGnArrivalWay) {
+        this.formItems[2] = {
+          prop: "fttp",
+          inputType: "select",
+          placeholder: "指标分类",
+          clearable: true,
+          options: [
+            {
+              value: "数据缺失",
+              label: "数据缺失",
+            },
+            {
+              value: "流程节点缺失",
+              label: "流程节点缺失",
+            },
+            {
+              value: "时间倒置",
+              label: "时间倒置",
+            },
+            {
+              value: "时间相同",
+              label: "时间相同",
+            },
+            {
+              value: "流程节点缺失-无卸机",
+              label: "流程节点缺失-无卸机",
+            },
+            {
+              value: "流程节点缺失-无到达",
+              label: "流程节点缺失-无到达",
+            },
+            {
+              value: "流程节点缺失-无货站交接",
+              label: "流程节点缺失-无货站交接",
+            },
+            {
+              value: "全部",
+              label: "全部",
+            },
+          ],
+        };
+      } else if (data.fttpId === DATACONTENT_ID.detailGjArrivalWay) {
+        this.formItems[2] = {
+          prop: "fttp",
+          inputType: "select",
+          placeholder: "指标分类",
+          clearable: true,
+          options: [
+            {
+              value: "数据缺失",
+              label: "数据缺失",
+            },
+            {
+              value: "流程节点缺失",
+              label: "流程节点缺失",
+            },
+            {
+              value: "时间倒置",
+              label: "时间倒置",
+            },
+            {
+              value: "时间相同",
+              label: "时间相同",
+            },
+            {
+              value: "流程节点缺失-无卸机",
+              label: "流程节点缺失-无卸机",
+            },
+            {
+              value: "流程节点缺失-无货站交接",
+              label: "流程节点缺失-无货站交接",
+            },
+            {
+              value: "全部",
+              label: "全部",
+            },
+          ],
+        };
+      }
+    },
+    setTable(datas) {
+      this.tableListcop = _.chunk(datas, 10);
+      this.tableNewList = this.tableListcop[0];
+      this.total = datas.length;
     },
-    fore (data) {
+    fore(data) {
       switch (data.fttpId) {
         case 52238:
           this.formItems[3].options = [
             {
-              label: '货邮检查一大队',
-              value: '货邮检查一大队'
+              label: "货邮检查一大队",
+              value: "货邮检查一大队",
             },
             {
-              label: '运输部（万事通）',
-              value: '运输部（万事通）'
+              label: "运输部（万事通）",
+              value: "运输部（万事通）",
             },
             {
-              label: '装卸部（美华）',
-              value: '装卸部（美华）'
+              label: "装卸部（美华）",
+              value: "装卸部（美华）",
             },
             {
               value: "全部",
               label: "全部",
             },
-          ]
+          ];
           break;
         case 52240:
           this.formItems[3].options = [
             {
-              label: '国内进港部',
-              value: '国内进港部'
+              label: "国内进港部",
+              value: "国内进港部",
             },
             {
-              label: '运输部（万事通）',
-              value: '运输部（万事通）'
+              label: "运输部（万事通）",
+              value: "运输部（万事通）",
             },
             {
-              label: '装卸部（美华）',
-              value: '装卸部（美华）'
+              label: "装卸部（美华）",
+              value: "装卸部（美华）",
             },
             {
               value: "全部",
               label: "全部",
             },
-          ]
+          ];
           break;
         case 52242:
           this.formItems[3].options = [
             {
-              label: '龙略',
-              value: '龙略'
+              label: "龙略",
+              value: "龙略",
             },
             {
               value: "全部",
               label: "全部",
             },
-          ]
+          ];
           break;
         case 52244:
           this.formItems[3].options = [
             {
-              label: '操作二部',
-              value: '操作二部'
+              label: "操作二部",
+              value: "操作二部",
             },
             {
-              label: '货机装载组',
-              value: '货机装载组'
+              label: "货机装载组",
+              value: "货机装载组",
             },
             {
-              label: '龙略',
-              value: '龙略'
+              label: "龙略",
+              value: "龙略",
             },
             {
               value: "全部",
               label: "全部",
             },
-          ]
+          ];
           break;
         default:
           this.formItems[3].options = [
             {
-              label: '货邮检查一大队',
-              value: '货邮检查一大队'
+              label: "货邮检查一大队",
+              value: "货邮检查一大队",
             },
             {
-              label: '运输部（万事通）',
-              value: '运输部（万事通）'
+              label: "运输部（万事通）",
+              value: "运输部（万事通）",
             },
             {
-              label: '装卸部（美华）',
-              value: '装卸部（美华）'
+              label: "装卸部（美华）",
+              value: "装卸部（美华）",
             },
             {
               value: "全部",
               label: "全部",
             },
-          ]
+          ];
           break;
       }
     },
     //获取表格数据
-    async getQuery (id, data, dat) {
-      this.loading = true
+    async getQuery(id, data, dat) {
+      this.loading = true;
       try {
         const { code, returnData } = await Query({
           id: id,
@@ -467,19 +692,26 @@ export default {
           this.tableData.time = [];
           this.tableData.data1 = [];
           this.tableData.data2 = [];
-          this.total = returnData.length
+          this.total = returnData.length;
           this.tableList = _.cloneDeep(returnData);
           this.tableListcop = _.chunk(_.cloneDeep(returnData), 10);
-          this.tableNewList = this.tableListcop[0]
-          this.loading = false
+          this.tableNewList = this.tableListcop[0];
+          this.loading = false;
           if (Object.keys(this.queryParams).length) {
-            const { typeName, flighttype, fd1, fd2, nodeName, nodeDep } = this.queryParams
-            const options = this.formItems[0].options
-            const frs = options.filter(item => item.label === typeName)
+            const {
+              typeName,
+              flighttype,
+              fd1,
+              fd2,
+              nodeName,
+              nodeDep,
+            } = this.queryParams;
+            const options = this.formItems[0].options;
+            const frs = options.filter((item) => item.label === typeName);
             if (frs) {
-              const fttpId = frs[0].value
-              this.formData.fttp = nodeName
-              this.formData.flighttype = nodeDep
+              const fttpId = frs[0].value;
+              this.formData.fttp = nodeName;
+              this.formData.flighttype = nodeDep;
               // const watchParams = {
               //   fttpId,
               //   flighttype: nodeDep,
@@ -489,32 +721,31 @@ export default {
             }
           }
         } else {
-          this.loading = false
-          console.log(code)
+          this.loading = false;
+          console.log(code);
         }
       } catch (error) {
-        this.loading = false
+        this.loading = false;
         this.page--;
       }
     },
     //导出
-    tableToExcel (refName) {
+    tableToExcel(refName) {
       if (this.tableList.length) {
         import("@/utils/Export2Excel").then((excel) => {
           const table = this.$refs[refName].$el.cloneNode(true);
           const fileName = `${this.listname}.xlsx`;
-          exportToExcel(table, '航班节点明细统计', fileName);
+          exportToExcel(table, "航班节点明细统计", fileName);
         });
       } else {
-        this.$message.error('暂无数据')
+        this.$message.error("暂无数据");
       }
-
     },
     //分页
-    currentChange (page) {
-      this.tableNewList = this.tableListcop[page - 1]
+    currentChange(page) {
+      this.tableNewList = this.tableListcop[page - 1];
     },
-    upset (data) {
+    upset(data) {
       this.picShow = data;
     },
   },

src/views/statisticalanalysis/dataException/views/detailWay.vue

@@ -1,12 +1,33 @@
 <template>
   <div class="airportInfo">
     <div class="variable">
-      <StatisticsHeader :title="titleTop" :items="formItems" :data="formData" with-setting :withSetting="false" :withExport="true" :action="action" @getFormData="getFormData" @export="tableToExcel('table')" />
+      <StatisticsHeader
+        :title="titleTop"
+        :items="formItems"
+        :data="formData"
+        with-setting
+        :withSetting="false"
+        :withExport="true"
+        :action="action"
+        @getFormData="getFormData"
+        @dubie="dubie"
+        @export="tableToExcel('table')"
+      />
     </div>
-    <div v-loading="loading" element-loading-text="数据加载中..." class="echart">
+    <div
+      v-loading="loading"
+      element-loading-text="数据加载中..."
+      class="echart"
+    >
       <!-- <Echarts :id="dataid" :option="tableData" v-if="picShow == true ? true : false" /> -->
       <Tableformbrs :tableList="tableNewList" :action="action" :set="set" />
-      <el-table ref="table" :data="tableList" style="width: 100%;visibility: hidden;" height="calc(100vh - 236px)" max-height="calc(100vh - 236px)">
+      <el-table
+        ref="table"
+        :data="tableList"
+        style="width: 100%; visibility: hidden"
+        height="calc(100vh - 236px)"
+        max-height="calc(100vh - 236px)"
+      >
         <el-table-column prop="flight_all_no" label="航班号" :align="'center'">
         </el-table-column>
         <el-table-column prop="flight_date" label="航班日期" :align="'center'">
@@ -21,12 +42,21 @@
         </el-table-column>
         <el-table-column prop="department" label="一级部门" :align="'center'">
         </el-table-column>
-        <el-table-column prop="second_department" label="二级部门" :align="'center'">
+        <el-table-column
+          prop="second_department"
+          label="二级部门"
+          :align="'center'"
+        >
         </el-table-column>
       </el-table>
     </div>
     <div v-if="total > 0" class="pagination">
-      <el-pagination background layout="prev, pager, next" @current-change="currentChange" :total="total" />
+      <el-pagination
+        background
+        layout="prev, pager, next"
+        @current-change="currentChange"
+        :total="total"
+      />
     </div>
   </div>
 </template>
@@ -37,10 +67,10 @@ import Tableformbrs from "../../components/echart/tableforms.vue";
 import StatisticsHeader from "../components/page-head.vue";
 import { export_json_to_excel, exportToExcel } from "@/utils/Export2Excel";
 import { Query } from "@/api/webApi";
-import _ from 'lodash'
+import _ from "lodash";
 export default {
   name: "ChartsBar",
-  data () {
+  data() {
     return {
       loading: false,
       asShow: false,
@@ -147,22 +177,10 @@ export default {
           placeholder: "指标分类",
           clearable: true,
           options: [
-            {
-              value: "数据缺失",
-              label: "数据缺失",
-            },
             {
               value: "流程节点缺失",
               label: "流程节点缺失",
             },
-            {
-              value: "时间倒置",
-              label: "时间倒置",
-            },
-            {
-              value: "时间相同",
-              label: "时间相同",
-            },
             {
               value: "全部",
               label: "全部",
@@ -176,16 +194,16 @@ export default {
           clearable: true,
           options: [
             {
-              label: '货邮检查一大队',
-              value: '货邮检查一大队'
+              label: "货邮检查一大队",
+              value: "货邮检查一大队",
             },
             {
-              label: '运输部（万事通）',
-              value: '运输部（万事通）'
+              label: "运输部（万事通）",
+              value: "运输部（万事通）",
             },
             {
-              label: '装卸部（美华）',
-              value: '装卸部（美华）'
+              label: "装卸部（美华）",
+              value: "装卸部（美华）",
             },
             {
               value: "全部",
@@ -198,8 +216,7 @@ export default {
           inputType: "input",
           placeholder: "请输入航班号",
           clearable: true,
-          options: [
-          ],
+          options: [],
         },
         {
           prop: "dateTime",
@@ -211,31 +228,31 @@ export default {
         },
       ],
       newObj: {},
-      queryParams: {}
+      queryParams: {},
     };
   },
-  mounted () {
-    const { query } = this.$route
-    this.queryParams = query
+  mounted() {
+    const { query } = this.$route;
+    this.queryParams = query;
     if (Object.keys(query).length) {
-      const { typeName, flighttype, fd1, fd2, nodeName, nodeDep } = query
-      const options = this.formItems[0].options
-      const frs = options.filter(item => item.label === typeName)
+      const { typeName, flighttype, fd1, fd2, nodeName, nodeDep } = query;
+      const options = this.formItems[0].options;
+      const frs = options.filter((item) => item.label === typeName);
       if (frs) {
-        const fttpId = frs[0].value
-        const option = [{
-          flighttype,
-          fd1,
-          fd2
-        }]
-        this.formData.fttpId = fttpId
-        this.formData.fttype = flighttype
-        this.formData.dateTime = [fd1, fd2]
+        const fttpId = frs[0].value;
+        const option = [
+          {
+            flighttype,
+            fd1,
+            fd2,
+          },
+        ];
+        this.formData.fttpId = fttpId;
+        this.formData.fttype = flighttype;
+        this.formData.dateTime = [fd1, fd2];
         this.listname =
-          "运单节点明细统计" + '-' +
-          typeName + '-' +
-          fd1 + '-' + fd2
-        this.getQuery(fttpId, option, null)
+          "运单节点明细统计" + "-" + typeName + "-" + fd1 + "-" + fd2;
+        this.getQuery(fttpId, option, null);
       }
     }
   },
@@ -243,220 +260,360 @@ export default {
     // 监听数据变化，重绘折线图
     formData: {
       deep: true,
-      handler (newVal) {
-        const { fttpId, fttp, flighttype, flightno } = newVal
-        this.fore(newVal)
+      handler(newVal) {
+        const { fttpId, fttp, flighttype, flightno } = newVal;
+        this.fore(newVal);
         if (flightno) {
-          let datas = []
+          let datas = [];
           if (fttp && !flighttype) {
-            if (fttp !== '全部') {
-              datas = this.tableList.filter(item => item.flight_all_no == flightno && item.index_class?.includes(fttp))
+            if (fttp !== "全部") {
+              datas = this.tableList.filter(
+                (item) =>
+                  item.flight_all_no == flightno &&
+                  item.index_class?.includes(fttp)
+              );
             } else {
-              datas = this.tableList.filter(item => item.flight_all_no == flightno)
+              datas = this.tableList.filter(
+                (item) => item.flight_all_no == flightno
+              );
             }
           } else if (!fttp && flighttype) {
-            if (flighttype !== '全部') {
-              datas = this.tableList.filter(item => item.flight_all_no == flightno && item.second_department == flighttype)
+            if (flighttype !== "全部") {
+              datas = this.tableList.filter(
+                (item) =>
+                  item.flight_all_no == flightno &&
+                  item.second_department == flighttype
+              );
             } else {
-              datas = this.tableList.filter(item => item.flight_all_no == flightno)
+              datas = this.tableList.filter(
+                (item) => item.flight_all_no == flightno
+              );
             }
-          }
-          else if (fttp && flighttype) {
-            if (fttp !== '全部' && flighttype !== '全部') {
-              datas = this.tableList.filter(item => item.flight_all_no == flightno && item.second_department == flighttype && item.index_class?.includes(fttp))
-            } else if (fttp !== '全部' && flighttype === '全部') {
-              datas = this.tableList.filter(item => item.flight_all_no == flightno && item.index_class?.includes(fttp))
-            } else if (fttp === '全部' && flighttype !== '全部') {
-              datas = this.tableList.filter(item => item.flight_all_no == flightno && item.second_department == flighttype)
+          } else if (fttp && flighttype) {
+            if (fttp !== "全部" && flighttype !== "全部") {
+              datas = this.tableList.filter(
+                (item) =>
+                  item.flight_all_no == flightno &&
+                  item.second_department == flighttype &&
+                  item.index_class?.includes(fttp)
+              );
+            } else if (fttp !== "全部" && flighttype === "全部") {
+              datas = this.tableList.filter(
+                (item) =>
+                  item.flight_all_no == flightno &&
+                  item.index_class?.includes(fttp)
+              );
+            } else if (fttp === "全部" && flighttype !== "全部") {
+              datas = this.tableList.filter(
+                (item) =>
+                  item.flight_all_no == flightno &&
+                  item.second_department == flighttype
+              );
             } else {
-              datas = this.tableList.filter(item => item.flight_all_no == flightno)
+              datas = this.tableList.filter(
+                (item) => item.flight_all_no == flightno
+              );
             }
+          } else {
+            datas = this.tableList.filter(
+              (item) => item.flight_all_no == flightno
+            );
           }
-          else {
-            datas = this.tableList.filter(item => item.flight_all_no == flightno)
-          }
-          this.setTable(datas)
+          this.setTable(datas);
         } else {
           if (fttp && !flighttype) {
-            let datas = []
-            if (fttp !== '全部') {
-              datas = this.tableList.filter(item => item.index_class?.includes(fttp))
+            let datas = [];
+            if (fttp !== "全部") {
+              datas = this.tableList.filter((item) =>
+                item.index_class?.includes(fttp)
+              );
             } else {
-              datas = this.tableList
+              datas = this.tableList;
             }
-            this.setTable(datas)
+            this.setTable(datas);
           } else if (!fttp && flighttype) {
-            let datas = []
-            if (fttp !== '全部') {
-              datas = this.tableList.filter(item => item.second_department == flighttype)
+            let datas = [];
+            if (fttp !== "全部") {
+              datas = this.tableList.filter(
+                (item) => item.second_department == flighttype
+              );
             } else {
-              datas = this.tableList
+              datas = this.tableList;
             }
-            this.setTable(datas)
+            this.setTable(datas);
           } else if (fttp && flighttype) {
-            let datas = []
-            if (fttp !== '全部' && flighttype !== '全部') {
-              datas = this.tableList.filter(item => item.second_department == flighttype && item.index_class?.includes(fttp))
-            } else if (fttp !== '全部' && flighttype === '全部') {
-              datas = this.tableList.filter(item => item.index_class?.includes(fttp))
-            } else if (fttp === '全部' && flighttype !== '全部') {
-              datas = this.tableList.filter(item => item.second_department == flighttype)
+            let datas = [];
+            if (fttp !== "全部" && flighttype !== "全部") {
+              datas = this.tableList.filter(
+                (item) =>
+                  item.second_department == flighttype &&
+                  item.index_class?.includes(fttp)
+              );
+            } else if (fttp !== "全部" && flighttype === "全部") {
+              datas = this.tableList.filter((item) =>
+                item.index_class?.includes(fttp)
+              );
+            } else if (fttp === "全部" && flighttype !== "全部") {
+              datas = this.tableList.filter(
+                (item) => item.second_department == flighttype
+              );
             } else {
-              datas = this.tableList
+              datas = this.tableList;
             }
-            this.setTable(datas)
+            this.setTable(datas);
           } else {
-            const datas = this.tableList
-            this.setTable(datas)
+            const datas = this.tableList;
+            this.setTable(datas);
           }
         }
       },
     },
   },
-  destroyed () { },
+  destroyed() {},
   methods: {
-    getFormData (data) {
+    getFormData(data) {
       // this.formData = data
       this.tableData.time = [];
       this.tableData.data1 = [];
       this.tableData.data2 = [];
-      let option = [{
-        flighttype: data.fttype,
-        fd1: data.dateTime[0],
-        fd2: data.dateTime[1]
-      }]
-      this.formData.fttpId = data.fttpId
-      this.formData.dateTime = data.dateTime
-      this.formData.fttype = data.fttype
+      let option = [
+        {
+          flighttype: data.fttype,
+          fd1: data.dateTime[0],
+          fd2: data.dateTime[1],
+        },
+      ];
+      this.formData.fttpId = data.fttpId;
+      this.formData.dateTime = data.dateTime;
+      this.formData.fttype = data.fttype;
       this.getQuery(data.fttpId, option, null);
-      let typeName = null
+      let typeName = null;
       switch (data.fttpId) {
         case 52233:
-          typeName = '国内出港'
+          typeName = "国内出港";
           break;
         case 52234:
-          typeName = '国内进港'
+          typeName = "国内进港";
           break;
         case 52235:
-          typeName = '国际出港'
+          typeName = "国际出港";
           break;
         case 52236:
-          typeName = '国际进港'
+          typeName = "国际进港";
           break;
         default:
-          typeName = '国内出港'
+          typeName = "国内出港";
           break;
       }
       this.listname =
-        "运单节点明细统计" + '-' +
-        typeName + '-' +
-        data.dateTime[0] + '-' + data.dateTime[1]
+        "运单节点明细统计" +
+        "-" +
+        typeName +
+        "-" +
+        data.dateTime[0] +
+        "-" +
+        data.dateTime[1];
       this.listHeader = ["序号", "时间", "航班(班)", "环比(%)"];
     },
-    setTable (datas) {
-      this.tableListcop = _.chunk(datas, 10)
-      this.tableNewList = this.tableListcop[0]
-      this.total = datas.length
+    dubie(data) {
+      if (data.fttpId === DATACONTENT_ID.detailGnDeparture) {
+        this.formItems[2] = {
+          prop: "fttp",
+          inputType: "select",
+          placeholder: "指标分类",
+          clearable: true,
+          options: [
+            {
+              value: "流程节点缺失",
+              label: "流程节点缺失",
+            },
+            {
+              value: "流程节点缺失-无安检",
+              label: "流程节点缺失-无安检",
+            },
+            {
+              value: "流程节点缺失-无交接复核",
+              label: "流程节点缺失-无交接复核",
+            },
+            {
+              value: "全部",
+              label: "全部",
+            },
+          ],
+        };
+      } else if (data.fttpId === DATACONTENT_ID.detailGjDeparture) {
+        this.formItems[2] = {
+          prop: "fttp",
+          inputType: "select",
+          placeholder: "指标分类",
+          clearable: true,
+          options: [
+            {
+              value: "流程节点缺失",
+              label: "流程节点缺失",
+            },
+            {
+              value: "流程节点缺失-无交接复核",
+              label: "流程节点缺失-无交接复核",
+            },
+            {
+              value: "全部",
+              label: "全部",
+            },
+          ],
+        };
+      } else if (data.fttpId === DATACONTENT_ID.detailGnArrival) {
+        this.formItems[2] = {
+          prop: "fttp",
+          inputType: "select",
+          placeholder: "指标分类",
+          clearable: true,
+          options: [
+            {
+              value: "流程节点缺失",
+              label: "流程节点缺失",
+            },
+            {
+              value: "流程节点缺失-无到达",
+              label: "流程节点缺失-无到达",
+            },
+            {
+              value: "流程节点缺失-无货站交接",
+              label: "流程节点缺失-无货站交接",
+            },
+            {
+              value: "全部",
+              label: "全部",
+            },
+          ],
+        };
+      } else if (data.fttpId === DATACONTENT_ID.detailGjArrival) {
+        this.formItems[2] = {
+          prop: "fttp",
+          inputType: "select",
+          placeholder: "指标分类",
+          clearable: true,
+          options: [
+            {
+              value: "流程节点缺失",
+              label: "流程节点缺失",
+            },
+            {
+              value: "流程节点缺失-无货站交接",
+              label: "流程节点缺失-无货站交接",
+            },
+            {
+              value: "全部",
+              label: "全部",
+            },
+          ],
+        };
+      }
+    },
+    setTable(datas) {
+      this.tableListcop = _.chunk(datas, 10);
+      this.tableNewList = this.tableListcop[0];
+      this.total = datas.length;
     },
-    fore (data) {
+    fore(data) {
       switch (data.fttpId) {
         case 52233:
           this.formItems[3].options = [
             {
-              label: '货邮检查一大队',
-              value: '货邮检查一大队'
+              label: "货邮检查一大队",
+              value: "货邮检查一大队",
             },
             {
-              label: '运输部（万事通）',
-              value: '运输部（万事通）'
+              label: "运输部（万事通）",
+              value: "运输部（万事通）",
             },
             {
-              label: '装卸部（美华）',
-              value: '装卸部（美华）'
+              label: "装卸部（美华）",
+              value: "装卸部（美华）",
             },
             {
               value: "全部",
               label: "全部",
             },
-          ]
+          ];
           break;
         case 52234:
           this.formItems[3].options = [
             {
-              label: '国内进港部',
-              value: '国内进港部'
+              label: "国内进港部",
+              value: "国内进港部",
             },
             {
-              label: '运输部（万事通）',
-              value: '运输部（万事通）'
+              label: "运输部（万事通）",
+              value: "运输部（万事通）",
             },
             {
-              label: '装卸部（美华）',
-              value: '装卸部（美华）'
+              label: "装卸部（美华）",
+              value: "装卸部（美华）",
             },
             {
               value: "全部",
               label: "全部",
             },
-          ]
+          ];
           break;
         case 52235:
           this.formItems[3].options = [
             {
-              label: '龙略',
-              value: '龙略'
+              label: "龙略",
+              value: "龙略",
             },
             {
               value: "全部",
               label: "全部",
             },
-          ]
+          ];
           break;
         case 52236:
           this.formItems[3].options = [
             {
-              label: '操作二部',
-              value: '操作二部'
+              label: "操作二部",
+              value: "操作二部",
             },
             {
-              label: '货机装载组',
-              value: '货机装载组'
+              label: "货机装载组",
+              value: "货机装载组",
             },
             {
-              label: '龙略',
-              value: '龙略'
+              label: "龙略",
+              value: "龙略",
             },
             {
               value: "全部",
               label: "全部",
             },
-          ]
+          ];
           break;
         default:
           this.formItems[3].options = [
             {
-              label: '货邮检查一大队',
-              value: '货邮检查一大队'
+              label: "货邮检查一大队",
+              value: "货邮检查一大队",
             },
             {
-              label: '运输部（万事通）',
-              value: '运输部（万事通）'
+              label: "运输部（万事通）",
+              value: "运输部（万事通）",
             },
             {
-              label: '装卸部（美华）',
-              value: '装卸部（美华）'
+              label: "装卸部（美华）",
+              value: "装卸部（美华）",
             },
             {
               value: "全部",
               label: "全部",
             },
-          ]
+          ];
           break;
       }
     },
     //获取表格数据
-    async getQuery (id, data, dat) {
-      this.loading = true
+    async getQuery(id, data, dat) {
+      this.loading = true;
       try {
         const { code, returnData } = await Query({
           id: id,
@@ -467,19 +624,26 @@ export default {
           this.tableData.time = [];
           this.tableData.data1 = [];
           this.tableData.data2 = [];
-          this.total = returnData.length
+          this.total = returnData.length;
           this.tableList = _.cloneDeep(returnData);
           this.tableListcop = _.chunk(_.cloneDeep(returnData), 10);
-          this.tableNewList = this.tableListcop[0]
-          this.loading = false
+          this.tableNewList = this.tableListcop[0];
+          this.loading = false;
           if (Object.keys(this.queryParams).length) {
-            const { typeName, flighttype, fd1, fd2, nodeName, nodeDep } = this.queryParams
-            const options = this.formItems[0].options
-            const frs = options.filter(item => item.label === typeName)
+            const {
+              typeName,
+              flighttype,
+              fd1,
+              fd2,
+              nodeName,
+              nodeDep,
+            } = this.queryParams;
+            const options = this.formItems[0].options;
+            const frs = options.filter((item) => item.label === typeName);
             if (frs) {
-              const fttpId = frs[0].value
-              this.formData.fttp = nodeName
-              this.formData.flighttype = nodeDep
+              const fttpId = frs[0].value;
+              this.formData.fttp = nodeName;
+              this.formData.flighttype = nodeDep;
               // const watchParams = {
               //   fttpId,
               //   flighttype: nodeDep,
@@ -489,32 +653,31 @@ export default {
             }
           }
         } else {
-          this.loading = false
-          console.log(code)
+          this.loading = false;
+          console.log(code);
         }
       } catch (error) {
-        this.loading = false
+        this.loading = false;
         this.page--;
       }
     },
     //导出
-    tableToExcel (refName) {
+    tableToExcel(refName) {
       if (this.tableList.length) {
         import("@/utils/Export2Excel").then((excel) => {
           const table = this.$refs[refName].$el.cloneNode(true);
           const fileName = `${this.listname}.xlsx`;
-          exportToExcel(table, '运单节点明细统计', fileName);
+          exportToExcel(table, "运单节点明细统计", fileName);
         });
       } else {
-        this.$message.error('暂无数据')
+        this.$message.error("暂无数据");
       }
-
     },
     //分页
-    currentChange (page) {
-      this.tableNewList = this.tableListcop[page - 1]
+    currentChange(page) {
+      this.tableNewList = this.tableListcop[page - 1];
     },
-    upset (data) {
+    upset(data) {
       this.picShow = data;
     },
   },