feat(组件): ms-tab-card组件&icon-font 更新&页面注释

frontend/src/assets/icon-font/iconfont.css

@@ -1,7 +1,7 @@
 @font-face {
   font-family: iconfont; /* Project id 3462279 */
-  src: url('iconfont.woff2?t=1693882799546') format('woff2'), url('iconfont.woff?t=1693882799546') format('woff'),
+  src: url('iconfont.woff2?t=1695722459901') format('woff2'), url('iconfont.woff?t=1695722459901') format('woff'),
-    url('iconfont.ttf?t=1693882799546') format('truetype'), url('iconfont.svg?t=1693882799546#iconfont') format('svg');
+    url('iconfont.ttf?t=1695722459901') format('truetype'), url('iconfont.svg?t=1695722459901#iconfont') format('svg');
 }
 .iconfont {
   font-size: 16px;
@@ -10,6 +10,33 @@
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
+.icon-icon_drilling_outlined::before {
+  content: '\e764';
+}
+.icon-icon_stroke::before {
+  content: '\e762';
+}
+.icon-icon_color-picker::before {
+  content: '\e763';
+}
+.icon-icon_share::before {
+  content: '\e761';
+}
+.icon-icon_mail::before {
+  content: '\e760';
+}
+.icon-logo_wechat-work::before {
+  content: '\e75f';
+}
+.icon-logo_dingtalk::before {
+  content: '\e75d';
+}
+.icon-logo_lark::before {
+  content: '\e75e';
+}
+.icon-icon_line-height_outlined::before {
+  content: '\e75c';
+}
 .icon-icon_folder_expansion1::before {
   content: '\e75b';
 }

frontend/src/assets/icon-font/iconfont.json

@@ -5,6 +5,69 @@
   "css_prefix_text": "icon-",
   "description": "DE、MS项目icon管理",
   "glyphs": [
+    {
+      "icon_id": "37505843",
+      "name": "icon_drilling_outlined",
+      "font_class": "icon_drilling_outlined",
+      "unicode": "e764",
+      "unicode_decimal": 59236
+    },
+    {
+      "icon_id": "37384148",
+      "name": "icon_stroke",
+      "font_class": "icon_stroke",
+      "unicode": "e762",
+      "unicode_decimal": 59234
+    },
+    {
+      "icon_id": "37384147",
+      "name": "icon_color-picker",
+      "font_class": "icon_color-picker",
+      "unicode": "e763",
+      "unicode_decimal": 59235
+    },
+    {
+      "icon_id": "37315020",
+      "name": "icon_share",
+      "font_class": "icon_share",
+      "unicode": "e761",
+      "unicode_decimal": 59233
+    },
+    {
+      "icon_id": "37275130",
+      "name": "icon_mail",
+      "font_class": "icon_mail",
+      "unicode": "e760",
+      "unicode_decimal": 59232
+    },
+    {
+      "icon_id": "37243383",
+      "name": "logo_wechat-work",
+      "font_class": "logo_wechat-work",
+      "unicode": "e75f",
+      "unicode_decimal": 59231
+    },
+    {
+      "icon_id": "37243340",
+      "name": "logo_dingtalk",
+      "font_class": "logo_dingtalk",
+      "unicode": "e75d",
+      "unicode_decimal": 59229
+    },
+    {
+      "icon_id": "37243341",
+      "name": "logo_lark",
+      "font_class": "logo_lark",
+      "unicode": "e75e",
+      "unicode_decimal": 59230
+    },
+    {
+      "icon_id": "37243297",
+      "name": "icon_line-height_outlined",
+      "font_class": "icon_line-height_outlined",
+      "unicode": "e75c",
+      "unicode_decimal": 59228
+    },
     {
       "icon_id": "37233527",
       "name": "icon_folder_expansion",

frontend/src/assets/icon-font/iconfont.svg

@@ -14,6 +14,24 @@
     />
       <missing-glyph />
       
+      <glyph glyph-name="icon_drilling_outlined" unicode="&#59236;" d="M228.010667 831.701333a21.461333 21.461333 0 0 0 21.632 21.589334L779.52 853.333333a21.546667 21.546667 0 0 0 21.589333-21.589333l0.085334-42.325333a21.845333 21.845333 0 0 0-21.632-21.632h-94.165334V574.72c0-5.717333 4.010667-11.221333 7.936-15.146667l176.810667-203.52a21.76 21.76 0 0 0 6.4-15.36l-0.042667-55.850666a21.461333 21.461333 0 0 0-21.632-21.589334l-297.472-0.128V128h99.584a25.6 25.6 0 0 0 19.328-42.368l-145.024-167.04a25.6 25.6 0 0 0-38.656 0l-145.024 167.04A25.6 25.6 0 0 0 366.976 128h103.936v135.168H172.8a21.546667 21.546667 0 0 0-21.546667 21.589333v55.893334c0 5.717333 2.261333 11.264 6.314667 15.317333l177.322667 203.52c4.053333 4.010667 8.832 9.557333 8.832 15.317333V767.914667H249.6a21.546667 21.546667 0 0 0-21.589333 21.589333l0.042666 42.197333z m201.130666-63.786666L429.226667 537.6l-164.906667-189.098667 204.970667-0.042666a32912.213333 32912.213333 0 0 1 85.333333 0l208.810667-0.085334-163.242667 188.458667L599.978667 768l-170.837334-0.085333z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_stroke" unicode="&#59234;" d="M85.333333 672A10.666667 10.666667 0 0 0 96 682.666667h832a10.666667 10.666667 0 0 0 10.666667-10.666667v-21.333333a10.666667 10.666667 0 0 0-10.666667-10.666667H96A10.666667 10.666667 0 0 0 85.333333 650.666667v21.333333z m0-213.333333a10.666667 10.666667 0 0 0 10.666667 10.666666h832a10.666667 10.666667 0 0 0 10.666667-10.666666v-64a10.666667 10.666667 0 0 0-10.666667-10.666667H96a10.666667 10.666667 0 0 0-10.666667 10.666667v64z m0-247.466667a10.666667 10.666667 0 0 0 10.666667 10.666667h832a10.666667 10.666667 0 0 0 10.666667-10.666667v-115.2a10.666667 10.666667 0 0 0-10.666667-10.666667H96a10.666667 10.666667 0 0 0-10.666667 10.666667v115.2z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_color-picker" unicode="&#59235;" d="M758.528 290.474667l-68.864 68.821333-319.573333-319.573333a81.92 81.92 0 0 0-57.941334-24.021334H207.744a42.666667 42.666667 0 0 0-42.666667 42.666667v104.448c0 21.717333 8.618667 42.538667 23.978667 57.898667l319.573333 319.616-51.797333 51.84a42.666667 42.666667 0 0 0 60.330667 60.330666l51.84-51.84 5.12 5.12 103.850666 103.850667a127.573333 127.573333 0 0 0 104.277334 36.736 128 128 0 0 0 76.714666-217.770667l-108.928-108.928 68.821334-68.864a42.666667 42.666667 0 0 0-60.330667-60.330666z m-447.786667-189.44l318.592 318.634666-60.330666 60.330667-318.592-318.634667v-60.330666h60.330666z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_share" unicode="&#59233;" d="M896 810.666667a42.666667 42.666667 0 0 0 42.666667-42.666667v-298.666667a42.666667 42.666667 0 0 0-85.333334 0V725.333333h-256a42.666667 42.666667 0 0 0-42.368 37.674667L554.666667 768a42.666667 42.666667 0 0 0 42.666666 42.666667h298.666667zM384 810.666667a42.666667 42.666667 0 1 0 0-85.333334H192a21.333333 21.333333 0 0 1-21.333333-21.333333v-640a21.333333 21.333333 0 0 1 21.333333-21.333333h640a21.333333 21.333333 0 0 1 21.333333 21.333333v203.221333a42.666667 42.666667 0 0 0 85.333334 0V64a106.666667 106.666667 0 0 0-106.666667-106.666667h-640A106.666667 106.666667 0 0 0 85.333333 64v640A106.666667 106.666667 0 0 0 192 810.666667H384z m522.965333-31.701334a42.666667 42.666667 0 0 0 0-60.330666l-326.4-326.4a42.666667 42.666667 0 0 0-60.330666 60.330666l326.4 326.4a42.666667 42.666667 0 0 0 60.330666 0z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_mail" unicode="&#59232;" d="M83.541333 768H938.666667l3.968-0.170667 4.906666-0.768 5.546667-1.536 3.925333-1.706666c4.608-2.133333 8.704-5.12 12.202667-8.704l4.266667-5.077334 1.877333-2.901333-2.56 3.797333 1.877333-2.730666 2.304-4.053334 1.066667-2.389333 1.621333-4.608 1.066667-4.736 0.554667-5.12L981.333333 42.666667a42.666667 42.666667 0 0 0-42.666666-42.666667H85.333333a42.666667 42.666667 0 0 0-42.666666 42.666667V727.253333l0.554666 4.992 1.109334 4.906667 1.621333 4.608 2.474667 4.949333c3.413333 5.973333 8.234667 10.965333 14.037333 14.634667l5.205333 2.816 5.418667 2.048 1.706667 0.469333 4.608 0.896 4.138666 0.426667zM896 640l-358.4-311.466667a42.666667 42.666667 0 0 0-51.2 0L128 640v-554.666667h768V640zM213.333333 682.666667l298.666667-266.666667L810.666667 682.666667H213.333333z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="logo_wechat-work" unicode="&#59231;" d="M689.92 117.12a13.184 13.184 0 0 1 1.877333-20.138667l3.797334-3.669333c24.661333-24.704 40.149333-55.04 46.506666-86.869333a49.408 49.408 0 0 1 1.877334-11.136 55.125333 55.125333 0 1 1 58.922666 69.376 169.301333 169.301333 0 0 0-94.293333 52.48 13.184 13.184 0 0 1-18.645333 0zM914.005333 204.288a55.04 55.04 0 0 1-15.786666-33.194667 169.386667 169.386667 0 0 0-52.522667-94.293333 13.184 13.184 0 1 1 20.181333-16.853333 169.344 169.344 0 0 0 90.496 50.346666 50.218667 50.218667 0 0 1 11.178667 1.877334 55.125333 55.125333 0 1 1-53.546667 92.16zM758.570667 360.149333a55.168 55.168 0 0 1 33.152-93.781333 169.386667 169.386667 0 0 0 94.336-52.48 13.226667 13.226667 0 1 1 16.810666 20.138667 169.472 169.472 0 0 0-50.346666 90.538666 48.768 48.768 0 0 1-1.834667 11.178667 55.168 55.168 0 0 1-92.16 24.405333zM731.349333 273.834667l-1.024-0.938667a13.226667 13.226667 0 0 1-1.536-1.834667l-3.669333-3.84a169.216 169.216 0 0 0-86.869333-46.506666 52.608 52.608 0 0 1-11.136-1.834667 55.125333 55.125333 0 1 1 69.376-58.922667 169.472 169.472 0 0 0 52.48 94.293334 13.184 13.184 0 0 1-17.621334 19.584zM398.08 750.165333c-98.986667-10.752-188.970667-53.12-253.354667-119.253333A338.176 338.176 0 0 1 83.2 544.213333c-20.949333-42.666667-31.573333-87.893333-31.573333-134.528 0-60.032 18.261333-119.210667 52.821333-171.136a470.613333 470.613333 0 0 1 72.448-82.858666l-11.861333-93.568c-0.512-1.28-1.024-2.56-1.28-3.882667-0.298667-1.237333-0.384-2.474667-0.512-3.754667-0.042667-0.938667-0.256-1.877333-0.256-2.858666 0-1.024 0.213333-2.005333 0.298666-3.072 1.578667-15.36 14.378667-27.434667 30.208-27.434667 5.504 0 10.581333 1.578667 15.061334 4.138667l0.426666 0.213333 1.92 1.152 28.458667 14.293333 84.693333 42.496c24.32-6.997333 48.512-11.434667 73.984-14.250666a458.624 458.624 0 0 1 102.101334 0.298666c34.773333 3.925333 68.181333 11.946667 99.882666 23.338667a55.082667 55.082667 0 0 0-37.546666 57.6 373.248 373.248 0 0 0-70.784-15.146667 384.384 384.384 0 0 0-85.504-0.256c-2.858667 0.341333-5.76 0.768-8.661334 1.194667a377.728 377.728 0 0 0-56.021333 11.733333 38.272 38.272 0 0 1-30.165333-3.072c-0.853333-0.426667-1.621333-0.768-2.432-1.237333l-69.546667-41.002667-3.029333-1.792h-0.085334c-1.493333-0.896-2.346667-1.28-3.114666-1.28a4.693333 4.693333 0 0 0-4.650667 4.864l2.688 10.794667 3.114667 11.818667 5.077333 19.328 5.632 21.546666a29.226667 29.226667 0 0 1-10.496 32.512 305.621333 305.621333 0 0 0-29.098667 24.405334 284.672 284.672 0 0 0-41.216 48.768 243.712 243.712 0 0 0-41.813333 134.997333c0 36.650667 8.362667 72.234667 24.874667 105.856a271.445333 271.445333 0 0 0 49.365333 69.504C249.514667 638.293333 323.968 673.194667 406.186667 682.112c14.293333 1.536 28.373333 2.346667 41.813333 2.346667 14.122667 0 28.8-0.853333 43.690667-2.56 81.834667-9.258667 155.818667-44.330667 208.341333-98.645334a271.061333 271.061333 0 0 0 49.152-69.674666c16.213333-33.365333 24.448-68.693333 24.448-104.96 0-3.797333-0.213333-7.552-0.426667-11.306667a55.04 55.04 0 0 0 67.669334-7.936c0.938667-0.938667 1.706667-1.962667 2.56-2.944a299.52 299.52 0 0 1-30.122667 156.714667 337.322667 337.322667 0 0 1-61.226667 86.912c-63.914667 66.090667-153.386667 108.672-251.946666 119.893333-17.706667 2.005333-35.242667 2.986667-52.138667 2.986667-16.085333 0-32.853333-0.896-49.92-2.773334z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="logo_dingtalk" unicode="&#59229;" d="M838.058667 470.314667a164.693333 164.693333 0 0 0-9.728-26.453334h0.085333l-0.512-1.066666c-28.416-63.829333-102.656-189.141333-102.656-189.141334l-0.341333 0.853334-21.674667-39.68h104.533333l-199.68-278.826667 45.312 189.653333h-82.346666l28.586666 125.44c-23.125333-5.845333-50.389333-13.952-82.773333-24.874666 0 0-43.776-26.88-126.208 51.84 0 0-55.552 51.328-23.338667 64.256 13.653333 5.418667 66.517333 12.373333 108.117334 18.346666 56.064 7.978667 90.624 12.245333 90.624 12.245334s-173.056-2.773333-214.144 4.053333c-41.088 6.784-93.056 78.762667-104.234667 141.994667 0 0-17.152 34.773333 36.821333 18.346666 54.101333-16.426667 277.845333-64 277.845334-64S271.445333 566.869333 252.074667 589.738667c-19.328 22.826667-56.96 124.8-52.053334 187.392 0 0 2.133333 15.658667 17.408 11.52 0 0 215.168-103.338667 362.24-159.744 147.072-56.618667 274.901333-85.418667 258.389334-158.592z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="logo_lark" unicode="&#59230;" d="M548.48 366.805333c0.682667 0.725333 1.450667 1.365333 2.133333 2.048 1.493333 1.365333 2.858667 2.773333 4.266667 4.181334l2.901333 2.858666 8.746667 8.661334 11.904 11.733333 10.197333 10.112 9.557334 9.472 10.026666 9.856 9.173334 9.088 12.8 12.629333a273.493333 273.493333 0 0 0 35.541333 29.696 290.645333 290.645333 0 0 0 80 39.808A504.533333 504.533333 0 0 1 650.410667 708.266667 45.568 45.568 0 0 1 614.656 725.333333h-368.213333c-6.656 0-9.429333-8.533333-4.053334-12.458666a1074.773333 1074.773333 0 0 0 305.237334-346.88l0.853333 0.853333zM402.432 42.666667a505.728 505.728 0 0 1 450.986667 276.522666 208.469333 208.469333 0 0 0-48.213334-61.184 187.733333 187.733333 0 0 0-31.658666-22.016 192.768 192.768 0 0 0-64.938667-22.314666 198.186667 198.186667 0 0 0-34.688-2.346667 207.786667 207.786667 0 0 0-34.730667 3.413333 216.149333 216.149333 0 0 0-19.797333 4.394667c-6.4 1.706667-12.672 3.456-18.944 5.290667-3.157333 0.853333-6.272 1.834667-9.386667 2.773333-4.693333 1.408-9.386667 2.816-13.994666 4.266667a966.698667 966.698667 0 0 0-22.186667 7.210666l-7.381333 2.432-8.874667 3.114667-6.4 2.218667-12.501333 4.608c-2.432 0.853333-4.821333 1.834667-7.253334 2.730666l-9.685333 3.754667-10.24 4.096-6.570667 2.688-8.192 3.413333-6.314666 2.688c-2.176 0.938667-4.394667 1.877333-6.528 2.858667l-5.674667 2.474667-5.162667 2.261333-5.248 2.389333-5.418666 2.474667-6.826667 3.2-7.125333 3.370667-7.594667 3.669333-6.4 3.2a1064.746667 1064.746667 0 0 0-301.184 224.682667 6.869333 6.869333 0 0 1-11.946667-4.693334l0.213334-324.949333v-26.368c0-15.317333 7.594667-29.696 20.309333-38.186667A503.978667 503.978667 0 0 1 402.432 42.666667zM844.672 302.677333a1.706667 1.706667 0 0 1-0.256-0.426666l0.256 0.426666 1.706667 3.2-1.706667-3.2zM852.565333 317.568l0.426667 0.853333 0.256 0.426667-0.682667-1.28zM960.853333 500.693333a288.298667 288.298667 0 0 1-127.744 29.653334 288.512 288.512 0 0 1-87.253333-13.397334l-6.016-1.962666a291.498667 291.498667 0 0 1-109.525333-67.541334l-12.8-12.629333-9.173334-9.088-9.984-9.813333-9.6-9.514667-10.197333-10.112-11.904-11.733333-8.704-8.661334-2.901333-2.858666-4.266667-4.181334c-0.725333-0.682667-1.450667-1.322667-2.133333-2.048l-3.242667-3.072-3.626667-3.413333a506.410667 506.410667 0 0 0-104.832-74.197333 303.573333 303.573333 0 0 1 12.245334-5.674667l5.205333-2.389333 5.205333-2.261334c1.877333-0.853333 3.797333-1.706667 5.674667-2.474666l6.528-2.858667 6.314667-2.688 8.192-3.413333a2542.08 2542.08 0 0 1 16.810666-6.784c3.2-1.28 6.442667-2.517333 9.685334-3.712l7.253333-2.773334 12.501333-4.565333 6.4-2.261333 8.874667-3.072 7.338667-2.517334 10.794666-3.541333 11.434667-3.626667a1278.464 1278.464 0 0 1 42.325333-12.330666 265.301333 265.301333 0 0 1 19.797334-4.437334 206.805333 206.805333 0 0 1 91.946666 3.84 179.925333 179.925333 0 0 1 27.818667 10.112 192.768 192.768 0 0 1 21.546667 11.392c2.218667 1.365333 4.352 2.773333 6.528 4.181334a216.405333 216.405333 0 0 1 18.133333 13.781333 201.002667 201.002667 0 0 1 48.128 61.013333l4.906667 9.813334 44.544 88.746666-0.085334-0.213333a275.498667 275.498667 0 0 0 57.898667 83.285333z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_line-height_outlined" unicode="&#59228;" d="M136.533333-56.874667a22.741333 22.741333 0 0 0-22.784 22.741334v39.808c0 12.586667 10.24 22.784 22.784 22.784h750.933334c12.544 0 22.741333-10.24 22.741333-22.784v-39.808a22.741333 22.741333 0 0 0-22.741333-22.741334H136.533333zM113.792 762.325333c0-12.586667 10.154667-22.784 22.741333-22.784h750.933334a22.741333 22.741333 0 0 1 22.741333 22.784V802.133333a22.741333 22.741333 0 0 1-22.741333 22.741334H136.533333a22.741333 22.741333 0 0 1-22.784-22.741334v-39.808zM398.890667 289.706667h226.901333l68.608-173.610667a19.370667 19.370667 0 0 1 18.005333-12.245333h36.181334a19.370667 19.370667 0 0 1 18.048 26.496L561.664 649.088a19.370667 19.370667 0 0 1-18.048 12.245333h-61.312a19.370667 19.370667 0 0 1-18.005333-12.202666l-206.933334-518.698667a19.413333 19.413333 0 0 1 18.005334-26.581333h36.266666a19.370667 19.370667 0 0 1 17.962667 12.202666l69.290667 173.653334z m113.962666 285.696l86.229334-218.154667h-173.226667l87.04 218.154667z"  horiz-adv-x="1024" />
+      
       <glyph glyph-name="icon_folder_expansion1" unicode="&#59227;" d="M399.701 810.667a42.667 42.667 0 0 0 32.811-15.36l99.456-119.339h361.813c46.123 0 83.968-35.755 87.296-81.067l0.256-6.57v-202.07a42.667 42.667 0 1 0-85.333 0v202.07a2.261 2.261 0 0 1-2.261 2.261H512a42.667 42.667 0 0 0-32.768 15.36l-99.499 119.381H130.261c-0.853 0-1.578-0.426-1.962-1.109l-0.299-1.152V4.48c0-1.237 1.024-2.219 2.261-2.219h336.811a42.667 42.667 0 1 0 0-85.333h-336.81a87.595 87.595 0 0 0-87.595 87.552V723.072c0 48.384 39.21 87.595 87.594 87.595h269.44z m456.875-528.982l112.256-112.298a42.667 42.667 0 0 0 0-60.331L856.576-3.243a42.667 42.667 0 1 0-60.373 60.374l82.09 82.133-82.09 82.09a42.667 42.667 0 0 0-3.542 56.32l3.542 4.011a42.667 42.667 0 0 0 60.373 0z m-179.67 0a42.667 42.667 0 0 0 0-60.33l-82.133-82.091 82.134-82.133a42.667 42.667 0 0 0 3.541-56.32l-3.541-4.054a42.667 42.667 0 0 0-60.331 0L504.277 109.056a42.667 42.667 0 0 0 0 60.33l112.299 112.3a42.667 42.667 0 0 0 60.33 0z"  horiz-adv-x="1024" />
       
       <glyph glyph-name="icon_feishu" unicode="&#59226;" d="M981.333333 835.584l-254.677333-913.749333-224.853333 219.605333-3.584 203.605333 226.858666 230.314667c12.288-8.789333 25.685333-12.8 40.277334-11.946667 21.802667 1.194667 35.925333 14.378667 42.538666 22.144 6.613333 7.765333 14.378667 20.693333 13.738667 39.893334-0.426667 12.8-4.650667 24.618667-12.629333 35.413333L981.333333 835.626667zM956.416 853.333333l-173.824-169.301333c-28.245333 12.928-52.394667 10.197333-72.448-8.277333-11.733333-10.794667-19.285333-26.026667-19.285333-45.226667 0-8.533333 3.114667-19.2 9.301333-31.872l-234.282667-228.437333-203.605333 3.541333L42.666667 598.656 956.416 853.333333z"  horiz-adv-x="1024" />
@@ -68,7 +86,7 @@
       
       <glyph glyph-name="icon_multi-elementalign-top_outlined" unicode="&#59208;" d="M73.941333 782.208a17.066667 17.066667 0 0 1-17.066666-17.066667v-51.2c0-9.386667 7.68-17.066667 17.066666-17.066666h876.117334a17.066667 17.066667 0 0 1 17.066666 17.066666v51.2a17.066667 17.066667 0 0 1-17.066666 17.066667H73.941333z m170.666667-796.416a17.066667 17.066667 0 0 0-17.066667 17.066667V537.6c0 9.386667 7.68 17.066667 17.066667 17.066667h193.450667a17.066667 17.066667 0 0 0 17.066666-17.066667v-534.741333a17.066667 17.066667 0 0 0-17.066666-17.066667H244.608z m341.333333 170.666667a17.066667 17.066667 0 0 0-17.066666 17.066666V537.6c0 9.386667 7.68 17.066667 17.066666 17.066667h193.450667a17.066667 17.066667 0 0 0 17.066667-17.066667v-364.074667a17.066667 17.066667 0 0 0-17.066667-17.066666h-193.450667z"  horiz-adv-x="1024" />
       
-      <glyph glyph-name="icon_data-visualization" unicode="&#59174;" d="M0 725.333333c0 94.293333 90.922667 170.666667 203.093333 170.666667h617.813334C933.077333 896 1024 819.626667 1024 725.333333v-682.666666c0-94.293333-90.922667-170.666667-203.093333-170.666667H203.093333C90.922667-128 0-51.626667 0 42.666667V725.333333zM753.792 640a28.458667 28.458667 0 0 0 28.416-28.458667v-341.333333a28.458667 28.458667 0 0 0-28.416-28.416h-182.997333l88.106666-78.293333-37.802666-42.538667L512 217.941333l-109.098667-96.981333-37.802666 42.538667 88.064 78.293333H270.208a28.458667 28.458667 0 0 0-28.416 28.416v341.333333A28.458667 28.458667 0 0 0 270.208 640h483.584zM725.333333 583.125333H298.666667V298.666667h426.666666V583.125333zM609.792 532.053333l40.234667-40.192-134.698667-134.698666-65.664 65.664-45.568-45.568-40.192 40.234666 85.76 85.76 65.664-65.664 94.464 94.464z"  horiz-adv-x="1024" />
+      <glyph glyph-name="icon_data-visualization" unicode="&#59174;" d="M0 725.333333c0 94.293333 90.922667 170.666667 203.093333 170.666667h617.813334C933.077333 896 1024 819.626667 1024 725.333333v-682.666666c0-94.293333-90.922667-170.666667-203.093333-170.666667H203.093333C90.922667-128 0-51.626667 0 42.66666699999996V725.333333zM284.416 611.541333v-341.333333h455.125333v341.333333H284.416zM227.541333 640c0 15.701333 12.8 28.458667 28.458667 28.458667h512c15.616 0 28.416-12.757333 28.416-28.458667v-398.208c0-15.744-12.8-28.458667-28.416-28.458667H256a28.501333 28.501333 0 0 0-28.458667 28.458667V640zM609.792 532.096l40.234667-40.192-134.698667-134.698667-65.706667 65.664-45.525333-45.568-40.234667 40.234667 85.76 85.76 65.706667-65.664 94.464 94.464zM654.250667 156.458667H369.792v-56.917334h284.458667v56.917334z"  horiz-adv-x="1024" />
       
       <glyph glyph-name="icon_file-folder_colorful" unicode="&#59175;" d="M42.666667 725.333333a42.666667 42.666667 0 0 0 42.666666 42.666667h357.632a42.666667 42.666667 0 0 0 38.144-23.594667L512 682.666667h426.666667a42.666667 42.666667 0 0 0 42.666666-42.666667v-597.333333a42.666667 42.666667 0 0 0-42.666666-42.666667H85.333333a42.666667 42.666667 0 0 0-42.666666 42.666667V725.333333zM42.666667 640a42.666667 42.666667 0 0 0 42.666666 42.666667h853.333334a42.666667 42.666667 0 0 0 42.666666-42.666667v-597.333333a42.666667 42.666667 0 0 0-42.666666-42.666667H85.333333a42.666667 42.666667 0 0 0-42.666666 42.666667V640z"  horiz-adv-x="1024" />
       
@@ -90,7 +108,7 @@
       
       <glyph glyph-name="icon_repositioning_outlined" unicode="&#59184;" d="M128 810.666667h192a21.333333 21.333333 0 0 0 21.333333-21.333334v-42.666666a21.333333 21.333333 0 0 0-21.333333-21.333334H170.666667v-149.333333a21.333333 21.333333 0 0 0-21.333334-21.333333h-42.666666a21.333333 21.333333 0 0 0-21.333334 21.333333V768a42.666667 42.666667 0 0 0 42.666667 42.666667z m768-853.333334h-192a21.333333 21.333333 0 0 0-21.333333 21.333334v42.666666a21.333333 21.333333 0 0 0 21.333333 21.333334H853.333333v149.333333a21.333333 21.333333 0 0 0 21.333334 21.333333h42.666666a21.333333 21.333333 0 0 0 21.333334-21.333333V0a42.666667 42.666667 0 0 0-42.666667-42.666667zM85.333333 0v192a21.333333 21.333333 0 0 0 21.333334 21.333333h42.666666a21.333333 21.333333 0 0 0 21.333334-21.333333V42.666667h149.333333a21.333333 21.333333 0 0 0 21.333333-21.333334v-42.666666a21.333333 21.333333 0 0 0-21.333333-21.333334H128a42.666667 42.666667 0 0 0-42.666667 42.666667zM938.666667 768v-192a21.333333 21.333333 0 0 0-21.333334-21.333333h-42.666666a21.333333 21.333333 0 0 0-21.333334 21.333333V725.333333h-149.333333a21.333333 21.333333 0 0 0-21.333333 21.333334v42.666666a21.333333 21.333333 0 0 0 21.333333 21.333334H896a42.666667 42.666667 0 0 0 42.666667-42.666667zM512 384m-170.666667 0a170.666667 170.666667 0 1 1 341.333334 0 170.666667 170.666667 0 1 1-341.333334 0Z"  horiz-adv-x="1024" />
       
-      <glyph glyph-name="icon_operation-analysis_outlined1" unicode="&#59185;" d="M874.666667 768a42.666667 42.666667 0 0 0 42.666666-42.666667v-512a42.666667 42.666667 0 0 0-42.666666-42.666666h-274.432l132.138666-117.461334-56.746666-63.744L512 134.954667l-163.626667-145.493334-56.746666 63.744L423.765333 170.666667H149.333333a42.666667 42.666667 0 0 0-42.666666 42.666666V725.333333a42.666667 42.666667 0 0 0 42.666666 42.666667h725.333334z m-42.666667-85.333333h-640v-426.666667h640V682.666667z m-173.312-76.501334l60.330667-60.330666-202.026667-202.026667-98.517333 98.517333-68.309334-68.394666-60.330666 60.373333 128.682666 128.64 98.474667-98.474667 141.696 141.696z"  horiz-adv-x="1024" />
+      <glyph glyph-name="icon_operation-analysis_outlined1" unicode="&#59185;" d="M170.666667 725.333333v-512h682.666666V725.333333H170.666667zM85.333333 768c0 23.594667 19.2 42.666667 42.666667 42.666667h768c23.466667 0 42.666667-19.072 42.666667-42.666667v-597.333333c0-23.552-19.2-42.666667-42.666667-42.666667H128c-23.466667 0-42.666667 19.114667-42.666667 42.666667V768zM658.688 606.1653329999999l60.330667-60.330666-202.026667-202.026667-98.517333 98.517333-68.309334-68.394666-60.330666 60.373333 128.64 128.682667 98.517333-98.517334 141.696 141.696zM725.333333 42.66666699999996H298.666667v-85.333334h426.666666v85.333334z"  horiz-adv-x="1024" />
       
       <glyph glyph-name="icon_right-align_outlined" unicode="&#59186;" d="M917.333333 0a21.333333 21.333333 0 0 0-21.333333-21.333333h-42.666667a21.333333 21.333333 0 0 0-21.333333 21.333333V810.666667a21.333333 21.333333 0 0 0 21.333333 21.333333h42.666667a21.333333 21.333333 0 0 0 21.333333-21.333333v-810.666667zM428.970667 157.525333l205.141333 205.141334H129.408a22.741333 22.741333 0 0 0-22.741333 22.784v39.808c0 12.544 10.197333 22.741333 22.741333 22.741333h505.728l-206.165333 206.165333a22.741333 22.741333 0 0 0 0 32.170667l28.16 28.16a22.741333 22.741333 0 0 0 32.170666 0l289.621334-289.621333a22.741333 22.741333 0 0 0 6.485333-19.029334 22.741333 22.741333 0 0 0-6.485333-19.072l-289.621334-289.621333a22.741333 22.741333 0 0 0-32.170666 0l-28.16 28.16a22.741333 22.741333 0 0 0 0 32.213333z"  horiz-adv-x="1024" />
       
@@ -428,7 +446,7 @@
       
       <glyph glyph-name="icon_logs_outlined" unicode="&#59028;" d="M682.666667 768H213.333333v-768h597.333334V639.146667h-106.666667a21.333333 21.333333 0 0 0-21.333333 21.333333V768zM170.666667 853.333333h558.293333a42.666667 42.666667 0 0 0 30.208-12.501333l124.373333-124.373333a42.666667 42.666667 0 0 0 12.458667-30.165334V-42.666667a42.666667 42.666667 0 0 0-42.666667-42.666666H170.666667a42.666667 42.666667 0 0 0-42.666667 42.666666V810.666667a42.666667 42.666667 0 0 0 42.666667 42.666666z m170.666666-384h341.333334a21.333333 21.333333 0 0 0 21.333333-21.333333v-42.666667a21.333333 21.333333 0 0 0-21.333333-21.333333H341.333333a21.333333 21.333333 0 0 0-21.333333 21.333333v42.666667A21.333333 21.333333 0 0 0 341.333333 469.333333z m0-213.333333h192a21.248 21.248 0 0 0 21.333334-21.333333v-42.666667a21.248 21.248 0 0 0-21.333334-21.333333H341.333333a21.333333 21.333333 0 0 0-21.333333 21.333333v42.666667A21.333333 21.333333 0 0 0 341.333333 256z"  horiz-adv-x="1024" />
       
-      <glyph glyph-name="icon_new-item_outlined" unicode="&#59029;" d="M469.333333 533.333333a21.333333 21.333333 0 0 0 21.333334 21.333334h42.666666a21.333333 21.333333 0 0 0 21.333334-21.333334V426.666667h106.666666a21.333333 21.333333 0 0 0 21.333334-21.333334v-42.666666a21.333333 21.333333 0 0 0-21.333334-21.333334H554.666667v-106.666666a21.333333 21.333333 0 0 0-21.333334-21.333334h-42.666666a21.333333 21.333333 0 0 0-21.333334 21.333334V341.333333H362.666667a21.333333 21.333333 0 0 0-21.333334 21.333334v42.666666a21.333333 21.333333 0 0 0 21.333334 21.333334H469.333333V533.333333zM142.122667 739.541333a42.666667 42.666667 0 0 0 42.666666 42.666667h654.208a42.666667 42.666667 0 0 0 42.666667-42.666667l0.085333-711.082666a42.666667 42.666667 0 0 0-42.666666-42.666667H184.874667a42.666667 42.666667 0 0 0-42.666667 42.666667L142.122667 739.541333z m85.333333-42.666666l0.085333-625.749334h568.917334l-0.128 625.749334H227.456z"  horiz-adv-x="1024" />
+      <glyph glyph-name="icon_new-item_outlined" unicode="&#59029;" d="M896 810.666667a42.666667 42.666667 0 0 0 42.666667-42.666667v-768a42.666667 42.666667 0 0 0-42.666667-42.666667H128a42.666667 42.666667 0 0 0-42.666667 42.666667V768a42.666667 42.666667 0 0 0 42.666667 42.666667h768z m-64-85.333334h-640a21.333333 21.333333 0 0 1-21.205333-18.816L170.666667 704v-640a21.333333 21.333333 0 0 1 18.816-21.162667L192 42.66666699999996h640a21.333333 21.333333 0 0 1 21.205333 18.858666L853.333333 64v640a21.333333 21.333333 0 0 1-21.333333 21.333333z m-298.666667-128a21.333333 21.333333 0 0 0 21.333334-21.333333V426.666667h149.333333a21.333333 21.333333 0 0 0 21.333333-21.333334v-42.666666a21.248 21.248 0 0 0-21.333333-21.333334H554.666667v-149.333333a21.248 21.248 0 0 0-21.333334-21.333333h-42.666666a21.333333 21.333333 0 0 0-21.333334 21.333333V341.33333300000004H320a21.333333 21.333333 0 0 0-21.333333 21.333334v42.666666a21.333333 21.333333 0 0 0 21.333333 21.333334H469.333333V576a21.290667 21.290667 0 0 0 21.333334 21.333333h42.666666z"  horiz-adv-x="1024" />
       
       <glyph glyph-name="icon_logs_outlined-1" unicode="&#59031;" d="M682.666667 768H213.333333v-768h597.333334V639.146667h-106.666667a21.333333 21.333333 0 0 0-21.333333 21.333333V768zM170.666667 853.333333h558.293333a42.666667 42.666667 0 0 0 30.208-12.501333l124.373333-124.373333a42.666667 42.666667 0 0 0 12.458667-30.165334V-42.666667a42.666667 42.666667 0 0 0-42.666667-42.666666H170.666667a42.666667 42.666667 0 0 0-42.666667 42.666666V810.666667a42.666667 42.666667 0 0 0 42.666667 42.666666z m170.666666-384h341.333334a21.333333 21.333333 0 0 0 21.333333-21.333333v-42.666667a21.333333 21.333333 0 0 0-21.333333-21.333333H341.333333a21.333333 21.333333 0 0 0-21.333333 21.333333v42.666667A21.333333 21.333333 0 0 0 341.333333 469.333333z m0-213.333333h192a21.248 21.248 0 0 0 21.333334-21.333333v-42.666667a21.248 21.248 0 0 0-21.333334-21.333333H341.333333a21.333333 21.333333 0 0 0-21.333333 21.333333v42.666667A21.333333 21.333333 0 0 0 341.333333 256z"  horiz-adv-x="1024" />
       

frontend/src/components/pure/ms-tab-card/index.vue

@@ -0,0 +1,43 @@
+<template>
+  <MsCard class="mb-[16px]" :title="props.title" hide-back hide-footer auto-height no-content-padding>
+    <a-tabs v-model:active-key="innerTab" class="no-content">
+      <a-tab-pane v-for="item of tabList" :key="item.key" :title="item.title" />
+    </a-tabs>
+  </MsCard>
+</template>
+
+<script setup lang="ts">
+  import { ref, watch } from 'vue';
+  import MsCard from '@/components/pure/ms-card/index.vue';
+
+  const props = defineProps<{
+    activeTab: string;
+    title?: string;
+    tabList: { key: string; title: string }[];
+  }>();
+  const emit = defineEmits(['update:activeTab']);
+
+  const innerTab = ref(props.activeTab);
+
+  watch(
+    () => props.activeTab,
+    (val) => {
+      innerTab.value = val;
+    }
+  );
+
+  watch(
+    () => innerTab.value,
+    (val) => {
+      emit('update:activeTab', val);
+    }
+  );
+</script>
+
+<style lang="less" scoped>
+  :deep(.no-content) {
+    .arco-tabs-content {
+      display: none;
+    }
+  }
+</style>

frontend/src/views/project-management/log/index.vue

@@ -3,6 +3,9 @@
 </template>
 
 <script lang="tsx" setup>
+  /**
+   * @description 项目管理-日志
+   */
   import logCards from '@/views/setting/system/log/components/logCards.vue';
 </script>
 

frontend/src/views/setting/system/config/index.vue

@@ -1,27 +1,17 @@
 <template>
-  <MsCard
+  <MsTabCard v-model:active-tab="activeTab" :title="t('system.config.parameterConfig')" :tab-list="tabList" />
-    class="mb-[16px]"
-    :title="t('system.config.parameterConfig')"
-    hide-back
-    hide-footer
-    auto-height
-    no-content-padding
-  >
-    <a-tabs v-model:active-key="activeTab" class="no-content">
-      <a-tab-pane key="baseConfig" :title="t('system.config.baseConfig')" />
-      <a-tab-pane key="pageConfig" :title="t('system.config.pageConfig')" />
-      <a-tab-pane key="authConfig" :title="t('system.config.authConfig')" />
-    </a-tabs>
-  </MsCard>
   <baseConfig v-show="activeTab === 'baseConfig'" />
-  <pageConfig v-if="isInitedPageConfig" v-show="activeTab === 'pageConfig'" />
+  <pageConfig v-if="isInitPageConfig" v-show="activeTab === 'pageConfig'" />
-  <authConfig v-if="isInitedAuthConfig" v-show="activeTab === 'authConfig'" ref="authConfigRef" />
+  <authConfig v-if="isInitAuthConfig" v-show="activeTab === 'authConfig'" ref="authConfigRef" />
 </template>
 
 <script setup lang="ts">
+  /**
+   * @description 系统设置-系统参数
+   */
   import { onMounted, ref, watch } from 'vue';
   import { useRoute } from 'vue-router';
-  import MsCard from '@/components/pure/ms-card/index.vue';
+  import MsTabCard from '@/components/pure/ms-tab-card/index.vue';
   import { useI18n } from '@/hooks/useI18n';
   import baseConfig from './components/baseConfig.vue';
   import pageConfig from './components/pageConfig.vue';
@@ -31,17 +21,22 @@
   const route = useRoute();
 
   const activeTab = ref((route.query.tab as string) || 'baseConfig');
-  const isInitedPageConfig = ref(activeTab.value === 'pageConfig');
+  const isInitPageConfig = ref(activeTab.value === 'pageConfig');
-  const isInitedAuthConfig = ref(activeTab.value === 'authConfig');
+  const isInitAuthConfig = ref(activeTab.value === 'authConfig');
   const authConfigRef = ref<AuthConfigInstance | null>();
+  const tabList = [
+    { key: 'baseConfig', title: t('system.config.baseConfig') },
+    { key: 'pageConfig', title: t('system.config.pageConfig') },
+    { key: 'authConfig', title: t('system.config.authConfig') },
+  ];
 
   watch(
     () => activeTab.value,
     (val) => {
-      if (val === 'pageConfig' && !isInitedPageConfig.value) {
+      if (val === 'pageConfig' && !isInitPageConfig.value) {
-        isInitedPageConfig.value = true;
+        isInitPageConfig.value = true;
-      } else if (val === 'authConfig' && !isInitedAuthConfig.value) {
+      } else if (val === 'authConfig' && !isInitAuthConfig.value) {
-        isInitedAuthConfig.value = true;
+        isInitAuthConfig.value = true;
       }
     },
     {
@@ -56,10 +51,4 @@
   });
 </script>
 
-<style lang="less" scoped>
+<style lang="less" scoped></style>
-  :deep(.no-content) {
-    .arco-tabs-content {
-      display: none;
-    }
-  }
-</style>

frontend/src/views/setting/system/log/index.vue

@@ -3,6 +3,9 @@
 </template>
 
 <script lang="tsx" setup>
+  /**
+   * @description 系统设置-日志
+   */
   import logCards from './components/logCards.vue';
 </script>
 

frontend/src/views/setting/system/resourcePool/detail.vue

@@ -336,6 +336,9 @@
 </template>
 
 <script setup lang="ts">
+  /**
+   * @description 系统设置-资源池详情
+   */
   import { computed, onBeforeMount, Ref, ref, watchEffect, watch } from 'vue';
   import { useRoute, useRouter } from 'vue-router';
   import { Message, FormInstance, SelectOptionData } from '@arco-design/web-vue';

frontend/src/views/setting/system/resourcePool/index.vue

@@ -53,6 +53,9 @@
 </template>
 
 <script setup lang="ts">
+  /**
+   * @description 系统设置-资源池
+   */
   import { onMounted, Ref, ref } from 'vue';
   import { useRouter, useRoute } from 'vue-router';
   import { Message } from '@arco-design/web-vue';

frontend/src/views/setting/system/user/index.vue

@@ -185,6 +185,9 @@
 </template>
 
 <script setup lang="ts">
+  /**
+   * @description 系统设置-用户
+   */
   import { onBeforeMount, Ref, ref } from 'vue';
   import { useRoute } from 'vue-router';
   import { Message } from '@arco-design/web-vue';