nuxtProject/pages/index.vue

<template>

  <div class="client-index-page">
    <div style="display: none">
      <!--<a :href="`${baseUrl}/pcdituye.html`"></a>-->
      <a :href="`${baseUrl}/jiuchuangruikang/pcsitemap.xml`"></a>
    </div>

    <h1 style='display:none;'>在线考试系统在线培训系统在线考试平台考试管理系统培训管理系统</h1>
    <div style='display:none;'>
      沈阳久创锐康科技有限公司在线考试系统
      更智能、更好用的在线考试系统在线考试平台
      满足企事业单位/学校/培训机构及各类在线考试需求。
      灵活的考场环境设置，随机应变不同的考场环境，
      智能防作弊丨考试防切屏丨试题保护防止泄露。<br/>

      接入久创锐康在线培训系统，无需开发，考试管理系统无需技术经验，
      扫码登录丨批量导入试题丨自动阅卷判分丨试题难易度丨灵活组卷方式。
      打通“教学练测评”学习闭环，
      多终端学习丨记录学习轨迹丨智能培训考试报表。<br/>

      企业课件定制开发服务，
      量身定制方案，助力企业建设，业绩提升，
      标准课件类丨模拟操作类丨PPT转标准课件丨动画视频类。
      稳定高效的考试系统
      支持超高同时在线，监考中心防作弊、流水判卷解决方案。<br/>

      独立的考生中心在线考试系统，
      方便考生查看历史成绩丨自动记录错题丨第三方公众号、钉钉及网站无缝集成。<br/>

      在线培训系统清晰、直观的考试报表，考试管理系统让你的教务工作更有效，
      考生成绩丨正确率丨通过率丨答题统计丨平均成绩丨成绩排名。<br/>

      久创锐康智能在线考试平台在线培训云平台，让培训易于组织、真正有效，
      防挂机刷学时丨多种课件支持丨课件绑定试题 。<br/>

      在线培训系统高频互动培训产品，自由组合课程/每日学练/考试，
      PC、移动多端联动，为企业快速发展赋能。<br/>

      定制开发课件，搭建专属的企业大学，
      降低企业培训成本，高效培训人才，
      图文动画丨情景动画丨宣传视频丨讲师授课丨H5互动课件。<br/>

      沈阳久创锐康科技有限公司是专业在线考试系统、在线培训系统、在线考试平台、考试管理系统、在线培训平台、培训管理系统。<br/>

      公司主营业务包括：中小学、高中、各大高校的教育软件产品、企业在线培训解决方案、在线考试软件产品，及相关平台服务等。目前，公司拥有办公基础软件研发、教育动漫产品研发、在线培训运营、数据测试、线上售后服务等事业部。<br/>


      凭借创新的技术、高效的服务响应和强大的战略执行，久创锐康为用户打造可靠、优质、安全易用的教育软件产品及优质专业的内容制作服务。
    </div>

    <!-- 首页banner栏 -->
    <div class="client-banner-box">
      <el-carousel trigger="click" v-if="bannerList.length>0">
        <el-carousel-item v-for="(item,index) in bannerList" :key="index">
            <div @click="clickBanner(item)" :style="{backgroundImage: 'url(' + item.pic + ')'}" class="index-carousel-box"></div>
        </el-carousel-item>
      </el-carousel>
    </div>

    <!-- 发展历程-移动端隐藏-->
    <div class="client-company-history mta-hidden-xs">
      <div class="client-container">
        <ul>
          <li><a @click="goExamPage"><i></i><div><span>在线考试系统</span><p>让考试变得更轻松</p></div></a></li>
          <li><a @click="goPeixun"><i></i><div><span>在线培训系统</span><p>为企业解决培训痛点</p></div></a></li>
          <li><a @click="goKechengPage"><i></i><div><span>课程定制开发</span><p>打造专业定制化服务</p></div></a></li>
          <li><a @click="goKechengZyPage"><i></i><div><span>通用课程资源</span><p>企业构建自主课程体系</p></div></a></li>
        </ul>
      </div>
    </div>

    <!-- 行业学习需求 -->
    <div class="client-demand-box">
      <div class="client-container">
        <h4 class="client-title">满足不同行业学习需求</h4>
          <ul class="demand-list-box">
            <li><div><span><i></i></span><p>企事业单位</p></div></li>
            <li><div><span><i></i></span><p>信息产业</p></div></li>
            <li><div><span><i></i></span><p>能源化工</p></div></li>
            <li><div><span><i></i></span><p>金融保险</p></div></li>
            <li><div><span><i></i></span><p>交通运输</p></div></li>
            <li><div><span><i></i></span><p>教育培训</p></div></li>
            <li><div><span><i></i></span><p>食品餐饮</p></div></li>
            <li><div><span><i></i></span><p>医疗卫生</p></div></li>
          </ul>
          <!--<div rel="nofollow" class="free-trial-default-btn" @click="FreeTrial(1)">免费试用</div>-->
      </div>
    </div>

    <!-- 产品和服务 -->
    <div class="client-products-services">
      <div class="client-container">
        <h4 class="client-title">产品和服务</h4>
        <div class="products-services-box products-contrary-box">
          <el-carousel arrow="never" indicator-position="none">
            <el-carousel-item v-for="(item,index) in cpfwKaoshiList" :key="index">
              <div :style="{backgroundImage: 'url(' + item.imgUrl + ')'}" class="cpfw-img-box"></div>
            </el-carousel-item>
          </el-carousel>
          <div class="products-services-content">
              <h5>智能稳定的在线考试系统</h5>
              <p class="p-before-circle">人员管理：支持手动、批量导入人员及部门多层级管理功能，解决企业人员多且分散的问题</p>
              <p class="p-before-circle">智能组卷：六大常用题型，批量导入；固定组卷，随机组卷，固定+随机综合组卷，涵盖错题，按难易程度抽题</p>
              <p class="p-before-circle">节约成本：支持客观题自动判分，主观题后台人工阅卷。有效减少人力成本，提升时间效率，降低费用成本</p>
              <div class="client-btn-box"><div rel="nofollow" class="client-default-Btn" @click="FreeTrial('ks')">免费试用</div><span  class="client-default-Btn" @click="onlineFun">在线咨询</span></div>
          </div>
        </div>
        <div class="products-services-box">
          <el-carousel arrow="never" indicator-position="none">
            <el-carousel-item v-for="(item,index) in cpfwPeixunList" :key="index">
              <div :style="{backgroundImage: 'url(' + item.imgUrl + ')'}" class="cpfw-img-box"></div>
            </el-carousel-item>
          </el-carousel>
            <div class="products-services-content">
              <h5>一站式高效的在线培训系统</h5>
              <p class="p-before-circle">多平台学习：支持电脑端、移动端随时随地在线培训学习、考试，从而不再受时间地点的约束</p>
              <p class="p-before-circle">标准化学习：支持课程、学时、学分、考试、练习、证书等，让企业培训标准化统一</p>
              <p class="p-before-circle">大数据分析：深层分析学情，帮助企业实现人才发掘、测评、培养、考核、任用一体化</p>
              <div class="client-btn-box"><div rel="nofollow" class="client-default-Btn" @click="FreeTrial('px')">免费试用</div><span class="client-default-Btn" @click="onlineFun">在线咨询</span></div>
            </div>
        </div>
        <div class="products-services-box products-contrary-box">
          <el-carousel arrow="never" indicator-position="none">
            <el-carousel-item v-for="(item,index) in cpfwSzkfList" :key="index">
              <div :style="{backgroundImage: 'url(' + item.imgUrl + ')'}" class="cpfw-img-box"></div>
            </el-carousel-item>
          </el-carousel>
            <div class="products-services-content">
              <h5>数字内容定制开发服务</h5>
              <p>企业需要定制适合自己的个性化课程，将隐性、零散的企业知识显性化和系统化，使企业多年积累的经验得以有效沉淀和传承。久创锐康，凭借创新的技术、高效的服务响应和强大的战略执行，为客户打造专业优质的课程定制服务</p>
              <div class="client-btn-box"><div class="client-default-Btn" @click="applyFun">申请方案</div><span class="client-default-Btn" @click="onlineFun">在线咨询</span></div>
            </div>
        </div>
        <div class="products-services-box" style="margin-bottom: 0;">
          <el-carousel arrow="never" indicator-position="none">
            <el-carousel-item v-for="(item,index) in cpfwKczyList" :key="index">
              <div :style="{backgroundImage: 'url(' + item.imgUrl + ')'}" class="cpfw-img-box"></div>
            </el-carousel-item>
          </el-carousel>
          <div class="products-services-content">
            <h5>企业通用课程资源方案</h5>
            <p>基于岗位胜任力模型，久创锐康提供职业素养、领导能力、人力资源、市场营销、行政管理、财务管理、客服服务、产品运营、生产采购，9大模块通用岗位培训方案，满足企业对培训课程资源的应用需求</p>
            <div class="client-btn-box"><div rel="nofollow" class="client-default-Btn" @click="applyFun">申请方案</div><span class="client-default-Btn" @click="onlineFun">在线咨询</span></div>
          </div>
        </div>
      </div>
    </div>

    <!-- 我们的客户 -->
    <div class="client-customer-box">
      <div class="client-container">
        <h4 class="client-title">我们的客户</h4>
        <img :src="customerImgAll" alt="我们的客户" />
        <!--<ul class="customer-img-box">
          <li><img :src="customerImg1" alt="中国人民银行" /></li>
          <li><img :src="customerImg2" alt="汇丰" /></li>
          <li><img :src="customerImg3" alt="中国银行" /></li>
          <li><img :src="customerImg4" alt="中信银行" /></li>
          <li><img :src="customerImg5" alt="中国民生银行" /></li>
          <li><img :src="customerImg6" alt="astellas" /></li>
          <li><img :src="customerImg7" alt="今日头条" /></li>
          <li><img :src="customerImg8" alt="华图教育" /></li>
          <li><img :src="customerImg9" alt="步步高" /></li>
          <li><img :src="customerImg10" alt="小天才" /></li>
          <li><img :src="customerImg11" alt="华发股份" /></li>
          <li><img :src="customerImg12" alt="上海航空" /></li>
          <li><img :src="customerImg13" alt="中国国际航空公司" /></li>
          <li><img :src="customerImg14" alt="中国东方航空" /></li>
          <li><img :src="customerImg15" alt="深圳航空" /></li>
          <li><img :src="customerImg16" alt="中建八局" /></li>
          <li><img :src="customerImg17" alt="SANOFI" /></li>
          <li><img :src="customerImg18" alt="大连海事大学" /></li>
          <li><img :src="customerImg19" alt="南京银行" /></li>
          <li><img :src="customerImg20" alt="中国人民银行" /></li>
        </ul>-->
      </div>
    </div>

    <!-- 新闻资讯 PC-->
    <div class="client-news-information mta-hidden-xs">
      <h4 class="client-title">新闻资讯</h4>
      <div class="client-container">
          <div class="industry-information-box" v-if="topCarousels.length>0">
            <div class="industry-information-left">
                <img :src="topCarousels[0].pic" alt="新闻资讯" />
                <h4 @click="checkInfo(topCarousels[0])">{{ topCarousels[0].title }}<i></i></h4>
                <div><b>{{ topCarousels[0].yyyy }}</b><span>{{ topCarousels[0].mmdd }}</span></div>
                <p>{{ topCarousels[0].intro }}</p>
            </div>
            <div class="industry-information-right">
              <ul>
                <li v-for="(item, index) in topCarousels" v-if="index >= 1">
                  <h4 @click="checkInfo(item)">
                    <a style="display: none" :href="`${baseUrl}/news/${item.code}`"></a>
                    <span>{{ item.yyyy }}</span>{{ item.title }}
                  </h4>
                  <p><span>{{ item.mmdd}}</span>{{ item.intro }}</p>
                </li>
              </ul>
            </div>
          </div>
      </div>

    </div>

    <!-- 新闻资讯 手机-->
    <div class="client-newsInfo-phone mta-hidden-sm">
      <h4 class="client-title">新闻资讯</h4>
      <el-carousel :interval="5000" v-if="topCarousels.length>0" type="card" height="300px" indicator-position="none" arrow="never">
        <el-carousel-item v-for="(item,index) in topCarousels" :key="index" class="el-row">
          <img :src="item.pic" alt="新闻资讯"  @click="checkInfo(item)"/>
          <div class="newsInfo-card-content"  @click="checkInfo(item)">
            <a style="display: none" :href="`${baseUrl}/news/${item.code}`"></a>
            <h4>{{ item.title }}<i></i></h4>
            <span>{{ item.yyyy }}-{{ item.mmdd }}</span>
            <p>{{ item.intro }}</p>
          </div>

        </el-carousel-item>
      </el-carousel>

    </div>

    <!-- 申请方案弹窗-->
    <el-dialog
      :close-on-click-modal="false"
      :visible.sync="sqfaDl"
      @close="sqfaDlClose"
      class="application-scheme-dialog"
      center>
      <i></i>
      <p>免费获得课程开发解决方案</p>
      <el-form :model="sqfaDialogDate" status-icon :rules="sqfaTelRules" ref="ruleTelForm" class="application-scheme-form">
        <el-form-item  prop="tel">
          <el-input v-model="sqfaDialogDate.tel" placeholder="请输入手机号" class="dialog-input-tel"></el-input>
        </el-form-item>
      </el-form>
      <div class="application-scheme-btn" @click="dialogSave">申请方案</div>
      <span>免费热线：18642628327</span><a href="https://p.qiao.baidu.com/cps/chat?siteId=17930048&userId=40179606&siteToken=e767a987c8404575246ab0084fb2c9bd" target="_blank">在线客服</a>
    </el-dialog>

    <!-- 免费试用弹窗-->
    <reg-dialog :dialogVisible="regDialogFlag"  :systemType="systemCode" @changeShow="showRegDialogUpdate"></reg-dialog>
  </div>
