root/ludu-admin-vue3
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

【增加】Image card 组件增加异常展示

Browse Source
This commit is contained in:
cherishsince 2024-05-30 16:14:50 +08:00
parent 87ffd38dcd
commit 8a8cb159a4
1 changed files with 2 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/views/ai/image/ImageTaskCard.vue
View File

@ -4,7 +4,7 @@
<div> <div>
<el-button type="" text bg v-if="imageDetail.status === '10'">生成中</el-button> <el-button type="" text bg v-if="imageDetail.status === '10'">生成中</el-button>
<el-button type="" text bg v-else-if="imageDetail.status === '20'">已完成</el-button> <el-button type="" text bg v-else-if="imageDetail.status === '20'">已完成</el-button>
<el-button type="" text bg v-else-if="imageDetail.status === '30'">已完成</el-button> <el-button type="danger" text bg v-else-if="imageDetail.status === '30'">异常</el-button>
</div> </div>
<div> <div>
<el-button class="btn" text :icon="Download" <el-button class="btn" text :icon="Download"
@ -15,6 +15,7 @@
</div> </div>
<div class="image-wrapper" ref="cardImageRef"> <div class="image-wrapper" ref="cardImageRef">
<img class="image" :src="imageDetail?.picUrl"/> <img class="image" :src="imageDetail?.picUrl"/>
<div v-if="imageDetail.status === '30'">{{imageDetail.errorMessage}}</div>
</div> </div>
</el-card> </el-card>
</template> </template>