|
|
@ -10,33 +10,19 @@ |
|
|
|
:active-color="orderStyle.color" |
|
|
|
bg-color="rgba(255,255,255,0)" |
|
|
|
border-width="4" |
|
|
|
width="66" |
|
|
|
v-if="task.process !== 4" |
|
|
|
:width="task.process !== 4 ? 66 : 50" |
|
|
|
> |
|
|
|
<view class="u-progress-content"> |
|
|
|
<view class="u-progress-dot"></view> |
|
|
|
<view class="u-progress-info"> |
|
|
|
<u-icon :name="orderStyle.icon" v-if="orderStyle.icon" size="15px"></u-icon> |
|
|
|
<span v-if="orderStyle.icon"> |
|
|
|
<u-icon :name="orderStyle.icon" v-if="task.process !== 4" size="15px"></u-icon> |
|
|
|
<u-icon :name="orderStyle.icon" v-else size="15px"></u-icon> |
|
|
|
</span> |
|
|
|
<template v-else>{{ computeDurationText() }}</template> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</u-circle-progress> |
|
|
|
<!-- 新增任务 --> |
|
|
|
<u-circle-progress |
|
|
|
:percent="+orderStyle.persent" |
|
|
|
:active-color="orderStyle.color" |
|
|
|
bg-color="rgba(255,255,255,0)" |
|
|
|
border-width="4" |
|
|
|
width="50" |
|
|
|
v-else |
|
|
|
> |
|
|
|
<view class="u-progress-content"> |
|
|
|
<view class="u-progress-dot"></view> |
|
|
|
<view class="u-progress-info"> |
|
|
|
<u-icon :name="orderStyle.icon" size="15px"></u-icon> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</u-circle-progress> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</template> |
|
|
|