</template>

<script>
  import regDialog from '~/components/registerDialog';
  import { mapGetters } from 'vuex';
  export default {
    name:       'index',
    layout:     'templateA',
    components: {
      regDialog,
    },
    watchQuery: true,
    async fetch({ $axios, store, query }) {
      try {
        const { data } = await $axios.post('/home/links/list');
        store.commit('SetFooterYouQingLianJie', data.data.data);
      } catch (e) {

      }

    },
    async asyncData({ $axios, store }) {
      // 设置选中菜单
      store.commit('setActiveNav', '/');

      let [res1, res2] = await Promise.all([
                                             await $axios.$post(`/home/news/carousel`, { 'newsClassifyId': 0 }).then(res => {
                                               return res;
                                             }),
                                             await $axios.$post(`/home/banner/list`, { 'code': 1 }).then(res => {
                                               return res;
                                             }),
                                           ]);
      return {

         topCarousels: res1.data.data||[],
         bannerList: res2.data.data||[],

      };
    },
    data() {
      return {
        systemCode:'ksClient',
        SystemWidthFlag:false,// 判断是否是手机端，默认为false，默认为PC端
        topCarousels2:  [],
        // 产品和服务
        cpfwKaoshiList: [
        { imgUrl: require(`~/static/images/client/index/kpfw-ks-img1.png`)},
        { imgUrl: require(`~/static/images/client/index/kpfw-ks-img2.png`) },
        { imgUrl: require(`~/static/images/client/index/kpfw-ks-img3.png`) },
      ],
        cpfwPeixunList: [
          { imgUrl: require(`~/static/images/client/index/kpfw-px-img1.png`)},
          { imgUrl: require(`~/static/images/client/index/kpfw-px-img2.png`) },
          { imgUrl: require(`~/static/images/client/index/kpfw-px-img3.png`) },
        ],
        cpfwSzkfList: [
          { imgUrl: require(`~/static/images/client/index/kpfw-szkf-img1.png`)},
          { imgUrl: require(`~/static/images/client/index/kpfw-szkf-img2.png`) },
          { imgUrl: require(`~/static/images/client/index/kpfw-szkf-img3.png`) },
        ],
        cpfwKczyList: [
          { imgUrl: require(`~/static/images/client/index/kpfw-kczy-img1.png`)},
          { imgUrl: require(`~/static/images/client/index/kpfw-kczy-img2.png`) },
          { imgUrl: require(`~/static/images/client/index/kpfw-kczy-img3.png`) },
        ],
        // 客户logo
        customerImgAll:   require(`~/static/images/client/index/index-customer-imgAll.png`),
        customerImg1:   require(`~/static/images/client/index/index-customer-img1.png`),
        customerImg2:   require(`~/static/images/client/index/index-customer-img2.png`),
        customerImg3:   require(`~/static/images/client/index/index-customer-img3.png`),
        customerImg4:   require(`~/static/images/client/index/index-customer-img4.png`),
        customerImg5:   require(`~/static/images/client/index/index-customer-img5.png`),
        customerImg6:   require(`~/static/images/client/index/index-customer-img6.png`),
        customerImg7:   require(`~/static/images/client/index/index-customer-img7.png`),
        customerImg8:   require(`~/static/images/client/index/index-customer-img8.png`),
        customerImg9:   require(`~/static/images/client/index/index-customer-img9.png`),
        customerImg10:  require(`~/static/images/client/index/index-customer-img10.png`),
        customerImg11:  require(`~/static/images/client/index/index-customer-img11.png`),
        customerImg12:  require(`~/static/images/client/index/index-customer-img12.png`),
        customerImg13:  require(`~/static/images/client/index/index-customer-img13.png`),
        customerImg14:  require(`~/static/images/client/index/index-customer-img14.png`),
        customerImg15:  require(`~/static/images/client/index/index-customer-img15.png`),
        customerImg16:  require(`~/static/images/client/index/index-customer-img16.png`),
        customerImg17:  require(`~/static/images/client/index/index-customer-img17.png`),
        customerImg18:  require(`~/static/images/client/index/index-customer-img18.png`),
        customerImg19:  require(`~/static/images/client/index/index-customer-img19.png`),
        customerImg20:  require(`~/static/images/client/index/index-customer-img20.png`),
        activeIndex:    '首页',
        activeName:     'first',// tab页签
        regDialogFlag:false,
        sqfaDl:false,// 申请方案弹窗
        sqfaDialogDate:   {},

        sqfaBtnDisabled: false,
        sqfaBtnText:         '获取验证码',
        sqfaCountdown:       60, // 60秒倒计时
        sqfaSliderData:      {},
        sqfaAppKey:          'FFFF0N00000000007EC0',
        sqfaTelRules:        {
          tel:          [
            { trigger: 'blur', required: true, message: '请输入手机号' },
          ],

        },
      };


    },

    head(){
      return {
        title: '在线考试系统_在线培训系统_在线考试平台管理系统',
        meta: [
          {
            name: 'description',
            content: '久创在线考试系统和在线培训系统，是由沈阳久创锐康科技有限公司提供的一款多功能的自主线上考试+培训软件，系统性能稳定，支持超高并发，电脑、Pad和手机多端使用，\n' +
                       '涵盖考试、培训、智能分析等全方位技术支持服务，能为企业提供随时随地的在线培训学习、考试。'
          },
          {
            name: 'keywords',
            content: '考试系统,培训系统,在线考试平台,考试管理系统,在线培训平台,培训管理系统'
          },
          {
            name: 'baidu-site-verification',
            content: 'code-kkYeRPxMDy'
          },
        /*  {
            name: 'mobile-agent',
            content: 'format=html5;url=https://m.mtavip.com'
          },*/
          {
            name: 'bytedance-verification-code',
            content: 'EoTQ4NuK4pxkCu7efFJH'
          },
          {
            'http-equiv': 'Cache-Control',
            content: 'no-transform'
          },
        ],
        link:[
         /* {
            rel:'alternate',
            media:'only screen and(max-width: 640px)',
            href:'https://m.mtavip.com'
          },*/
          {
            rel:'canonical',
            href:'http://www.28eu.cn/'
          }
        ]
      }
    },
    methods:    {
      // 弹窗关闭
      showRegDialogUpdate(data){
        this.regDialogFlag  = !data
        if(data === 'false'){
          this.regDialogFlag = false
        }else{
          this.regDialogFlag = true
        }
      },
      // 免费试用
      FreeTrial(data){
        this.regDialogFlag = true;
        if(data === 'ks'){
          this.systemCode = 'ksAdmin'
        }else{
          this.systemCode = 'pxAdmin'
        }
      },

      dialogSave(){
        this.$refs.ruleTelForm.validate((valid) => {
          if (valid) {
            // 请求后台
            const options = {
              phone:  this.sqfaDialogDate.tel
            };
            if (!/^1[3-9]\d{9}$/.test(this.sqfaDialogDate.tel)) {
              this.$message.error('手机号格式错误');
              return false;
            }
            this.$axios.$post('/develop/add',options).then(res=>{
              if (res.code === 0 && res.data) {
                this.sqfaDl = false;
                this.$message.success('申请成功');
              } else {
                this.$message.error(res.msg);
              }
            });
          }
        });

      },


      sqfaDlClose(){
        this.sqfaCountdown = -1;
        this.sqfaSliderData.sqfaAppKey=undefined;
        this.sqfaDl = false;
        this.$refs.ruleTelForm.resetFields();

      },

      /**
       * 串联加载指定的脚本
       * 串联加载[异步]逐个加载，每个加载完成后加载下一个
       * 全部加载完成后执行回调
       * @param array|string 指定的脚本们
       * @param function 成功后回调的函数
       * @return array 所有生成的脚本元素对象数组
       * 异步加载js后运行回调函数callback / scripts 为数组或字符串
       */
      seriesLoadScripts(scripts, callback) {
        if (typeof (scripts) != 'object') {
          var scripts = [scripts];
        }
        var HEAD = document.getElementsByTagName('head').item(0) || document.documentElement;
        var s = new Array(), last = scripts.length - 1, recursiveLoad = function (i) { //递归
          s[i] = document.createElement('script');
          s[i].setAttribute('type', 'text/javascript');
          s[i].onload = s[i].onreadystatechange = function () { //Attach handlers for all browsers
            if (!/*@cc_on!@*/0 || this.readyState == 'loaded' || this.readyState == 'complete') {
              this.onload = this.onreadystatechange = null;
              this.parentNode.removeChild(this);
              if (i != last) {
                recursiveLoad(i + 1);
              } else if (typeof (callback) == 'function') {
                callback();
              }
            }
          };
          s[i].setAttribute('src', scripts[i]);
          HEAD.appendChild(s[i]);
        };
        recursiveLoad(0);
      },
      // 倒计时60秒
      setTime() {
        if (this.sqfaCountdown === 0) {
          this.sqfaBtnDisabled = false;
          this.sqfaBtnText = '获取验证码';
          this.sqfaCountdown = 60;
        } else if(this.sqfaCountdown === -1){
          this.sqfaBtnDisabled = false;
          this.sqfaBtnText = '获取验证码';
          this.sqfaCountdown = 60;
        }else {
          this.sqfaBtnDisabled = true;
          this.sqfaBtnText = '重新发送(' + this.sqfaCountdown + 's)';
          this.sqfaCountdown--;
          setTimeout(() => {
            this.setTime();
          }, 1000);
        }
      },
      // 验证码
      checkVerification() {
        if (this.sqfaDialogDate.tel === undefined) {
          this.$message.error('请输入手机号');
          return;
        }
        if (this.sqfaSliderData.sqfaAppKey === undefined) {
          this.$message.error('请先进行滑块校验');
          return;
        }
        this.$axios.$post(`/develop/exists`,{  phone: this.sqfaDialogDate.tel}).then(res=>{

          if (res.code === 0 && res.data) {

            let req = {
              'appkey':    this.sqfaSliderData.sqfaAppKey,
              'phone':     this.sqfaDialogDate.tel,
              'scene':     this.sqfaSliderData.scene,
              'sessionid': this.sqfaSliderData.csessionid,
              'sig':       this.sqfaSliderData.sig,
              'token':     this.sqfaSliderData.token,
              'type':      0,
            }
            this.$axios.$post('/sendCode',req).then(res=>{
              if (res.code === 0 && res.data) {
                this.setTime();
              }else {
                this.$message.error(res.msg||'手机号已存在');
              }
            })
          } else {
            this.$message.error('手机号已存在');
            return false;
          }

        })
      },

      // 判断是否为移动端
      getSystemWidth(){
        var browserWidth=document.documentElement.clientWidth;
        if(browserWidth <= 768){
          this.SystemWidthFlag = true;
        }else{
          this.SystemWidthFlag = false;
        }

      },
      clickBanner(data){
      /*  console.log(data);

*/      if(data.url){
          window.open(data.url)
        }
        // this.$router.push({ name: 'indexEducation' });
      },

      // 申请方案
      applyFun() {
        this.sqfaDl = true;

      },

      goExamPage(){
        this.$router.push({ name: 'examsystem' });
      },
      goPeixun(){
        this.$router.push({ name: 'trainsystem' });
      },
      goKechengPage(){
        this.$router.push({ name: 'courseware' });
      },
      goKechengZyPage(){
        this.$router.push({ name: 'courseResource' });
      },

      onlineFun(){
        window.open('https://p.qiao.baidu.com/cps/chat?siteId=17930048&userId=40179606&siteToken=e767a987c8404575246ab0084fb2c9bd')
      },

      checkInfo(data) {
        const opt = {
          id: data.code,
        };
        this.$router.push({ name: 'news-id', params: opt });
      },
    },
    computed: {
      baseUrl() {
        return this.getBaseUrl;
      },
      ...mapGetters(['getBaseUrl']),
    },
    mounted() {
      this.getSystemWidth();
    }
  };
</script>

<style></style>