Merge remote-tracking branch 'origin/main' into main
# Conflicts: # config/routes.js # src/pages/nav_system_content/SystemContentList.js # src/pages/topnavbar/TopNavBar.jsmain
jiangxucong
2 months ago
commit
6585574116
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 953 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 1.3 MiB |
@ -0,0 +1,4 @@
|
||||
<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect y="7.5" width="16" height="2" fill="#3C7DFF"/>
|
||||
<circle cx="8" cy="8.5" r="3.5" fill="white" stroke="#3C7DFF"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 220 B |
@ -0,0 +1,6 @@
|
||||
<svg width="74" height="74" viewBox="0 0 74 74" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M47.915 5.78125H11.285C9.51866 5.78125 7.82466 6.48293 6.57567 7.73192C5.32668 8.98091 4.625 10.6749 4.625 12.4413V49.0712C4.625 49.9459 4.79727 50.8119 5.13196 51.6199C5.46666 52.428 5.95723 53.1621 6.57567 53.7806C7.19411 54.399 7.9283 54.8896 8.73633 55.2243C9.54436 55.559 10.4104 55.7313 11.285 55.7313H47.915C49.6813 55.7313 51.3753 55.0296 52.6243 53.7806C53.8733 52.5316 54.575 50.8376 54.575 49.0712V12.4413C54.575 10.6749 53.8733 8.98091 52.6243 7.73192C51.3753 6.48293 49.6813 5.78125 47.915 5.78125Z" fill="#0065F3"/>
|
||||
<path opacity="0.4" d="M61.9541 19.6562H25.3241C23.5577 19.6562 21.8637 20.3579 20.6147 21.6069C19.3657 22.8559 18.6641 24.5499 18.6641 26.3163V62.9462C18.6641 64.7126 19.3657 66.4066 20.6147 67.6556C21.8637 68.9046 23.5577 69.6063 25.3241 69.6063H61.9541C63.7204 69.6063 65.4144 68.9046 66.6634 67.6556C67.9124 66.4066 68.6141 64.7126 68.6141 62.9462V26.3163C68.6141 24.5499 67.9124 22.8559 66.6634 21.6069C65.4144 20.3579 63.7204 19.6563 61.9541 19.6562Z" fill="#82B6FA"/>
|
||||
<path opacity="0.4" d="M25.16 20.2344H61.79C63.403 20.2344 64.95 20.8751 66.0905 22.0157C67.2311 23.1563 67.8719 24.7032 67.8719 26.3163V62.9462C67.8719 64.5593 67.2311 66.1062 66.0905 67.2468C64.95 68.3874 63.403 69.0281 61.79 69.0281H25.16C23.547 69.0281 22 68.3874 20.8595 67.2468C19.7189 66.1062 19.0781 64.5593 19.0781 62.9462V26.3163C19.0781 24.7032 19.7189 23.1563 20.8595 22.0157C22 20.8751 23.547 20.2344 25.16 20.2344ZM69.0281 26.3163C69.0281 24.3966 68.2655 22.5555 66.9081 21.1981C65.5507 19.8407 63.7097 19.0781 61.79 19.0781H25.16C23.2403 19.0781 21.3993 19.8407 20.0419 21.1981C18.6845 22.5555 17.9219 24.3966 17.9219 26.3163V62.9462C17.9219 64.8659 18.6845 66.707 20.0419 68.0644C21.3993 69.4218 23.2403 70.1844 25.16 70.1844H61.79C63.7097 70.1844 65.5507 69.4218 66.9081 68.0644C68.2655 66.707 69.0281 64.8659 69.0281 62.9462V26.3163Z" fill="white"/>
|
||||
<path d="M33.0297 37.7078C32.7391 37.7087 32.4591 37.5986 32.2469 37.4L30.3469 35.6159C30.2346 35.5141 30.1438 35.3909 30.0797 35.2535C30.0155 35.1162 29.9795 34.9675 29.9735 34.816C29.9676 34.6646 29.9919 34.5134 30.0451 34.3715C30.0982 34.2296 30.1792 34.0996 30.2832 33.9894C30.3871 33.8791 30.512 33.7906 30.6506 33.7292C30.7892 33.6678 30.9386 33.6346 31.0901 33.6316C31.2417 33.6286 31.3923 33.6558 31.5332 33.7117C31.674 33.7677 31.8024 33.8511 31.9106 33.9572L33.8106 35.7413C33.977 35.8978 34.0925 36.1007 34.1421 36.3236C34.1918 36.5466 34.1734 36.7793 34.0892 36.9916C34.0051 37.204 33.8591 37.3861 33.6702 37.5145C33.4812 37.6429 33.2581 37.7115 33.0297 37.7116V37.7078ZM54.1843 37.7078C53.9557 37.7081 53.7323 37.6397 53.5431 37.5115C53.3539 37.3833 53.2076 37.2011 53.1232 36.9887C53.0388 36.7763 53.0202 36.5434 53.0698 36.3203C53.1195 36.0972 53.235 35.8941 53.4015 35.7375L55.3015 33.9534C55.5226 33.7529 55.8136 33.6471 56.1119 33.6588C56.4102 33.6705 56.692 33.7987 56.8968 34.0159C57.1015 34.2331 57.2129 34.522 57.207 34.8204C57.2011 35.1189 57.0784 35.4031 56.8652 35.6121L54.9652 37.3962C54.7541 37.5957 54.4748 37.7072 54.1843 37.7078ZM43.607 34.3999C43.3047 34.3999 43.0147 34.2798 42.8009 34.066C42.5871 33.8522 42.467 33.5622 42.467 33.2599V30.37C42.467 30.0676 42.5871 29.7777 42.8009 29.5639C43.0147 29.3501 43.3047 29.23 43.607 29.23C43.9093 29.23 44.1993 29.3501 44.4131 29.5639C44.6269 29.7777 44.747 30.0676 44.747 30.37V33.2599C44.747 33.4096 44.7175 33.5578 44.6602 33.6961C44.6029 33.8345 44.519 33.9601 44.4131 34.066C44.3072 34.1718 44.1816 34.2558 44.0433 34.3131C43.9049 34.3704 43.7567 34.3999 43.607 34.3999ZM56.4757 57.3671H54.6384V46.1913C54.6384 43.3013 53.4904 40.5298 51.4469 38.4863C49.4034 36.4428 46.6318 35.2948 43.7419 35.2948C40.852 35.2948 38.0804 36.4428 36.0369 38.4863C33.9934 40.5298 32.8454 43.3013 32.8454 46.1913V57.3671H31.3824C31.0801 57.3671 30.7901 57.4872 30.5763 57.701C30.3625 57.9148 30.2424 58.2047 30.2424 58.5071C30.2424 58.8094 30.3625 59.0994 30.5763 59.3132C30.7901 59.527 31.0801 59.6471 31.3824 59.6471H56.4757C56.778 59.6471 57.068 59.527 57.2818 59.3132C57.4956 59.0994 57.6157 58.8094 57.6157 58.5071C57.6157 58.2047 57.4956 57.9148 57.2818 57.701C57.068 57.4872 56.778 57.3671 56.4757 57.3671ZM48.1366 48.9102L43.6906 53.6374C43.5888 53.7495 43.4658 53.8401 43.3286 53.9041C43.1914 53.9681 43.0428 54.0042 42.8915 54.0101C42.7403 54.0161 42.5893 53.9918 42.4475 53.9388C42.3057 53.8858 42.1759 53.8051 42.0656 53.7014C41.9554 53.5977 41.8668 53.4731 41.8053 53.3348C41.7437 53.1965 41.7102 53.0473 41.7069 52.896C41.7036 52.7446 41.7305 52.5941 41.7859 52.4533C41.8414 52.3124 41.9244 52.184 42.03 52.0756L44.6691 49.2674H40.3276C40.1013 49.2672 39.8803 49.1997 39.6925 49.0735C39.5047 48.9472 39.3588 48.768 39.2732 48.5585C39.1876 48.3491 39.1663 48.1189 39.212 47.8973C39.2576 47.6757 39.3682 47.4727 39.5296 47.3142L43.8673 43.062C44.0832 42.8503 44.3744 42.7331 44.6767 42.7362C44.9791 42.7392 45.2678 42.8622 45.4794 43.0781C45.6911 43.2941 45.8083 43.5852 45.8053 43.8875C45.8022 44.1899 45.6792 44.4786 45.4633 44.6903L43.1187 46.9874H47.2987C47.5215 46.9871 47.7396 47.0521 47.9259 47.1744C48.1121 47.2967 48.2585 47.4709 48.3468 47.6754C48.4352 47.88 48.4616 48.106 48.4229 48.3254C48.3842 48.5449 48.282 48.7482 48.129 48.9102H48.1366Z" fill="white"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 5.2 KiB |
@ -0,0 +1,6 @@
|
||||
<svg width="74" height="74" viewBox="0 0 74 74" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M47.915 5.78125H11.285C9.51866 5.78125 7.82466 6.48293 6.57567 7.73192C5.32668 8.98091 4.625 10.6749 4.625 12.4413V49.0712C4.625 49.9459 4.79727 50.8119 5.13196 51.6199C5.46666 52.428 5.95723 53.1621 6.57567 53.7806C7.19411 54.399 7.9283 54.8896 8.73633 55.2243C9.54436 55.559 10.4104 55.7313 11.285 55.7313H47.915C49.6813 55.7313 51.3753 55.0296 52.6243 53.7806C53.8733 52.5316 54.575 50.8376 54.575 49.0712V12.4413C54.575 10.6749 53.8733 8.98091 52.6243 7.73192C51.3753 6.48293 49.6813 5.78125 47.915 5.78125Z" fill="#0065F3"/>
|
||||
<path opacity="0.4" d="M61.9541 19.6562H25.3241C23.5577 19.6562 21.8637 20.3579 20.6147 21.6069C19.3657 22.8559 18.6641 24.5499 18.6641 26.3163V62.9462C18.6641 64.7126 19.3657 66.4066 20.6147 67.6556C21.8637 68.9046 23.5577 69.6063 25.3241 69.6063H61.9541C63.7204 69.6063 65.4144 68.9046 66.6634 67.6556C67.9124 66.4066 68.6141 64.7126 68.6141 62.9462V26.3163C68.6141 24.5499 67.9124 22.8559 66.6634 21.6069C65.4144 20.3579 63.7204 19.6563 61.9541 19.6562Z" fill="#82B6FA"/>
|
||||
<path d="M56.3273 61.7059H31.7016C31.1094 61.7036 30.5421 61.4671 30.1237 61.0479C29.7053 60.6287 29.4699 60.061 29.4688 59.4687V34.9587C29.4699 34.3669 29.7055 33.7996 30.124 33.3811C30.5425 32.9626 31.1098 32.727 31.7016 32.7259H32.3873C32.501 32.7259 32.61 32.771 32.6904 32.8514C32.7707 32.9318 32.8159 33.0408 32.8159 33.1544V36.0773C32.8181 36.6696 33.0547 37.2368 33.4739 37.6552C33.8931 38.0736 34.4608 38.3091 35.053 38.3102H52.9502C53.5417 38.3079 54.1083 38.072 54.5266 37.6537C54.9448 37.2354 55.1808 36.6688 55.183 36.0773V33.1544C55.183 33.0408 55.2282 32.9318 55.3086 32.8514C55.3889 32.771 55.4979 32.7259 55.6116 32.7259H56.3016C56.8931 32.7281 57.4597 32.9641 57.878 33.3824C58.2962 33.8006 58.5322 34.3672 58.5345 34.9587V59.4773C58.5379 59.7695 58.4833 60.0595 58.374 60.3305C58.2646 60.6015 58.1027 60.8481 57.8974 61.0561C57.6922 61.2642 57.4478 61.4295 57.1783 61.5424C56.9088 61.6554 56.6196 61.7139 56.3274 61.7145L56.3273 61.7059ZM51.3259 46.5558C51.0058 46.2443 50.5768 46.07 50.1302 46.07C49.6835 46.07 49.2545 46.2443 48.9345 46.5558L42.9345 52.2473L40.1402 49.5858C39.8201 49.2743 39.3911 49.1 38.9445 49.1C38.4978 49.1 38.0688 49.2743 37.7487 49.5858C37.5919 49.7292 37.4667 49.9036 37.381 50.0981C37.2953 50.2925 37.251 50.5027 37.251 50.7151C37.251 50.9276 37.2953 51.1378 37.381 51.3322C37.4667 51.5266 37.5919 51.7011 37.7487 51.8444L41.7344 55.6244C42.0573 55.9323 42.4862 56.104 42.9323 56.104C43.3784 56.104 43.8073 55.9323 44.1302 55.6244L51.3087 48.8144C51.4666 48.6722 51.5932 48.4987 51.6804 48.305C51.7676 48.1112 51.8134 47.9014 51.815 47.6889C51.8167 47.4764 51.774 47.2659 51.6898 47.0709C51.6056 46.8758 51.4816 46.7004 51.3259 46.5558ZM49.6116 36.0773H38.4301C37.8394 36.075 37.2734 35.8396 36.8553 35.4223C36.4372 35.005 36.2007 34.4395 36.1973 33.8487V32.953C36.1965 32.8846 36.212 32.8171 36.2425 32.756C36.2731 32.6948 36.3179 32.6419 36.3731 32.6016C40.5045 29.5802 40.723 29.4045 41.7602 28.4145C41.8407 28.3368 41.9483 28.2938 42.0602 28.2944H46.1573C46.2677 28.2949 46.3736 28.3379 46.4531 28.4145C47.4002 29.3273 47.563 29.5802 51.5616 32.5373C51.6448 32.5978 51.7126 32.6771 51.7595 32.7687C51.8064 32.8602 51.8311 32.9616 51.8316 33.0644V33.8487C51.835 34.1431 51.7797 34.4352 51.6687 34.7079C51.5578 34.9806 51.3935 35.2284 51.1855 35.4368C50.9776 35.6451 50.7301 35.8099 50.4576 35.9213C50.1851 36.0328 49.8931 36.0887 49.5988 36.0859L49.6116 36.0773ZM44.0402 30.5059C43.6865 30.5079 43.3382 30.5934 43.0238 30.7556C42.7094 30.9177 42.4378 31.1518 42.231 31.4387C42.0242 31.7257 41.8881 32.0575 41.8339 32.407C41.7796 32.7566 41.8087 33.114 41.9187 33.4502C42.0275 33.7789 42.2117 34.0776 42.4565 34.3224C42.7014 34.5672 43.0001 34.7514 43.3287 34.8602C43.6351 34.9607 43.9595 34.9937 44.2799 34.9569C44.6002 34.9201 44.9087 34.8144 45.1843 34.6471C45.4598 34.4797 45.6959 34.2546 45.8762 33.9873C46.0565 33.7201 46.1767 33.4169 46.2287 33.0987C46.2807 32.7805 46.2632 32.4548 46.1773 32.1441C46.0915 31.8333 45.9393 31.5448 45.7314 31.2984C45.5234 31.0521 45.2646 30.8537 44.9726 30.7168C44.6807 30.58 44.3626 30.5081 44.0402 30.5059Z" fill="white"/>
|
||||
<path opacity="0.4" d="M25.16 20.2344H61.79C63.403 20.2344 64.95 20.8751 66.0905 22.0157C67.2311 23.1563 67.8719 24.7032 67.8719 26.3163V62.9462C67.8719 64.5593 67.2311 66.1062 66.0905 67.2468C64.95 68.3874 63.403 69.0281 61.79 69.0281H25.16C23.547 69.0281 22 68.3874 20.8595 67.2468C19.7189 66.1062 19.0781 64.5593 19.0781 62.9462V26.3163C19.0781 24.7032 19.7189 23.1563 20.8595 22.0157C22 20.8751 23.547 20.2344 25.16 20.2344ZM69.0281 26.3163C69.0281 24.3966 68.2655 22.5555 66.9081 21.1981C65.5507 19.8407 63.7097 19.0781 61.79 19.0781H25.16C23.2403 19.0781 21.3993 19.8407 20.0419 21.1981C18.6845 22.5555 17.9219 24.3966 17.9219 26.3163V62.9462C17.9219 64.8659 18.6845 66.707 20.0419 68.0644C21.3993 69.4218 23.2403 70.1844 25.16 70.1844H61.79C63.7097 70.1844 65.5507 69.4218 66.9081 68.0644C68.2655 66.707 69.0281 64.8659 69.0281 62.9462V26.3163Z" fill="white"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 5.0 KiB |
@ -0,0 +1,6 @@
|
||||
<svg width="74" height="74" viewBox="0 0 74 74" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M47.915 5.78125H11.285C9.51866 5.78125 7.82466 6.48293 6.57567 7.73192C5.32668 8.98091 4.625 10.6749 4.625 12.4413V49.0712C4.625 49.9459 4.79727 50.8119 5.13196 51.6199C5.46666 52.428 5.95723 53.1621 6.57567 53.7806C7.19411 54.399 7.9283 54.8896 8.73633 55.2243C9.54436 55.559 10.4104 55.7313 11.285 55.7313H47.915C49.6813 55.7313 51.3753 55.0296 52.6243 53.7806C53.8733 52.5316 54.575 50.8376 54.575 49.0712V12.4413C54.575 10.6749 53.8733 8.98091 52.6243 7.73192C51.3753 6.48293 49.6813 5.78125 47.915 5.78125Z" fill="#0065F3"/>
|
||||
<path opacity="0.4" d="M61.9541 19.6562H25.3241C23.5577 19.6562 21.8637 20.3579 20.6147 21.6069C19.3657 22.8559 18.6641 24.5499 18.6641 26.3163V62.9462C18.6641 64.7126 19.3657 66.4066 20.6147 67.6556C21.8637 68.9046 23.5577 69.6063 25.3241 69.6063H61.9541C63.7204 69.6063 65.4144 68.9046 66.6634 67.6556C67.9124 66.4066 68.6141 64.7126 68.6141 62.9462V26.3163C68.6141 24.5499 67.9124 22.8559 66.6634 21.6069C65.4144 20.3579 63.7204 19.6563 61.9541 19.6562Z" fill="#82B6FA"/>
|
||||
<path d="M58.1991 33.6166V47.0444C58.1991 53.7974 48.9717 60.9824 43.9891 60.9824C39.0083 60.9824 29.7773 53.7974 29.7773 47.0444V33.5366H31.1603C31.1603 33.5366 34.3902 33.5366 37.6218 32.2531C40.9423 30.9697 43.1572 29.5139 43.1572 29.5139L43.9891 29.002L44.8192 29.601C44.8192 29.601 47.0341 31.0533 50.3564 32.3367C53.5845 33.533 56.8161 33.6166 56.8161 33.6166H58.1991ZM45.1925 43.5195L50.2551 37.1362H42.5386L38.5533 47.0444H42.535L38.971 55.4346L49.6756 43.5177H45.1907V43.5195H45.1925Z" fill="white"/>
|
||||
<path opacity="0.4" d="M25.16 20.2344H61.79C63.403 20.2344 64.95 20.8751 66.0905 22.0157C67.2311 23.1563 67.8719 24.7032 67.8719 26.3163V62.9462C67.8719 64.5593 67.2311 66.1062 66.0905 67.2468C64.95 68.3874 63.403 69.0281 61.79 69.0281H25.16C23.547 69.0281 22 68.3874 20.8595 67.2468C19.7189 66.1062 19.0781 64.5593 19.0781 62.9462V26.3163C19.0781 24.7032 19.7189 23.1563 20.8595 22.0157C22 20.8751 23.547 20.2344 25.16 20.2344ZM69.0281 26.3163C69.0281 24.3966 68.2655 22.5555 66.9081 21.1981C65.5507 19.8407 63.7097 19.0781 61.79 19.0781H25.16C23.2403 19.0781 21.3993 19.8407 20.0419 21.1981C18.6845 22.5555 17.9219 24.3966 17.9219 26.3163V62.9462C17.9219 64.8659 18.6845 66.707 20.0419 68.0644C21.3993 69.4218 23.2403 70.1844 25.16 70.1844H61.79C63.7097 70.1844 65.5507 69.4218 66.9081 68.0644C68.2655 66.707 69.0281 64.8659 69.0281 62.9462V26.3163Z" fill="white"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.4 KiB |
@ -0,0 +1,3 @@
|
||||
<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M8.50181 1C4.80395 1 1.77592 3.86737 1.51953 7.5H15.4841C15.2277 3.86737 12.1997 1 8.50181 1ZM10.5018 8.5H6.50181C6.50181 9.60456 7.39725 10.5 8.50181 10.5C9.60637 10.5 10.5018 9.60456 10.5018 8.5ZM5.57083 10.7216L5.57069 10.7218C5.47942 10.6238 5.34938 10.5625 5.20494 10.5625C4.9288 10.5625 4.70494 10.7864 4.70494 11.0625C4.70494 11.1966 4.75781 11.3182 4.84373 11.408C5.7565 12.3873 7.05748 13 8.50181 13C9.94611 13 11.2471 12.3873 12.1599 11.4081C12.2458 11.3183 12.2987 11.1966 12.2987 11.0625C12.2987 10.7864 12.0748 10.5625 11.7987 10.5625C11.6542 10.5625 11.5242 10.6238 11.4329 10.7218L11.4328 10.7216C10.7024 11.5079 9.65964 12 8.50181 12C7.34398 12 6.30127 11.5079 5.57083 10.7216ZM13.2674 11.9219C13.1163 11.9219 12.981 11.989 12.8893 12.095L12.8881 12.0939C11.793 13.2667 10.233 14 8.50181 14C6.77058 14 5.21062 13.2667 4.1155 12.0939L4.11434 12.095C4.02266 11.989 3.88731 11.9219 3.73619 11.9219C3.46005 11.9219 3.23619 12.1457 3.23619 12.4219C3.23619 12.5654 3.29673 12.6947 3.39355 12.7858C4.67073 14.1485 6.4868 15 8.50181 15C10.5168 15 12.3329 14.1485 13.6101 12.7858C13.7069 12.6947 13.7674 12.5654 13.7674 12.4219C13.7674 12.1457 13.5436 11.9219 13.2674 11.9219Z" fill="white"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.3 KiB |
@ -0,0 +1,498 @@
|
||||
.licenseManagementContainer {
|
||||
height: 90vh;
|
||||
|
||||
.topSectionContainer {
|
||||
padding: 0;
|
||||
margin: 15px 0px 15px 5px;
|
||||
height: 40%;
|
||||
display: flex;
|
||||
gap: 15px;
|
||||
align-items: stretch;
|
||||
|
||||
.firstBlock {
|
||||
width: 30%;
|
||||
background-color: #fff;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: 10px 16px;
|
||||
border-radius: 2px;
|
||||
|
||||
.chartHeader {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-bottom: 16px;
|
||||
|
||||
.colorBlock {
|
||||
width: 2px;
|
||||
height: 18px;
|
||||
background-color: #2E4CD4;
|
||||
margin-right: 8px;
|
||||
border-radius: 1px;
|
||||
}
|
||||
|
||||
.chartTitle {
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
color: #333333;
|
||||
line-height: 18px;
|
||||
}
|
||||
}
|
||||
|
||||
.chartContainer {
|
||||
flex: 1;
|
||||
width: 100%;
|
||||
position: relative;
|
||||
|
||||
.chart {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
min-height: 200px;
|
||||
}
|
||||
|
||||
// 进度条区域样式
|
||||
.progressSection {
|
||||
margin-bottom: 20px;
|
||||
|
||||
.progressItem {
|
||||
margin-bottom: 16px;
|
||||
|
||||
.progressLabel {
|
||||
font-size: 12px;
|
||||
color: #666;
|
||||
margin-bottom: 8px;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.progressWrapper {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 12px;
|
||||
|
||||
.customProgress {
|
||||
flex: 1;
|
||||
|
||||
:global(.ant-progress-bg) {
|
||||
height: 8px !important;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
:global(.ant-progress-outer) {
|
||||
.ant-progress-inner {
|
||||
background-color: #F0F0F0;
|
||||
border-radius: 4px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.progressPercent {
|
||||
font-size: 12px;
|
||||
color: #333;
|
||||
font-weight: 500;
|
||||
min-width: 30px;
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 数字统计区域样式
|
||||
.statsSection {
|
||||
.statItem {
|
||||
text-align: center;
|
||||
padding: 8px;
|
||||
|
||||
.statNumber {
|
||||
font-size: 24px;
|
||||
font-weight: 600;
|
||||
line-height: 1.2;
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
|
||||
.statLabel {
|
||||
font-size: 12px;
|
||||
color: #666;
|
||||
font-weight: 400;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.secondBlock {
|
||||
width: 30%;
|
||||
background-color: #fff;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: 10px 16px;
|
||||
border-radius: 2px;
|
||||
|
||||
.chartHeader {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-bottom: 8px;
|
||||
|
||||
.colorBlock {
|
||||
width: 2px;
|
||||
height: 18px;
|
||||
background-color: #2E4CD4;
|
||||
margin-right: 8px;
|
||||
border-radius: 1px;
|
||||
}
|
||||
|
||||
.chartTitle {
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
color: #333333;
|
||||
// line-height: 18px;
|
||||
}
|
||||
}
|
||||
|
||||
.chartContainer {
|
||||
flex: 1;
|
||||
width: 100%;
|
||||
position: relative;
|
||||
|
||||
// 进度条区域样式
|
||||
.progressSection {
|
||||
// margin-bottom: 20px;
|
||||
|
||||
.progressItem {
|
||||
// margin-bottom: 16px;
|
||||
|
||||
.progressLabel {
|
||||
font-size: 10px;
|
||||
color: #666;
|
||||
// margin-bottom: 8px;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.progressWrapper {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 5px;
|
||||
|
||||
.customProgress {
|
||||
flex: 1;
|
||||
|
||||
:global(.ant-progress-bg) {
|
||||
height: 8px !important;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
:global(.ant-progress-outer) {
|
||||
.ant-progress-inner {
|
||||
background-color: #F0F0F0;
|
||||
border-radius: 4px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.progressPercent {
|
||||
font-size: 12px;
|
||||
color: #333;
|
||||
font-weight: 500;
|
||||
min-width: 30px;
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 数字统计区域样式
|
||||
.statsSection {
|
||||
.statItem {
|
||||
text-align: center;
|
||||
padding: 0px 2px 2px 2px;
|
||||
|
||||
.statNumber {
|
||||
font-size: 22px;
|
||||
font-weight: 600;
|
||||
line-height: 1.2;
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
|
||||
.statLabel {
|
||||
font-size: 12px;
|
||||
color: #666;
|
||||
font-weight: 400;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.thirdBlock {
|
||||
flex: 1;
|
||||
background-image: url('@/assets/business_basic/background_lqyj.svg');
|
||||
background-color: #fff;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: 10px 16px;
|
||||
border-radius: 2px;
|
||||
|
||||
.chartHeader {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-bottom: 8px;
|
||||
|
||||
.colorBlock {
|
||||
width: 2px;
|
||||
height: 18px;
|
||||
background-color: #2E4CD4;
|
||||
margin-right: 8px;
|
||||
border-radius: 1px;
|
||||
}
|
||||
|
||||
.chartTitle {
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
color: #333333;
|
||||
}
|
||||
}
|
||||
|
||||
.chartContainer {
|
||||
flex: 1;
|
||||
width: 100%;
|
||||
position: relative;
|
||||
|
||||
// 透明块容器样式
|
||||
.transparentBlock {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 8px;
|
||||
padding: 4px 8px;
|
||||
|
||||
.licenseCard {
|
||||
width: 60%;
|
||||
height: auto;
|
||||
background-color: #FFF9F4;
|
||||
border: 1px solid #FFD7BB;
|
||||
border-radius: 2px;
|
||||
padding: 5px 8px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
// box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
|
||||
|
||||
.cardContent {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 4px;
|
||||
|
||||
.licenseName {
|
||||
font-size: 12px;
|
||||
font-weight: 500;
|
||||
color: #333;
|
||||
line-height: 1.2;
|
||||
}
|
||||
|
||||
.licenseNumber {
|
||||
font-size: 12px;
|
||||
color: #666;
|
||||
font-weight: 400;
|
||||
}
|
||||
}
|
||||
|
||||
.expiryTag {
|
||||
width: 38%;
|
||||
background-color: #FFEDDE;
|
||||
border-radius: 2px;
|
||||
padding: 5px 12px;
|
||||
margin-left: 12px;
|
||||
|
||||
|
||||
.expiryText {
|
||||
font-size: 12px;
|
||||
font-weight: 500;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
color: #D46B08;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.listCard {
|
||||
padding: 0;
|
||||
padding: 15px 5px 15px 20px;
|
||||
flex: 1;
|
||||
// display: flex;
|
||||
gap: 15px;
|
||||
background-color: #fff;
|
||||
// align-items: stretch;
|
||||
|
||||
.chartHeader {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 16px;
|
||||
|
||||
.headerLeft {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
.colorBlock {
|
||||
width: 2px;
|
||||
height: 18px;
|
||||
background-color: #2E4CD4;
|
||||
margin-right: 8px;
|
||||
border-radius: 1px;
|
||||
}
|
||||
|
||||
.chartTitle {
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
color: #333333;
|
||||
line-height: 18px;
|
||||
}
|
||||
}
|
||||
|
||||
.headerRight {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 12px;
|
||||
|
||||
.searchInput {
|
||||
width: 280px;
|
||||
|
||||
.ant-input {
|
||||
border-radius: 2px;
|
||||
border: 1px solid #d9d9d9;
|
||||
|
||||
&:hover {
|
||||
border-color: #40a9ff;
|
||||
}
|
||||
|
||||
&:focus {
|
||||
border-color: #40a9ff;
|
||||
box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.typeSelector {
|
||||
width: 120px;
|
||||
|
||||
.ant-select-selector {
|
||||
border-radius: 2px;
|
||||
border: 1px solid #d9d9d9;
|
||||
|
||||
&:hover {
|
||||
border-color: #40a9ff;
|
||||
}
|
||||
}
|
||||
|
||||
&.ant-select-focused .ant-select-selector {
|
||||
border-color: #40a9ff;
|
||||
box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
|
||||
}
|
||||
}
|
||||
|
||||
.addButton {
|
||||
border-radius: 4px;
|
||||
background-color: #2E4CD4;
|
||||
// border-color: #1890ff;
|
||||
height: 32px;
|
||||
padding: 4px 15px;
|
||||
font-size: 14px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
||||
&:hover {
|
||||
background-color: #2E4CD4;
|
||||
// border-color: #40a9ff;
|
||||
}
|
||||
|
||||
&:focus {
|
||||
background-color: #2E4CD4;
|
||||
// border-color: #40a9ff;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// StandardTable 组件样式
|
||||
:global(.ant-table) {
|
||||
font-size: 12px;
|
||||
}
|
||||
:global(.ant-pagination-options-quick-jumper input) {
|
||||
text-align: center !important;
|
||||
}
|
||||
|
||||
:global(.ant-table-thead > tr > th) {
|
||||
background-color: #f5f5fa;
|
||||
font-weight: 500;
|
||||
font-size: 14px;
|
||||
color: #333333;
|
||||
border-bottom: 1px solid #f0f0f0;
|
||||
padding: 8px 12px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
:global(.ant-table-tbody > tr > td) {
|
||||
padding: 8px 12px;
|
||||
border-bottom: 1px solid #f0f0f0;
|
||||
text-align: center;
|
||||
color: #666666;
|
||||
}
|
||||
|
||||
:global(.ant-pagination) {
|
||||
margin-top: 16px;
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 覆盖Ant Design默认样式
|
||||
.licenseManagementContainer {
|
||||
.ant-card {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.ant-card-body {
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.ant-table {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.ant-tag {
|
||||
border-radius: 4px;
|
||||
font-size: 12px;
|
||||
padding: 2px 8px;
|
||||
}
|
||||
|
||||
.ant-btn-link {
|
||||
padding: 0;
|
||||
height: auto;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.ant-input-search {
|
||||
.ant-input {
|
||||
border-radius: 6px;
|
||||
}
|
||||
}
|
||||
|
||||
.ant-select {
|
||||
.ant-select-selector {
|
||||
border-radius: 6px;
|
||||
}
|
||||
}
|
||||
|
||||
.ant-btn-primary {
|
||||
border-radius: 6px;
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,48 @@
|
||||
import React, { useState } from 'react';
|
||||
import { Button } from 'antd';
|
||||
import styles from './FireWarning.less';
|
||||
import RealtimeMonitoring from './components/RealtimeMonitoring';
|
||||
import DataAnalysisWarning from './components/DataAnalysisWarning';
|
||||
|
||||
const Firewarning = () => {
|
||||
const [activeModule, setActiveModule] = useState('realtime');
|
||||
|
||||
const handleModuleClick = (module) => {
|
||||
setActiveModule(module);
|
||||
};
|
||||
|
||||
const renderModule = () => {
|
||||
switch (activeModule) {
|
||||
case 'realtime':
|
||||
return <RealtimeMonitoring />;
|
||||
case 'analysis':
|
||||
return <DataAnalysisWarning />;
|
||||
default:
|
||||
return <RealtimeMonitoring />;
|
||||
}
|
||||
};
|
||||
|
||||
return (
|
||||
<div className={styles.firewarningContainer}>
|
||||
<div className={styles.firewarningTopButton}>
|
||||
<Button
|
||||
className={`${styles.firewarningTopButtonItem} ${activeModule === "realtime" ? styles.active : ""}`}
|
||||
onClick={() => handleModuleClick("realtime")}
|
||||
>
|
||||
实时状态监测
|
||||
</Button>
|
||||
<Button
|
||||
className={`${styles.firewarningTopButtonItem} ${activeModule === "analysis" ? styles.active : ""}`}
|
||||
onClick={() => handleModuleClick("analysis")}
|
||||
>
|
||||
数据分析与预警
|
||||
</Button>
|
||||
</div>
|
||||
<div className={styles.firewarningContent}>
|
||||
{renderModule()}
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default Firewarning;
|
||||
@ -0,0 +1,66 @@
|
||||
.firewarningContainer {
|
||||
background-color: transparent;
|
||||
width: 100%;
|
||||
height: 89vh;
|
||||
overflow: hidden;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
.firewarningTopButton {
|
||||
background-color: white;
|
||||
width: 100%;
|
||||
padding: 10px 30px;
|
||||
display: flex;
|
||||
gap: 24px;
|
||||
margin-left: 6px;
|
||||
|
||||
.firewarningTopButtonItem {
|
||||
background-color: transparent !important;
|
||||
color: #333333 !important;
|
||||
font-family: 'PingFang SC', sans-serif !important;
|
||||
font-weight: 500 !important;
|
||||
font-size: 14px !important;
|
||||
line-height: 100% !important;
|
||||
border-radius: 8px !important;
|
||||
padding: 6px 10px !important;
|
||||
height: auto !important;
|
||||
border: none !important;
|
||||
box-shadow: none !important;
|
||||
position: relative !important;
|
||||
|
||||
&:hover {
|
||||
color: #333333 !important;
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
&:focus {
|
||||
color: #2E4CD4 !important;
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
&.active {
|
||||
color: #2E4CD4 !important;
|
||||
|
||||
&::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
bottom: -10px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
width: 100%;
|
||||
height: 4px;
|
||||
background-color: #2E4CD4;
|
||||
border-radius: 0;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.firewarningContent {
|
||||
// ======== 内容区域样式 ========
|
||||
flex: 1; // ======== 占据剩余空间 ========
|
||||
overflow-y: auto; // ======== 允许垂直滚动 ========
|
||||
padding: 0; // ======== 无内边距 ========
|
||||
}
|
||||
}
|
||||
Loading…
Reference in New Issue