diff --git a/src/api/notice.js b/src/api/notice.js
new file mode 100644
index 0000000..3eaed4f
--- /dev/null
+++ b/src/api/notice.js
@@ -0,0 +1,10 @@
+import request from '@/utils/request'
+
+// 获取通知列表
+export function noticeList(query) {
+    return request({
+        url: '/system/notice/list',
+        method: 'get',
+        params: query
+    })
+}
\ No newline at end of file
diff --git a/src/views/index.vue b/src/views/index.vue
index e2935c1..be19830 100644
--- a/src/views/index.vue
+++ b/src/views/index.vue
@@ -50,7 +50,7 @@
         </div>
         <ul class="resource-list" v-if="notices.length > 0">
           <li v-for="(notice, index) in notices" :key="index" class="resource-link" @click="handleGoSupplierManage">
-            {{ notice.content }}
+            {{ notice.noticeContent }}
           </li>
         </ul>
         <div class="no_result" v-else>
@@ -67,6 +67,7 @@
 
 <script setup name="Index">
 import { nextTick, onMounted, ref } from 'vue';
+import { noticeList } from "@/api/notice"
 import mediaMap from '@/assets/images/mediaMap.png'
 import supplierManage from '@/assets/images/supplierManage.png'
 import mediaLibary from '@/assets/images/mediaLibary.png'
@@ -80,12 +81,12 @@ const bgStore = useBackgroundStore()
 
 import calibrationIndex from './mediaTool/calibrationIndex.vue';
 import pptAnalysisIndex from './mediaTool/pptAnalysisIndex.vue';
-import geoConvertIndex from './mediaTool/geoConvertIndex.vue'; 
+import geoConvertIndex from './mediaTool/geoConvertIndex.vue';
 
 const showTool = ref(false)
 // 校准平台组件
 const showCalibration = ref(false)
-const calibrationIndexRef = ref(null) 
+const calibrationIndexRef = ref(null)
 // ppt分析组件
 const showPPTAnalysis = ref(false)
 const PPTAnalysisIndexRef = ref(null)
@@ -97,34 +98,10 @@ const router = useRouter()
 // 初始化
 onMounted(() => {
   bgStore.setBgImage(bigBackgroud)
+  getNoticeList()
 });
-
-const notices = ref([
-  { date: 'XXXXX供应商信息记不全，请完善！', content: 'XXXXX供应商信息记不全，请完善！' },
-  { date: 'XXXXX供应商信息记不全，请完善！', content: 'XXXXX供应商信息记不全，请完善！' },
-  { date: 'XXXXX供应商信息记不全，请完善！', content: 'XXXXX供应商信息记不全，请完善！' },
-  { date: 'XXXXX供应商信息记不全，请完善！', content: 'XXXXX供应商信息记不全，请完善！' },
-  { date: 'XXXXX供应商信息记不全，请完善！', content: 'XXXXX供应商信息记不全，请完善！' },
-  { date: 'XXXXX供应商信息记不全，请完善！', content: 'XXXXX供应商信息记不全，请完善！' },
-  { date: 'XXXXX供应商信息记不全，请完善！', content: 'XXXXX供应商信息记不全，请完善！' },
-  { date: 'XXXXX供应商信息记不全，请完善！', content: 'XXXXX供应商信息记不全，请完善！' },
-  { date: 'XXXXX供应商信息记不全，请完善！', content: 'XXXXX供应商信息记不全，请完善！' },
-  { date: 'XXXXX供应商信息记不全，请完善！', content: 'XXXXX供应商信息记不全，请完善！' },
-  { date: 'XXXXX供应商信息记不全，请完善！', content: 'XXXXX供应商信息记不全，请完善！' },
-  { date: 'XXXXX供应商信息记不全，请完善！', content: 'XXXXX供应商信息记不全，请完善！' },
-  { date: 'XXXXX供应商信息记不全，请完善！', content: 'XXXXX供应商信息记不全，请完善！' },
-  { date: 'XXXXX供应商信息记不全，请完善！', content: 'XXXXX供应商信息记不全，请完善！' },
-  { date: 'XXXXX供应商信息记不全，请完善！', content: 'XXXXX供应商信息记不全，请完善！' },
-  { date: 'XXXXX供应商信息记不全，请完善！', content: 'XXXXX供应商信息记不全，请完善！' },
-  { date: 'XXXXX供应商信息记不全，请完善！', content: 'XXXXX供应商信息记不全，请完善！' },
-  { date: 'XXXXX供应商信息记不全，请完善！', content: 'XXXXX供应商信息记不全，请完善！' },
-  { date: 'XXXXX供应商信息记不全，请完善！', content: 'XXXXX供应商信息记不全，请完善！' },
-  { date: 'XXXXX供应商信息记不全，请完善！', content: 'XXXXX供应商信息记不全，请完善！' },
-  { date: 'XXXXX供应商信息记不全，请完善！', content: 'XXXXX供应商信息记不全，请完善！' },
-  { date: 'XXXXX供应商信息记不全，请完善！', content: 'XXXXX供应商信息记不全，请完善！' },
-  { date: 'XXXXX供应商信息记不全，请完善！', content: 'XXXXX供应商信息记不全，请完善！' },
-  { date: 'XXXXX供应商信息记不全，请完善！', content: 'XXXXX供应商信息记不全，请完善！' },
-]);
+// 通知数据
+const notices = ref([]);
 // 打开媒体地图
 const handleGoMediaMap = () => {
   router.push('/mediaMap')
@@ -187,6 +164,14 @@ const handleGeoConvertBack = () => {
   showTool.value = false
   showGeoConvert.value = false
 }
+
+// 获取通知
+const getNoticeList = () => {
+  noticeList({ noticeType: 1, status: 0 }).then(res => {
+    console.log('通知结果', res)
+    notices.value = res.rows
+  })
+}
 </script>
 <style scoped lang="scss">
 .flex-container {