<template>
    <div class="eibs-tab">
      <!-- <c-col :span="24" style="margin-bottom:18px">
          Liability
      </c-col> -->
      <c-col :span="23" style="margin-left:9px">
        <c-table :list="model.liaall.liaallg" style="width:80%,text-align:center,margin-bottom:18px" :border="true">
          <el-table-column prop="bussec" label="BS" width="40px"> </el-table-column>
          <el-table-column prop="cbtpfx" label="Type" width="60px"> </el-table-column>
          <el-table-column prop="matdat" label="Maturity" width="100px"> </el-table-column>
          <el-table-column prop="tenday" label="Tenor" width="70px"> </el-table-column>
          <el-table-column prop="rol" label="Dbt." width="70px"> </el-table-column>
          <el-table-column prop="nam" label="Name" width="170px"> </el-table-column>
          <el-table-column prop="cdtrol" label="Cdt." width="70px"> </el-table-column>
          <el-table-column prop="cur" label="Cur" width="55px"> </el-table-column>
          <el-table-column prop="oldamt" label="Old Amount" width="150px">
           <!-- <template slot-scope="scope">
                    {{moneyFormat(scope.row.oldamt)}}
           </template> -->
          </el-table-column>
          <el-table-column prop="amt" label="Booking Amo" width="100px">
          <!-- <template slot-scope="scope">
                    {{moneyFormat(scope.row.amt)}}
           </template> -->
           </el-table-column>
          <el-table-column prop="tenpct" label="%" width="80px"> 
          </el-table-column>
          <el-table-column prop="acc" label="Account" width="150px"> </el-table-column>
          <el-table-column prop="valdat" label="Value Date" width="200px">
           <!-- <template slot-scope="scope">
                    {{dateFormat(scope.row.valdat)}}
           </template> -->
          </el-table-column>
          <el-table-column label="" prop="det" width="80px" fixed="right">
                      <template slot-scope="scope" slot="header">
                          <el-button
                              circle
                              style="padding:4px"
                              class="el-icon-plus"
                              size="mini"
                              @click="addRow(scope)"
                          >
                          </el-button>
                          <el-button
                              style="padding:4px"
                              circle
                              class="el-icon-minus"
                              size="mini"
                              @click="removeRow(scope)"
                          >
                          </el-button>
                      </template>
                      <template slot-scope="scoped">
                          <el-button
                              style="margin-left:0"
                              size="small"
                              type="primary"
                              @click="detail1(scoped.$index, scoped.row)"
                              >详情</el-button
                          >
                      </template>
                  </el-table-column>
        </c-table>
      </c-col>
                                                                  
         <!-- <c-col :span="12">
          <el-form-item label="Sight Amount">
              <c-input style="width:50%"  v-model="model.liaall.outamt"  placeholder="请输入Sight Amount"></c-input>
          </el-form-item>
         </c-col>                 
                    
         <c-col :span="12">
          <el-form-item label="Sight Amount Percentage">
              <c-input style="width:50%"  v-model="model.liaall.outpct"  placeholder="请输入Sight Amount Percentage"></c-input>
          </el-form-item>
         </c-col>             
                                                      
         <c-col :span="12">
          <el-form-item label="External Booking Amount">
              <c-input style="width:70%"  v-model="model.liaall.concur" maxlength="3"  placeholder="请输入External Booking Amount"></c-input>
          </el-form-item>
         </c-col>              -->
                    
         <c-col :span="16" style="margin-top:10px">
          <el-form-item label="Amount not yet assigned">
              <c-input style="width:15%" disabled  v-model="model.liaall.concur" maxlength="3"  placeholder="请输入External Booking Amount"></c-input>
              <c-input style="width:40%" disabled v-model="model.liaall.misamt"  placeholder="请输入Amount not yet assigned"></c-input>
              <c-button style="width:20%" size="small" disabled type="primary"  @click="onLiaallButmisamt">
                  Add to Current Line
              </c-button>
          </el-form-item>
         </c-col>                 
                    
         <!-- <c-col :span="1" style="text-align:left;margin-left:0">
             <el-form-item label="">
              <c-button size="small" disabled type="primary"  @click="onLiaallButmisamt">
                  Add to Current Line
              </c-button>
             </el-form-item>
         </c-col> -->
                    
         <!-- <c-col :span="12">
          <el-form-item label="">
              <c-button size="small" type="primary"  @click="onLiaallButmissig">
                  Add to Sight Amount
              </c-button>
          </el-form-item>
         </c-col>
                                     
         <c-col :span="12">
          <el-form-item label="Old Amount booked externally">
              <c-input style="width:50%"  v-model="model.liaall.exttotoldamt"  placeholder="请输入Old Amount booked externally"></c-input>
          </el-form-item>
         </c-col>                 
                                     
         <c-col :span="12">
          <el-form-item label="Total booking amount external assinged">
              <c-input style="width:50%"  v-model="model.liaall.exttotamt"  placeholder="请输入Total booking amount external assinged"></c-input>
          </el-form-item>
         </c-col>                  -->
                     </div>
  </template>
  <script>
  import Api from "~/service/Api"
  import CommonProcess from "~/mixin/CommonProcess";
  import CodeTable from "~/config/CodeTable"
  import Event from "~/model/Cltset/Event"
  
  export default {
      inject: ['root'],
      mixins: [CommonProcess],
      props:["model","codes"],
      data(){
          return {
  
          }
      },
      methods:{...Event},
      created:function(){
  
      }
  }
  </script>
  <style>
  
  </style>
  