Dogpame.vue

<template>
    <div class="eibs">
      <el-col :span="12" style="padding-right: 20px">

        <c-col :span="24">
        <el-form-item label="货物/服务描述" prop="lidgrp.blk.lcrgod">
            <c-input 
            :rows="12"
            :disabled="model.litamep.lcrgodamep.modflg==''&&model.litamep.lcrgodamep.modmanflg==''" type="textarea" v-model="model.lidgrp.blk.lcrgod" maxlength="65" show-word-limit placeholder="请输入货物描述" ></c-input>
        </el-form-item>
        </c-col> 

        <!-- <c-col :span="24">
        <el-form-item label="在当前修订中添加/删除文本" prop="litamep.lcrgodamep.usrblk">
            <c-input  
            :rows="9"
            type="textarea" v-model="model.litamep.lcrgodamep.usrblk" maxlength="65" show-word-limit placeholder="请输入添加/删除补充信息" ></c-input>
        </el-form-item>
        </c-col>   -->
       
        <c-col :span="24">
          <el-form-item
            label="在当前修订中添加/删除文本"
            prop="litamep.lcrgodamep.usrblk"
          >
            <c-fullbox>
              <c-input
                :disabled="this.flag2"
                :autosize="{ minRows: 22, maxRows: 800 }"
                type="textarea"
                v-model="model.litamep.lcrgodamep.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.lcrgodame.buttxmsel',
                      null,
                      null,
                      { TXT: 'litamep.lcrgodamep.usrblk' },
                      { TXT: false },
                      'doxpDialog'
                    )
                  "
                >
                </c-button>
              </template>
            </c-fullbox>
          </el-form-item>
        </c-col>
        </el-col>
<!-- ================================================================================ -->
         <!-- <el-col :span="11" :offset="1">
            <c-col :span="24">
        <el-form-item label="历史概述" prop="lidgrp.blk.lcrgodame">
            <c-input 
            :rows="12"
            disabled type="textarea" v-model="model.lidgrp.blk.lcrgodame" maxlength="50" show-word-limit placeholder="请输入历史概述" ></c-input>
        </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.lcrgodame">
            <c-input
              :autosize="{ minRows: 12, maxRows: 999 }"
              disabled
              type="textarea"
              v-model="model.lidgrp.blk.lcrgodame"
              maxlength="4950"
              show-word-limit
              placeholder="请输入Description of Goods Amendment History"
            ></c-input>
          </el-form-item>
        </c-col>
  
        <c-col :span="12">
          <el-form-item label="" prop="litamep.lcrgodamep.modflg">
            <c-checkbox
              @change="open"
              class="checkbox-left"
              v-model="model.litamep.lcrgodamep.modflg"
              >修改要替换的文本</c-checkbox
            >
          </el-form-item>
        </c-col>
  
        <c-col :span="12">
          <c-checkbox
            @change="open1"
            style="margin: 0px 0 10px 125px"
            v-model="model.litamep.lcrgodamep.modmanflg"
            >内部修改文本</c-checkbox
          >
        </c-col>
  
        <c-col :span="24">
          <c-button
            style="margin: 0px 0 10px 120px"
            size="small"
            type="primary"
            @click="showDiff"
          >
            显示差异
          </c-button>
        </c-col>
  
        <c-col :span="24">
          <c-button
            style="margin: 0px 0 10px 120px"
            disabled
            size="small"
            type="primary"
          >
            添加文本
          </c-button>
        </c-col>
  
        <c-col :span="24">
          <c-button
            style="margin: 0px 0 10px 120px"
            disabled
            size="small"
            type="primary"
            icon="el-icon-delete"
          >
            删除文本
        </c-button>
       </c-col>
        </el-col>
  </div>
</template>
<script>
import event from "../event"

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