qj-common 4.3.0 → 4.3.2

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

@@ -1,251 +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;
-		}
-	}
+<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

@@ -1,57 +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>
+<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>