<template>
  <div class="eibs">
    <el-col :span="12" style="padding-right: 20px">
      <c-col :span="24">
        <el-form-item label="附加条款" prop="lidgrp.blk.adlcnd">
          <c-input
            :autosize="{ minRows: 12, maxRows: 800 }"
            :disabled="this.flag1"
            type="textarea"
            v-model="model.lidgrp.blk.adlcnd"
            maxlength="52000"
            show-word-limit
            placeholder="请输入附加条款"
          ></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item
          label="添加/删除当前修订中的文本"
          prop="litamep.adlcndamep.usrblk"
        >
          <c-fullbox>
            <c-input
              :disabled="this.flag2"
              :autosize="{ minRows: 22, maxRows: 800 }"
              type="textarea"
              v-model="model.litamep.adlcndamep.usrblk"
              maxlength="52000"
              show-word-limit
              placeholder="请输入添加/删除补充信息"
            ></c-input>
            <template slot="footer">
              <c-button
                size="small"
                type="primary"
                icon="el-icon-search"
                :disabled="this.flag2"
                @click="
                  showGridPromptDialog(
                    'litamep.adlcndame.buttxmsel',
                    null,
                    null,
                    { TXT: 'litamep.adlcndamep.usrblk' },
                    { TXT: false },
                    'doxpDialog'
                  )
                "
              >
              </c-button>
            </template>
          </c-fullbox>
        </el-form-item>
      </c-col>
    </el-col>

    <el-col :span="12" style="padding-left: 20px">
      <c-col :span="24">
        <el-form-item label="历史概述" prop="lidgrp.blk.adlcndame">
          <c-input
            :autosize="{ minRows: 12, maxRows: 999 }"
            disabled
            type="textarea"
            v-model="model.lidgrp.blk.adlcndame"
            maxlength="4950"
            show-word-limit
            placeholder="请输入历史概述"
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="12">
        <c-checkbox
          class="checkbox-left"
          style="margin: 0px 0 10px 120px"
          v-model="model.lidgrp.rec.redclsflg"
          >红/绿条款</c-checkbox
        >
      </c-col>

      <c-col :span="12">
        <c-checkbox
          style="margin: 0px 0 10px 100px"
          v-model="model.lidgrp.rec.spcbenflg"
          >适用于受益人的特殊付款条款</c-checkbox
        >
      </c-col>

      <c-col :span="12">
        <c-checkbox
          @change="open"
          class="checkbox-left"
          style="margin: 0px 0 10px 120px"
          v-model="model.litamep.adlcndamep.modflg"
          >修改要替换的文本</c-checkbox
        >
      </c-col>

      <c-col :span="12">
        <c-checkbox
          style="margin: 0px 0 10px 100px"
          v-model="model.lidgrp.rec.spcrcbflg"
          >仅适用于银行的特殊付款条款</c-checkbox
        >
      </c-col>

      <c-col :span="12">
        <el-form-item label=" " prop="litamep.adlcndamep.modmanflg">
        <c-checkbox
          @change="open1"
          class="checkbox-left"
          v-model="model.litamep.adlcndamep.modmanflg"
          >内部修改文本</c-checkbox
        >
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <c-button
          style="margin: 0px 0 10px 120px"
          size="small"
          type="primary"
          @click="onAdlcndamepButdif"
        >
          显示差异
        </c-button>
      </c-col>

      <c-col :span="24">
        <c-button
          style="margin: 0px 0 10px 120px"
          size="small"
          type="primary"
          disabled
          @click="onAdlcndamepButadd"
        >
          添加文本
        </c-button>
      </c-col>

      <c-col :span="24">
        <c-button
          style="margin: 0px 0 10px 120px"
          size="small"
          type="primary"
          disabled
          icon="el-icon-delete"
          @click="onAdlcndamepButdel"
        >
          删除文本
        </c-button>
      </c-col>
    </el-col>
  </div>
