<template>
<c-content class="eibs-tab" :height="200">
<div class="infTopBtn">
<el-button-group>
<c-button size="small" type="primary" icon="el-icon-arrow-left"></c-button>
<c-button size="small" type="primary" icon="el-icon-arrow-right"></c-button>
</el-button-group>
<c-button size="small" type="primary">Print</c-button>
<c-button size="small" type="primary" disabled="disableed">Use</c-button>
<c-button size="small" type="primary" disabled="disableed">Loginfo</c-button>
</div>
<c-row>
<c-col :span="23" :offset="1">
Pending Items
</c-col>
</c-row>
<br />
<c-row>
<c-col :span="4" :offset="1">
<el-form-item label="" prop="infcon.sptinc" label-width="0">
<c-checkbox v-model="model.infcon.sptinc">Incoming</c-checkbox>
</el-form-item>
</c-col>
<c-col :span="4">
<el-form-item label="" prop="infcon.sptreg" label-width="0">
<c-checkbox v-model="model.infcon.sptreg">Registered</c-checkbox>
</el-form-item>
</c-col>
<c-col :span="4">
<el-form-item label="" prop="infcon.sptpen" label-width="0">
<c-checkbox v-model="model.infcon.sptpen">Pending</c-checkbox>
</el-form-item>
</c-col>
<c-col :span="4">
<el-form-item label="" prop="infcon.sptcor" label-width="0">
<c-checkbox v-model="model.infcon.sptcor">Correction</c-checkbox>
</el-form-item>
</c-col>
<c-col :span="4">
<el-form-item label="" prop="infcon.sptdel" label-width="0">
<c-checkbox v-model="model.infcon.sptdel">Deleted</c-checkbox>
</el-form-item>
</c-col>
</c-row>
<c-row>
<c-col :span="22" :offset="1">
<c-table :border="true" :list="model.infcon.sptstm" style="text-align:center">
<el-table-column prop="" label="TRN" width="auto"></el-table-column>
<el-table-column prop="" label="Reference" width="auto"></el-table-column>
<el-table-column prop="" label="Name" width="auto"></el-table-column>
<el-table-column prop="" label="Creation" width="auto"></el-table-column>
<el-table-column prop="" label="Status" width="auto"></el-table-column>
<el-table-column prop="" label="by" width="auto"></el-table-column>
<el-table-column prop="" label="Info" width="auto"></el-table-column>
<el-table-column prop="" label="Infotext" width="auto"></el-table-column>
</c-table>
</c-col>
</c-row>
<br />
<c-row>
<c-col :span="23" :offset="1">
Diaries
</c-col>
</c-row>
<br />
<c-row>
<c-col :span="11" :offset="1">
<c-row>
<c-col :span="14">
<el-form-item label="Date from" prop="infcon.diadatfrom">
<c-date-picker type="date" v-model="model.infcon.diadatfrom" style="width:100%"
placeholder="请选择Date from"></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="10">
<el-form-item label="to" prop="infcon.diadatto" label-width="40px">
<c-date-picker type="date" v-model="model.infcon.diadatto" style="width:100%"
placeholder="请选择date till"></c-date-picker>
</el-form-item>
</c-col>
</c-row>
</c-col>
<c-col :span="11" :offset="1">
<el-form-item label="Status" prop="infcon.diasta">
<c-select v-model="model.infcon.diasta" style="width:100%" placeholder="请选择Status">
</c-select>
</el-form-item>
</c-col>
</c-row>
<c-row>
<c-col :span="22" :offset="1">
<c-table :border="true" :list="model.infcon.diastm" style="text-align:center">
<el-table-column prop="" label="Date" width="auto"></el-table-column>
<el-table-column prop="" label="Reason" width="auto"></el-table-column>
<el-table-column prop="" label="Description" width="auto"></el-table-column>
<el-table-column prop="" label="Transaction" width="auto"></el-table-column>
<el-table-column prop="" label="User" width="auto"></el-table-column>
<el-table-column prop="" label="Group" width="auto"></el-table-column>
<el-table-column prop="" label="Status" width="auto"></el-table-column>
</c-table>
</c-col>
</c-row>
<!--
<c-col :span="12">
<c-checkbox v-model="model.infcon.sptinc">Incoming</c-checkbox>
</c-col>
<c-col :span="12">
<c-checkbox v-model="model.infcon.sptreg">Registered</c-checkbox>
</c-col>
<c-col :span="12">
<c-checkbox v-model="model.infcon.sptpen">Pending</c-checkbox>
</c-col>
<c-col :span="12">
<c-checkbox v-model="model.infcon.sptcor">Correction</c-checkbox>
</c-col>
<c-col :span="12">
<c-checkbox v-model="model.infcon.sptdel">Deleted</c-checkbox>
</c-col>
<c-col :span="12">
<el-form-item label="stream for SPT to selected contract" prop="infcon.sptstm">
<c-input v-model="model.infcon.sptstm" placeholder="请输入stream for SPT to selected contract"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Date from" prop="infcon.diadatfrom">
<c-date-picker type="date" v-model="model.infcon.diadatfrom" style="width:100%" placeholder="请选择Date from"></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="date till" prop="infcon.diadatto">
<c-date-picker type="date" v-model="model.infcon.diadatto" style="width:100%" placeholder="请选择date till"></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Status" prop="infcon.diasta">
<c-select v-model="model.infcon.diasta" style="width:100%" placeholder="请选择Status">
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="stream for diaries to selected contract" prop="infcon.diastm">
<c-input v-model="model.infcon.diastm" placeholder="请输入stream for diaries to selected contract"></c-input>
</el-form-item>
</c-col>
-->
</c-content>
</template>
<script>
import Api from "~/service/Api"
import CommonProcess from "~/mixin/CommonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Infdet/Event"
export default {
inject: ['root'],
props:["model","codes"],
mixins: [CommonProcess],
data(){
return {
}
},
methods:{...Event},
created:function(){
}
}
</script>
<style>
</style>