<template>
  <div class="eibs-tab">
                                               
       <c-col :span="12">
        <el-form-item label="Own Reference" prop="infcon.seaownref">
            <c-input  v-model="model.infcon.seaownref" maxlength="16"  placeholder="请输入Own Reference"></c-input>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="Name" prop="infcon.nam">
            <c-input  v-model="model.infcon.nam" maxlength="40"  placeholder="请输入Name"></c-input>
        </el-form-item>
       </c-col>       
                                   
       <c-col :span="12">
        <el-form-item label="Party Reference" prop="infcon.searef">
            <c-input  v-model="model.infcon.searef" maxlength="16"  placeholder="请输入Party Reference"></c-input>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="Release Status" prop="infcon.relflg">
            <c-select v-model="model.infcon.relflg" style="width:100%" placeholder="请选择Release Status">
              </c-select>
        </el-form-item>
       </c-col>
                  
                                                    
       <c-col :span="12">
        <el-form-item label="Select Single Party" prop="infcon.pty.extkey">
            <c-input  v-model="model.infcon.pty.extkey" maxlength="24"  placeholder="请输入Select Single Party"></c-input>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="Party Name" prop="infcon.pty.nam">
            <c-input  v-model="model.infcon.pty.nam" maxlength="40"  placeholder="请输入External Visible Name"></c-input>
        </el-form-item>
       </c-col>
                  
      
                                   
       <c-col :span="12">
        <el-form-item label="Party Name/BIC" prop="infcon.seapty">
            <c-input  v-model="model.infcon.seapty" maxlength="24"  placeholder="请输入Party Name/BIC"></c-input>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="Role" prop="infcon.searol">
            <c-select v-model="model.infcon.searol" style="width:100%" placeholder="请选择Role">
              </c-select>
        </el-form-item>
       </c-col>
                  
      
        <c-col :span="24">             
            <c-col :span="6">
                <el-form-item label="Opening between" prop="infcon.opndatfrom">
                    <c-date-picker type="date" value-format="yyyy-MM-dd" v-model="model.infcon.opndatfrom" style="width:100%"  placeholder="请选择Opening between"></c-date-picker>
                </el-form-item>
            </c-col>
                                        
            <c-col :span="6">
                <el-form-item label="and" prop="infcon.opndatto">
                    <c-date-picker type="date" value-format="yyyy-MM-dd" v-model="model.infcon.opndatto" style="width:100%"  placeholder="请选择Open Date to"></c-date-picker>
                </el-form-item>
            </c-col>
                                        
            <c-col :span="6">
                <el-form-item label="Resp.User" prop="infcon.usr.extkey">
                    <c-input  v-model="model.infcon.usr.extkey" maxlength="8"  placeholder="请输入User ID"></c-input>
                </el-form-item>
            </c-col>
                                        
            <c-col :span="6">
                <el-form-item label="Status" prop="infcon.seasta">
                    <c-select v-model="model.infcon.seasta" style="width:100%" placeholder="请选择Status">
                        <el-option v-for="item in codes.seasta" :key="item.value" :label="item.label"
                                :value="item.value">
                        </el-option>
                    </c-select>
                </el-form-item>
            </c-col>
        </c-col>                         
       
        <c-col :span="24">                            
            <c-col :span="6">
                <el-form-item label="Currency" prop="infcon.seacur">
                    <c-select v-model="model.infcon.seacur" style="width:100%" placeholder="请选择Currency">
                        <el-option v-for="item in codes.curtxt" :key="item.value" :label="item.label"
                                :value="item.value">
                        </el-option>
                    </c-select>
                </el-form-item>
            </c-col>
                                        
            <c-col :span="6">
                <el-form-item label="Amount between" prop="infcon.seaamtfr">
                    <c-input  v-model="model.infcon.seaamtfr"  placeholder="请输入Amount between"></c-input>
                </el-form-item>
            </c-col>
                                        
            <c-col :span="6">
                <el-form-item label="and" prop="infcon.seaamtto">
                    <c-input  v-model="model.infcon.seaamtto"  placeholder="请输入Amount to"></c-input>
                </el-form-item>
            </c-col>
        </c-col>


       <c-col :span="24">          
                                                         
            <c-col :span="6">
                    <el-form-item label="Type of Advance" prop="seafintyp">
                        <c-select v-model="model.seafintyp" style="width:100%" placeholder="请选择Type of Advance">
                            <el-option v-for="item in codes.boppayattr" :key="item.value" :label="item.label"
                                :value="item.value">
                            </el-option>
                        </c-select>
                    </el-form-item>
            </c-col>

            <c-col :span="6">
                    <el-form-item label="融资状态" prop="infcon.cxmflg">
                        <c-select v-model="model.infcon.cxmflg" style="width:100%" placeholder="请选择是否显示查询码">
                            <el-option v-for="item in codes.ovdflg" :key="item.value" :label="item.label"
                                    :value="item.value">
                            </el-option>
                        </c-select>
                    </el-form-item>
            </c-col>

                <c-col :span="6">
                    <el-form-item label="福费廷转卖类型" prop="infcon.cxmflg">
                        <c-select v-model="model.infcon.cxmflg" style="width:100%" placeholder="请选择是否显示查询码">
                        </c-select>
                    </el-form-item>
            </c-col>

                <c-col :span="6">
                    <el-form-item label="Forfaiting Type" prop="infcon.cxmflg">
                        <c-select v-model="model.infcon.cxmflg" style="width:100%" placeholder="请选择是否显示查询码">
                            <el-option v-for="item in codes.ffttyp" :key="item.value" :label="item.label"
                                    :value="item.value">
                            </el-option>
                        </c-select>
                    </el-form-item>
            </c-col>

      </c-col>

       
         <c-col :span="24">
                <el-form-item label="" label-width="15px">
                                      
                        <c-button size="small" type="primary"  @click="onInfbutSearow">
                            Search
                        </c-button>
                                          
                        <c-button size="small" type="primary"  @click="onInfbutDsp">
                            Display
                        </c-button>
                                           
                        <c-button size="small" type="primary"  @click="onInfbutUserow">
                            Use
                        </c-button>
                                           
                        <c-button size="small" type="primary"  @click="onInfbutClr">
                            Clear
                        </c-button>
                                     
                        <c-button size="small" type="primary"  @click="onInfbutButprt">
                            导Excel
                        </c-button>
                                      
                        <c-button size="small" type="primary"  @click="onInfbutExi">
                            Exit
                        </c-button>
                    
                </el-form-item>
            </c-col>

            <c-col :span="24">
                <c-istream-table :list="stmData.data" :columns="stmData.columns">                             
                </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/Infbpd/Event"

