DEV_ZZ/rsxm-master
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: DEV_ZZ:ea36bb7857cf1aad52b9a4200452ee33176dcb11
Branches Tags
DEV_ZZ:master
...
compare: DEV_ZZ:master
Branches Tags
DEV_ZZ:master

52 Commits
ea36bb7857 ... master

Author SHA1 Message Date
Esacpe
ae04a588a0 提交 2025-11-06 14:23:03 +08:00
maojiacai
210231ada4 修改地图撒点数据处理 2025-10-31 12:51:49 +08:00
maojiacai
47ef3fcac8 修改地图撒点数据处理 2025-10-30 18:14:08 +08:00
maojiacai
89439528df Merge branch 'master' of http://61.139.16.27:26684/DEV_ZZ/rsxm-master 2025-10-30 18:01:46 +08:00
maojiacai
b9ad571738 修改地图撒点数据处理 2025-10-30 17:57:55 +08:00
lcw
ddea6d7c97 lcw 2025-10-25 10:29:09 +08:00
maojiacai
35583f52d4 修改大屏数据处理 2025-10-23 15:14:00 +08:00
Esacpe
f63bb358d4 推送 2025-10-23 14:59:19 +08:00
Esacpe
c7158482c6 推送 2025-10-23 14:01:59 +08:00
maojiacai
314b2f566d 修改委托招聘服务协议图片展示处理 2025-10-23 13:39:04 +08:00
lcw
5bba56800a Merge branch 'master' of http://61.139.16.27:26684/DEV_ZZ/rsxm-master 2025-10-23 13:38:11 +08:00
lcw
0becdcc9eb lcw 2025-10-23 13:38:03 +08:00
Esacpe
4cd029afbd 推送 2025-10-23 13:02:49 +08:00
lcw
6a1ea10ee6 Merge branch 'master' of http://61.139.16.27:26684/DEV_ZZ/rsxm-master 2025-10-23 12:57:58 +08:00
lcw
0432791b0c lcw 2025-10-23 12:57:48 +08:00
王捷
8b7b95798e 表格循环滚动 2025-10-23 12:57:48 +08:00
lcw
2763361356 lcw 2025-10-23 12:56:32 +08:00
maojiacai
31315bd830 修改委托招聘服务协议图片展示处理 2025-10-23 12:56:05 +08:00
maojiacai
7fe891df41 修改委托招聘服务协议图片展示处理 2025-10-23 12:52:23 +08:00
lcw
7fccd2b942 Merge branch 'master' of http://61.139.16.27:26684/DEV_ZZ/rsxm-master 2025-10-23 12:46:36 +08:00
lcw
ddfe55e58c lcw 2025-10-23 12:46:31 +08:00
王捷
bf1b61770d 调整 2025-10-23 12:43:17 +08:00
王捷
7589765419 调整 2025-10-23 12:34:11 +08:00
王捷
8bc56a6212 调整 2025-10-23 12:32:11 +08:00
lcw
9d6a593e2e lcw 2025-10-23 12:28:47 +08:00
Esacpe
0c1021e13c 推送 2025-10-23 11:52:03 +08:00
Esacpe
ca5e9c6122 推送 2025-10-23 11:30:09 +08:00
maojiacai
c33cd17372 修改大屏数据处理 2025-10-23 11:18:51 +08:00
maojiacai
817e6ec683 修改大屏数据处理 2025-10-23 11:13:44 +08:00
Esacpe
b4b86f4757 推送 2025-10-23 10:14:37 +08:00
lcw
ebebf655b6 Merge branch 'master' of http://61.139.16.27:26684/DEV_ZZ/rsxm-master 2025-10-23 01:25:30 +08:00
lcw
ca5e60c58b lcw 2025-10-23 01:25:22 +08:00
Esacpe
c1223fe6d7 Merge remote-tracking branch 'origin/master' 
# Conflicts:
#	src/views/recruitment/card/LaborSystemTwo.vue
 2025-10-23 01:17:37 +08:00
Esacpe
fc072060ed 推送 2025-10-23 01:16:50 +08:00
lcw
cf87c2c5e2 lcw 2025-10-23 01:16:22 +08:00
Esacpe
ecfcedce4b 推送 2025-10-23 01:10:44 +08:00
lcw
b664125b70 Merge branch 'master' of http://61.139.16.27:26684/DEV_ZZ/rsxm-master 2025-10-23 00:59:43 +08:00
lcw
fb04264e36 lcw 2025-10-23 00:59:37 +08:00
Esacpe
e33a18a409 推送 2025-10-23 00:58:11 +08:00
lcw
d7b2ff4d50 Merge branch 'master' of http://61.139.16.27:26684/DEV_ZZ/rsxm-master 2025-10-23 00:55:22 +08:00
lcw
c38f99b598 lcw 2025-10-23 00:55:15 +08:00
Esacpe
840e9b683e 推送 2025-10-23 00:36:52 +08:00
lcw
ba01caa6cc lcw 2025-10-23 00:25:36 +08:00
lcw
8defe32cff lcw 2025-10-23 00:24:57 +08:00
13684185576
ac9e27d045 Merge branch 'master' of http://61.139.16.27:26684/DEV_ZZ/rsxm-master 2025-10-22 23:02:37 +08:00
13684185576
0183fe3e61 大屏 2025-10-22 23:02:32 +08:00
王捷
08e38283d4 兴蜀来了平台业务数据大屏调整 2025-10-22 22:57:34 +08:00
13684185576
1eca1dbf37 Merge branch 'master' of http://61.139.16.27:26684/DEV_ZZ/rsxm-master 2025-10-22 22:56:20 +08:00
13684185576
565c65cd5d 大屏左下 2025-10-22 22:56:13 +08:00
王捷
6dcfc0795d 大屏调整 2025-10-22 22:45:35 +08:00
13684185576
c88f93d14c Merge branch 'master' of http://61.139.16.27:26684/DEV_ZZ/rsxm-master 2025-10-22 22:42:49 +08:00
13684185576
e2b3e3b287 13屏幕 2025-10-22 22:42:42 +08:00
54 changed files with 4055 additions and 21744 deletions
Expand all files Collapse all files

21072
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

1
src/App.vue
View File

@ -105,4 +105,3 @@ v-deep .el-loading-mask {
}
</style>

BIN
src/assets/images/ms/fxww.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 418 KiB

BIN
src/assets/images/ms/quanGuo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.0 MiB

BIN
src/assets/images/ms/scxc2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 785 KiB

BIN
src/assets/images/ms/sgxc.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 218 KiB

BIN
src/assets/images/ms/sgxc1.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 281 KiB

BIN
src/assets/images/recruitment/hzqy.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 16 KiB

BIN
src/assets/images/recruitment/tabs-active-bg1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 22 KiB

BIN
src/assets/images/recruitment/tabs-active-bg2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 21 KiB

BIN
src/assets/images/recruitment/xuexiao.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 21 KiB

33
src/assets/recruitment/bjtl.svg Normal file
View File

@ -0,0 +1,33 @@
<svg width="1920" height="1080" viewBox="0 0 1920 1080" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_9_2545)">
<rect width="1920" height="1080" fill="url(#paint0_linear_9_2545)" fill-opacity="0.75"/>
<rect width="1920" height="1080" fill="url(#paint1_linear_9_2545)" fill-opacity="0.75"/>
</g>
<defs>
<linearGradient id="paint0_linear_9_2545" x1="960" y1="0" x2="960" y2="1080" gradientUnits="userSpaceOnUse">
<stop stop-color="#0078A4"/>
<stop offset="0.120509" stop-color="#0078A4" stop-opacity="0.545518"/>
<stop offset="0.179314" stop-color="#0078A4" stop-opacity="0.268142"/>
<stop offset="0.286458" stop-color="#0078A4" stop-opacity="0.0154769"/>
<stop offset="0.671875" stop-color="#0078A4" stop-opacity="0"/>
<stop offset="0.790323" stop-color="#0078A4" stop-opacity="0.221651"/>
<stop offset="0.863472" stop-color="#0078A4" stop-opacity="0.503942"/>
<stop offset="1" stop-color="#0078A4"/>
</linearGradient>
<linearGradient id="paint1_linear_9_2545" x1="1920" y1="592.5" x2="3.32107e-06" y2="592.5" gradientUnits="userSpaceOnUse">
<stop stop-color="#0078A4"/>
<stop offset="0.0924192" stop-color="#0078A4" stop-opacity="0.441093"/>
<stop offset="0.147393" stop-color="#0078A4" stop-opacity="0.212322"/>
<stop offset="0.194418" stop-color="#0078A4" stop-opacity="0.0732132"/>
<stop offset="0.249495" stop-color="#0078A4" stop-opacity="0"/>
<stop offset="0.756487" stop-color="#0078A4" stop-opacity="0"/>
<stop offset="0.815023" stop-color="#0078A4" stop-opacity="0.0812947"/>
<stop offset="0.870659" stop-color="#0078A4" stop-opacity="0.224653"/>
<stop offset="0.92232" stop-color="#0078A4" stop-opacity="0.463412"/>
<stop offset="1" stop-color="#0078A4"/>
</linearGradient>
<clipPath id="clip0_9_2545">
<rect width="1920" height="1080" fill="white"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.8 KiB

406
src/assets/recruitment/first.svg Normal file
View File

