首页完成

src/layout/components/Navbar.vue

@@ -44,26 +44,26 @@
                   <span class="noticeMessageNew" v-if="msg.book.length > 0"></span>
                 </div>
               </div>
-              <div :class="{ 'noticeTabs': true, 'active': tabsIndex == 5 }" @click="changeTabs(5)">
+              <!-- <div :class="{ 'noticeTabs': true, 'active': tabsIndex == 5 }" @click="changeTabs(5)">
                 <div class="noticeTabsItem">
                   聊天
                   <span class="noticeMessageNew" v-if="msg.chat.length > 0"></span>
                 </div>
-              </div>
+              </div> -->
               <div :class="{ 'noticeTabs': true, 'active': tabsIndex == 8 }" @click="changeTabs(8)">
                 <div class="noticeTabsItem">
                   企业
                   <span class="noticeMessageNew" v-if="msg.complany.length > 0"></span>
                 </div>
               </div>
-            </div>
-            <div class="box2" v-show="pages == 2">
               <div :class="{ 'noticeTabs': true, 'active': tabsIndex == 9 }" @click="changeTabs(9)">
                 <div class="noticeTabsItem">
                   项目
                   <span class="noticeMessageNew" v-if="msg.project.length > 0"></span>
                 </div>
               </div>
+            </div>
+            <div class="box2" v-show="pages == 2">
               <div :class="{ 'noticeTabs': true, 'active': tabsIndex == 3 }" @click="changeTabs(3)"
                 v-if="userType == 10000 || userType == 1 || userType == 3">
                 <div class="noticeTabsItem">
@@ -90,7 +90,7 @@
               </div>
             </div>
             <img class="arrowRight" src="@/assets/chat/right.png" @click="pages >= 2 ? pages = 2 : pages++"
-              v-if="pages == 1">
+              v-if="pages == 1 && userType != 4">
           </div>
           <!-- 求职,招聘切换按钮 -->
           <div class="noticeTabsLine" v-if="tabsIndex == 3" style="height: 20px; margin: 0px; margin-top: -20px;">
@@ -154,12 +154,12 @@
               <div v-if="tabsIndex == 2" @click="goToPath(2, -1)">商品列表</div>
               <div v-if="tabsIndex == 3" @click="goToPath(3, -1)">求职招聘列表</div>
               <div v-if="tabsIndex == 4" @click="goToPath(4, -1)">书刊列表</div>
-              <div class="qiuFlex" v-if="tabsIndex == 5">
+              <!-- <div class="qiuFlex" v-if="tabsIndex == 5">
                 <span style="cursor: default;" :class="{ 'qiuPillow': true, 'qiuPillowHover': single == true }"
                   @mouseover="handleQiu(5)">单聊</span>
                 <span style="cursor: default;" :class="{ 'qiuPillow': true, 'qiuPillowHover': group == true }"
                   @mouseover="handleQiu(6)">群聊</span>
-              </div>
+              </div> -->
               <!-- 通知 -->
               <div class="qiuFlex" v-if="tabsIndex == 6 && userType == 2">
                 <span @click="goToPath(6.1, -1)" :class="{ 'qiuPillow': true, 'qiuPillowHover': notice1 == true }"
@@ -464,7 +464,7 @@
             </div>
 
             <!-- 单聊 -->
-            <div class="noticeTabsDataBox" v-if="tabsIndex == 5 && single == true && group == false">
+            <!-- <div class="noticeTabsDataBox" v-if="tabsIndex == 5 && single == true && group == false">
               <div v-if="msg.chat && msg.chat.length > 0">
                 <div class="noticeTabsDataItem" v-for="item in msg.chat" :key="item.id" @click="goToPath(5.1, 0)">
                   <div class="noticeTabsDataItemImg chatIcon">
@@ -484,9 +484,9 @@
                   暂无消息
                 </div>
               </div>
-            </div>
+            </div> -->
             <!-- 群聊 -->
