system-clients 3.2.15 → 3.2.16

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,111 +1,111 @@
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.numbersAndLetter8to16 || $v.newpassword.minlength)&& !$v.newpassword.required && !$v.newpassword.chinesePassword,
22
- 'has-success': !$v.newpassword.required && !$v.newpassword.numbersAndLetter8to16&&!$v.newpassword.minlength && !$v.newpassword.chinesePassword}">
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, numbersAndLetter8to16: true, minlength: 6,chinesePassword: true}'>
26
- <span class="glyphicon glyphicon-ok form-control-feedback" v-if="!$v.newpassword.required && !$v.newpassword.minlength && !($v.newpassword.numbersAndLetter8to16 && !($v.newpassword.required)) && !($v.newpassword.chinesePassword) "></span>
27
- <span v-if="$v.newpassword.required">不能为空</span>
28
- <span v-if="($v.newpassword.numbersAndLetter8to16||$v.newpassword.minlength) && !($v.newpassword.required&&$v.newpassword.minlength)">密码必须是8~16位数字与字母组合</span>
29
- <span v-if="$v.newpassword.chinesePassword">密码不能包含中文</span>
30
- </div>
31
- </div>
32
- <div class="has-feedback form-group"
33
- :class="{'has-warning':$v.affirmpassword.required,'has-error':$v.affirmpassword.equalValid && !($v.affirmpassword.required),
34
- 'has-success': !$v.affirmpassword.required && !($v.affirmpassword.equalValid && !($v.affirmpassword.required))}">
35
- <label for="affirmpassword" class="col-sm-4 col-sm-offset-1 control-label">确认密码:&nbsp;&nbsp;</label>
36
- <div class="col-sm-4">
37
- <input type="password" v-model="deliver.affirmpassword" class="form-control" id="affirmpassword" v-validate:affirmpassword="{ required: true, equalValid: deliver.newpassword }">
38
- <span class="glyphicon glyphicon-ok form-control-feedback" v-if="!$v.affirmpassword.required && !($v.affirmpassword.equalValid && !($v.affirmpassword.required))"></span>
39
- <span v-if="$v.affirmpassword.required">不能为空</span>
40
- <span v-if="$v.affirmpassword.equalValid && !($v.affirmpassword.required)">两次密码不一致 !!</span>
41
- </div>
42
- </div>
43
- </article>
44
-
45
- <footer slot="modal-footer" class="modal-footer">
46
- <button type="button" class="btn btn-success" @click='confirm' :disabled="!$v.valid">确认</button>
47
- <button type="button" class="btn btn-default" @click='rest'>取消</button>
48
- </footer>
49
- </modal>
50
- </validator>
51
- </div>
52
-
53
-
54
- </template>
55
- <script>
56
- import co from 'co'
57
- import validator from '../../plugins/validation';
58
-
59
- let saveGen = function * (self) {
60
- self.deliver.ename = self.functions.ename
61
- // let res = yield self.$post('rs/user/entity', {data: self.deliver})
62
- // let res = yield self.$post('rs/db/modifypassword', {data: self.deliver})
63
- // let res = yield self.$resetpost('/rs/db/modifypwd', {data: self.deliver})
64
- // Util.f.password = self.deliver.newpassword
65
- let res = yield self.$resetpost('/rs/user/modifypwd', {data: self.deliver }, {resolveMsg: null,rejectMsg: null})
66
- self.$login.f.password = self.deliver.newpassword
67
- console.log(res.data)
68
- if (res.data == true) {
69
- self.$showAlert('修改成功!', 'success', 2000)
70
- self.deliver.password = ''
71
- self.deliver.newpassword = ''
72
- self.deliver.affirmpassword = ''
73
- self.show = false
74
- } else {
75
- self.$showMessage(res.data)
76
- }
77
- }
78
- export default {
79
- title: '系统管理-密码修改',
80
- data () {
81
- return {
82
- deliver: {
83
- password: '',
84
- newpassword: '',
85
- affirmpassword: ''
86
- },
87
- functions: this.$login.f
88
- }
89
- },
90
- props: ['show'],
91
- methods: {
92
- confirm () {
93
- let gen = saveGen(this)
94
- co(gen)
95
- },
96
- rest () {
97
- this.show = false
98
- this.deliver = {password: '', newpassword: '', affirmpassword: ''}
99
- }
100
- }
101
- }
102
- </script>
103
- <style>
104
- /*修改密码body界面样式*/
105
- .modifystyle {
106
- background: #FCFEEE;
107
- }
108
- .modifystyle span{
109
- color: red;
110
- }
111
- </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.numbersAndLetter8to16 || $v.newpassword.minlength)&& !$v.newpassword.required && !$v.newpassword.chinesePassword,
22
+ 'has-success': !$v.newpassword.required && !$v.newpassword.numbersAndLetter8to16&&!$v.newpassword.minlength && !$v.newpassword.chinesePassword}">
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, numbersAndLetter8to16: true, minlength: 6,chinesePassword: true}'>
26
+ <span class="glyphicon glyphicon-ok form-control-feedback" v-if="!$v.newpassword.required && !$v.newpassword.minlength && !($v.newpassword.numbersAndLetter8to16 && !($v.newpassword.required)) && !($v.newpassword.chinesePassword) "></span>
27
+ <span v-if="$v.newpassword.required">不能为空</span>
28
+ <span v-if="($v.newpassword.numbersAndLetter8to16||$v.newpassword.minlength) && !($v.newpassword.required&&$v.newpassword.minlength)">密码必须是8~16位数字与字母组合</span>
29
+ <span v-if="$v.newpassword.chinesePassword">密码不能包含中文</span>
30
+ </div>
31
+ </div>
32
+ <div class="has-feedback form-group"
33
+ :class="{'has-warning':$v.affirmpassword.required,'has-error':$v.affirmpassword.equalValid && !($v.affirmpassword.required),
34
+ 'has-success': !$v.affirmpassword.required && !($v.affirmpassword.equalValid && !($v.affirmpassword.required))}">
35
+ <label for="affirmpassword" class="col-sm-4 col-sm-offset-1 control-label">确认密码:&nbsp;&nbsp;</label>
36
+ <div class="col-sm-4">
37
+ <input type="password" v-model="deliver.affirmpassword" class="form-control" id="affirmpassword" v-validate:affirmpassword="{ required: true, equalValid: deliver.newpassword }">
38
+ <span class="glyphicon glyphicon-ok form-control-feedback" v-if="!$v.affirmpassword.required && !($v.affirmpassword.equalValid && !($v.affirmpassword.required))"></span>
39
+ <span v-if="$v.affirmpassword.required">不能为空</span>
40
+ <span v-if="$v.affirmpassword.equalValid && !($v.affirmpassword.required)">两次密码不一致 !!</span>
41
+ </div>
42
+ </div>
43
+ </article>
44
+
45
+ <footer slot="modal-footer" class="modal-footer">
46
+ <button type="button" class="btn btn-success" @click='confirm' :disabled="!$v.valid">确认</button>
47
+ <button type="button" class="btn btn-default" @click='rest'>取消</button>
48
+ </footer>
49
+ </modal>
50
+ </validator>
51
+ </div>
52
+
53
+
54
+ </template>
55
+ <script>
56
+ import co from 'co'
57
+ import validator from '../../plugins/validation';
58
+
59
+ let saveGen = function * (self) {
60
+ self.deliver.ename = self.functions.ename
61
+ // let res = yield self.$post('rs/user/entity', {data: self.deliver})
62
+ // let res = yield self.$post('rs/db/modifypassword', {data: self.deliver})
63
+ // let res = yield self.$resetpost('/rs/db/modifypwd', {data: self.deliver})
64
+ // Util.f.password = self.deliver.newpassword
65
+ let res = yield self.$resetpost('/rs/user/modifypwd', {data: self.deliver }, {resolveMsg: null,rejectMsg: null})
66
+ self.$login.f.password = self.deliver.newpassword
67
+ console.log(res.data)
68
+ if (res.data == true) {
69
+ self.$showAlert('修改成功!', 'success', 2000)
70
+ self.deliver.password = ''
71
+ self.deliver.newpassword = ''
72
+ self.deliver.affirmpassword = ''
73
+ self.show = false
74
+ } else {
75
+ self.$showMessage(res.data)
76
+ }
77
+ }
78
+ export default {
79
+ title: '系统管理-密码修改',
80
+ data () {
81
+ return {
82
+ deliver: {
83
+ password: '',
84
+ newpassword: '',
85
+ affirmpassword: ''
86
+ },
87
+ functions: this.$login.f
88
+ }
89
+ },
90
+ props: ['show'],
91
+ methods: {
92
+ confirm () {
93
+ let gen = saveGen(this)
94
+ co(gen)
95
+ },
96
+ rest () {
97
+ this.show = false
98
+ this.deliver = {password: '', newpassword: '', affirmpassword: ''}
99
+ }
100
+ }
101
+ }
102
+ </script>
103
+ <style>
104
+ /*修改密码body界面样式*/
105
+ .modifystyle {
106
+ background: #FCFEEE;
107
+ }
108
+ .modifystyle span{
109
+ color: red;
110
+ }
111
+ </style>
@@ -524,378 +524,9 @@ export default {
524
524
  }
