bonus
/
sh_real_name_system_web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

首页完善

This commit is contained in:
BianLzhaoMin 2025-08-08 13:28:46 +08:00
parent 033efb8a09
commit b68c91fe4e
28 changed files with 310 additions and 95 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/assets/icons/svg/all-project.svg Normal file
View File

@ -0,0 +1 @@
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1754630806797" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8167" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M90.209524 410.819048l350.323809 220.190476c19.352381 12.190476 44.8 18.895238 71.619048 18.895238 26.361905 0 52.266667-6.704762 71.619048-18.895238L934.095238 410.819048c23.771429-15.238095 37.485714-37.485714 37.485714-61.561905 0-24.380952-13.714286-46.780952-37.485714-61.561905L583.771429 67.504762c-39.009524-24.380952-103.771429-24.380952-142.780953 0L90.209524 287.695238c-23.771429 14.780952-37.485714 37.485714-37.485714 61.561905 0 24.228571 13.714286 46.780952 37.485714 61.561905z m352.914286 376.685714c19.352381 13.257143 44.190476 19.352381 69.028571 19.352381 24.838095 0 49.371429-6.247619 69.028571-19.352381L960 533.333333c14.171429-9.6 17.828571-28.952381 8.533333-43.27619-4.72381-6.704762-11.580952-11.580952-19.352381-13.257143-8.07619-1.52381-16.304762 0-23.314285 4.72381L547.047619 735.695238c-17.828571 12.190476-51.2 12.190476-69.028571 0l-379.276191-254.47619c-6.704762-4.72381-15.238095-6.247619-23.314286-4.72381-8.07619 1.52381-15.238095 6.247619-19.961904 13.257143-9.6 14.171429-5.638095 33.67619 8.533333 43.27619l379.12381 254.476191z m482.742857-137.904762L547.047619 903.619048c-17.828571 12.190476-51.2 12.190476-69.028571 0L99.352381 649.6c-14.171429-9.6-33.67619-5.638095-43.276191 8.533333-9.6 14.171429-5.638095 33.67619 8.533334 43.276191L443.428571 955.27619c19.352381 13.257143 44.190476 19.352381 69.028572 19.352381s49.371429-6.247619 69.028571-19.352381l378.666667-253.561904c13.257143-10.057143 16.304762-28.495238 7.466667-42.209524-9.142857-14.32381-27.580952-18.438095-41.752381-9.904762z" fill="#1296db" p-id="8168"></path></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.9 KiB

1
src/assets/icons/svg/clock-in.svg Normal file
View File

@ -0,0 +1 @@
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1754630288249" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="47168" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M849.170732 0c97.404878 0 174.829268 77.42439 174.829268 174.829268v674.341464c0 97.404878-77.42439 174.829268-174.829268 174.829268H174.829268c-97.404878 0-174.829268-77.42439-174.829268-174.829268V174.829268c0-97.404878 77.42439-174.829268 174.829268-174.829268h674.341464zM482.029268 322.185366c-42.458537 0-77.42439 32.468293-79.921951 74.926829V599.414634l-7.492683-7.492683-2.497561-2.497561c-32.468293-27.473171-82.419512-22.478049-109.892683 7.492683l-4.995122 2.497561-2.497561 2.497561c-24.97561 32.468293-22.478049 82.419512 7.492683 109.892683l2.497561 2.497561 102.4 87.414634h359.648781v-199.804878c0-27.473171-19.980488-49.95122-47.453659-52.44878H559.453659v-149.853659c2.497561-42.458537-32.468293-77.42439-77.424391-77.42439z m0 52.44878c14.985366 0 24.97561 9.990244 27.473171 24.97561v204.8h184.819512v199.804878h-234.770731l-62.439025-59.941463-77.42439-64.936586c-12.487805-9.990244-14.985366-27.473171-7.492683-39.960975l2.497561-2.497561 2.497561-2.497561c9.990244-12.487805 27.473171-14.985366 39.960976-7.492683l2.49756 2.497561 2.497561 2.497561 94.907318 82.419512V402.107317c-2.497561-14.985366 9.990244-27.473171 24.975609-27.473171z m-2.497561-154.84878c-94.907317 0-172.331707 77.42439-172.331707 172.331707 0 44.956098 17.482927 84.917073 47.453659 117.385366l4.995121 4.995122v-117.385366c-2.497561-42.458537 19.980488-84.917073 57.443903-107.395122 37.463415-22.478049 82.419512-24.97561 122.380488-2.497561 37.463415 19.980488 59.941463 57.443902 62.439024 99.902439V514.497561c32.468293-32.468293 52.44878-77.42439 49.95122-122.380488 0-94.907317-77.42439-172.331707-172.331708-172.331707z" fill="#38B781" p-id="47169"></path></svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

1
src/assets/icons/svg/finish-project.svg Normal file
View File

@ -0,0 +1 @@
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1754621726158" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="22830" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M806.4 681.3c-13.7 0-22.7 9.1-22.7 22.7v150c0 34.1-27.3 63.7-63.7 63.7H165.5c-36.4-2.3-63.6-29.5-63.6-66v-691c0-36.4 27.3-63.7 63.6-63.7h554.6c36.4 0 63.7 27.3 63.7 63.7v366c0 13.7 9.1 22.7 22.7 22.7 13.7 0 22.8-9.1 22.8-22.7v-366c0-61.4-47.7-109.1-109.1-109.1H165.5c-61.4 0-109.1 47.7-109.1 109.1v691c0 61.4 47.7 109.1 109.1 109.1h554.6c59.1 0 109.1-47.8 109.1-109.1v-150c0-11.4-9.1-20.4-22.8-20.4z m0 0" p-id="22831" fill="#ffffff"></path><path d="M958.8 465.3c-9.1-9.1-22.8-9.1-31.8 0L642.8 749.4c-9.1 9.1-22.7 9.1-31.8 0L474.6 613c-9.1-9.1-22.7-9.1-31.8 0-9.1 9.1-9.1 22.7 0 31.8l136.4 136.4c13.6 13.6 31.8 20.4 47.7 20.4 15.9 0 34.1-6.8 47.8-20.4L958.8 497c9.1-9 9.1-22.6 0-31.7zM670.1 233.4H215.5c-13.7 0-22.7 9.1-22.7 22.7s9.1 22.7 22.7 22.7h454.6c13.7 0 22.7-9.1 22.7-22.7s-9.1-22.7-22.7-22.7z m22.7 181.9c0-13.7-9.1-22.7-22.7-22.7H215.5c-13.7 0-22.7 9.1-22.7 22.7s9.1 22.7 22.7 22.7h454.6c13.6 0 22.7-9.1 22.7-22.7z m0 0" p-id="22832" fill="#ffffff"></path><path d="M215.5 551.7c-13.7 0-22.7 9.1-22.7 22.8 0 13.6 9.1 22.7 22.7 22.7h318.2c13.7 0 22.7-9.1 22.7-22.7 0-13.7-9.1-22.8-22.7-22.8H215.5z m0 0" p-id="22833" fill="#ffffff"></path></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.5 KiB

