<template>
    <div class="eibs-tab">

        <el-col :span="12">
            <el-form-item label="Branch" prop="bchcon">
                <c-select v-model="model.bchcon" style="width:100%" placeholder="请选择Branch">
                </c-select>
            </el-form-item>
        </el-col>

        <el-col :span="12">
            <el-form-item label="Reference" prop="trncorco.ownref">
                <c-input v-model="model.trncorco.ownref" maxlength="16" placeholder="请输入Reference"></c-input>
            </el-form-item>
        </el-col>

        <el-col :span="12">
            <el-form-item label="Status" prop="trncorco.relflg">
                <c-select v-model="model.trncorco.relflg" style="width:100%" placeholder="请选择Status">
                    <el-option v-for="item in codes.relflg" :key="item.value" :label="item.label"
                            :value="item.value">
                    </el-option>
                </c-select>
            </el-form-item>
        </el-col>

        <el-col :span="12">
            <el-form-item label="User" prop="usrcon">
                <c-select v-model="model.usrcon" style="width:100%" placeholder="请选择User">
                </c-select>
            </el-form-item>
        </el-col>

        <!--            
       <el-col :span="12">
        <el-form-item label="Drag  Drop Sender">
            <c-input  v-model="model.atpget.sdamod.dadsnd"  placeholder="请输入Drag  Drop Sender"></c-input>
        </el-form-item>
       </el-col>
       -->

        <el-col :span="12">
            <el-form-item label="Between">
                <el-date-picker type="date" v-model="model.trncorco.inidatfro" style="width:45%" placeholder="请选择Date of entry of Transaction"></el-date-picker>
                -
                <el-date-picker type="date" v-model="model.trncorco.inidattil" style="width:45%" placeholder="请选择Date of entry of Transaction until"></el-date-picker>
            </el-form-item>
        </el-col>

        <!--                           
       <el-col :span="12">
        <el-form-item label="and">
            
        </el-form-item>
       </el-col> -->

        <el-col :span="12">
            <el-form-item label="Transaction Type " prop="atp.cod">
                <c-input v-model="model.atp.cod" maxlength="6" style="width:50%" placeholder="请输入Transaction Type "></c-input>
                <!-- <c-input  v-model="model.atpget.sdamod.seainf"  style="width:10%" placeholder="i"></c-input> -->
                <c-button size="small" type="primary;width:10%" @click="onSeainf">i</c-button>
            </el-form-item>
        </el-col>

        <el-col :span="12">
            <el-form-item label="信用证标志" prop="trncorco.dflg">
                <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>
        </el-col>

        <el-col :span="12">
            <el-form-item label="Transaction Text" prop="atptxt">
                <c-input v-model="model.atptxt" maxlength="37" placeholder="请输入Transaction Text"></c-input>
            </el-form-item>
        </el-col>

        <!--                            
       <el-col :span="12">
        <el-form-item label="List of transaction sfor display">
            <c-input  v-model="model.trncorco.trnstm"  placeholder="请输入List of transaction sfor display"></c-input>
        </el-form-item>
       </el-col>             
                  
       <el-col :span="12">
        <el-form-item label="# of transactions">
            <c-input  v-model="model.numtrn"  placeholder="请输入# of transactions"></c-input>
        </el-form-item>
       </el-col>
       -->

        <el-col :span="24" style="text-align:center">
            <c-button size="small" type="primary" @click="onSeaown">
                Search Own
            </c-button>

            <c-button size="small" type="primary" @click="onSeajbh">
                Search All
            </c-button>

            <c-button size="small" type="primary" disabled="disabled" @click="onImgmodNewimg">
                Img
            </c-button>
            <c-button size="small" type="primary" disabled="disabled" @click="onImgmodNewhisimg">
                His.img
            </c-button>
            <c-button size="small" type="primary" disabled="disabled" @click="onDiaconButdia">
                Diaries
            </c-button>
            <c-button size="small" type="primary" disabled="disabled" @click="onImgmodHisimg">
                Old.img
            </c-button>
            <c-button size="small" type="primary" disabled="disabled" @click="onRelrow">
                Release
            </c-button>
            <c-button size="small" type="primary" disabled="disabled" @click="onReprow">
                Repair
            </c-button>
            <c-button size="small" type="primary" disabled="disabled" @click="onRejrow">
                Reject
            </c-button>
            <c-button size="small" type="primary" @click="onExi">
                Exit
            </c-button>
        </el-col>

        <!--   
       <el-col :span="12">
        <c-button size="small" type="primary"  @click="onSeajbh">
            Search All
        </c-button>
       </el-col>

       <el-col :span="12">
        <c-button size="small" type="primary"  @click="onSeactr">
            Search
        </c-button>
       </el-col>

        <el-col :span="12">
        <c-button size="small" type="primary"  @click="onSearow">
            Search All
        </c-button>
       </el-col>

        <el-col :span="12">
        <c-button size="small" type="primary"  @click="onDsp">
            Display
        </c-button>
       </el-col>

       <el-col :span="12">
        <c-button size="small" type="primary"  @click="onImgmodNewimg">
            Img
        </c-button>
       </el-col>
                  
       <el-col :span="12">
        <c-button size="small" type="primary"  @click="onImgmodNewhisimg">
            His.img
        </c-button>
       </el-col>
                  
       <el-col :span="12">
        <c-button size="small" type="primary"  @click="onDiaconButdia">
            Diaries
        </c-button>
       </el-col>
                                                    
       <el-col :span="12">
        <c-button size="small" type="primary"  @click="onImgmodHisimg">
            Old.img
        </c-button>
       </el-col>
                  
       <el-col :span="12">
        <c-button size="small" type="primary"  @click="onRelrow">
            Release
        </c-button>
       </el-col>
                  
       <el-col :span="12">
        <c-button size="small" type="primary"  @click="onPrinte">
            导出Excel
        </c-button>
       </el-col>
                  
       <el-col :span="12">
        <c-button size="small" type="primary"  @click="onReprow">
            Repair
        </c-button>
       </el-col>
                  
       <el-col :span="12">
        <c-button size="small" type="primary"  @click="onRejrow">
            Reject
        </c-button>
       </el-col>
                  
       <el-col :span="12">
        <c-button size="small" type="primary"  @click="onRelcor">
            Rel Control
        </c-button>
       </el-col>
       -->

        <!--          
       <el-col :span="12">
        <el-form-item label=">>">
            <c-input  v-model="model.orddsp"  placeholder="请输入>>"></c-input>
        </el-form-item>
       </el-col>          
                  
       <el-col :span="12">
        <c-button size="small" type="primary"  @click="onExi">
            Exit
        </c-button>
       </el-col> -->
        <!--<p>{{model.trncorco.trnstm}}</p>-->

        <c-istream-table :list="stmData.data" :columns="stmData.columns"></c-istream-table>
    </div>

</template>
<script>
import Api from "~/service/Api"
import CommonProcess from "~/mixin/CommonProcess"
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Trnrel/Event"

export default {
    props:["model","codes"],
    components: {

    },
    data(){
        return {
            stmData: {
                columns: [
                ],
                data: [
                ]
            }
        }
    },
    methods:{...Event},
    created:function(){
    },
    computed:{
    }
}
</script>
<style>
</style>
