<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">
          <template slot-scope="scope">
            <c-date-picker
              type="date"
              v-model="scope.row.matdat"
              value-format="YYYY-MM-DD"
              placeholder="请选择Date"
              style="width: 100%"
              @change="executeDefault('liaall.liaallg.matdat')"
            >
            </c-date-picker>
          </template>
        </el-table-column>
        <el-table-column prop="tenday" label="Tenor" width="70px">
          <template slot-scope="scope">
            <c-input
              v-model="scope.row.tenday"
              style="width: 100%"
              placeholder="请输入"
            >
            </c-input>
          </template>
        </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">
            <c-button
              style="margin-left: 0"
              size="small"
              type="primary"
              @click="detail1(scoped.$index, scoped.row)"
              >详情</c-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>