<template>
  <div class="eibs-tab">
    <c-col :span="11">
      <c-col :span="24">
        <el-form-item
          label="受益人的特殊付款条款"
          prop="ltdgrp.blk.spcben"
        >
          <c-input
            :rows="12"
            :disabled="this.flag1"
            type="textarea"
            v-model="model.ltdgrp.blk.spcben"
            maxlength="65"
            show-word-limit
            placeholder="请输入"
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="22">
        <el-form-item
          label="在当前修改中添加或删除文本"
          prop="lttamep.spcbenamep.usrblk"
        >
          <c-input
            type="textarea"
            :disabled="this.flag2"
            v-model="model.lttamep.spcbenamep.usrblk"
            maxlength="1650"
            show-word-limit
            placeholder="请输入"
            :rows="22"
          ></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="2">
        <c-button
          size="small"
          type="primary"
          icon="el-icon-search"
          :disabled="this.flag2"
          @click="
            showGridPromptDialog(
              'lttamep.spcbenamep.buttxmsel',
              null,
              null,
              { TXT: 'lttamep.spcbenamep.usrblk' },
              { TXT: false },
              'doxpDialog'
            )
          "
        >
        </c-button>
      </c-col>
    </c-col>

    <c-col :span="11" :offset="1">
      <c-col :span="24">
        <el-form-item label="历史概要" prop="ltdgrp.blk.spcbename">
          <c-input
            :rows="12"
            disabled
            type="textarea"
            v-model="model.ltdgrp.blk.spcbename"
            maxlength="50"
            show-word-limit
            placeholder="请输入历史概要"
          ></c-input>
        </el-form-item>
      </c-col>

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

      <c-col :span="12">
        <c-checkbox
          @change="open1"
          style="margin: 0px 0 10px 125px"
          v-model="model.lttamep.spcbenamep.modmanflg"
          >修改内部文本</c-checkbox
        >
      </c-col>

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

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

      <c-col :span="24">
        <c-button
          style="margin: 0px 0 10px 150px"
          disabled
          size="small"
          type="primary"
          icon="el-icon-delete"
          @click="onLcrdocamepButdel"
        >
          删除文本
        </c-button>
      </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/Lttame/Event";

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [commonProcess],
  data() {
    return {
      flag1: true,
      flag2: false,
    };
  },
  watch: {
    "model.lttamep.spcbenamep.modflg": {
      immediate: true,
      handler(val, oldval) {
        if (
          this.model.lttamep.spcbenamep.modflg == "X" &&
          this.model.lttamep.spcbenamep.modmanflg == ""
        ) {
          this.flag1 = false;
          this.flag2 = true;
          this.model.lttamep.spcbenamep.usrblk = "";
        } else if (
          this.model.lttamep.spcbenamep.modflg == "X" &&
          this.model.lttamep.spcbenamep.modmanflg == "X"
        ) {
          this.flag1 = false;
          this.flag2 = true;
        } else if (
          this.model.lttamep.spcbenamep.modflg == "" &&
          this.model.lttamep.spcbenamep.modmanflg == ""
        ) {
          this.flag1 = true;
          this.flag2 = false;
        } else if (
          this.model.lttamep.spcbenamep.modflg == "" &&
          this.model.lttamep.spcbenamep.modmanflg == "X"
        ) {
          this.flag1 = false;
          this.flag2 = true;
          this.model.lttamep.spcbenamep.usrblk = "";
        }
      },
    },
    "model.lttamep.spcbenamep.modmanflg": {
      immediate: true,
      handler(val, oldval) {
        if (
          this.model.lttamep.spcbenamep.modflg == "X" &&
          this.model.lttamep.spcbenamep.modmanflg == ""
        ) {
          this.flag1 = false;
          this.flag2 = true;
          this.model.lttamep.spcbenamep.usrblk = "";
        } else if (
          this.model.lttamep.spcbenamep.modflg == "X" &&
          this.model.lttamep.spcbenamep.modmanflg == "X"
        ) {
          this.flag1 = false;
          this.flag2 = true;
        } else if (
          this.model.lttamep.spcbenamep.modflg == "" &&
          this.model.lttamep.spcbenamep.modmanflg == ""
        ) {
          this.flag1 = true;
          this.flag2 = false;
        } else if (
          this.model.lttamep.spcbenamep.modflg == "" &&
          this.model.lttamep.spcbenamep.modmanflg == "X"
        ) {
          this.flag1 = false;
          this.flag2 = true;
          this.model.lttamep.spcbenamep.usrblk = "";
        }
      },
    },
  },
  methods: {
    ...Event,
    open(val) {
      if (val === "" && !(this.model.ltdgrp.blk.spcben == "")) {
        this.$confirm(
          "Do you really want to reset your manual modifications?",
          "提示",
          {
            cancelButtonText: "Cannel",
            confirmButtonText: "Ok",
            type: "warning",
            showClose: false,
          }
        )
          .then(() => {
            //yes的执行在这里写
            this.model.ltdgrp.blk.spcben = "";
            this.$message({
              type: "success",
              message: "删除成功!",
            });
          })
          .catch(() => {
            //No的功能在这里写
            this.model.lttamep.spcbenamep.modflg = "X";
            this.$message({
              type: "info",
              message: "已取消",
            });
          });
      } else if (val == "X" && this.model.lttamep.spcbenamep.modmanflg == "X") {
        this.$confirm("Please reset internal modification first", "提示", {
          confirmButtonText: "Ok",
          showCancelButton: false,
          type: "warning",
          showClose: false,
        }).then(() => {
          //yes的执行在这里写
          this.model.lttamep.spcbenamep.modflg = "";
          this.flag1 = true;
          this.flag2 = false;
        });
      }
    },
    open1(val) {
      if (val === "" && !(this.model.ltdgrp.blk.spcben == "")) {
        this.$confirm(
          "Do you really want to reset your manual modifications?",
          "提示",
          {
            cancelButtonText: "Cannel",
            confirmButtonText: "Ok",
            type: "warning",
            showClose: false,
          }
        )
          .then(() => {
            //yes的执行在这里写
            this.model.ltdgrp.blk.spcben = "";
            this.$message({
              type: "success",
              message: "删除成功!",
            });
          })
          .catch(() => {
            //No的功能在这里写
            this.model.lttamep.spcbenamep.modmanflg = "X";
            this.$message({
              type: "info",
              message: "已取消",
            });
          });
      } else if (
        this.model.lttamep.spcbenamep.modflg == "X" &&
        this.model.lttamep.spcbenamep.modmanflg == "X"
      ) {
        this.$confirm("Please reset modification to replace first", "提示", {
          confirmButtonText: "Ok",
          cancelButtonText: "",
          showCancelButton: false,
          type: "warning",
          showClose: false,
        }).then(() => {
          //yes的执行在这里写
          this.model.lttamep.spcbenamep.modmanflg = "";
          this.flag1 = true;
          this.flag2 = false;
        });
      }
    },
  },
  created: function () {},
};
</script>
<style>
</style>