system-phone 1.2.136 → 1.2.140

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.
@@ -1,635 +1,646 @@
1
- <template>
2
- <div class="loginbg" id="outheight">
3
- <!--输入框-->
4
- <div class="htmleaf-container">
5
- <div class="wrapper" :class="{'form-success': login}">
6
- <div class="container">
7
- <h3 style="color:white; margin-top: 15px">欢迎使用</h3>
8
- <p class="form" style="margin-top:{{margintop}}px">
9
- <input type="text" v-model="ename" class="usericon">
10
- <input :type="showpass==true?'text':'password'" v-model="password" class="psicon"><img :src="imageurl" style="width: 20px;margin-bottom: 5px;position: absolute;left: 62%;bottom: 43%;" alt="" @click="changepass()">
11
- <button type="button" id="login-button" @click.prevent="confirm()"><strong>登录</strong></button>
12
- </p>
13
- <div class="row">
14
- <img src="../assets/选中.png" style="width: 20px;margin-bottom: 5px" alt="" v-if="showsave"@click="showoff()">
15
- <img src="../assets/未选.png" style="width: 20px;margin-bottom: 5px" alt="" v-if="!showsave" @click="showon()">
16
- <span class="text-left font">记住密码</span>
17
- <img src="../assets/选中.png" style="width: 20px;margin-bottom: 5px" alt="" v-if="showauto == '1'"@click="showoff1()">
18
- <img src="../assets/未选.png" style="width: 20px;margin-bottom: 5px" alt="" v-if="showauto == '2'" @click="showon1()">
19
- <span class="text-left font">自动登录</span>
20
- <p></p>
21
- <span class="versionNumberText">版本号:{{versionNumber}}</span> <br>
22
- <span class="devicetext">设备码:{{deviceIemi}}</span>
23
- </div>
24
- </div>
25
- </div>
26
- </div>
27
- <!--<load-appdata @ready="onReady"></load-appdata>-->
28
- <div style="width: 100%;height: 100%;position: fixed;top: 0px;" v-show="loaderShow">
29
- <div id="loading" class="loading">登陆中...</div>
30
- </div>
31
- <modal :show.sync="modifyPassword" backdrop="false">
32
- <header slot="modal-header" class="modal-header">
33
- </header>
34
- <article slot="modal-body" class="modal-body">
35
- <modify-pass-word :sourse="login" :weak-password="weakPassword" v-if="modifyPassword" v-on:success="success"></modify-pass-word>
36
- </article>
37
- <footer slot="modal-footer" class="modal-footer">
38
- </footer>
39
- </modal>
40
- </div>
41
- </template>
42
- <script>
43
- import Vue from 'vue'
44
- import * as Util from '../Util'
45
- import JSEncrypt from 'jsencrypt'
46
- import $ from 'jquery'
47
- import co from 'co'
48
- //获取json配置文件
49
- let asyncReady = async function(self,url) {
50
- // 获取配置信息
51
- try {
52
- // console.log(`获取参数信息++++${Vue.user.f_orgids}+++++${Vue.androidUtil.getProxyUrl()}`)
53
- await self.$appdata.load()
54
- let that = self
55
- let res = await Vue.resetget(`${url}/phone/rs/vue`,{data: {}},{resolveMsg: null, rejectMsg: null})
56
- that.$set('config',res.data)
57
- Vue.config2 = res.data
58
- // 判断是否需要弱密码校验
59
- if(self.config && self.config.telephone && self.config.telephone.LoginApp && "undefined" != typeof self.config.telephone.LoginApp.weakPassword){
60
- self.weakPassword = self.config.telephone.LoginApp.weakPassword
61
- }
62
- console.log("手机端获取.json文件")
63
- console.log(JSON.stringify(self.config))
64
- return true
65
- } catch (error) {
66
- // 此处业务数据装载异常不做任何处理,理论上不会有任何异常
67
- self.$showMessage('登录系统: 获取配置文件失败,请检查网络后重新登陆!')
68
- return false
69
- }
70
- }
71
-
72
- //装载业务数据
73
- let asyncLoadData = async function(self,url) {
74
- try {
75
- // 读取报建本地配置文件
76
- var result = HostApp.readLocalFile('workflow_apply.json')
77
- if(result.code == 500){
78
- console.log('不存在流程配置文件,即不使用报建app')
79
- return
80
- }
81
- var data = JSON.parse(result.data)
82
- console.log('读取报建配置文件成功,存入缓存中的data=>' + JSON.stringify(data))
83
- Vue.workflow_vue = Vue.prototype.$workflow_vue = data
84
- } catch (error) {
85
- // 此处业务数据装载异常不做任何处理,理论上不会有任何异常,只有当app版本端版本较低无readlocalfile时会异常
86
- console.log(error)
87
- }
88
- }
89
-
90
- export default {
91
- title: '登录系统',
92
- data() {
93
- return {
94
- loaderShow:false,
95
- config:{},
96
- weakPassword:false,
97
- modifyPassword:false,
98
- ename: '',
99
- login:'login',
100
- password: '',
101
- showsave:true,
102
- showauto:'2', // 1 自动登陆 2取消自动登陆
103
- showpass:false,
104
- imageurl:require('../assets/miwen.png'),
105
- deviceIemi:'无法获取该设备码,请联系管理员',
106
- versionNumber:'',
107
- loginSafe:false,
108
- margintop: document.documentElement.clientHeight * 0.1
109
- }
110
- },
111
-
112
- ready () {
113
- if(Vue.android) {
114
- let userPp1 = this.$androidUtil.getPreference('login_user_cache')
115
- this.showauto = this.$androidUtil.getPreference('auto_login')
116
- this.showauto = this.showauto ? this.showauto : '2'
117
- console.log(`自动登陆标识ready:${this.showauto}`)
118
- if(userPp1){
119
- console.log(`1返回值是:${userPp1}`)
120
- userPp1 = userPp1.replace(/\'/g,'\"')
121
- console.log(`2返回值是:${userPp1}`)
122
- let userZs = JSON.parse(userPp1)
123
- this.password = userZs.password
124
- this.ename = userZs.username
125
- }
126
- this.deviceIemi = this.$androidUtil.getDeviceIEMI()
127
- console.log(`手机设备码:${this.deviceIemi}`)
128
- if(this.showauto == '1' && this.password){
129
- this.confirm()
130
- }
131
- }
132
-
133
- // if(Vue.android) {
134
- // let version = HostApp.getAppVersion().data
135
- // this.$set('version', version)
136
- // }
137
- this.versionNumber = this.$appdata.getSingleValue('手机端更新版本')
138
- },
139
- methods: {
140
- success(val){
141
- // 修改密码成功
142
- this.modifyPassword = false
143
- this.password = val
144
- },
145
- // 对资源菜单进行排序
146
- sortFunctions(val){
147
- if(val && val.length > 0){
148
- for(var i = 0;i<val.length-1;i++){
149
- for(var j = 0;j<val.length-1-i;j++){
150
- if(val[j].position > val[j+1].position){
151
- var temp = val[j+1]
152
- val[j+1] = val[j]
153
- val[j] = temp;
154
- }
155
- }
156
- }
157
- return val
158
- }
159
- return val
160
- },
161
- // 记住密码选中/未选中
162
- showoff(){
163
- this.showsave = false
164
- },
165
- showon(){
166
- this.showsave = true
167
- },
168
- showoff1(){
169
- this.showauto = '2'
170
- },
171
- showon1(){
172
- this.showauto = '1'
173
- },
174
- changepass(){
175
- this.showpass=this.showpass?false:true
176
- if(this.showpass){
177
- this.imageurl=require("../assets/mingwen.png")
178
- }else{
179
- this.imageurl=require("../assets/miwen.png")
180
- }
181
-
182
- },
183
- async confirm() {
184
- this.loaderShow=true
185
- console.log('Vue.android:' + Vue.android)
186
- let data = {username: this.ename, password: this.password}
187
- console.log('获取登陆信息:' + data)
188
- Vue.dataUrl = this.$androidUtil.getProxyUrl() + "/"
189
- // rsa加密
190
- let encrypt = new JSEncrypt();
191
- encrypt.setPublicKey('MIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQCqPvovSfXcwBbW8cKMCgwqNpsYuzF8RPAPFb7LGsnVo44JhM/xxzDyzoYtdfNmtbIuKVi9PzIsyp6rg+09gbuI6UGwBZ5DWBDBMqv5MPdOF5dCQkB2Bbr5yPfURPENypUz+pBFBg41d+BC+rwRiXELwKy7Y9caD/MtJyHydj8OUwIDAQAB');
192
- data = encrypt.encrypt(JSON.stringify(data))
193
- console.log(data)
194
- try {
195
- let ret={}
196
- try{
197
- ret = await this.$resetpost(`${this.$androidUtil.getProxyUrl()}/rs/user/userLogin/手机服务`, data, {
198
- resolveMsg: null,
199
- rejectMsg: null
200
- })
201
- console.log('获取登陆信息:' + JSON.stringify(ret.data) )
202
- console.log('当前登录维修员:' + ret.data.name)
203
- }catch (e) {
204
- if (Vue.android){
205
- this.loaderShow=false
206
- this.$showMessage("登陆失败,请检查账号密码是否有误,如多次失败请联系管理员核对账号密码!")
207
- }
208
- return
209
- }
210
- // 设置登录人
211
- Vue.user = Util.f = ret.data
212
- if (ret.data.state != '在职') {
213
- this.loaderShow=false
214
- return this.$showMessage("登陆失败,该账号已被注销!")
215
- }
216
- // 对资源菜单进行排序
217
- let viewDetails = await Vue.resetpost(`${this.$androidUtil.getProxyUrl()}/rs/search`, {
218
- source: 'this.getRights().where(row.getType()==$function$ && row.getPath($name$).indexOf($功能权限$) != -1)',
219
- userid: Vue.user.id
220
- }, {resolveMsg: null, rejectMsg: null})
221
- let r = viewDetails.data
222
- Vue.user.r = []
223
- r.forEach(x => Vue.user.r.push(x.name))
224
-
225
-
226
- Vue.functions = this.sortFunctions(ret.data.functions)
227
- console.log('登陆人信息',JSON.stringify(Vue.user))
228
- let userStr
229
- if (Vue.android){
230
- console.log(`Device_IEMI:${this.$androidUtil.getPreference('Device_IEMI')}`)
231
- // 判断是否需要验证 设备码
232
- if(this.$androidUtil.getPreference('Device_IEMI')){
233
- console.log(`手机设备码:${this.deviceIemi}`)
234
- let result = await this.$resetpost(`${this.$androidUtil.getProxyUrl()}/rs/sql/tel_singleTable_OrderBy`,{data: {items: '*', tablename: 't_equipment', orderitem: 'id desc', condition:`f_terminal_number = '${this.deviceIemi}' and f_state = '正常'`}},{resolveMsg: null, rejectMsg: null})
235
- console.log(`检测设备码存在是否:${result.data.length}`)
236
- if(result.data.length == 0){
237
- HostApp.alert('设备码未绑定,请联系管理员!')
238
- return
239
- }
240
- }
241
- if(this.showsave){
242
- userStr = `{'username':'${this.ename}','password':'${this.password}'}`
243
- }else{
244
- userStr = `{'username':'${this.ename}','password':''}`
245
- }
246
- console.log(this.showauto)
247
- this.$androidUtil.setPreference('login_user_cache', userStr)
248
- this.$androidUtil.setPreference('f_repairman_id', Util.f.id)
249
- this.$androidUtil.setPreference('f_repairman_name', Util.f.name)
250
- this.$androidUtil.setPreference('f_role_name', Util.f.f_role_name || '')
251
- console.log("自动登陆标识"+Util.f.f_role_name)
252
- console.log(this.showauto)
253
- this.$androidUtil.setPreference('auto_login',this.showauto)
254
- }
255
- Vue.$login = {jwt: ret.data.id}
256
- // 获取参数
257
- console.log('获取参数system以及安检参数')
258
- var flag = await asyncReady(this,this.$androidUtil.getProxyUrl())
259
- if(!flag){
260
- this.loaderShow=false
261
- console.log('获取参数异常')
262
- return
263
- }
264
- console.log('获取参数结束')
265
- // console.log('登陆验证成功时装载业务数据')
266
- // asyncLoadData()
267
- // console.log('装载业务数据结束')
268
- this.loaderShow=false
269
- // 弱口令验证
270
- if (this.weakPassword && !(/^(?:(?=.*[a-zA-Z])(?=.*[0-9])(?=.*[^A-Za-z0-9])).*$/.test(this.password))) {
271
- await this.$showMessage('登录系统: 此账户的密码过于简单,请修改密码后重新登陆!!!', ['confirm'])
272
- this.modifyPassword = true
273
- return
274
- }
275
- this.$goto('nav-bottom')
276
- }catch (e) {
277
- if (Vue.android)
278
- this.loaderShow=false
279
- this.$showMessage("登陆失败!")
280
- }
281
- },
282
- // readConfig (url) {
283
- // let gen =
284
- // return co(gen)
285
- // },
286
- },
287
- watch:{
288
- 'config'(val){
289
- Vue.config = val
290
- }
291
- }
292
- }
293
- </script>
294
- <style scoped="">
295
- .devicetext {
296
- font: 13px PingFang-SC-Medium;
297
- position:fixed;
298
- width:100%;
299
- bottom:13px;
300
- transform: translate(-50%, -50%);
301
- }
302
- .versionNumberText {
303
- font: 13px PingFang-SC-Medium;
304
- position:fixed;
305
- width:100%;
306
- bottom:35px;
307
- transform: translate(-50%, -50%);
308
- }
309
- /*输入框样式*/
310
- /*@import url(http://fonts.useso.com/css?family=Source+Sans+Pro:200,300);*/
311
- * {
312
- box-sizing: border-box;
313
- margin: 0;
314
- padding: 0;
315
- font-weight: 300;
316
- }
317
- .loginbg {
318
- font-family: 'Source Sans Pro', sans-serif;
319
- color: white;
320
- font-weight: 300;
321
- }
322
- .loginbg ::-webkit-input-placeholder {
323
- /* WebKit browsers */
324
- font-family: 'Source Sans Pro', sans-serif;
325
- color: white;
326
- font-weight: 300;
327
- }
328
- .loginbg :-moz-placeholder {
329
- /* Mozilla Firefox 4 to 18 */
330
- font-family: 'Source Sans Pro', sans-serif;
331
- color: white;
332
- opacity: 1;
333
- font-weight: 300;
334
- }
335
- .loginbg ::-moz-placeholder {
336
- /* Mozilla Firefox 19+ */
337
- font-family: 'Source Sans Pro', sans-serif;
338
- color: white;
339
- opacity: 1;
340
- font-weight: 300;
341
- }
342
- .loginbg :-ms-input-placeholder {
343
- /* Internet Explorer 10+ */
344
- font-family: 'Source Sans Pro', sans-serif;
345
- color: white;
346
- font-weight: 300;
347
- }
348
- .wrapper {
349
- /*background: #2D83BA;
350
- background: -webkit-linear-gradient(top left, #2D83BA 0%, #2D83BA 100%);
351
- background: linear-gradient(to bottom right, #2D83BA 0%, #2D83BA 100%);
352
- opacity: 0.8;*/
353
- /*position: absolute;*/
354
- /*top: 50%;
355
- right: 10%;
356
- width: 40%;
357
- height: 350px;
358
- margin-top: -150px;*/
359
- overflow: hidden;
360
- }
361
-
362
- .wrapper.form-success .container h3{
363
- -webkit-transform: translateY(85px);
364
- -ms-transform: translateY(85px);
365
- transform: translateY(85px);
366
- }
367
- .container {
368
- /*max-width: 350px;*/
369
- margin: 0 auto;
370
- /*padding: 30px 100px 50px 100px;
371
- height: 350px;*/
372
- text-align: center;
373
- /*以下增加*/
374
- /*background: #2D83BA;
375
- background: -webkit-linear-gradient(top left, #2D83BA 0%, #2D83BA 100%);
376
- background: linear-gradient(to bottom right, #2D83BA 0%, #2D83BA 100%);*/
377
- opacity: 0.8;
378
- }
379
- .container h3{
380
- font-size: 40px;
381
- -webkit-transition-duration: 1s;
382
- transition-duration: 1s;
383
- -webkit-transition-timing-function: ease-in-put;
384
- transition-timing-function: ease-in-put;
385
- font-weight: 200;
386
- }
387
- .form {
388
- padding: 20px 0;
389
- /*margin-top: 15%;*/
390
- position: relative;
391
- z-index: 2;
392
- }
393
- .form input {
394
- -webkit-appearance: none;
395
- -moz-appearance: none;
396
- appearance: none;
397
- outline: 0;
398
- border: 1px solid #50ABE6;
399
- background-color: #50ABE6;
400
- width: 250px;
401
- border-radius: 3px;
402
- padding: 10px 15px;
403
- margin: 0 auto 10px auto;
404
- display: block;
405
- text-align: center;
406
- font-size: 18px;
407
- color: white;
408
- -webkit-transition-duration: 0.25s;
409
- transition-duration: 0.25s;
410
- font-weight: 300;
411
- }
412
- .form input:hover {
413
- background-color: rgba(255, 255, 255, 0.4);
414
- }
415
- .form input:focus {
416
- background-color: white;
417
- width: 300px;
418
- color: #53e3a6;
419
- }
420
- .usericon {
421
- background-image: url(../assets/usericon.png);
422
- background-repeat: no-repeat;
423
- background-size: 30px;
424
- background-position-x: 8px;
425
- background-position-y: 8px;
426
- }
427
- .psicon {
428
- background-image: url(../assets/psicon.png);
429
- background-repeat: no-repeat;
430
- background-size: 30px;
431
- background-position-x: 8px;
432
- background-position-y: 8px;
433
- }
434
- .form button {
435
- -webkit-appearance: none;
436
- -moz-appearance: none;
437
- appearance: none;
438
- outline: 0;
439
- background-color: white;
440
- border: 0;
441
- padding: 10px 15px;
442
- color: #253830;
443
- border-radius: 3px;
444
- width: 250px;
445
- cursor: pointer;
446
- font-size: 18px;
447
- -webkit-transition-duration: 0.25s;
448
- transition-duration: 0.25s;
449
- }
450
- .form button:hover {
451
- background-color: #f5f7f9;
452
- }
453
-
454
- /*注册字体样式*/
455
- .form span {
456
- color: #fff;
457
- display: table-footer-group;
458
- position: absolute;
459
- right: 10px;
460
- margin-top: 10px;
461
- cursor: pointer;
462
- }
463
- .logotitle {
464
- color: #fff;
465
- position: absolute;
466
- top: 50px;
467
- left: 50px;
468
- font-size: 50px;
469
- }
470
- /*注册模态框界面样式*/
471
- .modifystyle {
472
- background: #FCFEEE;
473
- }
474
- .modifystyle div{
475
- height: auto;
476
- margin-bottom: 15px;
477
- /*text-align: center;*/
478
- /*margin-left: 20%;*/
479
- }
480
- /*bootstrap字体图标要手动调整,所以使用字体图标的span必须紧跟在input后面,负责会错位*/
481
- .modifystyle div input + span{
482
- top: 0!important;
483
- right: 32%;
484
- }
485
- .modifystyle span{
486
- color: red;
487
- }
488
-
489
- /* 通告区内容 */
490
- .notice-board {
491
- height: auto;
492
- position: absolute;
493
- top: 50%;
494
- margin-top: -150px;
495
- margin-left: 100px;
496
- color: #fff;
497
- }
498
- /*修改密码底部按钮部分样式*/
499
- .footerbtn {
500
- text-align: center;
501
- padding: 15px;
502
- }
503
- .footerbtn button {
504
- width: 100px;
505
- margin-left: 20px;
506
- }
507
- .bg-bubbles {
508
- position: absolute;
509
- top: 0;
510
- left: 0;
511
- width: 100%;
512
- height: 100%;
513
- z-index: 1;
514
- }
515
- .bg-bubbles li {
516
- position: absolute;
517
- list-style: none;
518
- display: block;
519
- width: 40px;
520
- height: 40px;
521
- background-color: rgba(255, 255, 255, 0.15);
522
- bottom: -160px;
523
- -webkit-animation: square 25s infinite;
524
- animation: square 25s infinite;
525
- -webkit-transition-timing-function: linear;
526
- transition-timing-function: linear;
527
- }
528
- .bg-bubbles li:nth-child(1) {
529
- left: 10%;
530
- }
531
- .bg-bubbles li:nth-child(2) {
532
- left: 20%;
533
- width: 80px;
534
- height: 80px;
535
- -webkit-animation-delay: 2s;
536
- animation-delay: 2s;
537
- -webkit-animation-duration: 17s;
538
- animation-duration: 17s;
539
- }
540
- .bg-bubbles li:nth-child(3) {
541
- left: 25%;
542
- -webkit-animation-delay: 4s;
543
- animation-delay: 4s;
544
- }
545
- .bg-bubbles li:nth-child(4) {
546
- left: 40%;
547
- width: 60px;
548
- height: 60px;
549
- -webkit-animation-duration: 22s;
550
- animation-duration: 22s;
551
- background-color: rgba(255, 255, 255, 0.25);
552
- }
553
- .bg-bubbles li:nth-child(5) {
554
- left: 70%;
555
- }
556
- .bg-bubbles li:nth-child(6) {
557
- left: 80%;
558
- width: 120px;
559
- height: 120px;
560
- -webkit-animation-delay: 3s;
561
- animation-delay: 3s;
562
- background-color: rgba(255, 255, 255, 0.2);
563
- }
564
- .bg-bubbles li:nth-child(7) {
565
- left: 32%;
566
- width: 160px;
567
- height: 160px;
568
- -webkit-animation-delay: 7s;
569
- animation-delay: 7s;
570
- }
571
- .bg-bubbles li:nth-child(8) {
572
- left: 55%;
573
- width: 20px;
574
- height: 20px;
575
- -webkit-animation-delay: 15s;
576
- animation-delay: 15s;
577
- -webkit-animation-duration: 40s;
578
- animation-duration: 40s;
579
- }
580
- .bg-bubbles li:nth-child(9) {
581
- left: 25%;
582
- width: 10px;
583
- height: 10px;
584
- -webkit-animation-delay: 2s;
585
- animation-delay: 2s;
586
- -webkit-animation-duration: 40s;
587
- animation-duration: 40s;
588
- background-color: rgba(255, 255, 255, 0.3);
589
- }
590
- .bg-bubbles li:nth-child(10) {
591
- left: 90%;
592
- width: 160px;
593
- height: 160px;
594
- -webkit-animation-delay: 11s;
595
- animation-delay: 11s;
596
- }
597
- @-webkit-keyframes square {
598
- 0% {
599
- -webkit-transform: translateY(0);
600
- transform: translateY(0);
601
- }
602
- 100% {
603
- -webkit-transform: translateY(-700px) rotate(600deg);
604
- transform: translateY(-700px) rotate(600deg);
605
- }
606
- }
607
- @keyframes square {
608
- 0% {
609
- -webkit-transform: translateY(0);
610
- transform: translateY(0);
611
- }
612
- 100% {
613
- -webkit-transform: translateY(-700px) rotate(600deg);
614
- transform: translateY(-700px) rotate(600deg);
615
- }
616
- }
617
- .loading {
618
- width: 36%;
619
- height: 7%;
620
- position: absolute;
621
- top: 30%;
622
- left: 32%;
623
- line-height: 56px;
624
- color: #fff;
625
- padding-left: 60px;
626
- font-size: 15px;
627
- background: #000 url(../assets/loging.gif) no-repeat 10px 50%;
628
- opacity: 0.7;
629
- z-index: 9999;
630
- -moz-border-radius: 20px;
631
- -webkit-border-radius: 20px;
632
- border-radius: 20px;
633
- filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
634
- }
635
- </style>
1
+ <template>
2
+ <div class="loginbg" id="outheight">
3
+ <!--输入框-->
4
+ <div class="htmleaf-container">
5
+ <div class="wrapper" :class="{'form-success': login}">
6
+ <div class="container">
7
+ <h3 style="color:white; margin-top: 15px">欢迎使用</h3>
8
+ <p class="form" style="margin-top:{{margintop}}px">
9
+ <input type="text" v-model="ename" class="usericon">
10
+ <input :type="showpass==true?'text':'password'" v-model="password" class="psicon"><img :src="imageurl" style="width: 20px;margin-bottom: 5px;position: absolute;left: 62%;bottom: 43%;" alt="" @click="changepass()">
11
+ <button type="button" id="login-button" @click.prevent="confirm()"><strong>登录</strong></button>
12
+ </p>
13
+ <div class="row">
14
+ <img src="../assets/选中.png" style="width: 20px;margin-bottom: 5px" alt="" v-if="showsave"@click="showoff()">
15
+ <img src="../assets/未选.png" style="width: 20px;margin-bottom: 5px" alt="" v-if="!showsave" @click="showon()">
16
+ <span class="text-left font">记住密码</span>
17
+ <img src="../assets/选中.png" style="width: 20px;margin-bottom: 5px" alt="" v-if="showauto == '1'"@click="showoff1()">
18
+ <img src="../assets/未选.png" style="width: 20px;margin-bottom: 5px" alt="" v-if="showauto == '2'" @click="showon1()">
19
+ <span class="text-left font">自动登录</span>
20
+ <p></p>
21
+ <span class="versionNumberText">版本号:{{versionNumber}}</span> <br>
22
+ <span class="devicetext">设备码:{{deviceIemi}}</span>
23
+ </div>
24
+ </div>
25
+ </div>
26
+ </div>
27
+ <!--<load-appdata @ready="onReady"></load-appdata>-->
28
+ <div style="width: 100%;height: 100%;position: fixed;top: 0px;" v-show="loaderShow">
29
+ <div id="loading" class="loading">登陆中...</div>
30
+ </div>
31
+ <modal :show.sync="modifyPassword" backdrop="false">
32
+ <header slot="modal-header" class="modal-header">
33
+ </header>
34
+ <article slot="modal-body" class="modal-body">
35
+ <modify-pass-word :sourse="login" :weak-password="weakPassword" v-if="modifyPassword" v-on:success="success"></modify-pass-word>
36
+ </article>
37
+ <footer slot="modal-footer" class="modal-footer">
38
+ </footer>
39
+ </modal>
40
+ </div>
41
+ </template>
42
+ <script>
43
+ import Vue from 'vue'
44
+ import * as Util from '../Util'
45
+ import JSEncrypt from 'jsencrypt'
46
+ import $ from 'jquery'
47
+ import co from 'co'
48
+ //获取json配置文件
49
+ let asyncReady = async function(self,url) {
50
+ // 获取配置信息
51
+ try {
52
+ // console.log(`获取参数信息++++${Vue.user.f_orgids}+++++${Vue.androidUtil.getProxyUrl()}`)
53
+ await self.$appdata.load()
54
+ let that = self
55
+ let res = await Vue.resetget(`${url}/phone/rs/vue`,{data: {}},{resolveMsg: null, rejectMsg: null})
56
+ that.$set('config',res.data)
57
+ Vue.config2 = res.data
58
+ // 判断是否需要弱密码校验
59
+ if(self.config && self.config.telephone && self.config.telephone.LoginApp && "undefined" != typeof self.config.telephone.LoginApp.weakPassword){
60
+ self.weakPassword = self.config.telephone.LoginApp.weakPassword
61
+ }
62
+ console.log("手机端获取.json文件")
63
+ console.log(JSON.stringify(self.config))
64
+ return true
65
+ } catch (error) {
66
+ // 此处业务数据装载异常不做任何处理,理论上不会有任何异常
67
+ self.$showMessage('登录系统: 获取配置文件失败,请检查网络后重新登陆!')
68
+ return false
69
+ }
70
+ }
71
+
72
+ //装载业务数据
73
+ let asyncLoadData = async function(self,url) {
74
+ try {
75
+ // 读取报建本地配置文件
76
+ var result = HostApp.readLocalFile('workflow_apply.json')
77
+ if(result.code == 500){
78
+ console.log('不存在流程配置文件,即不使用报建app')
79
+ return
80
+ }
81
+ var data = JSON.parse(result.data)
82
+ console.log('读取报建配置文件成功,存入缓存中的data=>' + JSON.stringify(data))
83
+ Vue.workflow_vue = Vue.prototype.$workflow_vue = data
84
+ } catch (error) {
85
+ // 此处业务数据装载异常不做任何处理,理论上不会有任何异常,只有当app版本端版本较低无readlocalfile时会异常
86
+ console.log(error)
87
+ }
88
+ }
89
+
90
+ export default {
91
+ title: '登录系统',
92
+ data() {
93
+ return {
94
+ loaderShow:false,
95
+ config:{},
96
+ weakPassword:false,
97
+ modifyPassword:false,
98
+ ename: '',
99
+ login:'login',
100
+ password: '',
101
+ showsave:true,
102
+ showauto:'2', // 1 自动登陆 2取消自动登陆
103
+ showpass:false,
104
+ imageurl:require('../assets/miwen.png'),
105
+ deviceIemi:'无法获取该设备码,请联系管理员',
106
+ versionNumber:'',
107
+ loginSafe:false,
108
+ margintop: document.documentElement.clientHeight * 0.1
109
+ }
110
+ },
111
+
112
+ ready () {
113
+ if(Vue.android) {
114
+ let userPp1 = this.$androidUtil.getPreference('login_user_cache')
115
+ this.showauto = this.$androidUtil.getPreference('auto_login')
116
+ this.showauto = this.showauto ? this.showauto : '2'
117
+ console.log(`自动登陆标识ready:${this.showauto}`)
118
+ if(userPp1){
119
+ console.log(`1返回值是:${userPp1}`)
120
+ userPp1 = userPp1.replace(/\'/g,'\"')
121
+ console.log(`2返回值是:${userPp1}`)
122
+ let userZs = JSON.parse(userPp1)
123
+ this.password = userZs.password
124
+ this.ename = userZs.username
125
+ }
126
+ this.deviceIemi = this.$androidUtil.getDeviceIEMI()
127
+ console.log(`手机设备码:${this.deviceIemi}`)
128
+ if(this.showauto == '1' && this.password){
129
+ this.confirm()
130
+ }
131
+ }
132
+
133
+ // if(Vue.android) {
134
+ // let version = HostApp.getAppVersion().data
135
+ // this.$set('version', version)
136
+ // }
137
+ let data = {
138
+ items: '*',
139
+ tablename: 't_singlevalue',
140
+ orderitem: 'id desc',
141
+ condition: "name ='手机端更新版本'"
142
+ }
143
+ this.$resetpost(`${this.$androidUtil.getProxyUrl()}/rs/sql/tel_singleTable_OrderBy`,
144
+ {data: data},
145
+ {resolveMsg: null, rejectMsg: null}).then((row) => {
146
+ console.log('打印',row.data[0])
147
+ this.versionNumber = row.data[0].value
148
+ })
149
+ },
150
+ methods: {
151
+ success(val){
152
+ // 修改密码成功
153
+ this.modifyPassword = false
154
+ this.password = val
155
+ },
156
+ // 对资源菜单进行排序
157
+ sortFunctions(val){
158
+ if(val && val.length > 0){
159
+ for(var i = 0;i<val.length-1;i++){
160
+ for(var j = 0;j<val.length-1-i;j++){
161
+ if(val[j].position > val[j+1].position){
162
+ var temp = val[j+1]
163
+ val[j+1] = val[j]
164
+ val[j] = temp;
165
+ }
166
+ }
167
+ }
168
+ return val
169
+ }
170
+ return val
171
+ },
172
+ // 记住密码选中/未选中
173
+ showoff(){
174
+ this.showsave = false
175
+ },
176
+ showon(){
177
+ this.showsave = true
178
+ },
179
+ showoff1(){
180
+ this.showauto = '2'
181
+ },
182
+ showon1(){
183
+ this.showauto = '1'
184
+ },
185
+ changepass(){
186
+ this.showpass=this.showpass?false:true
187
+ if(this.showpass){
188
+ this.imageurl=require("../assets/mingwen.png")
189
+ }else{
190
+ this.imageurl=require("../assets/miwen.png")
191
+ }
192
+
193
+ },
194
+ async confirm() {
195
+ this.loaderShow=true
196
+ console.log('Vue.android:' + Vue.android)
197
+ let data = {username: this.ename, password: this.password}
198
+ console.log('获取登陆信息:' + data)
199
+ Vue.dataUrl = this.$androidUtil.getProxyUrl() + "/"
200
+ // rsa加密
201
+ let encrypt = new JSEncrypt();
202
+ encrypt.setPublicKey('MIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQCqPvovSfXcwBbW8cKMCgwqNpsYuzF8RPAPFb7LGsnVo44JhM/xxzDyzoYtdfNmtbIuKVi9PzIsyp6rg+09gbuI6UGwBZ5DWBDBMqv5MPdOF5dCQkB2Bbr5yPfURPENypUz+pBFBg41d+BC+rwRiXELwKy7Y9caD/MtJyHydj8OUwIDAQAB');
203
+ data = encrypt.encrypt(JSON.stringify(data))
204
+ console.log(data)
205
+ try {
206
+ let ret={}
207
+ try{
208
+ ret = await this.$resetpost(`${this.$androidUtil.getProxyUrl()}/rs/user/userLogin/手机服务`, data, {
209
+ resolveMsg: null,
210
+ rejectMsg: null
211
+ })
212
+ console.log('获取登陆信息:' + JSON.stringify(ret.data) )
213
+ console.log('当前登录维修员:' + ret.data.name)
214
+ }catch (e) {
215
+ if (Vue.android){
216
+ this.loaderShow=false
217
+ this.$showMessage("登陆失败,请检查账号密码是否有误,如多次失败请联系管理员核对账号密码!")
218
+ }
219
+ return
220
+ }
221
+ // 设置登录人
222
+ Vue.user = Util.f = ret.data
223
+ if (ret.data.state != '在职') {
224
+ this.loaderShow=false
225
+ return this.$showMessage("登陆失败,该账号已被注销!")
226
+ }
227
+ // 对资源菜单进行排序
228
+ let viewDetails = await Vue.resetpost(`${this.$androidUtil.getProxyUrl()}/rs/search`, {
229
+ source: 'this.getRights().where(row.getType()==$function$ && row.getPath($name$).indexOf($功能权限$) != -1)',
230
+ userid: Vue.user.id
231
+ }, {resolveMsg: null, rejectMsg: null})
232
+ let r = viewDetails.data
233
+ Vue.user.r = []
234
+ r.forEach(x => Vue.user.r.push(x.name))
235
+
236
+
237
+ Vue.functions = this.sortFunctions(ret.data.functions)
238
+ console.log('登陆人信息',JSON.stringify(Vue.user))
239
+ let userStr
240
+ if (Vue.android){
241
+ console.log(`Device_IEMI:${this.$androidUtil.getPreference('Device_IEMI')}`)
242
+ // 判断是否需要验证 设备码
243
+ if(this.$androidUtil.getPreference('Device_IEMI')){
244
+ console.log(`手机设备码:${this.deviceIemi}`)
245
+ let result = await this.$resetpost(`${this.$androidUtil.getProxyUrl()}/rs/sql/tel_singleTable_OrderBy`,{data: {items: '*', tablename: 't_equipment', orderitem: 'id desc', condition:`f_terminal_number = '${this.deviceIemi}' and f_state = '正常'`}},{resolveMsg: null, rejectMsg: null})
246
+ console.log(`检测设备码存在是否:${result.data.length}`)
247
+ if(result.data.length == 0){
248
+ HostApp.alert('设备码未绑定,请联系管理员!')
249
+ return
250
+ }
251
+ }
252
+ if(this.showsave){
253
+ userStr = `{'username':'${this.ename}','password':'${this.password}'}`
254
+ }else{
255
+ userStr = `{'username':'${this.ename}','password':''}`
256
+ }
257
+ console.log(this.showauto)
258
+ this.$androidUtil.setPreference('login_user_cache', userStr)
259
+ this.$androidUtil.setPreference('f_repairman_id', Util.f.id)
260
+ this.$androidUtil.setPreference('f_repairman_name', Util.f.name)
261
+ this.$androidUtil.setPreference('f_role_name', Util.f.f_role_name || '')
262
+ console.log("自动登陆标识"+Util.f.f_role_name)
263
+ console.log(this.showauto)
264
+ this.$androidUtil.setPreference('auto_login',this.showauto)
265
+ }
266
+ Vue.$login = {jwt: ret.data.id}
267
+ // 获取参数
268
+ console.log('获取参数system以及安检参数')
269
+ var flag = await asyncReady(this,this.$androidUtil.getProxyUrl())
270
+ if(!flag){
271
+ this.loaderShow=false
272
+ console.log('获取参数异常')
273
+ return
274
+ }
275
+ console.log('获取参数结束')
276
+ // console.log('登陆验证成功时装载业务数据')
277
+ // asyncLoadData()
278
+ // console.log('装载业务数据结束')
279
+ this.loaderShow=false
280
+ // 弱口令验证
281
+ if (this.weakPassword && !(/^(?:(?=.*[a-zA-Z])(?=.*[0-9])(?=.*[^A-Za-z0-9])).*$/.test(this.password))) {
282
+ await this.$showMessage('登录系统: 此账户的密码过于简单,请修改密码后重新登陆!!!', ['confirm'])
283
+ this.modifyPassword = true
284
+ return
285
+ }
286
+ this.$goto('nav-bottom')
287
+ }catch (e) {
288
+ if (Vue.android)
289
+ this.loaderShow=false
290
+ this.$showMessage("登陆失败!")
291
+ }
292
+ },
293
+ // readConfig (url) {
294
+ // let gen =
295
+ // return co(gen)
296
+ // },
297
+ },
298
+ watch:{
299
+ 'config'(val){
300
+ Vue.config = val
301
+ }
302
+ }
303
+ }
304
+ </script>
305
+ <style scoped="">
306
+ .devicetext {
307
+ font: 13px PingFang-SC-Medium;
308
+ position:fixed;
309
+ width:100%;
310
+ bottom:13px;
311
+ transform: translate(-50%, -50%);
312
+ }
313
+ .versionNumberText {
314
+ font: 13px PingFang-SC-Medium;
315
+ position:fixed;
316
+ width:100%;
317
+ bottom:35px;
318
+ transform: translate(-50%, -50%);
319
+ }
320
+ /*输入框样式*/
321
+ /*@import url(http://fonts.useso.com/css?family=Source+Sans+Pro:200,300);*/
322
+ * {
323
+ box-sizing: border-box;
324
+ margin: 0;
325
+ padding: 0;
326
+ font-weight: 300;
327
+ }
328
+ .loginbg {
329
+ font-family: 'Source Sans Pro', sans-serif;
330
+ color: white;
331
+ font-weight: 300;
332
+ }
333
+ .loginbg ::-webkit-input-placeholder {
334
+ /* WebKit browsers */
335
+ font-family: 'Source Sans Pro', sans-serif;
336
+ color: white;
337
+ font-weight: 300;
338
+ }
339
+ .loginbg :-moz-placeholder {
340
+ /* Mozilla Firefox 4 to 18 */
341
+ font-family: 'Source Sans Pro', sans-serif;
342
+ color: white;
343
+ opacity: 1;
344
+ font-weight: 300;
345
+ }
346
+ .loginbg ::-moz-placeholder {
347
+ /* Mozilla Firefox 19+ */
348
+ font-family: 'Source Sans Pro', sans-serif;
349
+ color: white;
350
+ opacity: 1;
351
+ font-weight: 300;
352
+ }
353
+ .loginbg :-ms-input-placeholder {
354
+ /* Internet Explorer 10+ */
355
+ font-family: 'Source Sans Pro', sans-serif;
356
+ color: white;
357
+ font-weight: 300;
358
+ }
359
+ .wrapper {
360
+ /*background: #2D83BA;
361
+ background: -webkit-linear-gradient(top left, #2D83BA 0%, #2D83BA 100%);
362
+ background: linear-gradient(to bottom right, #2D83BA 0%, #2D83BA 100%);
363
+ opacity: 0.8;*/
364
+ /*position: absolute;*/
365
+ /*top: 50%;
366
+ right: 10%;
367
+ width: 40%;
368
+ height: 350px;
369
+ margin-top: -150px;*/
370
+ overflow: hidden;
371
+ }
372
+
373
+ .wrapper.form-success .container h3{
374
+ -webkit-transform: translateY(85px);
375
+ -ms-transform: translateY(85px);
376
+ transform: translateY(85px);
377
+ }
378
+ .container {
379
+ /*max-width: 350px;*/
380
+ margin: 0 auto;
381
+ /*padding: 30px 100px 50px 100px;
382
+ height: 350px;*/
383
+ text-align: center;
384
+ /*以下增加*/
385
+ /*background: #2D83BA;
386
+ background: -webkit-linear-gradient(top left, #2D83BA 0%, #2D83BA 100%);
387
+ background: linear-gradient(to bottom right, #2D83BA 0%, #2D83BA 100%);*/
388
+ opacity: 0.8;
389
+ }
390
+ .container h3{
391
+ font-size: 40px;
392
+ -webkit-transition-duration: 1s;
393
+ transition-duration: 1s;
394
+ -webkit-transition-timing-function: ease-in-put;
395
+ transition-timing-function: ease-in-put;
396
+ font-weight: 200;
397
+ }
398
+ .form {
399
+ padding: 20px 0;
400
+ /*margin-top: 15%;*/
401
+ position: relative;
402
+ z-index: 2;
403
+ }
404
+ .form input {
405
+ -webkit-appearance: none;
406
+ -moz-appearance: none;
407
+ appearance: none;
408
+ outline: 0;
409
+ border: 1px solid #50ABE6;
410
+ background-color: #50ABE6;
411
+ width: 250px;
412
+ border-radius: 3px;
413
+ padding: 10px 15px;
414
+ margin: 0 auto 10px auto;
415
+ display: block;
416
+ text-align: center;
417
+ font-size: 18px;
418
+ color: white;
419
+ -webkit-transition-duration: 0.25s;
420
+ transition-duration: 0.25s;
421
+ font-weight: 300;
422
+ }
423
+ .form input:hover {
424
+ background-color: rgba(255, 255, 255, 0.4);
425
+ }
426
+ .form input:focus {
427
+ background-color: white;
428
+ width: 300px;
429
+ color: #53e3a6;
430
+ }
431
+ .usericon {
432
+ background-image: url(../assets/usericon.png);
433
+ background-repeat: no-repeat;
434
+ background-size: 30px;
435
+ background-position-x: 8px;
436
+ background-position-y: 8px;
437
+ }
438
+ .psicon {
439
+ background-image: url(../assets/psicon.png);
440
+ background-repeat: no-repeat;
441
+ background-size: 30px;
442
+ background-position-x: 8px;
443
+ background-position-y: 8px;
444
+ }
445
+ .form button {
446
+ -webkit-appearance: none;
447
+ -moz-appearance: none;
448
+ appearance: none;
449
+ outline: 0;
450
+ background-color: white;
451
+ border: 0;
452
+ padding: 10px 15px;
453
+ color: #253830;
454
+ border-radius: 3px;
455
+ width: 250px;
456
+ cursor: pointer;
457
+ font-size: 18px;
458
+ -webkit-transition-duration: 0.25s;
459
+ transition-duration: 0.25s;
460
+ }
461
+ .form button:hover {
462
+ background-color: #f5f7f9;
463
+ }
464
+
465
+ /*注册字体样式*/
466
+ .form span {
467
+ color: #fff;
468
+ display: table-footer-group;
469
+ position: absolute;
470
+ right: 10px;
471
+ margin-top: 10px;
472
+ cursor: pointer;
473
+ }
474
+ .logotitle {
475
+ color: #fff;
476
+ position: absolute;
477
+ top: 50px;
478
+ left: 50px;
479
+ font-size: 50px;
480
+ }
481
+ /*注册模态框界面样式*/
482
+ .modifystyle {
483
+ background: #FCFEEE;
484
+ }
485
+ .modifystyle div{
486
+ height: auto;
487
+ margin-bottom: 15px;
488
+ /*text-align: center;*/
489
+ /*margin-left: 20%;*/
490
+ }
491
+ /*bootstrap字体图标要手动调整,所以使用字体图标的span必须紧跟在input后面,负责会错位*/
492
+ .modifystyle div input + span{
493
+ top: 0!important;
494
+ right: 32%;
495
+ }
496
+ .modifystyle span{
497
+ color: red;
498
+ }
499
+
500
+ /* 通告区内容 */
501
+ .notice-board {
502
+ height: auto;
503
+ position: absolute;
504
+ top: 50%;
505
+ margin-top: -150px;
506
+ margin-left: 100px;
507
+ color: #fff;
508
+ }
509
+ /*修改密码底部按钮部分样式*/
510
+ .footerbtn {
511
+ text-align: center;
512
+ padding: 15px;
513
+ }
514
+ .footerbtn button {
515
+ width: 100px;
516
+ margin-left: 20px;
517
+ }
518
+ .bg-bubbles {
519
+ position: absolute;
520
+ top: 0;
521
+ left: 0;
522
+ width: 100%;
523
+ height: 100%;
524
+ z-index: 1;
525
+ }
526
+ .bg-bubbles li {
527
+ position: absolute;
528
+ list-style: none;
529
+ display: block;
530
+ width: 40px;
531
+ height: 40px;
532
+ background-color: rgba(255, 255, 255, 0.15);
533
+ bottom: -160px;
534
+ -webkit-animation: square 25s infinite;
535
+ animation: square 25s infinite;
536
+ -webkit-transition-timing-function: linear;
537
+ transition-timing-function: linear;
538
+ }
539
+ .bg-bubbles li:nth-child(1) {
540
+ left: 10%;
541
+ }
542
+ .bg-bubbles li:nth-child(2) {
543
+ left: 20%;
544
+ width: 80px;
545
+ height: 80px;
546
+ -webkit-animation-delay: 2s;
547
+ animation-delay: 2s;
548
+ -webkit-animation-duration: 17s;
549
+ animation-duration: 17s;
550
+ }
551
+ .bg-bubbles li:nth-child(3) {
552
+ left: 25%;
553
+ -webkit-animation-delay: 4s;
554
+ animation-delay: 4s;
555
+ }
556
+ .bg-bubbles li:nth-child(4) {
557
+ left: 40%;
558
+ width: 60px;
559
+ height: 60px;
560
+ -webkit-animation-duration: 22s;
561
+ animation-duration: 22s;
562
+ background-color: rgba(255, 255, 255, 0.25);
563
+ }
564
+ .bg-bubbles li:nth-child(5) {
565
+ left: 70%;
566
+ }
567
+ .bg-bubbles li:nth-child(6) {
568
+ left: 80%;
569
+ width: 120px;
570
+ height: 120px;
571
+ -webkit-animation-delay: 3s;
572
+ animation-delay: 3s;
573
+ background-color: rgba(255, 255, 255, 0.2);
574
+ }
575
+ .bg-bubbles li:nth-child(7) {
576
+ left: 32%;
577
+ width: 160px;
578
+ height: 160px;
579
+ -webkit-animation-delay: 7s;
580
+ animation-delay: 7s;
581
+ }
582
+ .bg-bubbles li:nth-child(8) {
583
+ left: 55%;
584
+ width: 20px;
585
+ height: 20px;
586
+ -webkit-animation-delay: 15s;
587
+ animation-delay: 15s;
588
+ -webkit-animation-duration: 40s;
589
+ animation-duration: 40s;
590
+ }
591
+ .bg-bubbles li:nth-child(9) {
592
+ left: 25%;
593
+ width: 10px;
594
+ height: 10px;
595
+ -webkit-animation-delay: 2s;
596
+ animation-delay: 2s;
597
+ -webkit-animation-duration: 40s;
598
+ animation-duration: 40s;
599
+ background-color: rgba(255, 255, 255, 0.3);
600
+ }
601
+ .bg-bubbles li:nth-child(10) {
602
+ left: 90%;
603
+ width: 160px;
604
+ height: 160px;
605
+ -webkit-animation-delay: 11s;
606
+ animation-delay: 11s;
607
+ }
608
+ @-webkit-keyframes square {
609
+ 0% {
610
+ -webkit-transform: translateY(0);
611
+ transform: translateY(0);
612
+ }
613
+ 100% {
614
+ -webkit-transform: translateY(-700px) rotate(600deg);
615
+ transform: translateY(-700px) rotate(600deg);
616
+ }
617
+ }
618
+ @keyframes square {
619
+ 0% {
620
+ -webkit-transform: translateY(0);
621
+ transform: translateY(0);
622
+ }
623
+ 100% {
624
+ -webkit-transform: translateY(-700px) rotate(600deg);
625
+ transform: translateY(-700px) rotate(600deg);
626
+ }
627
+ }
628
+ .loading {
629
+ width: 36%;
630
+ height: 7%;
631
+ position: absolute;
632
+ top: 30%;
633
+ left: 32%;
634
+ line-height: 56px;
635
+ color: #fff;
636
+ padding-left: 60px;
637
+ font-size: 15px;
638
+ background: #000 url(../assets/loging.gif) no-repeat 10px 50%;
639
+ opacity: 0.7;
640
+ z-index: 9999;
641
+ -moz-border-radius: 20px;
642
+ -webkit-border-radius: 20px;
643
+ border-radius: 20px;
644
+ filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
645
+ }
646
+ </style>