--no commit message
Showing
8 changed files
with
158 additions
and
12 deletions
... | @@ -135,7 +135,7 @@ export default { | ... | @@ -135,7 +135,7 @@ export default { |
135 | label: { | 135 | label: { |
136 | 136 | ||
137 | formatter: params => { | 137 | formatter: params => { |
138 | return `${params.data.name}\n${params.data.value+"个"}`; | 138 | return `${params.name}\n${params.value+"个"}`; |
139 | }, | 139 | }, |
140 | show: true, | 140 | show: true, |
141 | position: 'insideRight', | 141 | position: 'insideRight', | ... | ... |
src/components/Echart/Rose copy/Chart.vue
0 → 100644
1 | <template> | ||
2 | <Echart :options="options" id="centreLeft1Chart" :key="key" height="225px" width="80%"></Echart> | ||
3 | </template> | ||
4 | <script> | ||
5 | import Echart from '@/common/echart' | ||
6 | export default { | ||
7 | components: { | ||
8 | Echart, | ||
9 | }, | ||
10 | data() { | ||
11 | return { | ||
12 | key:0 | ||
13 | } | ||
14 | }, | ||
15 | props: { | ||
16 | cdata: { | ||
17 | type: Object, | ||
18 | default: () => ({}) | ||
19 | }, | ||
20 | }, | ||
21 | watch: { | ||
22 | cdata: { | ||
23 | handler (newData) { | ||
24 | console.log("newData",newData); | ||
25 | this.options = { | ||
26 | grid: { | ||
27 | right:"1%", | ||
28 | bottom:"4%" | ||
29 | }, | ||
30 | color: [ | ||
31 | "#37a2da", | ||
32 | "#32c5e9", | ||
33 | "#9fe6b8", | ||
34 | "#ffdb5c", | ||
35 | "#ff9f7f", | ||
36 | "#fb7293", | ||
37 | "#e7bcf3", | ||
38 | "#8378ea" | ||
39 | ], | ||
40 | tooltip: { | ||
41 | trigger: "item", | ||
42 | formatter: "{a} <br/>{b} : {c} ({d}%)" | ||
43 | }, | ||
44 | toolbox: { | ||
45 | show: true | ||
46 | }, | ||
47 | calculable: true, | ||
48 | series: [ | ||
49 | { | ||
50 | name: "业务量", | ||
51 | type: "pie", | ||
52 | radius: [40,100], | ||
53 | roseType: "area", | ||
54 | data: newData.seriesData | ||
55 | } | ||
56 | ], | ||
57 | |||
58 | } | ||
59 | this.key++ | ||
60 | }, | ||
61 | immediate: true, | ||
62 | deep: true | ||
63 | } | ||
64 | } | ||
65 | }; | ||
66 | </script> | ||
67 | |||
68 | <style lang="scss" scoped> | ||
69 | #centreLeft1Chart { | ||
70 | margin-bottom: 10px; | ||
71 | margin-left: 60px; | ||
72 | } | ||
73 | </style> |
src/components/Echart/Rose copy/index.vue
0 → 100644
1 | <template> | ||
2 | <div> | ||
3 | <Chart :cdata="cdata" /> | ||
4 | </div> | ||
5 | </template> | ||
6 | |||
7 | <script> | ||
8 | import Chart from "./Chart"; | ||
9 | import work from "@/api/work"; | ||
10 | export default { | ||
11 | data () { | ||
12 | return { | ||
13 | cdata: { | ||
14 | seriesData: [], | ||
15 | }, | ||
16 | }; | ||
17 | }, | ||
18 | components: { | ||
19 | Chart, | ||
20 | }, | ||
21 | mounted () { | ||
22 | this.getdjywltotal(); | ||
23 | |||
24 | |||
25 | }, | ||
26 | methods: { | ||
27 | // 获取登记业务量玫瑰图数据 | ||
28 | async getdjywltotal () { | ||
29 | try { | ||
30 | let p = { | ||
31 | DJLX: "", | ||
32 | QLLX: "", | ||
33 | XZQDM: "", | ||
34 | }; | ||
35 | let res = await work.getdjywltotal(p); | ||
36 | console.log("res",res); | ||
37 | // 遍历修改数组键,作为echars图表的参数 | ||
38 | res.result.map((item) => { | ||
39 | return ( | ||
40 | this.cdata.seriesData.push({ "name": item.AREACODE, "value": item.ywtotal }) | ||
41 | ) | ||
42 | }); | ||
43 | } catch (error) { | ||
44 | console.log(error); | ||
45 | } | ||
46 | |||
47 | |||
48 | }, | ||
49 | }, | ||
50 | }; | ||
51 | </script> | ||
52 | |||
53 | <style lang="scss" scoped> | ||
54 | </style> |
... | @@ -49,7 +49,7 @@ export default { | ... | @@ -49,7 +49,7 @@ export default { |
49 | { | 49 | { |
50 | name: "业务量", | 50 | name: "业务量", |
51 | type: "pie", | 51 | type: "pie", |
52 | radius: [40,100], | 52 | radius: [0,100], |
53 | roseType: "area", | 53 | roseType: "area", |
54 | data: newData.seriesData | 54 | data: newData.seriesData |
55 | } | 55 | } | ... | ... |
... | @@ -33,11 +33,11 @@ export default { | ... | @@ -33,11 +33,11 @@ export default { |
33 | XZQDM: "", | 33 | XZQDM: "", |
34 | }; | 34 | }; |
35 | let res = await work.getdjywltotal(p); | 35 | let res = await work.getdjywltotal(p); |
36 | console.log("res",res); | ||
37 | // 遍历修改数组键,作为echars图表的参数 | 36 | // 遍历修改数组键,作为echars图表的参数 |
38 | res.result.map((item) => { | 37 | res.result.map((item) => { |
39 | return ( | 38 | return ( |
40 | this.cdata.seriesData.push({ "name": item.AREACODE, "value": item.ywtotal }) | 39 | this.cdata.seriesData.push({ "name": item.AREACODE, "value": item.ywtotal }) |
40 | |||
41 | ) | 41 | ) |
42 | }); | 42 | }); |
43 | } catch (error) { | 43 | } catch (error) { | ... | ... |
src/image/rqjx.png
0 → 100644
6.22 KB
... | @@ -283,6 +283,19 @@ table td { | ... | @@ -283,6 +283,19 @@ table td { |
283 | 283 | ||
284 | // 时间选择框样式 | 284 | // 时间选择框样式 |
285 | .el-date-picker { | 285 | .el-date-picker { |
286 | background: url("~@/image/slbg.png") no-repeat; | ||
287 | background-size: 100% 100%; | ||
288 | padding-top: 13px; | ||
289 | padding-bottom: 13px; | ||
290 | table{ | ||
291 | background: url("~@/image/rqjx.png") no-repeat; | ||
292 | background-size: 100% 100%; | ||
293 | padding: 8px; | ||
294 | } | ||
295 | table td { | ||
296 | box-sizing: border-box; | ||
297 | border-bottom: 0px solid #074487!important; | ||
298 | } | ||
286 | .el-input__inner { | 299 | .el-input__inner { |
287 | background-color: #031a46; | 300 | background-color: #031a46; |
288 | } | 301 | } |
... | @@ -298,18 +311,24 @@ table td { | ... | @@ -298,18 +311,24 @@ table td { |
298 | .el-date-table td.disabled div { | 311 | .el-date-table td.disabled div { |
299 | background-color: #074487; | 312 | background-color: #074487; |
300 | } | 313 | } |
301 | 314 | .el-date-picker__header{ | |
302 | background-color: #031a46; | 315 | margin-bottom: 0px; |
303 | 316 | } | |
304 | .el-date-picker__header-label { | 317 | .el-date-picker__header-label { |
305 | color: #A6CFD6; | 318 | color: #A6CFD6; |
306 | } | 319 | } |
307 | 320 | ||
308 | .el-picker-panel__content { | 321 | .el-picker-panel__content { |
309 | background-color: #074487; | 322 | padding-top: 0px; |
310 | 323 | margin-top: 0px; | |
311 | .disabled { | 324 | .disabled { |
312 | background-color: #074487; | 325 | background-color: #074487; |
326 | div{ | ||
327 | span{ | ||
328 | color:rgba(172, 239, 250,.5) | ||
329 | |||
330 | } | ||
331 | } | ||
313 | 332 | ||
314 | } | 333 | } |
315 | } | 334 | } |
... | @@ -324,7 +343,7 @@ table td { | ... | @@ -324,7 +343,7 @@ table td { |
324 | } | 343 | } |
325 | 344 | ||
326 | .el-date-table td span { | 345 | .el-date-table td span { |
327 | color: #A6CFD6; | 346 | color: #DBFAFF |
328 | } | 347 | } |
329 | 348 | ||
330 | .el-date-table td.current:not(.disabled) span { | 349 | .el-date-table td.current:not(.disabled) span { |
... | @@ -460,4 +479,4 @@ table td { | ... | @@ -460,4 +479,4 @@ table td { |
460 | .el-select-dropdown__item.hover, | 479 | .el-select-dropdown__item.hover, |
461 | .el-select-dropdown__item:hover { | 480 | .el-select-dropdown__item:hover { |
462 | background-color: transparent !important; | 481 | background-color: transparent !important; |
463 | } | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
482 | } | ... | ... |
... | @@ -93,8 +93,8 @@ export default { | ... | @@ -93,8 +93,8 @@ export default { |
93 | }; | 93 | }; |
94 | let res = await work.getsthjqxjrtotal(p); | 94 | let res = await work.getsthjqxjrtotal(p); |
95 | console.log("res",res); | 95 | console.log("res",res); |
96 | this.stjrl=res.result.sum | 96 | this.stjrl=res.result.stsum |
97 | this.qxjrl=res.result.sum | 97 | this.qxjrl=res.result.qxsum |
98 | this.qxerrer=Number(res.result.qxjrerrer) | 98 | this.qxerrer=Number(res.result.qxjrerrer) |
99 | this.sterrer=Number(res.result.sthjerrer) | 99 | this.sterrer=Number(res.result.sthjerrer) |
100 | if(res.result.sum=="0"){ | 100 | if(res.result.sum=="0"){ | ... | ... |
-
Please register or sign in to post a comment