1
src/assets/icons/svg/fixed-person.svg Normal file
View File

@ -0,0 +1 @@
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1754629465025" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="35852" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M873.411765 120.470588a30.117647 30.117647 0 0 1 30.117647 30.117647v722.82353a30.117647 30.117647 0 0 1-30.117647 30.117647H225.882353a30.117647 30.117647 0 0 1-30.117647-30.117647v-60.235294h105.411765a15.058824 15.058824 0 0 0 14.953411-13.296942L316.235294 798.117647v-90.352941a15.058824 15.058824 0 0 0-13.296941-14.953412L301.176471 692.705882h-105.411765v-120.470588h105.411765a15.058824 15.058824 0 0 0 14.953411-13.296941L316.235294 557.176471v-90.352942a15.058824 15.058824 0 0 0-13.296941-14.953411L301.176471 451.764706h-105.411765v-120.470588h105.411765a15.058824 15.058824 0 0 0 14.953411-13.296942L316.235294 316.235294v-90.352941a15.058824 15.058824 0 0 0-13.296941-14.953412L301.176471 210.823529h-105.411765v-60.235294a30.117647 30.117647 0 0 1 30.117647-30.117647h647.529412zM579.764706 316.235294c-60.581647 0-109.688471 49.543529-109.688471 110.652235a110.757647 110.757647 0 0 0 56.892236 97.008942C448.707765 547.117176 391.529412 620.649412 391.529412 707.764706h376.470588l-0.060235-4.653177c-1.987765-85.067294-58.518588-156.416-135.378824-179.2a110.772706 110.772706 0 0 0 56.892235-97.024C689.453176 365.778824 640.346353 316.235294 579.764706 316.235294z m-14.516706 220.340706a109.778824 109.778824 0 0 0 27.376941 0.210824l16.368941 68.291764-28.807529 39.529412-32.240941-39.529412z" fill="#60b3ff" p-id="35853"></path><path d="M150.588235 240.941176m15.058824 0l105.411765 0q15.058824 0 15.058823 15.058824l0 30.117647q0 15.058824-15.058823 15.058824l-105.411765 0q-15.058824 0-15.058824-15.058824l0-30.117647q0-15.058824 15.058824-15.058824Z" fill="#60b3ff" p-id="35854"></path><path d="M150.588235 481.882353m15.058824 0l105.411765 0q15.058824 0 15.058823 15.058823l0 30.117648q0 15.058824-15.058823 15.058823l-105.411765 0q-15.058824 0-15.058824-15.058823l0-30.117648q0-15.058824 15.058824-15.058823Z" fill="#60b3ff" p-id="35855"></path><path d="M150.588235 722.823529m15.058824 0l105.411765 0q15.058824 0 15.058823 15.058824l0 30.117647q0 15.058824-15.058823 15.058824l-105.411765 0q-15.058824 0-15.058824-15.058824l0-30.117647q0-15.058824 15.058824-15.058824Z" fill="#60b3ff" p-id="35856"></path></svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.4 KiB

1
src/assets/icons/svg/home-use.svg Normal file
View File

@ -0,0 +1 @@
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1754620092123" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10106" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M237.823348 0.05959a237.644578 237.644578 0 0 0 0 475.229567h237.644578V237.823348A237.704168 237.704168 0 0 0 237.823348 0.05959z m786.05056 237.763758a237.704168 237.704168 0 0 0-475.348747 0v237.465809h237.525399a237.584988 237.584988 0 0 0 237.823348-237.465809zM0 786.05056a237.644578 237.644578 0 1 0 475.289157 0V548.584751H237.823348A237.525398 237.525398 0 0 0 0 786.05056z m786.05056-237.465809H548.405981v237.465809a237.704168 237.704168 0 1 0 237.644579-237.465809z" p-id="10107" fill="#1890ff"></path></svg>
Side by Side

After

Width:  |  Height:  |  Size: 854 B

1
src/assets/icons/svg/line-project.svg Normal file
View File

@ -0,0 +1 @@
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1754621323509" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="12954" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M399.973 54.928v30.239h331.063L899.059 251.54h-158.81v98.476H694.9v-98.476l-294.927-0.018v45.384h-37.82v620.058h166.373V571.688h111.31l81.126 90.07h112.243V427.254h137.354v489.73h34.361v45.366H37.004v-45.367l158.792-0.018V296.907h-37.802v-45.384H52.132V85.185l105.862-0.018V54.928h241.979z m-83.187 707.189h-75.623V894.29h75.623V762.117z m400.789 3.62h-75.623v90.752h75.623v-90.752z m181.484 0h-75.623v90.752h75.623v-90.752zM316.786 580.65h-75.623v136.118h75.623V580.65z m0-181.484h-75.623v136.118h75.623V399.166z m0-102.24h-75.623v56.873h75.623v-56.892zM157.994 130.55H97.499v75.623h60.495v-75.623z m282.398 0h-40.42v75.623H521.07l-80.678-75.623z m271.949 0H688.43l-68.346 75.623h168.65l-76.393-75.623z m-85.07 0h-120.54l65.244 61.158 55.297-61.158z" p-id="12955" fill="#FFFFFF"></path></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