-            <div class="noticeTabsDataBox" v-if="tabsIndex == 5 && group == true && single == false">
+            <!-- <div class="noticeTabsDataBox" v-if="tabsIndex == 5 && group == true && single == false">
               <div v-if="msg.chat_group && msg.chat_group.length > 0">
                 <div class="noticeTabsDataItem" v-for="item in msg.chat_group" :key="item.id" @click="goToPath(5.2, 0)">
                   <div class="noticeTabsDataItemImg chatIcon">
@@ -506,7 +506,7 @@
                   暂无消息
                 </div>
               </div>
-            </div>
+            </div> -->
 
             <!-- 通知 -->
             <div class="noticeTabsDataBox" v-if="tabsIndex == 6 && notice1 == true && notice2 == false">

src/views/dashboard/admin/index.vue

@@ -3,11 +3,6 @@
     <div class="dashboard-editor-container">
         <!--超级管理员10000√ 个人会员1× 政务会员2× 企业会员3× 调研员4×-->
         <div v-if="userType == 10000">
-
-
-
-
-
             <el-row :gutter="32">
                 <el-col :xs="24" :sm="24" :lg="24">
                     <div class="topDataBox">
@@ -58,6 +53,16 @@
                                     <span @click="goToList(7)">{{ complaintCount }}</span>
                                 </div>
                             </div>
+                            <div class="topDataLi5">
+                                <div class="topDataMain">
+                                    <span @click="goToList(9)">待审核企业</span>
+                                    <span @click="goToList(9)">{{ complanyCount }}</span>
+                                </div>
+                                <div class="topDataMain">
+                                    <span @click="goToList(10)">待审核项目</span>
+                                    <span @click="goToList(10)">{{ projectCount }}</span>
+                                </div>
+                            </div>
                         </div>
                     </div>
                 </el-col>
@@ -144,6 +149,52 @@
                         <div class="twbNumber">{{ allJobHuntingCount }}</div>
                     </div>
                 </el-col>
+                <el-col :xs="24" :sm="24" :lg="6">
+                    <div class="topWindowBox">
+                        <div class="twbTitle">
+                            <div class="twbIconbg bg9">
+                                <img src="@/assets/index/topIcon9.png" />
+                            </div>
+                            通知发布总数量
+                        </div>
+                        <div class="twbNumber">{{ allNoticeCount }}</div>
+                    </div>
+                </el-col>
+            </el-row>
+            <el-row :gutter="32">
+                <el-col :xs="24" :sm="24" :lg="6">
+                    <div class="topWindowBox ">
+                        <div class="twbTitle">
+                            <div class="twbIconbg bg10">
+                                <img src="@/assets/index/topIcon10.png" />
+                            </div>
+                            投诉发布总数量
+                        </div>
+                        <div class="twbNumber">{{ allComplaintCount }}</div>
+                    </div>
+                </el-col>
+                <el-col :xs="24" :sm="24" :lg="6">
+                    <div class="topWindowBox">
+                        <div class="twbTitle">
+                            <div class="twbIconbg bg11">
+                                <img src="@/assets/index/topIcon11.png" />
+                            </div>
+                            企业发布总数量
+                        </div>
+                        <div class="twbNumber">{{ allComplanyCount }}</div>
+                    </div>
+                </el-col>
+                <el-col :xs="24" :sm="24" :lg="6">
+                    <div class="topWindowBox">
+                        <div class="twbTitle">
+                            <div class="twbIconbg bg12">
+                                <img src="@/assets/index/topIcon12.png" />
+                            </div>
+                            项目发布总数量
+                        </div>
+                        <div class="twbNumber">{{ allProjectCount }}</div>
+                    </div>
+                </el-col>
             </el-row>
             <el-row :gutter="32">
                 <el-col :xs="24" :sm="24" :lg="16">
@@ -203,23 +254,23 @@
                                 </div>
                             </div>
                             <div class="topDataLi3">
