tire-platform-ui/src/views/iosBasicData/SeafreightExportF/bills/assembly/feecenter.vue

<template>
    <div>
        <div>
            <el-form :model="assemblyForm" ref="form" label-width="90px" style="margin-bottom: 4px" class="demo-ruleForm">
                <el-row :gutter="10">
                    <el-col :span="6">
                        <el-form-item label="客户名称" prop="corpCnName" >
                            <span slot="label">
                                <span style="color: #1e9fff">客户名称</span>
                            </span>
                            <el-input type="age" style="width: 100%;" v-model="assemblyForm.corpCnName"
                                      size="small" autocomplete="off"
                                      disabled
                                      clearable placeholder="客户名称" ></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="6">
                        <el-form-item label="提单号" prop="mblno" >
                            <span slot="label">
                                <span style="color: #1e9fff">提单号</span>
                            </span>
                            <el-input type="age" style="width: 100%;" v-model="assemblyForm.mblno"
                                      size="small" autocomplete="off"
                                      disabled
                                      clearable placeholder="提单号" ></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="6">
                        <el-form-item label="箱型箱量" prop="containers" >
                            <span slot="label">
                                <span style="color: #1e9fff">箱型箱量</span>
                            </span>
                            <el-input type="age" style="width: 100%;" v-model="assemblyForm.quantityCntrDescr"
                                      size="small" autocomplete="off"
                                      disabled
                                      clearable placeholder="箱型箱量" ></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="6">
                        <el-form-item label="booking NO" prop="bookingNo" >
                            <span slot="label">
                                <span style="color: #1e9fff">booking NO</span>
                            </span>
                            <el-input type="age" style="width: 100%;" v-model="assemblyForm.bookingNo"
                                      size="small" autocomplete="off"
                                      disabled
                                      clearable placeholder="booking NO" ></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>
            </el-form>
        </div>
        <!--显示 admin，应收修改，应收查看，应收查看只有打印账单一个功能 -->
        <el-card v-show="roleName.indexOf('admin') != -1 || roleName.indexOf('应收修改') != -1?true:roleName.indexOf('应收查看') != -1" class="box-card">
            <avue-crud :option="optionD"
                       :table-loading="loadingD"
                       :data="assemblyForm.feeCenterListD"
                       v-model="formD"
                       id="out-table"
                       :header-cell-class-name="headerClassName"
                       ref="crud"
                       :row-style="{height:'20px'}"
                       :cell-style="{padding:'0px'}"
                       @selection-change="handleSelectionChange($event,'D')"
                       @resetColumn="resetColumnTwo('crud', 'optionD', 'optionDBack', 309.2)"
                       @saveColumn="saveColumnTwo('crud', 'optionD', 'optionDBack', 309.2)" >
                <template slot="menuLeft">
                    <div style="display: inline-block;margin-right: 20px" class="disabledBox fontSize">
                        <i class="el-icon-coin"></i>
                        <span>应收费用</span>
                    </div>
                    <el-button v-if="roleName.indexOf('admin') != -1 || roleName.indexOf('应收修改') != -1"
                               type="danger" plain size="small"
                               :disabled="!selectionDList.length || detailData.seeDisabled || pleasereviewType"
                               @click="batchDelete('D')">一键删除
                    </el-button>
                    <el-button v-if="roleName.indexOf('admin') != -1 ||  roleName.indexOf('应收修改') != -1"
                               type="success" plain size="small"
                               :disabled="!selectionDList.length || detailData.seeDisabled || pleasereviewType"
                               @click="GenerateBillsfun('D')">生成账单
                    </el-button>
                    <el-button v-if="roleName.indexOf('admin') != -1 ||  roleName.indexOf('应收修改') != -1"
                               type="danger" plain size="small"
                               :disabled="!selectionDList.length || detailData.seeDisabled || pleasereviewType"
                               @click="RevokingBillsfun('D')">撤销账单
                    </el-button>
                    <el-button type="primary" plain size="small" @click="printingCostsfun('D')">打印账单</el-button>
                    <el-button v-if="roleName.indexOf('admin') != -1 || roleName.indexOf('应收修改') != -1"
                               type="success" plain size="small"
                               :disabled="!this.assemblyForm.id || detailData.seeDisabled || pleasereviewType"
                               @click="templateClick('D')">应收模板</el-button>
                    <el-button v-if="roleName.indexOf('admin') != -1 || roleName.indexOf('应收修改') != -1"
                               type="info" plain size="small"
                               :disabled="detailData.seeDisabled || pleasereviewType"
                               @click="feecenterSubmitListfun">一键保存</el-button>
                    <el-button v-if="roleName.indexOf('admin') != -1 || roleName.indexOf('应收修改') != -1"
                               type="info" plain size="small"
                               :disabled="detailData.seeDisabled || pleasereviewType"
                               @click="feecenterEditfun('D')">一键编辑
                    </el-button>
                    <el-button v-if="roleName.indexOf('admin') != -1 || roleName.indexOf('应收修改') != -1"
                               type="primary" plain size="small"
                               :disabled="detailData.seeDisabled || pleasereviewType"
                               @click="copyfun('D')">生成应付</el-button>
                </template>
                <template slot="indexHeader" slot-scope="scope">
                    <el-button v-if="roleName.indexOf('admin') != -1 || roleName.indexOf('应收修改') != -1"
                               type="primary" size="small" icon="el-icon-plus" circle
                               :disabled="detailData.seeDisabled || pleasereviewType"
                               @click="addDfun"></el-button>
                </template>
                <template slot="index" slot-scope="scope">
                    <span>{{scope.index + 1}}</span>
                </template>
                <template slot="accStatus" slot-scope="{row,size}">
                    <span>{{row.accStatus?'是':'否'}}</span>
                </template>
                <template slot="corpCnName" slot-scope="{ row }">
                    <search-query v-if="row.edit"
                                  :datalist="corpCnNameData"
                                  :selectValue="row.corpCnName"
                                  :filterable="true"
                                  :clearable="true"
                                  :remote="true"
                                  :buttonIf="false"
                                  :forParameter="{key:'id',label:'cnName',value:'cnName'}"
                                  @remoteMethod="getBcorpsListfun($event,'corpCnName')"
                                  @corpChange="corpChange($event,'corpCnName',row,'D')"
                                  @corpFocus="getBcorpsListfun($event,'corpCnName')" >
                    </search-query>
                    <span v-else style="color: #1e9fff" @click="corpClick(row)">{{row.corpCnName}}</span>
                </template>
                <template slot="feeCnName" slot-scope="{ row }">
                    <search-query v-if="row.edit"
                                  :datalist="feeCnNameData"
                                  :selectValue="row.feeCnName"
                                  :filterable="true"
                                  :clearable="true"
                                  :remote="true"
                                  :buttonIf="false"
                                  :forParameter="{key:'id',label:'cnName',value:'cnName'}"
                                  @remoteMethod="bfeesListfun($event,'feeCnName')"
                                  @corpChange="corpChange($event,'feeCnName',row,'D')"
                                  @corpFocus="bfeesListfun($event,'feeCnName')" >
                    </search-query>
                    <span v-else >{{row.feeCnName}}</span>
                </template>
                <template slot="elementsCnName" slot-scope="{ row }">
                    <search-query v-if="row.edit"
                                  :datalist="elementsData"
                                  :selectValue="row.elementsCnName"
                                  :filterable="true"
                                  :clearable="true"
                                  :remote="true"
                                  :buttonIf="false"
                                  :forParameter="{key:'id',label:'cnName',value:'cnName'}"
                                  @remoteMethod="getBaccelementsListfun($event,'elementsCnName')"
                                  @corpChange="corpChange($event,'elementsCnName',row,'D')"
                                  @corpFocus="getBaccelementsListfun($event,'elementsCnName')" >
                    </search-query>
                    <span v-else >{{row.elementsCnName}}</span>
                </template>
                <template slot="paymode" slot-scope="{ row }">
                    <search-query v-if="row.edit"
                                  :datalist="paymodeData"
                                  :selectValue="row.paymode"
                                  :clearable="true"
                                  :buttonIf="false"
                                  :forParameter="{key:'dictKey',label:'dictValue',value:'dictKey'}"
                                  @corpChange="corpChange($event,'paymode',row,'D')"
                                  @corpFocus="paymodeWorkDictsfun" >
                    </search-query>
                    <span v-else>{{row.paymode}}</span>
                </template>
                <template slot="unitNo" slot-scope="{ row }">
                    <search-query v-if="row.edit"
                                  :datalist="unitNoData"
                                  :selectValue="row.unitNo"
                                  :filterable="true"
                                  :clearable="true"
                                  :remote="true"
                                  :buttonIf="false"
                                  :forParameter="{key:'id',label:'code',value:'code',disabled:'status'}"
                                  @corpFocus="getBunitsPagefun"
                                  @corpChange="corpChange($event,'unitNo',row,'D')" >
                    </search-query>
                    <span v-else>{{row.unitNo}}</span>
                </template>
                <template slot="curCode" slot-scope="{ row }">
                    <search-query v-if="row.edit"
                                  :datalist="curCodeData"
                                  :selectValue="row.curCode"
                                  :filterable="true"
                                  :clearable="true"
                                  :remote="true"
                                  :buttonIf="false"
                                  :forParameter="{key:'id',label:'code',value:'code'}"
                                  @remoteMethod="bcurrencyGetExratefun('D')"
                                  @corpChange="corpChange($event,'curCode',row,'D')"
                                  @corpFocus="bcurrencyGetExratefun('D')" >
                    </search-query>
                    <span v-else>{{row.curCode}}</span>
                </template>
                <template slot="isTax" slot-scope="{row}">
                    <span>{{row.isTax?'是':'否'}}</span>
                </template>
                <template slot="price" slot-scope="{ row }">
                    <el-input-number v-if="row.edit" v-model="row.price" size="small"
                              :controls="false" :precision="2"
                              placeholder="请输入" @blur="priceinputfun($event,row)" ></el-input-number>
                    <span v-else>{{row.price}}</span>
                </template>
                <template slot="quantity" slot-scope="{ row }">
                    <el-input-number v-if="row.edit" v-model="row.quantity" size="small" :min="1"
                              :controls="false" :precision="0"
                              placeholder="请输入" @blur="quantityinputfun(row)"></el-input-number>
                    <span v-else>{{row.quantity}}</span>
                </template>
                <template slot="remarks" slot-scope="{ row }">
                    <el-input v-if="row.edit" v-model="row.remarks" size="small"
                              placeholder="请输入" ></el-input>
                    <span v-else>{{row.remarks}}</span>
                </template>
                <template slot-scope="scope" slot="menu">
                    <!--<el-button v-if="scope.row.edit" type="text" size="small" @click="savefun(scope.row,scope.index,'D')">保存</el-button>-->
                    <!--<el-button v-else type="text" size="small" :disabled="scope.row.accStatus || detailData.seeDisabled || pleasereviewType" @click="editDfun(scope.row,scope.index)">编辑</el-button>-->
                    <el-button type="text" size="small" :disabled="scope.row.accStatus || detailData.seeDisabled || pleasereviewType" @click="deletefun(scope.row,scope.index,'D')">删除</el-button>
                </template>
            </avue-crud>
        </el-card>
        <!--显示 admin，应付修改，应付查看，应付查看只有打印账单一个功能 -->
        <el-card v-show="roleName.indexOf('admin') != -1 || roleName.indexOf('应付修改') != -1?true:roleName.indexOf('应付查看') != -1" class="box-card" style="margin: 20px 0">
            <avue-crud :option="optionC"
                       :table-loading="loadingC"
                       :data="assemblyForm.feeCenterListC"
                       v-model="formC"
                       id="out-table"
                       :header-cell-class-name="headerClassName"
                       ref="crud"
                       :row-style="{height:'20px'}"
                       :cell-style="{padding:'0px'}"
                       @selection-change="handleSelectionChange($event,'C')"
                       @resetColumn="resetColumnTwo('crud', 'optionC', 'optionCBack', 309.3)"
                       @saveColumn="saveColumnTwo('crud', 'optionC', 'optionCBack', 309.3)" >
                <template slot="menuLeft">
                    <div style="display: inline-block;margin-right: 20px" class="disabledBox meetSize">
                        <i class="el-icon-coin"></i>
                        <span>应付费用</span>
                    </div>
                    <el-button v-if="roleName.indexOf('admin') != -1 || roleName.indexOf('应付修改') != -1"
                               type="danger" plain size="small"
                               :disabled="!selectionCList.length || detailData.seeDisabled || pleasereviewType"
                               @click="batchDelete('C')">一键删除
                    </el-button>
                    <el-button v-if="roleName.indexOf('admin') != -1 || roleName.indexOf('应付修改') != -1"
                               type="primary" plain size="small"
                               :disabled="!selectionCList.length || detailData.seeDisabled || pleasereviewType"
                               @click="GenerateBillsfun('C')" >生成账单
                    </el-button>
                    <el-button v-if="roleName.indexOf('admin') != -1 || roleName.indexOf('应付修改') != -1"
                               type="danger" plain size="small"
                               :disabled="!selectionCList.length || detailData.seeDisabled || pleasereviewType"
                               @click="RevokingBillsfun('C')">撤销账单
                    </el-button>
                    <el-button type="primary" plain size="small" @click="printingCostsfun('C')">打印账单</el-button>
                    <el-button v-if="roleName.indexOf('admin') != -1 || roleName.indexOf('应付修改') != -1"
                               type="success" plain size="small"
                               :disabled="!this.assemblyForm.id || detailData.seeDisabled || pleasereviewType"
                               @click="templateClick('C')">应付模板
                    </el-button>
                    <el-button v-if="roleName.indexOf('admin') != -1 || roleName.indexOf('应付修改') != -1"
                               type="info" plain size="small"
                               :disabled="detailData.seeDisabled || pleasereviewType"
                               @click="feecenterSubmitListfun">一键保存
                    </el-button>
                    <el-button v-if="roleName.indexOf('admin') != -1 || roleName.indexOf('应付修改') != -1"
                               type="info" plain size="small"
                               :disabled="detailData.seeDisabled || pleasereviewType"
                               @click="feecenterEditfun('C')">一键编辑
                    </el-button>
                    <el-button v-if="roleName.indexOf('admin') != -1 || roleName.indexOf('应付修改') != -1"
                               type="primary" plain size="small"
                               :disabled="detailData.seeDisabled || pleasereviewType"
                               @click="copyfun('C')">生成应收
                    </el-button>
                </template>
                <template slot="indexHeader" slot-scope="scope">
                    <el-button v-if="roleName.indexOf('admin') != -1 || roleName.indexOf('应付修改') != -1"
                               type="primary" size="small" icon="el-icon-plus" circle
                               :disabled="detailData.seeDisabled || pleasereviewType"
                               @click="addCfun">
                    </el-button>
                </template>
                <template slot="index" slot-scope="scope">
                    <span>{{scope.index + 1}}</span>
                </template>
                <template slot="accStatus" slot-scope="{row,size}">
                    <span>{{row.accStatus?'是':'否'}}</span>
                </template>
                <template slot="corpCnName" slot-scope="{ row }">
                    <search-query v-if="row.edit"
                                  :datalist="corpCnNameData"
                                  :selectValue="row.corpCnName"
                                  :filterable="true"
                                  :clearable="true"
                                  :remote="true"
                                  :buttonIf="false"
                                  :forParameter="{key:'id',label:'cnName',value:'cnName'}"
                                  @remoteMethod="getBcorpsListfun($event,'corpCnName')"
                                  @corpChange="corpChange($event,'corpCnName',row,'C')"
                                  @corpFocus="getBcorpsListfun($event,'corpCnName')" >
                    </search-query>
                    <span v-else style="color: #1e9fff" @click="corpClick(row)">{{row.corpCnName}}</span>
                </template>
                <template slot="feeCnName" slot-scope="{ row }">
                    <search-query v-if="row.edit"
                                  :datalist="feeCnNameData"
                                  :selectValue="row.feeCnName"
                                  :filterable="true"
                                  :clearable="true"
                                  :remote="true"
                                  :buttonIf="false"
                                  :forParameter="{key:'id',label:'cnName',value:'cnName'}"
                                  @remoteMethod="bfeesListfun($event,'feeCnName')"
                                  @corpChange="corpChange($event,'feeCnName',row,'C')"
                                  @corpFocus="bfeesListfun($event,'feeCnName')" >
                    </search-query>
                    <span v-else>{{row.feeCnName}}</span>
                </template>
                <template slot="elementsCnName" slot-scope="{ row }">
                    <search-query v-if="row.edit"
                                  :datalist="elementsData"
                                  :selectValue="row.elementsCnName"
                                  :filterable="true"
                                  :clearable="true"
                                  :remote="true"
                                  :buttonIf="false"
                                  :forParameter="{key:'id',label:'cnName',value:'cnName'}"
                                  @remoteMethod="getBaccelementsListfun($event,'elementsCnName')"
                                  @corpChange="corpChange($event,'elementsCnName',row,'C')"
                                  @corpFocus="getBaccelementsListfun($event,'elementsCnName')" >
                    </search-query>
                    <span v-else >{{row.elementsCnName}}</span>
                </template>
                <template slot="paymode" slot-scope="{ row }">
                    <search-query v-if="row.edit"
                                  :datalist="paymodeData"
                                  :selectValue="row.paymode"
                                  :clearable="true"
                                  :buttonIf="false"
                                  :forParameter="{key:'dictKey',label:'dictValue',value:'dictKey'}"
                                  @corpChange="corpChange($event,'paymode',row,'C')"
                                  @corpFocus="paymodeWorkDictsfun" >
                    </search-query>
                    <span v-else>{{row.paymode}}</span>
                </template>
                <template slot="unitNo" slot-scope="{ row }">
                    <search-query v-if="row.edit"
                                  :datalist="unitNoData"
                                  :selectValue="row.unitNo"
                                  :filterable="true"
                                  :clearable="true"
                                  :remote="true"
                                  :buttonIf="false"
                                  :forParameter="{key:'id',label:'code',value:'code',disabled:'status'}"
                                  @corpFocus="getBunitsPagefun"
                                  @corpChange="corpChange($event,'unitNo',row,'C')">
                    </search-query>
                    <span v-else>{{row.unitNo}}</span>
                </template>
                <template slot="curCode" slot-scope="{ row }">
                    <search-query v-if="row.edit"
                                  :datalist="curCodeData"
                                  :selectValue="row.curCode"
                                  :filterable="true"
                                  :clearable="true"
                                  :remote="true"
                                  :buttonIf="false"
                                  :forParameter="{key:'id',label:'code',value:'code'}"
                                  @remoteMethod="bcurrencyGetExratefun('C')"
                                  @corpChange="corpChange($event,'curCode',row,'C')"
                                  @corpFocus="bcurrencyGetExratefun('C')" >
                    </search-query>
                    <span v-else>{{row.curCode}}</span>
                </template>
                <template slot="isTax" slot-scope="{row}">
                    <span>{{row.isTax?'是':'否'}}</span>
                </template>
                <template slot="price" slot-scope="{ row }">
                    <el-input-number v-if="row.edit" v-model="row.price" size="small"
                              :controls="false" :precision="2"
                              placeholder="请输入" @blur="priceinputfun($event,row)" ></el-input-number>
                    <span v-else>{{row.price}}</span>
                </template>
                <template slot="quantity" slot-scope="{ row }">
                    <el-input-number v-if="row.edit" v-model="row.quantity" size="small" :min="1"
                              :controls="false" :precision="0"
                              placeholder="请输入" @blur="quantityinputfun(row)"></el-input-number>
                    <span v-else>{{row.quantity}}</span>
                </template>
                <template slot="remarks" slot-scope="{ row }">
                    <el-input v-if="row.edit" v-model="row.remarks" size="small"
                              placeholder="请输入" ></el-input>
                    <span v-else>{{row.remarks}}</span>
                </template>
                <template slot-scope="scope" slot="menu">
                    <!--<el-button v-if="scope.row.edit" type="text" size="small" @click="savefun(scope.row,scope.index,'C')">保存</el-button>-->
                    <!--<el-button v-else type="text" size="small" :disabled="scope.row.accStatus || detailData.seeDisabled || pleasereviewType" @click="editCfun(scope.row,scope.index)">编辑</el-button>-->
                    <el-button type="text" size="small" :disabled="scope.row.accStatus || detailData.seeDisabled || pleasereviewType" @click="deletefun(scope.row,scope.index,'C')">删除</el-button>
                </template>
            </avue-crud>
        </el-card>
        <!--有admin 显示，有收和付各一个也显示出来-->
        <div v-if="roleName.indexOf('admin') != -1 || ((roleName.indexOf('应收修改') != -1 || roleName.indexOf('应收查看') != -1) && (roleName.indexOf('应付修改') != -1 ||roleName.indexOf('应付查看') != -1))" style="display: flex;align-items: center;justify-content: space-around">
            <div style="width: 30%">
                <div class="bottomFlex" style="justify-content: space-around">
                    <div style="text-align: center">
                        <div class="weightfont">¥</div>
                        <div>CNY</div>
                    </div>
                    <div>
                        <div style="color: #81B337">
                            <span>应收:</span>
                            <span class="weightnum">¥{{assemblyForm.amountDr}}元</span>
                        </div>
                        <div style="color: #6BBCD1">
                            <span>应付:</span>
                            <span class="weightnum">¥{{assemblyForm.amountCr}}元</span>
                        </div>
                    </div>
                    <div class="bottomFlex">
                        <span>利润</span>
                        <span>¥{{assemblyForm.amountProfit}}元</span>
                    </div>
                </div>
            </div>
            <div style="width: 30%">
                <div class="bottomFlex" style="justify-content: space-around">
                    <div style="text-align: center">
                        <div class="weightfont">$</div>
                        <div>USD</div>
                    </div>
                    <div>
                        <div style="color: #81B337">
                            <span>应收:</span>
                            <span class="weightnum">${{assemblyForm.amountDrUsd}}元</span>
                        </div>
                        <div style="color: #6BBCD1">
                            <span>应付:</span>
                            <span class="weightnum">${{assemblyForm.amountCrUsd}}元</span>
                        </div>
                    </div>
                    <div class="bottomFlex">
                        <span>利润</span>
                        <span>${{assemblyForm.amountProfitUsd}}元</span>
                    </div>
                </div>
            </div>
            <div style="width: 30%">
                <div class="bottomFlex" style="justify-content: space-around">
                    <div style="text-align: center">
                        <div class="weightfont">¥</div>
                        <div>CNY合计</div>
                    </div>
                    <div>
                        <div style="color: #81B337">
                            <span>应收:</span>
                            <span class="weightnum">¥{{assemblyForm.amountDrLoc}}元</span>
                        </div>
                        <div style="color: #6BBCD1">
                            <span>应付:</span>
                            <span class="weightnum">¥{{assemblyForm.amountCrLoc}}元</span>
                        </div>
                    </div>
                    <div class="bottomFlex">
                        <span>利润</span>
                        <span>¥{{assemblyForm.amountProfitLoc}}元</span>
                    </div>
                </div>
            </div>
        </div>

        <!--模板弹窗-->
        <el-dialog
            title="提示"
            :visible.sync="templateVisible"
            append-to-body
            width="70%"
            :close-on-click-modal="false"
            :before-close="handleClose">
            <div>
                <el-row>
                    <el-col :span="5">
                        <div class="box">
                            <el-scrollbar>
                                <basic-container>
                                    <avue-tree :option="treeOption" :data="templateData" @node-click="nodeClick">
                                    </avue-tree>
                                </basic-container>
                            </el-scrollbar>
                        </div>
                    </el-col>
                    <el-col :span="19">
                        <basic-container>
                            <avue-crud :option="templateOption"
                                       :data="templateRightData"
                                       ref="templateRef"
                                       @selection-change="feeselectionChange"
                                       @resetColumn="resetColumnTwo('templateRef', 'templateOption', 'templateOptionBack', 309.5)"
                                       @saveColumn="saveColumnTwo('templateRef', 'templateOption', 'templateOptionBack', 309.5)">
                                <template slot="menuLeft">
                                    <el-button type="primary" size="small" @click="templateExport">导 入</el-button>
                                </template>
                            </avue-crud>
                        </basic-container>
                    </el-col>
                </el-row>
            </div>
            <span slot="footer" class="dialog-footer">
                <el-button @click="templateVisible = false;feesselectionList = [];templateRightData = []">取 消</el-button>
                <el-button type="primary" @click="templateExport">导 入</el-button>
            </span>
        </el-dialog>

        <!--往来单位弹窗-->
        <el-dialog
            title="提示"
            :visible.sync="corpVisible"
            append-to-body
            width="70%"
            :close-on-click-modal="false"
            :before-close="handleClose">
            <div style="padding-bottom: 30px;">
                <el-table
                    :data="corpDialog"
                    border
                    size="mini"
                    :row-style="{height:'20px',padding:'0px',fontSize:'12px'}"
                    :cell-style="{padding:'0px',fontSize:'12px'}"
                    style="width: 100%">
                    <el-table-column prop="corpCnName" label="客户名称" width="140px" >
                        <template slot-scope="{ row }">
                            <span class="textoverflow">{{row.corpCnName}}</span>
                        </template>
                    </el-table-column>
                    <el-table-column prop="mblno" label="MB/L NO" width="140px" />
                    <el-table-column prop="amountDr" label="应收金额" />
                    <el-table-column prop="amountCr" label="应付金额" />
                    <el-table-column prop="amountDrUsd" label="应收金额USD" width="140px" />
                    <el-table-column prop="amountCrUsd" label="应付金额USD" width="140px" />
                    <el-table-column prop="amountDrLoc" label="应收金额合计" width="140px" />
                    <el-table-column prop="amountCrLoc" label="应付金额合计" width="140px" />
                    <el-table-column prop="stlAmountDr" label="已结算应收金额" width="140px" />
                    <el-table-column prop="stlAmountCr" label="已结算应付金额" width="140px" />
                    <el-table-column prop="stlAmountDrUsd" label="已结算应收金额USD" width="140px" />
                    <el-table-column prop="stlAmountCrUsd" label="已结算应付金额USD" width="140px" />
                    <el-table-column prop="stlAmountDrLoc" label="已结算应收金额合计" width="140px" />
                    <el-table-column prop="stlAmountCrLoc" label="已结算应付金额合计" width="140px" />
                </el-table>
            </div>
        </el-dialog>

        <!--往来单位弹窗-->
        <el-dialog
            title="打印"
            :visible.sync="printingDialog"
            append-to-body
            width="70%"
            :close-on-click-modal="false"
            :before-close="handleClose">
            <div>
                <el-row :gutter="10">
                    <el-col :span="4">
                        <avue-tree :option="reportOption" :data="reportTypeData" @node-click="reportNodeClick"></avue-tree>
                    </el-col>
                    <el-col :span="20">
                        <avue-crud :option="optionPrinting"
                                   :table-loading="printingLoading"
                                   :data="PrintingData"
                                   id="out-table"
                                   :header-cell-class-name="headerClassName"
                                   :row-style="{height:'20px'}"
                                   :cell-style="{padding:'0px'}">
                            <template slot-scope="scope" slot="menu">
                                <el-button type="text" size="small" @click="dialogPreviewfun(scope.row)">打印预览</el-button>
                            </template>
                        </avue-crud>
                    </el-col>
                </el-row>
            </div>
            <span slot="footer" class="dialog-footer">
                <el-button size="small" @click="printingDialog = false;">取 消</el-button>
            </span>
        </el-dialog>

        <el-dialog
            title="打印"
            :visible.sync="selectPrintingDialog"
            append-to-body
            width="70%"
            :close-on-click-modal="false"
            :before-close="handleClose">
            <div>
                <reportformsList ref="reportformsList" @reportRadio="reportRadio"></reportformsList>
            </div>
            <span slot="footer" class="dialog-footer">
                <el-button size="small" @click="selectPrintingDialog = false;">取 消</el-button>
            </span>
        </el-dialog>

        <!--费用打印-->
        <reportContainer ref="reportContainer"></reportContainer>
    </div>

