Skip to content

bdc / bdcjg-web

Go to a project
Toggle navigation
Toggle navigation pinning
778b7e00 by 任超
Options

feat:引入配置文件

2 parents 0752255d f55854f3
Expand all
Inline Side-by-side
Showing 5 changed files with 190 additions and 185 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';
......
...@@ -11,74 +11,75 @@ ...@@ -11,74 +11,75 @@
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 },
20 components: { maps, brokenline }, 20 components: { maps, brokenline },
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;
33 display: flex; 33 display: flex;
34 flex-direction: column; 34 flex-direction: column;
35 35
36 .card1 { 36 .card1 {
37 width: 100%; 37 width: 100%;
38 background: url("~@/image/mapcenter.png") no-repeat; 38 background: url("~@/image/mapcenter.png") no-repeat;
39 background-size: 100% 100%; 39 background-size: 100% 100%;
40 position: relative; 40 position: relative;
41 height: 64%; 41 height: 64%;
42 42
43 .title { 43 .title {
44 position: absolute; 44 position: absolute;
45 font-weight: bold; 45 font-weight: bold;
46 color: #02d9fd; 46 color: #02d9fd;
47 line-height: 0.1354rem; 47 line-height: 0.1354rem;
48 font-size: 0.1146rem; 48 font-size: 0.1146rem;
49 position: absolute; 49 position: absolute;
50 left: 0; 50 left: 0;
51 right: 0; 51 right: 0;
52 top: 0.0365rem; 52 top: 0.0365rem;
53 text-align: right; 53 text-align: right;
54 padding-right: 15%; 54 padding-right: 15%;
55 }
56 } 55 }
56 }
57 57
58 .card2 { 58 .card2 {
59 width: 100%; 59 width: 100%;
60 background: url("~@/image/sjqs.png") no-repeat; 60 background: url("~@/image/sjqs.png") no-repeat;
61 background-size: 100% 100%; 61 background-size: 100% 100%;
62 position: relative; 62 position: relative;
63 flex: 1; 63 flex: 1;
64 64
65 .title { 65 .title {
66 position: absolute; 66 position: absolute;
67 font-weight: bold; 67 font-weight: bold;
68 color: #02d9fd; 68 color: #02d9fd;
69 line-height: 0.1354rem; 69 line-height: 0.1354rem;
70 font-size: 0.1146rem; 70 font-size: 0.1146rem;
71 position: absolute; 71 position: absolute;
72 left: 0; 72 left: 0;
73 right: 0; 73 right: 0;
74 top: 0.0365rem; 74 top: 0.0365rem;
75 text-align: center; 75 text-align: center;
76 margin-bottom: 0.0521rem; 76 margin-bottom: 0.0521rem;
77 } 77 }
78 .brokenline { 78
79 margin: auto; 79 .brokenline {
80 width: 100%; 80 margin: auto;
81 } 81 width: 100%;
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,153 +19,157 @@ ...@@ -19,153 +19,157 @@
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: {
29 headerBGC: '#016AC5', 29 headerBGC: '#016AC5',
30 oddRowBGC: '#154295', 30 oddRowBGC: '#154295',
31 evenRowBGC: '#154295', 31 evenRowBGC: '#154295',
32 header: ['序号', '业务名称', '登记业务量'], 32 header: ['序号', '业务名称', '登记业务量'],
33 columnWidth: [120, 270, 140], 33 columnWidth: [120, 270, 140],
34 data: [], 34 data: [],
35 key: 0 35 key: 0
36 }
37 } 36 }
38 }, 37 }
39 components: { columnarsmat, Rose }, 38 },
40 mounted () { 39 components: { columnarsmat, Rose },
40 mounted () {
41 this.getdjywltotal();
42 window.addEventListener("resize", () => {
43 this.cdata.seriesData = [];
41 this.getdjywltotal(); 44 this.getdjywltotal();
42 window.addEventListener("resize", () => { 45 });
43 this.cdata.seriesData = []; 46 // scroll(tableref.value.$refs.bodyWrapper);//设置滚动
44 this.getdjywltotal(); 47 },
45 }); 48 methods: {
46 // scroll(tableref.value.$refs.bodyWrapper);//设置滚动 49 // 获取登记业务量玫瑰图数据
47 }, 50 async getdjywltotal () {
48 methods: { 51 try {
49 // 获取登记业务量玫瑰图数据 52 let p = {
50 async getdjywltotal () { 53 DJLX: "",
51 try { 54 QLLX: "",
52 let p = { 55 XZQDM: "",
53 DJLX: "", 56 };
54 QLLX: "", 57
55 XZQDM: "", 58 let res = await work.getdjywltotal(p);
56 }; 59 res.result.map((item, index) => {
57 60 this.config.data.push([index, item.AREACODE, item.ywtotal])
58 let res = await work.getdjywltotal(p); 61
59 res.result.map((item, index) => { 62 });
60 this.config.data.push([index, item.AREACODE, item.ywtotal]) 63
61 64 // 遍历修改数组键，作为echars图表的参数
62 }); 65
63 66
64 // 遍历修改数组键，作为echars图表的参数 67 } catch (error) {
65 68 console.log(error);
66 69 }
67 } catch (error) {
68 console.log(error);
69 }
70 70
71 },
72 }, 71 },
73 } 72 },
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 }
79
80 .rightcard {
81 width: 30%;
82 display: flex;
83 height: calc(100vh - 114px);
84 flex-direction: column;
85
86 .cardhead {
87 font-size: 0.1042rem;
88 font-weight: bold;
89 color: #02d9fd;
90 text-align: center;
91 position: absolute;
92 left: 0;
93 right: 0;
94 top: 0.0625rem;
95 text-align: center;
78 } 96 }
79 97
80 .rightcard { 98 .cardcontent {
81 width: 32%; 99 width: 100%;
82 display: flex; 100 height: 100%;
83 height: calc(100vh - 114px); 101 display: -webkit-box;
84 flex-direction: column; 102 overflow: hidden;
85 103
86 .cardhead { 104 .nodata {
87 font-size: 0.1042rem; 105 font-size: 0.1042rem;
88 font-weight: bold;
89 color: #02d9fd; 106 color: #02d9fd;
90 text-align: center; 107 font-weight: bold;
91 position: absolute; 108 margin: auto;
92 left: 0; 109 margin-top: 120px;
93 right: 0;
94 top: 0.0625rem;
95 text-align: center;
96 } 110 }
111 }
97 112
98 .cardcontent { 113 .cardCon {
99 width: 100%; 114 padding: 0.0521rem 0.026rem;
100 height: 100%; 115 position: relative;
101 display: -webkit-box; 116 text-align: center;
102 overflow: hidden; 117 width: 100%;
103 118 }
104 .nodata { 119
105 font-size: 0.1042rem; 120 .card1 {
106 color: #02d9fd; 121 height: 33%;
107 font-weight: bold; 122 background: url("~@/image/xjgyfwxx.png") no-repeat;
108 margin: auto; 123 background-size: 100% 100%;
109 margin-top: 120px; 124
125 /deep/.dv-scroll-board {
126 .header {
127 height: 0.1875rem;
128 align-items: center;
110 } 129 }
111 } 130 }
112 131
113 .cardCon { 132 .board {
114 padding: 0.0521rem 0.026rem; 133 width: 90%;
115 position: relative; 134 margin: 0 auto;
116 text-align: center; 135 height: 1.1031rem;
117 width: 100%; 136 margin-top: 0.0521rem;
118 }
119 137
120 .card1 { 138 /deep/.header {
121 height: 33%; 139 font-size: 0.0738rem;
122 background: url("~@/image/xjgyfwxx.png") no-repeat;
123 background-size: 100% 100%;
124 /deep/.dv-scroll-board {
125 .header {
126 height: 0.1875rem;
127 align-items: center;
128 }
129 } 140 }
130 .board { 141
131 width: 90%; 142 /deep/.rows {
132 margin: 0 auto; 143 .ceil {
133 height: 1.1031rem;
134 margin-top: 0.0521rem;
135 /deep/.header {
136 font-size: 0.0738rem; 144 font-size: 0.0738rem;
137 } 145 color: #6bc1fc;
138 /deep/.rows {
139 .ceil {
140 font-size: 0.0738rem;
141 color: #6bc1fc;
142 }
143 } 146 }
144 } 147 }
145 } 148 }
149 }
146 150
147 .card2 { 151 .card2 {
148 height: 33%; 152 height: 33%;
149 background: url("~@/image/djywl.png") no-repeat; 153 background: url("~@/image/djywl.png") no-repeat;
150 background-size: 100% 100%; 154 background-size: 100% 100%;
151 padding: 0.3825rem 0 0 0; 155 padding: 0.3825rem 0 0 0;
152 overflow: hidden; 156 overflow: hidden;
153 } 157 }
154
155 .card3 {
156 height: 33%;
157 flex: 1;
158 background: url("~@/image/djlxzl.png") no-repeat;
159 background-size: 100% 100%;
160 padding-bottom: 0;
161 158
162 .cardhead { 159 .card3 {
163 top: 0.0417rem; 160 height: 33%;
164 } 161 flex: 1;
165 } 162 background: url("~@/image/djlxzl.png") no-repeat;
163 background-size: 100% 100%;
164 padding-bottom: 0;
166 165
167 .cardhead { 166 .cardhead {
168 position: absolute; 167 top: 0.0417rem;
169 } 168 }
170 } 169 }
170
171 .cardhead {
172 position: absolute;
173 }
174 }
171 </style> 175 </style>
......