qj-happy-common-zhongjian 1.0.27

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

@@ -0,0 +1,270 @@
+<template>
+  <footer class="bottom">
+    <div class="footer_base auto">
+      <div class="foo-bi" v-if="footerData && footerData.length">
+        <ul class="clearfix">
+          <li class="newBdin" v-for="(item, index) in footerData" :key="index">
+            <div class="newBbc">
+              <i v-if="item.memo" :class="['iconfont', item.memo]"></i>
+              <span>{{ item.tginfoMenuName }}</span>
+            </div>
+            <ul>
+              <li v-for="(childItem, childIndex) in item.children" :key="childIndex">
+                <a @click="hrefHandler(childItem.menuOpcode)">{{ childItem.tginfoMenuName }}</a>
+              </li>
+            </ul>
+          </li>
+        </ul>
+      </div>
+    </div>
+    <div class="foo-pi">
+      <div>{{ footerInfo && footerInfo.proappEnvFoot }}</div>
+    </div>
+  </footer>
+</template>
+
+<script>
+import api from '#/api/common/index';
+export default {
+  data() {
+    return {
+      footerData: [],
+      tginfoCode: [],
+    };
+  },
+  updated() {},
+  mounted() {
+    this.getFooter();
+  },
+  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, window.localStorage.getItem('saas-tginfocode'), 'this.tginfoCode');
+            if ((this.tginfoCode && this.tginfoCode.length == 1) || window.localStorage.getItem('saas-tginfocode')) {
+              this.getNew();
+            } else {
+              // this.$message.error('底部配置失败');
+            }
+          }
+        });
+      }, 100);
+    },
+    getNew() {
+      api
+        .queryTginfoMenuForAt({
+          tginfoCode: this.tginfoCode[0].tginfoCode ? this.tginfoCode[0].tginfoCode : window.localStorage.getItem('saas-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}`;
+    },
+  },
+  computed: {
+    footerInfo() {
+      let footerInfo = sessionStorage.getItem('proappEnvLayout') ? JSON.parse(sessionStorage.getItem('proappEnvLayout')) : null;
+      return footerInfo;
+    },
+  },
+};
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+.bottom {
+  width: 100%;
+  height: 198px;
+  background: white;
+  z-index: 9999;
+  border-top: 1px solid #f3f3f3;
+  .footer_base {
+    margin: 0 auto;
+    width: 1200px;
+    height: 159px;
+    .foo-bi {
+      margin: 0 auto;
+      width: 1200px;
+      > ul {
+        margin: 0 auto;
+        padding-top: 38px;
+        box-sizing: border-box;
+        .newBdin {
+          .newBbc {
+            > span {
+              font-weight: bold;
+              color: #333333;
+              font-size: 14px;
+              margin-bottom: 9px;
+              display: inline-block;
+            }
+          }
+        }
+        > li {
+          float: left;
+          width: 240px;
+          margin: 0;
+          text-align: center;
+          > ul {
+            margin-left: 22px;
+            > li {
+              //font-weight: bold;
+              color: #999999;
+              font-size: 14px;
+              padding-bottom: 8px;
+              > a {
+                color: #666666;
+                font-size: 12px;
+              }
+            }
+            > li:nth-child(2) {
+            }
+          }
+        }
+        > li:nth-child(6) {
+          border-left: 1px solid #f3f3f3;
+          padding: 32.5px 0 32.5px 8%;
+          box-sizing: border-box;
+          > span {
+            font-size: 12px;
+            float: left;
+            vertical-align: middle;
+            display: inline-block;
+            color: #333333;
+            > a {
+              color: #333333;
+              vertical-align: middle;
+              display: inline-block;
+              margin-right: 19px;
+            }
+            > i {
+              cursor: pointer;
+              margin-right: 12px;
+            }
+          }
+        }
+      }
+    }
+  }
+  .foo-pi {
+    width: 100%;
+    height: 38px;
+    > div {
+      padding: 10px 0;
+      border-top: 1px solid #f3f3f3;
+      font-size: 12px;
+      text-align: center;
+      color: #999999;
+    }
+  }
+}
+
+//right
+.maxx-flex {
+  display: none;
+  position: fixed;
+  bottom: 50%;
+  right: 50%;
+  z-index: 9999;
+  margin-bottom: -40px;
+  margin-right: -675px;
+  .maxx-icon {
+    > ul {
+      //width: 68px;
+      height: 100%;
+      background: rgba(245, 245, 245, 0);
+      .KaNop {
+        cursor: pointer;
+        width: 44px;
+        height: 44px;
+        line-height: 43px;
+        margin: 0 auto;
+        text-align: center;
+        background-color: #fafafa;
+        margin-bottom: 2px;
+        > a {
+          > i {
+            font-size: 20px;
+            color: #999999;
+          }
+        }
+        > a:hover {
+        }
+      }
+      .KaTwwop {
+        cursor: pointer;
+        width: 44px;
+        height: 44px;
+        //line-height: 43px;
+        margin: 0 auto;
+        text-align: center;
+        //opacity : 0.0015;
+        background-color: #fafafa;
+        margin-bottom: 2px;
+        position: relative;
+        > a {
+          > i {
+            font-size: 20px;
+            color: #999999;
+          }
+          .newTwop {
+            color: #666666;
+            position: absolute;
+            font-size: 12px;
+            display: inline-block;
+            top: 21px;
+            left: 1px;
+            width: 44px;
+          }
+        }
+      }
+    }
+  }
+}
+
+.bottom {
+  background: #f5f5f5;
+  height: auto;
+  padding-bottom: 10px;
+  .footer_base {
+    height: auto;
+    .foo-bi {
+      width: 1200px;
+      > ul > li {
+        width: 240px;
+        margin: 0 !important;
+        text-align: center;
+      }
+    }
+  }
+  .foo-pi {
+    margin-top: 20px;
+    li {
+      font-size: 13px;
+      a {
+        color: #666;
+      }
+      padding: 0 10px;
+      border-right: 1px solid #999;
+      height: 12px;
+      line-height: 12px;
+      &:last-child {
+        border-right: 0;
+      }
+    }
+  }
+}
+</style>

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

@@ -0,0 +1,201 @@
+<template>
+  <footer class="bottomNew">
+    <div class="footer_base auto">
+      <div class="foo-bi" v-if="footerData && footerData.length">
+        <ul class="clearfix">
+          <li class="newBdin" v-for="(item, index) in footerData" :key="index">
+            <div class="newBbc">
+              <i v-if="item.memo" :class="['iconfont', item.memo]"></i>
+              <span>{{ item.tginfoMenuName }}</span>
+            </div>
+            <ul>
+              <li v-for="(childItem, childIndex) in item.children" :key="childIndex">
+                <a @click="hrefHandler(childItem.menuOpcode)" class="c-themeHover">{{ childItem.tginfoMenuName }}</a>
+              </li>
+            </ul>
+          </li>
+        </ul>
+      </div>
+    </div>
+    <div class="foo-pi" v-show='bottom'>
+      <div v-html='bottom'></div>
+    </div>
+  </footer>
+</template>
+
+<script>
+import api from '#/api/common/index';
+export default {
+  data() {
+    return {
+      footerData: [],
+      tginfoCode: [],
+    };
+  },
+  mounted() {
+    // this.getFooter();
+    this.getNew();
+  },
+  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;
+              });
+            console.log(this.tginfoCode, window.localStorage.getItem('saas-tginfocode'), 'this.tginfoCode');
+            if ((this.tginfoCode && this.tginfoCode.length == 1) || window.localStorage.getItem('saas-tginfocode')) {
+              this.getNew();
+            } else {
+              this.$message.error('底部配置失败');
+            }
+          }
+        });
+      }, 100);
+    },
+    getNew() {
+      // {
+      //     tginfoCode: this.tginfoCode[0].tginfoCode ? this.tginfoCode[0].tginfoCode : window.localStorage.getItem('saas-tginfocode'),
+      //   })
+      api.queryTginfoMenuForAt().then(res => {
+          this.footerData =
+            res &&
+            res.rows &&
+            res.rows.filter(el => {
+              return el.menuOpcode != 'indexpcA'&&el.menuOpcode != 'b2bindpc';
+            });
+        });
+    },
+    hrefHandler(id) {
+      location.href = `/paas/pc-mall/index.html#/publicDetails?id=${id}`;
+    },
+  },
+  computed:{
+    bottom(){
+      let foot=sessionStorage.getItem('proappEnvLayout')?JSON.parse(sessionStorage.getItem('proappEnvLayout')):''
+      return foot&&foot.proappEnvFoot
+    }
+  }
+};
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+.bottomNew {
+  width: 100%;
+  z-index: 9999;
+  border-top: 1px solid #f3f3f3;
+  .footer_base {
+    margin: 0 auto;
+    width: 1200px;
+    .foo-bi {
+      margin: 0 auto;
+      > ul {
+        margin: 0 auto;
+        padding-top: 38px;
+        box-sizing: border-box;
+        display: flex;
+        flex-wrap:nowrap;
+        .newBdin {
+          flex:1;
+          .newBbc {
+            > span {
+              font-weight: bold;
+              color: #333333;
+              font-size: 14px;
+              margin-bottom: 9px;
+              display: inline-block;
+            }
+          }
+        }
+        > li {
+          > ul {
+            > li {
+              color: #999999;
+              font-size: 14px;
+              padding-bottom: 8px;
+              > a {
+                color: #666666;
+                font-size: 12px;
+              }
+            }
+            
+          }
+        }
+        > li:nth-child(6) {
+          border-left: 1px solid #f3f3f3;
+          padding: 32.5px 0 32.5px 8%;
+          box-sizing: border-box;
+          > span {
+            font-size: 12px;
+            float: left;
+            vertical-align: middle;
+            display: inline-block;
+            color: #333333;
+            > a {
+              color: #333333;
+              vertical-align: middle;
+              display: inline-block;
+              margin-right: 19px;
+            }
+            > i {
+              cursor: pointer;
+              margin-right: 12px;
+            }
+          }
+        }
+      }
+    }
+  }
+  .foo-pi {
+    width: 100%;
+    height: 38px;
+    > div {
+      padding: 10px 0;
+      border-top: 1px solid #f3f3f3;
+      font-size: 12px;
+      text-align: center;
+      color: #999999;
+    }
+  }
+}
+
+.bottomNew {
+  background: #f5f5f5;
+  height: auto;
+  padding-bottom: 10px;
+  .footer_base {
+    height: auto;
+    .foo-bi {
+      width: 1200px;
+      > ul > li {
+        width: 240px;
+        margin: 0 !important;
+        text-align: center;
+      }
+    }
+  }
+  .foo-pi {
+    margin-top: 20px;
+    li {
+      font-size: 13px;
+      a {
+        color: #666;
+      }
+      padding: 0 10px;
+      border-right: 1px solid #999;
+      height: 12px;
+      line-height: 12px;
+      &:last-child {
+        border-right: 0;
+      }
+    }
+  }
+}
+</style>

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

