diff --git a/composables/useServerRequest.ts b/composables/useServerRequest.ts
index 42a7620..816d2b2 100644
--- a/composables/useServerRequest.ts
+++ b/composables/useServerRequest.ts
@@ -16,7 +16,7 @@ export const useServerRequest = <T>(url: string, opts?: UseFetchOptions<T, unkno
   baseUrl.value = runtimeConfig.public.apiServer;
   // 开发环境
   if(process.env.NODE_ENV === 'development'){
-    baseUrl.value = `http://127.0.0.1:9002/api`
+    // baseUrl.value = `http://127.0.0.1:9002/api`
   }
   // 登录凭证token
   const token = useToken();
diff --git a/pages/components/CompanyStyle.vue b/pages/components/CompanyStyle.vue
index 3a8ccf4..f18a65c 100644
--- a/pages/components/CompanyStyle.vue
+++ b/pages/components/CompanyStyle.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="w-full bg-gray-100 pb-20">
+  <div class="w-full bg-gray-100 pb-20 bg-white">
     <div class="text-center flex flex-col items-center py-15 relative ">
       <div class="sub-title">
         <p class="text-gray-200 text-5xl font-bold dark:text-gray-700 py-0 line-height-5">
@@ -13,16 +13,16 @@
     <div class="xl:w-screen-xl m-auto text-xl right-to-left hidden-sm-and-down" v-if="show">
       <el-carousel :interval="4000" type="card" height="350px" arrow="never" indicator-position="none">
         <el-carousel-item class="relative" v-for="(item,index) in list" :key="index">
-          <el-image :src="item.path" class="cursor-pointer scale-img w-full" />
-          <div class="absolute bg-[#e65a01]/75 w-full py-2 z-100 text-center text-sm text-white bottom-0" v-if="item.comments">{{ item.comments }}</div>
+          <el-image :src="item.image" class="cursor-pointer scale-img w-full" />
+          <div class="absolute bg-[#e65a01]/75 w-full py-2 z-100 text-center text-sm text-white bottom-0" v-if="item.comments" @click="openSpmUrl(`/detail`,item,item.articleId,true)">{{ item.comments }}</div>
         </el-carousel-item>
       </el-carousel>
     </div>
     <div class="xl:w-screen-xl m-auto text-xl right-to-left hidden-sm-and-up">
       <el-carousel :interval="4000" type="card" height="350px" arrow="never" indicator-position="none">
         <el-carousel-item class="relative" v-for="(item,index) in list" :key="index">
-          <el-image :src="item.path" class="cursor-pointer scale-img w-full" />
-          <div class="absolute bg-[#e65a01]/75 w-full py-2 z-100 text-center text-sm text-white bottom-0" v-if="item.comments">{{ item.comments }}</div>
+          <el-image :src="item.image" class="cursor-pointer scale-img w-full" @click="openSpmUrl(`/detail`,item,item.articleId,true)" />
+          <div class="absolute bg-[#e65a01]/75 w-full py-2 z-100 text-center text-sm text-white bottom-0" v-if="item.comments" >{{ item.comments }}</div>
         </el-carousel-item>
       </el-carousel>
     </div>
@@ -35,6 +35,7 @@
 import {useServerRequest} from "~/composables/useServerRequest";
 import type {ApiResult, PageResult} from "~/api";
 import type {FileRecord} from "~/api/system/file/model";
+import type {CmsArticle} from "~/api/cms/cmsArticle/model";
 
 const props = withDefaults(
     defineProps<{
@@ -54,13 +55,13 @@ const emit = defineEmits<{
   (e: 'done'): void;
 }>();
 
-const list = ref<FileRecord[]>([])
+const list = ref<CmsArticle[]>([])
 
 const reload = async () => {
-  const {data: response} = await useServerRequest<ApiResult<PageResult<FileRecord>>>('/file/page',{
-    baseURL: 'https://server.gxwebsoft.com/api',
-    query: {
-      groupId: props.groupId
+  const {data: response} = await useServerRequest<ApiResult<PageResult<CmsArticle>>>('/cms/cms-article/page', {
+    params: {
+      categoryId: 989,
+      limit: 8
     }
   })
   if(response.value?.data){
@@ -68,6 +69,12 @@ const reload = async () => {
       list.value = response.value?.data.list
     }
   }
+  // const {data: response} = await useServerRequest<ApiResult<PageResult<FileRecord>>>('/file/page',{
+  //   baseURL: 'https://server.gxwebsoft.com/api',
+  //   query: {
+  //     groupId: props.groupId
+  //   }
+  // })
 }
 
 const show = ref(false)
@@ -75,7 +82,7 @@ watch(
     () => [props.groupId, props.scrollTop],
     () => {
       reload();
-      if (props.scrollTop >= 2280) show.value = true
+      if (props.scrollTop >= 1580) show.value = true
     },
 
     {immediate: true}
diff --git a/pages/components/Djzt.vue b/pages/components/Djzt.vue
new file mode 100644
index 0000000..e440ed7
--- /dev/null
+++ b/pages/components/Djzt.vue
@@ -0,0 +1,121 @@
+<template>
+  <div class="w-full bg-gray-100 pb-20">
+    <div class="text-center flex flex-col items-center py-15 relative ">
+      <div class="sub-title">
+        <p class="text-gray-200 text-5xl font-bold dark:text-gray-700 py-0 line-height-5">
+          {{ comments }}
+        </p>
+      </div>
+      <h2 class="text-3xl font-bold tracking-tight text-[#ff0000] dark:text-white sm:text-4xl lg:text-5xl">
+        {{ title }}
+      </h2>
+    </div>
+    <div class="xl:w-screen-xl m-auto text-xl right-to-left hidden-sm-and-down" v-if="show">
+      <el-carousel :interval="4000" type="card" height="450px" arrow="never" indicator-position="none">
+        <el-carousel-item class="relative" v-for="(item,index) in list" :key="index">
+          <el-image :src="item.image" class="cursor-pointer scale-img w-full" />
+          <div class="absolute bg-[#e65a01]/75 w-full py-2 z-100 text-center text-sm text-white bottom-0" v-if="item.comments"  @click="openSpmUrl(`/detail`,item,item.articleId,true)">{{ item.comments }}</div>
+        </el-carousel-item>
+      </el-carousel>
+    </div>
+    <div class="xl:w-screen-xl m-auto text-xl right-to-left hidden-sm-and-up">
+      <el-carousel :interval="4000" type="card" height="350px" arrow="never" indicator-position="none">
+        <el-carousel-item class="relative" v-for="(item,index) in list" :key="index">
+          <el-image :src="item.image" class="cursor-pointer scale-img w-full" @click="openSpmUrl(`/detail`,item,item.articleId,true)" />
+          <div class="absolute bg-[#e65a01]/75 w-full py-2 z-100 text-center text-sm text-white bottom-0" v-if="item.comments" >{{ item.comments }}</div>
+        </el-carousel-item>
+      </el-carousel>
+    </div>
+  </div>
+
+
+</template>
+
+<script setup lang="ts">
+import {useServerRequest} from "~/composables/useServerRequest";
+import type {ApiResult, PageResult} from "~/api";
+import type {FileRecord} from "~/api/system/file/model";
+import type {CmsArticle} from "~/api/cms/cmsArticle/model";
+
+const props = withDefaults(
+    defineProps<{
+      config?: any;
+      groupId?: number;
+      title?: string;
+      comments?: string;
+      scrollTop: number;
+    }>(),
+    {
+      title: '卡片标题',
+      comments: '卡片描述'
+    }
+);
+
+const emit = defineEmits<{
+  (e: 'done'): void;
+}>();
+
+const list = ref<CmsArticle[]>([])
+
+const reload = async () => {
+  const {data: response} = await useServerRequest<ApiResult<PageResult<CmsArticle>>>('/cms/cms-article/page', {
+    params: {
+      categoryId: 990,
+      limit: 8
+    }
+  })
+  if(response.value?.data){
+    if(response.value?.data.list){
+      list.value = response.value?.data.list
+    }
+  }
+  // const {data: response} = await useServerRequest<ApiResult<PageResult<FileRecord>>>('/file/page',{
+  //   baseURL: 'https://server.gxwebsoft.com/api',
+  //   query: {
+  //     groupId: props.groupId
+  //   }
+  // })
+}
+
+const show = ref(false)
+watch(
+    () => [props.groupId, props.scrollTop],
+    () => {
+      reload();
+      if (props.scrollTop >= 2240) show.value = true
+    },
+
+    {immediate: true}
+);
+</script>
+
+<style lang="less" scoped>
+.scale-img:hover {
+  animation: scale;
+  animation-duration: 0.5s;
+  animation-fill-mode: forwards;
+}
+
+@keyframes scale {
+  from {
+    transform: scale(1);
+  }
+  to {
+    transform: scale(1.1);
+  }
+}
+
+.right-to-left {
+  animation: right-to-left-ani;
+  animation-duration: 0.5s;
+  animation-fill-mode: forwards;
+}
+@keyframes right-to-left-ani {
+  from {
+    transform: translateX(100%);
+  }
+  to {
+    transform: translateX(0);
+  }
+}
+</style>
diff --git a/pages/components/ImportantInformation.vue b/pages/components/ImportantInformation.vue
new file mode 100644
index 0000000..b0e9656
--- /dev/null
+++ b/pages/components/ImportantInformation.vue
@@ -0,0 +1,167 @@
+<template>
+  <div class="xl:w-screen-2xl m-auto text-xl">
+    <el-row :gutter="20">
+      <el-col :span="12">
+        <el-card shadow="hover" class="bg-gray-50 w-full h-[150px]">
+          <template #header>
+            <div class="card-header">
+              <span class="font-bold text-[#ff0000]">重大信息公开</span>
+            </div>
+          </template>
+          <template v-for="(item,index) in list" :key="index">
+            <li class="flex justify-between py-2">
+              <a class="line-clamp-1 max-w-2xl" :class="`item-${index}`"
+                 :href="getSpmUrl(`/detail`,item,item.articleId)" target="_blank">{{ item.title }}</a>
+              <span class="text-gray-400 font-200">{{ dayjs(item.createTime).format('YYYY-MM-DD') }}</span>
+            </li>
+          </template>
+        </el-card>
+      </el-col>
+      <el-col :span="12">
+        <el-card shadow="hover" class="bg-gray-50 w-full h-[150px]">
+          <template #header>
+            <div class="card-header">
+              <span class="font-bold text-[#ff0000]">党建专题</span>
+            </div>
+          </template>
+          <div class="flex justify-between">
+            <div class="flex flex-col">
+              <span class="text-[#ff0000]">【2023】关于2023年“三重一大”的启动通知</span>
+              <span class="text-sm text-gray-500">2023-03-07</span>
+            </div>
+            <div class="flex flex-col items-end">
+              <span class="text-[#ff0000]">【2023】关于2023年“三重一大”的启动通知</span>
+            </div>
+          </div>
+        </el-card>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script setup lang="ts">
+import {getSpmUrl, openSpmUrl} from "~/utils/common";
+import dayjs from "dayjs";
+import {useServerRequest} from "~/composables/useServerRequest";
+import type {ApiResult, PageResult} from "~/api";
+import type {CmsArticle} from "~/api/cms/cmsArticle/model";
+import type {CompanyParam} from "~/api/system/company/model";
+import {TENANT_ID} from "~/config";
+import type {CmsNavigation} from "~/api/cms/cmsNavigation/model";
+
+const props = withDefaults(
+  defineProps<{
+    config?: any;
+    scrollTop: number;
+    parentId?: any;
+    disabled?: boolean;
+    title?: string;
+    comments?: string;
+  }>(),
+  {
+    title: '卡片标题',
+    comments: '卡片描述'
+  }
+);
+
+const emit = defineEmits<{
+  (e: 'done'): void;
+}>();
+
+const category = ref<ApiResult<CmsNavigation[]>>();
+const list = ref<CmsArticle[]>([]);
+const hotList = ref<CmsArticle[]>([]);
+const categoryId = ref();
+
+// 搜索表单
+const where = reactive<CompanyParam>({
+  keywords: ''
+});
+
+const handleClick = () => {
+  reload();
+}
+
+// 轮播图
+const {data: hotResponse} = await useServerRequest<ApiResult<PageResult<CmsArticle>>>('/cms/cms-article/page', {
+  params: {
+    recommend: 1,
+    limit: 5
+  }
+})
+if (hotResponse.value?.data) {
+  hotList.value = hotResponse.value?.data.list
+}
+
+// 请求文章栏目
+const getCategory = async () => {
+  const {data: categoryInfo} = await useServerRequest<ApiResult<CmsNavigation[]>>('/cms/cms-navigation', {
+    params: {
+      parentId: props.parentId
+    }
+  })
+  if (categoryInfo.value) {
+    category.value = categoryInfo.value
+    categoryId.value = categoryInfo.value?.data && categoryInfo.value?.data[0].navigationId
+  }
+  await reload();
+}
+
+// 请求数据
+const reload = async () => {
+  const {data: response} = await useServerRequest<ApiResult<PageResult<CmsArticle>>>('/cms/cms-article/page', {
+    params: {
+      categoryId: Number(categoryId.value),
+      limit: 8
+    }
+  })
+  if (response.value?.data) {
+    list.value = response.value?.data.list
+  }
+}
+
+const showNews = ref(false)
+
+watch(
+  () => [props.parentId, props.scrollTop],
+  ([parentId, scrollTop]) => {
+    getCategory();
+    if (props.scrollTop > 70) showNews.value = true
+  },
+  {immediate: true}
+);
+</script>
+
+<style lang="less" scoped>
+
+.left-2-right {
+  animation: left-2-right-ani;
+  animation-duration: 0.5s;
+  animation-fill-mode: forwards;
+}
+
+@keyframes left-2-right-ani {
+  from {
+    transform: translateX(100%);
+  }
+  to {
+    transform: translateX(0);
+  }
+}
+
+.right-to-left {
+  animation: right-to-left-ani;
+  animation-duration: 0.5s;
+  animation-fill-mode: forwards;
+}
+
+@keyframes right-to-left-ani {
+  from {
+    transform: translateX(-100%);
+  }
+  to {
+    transform: translateX(0);
+  }
+}
+//.hidden-sm-and-down .carousel{display: none;}
+</style>
diff --git a/pages/index.vue b/pages/index.vue
index 01c9699..b258601 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -9,10 +9,49 @@
 
   <AboutUs :scrollTop="scrollTop" title="关于我们" v-if="config" :config="config" comments="About Us"/>
 
-  <VideoCenter :scrollTop="scrollTop"  title="视频中心" v-if="config" :config="config" comments="Video Center"/>
-
-  <CompanyStyle :scrollTop="scrollTop" title="公司风采" v-if="config" :groupId="groupId" :config="config" comments="Company Style"/>
-
+  <CompanyStyle :scrollTop="scrollTop" title="重大信息公开" v-if="config" :groupId="groupId" :config="config" comments="Important Information"/>
+
+  <Djzt :scrollTop="scrollTop" title="党建专题" v-if="config" :groupId="groupId" :config="config" comments="Party Building Topic"/>
+
+<!--  <div class="xl:w-screen-2xl m-auto text-xl">-->
+<!--    <el-row :gutter="30">-->
+<!--      <el-col :span="12">-->
+<!--        <el-card shadow="hover">-->
+<!--          <template #header>-->
+<!--            <div class="card-header">-->
+<!--              <span class="font-bold">重大信息公开</span>-->
+<!--            </div>-->
+<!--          </template>-->
+<!--          <template v-for="(item,index) in list989" :key="index">-->
+<!--            <li class="flex justify-between py-2">-->
+<!--              <a class="line-clamp-1 max-w-2xl" :class="`item-${index}`"-->
+<!--                 :href="getSpmUrl(`/detail`,item,item.articleId)" target="_blank">{{ item.title }}</a>-->
+<!--              <span class="text-gray-400 font-200">{{ dayjs(item.createTime).format('YYYY-MM-DD') }}</span>-->
+<!--            </li>-->
+<!--          </template>-->
+<!--        </el-card>-->
+<!--      </el-col>-->
+<!--      <el-col :span="12">-->
+<!--        <el-card shadow="hover">-->
+<!--          <template #header>-->
+<!--            <div class="card-header">-->
+<!--              <span class="font-bold">党建专题</span>-->
+<!--            </div>-->
+<!--          </template>-->
+<!--          <template v-for="(item,index) in list990" :key="index">-->
+<!--            <li class="flex justify-between py-2">-->
+<!--              <a class="line-clamp-1 max-w-2xl" :class="`item-${index}`"-->
+<!--                 :href="getSpmUrl(`/detail`,item,item.articleId)" target="_blank">{{ item.title }}</a>-->
+<!--              <span class="text-gray-400 font-200">{{ dayjs(item.createTime).format('YYYY-MM-DD') }}</span>-->
+<!--            </li>-->
+<!--          </template>-->
+<!--        </el-card>-->
+<!--      </el-col>-->
+<!--    </el-row>-->
+<!--  </div>-->
+
+
+  <!--  <VideoCenter :scrollTop="scrollTop"  title="视频中心" v-if="config" :config="config" comments="Video Center"/>-->
 
   <!--  <CompanyList :param="{official: true,recommend: true,limit: 4}" :fit="`cover`"  title="产品服务" comments="拥抱开源、坚守品质；致力于打造安全稳定高可用的WEB应用！"/>-->
 
@@ -25,11 +64,17 @@ import type {BreadcrumbItem, Config} from "~/types/global";
 import Flash from './components/Flash.vue';
 import ArticleList from './components/ArticleList.vue';
 import NewsCenter from "~/pages/components/NewsCenter.vue";
+import Information from '~/pages/components/ImportantInformation.vue';
 import AboutUs from "~/pages/components/AboutUs.vue";
 import VideoCenter from "~/pages/components/VideoCenter.vue";
 import CompanyStyle from "~/pages/components/CompanyStyle.vue";
+import Djzt from "~/pages/components/Djzt.vue";
+import dayjs from "dayjs";
 import Carousel from "~/pages/components/Carousel.vue";
-import type {ApiResult} from "~/api";
+import type {ApiResult, PageResult} from "~/api";
+import {getSpmUrl} from "~/utils/common";
+import type {CmsArticle} from "~/api/cms/cmsArticle/model";
+import {useServerRequest} from "~/composables/useServerRequest";
 
 // 引入状态管理
 const route = useRoute();
@@ -39,6 +84,8 @@ const config = useConfigInfo();
 const groupId = ref()
 const parentId = ref()
 const breadcrumb = ref<BreadcrumbItem>();
+const list989 = ref<CmsArticle[]>([]);
+const list990 = ref<CmsArticle[]>([]);
 
 const scrollTop = ref(0)
 window.onscroll = e => {
@@ -67,6 +114,29 @@ const reload = async () => {
     groupId.value = config.value?.IndexPhotoGroupId;
     parentId.value = config.value?.IndexNewsCenterParentId;
   }
+
+  // 重大信息公开
+  // const {data: response989} = await useServerRequest<ApiResult<PageResult<CmsArticle>>>('/cms/cms-article/page', {
+  //   params: {
+  //     categoryId: 989,
+  //     limit: 8
+  //   }
+  // })
+  // if (response989.value?.data) {
+  //   list989.value = response989.value?.data.list
+  // }
+  // 党建专题
+  // const {data: response990} = await useServerRequest<ApiResult<PageResult<CmsArticle>>>('/cms/cms-article/page', {
+  //   params: {
+  //     categoryId: 990,
+  //     limit: 8
+  //   }
+  // })
+  //
+  // if (response990.value?.data) {
+  //   list990.value = response990.value?.data.list
+  // }
+
   // seo
   useHead({
     title: `构建现代WEB应用 · WEBSOFT`,