Просмотр исходного кода

花掌柜优化:花材、花束分类名称最多10个字

ouyang 13 часов назад
Родитель
Сommit
6414352147
2 измененных файлов с 16 добавлено и 10 удалено
  1. 7 7
      hdApp/src/admin/goods/category-edit.vue
  2. 9 3
      hdApp/src/admin/goods/categoryV2.vue

+ 7 - 7
hdApp/src/admin/goods/category-edit.vue

@@ -17,11 +17,11 @@
             v-model="form.categoryName"
             class="input-field"
             placeholder="请输入分类名称"
-            maxlength="20"
+            maxlength="10"
             @input="onCategoryNameInput"
           />
         </view>
-        <view class="form-hint">最多20个字</view>
+        <view class="form-hint">最多10个字</view>
       </view>
 
       <view class="form-group">
@@ -166,11 +166,11 @@ export default {
         };
       });
     },
-    /** 分类名称输入:限制最多20个字 */
+    /** 分类名称输入:限制最多10个字 */
     onCategoryNameInput(e) {
       const value = (e.detail && e.detail.value) || '';
-      if (value.length > 20) {
-        this.form.categoryName = value.slice(0, 20);
+      if (value.length > 10) {
+        this.form.categoryName = value.slice(0, 10);
       }
     },
     /** 选中图标,表单内只存相对路径 */
@@ -212,8 +212,8 @@ export default {
         this.$msg('请输入分类名称');
         return false;
       }
-      if (categoryName.length > 20) {
-        this.$msg('分类名称最多20个字');
+      if (categoryName.length > 10) {
+        this.$msg('分类名称最多10个字');
         return false;
       }
       if (!this.form.img) {

+ 9 - 3
hdApp/src/admin/goods/categoryV2.vue

@@ -117,7 +117,7 @@
                 type="text"
                 v-model="settingForm.itemCateName"
                 placeholder="请输入分类名称"
-                maxlength="20"
+                maxlength="10"
               />
             </view>
           </view>
@@ -172,8 +172,9 @@
                 type="text"
                 v-model="itemClassForm.name"
                 placeholder="请输入分类名称"
-                maxlength="30"
+                maxlength="10"
               />
+              <text class="form-hint">最多10个字</text>
             </view>
           </view>
 
@@ -472,13 +473,18 @@ export default {
       this.itemClassForm.cover = '';
       this.itemClassCoverImgs = [];
     },
-    /** 提交花材分类新增/编辑 */
+    /** 提交花材分类新增/编辑;名称最多 10 字,与输入框 maxlength 一致 */
     saveItemClass() {
       const name = (this.itemClassForm.name || '').trim();
       if (!name) {
         this.$msg('请填写分类名称');
         return;
       }
+      // 花材分类名称业务上限 10 字,防止绕过输入框 maxlength 提交过长内容
+      if (name.length > 10) {
+        this.$msg('分类名称最多10个字');
+        return;
+      }
       if (this.itemClassSaving) return;
       this.itemClassSaving = true;
       const payload = {