type==1 改为数字加减器

刘淇
1 parent 06eeda54
Showing 2 changed files with 35 additions and 10 deletions
pages-sub/daily/maintain-manage/add-record.vue
pages-sub/daily/maintain-manage/index.vue
@@ -14,12 +14,8 @@
  
             <!-- type 1 数值：用可空态的输入框，避免 u-number-box 把空值显示成 1 却不回写模型（未填写会被当成已填 1） -->
             <view v-if="item.fieldType === 1" class="number-box-wrap">
-              <view class="number-input-wrap">
-                <up-input v-model="inspectForm[item.fieldCode]" type="number"
-                  :maxlength="item.length || 10"
-                  :placeholder="`请输入${item.fieldName}${item.unit || ''}`"
-                  @blur="valChange(item)"></up-input>
-              </view>
+              <u-number-box v-model="qtyMap[item.fieldCode]" :min="0" :step="1"></u-number-box>
+  <text class="unit-text" v-if="item.unit">{{ item.unit }}</text>
  
               <text class="unit-text" v-if="item.unit">{{ item.unit }}</text>
             </view>
@@ -448,6 +444,10 @@ export default {
           } else {
             this.inspectForm[field.fieldCode] = ''
           }
+          if(field.fieldType === 1){
+  // 数值步进器默认0
+  this.qtyMap[field.fieldCode] = 0
+}
           // 初始化展示label为空
           this.labelMap[field.fieldCode] = ''
           // 7图片/8附件的文件列表（驱动 up-upload 与自绘文件列表展示）
@@ -661,6 +661,24 @@ export default {
      */
     buildRequiredRule(field: any) {
       const type = field.fieldType
+// ========= 新增：数值类型单独校验 =========
+if (type === 1) {
+  return {
+    required: true,
+    trigger: ['change'],
+    validator: (rule, value, callback) => {
+      // 注意：type1现在模型在 qtyMap，value 不是表单模型！这里拿不到真实值
+      const realVal = this.qtyMap[rule.field]
+      if (realVal === null || realVal === undefined) {
+        callback(new Error(`请填写${rule.fieldName}`))
+      } else {
+        callback()
+      }
+    }
+  }
+}
+
+
       if (type === 6 || type === 7 || type === 8) {
         const action = type === 6 ? '请选择' : '请上传'
         return {
@@ -881,7 +899,8 @@ export default {
         }
  
         if (type === 1) {
-          fields.push({ fieldCode: code, valueNumber: Number(value) })
+          const numVal = this.qtyMap[code]
+  fields.push({ fieldCode: code, valueNumber: Number(numVal) })
         } else if (type === 3 && item.optionSource === 3) {
           // 物料：value_text 存物料ID；数量>0 才落物料三列（0 表示本次不领用）
           const qty = Number(this.qtyMap[code] || 0)
@@ -1182,7 +1201,9 @@ export default {
   display: flex;
   align-items: center;
   gap: 16rpx;
-
+:deep(.u-number-box__input) {
+    width: 80px!important;
+  }
   // 输入框占满剩余宽度（原 u-number-box 自带固定宽度，换成 up-input 后需显式撑开）
   .number-input-wrap {
     flex: 1;
@@ -1323,4 +1344,6 @@ export default {
     font-weight: 500;
   }
 }
+
+
 </style>
@@ -43,9 +43,10 @@
             box-shadow="0 4rpx 16rpx rgba(17, 24, 39, 0.06)"
             v-for="(item,index) in currentList"
             :key="`${item.planNo}_${index}`"
+            @click="goToDetail(item)"
         >
           <!-- 卡片标题：道路名称 -->
-          <template #head>
+          <template #head  >
             <view class="card-header">
               <view class="common-card-title common-name u-line-1">{{ item.roadName || '无道路名称' }}</view>
             </view>
@@ -66,7 +67,7 @@
               </view>
               <!-- 操作区：统一收底 -->
               <view class="card-action-row">
-                <view class="mini-btn mini-btn--primary" @click="goToDetail(item)">执行任务</view>
+                <view class="mini-btn mini-btn--primary">执行任务</view>
               </view>
             </view>
           </template>
@@ -230,6 +231,7 @@ onShow(() =&gt; {
     position: absolute;
     top: 50px;
     right: 20px;
+    border-top: none;
   }
 }
 /* 卡片体 */