</template>
<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Litame/Event";

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [commonProcess],
  data() {
    return {};
  },
  watch: {
    "model.litamep.adlcndamep.modflg": {
      immediate: true,
      handler(val, oldval) {
        if (
          this.model.litamep.adlcndamep.modflg == "X" &&
          this.model.litamep.adlcndamep.modmanflg == ""
        ) {
          this.flag1 = false;
          this.flag2 = true;
          this.model.litamep.adlcndamep.usrblk = "";
        } else if (
          this.model.litamep.adlcndamep.modflg == "X" &&
          this.model.litamep.adlcndamep.modmanflg == "X"
        ) {
          this.flag1 = false;
          this.flag2 = true;
        } else if (
          this.model.litamep.adlcndamep.modflg == "" &&
          this.model.litamep.adlcndamep.modmanflg == ""
        ) {
          this.flag1 = true;
          this.flag2 = false;
        } else if (
          this.model.litamep.adlcndamep.modflg == "" &&
          this.model.litamep.adlcndamep.modmanflg == "X"
        ) {
          this.flag1 = false;
          this.flag2 = true;
          this.model.litamep.adlcndamep.usrblk = "";
        }
      },
    },
    "model.litamep.adlcndamep.modmanflg": {
      immediate: true,
      handler(val, oldval) {
        if (
          this.model.litamep.adlcndamep.modflg == "X" &&
          this.model.litamep.adlcndamep.modmanflg == ""
        ) {
          this.flag1 = false;
          this.flag2 = true;
          this.model.litamep.adlcndamep.usrblk = "";
        } else if (
          this.model.litamep.adlcndamep.modflg == "X" &&
          this.model.litamep.adlcndamep.modmanflg == "X"
        ) {
          this.flag1 = false;
          this.flag2 = true;
        } else if (
          this.model.litamep.adlcndamep.modflg == "" &&
          this.model.litamep.adlcndamep.modmanflg == ""
        ) {
          this.flag1 = true;
          this.flag2 = false;
        } else if (
          this.model.litamep.adlcndamep.modflg == "" &&
          this.model.litamep.adlcndamep.modmanflg == "X"
        ) {
          this.flag1 = false;
          this.flag2 = true;
          this.model.litamep.adlcndamep.usrblk = "";
        }
      },
    },
  },
  methods: {
    ...Event,
    open(val) {
      if (val === "" && !(this.model.lidgrp.blk.adlcnd == "")) {
        this.$confirm(
          "是否确定要重置手动修改？",
          "提示",
          {
            cancelButtonText: "撤销",
            confirmButtonText: "确定",
            type: "warning",
            showClose: false,
          }
        )
          .then(() => {
            //yes的执行在这里写
            this.model.lidgrp.blk.adlcnd = "";
            this.$message({
              type: "success",
              message: "删除成功!",
            });
          })
          .catch(() => {
            //No的功能在这里写
            this.model.litamep.adlcndamep.modflg = "X";
            this.$message({
              type: "info",
              message: "已取消",
            });
          });
      } else if (val == "X" && this.model.litamep.adlcndamep.modmanflg == "X") {
        this.$confirm("请先重置内部修改", "提示", {
          confirmButtonText: "确定",
          showCancelButton: false,
          type: "warning",
          showClose: false,
        }).then(() => {
          //yes的执行在这里写
          this.model.litamep.adlcndamep.modflg = "";
          this.flag1 = true;
          this.flag2 = false;
        });
      }
    },
    open1(val) {
      if (val === "" && !(this.model.lidgrp.blk.adlcnd == "")) {
        this.$confirm(
          "是否确定要重置手动修改？",
          "提示",
          {
            cancelButtonText: "撤销",
            confirmButtonText: "确定",
            type: "warning",
            showClose: false,
          }
        )
          .then(() => {
            //yes的执行在这里写
            this.model.lidgrp.blk.adlcnd = "";
            this.$message({
              type: "success",
              message: "删除成功!",
            });
          })
          .catch(() => {
            //No的功能在这里写
            this.model.litamep.adlcndamep.modmanflg = "X";
            this.$message({
              type: "info",
              message: "已取消",
            });
          });
      } else if (
        this.model.litamep.adlcndamep.modflg == "X" &&
        this.model.litamep.adlcndamep.modmanflg == "X"
      ) {
        this.$confirm("请先重置修改以替换", "提示", {
          confirmButtonText: "确定",
          cancelButtonText: "",
          showCancelButton: false,
          type: "warning",
          showClose: false,
        }).then(() => {
          //yes的执行在这里写
          this.model.litamep.adlcndamep.modmanflg = "";
          this.flag1 = true;
          this.flag2 = false;
        });
      }
    },
  },
  created: function () {},
};
</script>
<style>
</style>