修改输入框字段限制

src/views/govern/manage/basic/template.vue

@@ -3,27 +3,19 @@
         <TableHeader ref="tableHeaderRef">
             <template #select>
                 <el-form-item label="模版名称">
-                    <el-input v-model="tableStore.table.params.name" clearable placeholder="请输入名称"></el-input>
+                    <el-input maxlength="32" show-word-limit v-model="tableStore.table.params.name" clearable
+                        placeholder="请输入名称"></el-input>
                 </el-form-item>
                 <el-form-item label="装置型号">
                     <el-select v-model="tableStore.table.params.devType" placeholder="请选择" clearable>
-                        <el-option
-                            v-for="item in DevTypeOptions"
-                            :key="item.id"
-                            :label="item.name"
-                            :value="item.id"
-                        ></el-option>
+                        <el-option v-for="item in DevTypeOptions" :key="item.id" :label="item.name"
+                            :value="item.id"></el-option>
                     </el-select>
                 </el-form-item>
             </template>
             <template #operation>
-                <el-upload
-                    action=""
-                    class="upload-demo"
-                    :show-file-list="false"
-                    :auto-upload="false"
-                    :on-change="chooseFile"
-                >
+                <el-upload action="" class="upload-demo" :show-file-list="false" :auto-upload="false"
+                    :on-change="chooseFile">
                     <el-button :icon="Plus" type="primary" class="ml10">新增模版</el-button>
                 </el-upload>
             </template>
@@ -103,13 +95,13 @@ const chooseFile = (e: any) => {
     console.warn(e)
     loading.value = true
     addDevModel(e.raw).then((res: any) => {
-        if(res.code=='A0000'){
-            loading.value=false
+        if (res.code == 'A0000') {
+            loading.value = false
             tableStore.index()
         }
-        
-    }).catch((e)=>{
-        loading.value=false
+
+    }).catch((e) => {
+        loading.value = false
     })
 }
 </script>