@ -0,0 +1,406 @@
<svg width="130" height="78" viewBox="0 0 130 78" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="Group 427322429">
<g id="Group 2137112">
<g id="Group 2137109">
<path id="Rectangle 19302" d="M58.0625 24.1497L130.001 24.1497V34.6335H63.3816L58.0625 24.1497Z" fill="url(#paint0_linear_165_32313)"/>
<path id="Rectangle 19303" opacity="0.5" d="M63.3828 34.6335H130.002V37.7787L64.9365 37.7787L63.3828 34.6335Z" fill="url(#paint1_linear_165_32313)"/>
</g>
<g id="Group 2137110">
<g id="Rectangle 19302_2">
<path d="M39.1562 33.8276L58.2186 24.1394L63.5 34.5001L43.3383 44.3115L39.1562 33.8276Z" fill="url(#paint2_linear_165_32313)"/>
<path d="M39.1562 33.8276L58.2186 24.1394L63.5 34.5001L43.3383 44.3115L39.1562 33.8276Z" fill="black" fill-opacity="0.2"/>
</g>
<path id="Rectangle 19303_2" opacity="0.5" d="M43.9531 43.3125L63.5014 34.5L64.9365 37.7979L44.9986 46.4576L43.9531 43.3125Z" fill="url(#paint3_linear_165_32313)"/>
</g>
<g id="Line 5" style="mix-blend-mode:overlay">
<path d="M64.9375 37.7788L58.0625 24.1498" stroke="url(#paint4_linear_165_32313)" stroke-width="0.75"/>
</g>
<g id="Line 6" style="mix-blend-mode:overlay">
<path d="M112 34.3373L64 34.3373" stroke="url(#paint5_linear_165_32313)" stroke-width="0.5"/>
</g>
</g>
<g id="Frame 427318960" clip-path="url(#clip0_165_32313)">
<g id="Group 427318959">
<g id="Ellipse 1976" opacity="0.5">
<path d="M27.4279 26.3255C38.4419 32.6251 47.1391 46.5392 47.0498 57.3061C46.9603 68.0732 38.1152 71.9546 27.101 65.6552C16.0866 59.3556 7.38953 45.4408 7.47903 34.6736C7.5688 23.9069 16.4137 20.026 27.4279 26.3255Z" stroke="url(#paint6_linear_165_32313)" stroke-width="1.44879" style="mix-blend-mode:plus-lighter"/>
</g>
<path id="Ellipse 1971" opacity="0.5" d="M52.0261 54.5899C52.0261 58.8232 50.6865 61.9883 48.4126 63.9026C44.9281 66.8361 39.2496 66.8323 32.8363 63.2338C22.2381 57.2871 13.6465 43.7756 13.6465 33.055C13.6465 28.8217 14.9861 25.6566 17.26 23.7424C20.7446 20.8088 26.423 20.8127 32.8363 24.4112C43.4345 30.3579 52.0261 43.8694 52.0261 54.5899Z" fill="url(#paint7_linear_165_32313)"/>
<g id="Union">
<path fill-rule="evenodd" clip-rule="evenodd" d="M24.3505 17.6425C22.0767 19.5567 20.737 22.7218 20.737 26.9551C20.737 37.6756 29.3286 51.1871 39.9268 57.1338L39.9267 57.134C46.3388 60.7317 52.0164 60.7361 55.5011 57.804L48.4122 63.7704C44.9276 66.7039 39.2491 66.7001 32.8359 63.1016L32.836 63.1014C22.2379 57.1547 13.6465 43.6433 13.6465 32.9228C13.6465 28.6896 14.9861 25.5245 17.26 23.6102L24.3505 17.6425Z" fill="url(#paint8_linear_165_32313)"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M24.3505 17.6425C22.0767 19.5567 20.737 22.7218 20.737 26.9551C20.737 37.6756 29.3286 51.1871 39.9268 57.1338L39.9267 57.134C46.3388 60.7317 52.0164 60.7361 55.5011 57.804L48.4122 63.7704C44.9276 66.7039 39.2491 66.7001 32.8359 63.1016L32.836 63.1014C22.2379 57.1547 13.6465 43.6433 13.6465 32.9228C13.6465 28.6896 14.9861 25.5245 17.26 23.6102L24.3505 17.6425Z" fill="black" fill-opacity="0.2"/>
</g>
<path id="Union_2" fill-rule="evenodd" clip-rule="evenodd" d="M24.453 17.6425C22.1865 19.563 20.8512 22.7385 20.8512 26.9857C20.8512 37.7415 29.4149 51.2974 39.9786 57.2637C46.3699 60.8733 52.0289 60.8778 55.5022 57.936L35.6185 73.1042C32.1453 76.0474 26.4853 76.0435 20.0929 72.4332C9.52925 66.4669 0 54.0054 0 43.2496C0 39.0025 1.33529 35.827 3.60174 33.9064L24.453 17.6425Z" fill="url(#paint9_radial_165_32313)"/>
<g id="Group 427318958">
<path id="Union_3" d="M41.6035 0.326055L25.5089 16.9151C22.538 18.6664 20.7363 22.1391 20.7363 27.0484C20.7363 37.7689 29.3279 51.2804 39.9261 57.2271C43.7525 59.3741 47.3173 60.2415 50.3106 59.9689L70.4087 56.3157L41.6035 0.326055Z" fill="url(#paint10_linear_165_32313)"/>
<path id="Union_4" d="M49.6359 3.4812L27.074 17.9035C24.1031 19.6548 20.7363 22.1395 20.7363 27.0488C20.7363 37.7694 29.3279 51.2809 39.9261 57.2276C43.7525 59.3745 46.6426 58.459 49.6359 58.1864L71.6965 48.7373L49.6359 3.4812Z" fill="url(#paint11_linear_165_32313)"/>
</g>
<g id="Ellipse 1971_2">
<g filter="url(#filter0_i_165_32313)">
<ellipse cx="22.0174" cy="19.3955" rx="22.0174" ry="19.3955" transform="matrix(0.872096 0.489335 0 1 21.0586 7.95715)" fill="url(#paint12_linear_165_32313)"/>
</g>
<path d="M40.26 19.4557C50.5933 25.2538 58.8295 38.3179 58.8295 48.546C58.8295 58.7741 50.5933 62.5955 40.26 56.7975C29.9267 50.9995 21.6905 37.9354 21.6905 27.7072C21.6905 17.4791 29.9267 13.6577 40.26 19.4557Z" stroke="url(#paint13_linear_165_32313)" stroke-width="1.44879" style="mix-blend-mode:plus-lighter"/>
</g>
<g id="Ellipse 1975">
<path d="M45.2737 16.9224C55.8104 22.8347 64.3167 36.2315 64.3167 46.8224C64.3167 57.4132 55.8104 61.2632 45.2737 55.3511C34.7369 49.4389 26.2298 36.0426 26.2298 25.4517C26.2298 14.8608 34.7369 11.0102 45.2737 16.9224Z" stroke="url(#paint14_linear_165_32313)" stroke-width="0.362196" style="mix-blend-mode:plus-lighter"/>
</g>
</g>
<g id="Mask group">
<mask id="mask0_165_32313" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="23" y="10" width="50" height="49">
<path id="Ellipse 1975_2" opacity="0.5" d="M58.5317 15.0531C70.6111 23.1925 75.5365 38.4598 69.5329 49.1535C63.5294 59.8472 48.8703 61.9178 36.791 53.7783C24.7117 45.6388 19.7862 30.3715 25.7898 19.6778C31.7933 8.98414 46.4524 6.91356 58.5317 15.0531Z" fill="url(#paint15_radial_165_32313)"/>
</mask>
<g mask="url(#mask0_165_32313)">
<rect id="image 100" width="78.2065" height="58.8836" transform="matrix(0.993664 -0.11239 0.648451 0.761256 -4.01172 17.9036)" fill="url(#pattern0_165_32313)" fill-opacity="0.64"/>
</g>
</g>
<g id="light">
<g id="&#229;&#142;&#159;&#229;&#173;&#144;-&#229;&#133;&#137;&#230;&#149;&#136;" style="mix-blend-mode:overlay" clip-path="url(#clip1_165_32313)">
<g id="Mask group_2">
<mask id="mask1_165_32313" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="15" y="23" width="20" height="21">
<g id="Ellipse 6" style="mix-blend-mode:plus-lighter" opacity="0.8">
<path d="M34.4633 31.0536C34.4633 31.0536 24.2834 22.1864 19.3945 23.1492C14.5057 24.112 15.1767 28.8474 16.7593 34.5401C18.342 40.2329 20.2371 44.7272 25.1259 43.7644C30.0147 42.8017 34.4633 31.0536 34.4633 31.0536Z" fill="url(#paint16_radial_165_32313)"/>
</g>
</mask>
<g mask="url(#mask1_165_32313)">
<g id="Ellipse 2" style="mix-blend-mode:plus-lighter" opacity="0.8">
<path d="M34.4633 31.0536C34.4633 31.0536 24.2834 22.1864 19.3945 23.1492C14.5057 24.112 15.1767 28.8474 16.7593 34.5401C18.342 40.2329 20.2371 44.7272 25.1259 43.7644C30.0147 42.8017 34.4633 31.0536 34.4633 31.0536Z" fill="url(#paint17_radial_165_32313)"/>
</g>
</g>
</g>
<g id="Ellipse 4" style="mix-blend-mode:plus-lighter" opacity="0.5">
<ellipse cx="3.9593" cy="21.3971" rx="3.9593" ry="21.3971" transform="matrix(0.981154 -0.193226 -0.267855 -0.963459 24.0098 54.8566)" fill="url(#paint18_radial_165_32313)"/>
</g>
<g id="Ellipse 3" style="mix-blend-mode:plus-lighter" opacity="0.8">
<ellipse cx="1.10341" cy="10.6986" rx="1.10341" ry="10.6986" transform="matrix(0.981154 -0.193226 -0.267855 -0.963459 23.9453 43.9971)" fill="url(#paint19_radial_165_32313)"/>
</g>
<g id="Ellipse 5" style="mix-blend-mode:plus-lighter" opacity="0.8">
<ellipse cx="0.454346" cy="7.13238" rx="0.454346" ry="7.13238" transform="matrix(0.981154 -0.193226 -0.267855 -0.963459 23.627 40.4359)" fill="url(#paint20_radial_165_32313)"/>
</g>
</g>
<g id="&#229;&#142;&#159;&#229;&#173;&#144;-&#229;&#133;&#137;&#230;&#149;&#136;_2" style="mix-blend-mode:overlay" clip-path="url(#clip2_165_32313)">
<g id="Mask group_3">
<mask id="mask2_165_32313" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="19" y="6" width="29" height="24">
<g id="Ellipse 6_2" style="mix-blend-mode:plus-lighter" opacity="0.8">
<path d="M47.1735 29.3163C47.1735 29.3163 29.5638 29.16 23.3134 24.1638C17.063 19.1677 19.9778 15.2656 24.5387 11.2237C29.0995 7.18176 33.5794 4.53065 39.8298 9.5268C46.0803 14.523 47.1735 29.3163 47.1735 29.3163Z" fill="url(#paint21_radial_165_32313)"/>
</g>
</mask>
<g mask="url(#mask2_165_32313)">
<g id="Ellipse 2_2" style="mix-blend-mode:plus-lighter" opacity="0.8">
<path d="M47.1735 29.3163C47.1735 29.3163 29.5638 29.16 23.3134 24.1638C17.063 19.1677 19.9778 15.2656 24.5387 11.2237C29.0995 7.18176 33.5794 4.53065 39.8298 9.5268C46.0803 14.523 47.1735 29.3163 47.1735 29.3163Z" fill="url(#paint22_radial_165_32313)"/>
</g>
</g>
</g>
<g id="Ellipse 4_2" style="mix-blend-mode:plus-lighter" opacity="0.5">
<ellipse cx="6.35831" cy="22.0689" rx="6.35831" ry="22.0689" transform="matrix(0.781124 0.624376 -0.748404 0.663243 42.9941 -1.86255)" fill="url(#paint23_radial_165_32313)"/>
</g>
<g id="Ellipse 3_2" style="mix-blend-mode:plus-lighter" opacity="0.8">
<ellipse cx="1.77199" cy="11.0344" rx="1.77199" ry="11.0344" transform="matrix(0.781124 0.624376 -0.748404 0.663243 38.3184 8.31958)" fill="url(#paint24_radial_165_32313)"/>
</g>
<g id="Ellipse 5_2" style="mix-blend-mode:plus-lighter" opacity="0.8">
<ellipse cx="0.729642" cy="7.3563" rx="0.729642" ry="7.3563" transform="matrix(0.781124 0.624376 -0.748404 0.663243 36.3809 11.4098)" fill="url(#paint25_radial_165_32313)"/>
</g>
</g>
<g id="Line 5_2" style="mix-blend-mode:overlay" filter="url(#filter1_f_165_32313)">
<line y1="-0.362196" x2="5.99626" y2="-0.362196" transform="matrix(0.766106 -0.642714 0.764057 0.645149 48.1309 63.657)" stroke="url(#paint26_linear_165_32313)" stroke-width="0.724393"/>
</g>
<g id="Line 7" style="mix-blend-mode:overlay" filter="url(#filter2_f_165_32313)">
<line y1="-0.362196" x2="5.99626" y2="-0.362196" transform="matrix(0.766106 -0.642714 0.764057 0.645149 44.1211 63.657)" stroke="url(#paint27_linear_165_32313)" stroke-width="0.724393"/>
</g>
<g id="Line 9" style="mix-blend-mode:overlay" filter="url(#filter3_f_165_32313)">
<line y1="-0.362196" x2="5.99626" y2="-0.362196" transform="matrix(0.766106 -0.642714 0.764057 0.645149 20.0547 43.7642)" stroke="url(#paint28_linear_165_32313)" stroke-width="0.724393"/>
</g>
<g id="Line 10" style="mix-blend-mode:overlay" filter="url(#filter4_f_165_32313)">
<line y1="-0.362196" x2="5.99626" y2="-0.362196" transform="matrix(0.766106 -0.642714 0.764057 0.645149 37.1016 61.6677)" stroke="url(#paint29_linear_165_32313)" stroke-width="0.724393"/>
</g>
<g id="Line 8" style="mix-blend-mode:overlay" filter="url(#filter5_f_165_32313)">
<line y1="-0.362196" x2="5.99626" y2="-0.362196" transform="matrix(0.766106 -0.642714 0.764057 0.645149 17.0469 30.8339)" stroke="url(#paint30_linear_165_32313)" stroke-width="0.724393"/>
</g>
<g id="Line 6_2" style="mix-blend-mode:overlay" filter="url(#filter6_f_165_32313)">
<line y1="-0.362196" x2="5.99626" y2="-0.362196" transform="matrix(0.766106 -0.642714 0.764057 0.645149 16.043 25.8607)" stroke="url(#paint31_linear_165_32313)" stroke-width="0.724393"/>
</g>
</g>
</g>
<g id="Group 427322409">
<path id="Vector" d="M44.2128 28.5408C43.4195 28.5408 42.8245 29.1608 42.8245 29.897V47.6438C42.8245 48.4187 43.4591 49 44.2128 49C45.0061 49 45.6011 48.38 45.6011 47.6438V29.897C45.6011 29.1608 44.9664 28.5408 44.2128 28.5408ZM34.4947 23.5035L31.6388 22.9998V21.3723C31.6388 20.9848 31.3215 20.6749 30.9248 20.6749C30.5281 20.6749 30.2108 20.9848 30.2108 21.3723V22.7673L30.1315 23.4647C29.2985 28.1533 32.5114 32.6094 37.2713 33.4618L40.8412 34.0818C41.2379 34.1593 41.5948 33.8881 41.6345 33.5393C42.5072 28.8508 39.2942 24.356 34.4947 23.5035ZM34.4947 34.0431L31.6784 33.5393V32.1056C31.6784 31.7182 31.3611 31.4082 30.9645 31.4082C30.5678 31.4082 30.2505 31.7182 30.2505 32.1056V33.2681L30.1315 33.9268C29.2985 38.6154 32.5114 43.0715 37.2713 43.9239L40.8412 44.5439C41.2379 44.6214 41.5948 44.3502 41.6345 44.0014C42.5072 39.3516 39.2942 34.8568 34.4947 34.0431ZM46.7514 33.5393C46.8307 33.9268 47.1877 34.1593 47.5447 34.0818L51.1146 33.4618C55.9141 32.6094 59.0874 28.1533 58.2544 23.4647L58.1354 22.806V21.4111C58.1354 21.0236 57.8181 20.7136 57.4214 20.7136C57.0248 20.7136 56.7074 21.0236 56.7074 21.4111V23.0385L53.8515 23.5422C49.1313 24.356 45.9184 28.812 46.7514 33.5393ZM58.1751 33.3068V32.1056C58.1751 31.7182 57.8577 31.4082 57.4611 31.4082C57.0644 31.4082 56.7471 31.7182 56.7471 32.1056V33.5393L53.8912 34.0431C49.0916 34.8568 45.8787 39.3516 46.7514 44.0402C46.8307 44.4276 47.1877 44.6601 47.5447 44.5826L51.1146 43.9627C55.9141 43.1102 59.0874 38.6541 58.2544 33.9656L58.1751 33.3068ZM43.9748 27.4558C44.2921 27.6496 44.7284 27.5721 44.9268 27.2233L46.8307 24.2397C49.29 20.4036 48.2983 15.3663 44.5301 12.6927V10.9878C44.5301 10.6003 44.2524 10.2903 43.8558 10.2903C43.4591 10.2903 43.1418 10.5615 43.1418 10.949V12.4214L41.1585 15.5601C38.5803 19.5899 39.8099 24.9372 43.9748 27.4558C43.9351 27.4558 43.9351 27.4558 43.9748 27.4558Z" fill="url(#paint32_linear_165_32313)"/>
<g id="&#229;&#142;&#159;&#229;&#173;&#144;-&#229;&#133;&#137;&#230;&#149;&#136;_3" style="mix-blend-mode:overlay" clip-path="url(#clip3_165_32313)">
<g id="Ellipse 2_3" style="mix-blend-mode:plus-lighter" opacity="0.8">
<ellipse cx="3" cy="2.5" rx="3" ry="2.5" transform="matrix(0.985413 0.170178 -0.0467339 -0.998708 41.3496 46.4904)" fill="url(#paint33_radial_165_32313)"/>
</g>
<g id="Ellipse 4_3" style="mix-blend-mode:plus-lighter" opacity="0.5">
<ellipse cx="1.31655" cy="5" rx="1.31655" ry="5" transform="matrix(0.985413 0.170178 -0.0467339 -0.998708 43.125 49.2736)" fill="url(#paint34_radial_165_32313)"/>
</g>
<g id="Ellipse 3_3" style="mix-blend-mode:plus-lighter" opacity="0.8">
<ellipse cx="0.366907" cy="2.5" rx="0.366907" ry="2.5" transform="matrix(0.985413 0.170178 -0.0467339 -0.998708 43.9453 46.9385)" fill="url(#paint35_radial_165_32313)"/>
</g>
<g id="Ellipse 5_3" style="mix-blend-mode:plus-lighter" opacity="0.8">
<ellipse cx="0.151079" cy="1.66667" rx="0.151079" ry="1.66667" transform="matrix(0.985413 0.170178 -0.0467339 -0.998708 44.1191 46.1428)" fill="url(#paint36_radial_165_32313)"/>
</g>
</g>
<g id="&#229;&#142;&#159;&#229;&#173;&#144;-&#229;&#133;&#137;&#230;&#149;&#136;_4" style="mix-blend-mode:overlay" clip-path="url(#clip4_165_32313)">
<g id="Ellipse 2_4" style="mix-blend-mode:plus-lighter" opacity="0.8">
<ellipse cx="5" cy="4.75" rx="5" ry="4.75" transform="matrix(0.990268 -0.139173 -0.357076 -0.935576 29.0879 34.7236)" fill="url(#paint37_radial_165_32313)"/>
</g>
<g id="Ellipse 4_4" style="mix-blend-mode:plus-lighter" opacity="0.5">
<ellipse cx="2.19424" cy="9.5" rx="2.19424" ry="9.5" transform="matrix(0.990268 -0.139173 -0.357076 -0.935576 33.5625 38.7771)" fill="url(#paint38_radial_165_32313)"/>
</g>
<g id="Ellipse 3_4" style="mix-blend-mode:plus-lighter" opacity="0.8">
<ellipse cx="0.611511" cy="4.75" rx="0.611511" ry="4.75" transform="matrix(0.990268 -0.139173 -0.357076 -0.935576 33.4336 34.1129)" fill="url(#paint39_radial_165_32313)"/>
</g>
<g id="Ellipse 5_4" style="mix-blend-mode:plus-lighter" opacity="0.8">
<ellipse cx="0.251799" cy="3.16667" rx="0.251799" ry="3.16667" transform="matrix(0.990268 -0.139173 -0.357076 -0.935576 33.2246 32.5815)" fill="url(#paint40_radial_165_32313)"/>
</g>
</g>
<path id="Vector_2" d="M45.5038 27.2505C44.7105 27.2505 44.1155 27.8705 44.1155 28.6067V46.3535C44.1155 47.1285 44.7501 47.7097 45.5038 47.7097C46.2971 47.7097 46.8921 47.0897 46.8921 46.3535V28.6067C46.8921 27.8705 46.2574 27.2505 45.5038 27.2505ZM35.7857 22.2132L32.9298 21.7095V20.0821C32.9298 19.6946 32.6125 19.3846 32.2158 19.3846C31.8192 19.3846 31.5018 19.6946 31.5018 20.0821V21.477L31.4225 22.1745C30.5895 26.863 33.8024 31.3191 38.5623 32.1716L42.1322 32.7915C42.5289 32.869 42.8859 32.5978 42.9255 32.2491C43.7982 27.5605 40.5853 23.0657 35.7857 22.2132ZM35.7857 32.7528L32.9695 32.2491V30.8154C32.9695 30.4279 32.6521 30.1179 32.2555 30.1179C31.8588 30.1179 31.5415 30.4279 31.5415 30.8154V31.9778L31.4225 32.6365C30.5895 37.3251 33.8024 41.7812 38.5623 42.6336L42.1322 43.2536C42.5289 43.3311 42.8859 43.0599 42.9255 42.7111C43.7982 38.0613 40.5853 33.5665 35.7857 32.7528ZM48.0424 32.2491C48.1217 32.6365 48.4787 32.869 48.8357 32.7915L52.4056 32.1716C57.2051 31.3191 60.3784 26.863 59.5454 22.1745L59.4264 21.5157V20.1208C59.4264 19.7333 59.1091 19.4233 58.7124 19.4233C58.3158 19.4233 57.9985 19.7333 57.9985 20.1208V21.7482L55.1425 22.252C50.4223 23.0657 47.2094 27.5217 48.0424 32.2491ZM59.4661 32.0166V30.8154C59.4661 30.4279 59.1488 30.1179 58.7521 30.1179C58.3554 30.1179 58.0381 30.4279 58.0381 30.8154V32.2491L55.1822 32.7528C50.3827 33.5665 47.1697 38.0613 48.0424 42.7499C48.1217 43.1374 48.4787 43.3699 48.8357 43.2924L52.4056 42.6724C57.2051 41.8199 60.3784 37.3638 59.5454 32.6753L59.4661 32.0166ZM45.2658 26.1656C45.5831 26.3593 46.0194 26.2818 46.2178 25.9331L48.1217 22.9494C50.581 19.1133 49.5893 14.076 45.8211 11.4024V9.69747C45.8211 9.30999 45.5435 9 45.1468 9C44.7501 9 44.4328 9.27124 44.4328 9.65872V11.1312L42.4495 14.2698C39.8713 18.2996 41.1009 23.6469 45.2658 26.1656C45.2261 26.1656 45.2261 26.1656 45.2658 26.1656Z" fill="url(#paint41_radial_165_32313)"/>
</g>
</g>
<defs>
<filter id="filter0_i_165_32313" x="19.6098" y="15.9355" width="39.8511" height="45.8307" 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 dx="-2.89757" dy="2.89757"/>
<feGaussianBlur stdDeviation="0.724393"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.4 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_165_32313"/>
</filter>
<pattern id="pattern0_165_32313" patternContentUnits="objectBoundingBox" width="0.103555" height="0.121033">
<use xlink:href="#image0_165_32313" transform="scale(0.00103555 0.00137538)"/>
</pattern>
<filter id="filter1_f_165_32313" x="45.5781" y="57.3358" width="9.14648" height="8.32117" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="1" result="effect1_foregroundBlur_165_32313"/>
</filter>
<filter id="filter2_f_165_32313" x="41.5684" y="57.3358" width="9.14648" height="8.32117" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="1" result="effect1_foregroundBlur_165_32313"/>
</filter>
<filter id="filter3_f_165_32313" x="17.502" y="37.443" width="9.14648" height="8.32117" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="1" result="effect1_foregroundBlur_165_32313"/>
</filter>
<filter id="filter4_f_165_32313" x="34.5488" y="55.3466" width="9.14648" height="8.32117" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="1" result="effect1_foregroundBlur_165_32313"/>
</filter>
<filter id="filter5_f_165_32313" x="14.4941" y="24.5127" width="9.14648" height="8.32117" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="1" result="effect1_foregroundBlur_165_32313"/>
</filter>
<filter id="filter6_f_165_32313" x="13.4902" y="19.5396" width="9.14648" height="8.32117" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="1" result="effect1_foregroundBlur_165_32313"/>
</filter>
<linearGradient id="paint0_linear_165_32313" x1="91.9733" y1="8.42385" x2="127.159" y2="28.2918" gradientUnits="userSpaceOnUse">
<stop stop-color="#20D6EF"/>
<stop offset="0.5" stop-color="#1F67BB"/>
<stop offset="1" stop-color="#003C7B" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint1_linear_165_32313" x1="62" y1="24.1497" x2="120.718" y2="28.5368" gradientUnits="userSpaceOnUse">
<stop stop-color="#49F3FD"/>
<stop offset="0.5" stop-color="#2285ED"/>
<stop offset="1" stop-color="#2285ED" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint2_linear_165_32313" x1="42.9824" y1="36.562" x2="51.6714" y2="18.9418" gradientUnits="userSpaceOnUse">
<stop offset="0.539047" stop-color="#27DDF1"/>
<stop offset="1" stop-color="#22A4ED"/>
</linearGradient>
<linearGradient id="paint3_linear_165_32313" x1="47.7044" y1="40.3997" x2="62.9195" y2="29.5059" gradientUnits="userSpaceOnUse">
<stop offset="0.659247" stop-color="#49F3FD"/>
<stop offset="1" stop-color="#2285ED"/>
</linearGradient>
<linearGradient id="paint4_linear_165_32313" x1="58.9211" y1="24.1505" x2="58.9213" y2="37.7788" gradientUnits="userSpaceOnUse">
<stop stop-color="white"/>
<stop offset="1" stop-color="white" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint5_linear_165_32313" x1="64.0024" y1="36.0875" x2="112" y2="36.079" gradientUnits="userSpaceOnUse">
<stop stop-color="white" stop-opacity="0"/>
<stop offset="0.305088" stop-color="white"/>
<stop offset="1" stop-color="white" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint6_linear_165_32313" x1="-0.411877" y1="24.5531" x2="23.5044" y2="72.3806" gradientUnits="userSpaceOnUse">
<stop stop-color="#0FB7D8"/>
<stop offset="0.5" stop-color="#86EBFF"/>
<stop offset="1" stop-color="#0FB7D8" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint7_linear_165_32313" x1="24.9762" y1="27.8808" x2="45.5254" y2="55.7916" gradientUnits="userSpaceOnUse">
<stop stop-color="#48DEFC"/>
<stop offset="1" stop-color="#21CAEC"/>
</linearGradient>
<linearGradient id="paint8_linear_165_32313" x1="26.2514" y1="21.7301" x2="50.5648" y2="59.142" gradientUnits="userSpaceOnUse">
<stop stop-color="#25AAC5"/>
<stop offset="0.333333" stop-color="#1089A1"/>
<stop offset="0.666667" stop-color="#1089A1"/>
<stop offset="1" stop-color="#25AAC5"/>
</linearGradient>
<radialGradient id="paint9_radial_165_32313" cx="0" cy="0" r="1" gradientTransform="matrix(-29.9847 16.0881 -22.1812 -29.6707 36.1183 41.7747)" gradientUnits="userSpaceOnUse">
<stop stop-color="#25AAC5"/>
<stop offset="1" stop-color="#13A8C6" stop-opacity="0"/>
</radialGradient>
<linearGradient id="paint10_linear_165_32313" x1="22.163" y1="33.0566" x2="50.6476" y2="18.6155" gradientUnits="userSpaceOnUse">
<stop offset="0.140394" stop-color="#48DEFC"/>
<stop offset="1" stop-color="#21CAEC" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint11_linear_165_32313" x1="9.69817" y1="33.9198" x2="51.9582" y2="11.332" gradientUnits="userSpaceOnUse">
<stop offset="0.140394" stop-color="#48DEFC"/>
<stop offset="1" stop-color="#21CAEC" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint12_linear_165_32313" x1="3.58531" y1="10.1169" x2="37.976" y2="32.7475" gradientUnits="userSpaceOnUse">
<stop stop-color="#48DEFC"/>
<stop offset="0.479167" stop-color="#009AB9"/>
</linearGradient>
<linearGradient id="paint13_linear_165_32313" x1="24.8962" y1="35.1911" x2="56.0039" y2="45.4751" gradientUnits="userSpaceOnUse">
<stop stop-color="white"/>
<stop offset="0.5" stop-color="white" stop-opacity="0"/>
<stop offset="1" stop-color="white" stop-opacity="0.820896"/>
</linearGradient>
<linearGradient id="paint14_linear_165_32313" x1="39.204" y1="20.859" x2="62.1109" y2="39.4726" gradientUnits="userSpaceOnUse">
<stop stop-color="#58E3FF" stop-opacity="0.35"/>
<stop offset="1" stop-color="#58E3FF" stop-opacity="0"/>
</linearGradient>
<radialGradient id="paint15_radial_165_32313" cx="0" cy="0" r="1" gradientTransform="matrix(-13.2897 -21.2021 18.902 -11.1782 47.6611 34.4156)" gradientUnits="userSpaceOnUse">
<stop offset="0.33244" stop-color="white"/>
<stop offset="1" stop-color="white" stop-opacity="0"/>
</radialGradient>
<radialGradient id="paint16_radial_165_32313" cx="0" cy="0" r="1" gradientTransform="matrix(-12.4179 -44.6664 -8.72552 1.71839 25.8943 34.2944)" gradientUnits="userSpaceOnUse">
<stop stop-color="#B7EEFF"/>
<stop offset="0.302515" stop-color="#9BE2FF" stop-opacity="0.76"/>
<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
</radialGradient>
<radialGradient id="paint17_radial_165_32313" cx="0" cy="0" r="1" gradientTransform="matrix(-2.86566 -10.3076 -14.2761 2.8107 23.1122 34.8422)" gradientUnits="userSpaceOnUse">
<stop stop-color="#B7EEFF"/>
<stop offset="0.302515" stop-color="#9BE2FF" stop-opacity="0.76"/>
<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
</radialGradient>
<radialGradient id="paint18_radial_165_32313" cx="0" cy="0" r="1" gradientTransform="matrix(0 21.3971 -3.9201 -1.71974e-05 3.9201 21.3971)" gradientUnits="userSpaceOnUse">
<stop stop-color="#B7EEFF"/>
<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
</radialGradient>
<radialGradient id="paint19_radial_165_32313" cx="0" cy="0" r="1" gradientTransform="matrix(-3.67903e-08 10.6986 -1.09249 -1.40744e-05 1.09249 10.6986)" gradientUnits="userSpaceOnUse">
<stop stop-color="#B7EEFF"/>
<stop offset="0.302515" stop-color="#9BE2FF" stop-opacity="0.76"/>
<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
</radialGradient>
<radialGradient id="paint20_radial_165_32313" cx="0" cy="0" r="1" gradientTransform="matrix(-1.5149e-08 7.13238 -0.449847 -9.38295e-06 0.449847 7.13238)" gradientUnits="userSpaceOnUse">
<stop stop-color="#B7EEFF"/>
<stop offset="0.302515" stop-color="#9BE2FF" stop-opacity="0.76"/>
<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
</radialGradient>
<radialGradient id="paint21_radial_165_32313" cx="0" cy="0" r="1" gradientTransform="matrix(-35.7856 31.7136 -11.1557 -8.9171 36.8742 19.0952)" gradientUnits="userSpaceOnUse">
<stop stop-color="#B7EEFF"/>
<stop offset="0.302515" stop-color="#9BE2FF" stop-opacity="0.76"/>
<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
</radialGradient>
<radialGradient id="paint22_radial_165_32313" cx="0" cy="0" r="1" gradientTransform="matrix(-8.25822 7.31852 -18.2525 -14.5888 33.3173 16.2521)" gradientUnits="userSpaceOnUse">
<stop stop-color="#B7EEFF"/>
<stop offset="0.302515" stop-color="#9BE2FF" stop-opacity="0.76"/>
<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
</radialGradient>
<radialGradient id="paint23_radial_165_32313" cx="0" cy="0" r="1" gradientTransform="matrix(0 22.0689 -6.29536 -1.77373e-05 6.29536 22.0689)" gradientUnits="userSpaceOnUse">
<stop stop-color="#B7EEFF"/>
<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
</radialGradient>
<radialGradient id="paint24_radial_165_32313" cx="0" cy="0" r="1" gradientTransform="matrix(-5.90823e-08 11.0344 -1.75444 -1.45163e-05 1.75444 11.0344)" gradientUnits="userSpaceOnUse">
<stop stop-color="#B7EEFF"/>
<stop offset="0.302515" stop-color="#9BE2FF" stop-opacity="0.76"/>
<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
</radialGradient>
<radialGradient id="paint25_radial_165_32313" cx="0" cy="0" r="1" gradientTransform="matrix(-2.4328e-08 7.3563 -0.722418 -9.67753e-06 0.722418 7.3563)" gradientUnits="userSpaceOnUse">
<stop stop-color="#B7EEFF"/>
<stop offset="0.302515" stop-color="#9BE2FF" stop-opacity="0.76"/>
<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
</radialGradient>
<linearGradient id="paint26_linear_165_32313" x1="5.99596" y1="-0.000470895" x2="-4.4646e-09" y2="-0.000404758" gradientUnits="userSpaceOnUse">
<stop stop-color="white"/>
<stop offset="1" stop-color="white" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint27_linear_165_32313" x1="5.99596" y1="-0.000470895" x2="-4.4646e-09" y2="-0.000404758" gradientUnits="userSpaceOnUse">
<stop stop-color="white"/>
<stop offset="1" stop-color="white" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint28_linear_165_32313" x1="5.99596" y1="-0.000470895" x2="-4.4646e-09" y2="-0.000404758" gradientUnits="userSpaceOnUse">
<stop stop-color="white"/>
<stop offset="1" stop-color="white" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint29_linear_165_32313" x1="5.99596" y1="-0.000470895" x2="-4.4646e-09" y2="-0.000404758" gradientUnits="userSpaceOnUse">
<stop stop-color="white"/>
<stop offset="1" stop-color="white" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint30_linear_165_32313" x1="5.99596" y1="-0.000470895" x2="-4.4646e-09" y2="-0.000404758" gradientUnits="userSpaceOnUse">
<stop stop-color="white"/>
<stop offset="1" stop-color="white" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint31_linear_165_32313" x1="5.99596" y1="-0.000470895" x2="-4.4646e-09" y2="-0.000404758" gradientUnits="userSpaceOnUse">
<stop stop-color="white"/>
<stop offset="1" stop-color="white" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint32_linear_165_32313" x1="34.5792" y1="11.966" x2="66.4401" y2="32.4499" gradientUnits="userSpaceOnUse">
<stop stop-color="#21CAEC"/>
<stop offset="0.666667" stop-color="#0B8FAA"/>
<stop offset="1" stop-color="#48DEFC"/>
</linearGradient>
<radialGradient id="paint33_radial_165_32313" cx="0" cy="0" r="1" gradientTransform="matrix(-1.00027e-07 2.5 -2.9703 -3.28886e-06 2.9703 2.5)" gradientUnits="userSpaceOnUse">
<stop stop-color="#B7EEFF"/>
<stop offset="0.302515" stop-color="#9BE2FF" stop-opacity="0.76"/>
<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
</radialGradient>
<radialGradient id="paint34_radial_165_32313" cx="0" cy="0" r="1" gradientTransform="matrix(0 5 -1.30351 -4.01862e-06 1.30351 5)" gradientUnits="userSpaceOnUse">
<stop stop-color="#B7EEFF"/>
<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
</radialGradient>
<radialGradient id="paint35_radial_165_32313" cx="0" cy="0" r="1" gradientTransform="matrix(-1.22335e-08 2.5 -0.363274 -3.28886e-06 0.363274 2.5)" gradientUnits="userSpaceOnUse">
<stop stop-color="#B7EEFF"/>
<stop offset="0.302515" stop-color="#9BE2FF" stop-opacity="0.76"/>
<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
</radialGradient>
<radialGradient id="paint36_radial_165_32313" cx="0" cy="0" r="1" gradientTransform="matrix(-5.03734e-09 1.66667 -0.149583 -2.19257e-06 0.149583 1.66667)" gradientUnits="userSpaceOnUse">
<stop stop-color="#B7EEFF"/>
<stop offset="0.302515" stop-color="#9BE2FF" stop-opacity="0.76"/>
<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
</radialGradient>
<radialGradient id="paint37_radial_165_32313" cx="0" cy="0" r="1" gradientTransform="matrix(-1.66712e-07 4.75 -4.9505 -6.24883e-06 4.95049 4.75)" gradientUnits="userSpaceOnUse">
<stop stop-color="#B7EEFF"/>
<stop offset="0.302515" stop-color="#9BE2FF" stop-opacity="0.76"/>
<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
</radialGradient>
<radialGradient id="paint38_radial_165_32313" cx="0" cy="0" r="1" gradientTransform="matrix(0 9.5 -2.17252 -7.63538e-06 2.17252 9.5)" gradientUnits="userSpaceOnUse">
<stop stop-color="#B7EEFF"/>
<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
</radialGradient>
<radialGradient id="paint39_radial_165_32313" cx="0" cy="0" r="1" gradientTransform="matrix(-2.03892e-08 4.75 -0.605456 -6.24883e-06 0.605456 4.75)" gradientUnits="userSpaceOnUse">
<stop stop-color="#B7EEFF"/>
<stop offset="0.302515" stop-color="#9BE2FF" stop-opacity="0.76"/>
<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
</radialGradient>
<radialGradient id="paint40_radial_165_32313" cx="0" cy="0" r="1" gradientTransform="matrix(-8.39557e-09 3.16667 -0.249306 -4.16589e-06 0.249306 3.16667)" gradientUnits="userSpaceOnUse">
<stop stop-color="#B7EEFF"/>
<stop offset="0.302515" stop-color="#9BE2FF" stop-opacity="0.76"/>
<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
</radialGradient>
<radialGradient id="paint41_radial_165_32313" cx="0" cy="0" r="1" gradientTransform="matrix(16.9323 27.258 -19.3813 15.2527 37.4553 16.1091)" gradientUnits="userSpaceOnUse">
<stop stop-color="#A4EFFE"/>
<stop offset="1" stop-color="white"/>
</radialGradient>
<clipPath id="clip0_165_32313">
<rect width="78" height="78" fill="white"/>
</clipPath>
<clipPath id="clip1_165_32313">
<rect width="18.044" height="42.7943" fill="white" transform="matrix(0.981154 -0.193226 0.267855 0.963459 11.0293 13.9249)"/>
</clipPath>
<clipPath id="clip2_165_32313">
<rect width="28.9772" height="44.1378" fill="white" transform="matrix(0.781124 0.624376 0.748404 -0.663243 8.02148 25.8607)"/>
</clipPath>
<clipPath id="clip3_165_32313">
<rect width="6" height="10" fill="white" transform="matrix(0.985413 0.170178 0.0467339 0.998708 41 39)"/>
</clipPath>
<clipPath id="clip4_165_32313">
<rect width="10" height="19" fill="white" transform="matrix(0.990268 -0.139173 0.357076 0.935576 24 21.3917)"/>
</clipPath>
<image id="image0_165_32313" data-name="image.png" width="100" height="88" preserveAspectRatio="none" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABYCAYAAAADWlKCAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAVGSURBVHgB7ZzNedtGEIZnlj9STnEJSgdOBWFulE9KBZEqkFSBqApkVmCnAusU8xamArkDswPbJ9skgfUuaFuESAC7s7vgkM+8F+sxKIqDb3ZmAGI/HM6XGuIyVZBf/9vvv9t2cPhZn4BajADV38CbKfQ6FxPE2baDNg7s5G806OcQEYwniPngmF9Mer2py6sLYTr5fwDmX1Z4xjFfnpvfuYkVh4JAEOAjaH173FO/uwZhmfyCs0m/85v58aI4CTvGxoF5fm0/k1cc/e5rG7s9BxCBoBWCoMdHve7oHvEjBHCm9bMv8+UVoM209okVR4xyTBVkCqhvfTLJhR30l9o+QeV0uTzTOd5RypinIH71lUpIQG60EwelvzgJYuur1np83O++DF3WPpzO51caOpexhCn6XZ7fvj3uv4SW8F31jYKE1NeiNywyk+k4QK2v3x5178GTWGUsJI7hYjEAXfS3mSlxt5QSt5oqs1fmx0Hd6+oEIfeJQohlfmlEMBkOz9YOvQ4JiDj3k/vEY0LBeekA4ui4q8YkcRvK2BZBcIbKZHPXP5uLP1hkk3pVW2ZMQBMjDFDe37ku0/tETUKV3x9MwpqxFwgMv9pVvzlV/hQktE+sLeuB228kCuh7HJOj3ggIOCVU+S+aMqb+JJexJ+X4hyDm4qZzTe0TX5f5jTkJV0AAAd/pnvorRkCR+sQAaJDL8Yv5/HkOnTc2CdB+kHTL2gtyQHZMNlfZs6r7Z3WEJlQZU+7zbEyd4oo4gID/snYlLCAfEiTUGvRy7CVIhGXtiBGGOCa7kC6hNvBe9U6CxF3WXpDL2DbaS6gnmKkSuuoflzgaBRkusps0y9qDgLnfssOEWsOtjFUK0uKydoRWl1kkVIn6MXlDkNUIpuzV6QBY4jb380uoDbaW49IXVHbsMmI8AFsxLOYEL7L3xYVhBcUxjQy/jSxxjovsYXXn4ZGSIDrnsqwdQPyj+iBrIX5iy6i5fiqd8+CvcIUwtFKlQWV/Bcn1JzhA9lcQhR/gAJGSxQwRhBkiCDNEEGaIIMwQQZghgjDjIAVBpX6FPeUgBdF6j+7JPaEsiN6Pm3KHjPQQZoggzBBBmCGCMEMEYYYIwgwRhBkiCDNEEGaIIMwoC5LbxzR376rQRLGbFuD/yuMKxvsQx+opzM609D/bXhbbvyMmrrukdu0OUUfd9uzqh62L7WJGGD4B1boMVcHNfagpoZq3I+w8oDiuC+ndIRpxSijnHVRtl7HQ3bRVtF+O/RLKe49hbLuLbcRy56mijVVPTSjaps90AZH6BJVkrnABCYWn8+zBmm9RfUjiBBTDdQHOELILipgRyxg5oX54oaxba9B9SIgBhfaJF/Ps0iTDKJqfSoU7RDPxbDw2vU6IGyx95/7krgtEPxWfcpwioSrcgOgb3x0CmlJdhlwtjh4JiKNhj2KqhKr1ywrxIdmc+1O789RCtmjaUo6TJpSrxV9Yf9H6hOoyVNEnqJDiWA0vyyuNcJ86oTw8F9vzIbGkc10Is4XyxTehCK6kaQMqslFldyYbzyApbfip+CdUiG9vVB+StO48tcT1UwlMqHCrcQ9jlSpsnzEj5J3ecz+VGAkVyfud6kOyI3eeSohxREyoiGb8xdu5+ZC01idouI77KRIq8nfqDj4kJgjsZA9cxbAU9+ac/VTiru40DznU+ZBoPNFsrJIa2IGfijx1wgwRhBkiCDNEEGaIIMwQQZghgjBDBGGGCMIMEYQZIggzRBBmiCDMEEGYIYIwQwRhhgjCDBGEGSJIPTNoGRGEGSIIM0QQZoggzPgGPIIQju6qevkAAAAASUVORK5CYII="/>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 34 KiB

BIN
src/assets/recruitment/jy.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 134 KiB

13
src/assets/recruitment/jy.svg Normal file
View File

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

After

Width:  |  Height:  |  Size: 334 KiB

48
src/assets/recruitment/left-one.svg Normal file
View File

@ -0,0 +1,48 @@
<svg width="72" height="29" viewBox="0 0 72 29" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="Group 427322432">
<g id="Group 2137112">
<g id="Group 2137109">
<path id="Rectangle 19302" d="M0 8L71.9385 8V23.8763H5.31907L0 8Z" fill="url(#paint0_linear_165_32320)"/>
<path id="Rectangle 19303" opacity="0.5" d="M5.32031 23.8763H71.9397V28.6392L6.87403 28.6392L5.32031 23.8763Z" fill="url(#paint1_linear_165_32320)"/>
</g>
<g id="Line 5" style="mix-blend-mode:overlay">
<path d="M6.875 28.6394L6.70023e-07 8.00018" stroke="url(#paint2_linear_165_32320)" stroke-width="0.75"/>
</g>
<g id="Line 6" style="mix-blend-mode:overlay">
<path d="M53.9375 23.4277L5.9375 23.4277" stroke="url(#paint3_linear_165_32320)" stroke-width="0.5"/>
</g>
</g>
<path id="Vector" d="M15.5 14.6216C17.9917 14.6216 20.4833 14.9751 22.975 15.6815C24.1328 16.0097 25.1531 16.7136 25.8798 17.6857C26.6066 18.6579 27 19.8448 27 21.0653V22.4054C27 23.0935 26.7308 23.7535 26.2515 24.2401C25.7722 24.7266 25.1222 25 24.4444 25H6.55556C5.87778 25 5.22776 24.7266 4.74851 24.2401C4.26925 23.7535 4 23.0935 4 22.4054V21.0646C3.99995 19.8442 4.39336 18.6572 5.12015 17.6851C5.84694 16.7129 6.86716 16.009 8.025 15.6809C10.5167 14.9758 13.0083 14.6216 15.5 14.6216ZM15.4981 15.9189C14.8918 15.9189 14.5787 16.1349 14.5589 16.5676L13.6472 21.3728C13.6277 21.4756 13.6329 21.5817 13.6625 21.682C13.6921 21.7823 13.7452 21.8738 13.8172 21.9488L15.0432 23.2266C15.1027 23.2886 15.1739 23.3378 15.2524 23.3715C15.331 23.4051 15.4154 23.4224 15.5006 23.4224C15.5859 23.4224 15.6703 23.4051 15.7489 23.3715C15.8274 23.3378 15.8986 23.2886 15.9581 23.2266L17.1847 21.9488C17.2567 21.8737 17.3096 21.7822 17.3391 21.6819C17.3686 21.5816 17.3737 21.4755 17.3541 21.3728L16.4404 16.5676C16.4187 16.1349 16.1044 15.9189 15.4981 15.9189ZM15.5 1C19.0286 1 21.8889 3.904 21.8889 7.48649C21.8889 11.069 19.0286 13.973 15.5 13.973C11.9714 13.973 9.11111 11.069 9.11111 7.48649C9.11111 3.904 11.9714 1 15.5 1Z" fill="url(#paint4_linear_165_32320)"/>
<path id="Vector_2" d="M16.5 13.6216C18.9917 13.6216 21.4833 13.9751 23.975 14.6815C25.1328 15.0097 26.1531 15.7136 26.8798 16.6857C27.6066 17.6579 28 18.8448 28 20.0653V21.4054C28 22.0935 27.7308 22.7535 27.2515 23.2401C26.7722 23.7266 26.1222 24 25.4444 24H7.55556C6.87778 24 6.22776 23.7266 5.74851 23.2401C5.26925 22.7535 5 22.0935 5 21.4054V20.0646C4.99995 18.8442 5.39336 17.6572 6.12015 16.6851C6.84694 15.7129 7.86716 15.009 9.025 14.6809C11.5167 13.9758 14.0083 13.6216 16.5 13.6216ZM16.4981 14.9189C15.8918 14.9189 15.5787 15.1349 15.5589 15.5676L14.6472 20.3728C14.6277 20.4756 14.6329 20.5817 14.6625 20.682C14.6921 20.7823 14.7452 20.8738 14.8172 20.9488L16.0432 22.2266C16.1027 22.2886 16.1739 22.3378 16.2524 22.3715C16.331 22.4051 16.4154 22.4224 16.5006 22.4224C16.5859 22.4224 16.6703 22.4051 16.7489 22.3715C16.8274 22.3378 16.8986 22.2886 16.9581 22.2266L18.1847 20.9488C18.2567 20.8737 18.3096 20.7822 18.3391 20.6819C18.3686 20.5816 18.3737 20.4755 18.3541 20.3728L17.4404 15.5676C17.4187 15.1349 17.1044 14.9189 16.4981 14.9189ZM16.5 0C20.0286 0 22.8889 2.904 22.8889 6.48649C22.8889 10.069 20.0286 12.973 16.5 12.973C12.9714 12.973 10.1111 10.069 10.1111 6.48649C10.1111 2.904 12.9714 0 16.5 0Z" fill="url(#paint5_radial_165_32320)"/>
</g>
<defs>
<linearGradient id="paint0_linear_165_32320" x1="33.9108" y1="-15.8145" x2="74.6511" y2="-0.623716" gradientUnits="userSpaceOnUse">
<stop stop-color="#20D6EF"/>
<stop offset="0.5" stop-color="#1F67BB"/>
<stop offset="1" stop-color="#003C7B" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint1_linear_165_32320" x1="3.9375" y1="7.99999" x2="62.8401" y2="10.9061" gradientUnits="userSpaceOnUse">
<stop stop-color="#49F3FD"/>
<stop offset="0.5" stop-color="#2285ED"/>
<stop offset="1" stop-color="#2285ED" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint2_linear_165_32320" x1="0.858575" y1="8.00123" x2="0.85903" y2="28.6394" gradientUnits="userSpaceOnUse">
<stop stop-color="white"/>
<stop offset="1" stop-color="white" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint3_linear_165_32320" x1="5.93994" y1="25.178" x2="53.9375" y2="25.1695" gradientUnits="userSpaceOnUse">
<stop stop-color="white" stop-opacity="0"/>
<stop offset="0.305088" stop-color="white"/>
<stop offset="1" stop-color="white" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint4_linear_165_32320" x1="7.71017" y1="2.03892" x2="29.0977" y2="20.0082" gradientUnits="userSpaceOnUse">
<stop stop-color="#21CAEC"/>
<stop offset="0.666667" stop-color="#0B8FAA"/>
<stop offset="1" stop-color="#48DEFC"/>
</linearGradient>
<radialGradient id="paint5_radial_165_32320" cx="0" cy="0" r="1" gradientTransform="matrix(13.719 16.8999 -15.7032 9.45668 9.99444 4.40766)" gradientUnits="userSpaceOnUse">
<stop stop-color="#A4EFFE"/>
<stop offset="1" stop-color="white"/>
</radialGradient>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 4.8 KiB

48
src/assets/recruitment/left-two.svg Normal file
View File

