1

src/api/operation/dynamic/index.js

@@ -8,6 +8,13 @@ export function dynamicList(params) {
 		params: params,
 	})
 }
+export function dynamicInfo(params) {
+	return httpService({
+		url: `/user/dynamic/findById`,
+		method: 'get',
+		params: params,
+	})
+}
 // 删除
 export function dynamicDel(params) {
 	return httpService({

src/views/Operation/BBS/_dynamic/detail.vue

@@ -3,53 +3,58 @@
     <div class="content">
       <div class="cardTitle">动态信息</div>
       <div class="content">
-        <span class="title">动态内容</span>
         <a-row>
-          <a-col class="text-content">{{ detailData.content }}</a-col>
-          <a-col class="img-box">
-            <img
-              :src="$ImgUrl(img.url)"
-              class="contentImg"
-              v-for="(img, index) in detailData.imgList"
-              :key="index"
-            />
-          </a-col>
-		  <a-col :span="4">
-			  <span class="title">发布者</span>
-				<a-card style="width: 60%;margin:10px;border-radius:4px;height:190px;text-align:center">
-					<div><a-avatar :size="64" icon="user" /></div>
-					<div class="text-content" style="margin-top:20px">{{detailData.createName}}</div>
-				</a-card>
-		  </a-col>
-		  <a-col :span="20">
-			  <span class="title">其他信息</span>
-			  	<a-card style="width: 60%;margin:10px;border-radius:4px;height:190px">
-					<a-descriptions layout="vertical">
+          <a-col>
+            <a-card>
+              <a-descriptions layout="vertical" :column="4">
+                <a-descriptions-item label="发布人">
+                  {{ detailData.createName }}
+                </a-descriptions-item>
+                <a-descriptions-item label="动态内容">
+                  {{ detailData.content }}
+                </a-descriptions-item>
                 <a-descriptions-item label="浏览数量">
-							{{detailData.views}}
+                  {{ detailData.views }}
                 </a-descriptions-item>
                 <a-descriptions-item label="点赞数量">
-							{{detailData.likes}}
+                  {{ detailData.likes }}
                 </a-descriptions-item>
                 <a-descriptions-item label="发布时间">
-							{{detailData.createDate}}
+                  {{ detailData.createDate }}
                 </a-descriptions-item>
                 <a-descriptions-item label="是否公开">
-							{{detailData.isPublic===1?'是':'否'}}
+                  {{ detailData.isPublic === 1 ? "是" : "否" }}
                 </a-descriptions-item>
                 <a-descriptions-item label="是否可评论">
-							{{detailData.isComment===1?'是':'否'}}
+                  {{ detailData.isComment === 1 ? "是" : "否" }}
+                </a-descriptions-item>
+                <a-descriptions-item label="点赞数">
+                  {{ detailData.likes }}
+                </a-descriptions-item>
+                <a-descriptions-item label="浏览量">
+                  {{ detailData.views }}
                 </a-descriptions-item>
               </a-descriptions>
             </a-card>
           </a-col>
+          <a-col class="img-box">
+			   <div class="title" v-if="detailData.imgList.length>0">动态图片</div>
+            <img
+              :src="$ImgUrl(img.url)"
+              class="contentImg"
+              v-for="(img, index) in detailData.imgList"
+              :key="index"
+            />
+          </a-col>
           <a-col>
             <div class="title">关联话题</div>
-			  <div class='topic-box'>
-				  	<a-button class='topic'>#{{detailData.content}}</a-button>
-				  	<a-button class='topic'>#{{detailData.content}}</a-button>
-				  	<a-button class='topic'>#{{detailData.content}}</a-button>
-				  	<a-button class='topic'>#{{detailData.content}}</a-button>
+            <div class="topic-box">
+              <a-button
+                class="topic"
+                v-for="item in detailData.topicTags"
+                :key="item.id"
+                >#{{ item.title }}</a-button
+              >
             </div>
           </a-col>
         </a-row>
@@ -121,10 +126,12 @@ import {
 	commentList,
 	commentRecover,
 	commentDel,
+	dynamicInfo,
 } from "@/api/operation/dynamic";
 export default {
 	data() {
 		return {
+			id: undefined,
 			detailData: {},
 			tableData: [],
 			selectedRowKeys: [],
@@ -194,11 +201,17 @@ export default {
 		};
 	},
 	mounted() {
-		this.detailData = this.$route.params.data;
-		console.log(this.detailData);
+		this.id = this.$route.params.data.id;
 		this.getComment();
+		this.getData();
 	},
 	methods: {
+		async getData() {
+			let res = await dynamicInfo({
+				communityDynamicId: this.id,
+			});
+			this.detailData = res.data;
+		},
 		async getComment() {
 			let res = await commentList({
 				pageNum: this.pagination.current,
@@ -292,18 +305,18 @@ export default {
   width: 168px;
   height: 92px;
   border-radius: 4px;
-  margin:10px;
+  margin: 10px;
 }
-.img-box{
+.img-box {
   display: flex;
-	justify-content:flex-start;
+  justify-content: flex-start;
 }
-.topic-box{
+.topic-box {
   display: flex;
-	justify-content:flex-start;
+  justify-content: flex-start;
 }
-.topic{
-	margin:5px;
-	border-radius:44px;
+.topic {
+  margin: 5px;
+  border-radius: 44px;
 }
 </style>