style: 统一部分搜索栏

Author: Charles7c

src/views/monitor/log/login/index.vue

@@ -11,12 +11,8 @@
     @refresh="search"
   >
     <template #toolbar-left>
-      <a-input v-model="queryForm.createUserString" placeholder="搜索登录用户" allow-clear @change="search">
-        <template #prefix><icon-search /></template>
-      </a-input>
-      <a-input v-model="queryForm.ip" placeholder="搜索登录 IP 或地点" allow-clear @change="search">
-        <template #prefix><icon-search /></template>
-      </a-input>
+      <a-input-search v-model="queryForm.createUserString" placeholder="搜索登录用户" allow-clear @search="search" />
+      <a-input-search v-model="queryForm.ip" placeholder="搜索登录 IP 或地点" allow-clear @search="search" />
       <DateRangePicker v-model="queryForm.createTime" @change="search" />
       <a-button @click="reset">
         <template #icon><icon-refresh /></template>

src/views/monitor/log/operation/index.vue

@@ -12,12 +12,8 @@
     @refresh="search"
   >
     <template #toolbar-left>
-      <a-input v-model="queryForm.createUserString" placeholder="搜索操作人" allow-clear @change="search">
-        <template #prefix><icon-search /></template>
-      </a-input>
-      <a-input v-model="queryForm.ip" placeholder="搜索操作 IP 或地点" allow-clear @change="search">
-        <template #prefix><icon-search /></template>
-      </a-input>
+      <a-input-search v-model="queryForm.createUserString" placeholder="搜索操作人" allow-clear @search="search" />
+      <a-input-search v-model="queryForm.ip" placeholder="搜索操作 IP 或地点" allow-clear @search="search" />
       <DateRangePicker v-model="queryForm.createTime" @change="search" />
       <a-button @click="reset">
         <template #icon><icon-refresh /></template>

src/views/system/file/main/FileMain/index.vue

@@ -17,14 +17,8 @@
         </a-dropdown>
 
         <a-input-group>
-          <a-input
-            v-model="queryForm.absPath" placeholder="路径" allow-clear style="width: 300px"
-            @change="search"
-          />
-          <a-input
-            v-model="queryForm.name" placeholder="搜索文件名" allow-clear style="width: 200px"
-            @change="search"
-          />
+          <a-select v-model="queryType" placeholder="请选择" :options="queryTypeOption" :style="{ width: '100px' }" @change="reset" />
+          <a-input v-model="queryForm[queryType]" placeholder="请输入" allow-clear style="width: 200px" />
           <a-button type="primary" @click="search">
             <template #icon>
               <icon-search />
@@ -112,12 +106,26 @@ const FileList = defineAsyncComponent(() => import('./FileList.vue'))
 const route = useRoute()
 const { mode, selectedFileIds, toggleMode, addSelectedFileItem } = useFileManage()
 
+const queryTypeOption = [{
+  label: '文件名',
+  value: 'name',
+}, {
+  label: '路径',
+  value: 'absPath',
+}]
+const queryType = ref<string>('name')
 const queryForm = reactive<FileQuery>({
   name: undefined,
   absPath: undefined,
   type: route.query.type?.toString() !== '0' ? route.query.type?.toString() : undefined,
   sort: ['updateTime,desc'],
 })
+
+const reset = () => {
+  queryForm.name = undefined
+  queryForm.absPath = undefined
+}
+
 const paginationOption = reactive({
   defaultPageSize: 30,
   defaultSizeOptions: [30, 40, 50, 100, 120],

src/views/system/user/index.vue

@@ -122,7 +122,7 @@ const queryFormColumns: ColumnItem[] = reactive([
     span: { xs: 24, sm: 6, xxl: 8 },
     props: {
       options: DisEnableStatusList,
-      placeholder: '全部状态',
+      placeholder: '请选择状态',
     },
   },
   {

src/views/user/message/components/MyMessage.vue

@@ -17,7 +17,7 @@
       <a-input-search v-model="queryForm.title" placeholder="搜索标题" allow-clear @search="search" />
       <a-select
         v-model="queryForm.isRead"
-        placeholder="全部状态"
+        placeholder="请选择状态"
         allow-clear
         style="width: 150px"
         @change="search"

src/views/user/message/components/MyNotice.vue

@@ -14,7 +14,7 @@
       <a-select
         v-model="queryForm.type"
         :options="notice_type"
-        placeholder="全部类型"
+        placeholder="请选择类型"
         allow-clear
         style="width: 150px"
         @change="search"