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

fix(全局): 样式调整&部分问题修复

This commit is contained in:
baiqi 2024-04-28 13:39:51 +08:00 committed by 刘瑞斌
parent df16810485
commit ab4676b2e2
14 changed files with 43 additions and 518 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/src/assets/style/arco-reset.less
View File

@ -709,12 +709,6 @@
background-color: var(--color-text-input-border);
}
}
// .ms-card-container .arco-scrollbar .arco-scrollbar-track-direction-vertical {
// right: -10px;
// }
// .ms-card-container .arco-scrollbar .arco-scrollbar-track-direction-horizontal {
// bottom: -10px;
// }
.ms-base-table .arco-scrollbar .arco-scrollbar-track-direction-vertical {
right: 0;
}

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

@ -675,6 +675,19 @@
}
}
}
:deep(.arco-table-th):hover {
.arco-table-column-handle {
@apply inline-block;
top: 50%;
margin: 0 3px;
padding: 4px 0;
width: 2px;
height: 24px;
background-color: var(--color-text-n8);
transform: translateY(-50%);
}
}
.setting-icon {
color: var(--color-text-4);
background-color: var(--color-text-10);

30
frontend/src/router/routes/modules/performanceTest.ts
View File

@ -1,30 +0,0 @@
import { PerformanceTestRouteEnum } from '@/enums/routeEnum';
import { DEFAULT_LAYOUT } from '../base';
import type { AppRouteRecordRaw } from '../types';
// const PerformanceTest: AppRouteRecordRaw = {
// path: '/performance-test',
// name: PerformanceTestRouteEnum.PERFORMANCE_TEST,
// redirect: '/performance-test/index',
// component: DEFAULT_LAYOUT,
// meta: {
// locale: 'menu.performanceTest',
// icon: 'icon-icon_performance-test-filled',
// order: 6,
// hideChildrenInMenu: true,
// roles: ['LOAD_TEST:READ'],
// },
// children: [
// {
// path: 'index',
// name: 'performanceTestIndex',
// component: () => import('@/views/performance-test/index.vue'),
// meta: {
// roles: ['LOAD_TEST:READ'],
// },
// },
// ],
// };
// export default PerformanceTest;

30
frontend/src/router/routes/modules/uiTest.ts
View File

@ -1,30 +0,0 @@
import { UITestRouteEnum } from '@/enums/routeEnum';
import { DEFAULT_LAYOUT } from '../base';
import type { AppRouteRecordRaw } from '../types';
// const UiTest: AppRouteRecordRaw = {
// path: '/ui-test',
// name: UITestRouteEnum.UI_TEST,
// redirect: '/ui-test/index',
// component: DEFAULT_LAYOUT,
// meta: {
// locale: 'menu.uiTest',
// icon: 'icon-icon_ui-test-filled',
// order: 5,
// hideChildrenInMenu: true,
// roles: ['UI_INDEX:READ'],
// },
// children: [
// {
// path: 'index',
// name: 'uiTestIndex',
// component: () => import('@/views/ui-test/index.vue'),
// meta: {
// roles: ['UI_INDEX:READ'],
// },
// },
// ],
// };
// export default UiTest;

30
frontend/src/router/routes/modules/workbench.ts
View File

@ -1,30 +0,0 @@
import { WorkbenchRouteEnum } from '@/enums/routeEnum';
import { DEFAULT_LAYOUT } from '../base';
import type { AppRouteRecordRaw } from '../types';
// const Workbench: AppRouteRecordRaw = {
// path: '/workbench',
// name: WorkbenchRouteEnum.WORKBENCH,
// redirect: '/workbench/index',
// component: DEFAULT_LAYOUT,
// meta: {
// locale: 'menu.workbench',
// icon: 'icon-icon_pc_filled',
// order: 0,
// hideChildrenInMenu: true,
// roles: ['WORKSTATION_INDEX:READ'],
// },
// children: [
// {
// path: 'index',
// name: 'workbenchIndex',
// component: () => import('@/views/workbench/index.vue'),
// meta: {
// roles: ['WORKSTATION_INDEX:READ'],
// },
// },
// ],
// };
// export default Workbench;

6
frontend/src/views/api-test/management/components/management/api/preview/detail.vue
View File

@ -778,8 +778,7 @@
background-color: rgb(var(--primary-1));
}
.arco-collapse {
@apply h-full overflow-y-auto;
.ms-scroll-bar();
@apply h-full;
border-radius: 0;
:deep(.arco-collapse-item-icon-hover) {
@ -795,10 +794,7 @@
}
}
.detail-collapse-item {
@apply overflow-y-auto;
margin-bottom: 16px;
.ms-scroll-bar();
}
}
.detail-item {

10
frontend/src/views/api-test/management/components/management/api/preview/history.vue
View File

@ -1,5 +1,5 @@
<template>
<div class="history-container">
<div>
<a-alert v-if="!getIsVisited()" :show-icon="false" class="mb-[16px]" type="warning" closable @close="addVisited">
{{ t('apiTestManagement.historyListTip') }}
<template #close-element>
@ -115,10 +115,4 @@
// }
</script>
<style lang="less" scoped>
.history-container {
@apply h-full overflow-y-auto;
.ms-scroll-bar();
}
</style>
<style lang="less" scoped></style>

38
frontend/src/views/api-test/management/components/management/api/preview/index.vue
View File

@ -1,5 +1,5 @@
<template>
<div class="h-full w-full overflow-hidden">
<div class="preview">
<div class="px-[18px] pt-[16px]">
<MsDetailCard
:title="`【${previewDetail.num}】${previewDetail.name}`"
@ -33,21 +33,19 @@
</template>
</MsDetailCard>
</div>
<div class="h-[calc(100%-124px)]">
<a-tabs v-model:active-key="activeKey" class="h-full" animation lazy-load>
<a-tab-pane key="detail" :title="t('apiTestManagement.detail')" class="px-[18px] py-[16px]">
<detailTab :detail="previewDetail" :protocols="props.protocols" />
</a-tab-pane>
<a-tab-pane key="reference" :title="t('apiTestManagement.reference')" class="px-[18px] py-[16px]">
<quote :source-id="previewDetail.id" />
</a-tab-pane>
<!-- <a-tab-pane key="dependencies" :title="t('apiTestManagement.dependencies')" class="px-[18px] py-[16px]">
<a-tabs v-model:active-key="activeKey" animation lazy-load>
<a-tab-pane key="detail" :title="t('apiTestManagement.detail')" class="px-[18px] py-[16px]">
<detailTab :detail="previewDetail" :protocols="props.protocols" />
</a-tab-pane>
<a-tab-pane key="reference" :title="t('apiTestManagement.reference')" class="px-[18px] py-[16px]">
<quote :source-id="previewDetail.id" />
</a-tab-pane>
<!-- <a-tab-pane key="dependencies" :title="t('apiTestManagement.dependencies')" class="px-[18px] py-[16px]">
</a-tab-pane> -->
<a-tab-pane key="changeHistory" :title="t('apiTestManagement.changeHistory')" class="px-[18px] py-[16px]">
<history :source-id="previewDetail.id" />
</a-tab-pane>
</a-tabs>
</div>
<a-tab-pane key="changeHistory" :title="t('apiTestManagement.changeHistory')" class="px-[18px] py-[16px]">
<history :source-id="previewDetail.id" />
</a-tab-pane>
</a-tabs>
</div>
</template>
@ -187,3 +185,13 @@
const activeKey = ref('detail');
</script>
<style lang="less" scoped>
.preview {
@apply h-full w-full overflow-y-auto overflow-x-hidden;
.ms-scroll-bar();
:deep(.arco-tabs-pane) {
@apply h-auto;
}
}
</style>

10
frontend/src/views/api-test/management/components/management/api/preview/quote.vue
View File

@ -1,5 +1,5 @@
<template>
<div class="history-container">
<div>
<a-input-search
v-model:model-value="keyword"
:placeholder="t('apiTestManagement.quoteSearchPlaceholder')"
@ -124,10 +124,4 @@
});
</script>
<style lang="less" scoped>
.history-container {
@apply h-full overflow-y-auto;
.ms-scroll-bar();
}
</style>
<style lang="less" scoped></style>

