system-clients 4.0.5 → 4.0.6
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.
- package/package.json +105 -105
- package/src/App.vue +24 -24
- package/src/components/Util.js +343 -343
- package/src/components/server/Menu.vue +188 -188
- package/src/components/server/ResSelect.vue +184 -178
- package/src/project/State.js +17 -17
|
@@ -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 }}
|
|
15
|
-
|
|
16
|
-
<span class="glyphicon glyphicon-copyright-mark"></span>
|
|
17
|
-
系统版本：V1.0.0
|
|
18
|
-
|
|
19
|
-
<span class="glyphicon glyphicon-th-large"></span>
|
|
20
|
-
蓝色主题
|
|
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">原始密码: </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">新的密码: </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">确认密码: </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 }}
|
|
15
|
+
|
|
16
|
+
<span class="glyphicon glyphicon-copyright-mark"></span>
|
|
17
|
+
系统版本：V1.0.0
|
|
18
|
+
|
|
19
|
+
<span class="glyphicon glyphicon-th-large"></span>
|
|
20
|
+
蓝色主题
|
|
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">原始密码: </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">新的密码: </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">确认密码: </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>
|