-                                <div class="topDataMainCenter">
+                                <!-- <div class="topDataMainCenter">
                                     <span @click="goToList(4)">待审核招聘</span>
                                     <span @click="goToList(4)">{{ jobRecruitingCount }}</span>
-                                </div>
+                                </div> -->
                                 <div class="topDataMainCenter">
                                     <span @click="goToList(5)">待审核求职</span>
                                     <span @click="goToList(5)">{{ jobHuntingCount }}</span>
                                 </div>
                             </div>
-                            <div class="topDataLi4">
-                                <!-- <div class="topDataMain">
-                                    <span @click="goToList(6)">待审核行政通知</span>
-                                    <span @click="goToList(6)">{{noticeCount}}</span>
-                                </div> -->
+                            <div class="topDataLi5">
                                 <div class="topDataMain">
-                                    <span @click="goToList(7)">待审核行政投诉</span>
-                                    <span @click="goToList(7)">{{ complaintCount }}</span>
+                                    <span @click="goToList(9)">待审核企业</span>
+                                    <span @click="goToList(9)">{{ complanyCount }}</span>
+                                </div>
+                                <div class="topDataMain">
+                                    <span @click="goToList(10)">待审核项目</span>
+                                    <span @click="goToList(10)">{{ projectCount }}</span>
                                 </div>
                             </div>
                         </div>
@@ -227,8 +278,6 @@
                 </el-col>
             </el-row>
 
-
-
             <el-row :gutter="32">
                 <el-col :xs="24" :sm="24" :lg="6">
                     <div class="topWindowBox">
@@ -275,6 +324,30 @@
                     </div>
                 </el-col>
             </el-row>
+            <el-row :gutter="32">
+                <el-col :xs="24" :sm="24" :lg="6">
+                    <div class="topWindowBox">
+                        <div class="twbTitle">
+                            <div class="twbIconbg bg11">
+                                <img src="@/assets/index/topIcon11.png" />
+                            </div>
+                            企业发布数量
+                        </div>
+                        <div class="twbNumber">{{ allComplanyCount }}</div>
+                    </div>
+                </el-col>
+                <el-col :xs="24" :sm="24" :lg="6">
+                    <div class="topWindowBox">
+                        <div class="twbTitle">
+                            <div class="twbIconbg bg12">
+                                <img src="@/assets/index/topIcon12.png" />
+                            </div>
+                            项目发布数量
+                        </div>
+                        <div class="twbNumber">{{ allProjectCount }}</div>
+                    </div>
+                </el-col>
+            </el-row>
 
             <!--lj 系统消息开始 -->
             <el-row :gutter="32">
@@ -387,6 +460,17 @@
                                     <span @click="goToList(7)">{{ complaintCount }}</span>
                                 </div>
                             </div>
+                            <div class="topDataLi5">
+                                <div class="topDataMain">
+                                    <span @click="goToList(9)">待审核企业</span>
+                                    <span @click="goToList(9)">{{ complanyCount }}</span>
+                                </div>
+                                <div class="topDataMain">
+                                    <span @click="goToList(10)">待审核项目</span>
+                                    <span @click="goToList(10)">{{ projectCount }}</span>
+                                </div>
+                            </div>
+
                         </div>
                     </div>
                 </el-col>
@@ -429,12 +513,59 @@
                 <el-col :xs="24" :sm="24" :lg="6">
                     <div class="topWindowBox">
                         <div class="twbTitle">
-                            <div class="twbIconbg bg7">
-                                <img src="@/assets/index/topIcon7.png" />
+                            <div class="twbIconbg bg9">
+                                <img src="@/assets/index/topIcon9.png" />
                             </div>