3
frontend/src/views/api-test/management/components/recycle/api/apiTable.vue
View File

@ -491,8 +491,7 @@
},
onBeforeOk: async () => {
try {
console.log(getBatchParams(), ' getBatchParams() getBatchParams()');
// await batchCleanOutDefinition(await getBatchParams());
await batchCleanOutDefinition(await getBatchParams());
Message.success(t('common.deleteSuccess'));
resetSelector();
loadApiList(true);

2
frontend/src/views/api-test/management/recycle.vue
View File

@ -1,5 +1,5 @@
<template>
<MsCard :min-width="1180" simple no-content-padding>
<MsCard has-breadcrumb simple no-content-padding>
<MsSplitBox :size="300" :max="0.5">
<template #first>
<div class="p-[24px]">

377
frontend/src/views/performance-test/index.vue
View File

@ -1,377 +0,0 @@
<template>
<div> <MsFormCreate :rule="rule" :option="options" /> </div
></template>
<script setup>
import MsFormCreate from '@/components/pure/ms-form-create/formCreate.vue';
const rule = ref([
{
type: 'input',
field: 'name',
title: '名称',
info: '',
_fc_drag_tag: 'input',
hidden: false,
display: true,
},
{
type: 'input',
field: 'comments',
title: '描述',
info: '',
_fc_drag_tag: 'input',
hidden: false,
display: true,
},
{
type: 'el-divider',
props: {
contentPosition: 'left',
},
wrap: {
show: false,
},
native: false,
children: ['目标Server配置'],
_fc_drag_tag: 'el-divider',
hidden: false,
display: true,
},
{
type: 'FcRow',
children: [
{
type: 'col',
props: {
span: 12,
},
children: [
{
type: 'input',
field: 'serverIp',
title: 'IP',
info: '',
_fc_drag_tag: 'input',
hidden: false,
display: true,
},
{
type: 'input',
field: 'connTimeout',
title: '连接超时时间',
info: '',
props: {
type: 'number',
},
_fc_drag_tag: 'input',
hidden: false,
display: true,
},
],
_fc_drag_tag: 'col',
hidden: false,
display: true,
},
{
type: 'col',
props: {
span: 12,
},
children: [
{
type: 'input',
field: 'port',
title: 'Port',
info: '',
_fc_drag_tag: 'input',
hidden: false,
display: true,
},
{
type: 'input',
field: 'resTimeout',
title: '响应超时时间',
info: '',
props: {
type: 'number',
},
_fc_drag_tag: 'input',
hidden: false,
display: true,
},
],
_fc_drag_tag: 'col',
hidden: false,
display: true,
},
],
_fc_drag_tag: 'row',
hidden: false,
display: true,
},
{
type: 'FcRow',
children: [
{
type: 'col',
props: {
span: 5,
},
children: [
{
type: 'input',
field: 'soLinger',
title: 'SO LINGER',
info: '',
_fc_drag_tag: 'input',
hidden: false,
display: true,
},
],
_fc_drag_tag: 'col',
hidden: false,
display: true,
},
{
type: 'col',
props: {
span: 5,
},
children: [
{
type: 'input',
field: 'eolByte',
title: 'EOL',
info: '',
_fc_drag_tag: 'input',
hidden: false,
display: true,
},
],
_fc_drag_tag: 'col',
hidden: false,
display: true,
},
{
type: 'col',
props: {
span: 5,
},
children: [
{
type: 'checkbox',
field: 'closeConnection',
title: '关闭连接',
info: '',
effect: {
fetch: '',
},
options: [
{
label: '',
value: '',
},
],
_fc_drag_tag: 'checkbox',
hidden: false,
display: true,
},
],
_fc_drag_tag: 'col',
hidden: false,
display: true,
},
{
type: 'col',
props: {
span: 5,
},
children: [
{
type: 'checkbox',
field: 'reUseConnection',
title: 'Re-use',
info: '',
effect: {
fetch: '',
},
options: [
{
label: '',
value: '',
},
],
_fc_drag_tag: 'checkbox',
hidden: false,
display: true,
},
],
_fc_drag_tag: 'col',
hidden: false,
display: true,
},
{
type: 'col',
props: {
span: 4,
},
children: [
{
type: 'checkbox',
field: 'noDelay',
title: '无延迟',
info: '',
effect: {
fetch: '',
},
options: [
{
label: '',
value: '',
},
],
_fc_drag_tag: 'checkbox',
hidden: false,
display: true,
},
],
_fc_drag_tag: 'col',
hidden: false,
display: true,
},
],
_fc_drag_tag: 'row',
hidden: false,
display: true,
},
{
type: 'input',
field: 'request',
title: '发送内容',
info: '',
props: {
type: 'textarea',
},
_fc_drag_tag: 'input',
hidden: false,
display: true,
},
{
type: 'el-divider',
props: {
contentPosition: 'left',
},
wrap: {
show: false,
},
native: false,
children: ['客户端或登录配置'],
_fc_drag_tag: 'el-divider',
hidden: false,
display: true,
},
{
type: 'FcRow',
children: [
{
type: 'col',
props: {
span: 8,
},
children: [
{
type: 'select',
field: 'classname',
title: '客户端类名',
info: '',
effect: {
fetch: '',
},
options: [
{
value: 'TCPClientImpl',
label: 'TCPClientImpl',
},
{
value: 'BinaryTCPClientImpl',
label: 'BinaryTCPClientImpl',
},
{
value: 'LengthPrefixedBinaryTCPClientImpl',
label: 'LengthPrefixedBinaryTCPClientImpl',
},
],
_fc_drag_tag: 'select',
hidden: false,
display: true,
$required: '',
},
],
_fc_drag_tag: 'col',
hidden: false,
display: true,
},
{
type: 'col',
props: {
span: 8,
},
children: [
{
type: 'input',
field: 'username',
title: '用户名',
info: '',
_fc_drag_tag: 'input',
hidden: false,
display: true,
},
],
_fc_drag_tag: 'col',
hidden: false,
display: true,
},
{
type: 'col',
props: {
span: 8,
},
children: [
{
type: 'input',
field: 'password',
title: '密码',
info: '',
props: {
type: 'password',
},
_fc_drag_tag: 'input',
hidden: false,
display: true,
},
],
_fc_drag_tag: 'col',
hidden: false,
display: true,
},
],
_fc_drag_tag: 'row',
hidden: false,
display: true,
},
]);
const options = {
form: {
labelPosition: 'right',
size: 'small',
labelWidth: '00px',
hideRequiredAsterisk: false,
showMessage: true,
inlineMessage: false,
},
submitBtn: true,
resetBtn: false,
};
</script>

3
frontend/src/views/ui-test/index.vue
View File

@ -1,3 +0,0 @@
<template> UI Test is waiting for development </template>
<script setup></script>

3
frontend/src/views/workbench/index.vue
View File

@ -1,3 +0,0 @@
<template> Workbench is waiting for development </template>
<script setup></script>