Skip to content

V
vue-gjjs
Commit 7046dce4 by wangguangchao
Options

到期提示页面优化

parent 7206cdd7
Showing with 127 additions and 64 deletions
src/views/Business/Diasel/Diaselp.vue
<template> <template>
<div class="eibs-tab"> <div class="eibs-tab">
<c-list-search @form-reset="handleReset" @form-search="handleSearch"> <c-list-search @form-reset="handleReset" @form-search="handleSearch">
<template> <template v-slot="searchSlot">
<el-form <el-form
class="m-table-search-form" class="m-table-search-form"
ref="paramsForm" ref="paramsForm"
:inline="true" :inline="true"
label-position="left" label-position="right"
label-width="110px" label-width="110px"
size="small" size="small"
> >
<el-row> <el-row>
<c-col :span="12"> <c-col :span="23">
<el-form-item label="from"> <c-col :span="8">
<el-date-picker <el-form-item label="提示日期" style="width: 100%">
type="date" <c-col :span="11">
v-model="model.diafro" <el-date-picker
style="width: 45%" type="date"
placeholder="请选择Diary From date" v-model="model.diafro"
></el-date-picker> style="width: 100%"
to placeholder="请选择Diary From date"
<el-date-picker ></el-date-picker>
type="date" </c-col>
v-model="model.diatil" <c-col :span="2" style="text-align: center">
style="width: 45%" <label style="display: inline-block; width: 100%">-</label>
placeholder="请选择Diary Till date" </c-col>
></el-date-picker> <c-col :span="11">
<el-date-picker
type="date"
v-model="model.diatil"
style="width: 100%"
placeholder="请选择Diary Till date"
></el-date-picker>
</c-col>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="12"> <c-col :span="8">
<el-form-item label="Reasons" prop="reasen"> <el-form-item label="提示原因" prop="reasen" style="width: 100%">
<c-select <c-select
v-model="model.reasen" v-model="model.reasen"
style="width: 100%" style="width: 100%"
...@@ -46,10 +54,8 @@ ...@@ -46,10 +54,8 @@
</c-select> </c-select>
</el-form-item> </el-form-item>
</c-col> </c-col>
</el-row> <c-col :span="8" v-show="searchSlot.searchToggle">
<el-row> <el-form-item label="业务编号" prop="searef" style="width: 100%">
<c-col :span="12">
<el-form-item label="Reference" prop="searef">
<c-input <c-input
v-model="model.searef" v-model="model.searef"
maxlength="16" maxlength="16"
...@@ -58,9 +64,13 @@ ...@@ -58,9 +64,13 @@
></c-input> ></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
</c-col>
<c-col :span="12"> </el-row>
<el-form-item label="Bus.Sector" prop="seasec"> <el-row v-show="searchSlot.searchToggle">
<c-col :span="23">
<c-col :span="8">
<el-form-item label="业务类型" prop="seasec" style="width: 100%">
<c-select <c-select
v-model="model.seasec" v-model="model.seasec"
style="width: 100%" style="width: 100%"
...@@ -76,13 +86,15 @@ ...@@ -76,13 +86,15 @@
</c-select> </c-select>
</el-form-item> </el-form-item>
</c-col> </c-col>
</el-row>
<el-row> <c-col :span="8">
<c-col :span="12">
<el-form-item label="Selection of Users" prop="usfmod.flt"> <el-form-item label="选择用户" prop="usfmod.flt" style="width: 100%">
<c-col :span="24">
<c-col :span="16">
<c-select <c-select
v-model="model.usfmod.flt" v-model="model.usfmod.flt"
style="width: 60%" style="width: 100%"
placeholder="请选择Filter" placeholder="请选择Filter"
> >
<el-option <el-option
...@@ -93,30 +105,42 @@ ...@@ -93,30 +105,42 @@
> >
</el-option> </el-option>
</c-select> </c-select>
<c-button size="small" type="primary" style="width: 30%"> </c-col>
<c-col :span="7">
<c-button size="small" type="primary" style="width: 100%">
show set show set
</c-button> </c-button>
</c-col>
</c-col>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="12"> <c-col :span="8">
<el-form-item <el-form-item
v-if="model.usfmod.flt == '<SELU>'" v-if="model.usfmod.flt == '<SELU>'"
label="Selected User" label="经办柜员"
prop="usfmod.usr.extkey" prop="usfmod.usr.extkey"
style="width: 100%"
> >
<c-col :span="24">
<c-col :span="16">
<c-input <c-input
v-model="model.usfmod.usr.extkey" v-model="model.usfmod.usr.extkey"
maxlength="8" maxlength="8"
placeholder="请输入User ID" placeholder="请输入User ID"
style="width: 70%" style="width: 100%"
></c-input> ></c-input>
<c-button size="small" type="primary" icon="el-icon-search"></c-button> </c-col>
<c-col :span="7">
<c-button size="small" style="width: 100%" type="primary" icon="el-icon-search"></c-button>
</c-col>
</c-col>
</el-form-item> </el-form-item>
<el-form-item <el-form-item
v-if="model.usfmod.flt == '<SELB>'" v-if="model.usfmod.flt == '<SELB>'"
label="Select Branch" label="业务机构"
prop="usfmod.selusb" prop="usfmod.selusb"
style="width: 100%"
> >
<c-select <c-select
v-model="model.usfmod.selusb" v-model="model.usfmod.selusb"
...@@ -126,14 +150,14 @@ ...@@ -126,14 +150,14 @@
</c-select> </c-select>
</el-form-item> </el-form-item>
</c-col> </c-col>
</c-col>
</el-row> </el-row>
<c-col :span="24"> </c-col>
</el-form> </el-form>
</template> </template>
</c-list-search> </c-list-search>
<div style="margin-top: 20px"> <!-- <div style="margin-top: 20px">
<c-button <c-button
size="small" size="small"
type="primary" type="primary"
...@@ -185,18 +209,63 @@ ...@@ -185,18 +209,63 @@
<c-button size="small" type="primary" disabled="disabled"> <c-button size="small" type="primary" disabled="disabled">
导Excel 导Excel
</c-button> </c-button>
</div> </div> -->
<el-row> <el-row>
<c-col :span="23">
<c-istream-table <c-istream-table
:list="stmData.data" :list="stmData.data"
:columns="stmData.columns" :columns="stmData.columns"
:showSelection="true"
v-on:multipleSelect="multipleSelect"
> >
<el-table-column
fixed="right"
prop="display"
label="操作"
width="250px"
>
<template>
<c-button
style="margin-left: 0"
size="small"
type="primary"
>
处理
</c-button>
<c-button
style="margin-left: 0"
size="small"
type="primary"
>
详情
</c-button>
<c-button
style="margin-left: 0"
size="small"
type="primary"
>
修改
</c-button>
<c-button
style="margin-left: 0"
size="small"
type="primary"
>
删除
</c-button>
</template>
</el-table-column>
</c-istream-table> </c-istream-table>
</c-col>
</el-row> </el-row>
<el-row style="margin-top: 2rem"> <el-row style="margin-top: 2rem">
<c-col :span="23">
<el-card class="box-card"> <el-card class="box-card">
<div slot="header" class="clearfix"> <div slot="header" class="clearfix">
<span>交易状态信息 —— {{ transactionStatus.busiNo }}</span> <span>交易状态信息 —— {{ transactionStatus.busiNo }}</span>
...@@ -230,6 +299,7 @@ ...@@ -230,6 +299,7 @@
</form> </form>
</div> </div>
</el-card> </el-card>
</c-col>
</el-row> </el-row>
<el-dialog :visible.sync="initdialog" :title="'交易列表'" append-to-body> <el-dialog :visible.sync="initdialog" :title="'交易列表'" append-to-body>
<div class="m-list-btns"></div> <div class="m-list-btns"></div>
...@@ -376,34 +446,25 @@ export default { ...@@ -376,34 +446,25 @@ export default {
}, },
stmData: { stmData: {
columns: [ columns: [
'1 1 "Date" 1', '1 1 "提示日期" 0',
'2 2 "Reason" 1', '2 2 "提示原因" 0',
'3 3 "Reference" 1', '3 3 "业务编号" 0',
'4 4 "Description" 1', '4 4 "提示信息" 0',
'5 5 "Transaction" 1', '5 5 "待操作交易代码" 0',
'6 6 "User" 1', '6 6 "经办柜员" 0',
'7 7 "Group" 1', '7 7 "所属工作组" 0',
'8 8 "客户号" 1', // '8 8 "客户号" 1',
'9 9 "客户名称" 1', // '9 9 "客户名称" 1',
'10 10 "币种" 1', // '10 10 "币种" 1',
'11 11 "金额" 1', // '11 11 "金额" 1',
'12 12 "预计核验" 1', // '12 12 "预计核验" 1',
], ],
data: [], data: [],
}, },
relrowDisabled: true, relrowDisabled: true,
multipleSelection: [],
}; };
}, },
methods: { methods: {
multipleSelect(val) {
// TODO 根据Status判断按钮是否禁用
this.relrowDisabled = !(val.length > 0);
this.multipleSelection = val;
},
getSelectedData() {
return this.multipleSelection.map((idx) => this.stmData.data[idx]);
},
...Event, ...Event,
}, },
created: function () {}, created: function () {},
......
src/views/Business/Diasel/index.vue
...@@ -5,7 +5,9 @@ ...@@ -5,7 +5,9 @@
<!--PD000001 --> <!--PD000001 -->
<!-- <el-tab-pane label="Diary Selection" name="diaselp"> --> <!-- <el-tab-pane label="Diary Selection" name="diaselp"> -->
<c-content>
<m-diaselp :model="model" :codes="codes" ref="diaselp"/> <m-diaselp :model="model" :codes="codes" ref="diaselp"/>
</c-content>
<!-- </el-tab-pane> <!-- </el-tab-pane>
</c-tabs> --> </c-tabs> -->
</el-form> </el-form>
...@@ -71,7 +73,7 @@ export default { ...@@ -71,7 +73,7 @@ export default {
let rtnmsg = await this.init({}) let rtnmsg = await this.init({})
if(rtnmsg.respCode == SUCCESS) if(rtnmsg.respCode == SUCCESS)
{ {
debugger;
this.$refs.diaselp.stmData.data = rtnmsg.data.dspstm.rows; this.$refs.diaselp.stmData.data = rtnmsg.data.dspstm.rows;
} }
......
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