diff --git a/frontend/src/renderer/src/assets/svg/goback.svg b/frontend/src/renderer/src/assets/svg/goback.svg
new file mode 100644
index 00000000..a4a86130
--- /dev/null
+++ b/frontend/src/renderer/src/assets/svg/goback.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="32px" height="27px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 -28 -59 )">
+    <path d="M 14.5411734007741 23.6607265995625  L 5.81436691135277 15  L 30.0976545204611 15  C 31.0462204500389 15.0096802498529  31.9947863534941 14.2406983632777  31.9947863796167 13.0872255201793  C 31.9947863796167 12.1259981421069  31.235933651628 11.1647707905057  30.0976545204611 11.1647707640344  L 6.76293284093055 11.1647707640344  L 14.5411734007741 3.28270632737136  C 15.3000261287627 2.51372444079618  15.3000261287627 1.36025159769775  14.5411734007741 0.591269684651258  C 13.7823206727854 -0.177712201923929  12.6440415677411 -0.177712201923929  11.8851888136299 0.591269684651258  L 0.692110912530852 11.9337526770809  C 0.312684535475217 12.3182436336041  0.122971360008707 12.8949800551533  0.122971360008707 13.4717164502313  C 0.122971360008707 14.0484528717805  0.122971360008707 14.6251892933297  0.692110912530852 15.0096802498529  L 11.8851888136299 26.3521632422826  C 12.6440415416185 27.1211451288578  13.7823206466628 27.1211451288578  14.5411734007741 26.3521632422826  C 15.3000261287627 25.5831813557074  15.3000261287627 24.429708512609  14.5411734007741 23.6607265995625  Z " fill-rule="nonzero" fill="#ffffff" stroke="none" transform="matrix(1 0 0 1 28 59 )" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/frontend/src/renderer/src/assets/svg/logo.svg b/frontend/src/renderer/src/assets/svg/logo.svg
new file mode 100644
index 00000000..0fb47208
--- /dev/null
+++ b/frontend/src/renderer/src/assets/svg/logo.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="11px" height="26px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 -18 -8 )">
+    <path d="M 10.5449538934426 13.3358816964286  C 10.6330046106557 13.5099888392857  10.8126280737705 13.5643973214286  10.8337602459016 13.8183035714286  L 10.4956454918033 13.8183035714286  C 10.453381147541 13.73125  10.4181608606557 13.68046875  10.3441982581967 13.6296875  L 10.3441982581967 14.3224888392857  C 10.2561475409836 14.467578125  10.2843237704918 14.8411830357143  10.2526255122951 15.0152901785714  C 10.1892289959016 15.0297991071429  10.0131275614754 15.0733258928571  10.0096055327869 15.076953125  C 9.90746670081968 15.2401785714286  9.97790727459017 15.3272321428571  9.70318903688525 15.3272321428571  C 9.53060963114754 15.0406808035714  9.33689805327869 15.2728236607143  9.24532530737705 14.823046875  C 9.16431864754098 14.8520647321429  9.11148821721311 14.8520647321429  9.03048155737705 14.823046875  C 8.95651895491803 14.6380580357143  8.70645491803278 13.3612723214286  8.78746157786885 13.0892299107143  C 8.84733606557377 12.8788504464286  9.0234375 12.588671875  8.97060706967213 12.3637834821429  C 8.80507172131148 11.6637276785714  8.43525870901639 11.0362165178571  8.23802510245902 10.4123325892857  C 8.12884221311476 10.0677455357143  8.26267930327869 9.69776785714286  8.1781506147541 9.30965401785715  C 8.06896772540984 8.82723214285715  8.01261526639344 8.33030133928572  7.84003586065574 7.89140625  C 7.81538165983606 7.92405133928571  7.82946977459017 7.89866071428571  7.80833760245902 7.95306919642857  C 7.61814805327869 8.22873883928572  7.58292776639345 8.61322544642857  7.50192110655738 8.99408482142857  L 7.50192110655738 9.53091517857143  C 7.38217213114754 10.1076450892857  7.48783299180328 10.912890625  7.59349385245902 11.3880580357143  C 7.61462602459016 11.7652901785714  7.63575819672131 12.1425223214286  7.65336834016394 12.5233816964286  C 7.78016137295082 13.121875  7.86821209016394 13.78203125  7.86821209016394 14.4748325892857  C 7.86821209016394 15.2619419642857  7.86821209016394 16.0816964285714  7.68506659836066 16.7418526785714  C 7.58292776639345 17.1118303571429  7.41739241803279 17.5217075892857  7.3187756147541 17.9061941964286  C 7.23776895491804 18.2145089285714  7.25890112704918 18.5663504464286  7.19550461065574 18.8529017857143  C 7.07223360655738 19.4296316964286  7.2765112704918 20.0861607142857  7.37865010245902 20.4924107142857  L 7.37865010245902 21.5950892857143  C 7.26946721311476 22.0883928571429  7.15676229508197 22.6215959821429  7.04053534836066 23.1076450892857  C 6.97009477459017 23.3978236607143  7.04757940573771 23.6045758928571  6.98066086065574 23.8947544642857  C 6.93839651639344 24.0724888392857  6.73764088114754 24.7544084821429  6.82921362704918 24.9974330357143  C 6.94896260245902 25.3130022321429  7.25185706967213 25.3964285714286  7.25890112704919 25.8462053571429  C 7.19198258196722 25.8715959821429  7.09336577868853 25.8788504464286  6.98418288934427 25.8788504464286  C 6.69537653688525 25.6467075892857  6.23046875000001 25.7990513392857  5.88178790983607 25.7228794642857  C 5.82191342213115 25.5850446428571  5.65990010245902 24.7979352678571  5.69864241803279 24.6202008928571  C 5.77612704918034 24.2792410714286  6.00505891393443 23.7569196428571  5.88178790983607 23.2345982142857  C 5.75851690573771 22.7013950892857  5.63524590163935 22.135546875  5.51549692622952 21.6603794642857  C 5.38870389344263 21.1598214285714  5.75147284836067 20.1623325892857  5.82191342213116 19.7379464285714  C 5.83952356557378 19.6255022321429  5.77612704918034 19.6037388392857  5.76203893442624 19.5493303571429  L 5.76203893442624 19.0777901785714  C 5.73738473360656 18.9689732142857  5.70216444672132 18.8529017857143  5.70216444672132 18.7005580357143  C 5.68807633196722 17.6522879464286  5.75147284836066 16.5387276785714  5.55071721311476 15.6754464285714  C 5.4274462090164 15.1603794642857  5.61763575819673 14.3369977678571  5.51901895491804 13.8183035714286  C 5.4697105532787 13.8001674107143  5.44505635245902 13.7929129464286  5.36757172131148 13.7856584821429  C 5.20555840163935 14.1048549107143  5.30417520491804 15.1748883928571  5.30769723360657 15.6428013392857  C 5.01536885245902 16.0998325892857  5.15625000000001 17.8481584821429  5.15625000000001 18.5736049107143  C 5.15625000000001 18.7731026785714  5.12807377049181 18.9290736607143  5.09637551229509 19.0777901785714  L 5.09637551229509 19.5493303571429  C 5.08228739754099 19.6037388392857  5.01536885245902 19.6255022321429  5.03650102459017 19.7379464285714  C 5.10341956967214 20.1587053571429  5.4697105532787 21.170703125  5.34291752049181 21.6603794642857  C 5.21964651639345 22.1391741071429  5.09637551229509 22.6977678571429  4.97662653688526 23.2345982142857  C 4.85687756147542 23.7641741071429  5.08228739754099 24.2756138392857  5.15977202868853 24.6202008928571  C 5.20203637295083 24.8051897321429  5.09989754098362 24.9575334821429  5.06819928278689 25.0917410714286  C 5.00832479508197 25.3674107142857  5.14216188524591 25.6213169642857  4.91675204918034 25.7228794642857  C 4.70895235655738 25.8861049107143  4.51171875000001 25.6503348214286  4.24404456967214 25.7228794642857  C 4.04328893442624 25.7772879464286  3.92001793032788 25.8788504464286  3.63121157786886 25.8788504464286  C 3.60655737704919 25.8099330357143  3.59951331967214 25.7083705357143  3.59951331967214 25.5959263392857  C 3.7509605532787 25.4508370535714  3.96228227459017 25.182421875  4.02920081967214 24.9647879464286  C 4.1102074795082 24.6963727678571  3.9235399590164 24.0978794642857  3.87775358606558 23.8947544642857  C 3.81083504098361 23.6045758928571  3.88479764344263 23.3978236607143  3.81787909836066 23.1076450892857  C 3.70165215163935 22.6252232142857  3.58894723360656 22.0920200892857  3.4797643442623 21.5950892857143  L 3.4797643442623 20.8079799107143  C 3.4797643442623 20.1659598214286  3.82140112704919 19.6001116071429  3.66290983606558 18.8565290178571  C 3.59951331967214 18.5663504464286  3.62064549180329 18.225390625  3.53963883196722 17.9098214285714  C 3.41988985655739 17.4310267857143  3.22970030737706 16.9522321428571  3.10995133196722 16.4589285714286  C 3.03246670081968 16.1397321428571  3.12051741803279 15.8604352678571  3.0500768442623 15.5122209821429  C 2.85284323770493 14.5800223214286  3.05712090163935 12.9840401785714  3.23322233606558 12.1425223214286  C 3.24378842213116 11.8922433035714  3.25435450819673 11.6383370535714  3.2649205942623 11.3880580357143  C 3.46919825819673 10.4667410714286  3.48680840163935 8.50440848214286  3.02190061475411 7.89140625  L 3.02190061475411 7.92405133928571  C 2.85988729508197 8.15256696428571  2.73661629098361 9.11741071428571  2.65560963114755 9.46925223214286  C 2.58516905737706 9.7703125  2.70139600409837 10.1112723214286  2.62391137295083 10.3833147321429  C 2.43724385245902 11.0362165178571  2.0603867827869 11.6637276785714  1.89132940573771 12.3674107142857  C 1.83849897540984 12.588671875  2.01107838114755 12.8861049107143  2.07447489754099 13.0928571428571  C 2.16604764344263 13.401171875  1.91950563524591 14.4965959821429  1.85963114754099 14.7940290178571  C 1.78566854508197 14.8339285714286  1.77158043032788 14.8520647321429  1.64478739754099 14.8556919642857  L 1.64478739754099 14.823046875  C 1.61308913934427 14.7904017857143  1.61308913934427 14.8556919642857  1.61308913934427 14.8556919642857  C 1.5320824795082 14.9862723214286  1.58491290983607 15.0805803571429  1.42994364754099 15.1386160714286  C 1.36654713114755 15.1821428571429  1.29610655737706 15.1095982142857  1.24679815573771 15.1386160714286  C 1.12000512295083 15.2147879464286  1.29962858606558 15.3236049107143  0.972079918032795 15.3272321428571  C 0.92277151639345 15.2438058035714  0.891073258196729 15.1567522321429  0.848808913934434 15.0443080357143  C 0.729059938524598 15.0551897321429  0.662141393442631 15.076953125  0.605788934426237 14.95  C 0.482517930327876 14.746875  0.510694159836076 13.9633928571429  0.514216188524598 13.6260602678571  L 0.482517930327876 13.6260602678571  C 0.383901127049188 13.7965401785714  0.302894467213122 13.8255580357143  0.0246542008196798 13.8146763392857  L 0.0246542008196798 13.6587053571429  C 0.292328381147551 13.4882254464286  0.313460553278696 13.2379464285714  0.482517930327876 12.9659040178571  C 0.690317622950827 12.6321986607143  1.07069672131148 12.4580915178571  1.18692366803279 12.0191964285714  L 1.18692366803279 11.5150111607143  C 1.18692366803279 10.9056361607143  1.06013063524591 10.1838169642857  1.18692366803279 9.62522321428572  C 1.27145235655738 9.25887276785714  1.46516393442624 8.92154017857143  1.55321465163935 8.58420758928572  L 1.55321465163935 8.11266741071429  C 1.62717725409837 7.82611607142857  1.71875000000001 7.41261160714286  1.79623463114755 7.13694196428572  C 1.93007172131148 6.66540178571429  1.78566854508197 5.99073660714286  1.97938012295083 5.59174107142857  C 2.18717981557378 5.16735491071429  2.59573514344263 4.76110491071429  3.0500768442623 4.58337053571429  C 3.4656762295082 4.42014508928572  4.11372950819673 4.35485491071429  4.36379354508197 4.04654017857143  C 4.63146772540984 3.71646205357143  4.48002049180329 3.00189732142857  4.39549180327869 2.59564732142857  C 4.27222079918033 2.59202008928572  4.22643442622951 2.58839285714286  4.18064805327869 2.50133928571429  C 3.96580430327869 2.25831473214286  4.20882428278689 1.87020089285714  4.27222079918033 1.619921875  L 4.30391905737705 1.02142857142857  C 4.46241034836066 0.459207589285716  5.00832479508197 -0.0522321428571415  5.83247950819673 0.201674107142858  C 6.20229252049181 0.317745535714287  6.45235655737705 0.640569196428573  6.56506147540984 1.02142857142857  C 6.58619364754099 1.29347098214286  6.60732581967214 1.569140625  6.62493596311476 1.84118303571429  C 6.72707479508197 1.95  6.75172899590164 1.98264508928572  6.74820696721312 2.21841517857143  C 6.79047131147542 2.29458705357143  6.74116290983607 2.39977678571429  6.7165087090164 2.50133928571429  C 6.64959016393443 2.53761160714286  6.51223104508197 2.58839285714286  6.4734887295082 2.65731026785714  C 6.26568903688525 2.94386160714286  6.32204149590165 3.78175223214286  6.50518698770492 4.01026785714286  C 6.80808145491804 4.36936383928571  7.33990778688525 4.39112723214286  7.81890368852459 4.57611607142857  C 8.26972336065574 4.75022321428572  8.68180071721312 5.16372767857143  8.88960040983607 5.58448660714286  C 9.05865778688525 5.92907366071429  8.90368852459017 6.35345982142857  9.01287141393443 6.81411830357143  C 9.1079661885246 7.21311383928572  9.21714907786885 7.70279017857143  9.31928790983607 8.10541294642857  L 9.31928790983607 8.576953125  C 9.41086065573771 8.91428571428572  9.60457223360656 9.25161830357143  9.68557889344263 9.61796875  L 9.68557889344263 12.0119419642857  C 9.79123975409836 12.4073102678571  10.0201716188525 12.4544642857143  10.2068391393443 12.7047433035714  C 10.3477202868852 12.8969866071429  10.4111168032787 13.1255022321429  10.5449538934426 13.3358816964286  Z " fill-rule="nonzero" fill="#ffffff" stroke="none" transform="matrix(1 0 0 1 18 8 )" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/frontend/src/renderer/src/assets/svg/user.svg b/frontend/src/renderer/src/assets/svg/user.svg
new file mode 100644
index 00000000..e125675e
--- /dev/null
+++ b/frontend/src/renderer/src/assets/svg/user.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="32px" height="32px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 -1869 -5 )">
+    <path d="M 16.0494983355978 0.013377921195652  C 11.5189966711956 0.10976589673913  7.72749164402174 1.68421402853261  4.73926423233696 4.67237459239131  C 1.75110366847826 7.66060200407609  0.176655502717391 11.45210703125  0.0802675611413041 15.9826086956522  C 0.176655536684783 20.5131103600543  1.75110366847826 24.2725083559783  4.73926423233696 27.2606688858696  C 7.72749164402174 30.2488963315217  11.5189966711957 31.8233444972826  16.0494983355978 31.9197324388587  C 20.58 31.8233444633152  24.3393979959239 30.2488963315217  27.3275585258152 27.260735767663  C 30.3157190557065 24.2725752038044  31.8902341032609 20.5131772418478  31.9866220788044 15.9826086956522  C 31.8902341032609 11.45210703125  30.3157859714674 7.69270903532609  27.3276254076087 4.70454850543478  C 24.3393979959239 1.6842140625  20.5800668817935 0.10976589673913  16.0494983355978 0.013377921195652  Z M 30.1230769361413 15.9825418478261  C 30.090836107337 19.8062207201087  28.644949830163 23.21210703125  26.1709030230978 25.7505685461957  C 25.3675585258152 25.364949830163  24.5000669157609 24.9472909646739  23.6325083899457 24.8509029891304  C 21.3512375 24.6581270720109  19.9374582201087 24.3046822690217  19.3912375 23.7584615149457  C 18.8770568953804 23.2121738790761  18.6521739470109 22.4410702105978  18.7486288043478 21.4449497961957  C 18.7807358355978 20.834515013587  18.9414047214674 20.4810702105978  19.2948495244565 20.3203344089674  C 19.6482943274456 20.1597324048913  20.0338461956522 19.2599999660326  20.4194649116848 17.6534447690217  C 20.5480268002717 17.1715049592391  20.6765217730978 16.7858862432065  20.8371906589674 16.4967223505435  C 20.9977926630435 16.2075584578804  21.2548495244565 15.5970567934783  21.576187330163 14.601003294837  C 21.7368562160326 13.8941136548913  21.7368562160326 13.4763879076087  21.544080298913 13.3800668478261  C 21.3513043817935 13.2836788722826  21.2227424932065 13.2515049592391  21.1907023777174 13.2836788722826  L 21.3511705842391 12.5767224184783  C 21.4475585597826 12.1268896399457  21.5117725883152 11.580668919837  21.5760535326087 10.9701672214674  C 21.7688963315217 9.36361202445652  21.4475585597826 7.98193980978261  20.61210703125 6.82521739130435  C 19.7767224184783 5.63638797554348  18.2344481657609 5.02588627717391  15.9531103600543 4.96160536684783  C 13.9288294157609 4.99371239809783  12.8684949728261 5.79705686141304  11.6796655570652 6.79311039402174  C 10.3622742527174 7.82133780570652  9.91244147418478 9.20294317255435  10.2658862771739 10.9701672554348  C 10.522943138587 12.2875585597826  10.9084949728261 13.3800000339674  10.651438111413 13.2836120584239  C 10.619331080163 13.2515050271739  10.490836107337 13.2836120584239  10.3301672214674 13.3800000339674  C 10.1694983355978 13.4763880095109  10.1373913043478 13.8941137567935  10.2658862771739 14.6009364809783  C 10.619331080163 15.4684950067935  10.8763879415761 16.0789966711957  11.0691638586956 16.4003344769022  C 11.2619397758152 16.7216053668478  11.3904347486413 17.1393311480978  11.4868896059783 17.653377955163  C 11.8082274116848 19.2278261209239  12.1294983016304 20.0953846467391  12.4829431046196 20.2559866508152  C 12.8363879076087 20.4166555366848  13.0612708559783 20.8343812839674  13.1898327445652 21.4448160665761  C 13.3505016304348 22.4409364809783  13.1577257133152 23.2120401494565  12.579331080163 23.7583277853261  C 12.0010033288043 24.3045485054348  10.619331080163 24.6579933423913  8.43438125 24.8507692595109  C 7.63110366847826 24.9471572350544  6.66715716711956 25.3327090692935  5.8960534986413 25.7183277853261  C 3.42193977581521 23.1478261209239  1.9760534986413 19.7418729279891  1.94387958559782 15.9825418478261  C 2.0402675611413 11.9982609035326  3.42193977581521 8.68876256793478  6.08882941576087 6.02180604619565  C 8.75571905570652 3.35484952445652  12.0652842730978 1.97331107336957  16.0495652173913 1.87685621603261  C 20.0337792798913 1.97324419157609  23.3433444972826 3.35491640625  25.9781271059783 6.02180604619565  C 28.6450167459239 8.68869568614131  30.0266889945652 11.9982609035326  30.1230769361413 15.9825418478261  Z " fill-rule="nonzero" fill="#f2f2f2" stroke="none" transform="matrix(1 0 0 1 1869 5 )" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/frontend/src/renderer/src/services/api.js b/frontend/src/renderer/src/services/api.js
index 5e0747c6..b3a5e089 100644
--- a/frontend/src/renderer/src/services/api.js
+++ b/frontend/src/renderer/src/services/api.js
@@ -16,7 +16,7 @@ api.interceptors.request.use(
     if (window.electronAPI) {
       config.baseURL = window.electronAPI.getBackendUrl()
     } else {
-      config.baseURL = 'http://127.0.0.1:5000'
+      config.baseURL = 'http://192.168.1.58:5000'
     }
     
     // 添加时间戳防止缓存
diff --git a/frontend/src/renderer/src/style.css b/frontend/src/renderer/src/style.css
index 6d061f1c..67d667cc 100644
--- a/frontend/src/renderer/src/style.css
+++ b/frontend/src/renderer/src/style.css
@@ -155,7 +155,7 @@ body {
 
 /* 表单样式 */
 .form-container {
-  max-width: 600px;
+  /* max-width: 600px; */
   margin: 0 auto;
 }
 
diff --git a/frontend/src/renderer/src/views/Dashboard.vue b/frontend/src/renderer/src/views/Dashboard.vue
index 10ff0e1a..354823de 100644
--- a/frontend/src/renderer/src/views/Dashboard.vue
+++ b/frontend/src/renderer/src/views/Dashboard.vue
@@ -1,40 +1,24 @@
 <template>
   <div class="dashboard-container dashboard-container-home">
     <!-- 顶部导航栏 -->
-    <div class="header">
-      <div class="header-left">
-        <!-- <img src="/logo.png" alt="Logo" class="logo" /> -->
-        <h1 class="system-title">平衡体态检测系统</h1>
+    <Header />
+    <div class="main-dashboard-top">
+      <div class="main-dashboard-top-title">
+        起始页
       </div>
-      <div class="header-right">
-        <div class="user-info">
-          <el-avatar :size="40" :src="userInfo.avatar">
-            <el-icon><User /></el-icon>
-          </el-avatar>
-          <span class="username">{{ userInfo.username }}</span>
-          <el-dropdown @command="handleUserCommand">
-            <el-button link class="user-dropdown">
-              <el-icon><ArrowDown /></el-icon>
-            </el-button>
-            <template #dropdown>
-              <el-dropdown-menu>
-                <el-dropdown-item command="profile">个人信息</el-dropdown-item>
-                <el-dropdown-item command="settings">系统设置</el-dropdown-item>
-                <el-dropdown-item command="logout" divided>退出登录</el-dropdown-item>
-              </el-dropdown-menu>
-            </template>
-          </el-dropdown>
-        </div>
+      <div class="main-dashboard-top-info">
+        <div>测试时间：2025-08-03 17:13:18<span></span></div>
+        <div style="margin-left: 15px;">测试医生：<span>李医生</span></div>
       </div>
     </div>
-  <!-- 左侧功能导航 -->
-     <div class="main-dashboard-content">
-      <aside class="sidebar">
+    <!-- 左侧功能导航 -->
+    <div class="main-dashboard-content">
+      <!-- <aside class="sidebar">
       <div class="sidebar-item active">
         <el-icon class="sidebar-icon"><UserFilled /></el-icon>
         <span class="sidebar-text">检测</span>
       </div>
-    </aside>
+    </aside> -->
       <!-- 右侧内容区域 -->
       <div class="content-area">
         <!-- 患者列表区域 -->
@@ -42,35 +26,38 @@
           <div class="section-header">
             <div class="module-title">患者列表</div>
             <div class="search-box">
-              <el-input
-                v-model="searchKeyword"
-                placeholder="搜索患者姓名"
-                prefix-icon="Search"
-                clearable
-                @input="handleSearch"
-              />
+              <el-input v-model="searchKeyword" placeholder="搜索患者姓名" prefix-icon="Search" clearable
+                @input="handleSearch" />
             </div>
           </div>
-          <el-table :data="filteredPatients" style="width: 100%" border @cell-click="selectPatient" highlight-current-row>
+          <el-table :data="filteredPatients" style="width: 100%" border @cell-click="selectPatient"
+            highlight-current-row>
             <el-table-column prop="name" label="姓名" min-width="60" />
             <el-table-column prop="id" label="测试者ID" min-width="60" />
             <el-table-column prop="updated_at" label="最后一次检查时间" min-width="60" />
             <el-table-column prop="gender" label="性别" min-width="60" />
             <el-table-column prop="num" label="测试次数" min-width="60" />
+            <el-table-column fixed="right" label="操作" width="80">
+              <template #default="scope">
+                <el-button link type="primary" size="small" @click="delClick(scope.row.id)">删除</el-button>
+              </template>
+            </el-table-column>
           </el-table>
         </div>
 
         <!-- 患者详情区域 -->
         <div class="patient-detail" v-if="selectedPatient">
-          <div class="patient-detail-box" >
+          <div class="patient-detail-box">
             <div class="detail-header">
-            <div class="module-title">基础信息</div>
-            <el-button link @click="editPatient">
-              <el-icon><Edit /></el-icon>
-            </el-button>
-          </div>
+              <div class="module-title">基础信息</div>
+              <el-button link @click="editPatient">
+                <el-icon>
+                  <Edit />
+                </el-icon>
+              </el-button>
+            </div>
 
-          <div class="basic-info-box">
+            <div class="basic-info-box">
               <div class="basic-info-content">
                 <div class="basic-info-text">
                   <div class="basic-info-textcolor">测试者ID</div>
@@ -92,7 +79,7 @@
                 </div>
                 <div class="basic-info-text">
                   <div class="basic-info-textcolor">年龄</div>
-                  <div>{{ selectedPatient.age || '-' }}</div>
+                  <div>{{ calculateAge(selectedPatient.birth_date) }}</div>
                 </div>
                 <div class="basic-info-text">
                   <div class="basic-info-textcolor">民族</div>
@@ -123,18 +110,18 @@
                   <div>{{ selectedPatient.created_at ? formatDate(selectedPatient.created_at) : '-' }}</div>
                 </div>
                 <div class="basic-info-text">
-                  
+
                 </div>
               </div>
 
             </div>
           </div>
-         
+
           <!-- 操作按钮 -->
           <div class="action-buttons">
-            <div class="action-view-buttons" @click="viewPatientProfile">查看档案</div>
-            <div class="action-view-buttons" @click="startDetection">检查</div>
-            <div class="action-view-buttons" @click="createNewPatient">+新患者建档</div>
+            <div class="action-view-buttons" style="width:338px;" @click="viewPatientProfile">查看档案</div>
+            <div class="action-view-buttons" style="width:338px;" @click="startDetection">平衡检测</div>
+            <div class="action-view-buttons" style="width:338px;" @click="createNewPatient">+新患者建档</div>
           </div>
         </div>
 
@@ -155,7 +142,7 @@ import { useRouter } from 'vue-router'
 import { ElMessage, ElMessageBox } from 'element-plus'
 import { patientAPI } from '../services/api.js'
 import { useAuthStore } from '../stores/index.js'
-
+import Header from '@/views/Header.vue'
 const router = useRouter()
 const authStore = useAuthStore()
 
@@ -174,7 +161,7 @@ const filteredPatients = computed(() => {
   if (!searchKeyword.value) {
     return patients.value
   }
-  return patients.value.filter(patient => 
+  return patients.value.filter(patient =>
     patient.name.toLowerCase().includes(searchKeyword.value.toLowerCase())
   )
 })
@@ -234,7 +221,7 @@ const handleLogout = async () => {
       cancelButtonText: '取消',
       type: 'warning'
     })
-    
+
     // 调用认证状态管理的logout方法清除所有认证信息
     await authStore.logout()
     ElMessage.success('已退出登录')
@@ -266,6 +253,19 @@ const formatDate = (date) => {
   return new Date(date).toLocaleDateString('zh-CN')
 }
 
+// 添加计算年龄的方法
+const calculateAge = (birthDate) => {
+  if (!birthDate) return '-'
+  const today = new Date()
+  const birth = new Date(birthDate)
+  let age = today.getFullYear() - birth.getFullYear()
+  const monthDiff = today.getMonth() - birth.getMonth()
+  if (monthDiff < 0 || (monthDiff === 0 && today.getDate() < birth.getDate())) {
+    age--
+  }
+  return age
+}
+
 const loadPatients = async () => {
   try {
     const response = await patientAPI.getPatients()
@@ -289,14 +289,14 @@ const loadPatients = async () => {
         gender: '男',
         age: 45,
         updated_at: '2023-05-01 14:00:00',
-        num:4
+        num: 4
       },
       {
         id: 2,
         name: '李四',
         gender: '女',
         updated_at: '2023-05-01 14:00:00',
-        num:4
+        num: 4
       },
       {
         id: 3,
@@ -304,8 +304,8 @@ const loadPatients = async () => {
         gender: '男',
         age: 52,
         updated_at: '2023-05-01 14:00:00',
-        num:4
-      
+        num: 4
+
       }
     ]
   }
@@ -320,10 +320,42 @@ onMounted(() => {
       avatar: authStore.currentUser.avatar || ''
     })
   }
-  
+
   // 加载患者列表
   loadPatients()
 })
