<template>
  <div class="eibs-tab">
    <el-row>
      <c-col :span="6">
          <el-form-item label="Document Amount" prop="btdgrp.cbs.max.cur">
              <c-select disabled v-model="model.btdgrp.cbs.max.cur"
                        style="width: 100%"
                        placeholder="请选择Currency"><!--@keyup.enter.native="nom1CurEvent"-->
                  <el-option v-for="item in codes.cur"
                             :key="item.value"
                             :label="item.label"
                             :value="item.value">
                  </el-option>
              </c-select>
          </el-form-item>
      </c-col>
        <c-col :span="5">
            <el-form-item
                    style="text-align: left"
                    label-width="20px"
                    prop="btdgrp.cbs.max.amt"
            >
                <c-input-currency
                        v-model="model.btdgrp.cbs.max.amt"
                        style="text-align: left; width: 100%"
                        placeholder="Document Amount"
                ></c-input-currency>
            </el-form-item>
        </c-col>
    </el-row>
      <el-row>
      <c-col :span="6">
          <el-form-item label="Claim Add Amt" prop="btdgrp.cbs.max2.cur">
              <c-select disabled v-model="model.btdgrp.cbs.max2.cur"
                        style="width: 100%"
                        placeholder="请选择Currency"><!--@keyup.enter.native="nom1CurEvent"-->
                  <el-option v-for="item in codes.cur"
                             :key="item.value"
                             :label="item.label"
                             :value="item.value">
                  </el-option>
              </c-select>
          </el-form-item>
      </c-col>

      <c-col :span="5">
          <el-form-item
                  style="text-align: left"
                  label-width="20px"
                  prop="btdgrp.cbs.max2.amt">
              <c-input-currency
                      v-model="model.btdgrp.cbs.max2.amt"
                      style="text-align: left; width: 100%"
                      placeholder="Additional Amount"
              ></c-input-currency>
          </el-form-item>
      </c-col>
      </el-row>
      <el-row>
          <c-col :span="12">
              <el-form-item label="Charges Deducted" prop="btdgrp.blk.chaded">
                  <c-input type="textarea" style="overflow-y:hidden" v-model="model.btdgrp.blk.chaded" maxlength="190" rows="6" cols="35" show-word-limit placeholder="请输入Charges Deducted" ></c-input>
              </el-form-item>
          </c-col>
      </el-row>


      <el-row>
           <c-col :span="12">
            <el-form-item label="Charges Added" prop="btdgrp.blk.chaadd">
                <c-input type="textarea" style="overflow-y:hidden" v-model="model.btdgrp.blk.chaadd" maxlength="190" rows="6" cols="35" show-word-limit placeholder="请输入Charges Added" ></c-input>
            </el-form-item>
            </c-col>
      </el-row>
      <el-row>
           <c-col :span="6">
               <el-form-item label="Amount to be paid" prop="btdgrp.rec.totcur">
                   <c-select disabled v-model="model.btdgrp.rec.totcur"
                             style="width: 100%"
                             placeholder="请选择Currency"><!--@keyup.enter.native="nom1CurEvent"-->
                       <el-option v-for="item in codes.cur"
                                  :key="item.value"
                                  :label="item.label"
                                  :value="item.value">
                       </el-option>
                   </c-select>
               </el-form-item>
           </c-col>
           <c-col :span="5">
            <el-form-item label="" style="text-align: left"
                          label-width="20px" prop="btdgrp.rec.totamt">
                <c-input-currency
                        v-model="model.btdgrp.rec.totamt"
                        style="text-align: left; width: 100%"
                        placeholder="Amount to be paid"
                ></c-input-currency>
            </el-form-item>
           </c-col>
      </el-row>

      <el-row>

          <c-col :span="8" >
              <el-form-item label="Account with Bank">
                  <c-input placeholder="" disabled></c-input>
              </el-form-item>
          </c-col>
          <c-col :span="7" >
              <el-form-item label="" label-width="15px">
                  <c-button size="small" type="primary" @click="onSndpDet" disabled>
                      Details
                  </c-button>
              </el-form-item>
          </c-col>

          <c-col :span="12">
              <el-form-item label="">
                  <c-input
                          type="textarea"
                          placeholder=""
                          maxlength="140"
                          show-word-limit
                          rows="4"
                          disable
                          style="width: 90%"
                  ></c-input>
              </el-form-item>
          </c-col>
      </el-row>

      <el-row>
          <c-col :span="12">
          <c-col >
              <el-form-item label="Discrepancies" prop="btdgrp.blk.docdis">
                  <c-input type="textarea" style="overflow-y:hidden" rows="7" cols="50" v-model="model.btdgrp.blk.docdis" maxlength="3500"  placeholder="请输入Discrepancies" ></c-input>
              </el-form-item>
          </c-col>
          <c-col :span="12" offset="8">
              <c-checkbox v-model="model.btdgrp.blk.docdisflg">discrepancies modified</c-checkbox>
          </c-col>
          </c-col>
      </el-row>
   </div>
</template>
<script>
import Api from "~/service/Api"
import CommonProcess from "~/mixin/CommonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Bttdck/Event"

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

        }
    },
    methods:{...Event},
    created:function(){

    }
}
</script>
<style>

</style>
