Skip to content

V
vue-gjjs
Commit 24c30197 by lsk
Options

ditame2-4页布局调整

parent 279d043b
Showing with 228 additions and 28 deletions
src/views/Business/Ditame/Amep.vue
...@@ -34,7 +34,7 @@ ...@@ -34,7 +34,7 @@
</c-col> </c-col>
<c-col :span="11" :offset="1"> <c-col :span="11" :offset="1">
<el-form-item label="摘要"> <el-form-item label="摘要" prop="didgrp.rec.nam">
<c-input <c-input
v-model="model.didgrp.rec.nam" v-model="model.didgrp.rec.nam"
maxlength="40" maxlength="40"
...@@ -56,7 +56,7 @@ ...@@ -56,7 +56,7 @@
<!-- <c-col :span="12"> <el-form-item>&nbsp;</el-form-item></c-col> --> <!-- <c-col :span="12"> <el-form-item>&nbsp;</el-form-item></c-col> -->
<c-col :span="6" :offset="1"> <c-col :span="6" :offset="1">
<el-form-item label="修改次数"> <el-form-item label="修改次数" prop="trnmod.swiadd.amenbr">
<c-input <c-input
v-model="model.trnmod.swiadd.amenbr" v-model="model.trnmod.swiadd.amenbr"
placeholder="请输入修改次数" placeholder="请输入修改次数"
...@@ -65,7 +65,7 @@ ...@@ -65,7 +65,7 @@
</c-col> </c-col>
<c-col :span="5"> <c-col :span="5">
<el-form-item label="实际修改次数" label-width="130px"> <el-form-item label="实际修改次数" label-width="130px" prop="ditamep.amenbr">
<c-input <c-input
v-model="model.ditamep.amenbr" v-model="model.ditamep.amenbr"
placeholder="请输入实际修改次数" placeholder="请输入实际修改次数"
...@@ -96,7 +96,7 @@ ...@@ -96,7 +96,7 @@
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="11"> <c-col :span="11">
<el-form-item label="" label-width="0"> <el-form-item label="" label-width="0" prop="olddidgrp.cbs.nom1.amt">
<c-input <c-input
v-model="model.olddidgrp.cbs.nom1.amt" v-model="model.olddidgrp.cbs.nom1.amt"
style="width: 100%" style="width: 100%"
...@@ -106,7 +106,7 @@ ...@@ -106,7 +106,7 @@
</c-col> </c-col>
</c-col> </c-col>
<c-col :span="24"> <c-col :span="24">
<el-form-item label="溢短装"> <el-form-item label="溢短装" prop="olddidgrp.rec.nomtop">
<c-input <c-input
v-model="model.olddidgrp.rec.nomtop" v-model="model.olddidgrp.rec.nomtop"
style="width: 45%" style="width: 45%"
...@@ -143,7 +143,7 @@ ...@@ -143,7 +143,7 @@
</c-col> </c-col>
<c-col :span="24"> <c-col :span="24">
<c-col :span="13"> <c-col :span="13">
<el-form-item label="修改后金额"> <el-form-item label="修改后金额" prop="trnmod.swiadd.newcur">
<c-input <c-input
v-model="model.trnmod.swiadd.newcur" v-model="model.trnmod.swiadd.newcur"
style="width: 95%" style="width: 95%"
...@@ -153,7 +153,7 @@ ...@@ -153,7 +153,7 @@
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="11"> <c-col :span="11">
<el-form-item label="" label-width="0"> <el-form-item label="" label-width="0" prop="trnmod.swiadd.newamt">
<c-input <c-input
v-model="model.trnmod.swiadd.newamt" v-model="model.trnmod.swiadd.newamt"
style="width: 100%" style="width: 100%"
...@@ -166,7 +166,7 @@ ...@@ -166,7 +166,7 @@
<c-col :span="11" :offset="1"> <c-col :span="11" :offset="1">
<c-col :span="24"> <c-col :span="24">
<c-col :span="13"> <c-col :span="13">
<el-form-item label="最大金额"> <el-form-item label="最大金额" prop="olddidgrp.cbs.max.cur">
<c-input <c-input
v-model="model.olddidgrp.cbs.max.cur" v-model="model.olddidgrp.cbs.max.cur"
maxlength="3" maxlength="3"
...@@ -177,7 +177,7 @@ ...@@ -177,7 +177,7 @@
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="11"> <c-col :span="11">
<el-form-item label="" label-width="0"> <el-form-item label="" label-width="0" prop="olddidgrp.cbs.max.amt">
<c-input <c-input
v-model="model.olddidgrp.cbs.max.amt" v-model="model.olddidgrp.cbs.max.amt"
maxlength="3" maxlength="3"
...@@ -189,7 +189,7 @@ ...@@ -189,7 +189,7 @@
</c-col> </c-col>
<c-col :span="24"> <c-col :span="24">
<c-col :span="13"> <c-col :span="13">
<el-form-item label="修改总金额"> <el-form-item label="修改总金额" prop="ditamep.engcur">
<c-input <c-input
v-model="model.ditamep.engcur" v-model="model.ditamep.engcur"
style="width: 95%" style="width: 95%"
...@@ -198,7 +198,7 @@ ...@@ -198,7 +198,7 @@
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="11"> <c-col :span="11">
<el-form-item label="" label-width="0"> <el-form-item label="" label-width="0" prop="ditamep.engamt">
<c-input <c-input
v-model="model.ditamep.engamt" v-model="model.ditamep.engamt"
style="width: 100%" style="width: 100%"
...@@ -210,7 +210,7 @@ ...@@ -210,7 +210,7 @@
</c-col> </c-col>
<c-col :span="24"> <c-col :span="24">
<c-col :span="13"> <c-col :span="13">
<el-form-item label=""> <el-form-item label="" prop="ditamep.maxcur">
<c-input <c-input
v-model="model.ditamep.maxcur" v-model="model.ditamep.maxcur"
maxlength="3" maxlength="3"
...@@ -220,7 +220,7 @@ ...@@ -220,7 +220,7 @@
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="11"> <c-col :span="11">
<el-form-item label="" label-width="0"> <el-form-item label="" label-width="0" prop="ditamep.maxamt">
<c-input <c-input
v-model="model.ditamep.maxamt" v-model="model.ditamep.maxamt"
style="width: 100%" style="width: 100%"
...@@ -230,7 +230,7 @@ ...@@ -230,7 +230,7 @@
</c-col> </c-col>
</c-col> </c-col>
<c-col :span="24"> <c-col :span="24">
<el-form-item> <el-form-item prop="trnmod.swiadd.newnomtopame">
<c-input <c-input
v-model="model.trnmod.swiadd.newnomtopame" v-model="model.trnmod.swiadd.newnomtopame"
style="width: 45%" style="width: 45%"
...@@ -325,13 +325,13 @@ ...@@ -325,13 +325,13 @@
v-model="model.trnmod.swiadd.shpfroelc" v-model="model.trnmod.swiadd.shpfroelc"
maxlength="35" maxlength="35"
show-word-limit show-word-limit
:rows="5" :rows="2"
placeholder="请输入Shipment from" placeholder="请输入Shipment from"
></c-input> ></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="11" :offset="1"> <c-col :span="11" :offset="1">
<el-form-item label="类型"> <el-form-item label="报文类型">
<c-input disabled></c-input> <c-input disabled></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
...@@ -349,7 +349,7 @@ ...@@ -349,7 +349,7 @@
v-model="model.trnmod.swiadd.shptoelc" v-model="model.trnmod.swiadd.shptoelc"
maxlength="35" maxlength="35"
show-word-limit show-word-limit
:rows="5" :rows="2"
placeholder="请输入货物目的地/交货地(港)" placeholder="请输入货物目的地/交货地(港)"
></c-input> ></c-input>
</el-form-item> </el-form-item>
......
src/views/Business/Ditame/Detp copy.vue 0 → 100644
<template>
<div class="eibs-tab">
<!-- ========================= Left ========================= -->
<c-col :span="11">
<el-form-item label="信用证兑付方式" prop="didgrp.rec.avbby">
<c-select v-model="model.didgrp.rec.avbby" style="width:100%" @change="avbbykeyEvent" placeholder="请选择">
<el-option v-for="item in codes.avbby0" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</c-select>
</el-form-item>
<el-form-item label="付款期限" prop="didgrp.rec.tenmaxday" @keyup.enter.native="recTenmaxdayEvent">
<c-input :disabled="model.didgrp.rec.avbby == 'P'" v-model.number="model.didgrp.rec.tenmaxday" placeholder="请输入" style="width:15%" maxlength="3"></c-input>
</el-form-item>
<el-form-item label="远期付款指示" prop="didgrp.blk.defdet">
<c-input type="textarea" :disabled="model.didgrp.rec.avbby == 'P'" v-model="model.didgrp.blk.defdet" style="width:75%;margin-right:20px;" maxlength="140" show-word-limit placeholder="请输入" :autosize="{ minRows: 3,maxRows:5}"></c-input>
<c-button size="medium" type="primary" icon="el-icon-search" @click="onDefdetButtxmsel">
</c-button>
</el-form-item>
<el-form-item label="交单期限" prop="didgrp.blk.preper">
<c-input type="textarea" v-model="model.didgrp.blk.preper" :disabled="this.flag" style="width:75%;margin-right:20px;" maxlength="105" show-word-limit placeholder="请输入"></c-input>
<c-button size="medium" type="primary" icon="el-icon-search" @click="onPreperButtxmsel">
</c-button>
</el-form-item>
<el-form-item label="" prop="didgrp.blk.preperflg">
<c-checkbox v-model="model.didgrp.blk.preperflg" :click="preperflgExtkeyEvent()">修改交单期限文本</c-checkbox>
</el-form-item>
<el-form-item label="货物运输或交货方式/服务方式" prop="didgrp.rec.tratyp">
<c-select v-model="model.didgrp.rec.tratyp" style="width:50%" placeholder="请选择" @change="recTratypChange" :disabled="model.didgrp.rec.mytype == 'F'">
<el-option v-for="item in codes.tratyp" :key="item.value" :label="item.label"
:value="item.value">
</el-option>
</c-select>
</el-form-item>
<el-form-item v-if="model.didgrp.rec.mytype == 'H'" label="手输运输方式" prop="didgrp.rec.sdsrfs">
<c-input type="textarea" v-model="model.didgrp.rec.sdsrfs" :disabled="this.mytypeFlag" maxlength="140" show-word-limit placeholder="请输入"></c-input>
</el-form-item>
<el-form-item v-if="model.didgrp.rec.mytype == 'F'" label="服务提供方式" prop="didgrp.rec.sdsrfs">
<c-input type="textarea" v-model="model.didgrp.rec.sdsrfs" maxlength="140" show-word-limit placeholder="请输入"></c-input>
</el-form-item>
<el-form-item v-if="model.didgrp.rec.mytype == '3'" label="手输运输方式/服务提供方式" prop="didgrp.rec.sdsrfs">
<c-input type="textarea" v-model="model.didgrp.rec.sdsrfs" :disabled="this.mytypeFlag" maxlength="140" show-word-limit placeholder="请输入"></c-input>
</el-form-item>
<el-form-item label="合同编号" prop="didgrp.rec.conno">
<c-input v-model="model.didgrp.rec.conno" maxlength="35" placeholder="请输入"></c-input>
</el-form-item>
<el-form-item label="合同金额" prop="didgrp.rec.conamt">
<c-col :span="10">
<c-select v-model="model.didgrp.rec.concur" style="width:90%" placeholder="请选择">
<el-option label="CNY 人民币" value="CNY"></el-option>
</c-select>
</c-col>
<c-col :span="14">
<c-input v-model="model.didgrp.rec.conamt" placeholder="请输入"></c-input>
</c-col>
</el-form-item>
</c-col>
<!-- ========================= Right ========================= -->
<c-col :span="11" :offset="1">
<el-form-item label="分批装运货物" prop="didgrp.rec.shppar">
<c-select v-model="model.didgrp.rec.shppar" style="width:50%" placeholder="请选择">
<el-option v-for="item in codes.shppar" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</c-select>
</el-form-item>
<el-form-item label="分期装运/提供服务" prop="didgrp.rec.fqzytgfw">
<c-input v-model="model.didgrp.rec.fqzytgfw" placeholder="请输入" :disabled="model.didgrp.rec.shppar == 'N'" style="width:100%"></c-input>
</el-form-item>
<el-form-item label="分期装运/提供服务约定" prop="didgrp.rec.fqtime">
<c-input type="textarea" :rows="3" v-model="model.didgrp.rec.fqtime" maxlength="140" show-word-limit placeholder="请输入" style="width:100%"></c-input>
</el-form-item>
<el-form-item label="转运" prop="didgrp.rec.shptrs">
<c-select v-model="model.didgrp.rec.shptrs" style="width:50%" placeholder="请选择" :disabled="model.didgrp.rec.mytype == 'F'">
<el-option label="不允许" value="禁止"></el-option>
<el-option label="允许" value="允许"></el-option>
</c-select>
</el-form-item>
<el-form-item label="货物转运地(港)" prop="didgrp.rec.shpfro">
<c-input type="textarea" style="width:100%" :rows="3" v-model="model.didgrp.rec.shpfro" :disabled="model.didgrp.rec.mytype == 'F'" maxlength="35" show-word-limit placeholder="请输入"></c-input>
</el-form-item>
<el-form-item label="货物目的地/交货地(港)" prop="didgrp.rec.shpto">
<c-input type="textarea" style="width:100%" :rows="3" v-model="model.didgrp.rec.shpto" :disabled="model.didgrp.rec.mytype == 'F'" maxlength="35" show-word-limit placeholder="请输入"></c-input>
</el-form-item>
<el-form-item label="服务提供地点" prop="didgrp.rec.shppro">
<c-input type="textarea" style="width:100%" :rows="3" v-model="model.didgrp.rec.shppro" :disabled="model.didgrp.rec.mytype == 'H'" maxlength="35" show-word-limit placeholder="请输入"></c-input>
</el-form-item>
</c-col>
<!-- <c-col :span="12">
<el-form-item label="合同币种" prop="didgrp.rec.concur">
<c-select v-model="model.didgrp.rec.concur" style="width:100%" placeholder="请选择">
<el-option label="CNY 人民币" value="CNY"></el-option>
</c-select>
</el-form-item>
</c-col> -->
<!-- <c-col :span="12">
<span v-text="model.ditp.sdysfs" data-path=".ditp.sdysfs" > </span>
</c-col>
<c-col :span="12">
<span v-text="model.ditp.hwzydi" data-path=".ditp.hwzydi" > </span>
</c-col> -->
</div>
</template>
<script>
import Api from "~/service/Api"
import CommonProcess from "~/mixin/CommonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Ditopn/Event"
import Utils from "~/utils";
export default {
inject: ['root'],
mixins: [CommonProcess],
props:["model","codes"],
data(){
return {
flag:false,
mytypeFlag:true,
}
},
methods:{...Event,
preperflgExtkeyEvent(){
this.flag = !this.model.didgrp.blk.preperflg
if (this.flag === true){
this.model.didgrp.blk.preper = "货物装运日后15天";
}
},
avbbykeyEvent(){
if(this.model.didgrp.rec.avbby == 'P'){
this.model.didgrp.rec.tenmaxday = 0;
this.model.didgrp.blk.defdet = "";
}
this.executeCheck("didgrp.rec.avbby").then(
(res) => {
if (res.respCode == SUCCESS){
Utils.copyValueFromVO(this.model, res.data);
}
}
);
},
recTenmaxdayEvent(){
this.executeDefault("didgrp.rec.tenmaxday").then(
(res) => {
if (res.respCode = SUCCESS){
Utils.copyValueFromVO(this.model, res.data);
}
}
);
},
recTratypChange(){
if (this.model.didgrp.rec.tratyp == "08"){
this.model.didgrp.rec.sdsrfs = "";
this.mytypeFlag = false;
}else{
this.model.didgrp.rec.sdsrfs = "";
this.mytypeFlag = true;
}
}
},
created:function(){
}
}
</script>
<style>
</style>
src/views/Business/Ditame/Detp.vue
...@@ -10,32 +10,42 @@ ...@@ -10,32 +10,42 @@
</c-select> </c-select>
</el-form-item> </el-form-item>
<el-form-item label="付款期限" prop="didgrp.rec.tenmaxday" @keyup.enter.native="recTenmaxdayEvent"> <el-form-item label="付款期限" prop="didgrp.rec.tenmaxday" >
<c-input :disabled="model.didgrp.rec.avbby == 'P'" v-model.number="model.didgrp.rec.tenmaxday" placeholder="请输入" style="width:15%" maxlength="3"></c-input> <c-input :disabled="model.didgrp.rec.avbby == 'P'" v-model.number="model.didgrp.rec.tenmaxday" placeholder="请输入" style="width:17%" maxlength="3"></c-input>
</el-form-item> </el-form-item>
<el-form-item label="远期付款指示" prop="didgrp.blk.defdet"> <el-form-item label="远期付款指示" prop="didgrp.blk.defdet">
<c-input type="textarea" :disabled="model.didgrp.rec.avbby == 'P'" v-model="model.didgrp.blk.defdet" style="width:75%;margin-right:20px;" maxlength="140" show-word-limit placeholder="请输入" :autosize="{ minRows: 3,maxRows:5}"></c-input> <c-col :span="21">
<c-button size="medium" type="primary" icon="el-icon-search" @click="onDefdetButtxmsel"> <c-input type="textarea" :disabled="model.didgrp.rec.avbby == 'P'" v-model="model.didgrp.blk.defdet" style="width:100%" maxlength="140" show-word-limit placeholder="请输入" :autosize="{ minRows: 3,maxRows:5}"></c-input>
</c-col>
<c-col :span="3" style="text-align: right">
<c-button size="small" style="margin:0 0;" type="primary" icon="el-icon-search" @click="onDefdetButtxmsel">
</c-button> </c-button>
</c-col>
</el-form-item> </el-form-item>
<el-form-item label="交单期限" prop="didgrp.blk.preper"> <el-form-item label="交单期限" prop="didgrp.blk.preper">
<c-input type="textarea" v-model="model.didgrp.blk.preper" :disabled="this.flag" style="width:75%;margin-right:20px;" maxlength="105" show-word-limit placeholder="请输入"></c-input> <c-col :span="21">
<c-button size="medium" type="primary" icon="el-icon-search" @click="onPreperButtxmsel"> <c-input type="textarea" v-model="model.didgrp.blk.preper" :disabled="this.flag" style="width:100%" maxlength="105" show-word-limit placeholder="请输入"></c-input>
</c-col>
<c-col :span="3" style="text-align: right">
<c-button size="small" type="primary" style="margin:0 0;" icon="el-icon-search" @click="onPreperButtxmsel">
</c-button> </c-button>
</c-col>
</el-form-item> </el-form-item>
<el-form-item label="" prop="didgrp.blk.preperflg"> <el-form-item label="" prop="didgrp.blk.preperflg">
<c-checkbox v-model="model.didgrp.blk.preperflg" :click="preperflgExtkeyEvent()">修改交单期限文本</c-checkbox> <c-checkbox v-model="model.didgrp.blk.preperflg" :click="preperflgExtkeyEvent()">修改交单期限文本</c-checkbox>
</el-form-item> </el-form-item>
<el-form-item label="货物运输或交货方式/服务方式" prop="didgrp.rec.tratyp"> <el-form-item label="货物运输/交货/服务方式" prop="didgrp.rec.tratyp">
<c-select v-model="model.didgrp.rec.tratyp" style="width:50%" placeholder="请选择" @change="recTratypChange" :disabled="model.didgrp.rec.mytype == 'F'"> <c-col :span="10">
<c-select v-model="model.didgrp.rec.tratyp" style="width:90%" placeholder="请选择" @change="recTratypChange" :disabled="model.didgrp.rec.mytype == 'F'">
<el-option v-for="item in codes.tratyp" :key="item.value" :label="item.label" <el-option v-for="item in codes.tratyp" :key="item.value" :label="item.label"
:value="item.value"> :value="item.value">
</el-option> </el-option>
</c-select> </c-select>
</c-col>
</el-form-item> </el-form-item>
<el-form-item v-if="model.didgrp.rec.mytype == 'H'" label="手输运输方式" prop="didgrp.rec.sdsrfs"> <el-form-item v-if="model.didgrp.rec.mytype == 'H'" label="手输运输方式" prop="didgrp.rec.sdsrfs">
......
src/views/Business/Ditame/index.vue
...@@ -19,15 +19,19 @@ ...@@ -19,15 +19,19 @@
<el-tab-pane label="内容" name="ovwp"> <el-tab-pane label="内容" name="ovwp">
<!--PD000001 --> <!--PD000001 -->
<c-content>
<m-ovwp :model="model" :codes="codes" /> <m-ovwp :model="model" :codes="codes" />
</c-content>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="银行明细" name="detp1"> <el-tab-pane label="其他当事人" name="detp1">
<!--PD000452 --> <!--PD000452 -->
<c-content>
<m-detp1 :model="model" :codes="codes" /> <m-detp1 :model="model" :codes="codes" />
</c-content>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="明细" name="detp"> <el-tab-pane label="详细信息" name="detp">
<!--PD000077 --> <!--PD000077 -->
<m-detp :model="model" :codes="codes" /> <m-detp :model="model" :codes="codes" />
</el-tab-pane> </el-tab-pane>
...@@ -178,7 +182,7 @@ export default { ...@@ -178,7 +182,7 @@ export default {
// defaultRule:Default, // defaultRule:Default,
// rules:this.mergeRules(Pattern,Check), // rules:this.mergeRules(Pattern,Check),
rules: Pattern, rules: Pattern,
codes: {}, codes: { ...CodeTable },
// init: { // init: {
// uri: "/ditame/init", // uri: "/ditame/init",
// fileName: "ditame.json", // fileName: "ditame.json",
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment