test-version22
/
MeterSphere
mirror of https://gitee.com/fit2cloud-feizhiyun/MeterSphere.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

feat(测试规划): 测试规划交互优化

This commit is contained in:
baiqi 2024-06-20 18:32:29 +08:00 committed by Craftsman
parent 26561d991f
commit e79fc35e0c
19 changed files with 759 additions and 126 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

133
frontend/src/assets/icon-font/iconfont.css
View File

@ -1,7 +1,7 @@
@font-face { @font-face {
font-family: iconfont; /* Project id 3462279 */ font-family: iconfont; /* Project id 3462279 */
src: url('iconfont.woff2?t=1717664244652') format('woff2'), url('iconfont.woff?t=1717664244652') format('woff'), src: url('iconfont.woff2?t=1718876831031') format('woff2'), url('iconfont.woff?t=1718876831031') format('woff'),
url('iconfont.ttf?t=1717664244652') format('truetype'), url('iconfont.svg?t=1717664244652#iconfont') format('svg'); url('iconfont.ttf?t=1718876831031') format('truetype'), url('iconfont.svg?t=1718876831031#iconfont') format('svg');
} }
.iconfont { .iconfont {
font-size: 16px; font-size: 16px;
@ -10,6 +10,135 @@
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
} }
.icon-icon_test_set1::before {
content: '\e7ea';
}
.icon-icon_test_set::before {
content: '\e7e9';
}
.icon-a-icon_left_and_right_layout::before {
content: '\e7e7';
}
.icon-icon_top_and_bottom_layout::before {
content: '\e7e8';
}
.icon-icon_phone_outlined::before {
content: '\e7c0';
}
.icon-icon_application_filled::before {
content: '\e7c1';
}
.icon-icon_livestream-start_outlined::before {
content: '\e7c2';
}
.icon-icon_busy_outlined::before {
content: '\e7c3';
}
.icon-icon_member_filled::before {
content: '\e7c4';
}
.icon-icon_jira-filter_filled::before {
content: '\e7c5';
}
.icon-icon_jira-filter_filled-1::before {
content: '\e7c6';
}
.icon-icon_feedback_filled::before {
content: '\e7c7';
}
.icon-icon_copy_filled1::before {
content: '\e7c8';
}
.icon-icon_livestream-start_filled::before {
content: '\e7c9';
}
.icon-icon_account_filled::before {
content: '\e7ca';
}
.icon-icon_dashboard_outlined1::before {
content: '\e7cb';
}
.icon-icon_pause_outlined::before {
content: '\e7cc';
}
.icon-icon_application_outlined::before {
content: '\e7cd';
}
.icon-icon_qr_filled::before {
content: '\e7ce';
}
.icon-icon_login_filled::before {
content: '\e7cf';
}
.icon-icon_license_shape::before {
content: '\e7d0';
}
.icon-icon_resolve_outlined::before {
content: '\e7d1';
}
.icon-icon_notification-setting_outlined::before {
content: '\e7d2';
}
.icon-icon_play_outlined::before {
content: '\e7d3';
}
.icon-icon_sheet-datareference_outlined::before {
content: '\e7d4';
}
.icon-icon_delete-trash_filled1::before {
content: '\e7d5';
}
.icon-icon_plugin_filled::before {
content: '\e7d6';
}
.icon-icon_cloud_filled::before {
content: '\e7d7';
}
.icon-icon_approval_outlined1::before {
content: '\e7d8';
}
.icon-icon_emoji_filled::before {
content: '\e7d9';
}
.icon-icon_setting-inter_filled::before {
content: '\e7da';
}
.icon-icon_trace_outlined::before {
content: '\e7db';
}
.icon-icon_token_filled::before {
content: '\e7dc';
}
.icon-icon_jira-filter_outlined::before {
content: '\e7dd';
}
.icon-icon_status-vacation_filled::before {
content: '\e7de';
}
.icon-icon_database_filled::before {
content: '\e7df';
}
.icon-icon_more-vertical_outlined::before {
content: '\e7e0';
}
.icon-icon_account_outlined::before {
content: '\e7e1';
}
.icon-icon_reference_outlined::before {
content: '\e7e2';
}
.icon-icon_schedule-report_outlined::before {
content: '\e7e3';
}
.icon-icon_sheet-datareference_filled::before {
content: '\e7e4';
}
.icon-icon_vc-reaction_filled::before {
content: '\e7e5';
}
.icon-icon_setting-inter_outlined::before {
content: '\e7e6';
}
.icon-icon_title-top-align_outlined1::before { .icon-icon_title-top-align_outlined1::before {
content: '\e7be'; content: '\e7be';
} }

2
frontend/src/assets/icon-font/iconfont.js
View File

File diff suppressed because one or more lines are too long

301
frontend/src/assets/icon-font/iconfont.json
View File

