Skip to content

V
vue-gjjs
Commit 9ee94f21 by liushikai
Options

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

parent 32705286
Showing with 114 additions and 49 deletions
src/views/Business/Sptsel/Menu.vue
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
<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"
...@@ -166,11 +166,7 @@ ...@@ -166,11 +166,7 @@
</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="业务标志"
prop="dflg"
style="width: 100%"
>
<c-select <c-select
v-model="model.dflg" v-model="model.dflg"
style="width: 100%" style="width: 100%"
...@@ -182,28 +178,36 @@ ...@@ -182,28 +178,36 @@
</c-select> </c-select>
</el-form-item> </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
label=""
style="width: 100%; height: 36.8px; margin: 0 0 0 0"
>
</el-form-item> </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" >
...@@ -289,17 +293,24 @@ ...@@ -289,17 +293,24 @@
</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
...@@ -315,27 +326,36 @@ ...@@ -315,27 +326,36 @@
</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>
<el-button type="primary" @click="setColumnEvent">保存</el-button>
</span> </span>
</el-dialog> </el-dialog>
<!-- <el-row style="margin-top: 2rem"> <!-- <el-row style="margin-top: 2rem">
...@@ -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,7 +475,6 @@ export default { ...@@ -434,7 +475,6 @@ 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" },
...@@ -451,24 +491,49 @@ export default { ...@@ -451,24 +491,49 @@ export default {
}, },
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;
},
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;
}, },
...Event 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