yf-admin-ui/src/views/iosBasicData/OceanFreightImport/bills/billsDetails.vue

<template>
    <div class="borderless" v-loading="pageLoading">
        <div class="customer-head">
            <div class="customer-back">
                <!--        <i class="back-icon el-icon-arrow-left"></i><i style="font-style:normal">返回管理列表</i>-->
                <el-button type="danger" style="border: none;background: none;color: red" icon="el-icon-arrow-left"
                    @click="backToList">{{ $t("btn118n.toList") }}
                </el-button>
                <el-button v-if="form.id && pageIds.length" type="text" @click="lastPage">{{ $t("btn118n.previous")
                    }}</el-button>
                <el-button v-if="form.id && pageIds.length" type="text" @click="nextPage">{{ $t("btn118n.next")
                    }}</el-button>
            </div>
            <div class="add-customer-btn">
                <!--<el-popover-->
                <!--    placement="bottom-end"-->
                <!--    width="100"-->
                <!--    trigger="hover">-->
                <!--    <div>-->

                <!--    </div>-->
                <el-button v-if="form.changeOrderStatus == '录入'" type="primary" size="small"
                    @click="allClick('申请换单')">申请换单
                </el-button>
                <el-button v-if="form.changeOrderStatus == '申请'" type="danger" size="small"
                    @click="allClick('撤销换单')">撤销换单
                </el-button>
                <el-button v-if="form.deliveryNoteStatus == '录入'" type="success" size="small"
                    @click="allClick('电子提货单')">电子提货单
                </el-button>
                <el-button v-if="form.deliveryNoteStatus == '已发送'" type="danger" size="small"
                    @click="allClick('撤销电子提货单')">撤销电子提货单
                </el-button>
                <el-button size="small" type="primary" @click="addEdit">{{ $t("btn118n.new") }}
                </el-button>
                <el-button type="success" size="small" style="margin-right: 8px" @click="CopyDocumentsfun">{{
                    $t("btn118n.copy") }}
                </el-button>
                <el-dropdown style="line-height: 0" v-if="
                    saberTenantId == '409341' || saberTenantId == '607913'
                ">
                    <el-button size="small" type="warning" style="margin-right: 8px"
                        :disabled="form.status > 0 || showLock || !form.id">
                        {{ $t("btn118n.importTemplate") }}<i class="el-icon-arrow-down el-icon--right"></i>
                    </el-button>
                    <el-dropdown-menu slot="dropdown">
                        <el-dropdown-item v-for="item in imporiData" :key="item.id"
                            @click.native="importData(item.id)">{{ item.name }}
                        </el-dropdown-item>
                    </el-dropdown-menu>
                </el-dropdown>
                <el-dropdown style="line-height: 0">
                    <el-button size="small" type="success" style="margin-right: 8px" :loading="saveLoading"
                        :disabled="!form.id || showLock">
                        发送 SO EDI<i class="el-icon-arrow-down el-icon--right"></i>
                    </el-button>
                    <el-dropdown-menu slot="dropdown">
                        <el-dropdown-item v-for="item in ediData_SO" :key="item.id" class="dropdown-max"
                            @click.native="editypesSendingEdifun(item)">{{ item.cnName }}
                        </el-dropdown-item>
                    </el-dropdown-menu>
                </el-dropdown>
                <!-- <el-dropdown style="line-height: 0">
                    <el-button size="small" type="success" style="margin-right: 8px" :loading="saveLoading"
                        :disabled="!form.id || showLock">
                        发送 SI EDI<i class="el-icon-arrow-down el-icon--right"></i>
                    </el-button>
                    <el-dropdown-menu slot="dropdown">
                        <el-dropdown-item v-for="item in ediData_SI" :key="item.id" class="dropdown-max"
                            @click.native="editypesSendingEdifun(item)">{{ item.cnName }}
                        </el-dropdown-item>
                    </el-dropdown-menu>
                </el-dropdown> -->
                <el-button
                    v-if="bigtabs != 'dz' && (roleName.includes('admin') || (roleName.includes('应付修改') && roleName.includes('应付查看')) || (roleName.includes('应收修改') && roleName.includes('应收查看')))"
                    size="small" style="margin-right: 8px" :loading="saveLoading" :disabled="!form.id"
                    @click="previewDialogfun">{{ $t("btn118n.preview") }}
                </el-button>
                <el-button v-if="form.id && form.receiveStatus == '录入'" size="small" type="success"
                    @click.stop="allClick('接收')">{{ $t("btn118n.received") }}
                </el-button>
                <el-button v-if="form.id && form.receiveStatus == '已接收'" size="small" type="danger"
                    @click.stop="allClick('撤销接收')">{{ $t("btn118n.unReceived") }}
                </el-button>
                <!-- <el-button v-if="form.id && form.changeOrdersStatus == '可换单'" size="small" type="warning"
                    @click.stop="allClick('换单')">{{ $t("sea118n.changeDoc") }}
                </el-button> -->
                <!-- <el-button v-if="form.id && form.changeOrdersStatus == '已换单'" size="small" type="danger"
                    @click.stop="allClick('撤销换单')">{{ $t("sea118n.unChangeDoc") }}
                </el-button> -->
                <el-button size="small" type="warning" :disabled="!form.id || showLock" v-if="form.billType == 'MM'"
                    @click.stop="allClick('同步分单信息')">{{ $t("btn118n.getInfoMMToMH") }}
                </el-button>
                <el-button v-if="form.id && form.returningSecurityMoneyStatus == '可退押'" size="small" type="info"
                    @click.stop="allClick('退押')">{{ $t("btn118n.returnDeposit") }}
                </el-button>
                <el-button v-if="
                    form.id && form.returningSecurityMoneyStatus == '已退押'
                " size="small" type="danger" @click.stop="allClick('撤销退押')">{{ $t("btn118n.unReturnDeposit") }}
                </el-button>
                <el-button size="small" type="warning" :disabled="!form.id || showLock"
                    v-if="form.status == 1 && form.billType != 'MH'" @click.stop="revokeDocumentApproval">{{
                        $t("btn118n.unapply") }}
                </el-button>
                <el-button size="small" type="success" :disabled="!form.id || detailData.seeDisabled || showLock" v-if="
                    form.status == 0 ||
                    (form.status == 4 && form.billType != 'MH')
                " @click.stop="DocumentApproval">{{ $t("btn118n.apply") }}
                </el-button>
                <el-button size="small" type="danger" :disabled="showLock"
                    v-if="form.status == 3 && form.billType != 'MH' && (roleName.includes('admin') || roleName.includes('撤销锁单'))"
                    @click.stop="revokeLockOrder">{{ $t("btn118n.unapply") }}
                </el-button>
                <el-button size="small" type="primary" style="margin-right: 8px"
                    :disabled="detailData.seeDisabled || showLock" :loading="saveLoading" @click="editCustomer">{{
                        $t("btn118n.save") }}
                </el-button>
                <el-dropdown style="line-height: 0" v-if="form.billType != 'MH'">
                    <el-button type="warning" :loading="saveLoading" :disabled="!form.id" size="small">
                        {{ $t("btn118n.checked") }}<i class="el-icon-arrow-down el-icon--right"></i>
                    </el-button>
                    <el-dropdown-menu slot="dropdown">
                        <el-dropdown-item @click.native="
                            (checkScheduleDialog = true),
                            (checkId = form.id)
                            ">审核进度
                        </el-dropdown-item>
                    </el-dropdown-menu>
                </el-dropdown>
            </div>
        </div>
        <div style="margin-top: 50px">
            <el-tabs type="border-card" v-model="bigtabs" @tab-click="bigHandleClick">
                <el-tab-pane :label="$t('sea118n.orderInfo')" name="wt" class="scrollable-container">
                    <div>
                        <el-form :model="form" ref="form" label-width="90px" class="demo-ruleForm" :disabled="showLock">
                            <basic-container>
                                <el-row :gutter="60">
                                    <el-col v-for="(item,
                                        index) in basicData.column" :key="index" :span="8">
                                        <!--数组-->
                                        <div v-if="item instanceof Array"
                                            style="display: flex;align-items: center;justify-content: space-between">
                                            <el-row>
                                                <el-col :span="item[0].span
                                                    ? item[0].span
                                                    : 12
                                                    ">
                                                    <el-form-item :label="item[0].label" :prop="item[0].prop"
                                                        :rules="item[0].rules" :label-width="item[0].labelWidth
                                                            ">
                                                        <span slot="label" v-if="item[0].label">
                                                            <span v-if="
                                                                item[0]
                                                                    .label ==
                                                                'HB/L NO'
                                                            " style="color: #4c9e44;cursor: pointer;text-decoration: underline;"
                                                                @click="
                                                                    applyforfun(
                                                                        item[0]
                                                                            .label
                                                                    )
                                                                    ">{{
                                                                        form.hblno
                                                                            ? "删除"
                                                                            : "申请"
                                                                    }}
                                                                {{
                                                                    item[0]
                                                                        .label
                                                                }}
                                                            </span>
                                                            <span v-else style="color: #1e9fff">{{
                                                                item[0]
                                                                    .label
                                                            }}</span>
                                                        </span>
                                                        <span v-if="
                                                            item[0].type ==
                                                            'button'
                                                        "></span>
                                                        <!--<el-button v-if="item[0].type == 'button'" :disabled="detailData.seeDisabled || item[0].disabled"-->
                                                        <!--           size="mini" type="success" icon="el-icon-circle-plus" circle-->
                                                        <!--           @click="applyforfun(item[0].label)" >-->
                                                        <!--</el-button>-->
                                                        <search-query v-else-if="
                                                            item[0].type ==
                                                            'select'
                                                        " :datalist="item[0].dicData
                                                            " :selectValue="form[
                                                                item[0].prop
                                                            ]
                                                                " :filterable="true" :allowCreate="item[0]
                                                                    .allowCreate ||
                                                                    false
                                                                    " :remote="true" :disabled="detailData.seeDisabled ||
                                                                        item[0]
                                                                            .disabled
                                                                        " :buttonIf="false" :placeholder="`${item[0]
                                                                            .text ||
                                                                            ''}`
                                                                            " :forParameter="item[0]
                                                                                .forParameter
                                                                                " @remoteMethod="
                                                                                    remoteMethod(
                                                                                        $event,
                                                                                        item[0].prop
                                                                                    )
                                                                                    " @corpChange="
                                                                                        corpChange(
                                                                                            $event,
                                                                                            item[0].prop
                                                                                        )
                                                                                        " @corpFocus="
                                                                                            remoteMethod(
                                                                                                $event,
                                                                                                item[0].prop
                                                                                            )
                                                                                            ">
                                                        </search-query>
                                                        <el-input v-else type="age" style="width: 100%;" v-model="form[item[0].prop]
                                                            " size="small" autocomplete="off"
                                                            :disabled="detailData.seeDisabled || item[0].disabled || form.feeCenterListD.filter(item => item.auditStatus > 0).length || form.feeCenterListC.filter(item => item.auditStatus > 0).length"
                                                            :placeholder="item[0].text || ''"></el-input>
                                                    </el-form-item>
                                                </el-col>
                                                <el-col :span="item[1].span
                                                    ? item[1].span
                                                    : 12
                                                    ">
                                                    <el-form-item :label="item[1].label" :prop="item[1].prop"
                                                        :rules="item[1].rules" :label-width="item[1].labelWidth
                                                            ">
                                                        <span slot="label" v-if="item[1].label">
                                                            <span style="color: #1e9fff">{{
                                                                item[1]
                                                                    .label
                                                            }}</span>
                                                        </span>
                                                        <el-date-picker v-if="
                                                            item[1].type ==
                                                            'date'
                                                        " v-model="form[
                                                            item[1].prop
                                                        ]
                                                            " clearable style="width: 100%;" type="date" size="small"
                                                            :disabled="detailData.seeDisabled ||
                                                                item[1]
                                                                    .disabled
                                                                " value-format="yyyy-MM-dd HH:mm" placeholder="选择日期">
                                                        </el-date-picker>
                                                        <search-query v-else-if="item[1].type == 'select'"
                                                            :datalist="item[1].dicData"
                                                            :selectValue="form[item[1].prop]" :filterable="true"
                                                            :remote="true"
                                                            :disabled="detailData.seeDisabled || item[1].disabled || form.feeCenterListD.filter(item => item.auditStatus > 0).length || form.feeCenterListC.filter(item => item.auditStatus > 0).length"
                                                            :buttonIf="false" :placeholder="`${item[1].text || ''}`"
                                                            :forParameter="item[1].forParameter"
                                                            @remoteMethod="remoteMethod($event, item[1].prop)"
                                                            @corpChange="corpChange($event, item[1].prop)"
                                                            @corpFocus="remoteMethod($event, item[1].prop)">
                                                        </search-query>

                                                        <tree-select v-else-if="
                                                            item[1].type ==
                                                            'tree'
                                                        " v-model="form[
                                                            item[1].prop
                                                        ]
                                                            " :data="item[1].dicData
                                                                " :props="item[1]
                                                                    .forParameter
                                                                    " nodeKey="title" size="small" :clearable="false"
                                                            :disabled="detailData.seeDisabled ||
                                                                item[1]
                                                                    .disabled
                                                                " :multiple="false" :placeholder="`${item[1]
                                                                    .text ||
                                                                    ''}`
                                                                    " @input="
                                                                        corpChange(
                                                                            $event,
                                                                            item[1].prop
                                                                        )
                                                                        ">
                                                        </tree-select>

                                                        <el-input v-else type="age" style="width: 100%;" v-model="form[
                                                            item[1].prop
                                                        ]
                                                            " size="small" autocomplete="off" :disabled="detailData.seeDisabled ||
                                                                item[1]
                                                                    .disabled
                                                                " :placeholder="item[1].text ||
                                                                    ''
                                                                    "></el-input>
                                                    </el-form-item>
                                                </el-col>
                                                <el-col v-if="item[2]" :span="item[2].span
                                                    ? item[2].span
                                                    : 12
                                                    ">
                                                    <el-form-item :label="item[2].label" :prop="item[2].prop"
                                                        :rules="item[2].rules" :label-width="item[2].labelWidth
                                                            ">
                                                        <span slot="label" v-if="item[2].label">
                                                            <span style="color: #1e9fff">{{
                                                                item[2]
                                                                    .label
                                                            }}</span>
                                                        </span>
                                                        <search-query v-if="
                                                            item[2].type ==
                                                            'select'
                                                        " :datalist="item[2].dicData
                                                            " :selectValue="form[
                                                                item[2].prop
                                                            ]
                                                                " :filterable="true" :clearable="false" :remote="true"
                                                            :disabled="detailData.seeDisabled ||
                                                                item[2]
                                                                    .disabled
                                                                " :buttonIf="false" :forParameter="item[2]
                                                                    .forParameter
                                                                    " :placeholder="`${item[2]
                                                                        .text ||
                                                                        ''}`
                                                                        " @remoteMethod="
                                                                            remoteMethod(
                                                                                $event,
                                                                                item[2].prop
                                                                            )
                                                                            " @corpChange="
                                                                                corpChange(
                                                                                    $event,
                                                                                    item[2].prop
                                                                                )
                                                                                " @corpFocus="
                                                                                    remoteMethod(
                                                                                        $event,
                                                                                        item[2].prop
                                                                                    )
                                                                                    ">
                                                        </search-query>
                                                        <el-input v-else type="age" style="width: 100%;" v-model="form[
                                                            item[2].prop
                                                        ]
                                                            " size="small" autocomplete="off" :disabled="detailData.seeDisabled ||
                                                                item[1]
                                                                    .disabled
                                                                " :placeholder="item[2].text ||
                                                                    ''
                                                                    "></el-input>
                                                    </el-form-item>
                                                </el-col>
                                            </el-row>
                                        </div>
                                        <!--对象-->
                                        <div v-else>
                                            <el-form-item v-if="item.display == true" :label="item.label"
                                                :prop="item.prop" :rules="item.rules">
                                                <span slot="label" v-if="item.label">
                                                    <span style="color: #1e9fff">{{ item.label }}</span>
                                                </span>
                                                <search-query v-if="item.type == 'select'" ref="searchQueryRef"
                                                    :datalist="item.dicData" :selectValue="form[item.prop]
                                                        " :filterable="true" :clearable="false" :remote="true"
                                                    :disabled="detailData.seeDisabled || item.disabled"
                                                    :buttonIf="item.buttonIf" :forParameter="item.forParameter
                                                        " :placeholder="`${item.text || ''}`
                                                            " :joinData="item.joinData" @remoteMethod="
                                                                remoteMethod(
                                                                    $event,
                                                                    item.prop
                                                                )
                                                                " @corpChange="
                                                                    corpChange(
                                                                        $event,
                                                                        item.prop
                                                                    )
                                                                    " @corpFocus="
                                                                        remoteMethod(
                                                                            $event,
                                                                            item.prop
                                                                        )
                                                                        " @eldialogConfirm="
                                                                            eldialogConfirm(
                                                                                item.slot
                                                                            )
                                                                            ">
                                                    <bcorps v-show="item.slot ==
                                                        'bcorps'
                                                        " ref="bcorps" :eldialog="true" @selectionChange="
                                                            eldialogMultipleChoice(
                                                                $event,
                                                                item.slot
                                                            )
                                                            ">
                                                    </bcorps>
                                                    <bcorpstypedefine v-show="item.slot ==
                                                        'bcorpstypedefine'
                                                        ">
                                                    </bcorpstypedefine>
                                                </search-query>
                                                <el-input v-else type="age" style="width: 100%;"
                                                    v-model="form[item.prop]" size="small" autocomplete="off" :disabled="detailData.seeDisabled ||
                                                        item.disabled
                                                        " :placeholder="item.text || ''
                                                            "></el-input>
                                            </el-form-item>
                                        </div>
                                    </el-col>
                                </el-row>
                            </basic-container>
                        </el-form>
                    </div>
                    <div class="customer-main margintop">
                        <basic-container :showBtn="true">
                            <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
                                <el-tab-pane :label='$t("sea118n.billInfo")' name="first">
                                    <entrustment-lnformation :assemblyForm="form" :saberUserInfo="saberUserInfo"
                                        :detailData="detailData" :disabled="showLock"
                                        :generateBillsfalse="generateBillsfalse" @billsDetailfun="
                                            billsDetailfun(form.id)
                                            ">
                                    </entrustment-lnformation>
                                </el-tab-pane>
                                <el-tab-pane :label='$t("sea118n.ctnrList")' name="second">
                                    <DistributionBox :assemblyForm="form" :detailData="detailData" :showLock="showLock"
                                        :pleasereviewType="pleasereviewType" @billsAddfun="billsAddfun" @billsDetailfun="
                                            billsDetailfun(form.id)
                                            ">
                                    </DistributionBox>
                                </el-tab-pane>
                                <el-tab-pane label="MB/L信息" name="third">
                                    <mbinformation :assemblyForm="form" :detailData="detailData" :disabled="showLock">
                                    </mbinformation>
                                </el-tab-pane>
                                <el-tab-pane :label='$t("sea118n.reportManage")' name="fourth" v-if="
                                    roleName.indexOf('admin') != -1
                                        ? true
                                        : roleName.indexOf('报表管理') != -1
                                            ? true
                                            : false
                                ">
                                    <reports :id="form.id" :assemblyForm="form" :disabled="detailData.seeDisabled || showLock
                                        " businessValue="HYJK"></reports>
                                </el-tab-pane>
                                <!-- <el-tab-pane label="EDI 及其他" name="sixth">
                                    <edicode :assemblyForm="form" :detailData="detailData" :disabled="showLock">
                                    </edicode>
                                </el-tab-pane> -->
                                <el-tab-pane :label='$t("sea118n.fileCerter")' name="seventh">
                                    <filescenter ref="filescenter" :assemblyForm="form" :pid="form.id"
                                        :detailData="detailData" :showLock="showLock"></filescenter>
                                </el-tab-pane>
                            </el-tabs>
                        </basic-container>
                        <basic-container :showBtn="true" v-if="
                            activeName == 'first' || activeName == 'third'
                        ">
                            <formbottom :assemblyForm="form" :generateBillsfalse="generateBillsfalse"
                                :disabled="showLock" :detailData="detailData"></formbottom>
                        </basic-container>
                    </div>
                </el-tab-pane>

                <el-tab-pane :label='$t("sea118n.feeInfo")' name="fy" class="scrollable-container"
                    v-if="(roleName.includes('admin') || roleName.includes('secondaryAdmin') || roleName.includes('应收修改') || roleName.includes('应付修改') || roleName.includes('应收查看') || roleName.includes('应付查看')) || roleName.includes('国外费用')">
                    <feecenter :assemblyForm="form" :copyFormData="copyFormData" :detailData="detailData"
                        :disabled="detailData.seeDisabled || showLock" :showLock="showLock"
                        :pleasereviewType="pleasereviewType" :pid="form.id" @billsDetailfun="billsDetailfun(form.id)">
                    </feecenter>
                </el-tab-pane>
                <el-tab-pane :label='$t("sea118n.docCenter")' name="dz" class="scrollable-container">
                    <document-center ref="documentCenter" :detailData="detailData" :assemblyForm="form"
                        :disabled="showLock"></document-center>
                </el-tab-pane>
                <el-tab-pane :label='$t("sea118n.hblnolist")' name="fd" v-if="form.billType == 'MM'"
                    class="scrollable-container">
                    <Split-list :detailData="detailData" :assemblyForm="form" :data="billsListAllData"
                        :disabled="detailData.seeDisabled || showLock"
                        @billsListAllfun="billsListAllfun(form.id)"></Split-list>
                </el-tab-pane>
            </el-tabs>
        </div>
        <!--导入模板-->
        <el-dialog :title='$t("btn118n.importTemplate")' append-to-body :visible.sync="excelBox" width="555px"
            :close-on-click-modal="false" v-dialog-drag>
            <avue-form :option="excelOption" v-model="excelForm" :table-loading="excelLoading"
                :upload-before="uploadBefore" :upload-after="onSuccess">
            </avue-form>
        </el-dialog>
        <!--审核弹窗-->
        <el-dialog append-to-body title="审批进度" class="el-dialogDeep" :visible.sync="checkScheduleDialog" width="40%"
            :close-on-click-modal="false" :destroy-on-close="true" :close-on-press-escape="false" v-dialog-drag>
            <check-schedule :checkId="checkId" :batchNo="batchNo" @choceScheduleFun="choceScheduleFun"></check-schedule>
        </el-dialog>

        <!--预览报表弹窗-->
        <el-dialog append-to-body title="预览报表" class="el-dialogDeep" :visible.sync="previewDialog" width="60%"
            :close-on-click-modal="false" :destroy-on-close="true" :close-on-press-escape="false" v-dialog-drag>
            <business-reports v-if="previewDialog" :id="form.id" :classifycode="getReportTypeByBigHandle()"
                :disabled="detailData.seeDisabled"></business-reports>
        </el-dialog>
    </div>
