<template>
  <div class="eibs-tab">
          <!--================================左边================================== -->
    <c-col :span="11"> 
      <c-col :span="24" >
        <c-col :span="21">
          <el-form-item label="Discrepancies" prop="bedgrp.blk.docdis">
            <c-input
              type="textarea"
              v-model="model.bedgrp.blk.docdis"
              maxlength="3500"
              :rows="3"
              show-word-limit
              placeholder="请输入Discrepancies"
              :disabled="model.bedgrp.blk.docdisflg==''"
            ></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="3">
          <c-button
            size="small"
            type="primary"
            icon="el-icon-search"
            @click="onDocdisButtxmsel"
            :disabled="model.bedgrp.blk.docdisflg==''"
          >
            ...
          </c-button>
        </c-col>
      </c-col>

      <c-col :span="24">
        <c-col :span="21">
          <el-form-item label="Internal Discrepancies" prop="bedgrp.blk.intdis">
          <c-input
            type="textarea"
            v-model="model.bedgrp.blk.intdis"
            maxlength="1300"
            :rows="3"
            show-word-limit
            placeholder="请输入Internal Discrepancies"
          ></c-input>
        </el-form-item>
        </c-col>
        <c-col :span="3">
          <c-button
            size="small"
            type="primary"
            icon="el-icon-search"
            @click="onIntdisButtxmsel"
          >
            ...
          </c-button>
        </c-col>
      </c-col>

      <c-col :span="24">
        <c-col :span="21">
          <el-form-item label="Comments and Conclusions" prop="bedgrp.blk.comcon">
            <c-input
              type="textarea"
              v-model="model.bedgrp.blk.comcon"
              maxlength="1300"
              :rows="3"
              show-word-limit
              placeholder="请输入Comments and Conclusions"
            ></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="3">
          <c-button
            size="small"
            type="primary"
            icon="el-icon-search"
            @click="onComconButtxmsel"
          >
            ...
          </c-button>
        </c-col>
      </c-col>

      <c-col :span="24">
        <c-col :span="21">
          <el-form-item
            label="Settlement Instructions transaction field"
            prop="bedgrp.blk.setinsbe"
          >
            <c-input
              type="textarea"
              v-model="model.bedgrp.blk.setinsbe"
              maxlength="390"
              :rows="3"
              show-word-limit
              placeholder="请输入Settlement Instructions transaction field"
            ></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="3">
          <c-button
            size="small"
            type="primary"
            icon="el-icon-search"
            @click="onSetinstxmButtxmsel"
          >
            ...
          </c-button>
        </c-col>
      </c-col>
            <!-- 左下表格 -->
      <c-col :span="24">
        <c-docpre :model="model" :argadr="{
          path: 'bedgrp.blk.prsdoc',
          grp: 'betp',
          code: 'docpre',
        }"></c-docpre>
      </c-col>
    <!-- <c-col :span="12">
      <span
        v-text="model.betp.docgrdm.docdsclab"
        data-path=".betp.docgrdm.docdsclab"
      >
      </span>
    </c-col> -->
    </c-col>

          <!--===========================右边============================== -->
    <c-col :span="11" :offset="1"> 
      <c-col :span="24">  
        <c-checkbox v-model="model.bedgrp.blk.docdisflg"
        >Discrepancies modified</c-checkbox>
      </c-col>

          <!-- Futher Handing -->
    <c-col :span="24">
        <!-- Processing Options -->
      <el-form-item label="Futher Handing" prop="betp.folwupopt">
        <c-select
          v-model="model.betp.folwupopt"
          style="width: 100%"
          placeholder="请选择Processing Options"
          :code="codes.folwupopt"
          disabled
        >
        </c-select>
      </el-form-item>
    </c-col>

        <c-col :span="24">
      <el-form-item label="Payer" prop="bedgrp.rec.payrol">
        <c-select
          v-model="model.bedgrp.rec.payrol"
          style="width: 100%"
          placeholder="请选择Payer"
          :code="codes.rolall"
          disabled
        >
        </c-select>
      </el-form-item>
    </c-col>

<!-- Referance -->
    <c-col :span="24">
      <c-ptap
        :model="model"
        :argadr="{
          title: '',
          grp: 'bedgrp',
          rol: 'oth',
        }"
        @onSeainf="onSeainf"
        @onAplpDet="onOthpDet"
        :disabledRef="true"
        :disabledExtkey="true"
        :disabled="true"
      >
      </c-ptap>
    </c-col>
    </c-col>



    <!-- <c-col :span="12">
      <el-form-item label="参考号" prop="bedgrp.oth.pts.ref">
        <c-input
          v-model="model.bedgrp.oth.pts.ref"
          maxlength="16"
          placeholder="请输入参考号"
        ></c-input>
      </el-form-item>
    </c-col>

    <c-col :span="12">
      <el-form-item
        label="Drag  Drop Sender"
        prop="betp.othp.ptsget.sdamod.dadsnd"
      >
        <c-input
          v-model="model.betp.othp.ptsget.sdamod.dadsnd"
          placeholder="请输入Drag  Drop Sender"
        ></c-input>
      </el-form-item>
    </c-col>

    <c-col :span="12">
      <el-form-item
        label="External Key of Address"
        prop="bedgrp.oth.pts.extkey"
      >
        <c-input
          v-model="model.bedgrp.oth.pts.extkey"
          maxlength="16"
          placeholder="请输入External Key of Address"
        ></c-input>
      </el-form-item>
    </c-col>

    <c-col :span="12">
      <el-form-item label="" prop="betp.othp.ptsget.sdamod.seainf">
        <c-input
          v-model="model.betp.othp.ptsget.sdamod.seainf"
          placeholder="请输入"
        ></c-input>
      </el-form-item>
    </c-col>

    <c-col :span="12">
      <c-button size="small" type="primary" @click="onOthpDet">
        Details
      </c-button>
    </c-col>

    <c-col :span="12">
      <el-form-item label="名称" prop="bedgrp.oth.namelc">
        <c-input
          type="textarea"
          v-model="model.bedgrp.oth.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="bedgrp.oth.pts.adrblk">
        <c-input
          type="textarea"
          v-model="model.bedgrp.oth.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="bedgrp.oth.dbfadrblkcn">
        <c-input
          type="textarea"
          v-model="model.bedgrp.oth.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="bedgrp.oth.adrelc">
        <c-input
          type="textarea"
          v-model="model.bedgrp.oth.adrelc"
          maxlength="35"
          show-word-limit
          placeholder="请输入地址"
        ></c-input>
      </el-form-item>
    </c-col> -->
  </div>
</template>
<script>
import Api from '~/service/Api'
import commonProcess from '~/mixin/commonProcess'
import CodeTable from '~/config/CodeTable'
import Event from '~/model/Letdrw/Event'
import Ptap from "~/views/Public/Ptap"
import Docpre from "~/views/Public/Docpre"

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