panqihua
/
ttsbg-java-web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

自营商城-售后订单

Browse Source
master
panqihua 2 years ago
parent 07a4c2c2a4
commit 17aaf6b018
5 changed files with 146 additions and 7 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 28
      src/views/platform/self-operated-mall/after_sales_service.vue
  2. 4
      src/views/platform/self-operated-mall/components/order_detail.vue
  3. 109
      src/views/platform/self-operated-mall/components/query_order_form.vue
  4. 2
      src/views/platform/self-operated-mall/index.vue
  5. 10
      src/views/platform/self-operated-mall/order.vue

28
src/views/platform/self-operated-mall/after_sales_service.vue
Unescape View File

@ -0,0 +1,28 @@
<template>
<div class="app-container">
<el-tabs :activeName="activeName" type="card">
<el-tab-pane label="全部" name="all">
</el-tab-pane>
<el-tab-pane label="待审核" name="audit"></el-tab-pane>
<el-tab-pane label="已驳回" name="reject"></el-tab-pane>
<el-tab-pane label="已失效" name="disabled"></el-tab-pane>
<el-tab-pane label="待退货" name="returns"></el-tab-pane>
<el-tab-pane label="已退款" name="refund"></el-tab-pane>
</el-tabs>
<query-order-form />
</div>
</template>
<script>
import QueryOrderForm from "./components/query_order_form.vue"
export default {
name: 'AfterSalesService',
components: { QueryOrderForm },
dicts: ['refund_type', 'after_sales_order_status'],
data() {
return {
activeName: 'all'
}
}
}
</script>

4
src/views/platform/self-operated-mall/components/order_detail.vue
Unescape View File

@ -146,10 +146,6 @@ export default {
}
}
},
mounted() {
console.info(this.showDetail)
debugger
},
methods: {
save() {
this.$modal.msgSuccess('保存成功')

109
src/views/platform/self-operated-mall/components/query_order_form.vue
Unescape View File

@ -0,0 +1,109 @@
<template>
<div>
<el-form :inline="true">
<el-form-item>
<el-input placeholder="订单号" />
</el-form-item>
<el-form-item>
<el-input placeholder="请输入订单号" />
</el-form-item>
<el-form-item>
<el-select v-model="queryParams.refund_type" placeholder="退款类型" clearable>
<el-option v-for="dict in dict.type.refund_type" :key="dict.value" :label="dict.label"
:value="dict.value"></el-option>
</el-select>
</el-form-item>
<el-form-item>
<el-date-picker v-model="queryParams.dateRange" style="width: 240px" value-format="yyyy-MM-dd"
type="daterange" range-separator="-" start-placeholder="开始日期"
end-placeholder="结束日期"></el-date-picker>
</el-form-item>
<el-form-item>
<el-button type="primary">查询</el-button>
<el-button>重置</el-button>
</el-form-item>
<br />
<el-form-item>
<el-select v-model="queryParams.after_sales_order_status" placeholder="全部状态" clearable>
<el-option v-for="dict in dict.type.after_sales_order_status" :key="dict.value" :label="dict.label"
:value="dict.value"></el-option>
</el-select>
</el-form-item>
<el-form-item>
<el-select v-model="queryParams.refund_cause" placeholder="全部原因" clearable>
<el-option v-for="dict in dict.type.refund_cause" :key="dict.value" :label="dict.label"
:value="dict.value"></el-option>
</el-select>
</el-form-item>
</el-form>
<el-button class="export">导出</el-button>
<el-table :data="dataList" border>
<el-table-column type="selection" align="center"></el-table-column>
<el-table-column label="退款单号" align="center">
12313141
</el-table-column>
<el-table-column label="退款类型" align="center">
退款退货
</el-table-column>
<el-table-column label="退款原因" align="center">
拍错
</el-table-column>
<el-table-column label="申请时间" align="center">
2022-12-31 12:31
</el-table-column>
<el-table-column label="退款金额" align="center">
￥120.00
</el-table-column>
<el-table-column label="退款说明" align="center">
7天无理由退款
</el-table-column>
<el-table-column label="审核时间" align="center">
2022-12-31 12:31
</el-table-column>
<el-table-column label="审核状态" align="center">
待审核
</el-table-column>
<el-table-column label="用户ID" align="center">
12
</el-table-column>
<el-table-column label="商品名称" align="center">
商品名称
</el-table-column>
<el-table-column label="商品图片" align="center">
<img src="http://dummyimage.com/50x50" />
</el-table-column>
<el-table-column label="价格" align="center">
￥120.00
</el-table-column>
<el-table-column label="数量" align="center">
2
</el-table-column>
<el-table-column label="商品图片" align="center">
<el-button type="text">详情</el-button>
<el-button type="text">审核</el-button>
</el-table-column>
</el-table>
</div>
</template>
<script>
export default {
name: 'QueryOrderForm',
dicts: ['refund_type', 'after_sales_order_status', 'refund_cause'],
data() {
return {
dataList: [{}],
queryParams: {
refund_type: undefined,
after_sales_order_status: undefined,
refund_cause: undefined,
dateRange: undefined
}
}
},
}
</script>
<style scoped lang="scss">
.export {
margin-bottom: 10px;
}
</style>

2
src/views/platform/self-operated-mall/index.vue
Unescape View File

@ -1,6 +1,6 @@
<template>
<div v-if="showList">
<el-tabs v-model="activeName" type="border-card" class="custom-tab">
<el-tabs v-model="activeName" type="card" class="custom-tab">
<el-tab-pane label="全部商品（120）" name="all">
全部商品

10
src/views/platform/self-operated-mall/order.vue
Unescape View File

@ -33,7 +33,10 @@
</el-col>
</el-row>
<el-form-item>
<el-input placeholder="全部物流"></el-input>
<el-select v-model="queryParams.logistics_company" placeholder="全部物流" clearable>
<el-option v-for="dict in dict.type.logistics_company" :key="dict.value" :label="dict.label"
:value="dict.value"></el-option>
</el-select>
</el-form-item>
</el-form>
@ -92,6 +95,7 @@ import OrderDetail from "./components/order_detail.vue"
export default {
name: "Order",
components: { OrderDetail },
dicts: ['logistics_company'],
data() {
return {
//订单详情 true:显示动态，false:显示物流
@ -107,7 +111,9 @@ export default {
queryParams: {
pageNum: 1,
pageSize: 10,
dateRange: undefined
dateRange: undefined,
logistics_company: undefined
}
}
},

Write Preview
Loading…
Cancel
Save