修改样式

frontend/src/renderer/src/style.css

@@ -89,7 +89,6 @@ body {
   align-items: center;
   margin-bottom: 20px;
   padding-bottom: 15px;
-  border-bottom: 1px solid #ebeef5;
 }
 
 .card-title {

frontend/src/renderer/src/views/Detection.vue

@@ -68,7 +68,11 @@
         <!-- 身体姿态模块 -->
         <div class="module-card body-posture" style="width: 25%; ">
           <div class="module-header">
-            <div class="module-title">身体姿态</div>
+            <div class="module-title">
+              <div class="module-title-bg">
+                <img src="@/assets/st.png" alt="" srcset="" style="margin-right: 5px;">
+                身体姿态</div>
+            </div>
           </div>
           <div style="display: flex;justify-content: center;height: 100%;padding-top: 10px;">
             <img 
@@ -84,11 +88,16 @@
             align-content: space-between;
         ">
                   
-          <div  class="module-card" style=" height: calc(100% - 342px);">
+          <div  class="module-card" style=" height:513px">
             <!-- 头部姿态模块 -->
             <div style="display: flex;">
               <div class="module-header">
-                <div class="module-title">头部姿态</div>
+                
+                <div class="module-title">
+                  <div class="module-title-bg">
+                    <img src="@/assets/tb.png" alt="" srcset="" style="margin-right: 5px;">
+                    头部姿态</div>
+                </div>
                 <el-button 
                   type="primary" 
                   class="start-btn"
@@ -157,11 +166,15 @@
             </div>
           </div>
             <!-- 足部压力模块 -->
-          <div  class="module-card" style=" height: calc(335px);">
+          <div  class="module-card" style=" height: calc(100% - 523px); min-height: calc(335px);">
           
             <div style="display: flex;">
               <div class="module-header">
-                <div class="module-title">足部压力</div>
+                <div class="module-title">
+                  <div class="module-title-bg">
+                    <img src="@/assets/zb.png" alt="" srcset="" style="margin-right: 5px;">
+                    足部压力</div>
+                </div>
               </div>
             </div>
             <div class="foot-container">
@@ -218,10 +231,15 @@
           align-content: space-between;
         ">
           <!-- 基础信息模块 -->    
-          <div  class="module-card" style="padding-bottom: 40px; height: calc(100% - 342px);">
+          <div  class="module-card" style="padding-bottom: 40px; height: calc(513px);">
             <div style="display: flex;">
               <div class="module-header">
-                <div class="module-title">基础信息</div>
+                <div class="module-title">
+                  <div class="module-title-bg">
+                    <img src="@/assets/jc.png" alt="" srcset="" style="margin-right: 5px;">
+                    基础信息</div>
+                  
+                </div>
                 <el-icon class="edit-icon"><Edit /></el-icon>
               </div>
             </div>
@@ -286,14 +304,18 @@
 
           </div>
           <!-- 视频模块 -->
-          <div  class="module-card">
+          <div  class="module-card" style="height: calc(100% - 520px);min-height: 324px;">
             <div style="display: flex;margin-bottom: 20px;">
               <div class="module-header">
-                <div class="module-title">视频</div>
+                <div class="module-title">
+                  <div class="module-title-bg">
+                    <img src="@/assets/sp.png" alt="" srcset="" style="margin-right: 5px; ">
+                    视频</div>
+                </div>
               </div>
             </div>
             <!-- 使用img元素显示视频流（优化的Data URL方案） -->
-            <img :src="rtspImgSrc" alt="" style="width: 100%;height: 268px;object-fit:contain;background:#000;" />
+            <img :src="rtspImgSrc" alt="" style="width: 100%;height: calc(100% - 70px);object-fit:contain;background:#000;" />
           </div>
         </div>
       </div>
@@ -1240,16 +1262,24 @@ onUnmounted(() => {
   display: flex;
   align-items: center;
   justify-content: center;
-  border: 2px solid #ffffff;
+  /* border: 2px solid #ffffff; */
-  border-image: linear-gradient(to right, rgb(245, 173, 7), rgb(160, 5, 216)) 1;
+  background: linear-gradient(to right, rgb(245, 173, 7), rgb(160, 5, 216));
   border-radius: 20px;
-  padding: 1px 10px ;
+
 
   font-size: 16px;
   font-weight: bold;
   color: #ffffff;
+  padding: 2px;
+}
+.module-title-bg{
+  display: flex;
+  align-items: center;
+  width: 116px;
+  background: #2C2C2C;
+  border-radius: 20px;
+  padding: 0px 15px ;
 }
-
 .header-icon {
   width: 24px;
   height: 24px;

frontend/src/renderer/src/views/Login.vue

@@ -1,11 +1,5 @@
 <template>
-  <div class="login-page">
+  <div class="login-page" :style="{ backgroundImage: `url(${bg})` }">
-    <!-- 科幻网格地板（3D效果） -->
-    <div class="grid-floor"></div>
-    
-    <!-- 两侧光柱特效 -->
-    <div class="light-pillar left"></div>
-    <div class="light-pillar right"></div>
     
     <!-- 页面主内容 -->
     <div class="login-content">
@@ -19,31 +13,38 @@
         <el-form class="login-form">
           <!-- 账号输入框 -->
           <el-form-item>
+            <div class="input-box">
+              <img src="@/assets/username.png" alt="" srcset="" height="30" style="margin-left: 10px;">
               <el-input 
                 v-model="form.account" 
                 placeholder="请输入账号" 
-              prefix-icon="User" 
                 class="custom-input"
               />
+            </div>
+           
           </el-form-item>
 
           <!-- 密码输入框（带显示切换） -->
           <el-form-item>
+            <div class="input-box">
+              <img src="@/assets/password.png" alt="" srcset="" height="30" style="margin-left: 10px;">
               <el-input 
                 v-model="form.password" 
                 :type="passwordVisible ? 'text' : 'password'" 
                 placeholder="请输入密码" 
-              prefix-icon="Lock" 
                 class="custom-input"
               >
                 <template #suffix>
                   <el-icon 
-                  :icon="passwordVisible ? Hide : View" 
+                    class="password-toggle" 
-                  class="password-icon" 
                     @click="passwordVisible = !passwordVisible"
-                />
+                  >
+                    <component :is="passwordVisible ? Hide : View" />
+                  </el-icon>
                 </template>
               </el-input>
+            </div>
+            
           </el-form-item>
 
           <!-- 记住密码 & 忘记密码 -->
@@ -214,6 +215,8 @@ import { ElMessage } from 'element-plus'
 import { useAuthStore } from '../stores'
 import { User, Lock, View, Hide, Phone } from '@element-plus/icons-vue'
 
+import bg from '@/assets/bg.png'
+
 const router = useRouter()
 const authStore = useAuthStore()
 
@@ -408,7 +411,7 @@ const handleLogin = async () => {
     
     if (result.success) {
       ElMessage.success('登录成功')
-      router.push('/dashboard')
+      router.push('/')
     } else {
       // 根据错误类型显示具体提示
       if (result.error && result.error.includes('用户不存在')) {
@@ -622,13 +625,16 @@ const copyPassword = async () => {
 
 /* 登录卡片 */
 .login-card {
-  width: 100%;
+  width: 482px;
-  max-width: 420px;
+  height: 471px;
-  background-color: #003366 !important;
+  background: inherit;
-  border: none !important;
+  background-color: rgba(10, 68, 131, 0.9);
-  border-radius: 12px !important;
+  box-sizing: border-box;
-  box-shadow: 0 0 30px rgba(0, 255, 255, 0.2);
+  border-width: 3px;
-  padding: 30px 25px !important;
+  border-style: solid;
+  border-color: rgba(11, 92, 168, 1);
+  border-radius: 5px;
+  padding: 40px 25px 0; 
 }
 
 /* 注册卡片 */
@@ -644,11 +650,16 @@ const copyPassword = async () => {
 
 /* 卡片头部标题 */
 .card-header {
-  font-size: 1.4rem;
+  /* font-size: 1.4rem;
   color: #00ffff;
   text-align: center;
-  margin-bottom: 25px;
+  margin-bottom: 25px; */
-  font-weight: 500;
+
+  font-size: 24px;
+  font-family: 'Arial Negreta', 'Arial Normal', 'Arial', sans-serif;
+  font-weight: 700;
+  font-style: normal;
+  color: #00FFFF;
 }
 
 /* 登录表单 */
@@ -657,19 +668,20 @@ const copyPassword = async () => {
 }
 
 /* 自定义输入框 */
-.custom-input {
+/* .custom-input {
   background-color: #004080 !important;
   border-color: #00ffff !important;
   color: #fff !important;
   border-radius: 6px !important;
 }
-.custom-input::placeholder {
+
-  color: #aaa !important;
-}
 .custom-input .el-input__icon {
   color: #00ffff !important;
+} */
+.custom-input::placeholder {
+  font-size: 16px !important;
+    color: rgb(102, 255, 255) !important;
 }
-
 /* 密码显示图标 */
 .password-icon {
   color: #00ffff !important;
@@ -1066,4 +1078,43 @@ const copyPassword = async () => {
   transform: translateY(-1px);
   box-shadow: 0 2px 8px rgba(0, 255, 255, 0.3);
 }
+
+.input-box{
+  display: flex;
+  align-items: center;
+  width: 100%;
+  height: 49px;
+  background-color: rgba(255, 255, 255, 0);
+    box-sizing: border-box;
+    border-width: 2px;
+    border-style: solid;
+    border-color: rgba(0, 153, 204, 1);
+    border-radius: 3px;
+}
+</style>
+<style>
+
+.input-box .el-input__wrapper {
+  background: transparent;
+  border: 0 !important;
+  box-shadow: 0 0 0 0 !important;
+}
+.input-box .el-input__inner{
+  background: transparent;
+  border: 0 !important;
+  color: #fff;
+  font-size: 16px;
+  height: 43px;
+}
+.custom-input::placeholder {
+  font-size: 16px !important;
+    color: #66ffff !important;
+}
+
+
+.login-card .el-button{
+  padding: 12px 20px !important;
+  height: 40px;
+}
+
 </style>

frontend/src/renderer/src/views/PatientCreate.vue

@@ -377,7 +377,7 @@ const handleSave = async () => {
   try {
     await savePatient()
     ElMessage.success('患者档案保存成功')
-    router.push('/dashboard')
+    router.push('/')
   } catch (error) {
     ElMessage.error('保存失败：' + error.message)
   } finally {