7 Commits

Author SHA1 Message Date
xk_chenlianjie
2b2e320e6d 1111 2024-02-28 15:50:52 +08:00
xk_chenlianjie
c314eae594 Merge branch 'master' of http://121.196.213.68:3000/caoliancun/PointsMall_Admin into chenlianjie 2024-02-27 09:12:19 +08:00
xk_chenlianjie
ac333c68d7 首页 2024-02-27 09:12:09 +08:00
fc60f7cbdf Merge pull request 'chenlianjie' (#21) from chenlianjie into master
Reviewed-on: #21
2024-02-19 03:33:28 +00:00
xk_chenlianjie
bb1b3123d5 Merge branch 'master' of http://121.196.213.68:3000/caoliancun/PointsMall_Admin into chenlianjie 2024-02-19 11:32:11 +08:00
xk_chenlianjie
a1bd58544b 首页展示 2024-02-19 11:31:57 +08:00
542e85cc74 Merge pull request '提交代码' (#20) from hzl into master
Reviewed-on: #20
2024-02-07 08:54:26 +00:00
8 changed files with 228 additions and 85 deletions

View File

@@ -76,6 +76,29 @@ export default {
data: orderInfo
})
},
getMainDataOne() {
// 首页订单数据
return request({
url: `/${service_name}/${group_name}/getMainData1`,
method: 'post'
// data: orderInfo
})
},
getMainDataTwo(time) {
// 首页订单统计
return request({
url: `/${service_name}/${group_name}/getMainData2`,
method: 'post',
data: time
})
},
getProductOverview() {
// 获取商品统计信息
return request({
url: `/${service_name}/mallProductInfo/getProductOverview`,
method: 'get'
})
},
exportExcel(page) {
// 导出
return request({
@@ -85,6 +108,15 @@ export default {
responseType: 'blob'
})
},
RefundexportExcel(page) {
// 导出
return request({
url: `/${service_name}/${group_name}/getRefundOrderExport`,
method: 'post',
data: page,
responseType: 'blob'
})
},
deleteById(id) {
// 根据id删除
return request({

View File

@@ -89,10 +89,10 @@ export default {
}
},
beforeAvatarUpload(file) {
const isLt2M = file.size / 1024 < 50
const isLt2M = file.size / 1024 < 500
if (!isLt2M) {
this.$message.error('图片大小不能超过50KB! 请重新上传!')
this.$message.error('图片大小不能超过500KB! 请重新上传!')
}
return isLt2M
}

View File

@@ -12,25 +12,25 @@
<i style="font-size: 40px; color:#1ABC9C" class="el-icon-tickets"></i>
<div>
<div>今日订单总数</div>
<div>200</div>
<div>{{ orderData.total }}</div>
</div>
</div>
<div class="orderData-right oneflex flex jw ae">
<div class="orderData-right-item">
<span>核销订单</span>
<span>(10)</span>
<span>退款订单</span>
<span>({{ orderData.daiTuiKuan }})</span>
</div>
<div class="orderData-right-item">
<span>待核销订单</span>
<span>({{ orderData.daiHeXiao }})</span>
</div>
<div class="orderData-right-item mt">
<span>已核销订单</span>
<span>(10)</span>
<span>({{ orderData.yiHeXiao }})</span>
</div>
<div class="orderData-right-item mt">
<span>完成订单</span>
<span>(10)</span>
</div>
<div class="orderData-right-item mt">
<span>待退款订单</span>
<span>(10)</span>
<span>退款订单</span>
<span>({{ orderData.yiTuiKuan }})</span>
</div>
</div>
</div>
@@ -45,23 +45,9 @@
<span class="card-title">商品总览</span>
</div>
<div class="product-card flex js ac">
<div class="product-card-item">
<div class="number">100</div>
<div>已下架</div>
</div>
<div class="product-card-item">
<div class="number">100</div>
<div>已下架</div>
</div>
<div class="product-card-item">
<div class="number">100</div>
<div>已下架</div>
</div>
<div class="product-card-item">
<div class="number">100</div>
<div>已下架</div>
<div class="product-card-item" v-for="(item, index) in productList" :key="index">
<div class="number">{{ item.currentNum }}</div>
<div>{{ item.productStatus }}</div>
</div>
</div>
</el-card>
@@ -104,13 +90,13 @@
<div class="orderStatistics-card-left flex column jc">
<div class="orderStatistics-card-left-item">
<div class="orderStatistics-card-left-item-title">本月订单总数</div>
<div class="orderStatistics-card-left-item-number">10000</div>
<div class="orderStatistics-card-left-item-title">10% 同比上周</div>
<div class="orderStatistics-card-left-item-number">{{ month }}</div>
<!-- <div class="orderStatistics-card-left-item-title">10% 同比上周</div> -->
</div>
<div class="orderStatistics-card-left-item mt">
<div class="orderStatistics-card-left-item-title">本周订单数量</div>
<div class="orderStatistics-card-left-item-number">10000</div>
<div class="orderStatistics-card-left-item-title">10% 同比上周</div>
<div class="orderStatistics-card-left-item-number">{{ week }}</div>
<!-- <div class="orderStatistics-card-left-item-title">10% 同比上周</div> -->
</div>
</div>
<div class="orderStatistics-card-right oneflex">
@@ -128,7 +114,7 @@
:picker-options="pickerOptions"
>
</el-date-picker>
<el-button type="primary" @click="userSearchs" style="margin-left:10px">查询</el-button>
<el-button type="primary" @click="userSearchs" style="margin-left:10px">查询</el-button>
</div>
<div style="width: 100%; height:500px;margin-top:20px" id="chart"></div>
@@ -142,6 +128,7 @@
<script>
import echarts from 'echarts'
import orderInfoApi from '@/api/order/orderInfo.js'
export default {
filters: {},
@@ -149,16 +136,67 @@ export default {
return {
myChart: null,
createTime: '',
orderData: {},
startTime: null,
endTime: null,
week: null,
month: null,
option: {
color: ['#DBEEFC'],
grid: {
x: 50,
y: 25,
x2: 30,
y2: 35
},
tooltip: {
trigger: 'item'
},
xAxis: {
type: 'category',
boundaryGap: false
// data: ['07-01周六', '07-02周日', '07-03周一', '07-04周二', '07-05周三', '07-06周四', '07-07周五']
},
yAxis: {
type: 'value'
},
series: [
{
// data: [820, 932, 901, 934, 1290, 1330, 1320],
type: 'line',
smooth: true,
itemStyle: {
color: '#49A9EE',
normal: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
{
offset: 0,
color: '#49A9EE' // 起始颜色
},
{
offset: 1,
color: '#DBEEFC' // 结束颜色
}
]),
lineStyle: {
width: 2 // 线条宽度
}
}
},
areaStyle: {}
}
]
},
pickerOptions: {
shortcuts: [
{
text: '今天',
onClick(picker) {
const end = new Date()
const start = new Date()
picker.$emit('pick', [start, end])
}
},
// {
// text: '今天',
// onClick(picker) {
// const end = new Date()
// const start = new Date()
// picker.$emit('pick', [start, end])
// }
// },
{
text: '最近一周',
onClick(picker) {
@@ -178,45 +216,118 @@ export default {
}
}
]
}
},
productList: []
}
},
created() {
this.init()
// this.init()
},
mounted() {
this.initChart('chart')
this.myChart = echarts.init(document.getElementById('chart'))
var DaysAgo = this.timeBefore()
var sevenDaysAgo = this.timeBefore7()
this.createTime = [new Date(sevenDaysAgo), new Date(DaysAgo)]
this.getMainDataOne()
this.getMainDataTwo(sevenDaysAgo, DaysAgo)
this.getProductOverview()
},
methods: {
initChart(id = 'chart') {
this.myChart = echarts.init(document.getElementById(id))
this.myChart.setOption({
color: ['#4370da'],
grid: {
x: 50,
y: 25,
x2: 30,
y2: 35
},
xAxis: {
type: 'category',
boundaryGap: false,
data: ['07-01周六', '07-02周日', '07-03周一', '07-04周二', '07-05周三', '07-06周四', '07-07周五']
},
yAxis: {
type: 'value'
},
series: [
{
data: [820, 932, 901, 934, 1290, 1330, 1320],
type: 'line',
smooth: true,
areaStyle: {}
}
]
// 表格搜索
userSearchs() {
if (this.createTime !== null && this.createTime.length !== 0) {
if (this.isDate(this.createTime[0])) {
this.startTime = this.createTime[0]
this.endTime = this.createTime[1]
} else {
var time1 = this.getSimpleDate(this.createTime[0])
var time2 = this.getSimpleDate(this.createTime[1])
this.startTime = time1
this.endTime = time2
}
this.getMainDataTwo(this.startTime, this.endTime)
} else {
this.$message.error('请选择要查询的时间段!')
}
},
// 首页订单数据
async getMainDataOne() {
await orderInfoApi.getMainDataOne().then(res => {
if ((res.code = 20000)) {
this.orderData = res.data
}
})
},
init() {}
async getMainDataTwo(startTime, endTime) {
await orderInfoApi.getMainDataTwo({ createTimeStart: startTime, createTimeEnd: endTime }).then(res => {
if ((res.code = 20000)) {
this.week = res.data.week
this.month = res.data.month
this.option.xAxis.data = res.data.date
this.option.series[0].data = res.data.value
this.myChart.setOption(this.option)
}
})
},
async getProductOverview() {
await orderInfoApi.getProductOverview().then(res => {
if ((res.code = 20000)) {
this.productList = res.data
}
})
},
timeBefore(date) {
if (!date) {
date = new Date()
}
var y = date.getFullYear()
var m = date.getMonth() + 1
var d = date.getDate()
if (d < 0) {
m = date.getMonth()
var d1 = new Date(y, m, 0)
var d2 = d1.getDate()
return y + '-' + (m < 10 ? '0' + m : m) + '-' + (d2 + d)
} else {
return y + '-' + (m < 10 ? '0' + m : m) + '-' + (d < 10 ? '0' + d : d)
}
},
timeBefore7(date) {
if (!date) {
date = new Date()
}
var y = date.getFullYear()
var m = date.getMonth() + 1
var d = date.getDate() - 7
if (d < 0) {
m = date.getMonth()
var d1 = new Date(y, m, 0)
var d2 = d1.getDate()
return y + '-' + (m < 10 ? '0' + m : m) + '-' + (d2 + d)
} else {
return y + '-' + (m < 10 ? '0' + m : m) + '-' + (d < 10 ? '0' + d : d)
}
},
isDate(dateStr) {
var pattern = /^\d{4}-\d{2}-\d{2}$/
return pattern.test(dateStr)
},
getSimpleDate(date) {
var y = date.getFullYear()
var m = date.getMonth() + 1
m = m < 10 ? '0' + m : m
var d = date.getDate()
d = d < 10 ? '0' + d : d
// var h = date.getHours()
// var minute = date.getMinutes()
// minute = minute < 10 ? '0' + minute : minute
// var s = date.getSeconds()
// s = s < 10 ? '0' + s : s
return y + '-' + m + '-' + d
}
}
}
</script>

View File

@@ -37,7 +37,7 @@
<el-col>
<el-form-item label="广告图片" prop="positionImage">
<div class="upLoadPicBox">
<upload :photo="advertisement.positionImage" @success="uploadSuccess" tip="只能上传jpg/png格式文件文件不能超过50kb"></upload>
<upload :photo="advertisement.positionImage" @success="uploadSuccess" tip="只能上传jpg/png格式文件"></upload>
</div>
</el-form-item>
</el-col>

View File

@@ -4,7 +4,7 @@
<div style="background: #f3f3f3;height:60px">
<span style="line-height:60px;margin:0px 30px;color:red; font-size:16px"> 当前订单状态{{ detailData.orderStatus | orderStatus }}</span>
</div>
<el-descriptions title="基本信息" class="text" direction="vertical" :column="6" border>
<el-descriptions title="基本信息" class="orderText" direction="vertical" :column="6" border>
<el-descriptions-item label="订单编号">{{ detailData.orderCode }}</el-descriptions-item>
<el-descriptions-item label="用户账号">{{ detailData.customerPhone }}</el-descriptions-item>
<el-descriptions-item label="支付积分">{{ detailData.integral }}</el-descriptions-item>
@@ -13,13 +13,13 @@
<el-descriptions-item label="提货码">{{ detailData.takeCode }}</el-descriptions-item>
</el-descriptions>
<el-descriptions title="收货人信息" class="text" direction="vertical" :column="3" border>
<el-descriptions title="收货人信息" class="orderText" direction="vertical" :column="3" border>
<el-descriptions-item label="收货人">{{ detailData.customerName }}</el-descriptions-item>
<el-descriptions-item label="手机号码">{{ detailData.customerPhone }}</el-descriptions-item>
<el-descriptions-item label="订单备注">{{ detailData.remark || '暂无' }}</el-descriptions-item>
</el-descriptions>
<div class="text">商品信息</div>
<div class="orderText">商品信息</div>
<el-table
:data="detailData.mallOrderInfoDetails"
class="ivu-mt mt14"
@@ -55,7 +55,7 @@
<el-table-column label="小计" min-width="120" align="center" prop="allMarketPrice"> </el-table-column>
</el-table>
<div class="text">操作信息</div>
<div class="orderText">操作信息</div>
<el-table :data="detailData.mallOrderInfoRecords" class="ivu-mt mt14" v-loading="loading" border highlight-current-row empty-text="暂无数据">
<el-table-column label="操作者" min-width="120" align="center">
<template slot-scope="scope">
@@ -291,7 +291,7 @@ export default {
.label_width {
width: 400px;
}
.text {
.orderText {
font-size: 16px;
font-weight: bold;
margin-top: 20px;

View File

@@ -247,7 +247,7 @@ export default {
const searchParam = { ...this.page }
searchParam.pageSize = endIndex
searchParam.currentPage = this.output.startPage
orderInfoApi.getRefundOrder(searchParam).then(res => {
orderInfoApi.RefundexportExcel(searchParam).then(res => {
const link = document.createElement('a')
// 创建Blob对象设置文件类型
const blob = new Blob([res], { type: 'application/vnd.ns-excel' }) // MIME类型

View File

@@ -1,7 +1,7 @@
<template>
<div class="article-manager">
<el-card :bordered="false" shadow="never" class="ivu-mt mt16 mb30" :body-style="{ padding: '0 20px 20px' }">
<div class="text">退货商品</div>
<div class="orderText">退货商品</div>
<el-table
:data="detailData.mallOrderInfoDetails"
class="ivu-mt mt14"
@@ -37,7 +37,7 @@
<el-table-column label="小计" min-width="120" align="center" prop="allMarketPrice"> </el-table-column>
</el-table>
<el-descriptions title="基本信息" class="text" :column="1" border>
<el-descriptions title="基本信息" class="orderText" :column="1" border>
<el-descriptions-item label="订单id">{{ detailData.id }}</el-descriptions-item>
<el-descriptions-item label="申请状态">{{ detailData.refundStatus | refundStatus }}</el-descriptions-item>
<el-descriptions-item label="订单编号">{{ detailData.orderCode }} </el-descriptions-item>
@@ -49,7 +49,7 @@
<el-descriptions-item label="退款原因">{{ detailData.refundMark }}</el-descriptions-item>
</el-descriptions>
<el-descriptions title="" class="text" :column="1" border>
<el-descriptions title="" class="orderText" :column="1" border>
<el-descriptions-item label="处理人员">{{ OrderInfoRecord.customerName }}</el-descriptions-item>
<el-descriptions-item label="处理时间">{{ OrderInfoRecord.createTime }}</el-descriptions-item>
<el-descriptions-item label="操作备注">{{ OrderInfoRecord.remark }} </el-descriptions-item>
@@ -275,7 +275,7 @@ export default {
.label_width {
width: 400px;
}
.text {
.orderText {
font-size: 16px;
font-weight: bold;
margin-top: 20px;

View File

@@ -25,8 +25,8 @@ module.exports = {
proxy: {
[process.env.VUE_APP_BASE_API]: {
// target: `cls`,
// target: `http://192.168.0.6:38080`,
target: `http://192.168.0.24:38080`,
target: `http://192.168.0.254:38080`,
// target: `http://192.168.0.24:38080`,
// target: `http://192.168.1.83:38080`,
// target: 'http://222.132.26.119:8081',
// target: `https://www.xingoil.com/adminapi`,