cyy-vue-material 7.0.19 → 7.0.21

package/src/package/cyy-ArsenalMyTop/cyy-ArsenalMyTop.vue

@@ -1,211 +1,211 @@
-<template>
-  <div>
-    <div class="header_top">
-      <div class="user_top">
-        <div class="user_left">
-          <view class="user_logo" v-if="!islogin"><image src="https://qjstatic.oss-cn-shanghai.aliyuncs.com/SZRC/image/default_header.png"></image></view>
-          <view class="user_logo" v-else @click="chooseAvatar">
-            <image class="avatar" v-if="avatarUrl" :src="avatarUrl"></image>
-            <view class="text" v-else>选择头像</view>
-          </view>
-          
-          <div class="user_message" v-if="isLc">
-              <div class="user_name">18570000000</div>
-              <div class="user_change">手机号</div>
-              <div class="choseSite" >切换站点</div>
-          </div>
-          <div v-else>
-            <div class="user_message" v-if="islogin">
-            <div v-if="userShow === 0">
-              <div class="user_name">{{ loginInfor.userPhone || loginInfor.merberCompname }}</div>
-              <div class="user_change">{{ userTypeMap[userType] }}</div>
-            </div>
-            <div v-else-if="userShow === 1">
-              <div class="user_name">{{ loginInfor.merberCompname }}</div>
-              <div class="user_change">姓名</div>
-            </div>
-            <div v-else>
-              <div class="user_name">{{ loginInfor.merberCompname }}</div>
-            </div>
-            <!-- #ifdef MP-WEIXIN -->
-            <div class="choseSite" v-if="siteType == '1'" @click="clickSite">切换站点</div>
-            <!-- #endif -->
-          </div>
-          <div class="user_message" v-else><div class="user_name" @click="goLogin()">请登录</div></div>
-          </div>
-          
-          </div>
-        </div>
-      <div class="user_bottom">
-        <div v-if="props.collection == 0" class="bottom_item" @click="jump('/pages/collection_modules/shop/main?isindex=0')">
-          <div class="item_icon">
-            <img :src="props.collectionIcon" alt="" style="width: 20px; height: 20px;">
-          </div>
-          <div class="item_name">商品收藏</div>
-          <div class="item_num">{{ goodsNum || '0' }}</div>
-        </div>
-        <div v-if="props.footprint == 0" class="bottom_item" @click="jump('/pages/collection_modules/history/main')">
-          <div class="item_icon1">
-            <img :src="props.footprintIcon" alt="" style="width: 20px; height: 20px;">
-          </div>
-          <div class="item_name">浏览足迹</div>
-          <div class="item_num">{{ footerTotal || '0' }}</div>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-import { isLc } from "../../utils/index.js";
-export default {
-  name: 'cyy-ArsenalMyTop',
-  props: {
-    userType: Number,
-    userShow: Number,
-    avatarUrl: String,
-    islogin: Boolean,
-    loginInfor: Object,
-    siteType: String,
-    footerTotal: Number,
-    goodsNum: Number,
-    props: {
-      collection: 0, //收藏
-      collectionIcon: "", //ICON
-      footprint: 0, //足迹
-      footprintIcon: "", //ICON,
-    },
-  },
-  data() {
-    return {
-        isLc,
-        userTypeMap: {
-        0: '手机号',
-        1: '卡号',
-        2: '历史数据',
-        3: '权益',
-        4: '礼包',
-      },
-    };
-  },
-
-  mounted() {
-    console.log('顶部组件=============')
-  },
-
-  methods: {
-    clickSite() {
-      this.$emit('clickSite');
-    },
-    jump(path) {
-      this.$emit('jump', path);
-    },
-    chooseAvatar() {
-      this.$emit('chooseAvatar');
-    },
-    goLogin() {
-      this.$emit('goLogin');
-    }
-    
-  },
-};
-</script>
-<style lang="less" scoped>
-.header_top {
-    padding: 18px 12px 54px;
-    background: #EB2B27;
-    .user_top {
-      width: 100%;
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-
-      .user_left {
-        display: flex;
-        align-items: center;
-        .user_logo {
-          width: 67px;
-          height: 67px;
-          border-radius: 50%;
-          padding: 0;
-           position: relative;
-          display: flex;
-          justify-content: center;
-          align-items: center;
-          background-color: #fff;
-          image {
-            width: 100%;
-            height: 100%;
-            border-radius: 50%;
-          }
-          img {
-            width: 100%;
-            height: 100%;
-            border-radius: 50%;
-          }
-        }
-        .user_message {
-          margin-left: 12px;
-          .user_name {
-            color: #ffffff;
-            font-weight: 20px;
-            font-weight: bold;
-            line-height: 20px;
-          }
-          .user_change {
-            margin-top: 15px;
-            color: #fff;
-            line-height: 9px;
-            font-size: 9px;
-          }
-        }
-      }
-      .user_right {
-        width: 20px;
-        height: 20px;
-        image {
-          width: 100%;
-          height: 100%;
-        }
-      }
-    }
-    .user_bottom {
-      padding: 0 25px;
-      margin-top: 12px;
-      display: flex;
-      justify-content: space-around;
-      .bottom_item {
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        .item_icon {
-          font-size: 13px;
-          color: #fff;
-          padding-top: 1px;
-        }
-        .item_icon1 {
-          font-size: 15px;
-          color: #fff;
-        }
-        .item_name {
-          font-size: 12px;
-          margin-left: 8px;
-          color: #fff;
-        }
-        .item_num {
-          font-size: 14px;
-          color: #fff;
-          font-weight: bold;
-          margin-left: 8px;
-        }
-      }
-    }
-  }
-  .choseSite {
-  position: absolute;
-  top: 43px;
-  right: 28px;
-  font-weight: 550;
-  color: #fff;
-}
-</style>
+<template>
+  <div>
+    <div class="header_top">
+      <div class="user_top">
+        <div class="user_left">
+          <view class="user_logo" v-if="!islogin"><image src="https://qjstatic.oss-cn-shanghai.aliyuncs.com/SZRC/image/default_header.png"></image></view>
+          <view class="user_logo" v-else @click="chooseAvatar">
+            <image class="avatar" v-if="avatarUrl" :src="avatarUrl"></image>
+            <view class="text" v-else>选择头像</view>
+          </view>
+          
+          <div class="user_message" v-if="isLc">
+              <div class="user_name">18570000000</div>
+              <div class="user_change">手机号</div>
+              <div class="choseSite" >切换站点</div>
+          </div>
+          <div v-else>
+            <div class="user_message" v-if="islogin">
+            <div v-if="userShow === 0">
+              <div class="user_name">{{ loginInfor.userPhone || loginInfor.merberCompname }}</div>
+              <div class="user_change">{{ userTypeMap[userType] }}</div>
+            </div>
+            <div v-else-if="userShow === 1">
+              <div class="user_name">{{ loginInfor.merberCompname }}</div>
+              <div class="user_change">姓名</div>
+            </div>
+            <div v-else>
+              <div class="user_name">{{ loginInfor.merberCompname }}</div>
+            </div>
+            <!-- #ifdef MP-WEIXIN -->
+            <div class="choseSite" v-if="siteType == '1'" @click="clickSite">切换站点</div>
+            <!-- #endif -->
+          </div>
+          <div class="user_message" v-else><div class="user_name" @click="goLogin()">请登录</div></div>
+          </div>
+          
+          </div>
+        </div>
+      <div class="user_bottom">
+        <div v-if="props.collection == 0" class="bottom_item" @click="jump('/pages/collection_modules/shop/main?isindex=0')">
+          <div class="item_icon">
+            <img :src="props.collectionIcon" alt="" style="width: 20px; height: 20px;">
+          </div>
+          <div class="item_name">商品收藏</div>
+          <div class="item_num">{{ goodsNum || '0' }}</div>
+        </div>
+        <div v-if="props.footprint == 0" class="bottom_item" @click="jump('/pages/collection_modules/history/main')">
+          <div class="item_icon1">
+            <img :src="props.footprintIcon" alt="" style="width: 20px; height: 20px;">
+          </div>
+          <div class="item_name">浏览足迹</div>
+          <div class="item_num">{{ footerTotal || '0' }}</div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { isLc } from "../../utils/index.js";
+export default {
+  name: 'cyy-ArsenalMyTop',
+  props: {
+    userType: Number,
+    userShow: Number,
+    avatarUrl: String,
+    islogin: Boolean,
+    loginInfor: Object,
+    siteType: String,
+    footerTotal: Number,
+    goodsNum: Number,
+    props: {
+      collection: 0, //收藏
+      collectionIcon: "", //ICON
+      footprint: 0, //足迹
+      footprintIcon: "", //ICON,
+    },
+  },
+  data() {
+    return {
+        isLc,
+        userTypeMap: {
+        0: '手机号',
+        1: '卡号',
+        2: '历史数据',
+        3: '权益',
+        4: '礼包',
+      },
+    };
+  },
+
+  mounted() {
+    console.log('顶部组件=============')
+  },
+
+  methods: {
+    clickSite() {
+      this.$emit('clickSite');
+    },
+    jump(path) {
+      this.$emit('jump', path);
+    },
+    chooseAvatar() {
+      this.$emit('chooseAvatar');
+    },
+    goLogin() {
+      this.$emit('goLogin');
+    }
+    
+  },
+};
+</script>
+<style lang="less" scoped>
+.header_top {
+    padding: 18px 12px 54px;
+    background: #EB2B27;
+    .user_top {
+      width: 100%;
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+
+      .user_left {
+        display: flex;
+        align-items: center;
+        .user_logo {
+          width: 67px;
+          height: 67px;
+          border-radius: 50%;
+          padding: 0;
+           position: relative;
+          display: flex;
+          justify-content: center;
+          align-items: center;
+          background-color: #fff;
+          image {
+            width: 100%;
+            height: 100%;
+            border-radius: 50%;
+          }
+          img {
+            width: 100%;
+            height: 100%;
+            border-radius: 50%;
+          }
+        }
+        .user_message {
+          margin-left: 12px;
+          .user_name {
+            color: #ffffff;
+            font-weight: 20px;
+            font-weight: bold;
+            line-height: 20px;
+          }
+          .user_change {
+            margin-top: 15px;
+            color: #fff;
+            line-height: 9px;
+            font-size: 9px;
+          }
+        }
+      }
+      .user_right {
+        width: 20px;
+        height: 20px;
+        image {
+          width: 100%;
+          height: 100%;
+        }
+      }
+    }
+    .user_bottom {
+      padding: 0 25px;
+      margin-top: 12px;
+      display: flex;
+      justify-content: space-around;
+      .bottom_item {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        .item_icon {
+          font-size: 13px;
+          color: #fff;
+          padding-top: 1px;
+        }
+        .item_icon1 {
+          font-size: 15px;
+          color: #fff;
+        }
+        .item_name {
+          font-size: 12px;
+          margin-left: 8px;
+          color: #fff;
+        }
+        .item_num {
+          font-size: 14px;
+          color: #fff;
+          font-weight: bold;
+          margin-left: 8px;
+        }
+      }
+    }
+  }
+  .choseSite {
+  position: absolute;
+  top: 43px;
+  right: 28px;
+  font-weight: 550;
+  color: #fff;
+}
+</style>