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

src/views/ai/image/ImageTaskCard.vue

@@ -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>