feat:引入配置文件
Showing
5 changed files
with
32 additions
and
34 deletions
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: 引入配置文件 |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-03-15 14:48:13 | 4 | * @LastEditTime: 2023-03-15 16:17:17 |
5 | --> | 5 | --> |
6 | <!DOCTYPE html> | 6 | <!DOCTYPE html> |
7 | <html> | 7 | <html> |
... | @@ -24,7 +24,7 @@ | ... | @@ -24,7 +24,7 @@ |
24 | 24 | ||
25 | </html> | 25 | </html> |
26 | <script> | 26 | <script> |
27 | document.write("<s" + "cript type='text/javascript' src='./dist/config.js?" + Math.random().toString(36).substr(2) + "'></scr" + "ipt>"); | 27 | document.write("<s" + "cript type='text/javascript' src='./config.js?" + Math.random().toString(36).substr(2) + "'></scr" + "ipt>"); |
28 | window.baseUrl = location.origin || location.protocol + '//' + location.host | 28 | window.baseUrl = location.origin || location.protocol + '//' + location.host |
29 | // window.authorization = 'bearer AT-14-h4UlUGjPvgmrIgnDO-3QgMP0m4YJGQTR'; | 29 | // window.authorization = 'bearer AT-14-h4UlUGjPvgmrIgnDO-3QgMP0m4YJGQTR'; |
30 | // window.authorization = 'bearer AT-223-c-Q86EHx75m7ig3EDf-SwMWl4U0AKn0b'; | 30 | // window.authorization = 'bearer AT-223-c-Q86EHx75m7ig3EDf-SwMWl4U0AKn0b'; | ... | ... |
1 | <template> | 1 | <template> |
2 | <!-- 地图 --> | 2 | <!-- 地图 --> |
3 | <Echart | 3 | <Echart id="centreLeft2Chart" class="centreLeft2Chart" :key="key" ref="centreLeft2ChartRef" width="100%" height="100%" |
4 | id="centreLeft2Chart" | ||
5 | class="centreLeft2Chart" | ||
6 | :key="key" | ||
7 | ref="centreLeft2ChartRef" | ||
8 | width="100%" | ||
9 | height="100%" | ||
10 | :options="options"></Echart> | 4 | :options="options"></Echart> |
11 | </template> | 5 | </template> |
12 | 6 | ||
13 | <script> | 7 | <script> |
14 | import Echart from "@/common/echart"; | 8 | import Echart from "@/common/echart"; |
15 | import { mapGetters } from "vuex"; | 9 | import { mapGetters } from "vuex"; |
16 | export default { | 10 | export default { |
17 | data () { | 11 | data () { |
18 | return { | 12 | return { |
19 | options: {}, | 13 | options: {}, |
... | @@ -34,7 +28,6 @@ | ... | @@ -34,7 +28,6 @@ |
34 | }, | 28 | }, |
35 | }, | 29 | }, |
36 | mounted () { | 30 | mounted () { |
37 | |||
38 | window.addEventListener("resize", () => { | 31 | window.addEventListener("resize", () => { |
39 | this.key++; | 32 | this.key++; |
40 | }); | 33 | }); |
... | @@ -79,7 +72,7 @@ | ... | @@ -79,7 +72,7 @@ |
79 | visualMap: { | 72 | visualMap: { |
80 | min: 0, | 73 | min: 0, |
81 | max: _this.max, | 74 | max: _this.max, |
82 | bottom: "13%", | 75 | bottom: "12%", |
83 | left: 50, | 76 | left: 50, |
84 | splitNumber: 6, | 77 | splitNumber: 6, |
85 | seriesIndex: [0], | 78 | seriesIndex: [0], |
... | @@ -255,6 +248,6 @@ | ... | @@ -255,6 +248,6 @@ |
255 | }); | 248 | }); |
256 | }, | 249 | }, |
257 | }, | 250 | }, |
258 | }; | 251 | }; |
259 | </script> | 252 | </script> |
260 | <style></style> | 253 | <style></style> | ... | ... |
... | @@ -11,9 +11,9 @@ | ... | @@ -11,9 +11,9 @@ |
11 | </template> | 11 | </template> |
12 | 12 | ||
13 | <script> | 13 | <script> |
14 | import maps from "@/components/Echart/Map"; | 14 | import maps from "@/components/Echart/Map"; |
15 | import brokenline from "@/components/Echart/Brokenline"; | 15 | import brokenline from "@/components/Echart/Brokenline"; |
16 | export default { | 16 | export default { |
17 | data () { | 17 | data () { |
18 | return {}; | 18 | return {}; |
19 | }, | 19 | }, |
... | @@ -21,12 +21,12 @@ | ... | @@ -21,12 +21,12 @@ |
21 | mounted () { }, | 21 | mounted () { }, |
22 | beforeDestroy () { }, | 22 | beforeDestroy () { }, |
23 | methods: {}, | 23 | methods: {}, |
24 | }; | 24 | }; |
25 | </script> | 25 | </script> |
26 | 26 | ||
27 | <style lang="scss" scoped> | 27 | <style lang="scss" scoped> |
28 | .centercard { | 28 | .centercard { |
29 | width: 44%; | 29 | width: 40%; |
30 | height: calc(100vh - 114px); | 30 | height: calc(100vh - 114px); |
31 | box-sizing: border-box; | 31 | box-sizing: border-box; |
32 | padding: 0 0.0521rem; | 32 | padding: 0 0.0521rem; |
... | @@ -75,10 +75,11 @@ | ... | @@ -75,10 +75,11 @@ |
75 | text-align: center; | 75 | text-align: center; |
76 | margin-bottom: 0.0521rem; | 76 | margin-bottom: 0.0521rem; |
77 | } | 77 | } |
78 | |||
78 | .brokenline { | 79 | .brokenline { |
79 | margin: auto; | 80 | margin: auto; |
80 | width: 100%; | 81 | width: 100%; |
81 | } | 82 | } |
82 | } | 83 | } |
83 | } | 84 | } |
84 | </style> | 85 | </style> | ... | ... |
... | @@ -118,7 +118,7 @@ export default { | ... | @@ -118,7 +118,7 @@ export default { |
118 | 118 | ||
119 | <style lang="scss" scoped> | 119 | <style lang="scss" scoped> |
120 | .leftcard { | 120 | .leftcard { |
121 | width: 32%; | 121 | width: 30%; |
122 | display: flex; | 122 | display: flex; |
123 | height: calc(100vh - 114px); | 123 | height: calc(100vh - 114px); |
124 | flex-direction: column; | 124 | flex-direction: column; | ... | ... |
... | @@ -19,10 +19,10 @@ | ... | @@ -19,10 +19,10 @@ |
19 | </template> | 19 | </template> |
20 | 20 | ||
21 | <script> | 21 | <script> |
22 | import columnarsmat from "@/components/Echart/Columnarsmat"; | 22 | import columnarsmat from "@/components/Echart/Columnarsmat"; |
23 | import Rose from "@/components/Echart/Rose"; | 23 | import Rose from "@/components/Echart/Rose"; |
24 | import work from "@/api/work"; | 24 | import work from "@/api/work"; |
25 | export default { | 25 | export default { |
26 | data () { | 26 | data () { |
27 | return { | 27 | return { |
28 | config: { | 28 | config: { |
... | @@ -70,15 +70,15 @@ | ... | @@ -70,15 +70,15 @@ |
70 | 70 | ||
71 | }, | 71 | }, |
72 | }, | 72 | }, |
73 | } | 73 | } |
74 | </script> | 74 | </script> |
75 | <style lang="scss" scoped> | 75 | <style lang="scss" scoped> |
76 | /deep/.row-item:not(:last-child) { | 76 | /deep/.row-item:not(:last-child) { |
77 | margin-bottom: 0.026rem; | 77 | margin-bottom: 0.026rem; |
78 | } | 78 | } |
79 | 79 | ||
80 | .rightcard { | 80 | .rightcard { |
81 | width: 32%; | 81 | width: 30%; |
82 | display: flex; | 82 | display: flex; |
83 | height: calc(100vh - 114px); | 83 | height: calc(100vh - 114px); |
84 | flex-direction: column; | 84 | flex-direction: column; |
... | @@ -121,20 +121,24 @@ | ... | @@ -121,20 +121,24 @@ |
121 | height: 33%; | 121 | height: 33%; |
122 | background: url("~@/image/xjgyfwxx.png") no-repeat; | 122 | background: url("~@/image/xjgyfwxx.png") no-repeat; |
123 | background-size: 100% 100%; | 123 | background-size: 100% 100%; |
124 | |||
124 | /deep/.dv-scroll-board { | 125 | /deep/.dv-scroll-board { |
125 | .header { | 126 | .header { |
126 | height: 0.1875rem; | 127 | height: 0.1875rem; |
127 | align-items: center; | 128 | align-items: center; |
128 | } | 129 | } |
129 | } | 130 | } |
131 | |||
130 | .board { | 132 | .board { |
131 | width: 90%; | 133 | width: 90%; |
132 | margin: 0 auto; | 134 | margin: 0 auto; |
133 | height: 1.1031rem; | 135 | height: 1.1031rem; |
134 | margin-top: 0.0521rem; | 136 | margin-top: 0.0521rem; |
137 | |||
135 | /deep/.header { | 138 | /deep/.header { |
136 | font-size: 0.0738rem; | 139 | font-size: 0.0738rem; |
137 | } | 140 | } |
141 | |||
138 | /deep/.rows { | 142 | /deep/.rows { |
139 | .ceil { | 143 | .ceil { |
140 | font-size: 0.0738rem; | 144 | font-size: 0.0738rem; |
... | @@ -167,5 +171,5 @@ | ... | @@ -167,5 +171,5 @@ |
167 | .cardhead { | 171 | .cardhead { |
168 | position: absolute; | 172 | position: absolute; |
169 | } | 173 | } |
170 | } | 174 | } |
171 | </style> | 175 | </style> | ... | ... |
-
Please register or sign in to post a comment