update: style

src/components/allCustomers/consumption.vue

@@ -15,7 +15,8 @@
       <div class="record" v-loading="fullscreenLoading">
         <div class="record-search">
           <div class="record-searchitem">
-            <el-select v-model="orderType" style="width:160px;" placeholder="所有类型" @change="handleSearch">
+            <el-select v-model="orderType" style="width:160px;" placeholder="所有类型"
+              @change="handleSearch">
               <el-option :key=-1 label="所有类型" :value=-1></el-option>
               <el-option :key=1 label="销售" :value=1></el-option>
               <el-option :key=2 label="退货" :value=2></el-option>
@@ -97,7 +98,13 @@
                       </template>
                       <template v-else>
                         <div class="good-info" v-if="colunm.prop==='productName'">
-                          <img :src="row.imageUrl ? row.imageUrl : './static/img/default.png'" alt="">
+                          <el-image fit="cover"
+                            :src="row.imageUrl ? row.imageUrl : './static/img/default-goods.png'">
+                            <div slot="error" class="image-slot">
+                              <img width="60" :src="require('../../../static/img/broke-img.png')"
+                                alt="" />
+                            </div>
+                          </el-image>
                           <div class="info-detail">
                             <p class="good-name">
                               <el-tooltip class="item" effect="dark" :content="row.productName"
@@ -462,7 +469,7 @@ p {
       .good-info {
         position: relative;
         padding-left: 70px;
-        img {
+        .el-image {
           position: absolute;
           top: 0;
           left: 0;

src/components/allCustomers/customerDetail.less

@@ -52,6 +52,7 @@
             position: absolute;
             top: 0;
             right: 0;
+            z-index: 1;
             width: 35px;
             height: 16px;
             padding-right: 2px;
@@ -67,6 +68,7 @@
           .maskOperation {
             position: absolute;
             bottom: 0;
+            z-index: 1;
             width: 100%;
             height: 34px;
             transform: translateY(43px);

src/components/allCustomers/customerDetail.vue

@@ -14,14 +14,18 @@
             <div class="flex-wrap max1600">
               <div class="left">
                 <div class="user-avatar" v-loading="imgLoading">
-                  <div class="tag">冻结</div>
+                  <div class="tag" v-if="member.frozenStatus">冻结</div>
                   <div class="maskOperation">
                     <span @click="updateImgUrl">刷新头像</span><i class="vertical-line"></i>
                     <router-link tag="span" :to="`/photo-album?memberId=${memberId}&from=1`">会员相册
                     </router-link>
                   </div>
-                  <img class="user-avatar-img"
-                    :src="member.thirdImgUrl ? member.thirdImgUrl : defaultImg" alt="">
+                  <el-image fit="cover" class="user-avatar-img"
+                    :src="member.thirdImgUrl ? member.thirdImgUrl : defaultImg">
+                    <div slot="error" class="image-slot">
+                      <img width="120" :src="require('../../../static/img/broke-img.png')" alt="" />
+                    </div>
+                  </el-image>
                 </div>
               </div>
               <div class="right">