</template>

<script>
    import SearchQuery from "@/components/iosbasic-data/searchquery.vue";
    import {getBcorpsList} from "@/api/iosBasicData/bcorps";
    import {bfeesList} from "@/api/iosBasicData/bfees";
    import {getBunitsPage} from "@/api/iosBasicData/bunits";
    import {bcurrencyGetExrate} from "@/api/iosBasicData/rateManagement";
    import {
        feecenterList,
        feecenterRemove,
        feecenterSubmit, feecenterSubmitList,
        finaccbillsGenerateBill, finaccbillsRevokeBill,getFeeCenterCorpIds
    } from "@/api/iosBasicData/feecenter";
    import {getWorkDicts} from "@/api/system/dictbiz";
    import {
        feecenterTemplateImport,
        listFeeCountByCorp,
        losbfeestemplateGetListTemplate
    } from "@/api/iosBasicData/bills";
    import {losbfeestemplateDetail} from "@/api/iosBasicData/losbfeestemplate";
    import {popupReminder, requiredMessage} from "@/util/messageReminder";
    import {getBaccelementsList} from "@/api/iosBasicData/baccelements";
    import reportContainer from "@/views/iosBasicData/report-container/report-container.vue";
    import {reportsGetReportData} from "@/api/iosBasicData/reports";
    import reportformsList from "@/views/iosBasicData/SeafreightExportF/bills/assembly/reportformsList.vue";
    import {getList as reportsList} from "@/api/iosBasicData/reports";
    import {dateFormat} from "@/util/date";
    import {regularBurdenfloating} from "@/util/regularJudgment";

    export default {
        components: {reportContainer, SearchQuery,reportformsList},
        props:{
            pid:{

            },
            assemblyForm:{
                type:Object
            },
            detailData:{},
            // 请核之后禁用
            pleasereviewType:{
                type:Boolean,
                default:false,
            },
        },
        data(){
            return {
                reportOption: {
                    nodeKey: "id",
                    addBtn: false,
                    menu: false,
                    size: "small",
                    props: {
                        labelText: "标题",
                        label: "cnName",
                        value: "value",
                        children: "children"
                    }
                },
                reportTypeData:[], // 打印选择的数据
                reportformsObj:{}, // 打印选择的数据
                selectPrintingDialog:false, // 打印弹窗

                printingDialog:false, // 打印弹窗开关
                printingDC:'', // 打印弹窗选择是应收还是应付
                PrintingData:[], // 打印弹窗列表数据
                printingLoading:false, // 打印弹窗加载动画
                optionPrinting: {
                    stripe: true,
                    maxHeight: '250',
                    calcHeight: 30,
                    tip: false,
                    searchShow: true,
                    searchMenuSpan: 6,
                    border: true,
                    selection: true,
                    dialogClickModal: false,
                    refreshBtn:false,
                    columnBtn:false,
                    addBtn: false,
                    viewBtn: false,
                    delBtn: false,
                    editBtn: false,
                    menuWidth: '100',
                    column: [
                        {
                            label: "客户名称",
                            prop: "cnName",
                            overHidden:true,
                        },
                        {
                            label: "客户编号",
                            prop: "code",
                            overHidden:true,
                        },
                    ]
                },
                corpVisible:false, // 往来单位弹窗
                corpDialog:[], // 往来单位弹窗数据
                optionD:{},
                optionDBack:{
                    stripe:true,
                    maxHeight:'250',
                    calcHeight: 30,
                    tip: false,
                    searchShow: true,
                    searchMenuSpan: 6,
                    border: true,
                    selection: true,
                    dialogClickModal: false,
                    addBtn:false,
                    viewBtn:false,
                    delBtn:false,
                    editBtn:false,
                    menuWidth:'100',
                    menu:false,
                    column:[
                        {
                            label: "index",
                            prop: "index",
                            width: "55",
                            headerslot:true,
                        },
                        {
                            label: "账单",
                            prop: "accStatus",
                            width: "60",
                        },
                        {
                            label: "往来单位",
                            prop: "corpCnName",
                            width: "160",
                            overHidden:true,
                        },
                        {
                            label: "费用简称",
                            prop: "feeCnName",
                            width: "120",
                            overHidden:true,
                        },
                        {
                            label: "预付/到付",
                            prop: "paymode",
                            width: "120",
                        },
                        {
                            label: "计量单位",
                            prop: "unitNo",
                            width: "120",
                        },
                        {
                            label: "币种",
                            prop: "curCode",
                            width: "120",
                        },
                        {
                            label: "汇率",
                            prop: "exrate",
                            width: "100",
                        },
                        {
                            label: "单价",
                            prop: "price",
                            width: "120",
                        },
                        {
                            label: "数量",
                            prop: "quantity",
                            width: "120",
                        },
                        {
                            label: "CNY(含税)",
                            prop: "rmbAmount",
                            width: "100",
                        },
                        {
                            label: "USD(含税)",
                            prop: "usdAmount",
                            width: "100",
                        },
                        {
                            label: "CNY(净额)",
                            prop: "rmbAmountNet",
                            width: "100",
                        },
                        {
                            label: "USD(净额)",
                            prop: "usdAmountNet",
                            width: "100",
                        },
                        {
                            label: "核算要素",
                            prop: "elementsCnName",
                            width: "120",
                            overHidden:true,
                        },
                        {
                            label: "付费申请金额",
                            prop: "appliedAmount",
                            width: "120",
                        },
                        {
                            label: "发票申请金额",
                            prop: "appliedInvoiceAmount",
                            width: "120",
                        },
                        {
                            label: "已开票金额",
                            prop: "uninvoicedAmount",
                            width: "120",
                        },
                        {
                            label: "已结算金额",
                            prop: "stlTtlAmount",
                            width: "120",
                        },
                        {
                            label: "备注",
                            prop: "remarks",
                            width: "100",
                        },
                        // {
                        //     label: "税率",
                        //     prop: "taxRate",
                        //     width: "100",
                        // },
                        // {
                        //     label: "附加税率",
                        //     prop: "surchargeRate",
                        //     width: "100",
                        // },
                        {
                            label: "单价是否含税",
                            prop: "isTax",
                            width: "120",
                        },
                    ]
                },
                loadingD:false,
                formD:{},
                optionC:{},
                optionCBack:{
                    stripe:true,
                    maxHeight:'250',
                    calcHeight: 30,
                    tip: false,
                    searchShow: true,
                    searchMenuSpan: 6,
                    border: true,
                    selection: true,
                    dialogClickModal: false,
                    addBtn:false,
                    viewBtn:false,
                    delBtn:false,
                    editBtn:false,
                    menuWidth:'100',
                    menu:false,
                    column:[
                        {
                            label: "index",
                            prop: "index",
                            width: "55",
                            headerslot:true,
                        },
                        {
                            label: "账单",
                            prop: "accStatus",
                            width: "60",
                        },
                        {
                            label: "往来单位",
                            prop: "corpCnName",
                            width: "160",
                            overHidden:true,
                        },
                        {
                            label: "费用简称",
                            prop: "feeCnName",
                            width: "120",
                            overHidden:true,
                        },
                        {
                            label: "预付/到付",
                            prop: "paymode",
                            width: "120",
                        },
                        {
                            label: "计量单位",
                            prop: "unitNo",
                            width: "120",
                        },
                        {
                            label: "币种",
                            prop: "curCode",
                            width: "120",
                        },
                        {
                            label: "汇率",
                            prop: "exrate",
                            width: "100",
                        },
                        {
                            label: "单价",
                            prop: "price",
                            width: "120",
                        },
                        {
                            label: "数量",
                            prop: "quantity",
                            width: "120",
                        },
                        {
                            label: "CNY(含税)",
                            prop: "rmbAmount",
                            width: "100",
                        },
                        {
                            label: "USD(含税)",
                            prop: "usdAmount",
                            width: "100",
                        },
                        {
                            label: "CNY(净额)",
                            prop: "rmbAmountNet",
                            width: "100",
                        },
                        {
                            label: "USD(净额)",
                            prop: "usdAmountNet",
                            width: "100",
                        },
                        {
                            label: "核算要素",
                            prop: "elementsCnName",
                            width: "120",
                            overHidden:true,
                        },
                        {
                            label: "付费申请金额",
                            prop: "appliedAmount",
                            width: "120",
                        },
                        {
                            label: "发票申请金额",
                            prop: "appliedInvoiceAmount",
                            width: "120",
                        },
                        {
                            label: "已开票金额",
                            prop: "uninvoicedAmount",
                            width: "120",
                        },
                        {
                            label: "已结算金额",
                            prop: "stlTtlAmount",
                            width: "120",
                        },
                        {
                            label: "备注",
                            prop: "remarks",
                            width: "100",
                        },
                        // {
                        //     label: "税率",
                        //     prop: "taxRate",
                        //     width: "100",
                        // },
                        // {
                        //     label: "附加税率",
                        //     prop: "surchargeRate",
                        //     width: "100",
                        // },
                        {
                            label: "单价是否含税",
                            prop: "isTax",
                            width: "120",
                        },
                    ]
                },
                loadingC:false,
                formC:{},
                // 签单方式
                issuetypefData:[],
                value:'',
                feeCenterListD:[], // 收
                feeCenterListC:[], // 付
                // 客户数据
                corpCnNameData:[],
                // 费用数据
                feeCnNameData:[],
                elementsData:[], // 核算要素
                // 预付到付数据
                paymodeData:[],
                // 计算单位数据
                unitNoData:[],
                // 币别数据
                curCodeData:[],
                // 模板弹窗
                templateVisible:false,
                treeOption: {
                    nodeKey: "id",
                    // lazy: true,
                    addBtn: false,
                    menu: false,
                    size: "small",
                    props: {
                        labelText: "标题",
                        label: "cnName",
                        value: "value",
                        children: "children"
                    }
                },
                // 右侧详情数据
                templateRightData:[],
                // 导入弹窗表格的配置
                templateOption:{},
                templateOptionBack:{
                    menu:false,
                    stripe:true,
                    addBtn:false,
                    editBtn:false,
                    delBtn:false,
                    viewBtn:false,
                    index:true,
                    selection:true,
                    column:[
                        {
                            label: '客户',
                            prop:'corpCnName',
                            overHidden:true,
                        },
                        {
                            label: '费用',
                            prop:'feeCnName',
                            overHidden:true,
                        },
                        {
                            label: '数量',
                            prop:'quantity',
                            overHidden:true,
                        },
                        {
                            label: '单价',
                            prop:'price',
                            overHidden:true,
                        },
                        {
                            label: '计量单位',
                            prop:'unitNo',
                            overHidden:true,
                        },
                        {
                            label: '币别',
                            prop:'curCode',
                            overHidden:true,
                        }
                    ]
                },
                // 左侧数据
                templateData:[],
                lefttemplate:{}, // 左侧选择的数据
                // 选中的数据
                feesselectionList:[],
                selectionDList:[], // 收选择的
                selectionCList:[], // 付选择的
                // 需要加判断是否必填的数据
                messageData:[
                    {
                        name:'客户',
                        value:'corpCnName',
                    },
                    {
                        name:'业务来源',
                        value:'srcType',
                    },
                    {
                        name:'MBLNO',
                        value:'mblno',
                    },
                    {
                        name:'booking NO',
                        value:'bookingNo',
                    },
                    {
                        name:'外提单号',
                        value:'refno',
                    },
                    {
                        name:'船名(VSL)',
                        value:'vesselCnName',
                    },
                    {
                        name:'航次(VOY)',
                        value:'voyageNo',
                    },
                    {
                        name:'ETD',
                        value:'etd',
                    },
                    {
                        name:'装货港',
                        value:'polCnName',
                    },
                    {
                        name:'目的港',
                        value:'destinationNamePrint',
                    },
                    {
                        name:'包装单位',
                        value:'packingUnit',
                    },
                    {
                        name:'船公司',
                        value:'carrierCnName',
                    },
                    {
                        name:'场站',
                        value:'cyCnName',
                    },
                    {
                        name:'所属团队',
                        value:'teamId',
                    },
                ],
                roleName:[], // 当前登录人的角色权限
            }
        },
        async created() {
            this.roleName =  localStorage.getItem('roleName').split(',') // 获取角色数据
            this.optionD = await this.getColumnData(this.getColumnName(309.2), this.optionDBack);
            this.optionC = await this.getColumnData(this.getColumnName(309.3), this.optionCBack);
            // 导入弹窗的表格
            this.templateOption = await this.getColumnData(this.getColumnName(309.5), this.templateOptionBack);
            this.getBcorpsListfun() // 获取客户数据
            this.paymodeWorkDictsfun() // 获取预付/到付数据
        },
        methods:{
            // 费用弹窗里的打印
            dialogPreviewfun(row){
                if (!this.reportformsObj.id){
                    this.$message.warning('请选择打印类型')
                    return;
                }
                // 获取报表数据
                reportsGetReportData({
                    billId:this.assemblyForm.id,
                    reportCode:this.reportformsObj.classifyCode,
                    groupCode:this.reportformsObj.groupCode,
                    corpIds:row.id,
                    type:'HYCK'
                }).then(res=>{
                    this.handleReportPreview(this.reportformsObj.url,res.data.data.data)
                })
            },
            // 打印弹窗里回调
            reportRadio(val){
                // 多选打印
                let idArr = this.selectionDList.map(item=>{
                    return item.id
                })
                // 获取报表数据
                reportsGetReportData({
                    billId:this.assemblyForm.id,
                    reportCode:val.classifyCode,
                    groupCode:val.groupCode,
                    itemIds:idArr.join(','),
                }).then(res=>{
                    this.handleReportPreview(val.url,res.data.data.data)
                })
            },
            // 打印费用
            printingCostsfun(dc){
                this.printingDC = dc
                let groupCode = ''
                let selectionArr = []
                if (dc == 'D') {
                    groupCode = '应收'
                    selectionArr = this.selectionDList
                }else {
                    groupCode = '应付'
                    selectionArr = this.selectionCList
                }
                if(selectionArr.length > 0) {
                    // 打开选择弹窗
                    this.selectPrintingDialog = true
                    let page = {
                        pageSize: 10,
                        currentPage: 1,
                        total: 0
                    }
                    this.$nextTick(()=>{
                        this.$refs.reportformsList.onLoad(page,{
                            businessType:'HYCK',
                            classifyCode:'费用',
                            groupCode:groupCode
                        })
                    })
                }else {
                    // 没有多选弹窗
                    this.printingLoading = true
                    getFeeCenterCorpIds({
                        billId:this.assemblyForm.id,
                        dc:dc,
                        type:'HYCK',
                    }).then(res=>{
                        this.printingLoading = false
                        this.PrintingData = res.data.data
                    })
                    this.reportsListfun({
                        businessType:'HYCK',
                        classifyCode:'费用',
                        groupCode:groupCode
                    })
                    this.printingDialog = true
                }
            },
            // 获取打印表格数据
            reportsListfun(obj){
                reportsList(1,50,obj).then(res=>{
                    this.reportTypeData = res.data.data.records
                    // 获取第一项的值
                    this.reportformsObj = res.data.data.records[0]
                })
            },
            // 打印表格选择
            reportNodeClick(data){
                this.reportformsObj = data
            },
            // 生成应收应付
            copyfun(dc){
                let selection = []
                if (dc == 'D') {
                    selection = this.selectionDList
                    if (this.selectionDList.length == 0) {
                        this.$message.warning('请先选择要复制的数据')
                        return
                    }
                }else {
                    selection = this.selectionCList
                    if (this.selectionCList.length == 0) {
                        this.$message.warning('请先选择要复制的数据')
                        return
                    }
                }
                let arr = selection.map(item=>{
                    let obj = {}
                    obj.feeId = item.feeId
                    obj.feeCnName = item.feeCnName
                    obj.feeEnName = item.feeEnName
                    obj.feeCode = item.feeCode
                    obj.elementsId = item.elementsId
                    obj.elementsCnName = item.elementsCnName
                    obj.elementsEnName = item.elementsEnName
                    obj.elementsCode = item.elementsCode
                    obj.curCode = item.curCode
                    obj.taxRate = item.taxRate
                    obj.paymode = item.paymode
                    obj.remarks = item.remarks
                    obj.amount = item.amount
                    obj.price = item.price
                    obj.quantity = item.quantity
                    obj.rmbAmount = item.rmbAmount
                    obj.taxRate = item.taxRate
                    obj.unitNo = item.unitNo
                    obj.usdAmount = item.usdAmount
                    obj.edit = true
                    obj.rmbAmountNet = item.rmbAmountNet
                    obj.usdAmountNet = item.usdAmountNet
                    obj.exrate = item.exrate
                    return obj
                })
                if (dc == 'D') {
                    this.assemblyForm.feeCenterListC = [...arr,...this.assemblyForm.feeCenterListC]
                }else {
                    this.assemblyForm.feeCenterListD = [...arr,...this.assemblyForm.feeCenterListD]
                }
            },
            // 往来单位弹窗开启
            corpClick(row){
                this.corpVisible = true
                listFeeCountByCorp({
                    corpId:row.corpId,
                    dc:row.dc
                }).then(res=>{
                    this.corpDialog = res.data.data
                })
            },
            // 模板导入
            templateExport(){
                if (!this.lefttemplate.id) {
                    this.$message.warning('请选择左侧数据')
                    return
                }
                if (this.feesselectionList.length > 0) {
                    feecenterTemplateImport({
                        ...this.lefttemplate,
                        feesTemplateItemsList:this.feesselectionList,
                        billNoId:this.assemblyForm.id
                    }).then(res=>{
                        this.$message({
                            type: "success",
                            message: "操作成功!"
                        });
                        this.feesselectionList = [] // 清空多选
                        this.templateRightData = [] // 清空数据
                        this.$emit('billsDetailfun')
                        this.templateVisible = false
                    })
                }else {
                    this.$message.warning('请先选择要导入的数据')
                }
            },
            // 模板
            templateClick(dc){
                if (popupReminder(this.assemblyForm,this.messageData)){
                    this.$confirm(popupReminder(this.assemblyForm,this.messageData), {
                        confirmButtonText: "确定",
                        cancelButtonText: "取消",
                        type: "warning"
                    })
                }
                if (popupReminder(this.assemblyForm,this.messageData)) {
                    return;
                }
                this.templateVisible = true
                losbfeestemplateGetListTemplate(1,50,{
                    dc:dc,
                    status:0,
                    type:'HYCK'
                }).then(res=>{
                    this.templateData = res.data.data.records
                    // 查第一条的明细
                    losbfeestemplateDetail(this.templateData[0].id).then(res=>{
                        this.templateRightData = res.data.data.feesTemplateItemsList
                    })
                })
            },
            // 左侧选择
            nodeClick(e) {
                this.lefttemplate = e
                losbfeestemplateDetail(e.id).then(res=>{
                    this.templateRightData = res.data.data.feesTemplateItemsList
                })
            },
            // 右侧选择回调
            feeselectionChange(list) {
                this.feesselectionList = list;
            },
            // 应收新增
            addDfun(){
                // 判断数据需要的数据是否有 有就弹窗
                if (popupReminder(this.assemblyForm,this.messageData)){
                    this.$confirm(popupReminder(this.assemblyForm,this.messageData), {
                        confirmButtonText: "确定",
                        cancelButtonText: "取消",
                        type: "warning"
                    })
                }
                if (popupReminder(this.assemblyForm,this.messageData)) {
                    return;
                }
                // 如果是分单 判断是否有分单号
                if (this.assemblyForm.billType == 'MH') {
                    if (!this.assemblyForm.hblno) {
                        this.$message({
                            message: '请先选择HBLNO',
                            type: 'warning'
                        });
                        return;
                    }
                }
                let obj = {
                    edit:true
                }
                if (this.assemblyForm.feeCenterListD.length != 0) {
                    // 往来单位
                    obj.corpId = this.assemblyForm.feeCenterListD[this.assemblyForm.feeCenterListD.length - 1].corpId
                    obj.corpCnName = this.assemblyForm.feeCenterListD[this.assemblyForm.feeCenterListD.length - 1].corpCnName
                    obj.corpEnName = this.assemblyForm.feeCenterListD[this.assemblyForm.feeCenterListD.length - 1].corpEnName
                    // 费用简称
                    obj.feeId = this.assemblyForm.feeCenterListD[this.assemblyForm.feeCenterListD.length - 1].feeId
                    obj.feeCnName = this.assemblyForm.feeCenterListD[this.assemblyForm.feeCenterListD.length - 1].feeCnName
                    obj.feeEnName = this.assemblyForm.feeCenterListD[this.assemblyForm.feeCenterListD.length - 1].feeEnName
                    obj.feeCode = this.assemblyForm.feeCenterListD[this.assemblyForm.feeCenterListD.length - 1].feeCode
                    // 核算要素
                    obj.elementsId = this.assemblyForm.feeCenterListD[this.assemblyForm.feeCenterListD.length - 1].elementsId
                    obj.elementsCnName = this.assemblyForm.feeCenterListD[this.assemblyForm.feeCenterListD.length - 1].elementsCnName
                    obj.elementsEnName = this.assemblyForm.feeCenterListD[this.assemblyForm.feeCenterListD.length - 1].elementsEnName
                    obj.elementsCode = this.assemblyForm.feeCenterListD[this.assemblyForm.feeCenterListD.length - 1].elementsCode
                    // 预付/到付
                    obj.paymode = this.assemblyForm.feeCenterListD[this.assemblyForm.feeCenterListD.length - 1].paymode
                    // 计量单位
                    obj.unitNo = this.assemblyForm.feeCenterListD[this.assemblyForm.feeCenterListD.length - 1].unitNo
                    // 币种
                    obj.curCode = this.assemblyForm.feeCenterListD[this.assemblyForm.feeCenterListD.length - 1].curCode
                    obj.taxRate = this.assemblyForm.feeCenterListD[this.assemblyForm.feeCenterListD.length - 1].taxRate
                    // 汇率
                    obj.exrate = this.assemblyForm.feeCenterListD[this.assemblyForm.feeCenterListD.length - 1].exrate
                    // 单价
                    obj.price = this.assemblyForm.feeCenterListD[this.assemblyForm.feeCenterListD.length - 1].price
                    // 数量
                    obj.quantity = this.assemblyForm.feeCenterListD[this.assemblyForm.feeCenterListD.length - 1].quantity
                    // 金额
                    obj.rmbAmount = this.assemblyForm.feeCenterListD[this.assemblyForm.feeCenterListD.length - 1].rmbAmount
                    obj.usdAmount = this.assemblyForm.feeCenterListD[this.assemblyForm.feeCenterListD.length - 1].usdAmount
                    obj.rmbAmountNet = this.assemblyForm.feeCenterListD[this.assemblyForm.feeCenterListD.length - 1].rmbAmountNet
                    obj.usdAmountNet = this.assemblyForm.feeCenterListD[this.assemblyForm.feeCenterListD.length - 1].usdAmountNet
                }else {
                    // 往来单位拿主表客户名称
                    obj.corpId = this.assemblyForm.corpId
                    obj.corpCnName = this.assemblyForm.corpCnName
                    obj.corpEnName = this.assemblyForm.corpEnName
                    // 预付/到付
                    obj.paymode = this.assemblyForm.mpaymode
                }
                this.assemblyForm.feeCenterListD.unshift(obj)
            },
            // 应付新增
            addCfun(){
                // 判断数据需要的数据是否有
                // 判断数据需要的数据是否有 有就弹窗
                if (popupReminder(this.assemblyForm,this.messageData)){
                    this.$confirm(popupReminder(this.assemblyForm,this.messageData), {
                        confirmButtonText: "确定",
                        cancelButtonText: "取消",
                        type: "warning"
                    })
                }
                if (popupReminder(this.assemblyForm,this.messageData)) {
                    return;
                }
                // 如果是分单 判断是否有分单号
                if (this.assemblyForm.billType == 'MH') {
                    if (!this.assemblyForm.hblno) {
                        this.$message({
                            message: '请先选择HBLNO',
                            type: 'warning'
                        });
                        return;
                    }
                }
                let obj = {
                    edit:true
                }
                if (this.assemblyForm.feeCenterListC.length != 0) {
                    // 往来单位
                    obj.corpId = this.assemblyForm.feeCenterListC[this.assemblyForm.feeCenterListC.length - 1].corpId
                    obj.corpCnName = this.assemblyForm.feeCenterListC[this.assemblyForm.feeCenterListC.length - 1].corpCnName
                    obj.corpEnName = this.assemblyForm.feeCenterListC[this.assemblyForm.feeCenterListC.length - 1].corpEnName
                    // 费用简称
                    obj.feeId = this.assemblyForm.feeCenterListC[this.assemblyForm.feeCenterListC.length - 1].feeId
                    obj.feeCnName = this.assemblyForm.feeCenterListC[this.assemblyForm.feeCenterListC.length - 1].feeCnName
                    obj.feeEnName = this.assemblyForm.feeCenterListC[this.assemblyForm.feeCenterListC.length - 1].feeEnName
                    obj.feeCode = this.assemblyForm.feeCenterListC[this.assemblyForm.feeCenterListC.length - 1].feeCode
                    // 核算要素
                    obj.elementsId = this.assemblyForm.feeCenterListC[this.assemblyForm.feeCenterListC.length - 1].elementsId
                    obj.elementsCnName = this.assemblyForm.feeCenterListC[this.assemblyForm.feeCenterListC.length - 1].elementsCnName
                    obj.elementsEnName = this.assemblyForm.feeCenterListC[this.assemblyForm.feeCenterListC.length - 1].elementsEnName
                    obj.elementsCode = this.assemblyForm.feeCenterListC[this.assemblyForm.feeCenterListC.length - 1].elementsCode
                    // 预付/到付
                    obj.paymode = this.assemblyForm.feeCenterListC[this.assemblyForm.feeCenterListC.length - 1].paymode
                    // 计量单位
                    obj.unitNo = this.assemblyForm.feeCenterListC[this.assemblyForm.feeCenterListC.length - 1].unitNo
                    // 币种
                    obj.curCode = this.assemblyForm.feeCenterListC[this.assemblyForm.feeCenterListC.length - 1].curCode
                    obj.taxRate = this.assemblyForm.feeCenterListC[this.assemblyForm.feeCenterListC.length - 1].taxRate
                    // 汇率
                    obj.exrate = this.assemblyForm.feeCenterListC[this.assemblyForm.feeCenterListC.length - 1].exrate
                    // 单价
                    obj.price = this.assemblyForm.feeCenterListC[this.assemblyForm.feeCenterListC.length - 1].price
                    // 数量
                    obj.quantity = this.assemblyForm.feeCenterListC[this.assemblyForm.feeCenterListC.length - 1].quantity
                    // 金额
                    obj.rmbAmount = this.assemblyForm.feeCenterListC[this.assemblyForm.feeCenterListC.length - 1].rmbAmount
                    obj.usdAmount = this.assemblyForm.feeCenterListC[this.assemblyForm.feeCenterListC.length - 1].usdAmount
                    obj.rmbAmountNet = this.assemblyForm.feeCenterListC[this.assemblyForm.feeCenterListC.length - 1].rmbAmountNet
                    obj.usdAmountNet = this.assemblyForm.feeCenterListC[this.assemblyForm.feeCenterListC.length - 1].usdAmountNet
                }else {
                    // 往来单位拿主表客户名称
                    obj.corpId = this.assemblyForm.corpId
                    obj.corpCnName = this.assemblyForm.corpCnName
                    obj.corpEnName = this.assemblyForm.corpEnName
                    // 预付/到付
                    obj.paymode = this.assemblyForm.mpaymode
                }
                this.assemblyForm.feeCenterListC.unshift(obj)
            },
            // 应收编辑
            editDfun(row,index){
                this.$delete(this.assemblyForm.feeCenterListD[index], 'edit')
                this.$set(this.assemblyForm.feeCenterListD[index],'edit',true)
            },
            // 应付编辑
            editCfun(row,index){
                this.$delete(this.assemblyForm.feeCenterListC[index], 'edit')
                this.$set(this.assemblyForm.feeCenterListC[index],'edit',true)
            },
            // 应付应付保存
            savefun(row,index,dc){
                if (!this.pid) {
                    this.$message({
                        message: '请先保存数据之后才能添加',
                        type: 'warning'
                    });
                    return
                }
                let sum = '请输入'
                if (!row.corpId) {
                    sum += ` 序号${index + 1}往来单位`
                }
                if (!row.feeId) {
                    sum += ` 序号${index + 1}费用简称`
                }
                if (!row.elementsId) {
                    sum += ` 序号${index + 1}核算要素`
                }
                if (!row.curCode) {
                    sum += ` 序号${index + 1}币种`
                }
                if(sum != '请输入') {
                    this.$confirm(sum, {
                        confirmButtonText: "确定",
                        cancelButtonText: "取消",
                        type: "warning"
                    })
                    return;
                }
                // 收付 D=收 C=付
                row.dc = dc
                row.pid = this.pid
                row.sort = Number(index) + 1
                row.businessType = this.assemblyForm.businessType // 业务类型
                row.billType = this.assemblyForm.billType // 单据类型
                row.billNo = this.assemblyForm.billNo // 单据编号
                row.billDate = this.assemblyForm.billDate // 单据日期
                row.billCorpId = this.assemblyForm.corpId // 主表客户 id
                row.billCorpCnName = this.assemblyForm.corpCnName // 主表客户中文名称
                row.billCorpEnName = this.assemblyForm.corpEnName // 主表客户英文名称
                row.lineId = this.assemblyForm.lineId // 航线 id
                row.lineCnName = this.assemblyForm.lineCnName // 航线中文名称
                row.lineEnName = this.assemblyForm.lineEnName // 航线英文名称
                row.vesselId = this.assemblyForm.vesselId // 船名 id
                row.vesselCnName = this.assemblyForm.vesselCnName // 中文船名
                row.vesselEnName = this.assemblyForm.vesselEnName // 英文船名
                row.voyageNo = this.assemblyForm.voyageNo // 航次
                row.mblno = this.assemblyForm.mblno // MB/L NO
                row.hblno = this.assemblyForm.hblno // HB/L NO
                row.etd = this.assemblyForm.etd // 开船日期
                row.eta = this.assemblyForm.eta // 到港日期
                row.polId = this.assemblyForm.polId // 装货港 id
                row.polCode = this.assemblyForm.polCode // 装货港代码
                row.polCnName = this.assemblyForm.polCnName // 装货港中文名称
                row.polEnName = this.assemblyForm.polEnName // 装货港英文名称
                row.podId = this.assemblyForm.podId // 卸货港 id
                row.podCode = this.assemblyForm.podCode // 卸货港代码
                row.podCnName = this.assemblyForm.podCnName // 卸货港中文名称
                row.podEnName = this.assemblyForm.podEnName // 卸货港英文名称
                row.corpArgreementNo = this.assemblyForm.corpArgreementNo // 客户约号
                this.feecenterSubmitfun(row)
            },
            // 生成账单
            GenerateBillsfun(dc){
                let selectionArr = []
                if (dc == 'D') {
                    selectionArr = this.selectionDList
                }else {
                    selectionArr = this.selectionCList
                }
                // 判断必填项
                let sum = '请输入'
                for (let item of selectionArr) {
                    if (!item.id) {
                        this.$message.warning(`序号${item.$index + 1}请先保存再进行生成账单`)
                        return
                    }
                    if (!item.corpId) {
                        sum += ` 序号${item.$index + 1}往来单位`
                    }
                    if (!item.feeId) {
                        sum += ` 序号${item.$index + 1}费用简称`
                    }
                    if (!item.elementsId) {
                        sum += ` 序号${item.$index + 1}核算要素`
                    }
                    if (!item.curCode) {
                        sum += ` 序号${item.$index + 1}币种`
                    }
                }
                if(sum != '请输入') {
                    this.$confirm(sum, {
                        confirmButtonText: "确定",
                        cancelButtonText: "取消",
                        type: "warning"
                    })
                    return;
                }
                this.$confirm("确定将选择数据生成账单?", {
                    confirmButtonText: "确定",
                    cancelButtonText: "取消",
                    type: "warning"
                }).then(()=>{
                    let billList = []
                    if (dc == 'D') {
                        for(let item of this.selectionDList) {
                            billList.push(item)
                        }
                        this.finaccbillsGenerateBillfun(billList)
                    }else {
                        for(let item of this.selectionCList) {
                            billList.push(item)
                        }
                        this.finaccbillsGenerateBillfun(billList)
                    }
                })
            },
            // 撤销账单
            RevokingBillsfun(dc){
                this.$confirm("确定将选择数据撤销账单?", {
                    confirmButtonText: "确定",
                    cancelButtonText: "取消",
                    type: "warning"
                }).then(()=>{
                    let billList = []
                    if (dc == 'D') {
                        for(let item of this.selectionDList) {
                            billList.push(item)
                        }
                        this.finaccbillsRevokeBillfun(billList)
                    }else {
                        for(let item of this.selectionCList) {
                            billList.push(item)
                        }
                        this.finaccbillsRevokeBillfun(billList)
                    }
                })

            },
            // 多选
            handleSelectionChange(list,dc){
                if (dc == 'D') {
                    this.selectionDList = list
                }else {
                    this.selectionCList = list
                }
            },
            // 一键删除
            batchDelete(dc){
                if(dc == 'D') {
                    for(let item of this.selectionDList) {
                        if (item.accStatus == 1){
                            this.$message.warning('请选择没有生成账单的数据')
                            return
                        }
                    }
                }else {
                    for(let item of this.feeCenterListC) {
                        if (item.accStatus == 1){
                            this.$message.warning('请选择没有生成账单的数据')
                            return
                        }
                    }
                }
                this.$confirm("确定将选择数据删除?", {
                    confirmButtonText: "确定",
                    cancelButtonText: "取消",
                    type: "warning"
                }).then(()=>{
                    let multiList = []
                    let arr = []
                    if (dc == 'D') {
                        multiList = this.selectionDList
                        arr = this.assemblyForm.feeCenterListD
                    }else {
                        multiList = this.selectionCList
                        arr = this.assemblyForm.feeCenterListC
                    }
                    // 获取有id 的数据
                    const itemsWithId = multiList.filter(item => item.hasOwnProperty('id'));
                    let arrIds = itemsWithId.map(item=>item.id) // 获取id 数据
                    // 把选中的删除掉
                    multiList.forEach((item)=>{
                        for (let index in arr) {
                            if (JSON.stringify(item) == JSON.stringify(arr[index])) {
                                arr.splice(Number(index),1)
                            }
                        }
                    })
                    // 有id 的处理
                    if(itemsWithId.length != 0) {
                        feecenterRemove(arrIds.join(',')).then(res=>{
                            this.$message.success('操作成功')
                            // this.$emit('billsDetailfun')
                        })
                    }
                })
            },
            // 应收删除
            deletefun(row,index,dc) {
                console.log(row,index,1580)
                this.$confirm("确定将选择数据删除?", {
                    confirmButtonText: "确定",
                    cancelButtonText: "取消",
                    type: "warning"
                }).then(()=>{
                    if (row.id) {
                        // 删除接口
                        feecenterRemove(row.id).then(res=>{
                            this.$message({
                                type: "success",
                                message: "操作成功!"
                            });
                            this.$emit('billsDetailfun')
                        })
                    }else {
                        if(dc == 'D') {
                            this.assemblyForm.feeCenterListD.splice(index, 1)
                        }else {
                            this.assemblyForm.feeCenterListC.splice(index, 1)
                        }
                    }
                })
            },
            // 客户的回调
            corpChange(value,name,row,dc) {
                if (name == 'corpCnName') {
                    if (!value) {
                        this.$set(row,'corpCnName','')
                        this.$set(row,'corpEnName','')
                        this.$set(row,'corpId','')
                    }
                    for(let item of this.corpCnNameData) {
                        if (item.cnName == value){
                            this.$set(row,'corpCnName',item.cnName)
                            this.$set(row,'corpEnName',item.enName)
                            this.$set(row,'corpId',item.id)
                        }
                    }
                }else if (name == 'feeCnName') {
                    if (!value) {
                        this.$set(row,'feeCnName','')
                        this.$set(row,'feeEnName','')
                        this.$set(row,'feeId','')
                        this.$set(row,'feeCode','')
                        // 选择费用简称带出核算要素
                        this.$set(row,'elementsId','')
                        this.$set(row,'elementsCnName','')
                        this.$set(row,'elementsCode','')
                        this.$set(row,'elementsEnName','')
                    }
                    for(let item of this.feeCnNameData) {
                        if (item.cnName == value){
                            this.$set(row,'feeCnName',item.cnName)
                            this.$set(row,'feeEnName',item.enName)
                            this.$set(row,'feeId',item.id)
                            this.$set(row,'feeCode',item.code)
                            // 选择费用简称带出核算要素
                            this.$set(row,'elementsId',item.accElementId)
                            this.$set(row,'elementsCnName',item.accElementName)
                            this.$set(row,'elementsCode',item.elementsCode)
                            this.$set(row,'elementsEnName',item.elementsEnName)
                            // 拿取费用简称下的计量单位
                            this.getBunitsPagefun(true,item,row)
                            // 币别
                            this.$set(row,'curCode',item.curNo)
                            // 汇率
                            bcurrencyGetExrate({
                                date:this.assemblyForm.etd?this.assemblyForm.etd.slice(0,10) + ' 00:00:00':dateFormat(new Date(), "yyyy-MM-dd") + ' 00:00:00', // 开船日期
                                dc:dc
                            }).then(res=>{
                                for (let item of res.data.data) {
                                    if (item.code == row.curCode) {
                                        this.$set(row,'exrate',item.exrate)
                                    }
                                }
                            })
                            // 计算金额
                            this.$set(row,'amount',Number(row.price) * Number(row.quantity?row.quantity:0))
                            if (row.curCode == 'CNY') {
                                this.$set(row,'rmbAmount',row.amount)
                                this.$set(row,'usdAmount','')
                                this.$set(row,'rmbAmountNet',row.amount)
                                this.$set(row,'usdAmountNet','')
                            }else {
                                this.$set(row,'usdAmount',row.amount)
                                this.$set(row,'rmbAmount','')
                                this.$set(row,'usdAmountNet',row.amount)
                                this.$set(row,'rmbAmountNet','')
                            }
                        }
                    }
                }else if (name == 'unitNo') {
                    // 计量单位
                    this.$set(row,name,value)
                    for (let item of this.unitNoData) {
                        if (item.code == value) {
                            // 按箱型
                            if (item.quantityRule == 1) {
                                // 选择的箱那边的数据
                                if (item.boxquantity) {
                                    this.$set(row,'quantity',item.boxquantity)
                                }
                            }
                            // 按票
                            if (item.quantityRule == 2) {
                                this.$set(row,'quantity',1)
                            }
                            // 按重量
                            if (item.quantityRule == 3) {
                                this.$set(row,'quantity',this.assemblyForm.grossWeight)
                            }
                            // 按TEU
                            if (item.quantityRule == 4) {
                                this.$set(row,'quantity',item.boxquantity)
                            }
                            // 按尺码
                            if (item.quantityRule == 5) {
                                this.$set(row,'quantity',this.assemblyForm.measurement)
                            }
                            // 按件数
                            if (item.quantityRule == 6) {
                                this.$set(row,'quantity',this.assemblyForm.quantity)
                            }
                        }
                    }
                    this.$set(row,'amount',Number(row.price?row.price:0) * Number(row.quantity?row.quantity:0))
                    if (row.curCode == 'CNY') {
                        this.$set(row,'rmbAmount',row.amount)
                        this.$set(row,'usdAmount','')
                        this.$set(row,'rmbAmountNet',row.amount)
                        this.$set(row,'usdAmountNet','')
                    }else {
                        this.$set(row,'usdAmount',row.amount)
                        this.$set(row,'rmbAmount','')
                        this.$set(row,'usdAmountNet',row.amount)
                        this.$set(row,'rmbAmountNet','')
                    }
                } else if (name == 'elementsCnName') {
                    if (!value) {
                        this.$set(row,'elementsId','')
                        this.$set(row,'elementsCnName','')
                        this.$set(row,'elementsCode','')
                        this.$set(row,'elementsEnName','')
                    }
                    // 核算要素
                    for (let item of this.elementsData) {
                        if (item.cnName == value) {
                            this.$set(row,'elementsId',item.id)
                            this.$set(row,'elementsCnName',item.cnName)
                            this.$set(row,'elementsCode',item.code)
                            this.$set(row,'elementsEnName',item.enName)
                        }
                    }
                }else if (name == 'curCode') {
                    for(let item of this.curCodeData) {
                        if (item.code == value){
                            if (item.code == 'USD') {
                                if (Number(item.exrate) <= 1) {
                                    this.$message.warning('当前选择的币别汇率不能小于零')
                                    return
                                }
                            }else {
                                if (Number(item.exrate) == 0) {
                                    this.$message.warning('当前选择的币别汇率不能为零')
                                    return
                                }
                            }
                            this.$set(row,'curCode',item.code)
                            this.$set(row,'exrate',item.exrate)
                            this.$set(row,'amount',Number(row.price) * Number(row.quantity?row.quantity:0))
                            if (row.curCode == 'CNY') {
                                this.$set(row,'rmbAmount',row.amount)
                                this.$set(row,'usdAmount','')
                                this.$set(row,'rmbAmountNet',row.amount)
                                this.$set(row,'usdAmountNet','')
                            }else {
                                this.$set(row,'usdAmount',row.amount)
                                this.$set(row,'rmbAmount','')
                                this.$set(row,'usdAmountNet',row.amount)
                                this.$set(row,'rmbAmountNet','')
                            }
                        }
                    }
                } else {
                    this.$set(row,name,value)
                }

            },
            // 单价
            priceinputfun(value,row){
                if (Number(value) <= 0) {
                    this.$message({
                        type: "warning",
                        message: "单价不能输入负数!"
                    });
                    return
                }
                this.$set(row,'amount',Number(row.price) * Number(row.quantity?row.quantity:0))
                // 判断是否有币种
                if (!row.curCode) {
                    return;
                }
                if (row.curCode == 'CNY') {
                    this.$set(row,'rmbAmount',row.amount)
                    this.$set(row,'usdAmount','')
                    this.$set(row,'rmbAmountNet',row.amount)
                    this.$set(row,'usdAmountNet','')
                }else {
                    this.$set(row,'usdAmount',row.amount)
                    this.$set(row,'rmbAmount','')
                    this.$set(row,'usdAmountNet',row.amount)
                    this.$set(row,'rmbAmountNet','')
                }
            },
            // 数量
            quantityinputfun(row) {
                if (row.quantity <= 0) {
                    this.$message({
                        type: "warning",
                        message: "数量不能输入负数!"
                    });
                    this.$set(row,'quantity',1)
                    return
                }
                this.$set(row,'amount',Number(row.price?row.price:0) * Number(row.quantity))
                // 判断是否有币种
                if (!row.curCode) {
                    return;
                }
                if (row.curCode == 'CNY') {
                    this.$set(row,'rmbAmount',row.amount)
                    this.$set(row,'usdAmount','')
                }else {
                    this.$set(row,'usdAmount',row.amount)
                    this.$set(row,'rmbAmount','')
                }
            },
            // 保存接口
            feecenterSubmitfun(row){
                feecenterSubmit(row).then(res=>{
                    this.$message({
                        type: "success",
                        message: "操作成功!"
                    });
                    this.$emit('billsDetailfun')
                })
            },
            // 获取客户数据
            getBcorpsListfun(cnName){
                getBcorpsList(1,10,{cnName}).then(res=>{
                    this.corpCnNameData = res.data.data.records
                    // this.corpCnNameData = res.data.data.records.map(item=>{
                    //     // 创建自定义参数暂存
                    //     item.cnNamecode = item.cnName + ' - ' + item.code + ' - ' + item.shortName
                    //     return item
                    // })
                })
            },
            // 获取费用数据
            bfeesListfun(cnName){
                bfeesList(1,10,{cnName}).then(res=>{
                    this.feeCnNameData = res.data.data.records
                })
            },
            // 获取费用信息 核算要素信息
            getBaccelementsListfun(cnName){
                getBaccelementsList(1,10,{cnName}).then(res=>{
                    this.elementsData = res.data.data.records
                })
            },
            // 获取计算属性
            async getBunitsPagefun(type,feeRow,row){
                let srcBillId = null
                if (this.assemblyForm.billType == 'MH') {
                    srcBillId = this.assemblyForm.masterId
                }else {
                    srcBillId = this.assemblyForm.id
                }
                const res = await getBunitsPage({srcBillId})
                this.unitNoData = []
                let boxarr40 = ['40HC','40GP']
                let boxarr20 = ['20GP']
                let teunum = 0
                for (let item of res.data.data) {
                    // 按箱型
                    if (item.quantityRule != 1) {
                        // TEU
                        if (item.quantityRule == 4) {
                            for (let data of this.assemblyForm.preContainersList) {
                                // 40*2 20*1
                                if (boxarr40.indexOf(data.cntrTypeCode) != -1) {
                                    teunum += Number(data.quantity) * 2
                                }else if (boxarr20.indexOf(data.cntrTypeCode) != -1) {
                                    teunum += Number(data.quantity)
                                }
                            }
                            this.unitNoData.push({...item, boxquantity: teunum})
                        }else {
                            this.unitNoData.push(item) // 不是TEU和不是箱的走这个
                        }
                    }
                }
                let arr = this.assemblyForm.preContainersList.map(item=>{
                    return {
                        quantityRule:1, // 1 是按箱量
                        code:item.cntrTypeCode,
                        boxquantity:item.quantity,
                    }
                })
                this.unitNoData = [...arr,...this.unitNoData]
                // 选择费用时带出第一条
                if (type) {
                    let feeunitNodata = []
                    for (let item of this.unitNoData) {
                        if (item.quantityRule == feeRow.unitNo) {
                            feeunitNodata.push(item)
                        }
                    }
                    this.corpChange(feeunitNodata[0].code,'unitNo',row)
                }
            },

            // 获取币别数据
            bcurrencyGetExratefun(dc){
                console.log(dc,1963)
                bcurrencyGetExrate({
                    date:this.assemblyForm.etd?this.assemblyForm.etd.slice(0,10) + ' 00:00:00':dateFormat(new Date(), "yyyy-MM-dd") + ' 00:00:00', // 开船日期
                    dc:dc
                }).then(res=>{
                    this.curCodeData = res.data.data
                })
            },
            // 获取签单方式字典数据
            getWorkDictsfun(){
                getWorkDicts('issue_type_F').then(res=>{
                    this.issuetypefData = res.data.data
                })
            },
            // 获取预付到付字典数据
            paymodeWorkDictsfun(){
                getWorkDicts('payment_method_los').then((res) => {
                    this.paymodeData = res.data.data
                })
            },
            // 预付到付货物显示值
            paymodefun(value){
                for(let item of this.paymodeData) {
                    if (item.value == value) {
                        return item.label
                    }
                }
            },
            // 生成账单接口
            finaccbillsGenerateBillfun(list){
                const obj = {
                    feeCenterList:list,
                    businessTypeCode:'HYZD',
                    billNoFormat:'HYZD',
                    accountType:'LOCAL',
                    refno:this.assemblyForm.refno,
                    bookingNo:this.assemblyForm.bookingNo,
                    polNamePrint:this.assemblyForm.polNamePrint,
                    podNamePrint:this.assemblyForm.podNamePrint,
                    teamId:this.assemblyForm.teamId,
                    teamName:this.assemblyForm.teamName
                }
                finaccbillsGenerateBill(obj).then(res=>{
                    this.$message({
                        type: "success",
                        message: "操作成功!"
                    });
                    this.$emit('billsDetailfun')
                })
            },
            // 撤销账单接口
            finaccbillsRevokeBillfun(list){
                const obj = {
                    feeCenterList:list,
                }
                finaccbillsRevokeBill(obj).then(res=>{
                    this.$message({
                        type: "success",
                        message: "操作成功!"
                    });
                    this.$emit('billsDetailfun')
                })
            },
            // 一键编辑
            feecenterEditfun(dc){
                if (dc == 'D') {
                    for(let item of this.assemblyForm.feeCenterListD) {
                        if (item.accStatus != 1) {
                            this.$delete(item, 'edit')
                            this.$set(item,'edit',true)
                        }
                    }
                }else {
                    for(let item of this.assemblyForm.feeCenterListC) {
                        if (item.accStatus != 1) {
                            this.$delete(item, 'edit')
                            this.$set(item,'edit',true)
                        }
                    }
                }
            },
            // 费用信息明细保存按钮
            feecenterSubmitListfun(){
                if (!this.pid) {
                    this.$message({
                        message: '请先保存数据之后才能添加',
                        type: 'warning'
                    });
                    return
                }
                // 判断必填项
                let sum = '请输入'
                for (let item of this.assemblyForm.feeCenterListD) {
                    if (!item.corpId) {
                        sum += ` 应收序号${item.$index + 1}往来单位`
                    }
                    if (!item.feeId) {
                        sum += ` 应收序号${item.$index + 1}费用简称`
                    }
                    if (!item.elementsId) {
                        sum += ` 应收序号${item.$index + 1}核算要素`
                    }
                    if (!item.curCode) {
                        sum += ` 应收序号${item.$index + 1}币种`
                    }
                }
                for (let item of this.assemblyForm.feeCenterListC) {
                    if (!item.corpId) {
                        sum += ` 应付序号${item.$index + 1}往来单位`
                    }
                    if (!item.feeId) {
                        sum += ` 应付序号${item.$index + 1}费用简称`
                    }
                    if (!item.elementsId) {
                        sum += ` 应付序号${item.$index + 1}核算要素`
                    }
                    if (!item.curCode) {
                        sum += ` 应付序号${item.$index + 1}币种`
                    }
                }
                if(sum != '请输入') {
                    this.$confirm(sum, {
                        confirmButtonText: "确定",
                        cancelButtonText: "取消",
                        type: "warning"
                    })
                    return;
                }

                this.$confirm("确定保存全部的费用信息?", {
                    confirmButtonText: "确定",
                    cancelButtonText: "取消",
                    type: "warning"
                }).then(()=>{
                    this.assemblyForm.feeCenterListD.map((row,index)=>{
                        row.dc = 'D'
                        row.pid = this.pid
                        row.sort = Number(index) + 1
                        row.businessType = this.assemblyForm.businessType // 业务类型
                        row.billType = this.assemblyForm.billType // 单据类型
                        row.billNo = this.assemblyForm.billNo // 单据编号
                        row.billDate = this.assemblyForm.billDate // 单据日期
                        row.billCorpId = this.assemblyForm.corpId // 主表客户 id
                        row.billCorpCnName = this.assemblyForm.corpCnName // 主表客户中文名称
                        row.billCorpEnName = this.assemblyForm.corpEnName // 主表客户英文名称
                        row.lineId = this.assemblyForm.lineId // 航线 id
                        row.lineCnName = this.assemblyForm.lineCnName // 航线中文名称
                        row.lineEnName = this.assemblyForm.lineEnName // 航线英文名称
                        row.vesselId = this.assemblyForm.vesselId // 船名 id
                        row.vesselCnName = this.assemblyForm.vesselCnName // 中文船名
                        row.vesselEnName = this.assemblyForm.vesselEnName // 英文船名
                        row.voyageNo = this.assemblyForm.voyageNo // 航次
                        row.mblno = this.assemblyForm.mblno // MB/L NO
                        row.hblno = this.assemblyForm.hblno // HB/L NO
                        row.etd = this.assemblyForm.etd // 开船日期
                        row.eta = this.assemblyForm.eta // 到港日期
                        row.polId = this.assemblyForm.polId // 装货港 id
                        row.polCode = this.assemblyForm.polCode // 装货港代码
                        row.polCnName = this.assemblyForm.polCnName // 装货港中文名称
                        row.polEnName = this.assemblyForm.polEnName // 装货港英文名称
                        row.podId = this.assemblyForm.podId // 卸货港 id
                        row.podCode = this.assemblyForm.podCode // 卸货港代码
                        row.podCnName = this.assemblyForm.podCnName // 卸货港中文名称
                        row.podEnName = this.assemblyForm.podEnName // 卸货港英文名称
                        row.corpArgreementNo = this.assemblyForm.corpArgreementNo // 客户约号
                    })
                    this.assemblyForm.feeCenterListC.map((row,index)=>{
                        row.dc = 'C'
                        row.pid = this.pid
                        row.sort = Number(index) + 1
                        row.businessType = this.assemblyForm.businessType // 业务类型
                        row.billType = this.assemblyForm.billType // 单据类型
                        row.billNo = this.assemblyForm.billNo // 单据编号
                        row.billDate = this.assemblyForm.billDate // 单据日期
                        row.billCorpId = this.assemblyForm.corpId // 主表客户 id
                        row.billCorpCnName = this.assemblyForm.corpCnName // 主表客户中文名称
                        row.billCorpEnName = this.assemblyForm.corpEnName // 主表客户英文名称
                        row.lineId = this.assemblyForm.lineId // 航线 id
                        row.lineCnName = this.assemblyForm.lineCnName // 航线中文名称
                        row.lineEnName = this.assemblyForm.lineEnName // 航线英文名称
                        row.vesselId = this.assemblyForm.vesselId // 船名 id
                        row.vesselCnName = this.assemblyForm.vesselCnName // 中文船名
                        row.vesselEnName = this.assemblyForm.vesselEnName // 英文船名
                        row.voyageNo = this.assemblyForm.voyageNo // 航次
                        row.mblno = this.assemblyForm.mblno // MB/L NO
                        row.hblno = this.assemblyForm.hblno // HB/L NO
                        row.etd = this.assemblyForm.etd // 开船日期
                        row.eta = this.assemblyForm.eta // 到港日期
                        row.polId = this.assemblyForm.polId // 装货港 id
                        row.polCode = this.assemblyForm.polCode // 装货港代码
                        row.polCnName = this.assemblyForm.polCnName // 装货港中文名称
                        row.polEnName = this.assemblyForm.polEnName // 装货港英文名称
                        row.podId = this.assemblyForm.podId // 卸货港 id
                        row.podCode = this.assemblyForm.podCode // 卸货港代码
                        row.podCnName = this.assemblyForm.podCnName // 卸货港中文名称
                        row.podEnName = this.assemblyForm.podEnName // 卸货港英文名称
                        row.corpArgreementNo = this.assemblyForm.corpArgreementNo // 客户约号
                    })

                    feecenterSubmitList([
                        ...this.assemblyForm.feeCenterListD,
                        ...this.assemblyForm.feeCenterListC
                    ]).then(res=>{
                        this.$message({
                            type: "success",
                            message: "操作成功!"
                        });
                        this.$emit('billsDetailfun')
                    })
                })

            },

            // 预览报表
            handleReportPreview(url,data){
                console.log(url,1670)
                console.log(data,1671)
                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')
                Stimulsoft.Base.Localization.StiLocalization.setLocalizationFile('/reports/stimulsoft/Localization/zh-CHS.xml' )
                // 工具栏
                var options = new Stimulsoft.Viewer.StiViewerOptions()
                options.height = '100%'
                options.appearance.scrollbarsMode = true // 滚动条模式
                options.toolbar.showDesignButton = false // 显示设计按钮
                options.toolbar.showAboutButton = false // 显示关于按钮
                options.toolbar.showResourcesButton = false // 显示资源按钮
                options.toolbar.showFullScreenButton = false // 显示全屏按钮
                options.toolbar.showOpenButton = false // 显示打开按钮
                options.appearance.showTooltips = false // 显示工具提示
                options.appearance.showDialogsHelp = false // 显示对话框帮助
                options.exports.showExportToDocument = false // 显示导出到文档
                options.toolbar.showParametersButton = true // 显示参数按钮
                options.appearance.bookmarksPrint = true // 书签打印
                // options.toolbar.showPrintButton = false // 打印按钮是否显示   下面直接自定义控制打印弹窗是否开启

                // printDestination 参数：用于指定报表打印的目标位置，可以是打印机、PDF 文件或者直接打印到浏览器等。
                // Stimulsoft.Viewer.StiPrintDestination.Direct：表示直接打印到打印机，即将报表内容直接发送至打印机进行打印。
                // 通过设置不同的 printDestination 参数，你可以控制报表打印的行为，例如是直接打印到打印机，还是生成 PDF 文件，或者直接在浏览器中预览打印内容等。
                options.toolbar.printDestination = Stimulsoft.Viewer.StiPrintDestination.Direct
                // htmlRenderMode html渲染模式
                options.appearance.htmlRenderMode = Stimulsoft.Report.Export.StiHtmlExportMode.Table
                // 是创建一个 Stimulsoft 报表查看器的实例的代码
                let viewer = new Stimulsoft.Viewer.StiViewer(options, 'StiViewer', false)

                // 报表
                console.log("创建一个报表实例");
                console.log()
                let report = new window.Stimulsoft.Report.StiReport();

                // 加载文件
                console.log("从url加载报表");
                // report.loadFile("/reports/stimulsoft/demos/SimpleList.mrt");
                report.load(url)

                data.pageOne = 'Page : 1 of 1'
                // 处理超长数据
                if (data.hshipperDetails) {
                    var consignerIndex2 = data.hshipperDetails.indexOf( '\n' )
                    for (let i = 0; i < 4; i++) {
                        consignerIndex2 = data.hshipperDetails.indexOf( '\n', consignerIndex2 + 1 );
                    }
                    if (consignerIndex2 != -1) {
                        var hshipperDetails = data.hshipperDetails.substring(consignerIndex2 + 2, data.hshipperDetails.length)
                        data.hshipperDetails = data.hshipperDetails.substring(0, consignerIndex2) + ' *'
                        data.commodityDescr += '\n*' + hshipperDetails
                    }
                }

                if (data.hconsigneeDetails) {
                    var consigneeIndex2 = data.hconsigneeDetails.indexOf( '\n' )
                    for (let i = 0; i < 3; i++) {
                        consigneeIndex2 = data.hconsigneeDetails.indexOf( '\n', consigneeIndex2 + 1 );
                    }
                    if (consigneeIndex2 != -1) {
                        var hconsigneeDetails = data.hconsigneeDetails.substring(consigneeIndex2 + 2, data.hconsigneeDetails.length)
                        data.hconsigneeDetails = data.hconsigneeDetails.substring(0, consigneeIndex2) + ' **'
                        data.commodityDescr += '\n**' + hconsigneeDetails
                    }
                }

                if (data.hnotifyDetails) {
                    var notifierIndex2 = data.hnotifyDetails.indexOf( '\n' )
                    for (let i = 0; i < 3; i++) {
                        notifierIndex2 = data.hnotifyDetails.indexOf( '\n', notifierIndex2 + 1 );
                    }
                    if (notifierIndex2 != -1) {
                        var hnotifyDetails = data.hnotifyDetails.substring(notifierIndex2 + 2, data.hnotifyDetails.length)
                        data.hnotifyDetails = data.hnotifyDetails.substring(0, notifierIndex2) + ' ***'
                        data.commodityDescr += '\n***' + hnotifyDetails
                    }
                }

                // 处理箱号
                if (this.isPrintTheBoxNumber) {
                    data.commodityDescr += '\n.\n.\n'
                }

                // PLACE & DATE OF ISSUE
                data.placeAndDateOfIssue = ''
                if (data.issueAt) {
                    data.placeAndDateOfIssue += data.issueAt
                }
                if (data.issueDate) {
                    let date = new Date(data.issueDate.replace(/-/g,'/'));
                    let yyyy = date.getFullYear();
                    let mmmm = date.toDateString().split(" ")[1]
                    let dd = date.getDate()
                    data.placeAndDateOfIssue += ', ' + dd + '-' + mmmm + '-' + yyyy
                }

                // Total number of containers or packages received by the Carriers
                if (data.preContainersList) {
                    let boxMap = new Map();
                    for (let boxQuantity of data.preContainersList) {
                        if (boxMap.get(boxQuantity.cntrTypeCode)) {
                            let v = boxMap.get(boxQuantity.cntrTypeCode)
                            boxMap.set(boxQuantity.cntrTypeCode, v + boxQuantity.quantity)
                        } else {
                            boxMap.set(boxQuantity.cntrTypeCode, boxQuantity.quantity)
                        }
                    }
                    let boxs = ''
                    boxMap.forEach(function (value, key, map) {
                        boxs += value + 'x' + key + ', '
                    })
                    boxs = boxs.substring(0, boxs.length - 2)

                    data.boxQuantity = boxs + ' CONTAINER(S) ONLY'
                }

                // Number of original B/Ls
                if (data.numberOfObl) {
                    data.numberOfObl += ' (' + data.numberOfOblDigit + ')'
                }

                if (data.commodityDescr) {
                    var descriptionIndex2 = data.commodityDescr.indexOf( '\n' )
                    for (let i = 0; i < 19; i++) {
                        descriptionIndex2 = data.commodityDescr.indexOf( '\n', descriptionIndex2 + 1 );
                    }
                    if (descriptionIndex2 != -1) {
                        data.pageOne = 'Page : 1 of 2'
                        data.pageTwo = 'Page : 2 of 2'
                        var extraLongText = data.commodityDescr.substring(descriptionIndex2 + 2, data.commodityDescr.length)
                        data.commodityDescr = data.commodityDescr.substring(0, descriptionIndex2)
                        data.extraLongTips = '** TO BE CONTINUED ON ATTACHED LIST **'
                        data.extraLongText = extraLongText
                    }
                }

                // console.log(data.hshipperDetails, 'hshipperDetails2')

                // 创建一个 Stimulsoft 数据集（DataSet）的实例的代码
                var dataSet = new Stimulsoft.System.Data.DataSet(
                    'reportData'
                )

                dataSet.readJson(data) // 用于将 JSON 格式的数据加载到数据集中。data 是包含报表数据的 JSON 对象。
                // 这是一个方法调用，用于在报表中注册数据源。参数 'reportData' 是数据源的名称，
                // 第二个 'reportData' 是数据源的别名，dataSet 则是之前创建的数据集实例
                report.regData('reportData', 'reportData', dataSet)
                // 从模版和数据加载报表
                // loadReport(report, '', {})

                // 这是将报表对象指定给报表查看器的属性。viewer 是报表查看器的实例，而 report 是之前创建的报表对象。
                viewer.report = report;

                this.$refs.reportContainer.showContainer(
                    ()=> {
                        setTimeout(() => {
                            viewer.renderHtml('reportContainer')
                            this.createViewerButtons(viewer)
                        }, 50)
                    },
                    ()=>{
                    },
                )
                console.log("加载成功完成!");
            },
            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 printBtn = viewer.jsObject.SmallButton(
                    'printBtn',
                    '打印报表',
                    'myClose.png'
                )
                // console.log(viewer.jsObject.print(),'1013')
                // 获取 关闭按钮的dom元素位置
                const toolbarTable = viewer.jsObject.controls.toolbar.firstChild.firstChild
                const buttonsTable = toolbarTable.rows[0].lastChild.lastChild
                const userButtonCell = buttonsTable.rows[0].insertCell(0)
                // 获取打印按钮的位置
                const buttonsTablePrint = toolbarTable.rows[0].childNodes[0].lastChild // 打印按钮
                const userButtonPrint = buttonsTablePrint.rows[0].childNodes[0] // 打印按钮dom位置


                userButtonPrint.addEventListener("click", (event)=>{
                    console.log("打印点击");
                    // event.preventDefault()
                });
                userButtonPrint.addEventListener("mouseover", (event) => {
                    console.log("移入打印按钮");
                    console.log(event,1035)

                });

                userButtonCell.className = 'stiJsViewerClearAllStyles'
                userButtonCell.appendChild(closeBtn) // 添加关闭节点

                // userButtonPrint.prepend(printBtn) // 在 printBtn 节点里最前面增加一个子级节点


                let that=this
                // 关闭按钮的监听点击
                closeBtn.action = function() {
                    console.log(that.$refs.ReportContainer,'1022')
                    if (that.$refs.reportContainer)
                        that.$refs.reportContainer.hideContainer()
                }

                // // // 打印按钮监听
                // printBtn.action = (e)=>{
                //     console.log('打印')
                //     window.print()
                // }

            },
            // 表头样式
            tableHeaderCellStyle({row,column,rowIndex, columnIndex}){
                return "padding:4px 0px;fontSize:12px;color:#000;background:#ecf5ff"
            },
            // 更改表格颜色
            headerClassName(tab) {
                //颜色间隔
                let back = ""
                if (tab.columnIndex >= 0 && tab.column.level === 1) {
                    if (tab.columnIndex % 2 === 0) {
                        back = "back-one"
                    } else if (tab.columnIndex % 2 === 1) {
                        back = "back-two"
                    }
                }
                return back;
            },
            // 关闭弹窗
            handleClose(done) {
                this.$confirm('确认关闭？')
                    .then(_ => {
                        this.feesselectionList = [] // 清空多选
                        this.templateRightData = [] // 清空数据
                        done();
                    })
                    .catch(_ => {});
            },
            //自定义列保存
            async saveColumnTwo(ref, option, optionBack, code) {
                /**
                 * 已定义全局方法，直接使用，saveColumnData保存列数据方法,参数传值(表格名称，当前表格的option数据)
                 * 已定义全局方法，直接使用，getColumnName方法用来获取枚举值，参数根据自己定义的code值获取中文名
                 * 一定要执行异步操作，要等接口成功返回，才能执行下一行代码
                 */
                const inSave = await this.saveColumnData(this.getColumnName(code), this[option]);
                if (inSave) {
                    this.$message.success("保存成功");
                    //关闭窗口
                    this.$refs[ref].$refs.dialogColumn.columnBox = false;
                }
            },
            //自定义列重置
            async resetColumnTwo(ref, option, optionBack, code) {
                this[option] = this[optionBack];
                const inSave = await this.delColumnData(this.getColumnName(code), this[optionBack]);
                if (inSave) {
                    this.$message.success("重置成功");
                    this.$refs[ref].$refs.dialogColumn.columnBox = false;
                }
            },

        },
    }
</script>

<style scoped lang="scss">
    .disabledBox {
        display: flex;
        align-items: center;
    }
    .fontSize {
        font-size: 16px;
        color: #81B337;
    }
    .meetSize {
        font-size: 16px;
        color: #54BCBD;
    }
    .bottomFlex {
        display: flex;
        align-items: center;
    }
    .weightfont {
        font-size: 20px;
        font-weight: bold;
    }
    .weightnum {
        font-size: 15px;
        font-weight: 500;
    }
    .fontText {
        font-size: 16px;
        font-weight: 500;
        margin: 3px 0;
    }
    ::v-deep.el-form-item {
        margin-bottom: 0px;
    }

    // 去掉弹框内容的默认padding值
    /deep/.el-dialog .el-dialog__body {
        padding: 0px 20px;
    }
    ::v-deep#out-table .back-one {
        background: #ecf5ff !important;
        text-align: center;
        padding: 4px 0;
    }

    ::v-deep#out-table .back-two {
        background: #ecf5ff !important;
        text-align: center;
        padding: 4px 0;
    }
</style>