zfc/guzhi
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source 
- 统一所有搜索条件标签宽度为80px
- 设置各输入框固定宽度，提升视觉一致性
This commit is contained in:
Wei_佳 2025-11-13 15:56:38 +08:00
parent e062fc6607
commit a797d29c68
1 changed files with 8 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
web/src/views/valuation/audit/index.vue
View File

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