qj-happy-common-zhongjian 1.0.27

package/src/views/pc/default/footer-modules/zgl.vue

@@ -0,0 +1,251 @@
+<template>
+	<footer class="bottom">
+		<div class="footer_base">
+			<div class="bottom_basal">
+				<div class="bottom_list t-center">
+					<ul class="bottom_lab" v-for="(item,index) in footerData" :key="index">
+						<li class="f-s22 mar-b28">
+							<p>{{item.tginfoMenuName}}</p>
+						</li>
+						<li class="f-s18 mar-b15 bottom_opc lihover" v-for="(itemChild,indexChild) in item.children" :key="indexChild">
+							<a @click="routers(itemChild,indexChild,index)">{{itemChild.tginfoMenuName}}</a>
+						</li>
+					</ul>
+					<div class="bottom_lat">
+						<ul class="ulbox">
+							<li class="f-s22 mar-b28">
+								<p>深圳市众管联供应链有限公司</p>
+							</li>
+							<li class="f-s18 mar-b15 bottom_opc">
+								<a>地址：深圳市坪山区坑梓街道沙田社区坪山大道6352号</a>
+							</li>
+							<li class="f-s18 mar-b15 bottom_opc">
+								<a>电话： 0755-26855555</a>
+							</li>
+							<li class="f-s18 bottom_opc">
+								<a>E-mail：kf@bwfrp.com</a>
+							</li>
+						</ul>
+					</div>
+				</div>
+			</div>
+		</div>
+		<div class="bottom_fond" v-html="Footerinfor"></div>
+	</footer>
+</template>
+
+<script>
+	import api from "#/api/common/index";
+	export default {
+		data() {
+			return {
+				erwm1: require("../assets/footer_img1.png"),
+				erwm2: require("../assets/footer_img2.png"),
+				erwm3: require("../assets/footer_img3.png"),
+				erwm4: require("../assets/footer_img4.png"),
+				erwm: require("../assets/图层 20.png"),
+				footerData: [],
+				Footerinfor:"",
+			};
+		},
+		updated() {},
+		mounted() {
+			this.getFooter();
+		},
+		methods: {
+			th(key) {
+				this.$th("common.pc.default.footerModules.footer.footerDefault.", key);
+			},
+			getFooter() {
+				setTimeout(() => {
+					api.queryTginfoPageForCm().then(reg => {
+						if(reg && reg.rows && reg.rows.length > 0) {
+							let setVal = window.localStorage.getItem('saas-proappcode')
+							this.tginfoCode = reg.list && reg.list.filter(els => {
+								return els.proappCode == setVal
+							})
+							if(this.tginfoCode && this.tginfoCode.length == 1) {
+								this.getNew()
+							} else {
+								this.$message.error('底部配置失败')
+							}
+						}
+					})
+				}, 100)
+			},
+			getNew() {
+				api.queryTginfoMenuForAt({
+					tginfoCode: this.tginfoCode[0].tginfoCode,
+					"dataState": 2
+				}).then(res => {
+					this.footerData =
+						res &&
+						res.rows &&
+						res.rows.filter(el => {
+							return el.menuOpcode != "indexpcA";
+						});
+						if(sessionStorage.getItem("proappEnvLayout")){
+							let footerdi = JSON.parse(sessionStorage.getItem("proappEnvLayout"));
+							this.Footerinfor = footerdi.proappEnvFoot
+						}
+					sessionStorage.setItem("footerData", JSON.stringify(this.footerData))
+				});
+			},
+			hrefHandler(id) {
+				location.href = `/paas/pc-mall/index.html#/publicDetails?id=${id}`;
+			},
+			routers(item, childindex, partindex) {
+				this.$router.push({
+					path: '/helpindex',
+					query: {
+						item: item,
+						title: item.tginfoMenuName,
+						pcode: item.menuOpcode,
+						styletype: item.menuDetailsCode,
+						childindex: childindex,
+						parindex: partindex,
+					}
+				})
+			}
+		}
+	};
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+	//footer
+	.f-s18 {
+		font-size: 18px;
+	}
+	
+	.f-s22 {
+		font-size: 22px;
+		font-family: Microsoft YaHei;
+		font-weight: 400;
+		color: #FFFFFF;
+	}
+	
+	.mar-b20 {
+		margin-bottom: 20px;
+	}
+	
+	.mar-b15 {
+		margin-bottom: 15px;
+	}
+	
+	.mar-b28 {
+		margin-bottom: 28px;
+	}
+	
+	.erimg {
+		width: 100px;
+	}
+	
+	.bottom {
+		width: 100%;
+		min-width: 1200px;
+		height: 436px;
+		color: white;
+		background-color: #333333;
+		background-size: 100% 100%;
+		.top-footertitle {
+			padding-top: 20px;
+		}
+		.top-footertitle img {
+			margin-right: 20px;
+		}
+		.footer_base {
+			position: relative;
+			margin: 0 auto;
+			width: 1200px;
+			.ewm {
+				position: absolute;
+				right: -38px;
+				bottom: 116px;
+			}
+			.bottom_basal {
+				padding-top: 60px;
+				display: -webkit-flex;
+				display: flex;
+				width: 1200px;
+				height: 273px;
+				.bottom_img {
+					width: 134px;
+					height: 133px;
+					padding: 0 90px 0 0;
+					>img {
+						width: 100%;
+						height: 100%;
+					}
+				}
+				.bottom_list {
+					position: relative;
+					display: -webkit-flex;
+					display: flex;
+					ul {
+						width: 100px;
+						color: white;
+						.bottom_opc {
+							opacity: 0.7;
+							a {
+								color: #939393;
+							}
+							a:hover {
+								cursor: default;
+							}
+						}
+						.bottom_opc:hover {
+							cursor: default;
+						}
+					}
+					.bottom_lab {
+						display: inline-block;
+						width: 176px;
+						text-align: left;
+						/*margin: 0 80px 0 0;*/
+					}
+					.lihover {
+						a:hover {
+							cursor: pointer !important;
+						}
+					}
+					.bottom_lat {
+						display: inline-block;
+						text-align: left;
+						position: relative;
+						margin-left: 230px;
+						.ulbox {
+							width: 100%;
+							li:first-child {
+								p {
+									font-family: Microsoft YaHei;
+									font-weight: 400;
+									color: #939393;
+								}
+							}
+						}
+						div {
+							position: absolute;
+							top: 26px;
+							right: -120px;
+						}
+					}
+					.ewm {
+						position: absolute;
+						top: 85px;
+						right: 19px;
+					}
+				}
+			}
+		}
+		.bottom_fond {
+			text-align: center;
+			width: 100%;
+			font-size: 12px;
+			font-weight: 400;
+			color: #999999;
+			border-top: 2px solid #9A9A9A;
+			height: 100px;
+			line-height: 100px;
+		}
+	}
+</style>

