jiangxucong
/
dq-emgms
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

交接页面

Browse Source
main
wangyunfei 2 months ago
parent 186a92a581
commit 3bddc68635
15 changed files with 1084 additions and 342 deletions
Show Stats Download Patch File Download Diff File

9
src/assets/business_Emergency/bgDrill1.svg
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 2.8 MiB

112
src/assets/business_Emergency/iconDrill10.svg
Unescape Escape View File

@ -0,0 +1,112 @@
<svg width="176" height="176" viewBox="0 0 176 176" fill="none" xmlns="http://www.w3.org/2000/svg">
<foreignObject x="-3.4" y="-3.4" width="182.8" height="182.8"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(30.7px);clip-path:url(#bgblur_0_2490_25478_clip_path);height:100%;width:100%"></div></foreignObject><g filter="url(#filter0_dddiiiii_2490_25478)" data-figma-bg-blur-radius="61.4">
<rect x="58" y="58" width="60" height="60" rx="6" fill="url(#paint0_radial_2490_25478)"/>
<rect x="58" y="58" width="60" height="60" rx="6" fill="url(#paint1_linear_2490_25478)"/>
<rect x="58" y="58" width="60" height="60" rx="6" fill="url(#paint2_linear_2490_25478)"/>
<rect x="58" y="58" width="60" height="60" rx="6" fill="white" fill-opacity="0.1665"/>
<rect x="58.6" y="58.6" width="58.8" height="58.8" rx="5.4" stroke="url(#paint3_linear_2490_25478)" stroke-width="1.2"/>
</g>
<g clip-path="url(#clip1_2490_25478)" filter="url(#filter1_d_2490_25478)">
<path d="M72 100.786C72 102.558 73.4623 104 75.2588 104H99.7412C101.538 104 103 102.558 103 100.786V79.8574H72V100.786Z" fill="url(#paint4_linear_2490_25478)"/>
<path d="M99.7412 73.3895H95.6469V71.7828C95.6469 71.3296 95.2709 71 94.8531 71H93.2237C92.7642 71 92.4299 71.3708 92.4299 71.7828V73.3895H82.6119V71.7828C82.6119 71.3296 82.2358 71 81.8181 71H80.1887C79.7291 71 79.3949 71.3708 79.3949 71.7828V73.3895H75.2588C73.4623 73.4307 72 74.8727 72 76.6442V78.2509H103V76.6442C103 74.8727 101.538 73.3895 99.7412 73.3895Z" fill="url(#paint5_linear_2490_25478)"/>
<path d="M83.3633 87.3972C83.3633 86.5732 84.0317 85.9141 84.8673 85.9141C85.7029 85.9141 86.3714 86.5732 86.3714 87.3972V92.7942H93.808C94.6436 92.7942 95.3121 93.4534 95.3121 94.2774C95.3121 95.1013 94.6436 95.7193 93.808 95.7193H84.8673C84.0317 95.7193 83.3633 95.0601 83.3633 94.2362V87.3972Z" fill="white"/>
</g>
<defs>
<filter id="filter0_dddiiiii_2490_25478" x="-3.4" y="-3.4" width="182.8" height="182.8" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feMorphology radius="3" operator="erode" in="SourceAlpha" result="effect1_dropShadow_2490_25478"/>
<feOffset dy="3"/>
<feGaussianBlur stdDeviation="6"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.36634 0 0 0 0 0.522062 0 0 0 0 0.78679 0 0 0 0.3 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2490_25478"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feMorphology radius="6" operator="erode" in="SourceAlpha" result="effect2_dropShadow_2490_25478"/>
<feOffset dy="12.24"/>
<feGaussianBlur stdDeviation="4.2"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.678673 0 0 0 0 0.797683 0 0 0 0 1 0 0 0 0.3 0"/>
<feBlend mode="normal" in2="effect1_dropShadow_2490_25478" result="effect2_dropShadow_2490_25478"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="29"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.0918 0"/>
<feBlend mode="normal" in2="effect2_dropShadow_2490_25478" result="effect3_dropShadow_2490_25478"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect3_dropShadow_2490_25478" result="shape"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="0.6025"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.95 0 0 0 0 0.95 0 0 0 0 1 0 0 0 0.0376 0"/>
<feBlend mode="overlay" in2="shape" result="effect4_innerShadow_2490_25478"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="0.54"/>
<feGaussianBlur stdDeviation="0.75"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.262622 0 0 0 0 0.540593 0 0 0 0 0.997014 0 0 0 0.1 0"/>
<feBlend mode="normal" in2="effect4_innerShadow_2490_25478" result="effect5_innerShadow_2490_25478"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="-0.54"/>
<feGaussianBlur stdDeviation="0.75"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.237924 0 0 0 0 0.526374 0 0 0 0 1 0 0 0 0.6 0"/>
<feBlend mode="normal" in2="effect5_innerShadow_2490_25478" result="effect6_innerShadow_2490_25478"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="1.5"/>
<feGaussianBlur stdDeviation="2.265"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.449 0"/>
<feBlend mode="normal" in2="effect6_innerShadow_2490_25478" result="effect7_innerShadow_2490_25478"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="1.125" dy="1.8"/>
<feGaussianBlur stdDeviation="5.8"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.918401 0 0 0 0 0.954938 0 0 0 0 1 0 0 0 0.7 0"/>
<feBlend mode="normal" in2="effect7_innerShadow_2490_25478" result="effect8_innerShadow_2490_25478"/>
</filter>
<clipPath id="bgblur_0_2490_25478_clip_path" transform="translate(3.4 3.4)"><rect x="58" y="58" width="60" height="60" rx="6"/>
</clipPath><filter id="filter1_d_2490_25478" x="66" y="69" width="43" height="45" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="4"/>
<feGaussianBlur stdDeviation="3"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.156863 0 0 0 0 0.470588 0 0 0 0 1 0 0 0 0.4 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2490_25478"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2490_25478" result="shape"/>
</filter>
<radialGradient id="paint0_radial_2490_25478" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(58 58) scale(12)">
<stop stop-color="white" stop-opacity="0.0141"/>
<stop offset="0.3" stop-color="#FAFAFF" stop-opacity="0.0235"/>
<stop offset="0.6" stop-color="#FAFBFF" stop-opacity="0.01"/>
<stop offset="1" stop-color="#FCFCFF" stop-opacity="0"/>
</radialGradient>
<linearGradient id="paint1_linear_2490_25478" x1="120.85" y1="95.3397" x2="80.9454" y2="52.5843" gradientUnits="userSpaceOnUse">
<stop stop-color="white" stop-opacity="0.204"/>
<stop offset="0.6" stop-color="white" stop-opacity="0"/>
<stop offset="1" stop-color="#D9EBFF" stop-opacity="0.135"/>
</linearGradient>
<linearGradient id="paint2_linear_2490_25478" x1="88" y1="118" x2="88" y2="58" gradientUnits="userSpaceOnUse">
<stop stop-color="white" stop-opacity="0.306"/>
<stop offset="0.3" stop-color="white" stop-opacity="0.102"/>
<stop offset="0.7" stop-color="white" stop-opacity="0"/>
<stop offset="1" stop-color="#E0EDFF" stop-opacity="0.1125"/>
</linearGradient>
<linearGradient id="paint3_linear_2490_25478" x1="58" y1="88" x2="58" y2="28" gradientUnits="userSpaceOnUse">
<stop stop-color="white" stop-opacity="0.9"/>
<stop offset="0.18" stop-color="white" stop-opacity="0.204"/>
<stop offset="0.5" stop-color="white" stop-opacity="0"/>
<stop offset="0.82" stop-color="white" stop-opacity="0.1785"/>
<stop offset="1" stop-color="white" stop-opacity="0.5"/>
</linearGradient>
<linearGradient id="paint4_linear_2490_25478" x1="87.5" y1="79.8574" x2="87.5" y2="104" gradientUnits="userSpaceOnUse">
<stop stop-color="#3691FF"/>
<stop offset="1" stop-color="#1E68FF"/>
</linearGradient>
<linearGradient id="paint5_linear_2490_25478" x1="87.5" y1="71" x2="87.5" y2="78.2509" gradientUnits="userSpaceOnUse">
<stop stop-color="#3691FF"/>
<stop offset="1" stop-color="#1E68FF"/>
</linearGradient>
<clipPath id="clip1_2490_25478">
<rect width="31" height="33" fill="white" transform="translate(72 71)"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 8.3 KiB

112
src/assets/business_Emergency/iconDrill11.svg
Unescape Escape View File

@ -0,0 +1,112 @@
<svg width="176" height="176" viewBox="0 0 176 176" fill="none" xmlns="http://www.w3.org/2000/svg">
<foreignObject x="-3.4" y="-3.4" width="182.8" height="182.8"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(30.7px);clip-path:url(#bgblur_0_2490_25467_clip_path);height:100%;width:100%"></div></foreignObject><g filter="url(#filter0_dddiiiii_2490_25467)" data-figma-bg-blur-radius="61.4">
<rect x="58" y="58" width="60" height="60" rx="6" fill="url(#paint0_radial_2490_25467)"/>
<rect x="58" y="58" width="60" height="60" rx="6" fill="url(#paint1_linear_2490_25467)"/>
<rect x="58" y="58" width="60" height="60" rx="6" fill="url(#paint2_linear_2490_25467)"/>
<rect x="58" y="58" width="60" height="60" rx="6" fill="white" fill-opacity="0.1665"/>
<rect x="58.6" y="58.6" width="58.8" height="58.8" rx="5.4" stroke="url(#paint3_linear_2490_25467)" stroke-width="1.2"/>
</g>
<g clip-path="url(#clip1_2490_25467)" filter="url(#filter1_d_2490_25467)">
<g clip-path="url(#clip2_2490_25467)">
<path d="M79.3223 72.959C79.2933 73.1317 79.2637 73.3332 79.2637 73.5059C79.2637 74.9171 80.3369 76.2997 81.7578 76.2998H93.0684C94.3732 76.2996 95.4746 74.917 95.4746 73.5059C95.4746 73.3332 95.446 73.1317 95.417 72.959H97.9404C100.666 72.9591 102 74.5139 102 76.7891V99.1982C102 101.934 100.579 103 97.6787 103H76.9727C74.073 103 73.0001 101.646 73 99.1982V76.7891C73 74.5138 73.7543 72.959 76.7412 72.959H79.3223ZM91.0381 71C91.473 71.0001 91.9076 71.2018 92.2266 71.5186C92.5456 71.8354 92.6904 72.2389 92.6904 72.6709C92.7482 73.5349 92.0236 74.2832 91.0957 74.3408H83.6426C82.6859 74.2831 81.9608 73.5635 82.0186 72.6709C81.9606 71.8069 82.6857 71.0577 83.6426 71H91.0381Z" fill="url(#paint4_linear_2490_25467)"/>
<path d="M85.1236 93.9564C85.6166 94.446 86.4286 94.446 86.9216 93.9564L96.0856 84.8547C96.5786 84.365 96.6076 83.5585 96.1146 83.0689L96.0856 83.0401C95.5926 82.5504 94.7806 82.5504 94.2876 83.0401L86.0226 91.2489L81.8466 87.1013C81.3536 86.6116 80.5416 86.6116 80.0486 87.1013C79.5556 87.5909 79.5266 88.3686 80.0196 88.8583L80.0486 88.8871L85.1236 93.9564Z" fill="white"/>
</g>
</g>
<defs>
<filter id="filter0_dddiiiii_2490_25467" x="-3.4" y="-3.4" width="182.8" height="182.8" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feMorphology radius="3" operator="erode" in="SourceAlpha" result="effect1_dropShadow_2490_25467"/>
<feOffset dy="3"/>
<feGaussianBlur stdDeviation="6"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.36634 0 0 0 0 0.522062 0 0 0 0 0.78679 0 0 0 0.3 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2490_25467"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feMorphology radius="6" operator="erode" in="SourceAlpha" result="effect2_dropShadow_2490_25467"/>
<feOffset dy="12.24"/>
<feGaussianBlur stdDeviation="4.2"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.678673 0 0 0 0 0.797683 0 0 0 0 1 0 0 0 0.3 0"/>
<feBlend mode="normal" in2="effect1_dropShadow_2490_25467" result="effect2_dropShadow_2490_25467"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="29"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.0918 0"/>
<feBlend mode="normal" in2="effect2_dropShadow_2490_25467" result="effect3_dropShadow_2490_25467"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect3_dropShadow_2490_25467" result="shape"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="0.6025"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.95 0 0 0 0 0.95 0 0 0 0 1 0 0 0 0.0376 0"/>
<feBlend mode="overlay" in2="shape" result="effect4_innerShadow_2490_25467"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="0.54"/>
<feGaussianBlur stdDeviation="0.75"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.262622 0 0 0 0 0.540593 0 0 0 0 0.997014 0 0 0 0.1 0"/>
<feBlend mode="normal" in2="effect4_innerShadow_2490_25467" result="effect5_innerShadow_2490_25467"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="-0.54"/>
<feGaussianBlur stdDeviation="0.75"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.237924 0 0 0 0 0.526374 0 0 0 0 1 0 0 0 0.6 0"/>
<feBlend mode="normal" in2="effect5_innerShadow_2490_25467" result="effect6_innerShadow_2490_25467"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="1.5"/>
<feGaussianBlur stdDeviation="2.265"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.449 0"/>
<feBlend mode="normal" in2="effect6_innerShadow_2490_25467" result="effect7_innerShadow_2490_25467"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="1.125" dy="1.8"/>
<feGaussianBlur stdDeviation="5.8"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.918401 0 0 0 0 0.954938 0 0 0 0 1 0 0 0 0.7 0"/>
<feBlend mode="normal" in2="effect7_innerShadow_2490_25467" result="effect8_innerShadow_2490_25467"/>
</filter>
<clipPath id="bgblur_0_2490_25467_clip_path" transform="translate(3.4 3.4)"><rect x="58" y="58" width="60" height="60" rx="6"/>
</clipPath><filter id="filter1_d_2490_25467" x="66" y="69" width="43" height="45" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="4"/>
<feGaussianBlur stdDeviation="3"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.156863 0 0 0 0 0.470588 0 0 0 0 1 0 0 0 0.4 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2490_25467"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2490_25467" result="shape"/>
</filter>
<radialGradient id="paint0_radial_2490_25467" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(58 58) scale(12)">
<stop stop-color="white" stop-opacity="0.0141"/>
<stop offset="0.3" stop-color="#FAFAFF" stop-opacity="0.0235"/>
<stop offset="0.6" stop-color="#FAFBFF" stop-opacity="0.01"/>
<stop offset="1" stop-color="#FCFCFF" stop-opacity="0"/>
</radialGradient>
<linearGradient id="paint1_linear_2490_25467" x1="120.85" y1="95.3397" x2="80.9454" y2="52.5843" gradientUnits="userSpaceOnUse">
<stop stop-color="white" stop-opacity="0.204"/>
<stop offset="0.6" stop-color="white" stop-opacity="0"/>
<stop offset="1" stop-color="#D9EBFF" stop-opacity="0.135"/>
</linearGradient>
<linearGradient id="paint2_linear_2490_25467" x1="88" y1="118" x2="88" y2="58" gradientUnits="userSpaceOnUse">
<stop stop-color="white" stop-opacity="0.306"/>
<stop offset="0.3" stop-color="white" stop-opacity="0.102"/>
<stop offset="0.7" stop-color="white" stop-opacity="0"/>
<stop offset="1" stop-color="#E0EDFF" stop-opacity="0.1125"/>
</linearGradient>
<linearGradient id="paint3_linear_2490_25467" x1="58" y1="88" x2="58" y2="28" gradientUnits="userSpaceOnUse">
<stop stop-color="white" stop-opacity="0.9"/>
<stop offset="0.18" stop-color="white" stop-opacity="0.204"/>
<stop offset="0.5" stop-color="white" stop-opacity="0"/>
<stop offset="0.82" stop-color="white" stop-opacity="0.1785"/>
<stop offset="1" stop-color="white" stop-opacity="0.5"/>
</linearGradient>
<linearGradient id="paint4_linear_2490_25467" x1="87.5" y1="71" x2="87.5" y2="103" gradientUnits="userSpaceOnUse">
<stop stop-color="#3691FF"/>
<stop offset="1" stop-color="#1E68FF"/>
</linearGradient>
<clipPath id="clip1_2490_25467">
<rect width="31" height="33" fill="white" transform="translate(72 71)"/>
</clipPath>
<clipPath id="clip2_2490_25467">
<rect width="29" height="32" fill="white" transform="translate(73 71)"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 8.4 KiB

3
src/assets/business_Emergency/iconDrill8.svg
Unescape Escape View File

@ -0,0 +1,3 @@
<svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17.3228 18.523H3.67541C1.56622 18.523 0.706533 17.0648 1.76703 15.2811L8.5881 3.81252C9.64728 2.03015 11.3811 2.03146 12.439 3.81515L19.2364 15.2798C20.293 17.0635 19.432 18.523 17.3228 18.523ZM10.5004 5.63821C9.93078 5.63821 9.4701 6.10021 9.4701 6.66852L9.98591 13.3688H11.0162L11.532 6.66852C11.5307 6.0989 11.07 5.63821 10.5004 5.63821ZM10.5004 14.4005C9.93078 14.4005 9.4701 14.8625 9.4701 15.4308C9.4701 15.9991 9.93078 16.4611 10.5004 16.4611C11.07 16.4611 11.5307 15.9991 11.5307 15.4308C11.5307 14.8625 11.07 14.4005 10.5004 14.4005Z" fill="#FF8800"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 674 B

123
src/assets/business_Emergency/iconDrill9.svg
Unescape Escape View File

@ -0,0 +1,123 @@
<svg width="176" height="176" viewBox="0 0 176 176" fill="none" xmlns="http://www.w3.org/2000/svg">
<foreignObject x="-3.4" y="-3.4" width="182.8" height="182.8"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(30.7px);clip-path:url(#bgblur_0_2490_25456_clip_path);height:100%;width:100%"></div></foreignObject><g filter="url(#filter0_dddiiiii_2490_25456)" data-figma-bg-blur-radius="61.4">
<rect x="58" y="58" width="60" height="60" rx="6" fill="url(#paint0_radial_2490_25456)"/>
<rect x="58" y="58" width="60" height="60" rx="6" fill="url(#paint1_linear_2490_25456)"/>
<rect x="58" y="58" width="60" height="60" rx="6" fill="url(#paint2_linear_2490_25456)"/>
<rect x="58" y="58" width="60" height="60" rx="6" fill="white" fill-opacity="0.1665"/>
<rect x="58.6" y="58.6" width="58.8" height="58.8" rx="5.4" stroke="url(#paint3_linear_2490_25456)" stroke-width="1.2"/>
</g>
<g clip-path="url(#clip1_2490_25456)" filter="url(#filter1_d_2490_25456)">
<path d="M83.4643 86.5104C87.7464 86.5104 91.2177 83.0518 91.2177 78.7855C91.2177 74.5191 87.7464 71.0605 83.4643 71.0605C79.1823 71.0605 75.7109 74.5191 75.7109 78.7855C75.7109 83.0518 79.1823 86.5104 83.4643 86.5104Z" fill="url(#paint4_linear_2490_25456)"/>
<path d="M92.0484 71.0605C90.9911 71.0605 89.9338 71.284 88.9727 71.699C92.9134 74.7315 93.6183 80.3815 90.5746 84.2759C90.1261 84.8824 89.5814 85.3931 88.9727 85.872C92.9134 87.5638 97.4629 85.7443 99.161 81.818C100.827 77.8917 99.0008 73.3589 95.0921 71.699C94.1309 71.284 93.0736 71.0605 92.0484 71.0605Z" fill="url(#paint5_linear_2490_25456)"/>
<path d="M97.3023 89.1279H90.8945C94.9314 89.1599 98.2314 92.4158 98.2314 96.4698V103.939H103.998V95.8314C103.998 92.1285 100.987 89.1599 97.3023 89.1279Z" fill="url(#paint6_linear_2490_25456)"/>
<path d="M89.0379 89.1279H77.7282C74.0117 89.1279 71 92.1285 71 95.8314V103.939H95.734V95.8314C95.734 92.1285 92.7544 89.1279 89.0379 89.1279Z" fill="url(#paint7_linear_2490_25456)"/>
<path d="M86.8277 99.4383H82.2782L82.6306 99.8852C83.0471 100.364 82.919 101.098 82.4384 101.513C82.2141 101.641 81.9578 101.705 81.7015 101.705C81.3491 101.705 80.9967 101.545 80.7724 101.258L78.9782 98.9276C78.7219 98.5765 78.6578 98.0976 78.8501 97.7146C79.0423 97.3315 79.4588 97.0762 79.8753 97.0762H86.7957C87.4365 97.1081 87.9491 97.6188 87.917 98.2573C87.9491 98.9276 87.4685 99.4064 86.8277 99.4383Z" fill="white"/>
<path d="M87.885 95.3529C87.6927 95.736 87.2762 95.9913 86.8597 95.9913H79.9073C79.2665 95.9913 78.7539 95.4806 78.7539 94.8422C78.7539 94.2037 79.2665 93.693 79.9073 93.693H84.4889L84.1364 93.2461C83.7199 92.7673 83.8481 92.0331 84.3287 91.6181C84.8092 91.2032 85.5461 91.3308 85.9306 91.8097L87.7248 94.108C88.0131 94.4591 88.0772 94.9379 87.885 95.3529Z" fill="white"/>
</g>
<defs>
<filter id="filter0_dddiiiii_2490_25456" x="-3.4" y="-3.4" width="182.8" height="182.8" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feMorphology radius="3" operator="erode" in="SourceAlpha" result="effect1_dropShadow_2490_25456"/>
<feOffset dy="3"/>
<feGaussianBlur stdDeviation="6"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.36634 0 0 0 0 0.522062 0 0 0 0 0.78679 0 0 0 0.3 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2490_25456"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feMorphology radius="6" operator="erode" in="SourceAlpha" result="effect2_dropShadow_2490_25456"/>
<feOffset dy="12.24"/>
<feGaussianBlur stdDeviation="4.2"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.678673 0 0 0 0 0.797683 0 0 0 0 1 0 0 0 0.3 0"/>
<feBlend mode="normal" in2="effect1_dropShadow_2490_25456" result="effect2_dropShadow_2490_25456"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="29"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.0918 0"/>
<feBlend mode="normal" in2="effect2_dropShadow_2490_25456" result="effect3_dropShadow_2490_25456"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect3_dropShadow_2490_25456" result="shape"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="0.6025"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.95 0 0 0 0 0.95 0 0 0 0 1 0 0 0 0.0376 0"/>
<feBlend mode="overlay" in2="shape" result="effect4_innerShadow_2490_25456"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="0.54"/>
<feGaussianBlur stdDeviation="0.75"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.262622 0 0 0 0 0.540593 0 0 0 0 0.997014 0 0 0 0.1 0"/>
<feBlend mode="normal" in2="effect4_innerShadow_2490_25456" result="effect5_innerShadow_2490_25456"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="-0.54"/>
<feGaussianBlur stdDeviation="0.75"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.237924 0 0 0 0 0.526374 0 0 0 0 1 0 0 0 0.6 0"/>
<feBlend mode="normal" in2="effect5_innerShadow_2490_25456" result="effect6_innerShadow_2490_25456"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="1.5"/>
<feGaussianBlur stdDeviation="2.265"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.449 0"/>
<feBlend mode="normal" in2="effect6_innerShadow_2490_25456" result="effect7_innerShadow_2490_25456"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="1.125" dy="1.8"/>
<feGaussianBlur stdDeviation="5.8"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.918401 0 0 0 0 0.954938 0 0 0 0 1 0 0 0 0.7 0"/>
<feBlend mode="normal" in2="effect7_innerShadow_2490_25456" result="effect8_innerShadow_2490_25456"/>
</filter>
<clipPath id="bgblur_0_2490_25456_clip_path" transform="translate(3.4 3.4)"><rect x="58" y="58" width="60" height="60" rx="6"/>
</clipPath><filter id="filter1_d_2490_25456" x="65" y="68" width="45" height="47" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="4"/>
<feGaussianBlur stdDeviation="3"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.156863 0 0 0 0 0.470588 0 0 0 0 1 0 0 0 0.4 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2490_25456"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2490_25456" result="shape"/>
</filter>
<radialGradient id="paint0_radial_2490_25456" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(58 58) scale(12)">
<stop stop-color="white" stop-opacity="0.0141"/>
<stop offset="0.3" stop-color="#FAFAFF" stop-opacity="0.0235"/>
<stop offset="0.6" stop-color="#FAFBFF" stop-opacity="0.01"/>
<stop offset="1" stop-color="#FCFCFF" stop-opacity="0"/>
</radialGradient>
<linearGradient id="paint1_linear_2490_25456" x1="120.85" y1="95.3397" x2="80.9454" y2="52.5843" gradientUnits="userSpaceOnUse">
<stop stop-color="white" stop-opacity="0.204"/>
<stop offset="0.6" stop-color="white" stop-opacity="0"/>
<stop offset="1" stop-color="#D9EBFF" stop-opacity="0.135"/>
</linearGradient>
<linearGradient id="paint2_linear_2490_25456" x1="88" y1="118" x2="88" y2="58" gradientUnits="userSpaceOnUse">
<stop stop-color="white" stop-opacity="0.306"/>
<stop offset="0.3" stop-color="white" stop-opacity="0.102"/>
<stop offset="0.7" stop-color="white" stop-opacity="0"/>
<stop offset="1" stop-color="#E0EDFF" stop-opacity="0.1125"/>
</linearGradient>
<linearGradient id="paint3_linear_2490_25456" x1="58" y1="88" x2="58" y2="28" gradientUnits="userSpaceOnUse">
<stop stop-color="white" stop-opacity="0.9"/>
<stop offset="0.18" stop-color="white" stop-opacity="0.204"/>
<stop offset="0.5" stop-color="white" stop-opacity="0"/>
<stop offset="0.82" stop-color="white" stop-opacity="0.1785"/>
<stop offset="1" stop-color="white" stop-opacity="0.5"/>
</linearGradient>
<linearGradient id="paint4_linear_2490_25456" x1="83.4643" y1="71.0605" x2="83.4643" y2="86.5104" gradientUnits="userSpaceOnUse">
<stop stop-color="#3691FF"/>
<stop offset="1" stop-color="#1E68FF"/>
</linearGradient>
<linearGradient id="paint5_linear_2490_25456" x1="94.3752" y1="71.0605" x2="94.3752" y2="86.5045" gradientUnits="userSpaceOnUse">
<stop stop-color="#3691FF"/>
<stop offset="1" stop-color="#1E68FF"/>
</linearGradient>
<linearGradient id="paint6_linear_2490_25456" x1="97.4465" y1="89.1279" x2="97.4465" y2="103.939" gradientUnits="userSpaceOnUse">
<stop stop-color="#3691FF"/>
<stop offset="1" stop-color="#1E68FF"/>
</linearGradient>
<linearGradient id="paint7_linear_2490_25456" x1="83.367" y1="89.1279" x2="83.367" y2="103.939" gradientUnits="userSpaceOnUse">
<stop stop-color="#3691FF"/>
<stop offset="1" stop-color="#1E68FF"/>
</linearGradient>
<clipPath id="clip1_2490_25456">
<rect width="33" height="35" fill="white" transform="translate(71 70)"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 9.6 KiB

21
src/assets/business_Emergency/iconDuty1.svg
Unescape Escape View File

@ -0,0 +1,21 @@
<svg width="43" height="43" viewBox="0 0 43 43" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_i_2490_25607)">
<circle cx="21.5" cy="21.5" r="21.5" fill="#CDDFF8"/>
</g>
<path d="M25.3078 10.6152H12.5368C11.921 10.6152 11.3304 10.8599 10.8949 11.2953C10.4595 11.7308 10.2148 12.3214 10.2148 12.9372V25.7082C10.2148 26.0132 10.2749 26.3151 10.3916 26.5968C10.5083 26.8785 10.6793 27.1345 10.8949 27.3501C11.1106 27.5658 11.3665 27.7368 11.6483 27.8535C11.93 27.9702 12.2319 28.0302 12.5368 28.0302H25.3078C25.9237 28.0302 26.5143 27.7856 26.9497 27.3501C27.3852 26.9147 27.6298 26.3241 27.6298 25.7082V12.9372C27.6298 12.3214 27.3852 11.7308 26.9497 11.2953C26.5143 10.8599 25.9237 10.6152 25.3078 10.6152Z" fill="#0065F3"/>
<path opacity="0.4" d="M30.1438 15.4531H17.3728C16.7569 15.4531 16.1663 15.6978 15.7309 16.1332C15.2954 16.5687 15.0508 17.1593 15.0508 17.7751V30.5461C15.0508 31.162 15.2954 31.7526 15.7309 32.188C16.1663 32.6235 16.7569 32.8681 17.3728 32.8681H30.1438C30.7596 32.8681 31.3502 32.6235 31.7857 32.188C32.2211 31.7526 32.4658 31.162 32.4658 30.5461V17.7751C32.4658 17.1593 32.2211 16.5687 31.7857 16.1332C31.3502 15.6978 30.7596 15.4531 30.1438 15.4531Z" fill="#82B6FA"/>
<path d="M29 27.3061C28.7638 26.4898 28.3701 25.7551 27.8976 25.102V22.6531C27.8976 21.0204 26.7953 19.7143 25.2992 19.3878V19.3061C25.2992 18.5714 24.6693 18 23.9606 18C23.252 18 22.7008 18.5714 22.7008 19.3061V19.3878C21.2047 19.7143 20.1024 21.0204 20.1024 22.6531V25.102C19.6299 25.7551 19.2362 26.4898 19 27.3061H29ZM23.9606 30C25.063 30 25.9291 29.102 25.9291 27.9592H22.0709C22.0709 29.102 22.937 30 23.9606 30Z" fill="white"/>
<path opacity="0.4" d="M17.3751 15.6541H30.1461C30.7085 15.6541 31.2478 15.8775 31.6455 16.2752C32.0432 16.6728 32.2666 17.2122 32.2666 17.7745V30.5455C32.2666 31.1079 32.0432 31.6473 31.6455 32.0449C31.2478 32.4426 30.7085 32.666 30.1461 32.666H17.3751C16.8128 32.666 16.2734 32.4426 15.8757 32.0449C15.4781 31.6473 15.2547 31.1079 15.2547 30.5455V17.7745C15.2547 17.2122 15.4781 16.6728 15.8757 16.2752C16.2734 15.8775 16.8128 15.6541 17.3751 15.6541ZM32.6697 17.7745C32.6697 17.1052 32.4038 16.4634 31.9306 15.9901C31.4573 15.5169 30.8154 15.251 30.1461 15.251H17.3751C16.7058 15.251 16.064 15.5169 15.5907 15.9901C15.1174 16.4634 14.8516 17.1052 14.8516 17.7745V30.5455C14.8516 31.2148 15.1174 31.8567 15.5907 32.33C16.064 32.8032 16.7058 33.0691 17.3751 33.0691H30.1461C30.8154 33.0691 31.4573 32.8032 31.9306 32.33C32.4038 31.8567 32.6697 31.2148 32.6697 30.5455V17.7745Z" fill="white"/>
<defs>
<filter id="filter0_i_2490_25607" x="0" y="0" width="43" height="43" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="4"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.396078 0 0 0 0 0.952941 0 0 0 0.3 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_2490_25607"/>
</filter>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.2 KiB

21
src/assets/business_Emergency/iconDuty2.svg
Unescape Escape View File

@ -0,0 +1,21 @@
<svg width="43" height="43" viewBox="0 0 43 43" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_i_2490_25618)">
<circle cx="21.5" cy="21.5" r="21.5" fill="#CDDFF8"/>
</g>
<path d="M25.3078 10.6152H12.5368C11.921 10.6152 11.3304 10.8599 10.8949 11.2953C10.4595 11.7308 10.2148 12.3214 10.2148 12.9372V25.7082C10.2148 26.0132 10.2749 26.3151 10.3916 26.5968C10.5083 26.8785 10.6793 27.1345 10.8949 27.3501C11.1106 27.5658 11.3665 27.7368 11.6483 27.8535C11.93 27.9702 12.2319 28.0302 12.5368 28.0302H25.3078C25.9237 28.0302 26.5143 27.7856 26.9497 27.3501C27.3852 26.9147 27.6298 26.3241 27.6298 25.7082V12.9372C27.6298 12.3214 27.3852 11.7308 26.9497 11.2953C26.5143 10.8599 25.9237 10.6152 25.3078 10.6152Z" fill="#0065F3"/>
<path opacity="0.4" d="M30.1438 15.4531H17.3728C16.7569 15.4531 16.1663 15.6978 15.7309 16.1332C15.2954 16.5687 15.0508 17.1593 15.0508 17.7751V30.5461C15.0508 31.162 15.2954 31.7526 15.7309 32.188C16.1663 32.6235 16.7569 32.8681 17.3728 32.8681H30.1438C30.7596 32.8681 31.3502 32.6235 31.7857 32.188C32.2211 31.7526 32.4658 31.162 32.4658 30.5461V17.7751C32.4658 17.1593 32.2211 16.5687 31.7857 16.1332C31.3502 15.6978 30.7596 15.4531 30.1438 15.4531Z" fill="#82B6FA"/>
<path d="M24.3839 28.8769V29.9989H25.5729L28.9761 26.6989L27.7872 25.5772L24.3839 28.8769ZM26.8546 19H20.6318C20.4172 18.9988 20.2044 19.0385 20.0058 19.1171C19.8072 19.1956 19.6268 19.3113 19.475 19.4575C19.3232 19.6037 19.2031 19.7775 19.1215 19.9687C19.04 20.16 18.9987 20.3649 19 20.5717V28.4284C19 29.3034 19.7464 30 20.6318 30H22.8932V28.5849L28.4861 23.0854V20.5717C28.4875 20.3649 28.4462 20.16 28.3646 19.9688C28.2831 19.7775 28.163 19.6038 28.0112 19.4576C27.8595 19.3114 27.6791 19.1957 27.4806 19.1171C27.282 19.0386 27.0693 18.9988 26.8546 19ZM23.9411 26.1382H21.9136C21.7342 26.1381 21.5622 26.0695 21.4353 25.9473C21.3085 25.8251 21.2372 25.6595 21.2371 25.4867C21.2373 25.314 21.3086 25.1484 21.4354 25.0263C21.5623 24.9042 21.7342 24.8356 21.9136 24.8355H23.9411C24.1204 24.8356 24.2924 24.9042 24.4192 25.0263C24.546 25.1484 24.6174 25.314 24.6175 25.4867C24.6174 25.6595 24.5461 25.8251 24.4193 25.9473C24.2925 26.0695 24.1205 26.1381 23.9411 26.1382ZM25.3165 23.5339H21.9136C21.7342 23.5339 21.5622 23.4652 21.4353 23.343C21.3085 23.2209 21.2372 23.0552 21.2371 22.8825C21.2372 22.7097 21.3085 22.544 21.4353 22.4219C21.5622 22.2997 21.7342 22.2311 21.9136 22.231H25.3165C25.496 22.231 25.6681 22.2997 25.795 22.4219C25.9219 22.5441 25.9932 22.7099 25.9932 22.8827C25.993 23.0555 25.9217 23.2211 25.7948 23.3432C25.6679 23.4654 25.4959 23.5339 25.3165 23.5339ZM29.1614 24.7241C29.1143 24.657 29.0215 24.635 28.9518 24.635C28.8593 24.635 28.7882 24.657 28.7425 24.7241L28.1829 25.2631L29.3718 26.3851L29.9075 25.8241C29.9772 25.7788 30 25.6894 30 25.6223C30 25.5332 29.9772 25.4647 29.9075 25.4207L29.1614 24.7241Z" fill="white"/>
<path opacity="0.4" d="M17.3751 15.6541H30.1461C30.7085 15.6541 31.2478 15.8775 31.6455 16.2752C32.0432 16.6728 32.2666 17.2122 32.2666 17.7745V30.5455C32.2666 31.1079 32.0432 31.6473 31.6455 32.0449C31.2478 32.4426 30.7085 32.666 30.1461 32.666H17.3751C16.8128 32.666 16.2734 32.4426 15.8757 32.0449C15.4781 31.6473 15.2547 31.1079 15.2547 30.5455V17.7745C15.2547 17.2122 15.4781 16.6728 15.8757 16.2752C16.2734 15.8775 16.8128 15.6541 17.3751 15.6541ZM32.6697 17.7745C32.6697 17.1052 32.4038 16.4634 31.9306 15.9901C31.4573 15.5169 30.8154 15.251 30.1461 15.251H17.3751C16.7058 15.251 16.064 15.5169 15.5907 15.9901C15.1174 16.4634 14.8516 17.1052 14.8516 17.7745V30.5455C14.8516 31.2148 15.1174 31.8567 15.5907 32.33C16.064 32.8032 16.7058 33.0691 17.3751 33.0691H30.1461C30.8154 33.0691 31.4573 32.8032 31.9306 32.33C32.4038 31.8567 32.6697 31.2148 32.6697 30.5455V17.7745Z" fill="white"/>
<defs>
<filter id="filter0_i_2490_25618" x="0" y="0" width="43" height="43" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="4"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.396078 0 0 0 0 0.952941 0 0 0 0.3 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_2490_25618"/>
</filter>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 4.4 KiB

21
src/assets/business_Emergency/iconDuty3.svg
Unescape Escape View File

@ -0,0 +1,21 @@
<svg width="43" height="43" viewBox="0 0 43 43" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_i_2490_25629)">
<circle cx="21.5" cy="21.5" r="21.5" fill="#CDDFF8"/>
</g>
<path d="M25.3078 10.6152H12.5368C11.921 10.6152 11.3304 10.8599 10.8949 11.2953C10.4595 11.7308 10.2148 12.3214 10.2148 12.9372V25.7082C10.2148 26.0132 10.2749 26.3151 10.3916 26.5968C10.5083 26.8785 10.6793 27.1345 10.8949 27.3501C11.1106 27.5658 11.3665 27.7368 11.6483 27.8535C11.93 27.9702 12.2319 28.0302 12.5368 28.0302H25.3078C25.9237 28.0302 26.5143 27.7856 26.9497 27.3501C27.3852 26.9147 27.6298 26.3241 27.6298 25.7082V12.9372C27.6298 12.3214 27.3852 11.7308 26.9497 11.2953C26.5143 10.8599 25.9237 10.6152 25.3078 10.6152Z" fill="#0065F3"/>
<path opacity="0.4" d="M30.1438 15.4531H17.3728C16.7569 15.4531 16.1663 15.6978 15.7309 16.1332C15.2954 16.5687 15.0508 17.1593 15.0508 17.7751V30.5461C15.0508 31.162 15.2954 31.7526 15.7309 32.188C16.1663 32.6235 16.7569 32.8681 17.3728 32.8681H30.1438C30.7596 32.8681 31.3502 32.6235 31.7857 32.188C32.2211 31.7526 32.4658 31.162 32.4658 30.5461V17.7751C32.4658 17.1593 32.2211 16.5687 31.7857 16.1332C31.3502 15.6978 30.7596 15.4531 30.1438 15.4531Z" fill="#82B6FA"/>
<path d="M29.667 23.2369C29.3707 22.6617 28.9925 22.1326 28.5441 21.6662C27.9536 21.0589 27.2473 20.5762 26.467 20.2465C25.6868 19.9169 24.8483 19.7471 24.0012 19.7471C23.1542 19.7471 22.3157 19.9169 21.5355 20.2465C20.7552 20.5762 20.0489 21.0589 19.4584 21.6662C19.01 22.1326 18.6317 22.6617 18.3355 23.2369C18.2151 23.4732 18.1523 23.7346 18.1523 23.9997C18.1523 24.2649 18.2151 24.5263 18.3355 24.7626C18.6317 25.3378 19.01 25.8669 19.4584 26.3333C20.0489 26.9406 20.7552 27.4233 21.5355 27.753C22.3157 28.0826 23.1542 28.2524 24.0012 28.2524C24.8483 28.2524 25.6868 28.0826 26.467 27.753C27.2473 27.4233 27.9536 26.9406 28.5441 26.3333C28.9925 25.8669 29.3707 25.3378 29.667 24.7626C29.7874 24.5263 29.8501 24.2649 29.8501 23.9997C29.8501 23.7346 29.7874 23.4732 29.667 23.2369ZM24.0012 25.9283C23.6198 25.9283 23.2469 25.8152 22.9298 25.6033C22.6126 25.3914 22.3654 25.0902 22.2195 24.7378C22.0735 24.3854 22.0353 23.9976 22.1097 23.6235C22.1841 23.2494 22.3678 22.9058 22.6375 22.636C22.9073 22.3663 23.2509 22.1826 23.625 22.1082C23.9991 22.0338 24.3869 22.072 24.7393 22.218C25.0917 22.3639 25.3929 22.6111 25.6048 22.9283C25.8167 23.2454 25.9298 23.6183 25.9298 23.9997C25.9298 24.5112 25.7266 25.0018 25.365 25.3634C25.0033 25.7251 24.5127 25.9283 24.0012 25.9283Z" fill="white"/>
<path opacity="0.4" d="M17.3751 15.6541H30.1461C30.7085 15.6541 31.2478 15.8775 31.6455 16.2752C32.0432 16.6728 32.2666 17.2122 32.2666 17.7745V30.5455C32.2666 31.1079 32.0432 31.6473 31.6455 32.0449C31.2478 32.4426 30.7085 32.666 30.1461 32.666H17.3751C16.8128 32.666 16.2734 32.4426 15.8757 32.0449C15.4781 31.6473 15.2547 31.1079 15.2547 30.5455V17.7745C15.2547 17.2122 15.4781 16.6728 15.8757 16.2752C16.2734 15.8775 16.8128 15.6541 17.3751 15.6541ZM32.6697 17.7745C32.6697 17.1052 32.4038 16.4634 31.9306 15.9901C31.4573 15.5169 30.8154 15.251 30.1461 15.251H17.3751C16.7058 15.251 16.064 15.5169 15.5907 15.9901C15.1174 16.4634 14.8516 17.1052 14.8516 17.7745V30.5455C14.8516 31.2148 15.1174 31.8567 15.5907 32.33C16.064 32.8032 16.7058 33.0691 17.3751 33.0691H30.1461C30.8154 33.0691 31.4573 32.8032 31.9306 32.33C32.4038 31.8567 32.6697 31.2148 32.6697 30.5455V17.7745Z" fill="white"/>
<defs>
<filter id="filter0_i_2490_25629" x="0" y="0" width="43" height="43" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="4"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.396078 0 0 0 0 0.952941 0 0 0 0.3 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_2490_25629"/>
</filter>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 4.0 KiB

