Skip to content

V
vue-gjjs
Commit 7d1b3b6d by zhengxiaokui
Options

bdtudp

parent 3e2712aa
Showing with 336 additions and 249 deletions
src/views/Business/Bdtudp/Brlip.vue
<template> <template>
<div class="eibs-tab"> <div class="eibs-tab">
<el-col :span="12">
<el-col :span="12"> <el-form-item label="信用证概要" prop="didgrp.rec.nam">
<el-form-item label="Externally Displayed Name to Identify the Contract" prop="didgrp.rec.nam"> <c-input
<c-input v-model="model.didgrp.rec.nam" maxlength="40" placeholder="请输入Externally Displayed Name to Identify the Contract"></c-input> v-model="model.didgrp.rec.nam"
</el-form-item> maxlength="40"
</el-col> placeholder="请输入Externally Displayed Name to Identify the Contract"
></c-input>
<el-col :span="12"> </el-form-item>
<el-form-item label="信用证金额" prop="didgrp.cbs.nom1.cur"> </el-col>
<c-select v-model="model.didgrp.cbs.nom1.cur" style="width:100%" placeholder="请选择信用证金额">
</c-select> <el-col :span="6">
</el-form-item> <el-form-item label="信用证金额" prop="didgrp.cbs.nom1.cur">
</el-col> <c-select v-model="model.didgrp.cbs.nom1.cur" placeholder="币种">
<el-option
<el-col :span="12"> v-for="item in codes.cur"
<el-form-item label="信用证金额" prop="didgrp.cbs.nom1.amt"> :key="item.value"
<c-input v-model="model.didgrp.cbs.nom1.amt" placeholder="请输入信用证金额"></c-input> :label="item.label"
</el-form-item> :value="item.value"
</el-col> >
</el-option>
<el-col :span="12"> </c-select>
<el-form-item label="指定银行" prop="didgrp.avbnam"> </el-form-item>
<c-input v-model="model.didgrp.avbnam" maxlength="40" placeholder="请输入指定银行"></c-input> </el-col>
</el-form-item> <el-col :span="6">
</el-col> <el-form-item
label=""
<el-col :span="12"> label-width="-20px !important"
<el-form-item label="兑付方式" prop="didgrp.rec.avbby"> prop="didgrp.cbs.nom1.amt"
<c-select v-model="model.didgrp.rec.avbby" style="width:100%" placeholder="请选择兑付方式"> >
</c-select> <c-input
</el-form-item> v-model="model.didgrp.cbs.nom1.amt"
</el-col> placeholder="请输入信用证金额"
></c-input>
<el-col :span="12"> </el-form-item>
<span v-text="model.bdtp.zchday" data-path=".bdtp.zchday" > </span> </el-col>
</el-col>
<el-col :span="12">
<el-col :span="12"> <el-form-item label="指定银行" prop="didgrp.avbnam">
<el-form-item label="Shipment Date" prop="didgrp.rec.shpdat"> <c-input
<c-date-picker type="date" v-model="model.didgrp.rec.shpdat" style="width:100%" placeholder="请选择Shipment Date"></c-date-picker> v-model="model.didgrp.avbnam"
</el-form-item> maxlength="40"
</el-col> placeholder="请输入指定银行"
></c-input>
<el-col :span="12"> </el-form-item>
<el-form-item label="开证日期" prop="didgrp.rec.opndat"> </el-col>
<c-date-picker type="date" v-model="model.didgrp.rec.opndat" style="width:100%" placeholder="请选择开证日期"></c-date-picker>
</el-form-item> <el-col :span="12">
</el-col> <el-form-item label="兑付方式" prop="didgrp.rec.avbby">
<c-select
<el-col :span="12"> v-model="model.didgrp.rec.avbby"
<el-form-item label="到期日/到期地点"> style="width: 100%"
<c-input type="textarea" v-model="model.didgrp.rec.expplc" maxlength="35" show-word-limit placeholder="请输入到期日/到期地点" ></c-input> placeholder="请选择兑付方式"
</el-form-item> >
</el-col> </c-select>
</el-form-item>
<el-col :span="12"> </el-col>
<el-form-item label="信用证类型" prop="didgrp.rec.lcrtyp">
<c-select v-model="model.didgrp.rec.lcrtyp" style="width:100%" placeholder="请选择信用证类型"> <el-col :span="12">
</c-select> <span v-text="model.bdtp.zchday" data-path=".bdtp.zchday"> </span>
</el-form-item> </el-col>
</el-col>
<el-col :span="12">
<el-form-item label="Shipment Date" prop="didgrp.rec.shpdat">
<c-date-picker
type="date"
v-model="model.didgrp.rec.shpdat"
style="width: 100%"
placeholder="请选择Shipment Date"
></c-date-picker>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="开证日期" prop="didgrp.rec.opndat">
<c-date-picker
type="date"
v-model="model.didgrp.rec.opndat"
style="width: 100%"
placeholder="请选择开证日期"
></c-date-picker>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="到期日/到期地点">
<c-input
type="textarea"
v-model="model.didgrp.rec.expplc"
maxlength="35"
show-word-limit
placeholder="请输入到期日/到期地点"
></c-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="信用证类型" prop="didgrp.rec.lcrtyp">
<c-select
v-model="model.didgrp.rec.lcrtyp"
style="width: 100%"
placeholder="请选择信用证类型"
>
</c-select>
</el-form-item>
</el-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/Bdtudp/Event" import Event from "~/model/Bdtudp/Event";
export default { export default {
inject: ['root'], inject: ["root"],
props:["model","codes"], props: ["model", "codes"],
mixins: [CommonProcess], mixins: [CommonProcess],
data(){ data() {
return { return {};
},
} methods: { ...Event },
}, created: function () {},
methods:{...Event}, };
created:function(){
}
}
</script> </script>
<style> <style>
</style> </style>
src/views/Business/Bdtudp/Docpre.vue
<template> <template>
<div class="eibs-tab"> <div class="eibs-tab">
<c-row>
<el-col :span="12"> <c-col :span="6">
<c-checkbox v-model="model.bddgrp.rec.igndisflg">Ignore Discrepancies</c-checkbox> <c-checkbox v-model="model.bddgrp.rec.igndisflg"
</el-col> >Ignore Discrepancies</c-checkbox
>
<el-col :span="12"> </c-col>
<c-button size="small" type="primary" icon="el-icon-search" @click="onDocdisButtxmsel">
... <c-col :span="6">
<c-checkbox v-model="model.bddgrp.rec.approvcod"
>Documents on Approval Basis</c-checkbox
>
</c-col>
<c-col :span="6">
<c-checkbox v-model="model.bdtp.cre752flg">Create 752</c-checkbox>
</c-col>
<c-col :span="6">
<c-checkbox v-model="model.bdtp.cre732flg">Create MT 732</c-checkbox>
</c-col>
<!-- <c-col :span="12">
<c-button
size="small"
type="primary"
icon="el-icon-search"
@click="onDocdisButtxmsel"
>
...
</c-button> </c-button>
</el-col> </c-col> -->
<el-col :span="12"> <c-col :span="12">
<el-form-item label="Type of Advice Received" prop="bddgrp.rec.advtyp"> <el-form-item label="Type of Advice Received" prop="bddgrp.rec.advtyp">
<c-select v-model="model.bddgrp.rec.advtyp" style="width:100%" placeholder="请选择Type of Advice Received"> <c-select
</c-select> v-model="model.bddgrp.rec.advtyp"
style="width: 100%"
placeholder="请选择Type of Advice Received"
>
</c-select>
</el-form-item> </el-form-item>
</el-col> </c-col>
<el-col :span="12"> <c-col :span="12">
<el-form-item label="不符点通知日期" prop="bddgrp.rec.disdat"> <el-form-item label="不符点通知日期" prop="bddgrp.rec.disdat">
<c-date-picker type="date" v-model="model.bddgrp.rec.disdat" style="width:100%" placeholder="请选择不符点通知日期"></c-date-picker> <c-date-picker
type="date"
v-model="model.bddgrp.rec.disdat"
style="width: 100%"
placeholder="请选择不符点通知日期"
></c-date-picker>
</el-form-item> </el-form-item>
</el-col> </c-col>
<el-col :span="12"> <c-col :span="12">
<el-form-item label="Comments and Conclusions"> <el-form-item label="Comments and Conclusions">
<c-input type="textarea" v-model="model.bddgrp.blk.comcon" maxlength="65" show-word-limit placeholder="请输入Comments and Conclusions" ></c-input> <c-input
</el-form-item> type="textarea"
</el-col> v-model="model.bddgrp.blk.comcon"
maxlength="65"
<el-col :span="12"> show-word-limit
<c-checkbox v-model="model.bddgrp.rec.approvcod">Documents on Approval Basis</c-checkbox> placeholder="请输入Comments and Conclusions"
</el-col> ></c-input>
<el-col :span="12">
<c-checkbox v-model="model.bdtp.cre752flg">Create 752</c-checkbox>
</el-col>
<el-col :span="12">
<el-form-item label="Further Identification" prop="bdtp.furide">
<c-select v-model="model.bdtp.furide" style="width:100%" placeholder="请选择Further Identification">
</c-select>
</el-form-item> </el-form-item>
</el-col> </c-col>
<el-col :span="12"> <c-col :span="12">
<c-checkbox v-model="model.bdtp.cre732flg">Create MT 732</c-checkbox> <span
</el-col> v-text="model.bdtp.docgrdm.docdsclab"
data-path=".bdtp.docgrdm.docdsclab"
<el-col :span="12"> >
</span>
</c-col>
<c-col :span="12">
<el-form-item label="到期付款确认备注"> <el-form-item label="到期付款确认备注">
<c-input type="textarea" v-model="model.bddgrp.blk.accrmk" maxlength="65" show-word-limit placeholder="请输入到期付款确认备注" ></c-input> <c-input
type="textarea"
v-model="model.bddgrp.blk.accrmk"
maxlength="65"
show-word-limit
placeholder="请输入到期付款确认备注"
></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Further Identification" prop="bdtp.furide">
<c-select
v-model="model.bdtp.furide"
style="width: 100%"
placeholder="请选择Further Identification"
>
</c-select>
</el-form-item> </el-form-item>
</el-col> </c-col>
</c-row>
<el-col :span="12">
<span v-text="model.bdtp.docgrdm.docdsclab" data-path=".bdtp.docgrdm.docdsclab" > </span>
</el-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/Bdtudp/Event" import Event from "~/model/Bdtudp/Event";
export default { export default {
inject: ['root'], inject: ["root"],
props:["model","codes"], props: ["model", "codes"],
mixins: [CommonProcess], mixins: [CommonProcess],
data(){ data() {
return { return {};
},
} methods: { ...Event },
}, created: function () {},
methods:{...Event}, };
created:function(){
}
}
</script> </script>
<style> <style>
</style> </style>
src/views/Business/Bdtudp/Shpdet.vue
...@@ -117,11 +117,11 @@ ...@@ -117,11 +117,11 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <!-- <el-col :span="12">
<c-button size="small" type="primary" @click="onShppDet"> <c-button size="small" type="primary" @click="onShppDet">
Details Details
</c-button> </c-button>
</el-col> </el-col> -->
<el-col :span="12"> <el-col :span="12">
<el-form-item label="名称"> <el-form-item label="名称">
......
src/views/Business/Bdtudp/index.vue
<template> <template>
<div class="eContainer"> <c-page title="国内证承兑">
<el-form :model="model" :rules="rules" ref="modelForm" label-width="100px" size="small"> <div class="eContainer bdtudp">
<c-tabs ref="elment" type="card" @tab-click="tabClick"> <el-form
:model="model"
<!--PD000032 --> :rules="rules"
<el-tab-pane label="PD000032" name="payp"> ref="modelForm"
<m-payp :model="model" :codes="codes"/> label-width="100px"
</el-tab-pane> size="small"
:validate-on-rule-change="false"
<!--PD000147 --> >
<el-tab-pane label="PD000147" name="mt754p"> <c-tabs
<m-mt754p :model="model" :codes="codes"/> :value="initPane"
</el-tab-pane> ref="elment"
type="card"
<!--PD000139 --> @tab-click="tabClick"
<el-tab-pane label="PD000139" name="mt750p"> >
<m-mt750p :model="model" :codes="codes"/> <!--PD000032 -->
</el-tab-pane> <el-tab-pane label="内容" name="payp">
<m-payp :model="model" :codes="codes" />
<!--PD000137 --> </el-tab-pane>
<el-tab-pane label="PD000137" name="ovwp">
<m-ovwp :model="model" :codes="codes"/> <!--PD000147 -->
</el-tab-pane> <!-- <el-tab-pane label="PD000147" name="mt754p">
<m-mt754p :model="model" :codes="codes" />
<!--PD000062 --> </el-tab-pane> -->
<el-tab-pane label="PD000062" name="docpre">
<m-docpre :model="model" :codes="codes"/> <!--PD000139 -->
</el-tab-pane> <!-- <el-tab-pane label="PD000139" name="mt750p">
<m-mt750p :model="model" :codes="codes" />
<!--PD000079 --> </el-tab-pane> -->
<el-tab-pane label="PD000079" name="shpdet">
<m-shpdet :model="model" :codes="codes"/> <!--PD000137 -->
</el-tab-pane> <!-- <el-tab-pane label="PD000137" name="ovwp">
<m-ovwp :model="model" :codes="codes" />
<!--PD000168 --> </el-tab-pane> -->
<el-tab-pane label="PD000168" name="brlip">
<m-brlip :model="model" :codes="codes"/> <!--PD000062 -->
</el-tab-pane> <el-tab-pane label="不符点" name="docpre">
<m-docpre :model="model" :codes="codes" />
<!--PD000213 --> </el-tab-pane>
<el-tab-pane label="PD000213" name="othadvtypp">
<m-othadvtypp :model="model" :codes="codes"/> <!--PD000079 -->
</el-tab-pane> <el-tab-pane label="明细" name="shpdet">
</c-tabs> <m-shpdet :model="model" :codes="codes" />
</el-form> </el-tab-pane>
</div>
<!--PD000168 -->
<el-tab-pane label="信用证内容" name="brlip">
<m-brlip :model="model" :codes="codes" />
</el-tab-pane>
<!--PD000213 -->
<!-- <el-tab-pane label="PD000213" name="othadvtypp">
<m-othadvtypp :model="model" :codes="codes" />
</el-tab-pane> -->
</c-tabs>
<c-bus-button :$pntvm="this"></c-bus-button>
</el-form>
</div>
</c-page>
</template> </template>
<script> <script>
import Api from "~/service/Api" import Api from "~/service/Api";
import CodeTable from "~/config/CodeTable" import CodeTable from "~/config/CodeTable";
import Bdtudp from "~/model/Bdtudp" import Bdtudp from "~/model/Bdtudp";
import CommonProcess from "~/mixin/CommonProcess" import CommonProcess from "~/mixin/CommonProcess";
import Pattern from "~/model/Bdtudp/Pattern" import Pattern from "~/model/Bdtudp/Pattern";
import Payp from "./Payp" import Payp from "./Payp";
import Mt754p from "./Mt754p" //import Mt754p from "./Mt754p";
import Mt750p from "./Mt750p" //import Mt750p from "./Mt750p";
import Ovwp from "./Ovwp" //import Ovwp from "./Ovwp";
import Docpre from "./Docpre" import Docpre from "./Docpre";
import Shpdet from "./Shpdet" import Shpdet from "./Shpdet";
import Brlip from "./Brlip" import Brlip from "./Brlip";
import Othadvtypp from "./Othadvtypp" //import Othadvtypp from "./Othadvtypp";
export default { export default {
components:{ components: {
"m-payp" : Payp, "m-payp": Payp,
"m-mt754p" : Mt754p, //"m-mt754p": Mt754p,
"m-mt750p" : Mt750p, //"m-mt750p": Mt750p,
"m-ovwp" : Ovwp, //"m-ovwp": Ovwp,
"m-docpre" : Docpre, "m-docpre": Docpre,
"m-shpdet" : Shpdet, "m-shpdet": Shpdet,
"m-brlip" : Brlip, "m-brlip": Brlip,
"m-othadvtypp" : Othadvtypp, //"m-othadvtypp": Othadvtypp,
}, },
provide() { provide() {
return { return {
root: this root: this,
} };
}, },
mixins: [CommonProcess], // 里面包含了Default、Check等的公共处理 mixins: [CommonProcess], // 里面包含了Default、Check等的公共处理
data(){ data() {
return { return {
model:new Bdtudp().data, initPane: "payp",
// defaultRule:Default, model: new Bdtudp().data,
// rules:this.mergeRules(Pattern,Check), // defaultRule:Default,
rules:Pattern, // rules:this.mergeRules(Pattern,Check),
codes:{ rules: Pattern,
}, codes: {},
} };
}, },
methods:{ methods: {
tabClick(){ tabClick() {},
} },
}, created: async function () {
created:async function(){ console.log("进入bdtudp交易");
console.log("进入bdtudp交易"); let rtnmsg = await Api.post("bdtudp/init", { params: {} });
let rtnmsg = await Api.post("bdtudp/init",{params:{}}) if (rtnmsg.retcod == SUCCESS) {
if(rtnmsg.retcod == SUCCESS) //TODO 处理数据逻辑
{ } else {
//TODO 处理数据逻辑 this.$notify.error({ title: "错误", message: "服务请求失败！" });
}
else
{
this.$notify.error({title: '错误',message: '服务请求失败！'});
}
} }
} },
};
</script> </script>
<style> <style>
.bdtudp .el-form-item .el-form-item__label {
width: 200px !important;
}
.bdtudp .el-form-item .el-form-item__content {
margin: 0 50px 0 200px !important;
}
</style> </style>
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