Infsea.vue

<template>
  <div class="eibs-tab">
    <c-content>

      <c-col :span="11">
        <c-col :span="24">
        <el-form-item label="Account No." prop="extkey">
            <c-input 
             v-model="model.extkey"
             placeholder="请输入Account No">
            </c-input>
        </el-form-item>
       </c-col>
      
       <!-- SF000045 : Holding Party -->           
      <c-col :span="24">
        <el-form-item label="Holding Party" prop="hdlpty.extkey">
            <c-input  
             v-model="model.hdlpty.extkey" 
             placeholder="请输入 Holding Party">
            </c-input>
        </el-form-item>
       </c-col>

         <!-- SF000042 : Type -->     
       <c-col :span="24">
        <el-form-item label="Type" prop="typ">
            <c-select
             v-model="model.typ" 
             style="width:100%"
              placeholder="请输入type">
                <el-option 
                 v-for="item in codes.recgrptyp" 
                 :key="item.value" 
                 :label="item.label"
                 :value="item.value">
               </el-option>
            </c-select>
        </el-form-item>
       </c-col>
      </c-col>


       <c-col :span="12" :offset="1">
         <!-- SF000048 : Name of Account Owner -->    
       <c-col :span="24">
        <el-form-item 
        label="Name of Act. Owner" 
        prop="nam">
            <c-input  
             v-model="model.nam"
             placeholder="请输入Name of Act. Owner">
             </c-input>
        </el-form-item>
       </c-col>
 
      <!-- SF000050 : IBAN -->        
       <c-col :span="24">
        <c-form-item label="IBAN" prop="iban">
            <c-input  
            v-model="model.iban" 
            placeholder="请输入IBAN"></c-input>
        </c-form-item>
       </c-col>     

       <!-- SF000043 : Currency -->            
       <c-col :span="24">
        <el-form-item :label="'Currency'" prop="cur">
            <c-select 
            v-model="model.cur" 
            style="width:100%" 
            :placeholder="'请输入Currency'">
                <el-option 
                v-for="item in codes.curtxt1" 
                :key="item.value" 
                :label="item.label"
                  :value="item.value">
                </el-option>
              </c-select>
        </el-form-item>
       </c-col>  
       </c-col> 
       
  
         <c-col :span="24" style="text-align: right; height: 36.8px">
         <el-button size="small" @click="handleReset">重置</el-button> 
         <el-button
          type="primary"
          icon="el-icon-search"
          size="small"
          @click="onInfbutSearow()"
          >查询
        </el-button>
      </c-col>  

      <c-col :span="24">
        <div style="border-bottom: 10px solid rgb(232, 232, 232)"></div>
      </c-col>

      <c-col :span="24" style="margin-top: 10px">
        <c-button
          size="small"
          type="primary"
          @click="onInfbutButprt"
          style="float: right"
        >
          导出Excel
        </c-button>
      </c-col>

      <c-col :span="24" >
        <c-istream-table 
        :list="stmData.data" 
        :columns="stmData.columns"
        :showButtonFlg="false">

        <c-table-column fixed="right" prop="op" label="操作" width="160px">
        <template slot-scope="{ scope }">
                <c-button style="margin-left: 0" size="small"  @click="onInfbutDsp(scope.$index, scope.row)">详情 </c-button>
              
            </template>
        </c-table-column>
        
        </c-istream-table>
      </c-col>
    </c-content>
     
  </div>
</template>
<script>
import Api from "~/service/Api"
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Infact/Event"

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

        return {
    
            stmData: {
              columns: [
            "8 1 \"Account Owner\" 180 ",
            "3 2\"Typ\" 160",
            "4 3 \"Cur\" 160",
            "5 4 \"Account No.\" 180",
            "6 5 \" Owner Number\" 180 ",

             "9 6 \"Servicing Party \" 160",
             "10 7 \"Servicing Number\" 160",
        
        ],
        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>