<template>
    <div class="eibs">
      <!-- <c-row> -->
      <c-col :span="24">
        <c-col :span="12" style="padding-right: 20px">
          <c-col :span="24">
            <c-col :span="16">
              <c-form-item label="保函文本交付" prop="gidgrp.rec.delori">
                <c-select
                  disabled
                  v-model="model.gidgrp.rec.delori"
                  style="width: 100%"
                  placeholder="请选择保函文本交付"
                >
                  <el-option
                    v-for="item in codes.delori1"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value"
                  >
                  </el-option>
                </c-select>
              </c-form-item>
            </c-col>
            <c-col :span="8">
              <el-form-item label-width="5px" prop="gidgrp.rec.deloritxt">
                <c-input
                  disabled
                  v-model="model.gidgrp.rec.deloritxt"
                  maxlength="35"
                  placeholder="请输入保函文本交付"
                ></c-input>
              </el-form-item>
            </c-col>
          </c-col>
  
          <c-col :span="24">
            <el-form-item label="发送保函文本" prop="gidgrp.rec.sndto">
              <c-select
                disabled
                v-model="model.gidgrp.rec.sndto"
                style="width: 100%"
                placeholder="请选择发送保函文本"
                :code="getValues('gidgrp.rec.sndto')"
              >
              </c-select>
            </el-form-item>
          </c-col>
  
          <c-col :span="24">
            <el-form-item label="交付收款人" prop="gidgrp.rec.delto">
              <c-select
                disabled
                v-model="model.gidgrp.rec.delto"
                style="width: 100%"
                placeholder="请选择交付收款人"
                :code="getValues('gidgrp.rec.delto','delto1')"
              >
              </c-select>
            </el-form-item>
          </c-col>
  
          <c-col :span="24">
            <el-form-item label="交付地址" prop="gidgrp.blk.deltoadr">
              <c-input
                disabled
                rows="4"
                type="textarea"
                v-model="model.gidgrp.blk.deltoadr"
                maxlength="210"
                show-word-limit
                placeholder="请输入交付地址"
              ></c-input>
            </el-form-item>
          </c-col>
  
          <c-col :span="24">
            <el-form-item label="转让条件" prop="gidgrp.blk.trfcond">
              <c-input
                disabled
                type="textarea"
                rows="4"
                v-model="model.gidgrp.blk.trfcond"
                maxlength="6630"
                show-word-limit
                placeholder="请输入转让条件"
              ></c-input>
            </el-form-item>
          </c-col>
        </c-col>
  
        <c-col :span="12" style="padding-left: 20px">
          <c-col :span="24">
            <el-form-item label="费用承担人" prop="gidgrp.rec.chato">
              <c-select
                v-model="model.gidgrp.rec.chato"
                style="width: 100%"
                placeholder="请选择费用承担人"
                :code="codes.gitopn_chato"
                disabled
              >
              </c-select>
            </el-form-item>
          </c-col>
          <c-col :span="24">
            <el-form-item label="收费">
              <c-fullbox>
                <template slot="footer">
                  <c-checkbox v-model="model.gitp.chargi.chkast" class="checkbox-left" disabled>允许</c-checkbox>
                </template>
              </c-fullbox>
            </el-form-item>
          </c-col>
          <c-col :span="24">
            <el-form-item label="收费代码的附加详情" prop="gidgrp.blk.feetxt">
              <c-fullbox>
                <c-input
                  type="textarea"
                  v-model="model.gidgrp.blk.feetxt"
                  maxlength="210"
                  show-word-limit
                  placeholder="请输入收费代码的附加详情"
                  disabled
                ></c-input>
                <template slot="footer">
                  <!-- @click="onAcctagButtxmsel" -->
                  <c-button
                    size="small"
                    type="primary"
                    icon="el-icon-more"
                    @click="onChargiButtxmsel"
                  >
                  </c-button>
                </template>
              </c-fullbox>
            </el-form-item>
          </c-col>
          
          <c-col :span="24">
            <c-col :span="17">
              <el-form-item
                v-if="model.gitp.prepermodflg == ''"
                label="演示说明"
                prop="gidgrp.blk.preper"
              >
                <c-input
                  disabled
                  type="textarea"
                  :rows="7"
                  v-model="model.gidgrp.blk.preper"
                  maxlength="6500"
                  show-word-limit
                  placeholder="请输入演示说明"
                ></c-input>
              </el-form-item>
              <el-form-item
                v-if="model.gitp.prepermodflg == 'X'"
                label="演示说明"
                prop="gidgrp.blk.atxpreper"
              >
                <c-input
                  type="textarea"
                  :rows="6"
                  v-model="model.gidgrp.blk.atxpreper"
                  maxlength="6500"
                  show-word-limit
                  placeholder="请输入演示说明"
                  @blur="atxpreperBlur"
                ></c-input>
              </el-form-item>
            </c-col>
            <c-col :span="7">
                <c-checkbox
                v-model="model.gitp.prepermodflg"
                style="margin: 0 0 0 10px"
                class="checkbox-left"
                @change="modflgChange"
                >是否手工修改保函文本</c-checkbox
              >
              
              <c-checkbox
                v-model="model.gitp.chkpreper"
                class="checkbox-left"
                style="margin: 0 0 0 10px"
                disabled
                >允许</c-checkbox
              >
              <c-button
                disabled
                size="small"
                type="primary"
                style="margin: 5px 0 0 10px; width: 100px;float:left;"
                @click="onGitpButdifpreper"
              >
                查看系统文本
              </c-button>
              <c-button
                disabled
                size="small"
                style="margin: 5px 0 0 10px; width: 100px;float:left;"
                type="primary"
                @click="onGitpButdifhispreper"
              >
                查看历史文本
              </c-button>
            </c-col>
          </c-col>
        </c-col>
      </c-col>
      <!-- </c-row> -->
    </div>
  </template>
  <script>
  import _ from "lodash";
  
  import Api from "~/service/Api";
  import commonProcess from "~/mixin/commonProcess";
  import CodeTable from "~/config/CodeTable";
  import Event from "~/model/Gitadd/Event";
  import Utils from "~/utils";
  
  export default {
    inject: ["root"],
    props: ["model", "codes"],
    mixins: [commonProcess],
    data() {
      return {};
    },
    methods: {
      ...Event,
      async atxpreperBlur() {
        let rtnmsg = await this.executeRule("gidgrp.blk.atxpreper");
        if (rtnmsg.respCode == SUCCESS) {
          Utils.copyValueFromVO(this.model, rtnmsg.data);
        }
      },
  
      async modflgChange() {
        let rtnmsg = await this.executeRule("gitp.prepermodflg");
        if (rtnmsg.respCode == SUCCESS) {
          Utils.copyValueFromVO(this.model, rtnmsg.data);
        }
      },
  
    },
    created: function () {},
  };
  </script>
  <style scoped>
  </style>