更新官网显示内容 追加日志

components/news/NewsListRiZhi.vue

@@ -0,0 +1,58 @@
+<template>
+  <li v-if="newsData" @click.prevent="checkInfo(newsData)" style="border-bottom: 1px dashed #ccc;padding-bottom: 24px">
+    <div class="newsInfor-list-content" style="width: 100%">
+      <h5>{{newsData.title}}</h5>
+      <div><span class="mta-hidden-sm">{{newsData.startTime}}</span></div>
+      <div class="mta-hidden-xs"><i></i><span>{{newsData.startTime}}</span><i type="visits"></i><span>{{newsData.visits}}</span>
+      </div>
+      <p>{{newsData.intro}}</p>
+      <a class="mta-hidden-xs" :href="`${baseUrl}/news/${newsData.code}`" >
+        <span>了解更多</span>
+      </a>
+
+    </div>
+  </li>
+</template>
+
+<script>
+  import { mapGetters } from 'vuex';
+
+  export default {
+    name:     'NewList',
+    props:    {
+      newsData: {
+        type:    Object,
+        default: () => {
+        },
+      },
+    },
+    data() {
+      return {
+        newsInforImg: require(`~/static/images/client/newsInfor/newsInfor-list-img.png`),
+      };
+    },
+    computed: {
+      baseUrl() {
+        return this.getBaseUrl;
+      },
+      ...mapGetters(['getBaseUrl']),
+    },
+    methods:  {
+      checkInfo(data) {
+        // console.log(window.localtion.href);
+        // console.log(self.localtion.href);
+        // console.log(document.URL);
+        const opt = {
+          id: data.code,
+        };
+        this.$router.push({ name: 'news-id', params: opt });
+
+        this.$emit('know-more', data);
+      },
+    },
+  };
+</script>
+
+<style scoped>
+
+</style>

pages/index.vue

@@ -25,10 +25,10 @@
     <div class="client-company-history mta-hidden-xs">
       <div class="client-container">
         <ul>
-          <li><div><p>2008<span>年</span></p><h4>公司创立于2008年</h4></div></li>
-          <li><div><p>5,000<span>+</span></p><h4>已与5000多家企业建立了合作关系</h4></div></li>
-          <li><div><p>200,000<span>+</span></p><h4>平台活跃用户已超200000</h4></div></li>
-          <li><div><p>50,000<span>+</span></p><h4>课件开发超50000课时</h4></div></li>
+          <li><div><p>150<span>+</span></p><h4>覆盖城市</h4></div></li>
+          <li><div><p>207,000<span>+</span></p><h4>服务企业</h4></div></li>
+          <li><div><p>1,280,000<span>+</span></p><h4>服务用户总数</h4></div></li>
+          <li><div><p>8600<span>+</span></p><h4>课件开发市场</h4></div></li>
         </ul>
       </div>
     </div>

pages/introduction/index.vue

@@ -54,7 +54,7 @@
               </li>
             </ul>
           </el-tab-pane>
-          <el-tab-pane label="2016年-现在" name="second">
+          <el-tab-pane label="2016年-2022" name="second">
             <ul class="enterprise-second-ul">
               <li>
                 <div><img :src="enterpriseDevImg5" alt="企业发展历程"></div>
@@ -71,7 +71,30 @@
                 <p><i>4月</i><span>麦塔SaaS版产品发布</span></p>
                 <p><i>8月</i><span>企业用户已突破15万</span></p>
               </li>
-              <li></li>
+              <li style="overflow:hidden;height: 197px">
+                <div><img :src="enterpriseDevImg8" alt="企业发展历程"></div>
+                <p><i>4月</i><span>推出麦塔一体化解决方案，整合培训、考核相关功能模块</span></p>
+                <p><i>12月</i><span>企业用户规模稳步增长，课程开发累计时长持续提升</span></p>
+              </li>
+            </ul>
+          </el-tab-pane>
+
+          <el-tab-pane label="2022年-现在" name="three">
+            <ul class="enterprise-second-ul">
+              <li style="overflow:hidden;height: 197px">
+                <div><img :src="enterpriseDevImg9" alt="企业发展历程"></div>
+                <p><i>3月</i><span>麦塔SaaS版完成大版本更新迭代</span></p>
+                <p><i>11月</i><span>凭借核心技术研发实力，获得相关行业资质认定，累计取得多项技术认证</span></p>
+              </li>
+              <li>
+
+              </li>
+              <li>
+
+              </li>
+              <li>
+
+              </li>
             </ul>
           </el-tab-pane>
         </el-tabs>
@@ -138,6 +161,8 @@
         enterpriseDevImg5:  require(`~/static/images/client/aboutUs/enterprise-development-img5.png`),
         enterpriseDevImg6:  require(`~/static/images/client/aboutUs/enterprise-development-img6.png`),
         enterpriseDevImg7:  require(`~/static/images/client/aboutUs/enterprise-development-img7.png`),
+        enterpriseDevImg8:  require(`~/static/images/client/aboutUs/enterprise-development-img8.png`),
+        enterpriseDevImg9:  require(`~/static/images/client/aboutUs/enterprise-development-img9.png`),
         // 联系我们
         contactUsImg:  require(`~/static/images/client/aboutUs/contact-us-img.png`),
         contactUsImgH5:  require(`~/static/images/client/aboutUs/contact-us-img-H5.png`),

pages/news/index.vue

@@ -15,11 +15,20 @@
       </li>
     </ul>
     <div class="client-container newsInfor-content-box">
-      <ul class="newsInfor-content-ul">
-        <new-list
-          v-for="(item,index) in newsList"
-          :newsData="item"
-          :key="index"></new-list>
+      <ul class="newsInfor-content-ul" style="width:100%">
+        <template v-if="activeIndex!=2" >
+          <new-list
+            v-for="(item,index) in newsList"
+            :newsData="item"
+            :key="index"></new-list>
+        </template>
+
+        <template v-else>
+          <NewsListRiZhi  v-for="(item,index) in newsList"
+                          :newsData="item"
+                          :key="index"></NewsListRiZhi>
+        </template>
+
       </ul>
       <div class="client-el-pagination">
         <el-pagination
@@ -49,13 +58,13 @@
 
 <script>
   import NewList from '~/components/news/NewsList';
-
+  import NewsListRiZhi from '~/components/news/NewsListRiZhi';
   const defaultNewsClassifyId = 0;
   export default {
     name:       'news',
     layout:     'templateB',
     components: {
-      NewList,
+      NewList,NewsListRiZhi
     },
     async asyncData({ $axios, store }) {
       // 设置选中菜单