mirror of
				https://github.com/continew-org/continew-admin-ui.git
				synced 2025-11-04 10:57:08 +08:00 
			
		
		
		
	style: 统一部分搜索栏
This commit is contained in:
		@@ -11,12 +11,8 @@
 | 
				
			|||||||
    @refresh="search"
 | 
					    @refresh="search"
 | 
				
			||||||
  >
 | 
					  >
 | 
				
			||||||
    <template #toolbar-left>
 | 
					    <template #toolbar-left>
 | 
				
			||||||
      <a-input v-model="queryForm.createUserString" placeholder="搜索登录用户" allow-clear @change="search">
 | 
					      <a-input-search v-model="queryForm.createUserString" placeholder="搜索登录用户" allow-clear @search="search" />
 | 
				
			||||||
        <template #prefix><icon-search /></template>
 | 
					      <a-input-search v-model="queryForm.ip" placeholder="搜索登录 IP 或地点" allow-clear @search="search" />
 | 
				
			||||||
      </a-input>
 | 
					 | 
				
			||||||
      <a-input v-model="queryForm.ip" placeholder="搜索登录 IP 或地点" allow-clear @change="search">
 | 
					 | 
				
			||||||
        <template #prefix><icon-search /></template>
 | 
					 | 
				
			||||||
      </a-input>
 | 
					 | 
				
			||||||
      <DateRangePicker v-model="queryForm.createTime" @change="search" />
 | 
					      <DateRangePicker v-model="queryForm.createTime" @change="search" />
 | 
				
			||||||
      <a-button @click="reset">
 | 
					      <a-button @click="reset">
 | 
				
			||||||
        <template #icon><icon-refresh /></template>
 | 
					        <template #icon><icon-refresh /></template>
 | 
				
			||||||
 
 | 
				
			|||||||
@@ -12,12 +12,8 @@
 | 
				
			|||||||
    @refresh="search"
 | 
					    @refresh="search"
 | 
				
			||||||
  >
 | 
					  >
 | 
				
			||||||
    <template #toolbar-left>
 | 
					    <template #toolbar-left>
 | 
				
			||||||
      <a-input v-model="queryForm.createUserString" placeholder="搜索操作人" allow-clear @change="search">
 | 
					      <a-input-search v-model="queryForm.createUserString" placeholder="搜索操作人" allow-clear @search="search" />
 | 
				
			||||||
        <template #prefix><icon-search /></template>
 | 
					      <a-input-search v-model="queryForm.ip" placeholder="搜索操作 IP 或地点" allow-clear @search="search" />
 | 
				
			||||||
      </a-input>
 | 
					 | 
				
			||||||
      <a-input v-model="queryForm.ip" placeholder="搜索操作 IP 或地点" allow-clear @change="search">
 | 
					 | 
				
			||||||
        <template #prefix><icon-search /></template>
 | 
					 | 
				
			||||||
      </a-input>
 | 
					 | 
				
			||||||
      <DateRangePicker v-model="queryForm.createTime" @change="search" />
 | 
					      <DateRangePicker v-model="queryForm.createTime" @change="search" />
 | 
				
			||||||
      <a-button @click="reset">
 | 
					      <a-button @click="reset">
 | 
				
			||||||
        <template #icon><icon-refresh /></template>
 | 
					        <template #icon><icon-refresh /></template>
 | 
				
			||||||
 
 | 
				
			|||||||
@@ -17,14 +17,8 @@
 | 
				
			|||||||
        </a-dropdown>
 | 
					        </a-dropdown>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
        <a-input-group>
 | 
					        <a-input-group>
 | 
				
			||||||
          <a-input
 | 
					          <a-select v-model="queryType" placeholder="请选择" :options="queryTypeOption" :style="{ width: '100px' }" @change="reset" />
 | 
				
			||||||
            v-model="queryForm.absPath" placeholder="路径" allow-clear style="width: 300px"
 | 
					          <a-input v-model="queryForm[queryType]" placeholder="请输入" allow-clear style="width: 200px" />
 | 
				
			||||||
            @change="search"
 | 
					 | 
				
			||||||
          />
 | 
					 | 
				
			||||||
          <a-input
 | 
					 | 
				
			||||||
            v-model="queryForm.name" placeholder="搜索文件名" allow-clear style="width: 200px"
 | 
					 | 
				
			||||||
            @change="search"
 | 
					 | 
				
			||||||
          />
 | 
					 | 
				
			||||||
          <a-button type="primary" @click="search">
 | 
					          <a-button type="primary" @click="search">
 | 
				
			||||||
            <template #icon>
 | 
					            <template #icon>
 | 
				
			||||||
              <icon-search />
 | 
					              <icon-search />
 | 
				
			||||||
