Spbpame.vue

<template>
  <div class="eibs">
    <c-col :span="12" style="padding-right: 20px">
      <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="24">
        <el-form-item
          label="在当前修改中添加或删除文本"
          prop="lttamep.spcbenamep.usrblk"
        >
          <c-fullbox>
            <c-input
              type="textarea"
              :disabled="this.flag2"
              v-model="model.lttamep.spcbenamep.usrblk"
              maxlength="1650"
              show-word-limit
              placeholder="请输入"
              :rows="22"
            ></c-input>
            <template slot="footer">
              <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>
            </template>
          </c-fullbox>
        </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="12" style="padding-left: 20px">
      <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 120px;float:left"
          @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 120px;float:left"
          v-model="model.lttamep.spcbenamep.modmanflg"
          >修改内部文本</c-checkbox
        >
      </c-col>

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

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

      <c-col :span="24">
        <c-button
          style="margin: 0px 0 10px 120px;float:left"
          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("是否确定要重置手动修改？", "提示", {
          cancelButtonText: "撤销",
          confirmButtonText: "确定",
          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("请先重置内部修改", "提示", {
          confirmButtonText: "确定",
          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("是否确定要重置手动修改？", "提示", {
          cancelButtonText: "撤销",
          confirmButtonText: "确定",
          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("请先重置修改以替换", "提示", {
          confirmButtonText: "确定",
          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>