Skip to content

V
vue-gjjs
Commit 9ee94f21 by liushikai
Options

待复核列表添加自定义列功能

parent 32705286
Showing with 216 additions and 151 deletions
src/views/Business/Sptsel/Menu.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 v-slot="searchSlot"> --> <!-- <template v-slot="searchSlot"> -->
<div style="border-bottom: 10px solid rgb(232, 232, 232);"> <div style="border-bottom: 10px solid rgb(232, 232, 232)">
<el-form <el-form
class="m-table-search-form" class="m-table-search-form"
ref="paramsForm" ref="paramsForm"
:inline="true" :inline="true"
label-position="right" label-position="right"
label-width="110px" label-width="110px"
size="small" size="small"
> >
<!-- <el-row> <!-- <el-row>
<c-col :span="2" style="text-align:center;margin-bottom: 16px;"> <c-col :span="2" style="text-align:center;margin-bottom: 16px;">
<el-form-item label="" prop="chkinc"> <el-form-item label="" prop="chkinc">
<c-checkbox v-model="chkinc">Incoming</c-checkbox> <c-checkbox v-model="chkinc">Incoming</c-checkbox>
...@@ -58,8 +58,8 @@ ...@@ -58,8 +58,8 @@
</el-form-item> </el-form-item>
</c-col> </c-col>
</el-row> --> </el-row> -->
<el-row> <el-row>
<c-col :span="23"> <c-col :span="23">
<c-col :span="8"> <c-col :span="8">
<el-form-item label="业务编号" prop="selobj" style="width: 100%"> <el-form-item label="业务编号" prop="selobj" style="width: 100%">
<c-input <c-input
...@@ -72,28 +72,28 @@ ...@@ -72,28 +72,28 @@
</c-col> </c-col>
<c-col :span="8"> <c-col :span="8">
<el-form-item label="创建时间" style="width: 100%"> <el-form-item label="创建时间" style="width: 100%">
<c-col :span="11"> <c-col :span="11">
<c-date-picker <c-date-picker
type="date" type="date"
v-model="model.inidatfro" v-model="model.inidatfro"
style="width: 100%" style="width: 100%"
placeholder="请选择Date of entry of Transaction" placeholder="请选择Date of entry of Transaction"
></c-date-picker> ></c-date-picker>
</c-col> </c-col>
<c-col :span="2" style="text-align: center"> <c-col :span="2" style="text-align: center">
<label style="display: inline-block; width: 100%">-</label> <label style="display: inline-block; width: 100%">-</label>
</c-col> </c-col>
<c-col :span="11"> <c-col :span="11">
<c-date-picker <c-date-picker
type="date" type="date"
v-model="model.inidattil" v-model="model.inidattil"
style="width: 100%" style="width: 100%"
placeholder="请选择Date of entry of Transaction until" placeholder="请选择Date of entry of Transaction until"
></c-date-picker> ></c-date-picker>
</c-col> </c-col>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="8"> <c-col :span="8">
<el-form-item label="来源" style="width: 100%" prop="sourceModel"> <el-form-item label="来源" style="width: 100%" prop="sourceModel">
...@@ -116,33 +116,33 @@ ...@@ -116,33 +116,33 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
</c-col> </c-col>
</c-col> </c-col>
</el-row> </el-row>
<el-row> <el-row>
<c-col :span="23"> <c-col :span="23">
<c-col :span="8"> <c-col :span="8">
<el-form-item <el-form-item
label="选择用户" label="选择用户"
prop="usfmod.flt" prop="usfmod.flt"
style="width: 100%"
>
<!-- <c-col :span="20"> -->
<c-select
v-model="model.usfmod.flt"
style="width: 100%" style="width: 100%"
placeholder="请选择User"
> >
<!-- <c-col :span="20"> --> <el-option
<c-select v-for="item in codes.flt"
v-model="model.usfmod.flt" :key="item.value"
style="width: 100%" :label="item.label"
placeholder="请选择User" :value="item.value"
> >
<el-option </el-option>
v-for="item in codes.flt" </c-select>
:key="item.value" <!-- </c-col> -->
:label="item.label" <!-- <c-col :span="4" style="text-align: right">
:value="item.value"
>
</el-option>
</c-select>
<!-- </c-col> -->
<!-- <c-col :span="4" style="text-align: right">
<c-button <c-button
size="small" size="small"
type="primary" type="primary"
...@@ -152,10 +152,10 @@ ...@@ -152,10 +152,10 @@
> >
</c-button> </c-button>
</c-col> --> </c-col> -->
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="8"> <c-col :span="8">
<el-form-item label="业务描述" prop="seltxt" style="width: 100%"> <el-form-item label="业务描述" prop="seltxt" style="width: 100%">
<c-input <c-input
v-model="model.seltxt" v-model="model.seltxt"
...@@ -165,52 +165,56 @@ ...@@ -165,52 +165,56 @@
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="8"> <c-col :span="8">
<el-form-item <el-form-item label="业务标志" prop="dflg" style="width: 100%">
label="业务标志" <c-select
prop="dflg" v-model="model.dflg"
style="width: 100%" style="width: 100%"
placeholder="请选择国内国际标志"
> >
<c-select <el-option label="All" value="1"></el-option>
v-model="model.dflg" <el-option label="国内业务" value="2"></el-option>
style="width: 100%" <el-option label="国际业务" value="3"></el-option>
placeholder="请选择国内国际标志" </c-select>
> </el-form-item>
<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> </c-col>
</c-col>
<c-col :span="23"> <c-col :span="23">
<c-col :span="8" v-if="model.usfmod.flt==='<SELU>'"> <c-col :span="8" v-if="model.usfmod.flt === '<SELU>'">
<el-form-item label="经办柜员" style="width:100%"> <el-form-item label="经办柜员" style="width: 100%">
<c-input></c-input> <c-input></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="8" v-else-if="model.usfmod.flt==='<SELB>'"> <c-col :span="8" v-else-if="model.usfmod.flt === '<SELB>'">
<el-form-item label="归属机构" style="width:100%"> <el-form-item label="归属机构" style="width: 100%">
<c-input></c-input> <c-input></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="8" v-else> <c-col :span="8" v-else>
<el-form-item label="" style="width:100%;height: 36.8px;margin:0 0 0 0"> <el-form-item
</el-form-item> label=""
style="width: 100%; height: 36.8px; margin: 0 0 0 0"
>
</el-form-item>
</c-col> </c-col>
<c-col :span="16" style="text-align:right"> <c-col :span="16" style="text-align: right">
<el-button size="small" @click="handleReset">重置</el-button> <el-button size="small" @click="handleReset">重置</el-button>
<el-button type="primary" icon="el-icon-search" size="small" @click="handleSearch">查询</el-button> <el-button
type="primary"
icon="el-icon-search"
size="small"
@click="handleSearch"
>查询</el-button
>
</c-col> </c-col>
<!-- <c-col :span="12" style="text-align:center" > <!-- <c-col :span="12" style="text-align:center" >
<c-checkbox v-model="model.chkypt">云平台</c-checkbox> <c-checkbox v-model="model.chkypt">云平台</c-checkbox>
</c-col> --> </c-col> -->
<!-- <c-col :span="8"> <!-- <c-col :span="8">
<el-form-item <el-form-item
label="退回原因" label="退回原因"
prop="yptinf" prop="yptinf"
...@@ -225,10 +229,10 @@ ...@@ -225,10 +229,10 @@
</el-form-item> </el-form-item>
</c-col> --> </c-col> -->
</c-col> </c-col>
</el-row> </el-row>
</el-form> </el-form>
</div> </div>
<!-- </template> --> <!-- </template> -->
<!-- </c-list-search> --> <!-- </c-list-search> -->
<!-- <div style="margin-top:20px;"> <!-- <div style="margin-top:20px;">
...@@ -289,25 +293,32 @@ ...@@ -289,25 +293,32 @@
</c-button> </c-button>
</c-col> --> </c-col> -->
<c-col :span="24"> <c-col :span="24">
<c-istream-table :list="stmData.data" :columns="stmData.columns"> <c-istream-table
:list="stmData.data"
:columns="saveColumnFlg ? stmData.columns : saveColumns"
>
<el-table-column fixed="right" prop="op" label="操作" width="140px"> <el-table-column fixed="right" prop="op" label="操作" width="140px">
<template slot="header"> <template slot="header">
<c-col :span="11" style="text-align:left"><span>操作</span></c-col> <c-col :span="11" style="text-align: left"
<c-col :span="12" style="text-align:right" @click="setClounm"><c-button icon="el-icon-s-tools" @click="setClounm"></c-button></c-col> ><span>操作</span></c-col
>
<c-col :span="12" style="text-align: right"
><c-button
icon="el-icon-s-tools"
@click="clounmSetting"
></c-button
></c-col>
</template> </template>
<template slot-scope="scope"> <template slot-scope="scope">
<c-button <c-button style="margin-left: 0" size="small" @click="onDetails"
style="margin-left: 0" >详情
size="small"
@click="onDetails"
>详情
</c-button> </c-button>
<c-button <c-button
style="margin-left: 0" style="margin-left: 0"
size="small" size="small"
type="primary" type="primary"
@click="continueEdit(scope.row)" @click="continueEdit(scope.row)"
>处理 >处理
</c-button> </c-button>
</template> </template>
</el-table-column> </el-table-column>
...@@ -315,28 +326,37 @@ ...@@ -315,28 +326,37 @@
</c-col> </c-col>
</el-row> </el-row>
<el-dialog :visible.sync="setClounmFlg" :title="'自定义列属性'" append-to-body> <el-dialog
:visible.sync="setColumnFlg"
:title="'自定义列属性'"
append-to-body
>
<el-form-item label-width="0"> <el-form-item label-width="0">
<el-checkbox>交易代码</el-checkbox> <el-checkbox v-model="setColumn.column1.value">交易代码</el-checkbox>
<el-checkbox>业务编号</el-checkbox> <el-checkbox v-model="setColumn.column2.value">业务编号</el-checkbox>
<el-checkbox>交易名称</el-checkbox> <el-checkbox v-model="setColumn.column3.value">交易名称</el-checkbox>
<el-checkbox>状态</el-checkbox> <el-checkbox v-model="setColumn.column4.value">状态</el-checkbox>
<el-checkbox>报文类型</el-checkbox> <el-checkbox v-model="setColumn.column5.value">报文类型</el-checkbox>
<el-checkbox>对方银行BIC</el-checkbox> <el-checkbox v-model="setColumn.column6.value">对方银行BIC</el-checkbox>
<el-checkbox>创建时间</el-checkbox> <el-checkbox v-model="setColumn.column7.value">创建时间</el-checkbox>
<el-checkbox>币种</el-checkbox> <el-checkbox v-model="setColumn.column8.value">币种</el-checkbox>
<el-checkbox>金额</el-checkbox> <el-checkbox v-model="setColumn.column9.value">金额</el-checkbox>
<el-checkbox>创建人</el-checkbox> <el-checkbox v-model="setColumn.column10.value">创建人</el-checkbox>
<el-checkbox>当前操作柜员</el-checkbox> <el-checkbox v-model="setColumn.column11.value"
<el-checkbox>当前组别</el-checkbox> >当前操作柜员</el-checkbox
<el-checkbox>上次操作柜员</el-checkbox> >
<el-checkbox>来源</el-checkbox> <el-checkbox v-model="setColumn.column12.value">当前组别</el-checkbox>
<el-checkbox>提示</el-checkbox> <el-checkbox v-model="setColumn.column13.value"
<el-checkbox>信息提示</el-checkbox> >上次操作柜员</el-checkbox
>
<el-checkbox v-model="setColumn.column14.value">来源</el-checkbox>
<el-checkbox v-model="setColumn.column15.value">提示</el-checkbox>
<el-checkbox v-model="setColumn.column16.value">信息提示</el-checkbox>
</el-form-item> </el-form-item>
<span slot="footer"> <span slot="footer">
<el-button type="primary" @click="setClounmFlg = false">保存</el-button> <el-checkbox class="cbClass" v-model="selectAll" @change="setAll">全选</el-checkbox>
</span> <el-button type="primary" @click="setColumnEvent">保存</el-button>
</span>
</el-dialog> </el-dialog>
<!-- <el-row style="margin-top: 2rem"> <!-- <el-row style="margin-top: 2rem">
<c-col :span="23"> <c-col :span="23">
...@@ -393,10 +413,13 @@ export default { ...@@ -393,10 +413,13 @@ export default {
mixins: [CommonProcess], mixins: [CommonProcess],
data() { data() {
return { return {
saveColumns: [],
sourceModel: [], sourceModel: [],
sourceData: [], sourceData: [],
initdialog: false, initdialog: false,
setClounmFlg: false, setColumnFlg: false,
saveColumnFlg: true,
selectAll: true,
transactionStatus: { transactionStatus: {
busiNo: "", busiNo: "",
modTimes: 0, modTimes: 0,
...@@ -405,6 +428,24 @@ export default { ...@@ -405,6 +428,24 @@ export default {
earnCount: 0, earnCount: 0,
earnAmt: 0, earnAmt: 0,
}, },
setColumn: {
column1: { index: 1, value: true },
column2: { index: 2, value: true },
column3: { index: 3, value: true },
column4: { index: 4, value: true },
column5: { index: 5, value: true },
column6: { index: 6, value: true },
column7: { index: 7, value: true },
column8: { index: 8, value: true },
column9: { index: 9, value: true },
column10: { index: 10, value: true },
column11: { index: 11, value: true },
column12: { index: 12, value: true },
column13: { index: 13, value: true },
column14: { index: 14, value: true },
column15: { index: 15, value: true },
column16: { index: 16, value: true },
},
stmData: { stmData: {
columns: [ columns: [
'4 1 "交易代码" 70 ', '4 1 "交易代码" 70 ',
...@@ -434,41 +475,65 @@ export default { ...@@ -434,41 +475,65 @@ export default {
}; };
}, },
async mounted() { async mounted() {
this.sourceData = [
this.sourceData = [ { label: "Incoming", value: "chkinc" },
{ label: "Incoming", value: "chkinc" }, { label: "E-Trade", value: "chkdzt" },
{ label: "E-Trade", value: "chkdzt" }, // { label: "Break", value: "chkpen" },
// { label: "Break", value: "chkpen" }, { label: "Correction", value: "chkcor" },
{ label: "Correction", value: "chkcor" }, { label: "Automatic", value: "chkaut" },
{ label: "Automatic", value: "chkaut" }, { label: "Reject", value: "chkdel" },
{ label: "Reject", value: "chkdel" }, { label: "网银", value: "chktco" },
{ label: "网银", value: "chktco" }, { label: "归档", value: "chkcan" },
{ label: "归档", value: "chkcan" }, { label: "云平台", value: "chkypt" },
{ label: "云平台", value: "chkypt" }, ];
]; // await this.handleSearch()
// await this.handleSearch() // this.$store.commit("setTaskList", {key: "sptsel", val: this.stmData.data.length})
// this.$store.commit("setTaskList", {key: "sptsel", val: this.stmData.data.length})
}, },
methods: { methods: {
sourceChangeEvent(val) { sourceChangeEvent(val) {
this.sourceData.forEach(s => { this.sourceData.forEach((s) => {
this.model[s.value] = ''; this.model[s.value] = "";
}) });
val.forEach((element) => { val.forEach((element) => {
this.model[element] = 't'; this.model[element] = "t";
}); });
}, },
setClounm(){ clounmSetting() {
this.setClounmFlg=true; this.setColumnFlg = true;
}, },
...Event setColumnEvent() {
this.setColumnFlg = false;
this.saveColumnFlg = false;
const arr = [];
for (const o in this.setColumn) {
if (this.setColumn[o].value) {
arr.push(this.stmData.columns[this.setColumn[o].index - 1]);
}
}
this.saveColumns = arr;
},
setAll() {
for (const o in this.setColumn) {
if (this.selectAll) {
this.setColumn[o].value = true;
} else {
this.setColumn[o].value = false;
}
}
},
...Event,
}, },
created: function () {}, created: function () {},
}; };
</script> </script>
<style scoped> <style scoped>
.el-checkbox >>> .el-checkbox__label{ .el-checkbox >>> .el-checkbox__label {
width: 60px; width: 60px;
font-size: 13px; font-size: 13px;
}
.cbClass>>> .el-checkbox__label {
width: 30px;
font-size: 13px;
padding-left: 5px;
} }
</style> </style>
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