code-image-backup-public/lilishop-ui
1
0
Fork 0
mirror of https://gitee.com/beijing_hongye_huicheng/lilishop-ui.git synced 2026-08-07 03:15:01 +08:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source 
- 将多处输入框和选择器的宽度从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
Download Patch File Download Diff File Expand all files Collapse all files

8
seller/src/views/order/after-order/orderComplaint.vue
View File

@@ -9,7 +9,7 @@
v-model="searchForm.memberName"
clearable
placeholder="请输入会员名称"
style="width: 200px"
style="width: 240px"
/>
</Form-item>
<Form-item label="订单号" prop="orderSn">
@@ -18,11 +18,11 @@
v-model="searchForm.orderSn"
clearable
placeholder="请输入订单号"
style="width: 200px"
style="width: 240px"
/>
</Form-item>
<Form-item label="状态" prop="status">
<Select v-model="searchForm.status" placeholder="请选择订单状态" clearable style="width: 200px">
<Select v-model="searchForm.status" placeholder="请选择订单状态" clearable style="width: 240px">
<Option value="NEW">新投诉</Option>
<Option value="CANCEL">已撤销</Option>
<Option value="WAIT_APPEAL">待申诉</Option>
@@ -36,6 +36,8 @@
<Button @click="handleReset" class="search-btn">重置</Button>
</Form>
</Row>
</Card>
<Card>
<Table
:loading="loading"
border

10
seller/src/views/order/after-order/returnGoodsOrder.vue
View File

@@ -9,7 +9,7 @@
v-model="searchForm.goodsName"
clearable
placeholder="请输入商品名称"
style="width: 200px"
style="width: 240px"
/>
</Form-item>
<Form-item label="会员名称" prop="memberName">
@@ -18,7 +18,7 @@
v-model="searchForm.memberName"
clearable
placeholder="请输入会员名称"
style="width: 200px"
style="width: 240px"
/>
</Form-item>
<Form-item label="订单编号" prop="orderSn">
@@ -27,7 +27,7 @@
v-model="searchForm.orderSn"
clearable
placeholder="请输入订单编号"
style="width: 200px"
style="width: 240px"
/>
</Form-item>
@@ -39,13 +39,15 @@
clearable
@on-change="selectDateRange"
placeholder="选择起始时间"
style="width: 200px"
style="width: 240px"
></DatePicker>
</Form-item>
<Button @click="handleSearch" type="primary" class="search-btn">搜索</Button>
<Button @click="handleReset" class="search-btn">重置</Button>
</Form>
</Row>
</Card>
<Card>
<Table
:loading="loading"
border

11
seller/src/views/order/after-order/returnMoneyOrder.vue
View File

@@ -8,7 +8,7 @@
v-model="searchForm.goodsName"
clearable
placeholder="请输入商品名称"
style="width: 200px"
style="width: 240px"
/>
</Form-item>
<Form-item label="会员名称" prop="memberName">
@@ -17,7 +17,7 @@
v-model="searchForm.memberName"
clearable
placeholder="请输入会员名称"
style="width: 200px"
style="width: 240px"
/>
</Form-item>
<Form-item label="订单编号" prop="orderSn">
@@ -26,7 +26,7 @@
v-model="searchForm.orderSn"
clearable
placeholder="请输入订单编号"
style="width: 200px"
style="width: 240px"
/>
</Form-item>
@@ -38,13 +38,14 @@
clearable
@on-change="selectDateRange"
placeholder="选择起始时间"
style="width: 200px"
style="width: 240px"
></DatePicker>
</Form-item>
<Button @click="handleSearch" type="primary" class="search-btn">搜索</Button>
<Button @click="handleReset" class="search-btn">重置</Button>
</Form>
</Card>
<Card>
<Table
:loading="loading"
border

12
seller/src/views/order/order/orderList.vue
View File

@@ -14,7 +14,7 @@
v-model="searchForm.orderSn"
clearable
placeholder="请输入订单编号"
style="width: 160px"
style="width: 240px"
/>
</Form-item>
<Form-item label="会员名称" prop="buyerName">
@@ -23,7 +23,7 @@
v-model="searchForm.buyerName"
clearable
placeholder="请输入会员名称"
style="width: 160px"
style="width: 240px"
/>
</Form-item>
<Form-item label="订单状态" prop="orderStatus">
@@ -31,7 +31,7 @@
v-model="searchForm.orderStatus"
placeholder="请选择"
clearable
style="width: 160px"
style="width: 240px"
>
<Option value="UNPAID">未付款</Option>
<Option value="PAID">已付款</Option>
@@ -48,7 +48,7 @@
v-model="searchForm.orderPromotionType"
placeholder="请选择"
clearable
style="width: 160px"
style="width: 240px"
>
<Option value="NORMAL">普通订单</Option>
<Option value="PINTUAN">拼团订单</Option>
@@ -65,7 +65,7 @@
clearable
@on-change="selectDateRange"
placeholder="选择起始时间"
style="width: 160px"
style="width: 240px"
></DatePicker>
</Form-item>
<Button @click="handleSearch" type="primary" class="search-btn"
@@ -73,6 +73,8 @@
>
<Button @click="handleReset" class="search-btn">重置</Button>
</Form>
</Card>
<Card>
<div class="export">
<Button type="primary" class="mr_10" @click="expressOrderDeliver">批量发货</Button>
<Button @click="exportOrder" type="info" class="export">导出订单</Button>

