qj-common 4.3.0 → 4.3.2

package/src/views/pc/default/top-modules/topMh.vue

@@ -1,174 +1,174 @@
-<template>
-  <div class="bacC">
-    <div class="container">
-      <div class="topLeft" v-if="userInfo.merberCompname">
-        <p>{{ userInfo.merberCompname }}</p>
-        &nbsp;
-        <p @click="outLogin()">【退出登录】</p>
-      </div>
-      <div class="topLeft" v-if="userInfo.merberCompname == undefind || userInfo.merberCompname == null">
-        <p @click="toLogin()">登录</p>
-      </div>
-      <div class="topRight">
-        <el-badge
-            class="msg-icon"
-            v-if="proappEnvLayout && proappEnvLayout.tenantCode == '2021122100000001'"
-            is-dot
-            :hidden='unreadMessageNumPC==0'
-          >
-          <i class="el-icon-bell" @click="jumpToPage"></i>
-        </el-badge>
-        <block>
-          <img v-if="$route.path === `/order`" alt=""
-               class="seleIcon"
-               src="http://opttest.lbaby1998.com/paas/shop/2021122100000001/2022-07-28/717cfb99fec34ed5b6b256eb7fd3d456.png"/>
-          <img v-else alt=""
-               src="http://b2bopt-dev2021122100000001.qjclouds.com/paas/shop/2021122100000001/2022-02-17/0c3b5a19c1574307bc1fcbb0754d1ad0.png"
-               @click="toUser()"/>
-          <span v-if="$route.path === `/order`">个人中心</span>
-          <span v-else @click="toIndex()">个人中心</span>
-          <span>&nbsp;&nbsp;</span>
-          <span @click="goToOrder()">我的订单</span>
-          <!-- <span @click="toIndex()" :class="[ $route.path === `/islandStore` ? 'c-theme' : '' ]">个人中心</span> -->
-        </block>
-        <!-- <span @click="toHelp()" :class="[ $route.path === `/helpindex` ? 'c-theme' : '' ]">帮助中心</span> -->
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-import {loginOut} from '#/api/login.js'
-
-export default {
-  data() {
-    return {
-      unreadMessageNumPC:0,
-      proappEnvLayout:null,
-      userPhone: '',
-      userInfo: {},
-      hrefurl: process.env.API_ROOT,
-    }
-  },
-  created() {
-    if (window.sessionStorage.getItem('personalInfo')) {
-      this.userInfo = JSON.parse(JSON.parse(window.sessionStorage.getItem('personalInfo')).userInfo)
-    }
-    this.proappEnvLayout = window.sessionStorage.getItem('proappEnvLayout') ? JSON.parse(window.sessionStorage.getItem('proappEnvLayout')) : '';
-
-    if(this.proappEnvLayout && this.proappEnvLayout.tenantCode == '2021122100000001') this.watchLocalStorage()
-  },
-  methods: {
-    /**
-     * 监听保存到本地的未读消息数量用来显示角标
-     */
-    watchLocalStorage(){
-      // 监听localStorage的变化
-      window.addEventListener('storage', event=>{
-        if (event.key === 'unreadMessageNumPC') {
-          // 处理数据变化的逻辑
-          this.unreadMessageNumPC = Number(event.newValue)
-        }
-      });
-    },
-    /**
-     * 跳转到消息列表页面
-     */
-    jumpToPage(){
-      location.href = '/paas/b2b-cli-pc-mh/index.html#/msgListPC'
-    },
-    toLogin() {
-      location.href = '/paas/b2b-cli-pc-mh/index.html#/loginPc'
-    },
-    outLogin() {
-      loginOut().then((res) => {
-        if (res.success) {
-          this.$message.success('退出登陆成功')
-          localStorage.clear()
-          sessionStorage.clear()
-          this.userInfo = {}
-          location.href = '/paas/b2b-cli-pc-mh/index.html#/loginPc'
-        }
-      })
-    },
-    toUser() {
-      location.href = '/paas/b2b-cli-pc-mh/index.html#/myAccount'
-    },
-    toIndex() {
-      location.href = '/paas/b2b-cli-pc-mh/index.html#/myAccount'
-    },
-    toHelp() {
-      location.href = '/paas/b2b-cli-pc-mh/index.html#/helpindex'
-    },
-    goToOrder(){
-      location.href = '/paas/b2b-cli-pc-mh/index.html#/order'
-    }
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-.bacC {
-  background-color: #fff;
-  border-bottom: 1px solid #f3f3f3;
-
-  .container {
-    width: 1200px;
-    margin: 0 auto;
-    display: flex;
-    justify-content: space-between;
-    height: 40px;
-    align-items: center;
-
-    .topLeft {
-      display: flex;
-
-      .img {
-        width: 24px;
-      }
-
-      p:nth-child(1) {
-        color: #333;
-        font-size: 14px;
-      }
-
-      p:nth-child(2) {
-        color: #666666;
-        font-size: 13px;
-        cursor: pointer;
-      }
-
-      // flex-direction: column;
-    }
-
-    .topRight {
-      img {
-        cursor: pointer;
-      }
-
-      .seleIcon {
-        width: 17px;
-        margin-right: 10px;
-      }
-
-      span {
-        font-size: 12px;
-        cursor: pointer;
-      }
-
-      span:hover {
-        color: #ed2f17;
-      }
-    }
-  }
-}
-/deep/ .msg-icon{
-  display:inline;
-  cursor: pointer;
-  margin-right:10px;
-  .el-badge__content.is-fixed{
-    top:4px;
-    right: 8px;
-  }
-}
-</style>
+<template>
+  <div class="bacC">
+    <div class="container">
+      <div class="topLeft" v-if="userInfo.merberCompname">
+        <p>{{ userInfo.merberCompname }}</p>
+        &nbsp;
+        <p @click="outLogin()">【退出登录】</p>
+      </div>
+      <div class="topLeft" v-if="userInfo.merberCompname == undefind || userInfo.merberCompname == null">
+        <p @click="toLogin()">登录</p>
+      </div>
+      <div class="topRight">
+        <el-badge
+            class="msg-icon"
+            v-if="proappEnvLayout && proappEnvLayout.tenantCode == '2021122100000001'"
+            is-dot
+            :hidden='unreadMessageNumPC==0'
+          >
+          <i class="el-icon-bell" @click="jumpToPage"></i>
+        </el-badge>
+        <block>
+          <img v-if="$route.path === `/order`" alt=""
+               class="seleIcon"
+               src="http://opttest.lbaby1998.com/paas/shop/2021122100000001/2022-07-28/717cfb99fec34ed5b6b256eb7fd3d456.png"/>
+          <img v-else alt=""
+               src="http://b2bopt-dev2021122100000001.qjclouds.com/paas/shop/2021122100000001/2022-02-17/0c3b5a19c1574307bc1fcbb0754d1ad0.png"
+               @click="toUser()"/>
+          <span v-if="$route.path === `/order`">个人中心</span>
+          <span v-else @click="toIndex()">个人中心</span>
+          <span>&nbsp;&nbsp;</span>
+          <span @click="goToOrder()">我的订单</span>
+          <!-- <span @click="toIndex()" :class="[ $route.path === `/islandStore` ? 'c-theme' : '' ]">个人中心</span> -->
+        </block>
+        <!-- <span @click="toHelp()" :class="[ $route.path === `/helpindex` ? 'c-theme' : '' ]">帮助中心</span> -->
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import {loginOut} from '#/api/login.js'
+
+export default {
+  data() {
+    return {
+      unreadMessageNumPC:0,
+      proappEnvLayout:null,
+      userPhone: '',
+      userInfo: {},
+      hrefurl: process.env.API_ROOT,
+    }
+  },
+  created() {
+    if (window.sessionStorage.getItem('personalInfo')) {
+      this.userInfo = JSON.parse(JSON.parse(window.sessionStorage.getItem('personalInfo')).userInfo)
+    }
+    this.proappEnvLayout = window.sessionStorage.getItem('proappEnvLayout') ? JSON.parse(window.sessionStorage.getItem('proappEnvLayout')) : '';
+
+    if(this.proappEnvLayout && this.proappEnvLayout.tenantCode == '2021122100000001') this.watchLocalStorage()
+  },
+  methods: {
+    /**
+     * 监听保存到本地的未读消息数量用来显示角标
+     */
+    watchLocalStorage(){
+      // 监听localStorage的变化
+      window.addEventListener('storage', event=>{
+        if (event.key === 'unreadMessageNumPC') {
+          // 处理数据变化的逻辑
+          this.unreadMessageNumPC = Number(event.newValue)
+        }
+      });
+    },
+    /**
+     * 跳转到消息列表页面
+     */
+    jumpToPage(){
+      location.href = '/paas/b2b-cli-pc-mh/index.html#/msgListPC'
+    },
+    toLogin() {
+      location.href = '/paas/b2b-cli-pc-mh/index.html#/loginPc'
+    },
+    outLogin() {
+      loginOut().then((res) => {
+        if (res.success) {
+          this.$message.success('退出登陆成功')
+          localStorage.clear()
+          sessionStorage.clear()
+          this.userInfo = {}
+          location.href = '/paas/b2b-cli-pc-mh/index.html#/loginPc'
+        }
+      })
+    },
+    toUser() {
+      location.href = '/paas/b2b-cli-pc-mh/index.html#/myAccount'
+    },
+    toIndex() {
+      location.href = '/paas/b2b-cli-pc-mh/index.html#/myAccount'
+    },
+    toHelp() {
+      location.href = '/paas/b2b-cli-pc-mh/index.html#/helpindex'
+    },
+    goToOrder(){
+      location.href = '/paas/b2b-cli-pc-mh/index.html#/order'
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.bacC {
+  background-color: #fff;
+  border-bottom: 1px solid #f3f3f3;
+
+  .container {
+    width: 1200px;
+    margin: 0 auto;
+    display: flex;
+    justify-content: space-between;
+    height: 40px;
+    align-items: center;
+
+    .topLeft {
+      display: flex;
+
+      .img {
+        width: 24px;
+      }
+
+      p:nth-child(1) {
+        color: #333;
+        font-size: 14px;
+      }
+
+      p:nth-child(2) {
+        color: #666666;
+        font-size: 13px;
+        cursor: pointer;
+      }
+
+      // flex-direction: column;
+    }
+
+    .topRight {
+      img {
+        cursor: pointer;
+      }
+
+      .seleIcon {
+        width: 17px;
+        margin-right: 10px;
+      }
+
+      span {
+        font-size: 12px;
+        cursor: pointer;
+      }
+
+      span:hover {
+        color: #ed2f17;
+      }
+    }
+  }
+}
+/deep/ .msg-icon{
+  display:inline;
+  cursor: pointer;
+  margin-right:10px;
+  .el-badge__content.is-fixed{
+    top:4px;
+    right: 8px;
+  }
+}
+</style>

package/src/views/pc/default/top-modules/topNew.vue

@@ -1,98 +1,98 @@
-<template>
-	<div id="">
-		<header class="bg-theme">
-  <div class="wrapper">
-   <div class="left">
-    <i class="iconfont icon-dianhua-"></i>
-    <span>{{phoneNum}}</span>
-   </div>
-   <div class="right">
-    <span class="icon" v-for='(item,index) in iconList' :key='index' @click="nexts(item)"><i class="iconfont" :class="item.icons"></i></span>
-    
-   </div>
-       </div>
- </header>
-	</div>
-</template>
-
-<script>
-	import api from "#/api/common/index";
-	export default{
-		data(){
-			return{
-				phoneNum:'',
-				iconList:[{
-					icons:'icon-wode',
-					href:'/paas/user-manager/index.html#/user'
-				},{
-					icons:'icon-icon',
-					href:'/paas/pc-mall/index.html#/car'
-				},{
-					icons:'icon-shoucang',
-					href:'/paas/pc-mall/index.html#/collection'
-				},{
-					icons:'icon-wenhao',
-					href:'/paas/pc-mall/index.html#/helpindexhj'
-				}]
-			}
-		},
-		mounted(){
-			this.getPhone();
-		},
-		methods:{
-			getPhone(){
-			api.queryOcserviceConfPage().then(res=>{
-				if(res&&res.list&&res.list.length){
-					this.phoneNum=res.list[0].ocserviceConfValue?res.list[0].ocserviceConfValue:'4009200032'
-				}
-			})
-		},
-			nexts(item){
-				if(item){
-					location.href=item.href
-				}
-				
-			}
-		}
-	}
-</script>
-
-<style lang="scss" scoped>
-	header {
-  height: 40px;
-
-  .wrapper {
-    width: 1120px;
-    margin: 0 auto;
-    display: flex;
- align-items: center;
- justify-content: space-between;
- height: 100%;
- .left{
-  font-size: 12px;
-  color: #fff;
-  display: flex;
-  align-items: center;
-  i{
-   margin-right: 7px;
-  }
- }
-    .right {
-      display: flex;
-      justify-content: flex-end;
-    }
-    .icon {
-  display: flex;
-  align-items: center;
-  width: 16px;
-  height: 5px;
-  padding: 0 20px;
-  border-right: 1px solid #fff;
-  cursor: pointer;
-  i{
-   color: #fff;
-  }
-    }
-  }
-}
+<template>
+	<div id="">
+		<header class="bg-theme">
+  <div class="wrapper">
+   <div class="left">
+    <i class="iconfont icon-dianhua-"></i>
+    <span>{{phoneNum}}</span>
+   </div>
+   <div class="right">
+    <span class="icon" v-for='(item,index) in iconList' :key='index' @click="nexts(item)"><i class="iconfont" :class="item.icons"></i></span>
+    
+   </div>
+       </div>
+ </header>
+	</div>
+</template>
+
+<script>
+	import api from "#/api/common/index";
+	export default{
+		data(){
+			return{
+				phoneNum:'',
+				iconList:[{
+					icons:'icon-wode',
+					href:'/paas/user-manager/index.html#/user'
+				},{
+					icons:'icon-icon',
+					href:'/paas/pc-mall/index.html#/car'
+				},{
+					icons:'icon-shoucang',
+					href:'/paas/pc-mall/index.html#/collection'
+				},{
+					icons:'icon-wenhao',
+					href:'/paas/pc-mall/index.html#/helpindexhj'
+				}]
+			}
+		},
+		mounted(){
+			this.getPhone();
+		},
+		methods:{
+			getPhone(){
+			api.queryOcserviceConfPage().then(res=>{
+				if(res&&res.list&&res.list.length){
+					this.phoneNum=res.list[0].ocserviceConfValue?res.list[0].ocserviceConfValue:'4009200032'
+				}
+			})
+		},
+			nexts(item){
+				if(item){
+					location.href=item.href
+				}
+				
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	header {
+  height: 40px;
+
+  .wrapper {
+    width: 1120px;
+    margin: 0 auto;
+    display: flex;
+ align-items: center;
+ justify-content: space-between;
+ height: 100%;
+ .left{
+  font-size: 12px;
+  color: #fff;
+  display: flex;
+  align-items: center;
+  i{
+   margin-right: 7px;
+  }
+ }
+    .right {
+      display: flex;
+      justify-content: flex-end;
+    }
+    .icon {
+  display: flex;
+  align-items: center;
+  width: 16px;
+  height: 5px;
+  padding: 0 20px;
+  border-right: 1px solid #fff;
+  cursor: pointer;
+  i{
+   color: #fff;
+  }
+    }
+  }
+}
 </style>