diff --git a/frontend/src/renderer/src/assets/new/bi.svg b/frontend/src/renderer/src/assets/new/bi.svg
new file mode 100644
index 00000000..abb1c8ed
--- /dev/null
+++ b/frontend/src/renderer/src/assets/new/bi.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="14px" height="14px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 -301 -488 )">
+    <path d="M 1.28597284696696 2.56561085477938  L 1.28597284696696 11.4343891452206  L 5.08687783547794 11.4343891452206  L 5.08687783547794 12.7013574586397  L 0 12.7013574586397  L 0 1.29864254136032  L 5.08687783547794 1.29864254136032  L 5.08687783547794 2.56561085477938  L 1.28597284696696 2.56561085477938  Z M 8.25429863511033 12.7013574586397  L 8.25429863511033 11.4343891452206  L 9.52126696461403 11.4343891452206  L 9.52126696461403 12.7013574586397  L 8.25429863511033 12.7013574586397  Z M 10.1547511374081 12.7013574586397  L 10.1547511374081 11.4343891452206  L 11.4217194508273 11.4343891452206  L 11.4217194508273 12.7013574586397  L 10.1547511374081 12.7013574586397  Z M 13.322171953125 12.7013574586397  L 12.0552036236213 12.7013574586397  L 12.0552036236213 11.4343891452206  L 13.322171953125 11.4343891452206  L 13.322171953125 12.7013574586397  Z M 13.322171953125 8.2669683295037  L 12.0552036236213 8.2669683295037  L 12.0552036236213 7  L 13.322171953125 7  L 13.322171953125 8.2669683295037  Z M 13.322171953125 10.1674208157169  L 12.0552036236213 10.1674208157169  L 12.0552036236213 8.90045248621323  L 13.322171953125 8.90045248621323  L 13.322171953125 10.1674208157169  Z M 13.322171953125 6.36651584329047  L 12.0552036236213 6.36651584329047  L 12.0552036236213 5.09954751378677  L 13.322171953125 5.09954751378677  L 13.322171953125 6.36651584329047  Z M 13.322171953125 4.4660633409926  L 12.0552036236213 4.4660633409926  L 12.0552036236213 3.19909502757355  L 13.322171953125 3.19909502757355  L 13.322171953125 4.4660633409926  Z M 13.322171953125 2.56561085477938  L 12.0552036236213 2.56561085477938  L 12.0552036236213 1.29864254136032  L 13.322171953125 1.29864254136032  L 13.322171953125 2.56561085477938  Z M 11.4217194508273 1.29864254136032  L 11.4217194508273 2.56561085477938  L 10.1547511374081 2.56561085477938  L 10.1547511374081 1.29864254136032  L 11.4217194508273 1.29864254136032  Z M 9.52126696461403 1.29864254136032  L 9.52126696461403 2.56561085477938  L 8.25429863511033 2.56561085477938  L 8.25429863511033 1.29864254136032  L 9.52126696461403 1.29864254136032  Z M 6.35384614889711 13.9683257881434  L 6.35384614889711 0.0316742118566253  L 7.6208144784008 0.0316742118566253  L 7.6208144784008 13.9683257881434  L 6.35384614889711 13.9683257881434  Z " fill-rule="nonzero" fill="#787878" stroke="none" transform="matrix(1 0 0 1 301 488 )" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/frontend/src/renderer/src/assets/new/bi2.svg b/frontend/src/renderer/src/assets/new/bi2.svg
new file mode 100644
index 00000000..5bf477ae
--- /dev/null
+++ b/frontend/src/renderer/src/assets/new/bi2.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="14px" height="14px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 -301 -488 )">
+    <path d="M 1.28597284696696 2.56561085477938  L 1.28597284696696 11.4343891452206  L 5.08687783547794 11.4343891452206  L 5.08687783547794 12.7013574586397  L 0 12.7013574586397  L 0 1.29864254136032  L 5.08687783547794 1.29864254136032  L 5.08687783547794 2.56561085477938  L 1.28597284696696 2.56561085477938  Z M 8.25429863511033 12.7013574586397  L 8.25429863511033 11.4343891452206  L 9.52126696461403 11.4343891452206  L 9.52126696461403 12.7013574586397  L 8.25429863511033 12.7013574586397  Z M 10.1547511374081 12.7013574586397  L 10.1547511374081 11.4343891452206  L 11.4217194508273 11.4343891452206  L 11.4217194508273 12.7013574586397  L 10.1547511374081 12.7013574586397  Z M 13.322171953125 12.7013574586397  L 12.0552036236213 12.7013574586397  L 12.0552036236213 11.4343891452206  L 13.322171953125 11.4343891452206  L 13.322171953125 12.7013574586397  Z M 13.322171953125 8.2669683295037  L 12.0552036236213 8.2669683295037  L 12.0552036236213 7  L 13.322171953125 7  L 13.322171953125 8.2669683295037  Z M 13.322171953125 10.1674208157169  L 12.0552036236213 10.1674208157169  L 12.0552036236213 8.90045248621323  L 13.322171953125 8.90045248621323  L 13.322171953125 10.1674208157169  Z M 13.322171953125 6.36651584329047  L 12.0552036236213 6.36651584329047  L 12.0552036236213 5.09954751378677  L 13.322171953125 5.09954751378677  L 13.322171953125 6.36651584329047  Z M 13.322171953125 4.4660633409926  L 12.0552036236213 4.4660633409926  L 12.0552036236213 3.19909502757355  L 13.322171953125 3.19909502757355  L 13.322171953125 4.4660633409926  Z M 13.322171953125 2.56561085477938  L 12.0552036236213 2.56561085477938  L 12.0552036236213 1.29864254136032  L 13.322171953125 1.29864254136032  L 13.322171953125 2.56561085477938  Z M 11.4217194508273 1.29864254136032  L 11.4217194508273 2.56561085477938  L 10.1547511374081 2.56561085477938  L 10.1547511374081 1.29864254136032  L 11.4217194508273 1.29864254136032  Z M 9.52126696461403 1.29864254136032  L 9.52126696461403 2.56561085477938  L 8.25429863511033 2.56561085477938  L 8.25429863511033 1.29864254136032  L 9.52126696461403 1.29864254136032  Z M 6.35384614889711 13.9683257881434  L 6.35384614889711 0.0316742118566253  L 7.6208144784008 0.0316742118566253  L 7.6208144784008 13.9683257881434  L 6.35384614889711 13.9683257881434  Z " fill-rule="nonzero" fill="#ffffff" stroke="none" transform="matrix(1 0 0 1 301 488 )" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/frontend/src/renderer/src/assets/new/del.png b/frontend/src/renderer/src/assets/new/del.png
new file mode 100644
index 00000000..6dfe521b
Binary files /dev/null and b/frontend/src/renderer/src/assets/new/del.png differ
diff --git a/frontend/src/renderer/src/assets/new/del.svg b/frontend/src/renderer/src/assets/new/del.svg
new file mode 100644
index 00000000..0cf88ace
--- /dev/null
+++ b/frontend/src/renderer/src/assets/new/del.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="14px" height="14px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 -408 -488 )">
+    <path d="M 13.9522983870968 3.23185483870968  C 13.9522983870968 2.90415322580645  13.6881048387097 2.63911290322581  13.3604032258065 2.63911290322581  L 9.86153225806447 2.63911290322581  L 9.86153225806447 1.82959677419355  C 9.86153225806447 0.847338709677416  9.06217741935484 0.0479838709677409  8.07991935483869 0.0479838709677409  L 5.70302419354834 0.0479838709677409  C 4.7207661290322 0.0479838709677409  3.92141129032257 0.847338709677416  3.92141129032257 1.82959677419355  L 3.92141129032257 2.63911290322581  L 0.644395161290277 2.63911290322581  C 0.316693548387093 2.63911290322581  0.0516532258063762 2.90415322580645  0.0516532258063762 3.23185483870968  C 0.0516532258063762 3.55955645161291  0.316693548387093 3.82459677419355  0.644395161290277 3.82459677419355  L 1.6147983870967 3.82459677419355  L 1.6147983870967 11.0060887096774  C 1.6147983870967 12.3406048387097  2.70036290322582 13.4253225806452  4.0340322580646 13.4253225806452  L 9.76076612903216 13.4253225806452  C 11.0952822580646 13.4253225806452  12.1800000000001 12.3397580645161  12.1800000000001 11.0060887096774  L 12.1800000000001 3.82459677419355  L 13.3595564516129 3.82459677419355  C 13.6872580645161 3.82459677419355  13.9522983870968 3.55955645161291  13.9522983870968 3.23185483870968  Z M 5.10689516129037 2.63911290322581  L 5.10689516129037 1.82959677419355  C 5.10689516129037 1.50104838709677  5.37447580645153 1.23346774193548  5.70302419354834 1.23346774193548  L 8.08076612903233 1.23346774193548  C 8.40931451612892 1.23346774193548  8.6768951612903 1.50104838709677  8.6768951612903 1.82959677419355  L 8.6768951612903 2.63911290322581  L 5.10689516129037 2.63911290322581  Z M 10.9953629032259 11.0052419354839  C 10.9953629032259 11.6860483870968  10.4415725806452 12.2389919354839  9.7616129032258 12.2389919354839  L 4.034879032258 12.2389919354839  C 3.35407258064515 12.2389919354839  2.80112903225813 11.6852016129032  2.80112903225813 11.0052419354839  L 2.80112903225813 3.82459677419355  L 10.9962096774193 3.82459677419355  L 10.9962096774193 11.0052419354839  Z M 5.89778225806458 6.22604838709677  C 5.89778225806458 5.89834677419356  5.63274193548386 5.63330645161291  5.30504032258068 5.63330645161291  C 4.9773387096775 5.63330645161291  4.71229838709678 5.89834677419356  4.71229838709678 6.22604838709678  L 4.71229838709678 9.85193548387096  C 4.71229838709678 10.1796370967742  4.9773387096775 10.4446774193548  5.30504032258068 10.4446774193548  C 5.63274193548386 10.4446774193548  5.89778225806458 10.1796370967742  5.89778225806458 9.85193548387096  L 5.89778225806458 6.22604838709677  Z M 9.01560483870958 6.22604838709677  C 9.01560483870958 5.89834677419356  8.74971774193546 5.63330645161291  8.42286290322591 5.63330645161291  C 8.09516129032249 5.63330645161291  7.830120967742 5.89834677419356  7.830120967742 6.22604838709678  L 7.830120967742 9.85193548387096  C 7.830120967742 10.1796370967742  8.09516129032249 10.4446774193548  8.42286290322591 10.4446774193548  C 8.75056451612909 10.4446774193548  9.01560483870958 10.1796370967742  9.01560483870958 9.85193548387096  L 9.01560483870958 6.22604838709677  Z " fill-rule="nonzero" fill="#787878" stroke="none" transform="matrix(1 0 0 1 408 488 )" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/frontend/src/renderer/src/assets/new/del2.svg b/frontend/src/renderer/src/assets/new/del2.svg
new file mode 100644
index 00000000..ad837b4e
--- /dev/null
+++ b/frontend/src/renderer/src/assets/new/del2.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="14px" height="14px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 -408 -488 )">
+    <path d="M 13.9522983870968 3.23185483870968  C 13.9522983870968 2.90415322580645  13.6881048387097 2.63911290322581  13.3604032258065 2.63911290322581  L 9.86153225806447 2.63911290322581  L 9.86153225806447 1.82959677419355  C 9.86153225806447 0.847338709677416  9.06217741935484 0.0479838709677409  8.07991935483869 0.0479838709677409  L 5.70302419354834 0.0479838709677409  C 4.7207661290322 0.0479838709677409  3.92141129032257 0.847338709677416  3.92141129032257 1.82959677419355  L 3.92141129032257 2.63911290322581  L 0.644395161290277 2.63911290322581  C 0.316693548387093 2.63911290322581  0.0516532258063762 2.90415322580645  0.0516532258063762 3.23185483870968  C 0.0516532258063762 3.55955645161291  0.316693548387093 3.82459677419355  0.644395161290277 3.82459677419355  L 1.6147983870967 3.82459677419355  L 1.6147983870967 11.0060887096774  C 1.6147983870967 12.3406048387097  2.70036290322582 13.4253225806452  4.0340322580646 13.4253225806452  L 9.76076612903216 13.4253225806452  C 11.0952822580646 13.4253225806452  12.1800000000001 12.3397580645161  12.1800000000001 11.0060887096774  L 12.1800000000001 3.82459677419355  L 13.3595564516129 3.82459677419355  C 13.6872580645161 3.82459677419355  13.9522983870968 3.55955645161291  13.9522983870968 3.23185483870968  Z M 5.10689516129037 2.63911290322581  L 5.10689516129037 1.82959677419355  C 5.10689516129037 1.50104838709677  5.37447580645153 1.23346774193548  5.70302419354834 1.23346774193548  L 8.08076612903233 1.23346774193548  C 8.40931451612892 1.23346774193548  8.6768951612903 1.50104838709677  8.6768951612903 1.82959677419355  L 8.6768951612903 2.63911290322581  L 5.10689516129037 2.63911290322581  Z M 10.9953629032259 11.0052419354839  C 10.9953629032259 11.6860483870968  10.4415725806452 12.2389919354839  9.7616129032258 12.2389919354839  L 4.034879032258 12.2389919354839  C 3.35407258064515 12.2389919354839  2.80112903225813 11.6852016129032  2.80112903225813 11.0052419354839  L 2.80112903225813 3.82459677419355  L 10.9962096774193 3.82459677419355  L 10.9962096774193 11.0052419354839  Z M 5.89778225806458 6.22604838709677  C 5.89778225806458 5.89834677419356  5.63274193548386 5.63330645161291  5.30504032258068 5.63330645161291  C 4.9773387096775 5.63330645161291  4.71229838709678 5.89834677419356  4.71229838709678 6.22604838709678  L 4.71229838709678 9.85193548387096  C 4.71229838709678 10.1796370967742  4.9773387096775 10.4446774193548  5.30504032258068 10.4446774193548  C 5.63274193548386 10.4446774193548  5.89778225806458 10.1796370967742  5.89778225806458 9.85193548387096  L 5.89778225806458 6.22604838709677  Z M 9.01560483870958 6.22604838709677  C 9.01560483870958 5.89834677419356  8.74971774193546 5.63330645161291  8.42286290322591 5.63330645161291  C 8.09516129032249 5.63330645161291  7.830120967742 5.89834677419356  7.830120967742 6.22604838709678  L 7.830120967742 9.85193548387096  C 7.830120967742 10.1796370967742  8.09516129032249 10.4446774193548  8.42286290322591 10.4446774193548  C 8.75056451612909 10.4446774193548  9.01560483870958 10.1796370967742  9.01560483870958 9.85193548387096  L 9.01560483870958 6.22604838709677  Z " fill-rule="nonzero" fill="#ffffff" stroke="none" transform="matrix(1 0 0 1 408 488 )" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/frontend/src/renderer/src/assets/new/file.png b/frontend/src/renderer/src/assets/new/file.png
new file mode 100644
index 00000000..b6c18002
Binary files /dev/null and b/frontend/src/renderer/src/assets/new/file.png differ
diff --git a/frontend/src/renderer/src/assets/new/history2.svg b/frontend/src/renderer/src/assets/new/history2.svg
new file mode 100644
index 00000000..cf5a1c40
--- /dev/null
+++ b/frontend/src/renderer/src/assets/new/history2.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="18px" height="18px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 -35 -486 )">
+    <path d="M 17.9488636363636 9  C 17.9488636363636 4.05814985795453  13.9418501420455 0.051136363636374  9 0.051136363636374  C 4.05814985795453 0.051136363636374  0.051136363636374 4.05814985795453  0.051136363636374 9  C 0.051136363636374 13.9418501420455  4.05814985795453 17.9488636363636  9 17.9488636363636  C 13.9418501420455 17.9488636363636  17.9488636363636 13.9418501420455  17.9488636363636 9  Z M 14.1136363636364 10.2784090909091  C 14.1136363636364 10.6319691051136  13.8279918323864 10.9176136363636  13.4744318181818 10.9176136363636  L 7.72159090909091 10.9176136363636  C 7.36803089488637 10.9176136363636  7.08238636363637 10.6319691051136  7.08238636363637 10.2784090909091  L 7.08238636363637 4.52556818181819  C 7.08238636363637 4.17200816761363  7.36803089488637 3.88636363636363  7.72159090909091 3.88636363636363  C 8.07515092329547 3.88636363636363  8.36079545454547 4.17200816761363  8.36079545454547 4.52556818181819  L 8.36079545454547 9.63920454545453  L 13.4744318181818 9.63920454545453  C 13.8279918323864 9.63920454545453  14.1136363636364 9.92484907670453  14.1136363636364 10.2784090909091  Z " fill-rule="nonzero" fill="#ffffff" stroke="none" transform="matrix(1 0 0 1 35 486 )" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/frontend/src/renderer/src/assets/new/history3.svg b/frontend/src/renderer/src/assets/new/history3.svg
new file mode 100644
index 00000000..b7d58bf7
--- /dev/null
+++ b/frontend/src/renderer/src/assets/new/history3.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="18px" height="19px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 -550 -77 )">
+    <path d="M 13.3261363636362 17.7477272727273  C 12.7738636363636 17.0028409090909  12.2829545454545 16.1068181818182  12.1704545454545 15.675  C 16.9056818181818 14.2176136363636  17.703409090909 10.5039772727273  17.7545454545455 8.39886363636361  C 17.8772727272727 3.83238636363636  15.156818181818 0.582954545454555  10.8409090909091 0.129545454545422  C 7.90568181818185 -0.1727272727273  4.48977272727279 0.971590909090892  3.46704545454554 4.23181818181817  C 3.36477272727279 4.55568181818181  3.32386363636374 4.82556818181817  3.29318181818178 5.01988636363636  C 3.29318181818178 5.05227272727272  3.28295454545446 5.08465909090909  3.28295454545446 5.11704545454545  C 2.9454545454546 5.28977272727275  2.14772727272725 5.72159090909089  0.695454545454595 6.50965909090908  C 0.419318181818198 6.64999999999998  0.225000000000023 6.91988636363634  0.153409090909122 7.23295454545453  C 0.0818181818182211 7.5460227272727  0.143181818181802 7.88068181818178  0.31704545454545 8.1397727272727  C 0.480681818181779 8.38806818181817  0.705681818181802 8.70113636363637  0.899999999999977 8.96022727272725  C 0.981818181818198 9.0789772727273  1.06363636363642 9.17613636363636  1.11477272727279 9.2625  C 1.07386363636374 9.46761363636364  0.86931818181813 9.91022727272725  0.726136363636329 10.2017045454545  C 0.337499999999977 11.0329545454545  -0.112500000000068 11.9829545454545  0.0818181818182211 12.8573863636364  C 0.429545454545405 14.4335227272727  1.50340909090914 14.6710227272727  2.54659090909092 14.8977272727273  C 2.75113636363631 14.9409090909091  2.97613636363633 14.9948863636363  3.20113636363635 15.0488636363636  C 5.03181818181815 15.5346590909091  5.35909090909092 15.7829545454545  6.3204545454546 18.4494318181818  C 6.42272727272723 18.7409090909091  6.67840909090899 18.9136363636364  6.95454545454538 18.9136363636364  C 7.0363636363636 18.9136363636364  12.9170454545454 19.0107954545454  13.2136363636364 18.7625  C 13.5102272727272 18.5142045454545  13.5613636363636 18.0607954545455  13.3261363636362 17.7477272727273  Z M 13.2647727272727 3.99431818181822  C 13.9602272727273 4.15625  14.6045454545454 4.72840909090908  14.9113636363636 5.34375  C 15.0852272727273 5.7  15.1465909090908 6.05624999999998  15.0954545454545 6.36931818181822  C 15.5556818181817 7.125  15.5147727272727 8.1397727272727  15.2386363636363 8.87386363636364  C 14.890909090909 9.78068181818183  14.1954545454544 10.3420454545455  13.4079545454545 10.3420454545455  L 13.3874999999999 10.3420454545455  L 12.7738636363636 10.3852272727273  C 12.4159090909091 10.9357954545455  11.9863636363636 11.3676136363636  11.6079545454545 11.75625  C 10.9124999999999 12.4579545454546  10.3704545454544 13.0193181818182  10.1761363636363 14.0664772727273  L 8.49886363636358 13.7210227272727  C 8.7136363636364 12.5335227272727  9.23522727272723 11.7454545454546  9.79772727272723 11.1085227272727  C 9.53181818181804 10.9465909090909  9.2863636363636 10.7414772727273  9.08181818181811 10.5039772727273  C 8.69318181818187 10.0289772727273  8.5090909090909 9.47840909090908  8.53977272727263 8.91704545454544  C 7.62954545454545 8.66875  6.53522727272718 8.075  6.0545454545454 7.25454545454542  C 5.80909090909086 6.82272727272728  5.72727272727275 6.3585227272727  5.82954545454538 5.91590909090908  C 5.60454545454547 5.41931818181817  5.66590909090905 4.79318181818181  5.89090909090908 4.31818181818178  C 6.13636363636351 3.81079545454547  6.55568181818171 3.49772727272727  7.01590909090908 3.44375000000002  C 7.4556818181818 2.85000000000002  8.11022727272723 2.47215909090909  8.83636363636367 2.39659090909092  C 9.39886363636367 2.34261363636364  9.94090909090903 2.47215909090909  10.3806818181819 2.77443181818181  C 10.9738636363636 2.5477272727273  11.6999999999999 2.67727272727272  12.2624999999999 2.96875  C 12.7431818181817 3.22784090909092  13.1011363636363 3.58409090909092  13.2647727272727 3.99431818181822  Z M 13.3977272727273 8.89545454545456  C 13.7249999999999 8.91704545454544  13.9193181818182 8.47443181818178  13.9704545454545 8.33409090909092  C 14.1545454545453 7.83749999999998  14.1034090909091 7.25454545454542  13.8579545454545 7.01704545454547  C 13.7249999999999 6.89829545454545  13.6431818181818 6.7039772727273  13.6329545454544 6.50965909090908  C 13.6329545454544 6.3585227272727  13.6738636363636 6.21818181818183  13.7454545454544 6.08863636363634  C 13.7045454545454 5.98068181818181  13.5818181818181 5.77556818181822  13.3670454545454 5.60284090909092  C 13.1727272727272 5.45170454545453  12.9784090909091 5.37613636363636  12.8454545454545 5.39772727272725  C 12.6306818181818 5.44090909090909  12.4056818181818 5.37613636363636  12.2420454545454 5.21420454545455  C 12.0784090909091 5.05227272727272  12.0068181818182 4.82556818181817  12.0374999999999 4.58806818181822  C 12.0170454545454 4.52329545454545  11.8125 4.28579545454542  11.4034090909091 4.15625  C 11.0863636363636 4.05909090909091  10.8613636363636 4.10227272727272  10.8 4.16704545454544  C 10.6670454545455 4.30738636363634  10.4829545454545 4.39375  10.2886363636363 4.38295454545455  C 10.0943181818182 4.37215909090911  9.9204545454545 4.27499999999998  9.79772727272723 4.12386363636364  C 9.62386363636358 3.90795454545453  9.32727272727266 3.8  9 3.83238636363636  C 8.5704545454546 3.87556818181817  8.19204545454545 4.13465909090908  7.99772727272727 4.53409090909089  C 7.84431818181815 4.83636363636361  7.5272727272727 4.97670454545455  7.21022727272725 4.8903409090909  C 7.11818181818171 4.9227272727273  7.04659090909092 5.16022727272725  7.06704545454545 5.27897727272727  C 7.29204545454547 5.49488636363634  7.35340909090905 5.85113636363639  7.21022727272725 6.14261363636363  C 7.14886363636367 6.26136363636364  7.13863636363635 6.34772727272725  7.23068181818178 6.50965909090908  C 7.56818181818187 7.09261363636364  8.81590909090903 7.61079545454547  9.39886363636367 7.61079545454547  L 9.40909090909088 7.61079545454547  C 9.64431818181811 7.61079545454547  9.86931818181813 7.74034090909092  9.9920454545454 7.95625  C 10.1147727272728 8.1721590909091  10.125 8.4528409090909  10.0124999999999 8.66874999999997  C 9.91022727272718 8.87386363636364  9.80795454545444 9.17613636363636  10.125 9.55397727272725  C 10.3295454545454 9.80227272727272  10.6261363636363 9.9534090909091  10.8613636363636 10.0073863636364  C 11.1477272727273 9.69431818181819  11.4034090909091 9.38125000000002  11.5977272727272 9.00340909090909  L 11.6999999999999 9.05738636363634  C 11.7715909090908 9.02499999999998  11.8534090909091 8.99261363636361  11.9454545454546 8.99261363636361  L 13.3363636363636 8.89545454545456  L 13.3977272727273 8.89545454545456  Z " fill-rule="nonzero" fill="#ffffff" stroke="none" transform="matrix(1 0 0 1 550 77 )" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/frontend/src/renderer/src/views/Dashboard.vue b/frontend/src/renderer/src/views/Dashboard.vue
index e848917f..8a1cd44b 100644
--- a/frontend/src/renderer/src/views/Dashboard.vue
+++ b/frontend/src/renderer/src/views/Dashboard.vue
@@ -24,7 +24,6 @@
             </div>
           </div>
           <el-table ref="tableRef" :data="patients" style="width: 100%;height: calc(100% - 100px);" 