-                            求职发布数量
+                            通知发布数量
+                        </div>
+                        <div class="twbNumber">{{ allNoticeCount }}</div>
+                    </div>
+                </el-col>
+            </el-row>
+            <el-row :gutter="32">
+                <el-col :xs="24" :sm="24" :lg="6">
+                    <div class="topWindowBox">
+                        <div class="twbTitle">
+                            <div class="twbIconbg bg10">
+                                <img src="@/assets/index/topIcon10.png" />
+                            </div>
+                            投诉发布数量
+                        </div>
+                        <div class="twbNumber">{{ allComplaintCount }}</div>
+                    </div>
+                </el-col>
+                <el-col :xs="24" :sm="24" :lg="6">
+                    <div class="topWindowBox">
+                        <div class="twbTitle">
+                            <div class="twbIconbg bg11">
+                                <img src="@/assets/index/topIcon11.png" />
+                            </div>
+                            企业发布数量
+                        </div>
+                        <div class="twbNumber">{{ allComplanyCount }}</div>
+                    </div>
+                </el-col>
+                <el-col :xs="24" :sm="24" :lg="6">
+                    <div class="topWindowBox">
+                        <div class="twbTitle">
+                            <div class="twbIconbg bg12">
+                                <img src="@/assets/index/topIcon12.png" />
+                            </div>
+                            项目发布数量
+                        </div>
+                        <div class="twbNumber">{{ allProjectCount }}</div>
+                    </div>
+                </el-col>
+                <el-col :xs="24" :sm="24" :lg="6">
+                    <div class="topWindowBox">
+                        <div class="twbTitle">
+                            <div class="twbIconbg bg8">
+                                <img src="@/assets/index/topIcon8.png" />
+                            </div>
+                            待处理
                         </div>
                         <div class="twbNumber">{{ allJobHuntingCount }}</div>
+                        投诉
                     </div>
                 </el-col>
             </el-row>
@@ -566,14 +697,14 @@
                                     <span @click="goToList(4)">{{ jobRecruitingCount }}</span>
                                 </div>
                             </div>
-                            <div class="topDataLi4">
-                                <!-- <div class="topDataMain">
-                                    <span @click="goToList(6)">待审核行政通知</span>
-                                    <span @click="goToList(6)">{{noticeCount}}</span>
-                                </div> -->
+                            <div class="topDataLi5">
                                 <div class="topDataMain">
-                                    <span @click="goToList(7)">待审核行政投诉</span>
-                                    <span @click="goToList(7)">{{ complaintCount }}</span>
+                                    <span @click="goToList(9)">待审核企业</span>
+                                    <span @click="goToList(9)">{{ complanyCount }}</span>
+                                </div>
+                                <div class="topDataMain">
+                                    <span @click="goToList(10)">待审核项目</span>
+                                    <span @click="goToList(10)">{{ projectCount }}</span>
                                 </div>
                             </div>
                         </div>
@@ -581,6 +712,88 @@
                 </el-col>
             </el-row>
 
