Skip to content

V
vue-gjjs
Commit 1b1e6418 by liuxin
Options

detame,infbfd布局事件调整

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