cxc/yshopb2c-qd
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

订单列表修改状态栏展示,商品列表等增加刷新按钮

Browse Source
This commit is contained in:
hupeng
2020-03-14 12:26:57 +08:00
parent f1c4abeba2
commit 6a841773ba
20 changed files with 213 additions and 124 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/views/shop/goods/index.vue
View File

@ -17,6 +17,13 @@
icon="el-icon-plus"
@click="add"
>新增</el-button>
<el-button
type="danger"
class="filter-item"
size="mini"
icon="el-icon-refresh"
@click="toQuery"
>刷新</el-button>
</div>
</div>
<!--表单组件-->

7
src/views/shop/goods/index2.vue
View File

@ -9,6 +9,13 @@
</el-select>
<el-button class="filter-item" size="mini" type="success" icon="el-icon-search" @click="toQuery">搜索</el-button>
<!-- 新增 -->
<el-button
type="danger"
class="filter-item"
size="mini"
icon="el-icon-refresh"
@click="toQuery"
>刷新</el-button>
</div>
<!--表单组件-->
<eForm ref="form" :is-add="isAdd" />

7
src/views/shop/goods/index3.vue
View File

@ -9,6 +9,13 @@
</el-select>
<el-button class="filter-item" size="mini" type="success" icon="el-icon-search" @click="toQuery">搜索</el-button>
<!-- 新增 -->
<el-button
type="danger"
class="filter-item"
size="mini"
icon="el-icon-refresh"
@click="toQuery"
>刷新</el-button>
</div>
<!--表单组件-->
<eForm ref="form" :is-add="isAdd" />

52
src/views/shop/order/index.vue
View File

