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 @@
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="Branch" prop="bchcon">
<c-col :span="23">
<c-col :span="8">
<el-form-item label="业务机构" prop="bchcon" style="width: 100%">
<c-select
v-model="model.bchcon"
style="width: 100%"
......@@ -30,15 +30,9 @@
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label=" " prop="searchAllUsers" >
<c-checkbox v-model="model.searchAllUsers">查询所有柜员</c-checkbox>
</el-form-item>
</c-col>
</el-row>
<el-row>
<c-col :span="12">
<el-form-item label="Reference" prop="trncorco.ownref">
<c-col :span="8">
<el-form-item label="业务编号" prop="trncorco.ownref" style="width: 100%">
<c-input
v-model="model.trncorco.ownref"
maxlength="16"
......@@ -47,39 +41,8 @@
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Status" prop="trncorco.relflg">
<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-col :span="8" v-show="searchSlot.searchToggle">
<el-form-item label="经办柜员" prop="usrcon" style="width: 100%">
<c-select
v-model="model.usrcon"
style="width: 100%"
......@@ -96,52 +59,98 @@
</el-form-item>
</c-col>
</c-col>
</el-row>
<!--
<c-col :span="12">
<el-form-item label="Between">
<el-date-picker
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 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="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>
</el-form-item>
</c-col>
<!--
<c-col :span="12">
<el-form-item label="and">
</el-form-item>
</c-col> -->
<c-col :span="24">
<c-col :span="12">
<el-form-item label="Transaction Type " prop="atp.cod">
<c-col :span="8">
<el-form-item label="交易代码" prop="atp.cod" style="width: 100%">
<c-col :span="24">
<c-col :span="18">
<c-input
v-model="model.atp.cod"
maxlength="6"
style="width: 50%"
style="width: 100%"
placeholder="请输入Transaction Type "
></c-input>
</c-col>
<!-- <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-col>
</c-col>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="信用证标志" prop="trncorco.dflg">
</c-col>
<c-col :span="23">
<c-col :span="8">
<el-form-item label="业务标志" prop="trncorco.dflg" style="width: 100%">
<c-select
v-model="model.trncorco.dflg"
style="width: 100%"
placeholder="请选择信用证标志"
placeholder="请选择业务标志"
>
<el-option
v-for="item in codes.dflg"
......@@ -153,16 +162,18 @@
</c-select>
</el-form-item>
</c-col>
</c-col>
<c-col :span="12">
<el-form-item label="Transaction Text" prop="atptxt">
<c-col :span="8">
<el-form-item label="交易名称" prop="atptxt" style="width: 100%">
<c-input
v-model="model.atptxt"
maxlength="37"
placeholder="请输入Transaction Text"
></c-input>
</el-form-item>
</c-col>
</c-col>
</c-col>
......@@ -186,7 +197,7 @@
</c-col>
-->
<div style="margin-top:20px;">
<!-- <div style="margin-top:20px;"> -->
<!-- <c-button size="small" type="primary" @click="onSeaown">
Search Own
......@@ -197,7 +208,7 @@
</c-button> -->
<c-button
<!-- <c-button
size="small"
type="primary"
disabled="disabled"
......@@ -253,8 +264,8 @@
>
Reject
</c-button>
<c-button size="small" type="primary" @click="onExi"> Exit </c-button>
</div>
<c-button size="small" type="primary" @click="onExi"> Exit </c-button> -->
<!-- </div> -->
<!--
<c-col :span="12">
......@@ -349,24 +360,53 @@
</c-button>
</c-col> -->
<!--<p>{{model.trncorco.trnstm}}</p>-->
<el-row>
<!-- <el-row>
<c-istream-table
:list="stmData.data"
:columns="stmData.columns"
:showSelection="true"
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">
<template slot-scope="scope">
<el-table-column fixed="right" prop="display" label="操作" width="220px">
<template >
<!-- <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
>
> -->
<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>
......@@ -400,11 +440,12 @@
</form>
</div>
</el-card>
</c-col>
</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>
</el-dialog>
</el-dialog> -->
</div>
</template>
<script>
......@@ -430,41 +471,53 @@ export default {
earnAmt: 0
},
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: [
'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',
'10 1 "交易代码" 0',
'11 2 "业务编号" 0',
'12 3 "币种" 0',
'13 4 "金额" 0',
'14 5 "创建时间" 0',
'9 6 "签名要求" 0',
'2 7 "签名状态" 0',
'16 8 "经办柜员" 0',
'0 9 "业务状态" 0',
'15 10 "业务机构" 0',
],
data: [],
},
relrowDisabled: true,
multipleSelection: [],
// multipleSelection: [],
};
},
methods: {
multipleSelect(val) {
// TODO 根据Status判断按钮是否禁用
this.relrowDisabled = !(val.length > 0);
this.multipleSelection = val;
},
getSelectedData() {
return this.multipleSelection.map((idx) => this.stmData.data[idx]);
},
// 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/Trnrel/index.vue
<template>
<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-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-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