diff --git a/src/layout/components/HeaderSys/index.vue b/src/layout/components/HeaderSys/index.vue
index d26f548..477237b 100644
--- a/src/layout/components/HeaderSys/index.vue
+++ b/src/layout/components/HeaderSys/index.vue
@@ -12,6 +12,13 @@
         {{ item.title }}
       </p>
     </div>
+
+    <div @click="goNews" class="goNews" title="消息通知">
+      <el-badge :value="4" :max="99">
+        <img :src="xiaoxi" alt="" />
+      </el-badge>
+    </div>
+
     <div @click="goOneMap" class="toOneMap" title="前往海绵一张图">
       <el-icon><HomeFilled /></el-icon>
     </div>
@@ -42,6 +49,11 @@
     <el-dialog v-model="dialogShow" title="个人中心" width="1100px" append-to-body>
       <UserCenter></UserCenter>
     </el-dialog>
+
+    <!-- 消息通知弹窗 -->
+    <el-dialog v-model="dialogNews" title="消息通知" width="600px" append-to-body>
+      <newsDiaLOG></newsDiaLOG>
+    </el-dialog>
   </div>
 </template>
 
@@ -51,7 +63,9 @@
 import useAppStore from '@/store/modules/app';
 import useUserStore from '@/store/modules/user';
 import UserCenter from '@/views/system/user/profile/index'; //个人中心
+import newsDiaLOG from '@/views/system/user/profile/newsDiaLOG'; //消息通知
 import userImg from '@/assets/images/login/user.png'; //默认头像
+import xiaoxi from '@/assets/images/login/xiaoxi_icon.png';
 import bus from '@/utils/mitt';
 import { ElMessageBox } from 'element-plus';
 import usePermissionStore from '@/store/modules/permission';
@@ -59,6 +73,7 @@
 const permissionStore = usePermissionStore();
 const { proxy } = getCurrentInstance();
 const dialogShow = ref(false);
+const dialogNews = ref(false);
 const appStore = useAppStore();
 const userStore = useUserStore();
 const menuList = ref([]);
@@ -119,6 +134,12 @@
   localStorage.setItem('routerPartXG', 'Project'); //默认加载项目首页
 }
 
