Skip to content

B
bkunyun
Commit 7168b118 authored by chenshouchao's avatar chenshouchao
Browse files
Options

feat: 完成批流切换组件

parent e4369ff8
Hide whitespace changes
Inline Side-by-side
Showing with 338 additions and 6 deletions
src/assets/resourceCenter/batchImg.svg 0 → 100644
View file @ 7168b118
<?xml version="1.0" encoding="UTF-8"?>
<svg width="240px" height="249px" viewBox="0 0 240 249" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>矩形备份 18</title>
<defs>
<rect id="path-1" x="0" y="0" width="240" height="249" rx="8"></rect>
<filter x="-16.1%" y="-19.6%" width="132.2%" height="139.2%" filterUnits="objectBoundingBox" id="filter-3">
<feOffset dx="0" dy="3" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
<feGaussianBlur stdDeviation="2.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
<feColorMatrix values="0 0 0 0 0.803607664 0 0 0 0 0.598314046 0 0 0 0 0.12907149 0 0 0 1 0" type="matrix" in="shadowBlurOuter1" result="shadowMatrixOuter1"></feColorMatrix>
<feMerge>
<feMergeNode in="shadowMatrixOuter1"></feMergeNode>
<feMergeNode in="SourceGraphic"></feMergeNode>
</feMerge>
</filter>
<rect id="path-4" x="0" y="0" width="99.2784993" height="81.6780822" rx="4.95365079"></rect>
<rect id="path-6" x="0" y="0" width="37.2294372" height="27.2260274" rx="2.4768254"></rect>
<filter x="-21.5%" y="-25.7%" width="143.0%" height="158.8%" filterUnits="objectBoundingBox" id="filter-7">
<feOffset dx="0" dy="1" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
<feGaussianBlur stdDeviation="2.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
<feColorMatrix values="0 0 0 0 1 0 0 0 0 0.951385579 0 0 0 0 0.840266902 0 0 0 1 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
</filter>
</defs>
<g id="新" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="个人资源-新建应用环境备份-6" transform="translate(-839.000000, -1033.000000)">
<g id="编组-20" transform="translate(106.000000, 996.000000)">
<g id="矩形备份-18" transform="translate(733.000000, 37.000000)">
<mask id="mask-2" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<use id="蒙版" fill="#FFFFFF" xlink:href="#path-1"></use>
<rect id="矩形备份-6" fill="#FFB919" mask="url(#mask-2)" x="0" y="0" width="240" height="165"></rect>
<g id="编组-8" mask="url(#mask-2)">
<g transform="translate(41.818182, 41.746575)">
<g id="编组-2" transform="translate(0.000000, 14.850560)">
<rect id="矩形" fill="#8C6713" x="0" y="0" width="38.4704185" height="25.9884807" rx="2.4768254"></rect>
<g id="baoguo_dabao_o" transform="translate(12.409812, 4.950187)" fill="#F7F8FA" fill-rule="nonzero">
<path d="M11.7329135,6.19484584 L14.8917749,8.04405355 L11.7329135,9.89326125 L14.8917749,11.742469 L7.49101403,16.0881071 L0,11.742469 L3.15886133,9.89326125 L0,8.04405355 L3.15886133,6.19484584 L0,4.34563812 L7.40076084,0 L14.8015217,4.43809851 L11.7329135,6.19484584 Z M4.06139315,6.74960816 L1.80506362,8.04405355 L7.40076084,11.3726274 L12.9964581,8.04405355 L10.8303817,6.74960816 L7.40076084,8.78373663 L4.06139315,6.74960816 L4.06139315,6.74960816 Z M10.8303817,10.4480236 L7.40076084,12.4821521 L3.97113996,10.4480236 L1.80506362,11.742469 L7.40076084,15.0710429 L12.9964581,11.742469 L10.8303817,10.4480236 L10.8303817,10.4480236 Z M7.40076084,1.10952463 L1.80506362,4.34563812 L7.40076084,7.674212 L12.9964581,4.34563812 L7.40076084,1.10952463 L7.40076084,1.10952463 Z" id="形状"></path>
</g>
</g>
<g id="编组-3" transform="translate(0.000000, 45.789228)">
<rect id="矩形备份-7" fill="#8C6713" x="0" y="0" width="38.4704185" height="25.9884807" rx="2.4768254"></rect>
<g id="jiaobendingyix" transform="translate(12.409812, 7.425280)" fill="#F7F8FA" fill-rule="nonzero">
<path d="M3.7866091,10.6317335 L10.2741601,0 L11.1787711,0.507996798 L4.69122013,11.1379203 L3.7866091,10.6311301 L3.7866091,10.6317335 Z M1.05203093,5.53366584 L3.89222039,2.83862819 L3.82055559,2.71856719 L3.34530476,1.94028231 L0.314009146,4.81993637 C-0.100219148,5.2154654 -0.105267035,5.85737409 0.30269365,6.25885841 L3.33398926,9.19824131 L3.88719128,8.29024229 L1.05203093,5.53366584 Z M14.5778203,4.81993637 L11.5465247,1.94028231 L11.0712739,2.71856719 L10.9989804,2.83983483 L13.8397985,5.53487248 L11.0046382,8.29144893 L11.5559543,9.19944796 L14.5885072,6.26006506 C14.9971223,5.85825286 14.9920932,5.21631867 14.5778203,4.81993637 Z" id="形状"></path>
</g>
</g>
<g id="编组-19" transform="translate(34.747475, 0.000000)">
<g id="矩形" filter="url(#filter-3)">
<mask id="mask-5" fill="white">
<use xlink:href="#path-4"></use>
</mask>
<use id="蒙版" fill="#FFFFFF" xlink:href="#path-4"></use>
<rect fill="#DBDCE5" mask="url(#mask-5)" x="0" y="0" width="99.2784993" height="14.8505604"></rect>
</g>
<ellipse id="椭圆形" fill="#FFFFFF" cx="7.44588745" cy="7.4252802" rx="2.48196248" ry="2.4750934"></ellipse>
<ellipse id="椭圆形备份" fill="#FFFFFF" cx="14.8917749" cy="7.4252802" rx="2.48196248" ry="2.4750934"></ellipse>
<ellipse id="椭圆形备份-2" fill="#FFFFFF" cx="22.3376623" cy="7.4252802" rx="2.48196248" ry="2.4750934"></ellipse>
<g id="编组-7" transform="translate(4.963925, 22.275841)">
<rect id="矩形" fill="#E0E2EA" x="0" y="19.8007472" width="22.3376623" height="9.9003736" rx="2.4768254"></rect>
<rect id="矩形备份-10" fill="#E0E2EA" x="34.7474747" y="0" width="22.3376623" height="9.9003736" rx="2.4768254"></rect>
<rect id="矩形备份-11" fill="#E0E2EA" x="34.7474747" y="19.8007472" width="22.3376623" height="9.9003736" rx="2.4768254"></rect>
<rect id="矩形备份-15" fill="#E0E2EA" x="70.7359307" y="19.8007472" width="22.3376623" height="9.9003736" rx="2.4768254"></rect>
<rect id="矩形备份-12" fill="#E0E2EA" x="34.7474747" y="39.6014944" width="22.3376623" height="9.9003736" rx="2.4768254"></rect>
<line x1="22.3376623" y1="24.750934" x2="34.7474747" y2="24.750934" id="路径-3" stroke="#979797" stroke-width="1.2384127"></line>
<path d="M34.7474747,4.9501868 L31.0193939,4.9501868 C29.651481,4.9501868 28.5425685,6.0590993 28.5425685,7.4270122 L28.5425685,42.0748558 C28.5425685,43.4427687 29.651481,44.5516812 31.0193939,44.5516812 L34.7474747,44.5516812 L34.7474747,44.5516812" id="路径-4" stroke="#979797" stroke-width="1.2384127"></path>
<path d="M57.0851371,44.5516812 L61.1437185,44.5516812 C62.5116314,44.5516812 63.6205439,43.4427687 63.6205439,42.0748558 L63.6205439,7.4270122 C63.6205439,6.0590993 62.5116314,4.9501868 61.1437185,4.9501868 L57.0851371,4.9501868 L57.0851371,4.9501868" id="路径-5" stroke="#979797" stroke-width="1.2384127"></path>
<line x1="57.0851371" y1="24.750934" x2="70.7359307" y2="24.750934" id="路径-6" stroke="#979797" stroke-width="1.2384127"></line>
</g>
<g id="编组-5" transform="translate(84.386724, 33.413761)">
<g id="矩形备份-14">
<use fill="black" fill-opacity="1" filter="url(#filter-7)" xlink:href="#path-6"></use>
<use fill="#FFFFFF" fill-rule="evenodd" xlink:href="#path-6"></use>
</g>
<g id="chenggong" transform="translate(9.927850, 4.950187)" fill="#52C41A" fill-rule="nonzero">
<path d="M8.68686869,17.3256538 C3.88934802,17.3256538 0,13.4470699 0,8.6628269 C0,3.87858386 3.88934802,0 8.68686869,0 C13.4843894,0 17.3737374,3.87858386 17.3737374,8.6628269 C17.3737374,13.4470699 13.4843894,17.3256538 8.68686869,17.3256538 Z M7.75342516,11.3065642 L4.9594123,8.52107155 C4.7260437,8.30421831 4.36237985,8.310617 4.13682763,8.53554498 C3.91127541,8.76047296 3.90485898,9.12313034 4.12231405,9.35585306 L7.35619835,12.5815748 C7.35828851,12.5836905 7.36039448,12.5857906 7.36251607,12.587875 L7.36725436,12.5918127 C7.49616719,12.7203159 7.67723197,12.7824704 7.85814663,12.7603224 C8.03906128,12.7381744 8.19967399,12.6341909 8.29359045,12.4784084 L14.539449,5.47175649 C14.6799538,5.31391506 14.7253445,5.09331261 14.6585228,4.89304795 C14.5917012,4.69278329 14.422819,4.54328138 14.2154925,4.50085815 C14.0081661,4.45843492 13.7938932,4.52953546 13.6533884,4.68737689 L7.75342516,11.3065642 Z" id="形状"></path>
</g>
</g>
</g>
</g>
</g>
<text id="构建批式Actor环境备份-2" mask="url(#mask-2)" font-family="PingFangSC-Medium, PingFang SC" font-size="16" font-weight="400" line-spacing="24" fill="#1E2633">
<tspan x="51.512" y="198.000467">构建批式Actor环境</tspan>
</text>
<text id="仅支持shell脚本" mask="url(#mask-2)" font-family="PingFangSC-Regular, PingFang SC" font-size="12" font-weight="normal" line-spacing="20" fill="#8A9099">
<tspan x="77.484" y="222">仅支持shell脚本</tspan>
</text>
</g>
</g>
</g>
</g>
</svg>
\ No newline at end of file
src/assets/resourceCenter/flowImg.svg 0 → 100644
View file @ 7168b118
<?xml version="1.0" encoding="UTF-8"?>
<svg width="240px" height="249px" viewBox="0 0 240 249" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>编组 40备份 4</title>
<defs>
<rect id="path-1" x="0" y="0" width="240" height="249" rx="8"></rect>
<rect id="path-3" x="0" y="0" width="99.047619" height="81" rx="4.9632"></rect>
<filter x="-10.1%" y="-9.9%" width="120.2%" height="124.7%" filterUnits="objectBoundingBox" id="filter-5">
<feOffset dx="0" dy="2" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
<feGaussianBlur stdDeviation="3" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
<feColorMatrix values="0 0 0 0 0.114151225 0 0 0 0 0.59037626 0 0 0 0 0.477660275 0 0 0 1 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
</filter>
<rect id="path-6" x="0" y="0" width="37.1428571" height="27.4153846" rx="2.4816"></rect>
<filter x="-25.6%" y="-31.0%" width="151.2%" height="169.3%" filterUnits="objectBoundingBox" id="filter-7">
<feOffset dx="0" dy="1" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
<feGaussianBlur stdDeviation="3" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
<feColorMatrix values="0 0 0 0 0.734082611 0 0 0 0 0.827260778 0 0 0 0 0.805206774 0 0 0 1 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
</filter>
</defs>
<g id="新" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="个人资源-新建应用环境备份-6" transform="translate(-839.000000, -1414.000000)">
<g id="编组-20" transform="translate(106.000000, 996.000000)">
<g id="编组-40备份-4" transform="translate(733.000000, 418.000000)">
<mask id="mask-2" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<use id="蒙版" fill="#FFFFFF" xlink:href="#path-1"></use>
<rect id="矩形" fill="#02AB83" mask="url(#mask-2)" x="0" y="0" width="240" height="165"></rect>
<g id="编组-39" mask="url(#mask-2)">
<g transform="translate(41.000000, 43.000000)">
<g id="编组-9" stroke-width="1" fill="none">
<g id="编组-2" transform="translate(0.000000, 15.282378)">
<rect id="矩形" fill="#11886C" x="0" y="0" width="38.3809524" height="26.1692308" rx="2.4816"></rect>
<g id="wenjianjia-2" transform="translate(11.142857, 4.984615)" fill="#FFFFFF" fill-rule="nonzero">
<path d="M14.9852217,2.21538513 L6.58850246,2.21538513 L5.71491954,0.58541596 C5.52198545,0.224798567 5.14553694,-0.000299468679 4.73588506,2.99033411e-07 L1.11001642,2.99033411e-07 C0.497842365,2.99033411e-07 0,0.496800579 0,1.10769286 L0,13.8461539 C0,14.4570462 0.497842365,14.9538462 1.11001642,14.9538462 L14.9852217,14.9538462 C15.5973957,14.9538462 16.0952381,14.4570462 16.0952381,13.8461539 L16.0952381,3.32307739 C16.0952381,2.71218511 15.5973957,2.21538513 14.9852217,2.21538513 Z M1.11001642,1.10769286 L4.73588506,1.10769286 L5.92304762,3.32307739 L14.9852217,3.32307739 L14.9852217,5.01895424 C14.9780066,5.01895424 14.9713465,5.01673886 14.9641314,5.01673886 L1.13166174,5.01673886 C1.12444663,5.01673886 1.11778654,5.01895424 1.11001642,5.01895424 L1.11001642,1.10769286 Z M1.11001642,13.8461539 L1.11001642,12.1846155 L1.13166174,6.12443112 L14.9852217,6.14547728 L14.9852217,12.1846155 L14.9863317,12.1846155 L14.9863317,13.8461539 L1.11001642,13.8461539 Z" id="形状"></path>
</g>
</g>
<g id="编组-3" transform="translate(0.000000, 46.436224)">
<rect id="矩形备份-7" fill="#11886C" x="0" y="0" width="38.3809524" height="26.1692308" rx="2.4816"></rect>
<g id="python-file-" transform="translate(12.380952, 6.230769)" fill="#FFFFFF" fill-rule="nonzero">
<path d="M8.66666667,13.0846154 C8.66666667,13.4287313 8.94382373,13.7076923 9.28571429,13.7076923 C9.62760485,13.7076923 9.9047619,13.4287313 9.9047619,13.0846154 C9.9047619,12.7404995 9.62760485,12.4615385 9.28571429,12.4615385 C8.94382373,12.4615385 8.66666667,12.7404995 8.66666667,13.0846154 Z" id="路径"></path>
<path d="M6.19047619,1.86923077 C6.19047619,2.21334665 6.46763325,2.49230769 6.80952381,2.49230769 C7.15141437,2.49230769 7.42857143,2.21334665 7.42857143,1.86923077 C7.42857143,1.52511489 7.15141437,1.24615385 6.80952381,1.24615385 C6.46763325,1.24615385 6.19047619,1.52511489 6.19047619,1.86923077 Z" id="路径"></path>
<path d="M13.1768708,3.47142857 L11.4081633,3.47142857 L11.4081633,1.69120879 C11.4081633,0.758373626 10.6546939,0 9.72789116,0 L5.1292517,0 C4.20244898,0 3.44897959,0.758373626 3.44897959,1.69120879 L3.44897959,3.47142857 L1.6802721,3.47142857 C0.753469388,3.47142857 0,4.2298022 0,5.16263736 L0,9.7912088 C0,10.724044 0.753469388,11.4824176 1.6802721,11.4824176 L3.44897959,11.4824176 L3.44897959,13.2626374 C3.44897959,14.1954725 4.20244898,14.9538462 5.1292517,14.9538462 L9.72789116,14.9538462 C10.6546939,14.9538462 11.4081633,14.1954725 11.4081633,13.2626374 L11.4081633,11.4824176 L13.1768708,11.4824176 C14.1036735,11.4824176 14.8571429,10.724044 14.8571429,9.7912088 L14.8571429,5.16263736 C14.8571429,4.2298022 14.1036735,3.47142857 13.1768708,3.47142857 Z M1.6802721,10.4142857 C1.33891155,10.4142857 1.06122449,10.1347912 1.06122449,9.7912088 L1.06122449,5.16263736 C1.06122449,4.81905493 1.33891157,4.53956044 1.6802721,4.53956044 L6.85374149,4.53956044 C7.14734694,4.53956044 7.38435374,4.30101099 7.38435374,4.00549451 C7.38435374,3.70997802 7.14734694,3.47142857 6.85374149,3.47142857 L4.51020408,3.47142857 L4.51020408,1.69120879 C4.51020408,1.34762636 4.78789116,1.06813187 5.1292517,1.06813187 L9.72789116,1.06813187 C10.0692517,1.06813187 10.3469388,1.34762638 10.3469388,1.69120879 L10.3469388,6.48534066 C10.3469388,6.73813188 10.1435374,6.94285714 9.89238096,6.94285714 L4.9647619,6.94285714 C4.12816327,6.94285714 3.44897959,7.62824176 3.44897959,8.46850549 L3.44897959,10.4142857 L1.6802721,10.4142857 Z M13.7959184,9.7912088 C13.7959184,10.1347912 13.5182313,10.4142857 13.1768708,10.4142857 L8.00340137,10.4142857 C7.70979592,10.4142857 7.47278912,10.6528352 7.47278912,10.9483516 C7.47278912,11.2438681 7.70979592,11.4824176 8.00340137,11.4824176 L10.3469388,11.4824176 L10.3469388,13.2626374 C10.3469388,13.6062198 10.0692517,13.8857143 9.72789116,13.8857143 L5.1292517,13.8857143 C4.78789115,13.8857143 4.51020408,13.6062198 4.51020408,13.2626374 L4.51020408,8.46850549 C4.51020408,8.21571427 4.71360545,8.01098901 4.9647619,8.01098901 L9.89238096,8.01098901 C10.7289796,8.01098901 11.4081633,7.32560439 11.4081633,6.48534066 L11.4081633,4.53956044 L13.1768708,4.53956044 C13.5182313,4.53956044 13.7959184,4.81905495 13.7959184,5.16263736 L13.7959184,9.7912088 Z" id="形状"></path>
</g>
</g>
<g id="编组-19备份" transform="translate(34.666667, 0.000000)">
<g id="矩形">
<mask id="mask-4" fill="white">
<use xlink:href="#path-3"></use>
</mask>
<g id="蒙版">
<use fill="black" fill-opacity="1" filter="url(#filter-5)" xlink:href="#path-3"></use>
<use fill="#FFFFFF" fill-rule="evenodd" xlink:href="#path-3"></use>
</g>
<rect fill="#DBDCE5" mask="url(#mask-4)" x="0" y="0" width="99.047619" height="14.7272727"></rect>
</g>
<ellipse id="椭圆形" fill="#FFFFFF" cx="7.42857143" cy="7.36363636" rx="2.47619048" ry="2.45454545"></ellipse>
<ellipse id="椭圆形备份" fill="#FFFFFF" cx="14.8571429" cy="7.36363636" rx="2.47619048" ry="2.45454545"></ellipse>
<ellipse id="椭圆形备份-2" fill="#FFFFFF" cx="22.2857143" cy="7.36363636" rx="2.47619048" ry="2.45454545"></ellipse>
<rect id="矩形" fill="#E0E2EA" x="6.19047619" y="22.0909091" width="22.2857143" height="9.81818182" rx="2.4816"></rect>
<rect id="矩形备份-11" fill="#E0E2EA" x="70.5714286" y="22.0909091" width="22.2857143" height="9.81818182" rx="2.4816"></rect>
<line x1="28.4761905" y1="27" x2="70.5714286" y2="27" id="路径-9" stroke="#979797" stroke-width="1.2408"></line>
<rect id="矩形备份-10" fill="#E0E2EA" x="38.3809524" y="22.0909091" width="22.2857143" height="9.81818182" rx="2.4816"></rect>
<path d="M81.7142857,31.9090909 L81.7142857,44.7414853 C81.7142857,46.1120351 80.6032355,47.2230853 79.2326857,47.2230853 L19.8149333,47.2230853 C18.4443835,47.2230853 17.3333333,48.3341354 17.3333333,49.7046853 L17.3333333,64.3197986 C17.3333333,65.6903484 18.4443835,66.8013986 19.8149333,66.8013986 L42.5488933,66.8013986 L42.5488933,66.8013986" id="路径-10" stroke="#979797" stroke-width="1.2408"></path>
<rect id="矩形备份-12" fill="#E0E2EA" x="54.4761905" y="41.7839161" width="22.2857143" height="9.81818182" rx="2.4816"></rect>
<rect id="矩形备份-13" fill="#E0E2EA" x="24.7619048" y="41.7839161" width="22.2857143" height="9.81818182" rx="2.4816"></rect>
<g id="编组-21" transform="translate(84.190476, 32.928671)">
<g id="矩形备份-14">
<use fill="black" fill-opacity="1" filter="url(#filter-7)" xlink:href="#path-6"></use>
<use fill="#FFFFFF" fill-rule="evenodd" xlink:href="#path-6"></use>
</g>
<g id="chenggong" transform="translate(9.904762, 4.984615)" fill="#52C41A" fill-rule="nonzero">
<path d="M8.66666667,17.1818182 C3.88030303,17.1818182 0,13.3354339 0,8.59090909 C0,3.84638429 3.88030303,0 8.66666667,0 C13.4530303,0 17.3333333,3.84638429 17.3333333,8.59090909 C17.3333333,13.3354339 13.4530303,17.1818182 8.66666667,17.1818182 Z M7.73539394,11.2126983 L4.94787878,8.45033058 C4.7150529,8.23527763 4.35223478,8.24162319 4.1272071,8.46468385 C3.90217943,8.68774451 3.89577791,9.04739115 4.11272728,9.27818182 L7.33909091,12.477124 C7.34117621,12.4792221 7.34327728,12.4813048 7.34539394,12.4833719 L7.35012121,12.4872769 C7.47873425,12.6147132 7.65937794,12.6763518 7.83987187,12.6543876 C8.02036579,12.6324235 8.18060499,12.5293033 8.27430303,12.3748141 L14.5056364,5.42633058 C14.6458144,5.26979954 14.6910995,5.0510285 14.6244333,4.85242642 C14.557767,4.65382433 14.3892775,4.50556357 14.1824333,4.46349253 C13.975589,4.42142149 13.7618144,4.49193177 13.6216364,4.64846281 L7.73539394,11.2126983 Z" id="形状"></path>
</g>
</g>
</g>
</g>
<rect id="矩形备份-16" fill="#E0E2EA" x="73.047619" y="61.9678322" width="22.2857143" height="9.81818182" rx="2.4816"></rect>
</g>
</g>
<text id="构建流式Actor环境" mask="url(#mask-2)" font-family="PingFangSC-Medium, PingFang SC" font-size="16" font-weight="400" line-spacing="24" fill="#1E2633">
<tspan x="51.512" y="198">构建流式Actor环境</tspan>
</text>
<text id="仅支持Python脚本" mask="url(#mask-2)" font-family="PingFangSC-Regular, PingFang SC" font-size="12" font-weight="normal" line-spacing="20" fill="#8A9099">
<tspan x="70.836" y="222">仅支持Python脚本</tspan>
</text>
</g>
</g>
</g>
</g>
</svg>
\ No newline at end of file
src/views/ResourceCenter/UserResources/UserResourcesEnvironment/AddEnvironment/index.module.css
View file @ 7168b118
...@@ -8,7 +8,7 @@ ...@@ -8,7 +8,7 @@
display: flex; display: flex;
} }
.left { .left {
width: 412px; /* width: 412px; */
box-sizing: border-box; box-sizing: border-box;
background-color: rgba(247, 248, 250, 1); background-color: rgba(247, 248, 250, 1);
} }
......
src/views/ResourceCenter/UserResources/UserResourcesEnvironment/AddEnvironment/index.tsx
View file @ 7168b118
...@@ -7,6 +7,7 @@ import useMyRequest from "@/hooks/useMyRequest"; ...@@ -7,6 +7,7 @@ import useMyRequest from "@/hooks/useMyRequest";
import { urlToken } from "@/api/fileserver/raysyncApi"; import { urlToken } from "@/api/fileserver/raysyncApi";
import * as tus from "tus-js-client"; import * as tus from "tus-js-client";
import { useDropzone } from "react-dropzone"; import { useDropzone } from "react-dropzone";
import SwitchBatchFolw from "@/views/ResourceCenter/components/SwitchBatchFolw";
import { import {
getPublicEnv, getPublicEnv,
getPublicProject, getPublicProject,
...@@ -16,11 +17,11 @@ import classNames from "classnames"; ...@@ -16,11 +17,11 @@ import classNames from "classnames";
import { getTokenInfo } from "@/utils/util"; import { getTokenInfo } from "@/utils/util";
type IAddEnvironmentProps = { type IAddEnvironmentProps = {
// addOpen: boolean; setAddopen: any;
}; };
const AddEnvironment = (props: IAddEnvironmentProps) => { const AddEnvironment = (props: IAddEnvironmentProps) => {
// const { addOpen } = props; const { setAddopen } = props;
let tokenInfo = getTokenInfo(); let tokenInfo = getTokenInfo();
const [publicPrijectId, setPublicPrijectId] = useState(""); const [publicPrijectId, setPublicPrijectId] = useState("");
const [publicZoneId, setPublicZoneId] = useState(""); const [publicZoneId, setPublicZoneId] = useState("");
...@@ -154,7 +155,13 @@ const AddEnvironment = (props: IAddEnvironmentProps) => { ...@@ -154,7 +155,13 @@ const AddEnvironment = (props: IAddEnvironmentProps) => {
return ( return (
<div className={style.addEnvironment}> <div className={style.addEnvironment}>
<div className={style.left}></div> <div className={style.left}>
<SwitchBatchFolw
active={taskType}
setActive={setTaskType}
goBack={() => setAddopen(false)}
></SwitchBatchFolw>
</div>
<div className={style.right}> <div className={style.right}>
<div className={style.title}> <div className={style.title}>
{taskType === "BATCH" ? "批式环境信息" : "流式环境信息"} {taskType === "BATCH" ? "批式环境信息" : "流式环境信息"}
......
src/views/ResourceCenter/UserResources/UserResourcesEnvironment/index.tsx
View file @ 7168b118
...@@ -32,11 +32,12 @@ const UserResourcesEnvironment = () => { ...@@ -32,11 +32,12 @@ const UserResourcesEnvironment = () => {
className="iconfont icon-dianzan" className="iconfont icon-dianzan"
></span> ></span>
} }
onClick={() => setAddopen(true)}
></MyButton> ></MyButton>
</div> </div>
</div> </div>
UserResourcesEnvironment UserResourcesEnvironment
{addOpen && <AddEnvironment></AddEnvironment>} {addOpen && <AddEnvironment setAddopen={setAddopen}></AddEnvironment>}
</div> </div>
); );
}; };
......
src/views/ResourceCenter/UserResources/index.tsx
View file @ 7168b118
...@@ -35,7 +35,7 @@ const UserResources = () => { ...@@ -35,7 +35,7 @@ const UserResources = () => {
<Tabs <Tabs
title="个人资源" title="个人资源"
tabList={tabList} tabList={tabList}
defaultValue={"USERRESOURCES_TEMPLATE"} defaultValue={"USERRESOURCES_ENVIRONMENT"}
/> />
</div> </div>
); );
......
src/views/ResourceCenter/components/SwitchBatchFolw/index.module.css 0 → 100644
View file @ 7168b118
.switchBatchFolw {
height: 100vh;
width: 50vh;
background-color: rgba(247, 248, 250, 1);
display: flex;
flex-direction: column;
}
.goBackBox {
box-sizing: border-box;
height: 110px;
padding: 64px 0 14px 25%;
line-height: 32px;
font-size: 18px;
color: #8a9099;
display: flex;
justify-content: flex-start;
align-items: center;
}
.goBackIcon {
width: 32px;
height: 32px;
background-color: #fff;
border-radius: 4px;
margin-right: 12px;
box-shadow: 0px 2px 5px 0px rgba(3, 47, 105, 0.09);
cursor: pointer;
}
.goBackText {
line-height: 32px;
font-size: 18px;
color: #8a9099;
}
.switchBox {
flex: 1;
display: flex;
flex-direction: column;
justify-content: space-around;
align-items: flex-end;
position: relative;
}
.switchItem {
width: 100%;
position: relative;
padding-right: 44px;
display: flex;
flex-direction: column;
align-items: flex-end;
}
.activeSwitchItem {
padding-right: 34px;
}
.itemImg {
width: 58%;
cursor: pointer;
}
.itemImg:hover {
box-shadow: 0px 8px 20px -6px rgba(3, 47, 105, 0.14);
}
.activeImg {
width: 64%;
box-shadow: 0px 12px 30px -8px rgba(3, 47, 105, 0.18);
}
.activeImg:hover {
box-shadow: 0px 12px 30px -8px rgba(3, 47, 105, 0.18);
}
.arrow {
width: 0px;
height: 0px;
border-top: 20px solid transparent;
border-bottom: 20px solid transparent;
border-right: 25px solid #fff;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}
src/views/ResourceCenter/components/SwitchBatchFolw/index.tsx 0 → 100644
View file @ 7168b118
import batchImg from "@/assets/resourceCenter/batchImg.svg";
import flowImg from "@/assets/resourceCenter/flowImg.svg";
import classNames from "classnames";
import goback from "@/assets/project/goback.svg";
import style from "./index.module.css";
type ISwitchBatchFolwProps = {
active: "BATCH" | "FLOW";
setActive: any;
goBack: any;
};
const SwitchBatchFolw = (props: ISwitchBatchFolwProps) => {
const { active, setActive, goBack } = props;
return (
<div className={style.switchBatchFolw}>
<div className={style.goBackBox}>
<img
className={style.goBackIcon}
src={goback}
alt=""
onClick={() => goBack()}
/>
<span className={style.goBackText}>返回</span>
</div>
<div className={style.switchBox}>
<div
className={classNames({
[style.switchItem]: true,
[style.activeSwitchItem]: active === "BATCH",
})}
>
<img
onClick={() => setActive("BATCH")}
className={classNames({
[style.itemImg]: true,
[style.activeImg]: active === "BATCH",
})}
src={batchImg}
alt=""
/>
{active === "BATCH" && <div className={style.arrow}></div>}
</div>
<div
className={classNames({
[style.switchItem]: true,
[style.activeSwitchItem]: active === "FLOW",
})}
>
<img
onClick={() => setActive("FLOW")}
className={classNames({
[style.itemImg]: true,
[style.activeImg]: active === "FLOW",
})}
src={flowImg}
alt=""
/>
{active === "FLOW" && <div className={style.arrow}></div>}
</div>
</div>
</div>
);
};
export default SwitchBatchFolw;
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment