manage-client 3.2.103-1 → 3.2.103-4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (27) hide show
  1. package/build/webpack.base.conf.js +1 -0
  2. package/package.json +1 -1
  3. package/src/components/daping/CallCenter.vue +378 -366
  4. package/src/components/daping/DataManagement.vue +543 -537
  5. package/src/components/daping/SafeCheckRing.vue +2 -1
  6. package/src/components/daping/SafecheckBarChart.vue +17 -8
  7. package/src/components/daping/json/dataManage.json +26 -0
  8. package/src/components/sale/businessquery/BusinessManage.vue +12 -0
  9. package/src/components/sale/config/exportConfig.js +27 -6
  10. package/src/components/sale/config/tableConfig.js +1 -1
  11. package/src/components/valueaddinfo/ValueAddinfoQuery.vue +408 -0
  12. package/src/components/valueaddinfo/renewalvalueAddUserQuery.vue +371 -0
  13. package/src/components/valueaddinfo/valueAddCountQuery.vue +315 -0
  14. package/src/components/valueaddinfo/valueAddUserQuery.vue +392 -0
  15. package/src/components/webmeter/DrillData/UserGasAll.vue +1 -1
  16. package/src/components/webmeter/DrillData/UserLostContactAnalysis.vue +2 -2
  17. package/src/components/webmeter/meterinfo/NewMeterList.vue +10 -3
  18. package/src/components/webmeter/report/ReportList.vue +1 -1
  19. package/src/components/webmeter/reportdata/ReportDataQuery.vue +1 -1
  20. package/src/filiale/jingwei/RecordInfoQuery.vue +40 -1
  21. package/src/filiale/qianneng/GasLossQuery.vue +632 -0
  22. package/src/filiale/qianneng/HandplanQuery.vue +1 -0
  23. package/src/filiale/qianneng/sale.js +1 -1
  24. package/src/filiale/shaoguan/TransferQuery.vue +8 -3
  25. package/src/newmanage.js +11 -1
  26. package/src/saleManage.js +15 -1
  27. package/src/webmeterManage.js +1 -1
