Skip to content

V
vue-gjjs
Commit ab679bd8 by javaHeight
Options

Trtcan UI 改造

parent 369a54fc
Showing with 310 additions and 88 deletions
src/views/Business/Trtcan/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 Event from "~/model/Bptcan/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,
handleChange(val) {
console.log(val);
},
},
created: function () {},
};
</script>
<style>
</style>
\ No newline at end of file
src/views/Business/Trtcan/Canp.vue
<template> <template>
<div class="eibs-tab"> <div class="eibs-tab">
<c-row>
<!--=================顶部================= --> <!--=================顶部================= -->
<c-col :span="11"> <c-col :span="12" style="padding-right: 20px">
<c-form-item label="父交易参考号" prop="trdgrp.rec.pntref"> <c-form-item label="父交易参考号" prop="trdgrp.rec.pntref">
<c-input <c-input
v-model="model.trdgrp.rec.pntref" v-model="model.trdgrp.rec.pntref"
...@@ -13,7 +12,7 @@ ...@@ -13,7 +12,7 @@
</c-form-item> </c-form-item>
</c-col> </c-col>
<c-col :span="11"> <c-col :span="12" style="padding-left: 20px">
<c-form-item label="简略信息" prop="trdgrp.rec.pntnam"> <c-form-item label="简略信息" prop="trdgrp.rec.pntnam">
<c-input <c-input
v-model="model.trdgrp.rec.pntnam" v-model="model.trdgrp.rec.pntnam"
...@@ -24,7 +23,7 @@ ...@@ -24,7 +23,7 @@
</c-form-item> </c-form-item>
</c-col> </c-col>
<c-col :span="11"> <c-col :span="12" style="padding-right: 20px">
<c-form-item label="参考号" prop="trdgrp.rec.ownref"> <c-form-item label="参考号" prop="trdgrp.rec.ownref">
<c-input <c-input
v-model="model.trdgrp.rec.ownref" v-model="model.trdgrp.rec.ownref"
...@@ -35,7 +34,7 @@ ...@@ -35,7 +34,7 @@
</c-form-item> </c-form-item>
</c-col> </c-col>
<c-col :span="11"> <c-col :span="12" style="padding-left: 20px">
<c-form-item label="简略信息" prop="trdgrp.rec.nam"> <c-form-item label="简略信息" prop="trdgrp.rec.nam">
<c-input <c-input
v-model="model.trdgrp.rec.nam" v-model="model.trdgrp.rec.nam"
...@@ -46,20 +45,27 @@ ...@@ -46,20 +45,27 @@
</c-form-item> </c-form-item>
</c-col> </c-col>
<c-col :span="11"> <!-- 中左 -->
<c-col :span="12" style="padding-right: 20px">
<c-col :span="24"> <c-col :span="24">
<c-form-item label="融资比例" prop="trdgrp.rec.pctfin"> <c-col :span="22">
<c-input <c-form-item label="融资比例" prop="trdgrp.rec.pctfin">
v-model="model.trdgrp.rec.pctfin" <c-input
:disabled="true" v-model="model.trdgrp.rec.pctfin"
style="width: 95%" :disabled="true"
:placeholder="$t('other.please_enter') + $t('trtp0.SF000050')" style="width: 100%"
></c-input :placeholder="$t('other.please_enter') + $t('trtp0.SF000050')"
>% ></c-input>
</c-form-item> </c-form-item>
</c-col> </c-col>
<c-col :span="24"> <c-col :span="2" style="padding:5px; font-size: 10px;text-align: center;">
<span>%</span>
</c-col>
</c-col>
<!-- <c-col :span="12" style="padding-right: 20px">
<el-form-item label="融资金额" prop="trdgrp.cbs.max.cur"> <el-form-item label="融资金额" prop="trdgrp.cbs.max.cur">
<c-fullbox> <c-fullbox>
<c-select <c-select
...@@ -75,9 +81,28 @@ ...@@ -75,9 +81,28 @@
></c-input> ></c-input>
</c-fullbox> </c-fullbox>
</el-form-item> </el-form-item>
</c-col> </c-col> -->
<c-col :span="24"> <c-col :span="24">
<el-form-item label="融资金额" prop="trdgrp.cbs.max.cur">
<c-col :span="12">
<c-select
v-model="model.trdgrp.cbs.max.cur"
:disabled="true"
>
</c-select>
</c-col>
<c-col :span="12">
<c-input
v-model="model.trdgrp.cbs.max.amt"
style="text-align: left; margin-left: 2px"
:disabled="true"
></c-input>
</c-col>
</el-form-item>
</c-col>
<!-- <c-col :span="24">
<c-form-item label="余额" prop="trdgrp.cbs.opn1.cur"> <c-form-item label="余额" prop="trdgrp.cbs.opn1.cur">
<c-fullbox> <c-fullbox>
<c-input <c-input
...@@ -93,7 +118,29 @@ ...@@ -93,7 +118,29 @@
></c-input> ></c-input>
</c-fullbox> </c-fullbox>
</c-form-item> </c-form-item>
</c-col> </c-col> -->
<c-col :span="24">
<c-col :span="12">
<c-form-item label="余额" prop="trdgrp.cbs.opn1.cur">
<c-input
v-model="model.trdgrp.cbs.opn1.cur"
maxlength="3"
:disabled="true"
></c-input>
</c-form-item>
</c-col>
<c-col :span="12" >
<el-form-item
style="text-align: left; margin-left: 5px"
label-width="0px">
<c-input
v-model="model.trdgrp.cbs.opn1.amt"
:disabled="true"
></c-input>
</el-form-item>
</c-col>
</c-col>
<c-col :span="12"> <c-col :span="12">
<el-form-item label="起息日期" prop="trdgrp.rec.stttendat"> <el-form-item label="起息日期" prop="trdgrp.rec.stttendat">
...@@ -120,19 +167,12 @@ ...@@ -120,19 +167,12 @@
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="24">
<c-form-item label="叙述内容" prop="strinf">
<c-input
type="textarea"
v-model="model.strinf"
maxlength="50"
show-word-limit
:placeholder="$t('other.please_enter') + $t('叙述内容')"
></c-input>
</c-form-item>
</c-col>
</c-col> </c-col>
<c-col :span="11">
<!-- 中右 -->
<c-col :span="12" style="padding-left: 20px">
<c-col :span="24"> <c-col :span="24">
<c-form-item label="融资客户" prop="trdgrp.fip.pts.ref"> <c-form-item label="融资客户" prop="trdgrp.fip.pts.ref">
<c-input <c-input
...@@ -176,12 +216,24 @@ ...@@ -176,12 +216,24 @@
></c-input> ></c-input>
</c-form-item> </c-form-item>
</c-col> </c-col>
</c-col>
<c-col :span="24"> <c-col :span="12" style="padding-right: 20px">
<c-col :span="20">
<c-form-item label="叙述内容" prop="strinf">
<c-input
type="textarea"
v-model="model.strinf"
maxlength="50"
show-word-limit
:placeholder="$t('other.please_enter') + $t('叙述内容')"
></c-input>
</c-form-item>
</c-col>
<c-col :span="4">
<c-checkbox v-model="model.sndmsg">{{ $t("发送消息") }}</c-checkbox> <c-checkbox v-model="model.sndmsg">{{ $t("发送消息") }}</c-checkbox>
</c-col> </c-col>
</c-col> </c-col>
</c-row>
</div> </div>
</template> </template>
<script> <script>
......
src/views/Business/Trtcan/Limitbody2.vue 0 → 100644
<!-- <el-tab-pane label="统一授信" name="shisuan,limitbody">
<c-content>
<div class="eibs-tab">
<el-collapse v-model="activeNames">
<el-collapse-item title="试算结果" name="shisuan">
试算结果
<m-shisuan :model="model" :codes="codes" />
</el-collapse-item>
<el-collapse-item title="统一授信" name="limitbody">
统一授信
<m-limitbody :model="model" :codes="codes" />
</el-collapse-item>
</el-collapse>
</div>
</c-content>
</el-tab-pane> -->
<template>
<div class="eibs-tab">
<c-content>
<el-collapse v-model="activeNames" @change="handleChange">
<el-collapse-item title="统一授信" name="limitbody">
<!-- 统一授信 -->
<m-limitbody :model="model" :codes="codes" />
</el-collapse-item>
<el-collapse-item title="试算结果" name="shisuan">
<!-- 试算结果 -->
<m-shisuan :model="model" :codes="codes" />
</el-collapse-item>
</el-collapse>
</c-content>
</div>
</template>
<script>
import Limitbody from '~/views/Public/Limitbody';
import Shisuan from "./Shisuan";
export default {
components: {
"m-limitbody" : Limitbody,
"m-shisuan" : Shisuan,
},
inject: ["root"],
props: ["model", "codes"],
data() {
return {
activeNames: ["limitbody"],
};
},
};
</script>
<style>
</style>
src/views/Business/Trtcan/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/Trtrcl/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 () {},
computed: {
},
};
</script>
<style>
.marginLable {
padding-left: 160px;
}
</style>
src/views/Business/Trtcan/Shisuan.vue
...@@ -11,43 +11,43 @@ ...@@ -11,43 +11,43 @@
prop="limtyp" prop="limtyp"
label="限制类型" label="限制类型"
sortable sortable
width="150"> width="100">
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="cur" prop="cur"
label="业务币种" label="业务币种"
sortable sortable
width="80"> width="100">
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="cbeamt" prop="cbeamt"
label="业务发生额" label="业务发生额"
sortable sortable
width="90"> width="120">
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="reqtyp1" prop="reqtyp1"
label="Req.Typel" label="Req.Typel"
sortable sortable
width="100"> width="130">
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="limcbeamt" prop="limcbeamt"
label="额度发生额" label="额度发生额"
sortable sortable
width="100"> width="120">
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="reqtyp2" prop="reqtyp2"
label="Req.Type2" label="Req.Type2"
sortable sortable
width="100"> width="130">
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="ckcbeamt" prop="ckcbeamt"
label="敞口发生额" label="敞口发生额"
sortable sortable
width="100"> width="120">
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="credat" prop="credat"
...@@ -77,7 +77,7 @@ ...@@ -77,7 +77,7 @@
prop="ccvbl" prop="ccvbl"
label="合同保证金比例" label="合同保证金比例"
sortable sortable
width="100"> width="130">
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="limvar" prop="limvar"
...@@ -115,49 +115,49 @@ ...@@ -115,49 +115,49 @@
prop="tzhamt" prop="tzhamt"
label="调整后业务余额" label="调整后业务余额"
sortable sortable
width="100"> width="130">
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="tzhccv" prop="tzhccv"
label="调整后保证金比例" label="调整后保证金比例"
sortable sortable
width="100"> width="140">
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="tzhlimamt" prop="tzhlimamt"
label="调整后拟占用额度" label="调整后拟占用额度"
sortable sortable
width="100"> width="140">
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="tzhlimck" prop="tzhlimck"
label="调整后拟占用敞口" label="调整后拟占用敞口"
sortable sortable
width="100"> width="140">
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="tzqamt" prop="tzqamt"
label="调整前业务余额" label="调整前业务余额"
sortable sortable
width="100"> width="130">
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="tzqccv" prop="tzqccv"
label="调整后保证金比例" label="调整后保证金比例"
sortable sortable
width="100"> width="140">
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="tzqlimamt" prop="tzqlimamt"
label="调整前已占用额度" label="调整前已占用额度"
sortable sortable
width="100"> width="140">
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="tzqlimck" prop="tzqlimck"
label="调整前已占用敞口" label="调整前已占用敞口"
sortable sortable
width="100"> width="140">
</el-table-column> </el-table-column>
</el-table> </el-table>
<el-pagination <el-pagination
...@@ -243,13 +243,13 @@ ...@@ -243,13 +243,13 @@
prop="dgzyliminfref" prop="dgzyliminfref"
label="额度明细编号" label="额度明细编号"
sortable sortable
width="100"> width="130">
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="dgccvbl" prop="dgccvbl"
label="保证金比例" label="保证金比例"
sortable sortable
width="100"> width="120">
</el-table-column> </el-table-column>
</el-table> </el-table>
<el-pagination <el-pagination
......
src/views/Business/Trtcan/index.vue
<template> <template>
<c-page title="融资业务注销">
<div class="eContainer"> <div class="eContainer">
<c-function-btn <c-page title="进口融资注销">
: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 <el-form
:model="model" :model="model"
:rules="rules" :rules="rules"
...@@ -29,50 +17,86 @@ ...@@ -29,50 +17,86 @@
type="card" type="card"
@tab-click="myTabClick" @tab-click="myTabClick"
> >
<el-tab-pane label="销户" name="canp"> <el-tab-pane label="业务信息" name="ovwp">
<c-content> <c-content>
<m-canp :model="model" :codes="codes" /> <m-ovwp :model="model" :codes="codes" />
</c-content> </c-content>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="报文和面函" name="docpan"> <el-tab-pane label="统一授信" name="limitbody2">
<c-content> <c-content>
<m-docpan :model="model" :codes="codes" /> <m-limitbody2 :model="model" :codes="codes" />
</c-content> </c-content>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="附件" name="doctre"> <el-tab-pane label="费用/账务" name="setpan,glepan">
<c-content> <c-content>
<m-doctre :model="model" :codes="codes" /> <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-item title="会计分录" name="glepan">
<!-- 会计分录 -->
<m-glepan :model="model" :codes="codes" />
</el-collapse-item>
</el-collapse>
</div>
</c-content> </c-content>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="试算结果" name="shisuan"> <el-tab-pane label="备查/附言" name="addbcb">
<c-content> <c-content>
<m-shisuan :model="model" :codes="codes" /> <m-addbcb :model="model" :codes="codes" />
</c-content> </c-content>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="统一授信" name="limitbody"> <el-tab-pane label="报文/面函" name="docpan">
<c-content> <c-content>
<m-limitbody :model="model" :codes="codes" /> <m-docpan :model="model" :codes="codes" />
</c-content> </c-content>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="结算" name="setpan"> <el-tab-pane label="附件信息" name="doctre">
<c-content> <c-content>
<m-setpan :model="model" :codes="codes" /> <m-doctre :model="model" :codes="codes" />
</c-content> </c-content>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="会计分录" name="glepan"> <!-- <el-tab-pane label="试算结果" name="shisuan">
<c-content>
<m-shisuan :model="model" :codes="codes" />
</c-content>
</el-tab-pane> -->
<!-- <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">
<c-content> <c-content>
<m-glepan :model="model" :codes="codes" /> <m-glepan :model="model" :codes="codes" />
</c-content> </c-content>
</el-tab-pane> </el-tab-pane> -->
<el-tab-pane label="提示信息" name="coninfp"> <!-- <el-tab-pane label="提示信息" name="coninfp">
<c-content> <c-content>
<m-coninfp :model="model" :codes="codes" /> <m-coninfp :model="model" :codes="codes" />
</c-content> </c-content>
</el-tab-pane> </el-tab-pane> -->
</c-tabs> </c-tabs>
</el-form> </el-form>
<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>
</c-page>
</div> </div>
</c-page>
</template> </template>
<script> <script>
import Api from "~/service/Api"; import Api from "~/service/Api";
...@@ -84,27 +108,31 @@ import Check from "~/model/Trtcan/Check"; ...@@ -84,27 +108,31 @@ import Check from "~/model/Trtcan/Check";
import Default from "~/model/Trtcan/Default"; import Default from "~/model/Trtcan/Default";
import Pattern from "~/model/Trtcan/Pattern"; import Pattern from "~/model/Trtcan/Pattern";
import Canp from "./Canp";
// import Canp from "./Canp";
import Ovwp from "./Ovwp";
import Shisuan from "./Shisuan"; import Shisuan from "./Shisuan";
import Addbcb from "./Addbcb";
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 "~/views/Public/Doctre"; import Doctre from "~/views/Public/Doctre";
import Limitbody from "~/views/Public/Limitbody"; import Limitbody2 from "./Limitbody2";
import Glepan from "~/views/Public/Glepan"; import Glepan from "~/views/Public/Glepan";
export default { export default {
name: "Trtcan", name: "Trtcan",
components: { components: {
"m-canp": Canp, "m-ovwp": Ovwp,
"m-docpan": Docpan, "m-docpan": Docpan,
"m-doctre": Doctre, "m-doctre": Doctre,
"m-shisuan": Shisuan, "m-shisuan": Shisuan,
"m-limitbody": Limitbody, "m-limitbody2": Limitbody2,
"m-setpan": Setpan, "m-setpan": Setpan,
"m-coninfp": Coninfp, "m-coninfp": Coninfp,
"m-glepan": Glepan, "m-glepan": Glepan,
"m-addbcb": Addbcb,
}, },
provide() { provide() {
return { return {
...@@ -114,7 +142,7 @@ export default { ...@@ -114,7 +142,7 @@ export default {
mixins: [commonProcess, commonFuncs], // 里面包含了Default、Check等的公共处理 mixins: [commonProcess, commonFuncs], // 里面包含了Default、Check等的公共处理
data() { data() {
return { return {
tabVal: "canp", tabVal: "ovwp",
trnName: "trtcan", trnName: "trtcan",
trnType: "", trnType: "",
model: new Trtcan().data, model: new Trtcan().data,
...@@ -123,6 +151,7 @@ export default { ...@@ -123,6 +151,7 @@ export default {
pattern: Pattern, pattern: Pattern,
rules: null, rules: null,
codes: { ...CodeTable }, codes: { ...CodeTable },
activeNames: ["setpan"],
}; };
}, },
methods: { methods: {
......
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