style: 优化审核列表搜索表单对齐样式

- 统一所有搜索条件标签宽度为80px
- 设置各输入框固定宽度,提升视觉一致性
This commit is contained in:
Wei_佳 2025-11-13 15:56:38 +08:00
parent e062fc6607
commit a797d29c68

View File

@ -245,21 +245,23 @@ const approvalRules = {
:get-data="api.getValuationList" :get-data="api.getValuationList"
> >
<template #queryBar> <template #queryBar>
<QueryBarItem label="手机号" :label-width="60"> <QueryBarItem label="手机号" :label-width="80">
<NInput <NInput
v-model:value="queryItems.phone" v-model:value="queryItems.phone"
clearable clearable
type="text" type="text"
placeholder="请输入手机号" placeholder="请输入手机号"
style="width: 200px"
@keypress.enter="$table?.handleSearch()" @keypress.enter="$table?.handleSearch()"
/> />
</QueryBarItem> </QueryBarItem>
<QueryBarItem label="微信号" :label-width="60"> <QueryBarItem label="微信号" :label-width="80">
<NInput <NInput
v-model:value="queryItems.wechat" v-model:value="queryItems.wechat"
clearable clearable
type="text" type="text"
placeholder="请输入微信号" placeholder="请输入微信号"
style="width: 200px"
@keypress.enter="$table?.handleSearch()" @keypress.enter="$table?.handleSearch()"
/> />
</QueryBarItem> </QueryBarItem>
@ -269,7 +271,7 @@ const approvalRules = {
type="daterange" type="daterange"
clearable clearable
placeholder="请选择提交时间" placeholder="请选择提交时间"
style="width: 240px" style="width: 280px"
@update:value="$table?.handleSearch()" @update:value="$table?.handleSearch()"
/> />
</QueryBarItem> </QueryBarItem>
@ -279,17 +281,17 @@ const approvalRules = {
type="daterange" type="daterange"
clearable clearable
placeholder="请选择审核时间" placeholder="请选择审核时间"
style="width: 240px" style="width: 280px"
@update:value="$table?.handleSearch()" @update:value="$table?.handleSearch()"
/> />
</QueryBarItem> </QueryBarItem>
<QueryBarItem label="状态" :label-width="40"> <QueryBarItem label="状态" :label-width="80">
<NSelect <NSelect
v-model:value="queryItems.status" v-model:value="queryItems.status"
:options="statusOptions" :options="statusOptions"
placeholder="请选择状态" placeholder="请选择状态"
clearable clearable
style="width: 150px" style="width: 200px"
@update:value="$table?.handleSearch()" @update:value="$table?.handleSearch()"
/> />
</QueryBarItem> </QueryBarItem>