diff --git a/src/api/SpongeCulture.js b/src/api/SpongeCulture.js
new file mode 100644
index 0000000..55add52
--- /dev/null
+++ b/src/api/SpongeCulture.js
@@ -0,0 +1,18 @@
+import request from '@/utils/request';
+
+// 海绵文化
+export function specialNavList(query) {
+  return request({
+    url: '/publicService/trainAndPublicize/list',
+    method: 'get',
+    params: query,
+  });
+}
+
+// 海绵文化 详情
+export function specialNavDetail(id) {
+  return request({
+    url: '/publicService/trainAndPublicize/' + id,
+    method: 'get',
+  });
+}

diff --git a/src/api/SpongeCulture.js b/src/api/SpongeCulture.js
new file mode 100644
index 0000000..55add52
--- /dev/null
+++ b/src/api/SpongeCulture.js
@@ -0,0 +1,18 @@
+import request from '@/utils/request';
+
+// 海绵文化
+export function specialNavList(query) {
+  return request({
+    url: '/publicService/trainAndPublicize/list',
+    method: 'get',
+    params: query,
+  });
+}
+
+// 海绵文化 详情
+export function specialNavDetail(id) {
+  return request({
+    url: '/publicService/trainAndPublicize/' + id,
+    method: 'get',
+  });
+}
diff --git a/src/assets/images/mrzp.png b/src/assets/images/mrzp.png
new file mode 100644
index 0000000..b62f993
--- /dev/null
+++ b/src/assets/images/mrzp.png
Binary files differ

