qj-common 4.3.0 → 4.3.2

package/src/views/pc/default/header-modules/headerMh.vue

@@ -1,187 +1,187 @@
-<template>
-	<div class="container">
-		<div class="bac">
-			<div class="logo fex-c pad-b20" @click="goHome">
-				<img :src="proappEnvLayout && proappEnvLayout.proappEnvLogo" alt>
-			</div>
-			<div class="search">
-				<div class="searchTatol">
-					<!-- <div class="searchC"></div> -->
-					<input v-model="searchValue" placeholder="请输入关键字进行搜索" @keyup.enter="search(searchValue)" />
-					<div class="search_logo" @click.passive.stop="search(searchValue)">
-						<i class="el-icon-search t-24" style="color:white;"></i>
-					</div>
-				</div>
-				<div style="display:flex;color:#666666;font-size:14px">
-					<p>热门词搜索：</p>
-					<p v-for="(item, index) in searchWord[0]?searchWord[0].cmsContlistReDomainList:''" :key="index"
-						style="margin-right:10px;cursor:pointer" @click.passive.stop="searchs(item)">
-						{{ item.contlistName }}
-					</p>
-				</div>
-			</div>
-			<div class="shopCart" @click="linkToShoppingCar()">
-				<img alt=""
-					src="http://b2bopt-dev2021122100000001.qjclouds.com//paas/shop/2021122100000001/2022-02-17/3eeb28fbd145464b92a3710b5f714c56.png"
-					style="width:23px;height:23px" />
-				<p>我的购物车</p>
-			</div>
-		</div>
-	</div>
-</template>
-
-<script>
-	import {
-		queryConttitleReDomainByCode
-	} from '#/api/apimanage.js'
-	let logo_default_href =
-		"http://mhdmspc.saas.qjclouds.com//paas/shop/796758877233610836//e234056d165e40af99190b604f3cd0b9.png";
-	export default {
-		data() {
-			return {
-				searchValue: '',
-				searchWord: [],
-				logo: sessionStorage.getItem('proappEnvLayout') ? location.origin + JSON.parse(sessionStorage.getItem(
-					'proappEnvLayout')).proappEnvLogo : logo_default_href,
-				orginHref: process.env.NODE_ENV == "development" ? '' : '/paas/b2b-cli-pc-mh/index.html'
-			}
-		},
-		computed: {
-			proappEnvLayout() {
-				let proappEnvLayout = sessionStorage.getItem("proappEnvLayout") ?
-					JSON.parse(sessionStorage.getItem("proappEnvLayout")) : {
-						proappEnvLogo: this.logo
-					};
-				return proappEnvLayout;
-			},
-		},
-		created() {
-			let index1 = sessionStorage.getItem('index1');
-			this.searchWord = [];
-			if (index1) {
-				index1 = JSON.parse(index1);
-				index1.forEach((item) => {
-					if (item.conttitleName == '热门搜索词') {
-						this.searchWord.push(item)
-					}
-				})
-			} else {
-				queryConttitleReDomainByCode({
-					tginfoMenuCode: 'index1'
-				}).then((res) => {
-					if (res) {
-						sessionStorage.setItem('index1', JSON.stringify(res))
-						res.forEach((item) => {
-							if (item.conttitleName == '热门搜索词') {
-								this.searchWord.push(item)
-							}
-						})
-					}
-				})
-			}
-		},
-		methods: {
-			search(code) {
-				if (this.$route.query.hasOwnProperty('searchParam') && this.$route.path == '/searchResult') {
-					this.$store.commit('SET_SEARCH_PARAM', code);
-				} else {
-					location.href = `${this.orginHref}#/searchResult?searchParam=` + code
-				}
-			},
-			searchs(item) {
-				window.location = item.contlistUrl
-			},
-			goHome() {
-				location.href = `${this.orginHref}#/islandStore`;
-			},
-			linkToShoppingCar() {
-				location.href = `${this.orginHref}#/car`;
-			},
-		}
-	}
-</script>
-
-<style lang="scss" scoped>
-	.container {
-		background-color: #fff;
-
-		.bac {
-			width: 1200px;
-			margin: 0 auto;
-			height: 132px;
-			display: flex;
-			justify-content: space-between;
-
-			.logo {
-				width: 90px;
-
-				img {
-					width: 90px;
-					cursor: pointer;
-				}
-			}
-
-			.search {
-				margin-top: 26px;
-
-				.searchTatol {
-					display: flex;
-
-					input {
-						text-indent: 16px;
-						border: 1px solid #ed2f17;
-						height: 42px;
-						width: 510px;
-						margin-bottom: 10px;
-					}
-
-					input::-webkit-input-placeholder {
-						/*WebKit browsers*/
-						color: #ccc;
-					}
-
-					input::-moz-input-placeholder {
-						/*Mozilla Firefox*/
-						color: #ccc;
-					}
-
-					input::-ms-input-placeholder {
-						/*Internet Explorer*/
-						color: #ccc;
-					}
-
-					.search_logo {
-						cursor: pointer;
-						background-color: #ed2f17;
-						width: 80px;
-						height: 44px;
-						text-align: center;
-						line-height: 50px;
-
-						img {
-							width: 23px;
-						}
-					}
-				}
-			}
-
-			.shopCart {
-				cursor: pointer;
-				margin-top: 26px;
-				display: flex;
-				align-items: center;
-				justify-content: center;
-				color: #ed2f17;
-				height: 42px;
-				width: 180px;
-				// background-color: red;
-				border: 1px solid #ed2f17;
-
-				p {
-					font-size: 14px;
-					margin-left: 10px;
-				}
-			}
-		}
-	}
-</style>
+<template>
+	<div class="container">
+		<div class="bac">
+			<div class="logo fex-c pad-b20" @click="goHome">
+				<img :src="proappEnvLayout && proappEnvLayout.proappEnvLogo" alt>
+			</div>
+			<div class="search">
+				<div class="searchTatol">
+					<!-- <div class="searchC"></div> -->
+					<input v-model="searchValue" placeholder="请输入关键字进行搜索" @keyup.enter="search(searchValue)" />
+					<div class="search_logo" @click.passive.stop="search(searchValue)">
+						<i class="el-icon-search t-24" style="color:white;"></i>
+					</div>
+				</div>
+				<div style="display:flex;color:#666666;font-size:14px">
+					<p>热门词搜索：</p>
+					<p v-for="(item, index) in searchWord[0]?searchWord[0].cmsContlistReDomainList:''" :key="index"
+						style="margin-right:10px;cursor:pointer" @click.passive.stop="searchs(item)">
+						{{ item.contlistName }}
+					</p>
+				</div>
+			</div>
+			<div class="shopCart" @click="linkToShoppingCar()">
+				<img alt=""
+					src="http://b2bopt-dev2021122100000001.qjclouds.com//paas/shop/2021122100000001/2022-02-17/3eeb28fbd145464b92a3710b5f714c56.png"
+					style="width:23px;height:23px" />
+				<p>我的购物车</p>
+			</div>
+		</div>
+	</div>
+</template>
+
+<script>
+	import {
+		queryConttitleReDomainByCode
+	} from '#/api/apimanage.js'
+	let logo_default_href =
+		"http://mhdmspc.saas.qjclouds.com//paas/shop/796758877233610836//e234056d165e40af99190b604f3cd0b9.png";
+	export default {
+		data() {
+			return {
+				searchValue: '',
+				searchWord: [],
+				logo: sessionStorage.getItem('proappEnvLayout') ? location.origin + JSON.parse(sessionStorage.getItem(
+					'proappEnvLayout')).proappEnvLogo : logo_default_href,
+				orginHref: process.env.NODE_ENV == "development" ? '' : '/paas/b2b-cli-pc-mh/index.html'
+			}
+		},
+		computed: {
+			proappEnvLayout() {
+				let proappEnvLayout = sessionStorage.getItem("proappEnvLayout") ?
+					JSON.parse(sessionStorage.getItem("proappEnvLayout")) : {
+						proappEnvLogo: this.logo
+					};
+				return proappEnvLayout;
+			},
+		},
+		created() {
+			let index1 = sessionStorage.getItem('index1');
+			this.searchWord = [];
+			if (index1) {
+				index1 = JSON.parse(index1);
+				index1.forEach((item) => {
+					if (item.conttitleName == '热门搜索词') {
+						this.searchWord.push(item)
+					}
+				})
+			} else {
+				queryConttitleReDomainByCode({
+					tginfoMenuCode: 'index1'
+				}).then((res) => {
+					if (res) {
+						sessionStorage.setItem('index1', JSON.stringify(res))
+						res.forEach((item) => {
+							if (item.conttitleName == '热门搜索词') {
+								this.searchWord.push(item)
+							}
+						})
+					}
+				})
+			}
+		},
+		methods: {
+			search(code) {
+				if (this.$route.query.hasOwnProperty('searchParam') && this.$route.path == '/searchResult') {
+					this.$store.commit('SET_SEARCH_PARAM', code);
+				} else {
+					location.href = `${this.orginHref}#/searchResult?searchParam=` + code
+				}
+			},
+			searchs(item) {
+				window.location = item.contlistUrl
+			},
+			goHome() {
+				location.href = `${this.orginHref}#/islandStore`;
+			},
+			linkToShoppingCar() {
+				location.href = `${this.orginHref}#/car`;
+			},
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.container {
+		background-color: #fff;
+
+		.bac {
+			width: 1200px;
+			margin: 0 auto;
+			height: 132px;
+			display: flex;
+			justify-content: space-between;
+
+			.logo {
+				width: 90px;
+
+				img {
+					width: 90px;
+					cursor: pointer;
+				}
+			}
+
+			.search {
+				margin-top: 26px;
+
+				.searchTatol {
+					display: flex;
+
+					input {
+						text-indent: 16px;
+						border: 1px solid #ed2f17;
+						height: 42px;
+						width: 510px;
+						margin-bottom: 10px;
+					}
+
+					input::-webkit-input-placeholder {
+						/*WebKit browsers*/
+						color: #ccc;
+					}
+
+					input::-moz-input-placeholder {
+						/*Mozilla Firefox*/
+						color: #ccc;
+					}
+
+					input::-ms-input-placeholder {
+						/*Internet Explorer*/
+						color: #ccc;
+					}
+
+					.search_logo {
+						cursor: pointer;
+						background-color: #ed2f17;
+						width: 80px;
+						height: 44px;
+						text-align: center;
+						line-height: 50px;
+
+						img {
+							width: 23px;
+						}
+					}
+				}
+			}
+
+			.shopCart {
+				cursor: pointer;
+				margin-top: 26px;
+				display: flex;
+				align-items: center;
+				justify-content: center;
+				color: #ed2f17;
+				height: 42px;
+				width: 180px;
+				// background-color: red;
+				border: 1px solid #ed2f17;
+
+				p {
+					font-size: 14px;
+					margin-left: 10px;
+				}
+			}
+		}
+	}
+</style>

package/src/views/pc/default/header-modules/headerNew.vue

@@ -1,122 +1,122 @@
-<template>
-	 <div class="nav">
-    	<div class="wrapper">
-        	<div class="left">
-				<img :src="proappEnvLayout.proappEnvLogo" v-if="proappEnvLayout" alt="">
-        	</div>
-			<div class="search">
-				<input type="text" placeholder="大家都在搜犬粮" v-model="searchParam" />
-				<div class="box" @click="search_goods" @keyup.13="search_goods">
-					<i class="iconfont icon-new-search-icon"></i>
-				</div>
-			</div>
-			<div class="login">
-				<!--<span>{{username}}</span>
-				<button  @click="back" v-if="this.username!='游客'">退出</button>-->
-			</div>
-      	</div>
-    </div>
-</template>
-
-<script>
-	import api from "#/api/common/index";
-	export default {
-		data() {
-			return {
-				footerData: [],
-				pathname:"",
-				proappEnvLayout: '',
-				searchParam:this.$route.query.searchParam
-        ? this.$route.query.searchParam
-        : ""
-			};
-		},
-		updated() {},
-		 created() {
-		    localStorage.getItem("searchParam")
-		      ? (this.searchParam = localStorage.getItem("searchParam"))
-		      : "";
-		  },
-		mounted() {
-			this.proappEnvLayout = sessionStorage.getItem('proappEnvLayout') ? JSON.parse(sessionStorage.getItem('proappEnvLayout')) : ''
-			console.log(this.proappEnvLayout,'this.proappEnvLayout')
-		},
-		methods: {
-			search_goods(){
-			location.href = '/paas/pc-mall/index.html#/goodsItems?searchParam='+this.searchParam
-		},
-		}
-	};
-</script>
-
-<style lang="scss" scoped>
-	.nav {
-  background: #fff;
-  
-  .wrapper {
-  height: 120px;
-    width: 1120px;
-    margin: 0 auto;
-    display: flex;
-    align-items: center;
-    // height: 50px;
-    justify-content: space-between;
-    .left {
-      display: inline-block;
-	  background-color: #fff;
-	  overflow: hidden;
-	  img{
-	  	width: 120px;
-	  	height: auto;
-	  }
-    }
-    .search {
-      	width: 600px;
-	  	background: rgba(243, 244, 248, 1);
-		border-radius: 25px;
-		display: flex;
-		align-items: center;
-		justify-content: space-between;
-      	input {
-			padding: 0 29px;
-			box-sizing: border-box;
-			width: 549px;
-			height: 50px;
-			background: none;
-		}
-		.box {
-			width: 50px;
-			height: 50px;
-			background: rgba(236, 0, 26, 1);
-			border-radius: 25px;
-			cursor: pointer;
-			display: flex;
-			align-items: center;
-			justify-content: center;
-			i {
-				color: #fff;
-				font-size: 14px;
-			}
-		}
-    }
-    .login {
-      span {
-        font-size: 16px;
-        font-weight: 500;
-        color: rgba(0, 0, 0, 1);
-        line-height: 36px;
-        opacity: 0.6;
-      }
-      button {
-        margin-left: 14px;
-        width: 48px;
-        height: 24px;
-        background: rgba(236, 0, 26, 1);
-        border-radius: 8px;
-        color: rgba(255, 255, 255, 1);
-        font-size: 14px;
-      }
-    }
-  }
-}
+<template>
+	 <div class="nav">
+    	<div class="wrapper">
+        	<div class="left">
+				<img :src="proappEnvLayout.proappEnvLogo" v-if="proappEnvLayout" alt="">
+        	</div>
+			<div class="search">
+				<input type="text" placeholder="大家都在搜犬粮" v-model="searchParam" />
+				<div class="box" @click="search_goods" @keyup.13="search_goods">
+					<i class="iconfont icon-new-search-icon"></i>
+				</div>
+			</div>
+			<div class="login">
+				<!--<span>{{username}}</span>
+				<button  @click="back" v-if="this.username!='游客'">退出</button>-->
+			</div>
+      	</div>
+    </div>
+</template>
+
+<script>
+	import api from "#/api/common/index";
+	export default {
+		data() {
+			return {
+				footerData: [],
+				pathname:"",
+				proappEnvLayout: '',
+				searchParam:this.$route.query.searchParam
+        ? this.$route.query.searchParam
+        : ""
+			};
+		},
+		updated() {},
+		 created() {
+		    localStorage.getItem("searchParam")
+		      ? (this.searchParam = localStorage.getItem("searchParam"))
+		      : "";
+		  },
+		mounted() {
+			this.proappEnvLayout = sessionStorage.getItem('proappEnvLayout') ? JSON.parse(sessionStorage.getItem('proappEnvLayout')) : ''
+			console.log(this.proappEnvLayout,'this.proappEnvLayout')
+		},
+		methods: {
+			search_goods(){
+			location.href = '/paas/pc-mall/index.html#/goodsItems?searchParam='+this.searchParam
+		},
+		}
+	};
+</script>
+
+<style lang="scss" scoped>
+	.nav {
+  background: #fff;
+  
+  .wrapper {
+  height: 120px;
+    width: 1120px;
+    margin: 0 auto;
+    display: flex;
+    align-items: center;
+    // height: 50px;
+    justify-content: space-between;
+    .left {
+      display: inline-block;
+	  background-color: #fff;
+	  overflow: hidden;
+	  img{
+	  	width: 120px;
+	  	height: auto;
+	  }
+    }
+    .search {
+      	width: 600px;
+	  	background: rgba(243, 244, 248, 1);
+		border-radius: 25px;
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+      	input {
+			padding: 0 29px;
+			box-sizing: border-box;
+			width: 549px;
+			height: 50px;
+			background: none;
+		}
+		.box {
+			width: 50px;
+			height: 50px;
+			background: rgba(236, 0, 26, 1);
+			border-radius: 25px;
+			cursor: pointer;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			i {
+				color: #fff;
+				font-size: 14px;
+			}
+		}
+    }
+    .login {
+      span {
+        font-size: 16px;
+        font-weight: 500;
+        color: rgba(0, 0, 0, 1);
+        line-height: 36px;
+        opacity: 0.6;
+      }
+      button {
+        margin-left: 14px;
+        width: 48px;
+        height: 24px;
+        background: rgba(236, 0, 26, 1);
+        border-radius: 8px;
+        color: rgba(255, 255, 255, 1);
+        font-size: 14px;
+      }
+    }
+  }
+}
 </style>