|
@@ -1,5 +1,5 @@
|
|
|
<template>
|
|
|
- <view class="page" :style="{'min-height':(h-th)+'px','padding-top':mt+'px'}">
|
|
|
+ <view class="page tt" :style="{'min-height':(h-th)+'px','padding-top':mt+'px'}">
|
|
|
<c-nav-bar title="数据统计"></c-nav-bar>
|
|
|
<view class="tabs">
|
|
|
<text :class="type==1?'on':''" @click="type=1">月账单</text>
|
|
@@ -32,9 +32,10 @@
|
|
|
<view class="t2">总退款<text>{{total2}}</text></view>
|
|
|
</view>
|
|
|
<view class="line_charts_two">
|
|
|
- <qiun-data-charts type="line" :opts="gameOpts" :chartData="gameChartData" />
|
|
|
+ <qiun-data-charts type="line" :opts="gameOpts" :chartData="gameChartData" :ontouch="true" />
|
|
|
</view>
|
|
|
</view>
|
|
|
+
|
|
|
<u-datetime-picker @confirm="confirmDate" @cancel="show=false" :show="show" v-model="value1"
|
|
|
mode="year-month"></u-datetime-picker>
|
|
|
</view>
|
|
@@ -62,51 +63,31 @@
|
|
|
gameOpts: {
|
|
|
color: ["#4B98FE", "#00D05E"],
|
|
|
padding: [15, 15, 0, 15],
|
|
|
- dataLabel: false,
|
|
|
- dataPointShapeType: 'hollow',
|
|
|
- dataZoom: [{
|
|
|
- type: 'slider',
|
|
|
- start: 0,
|
|
|
- end: 50,
|
|
|
- },
|
|
|
- {
|
|
|
- type: 'inside',
|
|
|
- orient: 'vertical',
|
|
|
- },
|
|
|
- ],
|
|
|
- grid: {
|
|
|
- left: '3%',
|
|
|
- right: '4%',
|
|
|
- bottom: '10%',
|
|
|
- height: '80%',
|
|
|
- containLabel: true,
|
|
|
- },
|
|
|
+ enableScroll: true,
|
|
|
|
|
|
+ legend: {
|
|
|
+ show: false
|
|
|
+ },
|
|
|
xAxis: {
|
|
|
disableGrid: true,
|
|
|
+ gridType: "solid",
|
|
|
+ itemCount: 6,
|
|
|
+ scrollColor: "#f44",
|
|
|
+ scrollShow: true,
|
|
|
+ axisLineColor: "#EFEFEF",
|
|
|
},
|
|
|
yAxis: {
|
|
|
- gridColor: "rgba(230,230,230,0.6)",
|
|
|
- disabled: false,
|
|
|
- disableGrid: false,
|
|
|
- gridType: 'dash',
|
|
|
- dashLength: '4',
|
|
|
- data: [{
|
|
|
- axisLineColor: "#FFFFFF",
|
|
|
- }, ],
|
|
|
+ gridType: "solid",
|
|
|
+ gridColor: "#EFEFEF",
|
|
|
+ dashLength: 2
|
|
|
},
|
|
|
- // legend: {
|
|
|
- // show: true,
|
|
|
- // position: "top",
|
|
|
- // float: "left",
|
|
|
- // },
|
|
|
extra: {
|
|
|
line: {
|
|
|
type: "curve",
|
|
|
width: 2,
|
|
|
activeType: "hollow"
|
|
|
- },
|
|
|
- },
|
|
|
+ }
|
|
|
+ }
|
|
|
},
|
|
|
}
|
|
|
},
|
|
@@ -130,6 +111,7 @@
|
|
|
onLoad() {
|
|
|
this.gettopData();
|
|
|
this.getBottomData();
|
|
|
+ //this.drawGameCharts(['1','2'], [11,2], [12.11]);
|
|
|
},
|
|
|
methods: {
|
|
|
confirmDate(e) {
|
|
@@ -204,13 +186,11 @@
|
|
|
series: [{
|
|
|
name: "总收入",
|
|
|
data: y,
|
|
|
- legendShape: "circle",
|
|
|
color: "#367BFF",
|
|
|
},
|
|
|
{
|
|
|
name: "总退款",
|
|
|
data: z,
|
|
|
- legendShape: "circle",
|
|
|
color: "#77DFDD",
|
|
|
},
|
|
|
],
|
|
@@ -221,7 +201,13 @@
|
|
|
}
|
|
|
</script>
|
|
|
|
|
|
-<style scoped lang="scss">
|
|
|
+<style scoped lang="less">
|
|
|
+ .tt {
|
|
|
+ /deep/.u-picker__view__column {
|
|
|
+ width: 100%;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
.line_charts_two {
|
|
|
width: 630rpx;
|
|
|
height: 500rpx;
|