Adcpame.vue

<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>
        <!-- <c-col :span="22">
          <el-form-item
            label="添加/删除当前修订中的文本"
            prop="litamep.adlcndamep.usrblk"
          >
            <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>
          </el-form-item>
        </c-col>
        <c-col :span="2">
          <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>
        </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 
            disabled
            :rows="12"
            type="textarea" v-model="model.lidgrp.blk.adlcndame" maxlength="50" 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/Litdla/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>