修改输入框字段限制

src/views/govern/device/disposition/index.vue

@@ -21,12 +21,7 @@
 
                     <vxe-column title="操作" width="200px">
                         <template v-slot:default="scoped">
-                            <el-button
-                                link
-                                size="small"
-                                type="danger"
-                                @click="deleteEngineering(scoped.row)"
-                            >
+                            <el-button link size="small" type="danger" @click="deleteEngineering(scoped.row)">
                                 移除
                             </el-button>
                         </template>
@@ -35,29 +30,17 @@
             </div>
         </div>
         <el-dialog v-model="dialogVisible" title="添加工程" class="cn-operate-dialog" :close-on-click-modal="false">
-            <el-input
-                v-model="filterText"
-                icon="el-icon-Search"
-                placeholder="请输入内容"
-                clearable
-                style="margin-bottom: 10px"
-            >
+            <el-input maxlength="32" show-word-limit v-model="filterText" icon="el-icon-Search" placeholder="请输入内容"
+                clearable style="margin-bottom: 10px">
                 <template #prefix>
                     <Icon name="el-icon-Search" style="font-size: 16px" />
                 </template>
             </el-input>
 
-            <vxe-table
-                ref="tableRef"
-                v-bind="defaultAttribute"
-                :data="
-                    tableData2.filter((item:any) => {
-                        return item.name.includes(filterText)
-                    })
-                "
-                height="500px"
-                style="width: 100%"
-            >
+            <vxe-table ref="tableRef" v-bind="defaultAttribute" :data="tableData2.filter((item: any) => {
+                return item.name.includes(filterText)
+            })
+                " height="500px" style="width: 100%">
                 <vxe-column type="checkbox" width="60"></vxe-column>
                 <vxe-column field="name" title="工程名称"></vxe-column>
             </vxe-table>
@@ -160,6 +143,7 @@ const addMarketData = () => {
         overflow: hidden;
         flex: 1;
         padding: 10px 10px 10px 0;
+
         .el-descriptions__header {
             height: 36px;
             margin-bottom: 7px;