system-clients 3.3.6 → 4.0.1

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 (224) hide show
  1. package/.eslintrc.js +16 -16
  2. package/SystemClient.iml +8 -8
  3. package/build/webpack.base.conf.js +85 -85
  4. package/build.gradle +6 -6
  5. package/examples/LoginPage/App.vue +21 -21
  6. package/examples/LoginPage/index.html +11 -11
  7. package/examples/LoginPage/main.js +15 -15
  8. package/index.html +21 -21
  9. package/package.json +105 -105
  10. package/src/App.vue +24 -24
  11. package/src/LodopFuncs.js +155 -155
  12. package/src/components/Main.vue +935 -935
  13. package/src/components/TabButton.vue +201 -201
  14. package/src/components/Tabs.vue +67 -67
  15. package/src/components/Util.js +343 -343
  16. package/src/components/addressManage/AddressCascadingMenu.vue +145 -145
  17. package/src/components/common/ProgressBase.vue +83 -83
  18. package/src/components/equipment/EquipmentManage.vue +83 -83
  19. package/src/components/equipment/PcAdd.vue +115 -115
  20. package/src/components/equipment/PcList.vue +119 -119
  21. package/src/components/equipment/PcManage.vue +61 -61
  22. package/src/components/equipment/PhoneAdd.vue +118 -118
  23. package/src/components/equipment/PhoneList.vue +113 -113
  24. package/src/components/equipment/PhoneManage.vue +61 -61
  25. package/src/components/equipment/PosAdd.vue +319 -319
  26. package/src/components/equipment/PosList.vue +292 -292
  27. package/src/components/equipment/PosManage.vue +138 -138
  28. package/src/components/equipment/PosManageBoth.vue +125 -125
  29. package/src/components/equipment/PosParamAdd.vue +236 -236
  30. package/src/components/equipment/PosParamList.vue +121 -121
  31. package/src/components/equipment/PosParamManage.vue +51 -51
  32. package/src/components/materialManage/materialData.vue +44 -44
  33. package/src/components/materialManage/materialList.vue +255 -255
  34. package/src/components/parammanage/ParamManage.vue +42 -42
  35. package/src/components/parammanage/ParamPage.vue +337 -337
  36. package/src/components/parammanage/ParamPages.vue +222 -222
  37. package/src/components/parammanage/SinglePage.vue +235 -235
  38. package/src/components/parammanage/SinglePages.vue +167 -167
  39. package/src/components/server/AddChangeMsg.vue +66 -66
  40. package/src/components/server/ChangeDeclare.vue +45 -45
  41. package/src/components/server/ImageVieweTest.vue +56 -56
  42. package/src/components/server/ImageViewer.vue +350 -350
  43. package/src/components/server/LeftTree.vue +111 -111
  44. package/src/components/server/LoadData.vue +55 -55
  45. package/src/components/server/Login.vue +615 -615
  46. package/src/components/server/LoginPage.vue +235 -235
  47. package/src/components/server/LoginView.vue +128 -128
  48. package/src/components/server/Menu.vue +188 -188
  49. package/src/components/server/ModifyPw.vue +126 -126
  50. package/src/components/server/PcdBuildingSelect.vue +243 -243
  51. package/src/components/server/ResSelect.vue +172 -172
  52. package/src/components/server/ResSelectGroup.vue +211 -211
  53. package/src/components/server/RightTree.vue +348 -348
  54. package/src/components/server/RoleSelector.vue +90 -90
  55. package/src/components/server/TestResSelect.vue +58 -58
  56. package/src/components/server/TestResSelectGroup.vue +388 -388
  57. package/src/filiale/baole/Login.vue +570 -570
  58. package/src/filiale/baole/system.js +5 -5
  59. package/src/filiale/bayan/PosAdd.vue +368 -368
  60. package/src/filiale/bayan/PosList.vue +341 -341
  61. package/src/filiale/bayan/PosManage.vue +138 -138
  62. package/src/filiale/bayan/system.js +6 -6
  63. package/src/filiale/chengtou/Login.vue +539 -539
  64. package/src/filiale/chengtou/system.js +5 -5
  65. package/src/filiale/dongguan/Login.vue +902 -902
  66. package/src/filiale/dongguan/Main.vue +717 -717
  67. package/src/filiale/dongguan/system.js +6 -6
  68. package/src/filiale/furuike/Login.vue +587 -587
  69. package/src/filiale/furuike/Main.vue +840 -840
  70. package/src/filiale/furuike/system.js +7 -7
  71. package/src/filiale/gehua/Main.vue +809 -809
  72. package/src/filiale/gehua/system.js +6 -6
  73. package/src/filiale/konggang/Login.vue +472 -472
  74. package/src/filiale/konggang/system.js +7 -7
  75. package/src/filiale/qianneng/Login.vue +584 -584
  76. package/src/filiale/qianneng/Main.vue +818 -818
  77. package/src/filiale/qianneng/ModifyPw.vue +108 -108
  78. package/src/filiale/qianneng/system.js +11 -11
  79. package/src/filiale/rizhao/LeftTree.vue +111 -111
  80. package/src/filiale/rizhao/Login.vue +793 -793
  81. package/src/filiale/rizhao/Main.vue +611 -611
  82. package/src/filiale/rizhao/system.js +14 -14
  83. package/src/filiale/ruihua/Login.vue +576 -576
  84. package/src/filiale/ruihua/system.js +5 -5
  85. package/src/filiale/shiquan/Login.vue +566 -566
  86. package/src/filiale/shiquan/system.js +8 -8
  87. package/src/filiale/tianyi/Login.vue +573 -573
  88. package/src/filiale/tianyi/system.js +5 -5
  89. package/src/filiale/tongchuan/Login.vue +563 -563
  90. package/src/filiale/tongchuan/Main.vue +1021 -1021
  91. package/src/filiale/tongchuan/system.js +7 -7
  92. package/src/filiale/weinan/Main.vue +924 -924
  93. package/src/filiale/weinan/system.js +7 -7
  94. package/src/filiale/wenxi/Login.vue +537 -537
  95. package/src/filiale/wenxi/Main.vue +787 -787
  96. package/src/filiale/wenxi/system.js +10 -10
  97. package/src/filiale/wuhai/LeftTree.vue +141 -141
  98. package/src/filiale/wuhai/Main.vue +810 -810
  99. package/src/filiale/wuhai/system.js +10 -10
  100. package/src/filiale/yuchuan/Login.vue +891 -891
  101. package/src/filiale/yuchuan/Main.vue +866 -866
  102. package/src/filiale/yuchuan/system.js +10 -10
  103. package/src/filiale/zhoukou/Main.vue +809 -809
  104. package/src/filiale/zhoukou/system.js +6 -6
  105. package/src/plugins/EncryptUtil.js +53 -53
  106. package/src/plugins/GetLoginInfoService.js +480 -480
  107. package/src/plugins/HeatGetLoginInfoService.js +491 -491
  108. package/src/plugins/validation.js +15 -15
  109. package/src/project/State.js +17 -17
  110. package/src/stores/AppData.js +38 -38
  111. package/src/stores/HeatAppData.js +38 -38
  112. package/src/styles/fonts/glyphicons-halflings-regular.svg +288 -288
  113. package/src/styles/less/.csscomb.json +304 -304
  114. package/src/styles/less/.csslintrc +19 -19
  115. package/src/styles/less/alerts.less +73 -73
  116. package/src/styles/less/aofeng/animate.min.css +10 -10
  117. package/src/styles/less/aofeng/expandcss.less +569 -569
  118. package/src/styles/less/aofeng/login.less +367 -367
  119. package/src/styles/less/aofeng/standard.less +2507 -2507
  120. package/src/styles/less/aofeng/themeOne/BinaryTemplate.less +690 -690
  121. package/src/styles/less/aofeng/themeOne/loginStyle.less +1586 -1586
  122. package/src/styles/less/aofeng/themeOne/systemStyle.less +2650 -2650
  123. package/src/styles/less/aofeng/themeOne.less +17 -17
  124. package/src/styles/less/aofeng/themeTwo/newStyle1.less +415 -415
  125. package/src/styles/less/aofeng/themeTwo.less +3 -3
  126. package/src/styles/less/badges.less +66 -66
  127. package/src/styles/less/bootstrap.less +66 -66
  128. package/src/styles/less/breadcrumbs.less +26 -26
  129. package/src/styles/less/button-groups.less +247 -247
  130. package/src/styles/less/buttons.less +172 -172
  131. package/src/styles/less/carousel.less +269 -269
  132. package/src/styles/less/close.less +34 -34
  133. package/src/styles/less/code.less +69 -69
  134. package/src/styles/less/component-animations.less +33 -33
  135. package/src/styles/less/dropdowns.less +216 -216
  136. package/src/styles/less/fonts-list.less +25 -25
  137. package/src/styles/less/forms.less +626 -626
  138. package/src/styles/less/glyphicons.less +305 -305
  139. package/src/styles/less/grid.less +84 -84
  140. package/src/styles/less/input-groups.less +167 -167
  141. package/src/styles/less/jumbotron.less +52 -52
  142. package/src/styles/less/labels.less +64 -64
  143. package/src/styles/less/list-group.less +141 -141
  144. package/src/styles/less/manageStyle/manageChile.less +180 -180
  145. package/src/styles/less/manageStyle/manageStyle/manageChile.less +180 -180
  146. package/src/styles/less/manageStyle/manageStyle/manageStyle.less +1102 -1102
  147. package/src/styles/less/manageStyle/manageStyle/safeStyle.less +498 -498
  148. package/src/styles/less/manageStyle/manageStyle.less +1102 -1102
  149. package/src/styles/less/manageStyle/safeStyle.less +498 -498
  150. package/src/styles/less/media.less +66 -66
  151. package/src/styles/less/mixins/alerts.less +14 -14
  152. package/src/styles/less/mixins/background-variant.less +9 -9
  153. package/src/styles/less/mixins/border-radius.less +18 -18
  154. package/src/styles/less/mixins/buttons.less +69 -69
  155. package/src/styles/less/mixins/center-block.less +7 -7
  156. package/src/styles/less/mixins/clearfix.less +22 -22
  157. package/src/styles/less/mixins/forms.less +90 -90
  158. package/src/styles/less/mixins/gradients.less +59 -59
  159. package/src/styles/less/mixins/grid-framework.less +92 -92
  160. package/src/styles/less/mixins/grid.less +122 -122
  161. package/src/styles/less/mixins/hide-text.less +21 -21
  162. package/src/styles/less/mixins/image.less +33 -33
  163. package/src/styles/less/mixins/labels.less +12 -12
  164. package/src/styles/less/mixins/list-group.less +30 -30
  165. package/src/styles/less/mixins/nav-divider.less +10 -10
  166. package/src/styles/less/mixins/nav-vertical-align.less +9 -9
  167. package/src/styles/less/mixins/opacity.less +8 -8
  168. package/src/styles/less/mixins/pagination.less +24 -24
  169. package/src/styles/less/mixins/panels.less +24 -24
  170. package/src/styles/less/mixins/progress-bar.less +10 -10
  171. package/src/styles/less/mixins/reset-filter.less +8 -8
  172. package/src/styles/less/mixins/reset-text.less +18 -18
  173. package/src/styles/less/mixins/resize.less +6 -6
  174. package/src/styles/less/mixins/responsive-visibility.less +15 -15
  175. package/src/styles/less/mixins/size.less +10 -10
  176. package/src/styles/less/mixins/tab-focus.less +9 -9
  177. package/src/styles/less/mixins/table-row.less +44 -44
  178. package/src/styles/less/mixins/text-emphasis.less +9 -9
  179. package/src/styles/less/mixins/text-overflow.less +8 -8
  180. package/src/styles/less/mixins/vendor-prefixes.less +227 -227
  181. package/src/styles/less/mixins.less +40 -40
  182. package/src/styles/less/modals.less +151 -151
  183. package/src/styles/less/navbar.less +660 -660
  184. package/src/styles/less/navs.less +285 -285
  185. package/src/styles/less/normalize.less +424 -424
  186. package/src/styles/less/pager.less +76 -76
  187. package/src/styles/less/pagination.less +89 -89
  188. package/src/styles/less/panels.less +275 -275
  189. package/src/styles/less/popovers.less +131 -131
  190. package/src/styles/less/print.less +101 -101
  191. package/src/styles/less/progress-bars.less +87 -87
  192. package/src/styles/less/responsive-embed.less +35 -35
  193. package/src/styles/less/responsive-utilities.less +194 -194
  194. package/src/styles/less/scaffolding.less +161 -161
  195. package/src/styles/less/stand.less +207 -207
  196. package/src/styles/less/tables.less +312 -312
  197. package/src/styles/less/theme.less +291 -291
  198. package/src/styles/less/thumbnails.less +36 -36
  199. package/src/styles/less/tooltip.less +102 -102
  200. package/src/styles/less/type.less +316 -316
  201. package/src/styles/less/utilities.less +55 -55
  202. package/src/styles/less/variables.less +899 -899
  203. package/src/styles/less/wells.less +29 -29
  204. package/src/system.js +122 -122
  205. package/src/util/Daiban.json +12 -12
  206. package/yarn-error.log +6896 -6896
  207. package/.gradle/8.5/checksums/checksums.lock +0 -0
  208. package/.gradle/8.5/dependencies-accessors/dependencies-accessors.lock +0 -0
  209. package/.gradle/8.5/dependencies-accessors/gc.properties +0 -0
  210. package/.gradle/8.5/executionHistory/executionHistory.bin +0 -0
  211. package/.gradle/8.5/executionHistory/executionHistory.lock +0 -0
  212. package/.gradle/8.5/fileChanges/last-build.bin +0 -0
  213. package/.gradle/8.5/fileHashes/fileHashes.bin +0 -0
  214. package/.gradle/8.5/fileHashes/fileHashes.lock +0 -0
  215. package/.gradle/8.5/gc.properties +0 -0
  216. package/.gradle/buildOutputCleanup/buildOutputCleanup.lock +0 -0
  217. package/.gradle/buildOutputCleanup/cache.properties +0 -2
  218. package/.gradle/buildOutputCleanup/outputFiles.bin +0 -0
  219. package/.gradle/file-system.probe +0 -0
  220. package/.gradle/vcs-1/gc.properties +0 -0
  221. package/gradle/wrapper/gradle-wrapper.jar +0 -0
  222. package/gradle/wrapper/gradle-wrapper.properties +0 -7
  223. package/gradlew +0 -249
  224. package/gradlew.bat +0 -92
