|
@@ -21,22 +21,21 @@
|
21
|
21
|
</el-col>
|
22
|
22
|
</el-row>
|
23
|
23
|
</el-form>
|
24
|
|
- <div style="width: 99%; height: 300px">
|
|
24
|
+ <div style="width: 99%; height: 480px">
|
25
|
25
|
<h4 style="color: white">收费数据分析</h4>
|
26
|
26
|
<barchart
|
27
|
27
|
class="side-chart"
|
28
|
28
|
:autoStop="false"
|
29
|
29
|
:colorArr="['#ffd201', '#00eacb', '#01b4ff', '#5d78ff']"
|
30
|
30
|
legendIcon="react"
|
31
|
|
- :bottom="30"
|
|
31
|
+ :bottom="180"
|
32
|
32
|
:xlabelFormat="xLabelFormat"
|
33
|
33
|
:top="60"
|
34
|
34
|
yAxisName="(元)"
|
35
|
35
|
:tooltip="tooltipFormat"
|
36
|
36
|
:dataset="bardata"
|
37
|
37
|
:encode="[
|
38
|
|
- {x: 'month', y: 'hs', seriesName: '应收'},
|
39
|
|
- {x: 'month', y: 'cs', seriesName: '实收'}]"
|
|
38
|
+ {x: 'mouth', y: 'hs', seriesName: '实收'}]"
|
40
|
39
|
:labelSize="15"
|
41
|
40
|
id="fxdqhszzt"
|
42
|
41
|
/>
|
|
@@ -114,9 +113,7 @@ export default {
|
114
|
113
|
const data = params[0].data;
|
115
|
114
|
return `<div class="line-tooltip">
|
116
|
115
|
<div>${params[0].seriesName}: ${
|
117
|
|
- params[0].data.hs || "--"}元</div>
|
118
|
|
-<div>${params[1].seriesName}: ${
|
119
|
|
- params[0].data.cs || "--"}元</div>
|
|
116
|
+ params[0].data.hs || 0}元</div>
|
120
|
117
|
</div>`;
|
121
|
118
|
},
|
122
|
119
|
businessAnalysisStat(){
|
|
@@ -127,7 +124,7 @@ export default {
|
127
|
124
|
) {
|
128
|
125
|
this.formInline.time[0] = this.formInline.time[0].substring(0, 10) + " 00:00:00";
|
129
|
126
|
this.formInline.time[1] = this.formInline.time[1].substring(0, 10) + " 23:59:59";
|
130
|
|
- params.start= this.formInline.time[0]
|
|
127
|
+ params.begin= this.formInline.time[0]
|
131
|
128
|
params.end = this.formInline.time[1]
|
132
|
129
|
}
|
133
|
130
|
delete params.time
|
|
@@ -143,7 +140,7 @@ export default {
|
143
|
140
|
) {
|
144
|
141
|
this.formInline.time[0] = this.formInline.time[0].substring(0, 10) + " 00:00:00";
|
145
|
142
|
this.formInline.time[1] = this.formInline.time[1].substring(0, 10) + " 23:59:59";
|
146
|
|
- params.start= this.formInline.time[0]
|
|
143
|
+ params.begin= this.formInline.time[0]
|
147
|
144
|
params.end = this.formInline.time[1]
|
148
|
145
|
}
|
149
|
146
|
delete params.time
|
|
@@ -159,7 +156,7 @@ export default {
|
159
|
156
|
) {
|
160
|
157
|
this.formInline.time[0] = this.formInline.time[0].substring(0, 10) + " 00:00:00";
|
161
|
158
|
this.formInline.time[1] = this.formInline.time[1].substring(0, 10) + " 23:59:59";
|
162
|
|
- params.start= this.formInline.time[0]
|
|
159
|
+ params.begin= this.formInline.time[0]
|
163
|
160
|
params.end = this.formInline.time[1]
|
164
|
161
|
}
|
165
|
162
|
delete params.time
|
|
@@ -168,12 +165,9 @@ export default {
|
168
|
165
|
})
|
169
|
166
|
},
|
170
|
167
|
xLabelFormat(name) {
|
171
|
|
- const nameArr = []
|
172
|
|
- for(let i=0; i<name.length; i+=7) {
|
173
|
|
- nameArr.push(name.substring(i, i+7))
|
174
|
|
- }
|
175
|
|
- return nameArr.join('\n');
|
176
|
|
- }
|
|
168
|
+ var str = name.split("");
|
|
169
|
+ return str.join("\n");
|
|
170
|
+ },
|
177
|
171
|
}
|
178
|
172
|
}
|
179
|
173
|
</script>
|