Spbpame.vue

<template>
  <div class="eibs">
    <c-col :span="12" style="padding-right: 20px">
      <c-col :span="24">
        <el-form-item
          label="受益人的特殊付款条款"
          prop="lidgrp.blk.spcben"
        >
          <c-input
            :rows="12"
            :disabled="this.flag1"
            type="textarea"
            v-model="model.lidgrp.blk.spcben"
            maxlength="65"
            show-word-limit
            placeholder="请输入受益人的特殊付款条款"
          ></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item
          label="添加/删除当前修订中的文本"
          prop="litamep.spcbenamep.usrblk"
        >
          <c-fullbox>
            <c-input
              type="textarea"
              :disabled="this.flag2"
              v-model="model.litamep.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(
                    'litamep.spcbenamep.buttxmsel',
                    null,
                    null,
                    { TXT: 'litamep.spcbenamep.usrblk' },
                    { TXT: false },
                    'doxpDialog'
                  )
                "
              >
              </c-button>
            </template>
          </c-fullbox>
        </el-form-item>
      </c-col>
    </c-col>

    <c-col :span="12" style="padding-left: 20px">
      <c-col :span="24">
        <el-form-item label="历史概述" prop="lidgrp.blk.spcbename">
          <c-input
            :rows="12"
            disabled
            type="textarea"
            v-model="model.lidgrp.blk.spcbename"
            maxlength="50"
            show-word-limit
            placeholder="请输入历史概述"
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="12">
        <el-form-item label="" prop="litamep.spcbenamep.modflg">
          <c-checkbox
            class="checkbox-left"
            @change="open"
            v-model="model.litamep.spcbenamep.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.spcbenamep.modmanflg"
          >内部修改文本</c-checkbox
        >
      </c-col>

      <c-col :span="24">
        <c-button
          style="margin: 0px 0 10px 120px"
          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"
        >
          添加文本
        </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>
    </c-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.spcbenamep.modflg': {
      immediate: true,
      handler(val, oldval) {
        if (
          this.model.litamep.spcbenamep.modflg == 'X' &&
          this.model.litamep.spcbenamep.modmanflg == ''
        ) {
          this.flag1 = false;
          this.flag2 = true;
          this.model.litamep.spcbenamep.usrblk = '';
        } else if (
          this.model.litamep.spcbenamep.modflg == 'X' &&
          this.model.litamep.spcbenamep.modmanflg == 'X'
        ) {
          this.flag1 = false;
          this.flag2 = true;
        } else if (
          this.model.litamep.spcbenamep.modflg == '' &&
          this.model.litamep.spcbenamep.modmanflg == ''
        ) {
          this.flag1 = true;
          this.flag2 = false;
        } else if (
          this.model.litamep.spcbenamep.modflg == '' &&
          this.model.litamep.spcbenamep.modmanflg == 'X'
        ) {
          this.flag1 = false;
          this.flag2 = true;
          this.model.litamep.spcbenamep.usrblk = '';
        }
      },
    },
    'model.litamep.spcbenamep.modmanflg': {
      immediate: true,
      handler(val, oldval) {
        if (
          this.model.litamep.spcbenamep.modflg == 'X' &&
          this.model.litamep.spcbenamep.modmanflg == ''
        ) {
          this.flag1 = false;
          this.flag2 = true;
          this.model.litamep.spcbenamep.usrblk = '';
        } else if (
          this.model.litamep.spcbenamep.modflg == 'X' &&
          this.model.litamep.spcbenamep.modmanflg == 'X'
        ) {
          this.flag1 = false;
          this.flag2 = true;
        } else if (
          this.model.litamep.spcbenamep.modflg == '' &&
          this.model.litamep.spcbenamep.modmanflg == ''
        ) {
          this.flag1 = true;
          this.flag2 = false;
        } else if (
          this.model.litamep.spcbenamep.modflg == '' &&
          this.model.litamep.spcbenamep.modmanflg == 'X'
        ) {
          this.flag1 = false;
          this.flag2 = true;
          this.model.litamep.spcbenamep.usrblk = '';
        }
      },
    },
  },
  methods: {
    open(val) {
      if (val === '' && !(this.model.lidgrp.blk.spcben == '')) {
        this.$confirm(
          '是否确定要重置手动修改？',
          '提示',
          {
            cancelButtonText: '撤销',
            confirmButtonText: '确定',
            type: 'warning',
            showClose: false,
          }
        )
          .then(() => {
            //yes的执行在这里写
            this.model.lidgrp.blk.spcben = '';
            this.$message({
              type: 'success',
              message: '删除成功!',
            });
          })
          .catch(() => {
            //No的功能在这里写
            this.model.litamep.spcbenamep.modflg = 'X';
            this.$message({
              type: 'info',
              message: '已取消',
            });
          });
      } else if (val == 'X' && this.model.litamep.spcbenamep.modmanflg == 'X') {
        this.$confirm('请先重置内部修改', '提示', {
          confirmButtonText: '确定',
          showCancelButton: false,
          type: 'warning',
          showClose: false,
        }).then(() => {
          //yes的执行在这里写
          this.model.litamep.spcbenamep.modflg = '';
          this.flag1 = true;
          this.flag2 = false;
        });
      }
    },
    open1(val) {
      if (val === '' && !(this.model.lidgrp.blk.spcben == '')) {
        this.$confirm(
          '是否确定要重置手动修改？',
          '提示',
          {
            cancelButtonText: '撤销',
            confirmButtonText: '确定',
            type: 'warning',
            showClose: false,
          }
        )
          .then(() => {
            //yes的执行在这里写
            this.model.lidgrp.blk.spcben = '';
            this.$message({
              type: 'success',
              message: '删除成功!',
            });
          })
          .catch(() => {
            //No的功能在这里写
            this.model.litamep.spcbenamep.modmanflg = 'X';
            this.$message({
              type: 'info',
              message: '已取消',
            });
          });
      } else if (
        this.model.litamep.spcbenamep.modflg == 'X' &&
        this.model.litamep.spcbenamep.modmanflg == 'X'
      ) {
        this.$confirm('请先重置修改以替换', '提示', {
          confirmButtonText: '确定',
          cancelButtonText: '',
          showCancelButton: false,
          type: 'warning',
          showClose: false,
        }).then(() => {
          //yes的执行在这里写
          this.model.litamep.spcbenamep.modmanflg = '';
          this.flag1 = true;
          this.flag2 = false;
        });
      }
    },
  },
  created: function () {},
};
</script>
<style>
</style>