<template>
  <div class="eibs-tab">
    <!-- S0000065 : 不符点 -->
    <!--=== =================================左边======================================== -->
    <c-col :span="11">
      <!-- Discrepancies -->
      <c-col :span="24">
        <c-form-item label="不符点" prop="bddgrp.blk.docdis">
          <c-fullbox>
            <c-input
              type="textarea"
              v-model="model.bddgrp.blk.docdis"
              maxlength="3500"
              show-word-limit
              placeholder="请输入不符点"
              rows="5"
              :disabled="!docdisflg"
            ></c-input>
            <!-- @click="onDocdisButtxmsel" -->
            <template slot="footer">
              <c-button
                size="small"
                type="primary"
                icon="el-icon-search"
                @click="
                  showGridPromptDialog(
                    'bdtp.docdis.buttxmsel',
                    null,
                    null,
                    { TXT: 'bddgrp.blk.docdis' },
                    { TXT: false },
                    'doxpDialog'
                  )
                "
                :disabled="!docdisflg"
              >
                <!-- ... -->
              </c-button>
            </template>
          </c-fullbox>
        </c-form-item>
      </c-col>
      <!-- S0000064 : 注释和结论 -->
      <!-- Comments and Conclusions -->
      <c-col :span="24">
        <c-form-item label="注释和结论" prop="bddgrp.blk.comcon">
          <c-input
            type="textarea"
            v-model="model.bddgrp.blk.comcon"
            maxlength="1950"
            show-word-limit
            rows="5"
            placeholder="请输入注释和结论"
          ></c-input>
        </c-form-item>
      </c-col>

      <!-- SG000236 : 到期付款确认备注 -->
      <c-col :span="24">
        <c-form-item label="到期付款确认备注" prop="bddgrp.blk.accrmk">
          <c-input
            type="textarea"
            v-model="model.bddgrp.blk.accrmk"
            maxlength="1625"
            show-word-limit
            placeholder="到期付款确认备注"
            :rows="3"
          ></c-input>
        </c-form-item>
      </c-col>

      <!-- 表格 -->
      <c-col :span="24">
        <c-docpre
          :model="model"
          :argadr="{
            path: 'bddgrp.blk.prsdoc',
            grp: 'bdtp',
            code: 'docpre',
          }"
        ></c-docpre>
      </c-col>
    </c-col>

    <!--=== ========================================右边======================================== -->
    <c-col :span="11" :offset="1">
      <c-col :span="24">
        <c-checkbox v-model="model.bddgrp.rec.igndisflg">忽略不符点</c-checkbox>
      </c-col>

      <c-col :span="24">
        <c-checkbox v-model="model.bddgrp.blk.docdisflg" @change="docdisDefault"
          >录入不符点</c-checkbox
        >
      </c-col>

      <!-- SF000222 : 收到的通知类型 Type of Advice Received -->
      <c-col :span="24">
        <el-form-item label="收到的通知类型" prop="bddgrp.rec.advtyp">
          <c-select
            v-model="model.bddgrp.rec.advtyp"
            style="width: 100%"
            placeholder="请选择收到的通知类型"
            :code="codes.advtyp0"
          >
          </c-select>
        </el-form-item>
      </c-col>

      <!-- 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>

      <!-- SF000163 : 不符点通知日期 -->
      <c-col :span="24">
        <el-form-item label="不符点通知日期" prop="bddgrp.rec.disdat">
          <c-date-picker
            type="date"
            v-model="model.bddgrp.rec.disdat"
            style="width: 100%"
            placeholder="请选择不符点通知日期"
            value-format="yyyy-MM-dd"
            disabled
          ></c-date-picker>
        </el-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 Utils from '~/utils'
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,
    async docdisDefault() {
      this.executeDefault('bddgrp.blk.docdis').then((res) => {
        //TODO 处理数据逻辑
        if (res.respCode == SUCCESS) this.updateModel(res.data)
      })
    },
  },
  created: function () {},
  computed: {
    docdisflg: {
      get() {
        return this.model.bddgrp.blk.docdisflg != ''
      },
      set(val) {
        this.model.bddgrp.blk.docdisflg = val ? 'X' : ''
      },
    },
  },
}
</script>
<style></style>