Wg.vue

<template>
  <div class="eibs-tab">
       <el-col :span="11">
        <c-col :span="24">
        <el-form-item label="申报类型" prop="bopmod.szflg">
            <c-select 
            v-model="model.bopmod.szflg" 
            style="width:100%" 
            placeholder="请选择申报类型"
            :code="codes.szflg"
            >
              </c-select>
        </el-form-item>
       </c-col>

       <c-col :span="24">
	    <c-checkbox 
        :disabled="this.flag3"
      v-model="model.bopmod.basflg"
      style="margin: 0px 0 10px 150px;"
      >基础数据</c-checkbox>
       </c-col>
        <c-col :span="24">
        <el-form-item label="款项去向" prop="bopmod.acttyp">
            <c-input 
            :disabled="this.flag1"
            v-model="model.bopmod.acttyp" style="width:100%" placeholder="请选择款项去向">
            </c-input>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="24">
        <el-form-item label="地区机构号" prop="bopmod.ownextkey">
            <c-input 
            :disabled="this.flag2"
            v-model="model.bopmod.ownextkey" style="width:100%" placeholder="请选择地区机构号">
            </c-input>
        </el-form-item>
       </c-col>
       </el-col>                                        
       
                  
       
                  
       <!-- <c-col :span="12">
	    <c-checkbox v-model="model.bopmod.dclflg">申报数据</c-checkbox>
       </c-col>
                  
       <c-col :span="12">
	    <c-checkbox v-model="model.bopmod.vrfflg">核销数据</c-checkbox>
       </c-col> -->
                                   
      
  </div>
</template>
<script>
import Api from "~/service/Api"
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Bctset/Event"

export default {
    inject: ['root'],
    props:["model","codes"],
    mixins: [commonProcess],
    data(){
        return {
            flag1:"",
            flag2:"",
            flag3:"",
        }
    },
    methods:{...Event},
    created:function(){

    },
    watch:{
    "model.bopmod.szflg":{
        immediate:true,
        handler(val ,oldVal){
            if(val=="3"){
                this.flag1=true
                this.flag2=true
                this.flag3=true
            }
            if(val=="2"){
                this.flag1=true
                this.flag2=false
                this.flag3=false
            }
            if(val=="1"){
                this.flag1=false
                this.flag2=false
                this.flag3=false
            }
        },
    }    

    },
}
</script>
<style>

</style>