Skip to content

V
vue-gjjs
Commit 24f6ced1 by lixingliang
Options

infusr与infcpd交易布局调整

parent f8328fcf
Showing with 1436 additions and 836 deletions
src/components/InfSearchGroup.vue 0 → 100644
<!--
inf交易查询条件面板
用法：
1、提供两个具名slot分别对应持续展示区和可控（展开收起）展示区，根据页面实际情况单选或全选使用
2、needToggle：接收一个属性，控制‘展开/收起’按钮是否显示，默认为true，显示
3、handleSearch：查询按钮事件提供回调函数用于控制按钮状态，父组件查询事件中，在适当时机调用即可控制按钮状态
示例如下：
<template slot='keepShow'> 持续展示元素 </template>
<template slot='changeShow'> 可控展示元素 </template>
父组件查询事件写法
handleSearch(callback){
// post请求数据等逻辑处理....
callback() // 调用回调函数控制按钮状态
}
-->
<template>
<div class="searchGroup">
<!-- 保持展示区 -->
<slot name="keepShow"></slot>
<!-- 可控展示区 -->
<slot name="changeShow" v-if="searchToggle"></slot>
<!-- 通用按钮 -->
<div class="commonBtn">
<el-button size="small" @click="handleReset">重置</el-button>
<el-button size="small" type="primary" icon="el-icon-search" @click="handleSearch" :loading="searchLoading">
查询</el-button>
<el-button size="small" type="text" @click="handleToggle" v-show="needToggle">
{{searchToggle?'收起': '展开'}}
<i :class="searchToggle? 'el-icon-arrow-up': 'el-icon-arrow-down'"></i>
</el-button>
</div>
</div>
</template>
<script>
export default {
props: {
// 展开收起按钮是否显示
needToggle: {
type: Boolean,
default: true
}
},
data: function () {
return {
searchToggle: false,
searchLoading: false,
}
},
methods: {
// 查询
handleSearch() {
this.searchLoading = true
this.$emit("handleSearch", () => {
this.searchLoading = false
})
},
// 重置
handleReset() {
this.$emit("handleReset")
},
// 展开收起
handleToggle() {
this.searchToggle = !this.searchToggle
}
}
}
</script>
<style scoped>
.searchGroup {
padding: 20px 20px 10px 20px;
border-bottom: 10px solid rgb(232, 232, 232);
}
.commonBtn {
display: flex;
justify-content: right;
padding-right: 20px;
margin-top: 10px;
}
</style>
\ No newline at end of file
src/components/index.js
......@@ -41,6 +41,8 @@ import PagedSelect from "./PagedSelect"
import FunctionBtn from "./FunctionBtn"
import BusinessButon from "./BusinessButton"
import InfSearchGroup from "./InfSearchGroup"
export default {
install(Vue) {
Vue.component("c-page", c_page)
......@@ -84,5 +86,6 @@ export default {
Vue.component("c-paged-select", PagedSelect)
Vue.component("c-function-btn", FunctionBtn)
Vue.component("c-bus-button", BusinessButon)
Vue.component("c-infsearch-group", InfSearchGroup)
}
}
\ No newline at end of file
src/views/Business/Infcpd/Cbeinfp.vue
<template>
<c-content class="eibs-tab">
<c-content class="eibs-tab" :height="200">
<c-row>
<div class="infTopBtn">
<el-button-group>
<c-button size="small" type="primary" icon="el-icon-arrow-left"></c-button>
<c-button size="small" type="primary" icon="el-icon-arrow-right"></c-button>
</el-button-group>
<c-button size="small" type="primary">Print</c-button>
<c-button size="small" type="primary">Use</c-button>
<c-button size="small" type="primary">Loginfo</c-button>
</div>
<c-row class="infrow" style="margin-top:20px;">
<c-col :span="22" :offset="1">
<c-table :border="true" :list="model.infcon.cbestm" style="text-align:center">
<el-table-column prop="" label="Ext.Id" width="auto"></el-table-column>
<el-table-column prop="" label="Type of Entry" width="auto"></el-table-column>
<el-table-column prop="" label="Type" width="auto"></el-table-column>
<el-table-column prop="" label="Date" width="auto"></el-table-column>
<el-table-column prop="" label="Cur" width="auto"></el-table-column>
<el-table-column prop="" label="Amount" width="auto"></el-table-column>
<el-table-column prop="" label="Cur" width="auto"></el-table-column>
<el-table-column prop="" label="Converted Amount" width="auto"></el-table-column>
<el-table-column prop="" label="Rel." width="auto"></el-table-column>
<el-table-column prop="" label="Created" width="auto"></el-table-column>
<el-table-column prop="" label="End Date" width="auto"></el-table-column>
<el-table-column prop="" label="Description" width="auto"></el-table-column>
<el-table-column prop="" label="Trn ID" width="auto"></el-table-column>
<el-table-column prop="" label="CBE ID" width="auto"></el-table-column>
<el-table-column prop="" label="Account" width="auto"></el-table-column>
</c-table>
<c-istream-table :list="stmData.data" :columns="stmData.columns">
<el-table-column prop="op" label="OP" width="100">
<template slot-scope="scope">
<a href="javascript:void(0)" @click="continueEdit(scope.row)">操作</a>
</template>
</el-table-column>
</c-istream-table>
</c-col>
</c-row>
......@@ -37,7 +37,28 @@
mixins: [CommonProcess],
data() {
return {
stmData: {
columns: [
"1 1 \"Ext.Id\" 0 ",
"1 2 \"Type of Entry\" 0 ",
"1 3 \"Type\" 0 ",
"1 4 \"Date\" 0 ",
"1 5 \"Cur\" 0 ",
"2 5 \"Cur\" 0 ",
"1 6 \"Amount\" 0 ",
"2 6 \"Conv. Amount\" 0 ",
"1 7 \"Rel.\" 0 ",
"1 8 \"Created\" 0 ",
"2 8 \"End Date\" 0 ",
"1 9 \"Description\" 0 ",
"2 9 \"Account\" 0 ",
"1 10 \"Trn ID\" 0 ",
"1 10 \"CBE ID\" 0 ",
],
data: [
]
}
}
},
methods: { ...Event },
......
src/views/Business/Infcpd/Cbsinfp.vue
<template>
<c-content class="eibs-tab">
<c-content class="eibs-tab" :height="200">
<c-row>
<div class="infTopBtn">
<el-button-group>
<c-button size="small" type="primary" icon="el-icon-arrow-left"></c-button>
<c-button size="small" type="primary" icon="el-icon-arrow-right"></c-button>
</el-button-group>
<c-button size="small" type="primary">Print</c-button>
<c-button size="small" type="primary">Use</c-button>
<c-button size="small" type="primary">Loginfo</c-button>
</div>
<c-row class="infrow" style="margin-top:50px;">
<c-col :span="11" :offset="1">
<el-form-item label="CBS Column" prop="infcon.cbctxt">
<c-select v-model="model.infcon.cbctxt" style="width:100%" placeholder="请选择CBS Column">
......@@ -13,18 +23,15 @@
</c-col>
</c-row>
<c-row>
<c-row class="infrow" style="margin-top:20px;">
<c-col :span="22" :offset="1">
<c-table :border="true" :list="model.infcon.cbbstm" style="text-align:center">
<el-table-column prop="" label="Ext.Id" width="auto"></el-table-column>
<el-table-column prop="" label="Begin" width="auto"></el-table-column>
<el-table-column prop="" label="End" width="auto"></el-table-column>
<el-table-column prop="" label="Cur" width="auto"></el-table-column>
<el-table-column prop="" label="Balance" width="auto"></el-table-column>
<el-table-column prop="" label="Cur" width="auto"></el-table-column>
<el-table-column prop="" label="Converted Amount" width="auto"></el-table-column>
<el-table-column prop="" label="CEB ID" width="auto"></el-table-column>
</c-table>
<c-istream-table :list="stmData.data" :columns="stmData.columns">
<el-table-column prop="op" label="OP" width="100">
<template slot-scope="scope">
<a href="javascript:void(0)" @click="continueEdit(scope.row)">操作</a>
</template>
</el-table-column>
</c-istream-table>
</c-col>
</c-row>
......@@ -42,7 +49,21 @@
mixins: [CommonProcess],
data() {
return {
stmData: {
columns: [
"1 1 \"Ext.Id\" 0 ",
"1 2 \"Begin\" 0 ",
"1 3 \"End\" 0 ",
"1 4 \"Cur\" 0 ",
"1 5 \"Balance\" 0 ",
"1 6 \"Cur\" 0 ",
"1 7 \"Converted Amount\" 0 ",
"1 8 \"CBE ID\" 0 ",
],
data: [
]
}
}
},
methods: { ...Event },
......
src/views/Business/Infcpd/Coninfp.vue
<template>
<c-content class="eibs-tab">
<c-content class="eibs-tab" :height="200">
<c-row>
<div class="infTopBtn">
<el-button-group>
<c-button size="small" type="primary" icon="el-icon-arrow-left"></c-button>
<c-button size="small" type="primary" icon="el-icon-arrow-right"></c-button>
</el-button-group>
<c-button size="small" type="primary">Print</c-button>
<c-button size="small" type="primary">Use</c-button>
<c-button size="small" type="primary">Loginfo</c-button>
</div>
<c-row class="infrow" style="margin-top:50px;">
<c-col :span="11" :offset="1">
<el-form-item label="Display Type" prop="mtabut.coninf.oitinf.oit.inflev">
<c-select v-model="model.mtabut.coninf.oitinf.oit.inflev" style="width:100%"
placeholder="请选择Infotext Level">
</c-select>
</el-form-item>
<c-row>
<c-col :span="20">
<el-form-item label="Display Type" prop="mtabut.coninf.oitinf.oit.inflev">
<c-select v-model="model.mtabut.coninf.oitinf.oit.inflev" style="width:100%"
placeholder="请选择Infotext Level">
</c-select>
</el-form-item>
</c-col>
</c-row>
</c-col>
<c-col :span="11" :offset="1">
<el-form-item label="Display Type" prop="mtabut.coninf.oitset.oit.inflev">
<c-select v-model="model.mtabut.coninf.oitset.oit.inflev" style="width:100%"
placeholder="请选择Infotext Level">
</c-select>
</el-form-item>
<c-row>
<c-col :span="20">
<el-form-item label="Display Type" prop="mtabut.coninf.oitset.oit.inflev">
<c-select v-model="model.mtabut.coninf.oitset.oit.inflev" style="width:100%"
placeholder="请选择Infotext Level">
</c-select>
</el-form-item>
</c-col>
</c-row>
</c-col>
</c-row>
<c-row>
<c-row class="infrow">
<c-col :span="11" :offset="1">
<el-form-item label="Ceneral" prop="mtabut.coninf.oitinf.oit.inftxt">
<c-input type="textarea" :rows="4" v-model="model.mtabut.coninf.oitinf.oit.inftxt" maxlength="60"
show-word-limit placeholder="请输入Infotext"></c-input>
</el-form-item>
<c-row>
<c-col :span="20">
<el-form-item label="Ceneral" prop="mtabut.coninf.oitinf.oit.inftxt">
<c-input type="textarea" :rows="4" v-model="model.mtabut.coninf.oitinf.oit.inftxt"
maxlength="60" show-word-limit placeholder="请输入Infotext"></c-input>
</el-form-item>
</c-col>
</c-row>
</c-col>
<c-col :span="11" :offset="1">
<el-form-item label="Settlement" prop="mtabut.coninf.oitset.oit.inftxt">
<c-input type="textarea" :rows="4" v-model="model.mtabut.coninf.oitset.oit.inftxt" maxlength="60"
show-word-limit placeholder="请输入Infotext"></c-input>
</el-form-item>
<c-row>
<c-col :span="20">
<el-form-item label="Settlement" prop="mtabut.coninf.oitset.oit.inftxt">
<c-input type="textarea" :rows="4" v-model="model.mtabut.coninf.oitset.oit.inftxt"
maxlength="60" show-word-limit placeholder="请输入Infotext"></c-input>
</el-form-item>
</c-col>
</c-row>
</c-col>
</c-row>
<c-row>
<c-row class="infrow">
<c-col :span="11" :offset="1">
<el-form-item label="Execution" prop="mtabut.coninf.conexedat">
<c-date-picker type="date" v-model="model.mtabut.coninf.conexedat" style="width:50%"
placeholder="请选择日期"></c-date-picker>
</el-form-item>
<c-row>
<c-col :span="20">
<el-form-item label="Execution" prop="mtabut.coninf.conexedat">
<c-date-picker type="date" v-model="model.mtabut.coninf.conexedat" style="width:50%"
placeholder="请选择日期"></c-date-picker>
</el-form-item>
</c-col>
</c-row>
</c-col>
<c-col :span="11" :offset="1">
<el-form-item label="Send for Release to" prop="mtabut.coninf.usr.extkey">
<c-input v-model="model.mtabut.coninf.usr.extkey" maxlength="8" placeholder="请输入User ID"></c-input>
</el-form-item>
<c-row>
<c-col :span="20">
<el-form-item label="Send for Release to" prop="mtabut.coninf.usr.extkey">
<c-input v-model="model.mtabut.coninf.usr.extkey" maxlength="8" placeholder="请输入User ID">
</c-input>
</el-form-item>
</c-col>
</c-row>
</c-col>
</c-row>
......
src/views/Business/Infcpd/Fepinfp.vue
<template>
<c-content class="eibs-tab">
<c-content class="eibs-tab" :height="200">
<c-row>
<div class="infTopBtn">
<el-button-group>
<c-button size="small" type="primary" icon="el-icon-arrow-left"></c-button>
<c-button size="small" type="primary" icon="el-icon-arrow-right"></c-button>
</el-button-group>
<c-button size="small" type="primary">Print</c-button>
<c-button size="small" type="primary">Use</c-button>
<c-button size="small" type="primary">Loginfo</c-button>
</div>
<c-row class="infrow" style="margin-top:50px;">
<c-col :span="23" :offset="1">
Fee Pool
</c-col>
......@@ -9,40 +19,44 @@
<br />
<c-row>
<c-row class="infrow">
<c-col :span="11" :offset="1">
<el-form-item label="Fee Code" prop="infcon.fepfeecod">
<c-select v-model="model.infcon.fepfeecod" style="width:100%" placeholder="请选择Fee Code">
</c-select>
</el-form-item>
<c-row>
<c-col :span="20">
<el-form-item label="Fee Code" prop="infcon.fepfeecod">
<c-select v-model="model.infcon.fepfeecod" style="width:100%" placeholder="请选择Fee Code">
</c-select>
</el-form-item>
</c-col>
</c-row>
</c-col>
<c-col :span="11" :offset="1">
<el-form-item label="Disposition" prop="infcon.fepdsp">
<c-select v-model="model.infcon.fepdsp" style="width:100%" placeholder="请选择Disposition">
</c-select>
</el-form-item>
<c-row>
<c-col :span="20">
<el-form-item label="Disposition" prop="infcon.fepdsp">
<c-select v-model="model.infcon.fepdsp" style="width:100%" placeholder="请选择Disposition">
</c-select>
</el-form-item>
</c-col>
</c-row>
</c-col>
</c-row>
<c-row>
<c-row class="infrow" style="margin-top:20px;">
<c-col :span="22" :offset="1">
<c-table :border="true" :list="model.infcon.fepstm" style="text-align:center">
<el-table-column prop="" label="Fee Code" width="auto"></el-table-column>
<el-table-column prop="" label="Fee Text" width="auto"></el-table-column>
<el-table-column prop="" label="Disposition" width="auto"></el-table-column>
<el-table-column prop="" label="Role" width="auto"></el-table-column>
<el-table-column prop="" label="Cur" width="auto"></el-table-column>
<el-table-column prop="" label="Amount" width="auto"></el-table-column>
<el-table-column prop="" label="Transaction/INR" width="auto"></el-table-column>
<el-table-column prop="" label="Entry Date" width="auto"></el-table-column>
<el-table-column prop="" label="Status" width="auto"></el-table-column>
</c-table>
<c-istream-table :list="stmData.fepstmData" :columns="stmData.fepstmColumns">
<el-table-column prop="op" label="OP" width="100">
<template slot-scope="scope">
<a href="javascript:void(0)" @click="continueEdit(scope.row)">操作</a>
</template>
</el-table-column>
</c-istream-table>
</c-col>
</c-row>
<br />
<c-row>
<c-row class="infrow" style="margin-top:20px;">
<c-col :span="23" :offset="1">
Foreign Charges Pool
</c-col>
......@@ -50,32 +64,31 @@
<br />
<c-row>
<c-row class="infrow">
<c-col :span="11" :offset="1">
<el-form-item label="Disposition" prop="infcon.fcpdsp">
<c-select v-model="model.infcon.fcpdsp" style="width:100%" placeholder="请选择Disposition">
</c-select>
</el-form-item>
<c-row>
<c-col :span="20">
<el-form-item label="Disposition" prop="infcon.fcpdsp">
<c-select v-model="model.infcon.fcpdsp" style="width:100%" placeholder="请选择Disposition">
</c-select>
</el-form-item>
</c-col>
</c-row>
</c-col>
<c-col :span="11" :offset="1">
</c-col>
</c-row>
<c-row>
<c-row class="infrow" style="margin-top:20px;">
<c-col :span="22" :offset="1">
<c-table :border="true" :list="model.infcon.fepstm" style="text-align:center">
<el-table-column prop="" label="Payer" width="auto"></el-table-column>
<el-table-column prop="" label="Text for Payer" width="auto"></el-table-column>
<el-table-column prop="" label="Payee" width="auto"></el-table-column>
<el-table-column prop="" label="Text for Payee" width="auto"></el-table-column>
<el-table-column prop="" label="Disposition" width="auto"></el-table-column>
<el-table-column prop="" label="Cur" width="auto"></el-table-column>
<el-table-column prop="" label="Amount" width="auto"></el-table-column>
<el-table-column prop="" label="Transaction/INR" width="auto"></el-table-column>
<el-table-column prop="" label="Entry Date" width="auto"></el-table-column>
<el-table-column prop="" label="Status" width="auto"></el-table-column>
</c-table>
<c-istream-table :list="stmData.fcpstmData" :columns="stmData.fcpstmColumns">
<el-table-column prop="op" label="OP" width="100">
<template slot-scope="scope">
<a href="javascript:void(0)" @click="continueEdit(scope.row)">操作</a>
</template>
</el-table-column>
</c-istream-table>
</c-col>
</c-row>
......@@ -93,7 +106,37 @@
mixins: [CommonProcess],
data() {
return {
stmData: {
fepstmColumns: [
"1 1 \"Fee Code\" 0 ",
"1 2 \"Fee Text\" 0 ",
"1 3 \"Disposition\" 0 ",
"1 4 \"Role\" 0 ",
"1 5 \"Cur\" 0 ",
"1 6 \"Amount\" 0 ",
"1 7 \"Transaction/INR\" 0 ",
"1 8 \"Entry Date\" 0 ",
"1 9 \"Status\" 0 ",
],
fepstmData: [
],
fcpstmColumns: [
"1 1 \"Payer\" 0 ",
"2 1 \"Text for Payer\" 0 ",
"1 2 \"Payee\" 0 ",
"2 2 \"Text for Payee\" 0 ",
"1 3 \"Disposition\" 0 ",
"1 4 \"Cur\" 0 ",
"1 5 \"Amount\" 0 ",
"1 6 \"Transaction/INR\" 0 ",
"1 7 \"Entry Date\" 0 ",
"1 8 \"Status\" 0 ",
],
fcpstmData: [
],
}
}
},
methods: { ...Event },
......
src/views/Business/Infcpd/Gleinfp.vue
<template>
<c-content class="eibs-tab">
<c-content class="eibs-tab" :height="200">
<c-row>
<div class="infTopBtn">
<el-button-group>
<c-button size="small" type="primary" icon="el-icon-arrow-left"></c-button>
<c-button size="small" type="primary" icon="el-icon-arrow-right"></c-button>
</el-button-group>
<c-button size="small" type="primary">Print</c-button>
<c-button size="small" type="primary">Use</c-button>
<c-button size="small" type="primary">Loginfo</c-button>
</div>
<c-row class="infrow" style="margin-top:50px;">
<c-col :span="11" :offset="1">
<c-row>
<c-col :span="14">
<c-col :span="11">
<el-form-item label="Booking date from" prop="infcon.seabucdatfro">
<c-date-picker type="date" v-model="model.infcon.seabucdatfro" style="width:100%"
placeholder="请选择Booking date from"></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="10">
<c-col :span="8" :offset="1">
<el-form-item label="to" prop="infcon.seabucdatto" label-width="40px">
<c-date-picker type="date" v-model="model.infcon.seabucdatto" style="width:100%"
placeholder="请选择Booking date till used on GLEINFP"></c-date-picker>
......@@ -19,55 +29,30 @@
</c-row>
</c-col>
<c-col :span="11" :offset="1">
<el-form-item label="Transaction INR" prop="infcon.seatrninr">
<c-input v-model="model.infcon.seatrninr" maxlength="8" placeholder="请输入Transaction INR"></c-input>
</el-form-item>
<c-row>
<c-col :span="20">
<el-form-item label="Transaction INR" prop="infcon.seatrninr">
<c-input v-model="model.infcon.seatrninr" maxlength="8" placeholder="请输入Transaction INR">
</c-input>
</el-form-item>
</c-col>
</c-row>
</c-col>
</c-row>
<c-row>
<c-row class="infrow" style="margin-top:20px;">
<c-col :span="22" :offset="1">
<c-table :border="true" :list="model.infcon.glestm" style="text-align:center">
<el-table-column prop="" label="TRNINR" width="auto"></el-table-column>
<el-table-column prop="" label="Account" width="auto"></el-table-column>
<el-table-column prop="" label="D/C" width="auto"></el-table-column>
<el-table-column prop="" label="Cur" width="auto"></el-table-column>
<el-table-column prop="" label="Amount" width="auto"></el-table-column>
<el-table-column prop="" label="Val.Date" width="auto"></el-table-column>
<el-table-column prop="" label="Booking Text 1" width="auto"></el-table-column>
<el-table-column prop="" label="Booking Text 2" width="auto"></el-table-column>
<el-table-column prop="" label="Booking Text 3" width="auto"></el-table-column>
<el-table-column prop="" label="P.N." width="auto"></el-table-column>
<el-table-column prop="" label="Exp.Session" width="auto"></el-table-column>
<el-table-column prop="" label="Exp.Status" width="auto"></el-table-column>
</c-table>
<c-istream-table :list="stmData.data" :columns="stmData.columns">
<el-table-column prop="op" label="OP" width="100">
<template slot-scope="scope">
<a href="javascript:void(0)" @click="continueEdit(scope.row)">操作</a>
</template>
</el-table-column>
</c-istream-table>
</c-col>
</c-row>
</c-content>
<!--
<div class="eibs-tab">
<c-col :span="12">
</c-col>
<c-col :span="12">
</c-col>
<c-col :span="12">
</c-col>
<c-col :span="12">
<el-form-item label="Stream of GLEs" prop="infcon.glestm">
<c-input v-model="model.infcon.glestm" placeholder="请输入Stream of GLEs"></c-input>
</el-form-item>
</c-col>
</div> -->
</template>
<script>
import Api from "~/service/Api"
......@@ -81,7 +66,28 @@
mixins: [CommonProcess],
data() {
return {
stmData: {
columns: [
"1 1 \"TRNINR\" 0 ",
"1 2 \"Account\" 0 ",
"1 3 \"D/C\" 0 ",
"1 4 \"Cur\" 0",
"2 4 \"S.Cur\" 0",
"1 5 \"Amount\" 0",
"2 5 \"Sys.Amount\" 0",
"1 6 \"Val.Date\" 0",
"2 6 \"Book.Date\" 0",
"1 7 \"Booking Text 1\" 0",
"2 7 \"Booking Text 2\" 0",
"3 7 \"Booking Text 3\" 0",
"1 8 \"P.N.\" 0",
"1 9 \"Exp.Session\" 0",
"2 9 \"Exp.Status\" 0",
],
data: [
]
}
}
},
methods: { ...Event },
......
src/views/Business/Infcpd/Infconp.vue
<template>
<c-content class="eibs-tab">
<c-content class="eibs-tab" :height="200">
<c-row>
<div class="infTopBtn">
<el-button-group>
<c-button size="small" type="primary" icon="el-icon-arrow-left"></c-button>
<c-button size="small" type="primary" icon="el-icon-arrow-right"></c-button>
</el-button-group>
<c-button size="small" type="primary">Print</c-button>
<c-button size="small" type="primary">Use</c-button>
<c-button size="small" type="primary">Loginfo</c-button>
</div>
<c-row class="infrow" style="margin-top:50px;">
<c-col :span="11" :offset="1">
<c-row>
<c-col :span="17">
<c-col :span="14">
<el-form-item label="Our Reference" prop="cpdgrp.rec.ownref">
<c-input v-model="model.cpdgrp.rec.ownref" maxlength="16" placeholder="请输入Our Reference">
</c-input>
</el-form-item>
</c-col>
<c-col :span="2">
<c-col :span="2" :offset="1">
<c-button size="small" type="primary;width:10%" @click="">i</c-button>
</c-col>
<c-col :span="2">
......@@ -22,12 +32,12 @@
</c-col>
<c-col :span="11" :offset="1">
<c-row>
<c-col :span="12">
<c-col :span="10">
<el-form-item label="Name" prop="cpdgrp.rec.nam">
<c-input v-model="model.cpdgrp.rec.nam" maxlength="40" placeholder="请输入Name"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<c-col :span="10">
<el-form-item label="Drag Drop Sender" prop="recpan.recget.sdamod.dadsnd" label-width="120px">
<c-input v-model="model.recpan.recget.sdamod.dadsnd" placeholder="请输入Drag Drop Sender">
</c-input>
......@@ -37,10 +47,10 @@
</c-col>
</c-row>
<c-row>
<c-row class="infrow">
<c-col :span="11" :offset="1">
<c-row>
<c-col :span="19">
<c-col :span="17">
<el-form-item label="清算编号" prop="cpdgrp.rec.sysno">
<c-input v-model="model.cpdgrp.rec.sysno" maxlength="21" placeholder="请输入清算编号"></c-input>
</el-form-item>
......@@ -54,7 +64,7 @@
</c-col>
<c-col :span="11" :offset="1">
<c-row>
<c-col :span="19">
<c-col :span="17">
<el-form-item label="Uetr" prop="recpan.uetr">
<c-input v-model="model.recpan.uetr" maxlength="40" placeholder="请输入Uetr"></c-input>
</el-form-item>
......@@ -68,47 +78,63 @@
</c-col>
</c-row>
<c-row>
<c-row class="infrow">
<c-col :span="11" :offset="1">
<el-form-item label="汇款性质" prop="cpdgrp.rec.trntyp">
<c-select v-model="model.cpdgrp.rec.trntyp" style="width:100%" placeholder="请选择汇款性质">
</c-select>
</el-form-item>
<c-row>
<c-col :span="20">
<el-form-item label="汇款性质" prop="cpdgrp.rec.trntyp">
<c-select v-model="model.cpdgrp.rec.trntyp" style="width:100%" placeholder="请选择汇款性质">
</c-select>
</el-form-item>
</c-col>
</c-row>
</c-col>
<c-col :span="11" :offset="1">
<el-form-item label="汇款方式" prop="cpdgrp.rec.paytype">
<c-select v-model="model.cpdgrp.rec.paytype" style="width:100%" placeholder="请选择汇款方式">
</c-select>
</el-form-item>
<c-row>
<c-col :span="20">
<el-form-item label="汇款方式" prop="cpdgrp.rec.paytype">
<c-select v-model="model.cpdgrp.rec.paytype" style="width:100%" placeholder="请选择汇款方式">
</c-select>
</el-form-item>
</c-col>
</c-row>
</c-col>
</c-row>
<c-row>
<c-row class="infrow">
<c-col :span="11" :offset="1">
<el-form-item label="收款对象" prop="cpdgrp.rec.gors">
<c-select v-model="model.cpdgrp.rec.gors" style="width:100%" placeholder="请选择收款对象">
</c-select>
</el-form-item>
<c-row>
<c-col :span="20">
<el-form-item label="收款对象" prop="cpdgrp.rec.gors">
<c-select v-model="model.cpdgrp.rec.gors" style="width:100%" placeholder="请选择收款对象">
</c-select>
</el-form-item>
</c-col>
</c-row>
</c-col>
<c-col :span="11" :offset="1">
<el-form-item label="收支类型" prop="cpdgrp.rec.sztyp">
<c-select v-model="model.cpdgrp.rec.sztyp" style="width:100%" placeholder="请选择收支类型">
</c-select>
</el-form-item>
<c-row>
<c-col :span="20">
<el-form-item label="收支类型" prop="cpdgrp.rec.sztyp">
<c-select v-model="model.cpdgrp.rec.sztyp" style="width:100%" placeholder="请选择收支类型">
</c-select>
</el-form-item>
</c-col>
</c-row>
</c-col>
</c-row>
<c-row>
<c-row class="infrow">
<c-col :span="11" :offset="1">
<c-row>
<c-col :span="12">
<c-col :span="10">
<el-form-item label="汇款金额" prop="cpdgrp.cbs.nom1.cur">
<c-select v-model="model.cpdgrp.cbs.nom1.cur" style="width:100%" placeholder="请选择币种"
:code="codes.cur">
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<c-col :span="10">
<el-form-item label="" label-width="10px" prop="cpdgrp.cbs.max.amt">
<c-input-currency v-model="model.cpdgrp.cbs.max.amt" placeholder="请输入汇款金额">
</c-input-currency>
......@@ -121,77 +147,109 @@
</c-col>
</c-row>
<c-row>
<c-row class="infrow">
<c-col :span="11" :offset="1">
<el-form-item label="所属行" prop="cpdgrp.rec.othbch">
<c-input v-model="model.cpdgrp.rec.othbch" maxlength="8" placeholder="请输入所属行"></c-input>
</el-form-item>
<c-row>
<c-col :span="20">
<el-form-item label="所属行" prop="cpdgrp.rec.othbch">
<c-input v-model="model.cpdgrp.rec.othbch" maxlength="8" placeholder="请输入所属行"></c-input>
</el-form-item>
</c-col>
</c-row>
</c-col>
<c-col :span="11" :offset="1">
<el-form-item label="汇款语种" prop="recpan.payuil">
<c-select v-model="model.recpan.payuil" style="width:100%" placeholder="请选择汇款语种">
</c-select>
</el-form-item>
<c-row>
<c-col :span="20">
<el-form-item label="汇款语种" prop="recpan.payuil">
<c-select v-model="model.recpan.payuil" style="width:100%" placeholder="请选择汇款语种">
</c-select>
</el-form-item>
</c-col>
</c-row>
</c-col>
</c-row>
<c-row>
<c-row class="infrow">
<c-col :span="11" :offset="1">
<el-form-item label="解付日期" prop="cpdgrp.rec.paydat">
<c-date-picker type="date" v-model="model.cpdgrp.rec.paydat" style="width:100%"
placeholder="请选择解付日期"></c-date-picker>
</el-form-item>
<c-row>
<c-col :span="20">
<el-form-item label="解付日期" prop="cpdgrp.rec.paydat">
<c-date-picker type="date" v-model="model.cpdgrp.rec.paydat" style="width:100%"
placeholder="请选择解付日期"></c-date-picker>
</el-form-item>
</c-col>
</c-row>
</c-col>
<c-col :span="11" :offset="1">
<el-form-item label="起息日" prop="cpdgrp.rec.valdat">
<c-date-picker type="date" v-model="model.cpdgrp.rec.valdat" style="width:100%"
placeholder="请选择起息日"></c-date-picker>
</el-form-item>
<c-row>
<c-col :span="20">
<el-form-item label="起息日" prop="cpdgrp.rec.valdat">
<c-date-picker type="date" v-model="model.cpdgrp.rec.valdat" style="width:100%"
placeholder="请选择起息日"></c-date-picker>
</el-form-item>
</c-col>
</c-row>
</c-col>
</c-row>
<c-row>
<c-row class="infrow">
<c-col :span="11" :offset="1">
<el-form-item label="客户类型" prop="cpdgrp.rec.clityp">
<c-select v-model="model.cpdgrp.rec.clityp" style="width:100%" placeholder="请选择客户类型">
</c-select>
</el-form-item>
<c-row>
<c-col :span="20">
<el-form-item label="客户类型" prop="cpdgrp.rec.clityp">
<c-select v-model="model.cpdgrp.rec.clityp" style="width:100%" placeholder="请选择客户类型">
</c-select>
</el-form-item>
</c-col>
</c-row>
</c-col>
<c-col :span="11" :offset="1">
<el-form-item label="报文类型" prop="cpdgrp.rec.swftyp">
<c-select v-model="model.cpdgrp.rec.swftyp" style="width:100%" placeholder="请选择报文类型">
</c-select>
</el-form-item>
<c-row>
<c-col :span="20">
<el-form-item label="报文类型" prop="cpdgrp.rec.swftyp">
<c-select v-model="model.cpdgrp.rec.swftyp" style="width:100%" placeholder="请选择报文类型">
</c-select>
</el-form-item>
</c-col>
</c-row>
</c-col>
</c-row>
<c-row>
<c-row class="infrow">
<c-col :span="11" :offset="1">
<el-form-item label="我行费用负担" prop="cpdgrp.rec.detchgcod">
<c-select v-model="model.cpdgrp.rec.detchgcod" style="width:100%" placeholder="请选择我行费用负担">
</c-select>
</el-form-item>
<c-row>
<c-col :span="20">
<el-form-item label="我行费用负担" prop="cpdgrp.rec.detchgcod">
<c-select v-model="model.cpdgrp.rec.detchgcod" style="width:100%" placeholder="请选择我行费用负担">
</c-select>
</el-form-item>
</c-col>
</c-row>
</c-col>
<c-col :span="11" :offset="1">
<el-form-item label="货物类型" prop="cpdgrp.rec.stagod">
<c-select v-model="model.cpdgrp.rec.stagod" style="width:100%" placeholder="请选择货物类型"
:code="codes.godcod">
</c-select>
</el-form-item>
<c-row>
<c-col :span="20">
<el-form-item label="货物类型" prop="cpdgrp.rec.stagod">
<c-select v-model="model.cpdgrp.rec.stagod" style="width:100%" placeholder="请选择货物类型"
:code="codes.godcod">
</c-select>
</el-form-item>
</c-col>
</c-row>
</c-col>
</c-row>
<c-row>
<c-row class="infrow">
<c-col :span="11" :offset="1">
<c-row>
<c-col :span="12">
<c-col :span="10">
<el-form-item label="国外费用" prop="cpdgrp.rec.feecur">
<c-select v-model="model.cpdgrp.rec.feecur" style="width:100%" placeholder="请选择币种"
:code="codes.cur">
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<c-col :span="10">
<el-form-item label="" label-width="10px" prop="cpdgrp.rec.feeamt">
<c-input-currency v-model="model.cpdgrp.rec.feeamt" placeholder="请输入汇款金额">
</c-input-currency>
......@@ -200,90 +258,122 @@
</c-row>
</c-col>
<c-col :span="11" :offset="1">
<el-form-item label="" label-width="0px" prop="cpdgrp.rec.tsnflg">
<c-checkbox v-model="model.cpdgrp.rec.tsnflg">
同名划转标志
</c-checkbox>
</el-form-item>
<c-row>
<c-col :span="20">
<el-form-item label="" label-width="0px" prop="cpdgrp.rec.tsnflg">
<c-checkbox v-model="model.cpdgrp.rec.tsnflg">
同名划转标志
</c-checkbox>
</el-form-item>
</c-col>
</c-row>
</c-col>
</c-row>
<c-row>
<c-row class="infrow">
<c-col :span="11" :offset="1">
<c-ptap :model="model" :argadr="{
title: '汇款人',
grp: 'cpdgrp',
rol: 'orc',
}" :noRef="false" :onlySearch="false" @onSeainf="" @onAplpDet="onOrcpDet">
</c-ptap>
<c-row>
<c-col :span="20">
<c-ptap :model="model" :argadr="{
title: '汇款人',
grp: 'cpdgrp',
rol: 'orc',
}" :noRef="false" :onlySearch="false" @onSeainf="" @onAplpDet="onOrcpDet">
</c-ptap>
</c-col>
</c-row>
</c-col>
<c-col :span="11" :offset="1">
<c-ptap :model="model" :argadr="{
title: 'Ordering institution',
grp: 'cpdgrp',
rol: 'ori',
}" :noRef="false" :onlySearch="false" @onSeainf="" @onAplpDet="onOripDet">
</c-ptap>
<c-row>
<c-col :span="20">
<c-ptap :model="model" :argadr="{
title: 'Ordering',
grp: 'cpdgrp',
rol: 'ori',
}" :noRef="false" :onlySearch="false" @onSeainf="" @onAplpDet="onOripDet">
</c-ptap>
</c-col>
</c-row>
</c-col>
</c-row>
<c-row>
<c-row class="infrow">
<c-col :span="11" :offset="1">
<el-form-item label="汇款人帐号" prop="cpdgrp.rec.orcact">
<c-input v-model="model.cpdgrp.rec.orcact" maxlength="35" placeholder="请输入汇款人帐号"></c-input>
</el-form-item>
<c-row>
<c-col :span="20">
<el-form-item label="汇款人帐号" prop="cpdgrp.rec.orcact">
<c-input v-model="model.cpdgrp.rec.orcact" maxlength="35" placeholder="请输入汇款人帐号"></c-input>
</el-form-item>
</c-col>
</c-row>
</c-col>
<c-col :span="11" :offset="1">
</c-col>
</c-row>
<c-row>
<c-row class="infrow">
<c-col :span="11" :offset="1">
<c-ptap :model="model" :argadr="{
title: '收款人',
grp: 'cpdgrp',
rol: 'pye',
}" :noRef="true" :onlySearch="false" @onSeainf="" @onAplpDet="onPyepDet">
</c-ptap>
<c-row>
<c-col :span="20">
<c-ptap :model="model" :argadr="{
title: '收款人',
grp: 'cpdgrp',
rol: 'pye',
}" :noRef="true" :onlySearch="false" @onSeainf="" @onAplpDet="onPyepDet">
</c-ptap>
</c-col>
</c-row>
</c-col>
<c-col :span="11" :offset="1">
<c-ptap :model="model" :argadr="{
title: '发报行',
grp: 'cpdgrp',
rol: 'snd',
}" :noRef="true" :onlySearch="false" @onSeainf="" @onAplpDet="onSndpDet">
</c-ptap>
<c-row>
<c-col :span="20">
<c-ptap :model="model" :argadr="{
title: '发报行',
grp: 'cpdgrp',
rol: 'snd',
}" :noRef="true" :onlySearch="false" @onSeainf="" @onAplpDet="onSndpDet">
</c-ptap>
</c-col>
</c-row>
</c-col>
</c-row>
<c-row>
<c-row class="infrow">
<c-col :span="11" :offset="1">
<el-form-item label="收款人帐号" prop="cpdgrp.rec.pyeact">
<c-input v-model="model.cpdgrp.rec.pyeact" maxlength="35" placeholder="请输入收款人帐号"></c-input>
</el-form-item>
<c-row>
<c-col :span="20">
<el-form-item label="收款人帐号" prop="cpdgrp.rec.pyeact">
<c-input v-model="model.cpdgrp.rec.pyeact" maxlength="35" placeholder="请输入收款人帐号"></c-input>
</el-form-item>
</c-col>
</c-row>
</c-col>
<c-col :span="11" :offset="1">
</c-col>
</c-row>
<c-row>
<c-row class="infrow">
<c-col :span="11" :offset="1">
<el-form-item label="指令代码" prop="cpdgrp.rec.f23e">
<c-input v-model="model.cpdgrp.rec.f23e" maxlength="35" placeholder="请输入指令代码"></c-input>
</el-form-item>
<c-row>
<c-col :span="20">
<el-form-item label="指令代码" prop="cpdgrp.rec.f23e">
<c-input v-model="model.cpdgrp.rec.f23e" maxlength="35" placeholder="请输入指令代码"></c-input>
</el-form-item>
</c-col>
</c-row>
</c-col>
<c-col :span="11" :offset="1">
<c-row>
<c-col :span="12">
<c-col :span="10">
<el-form-item label="原始金额" prop="cpdgrp.rec.curf33b">
<c-select v-model="model.cpdgrp.rec.curf33b" style="width:100%" placeholder="请选择币种"
:code="codes.cur">
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<c-col :span="10">
<el-form-item label="" label-width="10px" prop="cpdgrp.rec.amtf33b">
<c-input-currency v-model="model.cpdgrp.rec.amtf33b" placeholder="请输入原始金额">
</c-input-currency>
......@@ -293,22 +383,26 @@
</c-col>
</c-row>
<c-row>
<c-row class="infrow">
<c-col :span="11" :offset="1">
<el-form-item label="汇率" prop="cpdgrp.rec.f36">
<c-input v-model="model.cpdgrp.rec.f36" placeholder="请输入汇率"></c-input>
</el-form-item>
<c-row>
<c-col :span="20">
<el-form-item label="汇率" prop="cpdgrp.rec.f36">
<c-input v-model="model.cpdgrp.rec.f36" placeholder="请输入汇率"></c-input>
</el-form-item>
</c-col>
</c-row>
</c-col>
<c-col :span="11" :offset="1">
<c-row>
<c-col :span="12">
<c-col :span="10">
<el-form-item label="发报行扣费金额" prop="cpdgrp.rec.cur71f">
<c-select v-model="model.cpdgrp.rec.cur71f" style="width:100%" placeholder="请选择币种"
:code="codes.cur">
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<c-col :span="10">
<el-form-item label="" label-width="10px" prop="cpdgrp.rec.amt71f">
<c-input-currency v-model="model.cpdgrp.rec.amt71f" placeholder="请输入原始金额">
</c-input-currency>
......@@ -318,11 +412,15 @@
</c-col>
</c-row>
<c-row>
<c-row class="infrow">
<c-col :span="11" :offset="1">
<el-form-item label="银行操作码" prop="cpdgrp.rec.f23b">
<c-input v-model="model.cpdgrp.rec.f23b" maxlength="4" placeholder="请输入银行操作码"></c-input>
</el-form-item>
<c-row>
<c-col :span="20">
<el-form-item label="银行操作码" prop="cpdgrp.rec.f23b">
<c-input v-model="model.cpdgrp.rec.f23b" maxlength="4" placeholder="请输入银行操作码"></c-input>
</el-form-item>
</c-col>
</c-row>
</c-col>
<c-col :span="11" :offset="1">
......@@ -357,5 +455,13 @@
}
</script>
<style>
.infTopBtn {
position: absolute;
top: 0;
z-index: 5;
width: 100%;
height: 30px;
padding: 10px 0 10px 30px;
background-color: #f7faff;
}
</style>
\ No newline at end of file
src/views/Business/Infcpd/Infsea.vue
<template>
<c-content class="eibs-tab">
<c-content class="eibs-tab" :height="200">
<c-row>
<c-col :span="11" :offset="1">
<el-form-item label="Own Reference" prop="infcon.seaownref">
<c-input v-model="model.infcon.seaownref" maxlength="16" placeholder="请输入Own Reference"></c-input>
</el-form-item>
</c-col>
<c-col :span="11" :offset="1">
<el-form-item label="Name" prop="infcon.nam">
<c-input v-model="model.infcon.nam" maxlength="40" placeholder="请输入Name"></c-input>
</el-form-item>
</c-col>
</c-row>
<c-row>
<c-col :span="11" :offset="1">
<el-form-item label="Party Reference" prop="infcon.searef">
<c-input v-model="model.infcon.searef" maxlength="16" placeholder="请输入Party Reference"></c-input>
</el-form-item>
</c-col>
<c-col :span="11" :offset="1">
</c-col>
</c-row>
<c-row>
<c-col :span="11" :offset="1">
<el-form-item label="Select Single Party" prop="infcon.pty.extkey">
<c-input v-model="model.infcon.pty.extkey" maxlength="24" placeholder="请输入Select Single Party">
</c-input>
</el-form-item>
</c-col>
<c-col :span="11" :offset="1">
<el-form-item label="External Visible Name" prop="infcon.pty.nam">
<c-input v-model="model.infcon.pty.nam" maxlength="40" placeholder="请输入External Visible Name">
</c-input>
</el-form-item>
</c-col>
</c-row>
<c-infsearch-group @handleSearch="handleSearch" @handleReset="handleReset">
<!-- 持续展示区 -->
<template slot="keepShow">
<c-row>
<c-col :span="12">
<c-row>
<c-col :span="18" :offset="1">
<el-form-item label="Own Reference" prop="infcon.seaownref">
<c-input v-model="model.infcon.seaownref" maxlength="16"
placeholder="请输入Own Reference"></c-input>
</el-form-item>
</c-col>
</c-row>
</c-col>
<c-col :span="12">
<c-row>
<c-col :span="18" :offset="1">
<el-form-item label="Name" prop="infcon.nam">
<c-input v-model="model.infcon.nam" maxlength="40" placeholder="请输入Name"></c-input>
</el-form-item>
</c-col>
</c-row>
</c-col>
</c-row>
</template>
<c-row>
<c-col :span="11" :offset="1">
<el-form-item label="Party Name/BIC" prop="infcon.seapty">
<c-input v-model="model.infcon.seapty" maxlength="24" placeholder="请输入Party Name/BIC"></c-input>
</el-form-item>
</c-col>
<c-col :span="11" :offset="1">
<el-form-item label="Role" prop="infcon.searol">
<c-select v-model="model.infcon.searol" style="width:100%" placeholder="请选择Role">
</c-select>
</el-form-item>
</c-col>
</c-row>
<!-- 可控展示区 -->
<template slot="changeShow">
<c-row>
<c-col :span="12">
<c-row>
<c-col :span="18" :offset="1">
<el-form-item label="Party Reference" prop="infcon.searef">
<c-input v-model="model.infcon.searef" maxlength="16"
placeholder="请输入Party Reference"></c-input>
</el-form-item>
</c-col>
</c-row>
</c-col>
<c-col :span="12">
<c-row>
<c-col :span="10" :offset="1">
<el-form-item label="Opening between" prop="infcon.opndatfrom">
<c-date-picker type="date" v-model="model.infcon.opndatfrom" style="width:100%"
placeholder="请选择"></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label="and" prop="infcon.opndatto" label-width="40px">
<c-date-picker type="date" v-model="model.infcon.opndatto" style="width:100%"
placeholder="请选择"></c-date-picker>
</el-form-item>
</c-col>
</c-row>
</c-col>
</c-row>
<c-row>
<c-col :span="11" :offset="1">
<c-row>
<c-col :span="14">
<el-form-item label="Opening between" prop="infcon.opndatfrom">
<c-date-picker type="date" v-model="model.infcon.opndatfrom" style="width:100%"
placeholder="请选择"></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="10">
<el-form-item label="and" prop="infcon.opndatto" label-width="40px">
<c-date-picker type="date" v-model="model.infcon.opndatto" style="width:100%"
placeholder="请选择"></c-date-picker>
</el-form-item>
<c-col :span="12">
<c-row>
<c-col :span="18" :offset="1">
<el-form-item label="Select Single Party" prop="infcon.pty.extkey">
<c-input v-model="model.infcon.pty.extkey" maxlength="24"
placeholder="请输入Select Single Party">
</c-input>
</el-form-item>
</c-col>
</c-row>
</c-col>
<c-col :span="12">
<c-row>
<c-col :span="18" :offset="1">
<el-form-item label="Visible Name" prop="infcon.pty.nam">
<c-input v-model="model.infcon.pty.nam" maxlength="40"
placeholder="请输入External Visible Name">
</c-input>
</el-form-item>
</c-col>
</c-row>
</c-col>
</c-row>
</c-col>
<c-col :span="11" :offset="1">
</c-col>
</c-row>
<c-row>
<c-col :span="12">
<c-row>
<c-col :span="18" :offset="1">
<el-form-item label="Party Name/BIC" prop="infcon.seapty">
<c-input v-model="model.infcon.seapty" maxlength="24"
placeholder="请输入Party Name/BIC"></c-input>
</el-form-item>
</c-col>
</c-row>
</c-col>
<c-col :span="12">
<c-row>
<c-col :span="18" :offset="1">
<el-form-item label="Role" prop="infcon.searol">
<c-select v-model="model.infcon.searol" style="width:100%" placeholder="请选择Role">
</c-select>
</el-form-item>
</c-col>
</c-row>
</c-col>
</c-row>
<c-row>
<c-col :span="11" :offset="1">
<el-form-item label="Resp.User" prop="infcon.usr.extkey">
<c-input v-model="model.infcon.usr.extkey" maxlength="8" placeholder="请输入User ID"></c-input>
</el-form-item>
</c-col>
<c-col :span="11" :offset="1">
<el-form-item label="Status" prop="infcon.seasta">
<c-select v-model="model.infcon.seasta" style="width:100%" placeholder="请选择Status"
:code="codes.seasta">
</c-select>
</el-form-item>
</c-col>
</c-row>
<c-row>
<c-col :span="12">
<c-row>
<c-col :span="18" :offset="1">
<el-form-item label="Resp.User" prop="infcon.usr.extkey">
<c-input v-model="model.infcon.usr.extkey" maxlength="8" placeholder="请输入User ID">
</c-input>
</el-form-item>
</c-col>
</c-row>
</c-col>
<c-col :span="12">
<c-row>
<c-col :span="18" :offset="1">
<el-form-item label="Status" prop="infcon.seasta">
<c-select v-model="model.infcon.seasta" style="width:100%" placeholder="请选择Status"
:code="codes.seasta">
</c-select>
</el-form-item>
</c-col>
</c-row>
</c-col>
</c-row>
<c-row>
<c-col :span="11" :offset="1">
<el-form-item label="Currency" prop="infcon.seacur">
<c-select v-model="model.infcon.seacur" style="width:100%" placeholder="请选择Currency"
:code="codes.cur">
</c-select>
</el-form-item>
</c-col>
<c-col :span="11" :offset="1">
<c-row>
<c-col :span="14">
<el-form-item label="Amount between" prop="infcon.seaamtfr">
<c-input-currency v-model="model.infcon.seaamtfr" placeholder="请输入Amount">
</c-input-currency>
</el-form-item>
</c-col>
<c-col :span="10">
<el-form-item label="and" prop="infcon.seaamtto" label-width="40px">
<c-input-currency v-model="model.infcon.seaamtto" placeholder="请输入Amount">
</c-input-currency>
</el-form-item>
<c-col :span="12">
<c-row>
<c-col :span="18" :offset="1">
<el-form-item label="Currency" prop="infcon.seacur">
<c-select v-model="model.infcon.seacur" style="width:100%" placeholder="请选择Currency"
:code="codes.cur">
</c-select>
</el-form-item>
</c-col>
</c-row>
</c-col>
<c-col :span="12">
<c-row>
<c-col :span="10" :offset="1">
<el-form-item label="Amount between" prop="infcon.seaamtfr">
<c-input-currency v-model="model.infcon.seaamtfr" placeholder="请输入Amount">
</c-input-currency>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label="and" prop="infcon.seaamtto" label-width="40px">
<c-input-currency v-model="model.infcon.seaamtto" placeholder="请输入Amount">
</c-input-currency>
</el-form-item>
</c-col>
</c-row>
</c-col>
</c-row>
</c-col>
</c-row>
<c-row>
<c-col :span="11" :offset="1">
<el-form-item label="Payment Type" prop="seapaytyp">
<c-select v-model="model.seapaytyp" style="width:100%" placeholder="请选择Payment Type"
:code="codes.seapaytyp">
</c-select>
</el-form-item>
</c-col>
<c-col :span="11" :offset="1">
<el-form-item label="Swift type" prop="msgtyp">
<c-select v-model="model.msgtyp" style="width:100%" placeholder="请选择Swift type">
</c-select>
</el-form-item>
</c-col>
</c-row>
<c-row>
<c-col :span="12">
<c-row>
<c-col :span="18" :offset="1">
<el-form-item label="Payment Type" prop="seapaytyp">
<c-select v-model="model.seapaytyp" style="width:100%" placeholder="请选择Payment Type"
:code="codes.seapaytyp">
</c-select>
</el-form-item>
</c-col>
</c-row>
</c-col>
<c-col :span="12">
<c-row>
<c-col :span="18" :offset="1">
<el-form-item label="Swift type" prop="msgtyp">
<c-select v-model="model.msgtyp" style="width:100%" placeholder="请选择Swift type">
</c-select>
</el-form-item>
</c-col>
</c-row>
</c-col>
</c-row>
<c-row>
<c-col :span="11" :offset="1">
<c-row>
<c-col :span="16">
<el-form-item label="国家代码" prop="countcode">
<c-select v-model="model.countcode" filterable style="width:100%" placeholder="请选择国家代码"
:code="codes.bopcty">
</c-select>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label="" prop="tsnflg" label-width="20px">
<c-checkbox v-model="model.tsnflg">同名划转标志</c-checkbox>
</el-form-item>
<c-col :span="12">
<c-row>
<c-col :span="12" :offset="1">
<el-form-item label="国家代码" prop="countcode">
<c-select v-model="model.countcode" filterable style="width:100%"
placeholder="请选择国家代码" :code="codes.bopcty">
</c-select>
</el-form-item>
</c-col>
<c-col :span="6">
<el-form-item label="" prop="tsnflg" label-width="20px">
<c-checkbox v-model="model.tsnflg">同名划转标志</c-checkbox>
</el-form-item>
</c-col>
</c-row>
</c-col>
<c-col :span="12">
<c-row>
<c-col :span="18" :offset="1">
</c-col>
</c-row>
</c-col>
</c-row>
</c-col>
<c-col :span="11" :offset="1">
</template>
</c-infsearch-group>
<c-row style="margin-top:20px; padding: 0 10px 0 10px;">
<c-col>
<c-button size="small" type="primary">导Excel</c-button>
<c-button size="small" type="primary">Display</c-button>
<c-button size="small" type="primary">Use</c-button>
</c-col>
</c-row>
<c-row>
<c-col :span="22" :offset="1">
<c-istream-table :list="model.infbut.dspstm" :columns="stmData.columns"></c-istream-table>
</c-col>
<c-row style="margin-top:20px; padding: 0 10px 0 10px;">
<c-istream-table :list="stmData.data" :columns="stmData.columns">
<el-table-column prop="op" label="OP" width="100">
<template slot-scope="scope">
<a href="javascript:void(0)" @click="continueEdit(scope.row)">操作</a>
</template>
</el-table-column>
</c-istream-table>
</c-row>
</c-content>
......@@ -177,18 +247,50 @@
return {
stmData: {
columns: [
"1 1 \"Reference\" 50 ",
"2 2 \"Party Number\" 150",
"3 3 \"Opened\" 110",
"4 4 \"Closed\" 100",
"5 5 \"Paying Bank\" 50",
"6 6 \"ORC NO.\" 100",
"1 1 \"Reference\" 0 ",
"2 1 \"Resp. User\" 0 ",
"3 1 \"PYE NO.\" 0 ",
"1 2 \"Party Number\" 115",
"2 2 \"Payee Customer\" 115",
"3 2 \"PYE.Customer CN\" 115",
"1 3 \"Party Number\" 115",
"2 3 \"Ord.Customer\" 115",
"3 3 \"Ord.Customer CN\" 115",
"1 4 \"Party Number\" 115",
"2 4 \"Ord.Institution\" 115",
"3 4 \"ORC NO.\" 115",
"1 5 \"Party Number\" 115",
"2 5 \"Paying Bank\" 115",
"1 6 \"Opened\" 0",
"2 6 \"Value\" 0",
"1 7 \"Closed\" 0",
"1 8 \"Cur\" 0",
"2 8 \"Cur\" 0",
"1 9 \"Paym.Amount\" 0",
"2 9 \"Amount rcvd.\" 0",
"1 10 \"Pyectycod\" 80",
"1 11 \"Orcctycod\" 80",
],
data: [
]
}
}
},
methods: { ...Event },
methods: {
...Event,
handleSearch(callback) {
setTimeout(() => {
this.$notify.info({ title: '提示', message: '模拟post请求控制按钮状态' });
// 执行子组件回调函数控制按钮状态
callback()
}, 1000)
},
handleReset() {
}
},
created: function () {
}
......
src/views/Business/Infcpd/Liainfp.vue
<template>
<c-content class="eibs-tab">
<c-row>
<c-content class="eibs-tab" :height="200">
<div class="infTopBtn">
<el-button-group>
<c-button size="small" type="primary" icon="el-icon-arrow-left"></c-button>
<c-button size="small" type="primary" icon="el-icon-arrow-right"></c-button>
</el-button-group>
<c-button size="small" type="primary">Print</c-button>
<c-button size="small" type="primary">Use</c-button>
<c-button size="small" type="primary">Loginfo</c-button>
</div>
<c-row class="infrow" style="margin-top:50px;">
<c-col :span="23" :offset="1">
Engagement Information
</c-col>
</c-row>
<c-row>
<c-row class="infrow" style="margin-top:20px;">
<c-col :span="22" :offset="1">
<c-table :border="true" :list="model.infcon.liastm" style="text-align:center">
<el-table-column prop="" label="Type" width="auto"></el-table-column>
<el-table-column prop="" label="Role" width="auto"></el-table-column>
<el-table-column prop="" label="Maturity" width="auto"></el-table-column>
<el-table-column prop="" label="Cur" width="auto"></el-table-column>
<el-table-column prop="" label="Amount" width="auto"></el-table-column>
<el-table-column prop="" label="Account" width="auto"></el-table-column>
<el-table-column prop="" label="Counter Account" width="auto"></el-table-column>
</c-table>
<c-istream-table :list="stmData.data" :columns="stmData.columns">
<el-table-column prop="op" label="OP" width="100">
<template slot-scope="scope">
<a href="javascript:void(0)" @click="continueEdit(scope.row)">操作</a>
</template>
</el-table-column>
</c-istream-table>
</c-col>
</c-row>
......@@ -34,7 +43,19 @@
mixins: [CommonProcess],
data() {
return {
stmData: {
columns: [
"1 1 \"Type\" 0 ",
"1 2 \"Role\" 0 ",
"1 3 \"Maturity\" 0",
"1 4 \"Amount\" 0",
"1 5 \"Account\" 0",
"1 6 \"Counter Account\" 0",
],
data: [
]
}
}
},
methods: { ...Event },
......
src/views/Business/Infcpd/Ordpan.vue
<template>
<c-content class="eibs-tab">
<c-content class="eibs-tab" :height="200">
<c-row>
<div class="infTopBtn">
<el-button-group>
<c-button size="small" type="primary" icon="el-icon-arrow-left"></c-button>
<c-button size="small" type="primary" icon="el-icon-arrow-right"></c-button>
</el-button-group>
<c-button size="small" type="primary">Print</c-button>
<c-button size="small" type="primary">Use</c-button>
<c-button size="small" type="primary">Loginfo</c-button>
</div>
<c-row class="infrow" style="margin-top:50px;">
<c-col :span="22" :offset="1">
<c-table :border="true" :list="model.infcon.ordstm" style="text-align:center">
<el-table-column prop="" label="Start" width="auto"></el-table-column>
<el-table-column prop="" label="Status" width="auto"></el-table-column>
<el-table-column prop="" label="Reference" width="auto"></el-table-column>
<el-table-column prop="" label="Name" width="auto"></el-table-column>
</c-table>
<c-istream-table :list="stmData.data" :columns="stmData.columns">
<el-table-column prop="op" label="OP" width="100">
<template slot-scope="scope">
<a href="javascript:void(0)" @click="continueEdit(scope.row)">操作</a>
</template>
</el-table-column>
</c-istream-table>
</c-col>
</c-row>
</c-content>
<!--
<div class="eibs-tab">
<c-col :span="12">
<el-form-item label="Stream for Orders for Contract" prop="infcon.ordstm">
<c-input v-model="model.infcon.ordstm" placeholder="请输入Stream for Orders for Contract"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<c-button size="small" type="primary" @click="onInfconButshword">
&Display
</c-button>
</c-col>
</div> -->
</template>
<script>
import Api from "~/service/Api"
......@@ -42,7 +37,17 @@
mixins: [CommonProcess],
data() {
return {
stmData: {
columns: [
"1 1 \"Start\" 0 ",
"1 2 \"Status\" 0 ",
"1 3 \"Reference\" 0",
"1 4 \"Name\" 0",
],
data: [
]
}
}
},
methods: { ...Event },
......
src/views/Business/Infcpd/Peninfp.vue
<template>
<c-content class="eibs-tab">
<c-row>
<c-content class="eibs-tab" :height="200">
<div class="infTopBtn">
<el-button-group>
<c-button size="small" type="primary" icon="el-icon-arrow-left"></c-button>
<c-button size="small" type="primary" icon="el-icon-arrow-right"></c-button>
</el-button-group>
<c-button size="small" type="primary">Print</c-button>
<c-button size="small" type="primary">Use</c-button>
<c-button size="small" type="primary">Loginfo</c-button>
</div>
<c-row class="infrow" style="margin-top:50px;">
<c-col :span="23" :offset="1">
Pending Items
</c-col>
......@@ -8,7 +19,7 @@
<br />
<c-row>
<c-row class="infrow">
<c-col :span="4" :offset="1">
<el-form-item label="" prop="infcon.sptinc" label-width="0">
<c-checkbox v-model="model.infcon.sptinc">Incoming</c-checkbox>
......@@ -36,24 +47,21 @@
</c-col>
</c-row>
<c-row>
<c-row class="infrow" style="margin-top:20px;">
<c-col :span="22" :offset="1">
<c-table :border="true" :list="model.infcon.sptstm" style="text-align:center">
<el-table-column prop="" label="TRN" width="auto"></el-table-column>
<el-table-column prop="" label="Reference" width="auto"></el-table-column>
<el-table-column prop="" label="Name" width="auto"></el-table-column>
<el-table-column prop="" label="Creation" width="auto"></el-table-column>
<el-table-column prop="" label="Status" width="auto"></el-table-column>
<el-table-column prop="" label="by" width="auto"></el-table-column>
<el-table-column prop="" label="Info" width="auto"></el-table-column>
<el-table-column prop="" label="Infotext" width="auto"></el-table-column>
</c-table>
<c-istream-table :list="stmData.sptstmData" :columns="stmData.sptstmColumns">
<el-table-column prop="op" label="OP" width="100">
<template slot-scope="scope">
<a href="javascript:void(0)" @click="continueEdit(scope.row)">操作</a>
</template>
</el-table-column>
</c-istream-table>
</c-col>
</c-row>
<br />
<c-row>
<c-row class="infrow" style="margin-top:20px;">
<c-col :span="23" :offset="1">
Diaries
</c-col>
......@@ -61,16 +69,16 @@
<br />
<c-row>
<c-row class="infrow">
<c-col :span="11" :offset="1">
<c-row>
<c-col :span="14">
<c-col :span="11">
<el-form-item label="Date from" prop="infcon.diadatfrom">
<c-date-picker type="date" v-model="model.infcon.diadatfrom" style="width:100%"
placeholder="请选择Date from"></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="10">
<c-col :span="8" :offset="1">
<el-form-item label="to" prop="infcon.diadatto" label-width="40px">
<c-date-picker type="date" v-model="model.infcon.diadatto" style="width:100%"
placeholder="请选择date till"></c-date-picker>
......@@ -79,24 +87,26 @@
</c-row>
</c-col>
<c-col :span="11" :offset="1">
<el-form-item label="Status" prop="infcon.diasta">
<c-select v-model="model.infcon.diasta" style="width:100%" placeholder="请选择Status">
</c-select>
</el-form-item>
<c-row>
<c-col :span="20">
<el-form-item label="Status" prop="infcon.diasta">
<c-select v-model="model.infcon.diasta" style="width:100%" placeholder="请选择Status">
</c-select>
</el-form-item>
</c-col>
</c-row>
</c-col>
</c-row>
<c-row>
<c-row class="infrow" style="margin-top:20px;">
<c-col :span="22" :offset="1">
<c-table :border="true" :list="model.infcon.diastm" style="text-align:center">
<el-table-column prop="" label="Date" width="auto"></el-table-column>
<el-table-column prop="" label="Reason" width="auto"></el-table-column>
<el-table-column prop="" label="Description" width="auto"></el-table-column>
<el-table-column prop="" label="Transaction" width="auto"></el-table-column>
<el-table-column prop="" label="User" width="auto"></el-table-column>
<el-table-column prop="" label="Group" width="auto"></el-table-column>
<el-table-column prop="" label="Status" width="auto"></el-table-column>
</c-table>
<c-istream-table :list="stmData.diastmData" :columns="stmData.diastmColumns">
<el-table-column prop="op" label="OP" width="100">
<template slot-scope="scope">
<a href="javascript:void(0)" @click="continueEdit(scope.row)">操作</a>
</template>
</el-table-column>
</c-istream-table>
</c-col>
</c-row>
......@@ -114,7 +124,33 @@
mixins: [CommonProcess],
data() {
return {
stmData: {
sptstmColumns: [
"1 1 \"TRN\" 0 ",
"1 2 \"Reference\" 0 ",
"1 3 \"Name\" 0 ",
"1 4 \"Creation\" 0",
"1 5 \"Status\" 0",
"1 6 \"by\" 0",
"1 7 \"Info\" 0",
"1 8 \"Infotext\" 0",
],
sptstmData: [
],
diastmColumns: [
"1 1 \"Date\" 0 ",
"1 2 \"Reason\" 0 ",
"1 3 \"Description\" 0 ",
"1 4 \"Transaction\" 0",
"1 5 \"User\" 0",
"1 6 \"Group\" 0",
"1 7 \"Status\" 0",
],
diastmData: [
],
}
}
},
methods: { ...Event },
......
src/views/Business/Infcpd/Sepinfp.vue
<template>
<c-content class="eibs-tab">
<c-content class="eibs-tab" :height="200">
<c-row>
<div class="infTopBtn">
<el-button-group>
<c-button size="small" type="primary" icon="el-icon-arrow-left"></c-button>
<c-button size="small" type="primary" icon="el-icon-arrow-right"></c-button>
</el-button-group>
<c-button size="small" type="primary">Print</c-button>
<c-button size="small" type="primary">Use</c-button>
<c-button size="small" type="primary">Loginfo</c-button>
</div>
<c-row class="infrow" style="margin-top:50px;">
<c-col :span="23" :offset="1">
Temporary Settlement
</c-col>
......@@ -9,7 +19,7 @@
<br />
<c-row>
<c-row class="infrow">
<c-col :span="7" :offset="1">
<el-form-item label="" prop="infcon.setflg" label-width="0">
<c-checkbox v-model="model.infcon.setflg">show temporary settlement that already settled
......@@ -24,18 +34,15 @@
</c-col>
</c-row>
<c-row>
<c-row class="infrow" style="margin-top:20px;">
<c-col :span="22" :offset="1">
<c-table :border="true" :list="model.infcon.sepstm" style="text-align:center">
<el-table-column prop="" label="Cre.Date" width="auto"></el-table-column>
<el-table-column prop="" label="Reference" width="auto"></el-table-column>
<el-table-column prop="" label="Cur" width="auto"></el-table-column>
<el-table-column prop="" label="Amount" width="auto"></el-table-column>
<el-table-column prop="" label="Cre.TRNINR" width="auto"></el-table-column>
<el-table-column prop="" label="Cre.TRN" width="auto"></el-table-column>
<el-table-column prop="" label="Settl.TRNINR" width="auto"></el-table-column>
<el-table-column prop="" label="Settl.Date" width="auto"></el-table-column>
</c-table>
<c-istream-table :list="stmData.data" :columns="stmData.columns">
<el-table-column prop="op" label="OP" width="100">
<template slot-scope="scope">
<a href="javascript:void(0)" @click="continueEdit(scope.row)">操作</a>
</template>
</el-table-column>
</c-istream-table>
</c-col>
</c-row>
......@@ -53,7 +60,21 @@
mixins: [CommonProcess],
data() {
return {
stmData: {
columns: [
"1 1 \"Cre.Date\" 0 ",
"1 2 \"Reference\" 0 ",
"1 3 \"Cur\" 0 ",
"1 4 \"Amount\" 115",
"1 5 \"Cre.TRNINR\" 115",
"1 6 \"Cre.TRN\" 115",
"1 7 \"Settl.TRNINR\" 115",
"1 8 \"Settl.Date\" 115",
],
data: [
]
}
}
},
methods: { ...Event },
......
src/views/Business/Infcpd/Smhinfp.vue
<template>
<c-content class="eibs-tab">
<c-content class="eibs-tab" :height="200">
<c-row>
<div class="infTopBtn">
<el-button-group>
<c-button size="small" type="primary" icon="el-icon-arrow-left"></c-button>
<c-button size="small" type="primary" icon="el-icon-arrow-right"></c-button>
</el-button-group>
<c-button size="small" type="primary">Print</c-button>
<c-button size="small" type="primary">Use</c-button>
<c-button size="small" type="primary">Loginfo</c-button>
</div>
<c-row class="infrow" style="margin-top:50px;">
<c-col :span="11" :offset="1">
<c-row>
<c-col :span="18">
<c-col :span="14">
<el-form-item label="Type of Document" prop="infcon.smhcortyp">
<c-select v-model="model.infcon.smhcortyp" style="width:100%"
placeholder="请选择Type of Document" :code="codes.cortyp">
</c-select>
</el-form-item>
</c-col>
<c-col :span="6">
<c-col :span="5" :offset="1">
<el-form-item label="" prop="infcon.chktrn" label-width="0">
<c-checkbox v-model="model.infcon.chktrn">Active only</c-checkbox>
</el-form-item>
......@@ -19,23 +29,27 @@
</c-row>
</c-col>
<c-col :span="11" :offset="1">
<el-form-item label="Direction" prop="infcon.smhdir">
<c-select v-model="model.infcon.smhdir" style="width:100%" placeholder="请选择Direction">
</c-select>
</el-form-item>
<c-row>
<c-col :span="20">
<el-form-item label="Direction" prop="infcon.smhdir">
<c-select v-model="model.infcon.smhdir" style="width:100%" placeholder="请选择Direction">
</c-select>
</el-form-item>
</c-col>
</c-row>
</c-col>
</c-row>
<c-row>
<c-row class="infrow">
<c-col :span="11" :offset="1">
<c-row>
<c-col :span="14">
<c-col :span="11">
<el-form-item label="Created between " prop="infcon.smhdatfrom">
<c-date-picker type="date" v-model="model.infcon.smhdatfrom" style="width:100%"
placeholder="请选择Created between "></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="10">
<c-col :span="8" :offset="1">
<el-form-item label="and" prop="infcon.smhdatto" label-width="40px">
<c-date-picker type="date" v-model="model.infcon.smhdatto" style="width:100%"
placeholder="请选择created till"></c-date-picker>
......@@ -48,15 +62,15 @@
</c-col>
</c-row>
<c-row>
<c-row class="infrow" style="margin-top:20px;">
<c-col :span="22" :offset="1">
<c-table :border="true" :list="model.infcon.glestm" style="text-align:center">
<el-table-column prop="" label="Type" width="auto"></el-table-column>
<el-table-column prop="" label="Document" width="auto"></el-table-column>
<el-table-column prop="" label="Created" width="auto"></el-table-column>
<el-table-column prop="" label="Direction" width="auto"></el-table-column>
<el-table-column prop="" label="SMHINR" width="auto"></el-table-column>
</c-table>
<c-istream-table :list="stmData.data" :columns="stmData.columns">
<el-table-column prop="op" label="OP" width="100">
<template slot-scope="scope">
<a href="javascript:void(0)" @click="continueEdit(scope.row)">操作</a>
</template>
</el-table-column>
</c-istream-table>
</c-col>
</c-row>
......@@ -74,7 +88,18 @@
mixins: [CommonProcess],
data() {
return {
stmData: {
columns: [
"1 1 \"Type\" 0 ",
"1 2 \"Document\" 0 ",
"1 3 \"Created\" 0 ",
"1 4 \"Direction\" 0 ",
"1 5 \"SMHINR\" 0 ",
],
data: [
]
}
}
},
methods: { ...Event },
......
src/views/Business/Infcpd/Trnpan.vue
<template>
<c-content class="eibs-tab">
<c-content class="eibs-tab" :height="200">
<c-row>
<div class="infTopBtn">
<el-button-group>
<c-button size="small" type="primary" icon="el-icon-arrow-left"></c-button>
<c-button size="small" type="primary" icon="el-icon-arrow-right"></c-button>
</el-button-group>
<c-button size="small" type="primary">Print</c-button>
<c-button size="small" type="primary">Use</c-button>
<c-button size="small" type="primary">Loginfo</c-button>
<c-button size="small" type="primary">Display</c-button>
</div>
<c-row class="infrow" style="margin-top:50px;">
<c-col :span="5" :offset="1">
<el-form-item label="" prop="infcon.chksubcon" label-width="0">
<c-checkbox v-model="model.infcon.chksubcon">incl. all subcontracts</c-checkbox>
......@@ -14,8 +25,8 @@
</c-col>
</c-row>
<c-row>
<c-col :span="23" :offset="1">
<c-row class="infrow">
<c-col :span="22" :offset="1">
<el-form-item label="" prop="infcon.trnstm" label-width="0">
<c-input type="textarea" :rows="4" v-model="model.infcon.trnstm" show-word-limit
placeholder="请输入stream for TRN to selected contract"></c-input>
......
src/views/Business/Infcpd/index.vue
<template>
<c-page title="用户信息管理">
<!-- 顶部按钮区 -->
<div class="topBtnGroup">
<!-- 顶部按钮区 -->
<!-- <div class="topBtnGroup">
<c-button size="small" type="primary" v-show="showflg == true" icon="el-icon-arrow-right"
@click="showflg=false">收起</c-button>
<c-button size="small" type="primary" v-show="showflg == false" icon="el-icon-arrow-left"
......@@ -28,72 +27,71 @@
<c-button size="small" type="primary">Exit</c-button>
</div>
</div>
</div> -->
<div class="eContainer">
<el-form :model="model" :rules="rules" ref="modelForm" label-width="150px" label-position="left"
size="small" :validate-on-rule-change="false">
<c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="tabClick">
<div class="eContainer">
<el-form :model="model" :rules="rules" ref="modelForm" label-width="120px" label-position="left" size="small"
:validate-on-rule-change="false">
<c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="tabClick" class="infcpdTab">
<el-tab-pane label="Selection" name="infsea">
<m-infsea :model="model" :codes="codes" />
</el-tab-pane>
<el-tab-pane label="查询信息" name="infsea">
<m-infsea :model="model" :codes="codes" />
</el-tab-pane>
<el-tab-pane label="Clean Payment" name="infconp">
<m-infconp :model="model" :codes="codes" />
</el-tab-pane>
<el-tab-pane label="汇款信息" name="infconp">
<m-infconp :model="model" :codes="codes" />
</el-tab-pane>
<el-tab-pane label="Completion" name="coninfp">
<m-coninfp :model="model" :codes="codes" />
</el-tab-pane>
<el-tab-pane label="Completion" name="coninfp">
<m-coninfp :model="model" :codes="codes" />
</el-tab-pane>
<el-tab-pane label="Transactions" name="trnpan">
<m-trnpan :model="model" :codes="codes" />
</el-tab-pane>
<el-tab-pane label="Transactions" name="trnpan">
<m-trnpan :model="model" :codes="codes" />
</el-tab-pane>
<el-tab-pane label="CBS Info" name="cbsinfp">
<m-cbsinfp :model="model" :codes="codes" />
</el-tab-pane>
<el-tab-pane label="CBS Info" name="cbsinfp">
<m-cbsinfp :model="model" :codes="codes" />
</el-tab-pane>
<el-tab-pane label="CBE Info" name="cbeinfp">
<m-cbeinfp :model="model" :codes="codes" />
</el-tab-pane>
<el-tab-pane label="CBE Info" name="cbeinfp">
<m-cbeinfp :model="model" :codes="codes" />
</el-tab-pane>
<el-tab-pane label="FEP/FCP Info" name="fepinfp">
<m-fepinfp :model="model" :codes="codes" />
</el-tab-pane>
<el-tab-pane label="FEP/FCP Info" name="fepinfp">
<m-fepinfp :model="model" :codes="codes" />
</el-tab-pane>
<el-tab-pane label="SEP Info" name="sepinfp">
<m-sepinfp :model="model" :codes="codes" />
</el-tab-pane>
<el-tab-pane label="SEP Info" name="sepinfp">
<m-sepinfp :model="model" :codes="codes" />
</el-tab-pane>
<el-tab-pane label="GLE Bookings" name="gleinfp">
<m-gleinfp :model="model" :codes="codes" />
</el-tab-pane>
<el-tab-pane label="分录信息" name="gleinfp">
<m-gleinfp :model="model" :codes="codes" />
</el-tab-pane>
<el-tab-pane label="SMH Info" name="smhinfp">
<m-smhinfp :model="model" :codes="codes" />
</el-tab-pane>
<el-tab-pane label="报文信息" name="smhinfp">
<m-smhinfp :model="model" :codes="codes" />
</el-tab-pane>
<el-tab-pane label="SPT/DIA Info" name="peninfp">
<m-peninfp :model="model" :codes="codes" />
</el-tab-pane>
<el-tab-pane label="经办信息" name="peninfp">
<m-peninfp :model="model" :codes="codes" />
</el-tab-pane>
<el-tab-pane label="Engagement" name="liainfp">
<m-liainfp :model="model" :codes="codes" />
</el-tab-pane>
<el-tab-pane label="Engagement" name="liainfp">
<m-liainfp :model="model" :codes="codes" />
</el-tab-pane>
<el-tab-pane label="Print" name="prtpan">
<m-prtpan :model="model" :codes="codes" />
</el-tab-pane>
<el-tab-pane label="Print" name="prtpan">
<m-prtpan :model="model" :codes="codes" />
</el-tab-pane>
<el-tab-pane label="Order" name="ordpan">
<m-ordpan :model="model" :codes="codes" />
</el-tab-pane>
</c-tabs>
</el-form>
</div>
</c-page>
<el-tab-pane label="Order" name="ordpan">
<m-ordpan :model="model" :codes="codes" />
</el-tab-pane>
</c-tabs>
</el-form>
</div>
</template>
<script>
import Api from "~/service/Api"
......@@ -175,14 +173,11 @@
}
</script>
<style>
.topBtnGroup {
height: 32px;
margin-bottom: 5px;
text-align: right;
.infcpdTab .el-tabs__content {
padding: 10px 0 10px 0;
}
.btnGroup {
display: inline;
padding: 0 20px;
.infcpdTab .infrow {
padding: 0 10px 0 10px;
}
</style>
\ No newline at end of file
src/views/Business/Infusr/Genpan.vue
<template>
<c-content class="eibs-tab">
<c-content class="eibs-tab" :height="200">
<c-row style="margin-top: 20px;">
<c-row class="infrow" style="margin-top: 20px;">
<c-col :span="22" :offset="1">
<c-table :border="true" :list="model.recpan.prfmod.genfld" style="text-align:center">
<el-table-column prop="flddsc" label="Field" width="auto"></el-table-column>
......
src/views/Business/Infusr/Infsea.vue
<template>
<c-content class="eibs-tab">
<c-row>
<c-col :span="11" :offset="1">
<el-form-item label="User-ID" prop="cod">
<c-input v-model="model.cod" maxlength="8" placeholder="请输入User-ID"></c-input>
</el-form-item>
</c-col>
<c-col :span="11" :offset="1">
<el-form-item label="Name" prop="seanam">
<c-input v-model="model.seanam" maxlength="40" placeholder="请输入User Name"></c-input>
</el-form-item>
</c-col>
</c-row>
<c-content class="eibs-tab" :height="200">
<!-- <div>
<c-button size="small" type="primary" @click="onInfbutButprt">
导Excel
</c-button>
<c-button size="small" type="primary" icon="el-icon-search" @click="onInfbutSearow">
Search
</c-button>
<c-button size="small" type="primary" @click="onInfbutDsp">
Display
</c-button>
<c-button size="small" type="primary" @click="onInfbutUserow">
Use
</c-button>
<c-button size="small" type="primary" @click="onInfbutClr">
Clear
</c-button>
</div> -->
<c-infsearch-group :needToggle="false" @handleSearch="handleSearch" @handleReset="handleReset">
<template slot="keepShow">
<c-row>
<c-col :span="12">
<c-row>
<c-col :span="18" :offset="1">
<el-form-item label="User-ID" prop="cod">
<c-input v-model="model.cod" maxlength="8" placeholder="请输入User-ID"></c-input>
</el-form-item>
</c-col>
</c-row>
</c-col>
<c-col :span="12">
<c-row>
<c-col :span="18" :offset="1">
<el-form-item label="Name" prop="seanam">
<c-input v-model="model.seanam" maxlength="40" placeholder="请输入User Name"></c-input>
</el-form-item>
</c-col>
</c-row>
</c-col>
</c-row>
</template>
</c-infsearch-group>
<c-row>
<c-col :span="23" :offset="1">
<c-istream-table :list="model.infbut.dspstm" :columns="stmData.columns">
<!-- <el-table-column prop="op" label="OP" width="100">
<template slot-scope="scope">
<a href="javascript:void(0)" @click="continueEdit(scope.row)">处理事件</a>
</template>
</el-table-column> -->
</c-istream-table>
<!-- <c-table :border="true" :list="model.infbut.dspstm" style="width:80%;text-align:center">
<el-table-column prop="" label="UserID" width="auto"> </el-table-column>
<el-table-column prop="" label="Name" width="auto"> </el-table-column>
<el-table-column prop="" label="Profile" width="auto"> </el-table-column>
<el-table-column prop="" label="Entity" width="auto"> </el-table-column>
<el-table-column prop="" label="UserGroup" width="auto"> </el-table-column>
<el-table-column prop="" label="Phone" width="auto"> </el-table-column>
</c-table> -->
<c-row class="infrow" style="margin-top:20px;">
<c-col>
<c-button size="small" type="primary">导Excel</c-button>
<c-button size="small" type="primary">Display</c-button>
<c-button size="small" type="primary">Use</c-button>
</c-col>
</c-row>
<!-- <c-col :span="12">
<c-button size="small" type="primary" @click="onInfbutExi">
E&xit
</c-button>
</c-col> -->
<el-row class="infrow" style="margin-top:20px;">
<c-istream-table :list="stmData.data" :columns="stmData.columns">
<el-table-column prop="op" label="OP" width="100">
<template slot-scope="scope">
<a href="javascript:void(0)" @click="continueEdit(scope.row)">操作</a>
</template>
</el-table-column>
</c-istream-table>
</el-row>
</c-content>
</template>
<script>
......@@ -79,12 +66,27 @@
"4 4 \"Entity\" 100",
"5 5 \"UserGroup\" 50",
"6 6 \"Phone\" 100",
],
data: [
]
},
}
},
methods: { ...Event },
methods: {
...Event,
handleSearch(callback) {
setTimeout(() => {
this.$notify.info({ title: '提示', message: '模拟post请求控制按钮状态' });
// 执行子组件回调函数控制按钮状态
callback()
}, 1000)
},
handleReset() {
}
},
created: function () {
}
......
src/views/Business/Infusr/Ubrp.vue
<template>
<c-content class="eibs-tab">
<c-content class="eibs-tab" :height="200">
<c-row style="margin-top: 20px;">
<div class="infTopBtn">
<el-button-group>
<c-button size="small" type="primary" icon="el-icon-arrow-left"></c-button>
<c-button size="small" type="primary" icon="el-icon-arrow-right"></c-button>
</el-button-group>
<c-button size="small" type="primary">Print</c-button>
<c-button size="small" type="primary">Use</c-button>
<c-button size="small" type="primary">Loginfo</c-button>
</div>
<c-row class="infrow" style="margin-top: 50px;">
<c-col :span="23" :offset="1">
Different Release Profile for Business Sector
</c-col>
</c-row>
<c-row>
<c-row class="infrow">
<c-col :span="22" :offset="1">
<c-table :border="true" :list="model.recgrp.ubrgrd.ubr" style="text-align:center">
<el-table-column prop="branchinr" label="Branch" width="auto"></el-table-column>
......
src/views/Business/Infusr/Usrp0.vue
<template>
<c-content class="eibs-tab">
<c-row>
<c-content class="eibs-tab" :height="200">
<div class="infTopBtn">
<el-button-group>
<c-button size="small" type="primary" icon="el-icon-arrow-left"></c-button>
<c-button size="small" type="primary" icon="el-icon-arrow-right"></c-button>
</el-button-group>
<c-button size="small" type="primary">Print</c-button>
<c-button size="small" type="primary">Use</c-button>
<c-button size="small" type="primary">Loginfo</c-button>
</div>
<c-row class="infrow" style="margin-top:50px;">
<c-col :span="11" :offset="1">
<c-row>
<c-col :span="16">
<c-col :span="14">
<el-form-item label="User ID" prop="recgrp.rec.extkey">
<c-input v-model="model.recgrp.rec.extkey" maxlength="8" placeholder="请输入User ID"></c-input>
</el-form-item>
......@@ -20,56 +31,67 @@
</c-col>
<c-col :span="11" :offset="1">
<c-row>
<c-col :span="12">
<c-col :span="10">
<el-form-item label="Name" prop="recgrp.usrsec.nam">
<c-input v-model="model.recgrp.usrsec.nam" maxlength="40" placeholder="请输入Name"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<c-col :span="10">
<el-form-item label="Drag Drop Sender" prop="recpan.recget.sdamod.dadsnd" label-width="120px">
<c-input v-model="model.recpan.recget.sdamod.dadsnd" placeholder="请输入Drag Drop Sender">
</c-input>
</el-form-item>
</c-col>
</c-row>
</c-col>
</c-row>
<c-row>
<c-row class="infrow">
<c-col :span="11" :offset="1">
<el-form-item label="Login Profile" prop="recgrp.rec.lgiflg">
<c-select v-model="model.recgrp.rec.lgiflg" style="width:100%" placeholder="请选择Login Profile"
:code="[]">
</c-select>
</el-form-item>
<c-row>
<c-col :span="20">
<el-form-item label="Login Profile" prop="recgrp.rec.lgiflg">
<c-select v-model="model.recgrp.rec.lgiflg" style="width:100%"
placeholder="请选择Login Profile" :code="[]">
</c-select>
</el-form-item>
</c-col>
</c-row>
</c-col>
<c-col :span="11" :offset="1">
<el-form-item label="Password" prop="recgrp.usrsec.inipsw">
<c-input type="password" v-model="model.recgrp.usrsec.inipsw" maxlength="32"
placeholder="请输入Password">
</c-input>
</el-form-item>
<c-row>
<c-col :span="20">
<el-form-item label="Password" prop="recgrp.usrsec.inipsw">
<c-input type="password" v-model="model.recgrp.usrsec.inipsw" maxlength="32"
placeholder="请输入Password">
</c-input>
</el-form-item>
</c-col>
</c-row>
</c-col>
</c-row>
<c-row>
<c-row class="infrow">
<c-col :span="11" :offset="1">
<el-form-item label="User Status" prop="recgrp.usrsec.secsta">
<c-select v-model="model.recgrp.usrsec.secsta" style="width:100%" placeholder="请选择User Status"
:code="[]">
</c-select>
</el-form-item>
<c-row>
<c-col :span="20">
<el-form-item label="User Status" prop="recgrp.usrsec.secsta">
<c-select v-model="model.recgrp.usrsec.secsta" style="width:100%"
placeholder="请选择User Status" :code="[]">
</c-select>
</el-form-item>
</c-col>
</c-row>
</c-col>
<c-col :span="11" :offset="1">
<c-row>
<c-col :span="8">
<el-form-item label="" prop="recgrp.usrsec.dsgflg">
<el-form-item label="" prop="recgrp.usrsec.dsgflg" label-width="0">
<c-checkbox v-model="model.recgrp.usrsec.dsgflg">Designer</c-checkbox>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label="" prop="recgrp.usrsec.admflg">
<el-form-item label="" prop="recgrp.usrsec.admflg" label-width="0">
<c-checkbox v-model="model.recgrp.usrsec.admflg">Security Administrator</c-checkbox>
</el-form-item>
</c-col>
......@@ -77,49 +99,66 @@
</c-col>
</c-row>
<c-row>
<c-row class="infrow">
<c-col :span="11" :offset="1">
<el-form-item label="Profile" prop="recgrp.usrsec.prf">
<c-select v-model="model.recgrp.usrsec.prf" style="width:100%" placeholder="请选择Profile" :code="[]">
</c-select>
</el-form-item>
<c-row>
<c-col :span="20">
<el-form-item label="Profile" prop="recgrp.usrsec.prf">
<c-select v-model="model.recgrp.usrsec.prf" style="width:100%" placeholder="请选择Profile"
:code="[]">
</c-select>
</el-form-item>
</c-col>
</c-row>
</c-col>
<c-col :span="11" :offset="1">
<el-form-item label="TD2USRLAB" prop="recgrp.usrsec.td2usr">
<c-input v-model="model.recgrp.usrsec.td2usr" maxlength="3"
:disabled="(!!model.recgrp.usrsec.dsgflg && model.recgrp.rec.extkey.length > 3) ? false : true"
placeholder="请输入Short User-Id for ModCodes">
</c-input>
</el-form-item>
<c-row>
<c-col :span="20">
<el-form-item label="TD2USRLAB" prop="recgrp.usrsec.td2usr">
<c-input v-model="model.recgrp.usrsec.td2usr" maxlength="3"
:disabled="(!!model.recgrp.usrsec.dsgflg && model.recgrp.rec.extkey.length > 3) ? false : true"
placeholder="请输入Short User-Id for ModCodes">
</c-input>
</el-form-item>
</c-col>
</c-row>
</c-col>
</c-row>
<c-row>
<c-row class="infrow">
<c-col :span="11" :offset="1">
<el-form-item label="Language" prop="recgrp.usrsec.uil">
<c-select v-model="model.recgrp.usrsec.uil" style="width:100%" placeholder="请选择Language"
:code="codes.uiltxt">
</c-select>
</el-form-item>
<c-row>
<c-col :span="20">
<el-form-item label="Language" prop="recgrp.usrsec.uil">
<c-select v-model="model.recgrp.usrsec.uil" style="width:100%" placeholder="请选择Language"
:code="codes.uiltxt">
</c-select>
</el-form-item>
</c-col>
</c-row>
</c-col>
<c-col :span="11" :offset="1">
<el-form-item label="Last Start" prop="recgrp.rec.ssnbegdattim">
<c-date-picker type="date" v-model="model.recgrp.rec.ssnbegdattim" placeholder="请选择日期">
</c-date-picker>
</el-form-item>
<c-row>
<c-col :span="20">
<el-form-item label="Last Start" prop="recgrp.rec.ssnbegdattim">
<c-date-picker type="date" v-model="model.recgrp.rec.ssnbegdattim" placeholder="请选择日期">
</c-date-picker>
</el-form-item>
</c-col>
</c-row>
</c-col>
</c-row>
<c-row>
<c-row class="infrow">
<c-col :span="11" :offset="1">
<c-row>
<c-col :span="15">
<c-col :span="11">
<el-form-item label="Entity" prop="recgrp.rec.ety">
<c-select v-model="model.recgrp.rec.ety" style="width:100%" :code="[]"
placeholder="请选择Default/Initial ETY of User"></c-select>
</el-form-item>
</c-col>
<c-col :span="9">
<c-col :span="8" :offset="1">
<el-form-item label="" prop="recgrp.rec.pri" label-width="0">
<c-checkbox v-model="model.recgrp.rec.pri">Default Entity of the User</c-checkbox>
</el-form-item>
......@@ -127,46 +166,63 @@
</c-row>
</c-col>
<c-col :span="11" :offset="1">
<el-form-item label="Entity Name" prop="recpan.ety.nam">
<c-input v-model="model.recpan.ety.nam" maxlength="40" placeholder="请输入Entity Name"></c-input>
</el-form-item>
<c-row>
<c-col :span="20">
<el-form-item label="Entity Name" prop="recpan.ety.nam">
<c-input v-model="model.recpan.ety.nam" maxlength="40" placeholder="请输入Entity Name">
</c-input>
</el-form-item>
</c-col>
</c-row>
</c-col>
</c-row>
<c-row>
<c-row class="infrow">
<c-col :span="11" :offset="1">
<el-form-item label="Workgroup of User" prop="recgrp.rec.usg">
<c-select v-model="model.recgrp.rec.usg" style="width:100%" placeholder="请选择Workgroup of User"
:code="[]">
</c-select>
</el-form-item>
<c-row>
<c-col :span="20">
<el-form-item label="Workgroup of User" prop="recgrp.rec.usg">
<c-select v-model="model.recgrp.rec.usg" style="width:100%"
placeholder="请选择Workgroup of User" :code="[]">
</c-select>
</el-form-item>
</c-col>
</c-row>
</c-col>
<c-col :span="11" :offset="1">
<el-form-item label="Available Capacity" prop="recgrp.rec.quepow">
<c-input-currency v-model="model.recgrp.rec.quepow" placeholder="请输入Available Capacity">
</c-input-currency>
</el-form-item>
<c-row>
<c-col :span="20">
<el-form-item label="Available Capacity" prop="recgrp.rec.quepow">
<c-input-currency v-model="model.recgrp.rec.quepow" placeholder="请输入Available Capacity">
</c-input-currency>
</el-form-item>
</c-col>
</c-row>
</c-col>
</c-row>
<c-row>
<c-row class="infrow">
<c-col :span="11" :offset="1">
<el-form-item label="Release Group" prop="recgrp.rec.relgrp">
<c-select v-model="model.recgrp.rec.relgrp" style="width:100%" placeholder="请选择Release Group"
:code="[]">
</c-select>
</el-form-item>
<c-row>
<c-col :span="20">
<el-form-item label="Release Group" prop="recgrp.rec.relgrp">
<c-select v-model="model.recgrp.rec.relgrp" style="width:100%"
placeholder="请选择Release Group" :code="[]">
</c-select>
</el-form-item>
</c-col>
</c-row>
</c-col>
<c-col :span="11" :offset="1">
<c-row>
<c-col :span="12">
<c-col :span="10">
<el-form-item label="Release up to" prop="recgrp.rec.relcur">
<c-select v-model="model.recgrp.rec.relcur" style="width:100%" placeholder="请选择币种"
:code="codes.cur">
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<c-col :span="10">
<el-form-item label="" label-width="10px" prop="recgrp.rec.relamt">
<c-input-currency v-model="model.recgrp.rec.relamt" placeholder="请输入Release up to">
</c-input-currency>
......@@ -176,16 +232,16 @@
</c-col>
</c-row>
<c-row>
<c-row class="infrow">
<c-col :span="11" :offset="1">
<c-row>
<c-col :span="12">
<c-col :span="10">
<el-form-item label="Own Amount" prop="recpan.ownrelcur">
<c-select v-model="model.recpan.ownrelcur" style="width:100%" placeholder="请选择币种"
:code="codes.cur"></c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<c-col :span="10">
<el-form-item label="" label-width="10px" prop="recgrp.rec.relamt2nd">
<c-input-currency v-model="model.recgrp.rec.relamt2nd" placeholder="请输入2nd Release Amount">
</c-input-currency>
......@@ -196,57 +252,84 @@
<c-col :span="11" :offset="1"></c-col>
</c-row>
<c-row>
<c-row class="infrow">
<c-col :span="11" :offset="1">
<el-form-item label="Entity Addr." prop="recgrp.rec.etaextkey">
<c-select v-model="model.recgrp.rec.etaextkey" style="width:100%" placeholder="请选择Entity Address"
:code="[]">
</c-select>
</el-form-item>
<c-row>
<c-col :span="20">
<el-form-item label="Entity Addr." prop="recgrp.rec.etaextkey">
<c-select v-model="model.recgrp.rec.etaextkey" style="width:100%"
placeholder="请选择Entity Address" :code="[]">
</c-select>
</el-form-item>
</c-col>
</c-row>
</c-col>
<c-col :span="11" :offset="1">
<el-form-item label="Phone" prop="recgrp.rec.tel">
<c-input v-model="model.recgrp.rec.tel" maxlength="30" placeholder="请输入Phone"></c-input>
</el-form-item>
<c-row>
<c-col :span="20">
<el-form-item label="Phone" prop="recgrp.rec.tel">
<c-input v-model="model.recgrp.rec.tel" maxlength="30" placeholder="请输入Phone"></c-input>
</el-form-item>
</c-col>
</c-row>
</c-col>
</c-row>
<c-row>
<c-row class="infrow">
<c-col :span="11" :offset="1">
<el-form-item label="Org. Unit" prop="recgrp.rec.oenr">
<c-input v-model="model.recgrp.rec.oenr" maxlength="4" placeholder="请输入Organisationseinheit">
</c-input>
</el-form-item>
<c-row>
<c-col :span="20">
<el-form-item label="Org. Unit" prop="recgrp.rec.oenr">
<c-input v-model="model.recgrp.rec.oenr" maxlength="4"
placeholder="请输入Organisationseinheit">
</c-input>
</el-form-item>
</c-col>
</c-row>
</c-col>
<c-col :span="11" :offset="1">
<el-form-item label="Fax" prop="recgrp.rec.fax">
<c-input v-model="model.recgrp.rec.fax" maxlength="30" placeholder="请输入Fax Number of User">
</c-input>
</el-form-item>
<c-row>
<c-col :span="20">
<el-form-item label="Fax" prop="recgrp.rec.fax">
<c-input v-model="model.recgrp.rec.fax" maxlength="30" placeholder="请输入Fax Number of User">
</c-input>
</el-form-item>
</c-col>
</c-row>
</c-col>
</c-row>
<c-row>
<c-row class="infrow">
<c-col :span="11" :offset="1">
<el-form-item label="E-mail" prop="recgrp.rec.eml">
<c-input v-model="model.recgrp.rec.eml" maxlength="80" placeholder="请输入E-mail Address of User">
</c-input>
</el-form-item>
<c-row>
<c-col :span="20">
<el-form-item label="E-mail" prop="recgrp.rec.eml">
<c-input v-model="model.recgrp.rec.eml" maxlength="80"
placeholder="请输入E-mail Address of User">
</c-input>
</el-form-item>
</c-col>
</c-row>
</c-col>
<c-col :span="11" :offset="1">
<el-form-item label="Last Display of Diary" prop="recgrp.rec.lstdiadat">
<c-date-picker type="date" v-model="model.recgrp.rec.lstdiadat" placeholder="请选择日期"></c-date-picker>
</el-form-item>
<c-row>
<c-col :span="20">
<el-form-item label="Last Display of Diary" prop="recgrp.rec.lstdiadat">
<c-date-picker type="date" v-model="model.recgrp.rec.lstdiadat" placeholder="请选择日期">
</c-date-picker>
</el-form-item>
</c-col>
</c-row>
</c-col>
</c-row>
<c-row style="margin-top: 20px;">
<c-col :span="23" :offset="1">
<c-row class="infrow" style="margin-top: 20px;">
<c-col :span="22" :offset="1">
Printer
</c-col>
</c-row>
<c-row>
<c-row class="infrow">
<c-col :span="22" :offset="1">
<c-table :border="true" :list="model.recpan.prtmod.prtgrd" style="text-align:center">
<el-table-column prop="tef" label="Technical Form" width="auto"></el-table-column>
......@@ -281,5 +364,13 @@
}
</script>
<style>
.infTopBtn {
position: absolute;
top: 0;
z-index: 5;
width: 100%;
height: 30px;
padding: 10px 0 10px 30px;
background-color: #f7faff;
}
</style>
\ No newline at end of file
src/views/Business/Infusr/Usrp3.vue
<template>
<c-content class="eibs-tab">
<c-content class="eibs-tab" :height="200">
<!-- <c-col :span="12">
<c-button size="small" type="primary" @click="onRecpanIsall">
全选
</c-button>
</c-col>
<div class="infTopBtn">
<c-button size="small" type="primary">全空</c-button>
<c-button size="small" type="primary">全选</c-button>
</div>
<c-col :span="12">
<c-button size="small" type="primary" @click="onRecpanIsnul">
全空
</c-button>
</c-col> -->
<c-row style="margin-top: 20px;">
<c-row class="infrow" style="margin-top: 50px;">
<c-col :span="22" :offset="1">
<c-table :border="true" :list="model.recgrp.usrucl" style="text-align:center">
<el-table-column prop="mannam" label="Client name" width="auto"></el-table-column>
......
src/views/Business/Infusr/index.vue
<template>
<c-page title="用户信息管理">
<!-- 顶部按钮区 -->
<div class="topBtnGroup">
<c-button size="small" type="primary" v-show="showflg == true" icon="el-icon-arrow-right"
@click="showflg=false">收起</c-button>
<c-button size="small" type="primary" v-show="showflg == false" icon="el-icon-arrow-left"
@click="showflg=true">展开</c-button>
<div class="btnGroup" v-show="showflg == true && tabVal == 'infsea'">
<c-button size="small" type="primary">导Excel</c-button>
<c-button size="small" type="primary" icon="el-icon-search">Search</c-button>
<c-button size="small" type="primary">Display</c-button>
<c-button size="small" type="primary">Use</c-button>
<c-button size="small" type="primary">Clear</c-button>
<c-button size="small" type="primary">Exit</c-button>
</div>
<div class="btnGroup"
v-show="showflg == true && (tabVal == 'usrp0' || tabVal == 'ubrp' || tabVal == 'genpan')">
<c-button size="small" type="primary" icon="el-icon-search">Search</c-button>
<el-button-group>
<c-button size="small" type="primary" icon="el-icon-arrow-left"></c-button>
<c-button size="small" type="primary" icon="el-icon-arrow-right"></c-button>
</el-button-group>
<c-button size="small" type="primary">Print</c-button>
<c-button size="small" type="primary">Use</c-button>
<c-button size="small" type="primary">Loginfo</c-button>
<c-button size="small" type="primary">Exit</c-button>
</div>
<div class="btnGroup" v-show="showflg == true && tabVal == 'usrp3'">
<c-button size="small" type="primary">全选</c-button>
<c-button size="small" type="primary">清空</c-button>
</div>
</div>
<!-- 数据录入展示区 -->
<div class="eContainer">
<el-form :model="model" :rules="rules" ref="modelForm" label-width="150px" label-position="left"
size="small" :validate-on-rule-change="false">
<c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="tabClick">
<el-tab-pane label="Search Panel" name="infsea">
<m-infsea :model="model" :codes="codes" />
</el-tab-pane>
<el-tab-pane label="User Profile" name="usrp0">
<m-usrp0 :model="model" :codes="codes" />
</el-tab-pane>
<el-tab-pane label="General Fields" name="genpan">
<m-genpan :model="model" :codes="codes" />
</el-tab-pane>
<el-tab-pane label="User Authorization" name="ubrp">
<m-ubrp :model="model" :codes="codes" />
</el-tab-pane>
<el-tab-pane label="Related clients" name="usrp3">
<m-usrp3 :model="model" :codes="codes" />
</el-tab-pane>
</c-tabs>
</el-form>
</div>
</c-page>
<div class="eContainer">
<el-form :model="model" :rules="rules" ref="modelForm" label-width="120px" label-position="left" size="small"
:validate-on-rule-change="false">
<c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="tabClick" class="infusrTab">
<el-tab-pane label="查询信息" name="infsea">
<m-infsea :model="model" :codes="codes" />
</el-tab-pane>
<el-tab-pane label="用户概况" name="usrp0">
<m-usrp0 :model="model" :codes="codes" />
</el-tab-pane>
<el-tab-pane label="用户基础信息" name="genpan">
<m-genpan :model="model" :codes="codes" />
</el-tab-pane>
<el-tab-pane label="用户权限信息" name="ubrp">
<m-ubrp :model="model" :codes="codes" />
</el-tab-pane>
<el-tab-pane label="用户客户关系" name="usrp3">
<m-usrp3 :model="model" :codes="codes" />
</el-tab-pane>
</c-tabs>
</el-form>
</div>
</template>
<script>
import Api from "~/service/Api"
......@@ -129,14 +89,11 @@
}
</script>
<style>
.topBtnGroup {
height: 32px;
margin-bottom: 5px;
text-align: right;
.infusrTab .el-tabs__content {
padding: 10px 0 10px 0;
}
.btnGroup {
display: inline;
padding: 0 20px;
.infusrTab .infrow {
padding: 0 10px 0 10px;
}
</style>
\ No newline at end of file
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