<template>
  <div class="eibs">
    <c-col>                                        
       <c-col :span="7">
        <el-form-item label="单据金额" prop="brdgrp.cbs.max.cur">
            <c-input  
            disabled
            v-model="maxcur" maxlength="3"  placeholder="请输入单据金额"></c-input>
        </el-form-item>
       </c-col>
                  
       <c-col :span="5">
        <el-form-item label-width="10px" prop="brdgrp.cbs.max.amt">
            <c-input  v-model="model.brdgrp.cbs.max.amt"  placeholder="请输入金额"></c-input>
        </el-form-item>
       </c-col>
    </c-col> 

    <c-col>                         
       <c-col :span="7">
        <el-form-item label="提取附加金额" prop="brdgrp.cbs.opn2.cur">
            <c-select 
            disabled
            v-model="opn2cur" style="width:100%" placeholder="请选择附加金额">
              </c-select>
        </el-form-item>
       </c-col>
                  
       <c-col :span="5">
        <el-form-item label-width="10px" prop="brdgrp.cbs.max2.amt">
            <c-input  v-model="model.brdgrp.cbs.max2.amt"  placeholder="请输入附加金额"></c-input>
        </el-form-item>
       </c-col>
    </c-col>

    <c-col>                         
       <c-col :span="12">
        <el-form-item label="已扣除费用" prop="brdgrp.blk.chaded">
            <c-input type="textarea" v-model="model.brdgrp.blk.chaded" maxlength="35" show-word-limit placeholder="请输入已扣除费用" ></c-input>
        </el-form-item>
        </c-col>
    </c-col>

    <c-col>
       <c-col :span="12">
        <el-form-item label="已添加费用" prop="brdgrp.blk.chaadd">
            <c-input type="textarea" v-model="model.brdgrp.blk.chaadd" maxlength="35" show-word-limit placeholder="请输入已添加费用" ></c-input>
        </el-form-item>
        </c-col>
    </c-col> 

    <c-col>
       <c-col :span="7">
        <el-form-item label="索赔总额" prop="brdgrp.rec.totcur">
            <c-input  
            disabled
            v-model="rectotcur" maxlength="3"  placeholder="请输入索赔总额"></c-input>
        </el-form-item>
       </c-col>
                  
       <c-col :span="5">
        <el-form-item label="待支付金额" prop="brdgrp.rec.totamt">
            <c-input  v-model="totamt"  placeholder="请输入金额"></c-input>
          </el-form-item>
       </c-col>
    </c-col>

                                  
       <c-col :span="24">
        <c-col :span="12">
        <el-form-item label="账户号地址编号" prop="brdgrp.acb.pts.extkey">
            <c-fullbox>
            <c-input  
            v-model="model.brdgrp.acb.pts.extkey" 
            maxlength="16"  
            placeholder="请输入地址编码"
            ></c-input>
            <template slot="footer">
                <c-button size="small" type="primary">
            详情
        </c-button>
            </template>
            </c-fullbox>
        </el-form-item>
       </c-col>
       <c-col :span="12">
        <el-form-item label="   ">

        </el-form-item>
       </c-col>
       </c-col>
            
       
       
       <c-col :span="12">
        <el-form-item label="地址信息" prop="brdgrp.acb.pts.adrblk">
            <c-input 
            :disabled="model.brdgrp.acb.pts.extkey!=''"
            :rows="4"
            type="textarea" v-model="model.brdgrp.acb.pts.adrblk" maxlength="135" show-word-limit placeholder="请输入地址信息" ></c-input>
        </el-form-item>
        </c-col>
                  
       
    

        <c-col>                           
       <c-col :span="12">
        <el-form-item label="不符点信息" prop="brdgrp.blk.docdis">
            <c-input 
            :rows="6"
            :disabled="!(this.model.brdgrp.blk.docdisflg =='X')"
            type="textarea" v-model="model.brdgrp.blk.docdis" maxlength="150" show-word-limit placeholder="请输入不符点" ></c-input>
        </el-form-item>
        </c-col>
        </c-col>
                  
       <c-col :span="12">
	    <c-checkbox 
        style="margin: 0px 0 10px 150px;"
        v-model="model.brdgrp.blk.docdisflg">差异修改标识</c-checkbox>
       </c-col>
  </div>
</template>
<script>
import event from "../event";

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [event],
  data() {
    return {};
  },
  methods: {},
  created: function() {},
  computed: {
    totamt(){
      const maxAmt = this.model.brdgrp.cbs.max.amt
      const max2Amt = this.model.brdgrp.cbs.max2.amt
      this.model.brdgrp.rec.totamt = 
      parseFloat(isNaN(maxAmt) || !maxAmt ? 0 : maxAmt) + 
      parseFloat(isNaN(max2Amt) || !max2Amt ? 0 : max2Amt)
      return this.model.brdgrp.rec.totamt
    } ,
    maxcur(){
      this.model.brdgrp.cbs.max.cur = this.model.lidgrp.cbs.nom1.cur
      return this.model.brdgrp.cbs.max.cur
    },
    opn2cur(){
      this.model.brdgrp.cbs.opn2.cur = this.model.lidgrp.cbs.nom1.cur
      return this.model.brdgrp.cbs.opn2.cur
    },
    rectotcur(){
      this.model.brdgrp.rec.totcur = this.model.lidgrp.cbs.nom1.cur
      return this.model.brdgrp.rec.totcur
    }
    // totamt(){
    //   this.model.brdgrp.rec.totamt = 0
    //   if(!isNaN(this.model.brdgrp.cbs.max.amt)){
    //     this.model.brdgrp.rec.totamt += parseFloat(this.model.brdgrp.cbs.max.amt)
    //   }else{
    //     this.model.brdgrp.cbs.max.amt = 0
    //   }
    //   if(!isNaN(this.model.brdgrp.cbs.max2.amt)){
    //     this.model.brdgrp.rec.totamt += parseFloat(this.model.brdgrp.cbs.max2.amt)
    //   }
    //   // this.model.brdgrp.rec.totamt = 
    //   // parseFloat(isNaN(this.model.brdgrp.cbs.max.amt) ? 0 : this.model.brdgrp.cbs.max.amt) + 
    //   // parseFloat(isNaN(this.model.brdgrp.cbs.max2.amt) ? 0 : this.model.brdgrp.cbs.max2.amt)
    //   return this.model.brdgrp.rec.totamt
    // } 
  },
  // watch:{
    // "model.brdgrp.cbs.max.amt":{
    //     handler(val,oldVal){
    //         this.model.brdgrp.rec.totamt = parseFloat(val)+parseFloat(this.model.brdgrp.cbs.max2.amt)
    //         if(isNaN(this.model.brdgrp.rec.totamt)){
    //             this.model.brdgrp.rec.totamt=0
    //         }
    //     }
    // },
  //   "model.brdgrp.cbs.max2.amt":{
  //       handler(val,oldVal){
  //           this.model.brdgrp.rec.totamt = parseFloat(val)+parseFloat(this.model.brdgrp.cbs.max.amt)
  //           if(isNaN(this.model.brdgrp.rec.totamt)){
  //               this.model.brdgrp.rec.totamt=0
  //           }
  //       }
  //   }
  // "model.brdgrp.cbs":{
  //   handler(val,oldVal){
  //     isNaN(this.model.brdgrp.cbs.max.amt) ? 0 : this.model.brdgrp.cbs.max.amt
  //     isNaN(this.model.brdgrp.cbs.max2.amt) ? 0 : this.model.brdgrp.cbs.max2.amt
  //   }
  //   }
  // }
 };
</script>
<style>
</style>