养护计划添加待优化

刘淇
1 parent ec13a95c
Showing 4 changed files with 37 additions and 30 deletions
pages-sub/daily/maintain-manage/add-record.vue
pages-sub/daily/maintain-manage/finish-plan-detail.vue
pages-sub/daily/maintain-manage/pending-plan-detail.vue
pages-sub/daily/maintain-manage/record-detail-list.vue
 <template>
-  <view class="u-page">
+  <view class="page-container">
     <!-- 核心：将所有 up-form-item 包裹在同一个 up-form 内 -->
     <view class="inspect-form-content commonPageLRpadding">
       <up-form
@@ -42,7 +42,7 @@
           ></up-upload>
         </up-form-item>
  
-        <!-- 3. 完成进度（滑块） -->
+        <!-- 3. 完成进度（滑块）- 核心修改：min绑定initProgress -->
         <up-form-item
             label="完成进度"
             prop="progress"
@@ -52,17 +52,18 @@
           <view class="progress-wrap">
             <up-slider
                 v-model="inspectForm.progress"
-                :min="initProgress"
-                :max="100"
-
-                active-color="#1989fa"
-                inactive-color="#e5e5e5"
-                block-size="24"
-                class="progress-slider"
+                :min="0"
+            :max="100"
+            active-color="#1989fa"
+            inactive-color="#e5e5e5"
+            block-size="24"
+            class="progress-slider"
+            @change="handleProgressChange"
             ></up-slider>
             <view class="progress-value">{{ inspectForm.progress }}%</view>
+            <!-- 优化提示文案：动态显示初始进度值 -->
             <view class="progress-tips" v-if="inspectForm.progress <= initProgress">
-              进度低于等于{{ initProgress }}%，无法调整
+              进度不能低于或等于{{ initProgress }}%，请调整
             </view>
           </view>
         </up-form-item>
@@ -135,7 +136,7 @@ export default {
             message: '请设置完成进度',
             trigger: ['change'],
             validator: (rule, value, callback) => {
-              // 自定义校验：进度必须大于初始进度值
+              // 自定义校验：进度必须大于初始进度值（兜底校验）
               if (value <= this.initProgress) {
                 callback(new Error(`完成进度必须大于${this.initProgress}%`))
               } else {
@@ -152,9 +153,9 @@ export default {
     this.paramsOptins = option
  
     // 从URL参数中获取进度值，默认0
-    this.initProgress = option.progress ? Number(option.progress) : 0
-    // 设置表单初始进度值
-    this.inspectForm.progress = this.initProgress
+    this.initProgress = option.finishPercent ? Number(option.finishPercent) : 0
+    // 设置表单初始进度值（若初始进度>0，默认设为初始进度+1，避免刚进入就提示）
+    this.inspectForm.progress = this.initProgress + 1 || 1
  
     console.log('初始进度值：', this.initProgress)
   },
@@ -165,6 +166,21 @@ export default {
   },
   methods: {
     /**
+     * 新增：进度滑块拖动后校验（兜底，防止手动修改值）
+     */
+    handleProgressChange(val) {
+      // 若拖动后值<=初始进度，强制重置为初始进度+1
+      if (val <= this.initProgress) {
+        this.inspectForm.progress = this.initProgress + 1
+        uni.showToast({
+          title: `进度不能低于${this.initProgress}%`,
+          icon: 'none',
+          duration: 1500
+        })
+      }
+    },
+
+    /**
      * 删除图片
      */
     deleteImg(event) {
@@ -300,7 +316,7 @@ export default {
         // 延迟跳转（等待提示框显示完成）
         setTimeout(() => {
           uni.redirectTo({
-            url: '/pages-sub/daily/maintain-manage/road-detail-list'
+            url: '/pages-sub/daily/maintain-manage/index'
           })
         }, 1000)
  
@@ -327,11 +343,7 @@ export default {
 </script>
  
 <style lang="scss" scoped>
-// 全局页面样式
-.u-page {
-  background-color: #f5f5f5;
-  min-height: 100vh;
-}
+
  
 // 巡查表单内容容器
 .inspect-form-content {
@@ -362,10 +374,5 @@ export default {
   }
 }
  
-// 表单项目间距
-.form-item {
-  margin-bottom: 20rpx;
-}
-
  
 </style>
 \ No newline at end of file
 <template>
-  <view class="u-page">
+  <view class="page-container">
     <!-- 页面级加载组件 -->
     <up-loading-page
         v-if="loading"
@@ -93,12 +93,14 @@ const batchNo = ref(&#39;&#39;)
 const planNo = ref('')
 const finishState = ref('')
 const planTypeId = ref('')
+const finishPercent = ref('')
  
 // 页面加载接收参数（逻辑完全保留）
 onLoad((options) => {
   planNo.value = options.planNo;
   finishState.value = options.finishState
   planTypeId.value = options.planTypeId
+  finishPercent.value = options.finishPercent
 });
  
 // 页面显示时请求数据（逻辑完全保留）
@@ -135,7 +137,7 @@ const gotoFinishPlanDetail = (i) =&gt; {
 // 新增记录（逻辑完全保留）
 const addNewRecord = () => {
   uni.navigateTo({
-    url: `/pages-sub/daily/maintain-manage/add-record?planNo=${planInfo.value[0].planNo}&batchNo=${batchNo.value}`,
+    url: `/pages-sub/daily/maintain-manage/add-record?planNo=${planNo.value}&finishPercent=${finishPercent.value}`,
   });
 };
 </script>
@@ -144,6 +146,4 @@ const addNewRecord = () =&gt; {
 .page-container {
  
 }
-
-
 </style>
 \ No newline at end of file
 <template>
-  <view class="u-page">
+  <view class="page-container">
     <!-- 页面级加载组件 -->
     <up-loading-page
         v-if="loading"