1
src/assets/icons/svg/lot-project.svg Normal file
View File

@ -0,0 +1 @@
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1754630166079" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="40668" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M0 83.781818v879.709091c0 18.618182 13.963636 27.927273 27.927273 27.927273h963.490909c18.618182 0 27.927273-13.963636 27.927273-27.927273V83.781818c0-18.618182-13.963636-27.927273-27.927273-27.927273H27.927273c-13.963636 0-27.927273 13.963636-27.927273 27.927273z m907.636364 814.545455h-791.272728c-18.618182 0-27.927273-13.963636-27.927272-27.927273V316.509091c0-18.618182 13.963636-27.927273 27.927272-27.927273h791.272728c18.618182 0 27.927273 13.963636 27.927272 27.927273v553.890909c4.654545 18.618182-9.309091 27.927273-27.927272 27.927273z m-288.581819-297.890909h41.89091c18.618182 0 27.927273-13.963636 27.927272-27.927273v-9.309091c0-18.618182 13.963636-27.927273 27.927273-27.927273H791.272727c18.618182 0 27.927273-13.963636 27.927273-27.927272 0-18.618182-13.963636-27.927273-27.927273-27.927273h-74.472727c-18.618182 0-27.927273-13.963636-27.927273-27.927273v-23.272727c0-18.618182-13.963636-27.927273-27.927272-27.927273h-41.89091c-18.618182 0-27.927273 13.963636-27.927272 27.927273v9.309091c0 18.618182-13.963636 27.927273-27.927273 27.927272H228.072727c-18.618182 0-27.927273 13.963636-27.927272 27.927273 0 18.618182 13.963636 27.927273 27.927272 27.927273H558.545455c18.618182 0 27.927273 13.963636 27.927272 27.927273v18.618181c4.654545 18.618182 13.963636 32.581818 32.581818 32.581819z m-237.381818 27.927272h-46.545454c-18.618182 0-27.927273 13.963636-27.927273 27.927273v9.309091c0 18.618182-13.963636 27.927273-27.927273 27.927273H228.072727c-18.618182 0-27.927273 13.963636-27.927272 27.927272 0 18.618182 13.963636 27.927273 27.927272 27.927273H279.272727c18.618182 0 27.927273 13.963636 27.927273 27.927273v9.309091c0 18.618182 13.963636 27.927273 27.927273 27.927273h41.890909c18.618182 0 27.927273-13.963636 27.927273-27.927273v-9.309091c0-18.618182 13.963636-27.927273 27.927272-27.927273h367.709091c18.618182 0 27.927273-13.963636 27.927273-27.927273 0-18.618182-13.963636-27.927273-27.927273-27.927272H437.527273c-18.618182 0-27.927273-13.963636-27.927273-27.927273v-9.309091c0-13.963636-13.963636-27.927273-27.927273-27.927273z m27.927273 0" p-id="40669" fill="#efb336"></path></svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.4 KiB

1
src/assets/icons/svg/on-site-person.svg Normal file
View File

@ -0,0 +1 @@
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1754630254546" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="44113" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M579.68678 635.075962l-53.189611 45.291154c-8.298379 7.098614-20.595977 7.098614-28.994338 0l-53.189611-45.291154c-49.290373 17.196641-108.178871 46.190978-132.774067 72.285881h401.021675c-24.695177-25.994923-83.583675-55.08924-132.874048-72.285881zM512 529.196641c58.288616 0 105.67936-47.690685 105.67936-106.379223s-47.390744-106.379223-105.67936-106.379222c-58.288616 0-105.67936 47.690685-105.67936 106.379222 0 58.588557 47.390744 106.379223 105.67936 106.379223z" fill="#009BEE" p-id="44114"></path><path d="M883.827377 0.199961H139.972662C62.687756 0.199961 0 62.887717 0 140.172623v743.854715c0 77.284905 62.687756 139.972662 139.972662 139.972662h743.854715c77.284905 0 139.972662-62.687756 139.972662-139.972662v-743.854715c0-77.284905-62.687756-139.972662-139.972662-139.972662zM512 271.746924c82.883812 0 150.370631 67.78676 150.370631 151.070494S594.883812 573.887913 512 573.887913s-150.370631-67.78676-150.370631-151.070495c0-83.383714 67.486819-151.070494 150.370631-151.070494z m234.554189 480.306191H277.445811c-12.297598 0-22.295645-9.998047-22.295645-22.295646 0-77.384886 156.069518-131.0744 187.363406-141.072447 7.398555-2.399531 15.396993-0.699863 21.29584 4.299161l48.390549 41.091974 48.390549-41.091974c5.898848-4.999024 13.897286-6.598711 21.29584-4.299161 31.293888 9.998047 187.363406 63.687561 187.363406 141.072447-0.299941 12.297598-10.297989 22.295645-22.695567 22.295646z" fill="#009BEE" p-id="44115"></path></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

1
src/assets/icons/svg/prepare-project.svg Normal file
View File

@ -0,0 +1 @@
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1754622116896" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="34712" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M731.136 576.128c42.752 0 82.944 16.64 113.152 46.848s46.848 70.4 46.848 113.152c0 42.752-16.64 82.88-46.848 113.152-30.208 30.208-70.4 46.848-113.152 46.848-42.752 0-82.944-16.64-113.152-46.912a158.976 158.976 0 0 1-46.848-113.088c0-42.752 16.64-82.944 46.848-113.152a158.976 158.976 0 0 1 113.152-46.848m0-64a224 224 0 1 0 0 448 224 224 0 0 0 0-448z m-63.104-288.64H305.92a32 32 0 0 0 0 64h362.048a32 32 0 0 0 0-64z m-98.24 177.28H305.92a32 32 0 0 0 0 64h263.808a32 32 0 0 0 0-64z m-173.056 177.28H305.984a32 32 0 0 0 0 64H396.8a32 32 0 0 0 0-64z" fill="#ffffff" p-id="34713"></path><path d="M632.128 704.128a32 32 0 1 0 0 64 32 32 0 0 0 0-64z m99.008 0a32 32 0 1 0 0 64 32 32 0 0 0 0-64z m99.008 0a32 32 0 1 0 0 64 32 32 0 0 0 0-64z" fill="#ffffff" p-id="34714"></path><path d="M438.4 960h-198.4C178.24 960 128 909.76 128 848V176C128 114.24 178.24 64 240 64h494.016c61.76 0 112 50.24 112 112v242.24a32 32 0 0 1-64 0V176a48 48 0 0 0-48-48H240a48 48 0 0 0-48 48v672c0 26.496 21.568 48 48 48h198.4a32 32 0 0 1 0 64z" fill="#ffffff" p-id="34715"></path></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

