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"
 | 
			
		||||
  >
 | 
			
		||||
    <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>
 | 
			
		||||
 
 | 
			
		||||
@@ -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>
 | 
			
		||||
 
 | 
			
		||||
@@ -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],
 | 
			
		||||
 
 | 
			
		||||
@@ -122,7 +122,7 @@ const queryFormColumns: ColumnItem[] = reactive([
 | 
			
		||||
    span: { xs: 24, sm: 6, xxl: 8 },
 | 
			
		||||
    props: {
 | 
			
		||||
      options: DisEnableStatusList,
 | 
			
		||||
      placeholder: '全部状态',
 | 
			
		||||
      placeholder: '请选择状态',
 | 
			
		||||
    },
 | 
			
		||||
  },
 | 
			
		||||
  {
 | 
			
		||||
 
 | 
			
		||||
@@ -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"
 | 
			
		||||
 
 | 
			
		||||
@@ -14,7 +14,7 @@
 | 
			
		||||
      <a-select
 | 
			
		||||
        v-model="queryForm.type"
 | 
			
		||||
        :options="notice_type"
 | 
			
		||||
        placeholder="全部类型"
 | 
			
		||||
        placeholder="请选择类型"
 | 
			
		||||
        allow-clear
 | 
			
		||||
        style="width: 150px"
 | 
			
		||||
        @change="search"
 | 
			
		||||
 
 | 
			
		||||
		Reference in New Issue
	
	Block a user