货代发票页面 2023-11-24

src/api/iosBasicData/fininvoices.js

@@ -0,0 +1,45 @@
+import request from '@/router/axios';
+
+export const fininvoicesList = (current, size, params) => {
+  return request({
+    url: '/api/blade-los/fininvoices/list',
+    method: 'get',
+    params: {
+      ...params,
+      current,
+      size,
+    }
+  })
+}
+
+export const fininvoicesDetail = (id) => {
+  return request({
+    url: '/api/blade-los/fininvoices/detail',
+    method: 'get',
+    params: {
+      id
+    }
+  })
+}
+
+// 删除
+export const fininvoicesRemove = (ids) => {
+  return request({
+    url: '/api/blade-los/fininvoices/remove',
+    method: 'post',
+    params: {
+      ids,
+    }
+  })
+}
+
+// 添加保存
+export const fininvoicesSubmit = (row) => {
+  return request({
+    url: '/api/blade-los/fininvoices/submit',
+    method: 'post',
+    data: row
+  })
+}
+
+

src/components/iosbasic-data/searchquery.vue

@@ -7,7 +7,7 @@
                            :filterable="filterable" :clearable="clearable"
                            :remote="remote" :remote-method="remoteMethod"
                            :multiple="multiple" :collapse-tags="collapseTags"
-                           :disabled="disabled"
+                           :disabled="disabled" :allow-create="allowCreate"
                            @change="corpChange"
                            @focus="corpFocus">
                     <el-option
@@ -105,6 +105,11 @@
                 type:Boolean,
                 default:false
             },
+            // 是否可以创建条目
+            allowCreate:{
+                type:Boolean,
+                default:false
+            },
             // 是否为远程搜索
             remote:{
                 type:Boolean,

src/router/views/index.js

@@ -2853,6 +2853,21 @@ export default [{
       component: () => import( /* webpackChunkName: "views" */ '@/views/iosBasicData/CollectionSettlement/index.vue')
     }]
   },
