欧洲申报调整 -测试

src/views/iosBasicData/SeafreightExportF/bills/assembly/edicode.vue

@@ -3,7 +3,7 @@
         <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="inHmmEdi">现代EDI</el-button>
+                    @click="test">现代EDI</el-button>
             </el-row>
             <el-row>
                 <el-col :span="12">
@@ -164,6 +164,14 @@
                 </el-col>
             </el-row>
         </el-form>
+        <el-dialog
+            title="HMM EDI信息"
+            :visible.sync="dialogVisible"
+            width="70%"
+            :modal="false"
+            :append-to-body="true">
+            <avue-form :key="reload"  :option="hmmOption" v-model="baseData"/>
+        </el-dialog>
 
 
     </div>
@@ -190,6 +198,227 @@ export default {
     data() {
         return {
             pilHblData: [],
+            reload: Math.random(),
+            dialogVisible: false,
+            baseData: {},
+            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,
+                        change: ({ value, column}) => {
+                            value = value.toUpperCase()
+                            console.info('value', this.baseData)
+                            console.info(value, column)
+                            this.$set(this.baseData, '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",
+                    }
+                ]
+            }
         }
     },
     created() {
@@ -206,6 +435,20 @@ export default {
                 })
             }
         },
+        validateVariable(input) {
+            if (typeof input !== 'string') {
+                return false;
+            }
+            const regex = /^[A-Z0-9]{3,17}$/;
+            return regex.test(input);
+        },
+        upperCas(str){
+            return str.toUpperCase()
+        },
+        test(){
+            this.baseData = this.assemblyForm.hmmEdi
+            this.dialogVisible = true
+        },
         inHmmEdi() {
             if (!this.assemblyForm.id) {
                 return this.$message.error('请先保存数据');
@@ -213,6 +456,7 @@ export default {
             this.$DialogForm.show({
                 title: 'HMM EDI信息',
                 width: '70%',
+                ref: 'ediRef',
                 data: this.assemblyForm.hmmEdi,
                 menuPosition: 'right',
                 option: {
@@ -262,7 +506,11 @@ export default {
                             label: "补充申报人",
                             span: 12,
                             prop: "applicant",
-                            row: true
+                            row: true,
+                            change: ({ value, column, item, dic }) => {
+                                let that = this
+                                that.$set(that.assemblyForm.hmmEdi, 'applicant', value.toUpperCase())
+                            }
                         },
                         {
                             label: "发货人代码",