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

date picker

This commit is contained in:
chenjianxing 2020-05-08 18:43:12 +08:00
parent 45ac65da59 841019d4a7
commit 845439661e
19 changed files with 369 additions and 297 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/business/components/common/components/MsDialogFooter.vue
View File

@ -2,7 +2,7 @@
<div class="dialog-footer"> <div class="dialog-footer">
<el-button @click="cancel">取 消</el-button> <el-button @click="cancel">取 消</el-button>
<el-button type="primary" @click="confirm">确 定</el-button> <el-button type="primary" @click="confirm" @keydown.enter.native.prevent>确 定</el-button>
</div> </div>
</template> </template>

19
frontend/src/business/components/performance/report/components/LogDetails.vue
View File

@ -2,7 +2,8 @@
<div v-loading="result.loading"> <div v-loading="result.loading">
<el-tabs type="border-card" :stretch="true"> <el-tabs type="border-card" :stretch="true">
<el-tab-pane v-for="(item, key) in logContent" :key="key" :label="key" class="logging-content"> <el-tab-pane v-for="(item, key) in logContent" :key="key" :label="key" class="logging-content">
{{item}} {{item.substring(0, 2048) }}...
<el-link type="primary" @click="downloadLogFile(item)">{{$t('load_test.download_log_file')}}</el-link>
</el-tab-pane> </el-tab-pane>
</el-tabs> </el-tabs>
</div> </div>
@ -23,6 +24,22 @@
this.result = this.$get("/performance/report/log/" + this.id, res => { this.result = this.$get("/performance/report/log/" + this.id, res => {
this.logContent = res.data; this.logContent = res.data;
}) })
},
downloadLogFile(content) {
const filename = 'jmeter.log'
const blob = new Blob([content]);
if ("download" in document.createElement("a")) {
// 非IE下载
// chrome/firefox
let aTag = document.createElement('a');
aTag.download = filename;
aTag.href = URL.createObjectURL(blob);
aTag.click();
URL.revokeObjectURL(aTag.href)
} else {
// IE10+下载
navigator.msSaveBlob(blob, filename);
}
} }
}, },
watch: { watch: {

165
frontend/src/business/components/performance/test/components/PerformanceAdvancedConfig.vue
View File

@ -1,28 +1,35 @@
<template> <template>
<div> <div>
<el-row type="flex" justify="start"> <el-row type="flex" justify="start">
<el-col :span="8"> <el-col :span="8">
<h3>{{$t('load_test.domain_bind')}}</h3> <h3>{{$t('load_test.domain_bind')}}</h3>
</el-col> <el-button type="el-icon-circle-plus-outline" plain size="mini" @click="add('domains')">{{$t('commons.add')}}</el-button>
<el-col :span="8">
<el-button type="primary" plain size="mini" @click="add('domains')">{{$t('commons.add')}}</el-button>
</el-col> </el-col>
</el-row> </el-row>
<!-- --> <!-- -->
<el-row> <el-row>
<el-table :data="domains"> <el-col :span="20">
<el-table :data="domains" size="mini" class="tb-edit" align="center" border highlight-current-row>
<el-table-column <el-table-column
align="center"
:label="$t('load_test.domain')" :label="$t('load_test.domain')"
show-overflow-tooltip> show-overflow-tooltip>
<template v-slot:default="{row}"> <template v-slot:default="{row}">
<template v-if="row.edit"> <el-input
<el-input v-model="row.domain" class="edit-input" size="mini"/> size="mini"
</template> v-if="readOnly"
<span v-else>{{ row.domain }}</span> type="textarea"
:rows="1"
class="edit-input"
v-model="row.domain"
:placeholder="$t('load_test.domain')"
clearable>
</el-input>
<span >{{row.domain}}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
align="center"
:label="$t('load_test.enable')" :label="$t('load_test.enable')"
show-overflow-tooltip> show-overflow-tooltip>
<template v-slot:default="{row}"> <template v-slot:default="{row}">
@ -31,46 +38,36 @@
size="mini" size="mini"
v-model="row.enable" v-model="row.enable"
active-color="#13ce66" active-color="#13ce66"
inactive-color="#ff4949"> inactive-color="#ff4949"
@click="confirmEdit(row)"
>
</el-switch> </el-switch>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
align="center"
:label="$t('load_test.ip')" :label="$t('load_test.ip')"
show-overflow-tooltip> show-overflow-tooltip>
<template v-slot:default="{row}"> <template v-slot:default="{row}">
<template v-if="row.edit"> <el-input
<el-input v-model="row.ip" class="edit-input" size="mini"/> size="mini"
</template> v-if="readOnly"
<span v-else>{{ row.ip }}</span> type="textarea"
class="edit-input"
:rows="1"
v-model="row.ip"
:placeholder="$t('load_test.ip')"
clearable></el-input>
<span>{{row.ip}}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column align="center"> <el-table-column align="center" :label="$t('load_test.operating')">
<template v-slot:default="{row, $index}"> <template v-slot:default="{row, $index}">
<template v-if="row.edit">
<el-button <el-button
class="cancel-btn"
size="mini"
icon="el-icon-refresh"
type="warning"
circle
@click="cancelEdit(row)">
</el-button>
<el-button
type="success"
size="mini"
icon="el-icon-circle-check"
circle
@click="confirmEdit(row)">
</el-button>
</template>
<el-button
v-else
type="primary" type="primary"
size="mini" icon="el-icon-plus"
icon="el-icon-edit" circle size="mini"
circle @click="add('domains')">
@click="edit(row)">
</el-button> </el-button>
<el-button <el-button
type="danger" type="danger"
@ -82,31 +79,39 @@
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
</el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="8"> <el-col :span="8">
<h3>{{$t('load_test.params')}}</h3> <h3>{{$t('load_test.params')}}</h3>
</el-col> <el-button type="el-icon-circle-plus-outline" plain size="mini" @click="add('params')">{{$t('commons.add')}}</el-button>
<el-col :span="8">
<el-button type="primary" plain size="mini" @click="add('params')">{{$t('commons.add')}}</el-button>
</el-col> </el-col>
</el-row> </el-row>
<!-- --> <!-- -->
<el-row> <el-row>
<el-table :data="params"> <el-col :span="20">
<el-table :data="params" size="mini" class="tb-edit" align="center" border highlight-current-row>
<el-table-column <el-table-column
align="center"
:label="$t('load_test.param_name')" :label="$t('load_test.param_name')"
show-overflow-tooltip> show-overflow-tooltip>
<template v-slot:default="{row}"> <template v-slot:default="{row}">
<template v-if="row.edit"> <el-input
<el-input v-model="row.name" class="edit-input" size="mini"/> size="mini"
</template> v-if="readOnly"
<span v-else>{{ row.name }}</span> type="textarea"
:rows="1"
class="edit-input"
v-model="row.name"
:placeholder="$t('load_test.param_name')"
clearable>
</el-input>
<span >{{row.name}}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
align="center"
:label="$t('load_test.enable')" :label="$t('load_test.enable')"
show-overflow-tooltip> show-overflow-tooltip>
<template v-slot:default="{row}"> <template v-slot:default="{row}">
@ -121,40 +126,32 @@
</el-table-column> </el-table-column>
<el-table-column <el-table-column
:label="$t('load_test.param_value')" :label="$t('load_test.param_value')"
show-overflow-tooltip> show-overflow-tooltip align="center">
<template v-slot:default="{row}"> <template v-slot:default="{row}">
<template v-if="row.edit"> <!-- <template v-if="row.edit">
<el-input v-model="row.value" class="edit-input" size="mini"/> <el-input v-model="row.value" class="edit-input" size="mini"/>
</template> </template>
<span v-else>{{ row.value }}</span> <span v-else>{{ row.value }}</span>-->
<el-input
size="mini"
v-if="readOnly"
type="textarea"
class="edit-input"
:rows="1"
v-model="row.value"
:placeholder="$t('load_test.param_value')"
clearable></el-input>
<span>{{row.value}}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column align="center"> <el-table-column align="center" :label="$t('load_test.operating')">
<template v-slot:default="{row, $index}"> <template v-slot:default="{row, $index}">
<template v-if="row.edit">
<el-button <el-button
class="cancel-btn"
size="mini"
icon="el-icon-refresh"
type="warning"
circle
@click="cancelEdit(row)">
</el-button>
<el-button
type="success"
size="mini"
icon="el-icon-circle-check"
circle
@click="confirmEdit(row)">
</el-button>
</template>
<el-button
v-else
type="primary" type="primary"
size="mini" size="mini"
icon="el-icon-edit" icon="el-icon-plus"
circle circle
@click="edit(row)"> @click="add(row)">
</el-button> </el-button>
<el-button <el-button
type="danger" type="danger"
@ -166,6 +163,7 @@
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
</el-col>
</el-row> </el-row>
<el-row> <el-row>
@ -211,6 +209,12 @@
statusCodeStr: '', statusCodeStr: '',
} }
}, },
props: {
readOnly: {
type: Boolean,
default: true
},
},
mounted() { mounted() {
let testId = this.$route.path.split('/')[4]; let testId = this.$route.path.split('/')[4];
if (testId) { if (testId) {
@ -253,6 +257,7 @@
this.statusCodeStr = this.statusCode.join(','); this.statusCodeStr = this.statusCode.join(',');
this.domains = data.domains || []; this.domains = data.domains || [];
this.params = data.params || []; this.params = data.params || [];
this.add('domains');
this.domains.forEach(d => d.edit = false); this.domains.forEach(d => d.edit = false);
this.params.forEach(d => d.edit = false); this.params.forEach(d => d.edit = false);
} }
@ -262,7 +267,7 @@
if (dataName === 'domains') { if (dataName === 'domains') {
this[dataName].push({ this[dataName].push({
domain: 'fit2cloud.com', domain: 'fit2cloud.com',
enable: true, enable: false,
ip: '127.0.0.1', ip: '127.0.0.1',
edit: true, edit: true,
}); });
@ -290,6 +295,7 @@
}, },
confirmEdit(row) { confirmEdit(row) {
row.edit = false; row.edit = false;
row.enable=true,
this.saveOriginObject(row); this.saveOriginObject(row);
}, },
groupBy(data, key) { groupBy(data, key) {
@ -360,7 +366,22 @@
} }
.edit-input { .edit-input {
padding-right: 100px; padding-right: 0px;
}
.tb-edit .el-textarea {
display: none;
}
.tb-edit .current-row .el-textarea {
display: block;
}
.tb-edit .current-row .el-textarea+span {
display: none;
}
.el-col{
text-align: left;
}
.el-col .el-table{
align:center;
} }
</style> </style>

14
frontend/src/business/components/performance/test/components/PerformancePressureConfig.vue
View File

@ -90,6 +90,7 @@
</el-form> </el-form>
</el-col> </el-col>
<el-col :span="14"> <el-col :span="14">
<div class="title">{{$t('load_test.pressure_prediction_chart')}}</div>
<chart class="chart-container" ref="chart1" :options="orgOptions" :autoresize="true"></chart> <chart class="chart-container" ref="chart1" :options="orgOptions" :autoresize="true"></chart>
</el-col> </el-col>
</el-row> </el-row>
@ -306,9 +307,11 @@
} }
</script> </script>
<style scoped> <style scoped>
.pressure-config-container .el-input { .pressure-config-container .el-input {
width: 130px; width: 130px;
} }
.pressure-config-container .config-form-label { .pressure-config-container .config-form-label {
@ -323,4 +326,15 @@
.chart-container { .chart-container {
width: 100%; width: 100%;
} }
.el-col .el-form{
margin-top: 15px;
text-align: left;
}
.el-col {
margin-top: 15px;
text-align: left;
}
.title {
margin-left: 60px;
}
</style> </style>

9
frontend/src/business/components/project/MsProject.vue
View File

@ -31,9 +31,9 @@
</el-form> </el-form>
<template v-slot:footer> <template v-slot:footer>
<div class="dialog-footer"> <div class="dialog-footer">
<el-button type="primary" @keydown.enter.native.prevent @click="submit('form')" size="medium"> <ms-dialog-footer
{{$t('commons.save')}} @cancel="createVisible = false"
</el-button> @confirm="submit('form')"/>
</div> </div>
</template> </template>
</el-dialog> </el-dialog>
@ -48,10 +48,11 @@
import MsTablePagination from "../common/pagination/TablePagination"; import MsTablePagination from "../common/pagination/TablePagination";
import MsTableHeader from "../common/components/MsTableHeader"; import MsTableHeader from "../common/components/MsTableHeader";
import MsTableOperator from "../common/components/MsTableOperator"; import MsTableOperator from "../common/components/MsTableOperator";
import MsDialogFooter from "../common/components/MsDialogFooter";
export default { export default {
name: "MsProject", name: "MsProject",
components: {MsTableOperator, MsCreateBox, MsTablePagination, MsTableHeader}, components: {MsTableOperator, MsCreateBox, MsTablePagination, MsTableHeader, MsDialogFooter},
data() { data() {
return { return {
createVisible: false, createVisible: false,

26
frontend/src/business/components/settings/organization/OrganizationMember.vue
View File

@ -25,7 +25,7 @@
</el-card> </el-card>
<el-dialog :title="$t('member.create')" :visible.sync="createVisible" width="30%" :destroy-on-close="true" <el-dialog :title="$t('member.create')" :visible.sync="createVisible" width="30%" :destroy-on-close="true"
@close="closeFunc"> @close="handleClose">
<el-form :model="form" ref="form" :rules="rules" label-position="right" label-width="100px" size="small"> <el-form :model="form" ref="form" :rules="rules" label-position="right" label-width="100px" size="small">
<el-form-item :label="$t('commons.member')" prop="userIds"> <el-form-item :label="$t('commons.member')" prop="userIds">
<el-select v-model="form.userIds" multiple :placeholder="$t('member.please_choose_member')" <el-select v-model="form.userIds" multiple :placeholder="$t('member.please_choose_member')"
@ -52,16 +52,14 @@
</el-form-item> </el-form-item>
</el-form> </el-form>
<template v-slot:footer> <template v-slot:footer>
<span class="dialog-footer"> <ms-dialog-footer
<el-button @click="submitForm('form')" @keydown.enter.native.prevent type="primary" @cancel="createVisible = false"
size="medium">{{$t('commons.save')}} @confirm="submitForm('form')"/>
</el-button>
</span>
</template> </template>
</el-dialog> </el-dialog>
<el-dialog :title="$t('member.modify')" :visible.sync="updateVisible" width="30%" :destroy-on-close="true" <el-dialog :title="$t('member.modify')" :visible.sync="updateVisible" width="30%" :destroy-on-close="true"
@close="closeFunc"> @close="handleClose">
<el-form :model="form" label-position="right" label-width="100px" size="small" ref="updateUserForm"> <el-form :model="form" label-position="right" label-width="100px" size="small" ref="updateUserForm">
<el-form-item label="ID" prop="id"> <el-form-item label="ID" prop="id">
<el-input v-model="form.id" autocomplete="off" :disabled="true"/> <el-input v-model="form.id" autocomplete="off" :disabled="true"/>
@ -87,11 +85,9 @@
</el-form-item> </el-form-item>
</el-form> </el-form>
<template v-slot:footer> <template v-slot:footer>
<span class="dialog-footer"> <ms-dialog-footer
<el-button @click="updateOrgMember('updateUserForm')" @keydown.enter.native.prevent type="primary" @cancel="updateVisible = false"
size="medium">{{$t('commons.save')}} @confirm="updateOrgMember('updateUserForm')"/>
</el-button>
</span>
</template> </template>
</el-dialog> </el-dialog>
</div> </div>
@ -104,10 +100,11 @@
import MsTableHeader from "../../common/components/MsTableHeader"; import MsTableHeader from "../../common/components/MsTableHeader";
import MsRolesTag from "../../common/components/MsRolesTag"; import MsRolesTag from "../../common/components/MsRolesTag";
import MsTableOperator from "../../common/components/MsTableOperator"; import MsTableOperator from "../../common/components/MsTableOperator";
import MsDialogFooter from "../../common/components/MsDialogFooter";
export default { export default {
name: "MsOrganizationMember", name: "MsOrganizationMember",
components: {MsCreateBox, MsTablePagination, MsTableHeader, MsRolesTag, MsTableOperator}, components: {MsCreateBox, MsTablePagination, MsTableHeader, MsRolesTag, MsTableOperator, MsDialogFooter},
created() { created() {
this.initTableData(); this.initTableData();
}, },
@ -161,9 +158,8 @@
buildPagePath(path) { buildPagePath(path) {
return path + "/" + this.currentPage + "/" + this.pageSize; return path + "/" + this.currentPage + "/" + this.pageSize;
}, },
closeFunc() { handleClose() {
this.form = {}; this.form = {};
this.initTableData();
}, },
edit(row) { edit(row) {
this.updateVisible = true; this.updateVisible = true;

27
frontend/src/business/components/settings/organization/OrganizationWorkspace.vue
View File

@ -34,11 +34,9 @@
</el-form-item> </el-form-item>
</el-form> </el-form>
<template v-slot:footer> <template v-slot:footer>
<span class="dialog-footer"> <ms-dialog-footer
<el-button @click="submit('form')" @keydown.enter.native.prevent type="primary" @cancel="dialogWsAddVisible = false"
size="medium">{{$t('commons.save')}} @confirm="submit('form')"/>
</el-button>
</span>
</template> </template>
</el-dialog> </el-dialog>
@ -99,11 +97,9 @@
</el-form-item> </el-form-item>
</el-form> </el-form>
<template v-slot:footer> <template v-slot:footer>
<span class="dialog-footer"> <ms-dialog-footer
<el-button @click="submitForm('form')" @keydown.enter.native.prevent type="primary" @cancel="dialogWsMemberAddVisible = false"
size="medium">{{$t('commons.save')}} @confirm="submitForm('form')"/>
</el-button>
</span>
</template> </template>
</el-dialog> </el-dialog>
@ -137,11 +133,9 @@
</el-form-item> </el-form-item>
</el-form> </el-form>
<template v-slot:footer> <template v-slot:footer>
<span class="dialog-footer"> <ms-dialog-footer
<el-button @click="updateOrgMember('updateUserForm')" @keydown.enter.native.prevent type="primary" @cancel="dialogWsMemberUpdateVisible = false"
size="medium">{{$t('commons.save')}} @confirm="updateOrgMember('updateUserForm')"/>
</el-button>
</span>
</template> </template>
</el-dialog> </el-dialog>
@ -156,10 +150,11 @@
import MsTableHeader from "../../common/components/MsTableHeader"; import MsTableHeader from "../../common/components/MsTableHeader";
import MsRolesTag from "../../common/components/MsRolesTag"; import MsRolesTag from "../../common/components/MsRolesTag";
import MsTableOperator from "../../common/components/MsTableOperator"; import MsTableOperator from "../../common/components/MsTableOperator";
import MsDialogFooter from "../../common/components/MsDialogFooter";
export default { export default {
name: "MsOrganizationWorkspace", name: "MsOrganizationWorkspace",
components: {MsCreateBox, MsTablePagination, MsTableHeader, MsRolesTag, MsTableOperator}, components: {MsCreateBox, MsTablePagination, MsTableHeader, MsRolesTag, MsTableOperator, MsDialogFooter},
mounted() { mounted() {
this.list(); this.list();
}, },

14
frontend/src/business/components/settings/personal/PersonSetting.vue
View File

@ -28,7 +28,7 @@
</el-table> </el-table>
<el-dialog :title="$t('member.modify_personal_info')" :visible.sync="updateVisible" width="30%" <el-dialog :title="$t('member.modify_personal_info')" :visible.sync="updateVisible" width="30%"
:destroy-on-close="true" @close="closeFunc"> :destroy-on-close="true" @close="handleClose">
<el-form :model="form" label-position="right" label-width="100px" size="small" :rules="rule" <el-form :model="form" label-position="right" label-width="100px" size="small" :rules="rule"
ref="updateUserForm"> ref="updateUserForm">
<el-form-item label="ID" prop="id"> <el-form-item label="ID" prop="id">
@ -45,11 +45,9 @@
</el-form-item> </el-form-item>
</el-form> </el-form>
<template v-slot:footer> <template v-slot:footer>
<span class="dialog-footer"> <ms-dialog-footer
<el-button @click="updateUser('updateUserForm')" @keydown.enter.native.prevent type="primary" @cancel="updateVisible = false"
size="medium">{{$t('commons.save')}} @confirm="updateUser('updateUserForm')"/>
</el-button>
</span>
</template> </template>
</el-dialog> </el-dialog>
@ -59,6 +57,7 @@
<script> <script>
import {TokenKey} from "../../../../common/js/constants"; import {TokenKey} from "../../../../common/js/constants";
import MsDialogFooter from "../../common/components/MsDialogFooter";
export default { export default {
data() { data() {
@ -100,6 +99,7 @@
} }
}, },
name: "MsPersonSetting", name: "MsPersonSetting",
components: {MsDialogFooter},
created() { created() {
this.initTableData(); this.initTableData();
}, },
@ -135,7 +135,7 @@
this.tableData = dataList; this.tableData = dataList;
}) })
}, },
closeFunc() { handleClose() {
this.form = {}; this.form = {};
} }
} }

35
frontend/src/business/components/settings/system/Organization.vue
View File

@ -65,11 +65,9 @@
</el-form-item> </el-form-item>
</el-form> </el-form>
<template v-slot:footer> <template v-slot:footer>
<span class="dialog-footer"> <ms-dialog-footer
<el-button @click="createOrganization('createOrganization')" @keydown.enter.native.prevent type="primary" @cancel="dialogOrgAddVisible = false"
size="medium">{{$t('commons.save')}} @confirm="createOrganization('createOrganization')"/>
</el-button>
</span>
</template> </template>
</el-dialog> </el-dialog>
@ -87,11 +85,9 @@
</el-form-item> </el-form-item>
</el-form> </el-form>
<template v-slot:footer> <template v-slot:footer>
<span class="dialog-footer"> <ms-dialog-footer
<el-button @click="updateOrganization('updateOrganizationForm')" @keydown.enter.native.prevent type="primary" @cancel="dialogOrgUpdateVisible = false"
size="medium">{{$t('organization.modify')}} @confirm="updateOrganization('updateOrganizationForm')"/>
</el-button>
</span>
</template> </template>
</el-dialog> </el-dialog>
@ -127,11 +123,9 @@
</el-form-item> </el-form-item>
</el-form> </el-form>
<template v-slot:footer> <template v-slot:footer>
<span class="dialog-footer"> <ms-dialog-footer
<el-button @click="submitForm('form')" @keydown.enter.native.prevent type="primary" @cancel="dialogOrgMemberAddVisible = false"
size="medium">{{$t('commons.save')}} @confirm="submitForm('form')"/>
</el-button>
</span>
</template> </template>
</el-dialog> </el-dialog>
@ -165,11 +159,9 @@
</el-form-item> </el-form-item>
</el-form> </el-form>
<template v-slot:footer> <template v-slot:footer>
<span class="dialog-footer"> <ms-dialog-footer
<el-button @click="updateOrgMember('updateUserForm')" @keydown.enter.native.prevent type="primary" @cancel="dialogOrgMemberUpdateVisible = false"
size="medium">{{$t('commons.save')}} @confirm="updateOrgMember('updateUserForm')"/>
</el-button>
</span>
</template> </template>
</el-dialog> </el-dialog>
@ -182,10 +174,11 @@
import MsTableHeader from "../../common/components/MsTableHeader"; import MsTableHeader from "../../common/components/MsTableHeader";
import MsRolesTag from "../../common/components/MsRolesTag"; import MsRolesTag from "../../common/components/MsRolesTag";
import MsTableOperator from "../../common/components/MsTableOperator"; import MsTableOperator from "../../common/components/MsTableOperator";
import MsDialogFooter from "../../common/components/MsDialogFooter";
export default { export default {
name: "MsOrganization", name: "MsOrganization",
components: {MsCreateBox, MsTablePagination, MsTableHeader, MsRolesTag, MsTableOperator}, components: {MsCreateBox, MsTablePagination, MsTableHeader, MsRolesTag, MsTableOperator, MsDialogFooter},
data() { data() {
return { return {
queryPath: '/organization/list', queryPath: '/organization/list',

32
frontend/src/business/components/settings/system/SystemWorkspace.vue
View File

@ -49,9 +49,9 @@
</el-form-item> </el-form-item>
</el-form> </el-form>
<template v-slot:footer> <template v-slot:footer>
<span class="dialog-footer"> <ms-dialog-footer
<el-button type="primary" @keydown.enter.native.prevent @click="submit('form')" size="medium">{{$t('commons.save')}}</el-button> @cancel="dialogWsAddVisible = false"
</span> @confirm="submit('form')"/>
</template> </template>
</el-dialog> </el-dialog>
@ -77,10 +77,9 @@
</el-form-item> </el-form-item>
</el-form> </el-form>
<template v-slot:footer> <template v-slot:footer>
<span class="dialog-footer"> <ms-dialog-footer
<el-button type="primary" @click="updateWorkspace('updateForm')" @keydown.enter.native.prevent @cancel="dialogWsUpdateVisible = false"
size="medium">{{$t('commons.save')}}</el-button> @confirm="updateWorkspace('updateForm')"/>
</span>
</template> </template>
</el-dialog> </el-dialog>
@ -142,11 +141,9 @@
</el-form-item> </el-form-item>
</el-form> </el-form>
<template v-slot:footer> <template v-slot:footer>
<span class="dialog-footer"> <ms-dialog-footer
<el-button type="primary" @keydown.enter.native.prevent @click="submitForm('form')" size="medium"> @cancel="dialogWsMemberAddVisible = false"
{{$t('commons.save')}} @confirm="submitForm('form')"/>
</el-button>
</span>
</template> </template>
</el-dialog> </el-dialog>
@ -180,11 +177,9 @@
</el-form-item> </el-form-item>
</el-form> </el-form>
<template v-slot:footer> <template v-slot:footer>
<span class="dialog-footer"> <ms-dialog-footer
<el-button type="primary" @click="updateWorkspaceMember('updateUserForm')" @keydown.enter.native.prevent @cancel="dialogWsMemberUpdateVisible = false"
size="medium">{{$t('commons.save')}} @confirm="updateWorkspaceMember('updateUserForm')"/>
</el-button>
</span>
</template> </template>
</el-dialog> </el-dialog>
@ -199,10 +194,11 @@
import MsTableHeader from "../../common/components/MsTableHeader"; import MsTableHeader from "../../common/components/MsTableHeader";
import MsRolesTag from "../../common/components/MsRolesTag"; import MsRolesTag from "../../common/components/MsRolesTag";
import MsTableOperator from "../../common/components/MsTableOperator"; import MsTableOperator from "../../common/components/MsTableOperator";
import MsDialogFooter from "../../common/components/MsDialogFooter";
export default { export default {
name: "MsSystemWorkspace", name: "MsSystemWorkspace",
components: {MsCreateBox, MsTablePagination, MsTableHeader, MsRolesTag, MsTableOperator}, components: {MsCreateBox, MsTablePagination, MsTableHeader, MsRolesTag, MsTableOperator, MsDialogFooter},
mounted() { mounted() {
this.list(); this.list();
}, },

120
frontend/src/business/components/settings/system/TestResourcePool.vue
View File

@ -68,42 +68,44 @@
</el-form-item> </el-form-item>
<div v-for="(item,index) in infoList " :key="index"> <div v-for="(item,index) in infoList " :key="index">
<div class="node-line" v-if="form.type === 'K8S'"> <div class="node-line" v-if="form.type === 'K8S'">
<div class="k8s-master"> <el-row>
<el-col :span="11"> <el-col :span="9">
</el-col>
<el-form-item prop="masterUrl" label="Master URL"> <el-form-item prop="masterUrl" label="Master URL">
<el-input v-model="item.masterUrl" autocomplete="off"/> <el-input v-model="item.masterUrl" autocomplete="off"/>
</el-form-item> </el-form-item>
</div> </el-col>
<div class="k8s-token"> <el-col :span="9">
<el-form-item prop="token" label="Token"> <el-form-item prop="password" label="Token" style="padding-left: 20px">
<el-input v-model="item.token" show-password autocomplete="off"/> <el-input v-model="item.token" show-password autocomplete="off"/>
</el-form-item> </el-form-item>
</div> </el-col>
<div style="width: 30%;float: left"> <el-col :span="6">
<el-form-item prop="maxConcurrency" :label="$t('test_resource_pool.max_threads')"> <el-form-item prop="maxConcurrency" :label="$t('test_resource_pool.max_threads')"
style="padding-left: 20px">
<el-input-number v-model="item.maxConcurrency" :min="1" :max="9999"></el-input-number> <el-input-number v-model="item.maxConcurrency" :min="1" :max="9999"></el-input-number>
</el-form-item> </el-form-item>
</div> </el-col>
</el-row>
</div> </div>
<div class="node-line" v-if="form.type === 'NODE'"> <div class="node-line" v-if="form.type === 'NODE'">
<div style="width: 30%;float: left"> <el-row>
<el-col :span="8">
<el-form-item prop="ip" label="IP"> <el-form-item prop="ip" label="IP">
<el-input v-model="item.ip" autocomplete="off"/> <el-input v-model="item.ip" autocomplete="off"/>
</el-form-item> </el-form-item>
</div> </el-col>
<div style="width: 30%;float: left"> <el-col :span="6">
<el-form-item prop="port" label="Port"> <el-form-item prop="port" label="Port" style="padding-left: 20px">
<el-input-number v-model="item.port" :min="1" :max="9999"></el-input-number> <el-input-number v-model="item.port" :min="1" :max="9999"></el-input-number>
</el-form-item> </el-form-item>
</div> </el-col>
<div style="width: 30%;float: left"> <el-col :span="6">
<el-form-item prop="maxConcurrency" :label="$t('test_resource_pool.max_threads')"> <el-form-item prop="maxConcurrency" :label="$t('test_resource_pool.max_threads')"
style="padding-left: 20px">
<el-input-number v-model="item.maxConcurrency" :min="1" :max="9999"></el-input-number> <el-input-number v-model="item.maxConcurrency" :min="1" :max="9999"></el-input-number>
</el-form-item> </el-form-item>
</div> </el-col>
<div class="op"> <el-col :span="4">
<span class="box"> <span class="box">
<el-button @click="addResourceInfo()" type="primary" size="mini" circle> <el-button @click="addResourceInfo()" type="primary" size="mini" circle>
<font-awesome-icon :icon="['fas', 'plus']"/> <font-awesome-icon :icon="['fas', 'plus']"/>
@ -114,18 +116,16 @@
<font-awesome-icon :icon="['fas', 'minus']"/> <font-awesome-icon :icon="['fas', 'minus']"/>
</el-button> </el-button>
</span> </span>
</div> </el-col>
</el-row>
</div> </div>
</div> </div>
</el-form> </el-form>
<template v-slot:footer> <template v-slot:footer>
<span class="dialog-footer"> <ms-dialog-footer
<el-button @click="createTestResourcePool('createTestResourcePoolForm')" @keydown.enter.native.prevent @cancel="createVisible = false"
type="primary" @confirm="createTestResourcePool('createTestResourcePoolForm')"/>
size="medium">{{$t('commons.create')}}
</el-button>
</span>
</template> </template>
</el-dialog> </el-dialog>
@ -151,41 +151,44 @@
</el-form-item> </el-form-item>
<div v-for="(item,index) in infoList " :key="index"> <div v-for="(item,index) in infoList " :key="index">
<div class="node-line" v-if="form.type === 'K8S'"> <div class="node-line" v-if="form.type === 'K8S'">
<div class="k8s-master"> <el-row>
<el-col :span="9">
<el-form-item prop="masterUrl" label="Master URL"> <el-form-item prop="masterUrl" label="Master URL">
<el-input v-model="item.masterUrl" autocomplete="off"/> <el-input v-model="item.masterUrl" autocomplete="off"/>
</el-form-item> </el-form-item>
</div> </el-col>
<div class="k8s-token"> <el-col :span="9">
<el-form-item prop="password" label="Token" style="padding-left: 20px"> <el-form-item prop="password" label="Token" style="padding-left: 20px">
<el-input v-model="item.token" show-password autocomplete="off"/> <el-input v-model="item.token" show-password autocomplete="off"/>
</el-form-item> </el-form-item>
</div> </el-col>
<div style="width: 30%;float: left"> <el-col :span="6">
<el-form-item prop="maxConcurrency" :label="$t('test_resource_pool.max_threads')" <el-form-item prop="maxConcurrency" :label="$t('test_resource_pool.max_threads')"
style="padding-left: 20px"> style="padding-left: 20px">
<el-input-number v-model="item.maxConcurrency" :min="1" :max="9999"></el-input-number> <el-input-number v-model="item.maxConcurrency" :min="1" :max="9999"></el-input-number>
</el-form-item> </el-form-item>
</div> </el-col>
</el-row>
</div> </div>
<div class="node-line" v-if="form.type === 'NODE'"> <div class="node-line" v-if="form.type === 'NODE'">
<div style="width: 30%;float: left"> <el-row>
<el-col :span="8">
<el-form-item prop="ip" label="IP"> <el-form-item prop="ip" label="IP">
<el-input v-model="item.ip" autocomplete="off"/> <el-input v-model="item.ip" autocomplete="off"/>
</el-form-item> </el-form-item>
</div> </el-col>
<div style="width: 30%;float: left"> <el-col :span="6">
<el-form-item prop="port" label="Port" style="padding-left: 20px"> <el-form-item prop="port" label="Port" style="padding-left: 20px">
<el-input-number v-model="item.port" :min="1" :max="9999"></el-input-number> <el-input-number v-model="item.port" :min="1" :max="9999"></el-input-number>
</el-form-item> </el-form-item>
</div> </el-col>
<div style="width: 30%;float: left"> <el-col :span="6">
<el-form-item prop="maxConcurrency" :label="$t('test_resource_pool.max_threads')" <el-form-item prop="maxConcurrency" :label="$t('test_resource_pool.max_threads')"
style="padding-left: 20px"> style="padding-left: 20px">
<el-input-number v-model="item.maxConcurrency" :min="1" :max="9999"></el-input-number> <el-input-number v-model="item.maxConcurrency" :min="1" :max="9999"></el-input-number>
</el-form-item> </el-form-item>
</div> </el-col>
<div class="op"> <el-col :span="4">
<span class="box"> <span class="box">
<el-button @click="addResourceInfo()" type="primary" size="mini" circle> <el-button @click="addResourceInfo()" type="primary" size="mini" circle>
<font-awesome-icon :icon="['fas', 'plus']"/> <font-awesome-icon :icon="['fas', 'plus']"/>
@ -196,17 +199,15 @@
<font-awesome-icon :icon="['fas', 'minus']"/> <font-awesome-icon :icon="['fas', 'minus']"/>
</el-button> </el-button>
</span> </span>
</div> </el-col>
</el-row>
</div> </div>
</div> </div>
</el-form> </el-form>
<template v-slot:footer> <template v-slot:footer>
<span class="dialog-footer"> <ms-dialog-footer
<el-button @click="updateTestResourcePool('updateTestResourcePoolForm')" @keydown.enter.native.prevent @cancel="updateVisible = false"
type="primary" @confirm="updateTestResourcePool('updateTestResourcePoolForm')"/>
size="medium">{{$t('commons.save')}}
</el-button>
</span>
</template> </template>
</el-dialog> </el-dialog>
@ -218,10 +219,11 @@
import MsTablePagination from "../../common/pagination/TablePagination"; import MsTablePagination from "../../common/pagination/TablePagination";
import MsTableHeader from "../../common/components/MsTableHeader"; import MsTableHeader from "../../common/components/MsTableHeader";
import MsTableOperator from "../../common/components/MsTableOperator"; import MsTableOperator from "../../common/components/MsTableOperator";
import MsDialogFooter from "../../common/components/MsDialogFooter";
export default { export default {
name: "MsTestResourcePool", name: "MsTestResourcePool",
components: {MsCreateBox, MsTablePagination, MsTableHeader, MsTableOperator}, components: {MsCreateBox, MsTablePagination, MsTableHeader, MsTableOperator, MsDialogFooter},
data() { data() {
return { return {
result: {}, result: {},
@ -429,30 +431,8 @@
<style scoped> <style scoped>
.op {
float: left;
width: 10%;
}
.box { .box {
padding-left: 5px; padding-left: 5px;
} }
.k8s-master {
width: 34%;
float: left
}
.k8s-token {
width: 36%;
float: left
}
.k8s-token .el-form-item__label {
padding-left: 20px;
}
.node-line {
clear: both;
}
</style> </style>

24
frontend/src/business/components/settings/system/User.vue
View File

@ -40,7 +40,7 @@
</el-card> </el-card>
<el-dialog :title="$t('user.create')" :visible.sync="createVisible" width="30%" @closed="closeFunc" <el-dialog :title="$t('user.create')" :visible.sync="createVisible" width="30%" @closed="handleClose"
:destroy-on-close="true"> :destroy-on-close="true">
<el-form :model="form" label-position="right" label-width="100px" size="small" :rules="rule" ref="createUserForm"> <el-form :model="form" label-position="right" label-width="100px" size="small" :rules="rule" ref="createUserForm">
<el-form-item label="ID" prop="id"> <el-form-item label="ID" prop="id">
@ -57,15 +57,14 @@
</el-form-item> </el-form-item>
</el-form> </el-form>
<template v-slot:footer> <template v-slot:footer>
<span class="dialog-footer"> <ms-dialog-footer
<el-button @click="createUser('createUserForm')" @keydown.enter.native.prevent type="primary" @cancel="createVisible = false"
size="medium">{{$t('commons.save')}}</el-button> @confirm="createUser('createUserForm')"/>
</span>
</template> </template>
</el-dialog> </el-dialog>
<el-dialog :title="$t('user.modify')" :visible.sync="updateVisible" width="30%" :destroy-on-close="true" <el-dialog :title="$t('user.modify')" :visible.sync="updateVisible" width="30%" :destroy-on-close="true"
@close="closeFunc"> @close="handleClose">
<el-form :model="form" label-position="right" label-width="100px" size="small" :rules="rule" ref="updateUserForm"> <el-form :model="form" label-position="right" label-width="100px" size="small" :rules="rule" ref="updateUserForm">
<el-form-item label="ID" prop="id"> <el-form-item label="ID" prop="id">
<el-input v-model="form.id" autocomplete="off" :disabled="true"/> <el-input v-model="form.id" autocomplete="off" :disabled="true"/>
@ -81,11 +80,9 @@
</el-form-item> </el-form-item>
</el-form> </el-form>
<template v-slot:footer> <template v-slot:footer>
<span class="dialog-footer"> <ms-dialog-footer
<el-button @click="updateUser('updateUserForm')" @keydown.enter.native.prevent type="primary" @cancel="updateVisible = false"
size="medium">{{$t('commons.save')}} @confirm="updateUser('updateUserForm')"/>
</el-button>
</span>
</template> </template>
</el-dialog> </el-dialog>
@ -97,10 +94,11 @@
import MsTablePagination from "../../common/pagination/TablePagination"; import MsTablePagination from "../../common/pagination/TablePagination";
import MsTableHeader from "../../common/components/MsTableHeader"; import MsTableHeader from "../../common/components/MsTableHeader";
import MsTableOperator from "../../common/components/MsTableOperator"; import MsTableOperator from "../../common/components/MsTableOperator";
import MsDialogFooter from "../../common/components/MsDialogFooter";
export default { export default {
name: "MsUser", name: "MsUser",
components: {MsCreateBox, MsTablePagination, MsTableHeader, MsTableOperator}, components: {MsCreateBox, MsTablePagination, MsTableHeader, MsTableOperator, MsDialogFooter},
data() { data() {
return { return {
queryPath: '/user/special/list', queryPath: '/user/special/list',
@ -211,7 +209,7 @@
this.tableData = data.listObject; this.tableData = data.listObject;
}) })
}, },
closeFunc() { handleClose() {
this.form = {}; this.form = {};
}, },
changeSwitch(row) { changeSwitch(row) {

29
frontend/src/business/components/settings/workspace/WorkspaceMember.vue
View File

@ -16,7 +16,8 @@
</el-table-column> </el-table-column>
<el-table-column> <el-table-column>
<template v-slot:default="scope"> <template v-slot:default="scope">
<ms-table-operator @editClick="edit(scope.row)" @deleteClick="del(scope.row)" v-permission="['test_manager']"/> <ms-table-operator @editClick="edit(scope.row)" @deleteClick="del(scope.row)"
v-permission="['test_manager']"/>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
@ -25,7 +26,7 @@
</el-card> </el-card>
<el-dialog :title="$t('member.create')" :visible.sync="createVisible" width="30%" :destroy-on-close="true" <el-dialog :title="$t('member.create')" :visible.sync="createVisible" width="30%" :destroy-on-close="true"
@close="closeFunc"> @close="handleClose">
<el-form :model="form" ref="form" :rules="rules" label-position="right" label-width="100px" size="small"> <el-form :model="form" ref="form" :rules="rules" label-position="right" label-width="100px" size="small">
<el-form-item :label="$t('commons.member')" prop="userIds"> <el-form-item :label="$t('commons.member')" prop="userIds">
<el-select v-model="form.userIds" multiple :placeholder="$t('member.please_choose_member')" <el-select v-model="form.userIds" multiple :placeholder="$t('member.please_choose_member')"
@ -52,16 +53,14 @@
</el-form-item> </el-form-item>
</el-form> </el-form>
<template v-slot:footer> <template v-slot:footer>
<span class="dialog-footer"> <ms-dialog-footer
<el-button @click="submitForm('form')" @keydown.enter.native.prevent type="primary" @cancel="createVisible = false"
size="medium">{{$t('commons.save')}} @confirm="submitForm('form')"/>
</el-button>
</span>
</template> </template>
</el-dialog> </el-dialog>
<el-dialog :title="$t('member.modify')" :visible.sync="updateVisible" width="30%" :destroy-on-close="true" <el-dialog :title="$t('member.modify')" :visible.sync="updateVisible" width="30%" :destroy-on-close="true"
@close="closeFunc"> @close="handleClose">
<el-form :model="form" label-position="right" label-width="100px" size="small" ref="updateUserForm"> <el-form :model="form" label-position="right" label-width="100px" size="small" ref="updateUserForm">
<el-form-item label="ID" prop="id"> <el-form-item label="ID" prop="id">
<el-input v-model="form.id" autocomplete="off" :disabled="true"/> <el-input v-model="form.id" autocomplete="off" :disabled="true"/>
@ -87,11 +86,9 @@
</el-form-item> </el-form-item>
</el-form> </el-form>
<template v-slot:footer> <template v-slot:footer>
<span class="dialog-footer"> <ms-dialog-footer
<el-button @click="updateWorkspaceMember('updateUserForm')" @keydown.enter.native.prevent type="primary" @cancel="updateVisible = false"
size="medium">{{$t('commons.save')}} @confirm="updateWorkspaceMember('updateUserForm')"/>
</el-button>
</span>
</template> </template>
</el-dialog> </el-dialog>
@ -105,10 +102,11 @@
import MsTableHeader from "../../common/components/MsTableHeader"; import MsTableHeader from "../../common/components/MsTableHeader";
import MsRolesTag from "../../common/components/MsRolesTag"; import MsRolesTag from "../../common/components/MsRolesTag";
import MsTableOperator from "../../common/components/MsTableOperator"; import MsTableOperator from "../../common/components/MsTableOperator";
import MsDialogFooter from "../../common/components/MsDialogFooter";
export default { export default {
name: "MsMember", name: "MsMember",
components: {MsCreateBox, MsTablePagination, MsTableHeader, MsRolesTag, MsTableOperator}, components: {MsCreateBox, MsTablePagination, MsTableHeader, MsRolesTag, MsTableOperator, MsDialogFooter},
data() { data() {
return { return {
result: {}, result: {},
@ -168,9 +166,8 @@
buildPagePath(path) { buildPagePath(path) {
return path + "/" + this.currentPage + "/" + this.pageSize; return path + "/" + this.currentPage + "/" + this.pageSize;
}, },
closeFunc() { handleClose() {
this.form = {}; this.form = {};
this.initTableData();
}, },
del(row) { del(row) {
this.$confirm(this.$t('member.delete_confirm'), '', { this.$confirm(this.$t('member.delete_confirm'), '', {

15
frontend/src/business/components/settings/workspace/components/TemplateComponent/BaseInfoComponent.vue
View File

@ -1,6 +1,5 @@
<template> <template>
<common-component :title="'基础信息'"> <common-component :title="'基础信息'">
<template> <template>
@ -16,14 +15,14 @@
</el-col> </el-col>
</el-row> </el-row>
<el-row type="flex" justify="space-between"> <el-row type="flex" justify="space-between" class="select-time">
<el-col :span="12"> <el-col :span="12">
<span>开始时间：</span> <span>开始时间：</span>
<span class="item-value">{{reportInfo.startTime}}</span> <el-date-picker size="mini" type="date" placeholder="选择日期" v-model="reportInfo.startTime"/>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<span>结束时间：</span> <span>结束时间：</span>
<span class="item-value">{{reportInfo.endTime}}</span> <el-date-picker size="mini" type="date" placeholder="选择日期" v-model="reportInfo.endTime"/>
</el-col> </el-col>
</el-row> </el-row>
@ -82,4 +81,12 @@
height: 60px; height: 60px;
} }
.select-time span {
display: inline-block;
}
.el-date-editor {
width: 150px;
}
</style> </style>

4
frontend/src/business/components/settings/workspace/components/TemplateComponent/TemplateComponent.vue
View File

@ -32,6 +32,10 @@
}, },
metric: { metric: {
type: Object type: Object
},
isReport: {
type: Boolean,
default: true
} }
} }
} }

14
frontend/src/business/components/settings/workspace/components/TestCaseReportTemplateEdit.vue
View File

@ -36,7 +36,7 @@
group="component"> group="component">
<transition-group> <transition-group>
<div class="preview" v-for="item in previews" :key="item.id"> <div class="preview" v-for="item in previews" :key="item.id">
<template-component :metric="metric" :preview="item"/> <template-component :is-report="isReport" :metric="metric" :preview="item"/>
<i class="el-icon-error" @click="handleDelete(item)"/> <i class="el-icon-error" @click="handleDelete(item)"/>
</div> </div>
</transition-group> </transition-group>
@ -194,6 +194,12 @@
this.template.content = JSON.parse(response.data.content); this.template.content = JSON.parse(response.data.content);
if (this.template.content.customComponent) { if (this.template.content.customComponent) {
this.template.content.customComponent = jsonToMap(this.template.content.customComponent); this.template.content.customComponent = jsonToMap(this.template.content.customComponent);
if (this.template.startTime) {
this.metric.startTime = new Date(this.template.startTime);
}
if (this.template.endTime) {
this.metric.endTime = new Date(this.template.endTime);
}
} }
this.initComponents(); this.initComponents();
}); });
@ -238,6 +244,12 @@
if (this.template.workspaceId) { if (this.template.workspaceId) {
param.workspaceId = localStorage.getItem(WORKSPACE_ID); param.workspaceId = localStorage.getItem(WORKSPACE_ID);
} }
if (this.metric.startTime) {
param.startTime = this.metric.startTime.getTime();
}
if (this.metric.endTime) {
param.endTime = this.metric.endTime.getTime();
}
} }
} }
} }

41
frontend/src/business/components/track/plan/view/comonents/TestCaseReportView.vue
View File

@ -19,6 +19,7 @@
</div> </div>
</el-col> </el-col>
<el-col :span="12" class="head-right"> <el-col :span="12" class="head-right">
<el-button plain size="mini" @click="handleSave">保存</el-button>
<el-button plain size="mini" @click="handleEdit">编辑组件</el-button> <el-button plain size="mini" @click="handleEdit">编辑组件</el-button>
</el-col> </el-col>
</el-row> </el-row>
@ -39,7 +40,7 @@
</template> </template>
<script> <script>
import {jsonToMap} from "../../../../../../common/js/utils"; import {jsonToMap, mapToJson} from "../../../../../../common/js/utils";
import BaseInfoComponent from "../../../../settings/workspace/components/TemplateComponent/BaseInfoComponent"; import BaseInfoComponent from "../../../../settings/workspace/components/TemplateComponent/BaseInfoComponent";
import TestResultChartComponent from "../../../../settings/workspace/components/TemplateComponent/TestResultChartComponent"; import TestResultChartComponent from "../../../../settings/workspace/components/TemplateComponent/TestResultChartComponent";
import TestResultComponent from "../../../../settings/workspace/components/TemplateComponent/TestResultComponent"; import TestResultComponent from "../../../../settings/workspace/components/TemplateComponent/TestResultComponent";
@ -117,11 +118,45 @@
handleEdit() { handleEdit() {
this.$refs.templateEdit.open(this.reportId, true); this.$refs.templateEdit.open(this.reportId, true);
}, },
handleSave() {
let param = {};
this.buildParam(param);
this.result = this.$post('/case/report/edit', param, () =>{
this.$success('保存成功');
});
},
buildParam(param) {
let content = {};
content.components = [];
this.previews.forEach(item => {
content.components.push(item.id);
if (!this.componentMap.get(item.id)) {
content.customComponent = new Map();
content.customComponent.set(item.id, {title: item.title, content: item.content})
}
});
param.name = this.report.name;
if (content.customComponent) {
content.customComponent = mapToJson(content.customComponent);
}
param.content = JSON.stringify(content);
param.id = this.report.id;
if (this.metric.startTime) {
param.startTime = this.metric.startTime.getTime();
}
if (this.metric.endTime) {
param.endTime = this.metric.endTime.getTime();
}
},
getMetric() { getMetric() {
this.result = this.$get('/case/report/get/metric/' + this.planId, response => { this.result = this.$get('/case/report/get/metric/' + this.planId, response => {
this.metric = response.data; this.metric = response.data;
this.metric.startTime = this.report.startTime; if (this.report.startTime) {
this.metric.endTime = this.report.endTime; this.metric.startTime = new Date(this.report.startTime);
}
if (this.report.endTime) {
this.metric.endTime = new Date(this.report.endTime);
}
}); });
} }
} }

3
frontend/src/i18n/en-US.js
View File

@ -129,6 +129,8 @@ export default {
'being_generated': 'Report is being generated...', 'being_generated': 'Report is being generated...',
}, },
load_test: { load_test: {
'operating':'Operating',
'pressure_prediction_chart':'Pressure Prediction Chart',
'recent': 'Recent Tests', 'recent': 'Recent Tests',
'search_by_name': 'Search by name', 'search_by_name': 'Search by name',
'project_name': 'Project', 'project_name': 'Project',
@ -181,6 +183,7 @@ export default {
'create': 'Create Test', 'create': 'Create Test',
'select_resource_pool': 'Please Select Resource Pool', 'select_resource_pool': 'Please Select Resource Pool',
'resource_pool_is_null': 'Resource Pool is empty', 'resource_pool_is_null': 'Resource Pool is empty',
'download_log_file': 'Download',
}, },
api_test: { api_test: {
'select_resource_pool': 'Please select resource pool' 'select_resource_pool': 'Please select resource pool'

3
frontend/src/i18n/zh-CN.js
View File

@ -131,6 +131,7 @@ export default {
'being_generated': '报告正在生成中...', 'being_generated': '报告正在生成中...',
}, },
load_test: { load_test: {
'operating':'操作',
'recent': '最近的测试', 'recent': '最近的测试',
'search_by_name': '根据名称搜索', 'search_by_name': '根据名称搜索',
'project_name': '所属项目', 'project_name': '所属项目',
@ -183,6 +184,8 @@ export default {
'create': '创建测试', 'create': '创建测试',
'select_resource_pool': '请选择资源池', 'select_resource_pool': '请选择资源池',
'resource_pool_is_null': '资源池为空', 'resource_pool_is_null': '资源池为空',
'download_log_file': '下载完整日志文件',
'pressure_prediction_chart':'压力预估图',
}, },
api_test: { api_test: {