业务线小程序不用写死，从后端接口获取

王彪总
1 parent de7f6097
Showing 2 changed files with 24 additions and 12 deletions
components/work-field-form/work-field-form.vue
pages-sub/daily/maintain-manage/add-record.vue
@@ -6,13 +6,14 @@
         <up-form-item :label="item.fieldName" :prop="item.fieldCode" class="form-item"
           @click="openPickerIfNeeded(item)">
-          <!-- type 1 数值：u-number-box，最多2位小数，min=0，max取item.length -->
+          <!-- type 1 数值：用可空态的输入框，避免 u-number-box 把空值显示成 1 却不回写模型（未填写会被当成已填 1） -->
           <view v-if="item.fieldType === 1" class="number-box-wrap">
-            <u-number-box v-model="inspectForm[item.fieldCode]" min="1" :step="1"
-              :max="item.length ? 10 ** Number(item.length) - 1 : null"
-              :placeholder="`请输入${item.fieldName}${item.unit} `" @change="valChange(item)" @blur="valChange(item)"
-              class="large-number-box">
-            </u-number-box>
+            <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>
             <text class="unit-text" v-if="item.unit">{{ item.unit }}</text>
           </view>
@@ -811,6 +812,11 @@ export default {
   align-items: center;
   gap: 16rpx;
+  // 输入框占满剩余宽度（原 u-number-box 自带固定宽度，换成 up-input 后需显式撑开）
+  .number-input-wrap {
+    flex: 1;
+  }
+
   .unit-text {
     font-size: 28rpx;
     color: #333;
@@ -7,13 +7,14 @@
           <up-form-item :label="item.fieldName" :prop="item.fieldCode" class="form-item"
             @click="openPickerIfNeeded(item)">
-            <!-- type 1 数值：u-number-box，最多2位小数，min=0，max取item.length -->
+            <!-- type 1 数值：用可空态的输入框，避免 u-number-box 把空值显示成 1 却不回写模型（未填写会被当成已填 1） -->
             <view v-if="item.fieldType === 1" class="number-box-wrap">
-              <u-number-box v-model="inspectForm[item.fieldCode]" min="1" :step="1"
-                :max="item.length ? 10 ** Number(item.length) - 1 : null"
-                :placeholder="`请输入${item.fieldName}${item.unit} `" @change="valChange(item)" @blur="valChange(item)"
-                class="large-number-box">
-              </u-number-box>
+              <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>
               <text class="unit-text" v-if="item.unit">{{ item.unit }}</text>
             </view>
@@ -1109,6 +1110,11 @@ export default {
   align-items: center;
   gap: 16rpx;
+  // 输入框占满剩余宽度（原 u-number-box 自带固定宽度，换成 up-input 后需显式撑开）
+  .number-input-wrap {
+    flex: 1;
+  }
+
   .unit-text {
     font-size: 28rpx;
     color: #333;