<template>
<div class="eibs-tab">
<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="trncorco.ownref" style="width: 100%">
<c-input v-model="model.trncorco.ownref" maxlength="16" placeholder="请输入业务编号"></c-input>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label="创建时间" style="width: 100%" prop="trncorco.inidatfro">
<c-col :span="11">
<c-date-picker type="date" v-model="model.trncorco.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.trncorco.inidattil" style="width: 100%" placeholder="请选择创建时间">
</c-date-picker>
</c-col>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label="经办柜员" prop="usrcon" style="width: 100%">
<c-select v-model="model.usrcon" style="width: 100%" placeholder="请选择经办柜员">
<el-option v-for="item in codes.usrsort" :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="trncorco.relflg" style="width: 100%">
<c-select v-model="model.trncorco.relflg" style="width: 100%" placeholder="请选择业务状态">
<el-option v-for="item in relflgCodes" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label="业务机构" prop="bchcon" style="width: 100%">
<c-select v-model="model.bchcon" style="width: 100%" placeholder="请选择业务机构">
<el-option v-for="item in codes.bchtyp" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label="交易代码" prop="atp.cod" style="width: 100%">
<c-col :span="24">
<c-col :span="20">
<c-input v-model="model.atp.cod" maxlength="6" style="width: 95%" placeholder="请输入交易代码"
@keyup.enter.native="queryGridDialog(model.atp.cod)"></c-input>
</c-col>
<c-col :span="4">
<c-button size="small" style="width:100%;margin-left:0" type="primary" @click="onSeainf"
icon="el-icon-search"></c-button>
</c-col>
</c-col>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24" style="">
<c-col :span="8">
<el-form-item label="业务标志" prop="trncorco.dflg" style="width: 100%">
<c-select v-model="model.trncorco.dflg" style="width: 100%" placeholder="请选择业务标志">
<el-option v-for="item in codes.dflg" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label="交易名称" prop="atptxt" style="width: 100%">
<c-input v-model="model.atptxt" maxlength="37" placeholder="请输入交易名称"></c-input>
</el-form-item>
</c-col>
<c-col :span="8" 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>
</c-col>
</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="">
<el-table :data="stmData.data" :columns="stmData.columns" style="width:100%">
<el-table-column
v-for="(item, key) in stmData.columns"
:key="key"
:label="item.label"
:prop="item.prop"
>
</el-table-column>
<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" @click="onWaitDetail(scope.$index,scope.row)">
详情
</c-button>
<c-button :disabled="scope.row.relflg != 'W'" style="margin-left: 5px" size="small" type="primary" @click="onHandle(scope.$index,scope.row)">
处理
</c-button>
</template>
</el-table-column>
</el-table>
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page.sync="pagination.pageIndex"
:page-sizes="[10, 20, 50, 100, 500]"
:page-size="pagination.pageSize"
layout="total, sizes, prev, pager, next, jumper"
:total="pagination.total">
</el-pagination>
</c-col>
</el-row>
<!-- 交易代码选择弹框 -->
<grid-select-dialog ref="gridSelectDialog" @selectEty="selectGridEtyPromptData"></grid-select-dialog>
</div>
</template>
<script>
import commonApi from "~/mixin/commonApi"
import event from "../event";
import GridSelectDialog from "./GridSelectDialog";
export default {
inject: ["root"],
props: ["codes", "model"],
mixins: [commonApi, event],
components: {
GridSelectDialog,
},
data() {
return {
initdialog: false,
transactionStatus: {
busiNo: "",
modTimes: 0,
postCount: 0,
accCount: 0,
earnCount: 0,
earnAmt: 0,
},
stmData: {
columns: [
{ label: "交易代码", prop: "inifrm" },
{ label: "业务编号", prop: "ownref" },
{ label: "摘要信息", prop: "addtxt" },
{ label: "币种", prop: "reloricur" },
{ label: "金额", prop: "reloriamt" },
{ label: "创建时间", prop: "inidattim" },
{ label: "签名要求", prop: "relreq" },
{ label: "签名状态", prop: "relres" },
{ label: "经办柜员", prop: "iniusr" },
{ label: "业务状态", prop: "relflg" },
{ label: "业务机构", prop: "bchname" },
],
data: [],
},
maxHeight: 0,
pagination: {
pageIndex: 1,
pageSize: 10,
total: 0,
},
relrowDisabled: true,
relflgCodes: [
{ label: "全部", value: "0" },
{ label: "已修改", value: "C" },
{ label: "已拾取", value: "P" },
{ label: "已拒绝", value: "N" },
{ label: "等待", value: "W" },
],
Trnp0Visible: false,
};
},
methods: {
getInidatfro(){
let datetime = new Date();
datetime = datetime.setDate(datetime.getDate() - 10);
this.model.trncorco.inidatfro = new Date(datetime);
}
},
mounted() {
//适配不同页面下的table高度
//其中159为form表单高度，不同页面高度不同，可以考虑获取dom高度
// this.maxHeight = (document.body.clientHeight || document.documentElement.clientHeight) - 60 - 40 - 40 - 42 - 40 - 159 - 10 - 37 - 60;
this.$nextTick(() => {
this.getInidatfro();
})
},
computed: {
reload() {
return this.$store.state.Status.loading.freshReview;
}
},
watch: {
reload(val) {
if(val) {
this.handleSearch()
}
}
}
};
</script>
<style>
</style>