system-clients 4.0.3 → 4.0.4

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 (207) 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-lock.json +11773 -0
  10. package/package.json +1 -1
  11. package/src/App.vue +24 -24
  12. package/src/LodopFuncs.js +155 -155
  13. package/src/components/Main.vue +935 -935
  14. package/src/components/TabButton.vue +201 -201
  15. package/src/components/Tabs.vue +67 -67
  16. package/src/components/Util.js +343 -343
  17. package/src/components/addressManage/AddressCascadingMenu.vue +145 -145
  18. package/src/components/common/ProgressBase.vue +83 -83
  19. package/src/components/equipment/EquipmentManage.vue +83 -83
  20. package/src/components/equipment/PcAdd.vue +115 -115
  21. package/src/components/equipment/PcList.vue +119 -119
  22. package/src/components/equipment/PcManage.vue +61 -61
  23. package/src/components/equipment/PhoneAdd.vue +118 -118
  24. package/src/components/equipment/PhoneList.vue +113 -113
  25. package/src/components/equipment/PhoneManage.vue +61 -61
  26. package/src/components/equipment/PosAdd.vue +319 -319
  27. package/src/components/equipment/PosList.vue +292 -292
  28. package/src/components/equipment/PosManage.vue +138 -138
  29. package/src/components/equipment/PosManageBoth.vue +125 -125
  30. package/src/components/equipment/PosParamAdd.vue +236 -236
  31. package/src/components/equipment/PosParamList.vue +121 -121
  32. package/src/components/equipment/PosParamManage.vue +51 -51
  33. package/src/components/materialManage/materialData.vue +44 -44
  34. package/src/components/materialManage/materialList.vue +255 -255
  35. package/src/components/parammanage/ParamManage.vue +42 -42
  36. package/src/components/parammanage/ParamPage.vue +337 -337
  37. package/src/components/parammanage/ParamPages.vue +222 -222
  38. package/src/components/parammanage/SinglePage.vue +235 -235
  39. package/src/components/parammanage/SinglePages.vue +167 -167
  40. package/src/components/server/AddChangeMsg.vue +66 -66
  41. package/src/components/server/ChangeDeclare.vue +45 -45
  42. package/src/components/server/ImageVieweTest.vue +56 -56
  43. package/src/components/server/ImageViewer.vue +350 -350
  44. package/src/components/server/LeftTree.vue +111 -111
  45. package/src/components/server/LoadData.vue +55 -55
  46. package/src/components/server/Login.vue +615 -615
  47. package/src/components/server/LoginPage.vue +235 -235
  48. package/src/components/server/LoginView.vue +128 -128
  49. package/src/components/server/Menu.vue +188 -188
  50. package/src/components/server/ModifyPw.vue +126 -126
  51. package/src/components/server/PcdBuildingSelect.vue +243 -243
  52. package/src/components/server/ResSelect.vue +172 -172
  53. package/src/components/server/ResSelectGroup.vue +211 -211
  54. package/src/components/server/RightTree.vue +348 -348
  55. package/src/components/server/RoleSelector.vue +90 -90
  56. package/src/components/server/TestResSelect.vue +58 -58
  57. package/src/components/server/TestResSelectGroup.vue +388 -388
  58. package/src/filiale/baole/Login.vue +570 -570
  59. package/src/filiale/baole/system.js +5 -5
  60. package/src/filiale/bayan/PosAdd.vue +368 -368
  61. package/src/filiale/bayan/PosList.vue +341 -341
  62. package/src/filiale/bayan/PosManage.vue +138 -138
  63. package/src/filiale/bayan/system.js +6 -6
  64. package/src/filiale/chengtou/Login.vue +539 -539
  65. package/src/filiale/chengtou/system.js +5 -5
  66. package/src/filiale/dongguan/Login.vue +902 -902
  67. package/src/filiale/dongguan/Main.vue +717 -717
  68. package/src/filiale/dongguan/system.js +6 -6
  69. package/src/filiale/furuike/Login.vue +587 -587
  70. package/src/filiale/furuike/Main.vue +840 -840
  71. package/src/filiale/furuike/system.js +7 -7
  72. package/src/filiale/gehua/Main.vue +809 -809
  73. package/src/filiale/gehua/system.js +6 -6
  74. package/src/filiale/konggang/Login.vue +472 -472
  75. package/src/filiale/konggang/system.js +7 -7
  76. package/src/filiale/qianneng/Login.vue +584 -584
  77. package/src/filiale/qianneng/Main.vue +818 -818
  78. package/src/filiale/qianneng/ModifyPw.vue +108 -108
  79. package/src/filiale/qianneng/system.js +11 -11
  80. package/src/filiale/rizhao/LeftTree.vue +111 -111
  81. package/src/filiale/rizhao/Login.vue +793 -793
  82. package/src/filiale/rizhao/Main.vue +611 -611
  83. package/src/filiale/rizhao/system.js +14 -14
  84. package/src/filiale/ruihua/Login.vue +576 -576
  85. package/src/filiale/ruihua/Main.vue +977 -977
  86. package/src/filiale/shiquan/Login.vue +566 -566
  87. package/src/filiale/shiquan/system.js +8 -8
  88. package/src/filiale/tianyi/Login.vue +573 -573
  89. package/src/filiale/tianyi/system.js +5 -5
  90. package/src/filiale/tongchuan/Login.vue +563 -563
  91. package/src/filiale/tongchuan/Main.vue +1021 -1021
  92. package/src/filiale/tongchuan/system.js +7 -7
  93. package/src/filiale/weinan/Main.vue +924 -924
  94. package/src/filiale/weinan/system.js +7 -7
  95. package/src/filiale/wenxi/Login.vue +537 -537
  96. package/src/filiale/wenxi/Main.vue +787 -787
  97. package/src/filiale/wenxi/system.js +10 -10
  98. package/src/filiale/wuhai/LeftTree.vue +141 -141
  99. package/src/filiale/wuhai/Main.vue +810 -810
  100. package/src/filiale/wuhai/system.js +10 -10
  101. package/src/filiale/yuchuan/Login.vue +891 -891
  102. package/src/filiale/yuchuan/Main.vue +866 -866
  103. package/src/filiale/yuchuan/system.js +10 -10
  104. package/src/filiale/zhoukou/Main.vue +809 -809
  105. package/src/filiale/zhoukou/system.js +6 -6
  106. package/src/plugins/EncryptUtil.js +53 -53
  107. package/src/plugins/GetLoginInfoService.js +480 -480
  108. package/src/plugins/HeatGetLoginInfoService.js +491 -491
  109. package/src/plugins/validation.js +15 -15
  110. package/src/project/State.js +17 -17
  111. package/src/stores/AppData.js +38 -38
  112. package/src/stores/HeatAppData.js +38 -38
  113. package/src/styles/fonts/glyphicons-halflings-regular.svg +288 -288
  114. package/src/styles/less/.csscomb.json +304 -304
  115. package/src/styles/less/.csslintrc +19 -19
  116. package/src/styles/less/alerts.less +73 -73
  117. package/src/styles/less/aofeng/animate.min.css +10 -10
  118. package/src/styles/less/aofeng/expandcss.less +569 -569
  119. package/src/styles/less/aofeng/login.less +367 -367
  120. package/src/styles/less/aofeng/standard.less +2507 -2507
  121. package/src/styles/less/aofeng/themeOne/BinaryTemplate.less +690 -690
  122. package/src/styles/less/aofeng/themeOne/loginStyle.less +1586 -1586
  123. package/src/styles/less/aofeng/themeOne/systemStyle.less +2650 -2650
  124. package/src/styles/less/aofeng/themeOne.less +17 -17
  125. package/src/styles/less/aofeng/themeTwo/newStyle1.less +415 -415
  126. package/src/styles/less/aofeng/themeTwo.less +3 -3
  127. package/src/styles/less/badges.less +66 -66
  128. package/src/styles/less/bootstrap.less +66 -66
  129. package/src/styles/less/breadcrumbs.less +26 -26
  130. package/src/styles/less/button-groups.less +247 -247
  131. package/src/styles/less/buttons.less +172 -172
  132. package/src/styles/less/carousel.less +269 -269
  133. package/src/styles/less/close.less +34 -34
  134. package/src/styles/less/code.less +69 -69
  135. package/src/styles/less/component-animations.less +33 -33
  136. package/src/styles/less/dropdowns.less +216 -216
  137. package/src/styles/less/fonts-list.less +25 -25
  138. package/src/styles/less/forms.less +626 -626
  139. package/src/styles/less/glyphicons.less +305 -305
  140. package/src/styles/less/grid.less +84 -84
  141. package/src/styles/less/input-groups.less +167 -167
  142. package/src/styles/less/jumbotron.less +52 -52
  143. package/src/styles/less/labels.less +64 -64
  144. package/src/styles/less/list-group.less +141 -141
  145. package/src/styles/less/manageStyle/manageChile.less +180 -180
  146. package/src/styles/less/manageStyle/manageStyle/manageChile.less +180 -180
  147. package/src/styles/less/manageStyle/manageStyle/manageStyle.less +1102 -1102
  148. package/src/styles/less/manageStyle/manageStyle/safeStyle.less +498 -498
  149. package/src/styles/less/manageStyle/manageStyle.less +1102 -1102
  150. package/src/styles/less/manageStyle/safeStyle.less +498 -498
  151. package/src/styles/less/media.less +66 -66
  152. package/src/styles/less/mixins/alerts.less +14 -14
  153. package/src/styles/less/mixins/background-variant.less +9 -9
  154. package/src/styles/less/mixins/border-radius.less +18 -18
  155. package/src/styles/less/mixins/buttons.less +69 -69
  156. package/src/styles/less/mixins/center-block.less +7 -7
  157. package/src/styles/less/mixins/clearfix.less +22 -22
  158. package/src/styles/less/mixins/forms.less +90 -90
  159. package/src/styles/less/mixins/gradients.less +59 -59
  160. package/src/styles/less/mixins/grid-framework.less +92 -92
  161. package/src/styles/less/mixins/grid.less +122 -122
  162. package/src/styles/less/mixins/hide-text.less +21 -21
  163. package/src/styles/less/mixins/image.less +33 -33
  164. package/src/styles/less/mixins/labels.less +12 -12
  165. package/src/styles/less/mixins/list-group.less +30 -30
  166. package/src/styles/less/mixins/nav-divider.less +10 -10
  167. package/src/styles/less/mixins/nav-vertical-align.less +9 -9
  168. package/src/styles/less/mixins/opacity.less +8 -8
  169. package/src/styles/less/mixins/pagination.less +24 -24
  170. package/src/styles/less/mixins/panels.less +24 -24
  171. package/src/styles/less/mixins/progress-bar.less +10 -10
  172. package/src/styles/less/mixins/reset-filter.less +8 -8
  173. package/src/styles/less/mixins/reset-text.less +18 -18
  174. package/src/styles/less/mixins/resize.less +6 -6
  175. package/src/styles/less/mixins/responsive-visibility.less +15 -15
  176. package/src/styles/less/mixins/size.less +10 -10
  177. package/src/styles/less/mixins/tab-focus.less +9 -9
  178. package/src/styles/less/mixins/table-row.less +44 -44
  179. package/src/styles/less/mixins/text-emphasis.less +9 -9
  180. package/src/styles/less/mixins/text-overflow.less +8 -8
  181. package/src/styles/less/mixins/vendor-prefixes.less +227 -227
  182. package/src/styles/less/mixins.less +40 -40
  183. package/src/styles/less/modals.less +151 -151
  184. package/src/styles/less/navbar.less +660 -660
  185. package/src/styles/less/navs.less +285 -285
  186. package/src/styles/less/normalize.less +424 -424
  187. package/src/styles/less/pager.less +76 -76
  188. package/src/styles/less/pagination.less +89 -89
  189. package/src/styles/less/panels.less +275 -275
  190. package/src/styles/less/popovers.less +131 -131
  191. package/src/styles/less/print.less +101 -101
  192. package/src/styles/less/progress-bars.less +87 -87
  193. package/src/styles/less/responsive-embed.less +35 -35
  194. package/src/styles/less/responsive-utilities.less +194 -194
  195. package/src/styles/less/scaffolding.less +161 -161
  196. package/src/styles/less/stand.less +207 -207
  197. package/src/styles/less/tables.less +312 -312
  198. package/src/styles/less/theme.less +291 -291
  199. package/src/styles/less/thumbnails.less +36 -36
  200. package/src/styles/less/tooltip.less +102 -102
  201. package/src/styles/less/type.less +316 -316
  202. package/src/styles/less/utilities.less +55 -55
  203. package/src/styles/less/variables.less +899 -899
  204. package/src/styles/less/wells.less +29 -29
  205. package/src/system.js +122 -122
  206. package/src/util/Daiban.json +12 -12
  207. package/yarn-error.log +0 -6896
