qj-happy-common-zhongjian 1.0.27

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

@@ -0,0 +1,163 @@
+<template>
+  <footer class="ans-footer">
+    <div class="auto flex">
+      <div class="ans-footer--left flex">
+        <dl v-for="(item,index) in footerData" :key="index">
+          <dt>{{item.tginfoMenuName}}</dt>
+          <dd v-for="(childItem,childIndex) in item.children" :key="childIndex">
+            <a v-if="childItem.flag" :href="childItem.url">{{childItem.tginfoMenuName}}</a>
+            <a @click="hrefHandler(childItem.menuOpcode)" v-else>{{childItem.tginfoMenuName}}</a>
+          </dd>
+        </dl>
+      </div>
+      <div class="ans-footer--mini">
+        <img src="../assets/kywwap.png" alt />
+        <p>{{th('erTitle')}}</p>
+      </div>
+    </div>
+    <div class="ans-footer__record">
+      <p v-html='proappEnvLayout'></p>
+    </div>
+  </footer>
+</template>
+
+
+<script>
+import api from "#/api/common/index";
+export default {
+  data() {
+    return {
+      footerData: [],
+      proappEnvLayout: '',
+      // domion:process.env.API_ROOT,
+    };
+  },
+  updated() {},
+  mounted() {
+    this.getFooter();
+    this.proappEnvLayout=sessionStorage.getItem('proappEnvLayout')?JSON.parse(sessionStorage.getItem('proappEnvLayout')).proappEnvFoot:''
+  },
+  methods: {
+    th(key) {
+      return this.$th("common.pc.default.footerModules.footer.footerAns.", 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
+				}).then(res => {
+					this.footerData =
+						res &&
+						res.rows &&
+						res.rows.filter(el => {
+							return el.menuOpcode != "indexpcA";
+						});
+          this.footerData.forEach(r=>{
+            if(r.menuOpcode === 'commonProblems'){
+              r.children.push({
+                tginfoMenuName:'授权委托书下载',
+                url:process.env.API_ROOT +'/paas/shop/2019110100000001/2022-10-24/b1e7e90ee8c7448884dc9e1211990bde.docx',
+                flag:true
+              },{
+                tginfoMenuName:'变更函下载',
+                url:process.env.API_ROOT +'/paas/shop/2019110100000001/2022-10-24/09c79266fc7f436dabe23caa340b410d.doc',
+                flag:true
+              })
+              console.log(process.env.API_ROOT,'domiondomion')
+            }
+          })
+				});
+			},
+    hrefHandler(id) {
+      location.href = `/paas/pc-mall/index.html#/publicDetails?id=${id}`;
+    }
+  }
+};
+</script>
+
+<style  rel="stylesheet/scss" lang="scss" scoped >
+.ans-footer {
+  height: 280px;
+  width: 100%;
+  background: #424347;
+  .auto {
+    margin: 0 auto;
+    width: 1200px;
+    height: 225px;
+  }
+  .ans-footer--left {
+    /*width: 1100px;*/
+  }
+
+  a {
+    color: #fff;
+  }
+
+  dl {
+    margin: 40px 170px 64px 0;
+
+    dt {
+      font-size: 18px;
+      color: #fff;
+      height: 26px;
+      width: 88px;
+      margin-bottom: 6px;
+    }
+
+    dd {
+      font-size: 14px;
+      line-height: 21px;
+      opacity: .5;
+      &:hover a {
+        text-decoration: underline;
+      }
+    }
+  }
+
+  &--mini {
+    color: #fff;
+    margin-top: 40px;
+
+    img {
+      width: 88px;
+      height: 88px;
+    }
+
+    p {
+      font-size: 12px;
+      text-align: center;
+      margin-top: 15px;
+    }
+  }
+
+  &__record {
+    p {
+      text-align: center;
+      font-size: 12px;
+      color: #fff;
+      margin-bottom: 10px;
+      opacity: .51;
+
+      &:last-child {
+        margin: 0;
+      }
+    }
+  }
+}
+</style>

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

