<template>
  
 <c-content class="eibs-tab" :height="200">
  <c-infsearch-group @handleSearch="onInfbutSearow" @handleReset="onInfbutClr">
    
    <!-- 持续展示区 -->
  <template slot="keepShow">
    <c-row>
      <c-col :span="24">
        <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>
    </c-row>
  </template>

   <!-- 可控展示区 -->
   <template slot="changeShow">
    <c-row>
      <c-col :span="24">
       <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>

      <c-col :span="24">
       <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="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>
       </c-col>
      </c-col>

      <c-col :span="24">
       <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>

      <c-col :span="24">
       <c-col :span="6">
        <el-form-item label="Opening between" 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="6">
        <el-form-item label="Open Date to" 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 :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>
       </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">
              </c-select>
        </el-form-item>
       </c-col>
      </c-col>

      <c-col :span="24">
       <c-col :span="12">
        <c-col :span="12">
          <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>
        </c-col>
       </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="Amount to" 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="12">
        <c-col :span="12">
          <el-form-item label="Document Type" prop="seadoctypcod">
            <c-select v-model="model.seadoctypcod" style="width:100%" placeholder="请选择Document Type">
              </c-select>
          </el-form-item>
        </c-col>
       </c-col>

       <c-col :span="12">
        <c-col :span="12">
	       <c-checkbox v-model="model.infcon.forflg">转卖单据</c-checkbox>
        </c-col>

        <c-col :span="12">
          <el-form-item label="是否通过电证系统" prop="elcflg">
            <c-select v-model="model.elcflg" style="width:100%" placeholder="请选择是否通过电证系统">
              </c-select>
          </el-form-item>
        </c-col>
       </c-col>           

      </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"
                @click="onInfbutDsp"
                :disabled="model.infbut.selrow === 0"
                >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 :border="true" 
              :list="tableData" 
              :columns="stmData.columns"
              v-on:chooseRowEvent="chooseRowEvent"
              style="width:80%,text-align:center">

                <!--
                <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-row>          
       <c-col :span="24">
        <c-istream-table :list="model.infbut.dspstm" :columns="stmData.columns">
        </c-istream-table>
       </c-col>
    </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/Infbfd/Event"

export default {
    inject: ['root'],
    props:["model","codes"],
    mixins: [CommonProcess],
    data(){
        return {
                stmData: {
                    columns: [
                        "1 1 \"Reference\" 100 ",
                        "1 1 \"Resp. User\" 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 \"\" 150 ",
                        "5 5 \"\" 150 ",
                        "5 5 \"转卖日期\" 150 ",
                        "6 6 \"Opened\" 50 ",                        
                        "6 6 \"Closed\" 50 ", 
                        "7 7 \"Cur\" 50 ",                        
                        "7 7 \"Cur\" 50 ",                         
                        "8 8 \"Doc.Amount\" 150 ",                        
                        "8 8 \"Open Amount\" 150 ", 
                    ],
                    data:[
                      
                    ]
                },
        }
    },
	computed: {
    tableData() {
      // "10000449\t2000007350\t2000007350-001\tBEIJING TESTTEST,BEIJING, CHINA\t\t100080\tBEIJING, CHINA\tTEST TEST1 CO.,LTD."
      console.log(this.model.infbut.dspstm.rows)
      return this.model.infbut.dspstm.rows;
    },
  },
    methods:{
    chooseRowEvent(row) {
      this.model.infbut.selrow = row.IDX + 1;
    },  
      
      ...Event},
    created:function(){

    }
}
</script>
<style>

</style>
