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

src/components/ImageUpload/index.vue

@@ -30,29 +30,45 @@
         || $refs.imageUpload && $refs.imageUpload.uploadFiles.length >= limit
         || number >= limit}"
     >
-      <i slot="default" class="el-icon-plus" />
+      <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:1px;"
+          >
+            <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">
-          <i class="el-icon-upload-success el-icon-check" />
+          <i class="el-icon-upload-success el-icon-check"/>
         </label>
         <span class="el-upload-list__item-actions">
           <span
             class="el-upload-list__item-preview"
             @click="handlePictureCardPreview(file)"
           >
-            <i class="el-icon-zoom-in" />
+            <i class="el-icon-zoom-in"/>
           </span>
           <span
             class="el-upload-list__item-delete"
             @click="handleDelete(file)"
           >
-            <i class="el-icon-delete" />
+            <i class="el-icon-delete"/>
           </span>
         </span>
       </div>
@@ -61,8 +77,8 @@
     <!-- 上传提示 -->
     <div v-if="showTip" slot="tip" class="el-upload__tip">
       请上传
-      <template v-if="fileSize"> 大小不超过 <b style="color: #f56c6c">{{ fileSize }}MB</b> </template>
-      <template v-if="fileType"> 格式为 <b style="color: #f56c6c">{{ fileType.join("/") }}</b> </template>
+      <template v-if="fileSize"> 大小不超过 <b style="color: #f56c6c">{{ fileSize }}MB</b></template>
+      <template v-if="fileType"> 格式为 <b style="color: #f56c6c">{{ fileType.join('/') }}</b></template>
       的文件
     </div>
 
@@ -116,6 +132,8 @@ export default {
   },
   data() {
     return {
+      // 图片访问
+      baseURL: process.env.VUE_APP_TEST_API,
       queryParams: {
         companyImgUrl: ''
       },
@@ -341,10 +359,11 @@ export default {
 }
 </script>
 <style scoped lang="scss">
-.customer-upload-area{
+.customer-upload-area {
   width: 100%;
   height: 100%;
-  .customer-upload-error{
+
+  .customer-upload-error {
     width: 100%;
     height: 100%;
     color: #DB4747;
@@ -354,7 +373,8 @@ export default {
     align-content: center;
     text-align: center;
     font-size: 12px;
-    .el-icon-picture-outline{
+
+    .el-icon-picture-outline {
       font-size: 18px;
     }
   }
@@ -364,6 +384,7 @@ export default {
 ::v-deep.hide .el-upload--picture-card {
   display: none;
 }
+
 // 去掉动画效果
 ::v-deep .el-list-enter-active,
 ::v-deep .el-list-leave-active {
@@ -374,11 +395,23 @@ export default {
   opacity: 0;
   transform: translateY(0);
 }
+
 ::v-deep .el-upload-list--picture-card {
   line-height: 0;
 }
+
 ::v-deep .el-upload-list__item {
   margin: 0 0.5rem 0 0 !important;
 }
+
+/*加载失败-失败图标和文字位置布局*/
+.parent-container {
+  padding-top: 30%;
+  /*图片样式*/
+  .inner_style {
+    width: 22px;
+    height: 22px;
+  }
+}
 </style>
 

src/views/equipment-management/use-management/use-details.vue

@@ -176,7 +176,7 @@
             </el-col>
             <el-col :span="8">
               <el-form-item label="宠物品种">
-                <el-input v-model="form.petBreed" :disabled="true" placeholder="-"  class="half__-5px"  />
+                <el-input v-model="form.petBreed" :disabled="true" placeholder="-" class="half__-5px" />
                 <el-input
                   v-model="form.petChildBreed"
                   placeholder="-"

src/views/medical-record-management/medical-edit.vue

@@ -483,7 +483,7 @@ color: #333333;"
             :inline-message="true"
             label-width="0"
           >
-            <el-table :data="stockDispenseOutboundList" :header-cell-style="{ background:'#F4F4F4'}" border>
+            <el-table :data="stockDispenseOutboundList" :header-cell-style="{ background:'#F4F4F4'}" >
               <el-table-column align="left" label="药品名称" prop="drugId">
                 <template slot-scope="scope">
                   <el-form-item
@@ -675,7 +675,7 @@ color: #333333;"
             <el-table
               :data="checkManageBos"
               :header-cell-style="{ background:'#F4F4F4'}"
-              border
+
             >
               <el-table-column align="left" label="检查类型" prop="checkType">
                 <template slot-scope="scope">
@@ -876,7 +876,7 @@ color: #333333;"
             <el-table
               :data="treatManageBo"
               :header-cell-style="{ background:'#F4F4F4'}"
-              border
+
             >
               <el-table-column align="left" label="治疗类型" prop="treatItemsType">
                 <template slot-scope="scope">
@@ -1064,7 +1064,7 @@ color: #333333;"
               ref="inHospitalForm"
               :data="petInHospitalList"
               :header-cell-style="{ background:'#F4F4F4'}"
-              border
+
             >
               <el-table-column align="left" label="病情等级" prop="diseaseLevel">
                 <template slot-scope="scope">
@@ -1214,7 +1214,7 @@ color: #333333;"
         </div>
         <!-- 内部信息 -->
         <div class="table-content">
-          <el-table :data="paymentList" :header-cell-style="{ background:'#F4F4F4'}" border>
+          <el-table :data="paymentList" :header-cell-style="{ background:'#F4F4F4'}">
             <el-table-column align="left" label="收费项" prop="feeItems">
               <template slot-scope="scope">
                 {{ scope.row.feeItems || '-' }}