Skip to content

V
vue-gjjs
Commit a5ad2f4d by jianglong
Options

BRT交易UI改造

parent 0959967e
Showing with 290 additions and 313 deletions
src/views/Business/Brtacp/index.vue
<template>
<c-page>
<div class="eContainer">
<div
<!--div
>
<el-button size="small">备忘录</el-button>
<el-button size="small" @click="setDraggableContent('cms', '影像信息')">影像信息</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>
</div>
</div-->
<el-form :model="model" :rules="rules" ref="modelForm" label-width="150px" label-position="right" size="small" :validate-on-rule-change="false">
<c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="myTabClick">
<el-tab-pane label="业务信息" name="ovwp">
<c-content>
<m-ovwp :model="model" :codes="codes"/>
</c-content>
</el-tab-pane>
......@@ -35,25 +32,31 @@
</el-tab-pane-->
<!--PD000000 -->
<el-tab-pane label="费用/账务" name="setpan">
<el-tab-pane label="费用/账务" name="engp,setpan,glepan">
<c-content>
<m-setpan :model="model" :codes="codes"/>
<m-engp :model="model" :codes="codes"/>
</c-content>
</el-tab-pane>
<!--PD000000 -->
<el-tab-pane label="备查/附言" name="addbcb">
<m-addbcb :model="model" :codes="codes"/>
<c-content>
<m-addbcb :model="model" :codes="codes"/>
</c-content>
</el-tab-pane>
<!--PD000529 -->
<el-tab-pane label="报文/面函" name="docpan">
<m-docpan :model="model" :codes="codes"/>
<c-content>
<m-docpan :model="model" :codes="codes"/>
</c-content>
</el-tab-pane>
<!--PD000546 -->
<el-tab-pane label="附件信息" name="doctre">
<m-doctre :model="model" :codes="codes"/>
<c-content>
<m-doctre :model="model" :codes="codes"/>
</c-content>
</el-tab-pane>
</c-tabs>
</el-form>
......
src/views/Business/Brtame/Rog.vue
......@@ -18,7 +18,7 @@
<template slot="footer">
<c-button
style="
margin: 0 10px 0 10px;
margin: 0 0 0 10px;
padding: 0 12px;
"
size="small"
......
src/views/Business/Brtame/index.vue
<template>
<c-page title="">
<div class="eContainer">
<div
>
<!--div>
<el-button size="small">备忘录</el-button>
<el-button
size="small"
@click="setDraggableContent('cms', '影像信息')"
>影像信息</el-button
>
<!-- <el-button size="small">保存模板</el-button> -->
<!-- <el-button size="small">使用模板</el-button> -->
<el-button size="small" @click="setDraggableContent('cms', '影像信息')">影像信息</el-button>
<el-button size="small">制裁信息</el-button>
<!-- <el-button size="small">拆分报文</el-button> -->
<el-button size="small">智能提示</el-button>
</div>
</div-->
<el-form
:model="model"
:rules="rules"
ref="modelForm"
label-width="150px"
label-position="right"
size="small"
:validate-on-rule-change="false"
>
<c-tabs
v-model="tabVal"
ref="elment"
type="card"
@tab-click="tabClick"
>
<el-form :model="model" :rules="rules" ref="modelForm" label-width="150px" label-position="right" size="small" :validate-on-rule-change="false">
<c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="tabClick">
<!--brtame PD000057 Release Goods -->
<el-tab-pane label="业务信息" name="ovwp">
<c-content>
<m-ovwp :model="model" :codes="codes" />
<m-ovwp :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--limmod PD000001 统一授信 -->
<!--limmod PD000001 统一授信 -->
<el-tab-pane label="统一授信" name="limitbody">
<m-limitbody :model="model" :codes="codes" />
<c-content>
<m-limitbody :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--el-tab-pane label="提货担保" name="rog">
......@@ -58,9 +36,9 @@
</c-content>
</el-tab-pane-->
<!--liaall PD000027 Liability -->
<el-tab-pane label="费用/账务" name="engp">
<el-tab-pane label="费用/账务" name="engp,setpan,glepan">
<c-content>
<m-engp :model="model" :codes="codes" />
<m-engp :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--setmod PD000000 Settlement
......@@ -70,7 +48,6 @@
</c-content>
</el-tab-pane>
<el-tab-pane label="会计分录" name="glepan">
<c-content>
<m-glepan :model="model" :codes="codes" />
......@@ -79,37 +56,35 @@
-->
<!--coninf PD000000 Completion -->
<el-tab-pane label="备查/附言" name="addbcb">
<m-addbcb :model="model" :codes="codes" />
<c-content>
<m-addbcb :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--trndoc PD000529 &Messages -->
<el-tab-pane label="报文/面函" name="docpan">
<m-docpan :model="model" :codes="codes" />
<c-content>
<m-docpan :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--trndoc PD000546 Attachments -->
<el-tab-pane label="附件信息" name="doctre">
<m-doctre :model="model" :codes="codes" />
<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 :handleSubmit="handleSubmit" :handleCheck="handleCheck" :handleStash="handleStash">
</c-function-btn>
</div>
</c-page>
</c-page>
</template>
<script>
import Api from "~/service/Api";
import CodeTable from "~/config/CodeTable";
......@@ -171,24 +146,28 @@ export default {
methods: {
// myTabClick(tab) {
// this.tabClick(tab);
/**
* do it yourself
**/
/**
* do it yourself
**/
// },
},
created:async function(){
created: async function () {
console.log("进入brtame交易");
let rtnmsg = await this.init({})
if (rtnmsg.respCode == SUCCESS) {
this.updateModel(rtnmsg.data);
if (this.isInDisplay) {
this.restoreDisplay();
}
this.updateModel(rtnmsg.data);
if (this.isInDisplay) {
this.restoreDisplay();
}
} else {
this.$notify.error({title: '错误',message: '服务请求失败！'});
this.$notify.error({
title: '错误',
message: '服务请求失败！'
});
}
},
};
</script>
<style>
</style>
src/views/Business/Brtdcr/index.vue
<template>
<c-page>
<div class="eContainer">
<div>
<el-button size="small">备忘录</el-button>
<el-button size="small">影像信息</el-button>
<el-button size="small">制裁信息</el-button>
<el-button size="small">智能提示</el-button>
</div>
<el-form :model="model" :rules="rules" ref="modelForm" label-width="150px" label-position="right" size="small" :validate-on-rule-change="false">
<c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="tabClick">
<el-tab-pane label="业务信息" name="ovwp">
<c-content>
<m-ovwp :model="model" :codes="codes"/>
</c-content>
</el-tab-pane>
<!--PD000001 -->
<el-tab-pane label="统一授信" name="limitbody">
<m-limitbody :model="model" :codes="codes"/>
</el-tab-pane>
<!--PD000037
<div class="eContainer">
<!--div>
<el-button size="small">备忘录</el-button>
<el-button size="small">影像信息</el-button>
<el-button size="small">制裁信息</el-button>
<el-button size="small">智能提示</el-button>
</div-->
<el-form :model="model" :rules="rules" ref="modelForm" label-width="150px" label-position="right" size="small" :validate-on-rule-change="false">
<c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="tabClick">
<el-tab-pane label="业务信息" name="ovwp">
<c-content>
<m-ovwp :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--PD000001 -->
<el-tab-pane label="统一授信" name="limitbody">
<c-content>
<m-limitbody :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--PD000037
<el-tab-pane label="详情内容" name="utlp">
<c-content>
<m-utlp :model="model" :codes="codes"/>
</c-content>
</el-tab-pane>-->
<!--PD000059
<!--PD000059
<el-tab-pane label="不符点/拒绝详情" name="brtdcrd">
<c-content>
<m-brtdcrd :model="model" :codes="codes"/>
......@@ -40,15 +42,15 @@
<m-mt750p :model="model" :codes="codes"/>
</c-content>
</el-tab-pane>-->
<!--PD000027 -->
<el-tab-pane label="费用/账务" name="engp">
<c-content>
<m-engp :model="model" :codes="codes"/>
</c-content>
</el-tab-pane>
<!--PD000000
<!--PD000027 -->
<el-tab-pane label="费用/账务" name="engp,setpan,glepan">
<c-content>
<m-engp :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--PD000000
<el-tab-pane label="结算" name="setpan">
<c-content>
<m-setpan :model="model" :codes="codes"/>
......@@ -58,54 +60,45 @@
<el-tab-pane label="会计分录" name="glepan">
<m-glepan :model="model" :codes="codes" ref="glepan" />
</el-tab-pane>-->
<!--PD000000 -->
<el-tab-pane label="备查/附言" name="addbcb">
<m-addbcb :model="model" :codes="codes"/>
</el-tab-pane>
<!--PD000529 -->
<el-tab-pane label="报文/面函" name="docpan">
<m-docpan :model="model" :codes="codes"/>
</el-tab-pane>
<!--PD000546 -->
<el-tab-pane label="附件信息" name="doctre">
<m-doctre :model="model" :codes="codes"/>
</el-tab-pane>
</c-tabs>
</el-form>
<c-grid-ety-prompt-dialog
ref="etyDialog"
:promptData="promptData"
v-on:select-ety="selectEty"
>
</c-grid-ety-prompt-dialog>
<c-grid-ety-prompt-dialog
ref="doxpDialog"
:isPty="false"
:promptData="promptData"
@select-ety="selectMsg"
>
</c-grid-ety-prompt-dialog>
<c-function-btn
:handleSubmit="handleSubmit"
:handleCheck="handleCheck"
:handleStash="handleStash"
>
</c-function-btn>
</div>
</c-page>
<!--PD000000 -->
<el-tab-pane label="备查/附言" name="addbcb">
<c-content>
<m-addbcb :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--PD000529 -->
<el-tab-pane label="报文/面函" name="docpan">
<c-content>
<m-docpan :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--PD000546 -->
<el-tab-pane label="附件信息" name="doctre">
<c-content>
<m-doctre :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
</c-tabs>
</el-form>
<c-grid-ety-prompt-dialog ref="etyDialog" :promptData="promptData" v-on:select-ety="selectEty">
</c-grid-ety-prompt-dialog>
<c-grid-ety-prompt-dialog ref="doxpDialog" :isPty="false" :promptData="promptData" @select-ety="selectMsg">
</c-grid-ety-prompt-dialog>
<c-function-btn :handleSubmit="handleSubmit" :handleCheck="handleCheck" :handleStash="handleStash">
</c-function-btn>
</div>
</c-page>
</template>
<script>
import Api from "~/service/Api"
import CodeTable from "~/config/CodeTable"
......@@ -121,8 +114,6 @@ import Glepan from "~/views/Public/Glepan";
import Ovwp from "./Ovwp"
import Addbcb from "./Addbcb"
// import Engp from "./Engp"
// import Setpan from "./Setpan"
// import Coninfp from "./Coninfp"
......@@ -138,19 +129,18 @@ import Limitbody from "~/views/Public/Limitbody";
import Doctre from "~/views/Public/Doctre"
import commonFuncs from "~/mixin/commonFuncs"
export default {
name: "Brtdcr",
components:{
components: {
"m-mt750p": Mt750p,
"m-utlp" : Utlp,
"m-brtdcrd" : Brtdcrd,
"m-engp" : Engp,
"m-setpan" : Setpan,
"m-coninfp" : Coninfp,
"m-docpan" : Docpan,
"m-doctre" : Doctre,
"m-limitbody" : Limitbody,
"m-utlp": Utlp,
"m-brtdcrd": Brtdcrd,
"m-engp": Engp,
"m-setpan": Setpan,
"m-coninfp": Coninfp,
"m-docpan": Docpan,
"m-doctre": Doctre,
"m-limitbody": Limitbody,
"m-glepan": Glepan,
"m-ovwp": Ovwp,
"m-addbcb": Addbcb,
......@@ -161,8 +151,8 @@ export default {
root: this
}
},
mixins: [commonProcess,commonFuncs], // 里面包含了Default、Check等的公共处理
data(){
mixins: [commonProcess, commonFuncs], // 里面包含了Default、Check等的公共处理
data() {
return {
tabVal: "ovwp",
trnName: "brtdcr",
......@@ -176,28 +166,32 @@ export default {
},
}
},
methods:{
methods: {
// myTabClick(tab){
// this.tabClick(tab)
/**
* do it yourself
**/
/**
* do it yourself
**/
// }
},
created:async function(){
created: async function () {
console.log("进入brtdcr交易");
let rtnmsg = await this.init({})
if (rtnmsg.respCode == SUCCESS) {
this.updateModel(rtnmsg.data);
if (this.isInDisplay) {
this.restoreDisplay();
}
this.updateModel(rtnmsg.data);
if (this.isInDisplay) {
this.restoreDisplay();
}
} else {
this.$notify.error({title: '错误',message: '服务请求失败！'});
this.$notify.error({
title: '错误',
message: '服务请求失败！'
});
}
},
}
</script>
<style>
</style>
src/views/Business/Brteus/index.vue
<template>
<c-page title="进口信用证单据展期">
<div class="eContainer">
<!-- <c-bus-button :$pntvm="this"></c-bus-button> j加操作按钮-->
<div
>
<el-button size="small">备忘录</el-button>
<el-button
size="small"
@click="setDraggableContent('cms', '影像信息')"
>影像信息</el-button
>
<!-- <el-button size="small">保存模板</el-button> -->
<!-- <el-button size="small">使用模板</el-button> -->
<div class="eContainer">
<!-- <c-bus-button :$pntvm="this"></c-bus-button> j加操作按钮-->
<!--div>
<el-button size="small">备忘录</el-button>
<el-button size="small" @click="setDraggableContent('cms', '影像信息')">影像信息</el-button>
<el-button size="small">制裁信息</el-button>
<!-- <el-button size="small">拆分报文</el-button> -->
<el-button size="small">智能提示</el-button>
</div>
</div-->
<el-form :model="model" :rules="rules" ref="modelForm" label-width="150px" label-position="right" size="small"
:validate-on-rule-change="false">
<c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="myTabClick">
<el-form :model="model" :rules="rules" ref="modelForm" label-width="150px" label-position="right" size="small" :validate-on-rule-change="false">
<c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="myTabClick">
<el-tab-pane label="业务信息" name="ovwp">
<c-content>
<m-ovwp :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<el-tab-pane label="业务信息" name="ovwp">
<m-ovwp :model="model" :codes="codes" />
</el-tab-pane>
<!--PD000024
<!--PD000024
<el-tab-pane label="展期" name="brteus">
<m-brteus :model="model" :codes="codes" />
</el-tab-pane> -->
<!-- ======新增隐藏面板（从brtudp交易的隐藏页面传（沿用）过来的）mt750p、mt754p、othadvtypp====== -->
<!--PD000139
<!-- ======新增隐藏面板（从brtudp交易的隐藏页面传（沿用）过来的）mt750p、mt754p、othadvtypp====== -->
<!--PD000139
<el-tab-pane label="不符点通知" name="mt750p" v-if="model.brdgrp.rec.advtyp=='750'">
<c-content>
<m-mt750p :model="model" :codes="codes" />
</c-content>
</el-tab-pane>-->
<!--PD000147
<!--PD000147
<el-tab-pane label="付款通知" name="mt754p" v-if="model.brdgrp.rec.advtyp=='754'">
<c-content>
<m-mt754p :model="model" :codes="codes" />
</c-content>
</el-tab-pane>-->
<!--PD000213
<!--PD000213
<el-tab-pane label="其他通知" name="othadvtypp" v-if="model.brdgrp.rec.advtyp=='oth'">
<m-othadvtypp :model="model" :codes="codes" />
</el-tab-pane>-->
<!--PD000027 -->
<el-tab-pane label="表外记账" name="engp">
<m-engp :model="model" :codes="codes" />
</el-tab-pane>
<!--PD000000 -->
<el-tab-pane label="结算" name="setpan">
<m-setpan :model="model" :codes="codes" />
</el-tab-pane>
<el-tab-pane label="会计分录" name="glepan">
<m-glepan :model="model" :codes="codes" />
</el-tab-pane>
<!--PD000000 -->
<el-tab-pane label="备查/附言" name="addbcb">
<m-addbcb :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="统一授信" name="limitbody">
<c-content>
<m-limitbody :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--PD000027 -->
<el-tab-pane label="费用/账务" name="engp,setpan,glepan">
<c-content>
<m-engp :model="model" :codes="codes" />
</c-content>
</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">
<c-content>
<m-glepan :model="model" :codes="codes" />
</c-content>
</el-tab-pane>-->
<!--PD000000 -->
<el-tab-pane label="备查/附言" name="addbcb">
<c-content>
<m-addbcb :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--PD000529 -->
<el-tab-pane label="报文/面函" name="docpan">
<c-content>
<m-docpan :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--PD000546 -->
<el-tab-pane label="附件信息" name="doctre">
<c-content>
<m-doctre :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
</c-tabs>
</el-form>
<c-grid-ety-prompt-dialog ref="etyDialog" :promptData="promptData" @select-ety="selectEty"></c-grid-ety-prompt-dialog>
</div>
<!--PD000546 -->
<el-tab-pane label="附件" name="doctre">
<m-doctre :model="model" :codes="codes" />
</el-tab-pane>
<c-function-btn :handleSubmit="handleSubmit" :handleCheck="handleCheck" :handleStash="handleStash">
<!--PD000001 -->
<el-tab-pane label="统一授信" name="limitbody">
<m-limitbody :model="model" :codes="codes" />
</el-tab-pane>
</c-tabs>
</el-form>
<c-grid-ety-prompt-dialog
ref="etyDialog"
:promptData="promptData"
@select-ety="selectEty"
></c-grid-ety-prompt-dialog>
</div>
<c-function-btn
:handleSubmit="handleSubmit"
:handleCheck="handleCheck"
:handleStash="handleStash"
>
</c-function-btn>
</c-page>
</template>
<script>
import Api from "~/service/Api";
import CodeTable from "~/config/CodeTable";
......@@ -140,66 +138,69 @@ import Mt754p from "../Brtudp/Mt754p";
import Othadvtypp from "../Brtudp/Othadvtypp";
export default {
name: "Brteus",
components: {
"m-brteus": Brteuss,
"m-mt750p" : Mt750p,
"m-mt754p" : Mt754p,
"m-othadvtypp" : Othadvtypp,
"m-engp": Engp,
"m-setpan": Setpan,
"m-glepan": Glepan,
"m-coninfp": Coninfp,
"m-docpan": Docpan,
"m-doctre": Doctre,
"m-limitbody": Limitbody,
"m-addbcb": Addbcb,
"m-ovwp": Ovwp,
},
provide() {
return {
root: this
}
},
mixins: [commonProcess,commonFuncs], // 里面包含了Default、Check等的公共处理
data() {
return {
tabVal: "ovwp",
trnName: "brteus",
model: new Brteus().data,
checkRules: Check,
defaultRules: Default,
pattern: Pattern,
rules: null,
codes: {
...CodeTable//...即返回到views同级，关联码表
},
}
},
methods: {
myTabClick(tab) {
this.tabClick(tab)
/**
* do it yourself
**/
name: "Brteus",
components: {
"m-brteus": Brteuss,
"m-mt750p": Mt750p,
"m-mt754p": Mt754p,
"m-othadvtypp": Othadvtypp,
"m-engp": Engp,
"m-setpan": Setpan,
"m-glepan": Glepan,
"m-coninfp": Coninfp,
"m-docpan": Docpan,
"m-doctre": Doctre,
"m-limitbody": Limitbody,
"m-addbcb": Addbcb,
"m-ovwp": Ovwp,
},
provide() {
return {
root: this
}
},
mixins: [commonProcess, commonFuncs], // 里面包含了Default、Check等的公共处理
data() {
return {
tabVal: "ovwp",
trnName: "brteus",
model: new Brteus().data,
checkRules: Check,
defaultRules: Default,
pattern: Pattern,
rules: null,
codes: {
...CodeTable //...即返回到views同级，关联码表
},
}
},
methods: {
myTabClick(tab) {
this.tabClick(tab)
/**
* do it yourself
**/
}
},
created: async function () {
console.log("进入brteus交易");
let rtnmsg = await this.init({})
if (rtnmsg.respCode == SUCCESS) {
this.updateModel(rtnmsg.data)
//TODO 处理数据逻辑
if (this.isInDisplay) {
this.restoreDisplay();
}
} else {
this.$notify.error({
title: '错误',
message: '服务请求失败！'
});
}
}
},
created: async function () {
console.log("进入brteus交易");
let rtnmsg = await this.init({})
if (rtnmsg.respCode == SUCCESS) {
this.updateModel(rtnmsg.data)
//TODO 处理数据逻辑
if (this.isInDisplay) {
this.restoreDisplay();
}
}
else {
this.$notify.error({ title: '错误', message: '服务请求失败！' });
}
}
}
</script>
<style>
</style>
src/views/Business/Brtsnd/index.vue
......@@ -57,7 +57,7 @@
<!--PD000027 -->
<el-tab-pane label="费用/账务" name="engp">
<el-tab-pane label="费用/账务" name="engp,setpan,glepan">
<m-engp :model="model" :codes="codes" />
</el-tab-pane>
......
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