</template>

<script>
import EntrustmentLnformation from "@/views/iosBasicData/OceanFreightImport/bills/assembly/EntrustmentLnformation.vue";
import mbinformation from "@/views/iosBasicData/OceanFreightImport/bills/assembly/mbinformation.vue";
import reports from "@/views/iosBasicData/OceanFreightImport/bills/assembly/reports.vue";
import formbottom from "@/views/iosBasicData/OceanFreightImport/bills/assembly/formbottom.vue";
import edicode from "@/views/iosBasicData/OceanFreightImport/bills/assembly/edicode.vue";
import filescenter from "@/views/iosBasicData/OceanFreightImport/bills/assembly/filescenter.vue";
import DistributionBox from "@/views/iosBasicData/OceanFreightImport/bills/assembly/DistributionBox.vue";
import feecenter from "@/views/iosBasicData/OceanFreightImport/bills/assembly/feecenter.vue";
import { getList as userGetList } from "@/api/system/user";
import SearchQuery from "@/components/iosbasic-data/searchquery.vue";
import TreeSelect from "@/components/iosbasic-data/TreeSelect.vue";
import bcorps from "@/views/iosBasicData/bcorps/index.vue";
import bcorpstypedefine from "@/views/iosBasicData/bcorps/bcorpstypedefine.vue";
import SplitList from "@/views/iosBasicData/OceanFreightImport/bills/assembly/SplitList.vue";
import { getLazylist } from "@/api/basicData/agreement";
import { getBcorpsList, getBcorpslistByType } from "@/api/iosBasicData/bcorps";
import { getBlocationsList } from "@/api/iosBasicData/blocations";
import { getBcorpsattnList } from "@/api/iosBasicData/bcorpsattn";
import { getWorkDicts } from "@/api/system/dictbiz";
import { getDeptLazyTree, getDeptTree, getLazyList } from "@/api/system/dept";
import {
    billsCheckBills,
    billsCopyBills,
    billsDetail,
    billsGetBillNo,
    removeHblNo,
    billsListAll,
    billsRevokeCheckBills,
    editypesSendingEdi,
    billsSubmit,
    billsAdd,
    deptGetDetailPol,
    postSelectByUser,
    receive,
    revokeReceive,
    changeOrders,
    revokeChangeOrders,
    returningSecurityMoney,
    revokeReturningSecurityMoney,
    synchronizeData,
    revokeLockOrder
} from "@/api/iosBasicData/bills";
import { dateFormat } from "@/util/date";
import checkSchedule from "@/components/checkH/checkSchedule.vue";
import { getBvesselsList } from "@/api/iosBasicData/bvessels";
import DocumentCenter from "@/views/iosBasicData/OceanFreightImport/bills/assembly/DocumentCenter.vue";
import businessReports from "@/views/iosBasicData/OceanFreightImport/bills/assembly/businessReports.vue";
import { popupReminder } from "@/util/messageReminder";
import editypes from "@/views/iosBasicData/editypes/index.vue";
import { editypesList } from "@/api/iosBasicData/editypes";
import { verifyEnglish, checkFullWidthSymbols } from "@/util/date";
import { contrastObj, contrastList } from "@/util/contrastData";
import { selectListLos } from "@/api/approval/processConfig";
import { isProcurement } from "@/api/basicData/configuration";
import {
    applySwitch,
    revokeSwitch,
    electronBillOfLading,
    revokeElectronBillOfLading
} from "@/api/iosBasicData/ImportExchange.js";
import _ from "lodash";
export default {
    components: {
        checkSchedule,
        SearchQuery,
        EntrustmentLnformation,
        formbottom,
        mbinformation,
        reports,
        edicode,
        filescenter,
        DistributionBox,
        feecenter,
        bcorps,
        bcorpstypedefine,
        SplitList,
        TreeSelect,
        DocumentCenter,
        businessReports,
        editypes
    },
    props: {
        detailData: {
            type: Object
        },
        pageIds: {
            type: Array, // 指定 prop 的类型为 Array
            default: () => [], // 提供一个默认值，这里使用函数形式返回一个空数组
        }
    },
    data() {
        return {
            verifySymbolStatus: 0,
            showLock: false,
            ediData: [], // edi 列表数据
            ediData_SO: [], // edi SO 列表数据
            ediData_SI: [], // edi SI 列表数据
            previewDialog: false, // 预览报表弹窗开启
            generateBillsfalse: false, // 如果生成账单就禁用
            pleasereviewType: false, // 如果请核就禁用
            checkScheduleDialog: false, // 审核弹窗
            checkId: "", // 审核需要的id
            batchNo: "",
            billsListAllData: [], // 分单列表数据
            pageLoading: false, // 全屏的动画
            saveLoading: false,
            copyFormData: {}, // 详情的备份数据
            // 详情数据
            form: {
                branchId: JSON.parse(localStorage.getItem("sysitemData"))
                    .deptId,
                branchName: JSON.parse(localStorage.getItem("sysitemData"))
                    .deptName,
                billDate: dateFormat(new Date(), "yyyy-MM-dd") + " 00:00", // 单据日期 默认 当天
                operatorName: JSON.parse(localStorage.getItem("saber-userInfo"))
                    .content.user_name, // OP 默认登录人
                operatorId: JSON.parse(localStorage.getItem("saber-userInfo"))
                    .content.user_id, // OP 默认登录人
                businessType: "SI", // 业务类型 默认 海运出口
                businessTypes: "海运",
                billType: "DD", // 单据类型 默认 直单
                accDeptName: "", // 核算部门 默认登录人的部门
                issueType: "TER", // 签单方式 默认 正本提单
                mpaymode: "PP", // 主单付费方式 默认PP
                hpaymode: "PP", // 分单付费方式 默认 PP
                polFreeBoxUseDays: 7,
                podFreeBoxUseDays: 14,
                loadType: "整箱", // 装箱方式默认整箱
                srcType: "OWN", // 业务来源默认公司   来源 内容 默认登录人所属公司
                numberOfObl: "NONE", // 正本份数 默认 THREE
                numberOfCopy: "NONE", // 副本份数 默认 THREE
                seaType: "I", // 进出口 默认出口 E=出口 I=进口"
                cargoType: "dry", // 货物类型默认普货
                marks: "N/M",
                dgPackingLevel: "0", // 危险品包装等级
                serviceTerms: "CY-CY", // 服务方式
                filesList: [], // 文件中心
                feeCenterListD: [], // 收
                feeCenterListC: [], // 付
                preContainersList: [], // 箱
                feeCenterAmendList: [],
                containerNumberItemList: [],
                placeReceiptName: "",
                placeReceiptNamePrint: "",
                polEnName: "",
                polNamePrint: "",
                podEnName: "",
                podNamePrint: "",
                destinationName: "",
                destinationNamePrint: "",
                placeDeliveryName: "",
                placeDeliveryNamePrint: "",
                potEnName: "",
                potNamePrint: "",
                detail: {},
                hmmEdi: {}
            },
            oldForm: {
                branchId: JSON.parse(localStorage.getItem("sysitemData"))
                    .deptId,
                branchName: JSON.parse(localStorage.getItem("sysitemData"))
                    .deptName,
                billDate: dateFormat(new Date(), "yyyy-MM-dd") + " 00:00", // 单据日期 默认 当天
                operatorName: JSON.parse(localStorage.getItem("saber-userInfo"))
                    .content.user_name, // OP 默认登录人
                operatorId: JSON.parse(localStorage.getItem("saber-userInfo"))
                    .content.user_id, // OP 默认登录人
                businessType: "SI", // 业务类型 默认 海运出口
                businessTypes: "海运",
                billType: "DD", // 单据类型 默认 直单
                accDeptName: "", // 核算部门 默认登录人的部门
                issueType: "TER", // 签单方式 默认 正本提单
                mpaymode: "PP", // 主单付费方式 默认PP
                hpaymode: "PP", // 分单付费方式 默认 PP
                polFreeBoxUseDays: 7,
                podFreeBoxUseDays: 14,
                loadType: "整箱", // 装箱方式默认整箱
                srcType: "OWN", // 业务来源默认公司   来源 内容 默认登录人所属公司
                numberOfObl: "NONE", // 正本份数 默认 THREE
                numberOfCopy: "NONE", // 副本份数 默认 THREE
                seaType: "I", // 进出口 默认出口 E=出口 I=进口"
                cargoType: "dry", // 货物类型默认普货
                marks: "N/M",
                dgPackingLevel: "0", // 危险品包装等级
                serviceTerms: "CY-CY", // 服务方式
                filesList: [], // 文件中心
                feeCenterListD: [], // 收
                feeCenterListC: [], // 付
                preContainersList: [], // 箱
                feeCenterAmendList: [],
                containerNumberItemList: [],
                placeReceiptName: "",
                placeReceiptNamePrint: "",
                polEnName: "",
                polNamePrint: "",
                podEnName: "",
                podNamePrint: "",
                destinationName: "",
                destinationNamePrint: "",
                placeDeliveryName: "",
                placeDeliveryNamePrint: "",
                potEnName: "",
                potNamePrint: "",
                detail: {},
                hmmEdi: {}
            },
            // 循环的配置
            basicData: {
                column: [
                    {
                        label: this.$t("sea118n.corpName"), // 调往来单位接口
                        prop: "corpCnName",
                        text: "请选择客户名称",
                        type: "select",
                        dicData: [],
                        disabled: false,
                        buttonIf: true,
                        joinData: true,
                        slot: "bcorps",
                        display: true,
                        forParameter: {
                            key: "id",
                            label: "cnName",
                            value: "cnName",
                            short: "shortName"
                        },
                        rules: [
                            {
                                required: true,
                                message: " ",
                                trigger: "blur"
                            }
                        ]
                    },
                    {
                        label: "booking NO", // 订舱号
                        text: "请输入booking NO",
                        prop: "bookingNo",
                        disabled: false,
                        display: true
                    },
                    {
                        label: "HB/L NO",
                        text: "请输入MB/L NO",
                        prop: "hblno",
                        disabled: false,
                        display: false
                    },
                    [
                        {
                            label: "MB/L NO",
                            text: "请输入MB/L NO",
                            prop: "mblno",
                            span: 18,
                            disabled: false
                        },
                        {
                            label: "", // MB/L 付款方式 PP=预付, CC=到付, FPA, Other
                            text: "请选择付款方式",
                            prop: "mpaymode",
                            type: "select",
                            labelWidth: "30px",
                            disabled: false,
                            span: 6,
                            dicData: [],
                            forParameter: {
                                key: "dictKey",
                                label: "dictValue",
                                value: "dictKey"
                            }
                        }
                    ]
                    // [
                    //     {
                    //         label: "OP",  // 操作id 用户管理下拉 模糊搜索
                    //         text: "请选择OP",
                    //         prop: "operatorName",
                    //         type: 'select',
                    //         dicData: [],
                    //         disabled: false,
                    //         forParameter: {
                    //             key: 'id',
                    //             label: 'name',
                    //             value: 'name',
                    //         },
                    //         rules: [{
                    //             required: true,
                    //             message: " ",
                    //             trigger: "blur"
                    //         }]
                    //     },
                    //     {
                    //         label: "核算部门", // 核算部门Id accDept 核算部门 accDeptName 调机构管理接口
                    //         text: "请选择核算部门",
                    //         prop: "accDeptName",
                    //         type: 'tree',
                    //         dicData: [],
                    //         disabled: false,
                    //         clearable: false,
                    //         forParameter: {
                    //             label: "title",
                    //             children: 'children'
                    //         },
                    //         rules: [{
                    //             required: true,
                    //             message: " ",
                    //             trigger: "blur"
                    //         }]
                    //     },
                    // ],
                ]
            },
            activeName: "first",
            bigtabs: "wt",
            saberUserInfo: {}, // 当前登录人信息
            roleName: [], // 当前的角色权限
            // 需要加判断是否必填的数据
            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: "podCyCnName"
                }
            ],
            imporiData: [
                {
                    id: 0,
                    name: "导入 ONE 模板"
                },
                {
                    id: 1,
                    name: "导入 PIL 订舱模板"
                },
                {
                    id: 2,
                    name: "导入截单格式"
                },
                {
                    id: 3,
                    name: "导入海信提单"
                }
            ],
            excelForm: {},
            excelLoading: false,
            excelOption: {
                submitBtn: false,
                emptyBtn: false,
                column: [
                    {
                        label: "模板上传",
                        prop: "excelFile",
                        type: "upload",
                        drag: true,
                        loadText: "模板上传中，请稍等",
                        span: 24,
                        propsHttp: {
                            res: "data"
                        },
                        tip: "请上传 .xls,.xlsx 标准格式文件",
                        action: "api/blade-los/templateImport/importOne"
                    }
                ]
            },
            excelBox: false,
            saberTenantId: 0,
            isHq: null
        };
    },
    watch: {
        // 监听业务类型 如果不是分单 可以编辑分单号
        "form.billType": {
            // 执行方法
            handler(oldValue, newValue) {
                if (oldValue == "MH" || oldValue == "MM") {
                    this.basicData.column.forEach(item => {
                        if (item.prop == "bookingNo") {
                            item.display = false;
                        }
                        if (item.prop == "hblno") {
                            item.display = true;
                        }
                    });
                } else {
                    this.basicData.column.forEach(item => {
                        if (item.prop == "bookingNo") {
                            item.display = false;
                        }
                        if (item.prop == "hblno") {
                            item.display = true;
                        }
                    });
                }
                // 只有分单不能编辑
                // if (oldValue == 'MH') {
                //     this.columnforfun('hblno').disabled = true
                // } else {
                //     this.columnforfun('hblno').disabled = false
                // }
                // 王风刚 2025-02-21 所有分单号都不能手动输入，都可以申请
            },
            deep: true, // 深度监听
            immediate: true // 第一次改变就执行
        },
        // 监听箱信息数据 箱信息中有温度 自动切换 冻货
        "form.preContainersList": {
            // 执行方法
            handler(oldValue, newValue) {
                // 判断是否是数组
                if (oldValue instanceof Array) {
                    // 循环 有温度反 true 没有反 false
                    const arr = oldValue.map(item => {
                        if (Number(item.temperature)) {
                            return true;
                        } else {
                            return false;
                        }
                    });
                    console.log(arr, 12345);
                    // 判断是否有温度
                    if (arr[0]) {
                        // 判断之前是否是冻货
                        if (this.form.cargoType == "reefer") return;
                        this.$message({
                            message: "箱信息里有温度已将货描切换为冻柜",
                            type: "warning"
                        });
                        this.$set(this.form, "cargoType", "reefer");
                    }
                }
            },
            deep: true, // 深度监听
            immediate: true // 第一次改变就执行,
        }
    },
    created() {
        let Obj = JSON.parse(localStorage.getItem("saber-tenantId"));
        this.saberTenantId = Obj ? Obj.content : 0;
        this.saberUserInfo = JSON.parse(
            localStorage.getItem("saber-userInfo")
        ).content;
        this.isHq = JSON.parse(localStorage.getItem('user-Information')).isHq
        this.roleName = localStorage.getItem("roleName").split(",");
        isProcurement({
            param: "verify.symbol"
        }).then(res => {
            this.verifySymbolStatus = res.data.data;
        });
        if (this.detailData.billType) {
            this.form.billType = this.detailData.billType;
        }
        // 判断是否员id, 有id 就不显示
        if (!this.form.id) {
            this.deptGetDetailPolfun(); // 收货地 装货港 当前登录人的默认
            this.userGetListfun(undefined, true); // 获取用户管理数据
        }
        this.ownDeptLazyTreefun(); // 获取公司数据
        this.getLazylistfun(); // 获取审核数据
        this.mpaymodeWorkDictsfun(); // 获取 付款方式字典
        this.srcTypeWorkDictsfun();
        // 获取EDI 数据
        this.editypesListfun();
        // 获取所属团队数据
        this.postSelectByUserfun();
    },
    methods: {
        inLock() {
            this.showLock = true;
            const data = {
                moduleName: "SI",
                tableName: "SI_order",
                billId: this.form.id,
                no: localStorage.getItem("browserID"),
                billNo: this.form.mblno
            };
            this.inDetailsKey(this.$route.name, {
                moduleName: "SI",
                tableName: "SI_order",
                billId: this.form.id,
                billNo: this.form.mblno
            });
            this.checkLock(data).then(res => {
                if (res.data.code == 200) {
                    this.onLock(data).then(res => {
                        if (res.data.code == 200) {
                            this.showLock = false;
                        }
                    });
                }
            });
        },
        lastPage() {
            if (this.pageIds.length) {
                const index = this.pageIds.indexOf(this.form.id)
                if (index == 0) {
                    return this.$message.error('没有上一票了');
                }
                if (this.form.id) {
                    this.unLock({
                        moduleName: "SI",
                        tableName: "SI_order",
                        billId: this.form.id,
                        billNo: this.form.mblno
                    });
                }
                const lastIndex = index - 1
                this.pageLoading = true
                this.billsDetailfun(this.pageIds[lastIndex])
            }
        },
        nextPage() {
            if (this.pageIds.length) {
                const index = this.pageIds.indexOf(this.form.id)
                if (this.pageIds[this.pageIds.length - 1] == this.form.id) {
                    return this.$message.error('没有下一票了');
                }
                if (this.form.id) {
                    this.unLock({
                        moduleName: "SI",
                        tableName: "SI_order",
                        billId: this.form.id,
                        billNo: this.form.mblno
                    });
                }
                const nextIndex = index + 1
                this.pageLoading = true
                this.billsDetailfun(this.pageIds[nextIndex])
            }
        },
        addEdit() {
            if (this.form.billStatus >= 3) {
                this.$emit("toAddEdit");
            } else {
                if (
                    contrastObj(this.form, this.oldForm) ||
                    contrastList(
                        this.form.preContainersList,
                        this.oldForm.preContainersList
                    ) ||
                    contrastList(
                        this.form.containersList,
                        this.oldForm.containersList
                    ) ||
                    contrastList(
                        this.form.feeCenterListC,
                        this.oldForm.feeCenterListC
                    ) ||
                    contrastList(
                        this.form.feeCenterListD,
                        this.oldForm.feeCenterListD
                    ) ||
                    contrastList(this.form.filesList, this.oldForm.filesList) ||
                    contrastList(
                        this.form.waitingBoxList,
                        this.oldForm.waitingBoxList
                    )
                ) {
                    this.$confirm("是否需要保存?", "提示", {
                        confirmButtonText: "确定",
                        cancelButtonText: "取消",
                        type: "warning"
                    })
                        .then(() => {
                            this.editCustomer("toAddEdit");
                        })
                        .catch(() => {
                            this.$emit("toAddEdit");
                        });
                } else {
                    this.$emit("toAddEdit");
                }
            }
        },
        CopyDocumentsfun() {
            if (!this.form.id) {
                return this.$message.error("请保存数据");
            }
            this.$DialogForm.show({
                title: "复制单据",
                width: "300px",
                menuPosition: "right",
                data: {
                    checkbox: "复制费用,复制箱型箱量"
                },
                option: {
                    submitText: "确认",
                    emptyText: "取消",
                    span: 24,
                    column: [
                        {
                            label: "单据类型",
                            prop: "billType",
                            type: "select",
                            value: this.form.billType,
                            dicData: [
                                {
                                    label: '直单',
                                    value: 'DD'
                                },
                                {
                                    label: '主单',
                                    value: 'MM'
                                },
                                {
                                    label: '分单',
                                    value: 'MH'
                                }
                            ],
                            dataType: "string",
                            span: 24
                        },
                        {
                            label: "复制类型",
                            prop: "checkbox",
                            type: "checkbox",
                            dicData: [
                                {
                                    label: "复制费用",
                                    value: "复制费用"
                                },
                                {
                                    label: "复制箱型箱量",
                                    value: "复制箱型箱量"
                                }
                            ],
                            dataType: "string",
                            span: 24
                        }
                    ]
                },
                beforeClose: done => {
                    done();
                },
                callback: res => {
                    res.done();
                    this.billsCopyBillsfun(
                        this.form.id,
                        res.data.checkbox,
                        res.data.billType
                    );
                    res.close();
                }
            });
        },
        //文档导入
        importData(row) {
            if (row == 0) {
                this.excelOption.column[0].action = `/api/blade-los/templateImport/importOne?billId=${this.form.id}`;
            } else if (row == 1) {
                this.excelOption.column[0].action = `/api/blade-los/templateImport/importPilBooking?billId=${this.form.id}`;
            } else if (row == 2) {
                this.excelOption.column[0].action = `/api/blade-los/templateImport/importPilCutOffOrders?billId=${this.form.id}`;
            } else if (row == 3) {
                this.excelOption.column[0].action = `/api/blade-los/templateImport/importHisenseBill?billId=${this.form.id}`;
            }
            this.excelBox = true;
        },
        uploadBefore(file, done, loading) {
            done();
            loading = true;
        },
        removeEmptyValues(obj) {
            Object.keys(obj).forEach(key => {
                if (
                    obj[key] === null ||
                    obj[key] === undefined ||
                    obj[key] === ""
                ) {
                    delete obj[key];
                }
            });
            return obj;
        },
        // 上传成功
        onSuccess(res, done, loading, column) {
            if (Object.keys(res).length) {
                this.$confirm("此操作将覆盖数据, 是否继续?", "提示", {
                    confirmButtonText: "确定",
                    cancelButtonText: "取消",
                    type: "warning"
                })
                    .then(() => {
                        // this.form = res;
                        Object.keys(res).forEach(key => {
                            if (res[key]) {
                                if (key != "detail") {
                                    // this.form[key] = res[key]
                                    this.$set(this.form, key, res[key]);
                                }
                                if (key == "detail") {
                                    Object.keys(res.detail).forEach(key => {
                                        if (res.detail[key]) {
                                            // this.form.detail[key] = res.detail[key]
                                            this.$set(
                                                this.form.detail,
                                                key,
                                                res.detail[key]
                                            );
                                        }
                                    });
                                }
                            }
                        });
                        this.excelBox = false;
                        this.$message.success("导入成功！");
                        loading = false;
                        done();
                    })
                    .catch(() => {
                        this.excelBox = false;
                        loading = false;
                        done();
                    });
            } else {
                loading = false;
                done();
            }
        },
        allClick(name) {
            if (name == '申请换单') {
                if (this.form.feeCenterListD.length == 0) {
                    return this.$message.error("应收费用明细不能为空！");
                }
                for (let item of this.form.feeCenterListD) {
                    if (item.auditStatus != 4) {
                        return this.$message.error("应收费用明细存在未请核的数据！");
                    }
                }
                // this.$confirm("是否申请换单?", "提示", {
                //     confirmButtonText: "确定",
                //     cancelButtonText: "取消",
                //     type: "warning"
                // }).then(() => {
                //     let obj = {
                //         id: this.form.id
                //     }
                //     applySwitch(obj).then(res => {
                //         this.$message({
                //             type: "success",
                //             message: "操作成功!"
                //         });
                //         this.billsDetailfun(this.form.id);
                //     });
                // });
                this.$DialogForm.show({
                    title: '收押箱款',
                    width: '30%',
                    menuPosition: 'right',
                    option: {
                        submitText: '确定',
                        emptyText: '取消',
                        // labelWidth: 130,
                        column: [{
                            label: "押箱金额",
                            span: 24,
                            prop: "boxPackingAmount",
                            type: 'number',
                            controls: false,
                            rules: [{
                                required: true,
                                message: "",
                                trigger: "blur",
                            }],
                        }
                        ]
                    },
                    beforeClose: (done) => {
                        done()
                    },
                    callback: (res) => {
                        res.done()
                        let obj = {
                            id: this.form.id,
                            ...res.data
                        }
                        applySwitch(obj).then(res => {
                            this.$message({
                                type: "success",
                                message: "操作成功!"
                            });
                            this.billsDetailfun(this.form.id);
                        });
                        res.close()
                    }
                })
            }
            if (name == '撤销换单') {
                this.$confirm("是否撤销换单?", "提示", {
                    confirmButtonText: "确定",
                    cancelButtonText: "取消",
                    type: "warning"
                }).then(() => {
                    let obj = {
                        id: this.form.id
                    }
                    revokeSwitch(obj).then(res => {
                        this.$message({
                            type: "success",
                            message: "操作成功!"
                        });
                        this.billsDetailfun(this.form.id);
                    });
                });
            }
            if (name == '电子提货单') {
                this.$confirm("是否确认电子提货单?", "提示", {
                    confirmButtonText: "确定",
                    cancelButtonText: "取消",
                    type: "warning"
                }).then(() => {
                    let obj = {
                        id: this.form.id
                    }
                    electronBillOfLading(obj).then(res => {
                        this.$message({
                            type: "success",
                            message: "操作成功!"
                        });
                        this.billsDetailfun(this.form.id);
                    });
                });
            }
            if (name == '撤销电子提货单') {
                this.$confirm("是否撤销电子提货单?", "提示", {
                    confirmButtonText: "确定",
                    cancelButtonText: "取消",
                    type: "warning"
                }).then(() => {
                    let obj = {
                        id: this.form.id
                    }
                    revokeElectronBillOfLading(obj).then(res => {
                        this.$message({
                            type: "success",
                            message: "操作成功!"
                        });
                        this.billsDetailfun(this.form.id);
                    });
                });
            }
            if (name == "接收") {
                this.$confirm("是否接收?", "提示", {
                    confirmButtonText: "确定",
                    cancelButtonText: "取消",
                    type: "warning"
                }).then(() => {
                    receive(this.form).then(res => {
                        this.$message({
                            type: "success",
                            message: "操作成功!"
                        });
                        this.billsDetailfun(this.form.id);
                    });
                });
            }
            if (name == "撤销接收") {
                this.$confirm("是否撤销接收?", "提示", {
                    confirmButtonText: "确定",
                    cancelButtonText: "取消",
                    type: "warning"
                }).then(() => {
                    revokeReceive(this.form).then(res => {
                        this.$message({
                            type: "success",
                            message: "操作成功!"
                        });
                        this.logisticsDialog = false;
                        this.billsDetailfun(this.form.id);
                    });
                });
            }
            // if (name == "换单") {
            //     this.$confirm("是否换单?", "提示", {
            //         confirmButtonText: "确定",
            //         cancelButtonText: "取消",
            //         type: "warning"
            //     }).then(() => {
            //         changeOrders(this.form).then(res => {
            //             this.$message({
            //                 type: "success",
            //                 message: "操作成功!"
            //             });
            //             this.billsDetailfun(this.form.id);
            //         });
            //     });
            // }
            // if (name == "撤销换单") {
            //     this.$confirm("是否撤销换单?", "提示", {
            //         confirmButtonText: "确定",
            //         cancelButtonText: "取消",
            //         type: "warning"
            //     }).then(() => {
            //         revokeChangeOrders(this.form).then(res => {
            //             this.$message({
            //                 type: "success",
            //                 message: "操作成功!"
            //             });
            //             this.logisticsDialog = false;
            //             this.billsDetailfun(this.form.id);
            //         });
            //     });
            // }
            if (name == "退押") {
                this.$confirm("是否退押?", "提示", {
                    confirmButtonText: "确定",
                    cancelButtonText: "取消",
                    type: "warning"
                }).then(() => {
                    returningSecurityMoney(this.form).then(res => {
                        this.$message({
                            type: "success",
                            message: "操作成功!"
                        });
                        this.billsDetailfun(this.form.id);
                    });
                });
            }
            if (name == "撤销退押") {
                this.$confirm("是否撤销退押?", "提示", {
                    confirmButtonText: "确定",
                    cancelButtonText: "取消",
                    type: "warning"
                }).then(() => {
                    revokeReturningSecurityMoney(this.form).then(res => {
                        this.$message({
                            type: "success",
                            message: "操作成功!"
                        });
                        this.logisticsDialog = false;
                        this.billsDetailfun(this.form.id);
                    });
                });
            }
            if (name == '同步分单信息') {
                this.$confirm('是否同步分单信息?', '提示', {
                    confirmButtonText: '确定',
                    cancelButtonText: '取消',
                    type: 'warning'
                }).then(() => {
                    synchronizeData({ billId: this.form.id }).then(res => {
                        this.$message({
                            type: "success",
                            message: "操作成功!"
                        })
                        this.billsDetailfun(this.form.id)
                    })
                })
            }
            if (name == '提单确认') {
                // this.$refs.
            }
        },
        // 获取EDI列表数据
        editypesListfun() {
            editypesList(1, 1000).then(res => {
                this.ediData = res.data.data.records;
                this.ediData_SO = res.data.data.records.filter(
                    r => r.groupName == "SO"
                );
                this.ediData_SI = res.data.data.records.filter(
                    r => r.groupName == "SI"
                );
            });
        },
        // 发送edi
        editypesSendingEdifun(row) {
            row.billId = this.form.id;
            let msgsList = [];
            if (
                checkFullWidthSymbols(this.form.detail.hshipperDetails)
                    .hasFullWidth
            ) {
                let msg = [];
                for (let item of checkFullWidthSymbols(
                    this.form.detail.hshipperDetails
                ).positions) {
                    msg.push(`第${item.row}行的"${item.symbol}"`);
                }
                this.$message({
                    dangerouslyUseHTMLString: true,
                    message: `发货人:<br>${msg.join(
                        ";<br>"
                    )}<br>存在全角或汉字符号,请确认`,
                    type: "error"
                });
                return;
            }
            if (
                checkFullWidthSymbols(this.form.detail.hconsigneeDetails)
                    .hasFullWidth
            ) {
                let msg = [];
                for (let item of checkFullWidthSymbols(
                    this.form.detail.hconsigneeDetails
                ).positions) {
                    msg.push(`第${item.row}行的"${item.symbol}"`);
                }
                this.$message({
                    dangerouslyUseHTMLString: true,
                    message: `收货人:<br>${msg.join(
                        ";<br>"
                    )}<br>存在全角或汉字符号,请确认`,
                    type: "error"
                });
                return;
            }
            if (
                checkFullWidthSymbols(this.form.detail.hnotifyDetails)
                    .hasFullWidth
            ) {
                let msg = [];
                for (let item of checkFullWidthSymbols(
                    this.form.detail.hnotifyDetails
                ).positions) {
                    msg.push(`第${item.row}行的"${item.symbol}"`);
                }
                this.$message({
                    dangerouslyUseHTMLString: true,
                    message: `通知人:<br>${msg.join(
                        ";<br>"
                    )}<br>存在全角或汉字符号,请确认`,
                    type: "error"
                });
                return;
            }
            if (
                checkFullWidthSymbols(this.form.detail.mshipperDetails)
                    .hasFullWidth
            ) {
                let msg = [];
                for (let item of checkFullWidthSymbols(
                    this.form.detail.mshipperDetails
                ).positions) {
                    msg.push(`第${item.row}行的"${item.symbol}"`);
                }
                if (msg.length > 0) {
                    this.$message({
                        dangerouslyUseHTMLString: true,
                        message: `MBL 发货人:<br>${msg.join(
                            ";<br>"
                        )}<br>存在全角或汉字符号,请确认`,
                        type: "error"
                    });
                    return;
                }
            }

            if (
                checkFullWidthSymbols(this.form.detail.mconsigneeDetails)
                    .hasFullWidth
            ) {
                let msg = [];
                for (let item of checkFullWidthSymbols(
                    this.form.detail.mconsigneeDetails
                ).positions) {
                    msg.push(`第${item.row}行的"${item.symbol}"`);
                }
                if (msg.length > 0) {
                    this.$message({
                        dangerouslyUseHTMLString: true,
                        message: `MBL 收货人:<br>${msg.join(
                            ";<br>"
                        )}<br>存在全角或汉字符号,请确认`,
                        type: "error"
                    });
                    return;
                }
            }
            if (
                checkFullWidthSymbols(this.form.detail.mnotifyDetails)
                    .hasFullWidth
            ) {
                let msg = [];
                for (let item of checkFullWidthSymbols(
                    this.form.detail.mnotifyDetails
                ).positions) {
                    msg.push(`第${item.row}行的"${item.symbol}"`);
                }
                if (msg.length > 0) {
                    this.$message({
                        dangerouslyUseHTMLString: true,
                        message: `MBL 通知人:<br>${msg.join(
                            ";<br>"
                        )}<br>存在全角或汉字符号,请确认`,
                        type: "error"
                    });
                    return;
                }
            }

            if (checkFullWidthSymbols(this.form.marks).hasFullWidth) {
                let msg = [];
                for (let item of checkFullWidthSymbols(this.form.marks)
                    .positions) {
                    msg.push(`第${item.row}行的"${item.symbol}"`);
                }
                this.$message({
                    dangerouslyUseHTMLString: true,
                    message: `唛头:<br>${msg.join(
                        ";<br>"
                    )}<br>存在全角或汉字符号,请确认`,
                    type: "error"
                });
                return;
            }
            if (checkFullWidthSymbols(this.form.commodityDescr).hasFullWidth) {
                let msg = [];
                for (let item of checkFullWidthSymbols(this.form.commodityDescr)
                    .positions) {
                    msg.push(`第${item.row}行的"${item.symbol}"`);
                }
                this.$message({
                    dangerouslyUseHTMLString: true,
                    message: `货描:<br>${msg.join(
                        ";<br>"
                    )}<br>存在全角或汉字符号,请确认`,
                    type: "error"
                });
                return;
            }
            if (checkFullWidthSymbols(this.form.forwarding).hasFullWidth) {
                let msg = [];
                for (let item of checkFullWidthSymbols(this.form.forwarding)
                    .positions) {
                    msg.push(`第${item.row}行的"${item.symbol}"`);
                }
                this.$message({
                    dangerouslyUseHTMLString: true,
                    message: `FORWARDING:<br>${msg.join(
                        ";<br>"
                    )}<br>存在全角或汉字符号,请确认`,
                    type: "error"
                });
                return;
            }
            if (!verifyEnglish(this.form.detail.hshipperDetails)) {
                msgsList.push("发货人");
            }
            if (!verifyEnglish(this.form.detail.hconsigneeDetails)) {
                msgsList.push("收货人");
            }
            if (!verifyEnglish(this.form.detail.hnotifyDetails)) {
                msgsList.push("通知人");
            }
            if (!verifyEnglish(this.form.detail.mshipperDetails)) {
                msgsList.push("MBL 发货人");
            }
            if (!verifyEnglish(this.form.detail.mconsigneeDetails)) {
                msgsList.push("MBL 收货人");
            }
            if (!verifyEnglish(this.form.detail.mnotifyDetails)) {
                msgsList.push("MBL 通知人");
            }
            if (!verifyEnglish(this.form.marks)) {
                msgsList.push("唛头");
            }
            if (!verifyEnglish(this.form.commodityDescr)) {
                msgsList.push("货描");
            }
            if (!verifyEnglish(this.form.forwarding)) {
                msgsList.push("FORWARDING");
            }
            if (msgsList.length > 0) {
                this.$message.error(`请正确输入${msgsList.join(",")}的英文`);
                return;
            }
            this.saveLoading = true;
            editypesSendingEdi(row)
                .then(res => {
                    this.saveLoading = false;
                    // 判断data是否有值，没有值说明不成功给个弹窗返回
                    if (!res.data.data) {
                        let text = res.data.msg.replace("\r\n", "<br>");
                        console.log(text);
                        this.$message({
                            type: "warning",
                            dangerouslyUseHTMLString: true,
                            message: text,
                            // message: `<p>${text.slice(text.indexOf('非空'), text.indexOf('特殊字符'))}</p><p>${text.slice(text.indexOf('特殊字符'), text.indexOf('长度超长'))}</p><p>${text.slice(text.indexOf('长度超长'), text.indexOf('其他'))}</p><p>${text.slice(text.indexOf('其他'))}</p>`,
                            duration: 5000
                        });
                    } else {
                        this.$message.success("操作成功,请去文件中心查看");
                        this.billsDetailfun(this.form.id); // 详情接口
                    }
                })
                .catch(err => {
                    this.saveLoading = false;
                });
        },
        // 报表弹窗
        previewDialogfun() {
            this.getReportTypeByBigHandle("业务");
            this.previewDialog = true;
        },
        //请核关闭
        choceScheduleFun() {
            this.checkScheduleDialog = false;
        },
        // 收货地 装货港 当前登录人的默认
        deptGetDetailPolfun() {
            deptGetDetailPol(this.saberUserInfo.dept_pid.split(",")[0]).then(
                res => {
                    this.form.placeReceiptName = res.data.data.polEnName
                    this.form.placeReceiptId = res.data.data.polId
                    this.form.placeReceiptCode = res.data.data.polCode
                    this.form.placeReceiptNamePrint = res.data.data.polEnName
                    this.form.polCnName = res.data.data.polCnName
                    this.form.polEnName = res.data.data.polEnName
                    this.form.polId = res.data.data.polId
                    this.form.polCode = res.data.data.polCode
                    this.form.polNamePrint = res.data.data.polEnName
                    // 签单地点 默认 装货港
                    this.$set(this.form, "issueAtId", this.form.polId);
                    this.$set(this.form, "issueAt", this.form.polEnName);

                    // 主单单付费地点 默认  如果主单付费方式 为PP 取装货港 如果主单付费地点为CC 取卸货港
                    if (this.form.mpaymode == "PP") {
                        this.$set(this.form, "mpayplace", this.form.polEnName);
                    }
                    // 分单单付费地点 默认  如果分单付费方式 为PP 取装货港 如果分单付费地点为CC 取卸货港
                    if (this.form.hpaymode == "PP") {
                        this.$set(this.form, "hpayplace", this.form.polEnName);
                    }
                }
            );
        },
        // 获取用户管理数据
        userGetListfun(account = undefined, type = false) {
            // userGetList(1, 10, { account }, this.saberUserInfo.dept_pid.split(',')[0]).then(res => {
            //     this.columnforfun('operatorName').dicData = res.data.data.records
            //     if (type) {
            //         // 核算部门 默认登录人的部门
            //         for (let item of this.columnforfun('operatorName').dicData) {
            //             if (item.name == this.form.operatorName) {
            //                 this.$set(this.form, 'accDeptName', item.deptName)
            //                 this.$set(this.form, 'accDept', item.deptId)
            //                 this.$set(this.form, 'operatorDept', item.deptId.split(',').pop())
            //                 this.$set(this.form, 'operatorDeptName', item.deptId)
            //             }
            //         }
            //     }
            // })
        },
        // 获取所属岗位数据
        postSelectByUserfun() {
            postSelectByUser(
                JSON.parse(localStorage.getItem("saber-userInfo")).content
                    .user_id
            ).then(res => {
                // this.columnforfun('teamName').dicData = res.data.data
                // 判断是否有值，没有的话默认第一个
                if (!this.form.teamName) {
                    this.$set(this.form, "teamId", res.data.data[0].id);
                    this.$set(this.form, "teamName", res.data.data[0].postName);
                }
            });
        },
        // 获取付款方式字典数据
        mpaymodeWorkDictsfun() {
            getWorkDicts("payment_method_los").then(res => {
                this.columnforfun("mpaymode").dicData = res.data.data;
                // this.columnforfun('hpaymode').dicData = res.data.data
            });
        },
        // 获取核算部分数据 // 机构管理接口
        getLazylistfun() {
            // getDeptTree().then(res => {
            //     this.columnforfun('accDeptName').dicData = res.data.data
            // })
        },
        // 获取客户名称数据 往来单位数据
        getBcorpsListfun(cnName) {
            getBcorpsList(1, 20, {
                shortName: cnName,
                status: 0
            }).then(res => {
                this.columnforfun("corpCnName").dicData = res.data.data.records;
            });
        },
        // 获取客户联系人 客户OP
        getBcorpsattnListfun(cname) {
            // getBcorpsattnList(1, 10, { pid: this.form.corpId, cname }).then(res => {
            //     this.columnforfun('corpAttnName').dicData = res.data.data.records
            //     // if (res.data.data.records.length == 0) {
            //     //     this.form.corpAttnName = ''
            //     //     this.form.corpAttnId = ''
            //     //     this.$set(this.form, 'corpAttnTel', '')
            //     //     this.$set(this.form, 'corpAttnEmail', '')
            //     //     return
            //     // }
            //     // this.form.corpAttnName = res.data.data.records[0].cname
            //     // this.form.corpAttnId = res.data.data.records[0].id
            //     // this.$set(this.form, 'corpAttnTel', res.data.data.records[0].tel)
            //     // this.$set(this.form, 'corpAttnEmail', res.data.data.records[0].email)
            // })
        },
        // 获取地点信息
        getBlocationsListfun(cnName) {
            // getBlocationsList(1, 10, { cnName }).then(res => {
            //     this.columnforfun('mPayplace').dicData = res.data.data.records
            // })
        },
        // 获取业务来源数据
        srcTypeWorkDictsfun() {
            // getWorkDicts('src_type_los').then(res => {
            //     this.columnforfun('srcType').dicData = res.data.data
            // })
        },
        // 获取业务来源代理数据
        agentBcorpsListfun(cnName) {
            // let corpTypeName = '国内直接客户,国内同行及代理,国外直接客户,国外同行及代理'
            // getBcorpslistByType(1, 20, { cnName, status: 0, corpTypeName }).then(res => {
            //     this.columnforfun('srcCnName').dicData = res.data.data.records
            // })
        },
        // 获取业务来源业务员数据
        salesUserGetListfun(account) {
            // if (this.$store.getters.userInfo.tenant_id === "263057") {
            //     userGetList(1, 10, { roleId: '业务员' }).then(res => {
            //         this.columnforfun('srcCnName').dicData = res.data.data.records
            //     })
            // } else {
            //     selectListLos('业务员', account).then(res => {
            //         this.columnforfun('srcCnName').dicData = res.data.data
            //     })
            // }
        },
        // 获取公司名称 用户管理左侧
        ownDeptLazyTreefun() {
            // getDeptLazyTree(0).then(res => {
            //     this.columnforfun('srcCnName').dicData = res.data.data
            //     // 来源 内容 默认登录人所属公司
            //     for (let item of this.columnforfun('srcCnName').dicData) {
            //         if (item.id == JSON.parse(localStorage.getItem('saber-userInfo')).content.dept_pid.split(',')[0]) {
            //             this.$set(this.form, 'srcId', item.id)
            //             this.$set(this.form, 'srcCnName', item.title)
            //             this.$set(this.form, 'srcEnName', item.title)
            //         }
            //     }
            // })
        },
        // 申请B/L NO
        billsGetBillNofun() {
            let billNoFormat = "";
            if (this.form.cargoType == "dry") {
                billNoFormat = "HYJK-PH";
            } else if (this.form.cargoType == "danger") {
                billNoFormat = "HYJK-WXP";
            } else if (this.form.cargoType == "reefer") {
                billNoFormat = "HYJK-DG";
            }
            billsGetBillNo({
                businessTypeCode: "HYJK",
                billNoFormat: billNoFormat
            }).then(res => {
                // this.columnforfun('hpaymode').disabled = false
                this.$set(this.form, "hblno", res.data.data);
                this.billsSubmitfun();
            });
        },
        // 下拉多选弹窗的确认
        eldialogConfirm(name) {
            if (name == "bcorps") {
                if (this.$refs.bcorps[0].isShow) {
                    console.log("列表确认");
                    this.form.corpCnName = this.$refs.bcorps[0].selectionList[0].cnName;
                    this.form.corpEnName = this.$refs.bcorps[0].selectionList[0].enName;
                    this.form.corpId = this.$refs.bcorps[0].selectionList[0].id;
                    this.form.corpCode = this.$refs.bcorps[0].selectionList[0].code;
                    this.form.corpSource = this.$refs.bcorps[0].selectionList[0].corpSource;
                    // 获取 客户op数据
                    this.getBcorpsattnListfun();
                    // 业务来源参数带出
                    this.$set(
                        this.form,
                        "srcType",
                        this.$refs.bcorps[0].selectionList[0].sourceType
                    );
                    this.$set(
                        this.form,
                        "srcId",
                        this.$refs.bcorps[0].selectionList[0].srcId
                    );
                    this.$set(
                        this.form,
                        "srcCnName",
                        this.$refs.bcorps[0].selectionList[0].srcCnName
                    );
                    this.$set(
                        this.form,
                        "srcEnName",
                        this.$refs.bcorps[0].selectionList[0].srcEnName
                    );
                    // this.columnforfun('srcType').disabled = false
                    // this.columnforfun('srcCnName').disabled = false
                    // 航线带出往来单位的优势航线
                    this.$set(
                        this.form,
                        "lineCnName",
                        this.$refs.bcorps[0].selectionList[0].advantageRoute
                    );
                    // 带出发货人数据
                    this.$set(
                        this.form.detail,
                        "hshipperId",
                        this.$refs.bcorps[0].selectionList[0].id
                    );
                    this.$set(
                        this.form.detail,
                        "hshipperCnName",
                        this.$refs.bcorps[0].selectionList[0].cnName
                    );
                    this.$set(
                        this.form.detail,
                        "hshipperEnName",
                        this.$refs.bcorps[0].selectionList[0].enName
                    );
                    this.$set(
                        this.form.detail,
                        "hshipperCode",
                        this.$refs.bcorps[0].selectionList[0].code
                    );
                    this.$set(
                        this.form.detail,
                        "hshipperDetails",
                        this.$refs.bcorps[0].selectionList[0].details
                    );
                    this.$set(
                        this.form.detail,
                        "hshipperCntyName",
                        this.$refs.bcorps[0].selectionList[0].cntyName
                    );
                    this.$set(
                        this.form.detail,
                        "hshipperCntyCode",
                        this.$refs.bcorps[0].selectionList[0].cntyCode
                    );
                    // this.columnforfun('corpAttnName').disabled = false
                    // this.columnforfun('corpAttnTel').disabled = false
                    // this.columnforfun('corpAttnEmail').disabled = false
                } else {
                    console.log("详情确认");
                    console.log(this.$refs.bcorps, 962);
                    this.$refs.bcorps[0].$refs.detail.submitForm();
                    this.form.corpCnName = this.$refs.bcorps[0].$refs.detail.formData.cnName;
                    this.form.corpEnName = this.$refs.bcorps[0].$refs.detail.formData.enName;
                    this.form.corpId = this.$refs.bcorps[0].$refs.detail.formData.id;
                    this.form.corpCode = this.$refs.bcorps[0].$refs.detail.formData.code;
                    this.form.corpSource = this.$refs.bcorps[0].$refs.detail.formData.corpSource;
                    // 获取 客户op数据
                    this.getBcorpsattnListfun();
                    // 业务来源参数带出
                    this.$set(
                        this.form,
                        "srcType",
                        this.$refs.bcorps[0].$refs.detail.formData.sourceType
                    );
                    this.$set(
                        this.form,
                        "srcId",
                        this.$refs.bcorps[0].$refs.detail.formData.srcId
                    );
                    this.$set(
                        this.form,
                        "srcCnName",
                        this.$refs.bcorps[0].$refs.detail.formData.srcCnName
                    );
                    this.$set(
                        this.form,
                        "srcEnName",
                        this.$refs.bcorps[0].$refs.detail.formData.srcEnName
                    );
                    // this.columnforfun('srcType').disabled = false
                    // this.columnforfun('srcCnName').disabled = false
                    // 航线带出往来单位的优势航线
                    this.$set(
                        this.form,
                        "lineCnName",
                        this.$refs.bcorps[0].$refs.detail.formData
                            .advantageRoute
                    );
                    // 带出发货人数据
                    this.$set(
                        this.form.detail,
                        "hshipperId",
                        this.$refs.bcorps[0].$refs.detail.formData.id
                    );
                    this.$set(
                        this.form.detail,
                        "hshipperCnName",
                        this.$refs.bcorps[0].$refs.detail.formData.cnName
                    );
                    this.$set(
                        this.form.detail,
                        "hshipperEnName",
                        this.$refs.bcorps[0].$refs.detail.formData.enName
                    );
                    this.$set(
                        this.form.detail,
                        "hshipperCode",
                        this.$refs.bcorps[0].$refs.detail.formData.code
                    );
                    this.$set(
                        this.form.detail,
                        "hshipperDetails",
                        this.$refs.bcorps[0].$refs.detail.formData.details
                    );
                    this.$set(
                        this.form.detail,
                        "hshipperCntyName",
                        this.$refs.bcorps[0].$refs.detail.formData.cntyName
                    );
                    this.$set(
                        this.form.detail,
                        "hshipperCntyCode",
                        this.$refs.bcorps[0].$refs.detail.formData.cntyCode
                    );
                    // this.columnforfun('corpAttnName').disabled = false
                    // this.columnforfun('corpAttnTel').disabled = false
                    // this.columnforfun('corpAttnEmail').disabled = false
                }
            }
            this.$refs.searchQueryRef[0].corpVisible = false;
        },
        // 下拉多选弹窗数据多选回调
        eldialogMultipleChoice(list, name) {
            if (name == "bcorps") {
                let arr = [];
                if (list.length > 1) {
                    this.$refs.bcorps[0].$refs.crud.toggleSelection(); // 先清空所以选择的数据
                    arr = [list[list.length - 1]]; // 获取最新点击的数组
                    this.$refs.bcorps[0].$refs.crud.toggleSelection(arr, true); // 把刚点击的数组变成选择状态
                } else {
                    arr = list;
                }
                this.$refs.bcorps[0].selectionList = arr;
            }
        },
        /* 远程模糊查询操作用户 */
        remoteMethod(value, name) {
            // if (name == 'operatorName') {
            //     this.userGetListfun(value)
            // }
            // else if (name == 'accDeptName') {
            //     this.getLazylistfun(value)
            // }
            if (name == "corpCnName") {
                this.getBcorpsListfun(value);
            }
            // else if (name == 'mPayplace') {
            //     this.getBlocationsListfun(value)
            // }
            // else if (name == 'corpAttnName') {
            //     this.getBcorpsattnListfun(value)
            // }
            // else if (name == 'srcType') {
            //     this.srcTypeWorkDictsfun()
            // }
            // else if (name == 'srcCnName') {
            //     if (this.form.srcType == 'SALES') {
            //         // 业务员
            //         this.columnforfun('srcCnName').forParameter = { key: 'id', label: 'name', value: 'name' }
            //         this.salesUserGetListfun(value)
            //     } else if (this.form.srcType == 'AGENT') {
            //         // 代理
            //         this.columnforfun('srcCnName').forParameter = { key: 'id', label: 'cnName', value: 'cnName' }
            //         this.agentBcorpsListfun(value)
            //     } else if (this.form.srcType == 'OWN') {
            //         // 公司
            //         this.columnforfun('srcCnName').forParameter = { key: 'id', label: 'title', value: 'title' }
            //         this.ownDeptLazyTreefun()
            //     }
            // } else if (name == 'teamName') {
            //     this.postSelectByUserfun()
            // }
        },
        // 下拉的监听事件
        corpChange(value, name) {
            // if (name == 'operatorName') {
            //     // OP 下拉赋值 用户管理列表
            //     for (let item of this.columnforfun('operatorName').dicData) {
            //         if (item.name == value) {
            //             this.form.operatorName = item.name
            //             this.form.operatorId = item.id
            //             this.form.operatorDept = item.deptId.split(',').pop()
            //             this.form.operatorDeptName = item.deptName
            //         }
            //     }
            // }
            // else if (name == 'accDeptName') {
            //     // OP 下拉赋值 用户管理列表
            //     for (let item of this.columnforfun('accDeptName').dicData) {
            //         if (item.title == value) {
            //             this.form.accDeptName = item.title
            //             this.form.accDept = item.id
            //         }
            //     }
            // }
            if (name == "corpCnName") {
                if (value) {
                    // this.columnforfun('corpAttnName').disabled = false
                    // this.columnforfun('corpAttnTel').disabled = false
                    // this.columnforfun('corpAttnEmail').disabled = false
                } else {
                    // this.columnforfun('corpAttnName').disabled = true
                    // this.columnforfun('corpAttnTel').disabled = true
                    // this.columnforfun('corpAttnEmail').disabled = true
                    // 如果点击清空按钮把值赋值为空
                    this.form.corpCnName = "";
                    this.form.corpEnName = "";
                    this.form.corpId = "";
                    this.form.corpCode = "";
                    this.form.shortName = "";
                    this.form.corpSource = "";
                    // 清空 客户OP
                    // this.form.corpAttnName = ''
                    this.form.corpAttnId = "";
                    this.$set(this.form, "corpAttnTel", "");
                    this.$set(this.form, "corpAttnEmail", "");
                    // 清空 业务来源和来源详情
                    this.$set(this.form, "srcType", "");
                    this.$set(this.form, "srcId", "");
                    this.$set(this.form, "srcCnName", "");
                    this.$set(this.form, "srcEnName", "");
                }
                // 往来单位
                for (let item of this.columnforfun("corpCnName").dicData) {
                    if (item.cnName == value) {
                        this.form.corpCnName = item.cnName;
                        this.form.corpEnName = item.enName;
                        this.form.corpId = item.id;
                        this.form.corpCode = item.code;
                        this.form.shortName = item.shortName;
                        this.form.corpSource = item.corpSource;
                        // 获取 客户op数据
                        this.getBcorpsattnListfun();
                        // 业务来源参数带出
                        this.$set(this.form, "srcType", item.sourceType);
                        this.$set(this.form, "srcId", item.srcId);
                        this.$set(this.form, "srcCnName", item.srcCnName);
                        this.$set(this.form, "srcEnName", item.srcEnName);
                        this.$set(
                            this.form,
                            "srcDeptId",
                            item.deptId.split(",").pop()
                        );
                        this.$set(this.form, "srcDeptName", item.deptName);
                        this.columnforfun("srcType").disabled = false;
                        this.columnforfun("srcCnName").disabled = false;
                        // 航线带出往来单位的优势航线
                        this.$set(this.form, "lineCnName", item.advantageRoute);
                        // 带出发货人数据
                        // this.$set(this.form,'hshipperId',item.id)
                        // this.$set(this.form,'hshipperCnName',item.cnName)
                        // this.$set(this.form,'hshipperEnName',item.enName)
                        // this.$set(this.form,'hshipperCode',item.code)
                        // this.$set(this.form,'hshipperDetails',item.details)
                        // this.$set(this.form,'hshipperCntyName',item.cntyName)
                        // this.$set(this.form,'hshipperCntyCode',item.cntyCode)
                    }
                }
            }
            // else if (name == 'corpAttnName') {
            //     if (this.columnforfun('corpAttnName').dicData.length) {
            //         for (let item of this.columnforfun('corpAttnName').dicData) {
            //             if (item.cname == value) {
            //                 this.form.corpAttnName = item.cname
            //                 this.form.corpAttnId = item.id
            //                 this.$set(this.form, 'corpAttnTel', item.tel)
            //                 this.$set(this.form, 'corpAttnEmail', item.email)
            //             }
            //         }
            //     } else {
            //         if (value) {
            //             this.form.corpAttnName = value
            //             this.form.corpAttnId = null
            //         }
            //     }
            // }
            // else if (name == 'srcType') {
            //     if (!value) {
            //         this.$set(this.form, 'srcType', '')
            //         // this.columnforfun('srcCnName').disabled = true
            //         return
            //     }
            //     this.$set(this.form, 'srcId', '')
            //     this.$set(this.form, 'srcCnName', '')
            //     this.$set(this.form, 'srcEnName', '')
            //     this.form[name] = value
            //     if (value == 'OWN') {
            //         // 公司
            //         this.columnforfun('srcCnName').forParameter = { key: 'id', label: 'title', value: 'title' }
            //         this.ownDeptLazyTreefun()
            //     } else if (value == 'AGENT') {
            //         // 代理
            //         this.columnforfun('srcCnName').type = 'select'
            //         this.columnforfun('srcCnName').forParameter = { key: 'id', label: 'cnName', value: 'cnName' }
            //         this.columnforfun('srcCnName').disabled = false
            //         this.agentBcorpsListfun()
            //     } else if (value == 'SALES') {
            //         // 业务员
            //         this.columnforfun('srcCnName').type = 'select'
            //         this.columnforfun('srcCnName').forParameter = { key: 'id', label: 'name', value: 'name' }
            //         this.columnforfun('srcCnName').disabled = false
            //         this.salesUserGetListfun()
            //     }
            // }
            // else if (name == 'srcCnName') {
            //     for (let item of this.columnforfun('srcCnName').dicData) {
            //         if (item[this.columnforfun('srcCnName').forParameter.value] == value) {
            //             if (this.form.srcType == 'SALES') {
            //                 // 业务员
            //                 this.$set(this.form, 'srcId', item.id)
            //                 this.$set(this.form, 'srcCnName', item.name)
            //                 this.$set(this.form, 'srcEnName', item.name)
            //                 this.$set(this.form, 'srcDeptId', item.deptId.split(',').pop())
            //                 this.$set(this.form, 'srcDeptName', item.deptName)
            //             } else if (this.form.srcType == 'AGENT') {
            //                 // 代理
            //                 this.$set(this.form, 'srcId', item.id)
            //                 this.$set(this.form, 'srcCnName', item.cnName)
            //                 this.$set(this.form, 'srcEnName', item.enName)
            //             }
            //         }
            //     }
            // }
            // else if (name == 'coloaderCnName') {
            //     for (let item of this.columnforfun('coloaderCnName').dicData) {
            //         if (item.cnName == value) {
            //             this.$set(this.form, 'coloaderId', item.id)
            //             this.$set(this.form, 'coloaderCnName', item.cnName)
            //             this.$set(this.form, 'coloaderEnName', item.enName)
            //         }
            //     }
            // }
            else if (name == "mpaymode") {
                // 主单付费方式
                this.form[name] = value;
                if (value == "PP") {
                    this.$set(
                        this.form,
                        "mpayplace",
                        this.form.polEnName
                            ? this.form.polEnName.split(" - ")[0]
                            : ""
                    );
                } else {
                    this.$set(
                        this.form,
                        "mpayplace",
                        this.form.podEnName
                            ? this.form.podEnName.split(" - ")[0]
                            : ""
                    );
                }
            }
            // else if (name == 'hpaymode') {
            //     // 分单付费方式
            //     this.form[name] = value
            //     if (value == 'PP') {
            //         this.$set(this.form, 'hpayplace', this.form.polEnName.split(' - ')[0])
            //     } else {
            //         this.$set(this.form, 'hpayplace', this.form.podEnName.split(' - ')[0])
            //     }
            // }
            // else if (name == 'teamName') {
            //     if (!value) {
            //         this.$set(this.form, 'teamId', '')
            //         this.$set(this.form, 'teamName', '')
            //     }
            //     for (let item of this.columnforfun('teamName').dicData) {
            //         if (item.id == value) {
            //             this.$set(this.form, 'teamId', item.id)
            //             this.$set(this.form, 'teamName', item.postName)
            //         }
            //     }
            // }
            else {
                this.form[name] = value;
            }
        },
        // 申请B/L NO
        applyforfun(text) {
            if (!this.form.id) {
                this.$message({
                    message: "请先保存数据",
                    type: "warning"
                });
                return;
            }
            // 如果不是分单
            // 王风刚 2025-02-21 所有分单号都不能手动输入，都可以申请
            // if (this.form.billType != 'MH') {
            //     this.$message({
            //         message: '只有分单需要申请',
            //         type: 'warning'
            //     });
            //     return
            // }
            if (!this.form.businessType) {
                this.$message({
                    message: "请先选择业务类型",
                    type: "warning"
                });
                return;
            }
            if (!this.form.corpCnName) {
                this.$message({
                    message: "请先选择客户名称",
                    type: "warning"
                });
                return;
            }
            if (this.form.hblno) {
                this.$confirm(`确定删除${text}?`, {
                    confirmButtonText: "确定",
                    cancelButtonText: "取消",
                    type: "warning"
                }).then(res => {
                    removeHblNo({
                        id: this.form.id
                    }).then(res => {
                        this.form.hblno = null;
                        this.billsSubmitfun();
                    });
                });
            } else {
                if (!this.form.hblno) {
                    // 王风刚 2025-02-21 无需弹窗，直接申请分单号
                    // this.$confirm(`确定${text}?`, {
                    //     confirmButtonText: "确定",
                    //     cancelButtonText: "取消",
                    //     type: "warning"
                    // }).then(res => {
                    //     this.billsGetBillNofun()
                    // })
                    this.billsGetBillNofun();
                }
            }
        },
        // 配置项
        columnforfun(value) {
            for (let item of this.basicData.column) {
                if (item instanceof Array) {
                    for (let ite of item) {
                        if (value == ite.prop) {
                            return ite;
                        }
                    }
                } else {
                    if (value == item.prop) {
                        return item;
                    }
                }
            }
        },
        //返回列表
        backToList() {
            if (
                contrastObj(this.form, this.oldForm) ||
                contrastList(
                    this.form.preContainersList,
                    this.oldForm.preContainersList
                ) ||
                contrastList(
                    this.form.containersList,
                    this.oldForm.containersList
                ) ||
                contrastList(
                    this.form.feeCenterListC,
                    this.oldForm.feeCenterListC
                ) ||
                contrastList(
                    this.form.feeCenterListD,
                    this.oldForm.feeCenterListD
                ) ||
                contrastList(this.form.filesList, this.oldForm.filesList) ||
                contrastList(
                    this.form.waitingBoxList,
                    this.oldForm.waitingBoxList
                )
            ) {
                this.$confirm("数据发生变化未有提交记录, 是否提交?", "提示", {
                    confirmButtonText: "确定",
                    cancelButtonText: "取消",
                    type: "warning"
                })
                    .then(() => {
                        this.editCustomer("goBack");
                    })
                    .catch(() => {
                        if (this.form.id) {
                            this.unLock({
                                moduleName: "SI",
                                tableName: "SI_order",
                                billId: this.form.id,
                                billNo: this.form.mblno
                            });
                        }
                        this.$emit("goBack");
                    });
            } else {
                if (this.form.id) {
                    this.unLock({
                        moduleName: "SI",
                        tableName: "SI_order",
                        billId: this.form.id,
                        billNo: this.form.mblno
                    });
                }
                this.$emit("goBack");
            }
        },
        // 单据请核
        DocumentApproval() {
            if (this.form.billType == "MH") {
                this.$message.warning("分单不能提交请核");
                return;
            }
            if (popupReminder(this.form, this.messageData)) {
                this.$confirm(popupReminder(this.form, this.messageData), {
                    confirmButtonText: "确定",
                    cancelButtonText: "取消",
                    type: "warning"
                });
            }
            if (popupReminder(this.form, this.messageData)) {
                return;
            }
            if (this.form.billType == 'DD') {
                if (this.form.feeCenterListC.length == 0 && this.form.feeCenterListD == 0) {
                    return this.$message.warning('请添加费用信息')
                }
                return
            }
            this.$confirm("确定要请核数据?", {
                confirmButtonText: "确定",
                cancelButtonText: "取消",
                type: "warning"
            }).then(() => {
                this.pageLoading = true;
                billsCheckBills({
                    id: this.form.id,
                    url: "/iosBasicData/OceanFreightImport/bills/approvalDetails",
                    pageStatus: "this.$store.getters.approvalDetails",
                    pageLabel: "审批详情(F)"
                })
                    .then(res => {
                        this.pageLoading = false;
                        this.$message({
                            type: "success",
                            message: "操作成功!"
                        });
                        // 详情
                        this.billsDetailfun(this.form.id);
                    })
                    .catch(() => {
                        this.pageLoading = false;
                    });
            });
        },
        // 撤销单据请核
        revokeDocumentApproval() {
            this.$confirm("确定要撤销请核数据?", {
                confirmButtonText: "确定",
                cancelButtonText: "取消",
                type: "warning"
            }).then(() => {
                this.pageLoading = true;
                billsRevokeCheckBills({
                    id: this.form.id
                }).then(res => {
                    this.pageLoading = false;
                    this.$message({
                        type: "success",
                        message: "操作成功!"
                    });
                    // 详情
                    this.billsDetailfun(this.form.id);
                });
            });
        },
        //撤销锁单
        revokeLockOrder() {
            this.$confirm("是否撤销锁单?", {
                confirmButtonText: "确定",
                cancelButtonText: "取消",
                type: "warning"
            }).then(() => {
                this.pageLoading = true;
                revokeLockOrder({
                    id: this.form.id
                }).then(res => {
                    this.pageLoading = false;
                    this.$message({
                        type: "success",
                        message: "操作成功!"
                    });
                    // 详情
                    this.billsDetailfun(this.form.id);
                });
            });
        },
        // 编辑按钮
        editHandle() {
            this.detailData.seeDisabled = false;
        },
        //去除文本框的空格
        getTextTirim(data) {
            if (data) {
                let obj = data.split("\n");
                let res = [];
                obj.forEach(item => {
                    res.push(_.trimEnd(item));
                });
                return res.join("\n");
            } else {
                return null;
            }
        },
        // 大保存按钮
        editCustomer(status) {
            this.$refs.form.validate(valid => {
                if (valid) {
                    // 判断必填项
                    let msgs = [];
                    if (!this.form.cargoType) {
                        msgs.push('货描')
                    }
                    if (!this.form.actualEta) {
                        msgs.push("ATA");
                    }
                    if (!this.form.eta) {
                        msgs.push("ETA");
                    }
                    if (!this.form.quantity) {
                        msgs.push("件数");
                    }
                    if (!this.form.packingUnit) {
                        msgs.push("包装");
                    }
                    if (!this.form.grossWeight) {
                        msgs.push("毛重");
                    }
                    if (!this.form.measurement) {
                        msgs.push("尺码");
                    }
                    if (!this.form.srcType || !this.form.srcCnName) {
                        msgs.push('业务来源')
                    }
                    // if (!this.form.etd) {
                    //     msgs.push('ETD')
                    // }
                    // if (!this.form.teamName) {
                    //     msgs.push('所属团队')
                    // }
                    for (let item of this.form.preContainersList) {
                        if (!item.cntrTypeCode) {
                            this.$message.warning("请选择尺码箱型");
                            return;
                        }
                        if (!item.quantity) {
                            this.$message.warning("请输入箱量");
                            return;
                        }
                    }
                    for (let item of this.form.feeCenterListD) {
                        if (!item.corpId || !item.feeId || !item.curCode) {
                            msgs.push(
                                `应收第${item.$index + 1}行${!item.corpId ? " 往来单位" : ""
                                }${!item.feeId ? " 费用简称" : ""}${!item.curCode ? " 币种" : ""
                                }`
                            );
                        }
                    }
                    for (let item of this.form.feeCenterListC) {
                        if (!item.corpId || !item.feeId || !item.curCode) {
                            msgs.push(
                                `应付第${item.$index + 1}行${!item.corpId ? " 往来单位" : ""
                                }${!item.feeId ? " 费用简称" : ""}${!item.curCode ? " 币种" : ""
                                }`
                            );
                        }
                    }
                    if (msgs.length > 0) {
                        this.$confirm(`请填写下列信息：${msgs.join(" ，")}！`, {
                            confirmButtonText: "确定",
                            cancelButtonText: "取消",
                            type: "warning"
                        });
                        return;
                    }
                    if (this.verifySymbolStatus == 1) {
                        let msgsList = [];
                        if (
                            checkFullWidthSymbols(
                                this.form.detail.hshipperDetails
                            ).hasFullWidth
                        ) {
                            let msg = [];
                            for (let item of checkFullWidthSymbols(
                                this.form.detail.hshipperDetails
                            ).positions) {
                                msg.push(`第${item.row}行的"${item.symbol}"`);
                            }
                            if (msg.length > 0) {
                                this.$message({
                                    dangerouslyUseHTMLString: true,
                                    message: `发货人:<br>${msg.join(
                                        ";<br>"
                                    )}<br>存在全角或汉字符号,请确认`,
                                    type: "error"
                                });
                                return;
                            }
                        }

                        if (
                            checkFullWidthSymbols(
                                this.form.detail.hconsigneeDetails
                            ).hasFullWidth
                        ) {
                            let msg = [];
                            for (let item of checkFullWidthSymbols(
                                this.form.detail.hconsigneeDetails
                            ).positions) {
                                msg.push(`第${item.row}行的"${item.symbol}"`);
                            }
                            if (msg.length > 0) {
                                this.$message({
                                    dangerouslyUseHTMLString: true,
                                    message: `收货人:<br>${msg.join(
                                        ";<br>"
                                    )}<br>存在全角或汉字符号,请确认`,
                                    type: "error"
                                });
                                return;
                            }
                        }
                        if (
                            checkFullWidthSymbols(
                                this.form.detail.hnotifyDetails
                            ).hasFullWidth
                        ) {
                            let msg = [];
                            for (let item of checkFullWidthSymbols(
                                this.form.detail.hnotifyDetails
                            ).positions) {
                                msg.push(`第${item.row}行的"${item.symbol}"`);
                            }
                            if (msg.length > 0) {
                                this.$message({
                                    dangerouslyUseHTMLString: true,
                                    message: `通知人:<br>${msg.join(
                                        ";<br>"
                                    )}<br>存在全角或汉字符号,请确认`,
                                    type: "error"
                                });
                                return;
                            }
                        }
                        if (
                            checkFullWidthSymbols(
                                this.form.detail.mshipperDetails
                            ).hasFullWidth
                        ) {
                            let msg = [];
                            for (let item of checkFullWidthSymbols(
                                this.form.detail.mshipperDetails
                            ).positions) {
                                msg.push(`第${item.row}行的"${item.symbol}"`);
                            }
                            if (msg.length > 0) {
                                this.$message({
                                    dangerouslyUseHTMLString: true,
                                    message: `MBL 发货人:<br>${msg.join(
                                        ";<br>"
                                    )}<br>存在全角或汉字符号,请确认`,
                                    type: "error"
                                });
                                return;
                            }
                        }

                        if (
                            checkFullWidthSymbols(
                                this.form.detail.mconsigneeDetails
                            ).hasFullWidth
                        ) {
                            let msg = [];
                            for (let item of checkFullWidthSymbols(
                                this.form.detail.mconsigneeDetails
                            ).positions) {
                                msg.push(`第${item.row}行的"${item.symbol}"`);
                            }
                            if (msg.length > 0) {
                                this.$message({
                                    dangerouslyUseHTMLString: true,
                                    message: `MBL 收货人:<br>${msg.join(
                                        ";<br>"
                                    )}<br>存在全角或汉字符号,请确认`,
                                    type: "error"
                                });
                                return;
                            }
                        }
                        if (
                            checkFullWidthSymbols(
                                this.form.detail.mnotifyDetails
                            ).hasFullWidth
                        ) {
                            let msg = [];
                            for (let item of checkFullWidthSymbols(
                                this.form.detail.mnotifyDetails
                            ).positions) {
                                msg.push(`第${item.row}行的"${item.symbol}"`);
                            }
                            if (msg.length > 0) {
                                this.$message({
                                    dangerouslyUseHTMLString: true,
                                    message: `MBL 通知人:<br>${msg.join(
                                        ";<br>"
                                    )}<br>存在全角或汉字符号,请确认`,
                                    type: "error"
                                });
                                return;
                            }
                        }

                        if (
                            checkFullWidthSymbols(this.form.marks).hasFullWidth
                        ) {
                            let msg = [];
                            for (let item of checkFullWidthSymbols(
                                this.form.marks
                            ).positions) {
                                msg.push(`第${item.row}行的"${item.symbol}"`);
                            }
                            if (msg.length > 0) {
                                this.$message({
                                    dangerouslyUseHTMLString: true,
                                    message: `唛头:<br>${msg.join(
                                        ";<br>"
                                    )}<br>存在全角或汉字符号,请确认`,
                                    type: "error"
                                });
                                return;
                            }
                        }
                        if (
                            checkFullWidthSymbols(this.form.commodityDescr)
                                .hasFullWidth
                        ) {
                            let msg = [];
                            for (let item of checkFullWidthSymbols(
                                this.form.commodityDescr
                            ).positions) {
                                msg.push(`第${item.row}行的"${item.symbol}"`);
                            }
                            if (msg.length > 0) {
                                this.$message({
                                    dangerouslyUseHTMLString: true,
                                    message: `货描:<br>${msg.join(
                                        ";<br>"
                                    )}<br>存在全角或汉字符号,请确认`,
                                    type: "error"
                                });
                                return;
                            }
                        }
                        if (
                            checkFullWidthSymbols(this.form.forwarding)
                                .hasFullWidth
                        ) {
                            let msg = [];
                            for (let item of checkFullWidthSymbols(
                                this.form.forwarding
                            ).positions) {
                                msg.push(`第${item.row}行的"${item.symbol}"`);
                            }
                            if (msg.length > 0) {
                                this.$message({
                                    dangerouslyUseHTMLString: true,
                                    message: `FORWARDING:<br>${msg.join(
                                        ";<br>"
                                    )}<br>存在全角或汉字符号,，请修正后再保存！`,
                                    type: "error"
                                });
                                return;
                            }
                        }
                        console.log(this.form.detail);
                        if (!verifyEnglish(this.form.detail.hshipperDetails)) {
                            msgsList.push("发货人");
                        }
                        if (
                            !verifyEnglish(this.form.detail.hconsigneeDetails)
                        ) {
                            msgsList.push("收货人");
                        }
                        if (!verifyEnglish(this.form.detail.hnotifyDetails)) {
                            msgsList.push("通知人");
                        }
                        if (!verifyEnglish(this.form.detail.mshipperDetails)) {
                            msgsList.push("MBL 发货人");
                        }
                        if (
                            !verifyEnglish(this.form.detail.mconsigneeDetails)
                        ) {
                            msgsList.push("MBL 收货人");
                        }
                        if (!verifyEnglish(this.form.detail.mnotifyDetails)) {
                            msgsList.push("MBL 通知人");
                        }
                        if (!verifyEnglish(this.form.marks)) {
                            msgsList.push("唛头");
                        }
                        if (!verifyEnglish(this.form.commodityDescr)) {
                            msgsList.push("货描");
                        }
                        if (!verifyEnglish(this.form.forwarding)) {
                            msgsList.push("FORWARDING");
                        }
                        if (msgsList.length > 0) {
                            // this.$message.error(`请正确输入${msgsList.join(",")}的英文`);
                            this.$message.error(
                                `${msgsList.join(
                                    ","
                                )}存在非英文字符，如汉字等，请修正后再保存！`
                            );
                            return;
                        }
                    }
                    this.form.detail.hshipperDetails = this.getTextTirim(
                        this.form.detail.hshipperDetails
                    );
                    this.form.detail.hconsigneeDetails = this.getTextTirim(
                        this.form.detail.hconsigneeDetails
                    );
                    this.form.detail.hnotifyDetails = this.getTextTirim(
                        this.form.detail.hnotifyDetails
                    );
                    this.form.detail.marks = this.getTextTirim(
                        this.form.detail.marks
                    );
                    this.form.detail.commodityDescr = this.getTextTirim(
                        this.form.detail.commodityDescr
                    );
                    this.form.forwarding = this.getTextTirim(
                        this.form.forwarding
                    );
                    // 赋值 ETD 日期
                    // this.form.billDate = this.form.etd ? this.form.etd.slice(0, 10) + ' 00:00:00' : null // 单据日期
                    // 调用保存接口
                    this.billsSubmitfun(status);
                }
            });
        },
        // 主表保存接口大保存
        billsSubmitfun(status) {
            if (this.form.cargoType == "dry") {
                // 普货
                this.form.billNoFormat = "HYJK-PH";
            } else if (this.form.cargoType == "danger") {
                // 危险品
                this.form.billNoFormat = "HYJK-WXP";
            } else if (this.form.cargoType == "reefer") {
                // 冻柜
                this.form.billNoFormat = "HYJK-DG";
            } else {
                this.form.billNoFormat = "HYJK";
            }
            this.form.businessTypeCode = "HYJK";
            delete this.form.extendedData;
            // 把拼接的数据拆开 开始 🐒🐒🐒🐒🐒🐒🐒🐒🐒🐒🐒🐒🐒🐒
            // this.searchSplit()
            // 把拼接的数据拆开 结束 💩💩💩💩💩💩💩💩💩💩💩💩💩💩
            // 费用 收 赋值数据
            // this.form.shortName=this.form.corpCnName.split('-')[1]
            this.form.feeCenterListD.map((row, index) => {
                row.dc = "D";
                row.sort = Number(index) + 1;
                row.businessType = this.form.businessType; // 业务类型
                row.billType = this.form.billType; // 单据类型
                row.billNo = this.form.billNo; // 单据编号
                row.billDate = this.form.billDate;
                row.billCorpId = this.form.corpId; // 主表客户 id
                row.billCorpCnName = this.form.corpCnName; // 主表客户中文名称
                row.billCorpEnName = this.form.corpEnName; // 主表客户英文名称
                row.lineId = this.form.lineId; // 航线 id
                row.lineCnName = this.form.lineCnName; // 航线中文名称
                row.lineEnName = this.form.lineEnName; // 航线英文名称
                row.vesselId = this.form.vesselId; // 船名 id
                row.vesselCnName = this.form.vesselCnName; // 中文船名
                row.vesselEnName = this.form.vesselEnName; // 英文船名
                row.voyageNo = this.form.voyageNo; // 航次
                row.mblno = this.form.mblno; // MB/L NO
                row.hblno = this.form.hblno; // HB/L NO
                // row.etd = this.form.etd // 开船日期
                row.eta = this.form.actualEta; // 到港日期
                row.polId = this.form.polId; // 装货港 id
                row.polCode = this.form.polCode; // 装货港代码
                row.polCnName = this.form.polCnName; // 装货港中文名称
                row.polEnName = this.form.polEnName; // 装货港英文名称
                row.podId = this.form.podId; // 卸货港 id
                row.podCode = this.form.podCode; // 卸货港代码
                row.podCnName = this.form.podCnName; // 卸货港中文名称
                row.podEnName = this.form.podEnName; // 卸货港英文名称
                row.corpArgreementNo = this.form.corpArgreementNo; // 客户约号
                // 数量 * 单价 = 净额
                // 总税率 = 税率 + 附件税率
                // 税额 = 净额 * 总税率
                // 含税
                if (row.curCode == this.getLocalCurrency()) {
                    row.amount = row.rmbAmount
                        ? row.rmbAmount
                        : (Number(row.quantity) * Number(row.price)).toFixed(2);
                } else {
                    row.amount = row.usdAmount
                        ? row.usdAmount
                        : (Number(row.quantity) * Number(row.price)).toFixed(2);
                }
                // 净额
                if (row.curCode == this.getLocalCurrency()) {
                    row.amountNet = row.rmbAmountNet
                        ? row.rmbAmountNet
                        : (Number(row.quantity) * Number(row.price)).toFixed(2);
                } else {
                    row.amountNet = row.usdAmountNet
                        ? row.usdAmountNet
                        : (Number(row.quantity) * Number(row.price)).toFixed(2);
                }
            });
            // 费用 付 赋值数据
            this.form.feeCenterListC.map((row, index) => {
                row.dc = "C";
                row.sort = Number(index) + 1;
                row.businessType = this.form.businessType; // 业务类型
                row.billType = this.form.billType; // 单据类型
                row.billNo = this.form.billNo; // 单据编号
                row.billDate = this.form.billDate; // 单据日期
                row.billCorpId = this.form.corpId; // 主表客户 id
                row.billCorpCnName = this.form.corpCnName; // 主表客户中文名称
                row.billCorpEnName = this.form.corpEnName; // 主表客户英文名称
                row.lineId = this.form.lineId; // 航线 id
                row.lineCnName = this.form.lineCnName; // 航线中文名称
                row.lineEnName = this.form.lineEnName; // 航线英文名称
                row.vesselId = this.form.vesselId; // 船名 id
                row.vesselCnName = this.form.vesselCnName; // 中文船名
                row.vesselEnName = this.form.vesselEnName; // 英文船名
                row.voyageNo = this.form.voyageNo; // 航次
                row.mblno = this.form.mblno; // MB/L NO
                row.hblno = this.form.hblno; // HB/L NO
                // row.etd = this.form.etd // 开船日期
                row.eta = this.form.actualEta; // 到港日期
                row.polId = this.form.polId; // 装货港 id
                row.polCode = this.form.polCode; // 装货港代码
                row.polCnName = this.form.polCnName; // 装货港中文名称
                row.polEnName = this.form.polEnName; // 装货港英文名称
                row.podId = this.form.podId; // 卸货港 id
                row.podCode = this.form.podCode; // 卸货港代码
                row.podCnName = this.form.podCnName; // 卸货港中文名称
                row.podEnName = this.form.podEnName; // 卸货港英文名称
                row.corpArgreementNo = this.form.corpArgreementNo; // 客户约号
                // 数量 * 单价 = 净额
                // 总税率 = 税率 + 附件税率
                // 税额 = 净额 * 总税率
                // 含税
                if (row.curCode == this.getLocalCurrency()) {
                    row.amount = row.rmbAmount
                        ? row.rmbAmount
                        : (Number(row.quantity) * Number(row.price)).toFixed(2);
                } else {
                    row.amount = row.usdAmount
                        ? row.usdAmount
                        : (Number(row.quantity) * Number(row.price)).toFixed(2);
                }
                // 净额
                if (row.curCode == this.getLocalCurrency()) {
                    row.amountNet = row.rmbAmountNet
                        ? row.rmbAmountNet
                        : (Number(row.quantity) * Number(row.price)).toFixed(2);
                } else {
                    row.amountNet = row.usdAmountNet
                        ? row.usdAmountNet
                        : (Number(row.quantity) * Number(row.price)).toFixed(2);
                }
            });
            this.pageLoading = true;
            billsSubmit(this.form)
                .then(res => {
                    this.pageLoading = false;
                    if (res.data.code === 601) {
                        console.info("11111111111----", res);
                        this.billsDetailfun(this.form.id);
                        this.$message({
                            type: "error",
                            message: res.data.msg
                        });
                        return true;
                    }
                    this.$message({
                        type: "success",
                        message: "操作成功!"
                    });
                    if (status == "goBack") {
                        if (this.form.id) {
                            this.unLock({
                                moduleName: "SI",
                                tableName: "SI_order",
                                billId: this.form.id,
                                billNo: this.form.mblno
                            });
                        }
                        this.$emit("goBack");
                    }
                    // this.detailData.seeDisabled = true
                    this.billsDetailfun(res.data.data.id, status);
                })
                .catch(err => {
                    this.pageLoading = false;
                })
                .finally(() => { });
        },
        // 提取箱专用的保存
        billsAddfun() {
            billsAdd(this.form)
                .then(res => {
                    this.pageLoading = false;
                    this.$message({
                        type: "success",
                        message: "操作成功!"
                    });
                    // this.detailData.seeDisabled = true
                    this.billsDetailfun(res.data.data.id);
                })
                .catch(err => {
                    this.pageLoading = false;
                });
        },
        // 复制单据接口
        async billsCopyBillsfun(id, type, billType) {
            const loading = this.$loading({
                lock: true,
                text: "加载中",
                spinner: "el-icon-loading",
                background: "rgba(255,255,255,0.7)"
            });
            let res = await billsCopyBills({
                id
            });
            loading.close();
            let types = typeof type == "string" ? type.split(",") : [];
            // if (type == '复制费用' || type == '') {
            //     res.data.data.preContainersList = []
            // }
            // if (type == '复制箱型箱量' || type == '') {
            //     res.data.data.feeCenterListD = []
            //     res.data.data.feeCenterListC = []
            // }
            if (types.indexOf("复制箱型箱量") < 0) {
                res.data.data.preContainersList = [];
            }
            if (types.indexOf("复制费用") < 0) {
                res.data.data.feeCenterListD = [];
                res.data.data.feeCenterListC = [];
            }
            res.data.data.billType = billType
            if (!this.roleName.includes('admin') && (this.roleName.includes('应收修改') || this.roleName.includes('应收查看')) && !(this.roleName.includes('应付修改') || this.roleName.includes('应付查看'))) {
                res.data.data.feeCenterListC = []
            }
            if (!this.roleName.includes('admin') && (this.roleName.includes('应付修改') || this.roleName.includes('应付查看')) && !(this.roleName.includes('应收修改') || this.roleName.includes('应收查看'))) {
                res.data.data.feeCenterListD = []
            }
            await this.saveLocalCurrency(res.data.data.branchId);
            this.form = res.data.data;
            this.pageLoading = false;
            // this.searchMontage() // 下拉 中文名称和编号拼接
            // 配箱最上面可以编辑
            for (let item of this.form.containersList) {
                item.edit = false;
            }
            // 先把状态改成可以编辑，然后判断是否可以编辑
            this.generateBillsfalse = false;
            // 应收
            for (let item of this.form.feeCenterListD) {
                // 判断是否生成了账单
                if (item.accStatus == 1) {
                    // this.columnforfun("corpCnName").disabled = true;
                    // this.columnforfun('srcType').disabled = true
                    this.columnforfun("mblno").disabled = true;
                    this.columnforfun("bookingNo").disabled = true;
                    // this.columnforfun('refno').disabled = true
                    this.generateBillsfalse = true;
                }
                if (item.curCode == this.getLocalCurrency()) {
                    this.$set(item, "rmbAmount", item.amount);
                    this.$set(item, "usdAmount", "");
                    this.$set(item, "rmbAmountNet", item.amountNet);
                    this.$set(item, "usdAmountNet", "");
                } else {
                    this.$set(item, "usdAmount", item.amount);
                    this.$set(item, "rmbAmount", "");
                    this.$set(item, "usdAmountNet", item.amountNet);
                    this.$set(item, "rmbAmountNet", "");
                }
                item.edit = false;
            }
            // 应付
            for (let item of this.form.feeCenterListC) {
                // 判断是否生成了账单
                if (item.accStatus == 1) {
                    this.generateBillsfalse = true;
                    // this.columnforfun("corpCnName").disabled = true;
                    // this.columnforfun('srcType').disabled = true
                    this.columnforfun("mblno").disabled = true;
                    this.columnforfun("bookingNo").disabled = true;
                    // this.columnforfun('refno').disabled = true
                }
                if (item.curCode == this.getLocalCurrency()) {
                    this.$set(item, "rmbAmount", item.amount);
                    this.$set(item, "usdAmount", "");
                    this.$set(item, "rmbAmountNet", item.amountNet);
                    this.$set(item, "usdAmountNet", "");
                } else {
                    this.$set(item, "usdAmount", item.amount);
                    this.$set(item, "rmbAmount", "");
                    this.$set(item, "usdAmountNet", item.amountNet);
                    this.$set(item, "rmbAmountNet", "");
                }
                item.edit = false;
            }
            // 文件中心
            for (let item of this.form.filesList) {
                this.$set(item, "edit", false);
            }
        },
        // 详情接口
        async billsDetailfun(id, status) {
            const res = await billsDetail(id);
            // this.form = res.data.data;
            if (!this.roleName.includes('admin') && (this.roleName.includes('应收修改') || this.roleName.includes('应收查看')) && !(this.roleName.includes('应付修改') || this.roleName.includes('应付查看'))) {
                res.data.data.feeCenterListC = []
            }
            if (!this.roleName.includes('admin') && (this.roleName.includes('应付修改') || this.roleName.includes('应付查看')) && !(this.roleName.includes('应收修改') || this.roleName.includes('应收查看'))) {
                res.data.data.feeCenterListD = []
            }
            res.data.data.marks = res.data.data.marks ? res.data.data.marks.split("&|&").join("\n") : ''
            res.data.data.commodityDescr = res.data.data.commodityDescr ? res.data.data.commodityDescr.split("&|&").join("\n") : ''
            this.$set(this, "form", res.data.data);
            this.inLock();
            //   console.log('form', this.form)
            // console.log(this.$refs)
            if (this.form.id) {
                this.$refs.documentCenter.reportslogListfun({ currentPage: 1, pageSize: 10 })
            }
            this.billsListAllfun(this.form.id);
            this.copyFormData = JSON.parse(JSON.stringify(res.data.data));
            // 如果已经请核就禁用按钮
            if (this.form.status == 1 || this.form.status == 2 || this.form.status == 3) {
                this.detailData.seeDisabled = true
            } else {
                this.detailData.seeDisabled = false
            }
            // this.columnforfun('teamName').disabled = true

            // this.columnforfun('operatorName').disabled = true
            // this.columnforfun('accDeptName').disabled = true
            if (
                this.form.status == 1 ||
                this.form.status == 2 ||
                this.form.status == 3
            ) {
                this.columnforfun("corpCnName").disabled = true;
                // this.columnforfun('srcType').disabled = true
                this.columnforfun("mblno").disabled = true;
                this.columnforfun("bookingNo").disabled = true;
                // this.columnforfun('refno').disabled = true
                // this.columnforfun('teamId').disabled = true
                this.generateBillsfalse = true;
                this.pleasereviewType = true; // 请核禁用
            } else {
                // 判断是否可以编辑
                this.columnforfun("corpCnName").disabled = false;
                // this.columnforfun('srcType').disabled = false
                this.columnforfun("mblno").disabled = false;
                this.columnforfun("bookingNo").disabled = false;
                // this.columnforfun('refno').disabled = false
                // if (this.saberTenantId == '607913') {
                // this.columnforfun('operatorName').disabled = false
                // this.columnforfun('accDeptName').disabled = false
                // }
                // this.columnforfun('teamId').disabled = false
                this.generateBillsfalse = false;
                this.pleasereviewType = false;
            }
            this.pageLoading = false;
            // this.searchMontage() // 下拉 中文名称和编号拼接
            // 配箱最上面可以编辑
            for (let item of this.form.containersList) {
                item.edit = false;
            }
            // 配箱最下面的
            for (let item of this.form.waitingBoxList) {
                this.$set(item, "editQuantity", item.quantity);
                this.$set(item, "editGrossWeight", item.grossWeight);
                this.$set(item, "editMeasurement", item.measurement);
                this.$set(item, "edit", false);
            }
            // 应收
            for (let item of this.form.feeCenterListD) {
                // 判断是否生成了账单
                if (item.accStatus == 1) {
                    this.generateBillsfalse = true;
                    // this.columnforfun("corpCnName").disabled = true;
                    // this.columnforfun('srcType').disabled = true
                    this.columnforfun("mblno").disabled = true;
                    this.columnforfun("bookingNo").disabled = true;
                    // this.columnforfun('refno').disabled = true
                }
                if (item.curCode == this.getLocalCurrency()) {
                    this.$set(item, "rmbAmount", item.amount);
                    this.$set(item, "usdAmount", "");
                    this.$set(item, "rmbAmountNet", item.amountNet);
                    this.$set(item, "usdAmountNet", "");
                } else {
                    this.$set(item, "usdAmount", item.amount);
                    this.$set(item, "rmbAmount", "");
                    this.$set(item, "usdAmountNet", item.amountNet);
                    this.$set(item, "rmbAmountNet", "");
                }
                item.edit = false;
            }
            // 应付
            for (let item of this.form.feeCenterListC) {
                // 判断是否生成了账单
                if (item.accStatus == 1) {
                    this.generateBillsfalse = true;
                    // this.columnforfun("corpCnName").disabled = true;
                    // this.columnforfun('srcType').disabled = true
                    this.columnforfun("mblno").disabled = true;
                    this.columnforfun("bookingNo").disabled = true;
                    // this.columnforfun('refno').disabled = true
                }
                if (item.curCode == this.getLocalCurrency()) {
                    this.$set(item, "rmbAmount", item.amount);
                    this.$set(item, "usdAmount", "");
                    this.$set(item, "rmbAmountNet", item.amountNet);
                    this.$set(item, "usdAmountNet", "");
                } else {
                    this.$set(item, "usdAmount", item.amount);
                    this.$set(item, "rmbAmount", "");
                    this.$set(item, "usdAmountNet", item.amountNet);
                    this.$set(item, "rmbAmountNet", "");
                }
                item.edit = false;
            }
            // 文件中心
            this.$refs.filescenter.getData(res.data.data);
            for (let item of this.form.filesList) {
                this.$set(item, "edit", false);
            }
            if (status == "toAddEdit") {
                this.$emit(status);
            }
            this.oldForm = this.deepClone(this.form);
        },
        // tbas切换
        handleClick(tba, event) { },
        // 大tbas切换
        bigHandleClick() {
            if (this.bigtabs == "fd") {
                if (this.form.id) {
                    this.billsListAllfun(this.form.id);
                }
            }
            if (this.bigtabs == "dz") {
                if (this.form.id) {
                    this.$refs.documentCenter.reportslogListfun({
                        currentPage: 1,
                        pageSize: 10
                    });
                }
                this.getReportTypeByBigHandle("单证");
            }
            if (this.bigtabs == "fy") this.getReportTypeByBigHandle("费用");
        },
        getReportTypeByBigHandle(name) {
            return name;
        },
        // 获取不分页的分单列表
        billsListAllfun(masterId) {
            billsListAll({
                masterId
            }).then(res => {
                this.billsListAllData = res.data.data;
            });
        }
    }
};
</script>

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

.scrollable-container {
    height: 84vh;
    /* 设置容器高度 */
    overflow-y: auto;
    /* 添加垂直滚动条 */
}

.borderless {
    height: 100%;
    box-sizing: border-box;
}

.customer-main {
    margin-bottom: 15px;
}

.demo-ruleForm {
    font-size: 14px;
}

.margintop {
    margin-top: 0px !important;
}

::v-deep.el-form-item {
    margin-bottom: 0;
}

::v-deep .basic-container .el-card__body {
    padding: 6px 20px;
}

::v-deep .el-tabs__header {
    margin: 0 05px;
}

.isShow {
    display: none;
}

.dropdown-max {
    top: 150px !important;
    max-width: 600px;
    display: flex;
    flex-flow: row wrap;

    li {
        margin-right: 5px;
        white-space: nowrap;
    }
}
</style>