@@ -0,0 +1,117 @@
+<template>
+	<div>
+		<div class="footer bg-theme" >
+			<div class="wrapper">
+				<div class="item" v-for='(item,index) in footerData' :key='index'>
+					<span class="title">{{item.tginfoMenuName}}</span>
+					<ul>
+						<li v-for="(childItem,childIndex) in item.children" :key="childIndex">
+							<a @click="hrefHandler(childItem.menuOpcode)">{{childItem.tginfoMenuName}}</a>
+						</li>
+					</ul>
+				</div>
+			</div>
+		</div>
+		<div class="footer-reference">
+			<div class="wrapper">
+				<p>{{proappEnvLayout?proappEnvLayout: ''}}</p>
+			</div>
+		</div>
+	</div>
+</template>
+
+<script>
+	import api from "#/api/common/index";
+	export default {
+  data() {
+    return {
+      footerData: [],
+      proappEnvLayout:''
+    };
+  },
+  updated() {},
+  mounted() {
+    this.getFooter();
+    this.proappEnvLayout=sessionStorage.getItem('proappEnvLayout')?JSON.parse(sessionStorage.getItem('proappEnvLayout')).proappEnvFoot:''
+  },
+  methods: {
+   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
+							})
+//							console.log(this.tginfoCode, 'this.tginfoCode')
+							if(this.tginfoCode && this.tginfoCode.length == 1) {
+								this.getNew()
+							}else{
+								this.$message.error('底部配置失败')
+							}
+						}
+					})
+				}, 100)
+			},
+			getNew() {
+				api.queryTginfoMenuForAt({
+					tginfoCode: this.tginfoCode[0].tginfoCode
+				}).then(res => {
+					this.footerData =
+						res &&
+						res.rows &&
+						res.rows.filter(el => {
+							return el.menuOpcode != "indexpcA";
+						});
+				});
+			},
+    hrefHandler(id) {
+      location.href = `/paas/pc-mall/index.html#/publicDetails?id=${id}`;
+    }
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+	.footer {
+		width: 100%;
+		.wrapper {
+			width: 1120px;
+			margin: 0 auto;
+			display: flex;
+			justify-content: space-between;
+			.item {
+				margin-top: 50px;
+				color: #fff;
+				.title {
+					font-size: 18px;
+					font-weight: 500;
+				}
+				ul {
+					margin-top: 30px;
+					li {
+						font-size: 14px;
+						font-weight: 500;
+						margin-bottom: 15px;
+					}
+				}
+			}
+		}
+	}
+	
+	.footer-reference {
+		height: 30px;
+		.wrapper {
+			width: 1120px;
+			margin: 0 auto;
+			p {
+				text-align: center;
+				height: 50px;
+				line-height: 50px;
+				font-size: 14px;
+				font-weight: 500;
+				color: rgba(0, 0, 0, 0.6);
+			}
+		}
+	}
+</style>

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

