qj-happy-common-zhongjian 1.0.27

package/src/views/pc/default/nav-modules/navAns.vue

@@ -0,0 +1,60 @@
+<template>
+  <div class="userNav-box">
+    <!-- <ul class="clearfix">
+      <li v-for="(item,index) in navChildren" :key="index">
+        <a
+          :href="item.menuJspath"
+          :class="url.indexOf(item.menuJspath) >=0 ? 'active' : ''"
+        >{{item.menuName}}</a>
+      </li>
+    </ul>-->
+    <ul class="flex">
+      <li v-for="(item,index) in navChildren" :key="index">
+        <a
+          :href="item.menuAction.indexOf('.html') > 0  && item.menuName != '首页' ? '/paas/shop/'+item.menuAction:item.menuJspath"
+          :class="url.indexOf(item.menuJspath) >=0 ? 'c-theme' : ''"
+          class="c-themeHover"
+        >{{item.menuName}}</a>
+      </li>
+    </ul>
+  </div>
+</template>
+<script>
+export default {
+  props: {
+    navChildren: {
+      type: Array,
+      dafault: []
+    }
+  },
+  data() {
+    return {
+      url: location.href
+    };
+  },
+  watch: {
+    $route(to, form) {
+      this.url = location.href;
+    }
+  }
+};
+</script>
+<style lang="scss" scoped>
+ul {
+  font-size: 16px;
+  color: #212121;
+
+  li {
+    margin: 0 30px;
+    
+    a:visited{
+    	color: #333;
+    	text-decoration: none;
+    }
+    a:link{
+    	color: #333;
+    	text-decoration: none;
+    }
+  }
+}
+</style>

package/src/views/pc/default/top-modules/DgTopShortcut/index.vue

@@ -0,0 +1,177 @@
+<template>
+  <div class="shortcut">
+    <div class="shortcut-inner layout-main">
+      <div class="user-info">
+        <span class="welcome">欢迎来到南网电工产品商城！</span>
+        <ul class="nav-list" v-if="!userInfo">
+          <li>
+            <a class="text-blue" :href="secDomainName + '/paas/index/index.html#/loginPc'">请登录</a>
+          </li>
+          <li class="separate"></li>
+          <li>
+            <a class="text-red" :href="secDomainName + '/paas/index/index.html#/regPc'">免费注册</a>
+          </li>
+        </ul>
+        <!-- <a href="/paas/user-manager/index.html#/user" class="hover-blue">
+          <i class="iconfont icon-wode-copy"></i> {{ userInfo.userName }}
+        </a> -->
+        <a v-else @click="loginOut" class="hover-blue text-gray">退出</a>
+      </div>
+      <ul class="nav-list">
+        <li>
+          <a class="hover-blue" :href="secDomainName + '/paas/pc-mall/index.html#/dgIndex'">首页</a>
+        </li>
+        <li class="separate"></li>
+        <li>
+          <a class="hover-blue" :href="secDomainName + '/paas/message-manager/index.html#/message'"
+            >消息管理（<span class="text-red">{{ messageLen }}</span
+            >）</a
+          >
+        </li>
+        <li class="separate"></li>
+        <li>
+          <span>平台客服号码：</span>
+          <span class="text-red">{{ keFu }}</span>
+        </li>
+        <li class="separate"></li>
+        <li>
+          <a class="text-blue" :href="secDomainName + '/paas/user-manager/index.html#/user'">采购商工作台</a>
+        </li>
+        <li class="separate"></li>
+        <li>
+          <a class="text-blue" :href="gyPath" target="_blank">供应商入口</a>
+        </li>
+      </ul>
+    </div>
+  </div>
+</template>
+
+<script>
+import { getDgKefu, getDgMessage, queryProappEnvPageByPTJS } from '#/api/shopFbu';
+import { loginOut } from '#/api/login';
+export default {
+  data() {
+    return {
+      userInfo: sessionStorage.getItem('saas-user-ex') ? JSON.parse(sessionStorage.getItem('saas-user-ex')) : null,
+      keFu: '***',
+      messageLen: 0,
+      gyPath: 'http://gy-nanwang.jd.com',
+      secDomainName:null
+    };
+  },
+  created() {
+    let hrefs = window.location.href, hosts = window.location.host;
+    if (hrefs && hosts) {
+      let name = hrefs.split(hosts)[1] ? hrefs.split(hosts)[1].split('/')[1] : null;
+      this.secDomainName = name && name !== 'paas' && process.env.NODE_ENV != 'development' ? process.env.API_ROOT + '/' + name : process.env.API_ROOT
+    } else {
+      this.secDomainName = process.env.API_ROOT
+    }
+    sessionStorage.setItem('secDomainName',this.secDomainName)
+    this.getDgKefu();
+    this.getGyPath();
+    if (this.userInfo) {
+      this.getDgMessage();
+    }
+  },
+  methods: {
+    loginOut() {
+      loginOut().then((res) => {
+        if (res.success) {
+          sessionStorage.removeItem('personalInfo');
+          sessionStorage.removeItem('saas-user-ex');
+          location.href = '/paas/index/index.html#/loginPc';
+        } else {
+          this.$message.error('用户退出失败！请重试');
+        }
+      });
+    },
+    getDgKefu() {
+      getDgKefu().then((res) => {
+        const result = res.find((v) => v.ocsconfigName === '客服1');
+        if (result && result.ocsOcserviceReDomain && result.ocsOcserviceReDomain.ocsOcserviceConfReDomainList) {
+          const kefuArr = result.ocsOcserviceReDomain.ocsOcserviceConfReDomainList;
+          this.keFu = kefuArr && kefuArr[0] ? kefuArr[0].ocserviceConfValue : '400-400-400';
+        }
+      });
+    },
+    getDgMessage() {
+      getDgMessage().then((res) => {
+        console.log(res);
+        this.messageLen = res && res.list ? res.list.length : 0;
+      });
+    },
+    getGyPath() {
+      queryProappEnvPageByPTJS().then((res) => {
+        const path = res.list.find((v) => v.proappCode === '006');
+        if (path) {
+          this.gyPath = 'http://' + path.proappEnvDomain;
+        }
+      });
+    },
+  },
+};
+</script>
+
+<style scoped lang="scss">
+$primaryText: #262626;
+$regularText: #565656;
+$secondaryText: #595959;
+$blue: #1e87f0;
+$red: #e21f0c;
+$yellow: #ffc417;
+$grayBorder: #595959;
+$lightGrayBorder: #ebecef;
+$bgColor: #f2f3f7;
+$borderRadius: 8px;
+
+.text-red {
+  color: $red;
+}
+
+.text-blue {
+  color: $blue;
+}
+
+.text-gray {
+  color: $secondaryText;
+}
+
+.shortcut {
+  border-bottom: 2px solid $lightGrayBorder;
+  background-color: #fff;
+  color: $primaryText;
+  &-inner {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin: 0 auto;
+    height: 60px;
+    width: 1200px;
+  }
+  .nav-list {
+    display: flex;
+    align-items: center;
+    & > li {
+      padding: 0 8px;
+      line-height: 22px;
+      &.separate {
+        padding: 0;
+        height: 14px;
+        border-right: 2px solid $grayBorder;
+        opacity: 0.4;
+      }
+    }
+  }
+  .user-info {
+    display: flex;
+    .welcome {
+      margin-right: 20px;
+    }
+  }
+
+  .hover-blue:hover {
+    color: $blue;
+  }
+}
+</style>

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

