修改样式

src/components/home/header.vue

@@ -3,13 +3,11 @@
     class="fixed w-full top-0 z-100 bg-white border-b border-[#f0f2f5] shadow-sm"
   >
     <div
-      class="w-full mx-auto flex items-center justify-between px-10 pr-0 h-20"
+      class="max-w-[1200px] mx-auto flex items-center justify-between px-10 pr-0 h-20"
     >
       <div class="flex items-center gap-2 cursor-pointer" @click="goHome">
-        <img :src="logo" alt="logo" class="w-20 h-9" />
-        <span class="text-[#02409b] text-[20px] font-bold border-l-2 pl-1"
-          >DeepOil</span
-        >
+        <img :src="logo" alt="logo" class="w-9 h-9 rounded-sm" />
+        <span class="text-[#02409b] text-[20px] font-bold">DeepOil</span>
       </div>
 
       <nav class="hidden lg:flex flex-1 mx-4 ml-10 text-sm">
@@ -300,16 +298,21 @@
     >
       <div class="p-4 space-y-3">
         <ul class="flex flex-col gap-3 text-[#303133]">
-          <li><a class="block py-2">产品</a></li>
-          <li><a class="block py-2">解决方案</a></li>
-          <li><a class="block py-2">典型案例</a></li>
-          <li><a class="block py-2">平台服务</a></li>
-          <li><a class="block py-2">应用市场</a></li>
+          <li>
+            <a
+              class="hover:text-[#02409b] cursor-pointer"
+              @click="router.push('/')"
+              >首页</a
+            >
+          </li>
+
           <li>
             <a class="hover:text-[#02409b] cursor-pointer" @click="goFlow"
               >流程门户</a
             >
           </li>
+          <li><a class="hover:text-[#02409b] cursor-pointer">驾驶舱门户</a></li>
+          <li><a class="hover:text-[#02409b] cursor-pointer">报表门户</a></li>
         </ul>
         <div class="flex items-center gap-3 mt-3">
           <template v-if="isLoggedIn">

src/views/flow/crmDoneList.vue

@@ -2,7 +2,7 @@
   <div class="todo-list">
     <Header />
 
-    <div class="content mt-15">
+    <div class="content mt-15 max-w-[1200px] mx-auto">
       <div class="flex gap-5 items-center mb-4 bg-[#f9f9f9] py-2">
         <p class="flex items-center">
           <Icon

src/views/flow/crmTodoList.vue

@@ -2,7 +2,7 @@
   <div class="todo-list">
     <Header />
 
-    <div class="content mt-15">
+    <div class="content mt-15 max-w-[1200px] mx-auto">
       <div class="flex gap-5 items-center mb-4 bg-[#f9f9f9] py-2">
         <p class="flex items-center">
           <Icon

src/views/flow/index.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="ehr-page">
     <Header />
-    <section class="hero">
+    <section class="hero max-w-[1300px] mx-auto">
       <div class="hero-inner">
         <!-- 判断上下午 -->
         <h1 class="hero-title">
@@ -15,7 +15,7 @@
     </section>
 
     <!-- 任务统计 -->
-    <section class="total">
+    <section class="total max-w-[1300px] mx-auto">
       <div class="total-card" v-for="(item, index) in stats" :key="index">
         <el-popover
           placement="top"
@@ -64,7 +64,7 @@
       </div>
     </section>
 
-    <div class="content">
+    <div class="content max-w-[1300px] mx-auto">
       <div class="search-bar">
         <div class="search-input">
           <Icon icon="mdi:magnify" class="search-icon" />

src/views/flow/oaDoneList.vue

@@ -2,7 +2,7 @@
   <div class="todo-list">
     <Header />
 
-    <div class="content mt-15">
+    <div class="content mt-15 max-w-[1200px] mx-auto">
       <div class="flex gap-5 items-center mb-4 bg-[#f9f9f9] py-2">
         <p class="flex items-center">
           <Icon

src/views/flow/todoList.vue