21
src/assets/business_Emergency/iconDuty4.svg
Unescape Escape View File

@ -0,0 +1,21 @@
<svg width="43" height="43" viewBox="0 0 43 43" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_i_2490_25640)">
<circle cx="21.5" cy="21.5" r="21.5" fill="#CDDFF8"/>
</g>
<path d="M25.3078 10.6152H12.5368C11.921 10.6152 11.3304 10.8599 10.8949 11.2953C10.4595 11.7308 10.2148 12.3214 10.2148 12.9372V25.7082C10.2148 26.0132 10.2749 26.3151 10.3916 26.5968C10.5083 26.8785 10.6793 27.1345 10.8949 27.3501C11.1106 27.5658 11.3665 27.7368 11.6483 27.8535C11.93 27.9702 12.2319 28.0302 12.5368 28.0302H25.3078C25.9237 28.0302 26.5143 27.7856 26.9497 27.3501C27.3852 26.9147 27.6298 26.3241 27.6298 25.7082V12.9372C27.6298 12.3214 27.3852 11.7308 26.9497 11.2953C26.5143 10.8599 25.9237 10.6152 25.3078 10.6152Z" fill="#0065F3"/>
<path opacity="0.4" d="M30.1438 15.4531H17.3728C16.7569 15.4531 16.1663 15.6978 15.7309 16.1332C15.2954 16.5687 15.0508 17.1593 15.0508 17.7751V30.5461C15.0508 31.162 15.2954 31.7526 15.7309 32.188C16.1663 32.6235 16.7569 32.8681 17.3728 32.8681H30.1438C30.7596 32.8681 31.3502 32.6235 31.7857 32.188C32.2211 31.7526 32.4658 31.162 32.4658 30.5461V17.7751C32.4658 17.1593 32.2211 16.5687 31.7857 16.1332C31.3502 15.6978 30.7596 15.4531 30.1438 15.4531Z" fill="#82B6FA"/>
<path d="M27.8163 18.3342C28.4615 18.8467 28.5712 19.7725 28.0606 20.3916L22.1121 27.5979C21.7867 27.9921 21.3533 28.287 20.863 28.448L19.3979 28.9292C19.3497 28.9451 19.2982 28.9487 19.2482 28.9399C19.1982 28.931 19.1513 28.9099 19.1119 28.8785C19.0724 28.8471 19.0416 28.8065 19.0224 28.7604C19.0032 28.7142 18.9962 28.6641 19.002 28.6146L19.1774 27.1092C19.236 26.605 19.4401 26.1277 19.7656 25.7334L25.7141 18.5274C26.2247 17.9087 27.1708 17.8214 27.8163 18.3342ZM24.4707 28.0126H28.4967C28.6302 28.0126 28.7582 28.0646 28.8526 28.1572C28.947 28.2498 29 28.3754 29 28.5063C29 28.6372 28.947 28.7628 28.8526 28.8554C28.7582 28.948 28.6302 29 28.4967 29H24.4707C24.3372 29 24.2092 28.948 24.1148 28.8554C24.0205 28.7628 23.9674 28.6372 23.9674 28.5063C23.9674 28.3754 24.0205 28.2498 24.1148 28.1572C24.2092 28.0646 24.3372 28.0126 24.4707 28.0126Z" fill="white"/>
<path opacity="0.4" d="M17.3751 15.6541H30.1461C30.7085 15.6541 31.2478 15.8775 31.6455 16.2752C32.0432 16.6728 32.2666 17.2122 32.2666 17.7745V30.5455C32.2666 31.1079 32.0432 31.6473 31.6455 32.0449C31.2478 32.4426 30.7085 32.666 30.1461 32.666H17.3751C16.8128 32.666 16.2734 32.4426 15.8757 32.0449C15.4781 31.6473 15.2547 31.1079 15.2547 30.5455V17.7745C15.2547 17.2122 15.4781 16.6728 15.8757 16.2752C16.2734 15.8775 16.8128 15.6541 17.3751 15.6541ZM32.6697 17.7745C32.6697 17.1052 32.4038 16.4634 31.9306 15.9901C31.4573 15.5169 30.8154 15.251 30.1461 15.251H17.3751C16.7058 15.251 16.064 15.5169 15.5907 15.9901C15.1174 16.4634 14.8516 17.1052 14.8516 17.7745V30.5455C14.8516 31.2148 15.1174 31.8567 15.5907 32.33C16.064 32.8032 16.7058 33.0691 17.3751 33.0691H30.1461C30.8154 33.0691 31.4573 32.8032 31.9306 32.33C32.4038 31.8567 32.6697 31.2148 32.6697 30.5455V17.7745Z" fill="white"/>
<defs>
<filter id="filter0_i_2490_25640" x="0" y="0" width="43" height="43" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="4"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.396078 0 0 0 0 0.952941 0 0 0 0.3 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_2490_25640"/>
</filter>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.6 KiB