export default {
    inject: ['root'],
    props:["model","codes"],
    mixins: [CommonProcess],
    data(){
        return {


             stmData: {
                columns: [
/*
                    "0 1 \"INR\" 150 ",
                    "1 2 \"OWNREF\" 150 ",
                    "2 3 \"OWNUSR\" 150",
                    "3 4 \"PNTREF\" 150",
                    "4 5 \"TOLRAT\" 150",
                    "5 6 \"OVDFLG\" 150",
                    "6 7 \"FINACT\" 150", 
                    "7 8 \"OPNDAT\" 150", 
                    "8 9 \"CLSDAT\" 150",
                    "9 10 \"INTDAY\" 150", 
                    "10 11 \"FORTYP\" 150",
                    "11 12 \"FFTTYP\" 150",
                    "12 13 \"MCDATE\" 150",
                    "13 14 \"BMHSWF\" 150",
                    "14 15 \"BMHENM\" 150",
                    "15 16 \"BMHRZD\" 150",
                    "16 17 \"BMHAMT\" 150",
                    "17 18 \"BMHRAT\" 30",
                    "18 19 \"CONRAT\" 30",
                    "19 20 \"FINTYP\" 30"
*/


                    "0 1 \"INR\" 150 ",
                    "1 1 \"OWNREF\" 150 ",
                    "2 1 \"OWNUSR\" 150",
                    "3 2 \"PNTREF\" 150",
                    "4 2 \"TOLRAT\" 150",
                    "5 2 \"OVDFLG\" 150",
                    "6 3 \"FINACT\" 170", 
                    "7 3 \"OPNDAT\" 170 DateTime", 
                    "8 3 \"CLSDAT\" 170 DateTime",
                    "9 4 \"INTDAY\" 150", 
                    "10 4 \"FORTYP\" 150",
                    "11 4 \"FFTTYP\" 150",
                    "12 5 \"MCDATE\" 170 DateTime",
                    "13 5 \"BMHSWF\" 170",
                    "14 5 \"BMHENM\" 170",

                    "15 6 \"BMHRZD\" 170 DateTime",
                    "16 6 \"BMHAMT\" 170",
                    "17 7 \"BMHRAT\" 150",
                    "18 7 \"CONRAT\" 150",
                    "19 8 \"FINTYP\" 150",
                    "19 8 \"FINTYP\" 150",

                    "19 9  \"FINTYP\" 150",
                    "19 10 \"FINTYP\" 150",
                    "19 11 \"FINTYP\" 150",
                    "19 12 \"FINTYP\" 150",
                    "19 13 \"FINTYP\" 150",
                    "19 14 \"FINTYP\" 150",
                    "19 15 \"FINTYP\" 150",
                    "19 16 \"FINTYP\" 150",

                    "19 17 \"FINTYP\" 150",
                    "19 17 \"FINTYP\" 150"

                ],
                data: [
                ]
            }

        }
    },
    methods:{...Event},
    created:function(){

    }
}
</script>
<style>

</style>
