Merge branch 'master' of http://yun.pashanhoo.com:9090/bdc/bdcjg-web
Showing
4 changed files
with
49 additions
and
76 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> | ... | ... |
| ... | @@ -6,14 +6,24 @@ class data { | ... | @@ -6,14 +6,24 @@ class data { |
| 6 | columns () { | 6 | columns () { |
| 7 | return [ | 7 | return [ |
| 8 | { | 8 | { |
| 9 | prop: "state", | ||
| 10 | label: "状态", | ||
| 11 | width: '100', | ||
| 12 | }, | ||
| 13 | { | ||
| 14 | prop: "UPLOADTIME", | ||
| 15 | label: "汇交日期", | ||
| 16 | width: '150', | ||
| 17 | }, | ||
| 18 | { | ||
| 9 | prop: "AREANAME", | 19 | prop: "AREANAME", |
| 10 | label: "区域名称", | 20 | label: "区域名称", |
| 11 | }, | 21 | }, |
| 12 | { | 22 | { |
| 13 | prop: "UPLOADTIME", | 23 | prop: "ACCESSDATE", |
| 14 | label: "日期", | 24 | label: "日期", |
| 15 | width: '150', | 25 | width: '150', |
| 16 | }, | 26 | }, |
| 17 | { | 27 | { |
| 18 | prop: "type", | 28 | prop: "type", |
| 19 | label: "类别", | 29 | label: "类别", |
| ... | @@ -42,9 +52,9 @@ class data { | ... | @@ -42,9 +52,9 @@ class data { |
| 42 | width: '120', | 52 | width: '120', |
| 43 | render: (h, scope) => { | 53 | render: (h, scope) => { |
| 44 | return ( | 54 | return ( |
| 45 | <div class={'difference'}> | 55 | <div > |
| 46 | <p>{scope.row.BUSINESSTYPECOUNT}</p> | 56 | <p>{scope.row.registerBusinesstypecount}</p> |
| 47 | <p>{''}</p> | 57 | <p>{scope.row.accessBusinesstypecount}</p> |
| 48 | </div> | 58 | </div> |
| 49 | ) | 59 | ) |
| 50 | }, | 60 | }, | ... | ... |
-
Please register or sign in to post a comment