Dorpame.vue

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

        <c-col :span="22">
        <el-form-item label="添加/删除当前修订中的文本" prop="litamep.lcrdocamep.usrblk">
            <c-input type="textarea" 
            :disabled="this.flag2"
            v-model="model.litamep.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('litamep.lcrdocame.buttxmsel',null,null,{TXT: 'litamep.lcrdocamep.usrblk'}, {TXT: false},'doxpDialog')"> 
        </c-button>
        </c-col>
      </c-col>
        
        <c-col :span="11" :offset="1">
       <c-col :span="24">
        <el-form-item label="历史概述" prop="lidgrp.blk.lcrdocame">
            <c-input 
            :rows="12"
            disabled
            type="textarea" v-model="model.lidgrp.blk.lcrdocame" maxlength="50" show-word-limit placeholder="请输入单据要求 Amendment History" ></c-input>
        </el-form-item>
        </c-col>
         
       
                  
       <c-col :span="12">
           
	    
        <c-checkbox 
        @change="open"
        style=" margin: 0px 0 10px 150px;"
        v-model="model.litamep.lcrdocamep.modflg">修改要替换的文本</c-checkbox>
          
       </c-col>
                  
       <c-col :span="12">
	    <c-checkbox 
        @change="open1"
        style=" margin: 0px 0 10px 125px;"
        v-model="model.litamep.lcrdocamep.modmanflg">内部修改文本</c-checkbox>
       </c-col>
                  
       <c-col :span="12">
        <c-button 
        style=" margin: 0px 0 10px 150px;"
        size="small" type="primary"  @click="onLcrdocamepButdif">
            显示差异
        </c-button>
       </c-col>
                  
       <c-col :span="24">
        <c-button 
        style=" margin: 0px 0 10px 150px;"
        disabled
        size="small" type="primary"  @click="onLcrdocamepButadd">
            添加文本
        </c-button>
       </c-col>
                  
       <c-col :span="24">
        <c-button 
        style=" margin: 0px 0 10px 150px;"
        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/Litame/Event"

export default {
    inject: ['root'],
    props:["model","codes"],
    mixins: [commonProcess],
    data(){
        return {
            flag1:true,
            flag2:false,
        }
    },
    watch:{
        "model.litamep.lcrdocamep.modflg":{
            immediate:true,
            handler(val,oldval){
                 if(this.model.litamep.lcrdocamep.modflg == 'X' && this.model.litamep.lcrdocamep.modmanflg== ''){
                    this.flag1=false;
                    this.flag2=true;
                    this.model.litamep.lcrdocamep.usrblk='';
                }else if(this.model.litamep.lcrdocamep.modflg == 'X' && this.model.litamep.lcrdocamep.modmanflg== 'X'){
                    this.flag1=false;
                    this.flag2=true;
                    
                }else if(this.model.litamep.lcrdocamep.modflg == '' && this.model.litamep.lcrdocamep.modmanflg== ''){
                    this.flag1=true;
                    this.flag2=false;
                }else if(this.model.litamep.lcrdocamep.modflg == '' && this.model.litamep.lcrdocamep.modmanflg== 'X'){
                    this.flag1=false;
                    this.flag2=true;
                    this.model.litamep.lcrdocamep.usrblk='';
                }
            }
        },
        "model.litamep.lcrdocamep.modmanflg":{
            immediate:true,
            handler(val,oldval){
                if(this.model.litamep.lcrdocamep.modflg == 'X' && this.model.litamep.lcrdocamep.modmanflg== ''){
                    this.flag1=false;
                    this.flag2=true;
                    this.model.litamep.lcrdocamep.usrblk='';
                }else if(this.model.litamep.lcrdocamep.modflg == 'X' && this.model.litamep.lcrdocamep.modmanflg== 'X'){
                    this.flag1=false;
                    this.flag2=true;
                    
                }else if(this.model.litamep.lcrdocamep.modflg == '' && this.model.litamep.lcrdocamep.modmanflg== ''){
                    this.flag1=true;
                    this.flag2=false;
                }else if(this.model.litamep.lcrdocamep.modflg == '' && this.model.litamep.lcrdocamep.modmanflg== 'X'){
                    this.flag1=false;
                    this.flag2=true;
                    this.model.litamep.lcrdocamep.usrblk='';
                }
            }
        }

    },
    methods:{...Event,
    open(val){
        if(val === '' && !(this.model.lidgrp.blk.lcrdoc == '')){
          this.$confirm('Do you really want to reset your manual modifications?','提示',{
           
            cancelButtonText: 'Cannel',
            confirmButtonText: 'Ok',
            type: 'warning',
            showClose:false
          }).then(() => {
            //yes的执行在这里写
            this.model.lidgrp.blk.lcrdoc='';
            this.$message({
                  type: 'success',
                  message: '删除成功!'
            });
            
          }).catch(() => {
            //No的功能在这里写
            this.model.litamep.lcrdocamep.modflg='X'
                this.$message({
                  type: 'info',
                  message: '已取消'
                });  
          });
        }else if(val == 'X' && this.model.litamep.lcrdocamep.modmanflg =='X'){
            this.$confirm('Please reset internal modification first','提示',{
            confirmButtonText: 'Ok',
            showCancelButton:false,
            type: 'warning',
            showClose:false
          }).then(() => {
            //yes的执行在这里写
          this.model.litamep.lcrdocamep.modflg='';
          this.flag1=true;
          this.flag2=false;
          })
        }
    
    },
    open1(val){
        if(val === '' && !(this.model.lidgrp.blk.lcrdoc == '')){
          this.$confirm('Do you really want to reset your manual modifications?','提示',{
           
            cancelButtonText: 'Cannel',
            confirmButtonText: 'Ok',
            type: 'warning',
            showClose:false
          }).then(() => {
            //yes的执行在这里写
          this.model.lidgrp.blk.lcrdoc='';
            this.$message({
                  type: 'success',
                  message: '删除成功!'
            });
            
          }).catch(() => {
            //No的功能在这里写
            this.model.litamep.lcrdocamep.modmanflg = 'X'
                this.$message({
                  type: 'info',
                  message: '已取消'
                });  
        }); 
    }else if(this.model.litamep.lcrdocamep.modflg == 'X' && this.model.litamep.lcrdocamep.modmanflg =='X'){
            this.$confirm('Please reset modification to replace first','提示',{
            confirmButtonText: 'Ok',
            cancelButtonText: '',
            showCancelButton:false,
            type: 'warning',
            showClose:false
          }).then(() => {
            //yes的执行在这里写
          this.model.litamep.lcrdocamep.modmanflg='';
          this.flag1=true;
          this.flag2=false;
          })
    }
    }
    },
    created:function(){

    }
}
</script>
<style>

</style>