新闻详情

src/components/Index/IndexNewList.vue

@@ -80,7 +80,7 @@ export default {
     // 跳转到详情界面
     jumpDetails(item) {
       this.setActDetail(item);
-      this.$router.push('/ActDetails');
+      this.$router.push('/ItDetails');
     },
   },
 };

src/router/index.js

@@ -93,6 +93,12 @@ const routes = [
     name: 'ItInformation',
     component: () => import(/* webpackChunkName: "cooperative-enterprise" */ 'views/ItInformation/ItInformation.vue'),
   },
+  // 行业资讯详情界面
+  {
+    path: '/ItDetails',
+    name: 'ItDetails',
+    component: () => import(/* webpackChunkName: "cooperative-enterprise" */ 'views/ItInformation/ItDetails.vue'),
+  },
   // 活动公告界面
   {
     path: '/Activity',

src/views/Activity/ActDetails.vue

@@ -19,10 +19,16 @@
         </span>
       </div>
       <div class="policy-content" v-dompurify-html="actDetail.content"></div>
+      <a-button
+        disabled
+        style="margin: 50px 25px"
+        v-if="actDetail.releaseTime && Date.parse(actDetail.releaseTime) < Date.parse(nowData)"
+      >报名已结束</a-button>
       <enroll
         :act-name="actDetail.title"
         :activity-id="actDetail.activityId"
         style="margin: 50px 25px"
+        v-else
       />
     </div>
   </div>
@@ -35,10 +41,27 @@ export default {
   name: 'ActDetails',
   components: { Enroll },
   data() {
-    return {};
+    return { nowData: '' };
   },
   computed: mapState('home', ['actDetail']),
-  created() {},
+  created() {
+    // 获取当前时间
+    var aData = new Date();
+    console.log(aData); //Wed Aug 21 2019 10:00:58 GMT+0800 (中国标准时间)
+    this.nowData =
+      aData.getFullYear() +
+      '-' +
+      (aData.getMonth() + 1) +
+      '-' +
+      aData.getDate() +
+      ' ' +
+      aData.getHours() +
+      ':' +
+      aData.getMinutes() +
+      ':' +
+      aData.getSeconds();
+    console.log(this.nowData); //2019-8-20
+  },
   methods: {},
 };
 </script>

src/views/ItInformation/ItDetails.vue

@@ -0,0 +1,133 @@
+<template>
+  <div class="box">
+    <div>
+      <div class="policy-title">
+        <span>{{ actDetail.title }}</span>
+      </div>
+      <div class="policy-info">
+        <span>
+          <a-icon
+            class="baseColor"
+            style="font-size: 14px; margin-right: 10px"
+            type="clock-circle"
+          />
+          <span>{{ $moment(+actDetail.time * 1000).format('YYYY-MM-DD HH:mm:ss') }}</span>
+        </span>
+        <span style="margin-left: 60px">
+          <a-icon class="baseColor" style="margin-right: 10px" type="environment" />
+          <span>{{ actDetail.site }}</span>
+        </span>
+      </div>
+      <div class="policy-content" v-dompurify-html="actDetail.content"></div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { mapState } from 'vuex';
+export default {
+  name: 'ItDetails',
+  data() {
+    return { nowData: '' };
+  },
+  computed: mapState('home', ['actDetail']),
+  created() {
+    // 获取当前时间
+    var aData = new Date();
+    console.log(aData); //Wed Aug 21 2019 10:00:58 GMT+0800 (中国标准时间)
+    this.nowData =
+      aData.getFullYear() +
+      '-' +
+      (aData.getMonth() + 1) +
+      '-' +
+      aData.getDate() +
+      ' ' +
+      aData.getHours() +
+      ':' +
+      aData.getMinutes() +
+      ':' +
+      aData.getSeconds();
+    console.log(this.nowData); //2019-8-20
+  },
+  methods: {},
+};
+</script>
+
+<style lang="stylus" scoped>
+.box {
+  width: 1260px;
+  position: relative;
+  margin: 80px auto;
+  background: #fff;
+  min-height: 1037px;
+  overflow: hidden;
+  opacity: 1;
+  padding-bottom: 480px;
+}
+
+.back-btn {
+  width: 80px;
+  position: absolute;
+  right: 0;
+}
+
+.policy-title {
+  height: 120px;
+  font-size: 24px;
+  font-family: Microsoft YaHei;
+  font-weight: 400;
+  color: rgba(0, 0, 0, 0.85);
+  opacity: 1;
+  text-align: center;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0 150px;
+  border-bottom: 1px solid #707070;
+}
+
+.policy-info {
+  height: 76px;
+  line-height: 76px;
+  text-align: center;
+}
+
+.policy-content {
+  padding: 0 25px;
+  font-size: 16px;
+  color: rgba(0, 0, 0, 0.65);
+  font-weight: 400;
+  font-family: Microsoft YaHei;
+}
+
+.coms-style {
+  height: 480px;
+  padding: 25px 0;
+  border-top: 2px solid #ccc;
+  position: absolute;
+  bottom: 0;
+  width: 100%;
+}
+
+.coms-top {
+  height: 280px;
+  padding: 0 25px;
+  overflow: auto;
+  box-shadow: 0 0 5px #ccc;
+}
+
+.coms-btm {
+  margin-top: 20px;
+  padding: 0 10px;
+}
+
+.coms-content {
+  background: rgba(19, 172, 196, 0.1);
+}
+
+.sub {
+  position: absolute;
+  right: 20px;
+  bottom: 20px;
+}
+</style>

src/views/ItInformation/ItInformation.vue

@@ -86,7 +86,7 @@ export default {
     // 跳转到详情界面
     jumpDetails(item) {
       this.setActDetail(item);
-      this.$router.push('/ActDetails');
+      this.$router.push('/ItDetails');
     },
   },
 };

src/views/Policy/components/PolicyList.vue

@@ -39,8 +39,8 @@
           <p class="date-mon">{{ monthEnglish[item.publishTime.split('-')[1] - 1] }}.</p>
           <p class="date-day">{{ item.publishTime.split('-')[2] }}</p>
         </div>
-        <p class="item-title">{{ item.title }}</p>
-        <p class="item-content">{{ item.intro }}</p>
+        <p @click="LookSource(item.id)" class="item-title pointer">{{ item.title }}</p>
+        <p @click="LookSource(item.id)" class="item-content pointer">{{ item.intro }}</p>
         <!-- <p class="item-content" v-html="item.content"></p> -->
         <p class="source-time">
           <span