diff --git a/src/api/SpongeCulture.js b/src/api/SpongeCulture.js
new file mode 100644
index 0000000..55add52
--- /dev/null
+++ b/src/api/SpongeCulture.js
@@ -0,0 +1,18 @@
+import request from '@/utils/request';
+
+// 海绵文化
+export function specialNavList(query) {
+  return request({
+    url: '/publicService/trainAndPublicize/list',
+    method: 'get',
+    params: query,
+  });
+}
+
+// 海绵文化 详情
+export function specialNavDetail(id) {
+  return request({
+    url: '/publicService/trainAndPublicize/' + id,
+    method: 'get',
+  });
+}
diff --git a/src/assets/images/mrzp.png b/src/assets/images/mrzp.png
new file mode 100644
index 0000000..b62f993
--- /dev/null
+++ b/src/assets/images/mrzp.png
Binary files differ
diff --git a/src/router/index.js b/src/router/index.js
index 30b7cc9..ac2a5f2 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -67,6 +67,12 @@
       meta: { keepAlive: false, title: '修改密码', ifShowHead: true, ifBack: true },
     },
     {
+      path: '/newsdetail',
+      name: 'newsdetail',
+      component: () => import('@/views/xuncha/components/newsdetail.vue'),
+      meta: { keepAlive: false, title: '详情', ifShowHead: true },
+    },
+    {
       path: '/codeQR',
       name: 'codeQR',
       component: () => import('@/views/home/codeQR.vue'),

diff --git a/src/api/SpongeCulture.js b/src/api/SpongeCulture.js
new file mode 100644
index 0000000..55add52
--- /dev/null
+++ b/src/api/SpongeCulture.js
@@ -0,0 +1,18 @@
+import request from '@/utils/request';
+
+// 海绵文化
+export function specialNavList(query) {
+  return request({
+    url: '/publicService/trainAndPublicize/list',
+    method: 'get',
+    params: query,
+  });
+}
+
+// 海绵文化 详情
+export function specialNavDetail(id) {
+  return request({
+    url: '/publicService/trainAndPublicize/' + id,
+    method: 'get',
+  });
+}
diff --git a/src/assets/images/mrzp.png b/src/assets/images/mrzp.png
new file mode 100644
index 0000000..b62f993
--- /dev/null
+++ b/src/assets/images/mrzp.png
Binary files differ
diff --git a/src/router/index.js b/src/router/index.js
index 30b7cc9..ac2a5f2 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -67,6 +67,12 @@
       meta: { keepAlive: false, title: '修改密码', ifShowHead: true, ifBack: true },
     },
     {
+      path: '/newsdetail',
+      name: 'newsdetail',
+      component: () => import('@/views/xuncha/components/newsdetail.vue'),
+      meta: { keepAlive: false, title: '详情', ifShowHead: true },
+    },
+    {
       path: '/codeQR',
       name: 'codeQR',
       component: () => import('@/views/home/codeQR.vue'),
diff --git a/src/views/home/home_news.vue b/src/views/home/home_news.vue
index de7f817..42fae10 100644
--- a/src/views/home/home_news.vue
+++ b/src/views/home/home_news.vue
@@ -1,18 +1,80 @@
 <template>
   <!-- 培训宣传 -->
-  <div id="home_workbench">培训宣传</div>
+  <div id="home_workbench">
+    <div class="newsList" v-for="item in tableData" @click="gotoNews(item)" :key="item.id">
+      <div class="left">
+        <p class="title">{{ item.title }}</p>
+        <p>{{ item.address }}</p>
+        <p>{{ item.trainTime }}</p>
+      </div>
+      <div class="right">
+        <img v-if="item.filelist.length > 0" :src="item.filelist[0].url" alt="" class="zp" />
+        <img v-else src="@/assets/images/mrzp.png" alt="" class="zp" />
+      </div>
+    </div>
+  </div>
 </template>
 
 <script setup name="home_workbench">
+import { specialNavList } from '@/api/SpongeCulture.js';
 import { ref, reactive, toRefs, onMounted } from 'vue';
 
-onMounted(() => {});
+import { useRouter } from 'vue-router';
+const router = useRouter();
+const tableData = ref([]);
+/** 获取查询数据列表 */
+function getDataList() {
+  specialNavList().then((response) => {
+    tableData.value = response.data;
+  });
+}
+// 跳转详情
+function gotoNews(item) {
+  router.push({
+    path: '/newsdetail',
+    query: { id: item.id },
+  });
+}
+
+onMounted(() => {
+  getDataList();
+});
 </script>
 
 <style lang="less" scoped>
 #home_workbench {
   width: 100%;
-  height: calc(100% - 122px);
+  height: calc(100% - 95px);
   background: #f2f1f6;
+  // background: red;
+  overflow: auto;
+  .newsList {
+    margin: 15px 20px;
+    padding: 20px;
+    display: flex;
+    align-items: center;
+    background: #ffffff;
+    .left {
+      flex: 1;
+      margin-right: 20px;
+      overflow: auto;
+      p.title {
+        height: 35px;
+        line-height: 35px;
+        overflow: hidden; //超出隐藏
+        white-space: nowrap; //不折行
+        text-overflow: ellipsis; //溢出显示省略号
+        font-size: 28px;
+        margin: 15px auto;
+      }
+    }
+    .right {
+      width: 250px;
+      img {
+        width: 250px;
+        height: 150px;
+      }
+    }
+  }
 }
 </style>

