<template>
  <div>
    <!-- left -->
    <c-col :span="12" style="padding-right: 20px;">
      <!-- <c-col :span="24">
        <c-col :span="22">
          <c-form-item label="不符点描述" prop="btdgrp.blk.docdis">
            <c-input
              type="textarea"
              v-model="model.btdgrp.blk.docdis"
              maxlength="65"
              show-word-limit
              placeholder="请输入不符点描述"
              rows="4"
            ></c-input>
          </c-form-item>
        </c-col>
        <c-col :span="2">
          <c-button
            size="small"
            type="primary"
            class="point"
            icon="el-icon-search"
            @click="
              showGridPromptDialog(
                'bttp.docdis.buttxmsel',
                null,
                null,
                { TXT: 'btdgrp.blk.docdis' },
                { TXT: false },
                'doxpDialog'
              )
            "
          >
            ...
          </c-button>
        </c-col>
      </c-col> -->
      <c-col :span="24">
          <c-form-item label="不符点描述" prop="btdgrp.blk.docdis">
            <c-fullbox>
              <c-input
                type="textarea"
                v-model="model.btdgrp.blk.docdis"
                maxlength="65"
                show-word-limit
                placeholder="请输入不符点描述"
                rows="4"
              ></c-input>
              <template slot="footer">
                <c-button
                  size="small"
                  type="primary"
                  style="margin-left: 10px"
                  class="point"
                  icon="el-icon-search"
                  @click="
                    showGridPromptDialog(
                      'bttp.docdis.buttxmsel',
                      null,
                      null,
                      { TXT: 'btdgrp.blk.docdis' },
                      { TXT: false },
                      'doxpDialog'
                    )
                  "
                >
                </c-button>
              </template>
            </c-fullbox>
          </c-form-item>
        </c-col>

      <!-- <c-col :span="24">
        <c-col :span="22">
          <el-form-item label="国内不符点描述" prop="btdgrp.blk.intdis">
            <c-input
              type="textarea"
              v-model="model.btdgrp.blk.intdis"
              maxlength="65"
              show-word-limit
              placeholder="请输入国内不符点描述"
              rows="4"
            ></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="2">
          <c-button
            size="small"
            class="point"
            type="primary"
            icon="el-icon-search"
            @click="
              showGridPromptDialog(
                'bttp.intdis.buttxmsel',
                null,
                null,
                { TXT: 'btdgrp.blk.intdis' },
                { TXT: false },
                'doxpDialog'
              )
            "
          >
            ...
          </c-button>
        </c-col>
      </c-col> -->
      <c-col :span="24">
        <el-form-item label="国内不符点描述" prop="btdgrp.blk.intdis">
          <c-fullbox>
            <c-input
              type="textarea"
              v-model="model.btdgrp.blk.intdis"
              maxlength="65"
              show-word-limit
              placeholder="请输入国内不符点描述"
              rows="4"
            ></c-input>
            <template slot="footer">
              <c-button
                size="small"
                class="point"
                type="primary"
                style="margin-left:10px"
                icon="el-icon-search"
                @click="
                  showGridPromptDialog(
                    'bttp.intdis.buttxmsel',
                    null,
                    null,
                    { TXT: 'btdgrp.blk.intdis' },
                    { TXT: false },
                    'doxpDialog'
                  )
                "
              >
              </c-button>
            </template>
          </c-fullbox>
        </el-form-item>
      </c-col>

      <!-- <c-col :span="24">
        <c-col :span="22">
          <el-form-item label="评论和结论" prop="btdgrp.blk.comcon">
            <c-input
              type="textarea"
              v-model="model.btdgrp.blk.comcon"
              maxlength="65"
              show-word-limit
              placeholder="请输入评论和结论"
              rows="2"
            ></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="2">
          <c-button
            size="small"
            class="point"
            type="primary"
            icon="el-icon-search"
            @click="
              showGridPromptDialog(
                'bttp.comcon.buttxmsel',
                null,
                null,
                { TXT: 'btdgrp.blk.comcon' },
                { TXT: false },
                'doxpDialog'
              )
            "
          >
            ...
          </c-button>
        </c-col>
      </c-col> -->
      <c-col :span="24">
        <el-form-item label="评论和结论" prop="btdgrp.blk.comcon">
          <c-fullbox>
            <c-input
              type="textarea"
              v-model="model.btdgrp.blk.comcon"
              maxlength="65"
              show-word-limit
              placeholder="请输入评论和结论"
              rows="2"
            ></c-input>
            <template slot="footer">
              <c-button
                size="small"
                class="point"
                type="primary"
                style="margin-left: 10px"
                icon="el-icon-search"
                @click="
                  showGridPromptDialog(
                    'bttp.comcon.buttxmsel',
                    null,
                    null,
                    { TXT: 'btdgrp.blk.comcon' },
                    { TXT: false },
                    'doxpDialog'
                  )
                "
              >
              </c-button>
            </template>
          </c-fullbox>
        </el-form-item>
      </c-col>

      <!-- <c-col :span="24">
        <c-col :span="22">
          <el-form-item
            label="本单据结算说明"
            prop="btdgrp.blk.setinsbt"
          >
            <c-input
              type="textarea"
              v-model="model.btdgrp.blk.setinsbt"
              maxlength="65"
              show-word-limit
              placeholder="请输入本单据结算说明"
              rows="4"
            ></c-input>
          </el-form-item>
        </c-col>

        <c-col :span="2">
          <c-button
            size="small"
            class="point"
            type="primary"
            icon="el-icon-search"
            @click="
              showGridPromptDialog(
                'bttp.setins.buttxmsel',
                null,
                null,
                { TXT: 'btdgrp.blk.setinsbt' },
                { TXT: false },
                'doxpDialog'
              )
            "
          >
            ...
          </c-button>
        </c-col>
      </c-col> -->
      <c-col :span="24">
        <el-form-item
          label="本单据结算说明"
          prop="btdgrp.blk.setinsbt"
        >
          <c-fullbox>
            <c-input
              type="textarea"
              v-model="model.btdgrp.blk.setinsbt"
              maxlength="65"
              show-word-limit
              placeholder="请输入本单据结算说明"
              rows="4"
            ></c-input>
            <template slot="footer">
              <c-button
                size="small"
                class="point"
                type="primary"
                style="margin-left: 10px"
                icon="el-icon-search"
                @click="
                  showGridPromptDialog(
                    'bttp.setins.buttxmsel',
                    null,
                    null,
                    { TXT: 'btdgrp.blk.setinsbt' },
                    { TXT: false },
                    'doxpDialog'
                  )
                "
              >
              </c-button>
            </template>
          </c-fullbox>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <c-docpre
          :model="model"
          rol="docgrdmbe2"
          :argadr="{
            path: 'btdgrp.blk.prsdocbe2',
            grp: 'bttp',
            code: 'docpre',
          }"
        ></c-docpre>
      </c-col>

      <!-- <c-col :span="24">
        <c-docpre
          :model="model"
          rol="docgrdmbe1"
          :argadr="{
            path: 'btdgrp.blk.prsdocbe1',
            grp: 'bttp',
            code: 'docpre',
          }"
        ></c-docpre>
      </c-col> -->
    </c-col>

    <!-- right -->
    <c-col :span="12" style="padding-left: 20px;">
      <c-col :span="24">
        <el-form-item label="" prop="" class="checkbox-left">
          <c-checkbox v-model="model.btdgrp.blk.docdisflg" disabled
          >不符点描述修改</c-checkbox
        >
         </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="进一步处理" prop="bttp.futhndflg">
          <c-select
            v-model="model.bttp.futhndflg"
            style="width: 100%"
            placeholder="请选择进一步处理"
            :code="codes.folwupopt2"
          >
          </c-select>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="" prop="" class="checkbox-left">
          <c-checkbox v-model="model.btdgrp.rec.approvcod"
          >不符点寄单</c-checkbox
        >
         </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="" prop="" class="checkbox-left">
          <c-checkbox v-model="model.bttp.cre752flg">收到开证行的MT752报文的状态登记</c-checkbox>
         </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="进一步识别" prop="btdgrp.rec.furide">
          <c-select
            v-model="model.btdgrp.rec.furide"
            style="width: 100%"
            placeholder="请选择进一步识别"
            :code="codes.furide"
            :disabled="model.bttp.cre752flg !== ''"
          >
          </c-select>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="通知日期" prop="btdgrp.rec.disdat">
          <c-date-picker
            type="date"
            v-model="model.btdgrp.rec.disdat"
            style="width: 100%"
            placeholder="请选择通知日期"
            :disabled="model.bttp.cre752flg == ''"
          ></c-date-picker>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="" prop="" class="checkbox-left">
          <c-checkbox v-model="model.btdsnd.snd732" disabled
          >创建732报文</c-checkbox
        >
         </el-form-item>
      </c-col>

      <c-col :span="24">
        <c-docpre
        style="margin-top: 14px"
          :model="model"
          rol="docgrdmbe1"
          :argadr="{
            path: 'btdgrp.blk.prsdocbe1',
            grp: 'bttp',
            code: 'docpre',
          }"
        ></c-docpre>
      </c-col>

      <c-col :span="12">
        <el-form-item label="" prop="" class="checkbox-left">
          <c-checkbox v-model="model.rmbclmlate"
          >后期索汇</c-checkbox
        >
         </el-form-item>
      </c-col>

      <c-col :span="12">
        <el-form-item label="" prop="" class="checkbox-left">
          <c-checkbox
          v-model="model.rmbclmnow"
          :disabled="model.rmbclmlate !== ''"
          >即期索汇</c-checkbox
        >
         </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/Bttsnd/Event";
import Docpre from "~/views/Public/Docpre";

export default {
  components: { "c-docpre": Docpre },
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [commonProcess],
  data() {
    return {};
  },
  methods: {
    ...Event,
    change() {
      console.log(123);
    },
  },
  created: function () {},
};
</script>
<style>
.point {
  margin-left: 0px;
  line-height: 16px;
  height: 20px;
}
</style>