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>
<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);">
<el-form
class="m-table-search-form"
ref="paramsForm"
:inline="true"
label-position="right"
label-width="110px"
size="small"
>
<!-- <el-row>
<!-- <template v-slot="searchSlot"> -->
<div style="border-bottom: 10px solid rgb(232, 232, 232)">
<el-form
class="m-table-search-form"
ref="paramsForm"
:inline="true"
label-position="right"
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>
......@@ -58,8 +58,8 @@
</el-form-item>
</c-col>
</el-row> -->
<el-row>
<c-col :span="23">
<el-row>
<c-col :span="23">
<c-col :span="8">
<el-form-item label="业务编号" prop="selobj" style="width: 100%">
<c-input
......@@ -72,28 +72,28 @@
</c-col>
<c-col :span="8">
<el-form-item label="创建时间" style="width: 100%">
<c-col :span="11">
<c-date-picker
type="date"
v-model="model.inidatfro"
style="width: 100%"
placeholder="请选择Date of entry of Transaction"
></c-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">
<c-date-picker
type="date"
v-model="model.inidattil"
style="width: 100%"
placeholder="请选择Date of entry of Transaction until"
></c-date-picker>
</c-col>
</el-form-item>
</c-col>
<el-form-item label="创建时间" style="width: 100%">
<c-col :span="11">
<c-date-picker
type="date"
v-model="model.inidatfro"
style="width: 100%"
placeholder="请选择Date of entry of Transaction"
></c-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">
<c-date-picker
type="date"
v-model="model.inidattil"
style="width: 100%"
placeholder="请选择Date of entry of Transaction until"
></c-date-picker>
</c-col>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label="来源" style="width: 100%" prop="sourceModel">
......@@ -116,33 +116,33 @@
</el-select>
</el-form-item>
</c-col>
</c-col>
</el-row>
</c-col>
</el-row>
<el-row>
<c-col :span="23">
<c-col :span="8">
<el-form-item
label="选择用户"
prop="usfmod.flt"
<el-row>
<c-col :span="23">
<c-col :span="8">
<el-form-item
label="选择用户"
prop="usfmod.flt"
style="width: 100%"
>
<!-- <c-col :span="20"> -->
<c-select
v-model="model.usfmod.flt"
style="width: 100%"
placeholder="请选择User"
>
<!-- <c-col :span="20"> -->
<c-select
v-model="model.usfmod.flt"
style="width: 100%"
placeholder="请选择User"
>
<el-option
v-for="item in codes.flt"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
<!-- </c-col> -->
<!-- <c-col :span="4" style="text-align: right">
<el-option
v-for="item in codes.flt"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
<!-- </c-col> -->
<!-- <c-col :span="4" style="text-align: right">
<c-button
size="small"
type="primary"
......@@ -152,10 +152,10 @@
>
</c-button>
</c-col> -->
</el-form-item>
</c-col>
</el-form-item>
</c-col>
<c-col :span="8">
<c-col :span="8">
<el-form-item label="业务描述" prop="seltxt" style="width: 100%">
<c-input
v-model="model.seltxt"
......@@ -165,52 +165,56 @@
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item
label="业务标志"
prop="dflg"
<c-col :span="8">
<el-form-item label="业务标志" prop="dflg" style="width: 100%">
<c-select
v-model="model.dflg"
style="width: 100%"
placeholder="请选择国内国际标志"
>
<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>
<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 :span="23">
<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 :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-input></c-input>
</el-form-item>
<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>
<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" >
<!-- <c-col :span="12" style="text-align:center" >
<c-checkbox v-model="model.chkypt">云平台</c-checkbox>
</c-col> -->
<!-- <c-col :span="8">
<!-- <c-col :span="8">
<el-form-item
label="退回原因"
prop="yptinf"
......@@ -225,10 +229,10 @@
</el-form-item>
</c-col> -->
</c-col>
</el-row>
</el-form>
</div>
<!-- </template> -->
</el-row>
</el-form>
</div>
<!-- </template> -->
<!-- </c-list-search> -->
<!-- <div style="margin-top:20px;">
......@@ -289,25 +293,32 @@
</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
style="margin-left: 0"
size="small"
type="primary"
@click="continueEdit(scope.row)"
>处理
>处理
</c-button>
</template>
</el-table-column>
......@@ -315,28 +326,37 @@
</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>
</span>
<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">
<c-col :span="23">
......@@ -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,41 +475,65 @@ export default {
};
},
async mounted() {
this.sourceData = [
{ label: "Incoming", value: "chkinc" },
{ label: "E-Trade", value: "chkdzt" },
// { label: "Break", value: "chkpen" },
{ label: "Correction", value: "chkcor" },
{ label: "Automatic", value: "chkaut" },
{ label: "Reject", value: "chkdel" },
{ label: "网银", value: "chktco" },
{ label: "归档", value: "chkcan" },
{ label: "云平台", value: "chkypt" },
];
// await this.handleSearch()
// this.$store.commit("setTaskList", {key: "sptsel", val: this.stmData.data.length})
this.sourceData = [
{ label: "Incoming", value: "chkinc" },
{ label: "E-Trade", value: "chkdzt" },
// { label: "Break", value: "chkpen" },
{ label: "Correction", value: "chkcor" },
{ label: "Automatic", value: "chkaut" },
{ label: "Reject", value: "chkdel" },
{ label: "网银", value: "chktco" },
{ label: "归档", value: "chkcan" },
{ label: "云平台", value: "chkypt" },
];
// await this.handleSearch()
// this.$store.commit("setTaskList", {key: "sptsel", val: this.stmData.data.length})
},
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;
},
...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 () {},
};
</script>
<style scoped>
.el-checkbox >>> .el-checkbox__label{
width: 60px;
font-size: 13px;
.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