fixed some bugs

Author: yingtongzh

code/frontend/src/components/common/orderList.vue

@@ -114,7 +114,7 @@ export default {
             nowPage: 1,
             total: 0,
             paymentStatus: ['Unpaid', 'Paid'],
-            orderStatus: ['Pending', 'On hold', 'Complete', 'Cancelled'],
+            orderStatus: ['Pending', 'Complete', 'Cancelled', ''],
             Order: [],
             searchValue: ''
         };

code/frontend/src/components/page/index.vue

@@ -15,7 +15,7 @@
                     <el-row :gutter="30">
                         <el-col :span="6" v-for="(idle, index) in idleList" :key="index">
                             <div class="idle-card" @click="toDetails(idle)">
-                                <el-image style="width: 100%; height: 160px" :src="idle.imgUrl" fit="contain">
+                                <el-image style="width: 100%; height: 160px" :src="idle.imgUrl" fit="contain" error="No image">
                                     <div slot="error" class="image-slot">
                                         <i class="el-icon-picture-outline">No image</i>
                                     </div>
@@ -34,7 +34,7 @@
                                 </el-row>
                                 <div class="idle-time">{{ idle.timeStr }}</div>
                                 <div class="user-info">
-                                    <el-image style="width: 30px; height: 30px" :src="idle.user.avatar" fit="contain">
+                                    <el-image style="width: 30px; height: 30px" :src="idle.user.avatar" fit="contain" error="No image">
                                         <div slot="error" class="image-slot">
                                             <i class="el-icon-picture-outline">No image</i>
                                         </div>

code/frontend/src/components/page/me.vue

@@ -15,6 +15,7 @@
                                 style="width: 120px; height: 120px; border-radius: 10px"
                                 :src="userInfo.avatar"
                                 fit="contain"
+                                error="No image"
                             ></el-image>
                         </el-upload>
                         <div class="user-info-details-text">
@@ -74,7 +75,7 @@
                     <div class="idle-container-list">
                         <div v-for="(item, index) in dataList[activeName - 1]" :key="index" class="idle-container-list-item">
                             <div class="idle-container-list-item-detail" @click="toDetails(activeName, item)">
-                                <el-image style="width: 100px; height: 100px" :src="item.imgUrl" fit="cover">
+                                <el-image style="width: 100px; height: 100px" :src="item.imgUrl" fit="cover" error="No image">
                                     <div slot="error" class="image-slot">
                                         <i class="el-icon-picture-outline">No Image</i>
                                     </div>

code/frontend/src/components/page/message.vue

@@ -6,15 +6,20 @@
                 <div class="message-container-title">My Messages</div>
                 <div v-for="(mes, index) in meslist" :key="index" class="message-container-list" @click="toDetails(mes.idle.id)">
                     <div class="message-container-list-left">
-                        <el-image style="width: 55px; height: 55px; border-radius: 5px" :src="mes.fromU.avatar" fit="cover"></el-image>
+                        <el-image
+                            style="width: 55px; height: 55px; border-radius: 5px"
+                            :src="mes.fromU.avatar"
+                            fit="cover"
+                            error="No image"
+                        ></el-image>
                         <div class="message-container-list-text">
                             <div class="message-nickname">{{ mes.fromU.nickname }}</div>
                             <div class="message-content">{{ mes.content }}</div>
                             <div class="message-time">{{ mes.createTime }}</div>
                         </div>
                     </div>
                     <div class="message-container-list-right">
-                        <el-image style="width: 130px; height: 90px" :src="mes.idle.imgUrl" fit="contain"></el-image>
+                        <el-image style="width: 130px; height: 90px" :src="mes.idle.imgUrl" fit="contain" error="No image"></el-image>
                     </div>
                 </div>
             </div>

code/frontend/src/components/page/order.vue

@@ -122,7 +122,7 @@ export default {
             dialogVisible: false,
             addressDialogVisible: false,
             addressData: [],
-            orderStatus: ['Pending', 'On Hold', 'Completed', 'Canceled'],
+            orderStatus: ['Pending', 'Completed', 'Canceled', ''],
             orderInfo: {
                 createTime: '',
                 id: 0,

code/frontend/src/components/page/release.vue

@@ -61,6 +61,7 @@
                             <el-image
                                 style="width: 600px; margin-bottom: 2px"
                                 fit="contain"
+                                error="No image"
                                 v-for="(img, index) in imgList"
                                 :key="index"
                                 :src="img"

code/frontend/src/components/page/search.vue

@@ -8,7 +8,7 @@
                     <el-row :gutter="30">
                         <el-col :span="6" v-for="(idle, index) in idleList" :key="index">
                             <div class="idle-card" @click="toDetails(idle)">
-                                <el-image style="width: 100%; height: 160px" :src="idle.imgUrl" fit="contain">
+                                <el-image style="width: 100%; height: 160px" :src="idle.imgUrl" fit="contain" error="No image">
                                     <div slot="error" class="image-slot">
                                         <i class="el-icon-picture-outline">No image</i>
                                     </div>
@@ -26,7 +26,7 @@
                                 </el-row>
                                 <div class="idle-time">{{ idle.timeStr }}</div>
                                 <div class="user-info">
-                                    <el-image style="width: 30px; height: 30px" :src="idle.user.avatar" fit="contain">
+                                    <el-image style="width: 30px; height: 30px" :src="idle.user.avatar" fit="contain" error="No image">
                                         <div slot="error" class="image-slot">
                                             <i class="el-icon-picture-outline">No image</i>
                                         </div>