style: 统一输入框和选择器宽度为240px并优化卡片布局

- 将多处输入框和选择器的宽度从200px调整为240px
- 优化卡片布局结构,添加分割卡片提升可读性
- 移除部分冗余的刷新按钮和样式代码
- 调整日期选择器等表单元素的宽度为240px
This commit is contained in:
pikachu1995@126.com
2025-08-21 16:41:27 +08:00
parent 3867d51d92
commit 099941a54e
63 changed files with 355 additions and 317 deletions

View File

@@ -15,7 +15,7 @@
v-model="searchForm.couponName"
placeholder="请输入优惠券名称"
clearable
style="width: 200px"
style="width: 240px"
/>
</Form-item>
<Form-item label="会员名称" prop="memberName">
@@ -24,7 +24,7 @@
v-model="searchForm.memberName"
placeholder="请输入会员名称"
clearable
style="width: 200px"
style="width: 240px"
/>
</Form-item>
<Form-item label="优惠券状态" prop="memberCouponStatus">
@@ -32,7 +32,7 @@
v-model="searchForm.memberCouponStatus"
placeholder="请选择"
clearable
style="width: 200px"
style="width: 240px"
>
<Option value="NEW">已领取</Option>
<Option value="USED">已使用</Option>
@@ -46,7 +46,7 @@
type="daterange"
clearable
placeholder="选择起始时间"
style="width: 200px"
style="width: 240px"
></DatePicker>
</Form-item>
<Button
@@ -57,6 +57,8 @@
>搜索</Button
>
</Form>
</Card>
<Card>
<Table
v-if="refreshTable"
:loading="loading"

View File

@@ -15,7 +15,7 @@
v-model="searchForm.couponName"
placeholder="请输入优惠券名称"
clearable
style="width: 200px"
style="width: 240px"
/>
</Form-item>
<Form-item label="活动状态" prop="promotionStatus">
@@ -23,7 +23,7 @@
v-model="searchForm.promotionStatus"
placeholder="请选择"
clearable
style="width: 200px"
style="width: 240px"
>
<Option value="NEW">未开始</Option>
<Option value="START">已开始/上架</Option>
@@ -37,7 +37,7 @@
type="daterange"
clearable
placeholder="选择起始时间"
style="width: 200px"
style="width: 240px"
></DatePicker>
</Form-item>
<Button
@@ -50,6 +50,8 @@
<Button @click="handleReset" class="search-btn">重置</Button>
</Form>
</Row>
</Card>
<Card>
<Row class="operator padding-row">
<Button @click="add" type="primary">添加</Button>
<Button @click="delAll" class="ml_10">批量关闭</Button>