<template>
  <div class="eibs-tab">
    <!-- <c-col :span="24" style="margin-bottom:18px">
        Liability
    </c-col> -->
    <c-col :span="24" style="">
      <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="300"> </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"

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

        }
    },
    methods:{
        async onLiaallButmisamt() {
            let rtnmsg = await this.executeRule("liaall_butmisamt")
            if (rtnmsg.respCode == SUCCESS) {
                //TODO 处理数据逻辑

            }
            else {
                this.$notify.error({ title: '错误', message: '服务请求失败！' });
            }
        },
    },
    created:function(){

    }
}
</script>
<style>

</style>
