公告详情

src/views/notice/NoticeDetail.vue

@@ -3,7 +3,22 @@
     <template slot="extra">
       <a-button size="small" @click="close">返回</a-button>
     </template>
-    <div v-html="model.content"></div>
+    <div class="page-panel__body">
+        <div class="article">
+          <h1 class="article-title">{{model.title}}</h1>
+          <div class="article-attr">
+            <div class="article-attr__item">
+              <span>{{model.createOrgName}}</span>
+            </div>
+            <div class="article-attr__item">
+              <span>({{model.createTime | moment}})</span>
+            </div>
+          </div>
+          <div class="article-body">
+            <div v-html="model.content"></div>
+          </div>
+        </div>
+      </div>
   </a-card>
 </template>
 
@@ -30,3 +45,16 @@ export default {
   }
 }
 </script>
+<style lang="scss" scoped>
+.article {
+  .article-attr {
+    color: black;
+    text-align: center;
+  }
+
+  .article-title {
+    text-align: center;
+  }
+}
+
+</style>