Infsea.vue

<template>
    <c-content class="eibs-tab">
       <!--  
       <c-row>
                  
       <c-col :span="12">
        <c-button size="small" type="primary"  @click="onInfbutSearow">
            &Search
        </c-button>
       </c-col>
                  
       <c-col :span="12">
        <c-button size="small" type="primary"  @click="onInfbutExi">
            E&xit
        </c-button>
       </c-col>
                  
       <c-col :span="12">
        <c-button size="small" type="primary"  @click="onInfbutDsp">
            D&isplay
        </c-button>
       </c-col>                   
       <c-col :span="12">
        <el-form-item label="CUR" prop="cod">
            <c-input  v-model="model.cod" maxlength="3"  placeholder="请输入CUR"></c-input>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="Currency Description" prop="seanam">
            <c-input  v-model="model.seanam" maxlength="40"  placeholder="请输入Currency Description"></c-input>
        </el-form-item>
       </c-col>
              --> 
       <!--          
       <c-col :span="12">
        <c-button size="small" type="primary"  @click="onInfbutUserow">
            &Use
        </c-button>
       </c-col>
                  
       <c-col :span="12">
        <c-button size="small" type="primary"  @click="onInfbutClr">
            &Clear
        </c-button>
       </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>
                 
       <c-col :span="12">
        <c-button size="small" type="primary"  @click="onInfbutButprt">
            导Excel
        </c-button>
       </c-col>
       
       </c-row>
       -->
       <c-infsearch-group @handleReset="onInfbutClr" @handleSearch="onInfbutSearow">
            <template slot="keepShow">
                <c-row>
                    <c-col :span="12">
                        <el-form-item label="币种" prop="cod">
                            <c-input  v-model="model.cod" maxlength="3"  placeholder="请输入CUR"></c-input>
                        </el-form-item>
                    </c-col>
                                   
                    <c-col :span="12">
                        <el-form-item label="币种名称" prop="seanam">
                            <c-input  v-model="model.seanam" maxlength="40"  placeholder="请输入Currency Description"></c-input>
                        </el-form-item>
                    </c-col>
                </c-row>
            </template>

       </c-infsearch-group>

      <c-row class="infrow" style="margin-top:20px;">
            <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 class="infrow" style="margin-top:20px;">
            <c-istream-table :list="stmData.data" :columns="stmData.columns">
                <el-table-column prop="op" label="操作" 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-col :span="22" :offset="1">
      <c-istream-table 
        :border="true" 
        :list="tableData" 
        :columns="stmData.columns"
        v-on:chooseRowEvent="chooseRowEvent"
        style="width:80%,text-align:center">
      </c-istream-table>
    </c-col>

  </c-content>
</template>
<script>
import Api from "~/service/Api"
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Infcur/Event"

export default {
    inject: ['root'],
    props:["model","codes"],
    mixins: [commonProcess],
    data(){
        return {
                stmData: {
                    columns: [
                        "1 1 \"Currency\" 100 ",
                        "2 2 \"Description\" 300",
                    ]
                },
        }
    },
	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>