diff --git a/src/api/SpongeCulture.js b/src/api/SpongeCulture.js
new file mode 100644
index 0000000..55add52
--- /dev/null
+++ b/src/api/SpongeCulture.js
@@ -0,0 +1,18 @@
+import request from '@/utils/request';
+
+// 海绵文化
+export function specialNavList(query) {
+  return request({
+    url: '/publicService/trainAndPublicize/list',
+    method: 'get',
+    params: query,
+  });
+}
+
+// 海绵文化 详情
+export function specialNavDetail(id) {
+  return request({
+    url: '/publicService/trainAndPublicize/' + id,
+    method: 'get',
+  });
+}
diff --git a/src/assets/images/mrzp.png b/src/assets/images/mrzp.png
new file mode 100644
index 0000000..b62f993
--- /dev/null
+++ b/src/assets/images/mrzp.png
Binary files differ
diff --git a/src/router/index.js b/src/router/index.js
index 30b7cc9..ac2a5f2 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -67,6 +67,12 @@
       meta: { keepAlive: false, title: '修改密码', ifShowHead: true, ifBack: true },
     },
     {
+      path: '/newsdetail',
+      name: 'newsdetail',
+      component: () => import('@/views/xuncha/components/newsdetail.vue'),
+      meta: { keepAlive: false, title: '详情', ifShowHead: true },
+    },
+    {
       path: '/codeQR',
       name: 'codeQR',
       component: () => import('@/views/home/codeQR.vue'),
diff --git a/src/views/home/home_news.vue b/src/views/home/home_news.vue
index de7f817..42fae10 100644
--- a/src/views/home/home_news.vue
+++ b/src/views/home/home_news.vue
@@ -1,18 +1,80 @@
 <template>
   <!-- 培训宣传 -->
-  <div id="home_workbench">培训宣传</div>
+  <div id="home_workbench">
+    <div class="newsList" v-for="item in tableData" @click="gotoNews(item)" :key="item.id">
+      <div class="left">
+        <p class="title">{{ item.title }}</p>
+        <p>{{ item.address }}</p>
+        <p>{{ item.trainTime }}</p>
+      </div>
+      <div class="right">
+        <img v-if="item.filelist.length > 0" :src="item.filelist[0].url" alt="" class="zp" />
+        <img v-else src="@/assets/images/mrzp.png" alt="" class="zp" />
+      </div>
+    </div>
+  </div>
 </template>
 
 <script setup name="home_workbench">
+import { specialNavList } from '@/api/SpongeCulture.js';
 import { ref, reactive, toRefs, onMounted } from 'vue';
 
-onMounted(() => {});
+import { useRouter } from 'vue-router';
+const router = useRouter();
+const tableData = ref([]);
+/** 获取查询数据列表 */
+function getDataList() {
+  specialNavList().then((response) => {
+    tableData.value = response.data;
+  });
+}
+// 跳转详情
+function gotoNews(item) {
+  router.push({
+    path: '/newsdetail',
+    query: { id: item.id },
+  });
+}
+
+onMounted(() => {
+  getDataList();
+});
 </script>
 
 <style lang="less" scoped>
 #home_workbench {
   width: 100%;
-  height: calc(100% - 122px);
+  height: calc(100% - 95px);
   background: #f2f1f6;
+  // background: red;
+  overflow: auto;
+  .newsList {
+    margin: 15px 20px;
+    padding: 20px;
+    display: flex;
+    align-items: center;
+    background: #ffffff;
+    .left {
+      flex: 1;
+      margin-right: 20px;
+      overflow: auto;
+      p.title {
+        height: 35px;
+        line-height: 35px;
+        overflow: hidden; //超出隐藏
+        white-space: nowrap; //不折行
+        text-overflow: ellipsis; //溢出显示省略号
+        font-size: 28px;
+        margin: 15px auto;
+      }
+    }
+    .right {
+      width: 250px;
+      img {
+        width: 250px;
+        height: 150px;
+      }
+    }
+  }
 }
 </style>
