|
|
@@ -1,737 +1,1572 @@
|
|
|
<template>
|
|
|
- <div>
|
|
|
- <el-form :model="assemblyForm" ref="form" label-width="90px" class="demo-ruleForm" :disabled="disabled">
|
|
|
- <el-row>
|
|
|
- <el-button icon="el-icon-plus" size="small" type="primary" style="margin: 5px;"
|
|
|
- @click="openHmmEdi">现代EDI</el-button>
|
|
|
- </el-row>
|
|
|
- <el-row>
|
|
|
- <el-col :span="12">
|
|
|
- <el-row>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="ERNNO" prop="ediErnno">
|
|
|
- <span slot="label">
|
|
|
- <span style="color: #1e9fff">ERNNO</span>
|
|
|
- </span>
|
|
|
- <el-input type="age" style="width: 100%;" v-model="assemblyForm.detail.ediErnno"
|
|
|
- size="small" autocomplete="off" :disabled="detailData.seeDisabled" clearable
|
|
|
- placeholder="请输入ERNNO"></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="VAENO" prop="ediVaeno">
|
|
|
- <span slot="label">
|
|
|
- <span style="color: #1e9fff">VAENO</span>
|
|
|
- </span>
|
|
|
- <el-input type="age" style="width: 100%;" v-model="assemblyForm.detail.ediVaeno"
|
|
|
- size="small" autocomplete="off" :disabled="detailData.seeDisabled" clearable
|
|
|
- placeholder="请输入VAENO"></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <el-row>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="TACNO" prop="ediTacno">
|
|
|
- <span slot="label">
|
|
|
- <span style="color: #1e9fff">TACNO</span>
|
|
|
- </span>
|
|
|
- <el-input type="age" style="width: 100%;" v-model="assemblyForm.detail.ediTacno"
|
|
|
- size="small" autocomplete="off" :disabled="detailData.seeDisabled" clearable
|
|
|
- placeholder="请输入TACNO"></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="IEMAL" prop="ediIemail">
|
|
|
- <span slot="label">
|
|
|
- <span style="color: #1e9fff">IEMAL</span>
|
|
|
- </span>
|
|
|
- <el-input type="age" style="width: 100%;" v-model="assemblyForm.detail.ediIemail"
|
|
|
- size="small" autocomplete="off" :disabled="detailData.seeDisabled" clearable
|
|
|
- placeholder="请输入IEMAL"></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <el-row>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="自定义1" prop="userDefine1">
|
|
|
- <span slot="label">
|
|
|
- <span style="color: #1e9fff">自定义1</span>
|
|
|
- </span>
|
|
|
- <el-input type="age" style="width: 100%;" v-model="assemblyForm.hmmEdi.userDefine1"
|
|
|
- size="small" autocomplete="off" :disabled="detailData.seeDisabled" clearable
|
|
|
- placeholder=""></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="自定义2" prop="userDefine2">
|
|
|
- <span slot="label">
|
|
|
- <span style="color: #1e9fff">自定义2</span>
|
|
|
- </span>
|
|
|
- <el-input type="age" style="width: 100%;" v-model="assemblyForm.hmmEdi.userDefine2"
|
|
|
- size="small" autocomplete="off" :disabled="detailData.seeDisabled" clearable
|
|
|
- placeholder=""></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <!-- 此处不再重复显示
|
|
|
+ <div>
|
|
|
+ <!-- :disabled="disabled"-->
|
|
|
+ <el-form :model="assemblyForm" ref="form" label-width="90px" class="demo-ruleForm">
|
|
|
+ <el-row>
|
|
|
+ <el-button icon="iconfont iconicon_dispose" size="small" type="primary" style="margin: 5px" @click="openHmmEdi">HMM 欧洲申报</el-button>
|
|
|
+ <el-button icon="iconfont iconicon_addressbook" size="small" type="primary" style="margin: 5px" @click="openCMAENSEdi"
|
|
|
+ >CMA ENS 申报</el-button
|
|
|
+ >
|
|
|
+ <el-button icon="iconfont iconicon_addressbook" size="small" type="primary" style="margin: 5px" @click="openHLAGICS2Edi"
|
|
|
+ >HLAG ICS2 申报</el-button
|
|
|
+ >
|
|
|
+ <!-- <span>disabled: {{disabled}}</span>-->
|
|
|
+ </el-row>
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="ERNNO" prop="ediErnno">
|
|
|
+ <span slot="label">
|
|
|
+ <span style="color: #1e9fff">ERNNO</span>
|
|
|
+ </span>
|
|
|
+ <el-input
|
|
|
+ type="age"
|
|
|
+ style="width: 100%"
|
|
|
+ v-model="assemblyForm.detail.ediErnno"
|
|
|
+ size="small"
|
|
|
+ autocomplete="off"
|
|
|
+ :disabled="disabled"
|
|
|
+ clearable
|
|
|
+ placeholder="请输入ERNNO"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="VAENO" prop="ediVaeno">
|
|
|
+ <span slot="label">
|
|
|
+ <span style="color: #1e9fff">VAENO</span>
|
|
|
+ </span>
|
|
|
+ <el-input
|
|
|
+ type="age"
|
|
|
+ style="width: 100%"
|
|
|
+ v-model="assemblyForm.detail.ediVaeno"
|
|
|
+ size="small"
|
|
|
+ autocomplete="off"
|
|
|
+ :disabled="disabled"
|
|
|
+ clearable
|
|
|
+ placeholder="请输入VAENO"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="TACNO" prop="ediTacno">
|
|
|
+ <span slot="label">
|
|
|
+ <span style="color: #1e9fff">TACNO</span>
|
|
|
+ </span>
|
|
|
+ <el-input
|
|
|
+ type="age"
|
|
|
+ style="width: 100%"
|
|
|
+ v-model="assemblyForm.detail.ediTacno"
|
|
|
+ size="small"
|
|
|
+ autocomplete="off"
|
|
|
+ :disabled="disabled"
|
|
|
+ clearable
|
|
|
+ placeholder="请输入TACNO"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="IEMAL" prop="ediIemail">
|
|
|
+ <span slot="label">
|
|
|
+ <span style="color: #1e9fff">IEMAL</span>
|
|
|
+ </span>
|
|
|
+ <el-input
|
|
|
+ type="age"
|
|
|
+ style="width: 100%"
|
|
|
+ v-model="assemblyForm.detail.ediIemail"
|
|
|
+ size="small"
|
|
|
+ autocomplete="off"
|
|
|
+ :disabled="disabled"
|
|
|
+ clearable
|
|
|
+ placeholder="请输入IEMAL"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="自定义1" prop="userDefine1">
|
|
|
+ <span slot="label">
|
|
|
+ <span style="color: #1e9fff">自定义1</span>
|
|
|
+ </span>
|
|
|
+ <el-input
|
|
|
+ type="age"
|
|
|
+ style="width: 100%"
|
|
|
+ v-model="assemblyForm.hmmEdi.userDefine1"
|
|
|
+ size="small"
|
|
|
+ autocomplete="off"
|
|
|
+ :disabled="disabled"
|
|
|
+ clearable
|
|
|
+ placeholder=""
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="自定义2" prop="userDefine2">
|
|
|
+ <span slot="label">
|
|
|
+ <span style="color: #1e9fff">自定义2</span>
|
|
|
+ </span>
|
|
|
+ <el-input
|
|
|
+ type="age"
|
|
|
+ style="width: 100%"
|
|
|
+ v-model="assemblyForm.hmmEdi.userDefine2"
|
|
|
+ size="small"
|
|
|
+ autocomplete="off"
|
|
|
+ :disabled="disabled"
|
|
|
+ clearable
|
|
|
+ placeholder=""
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <!-- 此处不再重复显示
|
|
|
<el-form-item label="订舱备注" prop="bookingRemarks">
|
|
|
<span slot="label">
|
|
|
<span style="color: #1e9fff">订舱备注</span>
|
|
|
</span>
|
|
|
<el-input type="textarea" style="width: 100%;" v-model="assemblyForm.bookingRemarks"
|
|
|
- size="small" autocomplete="off" :disabled="detailData.seeDisabled" rows="3" clearable
|
|
|
+ size="small" autocomplete="off" :disabled="disabled" rows="3" clearable
|
|
|
placeholder="请输入订舱备注"></el-input>
|
|
|
</el-form-item>
|
|
|
-->
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-row>
|
|
|
- <!--<el-col :span="12">-->
|
|
|
- <!-- <el-form-item label="ACINO" prop="ediIegstin" >-->
|
|
|
- <!-- <el-input type="age" style="width: 100%;" v-model="assemblyForm.ediIegstin"-->
|
|
|
- <!-- size="small" autocomplete="off"-->
|
|
|
- <!-- :disabled="detailData.seeDisabled"-->
|
|
|
- <!-- clearable placeholder="请输入ACINO" ></el-input>-->
|
|
|
- <!-- </el-form-item>-->
|
|
|
- <!--</el-col>-->
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="IEIEC" prop="ediIeiec">
|
|
|
- <span slot="label">
|
|
|
- <span style="color: #1e9fff">IEIEC</span>
|
|
|
- </span>
|
|
|
- <el-input type="age" style="width: 100%;" v-model="assemblyForm.detail.ediIeiec"
|
|
|
- size="small" autocomplete="off" :disabled="detailData.seeDisabled" clearable
|
|
|
- placeholder="请输入IEIEC"></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="IEGSTIN" prop="ediIegstin">
|
|
|
- <span slot="label">
|
|
|
- <span style="color: #1e9fff">IEGSTIN</span>
|
|
|
- </span>
|
|
|
- <el-input type="age" style="width: 100%;" v-model="assemblyForm.detail.ediIegstin"
|
|
|
- size="small" autocomplete="off" :disabled="detailData.seeDisabled" clearable
|
|
|
- placeholder="请输入IEGSTIN"></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <el-row>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="PIL HBL" prop="pilHbl">
|
|
|
- <span slot="label">
|
|
|
- <span style="color: #1e9fff">PIL HBL</span>
|
|
|
- </span>
|
|
|
- <search-query :datalist="pilHblData" :selectValue="assemblyForm.pilHbl"
|
|
|
- :clearable="true" :disabled="detailData.seeDisabled" :buttonIf="false"
|
|
|
- :forParameter="{ key: 'dictKey', label: 'dictValue', value: 'dictKey', }"
|
|
|
- placeholder="请选择PIL HBL" @corpChange="pilHblChange" @corpFocus="pilHblfun">
|
|
|
- </search-query>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <el-row>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="自定义3" prop="userDefine3">
|
|
|
- <span slot="label">
|
|
|
- <span style="color: #1e9fff">自定义3</span>
|
|
|
- </span>
|
|
|
- <el-input type="age" style="width: 100%;" v-model="assemblyForm.hmmEdi.userDefine3"
|
|
|
- size="small" autocomplete="off" :disabled="detailData.seeDisabled" clearable
|
|
|
- placeholder=""></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="自定义4" prop="userDefine4">
|
|
|
- <span slot="label">
|
|
|
- <span style="color: #1e9fff">自定义4</span>
|
|
|
- </span>
|
|
|
- <el-input type="age" style="width: 100%;" v-model="assemblyForm.hmmEdi.userDefine4"
|
|
|
- size="small" autocomplete="off" :disabled="detailData.seeDisabled" clearable
|
|
|
- placeholder=""></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <!-- 此处不再重复显示
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-row>
|
|
|
+ <!--<el-col :span="12">-->
|
|
|
+ <!-- <el-form-item label="ACINO" prop="ediIegstin" >-->
|
|
|
+ <!-- <el-input type="age" style="width: 100%;" v-model="assemblyForm.ediIegstin"-->
|
|
|
+ <!-- size="small" autocomplete="off"-->
|
|
|
+ <!-- :disabled="disabled"-->
|
|
|
+ <!-- clearable placeholder="请输入ACINO" ></el-input>-->
|
|
|
+ <!-- </el-form-item>-->
|
|
|
+ <!--</el-col>-->
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="IEIEC" prop="ediIeiec">
|
|
|
+ <span slot="label">
|
|
|
+ <span style="color: #1e9fff">IEIEC</span>
|
|
|
+ </span>
|
|
|
+ <el-input
|
|
|
+ type="age"
|
|
|
+ style="width: 100%"
|
|
|
+ v-model="assemblyForm.detail.ediIeiec"
|
|
|
+ size="small"
|
|
|
+ autocomplete="off"
|
|
|
+ :disabled="disabled"
|
|
|
+ clearable
|
|
|
+ placeholder="请输入IEIEC"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="IEGSTIN" prop="ediIegstin">
|
|
|
+ <span slot="label">
|
|
|
+ <span style="color: #1e9fff">IEGSTIN</span>
|
|
|
+ </span>
|
|
|
+ <el-input
|
|
|
+ type="age"
|
|
|
+ style="width: 100%"
|
|
|
+ v-model="assemblyForm.detail.ediIegstin"
|
|
|
+ size="small"
|
|
|
+ autocomplete="off"
|
|
|
+ :disabled="disabled"
|
|
|
+ clearable
|
|
|
+ placeholder="请输入IEGSTIN"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="PIL HBL" prop="pilHbl">
|
|
|
+ <span slot="label">
|
|
|
+ <span style="color: #1e9fff">PIL HBL</span>
|
|
|
+ </span>
|
|
|
+ <search-query
|
|
|
+ :datalist="pilHblData"
|
|
|
+ :selectValue="assemblyForm.pilHbl"
|
|
|
+ :clearable="true"
|
|
|
+ :disabled="disabled"
|
|
|
+ :buttonIf="false"
|
|
|
+ :forParameter="{ key: 'dictKey', label: 'dictValue', value: 'dictKey' }"
|
|
|
+ placeholder="请选择PIL HBL"
|
|
|
+ @corpChange="pilHblChange"
|
|
|
+ @corpFocus="pilHblfun"
|
|
|
+ >
|
|
|
+ </search-query>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="自定义3" prop="userDefine3">
|
|
|
+ <span slot="label">
|
|
|
+ <span style="color: #1e9fff">自定义3</span>
|
|
|
+ </span>
|
|
|
+ <el-input
|
|
|
+ type="age"
|
|
|
+ style="width: 100%"
|
|
|
+ v-model="assemblyForm.hmmEdi.userDefine3"
|
|
|
+ size="small"
|
|
|
+ autocomplete="off"
|
|
|
+ :disabled="disabled"
|
|
|
+ clearable
|
|
|
+ placeholder=""
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="自定义4" prop="userDefine4">
|
|
|
+ <span slot="label">
|
|
|
+ <span style="color: #1e9fff">自定义4</span>
|
|
|
+ </span>
|
|
|
+ <el-input
|
|
|
+ type="age"
|
|
|
+ style="width: 100%"
|
|
|
+ v-model="assemblyForm.hmmEdi.userDefine4"
|
|
|
+ size="small"
|
|
|
+ autocomplete="off"
|
|
|
+ :disabled="disabled"
|
|
|
+ clearable
|
|
|
+ placeholder=""
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <!-- 此处不再重复显示
|
|
|
<el-form-item label="SI备注" prop="siRemarks">
|
|
|
<span slot="label">
|
|
|
<span style="color: #1e9fff">SI备注</span>
|
|
|
</span>
|
|
|
<el-input type="textarea" style="width: 100%;" v-model="assemblyForm.siRemarks" size="small"
|
|
|
- autocomplete="off" :disabled="detailData.seeDisabled" rows="3" clearable
|
|
|
+ autocomplete="off" :disabled="disabled" rows="3" clearable
|
|
|
placeholder="请输入SI备注"></el-input>
|
|
|
</el-form-item>
|
|
|
-->
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- </el-form>
|
|
|
- <el-dialog title="HMM EDI信息" :visible.sync="dialogVisible" width="70%" :modal="false" :append-to-body="true">
|
|
|
- <avue-form :option="hmmOption" v-model="assemblyForm.hmmEdi" @submit="submitHmm" @reset-change="dialogVisible = false">
|
|
|
- <tempalte slot="applicant" slot-scope="{ row }">
|
|
|
- <el-input v-model="assemblyForm.hmmEdi.applicant" placeholder="请输入 补充申报人" @input="upperCas('applicant',assemblyForm.hmmEdi.applicant)"></el-input>
|
|
|
- </tempalte>
|
|
|
- <tempalte slot="shipperCode" slot-scope="{ row }">
|
|
|
- <el-input v-model="assemblyForm.hmmEdi.shipperCode" placeholder="请输入 发货人代码" @input="upperCas('shipperCode',assemblyForm.hmmEdi.shipperCode)"></el-input>
|
|
|
- </tempalte>
|
|
|
- <tempalte slot="actualShipperCode" slot-scope="{ row }">
|
|
|
- <el-input v-model="assemblyForm.hmmEdi.actualShipperCode" placeholder="请输入 实际发货人代码" @input="upperCas('actualShipperCode',assemblyForm.hmmEdi.actualShipperCode)"></el-input>
|
|
|
- </tempalte>
|
|
|
- <tempalte slot="consigneeCode" slot-scope="{ row }">
|
|
|
- <el-input v-model="assemblyForm.hmmEdi.consigneeCode" placeholder="请输入 收货人代码" @input="upperCas('consigneeCode',assemblyForm.hmmEdi.consigneeCode)"></el-input>
|
|
|
- </tempalte>
|
|
|
- <tempalte slot="notifierCode" slot-scope="{ row }">
|
|
|
- <el-input v-model="assemblyForm.hmmEdi.notifierCode" placeholder="请输入 通知人代码" @input="upperCas('notifierCode',assemblyForm.hmmEdi.notifierCode)"></el-input>
|
|
|
- </tempalte>
|
|
|
- <tempalte slot="actualConsigneeCode" slot-scope="{ row }">
|
|
|
- <el-input v-model="assemblyForm.hmmEdi.actualConsigneeCode" placeholder="请输入 实际收货人代码" @input="upperCas('actualConsigneeCode',assemblyForm.hmmEdi.actualConsigneeCode)"></el-input>
|
|
|
- </tempalte>
|
|
|
- </avue-form>
|
|
|
- </el-dialog>
|
|
|
- </div>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </el-form>
|
|
|
+
|
|
|
+ <el-dialog
|
|
|
+ :title="'HMM 欧洲申报信息' + dialogTitle"
|
|
|
+ :visible.sync="dialogVisible"
|
|
|
+ width="70%"
|
|
|
+ :modal="false"
|
|
|
+ :append-to-body="true"
|
|
|
+ v-dialog-drag
|
|
|
+ @close="handleDialogClose"
|
|
|
+ :before-close="handleBeforeClose"
|
|
|
+ >
|
|
|
+ <avue-form :option="hmmOption" v-model="assemblyForm.hmmEdi" @submit="submitHmm" @reset-change="dialogVisible = false">
|
|
|
+ <tempalte slot="applicant" slot-scope="{ row }">
|
|
|
+ <el-input
|
|
|
+ v-model="assemblyForm.hmmEdi.applicant"
|
|
|
+ placeholder="请输入 补充申报人"
|
|
|
+ :disabled="disabled"
|
|
|
+ @input="upperCas('applicant', assemblyForm.hmmEdi.applicant)"
|
|
|
+ ></el-input>
|
|
|
+ </tempalte>
|
|
|
+ <tempalte slot="shipperCode" slot-scope="{ row }">
|
|
|
+ <el-input
|
|
|
+ v-model="assemblyForm.hmmEdi.shipperCode"
|
|
|
+ placeholder="请输入 发货人代码"
|
|
|
+ :disabled="disabled"
|
|
|
+ @input="upperCas('shipperCode', assemblyForm.hmmEdi.shipperCode)"
|
|
|
+ ></el-input>
|
|
|
+ </tempalte>
|
|
|
+ <tempalte slot="actualShipperCode" slot-scope="{ row }">
|
|
|
+ <el-input
|
|
|
+ v-model="assemblyForm.hmmEdi.actualShipperCode"
|
|
|
+ placeholder="请输入 实际发货人代码"
|
|
|
+ :disabled="disabled"
|
|
|
+ @input="upperCas('actualShipperCode', assemblyForm.hmmEdi.actualShipperCode)"
|
|
|
+ ></el-input>
|
|
|
+ </tempalte>
|
|
|
+ <tempalte slot="consigneeCode" slot-scope="{ row }">
|
|
|
+ <el-input
|
|
|
+ v-model="assemblyForm.hmmEdi.consigneeCode"
|
|
|
+ placeholder="请输入 收货人代码"
|
|
|
+ :disabled="disabled"
|
|
|
+ @input="upperCas('consigneeCode', assemblyForm.hmmEdi.consigneeCode)"
|
|
|
+ ></el-input>
|
|
|
+ </tempalte>
|
|
|
+ <tempalte slot="notifierCode" slot-scope="{ row }">
|
|
|
+ <el-input
|
|
|
+ v-model="assemblyForm.hmmEdi.notifierCode"
|
|
|
+ placeholder="请输入 通知人代码"
|
|
|
+ :disabled="disabled"
|
|
|
+ @input="upperCas('notifierCode', assemblyForm.hmmEdi.notifierCode)"
|
|
|
+ ></el-input>
|
|
|
+ </tempalte>
|
|
|
+ <tempalte slot="actualConsigneeCode" slot-scope="{ row }">
|
|
|
+ <el-input
|
|
|
+ v-model="assemblyForm.hmmEdi.actualConsigneeCode"
|
|
|
+ placeholder="请输入 实际收货人代码"
|
|
|
+ :disabled="disabled"
|
|
|
+ @input="upperCas('actualConsigneeCode', assemblyForm.hmmEdi.actualConsigneeCode)"
|
|
|
+ ></el-input>
|
|
|
+ </tempalte>
|
|
|
+ </avue-form>
|
|
|
+ </el-dialog>
|
|
|
+
|
|
|
+ <el-dialog
|
|
|
+ :title="'CMA ENS 申报信息' + dialogTitle"
|
|
|
+ :visible.sync="dialogVisibleCMA_ENS"
|
|
|
+ width="70%"
|
|
|
+ :modal="false"
|
|
|
+ :append-to-body="true"
|
|
|
+ v-dialog-drag
|
|
|
+ @close="handleDialogClose"
|
|
|
+ :before-close="handleBeforeClose"
|
|
|
+ >
|
|
|
+ <avue-form :option="cmaENSOption" v-model="assemblyForm.hmmEdi" @submit="submitHmm" @reset-change="dialogVisibleCMA_ENS = false">
|
|
|
+ <tempalte slot="hblPlaceReceiptName" slot-scope="{ row }">
|
|
|
+ <search-query
|
|
|
+ :datalist="hblPlaceReceiptData"
|
|
|
+ :selectValue="assemblyForm.hmmEdi.hblPlaceReceiptName"
|
|
|
+ :filterable="true"
|
|
|
+ :clearable="true"
|
|
|
+ :remote="true"
|
|
|
+ :joinData="true"
|
|
|
+ :special="true"
|
|
|
+ :disabled="disabled"
|
|
|
+ :buttonIf="false"
|
|
|
+ placeholder="请选择 HBL 收货地"
|
|
|
+ :forParameter="{ key: 'id', short: 'code', label: 'enName', value: 'enName' }"
|
|
|
+ :multi-columns="true"
|
|
|
+ :dropdown-columns="portDorpdownColumns"
|
|
|
+ @remoteMethod="remoteMethod($event, 'hblPlaceReceipt')"
|
|
|
+ @corpChange="corpChange($event, 'hblPlaceReceipt')"
|
|
|
+ @corpFocus="remoteMethod($event, 'hblPlaceReceipt')"
|
|
|
+ >
|
|
|
+ </search-query>
|
|
|
+ </tempalte>
|
|
|
+ <tempalte slot="hblPlaceDeliveryName" slot-scope="{ row }">
|
|
|
+ <search-query
|
|
|
+ :datalist="hblPlaceDeliveryData"
|
|
|
+ :selectValue="assemblyForm.hmmEdi.hblPlaceDeliveryName"
|
|
|
+ :filterable="true"
|
|
|
+ :clearable="true"
|
|
|
+ :remote="true"
|
|
|
+ :joinData="true"
|
|
|
+ :special="true"
|
|
|
+ :disabled="disabled"
|
|
|
+ :buttonIf="false"
|
|
|
+ placeholder="请选择 HBL 收货地"
|
|
|
+ :forParameter="{ key: 'id', short: 'code', label: 'enName', value: 'enName' }"
|
|
|
+ :multi-columns="true"
|
|
|
+ :dropdown-columns="portDorpdownColumns"
|
|
|
+ @remoteMethod="remoteMethod($event, 'hblPlaceDelivery')"
|
|
|
+ @corpChange="corpChange($event, 'hblPlaceDelivery')"
|
|
|
+ @corpFocus="remoteMethod($event, 'hblPlaceDelivery')"
|
|
|
+ >
|
|
|
+ </search-query>
|
|
|
+ </tempalte>
|
|
|
+ </avue-form>
|
|
|
+ </el-dialog>
|
|
|
+
|
|
|
+ <el-dialog
|
|
|
+ :title="'HLAG ICS2 申报信息' + dialogTitle"
|
|
|
+ :visible.sync="dialogVisibleHLAG_ICS2"
|
|
|
+ width="70%"
|
|
|
+ :modal="false"
|
|
|
+ :append-to-body="true"
|
|
|
+ v-dialog-drag
|
|
|
+ @close="handleDialogClose"
|
|
|
+ :before-close="handleBeforeClose"
|
|
|
+ >
|
|
|
+ <avue-form :option="hlagICS2Option" v-model="assemblyForm.hmmEdi" @submit="submitHmm" @reset-change="dialogVisibleHLAG_ICS2 = false">
|
|
|
+ </avue-form>
|
|
|
+ </el-dialog>
|
|
|
+ </div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
import SearchQuery from "@/components/iosbasic-data/searchquery.vue";
|
|
|
import { getWorkDicts } from "@/api/system/dictbiz";
|
|
|
+import { bportsList } from "@/api/iosBasicData/bports";
|
|
|
|
|
|
export default {
|
|
|
- components: { SearchQuery },
|
|
|
- props: {
|
|
|
- assemblyForm: {
|
|
|
- type: Object
|
|
|
- },
|
|
|
- detailData: {
|
|
|
- type: Boolean,
|
|
|
- },
|
|
|
- disabled: {
|
|
|
- type: Boolean,
|
|
|
- default: false
|
|
|
+ components: { SearchQuery },
|
|
|
+ props: {
|
|
|
+ assemblyForm: {
|
|
|
+ type: Object,
|
|
|
+ },
|
|
|
+ detailData: {
|
|
|
+ type: Boolean,
|
|
|
+ },
|
|
|
+ disabled: {
|
|
|
+ type: Boolean,
|
|
|
+ default: false,
|
|
|
+ },
|
|
|
+ },
|
|
|
+ data() {
|
|
|
+ var validateVariable = (rule, value, callback) => {
|
|
|
+ if (!value) {
|
|
|
+ callback();
|
|
|
+ }
|
|
|
+ const regex = /^[A-Z]{2}[A-Z0-9]{1,15}$/;
|
|
|
+ if (!regex.test(value)) {
|
|
|
+ callback(new Error("长度应为 3~17 个字符，不能出现特殊符号"));
|
|
|
+ }
|
|
|
+ callback();
|
|
|
+ };
|
|
|
+ return {
|
|
|
+ pilHblData: [],
|
|
|
+ reload: Math.random(),
|
|
|
+ dialogVisible: false,
|
|
|
+ dialogVisibleCMA_ENS: false,
|
|
|
+ dialogVisibleHLAG_ICS2: false,
|
|
|
+ dialogTitle: "",
|
|
|
+ hblPlaceReceiptData: [],
|
|
|
+ hblPlaceDeliveryData: [],
|
|
|
+ // 港口下拉列
|
|
|
+ portDorpdownColumns: [],
|
|
|
+ savedHmmEdi: undefined,
|
|
|
+ hmmOption: {
|
|
|
+ submitBtn: !this.disabled,
|
|
|
+ submitText: "确定",
|
|
|
+ emptyBtn: false,
|
|
|
+ emptyText: "取消",
|
|
|
+ labelWidth: 130,
|
|
|
+ column: [
|
|
|
+ {
|
|
|
+ label: "欧线ENS申报标识",
|
|
|
+ span: 8,
|
|
|
+ prop: "emsDeclarationIdentification",
|
|
|
+ type: "select",
|
|
|
+ disabled: this.disabled,
|
|
|
+ value: "B",
|
|
|
+ dicUrl: "/api/blade-system/dict-biz/dictionary?code=ENS_Identification",
|
|
|
+ props: {
|
|
|
+ label: "dictValue",
|
|
|
+ value: "dictKey",
|
|
|
+ },
|
|
|
+ rules: [
|
|
|
+ {
|
|
|
+ required: true,
|
|
|
+ message: "请输入欧线ENS申报标识",
|
|
|
+ trigger: "blur",
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "舱单类型",
|
|
|
+ span: 8,
|
|
|
+ prop: "manifestType",
|
|
|
+ type: "select",
|
|
|
+ disabled: this.disabled,
|
|
|
+ dicUrl: "/api/blade-system/dict-biz/dictionary?code=manifest_Type",
|
|
|
+ props: {
|
|
|
+ label: "dictValue",
|
|
|
+ value: "dictKey",
|
|
|
+ },
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "",
|
|
|
+ span: 8,
|
|
|
+ prop: "europeanLineSign",
|
|
|
+ type: "checkbox",
|
|
|
+ disabled: this.disabled,
|
|
|
+ dataType: "string",
|
|
|
+ dicData: [
|
|
|
+ {
|
|
|
+ label: "欧线标识",
|
|
|
+ value: 1,
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "补充申报人",
|
|
|
+ span: 12,
|
|
|
+ prop: "applicant",
|
|
|
+ disabled: this.disabled,
|
|
|
+ row: true,
|
|
|
+ rules: [{ validator: validateVariable, trigger: "blur" }],
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "发货人代码",
|
|
|
+ span: 12,
|
|
|
+ prop: "shipperCode",
|
|
|
+ disabled: this.disabled,
|
|
|
+ rules: [{ validator: validateVariable, trigger: "blur" }],
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "实际发货人代码",
|
|
|
+ span: 12,
|
|
|
+ prop: "actualShipperCode",
|
|
|
+ disabled: this.disabled,
|
|
|
+ rules: [{ validator: validateVariable, trigger: "blur" }],
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "发货人邮政信箱",
|
|
|
+ span: 12,
|
|
|
+ prop: "shipperEmail",
|
|
|
+ disabled: this.disabled,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "实际发货人名称",
|
|
|
+ span: 12,
|
|
|
+ prop: "actualShipperName",
|
|
|
+ disabled: this.disabled,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "发货人街道号码",
|
|
|
+ span: 12,
|
|
|
+ prop: "shipperStreetNo",
|
|
|
+ disabled: this.disabled,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "实际发货人地址",
|
|
|
+ span: 12,
|
|
|
+ prop: "actualShipperAddress",
|
|
|
+ disabled: this.disabled,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "发货人街道名称",
|
|
|
+ span: 12,
|
|
|
+ prop: "shipperStreetName",
|
|
|
+ disabled: this.disabled,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "实际发货人邮政信箱",
|
|
|
+ span: 12,
|
|
|
+ prop: "actualShipperEmail",
|
|
|
+ disabled: this.disabled,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "发货人邮政编码",
|
|
|
+ span: 12,
|
|
|
+ prop: "shipperPostalCode",
|
|
|
+ disabled: this.disabled,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "实际发货人街道号码",
|
|
|
+ span: 12,
|
|
|
+ prop: "actualShipperStreetNo",
|
|
|
+ disabled: this.disabled,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "收货人代码",
|
|
|
+ span: 12,
|
|
|
+ prop: "consigneeCode",
|
|
|
+ disabled: this.disabled,
|
|
|
+ rules: [{ validator: validateVariable, trigger: "blur" }],
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "实际发货人街道名称",
|
|
|
+ span: 12,
|
|
|
+ prop: "actualShipperStreetName",
|
|
|
+ disabled: this.disabled,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "收货人邮政信箱",
|
|
|
+ span: 12,
|
|
|
+ prop: "consigneeEmail",
|
|
|
+ disabled: this.disabled,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "实际发货人邮政编码",
|
|
|
+ span: 12,
|
|
|
+ prop: "actualShipperPostalCode",
|
|
|
+ disabled: this.disabled,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "收货人街道号码",
|
|
|
+ span: 12,
|
|
|
+ prop: "consigneeStreetNo",
|
|
|
+ disabled: this.disabled,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "实际收货人代码",
|
|
|
+ span: 12,
|
|
|
+ prop: "actualConsigneeCode",
|
|
|
+ disabled: this.disabled,
|
|
|
+ rules: [{ validator: validateVariable, trigger: "blur" }],
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "收货人街道名称",
|
|
|
+ span: 12,
|
|
|
+ prop: "consigneeStreetName",
|
|
|
+ disabled: this.disabled,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "实际收货人名称",
|
|
|
+ span: 12,
|
|
|
+ prop: "actualConsigneeName",
|
|
|
+ disabled: this.disabled,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "收货人邮政编码",
|
|
|
+ span: 12,
|
|
|
+ prop: "consigneePostalCode",
|
|
|
+ disabled: this.disabled,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "实际收货人地址",
|
|
|
+ span: 12,
|
|
|
+ prop: "actualConsigneeAddress",
|
|
|
+ disabled: this.disabled,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "通知人代码",
|
|
|
+ span: 12,
|
|
|
+ prop: "notifierCode",
|
|
|
+ disabled: this.disabled,
|
|
|
+ rules: [{ validator: validateVariable, trigger: "blur" }],
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "实际收货人邮政信箱",
|
|
|
+ span: 12,
|
|
|
+ prop: "actualConsigneeEmail",
|
|
|
+ disabled: this.disabled,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "通知人邮政信箱",
|
|
|
+ span: 12,
|
|
|
+ prop: "notifierEmail",
|
|
|
+ disabled: this.disabled,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "实际收货人街道号码",
|
|
|
+ span: 12,
|
|
|
+ prop: "actualConsigneeStreetNo",
|
|
|
+ disabled: this.disabled,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "通知人街道号码",
|
|
|
+ span: 12,
|
|
|
+ prop: "notifierStreetNo",
|
|
|
+ disabled: this.disabled,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "实际收货人街道名称",
|
|
|
+ span: 12,
|
|
|
+ prop: "actualConsigneeStreetName",
|
|
|
+ disabled: this.disabled,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "通知人街道名称",
|
|
|
+ span: 12,
|
|
|
+ prop: "notifierStreetName",
|
|
|
+ disabled: this.disabled,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "实际收货人邮政编码",
|
|
|
+ span: 12,
|
|
|
+ prop: "actualConsigneePostalCode",
|
|
|
+ disabled: this.disabled,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "通知人电话",
|
|
|
+ span: 12,
|
|
|
+ prop: "notifierTel",
|
|
|
+ disabled: this.disabled,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "化工品标识",
|
|
|
+ span: 12,
|
|
|
+ prop: "chemicalIdentification",
|
|
|
+ type: "select",
|
|
|
+ disabled: this.disabled,
|
|
|
+ dicUrl: "/api/blade-system/dict-biz/dictionary?code=chemical_Identification",
|
|
|
+ props: {
|
|
|
+ label: "dictValue",
|
|
|
+ value: "dictKey",
|
|
|
+ },
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "通知人邮政编码",
|
|
|
+ span: 12,
|
|
|
+ prop: "notifierPostalCode",
|
|
|
+ disabled: this.disabled,
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ },
|
|
|
+ cmaENSOption: {
|
|
|
+ submitBtn: !this.disabled,
|
|
|
+ submitText: "确定",
|
|
|
+ emptyBtn: false,
|
|
|
+ emptyText: "取消",
|
|
|
+ labelWidth: 110,
|
|
|
+ column: [
|
|
|
+ {
|
|
|
+ label: "ENS申报方式",
|
|
|
+ span: 6,
|
|
|
+ prop: "ensFillingFlag",
|
|
|
+ type: "select",
|
|
|
+ value: "NONE",
|
|
|
+ disabled: this.disabled,
|
|
|
+ clearable: false,
|
|
|
+ dicUrl: "/api/blade-system/dict-biz/dictionary?code=ENS_FillingFlag",
|
|
|
+ props: {
|
|
|
+ label: "dictValue",
|
|
|
+ value: "dictKey",
|
|
|
+ },
|
|
|
+ rules: [
|
|
|
+ {
|
|
|
+ required: true,
|
|
|
+ message: "请输入欧线ENS申报标识",
|
|
|
+ trigger: "blur",
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ row: true,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "补充申报人EORI",
|
|
|
+ span: 6,
|
|
|
+ prop: "applicant",
|
|
|
+ disabled: this.disabled,
|
|
|
+ rules: [{ validator: validateVariable, trigger: "blur" }],
|
|
|
+ ensFillingFlags: "A",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "分单号",
|
|
|
+ span: 6,
|
|
|
+ prop: "ensHblNo",
|
|
|
+ disabled: this.disabled,
|
|
|
+ ensFillingFlags: "A",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "UCR No.",
|
|
|
+ span: 6,
|
|
|
+ prop: "ucrNo",
|
|
|
+ disabled: this.disabled,
|
|
|
+ ensFillingFlags: "BCD",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "CUS CODE",
|
|
|
+ span: 6,
|
|
|
+ prop: "cusCode",
|
|
|
+ row: true,
|
|
|
+ disabled: this.disabled,
|
|
|
+ ensFillingFlags: "BCD",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "HBL收货地",
|
|
|
+ span: 6,
|
|
|
+ prop: "hblPlaceReceiptName",
|
|
|
+ disabled: this.disabled,
|
|
|
+ ensFillingFlags: "CD",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "HBL收货地名称",
|
|
|
+ span: 6,
|
|
|
+ prop: "hblPlaceReceiptNamePrint",
|
|
|
+ disabled: this.disabled,
|
|
|
+ ensFillingFlags: "CD",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "HBL交货地",
|
|
|
+ span: 6,
|
|
|
+ prop: "hblPlaceDeliveryName",
|
|
|
+ disabled: this.disabled,
|
|
|
+ ensFillingFlags: "CD",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "HBL交货地名称",
|
|
|
+ span: 6,
|
|
|
+ prop: "hblPlaceDeliveryNamePrint",
|
|
|
+ disabled: this.disabled,
|
|
|
+ ensFillingFlags: "CD",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "HBL发货人",
|
|
|
+ span: 12,
|
|
|
+ prop: "hblShipperDetails",
|
|
|
+ type: "textarea",
|
|
|
+ rows: 5,
|
|
|
+ disabled: this.disabled,
|
|
|
+ ensFillingFlags: "CD",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "卖方",
|
|
|
+ span: 12,
|
|
|
+ prop: "sellerDetails",
|
|
|
+ type: "textarea",
|
|
|
+ rows: 5,
|
|
|
+ disabled: this.disabled,
|
|
|
+ row: true,
|
|
|
+ ensFillingFlags: "BCD",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "HBL发货联系人",
|
|
|
+ span: 6,
|
|
|
+ prop: "actualShipperAttn",
|
|
|
+ disabled: this.disabled,
|
|
|
+ ensFillingFlags: "CD",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "电话",
|
|
|
+ span: 6,
|
|
|
+ prop: "actualShipperAttnTel",
|
|
|
+ disabled: this.disabled,
|
|
|
+ ensFillingFlags: "CD",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "卖方联系人",
|
|
|
+ span: 6,
|
|
|
+ prop: "sellerAttn",
|
|
|
+ disabled: this.disabled,
|
|
|
+ ensFillingFlags: "BCD",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "电话",
|
|
|
+ span: 6,
|
|
|
+ prop: "sellerAttnTel",
|
|
|
+ row: true,
|
|
|
+ disabled: this.disabled,
|
|
|
+ ensFillingFlags: "BCD",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "邮箱",
|
|
|
+ span: 12,
|
|
|
+ prop: "actualShipperAttnEmail",
|
|
|
+ disabled: this.disabled,
|
|
|
+ ensFillingFlags: "CD",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "邮箱",
|
|
|
+ span: 12,
|
|
|
+ prop: "sellerAttnEmail",
|
|
|
+ row: true,
|
|
|
+ disabled: this.disabled,
|
|
|
+ ensFillingFlags: "BCD",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "HBL收货人EORI",
|
|
|
+ span: 12,
|
|
|
+ prop: "hblConsigneeCode",
|
|
|
+ disabled: this.disabled,
|
|
|
+ ensFillingFlags: "CD",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "买方EORI",
|
|
|
+ span: 12,
|
|
|
+ prop: "buyerCode",
|
|
|
+ row: true,
|
|
|
+ disabled: this.disabled,
|
|
|
+ ensFillingFlags: "BCD",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "HBL收货人",
|
|
|
+ span: 12,
|
|
|
+ prop: "hblConsigneeDetails",
|
|
|
+ type: "textarea",
|
|
|
+ rows: 5,
|
|
|
+ disabled: this.disabled,
|
|
|
+ ensFillingFlags: "CD",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "买方",
|
|
|
+ span: 12,
|
|
|
+ prop: "buyerDetails",
|
|
|
+ type: "textarea",
|
|
|
+ rows: 5,
|
|
|
+ row: true,
|
|
|
+ disabled: this.disabled,
|
|
|
+ ensFillingFlags: "BCD",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "HBL收货联系人",
|
|
|
+ span: 6,
|
|
|
+ prop: "actualConsigneeAttn",
|
|
|
+ disabled: this.disabled,
|
|
|
+ ensFillingFlags: "CD",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "电话",
|
|
|
+ span: 6,
|
|
|
+ prop: "actualConsigneeAttnTel",
|
|
|
+ disabled: this.disabled,
|
|
|
+ ensFillingFlags: "CD",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "买方联系人",
|
|
|
+ span: 6,
|
|
|
+ prop: "buyerAttn",
|
|
|
+ disabled: this.disabled,
|
|
|
+ ensFillingFlags: "BCD",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "电话",
|
|
|
+ span: 6,
|
|
|
+ prop: "buyerAttnTel",
|
|
|
+ disabled: this.disabled,
|
|
|
+ row: true,
|
|
|
+ ensFillingFlags: "BCD",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "邮箱",
|
|
|
+ span: 12,
|
|
|
+ prop: "actualConsigneeAttnEmail",
|
|
|
+ disabled: this.disabled,
|
|
|
+ ensFillingFlags: "CD",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "邮箱",
|
|
|
+ span: 12,
|
|
|
+ prop: "buyerAttnEmail",
|
|
|
+ disabled: this.disabled,
|
|
|
+ row: true,
|
|
|
+ ensFillingFlags: "BCD",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "HBL通知人EORI",
|
|
|
+ span: 12,
|
|
|
+ prop: "hblNotifyCode",
|
|
|
+ disabled: this.disabled,
|
|
|
+ row: true,
|
|
|
+ ensFillingFlags: "CD",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "HBL通知人",
|
|
|
+ span: 12,
|
|
|
+ prop: "hblNotifyDetails",
|
|
|
+ type: "textarea",
|
|
|
+ disabled: this.disabled,
|
|
|
+ rows: 5,
|
|
|
+ ensFillingFlags: "CD",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "海关申报货物明细",
|
|
|
+ span: 12,
|
|
|
+ prop: "customsDeclarationGoodsDetails",
|
|
|
+ type: "textarea",
|
|
|
+ disabled: this.disabled,
|
|
|
+ rows: 5,
|
|
|
+ row: true,
|
|
|
+ ensFillingFlags: "BCD",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "HBL通知联系人",
|
|
|
+ span: 6,
|
|
|
+ prop: "actualNotifyAttn",
|
|
|
+ disabled: this.disabled,
|
|
|
+ ensFillingFlags: "CD",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "电话",
|
|
|
+ span: 6,
|
|
|
+ prop: "actualNotifyAttnTel",
|
|
|
+ disabled: this.disabled,
|
|
|
+ row: true,
|
|
|
+ ensFillingFlags: "CD",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "邮箱",
|
|
|
+ span: 12,
|
|
|
+ prop: "actualNotifyAttnEmail",
|
|
|
+ disabled: this.disabled,
|
|
|
+ row: true,
|
|
|
+ ensFillingFlags: "CD",
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ },
|
|
|
+ hlagICS2Option: {
|
|
|
+ submitBtn: !this.disabled,
|
|
|
+ submitText: "确定",
|
|
|
+ emptyBtn: false,
|
|
|
+ emptyText: "取消",
|
|
|
+ labelWidth: 110,
|
|
|
+ column: [
|
|
|
+ {
|
|
|
+ label: "ICS2 申报方式",
|
|
|
+ span: 12,
|
|
|
+ prop: "ics2FillingFlag",
|
|
|
+ type: "select",
|
|
|
+ value: "NONE",
|
|
|
+ disabled: this.disabled,
|
|
|
+ clearable: false,
|
|
|
+ dicUrl: "/api/blade-system/dict-biz/dictionary?code=ENS_FillingFlag_HALG",
|
|
|
+ props: {
|
|
|
+ label: "dictValue",
|
|
|
+ value: "dictKey",
|
|
|
+ },
|
|
|
+ rules: [
|
|
|
+ {
|
|
|
+ required: true,
|
|
|
+ message: "请输入 ICS2 申报方式",
|
|
|
+ trigger: "blur",
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ row: true,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "EORI NO.",
|
|
|
+ span: 6,
|
|
|
+ prop: "eoriNo",
|
|
|
+ disabled: this.disabled,
|
|
|
+ rules: [{ validator: validateVariable, trigger: "blur" }],
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "SFC NO.",
|
|
|
+ span: 6,
|
|
|
+ prop: "sfcNo",
|
|
|
+ disabled: this.disabled,
|
|
|
+ row: true,
|
|
|
+ },
|
|
|
+ /*
|
|
|
+ {
|
|
|
+ label: "UCR No.",
|
|
|
+ span: 6,
|
|
|
+ disabled: this.disabled,
|
|
|
+ prop: "ucrNo",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "CUS CODE",
|
|
|
+ span: 6,
|
|
|
+ prop: "cusCode",
|
|
|
+ disabled: this.disabled,
|
|
|
+ row: true,
|
|
|
+ },
|
|
|
+ */
|
|
|
+ {
|
|
|
+ label: "卖方EORI",
|
|
|
+ span: 12,
|
|
|
+ prop: "sellerCode",
|
|
|
+ disabled: this.disabled,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "买方EORI",
|
|
|
+ span: 12,
|
|
|
+ prop: "buyerCode",
|
|
|
+ disabled: this.disabled,
|
|
|
+ row: true,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "卖方",
|
|
|
+ span: 12,
|
|
|
+ prop: "sellerDetails",
|
|
|
+ type: "textarea",
|
|
|
+ disabled: this.disabled,
|
|
|
+ rows: 5,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "买方",
|
|
|
+ span: 12,
|
|
|
+ prop: "buyerDetails",
|
|
|
+ type: "textarea",
|
|
|
+ rows: 5,
|
|
|
+ disabled: this.disabled,
|
|
|
+ row: true,
|
|
|
+ },
|
|
|
+
|
|
|
+ {
|
|
|
+ label: "买方联系人",
|
|
|
+ span: 6,
|
|
|
+ prop: "buyerAttn",
|
|
|
+ disabled: this.disabled,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "电话",
|
|
|
+ span: 6,
|
|
|
+ prop: "buyerAttnTel",
|
|
|
+ disabled: this.disabled,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "卖方联系人",
|
|
|
+ span: 6,
|
|
|
+ prop: "sellerAttn",
|
|
|
+ disabled: this.disabled,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "电话",
|
|
|
+ span: 6,
|
|
|
+ prop: "sellerAttnTel",
|
|
|
+ disabled: this.disabled,
|
|
|
+ row: true,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "邮箱",
|
|
|
+ span: 12,
|
|
|
+ prop: "buyerAttnEmail",
|
|
|
+ disabled: this.disabled,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "邮箱",
|
|
|
+ span: 12,
|
|
|
+ prop: "sellerAttnEmail",
|
|
|
+ disabled: this.disabled,
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ },
|
|
|
+ };
|
|
|
+ },
|
|
|
+ created() {
|
|
|
+ let portColumns = [
|
|
|
+ { key: "code", field: "code", label: "编码", width: "60px" },
|
|
|
+ { key: "enName", field: "enName", label: "名称", width: "200px" },
|
|
|
+ ];
|
|
|
+
|
|
|
+ let columnNames = "APL,ESL,HMM,INTTRA,CMA,ONE,PIL,HJ=SML,VOLTA,ZIM,EP";
|
|
|
+ columnNames.split(",").forEach((col) => {
|
|
|
+ if (col.indexOf("=") > 0) {
|
|
|
+ let cols = col.split("=");
|
|
|
+ portColumns.push({ key: cols[0], field: cols[0], label: cols[1], fontSize: "10px", width: "45px" });
|
|
|
+ } else {
|
|
|
+ portColumns.push({ key: col, field: col, label: col, fontSize: "10px", width: "45px" });
|
|
|
+ }
|
|
|
+ });
|
|
|
+ this.portDorpdownColumns = portColumns;
|
|
|
+
|
|
|
+ this.pilHblfun();
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ // "assemblyForm.hmmEdi.ensFillingFlag"() {
|
|
|
+ // this.hmmEdiEnsFillingFlagChanged();
|
|
|
+ // },
|
|
|
+ },
|
|
|
+ mounted() {},
|
|
|
+ methods: {
|
|
|
+ pilHblChange(value) {
|
|
|
+ this.$set(this.assemblyForm, "pilHbl", value);
|
|
|
+ },
|
|
|
+ pilHblfun() {
|
|
|
+ if (this.pilHblData.length == 0) {
|
|
|
+ getWorkDicts("pilhbl_los").then((res) => {
|
|
|
+ this.pilHblData = res.data.data;
|
|
|
+ });
|
|
|
+ }
|
|
|
+ },
|
|
|
+ handleDialogClose(){
|
|
|
+ this.savedHmmEdi = undefined;
|
|
|
+ },
|
|
|
+ handleBeforeClose(done){
|
|
|
+ if(this.savedHmmEdi){
|
|
|
+ this.assemblyForm.hmmEdi = JSON.parse(JSON.stringify(this.savedHmmEdi));
|
|
|
+ }
|
|
|
+ done();
|
|
|
+ },
|
|
|
+ hmmEdiEnsFillingFlagChanged() {
|
|
|
+ if (this.assemblyForm && this.assemblyForm.hmmEdi && this.assemblyForm.hmmEdi.ensFillingFlag) {
|
|
|
+ console.log(this.assemblyForm, this.assemblyForm.hmmEdi, this.assemblyForm.hmmEdi.ensFillingFlag);
|
|
|
+ if (!this.assemblyForm.hmmEdi.ensFillingFlag) {
|
|
|
+ this.$set(this.assemblyForm.hmmEdi, "ensFillingFlag", "NONE");
|
|
|
}
|
|
|
+ let that = this;
|
|
|
+ this.cmaENSOption.column.forEach((col) => {
|
|
|
+ if (col.ensFillingFlags) {
|
|
|
+ // that.$set(col, "disabled", col.ensFillingFlags.indexOf(that.assemblyForm.hmmEdi.ensFillingFlag) < 0);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ },
|
|
|
+ validateVariable(input) {
|
|
|
+ if (typeof input !== "string") {
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ const regex = /^[A-Z0-9]{3,17}$/;
|
|
|
+ return regex.test(input);
|
|
|
+ },
|
|
|
+ upperCas(name, str) {
|
|
|
+ this.assemblyForm.hmmEdi[name] = str.toUpperCase();
|
|
|
+ },
|
|
|
+ submitHmm(res, done) {
|
|
|
+ done();
|
|
|
+ if (this.dialogVisible) this.dialogVisible = false;
|
|
|
+ if (this.dialogVisibleCMA_ENS) this.dialogVisibleCMA_ENS = false;
|
|
|
+ if (this.dialogVisibleHLAG_ICS2) this.dialogVisibleHLAG_ICS2 = false;
|
|
|
+ },
|
|
|
+ // 远程搜索
|
|
|
+ remoteMethod(value, name) {
|
|
|
+ let portArr = ["hblPlaceReceipt", "hblPlaceDelivery"];
|
|
|
+ // 港口
|
|
|
+ if (portArr.indexOf(name) != -1) {
|
|
|
+ this[name + "BportsListfun"](value);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // EDI 信息转成列
|
|
|
+ processEDIAsColumns(records) {
|
|
|
+ if (Array.isArray(records)) {
|
|
|
+ records.forEach((rec) => {
|
|
|
+ if (Array.isArray(rec.extendedDataArr)) {
|
|
|
+ rec.extendedDataArr.forEach((js) => (rec[js.name] = js.value));
|
|
|
+ }
|
|
|
+ });
|
|
|
+ records.sort((a, b) => {
|
|
|
+ if (a.enName > b.cnName) return 1;
|
|
|
+ if (a.enName < b.cnName) return -1;
|
|
|
+ return 0;
|
|
|
+ });
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // 收货地数据 （港口表）
|
|
|
+ hblPlaceReceiptBportsListfun(enName) {
|
|
|
+ bportsList(1, 10, { enName, status: 0 }).then((res) => {
|
|
|
+ this.processEDIAsColumns(res.data.data.records);
|
|
|
+ this.hblPlaceReceiptData = res.data.data.records;
|
|
|
+ });
|
|
|
},
|
|
|
- data() {
|
|
|
- var validateVariable = (rule, value, callback)=> {
|
|
|
- if (!value) {
|
|
|
- callback();
|
|
|
- }
|
|
|
- const regex = /^[A-Z]{2}[A-Z0-9]{1,15}$/;
|
|
|
- if (!regex.test(value)) {
|
|
|
- callback(new Error('长度应为 3~17 个字符，不能出现特殊符号'));
|
|
|
- }
|
|
|
- callback();
|
|
|
- };
|
|
|
- return {
|
|
|
- pilHblData: [],
|
|
|
- reload: Math.random(),
|
|
|
- dialogVisible: false,
|
|
|
- hmmOption: {
|
|
|
- submitText: '确定',
|
|
|
- emptyText: '取消',
|
|
|
- labelWidth: 130,
|
|
|
- column: [
|
|
|
- {
|
|
|
- label: "欧线ENS申报标识",
|
|
|
- span: 8,
|
|
|
- prop: "emsDeclarationIdentification",
|
|
|
- type: 'select',
|
|
|
- dicUrl: "/api/blade-system/dict-biz/dictionary?code=ENS_Identification",
|
|
|
- props: {
|
|
|
- label: "dictValue",
|
|
|
- value: "dictKey"
|
|
|
- },
|
|
|
- rules: [{
|
|
|
- required: true,
|
|
|
- message: "请输入欧线ENS申报标识",
|
|
|
- trigger: "blur",
|
|
|
- }],
|
|
|
- },
|
|
|
- {
|
|
|
- label: "舱单类型",
|
|
|
- span: 8,
|
|
|
- prop: "manifestType",
|
|
|
- type: 'select',
|
|
|
- dicUrl: "/api/blade-system/dict-biz/dictionary?code=manifest_Type",
|
|
|
- props: {
|
|
|
- label: "dictValue",
|
|
|
- value: "dictKey"
|
|
|
- },
|
|
|
- },
|
|
|
- {
|
|
|
- label: "",
|
|
|
- span: 8,
|
|
|
- prop: "europeanLineSign",
|
|
|
- type: 'checkbox',
|
|
|
- dataType: 'string',
|
|
|
- dicData: [{
|
|
|
- label: '欧线标识',
|
|
|
- value: 1
|
|
|
- }]
|
|
|
- },
|
|
|
- {
|
|
|
- label: "补充申报人",
|
|
|
- span: 12,
|
|
|
- prop: "applicant",
|
|
|
- row: true,
|
|
|
- rules: [{ validator: validateVariable, trigger: 'blur' }]
|
|
|
- },
|
|
|
- {
|
|
|
- label: "发货人代码",
|
|
|
- span: 12,
|
|
|
- prop: "shipperCode",
|
|
|
- rules: [{ validator: validateVariable, trigger: 'blur' }]
|
|
|
- },
|
|
|
- {
|
|
|
- label: "实际发货人代码",
|
|
|
- span: 12,
|
|
|
- prop: "actualShipperCode",
|
|
|
- rules: [{ validator: validateVariable, trigger: 'blur' }]
|
|
|
- },
|
|
|
- {
|
|
|
- label: "发货人邮政信箱",
|
|
|
- span: 12,
|
|
|
- prop: "shipperEmail",
|
|
|
- },
|
|
|
- {
|
|
|
- label: "实际发货人名称",
|
|
|
- span: 12,
|
|
|
- prop: "actualShipperName",
|
|
|
- },
|
|
|
- {
|
|
|
- label: "发货人街道号码",
|
|
|
- span: 12,
|
|
|
- prop: "shipperStreetNo",
|
|
|
- },
|
|
|
- {
|
|
|
- label: "实际发货人地址",
|
|
|
- span: 12,
|
|
|
- prop: "actualShipperAddress",
|
|
|
- },
|
|
|
- {
|
|
|
- label: "发货人街道名称",
|
|
|
- span: 12,
|
|
|
- prop: "shipperStreetName",
|
|
|
- },
|
|
|
- {
|
|
|
- label: "实际发货人邮政信箱",
|
|
|
- span: 12,
|
|
|
- prop: "actualShipperEmail",
|
|
|
- },
|
|
|
- {
|
|
|
- label: "发货人邮政编码",
|
|
|
- span: 12,
|
|
|
- prop: "shipperPostalCode",
|
|
|
- },
|
|
|
- {
|
|
|
- label: "实际发货人街道号码",
|
|
|
- span: 12,
|
|
|
- prop: "actualShipperStreetNo",
|
|
|
- },
|
|
|
- {
|
|
|
- label: "收货人代码",
|
|
|
- span: 12,
|
|
|
- prop: "consigneeCode",
|
|
|
- rules: [{ validator: validateVariable, trigger: 'blur' }]
|
|
|
- },
|
|
|
- {
|
|
|
- label: "实际发货人街道名称",
|
|
|
- span: 12,
|
|
|
- prop: "actualShipperStreetName",
|
|
|
- },
|
|
|
- {
|
|
|
- label: "收货人邮政信箱",
|
|
|
- span: 12,
|
|
|
- prop: "consigneeEmail",
|
|
|
- },
|
|
|
- {
|
|
|
- label: "实际发货人邮政编码",
|
|
|
- span: 12,
|
|
|
- prop: "actualShipperPostalCode",
|
|
|
- },
|
|
|
- {
|
|
|
- label: "收货人街道号码",
|
|
|
- span: 12,
|
|
|
- prop: "consigneeStreetNo",
|
|
|
- },
|
|
|
- {
|
|
|
- label: "实际收货人代码",
|
|
|
- span: 12,
|
|
|
- prop: "actualConsigneeCode",
|
|
|
- rules: [{ validator: validateVariable, trigger: 'blur' }]
|
|
|
- },
|
|
|
- {
|
|
|
- label: "收货人街道名称",
|
|
|
- span: 12,
|
|
|
- prop: "consigneeStreetName",
|
|
|
- },
|
|
|
- {
|
|
|
- label: "实际收货人名称",
|
|
|
- span: 12,
|
|
|
- prop: "actualConsigneeName",
|
|
|
- },
|
|
|
- {
|
|
|
- label: "收货人邮政编码",
|
|
|
- span: 12,
|
|
|
- prop: "consigneePostalCode",
|
|
|
- },
|
|
|
- {
|
|
|
- label: "实际收货人地址",
|
|
|
- span: 12,
|
|
|
- prop: "actualConsigneeAddress",
|
|
|
- },
|
|
|
- {
|
|
|
- label: "通知人代码",
|
|
|
- span: 12,
|
|
|
- prop: "notifierCode",
|
|
|
- rules: [{ validator: validateVariable, trigger: 'blur' }]
|
|
|
- },
|
|
|
- {
|
|
|
- label: "实际收货人邮政信箱",
|
|
|
- span: 12,
|
|
|
- prop: "actualConsigneeEmail",
|
|
|
- },
|
|
|
- {
|
|
|
- label: "通知人邮政信箱",
|
|
|
- span: 12,
|
|
|
- prop: "notifierEmail",
|
|
|
- },
|
|
|
- {
|
|
|
- label: "实际收货人街道号码",
|
|
|
- span: 12,
|
|
|
- prop: "actualConsigneeStreetNo",
|
|
|
- },
|
|
|
- {
|
|
|
- label: "通知人街道号码",
|
|
|
- span: 12,
|
|
|
- prop: "notifierStreetNo",
|
|
|
- },
|
|
|
- {
|
|
|
- label: "实际收货人街道名称",
|
|
|
- span: 12,
|
|
|
- prop: "actualConsigneeStreetName",
|
|
|
- },
|
|
|
- {
|
|
|
- label: "通知人街道名称",
|
|
|
- span: 12,
|
|
|
- prop: "notifierStreetName",
|
|
|
- },
|
|
|
- {
|
|
|
- label: "实际收货人邮政编码",
|
|
|
- span: 12,
|
|
|
- prop: "actualConsigneePostalCode",
|
|
|
- },
|
|
|
- {
|
|
|
- label: "通知人电话",
|
|
|
- span: 12,
|
|
|
- prop: "notifierTel",
|
|
|
- },
|
|
|
- {
|
|
|
- label: "化工品标识",
|
|
|
- span: 12,
|
|
|
- prop: "chemicalIdentification",
|
|
|
- type: 'select',
|
|
|
- dicUrl: "/api/blade-system/dict-biz/dictionary?code=chemical_Identification",
|
|
|
- props: {
|
|
|
- label: "dictValue",
|
|
|
- value: "dictKey"
|
|
|
- },
|
|
|
- },
|
|
|
- {
|
|
|
- label: "通知人邮政编码",
|
|
|
- span: 12,
|
|
|
- prop: "notifierPostalCode",
|
|
|
- }
|
|
|
- ]
|
|
|
- }
|
|
|
+ // 交货地
|
|
|
+ hblPlaceDeliveryBportsListfun(enName) {
|
|
|
+ bportsList(1, 10, { enName, status: 0 }).then((res) => {
|
|
|
+ this.processEDIAsColumns(res.data.data.records);
|
|
|
+ this.hblPlaceDeliveryData = res.data.data.records;
|
|
|
+ });
|
|
|
+ },
|
|
|
+ // 选择框的回调
|
|
|
+ corpChange(value, name) {
|
|
|
+ console.log("corpChange", name, value, this.assemblyForm.hmmEdi);
|
|
|
+ let portArr = ["hblPlaceReceipt", "hblPlaceDelivery"];
|
|
|
+ // 没有中文名的港口
|
|
|
+ if (portArr.indexOf(name) >= 0) {
|
|
|
+ if (!value) {
|
|
|
+ this.$set(this.assemblyForm.hmmEdi, name + "Id", 0);
|
|
|
+ this.$set(this.assemblyForm.hmmEdi, name + "Name", "");
|
|
|
+ this.$set(this.assemblyForm.hmmEdi, name + "Code", "");
|
|
|
+ this.$set(this.assemblyForm.hmmEdi, name + "NamePrint", "");
|
|
|
+ }
|
|
|
+ for (let item of this[name + "Data"]) {
|
|
|
+ if (item.enName === value) {
|
|
|
+ this.$set(this.assemblyForm.hmmEdi, name + "Id", item.id);
|
|
|
+ this.$set(this.assemblyForm.hmmEdi, name + "Name", item.enName);
|
|
|
+ this.$set(this.assemblyForm.hmmEdi, name + "Code", item.code);
|
|
|
+ this.$set(this.assemblyForm.hmmEdi, name + "NamePrint", item.enName);
|
|
|
+ }
|
|
|
}
|
|
|
+ }
|
|
|
},
|
|
|
- created() {
|
|
|
- this.pilHblfun();
|
|
|
+ buildDialogTitle() {
|
|
|
+ let title = "";
|
|
|
+ if (this.assemblyForm.mblno) {
|
|
|
+ title += " MB/L NO:" + this.assemblyForm.mblno;
|
|
|
+ }
|
|
|
+ if (this.assemblyForm.bookingNo) {
|
|
|
+ title += " Booking NO:" + this.assemblyForm.bookingNo;
|
|
|
+ }
|
|
|
+
|
|
|
+ if (title) {
|
|
|
+ title = " -" + title;
|
|
|
+ }
|
|
|
+ this.dialogTitle = title;
|
|
|
},
|
|
|
- methods: {
|
|
|
- pilHblChange(value) {
|
|
|
- this.$set(this.assemblyForm, 'pilHbl', value)
|
|
|
- },
|
|
|
- pilHblfun() {
|
|
|
- if (this.pilHblData.length == 0) {
|
|
|
- getWorkDicts('pilhbl_los').then(res => {
|
|
|
- this.pilHblData = res.data.data
|
|
|
- })
|
|
|
- }
|
|
|
- },
|
|
|
- validateVariable(input) {
|
|
|
- if (typeof input !== 'string') {
|
|
|
- return false;
|
|
|
- }
|
|
|
- const regex = /^[A-Z0-9]{3,17}$/;
|
|
|
- return regex.test(input);
|
|
|
- },
|
|
|
- upperCas(name,str) {
|
|
|
- this.assemblyForm.hmmEdi[name]=str.toUpperCase()
|
|
|
- },
|
|
|
- submitHmm(res,done){
|
|
|
- done()
|
|
|
- this.dialogVisible = false
|
|
|
- },
|
|
|
- openHmmEdi() {
|
|
|
- if (!this.assemblyForm.id) {
|
|
|
- return this.$message.error('请先保存数据');
|
|
|
- }
|
|
|
- if(!this.assemblyForm.hmmEdi.emsDeclarationIdentification){
|
|
|
- this.assemblyForm.hmmEdi.emsDeclarationIdentification = 'B'
|
|
|
- }
|
|
|
- if(!this.assemblyForm.hmmEdi.europeanLineSign){
|
|
|
- this.assemblyForm.hmmEdi.europeanLineSign = 1
|
|
|
- }
|
|
|
- if(!this.assemblyForm.hmmEdi.manifestType){
|
|
|
- this.assemblyForm.hmmEdi.manifestType = 'S'
|
|
|
- }
|
|
|
- if(!this.assemblyForm.hmmEdi.chemicalIdentification){
|
|
|
- this.assemblyForm.hmmEdi.chemicalIdentification = 'N'
|
|
|
- }
|
|
|
+ openHmmEdi() {
|
|
|
+ if (!this.assemblyForm.id) {
|
|
|
+ return this.$message.error("请先保存数据");
|
|
|
+ }
|
|
|
|
|
|
- this.dialogVisible = true
|
|
|
- },
|
|
|
- inHmmEdi() {
|
|
|
- if (!this.assemblyForm.id) {
|
|
|
- return this.$message.error('请先保存数据');
|
|
|
- }
|
|
|
- this.$DialogForm.show({
|
|
|
- title: 'HMM EDI信息',
|
|
|
- width: '70%',
|
|
|
- ref: 'ediRef',
|
|
|
- data: this.assemblyForm.hmmEdi,
|
|
|
- menuPosition: 'right',
|
|
|
- option: {
|
|
|
- submitText: '确定',
|
|
|
- emptyText: '取消',
|
|
|
- labelWidth: 130,
|
|
|
- column: [
|
|
|
- {
|
|
|
- label: "欧线ENS申报标识",
|
|
|
- span: 8,
|
|
|
- prop: "emsDeclarationIdentification",
|
|
|
- type: 'select',
|
|
|
- dicUrl: "/api/blade-system/dict-biz/dictionary?code=ENS_Identification",
|
|
|
- props: {
|
|
|
- label: "dictValue",
|
|
|
- value: "dictKey"
|
|
|
- },
|
|
|
- rules: [{
|
|
|
- required: true,
|
|
|
- message: "请输入欧线ENS申报标识",
|
|
|
- trigger: "blur",
|
|
|
- }],
|
|
|
- },
|
|
|
- {
|
|
|
- label: "舱单类型",
|
|
|
- span: 8,
|
|
|
- prop: "manifestType",
|
|
|
- type: 'select',
|
|
|
- dicUrl: "/api/blade-system/dict-biz/dictionary?code=manifest_Type",
|
|
|
- props: {
|
|
|
- label: "dictValue",
|
|
|
- value: "dictKey"
|
|
|
- },
|
|
|
- },
|
|
|
- {
|
|
|
- label: "",
|
|
|
- span: 8,
|
|
|
- prop: "europeanLineSign",
|
|
|
- type: 'checkbox',
|
|
|
- dataType: 'string',
|
|
|
- dicData: [{
|
|
|
- label: '欧线标识',
|
|
|
- value: 1
|
|
|
- }]
|
|
|
- },
|
|
|
- {
|
|
|
- label: "补充申报人",
|
|
|
- span: 12,
|
|
|
- prop: "applicant",
|
|
|
- row: true,
|
|
|
- change: ({ value, column, item, dic }) => {
|
|
|
- let that = this
|
|
|
- that.$set(that.assemblyForm.hmmEdi, 'applicant', value.toUpperCase())
|
|
|
- }
|
|
|
- },
|
|
|
- {
|
|
|
- label: "发货人代码",
|
|
|
- span: 12,
|
|
|
- prop: "shipperCode",
|
|
|
- },
|
|
|
- {
|
|
|
- label: "实际发货人代码",
|
|
|
- span: 12,
|
|
|
- prop: "actualShipperCode",
|
|
|
- },
|
|
|
- {
|
|
|
- label: "发货人邮政信箱",
|
|
|
- span: 12,
|
|
|
- prop: "shipperEmail",
|
|
|
- },
|
|
|
- {
|
|
|
- label: "实际发货人名称",
|
|
|
- span: 12,
|
|
|
- prop: "actualShipperName",
|
|
|
- },
|
|
|
- {
|
|
|
- label: "发货人街道号码",
|
|
|
- span: 12,
|
|
|
- prop: "shipperStreetNo",
|
|
|
- },
|
|
|
- {
|
|
|
- label: "实际发货人地址",
|
|
|
- span: 12,
|
|
|
- prop: "actualShipperAddress",
|
|
|
- },
|
|
|
- {
|
|
|
- label: "发货人街道名称",
|
|
|
- span: 12,
|
|
|
- prop: "shipperStreetName",
|
|
|
- },
|
|
|
- {
|
|
|
- label: "实际发货人邮政信箱",
|
|
|
- span: 12,
|
|
|
- prop: "actualShipperEmail",
|
|
|
- },
|
|
|
- {
|
|
|
- label: "发货人邮政编码",
|
|
|
- span: 12,
|
|
|
- prop: "shipperPostalCode",
|
|
|
- },
|
|
|
- {
|
|
|
- label: "实际发货人街道号码",
|
|
|
- span: 12,
|
|
|
- prop: "actualShipperStreetNo",
|
|
|
- },
|
|
|
- {
|
|
|
- label: "收货人代码",
|
|
|
- span: 12,
|
|
|
- prop: "consigneeCode",
|
|
|
- },
|
|
|
- {
|
|
|
- label: "实际发货人街道名称",
|
|
|
- span: 12,
|
|
|
- prop: "actualShipperStreetName",
|
|
|
- },
|
|
|
- {
|
|
|
- label: "收货人邮政信箱",
|
|
|
- span: 12,
|
|
|
- prop: "consigneeEmail",
|
|
|
- },
|
|
|
- {
|
|
|
- label: "实际发货人邮政编码",
|
|
|
- span: 12,
|
|
|
- prop: "actualShipperPostalCode",
|
|
|
- },
|
|
|
- {
|
|
|
- label: "收货人街道号码",
|
|
|
- span: 12,
|
|
|
- prop: "consigneeStreetNo",
|
|
|
- },
|
|
|
- {
|
|
|
- label: "实际收货人代码",
|
|
|
- span: 12,
|
|
|
- prop: "actualConsigneeCode",
|
|
|
- },
|
|
|
- {
|
|
|
- label: "收货人街道名称",
|
|
|
- span: 12,
|
|
|
- prop: "consigneeStreetName",
|
|
|
- },
|
|
|
- {
|
|
|
- label: "实际收货人名称",
|
|
|
- span: 12,
|
|
|
- prop: "actualConsigneeName",
|
|
|
- },
|
|
|
- {
|
|
|
- label: "收货人邮政编码",
|
|
|
- span: 12,
|
|
|
- prop: "consigneePostalCode",
|
|
|
- },
|
|
|
- {
|
|
|
- label: "实际收货人地址",
|
|
|
- span: 12,
|
|
|
- prop: "actualConsigneeAddress",
|
|
|
- },
|
|
|
- {
|
|
|
- label: "通知人代码",
|
|
|
- span: 12,
|
|
|
- prop: "notifierCode",
|
|
|
- },
|
|
|
- {
|
|
|
- label: "实际收货人邮政信箱",
|
|
|
- span: 12,
|
|
|
- prop: "actualConsigneeEmail",
|
|
|
- },
|
|
|
- {
|
|
|
- label: "通知人邮政信箱",
|
|
|
- span: 12,
|
|
|
- prop: "notifierEmail",
|
|
|
- },
|
|
|
- {
|
|
|
- label: "实际收货人街道号码",
|
|
|
- span: 12,
|
|
|
- prop: "actualConsigneeStreetNo",
|
|
|
- },
|
|
|
- {
|
|
|
- label: "通知人街道号码",
|
|
|
- span: 12,
|
|
|
- prop: "notifierStreetNo",
|
|
|
- },
|
|
|
- {
|
|
|
- label: "实际收货人街道名称",
|
|
|
- span: 12,
|
|
|
- prop: "actualConsigneeStreetName",
|
|
|
- },
|
|
|
- {
|
|
|
- label: "通知人街道名称",
|
|
|
- span: 12,
|
|
|
- prop: "notifierStreetName",
|
|
|
- },
|
|
|
- {
|
|
|
- label: "实际收货人邮政编码",
|
|
|
- span: 12,
|
|
|
- prop: "actualConsigneePostalCode",
|
|
|
- },
|
|
|
- {
|
|
|
- label: "通知人电话",
|
|
|
- span: 12,
|
|
|
- prop: "notifierTel",
|
|
|
- },
|
|
|
- {
|
|
|
- label: "化工品标识",
|
|
|
- span: 12,
|
|
|
- prop: "chemicalIdentification",
|
|
|
- type: 'select',
|
|
|
- dicUrl: "/api/blade-system/dict-biz/dictionary?code=chemical_Identification",
|
|
|
- props: {
|
|
|
- label: "dictValue",
|
|
|
- value: "dictKey"
|
|
|
- },
|
|
|
- },
|
|
|
- {
|
|
|
- label: "通知人邮政编码",
|
|
|
- span: 12,
|
|
|
- prop: "notifierPostalCode",
|
|
|
- }
|
|
|
- ]
|
|
|
+ /*
|
|
|
+ if (!this.assemblyForm.hmmEdi.emsDeclarationIdentification) {
|
|
|
+ this.assemblyForm.hmmEdi.emsDeclarationIdentification = "B";
|
|
|
+ }
|
|
|
+ let es = this.assemblyForm.hmmEdi.europeanLineSign == undefined ? 0 : this.assemblyForm.hmmEdi.europeanLineSign;
|
|
|
+ if (es == 1 || es == "1") {
|
|
|
+ this.assemblyForm.hmmEdi.europeanLineSign = 1;
|
|
|
+ }else{
|
|
|
+ this.assemblyForm.hmmEdi.europeanLineSign = 0;
|
|
|
+ }
|
|
|
+ if (!this.assemblyForm.hmmEdi.manifestType) {
|
|
|
+ this.assemblyForm.hmmEdi.manifestType = "S";
|
|
|
+ }
|
|
|
+ if (!this.assemblyForm.hmmEdi.chemicalIdentification) {
|
|
|
+ this.assemblyForm.hmmEdi.chemicalIdentification = "N";
|
|
|
+ }
|
|
|
+
|
|
|
+ */
|
|
|
+
|
|
|
+ this.buildDialogTitle();
|
|
|
+
|
|
|
+ this.$set(this.hmmOption, "submitBtn" , !this.disabled);
|
|
|
+ this.hmmOption.column.forEach((col) => {
|
|
|
+ this.$set(col, "disabled" , this.disabled);
|
|
|
+ })
|
|
|
+
|
|
|
+ this.savedHmmEdi = JSON.parse(JSON.stringify(this.assemblyForm.hmmEdi));
|
|
|
+
|
|
|
+ this.dialogVisible = true;
|
|
|
+ },
|
|
|
+ openCMAENSEdi() {
|
|
|
+ if (!this.assemblyForm.id) {
|
|
|
+ return this.$message.error("请先保存数据");
|
|
|
+ }
|
|
|
+
|
|
|
+ /*
|
|
|
+ if (!this.assemblyForm.hmmEdi.ensFillingFlag) {
|
|
|
+ this.assemblyForm.hmmEdi.ensFillingFlag = "NONE";
|
|
|
+ }
|
|
|
+
|
|
|
+ */
|
|
|
+
|
|
|
+ this.buildDialogTitle();
|
|
|
+
|
|
|
+ this.$set(this.cmaENSOption, "submitBtn" , !this.disabled);
|
|
|
+ this.cmaENSOption.column.forEach((col) => {
|
|
|
+ this.$set(col, "disabled" , this.disabled);
|
|
|
+ })
|
|
|
+
|
|
|
+ this.savedHmmEdi = JSON.parse(JSON.stringify(this.assemblyForm.hmmEdi));
|
|
|
+ this.dialogVisibleCMA_ENS = true;
|
|
|
+ },
|
|
|
+ openHLAGICS2Edi() {
|
|
|
+ if (!this.assemblyForm.id) {
|
|
|
+ return this.$message.error("请先保存数据");
|
|
|
+ }
|
|
|
+
|
|
|
+ /*
|
|
|
+ if (!this.assemblyForm.hmmEdi.ics2FillingFlag) {
|
|
|
+ this.assemblyForm.hmmEdi.ics2FillingFlag = "NONE";
|
|
|
+ }
|
|
|
+ */
|
|
|
+
|
|
|
+ this.buildDialogTitle();
|
|
|
+
|
|
|
+ this.$set(this.hlagICS2Option, "submitBtn" , !this.disabled);
|
|
|
+ this.hlagICS2Option.column.forEach((col) => {
|
|
|
+ this.$set(col, "disabled" , this.disabled);
|
|
|
+ })
|
|
|
+
|
|
|
+ this.savedHmmEdi = JSON.parse(JSON.stringify(this.assemblyForm.hmmEdi));
|
|
|
+ this.dialogVisibleHLAG_ICS2 = true;
|
|
|
+ },
|
|
|
+ inHmmEdi() {
|
|
|
+ if (!this.assemblyForm.id) {
|
|
|
+ return this.$message.error("请先保存数据");
|
|
|
+ }
|
|
|
+ this.$DialogForm.show({
|
|
|
+ title: "HMM EDI信息",
|
|
|
+ width: "70%",
|
|
|
+ ref: "ediRef",
|
|
|
+ data: this.assemblyForm.hmmEdi,
|
|
|
+ menuPosition: "right",
|
|
|
+ option: {
|
|
|
+ submitText: "确定",
|
|
|
+ emptyText: "取消",
|
|
|
+ labelWidth: 130,
|
|
|
+ column: [
|
|
|
+ {
|
|
|
+ label: "欧线ENS申报标识",
|
|
|
+ span: 8,
|
|
|
+ prop: "emsDeclarationIdentification",
|
|
|
+ type: "select",
|
|
|
+ dicUrl: "/api/blade-system/dict-biz/dictionary?code=ENS_Identification",
|
|
|
+ props: {
|
|
|
+ label: "dictValue",
|
|
|
+ value: "dictKey",
|
|
|
+ },
|
|
|
+ rules: [
|
|
|
+ {
|
|
|
+ required: true,
|
|
|
+ message: "请输入欧线ENS申报标识",
|
|
|
+ trigger: "blur",
|
|
|
},
|
|
|
- beforeClose: (done) => {
|
|
|
- done()
|
|
|
+ ],
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "舱单类型",
|
|
|
+ span: 8,
|
|
|
+ prop: "manifestType",
|
|
|
+ type: "select",
|
|
|
+ dicUrl: "/api/blade-system/dict-biz/dictionary?code=manifest_Type",
|
|
|
+ props: {
|
|
|
+ label: "dictValue",
|
|
|
+ value: "dictKey",
|
|
|
+ },
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "",
|
|
|
+ span: 8,
|
|
|
+ prop: "europeanLineSign",
|
|
|
+ type: "checkbox",
|
|
|
+ dataType: "string",
|
|
|
+ dicData: [
|
|
|
+ {
|
|
|
+ label: "欧线标识",
|
|
|
+ value: 1,
|
|
|
},
|
|
|
- callback: (res) => {
|
|
|
- res.done()
|
|
|
- this.assemblyForm.hmmEdi = res.data
|
|
|
- res.close()
|
|
|
- }
|
|
|
- })
|
|
|
- }
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
+ ],
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "补充申报人",
|
|
|
+ span: 12,
|
|
|
+ prop: "applicant",
|
|
|
+ row: true,
|
|
|
+ change: ({ value, column, item, dic }) => {
|
|
|
+ let that = this;
|
|
|
+ that.$set(that.assemblyForm.hmmEdi, "applicant", value.toUpperCase());
|
|
|
+ },
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "发货人代码",
|
|
|
+ span: 12,
|
|
|
+ prop: "shipperCode",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "实际发货人代码",
|
|
|
+ span: 12,
|
|
|
+ prop: "actualShipperCode",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "发货人邮政信箱",
|
|
|
+ span: 12,
|
|
|
+ prop: "shipperEmail",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "实际发货人名称",
|
|
|
+ span: 12,
|
|
|
+ prop: "actualShipperName",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "发货人街道号码",
|
|
|
+ span: 12,
|
|
|
+ prop: "shipperStreetNo",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "实际发货人地址",
|
|
|
+ span: 12,
|
|
|
+ prop: "actualShipperAddress",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "发货人街道名称",
|
|
|
+ span: 12,
|
|
|
+ prop: "shipperStreetName",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "实际发货人邮政信箱",
|
|
|
+ span: 12,
|
|
|
+ prop: "actualShipperEmail",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "发货人邮政编码",
|
|
|
+ span: 12,
|
|
|
+ prop: "shipperPostalCode",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "实际发货人街道号码",
|
|
|
+ span: 12,
|
|
|
+ prop: "actualShipperStreetNo",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "收货人代码",
|
|
|
+ span: 12,
|
|
|
+ prop: "consigneeCode",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "实际发货人街道名称",
|
|
|
+ span: 12,
|
|
|
+ prop: "actualShipperStreetName",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "收货人邮政信箱",
|
|
|
+ span: 12,
|
|
|
+ prop: "consigneeEmail",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "实际发货人邮政编码",
|
|
|
+ span: 12,
|
|
|
+ prop: "actualShipperPostalCode",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "收货人街道号码",
|
|
|
+ span: 12,
|
|
|
+ prop: "consigneeStreetNo",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "实际收货人代码",
|
|
|
+ span: 12,
|
|
|
+ prop: "actualConsigneeCode",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "收货人街道名称",
|
|
|
+ span: 12,
|
|
|
+ prop: "consigneeStreetName",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "实际收货人名称",
|
|
|
+ span: 12,
|
|
|
+ prop: "actualConsigneeName",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "收货人邮政编码",
|
|
|
+ span: 12,
|
|
|
+ prop: "consigneePostalCode",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "实际收货人地址",
|
|
|
+ span: 12,
|
|
|
+ prop: "actualConsigneeAddress",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "通知人代码",
|
|
|
+ span: 12,
|
|
|
+ prop: "notifierCode",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "实际收货人邮政信箱",
|
|
|
+ span: 12,
|
|
|
+ prop: "actualConsigneeEmail",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "通知人邮政信箱",
|
|
|
+ span: 12,
|
|
|
+ prop: "notifierEmail",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "实际收货人街道号码",
|
|
|
+ span: 12,
|
|
|
+ prop: "actualConsigneeStreetNo",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "通知人街道号码",
|
|
|
+ span: 12,
|
|
|
+ prop: "notifierStreetNo",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "实际收货人街道名称",
|
|
|
+ span: 12,
|
|
|
+ prop: "actualConsigneeStreetName",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "通知人街道名称",
|
|
|
+ span: 12,
|
|
|
+ prop: "notifierStreetName",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "实际收货人邮政编码",
|
|
|
+ span: 12,
|
|
|
+ prop: "actualConsigneePostalCode",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "通知人电话",
|
|
|
+ span: 12,
|
|
|
+ prop: "notifierTel",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "化工品标识",
|
|
|
+ span: 12,
|
|
|
+ prop: "chemicalIdentification",
|
|
|
+ type: "select",
|
|
|
+ dicUrl: "/api/blade-system/dict-biz/dictionary?code=chemical_Identification",
|
|
|
+ props: {
|
|
|
+ label: "dictValue",
|
|
|
+ value: "dictKey",
|
|
|
+ },
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "通知人邮政编码",
|
|
|
+ span: 12,
|
|
|
+ prop: "notifierPostalCode",
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ },
|
|
|
+ beforeClose: (done) => {
|
|
|
+ done();
|
|
|
+ },
|
|
|
+ callback: (res) => {
|
|
|
+ res.done();
|
|
|
+ this.assemblyForm.hmmEdi = res.data;
|
|
|
+ res.close();
|
|
|
+ },
|
|
|
+ });
|
|
|
+ },
|
|
|
+ },
|
|
|
+};
|
|
|
</script>
|
|
|
|
|
|
<style scoped>
|
|
|
::v-deep.el-form-item {
|
|
|
- margin-bottom: 10px;
|
|
|
+ margin-bottom: 10px;
|
|
|
}
|
|
|
</style>
|
wfg