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

      <c-col :span="24">                                                    
       <c-col :span="12">
        <el-form-item label="Type" prop="sealsntyp">
            <c-select disabled 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>
                                                    
       <c-col :span="12">
        <el-form-item v-if="model.sealsntyp=='PTY'" label="Party" prop="ptyExtkey">
            <c-select disabled v-model="model.ptyExtkey" style="width:100%" placeholder="">
              </c-select>
        </el-form-item>
       </c-col>
       <c-col :span="12">
        <el-form-item v-if="model.sealsntyp=='CTY'" label="Country" prop="Ctycod">
            <c-select disabled v-model="model.Ctycod" 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="Regcod">
            <c-select disabled v-model="model.Regcod" 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="ptyNam">
            <c-input disabled v-model="model.ptyNam" 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 disabled 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 disabled v-model="model.regtxt" maxlength="40" placeholder="">
            </c-input>
        </el-form-item>
       </c-col>

    <c-col :span="24">
      <c-col :span="6">
        <el-form-item  label="Limit Type" prop="lsn">
            <c-input disabled v-model="model.lsn" maxlength="40" placeholder="">
            </c-input>
        </el-form-item>
       </c-col>
       <c-col :span="6">
        <el-form-item  label="" prop="lsninr2" label-width="5px">
            <c-input disabled v-model="model.lsninr2" maxlength="40" placeholder="">
            </c-input>
        </el-form-item>
       </c-col>
       </c-col>

        <c-col :span="12">
        <el-form-item  label="Status" prop="lss">
            <c-input disabled v-model="model.lss" maxlength="40" placeholder="">
            </c-input>
        </el-form-item>
       </c-col>
       <c-col :span="6">
        <el-form-item  label="Limit" prop="cur">
             <c-select disabled v-model="model.cur" style="width: 100%" placeholder=""
                dbCode="curtxt">
              </c-select>
        </el-form-item>
       </c-col>
       <c-col :span="6">
        <el-form-item  label="" prop="amt" label-width="5px">
            <c-input-currency disabled v-model="model.amt" :currency="model.cur"
                style="width:100%" placeholder="请输入">
            </c-input-currency>
        </el-form-item>
       </c-col>

        <c-col :span="12">
        <el-form-item  label="Expiry Date of the Limit" prop="expdat">
            <c-date-picker disabled type="date" v-model="model.expdat" style="width: 100%" placeholder="">
            </c-date-picker>
        </el-form-item>
       </c-col>
       <c-col :span="6">
        <el-form-item  label="Used" prop="usecur">
             <c-select disabled v-model="model.usecur" style="width: 100%" placeholder=""
                dbCode="curtxt">
              </c-select>
        </el-form-item>
       </c-col>
       <c-col :span="6">
        <el-form-item  label="" prop="useamt" label-width="5px">
            <c-input-currency disabled v-model="model.useamt" :currency="model.usecur"
                style="width:100%" placeholder="请输入">
            </c-input-currency>
        </el-form-item>
       </c-col>

      <c-col :span="6">
        <el-form-item label="额度类型" prop="limtypflg">
            <c-select disabled v-model="model.limtypflg" style="width:100%" placeholder="请选择额度类型" dbCode="LIMTYP">
              </c-select>
        </el-form-item>
       </c-col>
      <c-col :span="6">
        <el-form-item  label="" prop="ownref" label-width="5px">
            <c-input disabled v-model="model.ownref" maxlength="40" placeholder="">
            </c-input>
        </el-form-item>
       </c-col>

      <c-col :span="6">
        <el-form-item  label="Open" prop="opncur">
             <c-select disabled v-model="model.opncur" style="width: 100%" placeholder=""
                dbCode="curtxt">
              </c-select>
        </el-form-item>
       </c-col>
       <c-col :span="6">
        <el-form-item  label="" prop="opnamt" label-width="5px">
            <c-input-currency disabled v-model="model.opnamt" :currency="model.opncur"
                style="width:100%" placeholder="请输入">
            </c-input-currency>
        </el-form-item>
       </c-col>

         <c-col :span="6">
        <el-form-item  label="Pending" prop="naccur">
             <c-select disabled v-model="model.naccur" style="width: 100%" placeholder=""
                dbCode="curtxt">
              </c-select>
        </el-form-item>
       </c-col>
       <c-col :span="6">
        <el-form-item  label="" prop="nacamt" label-width="5px">
            <c-input-currency disabled v-model="model.nacamt" :currency="model.naccur"
                style="width:100%" placeholder="请输入">
            </c-input-currency>
        </el-form-item>
       </c-col>




       

    <div style="height: 90%">
      <c-col :span="24" v-if="model.limtypflg='1'">
        <el-table id='infgidSpTableRef'  :highlight-current-row="true" :border="true" style="width:100%" size="medium">
          <el-table-column label="Reference" prop="ownref" align="left">
          </el-table-column>
          <el-table-column label="Bus." prop="objtyp" align="left">
          </el-table-column>
          <el-table-column label="Bus.No" prop="objinr" align="left">
          </el-table-column>
          <el-table-column label="Cur" prop="cur" align="left">
          </el-table-column>
          <el-table-column label="Balance" prop="amt" align="left">
          </el-table-column>
          <el-table-column label="Limit Cur" prop="xrfcur" align="left">
          </el-table-column>
          <el-table-column label="Limit Amt" prop="xrfamt" align="left">
          </el-table-column>
          <el-table-column label="Rate" prop="decode" align="left">
          </el-table-column>
          <el-table-column label="Status" prop="round" 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>
      <c-col :span="24" v-if="model.limtypflg!='1'">
        <el-table id='infgidSpTableRef'  :highlight-current-row="true" :border="true" style="width:100%" size="medium">
          <el-table-column label="Status" prop="objinr" align="left">
          </el-table-column>
          <el-table-column label="Limit Type" prop="lsrflg" align="left">
          </el-table-column>
          <el-table-column label="Cur" prop="cur" align="left">
          </el-table-column>
          <el-table-column label="Amount" prop="amt" align="left">
          </el-table-column>
          <el-table-column label="Reference" prop="ownref" align="left">
          </el-table-column>
          <el-table-column label="TRN INR" prop="inr" align="left">
          </el-table-column>
          <el-table-column label="Transaction" prop="extid" 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 {
        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>