diff --git a/src/views/xuncha/components/newsdetail.vue b/src/views/xuncha/components/newsdetail.vue
new file mode 100644
index 0000000..a54790c
--- /dev/null
+++ b/src/views/xuncha/components/newsdetail.vue
@@ -0,0 +1,72 @@
+<template>
+  <div class="newsdetailpage">
+    <div class="main">
+      <div class="tit">{{ detailData.address }}</div>
+      <div class="time">{{ detailData.trainTime }}</div>
+      <div class="content" v-html="detailData.content"></div>
+    </div>
+  </div>
+</template>
+
+<script setup name="newsdetail">
+import { useRoute } from 'vue-router';
+import { specialNavDetail } from '@/api/SpongeCulture.js';
+const route = useRoute();
+const detailData = ref({});
+// 获取详情数据
+async function getDetail(id) {
+  specialNavDetail(id).then((res) => {
+    if (res && res.code == 200) {
+      detailData.value = res.data;
+      console.log(detailData.value, 'detailData.value');
+    }
+  });
+}
+onMounted(() => {
+  getDetail(route.query.id);
+});
+</script>
+<style lang="less">
+.newsdetailpage {
+  width: 100%;
+  height: 86%;
+  position: relative;
+  // background: red;
+  background-color: #fff;
+  min-height: 50%;
+  overflow: auto;
+
+  .main {
+    width: 690px;
+    margin: 0 auto;
+    padding-top: 16px;
+
+    .tit {
+      font-family: Source Han Sans CN;
+      font-weight: bold;
+      font-size: 36px;
+      color: #121212;
+      line-height: 1.5;
+      padding: 16px auto;
+      text-align: center;
+    }
+
+    .time {
+      font-family: Source Han Sans CN;
+      font-weight: 400;
+      font-size: 24px;
+      color: #7b7b7e;
+      line-height: 3;
+    }
+
+    .content {
+      font-family: Source Han Sans CN;
+      font-weight: 400;
+      font-size: 24px;
+      color: #121212;
+      line-height: 1.8;
+      margin: 30px auto;
+    }
+  }
+}
+</style>

diff --git a/src/api/SpongeCulture.js b/src/api/SpongeCulture.js
new file mode 100644
index 0000000..55add52
--- /dev/null
+++ b/src/api/SpongeCulture.js
@@ -0,0 +1,18 @@
+import request from '@/utils/request';
+
+// 海绵文化
+export function specialNavList(query) {
+  return request({
+    url: '/publicService/trainAndPublicize/list',
+    method: 'get',
+    params: query,
+  });
+}
+
+// 海绵文化 详情
+export function specialNavDetail(id) {
+  return request({
+    url: '/publicService/trainAndPublicize/' + id,
+    method: 'get',
+  });
+}
diff --git a/src/assets/images/mrzp.png b/src/assets/images/mrzp.png
new file mode 100644
index 0000000..b62f993
--- /dev/null
+++ b/src/assets/images/mrzp.png
Binary files differ
diff --git a/src/router/index.js b/src/router/index.js
index 30b7cc9..ac2a5f2 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -67,6 +67,12 @@
       meta: { keepAlive: false, title: '修改密码', ifShowHead: true, ifBack: true },
     },
     {
+      path: '/newsdetail',
+      name: 'newsdetail',
+      component: () => import('@/views/xuncha/components/newsdetail.vue'),
+      meta: { keepAlive: false, title: '详情', ifShowHead: true },
+    },
+    {
       path: '/codeQR',
       name: 'codeQR',
       component: () => import('@/views/home/codeQR.vue'),
diff --git a/src/views/home/home_news.vue b/src/views/home/home_news.vue
index de7f817..42fae10 100644
--- a/src/views/home/home_news.vue
+++ b/src/views/home/home_news.vue
@@ -1,18 +1,80 @@
 <template>
   <!-- 培训宣传 -->
-  <div id="home_workbench">培训宣传</div>
+  <div id="home_workbench">
+    <div class="newsList" v-for="item in tableData" @click="gotoNews(item)" :key="item.id">
+      <div class="left">
+        <p class="title">{{ item.title }}</p>
+        <p>{{ item.address }}</p>
+        <p>{{ item.trainTime }}</p>
+      </div>
+      <div class="right">
+        <img v-if="item.filelist.length > 0" :src="item.filelist[0].url" alt="" class="zp" />
+        <img v-else src="@/assets/images/mrzp.png" alt="" class="zp" />
+      </div>
+    </div>
+  </div>
 </template>
 
 <script setup name="home_workbench">
+import { specialNavList } from '@/api/SpongeCulture.js';
 import { ref, reactive, toRefs, onMounted } from 'vue';
 
-onMounted(() => {});
+import { useRouter } from 'vue-router';
+const router = useRouter();
+const tableData = ref([]);
+/** 获取查询数据列表 */
+function getDataList() {
+  specialNavList().then((response) => {
+    tableData.value = response.data;
+  });
+}
+// 跳转详情
+function gotoNews(item) {
+  router.push({
+    path: '/newsdetail',
+    query: { id: item.id },
+  });
+}
+
+onMounted(() => {
+  getDataList();
+});
 </script>
 
 <style lang="less" scoped>
 #home_workbench {
   width: 100%;
-  height: calc(100% - 122px);
+  height: calc(100% - 95px);
   background: #f2f1f6;
+  // background: red;
+  overflow: auto;
+  .newsList {
+    margin: 15px 20px;
+    padding: 20px;
+    display: flex;
+    align-items: center;
+    background: #ffffff;
+    .left {
+      flex: 1;
+      margin-right: 20px;
+      overflow: auto;
+      p.title {
+        height: 35px;
+        line-height: 35px;
+        overflow: hidden; //超出隐藏
+        white-space: nowrap; //不折行
+        text-overflow: ellipsis; //溢出显示省略号
+        font-size: 28px;
+        margin: 15px auto;
+      }
+    }
+    .right {
+      width: 250px;
+      img {
+        width: 250px;
+        height: 150px;
+      }
+    }
+  }
 }
 </style>
