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