+// 消息弹框
+function goNews() {
+  console.log('123');
+  dialogNews.value = true;
+}
+
 onMounted(() => {
   // 动态获取路由返回子菜单
   permissionStore.sidebarRouters.map(item => {
@@ -161,8 +182,20 @@
       font-size: 28px;
     }
   }
+  .goNews {
+    width: 29px;
+    height: 29px;
+    text-align: center;
+    padding-right: 8px;
+    cursor: pointer;
+    img {
+      width: 22px;
+      height: 22px;
+      margin-top: 4px;
+    }
+  }
   .headerMenu {
-    width: 1500px;
+    width: 1400px;
     height: 100%;
     display: flex;
     align-items: center;
@@ -192,7 +225,6 @@
     height: 100%;
     display: flex;
     align-items: center;
-
     &:focus {
       outline: none;
     }

diff --git a/src/layout/components/HeaderSys/index.vue b/src/layout/components/HeaderSys/index.vue
index d26f548..477237b 100644
--- a/src/layout/components/HeaderSys/index.vue
+++ b/src/layout/components/HeaderSys/index.vue
@@ -12,6 +12,13 @@
         {{ item.title }}
       </p>
     </div>
+
+    <div @click="goNews" class="goNews" title="消息通知">
+      <el-badge :value="4" :max="99">
+        <img :src="xiaoxi" alt="" />
+      </el-badge>
+    </div>
+
     <div @click="goOneMap" class="toOneMap" title="前往海绵一张图">
       <el-icon><HomeFilled /></el-icon>
     </div>
@@ -42,6 +49,11 @@
     <el-dialog v-model="dialogShow" title="个人中心" width="1100px" append-to-body>
       <UserCenter></UserCenter>
     </el-dialog>
+
+    <!-- 消息通知弹窗 -->
+    <el-dialog v-model="dialogNews" title="消息通知" width="600px" append-to-body>
+      <newsDiaLOG></newsDiaLOG>
+    </el-dialog>
   </div>
 </template>
 
@@ -51,7 +63,9 @@
 import useAppStore from '@/store/modules/app';
 import useUserStore from '@/store/modules/user';
 import UserCenter from '@/views/system/user/profile/index'; //个人中心
+import newsDiaLOG from '@/views/system/user/profile/newsDiaLOG'; //消息通知
 import userImg from '@/assets/images/login/user.png'; //默认头像
+import xiaoxi from '@/assets/images/login/xiaoxi_icon.png';
 import bus from '@/utils/mitt';
 import { ElMessageBox } from 'element-plus';
 import usePermissionStore from '@/store/modules/permission';
@@ -59,6 +73,7 @@
 const permissionStore = usePermissionStore();
 const { proxy } = getCurrentInstance();
 const dialogShow = ref(false);
+const dialogNews = ref(false);
 const appStore = useAppStore();
 const userStore = useUserStore();
 const menuList = ref([]);
@@ -119,6 +134,12 @@
   localStorage.setItem('routerPartXG', 'Project'); //默认加载项目首页
 }
 
+// 消息弹框
+function goNews() {
+  console.log('123');
+  dialogNews.value = true;
+}
+
 onMounted(() => {
   // 动态获取路由返回子菜单
   permissionStore.sidebarRouters.map(item => {
@@ -161,8 +182,20 @@
       font-size: 28px;
     }
   }
+  .goNews {
+    width: 29px;
+    height: 29px;
+    text-align: center;
+    padding-right: 8px;
+    cursor: pointer;
+    img {
+      width: 22px;
+      height: 22px;
+      margin-top: 4px;
+    }
+  }
   .headerMenu {
-    width: 1500px;
+    width: 1400px;
     height: 100%;
     display: flex;
     align-items: center;
@@ -192,7 +225,6 @@
     height: 100%;
     display: flex;
     align-items: center;
-
     &:focus {
       outline: none;
     }
diff --git a/src/views/publicService/publicmind.vue b/src/views/publicService/publicmind.vue
index dd4a428..d863a89 100644
--- a/src/views/publicService/publicmind.vue
+++ b/src/views/publicService/publicmind.vue
@@ -27,14 +27,15 @@
     <el-table v-loading="tableLoading" :data="tableData" max-height="650">
       <el-table-column label="用户头像" prop="headImg">
         <template #default="scope">
-          <el-image :src="scope.row.headImg" style="width: 100px; height: 100px"></el-image>
+          <el-image :src="scope.row.headImg" style="width: 100px; height: 100px; border-radius: 50px"></el-image>
         </template>
       </el-table-column>
       <el-table-column label="用户昵称" prop="wechatName" />
       <el-table-column label="日期" prop="publishTime" />
       <el-table-column label="上传图片" prop="filelist">
         <template #default="scope">
-          <ImagePreview :src="scope.row.filelist.length > 0 ? scope.row.filelist[0].url : ''" :width="50" :height="50"></ImagePreview>
+          <el-image style="width: 60px; height: 60px; margin: 5px" v-for="i in scope.row.filelist" :src="i.url" :preview-src-list="[i.url]">
+          </el-image>
         </template>
       </el-table-column>
       <el-table-column label="公众意见" prop="opinion" width="650" />
@@ -63,7 +64,6 @@
 const showSearch = ref(true);
 
 const allData = reactive({
-  a: '',
   queryParams: {
     pageNum: 1,
     pageSize: 10,
@@ -80,13 +80,6 @@
     tableData.value = response.data;
     total.value = response.total;
     tableLoading.value = false;
-    // response.data.forEach(element => {
-    //   console.log(element.filelist, 'element');
-    //   element.filelist.forEach(urlimg => {
-    //     allData.a = urlimg.url;
-    //     console.log(allData.a, 'urlimg');
-    //   });
-    // });
   });
 }
 

diff --git a/src/layout/components/HeaderSys/index.vue b/src/layout/components/HeaderSys/index.vue
index d26f548..477237b 100644
--- a/src/layout/components/HeaderSys/index.vue
+++ b/src/layout/components/HeaderSys/index.vue
@@ -12,6 +12,13 @@
         {{ item.title }}
       </p>
     </div>
+
+    <div @click="goNews" class="goNews" title="消息通知">
+      <el-badge :value="4" :max="99">
+        <img :src="xiaoxi" alt="" />
+      </el-badge>
+    </div>
+
     <div @click="goOneMap" class="toOneMap" title="前往海绵一张图">
       <el-icon><HomeFilled /></el-icon>
     </div>
@@ -42,6 +49,11 @@
     <el-dialog v-model="dialogShow" title="个人中心" width="1100px" append-to-body>
       <UserCenter></UserCenter>
     </el-dialog>
+
+    <!-- 消息通知弹窗 -->
+    <el-dialog v-model="dialogNews" title="消息通知" width="600px" append-to-body>
+      <newsDiaLOG></newsDiaLOG>
+    </el-dialog>
   </div>
 </template>
 
@@ -51,7 +63,9 @@
 import useAppStore from '@/store/modules/app';
 import useUserStore from '@/store/modules/user';
 import UserCenter from '@/views/system/user/profile/index'; //个人中心
+import newsDiaLOG from '@/views/system/user/profile/newsDiaLOG'; //消息通知
 import userImg from '@/assets/images/login/user.png'; //默认头像
+import xiaoxi from '@/assets/images/login/xiaoxi_icon.png';
 import bus from '@/utils/mitt';
 import { ElMessageBox } from 'element-plus';
 import usePermissionStore from '@/store/modules/permission';
@@ -59,6 +73,7 @@
 const permissionStore = usePermissionStore();
 const { proxy } = getCurrentInstance();
 const dialogShow = ref(false);
+const dialogNews = ref(false);
 const appStore = useAppStore();
 const userStore = useUserStore();
 const menuList = ref([]);
@@ -119,6 +134,12 @@
   localStorage.setItem('routerPartXG', 'Project'); //默认加载项目首页
 }
 
+// 消息弹框
+function goNews() {
+  console.log('123');
+  dialogNews.value = true;
+}
+
 onMounted(() => {
   // 动态获取路由返回子菜单
   permissionStore.sidebarRouters.map(item => {
@@ -161,8 +182,20 @@
       font-size: 28px;
     }
   }
+  .goNews {
+    width: 29px;
+    height: 29px;
+    text-align: center;
+    padding-right: 8px;
+    cursor: pointer;
+    img {
+      width: 22px;
+      height: 22px;
+      margin-top: 4px;
+    }
+  }
   .headerMenu {
-    width: 1500px;
+    width: 1400px;
     height: 100%;
     display: flex;
     align-items: center;
@@ -192,7 +225,6 @@
     height: 100%;
     display: flex;
     align-items: center;
-
     &:focus {
       outline: none;
     }
diff --git a/src/views/publicService/publicmind.vue b/src/views/publicService/publicmind.vue
index dd4a428..d863a89 100644
--- a/src/views/publicService/publicmind.vue
+++ b/src/views/publicService/publicmind.vue
@@ -27,14 +27,15 @@
     <el-table v-loading="tableLoading" :data="tableData" max-height="650">
       <el-table-column label="用户头像" prop="headImg">
         <template #default="scope">
-          <el-image :src="scope.row.headImg" style="width: 100px; height: 100px"></el-image>
+          <el-image :src="scope.row.headImg" style="width: 100px; height: 100px; border-radius: 50px"></el-image>
         </template>
       </el-table-column>
       <el-table-column label="用户昵称" prop="wechatName" />
       <el-table-column label="日期" prop="publishTime" />
       <el-table-column label="上传图片" prop="filelist">
         <template #default="scope">
-          <ImagePreview :src="scope.row.filelist.length > 0 ? scope.row.filelist[0].url : ''" :width="50" :height="50"></ImagePreview>
+          <el-image style="width: 60px; height: 60px; margin: 5px" v-for="i in scope.row.filelist" :src="i.url" :preview-src-list="[i.url]">
+          </el-image>
         </template>
       </el-table-column>
       <el-table-column label="公众意见" prop="opinion" width="650" />
@@ -63,7 +64,6 @@
 const showSearch = ref(true);
 
 const allData = reactive({
-  a: '',
   queryParams: {
     pageNum: 1,
     pageSize: 10,
@@ -80,13 +80,6 @@
     tableData.value = response.data;
     total.value = response.total;
     tableLoading.value = false;
-    // response.data.forEach(element => {
-    //   console.log(element.filelist, 'element');
-    //   element.filelist.forEach(urlimg => {
-    //     allData.a = urlimg.url;
-    //     console.log(allData.a, 'urlimg');
-    //   });
-    // });
   });
 }
 
diff --git a/src/views/sponeScreen/longYW/PublicAdvice.vue b/src/views/sponeScreen/longYW/PublicAdvice.vue
index ee65d0d..192f9b1 100644
--- a/src/views/sponeScreen/longYW/PublicAdvice.vue
+++ b/src/views/sponeScreen/longYW/PublicAdvice.vue
@@ -1,21 +1,21 @@
 <template>
   <div class="partTitleHM">公众建议</div>
   <div class="ConstrucClass">
-    <Vue3SeamlessScroll :list="tableData" :hover="true" class="scroll">
+    <Vue3SeamlessScroll :list="tableData" :hover="true" class="scroll" :limitScrollNum="2">
       <div class="MainBox" v-for="(item, index) in tableData" :key="index">
         <div class="AvatarAppearance">
           <div class="zp">
-            <img :src="item.img" alt="" class="txclass" />
+            <img :src="item.headImg" alt="" class="txclass" />
           </div>
           <div class="NameTime">
-            <p class="Namea">{{ item.name }}</p>
-            <p class="Timea">2024-05-23 12:20:30</p>
+            <p class="Namea">{{ item.wechatName }}</p>
+            <p class="Timea">{{ item.publishTime }}</p>
           </div>
         </div>
         <div class="below">
-          <p class="belowNr">海绵项目建设的真不错，下雨也不积水内涝了。</p>
-          <div class="belowZp">
-            <el-image :src="url" style="width: 100px; height: 50px; margin-top: 5px"> </el-image>
+          <p class="belowNr">{{ item.opinion }}</p>
+          <div class="belowZp" v-for="(item1, index1) in item.filelist" :key="index1">
+            <el-image :src="item1.url" :preview-src-list="[item1.url]" style="width: 100px; height: 50px; margin-top: 5px"> </el-image>
           </div>
         </div>
       </div>
@@ -25,22 +25,29 @@
 
 <script setup>
 import { Vue3SeamlessScroll } from 'vue3-seamless-scroll';
-import tx from '@/assets/newImgs/HMScreen/20240625101756.jpg';
-const url = 'https://server1.wh-nf.cn:9000/newfiber-standard/2024/03/02/微信图片_20240302202056_20240302202204A004.jpg';
-const tableData = ref([
-  {
-    img: tx,
-    name: 'zdl',
+import { peopleOpinionPage } from '@/api/publicService/index';
+
+const tableData = ref([]);
+const photo = ref([]);
+const allData = reactive({
+  zp: [],
+  queryParams: {
+    pageNum: 1,
+    pageSize: 10,
   },
-  {
-    img: tx,
-    name: 'yh',
-  },
-  {
-    img: tx,
-    name: 'jff',
-  },
-]);
+});
+const { queryParams } = toRefs(allData);
+
+/** 获取查询数据列表 */
+function getDataList() {
+  peopleOpinionPage(queryParams.value).then(response => {
+    tableData.value = response.data;
+  });
+}
+
+onMounted(() => {
+  getDataList();
+});
 </script>
 
 <style lang="scss" scoped>
@@ -49,33 +56,32 @@
   height: 30%;
   background: #004565;
   opacity: 0.8;
-  // overflow-x: hidden;
   // overflow-y: auto;
+  // overflow-x: hidden;
   .MainBox {
     width: 95%;
-    height: 150px;
+    // height: 150px;
     background: #325ca3c4;
     margin: auto;
     position: relative;
     top: 10px;
-    // border: 1px solid #5b93eb;
+
     .AvatarAppearance {
       width: 100%;
       height: 60px;
       display: flex;
       justify-content: space-around;
       margin: 5px;
-      // background: yellowgreen;
+
       .zp {
         width: 20%;
         height: 60px;
 
-        // background: rgb(228, 149, 149);
         .txclass {
           width: 50px;
           height: 50px;
           border-radius: 25px;
-          // background: yellow;
+
           position: relative;
           top: 5px;
           left: 18px;
@@ -87,7 +93,7 @@
         .Namea {
           width: 100%;
           height: 30px;
-          // background: red;
+
           display: flex;
           align-items: center;
           color: #b3e3ff;
@@ -102,15 +108,13 @@
           font-size: 16px;
           font-family: SourceHanSansCN-Medium;
           font-weight: 400;
-          // background: blue;
         }
       }
     }
     .below {
       width: 100%;
-      // height: 80px;
-      // background: yellowgreen;
       padding-bottom: 10px;
+
       .belowNr {
         width: 95%;
         color: #b3e3ff;
@@ -118,12 +122,11 @@
         font-family: SourceHanSansCN-Medium;
         font-weight: 400;
         margin-left: 15px;
-        // height: 30px;
-        // background: red;
       }
       .belowZp {
         margin-left: 15px;
-        // width: 95%;
+        display: inline-block;
+        // background: red;
       }
     }
   }
@@ -135,9 +138,4 @@
     // background: red;
   }
 }
-// ::v-deep th.el-table__cell,
-// ::v-deep td.el-table__cell {
-//   // 设置position 使得 子元素不与其产生新的层叠关系
-//   position: static;
-// }
 </style>

diff --git a/src/layout/components/HeaderSys/index.vue b/src/layout/components/HeaderSys/index.vue
index d26f548..477237b 100644
--- a/src/layout/components/HeaderSys/index.vue
+++ b/src/layout/components/HeaderSys/index.vue
@@ -12,6 +12,13 @@
         {{ item.title }}
       </p>
     </div>
+
+    <div @click="goNews" class="goNews" title="消息通知">
+      <el-badge :value="4" :max="99">
+        <img :src="xiaoxi" alt="" />
+      </el-badge>
+    </div>
+
     <div @click="goOneMap" class="toOneMap" title="前往海绵一张图">
       <el-icon><HomeFilled /></el-icon>
     </div>
@@ -42,6 +49,11 @@
     <el-dialog v-model="dialogShow" title="个人中心" width="1100px" append-to-body>
       <UserCenter></UserCenter>
     </el-dialog>
+
+    <!-- 消息通知弹窗 -->
+    <el-dialog v-model="dialogNews" title="消息通知" width="600px" append-to-body>
+      <newsDiaLOG></newsDiaLOG>
+    </el-dialog>
   </div>
 </template>
 
@@ -51,7 +63,9 @@
 import useAppStore from '@/store/modules/app';
 import useUserStore from '@/store/modules/user';
 import UserCenter from '@/views/system/user/profile/index'; //个人中心
+import newsDiaLOG from '@/views/system/user/profile/newsDiaLOG'; //消息通知
 import userImg from '@/assets/images/login/user.png'; //默认头像
+import xiaoxi from '@/assets/images/login/xiaoxi_icon.png';
 import bus from '@/utils/mitt';
 import { ElMessageBox } from 'element-plus';
 import usePermissionStore from '@/store/modules/permission';
@@ -59,6 +73,7 @@
 const permissionStore = usePermissionStore();
 const { proxy } = getCurrentInstance();
 const dialogShow = ref(false);
+const dialogNews = ref(false);
 const appStore = useAppStore();
 const userStore = useUserStore();
 const menuList = ref([]);
@@ -119,6 +134,12 @@
   localStorage.setItem('routerPartXG', 'Project'); //默认加载项目首页
 }
 
+// 消息弹框
+function goNews() {
+  console.log('123');
+  dialogNews.value = true;
+}
+
 onMounted(() => {
   // 动态获取路由返回子菜单
   permissionStore.sidebarRouters.map(item => {
@@ -161,8 +182,20 @@
       font-size: 28px;
     }
   }
+  .goNews {
+    width: 29px;
+    height: 29px;
+    text-align: center;
+    padding-right: 8px;
+    cursor: pointer;
+    img {
+      width: 22px;
+      height: 22px;
+      margin-top: 4px;
+    }
+  }
   .headerMenu {
-    width: 1500px;
+    width: 1400px;
     height: 100%;
     display: flex;
     align-items: center;
@@ -192,7 +225,6 @@
     height: 100%;
     display: flex;
     align-items: center;
-
     &:focus {
       outline: none;
     }
diff --git a/src/views/publicService/publicmind.vue b/src/views/publicService/publicmind.vue
index dd4a428..d863a89 100644
--- a/src/views/publicService/publicmind.vue
+++ b/src/views/publicService/publicmind.vue
@@ -27,14 +27,15 @@
     <el-table v-loading="tableLoading" :data="tableData" max-height="650">
       <el-table-column label="用户头像" prop="headImg">
         <template #default="scope">
-          <el-image :src="scope.row.headImg" style="width: 100px; height: 100px"></el-image>
+          <el-image :src="scope.row.headImg" style="width: 100px; height: 100px; border-radius: 50px"></el-image>
         </template>
       </el-table-column>
       <el-table-column label="用户昵称" prop="wechatName" />
       <el-table-column label="日期" prop="publishTime" />
       <el-table-column label="上传图片" prop="filelist">
         <template #default="scope">
-          <ImagePreview :src="scope.row.filelist.length > 0 ? scope.row.filelist[0].url : ''" :width="50" :height="50"></ImagePreview>
+          <el-image style="width: 60px; height: 60px; margin: 5px" v-for="i in scope.row.filelist" :src="i.url" :preview-src-list="[i.url]">
+          </el-image>
         </template>
       </el-table-column>
       <el-table-column label="公众意见" prop="opinion" width="650" />
@@ -63,7 +64,6 @@
 const showSearch = ref(true);
 
 const allData = reactive({
-  a: '',
   queryParams: {
     pageNum: 1,
     pageSize: 10,
@@ -80,13 +80,6 @@
     tableData.value = response.data;
     total.value = response.total;
     tableLoading.value = false;
-    // response.data.forEach(element => {
-    //   console.log(element.filelist, 'element');
-    //   element.filelist.forEach(urlimg => {
-    //     allData.a = urlimg.url;
-    //     console.log(allData.a, 'urlimg');
-    //   });
-    // });
   });
 }
 
diff --git a/src/views/sponeScreen/longYW/PublicAdvice.vue b/src/views/sponeScreen/longYW/PublicAdvice.vue
index ee65d0d..192f9b1 100644
--- a/src/views/sponeScreen/longYW/PublicAdvice.vue
+++ b/src/views/sponeScreen/longYW/PublicAdvice.vue
@@ -1,21 +1,21 @@
 <template>
   <div class="partTitleHM">公众建议</div>
   <div class="ConstrucClass">
-    <Vue3SeamlessScroll :list="tableData" :hover="true" class="scroll">
+    <Vue3SeamlessScroll :list="tableData" :hover="true" class="scroll" :limitScrollNum="2">
       <div class="MainBox" v-for="(item, index) in tableData" :key="index">
         <div class="AvatarAppearance">
           <div class="zp">
-            <img :src="item.img" alt="" class="txclass" />
+            <img :src="item.headImg" alt="" class="txclass" />
           </div>
           <div class="NameTime">
-            <p class="Namea">{{ item.name }}</p>
-            <p class="Timea">2024-05-23 12:20:30</p>
+            <p class="Namea">{{ item.wechatName }}</p>
+            <p class="Timea">{{ item.publishTime }}</p>
           </div>
         </div>
         <div class="below">
-          <p class="belowNr">海绵项目建设的真不错，下雨也不积水内涝了。</p>
-          <div class="belowZp">
-            <el-image :src="url" style="width: 100px; height: 50px; margin-top: 5px"> </el-image>
+          <p class="belowNr">{{ item.opinion }}</p>
+          <div class="belowZp" v-for="(item1, index1) in item.filelist" :key="index1">
+            <el-image :src="item1.url" :preview-src-list="[item1.url]" style="width: 100px; height: 50px; margin-top: 5px"> </el-image>
           </div>
         </div>
       </div>
@@ -25,22 +25,29 @@
 
 <script setup>
 import { Vue3SeamlessScroll } from 'vue3-seamless-scroll';
-import tx from '@/assets/newImgs/HMScreen/20240625101756.jpg';
-const url = 'https://server1.wh-nf.cn:9000/newfiber-standard/2024/03/02/微信图片_20240302202056_20240302202204A004.jpg';
-const tableData = ref([
-  {
-    img: tx,
-    name: 'zdl',
+import { peopleOpinionPage } from '@/api/publicService/index';
+
+const tableData = ref([]);
+const photo = ref([]);
+const allData = reactive({
+  zp: [],
+  queryParams: {
+    pageNum: 1,
+    pageSize: 10,
   },
-  {
-    img: tx,
-    name: 'yh',
-  },
-  {
-    img: tx,
-    name: 'jff',
-  },
-]);
+});
+const { queryParams } = toRefs(allData);
+
+/** 获取查询数据列表 */
+function getDataList() {
+  peopleOpinionPage(queryParams.value).then(response => {
+    tableData.value = response.data;
+  });
+}
+
+onMounted(() => {
+  getDataList();
+});
 </script>
 
 <style lang="scss" scoped>
@@ -49,33 +56,32 @@
   height: 30%;
   background: #004565;
   opacity: 0.8;
-  // overflow-x: hidden;
   // overflow-y: auto;
+  // overflow-x: hidden;
   .MainBox {
     width: 95%;
-    height: 150px;
+    // height: 150px;
     background: #325ca3c4;
     margin: auto;
     position: relative;
     top: 10px;
-    // border: 1px solid #5b93eb;
+
     .AvatarAppearance {
       width: 100%;
       height: 60px;
       display: flex;
       justify-content: space-around;
       margin: 5px;
-      // background: yellowgreen;
+
       .zp {
         width: 20%;
         height: 60px;
 
-        // background: rgb(228, 149, 149);
         .txclass {
           width: 50px;
           height: 50px;
           border-radius: 25px;
-          // background: yellow;
+
           position: relative;
           top: 5px;
           left: 18px;
@@ -87,7 +93,7 @@
         .Namea {
           width: 100%;
           height: 30px;
-          // background: red;
+
           display: flex;
           align-items: center;
           color: #b3e3ff;
@@ -102,15 +108,13 @@
           font-size: 16px;
           font-family: SourceHanSansCN-Medium;
           font-weight: 400;
-          // background: blue;
         }
       }
     }
     .below {
       width: 100%;
-      // height: 80px;
-      // background: yellowgreen;
       padding-bottom: 10px;
+
       .belowNr {
         width: 95%;
         color: #b3e3ff;
@@ -118,12 +122,11 @@
         font-family: SourceHanSansCN-Medium;
         font-weight: 400;
         margin-left: 15px;
-        // height: 30px;
-        // background: red;
       }
       .belowZp {
         margin-left: 15px;
-        // width: 95%;
+        display: inline-block;
+        // background: red;
       }
     }
   }
@@ -135,9 +138,4 @@
     // background: red;
   }
 }
-// ::v-deep th.el-table__cell,
-// ::v-deep td.el-table__cell {
-//   // 设置position 使得 子元素不与其产生新的层叠关系
-//   position: static;
-// }
 </style>
diff --git a/src/views/sponeScreen/longYW/index.vue b/src/views/sponeScreen/longYW/index.vue
index 7606197..a86002a 100644
--- a/src/views/sponeScreen/longYW/index.vue
+++ b/src/views/sponeScreen/longYW/index.vue
@@ -11,7 +11,6 @@
     </div>
 
     <div :class="['publicRightHM', 'animate__animated', showPanel ? 'animate__fadeOutRight' : 'animate__fadeInRight']">
-      <!-- <div class="publicRightHM"> -->
       <!-- 公众建议 -->
       <PublicAdvice></PublicAdvice>
       <!-- 宣传培训 -->

diff --git a/src/layout/components/HeaderSys/index.vue b/src/layout/components/HeaderSys/index.vue
index d26f548..477237b 100644
--- a/src/layout/components/HeaderSys/index.vue
+++ b/src/layout/components/HeaderSys/index.vue
@@ -12,6 +12,13 @@
         {{ item.title }}
       </p>
     </div>
+
+    <div @click="goNews" class="goNews" title="消息通知">
+      <el-badge :value="4" :max="99">
+        <img :src="xiaoxi" alt="" />
+      </el-badge>
+    </div>
+
     <div @click="goOneMap" class="toOneMap" title="前往海绵一张图">
       <el-icon><HomeFilled /></el-icon>
     </div>
@@ -42,6 +49,11 @@
     <el-dialog v-model="dialogShow" title="个人中心" width="1100px" append-to-body>
       <UserCenter></UserCenter>
     </el-dialog>
+
+    <!-- 消息通知弹窗 -->
+    <el-dialog v-model="dialogNews" title="消息通知" width="600px" append-to-body>
+      <newsDiaLOG></newsDiaLOG>
+    </el-dialog>
   </div>
 </template>
 
@@ -51,7 +63,9 @@
 import useAppStore from '@/store/modules/app';
 import useUserStore from '@/store/modules/user';
 import UserCenter from '@/views/system/user/profile/index'; //个人中心
+import newsDiaLOG from '@/views/system/user/profile/newsDiaLOG'; //消息通知
 import userImg from '@/assets/images/login/user.png'; //默认头像
+import xiaoxi from '@/assets/images/login/xiaoxi_icon.png';
 import bus from '@/utils/mitt';
 import { ElMessageBox } from 'element-plus';
 import usePermissionStore from '@/store/modules/permission';
@@ -59,6 +73,7 @@
 const permissionStore = usePermissionStore();
 const { proxy } = getCurrentInstance();
 const dialogShow = ref(false);
+const dialogNews = ref(false);
 const appStore = useAppStore();
 const userStore = useUserStore();
 const menuList = ref([]);
@@ -119,6 +134,12 @@
   localStorage.setItem('routerPartXG', 'Project'); //默认加载项目首页
 }
 
+// 消息弹框
+function goNews() {
+  console.log('123');
+  dialogNews.value = true;
+}
+
 onMounted(() => {
   // 动态获取路由返回子菜单
   permissionStore.sidebarRouters.map(item => {
@@ -161,8 +182,20 @@
       font-size: 28px;
     }
   }
+  .goNews {
+    width: 29px;
+    height: 29px;
+    text-align: center;
+    padding-right: 8px;
+    cursor: pointer;
+    img {
+      width: 22px;
+      height: 22px;
+      margin-top: 4px;
+    }
+  }
   .headerMenu {
-    width: 1500px;
+    width: 1400px;
     height: 100%;
     display: flex;
     align-items: center;
@@ -192,7 +225,6 @@
     height: 100%;
     display: flex;
     align-items: center;
-
     &:focus {
       outline: none;
     }
diff --git a/src/views/publicService/publicmind.vue b/src/views/publicService/publicmind.vue
index dd4a428..d863a89 100644
--- a/src/views/publicService/publicmind.vue
+++ b/src/views/publicService/publicmind.vue
@@ -27,14 +27,15 @@
     <el-table v-loading="tableLoading" :data="tableData" max-height="650">
       <el-table-column label="用户头像" prop="headImg">
         <template #default="scope">
-          <el-image :src="scope.row.headImg" style="width: 100px; height: 100px"></el-image>
+          <el-image :src="scope.row.headImg" style="width: 100px; height: 100px; border-radius: 50px"></el-image>
         </template>
       </el-table-column>
       <el-table-column label="用户昵称" prop="wechatName" />
       <el-table-column label="日期" prop="publishTime" />
       <el-table-column label="上传图片" prop="filelist">
         <template #default="scope">
-          <ImagePreview :src="scope.row.filelist.length > 0 ? scope.row.filelist[0].url : ''" :width="50" :height="50"></ImagePreview>
+          <el-image style="width: 60px; height: 60px; margin: 5px" v-for="i in scope.row.filelist" :src="i.url" :preview-src-list="[i.url]">
+          </el-image>
         </template>
       </el-table-column>
       <el-table-column label="公众意见" prop="opinion" width="650" />
@@ -63,7 +64,6 @@
 const showSearch = ref(true);
 
 const allData = reactive({
-  a: '',
   queryParams: {
     pageNum: 1,
     pageSize: 10,
@@ -80,13 +80,6 @@
     tableData.value = response.data;
     total.value = response.total;
     tableLoading.value = false;
-    // response.data.forEach(element => {
-    //   console.log(element.filelist, 'element');
-    //   element.filelist.forEach(urlimg => {
-    //     allData.a = urlimg.url;
-    //     console.log(allData.a, 'urlimg');
-    //   });
-    // });
   });
 }
 
diff --git a/src/views/sponeScreen/longYW/PublicAdvice.vue b/src/views/sponeScreen/longYW/PublicAdvice.vue
index ee65d0d..192f9b1 100644
--- a/src/views/sponeScreen/longYW/PublicAdvice.vue
+++ b/src/views/sponeScreen/longYW/PublicAdvice.vue
@@ -1,21 +1,21 @@
 <template>
   <div class="partTitleHM">公众建议</div>
   <div class="ConstrucClass">
-    <Vue3SeamlessScroll :list="tableData" :hover="true" class="scroll">
+    <Vue3SeamlessScroll :list="tableData" :hover="true" class="scroll" :limitScrollNum="2">
       <div class="MainBox" v-for="(item, index) in tableData" :key="index">
         <div class="AvatarAppearance">
           <div class="zp">
-            <img :src="item.img" alt="" class="txclass" />
+            <img :src="item.headImg" alt="" class="txclass" />
           </div>
           <div class="NameTime">
-            <p class="Namea">{{ item.name }}</p>
-            <p class="Timea">2024-05-23 12:20:30</p>
+            <p class="Namea">{{ item.wechatName }}</p>
+            <p class="Timea">{{ item.publishTime }}</p>
           </div>
         </div>
         <div class="below">
-          <p class="belowNr">海绵项目建设的真不错，下雨也不积水内涝了。</p>
-          <div class="belowZp">
-            <el-image :src="url" style="width: 100px; height: 50px; margin-top: 5px"> </el-image>
+          <p class="belowNr">{{ item.opinion }}</p>
+          <div class="belowZp" v-for="(item1, index1) in item.filelist" :key="index1">
+            <el-image :src="item1.url" :preview-src-list="[item1.url]" style="width: 100px; height: 50px; margin-top: 5px"> </el-image>
           </div>
         </div>
       </div>
@@ -25,22 +25,29 @@
 
 <script setup>
 import { Vue3SeamlessScroll } from 'vue3-seamless-scroll';
-import tx from '@/assets/newImgs/HMScreen/20240625101756.jpg';
-const url = 'https://server1.wh-nf.cn:9000/newfiber-standard/2024/03/02/微信图片_20240302202056_20240302202204A004.jpg';
-const tableData = ref([
-  {
-    img: tx,
-    name: 'zdl',
+import { peopleOpinionPage } from '@/api/publicService/index';
+
+const tableData = ref([]);
+const photo = ref([]);
+const allData = reactive({
+  zp: [],
+  queryParams: {
+    pageNum: 1,
+    pageSize: 10,
   },
-  {
-    img: tx,
-    name: 'yh',
-  },
-  {
-    img: tx,
-    name: 'jff',
-  },
-]);
+});
+const { queryParams } = toRefs(allData);
+
+/** 获取查询数据列表 */
+function getDataList() {
+  peopleOpinionPage(queryParams.value).then(response => {
+    tableData.value = response.data;
+  });
+}
+
+onMounted(() => {
+  getDataList();
+});
 </script>
 
 <style lang="scss" scoped>
@@ -49,33 +56,32 @@
   height: 30%;
   background: #004565;
   opacity: 0.8;
-  // overflow-x: hidden;
   // overflow-y: auto;
+  // overflow-x: hidden;
   .MainBox {
     width: 95%;
-    height: 150px;
+    // height: 150px;
     background: #325ca3c4;
     margin: auto;
     position: relative;
     top: 10px;
-    // border: 1px solid #5b93eb;
+
     .AvatarAppearance {
       width: 100%;
       height: 60px;
       display: flex;
       justify-content: space-around;
       margin: 5px;
-      // background: yellowgreen;
+
       .zp {
         width: 20%;
         height: 60px;
 
-        // background: rgb(228, 149, 149);
         .txclass {
           width: 50px;
           height: 50px;
           border-radius: 25px;
-          // background: yellow;
+
           position: relative;
           top: 5px;
           left: 18px;
@@ -87,7 +93,7 @@
         .Namea {
           width: 100%;
           height: 30px;
-          // background: red;
+
           display: flex;
           align-items: center;
           color: #b3e3ff;
@@ -102,15 +108,13 @@
           font-size: 16px;
           font-family: SourceHanSansCN-Medium;
           font-weight: 400;
-          // background: blue;
         }
       }
     }
     .below {
       width: 100%;
-      // height: 80px;
-      // background: yellowgreen;
       padding-bottom: 10px;
+
       .belowNr {
         width: 95%;
         color: #b3e3ff;
@@ -118,12 +122,11 @@
         font-family: SourceHanSansCN-Medium;
         font-weight: 400;
         margin-left: 15px;
-        // height: 30px;
-        // background: red;
       }
       .belowZp {
         margin-left: 15px;
-        // width: 95%;
+        display: inline-block;
+        // background: red;
       }
     }
   }
@@ -135,9 +138,4 @@
     // background: red;
   }
 }
-// ::v-deep th.el-table__cell,
-// ::v-deep td.el-table__cell {
-//   // 设置position 使得 子元素不与其产生新的层叠关系
-//   position: static;
-// }
 </style>
diff --git a/src/views/sponeScreen/longYW/index.vue b/src/views/sponeScreen/longYW/index.vue
index 7606197..a86002a 100644
--- a/src/views/sponeScreen/longYW/index.vue
+++ b/src/views/sponeScreen/longYW/index.vue
@@ -11,7 +11,6 @@
     </div>
 
     <div :class="['publicRightHM', 'animate__animated', showPanel ? 'animate__fadeOutRight' : 'animate__fadeInRight']">
-      <!-- <div class="publicRightHM"> -->
       <!-- 公众建议 -->
       <PublicAdvice></PublicAdvice>
       <!-- 宣传培训 -->
diff --git a/src/views/system/user/profile/newsDiaLOG.vue b/src/views/system/user/profile/newsDiaLOG.vue
new file mode 100644
index 0000000..fbcab8a
--- /dev/null
+++ b/src/views/system/user/profile/newsDiaLOG.vue
@@ -0,0 +1,32 @@
+<template>
+  <div class="publicContainer">
+    <el-table v-loading="tableLoading" :data="tableData" max-height="350">
+      <el-table-column label="序号" type="index" width="55" />
+      <el-table-column label="消息" prop="xiaoxi" />
+
+      <el-table-column label="操作" width="100" class-name="small-padding fixed-width">
+        <template #default="scope">
+          <el-button v-if="scope.row.zt == 1" type="primary">已读</el-button>
+          <el-button v-if="scope.row.zt == 2" type="warning" @click="handleUpdate">未读</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+  </div>
+</template>
+<script setup>
+const tableLoading = ref(false);
+const { proxy } = getCurrentInstance();
+const tableData = ref([
+  {
+    xiaoxi: '11',
+    zt: '1',
+  },
+  {
+    xiaoxi: '22',
+    zt: '2',
+  },
+]);
+function handleUpdate() {
+  proxy.$modal.msgSuccess('消息已读成功！');
+}
+</script>

diff --git a/src/layout/components/HeaderSys/index.vue b/src/layout/components/HeaderSys/index.vue
index d26f548..477237b 100644
--- a/src/layout/components/HeaderSys/index.vue
+++ b/src/layout/components/HeaderSys/index.vue
@@ -12,6 +12,13 @@
         {{ item.title }}
       </p>
     </div>
+
+    <div @click="goNews" class="goNews" title="消息通知">
+      <el-badge :value="4" :max="99">
+        <img :src="xiaoxi" alt="" />
+      </el-badge>
+    </div>
+
     <div @click="goOneMap" class="toOneMap" title="前往海绵一张图">
       <el-icon><HomeFilled /></el-icon>
     </div>
@@ -42,6 +49,11 @@
     <el-dialog v-model="dialogShow" title="个人中心" width="1100px" append-to-body>
       <UserCenter></UserCenter>
     </el-dialog>
+
+    <!-- 消息通知弹窗 -->
+    <el-dialog v-model="dialogNews" title="消息通知" width="600px" append-to-body>
+      <newsDiaLOG></newsDiaLOG>
+    </el-dialog>
   </div>
 </template>
 
@@ -51,7 +63,9 @@
 import useAppStore from '@/store/modules/app';
 import useUserStore from '@/store/modules/user';
 import UserCenter from '@/views/system/user/profile/index'; //个人中心
+import newsDiaLOG from '@/views/system/user/profile/newsDiaLOG'; //消息通知
 import userImg from '@/assets/images/login/user.png'; //默认头像
+import xiaoxi from '@/assets/images/login/xiaoxi_icon.png';
 import bus from '@/utils/mitt';
 import { ElMessageBox } from 'element-plus';
 import usePermissionStore from '@/store/modules/permission';
@@ -59,6 +73,7 @@
 const permissionStore = usePermissionStore();
 const { proxy } = getCurrentInstance();
 const dialogShow = ref(false);
+const dialogNews = ref(false);
 const appStore = useAppStore();
 const userStore = useUserStore();
 const menuList = ref([]);
@@ -119,6 +134,12 @@
   localStorage.setItem('routerPartXG', 'Project'); //默认加载项目首页
 }
 
+// 消息弹框
+function goNews() {
+  console.log('123');
+  dialogNews.value = true;
+}
+
 onMounted(() => {
   // 动态获取路由返回子菜单
   permissionStore.sidebarRouters.map(item => {
@@ -161,8 +182,20 @@
       font-size: 28px;
     }
   }
+  .goNews {
+    width: 29px;
+    height: 29px;
+    text-align: center;
+    padding-right: 8px;
+    cursor: pointer;
+    img {
+      width: 22px;
+      height: 22px;
+      margin-top: 4px;
+    }
+  }
   .headerMenu {
-    width: 1500px;
+    width: 1400px;
     height: 100%;
     display: flex;
     align-items: center;
@@ -192,7 +225,6 @@
     height: 100%;
     display: flex;
     align-items: center;
-
     &:focus {
       outline: none;
     }
diff --git a/src/views/publicService/publicmind.vue b/src/views/publicService/publicmind.vue
index dd4a428..d863a89 100644
--- a/src/views/publicService/publicmind.vue
+++ b/src/views/publicService/publicmind.vue
@@ -27,14 +27,15 @@
     <el-table v-loading="tableLoading" :data="tableData" max-height="650">
       <el-table-column label="用户头像" prop="headImg">
         <template #default="scope">
-          <el-image :src="scope.row.headImg" style="width: 100px; height: 100px"></el-image>
+          <el-image :src="scope.row.headImg" style="width: 100px; height: 100px; border-radius: 50px"></el-image>
         </template>
       </el-table-column>
       <el-table-column label="用户昵称" prop="wechatName" />
       <el-table-column label="日期" prop="publishTime" />
       <el-table-column label="上传图片" prop="filelist">
         <template #default="scope">
-          <ImagePreview :src="scope.row.filelist.length > 0 ? scope.row.filelist[0].url : ''" :width="50" :height="50"></ImagePreview>
+          <el-image style="width: 60px; height: 60px; margin: 5px" v-for="i in scope.row.filelist" :src="i.url" :preview-src-list="[i.url]">
+          </el-image>
         </template>
       </el-table-column>
       <el-table-column label="公众意见" prop="opinion" width="650" />
@@ -63,7 +64,6 @@
 const showSearch = ref(true);
 
 const allData = reactive({
-  a: '',
   queryParams: {
     pageNum: 1,
     pageSize: 10,
@@ -80,13 +80,6 @@
     tableData.value = response.data;
     total.value = response.total;
     tableLoading.value = false;
-    // response.data.forEach(element => {
-    //   console.log(element.filelist, 'element');
-    //   element.filelist.forEach(urlimg => {
-    //     allData.a = urlimg.url;
-    //     console.log(allData.a, 'urlimg');
-    //   });
-    // });
   });
 }
 
diff --git a/src/views/sponeScreen/longYW/PublicAdvice.vue b/src/views/sponeScreen/longYW/PublicAdvice.vue
index ee65d0d..192f9b1 100644
--- a/src/views/sponeScreen/longYW/PublicAdvice.vue
+++ b/src/views/sponeScreen/longYW/PublicAdvice.vue
@@ -1,21 +1,21 @@
 <template>
   <div class="partTitleHM">公众建议</div>
   <div class="ConstrucClass">
-    <Vue3SeamlessScroll :list="tableData" :hover="true" class="scroll">
+    <Vue3SeamlessScroll :list="tableData" :hover="true" class="scroll" :limitScrollNum="2">
       <div class="MainBox" v-for="(item, index) in tableData" :key="index">
         <div class="AvatarAppearance">
           <div class="zp">
-            <img :src="item.img" alt="" class="txclass" />
+            <img :src="item.headImg" alt="" class="txclass" />
           </div>
           <div class="NameTime">
-            <p class="Namea">{{ item.name }}</p>
-            <p class="Timea">2024-05-23 12:20:30</p>
+            <p class="Namea">{{ item.wechatName }}</p>
+            <p class="Timea">{{ item.publishTime }}</p>
           </div>
         </div>
         <div class="below">
-          <p class="belowNr">海绵项目建设的真不错，下雨也不积水内涝了。</p>
-          <div class="belowZp">
-            <el-image :src="url" style="width: 100px; height: 50px; margin-top: 5px"> </el-image>
+          <p class="belowNr">{{ item.opinion }}</p>
+          <div class="belowZp" v-for="(item1, index1) in item.filelist" :key="index1">
+            <el-image :src="item1.url" :preview-src-list="[item1.url]" style="width: 100px; height: 50px; margin-top: 5px"> </el-image>
           </div>
         </div>
       </div>
@@ -25,22 +25,29 @@
 
 <script setup>
 import { Vue3SeamlessScroll } from 'vue3-seamless-scroll';
-import tx from '@/assets/newImgs/HMScreen/20240625101756.jpg';
-const url = 'https://server1.wh-nf.cn:9000/newfiber-standard/2024/03/02/微信图片_20240302202056_20240302202204A004.jpg';
-const tableData = ref([
-  {
-    img: tx,
-    name: 'zdl',
+import { peopleOpinionPage } from '@/api/publicService/index';
+
+const tableData = ref([]);
+const photo = ref([]);
+const allData = reactive({
+  zp: [],
+  queryParams: {
+    pageNum: 1,
+    pageSize: 10,
   },
-  {
-    img: tx,
-    name: 'yh',
-  },
-  {
-    img: tx,
-    name: 'jff',
-  },
-]);
+});
+const { queryParams } = toRefs(allData);
+
+/** 获取查询数据列表 */
+function getDataList() {
+  peopleOpinionPage(queryParams.value).then(response => {
+    tableData.value = response.data;
+  });
+}
+
+onMounted(() => {
+  getDataList();
+});
 </script>
 
 <style lang="scss" scoped>
@@ -49,33 +56,32 @@
   height: 30%;
   background: #004565;
   opacity: 0.8;
-  // overflow-x: hidden;
   // overflow-y: auto;
+  // overflow-x: hidden;
   .MainBox {
     width: 95%;
-    height: 150px;
+    // height: 150px;
     background: #325ca3c4;
     margin: auto;
     position: relative;
     top: 10px;
-    // border: 1px solid #5b93eb;
+
     .AvatarAppearance {
       width: 100%;
       height: 60px;
       display: flex;
       justify-content: space-around;
       margin: 5px;
-      // background: yellowgreen;
+
       .zp {
         width: 20%;
         height: 60px;
 
-        // background: rgb(228, 149, 149);
         .txclass {
           width: 50px;
           height: 50px;
           border-radius: 25px;
-          // background: yellow;
+
           position: relative;
           top: 5px;
           left: 18px;
@@ -87,7 +93,7 @@
         .Namea {
           width: 100%;
           height: 30px;
-          // background: red;
+
           display: flex;
           align-items: center;
           color: #b3e3ff;
@@ -102,15 +108,13 @@
           font-size: 16px;
           font-family: SourceHanSansCN-Medium;
           font-weight: 400;
-          // background: blue;
         }
       }
     }
     .below {
       width: 100%;
-      // height: 80px;
-      // background: yellowgreen;
       padding-bottom: 10px;
+
       .belowNr {
         width: 95%;
         color: #b3e3ff;
@@ -118,12 +122,11 @@
         font-family: SourceHanSansCN-Medium;
         font-weight: 400;
         margin-left: 15px;
-        // height: 30px;
-        // background: red;
       }
       .belowZp {
         margin-left: 15px;
-        // width: 95%;
+        display: inline-block;
+        // background: red;
       }
     }
   }
@@ -135,9 +138,4 @@
     // background: red;
   }
 }
-// ::v-deep th.el-table__cell,
-// ::v-deep td.el-table__cell {
-//   // 设置position 使得 子元素不与其产生新的层叠关系
-//   position: static;
-// }
 </style>
diff --git a/src/views/sponeScreen/longYW/index.vue b/src/views/sponeScreen/longYW/index.vue
index 7606197..a86002a 100644
--- a/src/views/sponeScreen/longYW/index.vue
+++ b/src/views/sponeScreen/longYW/index.vue
@@ -11,7 +11,6 @@
     </div>
 
     <div :class="['publicRightHM', 'animate__animated', showPanel ? 'animate__fadeOutRight' : 'animate__fadeInRight']">
-      <!-- <div class="publicRightHM"> -->
       <!-- 公众建议 -->
       <PublicAdvice></PublicAdvice>
       <!-- 宣传培训 -->
diff --git a/src/views/system/user/profile/newsDiaLOG.vue b/src/views/system/user/profile/newsDiaLOG.vue
new file mode 100644
index 0000000..fbcab8a
--- /dev/null
+++ b/src/views/system/user/profile/newsDiaLOG.vue
@@ -0,0 +1,32 @@
+<template>
+  <div class="publicContainer">
+    <el-table v-loading="tableLoading" :data="tableData" max-height="350">
+      <el-table-column label="序号" type="index" width="55" />
+      <el-table-column label="消息" prop="xiaoxi" />
+
+      <el-table-column label="操作" width="100" class-name="small-padding fixed-width">
+        <template #default="scope">
+          <el-button v-if="scope.row.zt == 1" type="primary">已读</el-button>
+          <el-button v-if="scope.row.zt == 2" type="warning" @click="handleUpdate">未读</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+  </div>
+</template>
+<script setup>
+const tableLoading = ref(false);
+const { proxy } = getCurrentInstance();
+const tableData = ref([
+  {
+    xiaoxi: '11',
+    zt: '1',
+  },
+  {
+    xiaoxi: '22',
+    zt: '2',
+  },
+]);
+function handleUpdate() {
+  proxy.$modal.msgSuccess('消息已读成功！');
+}
+</script>
diff --git a/vite.config.js b/vite.config.js
index 68f0eb0..94996b3 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -7,8 +7,8 @@
 const Timestamp = new Date().getTime(); //随机时间戳
 
 // const targetUrl = 'http://192.168.20.49:7200'; //谢斌斌
-// const targetUrl = 'http://192.168.20.52:7300'; //杨辉
-const targetUrl = 'http://kaifeng.wh-nf.cn/prod-api'; //线上
+const targetUrl = 'http://192.168.20.52:7300'; //杨辉
+// const targetUrl = 'http://kaifeng.wh-nf.cn/prod-api'; //线上
 
 // https://vitejs.dev/config/
 export default defineConfig(({ mode, command }) => {