@@ -0,0 +1,153 @@
+<template>
+  <div class="footer">
+    <div class="bottom-top" v-if="!flagSale">
+      <div class="wordS-t">
+        <ul>
+          <li @click="toAboutUs">关于我们</li>
+          <li>|</li>
+          <li @click="toCommonQuestion">常见问题</li>
+          <li v-if="showFlag">|</li>
+          <li @click="toPointsMall" v-if="showFlag">积分商城</li>
+          <li>|</li>
+          <li @click="tocompany">企业认证</li>
+        </ul>
+      </div>
+    </div>
+    <div class="bottom-b" :style="backgroundDiv">
+      <div class="wordS-b">2021 Herdelberger Druckmaschinen AG | 沪ICP备19003592号-1</div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { flowClickFn } from '#/utils/routeMapping.js';
+export default {
+  name: '',
+  data() {
+    return {
+      showFlag: true,
+      userInfo: {
+        userinfoQuality: '',
+      },
+      backgroundDiv: {
+        backgroundImage: 'url(' + 'http://uatb2bcockpit.heidelbergchina.com//paas/shop/2020063000000001/2021-12-04/0c0b9a9670614b4d913d29cca650bbb7.png' + ')',
+        backgroundRepeat: 'no-repeat',
+        backgroundSize: '100%' + '100%',
+        width: '100%',
+        height: '44px',
+      },
+      flagSale: false, // 销售状态
+    };
+  },
+  components: {},
+  created() {
+    if (window.sessionStorage.getItem('flagSale')) {
+      this.flagSale = JSON.parse(window.sessionStorage.getItem('flagSale'));
+    }
+    // if (localStorage.getItem('showPoints')) {
+    //   this.showFlag = false;
+    // } else {
+    //   this.showFlag = true;
+    // }
+
+    if (window.sessionStorage.getItem('personalInfo')) {
+      this.userInfo = JSON.parse(window.sessionStorage.getItem('personalInfo'));
+    } else {
+      this.$store.dispatch('GetInfo');
+    }
+    this.$forceUpdate();
+  },
+  mounted() {},
+  methods: {
+    tocompany() {
+      flowClickFn("FOOT", "-", "企业认证");
+      this.isLogin(`/paas/user-manager/index.html#/certificationSee`);
+    },
+
+    toPointsMall() {
+      flowClickFn("FOOT", "-", "积分商城");
+      // this.isLogin();
+      // //跳转积分商城
+      // window.location.href = `/paas/pc-mall/index.html#/classificationHdb`;
+      this.isLogin(`/paas/pc-mall/index.html#/classificationHdb`);
+    },
+    getPointsMall() {},
+    //判断是否用户登录
+    isLogin(url) {
+      const personalInfoStr = window.sessionStorage.getItem('personalInfo');
+      if (personalInfoStr) {
+        const personalInfoObj = JSON.parse(personalInfoStr);
+        if (!personalInfoObj.userInfoCode) {
+          window.location.href = `/paas/index/index.html#/loginPc`;
+        } else {
+          window.location.href = url;
+        }
+      } else {
+        window.location.href = `/paas/index/index.html#/loginPc`;
+      }
+    },
+    toCommonQuestion() {
+      flowClickFn("FOOT", "-", "常见问题");
+      // 跳转常见问题
+      window.location.href = `/paas/pc-mall/index.html#/commonQuestionHdb`;
+      // this.$router.push({
+      //   path: '/commonQuestionHdb',
+      // });
+    },
+    toAboutUs() {
+      flowClickFn("FOOT", "-", "关于我们");
+      // 跳转关于我们
+      window.location.href = `/paas/pc-mall/index.html#/aboutUs`;
+      // this.$router.push({
+      //   path: '/aboutUs',
+      // });
+    },
+  },
+};
+</script>
+<style lang="scss" scoped>
+.footer {
+  margin-top: 40px;
+  // position: fixed;
+  // bottom: 0;
+  .bottom-top {
+    border-top: 1px solid #eeeeee;
+    height: 69px;
+    .wordS-t {
+      width: 1200px;
+      margin: 0 auto;
+      ul {
+        padding: 0;
+        display: flex;
+        margin: 0px;
+        margin: 0 auto;
+        width: 380px;
+        line-height: 69px;
+        li {
+          margin-right: 14px;
+          color: #333;
+        }
+      }
+      ul li:nth-child(2n + 1) {
+        cursor: pointer;
+      }
+      ul,
+      li {
+        list-style: none;
+      }
+    }
+  }
+  .bottom-b {
+    height: 44px;
+    .wordS-b {
+      width: 1200px;
+      margin: 0 auto;
+      text-align: center;
+      line-height: 44px;
+      font-size: 14px;
+      font-weight: 400;
+      color: #ffffff;
+    }
+  }
+}
+</style>

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

