修改输入框字段限制

src/views/govern/mxgraph/graphList/components/popup.vue

@@ -1,37 +1,24 @@
 <template>
-    <el-dialog
-        draggable
-        :title="title"
-        v-model="dialogVisible"
-        width="500px"
-        :before-close="handleClose"
-        :close-on-click-modal="false"
-    >
+    <el-dialog draggable :title="title" v-model="dialogVisible" width="500px" :before-close="handleClose"
+        :close-on-click-modal="false">
         <el-form ref="formRef" :rules="rules" :model="form" label-width="90px" class="form">
             <el-form-item label="项目名称:" prop="name">
-                <el-input v-model.trim="form.name" placeholder="请输入项目名称"></el-input>
+                <el-input maxlength="32" show-word-limit v-model.trim="form.name" placeholder="请输入项目名称"></el-input>
             </el-form-item>
             <el-form-item label="工程项目:" class="top" prop="projectIds">
-                <el-tree-select
-                    v-model="form.projectIds"
-                    default-expand-all
-                    show-checkbox
-                    node-key="id"
-                    :props="defaultProps"
-                    multiple
-                    :data="Engineering"
-                    collapse-tags
-                    style="width: 100%"
-                />
+                <el-tree-select v-model="form.projectIds" default-expand-all show-checkbox node-key="id"
+                    :props="defaultProps" multiple :data="Engineering" collapse-tags style="width: 100%" />
                 <!-- <el-cascader v-model="form.projectIds" :options="Engineering" :props="defaultProps"
                     :show-all-levels="false" collapse-tags collapse-tags-tooltip clearable  style="width: 100%;"/> -->
             </el-form-item>
             <el-form-item label="项目排序:" prop="orderBy">
-                <el-input-number v-model="form.orderBy" :min="0" :step="1" step-strictly style="width: 100%" />
+                <el-input maxlength="32" show-word-limit-number v-model="form.orderBy" :min="0" :step="1" step-strictly
+                    style="width: 100%" />
             </el-form-item>
 
             <el-form-item label="备注:" class="top">
-                <el-input type="textarea" :rows="2" placeholder="请输入内容" v-model.trim="form.remark"></el-input>
+                <el-input maxlength="300" show-word-limit type="textarea" :rows="2" placeholder="请输入内容"
+                    v-model.trim="form.remark"></el-input>
             </el-form-item>
         </el-form>
 

src/views/govern/mxgraph/graphList/index.vue

@@ -3,7 +3,8 @@
         <TableHeader>
             <template v-slot:select>
                 <el-form-item label="项目名称">
-                    <el-input v-model="tableStore.table.params.searchValue" placeholder="请输入项目名称"></el-input>
+                    <el-input maxlength="32" show-word-limit v-model="tableStore.table.params.searchValue"
+                        placeholder="请输入项目名称"></el-input>
                 </el-form-item>
             </template>
             <template v-slot:operation>