<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"
            :disabled="model.bedgrp.blk.docdisflg==''"
            @click="showGridPromptDialog('betp.docdis.buttxmsel',null,null,{TXT:'bedgrp.blk.docdis'},{TXT:false},'doxpDialog')"
          >
          <!-- @click="onDocdisButtxmsel" -->
            ...
          </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="showGridPromptDialog('betp.intdis.buttxmsel',null,null,{TXT:'bedgrp.blk.intdis'},{TXT:false},'doxpDialog')"
          >
          <!-- @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="showGridPromptDialog('betp.comcon.buttxmsel',null,null,{TXT:'bedgrp.blk.comcon'},{TXT:false},'doxpDialog')"
          >
          <!-- @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="showGridPromptDialog('betp.setinstxm.buttxmsel',null,null,{TXT:'bedgrp.blk.setinsbe'},{TXT:false},'doxpDialog')"
          >
          <!-- @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"
          @change="eventFunction(
                    'bedgrp.rec.payrol'
                  )"
        >
        </c-select>
      </el-form-item>
    </c-col>

<!-- Referance -->
    <c-col :span="24">
      <el-form-item label="Reference" prop="bedgrp.oth.pts.ref">
        <c-input
          v-model="model.bedgrp.oth.pts.ref"
          maxlength="16"
          placeholder="请输入参考号"
          :disabled="model.bedgrp.rec.payrol!='OTH'"
        ></c-input>
      </el-form-item>
    </c-col>
    <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-ptap1
        :model="model"
        :argadr="{
          title: '',
          grp: 'bedgrp',
          rol: 'oth',
        }"
        @onSeainf="onSeainf"
        @onAplpDet="onOthpDet"
        :disabled1="model.bedgrp.rec.payrol!='OTH'"
      >
      </c-ptap1>
    </c-col>
    </c-col>

    <!-- <c-col :span="12">
      <c-checkbox v-model="model.bedgrp.blk.docdisflg"
        >Discrepancies modified</c-checkbox
      >
    </c-col>

    <c-col :span="12">
      <el-form-item label="Discrepancies" prop="bedgrp.blk.docdis">
        <c-input
          type="textarea"
          v-model="model.bedgrp.blk.docdis"
          maxlength="50"
          show-word-limit
          placeholder="请输入Discrepancies"
        ></c-input>
      </el-form-item>
    </c-col>

    <c-col :span="12">
      <c-button
        size="small"
        type="primary"
        icon="el-icon-search"
        @click="onDocdisButtxmsel"
      >
        ...
      </c-button>
    </c-col>

    <c-col :span="12">
      <el-form-item label="Processing Options" prop="betp.folwupopt">
        <c-select
          v-model="model.betp.folwupopt"
          style="width: 100%"
          placeholder="请选择Processing Options"
        >
        </c-select>
      </el-form-item>
    </c-col>

    <c-col :span="12">
      <el-form-item label="Internal Discrepancies" prop="bedgrp.blk.intdis">
        <c-input
          type="textarea"
          v-model="model.bedgrp.blk.intdis"
          maxlength="65"
          show-word-limit
          placeholder="请输入Internal Discrepancies"
        ></c-input>
      </el-form-item>
    </c-col>

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

    <c-col :span="12">
      <c-button
        size="small"
        type="primary"
        icon="el-icon-search"
        @click="onIntdisButtxmsel"
      >
        ...
      </c-button>
    </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="Comments and Conclusions" prop="bedgrp.blk.comcon">
        <c-input
          type="textarea"
          v-model="model.bedgrp.blk.comcon"
          maxlength="65"
          show-word-limit
          placeholder="请输入Comments and Conclusions"
        ></c-input>
      </el-form-item>
    </c-col>

    <c-col :span="12">
      <c-button
        size="small"
        type="primary"
        icon="el-icon-search"
        @click="onComconButtxmsel"
      >
        ...
      </c-button>
    </c-col>

    <c-col :span="12">
      <c-button
        size="small"
        type="primary"
        icon="el-icon-search"
        @click="onSetinstxmButtxmsel"
      >
        ...
      </c-button>
    </c-col>

    <c-col :span="12">
      <el-form-item
        label="Settlement Instructions transaction field"
        prop="bedgrp.blk.setinsbe"
      >
        <c-input
          type="textarea"
          v-model="model.bedgrp.blk.setinsbe"
          maxlength="65"
          show-word-limit
          placeholder="请输入Settlement Instructions transaction field"
        ></c-input>
      </el-form-item>
    </c-col>

    <c-col :span="12">
      <span
        v-text="model.betp.docgrdm.docdsclab"
        data-path=".betp.docgrdm.docdsclab"
      >
      </span>
    </c-col> -->
  </div>
</template>
<script>
import Api from '~/service/Api'
import commonProcess from '~/mixin/commonProcess'
import CodeTable from '~/config/CodeTable'
import Event from '~/model/Betdrv/Event'
import Ptap1 from "~/views/Public/Ptap1"
import Docpre from "~/views/Public/Docpre"

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