提交代码

main
zjlnb666 4 weeks ago
parent d6edddf0d4
commit b901e82077

@ -1,5 +1,5 @@
export default {
primaryColor: '#2969ff',
primaryColor: 'rgba(0, 102, 101, 1)',
menu: {
locale: true,
},

@ -29,6 +29,30 @@ export default [
path: '/topnavbar00/business/basic',
name: 'basic',
component: './business_basic/basic',
},
{
path: '/topnavbar00/business/homepage',
name: 'homepage',
component: '@/pages/homepage/HomePage',
},
{
path: '/topnavbar00/business/assetmanagement',
name: 'assetmanagement',
// component: './business_assetmanagement/assetmanagement',
routes:[
// 资产列表
{
path: '/topnavbar00/business/assetmanagement/assetlist',
name: 'assetlist',
component: './assetmangement_assetlist/AssetList',
},
// 资产分组
{
path: '/topnavbar00/business/assetmanagement/assetgrouping',
name: 'assetlist',
component: './assetmangement_assetgrouping/AssetGrouping',
},
]
}
],
},

Binary file not shown.

After

Width:  |  Height:  |  Size: 167 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.0 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.9 KiB

@ -0,0 +1,12 @@
<svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_2851_28752)">
<path d="M48.0073 11H11.998C9.79778 11 8 12.7978 8 14.998V16.9997C8 19.2 9.79778 20.9977 11.998 20.9977H48.0019C50.2022 20.9977 52 19.2 52 16.9997V14.998C52.0054 12.7978 50.2076 11 48.0073 11ZM30.0027 17.4559H11.998V14.5097H30.0027V17.4559ZM48.0073 25.0011H11.998C9.79778 25.0011 8 26.7989 8 28.9992V31.0008C8 33.2011 9.79778 34.9989 11.998 34.9989H48.0019C50.2022 34.9989 52 33.2011 52 31.0008V28.9992C52.0054 26.8043 50.2076 25.0011 48.0073 25.0011ZM30.0027 31.457H11.998V28.5108H30.0027V31.457ZM48.0073 39.0023H11.998C9.79778 39.0023 8 40.8 8 43.0003V45.002C8 47.2022 9.79778 49 11.998 49H48.0019C50.2022 49 52 47.2022 52 45.002V43.0003C52.0054 40.8054 50.2076 39.0023 48.0073 39.0023ZM30.0027 45.4581H11.998V42.5119H30.0027V45.4581Z" fill="#5E949B"/>
<foreignObject x="16.3" y="9.3" width="53.4" height="55.4"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(3.85px);clip-path:url(#bgblur_1_2851_28752_clip_path);height:100%;width:100%"></div></foreignObject><path data-figma-bg-blur-radius="7.7" d="M38.918 17.25C38.8099 17.25 38.6869 17.2983 38.4922 17.4512C38.2944 17.6065 38.0673 17.8322 37.7402 18.1406L37.46 18.4043C37.074 18.7683 36.661 19.1416 36.3174 19.5293C35.9715 19.9196 35.7259 20.2939 35.6475 20.6465L35.6455 20.6553L35.6426 20.6641C35.5695 20.9051 35.2484 21.8459 34.3779 22.9297H34.377C34.2408 23.0982 34.032 23.1601 33.8584 23.1885C33.6784 23.2178 33.4706 23.2208 33.2852 23.2246C33.0906 23.2286 32.9142 23.2331 32.7617 23.2578C32.6066 23.283 32.5142 23.3237 32.4639 23.3711L26.418 29.0684C24.2173 31.1438 24.0187 34.6415 24.4111 37.7031C24.6059 39.2222 24.9436 40.6091 25.2324 41.6172C25.3767 42.1209 25.5088 42.5297 25.6045 42.8115C25.6144 42.8407 25.6247 42.8681 25.6338 42.8945L27.9463 40.7637C27.9423 40.7228 27.9372 40.6726 27.9326 40.6143C27.9187 40.438 27.904 40.1848 27.8984 39.875C27.8873 39.2556 27.9141 38.4054 28.0693 37.4844C28.3783 35.651 29.2044 33.482 31.3037 32.3438L31.3164 32.3369L31.4385 32.2939C31.4819 32.2834 31.5279 32.2774 31.5752 32.2773C31.722 32.2773 31.8745 32.3233 32.0186 32.3848C32.1656 32.4475 32.3221 32.535 32.4814 32.6357C32.7999 32.8371 33.1522 33.1063 33.4971 33.3799L33.5059 33.3867L33.5137 33.3936L44.5645 43.8115L44.6816 43.9209L44.6299 44.0732C44.3697 44.8427 44.4496 45.5344 44.9824 46.0371L45.2959 46.333L55.5215 55.9795L55.835 56.2754C56.166 56.5876 56.6197 56.7608 57.0918 56.749H57.0977C57.7048 56.749 58.3893 56.5153 59.0527 56.1172C59.7138 55.7205 60.3364 55.1708 60.8174 54.5654C61.3 53.9579 61.6275 53.3096 61.7217 52.7178C61.8142 52.1356 61.6827 51.6153 61.2529 51.2109L60.9395 50.915L50.7139 41.2725C50.591 41.1566 50.4754 41.0524 50.4004 40.9775C50.0545 40.6513 49.6205 40.5039 49.1426 40.5039C48.8706 40.5039 48.5807 40.5485 48.2822 40.6367L48.1445 40.6777L48.04 40.5791L38.1807 31.2852L38.1631 31.2686L38.1484 31.248C37.7305 30.6589 36.4784 29.3771 37.3477 27.5605L37.3525 27.5518L37.3564 27.5439L37.5146 27.2979C37.9061 26.7491 38.4476 26.3747 38.9775 26.1201C39.5837 25.829 40.1916 25.6866 40.584 25.6172L40.6055 25.6133H40.665C41.0765 25.6133 41.5129 25.4008 41.9727 25.0576C42.4303 24.7161 42.8704 24.278 43.3008 23.8721L43.3018 23.8711L43.5869 23.6064C43.8848 23.3256 44.1109 23.1237 44.2754 22.9463C44.4415 22.7672 44.5043 22.6537 44.5195 22.5654C44.5323 22.4909 44.518 22.3878 44.3955 22.208C44.2703 22.0244 44.0548 21.7935 43.7188 21.4766L40.043 18.0107C39.7391 17.7242 39.5075 17.5294 39.3193 17.4072C39.1317 17.2854 39.0089 17.2501 38.918 17.25Z" fill="#B7FFF9" fill-opacity="0.5" stroke="white" stroke-width="0.5"/>
</g>
<defs>
<clipPath id="bgblur_1_2851_28752_clip_path" transform="translate(-16.3 -9.3)"><path d="M38.918 17.25C38.8099 17.25 38.6869 17.2983 38.4922 17.4512C38.2944 17.6065 38.0673 17.8322 37.7402 18.1406L37.46 18.4043C37.074 18.7683 36.661 19.1416 36.3174 19.5293C35.9715 19.9196 35.7259 20.2939 35.6475 20.6465L35.6455 20.6553L35.6426 20.6641C35.5695 20.9051 35.2484 21.8459 34.3779 22.9297H34.377C34.2408 23.0982 34.032 23.1601 33.8584 23.1885C33.6784 23.2178 33.4706 23.2208 33.2852 23.2246C33.0906 23.2286 32.9142 23.2331 32.7617 23.2578C32.6066 23.283 32.5142 23.3237 32.4639 23.3711L26.418 29.0684C24.2173 31.1438 24.0187 34.6415 24.4111 37.7031C24.6059 39.2222 24.9436 40.6091 25.2324 41.6172C25.3767 42.1209 25.5088 42.5297 25.6045 42.8115C25.6144 42.8407 25.6247 42.8681 25.6338 42.8945L27.9463 40.7637C27.9423 40.7228 27.9372 40.6726 27.9326 40.6143C27.9187 40.438 27.904 40.1848 27.8984 39.875C27.8873 39.2556 27.9141 38.4054 28.0693 37.4844C28.3783 35.651 29.2044 33.482 31.3037 32.3438L31.3164 32.3369L31.4385 32.2939C31.4819 32.2834 31.5279 32.2774 31.5752 32.2773C31.722 32.2773 31.8745 32.3233 32.0186 32.3848C32.1656 32.4475 32.3221 32.535 32.4814 32.6357C32.7999 32.8371 33.1522 33.1063 33.4971 33.3799L33.5059 33.3867L33.5137 33.3936L44.5645 43.8115L44.6816 43.9209L44.6299 44.0732C44.3697 44.8427 44.4496 45.5344 44.9824 46.0371L45.2959 46.333L55.5215 55.9795L55.835 56.2754C56.166 56.5876 56.6197 56.7608 57.0918 56.749H57.0977C57.7048 56.749 58.3893 56.5153 59.0527 56.1172C59.7138 55.7205 60.3364 55.1708 60.8174 54.5654C61.3 53.9579 61.6275 53.3096 61.7217 52.7178C61.8142 52.1356 61.6827 51.6153 61.2529 51.2109L60.9395 50.915L50.7139 41.2725C50.591 41.1566 50.4754 41.0524 50.4004 40.9775C50.0545 40.6513 49.6205 40.5039 49.1426 40.5039C48.8706 40.5039 48.5807 40.5485 48.2822 40.6367L48.1445 40.6777L48.04 40.5791L38.1807 31.2852L38.1631 31.2686L38.1484 31.248C37.7305 30.6589 36.4784 29.3771 37.3477 27.5605L37.3525 27.5518L37.3564 27.5439L37.5146 27.2979C37.9061 26.7491 38.4476 26.3747 38.9775 26.1201C39.5837 25.829 40.1916 25.6866 40.584 25.6172L40.6055 25.6133H40.665C41.0765 25.6133 41.5129 25.4008 41.9727 25.0576C42.4303 24.7161 42.8704 24.278 43.3008 23.8721L43.3018 23.8711L43.5869 23.6064C43.8848 23.3256 44.1109 23.1237 44.2754 22.9463C44.4415 22.7672 44.5043 22.6537 44.5195 22.5654C44.5323 22.4909 44.518 22.3878 44.3955 22.208C44.2703 22.0244 44.0548 21.7935 43.7188 21.4766L40.043 18.0107C39.7391 17.7242 39.5075 17.5294 39.3193 17.4072C39.1317 17.2854 39.0089 17.2501 38.918 17.25Z"/>
</clipPath><clipPath id="clip0_2851_28752">
<rect width="60" height="60" fill="white"/>
</clipPath>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 6.2 KiB

@ -0,0 +1,7 @@
<svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M52.093 20.6599C52.692 20.6022 53.2964 20.671 53.8674 20.8619C54.225 21.007 54.5335 21.2574 54.7549 21.5823C54.9267 21.8716 55.0114 22.2048 54.9988 22.5415C54.9919 22.8419 54.9442 23.1398 54.857 23.4272C54.6858 23.9423 54.5156 24.4578 54.3467 24.9737C54.0893 25.7586 53.8008 26.6125 53.4593 27.5485C53.1177 28.4851 52.8162 29.412 52.5057 30.3344C52.1952 31.2568 51.9598 31.9823 51.796 32.5148C51.4455 33.6347 51.0017 34.7636 50.4654 35.1999C49.9285 35.6362 49.2629 36.2049 48.4781 36.2049H27.1833L27.7913 38.4266H48.2422C49.5419 38.4266 50.1899 39.418 50.1899 40.5656C50.2029 41.1157 50.0692 41.6588 49.8038 42.1354C49.4492 42.6351 48.8708 42.9112 48.2733 42.8653H27.0411C26.5708 42.9107 26.098 42.8099 25.6834 42.5762C25.3183 42.3419 25.0068 42.0286 24.7694 41.6583C24.522 41.2528 24.3251 40.816 24.1839 40.3596C24.0427 39.9233 23.927 39.479 23.8379 39.0286C23.8113 38.8588 23.7357 38.4593 23.616 37.817C23.4963 37.1742 23.3455 36.3712 23.1723 35.4074C22.9995 34.4437 22.8042 33.3697 22.5868 32.1944C22.3695 31.0196 22.1431 29.4402 21.9392 28.2609C21.4244 25.4382 20.8435 22.9183 20.1959 18.4796H17.1484C16.7448 18.4796 16.4077 18.7184 16.1368 18.5118C15.8663 18.3053 15.6445 18.1859 15.4667 17.8922C15.2923 17.6319 15.1688 17.3406 15.1031 17.0337C15.0395 16.7458 15.0053 16.4521 15.0009 16.1572C14.9849 15.6035 15.1807 15.0655 15.5468 14.661C15.9364 14.2463 16.4693 14.0086 17.0287 14H21.1234C21.5787 14.0196 22.0229 14.1516 22.419 14.3854C22.7236 14.5589 22.9869 14.797 23.1908 15.0831C23.3743 15.3331 23.5111 15.6146 23.5945 15.9138C23.6786 16.1939 23.7452 16.4463 23.7983 16.6438C23.8514 16.8413 23.905 17.1899 23.958 17.5985C24.0111 18.007 24.0687 18.5163 24.1223 18.9526C24.1669 19.5269 24.2485 20.0972 24.3662 20.6599H52.093ZM45.2789 44.2613C45.7873 44.2595 46.2911 44.3593 46.7608 44.555C47.2161 44.7379 47.6297 45.016 47.9763 45.3721C48.3191 45.7237 48.5944 46.136 48.7881 46.5882C49.1963 47.5505 49.1963 48.6462 48.7881 49.6084C48.5973 50.0708 48.3234 50.4915 47.9808 50.8477C47.6328 51.2032 47.2201 51.4883 46.7653 51.6875C46.298 51.8932 45.7935 51.9996 45.2834 51.9998C44.7861 52.005 44.2933 51.9049 43.837 51.7061C43.3928 51.5046 42.9881 51.2195 42.6436 50.8663C42.298 50.5117 42.0221 50.0905 41.8318 49.627C41.4236 48.6648 41.4236 47.5691 41.8318 46.6069C42.0236 46.1454 42.299 45.7263 42.6436 45.3721C42.9846 45.02 43.3903 44.7419 43.837 44.555C44.2945 44.3598 44.7865 44.2599 45.2834 44.2613H45.2789ZM28.4208 44.1742C29.4135 44.1752 30.367 44.5731 31.0827 45.285C31.4343 45.6382 31.7105 46.0599 31.8945 46.5243C32.2671 47.4961 32.2671 48.5726 31.8945 49.5444C31.7105 50.0087 31.4343 50.4304 31.0827 50.7837C30.736 51.1385 30.3287 51.4278 29.8802 51.6376C29.4221 51.8477 28.9243 51.9558 28.4208 51.9545C27.9097 51.9602 27.4036 51.852 26.9389 51.6376C26.4977 51.4326 26.094 51.1499 25.7455 50.8023C25.3908 50.4516 25.1141 50.0292 24.9336 49.563C24.555 48.5924 24.555 47.5136 24.9336 46.5429C25.1154 46.0744 25.3924 45.6522 25.7455 45.3036C26.092 44.9585 26.4967 44.682 26.9389 44.4865C27.4064 44.2813 27.9108 44.175 28.4208 44.1742Z" fill="#5E949B"/>
<foreignObject x="-1.7" y="1.3" width="62.1983" height="59.5975"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(3.85px);clip-path:url(#bgblur_0_2853_28762_clip_path);height:100%;width:100%"></div></foreignObject><path data-figma-bg-blur-radius="7.7" d="M41.4277 44.4463C41.9889 44.4445 42.545 44.5548 43.0635 44.7695L43.0664 44.7705C43.5662 44.9701 44.0211 45.2736 44.4023 45.6631V45.6641C44.7818 46.0508 45.0863 46.5044 45.3008 47.002C45.7513 48.0582 45.7514 49.2612 45.3008 50.3174L45.2998 50.3203C45.0888 50.8287 44.7861 51.2906 44.4082 51.6816C44.0235 52.0723 43.5672 52.3856 43.0645 52.6045H43.0635C42.6128 52.8018 42.1308 52.9159 41.6406 52.9414L41.4307 52.9473H41.4277C40.881 52.953 40.3386 52.8433 39.8369 52.626C39.3476 52.4047 38.9011 52.0919 38.5205 51.7041C38.1389 51.3147 37.8336 50.8515 37.623 50.3418L37.6221 50.3398L37.543 50.1396C37.1732 49.133 37.1994 48.0129 37.6221 47.0225L37.623 47.0215C37.8354 46.5136 38.1398 46.0521 38.5205 45.6631C38.8962 45.2775 39.3431 44.9737 39.834 44.7695L39.8359 44.7686C40.3394 44.555 40.8808 44.445 41.4277 44.4463ZM21.7012 44.3457C22.7275 44.3467 23.7175 44.73 24.4893 45.4229L24.6406 45.5654C25.0265 45.9512 25.3298 46.4114 25.5322 46.918V46.9189C25.9455 47.9906 25.9459 49.1772 25.5332 50.249C25.3306 50.7572 25.0267 51.2188 24.6396 51.6055L24.6377 51.6074C24.2531 51.9987 23.8012 52.3174 23.3037 52.5488C22.8638 52.7492 22.3907 52.865 21.9092 52.8896L21.7021 52.8945H21.6992C21.1381 52.9008 20.5823 52.7828 20.0723 52.5488H20.0732C19.5838 52.3227 19.1354 52.0109 18.748 51.627L18.7471 51.626L18.6045 51.4785C18.2827 51.1267 18.0279 50.7179 17.8545 50.2725V50.2715C17.4609 49.2681 17.4367 48.16 17.7812 47.1436L17.8545 46.9414C18.0544 46.4292 18.3594 45.9675 18.7471 45.5869H18.748C19.0837 45.2547 19.4681 44.9799 19.8867 44.7725L20.0684 44.6875C20.5834 44.4628 21.1392 44.3467 21.7012 44.3457ZM13.1533 9.25L13.3369 9.26367C13.764 9.30833 14.1787 9.4441 14.5537 9.66406L14.5566 9.66602C14.8814 9.84993 15.1625 10.1019 15.3799 10.4053L15.3818 10.4082C15.5785 10.6744 15.7251 10.9743 15.8145 11.293L15.8154 11.2979C15.9126 11.6194 15.9903 11.9097 16.0527 12.1406C16.1097 12.3515 16.17 12.74 16.2324 13.2178L16.4248 14.791C16.478 15.466 16.5747 16.1365 16.7139 16.7979L16.7549 16.9961H49.4092L49.4209 16.9951C50.085 16.9315 50.7553 17.0071 51.3887 17.2168C51.7531 17.3658 52.0687 17.62 52.2979 17.9502C52.4511 18.2077 52.5366 18.4988 52.5469 18.7969V18.9287C52.5394 19.2552 52.4869 19.5792 52.3916 19.8916C52.1918 20.489 51.9939 21.0872 51.7969 21.6855C51.4963 22.5968 51.159 23.5868 50.7607 24.6719C50.3597 25.7649 50.0057 26.8484 49.6436 27.918C49.4618 28.4548 49.3016 28.9349 49.1631 29.3584L48.8115 30.459C48.6078 31.1059 48.3796 31.7482 48.127 32.2881C47.9028 32.7671 47.6703 33.142 47.4365 33.373L47.3359 33.4629C47.0169 33.7206 46.6811 33.9994 46.3125 34.2168C45.9459 34.433 45.566 34.5762 45.168 34.5762H19.9258L20.0127 34.8926L20.7246 37.4766L20.7744 37.6602H44.8916C45.5822 37.6602 46.08 37.9191 46.4092 38.3135C46.7433 38.714 46.9209 39.2757 46.9209 39.8984V39.9043C46.9349 40.4948 46.7907 41.0769 46.5068 41.5889C46.141 42.0937 45.5527 42.3704 44.9473 42.3242L44.9375 42.3232H20.0752L20.0635 42.3242C19.5658 42.3719 19.0651 42.2662 18.625 42.0205C18.2324 41.7683 17.8964 41.4313 17.6396 41.0332C17.3626 40.5808 17.1419 40.0932 16.9834 39.584L16.9824 39.5811C16.8202 39.083 16.6873 38.5756 16.585 38.0615C16.5518 37.8539 16.4632 37.3863 16.3262 36.6553C16.1861 35.9073 16.0102 34.9743 15.8076 33.8545C15.6054 32.7332 15.3764 31.4836 15.1221 30.1162C14.8671 28.7464 14.6066 26.9322 14.3652 25.5439L14.3643 25.542L14.1348 24.3193C13.59 21.484 12.9884 18.6865 12.3262 14.1738L12.2949 13.96H8.51367C8.24462 13.96 7.97559 14.042 7.81445 14.0742C7.63071 14.1109 7.54873 14.0996 7.48145 14.0488C7.13472 13.7856 6.93568 13.6854 6.75977 13.3965L6.75293 13.3867C6.56684 13.1105 6.43543 12.8011 6.36523 12.4756L6.36426 12.4746L6.31738 12.2344C6.27665 11.9935 6.25463 11.7494 6.25098 11.5049V11.502L6.25488 11.2852C6.28358 10.8546 6.43518 10.4429 6.68945 10.1016L6.82422 9.9375C7.18291 9.55944 7.65518 9.32377 8.15918 9.26465L8.37695 9.25H13.1533Z" fill="#B7FFF9" fill-opacity="0.5" stroke="white" stroke-width="0.5"/>
<defs>
<clipPath id="bgblur_0_2853_28762_clip_path" transform="translate(1.7 -1.3)"><path d="M41.4277 44.4463C41.9889 44.4445 42.545 44.5548 43.0635 44.7695L43.0664 44.7705C43.5662 44.9701 44.0211 45.2736 44.4023 45.6631V45.6641C44.7818 46.0508 45.0863 46.5044 45.3008 47.002C45.7513 48.0582 45.7514 49.2612 45.3008 50.3174L45.2998 50.3203C45.0888 50.8287 44.7861 51.2906 44.4082 51.6816C44.0235 52.0723 43.5672 52.3856 43.0645 52.6045H43.0635C42.6128 52.8018 42.1308 52.9159 41.6406 52.9414L41.4307 52.9473H41.4277C40.881 52.953 40.3386 52.8433 39.8369 52.626C39.3476 52.4047 38.9011 52.0919 38.5205 51.7041C38.1389 51.3147 37.8336 50.8515 37.623 50.3418L37.6221 50.3398L37.543 50.1396C37.1732 49.133 37.1994 48.0129 37.6221 47.0225L37.623 47.0215C37.8354 46.5136 38.1398 46.0521 38.5205 45.6631C38.8962 45.2775 39.3431 44.9737 39.834 44.7695L39.8359 44.7686C40.3394 44.555 40.8808 44.445 41.4277 44.4463ZM21.7012 44.3457C22.7275 44.3467 23.7175 44.73 24.4893 45.4229L24.6406 45.5654C25.0265 45.9512 25.3298 46.4114 25.5322 46.918V46.9189C25.9455 47.9906 25.9459 49.1772 25.5332 50.249C25.3306 50.7572 25.0267 51.2188 24.6396 51.6055L24.6377 51.6074C24.2531 51.9987 23.8012 52.3174 23.3037 52.5488C22.8638 52.7492 22.3907 52.865 21.9092 52.8896L21.7021 52.8945H21.6992C21.1381 52.9008 20.5823 52.7828 20.0723 52.5488H20.0732C19.5838 52.3227 19.1354 52.0109 18.748 51.627L18.7471 51.626L18.6045 51.4785C18.2827 51.1267 18.0279 50.7179 17.8545 50.2725V50.2715C17.4609 49.2681 17.4367 48.16 17.7812 47.1436L17.8545 46.9414C18.0544 46.4292 18.3594 45.9675 18.7471 45.5869H18.748C19.0837 45.2547 19.4681 44.9799 19.8867 44.7725L20.0684 44.6875C20.5834 44.4628 21.1392 44.3467 21.7012 44.3457ZM13.1533 9.25L13.3369 9.26367C13.764 9.30833 14.1787 9.4441 14.5537 9.66406L14.5566 9.66602C14.8814 9.84993 15.1625 10.1019 15.3799 10.4053L15.3818 10.4082C15.5785 10.6744 15.7251 10.9743 15.8145 11.293L15.8154 11.2979C15.9126 11.6194 15.9903 11.9097 16.0527 12.1406C16.1097 12.3515 16.17 12.74 16.2324 13.2178L16.4248 14.791C16.478 15.466 16.5747 16.1365 16.7139 16.7979L16.7549 16.9961H49.4092L49.4209 16.9951C50.085 16.9315 50.7553 17.0071 51.3887 17.2168C51.7531 17.3658 52.0687 17.62 52.2979 17.9502C52.4511 18.2077 52.5366 18.4988 52.5469 18.7969V18.9287C52.5394 19.2552 52.4869 19.5792 52.3916 19.8916C52.1918 20.489 51.9939 21.0872 51.7969 21.6855C51.4963 22.5968 51.159 23.5868 50.7607 24.6719C50.3597 25.7649 50.0057 26.8484 49.6436 27.918C49.4618 28.4548 49.3016 28.9349 49.1631 29.3584L48.8115 30.459C48.6078 31.1059 48.3796 31.7482 48.127 32.2881C47.9028 32.7671 47.6703 33.142 47.4365 33.373L47.3359 33.4629C47.0169 33.7206 46.6811 33.9994 46.3125 34.2168C45.9459 34.433 45.566 34.5762 45.168 34.5762H19.9258L20.0127 34.8926L20.7246 37.4766L20.7744 37.6602H44.8916C45.5822 37.6602 46.08 37.9191 46.4092 38.3135C46.7433 38.714 46.9209 39.2757 46.9209 39.8984V39.9043C46.9349 40.4948 46.7907 41.0769 46.5068 41.5889C46.141 42.0937 45.5527 42.3704 44.9473 42.3242L44.9375 42.3232H20.0752L20.0635 42.3242C19.5658 42.3719 19.0651 42.2662 18.625 42.0205C18.2324 41.7683 17.8964 41.4313 17.6396 41.0332C17.3626 40.5808 17.1419 40.0932 16.9834 39.584L16.9824 39.5811C16.8202 39.083 16.6873 38.5756 16.585 38.0615C16.5518 37.8539 16.4632 37.3863 16.3262 36.6553C16.1861 35.9073 16.0102 34.9743 15.8076 33.8545C15.6054 32.7332 15.3764 31.4836 15.1221 30.1162C14.8671 28.7464 14.6066 26.9322 14.3652 25.5439L14.3643 25.542L14.1348 24.3193C13.59 21.484 12.9884 18.6865 12.3262 14.1738L12.2949 13.96H8.51367C8.24462 13.96 7.97559 14.042 7.81445 14.0742C7.63071 14.1109 7.54873 14.0996 7.48145 14.0488C7.13472 13.7856 6.93568 13.6854 6.75977 13.3965L6.75293 13.3867C6.56684 13.1105 6.43543 12.8011 6.36523 12.4756L6.36426 12.4746L6.31738 12.2344C6.27665 11.9935 6.25463 11.7494 6.25098 11.5049V11.502L6.25488 11.2852C6.28358 10.8546 6.43518 10.4429 6.68945 10.1016L6.82422 9.9375C7.18291 9.55944 7.65518 9.32377 8.15918 9.26465L8.37695 9.25H13.1533Z"/>
</clipPath></defs>
</svg>

After

Width:  |  Height:  |  Size: 11 KiB

@ -0,0 +1,7 @@
<svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9.76032 25.6985L9.88096 25.7645L24.1973 34.1808C24.5728 34.4016 24.8869 34.7022 25.1136 35.058C25.3404 35.4139 25.4734 35.8148 25.5019 36.2278V51.2532C25.5021 51.5531 25.4194 51.8479 25.2619 52.1094C25.1044 52.3708 24.8773 52.59 24.6025 52.7458C24.3277 52.9016 24.0145 52.9888 23.6931 52.999C23.3716 53.0092 23.0528 52.942 22.7673 52.8039L22.645 52.7394L10.1174 45.5604C9.19852 45.034 8.4332 44.3043 7.88939 43.436C7.34557 42.5677 7.04007 41.5877 7 40.5829V27.2402C7.00015 26.9392 7.08376 26.6434 7.24273 26.3814C7.4017 26.1194 7.63061 25.9003 7.90726 25.7451C8.1839 25.59 8.49887 25.5041 8.82159 25.496C9.1443 25.4878 9.4638 25.5576 9.74906 25.6985H9.76032ZM44.1324 26.2444C44.6059 26.2444 45.0618 26.4116 45.4083 26.7124C45.7548 27.0132 45.9662 27.4253 46 27.8656V40.7614C46.0001 41.7748 45.7297 42.7722 45.2133 43.6639C44.6969 44.5556 43.9507 45.3135 43.0418 45.8693L42.8343 45.9908L30.9968 52.6524C30.7225 52.8066 30.4104 52.8926 30.0904 52.9022C29.7703 52.9119 29.4529 52.8448 29.1686 52.7074C28.8842 52.5701 28.6424 52.367 28.4663 52.1177C28.2901 51.8683 28.1855 51.581 28.1625 51.2832V36.3133C28.1624 35.887 28.274 35.4672 28.4877 35.0903C28.7013 34.7134 29.0104 34.3909 29.3882 34.1508L29.5362 34.0638L43.1786 26.4933C43.4705 26.3318 43.8042 26.2473 44.1437 26.2489L44.1324 26.2444ZM30.0509 11.9313L43.4568 19.7192C43.7264 19.8761 43.9488 20.0943 44.1029 20.3534C44.2571 20.6125 44.338 20.9039 44.338 21.2002C44.338 21.4965 44.2571 21.7879 44.1029 22.0469C43.9488 22.306 43.7264 22.5243 43.4568 22.6811L30.0509 30.4645C29.0154 31.066 27.8203 31.386 26.6002 31.3884C25.3801 31.3907 24.1836 31.0755 23.1453 30.478L9.59142 22.6796C9.31968 22.5233 9.09536 22.3047 8.93977 22.0447C8.78419 21.7847 8.70251 21.4919 8.70251 21.1942C8.70251 20.8965 8.78419 20.6037 8.93977 20.3437C9.09536 20.0837 9.31968 19.8651 9.59142 19.7087L23.1453 11.9104C24.1836 11.3129 25.3801 10.9976 26.6002 11C27.8203 11.0024 29.0154 11.3224 30.0509 11.9239V11.9313Z" fill="#5E949B"/>
<foreignObject x="13.3098" y="3.30162" width="50.4" height="40.4"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(3.85px);clip-path:url(#bgblur_0_2853_28772_clip_path);height:100%;width:100%"></div></foreignObject><path data-figma-bg-blur-radius="7.7" d="M42.4844 28.7467L42.4824 28.7311C42.4604 28.5616 42.4046 28.3977 42.3193 28.2497C42.2341 28.1016 42.1209 27.9715 41.9854 27.8678C41.8498 27.7641 41.6943 27.6883 41.5293 27.6452C41.3709 27.6038 41.2062 27.5942 41.0439 27.6149C39.1311 27.6865 35.6083 27.4119 31.9697 28.067C28.4248 28.7054 24.7081 30.2314 22.1172 33.8395L21.8701 34.195C21.7968 34.3032 21.6364 34.3555 21.4678 34.3151C21.2956 34.2738 21.2514 34.1797 21.2607 34.109C21.8828 29.9454 23.1609 26.5543 26.083 24.0973C29.0126 21.6341 33.6357 20.0754 41.0293 19.6813L41.0283 19.6803C41.3378 19.6873 41.639 19.5804 41.874 19.3776C42.1144 19.17 42.2679 18.8792 42.3037 18.5631L42.2422 18.5407H42.3018V11.9049C42.3019 11.6441 42.5012 11.4124 42.8369 11.3053C43.1672 11.2 43.5551 11.2458 43.8252 11.4733L55.5254 23.1706L55.5381 23.1833L55.5518 23.193C55.6161 23.2416 55.6689 23.3049 55.7051 23.3776C55.7413 23.4504 55.7598 23.5313 55.7598 23.6129C55.7598 23.6943 55.7411 23.7746 55.7051 23.8473C55.6689 23.9201 55.6161 23.9833 55.5518 24.0319L55.5381 24.0426L55.5254 24.0544L44.0039 35.5299C43.7318 35.7582 43.3444 35.8031 43.0156 35.6969C42.6818 35.589 42.4844 35.3569 42.4844 35.0983V28.7467Z" fill="#B7FFF9" fill-opacity="0.5" stroke="white" stroke-width="0.5"/>
<defs>
<clipPath id="bgblur_0_2853_28772_clip_path" transform="translate(-13.3098 -3.30162)"><path d="M42.4844 28.7467L42.4824 28.7311C42.4604 28.5616 42.4046 28.3977 42.3193 28.2497C42.2341 28.1016 42.1209 27.9715 41.9854 27.8678C41.8498 27.7641 41.6943 27.6883 41.5293 27.6452C41.3709 27.6038 41.2062 27.5942 41.0439 27.6149C39.1311 27.6865 35.6083 27.4119 31.9697 28.067C28.4248 28.7054 24.7081 30.2314 22.1172 33.8395L21.8701 34.195C21.7968 34.3032 21.6364 34.3555 21.4678 34.3151C21.2956 34.2738 21.2514 34.1797 21.2607 34.109C21.8828 29.9454 23.1609 26.5543 26.083 24.0973C29.0126 21.6341 33.6357 20.0754 41.0293 19.6813L41.0283 19.6803C41.3378 19.6873 41.639 19.5804 41.874 19.3776C42.1144 19.17 42.2679 18.8792 42.3037 18.5631L42.2422 18.5407H42.3018V11.9049C42.3019 11.6441 42.5012 11.4124 42.8369 11.3053C43.1672 11.2 43.5551 11.2458 43.8252 11.4733L55.5254 23.1706L55.5381 23.1833L55.5518 23.193C55.6161 23.2416 55.6689 23.3049 55.7051 23.3776C55.7413 23.4504 55.7598 23.5313 55.7598 23.6129C55.7598 23.6943 55.7411 23.7746 55.7051 23.8473C55.6689 23.9201 55.6161 23.9833 55.5518 24.0319L55.5381 24.0426L55.5254 24.0544L44.0039 35.5299C43.7318 35.7582 43.3444 35.8031 43.0156 35.6969C42.6818 35.589 42.4844 35.3569 42.4844 35.0983V28.7467Z"/>
</clipPath></defs>
</svg>

After

Width:  |  Height:  |  Size: 4.7 KiB

@ -0,0 +1,7 @@
<svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M18.6653 15.6775L17.3453 17.0325C17.3163 17.0822 17.301 17.1387 17.301 17.1963C17.301 17.2538 17.3163 17.3103 17.3453 17.36L22.0878 28.275C22.1087 28.3178 22.1185 28.3652 22.1164 28.4127C22.1143 28.4603 22.1003 28.5066 22.0757 28.5474C22.0511 28.5882 22.0166 28.6222 21.9755 28.6462C21.9344 28.6702 21.8879 28.6836 21.8403 28.685H14.2528C14.2141 28.7033 14.1718 28.7127 14.129 28.7127C14.0862 28.7127 14.044 28.7033 14.0053 28.685L10.4178 20.4775C10.3726 20.4556 10.323 20.4442 10.2728 20.4442C10.2225 20.4442 10.173 20.4556 10.1278 20.4775C8.71154 20.6063 7.28388 20.4475 5.93058 20.0106C4.57729 19.5737 3.32629 18.8677 2.25277 17.935C1.11312 14.266 0.942588 10.3645 1.75777 6.61H4.02527L6.50027 12.805C6.53897 12.8233 6.58123 12.8327 6.62402 12.8327C6.66681 12.8327 6.70907 12.8233 6.74777 12.805C8.12479 12.9224 9.51057 12.7287 10.8027 12.2385C12.0948 11.7482 13.2602 10.9738 14.2128 9.9725C14.2413 9.9231 14.2563 9.86705 14.2563 9.81C14.2563 9.75295 14.2413 9.69691 14.2128 9.6475L11.4878 2.5875C11.4438 2.53592 11.4196 2.47032 11.4196 2.4025C11.4196 2.33469 11.4438 2.26909 11.4878 2.2175L12.8953 1.725C12.9339 1.68788 12.9854 1.66714 13.039 1.66714C13.0926 1.66714 13.1441 1.68788 13.1828 1.725C16.5054 3.98355 19.1673 7.08549 20.8953 10.7125C20.6017 12.5339 19.8344 14.2462 18.6703 15.6775H18.6653ZM25.9653 54.5775L27.3253 57.6575C28.7703 60.0375 34.2528 59.545 34.9128 56.59L34.2128 54.7425C34.1741 54.7242 34.1318 54.7148 34.089 54.7148C34.0462 54.7148 34.004 54.7242 33.9653 54.7425L25.9653 54.58V54.5775Z" fill="#5E949B"/>
<foreignObject x="3.3" y="8.3" width="62.8751" height="52.9631"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(3.85px);clip-path:url(#bgblur_0_2853_28783_clip_path);height:100%;width:100%"></div></foreignObject><path data-figma-bg-blur-radius="7.7" d="M46.3955 49.6641C46.395 49.5868 46.3773 49.5106 46.3447 49.4404C46.3123 49.3705 46.2655 49.3081 46.207 49.2578C46.1484 49.2075 46.0792 49.1699 46.0049 49.1484C45.9679 49.1378 45.9298 49.1315 45.8916 49.1289L45.7871 49.1318L37.0869 50.0322L36.999 50.041L36.9365 50.1035L34.1631 52.8633H19.2148C17.5298 52.8631 16.1658 51.5045 16.165 49.832C16.1706 49.0361 16.4862 48.2739 17.0439 47.7061L17.4609 47.2803H16.8652C15.7352 47.2803 14.7004 46.6563 14.1738 45.6631C13.9155 45.1763 13.7952 44.6283 13.8262 44.0781C13.8569 43.532 14.0347 43.0043 14.3418 42.5518C14.3839 42.5094 14.4222 42.4632 14.4482 42.4092C14.4833 42.3364 14.5009 42.2565 14.501 42.1758C14.501 42.0951 14.4832 42.0151 14.4482 41.9424C14.4131 41.8695 14.3611 41.8052 14.2979 41.7549L14.2676 41.7305L14.2314 41.7168C13.7278 41.5252 13.2844 41.2026 12.9473 40.7822C12.6102 40.3619 12.3912 39.8593 12.3135 39.3262C12.2358 38.7929 12.3027 38.2482 12.5059 37.749C12.7091 37.2499 13.0417 36.8137 13.4697 36.4863L13.4717 36.4844C13.5358 36.4341 13.5884 36.3701 13.624 36.2969C13.6596 36.2237 13.6777 36.1429 13.6777 36.0615C13.6777 35.9801 13.6596 35.8994 13.624 35.8262C13.5884 35.753 13.5358 35.6889 13.4717 35.6387L13.4355 35.6104L13.3926 35.5967L13.1133 35.4941C12.4776 35.2248 11.9483 34.7472 11.6172 34.1348C11.2388 33.435 11.1486 32.615 11.3652 31.8496C11.5858 31.083 12.0957 30.4319 12.7871 30.0342C13.4785 29.6365 14.2978 29.523 15.0713 29.7178L15.1016 29.7256H27.9043L27.9639 29.6895C28.043 29.6417 28.1087 29.5746 28.1543 29.4941C28.1998 29.4135 28.2246 29.3221 28.2246 29.2295C28.2246 29.1368 28.1999 29.0455 28.1543 28.9648C28.1123 28.8907 28.0534 28.8281 27.9824 28.7812C27.1265 28.1583 26.0735 27.5352 25.042 26.9121C24.0242 26.2973 23.0263 25.6805 22.2236 25.0488L20.1426 20.3525C20.5468 19.1074 21.3512 18.0299 22.4326 17.2891C23.486 16.5675 24.7422 16.2059 26.0146 16.2549C26.7951 20.3005 30.234 22.2063 33.6719 23.9795C35.4352 24.889 37.2031 25.7649 38.6885 26.876C40.1473 27.9672 41.3154 29.2736 41.9209 31.0381C41.9119 31.0773 41.9072 31.1177 41.9072 31.1582C41.9072 31.2375 41.9249 31.316 41.959 31.3877L42.0273 31.5303H46.0742L46.0879 31.5293C46.2166 31.5147 46.3373 31.457 46.4297 31.3662C46.5219 31.2755 46.5808 31.1565 46.5977 31.0283L46.6006 31.0117V30.9951C46.6008 29.5242 47.7978 28.3311 49.2754 28.3311H55.5479C57.028 28.3312 58.2253 29.5244 58.2256 30.9951V50.6504C58.2256 52.121 57.0285 53.3134 55.5479 53.3135H49.0723C47.5918 53.3133 46.3955 52.1209 46.3955 50.6504V49.6641Z" fill="#B7FFF9" fill-opacity="0.5" stroke="white" stroke-width="0.5"/>
<defs>
<clipPath id="bgblur_0_2853_28783_clip_path" transform="translate(-3.3 -8.3)"><path d="M46.3955 49.6641C46.395 49.5868 46.3773 49.5106 46.3447 49.4404C46.3123 49.3705 46.2655 49.3081 46.207 49.2578C46.1484 49.2075 46.0792 49.1699 46.0049 49.1484C45.9679 49.1378 45.9298 49.1315 45.8916 49.1289L45.7871 49.1318L37.0869 50.0322L36.999 50.041L36.9365 50.1035L34.1631 52.8633H19.2148C17.5298 52.8631 16.1658 51.5045 16.165 49.832C16.1706 49.0361 16.4862 48.2739 17.0439 47.7061L17.4609 47.2803H16.8652C15.7352 47.2803 14.7004 46.6563 14.1738 45.6631C13.9155 45.1763 13.7952 44.6283 13.8262 44.0781C13.8569 43.532 14.0347 43.0043 14.3418 42.5518C14.3839 42.5094 14.4222 42.4632 14.4482 42.4092C14.4833 42.3364 14.5009 42.2565 14.501 42.1758C14.501 42.0951 14.4832 42.0151 14.4482 41.9424C14.4131 41.8695 14.3611 41.8052 14.2979 41.7549L14.2676 41.7305L14.2314 41.7168C13.7278 41.5252 13.2844 41.2026 12.9473 40.7822C12.6102 40.3619 12.3912 39.8593 12.3135 39.3262C12.2358 38.7929 12.3027 38.2482 12.5059 37.749C12.7091 37.2499 13.0417 36.8137 13.4697 36.4863L13.4717 36.4844C13.5358 36.4341 13.5884 36.3701 13.624 36.2969C13.6596 36.2237 13.6777 36.1429 13.6777 36.0615C13.6777 35.9801 13.6596 35.8994 13.624 35.8262C13.5884 35.753 13.5358 35.6889 13.4717 35.6387L13.4355 35.6104L13.3926 35.5967L13.1133 35.4941C12.4776 35.2248 11.9483 34.7472 11.6172 34.1348C11.2388 33.435 11.1486 32.615 11.3652 31.8496C11.5858 31.083 12.0957 30.4319 12.7871 30.0342C13.4785 29.6365 14.2978 29.523 15.0713 29.7178L15.1016 29.7256H27.9043L27.9639 29.6895C28.043 29.6417 28.1087 29.5746 28.1543 29.4941C28.1998 29.4135 28.2246 29.3221 28.2246 29.2295C28.2246 29.1368 28.1999 29.0455 28.1543 28.9648C28.1123 28.8907 28.0534 28.8281 27.9824 28.7812C27.1265 28.1583 26.0735 27.5352 25.042 26.9121C24.0242 26.2973 23.0263 25.6805 22.2236 25.0488L20.1426 20.3525C20.5468 19.1074 21.3512 18.0299 22.4326 17.2891C23.486 16.5675 24.7422 16.2059 26.0146 16.2549C26.7951 20.3005 30.234 22.2063 33.6719 23.9795C35.4352 24.889 37.2031 25.7649 38.6885 26.876C40.1473 27.9672 41.3154 29.2736 41.9209 31.0381C41.9119 31.0773 41.9072 31.1177 41.9072 31.1582C41.9072 31.2375 41.9249 31.316 41.959 31.3877L42.0273 31.5303H46.0742L46.0879 31.5293C46.2166 31.5147 46.3373 31.457 46.4297 31.3662C46.5219 31.2755 46.5808 31.1565 46.5977 31.0283L46.6006 31.0117V30.9951C46.6008 29.5242 47.7978 28.3311 49.2754 28.3311H55.5479C57.028 28.3312 58.2253 29.5244 58.2256 30.9951V50.6504C58.2256 52.121 57.0285 53.3134 55.5479 53.3135H49.0723C47.5918 53.3133 46.3955 52.1209 46.3955 50.6504V49.6641Z"/>
</clipPath></defs>
</svg>

After

Width:  |  Height:  |  Size: 6.9 KiB

@ -0,0 +1,7 @@
<svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M48 50H20C18 50 16.5 48.5 16.5 46.25V13.75C16.5 11.5 18 10 20 10H48.25C50 10 51.5 11.5 51.5 13.75V46C51.5 48.5 50 50 48 50ZM42.5 42.5C43.5 42.5 44.25 41.25 44.25 40C44.25 38.25 43.5 37.5 42.5 37.5H25.75C24.5 37.5 24 38.75 24 40C24 41.75 24.75 42.5 25.75 42.5H42.5ZM39.75 32.5C41 32.5 41.5 31.25 41.5 30C41.5 28.25 40.5 27.5 39.75 27.5H25.75C24.5 27.5 24 28.75 24 30C24 31.75 25 32.5 25.75 32.5H39.75ZM32 22.5C33.5 22.5 34 21.25 34 20C34 18.25 33 17.5 32 17.5H26C24.75 17.5 24 18.75 24 20C24 21.75 25 22.5 26 22.5H32Z" fill="#5E949B"/>
<foreignObject x="0.3" y="2.3" width="50.4" height="55.4"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(3.85px);clip-path:url(#bgblur_0_2853_28792_clip_path);height:100%;width:100%"></div></foreignObject><path data-figma-bg-blur-radius="7.7" d="M11.5 10.25H39.75C41.339 10.25 42.75 11.6139 42.75 13.75V46C42.75 47.2 42.391 48.1364 41.8154 48.7695C41.2411 49.4012 40.4347 49.75 39.5 49.75H11.5C10.5647 49.75 9.75598 49.4 9.18066 48.7959C8.60518 48.1914 8.25 47.3182 8.25 46.25V13.75C8.25 12.6818 8.60518 11.8086 9.18066 11.2041C9.75598 10.6 10.5647 10.25 11.5 10.25ZM17.25 37.25C16.524 37.25 16.0106 37.6203 15.6914 38.1523C15.3791 38.6728 15.25 39.3474 15.25 40C15.25 40.906 15.4435 41.5928 15.8018 42.0586C16.1669 42.5333 16.6815 42.75 17.25 42.75H34C34.6127 42.75 35.118 42.3674 35.458 41.8574C35.7995 41.3451 36 40.6713 36 40C36 39.094 35.8065 38.4072 35.4482 37.9414C35.0831 37.4667 34.5685 37.25 34 37.25H17.25ZM17.25 27.25C16.524 27.25 16.0106 27.6203 15.6914 28.1523C15.3791 28.6728 15.25 29.3474 15.25 30C15.25 31.8473 16.3244 32.75 17.25 32.75H31.25C31.976 32.75 32.4894 32.3797 32.8086 31.8477C33.1209 31.3272 33.25 30.6526 33.25 30C33.25 28.1527 32.1756 27.25 31.25 27.25H17.25ZM17.5 17.25C16.7817 17.25 16.2122 17.6127 15.8301 18.1338C15.4511 18.6506 15.25 19.3286 15.25 20C15.25 20.9228 15.5146 21.6138 15.9414 22.0762C16.368 22.5382 16.937 22.75 17.5 22.75H23.5C24.3321 22.75 24.9108 22.3969 25.2705 21.8574C25.6206 21.3323 25.75 20.652 25.75 20C25.75 19.0772 25.4854 18.3862 25.0586 17.9238C24.632 17.4618 24.063 17.25 23.5 17.25H17.5Z" fill="#B7FFF9" fill-opacity="0.5" stroke="white" stroke-width="0.5"/>
<defs>
<clipPath id="bgblur_0_2853_28792_clip_path" transform="translate(-0.3 -2.3)"><path d="M11.5 10.25H39.75C41.339 10.25 42.75 11.6139 42.75 13.75V46C42.75 47.2 42.391 48.1364 41.8154 48.7695C41.2411 49.4012 40.4347 49.75 39.5 49.75H11.5C10.5647 49.75 9.75598 49.4 9.18066 48.7959C8.60518 48.1914 8.25 47.3182 8.25 46.25V13.75C8.25 12.6818 8.60518 11.8086 9.18066 11.2041C9.75598 10.6 10.5647 10.25 11.5 10.25ZM17.25 37.25C16.524 37.25 16.0106 37.6203 15.6914 38.1523C15.3791 38.6728 15.25 39.3474 15.25 40C15.25 40.906 15.4435 41.5928 15.8018 42.0586C16.1669 42.5333 16.6815 42.75 17.25 42.75H34C34.6127 42.75 35.118 42.3674 35.458 41.8574C35.7995 41.3451 36 40.6713 36 40C36 39.094 35.8065 38.4072 35.4482 37.9414C35.0831 37.4667 34.5685 37.25 34 37.25H17.25ZM17.25 27.25C16.524 27.25 16.0106 27.6203 15.6914 28.1523C15.3791 28.6728 15.25 29.3474 15.25 30C15.25 31.8473 16.3244 32.75 17.25 32.75H31.25C31.976 32.75 32.4894 32.3797 32.8086 31.8477C33.1209 31.3272 33.25 30.6526 33.25 30C33.25 28.1527 32.1756 27.25 31.25 27.25H17.25ZM17.5 17.25C16.7817 17.25 16.2122 17.6127 15.8301 18.1338C15.4511 18.6506 15.25 19.3286 15.25 20C15.25 20.9228 15.5146 21.6138 15.9414 22.0762C16.368 22.5382 16.937 22.75 17.5 22.75H23.5C24.3321 22.75 24.9108 22.3969 25.2705 21.8574C25.6206 21.3323 25.75 20.652 25.75 20C25.75 19.0772 25.4854 18.3862 25.0586 17.9238C24.632 17.4618 24.063 17.25 23.5 17.25H17.5Z"/>
</clipPath></defs>
</svg>

After

Width:  |  Height:  |  Size: 3.6 KiB

@ -0,0 +1,7 @@
<svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M21.5824 38.0018V22.0018C21.5824 21.4507 22.0141 20.9991 22.5413 20.9991H48.4176L21.5824 38.0018ZM55.6041 43.0009H53.2086V20.9991C53.2086 18.24 51.0608 16 48.4176 16H21.5824C18.9392 16 16.7914 18.24 16.7914 20.9991V43.0009H14.3959C14.0753 43.0069 13.759 43.0763 13.465 43.2052C13.1711 43.3341 12.9053 43.5199 12.6829 43.752C12.4604 43.9841 12.2857 44.258 12.1686 44.558C12.0515 44.858 11.9943 45.1783 12.0004 45.5004C11.9943 45.8226 12.0515 46.1429 12.1686 46.4429C12.2857 46.7429 12.4604 47.0168 12.6829 47.2489C12.9053 47.481 13.1711 47.6668 13.465 47.7957C13.759 47.9246 14.0753 47.994 14.3959 48H55.6041C55.9247 47.994 56.241 47.9246 56.535 47.7957C56.8289 47.6668 57.0947 47.481 57.3171 47.2489C57.5396 47.0168 57.7143 46.7429 57.8314 46.4429C57.9485 46.1429 58.0057 45.8226 57.9996 45.5004C58.0057 45.1783 57.9485 44.858 57.8314 44.558C57.7143 44.258 57.5396 43.9841 57.3171 43.752C57.0947 43.5199 56.8289 43.3341 56.535 43.2052C56.241 43.0763 55.9247 43.0069 55.6041 43.0009Z" fill="#5E949B"/>
<foreignObject x="-5.7" y="6.3" width="64.4" height="49.4"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(3.85px);clip-path:url(#bgblur_0_2853_28802_clip_path);height:100%;width:100%"></div></foreignObject><path data-figma-bg-blur-radius="7.7" d="M12.207 14.25H40.793C43.461 14.2502 45.6465 16.5087 45.6465 19.3115V42.9385H48.4434L48.6738 42.9541C48.9028 42.9811 49.1268 43.042 49.3389 43.1348C49.6218 43.2585 49.8786 43.4372 50.0928 43.6602C50.3067 43.8829 50.4752 44.1457 50.5879 44.4336C50.7007 44.7218 50.7559 45.0303 50.75 45.3398H50.749L50.75 45.3486C50.7559 45.6582 50.7007 45.9667 50.5879 46.2549C50.4752 46.5428 50.3067 46.8055 50.0928 47.0283C49.8786 47.2513 49.6218 47.43 49.3389 47.5537C49.056 47.6774 48.7518 47.7442 48.4434 47.75H4.55664C4.24817 47.7442 3.94395 47.6774 3.66113 47.5537C3.37817 47.43 3.12144 47.2513 2.90723 47.0283C2.69329 46.8055 2.52482 46.5428 2.41211 46.2549C2.29932 45.9667 2.24413 45.6582 2.25 45.3486H2.25098L2.25 45.3398C2.24413 45.0303 2.29932 44.7218 2.41211 44.4336C2.52482 44.1457 2.69329 43.8829 2.90723 43.6602C3.12144 43.4372 3.37817 43.2585 3.66113 43.1348C3.8732 43.042 4.09724 42.9811 4.32617 42.9541L4.55664 42.9385H7.35352V19.3115C7.35353 16.5087 9.53899 14.2502 12.207 14.25ZM13.2285 19.0615C12.5191 19.0617 11.957 19.6635 11.957 20.377V37.8311L12.3408 37.5879L40.9258 19.5225L41.6562 19.0615H13.2285Z" fill="#B7FFF9" fill-opacity="0.5" stroke="white" stroke-width="0.5"/>
<defs>
<clipPath id="bgblur_0_2853_28802_clip_path" transform="translate(5.7 -6.3)"><path d="M12.207 14.25H40.793C43.461 14.2502 45.6465 16.5087 45.6465 19.3115V42.9385H48.4434L48.6738 42.9541C48.9028 42.9811 49.1268 43.042 49.3389 43.1348C49.6218 43.2585 49.8786 43.4372 50.0928 43.6602C50.3067 43.8829 50.4752 44.1457 50.5879 44.4336C50.7007 44.7218 50.7559 45.0303 50.75 45.3398H50.749L50.75 45.3486C50.7559 45.6582 50.7007 45.9667 50.5879 46.2549C50.4752 46.5428 50.3067 46.8055 50.0928 47.0283C49.8786 47.2513 49.6218 47.43 49.3389 47.5537C49.056 47.6774 48.7518 47.7442 48.4434 47.75H4.55664C4.24817 47.7442 3.94395 47.6774 3.66113 47.5537C3.37817 47.43 3.12144 47.2513 2.90723 47.0283C2.69329 46.8055 2.52482 46.5428 2.41211 46.2549C2.29932 45.9667 2.24413 45.6582 2.25 45.3486H2.25098L2.25 45.3398C2.24413 45.0303 2.29932 44.7218 2.41211 44.4336C2.52482 44.1457 2.69329 43.8829 2.90723 43.6602C3.12144 43.4372 3.37817 43.2585 3.66113 43.1348C3.8732 43.042 4.09724 42.9811 4.32617 42.9541L4.55664 42.9385H7.35352V19.3115C7.35353 16.5087 9.53899 14.2502 12.207 14.25ZM13.2285 19.0615C12.5191 19.0617 11.957 19.6635 11.957 20.377V37.8311L12.3408 37.5879L40.9258 19.5225L41.6562 19.0615H13.2285Z"/>
</clipPath></defs>
</svg>

After

Width:  |  Height:  |  Size: 3.7 KiB

@ -0,0 +1,7 @@
<svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M45.8307 50H24.1713C20.7633 50 18 47.2498 18 43.8571V17.1429C18 13.7502 20.7633 11 24.1713 11H45.8297C49.2377 11 52 13.7502 52 17.1429V43.8571C52.001 47.2498 49.2377 50 45.8307 50ZM45.0336 11H41.0189V21.9997L43.0304 19.9208L45.0336 21.9997V11Z" fill="#5E949B"/>
<foreignObject x="0.3" y="-1.7" width="53.6607" height="59.4"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(3.85px);clip-path:url(#bgblur_0_2853_28812_clip_path);height:100%;width:100%"></div></foreignObject><path data-figma-bg-blur-radius="7.7" d="M14.9443 6.25H33.6533V19.0293L34.084 18.583L36.167 16.4238L38.2412 18.583L38.6719 19.0303V6.25H39.3174C43.0148 6.25004 46.0107 9.2415 46.0107 12.9307V43.0693C46.0119 46.7584 43.0147 49.75 39.3184 49.75H14.9443C11.247 49.7498 8.25 46.7583 8.25 43.0693V12.9307L8.25879 12.5869C8.43798 9.05752 11.3624 6.2502 14.9443 6.25Z" fill="#B7FFF9" fill-opacity="0.5" stroke="white" stroke-width="0.5"/>
<defs>
<clipPath id="bgblur_0_2853_28812_clip_path" transform="translate(-0.3 1.7)"><path d="M14.9443 6.25H33.6533V19.0293L34.084 18.583L36.167 16.4238L38.2412 18.583L38.6719 19.0303V6.25H39.3174C43.0148 6.25004 46.0107 9.2415 46.0107 12.9307V43.0693C46.0119 46.7584 43.0147 49.75 39.3184 49.75H14.9443C11.247 49.7498 8.25 46.7583 8.25 43.0693V12.9307L8.25879 12.5869C8.43798 9.05752 11.3624 6.2502 14.9443 6.25Z"/>
</clipPath></defs>
</svg>

After

Width:  |  Height:  |  Size: 1.4 KiB

@ -0,0 +1,7 @@
<svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M49.6842 24.6162V43.0118C49.6842 43.4719 49.5904 43.8763 49.4028 44.222C49.2159 44.5663 49.007 44.8564 48.7799 45.0865C48.4457 45.422 48.1071 45.6564 47.7642 45.7949C47.4219 45.9304 47.0724 46 46.7177 46H20.2225C19.4112 45.9787 18.7531 45.696 18.2548 45.1502C17.7649 44.6305 17.4864 43.947 17.4736 43.2331V24.6162L20.4408 15.4019C20.4408 15.3403 20.6812 15.0708 21.159 14.5997C21.639 14.1279 22.3887 13.8613 23.408 13.7968H43.7461C43.8516 13.7558 44.292 13.8862 45.074 14.1902C45.8559 14.4935 46.4018 15.2019 46.7155 16.3125L49.6834 24.6155L49.6842 24.6162ZM45.8105 22.3203L43.9667 16.7872H22.9705L21.3459 22.3203H45.8097H45.8105ZM39.7016 36.1725C40.1084 35.763 40.3121 35.2085 40.3121 34.5052C40.3121 33.8034 40.1084 33.2474 39.7016 32.8378C39.2949 32.4276 38.7372 32.2144 38.0308 32.1932H28.9093C28.2007 32.2144 27.643 32.4305 27.2385 32.8378C26.834 33.2444 26.6281 33.8012 26.6281 34.5052C26.6281 35.2063 26.8318 35.763 27.2385 36.1725C27.6452 36.582 28.2007 36.7864 28.9093 36.7864H38.0323C38.738 36.7842 39.2957 36.5813 39.7031 36.1725H39.7016Z" fill="#5E949B"/>
<foreignObject x="2.61592" y="4.3" width="49.4" height="49.4"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(3.85px);clip-path:url(#bgblur_0_2853_28822_clip_path);height:100%;width:100%"></div></foreignObject><path data-figma-bg-blur-radius="7.7" d="M38.1577 12.2559C38.215 12.2653 38.2978 12.2852 38.4097 12.3184C38.6331 12.3845 38.9484 12.4966 39.3589 12.6562C40.0855 12.9381 40.6234 13.6038 40.9419 14.7314L40.9438 14.7393L40.9468 14.7471L44.0659 23.4727V42.8457C44.0659 43.2968 43.9742 43.6814 43.7993 44.0039C43.6111 44.3506 43.404 44.6366 43.1841 44.8594C42.8499 45.1949 42.5203 45.4199 42.1968 45.5508C41.8632 45.6828 41.5258 45.7499 41.1851 45.75H13.2241C12.4279 45.7291 11.7998 45.4549 11.3247 44.9346L11.3228 44.9316L11.1538 44.7354C10.8372 44.3299 10.6395 43.8442 10.5825 43.333L10.5659 43.0752V23.4678L13.686 13.7783V13.7754C13.6889 13.7711 13.6929 13.7654 13.6978 13.7588C13.7221 13.7253 13.7629 13.6754 13.8237 13.6074C13.8843 13.5396 13.9614 13.4579 14.0542 13.3623L14.3813 13.0332C14.8261 12.5962 15.5449 12.3251 16.5854 12.2578H38.0952L38.1128 12.25C38.1223 12.2506 38.1371 12.2525 38.1577 12.2559ZM22.3794 31.1758C21.5828 31.1997 20.9277 31.4455 20.4458 31.9307C19.9629 32.4162 19.7291 33.0723 19.729 33.8662C19.729 34.6571 19.9603 35.3139 20.4458 35.8027C20.9322 36.2925 21.5886 36.5244 22.3872 36.5244H32.0171C32.8116 36.5219 33.4702 36.2917 33.9575 35.8027L34.3823 35.377H34.2886C34.5468 34.955 34.6733 34.4484 34.6733 33.8662C34.6733 33.0748 34.4418 32.4194 33.9565 31.9307C33.472 31.442 32.8165 31.2007 32.0229 31.1768V31.1758H22.3794ZM15.8784 15.0938L14.1636 20.9346L14.0688 21.2549H40.5737L40.4644 20.9258L38.5181 15.085L38.4614 14.9141H15.9312L15.8784 15.0938Z" fill="#B7FFF9" fill-opacity="0.5" stroke="white" stroke-width="0.5"/>
<defs>
<clipPath id="bgblur_0_2853_28822_clip_path" transform="translate(-2.61592 -4.3)"><path d="M38.1577 12.2559C38.215 12.2653 38.2978 12.2852 38.4097 12.3184C38.6331 12.3845 38.9484 12.4966 39.3589 12.6562C40.0855 12.9381 40.6234 13.6038 40.9419 14.7314L40.9438 14.7393L40.9468 14.7471L44.0659 23.4727V42.8457C44.0659 43.2968 43.9742 43.6814 43.7993 44.0039C43.6111 44.3506 43.404 44.6366 43.1841 44.8594C42.8499 45.1949 42.5203 45.4199 42.1968 45.5508C41.8632 45.6828 41.5258 45.7499 41.1851 45.75H13.2241C12.4279 45.7291 11.7998 45.4549 11.3247 44.9346L11.3228 44.9316L11.1538 44.7354C10.8372 44.3299 10.6395 43.8442 10.5825 43.333L10.5659 43.0752V23.4678L13.686 13.7783V13.7754C13.6889 13.7711 13.6929 13.7654 13.6978 13.7588C13.7221 13.7253 13.7629 13.6754 13.8237 13.6074C13.8843 13.5396 13.9614 13.4579 14.0542 13.3623L14.3813 13.0332C14.8261 12.5962 15.5449 12.3251 16.5854 12.2578H38.0952L38.1128 12.25C38.1223 12.2506 38.1371 12.2525 38.1577 12.2559ZM22.3794 31.1758C21.5828 31.1997 20.9277 31.4455 20.4458 31.9307C19.9629 32.4162 19.7291 33.0723 19.729 33.8662C19.729 34.6571 19.9603 35.3139 20.4458 35.8027C20.9322 36.2925 21.5886 36.5244 22.3872 36.5244H32.0171C32.8116 36.5219 33.4702 36.2917 33.9575 35.8027L34.3823 35.377H34.2886C34.5468 34.955 34.6733 34.4484 34.6733 33.8662C34.6733 33.0748 34.4418 32.4194 33.9565 31.9307C33.472 31.442 32.8165 31.2007 32.0229 31.1768V31.1758H22.3794ZM15.8784 15.0938L14.1636 20.9346L14.0688 21.2549H40.5737L40.4644 20.9258L38.5181 15.085L38.4614 14.9141H15.9312L15.8784 15.0938Z"/>
</clipPath></defs>
</svg>

After

Width:  |  Height:  |  Size: 4.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 296 KiB

@ -0,0 +1,6 @@
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.3779 17.757C11.0859 17.757 9.22192 15.892 9.22192 13.601C9.22192 11.31 11.0869 9.44501 13.3779 9.44501C15.6689 9.44501 17.5339 11.31 17.5339 13.601C17.5339 15.892 15.6699 17.757 13.3779 17.757ZM13.3779 10.644C11.7479 10.644 10.4219 11.97 10.4219 13.6C10.4219 15.23 11.7479 16.556 13.3779 16.556C15.0079 16.556 16.3339 15.23 16.3339 13.6C16.3349 11.97 15.0079 10.644 13.3779 10.644Z" fill="#2C9E9D"/>
<path d="M6.5651 18.113H5.3011C3.9211 18.113 2.7981 16.99 2.7981 15.61V4.49601C2.7981 3.11601 3.9211 1.99301 5.3011 1.99301H14.7811C16.1611 1.99301 17.2841 3.11601 17.2841 4.49601V6.90601C17.2841 7.23701 17.0151 7.50601 16.6841 7.50601C16.3531 7.50601 16.0841 7.23701 16.0841 6.90601V4.49601C16.0841 3.77701 15.4991 3.19301 14.7811 3.19301H5.3011C4.5821 3.19301 3.9981 3.77801 3.9981 4.49601V15.61C3.9981 16.329 4.5831 16.913 5.3011 16.913H6.5661C6.8971 16.913 7.1661 17.182 7.1661 17.513C7.1661 17.844 6.8971 18.113 6.5651 18.113Z" fill="black"/>
<path d="M13.802 6.40001H6.29702C5.96602 6.40001 5.69702 6.13101 5.69702 5.80001C5.69702 5.46901 5.96602 5.20001 6.29702 5.20001H13.802C14.133 5.20001 14.402 5.46901 14.402 5.80001C14.402 6.13101 14.133 6.40001 13.802 6.40001ZM8.71302 9.62401H6.29702C5.96602 9.62401 5.69702 9.35501 5.69702 9.02401C5.69702 8.69301 5.96602 8.42401 6.29702 8.42401H8.71302C9.04402 8.42401 9.31302 8.69301 9.31302 9.02401C9.31302 9.35501 9.04402 9.62401 8.71302 9.62401ZM7.50502 12.848H6.29702C5.96602 12.848 5.69702 12.579 5.69702 12.248C5.69702 11.917 5.96602 11.648 6.29702 11.648H7.50502C7.83602 11.648 8.10502 11.917 8.10502 12.248C8.10502 12.579 7.83602 12.848 7.50502 12.848Z" fill="black"/>
<path d="M15.0641 14.6H13.3781C13.0471 14.6 12.7781 14.331 12.7781 14V12.244C12.7781 11.913 13.0471 11.644 13.3781 11.644C13.7091 11.644 13.9781 11.913 13.9781 12.244V13.4H15.0641C15.3951 13.4 15.6641 13.669 15.6641 14C15.6641 14.331 15.3951 14.6 15.0641 14.6Z" fill="#2C9E9D"/>
</svg>

After

Width:  |  Height:  |  Size: 2.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 MiB

@ -46,13 +46,17 @@
// 面包屑项基础样式
.breadcrumb-item {
height: 32px;
padding: 0 12px;
border-radius: 8px;
padding: 5px 12px;
border-top-right-radius: 8px;
border: 1px solid;
border-image-source: linear-gradient(96.54deg, #FFFFFF -0.94%, rgba(255, 255, 255, 0) 25.28%, rgba(167, 229, 228, 0) 59.69%, #A7E5E4 79.76%);
border-image-slice:1;
color:rgba(153, 153, 153, 1);
// 使用rgba格式设置带透明度的背景色最后一个参数0.13表示13%的透明度
background-color: rgba(186, 186, 186, 0.13);
background: rgb(230 243 241) ;
// border: 1px solid #E8E8E8;
margin-right: 8px;
display: flex;
display: inline-flex;
align-items: center;
transition: all 0.3s ease;
cursor: pointer;
@ -60,7 +64,11 @@
overflow: hidden;
text-overflow: ellipsis;
max-width: 180px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
//box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
backdrop-filter: blur(3.4000000953674316px);
box-shadow: 1px 2px 5px 0px rgba(0, 102, 101, 0.25);
box-sizing: border-box;
// 移除默认的分隔符
@ -84,7 +92,10 @@
// 悬停效果
&:hover {
border-color: #0056FF;
border-image-source: linear-gradient(96.54deg, #FFFFFF -0.94%, rgba(255, 255, 255, 0) 25.28%, rgba(0, 143, 142, 0) 59.69%, #008F8E 79.76%);
color:rgba(0, 102, 101, 1);
background-color: rgba(213, 245, 240, 1);
border-image-slice:1;
// transform: translateY(-1px);
box-shadow: 0 4px 8px rgba(0, 86, 255, 0.1);
}
@ -92,18 +103,25 @@
// 面包屑项选中状态样式
.breadcrumb-item-active {
background-color: rgba(94, 121, 246, 0.13);
background-color: rgba(213, 245, 240, 1);
border-image-source: linear-gradient(96.54deg, #FFFFFF -0.94%, rgba(255, 255, 255, 0) 25.28%, rgba(0, 143, 142, 0) 59.69%, #008F8E 79.76%);
border-image-slice:1;
//background:
// linear-gradient(96.54deg, #FFFFFF -0.94%, rgba(255, 255, 255, 0) 25.28%, rgba(167, 229, 228, 0) 59.69%, #A7E5E4 79.76%) border-box,
// #000 border-box;
//background-clip: padding-box, border-box;
color:rgba(0, 102, 101, 1);
// border-color: #0056FF;
.ant-breadcrumb-link {
color: #0056FF !important;
color: rgba(0, 102, 101, 1) !important;
font-weight: 500;
}
}
// 面包屑文本选中状态样式 - 对应第252行代码中的条件样式
.breadcrumb-item-text-active {
color: #0056FF !important;
color: rgba(0, 102, 101, 1) !important;
font-weight: 500;
}
@ -128,7 +146,7 @@
flex: 1;
.breadcrumb-item-text-active {
color: #0056FF !important;
color: rgba(0, 102, 101, 1) !important;
}
}
@ -145,7 +163,7 @@
flex-shrink: 0;
&:hover {
color: #0056FF;
color: rgba(0, 102, 101, 1);
}
}
@ -156,9 +174,9 @@
}
.ant-breadcrumb-link:hover {
color: #0056FF !important;
color: rgba(0, 102, 101, 1) !important;
}
.ant-breadcrumb-item-active .ant-breadcrumb-link {
color: #0056FF !important;
}
color: rgba(0, 102, 101, 1) !important;
}

@ -0,0 +1,67 @@
import {Col, Row, Tree} from "antd";
import Title from '../homepage/compontent/title'
const AssetGrouping = () => {
const treeData = [
{
title: '集团总部资产组 (1200)',
key: '0-0',
children: [
{
title: '研发中心分部 (500)',
key: '0-0-0',
children: [
{
title: '研发传感器组 (200)',
key: '0-0-0-0',
},
{
title: '研发服务器组 (300)',
key: '0-0-0-1',
},
]
},
{
title: '生产车间分部 (700)',
key: '0-0-1',
children:[
{
title: '车间产线设备组 (400)',
key: '0-0-1-0',
},
{
title: '车间环境监测组 (300)',
key: '0-0-1-1',
},
]
},
],
},
];
return (
<div style={{padding:'20px'}}>
<Row>
<Col span={5}>
<div style={{height:'100%',backgroundColor:'rgb(234, 245, 241)',padding:'20px'}}>
<Title title={'分组'}></Title>
<Tree
treeData={treeData}
showLine={true}
defaultExpandedKeys={['0-0']}
defaultSelectedKeys={['0-0-0-0']}
checkable={true}
// checkStrictly={true}
defaultExpandAll={true}
style={{backgroundColor:'rgb(234, 245, 241)',paddingTop:'20px',fontSize:'16px'}}
>
</Tree>
</div>
</Col>
<Col span={19}>
</Col>
</Row>
</div>
)
}
export default AssetGrouping

@ -0,0 +1,62 @@
import Title from '../homepage/compontent/title'
import {Button, Col, Form, Input, Row, Select} from "antd";
import styles from'./AssetList.less'
import {DeleteOutlined, PlusOutlined, SearchOutlined, SyncOutlined} from "@ant-design/icons";
import AssetTable from "@/pages/assetmangement_assetlist/compontent/table";
const {Search}= Input
const AssetList = ()=>{
return(
<div style={{padding:'20px'}}>
<Row justify={'space-between'}>
<Col>
<Title title={'查询条件'}></Title>
</Col>
<Col>
<Button icon={<SearchOutlined />} className={styles['search-button']} style={{marginRight:'30px'}}>查询</Button>
<Button icon={<SyncOutlined />} className={styles['reset-button']}>重置</Button>
</Col>
</Row>
<Row style={{marginTop:'20px',borderBottom:'1px solid #eeeeee',paddingBottom:'20px'}}>
<Form
layout={'inline'}
>
<Form.Item>
<Search placeholder={'搜索关键词'} style={{width:'291px'}}></Search>
</Form.Item>
<Form.Item label={'资产类型'}>
<Select defaultValue={'全部'} style={{width:'132px'}}></Select>
</Form.Item>
<Form.Item label={'状态'}>
<Select defaultValue={'全部'} style={{width:'132px'}}></Select>
</Form.Item>
<Form.Item label={'维保状态'}>
<Select defaultValue={'全部'} style={{width:'132px'}}></Select>
</Form.Item>
<Form.Item label={'地点'}>
<Select defaultValue={'全部'} style={{width:'132px'}}></Select>
</Form.Item>
</Form>
</Row>
<Row style={{marginTop:'20px'}}>
<div style={{flex:'1'}}>
<Title title={'资产列表'}></Title>
<Row style={{marginTop:'20px'}} >
<Col span={12}>
<Button className={styles['search-button']} style={{marginRight:'30px'}}>导入资产</Button>
<Button className={styles['reset-button']} style={{marginRight:'30px'}}>导出资产</Button>
<Button className={styles['del-button']}>删除</Button>
</Col>
<Col span={12} style={{textAlign:'right'}}>
<Button icon={<PlusOutlined />} className={styles['search-button']} style={{marginRight:'30px'}}>新增资产</Button>
</Col>
</Row>
</div>
</Row>
<Row style={{marginTop:'20px'}}>
<AssetTable></AssetTable>
</Row>
</div>
)
}
export default AssetList

@ -0,0 +1,31 @@
.search-button{
background-image: url('../../assets/img/assetmangement1.png');
background-repeat: no-repeat;
background-size: cover;
background-position:center;
color: #fff;
border-radius: 4px;
height: 36px;
border-color:#d9d9d9 ;
}
.reset-button{
background-image: url('../../assets/img/assetmangement2.png');
background-repeat: no-repeat;
background-size: cover;
background-position:center;
color: rgba(0, 102, 101, 1);
border-radius: 4px;
height: 36px;
border-color:#d9d9d9 ;
}
.del-button{
background-image: url('../../assets/img/assetmangement3.png');
background-repeat: no-repeat;
background-size: cover;
background-position:center;
color: #000;
border-radius: 4px;
height: 36px;
width:88px;
border-color:#d9d9d9 ;
}

@ -0,0 +1,283 @@
import {useEffect, useState} from "react";
import {Pagination, Table, Button, Tag} from "antd";
const mockData = [
{
'key': '1',
'资产ID': 1,
'资产名称': '工业终端A',
'管理人': '李经萍',
'状态': '在线',
'地点': '车间A',
'编号': 'ASSET-001',
'二维码信息': 'QR-001',
'分类分组': '终端',
'数量单位': '台',
'更新时间': '2025-10-20',
'维保时间': '2026-04-20',
'资产类型': '硬件',
'关联资产': '关联传感器S-001',
},
{
'key': '2',
'资产ID': 2,
'资产名称': '核心服务器B',
'管理人': '吴洁丽',
'状态': '在用',
'地点': '机房A',
'编号': 'ASSET-002',
'二维码信息': 'QR-002',
'分类分组': '服务器',
'数量单位': '台',
'更新时间': '2025-10-15',
'维保时间': '2026-03-15',
'资产类型': '硬件',
'关联资产': '关联存储设备D-001',
},
{
'key': '3',
'资产ID': 3,
'资产名称': '千兆路由器C',
'管理人': '李姝萍',
'状态': '在线',
'地点': '机房B',
'编号': 'ASSET-003',
'二维码信息': 'QR-003',
'分类分组': '网络设备',
'数量单位': '台',
'更新时间': '2025-10-10',
'维保时间': '2026-02-10',
'资产类型': '硬件',
'关联资产': '关联交换机E-001',
},
{
'key': '4',
'资产ID': 4,
'资产名称': '防火墙设备D',
'管理人': '何克金',
'状态': '在用',
'地点': '机房A',
'编号': 'ASSET-004',
'二维码信息': 'QR-004',
'分类分组': '安全设备',
'数量单位': '台',
'更新时间': '2025-10-05',
'维保时间': '2026-01-05',
'资产类型': '硬件',
'关联资产': '关联服务器B',
},
{
'key': '5',
'资产ID': 5,
'资产名称': '无线打印机E',
'管理人': '李勇',
'状态': '库存',
'地点': '仓库A',
'编号': 'ASSET-005',
'二维码信息': 'QR-005',
'分类分组': '外设',
'数量单位': '台',
'更新时间': '2025-10-01',
'维保时间': '2026-05-01',
'资产类型': '硬件',
'关联资产': '关联服务器B',
},
{
'key': '6',
'资产ID': 6,
'资产名称': '运维管理软件F',
'管理人': '周牧民',
'状态': '在用',
'地点': '办公区A',
'编号': 'ASSET-006',
'二维码信息': 'QR-006',
'分类分组': '软件',
'数量单位': '套',
'更新时间': '2025-09-25',
'维保时间': '2026-06-25',
'资产类型': '软件',
'关联资产': '关联工业终端A',
},
{
'key': '7',
'资产ID': 7,
'资产名称': '传感器配件包G',
'管理人': '何艳丽',
'状态': '维保中',
'地点': '维修区A',
'编号': 'ASSET-007',
'二维码信息': 'QR-007',
'分类分组': '附件',
'数量单位': '件',
'更新时间': '2025-09-20',
'维保时间': '2025-11-20',
'资产类型': '硬件',
'关联资产': '关联传感器S-001',
},
];
const AssetTable = () => {
// 分页状态
const [currentPage, setCurrentPage] = useState(1);
const [pageSize, setPageSize] = useState(10);
const [total, setTotal] = useState(mockData.length); // 实际项目中由接口返回总条数
// 表格数据(实际项目中由接口请求赋值)
const [dataSource, setDataSource] = useState(mockData);
// 接口请求函数(实际项目中替换为真实接口逻辑)
const fetchAssetData = async (page = 1, size = 10) => {
try {
// 模拟接口请求,实际替换为:
// const res = await axios.get('/api/assets', { params: { page, size } });
// setDataSource(res.data.list);
// setTotal(res.data.total);
setCurrentPage(page);
setPageSize(size);
} catch (error) {
console.error('获取资产数据失败:', error);
}
};
// 组件挂载时初始化数据
useEffect(() => {
fetchAssetData(currentPage, pageSize);
}, [currentPage, pageSize]);
// 处理分页变更
const handlePageChange = (page) => {
fetchAssetData(page, pageSize);
};
// 处理页大小变更
const handleShowSizeChange = (current, size) => {
fetchAssetData(current, size);
};
// 表格列配置
const columns = [
{
title: '资产ID',
dataIndex: '资产ID',
key: '资产ID',
},
{
title: '资产名称',
dataIndex: '资产名称',
key: '资产名称',
},
{
title: '管理人',
dataIndex: '管理人',
key: '管理人',
},
{
title: '状态',
dataIndex: '状态',
key: '状态',
render:(value)=>{
return <Tag color={value === '在线' ? 'green' : value === '在用' ? 'orange' : 'red'}>{value}</Tag>
}
},
{
title: '地点',
dataIndex: '地点',
key: '地点',
},
{
title: '编号',
dataIndex: '编号',
key: '编号',
},
{
title: '二维码信息',
dataIndex: '二维码信息',
key: '二维码信息',
},
{
title: '分类分组',
dataIndex: '分类分组',
key: '分类分组',
},
{
title: '数量单位',
dataIndex: '数量单位',
key: '数量单位',
},
{
title: '更新时间',
dataIndex: '更新时间',
key: '更新时间',
},
{
title: '维保时间',
dataIndex: '维保时间',
key: '维保时间',
},
{
title: '资产类型',
dataIndex: '资产类型',
key: '资产类型',
},
{
title: '关联资产',
dataIndex: '关联资产',
key: '关联资产',
},
{
title: '操作',
key: '操作',
render: () => (
<>
<Button style={{color:'rgba(44, 158, 157, 1)'}} type="link" size="small">查看详情</Button>
<Button style={{color:'rgba(44, 158, 157, 1)'}} type="link" size="small">编辑</Button>
<Button type="link" danger size="small">删除</Button>
<Button style={{color:'rgba(44, 158, 157, 1)'}} type="link" size="small">关联</Button>
</>
),
},
];
// 封装分页组件
const CustomPagination = ({ current, pageSize, total, onChange, onShowSizeChange }) => (
<Pagination
current={current}
pageSize={pageSize}
total={total}
onChange={onChange}
onShowSizeChange={onShowSizeChange}
showSizeChanger
pageSizeOptions={['5', '10', '20', '50']}
showTotal={(total) => `${total} 条记录`}
/>
);
return (
<div style={{width:'100%'}}>
<Table
columns={columns}
dataSource={dataSource}
rowKey="key"
pagination={false} // 关闭自带分页,使用自定义分页
rowSelection={{
type: 'checkbox', // 启用多选行
// 可选:处理选中事件
// onChange: (selectedRowKeys, selectedRows) => {
// console.log('选中行:', selectedRows);
// },
}}
style={{width:'100%'}}
/>
<div style={{ textAlign: 'right', marginTop: 16 }}>
<CustomPagination
current={currentPage}
pageSize={pageSize}
total={total}
onChange={handlePageChange}
onShowSizeChange={handleShowSizeChange}
/>
</div>
</div>
);
};
export default AssetTable;

@ -0,0 +1,505 @@
import styles from './HomePage.less';
import ReactECharts from 'echarts-for-react';
import svg1 from '@/assets/img/homepageSvg1.svg'
import svg2 from '@/assets/img/homepage2.svg'
import svg3 from '@/assets/img/homepage3.svg'
import svg4 from '@/assets/img/homepage4.svg'
import svg5 from '@/assets/img/homepage5.svg'
import svg6 from '@/assets/img/homepage6.svg'
import svg7 from '@/assets/img/homepage7.svg'
import svg8 from '@/assets/img/homepage8.svg'
import svg9 from '@/assets/img/homepage9.svg'
import {Col, Row} from "antd";
import Title from './compontent/title'
const WorkStatItem = (props) => {
return (
<div className={styles['work-stat-item']}>
<div>
<div style={{fontSize:'24px',fontWeight:'500'}}>{props.num}</div>
<div style={{marginTop:'10px'}}>{props.title}</div>
</div>
<div>
<img src={props.svg} alt="" />
</div>
</div>
)
}
const PieChart1 = () => {
// 饼图的配置项
const option = {
series: [
{
type: 'pie',
radius: ['40%', '70%'], // 环形饼图(内半径、外半径)
center: ['20%', '50%'], // 图表中心位置
data: [
{ name: '终端', value: 600, itemStyle: { color: '#86bbd8' } },
{ name: '服务器', value: 500, itemStyle: { color: '#a0c4e2' } },
{ name: '网络设备', value: 400, itemStyle: { color: '#6c96b9' } },
{ name: '安全设备', value: 700, itemStyle: { color: '#2e8bc0' } },
{ name: '其他', value: 452, itemStyle: { color: '#a2d5c6' } },
{ name: '外设', value: 550, itemStyle: { color: '#d4e2d4' } },
{ name: '附件', value: 300, itemStyle: { color: '#f3eec3' } },
{ name: '配件', value: 200, itemStyle: { color: '#e8d4b0' } },
{ name: '机房环境类', value: 150, itemStyle: { color: '#1a3a4d' } },
],
label: {
show: false, // 不显示默认标签
},
emphasis: {
scale: true,
},
},
{
type: 'pie',
radius: ['0%', '40%'], // 中间环形的大小
center: ['20%', '50%'],
label: {
show: true,
formatter: '3852台', // 中间显示的文本
fontSize: 24,
fontWeight: 'bold',
position: 'center',
},
labelLine: {
show: false,
},
data: [{ value: 1, itemStyle: { color: 'rgba(234, 250, 246, 1)' } }], // 白色背景
},
],
legend: {
orient: 'vertical',
right: 10,
top: 'center',
data: ['终端', '服务器', '网络设备', '安全设备', '其他', '外设', '附件', '配件', '机房环境类'],
itemWidth: 12,
itemHeight: 3,
itemGap: 30,
},
};
return <ReactECharts option={option} style={{ width: '100%', height: '220px' }} />;
};
const PieChart2 = () => {
// 饼图的配置项
const option = {
series: [
{
type: 'pie',
radius: ['40%', '70%'], // 环形饼图(内半径、外半径)
center: ['20%', '50%'], // 图表中心位置
data: [
{ name: '终端', value: 600, itemStyle: { color: '#86bbd8' } },
{ name: '服务器', value: 500, itemStyle: { color: '#a0c4e2' } },
{ name: '网络设备', value: 400, itemStyle: { color: '#6c96b9' } },
{ name: '安全设备', value: 700, itemStyle: { color: '#2e8bc0' } },
{ name: '其他', value: 452, itemStyle: { color: '#a2d5c6' } },
{ name: '外设', value: 550, itemStyle: { color: '#d4e2d4' } },
{ name: '附件', value: 300, itemStyle: { color: '#f3eec3' } },
{ name: '配件', value: 200, itemStyle: { color: '#e8d4b0' } },
{ name: '机房环境类', value: 150, itemStyle: { color: '#1a3a4d' } },
],
label: {
show: false, // 不显示默认标签
},
emphasis: {
scale: true,
},
},
{
type: 'pie',
radius: ['0%', '40%'], // 中间环形的大小
center: ['20%', '50%'],
label: {
show: true,
formatter: '3852台', // 中间显示的文本
fontSize: 24,
fontWeight: 'bold',
position: 'center',
},
labelLine: {
show: false,
},
data: [{ value: 1, itemStyle: { color: 'rgba(240, 240, 240, 0.5)' } }], // 白色背景
},
],
legend: {
orient: 'vertical',
right: 10,
top: 'center',
data: ['终端', '服务器', '网络设备', '安全设备', '其他', '外设', '附件', '配件', '机房环境类'],
itemWidth: 12,
itemHeight: 3,
itemGap: 30,
},
};
return <ReactECharts option={option} style={{ width: '100%', height: '220px' }} />;
};
const BarChart = () => {
const barData = [
{ name: '终端', value: 74, color: '#86bbd8' },
{ name: '服务器', value: 96, color: '#a0c4e2' },
{ name: '网络设备', value: 95, color: '#6c96b9' },
{ name: '安全设备', value: 65, color: '#2e8bc0' },
{ name: '外设', value: 47, color: '#d4e2d4' },
{ name: '附件', value: 61, color: '#f3eec3' },
{ name: '配件', value: 71, color: '#e8d4b0' },
{ name: '机房环境类', value: 45, color: '#1a3a4d' },
{ name: '其他', value: 93, color: '#a2d5c6' },
];
// 创建多个系列,每个系列对应一个图例项
const series = barData.map(item => ({
name: item.name,
type: 'bar',
data: new Array(barData.length).fill(0).map((_, index) =>
index === barData.findIndex(d => d.name === item.name) ? item.value : 0
),
itemStyle: {
color: item.color
},
barWidth: 20,
barGap: 0,
label: {
show: true,
position: 'top',
formatter: '{c}'
}
}));
// const color= [
// '#86bbd8', // 终端
// '#a0c4e2', // 服务器
// '#6c96b9', // 网络设备
// '#2e8bc0', // 安全设备
// '#d4e2d4', // 外设
// '#f3eec3', // 附件
// '#e8d4b0', // 配件
// '#1a3a4d', // 机房环境类
// '#a2d5c6', // 其他
// ]
const option = {
grid:{
left:40,
right:'25%',
bottom:25,
top:30,
},
xAxis: {
type: 'category',
data: barData.map(item => item.name),
axisLine: {
lineStyle: {
color: '#ccc'
}
},
axisTick: {
show: false
},
axisLabel: {
color: '#666',
fontSize: 12,
interval: 0,
rotate: 0 // 可以根据标签长度调整旋转角度
},
splitLine: {
show: true,
lineStyle: {
color: 'rgba(204, 204, 204, 1)',
type: 'dashed',
dashOffset: 5
}
}
},
yAxis: {
type: 'value',
max: 100,
min: 0,
interval: 25,
axisLine: {
show: true,
lineStyle: {
color: '#ccc'
}
},
axisTick: {
show: false
},
splitLine: {
lineStyle: {
color: '#f0f0f0',
type: 'dashed'
}
},
axisLabel: {
color: '#666',
fontSize: 12,
formatter: '{value}'
}
},
series: series,
legend: {
orient: 'vertical',
right: 10,
top: 'center',
show:true,
icon: 'rect',
itemWidth: 12,
itemHeight: 3,
itemGap: 30,
textStyle: {
color: '#333',
fontSize: 12
},
data: barData.map(item => item.name),
},
tooltip: {
trigger: 'axis',
backgroundColor: 'rgba(255, 255, 255, 0.9)',
borderColor: '#ccc',
borderWidth: 1,
textStyle: {
color: '#333'
},
formatter: (params) => {
const data = params[0];
return `
<div style="font-weight: bold; margin-bottom: 5px;">${data.name}</div>
<div>数量: ${data.value}</div>
`;
}
}
};
return <ReactECharts option={option} style={{ width: '100%', height: '220px' }} />;
};
const HomePage = () => {
const workStatItems = [
{
svg: svg2,
title: '资产维修',
num: '05'
},
{
svg: svg3,
title: '资产采购',
num: '12'
},
{
svg: svg4,
title: '资产借用',
num: '25'
},
{
svg: svg5,
title: '安装实施',
num: '55'
},
{
svg: svg6,
title: '巡检任务',
num: '49'
},
{
svg: svg7,
title: '资产报废',
num: '96'
},
{
svg: svg8,
title: '工作日报',
num: '64'
},
{
svg: svg9,
title: '资产领用',
num: '46'
},
]
const assetShowItems = [
{
title: '终端',
num: '3852',
color:'rgba(183, 229, 213, 0.2)'
},
{
title: '服务器',
num: '123',
color:'rgba(186, 212, 219, 1)'
},
{
title: '网络设备',
num: '3852',
color:'rgba(94, 148, 155, 1)'
},
{
title: '安全设备',
num: '123',
color:'rgba(16, 117, 142, 1)'
},
{
title: '外设',
num: '3852',
color:'rgba(182, 221, 224, 1)'
},
{
title: '附件',
num: '123',
color:'rgba(228, 234, 241, 1)'
},
{
title: '配件',
num: '3852',
color:'rgba(198, 220, 208, 1)'
},
{
title: '机房环境类',
num: '123',
color:'rgba(220, 225, 194, 1)'
},
]
const noticeItems = [
{title: '核心服务器离线,请处理',isRead:false,date:'2025-10-29'},
{title: '温湿度超阈值,触发告警',isRead:false,date:'2025-10-29'},
{title: '巡检任务未完成,逾期提醒',isRead:true,date:'2025-10-29'},
{title: '备件库存不足,需补货',isRead:true,date:'2025-10-29'},
{title: '设备固件待升级,勿断电',isRead:true,date:'2025-10-29'},
]
return (
<div className={styles['homepage']}>
<div className={styles['homepage-title']}>
<span style={{color:'rgba(255, 37, 38, 1)'}}>紧急告警</span>20251031
</div>
<div className={styles['homepage-content']}>
<Row gutter={16} >
<Col span={10}>
<div className={styles['homepage-content-item1']}>
<div className={styles['homepage-name']}>
下午好<span>Serati Ma!</span>
</div>
<div className={styles['homepage-date']}>
2025-10-29 星期三
</div>
<div style={{marginTop:'70px'}}>
<Row gutter={20}>
<Col span={7}>
<div className={styles['homepage-content-item1-content']}>
<div>12</div>
<Row gutter={10} align={'middle'} style={{marginTop:'20px'}}>
<Col><img src={svg1} alt=""/></Col>
<Col>待办工作</Col>
<Col>&gt;</Col>
</Row>
</div>
</Col>
<Col span={7}>
<div className={styles['homepage-content-item1-content']} >
<div>26</div>
<Row gutter={10} align={'middle'} style={{marginTop:'20px'}}>
<Col><img src={svg1} alt=""/></Col>
<Col>未读消息</Col>
<Col>&gt;</Col>
</Row>
</div>
</Col>
</Row>
</div>
</div>
</Col>
<Col span={14}>
<div className={styles['homepage-content-item2']}>
<Title title={'工作统计'}/>
<Row gutter={[16,16]} wrap={true} justify={'space-between'} className={styles['marginTop20']}>
{
workStatItems.map(item=>{
return(
<Col span={5}>
<WorkStatItem svg={item.svg} title={item.title} num={item.num}/>
</Col>
)
})
}
</Row>
</div>
</Col>
</Row>
<Row gutter={16} className={styles['marginTop20']}>
<Col span={8}>
<div className={styles['content']}>
<Title title={'库存资产'}/>
<PieChart1></PieChart1>
</div>
</Col>
<Col span={8}>
<div className={styles['content']}>
<Title title={'故障资产'}/>
<PieChart2></PieChart2>
</div>
</Col>
<Col span={8}>
<div className={styles['content']}>
<Title title={'资产展示'}></Title>
<Row gutter={[20,30]} justify={'space-between'} wrap={true} className={styles['marginTop20']} >
{
assetShowItems.map(item=>{
return (
<Col span={5}>
<div style={{width:'52px'}}>
<div style={{
backgroundColor: item.color,
height: '52px',
width: '52px',
lineHeight: '52px',
textAlign: 'center'
}}>
{item.num}
</div>
<div style={{textAlign: 'center',marginTop:'10px',wordBreak:'keep-all'}}>
{item.title}
</div>
</div>
</Col>
)
})
}
</Row>
</div>
</Col>
</Row>
<Row gutter={16} className={styles['marginTop20']}>
<Col span={16}>
<div className={styles['content']}>
<Title title={'再用资产'}></Title>
<BarChart></BarChart>
</div>
</Col>
<Col span={8}>
<div className={styles['content']}>
<Title title={'重要通知'}></Title>
{noticeItems.map(item=>{
return(
<div style={{borderBottom:'1px solid rgba(205, 205, 205, 1)',padding:'10px 0',marginTop:'10px'}}>
{item.title}{!item.isRead && <span style={{color:'red',verticalAlign:'super'}}>new</span>}
<div style={{float:'right',padding:'10px 0',color:'rgba(193, 193, 193, 1)'}}>{item.date}</div>
</div>
)
})}
</div>
</Col>
</Row>
</div>
</div>
)
}
export default HomePage

@ -0,0 +1,74 @@
.homepage{
background: rgb(240, 247, 247);
height: 93vh;
.homepage-title{
padding:5px 30px;
background: rgba(255, 255, 255, 0.4);
border-width: 0.2px 0.5px 0.2px 0.5px;
border-style: solid;
border-image-slice: 1;
border-image-source: linear-gradient(96.05deg, #FFFFFF 9.52%, rgba(255, 255, 255, 0.5) 27.03%, rgba(0, 143, 142, 0.5) 60.86%, #0E5A4B 72.09%);
box-shadow: 2px 1px 5px 0 rgba(0, 102, 101, 0.25);
}
.homepage-content{
width: 100%;
overflow-x: hidden;
//overflow-y: auto;
margin-top: 10px;
background: rgb(240, 247, 247);
.homepage-content-item1{
width: 100%;
height: 310px;
background-image: url('@/assets/img/homepageBg1.png');
background-repeat: no-repeat;
background-size: cover;
background-position:center;
padding: 25px 30px;
.homepage-name{
font-family: "PingFang SC", -apple-system, BlinkMacSystemFont, "Microsoft YaHei", "Segoe UI", Roboto, sans-serif;
font-weight: 500;
font-size: 24px;
line-height: 100%;
letter-spacing: 0;
}
.homepage-date{
margin-top: 10px;
font-family: "PingFang SC", -apple-system, BlinkMacSystemFont, "Microsoft YaHei", "Segoe UI", Roboto, sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 100%;
color: rgba(99, 127, 124, 1);
}
.homepage-content-item1-content{
padding: 15px;
background: linear-gradient(180deg, rgba(255, 255, 255, 0.6) 0%, rgba(211, 255, 242, 0.6) 100%);
font-size: 48px;
}
}
.homepage-content-item2{
background-color: #fff;
padding: 20px;
height: 100%;
}
}
}
.work-stat-item{
width: 100%;
height: 100px;
background: linear-gradient(178.02deg, #EAFFF7 8.53%, rgba(221, 255, 255, 0.01) 98.25%);
padding:20px;
display: flex;
justify-content: space-between;
img{
width: 60px;
height: 60px;
}
}
.marginTop20{
margin-top: 20px;
}
.content{
padding:20px;
background-color: #fff;
height: 100%;
}

@ -0,0 +1,23 @@
export default (props)=>{
return(
<div
style={{
fontFamily: '"PingFang SC", -apple-system, BlinkMacSystemFont, "Microsoft YaHei", "Segoe UI", Roboto, sans-serif',
fontWeight: '500',
fontSize: '20px',
lineHeight: '100%'
}}
>
<span
style={{
borderRight:'3px solid rgba(0, 102, 101, 1)',
marginRight:'10px',
display:'inline-block',
height:'18px',
verticalAlign:'baseline'
}}
></span>
{props.title}
</div>
)
}

@ -104,6 +104,46 @@ const SystemContentList = (props) => {
key: "/topnavbar00/business/basic",
"label": "基础信息管理"
},
{
path: '/topnavbar00/business/homepage',
icon: <img
src={icon1}
alt="首页"
style={{
width: '16px',
height: '16px',
opacity: selectedKey.includes('/topnavbar00/business/home') ? 1 : 0.6
}}
/>,
key: "/topnavbar00/business/homepage",
"label": "首页"
},
{
path: '/topnavbar00/business/assetmanagement',
icon: <img
src={icon1}
alt="资产管理"
style={{
width: '16px',
height: '16px',
opacity: selectedKey.includes('/topnavbar00/business/assetmanagement') ? 1 : 0.6
}}
/>,
key: "/topnavbar00/business/assetmanagement",
"label": "资产管理",
children: [
{
path: '/topnavbar00/business/assetmanagement/assetlist',
key: "/topnavbar00/business/assetmanagement/assetlist",
"label": "资产列表"
},
{
path: '/topnavbar00/business/assetmanagement/assetgrouping',
key: "/topnavbar00/business/assetmanagement/assetgrouping",
"label": "资产分组"
}
]
}
]
setMenuItems(fixedMenuItems)
// 初始化默认路由
@ -188,7 +228,8 @@ const SystemContentList = (props) => {
width: isMenuCollapsed ? '80px' : '230px',
transition: 'width 0.3s ease',
position: 'relative', // 添加相对定位,使按钮可以相对于菜单定位
overflow: 'unset'
overflow: 'unset',
}}
>
<div className='menuTitle' style={{
@ -243,9 +284,10 @@ const SystemContentList = (props) => {
top: 50%;
width: 30px;
height: 30px;
background: #FDFDFF;
color: #5C5C5C;
border: 1px solid #FFFFFF;
background: rgba(0, 154, 152, 1);
color: #fff;
border: 0.5px solid;
border-image-source: linear-gradient(98.03deg, #75F7F5 2.41%, rgba(117, 247, 245, 0) 51.5%, rgba(117, 247, 245, 0) 76.06%, rgba(117, 247, 245, 0.5) 94.15%);
border-radius: 50%;
display: flex;
align-items: center;
@ -259,9 +301,9 @@ const SystemContentList = (props) => {
box-shadow: 0 0 5px 3px rgba(169, 185, 255, 0.33);
}
.menuToggleBtn:hover {
border: 1px solid #3D81FF;
background: #3D81FF;
color: white;
//border: 1px solid #3D81FF;
background: color-mix(in srgb, rgba(0, 154, 152, 1) , #fff 30%);
//color: white;
transform: scale(1.1);
}
`}</style>

@ -4,9 +4,10 @@
// justify-content: space-between;
flex-wrap: nowrap;
// padding: 12px;
background-color: rgb(240 247 247) ;
.tabBarHeader {
background-color: #fff;
//background-color: #fff;
padding: 0;
width: 100%;
min-height: 62px;
@ -70,6 +71,7 @@
flex-direction: column;
height: 100vh;
overflow: hidden;
//background-color: #fff;
}
.leftMenu {
@ -77,11 +79,14 @@
width: 230px;
overflow-y: auto;
overflow-x: hidden;
background-color: #2E4CD4;
//background-color: #2E4CD4;
background-image: url("@/assets/img/leftBg.png");
background-repeat: no-repeat;
background-size: cover;
background-position: center;
.ant-menu-inline,
.ant-menu-vertical {
background: #2E4CD4 !important;
background: transparent !important;
}
// 默认情况字体样式和右边距
@ -127,10 +132,11 @@
.rightContentMain {
width: 100%;
//background-color: #ffffff;
background-color: #ffffff;
// border-radius: 6px;
overflow-y: auto;
// height: 100%;
overflow: auto;
}
}
}

@ -1,7 +1,7 @@
import React, { useState, useEffect } from 'react'
import { history, Outlet, useModel, useDispatch, useLocation, matchRoutes } from '@umijs/max'
import styles from './TopNavBar.less'
import { Menu, Row, Col, Avatar, Dropdown, Button } from 'antd'
import {Menu, Row, Col, Avatar, Dropdown, Button, ConfigProvider} from 'antd'
import { HomeOutlined, SettingOutlined, LogoutOutlined } from '@ant-design/icons'
import { getPageQuery } from '@/utils/utils'
import Logo from '@/assets/logo.png'
@ -12,6 +12,18 @@ const menuItem = [
label: '基础信息管理',
key: '/topnavbar00/business/basic',
},
{
label: '首页',
key: '/topnavbar00/business/homepage',
},
{
label: '资产列表',
key: '/topnavbar00/business/assetmanagement/assetlist',
},
{
label: '资产分组',
key: '/topnavbar00/business/assetmanagement/assetgrouping',
},
]
const TopNavBar = (props) => {
@ -92,7 +104,53 @@ const TopNavBar = (props) => {
<Menu items={dropDownMenuItems} onClick={handleMenuClick} selectedKeys={[]} className={styles.tabBarMenu} />
)
const theme={
token: {
// 核心主题色修改这里Input 等组件的激活态会自动同步)
primaryColor: '#00b42a', // 例如修改为蓝色(默认),可改为 #f50、#00b42a 等
// 可选:补充其他相关变量(如聚焦时的边框色,默认继承 primaryColor
colorPrimaryHover: '#39c574', // hover 时的颜色
colorPrimaryActive: '#008743', // 点击时的颜色
},
components: {
Switch: {
colorPrimary: '#008743', // 开启状态颜色
colorBg: '#333', // 关闭状态颜色(默认灰色)
},
Pagination:{
colorPrimary:'#39c574',
},
Tree:{
colorPrimary:'#006665',
lineColor:'#006665',
checkboxBorderColor:'#006665'
},
Table:{
headerBg:'#F0F7F7',
// bodyBg:'#F0F7F7',
},
Menu:{
activeBarHeight:0
},
Select:{
activeBorderColor:'#2C9E9D',
colorBorder:'#2C9E9D'
},
Input:{
colorBorder:'#2C9E9D'
},
DatePicker:{
colorBorder:'#2C9E9D'
},
Button:{
colorBorder:'#2C9E9D',
}
},
}
return (
<ConfigProvider theme={theme}>
<div className={styles.layoutContainer}>
{/* <div className={styles.tabBarHeader}>
<Row className={styles.tabBarRow}>
@ -119,6 +177,7 @@ const TopNavBar = (props) => {
</div> */}
<Outlet />
</div>
</ConfigProvider>
)
}

Loading…
Cancel
Save