system-clients 3.2.3-aodeToV4 → 3.2.4-aodeToV4

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 (141) hide show
  1. package/.eslintrc.js +16 -16
  2. package/.gradle/buildOutputCleanup/cache.properties +2 -2
  3. package/SystemClient.iml +11 -11
  4. package/build/webpack.base.conf.js +78 -78
  5. package/build.gradle +6 -6
  6. package/gradle/wrapper/gradle-wrapper.properties +5 -5
  7. package/gradlew +185 -185
  8. package/gradlew.bat +89 -89
  9. package/index.html +21 -21
  10. package/package.json +102 -102
  11. package/src/App.vue +24 -24
  12. package/src/LodopFuncs.js +123 -123
  13. package/src/components/Main.vue +515 -515
  14. package/src/components/Util.js +343 -343
  15. package/src/components/equipment/EquipmentManage.vue +65 -65
  16. package/src/components/equipment/PcAdd.vue +105 -105
  17. package/src/components/equipment/PcList.vue +120 -120
  18. package/src/components/equipment/PcManage.vue +60 -60
  19. package/src/components/equipment/PhoneAdd.vue +94 -94
  20. package/src/components/equipment/PhoneList.vue +102 -102
  21. package/src/components/equipment/PhoneManage.vue +60 -60
  22. package/src/components/equipment/PosAdd.vue +156 -156
  23. package/src/components/equipment/PosList.vue +164 -164
  24. package/src/components/equipment/PosManage.vue +68 -68
  25. package/src/components/materialManage/materialData.vue +44 -44
  26. package/src/components/materialManage/materialList.vue +255 -255
  27. package/src/components/parammanage/ParamManage.vue +42 -42
  28. package/src/components/parammanage/ParamPage.vue +314 -314
  29. package/src/components/parammanage/ParamPages.vue +222 -222
  30. package/src/components/parammanage/SinglePage.vue +235 -235
  31. package/src/components/parammanage/SinglePages.vue +167 -167
  32. package/src/components/server/AddChangeMsg.vue +66 -66
  33. package/src/components/server/ChangeDeclare.vue +45 -45
  34. package/src/components/server/LeftTree.vue +111 -111
  35. package/src/components/server/LoadData.vue +36 -36
  36. package/src/components/server/Login.vue +726 -726
  37. package/src/components/server/Menu.vue +188 -188
  38. package/src/components/server/ModifyPw.vue +112 -112
  39. package/src/components/server/NewResSelectGroup.vue +211 -211
  40. package/src/components/server/ResSelect.vue +153 -153
  41. package/src/components/server/ResSelectGroup.vue +159 -159
  42. package/src/components/server/RightTree.vue +343 -343
  43. package/src/components/server/RoleSelector.vue +90 -90
  44. package/src/components/server/TestResSelect.vue +58 -58
  45. package/src/components/server/TestResSelectGroup.vue +388 -388
  46. package/src/plugins/EncryptUtil.js +53 -53
  47. package/src/plugins/GetLoginInfoService.js +499 -499
  48. package/src/plugins/HeatGetLoginInfoService.js +491 -491
  49. package/src/plugins/validation.js +7 -7
  50. package/src/project/State.js +17 -17
  51. package/src/stores/AppData.js +38 -38
  52. package/src/stores/HeatAppData.js +38 -38
  53. package/src/styles/fonts/glyphicons-halflings-regular.svg +287 -287
  54. package/src/styles/less/.csscomb.json +304 -304
  55. package/src/styles/less/.csslintrc +19 -19
  56. package/src/styles/less/alerts.less +73 -73
  57. package/src/styles/less/aofeng/animate.min.css +10 -10
  58. package/src/styles/less/aofeng/expandcss.less +569 -569
  59. package/src/styles/less/aofeng/standard.less +2121 -2121
  60. package/src/styles/less/aofeng/themeOne/BinaryTemplate.less +686 -686
  61. package/src/styles/less/aofeng/themeOne/loginStyle.less +1586 -1586
  62. package/src/styles/less/aofeng/themeOne/systemStyle.less +2650 -2650
  63. package/src/styles/less/aofeng/themeOne.less +17 -17
  64. package/src/styles/less/aofeng/themeTwo/newStyle1.less +415 -415
  65. package/src/styles/less/aofeng/themeTwo.less +3 -3
  66. package/src/styles/less/badges.less +66 -66
  67. package/src/styles/less/bootstrap.less +66 -66
  68. package/src/styles/less/breadcrumbs.less +26 -26
  69. package/src/styles/less/button-groups.less +247 -247
  70. package/src/styles/less/buttons.less +172 -172
  71. package/src/styles/less/carousel.less +269 -269
  72. package/src/styles/less/close.less +34 -34
  73. package/src/styles/less/code.less +69 -69
  74. package/src/styles/less/component-animations.less +33 -33
  75. package/src/styles/less/dropdowns.less +216 -216
  76. package/src/styles/less/fonts-list.less +25 -25
  77. package/src/styles/less/forms.less +626 -626
  78. package/src/styles/less/glyphicons.less +305 -305
  79. package/src/styles/less/grid.less +84 -84
  80. package/src/styles/less/input-groups.less +167 -167
  81. package/src/styles/less/jumbotron.less +52 -52
  82. package/src/styles/less/labels.less +64 -64
  83. package/src/styles/less/list-group.less +141 -141
  84. package/src/styles/less/manageStyle/manageChile.less +180 -180
  85. package/src/styles/less/manageStyle/manageStyle.less +1102 -1102
  86. package/src/styles/less/manageStyle/safeStyle.less +498 -498
  87. package/src/styles/less/media.less +66 -66
  88. package/src/styles/less/mixins/alerts.less +14 -14
  89. package/src/styles/less/mixins/background-variant.less +9 -9
  90. package/src/styles/less/mixins/border-radius.less +18 -18
  91. package/src/styles/less/mixins/buttons.less +69 -69
  92. package/src/styles/less/mixins/center-block.less +7 -7
  93. package/src/styles/less/mixins/clearfix.less +22 -22
  94. package/src/styles/less/mixins/forms.less +90 -90
  95. package/src/styles/less/mixins/gradients.less +59 -59
  96. package/src/styles/less/mixins/grid-framework.less +92 -92
  97. package/src/styles/less/mixins/grid.less +122 -122
  98. package/src/styles/less/mixins/hide-text.less +21 -21
  99. package/src/styles/less/mixins/image.less +33 -33
  100. package/src/styles/less/mixins/labels.less +12 -12
  101. package/src/styles/less/mixins/list-group.less +30 -30
  102. package/src/styles/less/mixins/nav-divider.less +10 -10
  103. package/src/styles/less/mixins/nav-vertical-align.less +9 -9
  104. package/src/styles/less/mixins/opacity.less +8 -8
  105. package/src/styles/less/mixins/pagination.less +24 -24
  106. package/src/styles/less/mixins/panels.less +24 -24
  107. package/src/styles/less/mixins/progress-bar.less +10 -10
  108. package/src/styles/less/mixins/reset-filter.less +8 -8
  109. package/src/styles/less/mixins/reset-text.less +18 -18
  110. package/src/styles/less/mixins/resize.less +6 -6
  111. package/src/styles/less/mixins/responsive-visibility.less +15 -15
  112. package/src/styles/less/mixins/size.less +10 -10
  113. package/src/styles/less/mixins/tab-focus.less +9 -9
  114. package/src/styles/less/mixins/table-row.less +44 -44
  115. package/src/styles/less/mixins/text-emphasis.less +9 -9
  116. package/src/styles/less/mixins/text-overflow.less +8 -8
  117. package/src/styles/less/mixins/vendor-prefixes.less +227 -227
  118. package/src/styles/less/mixins.less +40 -40
  119. package/src/styles/less/modals.less +151 -151
  120. package/src/styles/less/navbar.less +660 -660
  121. package/src/styles/less/navs.less +285 -285
  122. package/src/styles/less/normalize.less +424 -424
  123. package/src/styles/less/pager.less +76 -76
  124. package/src/styles/less/pagination.less +89 -89
  125. package/src/styles/less/panels.less +275 -275
  126. package/src/styles/less/popovers.less +131 -131
  127. package/src/styles/less/print.less +101 -101
  128. package/src/styles/less/progress-bars.less +87 -87
  129. package/src/styles/less/responsive-embed.less +35 -35
  130. package/src/styles/less/responsive-utilities.less +194 -194
  131. package/src/styles/less/scaffolding.less +161 -161
  132. package/src/styles/less/stand.less +207 -207
  133. package/src/styles/less/tables.less +262 -262
  134. package/src/styles/less/theme.less +291 -291
  135. package/src/styles/less/thumbnails.less +36 -36
  136. package/src/styles/less/tooltip.less +102 -102
  137. package/src/styles/less/type.less +303 -303
  138. package/src/styles/less/utilities.less +55 -55
  139. package/src/styles/less/variables.less +896 -896
  140. package/src/styles/less/wells.less +29 -29
  141. package/src/system.js +85 -85
