样式

src/views/statisticalanalysis/Internationaladvance/index.vue

@@ -245,7 +245,7 @@ export default {
   }
   .variable {
     width: 100%;
-    height: 64px;
+    height: 52px;
   }
   .echart {
     width: 100%;

src/views/statisticalanalysis/Internationalexport/index.vue

@@ -255,7 +255,7 @@ export default {
   }
   .variable {
     width: 100%;
-    height: 64px;
+    height: 52px;
   }
   .echart {
     width: 100%;

src/views/statisticalanalysis/cargoflight/index.vue

@@ -17,17 +17,30 @@
         @upset="upset"
       />
     </div>
-    <div class="echart">
-      <Tableformbrs :tableList="tableList" action="10" :set="set" />
-      <!-- <Tableformbrs
-        :tableList="tableLister"
-        action="11"
+    <div
+      class="echart"
+      :style="
+        tableList.length > 0 ? 'background:rgba(0,0,0,0)' : 'background:#ffffff'
+      "
+    >
+      <Tableformbrs
+        :tableList="
+          tableList.slice((currentPage - 1) * pagesize, currentPage * pagesize)
+        "
+        action="10"
         :set="set"
-        style="margin-top: 10px"
       />
-      <div class="imgechatr">
-        <Echarts :id="dataid" :option="echartsData" />
-      </div> -->
+      <el-pagination
+        background
+        v-if="tableList.length > 0"
+        @size-change="handleSizeChange"
+        @current-change="handleCurrentChange"
+        layout="prev, pager, next, jumper"
+        :total="total"
+        :page-size="pagesize"
+        style="position: absolute; right: 0; bottom: 0"
+      >
+      </el-pagination>
     </div>
   </div>
 </template>
@@ -42,6 +55,9 @@ export default {
   name: "ChartsBar",
   data() {
     return {
+      currentPage: 1,
+      pagesize: 9,
+      total: 0,
       asShow: false,
       optiondata: [],
       picShow: true, //图片表格切换
@@ -122,6 +138,12 @@ export default {
   },
   destroyed() {},
   methods: {
+    handleSizeChange(val) {
+      this.pagesize = val;
+    },
+    handleCurrentChange(val) {
+      this.currentPage = val;
+    },
     getFormData(data) {
       this.tableData.time = [];
       this.tableData.data1 = [];
@@ -195,6 +217,12 @@ export default {
           this.tableList.forEach((item, index) => {
             item.indexs = index + 1;
           });
+          this.total = this.tableList.length;
+          for (let i = 0; i < 10; i++) {
+            if (!this.tableList[i]) {
+              this.tableList.push({});
+            }
+          }
           this.tableListcop.forEach((item, index) => {
             item.indexs = index + 1;
           });
@@ -377,6 +405,9 @@ export default {
 <style lang="scss" scoped>
 .airportInfo {
   position: relative;
+  :deep(.el-pagination.is-background .el-pager li:not(.is-disabled).is-active) {
+    background-color: #ac014d !important; //修改默认的背景色
+  }
   .header {
     width: 103%;
     height: 36px;
@@ -409,14 +440,14 @@ export default {
   }
   .variable {
     width: 100%;
-    height: 64px;
+    height: 52px;
   }
   .echart {
     width: 100%;
     height: 746px;
     position: absolute;
-    background: #ffffff;
-    box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.1);
+    // background: #ffffff;
+    // box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.1);
     border-radius: 4px;
     > .imgechatr {
       width: 100%;

src/views/statisticalanalysis/cargoperiod/index.vue

@@ -453,7 +453,7 @@ export default {
   }
   .variable {
     width: 100%;
-    height: 64px;
+    height: 52px;
   }
   .echart {
     width: 100%;
@@ -464,7 +464,7 @@ export default {
     border-radius: 4px;
     > .imgechatr {
       width: 100%;
-      height: 73%;
+      height: 66%;
       position: absolute;
       bottom: 0;
     }

src/views/statisticalanalysis/cargovolume/index.vue

@@ -198,6 +198,11 @@ export default {
           this.tableList.forEach((item, index) => {
             item.indexs = index + 1;
           });
+          for (let i = 0; i < 10; i++) {
+            if (!this.tableList[i]) {
+              this.tableList.push({});
+            }
+          }
           this.tableListcop.forEach((item, index) => {
             item.indexs = index + 1;
           });
@@ -309,7 +314,7 @@ export default {
   }
   .variable {
     width: 100%;
-    height: 64px;
+    height: 52px;
   }
   .echart {
     width: 100%;

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

@@ -83,3 +83,8 @@ export default {
   },
 };
 </script>
+<style lang="scss" scoped>
+.ChartsBar {
+  background: #ffffff;
+}
+</style>

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

@@ -515,8 +515,8 @@ export default {
 
 <style lang="scss" scoped>
 .flight-statistics-header {
-  padding-top: 24px;
-  min-height: 80px;
+  // padding-top: 24px;
+  // min-height: 80px;
   display: flex;
   justify-content: space-between;
   align-items: flex-start;

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

@@ -11,16 +11,17 @@
           :data="tableList"
           style="width: 100%"
           :row-style="rowStyle"
+          :header-row-style="rowStyle"
           :style="dataTableContentStyle"
           height="calc(100vh - 190px)"
           max-height="calc(100vh - 190px)"
           :stripe="tableProps.stripe"
-          :border="tableProps.border"
           :row-key="tableProps.rowKey"
           :highlight-current-row="tableProps.highlightCurrentRow"
           :header-cell-class-name="tableProps.headerCellClassName"
           :tooltip-effect="tableProps.tooltipEffect"
           :show-summary="tableProps.showSummary"
+          :header-cell-style="{ background: '#F9FAFC' }"
         >
           <el-table-column
             prop="indexs"
@@ -50,16 +51,17 @@
           :data="tableList"
           style="width: 100%"
           :row-style="rowStyle"
+          :header-row-style="rowStyle"
           :style="dataTableContentStyle"
           height="calc(100vh - 190px)"
           max-height="calc(100vh - 190px)"
           :stripe="tableProps.stripe"
-          :border="tableProps.border"
           :row-key="tableProps.rowKey"
           :highlight-current-row="tableProps.highlightCurrentRow"
           :header-cell-class-name="tableProps.headerCellClassName"
           :tooltip-effect="tableProps.tooltipEffect"
           :show-summary="tableProps.showSummary"
+          :header-cell-style="{ background: '#F9FAFC' }"
         >
           <el-table-column
             prop="indexs"
@@ -89,16 +91,17 @@
           :data="tableList"
           style="width: 100%"
           :row-style="rowStyle"
+          :header-row-style="rowStyle"
           :style="dataTableContentStyle"
           height="calc(100vh - 190px)"
           max-height="calc(100vh - 190px)"
           :stripe="tableProps.stripe"
-          :border="tableProps.border"
           :row-key="tableProps.rowKey"
           :highlight-current-row="tableProps.highlightCurrentRow"
           :header-cell-class-name="tableProps.headerCellClassName"
           :tooltip-effect="tableProps.tooltipEffect"
           :show-summary="tableProps.showSummary"
+          :header-cell-style="{ background: '#F9FAFC' }"
         >
           <el-table-column
             prop="indexs"
@@ -135,16 +138,17 @@
           :data="tableList"
           style="width: 100%"
           :row-style="rowStyle"
+          :header-row-style="rowStyle"
           :style="dataTableContentStyle"
           height="calc(100vh - 190px)"
           max-height="calc(100vh - 190px)"
           :stripe="tableProps.stripe"
-          :border="tableProps.border"
           :row-key="tableProps.rowKey"
           :highlight-current-row="tableProps.highlightCurrentRow"
           :header-cell-class-name="tableProps.headerCellClassName"
           :tooltip-effect="tableProps.tooltipEffect"
           :show-summary="tableProps.showSummary"
+          :header-cell-style="{ background: '#F9FAFC' }"
         >
           <el-table-column
             prop="indexs"
@@ -174,17 +178,18 @@
           :data="tableList"
           style="width: 100%"
           :row-style="rowStyle"
+          :header-row-style="rowStyle"
           :style="dataTableContentStyle"
           height="calc(100vh - 190px)"
           max-height="calc(100vh - 190px)"
           :stripe="tableProps.stripe"
-          :border="tableProps.border"
           :row-key="tableProps.rowKey"
           :highlight-current-row="tableProps.highlightCurrentRow"
           :header-cell-class-name="tableProps.headerCellClassName"
           :tooltip-effect="tableProps.tooltipEffect"
           :show-summary="tableProps.showSummary"
           :summary-method="totalOutPrice"
+          :header-cell-style="{ background: '#F9FAFC' }"
         >
           <el-table-column
             prop="indexs"
@@ -260,16 +265,17 @@
           :data="tableList"
           style="width: 100%"
           :row-style="rowStyle"
+          :header-row-style="rowStyle"
           :style="dataTableContentStyle"
-          height="calc(100vh - 190px)"
-          max-height="calc(100vh - 190px)"
+          height="calc(100vh - 216px)"
+          max-height="calc(100vh - 216px)"
           :stripe="tableProps.stripe"
-          :border="tableProps.border"
           :row-key="tableProps.rowKey"
           :highlight-current-row="tableProps.highlightCurrentRow"
           :header-cell-class-name="tableProps.headerCellClassName"
           :tooltip-effect="tableProps.tooltipEffect"
           :summary-method="totalOutPrice"
+          :header-cell-style="{ background: '#F9FAFC' }"
         >
           <el-table-column
             prop="indexs"
@@ -355,17 +361,18 @@
           :data="tableList"
           style="width: 100%"
           :row-style="rowStyle"
+          :header-row-style="rowStyle"
           :style="dataTableContentStyle"
-          height="calc(100vh - 190px)"
-          max-height="calc(100vh - 190px)"
+          height="calc(100vh - 236px)"
+          max-height="calc(100vh - 236px)"
           :stripe="tableProps.stripe"
-          :border="tableProps.border"
           :row-key="tableProps.rowKey"
           :highlight-current-row="tableProps.highlightCurrentRow"
           :header-cell-class-name="tableProps.headerCellClassName"
           :tooltip-effect="tableProps.tooltipEffect"
           :summary-method="totalOutPrice"
           :show-summary="tableProps.showSummary"
+          :header-cell-style="{ background: '#F9FAFC' }"
         >
           <el-table-column
             prop="indexs"
@@ -472,17 +479,18 @@
           :data="tableList"
           style="width: 100%"
           :row-style="rowStyle"
+          :header-row-style="rowStyle"
           :style="dataTableContentStyle"
-          height="calc(100vh - 190px)"
-          max-height="calc(100vh - 190px)"
+          height="calc(100vh - 236px)"
+          max-height="calc(100vh - 236px)"
           :stripe="tableProps.stripe"
-          :border="tableProps.border"
           :row-key="tableProps.rowKey"
           :highlight-current-row="tableProps.highlightCurrentRow"
           :header-cell-class-name="tableProps.headerCellClassName"
           :tooltip-effect="tableProps.tooltipEffect"
           :summary-method="totalOutPrice"
           :show-summary="tableProps.showSummary"
+          :header-cell-style="{ background: '#F9FAFC' }"
         >
           <el-table-column
             prop="indexs"
@@ -561,17 +569,18 @@
           :data="tableList"
           style="width: 100%"
           :row-style="rowStyle"
+          :header-row-style="rowStyle"
           :style="dataTableContentStyle"
-          height="calc(100vh - 190px)"
-          max-height="calc(100vh - 190px)"
+          height="calc(100vh - 236px)"
+          max-height="calc(100vh - 236px)"
           :stripe="tableProps.stripe"
-          :border="tableProps.border"
           :row-key="tableProps.rowKey"
           :highlight-current-row="tableProps.highlightCurrentRow"
           :header-cell-class-name="tableProps.headerCellClassName"
           :tooltip-effect="tableProps.tooltipEffect"
           :summary-method="totalOutPrice"
           :show-summary="tableProps.showSummary"
+          :header-cell-style="{ background: '#F9FAFC' }"
         >
           <el-table-column
             prop="indexs"
@@ -692,17 +701,18 @@
           :data="tableList"
           style="width: 100%"
           :row-style="rowStyle"
+          :header-row-style="rowStyle"
           :style="dataTableContentStyle"
-          height="calc(100vh - 190px)"
-          max-height="calc(100vh - 190px)"
+          height="calc(100vh - 236px)"
+          max-height="calc(100vh - 236px)"
           :stripe="tableProps.stripe"
-          :border="tableProps.border"
           :row-key="tableProps.rowKey"
           :highlight-current-row="tableProps.highlightCurrentRow"
           :header-cell-class-name="tableProps.headerCellClassName"
           :tooltip-effect="tableProps.tooltipEffect"
           :summary-method="totalOutPrice"
           :show-summary="tableProps.showSummary"
+          :header-cell-style="{ background: '#F9FAFC' }"
         >
           <el-table-column
             prop="indexs"
@@ -788,17 +798,18 @@
           :data="tableList"
           style="width: 100%"
           :row-style="rowStyle"
+          :header-row-style="rowStyle"
           :style="dataTableContentStyle"
-          height="calc(100vh - 190px)"
-          max-height="calc(100vh - 190px)"
+          height="calc(100vh - 236px)"
+          max-height="calc(100vh - 236px)"
           :stripe="tableProps.stripe"
-          :border="tableProps.border"
           :row-key="tableProps.rowKey"
           :highlight-current-row="tableProps.highlightCurrentRow"
           :header-cell-class-name="tableProps.headerCellClassName"
           :tooltip-effect="tableProps.tooltipEffect"
           :summary-method="totalOutPrice"
           :show-summary="tableProps.showSummary"
+          :header-cell-style="{ background: '#F9FAFC' }"
         >
           <el-table-column
             prop="indexs"
@@ -884,17 +895,17 @@
           :data="tableList"
           style="width: 100%"
           :row-style="rowStyle"
+          :header-row-style="rowStyle"
           :style="dataTableContentStyle"
-          height="calc(40vh - 190px)"
-          max-height="calc(40vh - 190px)"
-          :stripe="tableProps.stripe"
-          :border="tableProps.border"
+          height="calc(47vh - 190px)"
+          max-height="calc(47vh - 190px)"
           :row-key="tableProps.rowKey"
           :highlight-current-row="tableProps.highlightCurrentRow"
           :header-cell-class-name="tableProps.headerCellClassName"
           :tooltip-effect="tableProps.tooltipEffect"
           :summary-method="totalOutPrice"
           :show-summary="tableProps.showSummary"
+          :header-cell-style="{ background: '#F9FAFC' }"
         >
           <el-table-column
             prop="indexs"
@@ -1091,20 +1102,30 @@
       <SimpleTable
         v-show="tableList.length && action == 12"
         ref="tableRef"
-        height="calc(100vh - 190px)"
+        height="calc(100vh - 236px)"
         :data="tableList"
         :columns="tableColumn"
         :summary-method="totalOutPrice"
         :show-summary="tableProps.showSummary"
+        :stripe="tableProps.stripe"
+        :row-style="rowStyle"
+        :header-row-style="rowStyle"
+        :border="false"
+        :header-cell-style="{ background: '#F9FAFC' }"
       />
       <SimpleTable
         v-show="tableList.length && action == 13"
         ref="tableRef"
-        height="calc(100vh - 190px)"
+        height="calc(100vh - 236px)"
         :data="tableList"
         :columns="tableColumns"
         :summary-method="totalOutPrice"
         :show-summary="tableProps.showSummary"
+        :stripe="tableProps.stripe"
+        :row-style="rowStyle"
+        :header-row-style="rowStyle"
+        :border="false"
+        :header-cell-style="{ background: '#F9FAFC' }"
       />
     </div>
   </div>
@@ -1135,14 +1156,14 @@ export default {
     return {
       loading: false,
       rowStyle: {
-        height: "50px",
+        height: "60px",
         fontSize: "14px",
         color: "#101116",
       },
       tableProps: {
         height: "100%",
         maxHeight: "100%",
-        stripe: true,
+        stripe: false,
         border: true,
         highlightCurrentRow: false,
         rowClassName: "rowClass",
@@ -1353,6 +1374,9 @@ export default {
       });
       return sums;
     },
+    tabRowClassName({ row, rowIndex }) {
+      return "warning-row";
+    },
     //滚动分页加载
     // load  () {
     //   this.$emit("load", true);
@@ -1364,6 +1388,19 @@ export default {
 };
 </script>
 <style lang="scss" scoped>
+:deep .warning-row {
+  background-color: #f9fafc !important;
+}
+:deep .warning-rows {
+  background-color: #ffffff !important;
+}
+:deep .el-table__footer {
+  height: 60px;
+}
+.data-table {
+  background: #ffffff;
+  position: relative;
+}
 .el-table {
   display: flex;
   flex-direction: column;

src/views/statisticalanalysis/domesticdeparture/index.vue

@@ -17,8 +17,30 @@
         @upset="upset"
       />
     </div>
-    <div class="echart">
-      <Tableformbrs :tableList="tableList" :action="action" :set="set" />
+    <div
+      class="echart"
+      :style="
+        tableList.length > 0 ? 'background:rgba(0,0,0,0)' : 'background:#ffffff'
+      "
+    >
+      <Tableformbrs
+        :tableList="
+          tableList.slice((currentPage - 1) * pagesize, currentPage * pagesize)
+        "
+        :action="action"
+        :set="set"
+      />
+      <el-pagination
+        background
+        v-if="tableList.length > 0"
+        @size-change="handleSizeChange"
+        @current-change="handleCurrentChange"
+        layout="prev, pager, next, jumper"
+        :total="total"
+        :page-size="pagesize"
+        style="position: absolute; right: 0; bottom: 0"
+      >
+      </el-pagination>
     </div>
   </div>
 </template>
@@ -33,6 +55,9 @@ export default {
   name: "ChartsBar",
   data() {
     return {
+      currentPage: 1,
+      pagesize: 9,
+      total: 0,
       asShow: false,
       optiondata: [],
       picShow: true, //图片表格切换
@@ -111,6 +136,12 @@ export default {
   },
   destroyed() {},
   methods: {
+    handleSizeChange(val) {
+      this.pagesize = val;
+    },
+    handleCurrentChange(val) {
+      this.currentPage = val;
+    },
     getFormData(data) {
       this.tableData.time = [];
       this.tableData.data1 = [];
@@ -164,9 +195,15 @@ export default {
           this.tableData.data2 = [];
           this.tableList = JSON.parse(JSON.stringify(returnData.listValues));
           this.tableListcop = JSON.parse(JSON.stringify(returnData.listValues));
+          this.total = this.tableList.length;
           this.tableList.forEach((item, index) => {
             item.indexs = index + 1;
           });
+          for (let i = 0; i < 9; i++) {
+            if (!this.tableList[i]) {
+              this.tableList.push({});
+            }
+          }
           this.tableListcop.forEach((item, index) => {
             item.indexs = index + 1;
           });
@@ -259,6 +296,9 @@ export default {
 <style lang="scss" scoped>
 .airportInfo {
   position: relative;
+  :deep(.el-pagination.is-background .el-pager li:not(.is-disabled).is-active) {
+    background-color: #ac014d !important; //修改默认的背景色
+  }
   .header {
     width: 103%;
     height: 36px;
@@ -291,14 +331,14 @@ export default {
   }
   .variable {
     width: 100%;
-    height: 64px;
+    height: 52px;
   }
   .echart {
     width: 100%;
     height: 746px;
     position: absolute;
-    background: #ffffff;
-    box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.1);
+    // background: #ffffff;
+    // box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.1);
     border-radius: 4px;
   }
 }

src/views/statisticalanalysis/domesticentry/index.vue

@@ -243,7 +243,7 @@ export default {
   }
   .variable {
     width: 100%;
-    height: 64px;
+    height: 52px;
   }
   .echart {
     width: 100%;

src/views/statisticalanalysis/domesticinbound/index.vue

@@ -17,8 +17,30 @@
         @upset="upset"
       />
     </div>
-    <div class="echart">
-      <Tableformbrs :tableList="tableList" :action="action" :set="set" />
+    <div
+      class="echart"
+      :style="
+        tableList.length > 0 ? 'background:rgba(0,0,0,0)' : 'background:#ffffff'
+      "
+    >
+      <Tableformbrs
+        :tableList="
+          tableList.slice((currentPage - 1) * pagesize, currentPage * pagesize)
+        "
+        :action="action"
+        :set="set"
+      />
+      <el-pagination
+        background
+        v-if="tableList.length > 0"
+        @size-change="handleSizeChange"
+        @current-change="handleCurrentChange"
+        layout="prev, pager, next, jumper"
+        :total="total"
+        :page-size="pagesize"
+        style="position: absolute; right: 0; bottom: 0"
+      >
+      </el-pagination>
     </div>
   </div>
 </template>
@@ -33,6 +55,10 @@ export default {
   name: "ChartsBar",
   data() {
     return {
+      currentPage: 1,
+      pagesize: 11,
+      total: 0,
+      tableDatas: [],
       asShow: false,
       optiondata: [],
       picShow: true, //图片表格切换
@@ -81,6 +107,12 @@ export default {
   },
   destroyed() {},
   methods: {
+    handleSizeChange(val) {
+      this.pagesize = val;
+    },
+    handleCurrentChange(val) {
+      this.currentPage = val;
+    },
     getFormData(data) {
       this.tableData.time = [];
       this.tableData.data1 = [];
@@ -121,6 +153,7 @@ export default {
           this.tableData.data2 = [];
           this.tableList = JSON.parse(JSON.stringify(returnData.listValues));
           this.tableListcop = JSON.parse(JSON.stringify(returnData.listValues));
+          this.total = this.tableList.length;
           this.tableList.forEach((item, index) => {
             item.indexs = index + 1;
           });
@@ -207,6 +240,9 @@ export default {
 <style lang="scss" scoped>
 .airportInfo {
   position: relative;
+  :deep(.el-pagination.is-background .el-pager li:not(.is-disabled).is-active) {
+    background-color: #ac014d !important; //修改默认的背景色
+  }
   .header {
     width: 103%;
     height: 36px;
@@ -239,14 +275,14 @@ export default {
   }
   .variable {
     width: 100%;
-    height: 64px;
+    height: 52px;
   }
   .echart {
     width: 100%;
-    height: 746px;
+    height: 766px;
     position: absolute;
-    background: #ffffff;
-    box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.1);
+    // background: #ffffff;
+    // box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.1);
     border-radius: 4px;
   }
 }

src/views/statisticalanalysis/flightvolume/index.vue

@@ -226,6 +226,11 @@ export default {
           this.tableList.forEach((item, index) => {
             item.indexs = index + 1;
           });
+          for (let i = 0; i < 10; i++) {
+            if (!this.tableList[i]) {
+              this.tableList.push({});
+            }
+          }
           this.tableListcop.forEach((item, index) => {
             item.indexs = index + 1;
           });
@@ -339,7 +344,7 @@ export default {
   }
   .variable {
     width: 100%;
-    height: 64px;
+    height: 52px;
   }
   .echart {
     width: 100%;

src/views/statisticalanalysis/gantryframe/index.vue

@@ -17,13 +17,31 @@
         @upset="upset"
       />
     </div>
-    <div class="echart">
+    <div
+      class="echart"
+      :style="
+        tableList.length > 0 ? 'background:rgba(0,0,0,0)' : 'background:#ffffff'
+      "
+    >
       <Tableformbrs
-        :tableList="tableList"
+        :tableList="
+          tableList.slice((currentPage - 1) * pagesize, currentPage * pagesize)
+        "
         :action="changing"
         :set="set"
         :listall="listall"
       />
+      <el-pagination
+        background
+        v-if="tableList.length > 0"
+        @size-change="handleSizeChange"
+        @current-change="handleCurrentChange"
+        layout="prev, pager, next, jumper"
+        :total="total"
+        :page-size="pagesize"
+        style="position: absolute; right: 0; bottom: 0"
+      >
+      </el-pagination>
     </div>
   </div>
 </template>
@@ -38,6 +56,9 @@ export default {
   name: "ChartsBar",
   data() {
     return {
+      currentPage: 1,
+      pagesize: 9,
+      total: 0,
       changing: "12",
       asShow: false,
       optiondata: [],
@@ -116,6 +137,12 @@ export default {
   },
   destroyed() {},
   methods: {
+    handleSizeChange(val) {
+      this.pagesize = val;
+    },
+    handleCurrentChange(val) {
+      this.currentPage = val;
+    },
     getFormData(data) {
       this.listall.piclvall = 0;
       this.listall.acclvall = 0;
@@ -188,6 +215,12 @@ export default {
           this.tableData.data2 = [];
           this.tableList = JSON.parse(JSON.stringify(returnData.listValues));
           this.tableListcop = JSON.parse(JSON.stringify(returnData.listValues));
+          this.total = this.tableList.length;
+          for (let i = 0; i < 9; i++) {
+            if (!this.tableList[i]) {
+              this.tableList.push({});
+            }
+          }
           this.tableList.forEach((item, index) => {
             item.reCodeNum = item.reCodeNum ? item.reCodeNum : 0;
             item.codeNum = item.codeNum ? item.codeNum : 0;
@@ -397,6 +430,9 @@ export default {
 <style lang="scss" scoped>
 .airportInfo {
   position: relative;
+  :deep(.el-pagination.is-background .el-pager li:not(.is-disabled).is-active) {
+    background-color: #ac014d !important; //修改默认的背景色
+  }
   .header {
     width: 103%;
     height: 36px;
@@ -429,14 +465,14 @@ export default {
   }
   .variable {
     width: 100%;
-    height: 64px;
+    height: 52px;
   }
   .echart {
     width: 100%;
     height: 746px;
     position: absolute;
-    background: #ffffff;
-    box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.1);
+    // background: #ffffff;
+    // box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.1);
     border-radius: 4px;
   }
 }

src/views/statisticalanalysis/loadingweight/index.vue

@@ -190,6 +190,11 @@ export default {
           this.tableList.forEach((item, index) => {
             item.indexs = index + 1;
           });
+          for (let i = 0; i < 10; i++) {
+            if (!this.tableList[i]) {
+              this.tableList.push({});
+            }
+          }
           this.tableListcop.forEach((item, index) => {
             item.indexs = index + 1;
           });
@@ -301,7 +306,7 @@ export default {
   }
   .variable {
     width: 100%;
-    height: 64px;
+    height: 52px;
   }
   .echart {
     width: 100%;

src/views/statisticalanalysis/pickingstatistics/index.vue

@@ -226,6 +226,11 @@ export default {
           this.tableList.forEach((item, index) => {
             item.indexs = index + 1;
           });
+          for (let i = 0; i < 10; i++) {
+            if (!this.tableList[i]) {
+              this.tableList.push({});
+            }
+          }
           this.tableListcop.forEach((item, index) => {
             item.indexs = index + 1;
           });
@@ -407,7 +412,7 @@ export default {
   }
   .variable {
     width: 100%;
-    height: 64px;
+    height: 52px;
   }
   .echart {
     width: 100%;

src/views/statisticalanalysis/specialGoodsStatistics/index.vue

@@ -268,6 +268,11 @@ export default {
           this.tableList.forEach((item, index) => {
             item.indexs = index + 1;
           });
+          for (let i = 0; i < 10; i++) {
+            if (!this.tableList[i]) {
+              this.tableList.push({});
+            }
+          }
           this.tableListcop.forEach((item, index) => {
             item.indexs = index + 1;
           });
@@ -393,7 +398,7 @@ export default {
   }
   .variable {
     width: 100%;
-    height: 64px;
+    height: 52px;
   }
   .echart {
     width: 100%;

src/views/statisticalanalysis/specialgoods/index.vue

@@ -839,7 +839,7 @@ export default {
   }
   .variable {
     width: 100%;
-    height: 64px;
+    height: 52px;
   }
   .echart {
     width: 100%;