@@ -1,366 +1,378 @@
1
- <template>
2
- <div class="flex" style="width: 100%;height: 100%">
3
- <div style="height:49%;margin-top: 2%;" class="flex-row">
4
- <div style="width:30%;height:100%">
5
- <div class=" flex">
6
- <div class="col-sm-12" style="height: auto;padding-left: 4%;margin:8%">
7
- <span class="pf-title">热线</span>
8
- </div>
9
-
10
- <div class="flex-row ">
11
- <span style="text-align: center" class="text-1 col-sm-6">当年总呼入量</span>
12
- <span style="text-align: center" class="text-1 col-sm-6">当年总报修量</span>
13
-
14
- </div>
15
- <div class="flex-row " style="margin-top:1em">
16
- <p style="color:#35ffff;text-align: center" class="col-sm-6"><span class="hujiao-font-title">{{callData.yearamount}}</span>
17
- </p>
18
- <p style="color:#ffc21f;text-align: center" class="col-sm-6"><span class="hujiao-font-title">{{callData.sumsend}}</span>
19
- </p>
20
-
21
- </div>
22
-
23
- <div class="flex-row hujiao-title">
24
- <span style="text-align: center" class="text-1 col-sm-6">当年人工接听量</span>
25
- <span style="text-align: center" class="text-1 col-sm-6">当年总呼出量</span>
26
- </div>
27
- <div class="flex-row hujiao-title">
28
- <p class="col-sm-6" style="color:#e75050;text-align: center"><span class="hujiao-font-title">{{callData.dayamount}}</span>
29
- </p>
30
- <p class="col-sm-6" style="color:#2189cf;text-align: center"><span class="hujiao-font-title">{{callData.sumwmm}}</span>
31
- </p>
32
-
33
- </div>
34
-
35
- </div>
36
-
37
- </div>
38
- <div style="width:69%;height:100%">
39
- <!-- <div style="width: 100%;height: 10%;margin-top:1em">
40
- <span :class="[param?'class1':'class2']" style="cursor: pointer;font-size:14px;padding:0 10px;" @click="getDay">近7天</span>
41
- <span :class="[param?'class2':'class1']" style="cursor: pointer;font-size:14px;padding:0 10px;" @click="getMonth">近六个月</span>
42
-
43
- </div> -->
44
- <div style="width: 100%;height: 100%">
45
- <bar-chart-line></bar-chart-line>
46
- </div>
47
- </div>
48
-
49
-
50
- </div>
51
- <div class="flex-row" style="height:49%;width:100%">
52
- <div class="call" style="width:55%;height:100%">
53
- <div class="flex-row scada-title">
54
- <span class="font-title flex-1"></span>
55
- <span class="font-title flex-1">{{year-1}}年</span>
56
- <span class="font-title flex-1">{{year}}年</span>
57
- <span class="font-title flex-1">较上年同期</span>
58
- </div>
59
- <div class="flex-row scada-title" v-for="item in arrs">
60
- <span class="font-1 flex-1">{{item.name}}</span>
61
- <span :class="[$index%2===0?'color1': 'color2']" class="flex-1">{{item.lastyear}}</span>
62
- <span :class="[$index%2===0?'color1': 'color2']" class="flex-1">{{item.year}}</span>
63
- <span class="font-2 flex-1" v-if="item.addvalue>=0">{{item.addvalue}}%<img
64
- src="../../../static/NewManageHome/green.png" class="flip" style=";margin-left:5px"></span>
65
- <span class="font-2 flex-1" v-if="item.addvalue<0">{{Math.abs(item.addvalue)}}%<img
66
- src="../../../static/NewManageHome/图层527.png" class="flip" style="margin-left:5px;"></span>
67
- </div>
68
- </div>
69
- <div class="call" style="width:45%;height:100%">
70
- <div class="flex-row scada-title" style="border:1px solid #227ad8">
71
- <span class="font-title flex-1">营业厅</span>
72
- <span class="font-title flex-1">昨日派单量</span>
73
- <span class="font-title flex-1">工单完成率</span>
74
- </div>
75
- <div class="flex-row scada-title" style="background:rgba(1,44,69,1)" v-for="item in items">
76
- <span class="font-14 flex-1" style="color:#35ffff;font-family: pFMedium">{{item.name}}</span>
77
- <span class="font-14 flex-1" style="color:#35ffff;font-family: pFBold">{{item.value}}</span>
78
- <span class="font-14 flex-1" style="color:#35ffff;font-family: pFBold">{{item.addvalue}}%</span>
79
- </div>
80
- </div>
81
- </div>
82
- </div>
83
- </template>
84
-
85
- <script>
86
- import {HttpResetClass} from "vue-client";
87
-
88
- export default {
89
- title: '收费',
90
- data() {
91
- return {
92
- callData: {},
93
- year: 2021,
94
- param: 1,
95
- items: [],
96
- arrs: [
97
- {name: '昨日呼入量', sum: '2368', in: '4125', current: '50'},
98
- {name: '昨日派单量', sum: '995', in: '1497', current: '40'}
99
- ]
100
- }
101
- },
102
- methods: {
103
- getDay() {
104
- this.param = 1
105
- },
106
- getMonth() {
107
- this.param = 0
108
- },
109
- },
110
- ready() {
111
- let dt = new Date()
112
- this.year = dt.getFullYear()
113
- console.log("这是测试的")
114
- let load1 = new HttpResetClass()
115
- let load2 = new HttpResetClass()
116
- let load3 = new HttpResetClass()
117
- load1.load('POST', 'rs/sql/getCallSum', {data: {}}, {rejectMsg: null, resolveMsg: null}).then((res) => {
118
- this.callData = res.data[0]
119
- })
120
- load2.load('POST', 'rs/sql/getCallSumCompare', {data: {}}, {rejectMsg: null, resolveMsg: null}).then((rea) => {
121
- this.arrs = rea.data
122
- })
123
- load3.load('POST', 'rs/sql/getCallSumByUnit', {data: {}}, {rejectMsg: null, resolveMsg: null}).then((ret) => {
124
- this.items = ret.data
125
- // this.items =ret.data
126
- // this.items.push(ret.data.filter((item) => item.name === "滨河")[0])
127
- // this.items.push(ret.data.filter((item) => item.name === "乌达")[0])
128
- // this.items.push(ret.data.filter((item) => item.name === "海勃湾")[0])
129
- })
130
-
131
- },
132
- props: {}
133
- }
134
- </script>
135
- <style scoped>
136
- @media screen and (max-width: 1920px) {
137
- .flip {
138
- transform: rotate(180deg);
139
- -ms-transform: rotate(180deg); /* Internet Explorer */
140
- -moz-transform: rotate(180deg); /* Firefox */
141
- -webkit-transform: rotate(180deg); /* Safari 和 Chrome */
142
- }
143
-
144
- .call {
145
- display: flex;
146
- flex-direction: column;
147
- justify-content: space-evenly;
148
- padding: 1em 2em 1em 0;
149
- }
150
-
151
- .hujiao-title {
152
- justify-content: space-around;
153
- flex-direction: row;
154
- height: auto;
155
- }
156
-
157
- .hujiao-font-title {
158
- font-size: 24px;
159
- font-weight: bolder;
160
- }
161
-
162
- .font-title {
163
- font-size: 14px;
164
- color: white
165
- }
166
-
167
- .font-14 {
168
- font-size: 14px;
169
- }
170
-
171
- .font-12 {
172
- font-size: 12px;
173
- color: white
174
- }
175
-
176
- .class1 {
177
- background: #012c45;
178
- color: #01c5ba;
179
- border: 1px solid #01c5ba
180
- }
181
-
182
- .class2 {
183
- background: #011332;
184
- color: #426164;
185
- border: 1px solid #013544;
186
- }
187
-
188
- .flex-1 {
189
- flex: 1;
190
- text-align: center;
191
- }
192
-
193
- .scada-title {
194
- justify-content: space-around;
195
- flex-direction: row;
196
- height: auto;
197
- }
198
-
199
- .text-1 {
200
- font-family: pFMedium;
201
- font-size: 16px;
202
- font-weight: normal;
203
- font-stretch: normal;
204
- line-height: 35px;
205
- letter-spacing: 0px;
206
- color: #b8cee4;
207
- }
208
-
209
- .color1 {
210
- font-family: pFMedium;
211
- font-size: 20px;
212
- font-weight: normal;
213
- font-stretch: normal;
214
- line-height: 26px;
215
- letter-spacing: 0px;
216
- color: #00f6ff;
217
- }
218
-
219
- .color2 {
220
- font-family: pFMedium;
221
- font-size: 20px;
222
- font-weight: normal;
223
- font-stretch: normal;
224
- line-height: 26px;
225
- letter-spacing: 0px;
226
- color: #0096ff;
227
- }
228
-
229
- .font-1 {
230
- font-family: pFRegular;
231
- font-size: 16px;
232
- font-weight: normal;
233
- font-stretch: normal;
234
- line-height: 26px;
235
- letter-spacing: 0px;
236
- color: #ffffff;
237
- }
238
-
239
- .font-2 {
240
- font-family: pFMedium;
241
- font-size: 20px;
242
- font-weight: normal;
243
- font-stretch: normal;
244
- line-height: 26px;
245
- letter-spacing: 0px;
246
- color: #ffffff;
247
- }
248
- }
249
-
250
- @media screen and (max-width: 1440px) {
251
- .flip {
252
- transform: rotate(180deg);
253
- -ms-transform: rotate(180deg); /* Internet Explorer */
254
- -moz-transform: rotate(180deg); /* Firefox */
255
- -webkit-transform: rotate(180deg); /* Safari 和 Chrome */
256
- }
257
-
258
- .call {
259
- display: flex;
260
- flex-direction: column;
261
- justify-content: space-evenly;
262
- padding: 1em 2em 1em 0;
263
- }
264
-
265
- .hujiao-title {
266
- justify-content: space-around;
267
- flex-direction: row;
268
- height: auto;
269
- }
270
-
271
- .hujiao-font-title {
272
- font-size: 20px;
273
- font-weight: bolder;
274
- }
275
-
276
- .font-title {
277
- font-size: 12px;
278
- color: white
279
- }
280
-
281
- .font-14 {
282
- font-size: 12px;
283
- }
284
-
285
- .font-12 {
286
- font-size: 10px;
287
- color: white
288
- }
289
-
290
- .class1 {
291
- background: #012c45;
292
- color: #01c5ba;
293
- border: 1px solid #01c5ba
294
- }
295
-
296
- .class2 {
297
- background: #011332;
298
- color: #426164;
299
- border: 1px solid #013544;
300
- }
301
-
302
- .flex-1 {
303
- flex: 1;
304
- text-align: center;
305
- }
306
-
307
- .scada-title {
308
- justify-content: space-around;
309
- flex-direction: row;
310
- height: auto;
311
- }
312
-
313
- .text-1 {
314
- font-family: pFMedium;
315
- font-size: 12px;
316
- font-weight: normal;
317
- font-stretch: normal;
318
- line-height: 35px;
319
- letter-spacing: 0px;
320
- color: #b8cee4;
321
- }
322
-
323
- .color1 {
324
- font-family: pFMedium;
325
- font-size: 14px;
326
- font-weight: normal;
327
- font-stretch: normal;
328
- line-height: 26px;
329
- letter-spacing: 0px;
330
- color: #00f6ff;
331
- }
332
-
333
- .color2 {
334
- font-family: pFMedium;
335
- font-size: 14px;
336
- font-weight: normal;
337
- font-stretch: normal;
338
- line-height: 26px;
339
- letter-spacing: 0px;
340
- color: #0096ff;
341
- }
342
-
343
- .font-1 {
344
- font-family: pFRegular;
345
- font-size: 12px;
346
- font-weight: normal;
347
- font-stretch: normal;
348
- line-height: 26px;
349
- letter-spacing: 0px;
350
- color: #ffffff;
351
- }
352
-
353
- .font-2 {
354
- font-family: pFMedium;
355
- font-size: 14px;
356
- font-weight: normal;
357
- font-stretch: normal;
358
- line-height: 26px;
359
- letter-spacing: 0px;
360
- color: #ffffff;
361
- }
362
- }
363
-
364
- /**/
365
- </style>
366
-
1
+ <!--<template>-->
2
+ <!-- <div class="flex" style="width: 100%;height: 100%">-->
3
+ <!-- <div style="height:49%;margin-top: 2%;" class="flex-row">-->
4
+ <!-- <div style="width:30%;height:100%">-->
5
+ <!-- <div class=" flex">-->
6
+ <!-- <div class="col-sm-12" style="height: auto;padding-left: 4%;margin:8%">-->
7
+ <!-- <span class="pf-title">热线</span>-->
8
+ <!-- </div>-->
9
+
10
+ <!-- <div class="flex-row ">-->
11
+ <!-- <span style="text-align: center" class="text-1 col-sm-6">当年总呼入量</span>-->
12
+ <!-- <span style="text-align: center" class="text-1 col-sm-6">当年总报修量</span>-->
13
+
14
+ <!-- </div>-->
15
+ <!-- <div class="flex-row " style="margin-top:1em">-->
16
+ <!-- <p style="color:#35ffff;text-align: center" class="col-sm-6"><span class="hujiao-font-title">{{callData.yearamount}}</span>-->
17
+ <!-- </p>-->
18
+ <!-- <p style="color:#ffc21f;text-align: center" class="col-sm-6"><span class="hujiao-font-title">{{callData.sumsend}}</span>-->
19
+ <!-- </p>-->
20
+
21
+ <!-- </div>-->
22
+
23
+ <!-- <div class="flex-row hujiao-title">-->
24
+ <!-- <span style="text-align: center" class="text-1 col-sm-6">当年人工接听量</span>-->
25
+ <!-- <span style="text-align: center" class="text-1 col-sm-6">当年总呼出量</span>-->
26
+ <!-- </div>-->
27
+ <!-- <div class="flex-row hujiao-title">-->
28
+ <!-- <p class="col-sm-6" style="color:#e75050;text-align: center"><span class="hujiao-font-title">{{callData.dayamount}}</span>-->
29
+ <!-- </p>-->
30
+ <!-- <p class="col-sm-6" style="color:#2189cf;text-align: center"><span class="hujiao-font-title">{{callData.sumwmm}}</span>-->
31
+ <!-- </p>-->
32
+
33
+ <!-- </div>-->
34
+
35
+ <!-- </div>-->
36
+
37
+ <!-- </div>-->
38
+ <!-- <div style="width:69%;height:100%">-->
39
+ <!-- &lt;!&ndash; <div style="width: 100%;height: 10%;margin-top:1em">-->
40
+ <!-- <span :class="[param?'class1':'class2']" style="cursor: pointer;font-size:14px;padding:0 10px;" @click="getDay">近7天</span>-->
41
+ <!-- <span :class="[param?'class2':'class1']" style="cursor: pointer;font-size:14px;padding:0 10px;" @click="getMonth">近六个月</span>-->
42
+
43
+ <!-- </div> &ndash;&gt;-->
44
+ <!-- <div style="width: 100%;height: 100%">-->
45
+ <!-- <bar-chart-line></bar-chart-line>-->
46
+ <!-- </div>-->
47
+ <!-- </div>-->
48
+
49
+
50
+ <!-- </div>-->
51
+ <!-- <div class="flex-row" style="height:49%;width:100%">-->
52
+ <!-- <div class="call" style="width:55%;height:100%">-->
53
+ <!-- <div class="flex-row scada-title">-->
54
+ <!-- <span class="font-title flex-1"></span>-->
55
+ <!-- <span class="font-title flex-1">{{year-1}}年</span>-->
56
+ <!-- <span class="font-title flex-1">{{year}}年</span>-->
57
+ <!-- <span class="font-title flex-1">较上年同期</span>-->
58
+ <!-- </div>-->
59
+ <!-- <div class="flex-row scada-title" v-for="item in arrs">-->
60
+ <!-- <span class="font-1 flex-1">{{item.name}}</span>-->
61
+ <!-- <span :class="[$index%2===0?'color1': 'color2']" class="flex-1">{{item.lastyear}}</span>-->
62
+ <!-- <span :class="[$index%2===0?'color1': 'color2']" class="flex-1">{{item.year}}</span>-->
63
+ <!-- <span class="font-2 flex-1" v-if="item.addvalue>=0">{{item.addvalue}}%<img-->
64
+ <!-- src="../../../static/NewManageHome/green.png" class="flip" style=";margin-left:5px"></span>-->
65
+ <!-- <span class="font-2 flex-1" v-if="item.addvalue<0">{{Math.abs(item.addvalue)}}%<img-->
66
+ <!-- src="../../../static/NewManageHome/图层527.png" class="flip" style="margin-left:5px;"></span>-->
67
+ <!-- </div>-->
68
+ <!-- </div>-->
69
+ <!-- <div class="call" style="width:45%;height:100%">-->
70
+ <!-- <div class="flex-row scada-title" style="border:1px solid #227ad8">-->
71
+ <!-- <span class="font-title flex-1">营业厅</span>-->
72
+ <!-- <span class="font-title flex-1">昨日派单量</span>-->
73
+ <!-- <span class="font-title flex-1">工单完成率</span>-->
74
+ <!-- </div>-->
75
+ <!-- <div class="flex-row scada-title" style="background:rgba(1,44,69,1)" v-for="item in items">-->
76
+ <!-- <span class="font-14 flex-1" style="color:#35ffff;font-family: pFMedium">{{item.name}}</span>-->
77
+ <!-- <span class="font-14 flex-1" style="color:#35ffff;font-family: pFBold">{{item.value}}</span>-->
78
+ <!-- <span class="font-14 flex-1" style="color:#35ffff;font-family: pFBold">{{item.addvalue}}%</span>-->
79
+ <!-- </div>-->
80
+ <!-- </div>-->
81
+ <!-- </div>-->
82
+ <!-- </div>-->
83
+ <!--</template>-->
84
+
85
+ <!--<script>-->
86
+ <!-- import {HttpResetClass} from 'vue-client'-->
87
+ <!-- import dataManage from 'src/components/daping/json/dataManage.json'-->
88
+ <!-- export default {-->
89
+ <!-- title: '收费',-->
90
+ <!-- data() {-->
91
+ <!-- return {-->
92
+ <!-- callData: {},-->
93
+ <!-- year: 2021,-->
94
+ <!-- param: 1,-->
95
+ <!-- items: [],-->
96
+ <!-- arrs: [-->
97
+ <!-- {name: '昨日呼入量', sum: '2368', in: '4125', current: '50'},-->
98
+ <!-- {name: '昨日派单量', sum: '995', in: '1497', current: '40'}-->
99
+ <!-- ]-->
100
+ <!-- }-->
101
+ <!-- },-->
102
+ <!-- methods: {-->
103
+ <!-- getDay() {-->
104
+ <!-- this.param = 1-->
105
+ <!-- },-->
106
+ <!-- getMonth() {-->
107
+ <!-- this.param = 0-->
108
+ <!-- },-->
109
+ <!-- },-->
110
+ <!-- ready() {-->
111
+ <!-- let dt = new Date()-->
112
+ <!-- this.year = dt.getFullYear()-->
113
+ <!-- console.log("这是测试的")-->
114
+ <!-- let load1 = new HttpResetClass()-->
115
+ <!-- let load2 = new HttpResetClass()-->
116
+ <!-- let load3 = new HttpResetClass()-->
117
+ <!-- if(!dataManage.callData){-->
118
+ <!-- load1.load('POST', 'rs/sql/getCallSum', {data: {}}, {rejectMsg: null, resolveMsg: null}).then((res) => {-->
119
+ <!-- this.callData = res.data[0]-->
120
+ <!-- })-->
121
+ <!-- } else {-->
122
+ <!-- this.callData = dataManage.callData-->
123
+ <!-- }-->
124
+ <!-- if (!dataManage.callSum) {-->
125
+ <!-- load2.load('POST', 'rs/sql/getCallSumCompare', {data: {}}, {rejectMsg: null, resolveMsg: null}).then((rea) => {-->
126
+ <!-- this.arrs = rea.data-->
127
+ <!-- })-->
128
+ <!-- } else {-->
129
+ <!-- this.arrs = dataManage.callSum-->
130
+ <!-- }-->
131
+ <!-- if (!dataManage.callSumByUnit) {-->
132
+ <!-- load3.load('POST', 'rs/sql/getCallSumByUnit', {data: {}}, {rejectMsg: null, resolveMsg: null}).then((ret) => {-->
133
+ <!-- ret.data-->
134
+ <!-- // this.items =ret.data-->
135
+ <!-- // this.items.push(ret.data.filter((item) => item.name === "滨河")[0])-->
136
+ <!-- // this.items.push(ret.data.filter((item) => item.name === "乌达")[0])-->
137
+ <!-- // this.items.push(ret.data.filter((item) => item.name === "海勃湾")[0])-->
138
+ <!-- })-->
139
+ <!-- } else {-->
140
+ <!-- this.items = dataManage.callSumByUnit-->
141
+ <!-- }-->
142
+
143
+ <!-- },-->
144
+ <!-- props: {}-->
145
+ <!-- }-->
146
+ <!--</script>-->
147
+ <!--<style scoped>-->
148
+ <!-- @media screen and (max-width: 1920px) {-->
149
+ <!-- .flip {-->
150
+ <!-- transform: rotate(180deg);-->
151
+ <!-- -ms-transform: rotate(180deg); /* Internet Explorer */-->
152
+ <!-- -moz-transform: rotate(180deg); /* Firefox */-->
153
+ <!-- -webkit-transform: rotate(180deg); /* Safari 和 Chrome */-->
154
+ <!-- }-->
155
+
156
+ <!-- .call {-->
157
+ <!-- display: flex;-->
158
+ <!-- flex-direction: column;-->
159
+ <!-- justify-content: space-evenly;-->
160
+ <!-- padding: 1em 2em 1em 0;-->
161
+ <!-- }-->
162
+
163
+ <!-- .hujiao-title {-->
164
+ <!-- justify-content: space-around;-->
165
+ <!-- flex-direction: row;-->
166
+ <!-- height: auto;-->
167
+ <!-- }-->
168
+
169
+ <!-- .hujiao-font-title {-->
170
+ <!-- font-size: 24px;-->
171
+ <!-- font-weight: bolder;-->
172
+ <!-- }-->
173
+
174
+ <!-- .font-title {-->
175
+ <!-- font-size: 14px;-->
176
+ <!-- color: white-->
177
+ <!-- }-->
178
+
179
+ <!-- .font-14 {-->
180
+ <!-- font-size: 14px;-->
181
+ <!-- }-->
182
+
183
+ <!-- .font-12 {-->
184
+ <!-- font-size: 12px;-->
185
+ <!-- color: white-->
186
+ <!-- }-->
187
+
188
+ <!-- .class1 {-->
189
+ <!-- background: #012c45;-->
190
+ <!-- color: #01c5ba;-->
191
+ <!-- border: 1px solid #01c5ba-->
192
+ <!-- }-->
193
+
194
+ <!-- .class2 {-->
195
+ <!-- background: #011332;-->
196
+ <!-- color: #426164;-->
197
+ <!-- border: 1px solid #013544;-->
198
+ <!-- }-->
199
+
200
+ <!-- .flex-1 {-->
201
+ <!-- flex: 1;-->
202
+ <!-- text-align: center;-->
203
+ <!-- }-->
204
+
205
+ <!-- .scada-title {-->
206
+ <!-- justify-content: space-around;-->
207
+ <!-- flex-direction: row;-->
208
+ <!-- height: auto;-->
209
+ <!-- }-->
210
+
211
+ <!-- .text-1 {-->
212
+ <!-- font-family: pFMedium;-->
213
+ <!-- font-size: 16px;-->
214
+ <!-- font-weight: normal;-->
215
+ <!-- font-stretch: normal;-->
216
+ <!-- line-height: 35px;-->
217
+ <!-- letter-spacing: 0px;-->
218
+ <!-- color: #b8cee4;-->
219
+ <!-- }-->
220
+
221
+ <!-- .color1 {-->
222
+ <!-- font-family: pFMedium;-->
223
+ <!-- font-size: 20px;-->
224
+ <!-- font-weight: normal;-->
225
+ <!-- font-stretch: normal;-->
226
+ <!-- line-height: 26px;-->
227
+ <!-- letter-spacing: 0px;-->
228
+ <!-- color: #00f6ff;-->
229
+ <!-- }-->
230
+
231
+ <!-- .color2 {-->
232
+ <!-- font-family: pFMedium;-->
233
+ <!-- font-size: 20px;-->
234
+ <!-- font-weight: normal;-->
235
+ <!-- font-stretch: normal;-->
236
+ <!-- line-height: 26px;-->
237
+ <!-- letter-spacing: 0px;-->
238
+ <!-- color: #0096ff;-->
239
+ <!-- }-->
240
+
241
+ <!-- .font-1 {-->
242
+ <!-- font-family: pFRegular;-->
243
+ <!-- font-size: 16px;-->
244
+ <!-- font-weight: normal;-->
245
+ <!-- font-stretch: normal;-->
246
+ <!-- line-height: 26px;-->
247
+ <!-- letter-spacing: 0px;-->
248
+ <!-- color: #ffffff;-->
249
+ <!-- }-->
250
+
251
+ <!-- .font-2 {-->
252
+ <!-- font-family: pFMedium;-->
253
+ <!-- font-size: 20px;-->
254
+ <!-- font-weight: normal;-->
255
+ <!-- font-stretch: normal;-->
256
+ <!-- line-height: 26px;-->
257
+ <!-- letter-spacing: 0px;-->
258
+ <!-- color: #ffffff;-->
259
+ <!-- }-->
260
+ <!-- }-->
261
+
262
+ <!-- @media screen and (max-width: 1440px) {-->
263
+ <!-- .flip {-->
264
+ <!-- transform: rotate(180deg);-->
265
+ <!-- -ms-transform: rotate(180deg); /* Internet Explorer */-->
266
+ <!-- -moz-transform: rotate(180deg); /* Firefox */-->
267
+ <!-- -webkit-transform: rotate(180deg); /* Safari 和 Chrome */-->
268
+ <!-- }-->
269
+
270
+ <!-- .call {-->
271
+ <!-- display: flex;-->
272
+ <!-- flex-direction: column;-->
273
+ <!-- justify-content: space-evenly;-->
274
+ <!-- padding: 1em 2em 1em 0;-->
275
+ <!-- }-->
276
+
277
+ <!-- .hujiao-title {-->
278
+ <!-- justify-content: space-around;-->
279
+ <!-- flex-direction: row;-->
280
+ <!-- height: auto;-->
281
+ <!-- }-->
282
+
283
+ <!-- .hujiao-font-title {-->
284
+ <!-- font-size: 20px;-->
285
+ <!-- font-weight: bolder;-->
286
+ <!-- }-->
287
+
288
+ <!-- .font-title {-->
289
+ <!-- font-size: 12px;-->
290
+ <!-- color: white-->
291
+ <!-- }-->
292
+
293
+ <!-- .font-14 {-->
294
+ <!-- font-size: 12px;-->
295
+ <!-- }-->
296
+
297
+ <!-- .font-12 {-->
298
+ <!-- font-size: 10px;-->
299
+ <!-- color: white-->
300
+ <!-- }-->
301
+
302
+ <!-- .class1 {-->
303
+ <!-- background: #012c45;-->
304
+ <!-- color: #01c5ba;-->
305
+ <!-- border: 1px solid #01c5ba-->
306
+ <!-- }-->
307
+
308
+ <!-- .class2 {-->
309
+ <!-- background: #011332;-->
310
+ <!-- color: #426164;-->
311
+ <!-- border: 1px solid #013544;-->
312
+ <!-- }-->
313
+
314
+ <!-- .flex-1 {-->
315
+ <!-- flex: 1;-->
316
+ <!-- text-align: center;-->
317
+ <!-- }-->
318
+
319
+ <!-- .scada-title {-->
320
+ <!-- justify-content: space-around;-->
321
+ <!-- flex-direction: row;-->
322
+ <!-- height: auto;-->
323
+ <!-- }-->
324
+
325
+ <!-- .text-1 {-->
326
+ <!-- font-family: pFMedium;-->
327
+ <!-- font-size: 12px;-->
328
+ <!-- font-weight: normal;-->
329
+ <!-- font-stretch: normal;-->
330
+ <!-- line-height: 35px;-->
331
+ <!-- letter-spacing: 0px;-->
332
+ <!-- color: #b8cee4;-->
333
+ <!-- }-->
334
+
335
+ <!-- .color1 {-->
336
+ <!-- font-family: pFMedium;-->
337
+ <!-- font-size: 14px;-->
338
+ <!-- font-weight: normal;-->
339
+ <!-- font-stretch: normal;-->
340
+ <!-- line-height: 26px;-->
341
+ <!-- letter-spacing: 0px;-->
342
+ <!-- color: #00f6ff;-->
343
+ <!-- }-->
344
+
345
+ <!-- .color2 {-->
346
+ <!-- font-family: pFMedium;-->
347
+ <!-- font-size: 14px;-->
348
+ <!-- font-weight: normal;-->
349
+ <!-- font-stretch: normal;-->
350
+ <!-- line-height: 26px;-->
351
+ <!-- letter-spacing: 0px;-->
352
+ <!-- color: #0096ff;-->
353
+ <!-- }-->
354
+
355
+ <!-- .font-1 {-->
356
+ <!-- font-family: pFRegular;-->
357
+ <!-- font-size: 12px;-->
358
+ <!-- font-weight: normal;-->
359
+ <!-- font-stretch: normal;-->
360
+ <!-- line-height: 26px;-->
361
+ <!-- letter-spacing: 0px;-->
362
+ <!-- color: #ffffff;-->
363
+ <!-- }-->
364
+
365
+ <!-- .font-2 {-->
366
+ <!-- font-family: pFMedium;-->
367
+ <!-- font-size: 14px;-->
368
+ <!-- font-weight: normal;-->
369
+ <!-- font-stretch: normal;-->
370
+ <!-- line-height: 26px;-->
371
+ <!-- letter-spacing: 0px;-->
372
+ <!-- color: #ffffff;-->
373
+ <!-- }-->
374
+ <!-- }-->
375
+
376
+ <!-- /**/-->
377
+ <!--</style>-->
378
+