21
src/assets/business_Emergency/iconDuty5.svg
Unescape Escape View File

@ -0,0 +1,21 @@
<svg width="43" height="43" viewBox="0 0 43 43" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_i_2490_25652)">
<circle cx="21.5" cy="21.5" r="21.5" fill="#CDDFF8"/>
</g>
<path d="M25.3078 10.6152H12.5368C11.921 10.6152 11.3304 10.8599 10.8949 11.2953C10.4595 11.7308 10.2148 12.3214 10.2148 12.9372V25.7082C10.2148 26.0132 10.2749 26.3151 10.3916 26.5968C10.5083 26.8785 10.6793 27.1345 10.8949 27.3501C11.1106 27.5658 11.3665 27.7368 11.6483 27.8535C11.93 27.9702 12.2319 28.0302 12.5368 28.0302H25.3078C25.9237 28.0302 26.5143 27.7856 26.9497 27.3501C27.3852 26.9147 27.6298 26.3241 27.6298 25.7082V12.9372C27.6298 12.3214 27.3852 11.7308 26.9497 11.2953C26.5143 10.8599 25.9237 10.6152 25.3078 10.6152Z" fill="#0065F3"/>
<path opacity="0.4" d="M30.1438 15.4531H17.3728C16.7569 15.4531 16.1663 15.6978 15.7309 16.1332C15.2954 16.5687 15.0508 17.1593 15.0508 17.7751V30.5461C15.0508 31.162 15.2954 31.7526 15.7309 32.188C16.1663 32.6235 16.7569 32.8681 17.3728 32.8681H30.1438C30.7596 32.8681 31.3502 32.6235 31.7857 32.188C32.2211 31.7526 32.4658 31.162 32.4658 30.5461V17.7751C32.4658 17.1593 32.2211 16.5687 31.7857 16.1332C31.3502 15.6978 30.7596 15.4531 30.1438 15.4531Z" fill="#82B6FA"/>
<path d="M27.7144 19H20.2856C19.5708 19 19 19.588 19 20.3243V20.6191C19 21.3554 19.5708 21.9435 20.2856 21.9435H27.7144C28.4292 21.9435 29 21.3554 29 20.6191V20.3243C29 19.588 28.4292 19 27.7144 19ZM27.2859 21.0606H24.7147V19.8829H27.2859V21.0606ZM27.7144 22.5686H20.2856C19.5708 22.5686 19 23.1566 19 23.8929V24.1877C19 24.924 19.5708 25.512 20.2856 25.512H27.7144C28.4292 25.512 29 24.924 29 24.1877V23.8929C29 23.1566 28.4292 22.5686 27.7144 22.5686ZM27.2859 24.6291H24.7147V23.4514H27.2859V24.6291ZM27.7144 26.0565H20.2856C19.5708 26.0565 19 26.6446 19 27.3809V27.6757C19 28.412 19.5708 29 20.2856 29H27.7144C28.4292 29 29 28.412 29 27.6757V27.3809C29 26.6446 28.4292 26.0565 27.7144 26.0565ZM27.2859 28.1171H24.7147V26.9394H27.2859V28.1171Z" fill="white"/>
<path opacity="0.4" d="M17.3751 15.6541H30.1461C30.7085 15.6541 31.2478 15.8775 31.6455 16.2752C32.0432 16.6728 32.2666 17.2122 32.2666 17.7745V30.5455C32.2666 31.1079 32.0432 31.6473 31.6455 32.0449C31.2478 32.4426 30.7085 32.666 30.1461 32.666H17.3751C16.8128 32.666 16.2734 32.4426 15.8757 32.0449C15.4781 31.6473 15.2547 31.1079 15.2547 30.5455V17.7745C15.2547 17.2122 15.4781 16.6728 15.8757 16.2752C16.2734 15.8775 16.8128 15.6541 17.3751 15.6541ZM32.6697 17.7745C32.6697 17.1052 32.4038 16.4634 31.9306 15.9901C31.4573 15.5169 30.8154 15.251 30.1461 15.251H17.3751C16.7058 15.251 16.064 15.5169 15.5907 15.9901C15.1174 16.4634 14.8516 17.1052 14.8516 17.7745V30.5455C14.8516 31.2148 15.1174 31.8567 15.5907 32.33C16.064 32.8032 16.7058 33.0691 17.3751 33.0691H30.1461C30.8154 33.0691 31.4573 32.8032 31.9306 32.33C32.4038 31.8567 32.6697 31.2148 32.6697 30.5455V17.7745Z" fill="white"/>
<defs>
<filter id="filter0_i_2490_25652" x="0" y="0" width="43" height="43" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="4"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.396078 0 0 0 0 0.952941 0 0 0 0.3 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_2490_25652"/>
</filter>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.5 KiB

