diff --git a/jeecgboot-vue3/src/api/mainHome/index.ts b/jeecgboot-vue3/src/api/mainHome/index.ts
index 90de3bc..369de3a 100644
--- a/jeecgboot-vue3/src/api/mainHome/index.ts
+++ b/jeecgboot-vue3/src/api/mainHome/index.ts
@@ -54,4 +54,49 @@ export function getindexarticle(params) {
     method: 'GET',
     params,
   });
+}
+// 获取全部文章
+export function getindexallarticle() {
+  return defHttp.request({
+    url: '/cms/front/cmsfindallnews',
+    method: 'GET',
+  });
+}
+// 获取文章详情
+export function getindexarticleitem(params) {
+  return defHttp.request({
+    url: '/cms/front/getByArticleTitle',
+    method: 'GET',
+    params,
+  });
+}
+// 获取首页新闻
+export function getindexnews() {
+  return defHttp.request({
+    url: '/cms/front/getindexnew',
+    method: 'GET',
+  });
+}
+// 获取专家信息
+export function getindexexpert(params) {
+  return defHttp.request({
+    url: '/expert/expert/listadminCMS',
+    method: 'GET',
+    params
+  });
+}
+// 获取专家详情
+export function getindexexpertdetail(params) {
+  return defHttp.request({
+    url: '/expert/expert/CMSexpinfo',
+    method: 'GET',
+    params,
+  });
+}
+// 获取专家类型
+export function getindexexperttype() {
+  return defHttp.request({
+    url: '/expert/expert/directioncalListCMS',
+    method: 'GET',
+  });
 }
\ No newline at end of file
diff --git a/jeecgboot-vue3/src/router/helper/mainOut.ts b/jeecgboot-vue3/src/router/helper/mainOut.ts
index ce05304..f2a435e 100644
--- a/jeecgboot-vue3/src/router/helper/mainOut.ts
+++ b/jeecgboot-vue3/src/router/helper/mainOut.ts
@@ -90,7 +90,7 @@ export const mainOutRoutes: AppRouteModule[] = [
         meta: {
           title: '新闻详情',
           ignoreAuth: true,
-          hidden: false
+          hidden: true
 
         },
       },
diff --git a/jeecgboot-vue3/src/views/demo/main-home/components/NewsList/index.vue b/jeecgboot-vue3/src/views/demo/main-home/components/NewsList/index.vue
index 82e3ed9..b196bf6 100644
--- a/jeecgboot-vue3/src/views/demo/main-home/components/NewsList/index.vue
+++ b/jeecgboot-vue3/src/views/demo/main-home/components/NewsList/index.vue
@@ -2,39 +2,41 @@
   <div class="container">
     <div class="news-list">
       <div class="item" v-for="i in newList" :key="i">
-        <div class="left"><div class="year">{{ i.publishTime.split('-')[0] }}-{{  i.publishTime.split('-')[1] }}</div><div class="day">{{  i.publishTime.split(' ')[0].split('-')[2] }}</div></div>
+        <div class="left"
+          ><div class="year">{{ i.publishTime.split('-')[0] }}-{{ i.publishTime.split('-')[1] }}</div
+          ><div class="day">{{ i.publishTime.split(' ')[0].split('-')[2] }}</div></div
+        >
         <div class="right">
           <div class="title">{{ i.title }}</div>
           <div class="editor">{{ i.source }}</div>
-          <div class="description"
-            ><div v-html="i.info"></div></div
-          >
-          <div class="get-info">查看详情</div>
+          <div class="description"><div v-html="i.info"></div></div>
+          <div class="get-info" @click="onGetInfo(i)">查看详情</div>
         </div>
       </div>
-        <!-- 分页 -->
-        <div class="pagination"> <Pagination :current="current" :pageSize="page.pageSize" :total="total" show-less-items @change="onChange" /></div>
+      <!-- 分页 -->
+      <div class="pagination"> <Pagination :current="current" :pageSize="page.pageSize" :total="total" show-less-items @change="onChange" /></div>
     </div>
     <!-- 栏目 -->
     <div class="column-list">
       <div class="title">栏目列表</div>
       <div class="list">
-        <div class="item">全部</div>
+        <div class="item" @click="getindexallarticleEvent">全部</div>
         <div class="item" v-for="i in newColumnList" :key="i.id" @click="getMyNewsList(i)">{{ i.name }}</div>
         <!-- <div class="item">项目申报</div>
         <div class="item">新闻列表</div> -->
       </div>
     </div>
-
   </div>
-        
 </template>
 
 <script setup>
   import { Pagination } from 'ant-design-vue';
 
-  import { getindexcolumn, getindexarticle } from '@/api/mainHome';
+  import { getindexcolumn, getindexarticle, getindexallarticle } from '@/api/mainHome';
   import { ref } from 'vue';
