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"
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/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/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