66080 全局，图片加载失败样式调整

src/components/ImageUpload/imgUploadForBanner.vue

@@ -32,10 +32,26 @@
     >
       <i slot="default" class="el-icon-plus" />
       <div slot="file" slot-scope="{file}" class="customer-upload-area">
-        <el-image v-show="fileList.length > 0" :ref="file.url" class="el-upload-list__item-thumbnail customer-upload-error" :src="file.url" :preview-src-list="[file.url]">
-          <div slot="error" class="image-slot">
-            <i class="el-icon-picture-outline" />
-            <div>加载失败</div>
+        <el-image
+          v-show="fileList.length > 0"
+          :ref="file.url"
+          class="el-upload-list__item-thumbnail customer-upload-error"
+          :src="file.url"
+          :preview-src-list="[file.url]"
+        >
+          <div
+            slot="error"
+            class="image-slot"
+            style="width: 100%;height: 100%; border: 1px solid  #DB4747;border-radius:5px;"
+          >
+            <div class="parent-container">
+              <img
+                class="inner_style"
+                :src="baseURL+'/tmt-pic/business/888cc34012a64d40a0cec2974c9b7943-jiazaishibai.png'"
+                alt="加载失败"
+              >
+              <div>加载失败</div>
+            </div>
           </div>
         </el-image>
         <label class="el-upload-list__item-status-label">
@@ -115,6 +131,8 @@ export default {
   },
   data() {
     return {
+      // 图片访问
+      baseURL: process.env.VUE_APP_TEST_API,
       queryParams: {
         companyImgUrl: ''
       },
@@ -385,5 +403,14 @@ export default {
   height: 15px !important;
   margin-top: 0 !important;
 }
+/*加载失败-失败图标和文字位置布局*/
+.parent-container {
+  padding-top: 30%;
+  /*图片样式*/
+  .inner_style {
+    width: 22px;
+    height: 22px;
+  }
+}
 </style>