diff --git a/src/views/xuncha/components/newsdetail.vue b/src/views/xuncha/components/newsdetail.vue
new file mode 100644
index 0000000..a54790c
--- /dev/null
+++ b/src/views/xuncha/components/newsdetail.vue
@@ -0,0 +1,72 @@
+<template>
+  <div class="newsdetailpage">
+    <div class="main">
+      <div class="tit">{{ detailData.address }}</div>
+      <div class="time">{{ detailData.trainTime }}</div>
+      <div class="content" v-html="detailData.content"></div>
+    </div>
+  </div>
+</template>
+
+<script setup name="newsdetail">
+import { useRoute } from 'vue-router';
+import { specialNavDetail } from '@/api/SpongeCulture.js';
+const route = useRoute();
+const detailData = ref({});
+// 获取详情数据
+async function getDetail(id) {
+  specialNavDetail(id).then((res) => {
+    if (res && res.code == 200) {
+      detailData.value = res.data;
+      console.log(detailData.value, 'detailData.value');
+    }
+  });
+}
+onMounted(() => {
+  getDetail(route.query.id);
+});
+</script>
+<style lang="less">
+.newsdetailpage {
+  width: 100%;
+  height: 86%;
+  position: relative;
+  // background: red;
+  background-color: #fff;
+  min-height: 50%;
+  overflow: auto;
+
+  .main {
+    width: 690px;
+    margin: 0 auto;
+    padding-top: 16px;
+
+    .tit {
+      font-family: Source Han Sans CN;
+      font-weight: bold;
+      font-size: 36px;
+      color: #121212;
+      line-height: 1.5;
+      padding: 16px auto;
+      text-align: center;
+    }
+
+    .time {
+      font-family: Source Han Sans CN;
+      font-weight: 400;
+      font-size: 24px;
+      color: #7b7b7e;
+      line-height: 3;
+    }
+
+    .content {
+      font-family: Source Han Sans CN;
+      font-weight: 400;
+      font-size: 24px;
+      color: #121212;
+      line-height: 1.8;
+      margin: 30px auto;
+    }
+  }
+}
+</style>
diff --git a/vite.config.js b/vite.config.js
index e8abe46..e75b139 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -9,8 +9,8 @@
 
 const Timestamp = new Date().getTime(); //随机时间戳
 
-const targetUrl = 'http://192.168.20.52:7300'; //杨辉
-// const targetUrl = 'https://server2.wh-nf.cn:8082/prod-api'; //线上
+// const targetUrl = 'http://192.168.20.52:7300'; //杨辉
+const targetUrl = 'https://server2.wh-nf.cn:8082/prod-api'; //线上
 
 export default defineConfig({
   // 地址是和router中和ngix中配置的名称一致