package/src/views/pc/default/header-modules/DgHeader/Logo.vue

@@ -0,0 +1,57 @@
+<template>
+  <a :href="secDomainName+'/paas/pc-mall/index.html#/dgIndex'" class="dglogo">
+    <img
+      class="dglogo-img"
+      :src="require('./images/logo.png')"
+      alt=""
+    />
+    <h1 class="site-title">
+      <span class="site-title-zh">中国南方电网</span>
+      <span class="site-title-en">CHINA SOUTHERN POWER GRID</span>
+    </h1>
+  </a>
+</template>
+
+<script>
+export default {
+  data(){
+    return{
+      secDomainName:null
+    }
+  },
+  mounted() {
+    setTimeout(()=>{
+      this.secDomainName = sessionStorage.getItem('secDomainName')
+    },50)
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+$primaryText: #262626;
+.dglogo {
+  display: flex;
+  margin: 10px 0;
+  line-height: 1;
+  color: $primaryText;;
+  &-img {
+    width: 60px;
+    height: 45px;
+  }
+  .site-title {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    margin: 0 0 0 15px;
+    height: 45px;
+    font-weight: 600;
+    font-size: 24px;
+    &-zh {
+      letter-spacing: 11px;
+    }
+    &-en {
+      font-size: 12px;
+    }
+  }
+}
+</style>

package/src/views/pc/default/header-modules/DgHeader/Search.vue

@@ -0,0 +1,135 @@
+<template>
+  <div class="dgsearch">
+    <div class="dgsearch-form">
+      <div class="dgsearch-type">
+        <span>商品<i class="iconfont">&#xe7e6;</i></span>
+      </div>
+      <input class="dgsearch-input" type="text" v-model="searchParam" placeholder="请录入名称、货号、品牌或分类" />
+      <button class="dgsearch-btn" @click="linkTo">
+        <i class="iconfont">&#xe604;</i>
+      </button>
+    </div>
+    <ul class="hot-word" v-if="hotWord.length">
+      <li v-for="v in hotWord" :key="v.contlistId">
+        <div @click="searchParam = v.contlistNameNow">
+          {{ v.contlistNameNow }}
+        </div>
+      </li>
+    </ul>
+  </div>
+</template>
+
+<script>
+import { getDgHotWord } from '#/api/shopFbu';
+export default {
+  name: '',
+  data() {
+    return {
+      searchParam: this.$route.query.searchParam || '',
+      hotWord: [],
+      secDomainName:null
+    };
+  },
+  created() {
+    this.getFloorData();
+  },
+  mounted() {
+    setTimeout(()=>{
+      this.secDomainName = sessionStorage.getItem('secDomainName')
+    },100)
+  },
+  watch: {
+    searchParam() {
+      this.linkTo();
+    },
+  },
+  
+  methods: {
+    getFloorData() {
+      getDgHotWord({
+        tginfoMenuCode: 'bbcindpc',
+      }).then((response) => {
+        console.log(response);
+        const hotWord = response.find((v) => {
+          return v.conttitleNameNow && v.conttitleNameNow.includes('热搜词');
+        });
+        this.hotWord = hotWord ? hotWord.cmsContlistReDomainList : [];
+      });
+    },
+    linkTo() {
+      location.href = `${this.secDomainName}/paas/pc-mall/index.html#/searchResult?searchParam=${this.searchParam}`;
+    },
+  },
+};
+</script>
+
+<style scoped lang="scss">
+$blue: #1e87f0;
+$grayText: #b4b4b4;
+
+.dgsearch {
+  margin: 10px 0 8px;
+  width: 666px;
+  &-form {
+    display: flex;
+    align-items: center;
+    height: 44px;
+    border-radius: 4px;
+    border: 1px solid $blue;
+  }
+  &-type {
+    height: 32px;
+    padding: 0 10px;
+    border-right: 1px solid $grayText;
+    font-size: 14px;
+    line-height: 32px;
+    // cursor: pointer;
+    .iconfont {
+      padding-left: 4px;
+      font-size: 14px;
+    }
+  }
+  &-input {
+    flex: 1;
+    padding: 6px 9px;
+    height: 100%;
+    box-sizing: border-box;
+    &::-webkit-input-placeholder {
+      color: $grayText;
+    }
+    &::-moz-placeholder {
+      color: $grayText;
+    }
+    &:-ms-input-placeholder {
+      color: $grayText;
+    }
+    &::-ms-input-placeholder {
+      color: $grayText;
+    }
+    &::placeholder {
+      color: $grayText;
+    }
+  }
+  &-btn {
+    width: 100px;
+    height: 100%;
+    background-color: $blue;
+    color: #fff;
+    cursor: pointer;
+  }
+}
+
+.hot-word {
+  display: flex;
+  flex-wrap: wrap;
+  margin: 8px auto 0;
+  width: 666px;
+  //   min-height: 21px;
+  & > li {
+    margin-right: 12px;
+    color: #8c8c8c;
+    font-size: 12px;
+    cursor: pointer;
+  }
+}
+</style>

package/src/views/pc/default/header-modules/DgHeader/Settleup.vue

@@ -0,0 +1,46 @@
+<template>
+  <a class="settleup" :href="secDomainName+'/paas/pc-mall/index.html#/car'">
+    <i class="iconfont icon-gouwuche3"></i>
+    <span>我的购物车</span>
+  </a>
+</template>
+
+<script>
+export default {
+  name: 'settleup',
+  data(){
+    return{
+      secDomainName:null
+    }
+  },
+  mounted() {
+    setTimeout(()=>{
+      this.secDomainName = sessionStorage.getItem('secDomainName')
+    },100)
+  },
+};
+</script>
+
+<style scoped lang="scss">
+$blue: #1e87f0;
+.settleup {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin: 10px 0;
+  width: 192px;
+  height: 44px;
+  border-radius: 4px;
+  border: 1px solid $blue;
+  background-color: #fff;
+  color: $blue;
+  font-size: 16px;
+  vertical-align: middle;
+  cursor: pointer;
+  .iconfont {
+    margin-right: 8px;
+    font-size: 24px;
+    // font-weight: 600;
+  }
+}
+</style>

package/src/views/pc/default/header-modules/DgHeader/index.vue

@@ -0,0 +1,38 @@
+<template>
+  <div class="dgheader">
+    <div class="dgheader-inner">
+      <dg-logo></dg-logo>
+      <dg-search></dg-search>
+      <settleup-button></settleup-button>
+    </div>
+  </div>
+</template>
+
+<script>
+import dgLogo from "./Logo";
+import settleupButton from "./Settleup";
+import dgSearch from "./Search";
+export default {
+  name: "dgHeader",
+  components: {
+    dgLogo,
+    settleupButton,
+    dgSearch
+  }
+};
+</script>
+
+<style scoped lang="scss">
+.dgheader {
+  background-color: #fff;
+  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);
+  &-inner {
+    display: flex;
+    justify-content: space-between;
+    align-items: flex-start;
+    margin: 0 auto;
+    padding-top: 10px;
+    width: 1200px;
+  }
+}
+</style>

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

@@ -0,0 +1,177 @@
+<template>
+  <header>
+    <div class="margin">
+      <div class="logo" @click="index">
+        <img
+          src="http://devpcb2b.2020050600004084.xytest.qjclouds.com/paas/shop/2020050600004084/2020-09-06/82b19a7987c44e46a1406adf41c42e8e.png"
+          alt
+        />
+      </div>
+      <!-- <div class="center">
+        <div class="search" @click="search_goods">
+          <input type="text" placeholder="Tmax" v-model="searchParam" />
+          <div class="box">
+            <i class="iconfont icon-new-search-icon"></i>
+          </div>
+        </div>
+      </div> -->
+      <div class="right">
+        <ul>
+          <!-- router-link -->
+          <li>
+            <i class="iconfont icon-dingdan"></i>
+            <a href="https://en.uniview.com/Products/">Product&Technolog</a>
+          </li>
+
+          <li>
+            <i class="iconfont icon-dingdan"></i>
+            <a href="https://en.uniview.com/Solutions/">Solutions</a>
+          </li>
+          <li>
+            <i class="iconfont icon-gouwuche"></i>
+            <a href="https://en.uniview.com/News/">News</a>
+          </li>
+
+          <li>
+            <i class="iconfont icon-dingdan"></i>
+            <a href="https://en.uniview.com/Support/">Support：</a>
+          </li>
+
+          <!-- <router-link :to="{ path: '/userCenter/member' }"> -->
+          <li>
+            <i class="iconfont icon-huiyuan"></i>
+            <span @click="login">LOGIN</span>
+          </li>
+          <!-- </router-link> -->
+          <li>
+            <i class="iconfont icon-diqiu"></i>
+            <!-- <a href="#">中文</a> -->
+            <el-dropdown trigger="click">
+              <span class="el-dropdown-link">
+                中文<i class="el-icon-arrow-down el-icon--right"></i>
+              </span>
+              <el-dropdown-menu slot="dropdown">
+                <el-dropdown-item icon="el-icon-plus">中文</el-dropdown-item>
+                <el-dropdown-item icon="el-icon-circle-plus"
+                  >英语</el-dropdown-item
+                >
+              </el-dropdown-menu>
+            </el-dropdown>
+          </li>
+        </ul>
+      </div>
+    </div>
+  </header>
+</template>
+
+<script>
+export default {
+  name: '',
+  data() {
+    return {};
+  },
+  components: {},
+  created() {},
+  mounted() {},
+  methods: {
+    // search_goods() {
+    //   this.$router.push('/goodsList');
+    // },
+    // order() {
+    //   this.$router.push('');
+    // },
+    // userCenter() {
+    //   this.$router.push('');
+    // },
+    index() {
+      this.$router.push('/ntv');
+    },
+    login() {
+      this.$router.push('/loginPc');
+    },
+    // car() {
+    //   this.$router.push('');
+    // },
+  },
+};
+</script>
+<style lang="scss" scoped>
+.margin {
+  width: 1200px;
+  margin: 0 auto;
+}
+header {
+  width: 100%;
+  height: 100px;
+  background: linear-gradient(
+    135deg,
+    rgba(38, 137, 195, 1),
+    rgba(75, 95, 170, 1)
+  );
+  .margin {
+    display: flex;
+    align-items: center;
+    height: 100px;
+    .logo {
+      img {
+        width: 91px;
+        height: 46px;
+        cursor: pointer;
+      }
+    }
+    // .center {
+    //   margin-left: 189px;
+    //   .search {
+    //     display: flex;
+    //     input {
+    //       padding-left: 29px;
+    //       box-sizing: border-box;
+    //       width: 322px;
+    //       height: 40px;
+    //       background: rgba(255, 255, 255, 1);
+    //       border: 2px solid rgba(90, 195, 255, 1);
+    //       border-radius: 4px 0 0 4px;
+    //       border-right: 0;
+    //     }
+    //     .box {
+    //       width: 38px;
+    //       height: 36px;
+    //       background: rgba(38, 130, 182, 1);
+    //       border-radius: 0px 2px 2px 0px;
+    //       color: #fff;
+    //       line-height: 36px;
+    //       border: 2px solid rgba(90, 195, 255, 1);
+    //       text-align: center;
+    //       border-left: 0;
+    //       border-radius: 0 4px 4px 0;
+    //     }
+    //   }
+    // }
+    .right {
+      // flex: 1;
+      margin-left: 58px;
+      ul {
+        display: flex;
+        color: #fff;
+        li {
+          display: flex;
+          // justify-content: center;
+          align-items: center;
+          i {
+            font-size: 20px;
+            margin-right: 5px;
+          }
+          margin-right: 35px;
+        }
+      }
+    }
+  }
+}
+.el-dropdown-link {
+  color: #fff;
+  // font:16px/100px "";
+  font-size: 16px;
+  margin: 5px 0 0 5px;
+  cursor: pointer;
+}
+</style>