图片加载失败增加默认图标显示

src/pages/my/application/preview.vue

@@ -74,7 +74,11 @@
               <ul class="attachments">
                 <li class="attachments-item" v-for="(item, index) in material.attachments" :key="index">
                   <a class="inner" :href="item.oss_sign_url" target="_blank">
-                    <div class="pic"><img :src="item.oss_sign_url" /></div>
+                    <el-image :src="item.oss_sign_url" class="pic">
+                      <template #error>
+                        <i class="el-icon-document"></i>
+                      </template>
+                    </el-image>
                     <div class="name">{{ item.file_type_label }}</div>
                     <div v-if="item.status_desc">
                       <el-tag size="mini">{{ item.status_desc }}</el-tag>
@@ -483,6 +487,9 @@ export default {
     .pic {
       width: 40px;
       height: 40px;
+      font-size: 40px;
+      line-height: 40px;
+      text-align: center;
       img {
         width: 100%;
         height: 100%;