@@ -2,7 +2,7 @@
   <div class="todo-list">
     <Header />
 
-    <div class="content mt-15">
+    <div class="content mt-15 max-w-[1200px] mx-auto">
       <div class="flex gap-5 items-center mb-4 bg-[#f9f9f9] py-2">
         <p class="flex items-center">
           <Icon

src/views/index.vue

@@ -24,7 +24,7 @@
                 <div class="hero-script text-[68px] font-italic text-[#0c4eb5]">
                   HELLO
                 </div>
-                <p class="hero-text mt-4 text-[24px] text-[#5f6f83]">
+                <p class="hero-text mt-6 text-[24px] text-[#5f6f83]">
                   {{ slide.text }}
                 </p>
               </div>
@@ -41,15 +41,15 @@
 
             <!-- 指示器 -->
             <div
-              class="carousel-indicators absolute bottom-4 left-1/2 transform -translate-x-1/2 flex space-x-2"
+              class="carousel-indicators absolute bottom-4 left-1/2 z-30 flex transform -translate-x-1/2 space-x-2"
             >
               <button
                 v-for="(_, i) in slides"
                 :key="i"
                 @click="currentIndex = i"
                 :class="{
-                  'bg-blue-500': currentIndex === i,
-                  'bg-gray-300': currentIndex !== i,
+                  'bg-[#0c4eb5]': currentIndex === i,
+                  'bg-[#d1ddea]': currentIndex !== i,
                 }"
                 class="w-3 h-3 rounded-full transition-colors"
               ></button>
@@ -264,6 +264,7 @@ import jishuimage2 from "@/assets/images/jishuimage.png";
 import zhanlueimage from "@/assets/images/zhanlue.jpg"; // 战略解码
 import safeimage from "@/assets/images/safe.png"; // 安全合规管理
 import zuzhiimage from "@/assets/images/zuzhi.jpg";
+import youimage from "@/assets/images/youcnag.png"; // ai智能体
 
 type PortalApp = {
   label: string;
@@ -344,10 +345,11 @@ const portalSections: PortalSection[] = [
       { label: "设备管理(PMS)", image: pmsimage, active: true },
       { label: "中航北斗", image: zhonghangimage },
       { label: "质量安全管理(QHSE)", image: qhseimage },
-      { label: "智慧炼油", image: lianyouimage },
+      { label: "智慧连油", image: lianyouimage },
       { label: "智慧注气", image: zhuqiimage },
       { label: "智能钻井", image: zuanjingimage },
       { label: "智慧压裂", image: yalieimage },
+      { label: "数字油藏", image: youimage },
       { label: "视频中心(VCS)", image: videoimage },
     ],
   },
@@ -500,7 +502,7 @@ const handlePortalAppClick = async (app: PortalApp) => {
     protectedOpen("https://zhbdgps.cn");
   }
 
-  if (app.label === "智慧炼油") {
+  if (app.label === "智慧连油") {
     protectedOpen(
       `${import.meta.env.VITE_PMS_URL}/portalLogin?username=${userStore.getUser.username}&source=zhly`,
     );
@@ -675,7 +677,7 @@ onUnmounted(() => {
 }
 
 .hero-copy {
-  padding-top: 10px;
+  /* padding-top: 10px; */
 }
 
 .hero-script {
@@ -1085,7 +1087,7 @@ onUnmounted(() => {
 .carousel-caption {
   position: absolute;
   left: 40px;
-  top: 50%;
+  top: 40%;
   z-index: 2;
   transform: translateY(-50%);
   text-align: left;
@@ -1094,6 +1096,7 @@ onUnmounted(() => {
 .carousel-indicators {
   display: flex;
   gap: 8px;
+  z-index: 30;
 }
 
 .carousel-indicators button {
@@ -1102,5 +1105,6 @@ onUnmounted(() => {
   border-radius: 50%;
   cursor: pointer;
   transition: all 0.3s ease;
+  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.8);
 }
 </style>