@@ -1,891 +1,891 @@
1
- <template>
2
- <div class="syslogin">
3
- <div class="login-title" >
4
- <div class="row auto">
5
- <marquee style="width:80%;margin-top:25px"><span style="font-size: 1.8rem;color: white;">{{notice}}</span></marquee>
6
- <div class="login-title-chi" style="white-space: nowrap;margin-right:-5%">
7
- <div v-if="titleShow">
8
- <img src="../../../static/newStyle/login-info.png"/>
9
- <span @click="showus=true">关于我们</span>
10
- </div>
11
- <!-- <img src="../../../static/newStyle/login-con.png"/>-->
12
- <!-- <span>联系我们</span>-->
13
- </div>
14
- </div>
15
- </div>
16
-
17
- <modal :show.sync="showus" backdrop="true" width="50%" style="width:auto;">
18
- <article slot="modal-body" class="modal-body" >
19
- <img style="height:100%;width:100%" src="../../../static/newStyle/about-us.png"/>
20
- </article>
21
- <footer slot="modal-footer" class="modal-footer">
22
- </footer>
23
- </modal>
24
-
25
-
26
- <div class="logoew" v-if="logoandroid" >
27
- <div v-if="logoandroid" class="imglogo"></div>
28
- <p class="logocontent">燃气客服系统Android版</p>
29
- <p class="logofooter">(仅浏览器扫描)</p>
30
- </div>
31
- <!--输入框-->
32
- <div class="loginmain">
33
- <!-- <img src="../../../static/login_title1.png" alt="图片加载未完成" class="img-responsive" style="margin: 0 auto; padding-top: 150px;" /> -->
34
- <div class="loginmain-left">
35
- <img class="loginmain-left-img" src="../../../static/newStyle/login-left.png">
36
- </div>
37
- <div class="loginmain-right">
38
-
39
- <p @click="theme()" style="white-space: nowrap">{{config.title}}</p>
40
-
41
- <form v-show="!login">
42
- <!-- <input type="text" placeholder="用户名" v-model="model.ename" class="usericon">-->
43
- <div class="login-input">
44
- <img src="../../../static/newStyle/login-user.png"/>
45
- <input type="text" style="display: inline;background-color: white!important;" placeholder="用户名" v-model="model.ename"/>
46
- </div>
47
- <div class="login-input">
48
- <img src="../../../static/newStyle/login-pwd.png"/>
49
- <input type="password" placeholder="密码" style="display: inline;background-color: darkgray;" v-model="model.password"
50
- @keyup.enter="confirm('key')"/>
51
- </div>
52
- <div class="login-input-1" v-if="$login.Verification">
53
- <img src="../../../static/newStyle/login-check.png"/>
54
- <input v-if="$login.Verification" class="login-check" type="text" placeholder="请输入验证码"
55
- v-model="picLyanzhengma" @keyup.enter="confirm('key')"/>
56
- </div>
57
- <div class="login-input-2" >
58
- <input v-if="$login.Verification" class="login-check-1" style="display: inline;background-color:#eeeeee !important;"
59
- type="button" @click="createCode" v-model="checkCode"/>
60
- </div>
61
- <div class="login-bt">
62
- <button type="button" id="login-button" class="login-button" @click.prevent="confirm('click')">登录</button>
63
- </div>
64
- <!-- <input type="password" placeholder="密码" v-model="model.password" class="psicon"-->
65
- <!-- @keyup.enter="confirm('key')">-->
66
- <!-- <input v-if="$login.Verification" styljiaoyane="width: 40%; display: inline" type="text" placeholder="请输入验证码"-->
67
- <!-- v-model="picLyanzhengma" @keyup.enter="confirm('key')">-->
68
- <!-- <input v-if="$login.Verification" style="width: 30%; display: inline;background-color: darkgray;"-->
69
- <!-- type="button" @click="createCode" v-model="checkCode"/><br>-->
70
-
71
- <!-- <button type="button" id="login-button" @click.prevent="confirm()"><strong>注册</strong></button> -->
72
- <!-- <span @click="register()">还没有注册,现在注册>>></span> -->
73
- </form>
74
- <div v-show="login" class="login_load">
75
- <img src="../../../static/newStyle/login-do.gif">
76
- </div>
77
- </div>
78
- </div>
79
- <div class="login-foot" v-show="false">
80
- 技术支持:西安奥枫软件有限公司
81
- </div>
82
- <div class="login-foot" v-show="$login.BAinformation">
83
- {{{ $login.BAinformation }}}
84
- </div>
85
-
86
- <modal v-if="depPromptShow" :show.sync="depPromptShow" :backdrop="false" v-ref:modal >
87
- <header slot="modal-header" style="height: 8vh" class="modal-header">
88
- <!--<h4 class="modal-title">登录信息</h4>-->
89
- </header>
90
- <article slot="modal-body" class="modal-body">
91
- <form class="form-horizontal">
92
- <div class="row">
93
- <div class="col-sm-12 form-group">
94
- <label class="col-sm-5 ">当前登录人:</label>
95
- <label style="font-weight:normal">{{$login.f.name}}</label>
96
- </div>
97
- <!--<div class="col-sm-12 form-group" v-if="$login.f.number">-->
98
- <!--<label class="col-sm-5 ">组&nbsp;织&nbsp;编&nbsp;码:</label>-->
99
- <!--<label style="font-weight:normal">{{$login.f.number}}</label>-->
100
- <!-- <div class="col-sm-7">
101
- <span >{{$login.f.number}}</span>
102
- </div> -->
103
- <!--</div>-->
104
- <div class="col-sm-12 form-group">
105
- <label class="col-sm-5">所在销售点:</label>
106
- <label style="font-weight:normal">{{$login.f.deps}}</label>
107
- <!-- <div class="col-sm-7">
108
- <span >{{$login.f.deps}}</span>
109
- </div> -->
110
- </div>
111
- <div class="col-sm-12 " v-if="AppDaiBan !==''">
112
- <label class="col-sm-2">报装待办:</label>
113
- <span style="font-weight:normal">{{AppDaiBan}}</span>
114
- </div>
115
- <div class="col-sm-12 " v-if="OrderDaiBan !==''">
116
- <label class="col-sm-2">预约待办:</label>
117
- <span style="font-weight:normal">{{OrderDaiBan}}</span>
118
- </div>
119
- <div class="col-sm-12 " v-for="daibanitem in safecheckDaiBan">
120
- <label class="col-sm-2">{{daibanitem.oldData.title}}:</label>
121
- <span style="font-weight:normal">{{daibanitem.text}}</span>
122
- </div>
123
- </div>
124
- </form>
125
- </article>
126
- <footer slot="modal-footer" style="height: 8vh" class="modal-footer">
127
- <button class="button_search" @click="depPromptConfirm">确认</button>
128
- <button class="button_clear" @click="depPromptCancel">取消</button>
129
- </footer>
130
- </modal>
131
-
132
- <!-- 修改密码组件 -->
133
- <modify-pw :show.sync="modifyPwShow" v-if="modifyPwShow"></modify-pw>
134
- </div>
135
-
136
- </template>
137
-
138
- <script>
139
- import co from 'co'
140
- import $ from 'jquery'
141
- import Vue from 'vue'
142
- import {HttpResetClass} from 'vue-client'
143
-
144
- let daibanJson = require('../../util/Daiban.json')
145
-
146
-
147
- let saveGen = function *(self) {
148
- try {
149
- if(self.$login){
150
- // 账号,密码,是否显示异地登陆
151
- yield self.$login.login(self.model.ename, self.model.password, false)
152
- }
153
- if(self.$appdata){
154
- yield self.$appdata.load()
155
-
156
- }
157
- if (Vue.$heatCompatibility) {
158
- try {
159
- if(self.$loginHeat){
160
- yield self.$loginHeat.login(self.model.ename, self.model.password)
161
- }
162
- if(self.$appdataHeat){
163
- yield self.$appdataHeat.load()
164
- }
165
- } catch (e) {
166
- console.log('热力系统登陆失败!')
167
- }
168
- }
169
- yield self.$getConfig(self, 'Login')
170
- console.log('登录配置', self.config)
171
- if (self.config.isMac) {
172
- // 获取该登录人分公司下的mac配置
173
- // todo v4
174
- let getMacs = yield self.$resetpost('rs/sql/equipmentQuery', {data: {condition: `f_filialeids like '%${self.$login.f.f_orgids}%'`}}, {
175
- resolveMsg: null,
176
- rejectMsg: null
177
- }).catch(() => {
178
- throw new Error('获取mac配置失败')
179
- })
180
- console.log('MAC地址信息', getMacs)
181
- // 获取本地mac地址
182
- let getLocalMac = yield self.$resetget('http://127.0.0.1:8003/loadmac', {
183
- resolveMsg: null,
184
- rejectMsg: null
185
- }).catch(() => {
186
- throw new Error('获取本地mac配置失败')
187
- })
188
- console.log('本地MAC地址信息', getLocalMac)
189
- // 对Mac地址进行匹配
190
- let macValidate = false
191
- for (let i = 0; i < getLocalMac.data.mac.length; i++) {
192
- for (let j = 0; j < getMacs.data.length; j++) {
193
- if (getMacs.data[j].f_mac_number.toLocaleUpperCase() === getLocalMac.data.mac[i]) {
194
- macValidate = true
195
- }
196
- }
197
- }
198
- if (!macValidate) {
199
- throw new Error('Mac地址验证失败, 请联系管理员!!')
200
- }
201
- }
202
- console.log(self.$login.depPrompt)
203
- // 弱口令验证
204
- //跳转过来的不进行验证
205
- if ((!self.otherLogin) && self.config.weakPassword && !(/^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z]{8,16}$/.test(self.model.password))) {
206
- self.$showMessage('登录系统: 此账户的密码过于简单,请修改密码后重新登陆!!!', ['confirm']).then((res) => {
207
- self.modifyPwShow = true
208
- })
209
- } else if ((!self.otherLogin) && self.$login.depPrompt) {
210
- self.depPromptShow = true
211
- if (self.$login.showDaiBan && self.$login.r.includes('展示预约信息')){
212
- // 获取待办
213
- self.getDaiBan()
214
-
215
- }
216
- if (self.$login.showDaiBan && self.$login.r.includes('登录预约信息')){
217
- // 获取待办 在util下有个Daiban.jsond 文件 ,在里面进行配置,在功能权限界面增加登录预约信息
218
- self.getDaiBanA()
219
- }
220
- } else {
221
- self.$goto('home-page', {functions: self.$login.f,config: self.config})
222
- // if (self.otherLogin){
223
- // window.history.pushState(null,null,'')
224
- // }
225
- if (self.$login) {
226
- console.log('登录信息', self.$login.f)
227
- global.login=self.$login.f
228
- console.log('登录信息', global.login)
229
- }
230
- }
231
-
232
- } catch (ret) {
233
- console.error('登录失败', ret)
234
- let msg
235
- if (ret instanceof Error) {
236
- msg = ret
237
- }
238
- if (ret.status === 0) {
239
- msg = '服务连接错误,请确认服务状态'
240
- } else if (ret.status === 401) {
241
- msg = ret.data
242
- } else if (ret.status === 710) {
243
- msg = ret.data
244
- }
245
- self.createCode()
246
- self.picLyanzhengma = ''
247
- yield self.$showMessage(msg)
248
- self.model.ename = ''
249
- self.model.password = ''
250
- self.login = false
251
- $('form').fadeIn(500)
252
- }
253
- }
254
- export default {
255
- title: '登录',
256
- async ready () {
257
- this.titleShow = this.$appdata.getSingleValue('关于我们')
258
- try{
259
- let http = new HttpResetClass()
260
- let res = await http.load('POST', 'api/af-system/sql/singleTable',
261
- {data:{
262
- tablename: 't_changedeclare',
263
- condition: ` f_type ='变更通知' `
264
- }
265
- }, {resolveMsg: null, rejectMsg: null})
266
- if(res.data.length>0){
267
- console.log("---------------获取通知",res.data[0].f_change_message)
268
- this.notice=res.data[0].f_change_message
269
- }
270
- }catch(e){}
271
-
272
- this.loginother();
273
- $('#login-button').click(function (event) {
274
- event.preventDefault()
275
- $('form').fadeOut(500)
276
- })
277
- if (window.location.search && window.location.search.indexOf('af_key') !== -1&& window.location.search.indexOf('af_n') !== -1) {
278
- const subUrl = window.location.search.replace('?af_key=','').split('&af_n=')
279
- console.log(subUrl)
280
- this.model.ename = window.atob(subUrl[0])
281
- this.model.password = window.atob(subUrl[1])
282
- console.log('this.model.ename',this.model.ename)
283
- this.otherLogin = true
284
- this.confirm()
285
- }else{
286
- //跳转不需要验证码
287
- this.createCode()
288
- }
289
- console.log(this.$login)
290
- },
291
- data () {
292
- return {
293
- image:{
294
- img1: '/images/newStyle/login-info.png',
295
- img2: '/images/newStyle/login-con.png',
296
- img3: '/images/newStyle/login-left.png',
297
- img4: '/images/newStyle/login-user.png',
298
- img5: '/images/newStyle/login-pwd.png',
299
- img6: '/images/newStyle/login-check.png',
300
- img7: '/images/newStyle/login-do.png',
301
- },
302
- config: {
303
- isMac: false,
304
- depPrompt: false,
305
- weakPassword: false,
306
- title: '榆林榆川客服系统',
307
- distanceLogin: false,
308
- // 那些角色可以定时获取预约提示
309
- isTip : false,
310
- // 那些角色可以定时获取预约提示
311
- msgRole : '预约处理人员',
312
- // 定时获取提示间隔 单位:分钟
313
- times: 25,
314
- },
315
- titleShow: true, //标题显示
316
- otherLogin:false,
317
- login: false,
318
- depPromptShow: false,
319
- model: {},
320
- show: false,
321
- checkCode: '',
322
- login_do:true,
323
- picLyanzhengma: '',
324
- // 修改密码弹框展示
325
- modifyPwShow: false,
326
- logoandroid:false,
327
- showus:false,
328
- notice:'',
329
- loginotherflag :true,
330
- // 报建待办
331
- AppDaiBan: '',
332
- //安检待办
333
- safecheckDaiBan:[],
334
- // 预约待处理
335
- OrderDaiBan: ''
336
- }
337
- },
338
- methods: {
339
- async getDaiBan(){
340
- let http = new HttpResetClass()
341
- let condition = ''
342
- if(this.$login.f.deps!=='柠条塔'){
343
- condition = ` (f_orderstate != '预约成功' and f_orderstate != '预约失败' ) or f_orderstate is null `
344
- } else {
345
- condition =` f_orderstate is null and (f_address in( select f_address from t_user_address where f_slice_area='柠条塔') or f_address like '%柠条塔%') `
346
- }
347
- await http.load('POST', '/api/af-system/sql/singleTable', {data: {
348
- tablename:'t_order_center',
349
- condition:condition
350
- }}, {
351
- resolveMsg: null,
352
- rejectMsg: null
353
- }).then((res) => {
354
- let OrderDaiBan = {}
355
- res.data.forEach(item=>{
356
- OrderDaiBan[item.f_ordertype] = OrderDaiBan[item.f_ordertype] || []
357
- OrderDaiBan[item.f_ordertype].push(item)
358
- })
359
- this.OrderDaiBan = `您有${res.data.length}条需要处理的微信预约业务!`
360
- if (res.data.length> 0){
361
- this.OrderDaiBan += `其中 ${Object.keys(OrderDaiBan).map(key=>`${key}:${OrderDaiBan[key].length}条`).join(', ')}`
362
- }
363
- })
364
- let data = {
365
- condition: '1 = 1',
366
- data: {
367
- orgid: this.$login.f.orgid,
368
- id: this.$login.f.id
369
- }
370
- }
371
- await http.load('POST', '/rs/sql/checkuser', {data: data}, {
372
- resolveMsg: null,
373
- rejectMsg: null
374
- }).then((res) => {
375
- let AppDaiBan = {}
376
- res.data.forEach(item=>{
377
- AppDaiBan[item.defname] = AppDaiBan[item.defname] || []
378
- AppDaiBan[item.defname].push(item)
379
- })
380
- this.AppDaiBan = `您有${res.data.length}条需要处理的报建待办业务!`
381
- if (res.data.length> 0){
382
- this.AppDaiBan += `其中 ${Object.keys(AppDaiBan).map(key=>`${key}:${AppDaiBan[key].length}条`).join(', ')}`
383
- }
384
- })
385
-
386
- },
387
- async getDaiBanA(){
388
- // 是否全局开启待办通知
389
- if (daibanJson.enable) {
390
- console.log("当前获取到待办配置为" + JSON.stringify(daibanJson))
391
- let http = new HttpResetClass()
392
- let daibanArray = []
393
- for (let daibanItem of daibanJson.daiban) {
394
- console.log("开始处理待办任务:" + daibanItem.title + "当前任务状态:" + daibanItem.enable?"开启":"关闭" )
395
- if (daibanItem.enable) { // 控制每一项通知是否开启
396
- let postResult = ''; //提示信息为
397
- await http.load("POST",daibanItem.url,{data:daibanItem.data},{ resolveMsg: null, rejectMsg: null})
398
- .then((res)=>{
399
- let responseData = res.data
400
- for (let item of responseData) {
401
- postResult += eval(daibanItem.text) + "\n"
402
- }
403
- postResult += '\t'
404
- daibanArray.push({text:postResult,oldData:daibanItem})
405
- })
406
- }
407
- }
408
- console.log("安检数据为:"+JSON.stringify(daibanArray))
409
- this.safecheckDaiBan = daibanArray
410
- }else {
411
- console.log("待办提醒全局关闭。")
412
- }
413
-
414
-
415
-
416
-
417
- },
418
-
419
- async loginother(){
420
- if (this.config.distanceLogin) {
421
- if (this.$login && this.$login.getUrlParames('name') ) {
422
- let ename = this.$login.getUrlParames('name');
423
- // todo v4
424
- let logininfo = await this.$resetpost('rs/logic/getLoginData',{data:{ename:ename}},{resolveMsg: null, rejectMsg: null});
425
- if(logininfo.data){
426
- if(logininfo.data.ename && logininfo.data.password){
427
- this.model.ename = logininfo.data.ename
428
- this.model.password =logininfo.data.password
429
- let gen = saveGen(this)
430
- return co(gen)
431
- }
432
- }
433
- }
434
- }
435
- },
436
- theme(){
437
- // var elementList = document.querySelectorAll('body');
438
- // console.log(elementList)
439
- // document.querySelectorAll('body')[0].className='themeTwo'
440
- // var elementList = document.querySelectorAll('body');
441
- // console.log(elementList)
442
- },
443
- onReady () {
444
- this.$emit('ready')
445
- },
446
- confirm (key) {
447
- this.login_do=!this.login_do
448
- // return
449
- if (key == 'key') {
450
- $('form').fadeOut(500)
451
- }
452
- this.login = true
453
- // let gen = saveGen(this)
454
- // return co(gen)
455
- if((!this.otherLogin) && this.$login && this.$login.Verification){
456
- console.log('跳转过来的不走验证')
457
- if(this.picLyanzhengma == '') {
458
- this.$showMessage("请输入验证码!").then(()=>{
459
- this.login = false
460
- $('form').fadeIn(500)
461
- this.createCode()
462
- })
463
- }else if(this.picLyanzhengma.toUpperCase() != this.checkCode ) {
464
- //若输入的验证码与产生的验证码不一致时
465
- this.$showMessage("验证码不正确").then(()=>{
466
- this.login = false
467
- $('form').fadeIn(500)
468
- this.createCode();//刷新验证码
469
- this.picLyanzhengma = '';
470
- })
471
- }else {
472
- this.login = true
473
- let gen = saveGen(this)
474
- return co(gen)
475
- }
476
- }else {
477
- this.login = true
478
- let gen = saveGen(this)
479
- return co(gen)
480
- }
481
- },
482
- createCode(){
483
- let code = "";
484
- let codeLength = 4;//验证码的长度
485
- let random = new Array(0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R',
486
- 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z');//随机数
487
- for (let i = 0; i < codeLength; i++) {
488
- //循环操作
489
- let index = Math.floor(Math.random() * 36);//取得随机数的索引(0~35)
490
- code += random[index];//根据索引取得随机数加到code上
491
- }
492
- this.checkCode = code;//把code值赋给验证码
493
- },
494
-
495
- async depPromptConfirm () {
496
- this.depPromptShow = false
497
- return this.$goto('home-page', {functions: this.$login.f,config: this.config})
498
- },
499
-
500
- depPromptCancel () {
501
- this.depPromptShow = false
502
- this.createCode()
503
- this.picLyanzhengma = ''
504
- this.model.ename = ''
505
- this.model.password = ''
506
- this.login = false
507
- $('form').fadeIn(500)
508
- }
509
- },
510
- watch: {
511
- 'modifyPwShow' (val){
512
- if (!val) {
513
- window.location.reload()
514
- }
515
- }
516
- }
517
- }
518
- </script>
519
-
520
- <style>
521
-
522
- /*输入框样式*/
523
- /*@import url(http://fonts.useso.com/css?family=Source+Sans+Pro:200,300);*/
524
- * {
525
- box-sizing: border-box;
526
- margin: 0;
527
- padding: 0;
528
- font-weight: 400;
529
- outline: none;
530
- }
531
-
532
- body {
533
- font-family: 'Source Sans Pro', sans-serif;
534
- /*color: white;*/
535
- font-weight: 400;
536
- }
537
-
538
- body ::-webkit-input-placeholder {
539
- /* WebKit browsers */
540
- font-family: 'Source Sans Pro', sans-serif;
541
- color: white;
542
- font-weight: 400;
543
- }
544
-
545
- body :-moz-placeholder {
546
- /* Mozilla Firefox 4 to 18 */
547
- font-family: 'Source Sans Pro', sans-serif;
548
- color: white;
549
- opacity: 1;
550
- font-weight: 400;
551
- }
552
-
553
- body ::-moz-placeholder {
554
- /* Mozilla Firefox 19+ */
555
- font-family: 'Source Sans Pro', sans-serif;
556
- color: white;
557
- opacity: 1;
558
- font-weight: 400;
559
- }
560
-
561
- body :-ms-input-placeholder {
562
- /* Internet Explorer 10+ */
563
- font-family: 'Source Sans Pro', sans-serif;
564
- color: white;
565
- font-weight: 400;
566
- }
567
-
568
- .wrapper {
569
- /*background: #2D83BA;
570
- background: -webkit-linear-gradient(top left, #2D83BA 0%, #2D83BA 100%);
571
- background: linear-gradient(to bottom right, #2D83BA 0%, #2D83BA 100%);
572
- opacity: 0.8;*/
573
- position: absolute;
574
- top: 50%;
575
- right: -60px;
576
- width: 40%;
577
- height: 400px;
578
- margin-top: -150px;
579
- overflow: hidden;
580
-
581
- }
582
-
583
- .wrapper.form-success .container h3 {
584
- -webkit-transform: translateY(85px);
585
- -ms-transform: translateY(85px);
586
- transform: translateY(85px);
587
- }
588
-
589
- .container {
590
- max-width: 350px;
591
- margin: 0 auto;
592
- padding: 30px 100px 50px 100px;
593
- height: 400px;
594
- text-align: center;
595
- /*以下增加*/
596
- background: #2D83BA;
597
- background: -webkit-linear-gradient(top left, #2D83BA 0%, #2D83BA 100%);
598
- background: linear-gradient(to bottom right, #2D83BA 0%, #2D83BA 100%);
599
- opacity: 0.8;
600
- }
601
-
602
- .container h3 {
603
- font-size: 40px;
604
- -webkit-transition-duration: 1s;
605
- transition-duration: 1s;
606
- -webkit-transition-timing-function: ease-in-put;
607
- transition-timing-function: ease-in-put;
608
- font-weight: 200;
609
- }
610
-
611
- .form {
612
- padding: 20px 0;
613
- position: relative;
614
- z-index: 2;
615
- }
616
-
617
- .form input {
618
- -webkit-appearance: none;
619
- -moz-appearance: none;
620
- appearance: none;
621
- outline: 0;
622
- border: 1px solid #50ABE6;
623
- background-color: #50ABE6;
624
- width: 250px;
625
- border-radius: 3px;
626
- padding: 10px 15px;
627
- margin: 0 auto 10px auto;
628
- display: block;
629
- text-align: center;
630
- font-size: 18px;
631
- color: white;
632
- -webkit-transition-duration: 0.25s;
633
- transition-duration: 0.25s;
634
- font-weight: 400;
635
- }
636
-
637
- .form input:hover {
638
- background-color: rgba(255, 255, 255, 0.4);
639
- }
640
-
641
- .form input:focus {
642
- background-color: white;
643
- width: 300px;
644
- color: #53e3a6;
645
- }
646
-
647
- .usericon {
648
- background-image: url(../../../static/usericon.png);
649
- background-repeat: no-repeat;
650
- background-size: 30px;
651
- background-position-x: 8px;
652
- background-position-y: 8px;
653
- }
654
-
655
- .psicon {
656
- background-image: url(../../../static/psicon.png);
657
- background-repeat: no-repeat;
658
- background-size: 30px;
659
- background-position-x: 8px;
660
- background-position-y: 8px;
661
- }
662
-
663
- .form button {
664
- -webkit-appearance: none;
665
- -moz-appearance: none;
666
- appearance: none;
667
- outline: 0;
668
- background-color: white;
669
- border: 0;
670
- padding: 10px 15px;
671
- color: #253830;
672
- border-radius: 3px;
673
- width: 250px;
674
- cursor: pointer;
675
- font-size: 18px;
676
- -webkit-transition-duration: 0.25s;
677
- transition-duration: 0.25s;
678
- }
679
-
680
- .form button:hover {
681
- background-color: #f5f7f9;
682
- }
683
-
684
- /*注册字体样式*/
685
- .form span {
686
- color: #fff;
687
- display: table-footer-group;
688
- position: absolute;
689
- right: 10px;
690
- margin-top: 10px;
691
- cursor: pointer;
692
- }
693
-
694
- .logotitle {
695
- color: #fff;
696
- position: absolute;
697
- top: 50px;
698
- left: 50px;
699
- font-size: 50px;
700
- }
701
-
702
- /*注册模态框界面样式*/
703
- .modifystyle {
704
- background: #FCFEEE;
705
- }
706
-
707
- .modifystyle div {
708
- height: auto;
709
- margin-bottom: 15px;
710
- /*text-align: center;*/
711
- /*margin-left: 20%;*/
712
- }
713
-
714
- /*bootstrap字体图标要手动调整,所以使用字体图标的span必须紧跟在input后面,负责会错位*/
715
- .modifystyle div input + span {
716
- top: 0 !important;
717
- right: 32%;
718
- }
719
-
720
- .modifystyle span {
721
- color: red;
722
- }
723
-
724
- /* 通告区内容 */
725
- .notice-board {
726
- height: auto;
727
- position: absolute;
728
- top: 50%;
729
- margin-top: -150px;
730
- margin-left: 100px;
731
- color: #fff;
732
- }
733
-
734
- /*修改密码底部按钮部分样式*/
735
- .footerbtn {
736
- text-align: center;
737
- padding: 15px;
738
- }
739
-
740
- .footerbtn button {
741
- width: 100px;
742
- margin-left: 20px;
743
- }
744
-
745
- .bg-bubbles {
746
- position: absolute;
747
- top: 0;
748
- left: 0;
749
- width: 100%;
750
- height: 100%;
751
- z-index: 1;
752
- }
753
-
754
- .bg-bubbles li {
755
- position: absolute;
756
- list-style: none;
757
- display: block;
758
- width: 40px;
759
- height: 40px;
760
- background-color: rgba(255, 255, 255, 0.15);
761
- bottom: -160px;
762
- -webkit-animation: square 25s infinite;
763
- animation: square 25s infinite;
764
- -webkit-transition-timing-function: linear;
765
- transition-timing-function: linear;
766
- }
767
-
768
- .bg-bubbles li:nth-child(1) {
769
- left: 10%;
770
- }
771
-
772
- .bg-bubbles li:nth-child(2) {
773
- left: 20%;
774
- width: 80px;
775
- height: 80px;
776
- -webkit-animation-delay: 2s;
777
- animation-delay: 2s;
778
- -webkit-animation-duration: 17s;
779
- animation-duration: 17s;
780
- }
781
-
782
- .bg-bubbles li:nth-child(3) {
783
- left: 25%;
784
- -webkit-animation-delay: 4s;
785
- animation-delay: 4s;
786
- }
787
-
788
- .bg-bubbles li:nth-child(4) {
789
- left: 40%;
790
- width: 60px;
791
- height: 60px;
792
- -webkit-animation-duration: 22s;
793
- animation-duration: 22s;
794
- background-color: rgba(255, 255, 255, 0.25);
795
- }
796
-
797
- .bg-bubbles li:nth-child(5) {
798
- left: 70%;
799
- }
800
-
801
- .bg-bubbles li:nth-child(6) {
802
- left: 80%;
803
- width: 120px;
804
- height: 120px;
805
- -webkit-animation-delay: 3s;
806
- animation-delay: 3s;
807
- background-color: rgba(255, 255, 255, 0.2);
808
- }
809
-
810
- .bg-bubbles li:nth-child(7) {
811
- left: 32%;
812
- width: 160px;
813
- height: 160px;
814
- -webkit-animation-delay: 7s;
815
- animation-delay: 7s;
816
- }
817
-
818
- .bg-bubbles li:nth-child(8) {
819
- left: 55%;
820
- width: 20px;
821
- height: 20px;
822
- -webkit-animation-delay: 15s;
823
- animation-delay: 15s;
824
- -webkit-animation-duration: 40s;
825
- animation-duration: 40s;
826
- }
827
-
828
- .bg-bubbles li:nth-child(9) {
829
- left: 25%;
830
- width: 10px;
831
- height: 10px;
832
- -webkit-animation-delay: 2s;
833
- animation-delay: 2s;
834
- -webkit-animation-duration: 40s;
835
- animation-duration: 40s;
836
- background-color: rgba(255, 255, 255, 0.3);
837
- }
838
-
839
- .bg-bubbles li:nth-child(10) {
840
- left: 90%;
841
- width: 160px;
842
- height: 160px;
843
- -webkit-animation-delay: 11s;
844
- animation-delay: 11s;
845
- }
846
- .logofooter{
847
- font-size: 12px;
848
- color:#fff;
849
- width:150px;
850
- margin-left: 17px;
851
- }
852
- .logocontent{
853
- font-size: 14px;
854
- color:#fff;
855
- width:150px;
856
- margin: 3px -15px;
857
- }
858
- .imglogo {
859
- background:url(../../../static/logo.png);
860
- background-size:100%;
861
- }
862
- .logoew {
863
- width:120px;
864
- height:120px;
865
- float:right;
866
- margin-right:8.5%;
867
- margin-top:10px;
868
- }
869
-
870
- @-webkit-keyframes square {
871
- 0% {
872
- -webkit-transform: translateY(0);
873
- transform: translateY(0);
874
- }
875
- 100% {
876
- -webkit-transform: translateY(-700px) rotate(600deg);
877
- transform: translateY(-700px) rotate(600deg);
878
- }
879
- }
880
-
881
- @keyframes square {
882
- 0% {
883
- -webkit-transform: translateY(0);
884
- transform: translateY(0);
885
- }
886
- 100% {
887
- -webkit-transform: translateY(-700px) rotate(600deg);
888
- transform: translateY(-700px) rotate(600deg);
889
- }
890
- }
891
- </style>
1
+ <template>
2
+ <div class="syslogin">
3
+ <div class="login-title" >
4
+ <div class="row auto">
5
+ <marquee style="width:80%;margin-top:25px"><span style="font-size: 1.8rem;color: white;">{{notice}}</span></marquee>
6
+ <div class="login-title-chi" style="white-space: nowrap;margin-right:-5%">
7
+ <div v-if="titleShow">
8
+ <img src="../../../static/newStyle/login-info.png"/>
9
+ <span @click="showus=true">关于我们</span>
10
+ </div>
11
+ <!-- <img src="../../../static/newStyle/login-con.png"/>-->
12
+ <!-- <span>联系我们</span>-->
13
+ </div>
14
+ </div>
15
+ </div>
16
+
17
+ <modal :show.sync="showus" backdrop="true" width="50%" style="width:auto;">
18
+ <article slot="modal-body" class="modal-body" >
19
+ <img style="height:100%;width:100%" src="../../../static/newStyle/about-us.png"/>
20
+ </article>
21
+ <footer slot="modal-footer" class="modal-footer">
22
+ </footer>
23
+ </modal>
24
+
25
+
26
+ <div class="logoew" v-if="logoandroid" >
27
+ <div v-if="logoandroid" class="imglogo"></div>
28
+ <p class="logocontent">燃气客服系统Android版</p>
29
+ <p class="logofooter">(仅浏览器扫描)</p>
30
+ </div>
31
+ <!--输入框-->
32
+ <div class="loginmain">
33
+ <!-- <img src="../../../static/login_title1.png" alt="图片加载未完成" class="img-responsive" style="margin: 0 auto; padding-top: 150px;" /> -->
34
+ <div class="loginmain-left">
35
+ <img class="loginmain-left-img" src="../../../static/newStyle/login-left.png">
36
+ </div>
37
+ <div class="loginmain-right">
38
+
39
+ <p @click="theme()" style="white-space: nowrap">{{config.title}}</p>
40
+
41
+ <form v-show="!login">
42
+ <!-- <input type="text" placeholder="用户名" v-model="model.ename" class="usericon">-->
43
+ <div class="login-input">
44
+ <img src="../../../static/newStyle/login-user.png"/>
45
+ <input type="text" style="display: inline;background-color: white!important;" placeholder="用户名" v-model="model.ename"/>
46
+ </div>
47
+ <div class="login-input">
48
+ <img src="../../../static/newStyle/login-pwd.png"/>
49
+ <input type="password" placeholder="密码" style="display: inline;background-color: darkgray;" v-model="model.password"
50
+ @keyup.enter="confirm('key')"/>
51
+ </div>
52
+ <div class="login-input-1" v-if="$login.Verification">
53
+ <img src="../../../static/newStyle/login-check.png"/>
54
+ <input v-if="$login.Verification" class="login-check" type="text" placeholder="请输入验证码"
55
+ v-model="picLyanzhengma" @keyup.enter="confirm('key')"/>
56
+ </div>
57
+ <div class="login-input-2" >
58
+ <input v-if="$login.Verification" class="login-check-1" style="display: inline;background-color:#eeeeee !important;"
59
+ type="button" @click="createCode" v-model="checkCode"/>
60
+ </div>
61
+ <div class="login-bt">
62
+ <button type="button" id="login-button" class="login-button" @click.prevent="confirm('click')">登录</button>
63
+ </div>
64
+ <!-- <input type="password" placeholder="密码" v-model="model.password" class="psicon"-->
65
+ <!-- @keyup.enter="confirm('key')">-->
66
+ <!-- <input v-if="$login.Verification" styljiaoyane="width: 40%; display: inline" type="text" placeholder="请输入验证码"-->
67
+ <!-- v-model="picLyanzhengma" @keyup.enter="confirm('key')">-->
68
+ <!-- <input v-if="$login.Verification" style="width: 30%; display: inline;background-color: darkgray;"-->
69
+ <!-- type="button" @click="createCode" v-model="checkCode"/><br>-->
70
+
71
+ <!-- <button type="button" id="login-button" @click.prevent="confirm()"><strong>注册</strong></button> -->
72
+ <!-- <span @click="register()">还没有注册,现在注册>>></span> -->
73
+ </form>
74
+ <div v-show="login" class="login_load">
75
+ <img src="../../../static/newStyle/login-do.gif">
76
+ </div>
77
+ </div>
78
+ </div>
79
+ <div class="login-foot" v-show="false">
80
+ 技术支持:西安奥枫软件有限公司
81
+ </div>
82
+ <div class="login-foot" v-show="$login.BAinformation">
83
+ {{{ $login.BAinformation }}}
84
+ </div>
85
+
86
+ <modal v-if="depPromptShow" :show.sync="depPromptShow" :backdrop="false" v-ref:modal >
87
+ <header slot="modal-header" style="height: 8vh" class="modal-header">
88
+ <!--<h4 class="modal-title">登录信息</h4>-->
89
+ </header>
90
+ <article slot="modal-body" class="modal-body">
91
+ <form class="form-horizontal">
92
+ <div class="row">
93
+ <div class="col-sm-12 form-group">
94
+ <label class="col-sm-5 ">当前登录人:</label>
95
+ <label style="font-weight:normal">{{$login.f.name}}</label>
96
+ </div>
97
+ <!--<div class="col-sm-12 form-group" v-if="$login.f.number">-->
98
+ <!--<label class="col-sm-5 ">组&nbsp;织&nbsp;编&nbsp;码:</label>-->
99
+ <!--<label style="font-weight:normal">{{$login.f.number}}</label>-->
100
+ <!-- <div class="col-sm-7">
101
+ <span >{{$login.f.number}}</span>
102
+ </div> -->
103
+ <!--</div>-->
104
+ <div class="col-sm-12 form-group">
105
+ <label class="col-sm-5">所在销售点:</label>
106
+ <label style="font-weight:normal">{{$login.f.deps}}</label>
107
+ <!-- <div class="col-sm-7">
108
+ <span >{{$login.f.deps}}</span>
109
+ </div> -->
110
+ </div>
111
+ <div class="col-sm-12 " v-if="AppDaiBan !==''">
112
+ <label class="col-sm-2">报装待办:</label>
113
+ <span style="font-weight:normal">{{AppDaiBan}}</span>
114
+ </div>
115
+ <div class="col-sm-12 " v-if="OrderDaiBan !==''">
116
+ <label class="col-sm-2">预约待办:</label>
117
+ <span style="font-weight:normal">{{OrderDaiBan}}</span>
118
+ </div>
119
+ <div class="col-sm-12 " v-for="daibanitem in safecheckDaiBan">
120
+ <label class="col-sm-2">{{daibanitem.oldData.title}}:</label>
121
+ <span style="font-weight:normal">{{daibanitem.text}}</span>
122
+ </div>
123
+ </div>
124
+ </form>
125
+ </article>
126
+ <footer slot="modal-footer" style="height: 8vh" class="modal-footer">
127
+ <button class="button_search" @click="depPromptConfirm">确认</button>
128
+ <button class="button_clear" @click="depPromptCancel">取消</button>
129
+ </footer>
130
+ </modal>
131
+
132
+ <!-- 修改密码组件 -->
133
+ <modify-pw :show.sync="modifyPwShow" v-if="modifyPwShow"></modify-pw>
134
+ </div>
135
+
136
+ </template>
137
+
138
+ <script>
139
+ import co from 'co'
140
+ import $ from 'jquery'
141
+ import Vue from 'vue'
142
+ import {HttpResetClass} from 'vue-client'
143
+
144
+ let daibanJson = require('../../util/Daiban.json')
145
+
146
+
147
+ let saveGen = function *(self) {
148
+ try {
149
+ if(self.$login){
150
+ // 账号,密码,是否显示异地登陆
151
+ yield self.$login.login(self.model.ename, self.model.password, false)
152
+ }
153
+ if(self.$appdata){
154
+ yield self.$appdata.load()
155
+
156
+ }
157
+ if (Vue.$heatCompatibility) {
158
+ try {
159
+ if(self.$loginHeat){
160
+ yield self.$loginHeat.login(self.model.ename, self.model.password)
161
+ }
162
+ if(self.$appdataHeat){
163
+ yield self.$appdataHeat.load()
164
+ }
165
+ } catch (e) {
166
+ console.log('热力系统登陆失败!')
167
+ }
168
+ }
169
+ yield self.$getConfig(self, 'Login')
170
+ console.log('登录配置', self.config)
171
+ if (self.config.isMac) {
172
+ // 获取该登录人分公司下的mac配置
173
+ // todo v4
174
+ let getMacs = yield self.$resetpost('rs/sql/equipmentQuery', {data: {condition: `f_filialeids like '%${self.$login.f.f_orgids}%'`}}, {
175
+ resolveMsg: null,
176
+ rejectMsg: null
177
+ }).catch(() => {
178
+ throw new Error('获取mac配置失败')
179
+ })
180
+ console.log('MAC地址信息', getMacs)
181
+ // 获取本地mac地址
182
+ let getLocalMac = yield self.$resetget('http://127.0.0.1:8003/loadmac', {
183
+ resolveMsg: null,
184
+ rejectMsg: null
185
+ }).catch(() => {
186
+ throw new Error('获取本地mac配置失败')
187
+ })
188
+ console.log('本地MAC地址信息', getLocalMac)
189
+ // 对Mac地址进行匹配
190
+ let macValidate = false
191
+ for (let i = 0; i < getLocalMac.data.mac.length; i++) {
192
+ for (let j = 0; j < getMacs.data.length; j++) {
193
+ if (getMacs.data[j].f_mac_number.toLocaleUpperCase() === getLocalMac.data.mac[i]) {
194
+ macValidate = true
195
+ }
196
+ }
197
+ }
198
+ if (!macValidate) {
199
+ throw new Error('Mac地址验证失败, 请联系管理员!!')
200
+ }
201
+ }
202
+ console.log(self.$login.depPrompt)
203
+ // 弱口令验证
204
+ //跳转过来的不进行验证
205
+ if ((!self.otherLogin) && self.config.weakPassword && !(/^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z]{8,16}$/.test(self.model.password))) {
206
+ self.$showMessage('登录系统: 此账户的密码过于简单,请修改密码后重新登陆!!!', ['confirm']).then((res) => {
207
+ self.modifyPwShow = true
208
+ })
209
+ } else if ((!self.otherLogin) && self.$login.depPrompt) {
210
+ self.depPromptShow = true
211
+ if (self.$login.showDaiBan && self.$login.r.includes('展示预约信息')){
212
+ // 获取待办
213
+ self.getDaiBan()
214
+
215
+ }
216
+ if (self.$login.showDaiBan && self.$login.r.includes('登录预约信息')){
217
+ // 获取待办 在util下有个Daiban.jsond 文件 ,在里面进行配置,在功能权限界面增加登录预约信息
218
+ self.getDaiBanA()
219
+ }
220
+ } else {
221
+ self.$goto('home-page', {functions: self.$login.f,config: self.config})
222
+ // if (self.otherLogin){
223
+ // window.history.pushState(null,null,'')
224
+ // }
225
+ if (self.$login) {
226
+ console.log('登录信息', self.$login.f)
227
+ global.login=self.$login.f
228
+ console.log('登录信息', global.login)
229
+ }
230
+ }
231
+
232
+ } catch (ret) {
233
+ console.error('登录失败', ret)
234
+ let msg
235
+ if (ret instanceof Error) {
236
+ msg = ret
237
+ }
238
+ if (ret.status === 0) {
239
+ msg = '服务连接错误,请确认服务状态'
240
+ } else if (ret.status === 401) {
241
+ msg = ret.data
242
+ } else if (ret.status === 710) {
243
+ msg = ret.data
244
+ }
245
+ self.createCode()
246
+ self.picLyanzhengma = ''
247
+ yield self.$showMessage(msg)
248
+ self.model.ename = ''
249
+ self.model.password = ''
250
+ self.login = false
251
+ $('form').fadeIn(500)
252
+ }
253
+ }
254
+ export default {
255
+ title: '登录',
256
+ async ready () {
257
+ this.titleShow = this.$appdata.getSingleValue('关于我们')
258
+ try{
259
+ let http = new HttpResetClass()
260
+ let res = await http.load('POST', 'api/af-system/sql/singleTable',
261
+ {data:{
262
+ tablename: 't_changedeclare',
263
+ condition: ` f_type ='变更通知' `
264
+ }
265
+ }, {resolveMsg: null, rejectMsg: null})
266
+ if(res.data.length>0){
267
+ console.log("---------------获取通知",res.data[0].f_change_message)
268
+ this.notice=res.data[0].f_change_message
269
+ }
270
+ }catch(e){}
271
+
272
+ this.loginother();
273
+ $('#login-button').click(function (event) {
274
+ event.preventDefault()
275
+ $('form').fadeOut(500)
276
+ })
277
+ if (window.location.search && window.location.search.indexOf('af_key') !== -1&& window.location.search.indexOf('af_n') !== -1) {
278
+ const subUrl = window.location.search.replace('?af_key=','').split('&af_n=')
279
+ console.log(subUrl)
280
+ this.model.ename = window.atob(subUrl[0])
281
+ this.model.password = window.atob(subUrl[1])
282
+ console.log('this.model.ename',this.model.ename)
283
+ this.otherLogin = true
284
+ this.confirm()
285
+ }else{
286
+ //跳转不需要验证码
287
+ this.createCode()
288
+ }
289
+ console.log(this.$login)
290
+ },
291
+ data () {
292
+ return {
293
+ image:{
294
+ img1: '/images/newStyle/login-info.png',
295
+ img2: '/images/newStyle/login-con.png',
296
+ img3: '/images/newStyle/login-left.png',
297
+ img4: '/images/newStyle/login-user.png',
298
+ img5: '/images/newStyle/login-pwd.png',
299
+ img6: '/images/newStyle/login-check.png',
300
+ img7: '/images/newStyle/login-do.png',
301
+ },
302
+ config: {
303
+ isMac: false,
304
+ depPrompt: false,
305
+ weakPassword: false,
306
+ title: '榆林榆川客服系统',
307
+ distanceLogin: false,
308
+ // 那些角色可以定时获取预约提示
309
+ isTip : false,
310
+ // 那些角色可以定时获取预约提示
311
+ msgRole : '预约处理人员',
312
+ // 定时获取提示间隔 单位:分钟
313
+ times: 25,
314
+ },
315
+ titleShow: true, //标题显示
316
+ otherLogin:false,
317
+ login: false,
318
+ depPromptShow: false,
319
+ model: {},
320
+ show: false,
321
+ checkCode: '',
322
+ login_do:true,
323
+ picLyanzhengma: '',
324
+ // 修改密码弹框展示
325
+ modifyPwShow: false,
326
+ logoandroid:false,
327
+ showus:false,
328
+ notice:'',
329
+ loginotherflag :true,
330
+ // 报建待办
331
+ AppDaiBan: '',
332
+ //安检待办
333
+ safecheckDaiBan:[],
334
+ // 预约待处理
335
+ OrderDaiBan: ''
336
+ }
337
+ },
338
+ methods: {
339
+ async getDaiBan(){
340
+ let http = new HttpResetClass()
341
+ let condition = ''
342
+ if(this.$login.f.deps!=='柠条塔'){
343
+ condition = ` (f_orderstate != '预约成功' and f_orderstate != '预约失败' ) or f_orderstate is null `
344
+ } else {
345
+ condition =` f_orderstate is null and (f_address in( select f_address from t_user_address where f_slice_area='柠条塔') or f_address like '%柠条塔%') `
346
+ }
347
+ await http.load('POST', '/api/af-system/sql/singleTable', {data: {
348
+ tablename:'t_order_center',
349
+ condition:condition
350
+ }}, {
351
+ resolveMsg: null,
352
+ rejectMsg: null
353
+ }).then((res) => {
354
+ let OrderDaiBan = {}
355
+ res.data.forEach(item=>{
356
+ OrderDaiBan[item.f_ordertype] = OrderDaiBan[item.f_ordertype] || []
357
+ OrderDaiBan[item.f_ordertype].push(item)
358
+ })
359
+ this.OrderDaiBan = `您有${res.data.length}条需要处理的微信预约业务!`
360
+ if (res.data.length> 0){
361
+ this.OrderDaiBan += `其中 ${Object.keys(OrderDaiBan).map(key=>`${key}:${OrderDaiBan[key].length}条`).join(', ')}`
362
+ }
363
+ })
364
+ let data = {
365
+ condition: '1 = 1',
366
+ data: {
367
+ orgid: this.$login.f.orgid,
368
+ id: this.$login.f.id
369
+ }
370
+ }
371
+ await http.load('POST', '/rs/sql/checkuser', {data: data}, {
372
+ resolveMsg: null,
373
+ rejectMsg: null
374
+ }).then((res) => {
375
+ let AppDaiBan = {}
376
+ res.data.forEach(item=>{
377
+ AppDaiBan[item.defname] = AppDaiBan[item.defname] || []
378
+ AppDaiBan[item.defname].push(item)
379
+ })
380
+ this.AppDaiBan = `您有${res.data.length}条需要处理的报建待办业务!`
381
+ if (res.data.length> 0){
382
+ this.AppDaiBan += `其中 ${Object.keys(AppDaiBan).map(key=>`${key}:${AppDaiBan[key].length}条`).join(', ')}`
383
+ }
384
+ })
385
+
386
+ },
387
+ async getDaiBanA(){
388
+ // 是否全局开启待办通知
389
+ if (daibanJson.enable) {
390
+ console.log("当前获取到待办配置为" + JSON.stringify(daibanJson))
391
+ let http = new HttpResetClass()
392
+ let daibanArray = []
393
+ for (let daibanItem of daibanJson.daiban) {
394
+ console.log("开始处理待办任务:" + daibanItem.title + "当前任务状态:" + daibanItem.enable?"开启":"关闭" )
395
+ if (daibanItem.enable) { // 控制每一项通知是否开启
396
+ let postResult = ''; //提示信息为
397
+ await http.load("POST",daibanItem.url,{data:daibanItem.data},{ resolveMsg: null, rejectMsg: null})
398
+ .then((res)=>{
399
+ let responseData = res.data
400
+ for (let item of responseData) {
401
+ postResult += eval(daibanItem.text) + "\n"
402
+ }
403
+ postResult += '\t'
404
+ daibanArray.push({text:postResult,oldData:daibanItem})
405
+ })
406
+ }
407
+ }
408
+ console.log("安检数据为:"+JSON.stringify(daibanArray))
409
+ this.safecheckDaiBan = daibanArray
410
+ }else {
411
+ console.log("待办提醒全局关闭。")
412
+ }
413
+
414
+
415
+
416
+
417
+ },
418
+
419
+ async loginother(){
420
+ if (this.config.distanceLogin) {
421
+ if (this.$login && this.$login.getUrlParames('name') ) {
422
+ let ename = this.$login.getUrlParames('name');
423
+ // todo v4
424
+ let logininfo = await this.$resetpost('rs/logic/getLoginData',{data:{ename:ename}},{resolveMsg: null, rejectMsg: null});
425
+ if(logininfo.data){
426
+ if(logininfo.data.ename && logininfo.data.password){
427
+ this.model.ename = logininfo.data.ename
428
+ this.model.password =logininfo.data.password
429
+ let gen = saveGen(this)
430
+ return co(gen)
431
+ }
432
+ }
433
+ }
434
+ }
435
+ },
436
+ theme(){
437
+ // var elementList = document.querySelectorAll('body');
438
+ // console.log(elementList)
439
+ // document.querySelectorAll('body')[0].className='themeTwo'
440
+ // var elementList = document.querySelectorAll('body');
441
+ // console.log(elementList)
442
+ },
443
+ onReady () {
444
+ this.$emit('ready')
445
+ },
446
+ confirm (key) {
447
+ this.login_do=!this.login_do
448
+ // return
449
+ if (key == 'key') {
450
+ $('form').fadeOut(500)
451
+ }
452
+ this.login = true
453
+ // let gen = saveGen(this)
454
+ // return co(gen)
455
+ if((!this.otherLogin) && this.$login && this.$login.Verification){
456
+ console.log('跳转过来的不走验证')
457
+ if(this.picLyanzhengma == '') {
458
+ this.$showMessage("请输入验证码!").then(()=>{
459
+ this.login = false
460
+ $('form').fadeIn(500)
461
+ this.createCode()
462
+ })
463
+ }else if(this.picLyanzhengma.toUpperCase() != this.checkCode ) {
464
+ //若输入的验证码与产生的验证码不一致时
465
+ this.$showMessage("验证码不正确").then(()=>{
466
+ this.login = false
467
+ $('form').fadeIn(500)
468
+ this.createCode();//刷新验证码
469
+ this.picLyanzhengma = '';
470
+ })
471
+ }else {
472
+ this.login = true
473
+ let gen = saveGen(this)
474
+ return co(gen)
475
+ }
476
+ }else {
477
+ this.login = true
478
+ let gen = saveGen(this)
479
+ return co(gen)
480
+ }
481
+ },
482
+ createCode(){
483
+ let code = "";
484
+ let codeLength = 4;//验证码的长度
485
+ let random = new Array(0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R',
486
+ 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z');//随机数
487
+ for (let i = 0; i < codeLength; i++) {
488
+ //循环操作
489
+ let index = Math.floor(Math.random() * 36);//取得随机数的索引(0~35)
490
+ code += random[index];//根据索引取得随机数加到code上
491
+ }
492
+ this.checkCode = code;//把code值赋给验证码
493
+ },
494
+
495
+ async depPromptConfirm () {
496
+ this.depPromptShow = false
497
+ return this.$goto('home-page', {functions: this.$login.f,config: this.config})
498
+ },
499
+
500
+ depPromptCancel () {
501
+ this.depPromptShow = false
502
+ this.createCode()
503
+ this.picLyanzhengma = ''
504
+ this.model.ename = ''
505
+ this.model.password = ''
506
+ this.login = false
507
+ $('form').fadeIn(500)
508
+ }
509
+ },
510
+ watch: {
511
+ 'modifyPwShow' (val){
512
+ if (!val) {
513
+ window.location.reload()
514
+ }
515
+ }
516
+ }
517
+ }
518
+ </script>
519
+
520
+ <style>
521
+
522
+ /*输入框样式*/
523
+ /*@import url(http://fonts.useso.com/css?family=Source+Sans+Pro:200,300);*/
524
+ * {
525
+ box-sizing: border-box;
526
+ margin: 0;
527
+ padding: 0;
528
+ font-weight: 400;
529
+ outline: none;
530
+ }
531
+
532
+ body {
533
+ font-family: 'Source Sans Pro', sans-serif;
534
+ /*color: white;*/
535
+ font-weight: 400;
536
+ }
537
+
538
+ body ::-webkit-input-placeholder {
539
+ /* WebKit browsers */
540
+ font-family: 'Source Sans Pro', sans-serif;
541
+ color: white;
542
+ font-weight: 400;
543
+ }
544
+
545
+ body :-moz-placeholder {
546
+ /* Mozilla Firefox 4 to 18 */
547
+ font-family: 'Source Sans Pro', sans-serif;
548
+ color: white;
549
+ opacity: 1;
550
+ font-weight: 400;
551
+ }
552
+
553
+ body ::-moz-placeholder {
554
+ /* Mozilla Firefox 19+ */
555
+ font-family: 'Source Sans Pro', sans-serif;
556
+ color: white;
557
+ opacity: 1;
558
+ font-weight: 400;
559
+ }
560
+
561
+ body :-ms-input-placeholder {
562
+ /* Internet Explorer 10+ */
563
+ font-family: 'Source Sans Pro', sans-serif;
564
+ color: white;
565
+ font-weight: 400;
566
+ }
567
+
568
+ .wrapper {
569
+ /*background: #2D83BA;
570
+ background: -webkit-linear-gradient(top left, #2D83BA 0%, #2D83BA 100%);
571
+ background: linear-gradient(to bottom right, #2D83BA 0%, #2D83BA 100%);
572
+ opacity: 0.8;*/
573
+ position: absolute;
574
+ top: 50%;
575
+ right: -60px;
576
+ width: 40%;
577
+ height: 400px;
578
+ margin-top: -150px;
579
+ overflow: hidden;
580
+
581
+ }
582
+
583
+ .wrapper.form-success .container h3 {
584
+ -webkit-transform: translateY(85px);
585
+ -ms-transform: translateY(85px);
586
+ transform: translateY(85px);
587
+ }
588
+
589
+ .container {
590
+ max-width: 350px;
591
+ margin: 0 auto;
592
+ padding: 30px 100px 50px 100px;
593
+ height: 400px;
594
+ text-align: center;
595
+ /*以下增加*/
596
+ background: #2D83BA;
597
+ background: -webkit-linear-gradient(top left, #2D83BA 0%, #2D83BA 100%);
598
+ background: linear-gradient(to bottom right, #2D83BA 0%, #2D83BA 100%);
599
+ opacity: 0.8;
600
+ }
601
+
602
+ .container h3 {
603
+ font-size: 40px;
604
+ -webkit-transition-duration: 1s;
605
+ transition-duration: 1s;
606
+ -webkit-transition-timing-function: ease-in-put;
607
+ transition-timing-function: ease-in-put;
608
+ font-weight: 200;
609
+ }
610
+
611
+ .form {
612
+ padding: 20px 0;
613
+ position: relative;
614
+ z-index: 2;
615
+ }
616
+
617
+ .form input {
618
+ -webkit-appearance: none;
619
+ -moz-appearance: none;
620
+ appearance: none;
621
+ outline: 0;
622
+ border: 1px solid #50ABE6;
623
+ background-color: #50ABE6;
624
+ width: 250px;
625
+ border-radius: 3px;
626
+ padding: 10px 15px;
627
+ margin: 0 auto 10px auto;
628
+ display: block;
629
+ text-align: center;
630
+ font-size: 18px;
631
+ color: white;
632
+ -webkit-transition-duration: 0.25s;
633
+ transition-duration: 0.25s;
634
+ font-weight: 400;
635
+ }
636
+
637
+ .form input:hover {
638
+ background-color: rgba(255, 255, 255, 0.4);
639
+ }
640
+
641
+ .form input:focus {
642
+ background-color: white;
643
+ width: 300px;
644
+ color: #53e3a6;
645
+ }
646
+
647
+ .usericon {
648
+ background-image: url(../../../static/usericon.png);
649
+ background-repeat: no-repeat;
650
+ background-size: 30px;
651
+ background-position-x: 8px;
652
+ background-position-y: 8px;
653
+ }
654
+
655
+ .psicon {
656
+ background-image: url(../../../static/psicon.png);
657
+ background-repeat: no-repeat;
658
+ background-size: 30px;
659
+ background-position-x: 8px;
660
+ background-position-y: 8px;
661
+ }
662
+
663
+ .form button {
664
+ -webkit-appearance: none;
665
+ -moz-appearance: none;
666
+ appearance: none;
667
+ outline: 0;
668
+ background-color: white;
669
+ border: 0;
670
+ padding: 10px 15px;
671
+ color: #253830;
672
+ border-radius: 3px;
673
+ width: 250px;
674
+ cursor: pointer;
675
+ font-size: 18px;
676
+ -webkit-transition-duration: 0.25s;
677
+ transition-duration: 0.25s;
678
+ }
679
+
680
+ .form button:hover {
681
+ background-color: #f5f7f9;
682
+ }
683
+
684
+ /*注册字体样式*/
685
+ .form span {
686
+ color: #fff;
687
+ display: table-footer-group;
688
+ position: absolute;
689
+ right: 10px;
690
+ margin-top: 10px;
691
+ cursor: pointer;
692
+ }
693
+
694
+ .logotitle {
695
+ color: #fff;
696
+ position: absolute;
697
+ top: 50px;
698
+ left: 50px;
699
+ font-size: 50px;
700
+ }
701
+
702
+ /*注册模态框界面样式*/
703
+ .modifystyle {
704
+ background: #FCFEEE;
705
+ }
706
+
707
+ .modifystyle div {
708
+ height: auto;
709
+ margin-bottom: 15px;
710
+ /*text-align: center;*/
711
+ /*margin-left: 20%;*/
712
+ }
713
+
714
+ /*bootstrap字体图标要手动调整,所以使用字体图标的span必须紧跟在input后面,负责会错位*/
715
+ .modifystyle div input + span {
716
+ top: 0 !important;
717
+ right: 32%;
718
+ }
719
+
720
+ .modifystyle span {
721
+ color: red;
722
+ }
723
+
724
+ /* 通告区内容 */
725
+ .notice-board {
726
+ height: auto;
727
+ position: absolute;
728
+ top: 50%;
729
+ margin-top: -150px;
730
+ margin-left: 100px;
731
+ color: #fff;
732
+ }
733
+
734
+ /*修改密码底部按钮部分样式*/
735
+ .footerbtn {
736
+ text-align: center;
737
+ padding: 15px;
738
+ }
739
+
740
+ .footerbtn button {
741
+ width: 100px;
742
+ margin-left: 20px;
743
+ }
744
+
745
+ .bg-bubbles {
746
+ position: absolute;
747
+ top: 0;
748
+ left: 0;
749
+ width: 100%;
750
+ height: 100%;
751
+ z-index: 1;
752
+ }
753
+
754
+ .bg-bubbles li {
755
+ position: absolute;
756
+ list-style: none;
757
+ display: block;
758
+ width: 40px;
759
+ height: 40px;
760
+ background-color: rgba(255, 255, 255, 0.15);
761
+ bottom: -160px;
762
+ -webkit-animation: square 25s infinite;
763
+ animation: square 25s infinite;
764
+ -webkit-transition-timing-function: linear;
765
+ transition-timing-function: linear;
766
+ }
767
+
768
+ .bg-bubbles li:nth-child(1) {
769
+ left: 10%;
770
+ }
771
+
772
+ .bg-bubbles li:nth-child(2) {
773
+ left: 20%;
774
+ width: 80px;
775
+ height: 80px;
776
+ -webkit-animation-delay: 2s;
777
+ animation-delay: 2s;
778
+ -webkit-animation-duration: 17s;
779
+ animation-duration: 17s;
780
+ }
781
+
782
+ .bg-bubbles li:nth-child(3) {
783
+ left: 25%;
784
+ -webkit-animation-delay: 4s;
785
+ animation-delay: 4s;
786
+ }
787
+
788
+ .bg-bubbles li:nth-child(4) {
789
+ left: 40%;
790
+ width: 60px;
791
+ height: 60px;
792
+ -webkit-animation-duration: 22s;
793
+ animation-duration: 22s;
794
+ background-color: rgba(255, 255, 255, 0.25);
795
+ }
796
+
797
+ .bg-bubbles li:nth-child(5) {
798
+ left: 70%;
799
+ }
800
+
801
+ .bg-bubbles li:nth-child(6) {
802
+ left: 80%;
803
+ width: 120px;
804
+ height: 120px;
805
+ -webkit-animation-delay: 3s;
806
+ animation-delay: 3s;
807
+ background-color: rgba(255, 255, 255, 0.2);
808
+ }
809
+
810
+ .bg-bubbles li:nth-child(7) {
811
+ left: 32%;
812
+ width: 160px;
813
+ height: 160px;
814
+ -webkit-animation-delay: 7s;
815
+ animation-delay: 7s;
816
+ }
817
+
818
+ .bg-bubbles li:nth-child(8) {
819
+ left: 55%;
820
+ width: 20px;
821
+ height: 20px;
822
+ -webkit-animation-delay: 15s;
823
+ animation-delay: 15s;
824
+ -webkit-animation-duration: 40s;
825
+ animation-duration: 40s;
826
+ }
827
+
828
+ .bg-bubbles li:nth-child(9) {
829
+ left: 25%;
830
+ width: 10px;
831
+ height: 10px;
832
+ -webkit-animation-delay: 2s;
833
+ animation-delay: 2s;
834
+ -webkit-animation-duration: 40s;
835
+ animation-duration: 40s;
836
+ background-color: rgba(255, 255, 255, 0.3);
837
+ }
838
+
839
+ .bg-bubbles li:nth-child(10) {
840
+ left: 90%;
841
+ width: 160px;
842
+ height: 160px;
843
+ -webkit-animation-delay: 11s;
844
+ animation-delay: 11s;
845
+ }
846
+ .logofooter{
847
+ font-size: 12px;
848
+ color:#fff;
849
+ width:150px;
850
+ margin-left: 17px;
851
+ }
852
+ .logocontent{
853
+ font-size: 14px;
854
+ color:#fff;
855
+ width:150px;
856
+ margin: 3px -15px;
857
+ }
858
+ .imglogo {
859
+ background:url(../../../static/logo.png);
860
+ background-size:100%;
861
+ }
862
+ .logoew {
863
+ width:120px;
864
+ height:120px;
865
+ float:right;
866
+ margin-right:8.5%;
867
+ margin-top:10px;
868
+ }
869
+
870
+ @-webkit-keyframes square {
871
+ 0% {
872
+ -webkit-transform: translateY(0);
873
+ transform: translateY(0);
874
+ }
875
+ 100% {
876
+ -webkit-transform: translateY(-700px) rotate(600deg);
877
+ transform: translateY(-700px) rotate(600deg);
878
+ }
879
+ }
880
+
881
+ @keyframes square {
882
+ 0% {
883
+ -webkit-transform: translateY(0);
884
+ transform: translateY(0);
885
+ }
886
+ 100% {
887
+ -webkit-transform: translateY(-700px) rotate(600deg);
888
+ transform: translateY(-700px) rotate(600deg);
889
+ }
890
+ }
891
+ </style>