居民老年人需求调整

src/views/components/resiExpand/editExpand.vue

@@ -19,7 +19,7 @@
 
                             <template v-else-if="itemk.itemType == 'select1' && itemk.showFlag !== '0'">
                                 <el-select v-model.trim="form[itemj.id][itemk.formName]" :placeholder="`请选择${itemk.label}`"
-                                    size="small" :multiple="itemk.multiple" :collapse-tags="itemk.collapseTags"
+                                    size="small" :multiple="itemk.multiple" :disabled="itemk.disabled" :collapse-tags="itemk.collapseTags"
                                     clearable
                                     :style="{ 'width': itemk.formName == 'specialCategoryCode' ? '183px' : '' }"
                                     class="list_item_width_1">
@@ -55,7 +55,7 @@
                                 <el-checkbox-group size="small" v-model.trim="form[itemj.id][itemk.formName]">
                                     <el-checkbox v-for="items in itemk.opction" :label="items.value"
                                         :style="{ 'margin-right': items.label != itemk.label ? '' : '19px' }"
-                                        :key="items.value" :value="items.value" @click.native="handleFormChange(itemj.id,itemk.formName,itemk.itemType)">{{ items.label }}</el-checkbox>
+                                        :key="items.value" :value="items.value" @click.native="handleFormChange(itemj.id,itemk.formName,itemk.itemType)"  :disabled="items.disabled">{{ items.label }}</el-checkbox>
                                 </el-checkbox-group>
                             </template>
 
@@ -211,11 +211,56 @@ export default {
     },
     methods: {
         handleFormChange(pid,id,type){
+            console.log(pid,id,type,'拓展组件');
+            console.log(this.formList);
             this.changPid = pid;
             this.changId = id;
             this.changType = type;
             nextTick(1000)
             this.$emit('submitExpand', this.form,{changId:this.changId,changPid:this.changPid,changType:this.changType})
+            // let index = this.formList.findIndex(item=>item.formId === "oldPeopleDto")
+            if (pid === 'oldPeopleDto' && id === 'oldPeopleCategories') {
+                this.formList.forEach((item,index) => {
+                    item.form[0].children.forEach(async (itemC,indexC) => {
+                        if (itemC.formName === "oldPeopleCategories") {
+                            await nextTick(500)
+                            if (itemC.value.findIndex(itemK => itemK === "liveAloneFlag") != -1) {
+                                itemC.opction.forEach(itemJ => {
+                                    if (itemJ.value === "emptyNesterFlag") {
+                                        itemJ.disabled = true;
+                                        this.form[pid].resideSituation = 'duju'
+                                        item.form[0].children[1].disabled = true;
+                                        this.$forceUpdate()
+                                    } else {
+                                        itemJ.disabled = false;
+                                        this.$forceUpdate()
+                                    }
+                                })
+                            } else if (itemC.value.findIndex(itemK => itemK === "emptyNesterFlag") != -1) {
+                                itemC.opction.forEach(itemJ => {
+                                    if (itemJ.value === "liveAloneFlag") {
+                                        itemJ.disabled = true;
+                                        this.form[pid].resideSituation = 'kongchao'
+                                        item.form[0].children[1].disabled = true;
+                                        this.$forceUpdate()
+
+                                    } else {
+                                        itemJ.disabled = false;
+                                        this.$forceUpdate()
+                                    }
+                                })
+                            } else {
+                                this.form[pid].resideSituation = 'duju'
+                                item.form[0].children[1].disabled = false;
+                                itemC.opction.forEach(itemJ => {
+                                    itemJ.disabled = false;
+                                })
+                                this.$forceUpdate()
+                            }
+                        }
+                    })
+                })
+            }
         },
         checkNumberInput(itemj, itemk) {
             if (this.form[itemj][itemk]) {

src/views/components/resiExpand/index.vue

@@ -17,9 +17,9 @@
                             <el-select v-model.trim="form[itemj.id][itemk.formName]" :placeholder="`请选择${itemk.label}`"
                                 size="small" :multiple="itemk.multiple" :collapse-tags="itemk.collapseTags" clearable
                                 :style="{ 'width': itemk.formName == 'specialCategoryCode' ? '183px' : '' }"
-                                class="list_item_width_1" @change="handelChangeSelsect(itemj.id,itemk.formName)">
+                                class="list_item_width_1" @change="handelChangeSelsect(itemj.id,itemk.formName)" :disabled="itemk.disabled">
                                 <el-option v-for="items in itemk.opction" :key="items.value" :label="items.label"
-                                    :value="items.value">
+                                    :value="items.value" >
                                 </el-option>
                             </el-select>
                         </template>
@@ -43,10 +43,10 @@
                             </el-input><span class="u-data-tag">元</span>
                         </template>
                         <template v-else-if="itemk.itemType == 'checkbox'">
-                            <el-checkbox-group size="small" v-model.trim="form[itemj.id][itemk.formName]">
+                            <el-checkbox-group size="small" v-model.trim="form[itemj.id][itemk.formName]" @change="handelChangeCheckBox(itemj)">
                                 <el-checkbox v-for="items in itemk.opction" :label="items.value"
                                     :style="{ 'margin-right': items.label != itemk.label ? '' : '19px' }" :key="items.value"
-                                    :value="items.value">{{ items.label }}</el-checkbox>
+                                    :value="items.value" :disabled="items.disabled">{{ items.label }}</el-checkbox>
                             </el-checkbox-group>
                         </template>
                         <template v-else-if="itemk.itemType == 'datepicker1' && itemk.showFlag !== '0'">
@@ -204,6 +204,33 @@ export default {
     mounted() {
     },
     methods: {
+        handelChangeCheckBox(itemJ){
+            if(itemJ.id === "oldPeopleDto" && this.form.oldPeopleDto.oldPeopleCategories.length > 0){
+                if(this.form.oldPeopleDto.oldPeopleCategories.findIndex(item=>item === "liveAloneFlag") != -1){
+                    itemJ.children[0].opction.forEach(item=>{
+                        if(item.value === "emptyNesterFlag"){
+                            item.disabled = true;
+                            itemJ.children[1].disabled = true;
+                            this.form.oldPeopleDto.resideSituation = 'duju';
+                            this.$forceUpdate();
+                        }
+                    })
+                }else if(this.form.oldPeopleDto.oldPeopleCategories.findIndex(item=>item === "emptyNesterFlag") != -1){
+                    itemJ.children[0].opction.forEach(item=>{
+                        if(item.value === "liveAloneFlag"){
+                            item.disabled = true;
+                            itemJ.children[1].disabled = true;
+                            this.form.oldPeopleDto.resideSituation = 'kongchao';
+                            this.$forceUpdate()
+                        }
+                    })
+                }else{
+                    itemJ.children[1].disabled = false;
+                    itemJ.children[0].opction.forEach(item=>{item.disabled = false})
+                    this.$forceUpdate()
+                }
+            }
+        },
         handelChangeSelsect(pname,cname){
             if(pname === 'specialSupportDto' && cname === 'specialSupportType'){
                 if(this.form.specialSupportDto.specialSupportType === '2'){