fix(管理端): 实物订单筛选控件统一 250px 基准并修复虚拟订单搜索卡留白

This commit is contained in:
From-wh 2026-09-29 11:44:22 +08:00 committed by 吴昊天
parent 8a20f32c2b
commit 19216be50d
2 changed files with 37 additions and 34 deletions

View File

@ -1,6 +1,6 @@
<template>
<el-card shadow="never" :body-style="{ padding: 0 }">
<div class="table_box">
<div class="padding-add">
<el-form ref="searchFormRef" :model="formData" label-width="80px" label-position="right" inline @submit.prevent>
<el-form-item label="订单号:">
<el-input
@ -8,11 +8,17 @@
placeholder="订单号"
clearable
@keyup.enter="handleSearch"
style="width: 180px"
class="form_content_width"
/>
</el-form-item>
<el-form-item label="订单类型:">
<el-select v-model="formData.type" clearable @change="handleSearch" placeholder="全部" style="width: 120px">
<el-select
v-model="formData.type"
clearable
@change="handleSearch"
placeholder="全部"
class="form_content_width"
>
<el-option label="全部订单" value="" />
<el-option label="普通订单" value="1" />
<el-option label="拼团订单" value="2" />
@ -27,7 +33,7 @@
clearable
@change="handleSearch"
placeholder="全部"
style="width: 120px"
class="form_content_width"
>
<el-option label="全部" value="" />
<el-option v-for="item in payTypeOptions" :key="item.key" :value="item.key" :label="item.label" />
@ -35,6 +41,7 @@
</el-form-item>
<el-form-item label="创建时间:">
<date-range-picker
width="250px"
clearable
v-model="timeVal"
@change="onchangeTime"
@ -47,7 +54,7 @@
clearable
v-model="formData.keyword"
placeholder="订单号/联系人/UID"
style="width: 220px"
class="form_content_width"
@keyup.enter="handleSearch"
>
<template #prepend
@ -147,9 +154,3 @@ function onchangeTime(e) {
handleSearch();
}
</script>
<style lang="scss" scoped>
.table_box {
padding: 20px;
}
</style>

View File

@ -1,28 +1,30 @@
<template>
<div class="virtual-order-list">
<el-card shadow="never" :body-style="{ padding: '16px 20px' }">
<el-form :inline="true" @submit.prevent="onSearch">
<el-form-item label="订单号">
<el-input
v-model="search.order_no"
placeholder="订单号"
clearable
@keyup.enter="onSearch"
style="width: 220px"
/>
</el-form-item>
<el-form-item label="状态">
<el-select v-model="search.status" clearable placeholder="全部" style="width: 120px">
<el-option label="待付款" value="pending_payment" />
<el-option label="已完成" value="completed" />
<el-option label="已关闭" value="closed" />
</el-select>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="onSearch">查询</el-button>
<el-button @click="onReset">重置</el-button>
</el-form-item>
</el-form>
<el-card shadow="never" :body-style="{ padding: 0 }">
<div class="padding-add">
<el-form label-width="80px" label-position="right" inline @submit.prevent="onSearch">
<el-form-item label="订单号:">
<el-input
v-model="search.order_no"
placeholder="订单号"
clearable
@keyup.enter="onSearch"
class="form_content_width"
/>
</el-form-item>
<el-form-item label="状态:">
<el-select v-model="search.status" clearable placeholder="全部" class="form_content_width">
<el-option label="待付款" value="pending_payment" />
<el-option label="已完成" value="completed" />
<el-option label="已关闭" value="closed" />
</el-select>
</el-form-item>
<el-form-item>
<el-button type="primary" v-db-click @click="onSearch">查询</el-button>
<el-button v-db-click @click="onReset">重置</el-button>
</el-form-item>
</el-form>
</div>
</el-card>
<el-card shadow="never" :body-style="{ padding: '12px 20px' }" class="mt16">