Skip to content

V
vue-gjjs
Commit 24f6ced1 by lixingliang
Options

infusr与infcpd交易布局调整

parent f8328fcf
Showing with 761 additions and 462 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" ...@@ -41,6 +41,8 @@ import PagedSelect from "./PagedSelect"
import FunctionBtn from "./FunctionBtn" import FunctionBtn from "./FunctionBtn"
import BusinessButon from "./BusinessButton" import BusinessButon from "./BusinessButton"
import InfSearchGroup from "./InfSearchGroup"
export default { export default {
install(Vue) { install(Vue) {
Vue.component("c-page", c_page) Vue.component("c-page", c_page)
...@@ -84,5 +86,6 @@ export default { ...@@ -84,5 +86,6 @@ export default {
Vue.component("c-paged-select", PagedSelect) Vue.component("c-paged-select", PagedSelect)
Vue.component("c-function-btn", FunctionBtn) Vue.component("c-function-btn", FunctionBtn)
Vue.component("c-bus-button", BusinessButon) 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> <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-col :span="22" :offset="1">
<c-table :border="true" :list="model.infcon.cbestm" style="text-align:center"> <c-istream-table :list="stmData.data" :columns="stmData.columns">
<el-table-column prop="" label="Ext.Id" width="auto"></el-table-column> <el-table-column prop="op" label="OP" width="100">
<el-table-column prop="" label="Type of Entry" width="auto"></el-table-column> <template slot-scope="scope">
<el-table-column prop="" label="Type" width="auto"></el-table-column> <a href="javascript:void(0)" @click="continueEdit(scope.row)">操作</a>
<el-table-column prop="" label="Date" width="auto"></el-table-column> </template>
<el-table-column prop="" label="Cur" width="auto"></el-table-column> </el-table-column>
<el-table-column prop="" label="Amount" width="auto"></el-table-column> </c-istream-table>
<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-col> </c-col>
</c-row> </c-row>
...@@ -37,7 +37,28 @@ ...@@ -37,7 +37,28 @@
mixins: [CommonProcess], mixins: [CommonProcess],
data() { data() {
return { 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 }, methods: { ...Event },
......
src/views/Business/Infcpd/Cbsinfp.vue
<template> <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-col :span="11" :offset="1">
<el-form-item label="CBS Column" prop="infcon.cbctxt"> <el-form-item label="CBS Column" prop="infcon.cbctxt">
<c-select v-model="model.infcon.cbctxt" style="width:100%" placeholder="请选择CBS Column"> <c-select v-model="model.infcon.cbctxt" style="width:100%" placeholder="请选择CBS Column">
...@@ -13,18 +23,15 @@ ...@@ -13,18 +23,15 @@
</c-col> </c-col>
</c-row> </c-row>
<c-row> <c-row class="infrow" style="margin-top:20px;">
<c-col :span="22" :offset="1"> <c-col :span="22" :offset="1">
<c-table :border="true" :list="model.infcon.cbbstm" style="text-align:center"> <c-istream-table :list="stmData.data" :columns="stmData.columns">
<el-table-column prop="" label="Ext.Id" width="auto"></el-table-column> <el-table-column prop="op" label="OP" width="100">
<el-table-column prop="" label="Begin" width="auto"></el-table-column> <template slot-scope="scope">
<el-table-column prop="" label="End" width="auto"></el-table-column> <a href="javascript:void(0)" @click="continueEdit(scope.row)">操作</a>
<el-table-column prop="" label="Cur" width="auto"></el-table-column> </template>
<el-table-column prop="" label="Balance" width="auto"></el-table-column> </el-table-column>
<el-table-column prop="" label="Cur" width="auto"></el-table-column> </c-istream-table>
<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-col> </c-col>
</c-row> </c-row>
...@@ -42,7 +49,21 @@ ...@@ -42,7 +49,21 @@
mixins: [CommonProcess], mixins: [CommonProcess],
data() { data() {
return { 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 }, methods: { ...Event },
......
src/views/Business/Infcpd/Coninfp.vue
<template> <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-col :span="11" :offset="1">
<el-form-item label="Display Type" prop="mtabut.coninf.oitinf.oit.inflev"> <c-row>
<c-select v-model="model.mtabut.coninf.oitinf.oit.inflev" style="width:100%" <c-col :span="20">
placeholder="请选择Infotext Level"> <el-form-item label="Display Type" prop="mtabut.coninf.oitinf.oit.inflev">
</c-select> <c-select v-model="model.mtabut.coninf.oitinf.oit.inflev" style="width:100%"
</el-form-item> placeholder="请选择Infotext Level">
</c-select>
</el-form-item>
</c-col>
</c-row>
</c-col> </c-col>
<c-col :span="11" :offset="1"> <c-col :span="11" :offset="1">
<el-form-item label="Display Type" prop="mtabut.coninf.oitset.oit.inflev"> <c-row>
<c-select v-model="model.mtabut.coninf.oitset.oit.inflev" style="width:100%" <c-col :span="20">
placeholder="请选择Infotext Level"> <el-form-item label="Display Type" prop="mtabut.coninf.oitset.oit.inflev">
</c-select> <c-select v-model="model.mtabut.coninf.oitset.oit.inflev" style="width:100%"
</el-form-item> placeholder="请选择Infotext Level">
</c-select>
</el-form-item>
</c-col>
</c-row>
</c-col> </c-col>
</c-row> </c-row>
<c-row> <c-row class="infrow">
<c-col :span="11" :offset="1"> <c-col :span="11" :offset="1">
<el-form-item label="Ceneral" prop="mtabut.coninf.oitinf.oit.inftxt"> <c-row>
<c-input type="textarea" :rows="4" v-model="model.mtabut.coninf.oitinf.oit.inftxt" maxlength="60" <c-col :span="20">
show-word-limit placeholder="请输入Infotext"></c-input> <el-form-item label="Ceneral" prop="mtabut.coninf.oitinf.oit.inftxt">
</el-form-item> <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>
<c-col :span="11" :offset="1"> <c-col :span="11" :offset="1">
<el-form-item label="Settlement" prop="mtabut.coninf.oitset.oit.inftxt"> <c-row>
<c-input type="textarea" :rows="4" v-model="model.mtabut.coninf.oitset.oit.inftxt" maxlength="60" <c-col :span="20">
show-word-limit placeholder="请输入Infotext"></c-input> <el-form-item label="Settlement" prop="mtabut.coninf.oitset.oit.inftxt">
</el-form-item> <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-col>
</c-row> </c-row>
<c-row> <c-row class="infrow">
<c-col :span="11" :offset="1"> <c-col :span="11" :offset="1">
<el-form-item label="Execution" prop="mtabut.coninf.conexedat"> <c-row>
<c-date-picker type="date" v-model="model.mtabut.coninf.conexedat" style="width:50%" <c-col :span="20">
placeholder="请选择日期"></c-date-picker> <el-form-item label="Execution" prop="mtabut.coninf.conexedat">
</el-form-item> <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>
<c-col :span="11" :offset="1"> <c-col :span="11" :offset="1">
<el-form-item label="Send for Release to" prop="mtabut.coninf.usr.extkey"> <c-row>
<c-input v-model="model.mtabut.coninf.usr.extkey" maxlength="8" placeholder="请输入User ID"></c-input> <c-col :span="20">
</el-form-item> <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-col>
</c-row> </c-row>
......
src/views/Business/Infcpd/Fepinfp.vue
<template> <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"> <c-col :span="23" :offset="1">
Fee Pool Fee Pool
</c-col> </c-col>
...@@ -9,40 +19,44 @@ ...@@ -9,40 +19,44 @@
<br /> <br />
<c-row> <c-row class="infrow">
<c-col :span="11" :offset="1"> <c-col :span="11" :offset="1">
<el-form-item label="Fee Code" prop="infcon.fepfeecod"> <c-row>
<c-select v-model="model.infcon.fepfeecod" style="width:100%" placeholder="请选择Fee Code"> <c-col :span="20">
</c-select> <el-form-item label="Fee Code" prop="infcon.fepfeecod">
</el-form-item> <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>
<c-col :span="11" :offset="1"> <c-col :span="11" :offset="1">
<el-form-item label="Disposition" prop="infcon.fepdsp"> <c-row>
<c-select v-model="model.infcon.fepdsp" style="width:100%" placeholder="请选择Disposition"> <c-col :span="20">
</c-select> <el-form-item label="Disposition" prop="infcon.fepdsp">
</el-form-item> <c-select v-model="model.infcon.fepdsp" style="width:100%" placeholder="请选择Disposition">
</c-select>
</el-form-item>
</c-col>
</c-row>
</c-col> </c-col>
</c-row> </c-row>
<c-row> <c-row class="infrow" style="margin-top:20px;">
<c-col :span="22" :offset="1"> <c-col :span="22" :offset="1">
<c-table :border="true" :list="model.infcon.fepstm" style="text-align:center"> <c-istream-table :list="stmData.fepstmData" :columns="stmData.fepstmColumns">
<el-table-column prop="" label="Fee Code" width="auto"></el-table-column> <el-table-column prop="op" label="OP" width="100">
<el-table-column prop="" label="Fee Text" width="auto"></el-table-column> <template slot-scope="scope">
<el-table-column prop="" label="Disposition" width="auto"></el-table-column> <a href="javascript:void(0)" @click="continueEdit(scope.row)">操作</a>
<el-table-column prop="" label="Role" width="auto"></el-table-column> </template>
<el-table-column prop="" label="Cur" width="auto"></el-table-column> </el-table-column>
<el-table-column prop="" label="Amount" width="auto"></el-table-column> </c-istream-table>
<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-col> </c-col>
</c-row> </c-row>
<br /> <br />
<c-row> <c-row class="infrow" style="margin-top:20px;">
<c-col :span="23" :offset="1"> <c-col :span="23" :offset="1">
Foreign Charges Pool Foreign Charges Pool
</c-col> </c-col>
...@@ -50,32 +64,31 @@ ...@@ -50,32 +64,31 @@
<br /> <br />
<c-row> <c-row class="infrow">
<c-col :span="11" :offset="1"> <c-col :span="11" :offset="1">
<el-form-item label="Disposition" prop="infcon.fcpdsp"> <c-row>
<c-select v-model="model.infcon.fcpdsp" style="width:100%" placeholder="请选择Disposition"> <c-col :span="20">
</c-select> <el-form-item label="Disposition" prop="infcon.fcpdsp">
</el-form-item> <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>
<c-col :span="11" :offset="1"> <c-col :span="11" :offset="1">
</c-col> </c-col>
</c-row> </c-row>
<c-row> <c-row class="infrow" style="margin-top:20px;">
<c-col :span="22" :offset="1"> <c-col :span="22" :offset="1">
<c-table :border="true" :list="model.infcon.fepstm" style="text-align:center"> <c-istream-table :list="stmData.fcpstmData" :columns="stmData.fcpstmColumns">
<el-table-column prop="" label="Payer" width="auto"></el-table-column> <el-table-column prop="op" label="OP" width="100">
<el-table-column prop="" label="Text for Payer" width="auto"></el-table-column> <template slot-scope="scope">
<el-table-column prop="" label="Payee" width="auto"></el-table-column> <a href="javascript:void(0)" @click="continueEdit(scope.row)">操作</a>
<el-table-column prop="" label="Text for Payee" width="auto"></el-table-column> </template>
<el-table-column prop="" label="Disposition" width="auto"></el-table-column> </el-table-column>
<el-table-column prop="" label="Cur" width="auto"></el-table-column> </c-istream-table>
<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-col> </c-col>
</c-row> </c-row>
...@@ -93,7 +106,37 @@ ...@@ -93,7 +106,37 @@
mixins: [CommonProcess], mixins: [CommonProcess],
data() { data() {
return { 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 }, methods: { ...Event },
......
src/views/Business/Infcpd/Gleinfp.vue
<template> <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-col :span="11" :offset="1">
<c-row> <c-row>
<c-col :span="14"> <c-col :span="11">
<el-form-item label="Booking date from" prop="infcon.seabucdatfro"> <el-form-item label="Booking date from" prop="infcon.seabucdatfro">
<c-date-picker type="date" v-model="model.infcon.seabucdatfro" style="width:100%" <c-date-picker type="date" v-model="model.infcon.seabucdatfro" style="width:100%"
placeholder="请选择Booking date from"></c-date-picker> placeholder="请选择Booking date from"></c-date-picker>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="10"> <c-col :span="8" :offset="1">
<el-form-item label="to" prop="infcon.seabucdatto" label-width="40px"> <el-form-item label="to" prop="infcon.seabucdatto" label-width="40px">
<c-date-picker type="date" v-model="model.infcon.seabucdatto" style="width:100%" <c-date-picker type="date" v-model="model.infcon.seabucdatto" style="width:100%"
placeholder="请选择Booking date till used on GLEINFP"></c-date-picker> placeholder="请选择Booking date till used on GLEINFP"></c-date-picker>
...@@ -19,55 +29,30 @@ ...@@ -19,55 +29,30 @@
</c-row> </c-row>
</c-col> </c-col>
<c-col :span="11" :offset="1"> <c-col :span="11" :offset="1">
<el-form-item label="Transaction INR" prop="infcon.seatrninr"> <c-row>
<c-input v-model="model.infcon.seatrninr" maxlength="8" placeholder="请输入Transaction INR"></c-input> <c-col :span="20">
</el-form-item> <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-col>
</c-row> </c-row>
<c-row> <c-row class="infrow" style="margin-top:20px;">
<c-col :span="22" :offset="1"> <c-col :span="22" :offset="1">
<c-table :border="true" :list="model.infcon.glestm" style="text-align:center"> <c-istream-table :list="stmData.data" :columns="stmData.columns">
<el-table-column prop="" label="TRNINR" width="auto"></el-table-column> <el-table-column prop="op" label="OP" width="100">
<el-table-column prop="" label="Account" width="auto"></el-table-column> <template slot-scope="scope">
<el-table-column prop="" label="D/C" width="auto"></el-table-column> <a href="javascript:void(0)" @click="continueEdit(scope.row)">操作</a>
<el-table-column prop="" label="Cur" width="auto"></el-table-column> </template>
<el-table-column prop="" label="Amount" width="auto"></el-table-column> </el-table-column>
<el-table-column prop="" label="Val.Date" width="auto"></el-table-column> </c-istream-table>
<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-col> </c-col>
</c-row> </c-row>
</c-content> </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> </template>
<script> <script>
import Api from "~/service/Api" import Api from "~/service/Api"
...@@ -81,7 +66,28 @@ ...@@ -81,7 +66,28 @@
mixins: [CommonProcess], mixins: [CommonProcess],
data() { data() {
return { 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 }, methods: { ...Event },
......
src/views/Business/Infcpd/Liainfp.vue
<template> <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"> <c-col :span="23" :offset="1">
Engagement Information Engagement Information
</c-col> </c-col>
</c-row> </c-row>
<c-row> <c-row class="infrow" style="margin-top:20px;">
<c-col :span="22" :offset="1"> <c-col :span="22" :offset="1">
<c-table :border="true" :list="model.infcon.liastm" style="text-align:center"> <c-istream-table :list="stmData.data" :columns="stmData.columns">
<el-table-column prop="" label="Type" width="auto"></el-table-column> <el-table-column prop="op" label="OP" width="100">
<el-table-column prop="" label="Role" width="auto"></el-table-column> <template slot-scope="scope">
<el-table-column prop="" label="Maturity" width="auto"></el-table-column> <a href="javascript:void(0)" @click="continueEdit(scope.row)">操作</a>
<el-table-column prop="" label="Cur" width="auto"></el-table-column> </template>
<el-table-column prop="" label="Amount" width="auto"></el-table-column> </el-table-column>
<el-table-column prop="" label="Account" width="auto"></el-table-column> </c-istream-table>
<el-table-column prop="" label="Counter Account" width="auto"></el-table-column>
</c-table>
</c-col> </c-col>
</c-row> </c-row>
...@@ -34,7 +43,19 @@ ...@@ -34,7 +43,19 @@
mixins: [CommonProcess], mixins: [CommonProcess],
data() { data() {
return { 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 }, methods: { ...Event },
......
src/views/Business/Infcpd/Ordpan.vue
<template> <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-col :span="22" :offset="1">
<c-table :border="true" :list="model.infcon.ordstm" style="text-align:center"> <c-istream-table :list="stmData.data" :columns="stmData.columns">
<el-table-column prop="" label="Start" width="auto"></el-table-column> <el-table-column prop="op" label="OP" width="100">
<el-table-column prop="" label="Status" width="auto"></el-table-column> <template slot-scope="scope">
<el-table-column prop="" label="Reference" width="auto"></el-table-column> <a href="javascript:void(0)" @click="continueEdit(scope.row)">操作</a>
<el-table-column prop="" label="Name" width="auto"></el-table-column> </template>
</c-table> </el-table-column>
</c-istream-table>
</c-col> </c-col>
</c-row> </c-row>
</c-content> </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> </template>
<script> <script>
import Api from "~/service/Api" import Api from "~/service/Api"
...@@ -42,7 +37,17 @@ ...@@ -42,7 +37,17 @@
mixins: [CommonProcess], mixins: [CommonProcess],
data() { data() {
return { return {
stmData: {
columns: [
"1 1 \"Start\" 0 ",
"1 2 \"Status\" 0 ",
"1 3 \"Reference\" 0",
"1 4 \"Name\" 0",
],
data: [
]
}
} }
}, },
methods: { ...Event }, methods: { ...Event },
......
src/views/Business/Infcpd/Peninfp.vue
<template> <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"> <c-col :span="23" :offset="1">
Pending Items Pending Items
</c-col> </c-col>
...@@ -8,7 +19,7 @@ ...@@ -8,7 +19,7 @@
<br /> <br />
<c-row> <c-row class="infrow">
<c-col :span="4" :offset="1"> <c-col :span="4" :offset="1">
<el-form-item label="" prop="infcon.sptinc" label-width="0"> <el-form-item label="" prop="infcon.sptinc" label-width="0">
<c-checkbox v-model="model.infcon.sptinc">Incoming</c-checkbox> <c-checkbox v-model="model.infcon.sptinc">Incoming</c-checkbox>
...@@ -36,24 +47,21 @@ ...@@ -36,24 +47,21 @@
</c-col> </c-col>
</c-row> </c-row>
<c-row> <c-row class="infrow" style="margin-top:20px;">
<c-col :span="22" :offset="1"> <c-col :span="22" :offset="1">
<c-table :border="true" :list="model.infcon.sptstm" style="text-align:center"> <c-istream-table :list="stmData.sptstmData" :columns="stmData.sptstmColumns">
<el-table-column prop="" label="TRN" width="auto"></el-table-column> <el-table-column prop="op" label="OP" width="100">
<el-table-column prop="" label="Reference" width="auto"></el-table-column> <template slot-scope="scope">
<el-table-column prop="" label="Name" width="auto"></el-table-column> <a href="javascript:void(0)" @click="continueEdit(scope.row)">操作</a>
<el-table-column prop="" label="Creation" width="auto"></el-table-column> </template>
<el-table-column prop="" label="Status" width="auto"></el-table-column> </el-table-column>
<el-table-column prop="" label="by" width="auto"></el-table-column> </c-istream-table>
<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-col> </c-col>
</c-row> </c-row>
<br /> <br />
<c-row> <c-row class="infrow" style="margin-top:20px;">
<c-col :span="23" :offset="1"> <c-col :span="23" :offset="1">
Diaries Diaries
</c-col> </c-col>
...@@ -61,16 +69,16 @@ ...@@ -61,16 +69,16 @@
<br /> <br />
<c-row> <c-row class="infrow">
<c-col :span="11" :offset="1"> <c-col :span="11" :offset="1">
<c-row> <c-row>
<c-col :span="14"> <c-col :span="11">
<el-form-item label="Date from" prop="infcon.diadatfrom"> <el-form-item label="Date from" prop="infcon.diadatfrom">
<c-date-picker type="date" v-model="model.infcon.diadatfrom" style="width:100%" <c-date-picker type="date" v-model="model.infcon.diadatfrom" style="width:100%"
placeholder="请选择Date from"></c-date-picker> placeholder="请选择Date from"></c-date-picker>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="10"> <c-col :span="8" :offset="1">
<el-form-item label="to" prop="infcon.diadatto" label-width="40px"> <el-form-item label="to" prop="infcon.diadatto" label-width="40px">
<c-date-picker type="date" v-model="model.infcon.diadatto" style="width:100%" <c-date-picker type="date" v-model="model.infcon.diadatto" style="width:100%"
placeholder="请选择date till"></c-date-picker> placeholder="请选择date till"></c-date-picker>
...@@ -79,24 +87,26 @@ ...@@ -79,24 +87,26 @@
</c-row> </c-row>
</c-col> </c-col>
<c-col :span="11" :offset="1"> <c-col :span="11" :offset="1">
<el-form-item label="Status" prop="infcon.diasta"> <c-row>
<c-select v-model="model.infcon.diasta" style="width:100%" placeholder="请选择Status"> <c-col :span="20">
</c-select> <el-form-item label="Status" prop="infcon.diasta">
</el-form-item> <c-select v-model="model.infcon.diasta" style="width:100%" placeholder="请选择Status">
</c-select>
</el-form-item>
</c-col>
</c-row>
</c-col> </c-col>
</c-row> </c-row>
<c-row> <c-row class="infrow" style="margin-top:20px;">
<c-col :span="22" :offset="1"> <c-col :span="22" :offset="1">
<c-table :border="true" :list="model.infcon.diastm" style="text-align:center"> <c-istream-table :list="stmData.diastmData" :columns="stmData.diastmColumns">
<el-table-column prop="" label="Date" width="auto"></el-table-column> <el-table-column prop="op" label="OP" width="100">
<el-table-column prop="" label="Reason" width="auto"></el-table-column> <template slot-scope="scope">
<el-table-column prop="" label="Description" width="auto"></el-table-column> <a href="javascript:void(0)" @click="continueEdit(scope.row)">操作</a>
<el-table-column prop="" label="Transaction" width="auto"></el-table-column> </template>
<el-table-column prop="" label="User" width="auto"></el-table-column> </el-table-column>
<el-table-column prop="" label="Group" width="auto"></el-table-column> </c-istream-table>
<el-table-column prop="" label="Status" width="auto"></el-table-column>
</c-table>
</c-col> </c-col>
</c-row> </c-row>
...@@ -114,7 +124,33 @@ ...@@ -114,7 +124,33 @@
mixins: [CommonProcess], mixins: [CommonProcess],
data() { data() {
return { 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 }, methods: { ...Event },
......
src/views/Business/Infcpd/Sepinfp.vue
<template> <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"> <c-col :span="23" :offset="1">
Temporary Settlement Temporary Settlement
</c-col> </c-col>
...@@ -9,7 +19,7 @@ ...@@ -9,7 +19,7 @@
<br /> <br />
<c-row> <c-row class="infrow">
<c-col :span="7" :offset="1"> <c-col :span="7" :offset="1">
<el-form-item label="" prop="infcon.setflg" label-width="0"> <el-form-item label="" prop="infcon.setflg" label-width="0">
<c-checkbox v-model="model.infcon.setflg">show temporary settlement that already settled <c-checkbox v-model="model.infcon.setflg">show temporary settlement that already settled
...@@ -24,18 +34,15 @@ ...@@ -24,18 +34,15 @@
</c-col> </c-col>
</c-row> </c-row>
<c-row> <c-row class="infrow" style="margin-top:20px;">
<c-col :span="22" :offset="1"> <c-col :span="22" :offset="1">
<c-table :border="true" :list="model.infcon.sepstm" style="text-align:center"> <c-istream-table :list="stmData.data" :columns="stmData.columns">
<el-table-column prop="" label="Cre.Date" width="auto"></el-table-column> <el-table-column prop="op" label="OP" width="100">
<el-table-column prop="" label="Reference" width="auto"></el-table-column> <template slot-scope="scope">
<el-table-column prop="" label="Cur" width="auto"></el-table-column> <a href="javascript:void(0)" @click="continueEdit(scope.row)">操作</a>
<el-table-column prop="" label="Amount" width="auto"></el-table-column> </template>
<el-table-column prop="" label="Cre.TRNINR" width="auto"></el-table-column> </el-table-column>
<el-table-column prop="" label="Cre.TRN" width="auto"></el-table-column> </c-istream-table>
<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-col> </c-col>
</c-row> </c-row>
...@@ -53,7 +60,21 @@ ...@@ -53,7 +60,21 @@
mixins: [CommonProcess], mixins: [CommonProcess],
data() { data() {
return { 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 }, methods: { ...Event },
......
src/views/Business/Infcpd/Smhinfp.vue
<template> <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-col :span="11" :offset="1">
<c-row> <c-row>
<c-col :span="18"> <c-col :span="14">
<el-form-item label="Type of Document" prop="infcon.smhcortyp"> <el-form-item label="Type of Document" prop="infcon.smhcortyp">
<c-select v-model="model.infcon.smhcortyp" style="width:100%" <c-select v-model="model.infcon.smhcortyp" style="width:100%"
placeholder="请选择Type of Document" :code="codes.cortyp"> placeholder="请选择Type of Document" :code="codes.cortyp">
</c-select> </c-select>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="6"> <c-col :span="5" :offset="1">
<el-form-item label="" prop="infcon.chktrn" label-width="0"> <el-form-item label="" prop="infcon.chktrn" label-width="0">
<c-checkbox v-model="model.infcon.chktrn">Active only</c-checkbox> <c-checkbox v-model="model.infcon.chktrn">Active only</c-checkbox>
</el-form-item> </el-form-item>
...@@ -19,23 +29,27 @@ ...@@ -19,23 +29,27 @@
</c-row> </c-row>
</c-col> </c-col>
<c-col :span="11" :offset="1"> <c-col :span="11" :offset="1">
<el-form-item label="Direction" prop="infcon.smhdir"> <c-row>
<c-select v-model="model.infcon.smhdir" style="width:100%" placeholder="请选择Direction"> <c-col :span="20">
</c-select> <el-form-item label="Direction" prop="infcon.smhdir">
</el-form-item> <c-select v-model="model.infcon.smhdir" style="width:100%" placeholder="请选择Direction">
</c-select>
</el-form-item>
</c-col>
</c-row>
</c-col> </c-col>
</c-row> </c-row>
<c-row> <c-row class="infrow">
<c-col :span="11" :offset="1"> <c-col :span="11" :offset="1">
<c-row> <c-row>
<c-col :span="14"> <c-col :span="11">
<el-form-item label="Created between " prop="infcon.smhdatfrom"> <el-form-item label="Created between " prop="infcon.smhdatfrom">
<c-date-picker type="date" v-model="model.infcon.smhdatfrom" style="width:100%" <c-date-picker type="date" v-model="model.infcon.smhdatfrom" style="width:100%"
placeholder="请选择Created between "></c-date-picker> placeholder="请选择Created between "></c-date-picker>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="10"> <c-col :span="8" :offset="1">
<el-form-item label="and" prop="infcon.smhdatto" label-width="40px"> <el-form-item label="and" prop="infcon.smhdatto" label-width="40px">
<c-date-picker type="date" v-model="model.infcon.smhdatto" style="width:100%" <c-date-picker type="date" v-model="model.infcon.smhdatto" style="width:100%"
placeholder="请选择created till"></c-date-picker> placeholder="请选择created till"></c-date-picker>
...@@ -48,15 +62,15 @@ ...@@ -48,15 +62,15 @@
</c-col> </c-col>
</c-row> </c-row>
<c-row> <c-row class="infrow" style="margin-top:20px;">
<c-col :span="22" :offset="1"> <c-col :span="22" :offset="1">
<c-table :border="true" :list="model.infcon.glestm" style="text-align:center"> <c-istream-table :list="stmData.data" :columns="stmData.columns">
<el-table-column prop="" label="Type" width="auto"></el-table-column> <el-table-column prop="op" label="OP" width="100">
<el-table-column prop="" label="Document" width="auto"></el-table-column> <template slot-scope="scope">
<el-table-column prop="" label="Created" width="auto"></el-table-column> <a href="javascript:void(0)" @click="continueEdit(scope.row)">操作</a>
<el-table-column prop="" label="Direction" width="auto"></el-table-column> </template>
<el-table-column prop="" label="SMHINR" width="auto"></el-table-column> </el-table-column>
</c-table> </c-istream-table>
</c-col> </c-col>
</c-row> </c-row>
...@@ -74,7 +88,18 @@ ...@@ -74,7 +88,18 @@
mixins: [CommonProcess], mixins: [CommonProcess],
data() { data() {
return { 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 }, methods: { ...Event },
......
src/views/Business/Infcpd/Trnpan.vue
<template> <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"> <c-col :span="5" :offset="1">
<el-form-item label="" prop="infcon.chksubcon" label-width="0"> <el-form-item label="" prop="infcon.chksubcon" label-width="0">
<c-checkbox v-model="model.infcon.chksubcon">incl. all subcontracts</c-checkbox> <c-checkbox v-model="model.infcon.chksubcon">incl. all subcontracts</c-checkbox>
...@@ -14,8 +25,8 @@ ...@@ -14,8 +25,8 @@
</c-col> </c-col>
</c-row> </c-row>
<c-row> <c-row class="infrow">
<c-col :span="23" :offset="1"> <c-col :span="22" :offset="1">
<el-form-item label="" prop="infcon.trnstm" label-width="0"> <el-form-item label="" prop="infcon.trnstm" label-width="0">
<c-input type="textarea" :rows="4" v-model="model.infcon.trnstm" show-word-limit <c-input type="textarea" :rows="4" v-model="model.infcon.trnstm" show-word-limit
placeholder="请输入stream for TRN to selected contract"></c-input> placeholder="请输入stream for TRN to selected contract"></c-input>
......
src/views/Business/Infcpd/index.vue
<template> <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" <c-button size="small" type="primary" v-show="showflg == true" icon="el-icon-arrow-right"
@click="showflg=false">收起</c-button> @click="showflg=false">收起</c-button>
<c-button size="small" type="primary" v-show="showflg == false" icon="el-icon-arrow-left" <c-button size="small" type="primary" v-show="showflg == false" icon="el-icon-arrow-left"
...@@ -28,72 +27,71 @@ ...@@ -28,72 +27,71 @@
<c-button size="small" type="primary">Exit</c-button> <c-button size="small" type="primary">Exit</c-button>
</div> </div>
</div> </div> -->
<div class="eContainer"> <div class="eContainer">
<el-form :model="model" :rules="rules" ref="modelForm" label-width="150px" label-position="left" <el-form :model="model" :rules="rules" ref="modelForm" label-width="120px" label-position="left" size="small"
size="small" :validate-on-rule-change="false"> :validate-on-rule-change="false">
<c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="tabClick"> <c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="tabClick" class="infcpdTab">
<el-tab-pane label="Selection" name="infsea"> <el-tab-pane label="查询信息" name="infsea">
<m-infsea :model="model" :codes="codes" /> <m-infsea :model="model" :codes="codes" />
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="Clean Payment" name="infconp"> <el-tab-pane label="汇款信息" name="infconp">
<m-infconp :model="model" :codes="codes" /> <m-infconp :model="model" :codes="codes" />
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="Completion" name="coninfp"> <el-tab-pane label="Completion" name="coninfp">
<m-coninfp :model="model" :codes="codes" /> <m-coninfp :model="model" :codes="codes" />
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="Transactions" name="trnpan"> <el-tab-pane label="Transactions" name="trnpan">
<m-trnpan :model="model" :codes="codes" /> <m-trnpan :model="model" :codes="codes" />
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="CBS Info" name="cbsinfp"> <el-tab-pane label="CBS Info" name="cbsinfp">
<m-cbsinfp :model="model" :codes="codes" /> <m-cbsinfp :model="model" :codes="codes" />
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="CBE Info" name="cbeinfp"> <el-tab-pane label="CBE Info" name="cbeinfp">
<m-cbeinfp :model="model" :codes="codes" /> <m-cbeinfp :model="model" :codes="codes" />
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="FEP/FCP Info" name="fepinfp"> <el-tab-pane label="FEP/FCP Info" name="fepinfp">
<m-fepinfp :model="model" :codes="codes" /> <m-fepinfp :model="model" :codes="codes" />
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="SEP Info" name="sepinfp"> <el-tab-pane label="SEP Info" name="sepinfp">
<m-sepinfp :model="model" :codes="codes" /> <m-sepinfp :model="model" :codes="codes" />
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="GLE Bookings" name="gleinfp"> <el-tab-pane label="分录信息" name="gleinfp">
<m-gleinfp :model="model" :codes="codes" /> <m-gleinfp :model="model" :codes="codes" />
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="SMH Info" name="smhinfp"> <el-tab-pane label="报文信息" name="smhinfp">
<m-smhinfp :model="model" :codes="codes" /> <m-smhinfp :model="model" :codes="codes" />
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="SPT/DIA Info" name="peninfp"> <el-tab-pane label="经办信息" name="peninfp">
<m-peninfp :model="model" :codes="codes" /> <m-peninfp :model="model" :codes="codes" />
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="Engagement" name="liainfp"> <el-tab-pane label="Engagement" name="liainfp">
<m-liainfp :model="model" :codes="codes" /> <m-liainfp :model="model" :codes="codes" />
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="Print" name="prtpan"> <el-tab-pane label="Print" name="prtpan">
<m-prtpan :model="model" :codes="codes" /> <m-prtpan :model="model" :codes="codes" />
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="Order" name="ordpan"> <el-tab-pane label="Order" name="ordpan">
<m-ordpan :model="model" :codes="codes" /> <m-ordpan :model="model" :codes="codes" />
</el-tab-pane> </el-tab-pane>
</c-tabs> </c-tabs>
</el-form> </el-form>
</div> </div>
</c-page>
</template> </template>
<script> <script>
import Api from "~/service/Api" import Api from "~/service/Api"
...@@ -175,14 +173,11 @@ ...@@ -175,14 +173,11 @@
} }
</script> </script>
<style> <style>
.topBtnGroup { .infcpdTab .el-tabs__content {
height: 32px; padding: 10px 0 10px 0;
margin-bottom: 5px;
text-align: right;
} }
.btnGroup { .infcpdTab .infrow {
display: inline; padding: 0 10px 0 10px;
padding: 0 20px;
} }
</style> </style>
\ No newline at end of file
src/views/Business/Infusr/Genpan.vue
<template> <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-col :span="22" :offset="1">
<c-table :border="true" :list="model.recpan.prfmod.genfld" style="text-align:center"> <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> <el-table-column prop="flddsc" label="Field" width="auto"></el-table-column>
......
src/views/Business/Infusr/Infsea.vue
<template> <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="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>
<!-- <div> <c-infsearch-group :needToggle="false" @handleSearch="handleSearch" @handleReset="handleReset">
<c-button size="small" type="primary" @click="onInfbutButprt"> <template slot="keepShow">
导Excel <c-row>
</c-button> <c-col :span="12">
<c-button size="small" type="primary" icon="el-icon-search" @click="onInfbutSearow"> <c-row>
Search <c-col :span="18" :offset="1">
</c-button> <el-form-item label="User-ID" prop="cod">
<c-button size="small" type="primary" @click="onInfbutDsp"> <c-input v-model="model.cod" maxlength="8" placeholder="请输入User-ID"></c-input>
Display </el-form-item>
</c-button> </c-col>
<c-button size="small" type="primary" @click="onInfbutUserow"> </c-row>
Use </c-col>
</c-button> <c-col :span="12">
<c-button size="small" type="primary" @click="onInfbutClr"> <c-row>
Clear <c-col :span="18" :offset="1">
</c-button> <el-form-item label="Name" prop="seanam">
</div> --> <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-row class="infrow" style="margin-top:20px;">
<c-col :span="23" :offset="1"> <c-col>
<c-istream-table :list="model.infbut.dspstm" :columns="stmData.columns"> <c-button size="small" type="primary">导Excel</c-button>
<!-- <el-table-column prop="op" label="OP" width="100"> <c-button size="small" type="primary">Display</c-button>
<template slot-scope="scope"> <c-button size="small" type="primary">Use</c-button>
<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-col> </c-col>
</c-row> </c-row>
<!-- <c-col :span="12"> <el-row class="infrow" style="margin-top:20px;">
<c-button size="small" type="primary" @click="onInfbutExi"> <c-istream-table :list="stmData.data" :columns="stmData.columns">
E&xit <el-table-column prop="op" label="OP" width="100">
</c-button> <template slot-scope="scope">
</c-col> --> <a href="javascript:void(0)" @click="continueEdit(scope.row)">操作</a>
</template>
</el-table-column>
</c-istream-table>
</el-row>
</c-content> </c-content>
</template> </template>
<script> <script>
...@@ -79,12 +66,27 @@ ...@@ -79,12 +66,27 @@
"4 4 \"Entity\" 100", "4 4 \"Entity\" 100",
"5 5 \"UserGroup\" 50", "5 5 \"UserGroup\" 50",
"6 6 \"Phone\" 100", "6 6 \"Phone\" 100",
],
data: [
] ]
}, },
} }
}, },
methods: { ...Event }, methods: {
...Event,
handleSearch(callback) {
setTimeout(() => {
this.$notify.info({ title: '提示', message: '模拟post请求控制按钮状态' });
// 执行子组件回调函数控制按钮状态
callback()
}, 1000)
},
handleReset() {
}
},
created: function () { created: function () {
} }
......
src/views/Business/Infusr/Ubrp.vue
<template> <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"> <c-col :span="23" :offset="1">
Different Release Profile for Business Sector Different Release Profile for Business Sector
</c-col> </c-col>
</c-row> </c-row>
<c-row> <c-row class="infrow">
<c-col :span="22" :offset="1"> <c-col :span="22" :offset="1">
<c-table :border="true" :list="model.recgrp.ubrgrd.ubr" style="text-align:center"> <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> <el-table-column prop="branchinr" label="Branch" width="auto"></el-table-column>
......
src/views/Business/Infusr/Usrp3.vue
<template> <template>
<c-content class="eibs-tab"> <c-content class="eibs-tab" :height="200">
<!-- <c-col :span="12"> <div class="infTopBtn">
<c-button size="small" type="primary" @click="onRecpanIsall"> <c-button size="small" type="primary">全空</c-button>
全选 <c-button size="small" type="primary">全选</c-button>
</c-button> </div>
</c-col>
<c-col :span="12"> <c-row class="infrow" style="margin-top: 50px;">
<c-button size="small" type="primary" @click="onRecpanIsnul">
全空
</c-button>
</c-col> -->
<c-row style="margin-top: 20px;">
<c-col :span="22" :offset="1"> <c-col :span="22" :offset="1">
<c-table :border="true" :list="model.recgrp.usrucl" style="text-align:center"> <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> <el-table-column prop="mannam" label="Client name" width="auto"></el-table-column>
......
src/views/Business/Infusr/index.vue
<template> <template>
<c-page title="用户信息管理"> <div class="eContainer">
<el-form :model="model" :rules="rules" ref="modelForm" label-width="120px" label-position="left" size="small"
<!-- 顶部按钮区 --> :validate-on-rule-change="false">
<div class="topBtnGroup"> <c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="tabClick" class="infusrTab">
<c-button size="small" type="primary" v-show="showflg == true" icon="el-icon-arrow-right"
@click="showflg=false">收起</c-button> <el-tab-pane label="查询信息" name="infsea">
<c-button size="small" type="primary" v-show="showflg == false" icon="el-icon-arrow-left" <m-infsea :model="model" :codes="codes" />
@click="showflg=true">展开</c-button> </el-tab-pane>
<div class="btnGroup" v-show="showflg == true && tabVal == 'infsea'"> <el-tab-pane label="用户概况" name="usrp0">
<c-button size="small" type="primary">导Excel</c-button> <m-usrp0 :model="model" :codes="codes" />
<c-button size="small" type="primary" icon="el-icon-search">Search</c-button> </el-tab-pane>
<c-button size="small" type="primary">Display</c-button>
<c-button size="small" type="primary">Use</c-button> <el-tab-pane label="用户基础信息" name="genpan">
<c-button size="small" type="primary">Clear</c-button> <m-genpan :model="model" :codes="codes" />
<c-button size="small" type="primary">Exit</c-button> </el-tab-pane>
</div>
<el-tab-pane label="用户权限信息" name="ubrp">
<div class="btnGroup" <m-ubrp :model="model" :codes="codes" />
v-show="showflg == true && (tabVal == 'usrp0' || tabVal == 'ubrp' || tabVal == 'genpan')"> </el-tab-pane>
<c-button size="small" type="primary" icon="el-icon-search">Search</c-button>
<el-button-group> <el-tab-pane label="用户客户关系" name="usrp3">
<c-button size="small" type="primary" icon="el-icon-arrow-left"></c-button> <m-usrp3 :model="model" :codes="codes" />
<c-button size="small" type="primary" icon="el-icon-arrow-right"></c-button> </el-tab-pane>
</el-button-group>
<c-button size="small" type="primary">Print</c-button> </c-tabs>
<c-button size="small" type="primary">Use</c-button> </el-form>
<c-button size="small" type="primary">Loginfo</c-button> </div>
<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>
</template> </template>
<script> <script>
import Api from "~/service/Api" import Api from "~/service/Api"
...@@ -129,14 +89,11 @@ ...@@ -129,14 +89,11 @@
} }
</script> </script>
<style> <style>
.topBtnGroup { .infusrTab .el-tabs__content {
height: 32px; padding: 10px 0 10px 0;
margin-bottom: 5px;
text-align: right;
} }
.btnGroup { .infusrTab .infrow {
display: inline; padding: 0 10px 0 10px;
padding: 0 20px;
} }
</style> </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