@@ -1,188 +1,188 @@
1
- <template>
2
- <div class="auto">
3
- <div class="head">
4
- <img src="../../../static/loginlogo.png" alt="图片加载未完成"
5
- style="float:left;width: 100px; height: 80px; margin: 10px 20px 20px 20px;"/>
6
- <div style="float:left;width:auto;height:130px;padding-top:10px;">
7
- <h3 style="font-size: 22px;">欢迎使用陕西燃气管理系统</h3>
8
- <h5 style="font-size: 15px;">Welcome to ShanXi GAS Manage System</h5>
9
- </div>
10
-
11
- <h5 style="float:right;margin-top:70px;margin-right:80px;">
12
-
13
- <span class="glyphicon glyphicon-calendar"></span>
14
- {{ date }}&nbsp;&nbsp;
15
-
16
- <span class="glyphicon glyphicon-copyright-mark"></span>
17
- 系统版本:V1.0.0&nbsp;&nbsp;
18
-
19
- <span class="glyphicon glyphicon-th-large"></span>
20
- 蓝色主题&nbsp;&nbsp;
21
- <a href="#" style="color:#fff;text-decoration:none;" @click.stop.prevent="modify=true">
22
- <span class="glyphicon glyphicon-cog"></span>
23
- 修改密码
24
- </a>
25
- </h5>
26
- </div>
27
- <div class="auto">
28
- <!-- 白线div -->
29
- <div class="whiteline">
30
- </div>
31
- <select-menu :model="functions.functions"></select-menu>
32
- </div>
33
- <modal v-ref:modal :show.sync="modify" :backdrop="false" class="auto">
34
- <header slot="modal-header" class="modal-header">
35
- <h4 class="modal-title">修改密码</h4>
36
- </header>
37
- <article slot="modal-body" class="modal-body modifystyle">
38
- <validator name="v">
39
-
40
- <div class="has-feedback"
41
- :class="{'has-warning':$v.password.required,'has-error':$v.password.equalValid && !($v.password.required),
42
- 'has-success': !$v.password.required && !($v.password.equalValid && !($v.password.required))}">
43
- <label for="password" class="control-label">原始密码:&nbsp;&nbsp;</label>
44
- <input type="password" v-model="deliver.password" class="form-control" id="password" v-validate:password="{ required: true, equalValid: functions.password }">
45
- <span class="glyphicon glyphicon-ok form-control-feedback" v-if="!$v.password.required && !($v.password.equalValid && !($v.password.required))"></span>
46
- <!-- <span class="glyphicon form-control-feedback"
47
- :class="{'glyphicon-warning-sign':$v.password.required,'glyphicon-remove'$v.password.equalValid && !($v.password.required):,
48
- 'glyphicon-ok':!$v.password.required && !($v.password.equalValid && !($v.password.required))}"></span> -->
49
- <span v-if="$v.password.required">不能为空</span>
50
- <span v-if="$v.password.equalValid && !($v.password.required)">原始密码错误 !!</span>
51
- </div>
52
-
53
- <div class="has-feedback"
54
- :class="{'has-warning':$v.newpassword.required, 'has-success': !$v.newpassword.required}">
55
- <label for="newpassword" class="control-label">新的密码:&nbsp;&nbsp;</label>
56
- <input type="password" v-model="deliver.newpassword" class="form-control" id="newpassword" v-validate:newpassword='{ required: true }'>
57
- <span class="glyphicon glyphicon-ok form-control-feedback" v-if="!$v.newpassword.required"></span>
58
- <!-- <span class="glyphicon form-control-feedback"
59
- :class="{'glyphicon-warning-sign':$v.newpassword.required,'glyphicon-ok':!$v.newpassword.required }"></span> -->
60
- <span v-if="$v.newpassword.required">不能为空</span>
61
- </div>
62
-
63
- <div class="has-feedback"
64
- :class="{'has-warning':$v.affirmpassword.required,'has-error':$v.affirmpassword.equalValid && !($v.affirmpassword.required),
65
- 'has-success': !$v.affirmpassword.required && !($v.affirmpassword.equalValid && !($v.affirmpassword.required))}">
66
- <label for="affirmpassword" class="control-label">确认密码:&nbsp;&nbsp;</label>
67
- <input type="password" v-model="deliver.affirmpassword" class="form-control" id="affirmpassword" v-validate:affirmpassword="{ required: true, equalValid: deliver.newpassword }">
68
- <span class="glyphicon glyphicon-ok form-control-feedback" v-if="!$v.affirmpassword.required && !($v.affirmpassword.equalValid && !($v.affirmpassword.required))"></span>
69
- <!-- <span class="glyphicon form-control-feedback"
70
- :class="{'glyphicon-warning-sign':$v.affirmpassword.required,'glyphicon-remove'$v.affirmpassword.equalValid && !($v.affirmpassword.required):,
71
- 'glyphicon-ok':!$v.affirmpassword.required && !($v.affirmpassword.equalValid && !($v.affirmpassword.required))}"></span> -->
72
- <span v-if="$v.affirmpassword.required">不能为空</span>
73
- <span v-if="$v.affirmpassword.equalValid && !($v.affirmpassword.required)">两次密码不一致 !!</span>
74
- </div>
75
-
76
- </validator>
77
- </article>
78
- <footer slot="modal-footer" class="footerbtn">
79
- <button type="button" class="btn btn-success" @click='confirm' :disabled="!$v.valid">确认</button>
80
- <button type="button" class="btn btn-default" @click='close'>取消</button>
81
- </footer>
82
- <modal>
83
- <!-- modifyPassword() -->
84
- </modal>
85
- </modal>
86
- </div>
87
- </template>
88
-
89
- <script>
90
- import co from 'co'
91
- import * as Util from '../Util'
92
-
93
- let saveGen = function * (self) {
94
- self.deliver.ename = self.functions.ename
95
- // let res = yield self.$post('rs/user/entity', {data: self.deliver})
96
- // let res = yield self.$post('rs/db/modifypassword', {data: self.deliver})
97
- let res = yield self.$post('rs/db/modifypwd', {data: self.deliver})
98
- if (res.status === 200 || res.status === 204) {
99
- self.modify = false
100
- self.deliver.password = ''
101
- self.deliver.newpassword = ''
102
- self.deliver.affirmpassword = ''
103
- }
104
- }
105
-
106
- export default {
107
- title: '菜单选择',
108
- props: ['functions'],
109
- data () {
110
- return {
111
- modify: false,
112
- deliver: {
113
- password: '',
114
- newpassword: '',
115
- affirmpassword: ''
116
- }
117
- }
118
- },
119
- computed: {
120
- date () {
121
- return Util.getNowDate()
122
- }
123
- },
124
- methods: {
125
- open (row) {
126
- if (row.link) {
127
- // this.$goto(row.link, {userid: this.functions, source: {isRead: 'modify'}}, 'home-page')
128
- this.$goto(row.link, {f: this.functions}, 'home-page')
129
- }
130
- },
131
- // 修改密码操作
132
- close () {
133
- this.modify = false
134
- },
135
- confirm () {
136
- let gen = saveGen(this)
137
- co(gen)
138
- }
139
- },
140
- events: {
141
- 'select-changed': function (data) {
142
- // 事件回调内的 `this` 自动绑定到注册它的实例上
143
- this.open(data.val)
144
- }
145
- }
146
- }
147
- </script>
148
- <style>
149
- /* 头部样式,大部分使用放在标签内 */
150
- .head {
151
- color: #fff;
152
- height: 110px;
153
- width: 100%;
154
- }
155
- /* 菜单头部与内容区域的中间的白色线 */
156
- .whiteline {
157
- height: 1px;
158
- background: #fff;
159
- margin: 0px 30px;
160
- }
161
- /*修改密码body界面样式*/
162
- .modifystyle {
163
- background: #FCFEEE;
164
- }
165
- .modifystyle div{
166
- height: auto;
167
- margin-bottom: 15px;
168
- /*text-align: center;*/
169
- margin-left: 20%;
170
- }
171
- /*bootstrap字体图标要手动调整,所以使用字体图标的span必须紧跟在input后面,负责会错位*/
172
- .modifystyle div input + span{
173
- top: 0!important;
174
- right: 32%;
175
- }
176
- .modifystyle span{
177
- color: red;
178
- }
179
- /*修改密码底部按钮部分样式*/
180
- .footerbtn {
181
- text-align: center;
182
- padding: 15px;
183
- }
184
- .footerbtn button {
185
- width: 100px;
186
- margin-left: 20px;
187
- }
188
- </style>
1
+ <template>
2
+ <div class="auto">
3
+ <div class="head">
4
+ <img src="../../../static/loginlogo.png" alt="图片加载未完成"
5
+ style="float:left;width: 100px; height: 80px; margin: 10px 20px 20px 20px;"/>
6
+ <div style="float:left;width:auto;height:130px;padding-top:10px;">
7
+ <h3 style="font-size: 22px;">欢迎使用陕西燃气管理系统</h3>
8
+ <h5 style="font-size: 15px;">Welcome to ShanXi GAS Manage System</h5>
9
+ </div>
10
+
11
+ <h5 style="float:right;margin-top:70px;margin-right:80px;">
12
+
13
+ <span class="glyphicon glyphicon-calendar"></span>
14
+ {{ date }}&nbsp;&nbsp;
15
+
16
+ <span class="glyphicon glyphicon-copyright-mark"></span>
17
+ 系统版本:V1.0.0&nbsp;&nbsp;
18
+
19
+ <span class="glyphicon glyphicon-th-large"></span>
20
+ 蓝色主题&nbsp;&nbsp;
21
+ <a href="#" style="color:#fff;text-decoration:none;" @click.stop.prevent="modify=true">
22
+ <span class="glyphicon glyphicon-cog"></span>
23
+ 修改密码
24
+ </a>
25
+ </h5>
26
+ </div>
27
+ <div class="auto">
28
+ <!-- 白线div -->
29
+ <div class="whiteline">
30
+ </div>
31
+ <select-menu :model="functions.functions"></select-menu>
32
+ </div>
33
+ <modal v-ref:modal :show.sync="modify" :backdrop="false" class="auto">
34
+ <header slot="modal-header" class="modal-header">
35
+ <h4 class="modal-title">修改密码</h4>
36
+ </header>
37
+ <article slot="modal-body" class="modal-body modifystyle">
38
+ <validator name="v">
39
+
40
+ <div class="has-feedback"
41
+ :class="{'has-warning':$v.password.required,'has-error':$v.password.equalValid && !($v.password.required),
42
+ 'has-success': !$v.password.required && !($v.password.equalValid && !($v.password.required))}">
43
+ <label for="password" class="control-label">原始密码:&nbsp;&nbsp;</label>
44
+ <input type="password" v-model="deliver.password" class="form-control" id="password" v-validate:password="{ required: true, equalValid: functions.password }">
45
+ <span class="glyphicon glyphicon-ok form-control-feedback" v-if="!$v.password.required && !($v.password.equalValid && !($v.password.required))"></span>
46
+ <!-- <span class="glyphicon form-control-feedback"
47
+ :class="{'glyphicon-warning-sign':$v.password.required,'glyphicon-remove'$v.password.equalValid && !($v.password.required):,
48
+ 'glyphicon-ok':!$v.password.required && !($v.password.equalValid && !($v.password.required))}"></span> -->
49
+ <span v-if="$v.password.required">不能为空</span>
50
+ <span v-if="$v.password.equalValid && !($v.password.required)">原始密码错误 !!</span>
51
+ </div>
52
+
53
+ <div class="has-feedback"
54
+ :class="{'has-warning':$v.newpassword.required, 'has-success': !$v.newpassword.required}">
55
+ <label for="newpassword" class="control-label">新的密码:&nbsp;&nbsp;</label>
56
+ <input type="password" v-model="deliver.newpassword" class="form-control" id="newpassword" v-validate:newpassword='{ required: true }'>
57
+ <span class="glyphicon glyphicon-ok form-control-feedback" v-if="!$v.newpassword.required"></span>
58
+ <!-- <span class="glyphicon form-control-feedback"
59
+ :class="{'glyphicon-warning-sign':$v.newpassword.required,'glyphicon-ok':!$v.newpassword.required }"></span> -->
60
+ <span v-if="$v.newpassword.required">不能为空</span>
61
+ </div>
62
+
63
+ <div class="has-feedback"
64
+ :class="{'has-warning':$v.affirmpassword.required,'has-error':$v.affirmpassword.equalValid && !($v.affirmpassword.required),
65
+ 'has-success': !$v.affirmpassword.required && !($v.affirmpassword.equalValid && !($v.affirmpassword.required))}">
66
+ <label for="affirmpassword" class="control-label">确认密码:&nbsp;&nbsp;</label>
67
+ <input type="password" v-model="deliver.affirmpassword" class="form-control" id="affirmpassword" v-validate:affirmpassword="{ required: true, equalValid: deliver.newpassword }">
68
+ <span class="glyphicon glyphicon-ok form-control-feedback" v-if="!$v.affirmpassword.required && !($v.affirmpassword.equalValid && !($v.affirmpassword.required))"></span>
69
+ <!-- <span class="glyphicon form-control-feedback"
70
+ :class="{'glyphicon-warning-sign':$v.affirmpassword.required,'glyphicon-remove'$v.affirmpassword.equalValid && !($v.affirmpassword.required):,
71
+ 'glyphicon-ok':!$v.affirmpassword.required && !($v.affirmpassword.equalValid && !($v.affirmpassword.required))}"></span> -->
72
+ <span v-if="$v.affirmpassword.required">不能为空</span>
73
+ <span v-if="$v.affirmpassword.equalValid && !($v.affirmpassword.required)">两次密码不一致 !!</span>
74
+ </div>
75
+
76
+ </validator>
77
+ </article>
78
+ <footer slot="modal-footer" class="footerbtn">
79
+ <button type="button" class="btn btn-success" @click='confirm' :disabled="!$v.valid">确认</button>
80
+ <button type="button" class="btn btn-default" @click='close'>取消</button>
81
+ </footer>
82
+ <modal>
83
+ <!-- modifyPassword() -->
84
+ </modal>
85
+ </modal>
86
+ </div>
87
+ </template>
88
+
89
+ <script>
90
+ import co from 'co'
91
+ import * as Util from '../Util'
92
+
93
+ let saveGen = function * (self) {
94
+ self.deliver.ename = self.functions.ename
95
+ // let res = yield self.$post('rs/user/entity', {data: self.deliver})
96
+ // let res = yield self.$post('rs/db/modifypassword', {data: self.deliver})
97
+ let res = yield self.$post('rs/db/modifypwd', {data: self.deliver})
98
+ if (res.status === 200 || res.status === 204) {
99
+ self.modify = false
100
+ self.deliver.password = ''
101
+ self.deliver.newpassword = ''
102
+ self.deliver.affirmpassword = ''
103
+ }
104
+ }
105
+
106
+ export default {
107
+ title: '菜单选择',
108
+ props: ['functions'],
109
+ data () {
110
+ return {
111
+ modify: false,
112
+ deliver: {
113
+ password: '',
114
+ newpassword: '',
115
+ affirmpassword: ''
116
+ }
117
+ }
118
+ },
119
+ computed: {
120
+ date () {
121
+ return Util.getNowDate()
122
+ }
123
+ },
124
+ methods: {
125
+ open (row) {
126
+ if (row.link) {
127
+ // this.$goto(row.link, {userid: this.functions, source: {isRead: 'modify'}}, 'home-page')
128
+ this.$goto(row.link, {f: this.functions}, 'home-page')
129
+ }
130
+ },
131
+ // 修改密码操作
132
+ close () {
133
+ this.modify = false
134
+ },
135
+ confirm () {
136
+ let gen = saveGen(this)
137
+ co(gen)
138
+ }
139
+ },
140
+ events: {
141
+ 'select-changed': function (data) {
142
+ // 事件回调内的 `this` 自动绑定到注册它的实例上
143
+ this.open(data.val)
144
+ }
145
+ }
146
+ }
147
+ </script>
148
+ <style>
149
+ /* 头部样式,大部分使用放在标签内 */
150
+ .head {
151
+ color: #fff;
152
+ height: 110px;
153
+ width: 100%;
154
+ }
155
+ /* 菜单头部与内容区域的中间的白色线 */
156
+ .whiteline {
157
+ height: 1px;
158
+ background: #fff;
159
+ margin: 0px 30px;
160
+ }
161
+ /*修改密码body界面样式*/
162
+ .modifystyle {
163
+ background: #FCFEEE;
164
+ }
165
+ .modifystyle div{
166
+ height: auto;
167
+ margin-bottom: 15px;
168
+ /*text-align: center;*/
169
+ margin-left: 20%;
170
+ }
171
+ /*bootstrap字体图标要手动调整,所以使用字体图标的span必须紧跟在input后面,负责会错位*/
172
+ .modifystyle div input + span{
173
+ top: 0!important;
174
+ right: 32%;
175
+ }
176
+ .modifystyle span{
177
+ color: red;
178
+ }
179
+ /*修改密码底部按钮部分样式*/
180
+ .footerbtn {
181
+ text-align: center;
182
+ padding: 15px;
183
+ }
184
+ .footerbtn button {
185
+ width: 100px;
186
+ margin-left: 20px;
187
+ }
188
+ </style>
@@ -1,112 +1,112 @@
1
- <template>
2
- <div>
3
- <validator name="v">
4
- <modal :show.sync="show" v-ref:modal backdrop="false">
5
- <header slot="modal-header" class="modal-header">
6
- <button type="button" class="close" @click="rest"><span>&times;</span></button>
7
- <h4 class="modal-title">修改密码</h4>
8
- </header>
9
- <article slot="modal-body" class="modal-body modifystyle auto form-horizontal">
10
- <div class="has-feedback form-group"
11
- :class="{'has-warning':$v.password.required,'has-error': $v.password.required,
12
- 'has-success':!$v.password.required}">
13
- <label for="password" class="col-sm-4 col-sm-offset-1 control-label">原始密码:&nbsp;&nbsp;</label>
14
- <div class="col-sm-4">
15
- <input type="password" v-model="deliver.password" class="form-control" id="password" v-validate:password="{ required: true}">
16
- <span class="glyphicon glyphicon-ok form-control-feedback" v-if="!$v.password.required"></span>
17
- <span v-if="$v.password.required">不能为空</span>
18
- </div>
19
- </div>
20
- <div class="has-feedback form-group"
21
- :class="{'has-warning':$v.newpassword.required,'has-error':$v.newpassword.strongpassword && !($v.newpassword.required),
22
- 'has-success': !$v.newpassword.required && !$v.newpassword.strongpassword }">
23
- <label for="newpassword" class="col-sm-4 col-sm-offset-1 control-label">新的密码:&nbsp;&nbsp;</label>
24
- <div class="col-sm-4">
25
- <input type="password" v-model="deliver.newpassword" class="form-control" id="newpassword" v-validate:newpassword='{required:true, strongpassword: true}'>
26
- <span class="glyphicon glyphicon-ok form-control-feedback" v-if="!$v.newpassword.required && !($v.newpassword.strongpassword && !($v.newpassword.required))"></span>
27
- <span v-if="$v.newpassword.required">不能为空</span>
28
- <span v-if="$v.newpassword.strongpassword && !($v.newpassword.required)">密码必须包含英文大小写、阿拉伯数字、字符</span>
29
- </div>
30
- </div>
31
- <div class="has-feedback form-group"
32
- :class="{'has-warning':$v.affirmpassword.required,'has-error':$v.affirmpassword.equalValid && !($v.affirmpassword.required),
33
- 'has-success': !$v.affirmpassword.required && !($v.affirmpassword.equalValid && !($v.affirmpassword.required))}">
34
- <label for="affirmpassword" class="col-sm-4 col-sm-offset-1 control-label">确认密码:&nbsp;&nbsp;</label>
35
- <div class="col-sm-4">
36
- <input type="password" v-model="deliver.affirmpassword" class="form-control" id="affirmpassword" v-validate:affirmpassword="{ required: true, equalValid: deliver.newpassword }">
37
- <span class="glyphicon glyphicon-ok form-control-feedback" v-if="!$v.affirmpassword.required && !($v.affirmpassword.equalValid && !($v.affirmpassword.required))"></span>
38
- <span v-if="$v.affirmpassword.required">不能为空</span>
39
- <span v-if="$v.affirmpassword.equalValid && !($v.affirmpassword.required)">两次密码不一致 !!</span>
40
- </div>
41
- </div>
42
- </article>
43
-
44
- <footer slot="modal-footer" class="modal-footer">
45
- <button type="button" class="btn btn-success" @click='confirm' :disabled="!$v.valid">确认</button>
46
- <button type="button" class="btn btn-default" @click='rest'>取消</button>
47
- </footer>
48
- </modal>
49
- </validator>
50
- </div>
51
-
52
-
53
- </template>
54
- <script>
55
- import co from 'co'
56
- import validator from '../../plugins/validation';
57
-
58
- let saveGen = function * (self) {
59
- self.deliver.ename = self.functions.ename
60
- // let res = yield self.$post('rs/user/entity', {data: self.deliver})
61
- // let res = yield self.$post('rs/db/modifypassword', {data: self.deliver})
62
- // let res = yield self.$resetpost('/rs/db/modifypwd', {data: self.deliver})
63
- // Util.f.password = self.deliver.newpassword
64
- let res = yield self.$resetpost('/rs/user/modifypwd', {data: self.deliver }, { resolveMsg: null, rejectMsg: '请求错误,修改密码失败!' })
65
- self.$login.f.password = self.deliver.newpassword
66
- if (res.data) {
67
- console.log("修改密码返回:" , res.data)
68
- if (res.data===true || res.data==='true') {
69
- self.deliver.password = ''
70
- self.deliver.newpassword = ''
71
- self.deliver.affirmpassword = ''
72
- self.show = false
73
- self.$showAlert("修改密码成功", 'success', 2000)
74
- } else {
75
- self.$showAlert("修改密码失败,原因:" + res.data.msg, 'warning', 2000)
76
- }
77
- }
78
- }
79
- export default {
80
- title: '系统管理-密码修改',
81
- data () {
82
- return {
83
- deliver: {
84
- password: '',
85
- newpassword: '',
86
- affirmpassword: ''
87
- },
88
- functions: this.$login.f
89
- }
90
- },
91
- props: ['show'],
92
- methods: {
93
- confirm () {
94
- let gen = saveGen(this)
95
- co(gen)
96
- },
97
- rest () {
98
- this.show = false
99
- this.deliver = {password: '', newpassword: '', affirmpassword: ''}
100
- }
101
- }
102
- }
103
- </script>
104
- <style>
105
- /*修改密码body界面样式*/
106
- .modifystyle {
107
- background: #FCFEEE;
108
- }
109
- .modifystyle span{
110
- color: red;
111
- }
112
- </style>
1
+ <template>
2
+ <div>
3
+ <validator name="v">
4
+ <modal :show.sync="show" v-ref:modal backdrop="false">
5
+ <header slot="modal-header" class="modal-header">
6
+ <button type="button" class="close" @click="rest"><span>&times;</span></button>
7
+ <h4 class="modal-title">修改密码</h4>
8
+ </header>
9
+ <article slot="modal-body" class="modal-body modifystyle auto form-horizontal">
10
+ <div class="has-feedback form-group"
11
+ :class="{'has-warning':$v.password.required,'has-error': $v.password.required,
12
+ 'has-success':!$v.password.required}">
13
+ <label for="password" class="col-sm-4 col-sm-offset-1 control-label">原始密码:&nbsp;&nbsp;</label>
14
+ <div class="col-sm-4">
15
+ <input type="password" v-model="deliver.password" class="form-control" id="password" v-validate:password="{ required: true}">
16
+ <span class="glyphicon glyphicon-ok form-control-feedback" v-if="!$v.password.required"></span>
17
+ <span v-if="$v.password.required">不能为空</span>
18
+ </div>
19
+ </div>
20
+ <div class="has-feedback form-group"
21
+ :class="{'has-warning':$v.newpassword.required,'has-error':$v.newpassword.strongpassword && !($v.newpassword.required),
22
+ 'has-success': !$v.newpassword.required && !$v.newpassword.strongpassword }">
23
+ <label for="newpassword" class="col-sm-4 col-sm-offset-1 control-label">新的密码:&nbsp;&nbsp;</label>
24
+ <div class="col-sm-4">
25
+ <input type="password" v-model="deliver.newpassword" class="form-control" id="newpassword" v-validate:newpassword='{required:true, strongpassword: true}'>
26
+ <span class="glyphicon glyphicon-ok form-control-feedback" v-if="!$v.newpassword.required && !($v.newpassword.strongpassword && !($v.newpassword.required))"></span>
27
+ <span v-if="$v.newpassword.required">不能为空</span>
28
+ <span v-if="$v.newpassword.strongpassword && !($v.newpassword.required)">密码必须包含英文大小写、阿拉伯数字、字符</span>
29
+ </div>
30
+ </div>
31
+ <div class="has-feedback form-group"
32
+ :class="{'has-warning':$v.affirmpassword.required,'has-error':$v.affirmpassword.equalValid && !($v.affirmpassword.required),
33
+ 'has-success': !$v.affirmpassword.required && !($v.affirmpassword.equalValid && !($v.affirmpassword.required))}">
34
+ <label for="affirmpassword" class="col-sm-4 col-sm-offset-1 control-label">确认密码:&nbsp;&nbsp;</label>
35
+ <div class="col-sm-4">
36
+ <input type="password" v-model="deliver.affirmpassword" class="form-control" id="affirmpassword" v-validate:affirmpassword="{ required: true, equalValid: deliver.newpassword }">
37
+ <span class="glyphicon glyphicon-ok form-control-feedback" v-if="!$v.affirmpassword.required && !($v.affirmpassword.equalValid && !($v.affirmpassword.required))"></span>
38
+ <span v-if="$v.affirmpassword.required">不能为空</span>
39
+ <span v-if="$v.affirmpassword.equalValid && !($v.affirmpassword.required)">两次密码不一致 !!</span>
40
+ </div>
41
+ </div>
42
+ </article>
43
+
44
+ <footer slot="modal-footer" class="modal-footer">
45
+ <button type="button" class="btn btn-success" @click='confirm' :disabled="!$v.valid">确认</button>
46
+ <button type="button" class="btn btn-default" @click='rest'>取消</button>
47
+ </footer>
48
+ </modal>
49
+ </validator>
50
+ </div>
51
+
52
+
53
+ </template>
54
+ <script>
55
+ import co from 'co'
56
+ import validator from '../../plugins/validation';
57
+
58
+ let saveGen = function * (self) {
59
+ self.deliver.ename = self.functions.ename
60
+ // let res = yield self.$post('rs/user/entity', {data: self.deliver})
61
+ // let res = yield self.$post('rs/db/modifypassword', {data: self.deliver})
62
+ // let res = yield self.$resetpost('/rs/db/modifypwd', {data: self.deliver})
63
+ // Util.f.password = self.deliver.newpassword
64
+ let res = yield self.$resetpost('/rs/user/modifypwd', {data: self.deliver }, { resolveMsg: null, rejectMsg: '请求错误,修改密码失败!' })
65
+ self.$login.f.password = self.deliver.newpassword
66
+ if (res.data) {
67
+ console.log("修改密码返回:" , res.data)
68
+ if (res.data===true || res.data==='true') {
69
+ self.deliver.password = ''
70
+ self.deliver.newpassword = ''
71
+ self.deliver.affirmpassword = ''
72
+ self.show = false
73
+ self.$showAlert("修改密码成功", 'success', 2000)
74
+ } else {
75
+ self.$showAlert("修改密码失败,原因:" + res.data.msg, 'warning', 2000)
76
+ }
77
+ }
78
+ }
79
+ export default {
80
+ title: '系统管理-密码修改',
81
+ data () {
82
+ return {
83
+ deliver: {
84
+ password: '',
85
+ newpassword: '',
86
+ affirmpassword: ''
87
+ },
88
+ functions: this.$login.f
89
+ }
90
+ },
91
+ props: ['show'],
92
+ methods: {
93
+ confirm () {
94
+ let gen = saveGen(this)
95
+ co(gen)
96
+ },
97
+ rest () {
98
+ this.show = false
99
+ this.deliver = {password: '', newpassword: '', affirmpassword: ''}
100
+ }
101
+ }
102
+ }
103
+ </script>
104
+ <style>
105
+ /*修改密码body界面样式*/
106
+ .modifystyle {
107
+ background: #FCFEEE;
108
+ }
109
+ .modifystyle span{
110
+ color: red;
111
+ }
112
+ </style>