12
src/assets/business_Emergency/iconDuty6.svg
Unescape Escape View File

@ -0,0 +1,12 @@
<svg width="159" height="12" viewBox="0 0 159 12" fill="none" xmlns="http://www.w3.org/2000/svg">
<line y1="5.5" x2="70.75" y2="5.5" stroke="#B5C6DF"/>
<line x1="87.75" y1="5.5" x2="158.5" y2="5.5" stroke="#B5C6DF"/>
<g clip-path="url(#clip0_2490_25591)">
<path d="M84 6C83.9999 6.37393 83.8061 6.72095 83.4863 6.91699H83.4854L76.0928 11.3604C75.9335 11.4511 75.7537 11.4994 75.5703 11.5C75.3842 11.5005 75.2006 11.4528 75.0391 11.3604C74.7106 11.1725 74.5042 10.8221 74.5 10.4336V1.55957C74.502 1.37264 74.5529 1.18961 74.6475 1.02832C74.7184 0.907326 74.812 0.801246 74.9229 0.716797L75.04 0.639648C75.3677 0.452638 75.7711 0.452573 76.1074 0.647461L76.1084 0.646484L83.4834 5.08105C83.6411 5.17691 83.7718 5.31181 83.8623 5.47266C83.9528 5.63353 84 5.81544 84 6ZM83.9551 6C83.9551 5.64371 83.7704 5.3122 83.4658 5.12598L83.4629 5.12402L76.0859 0.689453L75.959 0.625977C75.8366 0.575167 75.7046 0.548495 75.5713 0.547852C75.3936 0.547073 75.2191 0.593314 75.0645 0.680664C74.9096 0.768126 74.7796 0.894122 74.6885 1.04688C74.5975 1.19945 74.5483 1.37319 74.5449 1.55078V10.4385C74.5468 10.6171 74.5952 10.7922 74.6855 10.9463C74.7759 11.1003 74.9046 11.2286 75.0596 11.3174C75.3326 11.4737 75.6641 11.4955 75.9512 11.3779L76.0713 11.3184L76.0781 11.3145L83.4619 6.87695L83.4639 6.875L83.5713 6.7998C83.6736 6.71789 83.7596 6.61692 83.8242 6.50195C83.9102 6.34877 83.9551 6.17565 83.9551 6Z" fill="#B5C6DF" stroke="#B5C6DF"/>
</g>
<defs>
<clipPath id="clip0_2490_25591">
<rect width="12" height="12" fill="white" transform="matrix(0 1 -1 0 85.25 0)"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.5 KiB