@ -5,6 +5,307 @@
"css_prefix_text": "icon-", "css_prefix_text": "icon-",
"description": "DE、MS项目icon管理", "description": "DE、MS项目icon管理",
"glyphs": [ "glyphs": [
{
"icon_id": "40794959",
"name": "icon_test_set",
"font_class": "icon_test_set1",
"unicode": "e7ea",
"unicode_decimal": 59370
},
{
"icon_id": "40780341",
"name": "icon_test_set",
"font_class": "icon_test_set",
"unicode": "e7e9",
"unicode_decimal": 59369
},
{
"icon_id": "40748078",
"name": "icon_left _and_right_layout",
"font_class": "a-icon_left_and_right_layout",
"unicode": "e7e7",
"unicode_decimal": 59367
},
{
"icon_id": "40748077",
"name": "icon_top_and_bottom_layout",
"font_class": "icon_top_and_bottom_layout",
"unicode": "e7e8",
"unicode_decimal": 59368
},
{
"icon_id": "40654821",
"name": "icon_phone_outlined",
"font_class": "icon_phone_outlined",
"unicode": "e7c0",
"unicode_decimal": 59328
},
{
"icon_id": "40654822",
"name": "icon_application_filled",
"font_class": "icon_application_filled",
"unicode": "e7c1",
"unicode_decimal": 59329
},
{
"icon_id": "40654823",
"name": "icon_livestream-start_outlined",
"font_class": "icon_livestream-start_outlined",
"unicode": "e7c2",
"unicode_decimal": 59330
},
{
"icon_id": "40654824",
"name": "icon_busy_outlined",
"font_class": "icon_busy_outlined",
"unicode": "e7c3",
"unicode_decimal": 59331
},
{
"icon_id": "40654825",
"name": "icon_member_filled",
"font_class": "icon_member_filled",
"unicode": "e7c4",
"unicode_decimal": 59332
},
{
"icon_id": "40654826",
"name": "icon_jira-filter_filled",
"font_class": "icon_jira-filter_filled",
"unicode": "e7c5",
"unicode_decimal": 59333
},
{
"icon_id": "40654827",
"name": "icon_jira-filter_filled-1",
"font_class": "icon_jira-filter_filled-1",
"unicode": "e7c6",
"unicode_decimal": 59334
},
{
"icon_id": "40654828",
"name": "icon_feedback_filled",
"font_class": "icon_feedback_filled",
"unicode": "e7c7",
"unicode_decimal": 59335
},
{
"icon_id": "40654829",
"name": "icon_copy_filled",
"font_class": "icon_copy_filled1",
"unicode": "e7c8",
"unicode_decimal": 59336
},
{
"icon_id": "40654831",
"name": "icon_livestream-start_filled",
"font_class": "icon_livestream-start_filled",
"unicode": "e7c9",
"unicode_decimal": 59337
},
{
"icon_id": "40654832",
"name": "icon_account_filled",
"font_class": "icon_account_filled",
"unicode": "e7ca",
"unicode_decimal": 59338
},
{
"icon_id": "40654833",
"name": "icon_dashboard_outlined",
"font_class": "icon_dashboard_outlined1",
"unicode": "e7cb",
"unicode_decimal": 59339
},
{
"icon_id": "40654835",
"name": "icon_pause_outlined",
"font_class": "icon_pause_outlined",
"unicode": "e7cc",
"unicode_decimal": 59340
},
{
"icon_id": "40654836",
"name": "icon_application_outlined",
"font_class": "icon_application_outlined",
"unicode": "e7cd",
"unicode_decimal": 59341
},
{
"icon_id": "40654837",
"name": "icon_qr_filled",
"font_class": "icon_qr_filled",
"unicode": "e7ce",
"unicode_decimal": 59342
},
{
"icon_id": "40654838",
"name": "icon_login_filled",
"font_class": "icon_login_filled",
"unicode": "e7cf",
"unicode_decimal": 59343
},
{
"icon_id": "40654839",
"name": "icon_license_shape",
"font_class": "icon_license_shape",
"unicode": "e7d0",
"unicode_decimal": 59344
},
{
"icon_id": "40654840",
"name": "icon_resolve_outlined",
"font_class": "icon_resolve_outlined",
"unicode": "e7d1",
"unicode_decimal": 59345
},
{
"icon_id": "40654841",
"name": "icon_notification-setting_outlined",
"font_class": "icon_notification-setting_outlined",
"unicode": "e7d2",
"unicode_decimal": 59346
},
{
"icon_id": "40654842",
"name": "icon_play_outlined",
"font_class": "icon_play_outlined",
"unicode": "e7d3",
"unicode_decimal": 59347
},
{
"icon_id": "40654843",
"name": "icon_sheet-datareference_outlined",
"font_class": "icon_sheet-datareference_outlined",
"unicode": "e7d4",
"unicode_decimal": 59348
},
{
"icon_id": "40654844",
"name": "icon_delete-trash_filled",
"font_class": "icon_delete-trash_filled1",
"unicode": "e7d5",
"unicode_decimal": 59349
},
{
"icon_id": "40654845",
"name": "icon_plugin_filled",
"font_class": "icon_plugin_filled",
"unicode": "e7d6",
"unicode_decimal": 59350
},
{
"icon_id": "40654846",
"name": "icon_cloud_filled",
"font_class": "icon_cloud_filled",
"unicode": "e7d7",
"unicode_decimal": 59351
},
{
"icon_id": "40654847",
"name": "icon_approval_outlined",
"font_class": "icon_approval_outlined1",
"unicode": "e7d8",
"unicode_decimal": 59352
},
{
"icon_id": "40654848",
"name": "icon_emoji_filled",
"font_class": "icon_emoji_filled",
"unicode": "e7d9",
"unicode_decimal": 59353
},
{
"icon_id": "40654849",
"name": "icon_setting-inter_filled",
"font_class": "icon_setting-inter_filled",
"unicode": "e7da",
"unicode_decimal": 59354
},
{
"icon_id": "40654850",
"name": "icon_trace_outlined",
"font_class": "icon_trace_outlined",
"unicode": "e7db",
"unicode_decimal": 59355
},
{
"icon_id": "40654851",
"name": "icon_token_filled",
"font_class": "icon_token_filled",
"unicode": "e7dc",
"unicode_decimal": 59356
},
{
"icon_id": "40654852",
"name": "icon_jira-filter_outlined",
"font_class": "icon_jira-filter_outlined",
"unicode": "e7dd",
"unicode_decimal": 59357
},
{
"icon_id": "40654853",
"name": "icon_status-vacation_filled",
"font_class": "icon_status-vacation_filled",
"unicode": "e7de",
"unicode_decimal": 59358
},
{
"icon_id": "40654854",
"name": "icon_database_filled",
"font_class": "icon_database_filled",
"unicode": "e7df",
"unicode_decimal": 59359
},
{
"icon_id": "40654855",
"name": "icon_more-vertical_outlined",
"font_class": "icon_more-vertical_outlined",
"unicode": "e7e0",
"unicode_decimal": 59360
},
{
"icon_id": "40654856",
"name": "icon_account_outlined",
"font_class": "icon_account_outlined",
"unicode": "e7e1",
"unicode_decimal": 59361
},
{
"icon_id": "40654857",
"name": "icon_reference_outlined",
"font_class": "icon_reference_outlined",
"unicode": "e7e2",
"unicode_decimal": 59362
},
{
"icon_id": "40654858",
"name": "icon_schedule-report_outlined",
"font_class": "icon_schedule-report_outlined",
"unicode": "e7e3",
"unicode_decimal": 59363
},
{
"icon_id": "40654859",
"name": "icon_sheet-datareference_filled",
"font_class": "icon_sheet-datareference_filled",
"unicode": "e7e4",
"unicode_decimal": 59364
},
{
"icon_id": "40654860",
"name": "icon_vc-reaction_filled",
"font_class": "icon_vc-reaction_filled",
"unicode": "e7e5",
"unicode_decimal": 59365
},
{
"icon_id": "40654861",
"name": "icon_setting-inter_outlined",
"font_class": "icon_setting-inter_outlined",
"unicode": "e7e6",
"unicode_decimal": 59366
},
{ {
"icon_id": "40628129", "icon_id": "40628129",
"name": "icon_title-top-align_outlined", "name": "icon_title-top-align_outlined",

86
frontend/src/assets/icon-font/iconfont.svg
View File

@ -14,6 +14,92 @@
/> />
<missing-glyph /> <missing-glyph />
<glyph glyph-name="icon_test_set1" unicode="&#59370;" d="M128 682.666667a42.666667 42.666667 0 0 0 42.666667-42.666667v-597.333333h640a42.666667 42.666667 0 0 0 0-85.333334H128a42.666667 42.666667 0 0 0-42.666667 42.666667V640a42.666667 42.666667 0 0 0 42.666667 42.666667z m768 170.666666a42.666667 42.666667 0 0 0 42.666667-42.666666v-640a42.666667 42.666667 0 0 0-42.666667-42.666667H298.666667a42.666667 42.666667 0 0 0-42.666667 42.666667V810.666667a42.666667 42.666667 0 0 0 42.666667 42.666666h597.333333z m-42.666667-85.333333H341.333333v-554.666667h512V768z m-128-341.333333a42.666667 42.666667 0 0 0 0-85.333334h-298.666666a42.666667 42.666667 0 0 0 0 85.333334h298.666666z m-128 170.666666a42.666667 42.666667 0 0 0 0-85.333333h-170.666666a42.666667 42.666667 0 1 0 0 85.333333h170.666666z" horiz-adv-x="1024" />
<glyph glyph-name="icon_test_set" unicode="&#59369;" d="M896 512a42.666667 42.666667 0 0 0 42.666667-42.666667v-512a42.666667 42.666667 0 0 0-42.666667-42.666666H128a42.666667 42.666667 0 0 0-42.666667 42.666666V469.333333a42.666667 42.666667 0 0 0 42.666667 42.666667h768z m-42.666667-85.333333H170.666667v-426.666667h682.666666V426.666667zM213.333333 682.666667h597.333334a42.666667 42.666667 0 0 0 0-85.333334H213.333333a42.666667 42.666667 0 1 0 0 85.333334z m42.666667 170.666666h512a42.666667 42.666667 0 0 0 0-85.333333H256a42.666667 42.666667 0 1 0 0 85.333333z" horiz-adv-x="1024" />
<glyph glyph-name="a-icon_left_and_right_layout" unicode="&#59367;" d="M185.6-42.666667A100.266667 100.266667 0 0 0 85.333333 57.6V710.4A100.266667 100.266667 0 0 0 185.6 810.666667h652.8A100.266667 100.266667 0 0 0 938.666667 710.4v-652.8A100.266667 100.266667 0 0 0 838.4-42.666667H185.6zM469.333333 725.333333H185.6a14.933333 14.933333 0 0 1-14.933333-14.933333v-652.8c0-8.234667 6.698667-14.933333 14.933333-14.933333H469.333333V725.333333z m369.066667 0H554.666667v-682.666666h283.733333a14.933333 14.933333 0 0 1 14.933333 14.933333V710.4a14.933333 14.933333 0 0 1-14.933333 14.933333z" horiz-adv-x="1024" />
<glyph glyph-name="icon_top_and_bottom_layout" unicode="&#59368;" d="M838.4 810.666667A100.266667 100.266667 0 0 0 938.666667 710.4v-652.8A100.266667 100.266667 0 0 0 838.4-42.666667H185.6A100.266667 100.266667 0 0 0 85.333333 57.6V710.4A100.266667 100.266667 0 0 0 185.6 810.666667h652.8zM853.333333 341.376H170.666667v-283.776c0-8.234667 6.698667-14.933333 14.933333-14.933333h652.8a14.933333 14.933333 0 0 1 14.933333 14.933333v283.776zM838.4 725.333333H185.6a14.933333 14.933333 0 0 1-14.933333-14.933333v-283.690667h682.666666V710.4a14.933333 14.933333 0 0 1-14.933333 14.933333z" horiz-adv-x="1024" />
<glyph glyph-name="icon_phone_outlined" unicode="&#59328;" d="M426.666667 661.333333h170.666666v-85.333333h-170.666666v85.333333zM576 192h-128v-85.333333h128v85.333333zM213.333333 832a42.666667 42.666667 0 0 1-42.666666-42.666667v-810.666666a42.666667 42.666667 0 0 1 42.666666-42.666667h597.333334a42.666667 42.666667 0 0 1 42.666666 42.666667v810.666666a42.666667 42.666667 0 0 1-42.666666 42.666667H213.333333z m42.666667-85.333333h512v-725.333334H256v725.333334z" horiz-adv-x="1024" />
<glyph glyph-name="icon_application_filled" unicode="&#59329;" d="M533.632 847.445333a42.666667 42.666667 0 0 1-43.264 0l-362.666667-213.333333A42.666667 42.666667 0 0 1 106.666667 597.333333v-426.666666a42.666667 42.666667 0 0 1 21.034666-36.778667l362.666667-213.333333a42.666667 42.666667 0 0 1 43.264 0l362.666667 213.333333A42.666667 42.666667 0 0 1 917.333333 170.66666699999996V597.333333a42.666667 42.666667 0 0 1-21.034666 36.778667l-362.666667 213.333333z m185.130667-334.08a42.666667 42.666667 0 0 0-13.568-58.837333L554.666667 360.448V192a42.666667 42.666667 0 1 0-85.333334 0v168.277333l-150.613333 94.293334a42.666667 42.666667 0 0 0 45.226667 72.32l147.925333-92.586667 148.053333 92.586667a42.666667 42.666667 0 0 0 58.837334-13.568z" horiz-adv-x="1024" />
<glyph glyph-name="icon_livestream-start_outlined" unicode="&#59330;" d="M445.738667 222.890667l245.930666 122.965333a42.666667 42.666667 0 0 1 0 76.288l-245.930666 122.965333A42.666667 42.666667 0 0 1 384 506.965333v-245.930666a42.666667 42.666667 0 0 1 61.738667-38.144zM981.333333 720C981.333333 746.496 962.218667 768 938.666667 768H85.333333c-23.552 0-42.666667-21.504-42.666666-48v-672C42.666667 21.504 61.781333 0 85.333333 0h853.333334c23.552 0 42.666667 21.504 42.666666 48V720zM128 672h768v-576H128V672z" horiz-adv-x="1024" />
<glyph glyph-name="icon_busy_outlined" unicode="&#59331;" d="M277.333333 576H170.666667v-128h106.666666v42.666667h85.333334v-42.666667h298.666666v42.666667h85.333334v-42.666667H853.333333v128H277.333333z m0 85.333333v85.333334a42.666667 42.666667 0 0 0 42.666667 42.666666h384a42.666667 42.666667 0 0 0 42.666667-42.666666v-85.333334H896a42.666667 42.666667 0 0 0 42.666667-42.666666v-597.333334a42.666667 42.666667 0 0 0-42.666667-42.666666H128a42.666667 42.666667 0 0 0-42.666667 42.666666v597.333334a42.666667 42.666667 0 0 0 42.666667 42.666666h149.333333z m85.333334 0h298.666666v42.666667h-298.666666v-42.666667z m298.666666-298.666666h-298.666666v-42.666667h-85.333334v42.666667H170.666667v-298.666667h682.666666v298.666667h-106.666666v-42.666667h-85.333334v42.666667z" horiz-adv-x="1024" />
<glyph glyph-name="icon_member_filled" unicode="&#59332;" d="M640 341.333333H384c-117.802667 0-256-82.389333-256-230.4v-115.2c0-21.205333 19.114667-38.4 42.666667-38.4h682.666666c23.552 0 42.666667 17.194667 42.666667 38.4v115.2c0 148.096-138.197333 230.4-256 230.4zM298.666667 597.333333a213.333333 213.333333 0 1 1 426.666666 0A213.333333 213.333333 0 0 1 298.666667 597.333333z" horiz-adv-x="1024" />
<glyph glyph-name="icon_jira-filter_filled" unicode="&#59333;" d="M738.901333 733.781333c0 26.709333-21.632 48.341333-48.341333 48.341334H104.277333c-26.709333 0-48.384-21.632-48.384-48.341334v-142.805333l0.469334-7.424a59.733333 59.733333 0 0 1 20.437333-37.973333l178.474667-152.746667v-229.76c0-19.456 10.410667-37.376 27.306666-46.976l185.472-105.642667c7.253333-4.181333 15.530667-6.357333 23.893334-6.357333l6.101333 0.384c23.850667 2.986667 42.282667 23.338667 42.282667 47.957333v340.437334l177.792 152.746666a59.733333 59.733333 0 0 1 20.778666 45.312V733.781333zM910.208 167.808a17.066667 17.066667 0 0 1-17.066667 17.066667H699.733333a17.066667 17.066667 0 0 1-17.066666-17.066667v-51.2c0-9.386667 7.68-17.066667 17.066666-17.066667h193.408a17.066667 17.066667 0 0 1 17.066667 17.066667v51.2zM967.125333 366.933333a17.066667 17.066667 0 0 1-17.066666 17.066667H699.733333a17.066667 17.066667 0 0 1-17.066666-17.066667v-51.2c0-9.386667 7.68-17.066667 17.066666-17.066666h250.325334a17.066667 17.066667 0 0 1 17.066666 17.066666v51.2z" horiz-adv-x="1024" />
<glyph glyph-name="icon_jira-filter_filled-1" unicode="&#59334;" d="M911.36 129.578667a30.592 30.592 0 0 1-28.032 17.92h-73.642667v161.706666c0 110.421333-101.290667 202.709333-235.818666 224.938667V791.509333a61.866667 61.866667 0 1 1-123.690667 0v-257.493333c-134.4-22.186667-235.861333-114.56-235.861333-224.896v-161.578667H140.672a31.232 31.232 0 0 1-30.890667-30.293333v-0.981333c0-6.144 2.048-12.458667 5.973334-17.792l125.184-171.093334a30.72 30.72 0 0 1 48.256-1.706666l146.090666 170.965333a30.72 30.72 0 0 1 4.522667 32.981333 30.634667 30.634667 0 0 1-28.032 17.92H338.133333v161.621334c0 50.346667 71.381333 106.368 173.866667 106.368s173.994667-56.021333 173.994667-106.368v-161.450667h-73.813334a30.506667 30.506667 0 0 1-27.477333-17.066667 30.122667 30.122667 0 0 1-3.370667-13.952c0.042667-6.570667 2.133333-12.970667 5.973334-18.304l125.184-171.136a30.72 30.72 0 0 1 48.256-1.706666l146.005333 171.178666a30.464 30.464 0 0 1 7.466667 19.541334v0.938666a29.952 29.952 0 0 1-2.944 12.416l0.085333-0.042666z" horiz-adv-x="1024" />
<glyph glyph-name="icon_feedback_filled" unicode="&#59335;" d="M259.626667-85.333333H128a42.666667 42.666667 0 0 0-42.666667 42.666666V810.666667a42.666667 42.666667 0 0 0 42.666667 42.666666h682.666667a42.666667 42.666667 0 0 0 42.666666-42.666666v-302.293334a42.666667 42.666667 0 0 0-12.501333-30.122666L289.834667-72.832a42.666667 42.666667 0 0 0-30.208-12.501333z m23.936 475.562666A21.333333 21.333333 0 0 1 298.666667 384h213.333333a21.333333 21.333333 0 0 1 21.333333 21.333333v42.666667a21.333333 21.333333 0 0 1-21.333333 21.333333H298.666667a21.333333 21.333333 0 0 1-21.333334-21.333333v-42.666667a21.333333 21.333333 0 0 1 6.229334-15.104z m0 213.333334A21.333333 21.333333 0 0 1 298.666667 597.333333h362.666666a21.333333 21.333333 0 0 1 21.333334 21.333334v42.666666a21.290667 21.290667 0 0 1-21.333334 21.333334H298.666667a21.333333 21.333333 0 0 1-21.333334-21.333334v-42.666666a21.333333 21.333333 0 0 1 6.229334-15.104zM868.138667 158.848l-120.32 120.32-264.448-266.112L469.333333-100.949333a21.333333 21.333333 0 0 1 21.333334-21.333334l114.176 18.133334 263.296 262.997333zM899.114667 370.602667c-16.64 16.64-42.368 17.92-57.472 2.901333l-63.786667-64 120.490667-120.490667 63.872 63.744 2.005333 2.133334c12.970667 15.317333 11.093333 39.509333-4.778667 55.424l-60.330666 60.288z" horiz-adv-x="1024" />
<glyph glyph-name="icon_copy_filled1" unicode="&#59336;" d="M725.333333 597.333333v-602.069333c0-20.949333-17.834667-37.930667-39.808-37.930667H167.808C145.834667-42.666667 128-25.685333 128-4.736V602.026667C128 623.018667 145.834667 640 167.808 640H682.666667a42.666667 42.666667 0 0 0 42.666666-42.666667z m158.165334 200.832A42.538667 42.538667 0 0 0 896 768v-533.333333a21.333333 21.333333 0 0 0-21.333333-21.333334h-42.666667a21.333333 21.333333 0 0 0-21.333333 21.333334V725.333333H405.333333a21.333333 21.333333 0 0 0-21.333333 21.333334v42.666666a21.333333 21.333333 0 0 0 21.333333 21.333334H853.333333c11.776 0 22.442667-4.778667 30.165334-12.501334z" horiz-adv-x="1024" />
<glyph glyph-name="icon_livestream-start_filled" unicode="&#59337;" d="M981.333333 720C981.333333 746.496 962.218667 768 938.666667 768H85.333333c-23.552 0-42.666667-21.504-42.666666-48v-672C42.666667 21.504 61.781333 0 85.333333 0h853.333334c23.552 0 42.666667 21.504 42.666666 48V720zM424.405333 222.890667a42.666667 42.666667 0 0 0-61.738666 38.144V506.965333a42.666667 42.666667 0 0 0 61.738666 38.144l245.930667-122.965333a42.666667 42.666667 0 0 0 0-76.288l-245.930667-122.965333z" horiz-adv-x="1024" />
<glyph glyph-name="icon_account_filled" unicode="&#59338;" d="M640 768a192 192 0 1 1 0-384 192 192 0 0 1 0 384zM526.293333 341.333333C400.64 341.333333 298.666667 238.165333 298.666667 110.933333v-115.2c0-21.205333 17.066667-38.4 37.973333-38.4h606.72c20.906667 0 37.973333 17.194667 37.973333 38.4v115.2c0 127.232-101.973333 230.4-227.626666 230.4h-227.413334zM362.666667 640H128v-597.333333h64a21.333333 21.333333 0 0 0 21.333333-21.333334v-42.666666a21.333333 21.333333 0 0 0-21.333333-21.333334H99.328C64-42.666667 42.666667-21.333333 42.666667 21.333333V668.672C42.666667 704 64 725.333333 99.328 725.333333H362.666667a21.333333 21.333333 0 0 0 21.333333-21.333333v-42.666667a21.333333 21.333333 0 0 0-21.333333-21.333333zM187.733333 512h179.2c4.522667 0 8.874667-2.261333 12.074667-6.229333A24.32 24.32 0 0 0 384 490.666667v-42.666667a24.32 24.32 0 0 0-4.992-15.104A15.573333 15.573333 0 0 0 366.933333 426.666667H187.733333a15.573333 15.573333 0 0 0-12.074666 6.229333A24.32 24.32 0 0 0 170.666667 448v42.666667a24.32 24.32 0 0 0 4.992 15.104A15.530667 15.530667 0 0 0 187.733333 512zM183.466667 384h102.4c3.413333 0 6.656-2.261333 9.045333-6.229333A29.952 29.952 0 0 0 298.666667 362.666667v-42.666667c0-5.674667-1.365333-11.093333-3.754667-15.104-2.389333-3.968-5.632-6.229333-9.045333-6.229333H183.466667c-3.413333 0-6.656 2.261333-9.045334 6.229333A29.952 29.952 0 0 0 170.666667 320v42.666667c0 5.674667 1.365333 11.093333 3.754666 15.104 2.389333 3.968 5.632 6.229333 9.045334 6.229333z" horiz-adv-x="1024" />
<glyph glyph-name="icon_dashboard_outlined1" unicode="&#59339;" d="M106.666667 42.666667v360.704c0 24.661333 20.48 44.629333 45.696 44.629333H341.333333V765.738667C341.333333 790.613333 363.178667 810.666667 390.101333 810.666667h243.797334C660.821333 810.666667 682.666667 790.570667 682.666667 765.738667V584.533333h-85.333334V725.333333h-170.666666v-682.666666h85.333333v-85.333334H85.333333a21.333333 21.333333 0 0 0-21.333333 21.333334v42.666666A21.333333 21.333333 0 0 0 85.333333 42.666667h21.333334zM341.333333 42.666667v320H192V42.666667H341.333333zM817.749333 132.096a49.792 49.792 0 1 0-99.541333 0 49.792 49.792 0 0 0 99.541333 0zM568.874667 505.429333c0 13.781333 11.136 24.917333 24.874666 24.917334h348.458667c13.738667 0 24.874667-11.136 24.874667-24.917334v-522.666666a24.874667 24.874667 0 0 0-24.874667-24.874667h-348.458667a24.874667 24.874667 0 0 0-24.874666 24.874667V505.429333z m124.458666-49.749333h-49.792v-423.125333h248.874667V455.68H842.666667v-24.917333a24.874667 24.874667 0 0 0-24.917334-24.874667h-99.541333a24.874667 24.874667 0 0 0-24.874667 24.874667v24.917333z" horiz-adv-x="1024" />
<glyph glyph-name="icon_pause_outlined" unicode="&#59340;" d="M298.666667 746.666667a21.333333 21.333333 0 0 0 21.333333 21.333333h42.666667a21.333333 21.333333 0 0 0 21.333333-21.333333v-725.333334a21.333333 21.333333 0 0 0-21.333333-21.333333h-42.666667a21.333333 21.333333 0 0 0-21.333333 21.333333v725.333334zM640 746.666667a21.333333 21.333333 0 0 0 21.333333 21.333333h42.666667a21.333333 21.333333 0 0 0 21.333333-21.333333v-725.333334a21.333333 21.333333 0 0 0-21.333333-21.333333h-42.666667a21.333333 21.333333 0 0 0-21.333333 21.333333v725.333334z" horiz-adv-x="1024" />
<glyph glyph-name="icon_application_outlined" unicode="&#59341;" d="M490.368 847.445333a42.666667 42.666667 0 0 0 43.264 0l362.666667-213.333333A42.666667 42.666667 0 0 0 917.333333 597.333333v-426.666666a42.666667 42.666667 0 0 0-21.034666-36.778667l-362.666667-213.333333a42.666667 42.666667 0 0 0-43.264 0l-362.666667 213.333333A42.666667 42.666667 0 0 0 106.666667 170.666667V597.333333a42.666667 42.666667 0 0 0 21.034666 36.778667l362.666667 213.333333zM192 572.928v-377.856L512 6.826667l320 188.245333V572.928L512 761.173333 192 572.928zM705.194667 454.528a42.666667 42.666667 0 1 1-45.226667 72.362667l-148.096-92.586667L363.946667 526.933333a42.666667 42.666667 0 1 1-45.312-72.362666L469.333333 360.277333V192a42.666667 42.666667 0 1 1 85.333334 0v168.448l150.528 94.08z" horiz-adv-x="1024" />
<glyph glyph-name="icon_qr_filled" unicode="&#59342;" d="M192 405.333333h298.666667v298.666667h-298.666667v-298.666667z m-42.666667 384h384a42.666667 42.666667 0 0 0 42.666667-42.666666v-384a42.666667 42.666667 0 0 0-42.666667-42.666667h-384a42.666667 42.666667 0 0 0-42.666666 42.666667v384a42.666667 42.666667 0 0 0 42.666666 42.666666z m128-170.666666h128v-128h-128v128z m-128-362.666667H341.333333a42.666667 42.666667 0 0 0 42.666667-42.666667v-192a42.666667 42.666667 0 0 0-42.666667-42.666666H149.333333a42.666667 42.666667 0 0 0-42.666666 42.666666V213.333333a42.666667 42.666667 0 0 0 42.666666 42.666667zM682.666667 789.333333h192a42.666667 42.666667 0 0 0 42.666666-42.666666V554.666667a42.666667 42.666667 0 0 0-42.666666-42.666667H682.666667a42.666667 42.666667 0 0 0-42.666667 42.666667V746.666667a42.666667 42.666667 0 0 0 42.666667 42.666666zM682.666667 256h192a42.666667 42.666667 0 0 0 42.666666-42.666667v-192a42.666667 42.666667 0 0 0-42.666666-42.666666H682.666667a42.666667 42.666667 0 0 0-42.666667 42.666666V213.333333a42.666667 42.666667 0 0 0 42.666667 42.666667z m-213.333334 0h85.333334v-85.333333h-85.333334v85.333333z m0-149.333333h85.333334v-128h-85.333334v128z m170.666667 320h85.333333v-85.333334h-85.333333v85.333334z m149.333333 0h128v-85.333334h-128v85.333334z" horiz-adv-x="1024" />
<glyph glyph-name="icon_login_filled" unicode="&#59343;" d="M213.333333 682.666667v-128H85.333333V768a42.666667 42.666667 0 0 0 42.666667 42.666667h768a42.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.666667v213.333333h128v-128h597.333334V682.666667H213.333333zM686.762667 366.762667a21.333333 21.333333 0 0 1 0 30.165333l-60.330667 60.330667-0.170667 0.170666L490.666667 593.024a21.333333 21.333333 0 0 1-30.165334 0L400.128 532.693333a21.333333 21.333333 0 0 1 0-30.165333l54.528-54.528H85.333333v-128h373.632l-58.837333-58.837333a21.333333 21.333333 0 0 1 0-30.165334L460.501333 170.666667a21.333333 21.333333 0 0 1 30.165334 0l196.096 196.096z" horiz-adv-x="1024" />
<glyph glyph-name="icon_license_shape" unicode="&#59344;" d="M768 853.333333H85.333333a42.666667 42.666667 0 0 1-42.666666-42.666666v-845.397334a42.666667 42.666667 0 0 1 63.146666-37.461333l201.173334 109.952a402.858667 402.858667 0 0 0-33.536 78.933333L128 37.162667V768h597.333333v-133.034667c29.653333-4.693333 58.197333-12.586667 85.333334-23.381333V810.666667a42.666667 42.666667 0 0 1-42.666667 42.666666zM981.333333 234.666667a320 320 0 1 1-640 0 320 320 0 0 1 640 0z m-554.666666 0a234.666667 234.666667 0 1 0 469.333333 0 234.666667 234.666667 0 0 0-469.333333 0zM298.666667 661.333333a21.333333 21.333333 0 0 0 21.333333 21.333334h213.333333a21.333333 21.333333 0 0 0 21.333334-21.333334v-42.666666a21.333333 21.333333 0 0 0-21.333334-21.333334h-213.333333a21.333333 21.333333 0 0 0-21.333333 21.333334v42.666666zM682.666667 405.333333a106.666667 106.666667 0 0 0 40.192-205.482666l65.024-120.106667a10.666667 10.666667 0 0 0-9.386667-15.744h-54.698667a21.333333 21.333333 0 0 0-18.773333 11.178667L641.749333 192H618.666667V85.333333a21.333333 21.333333 0 0 0-21.333334-21.333333h-42.666666a21.333333 21.333333 0 0 0-21.333334 21.333333v298.666667a21.333333 21.333333 0 0 0 21.333334 21.333333h128z m-64-128H682.666667a21.333333 21.333333 0 0 1 2.474666 42.538667L682.666667 320h-64v-42.666667z" horiz-adv-x="1024" />
<glyph glyph-name="icon_resolve_outlined" unicode="&#59345;" d="M213.333333 768h597.333334v-752.128l-237.312 129.621333a128 128 0 0 1-122.752 0L213.333333 15.871999999999957V768z m319.146667-697.386667l300.373333-164.096a42.624 42.624 0 0 1 63.146667 37.418667V810.666667a42.666667 42.666667 0 0 1-42.666667 42.666666H170.666667a42.666667 42.666667 0 0 1-42.666667-42.666666v-866.730667a42.666667 42.666667 0 0 1 63.146667-37.418667l300.373333 164.096a42.666667 42.666667 0 0 0 40.96 0zM470.869333 426.069333l178.389334 178.432a21.333333 21.333333 0 0 0 30.208 0l30.165333-30.165333a21.333333 21.333333 0 0 0 0-30.165333l-223.701333-223.701334a21.333333 21.333333 0 0 0-30.165334 0l-120.661333 120.661334a21.333333 21.333333 0 0 0 0 30.165333l30.165333 30.208a21.333333 21.333333 0 0 0 30.165334 0l75.434666-75.434667z" horiz-adv-x="1024" />
<glyph glyph-name="icon_notification-setting_outlined" unicode="&#59346;" d="M426.666667 778.24V810.666667a21.333333 21.333333 0 0 0 21.333333 21.333333h128a21.333333 21.333333 0 0 0 21.333333-21.333333v-32.426667c147.2-39.125333 256-177.066667 256-341.248v-20.906667a266.837333 266.837333 0 0 1-85.333333 10.368v10.410667C768 584.4053329999999 653.397333 704 512 704s-256-119.594667-256-267.093333v-244.906667h257.877333a269.482667 269.482667 0 0 1 3.456-85.333333H106.666667A21.333333 21.333333 0 0 0 85.333333 128v42.666667a21.333333 21.333333 0 0 0 21.333334 21.333333H170.666667v244.992C170.666667 601.173333 279.466667 739.114667 426.666667 778.24zM605.354667-42.66666699999996a267.648 267.648 0 0 0-66.218667 85.333334H405.333333a21.333333 21.333333 0 0 1-21.333333-21.333334v-42.666666a21.333333 21.333333 0 0 1 21.333333-21.333334h200.021334zM576 101.12c8.618667-32 24.234667-61.738667 45.738667-86.997333l49.92 5.461333a46.208 46.208 0 0 0 47.36-27.392l22.229333-50.730667c30.165333-6.826667 61.44-7.253333 91.733333-1.28l22.826667 52.010667a46.165333 46.165333 0 0 0 47.36 27.392l54.826667-5.973333a224.170667 224.170667 0 0 1 44.672 82.218666l-31.445334 43.221334a46.250667 46.250667 0 0 0 0 54.357333l28.672 39.424a224.426667 224.426667 0 0 1-52.309333 84.906667l-44.416-4.864a46.208 46.208 0 0 0-47.36 27.392l-16.768 38.272a221.568 221.568 0 0 1-103.893333-1.450667l-16.128-36.821333a46.165333 46.165333 0 0 0-47.36-27.434667l-39.637334 4.352a224.384 224.384 0 0 1-53.461333-89.386667l25.002667-34.389333c11.818667-16.213333 11.818667-38.186667 0-54.357333l-27.562667-37.930667z m288 58.88a74.666667 74.666667 0 1 0-149.333333 0 74.666667 74.666667 0 0 0 149.333333 0z" horiz-adv-x="1024" />
<glyph glyph-name="icon_play_outlined" unicode="&#59347;" d="M192.597333 762.624a42.666667 42.666667 0 0 0 43.264-1.066667l554.666667-344.874666a42.666667 42.666667 0 0 0 0-72.448l-554.666667-344.874667A42.666667 42.666667 0 0 0 170.666667 35.626667V725.333333a42.666667 42.666667 0 0 0 21.930666 37.290667zM256 648.576v-536.234667l431.189333 268.117334L256 648.576z" horiz-adv-x="1024" />
<glyph glyph-name="icon_sheet-datareference_outlined" unicode="&#59348;" d="M512 725.333333a85.333333 85.333333 0 0 0 85.333333 85.333334h256a85.333333 85.333333 0 0 0 85.333334-85.333334v-256a85.333333 85.333333 0 0 0-85.333334-85.333333h-256a85.333333 85.333333 0 0 0-85.333333 85.333333V725.333333z m85.333333 0v-256h256V725.333333h-256zM85.333333 298.666667a85.333333 85.333333 0 0 0 85.333334 85.333333h256a85.333333 85.333333 0 0 0 85.333333-85.333333v-256a85.333333 85.333333 0 0 0-85.333333-85.333334H170.666667a85.333333 85.333333 0 0 0-85.333334 85.333334v256z m85.333334 0v-256h256v256H170.666667zM128 597.333333a213.333333 213.333333 0 0 0 213.333333 213.333334h85.333334v-85.333334H341.333333a128 128 0 0 1-128-128h57.514667a12.8 12.8 0 0 0 9.728-21.12l-100.181333-116.906666a12.8 12.8 0 0 0-19.456 0l-100.181334 116.906666A12.8 12.8 0 0 0 70.485333 597.333333H128zM896 170.666667a213.333333 213.333333 0 0 0-213.333333-213.333334h-85.333334v85.333334h85.333334a128 128 0 0 1 128 128v21.333333h-57.514667a12.8 12.8 0 0 0-9.728 21.12l100.181333 116.906667a12.8 12.8 0 0 0 19.456 0l100.181334-116.906667a12.8 12.8 0 0 0-9.728-21.12H896v-21.333333z" horiz-adv-x="1024" />
<glyph glyph-name="icon_delete-trash_filled1" unicode="&#59349;" d="M341.333333 725.333333V768a42.666667 42.666667 0 0 0 42.666667 42.666667h256a42.666667 42.666667 0 0 0 42.666667-42.666667v-42.666667h228.650666c9.514667 0 12.970667-0.981333 16.426667-2.858666a19.370667 19.370667 0 0 0 8.106667-8.064c1.834667-3.456 2.816-6.912 2.816-16.426667v-30.634667c0-9.514667-0.981333-12.970667-2.858667-16.426666a19.370667 19.370667 0 0 0-8.064-8.106667c-3.456-1.834667-6.912-2.816-16.426667-2.816H853.333333v-640a42.666667 42.666667 0 0 0-42.666666-42.666667H213.333333a42.666667 42.666667 0 0 0-42.666666 42.666667V640H112.682667c-9.514667 0-12.970667 0.981333-16.426667 2.858667a19.370667 19.370667 0 0 0-8.106667 8.064C86.357333 654.378667 85.333333 657.834667 85.333333 667.306667V698.026667c0 9.514667 0.981333 12.970667 2.858667 16.426666a19.370667 19.370667 0 0 0 8.064 8.106667C99.712 724.309333 103.168 725.333333 112.64 725.333333H341.333333zM448 554.666667h-42.666667a21.333333 21.333333 0 0 1-21.333333-21.333334v-384a21.333333 21.333333 0 0 1 21.333333-21.333333h42.666667a21.333333 21.333333 0 0 1 21.333333 21.333333v384a21.333333 21.333333 0 0 1-21.333333 21.333334zM618.666667 554.666667h-42.666667a21.333333 21.333333 0 0 1-21.333333-21.333334v-384a21.333333 21.333333 0 0 1 21.333333-21.333333h42.666667a21.333333 21.333333 0 0 1 21.333333 21.333333v384a21.333333 21.333333 0 0 1-21.333333 21.333334z" horiz-adv-x="1024" />
<glyph glyph-name="icon_plugin_filled" unicode="&#59350;" d="M504.362667 831.530667a149.333333 149.333333 0 0 1-226.261334-142.762667l0.085334-0.725333 0.085333-0.725334c2.517333-18.218667 7.082667-33.962667 12.373333-47.317333H170.666667a85.333333 85.333333 0 0 1-85.333334-85.333333v-170.666667c0-6.058667 0.256-14.72 2.602667-23.210667 2.346667-8.405333 10.069333-27.477333 32.554667-34.048 17.450667-5.12 32.042667 1.578667 35.754666 3.242667l0.128 0.085333a129.706667 129.706667 0 0 1 13.866667 7.68l1.621333 1.024c14.037333 8.661333 30.805333 19.072 56.96 22.784a64 64 0 1 0 1.450667-127.573333 236.885333 236.885333 0 0 0-64.938667 19.285333l-0.810666 0.341334c-3.157333 1.365333-7.082667 3.114667-10.666667 4.48a62.293333 62.293333 0 0 1-20.053333 4.352 45.866667 45.866667 0 0 1-40.874667-21.589334A52.522667 52.522667 0 0 1 85.333333 213.333333v-170.666666a85.333333 85.333333 0 0 1 85.333334-85.333334h512a85.333333 85.333333 0 0 1 85.333333 85.333334v117.461333c13.482667-4.096 29.610667-8.021333 48.64-10.794667l1.194667-0.170666 1.28-0.085334a149.333333 149.333333 0 1 1-2.346667 297.301334l-0.725333-0.085334-0.725334-0.085333a207.914667 207.914667 0 0 1-47.317333-12.245333V554.666667a85.333333 85.333333 0 0 1-85.333333 85.333333h-118.314667c4.138667 13.482667 8.021333 29.610667 10.794667 48.64l0.170666 1.194667 0.128 1.28a149.333333 149.333333 0 0 1-71.082666 140.373333z" horiz-adv-x="1024" />
<glyph glyph-name="icon_cloud_filled" unicode="&#59351;" d="M768.30592 0H256.30592a256 256 0 0 0-40.106667 508.885333 298.709333 298.709333 0 0 0 592.213334 0A256.042667 256.042667 0 0 0 768.30592 0z" horiz-adv-x="1024" />
<glyph glyph-name="icon_approval_outlined1" unicode="&#59352;" d="M810.666667 832a42.666667 42.666667 0 0 0 42.666666-42.666667V512h-85.333333V746.666667H170.666667v-725.333334h277.333333v-85.333333H128a42.666667 42.666667 0 0 0-42.666667 42.666667v810.666666a42.666667 42.666667 0 0 0 42.666667 42.666667h682.666667zM746.666667 469.333333a128 128 0 0 0 87.552-221.397333L913.066667 149.333333h25.6a42.666667 42.666667 0 0 0 42.666666-42.666666v-128a42.666667 42.666667 0 0 0-42.666666-42.666667h-384a42.709333 42.709333 0 0 0-42.666667 42.666667v128a42.666667 42.666667 0 0 0 42.666667 42.666666h41.856l69.76 92.373334A128 128 0 0 0 746.666667 469.333333z m149.333333-405.333333h-298.666667v-42.666667h298.666667v42.666667z m-145.749333 137.813333L708.266667 149.333333h81.578666l-39.594666 52.48zM405.333333 256v-85.333333h-170.666666v85.333333h170.666666z m341.333334 128a42.666667 42.666667 0 1 1 0-85.248 42.666667 42.666667 0 0 1 0 85.248z m-213.333334 42.666667v-85.333334h-298.666666v85.333334h298.666666z m0 170.666666v-85.333333h-298.666666V597.333333h298.666666z" horiz-adv-x="1024" />
<glyph glyph-name="icon_emoji_filled" unicode="&#59353;" d="M42.666667 384c0-259.2 210.133333-469.333333 469.333333-469.333333s469.333333 210.133333 469.333333 469.333333S771.2 853.333333 512 853.333333 42.666667 643.2 42.666667 384z m554.666666 149.333333h85.333334v-128h-85.333334v128z m-170.666666 0v-128H341.333333v128h85.333334z m232.746666-234.666666h47.786667c11.093333 0 18.773333-11.434667 13.781333-21.418667A234.666667 234.666667 0 0 0 512 149.333333a234.666667 234.666667 0 0 0-208.768 127.402667c-5.248 10.154667 2.730667 21.930667 14.165333 21.930667h51.072c13.226667 0 25.514667-6.272 34.261334-16.213334 2.005333-2.261333 3.968-4.394667 5.674666-5.973333 26.88-25.898667 63.36-41.813333 103.594667-41.813333 40.533333 0 77.226667 16.128 104.149333 42.325333 1.536 1.450667 3.285333 3.413333 5.12 5.461333a46.08 46.08 0 0 0 34.261334 16.213334h3.84z" horiz-adv-x="1024" />
<glyph glyph-name="icon_setting-inter_filled" unicode="&#59354;" d="M344.448-18.986667a170.666667 170.666667 0 1 0-241.322667 241.408l103.637334 103.637334a384.085333 384.085333 0 0 0 92.458666 394.112 384 384 0 0 0 394.325334 92.416c8.576-2.901333 18.901333-7.168 30.933333-12.757334a40.448 40.448 0 0 0 11.52-65.28L555.690667 554.24l120.661333-120.661333 177.962667 177.962666a42.666667 42.666667 0 0 0 68.992-12.416c5.461333-11.904 9.557333-22.144 12.373333-30.72a383.957333 383.957333 0 0 0-93.397333-391.253333 384.042667 384.042667 0 0 0-394.154667-92.501333l-103.68-103.637334z" horiz-adv-x="1024" />
<glyph glyph-name="icon_trace_outlined" unicode="&#59355;" d="M85.333333 384C85.333333 619.648 276.352 810.666667 512 810.666667h42.666667v-85.333334h-42.666667a341.333333 341.333333 0 1 1 341.333333-341.333333v42.666667h85.333334v-42.666667c0-235.648-191.018667-426.666667-426.666667-426.666667S85.333333 148.352 85.333333 384zM277.333333 384A234.666667 234.666667 0 0 0 512 618.666667h42.666667v-85.333334h-42.666667a149.333333 149.333333 0 1 1 149.333333-149.333333v42.666667h85.333334v-42.666667a234.666667 234.666667 0 1 0-469.333334 0zM676.565333 548.693333a42.666667 42.666667 0 0 0 0-60.330666l-134.4-134.528a42.666667 42.666667 0 0 0-60.330666 60.330666l134.4 134.528a42.666667 42.666667 0 0 0 60.330666 0zM777.941333 807.424a42.666667 42.666667 0 0 0 26.410667-39.424v-91.733333H896a42.666667 42.666667 0 0 0 30.250667-72.789334l-114.688-115.2a42.666667 42.666667 0 0 0-30.250667-12.544H646.4a42.666667 42.666667 0 0 0-42.666667 42.666667V652.245333a42.666667 42.666667 0 0 0 12.416 30.08l115.285334 115.797334a42.666667 42.666667 0 0 0 46.506666 9.301333z m-88.874666-172.8V561.066667h74.538666l29.738667 29.866666h-31.658667a42.666667 42.666667 0 0 0-42.666666 42.666667v31.061333l-29.952-30.037333z" horiz-adv-x="1024" />
<glyph glyph-name="icon_token_filled" unicode="&#59356;" d="M672 810.666667C524.8 810.666667 405.333333 691.2 405.333333 544c0-32 6.4-61.866667 16.554667-90.154667l-333.312-333.226666a11.093333 11.093333 0 0 1-3.242667-7.893334v-133.162666c0-12.288 9.941333-22.229333 22.186667-22.229334h62.293333a22.186667 22.186667 0 0 1 22.186667 22.186667v31.146667h84.48a22.186667 22.186667 0 0 1 22.186667 22.186666v84.48h53.333333l106.666667 106.666667H512l69.888 69.845333a264.96 264.96 0 0 1 90.112-16.512c147.2 0 266.666667 119.466667 266.666667 266.666667S819.2 810.666667 672 810.666667z m80-266.666667a79.872 79.872 0 0 0-80 80c0 44.288 35.754667 80 80 80 44.288 0 80-35.712 80-80a79.872 79.872 0 0 0-80-80z" horiz-adv-x="1024" />
<glyph glyph-name="icon_jira-filter_outlined" unicode="&#59357;" d="M690.56 782.122667c26.709333 0 48.341333-21.632 48.341333-48.341334V590.933333a59.733333 59.733333 0 0 0-20.778666-45.269333l-177.792-152.789333v-340.437334c0-24.618667-18.432-44.970667-42.282667-47.957333l-6.058667-0.384c-8.405333 0-16.64 2.176-23.936 6.357333L282.581333 116.053333a54.058667 54.058667 0 0 0-27.306666 46.933334v229.802666L76.8 545.578667a59.733333 59.733333 0 0 0-20.437333 37.973333l-0.426667 7.424V733.781333c0 26.709333 21.632 48.341333 48.341333 48.341334h586.24z m202.581333-597.248c9.429333 0 17.066667-7.637333 17.066667-17.066667v-51.2a17.066667 17.066667 0 0 0-17.066667-17.066667H699.733333a17.066667 17.066667 0 0 0-17.066666 17.066667v51.2c0 9.429333 7.68 17.066667 17.066666 17.066667h193.408zM653.525333 696.832H141.226667v-94.037333l178.517333-152.832a59.733333 59.733333 0 0 0 20.48-37.973334l0.426667-7.424v-223.274666l114.389333-65.237334v288.554667c0 14.933333 5.546667 29.226667 15.488 40.106667l5.333333 5.205333 177.706667 152.832V696.832zM950.058667 384c9.386667 0 17.066667-7.68 17.066666-17.066667v-51.2a17.066667 17.066667 0 0 0-17.066666-17.066666H699.733333a17.066667 17.066667 0 0 0-17.066666 17.066666v51.2c0 9.386667 7.68 17.066667 17.066666 17.066667h250.325334z" horiz-adv-x="1024" />
<glyph glyph-name="icon_status-vacation_filled" unicode="&#59358;" d="M938.666667 725.333333h-128V810.666667a21.290667 21.290667 0 0 1-21.333334 21.333333h-42.666666a21.333333 21.333333 0 0 1-21.333334-21.333333v-85.333334H298.666667V810.666667a21.333333 21.333333 0 0 1-21.333334 21.333333h-42.666666A21.333333 21.333333 0 0 1 213.333333 810.666667v-85.333334H85.333333a42.666667 42.666667 0 0 1-42.666666-42.666666v-682.666667a42.666667 42.666667 0 0 1 42.666666-42.666667h853.333334a42.666667 42.666667 0 0 1 42.666666 42.666667V682.666667a42.666667 42.666667 0 0 1-42.666666 42.666666zM192 554.666667h640a21.333333 21.333333 0 0 0 21.333333-21.333334v-42.666666a21.333333 21.333333 0 0 0-21.333333-21.333334h-640a21.333333 21.333333 0 0 0-21.333333 21.333334v42.666666a21.333333 21.333333 0 0 0 21.333333 21.333334z" horiz-adv-x="1024" />
<glyph glyph-name="icon_database_filled" unicode="&#59359;" d="M106.666667 661.333333c0-16.810667 10.496-33.450667 30.848-48.981333 20.394667-15.530667 50.218667-29.653333 87.893333-41.514667 37.632-11.904 82.304-21.333333 131.498667-27.733333 49.152-6.442667 101.845333-9.770667 155.093333-9.770667 53.248 0 105.941333 3.328 155.136 9.728 49.152 6.442667 93.866667 15.872 131.498667 27.733334 37.632 11.946667 67.456 26.026667 87.850666 41.557333 20.352 15.530667 30.848 32.170667 30.848 48.981333 0 33.962667-42.666667 66.517333-118.698666 90.496C722.602667 775.850667 619.52 789.333333 512 789.333333c-107.52 0-210.602667-13.482667-286.634667-37.504C149.376 727.893333 106.666667 695.296 106.666667 661.333333zM512 192c-178.133333 0-329.386667 36.266667-383.786667 86.613333a12.714667 12.714667 0 0 1-21.546666-9.173333V106.666667c0-70.613333 181.546667-128 405.333333-128s405.333333 57.386667 405.333333 128v162.773333a12.714667 12.714667 0 0 1-21.546666 9.173333C841.386667 228.266667 690.133333 192 512 192zM512 469.333333c-178.133333 0-329.386667 36.266667-383.786667 86.613334a12.714667 12.714667 0 0 1-21.546666-9.173334V384c0-70.613333 181.546667-128 405.333333-128s405.333333 57.386667 405.333333 128V546.773333a12.714667 12.714667 0 0 1-21.546666 9.173334C841.386667 505.6 690.133333 469.333333 512 469.333333z" horiz-adv-x="1024" />
<glyph glyph-name="icon_more-vertical_outlined" unicode="&#59360;" d="M576 128v-85.333333a21.290667 21.290667 0 0 0-21.333333-21.333334h-85.333334a21.248 21.248 0 0 0-21.333333 21.333334v85.333333a21.333333 21.333333 0 0 0 21.333333 21.333333h85.333334a21.248 21.248 0 0 0 21.333333-21.333333z m0 597.333333v-85.333333a21.290667 21.290667 0 0 0-21.333333-21.333333h-85.333334a21.333333 21.333333 0 0 0-21.333333 21.333333V725.333333a21.290667 21.290667 0 0 0 21.333333 21.333334h85.333334a21.333333 21.333333 0 0 0 21.333333-21.333334z m0-298.666666v-85.333334a21.290667 21.290667 0 0 0-21.333333-21.333333h-85.333334a21.248 21.248 0 0 0-21.333333 21.333333v85.333334a21.333333 21.333333 0 0 0 21.333333 21.333333h85.333334a21.248 21.248 0 0 0 21.333333-21.333333z" horiz-adv-x="1024" />
<glyph glyph-name="icon_account_outlined" unicode="&#59361;" d="M640 682.666667a106.666667 106.666667 0 1 1 0.042667-213.376A106.666667 106.666667 0 0 1 640 682.666667z m-192-106.666667a192 192 0 1 0 384 0 192 192 0 0 0-384 0z m78.293333-320C448.64 256 384 192.085333 384 110.933333V42.666667h512v68.266666c0 81.109333-64.64 145.066667-142.293333 145.066667h-227.413334zM298.666667 110.933333c0 127.232 101.973333 230.4 227.626666 230.4h227.413334C879.36 341.333333 981.333333 238.165333 981.333333 110.933333v-115.2c0-21.205333-17.066667-38.4-37.973333-38.4H336.64a38.229333 38.229333 0 0 0-37.973333 38.4v115.2zM362.666667 640H128v-597.333333h64a21.333333 21.333333 0 0 0 21.333333-21.333334v-42.666666a21.333333 21.333333 0 0 0-21.333333-21.333334H99.328C64-42.666667 42.666667-21.333333 42.666667 21.333333V668.672C42.666667 704 64 725.333333 99.328 725.333333H362.666667a21.333333 21.333333 0 0 0 21.333333-21.333333v-42.666667a21.333333 21.333333 0 0 0-21.333333-21.333333zM187.733333 512h179.2c4.522667 0 8.874667-2.261333 12.074667-6.229333A24.32 24.32 0 0 0 384 490.666667v-42.666667a24.32 24.32 0 0 0-4.992-15.104A15.573333 15.573333 0 0 0 366.933333 426.666667H187.733333a15.573333 15.573333 0 0 0-12.074666 6.229333A24.32 24.32 0 0 0 170.666667 448v42.666667a24.32 24.32 0 0 0 4.992 15.104A15.530667 15.530667 0 0 0 187.733333 512zM183.466667 384h102.4c3.413333 0 6.656-2.261333 9.045333-6.229333A29.952 29.952 0 0 0 298.666667 362.666667v-42.666667c0-5.674667-1.365333-11.093333-3.754667-15.104-2.389333-3.968-5.632-6.229333-9.045333-6.229333H183.466667c-3.413333 0-6.656 2.261333-9.045334 6.229333A29.952 29.952 0 0 0 170.666667 320v42.666667c0 5.674667 1.365333 11.093333 3.754666 15.104 2.389333 3.968 5.632 6.229333 9.045334 6.229333z" horiz-adv-x="1024" />
<glyph glyph-name="icon_reference_outlined" unicode="&#59362;" d="M121.216 181.632c-7.082667 17.493333-7.466667 83.413333-7.424 104.32 0.341333 142.72 34.048 256.426667 88.32 330.112C262.4 697.770667 351.701333 734.976 460.8 723.2c7.893333-0.853333 11.946667-7.338667 10.581333-16.981333l-7.381333-51.285334c-1.749333-12.202667-9.813333-12.885333-17.621333-12.202666-138.709333 11.946667-232.576-84.053333-245.76-296.704a165.632 165.632 0 0 0 83.754666 22.528c91.050667 0 164.906667-72.96 164.906667-162.944C449.28 115.626667 375.466667 42.666667 284.373333 42.666667c-82.858667 0-151.424 60.330667-163.157333 138.965333z m438.570667 0c-7.082667 17.493333-7.509333 83.413333-7.466667 104.32 0.426667 142.72 34.090667 256.426667 88.405333 330.112 60.202667 81.706667 149.504 118.912 258.645334 107.136 7.893333-0.853333 11.946667-7.338667 10.581333-16.981333l-7.381333-51.285334c-1.749333-12.202667-9.813333-12.885333-17.621334-12.202666-138.752 11.946667-232.576-84.053333-245.76-296.704a165.632 165.632 0 0 0 83.712 22.528c91.093333 0 164.906667-72.96 164.906667-162.944 0-90.026667-73.813333-162.944-164.906667-162.944-82.773333 0-151.381333 60.330667-163.114666 138.965333z" horiz-adv-x="1024" />
<glyph glyph-name="icon_schedule-report_outlined" unicode="&#59363;" d="M840.832 840.832A42.666667 42.666667 0 0 0 853.333333 810.666667v-341.333334h-85.333333V768H170.666667v-768h213.333333v-85.333333H128a42.666667 42.666667 0 0 0-42.666667 42.666666V810.666667a42.666667 42.666667 0 0 0 42.666667 42.666666h682.666667a42.666667 42.666667 0 0 0 30.165333-12.501333zM277.333333 640a21.333333 21.333333 0 0 1-21.333333-21.333333v-42.666667a21.333333 21.333333 0 0 1 21.333333-21.333333h384a21.333333 21.333333 0 0 1 21.333334 21.333333v42.666667a21.333333 21.333333 0 0 1-21.333334 21.333333h-384zM256 448a21.333333 21.333333 0 0 0 21.333333 21.333333h170.666667a21.333333 21.333333 0 0 0 21.333333-21.333333v-42.666667a21.333333 21.333333 0 0 0-21.333333-21.333333h-170.666667a21.333333 21.333333 0 0 0-21.333333 21.333333v42.666667zM758.741333 161.408h78.378667a10.666667 10.666667 0 0 0 10.666667-10.666667v-45.482666a10.666667 10.666667 0 0 0-10.666667-10.666667h-134.528a10.666667 10.666667 0 0 0-10.666667 10.666667V239.786667a10.666667 10.666667 0 0 0 10.666667 10.666666h45.482667a10.666667 10.666667 0 0 0 10.666666-10.666666v-78.378667zM469.333333 128a256 256 0 1 1 512 0 256 256 0 0 1-512 0z m376.661334-120.661333a170.666667 170.666667 0 1 0-241.322667 241.322666 170.666667 170.666667 0 0 0 241.322667-241.322666z" horiz-adv-x="1024" />
<glyph glyph-name="icon_sheet-datareference_filled" unicode="&#59364;" d="M512 725.333333a85.333333 85.333333 0 0 0 85.333333 85.333334h256a85.333333 85.333333 0 0 0 85.333334-85.333334v-256a85.333333 85.333333 0 0 0-85.333334-85.333333h-256a85.333333 85.333333 0 0 0-85.333333 85.333333V725.333333zM85.333333 298.666667a85.333333 85.333333 0 0 0 85.333334 85.333333h256a85.333333 85.333333 0 0 0 85.333333-85.333333v-256a85.333333 85.333333 0 0 0-85.333333-85.333334H170.666667a85.333333 85.333333 0 0 0-85.333334 85.333334v256zM128 597.333333a213.333333 213.333333 0 0 0 213.333333 213.333334h85.333334v-85.333334H341.333333a128 128 0 0 1-128-128h57.514667a12.8 12.8 0 0 0 9.728-21.12l-100.181333-116.906666a12.8 12.8 0 0 0-19.456 0l-100.181334 116.906666A12.8 12.8 0 0 0 70.485333 597.333333H128zM896 170.666667a213.333333 213.333333 0 0 0-213.333333-213.333334h-85.333334v85.333334h85.333334a128 128 0 0 1 128 128v21.333333h-57.514667a12.8 12.8 0 0 0-9.728 21.12l100.181333 116.906667a12.8 12.8 0 0 0 19.456 0l100.181334-116.906667a12.8 12.8 0 0 0-9.728-21.12H896v-21.333333z" horiz-adv-x="1024" />
<glyph glyph-name="icon_vc-reaction_filled" unicode="&#59365;" d="M512-85.333333c259.2 0 469.333333 210.133333 469.333333 469.333333S771.2 853.333333 512 853.333333 42.666667 643.2 42.666667 384s210.133333-469.333333 469.333333-469.333333zM362.666667 448a64 64 0 1 0 0 128 64 64 0 0 0 0-128zM725.333333 512a64 64 0 1 0-128 0 64 64 0 0 0 128 0z m-0.938666-192C714.752 212.266667 632.192 128 512 128c-120.192 0-202.752 84.224-212.394667 192A19.925333 19.925333 0 0 0 320 341.333333h384c11.776 0 21.418667-9.557333 20.394667-21.333333z" horiz-adv-x="1024" />
<glyph glyph-name="icon_setting-inter_outlined" unicode="&#59366;" d="M344.448-18.986667a170.666667 170.666667 0 1 0-241.322667 241.408l103.637334 103.637334a384.085333 384.085333 0 0 0 92.458666 394.112 384 384 0 0 0 394.282667 92.416c8.618667-2.901333 18.944-7.168 30.976-12.757334a40.448 40.448 0 0 0 11.52-65.28L555.690667 554.24l120.661333-120.661333 177.962667 177.962666a42.666667 42.666667 0 0 0 68.992-12.416c5.461333-11.904 9.557333-22.144 12.373333-30.72a383.957333 383.957333 0 0 0-93.397333-391.253333 384.042667 384.042667 0 0 0-394.154667-92.501333l-103.68-103.637334z m15.104 678.826667a298.666667 298.666667 0 0 1-71.893333-306.645333l16.853333-50.133334-141.056-141.013333A85.333333 85.333333 0 1 1 284.16 41.386667l141.013333 141.013333 50.133334-16.853333a298.624 298.624 0 0 1 380.416 193.706666 298.88 298.88 0 0 1 9.088 142.08l-158.293334-158.293333a42.666667 42.666667 0 0 0-60.373333 0l-180.992 181.034667a42.666667 42.666667 0 0 0 0 60.330666l158.293333 158.293334a298.88 298.88 0 0 1-263.893333-82.858667z" horiz-adv-x="1024" />
<glyph glyph-name="icon_title-top-align_outlined1" unicode="&#59326;" d="M128 682.666667h597.333333a42.666667 42.666667 0 0 0 42.666667-42.666667v-85.333333a42.666667 42.666667 0 0 0-42.666667-42.666667H128a42.666667 42.666667 0 0 0-42.666667 42.666667V640a42.666667 42.666667 0 0 0 42.666667 42.666667z m768-256a42.666667 42.666667 0 0 0 42.666667-42.666667v-256a42.666667 42.666667 0 0 0-42.666667-42.666667H128a42.666667 42.666667 0 0 0-42.666667 42.666667v256a42.666667 42.666667 0 0 0 42.666667 42.666667h768z m-42.666667-85.333334H170.666667v-170.666666h682.666666v170.666666z" horiz-adv-x="1024" /> <glyph glyph-name="icon_title-top-align_outlined1" unicode="&#59326;" d="M128 682.666667h597.333333a42.666667 42.666667 0 0 0 42.666667-42.666667v-85.333333a42.666667 42.666667 0 0 0-42.666667-42.666667H128a42.666667 42.666667 0 0 0-42.666667 42.666667V640a42.666667 42.666667 0 0 0 42.666667 42.666667z m768-256a42.666667 42.666667 0 0 0 42.666667-42.666667v-256a42.666667 42.666667 0 0 0-42.666667-42.666667H128a42.666667 42.666667 0 0 0-42.666667 42.666667v256a42.666667 42.666667 0 0 0 42.666667 42.666667h768z m-42.666667-85.333334H170.666667v-170.666666h682.666666v170.666666z" horiz-adv-x="1024" />
<glyph glyph-name="icon_title-left-align_outlined1" unicode="&#59327;" d="M981.333333 554.666667a42.666667 42.666667 0 0 0 42.666667-42.666667v-256a42.666667 42.666667 0 0 0-42.666667-42.666667H426.666667a42.666667 42.666667 0 0 0-42.666667 42.666667V512a42.666667 42.666667 0 0 0 42.666667 42.666667h554.666666z m-42.666666-85.333334H469.333333v-170.666666h469.333334v170.666666zM42.666667 469.333333h213.333333a42.666667 42.666667 0 0 0 42.666667-42.666666v-85.333334a42.666667 42.666667 0 0 0-42.666667-42.666666H42.666667a42.666667 42.666667 0 0 0-42.666667 42.666666v85.333334a42.666667 42.666667 0 0 0 42.666667 42.666666z" horiz-adv-x="1024" /> <glyph glyph-name="icon_title-left-align_outlined1" unicode="&#59327;" d="M981.333333 554.666667a42.666667 42.666667 0 0 0 42.666667-42.666667v-256a42.666667 42.666667 0 0 0-42.666667-42.666667H426.666667a42.666667 42.666667 0 0 0-42.666667 42.666667V512a42.666667 42.666667 0 0 0 42.666667 42.666667h554.666666z m-42.666666-85.333334H469.333333v-170.666666h469.333334v170.666666zM42.666667 469.333333h213.333333a42.666667 42.666667 0 0 0 42.666667-42.666666v-85.333334a42.666667 42.666667 0 0 0-42.666667-42.666666H42.666667a42.666667 42.666667 0 0 0-42.666667 42.666666v85.333334a42.666667 42.666667 0 0 0 42.666667 42.666666z" horiz-adv-x="1024" />

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 468 KiB

After

Width:  |  Height:  |  Size: 509 KiB

BIN
frontend/src/assets/icon-font/iconfont.ttf
View File

Binary file not shown.

BIN
frontend/src/assets/icon-font/iconfont.woff
View File

Binary file not shown.

BIN
frontend/src/assets/icon-font/iconfont.woff2
View File

Binary file not shown.

25
frontend/src/components/business/ms-associate-case/apiCaseTable.vue
View File

@ -57,6 +57,7 @@
import ExecutionStatus from '@/views/api-test/report/component/reportStatus.vue'; import ExecutionStatus from '@/views/api-test/report/component/reportStatus.vue';
import useOpenNewPage from '@/hooks/useOpenNewPage'; import useOpenNewPage from '@/hooks/useOpenNewPage';
import useTableStore from '@/hooks/useTableStore';
import { characterLimit } from '@/utils'; import { characterLimit } from '@/utils';
import { ApiCaseDetail } from '@/models/apiTest/management'; import { ApiCaseDetail } from '@/models/apiTest/management';
@ -65,6 +66,7 @@
import { CaseLinkEnum } from '@/enums/caseEnum'; import { CaseLinkEnum } from '@/enums/caseEnum';
import { ReportEnum, ReportStatus } from '@/enums/reportEnum'; import { ReportEnum, ReportStatus } from '@/enums/reportEnum';
import { ApiTestRouteEnum } from '@/enums/routeEnum'; import { ApiTestRouteEnum } from '@/enums/routeEnum';
import { SpecialColumnEnum, TableKeyEnum } from '@/enums/tableEnum';
import { FilterSlotNameEnum } from '@/enums/tableFilterEnum'; import { FilterSlotNameEnum } from '@/enums/tableFilterEnum';
import { getPublicLinkCaseListMap } from './utils/page'; import { getPublicLinkCaseListMap } from './utils/page';
@ -94,6 +96,8 @@
(e: 'update:selectedIds'): void; (e: 'update:selectedIds'): void;
}>(); }>();
const tableStore = useTableStore();
const lastReportStatusListOptions = computed(() => { const lastReportStatusListOptions = computed(() => {
return Object.keys(ReportStatus).map((key) => { return Object.keys(ReportStatus).map((key) => {
return { return {
@ -178,6 +182,13 @@
width: 200, width: 200,
showDrag: true, showDrag: true,
}, },
{
title: '',
dataIndex: 'action',
width: 24,
slotName: SpecialColumnEnum.ACTION,
fixed: 'right',
},
]; ];
const getPageList = computed(() => { const getPageList = computed(() => {
@ -206,8 +217,10 @@
} = useTable( } = useTable(
getPageList.value, getPageList.value,
{ {
columns, tableKey: TableKeyEnum.ASSOCIATE_CASE_API_CASE,
showSetting: false, showSetting: true,
isSimpleSetting: true,
onlyPageSize: true,
selectable: true, selectable: true,
showSelectAll: true, showSelectAll: true,
heightUsed: 310, heightUsed: 310,
@ -325,6 +338,12 @@
getApiCaseSaveParams, getApiCaseSaveParams,
loadCaseList, loadCaseList,
}); });
await tableStore.initColumn(TableKeyEnum.ASSOCIATE_CASE_API_CASE, columns, 'drawer');
</script> </script>
<style scoped></style> <style lang="less" scoped>
:deep(.arco-table-cell-align-left) {
padding: 0 8px !important;
}
</style>

25
frontend/src/components/business/ms-associate-case/apiTable.vue
View File

@ -40,6 +40,7 @@
import { useI18n } from '@/hooks/useI18n'; import { useI18n } from '@/hooks/useI18n';
import useOpenNewPage from '@/hooks/useOpenNewPage'; import useOpenNewPage from '@/hooks/useOpenNewPage';
import useTableStore from '@/hooks/useTableStore';
import useAppStore from '@/store/modules/app'; import useAppStore from '@/store/modules/app';
import { ApiDefinitionDetail } from '@/models/apiTest/management'; import { ApiDefinitionDetail } from '@/models/apiTest/management';
@ -48,6 +49,7 @@
import { CasePageApiTypeEnum } from '@/enums/associateCaseEnum'; import { CasePageApiTypeEnum } from '@/enums/associateCaseEnum';
import { CaseLinkEnum } from '@/enums/caseEnum'; import { CaseLinkEnum } from '@/enums/caseEnum';
import { ApiTestRouteEnum } from '@/enums/routeEnum'; import { ApiTestRouteEnum } from '@/enums/routeEnum';
import { SpecialColumnEnum, TableKeyEnum } from '@/enums/tableEnum';
import { FilterRemoteMethodsEnum, FilterSlotNameEnum } from '@/enums/tableFilterEnum'; import { FilterRemoteMethodsEnum, FilterSlotNameEnum } from '@/enums/tableFilterEnum';
import { getPublicLinkCaseListMap } from './utils/page'; import { getPublicLinkCaseListMap } from './utils/page';
@ -78,6 +80,8 @@
(e: 'update:selectedIds'): void; (e: 'update:selectedIds'): void;
}>(); }>();
const tableStore = useTableStore();
const requestMethodsOptions = computed(() => { const requestMethodsOptions = computed(() => {
return Object.values(RequestMethods).map((e) => { return Object.values(RequestMethods).map((e) => {
return { return {
@ -163,6 +167,13 @@
width: 200, width: 200,
showDrag: true, showDrag: true,
}, },
{
title: '',
dataIndex: 'action',
width: 24,
slotName: SpecialColumnEnum.ACTION,
fixed: 'right',
},
]; ];
const { const {
@ -175,8 +186,10 @@
resetFilterParams, resetFilterParams,
setTableSelected, setTableSelected,
} = useTable(getPublicLinkCaseListMap[props.getPageApiType][props.activeSourceType].API, { } = useTable(getPublicLinkCaseListMap[props.getPageApiType][props.activeSourceType].API, {
columns, tableKey: TableKeyEnum.ASSOCIATE_CASE_API,
showSetting: false, showSetting: true,
isSimpleSetting: true,
onlyPageSize: true,
selectable: true, selectable: true,
showSelectAll: true, showSelectAll: true,
heightUsed: 310, heightUsed: 310,
@ -294,6 +307,12 @@
getApiSaveParams, getApiSaveParams,
loadApiList, loadApiList,
}); });
await tableStore.initColumn(TableKeyEnum.ASSOCIATE_CASE_API, columns, 'drawer');
</script> </script>
<style scoped></style> <style lang="less" scoped>
:deep(.arco-table-cell-align-left) {
padding: 0 8px !important;
}
</style>

26
frontend/src/components/business/ms-associate-case/caseTable.vue
View File

@ -52,12 +52,14 @@
import ExecuteResult from '@/components/business/ms-case-associate/executeResult.vue'; import ExecuteResult from '@/components/business/ms-case-associate/executeResult.vue';
import useOpenNewPage from '@/hooks/useOpenNewPage'; import useOpenNewPage from '@/hooks/useOpenNewPage';
import useTableStore from '@/hooks/useTableStore';
import type { CaseManagementTable } from '@/models/caseManagement/featureCase'; import type { CaseManagementTable } from '@/models/caseManagement/featureCase';
import type { TableQueryParams } from '@/models/common'; import type { TableQueryParams } from '@/models/common';
import { CasePageApiTypeEnum } from '@/enums/associateCaseEnum'; import { CasePageApiTypeEnum } from '@/enums/associateCaseEnum';
import { CaseLinkEnum } from '@/enums/caseEnum'; import { CaseLinkEnum } from '@/enums/caseEnum';
import { CaseManagementRouteEnum } from '@/enums/routeEnum'; import { CaseManagementRouteEnum } from '@/enums/routeEnum';
import { SpecialColumnEnum, TableKeyEnum } from '@/enums/tableEnum';
import { FilterSlotNameEnum } from '@/enums/tableFilterEnum'; import { FilterSlotNameEnum } from '@/enums/tableFilterEnum';
import { getPublicLinkCaseListMap } from './utils/page'; import { getPublicLinkCaseListMap } from './utils/page';
@ -84,6 +86,9 @@
(e: 'initModules'): void; (e: 'initModules'): void;
(e: 'update:selectedIds'): void; (e: 'update:selectedIds'): void;
}>(); }>();
const tableStore = useTableStore();
const innerSelectedIds = defineModel<string[]>('selectedIds', { required: true }); const innerSelectedIds = defineModel<string[]>('selectedIds', { required: true });
const reviewResultOptions = computed(() => { const reviewResultOptions = computed(() => {
@ -183,6 +188,13 @@
width: 200, width: 200,
showDrag: true, showDrag: true,
}, },
{
title: '',
dataIndex: 'action',
width: 24,
slotName: SpecialColumnEnum.ACTION,
fixed: 'right',
},
]; ];
const getPageList = computed(() => { const getPageList = computed(() => {
@ -209,8 +221,10 @@
} = useTable( } = useTable(
getPageList.value, getPageList.value,
{ {
columns, tableKey: TableKeyEnum.ASSOCIATE_CASE,
showSetting: false, showSetting: true,
isSimpleSetting: true,
onlyPageSize: true,
selectable: true, selectable: true,
showSelectAll: true, showSelectAll: true,
heightUsed: 310, heightUsed: 310,
@ -331,6 +345,12 @@
getFunctionalSaveParams, getFunctionalSaveParams,
loadCaseList, loadCaseList,
}); });
await tableStore.initColumn(TableKeyEnum.ASSOCIATE_CASE, columns, 'drawer');
</script> </script>
<style scoped></style> <style lang="less" scoped>
:deep(.arco-table-cell-align-left) {
padding: 0 8px !important;
}
</style>

24
frontend/src/components/business/ms-associate-case/scenarioCaseTable.vue
View File

@ -49,6 +49,7 @@
import { useI18n } from '@/hooks/useI18n'; import { useI18n } from '@/hooks/useI18n';
import useOpenNewPage from '@/hooks/useOpenNewPage'; import useOpenNewPage from '@/hooks/useOpenNewPage';
import useTableStore from '@/hooks/useTableStore';
import useAppStore from '@/store/modules/app'; import useAppStore from '@/store/modules/app';
import { ApiCaseDetail } from '@/models/apiTest/management'; import { ApiCaseDetail } from '@/models/apiTest/management';
@ -57,6 +58,7 @@
import { CaseLinkEnum } from '@/enums/caseEnum'; import { CaseLinkEnum } from '@/enums/caseEnum';
import { ReportEnum, ReportStatus } from '@/enums/reportEnum'; import { ReportEnum, ReportStatus } from '@/enums/reportEnum';
import { ApiTestRouteEnum } from '@/enums/routeEnum'; import { ApiTestRouteEnum } from '@/enums/routeEnum';
import { SpecialColumnEnum, TableKeyEnum } from '@/enums/tableEnum';
import { FilterRemoteMethodsEnum, FilterSlotNameEnum } from '@/enums/tableFilterEnum'; import { FilterRemoteMethodsEnum, FilterSlotNameEnum } from '@/enums/tableFilterEnum';
import { getPublicLinkCaseListMap } from './utils/page'; import { getPublicLinkCaseListMap } from './utils/page';
@ -85,6 +87,7 @@
}>(); }>();
const appStore = useAppStore(); const appStore = useAppStore();
const tableStore = useTableStore();
const statusList = computed(() => { const statusList = computed(() => {
return Object.keys(ReportStatus).map((key) => { return Object.keys(ReportStatus).map((key) => {
@ -180,6 +183,13 @@
isStringTag: true, isStringTag: true,
showDrag: true, showDrag: true,
}, },
{
title: '',
dataIndex: 'action',
width: 24,
slotName: SpecialColumnEnum.ACTION,
fixed: 'right',
},
]; ];
const getPageList = computed(() => { const getPageList = computed(() => {
return getPublicLinkCaseListMap[props.getPageApiType][props.activeSourceType]; return getPublicLinkCaseListMap[props.getPageApiType][props.activeSourceType];
@ -194,8 +204,10 @@
resetFilterParams, resetFilterParams,
setTableSelected, setTableSelected,
} = useTable(getPageList.value, { } = useTable(getPageList.value, {
columns, tableKey: TableKeyEnum.ASSOCIATE_CASE_API_SCENARIO,
showSetting: false, showSetting: true,
isSimpleSetting: true,
onlyPageSize: true,
selectable: true, selectable: true,
showSelectAll: true, showSelectAll: true,
heightUsed: 310, heightUsed: 310,
@ -304,6 +316,12 @@
getScenarioSaveParams, getScenarioSaveParams,
loadScenarioList, loadScenarioList,
}); });
await tableStore.initColumn(TableKeyEnum.ASSOCIATE_CASE_API_SCENARIO, columns, 'drawer');
</script> </script>
<style scoped></style> <style lang="less" scoped>
:deep(.arco-table-cell-align-left) {
padding: 0 8px !important;
}
</style>

111
frontend/src/components/business/ms-minders/testPlanMinder/index.vue
View File

@ -6,8 +6,8 @@
:tags="[]" :tags="[]"
:insert-node="(node, type) => insertNode(node as PlanMinderNode,type)" :insert-node="(node, type) => insertNode(node as PlanMinderNode,type)"
:can-show-enter-node="false" :can-show-enter-node="false"
:insert-sibling-menus="insertSiblingMenus" :insert-sibling-menus="[]"
:insert-son-menus="insertSonMenus" :insert-son-menus="[]"
:can-show-paste-menu="false" :can-show-paste-menu="false"
:can-show-more-menu="false" :can-show-more-menu="false"
:can-show-priority-menu="false" :can-show-priority-menu="false"
@ -23,6 +23,11 @@
@save="handleMinderSave" @save="handleMinderSave"
> >
<template #extractMenu> <template #extractMenu>
<a-tooltip v-if="canShowAddTestPointsMenu" :content="t('ms.minders.addTestSet')">
<MsButton type="icon" class="ms-minder-node-float-menu-icon-button" @click="addTestSet">
<MsIcon type="icon-icon_test_set1" class="text-[var(--color-text-4)]" />
</MsButton>
</a-tooltip>
<a-tooltip <a-tooltip
v-if="showAssociateCaseMenu && hasAnyPermission(['PROJECT_TEST_PLAN:READ+ASSOCIATION'])" v-if="showAssociateCaseMenu && hasAnyPermission(['PROJECT_TEST_PLAN:READ+ASSOCIATION'])"
:content="t('ms.case.associate.title')" :content="t('ms.case.associate.title')"
@ -257,7 +262,6 @@
import MsButton from '@/components/pure/ms-button/index.vue'; import MsButton from '@/components/pure/ms-button/index.vue';
import MsMinderEditor from '@/components/pure/ms-minder-editor/minderEditor.vue'; import MsMinderEditor from '@/components/pure/ms-minder-editor/minderEditor.vue';
import { import {
InsertMenuItem,
MinderEvent, MinderEvent,
MinderJson, MinderJson,
MinderJsonNode, MinderJsonNode,
@ -306,8 +310,7 @@
const envTag = t('ms.minders.env'); const envTag = t('ms.minders.env');
const canShowFloatMenu = ref(false); const canShowFloatMenu = ref(false);
const insertSiblingMenus = ref<InsertMenuItem[]>([]); const canShowAddTestPointsMenu = ref(false);
const insertSonMenus = ref<InsertMenuItem[]>([]);
const showAssociateCaseMenu = ref(false); const showAssociateCaseMenu = ref(false);
const canShowExecuteMethodMenu = ref(false); const canShowExecuteMethodMenu = ref(false);
const executeMethodMenuVisible = ref(false); const executeMethodMenuVisible = ref(false);
@ -335,8 +338,7 @@
showAssociateCaseMenu.value = false; showAssociateCaseMenu.value = false;
canShowExecuteMethodMenu.value = false; canShowExecuteMethodMenu.value = false;
canShowDeleteMenu.value = false; canShowDeleteMenu.value = false;
insertSiblingMenus.value = []; canShowAddTestPointsMenu.value = false;
insertSonMenus.value = [];
} }
return; return;
} }
@ -350,14 +352,8 @@
canShowExecuteMethodMenu.value = true; canShowExecuteMethodMenu.value = true;
} }
if (data?.level === 1) { if (data?.level === 1) {
// 测试分类只能添加下级测试集 // 测试分类只能添加下级测试点
insertSiblingMenus.value = []; canShowAddTestPointsMenu.value = true;
insertSonMenus.value = [
{
value: 'testSet',
label: t('ms.minders.testSet'),
},
];
if (data?.type === PlanMinderCollectionType.FUNCTIONAL) { if (data?.type === PlanMinderCollectionType.FUNCTIONAL) {
// 功能用例分类不能配置任何东西 // 功能用例分类不能配置任何东西
showConfigMenu.value = false; showConfigMenu.value = false;
@ -367,14 +363,8 @@
showAssociateCaseMenu.value = false; showAssociateCaseMenu.value = false;
canShowDeleteMenu.value = false; canShowDeleteMenu.value = false;
} else { } else {
// 测试集只能添加同级测试集 // 测试点只能添加同级测试点
insertSiblingMenus.value = [ canShowAddTestPointsMenu.value = true;
{
value: 'testSet',
label: t('ms.minders.testSet'),
},
];
insertSonMenus.value = [];
showAssociateCaseMenu.value = true; showAssociateCaseMenu.value = true;
showConfigMenu.value = true; showConfigMenu.value = true;
canShowDeleteMenu.value = true; canShowDeleteMenu.value = true;
@ -414,7 +404,7 @@
text: t('ms.minders.item', { count: 0 }), text: t('ms.minders.item', { count: 0 }),
resource: [caseCountTag], resource: [caseCountTag],
level: 3, level: 3,
disabled: true, // 只有测试集能改文本 disabled: true, // 只有测试点能改文本
isNew: true, isNew: true,
}; };
// 环境子节点 // 环境子节点
@ -423,7 +413,7 @@
text: t('case.execute.defaultEnv'), text: t('case.execute.defaultEnv'),
resource: [envTag], resource: [envTag],
level: 3, level: 3,
disabled: true, // 只有测试集能改文本 disabled: true, // 只有测试点能改文本
isNew: true, isNew: true,
}; };
// 资源池子节点 // 资源池子节点
@ -432,27 +422,27 @@
resource: [resourcePoolTag], resource: [resourcePoolTag],
text: t('ms.minders.defaultResourcePool'), text: t('ms.minders.defaultResourcePool'),
level: 3, level: 3,
disabled: true, // 只有测试集能改文本 disabled: true, // 只有测试点能改文本
isNew: true, isNew: true,
}; };
if (node.data?.level === 1) { if (node.data?.level === 1) {
// 测试分类下插入测试集 // 测试分类下插入测试点
child = { child = {
...node.data, ...node.data,
id: getGenerateId(), id: getGenerateId(),
text: t('ms.minders.defaultTestSet'), text: t('ms.minders.defaultTestSet'),
level: 2, level: 2,
disabled: false, // 只有测试集能改文本 disabled: false, // 只有测试点能改文本
isNew: true, isNew: true,
}; };
} else if (node.parent?.data) { } else if (node.parent?.data) {
// 测试集同级插入测试集 // 测试点同级插入测试点
child = { child = {
...(node.parent.data as PlanMinderNodeData), ...(node.parent.data as PlanMinderNodeData),
id: getGenerateId(), id: getGenerateId(),
text: t('ms.minders.defaultTestSet'), text: t('ms.minders.defaultTestSet'),
level: 2, level: 2,
disabled: false, // 只有测试集能改文本 disabled: false, // 只有测试点能改文本
isNew: true, isNew: true,
}; };
} }
@ -461,7 +451,7 @@
nextTick(() => { nextTick(() => {
execInert('AppendChildNode', caseCountNodeData); execInert('AppendChildNode', caseCountNodeData);
if (node.data?.type !== PlanMinderCollectionType.FUNCTIONAL) { if (node.data?.type !== PlanMinderCollectionType.FUNCTIONAL) {
// 功能用例测试集没有环境和资源池 // 功能用例测试点没有环境和资源池
execInert('AppendSiblingNode', envNodeData); execInert('AppendSiblingNode', envNodeData);
execInert('AppendSiblingNode', resourcePoolNodeData); execInert('AppendSiblingNode', resourcePoolNodeData);
} }
@ -469,7 +459,19 @@
} }
} }
// 当前激活的测试集节点 /**
* 添加测试点
*/
function addTestSet() {
const node: PlanMinderNode = window.minder.getSelectedNode();
if (node?.data?.level === 1) {
insertNode(node, 'AppendChildNode');
} else if (node?.data?.level === 2) {
insertNode(node, 'AppendSiblingNode');
}
}
// 当前激活的测试点节点
const activePlanSet = ref<PlanMinderNode>(); const activePlanSet = ref<PlanMinderNode>();
const currentPriority = ref<RunMode>(RunMode.SERIAL); const currentPriority = ref<RunMode>(RunMode.SERIAL);
@ -517,13 +519,6 @@
const switchingConfigFormData = ref(false); const switchingConfigFormData = ref(false);
const configFormUnsaved = ref(false); const configFormUnsaved = ref(false);
function handleConfigCancel() {
extraVisible.value = false;
activePlanSet.value = undefined;
configForm.value = undefined;
configFormUnsaved.value = false;
}
/** /**
* 检查配置表单是否未保存 * 检查配置表单是否未保存
*/ */
@ -545,7 +540,7 @@
} }
/** /**
* 切换测试集配置显示 * 切换测试点配置显示
*/ */
function toggleConfig() { function toggleConfig() {
if (checkConfigFormUnsaved()) { if (checkConfigFormUnsaved()) {
@ -621,13 +616,16 @@
} }
} }
/**
* 触发关联用例
*/
function associateCase() { function associateCase() {
const node: PlanMinderNode = window.minder.getSelectedNode(); const node: PlanMinderNode = window.minder.getSelectedNode();
activePlanSet.value = node; activePlanSet.value = node;
switchingConfigFormData.value = true; switchingConfigFormData.value = true;
configForm.value = cloneDeep(activePlanSet.value.data); configForm.value = cloneDeep(activePlanSet.value?.data);
extraVisible.value = true; extraVisible.value = true;
currentSelectCase.value = (node.data?.type as unknown as CaseLinkEnum) || CaseLinkEnum.FUNCTIONAL; currentSelectCase.value = (activePlanSet.value?.data.type as unknown as CaseLinkEnum) || CaseLinkEnum.FUNCTIONAL;
caseAssociateVisible.value = true; caseAssociateVisible.value = true;
nextTick(() => { nextTick(() => {
switchingConfigFormData.value = false; switchingConfigFormData.value = false;
@ -652,6 +650,14 @@
} }
); );
function handleConfigCancel() {
clearSelectedCases();
extraVisible.value = false;
activePlanSet.value = undefined;
configForm.value = undefined;
configFormUnsaved.value = false;
}
/** /**
* 处理节点选中 * 处理节点选中
* @param node 节点 * @param node 节点
@ -660,6 +666,17 @@
if (checkConfigFormUnsaved()) { if (checkConfigFormUnsaved()) {
return; return;
} }
if (node.data?.level === 3 && node.data?.resource?.[0] === caseCountTag) {
window.minder.toggleSelect(node);
window.minder.selectById(node.parent?.data?.id);
associateCase();
} else if (
node.data?.level === 3 &&
(node.data?.resource?.[0] === resourcePoolTag || node.data?.resource?.[0] === envTag)
) {
window.minder.toggleSelect(node);
window.minder.selectById(node.parent?.data?.id);
} else {
checkNodeCanShowMenu(node); checkNodeCanShowMenu(node);
if (extraVisible.value) { if (extraVisible.value) {
if (node.data?.type === PlanMinderCollectionType.FUNCTIONAL && node.data?.level === 1) { if (node.data?.type === PlanMinderCollectionType.FUNCTIONAL && node.data?.level === 1) {
@ -667,13 +684,15 @@
extraVisible.value = false; extraVisible.value = false;
return; return;
} }
clearSelectedCases();
activePlanSet.value = node; activePlanSet.value = node;
switchingConfigFormData.value = true; switchingConfigFormData.value = true;
configForm.value = cloneDeep(activePlanSet.value.data); configForm.value = cloneDeep(activePlanSet.value.data);
nextTick(() => { nextTick(() => {
switchingConfigFormData.value = false; switchingConfigFormData.value = false;
}); });
} else if (showConfigMenu.value) {
toggleConfig();
}
} }
} }
@ -689,7 +708,7 @@
for (let i = 0; i < dragNodes.length; i++) { for (let i = 0; i < dragNodes.length; i++) {
const dragNode = (dragNodes as MinderJsonNode[])[i]; const dragNode = (dragNodes as MinderJsonNode[])[i];
if (dragNode.parent?.data?.id !== dropNode.parent?.data?.id && dragNode.data?.level !== 2) { if (dragNode.parent?.data?.id !== dropNode.parent?.data?.id && dragNode.data?.level !== 2) {
// 不允许跨节点拖拽，只允许拖拽同一节点内的测试集排序 // 不允许跨节点拖拽，只允许拖拽同一节点内的测试点排序
return true; return true;
} }
} }
@ -770,7 +789,7 @@
level, level,
isNew: false, isNew: false,
changed: false, changed: false,
disabled: level !== 2, // 只有测试集能改文本 disabled: level !== 2, // 只有测试点能改文本
}; };
return node; return node;
}); });
@ -845,7 +864,7 @@
} }
/** /**
* 保存测试集配置 * 保存测试点配置
*/ */
function handleConfigSave() { function handleConfigSave() {
configFormRef.value?.validate((errors) => { configFormRef.value?.validate((errors) => {

5
frontend/src/components/business/ms-minders/testPlanMinder/locale/en-US.ts
View File

@ -8,11 +8,12 @@ export default {
'ms.minders.retrySpace': 'Each interval', 'ms.minders.retrySpace': 'Each interval',
'ms.minders.retrySpaces': '(ms)', 'ms.minders.retrySpaces': '(ms)',
'ms.minders.extend': 'Inheriting parent configuration', 'ms.minders.extend': 'Inheriting parent configuration',
'ms.minders.testSet': 'Test Set', 'ms.minders.testSet': 'Test Points',
'ms.minders.addTestSet': 'Add test points',
'ms.minders.executeMethod': 'Operation mode', 'ms.minders.executeMethod': 'Operation mode',
'ms.minders.serial': 'S', 'ms.minders.serial': 'S',
'ms.minders.parallel': 'P', 'ms.minders.parallel': 'P',
'ms.minders.defaultTestSet': 'Default test set', 'ms.minders.defaultTestSet': 'Default test points',
'ms.minders.caseCount': 'Case Count', 'ms.minders.caseCount': 'Case Count',
'ms.minders.resourcePool': 'Resource pool', 'ms.minders.resourcePool': 'Resource pool',
'ms.minders.defaultResourcePool': 'Default Resource Pool', 'ms.minders.defaultResourcePool': 'Default Resource Pool',

5
frontend/src/components/business/ms-minders/testPlanMinder/locale/zh-CN.ts
View File

@ -8,11 +8,12 @@ export default {
'ms.minders.retrySpace': '每次间隔', 'ms.minders.retrySpace': '每次间隔',
'ms.minders.retrySpaces': '(ms)', 'ms.minders.retrySpaces': '(ms)',
'ms.minders.extend': '继承上级配置', 'ms.minders.extend': '继承上级配置',
'ms.minders.testSet': '测试集', 'ms.minders.testSet': '测试点',
'ms.minders.addTestSet': '添加测试点',
'ms.minders.executeMethod': '运行方式', 'ms.minders.executeMethod': '运行方式',
'ms.minders.serial': '串', 'ms.minders.serial': '串',
'ms.minders.parallel': '并', 'ms.minders.parallel': '并',
'ms.minders.defaultTestSet': '默认测试集', 'ms.minders.defaultTestSet': '默认测试点',
'ms.minders.caseCount': '用例数', 'ms.minders.caseCount': '用例数',
'ms.minders.resourcePool': '资源池', 'ms.minders.resourcePool': '资源池',
'ms.minders.defaultResourcePool': '默认资源池', 'ms.minders.defaultResourcePool': '默认资源池',

3
frontend/src/components/pure/ms-table/base-table.vue
View File

@ -99,8 +99,11 @@
" "
:table-key="(attrs.tableKey as TableKeyEnum)" :table-key="(attrs.tableKey as TableKeyEnum)"
:is-simple="(attrs.isSimpleSetting as boolean)" :is-simple="(attrs.isSimpleSetting as boolean)"
:only-page-size="!!attrs.onlyPageSize"
:show-pagination="!!attrs.showPagination"
@show-setting="handleShowSetting" @show-setting="handleShowSetting"
@init-data="handleInitColumn" @init-data="handleInitColumn"
@page-size-change="pageSizeChange"
/> />
<DefaultFilter <DefaultFilter
v-else-if="(item.filterConfig && item.filterConfig.options?.length) || item?.filterConfig?.remoteMethod" v-else-if="(item.filterConfig && item.filterConfig.options?.length) || item?.filterConfig?.remoteMethod"

19
frontend/src/components/pure/ms-table/columnSelector.vue
View File

@ -14,14 +14,15 @@
<span class="font-medium text-[var(--color-text-4)]">{{ t('msTable.columnSetting.mode') }}</span> <span class="font-medium text-[var(--color-text-4)]">{{ t('msTable.columnSetting.mode') }}</span>
<a-tooltip position="right"> <a-tooltip position="right">
<template #content> <template #content>
<span>{{ t('msTable.columnSetting.tooltipContentDrawer') }}</span <span>{{ t('msTable.columnSetting.tooltipContentDrawer') }}</span>
><br /> <br />
<span>{{ t('msTable.columnSetting.tooltipContentWindow') }}</span> <span>{{ t('msTable.columnSetting.tooltipContentWindow') }}</span>
</template> </template>
<span class="inline-block align-middle" <span class="inline-block align-middle">
><icon-question-circle <icon-question-circle
class="ml-[4px] mt-[3px] text-[var(--color-text-brand)] hover:text-[rgb(var(--primary-5))]" class="ml-[4px] mt-[3px] text-[var(--color-text-brand)] hover:text-[rgb(var(--primary-5))]"
/></span> />
</span>
</a-tooltip> </a-tooltip>
</div> </div>
<a-radio-group class="mb-2" :model-value="currentMode" type="button" @change="handleModeChange"> <a-radio-group class="mb-2" :model-value="currentMode" type="button" @change="handleModeChange">
@ -51,9 +52,9 @@
<template v-if="props.showSubdirectory"> <template v-if="props.showSubdirectory">
<div class="mt-[24px] flex items-center"> <div class="mt-[24px] flex items-center">
<a-switch v-model="subdirectoryVal" size="small" @change="handleSubSwitch" /> <a-switch v-model="subdirectoryVal" size="small" @change="handleSubSwitch" />
<span class="mx-[4px] font-medium text-[var(--color-text-4)]">{{ <span class="mx-[4px] font-medium text-[var(--color-text-4)]">
t('msTable.columnSetting.showSubdirectoryTips') {{ t('msTable.columnSetting.showSubdirectoryTips') }}
}}</span> </span>
<a-tooltip position="rt"> <a-tooltip position="rt">
<icon-question-circle class="text-[var(--color-text-4)] hover:text-[rgb(var(--primary-5))]" size="16" /> <icon-question-circle class="text-[var(--color-text-4)] hover:text-[rgb(var(--primary-5))]" size="16" />
<template #content> <template #content>
@ -263,7 +264,7 @@
} }
</style> </style>
<style> <style lang="less">
.column-drawer { .column-drawer {
.ms-drawer-body { .ms-drawer-body {
min-width: auto !important; min-width: auto !important;

43
frontend/src/components/pure/ms-table/columnSelectorIcon.vue
View File

@ -1,18 +1,20 @@
<template> <template>
<a-popover <a-popover v-if="props.isSimple" unmount-on-close position="rt" trigger="click" @hide="handleCancel">
v-if="props.isSimple"
unmount-on-close
content-class="w-[240px]"
position="rt"
trigger="click"
@hide="handleCancel"
>
<icon-settings class="setting-icon" /> <icon-settings class="setting-icon" />
<template #content> <template #content>
<div class="mb-2 flex items-center justify-between"> <div class="mb-2 flex items-center justify-between">
<div class="font-medium text-[var(--color-text-1)]">{{ t('msTable.columnSetting.display') }}</div> <div class="font-medium text-[var(--color-text-1)]">{{ t('msTable.columnSetting.display') }}</div>
<MsButton :disabled="!hasChange" @click="handleReset">{{ t('msTable.columnSetting.resetDefault') }}</MsButton> <MsButton :disabled="!hasChange" @click="handleReset">{{ t('msTable.columnSetting.resetDefault') }}</MsButton>
</div> </div>
<template v-if="props.showPagination">
<div class="font-medium text-[var(--color-text-4)]">{{ t('msTable.columnSetting.pageSize') }} </div>
<PageSizeSelector
v-model:model-value="pageSize"
class="mt-[8px]"
@page-size-change="(v: number) => emit('pageSizeChange',v)"
/>
</template>
<template v-if="!props.onlyPageSize">
<div class="flex-col"> <div class="flex-col">
<div v-for="item in nonSortColumn" :key="item.dataIndex" class="column-item"> <div v-for="item in nonSortColumn" :key="item.dataIndex" class="column-item">
<div>{{ t((item.title || item.columnTitle) as string) }}</div> <div>{{ t((item.title || item.columnTitle) as string) }}</div>
@ -25,18 +27,18 @@
/> />
</div> </div>
</div> </div>
<a-divider v-if="nonSortColumn.length" orientation="center" class="non-sort" <a-divider v-if="nonSortColumn.length" orientation="center" class="non-sort">
><span class="one-line-text text-[12px] text-[var(--color-text-4)]">{{ <span class="one-line-text text-[12px] text-[var(--color-text-4)]">
t('msTable.columnSetting.nonSort') {{ t('msTable.columnSetting.nonSort') }}
}}</span></a-divider </span>
> </a-divider>
<VueDraggable v-model="couldSortColumn" handle=".sort-handle" ghost-class="ghost" @change="handleSwitchChange"> <VueDraggable v-model="couldSortColumn" handle=".sort-handle" ghost-class="ghost" @change="handleSwitchChange">
<div v-for="element in couldSortColumn" :key="element.dataIndex" class="column-drag-item"> <div v-for="element in couldSortColumn" :key="element.dataIndex" class="column-drag-item">
<div class="flex w-[90%] items-center"> <div class="flex w-[90%] items-center">
<MsIcon type="icon-icon_drag" class="sort-handle cursor-move text-[16px] text-[var(--color-text-4)]" /> <MsIcon type="icon-icon_drag" class="sort-handle cursor-move text-[16px] text-[var(--color-text-4)]" />
<span class="one-line-text ml-[8px] max-w-[85%]">{{ <span class="one-line-text ml-[8px] max-w-[85%]">
t((element.title || element.columnTitle) as string) {{ t((element.title || element.columnTitle) as string) }}
}}</span> </span>
</div> </div>
<a-switch <a-switch
v-model="element.showInTable" v-model="element.showInTable"
@ -48,6 +50,7 @@
</div> </div>
</VueDraggable> </VueDraggable>
</template> </template>
</template>
</a-popover> </a-popover>
<icon-settings v-else class="setting-icon" @click="handleShowSetting" /> <icon-settings v-else class="setting-icon" @click="handleShowSetting" />
</template> </template>
@ -57,6 +60,7 @@
import MsButton from '@/components/pure/ms-button/index.vue'; import MsButton from '@/components/pure/ms-button/index.vue';
import MsIcon from '@/components/pure/ms-icon-font/index.vue'; import MsIcon from '@/components/pure/ms-icon-font/index.vue';
import PageSizeSelector from './comp/pageSizeSelector.vue';
import { useI18n } from '@/hooks/useI18n'; import { useI18n } from '@/hooks/useI18n';
import { useTableStore } from '@/store'; import { useTableStore } from '@/store';
@ -75,6 +79,7 @@
// 是否有改动 // 是否有改动
const hasChange = ref(false); const hasChange = ref(false);
const pageSize = ref();
const handleSwitchChange = () => { const handleSwitchChange = () => {
hasChange.value = true; hasChange.value = true;
@ -83,11 +88,14 @@
const props = defineProps<{ const props = defineProps<{
tableKey: TableKeyEnum; tableKey: TableKeyEnum;
isSimple: boolean; isSimple: boolean;
onlyPageSize?: boolean;
showPagination?: boolean;
}>(); }>();
const emit = defineEmits<{ const emit = defineEmits<{
(e: 'showSetting'): void; // 数据发生变化 (e: 'showSetting'): void; // 数据发生变化
(e: 'initData'): void; (e: 'initData'): void;
(e: 'pageSizeChange', value: number): void;
}>(); }>();
const handleCancel = async () => { const handleCancel = async () => {
@ -115,6 +123,9 @@
}; };
onBeforeMount(() => { onBeforeMount(() => {
if (props.tableKey) { if (props.tableKey) {
tableStore.getPageSize(props.tableKey).then((res) => {
pageSize.value = res;
});
loadColumn(props.tableKey); loadColumn(props.tableKey);
} }
}); });

1
frontend/src/components/pure/ms-table/type.ts
View File

@ -112,6 +112,7 @@ export interface MsTableProps<T> {
emptyDataShowLine?: boolean; // 空数据是否显示 "-" emptyDataShowLine?: boolean; // 空数据是否显示 "-"
showJumpMethod?: boolean; // 是否展示跳转方法 showJumpMethod?: boolean; // 是否展示跳转方法
isSimpleSetting?: boolean; // 是否是简单的设置 isSimpleSetting?: boolean; // 是否是简单的设置
onlyPageSize?: boolean; // 简单设置气泡下，是否只展示页码调整
filterIconAlignLeft?: boolean; // 筛选图标是否靠左 filterIconAlignLeft?: boolean; // 筛选图标是否靠左
paginationSize?: 'small' | 'mini' | 'medium' | 'large'; paginationSize?: 'small' | 'mini' | 'medium' | 'large';
[key: string]: any; [key: string]: any;

4
frontend/src/enums/tableEnum.ts
View File

@ -87,6 +87,10 @@ export enum TableKeyEnum {
TASK_PLAN_SYSTEM = 'taskCenterPlanSystem', TASK_PLAN_SYSTEM = 'taskCenterPlanSystem',
TASK_PLAN_ORGANIZATION = 'taskCenterPlanOrganization', TASK_PLAN_ORGANIZATION = 'taskCenterPlanOrganization',
TASK_PLAN_PROJECT = 'taskCenterPlanProject', TASK_PLAN_PROJECT = 'taskCenterPlanProject',
ASSOCIATE_CASE_API = 'associateCaseApi',
ASSOCIATE_CASE_API_CASE = 'associateCaseApiCase',
ASSOCIATE_CASE_API_SCENARIO = 'associateCaseApiScenario',
ASSOCIATE_CASE = 'associateCase',
} }
// 具有特殊功能的列 // 具有特殊功能的列