@ -0,0 +1,48 @@
<svg width="72" height="27" viewBox="0 0 72 27" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="Group 427322433">
<g id="Group 2137112">
<g id="Group 2137109">
<path id="Rectangle 19302" d="M0 6L71.9385 6V21.8763H5.31907L0 6Z" fill="url(#paint0_linear_165_32322)"/>
<path id="Rectangle 19303" opacity="0.5" d="M5.32031 21.8763H71.9397V26.6392L6.87403 26.6392L5.32031 21.8763Z" fill="url(#paint1_linear_165_32322)"/>
</g>
<g id="Line 5" style="mix-blend-mode:overlay">
<path d="M6.875 26.6394L6.70023e-07 6.00018" stroke="url(#paint2_linear_165_32322)" stroke-width="0.75"/>
</g>
<g id="Line 6" style="mix-blend-mode:overlay">
<path d="M53.9375 21.4277L5.9375 21.4277" stroke="url(#paint3_linear_165_32322)" stroke-width="0.5"/>
</g>
</g>
<path id="Vector" d="M18 16.2493C18 16.664 17.664 17 17.2493 17H12.7507C12.652 17.0002 12.5543 16.9809 12.4632 16.9432C12.372 16.9056 12.2892 16.8503 12.2195 16.7805C12.1497 16.7108 12.0944 16.628 12.0568 16.5368C12.0191 16.4457 11.9998 16.348 12 16.2493V14H3V20.7493C3 21.9493 4.05067 23 5.25067 23H24.7493C25.9493 23 27 21.9493 27 20.7493V14H18V16.2493ZM24.7493 6.5H21V4.25067C21 3.05067 19.9493 2 18.7493 2H11.2507C10.0507 2 9 3.05067 9 4.25067V6.5H5.25067C4.05067 6.5 3 7.55067 3 8.75067V12.5H27V8.75067C27 7.55067 25.9493 6.5 24.7493 6.5ZM18 6.5H12V5H18V6.5Z" fill="url(#paint4_linear_165_32322)"/>
<path id="Vector_2" d="M20 14.2493C20 14.664 19.664 15 19.2493 15H14.7507C14.652 15.0002 14.5543 14.9809 14.4632 14.9432C14.372 14.9056 14.2892 14.8503 14.2195 14.7805C14.1497 14.7108 14.0944 14.628 14.0568 14.5368C14.0191 14.4457 13.9998 14.348 14 14.2493V12H5V18.7493C5 19.9493 6.05067 21 7.25067 21H26.7493C27.9493 21 29 19.9493 29 18.7493V12H20V14.2493ZM26.7493 4.5H23V2.25067C23 1.05067 21.9493 0 20.7493 0H13.2507C12.0507 0 11 1.05067 11 2.25067V4.5H7.25067C6.05067 4.5 5 5.55067 5 6.75067V10.5H29V6.75067C29 5.55067 27.9493 4.5 26.7493 4.5ZM20 4.5H14V3H20V4.5Z" fill="url(#paint5_radial_165_32322)"/>
</g>
<defs>
<linearGradient id="paint0_linear_165_32322" x1="33.9108" y1="-17.8145" x2="74.6511" y2="-2.62372" gradientUnits="userSpaceOnUse">
<stop stop-color="#20D6EF"/>
<stop offset="0.5" stop-color="#1F67BB"/>
<stop offset="1" stop-color="#003C7B" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint1_linear_165_32322" x1="3.9375" y1="5.99999" x2="62.8401" y2="8.90612" gradientUnits="userSpaceOnUse">
<stop stop-color="#49F3FD"/>
<stop offset="0.5" stop-color="#2285ED"/>
<stop offset="1" stop-color="#2285ED" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint2_linear_165_32322" x1="0.858575" y1="6.00123" x2="0.85903" y2="26.6394" gradientUnits="userSpaceOnUse">
<stop stop-color="white"/>
<stop offset="1" stop-color="white" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint3_linear_165_32322" x1="5.93994" y1="23.178" x2="53.9375" y2="23.1695" gradientUnits="userSpaceOnUse">
<stop stop-color="white" stop-opacity="0"/>
<stop offset="0.305088" stop-color="white"/>
<stop offset="1" stop-color="white" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint4_linear_165_32322" x1="6.87148" y1="2.90906" x2="25.87" y2="21.9446" gradientUnits="userSpaceOnUse">
<stop stop-color="#21CAEC"/>
<stop offset="0.666667" stop-color="#0B8FAA"/>
<stop offset="1" stop-color="#48DEFC"/>
</linearGradient>
<radialGradient id="paint5_radial_165_32322" cx="0" cy="0" r="1" gradientTransform="matrix(14.3155 14.7874 -16.386 8.2746 10.2116 3.8567)" gradientUnits="userSpaceOnUse">
<stop stop-color="#A4EFFE"/>
<stop offset="1" stop-color="white"/>
</radialGradient>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.5 KiB

33
src/assets/recruitment/mbc.svg Normal file
View File

@ -0,0 +1,33 @@
<svg width="1920" height="1080" viewBox="0 0 1920 1080" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_9_2545)">
<rect width="1920" height="1080" fill="url(#paint0_linear_9_2545)" fill-opacity="0.5"/>
<rect width="1920" height="1080" fill="url(#paint1_linear_9_2545)" fill-opacity="0.5"/>
</g>
<defs>
<linearGradient id="paint0_linear_9_2545" x1="960" y1="0" x2="960" y2="1080" gradientUnits="userSpaceOnUse">
<stop stop-color="#0078A4"/>
<stop offset="0.120509" stop-color="#0078A4" stop-opacity="0.545518"/>
<stop offset="0.179314" stop-color="#0078A4" stop-opacity="0.268142"/>
<stop offset="0.286458" stop-color="#0078A4" stop-opacity="0.0154769"/>
<stop offset="0.671875" stop-color="#0078A4" stop-opacity="0"/>
<stop offset="0.790323" stop-color="#0078A4" stop-opacity="0.221651"/>
<stop offset="0.863472" stop-color="#0078A4" stop-opacity="0.503942"/>
<stop offset="1" stop-color="#0078A4"/>
</linearGradient>
<linearGradient id="paint1_linear_9_2545" x1="1920" y1="592.5" x2="3.32107e-06" y2="592.5" gradientUnits="userSpaceOnUse">
<stop stop-color="#0078A4"/>
<stop offset="0.0924192" stop-color="#0078A4" stop-opacity="0.441093"/>
<stop offset="0.147393" stop-color="#0078A4" stop-opacity="0.212322"/>
<stop offset="0.194418" stop-color="#0078A4" stop-opacity="0.0732132"/>
<stop offset="0.249495" stop-color="#0078A4" stop-opacity="0"/>
<stop offset="0.756487" stop-color="#0078A4" stop-opacity="0"/>
<stop offset="0.815023" stop-color="#0078A4" stop-opacity="0.0812947"/>
<stop offset="0.870659" stop-color="#0078A4" stop-opacity="0.224653"/>
<stop offset="0.92232" stop-color="#0078A4" stop-opacity="0.463412"/>
<stop offset="1" stop-color="#0078A4"/>
</linearGradient>
<clipPath id="clip0_9_2545">
<rect width="1920" height="1080" fill="white"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.8 KiB

11
src/assets/recruitment/plghlhsg.svg Normal file
View File

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

After

Width:  |  Height:  |  Size: 292 KiB

11
src/assets/recruitment/plghlhsg3.svg Normal file
View File

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

After

Width:  |  Height:  |  Size: 559 KiB

11
src/assets/recruitment/plghlhsg4.svg Normal file
View File

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

After

Width:  |  Height:  |  Size: 376 KiB

11
src/assets/recruitment/plghlhsg5.svg Normal file
View File

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

After

Width:  |  Height:  |  Size: 1.0 MiB

48
src/assets/recruitment/right-one.svg Normal file
View File

@ -0,0 +1,48 @@
<svg width="72" height="27" viewBox="0 0 72 27" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="Group 427322517">
<g id="Group 2137112">
<g id="Group 2137109">
<path id="Rectangle 19302" d="M71.9395 6L0.000976562 6V21.8763H66.6204L71.9395 6Z" fill="url(#paint0_linear_165_34520)"/>
<path id="Rectangle 19303" opacity="0.5" d="M66.6191 21.8763H-0.000259399V26.6392L65.0654 26.6392L66.6191 21.8763Z" fill="url(#paint1_linear_165_34520)"/>
</g>
<g id="Line 5" style="mix-blend-mode:overlay">
<path d="M65.0645 26.6394L71.9395 6.00018" stroke="url(#paint2_linear_165_34520)" stroke-width="0.75"/>
</g>
<g id="Line 6" style="mix-blend-mode:overlay">
<path d="M18.002 21.4277L66.002 21.4277" stroke="url(#paint3_linear_165_34520)" stroke-width="0.5"/>
</g>
</g>
<path id="Vector" d="M55.9395 16.2493C55.9395 16.664 55.6035 17 55.1888 17H50.6901C50.5915 17.0002 50.4938 16.9809 50.4026 16.9432C50.3115 16.9056 50.2287 16.8503 50.1589 16.7805C50.0892 16.7108 50.0339 16.628 49.9962 16.5368C49.9586 16.4457 49.9393 16.348 49.9395 16.2493V14H40.9395V20.7493C40.9395 21.9493 41.9901 23 43.1901 23H62.6888C63.8888 23 64.9395 21.9493 64.9395 20.7493V14H55.9395V16.2493ZM62.6888 6.5H58.9395V4.25067C58.9395 3.05067 57.8888 2 56.6888 2H49.1901C47.9901 2 46.9395 3.05067 46.9395 4.25067V6.5H43.1901C41.9901 6.5 40.9395 7.55067 40.9395 8.75067V12.5H64.9395V8.75067C64.9395 7.55067 63.8888 6.5 62.6888 6.5ZM55.9395 6.5H49.9395V5H55.9395V6.5Z" fill="url(#paint4_linear_165_34520)"/>
<path id="Vector_2" d="M57.9395 14.2493C57.9395 14.664 57.6035 15 57.1888 15H52.6901C52.5915 15.0002 52.4938 14.9809 52.4026 14.9432C52.3115 14.9056 52.2287 14.8503 52.1589 14.7805C52.0892 14.7108 52.0339 14.628 51.9962 14.5368C51.9586 14.4457 51.9393 14.348 51.9395 14.2493V12H42.9395V18.7493C42.9395 19.9493 43.9901 21 45.1901 21H64.6888C65.8888 21 66.9395 19.9493 66.9395 18.7493V12H57.9395V14.2493ZM64.6888 4.5H60.9395V2.25067C60.9395 1.05067 59.8888 0 58.6888 0H51.1901C49.9901 0 48.9395 1.05067 48.9395 2.25067V4.5H45.1901C43.9901 4.5 42.9395 5.55067 42.9395 6.75067V10.5H66.9395V6.75067C66.9395 5.55067 65.8888 4.5 64.6888 4.5ZM57.9395 4.5H51.9395V3H57.9395V4.5Z" fill="url(#paint5_radial_165_34520)"/>
</g>
<defs>
<linearGradient id="paint0_linear_165_34520" x1="38.0287" y1="-17.8145" x2="-2.71161" y2="-2.62372" gradientUnits="userSpaceOnUse">
<stop stop-color="#20D6EF"/>
<stop offset="0.5" stop-color="#1F67BB"/>
<stop offset="1" stop-color="#003C7B" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint1_linear_165_34520" x1="68.002" y1="5.99999" x2="9.09933" y2="8.90612" gradientUnits="userSpaceOnUse">
<stop stop-color="#49F3FD"/>
<stop offset="0.5" stop-color="#2285ED"/>
<stop offset="1" stop-color="#2285ED" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint2_linear_165_34520" x1="71.0809" y1="6.00123" x2="71.0804" y2="26.6394" gradientUnits="userSpaceOnUse">
<stop stop-color="white"/>
<stop offset="1" stop-color="white" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint3_linear_165_34520" x1="65.9995" y1="23.178" x2="18.002" y2="23.1695" gradientUnits="userSpaceOnUse">
<stop stop-color="white" stop-opacity="0"/>
<stop offset="0.305088" stop-color="white"/>
<stop offset="1" stop-color="white" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint4_linear_165_34520" x1="44.8109" y1="2.90906" x2="63.8094" y2="21.9446" gradientUnits="userSpaceOnUse">
<stop stop-color="#21CAEC"/>
<stop offset="0.666667" stop-color="#0B8FAA"/>
<stop offset="1" stop-color="#48DEFC"/>
</linearGradient>
<radialGradient id="paint5_radial_165_34520" cx="0" cy="0" r="1" gradientTransform="matrix(14.3155 14.7874 -16.386 8.2746 48.151 3.8567)" gradientUnits="userSpaceOnUse">
<stop stop-color="#A4EFFE"/>
<stop offset="1" stop-color="white"/>
</radialGradient>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.7 KiB

48
src/assets/recruitment/right-two.svg Normal file
View File

@ -0,0 +1,48 @@
<svg width="72" height="29" viewBox="0 0 72 29" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="Group 427322516">
<g id="Group 2137112">
<g id="Group 2137109">
<path id="Rectangle 19302" d="M71.9395 8L0.000976562 8V23.8763H66.6204L71.9395 8Z" fill="url(#paint0_linear_165_34518)"/>
<path id="Rectangle 19303" opacity="0.5" d="M66.6191 23.8763H-0.000259399V28.6392L65.0654 28.6392L66.6191 23.8763Z" fill="url(#paint1_linear_165_34518)"/>
</g>
<g id="Line 5" style="mix-blend-mode:overlay">
<path d="M65.0645 28.6394L71.9395 8.00018" stroke="url(#paint2_linear_165_34518)" stroke-width="0.75"/>
</g>
<g id="Line 6" style="mix-blend-mode:overlay">
<path d="M18.002 23.4277L66.002 23.4277" stroke="url(#paint3_linear_165_34518)" stroke-width="0.5"/>
</g>
</g>
<path id="Vector" d="M54.5 14.6216C56.9917 14.6216 59.4833 14.9751 61.975 15.6815C63.1328 16.0097 64.1531 16.7136 64.8798 17.6857C65.6066 18.6579 66 19.8448 66 21.0653V22.4054C66 23.0935 65.7308 23.7535 65.2515 24.2401C64.7722 24.7266 64.1222 25 63.4444 25H45.5556C44.8778 25 44.2278 24.7266 43.7485 24.2401C43.2692 23.7535 43 23.0935 43 22.4054V21.0646C43 19.8442 43.3934 18.6572 44.1202 17.6851C44.8469 16.7129 45.8672 16.009 47.025 15.6809C49.5167 14.9758 52.0083 14.6216 54.5 14.6216ZM54.4981 15.9189C53.8918 15.9189 53.5787 16.1349 53.5589 16.5676L52.6472 21.3728C52.6277 21.4756 52.6329 21.5817 52.6625 21.682C52.6921 21.7823 52.7452 21.8738 52.8172 21.9488L54.0432 23.2266C54.1027 23.2886 54.1739 23.3378 54.2524 23.3715C54.331 23.4051 54.4154 23.4224 54.5006 23.4224C54.5859 23.4224 54.6703 23.4051 54.7489 23.3715C54.8274 23.3378 54.8986 23.2886 54.9581 23.2266L56.1847 21.9488C56.2567 21.8737 56.3096 21.7822 56.3391 21.6819C56.3686 21.5816 56.3737 21.4755 56.3541 21.3728L55.4404 16.5676C55.4187 16.1349 55.1044 15.9189 54.4981 15.9189ZM54.5 1C58.0286 1 60.8889 3.904 60.8889 7.48649C60.8889 11.069 58.0286 13.973 54.5 13.973C50.9714 13.973 48.1111 11.069 48.1111 7.48649C48.1111 3.904 50.9714 1 54.5 1Z" fill="url(#paint4_linear_165_34518)"/>
<path id="Vector_2" d="M55.5 13.6216C57.9917 13.6216 60.4833 13.9751 62.975 14.6815C64.1328 15.0097 65.1531 15.7136 65.8798 16.6857C66.6066 17.6579 67 18.8448 67 20.0653V21.4054C67 22.0935 66.7308 22.7535 66.2515 23.2401C65.7722 23.7266 65.1222 24 64.4444 24H46.5556C45.8778 24 45.2278 23.7266 44.7485 23.2401C44.2692 22.7535 44 22.0935 44 21.4054V20.0646C44 18.8442 44.3934 17.6572 45.1202 16.6851C45.8469 15.7129 46.8672 15.009 48.025 14.6809C50.5167 13.9758 53.0083 13.6216 55.5 13.6216ZM55.4981 14.9189C54.8918 14.9189 54.5787 15.1349 54.5589 15.5676L53.6472 20.3728C53.6277 20.4756 53.6329 20.5817 53.6625 20.682C53.6921 20.7823 53.7452 20.8738 53.8172 20.9488L55.0432 22.2266C55.1027 22.2886 55.1739 22.3378 55.2524 22.3715C55.331 22.4051 55.4154 22.4224 55.5006 22.4224C55.5859 22.4224 55.6703 22.4051 55.7489 22.3715C55.8274 22.3378 55.8986 22.2886 55.9581 22.2266L57.1847 20.9488C57.2567 20.8737 57.3096 20.7822 57.3391 20.6819C57.3686 20.5816 57.3737 20.4755 57.3541 20.3728L56.4404 15.5676C56.4187 15.1349 56.1044 14.9189 55.4981 14.9189ZM55.5 0C59.0286 0 61.8889 2.904 61.8889 6.48649C61.8889 10.069 59.0286 12.973 55.5 12.973C51.9714 12.973 49.1111 10.069 49.1111 6.48649C49.1111 2.904 51.9714 0 55.5 0Z" fill="url(#paint5_radial_165_34518)"/>
</g>
<defs>
<linearGradient id="paint0_linear_165_34518" x1="38.0287" y1="-15.8145" x2="-2.71161" y2="-0.623716" gradientUnits="userSpaceOnUse">
<stop stop-color="#20D6EF"/>
<stop offset="0.5" stop-color="#1F67BB"/>
<stop offset="1" stop-color="#003C7B" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint1_linear_165_34518" x1="68.002" y1="7.99999" x2="9.09933" y2="10.9061" gradientUnits="userSpaceOnUse">
<stop stop-color="#49F3FD"/>
<stop offset="0.5" stop-color="#2285ED"/>
<stop offset="1" stop-color="#2285ED" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint2_linear_165_34518" x1="71.0809" y1="8.00123" x2="71.0804" y2="28.6394" gradientUnits="userSpaceOnUse">
<stop stop-color="white"/>
<stop offset="1" stop-color="white" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint3_linear_165_34518" x1="65.9995" y1="25.178" x2="18.002" y2="25.1695" gradientUnits="userSpaceOnUse">
<stop stop-color="white" stop-opacity="0"/>
<stop offset="0.305088" stop-color="white"/>
<stop offset="1" stop-color="white" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint4_linear_165_34518" x1="46.7102" y1="2.03892" x2="68.0977" y2="20.0082" gradientUnits="userSpaceOnUse">
<stop stop-color="#21CAEC"/>
<stop offset="0.666667" stop-color="#0B8FAA"/>
<stop offset="1" stop-color="#48DEFC"/>
</linearGradient>
<radialGradient id="paint5_radial_165_34518" cx="0" cy="0" r="1" gradientTransform="matrix(13.719 16.8999 -15.7032 9.45668 48.9944 4.40766)" gradientUnits="userSpaceOnUse">
<stop stop-color="#A4EFFE"/>
<stop offset="1" stop-color="white"/>
</radialGradient>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 4.8 KiB

408
src/assets/recruitment/seconed.svg Normal file
View File

