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,10 +16,8 @@
width: 100% !important;
display: flex;
align-items: center;
background-color: #f0f0f0;
// background-color: #f0f0f0;
border-radius: 0.4em;
padding: 10px;
margin: 0;
flex-wrap: wrap;
> .ivu-form-item {
margin: 8px 10px !important;
@@ -39,3 +37,8 @@
-webkit-line-clamp: 4;
overflow: hidden;
}
// 为Card组件之间增加间距
.ivu-card + .ivu-card {
margin-top: 10px;
}

View File

@@ -4,11 +4,13 @@
<Row @keydown.enter.native="handleSearch">
<Form ref="searchForm" :model="searchForm" inline :label-width="70" class="search-form">
<Form-item label="商品名称" prop="goodsName">
<Input type="text" v-model="searchForm.goodsName" placeholder="请输入商品名称" clearable style="width: 200px"/>
<Input type="text" v-model="searchForm.goodsName" placeholder="请输入商品名称" clearable style="width: 240px"/>
</Form-item>
<Button @click="handleSearch" type="primary" class="search-btn">搜索</Button>
</Form>
</Row>
</Card>
<Card>
<Row class="operation padding-row">
<Button @click="add" type="primary">添加</Button>
</Row>

View File

@@ -3,14 +3,15 @@
<Card>
<Form ref="searchForm" :model="searchForm" inline :label-width="70" @keydown.enter.native="handleSearch" class="search-form">
<Form-item label="订单编号" prop="orderSn">
<Input type="text" v-model="searchForm.orderSn" placeholder="请输入订单编号" clearable style="width: 200px" />
<Input type="text" v-model="searchForm.orderSn" placeholder="请输入订单编号" clearable style="width: 240px" />
</Form-item>
<Form-item label="订单时间">
<DatePicker type="daterange" v-model="timeRange" format="yyyy-MM-dd" placeholder="选择时间" style="width: 210px"></DatePicker>
<DatePicker type="daterange" v-model="timeRange" format="yyyy-MM-dd" placeholder="选择时间" style="width: 240px"></DatePicker>
</Form-item>
<Button @click="handleSearch" type="primary" class="search-btn">搜索</Button>
</Form>
</Card>
<Card>
<Table class="mt_10" :loading="loading" border :columns="columns" :data="data" ref="table"></Table>
<Row type="flex" justify="end" class="mt_10">
<Page :current="searchForm.pageNumber" :total="total" :page-size="searchForm.pageSize" @on-change="changePage" @on-page-size-change="changePageSize" :page-size-opts="[10,20,50]" size="small"

View File

@@ -4,7 +4,7 @@
<Form ref="searchForm" :model="searchForm" inline :label-width="70" class="search-form mb_10"
@keydown.enter.native="handleSearch">
<Form-item label="商品名称" prop="goodsName">
<Input type="text" v-model="searchForm.goodsName" placeholder="请输入商品名称" clearable style="width: 200px" />
<Input type="text" v-model="searchForm.goodsName" placeholder="请输入商品名称" clearable style="width: 240px" />
</Form-item>
<Form-item label="商品编号" prop="id">
<Input
@@ -22,6 +22,8 @@
<Button @click="handleReset">重置</Button>
</Form-item>
</Form>
</Card>
<Card>
<Table :loading="loading" border :columns="columns" :data="data" ref="table" class="mt_10"></Table>
<Row type="flex" justify="end" class="mt_10">
<Page :current="searchForm.pageNumber" :total="total" :page-size="searchForm.pageSize" @on-change="changePage"

View File

@@ -16,7 +16,7 @@
v-model="searchForm.goodsName"
placeholder="请输入商品名称"
clearable
style="width: 200px"
style="width: 240px"
/>
</Form-item>
<Form-item label="状态" prop="status">
@@ -24,7 +24,7 @@
v-model="searchForm.marketEnable"
placeholder="请选择"
clearable
style="width: 200px"
style="width: 240px"
>
<Option value="DOWN">下架</Option>
<Option value="UPPER">上架</Option>
@@ -35,7 +35,7 @@
v-model="searchForm.salesModel"
placeholder="请选择"
clearable
style="width: 200px"
style="width: 240px"
>
<Option value="RETAIL">零售</Option>
<Option value="WHOLESALE">批发</Option>
@@ -46,7 +46,7 @@
v-model="searchForm.goodsType"
placeholder="请选择"
clearable
style="width: 200px"
style="width: 240px"
>
<Option value="PHYSICAL_GOODS">实物商品</Option>
<Option value="VIRTUAL_GOODS">虚拟商品</Option>
@@ -58,13 +58,15 @@
v-model="searchForm.id"
placeholder="商品编号"
clearable
style="width: 200px"
style="width: 240px"
/>
</Form-item>
<Button @click="handleSearch" type="primary" class="search-btn">搜索</Button>
<Button @click="handleReset" class="search-btn">重置</Button>
</Form>
</Row>
</Card>
<Card>
<Row class="operation padding-row">
<Button @click="addGoods" type="primary">添加商品</Button>
<Button @click="openImportGoods" type="primary">导入商品</Button>

View File