+function delClick(id) {
+  ElMessageBox.confirm('确定删除该条患者信息吗？', '删除提示', {
+    confirmButtonText: '确定',
+    cancelButtonText: '取消',
+    type: 'warning',
+  })
+    .then(async () => { 
+      try {
+        const response = await patientAPI.deletePatient(id);
+        if (response.success) {
+          ElMessage({
+            type: 'success',
+            message: '删除成功',
+          });
+          loadPatients()
+        } else {
+          ElMessage({
+            type: 'error',
+            message: response.message || '删除失败',
+          });
+        }
+      } catch (error) {
+        ElMessage({
+          type: 'error',
+          message: '删除患者信息失败，请稍后重试',
+        });
+      }
+    })
+    .catch(() => {
+    });
+}
+
 </script>
 
 <style scoped>
@@ -337,7 +369,7 @@ onMounted(() => {
 .header {
   height: 60px;
   /* background: #fff; */
-  border-bottom: 1px solid #e4e7ed;
+  border-bottom: 1px solid #434343;
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -352,15 +384,23 @@ onMounted(() => {
 }
 
 .logo {
-  width: 40px;
-  height: 40px;
+  /* width: 40px;
+  height: 40px; */
   border-radius: 50%;
 }
 
+.system-logo {
+  width: 32px;
+  height: 32px;
+  border-radius: 4px;
+  background: #136166;
+  text-align: center;
+  padding-top: 3px;
+}
+
 .system-title {
-  font-size: 20px;
-  font-weight: 600;
-  color: #fff;
+  font-size: 18px;
+  color: #AAAAAA;
   margin: 0;
 }
 
@@ -462,8 +502,8 @@ onMounted(() => {
 }
 
 .patient-section {
-  width: calc(100% - 420px);
-  background: rgb(51,51,51);
+  width: calc(100% - 500px);
+  background: rgb(51, 51, 51);
   border-radius: 8px;
   padding: 20px;
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
@@ -542,19 +582,21 @@ onMounted(() => {
 }
 
 .patient-detail {
-  width: 400px;
+  width: 500px;
   /* background: #fff; */
- 
+
 }
-.patient-detail-box{
-  background: rgb(51,51,51);
+
+.patient-detail-box {
+  background: rgb(51, 51, 51);
   border-radius: 8px;
   padding: 20px;
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
   display: flex;
   flex-direction: column;
-  color:#fff;
+  color: #fff;
 }
+
 .detail-header {
   display: flex;
   justify-content: space-between;
@@ -602,6 +644,7 @@ onMounted(() => {
   /* display: flex;
   flex-direction: column;
   gap: 12px; */
+  margin-top: 40px;
 }
 
 .action-btn {
@@ -627,7 +670,7 @@ onMounted(() => {
 }
 
 .no-selection {
-  width: 400px;
+  width: 500px;
   display: flex;
   align-items: center;
   justify-content: center;
@@ -642,90 +685,147 @@ onMounted(() => {
 
 
 .module-title {
-
-
-width: 120px;
-display: flex;
-align-items: center;
-justify-content: center;
-border: 2px solid #ffffff;
-border-image: linear-gradient(to right, rgb(245, 173, 7), rgb(160, 5, 216)) 1;
-border-radius: 20px;
-padding: 1px 10px ;
-
-font-size: 16px;
-font-weight: bold;
-color: #ffffff;
+  width: 120px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border: 2px solid #ffffff;
+  border-image: linear-gradient(to right, rgb(245, 173, 7), rgb(160, 5, 216)) 1;
+  border-radius: 20px;
+  padding: 1px 10px;
+  font-size: 16px;
+  font-weight: bold;
+  color: #ffffff;
 }
+
 :deep(.el-input__wrapper) {
   background: transparent;
 }
-.basic-info-box{
+
+.basic-info-box {
   display: flex;
   flex-wrap: wrap;
   align-content: center;
   height: 100%;
 }
-.basic-info-content{
+
+.basic-info-content {
   display: flex;
   justify-content: center;
   box-sizing: border-box;
   padding-top: 10px;
   width: 100%;
 }
-.basic-info-text{
+
+.basic-info-text {
   width: 33%;
   text-align: center;
   font-size: 13px;
 }
-.basic-info-textcolor{
-  color: rgb(48,205,223);
+
+.basic-info-textcolor {
+  color: rgb(48, 205, 223);
   padding-bottom: 8px;
 }
-.action-view-buttons{
-  height: 100px;
-  line-height:100px ;
+
+.action-view-buttons {
+  height: 70px;
+  line-height: 70px;
   text-align: center;
   background: linear-gradient(to right, #e930aa, rgb(160, 5, 216));
-  font-size: 40px;
+  font-size: 35px;
   color: #FFFFFF;
-  border-radius:50px ;
-  margin-top: 20px;
+  border-radius: 50px;
   cursor: pointer;
+  margin: 0 auto;
+  margin-top: 25px;
 }
 
+.main-dashboard-top {
+  display: flex;
+  width: 100%;
+  padding: 15px 20px 0px;
+  gap: 20px;
+}
 
+.main-dashboard-top-title {
+  font-family: 'Arial Negreta', 'Arial Normal', 'Arial', sans-serif;
+  font-weight: 700;
+  font-style: normal;
+  color: #FFFFFF;
+  font-size: 18px;
+  width: calc(100% - 500px);
+}
+
+.main-dashboard-top-info {
+  display: flex;
+  font-size: 16px;
+  color: #FFFFFF;
+  font-family: 'Arial Normal', 'Arial', sans-serif;
+}
 </style>
 
 
 <style>
-
-.dashboard-container.dashboard-container-home .el-table{
+.dashboard-container.dashboard-container-home .el-table {
   background: transparent !important;
 }
-.dashboard-container.dashboard-container-home .el-table tr{
+
+.dashboard-container.dashboard-container-home .el-table tr {
   background-color: transparent !important;
 }
-.dashboard-container.dashboard-container-home .el-table thead.is-group th.el-table__cell{
+
+.dashboard-container.dashboard-container-home .el-table thead.is-group th.el-table__cell {
   background-color: transparent !important;
 }
-.dashboard-container.dashboard-container-home .cell{
+
+.dashboard-container.dashboard-container-home .cell {
   color: #fff;
 }
-.dashboard-container.dashboard-container-home .el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell{
+
+.dashboard-container.dashboard-container-home .el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell {
   background-color: transparent !important;
 }
-.dashboard-container.dashboard-container-home .el-table th.el-table__cell.is-leaf{
-  background-color: rgb(70, 70,70 ) !important;
+
+.dashboard-container.dashboard-container-home .el-table th.el-table__cell.is-leaf {
+  background-color: rgb(70, 70, 70) !important;
 }
-.dashboard-container.dashboard-container-home .el-table td.el-table__cell{
-  background-color: rgb(0, 0,0 ) !important;
+
+.dashboard-container.dashboard-container-home .el-table td.el-table__cell {
+  background-color: rgb(0, 0, 0) !important;
 
 }
-.el-table--border .el-table__cell{
+
+.el-table--border .el-table__cell {
   border-right: transparent !important;
 }
-.dashboard-container.dashboard-container-home .el-table__body tr.current-row>td.el-table__cell{
+
+.dashboard-container.dashboard-container-home .el-table__body tr.current-row>td.el-table__cell {
   background-color: rgb(121, 121, 121) !important;
 }
+
+.dashboard-container.dashboard-container-home .el-table--border .el-table__inner-wrapper:after,
+.el-table--border:after,
+.el-table--border:before,
+.el-table__inner-wrapper:before {
+  background-color: #787878;
+}
+
+.dashboard-container.dashboard-container-home .el-table__border-bottom-patch,
+.el-table__border-left-patch {
+  background-color: #787878;
+}
+
+.dashboard-container.dashboard-container-home .el-input__wrapper {
+  box-shadow: 0 0 0 1px #787878;
+}
+.dashboard-container.dashboard-container-home .el-table__cell{
+  border-bottom: 1px solid #787878;
+}
+.dashboard-container.dashboard-container-home .el-table__cell{
+  border-bottom: 1px solid #787878;
+}
+.dashboard-container.dashboard-container-home .el-table__header th {
+  border-color: #787878;
+}
 </style>
\ No newline at end of file
diff --git a/frontend/src/renderer/src/views/Header.vue b/frontend/src/renderer/src/views/Header.vue
new file mode 100644
index 00000000..8f99b91e
--- /dev/null
+++ b/frontend/src/renderer/src/views/Header.vue
@@ -0,0 +1,166 @@
+<template>
+    <div class="header-container">
+      <!-- 顶部导航栏 -->
+      <div class="header">
+        <div class="header-left">
+          <div class="system-logo">
+            <img src="@/assets/svg/logo.svg" alt="Logo" class="logo" />
+          </div>
+          <div class="system-title">平衡体态检测系统</div>
+        </div>
+        <div class="header-right">
+          <div class="user-info">
+            <el-avatar :size="40" :src="userInfo.avatar">
+              <el-icon>
+                <User />
+              </el-icon>
+            </el-avatar>
+            <span class="username">{{ userInfo.username }}</span>
+            <el-dropdown @command="handleUserCommand">
+              <el-button link class="user-dropdown">
+                <el-icon>
+                  <ArrowDown />
+                </el-icon>
+              </el-button>
+              <template #dropdown>
+                <el-dropdown-menu>
+                  <el-dropdown-item command="profile">个人信息</el-dropdown-item>
+                  <el-dropdown-item command="settings">系统设置</el-dropdown-item>
+                  <el-dropdown-item command="logout" divided>退出登录</el-dropdown-item>
+                </el-dropdown-menu>
+              </template>
+            </el-dropdown>
+          </div>
+        </div>
+      </div>
+    </div>
+  </template>
+  
+  <script setup>
+  import { ref, reactive, onMounted } from 'vue'
+  import { useRouter } from 'vue-router'
+  import { ElMessage, ElMessageBox } from 'element-plus'
+  import { useAuthStore } from '../stores/index.js'
+
+  const router = useRouter()
+  const authStore = useAuthStore()
+  const userInfo = reactive({
+    username: '医生',
+    avatar: ''
+  })
+  
+  
+  const handleUserCommand = (command) => {
+    switch (command) {
+      case 'profile':
+        // 个人信息
+        break
+      case 'settings':
+        // 系统设置
+        break
+      case 'logout':
+        handleLogout()
+        break
+    }
+  }
+  
+  const handleLogout = async () => {
+    try {
+      await ElMessageBox.confirm('确定要退出登录吗？', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      })
+  
+      // 调用认证状态管理的logout方法清除所有认证信息
+      await authStore.logout()
+      ElMessage.success('已退出登录')
+      // 使用replace而不是push，避免返回按钮回到Dashboard
+      router.replace('/login')
+    } catch {
+      // 用户取消
+    }
+  }
+  
+  // 生命周期
+  onMounted(() => {
+    // 从认证状态管理中加载用户信息
+    if (authStore.currentUser) {
+      Object.assign(userInfo, {
+        username: authStore.currentUser.username,
+        avatar: authStore.currentUser.avatar || ''
+      })
+    }
+  
+  })
+  </script>
+  
+  <style scoped>
+  .dashboard-container {
+    height: 100vh;
+    display: flex;
+    flex-direction: column;
+    background: #000;
+  }
+  
+  .header {
+    height: 60px;
+    background: #000000;
+    border-bottom: 1px solid #434343;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 0 20px;
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+  }
+  
+  .header-left {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+  }
+  
+  .logo {
+    /* width: 40px;
+    height: 40px; */
+    border-radius: 50%;
+  }
+  
+  .system-logo {
+    width: 32px;
+    height: 32px;
+    border-radius: 4px;
+    background: #136166;
+    text-align: center;
+    padding-top: 3px;
+  }
+  
+  .system-title {
+    font-size: 18px;
+    color: #AAAAAA;
+    margin: 0;
+  }
+  
+  .header-right {
+    display: flex;
+    align-items: center;
+  }
+  
+  .user-info {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+  }
+  
+  .username {
+    font-size: 14px;
+    color: #fff;
+  }
+  
+  .user-dropdown {
+    padding: 0;
+    color: #fff;
+  }
+  
+  </style>
+  
\ No newline at end of file
diff --git a/frontend/src/renderer/src/views/PatientCreate.vue b/frontend/src/renderer/src/views/PatientCreate.vue
index 797a92eb..137b7e57 100644
--- a/frontend/src/renderer/src/views/PatientCreate.vue
+++ b/frontend/src/renderer/src/views/PatientCreate.vue
@@ -1,225 +1,130 @@
 <template>
   <div class="patient-create-container">
-    <!-- 顶部导航 -->
-    <div class="header">
-      <div class="header-left">
-        <el-button link @click="goBack" class="back-btn">
-          <el-icon><ArrowLeft /></el-icon>
-          返回
-        </el-button>
-        <h1 class="page-title">新建患者档案</h1>
+    <Header />
+    <div class="nav-container">
+      <div class="nav-container-title" @click="goBack">
+        <img src="@/assets/svg/goback.svg" alt="">
+        <div style="margin-left: 20px;">
+          建档页
+        </div>
+      </div>
+      <div class="nav-container-info">
+        <div>测试时间：2025-08-03 17:13:18<span></span></div>
+        <div style="margin-left: 15px;">测试医生：<span>李医生</span></div>
       </div>
     </div>
-
     <!-- 表单内容 -->
     <div class="form-container">
-      <el-form
-        ref="patientFormRef"
-        :model="patientForm"
-        :rules="formRules"
-        label-width="120px"
-        class="patient-form"
-      >
+      <el-form ref="patientFormRef" :model="patientForm" :rules="formRules" label-width="120px" class="patient-form">
         <div class="form-section">
-          <h3 class="section-title">基本信息</h3>
-          
+          <!-- <h3 class="section-title">基本信息</h3> -->
+          <div class="section-title">基本信息</div>
+
           <el-row :gutter="20">
+            <el-col :span="12">
+              <el-form-item label="测试者ID" prop="testerId">
+                <el-input v-model="patientForm.id" disabled placeholder="请输入测试者ID" clearable />
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+
+            </el-col>
             <el-col :span="12">
               <el-form-item label="姓名" prop="name" required>
-                <el-input
-                  v-model="patientForm.name"
-                  placeholder="请输入患者姓名"
-                  clearable
-                />
+                <el-input v-model="patientForm.name" placeholder="请输入" clearable />
               </el-form-item>
             </el-col>
             <el-col :span="12">
               <el-form-item label="性别" prop="gender" required>
-                <el-radio-group v-model="patientForm.gender">
-                  <el-radio label="男">男</el-radio>
-                  <el-radio label="女">女</el-radio>
-                </el-radio-group>
+                <el-select v-model="patientForm.gender" placeholder="请选择">
+                  <el-option label="男" value="男" />
+                  <el-option label="女" value="女" />
+                </el-select>
               </el-form-item>
             </el-col>
-          </el-row>
-
-          <el-row :gutter="20">
             <el-col :span="12">
-              <el-form-item label="出生日期" prop="birthDate" required>
-                <el-date-picker
-                  v-model="patientForm.birthDate"
-                  type="date"
-                  placeholder="选择出生日期"
-                  style="width: 100%"
-                  @change="calculateAge"
-                />
+              <el-form-item label="出生日期" prop="birth_date" required>
+                <el-date-picker v-model="patientForm.birth_date" type="date" placeholder="请选择" style="width: 100%"
+                  @change="calculateAgeres" />
               </el-form-item>
             </el-col>
             <el-col :span="12">
               <el-form-item label="年龄">
-                <el-input
-                  v-model="calculatedAge"
-                  placeholder="自动计算"
-                  readonly
-                  suffix-icon="Calendar"
-                />
+                <el-input v-model="calculatedAge" placeholder="自动计算" readonly suffix-icon="Calendar" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="民族" prop="nationality">
+                <el-select v-model="patientForm.nationality" placeholder="请选择">
+                  <el-option v-for="item in nationalityOptions" :key="item.value" :label="item.label"
+                    :value="item.value" />
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="长期居住地" prop="residence">
+                <el-select v-model="patientForm.residence" placeholder="请选择">
+                  <el-option v-for="item in residenceOptions" :key="item.value" :label="item.label"
+                    :value="item.value" />
+                </el-select>
               </el-form-item>
             </el-col>
-          </el-row>
-
-          <el-row :gutter="20">
             <el-col :span="12">
               <el-form-item label="身高" prop="height" required>
-                <el-input
-                  v-model="patientForm.height"
-                  placeholder="请输入身高"
-                  clearable
-                >
+                <el-input v-model="patientForm.height" placeholder="请输入" clearable>
                   <template #suffix>cm</template>
                 </el-input>
               </el-form-item>
             </el-col>
             <el-col :span="12">
               <el-form-item label="体重" prop="weight" required>
-                <el-input
-                  v-model="patientForm.weight"
-                  placeholder="请输入体重"
-                  clearable
-                >
+                <el-input v-model="patientForm.weight" placeholder="请输入" clearable>
                   <template #suffix>kg</template>
                 </el-input>
               </el-form-item>
             </el-col>
-          </el-row>
-        </div>
-
-        <div class="form-section">
-          <h3 class="section-title">联系信息</h3>
-          
-          <el-row :gutter="20">
             <el-col :span="12">
-              <el-form-item label="联系电话" prop="phone" required>
-                <el-input
-                  v-model="patientForm.phone"
-                  placeholder="请输入联系电话"
-                  clearable
-                />
+              <el-form-item label="鞋码" prop="shoe_size">
+                <el-input v-model="patientForm.shoe_size" placeholder="请输入" clearable />
               </el-form-item>
             </el-col>
             <el-col :span="12">
-              <el-form-item label="紧急联系人">
-                <el-input
-                  v-model="patientForm.emergencyContact"
-                  placeholder="请输入紧急联系人"
-                  clearable
-                />
+
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="电话号码" prop="phone" required>
+                <el-input v-model="patientForm.phone" placeholder="请输入" clearable />
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="电子邮箱" prop="email">
+                <el-input v-model="patientForm.email" placeholder="请输入" clearable />
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="职业" prop="occupation">
+                <el-select v-model="patientForm.occupation" placeholder="请选择">
+                  <el-option v-for="item in occupationOptions" :key="item.value" :label="item.label"
+                    :value="item.value" />
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="单位" prop="workplace">
+                <el-input v-model="patientForm.workplace" placeholder="请输入" clearable />
               </el-form-item>
             </el-col>
           </el-row>
-
-          <el-row :gutter="20">
-            <el-col :span="12">
-              <el-form-item label="紧急联系电话">
-                <el-input
-                  v-model="patientForm.emergencyPhone"
-                  placeholder="请输入紧急联系电话"
-                  clearable
-                />
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="身份证号">
-                <el-input
-                  v-model="patientForm.idCard"
-                  placeholder="请输入身份证号"
-                  clearable
-                />
-              </el-form-item>
-            </el-col>
-          </el-row>
-
-          <el-row :gutter="20">
-            <el-col :span="12">
-              <el-form-item label="鞋码">
-                <el-input
-                  v-model="patientForm.shoeSize"
-                  placeholder="请输入鞋码"
-                  clearable
-                />
-              </el-form-item>
-            </el-col>
-          </el-row>
-
-          <el-form-item label="地址">
-            <el-input
-              v-model="patientForm.address"
-              placeholder="请输入详细地址"
-              clearable
-            />
-          </el-form-item>
-        </div>
-
-        <div class="form-section">
-          <h3 class="section-title">医疗信息</h3>
-          
-          <el-row :gutter="20">
-            <el-col :span="12">
-              <el-form-item label="主治医生">
-                <el-input
-                  v-model="patientForm.doctor"
-                  placeholder="请输入主治医生"
-                  clearable
-                />
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="病历号">
-                <el-input
-                  v-model="patientForm.medicalRecordNumber"
-                  placeholder="请输入病历号"
-                  clearable
-                />
-              </el-form-item>
-            </el-col>
-          </el-row>
-
-          <el-form-item label="既往病史">
-            <el-input
-              v-model="patientForm.medicalHistory"
-              type="textarea"
-              :rows="3"
-              placeholder="请输入既往病史"
-            />
-          </el-form-item>
-
-          <el-form-item label="过敏史">
-            <el-input
-              v-model="patientForm.allergies"
-              type="textarea"
-              :rows="2"
-              placeholder="请输入过敏史"
-            />
-          </el-form-item>
-
-          <el-form-item label="备注">
-            <el-input
-              v-model="patientForm.notes"
-              type="textarea"
-              :rows="3"
-              placeholder="请输入其他备注信息"
-            />
-          </el-form-item>
         </div>
       </el-form>
     </div>
-
     <!-- 底部操作按钮 -->
     <div class="footer-actions">
-      <el-button size="large" @click="handleCancel">退出</el-button>
-      <el-button type="primary" size="large" :loading="saveLoading" @click="handleSave">
+      <el-button @click="handleCancel">退出</el-button>
+      <el-button type="primary" :loading="saveLoading" @click="handleSave">
         保存
       </el-button>
-      <el-button type="success" size="large" :loading="saveAndDetectLoading" @click="handleSaveAndDetect">
+      <el-button type="success" :loading="saveAndDetectLoading" @click="handleSaveAndDetect">
         保存并开始检测
       </el-button>
     </div>
@@ -231,6 +136,7 @@ import { ref, reactive, computed } from 'vue'
 import { useRouter } from 'vue-router'
 import { ElMessage, ElMessageBox } from 'element-plus'
 import { patientAPI } from '../services/api.js'
+import Header from '@/views/Header.vue'
 
 const router = useRouter()
 
@@ -243,37 +149,29 @@ const saveAndDetectLoading = ref(false)
 
 // 表单数据
 const patientForm = reactive({
+  id: '',
   name: '',
   gender: '',
-  birthDate: '',
+  birth_date: '',
+  nationality: '',
+  residence: '',
   height: '',
   weight: '',
+  shoe_size: '',
   phone: '',
-  emergencyContact: '',
-  emergencyPhone: '',
-  idCard: '',
-  address: '',
-  shoeSize: '',
-  doctor: '',
-  medicalRecordNumber: '',
-  medicalHistory: '',
-  allergies: '',
-  notes: ''
+  occupation: '',
+  workplace: '',
+  email: ''
 })
-
-// 计算年龄
-const calculatedAge = computed(() => {
-  if (!patientForm.birthDate) return ''
-  const today = new Date()
-  const birthDate = new Date(patientForm.birthDate)
-  let age = today.getFullYear() - birthDate.getFullYear()
-  const monthDiff = today.getMonth() - birthDate.getMonth()
-  if (monthDiff < 0 || (monthDiff === 0 && today.getDate() < birthDate.getDate())) {
-    age--
-  }
-  return age + '岁'
-})
-
+const occupationOptions = ref([
+  { label: '学生', value: '学生' }
+])
+const residenceOptions = ref([
+  { label: '北京', value: '北京' }
+])
+const nationalityOptions = ref([
+  { label: '汉族', value: '汉族' }
+])
 // 表单验证规则
 const formRules = {
   name: [
@@ -304,15 +202,23 @@ const formRules = {
 const goBack = () => {
   router.go(-1)
 }
-
-const calculateAge = () => {
-  // 年龄通过计算属性自动计算
+const calculatedAge = ref('')
+// 实现年龄计算方法 calculateAgeres
+const calculateAgeres = (date) => {
+  if (!date) return '0'
+  const today = new Date()
+  const birthDate = new Date(date)
+  let age = today.getFullYear() - birthDate.getFullYear()
+  const monthDiff = today.getMonth() - birthDate.getMonth()
+  if (monthDiff < 0 || (monthDiff === 0 && today.getDate() < birthDate.getDate())) {
+    age--
+  }
+  calculatedAge.value = age
 }
-
 const handleCancel = async () => {
   // 检查是否有未保存的数据
   const hasData = Object.values(patientForm).some(value => value !== '')
-  
+
   if (hasData) {
     try {
       await ElMessageBox.confirm(
@@ -345,18 +251,22 @@ const validateForm = async () => {
 
 const savePatient = async () => {
   const patientData = {
+    id: patientForm.id,
     name: patientForm.name,
     gender: patientForm.gender,
-    age: calculatedAge.value.replace('岁', ''),
-    birth_date: patientForm.birthDate,
+    age: calculatedAge.value,
+    birth_date: patientForm.birth_date,
     height: patientForm.height,
     weight: patientForm.weight,
+    shoe_size: patientForm.shoe_size,
     phone: patientForm.phone,
-    shoe_size: patientForm.shoeSize,
-    medical_history: patientForm.medicalHistory,
-    notes: patientForm.notes
+    occupation: patientForm.occupation,
+    email: patientForm.email,
+    nationality: patientForm.nationality,
+    residence: patientForm.residence,
+    workplace: patientForm.workplace
   }
-  
+
   try {
     const response = await patientAPI.create(patientData)
     if (response.success) {
@@ -372,7 +282,7 @@ const savePatient = async () => {
 
 const handleSave = async () => {
   if (!(await validateForm())) return
-  
+
   saveLoading.value = true
   try {
     await savePatient()
@@ -387,7 +297,7 @@ const handleSave = async () => {
 
 const handleSaveAndDetect = async () => {
   if (!(await validateForm())) return
-  
+
   saveAndDetectLoading.value = true
   try {
     const patient = await savePatient()
@@ -406,23 +316,31 @@ const handleSaveAndDetect = async () => {
   height: 100vh;
   display: flex;
   flex-direction: column;
-  background: #f5f7fa;
+  background: #000000;
 }
 
-.header {
-  height: 60px;
-  background: #fff;
-  border-bottom: 1px solid #e4e7ed;
+.nav-container {
   display: flex;
-  align-items: center;
-  padding: 0 20px;
-  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+  width: 100%;
+  padding: 15px 20px 0px;
+  gap: 20px;
 }
 
-.header-left {
+.nav-container-title {
+  font-family: 'Arial Negreta', 'Arial Normal', 'Arial', sans-serif;
+  font-weight: 700;
+  font-style: normal;
+  color: #FFFFFF;
+  font-size: 18px;
+  width: calc(100% - 500px);
   display: flex;
-  align-items: center;
-  gap: 15px;
+}
+
+.nav-container-info {
+  display: flex;
+  font-size: 16px;
+  color: #FFFFFF;
+  font-family: 'Arial Normal', 'Arial', sans-serif;
 }
 
 .back-btn {
@@ -447,13 +365,14 @@ const handleSaveAndDetect = async () => {
 .form-container {
   flex: 1;
   overflow-y: auto;
-  padding: 20px;
+  padding: 20px 20px 0px;
+  width: 100%;
 }
 
 .patient-form {
-  max-width: 800px;
+  max-width: 1000px;
   margin: 0 auto;
-  background: #fff;
+  background: #333333;
   border-radius: 8px;
   padding: 30px;
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
@@ -468,18 +387,24 @@ const handleSaveAndDetect = async () => {
 }
 
 .section-title {
+  width: 120px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border: 2px solid #ffffff;
+  border-image: linear-gradient(to right, rgb(245, 173, 7), rgb(160, 5, 216)) 1;
+  border-radius: 20px;
+  padding: 1px 10px;
   font-size: 16px;
-  font-weight: 600;
-  color: #2c3e50;
-  margin: 0 0 20px 0;
-  padding-bottom: 10px;
-  border-bottom: 2px solid #e4e7ed;
+  font-weight: bold;
+  color: #ffffff;
+  margin-bottom: 20px;
 }
 
 .footer-actions {
-  height: 80px;
-  background: #fff;
-  border-top: 1px solid #e4e7ed;
+  height: 142px;
+  background: #000000;
+  /* border-top: 1px solid #e4e7ed; */
   display: flex;
   justify-content: center;
   align-items: center;
@@ -487,12 +412,14 @@ const handleSaveAndDetect = async () => {
   padding: 0 20px;
   box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.1);
 }
-
-.footer-actions .el-button {
-  min-width: 120px;
-  height: 40px;
-  font-size: 16px;
-  font-weight: 600;
+:deep(.footer-actions .el-button){
+  background: linear-gradient(to right,#F135A6,#A005D8,#A005D8);
+  border: none;
+  color: #ffffff;
+  height: 60px;
+  width: 320px;
+  border-radius: 50px;
+  font-size: 24px;
 }
 
 :deep(.el-form-item__label) {
@@ -531,4 +458,72 @@ const handleSaveAndDetect = async () => {
   color: #f56c6c;
   margin-right: 4px;
 }
-</style>
\ No newline at end of file
+
+:deep(.el-input__wrapper) {
+  background-color: rgba(51, 51, 51, 1);
+  border-width: 1px;
+  border-style: solid;
+  border-color: rgba(127, 127, 127, 1);
+  border-radius: 4px;
+  box-shadow: none;
+}
+
+:deep(.el-select__wrapper) {
+  background-color: rgba(51, 51, 51, 1);
+  border-width: 1px;
+  border-style: solid;
+  border-color: rgba(127, 127, 127, 1);
+  border-radius: 4px;
+  box-shadow: none;
+}
+
+:deep(.el-form-item__label) {
+  font-size: 14px;
+  font-family: '苹方 粗体', '苹方 中等', '苹方', sans-serif;
+  font-weight: 700;
+  font-style: normal;
+  color: #FFFFFF;
+}
+
+:deep(.el-col-12) {
+  margin-bottom: 15px;
+}
+
+:deep(.el-input__inner) {
+  color: #ffffff;
+}
+
+:deep(.el-select__placeholder) {
+  color: #ffffff;
+}
+
+:deep(.el-input.is-disabled .el-input__wrapper) {
+  background-color: rgba(127, 127, 127, 1);
+  box-shadow: none;
+  border-width: 1px;
+  border-style: solid;
+  border-color: rgba(215, 215, 215, 1);
+  color: #FFFFFF;
+}
+</style>
+<style>
+.el-form-item.is-error .el-form-item__content .el-input-tag__wrapper,
+.el-form-item.is-error .el-form-item__content .el-input-tag__wrapper.is-focus,
+.el-form-item.is-error .el-form-item__content .el-input-tag__wrapper:focus,
+.el-form-item.is-error .el-form-item__content .el-input-tag__wrapper:hover,
+.el-form-item.is-error .el-form-item__content .el-input__wrapper,
+.el-form-item.is-error .el-form-item__content .el-input__wrapper.is-focus,
+.el-form-item.is-error .el-form-item__content .el-input__wrapper:focus,
+.el-form-item.is-error .el-form-item__content .el-input__wrapper:hover,
+.el-form-item.is-error .el-form-item__content .el-select__wrapper,
+.el-form-item.is-error .el-form-item__content .el-select__wrapper.is-focus,
+.el-form-item.is-error .el-form-item__content .el-select__wrapper:focus,
+.el-form-item.is-error .el-form-item__content .el-select__wrapper:hover,
+.el-form-item.is-error .el-form-item__content .el-textarea__inner,
+.el-form-item.is-error .el-form-item__content .el-textarea__inner.is-focus,
+.el-form-item.is-error .el-form-item__content .el-textarea__inner:focus,
+.el-form-item.is-error .el-form-item__content .el-textarea__inner:hover {
+  box-shadow: none;
+  border: 1px solid #f56c6c;
+}
+</style>