|
@@ -34,10 +34,12 @@
|
|
|
{{ title }}
|
|
{{ title }}
|
|
|
</p>
|
|
</p>
|
|
|
</div>
|
|
</div>
|
|
|
- <div class="pl-divider" />
|
|
|
|
|
- <button type="button" class="pl-cancel" @click="onCancel">
|
|
|
|
|
- <span class="pl-cancel__text">{{ cancelText }}</span>
|
|
|
|
|
- </button>
|
|
|
|
|
|
|
+ <template v-if="showCancel">
|
|
|
|
|
+ <div class="pl-divider" />
|
|
|
|
|
+ <button type="button" class="pl-cancel" @click="onCancel">
|
|
|
|
|
+ <span class="pl-cancel__text">{{ cancelText }}</span>
|
|
|
|
|
+ </button>
|
|
|
|
|
+ </template>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
</template>
|
|
</template>
|
|
@@ -75,6 +77,9 @@ const displayPercent = computed(() => {
|
|
|
return Math.round(Math.min(100, Math.max(0, n)));
|
|
return Math.round(Math.min(100, Math.max(0, n)));
|
|
|
});
|
|
});
|
|
|
|
|
|
|
|
|
|
+/** 进度到 100% 后不再允许取消(上传/审核已结束) */
|
|
|
|
|
+const showCancel = computed(() => displayPercent.value < 100);
|
|
|
|
|
+
|
|
|
/** SVG 环形:与 Element 主题色对齐 */
|
|
/** SVG 环形:与 Element 主题色对齐 */
|
|
|
const vb = 100;
|
|
const vb = 100;
|
|
|
const cx = vb / 2;
|
|
const cx = vb / 2;
|