tire-platform-ui/src/views/iosBasicData/SeafreightExportF/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">返回列表
                </el-button>
            </div>
            <div class="add-customer-btn">
                <!--<el-popover-->
                <!--    placement="bottom-end"-->
                <!--    width="100"-->
                <!--    trigger="hover">-->
                <!--    <div>-->

                <!--    </div>-->
                <el-button size="small" type="primary" style="margin-right: 8px" @click="addEdit">新 建
                </el-button>
                <el-dropdown style="line-height: 0" v-if="saberTenantId == '409341'">
                    <el-button size="small" type="warning" style="margin-right: 8px" :disabled="form.status > 0||showLock">
                        导入模板<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">
                        发送 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" :key="item.id"
                            @click.native="editypesSendingEdifun(item)">{{ item.cnName }}
                        </el-dropdown-item>
                    </el-dropdown-menu>
                </el-dropdown>

                <el-button size="small" style="margin-right: 8px" :loading="saveLoading" @click="previewDialogfun">预 览
                </el-button>
                <el-button size="small" type="warning" :disabled="!form.id || detailData.seeDisabled||showLock"
                    v-if="form.status == 1" @click.stop="revokeDocumentApproval">撤销单据请核
                </el-button>
                <el-button size="small" type="success" :disabled="!form.id || detailData.seeDisabled||showLock"
                    v-if="form.status == 0 || form.status == 4" @click.stop="DocumentApproval">单据请核
                </el-button>
                <!--<el-button  size="small" type="primary" style="margin-right: 8px" v-if="detailData.seeDisabled"-->
                <!--            :loading="saveLoading" @click="editHandle">编 辑-->
                <!--</el-button>-->
                <el-button size="small" type="primary" style="margin-right: 8px" :disabled="detailData.seeDisabled||showLock"
                    :loading="saveLoading" @click="editCustomer">保 存
                </el-button>
                <el-dropdown style="line-height: 0">
                    <el-button type="warning" :loading="saveLoading" :disabled="!form.id" size="small">
                        审 批<i class="el-icon-arrow-down el-icon--right"></i>
                    </el-button>
                    <el-dropdown-menu slot="dropdown">
                        <!--<el-dropdown-item @click.native="examineBtn('审批')" :disabled="isExamineBtn && !detailData.check">审批-->
                        <!--</el-dropdown-item>-->
                        <el-dropdown-item @click.native="checkScheduleDialog = true, checkId = form.id">审核进度
                        </el-dropdown-item>
                    </el-dropdown-menu>
                </el-dropdown>
            </div>
        </div>

        <div style="margin-top: 65px">
            <el-tabs type="border-card" v-model="bigtabs" @tab-click="bigHandleClick">
                <el-tab-pane label="委托信息" name="wt" class="scrollable-container">
                    <div>
                        <el-form :model="form" ref="form" label-width="90px" class="demo-ruleForm" :disabled="showLock">
                            <containerTitle title="基础资料"></containerTitle>
                            <basic-container :showBtn="true">
                                <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)">{{ 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"
                                                            :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"
                                                            :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 :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 || ''}`"
                                                    @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">
                        <containerTitle title="详细"></containerTitle>
                        <basic-container :showBtn="true">
                            <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
                                <el-tab-pane label="委托详情" name="first">
                                    <entrustment-lnformation :assemblyForm="form" :detailData="detailData" :disabled="showLock"
                                        :generateBillsfalse="generateBillsfalse" @billsDetailfun="billsDetailfun(form.id)">
                                    </entrustment-lnformation>
                                </el-tab-pane>
                                <el-tab-pane label="配箱信息" 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="报表管理" 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="HYCK"></reports>
                                </el-tab-pane>
                                <el-tab-pane label="EDI CODE" name="sixth">
                                    <edicode :assemblyForm="form" :detailData="detailData" :disabled="showLock"></edicode>
                                </el-tab-pane>
                                <el-tab-pane label="文件中心" 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="费用信息" name="fy" class="scrollable-container"
                    v-if="roleName.indexOf('admin') != -1 ? true : roleName.indexOf('应收修改') != -1 || roleName.indexOf('应付修改') != -1 || roleName.indexOf('应收查看') != -1 || roleName.indexOf('应付查看') != -1">
                    <feecenter :assemblyForm="form" :copyFormData="copyFormData" :detailData="detailData" :disabled="detailData.seeDisabled||showLock"
                        :pleasereviewType="pleasereviewType" :pid="form.id" @billsDetailfun="billsDetailfun(form.id)">
                    </feecenter>
                </el-tab-pane>
                <el-tab-pane label="单证中心" name="dz" class="scrollable-container">
                    <document-center ref="documentCenter" :detailData="detailData" :assemblyForm="form" :disabled="detailData.seeDisabled||showLock"></document-center>
                </el-tab-pane>
                <el-tab-pane label="分单列表" 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="导入模板" 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 :id="form.id" :disabled="detailData.seeDisabled"></business-reports>
        </el-dialog>
    </div>
</template>

<script>
import EntrustmentLnformation from "@/views/iosBasicData/SeafreightExportF/bills/assembly/EntrustmentLnformation.vue";
import mbinformation from "@/views/iosBasicData/SeafreightExportF/bills/assembly/mbinformation.vue";
import reports from "@/views/iosBasicData/SeafreightExportF/bills/assembly/reports.vue";
import formbottom from "@/views/iosBasicData/SeafreightExportF/bills/assembly/formbottom.vue";
import edicode from '@/views/iosBasicData/SeafreightExportF/bills/assembly/edicode.vue'
import filescenter from "@/views/iosBasicData/SeafreightExportF/bills/assembly/filescenter.vue";
import DistributionBox from "@/views/iosBasicData/SeafreightExportF/bills/assembly/DistributionBox.vue";
import feecenter from '@/views/iosBasicData/SeafreightExportF/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/SeafreightExportF/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,
    billsListAll, billsRevokeCheckBills, editypesSendingEdi,
    billsSubmit,
    billsAdd,
    deptGetDetailPol, postSelectByUser,
} 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/SeafreightExportF/bills/assembly/DocumentCenter.vue";
import businessReports from "@/views/iosBasicData/SeafreightExportF/bills/assembly/businessReports.vue";
import { popupReminder } from "@/util/messageReminder";
import editypes from "@/views/iosBasicData/editypes/index.vue";
import { editypesList } from "@/api/iosBasicData/editypes";
export default {
    components: {
        checkSchedule,
        SearchQuery,
        EntrustmentLnformation,
        formbottom,
        mbinformation,
        reports,
        edicode,
        filescenter,
        DistributionBox,
        feecenter,
        bcorps,
        bcorpstypedefine,
        SplitList,
        TreeSelect,
        DocumentCenter,
        businessReports,
        editypes,
    },
    props: {
        detailData: {
            type: Object
        }
    },
    data() {
        return {
            showLock:false,
            ediData: [], // edi 列表数据
            previewDialog: false, // 预览报表弹窗开启
            generateBillsfalse: false, // 如果生成账单就禁用
            pleasereviewType: false, // 如果请核就禁用
            checkScheduleDialog: false, // 审核弹窗
            checkId: '', // 审核需要的id
            batchNo: '',
            billsListAllData: [], // 分单列表数据
            pageLoading: false, // 全屏的动画
            saveLoading: false,
            copyFormData: {}, // 详情的备份数据
            // 详情数据
            form: {
                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: 'SE', // 业务类型 默认 海运出口
                billType: 'DD', // 单据类型 默认 直单
                accDeptName: '',// 核算部门 默认登录人的部门
                issueType: "ORI", // 签单方式 默认 正本提单
                mpaymode: 'PP', // 主单付费方式 默认PP
                hpaymode: 'PP', // 分单付费方式 默认 PP
                loadType: 'FCL', // 装箱方式默认整箱
                srcType: 'OWN', // 业务来源默认公司   来源 内容 默认登录人所属公司
                numberOfObl: 'THREE', // 正本份数 默认 THREE
                numberOfCopy: 'ONE', // 副本份数 默认 ONE
                seaType: 'E', // 进出口 默认出口 E=出口 I=进口"
                cargoType: 'dry', // 货物类型默认普货
                marks: 'N/M',
                dgPackingLevel: '0', // 危险品包装等级
                serviceTerms: 'CY to CY', // 服务方式
                filesList: [], // 文件中心
                feeCenterListD: [], // 收
                feeCenterListC: [], // 付
                preContainersList: [], // 箱
            },
            // 循环的配置
            basicData: {
                column: [
                    {
                        label: "客户名称", // 调往来单位接口
                        prop: "corpCnName",
                        text: "请选择客户名称",
                        type: 'select',
                        dicData: [],
                        disabled: false,
                        buttonIf: true,
                        slot: 'bcorps',
                        forParameter: {
                            key: 'id',
                            label: 'cnName',
                            value: 'cnName',
                        },
                        rules: [{
                            required: true,
                            message: " ",
                            trigger: "blur"
                        }]
                    },
                    [
                        {
                            label: "客户OP", // 客户联系人姓名 电话和邮箱带出来，可以修改 往来单位接口 需要传一个客户名称的值过去
                            prop: "corpAttnName",
                            text: "姓名",
                            type: 'select',
                            dicData: [],
                            span: 10,
                            disabled: true,
                            clearable: false,
                            forParameter: {
                                key: 'id',
                                label: 'cname',
                                value: 'cname',
                            },
                        },
                        {
                            label: "", //客户联系人电话
                            prop: "corpAttnTel",
                            text: "电话",
                            labelWidth: '10px',
                            disabled: true,
                            clearable: false,
                            span: 7,
                            // rules: [{
                            //     required: true,
                            //     message: "",
                            //     trigger: "blur"
                            // }]
                        },
                        {
                            label: "", // 客户联系人邮箱
                            prop: "corpAttnEmail",
                            text: "邮箱",
                            labelWidth: '10px',
                            disabled: true,
                            clearable: false,
                            span: 7,
                            // rules: [{
                            //     required: true,
                            //     message: " ",
                            //     trigger: "blur"
                            // }]
                        },
                    ],
                    [
                        {
                            label: "业务来源", // OWN=公司  AGENT=代理 SALES=业务员
                            prop: "srcType",
                            text: "请选择业务来源",
                            type: 'select',
                            disabled: true,
                            forParameter: {
                                key: 'dictKey',
                                label: 'dictValue',
                                value: 'dictKey',
                            },
                            dicData: [],
                        },
                        {
                            label: "",
                            prop: "srcCnName", // 来源中文 公司不是下拉写死公司两字 业务员调用户管理列表 代理调往来单位四个代理数据
                            text: "请选择来源",
                            labelWidth: '30px',
                            type: 'select',
                            disabled: true,
                            dicData: [],
                            forParameter: {
                                key: 'id',
                                label: 'cnName',
                                value: 'cnName',
                            },
                        },
                    ],
                    [
                        {
                            label: "HB/L NO",  //弹窗点击确认还是取消申请 调后台接口获取到一个编号
                            prop: "HB/L NO",
                            type: 'button',
                            span: 4,
                            disabled: false,
                        },
                        {
                            label: "",
                            text: "请输入HB/L NO",
                            prop: "hblno",
                            labelWidth: '6px',
                            span: 14,
                            disabled: true,
                        },
                        {
                            label: "", // HB/L 付款方式 PP=预付, CC=到付, FPA, Other', 申请之后默认 PP
                            text: "请选择付款方式",
                            prop: "hpaymode",
                            labelWidth: '30px',
                            disabled: false,
                            type: 'select',
                            span: 6,
                            dicData: [],
                            forParameter: {
                                key: 'dictKey',
                                label: 'dictValue',
                                value: 'dictKey',
                            },
                        },
                    ],
                    {
                        label: "booking NO", // 订舱号
                        text: "请输入booking NO",
                        prop: "bookingNo",
                        disabled: 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: "REF MBLNO", // Co-Loader 中文名称  往来单位 类别
                        text: "请输入REF MBLNO",
                        prop: "refno",
                        disabled: false,
                    },
                    [
                        {
                            label: "业务编号",
                            text: "业务编号",
                            prop: "billNo",
                            disabled: true,
                        },
                        {
                            label: "所属团队",
                            text: "请选择所属团队",
                            prop: "teamId",
                            disabled: false,
                            type: 'select',
                            dicData: [],
                            forParameter: {
                                key: 'id',
                                label: 'postName',
                                value: 'id',
                            },
                            rules: [{
                                required: true,
                                message: " ",
                                trigger: "blur"
                            }]
                        },
                    ],
                    [
                        {
                            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: 'cyCnName',
                },
            ],
            imporiData: [{ id: 0, name: '导入one模板' }, { id: 1, name: '导入PIL订舱模板' }, { id: 2, 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,
        }
    },
    watch: {
        // 监听业务类型 如果不是分单 可以编辑分单号
        'form.billType': {
            // 执行方法
            handler(oldValue, newValue) {
                // if (oldValue == 'MM') {
                //     this.form.hblno = ''
                // }
                // 只有分单不能编辑
                if (oldValue == 'MH') {
                    this.columnforfun('hblno').disabled = true
                } else {
                    this.columnforfun('hblno').disabled = false
                }
            },
            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
                        }
                    })
                    // 判断是否有温度
                    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.roleName = localStorage.getItem('roleName').split(',')
        // 判断是否员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: "SE",
                tableName: "SE_order",
                billId: this.form.id,
                no: localStorage.getItem("browserID"),
                billNo: this.form.mblno
            };
            this.inDetailsKey(this.$route.name, {
                moduleName: "SE",
                tableName: "SE_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
                        }
                    });
                }
            });
        },
        addEdit() {
            if (this.form.billStatus >= 3) {
                this.$emit('toAddEdit')
            } else {
                this.$confirm('此操作将保存并新建, 是否继续?', '提示', {
                    confirmButtonText: '确定',
                    cancelButtonText: '取消',
                    type: 'warning'
                }).then(() => {
                    this.editCustomer('toAddEdit')
                }).catch(() => {

                });
            }
        },
        //文档导入
        importData(row) {
            if (row == 0) {
                this.excelOption.column[0].action = '/api/blade-los/templateImport/importOne'
            } else if (row == 1) {
                this.excelOption.column[0].action = '/api/blade-los/templateImport/importPilBooking'
            } else if (row == 2) {
                this.excelOption.column[0].action = '/api/blade-los/templateImport/importPilCutOffOrders'
            }
            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) {
            //    const obj = Object.assign(res,this.removeEmptyValues(this.form));
            this.$confirm('此操作将覆盖数据, 是否继续?', '提示', {
                confirmButtonText: '确定',
                cancelButtonText: '取消',
                type: 'warning'
            }).then(() => {
                this.form = res;
                this.excelBox = false;
                this.$message.success("导入成功！");
                loading = false;
                done();
            }).catch(() => {
                this.$message({
                    type: 'info',
                    message: '已取消操作'
                });
                this.excelBox = false;
                loading = false;
                done();
            });

        },
        // 获取EDI列表数据
        editypesListfun() {
            editypesList(1, 30).then(res => {
                this.ediData = res.data.data.records
            })
        },
        // 发送edi
        editypesSendingEdifun(row) {
            row.billId = this.form.id
            this.saveLoading = true
            editypesSendingEdi(row).then(res => {
                this.saveLoading = false
                // 判断data是否有值，没有值说明不成功给个弹窗返回
                if (!res.data.data) {
                    let text = res.data.msg
                    this.$message({
                        type: 'warning',
                        dangerouslyUseHTMLString: true,
                        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.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, '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)
                        }
                    }
                }

            })
        },
        // 获取所属岗位数据
        postSelectByUserfun() {
            postSelectByUser(JSON.parse(localStorage.getItem("saber-userInfo")).content.user_id).then(res => {
                this.columnforfun('teamId').dicData = res.data.data
                // 判断是否有值，没有的话默认第一个
                if (!this.form.teamId) {
                    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, 10, { cnName, status: 0 }).then(res => {
                this.columnforfun('corpCnName').dicData = res.data.data.records.map(item => {
                    item.cnName = item.cnName + ' - ' + item.shortName
                    return item
                })
            })
        },
        // 获取客户联系人 客户OP
        getBcorpsattnListfun(cnName) {
            getBcorpsattnList(1, 10, { pid: this.form.corpId, cnName }).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, 10, { cnName, status: 0, corpTypeName }).then(res => {
                this.columnforfun('srcCnName').dicData = res.data.data.records
            })
        },
        // 获取业务来源业务员数据
        salesUserGetListfun(account) {
            userGetList(1, 10, { account }).then(res => {
                this.columnforfun('srcCnName').dicData = res.data.data.records
            })
        },
        // 获取公司名称 用户管理左侧
        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 = 'HYCK-PH'
            } else if (this.form.cargoType == 'danger') {
                billNoFormat = 'HYCK-WXP'
            } else if (this.form.cargoType == 'reefer') {
                billNoFormat = 'HYCK-DG'
            } else { }
            billsGetBillNo({
                businessTypeCode: 'HYCK',
                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
                    // 获取 客户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, 'hshipperId', this.$refs.bcorps[0].selectionList[0].id)
                    this.$set(this.form, 'hshipperCnName', this.$refs.bcorps[0].selectionList[0].cnName)
                    this.$set(this.form, 'hshipperEnName', this.$refs.bcorps[0].selectionList[0].enName)
                    this.$set(this.form, 'hshipperCode', this.$refs.bcorps[0].selectionList[0].code)
                    this.$set(this.form, 'hshipperDetails', this.$refs.bcorps[0].selectionList[0].details)
                    this.$set(this.form, 'hshipperCntyName', this.$refs.bcorps[0].selectionList[0].cntyName)
                    this.$set(this.form, 'hshipperCntyCode', this.$refs.bcorps[0].selectionList[0].cntyCode)
                } 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
                    // 获取 客户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, 'hshipperId', this.$refs.bcorps[0].$refs.detail.formData.id)
                    this.$set(this.form, 'hshipperCnName', this.$refs.bcorps[0].$refs.detail.formData.cnName)
                    this.$set(this.form, 'hshipperEnName', this.$refs.bcorps[0].$refs.detail.formData.enName)
                    this.$set(this.form, 'hshipperCode', this.$refs.bcorps[0].$refs.detail.formData.code)
                    this.$set(this.form, 'hshipperDetails', this.$refs.bcorps[0].$refs.detail.formData.details)
                    this.$set(this.form, 'hshipperCntyName', this.$refs.bcorps[0].$refs.detail.formData.cntyName)
                    this.$set(this.form, 'hshipperCntyCode', this.$refs.bcorps[0].$refs.detail.formData.cntyCode)
                }
            }
            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
            } else { }
        },
        /* 远程模糊查询操作用户 */
        remoteMethod(value, name) {
            if (name == 'operatorName') {
                this.userGetListfun(value)
            } else if (name == 'accDeptName') {
                this.getLazylistfun(value)
            } else 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 { }
            } else if (name == 'teamId') {
                this.postSelectByUserfun()
            } else {

            }

        },
        // 下拉的监听事件
        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
                    }
                }
            }
            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
                    }
                }
            }
            else 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 = ''
                    // 清空 客户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) {
                        console.log(1111)
                        this.form.corpCnName = item.cnName
                        this.form.corpEnName = item.enName
                        this.form.corpId = item.id
                        this.form.corpCode = item.code
                        // 获取 客户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.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') {
                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 (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 { }
            }
            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)
                        } 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 { }
                    }
                }
            }
            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 == 'teamId') {
                if (!value) {
                    this.$set(this.form, 'teamId', '')
                    this.$set(this.form, 'teamName', '')
                }
                for (let item of this.columnforfun('teamId').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
            }
            // 如果不是分单
            if (this.form.billType != 'MH') {
                this.$message({
                    message: '只有分单需要申请',
                    type: 'warning'
                });
                return
            }
            if (this.form.hblno) {
                this.$message({
                    message: 'B/L NO 只能申请一次',
                    type: 'warning'
                });
                return
            }
            if (!this.form.businessType) {
                this.$message({
                    message: '请先选择业务类型',
                    type: 'warning'
                });
                return
            }
            if (!this.form.corpCnName) {
                this.$message({
                    message: '请先选择客户名称',
                    type: 'warning'
                });
                return
            }
            this.$confirm(`确定${text}?`, {
                confirmButtonText: "确定",
                cancelButtonText: "取消",
                type: "warning"
            }).then(res => {
                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(this.form.id){
                this.unLock({
                moduleName: "SE",
                tableName: "SE_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.feeCenterListC.length == 0 && this.form.feeCenterListD == 0) {
                return this.$message.warning('请添加费用信息')
            }
            this.$confirm("确定要请核数据?", {
                confirmButtonText: "确定",
                cancelButtonText: "取消",
                type: "warning"
            }).then(() => {
                this.pageLoading = true
                billsCheckBills({
                    id: this.form.id,
                    url: '/iosBasicData/SeafreightExportF/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)
                })
            })
        },
        // 编辑按钮
        editHandle() {
            this.detailData.seeDisabled = false
        },
        // 大保存按钮
        editCustomer(status) {
            this.$refs.form.validate((valid) => {
                if (valid) {
                    // 判断必填项
                    let msgs = []
                    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.etd) {
                        msgs.push('ETD')
                    }
                    if (!this.form.teamId) {
                        msgs.push('所属团队')
                    }
                    for (let item of this.form.feeCenterListD) {
                        if (!item.corpId) {
                            msgs.push(`应收序号${item.$index + 1}往来单位`)
                        }
                        if (!item.feeId) {
                            msgs.push(`应收序号${item.$index + 1}费用简称`)
                        }
                        if (!item.elementsId) {
                            msgs.push(`应收序号${item.$index + 1}核算要素`)
                        }
                        if (!item.curCode) {
                            msgs.push(`应收序号${item.$index + 1}币种`)
                        }
                    }
                    for (let item of this.form.feeCenterListC) {
                        if (!item.corpId) {
                            msgs.push(`应付序号${item.$index + 1}往来单位`)
                        }
                        if (!item.feeId) {
                            msgs.push(`应付序号${item.$index + 1}费用简称`)
                        }
                        if (!item.elementsId) {
                            msgs.push(`应付序号${item.$index + 1}核算要素`)
                        }
                        if (!item.curCode) {
                            msgs.push(`应付序号${item.$index + 1}币种`)
                        }
                    }
                    if (msgs.length > 0) {
                        this.$confirm(`请填写下列信息：${msgs.join(" ，")}！`, {
                            confirmButtonText: "确定",
                            cancelButtonText: "取消",
                            type: "warning"
                        })
                        return;
                    }
                    // 赋值 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 = 'HYCK-PH'
            } else if (this.form.cargoType == 'danger') {
                // 危险品
                this.form.billNoFormat = 'HYCK-WXP'
            } else if (this.form.cargoType == 'reefer') {
                // 冻柜
                this.form.billNoFormat = 'HYCK-DG'
            } else {
                this.form.billNoFormat = 'HYCK'
            }
            this.form.businessTypeCode = 'HYCK'
            delete this.form.extendedData
            // 把拼接的数据拆开 开始 🐒🐒🐒🐒🐒🐒🐒🐒🐒🐒🐒🐒🐒🐒
            this.searchSplit()
            // 把拼接的数据拆开 结束 💩💩💩💩💩💩💩💩💩💩💩💩💩💩
            // 费用 收 赋值数据
            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.eta // 到港日期
                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 == 'CNY') {
                    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 == 'CNY') {
                    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.eta // 到港日期
                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 == 'CNY') {
                    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 == 'CNY') {
                    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
                this.$message({
                    type: "success",
                    message: "操作成功!"
                });
                // 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
            })
        },
        // 复制单据接口
        billsCopyBillsfun(id) {
            billsCopyBills({ id }).then(res => {
                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 == 'CNY') {
                        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 == 'CNY') {
                        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;
            this.$set(this, 'form', res.data.data)
            this.inLock()
            //   console.log('form', this.form)
            // console.log(this.$refs)

            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('teamId').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
                // 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.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
                }
                if (item.curCode == 'CNY') {
                    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
                    this.columnforfun('teamId').disabled = true
                }
                if (item.curCode == 'CNY') {
                    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)
            }

        },
        // 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 })
                }
            }
        },
        // 获取不分页的分单列表
        billsListAllfun(masterId) {
            billsListAll({ masterId }).then(res => {
                this.billsListAllData = res.data.data
            })
        },


        // 下拉 把拼接的拆分
        searchSplit() {
            // 发货人
            if (this.form.hshipperCnName) {
                this.form.hshipperCnName = this.form.hshipperCnName.split(' - ')[0]
            }
            // 收货人
            if (this.form.hconsigneeCnName) {
                this.form.hconsigneeCnName = this.form.hconsigneeCnName.split(' - ')[0]
            }
            // 通知人
            if (this.form.hnotifyCnName) {
                this.form.hnotifyCnName = this.form.hnotifyCnName.split(' - ')[0]
            }
            // 第二通知人
            if (this.form.hnotify2CnName) {
                this.form.hnotify2CnName = this.form.hnotify2CnName.split(' - ')[0]
            }
            // COLOADER
            if (this.form.coloaderCnName) {
                this.form.coloaderCnName = this.form.coloaderCnName.split(' - ')[0]
            }
            // 船公司
            if (this.form.carrierCnName) {
                this.form.carrierCnName = this.form.carrierCnName.split(' - ')[0]
            }
            // 收货地
            if (this.form.placeReceiptName) {
                this.form.placeReceiptName = this.form.placeReceiptName.split(' - ')[0]
                this.form.placeReceiptNamePrint = this.form.placeReceiptNamePrint.split(' - ')[0]
            }
            // 装货港
            if (this.form.polEnName) {
                this.form.polEnName = this.form.polEnName.split(' - ')[0]
                this.form.polNamePrint = this.form.polNamePrint.split(' - ')[0]
            }
            // 卸货港
            if (this.form.podEnName) {
                this.form.podEnName = this.form.podEnName.split(' - ')[0]
                this.form.podNamePrint = this.form.podNamePrint.split(' - ')[0]
            }
            // 目的地
            if (this.form.destinationName) {
                this.form.destinationName = this.form.destinationName.split(' - ')[0]
                this.form.destinationNamePrint = this.form.destinationNamePrint.split(' - ')[0]
            }
            // 交货地
            if (this.form.placeDeliveryName) {
                this.form.placeDeliveryName = this.form.placeDeliveryName.split(' - ')[0]
                this.form.placeDeliveryNamePrint = this.form.placeDeliveryNamePrint.split(' - ')[0]
            }
            // 中转港
            if (this.form.potEnName) {
                this.form.potEnName = this.form.potEnName.split(' - ')[0]
                this.form.potNamePrint = this.form.potNamePrint.split(' - ')[0]
            }
            // 船名
            if (this.form.vesselCnName) {
                this.form.vesselCnName = this.form.vesselCnName.split(' - ')[0]
            }
            // 客户名称
            if (this.form.corpCnName) {
                this.form.corpCnName = this.form.corpCnName.split(' - ')[0]
            }

        },
        // 下拉 中文名称和编号拼接
        searchMontage() {
            // 发货人
            if (this.form.hshipperCnName) {
                this.form.hshipperCnName = this.form.hshipperCnName + ' - ' + this.form.hshipperCode
            }
            // 收货人
            if (this.form.hconsigneeCnName) {
                this.form.hconsigneeCnName = this.form.hconsigneeCnName + ' - ' + this.form.hconsigneeCode
            }
            // 通知人
            if (this.form.hnotifyCnName) {
                this.form.hnotifyCnName = this.form.hnotifyCnName + ' - ' + this.form.hnotifyCode
            }
            // 第二通知人
            if (this.form.hnotify2CnName) {
                this.form.hnotify2CnName = this.form.hnotify2CnName + ' - ' + this.form.hnotify2Code
            }
            // COLOADER
            if (this.form.coloaderCnName) {
                let corpTypeName = '国内直接客户,国内同行及代理,国外直接客户,国外同行及代理'
                getBcorpslistByType(1, 10, { cnName: this.form.coloaderCnName, status: 0, corpTypeName }).then(res => {
                    this.form.coloaderCnName = this.form.coloaderCnName + ' - ' + res.data.data.records[0].code
                })
            }
            // 船公司
            if (this.form.carrierCnName) {
                let corpTypeName = '船公司'
                getBcorpslistByType(1, 10, { cnName: this.form.carrierCnName, status: 0, corpTypeName }).then(res => {
                    this.form.carrierCnName = this.form.carrierCnName + ' - ' + res.data.data.records[0].code
                })
                // this.form.carrierCnName = this.form.carrierCnName + ' - ' + this.form.carrierCode
            }
            // 收货地
            if (this.form.placeReceiptName) {
                this.form.placeReceiptName = this.form.placeReceiptName + ' - ' + this.form.placeReceiptCode
                this.form.placeReceiptNamePrint = this.form.placeReceiptNamePrint + ' - ' + this.form.placeReceiptCode
            }
            // 装货港
            if (this.form.polEnName) {
                this.form.polEnName = this.form.polEnName + ' - ' + this.form.polCode
                this.form.polNamePrint = this.form.polNamePrint + ' - ' + this.form.polCode
            }
            // 卸货港
            if (this.form.podEnName) {
                this.form.podEnName = this.form.podEnName + ' - ' + this.form.podCode
                this.form.podNamePrint = this.form.podNamePrint + ' - ' + this.form.podCode
            }
            // 目的地
            if (this.form.destinationName) {
                this.form.destinationName = this.form.destinationName + ' - ' + this.form.destinationCode
                this.form.destinationNamePrint = this.form.destinationNamePrint + ' - ' + this.form.destinationCode
            }
            // 交货地
            if (this.form.placeDeliveryName) {
                this.form.placeDeliveryName = this.form.placeDeliveryName + ' - ' + this.form.placeDeliveryCode
                this.form.placeDeliveryNamePrint = this.form.placeDeliveryNamePrint + ' - ' + this.form.placeDeliveryCode
            }
            // 中转港
            if (this.form.potEnName) {
                this.form.potEnName = this.form.potEnName + ' - ' + this.form.potCode
                this.form.potNamePrint = this.form.potNamePrint + ' - ' + this.form.potCode
            }
            // 船名
            if (this.form.vesselCnName) {
                getBvesselsList(1, 10, { cnName: this.form.vesselCnName }).then(res => {
                    this.form.vesselCnName = this.form.vesselCnName + ' - ' + res.data.data.records[0].code
                })
            }
            // 客户名称
            if (this.form.corpCnName) {
                getBcorpslistByType(1, 10, { cnName: this.form.corpCnName }).then(res => {
                    this.form.corpCnName = this.form.corpCnName + ' - ' + res.data.data.records[0].shortName
                })
            }


        },


    },
}

</script>

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

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

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

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

.margintop {
    margin-top: 10px;
}

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

.isShow {
    display: none;
}
</style>