Skip to content

V
vue-gjjs
Commit 6770493c by wangguangchao
Options

待复核列表页面优化

parent 0fe4be1b
Showing with 169 additions and 113 deletions
src/views/Business/Trnrel/Inftrnps.vue
...@@ -6,14 +6,14 @@ ...@@ -6,14 +6,14 @@
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="23">
<c-col :span="12"> <c-col :span="8">
<el-form-item label="Branch" prop="bchcon"> <el-form-item label="业务机构" prop="bchcon" style="width: 100%">
<c-select <c-select
v-model="model.bchcon" v-model="model.bchcon"
style="width: 100%" style="width: 100%"
...@@ -30,15 +30,9 @@ ...@@ -30,15 +30,9 @@
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="12">
<el-form-item label=" " prop="searchAllUsers" > <c-col :span="8">
<c-checkbox v-model="model.searchAllUsers">查询所有柜员</c-checkbox> <el-form-item label="业务编号" prop="trncorco.ownref" style="width: 100%">
</el-form-item>
</c-col>
</el-row>
<el-row>
<c-col :span="12">
<el-form-item label="Reference" prop="trncorco.ownref">
<c-input <c-input
v-model="model.trncorco.ownref" v-model="model.trncorco.ownref"
maxlength="16" maxlength="16"
...@@ -47,39 +41,8 @@ ...@@ -47,39 +41,8 @@
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="12"> <c-col :span="8" v-show="searchSlot.searchToggle">
<el-form-item label="Status" prop="trncorco.relflg"> <el-form-item label="经办柜员" prop="usrcon" style="width: 100%">
<c-select
v-model="model.trncorco.relflg"
style="width: 100%"
placeholder="请选择Status"
>
<el-option
v-for="item in codes.relflg"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
</el-row>
<!--
<c-col :span="12">
<el-form-item label="Drag Drop Sender">
<c-input v-model="model.atpget.sdamod.dadsnd" placeholder="请输入Drag Drop Sender"></c-input>
</el-form-item>
</c-col>
-->
<el-row v-show="searchSlot.searchToggle">
<c-col :span="24">
<c-col :span="12">
<el-form-item label="User" prop="usrcon">
<c-select <c-select
v-model="model.usrcon" v-model="model.usrcon"
style="width: 100%" style="width: 100%"
...@@ -96,52 +59,98 @@ ...@@ -96,52 +59,98 @@
</el-form-item> </el-form-item>
</c-col> </c-col>
</c-col>
</el-row>
<!--
<c-col :span="12"> <c-col :span="12">
<el-form-item label="Between"> <el-form-item label="Drag Drop Sender">
<el-date-picker <c-input v-model="model.atpget.sdamod.dadsnd" placeholder="请输入Drag Drop Sender"></c-input>
type="date"
v-model="model.trncorco.inidatfro"
style="width: 45%"
placeholder="请选择Date of entry of Transaction"
></el-date-picker>
-
<el-date-picker
type="date"
v-model="model.trncorco.inidattil"
style="width: 45%"
placeholder="请选择Date of entry of Transaction until"
></el-date-picker>
</el-form-item> </el-form-item>
</c-col> </c-col>
-->
<el-row v-show="searchSlot.searchToggle">
<c-col :span="23">
<c-col :span="8">
<el-form-item label="业务状态" prop="trncorco.relflg" style="width: 100%">
<c-select
v-model="model.trncorco.relflg"
style="width: 100%"
placeholder="请选择Status"
>
<el-option
v-for="item in codes.relflg"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label="创建时间" style="width: 100%">
<c-col :span="11">
<el-date-picker
type="date"
v-model="model.trncorco.inidatfro"
style="width: 100%"
placeholder="请选择Date of entry of Transaction"
></el-date-picker>
</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.trncorco.inidattil"
style="width: 100%"
placeholder="请选择Date of entry of Transaction until"
></el-date-picker>
</c-col> </c-col>
</el-form-item>
</c-col>
<!-- <!--
<c-col :span="12"> <c-col :span="12">
<el-form-item label="and"> <el-form-item label="and">
</el-form-item> </el-form-item>
</c-col> --> </c-col> -->
<c-col :span="24">
<c-col :span="12"> <c-col :span="8">
<el-form-item label="Transaction Type " prop="atp.cod"> <el-form-item label="交易代码" prop="atp.cod" style="width: 100%">
<c-col :span="24">
<c-col :span="18">
<c-input <c-input
v-model="model.atp.cod" v-model="model.atp.cod"
maxlength="6" maxlength="6"
style="width: 50%" style="width: 100%"
placeholder="请输入Transaction Type " placeholder="请输入Transaction Type "
></c-input> ></c-input>
</c-col>
<!-- <c-input v-model="model.atpget.sdamod.seainf" style="width:10%" placeholder="i"></c-input> --> <!-- <c-input v-model="model.atpget.sdamod.seainf" style="width:10%" placeholder="i"></c-input> -->
<c-button size="small" type="primary" @click="onSeainf" icon="el-icon-search"
<c-col :span="6">
<c-button size="small" style="width: 90%" type="primary" @click="onSeainf" icon="el-icon-search"
></c-button ></c-button
> >
</c-col>
</c-col>
</el-form-item> </el-form-item>
</c-col> </c-col>
</c-col>
<c-col :span="12"> <c-col :span="23">
<el-form-item label="信用证标志" prop="trncorco.dflg"> <c-col :span="8">
<el-form-item label="业务标志" prop="trncorco.dflg" style="width: 100%">
<c-select <c-select
v-model="model.trncorco.dflg" v-model="model.trncorco.dflg"
style="width: 100%" style="width: 100%"
placeholder="请选择信用证标志" placeholder="请选择业务标志"
> >
<el-option <el-option
v-for="item in codes.dflg" v-for="item in codes.dflg"
...@@ -153,16 +162,18 @@ ...@@ -153,16 +162,18 @@
</c-select> </c-select>
</el-form-item> </el-form-item>
</c-col> </c-col>
</c-col>
<c-col :span="12"> <c-col :span="8">
<el-form-item label="Transaction Text" prop="atptxt"> <el-form-item label="交易名称" prop="atptxt" style="width: 100%">
<c-input <c-input
v-model="model.atptxt" v-model="model.atptxt"
maxlength="37" maxlength="37"
placeholder="请输入Transaction Text" placeholder="请输入Transaction Text"
></c-input> ></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
</c-col>
...@@ -186,7 +197,7 @@ ...@@ -186,7 +197,7 @@
</c-col> </c-col>
--> -->
<div style="margin-top:20px;"> <!-- <div style="margin-top:20px;"> -->
<!-- <c-button size="small" type="primary" @click="onSeaown"> <!-- <c-button size="small" type="primary" @click="onSeaown">
Search Own Search Own
...@@ -197,7 +208,7 @@ ...@@ -197,7 +208,7 @@
</c-button> --> </c-button> -->
<c-button <!-- <c-button
size="small" size="small"
type="primary" type="primary"
disabled="disabled" disabled="disabled"
...@@ -253,8 +264,8 @@ ...@@ -253,8 +264,8 @@
> >
Reject Reject
</c-button> </c-button>
<c-button size="small" type="primary" @click="onExi"> Exit </c-button> <c-button size="small" type="primary" @click="onExi"> Exit </c-button> -->
</div> <!-- </div> -->
<!-- <!--
<c-col :span="12"> <c-col :span="12">
...@@ -349,24 +360,53 @@ ...@@ -349,24 +360,53 @@
</c-button> </c-button>
</c-col> --> </c-col> -->
<!--<p>{{model.trncorco.trnstm}}</p>--> <!--<p>{{model.trncorco.trnstm}}</p>-->
<el-row> <!-- <el-row>
<c-istream-table <c-istream-table
:list="stmData.data" :list="stmData.data"
:columns="stmData.columns" :columns="stmData.columns"
:showSelection="true" :showSelection="true"
v-on:multipleSelect="multipleSelect" v-on:multipleSelect="multipleSelect"
> -->
<el-row>
<c-col :span="23">
<c-istream-table
:list="stmData.data"
:columns="stmData.columns"
> >
<el-table-column prop="display" label="Display" width="100"> <el-table-column fixed="right" prop="display" label="操作" width="220px">
<template slot-scope="scope"> <template >
<!-- <a :href="`/#/display/${scope.row['10'].toLowerCase()}?trn=${scope.row['1']}`" target="_blank" >显示快照</a>--> <!-- <a :href="`/#/display/${scope.row['10'].toLowerCase()}?trn=${scope.row['1']}`" target="_blank" >显示快照</a>-->
<a href="javascript:void(0)" @click="display(scope.$index, scope.row)" <!-- <a href="javascript:void(0)" @click="display(scope.$index, scope.row)"
>显示快照</a >显示快照</a
> > -->
<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> </template>
</el-table-column> </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>
...@@ -400,11 +440,12 @@ ...@@ -400,11 +440,12 @@
</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 class="m-list-btns">
</div> </div>
</el-dialog> </el-dialog> -->
</div> </div>
</template> </template>
<script> <script>
...@@ -430,41 +471,53 @@ export default { ...@@ -430,41 +471,53 @@ export default {
earnAmt: 0 earnAmt: 0
}, },
stmData: { stmData: {
// columns: [
// '10 1 "TRN" 50 1 tdViewTypeEdit:0 3 ATPTXT',
// '11 2:1 "Own Reference" 112',
// '17 2:2 "Addtional Text" 112',
// '12 3 "Cur" 37',
// '13 4 "Relevant Amount" 101 2 8:1 2 5',
// '14 5 "Entry" 104 20 DateTime 1',
// '9 6:1 "Req" 39',
// '2 6:2 "Sig" 35',
// '6 8:1 "Rq0" 40',
// '3 8:2 "Rel0" 40',
// '7 9:1 "Rq1" 40',
// '4 9:2 "Rel1" 40',
// '8 10:1 "Rq2" 40',
// '5 10:2 "Rel2" 40',
// '15 13 "Branch" 142',
// '16 11:1 "User" 62',
// '18 11:2 "" 62',
// '0 12 "Status" 54 1 tdViewTypeEdit:0 1 RELSTA',
// ],
columns: [ columns: [
'10 1 "TRN" 50 1 tdViewTypeEdit:0 3 ATPTXT', '10 1 "交易代码" 0',
'11 2:1 "Own Reference" 112', '11 2 "业务编号" 0',
'17 2:2 "Addtional Text" 112', '12 3 "币种" 0',
'12 3 "Cur" 37', '13 4 "金额" 0',
'13 4 "Relevant Amount" 101 2 8:1 2 5', '14 5 "创建时间" 0',
'14 5 "Entry" 104 20 DateTime 1', '9 6 "签名要求" 0',
'9 6:1 "Req" 39', '2 7 "签名状态" 0',
'2 6:2 "Sig" 35', '16 8 "经办柜员" 0',
'6 8:1 "Rq0" 40', '0 9 "业务状态" 0',
'3 8:2 "Rel0" 40', '15 10 "业务机构" 0',
'7 9:1 "Rq1" 40',
'4 9:2 "Rel1" 40',
'8 10:1 "Rq2" 40',
'5 10:2 "Rel2" 40',
'15 13 "Branch" 142',
'16 11:1 "User" 62',
'18 11:2 "" 62',
'0 12 "Status" 54 1 tdViewTypeEdit:0 1 RELSTA',
], ],
data: [], data: [],
}, },
relrowDisabled: true, relrowDisabled: true,
multipleSelection: [], // multipleSelection: [],
}; };
}, },
methods: { methods: {
multipleSelect(val) { // multipleSelect(val) {
// TODO 根据Status判断按钮是否禁用 // // TODO 根据Status判断按钮是否禁用
this.relrowDisabled = !(val.length > 0); // this.relrowDisabled = !(val.length > 0);
this.multipleSelection = val; // this.multipleSelection = val;
}, // },
getSelectedData() { // getSelectedData() {
return this.multipleSelection.map((idx) => this.stmData.data[idx]); // return this.multipleSelection.map((idx) => this.stmData.data[idx]);
}, // },
...Event, ...Event,
}, },
created: function () {}, created: function () {},
......
src/views/Business/Trnrel/index.vue
<template> <template>
<div class="eContainer"> <div class="eContainer">
<el-form :model="model" :rules="rules" ref="modelForm" tokenKey="modelForm" :validate-on-rule-change="false" label-width="170px" size="small">
<el-form :model="model" :rules="rules" ref="modelForm" tokenKey="modelForm" :validate-on-rule-change="false" label-width="150px" size="small" >
<!-- <el-tabs ref="elment" type="card" @tab-click="tabClick"> <!-- <el-tabs ref="elment" type="card" @tab-click="tabClick">
<el-tab-pane label="复核夹查询"> --> <el-tab-pane label="复核夹查询"> -->
<m-inftrnps :model="model" :codes="codes" ref="inftrnps" /> <c-content>
<m-inftrnps :model="model" :codes="codes" ref="inftrnps" />
</c-content>
<!-- </el-tab-pane> <!-- </el-tab-pane>
</el-tabs> --> </el-tabs> -->
......
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