@@ -112,12 +106,26 @@ const FileList = defineAsyncComponent(() => import('./FileList.vue'))
 | 
				
			|||||||
const route = useRoute()
 | 
					const route = useRoute()
 | 
				
			||||||
const { mode, selectedFileIds, toggleMode, addSelectedFileItem } = useFileManage()
 | 
					const { mode, selectedFileIds, toggleMode, addSelectedFileItem } = useFileManage()
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					const queryTypeOption = [{
 | 
				
			||||||
 | 
					  label: '文件名',
 | 
				
			||||||
 | 
					  value: 'name',
 | 
				
			||||||
 | 
					}, {
 | 
				
			||||||
 | 
					  label: '路径',
 | 
				
			||||||
 | 
					  value: 'absPath',
 | 
				
			||||||
 | 
					}]
 | 
				
			||||||
 | 
					const queryType = ref<string>('name')
 | 
				
			||||||
const queryForm = reactive<FileQuery>({
 | 
					const queryForm = reactive<FileQuery>({
 | 
				
			||||||
  name: undefined,
 | 
					  name: undefined,
 | 
				
			||||||
  absPath: undefined,
 | 
					  absPath: undefined,
 | 
				
			||||||
  type: route.query.type?.toString() !== '0' ? route.query.type?.toString() : undefined,
 | 
					  type: route.query.type?.toString() !== '0' ? route.query.type?.toString() : undefined,
 | 
				
			||||||
  sort: ['updateTime,desc'],
 | 
					  sort: ['updateTime,desc'],
 | 
				
			||||||
})
 | 
					})
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					const reset = () => {
 | 
				
			||||||
 | 
					  queryForm.name = undefined
 | 
				
			||||||
 | 
					  queryForm.absPath = undefined
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
const paginationOption = reactive({
 | 
					const paginationOption = reactive({
 | 
				
			||||||
  defaultPageSize: 30,
 | 
					  defaultPageSize: 30,
 | 
				
			||||||
  defaultSizeOptions: [30, 40, 50, 100, 120],
 | 
					  defaultSizeOptions: [30, 40, 50, 100, 120],
 | 
				
			||||||
 
 | 
				
			|||||||
@@ -122,7 +122,7 @@ const queryFormColumns: ColumnItem[] = reactive([
 | 
				
			|||||||
    span: { xs: 24, sm: 6, xxl: 8 },
 | 
					    span: { xs: 24, sm: 6, xxl: 8 },
 | 
				
			||||||
    props: {
 | 
					    props: {
 | 
				
			||||||
      options: DisEnableStatusList,
 | 
					      options: DisEnableStatusList,
 | 
				
			||||||
      placeholder: '全部状态',
 | 
					      placeholder: '请选择状态',
 | 
				
			||||||
    },
 | 
					    },
 | 
				
			||||||
  },
 | 
					  },
 | 
				
			||||||
  {
 | 
					  {
 | 
				
			||||||
 
 | 
				
			|||||||
@@ -17,7 +17,7 @@
 | 
				
			|||||||
      <a-input-search v-model="queryForm.title" placeholder="搜索标题" allow-clear @search="search" />
 | 
					      <a-input-search v-model="queryForm.title" placeholder="搜索标题" allow-clear @search="search" />
 | 
				
			||||||
      <a-select
 | 
					      <a-select
 | 
				
			||||||
        v-model="queryForm.isRead"
 | 
					        v-model="queryForm.isRead"
 | 
				
			||||||
        placeholder="全部状态"
 | 
					        placeholder="请选择状态"
 | 
				
			||||||
        allow-clear
 | 
					        allow-clear
 | 
				
			||||||
        style="width: 150px"
 | 
					        style="width: 150px"
 | 
				
			||||||
        @change="search"
 | 
					        @change="search"
 | 
				
			||||||
 
 | 
				
			|||||||
@@ -14,7 +14,7 @@
 | 
				
			|||||||
      <a-select
 | 
					      <a-select
 | 
				
			||||||
        v-model="queryForm.type"
 | 
					        v-model="queryForm.type"
 | 
				
			||||||
        :options="notice_type"
 | 
					        :options="notice_type"
 | 
				
			||||||
        placeholder="全部类型"
 | 
					        placeholder="请选择类型"
 | 
				
			||||||
        allow-clear
 | 
					        allow-clear
 | 
				
			||||||
        style="width: 150px"
 | 
					        style="width: 150px"
 | 
				
			||||||
        @change="search"
 | 
					        @change="search"
 | 
				
			||||||
 
 | 
				
			|||||||
		Reference in New Issue
	
	Block a user