+  import { useRouter } from 'vue-router';
+
+  const router = useRouter();
   const current = ref(1);
   const total = ref(0);
   const page = ref({
@@ -55,15 +57,39 @@
   };
   const newList = ref([]);
   const getindexarticleEvent = async (id) => {
+    columnId.value = id;
     const res = await getindexarticle({ columnId: id, ...page.value });
     console.log(res);
     newList.value = res.records;
     total.value = res.total;
   };
+  const columnId = ref('');
   const onChange = (page) => {
     console.log(page);
     page.pageNo = page;
-    getindexarticleEvent();
+    if (columnId.value) {
+      getindexarticleEvent(columnId.value);
+    } else {
+      getindexallarticleEvent();
+    }
+  };
+  const getindexallarticleEvent = async () => {
+    const res = await getindexallarticle();
+    console.log(res);
+    newList.value = res.records;
+    total.value = res.total;
+  };
+  getindexallarticleEvent();
+
+  // 查看详情
+  const onGetInfo = (item) => {
+    console.log(item);
+    router.push({
+      path: '/main-home/newsInfo',
+      query: {
+        id: item.id,
+      },
+    })
   }
 </script>
 
@@ -79,6 +105,7 @@
       width: calc(1200px - 415px);
       margin-right: 30px;
       min-height: 755px;
+      padding-bottom: 80px;
       .item {
         display: flex;
         width: 100%;
@@ -168,14 +195,14 @@
     }
   }
   .pagination {
-      // background-color: #fff;
-      position: absolute;
-      bottom: 0;
-      left: 50%;
-      transform: translateX(-50%);
-      margin-top: 20px;
-      height: 70px;
-      display: flex;
-      justify-content: center;
-    }
+    // background-color: #fff;
+    position: absolute;
+    bottom: -20px;
+    left: 50%;
+    transform: translateX(-50%);
+    margin-top: 20px;
+    height: 70px;
+    display: flex;
+    justify-content: center;
+  }
 </style>
diff --git a/jeecgboot-vue3/src/views/demo/main-home/components/expertManagement/index.vue b/jeecgboot-vue3/src/views/demo/main-home/components/expertManagement/index.vue
index 5c03218..6fb9d21 100644
--- a/jeecgboot-vue3/src/views/demo/main-home/components/expertManagement/index.vue
+++ b/jeecgboot-vue3/src/views/demo/main-home/components/expertManagement/index.vue
@@ -1,24 +1,73 @@
 <template>
   <div class="container">
     <div class="filter">