432
src/pages/business_emergencyDuty/components/DutyHandover.js
Unescape Escape View File

@ -1,272 +1,204 @@
import React, { useState } from 'react';
import { Input, Button, Select, message, Modal, DatePicker } from 'antd';
import { SearchOutlined, PlusOutlined, DeleteOutlined } from '@ant-design/icons';
import { Input, Button, Select, DatePicker, TimePicker, Checkbox, Steps } from 'antd';
import { BellOutlined, EditOutlined, EyeOutlined, CheckCircleOutlined, FolderOutlined } from '@ant-design/icons';
import StandardTable from '@/components/StandardTable';
import styles from './DutyHandover.less';
import iconsc from '@/assets/yjzygl/iconsc.svg';
const { Option } = Select;
const { RangePicker } = DatePicker;
import iconDrill8 from '@/assets/business_Emergency/iconDrill8.svg';
import iconDrill9 from '@/assets/business_Emergency/iconDrill9.svg';
import iconDrill10 from '@/assets/business_Emergency/iconDrill10.svg';
import iconDrill11 from '@/assets/business_Emergency/iconDrill11.svg';
import iconDuty1 from '@/assets/business_Emergency/iconDuty1.svg';
import iconDuty2 from '@/assets/business_Emergency/iconDuty2.svg';
import iconDuty3 from '@/assets/business_Emergency/iconDuty3.svg';
import iconDuty4 from '@/assets/business_Emergency/iconDuty4.svg';
import iconDuty5 from '@/assets/business_Emergency/iconDuty5.svg';
const { TextArea } = Input;
const DutyHandover = () => {
const [loading, setLoading] = useState(false);
const [selectedRowKeys, setSelectedRowKeys] = useState([]);
const [searchValue, setSearchValue] = useState('');
const [pagination, setPagination] = useState({
current: 1,
pageSize: 10,
total: 12,
showSizeChanger: true,
showQuickJumper: true,
showTotal: (total, range) => `共${total}条`,
pageSize: 5,
total: 48,
showSizeChanger: false,
showQuickJumper: false,
showTotal: (total) => `共 ${total} 条`,
});
// 模拟数据
const [dataSource, setDataSource] = useState([
// 最近交接班记录数据
const [dataSource] = useState([
{
key: '1',
number: '01',
handoverDate: '2025-10-28 20:00',
handoverPerson: '张三',
handoverShift: '白班',
receivePerson: '李四',
receiveShift: '夜班',
handoverContent: '设备运行正常，无异常情况',
receiveContent: '已接收，了解情况',
status: '已交接',
time: '2025-10-19 15:35:27',
handoverPerson: '武今',
receivePerson: '何永毅',
status: '已确认',
},
{
key: '2',
number: '02',
handoverDate: '2025-10-29 08:00',
handoverPerson: '李四',
handoverShift: '夜班',
receivePerson: '王五',
receiveShift: '白班',
handoverContent: 'A区域有照明故障待处理',
receiveContent: '已知悉，将安排处理',
status: '已交接',
time: '2025-10-15 13:44:41',
handoverPerson: '钱佳乔',
receivePerson: '郑雨元',
status: '有疑问',
},
{
key: '3',
number: '03',
handoverDate: '2025-10-28 08:00',
handoverPerson: '赵六',
handoverShift: '夜班',
receivePerson: '张三',
receiveShift: '白班',
handoverContent: '夜间巡查正常',
receiveContent: '已接收',
status: '已交接',
time: '2025-10-15 00:29:03',
handoverPerson: '李宏涛',
receivePerson: '周静',
status: '已确认',
},
{
key: '4',
time: '2025-10-14 17:21:38',
handoverPerson: '吴显德',
receivePerson: '李卓俊',
status: '已确认',
},
{
key: '5',
time: '2025-10-15 02:30:41',
handoverPerson: '何伟李',
receivePerson: '周国华',
status: '已确认',
},
]);
// 表格列配置
const columns = [
{
title: '编号',
dataIndex: 'number',
key: 'number',
width: 80,
},
{
title: '交接时间',
dataIndex: 'handoverDate',
key: 'handoverDate',
width: 150,
title: '时间',
dataIndex: 'time',
key: 'time',
width:220
},
{
title: '交班人',
dataIndex: 'handoverPerson',
key: 'handoverPerson',
width: 100,
},
{
title: '交班班次',
dataIndex: 'handoverShift',
key: 'handoverShift',
width: 100,
},
{
title: '接班人',
dataIndex: 'receivePerson',
key: 'receivePerson',
width: 100,
},
{
title: '接班班次',
dataIndex: 'receiveShift',
key: 'receiveShift',
width: 100,
},
{
title: '交班内容',
dataIndex: 'handoverContent',
key: 'handoverContent',
width: 200,
ellipsis: true,
},
{
title: '接班确认',
dataIndex: 'receiveContent',
key: 'receiveContent',
width: 150,
ellipsis: true,
},
{
title: '状态',
dataIndex: 'status',
key: 'status',
width: 100,
render: (status) => (
<span className={status === '已确认' ? styles.statusSuccess : styles.statusWarning}>
{status}
</span>
),
},
{
title: '操作',
key: 'action',
width: 150,
render: (text, record) => (
<div className={styles.actionButtons}>
<Button
type="link"
size="small"
onClick={() => handleView(record)}
>
查看
</Button>
<Button
type="link"
size="small"
onClick={() => handleEdit(record)}
>
修改
</Button>
<Button
type="link"
size="small"
danger
onClick={() => handleDelete(record)}
>
删除
render: () => (
<Button type="link" size="small" className={styles.linkBtn}>
查看详情
</Button>
</div>
),
},
];
// 搜索处理
const handleSearch = () => {
setLoading(true);
setTimeout(() => {
setLoading(false);
message.success('查询完成');
}, 1000);
};
// 新增处理
const handleAdd = () => {
message.info('新增交接班记录功能待实现');
};
// 查看处理
const handleView = (record) => {
message.info(`查看交接班详情`);
};
// 批量删除处理
const handleBatchDelete = () => {
if (selectedRowKeys.length === 0) {
message.warning('请选择要删除的数据');
return;
}
Modal.confirm({
title: '确认删除',
content: `确定要删除选中的 ${selectedRowKeys.length} 条数据吗？`,
onOk() {
setDataSource(dataSource.filter(item => !selectedRowKeys.includes(item.key)));
setSelectedRowKeys([]);
message.success('删除成功');
},
});
};
// 编辑处理
const handleEdit = (record) => {
message.info(`编辑交接班记录`);
};
// 删除处理
const handleDelete = (record) => {
Modal.confirm({
title: '确认删除',
content: `确定要删除该条交接班记录吗？`,
onOk() {
setDataSource(dataSource.filter(item => item.key !== record.key));
message.success('删除成功');
},
});
};
// 分页处理
const handleTableChange = (pagination) => {
setPagination(pagination);
};
return (
<div className={styles.container}>
{/* 页面标题 */}
<div className={styles.header}>
<div className={styles.titleBar}></div>
<h2 className={styles.title}>交接班管理</h2>
<div className={styles.pageWrapper}>
{/* 第一行：交接提醒 */}
<div className={styles.alertBar}>
<img src={iconDrill8} alt="交接提醒" />
<span style={{ color: '#FF8800', marginRight: '-5px' }}>交接提醒：</span>
<span>距离下一班交接时间还有 2小时30分钟，请提前准备交班内容。</span>
</div>
{/* 搜索和操作区域 */}
<div className={styles.searchBar}>
<div className={styles.searchLeft}>
<RangePicker
placeholder={['开始日期', '结束日期']}
style={{width: 240, height: 30, borderRadius: 2}}
/>
<Select
placeholder="交班班次"
value={searchValue}
onChange={setSearchValue}
style={{width: 120, height: 30, borderRadius: 2}}
allowClear
>
<Option value="白班">白班</Option>
<Option value="夜班">夜班</Option>
</Select>
<Button
type="primary"
icon={<SearchOutlined />}
onClick={handleSearch}
loading={loading}
className={styles.customButton}
>
查询
</Button>
{/* 第二行：主内容区域 */}
<div className={styles.mainContent}>
{/* A块：左侧区域 */}
<div className={styles.leftArea}>
{/* a块：统计数据 */}
<div className={styles.statsBlock}>
<div className={styles.statItem}>
<div className={styles.statContent}>
<div className={styles.statLabel}>本月交接班次数</div>
<div className={styles.statValue}>24</div>
</div>
<div className={styles.searchRight}>
<Button
type="primary"
icon={<PlusOutlined />}
onClick={handleAdd}
className={styles.customButton}
>
新增
</Button>
<Button
danger
style={{width: 70, height: 30, borderRadius: 2, display: 'flex', alignItems: 'center', justifyContent: 'center'}}
icon={<img src={iconsc} alt="delete" style={{width: 14, height: 14, marginTop: -2}}/>}
onClick={handleBatchDelete}
>
删除
</Button>
<img src={iconDrill9} alt="交接班次数" />
</div>
<div className={styles.statItem}>
<div className={styles.statContent}>
<div className={styles.statLabel}>交接班完成率</div>
<div className={styles.statValue}>98%</div>
</div>
<img src={iconDrill11} alt="交接班完成率" style={{ marginLeft: '15px' }} />
</div>
<div className={styles.statItem}>
<div className={styles.statContent}>
<div className={styles.statLabel}>待处理事项</div>
<div className={styles.statValue}>24</div>
</div>
<img src={iconDrill10} alt="待处理事项" style={{ marginLeft: '25px' }} />
</div>
</div>
{/* 数据表格 */}
<div className={styles.tableContainer}>
{/* b块：交接班流程 */}
<div className={styles.flowBlock}>
<div className={styles.flowTitle}>交接班流程</div>
<div className={styles.flowContent}>
<Steps
current={1}
labelPlacement="vertical"
items={[
{
title: '系统提醒',
description: '交班前30分钟，系统自动提醒交接班人员',
status: 'finish',
icon: <img src={iconDuty1} alt="系统提醒" />,
},
{
title: '填写交班内容',
description: '交班人员填写值班情况和重要事情，未完成任务等信息',
status: 'process',
icon: <img src={iconDuty2} alt="填写交班内容" />,
},
{
title: '查看交班内容',
description: '接班人员登录查看交班内容，全面了解值班情况',
status: 'wait',
icon: <img src={iconDuty3} alt="查看交班内容" />,
},
{
title: '确认与签字',
description: '双方确认系统填写信息认签字，完成交接',
status: 'wait',
icon: <img src={iconDuty4} alt="确认与签字" />,
},
{
title: '记录存档',
description: '系统自动对交接班记录进行存档，方便查询和审计',
status: 'wait',
icon: <img src={iconDuty5} alt="记录存档" />,
},
]}
/>
</div>
</div>
{/* c块：最近交接班记录 */}
<div className={styles.tableBlock}>
<div className={styles.tableHeader}>
<span className={styles.tableTitle}>最近交接班记录</span>
</div>
<StandardTable
columns={columns}
data={{
@ -281,6 +213,92 @@ const DutyHandover = () => {
/>
</div>
</div>
{/* B块：右侧区域 */}
<div className={styles.rightArea}>
<div className={styles.formBlock}>
<div className={styles.formTitle}>交接班内容提醒</div>
{/* 交班人和接班人 */}
<div className={styles.formRow}>
<div className={styles.formItem}>
<label className={styles.formLabel}>交班人</label>
<Select
placeholder="张小明"
className={styles.formInput}
/>
</div>
<div className={styles.formItem}>
<label className={styles.formLabel}>接班人</label>
<Select
placeholder="李敏"
className={styles.formInput}
/>
</div>
</div>
{/* 日期和交班时间 */}
<div className={styles.formRow}>
<div className={styles.formItem}>
<label className={styles.formLabel}>日期</label>
<DatePicker
placeholder="2025/10/16"
className={styles.formInput}
/>
</div>
<div className={styles.formItem}>
<label className={styles.formLabel}>交班时间</label>
<TimePicker
placeholder="20:00"
format="HH:mm"
className={styles.formInput}
/>
</div>
</div>
{/* 值班期间重要事件描述 */}
<div className={styles.formFullRow}>
<label className={styles.formLabel}>值班期间重要事件描述</label>
<div className={styles.eventList}>
<div className={styles.eventItem}>
1. 10-23 接到火灾报警器误报，已进行本人员处理，11:45 修复完成。
</div>
<div className={styles.eventItem}>
2. 14:05 邮箱火灾预警告警，已答复处理完成。
</div>
<div className={styles.eventItem}>
3. 16:30 进行了一起巡检交给本人，间题已解决。
</div>
</div>
</div>
{/* 未完成工作任务 */}
<div className={styles.formFullRow}>
<label className={styles.formLabel}>未完成工作任务</label>
<div className={styles.taskList}>
<Checkbox className={styles.taskCheckbox}>
递交系统表单-运行正常
</Checkbox>
<Checkbox className={styles.taskCheckbox} checked>
应急电话-运行正常
</Checkbox>
<Checkbox className={styles.taskCheckbox} checked>
应急电话-运行正常
</Checkbox>
</div>
</div>
{/* 按钮组 */}
<div className={styles.formActions}>
<Button className={styles.btnDefault}>保存草稿</Button>
<Button type="primary" className={styles.btnPrimary}>
提交交接班内容
</Button>
</div>
</div>
</div>
</div>
</div>
);
};

376
src/pages/business_emergencyDuty/components/DutyHandover.less
Unescape Escape View File

@ -1,105 +1,256 @@
.container {
padding: 20px;
background: #fff;
height: 100vh;
}
.pageWrapper {
padding: 0;
margin: 10px 0px 0px 5px;
min-height: 100%;
display: flex;
flex-direction: column;
.header {
// 第一行：交接提醒
.alertBar {
padding: 8px 20px;
background-color: #FFF3CD;
border: 2px solid #FFECB2;
border-radius: 2px;
color: #8C6C0B;
display: flex;
align-items: center;
margin-bottom: 15px;
.titleBar {
width: 3px;
height: 16px;
background: #2E4CD4;
margin-right: 12px;
gap: 8px;
font-size: 14px;
font-weight: 450;
margin-bottom: 10px;
}
.title {
// 第二行：主内容区域
.mainContent {
flex: 1;
display: flex;
gap: 15px;
padding: 0;
margin: 0;
background: transparent;
min-height: 0;
// A块：左侧区域
.leftArea {
width: 68%;
display: flex;
flex-direction: column;
gap: 15px;
// a块：统计数据
.statsBlock {
height: 100px;
// background-color: pink;
display: flex;
justify-content: space-between;
align-items: center;
.statItem {
height: 100%;
width: 32%;
display: flex;
align-items: center;
gap: 15px;
border: solid #FFFFFF;
border-width: 2px 2px 0px 2px;
background: linear-gradient(170.5deg, #F5F7FF 10%, #FFFFFF 60%);
.statContent {
display: flex;
flex-direction: column;
gap: 10px;
margin-left: 20px;
flex: 1;
.statLabel {
font-size: 14px;
font-weight: 500;
color: #333;
white-space: nowrap;
}
.statValue {
font-size: 28px;
font-weight: bold;
font-family: 'Fette-Mittelschrift';
color: #333;
}
}
}
}
.searchBar {
// b块：交接班流程
.flowBlock {
height: 180px;
background: url("@/assets/business_Emergency/bgDrill1.svg") no-repeat center center;
background-size: cover;
padding: 8px 10px 0px 10px;
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 10px;
padding: 5px;
flex-direction: column;
.searchLeft {
.flowTitle {
display: flex;
align-items: center;
gap: 12px;
gap: 8px;
font-size: 14px;
font-weight: 500;
color: #333333;
margin-bottom: 5px;
&::before {
content: '';
width: 3px;
height: 18px;
background-color: #2E4CD4;
}
}
.searchRight {
.flowContent {
display: flex;
flex-direction: row;
align-items: center;
gap: 12px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
background: linear-gradient(360deg, rgba(255, 255, 255, 0.7) 0%, rgba(208, 225, 255, 0.7) 100%);
border: 1px solid;
border-image-source: linear-gradient(0deg, #FFFFFF 29.33%, rgba(255, 255, 255, 0.6) 51.92%, rgba(211, 229, 255, 0.2) 77.4%, rgba(211, 229, 255, 0.3) 100%);
justify-content: center;
// flex: 1;
padding: 10px 10px;
// 自定义 antd Steps 样式
:global {
.ant-steps {
margin-left: 10px;
}
.ant-steps-item-container{
width: 150px;
}
// 自定义按钮样式
.customButton {
background-color: #2E4CD4 !important;
border-color: #2E4CD4 !important;
border-radius: 2px !important;
height: 30px !important;
width: 75px;
display: flex !important;
align-items: center !important;
justify-content: center !important;
.ant-steps-item-content {
margin-top: 0px !important;
margin-left: 2px;
}
&:hover {
background-color: #1e3bb8 !important;
border-color: #1e3bb8 !important;
.ant-steps-item-title {
font-size: 13px !important;
font-weight: 500 !important;
color: #333 !important;
height: 28px;
margin-top: 0px !important;
padding: 0 !important;
margin-bottom: 0px !important;
}
&:focus {
background-color: #2E4CD4 !important;
border-color: #2E4CD4 !important;
.ant-steps-item-description {
margin-top: 0px !important;
padding: 0 !important;
margin-bottom: 0px !important;
width: 132px !important;
font-size: 12px !important;
color: #666 !important;
line-height: 1.2 !important;
}
// 控制步骤之间的连接线
.ant-steps-item-tail {
padding: 5px 0 !important; // 控制连接线的垂直位置
}
.tableContainer {
// .ant-steps-item-tail::after {
// background-color: #B5C6DF !important; // 连接线颜色
// height: 1px !important; // 连接线长度
// width: 160px !important; // 连接线粗细
// }
// 背景图片作为连接线
.ant-steps-item-tail::after {
background-image: url('@/assets/business_Emergency/iconDuty6.svg') !important;
background-size: contain !important;
background-repeat: no-repeat !important;
background-position: center !important;
background-color: transparent;
width: 190px !important;
height: 12px !important;
}
}
}
}
// c块：最近交接班记录（自适应高度）
.tableBlock {
background: #fff;
border-radius: 0px;
overflow: hidden;
padding: 8px 10px 10px 10px;
display: flex;
flex-direction: column;
.actionButtons {
.tableHeader {
margin-bottom: 10px;
.tableTitle {
display: flex;
align-items: center;
gap: 8px;
font-size: 10px;
justify-content: center;
font-size: 14px;
font-weight: 500;
color: #333333;
.ant-btn-link {
padding: 0;
height: auto;
font-size: 10px;
&::before {
content: '';
width: 3px;
height: 18px;
background-color: #2E4CD4;
}
}
}
// 表格样式优化
.tableContainer {
.statusSuccess {
display: inline-block;
padding: 2px 12px;
background: #D8F7DE;
color: #44BB5F;
border-radius: 2px;
font-size: 12px;
}
.statusWarning {
display: inline-block;
padding: 2px 12px;
background: #FFF3E9;
color: #FF8800;
border-radius: 2px;
font-size: 12px;
}
.linkBtn {
padding: 0;
font-size: 13px;
color: #2E4CD4;
}
:global {
.ant-table-wrapper {
// 表格自适应内容高度
}
.ant-table-thead>tr>th {
background: #F5F5FA;
font-weight: 500;
color: #333333;
font-size: 14px;
color: #333;
font-size: 13px;
text-align: center;
padding: 12px 8px;
border-radius: 2px;
}
.ant-table-tbody>tr>td {
color: #666666;
color: #666;
font-size: 13px;
text-align: center;
padding: 12px 8px;
}
.ant-table-tbody>tr:hover>td {
@ -107,21 +258,118 @@
}
.ant-pagination {
margin-top: 10px;
margin-top: 15px;
text-align: right;
}
}
}
}
.ant-btn.ant-btn-sm {
font-size: 13px !important;
height: 20px !important;
padding: 0px 4px !important;
// B块：右侧区域
.rightArea {
flex: 1;
display: flex;
flex-direction: column;
height: 100%;
.formBlock {
background: #fff;
padding: 20px;
height: 100%;
overflow-y: auto;
.formTitle {
font-size: 16px;
font-weight: 500;
color: #333;
margin-bottom: 20px;
}
.ant-btn-link.ant-btn-sm {
font-size: 13px !important;
height: auto !important;
padding: 0 !important;
.formRow {
display: flex;
gap: 15px;
margin-bottom: 15px;
.formItem {
flex: 1;
display: flex;
flex-direction: column;
gap: 8px;
.formLabel {
font-size: 14px;
color: #333;
}
.formInput {
width: 100%;
}
}
}
.formFullRow {
margin-bottom: 15px;
.formLabel {
font-size: 14px;
color: #333;
display: block;
margin-bottom: 8px;
}
.eventList {
background: #F5F7FA;
padding: 12px;
border-radius: 4px;
.eventItem {
font-size: 13px;
color: #666;
line-height: 1.8;
margin-bottom: 5px;
&:last-child {
margin-bottom: 0;
}
}
}
.taskList {
display: flex;
flex-direction: column;
gap: 10px;
.taskCheckbox {
font-size: 13px;
color: #666;
}
}
}
.formActions {
display: flex;
justify-content: flex-end;
gap: 15px;
margin-top: 30px;
.btnDefault {
border-radius: 4px;
padding: 6px 20px;
}
.btnPrimary {
background-color: #2E4CD4;
border-color: #2E4CD4;
border-radius: 4px;
padding: 6px 20px;
&:hover {
background-color: #1e3bb8;
border-color: #1e3bb8;
}
}
}
}
}
}
}

2
src/pages/nav_system_content/SystemContentList.js
Unescape Escape View File

@ -124,7 +124,7 @@ const SystemContentList = (props) => {
"path": "/topnavbar00/business/emergencyDuty",
icon: <img src={menuicon4} alt="应急值班管理" style={{ width: '16px', height: '16px' }} />,
"key": "/topnavbar00/business/emergencyDuty",
"label": "应急值班管理"
"label": "应急值班值守"
},
// // 事故接警单
// {

2
src/pages/topnavbar/TopNavBar.js
Unescape Escape View File

@ -23,7 +23,7 @@ const menuItem = [
},
// 应急值班管理
{
label: '应急值班管理',
label: '应急值班值守',
key: '/topnavbar00/business/emergencyDuty',
},
// 事故接警单

Write Preview
Loading…
Cancel
Save