-           
             @cell-click="selectPatient"
             highlight-current-row>
             <el-table-column type="index" label="序号" width="60" />
@@ -219,7 +218,7 @@
     <PatientProfile v-if="isPatientProfile" 
     :PatientProfileType="true"
     :selectedPatient="selectedPatient"
-     @endChange="endChange"/>
+     @closePatientProfile="closePatientProfile"/>
   </div>
 </template>
 
@@ -613,6 +612,9 @@ function closecreatbox(e){
 function endChange(){
   isDetection.value = false
 }
+function closePatientProfile(){
+  isPatientProfile.value =false
+}
 function handleCurrentChange (val)  {
  page.value = val
  loadPatients()
@@ -1055,31 +1057,31 @@ function editClick(){
 }
 </style>
 <style>
-.dashboard-container.dashboard-container-home .el-table {
+.dashboard-container .main-dashboard-content .el-table {
   background: transparent !important;
 }
 
-.dashboard-container.dashboard-container-home .el-table tr {
+.dashboard-container .main-dashboard-content .el-table tr {
   background-color: transparent !important;
 }
 
-.dashboard-container.dashboard-container-home .el-table thead.is-group th.el-table__cell {
+.dashboard-container .main-dashboard-content .el-table thead.is-group th.el-table__cell {
   background-color: transparent !important;
 }
 
-.dashboard-container.dashboard-container-home .cell {
+.dashboard-container .main-dashboard-content .cell {
   color: #fff;
 }
 
-.dashboard-container.dashboard-container-home .el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell {
+.dashboard-container .main-dashboard-content .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 {
+.dashboard-container .main-dashboard-content .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 {
+.dashboard-container .main-dashboard-content .el-table td.el-table__cell {
   background-color: #282828 !important;
 
 }
@@ -1088,51 +1090,51 @@ function editClick(){
   border-right: transparent !important;
 }
 
-.dashboard-container.dashboard-container-home .el-table--border .el-table__inner-wrapper:after,
+.dashboard-container .main-dashboard-content .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,
+.dashboard-container .main-dashboard-content .el-table__border-bottom-patch,
 .el-table__border-left-patch {
   background-color: #787878;
 }
 
-.dashboard-container.dashboard-container-home .el-input__wrapper {
+.dashboard-container .main-dashboard-content .el-input__wrapper {
   box-shadow: none;
 }
 
-.dashboard-container.dashboard-container-home .el-table__cell {
+.dashboard-container .main-dashboard-content .el-table__cell {
   border-bottom: 1px solid #787878;
 }
 
-.dashboard-container.dashboard-container-home .el-table__cell {
+.dashboard-container .main-dashboard-content .el-table__cell {
   border-bottom: 1px solid #787878;
 }
 
-.dashboard-container.dashboard-container-home .el-table__header th {
+.dashboard-container .main-dashboard-content .el-table__header th {
   border-color: #787878;
 }
 
-.dashboard-container.dashboard-container-home .el-dialog {
+.dashboard-container .main-dashboard-content .el-dialog {
   background-color: rgba(85, 85, 85, 1);
 }
 
-.dashboard-container.dashboard-container-home .el-dialog__title {
+.dashboard-container .main-dashboard-content .el-dialog__title {
   color: #ffffff;
 }
 
-.dashboard-container.dashboard-container-home .el-dialog__headerbtn .el-dialog__close {
+.dashboard-container .main-dashboard-content .el-dialog__headerbtn .el-dialog__close {
   font-size: 25px;
 }
 
-.dashboard-container.dashboard-container-home .el-dialog__footer {
+.dashboard-container .main-dashboard-content .el-dialog__footer {
   text-align: center;
 }
 
-.dashboard-container.dashboard-container-home .dialog-footer .el-button {
+.dashboard-container .main-dashboard-content .dialog-footer .el-button {
   background: linear-gradient(to right, #F135A6, #A005D8);
   border: none;
   color: #ffffff;
@@ -1161,31 +1163,31 @@ function editClick(){
 .primary-view-buttons:hover{
   background-color: rgb(52, 119, 254);
 }
-.dashboard-container.dashboard-container-home  .el-table--enable-row-hover .el-table__body tr:hover > td { 
+.dashboard-container .main-dashboard-content  .el-table--enable-row-hover .el-table__body tr:hover > td { 
   background-color: #363636 !important; /* 自定义浅蓝底色 */ 
 } 
  
-.dashboard-container.dashboard-container-home .el-table .el-table__row.current-row td{
+.dashboard-container .main-dashboard-content .el-table .el-table__row.current-row td{
   background-color: #282f3d !important;
   border-top:1px solid rgba(38, 111, 255, 1);
   border-bottom:1px solid rgba(38, 111, 255, 1)
 }
-.dashboard-container.dashboard-container-home .el-table .el-table__row.current-row td:last-child{
+.dashboard-container .main-dashboard-content .el-table .el-table__row.current-row td:last-child{
   border-right:1px solid rgba(38, 111, 255, 1);
 }
-.dashboard-container.dashboard-container-home .el-table .el-table__row.current-row td:first-child{
+.dashboard-container .main-dashboard-content .el-table .el-table__row.current-row td:first-child{
   border-left:1px solid rgba(38, 111, 255, 1);
 }
-.dashboard-container.dashboard-container-home .el-table .el-table__row.current-row:last-child td{
+.dashboard-container .main-dashboard-content .el-table .el-table__row.current-row:last-child td{
   border-bottom:2px solid rgba(38, 111, 255, 1)
 }
 
-.dashboard-container.dashboard-container-home  .el-table .el-table__body tr td {
+.dashboard-container .main-dashboard-content  .el-table .el-table__body tr td {
   height: 50px !important; 
 }
  
 /* 设置表头行高 */
-.dashboard-container.dashboard-container-home .el-table .el-table__header tr th {
+.dashboard-container .main-dashboard-content .el-table .el-table__header tr th {
   height: 50px !important;
 }
 
diff --git a/frontend/src/renderer/src/views/PatientProfile.vue b/frontend/src/renderer/src/views/PatientProfile.vue
index 1e83e478..8bbae2ef 100644
--- a/frontend/src/renderer/src/views/PatientProfile.vue
+++ b/frontend/src/renderer/src/views/PatientProfile.vue
@@ -4,19 +4,198 @@
       <div style="display: flex; align-items: center;">
         <div class="patientprofiletext1" style="padding-right: 40px;">患者档案</div>
         <div class="patientprofiletext2" style="margin-right: 20px;">{{ selectedPatient.name }}</div>
-        <div class="patientprofiletext3"> {{ selectedPatient.gender =='male'||selectedPatient.gender =='男' ?'男':'女' }}</div>
+        <div class="patientprofiletext3">{{ selectedPatient.gender }}</div>
         <div class="username-line"></div>
         <div class="patientprofiletext3">{{ calculateAge(selectedPatient.birth_date) }}</div>
       </div>
-      <img src="@/assets/new/close.png" alt="">
+      <img src="@/assets/new/close.png" alt="" style="cursor: pointer;" @click="handleCancel">
     </div>
     <div class="patientprofile-container">
-      <div>
-        <div class="patientprofile-container-leftbox"></div>
-        <div class="patientprofile-container-leftbottombox"></div>
+      <div style="height: 100%;width: 500px;margin-right: 15px;">
+        <div class="patientprofile-container-leftbox">
+          <div class="patientprofile-title-display" style="margin-bottom:30px">
+            <div class="patientprofile-son-display">
+              <img src="@/assets/new/title4.svg" alt="" style="margin-right: 8px;">
+              <div class="body-posture-text">用户信息</div>
+            </div>
+            <div class="patientprofile-son-display"></div>
+          </div>
+          <div class="patientprofile-userinfo-box">
+            <div class="patientprofile-userinfo-text1">用户姓名：</div>
+            <div class="patientprofile-userinfo-text2">{{ selectedPatient.name }}</div>
+            <div class="patientprofile-userinfo-text1">用户ID：</div>
+            <div class="patientprofile-userinfo-text2">{{ selectedPatient.id }}</div>
+          </div>
+          <div class="patientprofile-userinfo-box">
+            <div class="patientprofile-userinfo-text1">性别：</div>
+            <div class="patientprofile-userinfo-text2">{{ selectedPatient.gender }}</div>
+            <div class="patientprofile-userinfo-text1">出生日期：</div>
+            <div class="patientprofile-userinfo-text2">{{ selectedPatient.birth_date }}</div>
+          </div>
+          <div class="patientprofile-userinfo-box">
+            <div class="patientprofile-userinfo-text1">年龄：</div>
+            <div class="patientprofile-userinfo-text2">{{ calculateAge(selectedPatient.birth_date) }}</div>
+            <div class="patientprofile-userinfo-text1">民族：</div>
+            <div class="patientprofile-userinfo-text2">{{ selectedPatient.nationality }}</div>
+          </div>
+          <div class="patientprofile-userinfo-box">
+            <div class="patientprofile-userinfo-text1">居住地：</div>
+            <div class="patientprofile-userinfo-text2">{{ selectedPatient.residence }}</div>
+            <div class="patientprofile-userinfo-text1">身高：</div>
+            <div class="patientprofile-userinfo-text2">{{ selectedPatient.height }}cm</div>
+          </div>
+          <div class="patientprofile-userinfo-box">
+            <div class="patientprofile-userinfo-text1">体重：</div>
+            <div class="patientprofile-userinfo-text2">{{ selectedPatient.weight }}kg</div>
+            <div class="patientprofile-userinfo-text1">鞋码：</div>
+            <div class="patientprofile-userinfo-text2">{{ selectedPatient.shoe_size }}码</div>
+          </div>
+          <div class="patientprofile-userinfo-box">
+            <div class="patientprofile-userinfo-text1">电话：</div>
+            <div class="patientprofile-userinfo-text2">{{ selectedPatient.phone }}</div>
+            <div class="patientprofile-userinfo-text1">邮箱：</div>
+            <div class="patientprofile-userinfo-text2">{{ selectedPatient.email }}</div>
+          </div>
+          <div class="patientprofile-userinfo-box">
+            <div class="patientprofile-userinfo-text1">职业：</div>
+            <div class="patientprofile-userinfo-text2">{{ selectedPatient.occupation }}</div>
+            <div class="patientprofile-userinfo-text1">证件号：</div>
+            <div class="patientprofile-userinfo-text2">{{ selectedPatient.workplace }}</div>
+          </div>
+        </div>
+        <div class="patientprofile-container-leftbottombox">
+          <div class="patientprofile-title-display">
+            <div class="patientprofile-son-display">
+              <img src="@/assets/new/history2.svg" alt="" style="margin-right: 8px;">
+              <div class="body-posture-text">检测记录（9次）</div>
+            </div>
+            <div class="patientprofile-son-display">
+              <el-button v-if="selectedPatient" type="primary" 
+              :class="selectedData.leng == 2? 'patientprofile-selectedbutotn':'patientprofile-butotn'" 
+                @click="viewPatientProfile">
+                <img src="@/assets/new/bi.svg" alt="" style="margin-right: 8px;">
+                报告对比
+              </el-button>
+              <el-button v-if="selectedPatient" type="primary" 
+              :class="selectedData.leng>0? 'patientprofile-selectedbutotn':'patientprofile-butotn'"  
+                @click="viewPatientProfile">
+                <img src="@/assets/new/del.svg" alt="" style="margin-right: 8px;">
+                  删除记录
+              </el-button>
+            </div>
+          </div>
+          <el-table :data="recordData" style="
+            margin-left: 10px;
+            margin-top: 10px;
+            width: calc(100% - 20px);height: calc(100% - 70px);" 
+            @cell-click="selectRecord" @selection-change="handleSelectionChange"
+            highlight-current-row>
+            <el-table-column type="selection" width="30" />
+            <el-table-column prop="id" label="患者ID" width="70" />
+            <el-table-column prop="created_at" label="就诊时间" width="100" align="center" />            
+            <el-table-column prop="doctor" label="测试医生" min-width="80" align="center" />
+            <el-table-column prop="report" label="报告"  width="60">
+              <template #default="scope">
+                <div 
+                v-if="scope.row.report == null"
+                style="width:28px;    
+                font-weight: 400;
+                font-style: normal;
+                font-size: 14px;
+                color: #266FFF;
+                line-height: 18px;
+                cursor: pointer;">生成报告</div>
+                <div class="patientprofile-file-box" v-if="scope.row.report != null">
+                  <img src="@/assets/new/file.png" alt="" @click="fileClick(scope.row)">
+                  <img src="@/assets/new/del.png" class="patientprofile-del" alt=""
+                  @click="deleteClick(scope.row)">
+                </div>
+              </template>
+            </el-table-column>
+            <el-table-column  label="操作" width="60">
+              <template #default="scope">
+               <span 
+               style="font-weight: 400;
+                font-style: normal;
+                font-size: 14px;
+                color: #FF3300;
+                cursor: pointer;"
+                @click="deleteClick(scope.row.id)">删除</span>
+              </template>
+            </el-table-column>
+          </el-table>
+        </div>
       </div>
-      <div>
-        <div class="patientprofile-container-rightbox"></div>
+      <div class="patientprofile-container-rightbox">
+        <div class="patientprofile-title-display">
+          <div class="patientprofile-son-display">
+            <img src="@/assets/new/history3.svg" alt="" style="margin-right: 8px;">
+            <div class="body-posture-text">就诊档案</div>
+          </div>
+          <div class="patientprofile-son-display">
+            <div class="patientprofile-son-text">测试医生：李莉莉</div>
+            <div class="patientprofile-son-text">就诊时间：2025年10月20日 10:48:23</div>
+            <div class="patientprofile-son-text">档案ID：25002</div>
+          </div>
+        </div>
+        <div class="patientprofile-container-bottombox">
+          <div class="patientprofile-container-data">
+            <div class="patientprofile-container-data-displaycup">
+              <div class="patientprofile-container-data-display">
+                <div class="patientprofile-container-data-line"></div>
+                <div class="patientprofile-container-data-title">检测数据</div>
+              </div>
+              <div>
+                <el-button type="primary" 
+                  class="button-width70"
+                 :class="selectedData.leng == 2? 'patientprofile-selectedbutotn':'patientprofile-butotn'" 
+                  @click="viewPatientProfile">
+                  <img src="@/assets/new/bi.svg" alt="" style="margin-right: 8px;">
+                  查看
+                </el-button>
+                <el-button class="button-width70" type="primary" 
+                 :class="selectedData.leng>0? 'patientprofile-selectedbutotn':'patientprofile-butotn'"  
+                  @click="viewPatientProfile">
+                  <img src="@/assets/new/del.svg" alt="" style="margin-right: 8px;">
+                    删除
+                </el-button>
+              </div>
+            </div>
+            <div class="patientprofile-container-databg"></div>
+          </div>
+          <div class="patientprofile-container-video">
+            <div class="patientprofile-container-data-displaycup">
+              <div class="patientprofile-container-data-display">
+                <div class="patientprofile-container-data-line"></div>
+                <div class="patientprofile-container-data-title">检测视频</div>
+              </div>
+              <el-button class="button-width70" type="primary" 
+                :class="selectedData.leng>0? 'patientprofile-selectedbutotn':'patientprofile-butotn'"  
+                @click="viewPatientProfile">
+                <img src="@/assets/new/del.svg" alt="" style="margin-right: 8px;">
+                  删除
+              </el-button>
+            </div>
+            <div class="patientprofile-container-databg"></div>
+          </div>
+          <div class="patientprofile-container-info">
+            <div class="patientprofile-container-data-displaycup">
+              <div class="patientprofile-container-data-display">
+                <div class="patientprofile-container-data-line"></div>
+                <div class="patientprofile-container-data-title">检测数据</div>
+              </div>
+              <el-button type="primary" 
+                class="button-width70"
+                :class="selectedData.leng == 2? 'patientprofile-selectedbutotn':'patientprofile-butotn'" 
+                @click="viewPatientProfile">
+                <img src="@/assets/new/bi.svg" alt="" style="margin-right: 8px;">
+                查看
+              </el-button>
+            
+            </div>
+            <div class="patientprofile-container-databg"></div>
+          </div>
+        </div>
       </div>
     </div>
   </div>
@@ -27,7 +206,6 @@ import { ref, reactive, computed, onMounted, isShallow } from 'vue'
 import { useRouter, useRoute } from 'vue-router'
 import { ElMessage, ElMessageBox } from 'element-plus'
 import { patientAPI, detectionAPI,historyAPI,getBackendUrl } from '@/services/api.js'
-import Header from '@/views/Header.vue'
 import { useAuthStore } from '@/stores/index.js'
 const emit = defineEmits([ 'endChange']);
 const props = defineProps({
@@ -37,6 +215,37 @@ const props = defineProps({
     default: null
   }
 })
+const selectedRecord = ref({})
+const recordData =ref([{
+  id: 1,
+  name: '张三',
+  sex: '男',
+  age: 18,
+  phone: '12345678901',
+  address: '中国',
+  description: '这是一个测试患者',
+  created_at: '2021-01-01 00:00:00',
+  updateTime: '2021-01-01 00:00:00',
+  status: '正常',
+  isDeleted: false,
+
+},{
+  id: 2,
+  name: '张三',
+  sex: '男',
+  age: 18,
+  phone: '12345678901',
+  address: '中国',
+  description: '这是一个测试患者',
+  created_at: '2021-01-01 00:00:00',
+  updateTime: '2021-01-01 00:00:00',
+  report: '正常',
+  isDeleted: false,
+
+}
+
+])
+const selectedData = ref([])
 const calculateAge = (birthDate) => { // 获取年龄
   if (!birthDate) return '—'
   const today = new Date()
@@ -48,6 +257,77 @@ const calculateAge = (birthDate) => { // 获取年龄
   }
   return age
 }
+function handleCancel(){
+  emit('closePatientProfile',false)
+}
+
+function selectRecord(data){ // 列表点击单选
+  selectedRecord.value = data
+}
+const handleSelectionChange = (val) => { // 列表多选
+  multipleSelection.value = val
+}
+
+const sessionsInit = async () => {
+  try {
+    debugger
+    let params ={
+      patient_id: props.selectedPatient.id
+    }
+    // 导出报告逻辑
+    const response = await historyAPI.sessionsPage(params)
+    if (response.success) {
+      response.data.sessions.forEach(element => {
+        element.list = [{}]
+      });
+      recordData.value =  response.data.sessions
+    }
+  } catch (error) {
+    ElMessage.error('获取失败')
+  }
+}
+onMounted(() => {
+  
+  // sessionsInit()
+  
+})
+function deleteClick(row){
+  // 检查状态是否为 checking
+  if (row.status === 'checking') {
+    ElMessage.warning({
+      message: '平衡体态检查中，不能删除！',
+      duration: 3000
+    });
+    return;
+  }
+
+  ElMessageBox.confirm(
+    '确定义删除此条数据?',
+    '提示',
+    {
+      confirmButtonText: '确定',
+      cancelButtonText: '取消',
+      type: 'warning',
+    }
+  ).then(() => {
+      historyAPI.sessionsDelById(row.id).then((response)=>{
+        if(response.success){
+          ElMessage.success({
+            message: response.message,
+            duration: 5000
+          });
+          sessionsInit()
+        }
+      }).catch(()=>{
+      })
+    })
+}
+function fileClick(row){
+  ElMessage.success({
+      message: '预览文件',
+      duration: 3000
+    });
+}
 </script>
 
 <style scoped>
@@ -98,7 +378,6 @@ const calculateAge = (birthDate) => { // 获取年龄
 .patientprofile-container{
   width: 100%;
   height: calc(100vh - 75px);
-  background: red;
   padding: 0 15px;
   box-sizing: border-box;
   display: flex;
@@ -106,14 +385,277 @@ const calculateAge = (birthDate) => { // 获取年龄
 .patientprofile-container-leftbox{
   width: 500px;
   height: 395px;
-  background: blue;
+  background-color: rgba(40, 40, 40, 1);
+  border-radius: 5px;
 }
 .patientprofile-container-leftbottombox{
+  margin-top: 15px;
   width: 500px;
-  height: calc(100% - 395px -15px) ;
-  background: blue;
+  height: calc(100% - 395px - 15px) ;
+  background-color: rgba(40, 40, 40, 1);
+  border-radius: 5px;
 }
 .patientprofile-container-rightbox{
+  width: calc(100% - 500px - 15px) ;
+  height: 100%;
+  background-color: rgba(40, 40, 40, 1);
+  border-radius: 5px;
+}
+
+.patientprofile-title-display{
+  width: 100%;
+  height: 50px;
+  border-bottom: 1px solid #000;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  box-sizing: border-box;
+  padding: 0 20px;
+  font-weight: 700;
+  font-style: normal;
+  font-size: 18px;
+  color: #FFFFFF;
+}
+.patientprofile-son-display{
+  display: flex;
+  align-items: center;
+}
+.patientprofile-connecttext{
+  font-weight: 700;
+  font-style: normal;
+  font-size: 16px;
+}
+.patientprofile-userinfo-box{
+  width: 100%;
+  display: flex;
+  align-items: center;
+  box-sizing: border-box;
+  padding-left: 30px;
+  margin-bottom: 22px;
+}
+.patientprofile-userinfo-text1{
+  width: 75px;
+  font-weight: 400;
+  font-style: normal;
+  font-size: 14px;
+  color: #949494;
+}
+.patientprofile-userinfo-text2{
+  width: 150px;
+  font-weight: 400;
+  font-style: normal;
+  font-size: 14px;
+  color: #FFFFFF;
+}
+.patientprofile-butotn{
+  width: 98px;
+  height: 30px;
+  background: inherit;
+  background-color: rgba(64, 64, 64, 1);
+  border-radius: 4px;
+  box-shadow: 0 0 0 rgba(64, 64, 64, 1);
+  border-color: rgba(64, 64, 64, 1);
+  font-weight: 400;
+  font-style: normal;
+  font-size: 14px;
+  color: rgb(120, 120, 120);
+  cursor: default;
+}
+.patientprofile-selectedbutotn{
+  width: 98px;
+  height: 30px;
+  background-color: rgba(38, 111, 255, 1);
+  border-radius: 4px;
+  box-shadow: 0 0 0 rgba(38, 111, 255, 1);
+  border-color: rgba(38, 111, 255, 1);
+  font-weight: 400;
+  font-style: normal;
+  font-size: 14px;
+  color: #fff;
+  cursor: pointer;
+}
+
+</style>
+<style>
+.patient-profile-container .el-table {
+  background: transparent !important;
+}
+
+.patient-profile-container .el-table tr {
+  background-color: transparent !important;
+}
+
+.patient-profile-container .el-table thead.is-group th.el-table__cell {
+  background-color: transparent !important;
+}
+
+.patient-profile-container .cell {
+  color: #fff;
+}
+
+.patient-profile-container .el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell {
+  background-color: transparent !important;
+}
+
+.patient-profile-container .el-table th.el-table__cell.is-leaf {
+  background-color: rgb(70, 70, 70) !important;
+}
+.patient-profile-container .el-table th.el-table__cell.is-leaf{
+  border-bottom: 1px solid rgba(54, 54, 54, 1);
+}
+.patient-profile-container .el-table td.el-table__cell {
+  background-color: #282828 !important;
+  border-bottom: 1px solid rgba(54, 54, 54, 1);
+}
+.patient-profile-container .el-table td.el-table__cell:hover {
+  background-color: #363636 !important; /* 自定义浅蓝底色 */ 
+}
+.patient-profile-container .el-table .cell{
+  font-size: 14px !important;
+}
+.el-table--border .el-table__cell {
+  border-right: transparent !important;
+}
+
+.patient-profile-container .el-table--border .el-table__inner-wrapper:after,
+.el-table--border:after,
+.el-table--border:before,
+.el-table__inner-wrapper:before {
+  background-color: #787878;
+}
+
+.patient-profile-container .el-table__border-bottom-patch,
+.el-table__border-left-patch {
+  background-color: #787878;
+}
+
+.patient-profile-container .el-input__wrapper {
+  box-shadow: none;
+}
+
+.patient-profile-container .el-table__cell {
+  border-bottom: 1px solid #787878;
+}
+
+.patient-profile-container .el-table__cell {
+  border-bottom: 1px solid #787878;
+}
+
+.patient-profile-container .el-table__header th {
+  border-color: #787878;
+}
+
+.patient-profile-container .el-dialog {
+  background-color: rgba(85, 85, 85, 1);
+}
+
+.patient-profile-container .el-dialog__title {
+  color: #ffffff;
+}
+
+.patient-profile-container .el-dialog__headerbtn .el-dialog__close {
+  font-size: 25px;
+}
+.patientprofile-file-box{
+  position: relative;
+  width: 19px;
+  height: 24px;
+  margin-top: 5px;
+  cursor: pointer;
+}
+
+.patientprofile-del{
+  position: absolute;
+  left: -5px;
+  top: -5px;
+  display: none;
+  z-index: 1;
+}
+.patientprofile-file-box:hover .patientprofile-del{
+  display: block;
+}
+.patient-profile-container .el-checkbox__inner{
+  background-color: rgba(255, 255, 255, 0);
+  border-color: rgba(120, 120, 120, 1);
+  width: 16px;
+  height: 16px;
+}
+.patient-profile-container .el-checkbox__input.is-indeterminate .el-checkbox__inner{
+  background-color: rgba(38, 111, 255, 1);
+  border-color: rgba(38, 111, 255, 1);
 
 }
+.patient-profile-container .el-checkbox__input.is-indeterminate .el-checkbox__inner:before{
+  top: 6px;
+}
+.patient-profile-container .el-checkbox__input.is-checked .el-checkbox__inner{
+  background-color: rgba(38, 111, 255, 1);
+  border-color: rgba(38, 111, 255, 1);
+
+}
+.patient-profile-container .el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell{
+  background-color: #363636 !important;
+}
+.patientprofile-son-text{
+  font-weight: 700;
+  font-style: normal;
+  font-size: 14px;
+  color: #FFFFFF;
+  padding-left: 30px;
+}
+.patientprofile-container-bottombox{
+  width: 100%;
+  height: calc(100% - 50px);
+  background: red;
+  padding: 20px;
+  box-sizing: border-box;
+}
+.patientprofile-container-data{
+  width: 100%;
+  height: 32%;
+  
+}
+.patientprofile-container-databg{
+  width: 100%;
+  height: calc(100% - 30px);
+  background-color: rgba(27, 27, 27, 1);
+  border-radius: 10px;
+}
+.patientprofile-container-video{
+  width: 100%;
+  height: 32%;
+  margin-top: 5px;
+}
+.patientprofile-container-info{
+  width: 100%;
+  height: 36%;
+  margin-top: 5px;
+}
+
+.patientprofile-container-data-displaycup{
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding-bottom: 5px;
+}
+.patientprofile-container-data-display{
+  display: flex;
+  align-items: center;
+}
+.patientprofile-container-data-line{
+  width: 4px;
+  height: 13px;
+  background-color: rgba(38, 111, 255, 1);
+  margin-right: 3px;
+}
+.patientprofile-container-data-title{
+  font-weight: 700;
+  font-style: normal;
+  font-size: 15px;
+  color: #FFFFFF;
+}
+.button-width70{
+  width: 70px !important;
+  height: 26px !important;
+}
 </style>
\ No newline at end of file