@@ -0,0 +1,85 @@
+<template>
+  <div class="footerC">
+    <div class="container">
+      <div v-for="item in menuList" :key="item.conttitleId">
+        <p>{{ item.conttitleName }}</p>
+        <p
+            v-for="item2 in item.cmsContlistReDomainList"
+            :key="item2.contlistId"
+            @click="cutPage(item2.contlistName, item2.contlistId)"
+        >
+          {{ item2.contlistName }}
+        </p>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { queryConttitleReDomainByCode } from '#/api/apimanage.js'
+export default {
+  data() {
+    return {
+      menuList: [],
+      active: "",
+    };
+  },
+  created() {
+    this.getLeftFloor();
+  },
+  methods: {
+    cutPage(contlistName, contlistId) {
+		location.href = `/paas/b2b-cli-pc-ayd/index.html#/helpindex?contlistName=${contlistName}&contlistId=${contlistId}`;
+    },
+    getLeftFloor() {
+      let footMenuList = localStorage.getItem('footMenuList');
+      if (footMenuList) {
+        this.menuList = JSON.parse(footMenuList);
+      } else {
+        let tginfoMenuCode = "helpcenter";
+        let dataState = 2;
+        queryConttitleReDomainByCode({
+          tginfoMenuCode: "helpcenter"
+        }).then((res) => {
+          if (res) {
+            this.menuList = res;
+            localStorage.setItem('footMenuList', JSON.stringify(this.menuList));
+          }
+        })
+      }
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.footerC {
+  background-color: #56423d;
+
+  .container {
+    box-sizing: border-box;
+    width: 1200px;
+    margin: 0 auto;
+    height: 300px;
+    padding: 50px 0;
+    display: flex;
+    justify-content: space-between;
+
+    div {
+      p {
+        cursor: pointer;
+        color: #c3c2c2;
+        margin-bottom: 14px;
+        font-size: 14px;
+      }
+
+      p:nth-child(1) {
+        cursor: pointer;
+        color: #e6e4e4;
+        margin-bottom: 24px;
+        font-size: 16px;
+      }
+    }
+  }
+}
+</style>

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

@@ -0,0 +1,155 @@
+<template>
+	<footer class="bottom">
+		<ul class="bottom_lab">
+			<li class="ym_li1" >
+				<p>服务与帮助</p>
+				<ul class="ym_ul1">
+					<li></li>
+					<li @click="toDetail(1603)">常见FAQ</li>
+					<li @click="toDetail(1602)">实用工具</li>
+					<li @click="toDetail(1601)">实用课堂</li>
+					<li @click="toDetail(1600)">开发者新区</li>
+				</ul>
+			</li>
+			<li class="ym_li1" >
+				<p >热门商品与服务</p>
+				<ul class="ym_ul1">
+					<li></li>
+					<li @click="toDetail(1607)">常见FAQ</li>
+					<li @click="toDetail(1606)">实用工具</li>
+					<li @click="toDetail(1605)">实用课堂</li>
+					<li @click="toDetail(1604)">开发者新区</li>
+				</ul>
+			</li>
+			<li class="ym_li1">
+				<p >关于我们</p>
+				<ul class="ym_ul1">
+					<li></li>
+					<li @click="toDetail(1615)">常见FAQ</li>
+					<li @click="toDetail(1614)">实用工具</li>
+					<li @click="toDetail(1613)">实用课堂</li>
+					<li @click="toDetail(1608)">开发者新区</li>
+				</ul>
+			</li>
+			<li class="ym_li1" >
+				<p >联系我们</p>
+				<ul class="ym_ul1">
+					<li></li>
+					<li @click="toDetail(1615)">常见FAQ</li>
+					<li @click="toDetail(1615)">实用工具</li>
+					<li @click="toDetail(1615)">实用课堂</li>
+					<li @click="toDetail(1615)">开发者新区</li>
+				</ul>
+			</li>
+		</ul>
+	</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() {
+		},
+		methods: {
+			toDetail(type){
+                this.$router.push({
+                    path:'/articleDetail',
+                    query:{
+                        id:type
+                    }
+                })
+            }
+			
+		}
+	};
+</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%;
+		height: 287px;
+		color: white;
+		background-color: #333333;
+		background-size: 100% 100%;
+        margin-top: 40px;
+	}
+
+	.bottom_lab {
+		width: 1200px;
+		margin: 0 auto;
+		height: 100%;
+		display: flex;
+		justify-content: center;
+		.ym_li1 {
+			width: 23%;
+			margin-left: 130px;
+			height: 100%;
+			>p {
+				font-size:18px;
+				font-weight:500;
+				line-height:46px;
+				color: #FFFFFF;
+                cursor: pointer;
+			}
+			.ym_ul1 {
+				width: 100%;
+				height: 100%;
+				li {
+					width: 100%;
+					margin-top: 13px;
+					cursor: pointer;
+				}
+				a {
+					color: white;
+				}
+			}
+			.ym_ul1>li:first-child {
+				width: 60px;
+				height: 2px;
+				background:rgba(181,181,181,1);
+				margin: 13px 0 28px;
+			}
+		}
+	}
+
+</style>