liuchuang
5 years ago
6 changed files with 276 additions and 30 deletions
@ -0,0 +1,17 @@ |
|||
*.class |
|||
|
|||
# Mobile Tools for Java (J2ME) |
|||
.mtj.tmp/ |
|||
|
|||
# Package Files # |
|||
*.jar |
|||
*.war |
|||
*.ear |
|||
*.zip |
|||
|
|||
# virtual machine crash logs, see http://www.java.com/en/download/help/error_hotspot.xml |
|||
hs_err_pid* |
|||
node_modules |
|||
dist |
|||
epdc-admin |
|||
.idea/ |
|||
@ -0,0 +1,119 @@ |
|||
<template> |
|||
<el-card shadow="never" |
|||
class="aui-card--fill"> |
|||
<div class="mod-sys__user"> |
|||
<el-form :inline="true" |
|||
:model="dataForm" |
|||
@keyup.enter.native="getPointsOverview()"> |
|||
<span class="demonstration">统计时间</span> |
|||
<el-date-picker @change='setRegistTime' |
|||
v-model="time" |
|||
value-format="yyyy-MM-dd" |
|||
type="daterange" |
|||
range-separator="至" |
|||
start-placeholder="开始日期" |
|||
end-placeholder="结束日期"> |
|||
</el-date-picker> |
|||
<el-form-item> |
|||
<el-button @click="getPointsOverview()">{{ $t('query') }}</el-button> |
|||
</el-form-item> |
|||
<div id="myChart" |
|||
:style="{width: '700px', height: '400px'}"></div> |
|||
</el-form> |
|||
</div> |
|||
</el-card> |
|||
</template> |
|||
<script> |
|||
// import mixinViewModule from '@/mixins/view-module' |
|||
|
|||
export default { |
|||
data () { |
|||
return { |
|||
dataForm: { |
|||
startTime: '', |
|||
endTime: '' |
|||
}, |
|||
time: '', |
|||
resultData: { |
|||
}, |
|||
myChart: '' |
|||
} |
|||
}, |
|||
mounted () { |
|||
this.myChart = this.$echarts.init(document.getElementById('myChart')) |
|||
this.myChart.setOption({ |
|||
title: { |
|||
text: '积分统计', |
|||
subtext: '', |
|||
x: 'center' |
|||
}, |
|||
tooltip: { |
|||
trigger: 'item', |
|||
formatter: '{a} <br/>{b} : {c} ({d}%)' |
|||
}, |
|||
legend: { |
|||
orient: 'vertical', |
|||
bottom: 'bottom', |
|||
data: ['剩余积分'] |
|||
}, |
|||
series: [ |
|||
{ |
|||
name: '访问来源', |
|||
type: 'pie', |
|||
radius: '55%', |
|||
data: [ |
|||
{ value: this.resultData.allPoints, name: '已兑换积分' }, |
|||
{ value: this.resultData.residuePoints, name: '剩余积分' } |
|||
], |
|||
label: { |
|||
normal: { |
|||
show: true, |
|||
position: 'inner', |
|||
formatter: '{b} {c} ({d}%)' |
|||
} |
|||
} |
|||
} |
|||
] |
|||
}) |
|||
}, |
|||
created () { |
|||
this.getPointsOverview() |
|||
}, |
|||
methods: { |
|||
getPointsOverview () { |
|||
if (this.time === null) { |
|||
this.dataForm.startTime = '' |
|||
this.dataForm.endTime = '' |
|||
} |
|||
console.log(this.dataForm) |
|||
this.$http |
|||
.get(`points/pointslogs/point/pointsOverview`, { params: this.dataForm }) |
|||
.then(({ data: res }) => { |
|||
this.myChart.setOption({ |
|||
title: { |
|||
subtext: '总积分' + res.data.allPoints |
|||
}, |
|||
series: [{ |
|||
data: [ |
|||
{ value: (res.data.allPoints - res.data.residuePoints), name: '剩余积分' }, |
|||
{ value: res.data.residuePoints, name: '' } |
|||
] |
|||
}] |
|||
}) |
|||
if (res.code !== 0) { |
|||
return this.$message.error(res.msg) |
|||
} |
|||
this.resultData = res.data |
|||
console.log(this.resultData) |
|||
}) |
|||
.catch(() => { }) |
|||
}, |
|||
setRegistTime () { |
|||
this.dataForm.startTime = this.time[0] |
|||
this.dataForm.endTime = this.time[1] |
|||
} |
|||
}, |
|||
components: { |
|||
} |
|||
} |
|||
</script> |
|||
@ -0,0 +1,113 @@ |
|||
<template> |
|||
<el-card shadow="never" |
|||
class="aui-card--fill"> |
|||
<div class="mod-sys__user"> |
|||
<el-form :inline="true" |
|||
:model="dataForm" |
|||
@keyup.enter.native="getDataList()"> |
|||
<el-select v-model="dataForm.ruleCode" |
|||
placeholder="积分类别" |
|||
clearable> |
|||
<el-option v-for="item in options" |
|||
:key="item.ruleCode" |
|||
:label="item.ruleDesc" |
|||
:value="item.ruleCode"> |
|||
</el-option> |
|||
</el-select> |
|||
|
|||
<span class="demonstration">统计时间</span> |
|||
<el-date-picker @change='setRegistTime' |
|||
v-model="time" |
|||
value-format="yyyy-MM-dd" |
|||
type="daterange" |
|||
range-separator="至" |
|||
start-placeholder="开始日期" |
|||
end-placeholder="结束日期"> |
|||
</el-date-picker> |
|||
<el-form-item> |
|||
<el-button @click="getDataList()">{{ $t('query') }}</el-button> |
|||
</el-form-item> |
|||
|
|||
</el-form> |
|||
<el-table v-loading="dataListLoading" |
|||
:data="dataList" |
|||
border |
|||
@selection-change="dataListSelectionChangeHandle" |
|||
@sort-change="dataListSortChangeHandle" |
|||
style="width: 100%;"> |
|||
<el-table-column prop="operationDesc" |
|||
label="积分类别" |
|||
header-align="center" |
|||
align="center"></el-table-column> |
|||
<el-table-column prop="allPoints" |
|||
label="总积分" |
|||
header-align="center" |
|||
align="center"></el-table-column> |
|||
</el-table> |
|||
<el-pagination :current-page="page" |
|||
:page-sizes="[10, 20, 50, 100]" |
|||
:page-size="limit" |
|||
:total="total" |
|||
layout="total, sizes, prev, pager, next, jumper" |
|||
@size-change="pageSizeChangeHandle" |
|||
@current-change="pageCurrentChangeHandle"> |
|||
</el-pagination> |
|||
</div> |
|||
</el-card> |
|||
</template> |
|||
|
|||
<script> |
|||
import mixinViewModule from '@/mixins/view-module' |
|||
export default { |
|||
mixins: [mixinViewModule], |
|||
data () { |
|||
return { |
|||
mixinViewModuleOptions: { |
|||
getDataListURL: 'points/pointslogs/point/listPagePoints', |
|||
getDataListIsPage: true |
|||
}, |
|||
dataForm: { |
|||
ruleCode: '', |
|||
startTime: '', |
|||
endTime: '' |
|||
}, |
|||
time: '', |
|||
options: [] |
|||
} |
|||
}, |
|||
created () { |
|||
this.$http |
|||
.get(`/points/pointsrule/ruleList`) |
|||
.then(({ data: res }) => { |
|||
if (res.code !== 0) { |
|||
return this.$message.error(res.msg) |
|||
} |
|||
this.options = res.data |
|||
}) |
|||
.catch(() => { }) |
|||
}, |
|||
watch: { |
|||
'time': function (val) { |
|||
if (this.time === null) { |
|||
this.dataForm.startTime = '' |
|||
this.dataForm.endTime = '' |
|||
} |
|||
} |
|||
}, |
|||
methods: { |
|||
realNameFormat (row, column) { |
|||
if (row.realName) { |
|||
return row.realName |
|||
} |
|||
return row.nickname |
|||
}, |
|||
setRegistTime () { |
|||
// console.log(this.time[0]) |
|||
this.dataForm.startTime = this.time[0] |
|||
this.dataForm.endTime = this.time[1] |
|||
} |
|||
}, |
|||
components: { |
|||
} |
|||
} |
|||
</script> |
|||
Loading…
Reference in new issue