<template>
  <div class="eibs-tab">
    <!-- ====================================  左边 ================================= -->
    <c-col :span="11">
      <!--加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="扣除的费用" prop="bddgrp.blk.chaded">
          <c-input
            type="textarea"
            v-model="model.bddgrp.blk.chaded"
            maxlength="210"
            show-word-limit
            placeholder="请输入扣除的费用"
            disabled
            :rows="3"
          ></c-input>
        </el-form-item>
      </c-col>

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

      <!-- Total Amount Claimed -->
      <c-col :span="12">
        <el-form-item label="索赔总额" prop="bddgrp.rec.totcur">
          <c-input
            v-model="model.bddgrp.rec.totcur"
            maxlength="3"
            placeholder="请输入索赔总额"
            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="请输入"
            class="m-input-currency"
            disabled
          ></c-input>
        </el-form-item>
      </c-col>

      <!-- 偿付银行 -->
      <c-col :span="24">
        <c-ptap
          :model="model"
          :argadr="{
            title: '偿付行',
            grp: 'bddgrp',
            rol: 'rmb',
          }"
          :noRef="true"
          :onlySearch="true"
          :disabledExtkey="true"
          @onSeainf="onSeainf"
          @onAplpDet="onRmbpDet"
        >
        </c-ptap>
      </c-col>
      <c-col :span="24">
        <c-form-item label="" prop="bddgrp.rmb.namelc">
          <c-input
            type="textarea"
            v-model="model.bddgrp.rmb.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.rmb.adrelc">
          <c-input
            type="textarea"
            v-model="model.bddgrp.rmb.adrelc"
            maxlength="210"
            show-word-limit
            placeholder="地址"
            disabled
          ></c-input>
        </c-form-item>
      </c-col>
      <!-- S0000144 : Account with Bank -->
      <c-col :span="24">
        <c-ptap
          :model="model"
          :argadr="{
            title: '银行账户',
            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>

      <!-- 加Docpre.vue页面中的date to paied -->
      <!-- S0000067 : 付款日期 -->
      <c-col :span="24">
        <el-form-item label="付款日期" prop="bddgrp.rec.totdat">
          <c-date-picker
            type="date"
            v-model="model.bddgrp.rec.totdat"
            style="width: 100%"
            placeholder="请选择付款日期"
            value-format="yyyy-MM-dd"
            disabled
          ></c-date-picker>
        </el-form-item>
      </c-col>
    </c-col>

    <!-- ====================================  右边 ================================= -->
    <c-col :span="11" :offset="1">
      <!-- S0000155 : Narrative (77A) -->
      <c-col :span="24">
        <c-form-item
          label="叙述(MT754的标签77A)"
          prop="bddgrp.blk.nartxt77a"
        >
          <c-input
            type="textarea"
            v-model="model.bddgrp.blk.nartxt77a"
            maxlength="700"
            show-word-limit
            placeholder="请输入"
            disabled
            :rows="16"
          ></c-input>
        </c-form-item>
      </c-col>

      <!-- 受益人银行 -->
      <c-col :span="24">
        <c-ptap
          :model="model"
          :argadr="{
            title: '受益人账户行',
            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>
  </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>