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

@@ -16,7 +16,7 @@
format="yyyy-MM-dd HH:mm:ss"
placeholder="请选择"
clearable
style="width: 200px"
style="width: 240px"
></DatePicker>
</Form-item>
<Form-item label="结束时间" prop="endDate">
@@ -27,13 +27,15 @@
di
placeholder="请选择"
clearable
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

View File

@@ -13,7 +13,7 @@
format="yyyy-MM-dd HH:mm:ss"
placeholder="请选择"
clearable
style="width: 200px"
style="width: 240px"
></DatePicker>
</Form-item>
<Form-item label="结束时间" prop="endDate">
@@ -24,11 +24,11 @@
di
placeholder="请选择"
clearable
style="width: 200px"
style="width: 240px"
></DatePicker>
</Form-item>
<Form-item label="状态" prop="orderStatus">
<Select v-model="searchForm.billStatus" placeholder="请选择" clearable style="width: 200px">
<Select v-model="searchForm.billStatus" placeholder="请选择" clearable style="width: 240px">
<Option value="OUT">已出账</Option>
<Option value="CHECK">已对账</Option>
<Option value="COMPLETE">已完成</Option>
@@ -37,6 +37,8 @@
<Button @click="handleSearch" type="primary" class="search-btn">搜索</Button>
<Button @click="handleReset" class="search-btn">重置</Button>
</Form>
</Card>
<Card>
<Table
:loading="loading"
border

View File

@@ -50,7 +50,7 @@
clearable
format="yyyy-MM-dd"
placeholder="选择起始时间"
style="width: 200px"
style="width: 240px"
type="daterange"
@on-change="selectDateRange"
></DatePicker>
@@ -64,7 +64,10 @@
</Button>
</Form>
</Row>
</div>
</Card>
<Card>
<div class="operation">
<Row class="oss-manage-box">
<Col :span="isComponent?5:4">
<div class="file-list">

View File

@@ -3,7 +3,7 @@
<Card>
<Table :loading="loading" border :columns="columns" :data="data" ref="table"></Table>
</Card>
<Modal v-model="openModal" :title="openModalTitle" @on-ok="submit" @on-cancel="cancelModal">
<Modal v-model="openModal" :title="openModalTitle" @on-ok="submit" @on-cancel="cancelModal" :width="700">
<h3 style="color: #ff3c2a; margin-bottom: 10px">是否需要电子面单</h3>
<ButtonGroup style="margin-bottom: 10px;">
@@ -14,20 +14,20 @@
</ButtonGroup>
<Card v-if="openText" class="modalStyle">
<h3 style="color: #ff3c2a; margin-bottom: 10px">请输入详细信息</h3>
<Form ref="formValidate" :label-width="150" label-position="right" :model="faceSheetForm" :rules="ruleValidate">
<FormItem label="customerName" prop="customerName">
<Form ref="formValidate" :label-width="250" label-position="right" :model="faceSheetForm" :rules="ruleValidate">
<FormItem label="电子面单客户账户/月结账号/客户代码" prop="customerName">
<Input v-model="faceSheetForm.customerName" type="text" class="faceSheetInput"></Input>
</FormItem>
<FormItem label="customerPwd" prop="customerPwd">
<FormItem label="客户密码/电子面单密码" prop="customerPwd">
<Input v-model="faceSheetForm.customerPwd" type="text" class="faceSheetInput"></Input>
</FormItem>
<FormItem label="monthCode" prop="monthCode">
<FormItem label="电子面单密钥" prop="monthCode">
<Input v-model="faceSheetForm.monthCode" type="text" class="faceSheetInput"></Input>
</FormItem>
<FormItem label="sendSite" prop="sendSite">
<FormItem label="归属网点/网点编码/电子面单承载编号" prop="sendSite">
<Input v-model="faceSheetForm.sendSite" type="text" class="faceSheetInput"></Input>
</FormItem>
<FormItem label="sendStaff" prop="sendStaff">
<FormItem label="收件快递员" prop="sendStaff">
<Input v-model="faceSheetForm.sendStaff" type="text" class="faceSheetInput"></Input>
</FormItem>
<FormItem label="支付方式" prop="payType">

View File

@@ -8,7 +8,7 @@
v-model="searchForm.clerkName"
placeholder="请输入店员名称"
clearable
style="width: 200px"
style="width: 240px"
/>
</Form-item>
<Form-item label="联系方式">
@@ -17,7 +17,7 @@
v-model="searchForm.mobile"
placeholder="请输入联系方式"
clearable
style="width: 200px"
style="width: 240px"
/>
</Form-item>
<Form-item label="部门">
@@ -25,6 +25,8 @@
</Form-item>
<Button @click="handleSearch" type="primary" icon="ios-search" class="search-btn">搜索</Button>
</Form>
</Card>
<Card>
<Row class="operation padding-row">
<Button @click="add" type="primary">添加</Button>
<Button @click="delAll">批量删除</Button>