居民详情慢病处改为多选

src/views/components/resiForm.vue

@@ -693,7 +693,7 @@ export default {
             },
             {
               label: "所患慢性病",
-              itemType: "select1",
+              itemType: "checkbox",
               formName: "chronicDiseaseCode",
               opction: []
             },
@@ -1426,7 +1426,7 @@ export default {
           voluntaryEducationFlag: 1,//有无非义务教育阶段助学【有:1 无:0】
           illnessCode: '',//所患大病字典code
           illnessTime: '',//大病患病时间yyyy-MM-dd
-          chronicDiseaseCode: '',//所患慢性病code
+          chronicDiseaseCode: [],//所患慢性病code
           chronicDiseaseTime: '',//慢病患病时间
           insuredFlag: '',//是否参保【是:1 否:0】
           selfPayAmount: '',//自付金额
@@ -2437,6 +2437,11 @@ export default {
         if (res.code !== 0) {
           return this.$message.error(res.msg);
         } else {
+
+          if (res.data) {
+            res.data.chronicDiseaseCode = res.data.chronicDiseaseCode.split(',')
+          }
+
           this.form.healthDto = res.data ? res.data : { // 健康
             disabilityCategoryCode: '',//残疾类别
             disabilityLevel: '',//残疾等级
@@ -2448,7 +2453,7 @@ export default {
             voluntaryEducationFlag: 1,//有无非义务教育阶段助学【有:1 无:0】
             illnessCode: '',//所患大病字典code
             illnessTime: '',//大病患病时间yyyy-MM-dd
-            chronicDiseaseCode: '',//所患慢性病code
+            chronicDiseaseCode: [],//所患慢性病code
             chronicDiseaseTime: '',//慢病患病时间
             insuredFlag: 1,//是否参保【是:1 否:0】
             selfPayAmount: '',//自付金额

src/views/components/resiInfo.vue

@@ -357,10 +357,30 @@
                         </div>
                     </el-col>
                     <el-col :span="8">
-                        <div class="f-flex f-bto16 f-top24">
+                        <!-- <div class="f-flex f-bto16 f-top24">
                             <div class="f-labels">所患慢性病:</div>
-                            <span class="f-left8 f-font-color">{{ chronicText }}</span>
-                        </div>
+                            <div v-for="(item, index) in chronicCodeArr" :key="index" class="f-top24">
+                                <span class="f-left8 f-font-color">
+                                    {{ item }}
+                                </span>
+                            </div>
+                            <span v-show="chronicCodeArr.length == 0" class="f-left8 f-font-color">
+                                --
+                            </span>
+
+                        </div> -->
+
+                        <section class="f-flex f-flex1" style="flex: 1; flex-wrap: wrap">
+                            <div class="f-labels f-top24">所患慢性病 :</div>
+                            <div v-for="(item, index) in chronicCodeArr" :key="index" class="f-top24">
+                                <span class="f-left8 f-font-color">
+                                    {{ item }}
+                                </span>
+                            </div>
+                            <span v-show="chronicCodeArr.length == 0" class="f-left8 f-font-color">
+                                --
+                            </span>
+                        </section>
                     </el-col>
                     <el-col :span="8">
                         <div class="f-flex f-bto16 f-top24">
@@ -1606,15 +1626,33 @@ export default {
             });
             return text;
         },
-        chronicText() {
-            let text = "--";
-            this.chronicArr.forEach((item) => {
-                if (item.value == this.resiHealthInfonObj.chronicDiseaseCode) {
-                    text = item.label;
-                }
-            });
-            return text;
-        },
+        // chronicText() {
+        //     let text = "--";
+        //     this.chronicArr.forEach((item) => {
+        //         if (item.value == this.resiHealthInfonObj.chronicDiseaseCode) {
+        //             text = item.label;
+        //         }
+        //     });
+        //     return text;
+        // },
+
+        chronicCodeArr() {
+                  let arr = [];
+                  if (this.resiHealthInfonObj.chronicDiseaseCode) {
+                      let test = this.resiHealthInfonObj.chronicDiseaseCode.split(",");
+                      for (let i of this.chronicArr) {
+                          for (let j of test) {
+                              if (i.value == j) {
+                                  arr.push(i.label);
+                              }
+                          }
+                      }
+                  } else {
+                      arr = [];
+                  }
+                  return arr;
+              },
+
         householdText() {
             let text = "--";
             this.householdArr.forEach((item) => {

src/views/modules/base/resi.vue

@@ -1014,6 +1014,24 @@ export default {
                 }
             }
 
+            var chronicDiseaseCode = "";
+            if (_baseForm.healthDto) {
+                if (_baseForm.healthDto.chronicDiseaseCode.length === 0) {
+                    chronicDiseaseCode = "";
+                    _baseForm.healthDto.chronicDiseaseCode = chronicDiseaseCode;
+                } else {
+                    _baseForm.healthDto.chronicDiseaseCode.forEach(
+                        (element, index) => {
+                            chronicDiseaseCode =
+                                index === 0
+                                    ? element
+                                    : chronicDiseaseCode + "," + element;
+                        }
+                    );
+                    _baseForm.healthDto.chronicDiseaseCode = chronicDiseaseCode;
+                }
+            }
+
             var volunteerCategory = "";
             if (_baseForm.volunteerDto) {
                 if (_baseForm.volunteerDto.volunteerCategory.length === 0) {