1
src/assets/icons/svg/remain-project.svg Normal file
View File

@ -0,0 +1 @@
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1754621823900" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="30116" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M200.106667 867.413333V156.586667h623.786666V554.666667H896V132.693333A47.786667 47.786667 0 0 0 848.213333 85.333333H176.213333A47.786667 47.786667 0 0 0 128 132.693333v758.613334A47.786667 47.786667 0 0 0 176.213333 938.666667H597.333333v-71.253334z" fill="#ffffff" p-id="30117"></path><path d="M416 480h320v64h-320zM416 330.666667h320v64h-320zM416 629.333333H597.333333v64H416zM288 480H362.666667v64H288zM288 330.666667H362.666667v64H288zM288 629.333333H362.666667v64H288zM762.453333 874.666667h53.333334v53.333333h-53.333334zM866.986667 621.653333a111.36 111.36 0 0 0-77.226667-24.32 106.666667 106.666667 0 0 0-73.813333 24.746667 109.653333 109.653333 0 0 0-33.28 68.693333v4.266667l48.64 5.973333v-4.266666a78.506667 78.506667 0 0 1 20.48-46.08 54.613333 54.613333 0 0 1 38.826666-14.08 56.32 56.32 0 0 1 40.533334 16.213333 49.493333 49.493333 0 0 1 16.213333 36.693333 42.666667 42.666667 0 0 1-5.546667 20.906667 122.026667 122.026667 0 0 1-25.173333 27.306667 237.653333 237.653333 0 0 0-28.586667 27.733333 94.72 94.72 0 0 0-16.213333 26.88 116.48 116.48 0 0 0-6.826667 42.666667v16.213333H810.666667v-4.266667a130.986667 130.986667 0 0 1 2.986666-32.426666 46.08 46.08 0 0 1 7.68-17.066667 202.24 202.24 0 0 1 24.32-24.32 176.213333 176.213333 0 0 0 38.826667-42.666667 85.333333 85.333333 0 0 0 10.666667-42.666666 85.333333 85.333333 0 0 0-28.16-66.133334z" fill="#ffffff" p-id="30118"></path></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

1
src/assets/icons/svg/stop-project.svg Normal file
View File

@ -0,0 +1 @@
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1754621681097" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="20017" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M168.562595 332.50773L103.402557 397.667769h65.160038V332.50773zM70.798169 449.815294v-13.012513h-19.494402a23.929378 23.929378 0 0 1-19.494402-6.530625 29.582755 29.582755 0 0 1 0-32.604387l149.765744-149.960688L728.977918 0.176912h13.012513a23.929378 23.929378 0 0 1 19.494402 6.530624l228.084504 247.627642a23.929378 23.929378 0 0 1 6.530624 19.494402V423.692796a28.023203 28.023203 0 0 1-26.073762 26.073762h-208.541366v509.486197h169.260145a37.039364 37.039364 0 0 1 38.988805 33.237956 35.284868 35.284868 0 0 1-38.988805 30.947363H396.647099a32.701859 32.701859 0 1 1 0-64.185319h157.758448v-412.696491H494.362789c-19.494402 0-38.988804-5.555905-38.988804-25.099042v-71.641928H122.945695v260.883835a26.073763 26.073763 0 0 1-52.147526 0V449.815294z m469.181521-145.184559h-77.977608v73.542632l77.977608-77.977608zM704.268763 632.282897v-79.196008h-88.407113v79.147272H704.268763z m-79.585896-299.775167l-102.881707 91.233802v58.483206h173.207762V332.50773z m79.585896 626.745025v-124.276813h-88.407113v124.276813z m11.696641-704.771369V117.43574l-84.703177 136.850702z m-417.033995 0h273.701404l104.246315-175.936978-377.947719 175.936978z m462.650896-169.406353v169.406353h156.39384l-156.39384-169.406353zM411.560317 304.776943H323.104467v88.407113h88.407114zM272.80891 397.667769V299.903343H218.809417v97.764426z m560.464058-4.873601v-88.212169H768.11293V392.989112z m112.628908 0v-88.212169h-62.33335V392.989112h62.33335z m-241.584377 382.626376v-87.237449h-88.455849v87.237449H704.268763z" p-id="20018" fill="#ffffff"></path></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.8 KiB

1
src/assets/icons/svg/sub-unit.svg Normal file
View File

@ -0,0 +1 @@
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1754630210247" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="41843" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M596.138667 161.962667v682.922666h51.328V324.864l166.613333 57.6c14.72 9.386667 24.064 24.96 25.386667 41.984l0.170666 4.266667v416.170666H896V917.333333H128v-72.448h56.064V290.773333c0-19.029333 9.984-36.693333 26.453333-46.848L510.122667 115.2c37.418667-22.997333 85.973333 3.413333 85.973333 46.805333z m-123.733334 321.536l-164.48 66.688v78.378666l164.437334-66.730666v-78.336z m0-171.349334l-164.48 68.693334v78.762666L472.32 390.826667V312.149333z" fill="#2D26EF" p-id="41844"></path></svg>
Side by Side

After

Width:  |  Height:  |  Size: 830 B

1
src/assets/icons/svg/temp-person.svg Normal file
View File

