Skip to content

V
vue-gjjs
Commit 868dadd6 by wangna
Options

CPTCAN UI改造

parent 9e695c60
Showing with 222 additions and 80 deletions
src/views/Business/Cptcan/Addbcb.vue 0 → 100644
<template>
<div class="eibs-tab" >
<el-collapse v-model="activeNames" @change="handleChange">
<el-collapse-item title="附言" name="coninfp">
<m-coninfp :model="model" :codes="codes" />
</el-collapse-item>
</el-collapse>
</div>
</template>
<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Cptcan/Event";
import Coninfp from "~/views/Public/Coninfp";
export default {
components: {
"m-coninfp": Coninfp,
},
inject: ["root"],
props: ["model", "codes"],
mixins: [commonProcess],
data() {
return {
activeNames: ["coninfp"],
};
},
methods: { ...Event },
created: function () {},
};
</script>
<style>
</style>
src/views/Business/Cptcan/Canp.vue
<template>
<div class="eibs-tab">
<div class="eibs">
<!-- =================左边============== -->
<c-col :span="11">
<c-col :span="12" style="padding-right: 20px">
<c-col :span="24">
<el-form-item label="汇款编号" prop="cpdgrp.rec.ownref">
<c-fullbox>
......@@ -21,9 +21,17 @@
</c-col>
<c-col :span="11">
<el-form-item style="text-align: left" label-width="5px" prop="cpdgrp.cbs.nom1.amt">
<c-input-currency v-model="model.cpdgrp.cbs.nom1.amt" style="text-align: left; width: 100%"
placeholder="请输入汇款金额" disabled></c-input-currency>
<el-form-item
style="text-align: left"
label-width="5px"
prop="cpdgrp.cbs.nom1.amt"
>
<c-input-currency
v-model="model.cpdgrp.cbs.nom1.amt"
style="text-align: left; width: 100%"
placeholder="请输入汇款金额"
disabled
></c-input-currency>
</el-form-item>
</c-col>
</c-col>
......@@ -36,34 +44,64 @@
</c-col>
<c-col :span="11">
<el-form-item style="text-align: left" label-width="5px" prop="cpdgrp.cbs.max.amt">
<c-input-currency v-model="model.cpdgrp.cbs.max.amt" style="text-align: left; width: 100%"
placeholder="请输入" disabled @keyup.enter.native="
<el-form-item
style="text-align: left"
label-width="5px"
prop="cpdgrp.cbs.max.amt"
>
<c-input-currency
v-model="model.cpdgrp.cbs.max.amt"
style="text-align: left; width: 100%"
placeholder="请输入"
disabled
@keyup.enter.native="
defaultFunction(
'cpdgrp.cbs.nom1.amt',
model.cpdgrp.cbs.nom1.amt
)
"></c-input-currency>
"
></c-input-currency>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24">
<el-form-item label="有效期" prop="cpdgrp.rec.valdat">
<c-date-picker type="date" v-model="model.cpdgrp.rec.valdat" style="width: 100%" disabled></c-date-picker>
<c-date-picker
type="date"
v-model="model.cpdgrp.rec.valdat"
style="width: 100%"
disabled
></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="支付类型" prop="cpdgrp.rec.paytyp">
<c-select v-model="model.cpdgrp.rec.paytyp" style="width:100%" disabled>
<el-option v-for="item in paytyp" :key="item.value" :value="item.value" :label="item.label"></el-option>
<c-select
v-model="model.cpdgrp.rec.paytyp"
style="width: 100%"
disabled
>
<el-option
v-for="item in paytyp"
:key="item.value"
:value="item.value"
:label="item.label"
></el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="叙述内容" prop="strinf">
<c-input type="textarea" v-model="model.strinf" rows="4"></c-input>
</el-form-item>
</c-col>
</c-col>
<!-- =================右边====================== -->
<c-col :span="11" :offset="1">
<c-col :span="12" style="padding-left: 20px">
<c-col :span="24">
<el-form-item label="简略信息" prop="cpdgrp.rec.nam">
<c-input v-model="model.cpdgrp.rec.nam" disabled></c-input>
......@@ -72,38 +110,52 @@
<c-col :span="24">
<el-form-item label="汇款人" prop="cpdgrp.orc.pts.nam">
<c-input type="textarea" v-model="model.cpdgrp.orc.pts.nam" disabled></c-input>
<c-input
type="textarea"
v-model="model.cpdgrp.orc.pts.nam"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="汇款行" prop="cpdgrp.ori.pts.nam">
<c-input type="textarea" v-model="model.cpdgrp.ori.pts.nam" disabled></c-input>
<c-input
type="textarea"
v-model="model.cpdgrp.ori.pts.nam"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="支付行" prop="cpdgrp.pyb.pts.pts">
<c-input type="textarea" v-model="model.cpdgrp.pyb.pts.pts" disabled></c-input>
<c-input
type="textarea"
v-model="model.cpdgrp.pyb.pts.pts"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="收款人" prop="cpdgrp.pye.pts.nam">
<c-input type="textarea" v-model="model.cpdgrp.pye.pts.nam" disabled></c-input>
<c-input
type="textarea"
v-model="model.cpdgrp.pye.pts.nam"
disabled
></c-input>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24">
<c-col :span="11">
<el-form-item label="叙述内容" prop="strinf">
<c-input type="textarea" v-model="model.strinf" rows="4"></c-input>
<c-col :span="24" class="">
<el-form-item prop="sndsmg" label-width="120px" style=" float:left;">
<c-checkbox
v-model="model.sndsmg"
>发送报文</c-checkbox
>
</el-form-item>
</c-col>
<c-col :span="6" :offset="1">
<c-checkbox v-model="model.sndsmg">发送报文</c-checkbox>
</c-col>
</c-col>
</div>
</template>
......@@ -123,13 +175,12 @@ export default {
{ label: "汇入汇款", value: "I" },
{ label: "汇出汇款", value: "O" },
{ label: "过境汇款", value: "T" },
]
],
};
},
methods: { ...Event },
created: function () { },
created: function () {},
};
</script>
<style>
</style>
src/views/Business/Cptcan/Ovwp.vue 0 → 100644
<template>
<div class="eibs-tab">
<el-collapse v-model="activeNames" @change="handleChange">
<el-collapse-item title="注销" name="canp">
<m-canp :model="model" :codes="codes" />
</el-collapse-item>
</el-collapse>
</div>
</template>
<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Cptcan/Event";
import Canp from "./Canp";
export default {
components: {
"m-canp": Canp,
},
inject: ["root"],
props: ["model", "codes"],
mixins: [commonProcess],
data() {
return {
activeNames: ["canp"],
};
},
methods: {
...Event,
},
created: function () {},
};
</script>
<style>
.marginLable {
padding-left: 160px;
}
</style>
src/views/Business/Cptcan/index.vue
<template>
<div class="eContainer">
<c-page title="汇款注销">
<el-form
:model="model"
:rules="rules"
ref="modelForm"
label-width="120px"
label-position="right"
size="small"
:validate-on-rule-change="false"
>
<c-tabs
v-model="tabVal"
ref="elment"
type="card"
@tab-click="myTabClick"
>
<c-function-btn :handleSubmit="handleSubmit" :handleCheck="handleCheck" :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>
</c-function-btn>
<el-form :model="model" :rules="rules" ref="modelForm" label-width="120px" label-position="right" size="small"
:validate-on-rule-change="false">
<c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="myTabClick">
<!--cptcan PD000016 注销 -->
<el-tab-pane label="注销" name="canp">
<el-tab-pane label="业务信息" name="ovwp">
<c-content>
<m-canp :model="model" :codes="codes" />
<m-ovwp :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--setmod PD000000 结算 账务-->
<el-tab-pane label="结算" name="setpan">
<el-tab-pane label="费用/账务" name="setpan">
<c-content>
<div class="eibs-tab">
<el-collapse v-model="activeNames">
<el-collapse-item title="结算" name="setpan">
<!-- 结算 -->
<m-setpan :model="model" :codes="codes" />
</el-collapse-item>
</el-collapse>
</div>
</c-content>
</el-tab-pane>
<!--coninf PD000000 提示信息 提示信息-->
<el-tab-pane label="提示信息" name="coninfp">
<el-tab-pane label="备查/附言" name="addbcb">
<c-content>
<m-coninfp :model="model" :codes="codes" />
<m-addbcb :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--trndoc PD000529 &报文和面函 报文面函-->
<el-tab-pane label="报文和面函" name="docpan">
<el-tab-pane label="报文/面函" name="docpan">
<c-content>
<m-docpan :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--trndoc PD000546 附件 附件-->
<el-tab-pane label="附件" name="doctre">
<el-tab-pane label="附件信息" name="doctre">
<c-content>
<m-doctre :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
</c-tabs>
</el-form>
<c-function-btn
:handleSubmit="handleSubmit"
:handleCheck="handleCheck"
:handleStash="handleStash"
>
</c-function-btn>
</c-page>
</div>
</template>
<script>
import Api from "~/service/Api"
import CodeTable from "~/config/CodeTable"
import Cptcan from "~/model/Cptcan"
import commonProcess from "~/mixin/commonProcess"
import Api from "~/service/Api";
import CodeTable from "~/config/CodeTable";
import Cptcan from "~/model/Cptcan";
import commonProcess from "~/mixin/commonProcess";
import commonFuncs from "~/mixin/commonFuncs";
import Check from "~/model/Cptcan/Check"
import Default from "~/model/Cptcan/Default"
import Pattern from "~/model/Cptcan/Pattern"
import Check from "~/model/Cptcan/Check";
import Default from "~/model/Cptcan/Default";
import Pattern from "~/model/Cptcan/Pattern";
import Canp from "./Canp"
import Ovwp from "./Ovwp";
import Addbcb from "./Addbcb";
import Setpan from "~/views/Public/Setpan";
import Coninfp from "~/views/Public/Coninfp";
import Docpan from "~/views/Public/Docpan";
import Doctre from "~/views/Public/Doctre";
export default {
name: "Cptcan",
components: {
"m-canp": Canp,
"m-ovwp": Ovwp,
"m-addbcb": Addbcb,
"m-setpan": Setpan,
"m-coninfp": Coninfp,
"m-docpan": Docpan,
"m-doctre": Doctre,
},
provide() {
return {
root: this
}
root: this,
};
},
mixins: [commonProcess, commonFuncs], // 里面包含了Default、Check等的公共处理
data() {
return {
tabVal: "canp",
tabVal: "ovwp",
trnName: "cptcan",
trnType: "",
model: new Cptcan().data,
......@@ -93,34 +109,33 @@ export default {
pattern: Pattern,
rules: null,
codes: {
...CodeTable
...CodeTable,
},
}
activeNames: ["setpan"],
};
},
methods: {
myTabClick(tab) {
this.tabClick(tab)
this.tabClick(tab);
/**
* do it yourself
**/
}
},
},
created: async function () {
console.log("进入cptcan交易");
let rtnmsg = await this.init({})
let rtnmsg = await this.init({});
if (rtnmsg.respCode == SUCCESS) {
this.updateModel(rtnmsg.data)
this.updateModel(rtnmsg.data);
//TODO 处理数据逻辑
if (this.isInDisplay) {
this.restoreDisplay();
}
} else {
this.$notify.error({ title: "错误", message: "服务请求失败！" });
}
else {
this.$notify.error({ title: '错误', message: '服务请求失败！' });
}
}
}
},
};
</script>
<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