Skip to content

V
vue-gjjs
Commit 3db02e30 by fukai
Options

提交查询入口改造

parent 49ef3d90
Showing with 394 additions and 344 deletions
src/components/ListSearch.vue
......@@ -66,7 +66,7 @@ export default {
.m-table-search-form .el-form-item__content {
width: calc(100% - 110px);
}
.m-table-search-form .el-form-item {
/* .m-table-search-form .el-form-item {
width: 33%;
margin-right: 0;
padding-right: 20px;
......@@ -74,7 +74,7 @@ export default {
}
.m-table-search-form .el-form-item:nth-child(3n) {
padding-right: 0;
}
} */
.m-table-operation {
margin-top: 15px;
......
src/model/Sptsel/Event.js
......@@ -61,6 +61,12 @@ export default {
let viewurl = "/business/ditopn?selsptinr=" + row['INR'];
this.$router.push(viewurl);
//}
},
async handleReset(){
} ,
async handleSearch(){
}
}
\ No newline at end of file
src/views/Business/Ditopn/index.vue
......@@ -14,7 +14,7 @@
<c-tabs :value="tabVal" ref="elment" type="card" @tab-click="tabClick">
<el-tab-pane label="内容" name="ovwp">
<!--PD000001 -->
<c-content :height="220">
<c-content :height="280">
<m-ovwp :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
......
src/views/Business/Sptsel/Menu.vue
<template>
<div class="eibs-tab">
<c-list-search @form-reset="handleReset" @form-search="handleSearch">
<template v-slot="searchSlot">
<el-form
class="m-table-search-form"
ref="paramsForm"
:inline="true"
label-position="left"
label-width="110px"
size="small"
>
<el-row>
<c-col :span="2" style="text-align:center;margin-bottom: 16px;">
<el-form-item label="" prop="chkinc">
<c-checkbox v-model="chkinc">Incoming</c-checkbox>
</el-form-item>
</c-col>
<c-col :span="2" style="text-align:center;margin-bottom: 16px;">
<el-form-item label="" prop="chkdzt">
<c-checkbox v-model="chkdzt">E-Trade</c-checkbox>
</el-form-item>
</c-col>
<c-col :span="2" style="text-align:center;margin-bottom: 16px;">
<el-form-item label="" prop="chkpen">
<c-checkbox v-model="chkpen">Break</c-checkbox>
</el-form-item>
</c-col>
<c-col :span="2" style="text-align:center;margin-bottom: 16px;">
<el-form-item label="" prop="chkinc">
<c-checkbox v-model="chkinc">Incoming</c-checkbox>
</el-form-item>
</c-col>
<c-col :span="2" style="text-align:center;margin-bottom: 16px;">
<el-form-item label="" prop="chkdzt">
<c-checkbox v-model="chkdzt">E-Trade</c-checkbox>
</el-form-item>
</c-col>
<c-col :span="2" style="text-align:center;margin-bottom: 16px;">
<el-form-item label="" prop="chkpen">
<c-checkbox v-model="chkpen">Break</c-checkbox>
</el-form-item>
</c-col>
<c-col :span="2" style="text-align:center;margin-bottom: 16px;">
<el-form-item label="" prop="chkcor">
<c-checkbox v-model="chkcor">Correction</c-checkbox>
</el-form-item>
</c-col>
<c-col :span="2" style="text-align:center;margin-bottom: 16px;">
<el-form-item label="" prop="chkaut">
<c-checkbox v-model="chkaut">Automatic</c-checkbox>
</el-form-item>
</c-col>
<c-col :span="2" style="text-align:center;margin-bottom: 16px;">
<el-form-item label="" prop="chkcor">
<c-checkbox v-model="chkcor">Correction</c-checkbox>
</el-form-item>
</c-col>
<c-col :span="2" style="text-align:center;margin-bottom: 16px;">
<el-form-item label="" prop="chkaut">
<c-checkbox v-model="chkaut">Automatic</c-checkbox>
</el-form-item>
</c-col>
<c-col :span="2" style="text-align:center;margin-bottom: 16px;">
<el-form-item label="" prop="chkdel">
<c-checkbox v-model="chkdel">Reject</c-checkbox>
</el-form-item>
</c-col>
<c-col :span="2" style="text-align:center;margin-bottom: 16px;">
<el-form-item label="" prop="chktco">
<c-checkbox v-model="chktco">网银</c-checkbox>
</el-form-item>
</c-col>
<c-col :span="2" style="text-align:center;margin-bottom: 16px;">
<el-form-item label="" prop="chkdel">
<c-checkbox v-model="chkdel">Reject</c-checkbox>
</el-form-item>
</c-col>
<c-col :span="2" style="text-align:center;margin-bottom: 16px;">
<el-form-item label="" prop="chktco">
<c-checkbox v-model="chktco">网银</c-checkbox>
</el-form-item>
</c-col>
<c-col :span="2" style="text-align:center;margin-bottom: 16px;">
<el-form-item label="" prop="chkcan">
<c-checkbox v-model="chkcan">归档</c-checkbox>
</el-form-item>
</c-col>
</el-row>
<el-row v-show="searchSlot.searchToggle">
<c-col :span="12" >
<el-form-item label="Reference" prop="selobj">
<c-input v-model="model.selobj" maxlength="32" placeholder="请输入Reference"></c-input>
</el-form-item>
</c-col>
<c-col :span="2" style="text-align:center;margin-bottom: 16px;">
<el-form-item label="" prop="chkcan">
<c-checkbox v-model="chkcan">归档</c-checkbox>
</el-form-item>
</c-col>
<c-col :span="12" >
<el-form-item label="Name" prop="seltxt">
<c-input v-model="model.seltxt" maxlength="32" placeholder="请输入Selection Name"></c-input>
</el-form-item>
</c-col>
<!--
<c-col :span="12">
<c-checkbox v-model="model.chkdzt">E-Trade</c-checkbox>
</c-col>
<c-col :span="12">
<c-checkbox v-model="model.chkpen">Pending</c-checkbox>
</c-col>
<c-col :span="12">
<c-checkbox v-model="model.chkcor">Correction</c-checkbox>
</c-col>
<c-col :span="12">
<c-checkbox v-model="model.chkaut">Automatic</c-checkbox>
</c-col>
<c-col :span="12">
<c-checkbox v-model="model.chkdel">Deleted</c-checkbox>
</c-col>
<c-col :span="12">
<c-checkbox v-model="model.chktco">网银</c-checkbox>
</c-col>
<c-col :span="12">
<c-checkbox v-model="model.chkcan">归档</c-checkbox>
</c-col>
-->
<c-col :span="12" >
<el-form-item label="Selection of Users" prop="usfmod.flt">
<c-select v-model="model.usfmod.flt" style="width:60%" placeholder="请选择User">
<el-option v-for="item in codes.flt" :key="item.value" :label="item.label"
:value="item.value">
</el-option>
</c-select>
<c-button size="small" type="primary" style="width:30%" @click="onUsfmodShwflt">
Show Set
</c-button>
</el-form-item>
<c-col :span="12">
<el-form-item label="Reference" prop="selobj">
<c-input v-model="model.selobj" maxlength="32" placeholder="请输入Reference"></c-input>
</el-form-item>
</c-col>
</c-col>
<c-col :span="12">
<el-form-item label="Name" prop="seltxt">
<c-input v-model="model.seltxt" maxlength="32" placeholder="请输入Selection Name"></c-input>
</el-form-item>
</c-col>
<c-col :span="12" >
<el-form-item label="Between">
<el-date-picker type="date" v-model="model.inidatfro" style="width:45%" placeholder="请选择Date of entry of Transaction"></el-date-picker>
-
<el-date-picker type="date" v-model="model.inidattil" style="width:45%" placeholder="请选择Date of entry of Transaction until"></el-date-picker>
</el-form-item>
</c-col>
<!--
<c-col :span="12">
<span v-text="model.usfmod.usftxt" data-path=".usfmod.usftxt" > </span>
</c-col>
-->
<c-col :span="12">
<el-form-item label="国内国际证标志" prop="dflg">
<c-select v-model="model.dflg" style="width:100%" placeholder="请选择国内国际标志">
<el-option label="All" value="1"></el-option>
<el-option label="国内业务" value="2"></el-option>
<el-option label="国际业务" value="3"></el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Selection of Users" prop="usfmod.flt">
<c-select v-model="model.usfmod.flt" style="width:60%" placeholder="请选择User">
<el-option v-for="item in codes.flt" :key="item.value" :label="item.label"
:value="item.value">
</el-option>
</c-select>
<c-button size="small" type="primary" style="width:30%" @click="onUsfmodShwflt">
Show Set
</c-button>
</el-form-item>
<c-col :span="12" style="text-align:center" >
<c-checkbox v-model="model.chkypt">云平台</c-checkbox>
</c-col>
</c-col>
<c-col :span="24">
<c-col :span="12">
<el-form-item label="退回原因" prop="yptinf">
<c-input v-model="model.yptinf" maxlength="60" placeholder="请输入退回原因" :readonly=true></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Between">
<el-date-picker type="date" v-model="model.inidatfro" style="width:45%" placeholder="请选择Date of entry of Transaction"></el-date-picker>
-
<el-date-picker type="date" v-model="model.inidattil" style="width:45%" placeholder="请选择Date of entry of Transaction until"></el-date-picker>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="国内国际证标志" prop="dflg">
<c-select v-model="model.dflg" style="width:100%" placeholder="请选择国内国际标志">
<el-option label="All" value="1"></el-option>
<el-option label="国内业务" value="2"></el-option>
<el-option label="国际业务" value="3"></el-option>
</c-select>
</el-form-item>
</c-col>
<!--
<c-col :span="12">
<el-form-item label="Selected User Group Set">
<c-select v-model="model.usfmod.selusgset" style="width:100%" placeholder="请选择Selected User Group Set">
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="User ID">
<c-input v-model="model.usfmod.usr.extkey" maxlength="8" placeholder="请输入User ID"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Selected User Group">
<c-select v-model="model.usfmod.selusg" style="width:100%" placeholder="请选择Selected User Group">
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Select user branch">
<c-select v-model="model.usfmod.selusb" style="width:100%" placeholder="请选择Select user branch">
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="">
<c-input v-model="model.usfmod.usrget.sdamod.seainf" placeholder="请输入"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="已转报">
<c-select v-model="model.routxt" style="width:100%" placeholder="请选择已转报">
</c-select>
</el-form-item>
</c-col>
-->
<c-col :span="12" style="text-align:center">
<c-checkbox v-model="model.chkypt">云平台</c-checkbox>
</c-col>
<!--
<c-col :span="12">
<el-form-item label="List of SPT records">
<c-input v-model="model.sptstm" placeholder="请输入List of SPT records"></c-input>
</el-form-item>
</c-col>
-->
<!-- <p>{{model.sptstm}}</p> -->
<c-col :span="24">
<c-col :span="12">
<el-form-item label="退回原因" prop="yptinf">
<c-input v-model="model.yptinf" maxlength="60" placeholder="请输入退回原因" :readonly=true></c-input>
</el-form-item>
</c-col>
<c-col :span="12" style="text-align:center">
<c-button size="small" type="primary" disabled="disabled" @click="onButypt">
退回云平台
</c-button>
<c-button size="small" type="primary" disabled="disabled" @click="onDlmft">
MFT下载
</c-button>
<c-button size="small" type="primary" disabled="disabled" @click="onDlaxq">
AXQ下载
</c-button>
<c-button size="small" type="primary" disabled="disabled" @click="onButimg">
上传影像
</c-button>
</c-col>
</c-col>
<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>
</c-col>
</el-row>
</el-form>
</template>
</el-table-column>
</c-istream-table>
</c-list-search>
<div style="margin-top:20px;">
<c-button size="small" type="primary" disabled="disabled" @click="onButypt">
退回云平台
</c-button>
<c-button size="small" type="primary" disabled="disabled" @click="onDlmft">
MFT下载
</c-button>
<c-button size="small" type="primary" disabled="disabled" @click="onDlaxq">
AXQ下载
</c-button>
<c-button size="small" type="primary" disabled="disabled" @click="onButimg">
上传影像
</c-button>
</div>
<el-row>
<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>
<el-row style="margin-top:2rem;">
<el-card class="box-card">
<div slot="header" class="clearfix">
<span>交易状态信息 —— {{transactionStatus.busiNo}}</span>
</div>
<div class="text item">
<form class="el-form--label-left el-form--inline">
<div class="el-form-item">
<label class="el-form-item__label">修改次数:</label>
<div class="el-form-item__content">
<span>{{transactionStatus.modTimes}}</span>
</div>
</div>
<div class="el-form-item">
<label class="el-form-item__label transstatus">交单次数:</label>
<div class="el-form-item__content">
<span>{{transactionStatus.postCount}}</span>
</div>
</div>
<div class="el-form-item">
<label class="el-form-item__label transstatus">付款次数:</label>
<div class="el-form-item__content">
<span>{{transactionStatus.earnCount}}</span>
</div>
</div>
<div class="el-form-item">
<label class="el-form-item__label transstatus">付款金额:</label>
<div class="el-form-item__content">
<span>{{transactionStatus.earnAmt}} CNY</span>
</div>
</div>
</form>
</div>
</el-card>
</el-row>
<el-dialog :visible.sync="initdialog" :title="'交易列表'" append-to-body>
<div class="m-list-btns">
</div>
</el-dialog>
</div>
</template>
<script>
......@@ -230,6 +200,15 @@ export default {
mixins: [CommonProcess],
data(){
return {
initdialog:false,
transactionStatus: {
busiNo: "",
modTimes: 0,
postCount: 0,
accCount: 0,
earnCount: 0,
earnAmt: 0
},
stmData: {
columns: [
"4 1 \"TRN\" 50 ",
......
src/views/Business/Trnrel/Inftrnps.vue
<template>
<div class="eibs-tab">
<c-col :span="12">
<el-form-item label="Branch" prop="bchcon">
<c-select
v-model="model.bchcon"
style="width: 100%"
placeholder="请选择Branch"
>
</c-select>
</el-form-item>
</c-col>
<c-list-search @form-reset="handleReset" @form-search="handleSearch">
<template v-slot="searchSlot">
<el-form
class="m-table-search-form"
ref="paramsForm"
:inline="true"
label-position="left"
label-width="110px"
size="small"
>
<el-row>
<c-col :span="12">
<el-form-item label="Branch" prop="bchcon">
<c-select
v-model="model.bchcon"
style="width: 100%"
placeholder="请选择Branch"
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Reference" prop="trncorco.ownref">
<c-input
v-model="model.trncorco.ownref"
maxlength="16"
placeholder="请输入Reference"
></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Reference" prop="trncorco.ownref">
<c-input
v-model="model.trncorco.ownref"
maxlength="16"
placeholder="请输入Reference"
></c-input>
</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>
<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>
<c-col :span="12">
<el-form-item label="User" prop="usrcon">
<c-select
v-model="model.usrcon"
style="width: 100%"
placeholder="请选择User"
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="User" prop="usrcon">
<c-select
v-model="model.usrcon"
style="width: 100%"
placeholder="请选择User"
>
</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="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>
</c-col>
<!--
<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>
-->
<!--
<c-col :span="12">
<el-form-item label="and">
</el-form-item>
</c-col> -->
<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>
</c-col>
<c-col :span="12">
<el-form-item label="Transaction Type " prop="atp.cod">
<c-input
v-model="model.atp.cod"
maxlength="6"
style="width: 50%"
placeholder="请输入Transaction Type "
></c-input>
<!-- <c-input v-model="model.atpget.sdamod.seainf" style="width:10%" placeholder="i"></c-input> -->
<c-button size="small" type="primary;width:10%" @click="onSeainf"
>i</c-button
>
</el-form-item>
</c-col>
<!--
<c-col :span="12">
<el-form-item label="and">
</el-form-item>
</c-col> -->
<c-col :span="12">
<el-form-item label="Transaction Type " prop="atp.cod">
<c-input
v-model="model.atp.cod"
maxlength="6"
style="width: 50%"
placeholder="请输入Transaction Type "
></c-input>
<!-- <c-input v-model="model.atpget.sdamod.seainf" style="width:10%" placeholder="i"></c-input> -->
<c-button size="small" type="primary;width:10%" @click="onSeainf"
>i</c-button
>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="信用证标志" prop="trncorco.dflg">
<c-select
v-model="model.trncorco.dflg"
style="width: 100%"
placeholder="请选择信用证标志"
>
<el-option
v-for="item in codes.dflg"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="信用证标志" prop="trncorco.dflg">
<c-select
v-model="model.trncorco.dflg"
style="width: 100%"
placeholder="请选择信用证标志"
>
<el-option
v-for="item in codes.dflg"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Transaction Text" prop="atptxt">
<c-input
v-model="model.atptxt"
maxlength="37"
:readonly="true"
placeholder="请输入Transaction Text"
></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Transaction Text" prop="atptxt">
<c-input
v-model="model.atptxt"
maxlength="37"
:readonly="true"
placeholder="请输入Transaction Text"
></c-input>
</el-form-item>
</c-col>
</el-row>
</el-form>
</template>
</c-list-search>
<!--
<c-col :span="12">
......@@ -141,7 +156,7 @@
</c-col>
-->
<c-col :span="24" style="text-align: center">
<div style="margin-top:20px;">
<c-button size="small" type="primary" @click="onSeaown">
Search Own
</c-button>
......@@ -207,7 +222,7 @@
Reject
</c-button>
<c-button size="small" type="primary" @click="onExi"> Exit </c-button>
</c-col>
</div>
<!--
<c-col :span="12">
......@@ -302,22 +317,62 @@
</c-button>
</c-col> -->
<!--<p>{{model.trncorco.trnstm}}</p>-->
<c-istream-table
:list="stmData.data"
:columns="stmData.columns"
:showSelection="true"
v-on:multipleSelect="multipleSelect"
>
<el-table-column prop="display" label="Display" width="100">
<template slot-scope="scope">
<!-- <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
>
</template>
</el-table-column>
</c-istream-table>
<el-row>
<c-istream-table
:list="stmData.data"
:columns="stmData.columns"
:showSelection="true"
v-on:multipleSelect="multipleSelect"
>
<el-table-column prop="display" label="Display" width="100">
<template slot-scope="scope">
<!-- <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
>
</template>
</el-table-column>
</c-istream-table>
</el-row>
<el-row style="margin-top:2rem;">
<el-card class="box-card">
<div slot="header" class="clearfix">
<span>交易状态信息 —— {{transactionStatus.busiNo}}</span>
</div>
<div class="text item">
<form class="el-form--label-left el-form--inline">
<div class="el-form-item">
<label class="el-form-item__label">修改次数:</label>
<div class="el-form-item__content">
<span>{{transactionStatus.modTimes}}</span>
</div>
</div>
<div class="el-form-item">
<label class="el-form-item__label transstatus">交单次数:</label>
<div class="el-form-item__content">
<span>{{transactionStatus.postCount}}</span>
</div>
</div>
<div class="el-form-item">
<label class="el-form-item__label transstatus">付款次数:</label>
<div class="el-form-item__content">
<span>{{transactionStatus.earnCount}}</span>
</div>
</div>
<div class="el-form-item">
<label class="el-form-item__label transstatus">付款金额:</label>
<div class="el-form-item__content">
<span>{{transactionStatus.earnAmt}} CNY</span>
</div>
</div>
</form>
</div>
</el-card>
</el-row>
<el-dialog :visible.sync="initdialog" :title="'交易列表'" append-to-body>
<div class="m-list-btns">
</div>
</el-dialog>
</div>
</template>
<script>
......@@ -333,6 +388,15 @@ export default {
components: {},
data() {
return {
initdialog:false,
transactionStatus: {
busiNo: "",
modTimes: 0,
postCount: 0,
accCount: 0,
earnCount: 0,
earnAmt: 0
},
stmData: {
columns: [
'10 1 "TRN" 50 1 tdViewTypeEdit:0 3 ATPTXT',
......
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