数据趋势
Showing
3 changed files
with
34 additions
and
71 deletions
| ... | @@ -36,6 +36,16 @@ class work { | ... | @@ -36,6 +36,16 @@ class work { |
| 36 | } | 36 | } |
| 37 | }) | 37 | }) |
| 38 | } | 38 | } |
| 39 | // 数据趋势 | ||
| 40 | async dataTrend (code) { | ||
| 41 | return request({ | ||
| 42 | url: SERVER.SERVERAPI + '/rest/reg/work/dataTrend', | ||
| 43 | method: 'get', | ||
| 44 | params: { | ||
| 45 | code: code | ||
| 46 | } | ||
| 47 | }) | ||
| 48 | } | ||
| 39 | // 新建国有房屋信息 | 49 | // 新建国有房屋信息 |
| 40 | async addhousetotal (code) { | 50 | async addhousetotal (code) { |
| 41 | return request({ | 51 | return request({ | ... | ... |
| ... | @@ -49,10 +49,10 @@ export default { | ... | @@ -49,10 +49,10 @@ export default { |
| 49 | watch: { | 49 | watch: { |
| 50 | cdata: { | 50 | cdata: { |
| 51 | handler (newData) { | 51 | handler (newData) { |
| 52 | this.xAxisData = newData.echartData.map((v) => v.name); | 52 | this.xAxisData = newData.echartData.map((v) => v.yearMonth); |
| 53 | this.yAxisData1 = newData.echartData.map((v) => v.value1); | 53 | this.yAxisData1 = newData.echartData.map((v) => v.receive); |
| 54 | this.yAxisData2 = newData.echartData.map((v) => v.value2); | 54 | this.yAxisData2 = newData.echartData.map((v) => v.record); |
| 55 | this.yAxisData3 = newData.echartData.map((v) => v.value3); | 55 | this.yAxisData3 = newData.echartData.map((v) => v.report); |
| 56 | this.options = { | 56 | this.options = { |
| 57 | color: newData.color, | 57 | color: newData.color, |
| 58 | legend: { | 58 | legend: { | ... | ... |
| ... | @@ -4,6 +4,7 @@ | ... | @@ -4,6 +4,7 @@ |
| 4 | 4 | ||
| 5 | <script> | 5 | <script> |
| 6 | import Chart from './Chart' | 6 | import Chart from './Chart' |
| 7 | import work from "@/api/work"; | ||
| 7 | export default { | 8 | export default { |
| 8 | data () { | 9 | data () { |
| 9 | return { | 10 | return { |
| ... | @@ -88,6 +89,7 @@ export default { | ... | @@ -88,6 +89,7 @@ export default { |
| 88 | Chart | 89 | Chart |
| 89 | }, | 90 | }, |
| 90 | mounted() { | 91 | mounted() { |
| 92 | |||
| 91 | window.addEventListener("resize", () => { | 93 | window.addEventListener("resize", () => { |
| 92 | this.cdata=[], | 94 | this.cdata=[], |
| 93 | this.cdata= { | 95 | this.cdata= { |
| ... | @@ -97,75 +99,26 @@ export default { | ... | @@ -97,75 +99,26 @@ export default { |
| 97 | "#E873B2", | 99 | "#E873B2", |
| 98 | "#F4AF6F " | 100 | "#F4AF6F " |
| 99 | ], | 101 | ], |
| 100 | echartData: [{ | 102 | echartData: [] |
| 101 | name: "2017-11", | ||
| 102 | value1: 1351, | ||
| 103 | value2: 600, | ||
| 104 | value3: 568, | ||
| 105 | }, | ||
| 106 | { | ||
| 107 | name: "2017-11", | ||
| 108 | value1: 980, | ||
| 109 | value2: 1245, | ||
| 110 | value3: 1100, | ||
| 111 | }, | ||
| 112 | { | ||
| 113 | name: "2017-11", | ||
| 114 | value1: 1127, | ||
| 115 | value2: 398, | ||
| 116 | value3: 568, | ||
| 117 | }, | ||
| 118 | { | ||
| 119 | name: "2017-11", | ||
| 120 | value1: 1046, | ||
| 121 | value2: 689, | ||
| 122 | value3: 479 | ||
| 123 | }, | ||
| 124 | { | ||
| 125 | name: "2018-02", | ||
| 126 | value1: 780, | ||
| 127 | value2: 396, | ||
| 128 | value3: 655 | ||
| 129 | }, | ||
| 130 | { | ||
| 131 | name: "2018-08", | ||
| 132 | value1: 359, | ||
| 133 | value2: 1220, | ||
| 134 | value3: 540, | ||
| 135 | }, | ||
| 136 | { | ||
| 137 | name: "2018-07", | ||
| 138 | value1: 229, | ||
| 139 | value2: 836, | ||
| 140 | value3: 1234, | ||
| 141 | }, | ||
| 142 | { | ||
| 143 | name: "2018-09", | ||
| 144 | value1: 1176, | ||
| 145 | value2: 478, | ||
| 146 | value3: 755, | ||
| 147 | }, | ||
| 148 | { | ||
| 149 | name: "2018-11", | ||
| 150 | value1: 515, | ||
| 151 | value2: 911, | ||
| 152 | value3: 806, | ||
| 153 | }, | ||
| 154 | { | ||
| 155 | name: "2019-01", | ||
| 156 | value1: 658, | ||
| 157 | value2: 979, | ||
| 158 | value3: 813, | ||
| 159 | }, | ||
| 160 | { | ||
| 161 | name: "2019-03", | ||
| 162 | value1: 364, | ||
| 163 | value2: 839, | ||
| 164 | value3: 886, | ||
| 165 | }, | ||
| 166 | ] | ||
| 167 | } | 103 | } |
| 168 | }); | 104 | }); |
| 105 | window.addEventListener("resize", () => { | ||
| 106 | this.dataTrend() | ||
| 107 | }); | ||
| 108 | this.dataTrend() | ||
| 109 | }, | ||
| 110 | methods: { | ||
| 111 | async dataTrend() { | ||
| 112 | try { | ||
| 113 | let { result: res } = await work.dataTrend(); | ||
| 114 | this.cdata.echartData = []; | ||
| 115 | this.cdata.echartData=res, | ||
| 116 | res.map((item) => { | ||
| 117 | }); | ||
| 118 | } catch (error) { | ||
| 119 | console.log(error); | ||
| 120 | } | ||
| 121 | }, | ||
| 169 | }, | 122 | }, |
| 170 | } | 123 | } |
| 171 | </script> | 124 | </script> | ... | ... |
-
Please register or sign in to post a comment