@@ -3,24 +3,26 @@
<Card>
<Form ref="searchForm" :model="searchForm" @keydown.enter.native="handleSearch" inline :label-width="70" class="search-form">
<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="goodsName">
<Input type="text" v-model="searchForm.goodsName" clearable placeholder="请输入商品名" style="width: 200px" />
<Input type="text" v-model="searchForm.goodsName" clearable placeholder="请输入商品名" style="width: 240px" />
</Form-item>
<Form-item label="评价" prop="orderStatus">
<Select v-model="searchForm.grade" placeholder="请选择" clearable style="width: 200px">
<Select v-model="searchForm.grade" placeholder="请选择" clearable style="width: 240px">
<Option value="GOOD">好评</Option>
<Option value="MODERATE">中评</Option>
<Option value="WORSE">差评</Option>
</Select>
</Form-item>
<Form-item label="评论日期">
<DatePicker v-model="selectDate" type="datetimerange" format="yyyy-MM-dd HH:mm:ss" clearable @on-change="selectDateRange" placeholder="选择起始时间" style="width: 200px"></DatePicker>
<DatePicker v-model="selectDate" type="datetimerange" format="yyyy-MM-dd HH:mm:ss" 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>
<Table :loading="loading" border :columns="columns" :data="data" ref="table" class="mt_10"></Table>
<Row type="flex" justify="end" class="mt_10">
<Page :current="searchForm.pageNumber" :total="total" :page-size="searchForm.pageSize" @on-change="changePage" @on-page-size-change="changePageSize" :page-size-opts="[10, 20, 50]" size="small"

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

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

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

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>

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">

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">

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>

View File

@@ -3,10 +3,10 @@
<Card>
<Form ref="searchForm" :model="searchForm" inline :label-width="70" class="search-form">
<Form-item label="活动名称">
<Input type="text" v-model="searchForm.promotionName" placeholder="请输入活动名称" clearable style="width: 200px" />
<Input type="text" v-model="searchForm.promotionName" placeholder="请输入活动名称" clearable style="width: 240px" />
</Form-item>
<Form-item label="活动状态" prop="promotionStatus">
<Select v-model="searchForm.promotionStatus" placeholder="请选择" clearable style="width: 200px">
<Select v-model="searchForm.promotionStatus" placeholder="请选择" clearable style="width: 240px">
<Option value="NEW">未开始</Option>
<Option value="START">已开始/上架</Option>
<Option value="END">已结束/下架</Option>
@@ -14,7 +14,7 @@
</Select>
</Form-item>
<Form-item label="活动时间">
<DatePicker v-model="selectDate" type="daterange" clearable placeholder="选择起始时间" style="width: 200px">
<DatePicker v-model="selectDate" type="daterange" clearable placeholder="选择起始时间" style="width: 240px">
</DatePicker>
</Form-item>
<Form-item>
@@ -22,6 +22,8 @@
<Button @click="handleReset" class="ml_10">重置</Button>
</Form-item>
</Form>
</Card>
<Card>
<Row class="operation">
<Button type="primary" @click="newAct">新增</Button>
</Row>

View File

@@ -4,7 +4,7 @@
<Form ref="searchForm" :model="searchForm" inline :label-width="100" class="search-form">
<Form-item label="直播状态" prop="promotionStatus">
<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="START">直播中</Option>
<Option value="END">已结束</Option>
@@ -14,6 +14,8 @@
<Button @click="handleSearch" type="primary" class="search-btn" icon="ios-search">搜索</Button>
</Form>
</Card>
<Card>
<div class="btns">
<Button @click="createLive()" type="primary">创建直播</Button>
</div>

View File

@@ -3,11 +3,13 @@
<Card>
<Form ref="searchForm" :model="params" inline :label-width="100" class="search-form">
<Form-item label="商品名称">
<Input type="text" v-model="params.name" placeholder="请输入商品名称" clearable style="width: 200px" />
<Input type="text" v-model="params.name" placeholder="请输入商品名称" clearable style="width: 240px" />
</Form-item>
<Button @click="getLiveGoodsMethods('clear')" type="primary" class="search-btn" icon="ios-search">搜索</Button>
</Form>
</Card>
<Card>
<h4 v-if="!reviewed">
由于直播商品需经过小程序直播平台的审核你需要在此先提审商品为了不影响直播间选取商品请提前1天提审商品
</h4>

View File

@@ -15,7 +15,7 @@
v-model="searchForm.promotionName"
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="operation padding-row">
<Button @click="newAct" type="primary">添加</Button>
</Row>

View File

@@ -3,10 +3,10 @@
<Card>
<Form ref="searchForm" :model="searchForm" inline :label-width="70" class="search-form">
<Form-item label="活动名称" prop="goodsName">
<Input type="text" v-model="searchForm.promotionName" placeholder="请输入活动名称" clearable style="width: 200px" />
<Input type="text" v-model="searchForm.promotionName" placeholder="请输入活动名称" clearable style="width: 240px" />
</Form-item>
<Form-item label="活动状态" prop="promotionStatus">
<Select v-model="searchForm.promotionStatus" placeholder="请选择" clearable style="width: 200px">
<Select v-model="searchForm.promotionStatus" placeholder="请选择" clearable style="width: 240px">
<Option value="NEW">未开始</Option>
<Option value="START">已开始/上架</Option>
<Option value="END">已结束/下架</Option>
@@ -14,13 +14,14 @@
</Select>
</Form-item>
<Form-item label="活动时间">
<DatePicker v-model="selectDate" type="daterange" clearable placeholder="选择起始时间" style="width: 200px">
<DatePicker v-model="selectDate" type="daterange" clearable placeholder="选择起始时间" style="width: 240px">
</DatePicker>
</Form-item>
<Button @click="handleSearch" type="primary" class="search-btn">搜索</Button>
<Button @click="handleReset" class="ml_10">重置</Button>
</Form>
</Card>
<Card>
<Table :loading="loading" border :columns="columns" :data="data" ref="table" class="mt_10">
<template slot-scope="{ row }" slot="applyEndTime">
{{ unixDate(row.applyEndTime) }}

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>