@ -0,0 +1 @@
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1754629495166" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="36929" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M509.6 548.8c-151.2 0-274.4-123.2-274.4-274.4S358.4 0 509.6 0 784 123.2 784 274.4 660.8 548.8 509.6 548.8z" p-id="36930" fill="#ffd848"></path><path d="M509.6 72c-112 0-202.4 91.2-202.4 202.4s91.2 202.4 202.4 202.4S712 385.6 712 274.4 621.6 72 509.6 72zM711.2 1020.8c-224 0.8-448 0.8-672 1.6-20 0-36-16-36-36C3.2 707.2 230.4 480 509.6 480c64 0 128 12 187.2 35.2 32 12.8 61.6 29.6 70.4 34.4 31.2 17.6 43.2 28 49.6 34.4 7.2 6.4 44 41.6 36 56.8-4.8 9.6-24 8.8-52.8 6.4-56-4-68-16.8-79.2-8.8-23.2 17.6-5.6 102.4 43.2 152 14.4 15.2 20 13.6 23.2 23.2 13.6 40-65.6 77.6-76.8 156.8-4.8 22.4-1.6 40.8 0.8 50.4z" p-id="36931" fill="#ffd848"></path><path d="M830.4 850.4C747.2 850.4 680 763.2 680 656c0-14.4 11.2-25.6 25.6-25.6s25.6 11.2 25.6 25.6c0 79.2 44.8 143.2 99.2 143.2s99.2-64.8 99.2-143.2c0-14.4 11.2-25.6 25.6-25.6s25.6 11.2 25.6 25.6c0 107.2-67.2 194.4-150.4 194.4z" p-id="36932" fill="#ffd848"></path><path d="M995.2 679.2H666.4c-14.4 0-25.6-11.2-25.6-25.6s11.2-25.6 25.6-25.6h329.6c14.4 0 25.6 11.2 25.6 25.6s-12.8 25.6-26.4 25.6z m-40 341.6c-14.4 0-25.6-11.2-25.6-25.6 0-79.2-44.8-143.2-99.2-143.2s-99.2 64.8-99.2 143.2c0 14.4-11.2 25.6-25.6 25.6s-25.6-11.2-25.6-25.6c0-107.2 67.2-194.4 150.4-194.4s150.4 87.2 150.4 194.4c0 13.6-11.2 25.6-25.6 25.6z" p-id="36933" fill="#ffd848"></path><path d="M995.2 1022.4H666.4c-14.4 0-25.6-11.2-25.6-25.6s11.2-25.6 25.6-25.6h329.6c14.4 0 25.6 11.2 25.6 25.6s-12.8 25.6-26.4 25.6z" p-id="36934" fill="#ffd848"></path></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.8 KiB

1
src/assets/icons/svg/use-teams.svg Normal file
View File

@ -0,0 +1 @@
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1754630232654" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="42862" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M422.4 171.178667c24.533333-3.413333 45.568 10.368 56.064 31.061333 24.576 34.517333 38.613333 58.666667 38.613333 58.666667 6.997333 6.912 17.493333 10.368 28.074667 10.368h329.685333c24.576 3.413333 45.653333 27.605333 42.112 55.210666v517.546667c0 31.104-24.533333 51.797333-52.608 51.797333H162.773333l-2.048 0.128h-3.370666c-14.08-0.426667-50.688-7.168-50.688-65.706666V236.8c3.498667-37.973333 31.573333-65.578667 70.144-65.578667zM512 634.325333c-30.378667 0-77.653333 10.368-141.653333 31.146667-17.152 5.546667-29.013333 24.021333-29.013334 45.056V789.333333h341.333334v-78.848c0-21.034667-11.861333-39.466667-29.013334-45.013333-64-20.778667-111.274667-31.146667-141.653333-31.146667z m90.24-123.434666h-180.48l0.213333 6.997333c3.328 51.114667 42.538667 91.776 90.026667 91.776 49.621333 0 90.24-44.458667 90.24-98.773333zM512 362.666667c-9.045333 0-18.048 0.981333-27.093333 3.968v65.194666h-18.048V374.528l-6.357334 3.797333c-28.928 18.901333-47.786667 53.376-47.786666 93.013334H394.666667v19.797333h234.666666v-19.797333h-18.048l-0.298666-8.405334c-2.645333-38.826667-23.552-71.808-53.845334-88.405333v57.301333h-18.048V366.634667l-6.784-1.877334A91.648 91.648 0 0 0 512 362.666667z" fill="#2D26EF" p-id="42863"></path></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.5 KiB

7
src/views/home-index/components/dataOverviewCompany/index.vue
View File

@ -27,7 +27,12 @@
</i>
</div>
<div class="user-help" @click="onHandleCheckOften">
<i class="el-icon-s-help"> </i>
<!-- <i class="el-icon-s-help"> </i> -->
<svg-icon
icon-class="home-use"
style="font-size: 28px; margin-bottom: 5px"
/>
<span> 常用功能 </span>
</div>
</div>

7
src/views/home-index/components/dataOverviewProject/components/item-one.vue
View File

@ -28,7 +28,7 @@
</template>
</TableModel>
<!-- 子项目概况弹框-->
<!-- 子项目概况弹框 工程信息-->
<DialogModel
:dialogConfig="dialogConfig"
@closeDialogOuter="handleCloseDialogOuter"
@ -54,7 +54,10 @@
</template>
<!-- 班组数量 -->
<template slot="teamCount" slot-scope="{ data }">
<span class="cursor-blue">
<span
class="cursor-blue"
@click="onHandleCheckTeamCount(data)"
>
{{ data.teamCount }}
</span>
</template>

30
src/views/home-index/components/dataOverviewProject/index.vue
View File