-      <div :class="activeIndex === index ? 'item avtive' : 'item'" @click="activeIndex = index" v-for="(i, index) in filterList" :key="i">{{
-        i
+      <div :class="activeIndex === index ? 'item avtive' : 'item'" @click="filterType(i.id, index)" v-for="(i, index) in typeList" :key="i">{{
+        i.name
       }}</div>
     </div>
     <div class="user-list">
-      <div class="item" v-for="i in 10" :key="i">
+      <div class="item" v-for="i in expertList" :key="i.id">
         <div class="avater"></div>
-        <div class="name">张三</div>
-        <div class="description">专家介绍</div>
+        <div class="name">{{ i.realname }}</div>
+        <div class="description">{{ i.expinfo || '暂无' }}</div>
       </div>
     </div>
+    <!-- 分页 -->
+    <div class="pagination"> <Pagination :current="page.pageNo" :pageSize="page.pageSize" :total="total" show-less-items @change="onChange" /></div>
   </div>
 </template>
 
 <script setup>
   import { ref } from 'vue';
+  import { getindexexpert ,getindexexperttype} from '@/api/mainHome';
+  import { Pagination } from 'ant-design-vue';
+
   const activeIndex = ref(0);
   const filterList = ref(['全部', '科技学科领域', '高新技术', '化学精密', '其他筛选']);
+  const expertList = ref([]);
+
+  const current = ref(1);
+  const total = ref(0);
+  const page = ref({
+    pageSize: 8,
+    pageNo: 1,
+    directioncal:''
+  });
+    const getList = async () => {
+      const data = page.value
+      for (const key in data) {
+        if (!data[key]) {
+          delete data[key];
+        }
+      }
+    const res = await getindexexpert(data);
+    expertList.value = res.records;
+    total.value = res.total;
+  };
+  getList();
+  const onChange = (pageIndex) => {
+    console.log(pageIndex);
+    page.value.pageNo = pageIndex;
+    getList()
+  };
+  const typeList = ref([]);
+  const getTypeList = async () => {
+    const res = await getindexexperttype();
+    typeList.value = res;
+    typeList.value.unshift({ id: 0, name: '全部' });
+  };
+  getTypeList();
+
+  const filterType = (id, index) => {
+    if(id === 0) {
+      page.value.directioncal = '';
+      getList();
+      return
+    }
+    activeIndex.value = index;
+    page.value.directioncal = id;
+    getList();
+  }
 </script>
 
 <style scoped lang="less">
@@ -48,6 +97,7 @@
       grid-template-columns: repeat(4, minmax(100px, 1fr));
       grid-template-rows: repeat(auto - fill, minmax(50px, 100px));
       gap: 15px;
+      min-height: 500px;
       .item {
         position: relative;
         width: 287px;
@@ -80,7 +130,7 @@
       .item::before {
         content: ' ';
         position: absolute;
-        top:10px;
+        top: 10px;
         left: -5px;
         display: block;
         width: 25px;
@@ -89,4 +139,10 @@
       }
     }
   }
+  .pagination {
+    // background-color: #fff;
+    height: 70px;
+    display: flex;
+    justify-content: center;
+  }
 </style>
diff --git a/jeecgboot-vue3/src/views/demo/main-home/components/homePage/index.vue b/jeecgboot-vue3/src/views/demo/main-home/components/homePage/index.vue
index 4c3b7de..aea492d 100644
--- a/jeecgboot-vue3/src/views/demo/main-home/components/homePage/index.vue
+++ b/jeecgboot-vue3/src/views/demo/main-home/components/homePage/index.vue
@@ -136,6 +136,7 @@
 <script setup>
   import { ref, reactive } from 'vue';
   import { vue3ScrollSeamless } from 'vue3-scroll-seamless';
+  import {getindexnews} from '/@/api/mainHome';
   let list = reactive([1, 2, 3, 4, 5, 6]);
   const classOptions = {
     limitMoveNum: 2,
@@ -145,6 +146,12 @@
     'https://ts1.cn.mm.bing.net/th/id/R-C.987f582c510be58755c4933cda68d525?rik=C0D21hJDYvXosw&riu=http%3a%2f%2fimg.pconline.com.cn%2fimages%2fupload%2fupc%2ftx%2fwallpaper%2f1305%2f16%2fc4%2f20990657_1368686545122.jpg&ehk=netN2qzcCVS4ALUQfDOwxAwFcy41oxC%2b0xTFvOYy5ds%3d&risl=&pid=ImgRaw&r=0',
     'https://tse1-mm.cn.bing.net/th/id/OIP-C.DOOxGtkUiW8QevWtAxsRtAHaEK?rs=1&pid=ImgDetMain',
   ]);
+
+  const getlist = async () => {
+    const res = await getindexnews();
+    console.log(res);
+  }
+  getlist()
 </script>
 
 <style scoped lang="less">
diff --git a/jeecgboot-vue3/src/views/demo/main-home/components/newsInfo/index.vue b/jeecgboot-vue3/src/views/demo/main-home/components/newsInfo/index.vue
index c0ae3b3..0e5e24f 100644
--- a/jeecgboot-vue3/src/views/demo/main-home/components/newsInfo/index.vue
+++ b/jeecgboot-vue3/src/views/demo/main-home/components/newsInfo/index.vue
@@ -1,31 +1,49 @@
 <template>
   <div class="container">
     <div class="news-list">
+      <div>新闻列表>新闻详情</div>
       <div class="item">
-      
         <div class="right">
-          <div class="title">新闻标题</div>
-          <div class="editor"><div>2022-03-24 | 信息来源：国际教育学院</div><div>负责人 | 无糖</div></div>
+          <div class="title">{{ info.title }}</div>
+          <div class="editor"><div>{{info.publishTime}}| 信息来源：{{ info.source }}</div></div>
           <div class="description"
-            >小小文本小小文本小小文本小小文本小小文本小小文本小小文本小小文本小小文本小小文本小小文本小小文本小小文本小小文本小小文本小小文本小小文本小小文本小小文本小小文本小小文本小小文本</div
+            ><div v-html="info.content"></div></div
           >
-         
         </div>
       </div>
     </div>
     <!-- 栏目 -->
-    <div class="column-list">
+    <!-- <div class="column-list">
       <div class="title">栏目列表</div>
       <div class="list">
         <div class="item">全部</div>
         <div class="item">项目申报</div>
         <div class="item">新闻列表</div>
       </div>
-    </div>
+    </div> -->
   </div>
 </template>
 