@ -0,0 +1,408 @@
<svg width="130" height="78" viewBox="0 0 130 78" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="Group 427322430">
<g id="Group 2137112">
<g id="Group 2137109">
<path id="Rectangle 19302" d="M58.0625 24.1497L130.001 24.1497V34.6335H63.3816L58.0625 24.1497Z" fill="url(#paint0_linear_165_32315)"/>
<path id="Rectangle 19303" opacity="0.5" d="M63.3828 34.6335H130.002V37.7787L64.9365 37.7787L63.3828 34.6335Z" fill="url(#paint1_linear_165_32315)"/>
</g>
<g id="Group 2137110">
<g id="Rectangle 19302_2">
<path d="M39.1562 33.8276L58.2186 24.1394L63.5 34.5001L43.3383 44.3115L39.1562 33.8276Z" fill="url(#paint2_linear_165_32315)"/>
<path d="M39.1562 33.8276L58.2186 24.1394L63.5 34.5001L43.3383 44.3115L39.1562 33.8276Z" fill="black" fill-opacity="0.2"/>
</g>
<path id="Rectangle 19303_2" opacity="0.5" d="M43.9531 43.3125L63.5014 34.5L64.9365 37.7979L44.9986 46.4576L43.9531 43.3125Z" fill="url(#paint3_linear_165_32315)"/>
</g>
<g id="Line 5" style="mix-blend-mode:overlay">
<path d="M64.9375 37.7788L58.0625 24.1498" stroke="url(#paint4_linear_165_32315)" stroke-width="0.75"/>
</g>
<g id="Line 6" style="mix-blend-mode:overlay">
<path d="M112 34.3373L64 34.3373" stroke="url(#paint5_linear_165_32315)" stroke-width="0.5"/>
</g>
</g>
<g id="Frame 427318960" clip-path="url(#clip0_165_32315)">
<g id="Group 427318959">
<g id="Ellipse 1976" opacity="0.5">
<path d="M27.4279 26.3255C38.4419 32.6251 47.1391 46.5392 47.0498 57.3061C46.9603 68.0732 38.1152 71.9546 27.101 65.6552C16.0866 59.3556 7.38953 45.4408 7.47903 34.6736C7.5688 23.9069 16.4137 20.026 27.4279 26.3255Z" stroke="url(#paint6_linear_165_32315)" stroke-width="1.44879" style="mix-blend-mode:plus-lighter"/>
</g>
<path id="Ellipse 1971" opacity="0.5" d="M52.0261 54.5899C52.0261 58.8232 50.6865 61.9883 48.4126 63.9026C44.9281 66.8361 39.2496 66.8323 32.8363 63.2338C22.2381 57.2871 13.6465 43.7756 13.6465 33.055C13.6465 28.8217 14.9861 25.6566 17.26 23.7424C20.7446 20.8088 26.423 20.8127 32.8363 24.4112C43.4345 30.3579 52.0261 43.8694 52.0261 54.5899Z" fill="url(#paint7_linear_165_32315)"/>
<g id="Union">
<path fill-rule="evenodd" clip-rule="evenodd" d="M24.3505 17.6425C22.0767 19.5567 20.737 22.7218 20.737 26.9551C20.737 37.6756 29.3286 51.1871 39.9268 57.1338L39.9267 57.134C46.3388 60.7317 52.0164 60.7361 55.5011 57.804L48.4122 63.7704C44.9276 66.7039 39.2491 66.7001 32.8359 63.1016L32.836 63.1014C22.2379 57.1547 13.6465 43.6433 13.6465 32.9228C13.6465 28.6896 14.9861 25.5245 17.26 23.6102L24.3505 17.6425Z" fill="url(#paint8_linear_165_32315)"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M24.3505 17.6425C22.0767 19.5567 20.737 22.7218 20.737 26.9551C20.737 37.6756 29.3286 51.1871 39.9268 57.1338L39.9267 57.134C46.3388 60.7317 52.0164 60.7361 55.5011 57.804L48.4122 63.7704C44.9276 66.7039 39.2491 66.7001 32.8359 63.1016L32.836 63.1014C22.2379 57.1547 13.6465 43.6433 13.6465 32.9228C13.6465 28.6896 14.9861 25.5245 17.26 23.6102L24.3505 17.6425Z" fill="black" fill-opacity="0.2"/>
</g>
<path id="Union_2" fill-rule="evenodd" clip-rule="evenodd" d="M24.453 17.6425C22.1865 19.563 20.8512 22.7385 20.8512 26.9857C20.8512 37.7415 29.4149 51.2974 39.9786 57.2637C46.3699 60.8733 52.0289 60.8778 55.5022 57.936L35.6185 73.1042C32.1453 76.0474 26.4853 76.0435 20.0929 72.4332C9.52925 66.4669 0 54.0054 0 43.2496C0 39.0025 1.33529 35.827 3.60174 33.9064L24.453 17.6425Z" fill="url(#paint9_radial_165_32315)"/>
<g id="Group 427318958">
<path id="Union_3" d="M41.6035 0.326055L25.5089 16.9151C22.538 18.6664 20.7363 22.1391 20.7363 27.0484C20.7363 37.7689 29.3279 51.2804 39.9261 57.2271C43.7525 59.3741 47.3173 60.2415 50.3106 59.9689L70.4087 56.3157L41.6035 0.326055Z" fill="url(#paint10_linear_165_32315)"/>
<path id="Union_4" d="M49.6359 3.4812L27.074 17.9035C24.1031 19.6548 20.7363 22.1395 20.7363 27.0488C20.7363 37.7694 29.3279 51.2809 39.9261 57.2276C43.7525 59.3745 46.6426 58.459 49.6359 58.1864L71.6965 48.7373L49.6359 3.4812Z" fill="url(#paint11_linear_165_32315)"/>
</g>
<g id="Ellipse 1971_2">
<g filter="url(#filter0_i_165_32315)">
<ellipse cx="22.0174" cy="19.3955" rx="22.0174" ry="19.3955" transform="matrix(0.872096 0.489335 0 1 21.0586 7.95715)" fill="url(#paint12_linear_165_32315)"/>
</g>
<path d="M40.26 19.4557C50.5933 25.2538 58.8295 38.3179 58.8295 48.546C58.8295 58.7741 50.5933 62.5955 40.26 56.7975C29.9267 50.9995 21.6905 37.9354 21.6905 27.7072C21.6905 17.4791 29.9267 13.6577 40.26 19.4557Z" stroke="url(#paint13_linear_165_32315)" stroke-width="1.44879" style="mix-blend-mode:plus-lighter"/>
</g>
<g id="Ellipse 1975">
<path d="M45.2737 16.9224C55.8104 22.8347 64.3167 36.2315 64.3167 46.8224C64.3167 57.4132 55.8104 61.2632 45.2737 55.3511C34.7369 49.4389 26.2298 36.0426 26.2298 25.4517C26.2298 14.8608 34.7369 11.0102 45.2737 16.9224Z" stroke="url(#paint14_linear_165_32315)" stroke-width="0.362196" style="mix-blend-mode:plus-lighter"/>
</g>
</g>
<g id="Mask group">
<mask id="mask0_165_32315" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="23" y="10" width="50" height="49">
<path id="Ellipse 1975_2" opacity="0.5" d="M58.5317 15.0531C70.6111 23.1925 75.5365 38.4598 69.5329 49.1535C63.5294 59.8472 48.8703 61.9178 36.791 53.7783C24.7117 45.6388 19.7862 30.3715 25.7898 19.6778C31.7933 8.98414 46.4524 6.91356 58.5317 15.0531Z" fill="url(#paint15_radial_165_32315)"/>
</mask>
<g mask="url(#mask0_165_32315)">
<rect id="image 100" width="78.2065" height="58.8836" transform="matrix(0.993664 -0.11239 0.648451 0.761256 -4.01172 17.9036)" fill="url(#pattern0_165_32315)" fill-opacity="0.64"/>
</g>
</g>
<g id="light">
<g id="&#229;&#142;&#159;&#229;&#173;&#144;-&#229;&#133;&#137;&#230;&#149;&#136;" style="mix-blend-mode:overlay" clip-path="url(#clip1_165_32315)">
<g id="Mask group_2">
<mask id="mask1_165_32315" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="15" y="23" width="20" height="21">
<g id="Ellipse 6" style="mix-blend-mode:plus-lighter" opacity="0.8">
<path d="M34.4633 31.0536C34.4633 31.0536 24.2834 22.1864 19.3945 23.1492C14.5057 24.112 15.1767 28.8474 16.7593 34.5401C18.342 40.2329 20.2371 44.7272 25.1259 43.7644C30.0147 42.8017 34.4633 31.0536 34.4633 31.0536Z" fill="url(#paint16_radial_165_32315)"/>
</g>
</mask>
<g mask="url(#mask1_165_32315)">
<g id="Ellipse 2" style="mix-blend-mode:plus-lighter" opacity="0.8">
<path d="M34.4633 31.0536C34.4633 31.0536 24.2834 22.1864 19.3945 23.1492C14.5057 24.112 15.1767 28.8474 16.7593 34.5401C18.342 40.2329 20.2371 44.7272 25.1259 43.7644C30.0147 42.8017 34.4633 31.0536 34.4633 31.0536Z" fill="url(#paint17_radial_165_32315)"/>
</g>
</g>
</g>
<g id="Ellipse 4" style="mix-blend-mode:plus-lighter" opacity="0.5">
<ellipse cx="3.9593" cy="21.3971" rx="3.9593" ry="21.3971" transform="matrix(0.981154 -0.193226 -0.267855 -0.963459 24.0098 54.8566)" fill="url(#paint18_radial_165_32315)"/>
</g>
<g id="Ellipse 3" style="mix-blend-mode:plus-lighter" opacity="0.8">
<ellipse cx="1.10341" cy="10.6986" rx="1.10341" ry="10.6986" transform="matrix(0.981154 -0.193226 -0.267855 -0.963459 23.9453 43.9971)" fill="url(#paint19_radial_165_32315)"/>
</g>
<g id="Ellipse 5" style="mix-blend-mode:plus-lighter" opacity="0.8">
<ellipse cx="0.454346" cy="7.13238" rx="0.454346" ry="7.13238" transform="matrix(0.981154 -0.193226 -0.267855 -0.963459 23.627 40.4359)" fill="url(#paint20_radial_165_32315)"/>
</g>
</g>
<g id="&#229;&#142;&#159;&#229;&#173;&#144;-&#229;&#133;&#137;&#230;&#149;&#136;_2" style="mix-blend-mode:overlay" clip-path="url(#clip2_165_32315)">
<g id="Mask group_3">
<mask id="mask2_165_32315" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="19" y="6" width="29" height="24">
<g id="Ellipse 6_2" style="mix-blend-mode:plus-lighter" opacity="0.8">
<path d="M47.1735 29.3163C47.1735 29.3163 29.5638 29.16 23.3134 24.1638C17.063 19.1677 19.9778 15.2656 24.5387 11.2237C29.0995 7.18176 33.5794 4.53065 39.8298 9.5268C46.0803 14.523 47.1735 29.3163 47.1735 29.3163Z" fill="url(#paint21_radial_165_32315)"/>
</g>
</mask>
<g mask="url(#mask2_165_32315)">
<g id="Ellipse 2_2" style="mix-blend-mode:plus-lighter" opacity="0.8">
<path d="M47.1735 29.3163C47.1735 29.3163 29.5638 29.16 23.3134 24.1638C17.063 19.1677 19.9778 15.2656 24.5387 11.2237C29.0995 7.18176 33.5794 4.53065 39.8298 9.5268C46.0803 14.523 47.1735 29.3163 47.1735 29.3163Z" fill="url(#paint22_radial_165_32315)"/>
</g>
</g>
</g>
<g id="Ellipse 4_2" style="mix-blend-mode:plus-lighter" opacity="0.5">
<ellipse cx="6.35831" cy="22.0689" rx="6.35831" ry="22.0689" transform="matrix(0.781124 0.624376 -0.748404 0.663243 42.9941 -1.86255)" fill="url(#paint23_radial_165_32315)"/>
</g>
<g id="Ellipse 3_2" style="mix-blend-mode:plus-lighter" opacity="0.8">
<ellipse cx="1.77199" cy="11.0344" rx="1.77199" ry="11.0344" transform="matrix(0.781124 0.624376 -0.748404 0.663243 38.3184 8.31958)" fill="url(#paint24_radial_165_32315)"/>
</g>
<g id="Ellipse 5_2" style="mix-blend-mode:plus-lighter" opacity="0.8">
<ellipse cx="0.729642" cy="7.3563" rx="0.729642" ry="7.3563" transform="matrix(0.781124 0.624376 -0.748404 0.663243 36.3809 11.4098)" fill="url(#paint25_radial_165_32315)"/>
</g>
</g>
<g id="Line 5_2" style="mix-blend-mode:overlay" filter="url(#filter1_f_165_32315)">
<line y1="-0.362196" x2="5.99626" y2="-0.362196" transform="matrix(0.766106 -0.642714 0.764057 0.645149 48.1309 63.657)" stroke="url(#paint26_linear_165_32315)" stroke-width="0.724393"/>
</g>
<g id="Line 7" style="mix-blend-mode:overlay" filter="url(#filter2_f_165_32315)">
<line y1="-0.362196" x2="5.99626" y2="-0.362196" transform="matrix(0.766106 -0.642714 0.764057 0.645149 44.1211 63.657)" stroke="url(#paint27_linear_165_32315)" stroke-width="0.724393"/>
</g>
<g id="Line 9" style="mix-blend-mode:overlay" filter="url(#filter3_f_165_32315)">
<line y1="-0.362196" x2="5.99626" y2="-0.362196" transform="matrix(0.766106 -0.642714 0.764057 0.645149 20.0547 43.7642)" stroke="url(#paint28_linear_165_32315)" stroke-width="0.724393"/>
</g>
<g id="Line 10" style="mix-blend-mode:overlay" filter="url(#filter4_f_165_32315)">
<line y1="-0.362196" x2="5.99626" y2="-0.362196" transform="matrix(0.766106 -0.642714 0.764057 0.645149 37.1016 61.6677)" stroke="url(#paint29_linear_165_32315)" stroke-width="0.724393"/>
</g>
<g id="Line 8" style="mix-blend-mode:overlay" filter="url(#filter5_f_165_32315)">
<line y1="-0.362196" x2="5.99626" y2="-0.362196" transform="matrix(0.766106 -0.642714 0.764057 0.645149 17.0469 30.8339)" stroke="url(#paint30_linear_165_32315)" stroke-width="0.724393"/>
</g>
<g id="Line 6_2" style="mix-blend-mode:overlay" filter="url(#filter6_f_165_32315)">
<line y1="-0.362196" x2="5.99626" y2="-0.362196" transform="matrix(0.766106 -0.642714 0.764057 0.645149 16.043 25.8607)" stroke="url(#paint31_linear_165_32315)" stroke-width="0.724393"/>
</g>
</g>
</g>
<g id="Group 427322409">
<g id="Group 427322413">
<path id="Vector" d="M56.5772 28.914H50.2311L49.2755 25.4066L41.835 28.9121H40.1384L39.1826 25.4066L31.4266 28.9121H30.0266V33.3257H56.5772V28.914ZM38.8084 17.4H34.4535V26.577L38.8084 24.6086V17.4ZM48.5781 17.4H44.2271V26.843L48.5781 24.6067V17.4ZM30 34.2815V44H56.6V34.2815H30ZM35.1471 40.3483H32.962C32.9065 40.3483 32.8534 40.3262 32.8142 40.287C32.775 40.2478 32.753 40.1947 32.753 40.1392V36.1397C32.7534 36.0844 32.7756 36.0315 32.8147 35.9925C32.8538 35.9534 32.9067 35.9312 32.962 35.9307H35.1489C35.2042 35.9312 35.2571 35.9534 35.2962 35.9925C35.3353 36.0315 35.3575 36.0844 35.3579 36.1397V40.1373C35.357 40.1927 35.3344 40.2456 35.295 40.2846C35.2556 40.3237 35.2025 40.3458 35.1471 40.3463V40.3483ZM40.3551 40.3483H38.1686C38.1411 40.3483 38.114 40.3429 38.0886 40.3324C38.0632 40.3218 38.0402 40.3065 38.0208 40.287C38.0014 40.2676 37.986 40.2446 37.9755 40.2192C37.965 40.1939 37.9596 40.1667 37.9596 40.1392V36.1397C37.96 36.0844 37.9822 36.0315 38.0213 35.9925C38.0604 35.9534 38.1133 35.9312 38.1686 35.9307H40.3555C40.4108 35.9312 40.4637 35.9534 40.5028 35.9925C40.5419 36.0315 40.5641 36.0844 40.5645 36.1397V40.1373C40.5645 40.1927 40.5425 40.2459 40.5033 40.2851C40.4641 40.3243 40.411 40.3463 40.3555 40.3463L40.3551 40.3483ZM45.584 40.3483H43.3969C43.3414 40.3483 43.2883 40.3262 43.2491 40.287C43.2099 40.2478 43.1879 40.1947 43.1879 40.1392V36.1397C43.1883 36.0844 43.2105 36.0315 43.2496 35.9925C43.2887 35.9534 43.3416 35.9312 43.3969 35.9307H45.5856C45.6409 35.9312 45.6938 35.9534 45.7329 35.9925C45.772 36.0315 45.7942 36.0844 45.7947 36.1397L45.7909 40.1373C45.7909 40.1924 45.7691 40.2453 45.7304 40.2844C45.6916 40.3235 45.6389 40.3458 45.5838 40.3463L45.584 40.3483Z" fill="url(#paint32_linear_165_32315)"/>
<g id="&#229;&#142;&#159;&#229;&#173;&#144;-&#229;&#133;&#137;&#230;&#149;&#136;_3" style="mix-blend-mode:overlay" clip-path="url(#clip3_165_32315)">
<g id="Ellipse 2_3" style="mix-blend-mode:plus-lighter" opacity="0.8">
<ellipse cx="3" cy="2.5" rx="3" ry="2.5" transform="matrix(0.258819 -0.965926 -0.998831 -0.0440056 52.4922 46.1255)" fill="url(#paint33_radial_165_32315)"/>
</g>
<g id="Ellipse 4_3" style="mix-blend-mode:plus-lighter" opacity="0.5">
<ellipse cx="1.31655" cy="5" rx="1.31655" ry="5" transform="matrix(0.258819 -0.965926 -0.998831 -0.0440056 55.4238 44.6095)" fill="url(#paint34_radial_165_32315)"/>
</g>
<g id="Ellipse 3_3" style="mix-blend-mode:plus-lighter" opacity="0.8">
<ellipse cx="0.366907" cy="2.5" rx="0.366907" ry="2.5" transform="matrix(0.258819 -0.965926 -0.998831 -0.0440056 53.1738 43.5822)" fill="url(#paint35_radial_165_32315)"/>
</g>
<g id="Ellipse 5_3" style="mix-blend-mode:plus-lighter" opacity="0.8">
<ellipse cx="0.151079" cy="1.66667" rx="0.151079" ry="1.66667" transform="matrix(0.258819 -0.965926 -0.998831 -0.0440056 52.3965 43.337)" fill="url(#paint36_radial_165_32315)"/>
</g>
</g>
<g id="&#229;&#142;&#159;&#229;&#173;&#144;-&#229;&#133;&#137;&#230;&#149;&#136;_4" style="mix-blend-mode:overlay" clip-path="url(#clip4_165_32315)">
<g id="Ellipse 2_4" style="mix-blend-mode:plus-lighter" opacity="0.8">
<ellipse cx="5" cy="4.75" rx="5" ry="4.75" transform="matrix(0.965926 0.258819 0.0368689 -1.00072 26.1738 37.2604)" fill="url(#paint37_radial_165_32315)"/>
</g>
<g id="Ellipse 4_4" style="mix-blend-mode:plus-lighter" opacity="0.5">
<ellipse cx="2.19424" cy="9.5" rx="2.19424" ry="9.5" transform="matrix(0.965926 0.258819 0.0368689 -1.00072 28.709 42.7399)" fill="url(#paint38_radial_165_32315)"/>
</g>
<g id="Ellipse 3_4" style="mix-blend-mode:plus-lighter" opacity="0.8">
<ellipse cx="0.611511" cy="4.75" rx="0.611511" ry="4.75" transform="matrix(0.965926 0.258819 0.0368689 -1.00072 30.4121 38.3961)" fill="url(#paint39_radial_165_32315)"/>
</g>
<g id="Ellipse 5_4" style="mix-blend-mode:plus-lighter" opacity="0.8">
<ellipse cx="0.251799" cy="3.16667" rx="0.251799" ry="3.16667" transform="matrix(0.965926 0.258819 0.0368689 -1.00072 30.8184 36.9048)" fill="url(#paint40_radial_165_32315)"/>
</g>
</g>
<path id="Vector_2" d="M57.9776 27.514H51.6315L50.6759 24.0066L43.2354 27.5121H41.5388L40.583 24.0066L32.827 27.5121H31.427V31.9257H57.9776V27.514ZM40.2088 16H35.8539V25.177L40.2088 23.2086V16ZM49.9785 16H45.6275V25.443L49.9785 23.2066V16ZM31.4004 32.8815V42.6H58.0004V32.8815H31.4004ZM36.5475 38.9482H34.3624C34.3069 38.9482 34.2538 38.9262 34.2146 38.887C34.1754 38.8478 34.1534 38.7947 34.1534 38.7392V34.7397C34.1538 34.6844 34.176 34.6315 34.2151 34.5924C34.2542 34.5533 34.3071 34.5312 34.3624 34.5307H36.5493C36.6046 34.5312 36.6575 34.5533 36.6966 34.5924C36.7357 34.6315 36.7579 34.6844 36.7583 34.7397V38.7373C36.7573 38.7927 36.7348 38.8456 36.6954 38.8846C36.656 38.9237 36.6029 38.9458 36.5475 38.9463V38.9482ZM41.7555 38.9482H39.569C39.5415 38.9482 39.5143 38.9428 39.489 38.9323C39.4636 38.9218 39.4406 38.9064 39.4212 38.887C39.4018 38.8676 39.3864 38.8446 39.3759 38.8192C39.3654 38.7938 39.36 38.7667 39.36 38.7392V34.7397C39.3604 34.6844 39.3826 34.6315 39.4217 34.5924C39.4608 34.5533 39.5137 34.5312 39.569 34.5307H41.7559C41.8112 34.5312 41.8641 34.5533 41.9032 34.5924C41.9423 34.6315 41.9645 34.6844 41.9649 34.7397V38.7373C41.9649 38.7927 41.9429 38.8459 41.9037 38.8851C41.8645 38.9243 41.8113 38.9463 41.7559 38.9463L41.7555 38.9482ZM46.9844 38.9482H44.7973C44.7418 38.9482 44.6887 38.9262 44.6495 38.887C44.6103 38.8478 44.5883 38.7947 44.5883 38.7392V34.7397C44.5887 34.6844 44.6109 34.6315 44.65 34.5924C44.6891 34.5533 44.742 34.5312 44.7973 34.5307H46.986C47.0413 34.5312 47.0942 34.5533 47.1333 34.5924C47.1724 34.6315 47.1946 34.6844 47.1951 34.7397L47.1913 38.7373C47.1913 38.7924 47.1695 38.8452 47.1307 38.8844C47.092 38.9235 47.0393 38.9458 46.9842 38.9463L46.9844 38.9482Z" fill="url(#paint41_radial_165_32315)"/>
</g>
</g>
</g>
<defs>
<filter id="filter0_i_165_32315" x="19.6098" y="15.9355" width="39.8511" height="45.8307" 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 dx="-2.89757" dy="2.89757"/>
<feGaussianBlur stdDeviation="0.724393"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.4 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_165_32315"/>
</filter>
<pattern id="pattern0_165_32315" patternContentUnits="objectBoundingBox" width="0.103555" height="0.121033">
<use xlink:href="#image0_165_32315" transform="scale(0.00103555 0.00137538)"/>
</pattern>
<filter id="filter1_f_165_32315" x="45.5781" y="57.3358" width="9.14648" height="8.32117" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="1" result="effect1_foregroundBlur_165_32315"/>
</filter>
<filter id="filter2_f_165_32315" x="41.5684" y="57.3358" width="9.14648" height="8.32117" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="1" result="effect1_foregroundBlur_165_32315"/>
</filter>
<filter id="filter3_f_165_32315" x="17.502" y="37.443" width="9.14648" height="8.32117" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="1" result="effect1_foregroundBlur_165_32315"/>
</filter>
<filter id="filter4_f_165_32315" x="34.5488" y="55.3466" width="9.14648" height="8.32117" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="1" result="effect1_foregroundBlur_165_32315"/>
</filter>
<filter id="filter5_f_165_32315" x="14.4941" y="24.5127" width="9.14648" height="8.32117" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="1" result="effect1_foregroundBlur_165_32315"/>
</filter>
<filter id="filter6_f_165_32315" x="13.4902" y="19.5396" width="9.14648" height="8.32117" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="1" result="effect1_foregroundBlur_165_32315"/>
</filter>
<linearGradient id="paint0_linear_165_32315" x1="91.9733" y1="8.42385" x2="127.159" y2="28.2918" gradientUnits="userSpaceOnUse">
<stop stop-color="#20D6EF"/>
<stop offset="0.5" stop-color="#1F67BB"/>
<stop offset="1" stop-color="#003C7B" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint1_linear_165_32315" x1="62" y1="24.1497" x2="120.718" y2="28.5368" gradientUnits="userSpaceOnUse">
<stop stop-color="#49F3FD"/>
<stop offset="0.5" stop-color="#2285ED"/>
<stop offset="1" stop-color="#2285ED" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint2_linear_165_32315" x1="42.9824" y1="36.562" x2="51.6714" y2="18.9418" gradientUnits="userSpaceOnUse">
<stop offset="0.539047" stop-color="#27DDF1"/>
<stop offset="1" stop-color="#22A4ED"/>
</linearGradient>
<linearGradient id="paint3_linear_165_32315" x1="47.7044" y1="40.3997" x2="62.9195" y2="29.5059" gradientUnits="userSpaceOnUse">
<stop offset="0.659247" stop-color="#49F3FD"/>
<stop offset="1" stop-color="#2285ED"/>
</linearGradient>
<linearGradient id="paint4_linear_165_32315" x1="58.9211" y1="24.1505" x2="58.9213" y2="37.7788" gradientUnits="userSpaceOnUse">
<stop stop-color="white"/>
<stop offset="1" stop-color="white" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint5_linear_165_32315" x1="64.0024" y1="36.0875" x2="112" y2="36.079" gradientUnits="userSpaceOnUse">
<stop stop-color="white" stop-opacity="0"/>
<stop offset="0.305088" stop-color="white"/>
<stop offset="1" stop-color="white" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint6_linear_165_32315" x1="-0.411877" y1="24.5531" x2="23.5044" y2="72.3806" gradientUnits="userSpaceOnUse">
<stop stop-color="#0FB7D8"/>
<stop offset="0.5" stop-color="#86EBFF"/>
<stop offset="1" stop-color="#0FB7D8" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint7_linear_165_32315" x1="24.9762" y1="27.8808" x2="45.5254" y2="55.7916" gradientUnits="userSpaceOnUse">
<stop stop-color="#48DEFC"/>
<stop offset="1" stop-color="#21CAEC"/>
</linearGradient>
<linearGradient id="paint8_linear_165_32315" x1="26.2514" y1="21.7301" x2="50.5648" y2="59.142" gradientUnits="userSpaceOnUse">
<stop stop-color="#25AAC5"/>
<stop offset="0.333333" stop-color="#1089A1"/>
<stop offset="0.666667" stop-color="#1089A1"/>
<stop offset="1" stop-color="#25AAC5"/>
</linearGradient>
<radialGradient id="paint9_radial_165_32315" cx="0" cy="0" r="1" gradientTransform="matrix(-29.9847 16.0881 -22.1812 -29.6707 36.1183 41.7747)" gradientUnits="userSpaceOnUse">
<stop stop-color="#25AAC5"/>
<stop offset="1" stop-color="#13A8C6" stop-opacity="0"/>
</radialGradient>
<linearGradient id="paint10_linear_165_32315" x1="22.163" y1="33.0566" x2="50.6476" y2="18.6155" gradientUnits="userSpaceOnUse">
<stop offset="0.140394" stop-color="#48DEFC"/>
<stop offset="1" stop-color="#21CAEC" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint11_linear_165_32315" x1="9.69817" y1="33.9198" x2="51.9582" y2="11.332" gradientUnits="userSpaceOnUse">
<stop offset="0.140394" stop-color="#48DEFC"/>
<stop offset="1" stop-color="#21CAEC" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint12_linear_165_32315" x1="3.58531" y1="10.1169" x2="37.976" y2="32.7475" gradientUnits="userSpaceOnUse">
<stop stop-color="#48DEFC"/>
<stop offset="0.479167" stop-color="#009AB9"/>
</linearGradient>
<linearGradient id="paint13_linear_165_32315" x1="24.8962" y1="35.1911" x2="56.0039" y2="45.4751" gradientUnits="userSpaceOnUse">
<stop stop-color="white"/>
<stop offset="0.5" stop-color="white" stop-opacity="0"/>
<stop offset="1" stop-color="white" stop-opacity="0.820896"/>
</linearGradient>
<linearGradient id="paint14_linear_165_32315" x1="39.204" y1="20.859" x2="62.1109" y2="39.4726" gradientUnits="userSpaceOnUse">
<stop stop-color="#58E3FF" stop-opacity="0.35"/>
<stop offset="1" stop-color="#58E3FF" stop-opacity="0"/>
</linearGradient>
<radialGradient id="paint15_radial_165_32315" cx="0" cy="0" r="1" gradientTransform="matrix(-13.2897 -21.2021 18.902 -11.1782 47.6611 34.4156)" gradientUnits="userSpaceOnUse">
<stop offset="0.33244" stop-color="white"/>
<stop offset="1" stop-color="white" stop-opacity="0"/>
</radialGradient>
<radialGradient id="paint16_radial_165_32315" cx="0" cy="0" r="1" gradientTransform="matrix(-12.4179 -44.6664 -8.72552 1.71839 25.8943 34.2944)" gradientUnits="userSpaceOnUse">
<stop stop-color="#B7EEFF"/>
<stop offset="0.302515" stop-color="#9BE2FF" stop-opacity="0.76"/>
<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
</radialGradient>
<radialGradient id="paint17_radial_165_32315" cx="0" cy="0" r="1" gradientTransform="matrix(-2.86566 -10.3076 -14.2761 2.8107 23.1122 34.8422)" gradientUnits="userSpaceOnUse">
<stop stop-color="#B7EEFF"/>
<stop offset="0.302515" stop-color="#9BE2FF" stop-opacity="0.76"/>
<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
</radialGradient>
<radialGradient id="paint18_radial_165_32315" cx="0" cy="0" r="1" gradientTransform="matrix(0 21.3971 -3.9201 -1.71974e-05 3.9201 21.3971)" gradientUnits="userSpaceOnUse">
<stop stop-color="#B7EEFF"/>
<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
</radialGradient>
<radialGradient id="paint19_radial_165_32315" cx="0" cy="0" r="1" gradientTransform="matrix(-3.67903e-08 10.6986 -1.09249 -1.40744e-05 1.09249 10.6986)" gradientUnits="userSpaceOnUse">
<stop stop-color="#B7EEFF"/>
<stop offset="0.302515" stop-color="#9BE2FF" stop-opacity="0.76"/>
<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
</radialGradient>
<radialGradient id="paint20_radial_165_32315" cx="0" cy="0" r="1" gradientTransform="matrix(-1.5149e-08 7.13238 -0.449847 -9.38295e-06 0.449847 7.13238)" gradientUnits="userSpaceOnUse">
<stop stop-color="#B7EEFF"/>
<stop offset="0.302515" stop-color="#9BE2FF" stop-opacity="0.76"/>
<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
</radialGradient>
<radialGradient id="paint21_radial_165_32315" cx="0" cy="0" r="1" gradientTransform="matrix(-35.7856 31.7136 -11.1557 -8.9171 36.8742 19.0952)" gradientUnits="userSpaceOnUse">
<stop stop-color="#B7EEFF"/>
<stop offset="0.302515" stop-color="#9BE2FF" stop-opacity="0.76"/>
<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
</radialGradient>
<radialGradient id="paint22_radial_165_32315" cx="0" cy="0" r="1" gradientTransform="matrix(-8.25822 7.31852 -18.2525 -14.5888 33.3173 16.2521)" gradientUnits="userSpaceOnUse">
<stop stop-color="#B7EEFF"/>
<stop offset="0.302515" stop-color="#9BE2FF" stop-opacity="0.76"/>
<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
</radialGradient>
<radialGradient id="paint23_radial_165_32315" cx="0" cy="0" r="1" gradientTransform="matrix(0 22.0689 -6.29536 -1.77373e-05 6.29536 22.0689)" gradientUnits="userSpaceOnUse">
<stop stop-color="#B7EEFF"/>
<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
</radialGradient>
<radialGradient id="paint24_radial_165_32315" cx="0" cy="0" r="1" gradientTransform="matrix(-5.90823e-08 11.0344 -1.75444 -1.45163e-05 1.75444 11.0344)" gradientUnits="userSpaceOnUse">
<stop stop-color="#B7EEFF"/>
<stop offset="0.302515" stop-color="#9BE2FF" stop-opacity="0.76"/>
<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
</radialGradient>
<radialGradient id="paint25_radial_165_32315" cx="0" cy="0" r="1" gradientTransform="matrix(-2.4328e-08 7.3563 -0.722418 -9.67753e-06 0.722418 7.3563)" gradientUnits="userSpaceOnUse">
<stop stop-color="#B7EEFF"/>
<stop offset="0.302515" stop-color="#9BE2FF" stop-opacity="0.76"/>
<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
</radialGradient>
<linearGradient id="paint26_linear_165_32315" x1="5.99596" y1="-0.000470895" x2="-4.4646e-09" y2="-0.000404758" gradientUnits="userSpaceOnUse">
<stop stop-color="white"/>
<stop offset="1" stop-color="white" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint27_linear_165_32315" x1="5.99596" y1="-0.000470895" x2="-4.4646e-09" y2="-0.000404758" gradientUnits="userSpaceOnUse">
<stop stop-color="white"/>
<stop offset="1" stop-color="white" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint28_linear_165_32315" x1="5.99596" y1="-0.000470895" x2="-4.4646e-09" y2="-0.000404758" gradientUnits="userSpaceOnUse">
<stop stop-color="white"/>
<stop offset="1" stop-color="white" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint29_linear_165_32315" x1="5.99596" y1="-0.000470895" x2="-4.4646e-09" y2="-0.000404758" gradientUnits="userSpaceOnUse">
<stop stop-color="white"/>
<stop offset="1" stop-color="white" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint30_linear_165_32315" x1="5.99596" y1="-0.000470895" x2="-4.4646e-09" y2="-0.000404758" gradientUnits="userSpaceOnUse">
<stop stop-color="white"/>
<stop offset="1" stop-color="white" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint31_linear_165_32315" x1="5.99596" y1="-0.000470895" x2="-4.4646e-09" y2="-0.000404758" gradientUnits="userSpaceOnUse">
<stop stop-color="white"/>
<stop offset="1" stop-color="white" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint32_linear_165_32315" x1="34.2909" y1="18.5515" x2="58.1489" y2="39.4679" gradientUnits="userSpaceOnUse">
<stop stop-color="#21CAEC"/>
<stop offset="0.666667" stop-color="#0B8FAA"/>
<stop offset="1" stop-color="#48DEFC"/>
</linearGradient>
<radialGradient id="paint33_radial_165_32315" cx="0" cy="0" r="1" gradientTransform="matrix(-1.00027e-07 2.5 -2.9703 -3.28886e-06 2.9703 2.5)" gradientUnits="userSpaceOnUse">
<stop stop-color="#B7EEFF"/>
<stop offset="0.302515" stop-color="#9BE2FF" stop-opacity="0.76"/>
<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
</radialGradient>
<radialGradient id="paint34_radial_165_32315" cx="0" cy="0" r="1" gradientTransform="matrix(0 5 -1.30351 -4.01862e-06 1.30351 5)" gradientUnits="userSpaceOnUse">
<stop stop-color="#B7EEFF"/>
<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
</radialGradient>
<radialGradient id="paint35_radial_165_32315" cx="0" cy="0" r="1" gradientTransform="matrix(-1.22335e-08 2.5 -0.363274 -3.28886e-06 0.363274 2.5)" gradientUnits="userSpaceOnUse">
<stop stop-color="#B7EEFF"/>
<stop offset="0.302515" stop-color="#9BE2FF" stop-opacity="0.76"/>
<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
</radialGradient>
<radialGradient id="paint36_radial_165_32315" cx="0" cy="0" r="1" gradientTransform="matrix(-5.03734e-09 1.66667 -0.149583 -2.19257e-06 0.149583 1.66667)" gradientUnits="userSpaceOnUse">
<stop stop-color="#B7EEFF"/>
<stop offset="0.302515" stop-color="#9BE2FF" stop-opacity="0.76"/>
<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
</radialGradient>
<radialGradient id="paint37_radial_165_32315" cx="0" cy="0" r="1" gradientTransform="matrix(-1.66712e-07 4.75 -4.9505 -6.24883e-06 4.95049 4.75)" gradientUnits="userSpaceOnUse">
<stop stop-color="#B7EEFF"/>
<stop offset="0.302515" stop-color="#9BE2FF" stop-opacity="0.76"/>
<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
</radialGradient>
<radialGradient id="paint38_radial_165_32315" cx="0" cy="0" r="1" gradientTransform="matrix(0 9.5 -2.17252 -7.63538e-06 2.17252 9.5)" gradientUnits="userSpaceOnUse">
<stop stop-color="#B7EEFF"/>
<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
</radialGradient>
<radialGradient id="paint39_radial_165_32315" cx="0" cy="0" r="1" gradientTransform="matrix(-2.03892e-08 4.75 -0.605456 -6.24883e-06 0.605456 4.75)" gradientUnits="userSpaceOnUse">
<stop stop-color="#B7EEFF"/>
<stop offset="0.302515" stop-color="#9BE2FF" stop-opacity="0.76"/>
<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
</radialGradient>
<radialGradient id="paint40_radial_165_32315" cx="0" cy="0" r="1" gradientTransform="matrix(-8.39557e-09 3.16667 -0.249306 -4.16589e-06 0.249306 3.16667)" gradientUnits="userSpaceOnUse">
<stop stop-color="#B7EEFF"/>
<stop offset="0.302515" stop-color="#9BE2FF" stop-opacity="0.76"/>
<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
</radialGradient>
<radialGradient id="paint41_radial_165_32315" cx="0" cy="0" r="1" gradientTransform="matrix(15.8663 18.7308 -18.1611 10.4812 37.1766 20.8852)" gradientUnits="userSpaceOnUse">
<stop stop-color="#A4EFFE"/>
<stop offset="1" stop-color="white"/>
</radialGradient>
<clipPath id="clip0_165_32315">
<rect width="78" height="78" fill="white"/>
</clipPath>
<clipPath id="clip1_165_32315">
<rect width="18.044" height="42.7943" fill="white" transform="matrix(0.981154 -0.193226 0.267855 0.963459 11.0293 13.9249)"/>
</clipPath>
<clipPath id="clip2_165_32315">
<rect width="28.9772" height="44.1378" fill="white" transform="matrix(0.781124 0.624376 0.748404 -0.663243 8.02148 25.8607)"/>
</clipPath>
<clipPath id="clip3_165_32315">
<rect width="6" height="10" fill="white" transform="matrix(0.258819 -0.965926 0.998831 0.0440056 45 45.7955)"/>
</clipPath>
<clipPath id="clip4_165_32315">
<rect width="10" height="19" fill="white" transform="matrix(0.965926 0.258819 -0.0368689 1.00072 26.6992 23)"/>
</clipPath>
<image id="image0_165_32315" data-name="image.png" width="100" height="88" preserveAspectRatio="none" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABYCAYAAAADWlKCAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAVGSURBVHgB7ZzNedtGEIZnlj9STnEJSgdOBWFulE9KBZEqkFSBqApkVmCnAusU8xamArkDswPbJ9skgfUuaFuESAC7s7vgkM+8F+sxKIqDb3ZmAGI/HM6XGuIyVZBf/9vvv9t2cPhZn4BajADV38CbKfQ6FxPE2baDNg7s5G806OcQEYwniPngmF9Mer2py6sLYTr5fwDmX1Z4xjFfnpvfuYkVh4JAEOAjaH173FO/uwZhmfyCs0m/85v58aI4CTvGxoF5fm0/k1cc/e5rG7s9BxCBoBWCoMdHve7oHvEjBHCm9bMv8+UVoM209okVR4xyTBVkCqhvfTLJhR30l9o+QeV0uTzTOd5RypinIH71lUpIQG60EwelvzgJYuur1np83O++DF3WPpzO51caOpexhCn6XZ7fvj3uv4SW8F31jYKE1NeiNywyk+k4QK2v3x5178GTWGUsJI7hYjEAXfS3mSlxt5QSt5oqs1fmx0Hd6+oEIfeJQohlfmlEMBkOz9YOvQ4JiDj3k/vEY0LBeekA4ui4q8YkcRvK2BZBcIbKZHPXP5uLP1hkk3pVW2ZMQBMjDFDe37ku0/tETUKV3x9MwpqxFwgMv9pVvzlV/hQktE+sLeuB228kCuh7HJOj3ggIOCVU+S+aMqb+JJexJ+X4hyDm4qZzTe0TX5f5jTkJV0AAAd/pnvorRkCR+sQAaJDL8Yv5/HkOnTc2CdB+kHTL2gtyQHZMNlfZs6r7Z3WEJlQZU+7zbEyd4oo4gID/snYlLCAfEiTUGvRy7CVIhGXtiBGGOCa7kC6hNvBe9U6CxF3WXpDL2DbaS6gnmKkSuuoflzgaBRkusps0y9qDgLnfssOEWsOtjFUK0uKydoRWl1kkVIn6MXlDkNUIpuzV6QBY4jb380uoDbaW49IXVHbsMmI8AFsxLOYEL7L3xYVhBcUxjQy/jSxxjovsYXXn4ZGSIDrnsqwdQPyj+iBrIX5iy6i5fiqd8+CvcIUwtFKlQWV/Bcn1JzhA9lcQhR/gAJGSxQwRhBkiCDNEEGaIIMwQQZghgjDjIAVBpX6FPeUgBdF6j+7JPaEsiN6Pm3KHjPQQZoggzBBBmCGCMEMEYYYIwgwRhBkiCDNEEGaIIMwoC5LbxzR376rQRLGbFuD/yuMKxvsQx+opzM609D/bXhbbvyMmrrukdu0OUUfd9uzqh62L7WJGGD4B1boMVcHNfagpoZq3I+w8oDiuC+ndIRpxSijnHVRtl7HQ3bRVtF+O/RLKe49hbLuLbcRy56mijVVPTSjaps90AZH6BJVkrnABCYWn8+zBmm9RfUjiBBTDdQHOELILipgRyxg5oX54oaxba9B9SIgBhfaJF/Ps0iTDKJqfSoU7RDPxbDw2vU6IGyx95/7krgtEPxWfcpwioSrcgOgb3x0CmlJdhlwtjh4JiKNhj2KqhKr1ywrxIdmc+1O789RCtmjaUo6TJpSrxV9Yf9H6hOoyVNEnqJDiWA0vyyuNcJ86oTw8F9vzIbGkc10Is4XyxTehCK6kaQMqslFldyYbzyApbfip+CdUiG9vVB+StO48tcT1UwlMqHCrcQ9jlSpsnzEj5J3ecz+VGAkVyfud6kOyI3eeSohxREyoiGb8xdu5+ZC01idouI77KRIq8nfqDj4kJgjsZA9cxbAU9+ac/VTiru40DznU+ZBoPNFsrJIa2IGfijx1wgwRhBkiCDNEEGaIIMwQQZghgjBDBGGGCMIMEYQZIggzRBBmiCDMEEGYIYIwQwRhhgjCDBGEGSJIPTNoGRGEGSIIM0QQZoggzPgGPIIQju6qevkAAAAASUVORK5CYII="/>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 34 KiB

