<template>
    <div class="eibs-tab" >
        <c-content>
          <c-col :span="11">
            <c-col :span="24" >
              <el-form-item label="FeeCode" prop="rec.cod">
                 <c-input 
                  v-model="model.cod"  
                  placeholder="请输入FeeCode"></c-input>
              </el-form-item>
            </c-col>
          </c-col>

        <c-col :span="12" :offset="1">
          <c-col :span="24" >
            <el-form-item label="Description" prop="rec.nam">
              <c-input v-model="model.nam"  placeholder="请输入Description"></c-input>
            </el-form-item>
          </c-col>
        </c-col>
              
                    <!--重置-->
        <c-col :span="24" style="text-align: right; height: 36.8px"   >
          <el-button size="small" @click="onInfbutClr">重置</el-button>
          <el-button  type="primary"  icon="el-icon-search"  size="small"  @click="onInfbutSearow()">查询</el-button  >
        </c-col> 
            
     <div style="margin-top:20px;">

      <!-- EXCEL导出
            <c-button size="small" type="primary"  @click="onInfbutButprt">
                EXCEL导出
            </c-button>
            <c-button size="small" type="primary"  @click="onInfbutExi">
                Exit
            </c-button>
            <c-button size="small" type="primary"  @click="onInfbutClr">
                Clear
            </c-button>
            <c-button size="small" type="primary"  @click="onInfbutDsp(scope.$index, scope.row)">
                Display
            </c-button>
            <c-button size="small" type="primary"  @click="onInfbutSearow">
                Search
            </c-button> -->

        </div>

        <c-col :span="24" >
            <c-istream-table 
                :list="stmData.data" 
                :columns="stmData.columns"
                v-on:chooseRowEvent="chooseRowEvent"
                :showButtonFlg="false">
            <c-table-column fixed="right" prop="op" label="操作" width="160px">
            
            <template slot-scope="{ scope }">
                <c-button size="small" type="primary" @click="onInfbutDsp(scope.$index, scope.row)">详情 </c-button>
                <!-- <c-button style="margin-left: 0" size="small"  type="primary" @click="continueEdit(scope.row)"> 处理</c-button>
              <el-popover placement="top-start" width="50" trigger="click">
                <ul class="table-button-item-list">
                  <li>
                    <c-button size="small" style="margin-left: 0" >指派</c-button  >
                  </li>
                  <li> 
                    <c-button size="small" style="margin-left: 0" >删除</c-button >
                  </li>
                </ul>
                <a
                  slot="reference"
                  href="javascript:void(0)"
                  style="margin-left: 5px"
                  ><i class="el-icon-more"></i
                ></a>
              </el-popover> -->
            </template>
          </c-table-column>
        </c-istream-table>
      </c-col>


            <!-- <c-function-btn
            :handleSubmit="handleSubmit"
            :handleCheck="handleCheck"
            :handleStash="handleStash"
            >
            </c-function-btn> -->

        </c-content>
    </div>
</template>
<script>

import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Inffee/Event";
import commonFuncs from "~/mixin/commonFuncs"

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

        return {
          //  initdialog: false,
         
            searchToggle: false,
       
            stmData: {
                columns: [
                    "1 1 \"Fee Cod\" 160 ",
                    { index: 1, position: 2, width: 200, pattern: 'code', label: 'description',"code":"fepfeecod"},
                  //  "1 2\"Description\" 160 ",
                    "2 3 \"Relevant Amount\" 180",
                    "3 4 \"SWIFT / DTA Code\" 180",
                    "4 5 \" Booking Type\" 160 ",
                    "5 6 \" Fee Payer (Default) \" 180",
                    "6 7 \"Account\" 180",
      
            
                ],
                data: [     ] 
                


            }
        } 
    },
    computed: {
        tableData() {
      return this.model.infbut.dspstm.rows;
    },
      /*  stmData() {
      
      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>