Skip to content

V
vue-gjjs
Commit dea7b8d0 by nanrui
Options

botacc，botpay交易面板排版优化，多选框点击事件处理。

parent 0d530bbd
Showing with 92 additions and 76 deletions
src/views/Business/Botacc/Inst.vue
<template>
<div class="eibs-tab">
<c-col :span="24">
<c-col :span="12">
<c-col :span="11">
<el-form-item label="Delivery of Documents Instructions" prop="bodgrp.blk.colins">
<c-fullbox>
<c-input type="textarea" v-model="model.bodgrp.blk.colins" maxlength="65" show-word-limit
placeholder="请输入Collection Instructions"></c-input>
placeholder="请输入Collection Instructions" disabled></c-input>
<template slot="footer">
<c-button size="small" type="primary">
...
......@@ -14,9 +14,9 @@
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="12">
<c-col :span="11" :offset="1">
<el-form-item label="Charges Condition" prop="bodgrp.rec.chato">
<c-select v-model="model.bodgrp.rec.chato" style="width:100%" placeholder="请选择Our Charges to">
<c-select v-model="model.bodgrp.rec.chato" style="width:100%" placeholder="请选择Our Charges to" disabled>
<el-option v-for="item in codes.chato" :key="item.value" :label="item.label"
:value="item.value">
</el-option>
......@@ -26,15 +26,15 @@
</c-col>
<c-col :span="24">
<c-col :span="12">
<c-col :span="11">
<el-form-item label="" prop="bodgrp.blk.colinsflg">
<c-checkbox v-model="model.bodgrp.blk.colinsflg">Delivery Of Documents Instructions modified</c-checkbox>
<c-checkbox v-model="model.bodgrp.blk.colinsflg" disabled>Delivery Of Documents Instructions modified</c-checkbox>
</el-form-item>
</c-col>
<c-col :span="12">
<c-col :span="11" :offset="1">
<el-form-item label="Charges Text" prop="bodgrp.blk.chgtxt">
<c-input type="textarea" v-model="model.bodgrp.blk.chgtxt" maxlength="35" show-word-limit
placeholder="请输入Charges Text"></c-input>
placeholder="请输入Charges Text" disabled></c-input>
</el-form-item>
</c-col>
</c-col>
......@@ -47,11 +47,11 @@
</c-col> -->
<c-col :span="24">
<c-col :span="12">
<c-col :span="11">
<el-form-item label="Draft Instructions" prop="bodgrp.blk.dftins">
<c-fullbox>
<c-input type="textarea" v-model="model.bodgrp.blk.dftins" maxlength="65" show-word-limit
placeholder="请输入Draft Instructions">
placeholder="请输入Draft Instructions" disabled>
</c-input>
<template slot="footer">
<c-button size="small" type="primary">
......@@ -61,9 +61,9 @@
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="12">
<c-col :span="11" :offset="1">
<el-form-item label="" prop="bodgrp.blk.colinsflg">
<c-checkbox v-model="model.bodgrp.rec.focflg">Free of Payment</c-checkbox>
<c-checkbox v-model="model.bodgrp.rec.focflg" disabled>Free of Payment</c-checkbox>
</el-form-item>
</c-col>
......@@ -77,11 +77,11 @@
</c-col> -->
<c-col :span="24">
<c-col :span="12">
<c-col :span="11">
<el-form-item label="Protest Instructions" prop="bodgrp.blk.proins">
<c-fullbox>
<c-input type="textarea" v-model="model.bodgrp.blk.proins" maxlength="65" show-word-limit
placeholder="请输入Protest Instructions"></c-input>
placeholder="请输入Protest Instructions" disabled></c-input>
<template slot="footer">
<c-button size="small" type="primary">
...
......@@ -90,10 +90,10 @@
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="12">
<c-col :span="11" :offset="1">
<el-form-item label="Waive Collecting Bank Charges" prop="bodgrp.rec.waicolcod">
<c-select v-model="model.bodgrp.rec.waicolcod" style="width:100%"
placeholder="请选择Waive Remitting Bank Charges">
placeholder="请选择Waive Remitting Bank Charges" disabled>
<el-option v-for="item in codes.waicolcod" :key="item.value" :label="item.label"
:value="item.value">
</el-option>
......@@ -101,7 +101,7 @@
</el-form-item>
<el-form-item label="Waive Remitting Bank Charges" prop="bodgrp.rec.wairmtcod">
<c-select v-model="model.bodgrp.rec.wairmtcod" style="width:100%"
placeholder="请选择Waive Remitting Bank Charges">
placeholder="请选择Waive Remitting Bank Charges" disabled>
<el-option v-for="item in codes.wairmtcod" :key="item.value" :label="item.label"
:value="item.value">
</el-option>
......@@ -121,11 +121,11 @@
</c-button>
</c-col> -->
<c-col :span="24">
<c-col :span="12">
<c-col :span="11">
<el-form-item label="Other Instructions" prop="bodgrp.blk.othins">
<c-fullbox>
<c-input type="textarea" v-model="model.bodgrp.blk.othins" maxlength="65" show-word-limit
placeholder="请输入Other Instructions"></c-input>
placeholder="请输入Other Instructions" disabled></c-input>
<template slot="footer">
<c-button size="small" type="primary">
...
......@@ -134,9 +134,9 @@
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="12">
<c-col :span="11" :offset="1">
<el-form-item label="Defer Payment until" prop="bodgrp.rec.othins">
<c-select v-model="model.bodgrp.rec.othins" style="width:100%" placeholder="请选择Defer Payment until">
<c-select v-model="model.bodgrp.rec.othins" style="width:100%" placeholder="请选择Defer Payment until" disabled>
<el-option v-for="item in codes.othins" :key="item.value" :label="item.label"
:value="item.value">
</el-option>
......@@ -153,11 +153,11 @@
<c-col :span="24">
<c-col :span="12">
<c-col :span="11">
<el-form-item label="Warehouse/Insurance Instructions " prop="bodgrp.blk.delins">
<c-fullbox>
<c-input type="textarea" v-model="model.bodgrp.blk.delins" maxlength="65" show-word-limit
placeholder="请输入Warehouse/Insurance Instructions "></c-input>
placeholder="请输入Warehouse/Insurance Instructions" disabled></c-input>
<template slot="footer">
<c-button size="small" type="primary">
...
......@@ -166,17 +166,16 @@
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="12">
<c-col :span="11" :offset="1">
<c-col :span="9">
<el-form-item label="less comm" prop="bodgrp.rec.lescom">
<c-select v-model="model.bodgrp.cbs.opn1.cur" style="width: %" placeholder="请选择Document Amount"
:disabled="true" :code="codes.cur">
</c-select>
</el-form-item>
</c-col>
<c-col :span="14" :offset="1">
<c-input v-model="model.bodgrp.rec.lescom" placeholder="请输入Warehouse/Insurance"></c-input>
<c-input v-model="model.bodgrp.rec.lescom" placeholder="请输入Warehouse/Insurance" disabled></c-input>
</c-col>
</c-col>
</c-col>
......
src/views/Business/Botacc/Ptyp.vue
......@@ -19,7 +19,7 @@
<c-col :span="11">
<c-col :span="24">
<el-form-item label="Drawer Ref." prop="bodgrp.drr.pts.ref">
<c-input v-model="model.bodgrp.drr.pts.ref" maxlength="16" style="width: 100%" placeholder="">
<c-input v-model="model.bodgrp.drr.pts.ref" maxlength="16" style="width: 100%" placeholder="" disabled>
</c-input>
</el-form-item>
</c-col>
......@@ -27,7 +27,7 @@
<el-form-item label="External Key of Address" prop="bodgrp.drr.pts.extkey">
<c-fullbox>
<c-input v-model="model.bodgrp.drr.pts.extkey" maxlength="16"
placeholder="请输入External Key of Address">
placeholder="请输入External Key of Address" disabled>
</c-input>
<template slot="footer">
<c-button style="margin:0 10px 0 10px;padding: 0 12px;" size="small" type="primary">
......@@ -43,14 +43,14 @@
<c-col :span="24">
<el-form-item label="Address Block" prop="bodgrp.drr.pts.adrblk">
<c-input type="textarea" v-model="model.bodgrp.drr.pts.adrblk" maxlength="50" disabled
show-word-limit placeholder="请输入Address Block"></c-input>
show-word-limit placeholder="请输入Address Block" disabled></c-input>
</el-form-item>
</c-col>
</c-col>
<c-col :span="11" :offset="1">
<c-col :span="24">
<el-form-item label="Collecting Bank Ref." prop="bodgrp.col.pts.ref">
<c-input v-model="model.bodgrp.col.pts.ref" maxlength="16" style="width: 100%" placeholder="">
<c-input v-model="model.bodgrp.col.pts.ref" maxlength="16" style="width: 100%" placeholder="" disabled>
</c-input>
</el-form-item>
</c-col>
......@@ -58,7 +58,7 @@
<el-form-item label="Extkey Key of Address" prop="bodgrp.col.pts.extkey">
<c-fullbox>
<c-input v-model="model.bodgrp.col.pts.extkey" maxlength="16"
placeholder="请输入External Key of Address">
placeholder="请输入External Key of Address" disabled>
</c-input>
<template slot="footer">
<c-button style="margin:0 10px 0 10px;padding: 0 12px;" size="small" type="primary">
......@@ -76,7 +76,7 @@
<c-col :span="24">
<el-form-item label="Address Block" prop="bodgrp.col.pts.adrblk">
<c-input type="textarea" v-model="model.bodgrp.col.pts.adrblk" maxlength="50" disabled
show-word-limit placeholder="请输入Address Block"></c-input>
show-word-limit placeholder="请输入Address Block" disabled></c-input>
</el-form-item>
</c-col>
</c-col>
......@@ -86,14 +86,14 @@
<c-col :span="24">
<el-form-item label="Drawee Ref." prop="bodgrp.dre.pts.ref">
<c-input disabled v-model="model.bodgrp.dre.pts.ref" maxlength="16" style="width: 100%"
placeholder="请输入Application Ref"></c-input>
placeholder="请输入Application Ref" disabled></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="Extkey" prop="bodgrp.dre.pts.extkey">
<c-fullbox>
<c-input disabled v-model="model.bodgrp.dre.pts.extkey" maxlength="50"
placeholder="请输入External Key of Address"></c-input>
placeholder="请输入External Key of Address" disabled></c-input>
<template slot="footer">
<c-button style="margin:0 10px 0 10px;padding: 0 12px;" size="small" type="primary">
<span style="font-family:'宋体';font-weight:bold">i</span>
......@@ -108,7 +108,7 @@
<c-col :span="24">
<el-form-item label="Address Block" prop="bodgrp.dre.pts.adrblk">
<c-input type="textarea" v-model="model.bodgrp.dre.pts.adrblk" maxlength="50" show-word-limit
placeholder="请输入Address Block"></c-input>
placeholder="请输入Address Block" disabled></c-input>
</el-form-item>
</c-col>
</c-col>
......
src/views/Business/Botpay/Inst.vue
<template>
<div class="eibs-tab">
<c-col :span="24">
<c-col :span="12">
<c-col :span="11">
<el-form-item label="Delivery of Documents Instructions" prop="bodgrp.blk.colins">
<c-fullbox>
<c-input type="textarea" v-model="model.bodgrp.blk.colins" maxlength="65" show-word-limit
placeholder="请输入Collection Instructions"></c-input>
placeholder="请输入Collection Instructions" disabled></c-input>
<template slot="footer">
<c-button size="small" type="primary">
...
......@@ -14,9 +14,9 @@
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="12">
<c-col :span="11" :offset="1">
<el-form-item label="Charges Condition" prop="bodgrp.rec.chato">
<c-select v-model="model.bodgrp.rec.chato" style="width:100%" placeholder="请选择Our Charges to">
<c-select v-model="model.bodgrp.rec.chato" style="width:100%" placeholder="请选择Our Charges to" disabled>
<el-option v-for="item in codes.chato" :key="item.value" :label="item.label"
:value="item.value">
</el-option>
......@@ -26,15 +26,15 @@
</c-col>
<c-col :span="24">
<c-col :span="12">
<c-col :span="11">
<el-form-item label="" prop="bodgrp.blk.colinsflg">
<c-checkbox v-model="model.bodgrp.blk.colinsflg">Delivery Of Document Instructions modified</c-checkbox>
<c-checkbox v-model="model.bodgrp.blk.colinsflg" disabled>Delivery Of Document Instructions modified</c-checkbox>
</el-form-item>
</c-col>
<c-col :span="12">
<c-col :span="11" :offset="1">
<el-form-item label="Charges Text" prop="bodgrp.blk.chgtxt">
<c-input type="textarea" v-model="model.bodgrp.blk.chgtxt" maxlength="35" show-word-limit
placeholder="请输入Charges Text"></c-input>
placeholder="请输入Charges Text" disabled></c-input>
</el-form-item>
</c-col>
</c-col>
......@@ -47,11 +47,11 @@
</c-col> -->
<c-col :span="24">
<c-col :span="12">
<c-col :span="11">
<el-form-item label="Draft Instructions" prop="bodgrp.blk.dftins">
<c-fullbox>
<c-input type="textarea" v-model="model.bodgrp.blk.dftins" maxlength="65" show-word-limit
placeholder="请输入Draft Instructions">
placeholder="请输入Draft Instructions" disabled>
</c-input>
<template slot="footer">
<c-button size="small" type="primary">
......@@ -61,9 +61,9 @@
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="12">
<c-col :span="11" :offset="1">
<el-form-item label="" prop="bodgrp.blk.colinsflg">
<c-checkbox v-model="model.bodgrp.rec.focflg">Free of Payment</c-checkbox>
<c-checkbox v-model="model.bodgrp.rec.focflg" disabled>Free of Payment</c-checkbox>
</el-form-item>
</c-col>
......@@ -77,11 +77,11 @@
</c-col> -->
<c-col :span="24">
<c-col :span="12">
<c-col :span="11">
<el-form-item label="Protest Instructions" prop="bodgrp.blk.proins">
<c-fullbox>
<c-input type="textarea" v-model="model.bodgrp.blk.proins" maxlength="65" show-word-limit
placeholder="请输入Protest Instructions"></c-input>
placeholder="请输入Protest Instructions" disabled></c-input>
<template slot="footer">
<c-button size="small" type="primary">
...
......@@ -90,10 +90,10 @@
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="12">
<c-col :span="11" :offset="1">
<el-form-item label="Waive Collecting Bank Charges" prop="bodgrp.rec.waicolcod">
<c-select v-model="model.bodgrp.rec.waicolcod" style="width:100%"
placeholder="请选择Waive Remitting Bank Charges">
placeholder="请选择Waive Remitting Bank Charges" disabled>
<el-option v-for="item in codes.waicolcod" :key="item.value" :label="item.label"
:value="item.value">
</el-option>
......@@ -101,7 +101,7 @@
</el-form-item>
<el-form-item label="Waive Remitting Bank Charges" prop="bodgrp.rec.wairmtcod">
<c-select v-model="model.bodgrp.rec.wairmtcod" style="width:100%"
placeholder="请选择Waive Remitting Bank Charges">
placeholder="请选择Waive Remitting Bank Charges" disabled>
<el-option v-for="item in codes.wairmtcod" :key="item.value" :label="item.label"
:value="item.value">
</el-option>
......@@ -121,11 +121,11 @@
</c-button>
</c-col> -->
<c-col :span="24">
<c-col :span="12">
<c-col :span="11">
<el-form-item label="Other Instructions" prop="bodgrp.blk.othins">
<c-fullbox>
<c-input type="textarea" v-model="model.bodgrp.blk.othins" maxlength="65" show-word-limit
placeholder="请输入Other Instructions"></c-input>
placeholder="请输入Other Instructions" disabled></c-input>
<template slot="footer">
<c-button size="small" type="primary">
...
......@@ -134,9 +134,9 @@
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="12">
<c-col :span="11" :offset="1">
<el-form-item label="Defer Payment until" prop="bodgrp.rec.othins">
<c-select v-model="model.bodgrp.rec.othins" style="width:100%" placeholder="请选择Defer Payment until">
<c-select v-model="model.bodgrp.rec.othins" style="width:100%" placeholder="请选择Defer Payment until" disabled>
<el-option v-for="item in codes.othins" :key="item.value" :label="item.label"
:value="item.value">
</el-option>
......@@ -153,11 +153,11 @@
<c-col :span="24">
<c-col :span="12">
<c-col :span="11">
<el-form-item label="Warehouse/Insurance Instructions " prop="bodgrp.blk.delins">
<c-fullbox>
<c-input type="textarea" v-model="model.bodgrp.blk.delins" maxlength="65" show-word-limit
placeholder="请输入Warehouse/Insurance Instructions "></c-input>
placeholder="请输入Warehouse/Insurance Instructions" disabled></c-input>
<template slot="footer">
<c-button size="small" type="primary">
...
......@@ -166,17 +166,16 @@
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="12">
<c-col :span="11" :offset="1">
<c-col :span="9">
<el-form-item label="less comm" prop="bodgrp.rec.lescom">
<c-select v-model="model.bodgrp.cbs.opn1.cur" style="width: %" placeholder="请选择Document Amount"
:disabled="true" :code="codes.cur">
</c-select>
</el-form-item>
</c-col>
<c-col :span="14" :offset="1">
<c-input v-model="model.bodgrp.rec.lescom" placeholder="请输入Warehouse/Insurance"></c-input>
<c-input v-model="model.bodgrp.rec.lescom" placeholder="请输入Warehouse/Insurance" disabled></c-input>
</c-col>
</c-col>
</c-col>
......
src/views/Business/Botpay/Ptyp.vue
......@@ -4,7 +4,7 @@
<c-col :span="11">
<c-col :span="24">
<el-form-item label="Drawer Ref." prop="bodgrp.drr.pts.ref">
<c-input v-model="model.bodgrp.drr.pts.ref" maxlength="16" style="width: 100%" placeholder="">
<c-input v-model="model.bodgrp.drr.pts.ref" maxlength="16" style="width: 100%" placeholder="" disabled>
</c-input>
</el-form-item>
</c-col>
......@@ -12,7 +12,7 @@
<el-form-item label="External Key of Address" prop="bodgrp.drr.pts.extkey">
<c-fullbox>
<c-input v-model="model.bodgrp.drr.pts.extkey" maxlength="16"
placeholder="请输入External Key of Address">
placeholder="请输入External Key of Address" disabled>
</c-input>
<template slot="footer">
<c-button style="margin:0 10px 0 10px;padding: 0 12px;" size="small" type="primary">
......@@ -28,14 +28,14 @@
<c-col :span="24">
<el-form-item label="Address Block" prop="bodgrp.drr.pts.adrblk">
<c-input type="textarea" v-model="model.bodgrp.drr.pts.adrblk" maxlength="50" disabled
show-word-limit placeholder="请输入Address Block"></c-input>
show-word-limit placeholder="请输入Address Block" disabled></c-input>
</el-form-item>
</c-col>
</c-col>
<c-col :span="11" :offset="1">
<c-col :span="24">
<el-form-item label="Collecting Bank Ref." prop="bodgrp.col.pts.ref">
<c-input v-model="model.bodgrp.col.pts.ref" maxlength="16" style="width: 100%" placeholder="">
<c-input v-model="model.bodgrp.col.pts.ref" maxlength="16" style="width: 100%" placeholder="" disabled>
</c-input>
</el-form-item>
</c-col>
......@@ -43,7 +43,7 @@
<el-form-item label="Extkey Key of Address" prop="bodgrp.col.pts.extkey">
<c-fullbox>
<c-input v-model="model.bodgrp.col.pts.extkey" maxlength="16"
placeholder="请输入External Key of Address">
placeholder="请输入External Key of Address" disabled>
</c-input>
<template slot="footer">
<c-button style="margin:0 10px 0 10px;padding: 0 12px;" size="small" type="primary">
......@@ -61,7 +61,7 @@
<c-col :span="24">
<el-form-item label="Address Block" prop="bodgrp.col.pts.adrblk">
<c-input type="textarea" v-model="model.bodgrp.col.pts.adrblk" maxlength="50" disabled
show-word-limit placeholder="请输入Address Block"></c-input>
show-word-limit placeholder="请输入Address Block" disabled></c-input>
</el-form-item>
</c-col>
</c-col>
......@@ -71,14 +71,14 @@
<c-col :span="24">
<el-form-item label="Drawee Ref." prop="bodgrp.dre.pts.ref">
<c-input disabled v-model="model.bodgrp.dre.pts.ref" maxlength="16" style="width: 100%"
placeholder="请输入Application Ref"></c-input>
placeholder="请输入Application Ref" disabled></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="Extkey" prop="bodgrp.dre.pts.extkey">
<c-fullbox>
<c-input disabled v-model="model.bodgrp.dre.pts.extkey" maxlength="50"
placeholder="请输入External Key of Address"></c-input>
placeholder="请输入External Key of Address" disabled></c-input>
<template slot="footer">
<c-button style="margin:0 10px 0 10px;padding: 0 12px;" size="small" type="primary">
<span style="font-family:'宋体';font-weight:bold">i</span>
......@@ -93,7 +93,7 @@
<c-col :span="24">
<el-form-item label="Address Block" prop="bodgrp.dre.pts.adrblk">
<c-input type="textarea" v-model="model.bodgrp.dre.pts.adrblk" maxlength="50" show-word-limit
placeholder="请输入Address Block"></c-input>
placeholder="请输入Address Block" disabled></c-input>
</el-form-item>
</c-col>
</c-col>
......
src/views/Business/Botpay/Setp.vue
......@@ -194,12 +194,12 @@
</c-col>
<c-col :span="11" :offset="1">
<el-form-item label-width="0" prop="setmod.docamt">
<c-input v-model="model.setmod.docamt" placeholder="请输入document amount"></c-input>
<c-input v-model="model.setmod.docamt" placeholder="请输入document amount" disabled></c-input>
</el-form-item>
</c-col>
</c-col>
<c-col :span="11" :offset="1">
<c-checkbox v-model="model.mtabut.clsflg">Close Contract</c-checkbox>
<c-checkbox v-model="model.mtabut.clsflg" disabled>Close Contract</c-checkbox>
</c-col>
</c-col>
......@@ -215,12 +215,13 @@
</c-col>
<c-col :span="11" :offset="1">
<el-form-item label-width="0" prop="setmod.redamt">
<c-input v-model="model.setmod.redamt" placeholder="请输入document amount" disabled></c-input>
<c-input v-model="model.setmod.redamt" placeholder="请输入document amount" :disabled="isDisabled">
</c-input>
</el-form-item>
</c-col>
</c-col>
<c-col :span="11" :offset="1">
<c-checkbox v-model="model.bodgrp.rec.focflg">Free of Payment</c-checkbox>
<c-checkbox v-model="model.bodgrp.rec.focflg" @change="change">Free of Payment</c-checkbox>
</c-col>
</c-col>
<!-- <c-col :span="12">
......@@ -283,6 +284,7 @@ export default {
mixins: [commonProcess],
data() {
return {
isDisabled: false,
stmData: {
columns: [
'1 1 "Type" 80',
......@@ -309,16 +311,23 @@ export default {
},
{
title: "Open Amount",
width: "80px",
width: "100px",
dataIndex: "opnamt",
show: "input",
},
{
title: "Amount Paid",
width: "320px",
width: "100px",
dataIndex: "bckamt",
show: "input",
},
{
title: "Button",
width: "100px",
dataIndex: "butcal",
show: "button",
},
],
urls: "bptbck.bptbckg.docgrd",
},
......@@ -329,8 +338,17 @@ export default {
...Event,
multipleSelect() {
console.log(111);
},
change() {
if (this.model.bodgrp.rec.focflg) {
this.isDisabled = true;
this.model.setmod.redamt = this.model.setmod.docamt;
} else {
this.isDisabled = false;
this.model.setmod.redamt = "0.00";
}
},
},
created: function () {
}
......
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