qj-common 4.3.0 → 4.3.2

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

@@ -1,281 +1,281 @@
-<template>
-	<div class="common-top-bar">
-		<div class="inner w1200 m0a">
-			<div v-if="isLogin && userInfor" class="login-name">
-				<span>{{userInfor.userName}}</span>
-				<a href="javascript:;" @click="logout">[ {{th('loginOut') }}]</a>
-			</div>
-			<div v-else class="login-name login-names">
-				<a href="/paas/index/index.html#/loginPc">[{{th('login')}}]</a>
-				<a href="/paas/index/index.html#/regPc">[{{th('signUp')}}]</a>
-			</div>
-			<div class="right">
-				<ul class>
-					<li class="">
-						<a class="iconfont icon-diqiu">
-							<!--<i class="iconfont icon-wode-copy" ></i>-->
-						</a>
-						<ul class="langs">
-							<li>
-								<a class="c-themeHover" href="http://gjtest.cdt-ec.com/">English</a>
-							</li>
-							<li>
-								<a class="c-themeHover" href="http://gjtest2.cdt-ec.com/">Русский</a>
-							</li>
-						</ul>
-					</li>
-					<li class="rignt-line">|</li>
-					<li v-if="!isLogin || userInfor">
-						<a href="/paas/user-manager/index.html#/user" class="iconfont icon-wode-copy" style="font-size:18px"></a>
-					</li>
-					<li class="rignt-line">|</li>
-					<li class="cars">
-						<a href="/paas/pc-mall/index.html#/car" class="iconfont icon-gouwudai6"></a>
-						<span class="bg-theme" v-show='isLogin&&total&&total>0'></span>
-						<!--{{total}}-->
-					</li>
-					 <li class="rignt-line">|</li>
-                            <li class="color_h">
-                                <a href="/paas/message-manager/index.html#/message" class="iconfont icon-xiaoxi1">
-                                    <!--<i class="iconfont icon-gouwudai6" ></i>-->
-                                </a>
-                                <span></span>
-                            </li>
-				</ul>
-			</div>
-		</div>
-		<slot></slot>
-	</div>
-</template>
-
-<script>
-	import { logout } from "#/api/login";
-	import { getToken, removeToken } from "#/utils/auth";
-	import API from "#/api/common/index.js";
-	import erwm from "#/assets/newerwei.png";
-
-	export default {
-		data() {
-			return {
-				gw: "暂无顾问",
-				flaggw: false,
-				myerwm: erwm,
-				show: false,
-				total: 0,
-				logins: null
-			};
-		},
-		updated() {
-			this.gw = this.th("none");
-		},
-		computed: {
-			isLogin() {
-					console.log('订单达6')
-				this.logins = this.getUserCookie() ? getToken(this.getUserCookie()) : false;
-				return this.getUserCookie() ? getToken(this.getUserCookie()) : false;
-			},
-			userInfor() {
-				let info =
-					this.getUserCookie() && getToken(this.getUserCookie()) ?
-					JSON.parse(getToken(this.getUserCookie())) :
-					{};
-				return info;
-			}
-		},
-		watch: {
-			logins(newVal, oldVal) {
-				console.log(newVal,"newVal")
-				if(newVal) {
-					this.getCarNum()
-				}
-			}
-		},
-		mounted() {
-			window.addEventListener("click", this.gwhide);
-		},
-		methods: {
-			th(key) {
-				return this.$th("common.pc.default.topModules.topDefault.", key);
-			},
-			getCarNum() {
-				API.shoppingList().then(res => {
-					this.total = res && res.total
-				})
-			},
-			gwopen() {
-				API.getCustrelByEmployee().then(res => {
-					if(res) {
-						if(res.employeePhone) {
-							this.gw = res.employeePhone;
-						} else {
-							this.gw = this.th("none");
-						}
-					} else {
-						this.gw = this.th("none");
-					}
-				});
-				this.flaggw = true;
-			},
-			gwhide() {
-				this.flaggw = false;
-			},
-			enter() {
-				this.show = true;
-			},
-			leave() {
-				this.show = false;
-			},
-			login() {
-				location.href = "/paas/pc-mall/index.html#/loginPc";
-			},
-			register() {
-				location.href = "/paas/pc-mall/index.html#/regPc";
-			},
-			logout() {
-				// 退出
-				logout().then(() => {
-					let newDomain = document.domain
-						.split(".")
-						.splice(-2)
-						.join(".");
-					removeToken("LOGININFO", newDomain, "/");
-					// removeToken("personalInfo", newDomain, "/");
-					// location.reload();
-					location.href = location.origin;
-				});
-			},
-			getUserCookie() {
-				let cookie = document.cookie;
-				let start = cookie.indexOf("saas-user-");
-				if(start > -1) {
-					let end = cookie.indexOf("=", start);
-					return cookie.substring(start, end);
-				} else {
-					return null;
-				}
-			}
-		}
-	};
-</script>
-
-<style rel="stylesheet/scss" lang="scss" scoped>
-	.common-top-bar {
-		position: relative;
-		.right {
-			.cars {
-				position: relative;
-			}
-			span {
-				display: inline-block;
-				color: #fff;
-				border-radius: 50%;
-				top: 5px;
-				right: -10px;
-				width: 12px;
-				height: 12px;
-				text-align: center;
-				line-height: 12px;
-				position: absolute;
-				font-size: 12px;
-			}
-		}
-	}
-	
-	.login-name {
-		float: left;
-		font-size: 14px;
-		color: #333;
-		span {
-			margin-right: 17px;
-		}
-		a {
-			color: #333;
-			margin: 0 7px;
-		}
-	}
-	
-	.login-names {
-		color: #666;
-		span {
-			cursor: pointer;
-		}
-		a {
-			color: #666;
-		}
-	}
-	
-	.common-top-bar {
-		.rignt-line {
-			color: #ccc;
-		}
-		color: #666;
-		font-size: 13px;
-		width: 100%;
-		height: 38px;
-		line-height: 38px;
-		background-color: #fafafa;
-		.inner {
-			.left {
-				float: left;
-			}
-			.right {
-				float: right;
-				position: relative;
-				ul {
-					margin-right: 1px;
-				}
-				li:nth-child(1){
-                  position:relative;
-                  
-                  .langs{
-                      display: none;
-                      z-index: 1;
-                      position: absolute;
-                      top: 35px;
-                      left: -30px;
-                      padding: 5px;
-                      -webkit-box-shadow: #666 0px 0px 5px; 
-                       -moz-box-shadow: #666 0px 0px 5px; 
-                       box-shadow: #666 0px 0px 5px; 
-                      background-color: #fff;
-                      li{
-                          text-align: center;
-                          line-height: 20px;
-                          height: 20px;
-							a{
-								color: #666;
-							}
-                      }
-                  }
-              }
-              li:nth-child(1):hover{
-                  .langs{
-                      display: block;
-                  }
-              }
-				ul li {
-					margin: 0 7px;
-					float: left;
-					float:left a {
-						color: #666;
-					}
-					// &:hover a {
-					//   color: #ff9e01;
-					// }
-				}
-				.line {
-					width: 1px;
-					height: 16px;
-					background: #ccc;
-					margin: 12px 28px;
-				}
-				.item {
-					vertical-align: top;
-					height: 20px;
-					margin-top: 12px;
-					line-height: 20px;
-				}
-			}
-		}
-	}
+<template>
+	<div class="common-top-bar">
+		<div class="inner w1200 m0a">
+			<div v-if="isLogin && userInfor" class="login-name">
+				<span>{{userInfor.userName}}</span>
+				<a href="javascript:;" @click="logout">[ {{th('loginOut') }}]</a>
+			</div>
+			<div v-else class="login-name login-names">
+				<a href="/paas/index/index.html#/loginPc">[{{th('login')}}]</a>
+				<a href="/paas/index/index.html#/regPc">[{{th('signUp')}}]</a>
+			</div>
+			<div class="right">
+				<ul class>
+					<li class="">
+						<a class="iconfont icon-diqiu">
+							<!--<i class="iconfont icon-wode-copy" ></i>-->
+						</a>
+						<ul class="langs">
+							<li>
+								<a class="c-themeHover" href="http://gjtest.cdt-ec.com/">English</a>
+							</li>
+							<li>
+								<a class="c-themeHover" href="http://gjtest2.cdt-ec.com/">Русский</a>
+							</li>
+						</ul>
+					</li>
+					<li class="rignt-line">|</li>
+					<li v-if="!isLogin || userInfor">
+						<a href="/paas/user-manager/index.html#/user" class="iconfont icon-wode-copy" style="font-size:18px"></a>
+					</li>
+					<li class="rignt-line">|</li>
+					<li class="cars">
+						<a href="/paas/pc-mall/index.html#/car" class="iconfont icon-gouwudai6"></a>
+						<span class="bg-theme" v-show='isLogin&&total&&total>0'></span>
+						<!--{{total}}-->
+					</li>
+					 <li class="rignt-line">|</li>
+                            <li class="color_h">
+                                <a href="/paas/message-manager/index.html#/message" class="iconfont icon-xiaoxi1">
+                                    <!--<i class="iconfont icon-gouwudai6" ></i>-->
+                                </a>
+                                <span></span>
+                            </li>
+				</ul>
+			</div>
+		</div>
+		<slot></slot>
+	</div>
+</template>
+
+<script>
+	import { logout } from "#/api/login";
+	import { getToken, removeToken } from "#/utils/auth";
+	import API from "#/api/common/index.js";
+	import erwm from "#/assets/newerwei.png";
+
+	export default {
+		data() {
+			return {
+				gw: "暂无顾问",
+				flaggw: false,
+				myerwm: erwm,
+				show: false,
+				total: 0,
+				logins: null
+			};
+		},
+		updated() {
+			this.gw = this.th("none");
+		},
+		computed: {
+			isLogin() {
+					console.log('订单达6')
+				this.logins = this.getUserCookie() ? getToken(this.getUserCookie()) : false;
+				return this.getUserCookie() ? getToken(this.getUserCookie()) : false;
+			},
+			userInfor() {
+				let info =
+					this.getUserCookie() && getToken(this.getUserCookie()) ?
+					JSON.parse(getToken(this.getUserCookie())) :
+					{};
+				return info;
+			}
+		},
+		watch: {
+			logins(newVal, oldVal) {
+				console.log(newVal,"newVal")
+				if(newVal) {
+					this.getCarNum()
+				}
+			}
+		},
+		mounted() {
+			window.addEventListener("click", this.gwhide);
+		},
+		methods: {
+			th(key) {
+				return this.$th("common.pc.default.topModules.topDefault.", key);
+			},
+			getCarNum() {
+				API.shoppingList().then(res => {
+					this.total = res && res.total
+				})
+			},
+			gwopen() {
+				API.getCustrelByEmployee().then(res => {
+					if(res) {
+						if(res.employeePhone) {
+							this.gw = res.employeePhone;
+						} else {
+							this.gw = this.th("none");
+						}
+					} else {
+						this.gw = this.th("none");
+					}
+				});
+				this.flaggw = true;
+			},
+			gwhide() {
+				this.flaggw = false;
+			},
+			enter() {
+				this.show = true;
+			},
+			leave() {
+				this.show = false;
+			},
+			login() {
+				location.href = "/paas/pc-mall/index.html#/loginPc";
+			},
+			register() {
+				location.href = "/paas/pc-mall/index.html#/regPc";
+			},
+			logout() {
+				// 退出
+				logout().then(() => {
+					let newDomain = document.domain
+						.split(".")
+						.splice(-2)
+						.join(".");
+					removeToken("LOGININFO", newDomain, "/");
+					// removeToken("personalInfo", newDomain, "/");
+					// location.reload();
+					location.href = location.origin;
+				});
+			},
+			getUserCookie() {
+				let cookie = document.cookie;
+				let start = cookie.indexOf("saas-user-");
+				if(start > -1) {
+					let end = cookie.indexOf("=", start);
+					return cookie.substring(start, end);
+				} else {
+					return null;
+				}
+			}
+		}
+	};
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+	.common-top-bar {
+		position: relative;
+		.right {
+			.cars {
+				position: relative;
+			}
+			span {
+				display: inline-block;
+				color: #fff;
+				border-radius: 50%;
+				top: 5px;
+				right: -10px;
+				width: 12px;
+				height: 12px;
+				text-align: center;
+				line-height: 12px;
+				position: absolute;
+				font-size: 12px;
+			}
+		}
+	}
+	
+	.login-name {
+		float: left;
+		font-size: 14px;
+		color: #333;
+		span {
+			margin-right: 17px;
+		}
+		a {
+			color: #333;
+			margin: 0 7px;
+		}
+	}
+	
+	.login-names {
+		color: #666;
+		span {
+			cursor: pointer;
+		}
+		a {
+			color: #666;
+		}
+	}
+	
+	.common-top-bar {
+		.rignt-line {
+			color: #ccc;
+		}
+		color: #666;
+		font-size: 13px;
+		width: 100%;
+		height: 38px;
+		line-height: 38px;
+		background-color: #fafafa;
+		.inner {
+			.left {
+				float: left;
+			}
+			.right {
+				float: right;
+				position: relative;
+				ul {
+					margin-right: 1px;
+				}
+				li:nth-child(1){
+                  position:relative;
+                  
+                  .langs{
+                      display: none;
+                      z-index: 1;
+                      position: absolute;
+                      top: 35px;
+                      left: -30px;
+                      padding: 5px;
+                      -webkit-box-shadow: #666 0px 0px 5px; 
+                       -moz-box-shadow: #666 0px 0px 5px; 
+                       box-shadow: #666 0px 0px 5px; 
+                      background-color: #fff;
+                      li{
+                          text-align: center;
+                          line-height: 20px;
+                          height: 20px;
+							a{
+								color: #666;
+							}
+                      }
+                  }
+              }
+              li:nth-child(1):hover{
+                  .langs{
+                      display: block;
+                  }
+              }
+				ul li {
+					margin: 0 7px;
+					float: left;
+					float:left a {
+						color: #666;
+					}
+					// &:hover a {
+					//   color: #ff9e01;
+					// }
+				}
+				.line {
+					width: 1px;
+					height: 16px;
+					background: #ccc;
+					margin: 12px 28px;
+				}
+				.item {
+					vertical-align: top;
+					height: 20px;
+					margin-top: 12px;
+					line-height: 20px;
+				}
+			}
+		}
+	}
 </style>