<template>
<div class="eibs-tab">
<el-form
ref="paramsForm"
label-position="right"
label-width="110px"
size="small"
>
<!-- <c-col :span="12">
<span v-text="model.usfmod.usftxt" data-path=".usfmod.usftxt" > </span>
</c-col> -->
<!-- ============左========= -->
<c-col :span="11">
<c-col :span="24">
<!-- <el-form-item label="Type ot items">
<c-fullbox>
<c-col :span="6">
<c-checkbox v-model="model.chkinc">Incoming</c-checkbox>
</c-col>
<c-col :span="6">
<c-checkbox v-model="model.chkdzt">E-Trade</c-checkbox>
</c-col>
<c-col :span="6">
<c-checkbox v-model="model.chkpen">break</c-checkbox>
</c-col>
<c-col :span="6">
<c-checkbox v-model="model.chkcor">Connect</c-checkbox>
</c-col>
</c-fullbox>
</el-form-item> -->
<el-form-item label="Seclect of Users" prop="usfmod.flt">
<c-select
v-model="model.usfmod.flt"
style="width: 100%"
placeholder="请选择Filter"
>
<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 :span="24">
<el-form-item label="">
<c-fullbox>
<c-col :span="6">
<c-checkbox v-model="model.chkaut">Automatic</c-checkbox>
</c-col>
<c-col :span="6">
<c-checkbox v-model="model.chkdel">Reject</c-checkbox>
</c-col>
<c-col :span="6">
<c-checkbox v-model="model.chktco">网银</c-checkbox>
</c-col>
<c-col :span="6">
<c-checkbox v-model="model.chkcan">归档</c-checkbox>
</c-col>
</c-fullbox>
</el-form-item>
</c-col> -->
<c-col :span="24">
<el-form-item label="Transaction Type " prop="atp.cod">
<c-input
v-model="model.atp.cod"
maxlength="6"
style="width: 100%"
placeholder="请输入Transaction Type "
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="Transaction Text" prop="atptxt">
<c-input
v-model="model.atptxt"
maxlength="37"
placeholder="请输入Transaction Text"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="24" v-if="model.usfmod.flt === '<SELB>'">
<el-form-item label="Selected Branch" prop="usfmod.selusg">
<c-select
v-model="model.usfmod.selusg"
style="width: 100%"
placeholder="请选择"
>
<el-option
v-for="item in codes.selusg"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24" v-if="model.usfmod.flt === '<SELU>'">
<el-form-item label="Selected User" prop="usfmod.usr.extkey">
<c-input
v-model="model.usfmod.usr.extkey"
maxlength="8"
style="width: 100%"
placeholder="请输入User ID"
></c-input>
</el-form-item>
</c-col>
</c-col>
<!-- ============右========= -->
<c-col :span="12" :offset="1">
<c-col :span="24">
<el-form-item label="Reference" prop="selobj">
<c-input
v-model="model.selobj"
maxlength="32"
placeholder="请输入Reference"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<c-col :span="11" >
<el-form-item label="Name" prop="seltxt">
<c-input
v-model="model.seltxt"
maxlength="32"
placeholder="请输入Name"
></c-input>
</el-form-item>
</c-col>
<c-col :span="12" :offset="1">
<el-form-item label="Entered by" label-width="20%" prop="usr.extkey">
<c-input
v-model="model.usr.extkey"
maxlength="8"
style="width: 100%"
placeholder="请输入"
disabled
></c-input>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24">
<c-col :span="11">
<el-form-item label="Between" prop="inidatfro">
<c-date-picker
type="date"
v-model="model.inidatfro"
style="width: 100%"
placeholder="请选择Date of entry of Transaction"
></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="12" :offset="1">
<el-form-item label="and" prop="inidattil" label-width="20%" >
<c-date-picker
type="date"
v-model="model.inidattil"
style="width: 100%"
placeholder="请选择Date of entry of Transaction until"
></c-date-picker>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24">
<el-form-item label="Status" prop="sta">
<c-select
v-model="model.sta"
style="width: 100%"
placeholder="请选择Status"
>
<el-option
v-for="item in codes.sta"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
</c-select>
</el-form-item>
</c-col>
</c-col>
<c-col
:span="24"
style="text-align: right; height: 36.8px"
>
<el-button size="small" @click="handleReset">重置</el-button>
<el-button
type="primary"
icon="el-icon-search"
size="small"
@click="handleSearch"
>查询</el-button
>
</c-col>
</el-form>
<!-- <c-col :span="9">
<el-form-item label="Seclect of Users" prop="usfmod.flt">
<c-select
v-model="model.usfmod.flt"
style="width: 95%"
placeholder="请选择Filter"
>
<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 :span="2">
<c-button size="small" type="primary" @click="onUsfmodShwflt" disabled>
Show Set
</c-button>
</c-col> -->
<!-- <c-col :span="11" :offset="1">
<el-form-item label="Reference" prop="selobj">
<c-input
v-model="model.selobj"
maxlength="32"
placeholder="请输入Reference"
></c-input>
</el-form-item>
</c-col> -->
<!-- <c-col :span="12">
<span v-text="model.usfmod.labtxt" data-path=".usfmod.labtxt" > </span>
</c-col> -->
<!-- <c-col :span="11" v-if="model.usfmod.flt === '<SELB>'">
<el-form-item label="Selected Branch" prop="usfmod.selusg">
<c-select
v-model="model.usfmod.selusg"
style="width: 50%"
placeholder="请选择"
>
<el-option
v-for="item in codes.selusg"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
</c-select>
</el-form-item>
</c-col> -->
<!-- <c-col :span="12">
<el-form-item label="Selected User Group Set" prop="usfmod.selusgset">
<c-select v-model="model.usfmod.selusgset" style="width:100%" placeholder="请选择Selected User Group Set">
</c-select>
</el-form-item>
</c-col> -->
<!-- <c-col :span="12">
<el-form-item label="Select user branch" prop="usfmod.selusb">
<c-select v-model="model.usfmod.selusb" style="width:100%" placeholder="请选择Select user branch">
</c-select>
</el-form-item>
</c-col> -->
<!-- <c-col :span="11" v-if="model.usfmod.flt === '<SELU>'">
<c-col :span="16">
<el-form-item label="Selected User" prop="usfmod.usr.extkey">
<c-input
v-model="model.usfmod.usr.extkey"
maxlength="8"
style="width: 90%"
placeholder="请输入User ID"
></c-input>
</el-form-item>
</c-col>
<c-col :span="6">
<c-button size="small" type="primary"> i </c-button>
</c-col>
</c-col> -->
<!-- <c-col
:span="11"
v-if="model.usfmod.flt != '<SELU>' && model.usfmod.flt != '<SELB>'"
>
<el-form-item label=""> </el-form-item>
</c-col> -->
<!-- <c-col :span="11" :offset="1">
<el-form-item label="Name" prop="seltxt">
<c-input
v-model="model.seltxt"
maxlength="32"
placeholder="请输入Name"
></c-input>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label="Entered by" prop="usr.extkey">
<c-input
v-model="model.usr.extkey"
maxlength="8"
style="width: 90%"
placeholder="请输入"
disabled
></c-input>
</el-form-item>
</c-col> -->
<!-- <c-col :span="3">
<c-button size="small" type="primary"> i </c-button>
</c-col> -->
<!-- <c-col :span="8" :offset="1">
<el-form-item label="Transaction Type " prop="atp.cod">
<c-input
v-model="model.atp.cod"
maxlength="6"
style="width: 90%"
placeholder="请输入Transaction Type "
></c-input>
</el-form-item>
</c-col> -->
<!-- <c-col :span="3">
<c-button size="small" type="primary"> i </c-button>
</c-col> -->
<!-- <c-col :span="6">
<el-form-item label="Between" prop="inidatfro">
<c-date-picker
type="date"
v-model="model.inidatfro"
style="width: 100%"
placeholder="请选择Date of entry of Transaction"
></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="4">
<el-form-item label="and" prop="inidattil" label-width="50px">
<c-date-picker
type="date"
v-model="model.inidattil"
style="width: 100%"
placeholder="请选择Date of entry of Transaction until"
></c-date-picker>
</el-form-item>
</c-col> -->
<!-- <c-col :span="11" :offset="2">
<el-form-item label="Transaction Text" prop="atptxt">
<c-input
v-model="model.atptxt"
maxlength="37"
placeholder="请输入Transaction Text"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="Status" prop="sta">
<c-select
v-model="model.sta"
style="width: 20%"
placeholder="请选择Status"
>
<el-option
v-for="item in codes.sta"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
</c-select>
</el-form-item>
</c-col> -->
<!--
<c-col :span="12">
<el-form-item label="" prop="usfmod.usrget.sdamod.seainf">
<c-input v-model="model.usfmod.usrget.sdamod.seainf" placeholder="请输入"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Drag Drop Sender" prop="atpget.sdamod.dadsnd">
<c-input v-model="model.atpget.sdamod.dadsnd" placeholder="请输入Drag Drop Sender"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="" prop="usrget.sdamod.seainf">
<c-input v-model="model.usrget.sdamod.seainf" placeholder="请输入"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="" prop="atpget.sdamod.seainf">
<c-input v-model="model.atpget.sdamod.seainf" placeholder="请输入"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="List of SPT records" prop="sptstm">
<c-input v-model="model.sptstm" placeholder="请输入List of SPT records"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<c-button size="small" type="primary" @click="onTrndsp">
>>
</c-button>
</c-col> -->
<c-col :span="24">
<!-- <c-table :border="true" :data="data" style="width:80%,text-align:center">
<el-table-column label="TRN" width="auto"></el-table-column>
<el-table-column label="Name" width="auto"></el-table-column>
<el-table-column label="Created" width="auto"></el-table-column>
<el-table-column label="Status" width="auto"></el-table-column>
<el-table-column label="By User" width="auto"></el-table-column>
<el-table-column label="Referance" width="auto"></el-table-column>
</c-table> -->
<c-istream-table :list="stmData.data" :columns="stmData.columns">
<el-table-column fixed="right" prop="op" label="操作" width="140px">
<c-button
style="margin-left: 0"
size="small"
type="primary"
@click="alert(111)"
>
detail
</c-button>
</el-table-column>
</c-istream-table>
</c-col>
</div>
</template>
<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Sptrel/Event";
export default {
inject: ["root"],
props: ["model", "codes"],
mixins: [commonProcess],
data() {
return {
stmData: {
columns: [
'5 1 "TRN" ',
'6 2:2 "Reference" ',
'7 2:1 "Name" ',
'8 3 "Created" ',
'9 4:1 "Status" ',
'4 5:1 "By User" ',
'11 6:1 "Details" ',
// 'P "COLORED" TRUE',
// 'P "VERTLINES" TRUE',
// 'P "HORZLINES" TRUE',
// 'P "MULTISELECT" true'
],
data: [],
},
};
},
methods: { ...Event },
created: function () {},
};
</script>
<style>
</style>