Skip to content

V
vue-gjjs
Commit 208fa1bc by nanrui
Options

botacc,botpay路由添加及botpay交易“附件”面板排版

parent dea7b8d0
Showing with 329 additions and 81 deletions
src/views/Business/Botpay/Doctre.vue
<template> <template>
<div class="eibs-tab"> <div class="eibs-tab">
<!-- 左边 -->
<c-col :span="12"> <c-col :span="24" style="height: 24px">
<el-form-item label="File Receiver" prop="trnmod.trndoc.filrecv"> <el-form-item label="Outgoing Messages" class="messageLabel"></el-form-item>
<c-input v-model="model.trnmod.trndoc.filrecv" placeholder="请输入File Receiver"></c-input> </c-col>
</el-form-item> <c-col :span="24" style="height: 0px">
</c-col> <el-divider></el-divider>
</c-col>
<c-col :span="12"> <c-col :span="24">
<el-form-item label="Document tree" prop="trnmod.trndoc.doctrestm"> <c-col :span="21">
<c-input v-model="model.trnmod.trndoc.doctrestm" placeholder="请输入Document tree"></c-input> <c-col :span="24">
</el-form-item> <c-istream-table-docpan :border="true" :list="data1" style="width:100%;text-align:center">
</c-col> <el-table-column label="Type" width="auto">
<template slot-scope="scope">
<c-col :span="12"> <span>{{ getType(scope.row.index) }}</span>
<c-button size="small" type="primary" @click="onTrndocButshw"> </template>
Sho&w </el-table-column>
</c-button> <el-table-column label="Document" width="auto">
</c-col> <template slot-scope="scope">
<span>{{ model.trnmod.trndoc.doceot[scope.row.index].pandsc }}</span>
<c-col :span="12"> </template>
<c-button size="small" type="primary" @click="onTrndocButadd"> </el-table-column>
D&etails <el-table-column label="Cre.TRN" width="auto"></el-table-column>
</c-button> <el-table-column label="Date" width="auto">
</c-col> <template>
<span>{{ getNow() }}</span>
<c-col :span="12"> </template>
<c-button size="small" type="primary" @click="onTrndocButnew"> </el-table-column>
&Add New </c-istream-table-docpan>
</c-button> </c-col>
</c-col> </c-col>
<c-col :span="3">
<c-col :span="12"> <c-col :span="24" style="margin-top: 15px;margin-left: 20px">
<c-button size="small" type="primary" @click="onTrndocButattto"> <c-button size="small" type="primary" @click="onTrndocButshw" style="width: 80px;">
Show
</c-button>
</c-col>
<c-col :span="24" style="margin-top: 15px;margin-left: 20px">
<c-button size="small" type="primary" @click="onTrndocButadd" style="width: 80px;">
Details
</c-button>
</c-col>
<c-col :span="24" style="margin-top: 40px;margin-left: 20px">
<c-button size="small" type="primary" @click="onTrndocButnew" style="width: 80px;">
Add New
</c-button>
</c-col>
<c-col :span="24" style="margin-top: 15px;margin-left: 20px">
<c-button size="small" type="primary" @click="onTrndocButattto" style="width: 80px;">
Attach to Attach to
</c-button> </c-button>
</c-col> </c-col>
<c-col :span="24" style="margin-top: 15px;margin-left: 20px">
<c-col :span="12"> <c-button size="small" type="primary" @click="onTrndocButdel" style="width: 80px;">
<c-button size="small" icon="el-icon-delete" @click="onTrndocButdel"> Suppress
Delete </c-button>
</c-button> </c-col>
</c-col> </c-col>
</c-col>
<c-col :span="12">
<span v-text="model.trnmod.trndoc.doclbl" data-path=".trnmod.trndoc.doclbl" > </span> <c-col :span="24" style="margin-top: 20px">
</c-col> <c-col :span="12" style="height: 24px;margin-top: 20px;">
<el-form-item label="Previous Messages" class="messageLabel"
<c-col :span="12"> v-show="model.trnmod.trndoc.shwinc || model.trnmod.trndoc.shwout"></el-form-item>
<c-checkbox v-model="model.trnmod.trndoc.shwinc">Show Incoming Messages</c-checkbox> </c-col>
</c-col> <c-col :span="12">
<c-col :span="12" style="height: 24px;margin-top: 20px;">
<c-col :span="12"> <c-checkbox v-model="model.trnmod.trndoc.shwinc">Show Incoming Messages</c-checkbox>
<c-checkbox v-model="model.trnmod.trndoc.shwout">Show Outgoing Messages</c-checkbox> </c-col>
</c-col> <c-col :span="12" style="height: 24px;margin-top: 20px;">
<c-checkbox v-model="model.trnmod.trndoc.shwout">Show Outgoing Messages</c-checkbox>
<c-col :span="12"> </c-col>
<c-button size="small" type="primary" @click="onTrndocButatt"> </c-col>
</c-col>
<c-col :span="24" style="height: 0px" v-show="model.trnmod.trndoc.shwinc || model.trnmod.trndoc.shwout">
<el-divider></el-divider>
</c-col>
<c-col :span="24">
<c-col :span="21">
<c-col :span="24">
<c-table :border="true" :list="data2" style="width:100%,text-align:center"
v-show="model.trnmod.trndoc.shwout">
<el-table-column label="Type" width="auto"></el-table-column>
<el-table-column label="Document" width="auto"></el-table-column>
<el-table-column label="Cre.TRN" width="auto"></el-table-column>
<el-table-column label="Date" width="auto"></el-table-column>
</c-table>
</c-col>
</c-col>
<c-col :span="3">
<c-col :span="24" style="margin-top: 15px;margin-left: 20px">
<c-button size="small" type="primary" @click="onTrndocButatt" style="width: 80px;">
Attach Attach
</c-button> </c-button>
</c-col> </c-col>
<c-col :span="24" style="margin-top: 150px;margin-left: 20px">
<c-col :span="12"> <c-button size="small" type="primary" @click="onTrndocButatt">
<el-form-item label="Connected Documents" prop="trnmod.trndoc.condocstm"> i
<c-input v-model="model.trnmod.trndoc.condocstm" placeholder="请输入Connected Documents"></c-input> </c-button>
</el-form-item> </c-col>
</c-col> </c-col>
</c-col>
<c-col :span="12">
<el-form-item label="" prop="trnmod.trndoc.rcvatt.seainf"> <!-- <c-col :span="24">
<c-input v-model="model.trnmod.trndoc.rcvatt.seainf" placeholder="请输入"></c-input> <el-form-item
</el-form-item> style="text-align: left;"
</c-col> class="formItemLabel"
label="Outgoing Correspondence,Attachments and other Documents"
label-width="100%"
>
</el-form-item>
</c-col>
<c-col :span="24">
<c-col :span="14">
<c-col :span="24">
<div style="height: 300px; width: 100%; border: 1px #ebeef5 solid">
<el-tree
ref="menuTree"
:data="data"
:props="defaultProps"
@node-click="handleNodeClick"
></el-tree>
</div>
</c-col>
<c-col :span="24" style="margin-top: 10px">
<c-col :span="4">
<el-form-item
label="Connected Ducuments"
v-show="isShow1 || isShow2"
></el-form-item>
<el-form-item
label=""
v-show="!(isShow1 || isShow2)"
></el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label="">
<c-checkbox v-model="isShow1">Show Incoming Messages</c-checkbox>
</el-form-item>
</c-col>
<c-col :span="8" :offset="2">
<el-form-item label="">
<c-checkbox v-model="isShow2">Show Outgoing Messages</c-checkbox>
</el-form-item>
</c-col>
</c-col>
</c-col>
<c-col :span="6" :offset="1">
<c-col :span="24">
<c-button size="small" type="primary" @click="onTrndocButshw">
Show
</c-button>
</c-col>
<c-col :span="24" style="margin-top: 15px">
<c-button size="small" type="primary" @click="onTrndocButadd">
详情
</c-button>
</c-col>
<c-col :span="24" style="margin-top: 40px">
<c-button size="small" type="primary" @click="onTrndocButnew">
Add New
</c-button>
</c-col>
<c-col :span="24" style="margin-top: 15px">
<c-button size="small" type="primary"
:disabled="atoDisabled"
@click="onTrndocButattto"
>
Attach to
</c-button>
</c-col>
<c-col :span="24" style="margin-top: 15px">
<c-button size="small" type="primary" @click="onTrndocButdel"
:disabled="delDisabled"
>
Delete
</c-button>
</c-col>
<c-col :span="24" style="margin-top: 80px">
<c-button size="small" type="primary" @click="onTrndocButatt"
:disabled="aDisabled"
>
Attach
</c-button>
</c-col>
<c-col :span="24" style="margin-top: 150px">
<c-button size="small" type="primary" @click="onTrndocButatt">
i
</c-button>
</c-col>
</c-col>
</c-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/Botpay/Event" import moment from 'moment'
export default { export default {
inject: ['root'], inject: ['root'],
props:["model","codes"], mixins: [commonProcess],
mixins: [commonProcess], props: ["model", "codes"],
data(){ data() {
return { return {
data1: [],
data2: [],
isShow1: false,
isShow2: false,
aDisabled: true,
atoDisabled: true,
delDisabled: true,
data: [
{
label: "CHINA EVERBRIGHT BANK",
children: [{ label: "'企业当前管理信息'via" }],
},
{
label: "Internal",
children: [{ label: "'收账通知'via" }],
},
],
}
},
methods: {
getType(idx) {
for (let i = 0; i < this.codes.doceotCortyp.length; i++) {
const c = this.codes.doceotCortyp[i];
if (this.model.trnmod.trndoc.doceot[idx].cortyp === c.value) {
return c.label;
} }
}
return "";
},
getNow() {
return moment().format('yyyy-MM-DD')
},
handleNodeClick(data) {
if (!data.children) { //如果没有叶子节点 ，按钮置灰
this.atoDisabled = false;
this.delDisabled = false;
} else {
this.atoDisabled = true;
this.delDisabled = true;
}
},
defaultProps() { },
async onTrndocButshw() {
let rtnmsg = await this.executeRule("trndoc.butshw")
if (rtnmsg.respCode == SUCCESS) {
//TODO 处理数据逻辑
}
else {
this.$notify.error({ title: '错误', message: '服务请求失败！' });
}
}, },
methods:{...Event}, async onTrndocButadd() {
created:function(){ let rtnmsg = await this.executeRule("trndoc.butadd")
if (rtnmsg.respCode == SUCCESS) {
//TODO 处理数据逻辑
}
else {
this.$notify.error({ title: '错误', message: '服务请求失败！' });
}
},
async onTrndocButnew() {
let rtnmsg = await this.executeRule("trndoc.butnew")
if (rtnmsg.respCode == SUCCESS) {
//TODO 处理数据逻辑
}
else {
this.$notify.error({ title: '错误', message: '服务请求失败！' });
}
},
async onTrndocButattto() {
let rtnmsg = await this.executeRule("trndoc.butattto")
if (rtnmsg.respCode == SUCCESS) {
//TODO 处理数据逻辑
}
else {
this.$notify.error({ title: '错误', message: '服务请求失败！' });
}
},
async onTrndocButdel() {
let rtnmsg = await this.executeRule("trndoc.butdel")
if (rtnmsg.respCode == SUCCESS) {
//TODO 处理数据逻辑
}
else {
this.$notify.error({ title: '错误', message: '服务请求失败！' });
}
},
async onTrndocButatt() {
let rtnmsg = await this.executeRule("trndoc.butatt")
if (rtnmsg.respCode == SUCCESS) {
//TODO 处理数据逻辑
}
else {
this.$notify.error({ title: '错误', message: '服务请求失败！' });
}
},
},
watch: {
"model.trnmod.trndoc.doceot": {
handler(val, oldVal) {
var arr = [];
let k = 0;
for (let i = 0; i < val.length; i++) {
if (val[i].role != "") {
arr[k++] = val[i];
}
}
this.data1 = arr
},
immediate: true
} }
},
created: function () {
}
} }
</script> </script>
<style> <style>
.formItemLabel>>>.el-form-item__label {
text-align: left;
}
</style> </style>
src/views/Business/BusRouter.js
...@@ -76,6 +76,8 @@ import Lttcan from "./Lttcan" ...@@ -76,6 +76,8 @@ import Lttcan from "./Lttcan"
// import Infdet from "./Infdet" // import Infdet from "./Infdet"
import Botsel from "./Botsel" import Botsel from "./Botsel"
import Infbod from "./Infbod" import Infbod from "./Infbod"
import Botacc from "./Botacc"
import Botpay from "./Botpay"
import Botdav from "./Botdav" import Botdav from "./Botdav"
import Botame from "./Botame" import Botame from "./Botame"
import Botdcr from "./Botdcr" import Botdcr from "./Botdcr"
...@@ -302,8 +304,10 @@ const BusRouter = [ ...@@ -302,8 +304,10 @@ const BusRouter = [
{ path: 'inftxm', component: Inftxm, name: 'Inftxm', meta: { title: '条式语句查询' } }, { path: 'inftxm', component: Inftxm, name: 'Inftxm', meta: { title: '条式语句查询' } },
// { path: 'infdet', component: Infdet, name: 'Infdet', meta: { title: 'Infdet' } }, // { path: 'infdet', component: Infdet, name: 'Infdet', meta: { title: 'Infdet' } },
{ path: 'infbod', component: Infbod, name: 'Infbod', meta: { title: '出口托收入口交易' } }, { path: 'infbod', component: Infbod, name: 'Infbod', meta: { title: '出口托收查询' } },
{ path: 'botsel', component: Botsel, name: 'Botsel', meta: { title: '出口托收入口交易Botsel' } }, { path: 'botsel', component: Botsel, name: 'Botsel', meta: { title: '出口托收入口交易Botsel' } },
{ path: 'botacc', component: Botacc, name: 'Botacc', meta: { title: '出口托收承兑' }},
{ path: 'botpay', component: Botpay, name: 'Botpay', meta: { title: '出口托收结算' }},
{ path: 'botdav', component: Botdav, name: 'Botdav', meta: { title: '出口托收寄单' } }, { path: 'botdav', component: Botdav, name: 'Botdav', meta: { title: '出口托收寄单' } },
{ path: 'botame', component: Botame, name: 'Botame', meta: { title: '出口托收修改' } }, { path: 'botame', component: Botame, name: 'Botame', meta: { title: '出口托收修改' } },
{ path: 'botdcr', component: Botdcr, name: 'Botdcr', meta: { title: '出口托收拒付/不符点' } }, { path: 'botdcr', component: Botdcr, name: 'Botdcr', meta: { title: '出口托收拒付/不符点' } },
......
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