解决vant v-if后图片不显示问题

src/views/riskProject/add/addCurrent.vue

@@ -96,15 +96,9 @@
             @click="selectData('pointType', true)"
             :rules="[{ required: true, message: '风险点类型不能为空' }]"
           />
-          <van-field required label="是否为特种设备" v-if="form.pointType=='设备设施类'">
+           <van-field required name="specialEquipment" label="是否为特种设备"  v-show="form.pointType=='设备设施类'"> 
             <template #input>
-              <van-switch 
-               size="20"
-                clickable
-                name="specialEquipment"
-                v-model="form.specialEquipment"
-                :rules="[{ required: true, message: '是否为特种设备不能为空' }]"
-              />
+              <van-switch v-model="form.specialEquipment" size="20" />
             </template>
           </van-field>
           <!-- 多选 -->
@@ -173,38 +167,38 @@
             风险图片
           </div>
           <van-field name="hdPicture1" label="风险图片">
-            <template #input>
-              <van-uploader
-                @delete="deleteFile(...arguments, 'pictureFile')"
-                multiple
-                :max-count="5"
-                upload-text="最多上传五个"
-                v-model="uploaderImg"
-              >
-                <template slot="default">
-                  <!-- 11111111111 -->
-                  <div
-                    style="
-                                    width: 2.13333rem;
-                                    height: 2.13333rem;
-                                    background: #f7f8fa;
-                                    display: flex;
-                                    align-items: center;
-                                    justify-content: center;
-                                    flex-direction: column;
-                                "
-                  >
-                    <img
-                      src="@/assets/upload/pic.png"
-                      alt=""
-                      style="width: 0.64rem; height: 0.64rem"
-                    />
-                    <span class="van-uploader__upload-text">最多上传五个</span>
-                  </div>
-                </template>
-              </van-uploader>
-            </template>
-          </van-field>
+          <template #input>
+            <van-uploader
+              @delete="deleteFile(...arguments, 'pictureFile')"
+              multiple
+              :max-count="5"
+              upload-text="最多上传五个"
+              v-model="uploaderImg"
+            >
+              <template slot="default">
+                <!-- 11111111111 -->
+                <div
+                  style="
+                                      width: 2.13333rem;
+                                      height: 2.13333rem;
+                                      background: #f7f8fa;
+                                      display: flex;
+                                      align-items: center;
+                                      justify-content: center;
+                                      flex-direction: column;
+                                  "
+                >
+                  <img
+                    src="@/assets/upload/pic.png"
+                    alt=""
+                    style="width: 0.64rem; height: 0.64rem"
+                  />
+                  <span class="van-uploader__upload-text">最多上传五个</span>
+                </div>
+              </template>
+            </van-uploader>
+          </template>
+        </van-field>
           <div
             style="height: 1rem;font-family: '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight: 700;line-height: 1rem;"
           >
@@ -420,7 +414,7 @@
             rows="1"
             autosize
             placeholder="请输入"
-            :key="form.majorHazardSource"
+            :key="form.majorHazardSource+'123'"
             :rules="form.majorHazardSource?[{ required: true, message: '危险源名称不能为空' }]:[]"
           />
           <div
@@ -443,7 +437,7 @@
             rows="3"
             autosize
             placeholder="请输入"
-            :key="form.majorHazardSource"
+            :key="form.majorHazardSource+'456'"
             :rules="form.majorHazardSource?[{ required: true, message: '危险源名称不能为空' }]:[]"
           />
           <van-field
@@ -455,7 +449,7 @@
             :value="form.referenceBasis=='null'?'':form.referenceBasis"
             label="判断依据"
             placeholder="请选择"
-            :key="form.majorHazardSource"
+            :key="form.majorHazardSource+'789'"
             :rules="form.majorHazardSource?[{ required: true, message: '危险源名称不能为空' }]:[]"
            @click="()=>{
             if(form.majorHazardSource){
@@ -657,8 +651,8 @@
           <van-cell-group
             inset
             v-for="(item, index) in messageList"
-            :key="index"
             @click="touchstart(index, item)"
+            :key="item.id"
           >
             <div style="font-size: 0.45rem;padding: 5px 0;">
               {{ item.name }}
@@ -891,7 +885,10 @@ export default {
       id: "",
       isTimely: 1,
       active: 0,
-      form: {},
+      form: {
+        specialEquipment:false,
+        pointType:''
+      },
       projectId: "", // 所属工程
       projectName: "", // 所属工程
       projectDirectorName: "", // 所属工程
@@ -1316,7 +1313,7 @@ export default {
       // console.log('%c [ values ]-592', 'font-size:13px; background:pink; color:#bf2c9f;', values)
       var formDataJson = this.jsonToFormData(this.form);
       let url = "/risk/plan/inherent";
-      values.hdPicture1.forEach(item => {
+      (values.hdPicture1||[]).forEach(item => {
         if (item.file) {
           formDataJson.append("pictureFile[]", item.file);
         } else {

src/views/riskProject/add/addInherent.vue

@@ -94,17 +94,11 @@
         @click="selectData('pointType', true)"
         :rules="[{ required: true, message: '风险点类型不能为空' }]"
       />
-      <van-field required label="是否为特种设备" v-if="form.pointType=='设备设施类'">
-        <template #input>
-          <van-switch 
-           size="20"
-            clickable
-            name="specialEquipment"
-            v-model="form.specialEquipment"
-            :rules="[{ required: true, message: '是否为特种设备不能为空' }]"
-          />
-        </template>
-      </van-field>
+       <van-field required name="specialEquipment" label="是否为特种设备"  v-show="form.pointType=='设备设施类'"> 
+            <template #input>
+              <van-switch v-model="form.specialEquipment" size="20" />
+            </template>
+          </van-field>
       <!-- 多选 -->
       <van-field
         v-model="form.safetyWarningSigns"

src/views/riskProject/taskLedger/tabDetail.vue

@@ -85,15 +85,9 @@
         placeholder="请选择"
         :rules="[{ required: true, message: '风险点类型不能为空' }]"
       />
-     <van-field required label="是否为特种设备" v-if="form.pointType=='设备设施类'">
+      <van-field required name="specialEquipment" label="是否为特种设备"  v-show="form.pointType=='设备设施类'"> 
             <template #input>
-              <van-switch 
-              size="20"
-                disabled
-                name="specialEquipment"
-                v-model="form.specialEquipment"
-                :rules="[{ required: true, message: '是否为特种设备不能为空' }]"
-              />
+              <van-switch v-model="form.specialEquipment" size="20" />
             </template>
           </van-field>
       <!-- 多选 -->
@@ -501,7 +495,9 @@ export default {
       id: "",
       isTimely: 1,
       active: 0,
-      form: {},
+      form: {
+        specialEquipment:false
+      },
       projectId: "", // 所属工程
       projectName: "", // 所属工程
       projectDirectorName: "", // 所属工程