更新

src/router/index.js

@@ -102,6 +102,19 @@ const routes = [
     meta: { title: '直播房间详情', isleftarrow: true },
     component: () => import('../views/onlive/roomdetail.vue'),
   },
+  // 07-22新增
+  {
+    path: '/meetingBrief/index',
+    name: 'meetingBrief_index',
+    meta: { title: '信息列表', isleftarrow: true },
+    component: () => import('../views/meetingBrief/index.vue'),
+  },
+  {
+    path: '/meetingBrief/detail',
+    name: 'meetingBrief_detail',
+    meta: { title: '信息详情', isleftarrow: true },
+    component: () => import('../views/meetingBrief/detail.vue'),
+  },
 ];
 
 const router = new VueRouter({

src/views/index.vue

@@ -11,21 +11,41 @@
             </van-swipe>
           </van-col>
           <van-col span="24" class="click">
-            <van-col span="6" class="btn" @click.native="$router.push({ path: '/live/roomlist' })">
-              <i class="iconfont iconzhibo icon" style="color:#51A9FA;"></i>
-              <p style="color:#51A9FA;">直播入口</p>
+            <van-col span="8" class="btn" @click.native="$router.push({ path: '/meetingBrief/index', query: { type: '会议简介' } })">
+              <i class="iconfont iconzhibo icon" style="color:#FF8C00;"></i>
+              <p style="color:#FF8C00;">会议简介</p>
             </van-col>
-            <van-col span="6" class="btn" @click.native="$router.push({ path: '/live/roomrecord' })">
-              <i class="iconfont icondajiangtang icon" style="color:#FC8308;"></i>
-              <p style="color:#FC8308;">往期讲堂</p>
+            <van-col span="8" class="btn" @click.native="$router.push({ path: '/meetingBrief/index', query: { type: '会议日程' } })">
+              <i class="iconfont iconzhibo icon" style="color:#B76958;"></i>
+              <p style="color:#B76958;">会议日程</p>
             </van-col>
-            <van-col span="6" class="btn" @click.native="$router.push({ path: '/user/index' })">
-              <i class="iconfont icongerenzhongxin icon" style="color:#FD846F;"></i>
-              <p style="color:#FD846F;">个人中心</p>
+            <van-col span="8" class="btn" @click.native="$router.push({ path: '/meetingBrief/index', query: { type: '主办方介绍' } })">
+              <i class="iconfont iconzhibo icon" style="color:#5B4ED4;"></i>
+              <p style="color:#5B4ED4;">主办方介绍</p>
             </van-col>
-            <van-col span="6" class="btn">
-              <i class="iconfont icongerenzhongxin icon" style="color: #ccc;"></i>
-              <p style="color: #ccc;">待开放</p>
+            <van-col span="8" class="btn" @click.native="$router.push({ path: '/meetingBrief/index', query: { type: '协办方介绍' } })">
+              <i class="iconfont iconzhibo icon" style="color:#2D5868;"></i>
+              <p style="color:#2D5868;">协办方介绍</p>
+            </van-col>
+            <van-col span="8" class="btn" @click.native="$router.push({ path: '/meetingBrief/index', query: { type: '专家介绍' } })">
+              <i class="iconfont iconzhibo icon" style="color:#00A8C4;"></i>
+              <p style="color:#00A8C4;">专家介绍</p>
+            </van-col>
+            <van-col span="8" class="btn" @click.native="$router.push({ path: '/meetingBrief/index', query: { type: '继续再教育申请表' } })">
+              <i class="iconfont iconzhibo icon" style="color:#3B9C55;"></i>
+              <p style="color:#3B9C55;">继续再教育申请表</p>
+            </van-col>
+            <van-col span="8" class="btn" @click.native="$router.push({ path: '/live/roomlist' })">
+              <i class="iconfont iconzhibo icon" style="color:#645FB9;"></i>
+              <p style="color:#645FB9;">直播入口</p>
+            </van-col>
+            <van-col span="8" class="btn" @click.native="$router.push({ path: '/meetingBrief/index', query: { type: '联系客服' } })">
+              <i class="iconfont iconzhibo icon" style="color:#00A8C4;"></i>
+              <p style="color:#00A8C4;">联系客服</p>
+            </van-col>
+            <van-col span="8" class="btn" @click.native="$router.push({ path: '/meetingBrief/index', query: { type: '温馨提示' } })">
+              <i class="iconfont iconzhibo icon" style="color:#5E2422;"></i>
+              <p style="color:#5E2422;">温馨提示</p>
             </van-col>
           </van-col>
           <van-col span="24" class="after">
@@ -68,12 +88,12 @@
         </el-col>
         <el-col :span="24" class="main">
           <el-col class="guide-box">
-            <el-col class="single-box" @click.native="$router.push({ path: '/live/roomlist' })">
+            <el-col class="single-box" @click.native="$router.push({ path: '/meetingBrief/roomlist' })">
               <el-image class="icon" :src="require('@/assets/multiroom.png')"> </el-image>
               <span class="label">直播入口</span>
               <span class="desc"></span>
             </el-col>
-            <el-col class="single-box" @click.native="$router.push({ path: '/live/roomrecord' })">
+            <el-col class="single-box" @click.native="$router.push({ path: '/meetingBrief/roomrecord' })">
               <el-image class="icon" :src="require('@/assets/voice.png')"> </el-image>
               <span class="label">往期讲堂</span>
               <span class="desc"></span>
@@ -188,7 +208,7 @@ export default {
   .click {
     border-bottom: 1px solid #ccc;
     .btn {
-      padding: 10px 0;
+      padding: 5px 0;
       text-align: center;
       .icon {
         font-size: 40px;

src/views/meetingBrief/detail.vue

@@ -0,0 +1,60 @@
+<template>
+  <div id="detail">
+    <el-row>
+      <el-col :span="24" class="style">
+        <el-col :span="24" class="top">
+          <NavBar v-show="navShow" :title="title" :isleftarrow="isleftarrow"> </NavBar>
+        </el-col>
+        <el-col :span="24" class="main">
+          详情
+        </el-col>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import { mapState, createNamespacedHelpers } from 'vuex';
+import NavBar from '@/layout/common/topInfo.vue';
+export default {
+  name: 'detail',
+  props: {},
+  components: {
+    NavBar,
+  },
+  data: function() {
+    return {
+      // 头部标题
+      title: '',
+      // meta为true
+      isleftarrow: '',
+      // 返回
+      navShow: true,
+    };
+  },
+  created() {
+    this.search();
+  },
+  methods: {
+    search() {},
+  },
+  computed: {
+    ...mapState(['user']),
+    type() {
+      return this.$route.query.type;
+    },
+    id() {
+      return this.$route.query.id;
+    },
+    pageTitle() {
+      return `${this.$route.meta.title}`;
+    },
+  },
+  mounted() {
+    this.title = this.$route.query.type;
+    this.isleftarrow = this.$route.meta.isleftarrow;
+  },
+};
+</script>
+
+<style lang="less" scoped></style>

src/views/meetingBrief/index.vue

@@ -0,0 +1,60 @@
+<template>
+  <div id="index">
+    <el-row>
+      <el-col :span="24" class="style">
+        <el-col :span="24" class="top">
+          <NavBar v-show="navShow" :title="title" :isleftarrow="isleftarrow"> </NavBar>
+        </el-col>
+        <el-col :span="24" class="main">
+          <el-col :span="24" v-for="(item, index) in list" :key="index">
+            <p>{{ item.title }}</p>
+          </el-col>
+        </el-col>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import { mapState, createNamespacedHelpers } from 'vuex';
+import NavBar from '@/layout/common/topInfo.vue';
+export default {
+  name: 'index',
+  props: {},
+  components: {
+    NavBar,
+  },
+  data: function() {
+    return {
+      // 头部标题
+      title: '',
+      // meta为true
+      isleftarrow: '',
+      // 返回
+      navShow: true,
+      list: [],
+    };
+  },
+  created() {
+    this.search();
+  },
+  methods: {
+    search() {},
+  },
+  computed: {
+    ...mapState(['user']),
+    type() {
+      return this.$route.query.type;
+    },
+    pageTitle() {
+      return `${this.$route.meta.title}`;
+    },
+  },
+  mounted() {
+    this.title = this.$route.query.type;
+    this.isleftarrow = this.$route.meta.isleftarrow;
+  },
+};
+</script>
+
+<style lang="less" scoped></style>