|
@@ -13,7 +13,8 @@
|
|
|
<div class="result-box center-center">
|
|
|
<div class="result-content center-center"
|
|
|
v-loading="loading"
|
|
|
- element-loading-background="rgba(122, 122, 122, 0.8)"
|
|
|
+ :element-loading-svg="loadingIcon"
|
|
|
+ element-loading-background="rgba(5, 2, 11, 0.6)"
|
|
|
>
|
|
|
<div v-if="!resultData.outPutUrl" class="result-text">
|
|
|
<img class="r-img" src="../assets/images/img-page.png" alt="">
|
|
@@ -86,6 +87,7 @@ import {ElMessage} from 'element-plus'
|
|
|
import {saveAs} from 'file-saver'
|
|
|
import {getToken} from '@/utils/auth'
|
|
|
|
|
|
+const loadingIcon = '<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" data-v-ea893728=""><path fill="#999" d="M512 64a32 32 0 0 1 32 32v192a32 32 0 0 1-64 0V96a32 32 0 0 1 32-32zm0 640a32 32 0 0 1 32 32v192a32 32 0 1 1-64 0V736a32 32 0 0 1 32-32zm448-192a32 32 0 0 1-32 32H736a32 32 0 1 1 0-64h192a32 32 0 0 1 32 32zm-640 0a32 32 0 0 1-32 32H96a32 32 0 0 1 0-64h192a32 32 0 0 1 32 32zM195.2 195.2a32 32 0 0 1 45.248 0L376.32 331.008a32 32 0 0 1-45.248 45.248L195.2 240.448a32 32 0 0 1 0-45.248zm452.544 452.544a32 32 0 0 1 45.248 0L828.8 783.552a32 32 0 0 1-45.248 45.248L647.744 692.992a32 32 0 0 1 0-45.248zM828.8 195.264a32 32 0 0 1 0 45.184L692.992 376.32a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0zm-452.544 452.48a32 32 0 0 1 0 45.248L240.448 828.8a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0z"></path></svg>'
|
|
|
const props = defineProps({
|
|
|
taskDetail: Object,
|
|
|
taskList: Object,
|
|
@@ -149,6 +151,7 @@ const refreshImg = async () => {
|
|
|
const res = await postCreatTask(param)
|
|
|
if (res && res.code === 0) {
|
|
|
resultData = res.data
|
|
|
+ emit('getTaskList')
|
|
|
ElMessage.success(res.message)
|
|
|
loading.value = false
|
|
|
}
|