<template>
  <!-- Selection -->
    <c-content class="eibs-tab" :height="200">

       <c-infsearch-group @handleSearch="onInfbutSearow" @handleReset="onInfbutClr">
            <!-- 持续展示区 -->
          <template slot="keepShow">
              <c-row>                                          
                <c-col :span="11" :offset="1">
                    <el-form-item label="业务编号" 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="11" :offset="1">
                    <el-form-item label="名称" prop="infcon.nam">
                        <c-input  v-model="model.infcon.nam" maxlength="40"  placeholder="请输入Name"></c-input>
                    </el-form-item>
                </c-col>
              </c-row>
          </template>

   <!-- 可控展示区 -->
   <template slot="changeShow">
      <c-row>                             
       <c-col :span="11" :offset="1">
        <el-form-item label="参考号" prop="infcon.searef">
            <c-input  v-model="model.infcon.searef" maxlength="16"  placeholder="请输入Party Reference"></c-input>
        </el-form-item>
       </c-col>
      </c-row> 
       <!--                            
       <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="Handling Type" prop="infcon.hndtyp">
            <c-select v-model="model.infcon.hndtyp" style="width:100%" placeholder="请选择Handling Type">
              </c-select>
        </el-form-item>
       </c-col>
       -->   
      <c-row>                                        
       <c-col :span="11" :offset="1">
        <el-form-item label="客户号" 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="11" :offset="1">
        <el-form-item label="客户名称" 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-row>            
      <c-row>                             
       <c-col :span="11" :offset="1">
        <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="11" :offset="1">
        <el-form-item label="角色" prop="infcon.searol">
            <c-select v-model="model.infcon.searol" style="width:100%" placeholder="请选择Role">
              </c-select>
        </el-form-item>
       </c-col>
      </c-row>                             
                  
      <c-row>
       <c-col :span="11" :offset="1">           
       <c-col :span="12">
        <el-form-item label="开立日期从" prop="infcon.opndatfrom">
            <c-date-picker type="date"  v-model="model.infcon.opndatfrom" style="width:100%"  placeholder="请选择Opening between"></c-date-picker>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="至" prop="infcon.opndatto">
            <c-date-picker type="date"  v-model="model.infcon.opndatto" style="width:100%"  placeholder="请选择Open Date to"></c-date-picker>
        </el-form-item>
       </c-col>
      </c-col>
       <c-col :span="11" :offset="1">                            
       <c-col :span="12">
        <el-form-item label="用户id" 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="12">
        <el-form-item label="状态" prop="infcon.seasta">
            <c-select v-model="model.infcon.seasta" style="width:100%" placeholder="请选择Status">
              </c-select>
        </el-form-item>
       </c-col>
      </c-col> 
      </c-row>                             
      <c-row>
       <c-col :span="11" :offset="1">                           
       <c-col :span="12">
        <el-form-item label="币种" prop="infcon.seacur">
            <c-select v-model="model.infcon.seacur" style="width:100%" placeholder="请选择Currency">
              </c-select>
        </el-form-item>
       </c-col>
      </c-col>
       <c-col :span="11" :offset="1">                          
       <c-col :span="12">
        <el-form-item label="金额从" prop="infcon.seaamtfr">
            <c-input  v-model="model.infcon.seaamtfr"  placeholder="请输入Amount between"></c-input>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="到" prop="infcon.seaamtto">
            <c-input  v-model="model.infcon.seaamtto"  placeholder="请输入Amount to"></c-input>
        </el-form-item>
       </c-col>
      </c-col> 
      </c-row> 

      <!--
       <c-col :span="12">
        <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-row>                                              
       <c-col :span="9" :offset="1">
        <el-form-item label="Form of L/C" prop="sealcrtyp">
            <c-select v-model="model.sealcrtyp" style="width:100%" placeholder="请选择Form of L/C">
              </c-select>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="6" :offset="1">
        <el-form-item label="交易类型" prop="mylx">
            <c-select v-model="model.mylx" style="width:100%" placeholder="请选择交易类型">
              </c-select>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="6" :offset="1">
        <el-form-item label="是否通过电证系统" prop="elcflg">
            <c-select v-model="model.elcflg" style="width:100%" placeholder="请选择是否通过电证系统">
              </c-select>
        </el-form-item>
       </c-col>
      </c-row>  

    </template>
  </c-infsearch-group>

        <c-row style="margin-top:20px; padding: 0 10px 0 10px;">
            <c-col>
                <c-button size="small" type="primary">导Excel</c-button>
                <c-button size="small" type="primary">Display</c-button>
                <c-button size="small" type="primary">Use</c-button>
            </c-col>
        </c-row>

        <c-row style="margin-top:20px; padding: 0 10px 0 10px;">
            <c-istream-table :list="stmData.data" :columns="stmData.columns">
                <el-table-column prop="op" label="OP" width="100">
                    <template slot-scope="scope">
                        <a href="javascript:void(0)" @click="continueEdit(scope.row)">操作</a>
                    </template>
                </el-table-column>
            </c-istream-table>
        </c-row>
          
  </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 {
                stmData: {
                    columns: [
                        "1 1 \"Reference\" 100 ",
                        "1 1 \"Resp. User\" 100",
                        "1 1 \"Tenor day\" 100",                        
                        "2 2 \"Party Number\" 150 ",
                        "2 2 \"Applicant\" 150 ",                       
                        "3 3 \"Party Number\" 150 ",
                        "3 3 \"'Beneficiary\" 150 ",                        
                        "4 4 \"Party Number\" 150 ",
                        "4 4 \"Issuing Bank\" 150 ",                        
                        "5 5 \"Opened\" 150 ",
                        "5 5 \"Expired\" 150 ",
                        "5 5 \"Closed\" 150 ",
                        "6 6 \"Cur\" 150 ",
                        "6 6 \"Cur\" 150 ",                        
                        "7 7 \"L/C Amount\" 150 ",  
                        "7 7 \"Open Amount\" 150 ",                                                
                    ],
                    data: [

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

    }
}
</script>
<style>

</style>
