财务管理-费用核对下面批次详情修改

config/dev.env.js

@@ -5,7 +5,7 @@ const prodEnv = require('./prod.env')
 module.exports = merge(prodEnv, {
   NODE_ENV: '"development"',
   ENV_CONFIG:'"dev"',
-  BASE_URL: '"http://39.98.239.48/web-api"',
-  // BASE_URL: '"http://192.168.0.111:8080/"' //测试服务器
+  // BASE_URL: '"http://39.98.239.48/web-api"',
+  BASE_URL: '"http://192.168.0.111:8080/"' //测试服务器
 
 })

src/views/FinancialManagement/CostVerification/Baosi.vue

@@ -43,30 +43,30 @@
             type="primary"
             @click="modifyFun(scope.row)"
           >修改</el-button>
-          <el-button
-            v-if="scope.row.importStatus == 1"
-            size="mini"
-            type="primary"
-            @click="deleteFun(scope.row)"
-          >删除</el-button>
           <div style="display: inline-block;">
             <el-upload
               class="upload"
               ref="reUpload"
               :show-file-list="false"
-            v-if="scope.row.importStatus == 0"
-              :limit="1"
+              v-if="scope.row.importStatus == 0"
               action="#"
               :http-request="reCarfrontChange"
               :multiple="false"
             >
               <el-button
+              style="margin-right:5px"
                 size="mini"
                 type="primary"
                 @click="reImportFun(scope.row)"
               >重新导入</el-button>
             </el-upload>
           </div>
+          <el-button
+            size="mini"
+            type="primary"
+            @click="deleteFun(scope.row)"
+          >删除</el-button>
+         
     </template>
     </templateTable>
     <el-dialog
@@ -134,11 +134,11 @@
       <div class="detailStyle">
         <el-row>
           <el-col :span="4">交强险保费：{{formDetailData.mlifta}}</el-col>
-          <el-col :span="4">手续费：</el-col>
+          <el-col :span="4">车船税：{{ formDetailData.vavt }}</el-col>
           <el-col :span="4">商业险保费：{{ formDetailData.cip }}</el-col>
-          <el-col :span="4">手续费：</el-col>
+          <el-col :span="4">其他保费：{{ formDetailData.other }}</el-col>
         </el-row>
-        <el-row style="margin:20px 0">
+        <!-- <el-row style="margin:20px 0">
           <el-col :span="4">车船税：{{ formDetailData.vavt }}</el-col>
           <el-col :span="4">手续费：</el-col>
           <el-col :span="4">其他保费：{{ formDetailData.other }}</el-col>
@@ -146,7 +146,7 @@
         </el-row>
         <el-row>
           <el-col :span="16" style="text-align: center;">合计手续费：</el-col>
-        </el-row>
+        </el-row> -->
       </div>
       <el-table
         size="small"
@@ -185,28 +185,22 @@
       width="60%"
       @close="closdialogBVatceVisible"
     >
-      <el-row style="margin-bottom:20px">
-        <el-col :span="8">批次号：{{ formBatchDetailData.batchNum }}</el-col>
-        <el-col :span="4">保险公司：中煤保险</el-col>
-        <el-col :span="8">保单号：{{ formBatchDetailData.policyNum }}</el-col>
-        <el-col :span="4">车牌号：{{ formBatchDetailData.plateNum }}</el-col>
-      </el-row>
-      <el-row>
-        <el-col :span="8">被保险人：{{ formBatchDetailData.insured }}</el-col>
-        <el-col :span="4">险种：{{ formBatchDetailData.insKindName }}</el-col>
-        <el-col :span="8">付款日期：{{ formBatchDetailData.payDate }}</el-col>
+    <el-row>
+        <el-col :span="6">批次号：{{ formBatchDetailData.batchNum }}</el-col>
+        <el-col :span="6">保险公司：{{ formBatchDetailData.insCompany }}</el-col>
+        <!-- <el-col :span="8">保单号：{{ formBatchDetailData.policyNum }}</el-col> -->
+        <el-col :span="6">车牌号：{{ formBatchDetailData.plateNum }}</el-col>
+        <el-col :span="6">被保险人：{{ formBatchDetailData.insured }}</el-col>
       </el-row>
