system-clients 4.0.3 → 4.0.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,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>
@@ -157,16 +157,22 @@
157
157
  },
158
158
  watch: {
159
159
  //监听初始化资源id
160
- 'initresid.length'(){
160
+ 'initresid.length'() {
161
161
  this.dealdata()
162
162
  },
163
163
  //监听初始化资源id
164
- 'parentresid'(){
164
+ 'parentresid'() {
165
165
  this.dealdata()
166
166
  },
167
- 'initresid'(){
168
- this.dealdata()
167
+ initresid: {
168
+ handler(newVal, oldVal) {
169
+ // 避免重复触发
170
+ if (JSON.stringify(newVal) === JSON.stringify(oldVal)) {
171
+ return;
172
+ }
173
+ this.dealdata();
174
+ },
169
175
  }
170
- },
176
+ }
171
177
  }
172
178
  </script>
@@ -1,6 +1,6 @@
1
- // 分公司特殊组件页面注册
2
-
3
- exports.specialComp = {
4
- 'login': (resolve) => require(['./Login'], resolve),
5
- // 'home-page': (resolve) => {require(['./Main'], resolve)}
6
- }
1
+ // 分公司特殊组件页面注册
2
+
3
+ exports.specialComp = {
4
+ 'login': (resolve) => require(['./Login'], resolve),
5
+ // 'home-page': (resolve) => {require(['./Main'], resolve)}
6
+ }
@@ -1,17 +1,17 @@
1
- import { TreeList } from 'vue-client'
2
-
3
- export default class {
4
- constructor () {
5
- this.selected = null
6
- // 左侧项目树
7
- this.projects = new TreeList('/rs/sql/project.sql')
8
- }
9
-
10
- select (selected) {
11
- this.selected = selected
12
- }
13
-
14
- getSelected () {
15
- return this.selected
16
- }
17
- }
1
+ import { TreeList } from 'vue-client'
2
+
3
+ export default class {
4
+ constructor () {
5
+ this.selected = null
6
+ // 左侧项目树
7
+ this.projects = new TreeList('/rs/sql/project.sql')
8
+ }
9
+
10
+ select (selected) {
11
+ this.selected = selected
12
+ }
13
+
14
+ getSelected () {
15
+ return this.selected
16
+ }
17
+ }