system-clients 3.2.51 → 3.2.53
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/gradle/wrapper/gradle-wrapper.jar +0 -0
- package/package.json +1 -1
- package/src/App.vue +24 -24
- package/src/components/common/ProgressBase.vue +83 -0
- package/src/components/server/Login.vue +568 -568
- package/src/filiale/chengtou/system.js +5 -5
- package/src/filiale/furuike/Main.vue +1 -1
- package/src/filiale/qianneng/system.js +8 -8
- package/src/filiale/tongchuan/Login.vue +561 -561
- package/src/filiale/zhoukou/Main.vue +2 -2
- package/src/filiale/zhoukou/system.js +6 -6
- package/src/system.js +115 -113
|
Binary file
|
package/package.json
CHANGED
package/src/App.vue
CHANGED
|
@@ -1,24 +1,24 @@
|
|
|
1
|
-
<template>
|
|
2
|
-
<app-base class="bg">
|
|
3
|
-
<div class='flex'>
|
|
4
|
-
<article>
|
|
5
|
-
<!--<route :comp="{name: 'check-model'}"></route>-->
|
|
6
|
-
<!--<route :comp="{name: 'vender-management'}"></route>-->
|
|
7
|
-
<route :comp="{name: 'login'}"></route>
|
|
8
|
-
<!-- <route :comp="{name: 'load-data'}"></route> -->
|
|
9
|
-
<!-- <route :comp="{name: 'load-params', props: {componentName: 'login'}}"></route> -->
|
|
10
|
-
<!-- <route :comp="{name: 'load-params', props: {dataUrl: ['rs/sql/getMeterBrand','rs/sql/getPriceType','rs/sql/getMeterStyle'], componentName: 'login'}}"></route> -->
|
|
11
|
-
</article>
|
|
12
|
-
</div>
|
|
13
|
-
</app-base>
|
|
14
|
-
</template>
|
|
15
|
-
|
|
16
|
-
<script>
|
|
17
|
-
// import cardListen from './plugins/CardListen'
|
|
18
|
-
|
|
19
|
-
export default {
|
|
20
|
-
// ready () {
|
|
21
|
-
// cardListen.startListen()
|
|
22
|
-
// }
|
|
23
|
-
}
|
|
24
|
-
</script>
|
|
1
|
+
<template>
|
|
2
|
+
<app-base class="bg">
|
|
3
|
+
<div class='flex'>
|
|
4
|
+
<article>
|
|
5
|
+
<!--<route :comp="{name: 'check-model'}"></route>-->
|
|
6
|
+
<!--<route :comp="{name: 'vender-management'}"></route>-->
|
|
7
|
+
<route :comp="{name: 'login'}"></route>
|
|
8
|
+
<!-- <route :comp="{name: 'load-data'}"></route> -->
|
|
9
|
+
<!-- <route :comp="{name: 'load-params', props: {componentName: 'login'}}"></route> -->
|
|
10
|
+
<!-- <route :comp="{name: 'load-params', props: {dataUrl: ['rs/sql/getMeterBrand','rs/sql/getPriceType','rs/sql/getMeterStyle'], componentName: 'login'}}"></route> -->
|
|
11
|
+
</article>
|
|
12
|
+
</div>
|
|
13
|
+
</app-base>
|
|
14
|
+
</template>
|
|
15
|
+
|
|
16
|
+
<script>
|
|
17
|
+
// import cardListen from './plugins/CardListen'
|
|
18
|
+
|
|
19
|
+
export default {
|
|
20
|
+
// ready () {
|
|
21
|
+
// cardListen.startListen()
|
|
22
|
+
// }
|
|
23
|
+
}
|
|
24
|
+
</script>
|
|
@@ -0,0 +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>
|