@ -1,5 +1,35 @@
<template>
<div class="app-container">
<el-tabs v-model="status" type="card" @tab-click="handleOrder">
<el-tab-pane name="-9">
<span slot="label"><i class="el-icon-s-order"></i> 全部订单</span>
</el-tab-pane>
<el-tab-pane name="0">
<span slot="label"><i class="el-icon-bank-card"></i> 未支付</span>
</el-tab-pane>
<el-tab-pane name="1">
<span slot="label"><i class="el-icon-refrigerator"></i> 未发货</span>
</el-tab-pane>
<el-tab-pane name="2">
<span slot="label"><i class="el-icon-truck"></i> 待收货</span>
</el-tab-pane>
<el-tab-pane name="3">
<span slot="label"><i class="el-icon-document"></i> 待评价</span>
</el-tab-pane>
<el-tab-pane name="4">
<span slot="label"><i class="el-icon-circle-check"></i> 交易完成</span>
</el-tab-pane>
<el-tab-pane name="-1">
<span slot="label"><i class="el-icon-back"></i> 退款中</span>
</el-tab-pane>
<el-tab-pane name="-2">
<span slot="label"><i class="el-icon-finished"></i> 已退款</span>
</el-tab-pane>
<el-tab-pane name="-4">
<span slot="label"><i class="el-icon-circle-close"></i> 已删除</span>
</el-tab-pane>
</el-tabs>
<!--工具栏-->
<div class="head-container">
@ -8,14 +38,6 @@
<el-select v-model="query.type" clearable placeholder="类型" class="filter-item" style="width: 130px">
<el-option v-for="item in queryTypeOptions" :key="item.key" :label="item.display_name" :value="item.key" />
</el-select>
<el-select v-model="status" clearable placeholder="订单状态" class="filter-item" style="width: 130px">
<el-option
v-for="item in statusOptions"
:key="item.value"
:label="item.label"
:value="item.value"
/>
</el-select>
<el-select v-model="orderType" clearable placeholder="订单类型" class="filter-item" style="width: 130px">
<el-option
v-for="item in typeOptions"
@ -26,6 +48,13 @@
</el-select>
<el-button class="filter-item" size="mini" type="success" icon="el-icon-search" @click="toQuery">搜索</el-button>
<!-- 新增 -->
<el-button
type="danger"
class="filter-item"
size="mini"
icon="el-icon-refresh"
@click="toQuery"
>刷新</el-button>
</div>
<!--表单组件-->
<eForm ref="form" :is-add="isAdd" />
@ -33,6 +62,7 @@
<eRefund ref="form2" :is-add="isAdd" />
<editOrder ref="form3" :is-add="isAdd" />
<eRemark ref="form4" :is-add="isAdd" />
<!--表格渲染-->
<el-table v-loading="loading" :data="data" size="small" style="width: 100%;">
<el-table-column prop="orderId" width="140" label="订单号">
@ -174,7 +204,7 @@ export default {
mixins: [initData],
data() {
return {
delLoading: false, status, orderType: '0',
delLoading: false, status: '-9', orderType: '0',
queryTypeOptions: [
{ key: 'orderId', display_name: '订单号' },
{ key: 'realName', display_name: '用户姓名' },
@ -208,6 +238,10 @@ export default {
methods: {
formatTime,
checkPermission,
handleOrder(tab, event) {
this.status = tab.name
this.toQuery()
},
beforeInit() {
this.url = 'api/yxStoreOrder'
const sort = 'id,desc'

50
src/views/shop/order/indext.vue
View File

@ -1,22 +1,48 @@
<template>
<div class="app-container">
<el-tabs v-model="status" type="card" @tab-click="handleOrder">
<el-tab-pane name="-9">
<span slot="label"><i class="el-icon-s-order"></i> 全部订单</span>
</el-tab-pane>
<el-tab-pane name="0">
<span slot="label"><i class="el-icon-bank-card"></i> 未支付</span>
</el-tab-pane>
<el-tab-pane name="1">
<span slot="label"><i class="el-icon-refrigerator"></i> 待核销</span>
</el-tab-pane>
<el-tab-pane name="3">
<span slot="label"><i class="el-icon-document"></i> 待评价</span>
</el-tab-pane>
<el-tab-pane name="4">
<span slot="label"><i class="el-icon-circle-check"></i> 交易完成</span>
</el-tab-pane>
<el-tab-pane name="-1">
<span slot="label"><i class="el-icon-back"></i> 退款中</span>
</el-tab-pane>
<el-tab-pane name="-2">
<span slot="label"><i class="el-icon-finished"></i> 已退款</span>
</el-tab-pane>
<el-tab-pane name="-4">
<span slot="label"><i class="el-icon-circle-close"></i> 已删除</span>
</el-tab-pane>
</el-tabs>
<!--工具栏-->
<div class="head-container">
<!-- 搜索 -->
<el-input v-model="query.value" clearable placeholder="输入搜索内容" style="width: 200px;" class="filter-item" @keyup.enter.native="toQuery" />
<el-select v-model="query.type" clearable placeholder="类型" class="filter-item" style="width: 130px">
<el-option v-for="item in queryTypeOptions" :key="item.key" :label="item.display_name" :value="item.key" />
</el-select>
<el-select v-model="status" clearable placeholder="订单状态" class="filter-item" style="width: 130px">
<el-option
v-for="item in statusOptions"
:key="item.value"
:label="item.label"
:value="item.value"
/>
</el-select>
<el-button class="filter-item" size="mini" type="success" icon="el-icon-search" @click="toQuery">搜索</el-button>
<el-button
type="danger"
class="filter-item"
size="mini"
icon="el-icon-refresh"
@click="toQuery"
>刷新</el-button>
<!-- 新增 -->
</div>
<!--表单组件-->
@ -166,7 +192,7 @@ export default {
mixins: [initData],
data() {
return {
delLoading: false, status, orderType: '0',
delLoading: false, status: '-9', orderType: '0',
queryTypeOptions: [
{ key: 'orderId', display_name: '订单号' },
{ key: 'realName', display_name: '用户姓名' },
@ -193,6 +219,10 @@ export default {
methods: {
formatTime,
checkPermission,
handleOrder(tab, event) {
this.status = tab.name
this.toQuery()
},
beforeInit() {
this.url = 'api/yxStoreOrder'
const sort = 'id,desc'

7
src/views/shop/reply/index.vue
View File

@ -3,6 +3,13 @@
<!--工具栏-->
<div class="head-container">
<!-- 新增 -->
<el-button
type="danger"
class="filter-item"
size="mini"
icon="el-icon-refresh"
@click="toQuery"
>刷新</el-button>
</div>
<!--表单组件-->

7
src/views/shop/user/aindex.vue
View File

@ -9,6 +9,13 @@
</el-select>
<el-button class="filter-item" size="mini" type="success" icon="el-icon-search" @click="toQuery">搜索</el-button>
<!-- 新增 -->
<el-button
type="danger"
class="filter-item"
size="mini"
icon="el-icon-refresh"
@click="toQuery"
>刷新</el-button>
</div>
<!--表单组件-->
<eForm ref="form" :is-add="isAdd" />

9
src/views/shop/user/bill.vue
View File

@ -22,6 +22,15 @@
</el-select>
<el-button class="filter-item" size="mini" type="success" icon="el-icon-search" @click="toQuery">搜索</el-button>
<!-- 新增 -->
<el-button
type="danger"
class="filter-item"
size="mini"
icon="el-icon-refresh"
@click="toQuery"
>刷新</el-button>
</div>
<!--表单组件-->
<eForm ref="form" :is-add="isAdd" />

7
src/views/shop/user/index.vue
View File

@ -17,6 +17,13 @@
</el-select>
<el-button class="filter-item" size="mini" type="success" icon="el-icon-search" @click="toQuery">搜索</el-button>
<!-- 新增 -->
<el-button
type="danger"
class="filter-item"
size="mini"
icon="el-icon-refresh"
@click="toQuery"
>刷新</el-button>
</div>
<!--表单组件-->
<eForm ref="form" :is-add="isAdd" />