+            <el-row :gutter="32">
+                <el-col :xs="24" :sm="24" :lg="6">
+                    <div class="topWindowBox">
+                        <div class="twbTitle">
+                            <div class="twbIconbg bg3">
+                                <img src="@/assets/index/topIcon3.png" />
+                            </div>
+                            资讯发布数量
+                        </div>
+                        <div class="twbNumber">{{ allArticleCount }}</div>
+                    </div>
+                </el-col>
+                <el-col :xs="24" :sm="24" :lg="6">
+                    <div class="topWindowBox">
+                        <div class="twbTitle">
+                            <div class="twbIconbg bg4">
+                                <img src="@/assets/index/topIcon4.png" />
+                            </div>
+                            商品发布数量
+                        </div>
+                        <div class="twbNumber">{{ allGoodsCount }}</div>
+                    </div>
+                </el-col>
+                <el-col :xs="24" :sm="24" :lg="6">
+                    <div class="topWindowBox">
+                        <div class="twbTitle">
+                            <div class="twbIconbg bg5">
+                                <img src="@/assets/index/topIcon5.png" />
+                            </div>
+                            书刊音像发布数量
+                        </div>
+                        <div class="twbNumber">{{ allBookCount }}</div>
+                    </div>
+                </el-col>
+                <!-- <el-col :xs="24" :sm="24" :lg="6">
+                    <div class="topWindowBox">
+                        <div class="twbTitle">
+                            <div class="twbIconbg bg7">
+                                <img src="@/assets/index/topIcon7.png" />
+                            </div>
+                            求职发布数量
+                        </div>
+                        <div class="twbNumber">{{ allJobHuntingCount }}</div>
+                    </div>
+                </el-col> -->
+                <el-col :xs="24" :sm="24" :lg="6">
+                    <div class="topWindowBox">
+                        <div class="twbTitle">
+                            <div class="twbIconbg bg6">
+                                <img src="@/assets/index/topIcon6.png" />
+                            </div>
+                            招聘发布数量
+                        </div>
+                        <div class="twbNumber">{{ allJobRecruitingCount }}</div>
+                    </div>
+                </el-col>
+            </el-row>
+            <el-row :gutter="32">
+                <el-col :xs="24" :sm="24" :lg="6">
+                    <div class="topWindowBox">
+                        <div class="twbTitle">
+                            <div class="twbIconbg bg11">
+                                <img src="@/assets/index/topIcon11.png" />
+                            </div>
+                            企业发布数量
+                        </div>
+                        <div class="twbNumber">{{ allComplanyCount }}</div>
+                    </div>
+                </el-col>
+                <el-col :xs="24" :sm="24" :lg="6">
+                    <div class="topWindowBox">
+                        <div class="twbTitle">
+                            <div class="twbIconbg bg12">
+                                <img src="@/assets/index/topIcon12.png" />
+                            </div>
+                            项目发布数量
+                        </div>
+                        <div class="twbNumber">{{ allProjectCount }}</div>
+                    </div>
+                </el-col>
+            </el-row>
+
 
 
             <!--lj 系统消息开始 -->
@@ -683,14 +896,14 @@
                                     <span @click="goToList(3)">{{ bookCount }}</span>
                                 </div>
                             </div>
-                            <div class="topDataLi4">
-                                <!-- <div class="topDataMain">
-                                    <span @click="goToList(6)">待审核行政通知</span>
-                                    <span @click="goToList(6)">{{noticeCount}}</span>
-                                </div> -->
+                            <div class="topDataLi5">
                                 <div class="topDataMain">
-                                    <span @click="goToList(7)">待审核行政投诉</span>
-                                    <span @click="goToList(7)">{{ complaintCount }}</span>
+                                    <span @click="goToList(9)">待审核企业</span>
+                                    <span @click="goToList(9)">{{ complanyCount }}</span>
+                                </div>
+                                <div class="topDataMain">
+                                    <span @click="goToList(10)">待审核项目</span>
+                                    <span @click="goToList(10)">{{ projectCount }}</span>
                                 </div>
                             </div>
                         </div>
@@ -698,7 +911,7 @@
                 </el-col>
             </el-row>
             <el-row :gutter="32">
-                <el-col :xs="24" :sm="24" :lg="8">
+                <el-col :xs="24" :sm="24" :lg="6">
                     <div class="topWindowBox">
                         <div class="twbTitle">
                             <div class="twbIconbg bg3">
@@ -709,7 +922,7 @@
                         <div class="twbNumber">{{ allArticleCount }}</div>
                     </div>
                 </el-col>
-                <el-col :xs="24" :sm="24" :lg="8">
+                <el-col :xs="24" :sm="24" :lg="6">
                     <div class="topWindowBox">
                         <div class="twbTitle">
                             <div class="twbIconbg bg4">
@@ -720,7 +933,7 @@
                         <div class="twbNumber">{{ allGoodsCount }}</div>
                     </div>
                 </el-col>
-                <el-col :xs="24" :sm="24" :lg="8">
+                <el-col :xs="24" :sm="24" :lg="6">
                     <div class="topWindowBox">
                         <div class="twbTitle">
                             <div class="twbIconbg bg5">
