Dorpame.vue

<template>
  <div class="eibs">
      <c-col :span="12" style="padding-right: 20px;">
        <c-col :span="24">
        <el-form-item label="单据要求" prop="ltdgrp.blk.lcrdoc">
            <c-input 
            :rows="12"
            :disabled="this.flag1"
            type="textarea" v-model="model.ltdgrp.blk.lcrdoc" maxlength="65" show-word-limit placeholder="请输入单据要求" ></c-input>
        </el-form-item>
        </c-col>

        <c-col :span="24">
        <el-form-item
          label="在当前修改中添加或删除文本"
          prop="lttamep.lcrdocamep.usrblk"
        >
          <c-fullbox>
            <c-input type="textarea" 
            :disabled="this.flag2"
            v-model="model.lttamep.lcrdocamep.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.lcrdocame.buttxmsel',null,null,{TXT: 'lttamep.lcrdocamep.usrblk'}, {TXT: false},'doxpDialog')"> 
        </c-button>
            </template>
          </c-fullbox>
        </el-form-item>
      </c-col>
      </c-col>

        <!-- <c-col :span="22">
        <el-form-item label="在当前修改中添加或删除文本" prop="lttamep.lcrdocamep.usrblk">
            <c-input type="textarea" 
            :disabled="this.flag2"
            v-model="model.lttamep.lcrdocamep.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.lcrdocame.buttxmsel',null,null,{TXT: 'lttamep.lcrdocamep.usrblk'}, {TXT: false},'doxpDialog')"> 
        </c-button>
        </c-col>-->
      
        
        <c-col :span="12" style="padding-left: 20px;">
       <c-col :span="24">
        <el-form-item label="历史概要" prop="ltdgrp.blk.lcrdocame">
            <c-input 
            :rows="12"
            disabled
            type="textarea" v-model="model.ltdgrp.blk.lcrdocame" maxlength="50" show-word-limit placeholder="请输入" ></c-input>
        </el-form-item>
        </c-col>
         
       
                  
       <c-col :span="12">
           
	    
        <c-checkbox 
        @change="open"
        style=" margin: 0px 0 10px 120px;float:left;"
        v-model="model.lttamep.lcrdocamep.modflg">修改要替换的文本</c-checkbox>
          
       </c-col>
                  
       <c-col :span="12">
	    <c-checkbox 
        @change="open1"
        style=" margin: 0px 0 10px 125px;"
        v-model="model.lttamep.lcrdocamep.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.lcrdocamep.modflg":{
            immediate:true,
            handler(val,oldval){
                 if(this.model.lttamep.lcrdocamep.modflg == 'X' && this.model.lttamep.lcrdocamep.modmanflg== ''){
                    this.flag1=false;
                    this.flag2=true;
                    this.model.lttamep.lcrdocamep.usrblk='';
                }else if(this.model.lttamep.lcrdocamep.modflg == 'X' && this.model.lttamep.lcrdocamep.modmanflg== 'X'){
                    this.flag1=false;
                    this.flag2=true;
                    
                }else if(this.model.lttamep.lcrdocamep.modflg == '' && this.model.lttamep.lcrdocamep.modmanflg== ''){
                    this.flag1=true;
                    this.flag2=false;
                }else if(this.model.lttamep.lcrdocamep.modflg == '' && this.model.lttamep.lcrdocamep.modmanflg== 'X'){
                    this.flag1=false;
                    this.flag2=true;
                    this.model.lttamep.lcrdocamep.usrblk='';
                }
            }
        },
        "model.lttamep.lcrdocamep.modmanflg":{
            immediate:true,
            handler(val,oldval){
                if(this.model.lttamep.lcrdocamep.modflg == 'X' && this.model.lttamep.lcrdocamep.modmanflg== ''){
                    this.flag1=false;
                    this.flag2=true;
                    this.model.lttamep.lcrdocamep.usrblk='';
                }else if(this.model.lttamep.lcrdocamep.modflg == 'X' && this.model.lttamep.lcrdocamep.modmanflg== 'X'){
                    this.flag1=false;
                    this.flag2=true;
                    
                }else if(this.model.lttamep.lcrdocamep.modflg == '' && this.model.lttamep.lcrdocamep.modmanflg== ''){
                    this.flag1=true;
                    this.flag2=false;
                }else if(this.model.lttamep.lcrdocamep.modflg == '' && this.model.lttamep.lcrdocamep.modmanflg== 'X'){
                    this.flag1=false;
                    this.flag2=true;
                    this.model.lttamep.lcrdocamep.usrblk='';
                }
            }
        }

    },
    methods:{...Event,
    open(val){
        if(val === '' && !(this.model.ltdgrp.blk.lcrdoc == '')){
          this.$confirm('是否确定要重置手动修改？','提示',{
           
            cancelButtonText: '撤销',
            confirmButtonText: '确定',
            type: 'warning',
            showClose:false
          }).then(() => {
            //yes的执行在这里写
            this.model.ltdgrp.blk.lcrdoc='';
            this.$message({
                  type: 'success',
                  message: '删除成功!'
            });
            
          }).catch(() => {
            //No的功能在这里写
            this.model.lttamep.lcrdocamep.modflg='X'
                this.$message({
                  type: 'info',
                  message: '已取消'
                });  
          });
        }else if(val == 'X' && this.model.lttamep.lcrdocamep.modmanflg =='X'){
            this.$confirm('请先重置内部修改','提示',{
            confirmButtonText: '确定',
            showCancelButton:false,
            type: 'warning',
            showClose:false
          }).then(() => {
            //yes的执行在这里写
          this.model.lttamep.lcrdocamep.modflg='';
          this.flag1=true;
          this.flag2=false;
          })
        }
    
    },
    open1(val){
        if(val === '' && !(this.model.ltdgrp.blk.lcrdoc == '')){
          this.$confirm('是否确定要重置手动修改？','提示',{
           
            cancelButtonText: '撤销',
            confirmButtonText: '确定',
            type: 'warning',
            showClose:false
          }).then(() => {
            //yes的执行在这里写
          this.model.ltdgrp.blk.lcrdoc='';
            this.$message({
                  type: 'success',
                  message: '删除成功!'
            });
            
          }).catch(() => {
            //No的功能在这里写
            this.model.lttamep.lcrdocamep.modmanflg = 'X'
                this.$message({
                  type: 'info',
                  message: '已取消'
                });  
        }); 
    }else if(this.model.lttamep.lcrdocamep.modflg == 'X' && this.model.lttamep.lcrdocamep.modmanflg =='X'){
            this.$confirm('请先重置修改以替换','提示',{
            confirmButtonText: '确定',
            cancelButtonText: '',
            showCancelButton:false,
            type: 'warning',
            showClose:false
          }).then(() => {
            //yes的执行在这里写
          this.model.lttamep.lcrdocamep.modmanflg='';
          this.flag1=true;
          this.flag2=false;
          })
    }
    }
    },
    created:function(){

    }
}
</script>
<style>

</style>