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="crudD" :row-style="{ height: '20px' }"
                :cell-style="{ padding: '0px' }" @selection-change="handleSelectionChange($event, 'D')"
                @resetColumn="resetColumnTwo('crudD', 'optionD', 'optionDBack', 309.2)"
                @saveColumn="saveColumnTwo('crudD', '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 || disabled || 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 || disabled || 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 || disabled || 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 || disabled || pleasereviewType"
                        @click="templateClick('D')">应收模板</el-button>
                    <el-button v-if="roleName.indexOf('admin') != -1 || roleName.indexOf('应收修改') != -1" type="info"
                        plain size="small" :disabled="disabled || pleasereviewType"
                        @click="feecenterSubmitListfun">一键保存</el-button>
                    <el-button v-if="roleName.indexOf('admin') != -1 || roleName.indexOf('应收修改') != -1" type="info"
                        plain size="small" :disabled="disabled || pleasereviewType" @click="feecenterEditfun('D')">一键编辑
                    </el-button>
                    <el-button v-if="roleName.indexOf('admin') != -1 || roleName.indexOf('应收修改') != -1" type="primary"
                        plain size="small" :disabled="disabled || pleasereviewType"
                        @click="copyfun('D')">生成应付</el-button>
                    <el-button v-if="roleName.indexOf('admin') != -1 || roleName.indexOf('应收修改') != -1" type="primary"
                        plain size="small" :disabled="disabled || pleasereviewType"
                        @click="allClick('发票申请', '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="disabled || 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.shortName"
                        :filterable="true" :clearable="true" :remote="true" :buttonIf="false"
                        :forParameter="{ key: 'id', label: 'shortName', value: 'shortName' }"
                        @remoteMethod="getBcorpsListfun($event, 'shortName')"
                        @corpChange="corpChange($event, 'shortName', row, 'D')"
                        @corpFocus="getBcorpsListfun($event, 'shortName')">
                    </search-query>
                    <span v-else style="color: #1e9fff" @click="corpClick(row)">{{ row.shortName }}</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="3" 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 || disabled || pleasereviewType" @click="editDfun(scope.row,scope.index)">编辑</el-button>-->
                    <el-button type="text" size="small" :disabled="scope.row.accStatus || disabled || 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: 2px 0">
            <avue-crud :option="optionC" :table-loading="loadingC" :data="assemblyForm.feeCenterListC" v-model="formC"
                id="out-table" :header-cell-class-name="headerClassName" ref="crudC" :row-style="{ height: '20px' }"
                :cell-style="{ padding: '0px' }" @selection-change="handleSelectionChange($event, 'C')"
                @resetColumn="resetColumnTwo('crudC', 'optionC', 'optionCBack', 309.3)"
                @saveColumn="saveColumnTwo('crudC', '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 || disabled || 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 || disabled || 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 || disabled || 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 || disabled || pleasereviewType"
                        @click="templateClick('C')">应付模板
                    </el-button>
                    <el-button v-if="roleName.indexOf('admin') != -1 || roleName.indexOf('应付修改') != -1" type="info"
                        plain size="small" :disabled="disabled || pleasereviewType" @click="feecenterSubmitListfun">一键保存
                    </el-button>
                    <el-button v-if="roleName.indexOf('admin') != -1 || roleName.indexOf('应付修改') != -1" type="info"
                        plain size="small" :disabled="disabled || pleasereviewType" @click="feecenterEditfun('C')">一键编辑
                    </el-button>
                    <el-button v-if="roleName.indexOf('admin') != -1 || roleName.indexOf('应付修改') != -1" type="primary"
                        plain size="small" :disabled="disabled || pleasereviewType" @click="copyfun('C')">生成应收
                    </el-button>
                    <el-button type="info" plain size="small" :disabled="disabled"
                        @click="allClick('付费申请', '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="disabled || 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.shortName"
                        :filterable="true" :clearable="true" :remote="true" :buttonIf="false"
                        :forParameter="{ key: 'id', label: 'shortName', value: 'shortName' }"
                        @remoteMethod="getBcorpsListfun($event, 'shortName')"
                        @corpChange="corpChange($event, 'shortName', row, 'C')"
                        @corpFocus="getBcorpsListfun($event, 'shortName')">
                    </search-query>
                    <span v-else style="color: #1e9fff" @click="corpClick(row)">{{ row.shortName }}</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="3" 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 || disabled || pleasereviewType" @click="editCfun(scope.row,scope.index)">编辑</el-button>-->
                    <el-button type="text" size="small" :disabled="scope.row.accStatus || disabled || pleasereviewType"
                        @click="deletefun(scope.row, scope.index, 'C')">删除</el-button>
                </template>
            </avue-crud>
        </el-card>
        <avue-crud v-show="assemblyForm.feeCenterAmendList.length > 0" id="out-table" class="box-card"
            :header-cell-class-name="headerClassName" ref="crud" :row-style="{ height: '16px' }"
            :cell-style="{ padding: '0px' }" :data="assemblyForm.feeCenterAmendList" :option="amendOption"></avue-crud>
        <avue-crud id="out-table" class="box-card" :header-cell-class-name="headerClassName" ref="crud"
            :row-style="{ height: '16px' }" :cell-style="{ padding: '0px' }" :option="sumOption"
            :data="sumData"></avue-crud>
        <!--有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>
                        <div style="color: #81B337">
                            <span>应收:</span>
                            <span class="weightnum">¥{{ assemblyForm.amountDr }}元</span>
                        </div>
                    </div>
                    <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>
                        <div style="color: #81B337">
                            <span>应收:</span>
                            <span class="weightnum">${{ assemblyForm.amountDrUsd }}元</span>
                        </div>
                    </div>
                    <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>
                        <div style="color: #81B337">
                            <span>应收:</span>
                            <span class="weightnum">¥{{ assemblyForm.amountDrLoc }}元</span>
                        </div>

                    </div>
                    <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">
            <span slot="title">
                <el-button type="primary" size="mini" @click.stop="exportfun">导出</el-button>
            </span>
            <div style="padding-bottom: 30px;">
                <el-table :data="corpDialog" border show-summary 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 sortable :prop="`amount${dcDialogType}r`"
                        :label="`应${dcDialogType == 'D' ? '收' : '付'}金额CNY`" width="120px" />
                    <el-table-column sortable :prop="`amount${dcDialogType}rUsd`"
                        :label="`应${dcDialogType == 'D' ? '收' : '付'}金额USD`" width="120px" />
                    <el-table-column sortable :prop="`amount${dcDialogType}rLoc`"
                        :label="`应${dcDialogType == 'D' ? '收' : '付'}金额合计CNY`" width="150px" />
                    <el-table-column sortable :prop="`stlAmount${dcDialogType}r`"
                        :label="`已结算应${dcDialogType == 'D' ? '收' : '付'}金额CNY`" width="160px" />
                    <el-table-column sortable :prop="`stlAmount${dcDialogType}rUsd`"
                        :label="`已结算应${dcDialogType == 'D' ? '收' : '付'}金额USD`" width="160px" />
                    <el-table-column sortable :prop="`stlAmount${dcDialogType}rLoc`"
                        :label="`已结算应${dcDialogType == 'D' ? '收' : '付'}金额合计CNY`" width="180px" />
                </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 { getBcorpsDetail, 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";
import { getToken } from "@/util/auth";
import _ from "lodash";
export default {
    components: { reportContainer, SearchQuery, reportformsList },
    props: {
        pid: {

        },
        assemblyForm: {
            type: Object,
            default: {}
        },
        detailData: {},
        // 请核之后禁用
        pleasereviewType: {
            type: Boolean,
            default: false,
        },
        // 拷贝的详情数据
        copyFormData: {
            type: Object,
            default: {}
        },
        disabled: {
            type: Boolean,
            default: false,
        },
    },
    data() {
        return {
            amendOption: {
                border: true,
                align: 'center',
                menuAlign: 'center',
                menu: false,
                header: false,
                addBtn: false,
                // height: '100px',
                column: [
                    {
                        label: "账单",
                        prop: "accStatus",
                        width: "60",
                        dicData: [
                            {
                                label: '否',
                                value: 0
                            },
                            {
                                label: '是',
                                value: 1
                            }
                        ],
                        overHidden: true,
                    },
                    {
                        label: "结算单位",
                        prop: "corpCnName",
                        width: "160",
                        overHidden: true,
                    },
                    {
                        label: "费用简称",
                        prop: "feeCnName",
                        width: "120",
                        overHidden: true,
                    },
                    {
                        label: "预付/到付",
                        prop: "paymode",
                        width: "120",
                        overHidden: true,
                    },
                    {
                        label: "收/付",
                        prop: "dc",
                        width: "120",
                        dicData: [
                            {
                                label: '收',
                                value: 'D'
                            },
                            {
                                label: '付',
                                value: 'C'
                            }
                        ],
                        overHidden: true,
                    },
                    {
                        label: "计量单位",
                        prop: "unitNo",
                        width: "120",
                        overHidden: true,
                    },
                    {
                        label: "币种",
                        prop: "curCode",
                        width: "120",
                        overHidden: true,
                    },
                    {
                        label: "汇率",
                        prop: "exrate",
                        width: "100",
                        overHidden: true,
                    },
                    {
                        label: "单价",
                        prop: "price",
                        width: "120",
                        overHidden: true,
                    },
                    {
                        label: "数量",
                        prop: "quantity",
                        width: "120",
                        overHidden: true,
                    },
                    {
                        label: "CNY(含税)",
                        prop: "rmbAmount",
                        width: "100",
                        overHidden: true,
                    },
                    {
                        label: "USD(含税)",
                        prop: "usdAmount",
                        width: "100",
                        overHidden: true,
                    },
                    {
                        label: "CNY(净额)",
                        prop: "rmbAmountNet",
                        width: "100",
                        overHidden: true,
                    },
                    {
                        label: "USD(净额)",
                        prop: "usdAmountNet",
                        width: "100",
                        overHidden: true,
                    },
                    {
                        label: "核算要素",
                        prop: "elementsCnName",
                        width: "120",
                        hide: true,
                        overHidden: true,
                    },
                    {
                        label: "付费申请金额",
                        prop: "appliedAmount",
                        width: "120",
                        overHidden: true,
                    },
                    {
                        label: "发票申请金额",
                        prop: "appliedInvoiceAmount",
                        width: "120",
                        overHidden: true,
                    },
                    {
                        label: "已开票金额",
                        prop: "uninvoicedAmount",
                        width: "120",
                        overHidden: true,
                    },
                    {
                        label: "已结算金额",
                        prop: "stlTtlAmount",
                        width: "120",
                        overHidden: true,
                    },
                    {
                        label: "备注",
                        prop: "remarks",
                        width: "100",
                        overHidden: true,
                    },
                    // {
                    //     label: "税率",
                    //     prop: "taxRate",
                    //     width: "100",
                    // },
                    // {
                    //     label: "附加税率",
                    //     prop: "surchargeRate",
                    //     width: "100",
                    // },
                    {
                        label: "单价是否含税",
                        prop: "isTax",
                        width: "120",
                        overHidden: true,
                    }
                ]
            },
            sumData: [],
            sumOption: {
                border: true,
                align: 'center',
                menuAlign: 'center',
                menu: false,
                header: false,
                addBtn: false,
                // height: '100px',
                column: [
                    {
                        label: '客户',
                        prop: 'corpCnName',
                        overHidden: true,
                    }, {
                        label: 'RMB应收',
                        prop: 'rmbD',
                        overHidden: true,
                    }, {
                        label: 'RMB应付',
                        prop: 'rmbC',
                        overHidden: true,
                    }, {
                        label: 'USD应收',
                        prop: 'usdD',
                        overHidden: true,
                    }, {
                        label: 'USD应付',
                        prop: 'usdC',
                        overHidden: true,
                    }, {
                        label: '合计应收',
                        prop: 'sumD',
                        overHidden: true,
                    }, {
                        label: '合计应付',
                        prop: 'sumC',
                        overHidden: true,
                    }
                ]
            },
            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: "curCode",
                        width: 100,
                        cell: true,
                        type: 'select',
                        dicData: [{
                            label: '全部',
                            value: null
                        }, {
                            label: 'USD',
                            value: 'USD'
                        }, {
                            label: 'CNY',
                            value: 'CNY'
                        }],
                        overHidden: true,
                    },
                    {
                        label: "客户名称",
                        prop: "cnName",
                        overHidden: true,
                    },
                    {
                        label: "客户编号",
                        prop: "code",
                        overHidden: true,
                    },
                ]
            },
            corpVisible: false, // 结算单位弹窗
            corpDialog: [], // 结算单位弹窗数据
            dcDialogType: '', // 结算单位弹窗dc判断
            corpRow: {}, // 结算单位弹窗数据
            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",
                        overHidden: true,
                    },
                    {
                        label: "结算单位",
                        prop: "corpCnName",
                        width: "160",
                        overHidden: true,
                    },
                    {
                        label: "费用简称",
                        prop: "feeCnName",
                        width: "120",
                        overHidden: true,
                    },
                    {
                        label: "预付/到付",
                        prop: "paymode",
                        width: "120",
                        overHidden: true,
                    },
                    {
                        label: "计量单位",
                        prop: "unitNo",
                        width: "120",
                        overHidden: true,
                    },
                    {
                        label: "币种",
                        prop: "curCode",
                        width: "120",
                        overHidden: true,
                    },
                    {
                        label: "汇率",
                        prop: "exrate",
                        width: "100",
                        overHidden: true,
                    },
                    {
                        label: "单价",
                        prop: "price",
                        width: "120",
                        overHidden: true,
                    },
                    {
                        label: "数量",
                        prop: "quantity",
                        width: "120",
                        overHidden: true,
                    },
                    {
                        label: "CNY(含税)",
                        prop: "rmbAmount",
                        width: "100",
                        overHidden: true,
                    },
                    {
                        label: "USD(含税)",
                        prop: "usdAmount",
                        width: "100",
                        overHidden: true,
                    },
                    {
                        label: "CNY(净额)",
                        prop: "rmbAmountNet",
                        width: "100",
                        overHidden: true,
                    },
                    {
                        label: "USD(净额)",
                        prop: "usdAmountNet",
                        width: "100",
                        overHidden: true,
                    },
                    {
                        label: "核算要素",
                        prop: "elementsCnName",
                        width: "120",
                        hide:true,
                        overHidden: true,
                    },
                    {
                        label: "付费申请金额",
                        prop: "appliedAmount",
                        width: "120",
                        overHidden: true,
                    },
                    {
                        label: "发票申请金额",
                        prop: "appliedInvoiceAmount",
                        width: "120",
                        overHidden: true,
                    },
                    {
                        label: "已开票金额",
                        prop: "uninvoicedAmount",
                        width: "120",
                        overHidden: true,
                    },
                    {
                        label: "已结算金额",
                        prop: "stlTtlAmount",
                        width: "120",
                        overHidden: true,
                    },
                    {
                        label: "备注",
                        prop: "remarks",
                        width: "100",
                        overHidden: true,
                    },
                    // {
                    //     label: "税率",
                    //     prop: "taxRate",
                    //     width: "100",
                    // },
                    // {
                    //     label: "附加税率",
                    //     prop: "surchargeRate",
                    //     width: "100",
                    // },
                    {
                        label: "单价是否含税",
                        prop: "isTax",
                        width: "120",
                        overHidden: true,
                    },
                ]
            },
            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",
                        overHidden: true,
                    },
                    {
                        label: "结算单位",
                        prop: "corpCnName",
                        width: "160",
                        overHidden: true,
                    },
                    {
                        label: "费用简称",
                        prop: "feeCnName",
                        width: "120",
                        overHidden: true,
                    },
                    {
                        label: "预付/到付",
                        prop: "paymode",
                        width: "120",
                        overHidden: true,
                    },
                    {
                        label: "计量单位",
                        prop: "unitNo",
                        width: "120",
                        overHidden: true,
                    },
                    {
                        label: "币种",
                        prop: "curCode",
                        width: "120",
                        overHidden: true,
                    },
                    {
                        label: "汇率",
                        prop: "exrate",
                        width: "100",
                        overHidden: true,
                    },
                    {
                        label: "单价",
                        prop: "price",
                        width: "120",
                        overHidden: true,
                    },
                    {
                        label: "数量",
                        prop: "quantity",
                        width: "120",
                        overHidden: true,
                    },
                    {
                        label: "CNY(含税)",
                        prop: "rmbAmount",
                        width: "100",
                        overHidden: true,
                    },
                    {
                        label: "USD(含税)",
                        prop: "usdAmount",
                        width: "100",
                        overHidden: true,
                    },
                    {
                        label: "CNY(净额)",
                        prop: "rmbAmountNet",
                        width: "100",
                        overHidden: true,
                    },
                    {
                        label: "USD(净额)",
                        prop: "usdAmountNet",
                        width: "100",
                        overHidden: true,
                    },
                    {
                        label: "核算要素",
                        prop: "elementsCnName",
                        width: "120",
                        hide: true,
                        overHidden: true,
                    },
                    {
                        label: "付费申请金额",
                        prop: "appliedAmount",
                        width: "120",
                        overHidden: true,
                    },
                    {
                        label: "发票申请金额",
                        prop: "appliedInvoiceAmount",
                        width: "120",
                        overHidden: true,
                    },
                    {
                        label: "已开票金额",
                        prop: "uninvoicedAmount",
                        width: "120",
                        overHidden: true,
                    },
                    {
                        label: "已结算金额",
                        prop: "stlTtlAmount",
                        width: "120",
                        overHidden: true,
                    },
                    {
                        label: "备注",
                        prop: "remarks",
                        width: "100",
                        overHidden: true,
                    },
                    // {
                    //     label: "税率",
                    //     prop: "taxRate",
                    //     width: "100",
                    // },
                    // {
                    //     label: "附加税率",
                    //     prop: "surchargeRate",
                    //     width: "100",
                    // },
                    {
                        label: "单价是否含税",
                        prop: "isTax",
                        width: "120",
                        overHidden: true,
                    },
                ]
            },
            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: 'corpType',
                        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:'REF MBLNO',
                //     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: [], // 当前登录人的角色权限
            idArr: [],
        }
    },
    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: {
        getSum() {
            let sumArr = []
            let corpArr = []
            let newArr = []
            this.sumData = []
            sumArr = this.assemblyForm.feeCenterListD.concat(this.assemblyForm.feeCenterListC)
            sumArr.forEach(e => {
                if (e.shortName) {
                    corpArr.push(e.shortName)
                }
            })
            newArr = [... new Set(corpArr)]
            newArr.forEach(e => {
                let rmbD = 0
                let rmbC = 0
                let usdD = 0
                let usdC = 0
                let sumD = 0
                let sumC = 0
                sumArr.forEach(item => {
                    if (e == item.shortName) {
                        if (item.curCode == 'CNY' && item.dc == 'D') {
                            rmbD += Number(item.rmbAmount)
                            sumD += Number(item.rmbAmount)
                        }
                        if (item.curCode == 'CNY' && item.dc == 'C') {
                            rmbC += Number(item.rmbAmount)
                            sumC += Number(item.rmbAmount)
                        }
                        if (item.curCode == 'USD' && item.dc == 'D') {
                            usdD += Number(item.usdAmount)
                            sumD += Number(item.usdAmount) * Number(item.exrate)
                        }
                        if (item.curCode == 'USD' && item.dc == 'C') {
                            usdC += Number(item.usdAmount)
                            sumC += Number(item.usdAmount) * Number(item.exrate)
                        }
                    }
                })
                this.sumData.push({
                    corpCnName: e,
                    rmbD: _.round(rmbD, 2),
                    rmbC: _.round(rmbC, 2),
                    usdD: _.round(usdD, 2),
                    usdC: _.round(usdC, 2),
                    sumD: _.round(sumD, 2),
                    sumC: _.round(sumC, 2)
                })
            })
        },
        uniqueItems(list) {
            const unique = [];
            const seen = new Set();
            for (const item of list) {
                const key = item.id; // 假设根据id属性去重
                if (!seen.has(key)) {
                    seen.add(key);
                    unique.push(item);
                }
            }
            return unique;
        },
        getKeyName(key) {
            const item = this.corpCnNameData.find(item => item.cnName === key);
            return item ? item.shortName : key;
        },
        // 弹窗导出
        exportfun() {
            const routeData = this.$router.resolve({
                path: '/api/blade-los/finaccbills/listFeeCountByCorpExport',//跳转目标窗口的地址
                query: {
                    dc: this.corpRow.dc,
                    corpId: this.corpRow.corpId
                }
            })
            window.open(routeData.href.slice(1, routeData.href.length) + '&' + `${this.website.tokenHeader}=${getToken()}`);
        },
        // 费用弹窗里的打印
        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,
                curCode: row.curCode,
                type: 'HYCK'
            }).then(res => {
                this.handleReportPreview(this.reportformsObj.url, res.data.data.data)
            })
        },
        // 打印弹窗里回调
        reportRadio(val) {
            // 多选打印
            // 获取报表数据
            reportsGetReportData({
                billId: this.assemblyForm.id,
                reportCode: val.classifyCode,
                groupCode: val.groupCode,
                itemIds: this.idArr.join(','),
                type: 'HYCK'
            }).then(res => {
                this.handleReportPreview(val.url, res.data.data.data)
            })
        },
        // 打印费用
        printingCostsfun(dc) {
            this.printingDC = dc
            let groupCode = ''
            let selectionArr = []
            this.idArr = []
            if (dc == 'D') {
                groupCode = '应收,应收-账单'
                selectionArr = this.selectionDList
                this.idArr = this.selectionDList.map(item => {
                    return item.id
                })
            } else {
                groupCode = '应付,应付-账单'
                selectionArr = this.selectionCList
                this.idArr = this.selectionCList.map(item => {
                    return item.id
                })
            }
            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
                    res.data.data.forEach(e => {
                        e.$cellEdit = true
                        e.curCode = null
                    })
                    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.corpRow = row
                this.dcDialogType = row.dc
                this.corpDialog = res.data.data
            })
        },
        // 模板导入
        templateExport() {

            if (!this.lefttemplate.id) {
                this.$message.warning('请选择左侧模版名')
                return
            }
            if (this.feesselectionList.length > 0) {
                console.log(this.lefttemplate)
                feecenterTemplateImport({
                    ...this.lefttemplate,
                    feesTemplateItemsList: this.feesselectionList,
                    billNoId: this.assemblyForm.id
                }).then(res => {
                    if (res.data.msg.indexOf('未导入') >= 0) {
                        this.$message({
                            type: "error",
                            message: res.data.msg
                        });
                    } else {
                        this.$message({
                            type: "success",
                            message: res.data.msg
                        });
                    }
                    this.feesselectionList = [] // 清空多选
                    this.templateRightData = [] // 清空数据
                    this.lefttemplate = {}//左侧数据
                    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;
                }
            }
            // 判断拷贝详情的数据是否要参数
            if (popupReminder(this.copyFormData, this.messageData)) {
                return this.$message.warning('请先点击右上角保存按钮保存数据')
            }
            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.shortName = this.assemblyForm.feeCenterListD[this.assemblyForm.feeCenterListD.length - 1].shortName
                // // 费用简称
                // 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
                this.assemblyForm.feeCenterListD.push(obj)
            } else {
                // 结算单位拿主表客户名称
                obj.corpId = this.assemblyForm.corpId
                obj.corpCnName = this.assemblyForm.corpCnName
                obj.corpEnName = this.assemblyForm.corpEnName
                //
                // 预付/到付
                obj.paymode = this.assemblyForm.mpaymode
                getBcorpsDetail(this.assemblyForm.corpId).then(res => {
                    obj.shortName = res.data.data.shortName
                    this.assemblyForm.feeCenterListD.push(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;
                }
            }
            // 判断拷贝详情的数据是否要参数
            if (popupReminder(this.copyFormData, this.messageData)) {
                return this.$message.warning('请先点击右上角保存按钮保存数据')
            }
            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.shortName = this.assemblyForm.feeCenterListC[this.assemblyForm.feeCenterListC.length - 1].shortName
                // // 费用简称
                // 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
                this.assemblyForm.feeCenterListC.push(obj)
            } else {
                // 结算单位拿主表客户名称
                // obj.corpId = this.assemblyForm.corpId
                // obj.corpCnName = this.assemblyForm.corpCnName.split(' - ')[0]
                // obj.corpEnName = this.assemblyForm.corpEnName
                // 预付/到付
                obj.paymode = this.assemblyForm.mpaymode
                // getBcorpsDetail(this.assemblyForm.corpId).then(res => {
                //     obj.shortName = res.data.data.shortName
                //     this.assemblyForm.feeCenterListC.push(obj)
                // })
                this.assemblyForm.feeCenterListC.push(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)
                    }
                }
            })
        },
        // 客户的回调
        async corpChange(value, name, row, dc) {
            if (name == 'shortName') {
                console.log(value, name)
                if (!value) {
                    this.$set(row, 'shortName', '')
                    this.$set(row, 'corpCnName', '')
                    this.$set(row, 'corpEnName', '')
                    this.$set(row, 'corpId', '')
                }
                for (let item of this.corpCnNameData) {
                    if (item.shortName == value) {
                        console.log(item)
                        this.$set(row, 'shortName', item.shortName)
                        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) {
                        if (value == 'PS') {
                            // 判断是否是分单
                            if (this.assemblyForm.billType == 'MH') {
                                this.$confirm('分单不能添加PS', {
                                    confirmButtonText: "确定",
                                    cancelButtonText: "取消",
                                    type: "warning"
                                })
                                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', '')
                                return
                            }
                            // 查询当前客户的 ps规则是否等于零和null
                            const psres = await getBcorpsDetail(this.assemblyForm.corpId)
                            if (!psres.data.data.psRate || Number(psres.data.data.psRate) == 0) {
                                this.$confirm('PS规则为零不能添加费用', {
                                    confirmButtonText: "确定",
                                    cancelButtonText: "取消",
                                    type: "warning"
                                })
                                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', '')
                                return
                            }
                        }
                        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)
                        // 币别
                        if (value == 'PS') {
                            this.$set(row, 'curCode', 'USD')
                        } else {
                            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,
                            type: 1
                        }).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.toFixed(2))
                            this.$set(row, 'usdAmount', '')
                            this.$set(row, 'rmbAmountNet', row.amount.toFixed(2))
                            this.$set(row, 'usdAmountNet', '')
                        } else {
                            this.$set(row, 'usdAmount', row.amount.toFixed(2))
                            this.$set(row, 'rmbAmount', '')
                            this.$set(row, 'usdAmountNet', row.amount.toFixed(2))
                            this.$set(row, 'rmbAmountNet', '')
                        }
                    }
                }
            } else if (name == 'unitNo') {
                console.log(value, name, row)
                // 计量单位
                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.toFixed(2))
                    this.$set(row, 'usdAmount', '')
                    this.$set(row, 'rmbAmountNet', row.amount.toFixed(2))
                    this.$set(row, 'usdAmountNet', '')
                } else {
                    this.$set(row, 'usdAmount', row.amount.toFixed(2))
                    this.$set(row, 'rmbAmount', '')
                    this.$set(row, 'usdAmountNet', row.amount.toFixed(2))
                    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') {
                if (row.feeCnName == 'PS') {
                    this.$set(row, 'curCode', '')
                    value = 'USD'
                }
                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.toFixed(2))
                            this.$set(row, 'usdAmount', '')
                            this.$set(row, 'rmbAmountNet', row.amount.toFixed(2))
                            this.$set(row, 'usdAmountNet', '')
                        } else {
                            this.$set(row, 'usdAmount', row.amount.toFixed(2))
                            this.$set(row, 'rmbAmount', '')
                            this.$set(row, 'usdAmountNet', row.amount.toFixed(2))
                            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.toFixed(2))
                this.$set(row, 'usdAmount', '')
                this.$set(row, 'rmbAmountNet', row.amount.toFixed(2))
                this.$set(row, 'usdAmountNet', '')
            } else {
                this.$set(row, 'usdAmount', row.amount.toFixed(2))
                this.$set(row, 'rmbAmount', '')
                this.$set(row, 'usdAmountNet', row.amount.toFixed(2))
                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.toFixed(2))
                this.$set(row, 'usdAmount', '')
            } else {
                this.$set(row, 'usdAmount', row.amount.toFixed(2))
                this.$set(row, 'rmbAmount', '')
            }
        },
        // 保存接口
        feecenterSubmitfun(row) {
            feecenterSubmit(row).then(res => {
                this.$message({
                    type: "success",
                    message: "操作成功!"
                });
                this.$emit('billsDetailfun')
            })
        },
        // 获取客户数据
        getBcorpsListfun(cnName) {
            getBcorpsList(1, 10, { shortName: cnName, status: 0 }).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, status: 0 }).then(res => {
                this.feeCnNameData = res.data.data.records
            })
        },
        // 获取费用信息 核算要素信息
        getBaccelementsListfun(cnName) {
            getBaccelementsList(1, 10, { cnName, status: 0 }).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) {
            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,
                type: 1
            }).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}币种`
            //     }
            // }
            for (let item of this.assemblyForm.feeCenterListD) {
                if (!item.corpId || !item.feeId || !item.elementsId || !item.curCode) {
                    sum += `应收第${item.$index + 1}行${!item.corpId ? ' 结算单位' : ''}${!item.feeId ? ' 费用简称' : ''}${!item.elementsId ? ' 核算要素' : ''}${!item.curCode ? ' 币种' : ''}`
                }
            }
            for (let item of this.assemblyForm.feeCenterListC) {
                if (!item.corpId || !item.feeId || !item.elementsId || !item.curCode) {
                    sum += `应付第${item.$index + 1}行${!item.corpId ? ' 结算单位' : ''}${!item.feeId ? ' 费用简称' : ''}${!item.elementsId ? ' 核算要素' : ''}${!item.curCode ? ' 币种' : ''}`
                }
            }
            if (sum != '请输入') {
                this.$confirm(sum, {
                    confirmButtonText: "确定",
                    cancelButtonText: "取消",
                    type: "warning"
                })
                return;
            }

            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.split('-')[0] // 主表客户中文名称
                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')
            })

        },
        allClick(name, type) {
            if (name == '付费申请') {
                if (this.selectionCList.length == 0) return this.$message.error("请选择费用");
                if (this.selectionCList.length != this.selectionCList.filter(e => e.corpCnName == this.selectionCList[0].corpCnName).length) return this.$message.error("请选择相同的结算单位");
                if (this.$store.getters.payAppStatus) {
                    this.$alert("付费申请页面已存在,请关闭付费申请再进行操作", "温馨提示", {
                        confirmButtonText: "确定",
                        type: 'warning',
                        callback: action => {
                        }
                    });
                } else {
                    this.$router.push({
                        path: `/iosBasicData/PaymentApplication/index`,
                        query: {
                            mblno: this.assemblyForm.mblno,
                            corpCnName: this.selectionCList[0].corpCnName,
                            corpId: this.selectionCList[0].corpId
                        }
                    })
                }
            }
            if (name == '发票申请') {
                if (this.selectionDList.length == 0) return this.$message.error("请选择费用");
                if (this.selectionDList.length != this.selectionDList.filter(e => e.corpCnName == this.selectionDList[0].corpCnName).length) return this.$message.error("请选择相同的结算单位");
                if (this.$store.getters.finappStatus) {
                    this.$alert("发票申请(F)页面已存在,请关闭发票申请(F)再进行操作", "温馨提示", {
                        confirmButtonText: "确定",
                        type: 'warning',
                        callback: action => {
                        }
                    });
                } else {
                    this.$router.push({
                        path: `/iosBasicData/fininvoicesApplyfor/index`,
                        query: {
                            mblno: this.assemblyForm.mblno,
                            corpCnName: this.selectionDList[0].corpCnName,
                            corpId: this.selectionDList[0].corpId
                        }
                    })
                }

            }
        },
        // 预览报表
        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.feesselectionList = [] // 清空多选
            this.templateRightData = [] // 清空数据
            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;
            }
        },

    },
    watch: {
        // 监听业务类型 如果不是分单 可以编辑分单号
        'assemblyForm.feeCenterListD': {
            // 执行方法
            handler(oldValue, newValue) {
                this.getSum()
            },
            deep: true, // 深度监听
            immediate: true  // 第一次改变就执行
        },
        // 监听箱信息数据 箱信息中有温度 自动切换 冻货
        'assemblyForm.feeCenterListC': {
            // 执行方法
            handler(oldValue, newValue) {
                this.getSum()
            },
            deep: true, // 深度监听
            immediate: true  // 第一次改变就执行,
        }
    },
}
</script>

<style scoped lang="scss">
::v-deep .box-card .el-card__body {
    padding: 4px !important;
}

.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;
}

.textoverflow {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
</style>