Skip to content

V
vue-gjjs
Commit 1b1e6418 by liuxin
Options

detame,infbfd布局事件调整

parent 4401e7e6
Showing with 164 additions and 84 deletions
src/model/Detame/Pattern.js
...@@ -48,7 +48,7 @@ export default { ...@@ -48,7 +48,7 @@ export default {
], ],
"dedgrp.cbs.nom1.amt":[ "dedgrp.cbs.nom1.amt":[
{type: "number", required: false, message: "必输项"}, {type: "string", required: true, message: "必输项"},
{max: 18,message:"整数位不能超过14位"}, {max: 18,message:"整数位不能超过14位"},
{pattern: /(^\d+$)|(^\.\d{1,3}$)|(^\d+\.\d{1,3}$)/, message: "小数位不能超过3位" } {pattern: /(^\d+$)|(^\.\d{1,3}$)|(^\d+\.\d{1,3}$)/, message: "小数位不能超过3位" }
], ],
...@@ -82,7 +82,7 @@ export default { ...@@ -82,7 +82,7 @@ export default {
{max: 3,message:"长度不能超过3"} {max: 3,message:"长度不能超过3"}
], ],
"dedgrp.cbs.max.amt":[ "dedgrp.cbs.max.amt":[
{type: "number", required: false, message: "必输项"}, {type: "string", required: true, message: "必输项"},
{max: 18,message:"整数位不能超过14位"}, {max: 18,message:"整数位不能超过14位"},
{pattern: /(^\d+$)|(^\.\d{1,3}$)|(^\d+\.\d{1,3}$)/, message: "小数位不能超过3位" } {pattern: /(^\d+$)|(^\.\d{1,3}$)|(^\d+\.\d{1,3}$)/, message: "小数位不能超过3位" }
], ],
......
src/model/Detame/index.js
import Api from "~/service/Api" import Api from "~/service/Api"
import Pts from "../Common/Pts" import Pts from "../Common/Pts"
import Pub from "../Public"
export default class Detame{ export default class Detame{
constructor () { constructor () {
...@@ -147,6 +148,10 @@ export default class Detame{ ...@@ -147,6 +148,10 @@ export default class Detame{
pts:new Pts().data, pts:new Pts().data,
}, },
}, },
setmod: new Pub().data.Setmod,
mtabut: new Pub().data.Mtabut,
trnmod: new Pub().data.Trnmod,
liaall: new Pub().data.Liaall,
pageId: "" // ctx的key pageId: "" // ctx的key
} }
} }
......
src/views/Business/Detame/Detp.vue
<template> <template>
<div class="eibs-tab"> <div class="eibs-tab">
<c-col :span="12"> <c-col :span="24">
<el-form-item label="Description of Goods" prop="dedgrp.blk.lcrgod"> <el-form-item label="货物描述" prop="dedgrp.blk.lcrgod">
<c-input type="textarea" v-model="model.dedgrp.blk.lcrgod" maxlength="65" show-word-limit placeholder="请输入Description of Goods" ></c-input> <c-input type="textarea" :autosize="{ minRows: 6, maxRows: 8}" v-model="model.dedgrp.blk.lcrgod" style="width:70%;margin-right:20px;" maxlength="1430" show-word-limit placeholder="请输入Description of Goods" ></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="12"> <c-col :span="24">
<c-button size="small" type="primary" icon="el-icon-search" @click="onLcrgodButtxmsel"> <el-form-item label="货物类型" prop="dedgrp.rec.stagod">
... <c-select v-model="model.dedgrp.rec.stagod" style="width:70%" placeholder="请选择货物类型">
</c-button> <el-option
v-for="item in codes.godcod"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col> </c-col>
<c-col :span="24">
<el-form-item label="单据要求" prop="dedgrp.blk.lcrdoc">
<c-input type="textarea" :autosize="{ minRows: 6, maxRows: 8}" v-model="model.dedgrp.blk.lcrdoc" maxlength="1950" style="width:70%;margin-right:20px;" show-word-limit placeholder="请输入单据要求" ></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="附加条款" prop="dedgrp.blk.adlcnd">
<c-input type="textarea" :autosize="{ minRows: 6, maxRows: 8}" v-model="model.dedgrp.blk.adlcnd" style="width:70%;margin-right:20px;" maxlength="1430" show-word-limit placeholder="请输入附加条款" ></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="给付款、承兑、议付行的指示" prop="dedgrp.blk.insbnk">
<c-input type="textarea" :autosize="{ minRows: 6, maxRows: 8}" v-model="model.dedgrp.blk.insbnk" style="width:70%;margin-right:20px;" maxlength="325" show-word-limit placeholder="请输入付行的指示" ></c-input>
</el-form-item>
</c-col>
<!--
<c-col :span="12"> <c-col :span="12">
<span v-text="model.detp.hwfwms" data-path=".detp.hwfwms" > </span> <span v-text="model.detp.hwfwms" data-path=".detp.hwfwms" > </span>
</c-col> </c-col>
...@@ -21,12 +48,7 @@ ...@@ -21,12 +48,7 @@
<span v-text="model.detp.hwtype" data-path=".detp.hwtype" > </span> <span v-text="model.detp.hwtype" data-path=".detp.hwtype" > </span>
</c-col> </c-col>
<c-col :span="12">
<el-form-item label="Goods Code for Statistics" prop="dedgrp.rec.stagod">
<c-select v-model="model.dedgrp.rec.stagod" style="width:100%" placeholder="请选择Goods Code for Statistics">
</c-select>
</el-form-item>
</c-col>
<c-col :span="12"> <c-col :span="12">
<el-form-item label="单据条款" prop="dedgrp.blk.lcrdoc"> <el-form-item label="单据条款" prop="dedgrp.blk.lcrdoc">
...@@ -63,13 +85,14 @@ ...@@ -63,13 +85,14 @@
... ...
</c-button> </c-button>
</c-col> </c-col>
-->
</div> </div>
</template> </template>
<script> <script>
import Api from "~/service/Api" import Api from "~/service/Api"
import commonProcess from "~/mixin/commonProcess"; import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable" import CodeTable from "~/config/CodeTable"
import Event from "~/model/Detame/Event" import Event from "~/model/Detopn/Event"
export default { export default {
inject: ['root'], inject: ['root'],
......
src/views/Business/Detame/Detp2.vue
<template> <template>
<div class="eibs-tab"> <div class="eibs-tab">
<c-col :span="12"> <!-- ========================= Left ========================= -->
<span v-text="model.detp.fenzhu" data-path=".detp.fenzhu" > </span> <c-col :span="11">
</c-col> <el-form-item label="分批装运货物" prop="dedgrp.rec.shppar">
<c-select v-model="model.dedgrp.rec.shppar" style="width:100%" 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>
<c-col :span="12"> <el-form-item label="分期装运/提供服务" prop="dedgrp.rec. 看看评【评【评【">
<el-form-item label="Partial Shipment" prop="dedgrp.rec.shppar"> <c-select v-model="model.dedgrp.rec.fqzytgfw" placeholder="请选择" :disabled="model.dedgrp.rec.shppar != 'Y'" style="width:100%">
<c-select v-model="model.dedgrp.rec.shppar" style="width:100%" placeholder="请选择Partial Shipment"> <el-option v-for="item in codes.shppar" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</c-select> </c-select>
</el-form-item> </el-form-item>
</c-col>
<c-col :span="12"> <el-form-item label="分期装运/提供服务约定" prop="dedgrp.rec.fqtime">
<span v-text="model.detp.hwzydi" data-path=".detp.hwzydi" > </span> <c-input type="textarea" :rows="3" v-model="model.dedgrp.rec.fqtime" maxlength="140" show-word-limit placeholder="请输入" style="width:100%"></c-input>
</c-col> </el-form-item>
<c-col :span="12"> <el-form-item label="货物运输/交货/服务方式" prop="dedgrp.rec.tratyp">
<el-form-item label="分期装运/提供服务" prop="dedgrp.rec.fqzytgfw"> <c-select v-model="model.dedgrp.rec.tratyp" style="width:100%" placeholder="请选择" @change="recTratypChange" :disabled="model.dedgrp.rec.mytype == 'F'">
<c-select v-model="model.dedgrp.rec.fqzytgfw" style="width:100%" placeholder="请选择分期装运/提供服务"> <el-option v-for="item in codes.tratyp" :key="item.value" :label="item.label"
:value="item.value">
</el-option>
</c-select> </c-select>
</el-form-item> </el-form-item>
</c-col>
<c-col :span="12"> <el-form-item v-if="model.dedgrp.rec.mytype == 'H'" label="手输运输方式" prop="dedgrp.rec.sdsrfs">
<el-form-item label="分期装运/提供服务" prop="dedgrp.rec.shpfro"> <c-input type="textarea" v-model="model.dedgrp.rec.sdsrfs" :disabled="this.mytypeFlag" maxlength="140" show-word-limit placeholder="请输入"></c-input>
<c-input type="textarea" v-model="model.dedgrp.rec.shpfro" maxlength="35" show-word-limit placeholder="请输入分期装运/提供服务" ></c-input>
</el-form-item> </el-form-item>
</c-col> <el-form-item v-if="model.dedgrp.rec.mytype == 'F'" label="服务提供方式" prop="dedgrp.rec.sdsrfs">
<c-input type="textarea" v-model="model.dedgrp.rec.sdsrfs" maxlength="140" show-word-limit placeholder="请输入"></c-input>
<c-col :span="12"> </el-form-item>
<el-form-item label="分期时镧表" prop="dedgrp.rec.fqtime"> <el-form-item v-if="model.dedgrp.rec.mytype == '3'" label="手输运输方式/服务提供方式" prop="dedgrp.rec.sdsrfs">
<c-input type="textarea" v-model="model.dedgrp.rec.fqtime" maxlength="35" show-word-limit placeholder="请输入分期时镧表" ></c-input> <c-input type="textarea" v-model="model.dedgrp.rec.sdsrfs" :disabled="this.mytypeFlag" maxlength="140" show-word-limit placeholder="请输入"></c-input>
</el-form-item> </el-form-item>
</c-col>
<c-col :span="12"> <el-form-item label="合同编号" prop="dedgrp.rec.conno">
<el-form-item label="货物运输或交货方式/服务方式" prop="dedgrp.rec.shpto"> <c-input v-model="model.dedgrp.rec.conno" maxlength="35" placeholder="请输入"></c-input>
<c-input type="textarea" v-model="model.dedgrp.rec.shpto" maxlength="35" show-word-limit placeholder="请输入货物运输或交货方式/服务方式" ></c-input>
</el-form-item> </el-form-item>
</c-col>
<c-col :span="12"> <el-form-item label="合同金额" prop="dedgrp.rec.conamt">
<el-form-item label="运输方式" prop="dedgrp.rec.tratyp"> <c-col :span="10">
<c-select v-model="model.dedgrp.rec.tratyp" style="width:100%" placeholder="请选择运输方式"> <c-select v-model="model.dedgrp.rec.concur" style="width:90%" placeholder="请选择">
<el-option label="CNY 人民币" value="CNY"></el-option>
</c-select> </c-select>
</c-col>
<c-col :span="14">
<c-input v-model="model.dedgrp.rec.conamt" placeholder="请输入"></c-input>
</c-col>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="12"> <!-- ========================= Right ========================= -->
<span v-text="model.detp.sdysfs" data-path=".detp.sdysfs" > </span> <c-col :span="11" :offset="1">
</c-col> <el-form-item label="货物转运地(港)" prop="dedgrp.rec.shpfro">
<c-input type="textarea" style="width:100%" :rows="3" v-model="model.dedgrp.rec.shpfro" :disabled="model.dedgrp.rec.mytype == 'F'" maxlength="35" show-word-limit placeholder="请输入"></c-input>
</el-form-item>
<c-col :span="12"> <el-form-item label="货物目的地/交货地(港)" prop="dedgrp.rec.shpto">
<el-form-item label="输入运输方式" prop="dedgrp.rec.sdsrfs"> <c-input type="textarea" style="width:100%" :rows="3" v-model="model.dedgrp.rec.shpto" :disabled="model.dedgrp.rec.mytype == 'F'" maxlength="35" show-word-limit placeholder="请输入"></c-input>
<c-input type="textarea" v-model="model.dedgrp.rec.sdsrfs" maxlength="35" show-word-limit placeholder="请输入输入运输方式" ></c-input>
</el-form-item> </el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="服务提供地点" prop="dedgrp.rec.shppro"> <el-form-item label="服务提供地点" prop="dedgrp.rec.shppro">
<c-input type="textarea" v-model="model.dedgrp.rec.shppro" maxlength="35" show-word-limit placeholder="请输入服务提供地点" ></c-input> <c-input type="textarea" style="width:100%" :rows="3" v-model="model.dedgrp.rec.shppro" :disabled="model.dedgrp.rec.mytype == 'H'" maxlength="35" show-word-limit placeholder="请输入"></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
<!--
<c-col :span="12"> <c-col :span="12">
<el-form-item label="合同编号" prop="dedgrp.rec.conno"> <span v-text="model.detp.fenzhu" data-path=".detp.fenzhu" > </span>
<c-input v-model="model.dedgrp.rec.conno" maxlength="35" placeholder="请输入合同编号"></c-input>
</el-form-item>
</c-col> </c-col>
<c-col :span="12"> <c-col :span="12">
<el-form-item label="合同币种" prop="dedgrp.rec.concur"> <span v-text="model.detp.hwzydi" data-path=".detp.hwzydi" > </span>
<c-select v-model="model.dedgrp.rec.concur" style="width:100%" placeholder="请选择合同币种">
</c-select>
</el-form-item>
</c-col> </c-col>
<c-col :span="12"> <c-col :span="12">
<el-form-item label="合同金额" prop="dedgrp.rec.conamt"> <span v-text="model.detp.sdysfs" data-path=".detp.sdysfs" > </span>
<c-input v-model="model.dedgrp.rec.conamt" placeholder="请输入合同金额"></c-input>
</el-form-item>
</c-col> </c-col>
-->
</div> </div>
</template> </template>
<script> <script>
import Api from "~/service/Api" import Api from "~/service/Api"
import commonProcess from "~/mixin/commonProcess"; import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable" import CodeTable from "~/config/CodeTable"
import Event from "~/model/Detame/Event" import Event from "~/model/Detopn/Event"
export default { export default {
inject: ['root'], inject: ['root'],
...@@ -96,10 +101,20 @@ export default { ...@@ -96,10 +101,20 @@ export default {
mixins: [commonProcess], mixins: [commonProcess],
data(){ data(){
return { return {
mytypeFlag:true,
}
},
methods:{...Event,
recTratypChange(){
if (this.model.dedgrp.rec.tratyp == "08"){
this.model.dedgrp.rec.sdsrfs = "";
this.mytypeFlag = false;
}else{
this.model.dedgrp.rec.sdsrfs = "";
this.mytypeFlag = true;
}
} }
}, },
methods:{...Event},
created:function(){ created:function(){
} }
......
src/views/Business/Detame/index.vue
...@@ -4,33 +4,56 @@ ...@@ -4,33 +4,56 @@
<c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="myTabClick"> <c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="myTabClick">
<!--PD000017 --> <!--PD000017 -->
<el-tab-pane label="PD000017" name="ovwp"> <el-tab-pane label="基本信息" name="ovwp">
<m-ovwp :model="model" :codes="codes"/> <m-ovwp :model="model" :codes="codes"/>
</el-tab-pane> </el-tab-pane>
<!--PD000494 -->
<el-tab-pane label="其他当事人" name="detp1">
<m-detp1 :model="model" :codes="codes"/>
</el-tab-pane>
<!--PD000525 -->
<el-tab-pane label="详细信息" name="detp2">
<m-detp2 :model="model" :codes="codes" />
</el-tab-pane>
<!--PD000405 --> <!--PD000405 -->
<el-tab-pane label="PD000405" name="detp"> <el-tab-pane label="单据要求" name="detp">
<m-detp :model="model" :codes="codes"/> <m-detp :model="model" :codes="codes"/>
</el-tab-pane> </el-tab-pane>
<!--PD000494 --> <!--PD000000 -->
<el-tab-pane label="PD000494" name="detp1"> <el-tab-pane label="费用及账务" name="setpan">
<m-detp1 :model="model" :codes="codes"/> <c-content>
<m-setpan :model="model" :codes="codes" />
</c-content>
</el-tab-pane> </el-tab-pane>
<!--PD000525 --> <el-tab-pane label="分录" name="glepan">
<el-tab-pane label="PD000525" name="detp2"> <m-glepan :model="model" :codes="codes" ref="glepan" />
<m-detp2 :model="model" :codes="codes"/> </el-tab-pane>
<el-tab-pane label="表外" name="engp">
<!--PD000027 -->
<c-content>
<m-engp :model="model" :codes="codes" />
</c-content>
</el-tab-pane> </el-tab-pane>
<!--PD000548 --> <!--PD000000 -->
<el-tab-pane label="PD000548" name="stament"> <el-tab-pane label="附言" name="coninfp">
<m-stament :model="model" :codes="codes"/> <m-coninfp :model="model" :codes="codes" />
</el-tab-pane>
<!--PD000529 -->
<el-tab-pane label="报文及面函" name="docpan">
<m-docpan :model="model" :codes="codes" />
</el-tab-pane> </el-tab-pane>
<!--PD000001 --> <!--PD000001 -->
<el-tab-pane label="PD000001" name="aamp"> <el-tab-pane label="授信额度" name="limitbody">
<m-aamp :model="model" :codes="codes"/> <m-limitbody :model="model" :codes="codes" />
</el-tab-pane> </el-tab-pane>
</c-tabs> </c-tabs>
</el-form> </el-form>
...@@ -51,6 +74,13 @@ import Detp2 from "./Detp2" ...@@ -51,6 +74,13 @@ import Detp2 from "./Detp2"
import Stament from "./Stament" import Stament from "./Stament"
import Aamp from "./Aamp" import Aamp from "./Aamp"
import Setpan from "~/views/Public/Setpan";
import Glepan from "~/views/Public/Glepan";
import Engp from "~/views/Public/Engp";
import Coninfp from "~/views/Public/Coninfp";
import Docpan from "~/views/Public/Docpan";
import Limitbody from "~/views/Public/Limitbody";
export default { export default {
name: "Detame", name: "Detame",
...@@ -61,6 +91,12 @@ export default { ...@@ -61,6 +91,12 @@ export default {
"m-detp2" : Detp2, "m-detp2" : Detp2,
"m-stament" : Stament, "m-stament" : Stament,
"m-aamp" : Aamp, "m-aamp" : Aamp,
"m-setpan": Setpan,
"m-glepan": Glepan,
"m-engp": Engp,
"m-coninfp": Coninfp,
"m-docpan": Docpan,
"m-limitbody": Limitbody,
}, },
provide() { provide() {
return { return {
...@@ -70,7 +106,7 @@ export default { ...@@ -70,7 +106,7 @@ export default {
mixins: [commonProcess], // 里面包含了Default、Check等的公共处理 mixins: [commonProcess], // 里面包含了Default、Check等的公共处理
data(){ data(){
return { return {
tabVal: "", tabVal: "ovwp",
trnName: "detame", trnName: "detame",
model: new Detame().data, model: new Detame().data,
checkRules: Check, checkRules: Check,
...@@ -78,6 +114,7 @@ export default { ...@@ -78,6 +114,7 @@ export default {
pattern: Pattern, pattern: Pattern,
rules: null, rules: null,
codes: { codes: {
...CodeTable
}, },
} }
}, },
......
src/views/Business/Infbfd/Ovwp.vue
...@@ -9,7 +9,6 @@ ...@@ -9,7 +9,6 @@
<c-button size="small" type="primary">Use</c-button> <c-button size="small" type="primary">Use</c-button>
<c-button size="small" type="primary">Loginfo</c-button> <c-button size="small" type="primary">Loginfo</c-button>
</div> </div>
</p>
<c-row> <c-row>
<c-col :span="12"> <c-col :span="12">
<c-col :span="12"> <c-col :span="12">
......
src/views/Business/Infbfd/index.vue
...@@ -138,6 +138,7 @@ export default { ...@@ -138,6 +138,7 @@ export default {
pattern: Pattern, pattern: Pattern,
rules: null, rules: null,
codes: { codes: {
...CodeTable
}, },
showflg: true, showflg: true,
} }
...@@ -152,7 +153,7 @@ export default { ...@@ -152,7 +153,7 @@ export default {
if(rtnmsg.respCode == SUCCESS) if(rtnmsg.respCode == SUCCESS)
{ {
//TODO 处理数据逻辑 //TODO 处理数据逻辑
this.updateModel(rtnmsg.data);
} }
else else
{ {
......
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