<template>
  <div class="eibs">
    <!--================================左边================================== -->
    <c-col :span="12" style="padding-right: 20px">
      <c-col :span="24">
        <c-col :span="21">
          <el-form-item label="不符点" prop="bedgrp.blk.docdis">
            <c-input type="textarea" v-model="model.bedgrp.blk.docdis" maxlength="3500" :rows="3" show-word-limit
              placeholder="请输入不符点" :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-more" :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="单据内部不符点" prop="bedgrp.blk.intdis">
            <c-input type="textarea" v-model="model.bedgrp.blk.intdis" maxlength="1300" :rows="3" show-word-limit
              placeholder="请输入单据内部不符点"></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="3">
          <c-button size="small" type="primary" icon="el-icon-more"
            @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="注释和结论" prop="bedgrp.blk.comcon">
            <c-input type="textarea" v-model="model.bedgrp.blk.comcon" maxlength="1300" :rows="3" show-word-limit
              placeholder="请输入注释和结论"></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="3">
          <c-button size="small" type="primary" icon="el-icon-more"
            @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="结算指示" prop="bedgrp.blk.setinsbe">
            <c-input type="textarea" v-model="model.bedgrp.blk.setinsbe" maxlength="390" :rows="3" show-word-limit
              placeholder="请输入结算指示"></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="3">
          <c-button size="small" type="primary" icon="el-icon-more"
            @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>

    <!--===========================右边============================== -->
    <c-col :span="12" style="padding-left: 20px">
      <c-col :span="24">
        <el-form-item>
          <c-checkbox v-model="model.bedgrp.blk.docdisflg" class="checkbox-left">是否录入不符点</c-checkbox>
        </el-form-item>
      </c-col>

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

      <c-col :span="24">
        <el-form-item label="付款人" prop="bedgrp.rec.payrol">
          <c-select v-model="model.bedgrp.rec.payrol" style="width: 100%" placeholder="请选择付款人" :code="codes.rolall"
            @change="eventFunction(
              'bedgrp.rec.payrol'
            )">
          </c-select>
        </el-form-item>
      </c-col>

      <!-- Referance -->
      <c-col :span="24">
        <el-form-item label="参考号" 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-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>
  </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>