diff --git a/src/views/index/index.vue b/src/views/index/index.vue
index a7f11b9..b409ebf 100644
--- a/src/views/index/index.vue
+++ b/src/views/index/index.vue
@@ -4,6 +4,18 @@
     <div class="layouts">
       <div class="layoutsdiv">
         <div class="tile">总资源展示</div>
+        <div
+          style="
+            display: flex;
+            font-weight: bold;
+            width: 104%;
+            justify-content: space-around;
+            padding-top: 24px;
+          "
+        >
+          <div>种质资源</div>
+          <div>基因数据资源</div>
+        </div>
         <div class="echartsdiv">
           <!-- 总资源展示两个图表 -->
           <div id="Inventory" class="chartstyle"></div>
@@ -11,7 +23,20 @@
         </div>
       </div>
       <div class="layoutsdiv">
-        <div class="tile">综合育种植</div>
+        <div class="tile">综合育种值</div>
+        <div
+          style="
+            display: flex;
+            font-weight: bold;
+            width: 100%;
+            padding-top: 24px;
+          "
+        >
+          <div style="width: 50%; text-align: left; padding-left: 1%">
+            育种值
+          </div>
+          <div style="width: 35%; text-align: center">平均育种值</div>
+        </div>
         <div style="display: flex">
           <div
             class="echartsdiv"
@@ -19,11 +44,13 @@
           >
             <!-- 综合育种植图表 -->
             <div id="Inventory2" class="chartstyle2"></div>
-            <div style="font-weight: 600; width: 100%">群体育种值趋势图</div>
+            <!-- <div style="font-weight: 600; width: 100%">群体育种值趋势图</div> -->
           </div>
           <div class="flexdiv">
             <div style="width: 100%; display: flex; justify-content: center">
-              <div style="font-weight: bold; width: 70%">平均育种值</div>
+              <!-- <div style="font-weight: bold; width: 70%; padding-top: 4px">
+                平均育种值
+              </div> -->
             </div>
             <div class="tabsdata">
               <div class="tabs">
@@ -34,40 +61,49 @@
             <div style="text-align: center">
               <img
                 style="width: 100%"
-                src="https://smart-1251449951.cos.ap-guangzhou.myqcloud.com/iot_breed/farm/2024/08/30581be380a8e407b6a193bc04d1a5f52a.jpg"
+                src="https://smart-1251449951.cos.ap-guangzhou.myqcloud.com/ymc_travel/2024/09/23/eebaca34a02b3398edaf107b1ae7415e.png"
                 alt=""
               />
             </div>
           </div>
         </div>
+        <div
+          style="
+            display: flex;
+            font-weight: bold;
+            width: 104%;
+            justify-content: space-around;
+            padding-bottom: 20px;
+            position: relative;
+            margin-top: -40px;
+          "
+        >
+          <div>群体育种值趋势图</div>
+          <div>育种牛图</div>
+        </div>
       </div>
       <div class="layoutsdiv">
         <div class="tile">系谱分析</div>
         <div style="display: flex">
           <img
             style="width: 100%"
-            src="https://smart-1251449951.cos.ap-guangzhou.myqcloud.com/iot_breed/farm/2024/08/3045dfe9ebb60507a75748a7c58393a0da.jpg"
+            src="https://smart-1251449951.cos.ap-guangzhou.myqcloud.com/ymc_travel/2024/09/23/8efcf4aa9ab05f1a4937a081a20a52d5.png"
             alt=""
           />
-          <!-- <div
-            class="echartsdiv"
-            style="display: flex; flex-direction: column; width: 100%"
-          >
-            <div
-              id="Inventory2"
-              style="height: 350px; text-align: center; width: 100%"
-            ></div>
-            <div style="font-weight: 600; width: 100%">群体系统发育NJ树</div>
-          </div>
-          <div style="width: 100%">
-            <div style="text-align: center">
-              <img
-                style="width: 80%"
-                src=""
-                alt=""
-              />
-            </div>
-          </div> -->
+        </div>
+        <div
+          style="
+            display: flex;
+            font-weight: bold;
+            width: 100%;
+            justify-content: space-around;
+            padding-bottom: 20px;
+            position: relative;
+            margin-top: -38px;
+          "
+        >
+          <div>群体系统发育NJ树</div>
+          <div>分布位置展示</div>
         </div>
       </div>
       <div class="layoutsdiv">
@@ -80,22 +116,13 @@
             <!-- 遗传病风险警告图表 -->
             <div id="Inventory3" class="chartstyle3"></div>
             <div style="font-weight: 600; width: 100%">
-              群体遗传比风险概览图
+              群体遗传病风险概览图
             </div>
           </div>
-          <div class="flexdiv">
-            <!-- <div style="width: 100%; display: flex; justify-content: center">
-              <div style="font-weight: bold; width: 70%">群体遗传病风险数量统计表</div>
-            </div> -->
-            <!-- <div class="tabsdata">
-              <div class="tabs">
-                <div>平均育种值</div>
-                <div>132</div>
-              </div>
-            </div> -->
+          <div class="flexdiv" style="display: flex">
             <img
-              style="width: 100%"
-              src="https://smart-1251449951.cos.ap-guangzhou.myqcloud.com/iot_breed/farm/2024/08/30ed0c054a729a918a324a884a4e920ca7.jpg"
+              style="width: 110%"
+              src="https://smart-1251449951.cos.ap-guangzhou.myqcloud.com/ymc_travel/2024/09/23/eea6e208048409a1a951756239081ab7.png"
               alt=""
             />
           </div>
@@ -138,7 +165,6 @@ export default {
         },
         series: [
           {
-            name: '种质资源',
             type: 'bar',
             data: [35, 140, 300, 420]
           }
@@ -147,7 +173,6 @@ export default {
       var myChart1 = echarts.init(document.getElementById('Inventory1'))
       myChart1.setOption({
         title: {
-          text: '基因数据资源',
           left: 'center'
         },
         tooltip: {
@@ -156,7 +181,7 @@ export default {
         },
         legend: {
           left: 'center',
-          top: 'bottom',
+          top: 'bottom'
         },
         series: [
           {
@@ -175,9 +200,7 @@ export default {
       })
       var myChart2 = echarts.init(document.getElementById('Inventory2'))
       myChart2.setOption({
-        title: {
-          text: '育种值'
-        },
+        title: {},
         tooltip: {},
         xAxis: {
           type: 'category',
@@ -269,11 +292,11 @@ export default {
   .echartsdiv {
     display: flex;
     .chartstyle {
-      height: 400px;
+      height: 350px;
       text-align: center;
     }
     .chartstylepc {
-      height: 400px;
+      height: 350px;
       text-align: center;
     }
     .chartstyle2 {
@@ -305,6 +328,7 @@ export default {
       justify-content: space-between;
       color: #468ce7;
       background: #f2f6fb;
+      margin-top: 26px;
     }
     .tabs div {
       border: 1px solid #a6c5ee;
@@ -331,11 +355,14 @@ export default {
     height: 380px !important;
   }
   .chartstyle2 {
-    height: 310px !important;
+    height: 340px !important;
   }
   .chartstyle3 {
     height: 270px !important;
   }
+  .tabsdata {
+    padding-top: 0px;
+  }
 }
 </style>
   
\ No newline at end of file