应付应收统计表格调整

src/views/Report/StatisticalReport/FeeMeetReport.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="container" style="width: 99%; margin-top: 0px">
-    <templateTable custom :formList="formList" ref="templateTable" @handleResetForm="resetform"
+    <templateTable custom :formList="formList" class="invoiceAnd" ref="templateTable" @handleResetForm="resetform"
       :tableConfig="tableConfig" :data="tableData" @findPage="findPage" @handleSearchList="handleSearchList" @getList="getList">
       <template slot="companyId">
         <el-select v-model="pageData.companyId" clearable placeholder="选择险种" size="small">
@@ -40,35 +40,36 @@ export default {
             type: "text"
           },
           {
-            prop: "syPremium",
-            label: "商业险保费",
+            prop: "jqPremium",
+            label: "交强险保费",
             type: "text"
           },
           {
-            prop: "syExportSuperviseCostsPremiums",
-            label: "商业出口手续费",
+            prop: "jqExportSuperviseCostsPremiums",
+            label: "交强出口手续费",
             type: "text"
           },
           {
-            prop: "syExportOtherCostsPremiums",
-            label: "商业出口跟单费",
+            prop: "jqExportOtherCostsPremiums",
+            label: "交强出口跟单费",
             type: "text"
           },
           {
-            prop: "jqPremium",
-            label: "交强险保费",
+            prop: "syPremium",
+            label: "商业险保费",
             type: "text"
           },
           {
-            prop: "jqExportSuperviseCostsPremiums",
-            label: "交强出口手续费",
+            prop: "syExportSuperviseCostsPremiums",
+            label: "商业出口手续费",
             type: "text"
           },
           {
-            prop: "jqExportOtherCostsPremiums",
-            label: "交强出口跟单费",
+            prop: "syExportOtherCostsPremiums",
+            label: "商业出口跟单费",
             type: "text"
           },
+          
           {
             prop: "noPremium",
             label: "非车险保费",
@@ -98,6 +99,8 @@ export default {
         ],
         operationWidth: '180',
         loading: true,
+        showSummary: true,
+        tableHeight: "none",
         // isPaginationShow: true,
         // optBtns: [
         //   {
@@ -145,6 +148,14 @@ export default {
 }
 </script>
 
-<style>
-
+<style lang="scss" scoped>
+.invoiceAnd >>> .el-table__body-wrapper {
+  overflow-y: auto !important;
+  height: auto !important;
+}
+.imageclass {
+  max-width: 100px;
+  max-height: 50px;
+  text-align: center;
+}
 </style>

src/views/Report/StatisticalReport/FeeReceivableReport.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="container" style="width: 99%; margin-top: 0px">
-    <templateTable custom :formList="formList" ref="templateTable" @handleResetForm="resetform"
+    <templateTable custom :formList="formList" class="invoiceAnd" ref="templateTable" @handleResetForm="resetform"
       :tableConfig="tableConfig" :data="tableData" @findPage="findPage" @handleSearchList="handleSearchList" @getList="getList">
       <template slot="companyId">
         <el-select v-model="pageData.companyId" clearable placeholder="选择险种" size="small">
@@ -34,6 +34,11 @@ export default {
       ],
       tableConfig: {
         columns: [
+          {
+            prop: "inscompany",
+            label: "保险公司",
+            type: "text"
+          },
           {
             prop: "deptPremiumsLevel1",
             label: "一级部门费用",
@@ -59,11 +64,6 @@ export default {
             label: "五级部门费用",
             type: "text"
           },
-          {
-            prop: "inscompany",
-            label: "保险公司",
-            type: "text"
-          },
           {
             prop: "profitMarginPremiums",
             label: "营业外收入",
@@ -77,6 +77,8 @@ export default {
         ],
         operationWidth: '180',
         loading: true,
+        showSummary: true,
+        tableHeight: "none",
       },
       tableData: [],
       pageData: {
@@ -115,7 +117,14 @@ export default {
   },
 }
 </script>
-
-<style>
-
+<style lang="scss" scoped>
+.invoiceAnd >>> .el-table__body-wrapper {
+  overflow-y: auto !important;
+  height: auto !important;
+}
+.imageclass {
+  max-width: 100px;
+  max-height: 50px;
+  text-align: center;
+}
 </style>