63 lines
1.8 KiB
TypeScript
63 lines
1.8 KiB
TypeScript
/**
|
|
* +----------------------------------------------------------------------
|
|
* | 「e家宜业」 —— 助力物业服务升级，用心服务万千业主
|
|
* +----------------------------------------------------------------------
|
|
* | Copyright (c) 2020-2022 https://www.chowa.cn All rights reserved.
|
|
* +----------------------------------------------------------------------
|
|
* | Licensed 未经许可不能去掉「e家宜业」和「卓瓦科技」相关版权
|
|
* +----------------------------------------------------------------------
|
|
* | Author: concat@chowa.cn
|
|
* +----------------------------------------------------------------------
|
|
*/
|
|
|
|
import { CwComponent } from '../common/component';
|
|
import { BLUE } from '../common/color';
|
|
import { getRect } from '../common/utils';
|
|
CwComponent({
|
|
props: {
|
|
inactive: Boolean,
|
|
percentage: {
|
|
type: Number,
|
|
observer: 'setLeft'
|
|
},
|
|
pivotText: String,
|
|
pivotColor: String,
|
|
trackColor: String,
|
|
showPivot: {
|
|
type: Boolean,
|
|
value: true
|
|
},
|
|
color: {
|
|
type: String,
|
|
value: BLUE
|
|
},
|
|
textColor: {
|
|
type: String,
|
|
value: '#fff'
|
|
},
|
|
strokeWidth: {
|
|
type: null,
|
|
value: 4
|
|
}
|
|
},
|
|
data: {
|
|
right: 0
|
|
},
|
|
mounted() {
|
|
this.setLeft();
|
|
},
|
|
methods: {
|
|
setLeft() {
|
|
Promise.all([getRect(this, '.cw-progress'), getRect(this, '.cw-progress__pivot')]).then(
|
|
([portion, pivot]) => {
|
|
if (portion && pivot) {
|
|
this.setData({
|
|
right: (pivot.width * (this.data.percentage - 100)) / 100
|
|
});
|
|
}
|
|
}
|
|
);
|
|
}
|
|
}
|
|
});
|