<template> <div class="eibs-tab"> <!-- <c-list-search @form-reset="sptfndHandleReset" @form-search="sptfndHandleSearch"> --> <!-- <template v-slot="searchSlot"> --> <el-form class="m-table-search-form" ref="paramsForm" label-position="right" label-width="110px" size="small" > <el-row> <c-col :span="24" style=""> <c-col :span="8"> <el-form-item label="业务编号" prop="selobj" style="width: 100%"> <c-input style="width: 100%" v-model="model.selobj" maxlength="32" placeholder="请输入业务编号" ></c-input> </el-form-item> </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="请选择创建时间" ></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="请选择" ></c-date-picker> </c-col> </el-form-item> </c-col> <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="请选择选择用户" > <el-option v-for="item in codes.flt" :key="item.value" :label="item.label" :value="item.value" > </el-option> </c-select> </el-form-item> </c-col> </c-col> </el-row> <el-row> <c-col :span="24" style=""> <c-col :span="8"> <el-form-item label="业务描述" prop="seltxt" style="width: 100%"> <c-input v-model="model.seltxt" maxlength="32" placeholder="请输入业务描述" ></c-input> </el-form-item> </c-col> <c-col :span="8"> <el-form-item label="业务标志" prop="dflg" style="width: 100%"> <c-select v-model="model.dflg" style="width: 100%" placeholder="请选择国内国际标志" > <el-option label="所有业务" 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="8" v-if="model.usfmod.flt === '<SELU>'"> <el-form-item label="经办柜员" style="width: 100%"> <c-input style="width: 100%" v-model="model.usfmod.usr.extkey" maxlength="120" placeholder="请输入经办柜员" @keyup.enter.native=" showGridPromptDialog('usfmod.usr.extkey') " ></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> <c-col :span="8" style="text-align: right" v-else> <el-button size="small" @click="sptfndHandleReset">重置</el-button> <el-button type="primary" icon="el-icon-search" size="small" @click="sptfndHandleSearch" >查询</el-button > </c-col> </c-col> <c-col :span="24" style="text-align: right;height:36.8px" v-if="model.usfmod.flt === '<SELU>'||model.usfmod.flt === '<SELB>'"> <el-button size="small" @click="sptfndHandleReset">重置</el-button> <el-button type="primary" icon="el-icon-search" size="small" @click="sptfndHandleSearch" >查询</el-button > </c-col> <c-col :span="24" style=""> </c-col> </el-row> </el-form> <c-col :span="24" style=""> <div style="border-bottom: 10px solid rgb(232, 232, 232)"> </div> </c-col> <el-row> <c-col :span="24" style=""> <c-istream-table :list="stmData.data" :columns="stmData.columns" :showButtonFlg="true"> <el-table-column fixed="right" prop="op" label="操作" width="140px"> <template slot="header"> <c-col :span="11" style="text-align:center"><span>操作</span></c-col> </template> <template slot-scope="scope"> <c-button style="margin-left: 0" size="small" type="primary" @click="continueEdit(scope.row)" > 处理 </c-button> <c-button style="margin-left: 5px" size="small" type="primary" @click="onDelete(scope.$index,scope.row)" > 删除 </c-button> </template> </el-table-column> </c-istream-table> </c-col> </el-row> <el-dialog :visible.sync="initdialog" :title="'交易列表'" append-to-body> <div class="m-list-btns"></div> </el-dialog> </div> </template> <script> import Api from "~/service/Api"; import commonProcess from "~/mixin/commonProcess"; import CodeTable from "~/config/CodeTable"; import Event from "~/model/Sptsel/Event"; export default { inject: ["root"], props: ["model", "codes"], mixins: [commonProcess], data() { return { //sourceModel: [], sourceData: [], initdialog: false, transactionStatus: { busiNo: "", modTimes: 0, postCount: 0, accCount: 0, earnCount: 0, earnAmt: 0, }, stmData: { columns: [ '4 1 "交易代码" 100 ', '5 3 "业务编号" 300', '6 2 "交易名称" 180', // '1 4 "状态" 60 1 tdViewTypeEdit:0 1 SPT:STA', {index:1,position:4,width:100,pattern:'code',label:'状态',code:[{label:"待定",value:"PEN"}]}, '17 5 "报文类型" 100', '18 6 "对方银行BIC" 130', // '7 7 "创建时间" 160 20 DateTime 1', {index:7,position:7,width:140,pattern:'time',label:'创建时间'}, '19 8 "币种" 70', '20 9 "金额" 69 2 8 1 16', // "20 7 \"Cur\" 30", // "21 8 \"Amt\" 69 2 8 1 16", // "1 9 \"Status\" 60 1 tdViewTypeEdit:0 1 SPT:STA", '8 10 "创建人" 100', '3 11 "当前操作柜员" 120', '3 12 "当前组别" 100', '3 13 "上次操作柜员" 120', '3 14 "来源" 70', '3 15 "提示" 70 1 20:0 1 FormatINFDSP', // "19 15 \"Key\" 90", '3 16 "提示信息" 300', ], data: [], }, }; }, async mounted() { // await this.sptfndHandleSearch() // this.$store.commit("setTaskList", {key: "sptbrk", val: this.stmData.data.length}) }, computed: { chkinc: { get() { return this.model.chkinc === "t"; }, set(val) { this.model.chkinc = val ? "t" : ""; }, }, chkdzt: { get() { return this.model.chkdzt === "t"; }, set(val) { this.model.chkdzt = val ? "t" : ""; }, }, chkpen: { get() { return this.model.chkpen === "t"; }, set(val) { this.model.chkpen = val ? "t" : ""; }, }, chkcor: { get() { return this.model.chkcor === "t"; }, set(val) { this.model.chkcor = val ? "t" : ""; }, }, chkaut: { get() { return this.model.chkaut === "t"; }, set(val) { this.model.chkaut = val ? "t" : ""; }, }, chkdel: { get() { return this.model.chkdel === "t"; }, set(val) { this.model.chkdel = val ? "t" : ""; }, }, chktco: { get() { return this.model.chktco === "t"; }, set(val) { this.model.chktco = val ? "t" : ""; }, }, chkcan: { get() { return this.model.chkcan === "t"; }, set(val) { this.model.chkcan = val ? "t" : ""; }, }, sourceModel: { get() { let arr = []; this.sourceData.forEach((element) => { if (this.model[element.value]) { arr.push(element.value); } }); return arr; }, set(val) { let set = new Set(val); this.sourceData.forEach((element) => { if (set.has(element.value)) { this.model[element.value] = true; } else { this.model[element.value] = false; } }); }, }, }, methods: { ...Event }, created: function () {}, }; </script> <style> </style>