feat: input、textare组件替换

This commit is contained in:
rd
2025-09-04 11:07:21 +08:00
parent 1a6fad8bd5
commit cf574da1da
47 changed files with 435 additions and 425 deletions

View File

@ -3,47 +3,26 @@
<div class="filter-row">
<div class="filter-row-item">
<span class="label">文件名称</span>
<a-input
v-model="query.name"
<Input
v-model:value="query.name"
class="!w-240px"
placeholder="请输入文件名称"
size="medium"
allow-clear
allowClear
@change="handleSearch"
>
<template #prefix>
<icon-search />
</template>
</a-input>
</Input>
</div>
<div class="filter-row-item">
<span class="label">序号</span>
<a-space size="medium">
<a-input
v-model="query.uid"
class="!w-160px"
placeholder="请输入序号"
size="medium"
allow-clear
@change="handleSearch"
>
<template #prefix>
<icon-search />
</template>
</a-input>
</a-space>
<Input v-model:value="query.uid" class="!w-160px" placeholder="请输入序号" allowClear @change="handleSearch">
<template #prefix>
<icon-search />
</template>
</Input>
</div>
<!-- <div class="filter-row-item">
<span class="label">来源</span>
<CommonSelect
placeholder="请选择所属项目"
:options="CHECK_STATUS"
v-model="query.audit_status"
class="!w-160px"
:multiple="false"
@change="handleSearch"
/>
</div> -->
<div class="filter-row-item">
<span class="label">上传时间</span>
<a-range-picker
@ -58,13 +37,13 @@
<div class="filter-row-item">
<Button type="primary" ghost class="mr-12px" size="medium" @click="handleSearch">
<template #icon>
<icon-search class="mr-8px"/>
<icon-search class="mr-8px" />
</template>
<template #default>搜索</template>
</Button>
<Button size="medium" @click="handleReset">
<template #icon>
<icon-refresh class="mr-8px"/>
<icon-refresh class="mr-8px" />
</template>
<template #default>重置</template>
</Button>
@ -74,9 +53,9 @@
</template>
<script setup>
import { defineEmits, defineProps } from 'vue';
// import CommonSelect from '@/components/common-select';
import { Button } from 'ant-design-vue';
import { defineEmits, defineProps, ref, nextTick } from 'vue';
import { Button, Input } from 'ant-design-vue';
import dayjs from 'dayjs';
const props = defineProps({
query: {
@ -113,10 +92,8 @@ const onDateChange = (value) => {
handleSearch();
};
const handleReset = () => {
created_at.value = [];
emits('reset');
};
</script>