@@ -731,6 +944,28 @@
                         <div class="twbNumber">{{ allBookCount }}</div>
                     </div>
                 </el-col>
+                <el-col :xs="24" :sm="24" :lg="6">
+                    <div class="topWindowBox">
+                        <div class="twbTitle">
+                            <div class="twbIconbg bg11">
+                                <img src="@/assets/index/topIcon11.png" />
+                            </div>
+                            企业发布数量
+                        </div>
+                        <div class="twbNumber">{{ allComplanyCount }}</div>
+                    </div>
+                </el-col>
+                <el-col :xs="24" :sm="24" :lg="6">
+                    <div class="topWindowBox">
+                        <div class="twbTitle">
+                            <div class="twbIconbg bg12">
+                                <img src="@/assets/index/topIcon12.png" />
+                            </div>
+                            项目发布数量
+                        </div>
+                        <div class="twbNumber">{{ allProjectCount }}</div>
+                    </div>
+                </el-col>
             </el-row>
         </div>
     </div>
@@ -775,6 +1010,8 @@ export default {
             jobHuntingCount: 0, //待审核求职
             noticeCount: 0, //待审核行政通知
             complaintCount: 0, //待审核行政投诉
+            complanyCount: 0, //待审核企业
+            projectCount: 0, //待审核项目
             //所有数据
             allWebsiteCount: 0,
             allArticleCount: 0,
@@ -785,6 +1022,8 @@ export default {
             allJobHuntingCount: 0,
             allNoticeCount: 0,
             allComplaintCount: 0,
+            allComplanyCount: 0, //待审核企业
+            allProjectCount: 0, //待审核项目
             sys_msg: {},//系统消息
             chat_msg: {},
             notice_msg: {},
@@ -797,7 +1036,9 @@ export default {
                 { label: '商品', value: '2' },
                 { label: '书刊音像', value: '3' },
                 { label: '招聘', value: '4' },
-                { label: '求职', value: '5' }
+                { label: '求职', value: '5' },
+                { label: '企业', value: '6' },
+                { label: '项目', value: '7' },
             ],
             lineChartData: [],//折线图目前展示哪个数据
             lineChartData1: [],//折线图数据 - 资讯
@@ -805,6 +1046,8 @@ export default {
             lineChartData3: [],//折线图数据 - 书刊音像
             lineChartData4: [],//折线图数据 - 招聘
             lineChartData5: [],//折线图数据 - 求职
+            lineChartData6: [],//折线图数据 - 企业
+            lineChartData7: [],//折线图数据 - 项目
             //圆环图
             ringChartData: [],//圆环图数据
             //用户身份
@@ -836,6 +1079,8 @@ export default {
         getData() {
             //获取首页数据
             this.$store.dispatch('public/getAdminIndex').then(res => {
+                console.log('res.data', res.data);
+
                 if (res.code == 200) {
                     //系统消息
                     this.sys_msg = res.data.sys_msg;
@@ -853,6 +1098,8 @@ export default {
                     this.jobHuntingCount = res.data.apply.jobHunting;
                     this.noticeCount = res.data.apply.notice;
                     this.complaintCount = res.data.apply.complaint;
+                    this.complanyCount = res.data.apply.company;
+                    this.projectCount = res.data.apply.project;
                     //所有数据
                     this.allWebsiteCount = res.data.website.count;
                     this.allCategoryCount = res.data.category.count;
@@ -863,6 +1110,8 @@ export default {
                     this.allJobHuntingCount = res.data.jobHunting.count;
                     this.allNoticeCount = res.data.notice.count;
                     this.allComplaintCount = res.data.complaint.count;
+                    this.allComplanyCount = res.data.company.count; //待审核企业
+                    this.allProjectCount = res.data.project.count; //待审核项目
                     //折线图
                     this.lineChartData = res.data.monthArticle;//当前展示的那个
                     this.lineChartData1 = res.data.monthArticle;//折线图数据 - 资讯
@@ -870,6 +1119,8 @@ export default {
                     this.lineChartData3 = res.data.monthBook;//圆环图数据 - 书刊音像
                     this.lineChartData4 = res.data.monthJobRecruiting;//圆环图数据 - 招聘
                     this.lineChartData5 = res.data.monthJobHunting;//圆环图数据 - 求职
+                    this.lineChartData6 = res.data.monthCompany;//圆环图数据 - 企业
+                    this.lineChartData7 = res.data.monthProject;//圆环图数据 - 项目
                     //圆环图
                     this.ringChartData = res.data.userType;
                 }
@@ -884,6 +1135,8 @@ export default {
             if (typenumber == 6) { this.$router.push({ path: '/noticeListApply' }) }
             if (typenumber == 7) { this.$router.push({ path: '/ncomplaintListApply' }) }
             if (typenumber == 8) { this.$router.push({ path: '/adList' }) }
+            if (typenumber == 9) { this.$router.push({ path: '/checkcompanyList' }) }
+            if (typenumber == 10) { this.$router.push({ path: '/checkprojectList' }) }
         },
         goToDetail(id, type) {
             //跳转到详情页
@@ -942,6 +1195,12 @@ export default {
             if (type == 5) {
                 this.lineChartData = this.lineChartData5;
             }
+            if (type == 6) {
+                this.lineChartData = this.lineChartData6;
+            }
+            if (type == 7) {
+                this.lineChartData = this.lineChartData7;
+            }
         }
     },
     mounted() {
@@ -1001,7 +1260,7 @@ export default {
     align-items: center;
 
     .topDataLi1 {
-        width: 268px;
+        width: 248px;
         border-right: 1px solid #fff;
         height: 70px;
 
@@ -1016,7 +1275,7 @@ export default {
 
     .topDataLi2,
     .topDataLi3 {
-        width: 359px;
+        width: 318px;
         border-right: 1px solid #fff;
         height: 70px;
 
@@ -1026,11 +1285,25 @@ export default {
     }
 
     .topDataLi4 {
-        width: 268px;
+        width: 318px;
+        border-right: 1px solid #fff;
         height: 70px;
 
         .topDataMain {
-            margin-left: 90px;
+            margin: 0 auto;
+        }
+
+        .topDataMain:nth-child(1) {
+            margin-bottom: 20px;
+        }
+    }
+
+    .topDataLi5 {
+        width: 248px;
+        height: 70px;
+
+        .topDataMain {
+            margin-left: 70px;
         }
 
         .topDataMain:nth-child(1) {
@@ -1120,7 +1393,23 @@ export default {
         }
 
         .bg8 {
-            background: #FFFAF4;
+            background: #fffaf4;
+        }
+
+        .bg9 {
+            background: #e9f3fc;
+        }
+
+        .bg10 {
+            background: #ffe5e5;
+        }
+
+        .bg11 {
+            background: #f8f4fe;
+        }
+
+        .bg12 {
+            background: #f1f7fd;
         }
 
     }

src/views/notice/noticeDetail.vue

@@ -44,16 +44,16 @@
                                 <div class="box_in">附件:</div>
                             </div>
 
-                            <!-- <div class="comment-list">
-                                <div class="comment_li" v-for="(per_obj, keys) in replyList" :key="keys">
+                            <div class="comment-list">
+                                <!-- <div class="comment_li" v-for="(per_obj, keys) in replyList" :key="keys">
                                     <el-avatar class="comment_li_img" :src="per_obj.avatar" />
                                     <div class="comment_li_name">{{ per_obj.nickname }}：</div>
                                     <div class="comment_li_text">
                                         {{ per_obj.content }}
                                     </div>
                                     <div class="comment_li_time">{{ per_obj.created_at }}</div>
-                                </div>
-                            </div> -->
+                                </div> -->
+                            </div>
                             <!-- <div class="alignBox">
                                 <el-row>
                                     <el-col :span="24">