@@ -0,0 +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;
+				}
+			}
+		}
+	}
+</style>

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

@@ -0,0 +1,137 @@
+<template>
+	<div class="top">
+		<div class="topC">
+			<div class="left">
+				<a href="/"><i class="iconfont icon-shouye"></i>&nbsp;&nbsp;上海有色首页</a>
+			</div>
+			<div class="right">
+				<div class="one"><span  v-show='!isLogin'>您好，
+					<a href="/paas/index/index.html#/auth" >请登录</a></span> <span v-show='!isLogin'>&nbsp;<a href="/paas/index/index.html#/auth" class="color1">免费注册</a>
+							
+					</span>
+					<span class="logout" @click="logout" v-show='isLogin'>退出</span>&nbsp;| &nbsp;
+					<a href="/paas/order-manager/index.html#/order">我的订单</a> &nbsp;| &nbsp;
+					<span class="online">在线客服
+							<div class="imgIcon">
+								<img :src="logs" alt="" />
+								<!--<img src="@/assets/20201111165611.png"/>-->
+							</div>
+						</span> &nbsp;| &nbsp;
+					<a>手机有色</a>
+				</div>
+			</div>
+		</div>
+	</div>
+</template>
+
+<script>
+	import { getToken, removeToken } from "#/utils/auth";
+	import { logout } from "#/api/login";
+	export default {
+		data() {
+			return {
+				logs: require('#/assets/20201111165611.png'),
+			}
+		},
+		computed: {
+			isLogin() {
+				return this.getUserCookie() ? getToken(this.getUserCookie()) : false;
+			},
+		},
+		methods: {
+			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;
+				}
+			},
+			logout() {
+		      // 退出
+		      logout().then(() => {
+		        let newDomain = document.domain
+		          .split(".")
+		          .splice(-2)
+		          .join(".");
+		        removeToken("LOGININFO", newDomain, "/");
+		        // removeToken("personalInfo", newDomain, "/");
+		        // location.reload();
+		        location.href = location.origin;
+		      });
+		    },
+		}
+
+	}
+</script>
+
+<style lang="scss" scoped>
+	.top {
+		height: 30px;
+		line-height: 30px;
+		font-size: 12px;
+		color: #fff;
+		background-color: #455a64;
+		.topC {
+			width: 1200px;
+			margin: 0 auto;
+			/*overflow: hidden;*/
+			a {
+				color: #fff;
+			}
+		}
+		.topC:after {
+				content: "";
+				display: block;
+				height: 0;
+				clear: both;
+				visibility: hidden;
+			}
+		.left {
+			float: left;
+			cursor: pointer;
+			height: 30px;
+			line-height: 30px;
+			
+		}
+		.right {
+			float: right;
+			.color1 {
+				color: #FF5252;
+			}
+			a {
+				color: #fff;
+			}
+			.logout{
+				cursor: pointer;
+				color: #FF5252;
+			}
+			.imgIcon {
+				background: url("../../../../assets/er_bg.png");
+				background-size: 90px 100px;
+				background-repeat: no-repeat;
+				width: 92px;
+				height: 100px;
+				position: absolute;
+				top: 24px;
+				right: -10px;
+				display: none;
+				z-index: 10;
+				img {
+					width: 80px;
+					height: 80px;
+					display: block;
+					margin: 16px 2px 2px 4px;
+				}
+			}
+			.online {
+				position: relative;
+			}
+			.online:hover .imgIcon {
+				display: block
+			}
+		}
+	}
+</style>