107 lines
4.1 KiB

<!--
* @Author: your name
* @Date: 2021-11-09 13:49:27
* @LastEditTime: 2021-11-09 17:37:59
* @LastEditors: Please set LastEditors
* @Description: In User Settings Edit
* @FilePath: /data-show/src/views/ModelForumDetails/index.vue
-->
<template>
<div class="d-container">
<div class="mfd-outter">
<mfdHeader></mfdHeader>
<div class="mfd-d1">
<vue-lazy-component>
<mfdCommunicationTrend></mfdCommunicationTrend>
<mfdCommunicationTrendStoken slot="skeleton"></mfdCommunicationTrendStoken>
</vue-lazy-component>
<vue-lazy-component>
<mfdContentType></mfdContentType>
<mfdContentTypeStoken slot="skeleton"></mfdContentTypeStoken>
</vue-lazy-component>
<vue-lazy-component>
<mfdCharacters></mfdCharacters>
<mfdCharactersStoken slot="skeleton"></mfdCharactersStoken>
</vue-lazy-component>
</div>
<div class="mfd-d1">
<vue-lazy-component>
<mfdPositiveTopic></mfdPositiveTopic>
<mfdPositiveTopicStoken slot="skeleton"></mfdPositiveTopicStoken>
</vue-lazy-component>
<vue-lazy-component>
<mfdNegativeTopic></mfdNegativeTopic>
<mfdNegativeTopicStoken slot="skeleton"></mfdNegativeTopicStoken>
</vue-lazy-component>
</div>
<mfdMainPost></mfdMainPost>
<mfdFollowPost></mfdFollowPost>
<div class="mfd-d1">
<vue-lazy-component>
<SuspectedCarBlackID></SuspectedCarBlackID>
<SuspectedCarBlackIDStoken slot="skeleton"></SuspectedCarBlackIDStoken>
</vue-lazy-component>
<vue-lazy-component>
<ThreadIDRegistrationTime></ThreadIDRegistrationTime>
<ThreadIDRegistrationTimeStoken slot="skeleton"></ThreadIDRegistrationTimeStoken>
</vue-lazy-component>
</div>
</div>
</div>
</template>
<script>
import mfdHeader from "./mfdHeader"
import mfdCommunicationTrend from "./mfdCommunicationTrend"
import mfdContentType from "./mfdContentType"
import mfdCharacters from "./mfdCharacters"
import mfdPositiveTopic from "./mfdPositiveTopic"
import mfdNegativeTopic from "./mfdNegativeTopic"
import mfdMainPost from "./mfdMainPost"
import mfdFollowPost from "./mfdFollowPost"
import SuspectedCarBlackID from "./SuspectedCarBlackID"
import ThreadIDRegistrationTime from "./ThreadIDRegistrationTime"
//骨架屏
import mfdCommunicationTrendStoken from "./mfdCommunicationTrendStoken"
import mfdContentTypeStoken from "./mfdContentTypeStoken"
import mfdCharactersStoken from "./mfdCharactersStoken"
import mfdPositiveTopicStoken from "./mfdPositiveTopicStoken"
import mfdNegativeTopicStoken from "./mfdNegativeTopicStoken"
import SuspectedCarBlackIDStoken from "./SuspectedCarBlackIDStoken"
import ThreadIDRegistrationTimeStoken from "./ThreadIDRegistrationTimeStoken"
export default {
name: "ModelForumDetails",
components: {
mfdHeader, // 顶部
mfdCommunicationTrend, // 论坛传播趋势
mfdContentType, // 论坛调性分布
mfdCharacters, // 数据对比分析
mfdPositiveTopic, // 正面话题分布
mfdNegativeTopic, // 负面话题分布
mfdMainPost, // 主帖ID
mfdFollowPost, // 跟帖ID
SuspectedCarBlackID, // 疑似车黑ID
ThreadIDRegistrationTime, // 跟帖ID注册时间
//骨架屏
mfdCommunicationTrendStoken, // 论坛传播趋势
mfdContentTypeStoken, // 论坛调性分布
mfdCharactersStoken, // 数据对比分析
mfdPositiveTopicStoken, // 正面话题分布
mfdNegativeTopicStoken, // 负面话题分布
SuspectedCarBlackIDStoken, // 疑似车黑ID
ThreadIDRegistrationTimeStoken // 跟帖ID注册时间
}
};
</script>
<style lang="less" scoped>
.mfd-outter {
padding: 0px 16px 16px 16px;
}
.mfd-d1 {
margin-top: 16px;
display: flex;
justify-content: flex-start;
}
</style>