feat(性能测试): 报告页面列表增加自定义表头操作
--story=1006669 --user=李玉号 【Bug转需求】【性能测试】-性能测试-测试和报告页面列表增加自定义表头操作 https://www.tapd.cn/55049933/s/1130565
This commit is contained in:
shiziyuan9527
shiziyuan9527
parent
1eb9c1f8e6
commit
299f81a0b9
|
|
@ -14,6 +14,7 @@
|
|||
:total="total"
|
||||
:operators="operators"
|
||||
:screenHeight="screenHeight"
|
||||
:fields.sync="fields"
|
||||
:field-key="tableHeaderKey"
|
||||
:remember-order="true"
|
||||
row-key="id"
|
||||
|
|
@ -22,76 +23,94 @@
|
|||
operator-width="130px"
|
||||
:screen-height="screenHeight"
|
||||
@refresh="search"
|
||||
:disable-header-config="true"
|
||||
ref="table">
|
||||
<el-table-column
|
||||
<span v-for="(item, index) in fields" :key="index">
|
||||
<ms-table-column
|
||||
:field="item"
|
||||
:fields-width="fieldsWidth"
|
||||
prop="testName"
|
||||
:label="$t('report.test_name')"
|
||||
show-overflow-tooltip>
|
||||
</el-table-column>
|
||||
</ms-table-column>
|
||||
<ms-table-column
|
||||
prop="name"
|
||||
sortable
|
||||
:label="$t('commons.name')"
|
||||
:show-overflow-tooltip="false"
|
||||
:field="item"
|
||||
:fields-width="fieldsWidth"
|
||||
:editable="true"
|
||||
:edit-content="$t('report.rename_report')"
|
||||
@editColumn="openReNameDialog"
|
||||
@click="handleView($event)"
|
||||
min-width="200px">
|
||||
</ms-table-column>
|
||||
|
||||
<el-table-column
|
||||
<ms-table-column
|
||||
v-if="versionEnable"
|
||||
:label="$t('project.version.name')"
|
||||
:filters="versionFilters"
|
||||
column-key="versionId"
|
||||
min-width="100px"
|
||||
:field="item"
|
||||
:fields-width="fieldsWidth"
|
||||
prop="versionId">
|
||||
<template v-slot:default="scope">
|
||||
<span>{{ scope.row.versionName }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
</ms-table-column>
|
||||
<ms-table-column
|
||||
prop="userName"
|
||||
:field="item"
|
||||
:fields-width="fieldsWidth"
|
||||
:label="$t('report.user_name')"
|
||||
show-overflow-tooltip>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
</ms-table-column>
|
||||
<ms-table-column
|
||||
prop="maxUsers"
|
||||
:field="item"
|
||||
:fields-width="fieldsWidth"
|
||||
min-width="65"
|
||||
:label="$t('report.max_users')">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
</ms-table-column>
|
||||
<ms-table-column
|
||||
min-width="100"
|
||||
:field="item"
|
||||
:fields-width="fieldsWidth"
|
||||
prop="avgResponseTime"
|
||||
:label="$t('report.response_time')">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
</ms-table-column>
|
||||
<ms-table-column
|
||||
prop="tps"
|
||||
:field="item"
|
||||
:fields-width="fieldsWidth"
|
||||
label="TPS">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
</ms-table-column>
|
||||
<ms-table-column
|
||||
min-width="100"
|
||||
:field="item"
|
||||
:fields-width="fieldsWidth"
|
||||
show-overflow-tooltip
|
||||
prop="testStartTime"
|
||||
:label="$t('report.test_start_time') ">
|
||||
<template v-slot:default="scope">
|
||||
<span v-if="scope.row.testStartTime > 0">{{ scope.row.testStartTime | timestampFormatDate }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
</ms-table-column>
|
||||
<ms-table-column
|
||||
min-width="100"
|
||||
show-overflow-tooltip
|
||||
:field="item"
|
||||
:fields-width="fieldsWidth"
|
||||
prop="testEndTime"
|
||||
:label="$t('report.test_end_time')">
|
||||
<template v-slot:default="scope">
|
||||
<span v-if="scope.row.status === 'Completed'">{{ scope.row.testEndTime | timestampFormatDate }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
</ms-table-column>
|
||||
<ms-table-column
|
||||
min-width="90"
|
||||
prop="testDuration"
|
||||
:field="item"
|
||||
:fields-width="fieldsWidth"
|
||||
:label="$t('report.test_execute_time')">
|
||||
<template v-slot:default="scope">
|
||||
<span v-if="scope.row.status === 'Completed'">
|
||||
|
|
@ -99,24 +118,31 @@
|
|||
{{ scope.row.seconds }}{{ $t('schedule.cron.seconds') }}
|
||||
</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="triggerMode" :label="$t('test_track.report.list.trigger_mode')"
|
||||
column-key="triggerMode"
|
||||
</ms-table-column>
|
||||
<ms-table-column
|
||||
prop="triggerMode"
|
||||
:field="item"
|
||||
:fields-width="fieldsWidth"
|
||||
:label="$t('test_track.report.list.trigger_mode')"
|
||||
min-width="90"
|
||||
:filters="triggerFilters">
|
||||
:filters="triggerFilters"
|
||||
>
|
||||
<template v-slot:default="scope">
|
||||
<report-trigger-mode-item :trigger-mode="scope.row.triggerMode"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
</ms-table-column>
|
||||
<ms-table-column
|
||||
prop="status"
|
||||
column-key="status"
|
||||
:field="item"
|
||||
:fields-width="fieldsWidth"
|
||||
:filters="statusFilters"
|
||||
:label="$t('commons.status')">
|
||||
<template v-slot:default="{row}">
|
||||
<ms-performance-report-status :row="row"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</ms-table-column>
|
||||
</span>
|
||||
|
||||
</ms-table>
|
||||
<ms-table-pagination :change="initTableData" :current-page.sync="currentPage" :page-size.sync="pageSize"
|
||||
:total="total"/>
|
||||
|
|
@ -139,7 +165,14 @@ import ReportTriggerModeItem from "../../common/tableItem/ReportTriggerModeItem"
|
|||
import {REPORT_CONFIGS} from "../../common/components/search/search-components";
|
||||
import MsTableHeader from "../../common/components/MsTableHeader";
|
||||
import ShowMoreBtn from "../../track/case/components/ShowMoreBtn";
|
||||
import {_filter, _sort, buildBatchParam, getLastTableSortField, saveLastTableSortField} from "@/common/js/tableUtils";
|
||||
import {
|
||||
_filter,
|
||||
_sort,
|
||||
buildBatchParam, getCustomTableHeader,
|
||||
getCustomTableWidth,
|
||||
getLastTableSortField,
|
||||
saveLastTableSortField
|
||||
} from "@/common/js/tableUtils";
|
||||
import MsDialogFooter from "@/business/components/common/components/MsDialogFooter";
|
||||
import SameTestReports from "@/business/components/performance/report/components/SameTestReports";
|
||||
import MsRenameReportDialog from "@/business/components/common/components/report/MsRenameReportDialog";
|
||||
|
|
@ -233,6 +266,8 @@ export default {
|
|||
versionOptions: [],
|
||||
currentVersion: '',
|
||||
versionEnable: false,
|
||||
fields: getCustomTableHeader('PERFORMANCE_REPORT_TABLE'),
|
||||
fieldsWidth: getCustomTableWidth('PERFORMANCE_REPORT_TABLE'),
|
||||
};
|
||||
},
|
||||
watch: {
|
||||
|
|
|
|||
|
|
@ -261,6 +261,22 @@ export let CUSTOM_TABLE_HEADER = {
|
|||
{id: 'creatorUser', key: '6', label: 'test_track.issue.issue_resource'},
|
||||
{id: 'createTime', key: '7', label: 'commons.create_time'},
|
||||
{id: 'updateTime', key: '8', label: 'commons.update_time'},
|
||||
],
|
||||
|
||||
// 测试报告列表
|
||||
PERFORMANCE_REPORT_TABLE: [
|
||||
{id: 'testName', key: 'a', label: 'report.test_name'},
|
||||
{id: 'name', key: 'b', label: 'commons.name'},
|
||||
{id: 'versionId', key: 'c', label: 'project.version.name'},
|
||||
{id: 'userName', key: 'd', label: 'report.user_name'},
|
||||
{id: 'maxUsers', key: 'e', label: 'report.max_users'},
|
||||
{id: 'avgResponseTime', key: 'f', label: 'report.response_time'},
|
||||
{id: 'tps', key: 'g', label: 'report.test_start_time'},
|
||||
{id: 'testStartTime', key: 'h', label: 'report.test_start_time'},
|
||||
{id: 'testEndTime', key: 'i', label: 'report.test_end_time'},
|
||||
{id: 'testDuration', key: 'j', label: 'report.test_execute_time'},
|
||||
{id: 'triggerMode', key: 'k', label: 'test_track.report.list.trigger_mode'},
|
||||
{id: 'status', key: 'l', label: 'commons.status'},
|
||||
]
|
||||
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue