更新

src/views/meetingBrief/detail.vue

@@ -7,13 +7,37 @@
         </el-col>
         <el-col :span="24" class="main">
           <span v-if="this.type == '7'">
-            <el-col :span="24">
+            <el-col :span="24" class="contactInfo">
               <p>{{ contactInfo.title }}</p>
+              <p>{{ contactInfo.publish_time }}</p>
+              <p v-html="contactInfo.content"></p>
             </el-col>
           </span>
           <span v-else>
-            <el-col :span="24">
+            <el-col :span="24" class="newsInfo">
               <p>{{ newsInfo.title }}</p>
+              <p>
+                <span>{{
+                  newsInfo.type == '0'
+                    ? '会议简介'
+                    : newsInfo.type == '1'
+                    ? '会议日程'
+                    : newsInfo.type == '2'
+                    ? '主办方介绍'
+                    : newsInfo.type == '3'
+                    ? '协办方介绍'
+                    : newsInfo.type == '4'
+                    ? '专家介绍'
+                    : newsInfo.type == '5'
+                    ? '继续再教育申请表'
+                    : newsInfo.type == '6'
+                    ? '温馨提示'
+                    : '暂无'
+                }}</span>
+                <span>发布时间：{{ newsInfo.publish_time }}</span>
+              </p>
+              <el-image :src="newsInfo.filedir" class="image"></el-image>
+              <p v-html="newsInfo.content"></p>
             </el-col>
           </span>
         </el-col>
@@ -56,10 +80,14 @@ export default {
     async search() {
       if (this.type == '7') {
         let res = await this.query();
-        console.log(res);
+        if (this.$checkRes(res)) {
+          this.$set(this, `contactInfo`, res.data[0]);
+        }
       } else {
-        let res = await this.query({ type: this.type });
-        console.log(res);
+        let res = await this.fetch(this.id);
+        if (this.$checkRes(res)) {
+          this.$set(this, `newsInfo`, res.data);
+        }
       }
     },
   },
@@ -76,7 +104,7 @@ export default {
     },
   },
   mounted() {
-    this.title = this.$route.query.type;
+    this.title = this.$route.meta.title;
     this.isleftarrow = this.$route.meta.isleftarrow;
   },
 };
@@ -97,5 +125,42 @@ export default {
 }
 .main {
   min-height: 570px;
+  .contactInfo {
+    padding: 15px 10px;
+    p:first-child {
+      text-align: center;
+      font-size: 18px;
+      padding: 0 0 5px 0;
+    }
+    p:nth-child(2) {
+      text-align: center;
+      font-size: 14px;
+      color: #ccc;
+      padding: 0 0 5px 0;
+    }
+  }
+  .newsInfo {
+    padding: 15px 10px;
+    p:first-child {
+      text-align: center;
+      font-size: 18px;
+      padding: 0 0 5px 0;
+    }
+    p:nth-child(2) {
+      text-align: center;
+      font-size: 14px;
+      color: #ccc;
+      padding: 0 0 10px 0;
+      span:first-child {
+        display: inline-block;
+        width: 40%;
+        text-align: left;
+      }
+    }
+    .image {
+      width: 100%;
+      height: 200px;
+    }
+  }
 }
 </style>