nuxtProject/components/footer.vue

<template>
  <div class="client-footer">
    <div class="client-container mta-hidden-xs">
      <div class="contact-box">
        <div class="contact-left-box">
          <dl>
            <dt>产品服务</dt>
            <dd @click="goExamPage">在线考试系统</dd>
            <dd @click="goPeixunPage">在线培训系统</dd>
            <dd @click="goKechengPage">课程定制开发</dd>
            <dd @click="goZiyuanPage">通用课程资源</dd>
          </dl>
          <dl>
            <dt>帮助中心</dt>
            <dd><a rel="nofollow"
                   href="https://www.kancloud.cn/yhm-122130/jiuchuangkaoshixitong/content/%E4%B8%80%E3%80%81%E7%94%A8%E6%88%B7%E7%AE%A1%E7%90%86%E4%B8%AD%E5%BF%83%E5%8A%9F%E8%83%BD%E4%BB%8B%E7%BB%8D.md"
                   target="_blank">考试文档</a></dd>
            <dd><a rel="nofollow"
                   href="https://www.kancloud.cn/yhm-122130/jiuchuangpeixun/content/%E4%B8%80%E3%80%81%E7%94%A8%E6%88%B7%E7%AE%A1%E7%90%86%E4%B8%AD%E5%BF%83%E5%8A%9F%E8%83%BD%E4%BB%8B%E7%BB%8D.md"
                   target="_blank">培训文档</a></dd>
            <!--<dd><a rel="nofollow" href="https://cdnks.mtavip.com/a/register?flug=1" target="_blank">应用下载</a></dd>-->
          </dl>
          <!--  <dl>
              <dt>法律声明</dt>
              <dd>服务条款</dd>
              <dd>隐私声明</dd>
              <dd>知识维权</dd>
            </dl>-->
          <dl>
            <dt>关注我们</dt>
            <!--<dd class="two-code-box">微信公众号<i class="two-dimensional-code"></i></dd>-->
            <dd @click="goaboutUs">公司简介</dd>
            <dd @click="goaboutUs">联系我们</dd>
          </dl>
        </div>
        <div class="contact-right-box">
          <div class="right-sw-box">
            <h4>商务合作微信</h4>
            <img :src="swTwoCodeImg" alt="商务合作扫微信"/>
          </div>
          <div class="gs-js-box">
            <p>沈阳久创锐康科技有限公司</p>
            <p>公司邮箱：service_024@163.com</p>
            <p>联系电话：15842668230</p>
            <p style="margin-bottom: 0">公司地址：沈阳市和平区文体路4-2号602室</p>
          </div>
          <!--<div style="vertical-align: top;">
            <h3>400-052-2130</h3>
            <p>周一至周日9:00-18:00</p>
            <p>（仅收市话费）</p>
            <a href="http://p.qiao.baidu.com/cps/chat?siteId=11735491&amp;userId=10530011" target="_blank">联系客服</a>
          </div>-->
        </div>
      </div>
      <div class="link-box">
        <h4>友情链接</h4>
        <div class="link-a-box">
          <a :href="item.url" v-for="(item,index) in requestData" :key="index">{{item.name}}</a>
        </div>
      </div>
      <h5>版权所有 © 沈阳久创锐康科技有限公司 备案号：<a style="color: #B8B8BB"
                                                                                href="https://beian.miit.gov.cn/#/Integrated/index">
        辽ICP备2021010726号-2</a></h5>
    </div>
    <div class="mta-hidden-sm phone-footer-box">
      <p>Copyright © 2019 llisoft.com All rights reserved</p>
      <p>沈阳久创锐康公司 版权所有</p>
      <a href="https://beian.miit.gov.cn/#/Integrated/index">辽ICP备2021010726号-2</a>
    </div>
  </div>
</template>

<script>
  import {mapState, mapGetters} from 'vuex';

  export default {
    name: 'mtaFooter',
    computed: {
      requestData() {
        return this.getFooterYouQingLianJie;
      },
      ...mapGetters(['getFooterYouQingLianJie']),
    },
    data() {
      return {
        swTwoCodeImg: require(`~/static/images/client/component/sw-two-code.jpg`),
        footerData: [
          {
            name: '首页',
            url: '/',
          },
          {
            name: '体验中心',
            url: '/tiyanCenter',
          },
          {
            name: '电话咨询',
            url: 'tel:400-052-2130',
          },
          {
            name: '在线咨询',
            url: 'http://p.qiao.baidu.com/cps/chat?siteId=11735491&amp;userId=10530011',
          }

        ]
      }
    },
    methods: {
      goToPage(item) {
        window.location.href = item.url
      },
      // 考试链接
      goExamPage() {
        this.$router.push({name: 'examsystem'});
      },
      // 培训链接
      goPeixunPage() {
        this.$router.push({name: 'trainsystem'});
      },
      // 课程定制开发
      goKechengPage() {
        this.$router.push({name: 'courseware'});
      },
      // 通用课程资源
      goZiyuanPage() {
        this.$router.push({name: 'courseResource'});
      },
      // 关于帮助中心
      goaboutUs() {
        this.$router.push({name: 'introduction'});
      },
    },
  }
</script>