<template>
  <div class="eibs-tab">

     <c-col :span="11">
        <c-col :span="24">
        <el-form-item label="Special Payment Conditions for Bank Only" prop="lidgrp.blk.spcrcb">
            <c-input 
            :rows="12"
            :disabled="this.flag1"
            type="textarea" v-model="model.lidgrp.blk.spcrcb" maxlength="65" show-word-limit placeholder="请输入Documents Required" ></c-input>
        </el-form-item>
        </c-col>

        <c-col :span="22">
        <el-form-item label="Adding / Deleting Text in Current Amendment" prop="litamep.spcrcbamep.usrblk">
            <c-input type="textarea" 
            :disabled="this.flag2"
            v-model="model.litamep.spcrcbamep.usrblk" 
            maxlength="1650" 
            show-word-limit placeholder="请输入Block to enter additional info for Add/Delete"
            :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.spcrcbame.buttxmsel',null,null,{TXT: 'litamep.spcrcbamep.usrblk'}, {TXT: false},'doxpDialog')"
        >
        </c-button>
        </c-col>
      </c-col>
        
        <c-col :span="11" :offset="1">
       <c-col :span="24">
        <el-form-item label="Historic Overview" prop="lidgrp.blk.spcrcbame">
            <c-input 
            :rows="12"
            disabled
            type="textarea" v-model="model.lidgrp.blk.spcrcbame" maxlength="50" show-word-limit placeholder="请输入Documents Required Amendment History" ></c-input>
        </el-form-item>
        </c-col>
         
       
                  
       <c-col :span="12">
           
	    
        <c-checkbox 
        style=" margin: 0px 0 10px 150px;"
        @change="open"
        v-model="model.litamep.spcrcbamep.modflg">Modify Text to Replace</c-checkbox>
          
       </c-col>
                  
       <c-col :span="12">
	    <c-checkbox 
        @change="open1"
        style=" margin: 0px 0 10px 125px;"
        v-model="model.litamep.spcrcbamep.modmanflg">Modify Text Internally</c-checkbox>
       </c-col>
                  
       <c-col :span="12">
        <c-button 
        style=" margin: 0px 0 10px 150px;"
        size="small" type="primary"  @click="onLcrdocamepButdif">
            Show Diff
        </c-button>
       </c-col>
                  
       <c-col :span="24">
        <c-button 
        style=" margin: 0px 0 10px 150px;"
        disabled
        size="small" type="primary"  @click="onLcrdocamepButadd">
            Add Text
        </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">
            Delete text
        </c-button>
       </c-col>
        </c-col>
                  
       <!-- <c-col :span="12">
        <c-form-item label="Special Payment Conditions for Bank Only History" prop="lidgrp.blk.spcrcbame">
            <c-input type="textarea" v-model="model.lidgrp.blk.spcrcbame" maxlength="50" show-word-limit :placeholder="$t('other.please_enter')+'Special Payment Conditions for Bank Only History'" ></c-input>
        </c-form-item>
        </c-col>
                  
       <c-col :span="12">
        <c-form-item label="Special Payment Conditions for Bank Only" prop="lidgrp.blk.spcrcb">
            <c-input type="textarea" v-model="model.lidgrp.blk.spcrcb" maxlength="65" show-word-limit :placeholder="$t('other.please_enter')+'Special Payment Conditions for Bank Only'" ></c-input>
        </c-form-item>
        </c-col>
                  
       <c-col :span="12">
        <c-form-item label="Block to enter additional info for Add/Delete" prop="litamep.spcrcbamep.usrblk">
            <c-input type="textarea" v-model="model.litamep.spcrcbamep.usrblk" maxlength="65" show-word-limit :placeholder="$t('other.please_enter')+'Block to enter additional info for Add/Delete'" ></c-input>
        </c-form-item>
        </c-col>
                  
       <c-col :span="12">
	    <c-checkbox v-model="model.litamep.spcrcbamep.modflg">Modify Text to Replace</c-checkbox>
       </c-col>
                  
       <c-col :span="12">
	    <c-checkbox v-model="model.litamep.spcrcbamep.modmanflg">Modify field for manual update</c-checkbox>
       </c-col>
                  
       <c-col :span="12">
        <c-button size="small" type="primary"  @click="onSpcrcbamepButdif">
             {{$t('swtamep.BT000363')}}
        </c-button>
       </c-col>
                  
       <c-col :span="12">
        <c-button size="small" type="primary"  @click="onSpcrcbamepButadd">
             {{$t('swtamep.BT000364')}}
        </c-button>
       </c-col>
                  
       <c-col :span="12">
        <c-button size="small"  icon="el-icon-delete" @click="onSpcrcbamepButdel">
             {{$t('swtamep.BT000365')}}
        </c-button>
       </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.spcrcbamep.modflg":{
            immediate:true,
            handler(val,oldval){
                 if(this.model.litamep.spcrcbamep.modflg == 'X' && this.model.litamep.spcrcbamep.modmanflg== ''){
                    this.flag1=false;
                    this.flag2=true;
                    this.model.litamep.spcrcbamep.usrblk='';
                }else if(this.model.litamep.spcrcbamep.modflg == 'X' && this.model.litamep.spcrcbamep.modmanflg== 'X'){
                    this.flag1=false;
                    this.flag2=true;
                    
                }else if(this.model.litamep.spcrcbamep.modflg == '' && this.model.litamep.spcrcbamep.modmanflg== ''){
                    this.flag1=true;
                    this.flag2=false;
                }else if(this.model.litamep.spcrcbamep.modflg == '' && this.model.litamep.spcrcbamep.modmanflg== 'X'){
                    this.flag1=false;
                    this.flag2=true;
                    this.model.litamep.spcrcbamep.usrblk='';
                }
            }
        },
        "model.litamep.spcrcbamep.modmanflg":{
            immediate:true,
            handler(val,oldval){
               if(this.model.litamep.spcrcbamep.modflg == 'X' && this.model.litamep.spcrcbamep.modmanflg== ''){
                    this.flag1=false;
                    this.flag2=true;
                    this.model.litamep.spcrcbamep.usrblk='';
                }else if(this.model.litamep.spcrcbamep.modflg == 'X' && this.model.litamep.spcrcbamep.modmanflg== 'X'){
                    this.flag1=false;
                    this.flag2=true;
                    
                }else if(this.model.litamep.spcrcbamep.modflg == '' && this.model.litamep.spcrcbamep.modmanflg== ''){
                    this.flag1=true;
                    this.flag2=false;
                }else if(this.model.litamep.spcrcbamep.modflg == '' && this.model.litamep.spcrcbamep.modmanflg== 'X'){
                    this.flag1=false;
                    this.flag2=true;
                    this.model.litamep.spcrcbamep.usrblk='';
                }
            }
        }

    },
    methods:{...Event,
    open(val){
        if(val === '' && !(this.model.lidgrp.blk.spcrcb == '')){
          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.spcrcb='';
            this.$message({
                  type: 'success',
                  message: '删除成功!'
            });
            
          }).catch(() => {
            //No的功能在这里写
            this.model.litamep.spcrcbamep.modflg='X'
                this.$message({
                  type: 'info',
                  message: '已取消'
                });  
          });
        }else if(val == 'X' && this.model.litamep.spcrcbamep.modmanflg =='X'){
            this.$confirm('Please reset internal modification first','提示',{
            confirmButtonText: 'Ok',
            showCancelButton:false,
            type: 'warning',
            showClose:false
          }).then(() => {
            //yes的执行在这里写
          this.model.litamep.spcrcbamep.modflg='';
          this.flag1=true;
          this.flag2=false;
          })
        }
    
    },
    open1(val){
        if(val === '' && !(this.model.lidgrp.blk.spcrcb == '')){
          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.spcrcb='';
            this.$message({
                  type: 'success',
                  message: '删除成功!'
            });
            
          }).catch(() => {
            //No的功能在这里写
            this.model.litamep.spcrcbamep.modmanflg = 'X'
                this.$message({
                  type: 'info',
                  message: '已取消'
                });  
        }); 
    }else if(this.model.litamep.spcrcbamep.modflg == 'X' && this.model.litamep.spcrcbamep.modmanflg =='X'){
            this.$confirm('Please reset modification to replace first','提示',{
            confirmButtonText: 'Ok',
            cancelButtonText: '',
            showCancelButton:false,
            type: 'warning',
            showClose:false
          }).then(() => {
            //yes的执行在这里写
          this.model.litamep.spcrcbamep.modmanflg='';
          this.flag1=true;
          this.flag2=false;
          })
    }
    }
    },
    created:function(){

    }
}
</script>
<style>

</style>