新增组件及页面

dgtis-ui/src/views/system/userInfoDetails/index.vue

@@ -61,8 +61,8 @@
 <!--                <div style="width: 240px;">-->
 <!--                  <img style="width: 100%;" src="../../../assets/image/levelBg.png" alt=""/>-->
 <!--                </div>-->
-                <div class="levelImgDiv">
-                  <div class="level">{{levelText(custInfo.custclass)}}会员</div>
+                <div :class="{'levelImgDiv':true,'levelImg':isShowlevelText(levelText(custInfo.custclass)),'levelImgNull':!isShowlevelText(levelText(custInfo.custclass))}">
+                  <div class="level" v-if="isShowlevelText(levelText(custInfo.custclass))">{{levelText(custInfo.custclass)}}会员</div>
                   <div class="isPay">已交保费</div>
                   <div class="payNum">{{custInfo.prem}}</div>
                 </div>
@@ -268,6 +268,13 @@ export default {
       let id = this.$route.query.id;
       this.$router.push({ path:'/userInfoDetails', query: {id: id}  })
     },
+    isShowlevelText(text){
+      if(text == '普通' || text == '无'){
+        return false;
+      }else{
+        return true;
+      }
+    },
   }
 };
 </script>
@@ -385,10 +392,15 @@ export default {
         .imgDiv{
           height: 60%;
           position:relative;
+          .levelImg{
+            background: url("../../../assets/image/levelBg.png") no-repeat;
+          }
+          .levelImgNull{
+            background: url("../../../assets/image/levelBg2.png") no-repeat;
+          }
           .levelImgDiv{
             width: 240px;
             height: 204px;
-            background: url("../../../assets/image/levelBg.png") no-repeat;
             background-size: 100% 100%;
             position: absolute;
             bottom: 10px;