<template>
  <div class="eibs-tab">
     <c-col>                                         
       <c-col :span="5">
        <el-form-item label="单据金额" prop="bddgrp.cbs.max.cur">
            <c-select disabled v-model="model.bddgrp.cbs.max.cur" style="width:100%"  placeholder="请选择单据金额"  :code="codes.cur " ></c-select>
        </el-form-item>
       </c-col>
                  
       <c-col :span="7">
        <el-form-item label=""  label-width="10px" prop="bddgrp.cbs.max.amt">
            <c-input  v-model="model.bddgrp.cbs.max.amt"  placeholder="请输入Balance"></c-input>
        </el-form-item>
       </c-col>
    </c-col>

    <c-col>                               
       <c-col :span="5">
        <el-form-item label="附加金额" prop="bddgrp.cbs.opn2.cur">
            <c-select disabled v-model="model.bddgrp.cbs.opn2.cur" style="width:100%" placeholder="请选择附加金额" :code="codes.cur ">
              </c-select>
            
        </el-form-item>

       </c-col>
                  
       <c-col :span="7">
        <el-form-item label="" label-width="10px" prop="bddgrp.cbs.max2.amt">
            <c-input  v-model="model.bddgrp.cbs.max2.amt"  placeholder="请输入附加金额"></c-input>
        </el-form-item>
       </c-col>
    </c-col>
    
    <c-col>

       <c-col :span="12">
        <el-form-item label="Charges Deducted" prop="bddgrp.blk.chaded">
            <c-input type="textarea" v-model="model.bddgrp.blk.chaded" :rows="4" maxlength="35" show-word-limit placeholder="请输入Charges Deducted" ></c-input>
        </el-form-item>
        </c-col>
    </c-col>

    <c-col>                               
       <c-col :span="12">
        <el-form-item label="Charges Added" prop="bddgrp.blk.chaadd">
            <c-input type="textarea" v-model="model.bddgrp.blk.chaadd" :rows="4" maxlength="35" show-word-limit placeholder="请输入Charges" ></c-input>
        </el-form-item>
        </c-col>
    </c-col>

    <c-col>                               
       <c-col :span="5">
        <el-form-item label="Amount to be Paid" prop="bddgrp.rec.totcur">
            <c-select  disabled v-model="model.bddgrp.rec.totcur" style="width:100%"  placeholder="请选择Total Amount Claimed" :code="codes.cur"></c-select>
        </el-form-item>
       </c-col>
                  
       <c-col :span="7">
        <el-form-item label="" prop="bddgrp.rec.totamt" label-width="10px">
            <c-input  v-model="model.bddgrp.rec.totamt"  placeholder="请输入Total Amount to be Paid"></c-input>
        </el-form-item>
       </c-col>
    </c-col>

    <!-- <c-col>                                      
       <c-col :span="12">
        <el-form-item label="External Key of Address" prop="bddgrp.acb.pts.extkey">
            <c-input  v-model="model.bddgrp.acb.pts.extkey" maxlength="16"  placeholder="请输入External Key of Address" @keyup.enter.native="showGridPromptDialog('brdgrp.acb.pts.extkey')"></c-input>
        </el-form-item>
       </c-col>
             
       <c-col :span="12">
        <c-button size="small" type="primary"  @click="onAcbpDet">
            Details
        </c-button>
       </c-col>
    </c-col> 
                  
       <c-col :span="12">
        <el-form-item label="名称" prop="bddgrp.acb.namelc">
            <c-input type="textarea" v-model="model.bddgrp.acb.namelc" maxlength="35" show-word-limit placeholder="请输入名称" ></c-input>
        </el-form-item>
        </c-col>
                  
       <c-col :span="12">
        <el-form-item label="Address Block" prop="bddgrp.acb.pts.adrblk">
            <c-input type="textarea" v-model="model.bddgrp.acb.pts.adrblk" maxlength="35" show-word-limit placeholder="请输入Address Block" ></c-input>
        </el-form-item>
        </c-col>
                  
       <c-col :span="12">
        <el-form-item label="Chinese address" prop="bddgrp.acb.dbfadrblkcn">
            <c-input type="textarea" v-model="model.bddgrp.acb.dbfadrblkcn" maxlength="35" show-word-limit placeholder="请输入Chinese address" ></c-input>
        </el-form-item>
        </c-col>
                  
       <c-col :span="12">
        <el-form-item label="地址" prop="bddgrp.acb.adrelc">
            <c-input type="textarea" v-model="model.bddgrp.acb.adrelc" maxlength="35" show-word-limit placeholder="请输入地址" ></c-input>
        </el-form-item>
        </c-col> -->
        <c-col>
        <c-col :span="12">
          <c-ptap
            :model="model"
            :argadr="{
              title: 'Account with Bank',
              grp: 'bddgrp',
              rol: 'acb',
            }"
            :noRef="true"
            :isAdrblk="false"
          >
          </c-ptap>
        </c-col>
        </c-col>

       
         <c-col>                          
       <c-col :span="12">
        <el-form-item label="Discrepancies" prop="bddgrp.blk.docdis">
            <c-input type="textarea" :disabled="model.bddgrp.blk.docdisflg!='X'" v-model="model.bddgrp.blk.docdis" :rows="6" maxlength="50" show-word-limit placeholder="请输入Discrepancies" ></c-input>
        </el-form-item>
        </c-col>
        </c-col>
                  
       <c-col :span="12">
	    <c-checkbox v-model="model.bddgrp.blk.docdisflg">discrepancies modified</c-checkbox>
       </c-col>

  </div>
</template>
<script>
import Api from "~/service/Api"
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Ditdav/Event"
import Ptap from "~/views/Public/Ptap";

export default {
    components: { "c-ptap": Ptap },
    inject: ["root"],
    props:["model","codes"],
    mixins: [commonProcess],
    data(){
        return {

        };
    },
    computed: {
        docdisflg: {
      get() {
        return this.model.bddgrp.blk.docdisflg === "X";
      },
      set(val) {
        this.model.bddgrp.blk.docdisflg = val ? "X" : "";
      },
    },
    },
    methods:{...Event},
    created:function(){

    }
}
</script>
<style>

</style>
