<template>
  <div class="eibs-tab">
    <c-list-search @form-reset="onInfbutClr" @form-search="onInfbutSearow">
      <template v-slot="searchSlot">
        <el-form class="m-table-search-form" ref="paramsForm" :inline="true" label-position="left" label-width="110px" size="small">
          <el-row>
            <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>
                </el-row>
          <el-row v-show="searchSlot.searchToggle">
            <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="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-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 :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="12">
              <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>
            </c-col>
     
            <c-col :span="12">
              <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>
            </c-col>
            <c-col :span="12">
              <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="12">
              <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 :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 :span="12">
              <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="12">
              <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 :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-col :span="12">
              <el-form-item label="Payment Condition" prop="seadoctypcod">
                <c-select v-model="model.seadoctypcod" style="width:100%" placeholder="请选择Payment Condition"></c-select>
              </el-form-item>
            </c-col>
        
            <c-col :span="12">
              <el-form-item label="Goods Code" prop="seagodcod">
                <c-select v-model="model.seagodcod" style="width:100%" placeholder="请选择Goods Code"></c-select>
              </el-form-item>
            </c-col>
            <c-col :span="12">
              <el-form-item label="display stream" prop="infbut.dspstm">
                <c-input v-model="model.infbut.dspstm" placeholder="请输入display stream"></c-input>
              </el-form-item>
            </c-col>
          </el-row>
        </el-form>
      </template>
    </c-list-search>
    <div style="margin-top:20px;">
      <c-button size="small" type="primary" @click="onInfbutSearow">&Search</c-button>
      <c-button size="small" type="primary" @click="onInfbutDsp">D&isplay</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">E&xit</c-button></c-col>
    </div>
    <el-row>
      <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>
    </el-row>
  </div>
</template>
<script>
import Api from "~/service/Api"
import commonProcess from "~/mixin/commonProcess"
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Infbcd/Event"

  export
default {
    inject:
    ['root'],
    props: ["model", "codes"],
    mixins: [commonProcess],
    data() {
      return {
        stmData: {
          columns: [
            "1 1 \"Reference\" 100 ", 
            "7 2\"Party Number\" 100", 
            "10 3 \"Party Number\" 110",
            "3 4 \"Party Number\" 100",
            "4 5 \" Opened\" 101 20 DateTime 1", 
            "4 5 \" closed\" 101  ", 
            "5 6 \" Cur\" 100", 
            "5 6 \" Cur\" 100", 
            "6 7 \"Doc.Account\" 100",
             "6 7 \"Open Account\" 100",
            "2 1 \"Dept User\" 100 ", 
            "6 1 \"分行名称\" 100 ", 
            "8 2\"Drawee\" 100", 
            "9 2\"Drawee CN\" 100", 
            "11 3 \"Drawer\" 110",
            "2 3 \"Pta.No\" 110",
             "3 4 \"Remitting Bank\" 100",
              "3 4 \"Goods Code\" 100",
            
          ],
          data: []

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

}
  }</script>
<style></style>