406
src/assets/recruitment/third.svg Normal file
View File

@ -0,0 +1,406 @@
<svg width="130" height="78" viewBox="0 0 130 78" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="Group 427322431">
<g id="Group 2137112">
<g id="Group 2137109">
<path id="Rectangle 19302" d="M58.0625 24.1497L130.001 24.1497V34.6335H63.3816L58.0625 24.1497Z" fill="url(#paint0_linear_165_32317)"/>
<path id="Rectangle 19303" opacity="0.5" d="M63.3828 34.6335H130.002V37.7787L64.9365 37.7787L63.3828 34.6335Z" fill="url(#paint1_linear_165_32317)"/>
</g>
<g id="Group 2137110">
<g id="Rectangle 19302_2">
<path d="M39.1562 33.8276L58.2186 24.1394L63.5 34.5001L43.3383 44.3115L39.1562 33.8276Z" fill="url(#paint2_linear_165_32317)"/>
<path d="M39.1562 33.8276L58.2186 24.1394L63.5 34.5001L43.3383 44.3115L39.1562 33.8276Z" fill="black" fill-opacity="0.2"/>
</g>
<path id="Rectangle 19303_2" opacity="0.5" d="M43.9531 43.3125L63.5014 34.5L64.9365 37.7979L44.9986 46.4576L43.9531 43.3125Z" fill="url(#paint3_linear_165_32317)"/>
</g>
<g id="Line 5" style="mix-blend-mode:overlay">
<path d="M64.9375 37.7788L58.0625 24.1498" stroke="url(#paint4_linear_165_32317)" stroke-width="0.75"/>
</g>
<g id="Line 6" style="mix-blend-mode:overlay">
<path d="M112 34.3373L64 34.3373" stroke="url(#paint5_linear_165_32317)" stroke-width="0.5"/>
</g>
</g>
<g id="Frame 427318960" clip-path="url(#clip0_165_32317)">
<g id="Group 427318959">
<g id="Ellipse 1976" opacity="0.5">
<path d="M27.4279 26.3255C38.4419 32.6251 47.1391 46.5392 47.0498 57.3061C46.9603 68.0732 38.1152 71.9546 27.101 65.6552C16.0866 59.3556 7.38953 45.4408 7.47903 34.6736C7.5688 23.9069 16.4137 20.026 27.4279 26.3255Z" stroke="url(#paint6_linear_165_32317)" stroke-width="1.44879" style="mix-blend-mode:plus-lighter"/>
</g>
<path id="Ellipse 1971" opacity="0.5" d="M52.0261 54.5899C52.0261 58.8232 50.6865 61.9883 48.4126 63.9026C44.9281 66.8361 39.2496 66.8323 32.8363 63.2338C22.2381 57.2871 13.6465 43.7756 13.6465 33.055C13.6465 28.8217 14.9861 25.6566 17.26 23.7424C20.7446 20.8088 26.423 20.8127 32.8363 24.4112C43.4345 30.3579 52.0261 43.8694 52.0261 54.5899Z" fill="url(#paint7_linear_165_32317)"/>
<g id="Union">
<path fill-rule="evenodd" clip-rule="evenodd" d="M24.3505 17.6425C22.0767 19.5567 20.737 22.7218 20.737 26.9551C20.737 37.6756 29.3286 51.1871 39.9268 57.1338L39.9267 57.134C46.3388 60.7317 52.0164 60.7361 55.5011 57.804L48.4122 63.7704C44.9276 66.7039 39.2491 66.7001 32.8359 63.1016L32.836 63.1014C22.2379 57.1547 13.6465 43.6433 13.6465 32.9228C13.6465 28.6896 14.9861 25.5245 17.26 23.6102L24.3505 17.6425Z" fill="url(#paint8_linear_165_32317)"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M24.3505 17.6425C22.0767 19.5567 20.737 22.7218 20.737 26.9551C20.737 37.6756 29.3286 51.1871 39.9268 57.1338L39.9267 57.134C46.3388 60.7317 52.0164 60.7361 55.5011 57.804L48.4122 63.7704C44.9276 66.7039 39.2491 66.7001 32.8359 63.1016L32.836 63.1014C22.2379 57.1547 13.6465 43.6433 13.6465 32.9228C13.6465 28.6896 14.9861 25.5245 17.26 23.6102L24.3505 17.6425Z" fill="black" fill-opacity="0.2"/>
</g>
<path id="Union_2" fill-rule="evenodd" clip-rule="evenodd" d="M24.453 17.6425C22.1865 19.563 20.8512 22.7385 20.8512 26.9857C20.8512 37.7415 29.4149 51.2974 39.9786 57.2637C46.3699 60.8733 52.0289 60.8778 55.5022 57.936L35.6185 73.1042C32.1453 76.0474 26.4853 76.0435 20.0929 72.4332C9.52925 66.4669 0 54.0054 0 43.2496C0 39.0025 1.33529 35.827 3.60174 33.9064L24.453 17.6425Z" fill="url(#paint9_radial_165_32317)"/>
<g id="Group 427318958">
<path id="Union_3" d="M41.6035 0.326055L25.5089 16.9151C22.538 18.6664 20.7363 22.1391 20.7363 27.0484C20.7363 37.7689 29.3279 51.2804 39.9261 57.2271C43.7525 59.3741 47.3173 60.2415 50.3106 59.9689L70.4087 56.3157L41.6035 0.326055Z" fill="url(#paint10_linear_165_32317)"/>
<path id="Union_4" d="M49.6359 3.4812L27.074 17.9035C24.1031 19.6548 20.7363 22.1395 20.7363 27.0488C20.7363 37.7694 29.3279 51.2809 39.9261 57.2276C43.7525 59.3745 46.6426 58.459 49.6359 58.1864L71.6965 48.7373L49.6359 3.4812Z" fill="url(#paint11_linear_165_32317)"/>
</g>
<g id="Ellipse 1971_2">
<g filter="url(#filter0_i_165_32317)">
<ellipse cx="22.0174" cy="19.3955" rx="22.0174" ry="19.3955" transform="matrix(0.872096 0.489335 0 1 21.0586 7.95715)" fill="url(#paint12_linear_165_32317)"/>
</g>
<path d="M40.26 19.4557C50.5933 25.2538 58.8295 38.3179 58.8295 48.546C58.8295 58.7741 50.5933 62.5955 40.26 56.7975C29.9267 50.9995 21.6905 37.9354 21.6905 27.7072C21.6905 17.4791 29.9267 13.6577 40.26 19.4557Z" stroke="url(#paint13_linear_165_32317)" stroke-width="1.44879" style="mix-blend-mode:plus-lighter"/>
</g>
<g id="Ellipse 1975">
<path d="M45.2737 16.9224C55.8104 22.8347 64.3167 36.2315 64.3167 46.8224C64.3167 57.4132 55.8104 61.2632 45.2737 55.3511C34.7369 49.4389 26.2298 36.0426 26.2298 25.4517C26.2298 14.8608 34.7369 11.0102 45.2737 16.9224Z" stroke="url(#paint14_linear_165_32317)" stroke-width="0.362196" style="mix-blend-mode:plus-lighter"/>
</g>
</g>
<g id="Mask group">
<mask id="mask0_165_32317" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="23" y="10" width="50" height="49">
<path id="Ellipse 1975_2" opacity="0.5" d="M58.5317 15.0531C70.6111 23.1925 75.5365 38.4598 69.5329 49.1535C63.5294 59.8472 48.8703 61.9178 36.791 53.7783C24.7117 45.6388 19.7862 30.3715 25.7898 19.6778C31.7933 8.98414 46.4524 6.91356 58.5317 15.0531Z" fill="url(#paint15_radial_165_32317)"/>
</mask>
<g mask="url(#mask0_165_32317)">
<rect id="image 100" width="78.2065" height="58.8836" transform="matrix(0.993664 -0.11239 0.648451 0.761256 -4.01172 17.9036)" fill="url(#pattern0_165_32317)" fill-opacity="0.64"/>
</g>
</g>
<g id="light">
<g id="&#229;&#142;&#159;&#229;&#173;&#144;-&#229;&#133;&#137;&#230;&#149;&#136;" style="mix-blend-mode:overlay" clip-path="url(#clip1_165_32317)">
<g id="Mask group_2">
<mask id="mask1_165_32317" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="15" y="23" width="20" height="21">
<g id="Ellipse 6" style="mix-blend-mode:plus-lighter" opacity="0.8">
<path d="M34.4633 31.0536C34.4633 31.0536 24.2834 22.1864 19.3945 23.1492C14.5057 24.112 15.1767 28.8474 16.7593 34.5401C18.342 40.2329 20.2371 44.7272 25.1259 43.7644C30.0147 42.8017 34.4633 31.0536 34.4633 31.0536Z" fill="url(#paint16_radial_165_32317)"/>
</g>
</mask>
<g mask="url(#mask1_165_32317)">
<g id="Ellipse 2" style="mix-blend-mode:plus-lighter" opacity="0.8">
<path d="M34.4633 31.0536C34.4633 31.0536 24.2834 22.1864 19.3945 23.1492C14.5057 24.112 15.1767 28.8474 16.7593 34.5401C18.342 40.2329 20.2371 44.7272 25.1259 43.7644C30.0147 42.8017 34.4633 31.0536 34.4633 31.0536Z" fill="url(#paint17_radial_165_32317)"/>
</g>
</g>
</g>
<g id="Ellipse 4" style="mix-blend-mode:plus-lighter" opacity="0.5">
<ellipse cx="3.9593" cy="21.3971" rx="3.9593" ry="21.3971" transform="matrix(0.981154 -0.193226 -0.267855 -0.963459 24.0098 54.8566)" fill="url(#paint18_radial_165_32317)"/>
</g>
<g id="Ellipse 3" style="mix-blend-mode:plus-lighter" opacity="0.8">
<ellipse cx="1.10341" cy="10.6986" rx="1.10341" ry="10.6986" transform="matrix(0.981154 -0.193226 -0.267855 -0.963459 23.9453 43.9971)" fill="url(#paint19_radial_165_32317)"/>
</g>
<g id="Ellipse 5" style="mix-blend-mode:plus-lighter" opacity="0.8">
<ellipse cx="0.454346" cy="7.13238" rx="0.454346" ry="7.13238" transform="matrix(0.981154 -0.193226 -0.267855 -0.963459 23.627 40.4359)" fill="url(#paint20_radial_165_32317)"/>
</g>
</g>
<g id="&#229;&#142;&#159;&#229;&#173;&#144;-&#229;&#133;&#137;&#230;&#149;&#136;_2" style="mix-blend-mode:overlay" clip-path="url(#clip2_165_32317)">
<g id="Mask group_3">
<mask id="mask2_165_32317" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="19" y="6" width="29" height="24">
<g id="Ellipse 6_2" style="mix-blend-mode:plus-lighter" opacity="0.8">
<path d="M47.1735 29.3163C47.1735 29.3163 29.5638 29.16 23.3134 24.1638C17.063 19.1677 19.9778 15.2656 24.5387 11.2237C29.0995 7.18176 33.5794 4.53065 39.8298 9.5268C46.0803 14.523 47.1735 29.3163 47.1735 29.3163Z" fill="url(#paint21_radial_165_32317)"/>
</g>
</mask>
<g mask="url(#mask2_165_32317)">
<g id="Ellipse 2_2" style="mix-blend-mode:plus-lighter" opacity="0.8">
<path d="M47.1735 29.3163C47.1735 29.3163 29.5638 29.16 23.3134 24.1638C17.063 19.1677 19.9778 15.2656 24.5387 11.2237C29.0995 7.18176 33.5794 4.53065 39.8298 9.5268C46.0803 14.523 47.1735 29.3163 47.1735 29.3163Z" fill="url(#paint22_radial_165_32317)"/>
</g>
</g>
</g>
<g id="Ellipse 4_2" style="mix-blend-mode:plus-lighter" opacity="0.5">
<ellipse cx="6.35831" cy="22.0689" rx="6.35831" ry="22.0689" transform="matrix(0.781124 0.624376 -0.748404 0.663243 42.9941 -1.86255)" fill="url(#paint23_radial_165_32317)"/>
</g>
<g id="Ellipse 3_2" style="mix-blend-mode:plus-lighter" opacity="0.8">
<ellipse cx="1.77199" cy="11.0344" rx="1.77199" ry="11.0344" transform="matrix(0.781124 0.624376 -0.748404 0.663243 38.3184 8.31958)" fill="url(#paint24_radial_165_32317)"/>
</g>
<g id="Ellipse 5_2" style="mix-blend-mode:plus-lighter" opacity="0.8">
<ellipse cx="0.729642" cy="7.3563" rx="0.729642" ry="7.3563" transform="matrix(0.781124 0.624376 -0.748404 0.663243 36.3809 11.4098)" fill="url(#paint25_radial_165_32317)"/>
</g>
</g>
<g id="Line 5_2" style="mix-blend-mode:overlay" filter="url(#filter1_f_165_32317)">
<line y1="-0.362196" x2="5.99626" y2="-0.362196" transform="matrix(0.766106 -0.642714 0.764057 0.645149 48.1309 63.657)" stroke="url(#paint26_linear_165_32317)" stroke-width="0.724393"/>
</g>
<g id="Line 7" style="mix-blend-mode:overlay" filter="url(#filter2_f_165_32317)">
<line y1="-0.362196" x2="5.99626" y2="-0.362196" transform="matrix(0.766106 -0.642714 0.764057 0.645149 44.1211 63.657)" stroke="url(#paint27_linear_165_32317)" stroke-width="0.724393"/>
</g>
<g id="Line 9" style="mix-blend-mode:overlay" filter="url(#filter3_f_165_32317)">
<line y1="-0.362196" x2="5.99626" y2="-0.362196" transform="matrix(0.766106 -0.642714 0.764057 0.645149 20.0547 43.7642)" stroke="url(#paint28_linear_165_32317)" stroke-width="0.724393"/>
</g>
<g id="Line 10" style="mix-blend-mode:overlay" filter="url(#filter4_f_165_32317)">
<line y1="-0.362196" x2="5.99626" y2="-0.362196" transform="matrix(0.766106 -0.642714 0.764057 0.645149 37.1016 61.6677)" stroke="url(#paint29_linear_165_32317)" stroke-width="0.724393"/>
</g>
<g id="Line 8" style="mix-blend-mode:overlay" filter="url(#filter5_f_165_32317)">
<line y1="-0.362196" x2="5.99626" y2="-0.362196" transform="matrix(0.766106 -0.642714 0.764057 0.645149 17.0469 30.8339)" stroke="url(#paint30_linear_165_32317)" stroke-width="0.724393"/>
</g>
<g id="Line 6_2" style="mix-blend-mode:overlay" filter="url(#filter6_f_165_32317)">
<line y1="-0.362196" x2="5.99626" y2="-0.362196" transform="matrix(0.766106 -0.642714 0.764057 0.645149 16.043 25.8607)" stroke="url(#paint31_linear_165_32317)" stroke-width="0.724393"/>
</g>
</g>
</g>
<g id="Group 427322409">
<path id="Vector" d="M42.2632 40.3684C42.2632 44.031 39.2941 47 35.6316 47C31.9691 47 29 44.031 29 40.3684C29 36.7059 31.9691 33.7368 35.6316 33.7368H40.0526H42.2632V35.9474V40.3684ZM43.7369 40.3684C43.7369 44.031 46.7059 47 50.3684 47C54.031 47 57 44.031 57 40.3684C57 36.7059 54.031 33.7368 50.3684 33.7368H45.9474H43.7369V35.9474V40.3684ZM42.2632 25.6316C42.2632 21.969 39.2941 19 35.6316 19C31.9691 19 29 21.969 29 25.6316C29 29.2941 31.9691 32.2632 35.6316 32.2632H40.0526H42.2632V30.0526V25.6316ZM43.7369 25.6316C43.7369 21.969 46.7059 19 50.3684 19C54.031 19 57 21.969 57 25.6316C57 29.2941 54.031 32.2632 50.3684 32.2632H45.9474H43.7369V30.0526V25.6316Z" fill="url(#paint32_linear_165_32317)"/>
<g id="&#229;&#142;&#159;&#229;&#173;&#144;-&#229;&#133;&#137;&#230;&#149;&#136;_3" style="mix-blend-mode:overlay" clip-path="url(#clip3_165_32317)">
<g id="Ellipse 2_3" style="mix-blend-mode:plus-lighter" opacity="0.8">
<ellipse cx="3" cy="2.5" rx="3" ry="2.5" transform="matrix(0.985413 0.170178 -0.0467339 -0.998708 43.3496 43.4904)" fill="url(#paint33_radial_165_32317)"/>
</g>
<g id="Ellipse 4_3" style="mix-blend-mode:plus-lighter" opacity="0.5">
<ellipse cx="1.31655" cy="5" rx="1.31655" ry="5" transform="matrix(0.985413 0.170178 -0.0467339 -0.998708 45.125 46.2736)" fill="url(#paint34_radial_165_32317)"/>
</g>
<g id="Ellipse 3_3" style="mix-blend-mode:plus-lighter" opacity="0.8">
<ellipse cx="0.366907" cy="2.5" rx="0.366907" ry="2.5" transform="matrix(0.985413 0.170178 -0.0467339 -0.998708 45.9453 43.9385)" fill="url(#paint35_radial_165_32317)"/>
</g>
<g id="Ellipse 5_3" style="mix-blend-mode:plus-lighter" opacity="0.8">
<ellipse cx="0.151079" cy="1.66667" rx="0.151079" ry="1.66667" transform="matrix(0.985413 0.170178 -0.0467339 -0.998708 46.1191 43.1428)" fill="url(#paint36_radial_165_32317)"/>
</g>
</g>
<g id="&#229;&#142;&#159;&#229;&#173;&#144;-&#229;&#133;&#137;&#230;&#149;&#136;_4" style="mix-blend-mode:overlay" clip-path="url(#clip4_165_32317)">
<g id="Ellipse 2_4" style="mix-blend-mode:plus-lighter" opacity="0.8">
<ellipse cx="5" cy="4.75" rx="5" ry="4.75" transform="matrix(0.990268 -0.139173 -0.357076 -0.935576 29.0879 34.7236)" fill="url(#paint37_radial_165_32317)"/>
</g>
<g id="Ellipse 4_4" style="mix-blend-mode:plus-lighter" opacity="0.5">
<ellipse cx="2.19424" cy="9.5" rx="2.19424" ry="9.5" transform="matrix(0.990268 -0.139173 -0.357076 -0.935576 33.5625 38.7771)" fill="url(#paint38_radial_165_32317)"/>
</g>
<g id="Ellipse 3_4" style="mix-blend-mode:plus-lighter" opacity="0.8">
<ellipse cx="0.611511" cy="4.75" rx="0.611511" ry="4.75" transform="matrix(0.990268 -0.139173 -0.357076 -0.935576 33.4336 34.1129)" fill="url(#paint39_radial_165_32317)"/>
</g>
<g id="Ellipse 5_4" style="mix-blend-mode:plus-lighter" opacity="0.8">
<ellipse cx="0.251799" cy="3.16667" rx="0.251799" ry="3.16667" transform="matrix(0.990268 -0.139173 -0.357076 -0.935576 33.2246 32.5815)" fill="url(#paint40_radial_165_32317)"/>
</g>
</g>
<path id="Vector_2" d="M44.2632 38.3684C44.2632 42.031 41.2941 45 37.6316 45C33.9691 45 31 42.031 31 38.3684C31 34.7059 33.9691 31.7368 37.6316 31.7368H42.0526H44.2632V33.9474V38.3684ZM45.7369 38.3684C45.7369 42.031 48.7059 45 52.3684 45C56.031 45 59 42.031 59 38.3684C59 34.7059 56.031 31.7368 52.3684 31.7368H47.9474H45.7369V33.9474V38.3684ZM44.2632 23.6316C44.2632 19.969 41.2941 17 37.6316 17C33.9691 17 31 19.969 31 23.6316C31 27.2941 33.9691 30.2632 37.6316 30.2632H42.0526H44.2632V28.0526V23.6316ZM45.7369 23.6316C45.7369 19.969 48.7059 17 52.3684 17C56.031 17 59 19.969 59 23.6316C59 27.2941 56.031 30.2632 52.3684 30.2632H47.9474H45.7369V28.0526V23.6316Z" fill="url(#paint41_radial_165_32317)"/>
</g>
</g>
<defs>
<filter id="filter0_i_165_32317" x="19.6098" y="15.9355" width="39.8511" height="45.8307" 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 dx="-2.89757" dy="2.89757"/>
<feGaussianBlur stdDeviation="0.724393"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.4 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_165_32317"/>
</filter>
<pattern id="pattern0_165_32317" patternContentUnits="objectBoundingBox" width="0.103555" height="0.121033">
<use xlink:href="#image0_165_32317" transform="scale(0.00103555 0.00137538)"/>
</pattern>
<filter id="filter1_f_165_32317" x="45.5781" y="57.3358" width="9.14648" height="8.32117" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="1" result="effect1_foregroundBlur_165_32317"/>
</filter>
<filter id="filter2_f_165_32317" x="41.5684" y="57.3358" width="9.14648" height="8.32117" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="1" result="effect1_foregroundBlur_165_32317"/>
</filter>
<filter id="filter3_f_165_32317" x="17.502" y="37.443" width="9.14648" height="8.32117" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="1" result="effect1_foregroundBlur_165_32317"/>
</filter>
<filter id="filter4_f_165_32317" x="34.5488" y="55.3466" width="9.14648" height="8.32117" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="1" result="effect1_foregroundBlur_165_32317"/>
</filter>
<filter id="filter5_f_165_32317" x="14.4941" y="24.5127" width="9.14648" height="8.32117" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="1" result="effect1_foregroundBlur_165_32317"/>
</filter>
<filter id="filter6_f_165_32317" x="13.4902" y="19.5396" width="9.14648" height="8.32117" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="1" result="effect1_foregroundBlur_165_32317"/>
</filter>
<linearGradient id="paint0_linear_165_32317" x1="91.9733" y1="8.42385" x2="127.159" y2="28.2918" gradientUnits="userSpaceOnUse">
<stop stop-color="#20D6EF"/>
<stop offset="0.5" stop-color="#1F67BB"/>
<stop offset="1" stop-color="#003C7B" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint1_linear_165_32317" x1="62" y1="24.1497" x2="120.718" y2="28.5368" gradientUnits="userSpaceOnUse">
<stop stop-color="#49F3FD"/>
<stop offset="0.5" stop-color="#2285ED"/>
<stop offset="1" stop-color="#2285ED" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint2_linear_165_32317" x1="42.9824" y1="36.562" x2="51.6714" y2="18.9418" gradientUnits="userSpaceOnUse">
<stop offset="0.539047" stop-color="#27DDF1"/>
<stop offset="1" stop-color="#22A4ED"/>
</linearGradient>
<linearGradient id="paint3_linear_165_32317" x1="47.7044" y1="40.3997" x2="62.9195" y2="29.5059" gradientUnits="userSpaceOnUse">
<stop offset="0.659247" stop-color="#49F3FD"/>
<stop offset="1" stop-color="#2285ED"/>
</linearGradient>
<linearGradient id="paint4_linear_165_32317" x1="58.9211" y1="24.1505" x2="58.9213" y2="37.7788" gradientUnits="userSpaceOnUse">
<stop stop-color="white"/>
<stop offset="1" stop-color="white" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint5_linear_165_32317" x1="64.0024" y1="36.0875" x2="112" y2="36.079" gradientUnits="userSpaceOnUse">
<stop stop-color="white" stop-opacity="0"/>
<stop offset="0.305088" stop-color="white"/>
<stop offset="1" stop-color="white" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint6_linear_165_32317" x1="-0.411877" y1="24.5531" x2="23.5044" y2="72.3806" gradientUnits="userSpaceOnUse">
<stop stop-color="#0FB7D8"/>
<stop offset="0.5" stop-color="#86EBFF"/>
<stop offset="1" stop-color="#0FB7D8" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint7_linear_165_32317" x1="24.9762" y1="27.8808" x2="45.5254" y2="55.7916" gradientUnits="userSpaceOnUse">
<stop stop-color="#48DEFC"/>
<stop offset="1" stop-color="#21CAEC"/>
</linearGradient>
<linearGradient id="paint8_linear_165_32317" x1="26.2514" y1="21.7301" x2="50.5648" y2="59.142" gradientUnits="userSpaceOnUse">
<stop stop-color="#25AAC5"/>
<stop offset="0.333333" stop-color="#1089A1"/>
<stop offset="0.666667" stop-color="#1089A1"/>
<stop offset="1" stop-color="#25AAC5"/>
</linearGradient>
<radialGradient id="paint9_radial_165_32317" cx="0" cy="0" r="1" gradientTransform="matrix(-29.9847 16.0881 -22.1812 -29.6707 36.1183 41.7747)" gradientUnits="userSpaceOnUse">
<stop stop-color="#25AAC5"/>
<stop offset="1" stop-color="#13A8C6" stop-opacity="0"/>
</radialGradient>
<linearGradient id="paint10_linear_165_32317" x1="22.163" y1="33.0566" x2="50.6476" y2="18.6155" gradientUnits="userSpaceOnUse">
<stop offset="0.140394" stop-color="#48DEFC"/>
<stop offset="1" stop-color="#21CAEC" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint11_linear_165_32317" x1="9.69817" y1="33.9198" x2="51.9582" y2="11.332" gradientUnits="userSpaceOnUse">
<stop offset="0.140394" stop-color="#48DEFC"/>
<stop offset="1" stop-color="#21CAEC" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint12_linear_165_32317" x1="3.58531" y1="10.1169" x2="37.976" y2="32.7475" gradientUnits="userSpaceOnUse">
<stop stop-color="#48DEFC"/>
<stop offset="0.479167" stop-color="#009AB9"/>
</linearGradient>
<linearGradient id="paint13_linear_165_32317" x1="24.8962" y1="35.1911" x2="56.0039" y2="45.4751" gradientUnits="userSpaceOnUse">
<stop stop-color="white"/>
<stop offset="0.5" stop-color="white" stop-opacity="0"/>
<stop offset="1" stop-color="white" stop-opacity="0.820896"/>
</linearGradient>
<linearGradient id="paint14_linear_165_32317" x1="39.204" y1="20.859" x2="62.1109" y2="39.4726" gradientUnits="userSpaceOnUse">
<stop stop-color="#58E3FF" stop-opacity="0.35"/>
<stop offset="1" stop-color="#58E3FF" stop-opacity="0"/>
</linearGradient>
<radialGradient id="paint15_radial_165_32317" cx="0" cy="0" r="1" gradientTransform="matrix(-13.2897 -21.2021 18.902 -11.1782 47.6611 34.4156)" gradientUnits="userSpaceOnUse">
<stop offset="0.33244" stop-color="white"/>
<stop offset="1" stop-color="white" stop-opacity="0"/>
</radialGradient>
<radialGradient id="paint16_radial_165_32317" cx="0" cy="0" r="1" gradientTransform="matrix(-12.4179 -44.6664 -8.72552 1.71839 25.8943 34.2944)" gradientUnits="userSpaceOnUse">
<stop stop-color="#B7EEFF"/>
<stop offset="0.302515" stop-color="#9BE2FF" stop-opacity="0.76"/>
<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
</radialGradient>
<radialGradient id="paint17_radial_165_32317" cx="0" cy="0" r="1" gradientTransform="matrix(-2.86566 -10.3076 -14.2761 2.8107 23.1122 34.8422)" gradientUnits="userSpaceOnUse">
<stop stop-color="#B7EEFF"/>
<stop offset="0.302515" stop-color="#9BE2FF" stop-opacity="0.76"/>
<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
</radialGradient>
<radialGradient id="paint18_radial_165_32317" cx="0" cy="0" r="1" gradientTransform="matrix(0 21.3971 -3.9201 -1.71974e-05 3.9201 21.3971)" gradientUnits="userSpaceOnUse">
<stop stop-color="#B7EEFF"/>
<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
</radialGradient>
<radialGradient id="paint19_radial_165_32317" cx="0" cy="0" r="1" gradientTransform="matrix(-3.67903e-08 10.6986 -1.09249 -1.40744e-05 1.09249 10.6986)" gradientUnits="userSpaceOnUse">
<stop stop-color="#B7EEFF"/>
<stop offset="0.302515" stop-color="#9BE2FF" stop-opacity="0.76"/>
<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
</radialGradient>
<radialGradient id="paint20_radial_165_32317" cx="0" cy="0" r="1" gradientTransform="matrix(-1.5149e-08 7.13238 -0.449847 -9.38295e-06 0.449847 7.13238)" gradientUnits="userSpaceOnUse">
<stop stop-color="#B7EEFF"/>
<stop offset="0.302515" stop-color="#9BE2FF" stop-opacity="0.76"/>
<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
</radialGradient>
<radialGradient id="paint21_radial_165_32317" cx="0" cy="0" r="1" gradientTransform="matrix(-35.7856 31.7136 -11.1557 -8.9171 36.8742 19.0952)" gradientUnits="userSpaceOnUse">
<stop stop-color="#B7EEFF"/>
<stop offset="0.302515" stop-color="#9BE2FF" stop-opacity="0.76"/>
<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
</radialGradient>
<radialGradient id="paint22_radial_165_32317" cx="0" cy="0" r="1" gradientTransform="matrix(-8.25822 7.31852 -18.2525 -14.5888 33.3173 16.2521)" gradientUnits="userSpaceOnUse">
<stop stop-color="#B7EEFF"/>
<stop offset="0.302515" stop-color="#9BE2FF" stop-opacity="0.76"/>
<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
</radialGradient>
<radialGradient id="paint23_radial_165_32317" cx="0" cy="0" r="1" gradientTransform="matrix(0 22.0689 -6.29536 -1.77373e-05 6.29536 22.0689)" gradientUnits="userSpaceOnUse">
<stop stop-color="#B7EEFF"/>
<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
</radialGradient>
<radialGradient id="paint24_radial_165_32317" cx="0" cy="0" r="1" gradientTransform="matrix(-5.90823e-08 11.0344 -1.75444 -1.45163e-05 1.75444 11.0344)" gradientUnits="userSpaceOnUse">
<stop stop-color="#B7EEFF"/>
<stop offset="0.302515" stop-color="#9BE2FF" stop-opacity="0.76"/>
<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
</radialGradient>
<radialGradient id="paint25_radial_165_32317" cx="0" cy="0" r="1" gradientTransform="matrix(-2.4328e-08 7.3563 -0.722418 -9.67753e-06 0.722418 7.3563)" gradientUnits="userSpaceOnUse">
<stop stop-color="#B7EEFF"/>
<stop offset="0.302515" stop-color="#9BE2FF" stop-opacity="0.76"/>
<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
</radialGradient>
<linearGradient id="paint26_linear_165_32317" x1="5.99596" y1="-0.000470895" x2="-4.4646e-09" y2="-0.000404758" gradientUnits="userSpaceOnUse">
<stop stop-color="white"/>
<stop offset="1" stop-color="white" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint27_linear_165_32317" x1="5.99596" y1="-0.000470895" x2="-4.4646e-09" y2="-0.000404758" gradientUnits="userSpaceOnUse">
<stop stop-color="white"/>
<stop offset="1" stop-color="white" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint28_linear_165_32317" x1="5.99596" y1="-0.000470895" x2="-4.4646e-09" y2="-0.000404758" gradientUnits="userSpaceOnUse">
<stop stop-color="white"/>
<stop offset="1" stop-color="white" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint29_linear_165_32317" x1="5.99596" y1="-0.000470895" x2="-4.4646e-09" y2="-0.000404758" gradientUnits="userSpaceOnUse">
<stop stop-color="white"/>
<stop offset="1" stop-color="white" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint30_linear_165_32317" x1="5.99596" y1="-0.000470895" x2="-4.4646e-09" y2="-0.000404758" gradientUnits="userSpaceOnUse">
<stop stop-color="white"/>
<stop offset="1" stop-color="white" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint31_linear_165_32317" x1="5.99596" y1="-0.000470895" x2="-4.4646e-09" y2="-0.000404758" gradientUnits="userSpaceOnUse">
<stop stop-color="white"/>
<stop offset="1" stop-color="white" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint32_linear_165_32317" x1="33.5167" y1="20.2121" x2="58.6304" y2="42.2294" gradientUnits="userSpaceOnUse">
<stop stop-color="#21CAEC"/>
<stop offset="0.666667" stop-color="#0B8FAA"/>
<stop offset="1" stop-color="#48DEFC"/>
</linearGradient>
<radialGradient id="paint33_radial_165_32317" cx="0" cy="0" r="1" gradientTransform="matrix(-1.00027e-07 2.5 -2.9703 -3.28886e-06 2.9703 2.5)" gradientUnits="userSpaceOnUse">
<stop stop-color="#B7EEFF"/>
<stop offset="0.302515" stop-color="#9BE2FF" stop-opacity="0.76"/>
<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
</radialGradient>
<radialGradient id="paint34_radial_165_32317" cx="0" cy="0" r="1" gradientTransform="matrix(0 5 -1.30351 -4.01862e-06 1.30351 5)" gradientUnits="userSpaceOnUse">
<stop stop-color="#B7EEFF"/>
<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
</radialGradient>
<radialGradient id="paint35_radial_165_32317" cx="0" cy="0" r="1" gradientTransform="matrix(-1.22335e-08 2.5 -0.363274 -3.28886e-06 0.363274 2.5)" gradientUnits="userSpaceOnUse">
<stop stop-color="#B7EEFF"/>
<stop offset="0.302515" stop-color="#9BE2FF" stop-opacity="0.76"/>
<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
</radialGradient>
<radialGradient id="paint36_radial_165_32317" cx="0" cy="0" r="1" gradientTransform="matrix(-5.03734e-09 1.66667 -0.149583 -2.19257e-06 0.149583 1.66667)" gradientUnits="userSpaceOnUse">
<stop stop-color="#B7EEFF"/>
<stop offset="0.302515" stop-color="#9BE2FF" stop-opacity="0.76"/>
<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
</radialGradient>
<radialGradient id="paint37_radial_165_32317" cx="0" cy="0" r="1" gradientTransform="matrix(-1.66712e-07 4.75 -4.9505 -6.24883e-06 4.95049 4.75)" gradientUnits="userSpaceOnUse">
<stop stop-color="#B7EEFF"/>
<stop offset="0.302515" stop-color="#9BE2FF" stop-opacity="0.76"/>
<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
</radialGradient>
<radialGradient id="paint38_radial_165_32317" cx="0" cy="0" r="1" gradientTransform="matrix(0 9.5 -2.17252 -7.63538e-06 2.17252 9.5)" gradientUnits="userSpaceOnUse">
<stop stop-color="#B7EEFF"/>
<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
</radialGradient>
<radialGradient id="paint39_radial_165_32317" cx="0" cy="0" r="1" gradientTransform="matrix(-2.03892e-08 4.75 -0.605456 -6.24883e-06 0.605456 4.75)" gradientUnits="userSpaceOnUse">
<stop stop-color="#B7EEFF"/>
<stop offset="0.302515" stop-color="#9BE2FF" stop-opacity="0.76"/>
<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
</radialGradient>
<radialGradient id="paint40_radial_165_32317" cx="0" cy="0" r="1" gradientTransform="matrix(-8.39557e-09 3.16667 -0.249306 -4.16589e-06 0.249306 3.16667)" gradientUnits="userSpaceOnUse">
<stop stop-color="#B7EEFF"/>
<stop offset="0.302515" stop-color="#9BE2FF" stop-opacity="0.76"/>
<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
</radialGradient>
<radialGradient id="paint41_radial_165_32317" cx="0" cy="0" r="1" gradientTransform="matrix(16.7014 19.7166 -19.117 11.0328 37.0802 22.1423)" gradientUnits="userSpaceOnUse">
<stop stop-color="#A4EFFE"/>
<stop offset="1" stop-color="white"/>
</radialGradient>
<clipPath id="clip0_165_32317">
<rect width="78" height="78" fill="white"/>
</clipPath>
<clipPath id="clip1_165_32317">
<rect width="18.044" height="42.7943" fill="white" transform="matrix(0.981154 -0.193226 0.267855 0.963459 11.0293 13.9249)"/>
</clipPath>
<clipPath id="clip2_165_32317">
<rect width="28.9772" height="44.1378" fill="white" transform="matrix(0.781124 0.624376 0.748404 -0.663243 8.02148 25.8607)"/>
</clipPath>
<clipPath id="clip3_165_32317">
<rect width="6" height="10" fill="white" transform="matrix(0.985413 0.170178 0.0467339 0.998708 43 36)"/>
</clipPath>
<clipPath id="clip4_165_32317">
<rect width="10" height="19" fill="white" transform="matrix(0.990268 -0.139173 0.357076 0.935576 24 21.3917)"/>
</clipPath>
<image id="image0_165_32317" data-name="image.png" width="100" height="88" preserveAspectRatio="none" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABYCAYAAAADWlKCAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAVGSURBVHgB7ZzNedtGEIZnlj9STnEJSgdOBWFulE9KBZEqkFSBqApkVmCnAusU8xamArkDswPbJ9skgfUuaFuESAC7s7vgkM+8F+sxKIqDb3ZmAGI/HM6XGuIyVZBf/9vvv9t2cPhZn4BajADV38CbKfQ6FxPE2baDNg7s5G806OcQEYwniPngmF9Mer2py6sLYTr5fwDmX1Z4xjFfnpvfuYkVh4JAEOAjaH173FO/uwZhmfyCs0m/85v58aI4CTvGxoF5fm0/k1cc/e5rG7s9BxCBoBWCoMdHve7oHvEjBHCm9bMv8+UVoM209okVR4xyTBVkCqhvfTLJhR30l9o+QeV0uTzTOd5RypinIH71lUpIQG60EwelvzgJYuur1np83O++DF3WPpzO51caOpexhCn6XZ7fvj3uv4SW8F31jYKE1NeiNywyk+k4QK2v3x5178GTWGUsJI7hYjEAXfS3mSlxt5QSt5oqs1fmx0Hd6+oEIfeJQohlfmlEMBkOz9YOvQ4JiDj3k/vEY0LBeekA4ui4q8YkcRvK2BZBcIbKZHPXP5uLP1hkk3pVW2ZMQBMjDFDe37ku0/tETUKV3x9MwpqxFwgMv9pVvzlV/hQktE+sLeuB228kCuh7HJOj3ggIOCVU+S+aMqb+JJexJ+X4hyDm4qZzTe0TX5f5jTkJV0AAAd/pnvorRkCR+sQAaJDL8Yv5/HkOnTc2CdB+kHTL2gtyQHZMNlfZs6r7Z3WEJlQZU+7zbEyd4oo4gID/snYlLCAfEiTUGvRy7CVIhGXtiBGGOCa7kC6hNvBe9U6CxF3WXpDL2DbaS6gnmKkSuuoflzgaBRkusps0y9qDgLnfssOEWsOtjFUK0uKydoRWl1kkVIn6MXlDkNUIpuzV6QBY4jb380uoDbaW49IXVHbsMmI8AFsxLOYEL7L3xYVhBcUxjQy/jSxxjovsYXXn4ZGSIDrnsqwdQPyj+iBrIX5iy6i5fiqd8+CvcIUwtFKlQWV/Bcn1JzhA9lcQhR/gAJGSxQwRhBkiCDNEEGaIIMwQQZghgjDjIAVBpX6FPeUgBdF6j+7JPaEsiN6Pm3KHjPQQZoggzBBBmCGCMEMEYYYIwgwRhBkiCDNEEGaIIMwoC5LbxzR376rQRLGbFuD/yuMKxvsQx+opzM609D/bXhbbvyMmrrukdu0OUUfd9uzqh62L7WJGGD4B1boMVcHNfagpoZq3I+w8oDiuC+ndIRpxSijnHVRtl7HQ3bRVtF+O/RLKe49hbLuLbcRy56mijVVPTSjaps90AZH6BJVkrnABCYWn8+zBmm9RfUjiBBTDdQHOELILipgRyxg5oX54oaxba9B9SIgBhfaJF/Ps0iTDKJqfSoU7RDPxbDw2vU6IGyx95/7krgtEPxWfcpwioSrcgOgb3x0CmlJdhlwtjh4JiKNhj2KqhKr1ywrxIdmc+1O789RCtmjaUo6TJpSrxV9Yf9H6hOoyVNEnqJDiWA0vyyuNcJ86oTw8F9vzIbGkc10Is4XyxTehCK6kaQMqslFldyYbzyApbfip+CdUiG9vVB+StO48tcT1UwlMqHCrcQ9jlSpsnzEj5J3ecz+VGAkVyfud6kOyI3eeSohxREyoiGb8xdu5+ZC01idouI77KRIq8nfqDj4kJgjsZA9cxbAU9+ac/VTiru40DznU+ZBoPNFsrJIa2IGfijx1wgwRhBkiCDNEEGaIIMwQQZghgjBDBGGGCMIMEYQZIggzRBBmiCDMEEGYIYIwQwRhhgjCDBGEGSJIPTNoGRGEGSIIM0QQZoggzPgGPIIQju6qevkAAAAASUVORK5CYII="/>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 32 KiB

