qj-happy-common-zhongjian 1.0.27

package/src/views/pc/default/footer-modules/DgFooter/index.vue

@@ -0,0 +1,179 @@
+<template>
+  <div class="dgFooter">
+    <div class="dgFooter-wrap">
+      <div class="dgFooter-floor flex-between">
+        <div class="character">
+          <img class="character-img" :src="require('./images/icon-ppbz.png')" alt="" />
+          <div class="character-info">
+            <span>品牌保障</span>
+            <!-- <span class="character-info_tip">6666666666666666</span> -->
+          </div>
+        </div>
+        <div class="character">
+          <img class="character-img" :src="require('./images/icon-hhyj.png')" alt="" />
+          <div class="character-info">
+            <span>好货云集</span>
+            <!-- <span class="character-info_tip">6666666666666666</span> -->
+          </div>
+        </div>
+        <div class="character">
+          <img class="character-img" :src="require('./images/icon-plqq.png')" alt="" />
+          <div class="character-info">
+            <span>品类齐全</span>
+            <!-- <span class="character-info_tip">6666666666666666</span> -->
+          </div>
+        </div>
+        <div class="character">
+          <img class="character-img" :src="require('./images/icon-hyzx.png')" alt="" />
+          <div class="character-info">
+            <span>会员专享</span>
+            <!-- <span class="character-info_tip">6666666666666666</span> -->
+          </div>
+        </div>
+      </div>
+      <div class="dgFooter-floor flex-between" v-if="footerList.length">
+        <dl class="list" v-for="item in footerList" :key="item.tginfoMenuId">
+          <dt>{{ item.tginfoMenuName }}</dt>
+          <dd v-for="v in item.children" :key="v.tginfoMenuId" @click="linkTo(v.menuOpcode)">
+            {{ v.tginfoMenuName }}
+          </dd>
+        </dl>
+      </div>
+      <div class="dgFooter-floor">
+        <ul class="list-copyright" v-if="copyrightList">
+          <li v-for="item in copyrightList.cmsDoclistReDomainBeans" :key="item.doclistId">
+            <a :href="`${secDomainName}/paas/pc-mall/index.html#/noticeInformationDetails?noticeId=${item.doclistId}`">{{ item.doclistTitleNew }}</a>
+          </li>
+        </ul>
+        <div class="copyright">Copyright© 广州中国南方电网有限公司版权所有 粤ICP备00000000号</div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { getDgTagInfo } from '#/api/shopFbu';
+export default {
+  name: 'DgFooter',
+  data() {
+    return {
+      footerList: [],
+      copyrightList: null,
+      secDomainName:null
+    };
+  },
+  created() {
+    this.getFooterList();
+  },
+   mounted() {
+    setTimeout(()=>{
+      this.secDomainName = sessionStorage.getItem('secDomainName')
+    },50)
+  },
+  methods: {
+    linkTo(url) {
+      if (url) {
+        location.href = `${this.secDomainName}/paas/pc-mall/index.html#/noticeInformationList?tginfoMenuCode=${url}`;
+      }
+    },
+    getFooterList() {
+      getDgTagInfo({
+        tginfoCode: '422893738314956800',
+      }).then((res) => {
+        if (res && res.list) {
+          this.footerList = res.list.filter((v) => {
+            return !v.tginfoMenuName.includes('底部信息');
+          });
+          this.copyrightList = res.list.find((v) => {
+            return v.tginfoMenuName.includes('底部信息');
+          });
+        }
+      });
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.dgFooter {
+  background-color: #445268;
+  color: #fff;
+  font-size: 14px;
+  &-wrap {
+    margin: 0 auto;
+    width: 1200px;
+  }
+  &-floor {
+    padding: 40px 0;
+    border-bottom: 1px solid #979797;
+    &:last-of-type {
+      border-bottom: none;
+    }
+  }
+  .flex-between {
+    display: flex;
+    justify-content: space-between;
+  }
+  .list {
+    white-space: nowrap;
+    margin-right: 5px;
+    &:last-of-type {
+      margin-bottom: 0;
+    }
+    & > dt {
+      margin-bottom: 10px;
+      font-size: 18px;
+      line-height: 24px;
+      font-weight: 600;
+    }
+    & > dd {
+      margin-bottom: 10px;
+      font-size: 14px;
+      line-height: 20px;
+      cursor: pointer;
+      &:last-of-type {
+        margin-bottom: 0;
+      }
+    }
+  }
+  .character {
+    display: flex;
+    min-width: 200px;
+    &-img {
+      height: 52px;
+    }
+    &-info {
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      padding-left: 16px;
+      font-size: 18px;
+      line-height: 24px;
+      &_tip {
+        margin-top: 8px;
+        font-size: 12px;
+        line-height: 16px;
+      }
+    }
+  }
+
+  .list-copyright {
+    display: flex;
+    justify-content: center;
+    margin-bottom: 12px;
+    & > li {
+      padding: 0 36px;
+      line-height: 14px;
+      &:not(:last-of-type) {
+        border-right: 1px solid #fff;
+      }
+      a {
+        color: #fff;
+      }
+    }
+  }
+  .copyright {
+    text-align: center;
+  }
+}
+</style>

package/src/views/pc/default/footer-modules/DgFooter/indexSDX.vue

@@ -0,0 +1,187 @@
+<template>
+  <div class="dgFooter">
+    <div class="dgFooter-wrap">
+      <div class="dgFooter-floor flex-between">
+        <div class="character">
+          <img class="character-img" :src="require('./images/icon-ppbz.png')" alt="" />
+          <div class="character-info">
+            <span>品牌保障</span>
+            <!-- <span class="character-info_tip">6666666666666666</span> -->
+          </div>
+        </div>
+        <div class="character">
+          <img class="character-img" :src="require('./images/icon-hhyj.png')" alt="" />
+          <div class="character-info">
+            <span>好货云集</span>
+            <!-- <span class="character-info_tip">6666666666666666</span> -->
+          </div>
+        </div>
+        <div class="character">
+          <img class="character-img" :src="require('./images/icon-plqq.png')" alt="" />
+          <div class="character-info">
+            <span>品类齐全</span>
+            <!-- <span class="character-info_tip">6666666666666666</span> -->
+          </div>
+        </div>
+        <div class="character">
+          <img class="character-img" :src="require('./images/icon-hyzx.png')" alt="" />
+          <div class="character-info">
+            <span>会员专享</span>
+            <!-- <span class="character-info_tip">6666666666666666</span> -->
+          </div>
+        </div>
+      </div>
+      <div class="dgFooter-floor flex-between" v-if="footerList.length">
+        <dl class="list" v-for="item in footerList" :key="item.tginfoMenuId">
+          <dt>{{ item.tginfoMenuName }}</dt>
+          <dd v-for="v in item.children" :key="v.tginfoMenuId" @click="linkTo(v.menuOpcode)">
+            {{ v.tginfoMenuName }}
+          </dd>
+        </dl>
+      </div>
+      <div class="dgFooter-floor">
+        <ul class="list-copyright" v-if="copyrightList">
+          <li v-for="item in copyrightList.cmsDoclistReDomainBeans" :key="item.doclistId">
+            <a :href="`${secDomainName}/paas/pc-mall/index.html#/noticeInformationDetails?noticeId=${item.doclistId}`">{{ item.doclistTitleNew }}</a>
+          </li>
+        </ul>
+        <div class="copyright">{{proappEnvFoot.proappEnvFoot}}</div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { getDgTagInfo } from '#/api/shopFbu';
+export default {
+  name: 'DgFooter',
+  data() {
+    return {
+      footerList: [],
+      copyrightList: null,
+      secDomainName:null
+    };
+  },
+  computed: {
+    proappEnvFoot() {
+      let proappEnvFoot  = sessionStorage.getItem("proappEnvLayout")
+        ? JSON.parse(sessionStorage.getItem("proappEnvLayout"))
+        : null;
+      return proappEnvFoot;
+    },
+  },
+  created() {
+    this.getFooterList();
+  },
+  mounted() {
+    setTimeout(()=>{
+      this.secDomainName = sessionStorage.getItem('secDomainName')
+    },50)
+  },
+  methods: {
+    // linkTo(url) {
+    //   if (url) {
+    //     location.href = `/paas/pc-mall/index.html#/noticeInformationList?tginfoMenuCode=${url}`;
+    //   }
+    // },
+    getFooterList() {
+      getDgTagInfo({
+        tginfoCode: '422893738314956800',
+      }).then((res) => {
+        if (res && res.list) {
+          this.footerList = res.list.filter((v) => {
+            return !v.tginfoMenuName.includes('底部信息');
+          });
+          this.copyrightList = res.list.find((v) => {
+            return v.tginfoMenuName.includes('底部信息');
+          });
+        }
+      });
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.dgFooter {
+  background-color: #445268;
+  color: #fff;
+  font-size: 14px;
+  &-wrap {
+    margin: 0 auto;
+    width: 1200px;
+  }
+  &-floor {
+    padding: 40px 0;
+    border-bottom: 1px solid #979797;
+    &:last-of-type {
+      border-bottom: none;
+    }
+  }
+  .flex-between {
+    display: flex;
+    justify-content: space-between;
+  }
+  .list {
+    white-space: nowrap;
+    margin-right: 5px;
+    &:last-of-type {
+      margin-bottom: 0;
+    }
+    & > dt {
+      margin-bottom: 10px;
+      font-size: 18px;
+      line-height: 24px;
+      font-weight: 600;
+    }
+    & > dd {
+      margin-bottom: 10px;
+      font-size: 14px;
+      line-height: 20px;
+      cursor: pointer;
+      &:last-of-type {
+        margin-bottom: 0;
+      }
+    }
+  }
+  .character {
+    display: flex;
+    min-width: 200px;
+    &-img {
+      height: 52px;
+    }
+    &-info {
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      padding-left: 16px;
+      font-size: 18px;
+      line-height: 24px;
+      &_tip {
+        margin-top: 8px;
+        font-size: 12px;
+        line-height: 16px;
+      }
+    }
+  }
+
+  .list-copyright {
+    display: flex;
+    justify-content: center;
+    margin-bottom: 12px;
+    & > li {
+      padding: 0 36px;
+      line-height: 14px;
+      &:not(:last-of-type) {
+        border-right: 1px solid #fff;
+      }
+      a {
+        color: #fff;
+      }
+    }
+  }
+  .copyright {
+    text-align: center;
+  }
+}
+</style>

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

@@ -0,0 +1,172 @@
+<template>
+  <div class="footer-wrap">
+    <div class="footer-box">
+      <div class="bottm w1200 m0a t-box" v-if="showFooter">
+        <div class="left t-box">
+          <dl class="t-box-flex1" style="width:auto" v-for="(item,index) in footer" :key="index">
+            <dt>
+              <i>
+                <img :src="item.img" />
+              </i>
+              {{item.title}}
+            </dt>
+            <dd v-for="(info, index1) in item.item" :key="index1">{{info}}</dd>
+          </dl>
+        </div>
+        <!-- <div class="right">
+          <p>
+            关注我们
+            <i class="iconfont icon-xinlang"></i>
+            <i class="iconfont icon-weixin"></i>
+          </p>
+        </div>-->
+      </div>
+      <p class="copyright">{{footerInfo && footerInfo.proappEnvFoot}}</p>
+    </div>
+  </div>
+</template>
+
+
+<script>
+export default {
+  data() {
+    return {
+      showFooter: true,
+      footer: [
+        {
+          title: "新手指南",
+          img: require("../assets/xinshou.png"),
+          item: ["会员注册", "购物流程", "帮助中心"]
+        },
+        {
+          title: "会员中心",
+          img: require("../assets/huiyuan.png"),
+          item: ["会员制度", "积分政策"]
+        },
+        {
+          title: "配送方式",
+          img: require("../assets/peisong.png"),
+          item: ["配送说明", "运费说明", "配送范围"]
+        },
+        {
+          title: "售后服务",
+          img: require("../assets/shouhou.png"),
+          item: ["换货流程", "退货流程"]
+        },
+        {
+          title: "商家中心",
+          img: require("../assets/shangjia.png"),
+          item: ["入驻流程", "招商简介"]
+        },
+        {
+          title: "关于我们",
+          img: require("../assets/about.png"),
+          item: ["公司简介", "联系方式"]
+        }
+      ]
+    };
+  },
+  mounted() {
+    this.footer.forEach((el, index) => {
+      el.title = this.th(`title[${index}]`);
+      el.item = this.th(`item[${index}]`);
+    });
+  },
+  updated() {
+    this.footer.forEach((el, index) => {
+      el.title = this.th(`title[${index}]`);
+      el.item = this.th(`item[${index}]`);
+    });
+  },
+  computed: {
+    footerInfo() {
+      let footerInfo = sessionStorage.getItem("proappEnvLayout")
+        ? JSON.parse(sessionStorage.getItem("proappEnvLayout"))
+        : null;
+      return footerInfo;
+    }
+  },
+  methods: {
+    th(key) {
+      this.$th("common.pc.default.footerModules.footer.footer.", key);
+    }
+  }
+};
+</script>
+
+<style  rel="stylesheet/scss" lang="scss" scoped >
+.footer-wrap {
+  margin-top: 30px;
+  border-top: 2px solid rgba(243, 243, 243, 1);
+  .footer-box {
+    // height: 42px;
+    line-height: 42px;
+    width: 100%;
+    background-color: #fff;
+    border-top: solid 1px #f3f3f3;
+    .bottm {
+      padding: 38px 0 43px;
+      .left {
+        box-sizing: border-box;
+        // margin:auto;
+        margin-left: 184px;
+      }
+      dl {
+        margin-right: 106px;
+      }
+      dt {
+        font-size: 14px;
+        font-weight: normal;
+        line-height: 16px;
+        position: relative;
+        color: #666;
+        margin-bottom: 18px;
+        i {
+          position: absolute;
+          left: -28px;
+          display: block;
+          height: 20px;
+          width: 28px;
+          img {
+            max-height: 100%;
+            max-weight: 100%;
+          }
+        }
+      }
+      dd {
+        font-size: 12px;
+        font-weight: normal;
+        line-height: 12px;
+        color: #999999;
+        margin-bottom: 10px;
+      }
+      .right {
+        padding-left: 30px;
+        img {
+          margin-bottom: 100px;
+        }
+        p {
+          font-size: 14px;
+          font-weight: bold;
+          line-height: 60px;
+          color: #666;
+          i {
+            margin-left: 30px;
+            font-weight: normal;
+            font-size: 20px;
+            padding-top: 10px;
+          }
+        }
+      }
+    }
+    .copyright {
+      text-align: center;
+      display: block;
+      color: #999;
+      border-top: solid 1px rgba(243, 243, 243, 1);
+      line-height: 40px;
+      font-size: 14px;
+    }
+  }
+}
+</style>

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

@@ -0,0 +1,168 @@
+<template>
+  <footer class="ans-footer">
+    <div class="auto flex-between">
+      <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 @click="hrefHandler(childItem.menuOpcode)">{{childItem.tginfoMenuName}}</a>
+          </dd>
+        </dl>
+      </div>
+      <div class="ans-footer--mini">
+        <img src="../assets/dllgwap.png" alt />
+        <p>{{th('erTitle')}}</p>
+      </div>
+    </div>
+    <div class="ans-footer__record flex-between">
+      <p>© 2018 All rights reserved.</p>
+      <p>{{th('record')}}</p>
+    </div>
+  </footer>
+</template>
+
+
+<script>
+import api from "#/api/common/index";
+export default {
+  data() {
+    return {
+      footerData: [],
+      // domion:process.env.API_ROOT,
+    };
+  },
+  updated() {},
+  mounted() {
+    this.getFooter();
+  },
+  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
+							})
+//							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";
+						});
+          this.footerData.forEach(r=>{
+            if(r.menuOpcode === 'commonProblems'){
+              r.children.push({
+                tginfoMenuName:'授权委托书下载',
+                url: 'https://qjstatic.oss-cn-shanghai.aliyuncs.com/excel/powerOfAttorneyNew.docx',
+                flag:true
+              },{
+                tginfoMenuName:'变更函下载',
+                url:process.env.API_ROOT +'/电商平台变更申请审批表.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: 320px;
+  width: 100%;
+  background: #495770;
+  .auto {
+    margin: 0 auto 22px;
+    width: 1200px;
+    height: 225px;
+  }
+
+  a {
+    color: #fff;
+  }
+
+  dl {
+    margin: 0 128px 0 0;
+
+    dt {
+      font-size: 18px;
+      color: #fff;
+      height: 26px;
+      width: 88px;
+     padding-bottom: 6px;
+    }
+
+    dd {
+      font-size: 14px;
+      line-height: 22px;
+      margin-top:14px;
+      &:hover a {
+        text-decoration: underline;
+      }
+    }
+  }
+  &--left{
+       border-right: 1px solid #fff;
+    margin-top: 44px;
+  }
+  &--mini {
+    color: #fff;
+    width: 140px;
+    text-align: center;
+    margin-top: 40px;
+    margin-left: 130px;
+    img {
+      width: 140px;
+      height: 140px;
+    }
+
+    p {
+      font-size: 18px;
+      text-align: center;
+      margin-top: 15px;
+      font-weight: 500;
+    }
+  }
+
+  &__record {
+   width: 1200px;
+   margin: 0 auto;
+    border-top: 1px solid #98A3B7;
+    line-height: 70px;
+    p {
+      text-align: center;
+      font-size: 12px;
+      color: #fff;
+  
+    }
+  }
+}
+.flex-between{
+     display: flex;
+    justify-content: space-between;
+}
+</style>