Commit 9ee94f21 by liushikai

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

parent 32705286
......@@ -2,7 +2,7 @@
<div class="eibs-tab">
<!-- <c-list-search @form-reset="handleReset" @form-search="handleSearch"> -->
<!-- <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
class="m-table-search-form"
ref="paramsForm"
......@@ -166,11 +166,7 @@
</c-col>
<c-col :span="8">
<el-form-item
label="业务标志"
prop="dflg"
style="width: 100%"
>
<el-form-item label="业务标志" prop="dflg" style="width: 100%">
<c-select
v-model="model.dflg"
style="width: 100%"
......@@ -182,28 +178,36 @@
</c-select>
</el-form-item>
</c-col>
</c-col>
<c-col :span="23">
<c-col :span="8" v-if="model.usfmod.flt==='<SELU>'">
<el-form-item label="经办柜员" style="width:100%">
<c-col :span="8" v-if="model.usfmod.flt === '<SELU>'">
<el-form-item label="经办柜员" style="width: 100%">
<c-input></c-input>
</el-form-item>
</c-col>
<c-col :span="8" v-else-if="model.usfmod.flt==='<SELB>'">
<el-form-item label="归属机构" style="width:100%">
<c-col :span="8" v-else-if="model.usfmod.flt === '<SELB>'">
<el-form-item label="归属机构" style="width: 100%">
<c-input></c-input>
</el-form-item>
</c-col>
<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>
</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 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 :span="12" style="text-align:center" >
......@@ -289,17 +293,24 @@
</c-button>
</c-col> -->
<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">
<template slot="header">
<c-col :span="11" style="text-align:left"><span>操作</span></c-col>
<c-col :span="12" style="text-align:right" @click="setClounm"><c-button icon="el-icon-s-tools" @click="setClounm"></c-button></c-col>
<c-col :span="11" style="text-align: left"
><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 slot-scope="scope">
<c-button
style="margin-left: 0"
size="small"
@click="onDetails"
<c-button style="margin-left: 0" size="small" @click="onDetails"
>详情
</c-button>
<c-button
......@@ -315,27 +326,36 @@
</c-col>
</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-checkbox>交易代码</el-checkbox>
<el-checkbox>业务编号</el-checkbox>
<el-checkbox>交易名称</el-checkbox>
<el-checkbox>状态</el-checkbox>
<el-checkbox>报文类型</el-checkbox>
<el-checkbox>对方银行BIC</el-checkbox>
<el-checkbox>创建时间</el-checkbox>
<el-checkbox>币种</el-checkbox>
<el-checkbox>金额</el-checkbox>
<el-checkbox>创建人</el-checkbox>
<el-checkbox>当前操作柜员</el-checkbox>
<el-checkbox>当前组别</el-checkbox>
<el-checkbox>上次操作柜员</el-checkbox>
<el-checkbox>来源</el-checkbox>
<el-checkbox>提示</el-checkbox>
<el-checkbox>信息提示</el-checkbox>
<el-checkbox v-model="setColumn.column1.value">交易代码</el-checkbox>
<el-checkbox v-model="setColumn.column2.value">业务编号</el-checkbox>
<el-checkbox v-model="setColumn.column3.value">交易名称</el-checkbox>
<el-checkbox v-model="setColumn.column4.value">状态</el-checkbox>
<el-checkbox v-model="setColumn.column5.value">报文类型</el-checkbox>
<el-checkbox v-model="setColumn.column6.value">对方银行BIC</el-checkbox>
<el-checkbox v-model="setColumn.column7.value">创建时间</el-checkbox>
<el-checkbox v-model="setColumn.column8.value">币种</el-checkbox>
<el-checkbox v-model="setColumn.column9.value">金额</el-checkbox>
<el-checkbox v-model="setColumn.column10.value">创建人</el-checkbox>
<el-checkbox v-model="setColumn.column11.value"
>当前操作柜员</el-checkbox
>
<el-checkbox v-model="setColumn.column12.value">当前组别</el-checkbox>
<el-checkbox v-model="setColumn.column13.value"
>上次操作柜员</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>
<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>
</el-dialog>
<!-- <el-row style="margin-top: 2rem">
......@@ -393,10 +413,13 @@ export default {
mixins: [CommonProcess],
data() {
return {
saveColumns: [],
sourceModel: [],
sourceData: [],
initdialog: false,
setClounmFlg: false,
setColumnFlg: false,
saveColumnFlg: true,
selectAll: true,
transactionStatus: {
busiNo: "",
modTimes: 0,
......@@ -405,6 +428,24 @@ export default {
earnCount: 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: {
columns: [
'4 1 "交易代码" 70 ',
......@@ -434,7 +475,6 @@ export default {
};
},
async mounted() {
this.sourceData = [
{ label: "Incoming", value: "chkinc" },
{ label: "E-Trade", value: "chkdzt" },
......@@ -451,24 +491,49 @@ export default {
},
methods: {
sourceChangeEvent(val) {
this.sourceData.forEach(s => {
this.model[s.value] = '';
})
this.sourceData.forEach((s) => {
this.model[s.value] = "";
});
val.forEach((element) => {
this.model[element] = 't';
this.model[element] = "t";
});
},
setClounm(){
this.setClounmFlg=true;
clounmSetting() {
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 () {},
};
</script>
<style scoped>
.el-checkbox >>> .el-checkbox__label{
.el-checkbox >>> .el-checkbox__label {
width: 60px;
font-size: 13px;
}
.cbClass>>> .el-checkbox__label {
width: 30px;
font-size: 13px;
padding-left: 5px;
}
</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