Skip to content

V
vue-gjjs
Commit d4864170 by wjj
Options

wjj

parent 506e68ef
Showing with 310 additions and 306 deletions
src/views/Business/Bctacc/Bctset.vue
<template> <template>
<c-row> <c-row>
<!-- <!-- =================顶部====================== -->
<c-col :span="12"> <c-col :span="24">
<el-form-item label="Drag Drop Sender" prop="bctp.recget.sdamod.dadsnd"> <c-col :span="12">
<c-input v-model="model.bctp.recget.sdamod.dadsnd" placeholder="请输入Drag Drop Sender"></c-input> <c-col :span="20">
</el-form-item> <el-form-item label="Collection Number" prop="bcdgrp.rec.ownref" style="width: 100%">
</c-col> <c-input v-model="model.bcdgrp.rec.ownref" maxlength="16" placeholder="请输入Collection Number"
--> style="width: 95%" disabled>
</c-input>
<c-col :span="12"> </el-form-item>
<el-form-item label="Collection Number" prop="bcdgrp.rec.ownref"> </c-col>
<c-input v-model="model.bcdgrp.rec.ownref" maxlength="16" placeholder="请输入Collection Number"></c-input> <c-col :span="1">
</el-form-item> <c-button style="margin:0 10px 0 0;padding: 0 10px;" size="small" type="primary"
</c-col> icon="el-icon-search" @click="onSeainf">
</c-button>
<c-col :span="12"> </c-col>
<el-form-item label="" prop="bctp.recget.sdamod.seainf"> </c-col>
<c-input v-model="model.bctp.recget.sdamod.seainf" placeholder="请输入"></c-input> <c-col :span="12">
</el-form-item> <el-form-item label="Name" prop="bcdgrp.rec.nam" style="width: 100%">
</c-col> <c-input v-model="model.bcdgrp.rec.nam" maxlength="40" style="width: 100%" disabled></c-input>
</el-form-item>
<c-col :span="12"> </c-col>
<el-form-item label="Name" prop="bcdgrp.rec.nam"> </c-col>
<c-input v-model="model.bcdgrp.rec.nam" maxlength="40" placeholder="请输入Name"></c-input> <!-- ====================左边======================= -->
</el-form-item> <c-col :span="12">
</c-col> <c-col :span="12">
<el-form-item label="Document Amount" prop="bcdgrp.cbs.max.cur">
<c-col :span="12"> <c-select v-model="model.bcdgrp.cbs.max.cur" style="width:95%" placeholder="请选择Document Amount"
<el-form-item label="Document Amount" prop="bcdgrp.cbs.max.cur"> disabled>
<c-select v-model="model.bcdgrp.cbs.max.cur" style="width:100%" placeholder="请选择Document Amount"> </c-select>
</c-select> </el-form-item>
</el-form-item> </c-col>
</c-col> <c-col :span="12">
<el-form-item style="text-align: left" label-width="0" prop="bcdgrp.cbs.max.amt">
<c-col :span="12"> <c-input v-model="model.bcdgrp.cbs.max.amt" style="text-align: left; width: 100%"
<el-form-item label="Document Amount" prop="bcdgrp.cbs.max.amt"> placeholder="请输入Document Amount" disabled></c-input>
<c-input v-model="model.bcdgrp.cbs.max.amt" placeholder="请输入Document Amount"></c-input> </el-form-item>
</el-form-item> </c-col>
</c-col> <c-col :span="12">
<el-form-item label="Open Amount" prop="bcdgrp.cbs.opn1.cur">
<c-col :span="12"> <c-select v-model="model.bcdgrp.cbs.opn1.cur" style="width:95%" placeholder="请选择Open Amount"
<el-form-item label="Drawee" prop="bcdgrp.dre.pts.ref"> disabled>
<c-input v-model="model.bcdgrp.dre.pts.ref" maxlength="16" placeholder="请输入Drawee"></c-input> </c-select>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="12">
<c-col :span="12"> <el-form-item style="text-align: left" label-width="0" prop="bcdgrp.cbs.opn1.amt">
<el-form-item label="Open Amount" prop="bcdgrp.cbs.opn1.cur"> <c-input v-model="model.bcdgrp.cbs.opn1.amt" style="text-align: left; width: 100%"
<c-select v-model="model.bcdgrp.cbs.opn1.cur" style="width:100%" placeholder="请选择Open Amount"> placeholder="请输入Open Amount" disabled></c-input>
</c-select> </el-form-item>
</el-form-item> </c-col>
</c-col> <c-col :span="12">
<el-form-item label="Docs Received on" prop="bcdgrp.rec.rcvdat">
<c-col :span="12"> <c-date-picker type="date" v-model="model.bcdgrp.rec.rcvdat" style="width:95%"
<el-form-item label="Open Amount" prop="bcdgrp.cbs.opn1.amt"> value-format="yyyy-MM-dd" placeholder="请选择Docs Received on" disabled></c-date-picker>
<c-input v-model="model.bcdgrp.cbs.opn1.amt" placeholder="请输入Open Amount"></c-input> </el-form-item>
</el-form-item> </c-col>
</c-col> <c-col :span="12">
<el-form-item label="Advised on" prop="bcdgrp.rec.advdat">
<c-col :span="12"> <c-date-picker type="date" v-model="model.bcdgrp.rec.advdat" style="width:100%"
<el-form-item label="Name of Party" prop="bcdgrp.dre.pts.nam"> value-format="yyyy-MM-dd" placeholder="请选择Advised on" disabled></c-date-picker>
<c-input v-model="model.bcdgrp.dre.pts.nam" maxlength="40" placeholder="请输入Name of Party"></c-input> </el-form-item>
</el-form-item> </c-col>
</c-col> <c-col :span="12">
<el-form-item label="Maturity Date" prop="bcdgrp.rec.matdat">
<c-col :span="12"> <c-date-picker type="date" v-model="model.bcdgrp.rec.matdat" style="width:95%"
<el-form-item label="Docs Received on" prop="bcdgrp.rec.rcvdat"> value-format="yyyy-MM-dd" placeholder="请选择Maturity Date" disabled></c-date-picker>
<c-date-picker type="date" v-model="model.bcdgrp.rec.rcvdat" style="width:100%" placeholder="请选择Docs Received on"></c-date-picker> </el-form-item>
</el-form-item> </c-col>
</c-col> <c-col :span="12">
<el-form-item label="Remitted on" prop="bcdgrp.rec.predat">
<c-col :span="12"> <c-date-picker type="date" v-model="model.bcdgrp.rec.predat" style="width:100%"
<el-form-item label="Date of Advice of Documents Received" prop="bcdgrp.rec.advdat"> value-format="yyyy-MM-dd" placeholder="请选择Remitted on" disabled></c-date-picker>
<c-date-picker type="date" v-model="model.bcdgrp.rec.advdat" style="width:100%" placeholder="请选择Date of Advice of Documents Received"></c-date-picker> </el-form-item>
</el-form-item> </c-col>
</c-col> <c-col :span="24">
<el-form-item label="Payment Condition" prop="bcdgrp.rec.doctypcod">
<c-col :span="12"> <c-select v-model="model.bcdgrp.rec.doctypcod" style="width:100%" placeholder="请选择Payment Condition"
<el-form-item label="Remitting Bank" prop="bcdgrp.rmi.pts.ref"> disabled>
<c-input v-model="model.bcdgrp.rmi.pts.ref" maxlength="16" placeholder="请输入Remitting Bank"></c-input> </c-select>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="24">
<c-col :span="12"> <el-form-item label="Document Set Status" prop="bcdgrp.rec.docsta">
<el-form-item label="Name of Party" prop="bcdgrp.rmi.pts.nam"> <c-select v-model="model.bcdgrp.rec.docsta" style="width:100%" placeholder="请输入Document Set Status"
<c-input v-model="model.bcdgrp.rmi.pts.nam" maxlength="40" placeholder="请输入Name of Party"></c-input> disabled>
</el-form-item> </c-select>
</c-col> </el-form-item>
</c-col>
<c-col :span="12"> <c-col :span="12">
<span v-text="model.bctp.matp.mattxtlab" data-path=".bctp.matp.mattxtlab" > </span> <el-form-item label="Amount Accepted" prop="setmod.doccur">
</c-col> <c-select v-model="model.setmod.doccur" style="width:95%" placeholder="Amount Accepted" disabled>
</c-select>
<c-col :span="12"> </el-form-item>
<el-form-item label="Maturity Date" prop="bcdgrp.rec.matdat"> </c-col>
<c-date-picker type="date" v-model="model.bcdgrp.rec.matdat" style="width:100%" placeholder="请选择Maturity Date"></c-date-picker> <c-col :span="12">
</el-form-item> <el-form-item style="text-align: left" label-width="0" prop="setmod.docamt">
</c-col> <c-input v-model="model.setmod.docamt" style="text-align: left; width: 100%"
placeholder="请输入document amount"></c-input>
<c-col :span="12"> </el-form-item>
<el-form-item label="Maturity Date" prop="bcdgrp.rec.predat"> </c-col>
<c-date-picker type="date" v-model="model.bcdgrp.rec.predat" style="width:100%" placeholder="请选择Maturity Date"></c-date-picker> <c-col :span="24">
</el-form-item> <span v-text="model.bctp.docgrdm.docdsclab" data-path=".bctp.docgrdm.docdsclab"> </span>
</c-col> </c-col>
</c-col>
<c-col :span="12">
<el-form-item label="Payment Condition" prop="bcdgrp.rec.doctypcod"> <!-- ====================右边======================= -->
<c-select v-model="model.bcdgrp.rec.doctypcod" style="width:100%" placeholder="请选择Payment Condition"> <c-col :span="12">
</c-select> <c-col :span="13">
</el-form-item> <el-form-item label="Drawee" prop="bcdgrp.dre.pts.ref">
</c-col> </el-form-item>
</c-col>
<c-col :span="12"> <c-col :span="11">
<el-form-item label="Drawer" prop="bcdgrp.drr.pts.ref"> <el-form-item label="Ref." prop="bcdgrp.dre.pts.ref">
<c-input v-model="model.bcdgrp.drr.pts.ref" maxlength="16" placeholder="请输入Drawer"></c-input> <c-input v-model="model.bcdgrp.dre.pts.ref" maxlength="16" style="width: 100%" disabled></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="24">
<c-col :span="12"> <el-form-item prop="bcdgrp.dre.pts.nam">
<el-form-item label="Document Set Status" prop="bcdgrp.rec.docsta"> <c-input v-model="model.bcdgrp.dre.pts.nam" maxlength="40" style="width: 100%" disabled></c-input>
<c-input v-model="model.bcdgrp.rec.docsta" maxlength="1" placeholder="请输入Document Set Status"></c-input> </el-form-item>
</el-form-item> </c-col>
</c-col> <c-col :span="13">
<el-form-item label="Remitting Bank" prop="bcdgrp.rmi.pts.ref">
<c-col :span="12"> </el-form-item>
<el-form-item label="Name of Party" prop="bcdgrp.drr.pts.nam"> </c-col>
<c-input v-model="model.bcdgrp.drr.pts.nam" maxlength="40" placeholder="请输入Name of Party"></c-input> <c-col :span="11">
</el-form-item> <el-form-item label="Ref." prop="bcdgrp.rmi.pts.ref">
</c-col> <c-input v-model="model.bcdgrp.rmi.pts.ref" maxlength="16" style="width: 100%" disabled>
</c-input>
<c-col :span="12"> </el-form-item>
<el-form-item label="document currency" prop="setmod.doccur"> </c-col>
<c-select v-model="model.setmod.doccur" style="width:100%" placeholder="请选择document currency"> <c-col :span="24">
</c-select> <el-form-item prop="bcdgrp.rmi.pts.nam">
</el-form-item> <c-input v-model="model.bcdgrp.rmi.pts.nam" maxlength="40" style="width: 100%" disabled></c-input>
</c-col> </el-form-item>
</c-col>
<c-col :span="12"> <c-col :span="13">
<el-form-item label="document amount" prop="setmod.docamt"> <el-form-item label="Drawer" prop="bcdgrp.drr.pts.ref">
<c-input v-model="model.setmod.docamt" placeholder="请输入document amount"></c-input> </el-form-item>
</el-form-item> </c-col>
</c-col> <c-col :span="11">
<el-form-item label="Ref." prop="bcdgrp.drr.pts.ref">
<c-col :span="12"> <c-input v-model="model.bcdgrp.drr.pts.ref" maxlength="16" style="width: 100%" disabled>
<el-form-item label="Accepted on" prop="bcdgrp.rec.accdat"> </c-input>
<c-date-picker type="date" v-model="model.bcdgrp.rec.accdat" style="width:100%" placeholder="请选择Accepted on"></c-date-picker> </el-form-item>
</el-form-item> </c-col>
</c-col> <c-col :span="24">
<el-form-item prop="bcdgrp.drr.pts.ref">
<c-col :span="12"> <c-input v-model="model.bcdgrp.drr.pts.ref" maxlength="40" style="width: 100%" disabled></c-input>
<span v-text="model.bctp.docgrdm.docdsclab" data-path=".bctp.docgrdm.docdsclab" > </span> </el-form-item>
</c-col> </c-col>
</c-row> <c-col :span="12">
<el-form-item label="Accepted on" prop="bcdgrp.rec.accdat">
<c-date-picker type="date" v-model="model.bcdgrp.rec.accdat" style="width:100%" value-format="yyyy-MM-dd"
placeholder="请选择Accepted on"></c-date-picker>
</el-form-item>
</c-col>
</c-col">
</c-row>
</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/Bctacc/Event" import Event from "~/model/Bctacc/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}, methods: {
created:function(){ ...Event
},
created: function () {
}
} }
}
</script> </script>
<style> <style>
</style> </style>
\ No newline at end of file
src/views/Business/Bctacc/index.vue
<template> <template>
<c-page title="进口代收承兑"> <c-page title="进口代收承兑">
<div class="eContainer"> <div class="eContainer">
<c-function-btn <c-function-btn :handleSubmit="handleSubmit" :handleCheck="handleCheck" :handleStash="handleStash">
:handleSubmit="handleSubmit" <el-button size="small">备忘录</el-button>
:handleCheck="handleCheck" <el-button size="small">影像信息</el-button>
:handleStash="handleStash" <el-button size="small">保存模板</el-button>
> <el-button size="small">使用模板</el-button>
<el-button size="small">备忘录</el-button> <el-button size="small">制裁信息</el-button>
<el-button size="small">影像信息</el-button> <el-button size="small">拆分报文</el-button>
<el-button size="small">保存模板</el-button> <el-button size="small">智能提示</el-button>
<el-button size="small">使用模板</el-button> </c-function-btn>
<el-button size="small">制裁信息</el-button> <el-form :model="model" :rules="rules" ref="modelForm" label-width="150px" label-position="right"
<el-button size="small">拆分报文</el-button> size="small" :validate-on-rule-change="false">
<el-button size="small">智能提示</el-button> <c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="tabClick">
</c-function-btn>
<el-form <!--Settle BC -->
:model="model" <el-tab-pane label="Settle BC" name="bctset">
:rules="rules" <c-content>
ref="modelForm" <m-bctset :model="model" :codes="codes" />
label-width="150px" </c-content>
label-position="left" </el-tab-pane>
size="small"
:validate-on-rule-change="false"> <!--Instructions -->
<c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="tabClick"> <el-tab-pane label="Instructions" name="detp">
<m-detp :model="model" :codes="codes" />
<!--Settle BC --> </el-tab-pane>
<el-tab-pane label="Settle BC" name="bctset">
<c-content> <!--Parties -->
<m-bctset :model="model" :codes="codes"/> <el-tab-pane label="Parties" name="ptyp">
</c-content> <c-content>
</el-tab-pane> <m-ptyp :model="model" :codes="codes" />
</c-content>
<!--Instructions --> </el-tab-pane>
<el-tab-pane label="Instructions" name="detp">
<m-detp :model="model" :codes="codes"/> <!--Liability -->
</el-tab-pane> <el-tab-pane label="Liability" name="engp">
<m-engp :model="model" :codes="codes" />
<!--Parties --> </el-tab-pane>
<el-tab-pane label="Parties" name="ptyp">
<c-content> <!--Settlement -->
<m-ptyp :model="model" :codes="codes"/> <el-tab-pane label="Settlement" name="setpan">
</c-content> <c-content>
</el-tab-pane> <m-setpan :model="model" :codes="codes" />
</c-content>
<!--Liability --> </el-tab-pane>
<el-tab-pane label="Liability" name="engp">
<m-engp :model="model" :codes="codes"/> <!--Completion -->
</el-tab-pane> <el-tab-pane label="Completion" name="coninfp">
<m-coninfp :model="model" :codes="codes" />
<!--Settlement --> </el-tab-pane>
<el-tab-pane label="Settlement" name="setpan">
<c-content> <!--Messages -->
<m-setpan :model="model" :codes="codes"/> <el-tab-pane label="Messages" name="docpan">
</c-content> <m-docpan :model="model" :codes="codes" />
</el-tab-pane> </el-tab-pane>
<!--Completion --> <!--Attachments -->
<el-tab-pane label="Completion" name="coninfp"> <el-tab-pane label="Attachments" name="doctre">
<m-coninfp :model="model" :codes="codes"/> <m-doctre :model="model" :codes="codes" />
</el-tab-pane> </el-tab-pane>
</c-tabs>
<!--Messages --> </el-form>
<el-tab-pane label="Messages" name="docpan"> </div>
<m-docpan :model="model" :codes="codes"/> </c-page>
</el-tab-pane>
<!--Attachments -->
<el-tab-pane label="Attachments" name="doctre">
<m-doctre :model="model" :codes="codes"/>
</el-tab-pane>
</c-tabs>
</el-form>
</div>
</c-page>
</template> </template>
<script> <script>
import Api from "~/service/Api" import Api from "~/service/Api"
import Utils from "~/utils/index" import Utils from "~/utils/index"
import CodeTable from "~/config/CodeTable" import CodeTable from "~/config/CodeTable"
import CommonFuncs from "~/mixin/CommonFuncs"; import CommonFuncs from "~/mixin/CommonFuncs";
import Bctacc from "~/model/Bctacc" import Bctacc from "~/model/Bctacc"
import CommonProcess from "~/mixin/CommonProcess" import CommonProcess from "~/mixin/CommonProcess"
import Check from "~/model/Bctacc/Check" import Check from "~/model/Bctacc/Check"
import Default from "~/model/Bctacc/Default" import Default from "~/model/Bctacc/Default"
import Pattern from "~/model/Bctacc/Pattern" import Pattern from "~/model/Bctacc/Pattern"
import Bctset from "./Bctset" import Bctset from "./Bctset"
import Detp from "./Detp" import Detp from "./Detp"
import Ptyp from "./Ptyp" import Ptyp from "./Ptyp"
import Engp from "~/views/Public/Engp" import Engp from "~/views/Public/Engp"
import Setpan from "~/views/Public/Setpan" import Setpan from "~/views/Public/Setpan"
import Coninfp from "~/views/Public/Coninfp" import Coninfp from "~/views/Public/Coninfp"
import Docpan from "~/views/Public/Docpan" import Docpan from "~/views/Public/Docpan"
import Doctre from "./Doctre" import Doctre from "./Doctre"
export default { export default {
components:{ components: {
"m-bctset" : Bctset, "m-bctset": Bctset,
"m-detp" : Detp, "m-detp": Detp,
"m-ptyp" : Ptyp, "m-ptyp": Ptyp,
"m-engp" : Engp, "m-engp": Engp,
"m-setpan" : Setpan, "m-setpan": Setpan,
"m-coninfp" : Coninfp, "m-coninfp": Coninfp,
"m-docpan" : Docpan, "m-docpan": Docpan,
"m-doctre" : Doctre, "m-doctre": Doctre,
}, },
provide() { provide() {
return { return {
root: this root: this
} }
}, },
mixins: [CommonProcess], // 里面包含了Default、Check等的公共处理 mixins: [CommonProcess], // 里面包含了Default、Check等的公共处理
data(){ data() {
return { return {
tabVal: "bctset", tabVal: "bctset",
trnName: "bctacc", trnName: "bctacc",
model: new Bctacc().data, model: new Bctacc().data,
checkRules: Check, checkRules: Check,
defaultRules: Default, defaultRules: Default,
pattern: Pattern, pattern: Pattern,
rules: null, rules: null,
codes: {...CodeTable }, codes: {
} ...CodeTable
}, },
methods:{}, }
created:async function(){ },
console.log("进入bctacc交易"); methods: {},
let rtnmsg = await this.init(this.$route.query) created: async function () {
if(rtnmsg.respCode == SUCCESS) console.log("进入bctacc交易");
{ let rtnmsg = await this.init(this.$route.query)
//更新数据 if (rtnmsg.respCode == SUCCESS) {
Utils.copyValueFromVO(this.model, rtnmsg.data); //更新数据
if (this.isInDisplay) { Utils.copyValueFromVO(this.model, rtnmsg.data);
this.restoreDisplay(); if (this.isInDisplay) {
} this.restoreDisplay();
}else }
{ } else {
this.$notify.error({title: '错误',message: '服务请求失败！'}); this.$notify.error({
} title: '错误',
} message: '服务请求失败！'
} });
}
}
}
</script> </script>
<style></style> <style></style>
\ No newline at end of file
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