@@ -1,145 +1,145 @@
1
- <template>
2
- <div :class="style">
3
- <label :class="font_style">小&emsp;&emsp;区</label>
4
- <v-select :value.sync="initres.f_residential_area"
5
- v-model="initres.f_residential_area"
6
- class="input-font"
7
- :options='residentialAreaOptions'
8
- placeholder='小区名称'
9
- @change="getbuilds"
10
- close-on-select :valueSingle=true>
11
- </v-select>
12
- </div>
13
- <div :class="style">
14
- <label :class="font_style">楼&emsp;&emsp;栋</label>
15
- <v-select :value.sync="initres.f_building"
16
- v-model="initres.f_building"
17
- class="input-font"
18
- :options='buildOptions'
19
- placeholder='楼栋'
20
- @change="getUnits"
21
- close-on-select :valueSingle="true">
22
- </v-select>
23
- </div>
24
- <div :class="style">
25
- <label :class="font_style">单&emsp;&emsp;元</label>
26
- <v-select :value.sync="initres.f_unit"
27
- v-model="initres.f_unit"
28
- class="input-font"
29
- :options='unitOptions'
30
- placeholder='单元'
31
- close-on-select :valueSingle="true">
32
- </v-select>
33
- </div>
34
- </template>
35
- <script>
36
- import {HttpResetClass} from "vue-client";
37
- /**
38
- *档案管理查询列表
39
- */
40
- export default {
41
- title: '小区查询',
42
- props: {
43
- style: {
44
- type: String,
45
- default: 'col-sm-2 form-group'
46
- },
47
- font_style: {
48
- type: String,
49
- default: 'font_normal_body'
50
- },
51
- mul: {
52
- type: Boolean,
53
- default: true
54
- },
55
- //初始值
56
- initres: {
57
- type: Object,
58
- default: null,
59
- },
60
- conditions: {
61
- type: Object,
62
- default: null,
63
- },
64
- f_unit: {
65
- type: String,
66
- default: "f_unit = '{}'",
67
- },
68
- f_residential_area: {
69
- type: String,
70
- default: "f_residential_area = '{}'",
71
- },
72
- f_building: {
73
- type: String,
74
- default: "f_building = '{}'",
75
- }
76
- },
77
- data () {
78
- return {
79
- residentialAreaOptions:[],
80
- buildOptions:[],
81
- unitOptions:[],
82
- http:new HttpResetClass()
83
- }
84
- },
85
- ready(){
86
- this.getAllArea()
87
- this.conditions=Object.assign({},this.conditions,{f_unit:this.f_unit,f_residential_area:this.f_residential_area,f_building:this.f_building})
88
- },
89
- methods: {
90
- getAllArea(){
91
- this.residentialAreaOptions = []
92
- this.buildOptions = []
93
- this.unitOptions = []
94
- this.initres.f_residential_area = ''
95
- this.initres.f_building = ''
96
- this.initres.f_unit = ''
97
- this.http.load('POST',"rs/sql/address_getarealist",{data:{condition: `s.f_filialeid = ${this.$login.f.orgid}`}},{resolveMsg: null, rejectMsg: null}).then(result =>{
98
- if(result.data.length>0){
99
- result.data.forEach(item => this.residentialAreaOptions.push({label:item.f_residential_area,value:item.f_residential_area}))
100
- }
101
- })
102
- },
103
- getbuilds(f_residential_area){
104
- console.log('f_residential_area ===> ' + JSON.stringify(f_residential_area))
105
- this.buildOptions = []
106
- this.initres.f_building = ''
107
- this.unitOptions = []
108
- this.initres.f_unit = ''
109
- if(f_residential_area.length<=0){
110
- return
111
- }
112
- let criteria = {
113
- condition: `f_building IS NOT NULL AND f_residential_area = '${f_residential_area}'`,
114
- groupitem: 'f_building',
115
- orderitem: 'f_building'
116
- }
117
- this.http.load('POST',"rs/sql/getUseraddressByCon",{'data': criteria},{resolveMsg: null, rejectMsg: null}).then(result =>{
118
- if(result.data.length>0){
119
- result.data.forEach(item => this.buildOptions.push({label:item.f_building,value:item.f_building}))
120
- }
121
- })
122
-
123
- },
124
- getUnits(f_building){
125
- f_building = f_building[0]
126
- this.unitOptions = []
127
- this.initres.f_unit = ''
128
- if(!f_building){
129
- return
130
- }
131
- let criteria = {
132
- condition: `f_unit IS NOT NULL AND f_unit != '' AND f_residential_area = '${this.initres.f_residential_area}' AND f_building = '${this.initres.f_building}'`,
133
- orderitem: 'f_unit',
134
- groupitem: 'f_unit'
135
- }
136
- this.http.load('POST',"rs/sql/getUseraddressByCon",{'data': criteria},{resolveMsg: null, rejectMsg: null}).then(result=>{
137
- if(result.data.length>0){
138
- result.data.forEach(item => this.unitOptions.push({label:item.f_unit,value:item.f_unit}))
139
- }
140
- })
141
-
142
- }
143
- }
144
- }
145
- </script>
1
+ <template>
2
+ <div :class="style">
3
+ <label :class="font_style">小&emsp;&emsp;区</label>
4
+ <v-select :value.sync="initres.f_residential_area"
5
+ v-model="initres.f_residential_area"
6
+ class="input-font"
7
+ :options='residentialAreaOptions'
8
+ placeholder='小区名称'
9
+ @change="getbuilds"
10
+ close-on-select :valueSingle=true>
11
+ </v-select>
12
+ </div>
13
+ <div :class="style">
14
+ <label :class="font_style">楼&emsp;&emsp;栋</label>
15
+ <v-select :value.sync="initres.f_building"
16
+ v-model="initres.f_building"
17
+ class="input-font"
18
+ :options='buildOptions'
19
+ placeholder='楼栋'
20
+ @change="getUnits"
21
+ close-on-select :valueSingle="true">
22
+ </v-select>
23
+ </div>
24
+ <div :class="style">
25
+ <label :class="font_style">单&emsp;&emsp;元</label>
26
+ <v-select :value.sync="initres.f_unit"
27
+ v-model="initres.f_unit"
28
+ class="input-font"
29
+ :options='unitOptions'
30
+ placeholder='单元'
31
+ close-on-select :valueSingle="true">
32
+ </v-select>
33
+ </div>
34
+ </template>
35
+ <script>
36
+ import {HttpResetClass} from "vue-client";
37
+ /**
38
+ *档案管理查询列表
39
+ */
40
+ export default {
41
+ title: '小区查询',
42
+ props: {
43
+ style: {
44
+ type: String,
45
+ default: 'col-sm-2 form-group'
46
+ },
47
+ font_style: {
48
+ type: String,
49
+ default: 'font_normal_body'
50
+ },
51
+ mul: {
52
+ type: Boolean,
53
+ default: true
54
+ },
55
+ //初始值
56
+ initres: {
57
+ type: Object,
58
+ default: null,
59
+ },
60
+ conditions: {
61
+ type: Object,
62
+ default: null,
63
+ },
64
+ f_unit: {
65
+ type: String,
66
+ default: "f_unit = '{}'",
67
+ },
68
+ f_residential_area: {
69
+ type: String,
70
+ default: "f_residential_area = '{}'",
71
+ },
72
+ f_building: {
73
+ type: String,
74
+ default: "f_building = '{}'",
75
+ }
76
+ },
77
+ data () {
78
+ return {
79
+ residentialAreaOptions:[],
80
+ buildOptions:[],
81
+ unitOptions:[],
82
+ http:new HttpResetClass()
83
+ }
84
+ },
85
+ ready(){
86
+ this.getAllArea()
87
+ this.conditions=Object.assign({},this.conditions,{f_unit:this.f_unit,f_residential_area:this.f_residential_area,f_building:this.f_building})
88
+ },
89
+ methods: {
90
+ getAllArea(){
91
+ this.residentialAreaOptions = []
92
+ this.buildOptions = []
93
+ this.unitOptions = []
94
+ this.initres.f_residential_area = ''
95
+ this.initres.f_building = ''
96
+ this.initres.f_unit = ''
97
+ this.http.load('POST',"rs/sql/address_getarealist",{data:{condition: `s.f_filialeid = ${this.$login.f.orgid}`}},{resolveMsg: null, rejectMsg: null}).then(result =>{
98
+ if(result.data.length>0){
99
+ result.data.forEach(item => this.residentialAreaOptions.push({label:item.f_residential_area,value:item.f_residential_area}))
100
+ }
101
+ })
102
+ },
103
+ getbuilds(f_residential_area){
104
+ console.log('f_residential_area ===> ' + JSON.stringify(f_residential_area))
105
+ this.buildOptions = []
106
+ this.initres.f_building = ''
107
+ this.unitOptions = []
108
+ this.initres.f_unit = ''
109
+ if(f_residential_area.length<=0){
110
+ return
111
+ }
112
+ let criteria = {
113
+ condition: `f_building IS NOT NULL AND f_residential_area = '${f_residential_area}'`,
114
+ groupitem: 'f_building',
115
+ orderitem: 'f_building'
116
+ }
117
+ this.http.load('POST',"rs/sql/getUseraddressByCon",{'data': criteria},{resolveMsg: null, rejectMsg: null}).then(result =>{
118
+ if(result.data.length>0){
119
+ result.data.forEach(item => this.buildOptions.push({label:item.f_building,value:item.f_building}))
120
+ }
121
+ })
122
+
123
+ },
124
+ getUnits(f_building){
125
+ f_building = f_building[0]
126
+ this.unitOptions = []
127
+ this.initres.f_unit = ''
128
+ if(!f_building){
129
+ return
130
+ }
131
+ let criteria = {
132
+ condition: `f_unit IS NOT NULL AND f_unit != '' AND f_residential_area = '${this.initres.f_residential_area}' AND f_building = '${this.initres.f_building}'`,
133
+ orderitem: 'f_unit',
134
+ groupitem: 'f_unit'
135
+ }
136
+ this.http.load('POST',"rs/sql/getUseraddressByCon",{'data': criteria},{resolveMsg: null, rejectMsg: null}).then(result=>{
137
+ if(result.data.length>0){
138
+ result.data.forEach(item => this.unitOptions.push({label:item.f_unit,value:item.f_unit}))
139
+ }
140
+ })
141
+
142
+ }
143
+ }
144
+ }
145
+ </script>
@@ -1,83 +1,83 @@
1
- <template>
2
- <div class="m-progress" style="width:100%">
3
- <div class="m-progress-outer">
4
- <div class="m-progress-inner">
5
- <div :class="['u-progress-bg', {'u-success-bg':getProgress(progress,width) >= 100}]" :style="{width: `${getProgress(progress,width) >= 100 ? 100:getProgress(progress,width)}%`,height: `${strokeWidth}px`}"></div>
6
- </div>
7
- </div>
8
- <div v-if="showInfo">
9
- <svg class="u-success" v-if="getProgress(progress,width)>=100" viewBox="64 64 896 896" data-icon="check-circle" aria-hidden="true" focusable="false"><path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm193.5 301.7l-210.6 292a31.8 31.8 0 0 1-51.7 0L318.5 484.9c-3.8-5.3 0-12.7 6.5-12.7h46.9c10.2 0 19.9 4.9 25.9 13.3l71.2 98.8 157.2-218c6-8.3 15.6-13.3 25.9-13.3H699c6.5 0 10.3 7.4 6.5 12.7z"></path></svg>
10
- <p class="u-progress-text" v-else>{{getProgress(progress,width)>=100 ? 100:getProgress(progress,width) }}%</p>
11
- </div>
12
- </div>
13
- </template>
14
- <script>
15
- export default {
16
- name: 'Progress',
17
- props: {
18
- width: { // 进度条总宽度
19
- type: Number,
20
- default: 100
21
- },
22
- progress: { // 当前进度
23
- type: Number,
24
- default: 0
25
- },
26
- strokeWidth: { // 进度条线的宽度
27
- type: Number,
28
- default: 13
29
- },
30
- showInfo: { // 是否显示进度数值或状态图标
31
- type: Boolean,
32
- default: true
33
- }
34
- },
35
-
36
- methods: {
37
- // 进度的转换
38
- getProgress(val1,val2){
39
- if (val1 === 0 || val2 === 0) {
40
- return 0
41
- }
42
- return (Math.round(val1/val2 * 10000) /100)
43
- },
44
- }
45
- }
46
- </script>
47
- <style lang="less" scoped>
48
- .m-progress {
49
- height: 13px;
50
- margin: 0 auto;
51
- display: flex;
52
- .m-progress-outer {
53
- width: 61%;
54
- .m-progress-inner {
55
- display: inline-block;
56
- width: 100%;
57
- background: #f1f0f0;
58
- border-radius: 13px;
59
- .u-progress-bg {
60
- // background: #1890FF;
61
- background: linear-gradient(to right, rgb(16, 142, 233), rgb(135, 208, 104));
62
- border-radius: 100px;
63
- transition: all .3s cubic-bezier(.08,.82,.17,1);
64
- }
65
- .u-success-bg {
66
- border-radius: 100px;
67
- background: #52C41A;
68
- }
69
- }
70
- }
71
- .u-success {
72
- width: 12px;
73
- height: 12px;
74
- fill: #52C41A;
75
- margin-left: 2px;
76
- }
77
- .u-progress-text {
78
- font-size: 12px;
79
- margin-left: 2px;
80
- color: rgba(0,0,0,.45);
81
- }
82
- }
83
- </style>
1
+ <template>
2
+ <div class="m-progress" style="width:100%">
3
+ <div class="m-progress-outer">
4
+ <div class="m-progress-inner">
5
+ <div :class="['u-progress-bg', {'u-success-bg':getProgress(progress,width) >= 100}]" :style="{width: `${getProgress(progress,width) >= 100 ? 100:getProgress(progress,width)}%`,height: `${strokeWidth}px`}"></div>
6
+ </div>
7
+ </div>
8
+ <div v-if="showInfo">
9
+ <svg class="u-success" v-if="getProgress(progress,width)>=100" viewBox="64 64 896 896" data-icon="check-circle" aria-hidden="true" focusable="false"><path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm193.5 301.7l-210.6 292a31.8 31.8 0 0 1-51.7 0L318.5 484.9c-3.8-5.3 0-12.7 6.5-12.7h46.9c10.2 0 19.9 4.9 25.9 13.3l71.2 98.8 157.2-218c6-8.3 15.6-13.3 25.9-13.3H699c6.5 0 10.3 7.4 6.5 12.7z"></path></svg>
10
+ <p class="u-progress-text" v-else>{{getProgress(progress,width)>=100 ? 100:getProgress(progress,width) }}%</p>
11
+ </div>
12
+ </div>
13
+ </template>
14
+ <script>
15
+ export default {
16
+ name: 'Progress',
17
+ props: {
18
+ width: { // 进度条总宽度
19
+ type: Number,
20
+ default: 100
21
+ },
22
+ progress: { // 当前进度
23
+ type: Number,
24
+ default: 0
25
+ },
26
+ strokeWidth: { // 进度条线的宽度
27
+ type: Number,
28
+ default: 13
29
+ },
30
+ showInfo: { // 是否显示进度数值或状态图标
31
+ type: Boolean,
32
+ default: true
33
+ }
34
+ },
35
+
36
+ methods: {
37
+ // 进度的转换
38
+ getProgress(val1,val2){
39
+ if (val1 === 0 || val2 === 0) {
40
+ return 0
41
+ }
42
+ return (Math.round(val1/val2 * 10000) /100)
43
+ },
44
+ }
45
+ }
46
+ </script>
47
+ <style lang="less" scoped>
48
+ .m-progress {
49
+ height: 13px;
50
+ margin: 0 auto;
51
+ display: flex;
52
+ .m-progress-outer {
53
+ width: 61%;
54
+ .m-progress-inner {
55
+ display: inline-block;
56
+ width: 100%;
57
+ background: #f1f0f0;
58
+ border-radius: 13px;
59
+ .u-progress-bg {
60
+ // background: #1890FF;
61
+ background: linear-gradient(to right, rgb(16, 142, 233), rgb(135, 208, 104));
62
+ border-radius: 100px;
63
+ transition: all .3s cubic-bezier(.08,.82,.17,1);
64
+ }
65
+ .u-success-bg {
66
+ border-radius: 100px;
67
+ background: #52C41A;
68
+ }
69
+ }
70
+ }
71
+ .u-success {
72
+ width: 12px;
73
+ height: 12px;
74
+ fill: #52C41A;
75
+ margin-left: 2px;
76
+ }
77
+ .u-progress-text {
78
+ font-size: 12px;
79
+ margin-left: 2px;
80
+ color: rgba(0,0,0,.45);
81
+ }
82
+ }
83
+ </style>
@@ -1,83 +1,83 @@
1
- <template>
2
- <div class="flex">
3
- <div class="auto">
4
- <div class="form-horizontal select-overspread" style="background: white; padding: 0 1%;">
5
- <div class="row">
6
- <div class="col-sm-2 form-group">
7
- <label class="font_normal_body" title="参数管理:终端类型">终端类型</label>
8
- <v-select id="f_charge_type"
9
- v-model="model.f_equipment_type"
10
- placeholder='终端类型'
11
- :value.sync="model.f_equipment_type"
12
- :options='equipmentType'
13
- close-on-select clear-button>
14
- </v-select>
15
- </div>
16
- </div>
17
- </div>
18
- </div>
19
- <div v-if="model.f_equipment_type[0] === 'PC'">
20
- <pc-manage :users="users"></pc-manage>
21
- </div>
22
- <div v-if="model.f_equipment_type[0] === 'POS'">
23
- <pos-manage></pos-manage>
24
- </div>
25
- <div v-if="model.f_equipment_type[0] === 'PHONE'">
26
- <phone-manage :users="users"></phone-manage>
27
- </div>
28
- </div>
29
- </template>
30
-
31
- <script>
32
-
33
- import {HttpResetClass} from "vue-client";
34
-
35
- export default {
36
- title: '终端控制',
37
- data () {
38
- return {
39
- filialeNameStr: this.$login.f.f_fengongsi,
40
- filialeCodeStr: this.$login.f.orgid,
41
- userid:this.$login.f.id,
42
- source: `tool.getFullTree(this.getRights().where(row.getType() != $zone$).where(row.getType() != $role$))`,
43
- equipmentType: this.$appdata.getParam('终端类型'),
44
- users:[],
45
- model: {
46
- f_equipment_type: []
47
- }
48
- }
49
- },
50
- ready () {
51
- console.log('看看终端类型', this.equipmentType)
52
- this.model.f_equipment_type = [this.equipmentType[0].value]
53
- this.getUser()
54
- },
55
- methods: {
56
- del (row) {
57
- console.log('要删除了', row)
58
- },
59
- getUser(){
60
- new HttpResetClass().load('POST', '/rs/search', {
61
- "source": " this.getParentByType($organization$).getAllChildrens().where(row.getAttributes().get($resourcetype$).indexOf($user$) != -1))",
62
- "userid": this.$login.f.id
63
- }, {resolveMsg: null, rejectMsg: null}).then((res)=>{
64
- this.users=[]
65
- let ids=[]
66
- res.data.forEach((resRow) => {
67
- if(resRow.state=='在职' && !ids.includes(resRow.id+'_'+resRow.name)){
68
- ids.push(resRow.id+'_'+resRow.name)
69
- this.users.push({label:resRow.name,value:{id:resRow.id,name:resRow.name}})
70
- }
71
- })
72
- })
73
- },
74
- getRes (obj) {
75
- this.filialeNameStr = obj.res
76
- this.filialeCodeStr = obj.resids
77
- },
78
- },
79
- computed: {
80
-
81
- }
82
- }
83
- </script>
1
+ <template>
2
+ <div class="flex">
3
+ <div class="auto">
4
+ <div class="form-horizontal select-overspread" style="background: white; padding: 0 1%;">
5
+ <div class="row">
6
+ <div class="col-sm-2 form-group">
7
+ <label class="font_normal_body" title="参数管理:终端类型">终端类型</label>
8
+ <v-select id="f_charge_type"
9
+ v-model="model.f_equipment_type"
10
+ placeholder='终端类型'
11
+ :value.sync="model.f_equipment_type"
12
+ :options='equipmentType'
13
+ close-on-select clear-button>
14
+ </v-select>
15
+ </div>
16
+ </div>
17
+ </div>
18
+ </div>
19
+ <div v-if="model.f_equipment_type[0] === 'PC'">
20
+ <pc-manage :users="users"></pc-manage>
21
+ </div>
22
+ <div v-if="model.f_equipment_type[0] === 'POS'">
23
+ <pos-manage></pos-manage>
24
+ </div>
25
+ <div v-if="model.f_equipment_type[0] === 'PHONE'">
26
+ <phone-manage :users="users"></phone-manage>
27
+ </div>
28
+ </div>
29
+ </template>
30
+
31
+ <script>
32
+
33
+ import {HttpResetClass} from "vue-client";
34
+
35
+ export default {
36
+ title: '终端控制',
37
+ data () {
38
+ return {
39
+ filialeNameStr: this.$login.f.f_fengongsi,
40
+ filialeCodeStr: this.$login.f.orgid,
41
+ userid:this.$login.f.id,
42
+ source: `tool.getFullTree(this.getRights().where(row.getType() != $zone$).where(row.getType() != $role$))`,
43
+ equipmentType: this.$appdata.getParam('终端类型'),
44
+ users:[],
45
+ model: {
46
+ f_equipment_type: []
47
+ }
48
+ }
49
+ },
50
+ ready () {
51
+ console.log('看看终端类型', this.equipmentType)
52
+ this.model.f_equipment_type = [this.equipmentType[0].value]
53
+ this.getUser()
54
+ },
55
+ methods: {
56
+ del (row) {
57
+ console.log('要删除了', row)
58
+ },
59
+ getUser(){
60
+ new HttpResetClass().load('POST', '/rs/search', {
61
+ "source": " this.getParentByType($organization$).getAllChildrens().where(row.getAttributes().get($resourcetype$).indexOf($user$) != -1))",
62
+ "userid": this.$login.f.id
63
+ }, {resolveMsg: null, rejectMsg: null}).then((res)=>{
64
+ this.users=[]
65
+ let ids=[]
66
+ res.data.forEach((resRow) => {
67
+ if(resRow.state=='在职' && !ids.includes(resRow.id+'_'+resRow.name)){
68
+ ids.push(resRow.id+'_'+resRow.name)
69
+ this.users.push({label:resRow.name,value:{id:resRow.id,name:resRow.name}})
70
+ }
71
+ })
72
+ })
73
+ },
74
+ getRes (obj) {
75
+ this.filialeNameStr = obj.res
76
+ this.filialeCodeStr = obj.resids
77
+ },
78
+ },
79
+ computed: {
80
+
81
+ }
82
+ }
83
+ </script>