jjx-web-sign-only/components/common-footer/common-footer.vue

<template>
  <view id="footer">
    <div class="group-foot">
      <div class="group-foot-inner">
        <div class="mod-contact">
          <dl>
            <dt>关于金久信</dt>
            <dd>
              <ul>
                <li v-for="(item, index) in aboutList" :key="index"><a rel="nofollow" href="javascript:;"
                                                                       @click="navTo(`/pages/otherArticle/detail?id=${item._id}`)">{{
                    item.name
                  }}</a>
                </li>
              </ul>
            </dd>
          </dl>
        </div>
        <div class="mod-contact">
          <dl>
            <dt>常见问题</dt>
            <dd>
              <ul>
                <li v-for="(item, index) in oldList" :key="index"><a rel="nofollow" href="javascript:;"
                                                                     @click="navTo(`/pages/otherArticle/detail?id=${item._id}`)">{{
                    item.name
                  }}</a>
                </li>
              </ul>
            </dd>
          </dl>
        </div>
        <div class="mod-contact">
          <dl>
            <dt>帮助中心</dt>
            <dd>
              <ul>
                <li v-for="(item, index) in processList" :key="index"><a rel="nofollow" href="javascript:;"
                                                                         @click="navTo(`/pages/otherArticle/detail?id=${item._id}`)">{{
                    item.name
                  }}</a>
                </li>
              </ul>
            </dd>
          </dl>
        </div>

      </div>
    </div>
    <div class="group-copyright active">
      <div class="group-copyright-inner">
        <div class="mod-inner">
          <div class="wuage-other-link">
<!--            <div class="wuage-link">-->
<!--              <p class="out-link">-->
<!--                <a rel="nofollow" target="_self"-->
<!--                   href="https://baike.baidu.com/item/%E5%8D%97%E5%AE%81%E4%BA%BF%E5%88%A9%E9%80%9A%E9%92%A2%E7%AE%A1%E6%9C%89%E9%99%90%E5%85%AC%E5%8F%B8/23408974?fr=ge_ala">亿利通官网</a>-->
<!--                |<a rel="nofollow" target="_self"-->
<!--                    href="https://baike.baidu.com/item/%E5%8D%97%E5%AE%81%E4%BA%BF%E5%88%A9%E9%80%9A%E9%92%A2%E7%AE%A1%E6%9C%89%E9%99%90%E5%85%AC%E5%8F%B8/23408974?fr=ge_ala">亿利通</a>-->
<!--              </p>-->
<!--            </div>-->
            <p class="wuage-copyright">
              Copyright © 2020-2021&nbsp;&nbsp; jinjiuxinzg.cn &nbsp;&nbsp;All Rights Reserved &nbsp;&nbsp;版权所有：&nbsp;&nbsp;南宁亿利通钢管有限公司
              <a href="https://beian.miit.gov.cn" rel="nofollow" target="_blank">桂ICP备19008827号-1</a>
              <a class="wuage-copyright"
                 href="https://beian.mps.gov.cn/#/query/webSearch?code=45010702002145" rel="noreferrer"
                 target="blank">桂公网安备45010702002145</a>
            </p>
          </div>
          <div class="certs-group">
            <a class="cert-1" rel="nofollow">
                            <span class="clearfix"><img
                              :src="gzhQr"><p>公众号</p></span>
            </a>
            <a class="cert-2" rel="nofollow">
                            <span class="clearfix"><img
                              :src="mobileQr"><p>手机站</p></span>
            </a>
          </div>
        </div>
      </div>
    </div>
  </view>
</template>

<script>
export default {
  name: "common-footer",
  data() {
    return {
      jinRongList: [],
      tradeList: [],
      aboutList: [],
      coopList: [],
      processList: [],
      oldList: [],
      serviceList: [],
      gzhQr: '',
      mobileQr: '',
    };
  },
  mounted() {
    this.getAboutList()
    this.getProcessList()
    this.getOldList()
    this.getGzhQr()
    this.getMobileQr()
  },
  methods: {
    navTo(url) {
      vk.navigateTo({
        url: url
      });
    },
    async getGzhQr() {
      const res = await vk.callFunction({
        url: 'client/dict/pub/getDetail',
        data: {
          id: '8656c02468f88b03002dbcd84f57dd2d'

        },
      })
      this.gzhQr = res.content
    },
    async getMobileQr() {
      const res = await vk.callFunction({
        url: 'client/dict/pub/getDetail',
        data: {
          id: '7f4b671368f88b39002cf006447af059'
        },
      })
      this.mobileQr = res.content
    },
    async getAboutList() {
      const res = await vk.callFunction({
        url: 'client/otherArticle/list/pub/getList',
        data: {
          parentId: "c0a2d8e46870f2ed0513ba3239037c48"
        }
      })
      this.aboutList = res.rows
    },
    async getProcessList() {
      const res = await vk.callFunction({
        url: 'client/otherArticle/list/pub/getList',
        data: {
          parentId: "c0a2d8e46870f3090513bb2a71c44b74"
        }
      })
      this.processList = res.rows
    },
    async getOldList() {
      const res = await vk.callFunction({
        url: 'client/otherArticle/list/pub/getList',
        data: {
          parentId: "29dca3d56870f2fe050cfa37206db15c"
        }
      })
      this.oldList = res.rows
    },
  }
}
</script>

<style lang="scss">

</style>