朱兆平 / vue_cli · 提交

转到一个项目

作者 小范
提交 4bf9545de91b445a242d58de79706e0f050dd3b4 1 个父辈 b463128d

转关运抵弹框界面优化

内嵌 并排对比
正在显示 1 个修改的文件 包含 49 行增加 和 39 行删除
... ... @@ -314,10 +314,10 @@
:visible.sync="trn_dialog.addDialog"
style="margin-top: -50px"
text-align="center"
width="80%"
width="85%"
@close="trn_addDialogClosed"
>
<el-form ref="form" :inline="true" :model="form" class="demo-form-inline" label-width="100px" style="margin-top: -20px;label:right" :rules="rules" >
<el-form ref="form" :inline="true" :model="form" class="demo-form-inline" label-width="110px" style="margin-top: -20px;" label-position="right" :rules="rules" >
<el-divider></el-divider>
<el-row>
<el-col :span="24">
... ... @@ -325,18 +325,18 @@
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<el-col :span="8">
<el-form-item label="海关申报序号" prop="seqno">
<el-input v-model="form.seqno" placeholder="" disabled></el-input>
<el-input v-model="form.seqno" placeholder="" disabled suffix-icon=“xxxx”></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-col :span="8">
<el-form-item label="海关关区" prop="customscode">
<el-input v-model="customscode" placeholder="" oninput="value=value.replace(/[^\d]/g,'')"
<el-input v-model="customscode" placeholder="" suffix-icon=“xxxx” oninput="value=value.replace(/[^\d]/g,'')"
maxLength='4'/>
</el-form-item>
</el-col>
<el-col :span="6">
<el-col :span="8">
<el-form-item label="转关方式" prop="trnmode">
<!-- <el-input v-model="form.trnmode" size="small"/>-->
<el-select v-model="form.trnmode" placeholder="请选择" size="mini">
... ... @@ -347,15 +347,8 @@
</el-select>
</el-form-item>
</el-col>
<el-col :span="6">
<el-tooltip content="运抵编号：北方模式必填；南方模式免填；水运中转模式选填。运抵编号规则：4位申报地海关代码+2位卸货地代码+6位编号生成日期（顺序为年（2位）月（2位)）日（2位））+6位流水号" effect="light">
<el-form-item label="运抵编号" prop="arriveno">
<el-input v-model="form.arriveno" :disabled="form.trnmode==1" placeholder=""
/>
</el-form-item>
</el-tooltip>
</el-col>
<!-- <el-col :span="6">-->
<!-- <el-form-item label="操作员卡号" prop="inputopid">-->
... ... @@ -384,13 +377,22 @@
<!-- </el-form-item>-->
<!-- </el-col>-->
<el-row>
<el-col :span="6">
<el-col :span="8">
<el-tooltip content="运抵编号：北方模式必填；南方模式免填；水运中转模式选填。运抵编号规则：4位申报地海关代码+2位卸货地代码+6位编号生成日期（顺序为年（2位）月（2位)）日（2位））+6位流水号" effect="light">
<el-form-item label="运抵编号" prop="arriveno">
<el-input suffix-icon=“xxxx” v-model="form.arriveno" :disabled="form.trnmode==1" placeholder=""
/>
</el-form-item>
</el-tooltip>
</el-col>
<el-col :span="8">
<el-form-item label="运单号" prop="billno">
<el-input v-model="form.billno" placeholder="" />
<el-input suffix-icon=“xxxx” v-model="form.billno" placeholder="" />
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="进出境运输方式" prop="trafmode" label-width="110px">
<el-col :span="8">
<el-form-item label="进出境运输方式" prop="trafmode">
<!-- <el-input v-model="form.trafmode" placeholder="" />-->
<el-select v-model="form.trafmode" placeholder="请选择" size="mini" >
<el-option label="2-江海运输" value="2"></el-option>
... ... @@ -401,15 +403,18 @@
</el-select>
</el-form-item>
</el-col>
<el-col :span="6">
</el-row>
<el-row>
<el-col :span="8">
<el-tooltip content="运输工具名称：北方模式选填；南方模式填写@+13位载货清单号；水运中转模式必填：境内水路运输填报驳船船名，境内铁路运输填报车名（主管海关4位关别代码+TRAIN）；境内公路运输填报车名（主管海关4位关别代码+TRUCK）" placement="bottom" effect="light">
<el-form-item label="运输工具名称" prop="trafname">
<el-input v-model="form.trafname" placeholder="" />
<el-input suffix-icon=“xxxx” v-model="form.trafname" placeholder="" />
</el-form-item>
</el-tooltip>
</el-col>
<el-col :span="6">
<el-col :span="8">
<el-tooltip content="启运时间：北方模式选填；南方模式免填；水运中转模式必填：境内水路运输填报驳船航次号，境内铁路、公路运输填报6位启运日期（顺序为年（2位）月（2位）日（2位））" placement="bottom" effect="light">
<el-form-item label="启运时间" prop="voyageno">
<!-- <el-input v-model="form.voyageno" placeholder="" />-->
... ... @@ -425,10 +430,7 @@
</el-tooltip>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<el-col :span="8">
<el-form-item label="境内运输方式" prop="trafway">
<!-- <el-input v-model="form.trafway" placeholder="" />-->
<el-select v-model="form.trafway" placeholder="请选择" size="mini">
... ... @@ -440,32 +442,35 @@
</el-select>
</el-form-item>
</el-col>
<el-col :span="6">
</el-row>
<el-row>
<el-col :span="8">
<el-form-item label="托运件数" prop="packno">
<el-input v-model="form.packno" placeholder="" />
<el-input suffix-icon=“xxxx” v-model="form.packno" placeholder="" />
</el-form-item>
</el-col>
<el-col :span="6">
<el-col :span="8">
<el-form-item label="托运重量" prop="grosswt">
<el-input v-model="form.grosswt" placeholder="" />
<el-input suffix-icon=“xxxx” v-model="form.grosswt" placeholder="" />
</el-form-item>
</el-col>
<el-col :span="6">
<el-col :span="8">
<el-form-item label="卸货地代码" prop="unloadcode">
<el-input v-model="unloadcode" placeholder="" />
<el-input suffix-icon=“xxxx” v-model="unloadcode" placeholder="" />
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<el-col :span="8">
<el-tooltip content="集装箱(器)编号：集装箱货物必填：4个字母即货主编码、6位数字序列号以及1位检测数字组成；非集装箱货物免填" placement="bottom" effect="light">
<el-form-item label="集装箱编号" prop="contaid">
<el-input v-model="form.contaid" placeholder="" />
<el-input suffix-icon=“xxxx” v-model="form.contaid" placeholder="" />
</el-form-item>
</el-tooltip>
</el-col>
<el-col :span="6">
<el-col :span="8">
<el-form-item label="到达卸货地时间" prop="arrivetime" label-width="110px">
<!-- <el-input v-model="form.arrivetime" size="mini" placeholder="" />-->
<el-date-picker
... ... @@ -478,10 +483,10 @@
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="6">
<el-col :span="8">
<el-tooltip content="集装箱(器)尺寸：集装箱货物必填；非集装箱货物免填" placement="bottom" effect="light">
<el-form-item label="集装器尺寸" prop="contatype">
<el-input v-model="form.contatype" placeholder="" />
<el-input suffix-icon=“xxxx” v-model="form.contatype" placeholder="" />
</el-form-item>
</el-tooltip>
... ... @@ -494,7 +499,7 @@
<el-input
v-model="form.notes"
type="textarea"
:rows="1" style="width: 440px"
:rows="1" style="width: 520px"
placeholder="请输入内容"
/>
</el-form-item>
... ... @@ -503,7 +508,7 @@
<el-row>
<el-col :span="24">
<el-form-item>
<el-button style="margin-left: 500px;width: 100px" type="info" @click="trn_dialog.addDialog = false">取消</el-button>
<el-button style="margin-left: 400px;width: 100px" type="info" @click="trn_dialog.addDialog = false">取消</el-button>
<el-button type="primary" style="margin-left: 20px;width: 100px" @click="dialogStatus==='create'?trn_add():trn_edit()">提交</el-button>
</el-form-item>
</el-col>
... ... @@ -653,20 +658,25 @@
}
},
computed:{
//海关关区
customscode: {
get: function () {
//呈现的数据
return this.form.customscode
},
set:function (val) {
//操作的数据
this.form.customscode = val;
let loadcode = ''
if (this.unloadcode && this.unloadcode.length >= 2) {
let length = this.unloadcode.length
loadcode = this.unloadcode.substring(length - 2, length)
}
//给运抵编号赋值
this.form.arriveno = this.customscode + loadcode + new Date().format('yyMMddHHmmss');
}
},
//卸货地代码
unloadcode: {
get: function () {
return this.form.unloadcode
... ...