@ -15,7 +15,15 @@
v-for="item in projectList"
@click="onHandleCheckItem(item)"
>
<img :src="item.icon" alt="" />
<!-- <img :src="item.icon" alt="" /> -->
<svg-icon
:icon-class="item.icon"
style="
width: 42px;
height: 42px;
margin-right: 20px;
"
/>
<div>
<span>{{ item.count }}</span>
<span>{{ item.name }}</span>
@ -31,6 +39,7 @@
:key="item.name"
class="right-content-item"
v-for="item in dataWarningList"
@click="onHandleCheckDataWarning(item)"
>
<span>
{{ item.name }}
@ -79,37 +88,37 @@ export default {
name: '总工程',
count: 1,
component: 'ItemOne',
icon: require('@/assets/images/home-index/dataOverviewProject/icon_1.png'),
icon: 'all-project',
},
{
name: '标段工程',
count: 20,
component: 'ItemTwo',
icon: require('@/assets/images/home-index/dataOverviewProject/icon_1.png'),
icon: 'lot-project',
},
{
name: '在用分包单位',
count: 1,
component: 'ItemThree',
icon: require('@/assets/images/home-index/dataOverviewProject/icon_1.png'),
icon: 'sub-unit',
},
{
name: '在用班组',
count: 50,
component: 'ItemFour',
icon: require('@/assets/images/home-index/dataOverviewProject/icon_1.png'),
icon: 'use-teams',
},
{
name: '在场人员',
count: 1,
component: 'ItemFive',
icon: require('@/assets/images/home-index/dataOverviewProject/icon_1.png'),
icon: 'on-site-person',
},
{
name: '今日打卡',
count: 80,
component: 'ItemSix',
icon: require('@/assets/images/home-index/dataOverviewProject/icon_1.png'),
icon: 'clock-in',
},
],
// 数据预警列表
@ -147,13 +156,18 @@ export default {
// 点击工程
onHandleCheckItem(item) {
this.dialogConfig.outerTitle = item.name
this.currentComponent = item.component
// this.currentComponent = item.component
this.dialogConfig.outerVisible = true
},
// 关闭弹框
handleCloseDialogOuter(value) {
this.dialogConfig.outerVisible = value
},
// 点击数据预警
onHandleCheckDataWarning(item) {
this.dialogConfig.outerVisible = true
console.log(item)
},
},
}
</script>

5
src/views/home-index/components/oftenUse/index.vue
View File

