<template>
  <div class="eibs-tab">
                                               
       <el-col :span="6">
        <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>
       </el-col>             
                                   
       <el-col :span="6">
        <el-form-item label="Name" prop="infcon.nam">
            <c-input  v-model="model.infcon.nam" maxlength="40"  placeholder="请输入Name"></c-input>
        </el-form-item>
       </el-col>             
                  
       
                                   
       <el-col :span="6">
        <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>
       </el-col>             
                                   
       <el-col :span="6">
        <el-form-item label="Release Status" prop="infcon.relflg">
            <c-select v-model="model.infcon.relflg" style="width:100%" placeholder="请选择Release 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="6">
        <el-form-item label="Handling Type" prop="infcon.hndtyp">
            <c-select v-model="model.infcon.hndtyp" style="width:100%" placeholder="请选择Handling Type">
               <el-option v-for="item in codes.hndtyp" :key="item.value" :label="item.label" :value="item.value">
                </el-option>
              </c-select>
        </el-form-item>
       </el-col>
                                                    
       <el-col :span="6">
        <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>
       </el-col>             
                                   
       <el-col :span="6">
        <el-form-item label="External Visible Name" prop="infcon.pty.nam">
            <c-input  v-model="model.infcon.pty.nam" maxlength="40"  placeholder="请输入External Visible Name"></c-input>
        </el-form-item>
       </el-col>             
       
                                   
       <el-col :span="6">
        <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>
       </el-col>             
                                   
       <el-col :span="6">
        <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>
       </el-col>
       
                  
       <el-col :span="6">
        <el-form-item label="Opening between" prop="infcon.opndatfrom">
            <c-date-picker type="date"  v-model="model.infcon.opndatfrom" value-format="yyyy-MM-dd" style="width:100%"  placeholder="请选择Opening between"></c-date-picker>
        </el-form-item>
       </el-col>
                                   
       <el-col :span="6">
        <el-form-item label="Open Date to" prop="infcon.opndatto">
            <c-date-picker type="date"  v-model="model.infcon.opndatto" value-format="yyyy-MM-dd" style="width:100%"  placeholder="请选择Open Date to"></c-date-picker>
        </el-form-item>
       </el-col>
                                   
       <el-col :span="6">
        <el-form-item label="User ID" prop="infcon.usr.extkey">
            <c-input  v-model="model.infcon.usr.extkey" maxlength="8"  placeholder="请输入User ID"></c-input>
        </el-form-item>
       </el-col>             
                                   
       <el-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>
       </el-col>
      
                                   
       <el-col :span="6">
        <el-form-item label="Currency" prop="infcon.seacur">
            <c-select v-model="model.infcon.seacur" style="width:100%" placeholder="请选择Currency">
              </c-select>
        </el-form-item>
       </el-col>
                                   
       <el-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>
       </el-col>                 
                                   
       <el-col :span="6">
        <el-form-item label="Amount to" prop="infcon.seaamtto">
            <c-input  v-model="model.infcon.seaamtto"   placeholder="请输入Amount to"></c-input>
        </el-form-item>
       </el-col>                 
                  
       <el-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.cxmflg" :key="item.value" :label="item.label" :value="item.value">
                </el-option>
              </c-select>
        </el-form-item>
       </el-col>
                                                    
       <el-col :span="6">
        <el-form-item label="Document Type" prop="seadocflg">
            <c-select v-model="model.seadocflg" style="width:100%" placeholder="请选择Document Type">
              <el-option v-for="item in codes.brdtyp" :key="item.value" :label="item.label" :value="item.value">
                </el-option>
              </c-select>
        </el-form-item>
       </el-col>
                                   
       <el-col :span="6">
        <el-form-item label="假远期信用证" prop="jyqflg">
            <c-select v-model="model.jyqflg" style="width:100%" placeholder="请选择假远期信用证">
               <el-option v-for="item in codes.jyqflg" :key="item.value" :label="item.label" :value="item.value">
                </el-option>
              </c-select>
        </el-form-item>
       </el-col>
                                   
       <el-col :span="6">
        <el-form-item label="是否通过电证系统" prop="elcflg">
            <c-select v-model="model.elcflg" style="width:100%" placeholder="请选择是否通过电证系统">
              <el-option v-for="item in codes.elcflg" :key="item.value" :label="item.label" :value="item.value">
                </el-option>
              </c-select>
        </el-form-item>
       </el-col>
       
       <el-col :span="24" style="text-align:center">
        <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-col>

       <c-col :span="6" :offset="1">
             <c-istream-table :list="this.model.infbut.dspstm" :columns="columns" >
              <el-table-column
              prop="display"
              label="操作"
              width="100">
            <template slot-scope="scope">
<!--              <a :href="`/#/display/${scope.row['10'].toLowerCase()}?trn=${scope.row['1']}`" target="_blank" >显示快照</a>-->
              <a href="javascript:void(0)" @click="display(scope.$index, scope.row)">处理</a>

            </template>
          </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/Bddsel/Event"

export default {
    inject: ['root'],
    props:["model","codes"],
    mixins: [CommonProcess],
    data(){
        return {
          columns:[
          "1 1 \"业务编号 \" 120",
          "2 2 \"经办柜员\" 120",
          "3 3 \"开立日期\" 120",
          "4 4 \"到期日\" 120",
          "5 5 \"申请人客户号\" 120",
          "6 6 \"申请人名称\" 120",
          "7 7 \"受益人客户号\" 120",
          "8 8 \"受益人名称\" 120",
          "9 9 \"寄单行行号\" 120",
          "10 10 \"寄单行名称 \" 120",
          "11 11 \"最大金额币种\" 120",
          "12 12 \"最大金额\" 120",
          "13 13 \"开立金额币种\" 120",
          "14 14 \"开立金额\" 120"
          ]

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

    }
}
</script>
<style>

</style>