@@ -0,0 +1,63 @@
+<template>
+	<div class="footer">
+		<div>
+			版权所有&nbsp;&nbsp;湖南皇爷食品有限公司&nbsp;&nbsp;<img
+				src="../assets/icp.png"
+				alt=""
+			/>&nbsp;&nbsp;<a href="http://beian.miit.gov.cn"><span>湘公网安备&nbsp;43032102000209号</span>
+      <span>湘ICP备16007191号-1</span></a>
+      <!-- <span>网站建设：中企动力&nbsp;&nbsp;长沙</span>&nbsp;|&nbsp;
+      <span>后台管理</span> -->
+		</div>
+    <!-- <div>生产地址：湖南省湘潭市湘潭县易俗河镇碧泉潭西路366号<span>市场部：0737-3802721</span><span>邮箱：hnhysp@163.com</span></div> -->
+		<p></p>
+	</div>
+</template>
+
+<script>
+export default {
+	data() {
+		return {
+			footerinfor: "",
+		};
+	},
+	mounted() {
+		setTimeout(() => {
+			this.footerinfor = sessionStorage.getItem("proappEnvLayout")
+				? JSON.parse(sessionStorage.getItem("proappEnvLayout"))
+				: null;
+		}, 100);
+	},
+};
+</script>
+<style lang="scss" scoped>
+.footer {
+	border-top: 1px solid #f3f3f3;
+	text-align: center;
+	// width: 1200px;
+	width: 100%;
+	height: 50px;
+	margin: 0 auto;
+	background-color: #ffffff;
+	line-height: 20px;
+	font-size: 14px;
+	color: #999999;
+	position: relative;
+  padding-top: 10px;
+	bottom: 0;
+	.follow {
+		margin-left: 208px;
+		float: left;
+	}
+	.icon {
+		float: left;
+		i {
+			margin-left: 20px;
+		}
+	}
+	.License {
+		margin-left: 110px;
+		float: left;
+	}
+}
+</style>