721header修改

src/components/layout/header.vue

@@ -1,8 +1,10 @@
 <template>
   <div class="ve_menu_logo">
     <div class="ve_logo_img">
-      <el-image style="height: 100%" :src="logo" fit="contain"></el-image>
+      <el-image style="width: 100%;height: 100%" :src="logo" fit="fill"></el-image>
+      <div class="ve_logo_text">数据驱动飞行器智能优化设计平台</div>
     </div>
+
   </div>
 
 </template>
@@ -15,13 +17,33 @@ import { ElMessage, ElButton, ElDialog, ElSelect } from 'element-plus'
 <style lang="scss" scoped>
 .ve_menu_logo {
   width: 100%;
-  height: 99px;
+  height: 70px;
   overflow: hidden;
   padding: 0 10px;
 
   .ve_logo_img {
+    width: 100%;
     height: 100%;
     z-index: 0;
+
+    position: relative;
+
+
+    .ve_logo_text {
+      position: absolute;
+      top: 40%;
+      left: 50%;
+      transform: translate(-50%, -50%);
+      font-size: 20px;
+      font-weight: 900;
+      letter-spacing: 3px;
+      color: #fff;
+      background-image: linear-gradient(to top, #41c0ff, #d3f0ff, #ffffff);
+      -webkit-background-clip: text;
+      background-clip: text;
+      -webkit-text-fill-color: transparent;
+      pointer-events: none;
+    }
   }
 
 }

src/components/layout/home.vue

@@ -62,6 +62,6 @@ const route = useRoute()
   z-index: 1; /* 高于背景图的层级 */
   display: flex;
   width: 100%;
-  height: calc(100vh - 99px);
+  height: calc(100vh - 70px);
 }
 </style>

src/style/index.css

@@ -54,6 +54,9 @@ img{
   outline: none !important;
 }
 
+
+
+
 /* 文本区域 */
 .el-textarea__inner {
   height: 100%;
@@ -86,13 +89,13 @@ img{
   align-items: center; /* 垂直居中 */
 
   border-bottom: none;
-  padding: 0 5px;
+  padding: 0 40px;
 
   height: 40px;
-  background: linear-gradient( 90deg, #00274A 0%, #09154C 100%);
+  background-image: url(@/assets/img/cardinfo-header.png);
+  background-size: 100% 100%;
+  background-repeat: no-repeat;
   border-radius: 0px 0px 0px 0px;
-  border: 1px solid;
-  border-image: linear-gradient(180deg, rgba(61, 115, 255, 0), rgba(61, 115, 255, 1)) 1 1;
 }
 
 .custom-card-infoLog .el-card__body {
@@ -114,6 +117,8 @@ img{
   color: #FFFFFF;
   border: none;
   border-radius: 0px 0px 0px 0px;
+
+  font-size: 12px;
 }
 
 .custom-card .el-card__header {
@@ -142,4 +147,49 @@ img{
   border: 2px solid rgba(61,115,255,0.3);
 
   overflow: auto;
-}
+}
+
+/* 适用于Webkit内核浏览器（Chrome, Safari, Edge等） */
+::-webkit-scrollbar {
+  width: 10px;  /* 垂直滚动条宽度 */
+  height: 10px; /* 水平滚动条高度 */
+}
+
+::-webkit-scrollbar-track {
+  background: transparent; /* 滚动条轨道背景透明 */
+}
+
+::-webkit-scrollbar-thumb {
+  background: rgba(0, 0, 0, 0.3); /* 滚动条滑块半透明 */
+  border-radius: 4px;
+}
+
+::-webkit-scrollbar-thumb:hover {
+  background: rgba(0, 0, 0, 0.4); /* 鼠标悬停时颜色加深 */
+}
+
+.custom-card .content-container {
+  width: 100%;
+
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  .content-aside {
+    width: 40%;
+  }
+
+  .content-form {
+    width: 60%;
+  }
+}
+
+.custom-switch {
+  transform: scale(0.5);
+}
+
+.custom-switch-colors {
+  --el-switch-on-color: #E1EAFF;
+  --el-switch-off-color: #2CFFFF;
+}
+

src/views/mainContent/leftaside/exDesign.vue

@@ -5,11 +5,38 @@
       <template #header>
         <span>试验设计</span>
       </template>
+      <div class="content-container">
+        <div class="content-aside">
+          <el-row justify="center">
+            <img src="@/assets/img/start.png" style="width: 70%;" alt="Experiment Icon" />
+          </el-row>
+          <el-row justify="center" align="middle">
+            <el-col :span="14" :push="4">
+              <span>代理优化</span>
+            </el-col>
+            <el-col :span="10">
+              <el-switch v-model="isAgentModel" class="custom-switch custom-switch-colors"  />
+            </el-col>
+          </el-row>
+        </div>
+        <el-form class="content-form">
 
+        </el-form>
+      </div>
     </el-card>
   </div>
 </template>
 
 <script setup>
 
-</script>
+
+
+const isAgentModel = ref(false);
+
+
+</script>
+
+<style scoped>
+
+
+</style>

src/views/mainContent/rightaside/analyzeWork.vue

@@ -49,10 +49,6 @@ const handleWorkClick = (name) => {
 </script>
 
 <style scoped>
-.custom-card {
-  width: 100%;
-  height: 100%;
-}
 .work-btn {
   width: 100%;
   height: 100%;