525
525
  </script>
526
526
 
527
- <style scped>
528
-
529
- /*输入框样式*/
530
- /*@import url(http://fonts.useso.com/css?family=Source+Sans+Pro:200,300);*/
531
- * {
532
- box-sizing: border-box;
533
- margin: 0;
534
- padding: 0;
535
- font-weight: 400;
536
- outline: none;
537
- }
527
+ <style>
538
528
  .loginmain {
539
529
  display:flex;
540
530
  justify-content: center;
541
531
  }
542
- body {
543
- font-family: 'Source Sans Pro', sans-serif;
544
- color: white;
545
- font-weight: 400;
546
- }
547
-
548
- body ::-webkit-input-placeholder {
549
- /* WebKit browsers */
550
- font-family: 'Source Sans Pro', sans-serif;
551
- color: white;
552
- font-weight: 400;
553
- }
554
-
555
- body :-moz-placeholder {
556
- /* Mozilla Firefox 4 to 18 */
557
- font-family: 'Source Sans Pro', sans-serif;
558
- color: white;
559
- opacity: 1;
560
- font-weight: 400;
561
- }
562
-
563
- body ::-moz-placeholder {
564
- /* Mozilla Firefox 19+ */
565
- font-family: 'Source Sans Pro', sans-serif;
566
- color: white;
567
- opacity: 1;
568
- font-weight: 400;
569
- }
570
-
571
- body :-ms-input-placeholder {
572
- /* Internet Explorer 10+ */
573
- font-family: 'Source Sans Pro', sans-serif;
574
- color: white;
575
- font-weight: 400;
576
- }
577
-
578
- .wrapper {
579
- /*background: #2D83BA;
580
- background: -webkit-linear-gradient(top left, #2D83BA 0%, #2D83BA 100%);
581
- background: linear-gradient(to bottom right, #2D83BA 0%, #2D83BA 100%);
582
- opacity: 0.8;*/
583
- position: absolute;
584
- top: 50%;
585
- right: -60px;
586
- width: 40%;
587
- height: 400px;
588
- margin-top: -150px;
589
- overflow: hidden;
590
-
591
- }
592
-
593
- .wrapper.form-success .container h3 {
594
- -webkit-transform: translateY(85px);
595
- -ms-transform: translateY(85px);
596
- transform: translateY(85px);
597
- }
598
-
599
- .container {
600
- max-width: 350px;
601
- margin: 0 auto;
602
- padding: 30px 100px 50px 100px;
603
- height: 400px;
604
- text-align: center;
605
- /*以下增加*/
606
- background: #2D83BA;
607
- background: -webkit-linear-gradient(top left, #2D83BA 0%, #2D83BA 100%);
608
- background: linear-gradient(to bottom right, #2D83BA 0%, #2D83BA 100%);
609
- opacity: 0.8;
610
- }
611
-
612
- .container h3 {
613
- font-size: 40px;
614
- -webkit-transition-duration: 1s;
615
- transition-duration: 1s;
616
- -webkit-transition-timing-function: ease-in-put;
617
- transition-timing-function: ease-in-put;
618
- font-weight: 200;
619
- }
620
-
621
- .form {
622
- padding: 20px 0;
623
- position: relative;
624
- z-index: 2;
625
- }
626
-
627
- .form input {
628
- -webkit-appearance: none;
629
- -moz-appearance: none;
630
- appearance: none;
631
- outline: 0;
632
- border: 1px solid #50ABE6;
633
- background-color: #50ABE6;
634
- width: 250px;
635
- border-radius: 3px;
636
- padding: 10px 15px;
637
- margin: 0 auto 10px auto;
638
- display: block;
639
- text-align: center;
640
- font-size: 18px;
641
- color: white;
642
- -webkit-transition-duration: 0.25s;
643
- transition-duration: 0.25s;
644
- font-weight: 400;
645
- }
646
-
647
- .form input:hover {
648
- background-color: rgba(255, 255, 255, 0.4);
649
- }
650
-
651
- .form input:focus {
652
- background-color: white;
653
- width: 300px;
654
- color: #53e3a6;
655
- }
656
-
657
- .usericon {
658
- background-image: url(../../../static/usericon.png);
659
- background-repeat: no-repeat;
660
- background-size: 30px;
661
- background-position-x: 8px;
662
- background-position-y: 8px;
663
- }
664
-
665
- .psicon {
666
- background-image: url(../../../static/psicon.png);
667
- background-repeat: no-repeat;
668
- background-size: 30px;
669
- background-position-x: 8px;
670
- background-position-y: 8px;
671
- }
672
-
673
- .form button {
674
- -webkit-appearance: none;
675
- -moz-appearance: none;
676
- appearance: none;
677
- outline: 0;
678
- background-color: white;
679
- border: 0;
680
- padding: 10px 15px;
681
- color: #253830;
682
- border-radius: 3px;
683
- width: 250px;
684
- cursor: pointer;
685
- font-size: 18px;
686
- -webkit-transition-duration: 0.25s;
687
- transition-duration: 0.25s;
688
- }
689
-
690
- .form button:hover {
691
- background-color: #f5f7f9;
692
- }
693
-
694
- /*注册字体样式*/
695
- .form span {
696
- color: #fff;
697
- display: table-footer-group;
698
- position: absolute;
699
- right: 10px;
700
- margin-top: 10px;
701
- cursor: pointer;
702
- }
703
-
704
- .logotitle {
705
- color: #fff;
706
- position: absolute;
707
- top: 50px;
708
- left: 50px;
709
- font-size: 50px;
710
- }
711
-
712
- /*注册模态框界面样式*/
713
- .modifystyle {
714
- background: #FCFEEE;
715
- }
716
-
717
- .modifystyle div {
718
- height: auto;
719
- margin-bottom: 15px;
720
- /*text-align: center;*/
721
- /*margin-left: 20%;*/
722
- }
723
-
724
- /*bootstrap字体图标要手动调整,所以使用字体图标的span必须紧跟在input后面,负责会错位*/
725
- .modifystyle div input + span {
726
- top: 0 !important;
727
- right: 32%;
728
- }
729
-
730
- .modifystyle span {
731
- color: red;
732
- }
733
-
734
- /* 通告区内容 */
735
- .notice-board {
736
- height: auto;
737
- position: absolute;
738
- top: 50%;
739
- margin-top: -150px;
740
- margin-left: 100px;
741
- color: #fff;
742
- }
743
-
744
- /*修改密码底部按钮部分样式*/
745
- .footerbtn {
746
- text-align: center;
747
- padding: 15px;
748
- }
749
-
750
- .footerbtn button {
751
- width: 100px;
752
- margin-left: 20px;
753
- }
754
-
755
- .bg-bubbles {
756
- position: absolute;
757
- top: 0;
758
- left: 0;
759
- width: 100%;
760
- height: 100%;
761
- z-index: 1;
762
- }
763
-
764
- .bg-bubbles li {
765
- position: absolute;
766
- list-style: none;
767
- display: block;
768
- width: 40px;
769
- height: 40px;
770
- background-color: rgba(255, 255, 255, 0.15);
771
- bottom: -160px;
772
- -webkit-animation: square 25s infinite;
773
- animation: square 25s infinite;
774
- -webkit-transition-timing-function: linear;
775
- transition-timing-function: linear;
776
- }
777
-
778
- .bg-bubbles li:nth-child(1) {
779
- left: 10%;
780
- }
781
-
782
- .bg-bubbles li:nth-child(2) {
783
- left: 20%;
784
- width: 80px;
785
- height: 80px;
786
- -webkit-animation-delay: 2s;
787
- animation-delay: 2s;
788
- -webkit-animation-duration: 17s;
789
- animation-duration: 17s;
790
- }
791
-
792
- .bg-bubbles li:nth-child(3) {
793
- left: 25%;
794
- -webkit-animation-delay: 4s;
795
- animation-delay: 4s;
796
- }
797
-
798
- .bg-bubbles li:nth-child(4) {
799
- left: 40%;
800
- width: 60px;
801
- height: 60px;
802
- -webkit-animation-duration: 22s;
803
- animation-duration: 22s;
804
- background-color: rgba(255, 255, 255, 0.25);
805
- }
806
-
807
- .bg-bubbles li:nth-child(5) {
808
- left: 70%;
809
- }
810
-
811
- .bg-bubbles li:nth-child(6) {
812
- left: 80%;
813
- width: 120px;
814
- height: 120px;
815
- -webkit-animation-delay: 3s;
816
- animation-delay: 3s;
817
- background-color: rgba(255, 255, 255, 0.2);
818
- }
819
-
820
- .bg-bubbles li:nth-child(7) {
821
- left: 32%;
822
- width: 160px;
823
- height: 160px;
824
- -webkit-animation-delay: 7s;
825
- animation-delay: 7s;
826
- }
827
-
828
- .bg-bubbles li:nth-child(8) {
829
- left: 55%;
830
- width: 20px;
831
- height: 20px;
832
- -webkit-animation-delay: 15s;
833
- animation-delay: 15s;
834
- -webkit-animation-duration: 40s;
835
- animation-duration: 40s;
836
- }
837
-
838
- .bg-bubbles li:nth-child(9) {
839
- left: 25%;
840
- width: 10px;
841
- height: 10px;
842
- -webkit-animation-delay: 2s;
843
- animation-delay: 2s;
844
- -webkit-animation-duration: 40s;
845
- animation-duration: 40s;
846
- background-color: rgba(255, 255, 255, 0.3);
847
- }
848
-
849
- .bg-bubbles li:nth-child(10) {
850
- left: 90%;
851
- width: 160px;
852
- height: 160px;
853
- -webkit-animation-delay: 11s;
854
- animation-delay: 11s;
855
- }
856
- .logofooter{
857
- font-size: 12px;
858
- color:#fff;
859
- width:150px;
860
- margin-left: 17px;
861
- }
862
- .logocontent{
863
- font-size: 14px;
864
- color:#fff;
865
- width:150px;
866
- margin: 3px -15px;
867
- }
868
- .imglogo {
869
- background:url(../../../static/logo.png);
870
- background-size:100%;
871
- }
872
- .logoew {
873
- width:120px;
874
- height:120px;
875
- float:right;
876
- margin-right:8.5%;
877
- margin-top:10px;
878
- }
879
-
880
- @-webkit-keyframes square {
881
- 0% {
882
- -webkit-transform: translateY(0);
883
- transform: translateY(0);
884
- }
885
- 100% {
886
- -webkit-transform: translateY(-700px) rotate(600deg);
887
- transform: translateY(-700px) rotate(600deg);
888
- }
889
- }
890
-
891
- @keyframes square {
892
- 0% {
893
- -webkit-transform: translateY(0);
894
- transform: translateY(0);
895
- }
896
- 100% {
897
- -webkit-transform: translateY(-700px) rotate(600deg);
898
- transform: translateY(-700px) rotate(600deg);
899
- }
900
- }
901
532
  </style>
@@ -1,6 +1,6 @@
1
- // 分公司特殊组件页面注册
2
-
3
- exports.specialComp = {
4
- 'home-page': (resolve) => require(['./Main'], resolve),
5
- 'login': (resolve) => require(['./Login'], resolve)
6
- }
1
+ // 分公司特殊组件页面注册
2
+
3
+ exports.specialComp = {
4
+ 'home-page': (resolve) => require(['./Main'], resolve),
5
+ 'login': (resolve) => require(['./Login'], resolve)
6
+ }