8/1 限制前端输入字数

src/views/system/Complaint/index.vue

@@ -6,7 +6,7 @@
         <el-card shadow="hover">
           <el-form ref="queryFormRef" label-width="90px" label-position="left" :model="queryParams" :inline="true">
             <el-form-item label="投诉类型" prop="typeId">
-              <el-select v-model="queryParams.typeId" placeholder="请选择投诉类型" style="width: 240px">
+              <el-select @clear="handleClear" clearable v-model="queryParams.typeId" placeholder="请选择投诉类型" style="width: 240px">
                 <el-option :disabled="item.status === '1'" v-for="item in complainTypeList" :key="item.id" :label="item.name" :value="item.id" />
               </el-select>
             </el-form-item>
@@ -120,6 +120,11 @@ const handleQuery = () => {
   getList();
 };
 
+/** 清空投诉类型 */
+const handleClear = () => {
+  queryParams.value.typeId = undefined;
+  handleQuery();
+};
 /** 重置按钮操作 */
 const resetQuery = () => {
   queryFormRef.value?.resetFields();