<template>
  <div class="eibs-tab">
    <!-- 此页面内容为加入Mt750p和Mt754p页面的内容 -->
    <!-- ====================================左边 ================================= -->
  <c-col :span="12">
          <!--加Mt750p页面的 单据金额 -->
      <c-col :span="24">
        <!-- 单据金额 -->
        <c-col :span="12">
          <el-form-item label="单据金额" prop="bddgrp.cbs.max.cur">
            <c-select
              v-model="model.bddgrp.cbs.max.cur"
              style="width: 100%"
              placeholder="请选择币种"
              disabled
              :code="codes.curtxt"
            >
            </c-select>
          </el-form-item>
        </c-col>
        <c-col :span="12">
          <el-form-item label="" label-width="10px" prop="bddgrp.cbs.max.amt">
            <c-input
              v-model="model.bddgrp.cbs.max.amt"
              placeholder="请输入单据金额"
              class="m-input-currency"
              disabled
            ></c-input>
          </el-form-item>
        </c-col>
      </c-col>
      <c-col :span="24">
        <!-- 附加金额 -->
        <c-col :span="12">
          <el-form-item label="附加金额" prop="bddgrp.cbs.opn2.cur">
            <c-select
              v-model="model.bddgrp.cbs.opn2.cur"
              style="width: 100%"
              placeholder="请选择币种"
              disabled
              :code="codes.curtxt"
            >
            </c-select>
          </el-form-item>
        </c-col>
        <c-col :span="12">
          <el-form-item label="" label-width="10px" prop="bddgrp.cbs.max2.amt">
            <c-input
              v-model="model.bddgrp.cbs.max2.amt"
              placeholder="请输入附加金额"
              class="m-input-currency"
              disabled
            ></c-input>
          </el-form-item>
        </c-col>
      </c-col>

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

            <!-- Total Amount Claimed -->
      <c-col :span="12">
        <el-form-item label="Total Amount Claimed" prop="bddgrp.rec.totcur">
          <c-input
            v-model="model.bddgrp.rec.totcur"
            maxlength="3"
            placeholder="请输入Total Amount Claimed"
            disabled
            :code="codes.curtxt"
          >
          </c-input>
        </el-form-item>
      </c-col>
      <!-- Total Amount to be Paid -->
      <c-col :span="12">
        <el-form-item label="" label-width="10px" prop="bddgrp.rec.totamt">
          <c-input
            v-model="model.bddgrp.rec.totamt"
            placeholder="请输入Total Amount to be Paid"
            class="m-input-currency"
            disabled
          ></c-input>
        </el-form-item>
      </c-col>

            <!-- S0000144 : Account with Bank -->
      <c-col :span="24">
        <c-ptap
          :model="model"
          :argadr="{
            title: 'Account with Bank',
            grp: 'bddgrp',
            rol: 'acb',
          }"
          :noRef="true"
          :onlySearch="true"
          :disabledExtkey="true"
          @onSeainf="onSeainf"
          @onAplpDet="onAcbpDet"
        >
        </c-ptap>
      </c-col>
            <c-col :span="24">
        <c-form-item label="" prop="bddgrp.acb.namelc">
          <c-input
            type="textarea"
            v-model="model.bddgrp.acb.namelc"
            maxlength="210"
            show-word-limit
            placeholder="请输入名称"
            disabled
          ></c-input>
        </c-form-item>
      </c-col>
      <c-col :span="24">
        <c-form-item label="" prop="bddgrp.acb.adrelc">
          <c-input
            type="textarea"
            v-model="model.bddgrp.acb.adrelc"
            maxlength="210"
            show-word-limit
            placeholder="请输入地址"
            disabled
          ></c-input>
        </c-form-item>
      </c-col>

      <!-- Beneficiary's Bank -->
      <c-col :span="24">
        <c-ptap
          :model="model"
          :argadr="{
            title: 'Beneficiary`s Bank',
            grp: 'bddgrp',
            rol: 'beb',
          }"
          :noRef="true"
          :onlySearch="true"
          :disabledExtkey="true"
          @onSeainf="onSeainf"
          @onAplpDet="onBebpDet"
        >
        </c-ptap>
      </c-col>
      <c-col :span="24">
        <c-form-item label="" prop="bddgrp.beb.namelc">
          <c-input
            type="textarea"
            v-model="model.bddgrp.beb.namelc"
            maxlength="210"
            show-word-limit
            placeholder="名称"
            disabled
          ></c-input>
        </c-form-item>
      </c-col>
      <c-col :span="24">
        <c-form-item label="" prop="bddgrp.beb.adrelc">
          <c-input
            type="textarea"
            v-model="model.bddgrp.beb.adrelc"
            maxlength="210"
            show-word-limit
            placeholder="地址"
            disabled
          ></c-input>
        </c-form-item>
      </c-col>
  </c-col>
    <!-- S0000214 : 单据金额 -->
    <!-- S0000006 : 附加金额 -->
    <!-- S0000215 : Charges -->
    <!-- S0000216 : Total Amount Claimed -->
    <!-- S0000217 : Account with Bank -->
    <!-- S0000218 : Beneficiary's Bank -->
  </div>
</template>
<script>
import Api from '~/service/Api'
import commonProcess from '~/mixin/commonProcess'
import CodeTable from '~/config/CodeTable'
import Event from '~/model/Bdtudp/Event'
import Ptap from '~/views/Public/Ptap'

export default {
  components: {
    'c-ptap': Ptap,
    // "c-ptsmsg": Ptsmsg,
  },
  inject: ['root'],
  props: ['model', 'codes'],
  mixins: [commonProcess],
  data() {
    return {}
  },
  methods: {
    ...Event,
    onSeainf() {},
  },
  created: function () {},
}
</script>
<style></style>