2
src/router/index.js
View File

@ -76,7 +76,7 @@ export const publicRoutes = [
name: "/platformBusinessData",
component: () => import("@/views/platformBusinessData/index"),
meta: {}
}
},
];
const router = createRouter({

2
src/styles/index.scss
View File

@ -8,6 +8,7 @@
html,
body {
height: 100%;
overflow: hidden;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
@ -17,6 +18,7 @@ body {
#app {
height: 100%;
overflow: hidden;
}
*,

26
src/views/cpp/components/czjjnrcdd.vue
View File

@ -12,7 +12,7 @@
</div>
<div class="top">
<div class="label">{{ it.label2 }}</div>
<div class="cz">需求岗位数：<span class="num mr10">{{ it.gws }}</span>个</div>
<div class="cz">需求岗位：<span class="num mr10">{{ it.gws }}</span>个</div>
<div class="cz">需求人数：<span class="num">{{ it.xqrs }}</span>人</div>
</div>
</div>
@ -24,34 +24,34 @@
import { reactive, ref } from "vue";
const list = reactive([
{
label: "第一产业产值及趋势",
label2: '第一产业技能人才需求',
label: "崇州一产产值及趋势",
label2: '服务企业技能人才需求',
cz: 36.75,
czdw: '亿',
hb: "-1.6%",
tb: "+2%",
gws: 3000,
xqrs: 2565,
gws: 60,
xqrs: 680,
img: require("@/assets/images/icon_32.png")
},
{
label: "第二产业产值及趋势",
label2: '第二产业技能人才需求',
label: "崇州二产产值及趋势",
label2: '服务企业技能人才需求',
cz: 240.9,
hb: "-1.6%",
tb: "-1%",
gws: 3000,
xqrs: 2565,
gws: 559,
xqrs: 70742,
img: require("@/assets/images/icon_34.png")
},
{
label: "第三产业产值及趋势",
label2: '第三产业技能人才需求',
label: "崇州三产产值及趋势",
label2: '服务企业技能人才需求',
cz: 232.79,
hb: "-1.6%",
tb: "+2%",
gws: 3000,
xqrs: 2565,
gws: 146,
xqrs: 6162,
img: require("@/assets/images/icon_35.png")
}
]);

47
src/views/cpp/components/zdpxqt.vue
View File

@ -2,13 +2,19 @@
<div class="training-products-container">
<div class="products-section">
<div class="products-grid">
<div class="product-card" v-for="(item, index) in products" :key="index">
<div
class="product-card"
v-for="(item, index) in products"
:key="index"
>
<div class="icon">
<img :src="item.icon" :alt="item.name" />
</div>
<div class="info">
<div class="label">{{ item.name }}</div>
<div class="value">{{ animatedValues.products[index] }}<span>人</span></div>
<div class="value">
{{ animatedValues.products[index] }}<span>人</span>
</div>
</div>
</div>
</div>
@ -17,28 +23,28 @@
</template>
<script setup>
import { ref, onMounted } from 'vue';
import { ref, onMounted } from "vue";
const products = ref([
{
name: '退役军人',
count: 54,
icon: require('@/assets/images/42.png')
name: "退役军人",
count: 230,
icon: require("@/assets/images/42.png")
},
{
name: '困难毕业生',
name: "毕业生",
count: 570,
icon: require('@/assets/images/43.png')
icon: require("@/assets/images/43.png")
},
{
name: '领金人员',
count: 11,
icon: require('@/assets/images/44.png')
name: "就业困难人员",
count: 27,
icon: require("@/assets/images/44.png")
},
{
name: '长期失业人员',
count: 7,
icon: require('@/assets/images/45.png')
name: "其他",
count: 58,
icon: require("@/assets/images/45.png")
}
]);
@ -53,7 +59,9 @@ const animateNumber = (startValue, endValue, duration, updateCallback) => {
const animate = () => {
const currentTime = Date.now();
const progress = Math.min((currentTime - startTime) / duration, 1);
const currentValue = Math.floor(startValue + (endValue - startValue) * progress);
const currentValue = Math.floor(
startValue + (endValue - startValue) * progress
);
updateCallback(currentValue);
@ -67,7 +75,12 @@ const animateNumber = (startValue, endValue, duration, updateCallback) => {
onMounted(() => {
products.value.forEach((item, index) => {
animateNumber(0, item.count, 2000, (value) => animatedValues.value.products[index] = value);
animateNumber(
0,
item.count,
2000,
(value) => (animatedValues.value.products[index] = value)
);
});
});
</script>
@ -128,7 +141,7 @@ onMounted(() => {
color: #8cc8ff;
margin-bottom: 8px;
font-family: "YSBTH";
@include textColor(#003D63, #ffffff);
@include textColor(#003d63, #ffffff);
}
.value {

31
src/views/cpp/index.vue
View File

@ -2,13 +2,12 @@
<div class="bigScrenn cppBox">
<!-- 第一部分 -->
<div class="none-Cont">
<Head title='"产教评"融合培训平台'></Head>
<div class="conttent">
<div class="bt-Title tc"><span>三产技能人才分析</span></div>
<ul class="conttentOne flex just-between">
<li class="childOne">
<div class="title-small">产值及技能人才比对</div>
<div class="title-small">崇州产值与服务企业技能人才需求</div>
<div class="childCnt">
<Czjjnrcdd></Czjjnrcdd>
</div>
@ -92,17 +91,17 @@
</template>
<script setup>
import Czjjnrcdd from './components/czjjnrcdd.vue';
import Czjjnrcdb from './components/czjjnrcdb.vue';
import TrainingInstitutions from './components/trainingInstitutions.vue';
import Pxxm from './components/pxxm.vue';
import Qyzdpxb from './components/qyzdpxb.vue';
import sjpx from './components/sjpx.vue';
import Zyzgzs from './components/zyzgzs.vue';
import zdpxqt from './components/zdpxqt.vue';
import pxcg from './components/pxcg.vue';
import bfzs from './components/bfzs.vue';
import pfjgfb from './components/pfjgfb.vue';
import Czjjnrcdd from "./components/czjjnrcdd.vue";
import Czjjnrcdb from "./components/czjjnrcdb.vue";
import TrainingInstitutions from "./components/trainingInstitutions.vue";
import Pxxm from "./components/pxxm.vue";
import Qyzdpxb from "./components/qyzdpxb.vue";
import sjpx from "./components/sjpx.vue";
import Zyzgzs from "./components/zyzgzs.vue";
import zdpxqt from "./components/zdpxqt.vue";
import pxcg from "./components/pxcg.vue";
import bfzs from "./components/bfzs.vue";
import pfjgfb from "./components/pfjgfb.vue";
import Head from "@/views/largeScreen/layout/head.vue";
import { qcckPost, qcckGet } from "@/api/qcckApi.js";
import emitter from "@/utils/eventBus.js";
@ -115,9 +114,7 @@ import {
onBeforeUnmount
} from "vue";
const { proxy } = getCurrentInstance();
const data = reactive({
});
const data = reactive({});
</script>
<style lang="scss" scoped>
@ -215,7 +212,7 @@ const data = reactive({
height: 100%;
}
}
.cntbox555{
.cntbox555 {
background: url("~@/assets/images/999999.png") no-repeat center center;
background-size: 100% 100%;
}

6
src/views/mapCount/components/echartsMap copy.vue
View File

@ -48,9 +48,9 @@ import { onMounted, onUnmounted, reactive, ref } from 'vue';
const list = ref([
{ label: '就业服务站', value: 40, dw: '个' },
{ label: '服务一体机', value: 40, dw: '个' },
{ label: '劳务经纪人', value: 118, dw: '人' },
{ label: '招聘岗位', value: 9637, dw: '个' },
{ label: '成功入职', value: 1305, dw: '个' },
{ label: '劳务经纪人', value: 178, dw: '人' },
// { label: '招聘岗位', value: 9637, dw: '个' },
// { label: '成功入职', value: 1305, dw: '个' },
])
const dataForm = ref({})
const baseList = ref([])

6
src/views/mapCount/components/echartsMap.vue
View File

@ -49,9 +49,9 @@ import { onMounted, onUnmounted, nextTick , ref } from 'vue';
const list = ref([
{ label: '就业服务站', value: 40, dw: '个' },
{ label: '服务一体机', value: 40, dw: '个' },
{ label: '劳务经纪人', value: 118, dw: '人' },
{ label: '招聘岗位', value: 9637, dw: '个' },
{ label: '成功入职', value: 1305, dw: '人' },
{ label: '劳务经纪人', value: 178, dw: '人' },
// { label: '招聘岗位', value: 9637, dw: '个' },
// { label: '成功入职', value: 1305, dw: '人' },
])
const dataForm = ref({})
const baseList = ref([])

6
src/views/mapCount/components/echartsMap2.vue
View File

@ -51,9 +51,9 @@ import { onMounted, onUnmounted, nextTick, ref } from 'vue';
const list = ref([
{ label: '就业服务站', value: 40, dw: '个' },
{ label: '服务一体机', value: 40, dw: '个' },
{ label: '劳务经纪人', value: 118, dw: '人' },
{ label: '招聘岗位', value: 9637, dw: '个' },
{ label: '成功入职', value: 1305, dw: '人' },
{ label: '劳务经纪人', value: 178, dw: '人' },
// { label: '招聘岗位', value: 9637, dw: '个' },
// { label: '成功入职', value: 1305, dw: '人' },
])
const dataForm = ref({})
const baseList = ref([])

52
src/views/mapCount/components/jnpx.vue
View File

@ -30,43 +30,49 @@
<script setup>
import { ref } from 'vue';
const dataItems = ref([
{
label: '岗位需求数',
value: 120000,
icon: require('@/assets/images/30.png'),
dw: '个'
},
// {
// label: '岗位需求数',
// value: 120000,
// icon: require('@/assets/images/30.png'),
// dw: '个'
// },
{
label: '培训机构',
value: 5,
icon: require('@/assets/images/31.png'),
icon: require('@/assets/images/30.png'),
dw: '家'
},
{
label: '上架培训项目数',
value: 23,
label: '培训项目',
value: 39,
icon: require('@/assets/images/31.png'),
dw: '个'
},
{
label: '培训课程数',
value: 141,
icon: require('@/assets/images/32.png'),
dw: '个'
},
{
label: '学员入职率',
value: 93.80,
label: '培训人次',
icon: require('@/assets/images/33.png'),
dw: '%'
value: 5153,
dw: '人次',
// data: [
// { label: '培训项目', value: 53, dw: '个' },
// { label: '培训课程数', value: 114, dw: '个' },
// { label: '报名人次', value: 925, dw: '次' },
// { label: '签到人数', value: 886, dw: '人' },
// { label: '培训完结', value: 879, dw: '人' },
// { label: '证书颁发', value: 870, dw: '人' },
// ]
},
{
label: '培训成效',
label: '领证人数',
value: 870,
icon: require('@/assets/images/34.png'),
value: 3727,
dw: '次',
data: [
{ label: '培训项目', value: 53, dw: '个' },
{ label: '培训课程数', value: 114, dw: '个' },
{ label: '报名人次', value: 925, dw: '次' },
{ label: '签到人数', value: 886, dw: '人' },
{ label: '培训完结', value: 879, dw: '人' },
{ label: '证书颁发', value: 870, dw: '人' },
]
dw: '人'
},
]);

32
src/views/mapCount/components/qzzp.vue
View File

@ -21,7 +21,7 @@
<ul class="child-Box" v-for="(itemchild, iex) in item.data.list" :key="iex">
<li class="child-item flex align-center">
<span class="mr20 ml50">0{{ iex + 1 }}、{{ itemchild.mc }}</span>
<span class="nums">{{ itemchild.num }} <span>{{ itemchild.dw }}</span></span>
<!-- <span class="nums">{{ itemchild.num }} <span>{{ itemchild.dw }}</span></span> -->
</li>
</ul>
</div>
@ -34,37 +34,35 @@ import { ref } from 'vue';
const dataItems = ref([
{
label: '用人单位数',
value: 233,
value: 628,
dw:'家',
icon:require('@/assets/images/1.png')
},
{
label: '发布岗位数',
dw:'个',
dw:'万个',
icon:require('@/assets/images/2.png'),
value: 9637,
value: 7.9,
data: {
label: '招聘热门岗位',
icon:require('@/assets/images/35.png'),
list: [
{ mc: '制造业普工', num: 4000, dw: '岗位' },
{ mc: '光伏业务员', num: 1400, dw: '岗位'},
{ mc: '软件开发', num: 800, dw: '岗位' },
{ mc: '操作工', num: 4000, dw: '岗位' },
{ mc: '机修工', num: 1400, dw: '岗位'},
{ mc: '工程师', num: 800, dw: '岗位' },
]
}
},
{
label: '匹配入职人数',
value: 1300,
icon: require('@/assets/images/3.png'),
dw:'人',
label: '入职热门岗位',
icon: require('@/assets/images/36.png'),
data: {
label: '入职热门岗位',
icon:require('@/assets/images/36.png'),
// label: '入职热门岗位',
// icon:require('@/assets/images/36.png'),
list: [
{ mc: '普工', num: 680, dw: '岗位', },
{ mc: '销售', num: 230, dw: '岗位' },
{ mc: '操作工', num: 103, dw: '岗位' },
{ mc: '质检', num: 680, dw: '岗位', },
{ mc: '研发工程师', num: 230, dw: '岗位' },
{ mc: '库管员', num: 103, dw: '岗位' },
]
}
}
@ -79,7 +77,7 @@ const dataItems = ref([
}
.box-container {
padding: 2vw 20px;
padding: 2vw 20px 7vw;
border-radius: 8px;
height: 100%;
display: flex;

40
src/views/mapCount/components/zdrq.vue
View File

@ -31,37 +31,24 @@
import { ref } from 'vue';
const dataItems = ref([
{
label: '帮扶就业困难人员',
value: 55,
label: '崇州市政府统筹就业岗位',
value: 654,
icon: require('@/assets/images/41.png'),
dw: '人',
dw: '个',
data: [
{ label: '城镇零就业家庭成员', value: 0, dw: '人' },
{ label: '城镇低保家庭', value: 5175, dw: '人' },
{ label: '残疾人', value: 18000, dw: '人' },
{ label: '现役军人配偶', value: 8970, dw: '人' },
{ label: '烈士家属', value: 48, dw: '人' },
{ label: '脱贫劳动力', value: 119000, dw: '人' },
{ label: '农村低收入群体', value: 11200, dw: '人' },
{ label: '公务员岗位', value: 52, dw: '个' },
{ label: '事业人才引进岗位', value: 306, dw: '个' },
{ label: '服务基层项目', value: 146, dw: '个' },
{ label: '政府购买服务岗位', value: 150, dw: '个' },
]
},
{
label: '困难毕业生',
label: '见习岗位情况',
icon: require('@/assets/images/29.png'),
value: 1434,
dw: '人'
},
{
label: '退役军人',
value: 25700,
icon: require('@/assets/images/39.png'),
dw: '人'
},
{
label: '长期失业人员',
icon: require('@/assets/images/40.png'),
value: 2208,
dw: '人'
data: [
{ label: '毕业生见习单位', value: 32, dw: '家' },
{ label: '毕业生见习岗位数', value: 525, dw: '个' },
]
},
]);
@ -81,7 +68,7 @@ const dataItems = ref([
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
// justify-content: space-between;
}
.data-item {
@ -89,6 +76,7 @@ const dataItems = ref([
align-items: center;
flex-wrap: wrap;
border-radius: 6px;
margin-bottom: 5vw;
}
.data-content {

4
src/views/mapCount/index.vue
View File

@ -2,7 +2,7 @@
<div class="bigScrenn cppBox">
<!-- 第一部分 -->
<div class="none-Cont" >
<Head title='兴蜀来了人力资源搓配服务平台'></Head>
<Head title='三级劳务体系布局'></Head>
<div class="conttent">
<echartsMap></echartsMap>
</div>
@ -46,7 +46,7 @@
</div>
</li>
<li class="childOne">
<div class="title-small">重点人群</div>
<div class="title-small">重点人群（大学生）</div>
<div class="childCnt">
<zdrq></zdrq>
</div>

87
src/views/portraitScreen/components/pxkcjh.vue
View File

@ -6,7 +6,7 @@
{{ scope.$index + 1 }}
</template>
</el-table-column>
<el-table-column prop="name" label="课程名称" />
<el-table-column prop="name" label="课程名称" width="550px" />
<el-table-column prop="starTime" label="开课时间" />
<el-table-column prop="endTime" label="结束时间" />
</el-table>
@ -17,11 +17,6 @@
import { ref, onMounted, onBeforeUnmount } from "vue";
const tableData = ref([
{
name: "人社局劳务经纪人培训",
starTime: "2025/9/24",
endTime: "2025/9/26"
},
{
name: "退役军人适应性培训",
starTime: "2025/10/16",
@ -33,19 +28,29 @@ const tableData = ref([
endTime: "2025/10/17"
},
{
name: "电工",
starTime: "2025/5/12",
endTime: "2025/6/6"
name: "人社局劳务经纪人培训",
starTime: "2025/9/24",
endTime: "2025/9/26"
},
{
name: "焊工",
starTime: "2025/5/19",
endTime: "2025/6/13"
name: "学生就业指导",
starTime: "2025/9/1",
endTime: "2025/9/1"
},
{
name: "钳工",
starTime: "2025/5/26",
endTime: "2025/6/20"
name: "高空作业",
starTime: "2025/8/18",
endTime: "2025/9/12"
},
{
name: "机械木工-拼缝接合",
starTime: "2025/8/4",
endTime: "2025/10/17"
},
{
name: "无人机飞手",
starTime: "2025/6/16",
endTime: "2025/7/11"
},
{
name: "人工智能训练师",
@ -53,32 +58,26 @@ const tableData = ref([
endTime: "2025/6/27"
},
{
name: "无人机飞手",
starTime: "2025/6/16",
endTime: "2025/7/11"
name: "钳工",
starTime: "2025/5/26",
endTime: "2025/6/20"
},
{
name: "焊工",
starTime: "2025/5/19",
endTime: "2025/6/13"
},
{
name: "电工",
starTime: "2025/5/12",
endTime: "2025/6/6"
}
// {
// name: "手工木工",
// starTime: "2025/7/14",
// endTime: "2025/8/8"
// },
// {
// name: "高空作业",
// starTime: "2025/8/18",
// endTime: "2025/9/12"
// },
// {
// name: "学生就业指导",
// starTime: "2025/9/1",
// endTime: "2025/9/1"
// }
]);
</script>
<style lang="scss" scoped>
.tableBox {
width: 1440px;
margin: 0 auto;
width: 100%;
margin-top: 50px;
}
::v-deep .el-table {
@ -93,34 +92,34 @@ const tableData = ref([
margin: 0 0 1px 0;
}
::v-deep .el-table .el-table__cell {
padding: 30px 0;
padding: 32px 0;
}
::v-deep .el-table th.el-table__cell {
background-color: #163155 !important;
background-color: rgba(31, 84, 145, 0.473);
color: #c4f3fe;
margin: 0 0 4px 0;
font-size: 40px;
font-size: 50px;
}
::v-deep .el-table tr {
background-color: rgba(22, 43, 85, 0.5);
background-color: rgba(22, 43, 85, 0);
}
::v-deep .el-table tr:nth-child(even) {
background-color: rgba(22, 51, 85, 0.9);
background-color: rgba(31, 84, 145, 0.473);
}
::v-deep .el-table td.el-table__cell,
.el-table th.el-table__cell.is-leaf {
border-bottom: 1px solid rgba(22, 41, 85, 0.5);
font-size: 40px;
border-bottom: 1px solid rgba(22, 41, 85, 0);
font-size: 50px;
}
::v-deep .el-table th.el-table__cell.is-leaf {
border-bottom: 1px solid rgba(22, 41, 85, 0.9);
border-bottom: 1px solid rgba(22, 41, 85, 0.3);
}
::v-deep
.el-table--enable-row-hover
.el-table__body
tr:hover
> td.el-table__cell {
background-color: rgb(16, 68, 171);
background-color: rgb(16, 68, 171, 0.3);
color: #fff;
}
</style>

90
src/views/portraitScreen/components/qyzpq.vue
View File

@ -3,7 +3,7 @@
<el-table
ref="tableRef"
:data="tableData"
height="1540px"
height="1240px"
style="width: 100%"
>
<el-table-column label="序号" width="200px">
@ -11,7 +11,7 @@
{{ scope.$index + 1 }}
</template>
</el-table-column>
<el-table-column prop="name" label="企业名称" />
<el-table-column prop="name" label="企业名称" width="1000px" />
<el-table-column prop="street" label="所在街道" />
<el-table-column prop="position" label="招聘岗位" />
<el-table-column prop="recruitmentNum" label="招聘人数" />
@ -24,45 +24,55 @@
import { onMounted, ref, Ref } from "vue";
const tableRef = ref(null); //表格实例
// const tableData = ref<any[]>([]) //定义表格list
//表格测试数据
const getTableData = () => {
let data = [];
for (var i = 0; i <= 50; i++) {
data.push({
date: i,
name: `Tom${i}`,
address: `地区${i}`
});
}
return data;
};
let scrollInterval = null;
let isScroll = true;
let scrollSpeed = 2;
let scrollDelay = 20; // 控制滚动速度
onMounted(() => {
// tableData.value = getTableData() //表格数据赋值
scroll(tableRef.value.$refs.bodyWrapper); //设置滚动
setTimeout(() => {
setupScroll();
}, 100);
});
const scroll = (tableBody) => {
let isScroll = true; //滚动
const tableDom = tableBody.getElementsByClassName("el-scrollbar__wrap")[0];
const setupScroll = () => {
if (!tableRef.value) return;
//鼠标放上去，停止滚动；移开，继续滚动
tableDom.addEventListener("mouseover", () => {
const tableBodyWrapper = tableRef.value.$refs.bodyWrapper;
const scrollContainer = tableBodyWrapper.querySelector(".el-scrollbar__wrap");
if (!scrollContainer) return;
// 鼠标悬停控制
scrollContainer.addEventListener("mouseover", () => {
isScroll = false;
});
tableDom.addEventListener("mouseout", () => {
scrollContainer.addEventListener("mouseout", () => {
isScroll = true;
});
setInterval(() => {
if (isScroll) {
tableDom.scrollTop += 3; //设置滚动速度
if (tableDom.clientHeight + tableDom.scrollTop == tableDom.scrollHeight) {
tableDom.scrollTop = 0;
// 清除之前的定时器（如果有的话）
if (scrollInterval) {
clearInterval(scrollInterval);
}
// 设置新的滚动定时器
scrollInterval = setInterval(() => {
if (isScroll && scrollContainer) {
// 正常滚动
scrollContainer.scrollTop += scrollSpeed;
// 检查是否已经滚动到底部附近
if (
scrollContainer.scrollTop + scrollContainer.clientHeight >=
scrollContainer.scrollHeight - 5
) {
// 重置到顶部，实现循环滚动
scrollContainer.scrollTop = 0;
}
}
}, 100);
}, scrollDelay);
};
const tableData = ref([
@ -533,13 +543,13 @@ const tableData = ref([
<style lang="scss" scoped>
.tableBox {
width: 2880px;
width: 2920px;
margin: 0 auto;
margin-top: 50px;
padding: 150px 0 0 0;
}
::v-deep .el-table {
background-color: transparent;
--el-table-border-color: rgba(22, 65, 85, 0.9);
--el-table-border-color: rgba(22, 65, 85, 0.5);
.cell {
line-height: normal;
color: #fff;
@ -552,31 +562,31 @@ const tableData = ref([
padding: 36px 0;
}
::v-deep .el-table th.el-table__cell {
background-color: #163155 !important;
background-color: #1631551f !important;
color: #c4f3fe;
margin: 0 0 4px 0;
font-size: 40px;
font-size: 54px;
}
::v-deep .el-table tr {
background-color: rgba(22, 43, 85, 0.5);
background-color: rgba(22, 43, 85, 0);
}
::v-deep .el-table tr:nth-child(even) {
background-color: rgba(22, 51, 85, 0.9);
background-color: rgba(31, 84, 145, 0.473);
}
::v-deep .el-table td.el-table__cell,
.el-table th.el-table__cell.is-leaf {
border-bottom: 1px solid rgba(22, 41, 85, 0.5);
font-size: 40px;
border-bottom: 1px solid rgba(22, 41, 85, 0);
font-size: 54px;
}
::v-deep .el-table th.el-table__cell.is-leaf {
border-bottom: 1px solid rgba(22, 41, 85, 0.9);
border-bottom: 1px solid rgba(22, 41, 85, 0.3);
}
::v-deep
.el-table--enable-row-hover
.el-table__body
tr:hover
> td.el-table__cell {
background-color: rgb(16, 68, 171);
background-color: rgb(16, 68, 171, 0.3);
color: #fff;
}
</style>

29
src/views/portraitScreen/components/top10.vue
View File

@ -26,11 +26,11 @@ const rankData = ref([
{ name: "电工培训", count: "120" },
{ name: "焊工培训", count: "100" },
{ name: "食品安全管理师培训", count: "95" },
{ name: "手工木工", count: "78" },
{ name: "无人机驾驶员培训", count: "78" },
{ name: "公共营养师培训", count: "72" },
{ name: "医疗护理员培训", count: "63" },
{ name: "人工智能训练师培训", count: "48" },
{ name: "无人机驾驶员培训", count: "40" },
{ name: "机械木工", count: "40" },
{ name: "高处安装维护拆除作业培训", count: "32" },
{ name: "登高架设培训", count: "29" }
]);
@ -54,16 +54,18 @@ onMounted(() => {
ul.rankList {
width: 100%;
margin: 0 auto;
li {
margin: 0 100px;
height: 70px;
background: url("~@/assets/images/largeScreen/rankList-bg.png") no-repeat 0
0;
height: 85px;
background: url("~@/assets/images/largeScreen/rankList-bg.png") no-repeat 0 0;
background-size: 100% 100%;
margin: 40px 0 0 0;
position: relative;
.left {
float: left;
.sequence {
position: absolute;
text-align: right;
@ -75,23 +77,28 @@ ul.rankList {
color: #0a9eb5;
font-weight: bold;
font-size: 40px;
&.red {
color: #ff0000;
}
&.orange {
color: #ffa500;
}
&.yellow {
color: #ffd700;
}
}
.name {
font-size: 40px;
font-size: 50px;
margin: 0 0 0 200px;
line-height: 80px;
height: 60px;
}
}
.right {
float: right;
height: 60px;
@ -103,19 +110,19 @@ ul.rankList {
-webkit-text-fill-color: transparent;
font-weight: 400;
}
.jdtBox {
position: absolute;
top: 0px;
left: 194px;
right: 0px;
height: 4px;
.jdt {
height: 4px;
background: linear-gradient(
90deg,
rgba(53, 168, 235, 0) 0%,
#00ddff 100%
);
background: linear-gradient(90deg,
rgba(53, 168, 235, 0) 0%,
#00ddff 100%);
border-radius: 4px 4px 4px 4px;
}
}

11
src/views/portraitScreen/components/xxrcgw.vue
View File

@ -7,7 +7,7 @@
<div class="label">
<span class="order mr4" :style="{ color: indx < 3 ? '#01d0db' : '' }">TOP.{{ indx + 1 }}</span>
<img src="@/assets/images/icon_03.png" alt="">
<span class="ml4 text one_text_detail" :style="{ color: indx < 3 ? '#01d0db' : '' }">{{ it.mc }}</span>
<span class="ml4 text one_text_detail" :style="{ color: '#48FAFC' }">{{ it.mc }}</span>
</div>
<div class="flex align-center just-around">
<div class="line">
@ -15,7 +15,7 @@
<div class="persont" :style="{ width: it.persont }"></div>
</div>
</div>
<div class="num">{{ it.num }}</div>
<!-- <div class="num">{{ it.num }}</div> -->
</div>
</li>
</ul>
@ -35,7 +35,7 @@ const list = ref([
{ mc: '智能生产线调试工程师', persont: '80%', num: 355 },
{ mc: '精密仪器装配工程师', persont: '70%', num: 322 },
{ mc: '人工智能算法工程师', persont: '60%', num: 189 },
{ mc: '数字孪生工程师。', persont: '50%', num: 67 },
{ mc: '数字孪生工程师', persont: '50%', num: 67 },
])
const timer = ref(null)
onMounted(() => {
@ -78,6 +78,11 @@ onUnmounted(() => {
display: inline-block;
white-space: nowrap;
}
img {
width: 1.8vw; // 原字号 1.8vw 的两倍
height: 1.8vw;
}
}
.line {

60
src/views/portraitScreen/index.vue
View File

@ -19,6 +19,44 @@
</li>
</ul> -->
</div>
<!-- <ul class="port-three">
<li
class="port-three-item"
v-for="(it, idx) in data.threeList"
:key="idx"
>
<div class="bt-Title tc">
<span>{{ it.title }}</span>
</div>
<ul class="childBox flex">
<li v-for="(iv, ix) in it.list" :key="ix" class="childItem">
<div class="info tc">{{ iv.label }}</div>
<div class="chartsBox">
<Jgsl v-if="iv.label == '服务机构分类与数量'"></Jgsl>
<Glrq v-if="iv.label == '各类人群就业率'"></Glrq>
<Csgf v-if="iv.label == '服务机构入职成功率'"></Csgf>
<Jgrzcgl v-if="iv.label == '技能型岗位需求'"></Jgrzcgl>
<Xxrcgw v-if="iv.label == '新兴人才岗位需求'" />
<Zdrc v-if="iv.label == '重点企业人才招聘技能要求'" />
<Jgmyd v-if="iv.label == '各类机构入职满意度'"></Jgmyd>
<Hyjyl v-if="iv.label == '行业就业率'"></Hyjyl>
<Xlccjyl v-if="iv.label == '学历层次就业率'"></Xlccjyl>
<Qylsry v-if="iv.label == '企业流失人员分析'"></Qylsry>
<Lsyyfx v-if="iv.label == '流失原因分析'"></Lsyyfx>
<Lxfx v-if="iv.label == '流向分析'"></Lxfx>
<Xxgwxq v-if="iv.label == '新型岗位需求'"></Xxgwxq>
<Rcldyy v-if="iv.label == '人才流动原因'"></Rcldyy>
<Jgpxfb v-if="iv.label == '技能培训机构分布'"></Jgpxfb>
<Jngwtop v-if="iv.label == '短缺技能岗位TOP'"></Jngwtop>
<Jndqzpnd
v-if="iv.label == '重点企业技能短缺招聘难度'"
></Jndqzpnd>
<Gwxzdb v-if="iv.label == '技能岗位薪资酬对比'"></Gwxzdb>
</div>
</li>
</ul>
</li>
</ul> -->
<div class="bigBox">
<div class="pubTitle">人才机构分析</div>
<ul class="chartsBox">
@ -27,7 +65,7 @@
<div class="chartsMian"><Jgrzcgl></Jgrzcgl></div>
</li>
<li>
<div class="info">新兴人才岗位需求</div>
<div class="info">新兴人才岗位</div>
<div class="chartsMian"><Xxrcgw /></div>
</li>
<li>
@ -36,19 +74,22 @@
</li>
</ul>
</div>
<div class="bigBox" style="margin-top: 75px; height: 1830px">
<div class="bigBox" style="margin-top: 75px; height: 1650px">
<div class="pubTitle" style="height: 180px; line-height: 200px">
企业招聘情况
企业招聘岗位
</div>
<div class="mainBox">
<Qyzpq></Qyzpq>
</div>
</div>
<div class="bigBox" style="margin-top: 75px; height: 1830px">
<div class="bigBox" style="margin-top: 75px; height: 1650px">
<div class="pubTitle" style="height: 180px; line-height: 200px">
兴蜀来了培训产品 online
培训产品 online
</div>
<ul class="chartsBox">
<ul
class="chartsBox"
style="height: calc(100% - 180px); overflow: hidden"
>
<li style="width: 50%">
<div class="info">培训课程top10</div>
<div class="chartsMian"><Top10></Top10></div>
@ -132,8 +173,10 @@ const data = reactive({
ul.chartsBox {
width: 100%;
display: flex;
flex-wrap: no-wrap;
flex-wrap: nowrap;
height: calc(100% - 146px);
background: url("~@/assets/images/ggg.png") no-repeat;
background-size: 100% 100%;
li {
width: 33.33%;
height: 100%;
@ -168,6 +211,9 @@ const data = reactive({
}
.mainBox {
height: calc(100% - 180px);
background: url("~@/assets/images/ggg.png") no-repeat;
background-size: 100% 100%;
border: 1px solid transparent;
}
}

189
src/views/recruitment/card/EnterpriseEmploymentTwo.vue
View File

@ -3,133 +3,146 @@
</template>
<script setup>
// Vue 3 Composition API 的 setup 语法糖
// 在这里直接编写响应式数据和方法，无需返回
import { ref, reactive, computed, onMounted } from "vue";
import { ref, onMounted, onUnmounted, nextTick } from "vue";
import * as echarts from "echarts";
const enterpriseTwoRef = ref(null);
const option = {
// 设置图形位置
grid: {
top: "15%",
left: "15%",
right: "5%",
bottom: "20%"
},
// 设置图例
legend: {
itemWidth: 10, // 方块宽度
itemHeight: 10, // 方块高度
let chart = null;
// 响应式设计稿配置
const designConfig = {
designWidth: 1920,
designHeight: 1080
};
// 计算实际的像素值（基于设计稿比例）
function calcResponsivePX(pxValue) {
const screenWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
return (pxValue / designConfig.designWidth) * screenWidth;
}
// 计算 vw 单位值（真正的 vw）
function calcVW(pxValue) {
return (pxValue / designConfig.designWidth) * 100;
}
// 计算 vh 单位值
function calcVH(pxValue) {
return (pxValue / designConfig.designHeight) * 100;
}
// 图表配置
const getChartOption = () => ({
title: {
text: '重点保供企业分布',
left: 'center',
top: '5%',
textStyle: {
color: "#B2D9DF" // 文字颜色
},
x: "center", // 图例在左（left）、右（right）、居中（center）、100px
y: "top", // 图例在上（top）、下（bottom）、居中（center、100px）、100px
padding: [15, 50, 0, 0] // 图例[距上右下左方距离
color: '#30DCFF',
fontSize: calcResponsivePX(16),
fontWeight: 'normal'
}
},
grid: {
top: `${calcVH(210)}%`, // 使用 vh 确保垂直方向也响应式
left: `${calcVW(130)}%`,
right: `${calcVW(120)}%`,
bottom: `${calcVH(170)}%`
},
xAxis: {
axisLine: {
show: true,
axisTick: {
show: true,
lineStyle: {
color: "#CBF2FA" // 文字颜色
color: '#CBF2FA'
}
},
axisLabel: {
fontSize: 22, // 设置 x 轴文字大小
color: "#CBF2FA", // 可以同时设置文字颜色
rotate: 20, // 文字倾斜45度
margin: 20 // 增加文字与轴线的距离
fontSize: calcResponsivePX(12),
color: '#CBF2FA',
rotate: 0,
show: true,
interval: 0,
hideOverlap: false,
margin: calcResponsivePX(14)
},
type: "category",
data: ["微型企业", "小型企业", "中型企业", "大型企业"]
data: ["第一产业", "第二产业", "第三产业"]
},
yAxis: {
//网格线
interval: 50,
splitLine: {
show: true,
lineStyle: {
color: ["#A1C7CD"], // 线颜色
opacity: 0.2 // 透明度
color: ['#A1C7CD'],
opacity: 0.2,
type: 'solid'
}
},
axisLine: {
lineStyle: {
color: "#CBF2FA" // 文字颜色
}
show: false
},
axisTick: {
show: false
},
axisLabel: {
fontSize: 20, // 设置 x 轴文字大小
color: "#CBF2FA" // 可以同时设置文字颜色
show: false
},
type: "value"
},
series: [
{
name: "岗位种类数",
name: "企业数",
type: "bar",
showBackground: true,
barWidth: 8,
data: [93, 231, 413, 451],
// 设置柱状图的数值
showBackground: false,
barWidth: calcResponsivePX(25), // 柱状图宽度也要响应式
data: [6, 581, 41],
label: {
show: true,
position: "top",
color: "#30DCFF",
fontSize: 22
color: '#30DCFF',
fontSize: calcResponsivePX(14),
formatter: function(params) {
return params.value + '家';
}
},
itemStyle: {
//渐变色
color: {
type: "linear",
x: 1,
y: 0,
x2: 0,
y2: 1,
colorStops: [
{ offset: 0, color: "rgba(48, 220, 255, 1)" },
{ offset: 1, color: "rgba(48, 220, 255, 0.06)" }
]
}
}
},
{
name: "岗位人员数",
type: "bar",
showBackground: true,
barWidth: 8,
data: [451, 2110, 19356, 57083],
// 设置柱状图的数值
label: {
show: true,
position: "top",
color: "#CBF2FA",
fontSize: 22
},
itemStyle: {
//渐变色
color: {
type: "linear",
x: 1,
y: 0,
x2: 0,
y2: 1,
colorStops: [
{ offset: 0, color: "rgba(203, 242, 250, 1)" },
{ offset: 1, color: "rgba(203, 242, 250, 0.08)" }
]
}
color: '#30DCFF'
}
}
]
});
// 处理图表重绘
const handleChartResize = () => {
if (chart) {
chart.resize();
// 重新设置选项以更新所有响应式尺寸
chart.setOption(getChartOption(), true); // true 表示不合并，完全替换
}
};
// 初始化图表
const initChart = () => {
if (!enterpriseTwoRef.value) return;
chart = echarts.init(enterpriseTwoRef.value);
chart.setOption(getChartOption());
};
// 生命周期钩子
onMounted(() => {
if (enterpriseTwoRef.value) {
const chart = echarts.init(enterpriseTwoRef.value);
// 设置option
chart.setOption(option);
nextTick(() => {
initChart();
});
window.addEventListener('resize', handleChartResize);
});
onUnmounted(() => {
window.removeEventListener('resize', handleChartResize);
if (chart) {
chart.dispose();
chart = null;
}
});
</script>
<style lang="scss" scoped></style>

280
src/views/recruitment/card/LaborSystemTwo.vue
View File

@ -1,116 +1,214 @@
<template>
<div>
<div class="carcTitle">合作社位置撒点</div>
<div ref="map" style="width: 17vw; height: 14.5vw"></div>
<div class="carcTitle">省内区域劳务协作撒点</div>
<div ref="map" style="width: 19vw; height: 16vw"></div>
</div>
</template>
<script setup>
import { ref, reactive, computed, onMounted } from "vue";
// 引入Echarts
import { ref, onMounted, onUnmounted, nextTick } from "vue";
import * as echarts from "echarts";
// 引入崇州市地图json数据
import 'echarts-gl';
import { debounce } from 'lodash';
// 引入地图数据
import sichuanJSON from "@/assets/json/sichuan.json";
// 引入本地撒点图片
import pointImage from "@/assets/images/recruitment/map-point1.png";
// 获取地图DOM元素
let map = ref();
// 注册崇州地图
// DOM 引用
const map = ref();
let myMap = null;
// 注册地图
echarts.registerMap("sichuan", sichuanJSON);
// 响应式设计配置
const designConfig = {
designWidth: 1920,
designHeight: 1080
};
// 计算响应式尺寸
const calcResponsivePX = (pxValue) => {
const screenWidth = window.innerWidth || document.documentElement.clientWidth;
return (pxValue / designConfig.designWidth) * screenWidth;
};
// 初始点位数据
const initialPoints = [
{
name: "绵阳",
value: [104.684185, 31.473263, 0],
count: 0
},
{
name: "崇州",
value: [103.68055, 30.634619, 0],
count: 0
},
{
name: "武侯",
value: [104.04777, 30.648289, 0],
count: 0
},
{
name: "成华",
value: [104.108719, 30.665854, 0],
count: 0
}
{ name: "绵阳市", value: [104.69,31.47, 0], count: 0 },
{ name: "广元市昭化区", value: [105.97,32.33, 0], count: 0 },
{ name: "巴中市恩阳区", value: [106.64,31.80, 0], count: 0 },
{ name: "达州市渠县", value: [106.98,30.84, 0], count: 0 },
{ name: "达州市开江县", value: [107.88,31.09, 0], count: 0 },
{ name: "达州市大竹县", value: [107.21,30.74, 0], count: 0 },
{ name: "广安市", value: [106.64,30.46, 0], count: 0 },
{ name: "广安市岳池县", value: [106.45,30.54, 0], count: 0 },
{ name: "广安华蓥市", value: [106.79,30.40, 0], count: 0 },
{ name: "南充顺庆区", value: [106.10,30.80, 0], count: 0 },
{ name: "遂宁市大英县", value: [105.24,30.60, 0], count: 0 },
{ name: "德阳市中江县", value: [104.69,31.04, 0], count: 0 },
{ name: "资阳市雁江区", value: [104.68,30.11, 0], count: 0 },
{ name: "雅安市荥经县", value: [102.85,29.80, 0], count: 0 },
{ name: "雅安市天全县", value: [102.76,30.07, 0], count: 0 },
{ name: "眉山市青神县", value: [103.85,29.84, 0], count: 0 },
{ name: "自贡贡井区", value: [104.72,29.35, 0], count: 0 },
{ name: "泸州市", value: [105.45,28.88, 0], count: 0 },
{ name: "攀枝花市", value: [101.73,26.59, 0], count: 0 },
];
// 地图参数设置
let option = {
tooltip: {
trigger: "item",
formatter: function (params) {
if (params.seriesType === "scatter") {
return `${params.name}<br/>合作社数量：${params.data.count}`;
}
return params.name;
}
},
geo: [
{
type: "map",
map: "sichuan",
roam: true,
zoom: 1,
label: {
// show: true,
color: "#fff",
fontSize: 12,
fontWeight: "bold",
emphasis: {
show: true, // 确保悬停时标签显示
color: "#ffff00", // 鼠标悬停时的文字颜色
fontSize: 14, // 鼠标悬停时的文字大小
fontWeight: "bold" // 鼠标悬停时的文字粗细
// 生成随机高度值函数
const generateRandomHeights = (points, minHeight = 10, maxHeight = 25) => {
return points.map(point => ({
...point,
value: [point.value[0], point.value[1], Math.random() * (maxHeight - minHeight) + minHeight]
}));
};
// 获取动态配置
const getChartOption = () => {
const pointsWithRandomHeights = generateRandomHeights(initialPoints);
return {
tooltip: {
trigger: "item",
formatter: (params) => {
if (params.seriesType === "scatter3D") {
return `${params.name}<br/>合作社数量：${params.data.count || 0}`;
}
return params.name;
},
backgroundColor: "rgba(0, 0, 0, 0.8)",
borderColor: "#30DCFF",
textStyle: {
color: "#fff",
fontSize: 12
}
},
geo3D: {
type: "map3D",
map: "sichuan",
regionHeight: 6,
boxHeight: 2,
roam: true,
label: {
show: false,
color: "#fff",
fontSize: 10,
fontWeight: "bold"
},
itemStyle: {
normal: {
color: "#121516",
borderColor: "#30DCFF", // 地图区域描边颜色
borderWidth: 2 // 地图区域描边宽度
color: "rgba(27,129,150,0.18)",
borderColor: "#61cfff",
borderWidth: 2,
opacity: 0.3
},
emphasis: {
itemStyle: {
color: "rgba(27, 129, 150, 0.3)",
opacity: 0.5
},
emphasis: {
color: "#2d5565", // 鼠标悬停时的地图填充颜色
borderColor: "#30DCFF", // 地图区域描边颜色
borderWidth: 2 // 地图区域描边宽度
label: { show: false }
},
light: {
main: {
intensity: 1.6,
shadow: true,
shadowQuality: "high",
alpha: 35,
beta: 15
},
ambient: { intensity: 0.35 }
},
shading: "lambert",
viewControl: {
distance: 110,
alpha: 45,
beta: 10
},
groundPlane: { show: false }
},
series: [
{
name: "城市点位(3D)",
type: "scatter3D",
coordinateSystem: "geo3D",
data: pointsWithRandomHeights.map(p => ({
name: p.name,
value: p.value,
count: p.count,
// 关键：使用正确的 label 配置方式
label: {
show: true,
formatter: p.name,
position: [p.value[2] + 5, p.value[2] + 5, p.value[2] + 5], // [x, y, z] - 在点上方固定偏移
distance: 0, // 重要：设置为0，使用绝对位置
textStyle: {
backgroundColor: 'rgba(0,0,0,0.7)',
borderWidth: 1,
borderColor: '#30dcff',
padding: [4, 8],
borderRadius: 4,
color: '#fff',
fontSize: 10
}
}
})),
symbol: "triangle", // 改为圆形，更明显
symbolSize: calcResponsivePX(12), // 增大符号尺寸
itemStyle: { color: "#FFBE34" },
label: {
textStyle: {
backgroundColor: 'rgba(255,190,52,0.9)',
color: '#000',
fontWeight: 'bold'
}
}
}
]
}
};
// 处理图表重绘（防抖优化）
const handleChartResize = debounce(() => {
if (myMap) {
myMap.resize();
// 重新设置配置以更新响应式尺寸
myMap.setOption(getChartOption(), true);
}
}, 300);
// 初始化图表
const initChart = () => {
if (!map.value) return;
myMap = echarts.init(map.value);
myMap.setOption(getChartOption());
// 添加点击事件（可选）
myMap.on('click', (params) => {
if (params.componentType === 'series' && params.seriesType === 'scatter3D') {
console.log('点击了城市:', params.name);
// 可以在这里添加点击后的业务逻辑
}
],
series: [
{
name: "城市点位",
type: "scatter", // 散点图类型
coordinateSystem: "geo", // 使用地理坐标系
data: initialPoints,
symbolSize: function (val) {
// 根据数值大小动态调整点的大小
// return val[2] / 6;
return 50;
},
label: {
show: false, // 改为 true 显示标签
formatter: "{b}", // 显示城市名称
position: "right", // 标签位置在点的上方
color: "#fff", // 标签颜色
fontSize: 16, // 字体大小
fontWeight: "bold" // 字体粗细
},
symbol: "image://" + pointImage // 使用本地图片作为标记
}
]
});
};
// 生命周期钩子
onMounted(() => {
let myMap = echarts.init(map.value);
// 设置配置项
myMap.setOption(option);
nextTick(() => {
initChart();
});
window.addEventListener('resize', handleChartResize);
});
onUnmounted(() => {
window.removeEventListener('resize', handleChartResize);
if (myMap) {
myMap.dispose();
myMap = null;
}
});
</script>
@ -122,7 +220,7 @@ onMounted(() => {
text-align: center;
color: #c4f3fe;
background: url("~@/assets/images/recruitment/card-title@2x.png") no-repeat
center;
center;
background-size: auto 100%;
margin-top: 0.7vw;
}

506
src/views/recruitment/card/ListView.vue Normal file
View File

@ -0,0 +1,506 @@
<template>
<!-- 页面的 HTML 模板部分 -->
<div>
<!-- 表头保持固定 -->
<ul class="header-list">
<li class="singleBackground topLi">
<div>区域</div>
<div>入职人数</div>
<div>占比</div>
</li>
</ul>
<!-- 固定的“眉山”数据行，不随滚动 -->
<ul class="header-list" v-if="pinnedItem">
<li class="singleBackground" @click="visible = true">
<div>{{ pinnedItem.zone }}</div>
<div>{{ pinnedItem.count }}人</div>
<div>{{ pinnedItem.proportion }}%</div>
</li>
</ul>
<!-- 滚动区域 -->
<div class="scroll_parent_box" @mouseenter="mEnter" @mouseleave="mLeave">
<div class="scroll_list" :style="{ transform: `translate(0vw,-${scrollTop}px)` }">
<div ref="scrollItemBox">
<li v-for="(item, index) in scrollData" :key="index"
:class="{ 'singleBackground': index % 2 == 0, 'evenBackground': index % 2 == 1 }">
<div>{{ item.zone }}</div>
<div>{{ item.count }}人</div>
<div>{{ item.proportion }}%</div>
</li>
</div>
<!-- 复制一份数据用于无缝滚动 -->
<div v-html="copyHtml"></div>
</div>
</div>
</div>
<div class="carousel-modal-container" v-if="visible">
<el-carousel ref="carouselRef" :interval="4000" indicator-position="outside" :autoplay="true" :pause-on-hover="false" arrow="always" height="28vw">
<el-carousel-item>
<div class="carousel-item-content">
<div class="carousel-item-title">
仁寿县劳务合作社联合送工
</div>
<div style="height:20vw;">
<img src="@/assets/images/ms/scxc2.png" class="carousel-image">
</div>
</div>
</el-carousel-item>
<el-carousel-item>
<div class="carousel-item-content">
<div class="carousel-item-title">
批量化规模化送工现场1
</div>
<div style="height:20vw;">
<img src="@/assets/images/ms/sgxc.jpg" class="carousel-image">
</div>
</div>
</el-carousel-item>
<el-carousel-item>
<div class="carousel-item-content">
<div class="carousel-item-title">
批量化规模化送工现场2
</div>
<div style="height:20vw;">
<img src="@/assets/images/ms/sgxc1.jpg" class="carousel-image">
</div>
</div>
</el-carousel-item>
<el-carousel-item>
<div class="carousel-item-content">
<div class="carousel-item-title">
农民工返乡慰问现场
</div>
<div style="height:20vw;">
<img src="@/assets/images/ms/fxww.jpg" class="carousel-image">
</div>
</div>
</el-carousel-item>
</el-carousel>
<div class="nav-btn prev" @click="prevSlide">‹</div>
<div class="nav-btn next" @click="nextSlide">›</div>
<div class="close-btn" @click="closeModal">X</div>
</div>
</template>
<script setup>
import { ref, reactive, computed, onMounted, onUnmounted } from "vue";
import * as echarts from "echarts";
const pieRef = ref(null);
const carouselRef = ref(null);
function prevSlide() { if (carouselRef.value) carouselRef.value.prev(); }
function nextSlide() { if (carouselRef.value) carouselRef.value.next(); }
const pieData = [
{
"zone": "四川 - 成都",
"count": 2920,
"proportion": 29.87
},
{
"zone": "省外",
"count": 1490,
"proportion": 15.24
},
{
"zone": "四川 - 南充",
"count": 598,
"proportion": 6.12
},
{
"zone": "四川 - 内江",
"count": 473,
"proportion": 4.84
},
{
"zone": "四川 - 乐山",
"count": 421,
"proportion": 4.31
},
{
"zone": "四川 - 眉山",
"count": 386,
"proportion": 3.95
},
{
"zone": "四川 - 巴中",
"count": 373,
"proportion": 3.82
},
{
"zone": "四川 - 宜宾",
"count": 313,
"proportion": 3.2
},
{
"zone": "四川 - 达州",
"count": 313,
"proportion": 3.2
},
{
"zone": "四川 - 广元",
"count": 300,
"proportion": 3.07
},
{
"zone": "四川 - 泸州",
"count": 294,
"proportion": 3.01
},
{
"zone": "四川 - 遂宁",
"count": 278,
"proportion": 2.84
},
{
"zone": "四川 - 自贡",
"count": 276,
"proportion": 2.82
},
{
"zone": "四川 - 资阳",
"count": 272,
"proportion": 2.78
},
{
"zone": "四川 - 绵阳",
"count": 231,
"proportion": 2.36
},
{
"zone": "四川 - 德阳",
"count": 222,
"proportion": 2.27
},
{
"zone": "四川 - 凉山",
"count": 177,
"proportion": 1.81
},
{
"zone": "四川 - 雅安",
"count": 166,
"proportion": 1.7
},
{
"zone": "四川 - 广安",
"count": 162,
"proportion": 1.66
},
{
"zone": "四川 - 攀枝花",
"count": 54,
"proportion": 0.55
},
{
"zone": "四川 - 阿坝",
"count": 47,
"proportion": 0.48
},
{
"zone": "四川 - 甘孜",
"count": 9,
"proportion": 0.09
}
]
const visible = ref(false);
// 固定在顶部的市州（眉山）
const pinnedZone = "四川 - 眉山";
const pinnedIndex = computed(() => pieData.findIndex(i => i.zone === pinnedZone));
const pinnedItem = computed(() => (pinnedIndex.value >= 0 ? pieData[pinnedIndex.value] : null));
// 滚动区域数据（去除固定项）
const scrollData = computed(() => pieData.filter(i => i.zone !== pinnedZone));
// 格式化序号
function formattedIndex(i) {
return `${i + 1 >= 10 ? i + 1 : '0' + (i + 1)}`;
}
// 滚动相关变量
const scrollTop = ref(0); // 列表滚动高度
const speed = ref(60); // 滚动速度
const copyHtml = ref(''); // 复制的HTML内容
const scrollItemBox = ref(null); // 滚动项容器引用
let timer = null;
// 生命周期钩子
onMounted(() => {
if (pieRef.value) {
const chart = echarts.init(pieRef.value);
chart.setOption(option);
}
// 初始化滚动
initScroll();
});
// 组件卸载时清除定时器
onUnmounted(() => {
if (timer) {
clearInterval(timer);
}
});
// 初始化滚动
function initScroll() {
setTimeout(() => {
if (scrollItemBox.value) {
copyHtml.value = scrollItemBox.value.innerHTML;
startScroll();
}
}, 100);
}
// 鼠标移入停止滚动
function mEnter() {
if (timer) {
clearInterval(timer);
timer = null;
}
}
// 鼠标移出继续滚动
function mLeave() {
startScroll();
}
// 开始滚动
function startScroll() {
if (timer) return;
timer = setInterval(() => {
scrollTop.value++;
// 获取需要滚动的盒子的高度
if (scrollItemBox.value) {
const scrollHeight = scrollItemBox.value.offsetHeight;
// 当滚动高度大于等于盒子高度时，从头开始滚动
if (scrollTop.value >= scrollHeight) {
scrollTop.value = 0;
}
}
}, speed.value);
}
// 关闭弹窗
function closeModal() {
visible.value = false;
startScroll();
}
</script>
<style lang="scss" scoped>
.carcTitle {
height: 1.4vw;
line-height: 1.4vw;
font-size: 0.8vw;
text-align: center;
color: #c4f3fe;
background: url("~@/assets/images/recruitment/card-title@2x.png") no-repeat center;
background-size: auto 100%;
margin-top: 0.7vw;
}
.pieMain {
position: relative;
.pieBox {
margin: 0 auto;
width: 7.6vw;
height: 7.6vw;
// border: 1px solid #fff;
margin-top: 0.5vw;
background: url("~@/assets/images/recruitment/pie-bg@2x.png") no-repeat center;
background-size: 100%;
}
.pieTitle {
position: absolute;
top: 50%;
width: 100%;
text-align: center;
z-index: 10;
margin-top: -0.5vw;
}
}
/* 通用列表样式 - 适用于表头和数据行 */
.header-list,
.scroll_list>div {
margin: 0;
padding: 0;
width: 100%;
}
/* 统一的列表项基础样式 */
.header-list li,
.scroll_list li {
font-size: 0.9vw;
color: #C4F3FE;
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
height: 2vw;
padding: 0 0.8vw;
border-radius: 0.104vw;
transition: all 0.2s ease;
list-style: none;
margin: 0;
>div {
height: 100%;
line-height: 2vw;
padding: 0 0.2vw;
}
>div:first-child {
width: 50%;
text-align: left;
font-weight: bold;
}
>div:nth-child(2) {
width: 25%;
text-align: center;
}
>div:nth-child(3) {
width: 25%;
text-align: right;
font-weight: bold;
}
}
/* 数据行的悬停效果 */
.scroll_list li {
&:hover {
background-color: rgba(203, 242, 250, 0.1);
}
}
/* 滚动容器样式 */
.scroll_parent_box {
width: 100%;
height: 15vw;
/* 减去表头高度 */
overflow: hidden;
position: relative;
}
/* 滚动列表容器 */
.scroll_list {
transition: all 0ms ease-in 0s;
width: 100%;
}
.singleBackground {
background-color: rgba(22, 65, 85, 0.5);
}
.evenBackground {
background-color: rgba(22, 65, 85, 0.9);
}
.topLi {
/* 保留表头特有的样式，但使用与数据行一致的基础样式 */
border: 0.026vw solid;
border-image: linear-gradient(180deg, rgba(203, 242, 250, 0), rgba(203, 242, 250, 0.8)) 1 1;
}
/* 统一背景色样式 - 表头和数据行使用相同的背景色机制 */
.singleBackground {
background-color: rgba(22, 65, 85, 0.5);
}
.evenBackground {
background-color: rgba(22, 65, 85, 0.9);
}
::deep(.el-dialog__header) {
display: none !important;
}
/* 轮播弹窗容器样式 */
.carousel-modal-container {
position: fixed;
top: 66%;
left: 64%;
transform: translate(-50%, -50%);
width: 28vw;
border-radius: 4px 4px 4px 4px;
z-index: 100;
border-radius: 0.104vw;
padding: 0.26vw;
height: 28vw;
.close-btn {
position: absolute;
bottom: 0.6vw;
left: 50%;
transform: translateX(-50%);
width: 2vw;
height: 2vw;
background-color: #171E22;
border: 1px solid rgba(203, 242, 250, 0.2);
border-radius: 50%;
color: #C4F3FE;
font-size: 1vw;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
z-index: 101;
}
.carousel-item-content {
border-radius: 5px 5px 5px 5px;
background-color: #171E22;
padding: 0.001vw 0.4vw 1vw;
position: relative;
.carousel-item-title {
background: linear-gradient(90deg, rgba(203, 242, 250, 0) 0%, rgba(203, 242, 250, 0.43) 58%, rgba(203, 242, 250, 0) 100%);
//opacity: 0.5;
width: 100%;
height: 1.1vw;
margin-top: 1vw;
font-size: 0.8vw;
line-height: 1.1vw;
text-align: center;
border-radius: 4px 4px 4px 4px;
font-weight: bold;
color: #a9f0ff;
}
img {
width: 100%;
height: 100%;
object-fit: cover;
}
}
}
/* 手动切换按钮样式 */
.nav-btn {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 1.6vw;
height: 1.6vw;
background-color: rgba(23, 30, 34, 0.9);
border: 1px solid rgba(203, 242, 250, 0.2);
border-radius: 50%;
color: #C4F3FE;
font-size: 1.2vw;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
z-index: 101;
}
.nav-btn.prev { left: 0.3vw; }
.nav-btn.next { right: 0.3vw; }
::deep(.el-carousel__container) {
height: 28vw !important;
}
</style>

8
src/views/recruitment/components/costomCaed.vue
View File

@ -13,7 +13,7 @@
<!-- </button>-->
<!-- 横向滚动区域 -->
<div ref="scrollContainer" class="scroll-area" @scroll="checkScroll">
<!-- <div ref="scrollContainer" class="scroll-area" @scroll="checkScroll">
<div
v-for="(tab, index) in state.tabs"
:key="index"
@ -23,7 +23,7 @@
>
{{ tab }}
</div>
</div>
</div> -->
<!-- 右侧滚动按钮 -->
<!-- <button-->
@ -35,13 +35,15 @@
<!-- <path d="M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z"/>-->
<!-- </svg>-->
<!-- </button>-->
<Cygjbl></Cygjbl>
</div>
<NetworkMap />
<!-- <NetworkMap /> -->
</div>
</template>
<script setup>
import Cygjbl from "./cygjbl.vue";
import { ref, reactive, onMounted } from "vue";
import NetworkMap from "../card/NetworkMap.vue";
const state = reactive({

195
src/views/recruitment/components/cygjbl.vue Normal file
View File

@ -0,0 +1,195 @@
<template>
<div class="seconent">
<div class="inbox flex space-between">
<ul class="inLeft items">
<li class="child left_child" v-for="it in data.left" :key="it">
<div class="text">{{ it.label }}</div>
<div class="num">{{ it.per }}</div>
</li>
</ul>
<ul class="inright items tc">
<li
class="child relative right_child"
v-for="it in data.right"
:key="it"
>
<div class="text">{{ it.label }}</div>
<div class="num">{{ it.per }}</div>
</li>
</ul>
</div>
</div>
</template>
<script setup>
import { reactive, ref } from "vue";
const data = reactive({
left: [
{ label: "岗位需求人数", per: "7.9万人" },
{ label: "就业意向人数", per: "5.8万人" }
],
right: [
{ label: "岗位需求增幅", per: "17.04%" },
{ label: "求职人员增幅", per: "20.38%" }
]
});
</script>
<style lang="scss" scoped>
@mixin textColor($color1, $color2) {
background-image: linear-gradient(to top, $color1 0%, $color2 70%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.seconent {
position: relative;
height: 100%;
}
.inbox {
width: 19vw;
height: 14vw;
padding-top: 2vw;
box-sizing:border-box;
background: url("~@/assets/recruitment/jy.png") no-repeat;
background-size: 100% 100%;
img {
width: 100%;
height: 100%;
}
.items {
width: 50%;
height: 70%;
.child {
height: 100px;
background-size: 100% 100%;
}
.left_child {
// width: 439px;
background-size: 100% 100%;
.text {
margin-left: 1.6vw;
margin-top: -0.2vw;
white-space: nowrap;
font-size: 0.8vw;
font-family: "YSBTH";
@include textColor(#5cb2f7, #ffffff);
}
.num {
margin-left: 1.5vw;
font-family: "YSBTH";
white-space: nowrap;
font-size: 0.9vw;
@include textColor(#5cb2f7, #48fafc);
}
&:nth-child(1) {
background: url("~@/assets/recruitment/left-one.svg") no-repeat;
}
&:nth-child(2) {
background: url("~@/assets/recruitment/left-two.svg") no-repeat;
}
}
.right_child {
background-size: 100% 100%;
margin-top: -1vw;
.text {
margin-right: 1.5vw;
margin-top: -0.2vw;
white-space: nowrap;
font-size: 0.8vw;
font-family: "YSBTH";
@include textColor(#5cb2f7, #ffffff);
}
.num {
margin-right: 1.5vw;
font-family: "YSBTH";
white-space: nowrap;
font-size: 0.9vw;
@include textColor(#5cb2f7, #48fafc);
}
&:nth-child(1) {
background: url("~@/assets/recruitment/right-one.svg") no-repeat right;
.text {
margin-top: 34px;
}
}
&:nth-child(2) {
background: url("~@/assets/recruitment/right-two.svg") no-repeat right;
.text {
margin-top: 34px;
}
}
}
}
.inLeft,
.inright {
display: flex;
flex-direction: column;
justify-content: space-around;
align-items: center;
}
.inLeft {
// margin-left: -2vw;
}
.inright {
.num {
margin-left: 40px !important;
}
}
.ohher {
position: absolute;
top: 60px;
left: 162px;
font-family: "YSBTH";
font-size: 16px;
white-space: nowrap;
}
}
.incenter {
box-sizing: border-box;
position: absolute;
top: 73%;
left: 50%;
transform: translateX(-54%);
width: 60%;
.hedbt {
text-align: center;
margin-bottom: 10px;
.text {
white-space: nowrap;
font-size: 2vw;
font-family: "YSBTH";
@include textColor(#5cb2f7, #ffffff);
margin-left: 70px;
}
}
.ctbox {
justify-content: space-around;
padding-left: 30px;
font-size: 3vw;
font-family: "YSBTH";
@include textColor(#5cb2f7, #ffffff);
}
}
</style>

36
src/views/recruitment/components/enterpriseEmploymentCard.vue
View File

@ -33,6 +33,14 @@ const props = defineProps({
count: "",
class: ""
})
},
type3: {
type: Object,
default: () => ({
title: "",
count: "",
class: ""
})
}
});
</script>
@ -43,7 +51,7 @@ const props = defineProps({
<div class="left">{{ title }}</div>
<div class="right">{{ description }}</div>
</div>
<slot name="header"></slot>
<div class="row">
<div :class="type1.class">
<div class="title">{{ type1.title }}</div>
@ -53,6 +61,10 @@ const props = defineProps({
<div class="title">{{ type2.title }}</div>
<div class="count">{{ type2.count }}</div>
</div>
<div :class="type3.class">
<div class="title">{{ type3.title }}</div>
<div class="count">{{ type3.count }}</div>
</div>
</div>
<div class="cardWrapper">
@ -70,6 +82,7 @@ const props = defineProps({
height: 24.6875vw;
background: url("~@/assets/recruitment/module_bg.svg") no-repeat;
background-size: 100% 100%;
overflow: hidden;
.cardWrapper {
position: relative;
@ -79,6 +92,7 @@ const props = defineProps({
.row {
display: flex;
justify-content:space-between;
margin: 0.521vw 0.573vw 0;
.count {
@ -90,6 +104,7 @@ const props = defineProps({
color: #ffffff;
margin-bottom: 0.46875vw;
font-size: 0.729vw;
font-weight:700 ;
}
.modelItem1 {
@ -111,6 +126,25 @@ const props = defineProps({
width: 9.823vw;
height: 4.167vw;
}
.modelItem3 {
padding-top: 0.8vw;
padding-left: 3.2vw;
text-align: left;
width: 7vw;
height: 4.167vw;
}
.first{
background: url("~@/assets/recruitment/first.svg") no-repeat;
background-size: auto 100%;
}
.seconed{
background: url("~@/assets/recruitment/seconed.svg") no-repeat;
background-size: auto 100%;
}
.third{
background: url("~@/assets/recruitment/third.svg") no-repeat;
background-size: auto 100%;
}
}
.titleWrapper {

247
src/views/recruitment/components/recruitment.scss
View File

@ -13,67 +13,70 @@
background-size: 100% 100%;
color: #fff;
// 头部
.homeHead,.homeHeadsmall {
display: flex;
justify-content: space-between;
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 8;
height: 4.896vw !important;
background: url('~@/assets/recruitment/header_bg.svg') no-repeat;
background-size: 100%;
// 头部
.homeHead,
.homeHeadsmall {
display: flex;
justify-content: space-between;
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 8;
height: 4.896vw !important;
background: url('~@/assets/recruitment/header_bg.svg') no-repeat;
background-size: 100%;
.left_Head {
position: absolute;
left: 1vw;
top: 2.135vw;
font-family: "DigifaceWide";
}
.center_head {
position: absolute;
top: 2vw;
left: 50%;
transform: translateX(-56%);
font-size: 4vw;
font-family: "YSBTH";
letter-spacing: 0.104vw;
font-weight: 400;
white-space: nowrap;
span {
background-image: linear-gradient(to top, #165493 10%, #ffffff 50%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
&::before {
content: attr(text);
.left_Head {
position: absolute;
z-index: -2;
left: 1vw;
top: 2.135vw;
font-family: "DigifaceWide";
}
}
.right_head {
position: absolute;
right: 1.875vw;
top: 2.135vw;
.setting {
.center_head {
position: absolute;
top: -10px;
left: -78px;
width: 1.8vw;
height: 1.8vw;
top: 2vw;
left: 50%;
transform: translateX(-56%);
font-size: 4vw;
font-family: "YSBTH";
letter-spacing: 0.104vw;
font-weight: 400;
white-space: nowrap;
span {
background-image: linear-gradient(to top, #165493 10%, #ffffff 50%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
&::before {
content: attr(text);
position: absolute;
z-index: -2;
}
}
.right_head {
position: absolute;
right: 1.875vw;
top: 2.135vw;
.setting {
position: absolute;
top: -10px;
left: -78px;
width: 1.8vw;
height: 1.8vw;
}
}
}
}
.homeHeadsmall{
// background: url('~@/assets/images/home_head_small.png') no-repeat center center;
.homeHeadsmall {
// background: url('~@/assets/images/home_head_small.png') no-repeat center center;
height: 6.771vw;
.center_head {
position: absolute;
top: 0.5vw;
@ -87,86 +90,86 @@
}
}
// 侧边
.asidemodel {
position: absolute;
top: 5.888vw;
//width: 22.396vw;
//height: calc(100vh - 13.75vw);
//transform: perspective(6.25vw) rotateY(2deg);
// 侧边
.asidemodel {
position: absolute;
top: 5.888vw;
//width: 22.396vw;
//height: calc(100vh - 13.75vw);
//transform: perspective(6.25vw) rotateY(2deg);
.asideHead {
position: relative;
height: 2.083vw;
line-height: 2.083vw;
margin-bottom: 1.042vw;
padding-left: 0.729vw;
padding-right: 0.729vw;
box-sizing: border-box;
.asideHead {
position: relative;
height: 2.083vw;
line-height: 2.083vw;
margin-bottom: 1.042vw;
padding-left: 0.729vw;
padding-right: 0.729vw;
box-sizing: border-box;
span {
font-size: 1.458vw;
@include textColor(#499FF2, #ffffff);
font-family: "HANYILINGXINTIJIAN";
span {
font-size: 1.458vw;
@include textColor(#499FF2, #ffffff);
font-family: "HANYILINGXINTIJIAN";
}
&::after {
position: absolute;
content: '';
width: 8.594vw;
height: 1.146vw;
left: 0.104vw;
top: 1.823vw;
background: url('~@/assets/images/bg_03.png') no-repeat left bottom;
background-size: 100%;
}
}
&::after {
position: absolute;
content: '';
width: 8.594vw;
height: 1.146vw;
left: 0.104vw;
top: 1.823vw;
background: url('~@/assets/images/bg_03.png') no-repeat left bottom;
.asideHeadR {
position: relative;
&::after {
position: absolute;
content: '';
width: 8.594vw;
height: 1.146vw;
left: 13.333vw;
top: 1.823vw;
background: url('~@/assets/images/bg_03.png') no-repeat left bottom;
background-size: 100%;
transform: rotate(180deg);
}
}
.modelBox {
height: calc(100% - 3.125vw);
}
.asideItem {
flex: 1 0 0;
// margin: 0px 0.052vw;
margin: 0 0.052vw 1.5vh;
overflow: hidden;
// margin-bottom: 0.26vw;
background: url('~@/assets/images/bg_04.png') no-repeat left bottom;
background-size: 100%;
}
}
.asideHeadR {
position: relative;
&::after {
position: absolute;
content: '';
width: 8.594vw;
height: 1.146vw;
left: 13.333vw;
top: 1.823vw;
background: url('~@/assets/images/bg_03.png') no-repeat left bottom;
background-size: 100%;
transform: rotate(180deg);
}
}
.modelBox {
height: calc(100% - 3.125vw);
}
.asideItem {
flex: 1 0 0;
// margin: 0px 0.052vw;
margin: 0 0.052vw 1.5vh;
overflow: hidden;
// margin-bottom: 0.26vw;
background: url('~@/assets/images/bg_04.png') no-repeat left bottom;
background-size: 100%;
}
}
.asidemodelR {
//transform: perspective(6.25vw) rotateY(-2deg);
//transform: perspective(6.25vw) rotateY(-2deg);
}
// 展开-关闭按钮
.showNeun {
position: absolute;
top: 47%;
transform: translateY(-50%);
width: 4.313vw;
height: 22.802vw;
background: url('~@/assets/images/home_left.png') no-repeat center center;
background-size: 100% 100%;
}
// 展开-关闭按钮
.showNeun {
position: absolute;
top: 47%;
transform: translateY(-50%);
width: 4.313vw;
height: 22.802vw;
background: url('~@/assets/images/home_left.png') no-repeat center center;
background-size: 100% 100%;
}
.showNeunR {
background: url('~@/assets/images/home_right.png') no-repeat center center;

149
src/views/recruitment/index.vue
View File

@ -1,5 +1,6 @@
<template>
<div class="bigScrenn">
<div class="bg">
<!-- 头部 -->
<Head title="兴蜀人力数据概览"></Head>
<div
@ -20,19 +21,26 @@
indicator-position="none"
:autoplay="true"
>
<el-carousel-item><EnterpriseEmploymentOne /></el-carousel-item>
<el-carousel-item><EnterpriseEmploymentTwo /></el-carousel-item>
<el-carousel-item><EnterpriseEmploymentThree /></el-carousel-item>
<el-carousel-item><EnterpriseEmploymentOne /></el-carousel-item>
<!-- <el-carousel-item><EnterpriseEmploymentThree /></el-carousel-item> -->
</el-carousel>
</enterprise-employment-card>
<!-- 左2 -->
<enterprise-employment-card
:title="cardTwoInfo.title"
:description="cardTwoInfo.description"
:type1="cardTwoInfo.type1"
:type2="cardTwoInfo.type2"
:type3="cardTwoInfo.type3"
style="margin-top: 0.625vw"
>
<template v-slot:header>
<div style="margin-top:1vw" class="header_bg">产业求人倍率</div>
</template>
<div class="header_bg" style="margin-top:1vw">就业生态数据</div>
<costom-caed />
</enterprise-employment-card>
</div>
@ -45,50 +53,47 @@
:style="{ right: isOpen_R ? '1vw' : '-22.369vw' }"
>
<!-- 右1 -->
<enterprise-employment-card
:title="cardFourInfo.title"
:description="cardFourInfo.description"
:type1="cardFourInfo.type1"
:type2="cardFourInfo.type2"
>
<!-- <el-carousel-->
<!-- :interval="8000"-->
<!-- type="card"-->
<!-- height="17vw"-->
<!-- indicator-position="none"-->
<!-- :autoplay="true"-->
<!-- >-->
<!-- <el-carousel-item><LaborSystemOne /></el-carousel-item> -->
<div class="isVisibleImg"><LaborSystemTwo /></div>
<!-- <el-carousel-item><LaborSystemThree /></el-carousel-item> -->
<!-- <el-carousel-item><LaborSystemFour /></el-carousel-item> -->
<!-- </el-carousel>-->
</enterprise-employment-card>
<enterprise-employment-card
style="margin-top: 0.625vw"
:title="cardThreeInfo.title"
:description="cardThreeInfo.description"
:type1="cardThreeInfo.type1"
:type2="cardThreeInfo.type2"
>
<el-carousel
:interval="8000"
type="card"
height="17vw"
indicator-position="none"
:autoplay="true"
>
<el-carousel-item><CollegeTalentsOne /></el-carousel-item>
<el-carousel-item><CollegeTalentsTwo /></el-carousel-item>
<!-- <el-carousel-item><CollegeTalentsThree /></el-carousel-item> -->
</el-carousel>
<template v-slot:header>
<div class="header_bg" style="margin-top:1vw">近2个月保供入职人员分析</div>
</template>
<ListView/>
</enterprise-employment-card>
<!-- 右2 -->
<enterprise-employment-card
:title="cardFourInfo.title"
:description="cardFourInfo.description"
:type1="cardFourInfo.type1"
:type2="cardFourInfo.type2"
style="margin-top: 0.625vw"
>
<el-carousel
:interval="8000"
type="card"
height="17vw"
indicator-position="none"
:autoplay="true"
>
<!-- <el-carousel-item><LaborSystemOne /></el-carousel-item> -->
<el-carousel-item><LaborSystemTwo /></el-carousel-item>
<!-- <el-carousel-item><LaborSystemThree /></el-carousel-item> -->
<!-- <el-carousel-item><LaborSystemFour /></el-carousel-item> -->
</el-carousel>
</enterprise-employment-card>
</div>
<div class="last_icon"></div>
<!-- 弹窗 -->
<HomeDialogInfo v-model="dialogShow" />
</div>
</div>
</template>
<script>
export default {
@ -109,7 +114,8 @@ import Carousel from "@/views/recruitment/components/carousel.vue";
import EnterpriseEmploymentOne from "./card/EnterpriseEmploymentOne.vue";
import EnterpriseEmploymentTwo from "./card/EnterpriseEmploymentTwo.vue";
import EnterpriseEmploymentThree from "./card/EnterpriseEmploymentThree.vue";
import CollegeTalentsOne from "./card/CollegeTalentsOne.vue";
// import CollegeTalentsOne from "./card/CollegeTalentsOne.vue";
import ListView from "./card/ListView.vue";
import CollegeTalentsTwo from "./card/CollegeTalentsTwo.vue";
import CollegeTalentsThree from "./card/CollegeTalentsThree.vue";
import LaborSystemOne from "./card/LaborSystemOne.vue";
@ -135,8 +141,8 @@ const asideMeun = reactive({
]
});
const cardOneInfo = {
title: "企业用工结构分布",
description: "7万家企业(含个体工商户)",
title: "服务企业用工结构分布",
description: "",
type1: {
title: "岗位种类数",
count: "765个",
@ -149,30 +155,34 @@ const cardOneInfo = {
}
};
const cardTwoInfo = {
title: "服务网络覆盖情况",
description: "17家人力资源机构",
title: "兴蜀就业生态数据",
type1: {
title: "公共服务站点",
count: "40",
class: "modelItem1"
title: "第一产业",
count: "1.01",
class: "modelItem3 first"
},
type2: {
title: "第二产业",
count: "1.36",
class: "modelItem3 seconed"
},
type3: {
title: "第三产业",
count: "1.29",
class: "modelItem3 third"
}
// type2: {
// title: "其他服务机构",
// count: "200",
// class: "modelItem1"
// }
};
const cardThreeInfo = {
title: "高校人才供给能力",
description: "4000+毕业生",
title: "重点企业保供案例",
// description: "4000+毕业生",
type1: {
title: "学校数",
count: "7",
title: "招募总人数",
count: "9775",
class: "modelItem2"
},
type2: {
title: "促就业人数",
count: "2980",
title: "企业总人数(10/9)",
count: "38448",
class: "modelItem2"
}
};
@ -180,13 +190,13 @@ const cardFourInfo = {
title: "三级劳务体系建设",
description: "198名平台劳务经纪人",
type1: {
title: "合作社",
count: "5",
title: "区域劳务协作",
count: "19个区县",
class: "modelItem2"
},
type2: {
title: "劳务经纪人",
count: "198",
count: "198名",
class: "modelItem2"
}
};
@ -227,6 +237,11 @@ function getWebSocketData() {
.transition {
transition: all 0.5s;
}
.isVisibleImg.el-carousel__item {
background: none !important;
}
.el-carousel {
margin-top: 0.5vw;
}
@ -242,4 +257,28 @@ function getWebSocketData() {
:deep(.el-carousel__mask) {
display: none;
}
.header_bg {
height: 17px;
font-family: PingFang SC, PingFang SC;
font-weight: 600;
font-size: 0.729vw;;
color: #c4f3fe;
line-height: 19px;
letter-spacing: 1px;
text-align: center;
font-style: normal;
text-transform: none;
}
.bg{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
background: url('~@/assets/recruitment/bjtl.svg') no-repeat center center;
background-size: 102% 100%;
// background: url("~@/assets/recruitment/mbc.png") no-repeat center center;
// background-size: 100% 100%;
}
</style>

1028
src/views/recruitment/layout/centerModel.vue
View File

File diff suppressed because it is too large Load Diff