+  // 发票中心(F)
+  {
+    path: '/iosBasicData/fininvoices/index',
+    component: Layout,
+    hidden: true,
+    children: [{
+      path: '/iosBasicData/fininvoices/index',
+      name: '发票中心(F)',
+      meta: {
+        i18n: '/iosBasicData/fininvoices/index',
+        keepAlive: true,
+      },
+      component: () => import( /* webpackChunkName: "views" */ '@/views/iosBasicData/fininvoices/index.vue')
+    }]
+  },
   // 调拨(L)
   {
     path: '/tirePartsMall/salesManagement/outboundWorkOrderL/index',

src/views/approveDataH/index.vue

@@ -70,7 +70,10 @@
 <!--        </el-button>-->
         <el-button type="text" size="small" :disabled="scope.row.operate" @click.stop="jumpPage(scope.row)">查看
         </el-button>
-        <el-button type="text" size="small" :disabled="scope.row.auditStatus != 'S'" @click.stop="openCheck(scope.row)">
+          <!--<el-button type="text" size="small" :disabled="scope.row.auditStatus != 'S'" @click.stop="openCheck(scope.row)">-->
+          <!--    审批-->
+          <!--</el-button>-->
+        <el-button type="text" size="small" :disabled="scope.row.auditStatus != 'S'" @click.stop="handleReportPreview(scope.row.url,scope.row)">
           审批
         </el-button>
         <el-button type="text" size="small" @click.stop="openCheckSchedule(scope.row)">审批流程
@@ -106,6 +109,7 @@ import {corpsDescListAll} from "../../api/tirePartsMall/salesManagement/saleOrde
 
 import reportContainer from "@/views/iosBasicData/report-container/report-container.vue"
 import {finstlbillsDetail} from "../../api/iosBasicData/finstlbills";
+import {reportsGetReportData} from "@/api/iosBasicData/reports";
 
 let previousRouterName = "";
 let checkRefresh = "";
@@ -195,7 +199,15 @@ export default {
   },
   methods: {
     // 预览报表
-    handleReportPreview(row){
+    async handleReportPreview(url,row){
+        const res = await reportsGetReportData({
+            billId:row.billId,
+            reportCode:'FYSHS',
+            groupCode:2,
+        })
+        var data = res.data.data.data
+
+        console.log(row,203)
       Stimulsoft.Base.StiLicense.key = '6vJhGtLLLz2GNviWmUTrhSqnOItdDwjBylQzQcAOiHn0s4gy0Fr5YoUZ9V00Y0igCSFQzwEqYBh/N77k4f0fWXTHW5rqeBNLkaurJDenJ9o97TyqHs9HfvINK18Uwzsc/bG01Rq+x3H3Rf+g7AY92gvWmp7VA2Uxa30Q97f61siWz2dE5kdBVcCnSFzC6awE74JzDcJMj8OuxplqB1CYcpoPcOjKy1PiATlC3UsBaLEXsok1xxtRMQ283r282tkh8XQitsxtTczAJBxijuJNfziYhci2jResWXK51ygOOEbVAxmpflujkJ8oEVHkOA/CjX6bGx05pNZ6oSIu9H8deF94MyqIwcdeirCe60GbIQByQtLimfxbIZnO35X3fs/94av0ODfELqrQEpLrpU6FNeHttvlMc5UVrT4K+8lPbqR8Hq0PFWmFrbVIYSi7tAVFMMe2D1C59NWyLu3AkrD3No7YhLVh7LV0Tttr/8FrcZ8xirBPcMZCIGrRIesrHxOsZH2V8t/t0GXCnLLAWX+TNvdNXkB8cF2y9ZXf1enI064yE5dwMs2fQ0yOUG/xornE'
       // Stimulsoft.Base.StiLicense.Key = '6vJhGtLLLz2GNviWmUTrhSqnOItdDwjBylQzQcAOiHkcgIvwL0jnpsDqRpWg5FI5kt2G7A0tYIcUygBh1sPs7plofUOqPB1a4HBIXJB621mau2oiAIj+ysU7gKUXfjn/D5BocmduNB+ZMiDGPxFrAp3PoD0nYNkkWh8r7gBZ1v/JZSXGE3bQDrCQCNSy6mgby+iFAMV8/PuZ1z77U+Xz3fkpbm6MYQXYp3cQooLGLUti7k1TFWrnawT0iEEDJ2iRcU9wLqn2g9UiWesEZtKwI/UmEI2T7nv5NbgV+CHguu6QU4WWzFpIgW+3LUnKCT/vCDY+ymzgycw9A9+HFSzARiPzgOaAuQYrFDpzhXV+ZeX31AxWlnzjDWqpfluygSNPtGul5gyNt2CEoJD1Yom0VN9fvRonYsMsimkFFx2AwyVpPcs+JfVBtpPbTcZscnzUdmiIvxv8Gcin6sNSibM6in/uUKFt3bVgW/XeMYa7MLGF53kvBSwi78poUDigA2n12SmghLR0AHxyEDIgZGOTbNI33GWu7ZsPBeUdGu55R8w='
       Stimulsoft.Base.Localization.StiLocalization.addLocalizationFile( '/reports/stimulsoft/Localization/zh-CHS.xml', true, 'zh-CHS')
@@ -232,26 +244,19 @@ export default {
       // 加载文件
       console.log("从url加载报表");
       // report.loadFile("/reports/stimulsoft/demos/SimpleList.mrt");
-      report.load(row.url)
-      row
+      // report.load(row.url)
+        report.load(res.data.data.url)
 
       // 加载数据
-      if (this.id) {
-        finstlbillsDetail(this.id).then(res => {
-          var data = res.data.data
-
-
-          var dataSet = new Stimulsoft.System.Data.DataSet(
+        var dataSet = new Stimulsoft.System.Data.DataSet(
             'reportData'
-          )
-          dataSet.readJson(data)
-          report.regData('reportData', 'reportData', dataSet)
-          // 从模版和数据加载报表
-          // loadReport(report, '', {})
+        )
+        dataSet.readJson(data)
+        report.regData('reportData', 'reportData', dataSet)
+        // 从模版和数据加载报表
+        // loadReport(report, '', {})
 
-          viewer.report = report;
-        })
-      }
+        viewer.report = report;
 
 
       this.$refs.reportContainer.showContainer(
@@ -267,7 +272,34 @@ export default {
 
       console.log("加载成功完成!");
     },
-    batchCheck() {
+
+
+      createViewerButtons (viewer){
+          viewer.jsObject.collections.images['myClose.png'] =
+              'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAA0ElEQVQ4ja3TO05CQRQG4A8iOwAbtYWETndAaecK7NwCKmETtJZsSBNLobEz8ZFIJQ0UnOGSm3DnYviTybzO/895DQXGWGCVGQuMEqkRcwcfuMOLalziCaf4TIe9UG9nyMJmFRzNGoRK1BU4xxx9G7cfwostciGk+x8MqgySwDXe4tU53hVV+MNtTmAoX84JGv9NYgrHyR6DV8wUSW7hItZLm36ZVoVQxsFJLOMsPOrH/h7dQwR2cdxOTEn8DtUbPGc4V2H7Vb4Yqfedf/GYSGt8VUmxgyfuBAAAAABJRU5ErkJggg=='
+          const closeBtn = viewer.jsObject.SmallButton(
+              'closeBtn',
+              '关闭',
+              'myClose.png'
+          )
+
+          const toolbarTable = viewer.jsObject.controls.toolbar.firstChild.firstChild
+          const buttonsTable = toolbarTable.rows[0].lastChild.lastChild
+          const userButtonCell = buttonsTable.rows[0].insertCell(0)
+          userButtonCell.className = 'stiJsViewerClearAllStyles'
+          userButtonCell.appendChild(closeBtn)
+
+          let that=this
+          closeBtn.action = function() {
+              console.log(that.$refs.ReportContainer)
+              if (that.$refs.reportContainer)
+                  that.$refs.reportContainer.hideContainer()
+          }
+      },
+
+
+
+      batchCheck() {
       for (let i = 0; i < this.selectionList.length; i++) {
         if (this.selectionList[i].auditStatus != "S") {
           return this.$message.error("审核状态必须都为待审核状态!");

src/views/iosBasicData/SeafreightExportF/bills/assembly/formbottom.vue

@@ -182,7 +182,7 @@
                                       :clearable="true"
                                       :disabled="detailData.seeDisabled"
                                       :buttonIf="false"
-                                      :forParameter="{key:'dictKey',label:'dictValue',value:'dictValue',}"
+                                      :forParameter="{key:'dictKey',label:'dictValue',value:'dictValue'}"
                                       @corpChange="corpChange($event,'Copy')"
                                       @corpFocus="remoteMethod($event, 'numberOfCopy')">
                         </search-query>
@@ -193,10 +193,22 @@
                         <span slot="label">
                             <span style="color: #1e9fff">HB/L付款地点</span>
                         </span>
-                        <el-input type="age" style="width: 100%;" v-model="assemblyForm.hpayplace"
-                                  size="small" autocomplete="off"
-                                  :disabled="detailData.seeDisabled"
-                                  clearable placeholder="请输入HB/L付款地点" ></el-input>
+                        <search-query :datalist="hpayplaceData"
+                                      :selectValue="assemblyForm.hpayplace"
+                                      :filterable="true"
+                                      :clearable="true"
+                                      :remote="true"
+                                      :disabled="detailData.seeDisabled"
+                                      :buttonIf="false"
+                                      :forParameter="{key:'id',label:'enName',value:'enName'}"
+                                      @remoteMethod="remoteMethod($event,'hpayplace')"
+                                      @corpChange="corpChange($event,'hpayplace')"
+                                      @corpFocus="remoteMethod($event,'hpayplace')" >
+                        </search-query>
+                        <!--<el-input type="age" style="width: 100%;" v-model="assemblyForm.hpayplace"-->
+                        <!--          size="small" autocomplete="off"-->
+                        <!--          :disabled="detailData.seeDisabled"-->
+                        <!--          clearable placeholder="请输入HB/L付款地点" ></el-input>-->
                     </el-form-item>
                 </el-col>
                 <el-col :span="6">
@@ -204,10 +216,22 @@
                         <span slot="label">
                             <span style="color: #1e9fff">MB/L付款地点</span>
                         </span>
-                        <el-input type="age" style="width: 100%;" v-model="assemblyForm.mPayplace"
-                                  size="small" autocomplete="off"
-                                  :disabled="detailData.seeDisabled"
-                                  clearable placeholder="请输入MB/L付款地点" ></el-input>
+                        <search-query :datalist="mpayplaceData"
+                                      :selectValue="assemblyForm.mpayplace"
+                                      :filterable="true"
+                                      :clearable="true"
+                                      :remote="true"
+                                      :disabled="detailData.seeDisabled"
+                                      :buttonIf="false"
+                                      :forParameter="{key:'id',label:'enName',value:'enName'}"
+                                      @remoteMethod="remoteMethod($event,'mpayplace')"
+                                      @corpChange="corpChange($event,'mpayplace')"
+                                      @corpFocus="remoteMethod($event,'mpayplace')" >
+                        </search-query>
+                        <!--<el-input type="age" style="width: 100%;" v-model="assemblyForm.mPayplace"-->
+                        <!--          size="small" autocomplete="off"-->
+                        <!--          :disabled="detailData.seeDisabled"-->
+                        <!--          clearable placeholder="请输入MB/L付款地点" ></el-input>-->
                     </el-form-item>
                 </el-col>
                 <el-col :span="6">
@@ -217,11 +241,10 @@
                         </span>
                         <search-query :datalist="serviceTermsData"
                                       :selectValue="assemblyForm.serviceTerms"
-                                      :filterable="true"
                                       :clearable="true"
-                                      :remote="true"
                                       :disabled="detailData.seeDisabled"
                                       :buttonIf="false"
+                                      :forParameter="{key:'dictKey',label:'dictValue',value:'dictValue'}"
                                       @remoteMethod="remoteMethod($event,'serviceTerms')"
                                       @corpChange="corpChange($event,'serviceTerms')"
                                       @corpFocus="remoteMethod($event, 'serviceTerms')" >
@@ -270,10 +293,22 @@
                         <span slot="label">
                             <span style="color: #1e9fff">签单地点</span>
                         </span>
-                        <el-input type="age" style="width: 100%;" v-model="assemblyForm.issueAt"
-                                  size="small" autocomplete="off"
-                                  :disabled="detailData.seeDisabled"
-                                  clearable placeholder="请输入签单地点" ></el-input>
+                        <search-query :datalist="issueAtData"
+                                      :selectValue="assemblyForm.issueAt"
+                                      :filterable="true"
+                                      :clearable="true"
+                                      :remote="true"
+                                      :disabled="detailData.seeDisabled"
+                                      :buttonIf="false"
+                                      :forParameter="{key:'id',label:'enName',value:'enName'}"
+                                      @remoteMethod="remoteMethod($event,'issueAt')"
+                                      @corpChange="corpChange($event,'issueAt')"
+                                      @corpFocus="remoteMethod($event,'issueAt')" >
+                        </search-query>
+                        <!--<el-input type="age" style="width: 100%;" v-model="assemblyForm.issueAt"-->
+                        <!--          size="small" autocomplete="off"-->
+                        <!--          :disabled="detailData.seeDisabled"-->
+                        <!--          clearable placeholder="请输入签单地点" ></el-input>-->
                     </el-form-item>
                 </el-col>
             </el-row>
@@ -370,6 +405,7 @@
     import SearchQuery from "@/components/iosbasic-data/searchquery.vue";
     import {getBcorpslistByType} from "@/api/iosBasicData/bcorps";
     import {getWorkDicts} from "@/api/system/dictbiz";
+    import {bportsList} from "@/api/iosBasicData/bports";
 
     export default {
         components: {SearchQuery},
@@ -386,16 +422,13 @@
                 // 场站
                 cyData:[],
                 // 服务方式
-                serviceTermsData:[
-                    {
-                        label:'DOOR TO',
-                        value:'DOOR TO'
-                    },
-                    {
-                        label:'TO DOOR',
-                        value:'TO DOOR'
-                    }
-                ],
+                serviceTermsData:[],
+                // HB/L付款地点数据
+                hpayplaceData:[],
+                // MB/L付款地点
+                mpayplaceData:[],
+                // 签单地点
+                issueAtData:[],
                 // INTTRA EDI弹窗
                 inttraVisible:false,
                 inttraTitle:'',
@@ -452,6 +485,7 @@
             remoteMethod(value,name){
                 let inttraArr = ['inttraDoorTo','inttraToDoor']
                 let numberOfArr = ['numberOfObl','numberOfCopy']
+                let payplaceArr = ['hpayplace','mpayplace','issueAt']
                 if (name == 'cy') {
                     this.cyBcorpslistByType(value)
                 }else if (inttraArr.indexOf(name) != -1) {
@@ -464,6 +498,14 @@
                 else if (numberOfArr.indexOf(name) != -1) {
                     this.numberoforiginalWorkDicts()
                 }
+                // 服务方式
+                else if (name == 'serviceTerms') {
+                    this.serviceTermsWorkDicts()
+                }
+                // HB/L付款状态 MB/L 付款状态
+                else if (payplaceArr.indexOf(name) != -1) {
+                    this[name + 'BportsListfun'](value)
+                }
                 else {}
             },
             // 选择框的回调
@@ -570,11 +612,36 @@
                     this.issueTypeData = res.data.data
                 })
             },
+            // 获取份数数据
             numberoforiginalWorkDicts(){
                 getWorkDicts('number_of_original').then(res=>{
                     this.numberOfData = res.data.data
                 })
             },
+            // 获取服务方式数据
+            serviceTermsWorkDicts(){
+                getWorkDicts('service_terms').then(res=>{
+                    this.serviceTermsData = res.data.data
+                })
+            },
+            // HB/L 付款地点
+            hpayplaceBportsListfun(enName){
+                bportsList(1,10,{enName}).then(res=>{
+                    this.hpayplaceData = res.data.data.records
+                })
+            },
+            // MB/L 付款地点
+            mpayplaceBportsListfun(enName){
+                bportsList(1,10,{enName}).then(res=>{
+                    this.mpayplaceData = res.data.data.records
+                })
+            },
+            // 签单地点
+            issueAtBportsListfun(enName){
+                bportsList(1,10,{enName}).then(res=>{
+                    this.issueAtData = res.data.data.records
+                })
+            },
 
 
         }

src/views/iosBasicData/SeafreightExportF/bills/assembly/reports.vue

@@ -695,6 +695,7 @@
       },
       // 预览报表
       handleReportPreview(url,row){
+          console.log(row,698)
           Stimulsoft.Base.StiLicense.key = '6vJhGtLLLz2GNviWmUTrhSqnOItdDwjBylQzQcAOiHn0s4gy0Fr5YoUZ9V00Y0igCSFQzwEqYBh/N77k4f0fWXTHW5rqeBNLkaurJDenJ9o97TyqHs9HfvINK18Uwzsc/bG01Rq+x3H3Rf+g7AY92gvWmp7VA2Uxa30Q97f61siWz2dE5kdBVcCnSFzC6awE74JzDcJMj8OuxplqB1CYcpoPcOjKy1PiATlC3UsBaLEXsok1xxtRMQ283r282tkh8XQitsxtTczAJBxijuJNfziYhci2jResWXK51ygOOEbVAxmpflujkJ8oEVHkOA/CjX6bGx05pNZ6oSIu9H8deF94MyqIwcdeirCe60GbIQByQtLimfxbIZnO35X3fs/94av0ODfELqrQEpLrpU6FNeHttvlMc5UVrT4K+8lPbqR8Hq0PFWmFrbVIYSi7tAVFMMe2D1C59NWyLu3AkrD3No7YhLVh7LV0Tttr/8FrcZ8xirBPcMZCIGrRIesrHxOsZH2V8t/t0GXCnLLAWX+TNvdNXkB8cF2y9ZXf1enI064yE5dwMs2fQ0yOUG/xornE'
           // Stimulsoft.Base.StiLicense.Key = '6vJhGtLLLz2GNviWmUTrhSqnOItdDwjBylQzQcAOiHkcgIvwL0jnpsDqRpWg5FI5kt2G7A0tYIcUygBh1sPs7plofUOqPB1a4HBIXJB621mau2oiAIj+ysU7gKUXfjn/D5BocmduNB+ZMiDGPxFrAp3PoD0nYNkkWh8r7gBZ1v/JZSXGE3bQDrCQCNSy6mgby+iFAMV8/PuZ1z77U+Xz3fkpbm6MYQXYp3cQooLGLUti7k1TFWrnawT0iEEDJ2iRcU9wLqn2g9UiWesEZtKwI/UmEI2T7nv5NbgV+CHguu6QU4WWzFpIgW+3LUnKCT/vCDY+ymzgycw9A9+HFSzARiPzgOaAuQYrFDpzhXV+ZeX31AxWlnzjDWqpfluygSNPtGul5gyNt2CEoJD1Yom0VN9fvRonYsMsimkFFx2AwyVpPcs+JfVBtpPbTcZscnzUdmiIvxv8Gcin6sNSibM6in/uUKFt3bVgW/XeMYa7MLGF53kvBSwi78poUDigA2n12SmghLR0AHxyEDIgZGOTbNI33GWu7ZsPBeUdGu55R8w='
           Stimulsoft.Base.Localization.StiLocalization.addLocalizationFile( '/reports/stimulsoft/Localization/zh-CHS.xml', true, 'zh-CHS')

src/views/iosBasicData/SeafreightExportF/bills/billsDetails.vue

@@ -69,6 +69,7 @@
                                                                           :datalist="item[0].dicData"
                                                                           :selectValue="form[item[0].prop]"
                                                                           :filterable="true"
+                                                                          :allowCreate="item[0].allowCreate || false"
                                                                           :clearable="true"
                                                                           :remote="true"
                                                                           :disabled="detailData.seeDisabled || item[0].disabled"
@@ -352,6 +353,7 @@ import checkSchedule from "@/components/checkH/checkSchedule.vue";
                                 label: "客户OP", // 客户联系人姓名 电话和邮箱带出来，可以修改 往来单位接口 需要传一个客户名称的值过去
                                 prop: "corpAttnName",
                                 text:"姓名",
+                                allowCreate:true,
                                 type:'select',
                                 dicData:[],
                                 span:10,

src/views/iosBasicData/fininvoices/assembly/fininvoicesitems.vue

@@ -0,0 +1,296 @@
+<template>
+    <div>
+        <el-table
+            ref="tableRef"
+            :cell-style="{padding:'0px',fontSize:'12px'}"
+            :header-cell-style="tableHeaderCellStyle"
+            :data="tableData"
+            border
+            style="width: 100%"
+            @selection-change="handleSelectionChange"
+            @row-click="rowClick"
+            :row-style="rowStyle"
+            :row-class-name="rowClassName" >
+            <el-table-column
+                fixed="left"
+                type="selection"
+                width="55">
+            </el-table-column>
+            <el-table-column
+                prop="lineNo"
+                label="行号">
+            </el-table-column>
+            <el-table-column
+                prop="businessType"
+                label="业务类型">
+            </el-table-column>
+            <el-table-column
+                prop="billType"
+                label="单据类型">
+            </el-table-column>
+            <el-table-column
+                prop="billNo"
+                label="单据编号">
+            </el-table-column>
+            <el-table-column
+                prop="billDate"
+                label="对账/结算日期">
+            </el-table-column>
+            <el-table-column
+                prop="accountDate"
+                label="业务财务日期">
+            </el-table-column>
+            <el-table-column
+                prop="accountYear"
+                label="财务年">
+            </el-table-column>
+            <el-table-column
+                prop="accountMonth"
+                label="财务月">
+            </el-table-column>
+            <el-table-column
+                prop="accountDay"
+                label="财务日">
+            </el-table-column>
+            <el-table-column
+                prop="sourceId"
+                label="费用中心 id">
+            </el-table-column>
+            <el-table-column
+                prop="corpId"
+                label="客户 id">
+            </el-table-column>
+            <el-table-column
+                prop="corpCnName"
+                label="客户中文名称">
+            </el-table-column>
+            <el-table-column
+                prop="corpEnName"
+                label="客户英文名称">
+            </el-table-column>
+            <el-table-column
+                prop="deptId"
+                label="业务所在部门 Id">
+            </el-table-column>
+            <el-table-column
+                prop="deptName"
+                label="业务所在部门">
+            </el-table-column>
+            <el-table-column
+                prop="operatorId"
+                label="业务操作 Id">
+            </el-table-column>
+            <el-table-column
+                prop="operatorName"
+                label="业务操作">
+            </el-table-column>
+            <el-table-column
+                prop="srcType"
+                label="业务来源">
+            </el-table-column>
+            <el-table-column
+                prop="srcId"
+                label="来源 id">
+            </el-table-column>
+            <el-table-column
+                prop="srcCnName"
+                label="来源中文">
+            </el-table-column>
+            <el-table-column
+                prop="srcEnName"
+                label="来源英文">
+            </el-table-column>
+            <el-table-column
+                prop="lineId"
+                label="航线 id">
+            </el-table-column>
+            <el-table-column
+                prop="lineCnName"
+                label="航线中文名称">
+            </el-table-column>
+            <el-table-column
+                prop="lineEnName"
+                label="航线英文名称">
+            </el-table-column>
+            <el-table-column
+                prop="vesselId"
+                label="船名 id">
+            </el-table-column>
+            <el-table-column
+                prop="vesselCnName"
+                label="中文船名">
+            </el-table-column>
+            <el-table-column
+                prop="vesselEnName"
+                label="英文船名">
+            </el-table-column>
+            <el-table-column
+                prop="voyageNo"
+                label="航次">
+            </el-table-column>
+            <el-table-column
+                prop="mblno"
+                label="MB/L NO">
+            </el-table-column>
+            <el-table-column
+                prop="hblno"
+                label="HB/L NO">
+            </el-table-column>
+
+
+
+
+
+
+
+            <el-table-column
+                prop="lineNo"
+                label="备注">
+            </el-table-column>
+        </el-table>
+    </div>
+</template>
+
+<script>
+    export default {
+        props:{
+            tableData:{
+                type:Array,
+                default:[]
+            },
+        },
+        data(){
+            return {
+
+            }
+        },
+        methods:{
+            // 表头样式
+            tableHeaderCellStyle({row,column,rowIndex, columnIndex}){
+                return "padding:4px 0px;fontSize:12px;color:#000;background:#ecf5ff"
+            },
+            // 多选选择的数据
+            handleSelectionChange(arr){
+                this.$emit('handleSelectionChange',arr)
+            },
+            // 监听点击表格事件
+            rowClick(row, column, event) {
+                let refsElTable = this.$refs.tableRef; // 获取表格对象
+                if (this.CtrlDown) {
+                    refsElTable.toggleRowSelection(row); // ctrl多选 如果点击两次同样会取消选中
+                    return;
+                }
+                if ( this.shiftOrAltDown && this.handleSelectionData.length > 0) {
+                    // 通过rowIndex判断已选择的行中最上面和最下面的是哪行，再对比按住shift/alt点击的当前行得到新的最上面和最下面的行，把这两行中间的行进行循环选中。
+                    let topAndBottom = this.getTopAndBottom(  row, this.bottomSelectionRow, this.topSelectionRow );
+                    refsElTable.clearSelection(); //先清空 不然会导致在这两行中间之外的行状态不变
+                    for (let index = topAndBottom.top; index <= topAndBottom.bottom; index++) { //选中两行之间的所有行
+                        refsElTable.toggleRowSelection(this.tableData[index], true);
+                    }
+                } else {
+                    let findRow = this.handleSelectionData.find(c => c.rowIndex == row.rowIndex); //找出当前选中行
+                    //如果只有一行且点击的也是这一行则取消选择 否则清空再选中当前点击行
+                    if (findRow&& this.handleSelectionData.length === 1 ) {
+                        refsElTable.toggleRowSelection(row, false);
+                        return;
+                    }
+                    // refsElTable.clearSelection(); // 清空之前选择的数据(如果放开，选择之前会变成单选)
+                    refsElTable.toggleRowSelection(row); // 调用选中行方法
+                }
+            },
+            // 行的 style 的回调方法
+            rowStyle({row,rowIndex}) {
+                // 直接在一个对象上定义一个新属性，或者修改一个对象的现有属性，并返回此对象
+                // object: 要添加或者修改属性的目标对象；prop: 要定义或修改属性的名称；descript: 是一个对象，里面是我们上述的对象属性的特性；
+                Object.defineProperty(row, 'rowIndex', { //给每一行添加不可枚举属性rowIndex来标识当前行
+                    value: rowIndex, // 设置age的值，不设置的话默认为undefined
+                    writable: true, // 表示属性的值true可以修改,false不可以被修改
+                    enumerable: false, // 设置为false表示不能通过 for-in 循环返回
+                    // configurable: false, // configurable 设置为 false，意味着这个属性不能从对象上删除
+                })
+            },
+            keyDown(event) {
+                let key = event.keyCode;
+                if (key == 17) this.CtrlDown = true;
+                if (key == 16 || key == 18) this.shiftOrAltDown = true;
+            },
+            keyUp(event) {
+                let key = event.keyCode;
+                if (key == 17) this.CtrlDown = false;
+                if (key == 16 || key == 18) this.shiftOrAltDown = false;
+            },
+            // 文章说明 https://www.jianshu.com/p/48f2c522d2a2
+            getTopAndBottom(row, bottom, top){
+                let n = row.rowIndex,
+                    mx = bottom.rowIndex,
+                    mi = top.rowIndex;
+                if (n > mx) {
+                    return {
+                        top: mi,
+                        bottom: n
+                    };
+                } else if (n < mx && n > mi) {
+                    return {
+                        top: mi,
+                        bottom: n
+                    };
+                } else if (n < mi) {
+                    return {
+                        top: n,
+                        bottom: mx
+                    };
+                } else if (n == mi || n == mx) {
+                    return {
+                        top: mi,
+                        bottom: mx
+                    };
+                }
+            },
+            // 给选中行加上current-row这个class类，所以要使用row-class-name这个属性（其实给每一行添加rowIndex也可以用这个属性），
+            // 判断方式也是通过判断rowIndex对比
+            rowClassName({ row,  rowIndex }) {
+                let rowName = "",
+                    findRow = this.handleSelectionData.find(c => c.rowIndex === row.rowIndex);
+                if (findRow) {
+                    rowName = "current-row "; // elementUI 默认高亮行的class类 不用再样式了^-^,也可通过css覆盖改变背景颜色
+                }
+                return rowName; //也可以再加上其他类名 如果有需求的话
+            },
+        },
+        mounted() {
+            // 按住ctrl实现多选 设置监听keydown事件,以及keyup事件，
+            addEventListener("keydown", this.keyDown, false);
+            addEventListener("keyup", this.keyUp, false);
+        },
+        beforeDestroy() { //解绑
+            removeEventListener("keydown", this.keyDown);
+            removeEventListener("keyup", this.keyUp);
+        },
+        computed: { //实时得到最上行和最下行
+            bottomSelectionRow() {
+                if (this.handleSelectionData.length == 0) return null;
+                return this.handleSelectionData.reduce((start, end) => {
+                    return start.rowIndex > end.rowIndex ? start : end;
+                });
+            },
+            topSelectionRow() {
+                if (this.handleSelectionData.length == 0) return null;
+                return this.handleSelectionData.reduce((start, end) => {
+                    return start.rowIndex < end.rowIndex ? start : end;
+                });
+            }
+        },
+    }
+</script>
+
+<style scoped>
+.textHide {
+    width: 100%;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+}
+::v-deep.current-row {
+    background: red;
+}
+</style>

src/views/iosBasicData/fininvoices/fininvoicesDetails.vue

@@ -0,0 +1,535 @@
+<template>
+    <div class="borderless" v-loading="pageLoading">
+        <div class="customer-head">
+            <div class="customer-back">
+                <el-button type="danger" style="border: none;background: none;color: red" icon="el-icon-arrow-left"
+                           @click="backToList">返回列表
+                </el-button>
+            </div>
+            <div class="add-customer-btn">
+                <el-button style="margin-left: 10px" type="primary"
+                           size="small"
+                           plain>导出到税控网络客户端
+                </el-button>
+                <el-button type="primary"
+                           size="small"
+                           plain>导出到税控
+                </el-button>
+                <el-button  size="small" type="primary" style="margin-right: 8px" v-if="editSave"
+                            :loading="saveLoading" @click="editHandle">编 辑
+                </el-button>
+                <el-button  size="small" type="primary" style="margin-right: 8px" v-else
+                            :loading="saveLoading" @click="editCustomer">保 存
+                </el-button>
+            </div>
+        </div>
+        <div style="margin: 55px 5px 0px 5px;'">
+            <el-form :model="form" ref="form" label-width="90px" class="demo-ruleForm">
+                <el-card class="box-card">
+                    <el-row>
+                        <el-col :span="5">
+                            <el-form-item label="业务编号" prop="businessNo">
+                                <el-input style="width: 100%;" v-model="form.billNo"
+                                          size="small" autocomplete="off"
+                                          :disabled="true"
+                                          clearable placeholder="请输入业务编号" >
+                                </el-input>
+                            </el-form-item>
+                        </el-col>
+                        <el-col :span="5">
+                            <el-form-item label="单据日期" prop="billDate">
+                                <el-date-picker v-model="form.billDate" clearable
+                                                style="width: 100%;"
+                                                type="date" size="small"
+                                                :disabled="true"
+                                                value-format="yyyy-MM-dd HH:mm"
+                                                placeholder="选择单据日期">
+                                </el-date-picker>
+                            </el-form-item>
+                        </el-col>
+                        <el-col :span="5">
+                            <el-form-item label="制单人" prop="createUserName">
+                                <el-input style="width: 100%;" v-model="form.createUserName"
+                                          size="small" autocomplete="off"
+                                          :disabled="editSave"
+                                          clearable placeholder="请输入制单人" >
+                                </el-input>
+                            </el-form-item>
+                        </el-col>
+                        <el-col :span="5">
+                            <el-form-item label="发票币种" prop="invCurCode">
+                                <el-input style="width: 100%;" v-model="form.invCurCode"
+                                          size="small" autocomplete="off"
+                                          :disabled="editSave"
+                                          clearable placeholder="请输入发票币种" >
+                                </el-input>
+                            </el-form-item>
+                        </el-col>
+                        <el-col :span="4">
+                            <el-form-item label="打印次数" prop="invCurCode">
+                                <el-input style="width: 100%;" v-model="form.invCurCode"
+                                          size="small" autocomplete="off"
+                                          :disabled="editSave"
+                                          clearable placeholder="请输入打印次数" >
+                                </el-input>
+                            </el-form-item>
+                        </el-col>
+                    </el-row>
+                </el-card>
+                <div class="flexBox" style="margin-top: 10px">
+                    <div class="cardBox flexBoxLeft">
+                        <el-row>
+                            <el-col :span="12">
+                                <el-form-item label="发票号码" prop="invoiceNo">
+                                    <el-input style="width: 100%;" v-model="form.invoiceNo"
+                                              size="small" autocomplete="off"
+                                              :disabled="editSave"
+                                              clearable placeholder="请输入发票号码" >
+                                    </el-input>
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="12">
+                                <el-form-item label="开票日期" prop="invoiceDate">
+                                    <el-date-picker v-model="form.invoiceDate" clearable
+                                                    style="width: 100%;"
+                                                    type="date" size="small"
+                                                    :disabled="true"
+                                                    value-format="yyyy-MM-dd HH:mm"
+                                                    placeholder="选择开票日期">
+                                    </el-date-picker>
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="24">
+                                <el-form-item label="税号" prop="invCorpTaxNo">
+                                    <el-input style="width: 100%;" v-model="form.invCorpTaxNo"
+                                              size="small" autocomplete="off"
+                                              :disabled="editSave"
+                                              clearable placeholder="请输入税号" >
+                                    </el-input>
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="12">
+                                <el-form-item label="美元银行" prop="invCorpAccountBankUsd">
+                                    <el-input style="width: 100%;" v-model="form.invCorpAccountBankUsd"
+                                              size="small" autocomplete="off"
+                                              :disabled="editSave"
+                                              clearable placeholder="请输入美元银行" >
+                                    </el-input>
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="12">
+                                <el-form-item label="美元账户" prop="invCorpAccountNoUsd">
+                                    <el-input style="width: 100%;" v-model="form.invCorpAccountNoUsd"
+                                              size="small" autocomplete="off"
+                                              :disabled="editSave"
+                                              clearable placeholder="请输入美元账户" >
+                                    </el-input>
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="12">
+                                <el-form-item label="人民币银行" prop="invCorpAccountBankUsd">
+                                    <el-input style="width: 100%;" v-model="form.invCorpAccountNoCny"
+                                              size="small" autocomplete="off"
+                                              :disabled="editSave"
+                                              clearable placeholder="请输入美元银行" >
+                                    </el-input>
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="12">
+                                <el-form-item label="人民币账户" prop="invCorpAccountNoUsd">
+                                    <el-input style="width: 100%;" v-model="form.invCorpAccountNoCny"
+                                              size="small" autocomplete="off"
+                                              :disabled="editSave"
+                                              clearable placeholder="请输入美元账户" >
+                                    </el-input>
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="12">
+                                <el-form-item label="船名/航次" prop="vesselVoyno">
+                                    <el-input style="width: 100%;" v-model="form.vesselVoyno"
+                                              size="small" autocomplete="off"
+                                              :disabled="editSave"
+                                              clearable placeholder="请输入船名/航次" >
+                                    </el-input>
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="12">
+                                <el-form-item label="开航日期" prop="etd">
+                                    <el-input style="width: 100%;" v-model="form.etd"
+                                              size="small" autocomplete="off"
+                                              :disabled="editSave"
+                                              clearable placeholder="请输入开航日期" >
+                                    </el-input>
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="12">
+                                <el-form-item label="装货港" prop="pol">
+                                    <el-input style="width: 100%;" v-model="form.pol"
+                                              size="small" autocomplete="off"
+                                              :disabled="editSave"
+                                              clearable placeholder="请输入装货港" >
+                                    </el-input>
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="12">
+                                <el-form-item label="卸货港" prop="pod">
+                                    <el-input style="width: 100%;" v-model="form.pod"
+                                              size="small" autocomplete="off"
+                                              :disabled="editSave"
+                                              clearable placeholder="请输入卸货港" >
+                                    </el-input>
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="12">
+                                <el-form-item label="目的地" prop="destination">
+                                    <el-input style="width: 100%;" v-model="form.destination"
+                                              size="small" autocomplete="off"
+                                              :disabled="editSave"
+                                              clearable placeholder="请输入卸货港" >
+                                    </el-input>
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="12">
+                                <el-form-item label="箱型箱量" prop="containers">
+                                    <el-input style="width: 100%;" v-model="form.containers"
+                                              size="small" autocomplete="off"
+                                              :disabled="editSave"
+                                              clearable placeholder="请输入箱型箱量" >
+                                    </el-input>
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="24">
+                                <el-form-item label="开票单位" prop="invCorpCnName">
+                                    <el-input style="width: 100%;" v-model="form.invCorpCnName"
+                                              size="small" autocomplete="off"
+                                              :disabled="editSave"
+                                              clearable placeholder="请输入开票单位" >
+                                    </el-input>
+                                </el-form-item>
+                            </el-col>
+                        </el-row>
+                    </div>
+                    <div class="cardBox flexBoxRight">
+                        <el-row>
+                            <el-col :span="4">
+                                <el-switch
+                                    v-model="form.stlMode"
+                                    active-value="1"
+                                    inactive-value="0"
+                                    active-text="票结"
+                                    inactive-text="月结">
+                                </el-switch>
+                            </el-col>
+                            <el-col :span="6">
+                                <el-checkbox style="margin-left: 10%" size="medium" :true-label="1" :false-label="0"
+                                             :disabled="editSave"
+                                             v-model="form.isDk">整票(不列费用明细)
+                                </el-checkbox>
+                            </el-col>
+                            <el-col :span="5">
+                                <el-checkbox style="margin-left: 10%" size="medium" :true-label="1" :false-label="0"
+                                             :disabled="editSave"
+                                             v-model="form.isRp">只提取开票费用
+                                </el-checkbox>
+                            </el-col>
+                            <el-col :span="3">
+                                <el-checkbox style="margin-left: 10%" size="medium" :true-label="1" :false-label="0"
+                                             :disabled="editSave"
+                                             v-model="form.isExportMblno">主单号
+                                </el-checkbox>
+                            </el-col>
+                            <el-col :span="3">
+                                <el-checkbox style="margin-left: 10%" size="medium" :true-label="1" :false-label="0"
+                                             :disabled="editSave"
+                                             v-model="form.isExportVslvoy">船名航次
+                                </el-checkbox>
+                            </el-col>
+                            <el-col :span="3">
+                                <el-checkbox style="margin-left: 10%" size="medium" :true-label="1" :false-label="0"
+                                             :disabled="editSave"
+                                             v-model="form.isExportHblno">分单号
+                                </el-checkbox>
+                            </el-col>
+                        </el-row>
+                        <el-row>
+                            <el-col :span="8">
+                                <el-form-item label="结算单位" prop="corpCnName">
+                                    <el-input style="width: 100%;" v-model="form.corpCnName"
+                                              size="small" autocomplete="off"
+                                              :disabled="editSave"
+                                              clearable placeholder="请输入结算单位" >
+                                    </el-input>
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="8">
+                                <el-form-item label="开票日期" prop="invoiceDate">
+                                    <el-date-picker v-model="form.invoiceDate" clearable
+                                                    style="width: 100%;"
+                                                    type="date" size="small"
+                                                    :disabled="editSave"
+                                                    value-format="yyyy-MM-dd HH:mm"
+                                                    placeholder="选择开票日期">
+                                    </el-date-picker>
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="8">
+                                <el-form-item label="税控发票号" prop="taxInvoiceNo">
+                                    <el-input style="width: 100%;" v-model="form.taxInvoiceNo"
+                                              size="small" autocomplete="off"
+                                              :disabled="editSave"
+                                              clearable placeholder="请输入税控发票号" >
+                                    </el-input>
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="8">
+                                <el-form-item label="银行账号" prop="bankReceiptAccountNo">
+                                    <el-input style="width: 100%;" v-model="form.bankReceiptAccountNo"
+                                              size="small" autocomplete="off"
+                                              :disabled="editSave"
+                                              clearable placeholder="请输入银行账号" >
+                                    </el-input>
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="8">
+                                <el-form-item label="银行名称" prop="bankReceiptBankName">
+                                    <el-input style="width: 100%;" v-model="form.bankReceiptBankName"
+                                              size="small" autocomplete="off"
+                                              :disabled="editSave"
+                                              clearable placeholder="请输入银行名称" >
+                                    </el-input>
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="8">
+                                <el-form-item label="导出时间" prop="exportDate">
+                                    <el-input style="width: 100%;" v-model="form.exportDate"
+                                              size="small" autocomplete="off"
+                                              :disabled="editSave"
+                                              clearable placeholder="请输入导出时间" >
+                                    </el-input>
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="16">
+                                <el-form-item label="业务编号" prop="businessNo">
+                                    <el-input style="width: 100%;" v-model="form.businessNo"
+                                              size="small" autocomplete="off"
+                                              :disabled="editSave"
+                                              clearable placeholder="请输入导出时间" >
+                                    </el-input>
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="8">
+                                <el-form-item label="导出人" prop="exportName">
+                                    <el-input style="width: 100%;" v-model="form.exportName"
+                                              size="small" autocomplete="off"
+                                              :disabled="editSave"
+                                              clearable placeholder="请输入导出人" >
+                                    </el-input>
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="16">
+                                <el-form-item label="主单编号" prop="mblno">
+                                    <el-input style="width: 100%;" v-model="form.mblno"
+                                              size="small" autocomplete="off"
+                                              :disabled="editSave"
+                                              clearable placeholder="请输入主单编号" >
+                                    </el-input>
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="8">
+                                <el-form-item label="导出汇率" prop="exrate">
+                                    <el-input style="width: 100%;" v-model="form.exrate"
+                                              size="small" autocomplete="off"
+                                              :disabled="editSave"
+                                              clearable placeholder="请输入导出汇率" >
+                                    </el-input>
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="16">
+                                <el-form-item label="分单编号" prop="hblno">
+                                    <el-input style="width: 100%;" v-model="form.hblno"
+                                              size="small" autocomplete="off"
+                                              :disabled="editSave"
+                                              clearable placeholder="请输入分单编号" >
+                                    </el-input>
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="8">
+                                <el-form-item label="发票类型" prop="invType">
+                                    <el-input style="width: 100%;" v-model="form.invType"
+                                              size="small" autocomplete="off"
+                                              :disabled="editSave"
+                                              clearable placeholder="请输入发票类型" >
+                                    </el-input>
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="8">
+                                <el-form-item label="账单号" prop="bookingNo">
+                                    <el-input style="width: 100%;" v-model="form.bookingNo"
+                                              size="small" autocomplete="off"
+                                              :disabled="editSave"
+                                              clearable placeholder="请输入账单号" >
+                                    </el-input>
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="8">
+                                <el-form-item label="对账单号" prop="checkNo">
+                                    <el-input style="width: 100%;" v-model="form.checkNo"
+                                              size="small" autocomplete="off"
+                                              :disabled="editSave"
+                                              clearable placeholder="请输入对账单号" >
+                                    </el-input>
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="8">
+                                <el-form-item label="所属税种" prop="taxType">
+                                    <el-input style="width: 100%;" v-model="form.taxType"
+                                              size="small" autocomplete="off"
+                                              :disabled="editSave"
+                                              clearable placeholder="请输入所属税种" >
+                                    </el-input>
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="8">
+                                <el-form-item label="BOOK NO" prop="bookingNo">
+                                    <el-input style="width: 100%;" v-model="form.bookingNo"
+                                              size="small" autocomplete="off"
+                                              :disabled="editSave"
+                                              clearable placeholder="请输入BOOK NO" >
+                                    </el-input>
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="8">
+                                <el-form-item label="业务类型" prop="businessTypes">
+                                    <el-input style="width: 100%;" v-model="form.businessTypes"
+                                              size="small" autocomplete="off"
+                                              :disabled="editSave"
+                                              clearable placeholder="请输入业务类型" >
+                                    </el-input>
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="8">
+                                <el-form-item label="税率" prop="taxRate">
+                                    <el-input style="width: 100%;" v-model="form.taxRate"
+                                              size="small" autocomplete="off"
+                                              :disabled="editSave"
+                                              clearable placeholder="请输入税率" >
+                                    </el-input>
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="8">
+                                <el-form-item label="选择币种" prop="curCode">
+                                    <el-input style="width: 100%;" v-model="form.curCode"
+                                              size="small" autocomplete="off"
+                                              :disabled="editSave"
+                                              clearable placeholder="请输入选择币种" >
+                                    </el-input>
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="8">
+                                <el-checkbox style="margin-left: 10%" size="medium" :true-label="1" :false-label="0"
+                                             :disabled="editSave"
+                                             v-model="form.isExchangeToCny">转换成人民币
+                                </el-checkbox>
+                                <el-button type="primary"
+                                           size="small"
+                                           icon="el-icon-service"
+                                           plain>提取费用
+                                </el-button>
+                            </el-col>
+                            <el-col :span="8">
+                                <el-form-item label="邮箱" prop="checkNo">
+                                    <el-input style="width: 100%;" v-model="form.checkNo"
+                                              size="small" autocomplete="off"
+                                              :disabled="editSave"
+                                              clearable placeholder="请输入邮箱" >
+                                    </el-input>
+                                </el-form-item>
+                            </el-col>
+
+                        </el-row>
+                    </div>
+                </div>
+
+                <el-card style="margin-top: 10px">
+                    <el-form-item label="全电发票备注:" prop="invCurCode">
+                        <el-input style="width: 100%;" v-model="form.elecRemarks"
+                                  size="small" autocomplete="off"
+                                  :disabled="editSave"
+                                  clearable placeholder="请输入全电发票备注" >
+                        </el-input>
+                    </el-form-item>
+                    <el-form-item label="开票金额合计:" prop="invCurCode">
+                        <span>¥{{form.amountLoc}}元</span>
+                    </el-form-item>
+                </el-card>
+
+                <el-card style="margin-top: 10px">
+                    <div style="margin-bottom: 10px;display: flex;justify-content: space-between">
+                        <div>
+                            <el-button size="small" type="primary">新 建</el-button>
+                            <el-button size="small" type="danger">删 除</el-button>
+                        </div>
+                        <div>
+                            <el-button size="small" type="primary" plain>全部选择</el-button>
+                            <el-button size="small" type="primary" plain>确认费用</el-button>
+                        </div>
+                    </div>
+                    <fininvoicesitems :tableData="[]"></fininvoicesitems>
+                </el-card>
+
+            </el-form>
+        </div>
+    </div>
+</template>
+
+<script>
+import fininvoicesitems from "@/views/iosBasicData/fininvoices/assembly/fininvoicesitems.vue";
+    export default {
+        components:{fininvoicesitems},
+        data() {
+            return {
+                pageLoading:false, // 全屏加载
+                saveLoading:false, // 按钮加载
+                form:{},
+            }
+        },
+        props:{
+            editSave:{
+                type:Boolean,
+                default:false
+            }
+        },
+        methods:{
+            //返回列表
+            backToList() {
+                this.$emit('goBack')
+            },
+        },
+    }
+</script>
+
+<style scoped>
+::v-deep.el-form-item {
+    margin-bottom: 0;
+}
+.cardBox {
+    background: #fff;
+    width: 100%;
+    height: 100%;
+    padding: 20px;
+    box-sizing: border-box;
+    border-radius: 4px;
+    box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
+}
+.flexBox {
+    display: flex;
+}
+.flexBoxLeft {
+    flex: 2;
+    margin-right: 10px;
+    padding-bottom: 40px;
+}
+.flexBoxRight {
+    flex: 3;
+}
+</style>

src/views/iosBasicData/fininvoices/index.vue

@@ -0,0 +1,984 @@
+<template>
+  <div>
+      <basic-container v-if="isShow">
+          <avue-crud :option="option"
+                     :table-loading="loading"
+                     :data="data"
+                     :page.sync="page"
+                     :permission="permissionList"
+                     :before-open="beforeOpen"
+                     v-model="form"
+                     ref="crud"
+                     @row-update="rowUpdate"
+                     @row-save="rowSave"
+                     @row-del="rowDel"
+                     @search-change="searchChange"
+                     @search-reset="searchReset"
+                     @selection-change="selectionChange"
+                     @current-change="currentChange"
+                     @size-change="sizeChange"
+                     @refresh-change="refreshChange"
+                     @on-load="onLoad">
+              <template slot="menuLeft">
+                  <el-button type="success"
+                             size="small"
+                             icon="el-icon-plus"
+                             plain
+                             @click="newbillFun">新建发票
+                  </el-button>
+                  <el-button type="danger"
+                             size="small"
+                             icon="el-icon-delete"
+                             plain
+                             @click="handleDelete">删 除
+                  </el-button>
+              </template>
+          </avue-crud>
+      </basic-container>
+      <fininvoicesDetails ref="fininvoicesDetails" :editSave="editSave" v-if="!isShow" @goBack="goBack"></fininvoicesDetails>
+  </div>
+</template>
+
+<script>
+import {
+    fininvoicesList,
+    fininvoicesDetail,
+    fininvoicesRemove, fininvoicesSubmit
+} from "@/api/iosBasicData/fininvoices";
+import fininvoicesDetails from "@/views/iosBasicData/fininvoices/fininvoicesDetails.vue";
+  import {mapGetters} from "vuex";
+import finstlbillsDetails from "@/views/iosBasicData/finstlbills/finstlbillsDetails.vue";
+
+  export default {
+      components:{finstlbillsDetails, fininvoicesDetails},
+    data() {
+      return {
+          // 详情页面和列表切换
+          isShow:true,
+          editSave:false, // 编辑还是保存
+        form: {},
+        query: {},
+        loading: true,
+        page: {
+          pageSize: 10,
+          currentPage: 1,
+          total: 0
+        },
+        selectionList: [],
+        option: {
+          height:'auto',
+          calcHeight: 30,
+          tip: false,
+          searchShow: true,
+          searchMenuSpan: 6,
+          border: true,
+          index: true,
+          viewBtn: true,
+          selection: true,
+          dialogClickModal: false,
+          column: [
+            {
+              label: "主键",
+              prop: "id",
+              rules: [{
+                required: true,
+                message: "请输入主键",
+                trigger: "blur"
+              }]
+            },
+            {
+              label: "分公司 Id",
+              prop: "branchId",
+              rules: [{
+                required: true,
+                message: "请输入分公司 Id",
+                trigger: "blur"
+              }]
+            },
+            {
+              label: "创建人 Id",
+              prop: "createUser",
+              rules: [{
+                required: true,
+                message: "请输入创建人 Id",
+                trigger: "blur"
+              }]
+            },
+            {
+              label: "创建人",
+              prop: "createUserName",
+              rules: [{
+                required: true,
+                message: "请输入创建人",
+                trigger: "blur"
+              }]
+            },
+            {
+              label: "创建部门 Id",
+              prop: "createDept",
+              rules: [{
+                required: true,
+                message: "请输入创建部门 Id",
+                trigger: "blur"
+              }]
+            },
+            {
+              label: "创建部门",
+              prop: "createDeptName",
+              rules: [{
+                required: true,
+                message: "请输入创建部门",
+                trigger: "blur"
+              }]
+            },
+            {
+              label: "创建时间",
+              prop: "createTime",
+              rules: [{
+                required: true,
+                message: "请输入创建时间",
+                trigger: "blur"
+              }]
+            },
+            {
+              label: "修改人 Id",
+              prop: "updateUser",
+              rules: [{
+                required: true,
+                message: "请输入修改人 Id",
+                trigger: "blur"
+              }]
+            },
+            {
+              label: "修改人",
+              prop: "updateUserName",
+              rules: [{
+                required: true,
+                message: "请输入修改人",
+                trigger: "blur"
+              }]
+            },
+            {
+              label: "修改时间",
+              prop: "updateTime",
+              rules: [{
+                required: true,
+                message: "请输入修改时间",
+                trigger: "blur"
+              }]
+            },
+            {
+              label: "单据编号",
+              prop: "billNo",
+              rules: [{
+                required: true,
+                message: "请输入单据编号",
+                trigger: "blur"
+              }]
+            },
+            {
+              label: "单据日期",
+              prop: "billDate",
+              rules: [{
+                required: true,
+                message: "请输入单据日期",
+                trigger: "blur"
+              }]
+            },
+            {
+              label: "发票号码",
+              prop: "invoiceNo",
+              rules: [{
+                required: true,
+                message: "请输入发票号码",
+                trigger: "blur"
+              }]
+            },
+            {
+              label: "开票日期",
+              prop: "invoiceDate",
+              rules: [{
+                required: true,
+                message: "请输入开票日期",
+                trigger: "blur"
+              }]
+            },
+            {
+              label: "原发票号码",
+              prop: "origInvoiceNo",
+              rules: [{
+                required: true,
+                message: "请输入原发票号码",
+                trigger: "blur"
+              }]
+            },
+            {
+              label: "税务发票号码",
+              prop: "taxInvoiceNo",
+              rules: [{
+                required: true,
+                message: "请输入税务发票号码",
+                trigger: "blur"
+              }]
+            },
+            {
+              label: "发票类型：全电",
+              prop: "invType",
+              rules: [{
+                required: true,
+                message: "请输入发票类型：全电",
+                trigger: "blur"
+              }]
+            },
+            {
+              label: "所属税种: 普通发票 专用发票",
+              prop: "taxType",
+              rules: [{
+                required: true,
+                message: "请输入所属税种: 普通发票 专用发票",
+                trigger: "blur"
+              }]
+            },
+            {
+              label: "税率 %",
+              prop: "taxRate",
+              rules: [{
+                required: true,
+                message: "请输入税率 %",
+                trigger: "blur"
+              }]
+            },
+            {
+              label: "结算方式（0 票结 1月结）",
+              prop: "stlMode",
+              rules: [{
+                required: true,
+                message: "请输入结算方式（0 票结 1月结）",
+                trigger: "blur"
+              }]
+            },
+            {
+              label: "发票币种",
+              prop: "invCurCode",
+              rules: [{
+                required: true,
+                message: "请输入发票币种",
+                trigger: "blur"
+              }]
+            },
+            {
+              label: "客户 id",
+              prop: "corpId",
+              rules: [{
+                required: true,
+                message: "请输入客户 id",
+                trigger: "blur"
+              }]
+            },
+            {
+              label: "客户中文名称，显示不修改",
+              prop: "corpCnName",
+              rules: [{
+                required: true,
+                message: "请输入客户中文名称，显示不修改",
+                trigger: "blur"
+              }]
+            },
+            {
+              label: "客户英文名称，显示不修改",
+              prop: "corpEnName",
+              rules: [{
+                required: true,
+                message: "请输入客户英文名称，显示不修改",
+                trigger: "blur"
+              }]
+            },
+            {
+              label: "客户开票单位名称，可修改",
+              prop: "corpInvoiceHeader",
+              rules: [{
+                required: true,
+                message: "请输入客户开票单位名称，可修改",
+                trigger: "blur"
+              }]
+            },
+            {
+              label: "开票单位 id",
+              prop: "invCorpId",
+              rules: [{
+                required: true,
+                message: "请输入开票单位 id",
+                trigger: "blur"
+              }]
+            },
+            {
+              label: "开票单位中文名称",
+              prop: "invCorpCnName",
+              rules: [{
+                required: true,
+                message: "请输入开票单位中文名称",
+                trigger: "blur"
+              }]
+            },
+            {
+              label: "开票单位英文名称",
+              prop: "invCorpEnName",
+              rules: [{
+                required: true,
+                message: "请输入开票单位英文名称",
+                trigger: "blur"
+              }]
+            },
+            {
+              label: "开票单位税号",
+              prop: "invCorpTaxNo",
+              rules: [{
+                required: true,
+                message: "请输入开票单位税号",
+                trigger: "blur"
+              }]
+            },
+            {
+              label: "开票单位 CNY 开户银行",
+              prop: "invCorpAccountBankCny",
+              rules: [{
+                required: true,
+                message: "请输入开票单位 CNY 开户银行",
+                trigger: "blur"
+              }]
+            },
+            {
+              label: "开票单位 CNY 银行账号",
+              prop: "invCorpAccountNoCny",
+              rules: [{
+                required: true,
+                message: "请输入开票单位 CNY 银行账号",
+                trigger: "blur"
+              }]
+            },
+            {
+              label: "开票单位 CNY 开户银行",
+              prop: "invCorpAccountBankUsd",
+              rules: [{
+                required: true,
+                message: "请输入开票单位 CNY 开户银行",
+                trigger: "blur"
+              }]
+            },
+            {
+              label: "开票单位 CNY 银行账号",
+              prop: "invCorpAccountNoUsd",
+              rules: [{
+                required: true,
+                message: "请输入开票单位 CNY 银行账号",
+                trigger: "blur"
+              }]
+            },
+            {
+              label: "船名、航次",
+              prop: "vesselVoyno",
+              rules: [{
+                required: true,
+                message: "请输入船名、航次",
+                trigger: "blur"
+              }]
+            },
+            {
+              label: "开船日",
+              prop: "etd",
+              rules: [{
+                required: true,
+                message: "请输入开船日",
+                trigger: "blur"
+              }]
+            },
+            {
+              label: "装货港",
+              prop: "pol",
+              rules: [{
+                required: true,
+                message: "请输入装货港",
+                trigger: "blur"
+              }]
+            },
+            {
+              label: "卸货港",
+              prop: "pod",
+              rules: [{
+                required: true,
+                message: "请输入卸货港",
+                trigger: "blur"
+              }]
+            },
+            {
+              label: "目的地",
+              prop: "destination",
+              rules: [{
+                required: true,
+                message: "请输入目的地",
+                trigger: "blur"
+              }]
+            },
+            {
+              label: "箱型、箱量",
+              prop: "containers",
+              rules: [{
+                required: true,
+                message: "请输入箱型、箱量",
+                trigger: "blur"
+              }]
+            },
+            {
+              label: "币种，用于检索费用，空字符串表示所有币种",
+              prop: "curCode",
+              rules: [{
+                required: true,
+                message: "请输入币种，用于检索费用，空字符串表示所有币种",
+                trigger: "blur"
+              }]
+            },
+            {
+              label: "原汇率，外币转为本币的汇率",
+              prop: "exrate",
+              rules: [{
+                required: true,
+                message: "请输入原汇率，外币转为本币的汇率",
+                trigger: "blur"
+              }]
+            },
+            {
+              label: "是否转换为人民币（0 否 1是）",
+              prop: "isExchangeToCny",
+              rules: [{
+                required: true,
+                message: "请输入是否转换为人民币（0 否 1是）",
+                trigger: "blur"
+              }]
+            },
+            {
+              label: "业务类型，用于检索费用",
+              prop: "businessTypes",
+              rules: [{
+                required: true,
+                message: "请输入业务类型，用于检索费用",
+                trigger: "blur"
+              }]
+            },
+            {
+              label: "业务单据编号，用于检索费用",
+              prop: "businessNo",
+              rules: [{
+                required: true,
+                message: "请输入业务单据编号，用于检索费用",
+                trigger: "blur"
+              }]
+            },
+            {
+              label: "对账单编号，用于检索费用",
+              prop: "checkNo",
+              rules: [{
+                required: true,
+                message: "请输入对账单编号，用于检索费用",
+                trigger: "blur"
+              }]
+            },
+            {
+              label: "MBL NO，用于检索费用",
+              prop: "mblno",
+              rules: [{
+                required: true,
+                message: "请输入MBL NO，用于检索费用",
+                trigger: "blur"
+              }]
+            },
+            {
+              label: "HBL NO，用于检索费用",
+              prop: "hblno",
+              rules: [{
+                required: true,
+                message: "请输入HBL NO，用于检索费用",
+                trigger: "blur"
+              }]
+            },
+            {
+              label: "订舱，用于检索费用",
+              prop: "bookingNo",
+              rules: [{
+                required: true,
+                message: "请输入订舱，用于检索费用",
+                trigger: "blur"
+              }]
+            },
+            {
+              label: "船名 id",
+              prop: "vesselId",
+              rules: [{
+                required: true,
+                message: "请输入船名 id",
+                trigger: "blur"
+              }]
+            },
+            {
+              label: "中文船名",
+              prop: "vesselCnName",
+              rules: [{
+                required: true,
+                message: "请输入中文船名",
+                trigger: "blur"
+              }]
+            },
+            {
+              label: "英文船名",
+              prop: "vesselEnName",
+              rules: [{
+                required: true,
+                message: "请输入英文船名",
+                trigger: "blur"
+              }]
+            },
+            {
+              label: "航次",
+              prop: "voyageNo",
+              rules: [{
+                required: true,
+                message: "请输入航次",
+                trigger: "blur"
+              }]
+            },
+            {
+              label: "财务开始日期",
+              prop: "accountDateFrom",
+              rules: [{
+                required: true,
+                message: "请输入财务开始日期",
+                trigger: "blur"
+              }]
+            },
+            {
+              label: "财务结束日期",
+              prop: "accountDateTo",
+              rules: [{
+                required: true,
+                message: "请输入财务结束日期",
+                trigger: "blur"
+              }]
+            },
+            {
+              label: "申请人 Id",
+              prop: "applicantId",
+              rules: [{
+                required: true,
+                message: "请输入申请人 Id",
+                trigger: "blur"
+              }]
+            },
+            {
+              label: "申请人",
+              prop: "applicantName",
+              rules: [{
+                required: true,
+                message: "请输入申请人",
+                trigger: "blur"
+              }]
+            },
+            {
+              label: "审核人 Id",
+              prop: "approverId",
+              rules: [{
+                required: true,
+                message: "请输入审核人 Id",
+                trigger: "blur"
+              }]
+            },
+            {
+              label: "审核人",
+              prop: "approverName",
+              rules: [{
+                required: true,
+                message: "请输入审核人",
+                trigger: "blur"
+              }]
+            },
+            {
+              label: "是否代理发票, 0 否, 1 是",
+              prop: "isAgent",
+              rules: [{
+                required: true,
+                message: "请输入是否代理发票, 0 否, 1 是",
+                trigger: "blur"
+              }]
+            },
+            {
+              label: "是否 DK, 0 否, 1 是",
+              prop: "isDk",
+              rules: [{
+                required: true,
+                message: "请输入是否 DK, 0 否, 1 是",
+                trigger: "blur"
+              }]
+            },
+            {
+              label: "是否 RP, 0 否, 1 是",
+              prop: "isRp",
+              rules: [{
+                required: true,
+                message: "请输入是否 RP, 0 否, 1 是",
+                trigger: "blur"
+              }]
+            },
+            {
+              label: "RP 名称",
+              prop: "rpName",
+              rules: [{
+                required: true,
+                message: "请输入RP 名称",
+                trigger: "blur"
+              }]
+            },
+            {
+              label: "导出日期",
+              prop: "exportDate",
+              rules: [{
+                required: true,
+                message: "请输入导出日期",
+                trigger: "blur"
+              }]
+            },
+            {
+              label: "导出人 Id",
+              prop: "exportId",
+              rules: [{
+                required: true,
+                message: "请输入导出人 Id",
+                trigger: "blur"
+              }]
+            },
+            {
+              label: "导出人",
+              prop: "exportName",
+              rules: [{
+                required: true,
+                message: "请输入导出人",
+                trigger: "blur"
+              }]
+            },
+            {
+              label: "是否导出船名航次（0 否 1是）",
+              prop: "isExportVslvoy",
+              rules: [{
+                required: true,
+                message: "请输入是否导出船名航次（0 否 1是）",
+                trigger: "blur"
+              }]
+            },
+            {
+              label: "是否导出主单号（0 否 1是）",
+              prop: "isExportMblno",
+              rules: [{
+                required: true,
+                message: "请输入是否导出主单号（0 否 1是）",
+                trigger: "blur"
+              }]
+            },
+            {
+              label: "是否导出分单号（0 否 1是）",
+              prop: "isExportHblno",
+              rules: [{
+                required: true,
+                message: "请输入是否导出分单号（0 否 1是）",
+                trigger: "blur"
+              }]
+            },
+            {
+              label: "发票本位币(CNY)",
+              prop: "amountCny",
+              rules: [{
+                required: true,
+                message: "请输入发票本位币(CNY)",
+                trigger: "blur"
+              }]
+            },
+            {
+              label: "发票 USD",
+              prop: "amountUsd",
+              rules: [{
+                required: true,
+                message: "请输入发票 USD",
+                trigger: "blur"
+              }]
+            },
+            {
+              label: "税额(CNY)",
+              prop: "amountTax",
+              rules: [{
+                required: true,
+                message: "请输入税额(CNY)",
+                trigger: "blur"
+              }]
+            },
+            {
+              label: "合计本位币(CNY )",
+              prop: "amountLoc",
+              rules: [{
+                required: true,
+                message: "请输入合计本位币(CNY )",
+                trigger: "blur"
+              }]
+            },
+            {
+              label: "全电发票备注",
+              prop: "elecRemarks",
+              rules: [{
+                required: true,
+                message: "请输入全电发票备注",
+                trigger: "blur"
+              }]
+            },
+            {
+              label: "银行进账单出票人名称",
+              prop: "bankReceiptCorpName",
+              rules: [{
+                required: true,
+                message: "请输入银行进账单出票人名称",
+                trigger: "blur"
+              }]
+            },
+            {
+              label: "银行进账单出票银行",
+              prop: "bankReceiptBankName",
+              rules: [{
+                required: true,
+                message: "请输入银行进账单出票银行",
+                trigger: "blur"
+              }]
+            },
+            {
+              label: "银行进账单出票银行账号",
+              prop: "bankReceiptAccountNo",
+              rules: [{
+                required: true,
+                message: "请输入银行进账单出票银行账号",
+                trigger: "blur"
+              }]
+            },
+            {
+              label: "银行进账单票据种类,支票 汇票 承兑汇票",
+              prop: "bankReceiptBillType",
+              rules: [{
+                required: true,
+                message: "请输入银行进账单票据种类,支票 汇票 承兑汇票",
+                trigger: "blur"
+              }]
+            },
+            {
+              label: "银行进账单票据张数",
+              prop: "bankReceiptBillCount",
+              rules: [{
+                required: true,
+                message: "请输入银行进账单票据张数",
+                trigger: "blur"
+              }]
+            },
+            {
+              label: "银行进账单是否已进账(收款)",
+              prop: "bankReceiptIsIncome",
+              rules: [{
+                required: true,
+                message: "请输入银行进账单是否已进账(收款)",
+                trigger: "blur"
+              }]
+            },
+            {
+              label: "版本",
+              prop: "version",
+              rules: [{
+                required: true,
+                message: "请输入版本",
+                trigger: "blur"
+              }]
+            },
+            {
+              label: "状态（0 正常 1停用）",
+              prop: "status",
+              rules: [{
+                required: true,
+                message: "请输入状态（0 正常 1停用）",
+                trigger: "blur"
+              }]
+            },
+            {
+              label: "是否已删除（0 否 1是）",
+              prop: "isDeleted",
+              rules: [{
+                required: true,
+                message: "请输入是否已删除（0 否 1是）",
+                trigger: "blur"
+              }]
+            },
+            {
+              label: "备注",
+              prop: "remarks",
+              rules: [{
+                required: true,
+                message: "请输入备注",
+                trigger: "blur"
+              }]
+            },
+          ]
+        },
+        data: []
+      };
+    },
+    computed: {
+      ...mapGetters(["permission"]),
+      permissionList() {
+        return {
+          addBtn: this.vaildData(this.permission.fininvoices_add, false),
+          viewBtn: this.vaildData(this.permission.fininvoices_view, false),
+          delBtn: this.vaildData(this.permission.fininvoices_delete, false),
+          editBtn: this.vaildData(this.permission.fininvoices_edit, false)
+        };
+      },
+      ids() {
+        let ids = [];
+        this.selectionList.forEach(ele => {
+          ids.push(ele.id);
+        });
+        return ids.join(",");
+      }
+    },
+    methods: {
+        // 新建发票
+      newbillFun(){
+          this.isShow = false;
+      },
+        // 详情的返回列表
+        goBack() {
+            // 初始化数据
+            // this.detailData = this.$options.data().detailData;
+            if (JSON.stringify(this.$route.query) != "{}") {
+                this.$router.$avueRouter.closeTag();
+                this.$router.push({
+                    path: "/iosBasicData/fininvoices/index"
+                });
+            }
+            this.isShow = true;
+            this.onLoad(this.page, this.search);
+        },
+
+
+      rowSave(row, done, loading) {
+        fininvoicesSubmit(row).then(() => {
+          this.onLoad(this.page);
+          this.$message({
+            type: "success",
+            message: "操作成功!"
+          });
+          done();
+        }, error => {
+          loading();
+          window.console.log(error);
+        });
+      },
+      rowUpdate(row, index, done, loading) {
+        fininvoicesSubmit(row).then(() => {
+          this.onLoad(this.page);
+          this.$message({
+            type: "success",
+            message: "操作成功!"
+          });
+          done();
+        }, error => {
+          loading();
+          console.log(error);
+        });
+      },
+      rowDel(row) {
+        this.$confirm("确定将选择数据删除?", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
+        })
+          .then(() => {
+            return fininvoicesRemove(row.id);
+          })
+          .then(() => {
+            this.onLoad(this.page);
+            this.$message({
+              type: "success",
+              message: "操作成功!"
+            });
+          });
+      },
+      handleDelete() {
+        if (this.selectionList.length === 0) {
+          this.$message.warning("请选择至少一条数据");
+          return;
+        }
+        this.$confirm("确定将选择数据删除?", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
+        })
+          .then(() => {
+            return fininvoicesRemove(this.ids);
+          })
+          .then(() => {
+            this.onLoad(this.page);
+            this.$message({
+              type: "success",
+              message: "操作成功!"
+            });
+            this.$refs.crud.toggleSelection();
+          });
+      },
+      beforeOpen(done, type) {
+        if (["edit", "view"].includes(type)) {
+          fininvoicesDetail(this.form.id).then(res => {
+            this.form = res.data.data;
+          });
+        }
+        done();
+      },
+      searchReset() {
+        this.query = {};
+        this.onLoad(this.page);
+      },
+      searchChange(params, done) {
+        this.query = params;
+        this.page.currentPage = 1;
+        this.onLoad(this.page, params);
+        done();
+      },
+      selectionChange(list) {
+        this.selectionList = list;
+      },
+      selectionClear() {
+        this.selectionList = [];
+        this.$refs.crud.toggleSelection();
+      },
+      currentChange(currentPage){
+        this.page.currentPage = currentPage;
+      },
+      sizeChange(pageSize){
+        this.page.pageSize = pageSize;
+      },
+      refreshChange() {
+        this.onLoad(this.page, this.query);
+      },
+      onLoad(page, params = {}) {
+        this.loading = true;
+        fininvoicesList(page.currentPage, page.pageSize, Object.assign(params, this.query)).then(res => {
+          const data = res.data.data;
+          this.page.total = data.total;
+          this.data = data.records;
+          this.loading = false;
+          this.selectionClear();
+        });
+      }
+    }
+  };
+</script>
+
+<style>
+</style>

src/views/warehousing/costModify/index.vue

@@ -847,7 +847,7 @@ export default {
         ysl: null,
         voy: null,
         pol: null,
-        pod: null,
+          destinationpod: null,
         qtyPlan: null,
         qtyDisPatch: null,
         weightPlan: null,

src/views/wel/home/xindongPower/xindongPower.vue

@@ -187,14 +187,14 @@
                             align="center"
                             show-overflow-tooltip
                             label="订单状态">
-                            <template slot-scope="{row}">
-                                <span v-for="item in dingdanzhuangtai"
-                                      :style="{background: item.colour}"
-                                      class="bottomBox"
-                                      v-if="item.dictKey == row.status">
-                                    {{item.dictValue}}
-                                </span>
-                            </template>
+                            <!--<template slot-scope="{row}">-->
+                            <!--    <span v-for="item in dingdanzhuangtai"-->
+                            <!--          :style="{background: item.colour}"-->
+                            <!--          class="bottomBox"-->
+                            <!--          v-if="item.dictKey == row.status">-->
+                            <!--        {{item.dictValue}}-->
+                            <!--    </span>-->
+                            <!--</template>-->
                         </el-table-column>
                         <el-table-column
                             prop="payStatus"
@@ -285,14 +285,14 @@
         created() {
             this.amountStatisticsfun()
             this.annual3 = getYearDate().toString(); // 获取当前时间
-            // 支付状态
-            this.getWorkDicts("settlement_Status").then(res => {
-                this.orderStatusList = res.data.data
-            });
-            // 订单状态
-            this.getWorkDicts("sales_Status").then(res => {
-                this.dingdanzhuangtai = res.data.data
-            });
+            // // 支付状态
+            // this.getWorkDicts("settlement_Status").then(res => {
+            //     this.orderStatusList = res.data.data
+            // });
+            // // 订单状态
+            // this.getWorkDicts("sales_Status").then(res => {
+            //     this.dingdanzhuangtai = res.data.data
+            // });
             // 获取当前登录人数据
             this.saberUserInfo = JSON.parse(localStorage.getItem("saber-userInfo")).content;
             if (this.saberUserInfo.role_name.indexOf('业务员') != -1) {