判断动态表单每一项必填？

刘淇
1 parent 638137f1
Showing 3 changed files with 33 additions and 5 deletions
pages-sub/daily/maintain-manage/add-record.vue
pages-sub/daily/maintain-manage/finish-plan-detail.vue
pages-sub/daily/maintain-manage/type-list-page.vue
@@ -142,6 +142,19 @@
         <text>提交并结束本次任务</text>
       </view>
     </view>
+
+
+        <!-- 强制弹窗：全部字段required=0，必须去平台配置至少一项必填 -->
+    <up-modal
+        :show="showNoRequiredModal"
+        title="配置校验提示"
+        content="请先去平台属性配置，至少配置一项为必填。"
+        :show-cancel-button="false"
+        :close-on-click-overlay="false"
+        @confirm="handleNoRequiredConfirm"
+    ></up-modal>
+
+
     <!-- uview-plus 日期时间选择器（全局复用） -->
     <up-datetime-picker :show="datePickerShow" v-model="datePickerValue" mode="datetime" close-on-click-overlay
       @confirm="onDateConfirm" @cancel="onDateClose" @close="onDateClose"></up-datetime-picker>
@@ -201,6 +214,7 @@ export default {
           }
         ],
       },
+      showNoRequiredModal: false,
       // 动态字段列表
       dynamicFields: [] as any[],
       // 日期时间选择器
@@ -502,15 +516,28 @@ export default {
             this.inspectFormRules[field.fieldCode] = [this.buildRequiredRule(field)]
           }
         }
-        this.dynamicFields = fields
+                this.dynamicFields = fields
+
+        // =========新增：校验全部字段required都等于0=========
+        const allNoRequired = this.dynamicFields.every(item => Number(item.required) === 0)
+        if(allNoRequired){
+          this.showNoRequiredModal = true
+        }
+
         this.$nextTick(() => {
           this.$refs.inspectFormRef.setRules(this.inspectFormRules)
         })
+
       } catch (err) {
         console.error('获取动态表单字段失败：', err)
         uni.showToast({ title: '加载表单配置失败', icon: 'none' })
       }
     },
+
+    handleNoRequiredConfirm(){
+        // 弹窗只能点确定，直接退出页面，不允许继续填报
+        uni.navigateBack()
+    },
     /**
      * 删除图片
      */
@@ -1075,10 +1102,10 @@ if (type === 1) {
         }
         uni.hideLoading()
         // 后端 /create 只建草稿、不推进完成次数，必须再点「提交并结束」或在列表点「结束任务」才计数
-        uni.showToast({ title: '已暂存，请记得结束本次养护', icon: 'none', duration: 1500 })
+        uni.showToast({ title: '已暂存，请记得结束本次养护', icon: 'none', duration: 2500 })
         setTimeout(() => {
           uni.reLaunch({ url: '/pages-sub/daily/maintain-manage/index' })
-        }, 1500)
+        }, 2500)
       } catch (error) {
         uni.hideLoading()
         // 表单校验失败时 error 是字段数组（uview-plus 已提示），不重复弹
@@ -627,6 +627,7 @@ onLoad((options) =&gt; {
   display: flex;
   flex-direction: column;
   align-items: flex-start;
+  overflow: hidden;
   gap: 8rpx;
   margin: 0 24rpx 24rpx;
   padding: 24rpx;
@@ -62,7 +62,7 @@
               <!-- 待完成：去作业；已完成：去查看 -->
               <view v-if="activeStatus === '1'" class="mini-btn btn-brand-solid" @click.stop="handleGoWork(item)">去作业</view>
               <view v-else-if="activeStatus === '2'" class="mini-btn mini-btn--info" @click.stop="handleGoWorkLook(item)">去查看</view>
-              <view v-else-if="activeStatus === '3'" class="mini-btn mini-btn--info" @click.stop="handleGoWorkLook(item)">去查看</view>
+              <!-- <view v-else-if="activeStatus === '3'" class="mini-btn mini-btn--info" @click.stop="handleGoWorkLook(item)">去查看</view> -->
             </view>
           </view>
         </view>
@@ -89,7 +89,7 @@
     <!-- ========== 结束任务二次确认弹窗 ========== -->
     <up-modal :show="endTaskModalShow" title="提示" :closeOnClickOverlay="false" :showConfirmButton="true"
               :showCancelButton="true" @cancel="handleEndTaskModalCancel" @confirm="confirmEndTask">
-      <view class="end-task-modal-content" style="font-size: 14px;">
+      <view class="end-task-modal-content" style="font-size: 16px;">
         <text>确定要结束吗？</text>
       </view>
     </up-modal>