10
seller/src/views/order/order/virtualOrderList.vue
View File

@@ -3,13 +3,13 @@
<Card>
<Form ref="searchForm" :model="searchForm" inline :label-width="70" class="search-form">
<Form-item label="订单编号" prop="orderSn">
<Input type="text" v-model="searchForm.orderSn" clearable placeholder="请输入订单编号" style="width: 160px" />
<Input type="text" v-model="searchForm.orderSn" clearable placeholder="请输入订单编号" style="width: 240px" />
</Form-item>
<Form-item label="会员名称" prop="buyerName">
<Input type="text" v-model="searchForm.buyerName" clearable placeholder="请输入会员名称" style="width: 160px" />
<Input type="text" v-model="searchForm.buyerName" clearable placeholder="请输入会员名称" style="width: 240px" />
</Form-item>
<Form-item label="订单状态" prop="orderStatus">
<Select v-model="searchForm.orderStatus" placeholder="请选择" clearable style="width: 160px">
<Select v-model="searchForm.orderStatus" placeholder="请选择" clearable style="width: 240px">
<Option value="UNPAID">未付款</Option>
<Option value="PAID">已付款</Option>
<Option value="COMPLETED">已完成</Option>
@@ -18,11 +18,13 @@
</Select>
</Form-item>
<Form-item label="下单时间">
<DatePicker v-model="selectDate" type="datetimerange" format="yyyy-MM-dd" clearable @on-change="selectDateRange" placeholder="选择起始时间" style="width: 160px"></DatePicker>
<DatePicker v-model="selectDate" type="datetimerange" format="yyyy-MM-dd" clearable @on-change="selectDateRange" placeholder="选择起始时间" style="width: 240px"></DatePicker>
</Form-item>
<Button @click="handleSearch" type="primary" class="search-btn">搜索</Button>
<Button @click="handleReset" class="search-btn">重置</Button>
</Form>
</Card>
<Card>
<div>
<Poptip @keydown.enter.native="orderVerification" placement="bottom-start" width="400">
<Button class="export">

10
seller/src/views/order/receiptManager/receipt.vue
View File

@@ -3,16 +3,16 @@
<Card>
<Form ref="searchForm" :model="searchForm" inline :label-width="70" class="search-form">
<Form-item label="订单编号" prop="orderSn">
<Input type="text" v-model="searchForm.orderSn" clearable placeholder="请输入订单编号" style="width: 200px" />
<Input type="text" v-model="searchForm.orderSn" clearable placeholder="请输入订单编号" style="width: 240px" />
</Form-item>
<Form-item label="会员名称" prop="memberName">
<Input type="text" v-model="searchForm.memberName" clearable placeholder="请输入会员名称" style="width: 200px" />
<Input type="text" v-model="searchForm.memberName" clearable placeholder="请输入会员名称" style="width: 240px" />
</Form-item>
<Form-item label="发票抬头" prop="receiptTitle">
<Input type="text" v-model="searchForm.receiptTitle" clearable placeholder="请输入发票抬头" style="width: 200px" />
<Input type="text" v-model="searchForm.receiptTitle" clearable placeholder="请输入发票抬头" style="width: 240px" />
</Form-item>
<Form-item label="状态" prop="receiptStatus">
<Select v-model="searchForm.receiptStatus" placeholder="请选择" clearable style="width: 200px">
<Select v-model="searchForm.receiptStatus" placeholder="请选择" clearable style="width: 240px">
<Option :value="0">未开票</Option>
<Option :value="1">已开票</Option>
</Select>
@@ -20,6 +20,8 @@
<Button @click="handleSearch" type="primary" class="search-btn">搜索</Button>
<Button @click="handleReset" class="search-btn">重置</Button>
</Form>
</Card>
<Card>
<Table class="mt_10" :loading="loading" border :columns="columns" :data="data" ref="table">
<!-- 订单详情格式化 -->
<template slot="orderSlot" slot-scope="scope">