<template>
  <div class="eibs-tab">

      <!--==========================左边==========================-->
      <c-col :span="11">
          <el-row>
              <c-col :span="12">
                    <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="12">
                    <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="12">
                  <el-form-item label="Claim Add Amt" prop="btdgrp.cbs.opn2.cur">
                      <c-select disabled v-model="model.btdgrp.cbs.opn2.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="12">
                  <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="24">
                  <el-form-item label="Charges Deducted" prop="btdgrp.blk.chaded">
                      <c-input type="textarea" style="overflow-y:hidden" v-model="model.btdgrp.blk.chaded" rows="6" cols="35" show-word-limit placeholder="请输入Charges Deducted" ></c-input>
                  </el-form-item>
              </c-col>
          </el-row>

          <el-row>
              <c-col :span="24">
                  <el-form-item label="Charges Added" prop="btdgrp.blk.chaadd">
                      <c-input type="textarea" style="overflow-y:hidden" v-model="model.btdgrp.blk.chaadd" rows="6" cols="35" show-word-limit placeholder="请输入Charges Added" ></c-input>
                  </el-form-item>
              </c-col>
          </el-row>

          <el-row>
              <c-col :span="12">
                  <el-form-item label="Total Amount Claimed" 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="12">
                  <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="18" >
                  <el-form-item label="Reimbursing Bank">
                      <c-input placeholder=""></c-input>
                  </el-form-item>
              </c-col>
              <c-col :span="6" >
                  <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="24">
                  <el-form-item label="">
                      <c-input
                              type="textarea"
                              placeholder=""
                              maxlength="140"
                              show-word-limit
                              rows="4"
                              style="width: 90%"
                      ></c-input>
                  </el-form-item>
              </c-col>
          </el-row>

          <el-row>

              <c-col :span="18" >
                  <el-form-item label="Account with Bank">
                      <c-input placeholder=""></c-input>
                  </el-form-item>
              </c-col>
              <c-col :span="4" >
                  <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="24">
                  <el-form-item label="">
                      <c-input
                              type="textarea"
                              placeholder=""
                              maxlength="140"
                              show-word-limit
                              rows="4"
                              style="width: 90%"
                      ></c-input>
                  </el-form-item>
              </c-col>
          </el-row>

          <el-row>
              <c-col :span="18">
                  <el-form-item label="Date to be Paid" prop="btdgrp.rec.totdat">
                      <c-date-picker type="date"  v-model="model.btdgrp.rec.totdat" style="width:100%"  placeholder="请选择Date to be Paid"></c-date-picker>
                  </el-form-item>
              </c-col>

          </el-row>

      </c-col>

      <!--==========================右边==========================-->
      <c-col :span="12" offset="1">
          <c-col :span="24">
              <el-form-item prop="btdgrp.blk.nartxt77a">
                  <span slot="label" label-position="top" style="color: #f56c6c;font-size: 14px;vertical-align: top;">Narrative Tag77A of MT754</span>
                  <c-input type="textarea" v-model="model.btdgrp.blk.nartxt77a" maxlength="700" rows="20" cols="35"  placeholder="请输入Narrative Tag77A of MT754" ></c-input>
              </el-form-item>
          </c-col>
      </c-col>

                                                                                                       

  </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>