-      <el-row style="margin:40px 0 20px 0">
-        <el-col :span="8">交强险保费：{{ formBatchDetailData.mlifta }}</el-col>
-        <el-col :span="4">手续费：{{ formBatchDetailData.other }}</el-col>
-        <el-col :span="8">商业险保费：{{ formBatchDetailData.cip }}</el-col>
-        <el-col :span="4">手续费：{{ formBatchDetailData.other }}</el-col>
+      <el-row style="margin:20px 0">
+        <el-col :span="6">交强险保费：{{ formBatchDetailData.mlifta }}</el-col>
+        <el-col :span="6">商业险保费：{{ formBatchDetailData.cip }}</el-col>
+        <el-col :span="6">车船税：{{ formBatchDetailData.vavt }}</el-col>
+        <el-col :span="6">其他保费：{{ formBatchDetailData.other }}</el-col>
       </el-row>
       <el-row>
-        <el-col :span="8">车船税：{{ formBatchDetailData.vavt }}</el-col>
-        <el-col :span="4">手续费：{{ formBatchDetailData.other }}</el-col>
-        <el-col :span="8">其他保费：{{ formBatchDetailData.other }}</el-col>
-        <el-col :span="4">手续费：{{ formBatchDetailData.other }}</el-col>
+        <el-col :span="6">险种：{{ formBatchDetailData.insCoverage }}</el-col>
+        <el-col :span="6">付款日期：{{ formBatchDetailData.payDate }}</el-col>
       </el-row>
     </el-dialog>
     <importDialog ref="importDialog" :InsCompanyList="InsCompanyList" @carfrontChange="carfrontChange"></importDialog>
@@ -218,9 +212,11 @@
 import importDialog from './components/importDialog.vue'
 import templateTable from '../../../components/TemplateTable/index.vue'
 import { mapState } from 'vuex'
+import {mixin} from "./components/mixins.js"
 
 export default {
   name: "baosi",
+  mixins: [ mixin ],
   components: { templateTable,importDialog },
   created() {
     this.$api.cost.gainTopList().then(res => {
@@ -310,10 +306,10 @@ export default {
         name:'模板下载',
         click: () => {return this.templateDownload()},
       },
-      {
-        name:'中煤、简易导入',
-        click: () => {return this.importFun()}
-      },
+      // {
+      //   name:'中煤、简易导入',
+      //   click: () => {return this.importFun()}
+      // },
       {
         name:'标准模板导入',
         click: () => {return this.standardImportFun()}
@@ -339,53 +335,7 @@ export default {
       formBatchDetailData: {},
       dialogVisible: false,
       dialogBVatchVisible: false,
-      columns: [
-        {
-          prop: "batchNum",
-          label: "批次号"
-        },
-        {
-          prop: "policyNum",
-          label: "保单号"
-        },
-        {
-          prop: "plateNum",
-          label: "车牌号"
-        },
-        {
-          prop: "insured",
-          label: "被保险人"
-        },
-        {
-          prop: "insKindName",
-          label: "险种"
-        },
-        {
-          prop: "mlifta",
-          label: "交强险保费"
-        },
-        {
-          prop: "vavt",
-          label: "车船税"
-        },
-        {
-          prop: "cip",
-          label: "商业保险费"
-        },
-        {
-          prop: "other",
-          label: "其他保费"
-        },
-        {
-          prop: "payDate",
-          label: "付款日期"
-        }
-      ],
       batchData: [],
-      pageRequest: {
-        pageNum: 1,
-        pageSize: 20
-      },
       dialogBVatch: false,
       fileList: []
     };
@@ -564,9 +514,10 @@ export default {
         } else {
           this.$message.error(res.msg);
         }
-      });
+      }).catch(({err}) => {
+          console.log(err,1111)
+            });
     },