@ -170,8 +170,8 @@ export default {
this.dialogConfig.outerVisible = true
},
// 关闭配置页面
handleCloseDialogOuter(value) {
this.dialogConfig.outerVisible = value
handleCloseDialogOuter() {
this.dialogConfig.outerVisible = false
},
// 关闭标签
handleCloseTag(item) {
@ -188,6 +188,7 @@ export default {
// 确定按钮
handleConfirm() {
console.log(this.selectList)
this.dialogConfig.outerVisible = false
},
},

23
src/views/home-index/components/personAttendance/components/circlePie.vue
View File

@ -1,22 +1,31 @@
<template>
<!-- 人员考勤率 右侧图表 -->
<div class="person-attendance-chart"> 右侧图表 </div>
<div class="person-attendance-chart" />
</template>
<script>
import * as echarts from 'echarts'
require('echarts/theme/macarons')
import resize from '@/views/dashboard/mixins/resize'
export default {
name: 'PersonAttendanceChart',
mixins: [resize],
props: {
// 百分比
percentage: {
type: Number,
default: 50,
},
// 颜色
pieColor: {
type: String,
default: '#5470c6',
},
// 类型
type: {
type: String,
default: 'fixed',
},
},
data() {
return {
@ -46,7 +55,7 @@ export default {
type: 'pie',
radius: ['70%', '88%'], // 内半径70%，外半径80% → 环宽10%（根据容器大小自动计算）
center: ['50%', '50%'], // 居中
silent: true, // 禁用交互
// silent: true, // 禁用交互
label: {
show: true,
position: 'center',
@ -55,6 +64,12 @@ export default {
formatter: `${this.percentage}%`, // 中心显示百分比
color: '#686767', // 文字颜色
},
emphasis: {
disabled: true,
itemStyle: {
cursor: 'pointer', // 悬停时显示小手样式
},
},
labelLine: {
show: false, // 隐藏引导线
},
@ -76,6 +91,10 @@ export default {
},
],
})
this.chart.on('click', (params) => {
this.$emit('handleOpenDialog', this.type)
})
},
},
}

15
src/views/home-index/components/personAttendance/index.vue
View File

@ -20,8 +20,10 @@
<div class="right">
<CirclePie
:percentage="item.rate"
:type="item.type"
:pieColor="item.color"
:percentage="item.rate"
@handleOpenDialog="handleOpenDialog"
/>
</div>
</div>
@ -47,6 +49,7 @@ export default {
rate: 98.6,
color: '#36cf93',
lineCount: 10,
type: 'fixed',
},
{
name: '在场临时人员占比',
@ -54,6 +57,7 @@ export default {
rate: 100,
color: '#2d9afb',
lineCount: 10,
type: 'temporary',
},
{
name: '固定人员考勤率',
@ -61,6 +65,7 @@ export default {
rate: 76.3,
color: '#fcaf03',
lineCount: 10,
type: 'fixed',
},
{
name: '临时人员考勤率',
@ -68,6 +73,7 @@ export default {
rate: 56.0,
color: '#fb4150',
lineCount: 10,
type: 'temporary',
},
{
name: '在场考勤率(打卡)',
@ -75,11 +81,16 @@ export default {
rate: 99.5,
color: '#00ffff',
lineCount: 10,
type: 'fixed',
},
],
}
},
methods: {},
methods: {
handleOpenDialog(type) {
console.log(type, '打开弹框----')
},
},
}
</script>

83
src/views/home-index/components/personPresence/components/item-pie.vue
View File

@ -6,9 +6,19 @@
<script>
import * as echarts from 'echarts'
require('echarts/theme/macarons')
import resize from '@/views/dashboard/mixins/resize'
export default {
name: 'ItemPie',
mixins: [resize],
props: {
configData: {
type: Object,
default: () => ({
data: [],
showAfter: false,
}),
},
},
data() {
return {
chart: null,
@ -43,9 +53,9 @@ export default {
},
mounted() {
this.$nextTick(() => {
this.initChart()
})
// this.$nextTick(() => {
// this.initChart()
// })
},
beforeDestroy() {
if (!this.chart) {
@ -55,9 +65,14 @@ export default {
this.chart = null
},
methods: {
initChart() {
initChart(data) {
this.chart = echarts.init(this.$el, 'macarons')
const pieData = this.pieData
const pieData = data.data.map((item) => ({
name: item.name,
value: item.value,
}))
const colorList = data.data.map((item) => item.color)
// 默认显示第一条数据
const defaultSelectedIndex = 0
@ -70,11 +85,12 @@ export default {
},
legend: {
orient: 'vertical',
right: 10,
right: '5%',
top: 'center',
itemGap: 8,
itemGap: 12,
itemWidth: 6,
itemHeight: 6,
selectedMode: false, // 关键点：关闭 legend 的交互
formatter: function (name) {
// 获取对应的数据项
@ -89,22 +105,30 @@ export default {
(dataItem.value / total) *
100
).toFixed(1)
return `{a|${dataItem.value}} {b|${name}} {c|${percent}%}`
if (data.showAfter) {
return `{a|${name}} {b|${percent}%} {c|(${dataItem.value})}`
} else {
// return `{a|${dataItem.value}} {b|${name}} {c|${percent}%}`
return `{a|${name}} {b|${dataItem.value}} {c|${percent}%}`
}
},
textStyle: {
fontSize: 6,
rich: {
a: {
width: 30,
align: 'right',
align: 'center',
},
b: {
width: 40,
padding: [0, 10, 0, 0],
align: 'center',
// padding: [0, 10, 0, 0],
color: '#666',
},
c: {
width: 30,
align: 'left',
width: 20,
align: 'center',
color: '#666',
},
},
@ -114,8 +138,8 @@ export default {
{
name: '数据分布',
type: 'pie',
radius: ['25%', '40%'],
center: ['20%', '50%'], // 居左侧
radius: ['25%', '38%'],
center: ['22%', '50%'], // 居左侧
avoidLabelOverlap: false,
label: {
show: true, // 默认显示中心标签
@ -164,14 +188,7 @@ export default {
data: pieData.map((item, index) => ({
...item,
itemStyle: {
color: [
'#58a3f7', // 基建线路
'#ffc542', // 基建变电
'#ff7474', // 生产线路
'#50b5ff', // 生产变电
'#00ffff', // 配网
'#36cf93', // 其他
][index % 6],
color: colorList[index],
},
})),
},
@ -233,15 +250,23 @@ export default {
// 点击事件
this.chart.on('click', (params) => {
if (params.seriesType === 'pie') {
console.log('点击了饼图:', params.name, params.value)
// 这里可以添加你的点击处理逻辑
// 例如触发某个方法或更新数据
// this.handlePieClick(params)
}
console.log(params.data.name, '打开弹框----')
})
},
},
watch: {
configData: {
handler(val) {
if (val) {
this.$nextTick(() => {
this.initChart(val)
})
}
},
immediate: true,
},
},
}
</script>

27
src/views/home-index/components/personPresence/components/person-ratio.vue
View File

@ -3,12 +3,12 @@
<div class="person-ratio">
<div class="person-ratio-row">
<div>
<img src="" alt="" />
<span>197</span>
<svg-icon icon-class="fixed-person" style="font-size: 32px" />
<span @click="onHandleOpenDialog('fixed')">197</span>
</div>
<div>
<img src="" alt="" />
<span>197</span>
<svg-icon icon-class="temp-person" style="font-size: 26px" />
<span @click="onHandleOpenDialog('temp')">197</span>
</div>
</div>
@ -28,8 +28,10 @@
style="
font-size: 18px;
font-weight: bold;
cursor: pointer;
font-family: 'DINAlternate-Bold';
"
@click="onHandleOpenDialog('fixed')"
>
98.6%
</div>
@ -37,8 +39,10 @@
style="
font-size: 18px;
font-weight: bold;
cursor: pointer;
font-family: 'DINAlternate-Bold';
"
@click="onHandleOpenDialog('temp')"
>
96.3%
</div>
@ -56,9 +60,12 @@ export default {
}
},
methods: {
format(percentage) {
format() {
return ``
},
onHandleOpenDialog(type) {
console.log(type, '打开弹框---')
},
},
}
</script>
@ -75,6 +82,16 @@ export default {
display: flex;
justify-content: space-between;
div {
display: flex;
align-items: center;
gap: 4px;
span {
cursor: pointer;
}
}
& div:first-child {
color: #52c1f5;
}

6
src/views/home-index/components/personPresence/components/sex-ratio.vue
View File

@ -6,8 +6,10 @@
<script>
import * as echarts from 'echarts'
require('echarts/theme/macarons')
import resize from '@/views/dashboard/mixins/resize'
export default {
name: 'ItemPie',
mixins: [resize],
data() {
return {
@ -192,6 +194,7 @@ export default {
},
value: 100,
symbol: symbols[0],
text: '男性',
},
{
itemStyle: {
@ -212,6 +215,7 @@ export default {
},
value: 100,
symbol: symbols[1],
text: '女性',
},
],
},
@ -220,7 +224,7 @@ export default {
this.chart.setOption(option)
this.chart.on('click', (params) => {
console.log(params)
console.log(params.data.text, '打开弹框---')
})
},
},

88
src/views/home-index/components/personPresence/index.vue
View File

@ -13,19 +13,19 @@
<el-col :span="5">
<div class="item item-2">
<div class="item-title"> 工种分布 </div>
<ItemPie />
<ItemPie :configData="pieOneConfig" />
</div>
</el-col>
<el-col :span="5">
<div class="item item-3">
<div class="item-title"> 年龄分布 </div>
<ItemPie />
<ItemPie :configData="pieTwoConfig" />
</div>
</el-col>
<el-col :span="5">
<div class="item item-4">
<div class="item-title"> 红黄绿灯占比 </div>
<ItemPie />
<ItemPie :configData="pieThreeConfig" />
</div>
</el-col>
<el-col :span="5">
@ -54,6 +54,88 @@ export default {
return {
selectCompany: '全部',
companyList: ['全部', '输一', '输二', '输三', '输四'],
pieOneConfig: {
showAfter: false, // value 是否在后面
data: [
{
name: '普工',
value: 120,
color: '#a8ff78',
},
{
name: '技工',
value: 80,
color: '#78ffd6',
},
{
name: '高空',
value: 30,
color: '#1E9600',
},
{
name: '电焊',
value: 12,
color: '#FFF200',
},
{
name: '其它',
value: 12,
color: '#FF0000',
},
],
},
pieTwoConfig: {
showAfter: true, // value 是否在后面
data: [
{
name: '<20',
value: 120,
color: '#ad5389',
},
{
name: '20-30',
value: 80,
color: '#3c1053',
},
{
name: '30-40',
value: 30,
color: '#40E0D0',
},
{
name: '40-50',
value: 12,
color: '#FF8C00',
},
{
name: '50-60',
value: 12,
color: '#FF0080',
},
],
},
pieThreeConfig: {
showAfter: false, // value 是否在后面
data: [
{
name: '绿灯',
value: 120,
color: '#96c93d',
},
{
name: '黄灯',
value: 80,
color: '#CAC531',
},
{
name: '红灯',
value: 30,
color: '#b21f1f',
},
],
},
}
},
methods: {

34
src/views/home-index/components/projectInfo/components/item-one.vue
View File

@ -1,12 +1,19 @@
<template>
<!-- 1号盒子工程信息 -->
<div class="item-one">
<div class="item" v-for="item in itemOneList" :key="item.name">
<div
class="item"
:key="item.name"
v-for="item in itemOneList"
@click="onHandleOpenDialog(item)"
>
<div
class="left"
:style="{ backgroundColor: `rgb(${item.color},1)` }"
>
<i :class="item.icon" />
<!-- <i :class="item.icon" /> -->
<svg-icon :icon-class="item.icon" style="font-size: 28px" />
</div>
<div
@ -33,36 +40,41 @@ export default {
{
name: '在建工程',
value: '123',
icon: 'el-icon-s-help',
icon: 'line-project',
color: '82, 193, 245',
},
{
name: '筹建工程',
value: '123',
icon: 'el-icon-s-help',
value: '10',
icon: 'prepare-project',
color: '255, 169, 76',
},
{
name: '停工工程',
value: '123',
icon: 'el-icon-s-help',
value: '30',
icon: 'stop-project',
color: '251,98,96',
},
{
name: '完工工程',
value: '123',
icon: 'el-icon-s-help',
value: '56',
icon: 'finish-project',
color: '81, 211, 81',
},
{
name: '遗留收尾',
value: '123',
icon: 'el-icon-s-help',
value: '98',
icon: 'remain-project',
color: '160, 207, 255',
},
],
}
},
methods: {
onHandleOpenDialog(item) {
console.log(item.name, '打开弹框----')
},
},
}
</script>

22
src/views/home-index/components/projectInfo/components/item-three.vue
View File

@ -6,9 +6,10 @@
<script>
import * as echarts from 'echarts'
require('echarts/theme/macarons')
import resize from '@/views/dashboard/mixins/resize'
export default {
name: 'ItemThree',
mixins: [resize],
data() {
return {
chart: null,
@ -70,11 +71,11 @@ export default {
},
legend: {
orient: 'vertical',
right: 10,
right: '5%',
top: 'center',
itemGap: 8,
itemWidth: 6,
itemHeight: 6,
itemGap: 24,
itemWidth: 10,
itemHeight: 10,
selectedMode: false, // 关键点：关闭 legend 的交互
formatter: function (name) {
// 获取对应的数据项
@ -114,8 +115,8 @@ export default {
{
name: '数据分布',
type: 'pie',
radius: ['25%', '35%'],
center: ['20%', '50%'], // 居左侧
radius: ['30%', '45%'],
center: ['25%', '50%'], // 居左侧
avoidLabelOverlap: false,
label: {
show: true, // 默认显示中心标签
@ -233,12 +234,7 @@ export default {
// 点击事件
this.chart.on('click', (params) => {
if (params.seriesType === 'pie') {
console.log('点击了饼图:', params.name, params.value)
// 这里可以添加你的点击处理逻辑
// 例如触发某个方法或更新数据
// this.handlePieClick(params)
}
console.log(params.data.name, '打开弹框')
})
},
},

40
src/views/home-index/components/projectInfo/components/item-two.vue
View File

@ -1,14 +1,15 @@
<template>
<!-- 2号盒子工程信息 -->
<div class="item-two"></div>
<div class="item-two" />
</template>
<script>
import * as echarts from 'echarts'
require('echarts/theme/macarons')
import resize from '@/views/dashboard/mixins/resize'
export default {
name: 'ItemTwo',
mixins: [resize],
data() {
return {
chart: null,
@ -64,8 +65,8 @@ export default {
this.chart.setOption({
grid: {
left: '100px', // 为左侧标签留出空间
right: '50px', // 为右侧数值留出空间
left: '20%', // 为左侧标签留出空间
right: '5%', // 为右侧数值留出空间
top: '20px',
bottom: '20px',
},
@ -90,10 +91,23 @@ export default {
itemStyle: { color: '#e9eef4' },
barGap: '-100%', // 置于底层
data: new Array(xAxisData.length).fill(
Math.max(...seriesData),
), // 取最大值作为背景
label: { show: false },
Math.max(...seriesData) + 10,
), // 背景条统一用最大值
borderRadius: 12,
label: {
show: true,
position: 'right', // 数字在右侧
formatter: (params) => {
return seriesData[params.dataIndex]
},
align: 'left', // 左对齐
verticalAlign: 'middle', // 垂直居中
distance: 15, // 调整距离（数值越大越靠右）
textStyle: {
color: '#333', // 文字颜色
fontSize: 12, // 文字大小
},
},
},
// 主数据系列（多颜色）
{
@ -113,16 +127,16 @@ export default {
borderRadius: 12,
},
})),
label: {
show: true,
position: 'right',
formatter: '{c}',
offset: [5, 0], // 数值向右微调
},
z: 2, // 确保在主图层
},
],
})
this.chart.on('click', (params) => {
// 获取点击的name
const name = xAxisData[params.dataIndex]
console.log(name, '打开弹框')
})
},
},
}

4
src/views/home-index/index.vue
View File

@ -8,9 +8,7 @@
/>
<!-- 常用功能 -->
<el-collapse-transition>
<OftenUse v-show="showOftenUse" />
</el-collapse-transition>
<OftenUse v-show="showOftenUse" />
<!-- 数据概览 工程 -->
<DataOverviewProject :selectCompany="selectCompany" />