所有表单字段添加字数限制

src/views/mapPage/locationList/editFormDialog.vue

@@ -1,5 +1,4 @@
 <template>
-  <!-- 新增设备 -->
   <Dialog v-model="dialogFormVisible" title="编辑" width="600" class="equipment-form-dialog">
     <el-form :model="form" label-width="110" ref="ruleFormRef">
       <el-form-item label="库位号" prop="locationNo">

src/views/mapPage/realTimeMap/components-tool/itemAreaManagementDialog.vue

@@ -39,10 +39,10 @@
   <el-dialog v-model="editDialogFormVisible" title="编辑" width="400">
     <el-form :model="editForm" label-width="110" :rules="editRules" ref="editFormEl">
       <el-form-item label="物料区域名称" prop="areaName" required>
-        <el-input v-model="editForm.areaName" />
+        <el-input v-model="editForm.areaName" maxlength="30" show-word-limit />
       </el-form-item>
       <el-form-item label="物料名称" prop="skuInfo" required>
-        <el-input v-model="editForm.skuInfo" />
+        <el-input v-model="editForm.skuInfo" maxlength="30" show-word-limit />
       </el-form-item>
     </el-form>
     <template #footer>

src/views/mapPage/realTimeMap/components-tool/itemAreaSettingDialog.vue

@@ -9,10 +9,20 @@
   >
     <el-form :model="form" label-width="110" ref="ruleFormRef" :rules="rules">
       <el-form-item label="物料区域名称" prop="areaName" required>
-        <el-input v-model="form.areaName" placeholder="请输入物料区域名称" />
+        <el-input
+          v-model="form.areaName"
+          placeholder="请输入物料区域名称"
+          maxlength="30"
+          show-word-limit
+        />
       </el-form-item>
       <el-form-item label="物料名称" prop="skuInfo" required>
-        <el-input v-model="form.skuInfo" placeholder="请输入物料名称" />
+        <el-input
+          v-model="form.skuInfo"
+          placeholder="请输入物料名称"
+          maxlength="30"
+          show-word-limit
+        />
       </el-form-item>
       <el-form-item label="库位数量" prop="areaNumber">
         <el-input v-model="form.areaNumber" :disabled="true" />

src/views/mapPage/realTimeMap/components-tool/lineLibraryManagementDialog.vue

@@ -38,7 +38,7 @@
   <el-dialog v-model="editDialogFormVisible" title="编辑" width="400">
     <el-form :model="editForm" :rules="editRules" ref="editFormEl">
       <el-form-item label="线库名称" prop="laneName" required>
-        <el-input v-model="editForm.laneName" />
+        <el-input v-model="editForm.laneName" maxlength="30" show-word-limit />
       </el-form-item>
     </el-form>
     <template #footer>

src/views/mapPage/realTimeMap/components-tool/lineLibrarySettingDialog.vue

@@ -9,7 +9,12 @@
   >
     <el-form :model="form" label-width="110" ref="lineFormRef" :rules="rules">
       <el-form-item label="线库名称" prop="laneName" required>
-        <el-input v-model="form.laneName" placeholder="请输入线库名称" />
+        <el-input
+          v-model="form.laneName"
+          placeholder="请输入线库名称"
+          maxlength="30"
+          show-word-limit
+        />
       </el-form-item>
       <el-form-item label="库位数量" prop="areaNumber" required>
         <el-input v-model="form.areaNumber" :disabled="true" />