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-dropdown style="line-height: 0">
                    <el-button size="small" type="success" style="margin-right: 8px"
                               :loading="saveLoading" :disabled="!form.id" >
                        发送 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" v-if="form.status == 1"
                           @click.stop="revokeDocumentApproval">撤销单据请核
                </el-button>
                <el-button size="small" type="success" :disabled="!form.id || detailData.seeDisabled" 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"
                            :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">
                    <div>
                        <el-form :model="form" ref="form" label-width="90px" class="demo-ruleForm">
                            <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"
                                                                      :clearable="true"
                                                                      :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"
                                                                  clearable :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"
                                                                      :clearable="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]" filterable
                                                                     :data="item[1].dicData"
                                                                     :props="item[1].forParameter"
                                                                     nodeKey="title"
                                                                     size="small"
                                                                     :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"
                                                                  clearable :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="true"
                                                                      :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"
                                                                  clearable :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="true"
                                                              :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"
                                                          clearable :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"
                                                             :generateBillsfalse="generateBillsfalse"
                                                             @billsDetailfun="billsDetailfun(form.id)">
                                    </entrustment-lnformation>
                                </el-tab-pane>
                                <el-tab-pane label="配箱信息" name="second">
                                    <DistributionBox :assemblyForm="form" :detailData="detailData"
                                                     :pleasereviewType="pleasereviewType"
                                                     @billsDetailfun="billsDetailfun(form.id)">
                                    </DistributionBox>
                                </el-tab-pane>
                                <el-tab-pane label="MB/L信息" name="third">
                                    <mbinformation :assemblyForm="form" :detailData="detailData"></mbinformation>
                                </el-tab-pane>
                                <el-tab-pane label="报表管理" name="fourth" v-if="roleName.indexOf('admin') != -1" >
                                    <reports :id="form.id" :assemblyForm="form"
                                             :disabled="detailData.seeDisabled" businessValue="HYCK"></reports>
                                </el-tab-pane>
                                <el-tab-pane label="EDI CODE" name="sixth">
                                    <edicode :assemblyForm="form" :detailData="detailData"></edicode>
                                </el-tab-pane>
                                <el-tab-pane label="文件中心" name="seventh">
                                    <filescenter :assemblyForm="form" :detailData="detailData"></filescenter>
                                </el-tab-pane>
                            </el-tabs>
                        </basic-container>
                        <basic-container :showBtn="true" v-if="activeName == 'first' || activeName == 'third'">
                            <formbottom :assemblyForm="form" :generateBillsfalse="generateBillsfalse" :detailData="detailData"></formbottom>
                        </basic-container>
                    </div>
                </el-tab-pane>

                <el-tab-pane label="费用信息" name="fy"
                             v-if="roleName.indexOf('admin') != -1?true:roleName.indexOf('应收修改') != -1 || roleName.indexOf('应付修改') != -1 || roleName.indexOf('应收查看') != -1 || roleName.indexOf('应付查看') != -1" >
                    <feecenter :assemblyForm="form" :detailData="detailData" :pleasereviewType="pleasereviewType" :pid="form.id" @billsDetailfun="billsDetailfun(form.id)"></feecenter>
                </el-tab-pane>
                <el-tab-pane label="单证中心" name="dz">
                    <document-center ref="documentCenter" :detailData="detailData" :assemblyForm="form" ></document-center>
                </el-tab-pane>
                <el-tab-pane label="分单列表" name="fd" v-if="form.billType == 'MM'">
                    <Split-list :detailData="detailData" :assemblyForm="form"
                                :data="billsListAllData"
                                @billsListAllfun="billsListAllfun(form.id)"></Split-list>
                </el-tab-pane>
            </el-tabs>
        </div>

        <!--审核弹窗-->
        <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,
    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 {
                ediData:[], // edi 列表数据
                previewDialog:false, // 预览报表弹窗开启
                generateBillsfalse:false, // 如果生成账单就禁用
                pleasereviewType:false, // 如果请核就禁用
                checkScheduleDialog:false, // 审核弹窗
                checkId:'', // 审核需要的id
                batchNo:'',
                billsListAllData:[], // 分单列表数据
                pageLoading:false, // 全屏的动画
                saveLoading:false,
                // 详情数据
                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:'正本', // 签单方式 默认 正本
                    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',
                    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:"姓名",
                                allowCreate:true,
                                type:'select',
                                dicData:[],
                                span:10,
                                disabled:true,
                                forParameter:{
                                    key:'id',
                                    label:'cname',
                                    value:'cname',
                                },
                            },
                            {
                                label: "", //客户联系人电话
                                prop: "corpAttnTel",
                                text:"电话",
                                labelWidth:'10px',
                                disabled:true,
                                span:7,
                                // rules: [{
                                //     required: true,
                                //     message: "",
                                //     trigger: "blur"
                                // }]
                            },
                            {
                                label: "", // 客户联系人邮箱
                                prop: "corpAttnEmail",
                                text:"邮箱",
                                labelWidth:'10px',
                                disabled:true,
                                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: "MB/L NO",
                                text:"请输入MB/L NO",
                                prop: "mblno",
                                span:19,
                                disabled:false,

                            },
                            {
                                label: "",  // MB/L 付款方式 PP=预付, CC=到付, FPA, Other
                                text:"请选择付款方式",
                                prop: "mpaymode",
                                type:'select',
                                labelWidth:'30px',
                                disabled:false,
                                span:5,
                                dicData:[],
                                forParameter:{
                                    key:'dictKey',
                                    label:'dictValue',
                                    value:'dictKey',
                                },
                            },
                        ],
                        [
                            {
                                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: "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,
                                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',
                    },
                ],

            }
        },
        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() {
            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:{
            // 获取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,'accDeptId',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}).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 corpType = '1712285382575398914,1712285645314990082,1712285842321448962,1712286433378574338'
                getBcorpslistByType(1,10,{cnName,corpType}).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('详情确认')
                        this.$refs.bcorps[0].$refs.detail.submitForm()
                    }
                }
                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.accDeptId = 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) {
                            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() {
                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(){
                this.$refs.form.validate((valid)=>{
                    if (valid) {
                        // 判断必填项
                        let sum = '请填写'
                        if (!this.form.quantity) {
                            sum += ` 件数`
                        }
                        if (!this.form.packingUnit) {
                            sum += ` 包装`
                        }
                        if (!this.form.grossWeight) {
                            sum += ` 毛重`
                        }
                        if (!this.form.measurement) {
                            sum += ` 尺码`
                        }
                        if (!this.form.etd) {
                            sum += ` ETD`
                        }
                        if (!this.form.teamId) {
                            sum += ` 所属团队`
                        }
                        for (let item of this.form.feeCenterListD) {
                            if (!item.corpId) {
                                sum += ` 应收序号${item.$index + 1}往来单位`
                            }
                            if (!item.feeId) {
                                sum += ` 应收序号${item.$index + 1}费用简称`
                            }
                            if (!item.elementsCode) {
                                sum += ` 应收序号${item.$index + 1}核算要素`
                            }
                            if (!item.curCode) {
                                sum += ` 应收序号${item.$index + 1}币种`
                            }
                        }
                        for (let item of this.form.feeCenterListC) {
                            if (!item.corpId) {
                                sum += ` 应付序号${item.$index + 1}往来单位`
                            }
                            if (!item.feeId) {
                                sum += ` 应付序号${item.$index + 1}费用简称`
                            }
                            if (!item.elementsCode) {
                                sum += ` 应付序号${item.$index + 1}核算要素`
                            }
                            if (!item.curCode) {
                                sum += ` 应付序号${item.$index + 1}币种`
                            }
                        }
                        if(sum != '请填写') {
                            this.$confirm(sum, {
                                confirmButtonText: "确定",
                                cancelButtonText: "取消",
                                type: "warning"
                            })
                            return;
                        }
                        // 赋值 ETD 日期
                        this.form.billDate = this.form.etd?this.form.etd.slice(0,10) + ' 00:00:00':null // 单据日期
                        // 调用保存接口
                        this.billsSubmitfun()
                    }
                })
            },
            // 主表保存接口大保存
            billsSubmitfun(){
                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'
                // 把拼接的数据拆开 开始 🐒🐒🐒🐒🐒🐒🐒🐒🐒🐒🐒🐒🐒🐒
                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)
                }).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){
                const res = await billsDetail(id)
                this.form = 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
                // }
                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
                }
                // 文件中心
                for(let item of this.form.filesList) {
                    this.$set(item,'edit',false)
                }

            },
            // 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 corpType = '1712285382575398914,1712285645314990082,1712285842321448962,1712286433378574338'
                    getBcorpslistByType(1,10,{cnName:this.form.coloaderCnName,corpType}).then(res=>{
                        this.form.coloaderCnName = this.form.coloaderCnName + ' - ' + res.data.data.records[0].code
                    })
                }
                // 船公司
                if (this.form.carrierCnName) {
                    let corpType = '1712286570540703745'
                    getBcorpslistByType(1,10,{cnName:this.form.carrierCnName,corpType}).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>
.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>