-   
     tablePageChange(val) {
       this.queryFrom.pageSize = val;
       this.getList();

src/views/FinancialManagement/CostVerification/Channel.vue

@@ -110,7 +110,6 @@
               class="upload"
               ref="reUpload"
               :show-file-list="false"
-              :limit="1"
               action="#"
               :http-request="reCarfrontChange"
               :multiple="false"
@@ -201,11 +200,11 @@
       <div class="detailStyle">
         <el-row>
           <el-col :span="4">交强险保费：{{formDetailData.mlifta}}</el-col>
-          <el-col :span="4">手续费：</el-col>
+          <el-col :span="4">车船税：{{ formDetailData.vavt }}</el-col>
           <el-col :span="4">商业险保费：{{ formDetailData.cip }}</el-col>
-          <el-col :span="4">手续费：</el-col>
+          <el-col :span="4">其他保费：{{ formDetailData.other }}</el-col>
         </el-row>
-        <el-row style="margin:20px 0">
+        <!-- <el-row style="margin:20px 0">
           <el-col :span="4">车船税：{{ formDetailData.vavt }}</el-col>
           <el-col :span="4">手续费：</el-col>
           <el-col :span="4">其他保费：{{ formDetailData.other }}</el-col>
@@ -213,7 +212,7 @@
         </el-row>
         <el-row>
           <el-col :span="16" style="text-align: center;">合计手续费：</el-col>
-        </el-row>
+        </el-row> -->
       </div>
       <el-table
         size="small"
@@ -252,28 +251,22 @@
       width="60%"
       @close="closdialogBVatchVisible"
     >
-      <el-row style="margin-bottom:20px">
-        <el-col :span="8">批次号：{{ formBatchDetailData.batchNum }}</el-col>
-        <el-col :span="4">保险公司：中煤保险</el-col>
-        <el-col :span="8">保单号：{{ formBatchDetailData.policyNum }}</el-col>
-        <el-col :span="4">车牌号：{{ formBatchDetailData.plateNum }}</el-col>
+    <el-row style="margin-bottom:20px">
+        <el-col :span="6">批次号：{{ formBatchDetailData.batchNum }}</el-col>
+        <el-col :span="6">保险公司：{{ formBatchDetailData.insCompany }}</el-col>
+        <!-- <el-col :span="8">保单号：{{ formBatchDetailData.policyNum }}</el-col> -->
+        <el-col :span="6">车牌号：{{ formBatchDetailData.plateNum }}</el-col>
+        <el-col :span="6">被保险人：{{ formBatchDetailData.insured }}</el-col>
       </el-row>
-      <el-row>
-        <el-col :span="8">被保险人：{{ formBatchDetailData.insured }}</el-col>
-        <el-col :span="4">险种：{{ formBatchDetailData.insKindName }}</el-col>
-        <el-col :span="8">付款日期：{{ formBatchDetailData.payDate }}</el-col>
-      </el-row>
-      <el-row style="margin:40px 0 20px 0">
-        <el-col :span="8">交强险保费：{{ formBatchDetailData.mlifta }}</el-col>
-        <el-col :span="4">手续费：{{ formBatchDetailData.other }}</el-col>
-        <el-col :span="8">商业险保费：{{ formBatchDetailData.cip }}</el-col>
-        <el-col :span="4">手续费：{{ formBatchDetailData.other }}</el-col>
+      <el-row style="margin:20px 0">
+        <el-col :span="6">交强险保费：{{ formBatchDetailData.mlifta }}</el-col>
+        <el-col :span="6">商业险保费：{{ formBatchDetailData.cip }}</el-col>
+        <el-col :span="6">车船税：{{ formBatchDetailData.vavt }}</el-col>
+        <el-col :span="6">其他保费：{{ formBatchDetailData.other }}</el-col>
       </el-row>
       <el-row>
-        <el-col :span="8">车船税：{{ formBatchDetailData.vavt }}</el-col>
-        <el-col :span="4">手续费：{{ formBatchDetailData.other }}</el-col>
-        <el-col :span="8">其他保费：{{ formBatchDetailData.other }}</el-col>
-        <el-col :span="4">手续费：{{ formBatchDetailData.other }}</el-col>
+        <el-col :span="6">险种：{{ formBatchDetailData.insCoverage }}</el-col>
+        <el-col :span="6">付款日期：{{ formBatchDetailData.payDate }}</el-col>
       </el-row>
     </el-dialog>
     <!-- 匹配页面 -->
@@ -338,7 +331,7 @@
         <template v-for="(item,index) in columns1">
           <el-table-column :prop="item.prop" :label="item.label" :key="index"></el-table-column>
         </template>
-        <el-table-column label="未匹配原因" align="center" prop="fieldName1"></el-table-column>
+        <el-table-column label="未匹配原因" align="center" prop="notMatchMsg"></el-table-column>
         <el-table-column label="操作" align="center" min-width="100"  >
           <template slot-scope="scope">
             <el-button
@@ -436,9 +429,11 @@
   </div>
 </template>
 <script>
+import {mixin} from "./components/mixins.js"
 
 export default {
   name: "channel",
+  mixins: [ mixin ],
   created() {
     this.$api.cost.gainTopList().then(res => {
       if (res.data) {
@@ -486,48 +481,6 @@ export default {
       dialogVisible: false,
       dialogBVatchVisible: false,
       dialogBVatchUpdata: false,
-      columns: [
-        {
-          prop: "batchNum",
-          label: "批次号"
-        },
-        {
-          prop: "policyNum",
-          label: "保单号"
-        },
-        {
-          prop: "plateNum",
-          label: "车牌号"
-        },
-        {
-          prop: "insured",
-          label: "被保险人"
-        },
-        {
-          prop: "insKindName",
-          label: "险种"
-        },
-        {
-          prop: "mlifta",
-          label: "交强险保费"
-        },
-        {
-          prop: "vavt",
-          label: "车船税"
-        },
-        {
-          prop: "cip",
-          label: "商业保险费"
-        },
-        {
-          prop: "other",
-          label: "其他保费"
-        },
-        {
-          prop: "payDate",
-          label: "付款日期"
-        }
-      ],
       columns1: [
         {
           prop: "plateNum1",
@@ -538,7 +491,7 @@ export default {
           label: "被保险人"
         },
         {
-          prop: "insKindName",
+          prop: "insCoverage",
           label: "险种"
         },
         {
@@ -553,20 +506,16 @@ export default {
           prop: "cip1",
           label: "商业保险费"
         },
-        {
-          prop: "other",
-          label: "其他保费"
-        },
+        // {
+        //   prop: "other",
+        //   label: "其他保费"
+        // },
         {
           prop: "payDate",
           label: "付款日期"
         }
       ],
       batchData: [],
-      pageRequest: {
-        pageNum: 1,
-        pageSize: 20
-      },
       dialogBVatch: false,
       dialogMateVisible: false,
       mateData: [],

src/views/FinancialManagement/CostVerification/CostVerification.vue

@@ -53,12 +53,12 @@
       @close="closeBVatchVisibleVisible">
       <div class="detailStyle">
         <el-row>
-          <el-col :span="4">交强险保费：{{ formDetailData.mlifta }}</el-col>
-          <el-col :span="4">手续费：</el-col>
+          <el-col :span="4">交强险保费：{{formDetailData.mlifta}}</el-col>
+          <el-col :span="4">车船税：{{ formDetailData.vavt }}</el-col>
           <el-col :span="4">商业险保费：{{ formDetailData.cip }}</el-col>
-          <el-col :span="4">手续费：</el-col>
+          <el-col :span="4">其他保费：{{ formDetailData.other }}</el-col>
         </el-row>
-        <el-row style="margin:20px 0">
+        <!-- <el-row style="margin:20px 0">
           <el-col :span="4">车船税：{{ formDetailData.vavt }}</el-col>
           <el-col :span="4">手续费：</el-col>
           <el-col :span="4">其他保费：{{ formDetailData.other }}</el-col>
@@ -66,7 +66,7 @@
         </el-row>
         <el-row>
           <el-col :span="16" style="text-align: center;">合计手续费：</el-col>
-        </el-row>
+        </el-row> -->
       </div>
       <el-table size="small" :data="batchData" border highlight-current-row stripe ref="expandTable"
         :header-cell-style="{ background: '#F2F7FC', fontWeight: '700', color: '#606266' }">
@@ -86,28 +86,22 @@
       </div>
     </el-dialog>
     <el-dialog v-dialogDrag title="详情" :visible.sync="dialogBVatch" width="60%" @close="closdialogBVatceVisible">
-      <el-row style="margin-bottom:20px">
-        <el-col :span="8">批次号：{{ formBatchDetailData.batchNum }}</el-col>
-        <el-col :span="4">保险公司：中煤保险</el-col>
-        <el-col :span="8">保单号：{{ formBatchDetailData.policyNum }}</el-col>
-        <el-col :span="4">车牌号：{{ formBatchDetailData.plateNum }}</el-col>
-      </el-row>
       <el-row>
-        <el-col :span="8">被保险人：{{ formBatchDetailData.insured }}</el-col>
-        <el-col :span="4">险种：{{ formBatchDetailData.insKindName }}</el-col>
-        <el-col :span="8">付款日期：{{ formBatchDetailData.payDate }}</el-col>
+        <el-col :span="6">批次号：{{ formBatchDetailData.batchNum }}</el-col>
+        <el-col :span="6">保险公司：{{ formBatchDetailData.insCompany }}</el-col>
+        <!-- <el-col :span="8">保单号：{{ formBatchDetailData.policyNum }}</el-col> -->
+        <el-col :span="6">车牌号：{{ formBatchDetailData.plateNum }}</el-col>
+        <el-col :span="6">被保险人：{{ formBatchDetailData.insured }}</el-col>
       </el-row>
-      <el-row style="margin:40px 0 20px 0">
-        <el-col :span="8">交强险保费：{{ formBatchDetailData.mlifta }}</el-col>
-        <el-col :span="4">手续费：{{ formBatchDetailData.other }}</el-col>
-        <el-col :span="8">商业险保费：{{ formBatchDetailData.cip }}</el-col>
-        <el-col :span="4">手续费：{{ formBatchDetailData.other }}</el-col>
+      <el-row style="margin:20px 0">
+        <el-col :span="6">交强险保费：{{ formBatchDetailData.mlifta }}</el-col>
+        <el-col :span="6">商业险保费：{{ formBatchDetailData.cip }}</el-col>
+        <el-col :span="6">车船税：{{ formBatchDetailData.vavt }}</el-col>
+        <el-col :span="6">其他保费：{{ formBatchDetailData.other }}</el-col>
       </el-row>
       <el-row>
-        <el-col :span="8">车船税：{{ formBatchDetailData.vavt }}</el-col>
-        <el-col :span="4">手续费：{{ formBatchDetailData.other }}</el-col>
-        <el-col :span="8">其他保费：{{ formBatchDetailData.other }}</el-col>
-        <el-col :span="4">手续费：{{ formBatchDetailData.other }}</el-col>
+        <el-col :span="6">险种：{{ formBatchDetailData.insCoverage }}</el-col>
+        <el-col :span="6">付款日期：{{ formBatchDetailData.payDate }}</el-col>
       </el-row>
     </el-dialog>
   </div>
@@ -215,10 +209,10 @@ export default {
           prop: "batchNum",
           label: "批次号"
         },
-        {
-          prop: "policyNum",
-          label: "保单号"
-        },
+        // {
+        //   prop: "policyNum",
+        //   label: "保单号"
+        // },
         {
           prop: "plateNum",
           label: "车牌号"
@@ -228,7 +222,7 @@ export default {
           label: "被保险人"
         },
         {
-          prop: "insKindName",
+          prop: "insCoverage",
           label: "险种"
         },
         {
@@ -243,10 +237,10 @@ export default {
           prop: "cip",
           label: "商业保险费"
         },
-        {
-          prop: "other",
-          label: "其他保费"
-        },
+        // {
+        //   prop: "other",
+        //   label: "其他保费"
+        // },
         {
           prop: "payDate",
           label: "付款日期"

src/views/FinancialManagement/CostVerification/Payment.vue

@@ -14,20 +14,11 @@
             @close="closeBVatchVisibleVisible">
             <div class="detailStyle">
                 <el-row>
-                    <el-col :span="4">交强险保费：{{ formDetailData.mlifta }}</el-col>
-                    <el-col :span="4">手续费：</el-col>
-                    <el-col :span="4">商业险保费：{{ formDetailData.cip }}</el-col>
-                    <el-col :span="4">手续费：</el-col>
-                </el-row>
-                <el-row style="margin:20px 0">
+                    <el-col :span="4">交强险保费：{{formDetailData.mlifta}}</el-col>
                     <el-col :span="4">车船税：{{ formDetailData.vavt }}</el-col>
-                    <el-col :span="4">手续费：</el-col>
+                    <el-col :span="4">商业险保费：{{ formDetailData.cip }}</el-col>
                     <el-col :span="4">其他保费：{{ formDetailData.other }}</el-col>
-                    <el-col :span="4">手续费：</el-col>
-                </el-row>
-                <el-row>
-                    <el-col :span="16" style="text-align: center;">合计手续费：</el-col>
-                </el-row>
+                    </el-row>
             </div>
             <el-table size="small" :data="batchData" border highlight-current-row stripe ref="expandTable"
                 :header-cell-style="{ background: '#F2F7FC', fontWeight: '700', color: '#606266' }">
@@ -49,28 +40,22 @@
         </el-dialog>
         <el-dialog v-dialogDrag title="详情" :visible.sync="dialogBVatch" width="60%" @close="closdialogBVatceVisible">
             <el-row style="margin-bottom:20px">
-                <el-col :span="8">批次号：{{ formBatchDetailData.batchNum }}</el-col>
-                <el-col :span="4">保险公司：中煤保险</el-col>
-                <el-col :span="8">保单号：{{ formBatchDetailData.policyNum }}</el-col>
-                <el-col :span="4">车牌号：{{ formBatchDetailData.plateNum }}</el-col>
-            </el-row>
-            <el-row>
-                <el-col :span="8">被保险人：{{ formBatchDetailData.insured }}</el-col>
-                <el-col :span="4">险种：{{ formBatchDetailData.insKindName }}</el-col>
-                <el-col :span="8">付款日期：{{ formBatchDetailData.payDate }}</el-col>
-            </el-row>
-            <el-row style="margin:40px 0 20px 0">
-                <el-col :span="8">交强险保费：{{ formBatchDetailData.mlifta }}</el-col>
-                <el-col :span="4">手续费：{{ formBatchDetailData.other }}</el-col>
-                <el-col :span="8">商业险保费：{{ formBatchDetailData.cip }}</el-col>
-                <el-col :span="4">手续费：{{ formBatchDetailData.other }}</el-col>
-            </el-row>
-            <el-row>
-                <el-col :span="8">车船税：{{ formBatchDetailData.vavt }}</el-col>
-                <el-col :span="4">手续费：{{ formBatchDetailData.other }}</el-col>
-                <el-col :span="8">其他保费：{{ formBatchDetailData.other }}</el-col>
-                <el-col :span="4">手续费：{{ formBatchDetailData.other }}</el-col>
-            </el-row>
+        <el-col :span="6">批次号：{{ formBatchDetailData.batchNum }}</el-col>
+        <el-col :span="6">保险公司：{{ formBatchDetailData.insCompany }}</el-col>
+        <!-- <el-col :span="8">保单号：{{ formBatchDetailData.policyNum }}</el-col> -->
+        <el-col :span="6">车牌号：{{ formBatchDetailData.plateNum }}</el-col>
+        <el-col :span="6">被保险人：{{ formBatchDetailData.insured }}</el-col>
+      </el-row>
+      <el-row style="margin:20px 0">
+        <el-col :span="6">交强险保费：{{ formBatchDetailData.mlifta }}</el-col>
+        <el-col :span="6">商业险保费：{{ formBatchDetailData.cip }}</el-col>
+        <el-col :span="6">车船税：{{ formBatchDetailData.vavt }}</el-col>
+        <el-col :span="6">其他保费：{{ formBatchDetailData.other }}</el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="6">险种：{{ formBatchDetailData.insCoverage }}</el-col>
+        <el-col :span="6">付款日期：{{ formBatchDetailData.payDate }}</el-col>
+      </el-row>
         </el-dialog>
     </div>
 </template>
@@ -78,9 +63,11 @@
 <script>
 import templateTable from '../../../components/TemplateTable/index.vue'
 import { mapState } from 'vuex'
+import {mixin} from "./components/mixins.js"
 
 export default {
     name: "payment",
+    mixins: [ mixin ],
     components: { templateTable },
     created() {
         this.getList();
@@ -195,48 +182,48 @@ export default {
                 name: '批量支付',
                 click: () => { return this.batchPay() },
             }],
-            columns: [
-                {
-                    prop: "batchNum",
-                    label: "批次号"
-                },
-                {
-                    prop: "policyNum",
-                    label: "保单号"
-                },
-                {
-                    prop: "plateNum",
-                    label: "车牌号"
-                },
-                {
-                    prop: "insured",
-                    label: "被保险人"
-                },
-                {
-                    prop: "insKindName",
-                    label: "险种"
-                },
-                {
-                    prop: "mlifta",
-                    label: "交强险保费"
-                },
-                {
-                    prop: "vavt",
-                    label: "车船税"
-                },
-                {
-                    prop: "cip",
-                    label: "商业保险费"
-                },
-                {
-                    prop: "other",
-                    label: "其他保费"
-                },
-                {
-                    prop: "payDate",
-                    label: "付款日期"
-                }
-            ],
+            // columns: [
+            //     {
+            //         prop: "batchNum",
+            //         label: "批次号"
+            //     },
+            //     // {
+            //     //     prop: "policyNum",
+            //     //     label: "保单号"
+            //     // },
+            //     {
+            //         prop: "plateNum",
+            //         label: "车牌号"
+            //     },
+            //     {
+            //         prop: "insured",
+            //         label: "被保险人"
+            //     },
+            //     {
+            //         prop: "insKindName",
+            //         label: "险种"
+            //     },
+            //     {
+            //         prop: "mlifta",
+            //         label: "交强险保费"
+            //     },
+            //     {
+            //         prop: "vavt",
+            //         label: "车船税"
+            //     },
+            //     {
+            //         prop: "cip",
+            //         label: "商业保险费"
+            //     },
+            //     // {
+            //     //     prop: "other",
+            //     //     label: "其他保费"
+            //     // },
+            //     {
+            //         prop: "payDate",
+            //         label: "付款日期"
+            //     }
+            // ],
             queryFrom: {
                 pageNum: 1,
                 pageSize: 10,
@@ -366,7 +353,11 @@ export default {
 .batchStyle {
     cursor: pointer;
 }
-
+.detailStyle {
+  color: #666;
+  font-size: 16px;
+  margin-bottom: 20px;
+}
 .batchStyle:hover {
     color: #8b0000;
     text-decoration: underline;

src/views/FinancialManagement/CostVerification/components/mixins.js

@@ -0,0 +1,51 @@
+export const  mixin={
+    data() {
+        return {
+            columns: [
+                {
+                    prop: "batchNum",
+                    label: "批次号"
+                },
+                // {
+                //     prop: "policyNum",
+                //     label: "保单号"
+                // },
+                {
+                    prop: "plateNum",
+                    label: "车牌号"
+                },
+                {
+                    prop: "insured",
+                    label: "被保险人"
+                },
+                {
+                    prop: "insCoverage",
+                    label: "险种"
+                },
+                {
+                    prop: "mlifta",
+                    label: "交强险保费"
+                },
+                {
+                    prop: "vavt",
+                    label: "车船税"
+                },
+                {
+                    prop: "cip",
+                    label: "商业保险费"
+                },
+                // {
+                //     prop: "other",
+                //     label: "其他保费"
+                // },
+                {
+                    prop: "payDate",
+                    label: "付款日期"
+                }
+            ],
+        }
+    },
+    methods: {
+       
+    },
+}