-<script setup></script>
+<script setup>
+import {getindexarticleitem} from '@/api/mainHome'
+import { useRoute } from 'vue-router';
+import { ref } from 'vue';
+const route = useRoute()
+
+const id = route.query.id
+const info = ref({
+title: '',
+publishTime: '',
+source: '',
+content: ''
+
+})
+const getInfo = async () => {
+  const res = await getindexarticleitem({id})
+  info.value = res[0]
+}
+getInfo()
+</script>
 
 <style scoped lang="less">
   .container {
@@ -35,16 +53,17 @@
     display: flex;
     margin-top: 50px;
     .news-list {
-     width: calc(1200px - 415px);
-     margin-right: 30px;
+      //  width: calc(1200px - 415px);
+      width: 100%;
+      margin-right: 30px;
 
       .item {
         display: flex;
         width: 100%;
-       
+
         padding-bottom: 45px;
         margin-top: 40px;
-       
+
         .right {
           margin-left: 30px;
           .title {
@@ -69,14 +88,14 @@
             content: '';
             display: block;
             position: absolute;
-            width:4px;
-           left: -40px;
+            width: 4px;
+            left: -40px;
             height: 53px;
             background-color: #d9d9d9;
           }
           .description {
             margin-top: 30px;
-            width: 660px;
+            // width: 660px;
             text-indent: 2em;
             line-height: 28px;
           }
@@ -99,18 +118,18 @@
       background-color: #fff;
       height: 755px;
       padding: 30px;
-      .title{
+      .title {
         font-size: 20px;
         font-weight: 600;
         color: #555;
       }
-      .list{
-        .item{
+      .list {
+        .item {
           font-size: 16px;
           color: #555;
           height: 50px;
           line-height: 50px;
-          border-bottom: 1px solid #D9D9D9;
+          border-bottom: 1px solid #d9d9d9;
           cursor: pointer;
         }
       }
diff --git a/jeecgboot-vue3/src/views/demo/main-home/components/projectDeclaration/index.vue b/jeecgboot-vue3/src/views/demo/main-home/components/projectDeclaration/index.vue
index 9415d22..14e8f65 100644
--- a/jeecgboot-vue3/src/views/demo/main-home/components/projectDeclaration/index.vue
+++ b/jeecgboot-vue3/src/views/demo/main-home/components/projectDeclaration/index.vue
@@ -1,12 +1,6 @@
 <template>
   <div class="container">
-    <div class="top-filter">
-      <div :class="activeIndex === index ? 'active item' : 'item'" @click="activeIndex = index" class="item "
-        v-for="(item, index) in filterList" :key="index">
-        <component :is="item.icon"></component>
-        <div style="margin-left: 10px">{{ item.label }}</div>
-      </div>
-    </div>
+   
     <div class="mainTop">
       <div class="resultShow">
         <div class="top">
@@ -27,10 +21,10 @@
       </div>
       <div class="userInto">
         <h2>用户登录</h2>
-        <div class="more">个人登录</div>
-        <div class="more">法人登录</div>
-        <div class="more">主管部门登录</div>
-        <div class="more">省科技厅登录</div>
+        <div class="more" @click="goToLogin">个人登录</div>
+        <div class="more" @click="goToLogin">法人登录</div>
+        <div class="more" @click="goToLogin">主管部门登录</div>
+        <div class="more" @click="goToLogin">省科技厅登录</div>
       </div>
     </div>
     <div class="mainCenter">
@@ -46,17 +40,14 @@
 
 <script setup>
 import { ref } from 'vue';
-import { PartitionOutlined, DollarCircleOutlined } from '@ant-design/icons-vue';
+import { useRouter } from 'vue-router';
+ const router = useRouter();
 const activeIndex = ref(0);
-const filterList = ref([
-  { label: '科技省厅', icon: PartitionOutlined },
-  { label: '管理制度', icon: DollarCircleOutlined },
-  { label: '申报项目', icon: DollarCircleOutlined },
-  { label: '项目受理', icon: DollarCircleOutlined },
-  { label: '立项信息', icon: DollarCircleOutlined },
-  { label: '验收情况', icon: DollarCircleOutlined },
-  { label: '创新券', icon: DollarCircleOutlined },
-]);
+const goToLogin = () => {
+  router.push({
+    path: '/login',
+  });
+}
 </script>
 
 <style scoped lang="less">
@@ -138,6 +129,7 @@ const filterList = ref([
       color: #e3ebf8;
       border-radius: 1cap;
       margin: 15px 58px;
+      cursor: pointer;
     }
   }
 }
diff --git a/jeecgboot-vue3/src/views/demo/main-home/index.vue b/jeecgboot-vue3/src/views/demo/main-home/index.vue
index 1ce39f1..72fe1e0 100644
--- a/jeecgboot-vue3/src/views/demo/main-home/index.vue
+++ b/jeecgboot-vue3/src/views/demo/main-home/index.vue
@@ -8,7 +8,7 @@
             <ul>
               <li><a href="#">中国政府网</a></li>
               <li><a href="#">科学技术部</a></li>
-              <li><a href="#" style="border: none">河南省人民政府</a></li>
+              <li><a href="#" style="border: none">驻马店人民政府</a></li>
             </ul>
           </div>
           <div class="fr">