Infsea.vue 5.38 KB
<template>
  <div class="eibs-tab">
                                                                
       <c-col :span="12">
        <el-form-item label="Type" prop="sealsntyp">
            <c-select v-model="model.sealsntyp" style="width:100%" placeholder="请选择客户类型" >
            <el-option v-for="item in sealsntypList" :key="item.value" :label="item.label" :value="item.value">
            </el-option>
              </c-select>
        </el-form-item>
       </c-col>

        <c-col :span="12">
        <el-form-item label="额度类型" prop="nonrevflg">
            <c-select v-model="model.nonrevflg" style="width:100%" placeholder="请选择额度类型" dbCode="LIMTYP">
              </c-select>
        </el-form-item>
       </c-col>
                                                    
       <c-col :span="12">
        <el-form-item v-if="model.sealsntyp=='PTY'" label="Party" prop="seaptyextkey">
            <c-input v-model="model.seaptyextkey" maxlength="40" placeholder="">
              </c-input>
        </el-form-item>
       </c-col>
       <c-col :span="12">
        <el-form-item v-if="model.sealsntyp=='CTY'" label="Country" prop="seactycod">
            <c-select v-model="model.seactycod" style="width:100%" placeholder="">
              </c-select>
        </el-form-item>
       </c-col>
        <c-col :span="12">
        <el-form-item v-if="model.sealsntyp=='REG'" label="Region" prop="recpanregcod">
            <c-select v-model="model.recpanregcod" style="width:100%" placeholder="">
              </c-select>
        </el-form-item>
       </c-col>

       <c-col :span="12">
        <el-form-item v-if="model.sealsntyp=='PTY'" label="Party Name" prop="seaptynam">
            <c-input v-model="model.seaptynam" maxlength="40" placeholder="">
            </c-input>
        </el-form-item>
       </c-col>
        <c-col :span="12">
        <el-form-item v-if="model.sealsntyp=='CTY'" label="Country Name" prop="ctycod">
            <c-input v-model="model.ctycod" maxlength="40" placeholder="">
            </c-input>
        </el-form-item>
       </c-col>
      <c-col :span="12">
        <el-form-item v-if="model.sealsntyp=='REG'" label="Region Name" prop="regtxt">
            <c-input v-model="model.regtxt" maxlength="40" placeholder="">
            </c-input>
        </el-form-item>
       </c-col>
       
     <c-col :span="6">
        <el-form-item label="" prop="limpan.seabut">
          <c-button size="medium" type="primary" style="margin-left: 50px" @click="handleSearch2">查询
          </c-button>
        </el-form-item>
       </c-col>
    <div style="height: 90%">
      <c-col :span="24">
        <el-table id='infgidSpTableRef' :data="feptableData2" :highlight-current-row="true" :border="true" style="width:100%" size="medium">
          <el-table-column label="type" prop="lsn" align="left">
          </el-table-column>
          <el-table-column label="Limit Type" prop="lsninr2" align="left">
          </el-table-column>
          <el-table-column label="Cur" prop="cur" align="left">
          </el-table-column>
          <el-table-column label="Limit Amt" prop="amt" align="left">
          </el-table-column>
          <el-table-column label="Cur" prop="naccur" align="left">
          </el-table-column>
          <el-table-column label="Pending Amt" prop="nacamt" align="left">
          </el-table-column>
          <el-table-column label="Status" prop="lss" align="left">
          </el-table-column>
          <el-table-column label="Exp.Date" prop="expdat" align="left">
          </el-table-column>
          <el-table-column label="授信品种" prop="nonrevflg" align="left">
          </el-table-column>
          <el-table-column label="额度批复号/合同流水号" prop="ownref" align="left">
          </el-table-column>
          <el-table-column label="Cur" prop="usecur" align="left">
          </el-table-column>
          <el-table-column label="公开占用金额" prop="useame" align="left">
          </el-table-column>
          <el-table-column label="Cur" prop="utlcur" align="left">
          </el-table-column>
          <el-table-column label="单笔占用金额" prop="utlamt" align="left">
          </el-table-column>
        </el-table>
        	<el-pagination layout="prev, pager, next, jumper" :total="pagination.total" :page-size="pagination.pageSize" :current-page="pagination.pageNum"
						@current-change="currentChange">
					</el-pagination>
      </c-col>
    </div>
     </div>
</template>
<script>
import Api from "~/service/Api"
import CodeTable from "~/config/CodeTable"
import event from "../event";

export default {
    inject: ['root'],
    props:["model","codes"],
    mixins: [event],
    data(){
        return {
        feptableData2:[],
        markOrgList: [],
        pagination: {
        pageNum: 1,
        pageSize: 10,
        total: 0
      },
        sealsntypList:[
          { label: "Engagement per Party", value: "PTY" },
          { label: "Engagement per Country", value: "CTY" },
          { label: "Engagement per Party", value: "REG" },
        ]
        }
    },
    computed: {
    columns() {
      return this.tableColumns.filter(item => item.isShow);
    },
  },
    methods:{
      formSubmit() {
      this.handleSearch();
    },
    async currentChange(num) {
      this.pagination.pageNum = num;
      this.formSubmit();
    },
    },
      mounted() {
        
      },
    created:function(){

    }
}
</script>
<style>

</style>