Skip to content

V
vue-gjjs
Commit 7046dce4 by wangguangchao
Options

到期提示页面优化

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