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

删除不用的代码

This commit is contained in:
Captain.B 2020-05-09 15:28:58 +08:00
parent efec984b90
commit 1a685ab202
1 changed files with 145 additions and 176 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -3,166 +3,155 @@
<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-button icon="el-icon-circle-plus-outline" plain size="mini" @click="add('domains')">{{$t('commons.add')}}</el-button> <el-button icon="el-icon-circle-plus-outline" plain size="mini" @click="add('domains')">{{$t('commons.add')}}
</el-button>
</el-col> </el-col>
</el-row> </el-row>
<!-- --> <!-- -->
<el-row> <el-row>
<el-col :span="20"> <el-col :span="24">
<el-table :data="domains" size="mini" class="tb-edit" align="center" border highlight-current-row> <el-table :data="domains" size="mini" class="tb-edit" align="center" border highlight-current-row>
<el-table-column <el-table-column
align="center" 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}">
<el-input <el-input
size="mini" size="mini"
v-if="readOnly" v-if="readOnly"
type="textarea" type="textarea"
:rows="1" :rows="1"
class="edit-input" class="edit-input"
v-model="row.domain" v-model="row.domain"
:placeholder="$t('load_test.domain')" :placeholder="$t('load_test.domain')"
clearable> clearable>
</el-input> </el-input>
<span >{{row.domain}}</span> <span>{{row.domain}}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
align="center" 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}">
<el-switch <el-switch
:disabled="!row.edit" :disabled="!row.edit"
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)" @click="confirmEdit(row)"
> >
</el-switch> </el-switch>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
align="center" 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}">
<el-input <el-input
size="mini" size="mini"
v-if="readOnly" v-if="readOnly"
type="textarea" type="textarea"
class="edit-input" class="edit-input"
:rows="1" :rows="1"
v-model="row.ip" v-model="row.ip"
:placeholder="$t('load_test.ip')" :placeholder="$t('load_test.ip')"
clearable></el-input> clearable></el-input>
<span>{{row.ip}}</span> <span>{{row.ip}}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column align="center" :label="$t('load_test.operating')"> <el-table-column align="center" :label="$t('load_test.operating')">
<template v-slot:default="{row, $index}"> <template v-slot:default="{row, $index}">
<el-button <el-button
type="primary" type="danger"
icon="el-icon-plus" size="mini"
circle size="mini" icon="el-icon-delete"
@click="add('domains')"> circle
</el-button> @click="del(row, 'domains', $index)">
<el-button </el-button>
type="danger" </template>
size="mini" </el-table-column>
icon="el-icon-delete" </el-table>
circle
@click="del(row, 'domains', $index)">
</el-button>
</template>
</el-table-column>
</el-table>
</el-col> </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-button icon="el-icon-circle-plus-outline" plain size="mini" @click="add('params')">{{$t('commons.add')}}</el-button> <el-button icon="el-icon-circle-plus-outline" plain size="mini" @click="add('params')">{{$t('commons.add')}}
</el-button>
</el-col> </el-col>
</el-row> </el-row>
<!-- --> <!-- -->
<el-row> <el-row>
<el-col :span="20"> <el-col :span="24">
<el-table :data="params" size="mini" class="tb-edit" align="center" border highlight-current-row> <el-table :data="params" size="mini" class="tb-edit" align="center" border highlight-current-row>
<el-table-column <el-table-column
align="center" 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}">
<el-input <el-input
size="mini" size="mini"
v-if="readOnly" v-if="readOnly"
type="textarea" type="textarea"
:rows="1" :rows="1"
class="edit-input" class="edit-input"
v-model="row.name" v-model="row.name"
:placeholder="$t('load_test.param_name')" :placeholder="$t('load_test.param_name')"
clearable> clearable>
</el-input> </el-input>
<span >{{row.name}}</span> <span>{{row.name}}</span>
</template>
</el-table-column>
<el-table-column
align="center"
:label="$t('load_test.enable')"
show-overflow-tooltip>
<template v-slot:default="{row}">
<el-switch
:disabled="!row.edit"
size="mini"
v-model="row.enable"
active-color="#13ce66"
inactive-color="#ff4949">
</el-switch>
</template>
</el-table-column>
<el-table-column
:label="$t('load_test.param_value')"
show-overflow-tooltip align="center">
<template v-slot:default="{row}">
<!-- <template v-if="row.edit">
<el-input v-model="row.value" class="edit-input" size="mini"/>
</template> </template>
<span v-else>{{ row.value }}</span>--> </el-table-column>
<el-input <el-table-column
size="mini" align="center"
v-if="readOnly" :label="$t('load_test.enable')"
type="textarea" show-overflow-tooltip>
class="edit-input" <template v-slot:default="{row}">
:rows="1" <el-switch
v-model="row.value" :disabled="!row.edit"
:placeholder="$t('load_test.param_value')" size="mini"
clearable></el-input> v-model="row.enable"
<span>{{row.value}}</span> active-color="#13ce66"
</template> inactive-color="#ff4949">
</el-table-column> </el-switch>
<el-table-column align="center" :label="$t('load_test.operating')"> </template>
<template v-slot:default="{row, $index}"> </el-table-column>
<el-button <el-table-column
type="primary" :label="$t('load_test.param_value')"
size="mini" show-overflow-tooltip align="center">
icon="el-icon-plus" <template v-slot:default="{row}">
circle <!-- <template v-if="row.edit">
@click="add(row)"> <el-input v-model="row.value" class="edit-input" size="mini"/>
</el-button> </template>
<el-button <span v-else>{{ row.value }}</span>-->
type="danger" <el-input
size="mini" size="mini"
icon="el-icon-delete" v-if="readOnly"
circle type="textarea"
@click="del(row, 'params', $index)"> class="edit-input"
</el-button> :rows="1"
</template> v-model="row.value"
</el-table-column> :placeholder="$t('load_test.param_value')"
</el-table> clearable></el-input>
<span>{{row.value}}</span>
</template>
</el-table-column>
<el-table-column align="center" :label="$t('load_test.operating')">
<template v-slot:default="{row, $index}">
<el-button
type="danger"
size="mini"
icon="el-icon-delete"
circle
@click="del(row, 'params', $index)">
</el-button>
</template>
</el-table-column>
</el-table>
</el-col> </el-col>
</el-row> </el-row>
@ -233,21 +222,6 @@
} }
}, },
methods: { methods: {
revertObject(row) {
Object.keys(row).forEach(function (key) {
row[key] = row[key + 'Origin'];
});
},
saveOriginObject(row) {
Object.keys(row).forEach(function (key) {
row[key + 'Origin'] = row[key];
});
},
delOriginObject(row) {
Object.keys(row).forEach(function (key) {
delete row[key + 'Origin'];
});
},
getAdvancedConfig(testId) { getAdvancedConfig(testId) {
this.$get('/performance/get-advanced-config/' + testId, (response) => { this.$get('/performance/get-advanced-config/' + testId, (response) => {
if (response.data) { if (response.data) {
@ -257,7 +231,6 @@
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);*/
} }
@ -267,7 +240,7 @@
if (dataName === 'domains') { if (dataName === 'domains') {
this[dataName].push({ this[dataName].push({
domain: 'fit2cloud.com', domain: 'fit2cloud.com',
enable: false, enable: true,
ip: '127.0.0.1', ip: '127.0.0.1',
edit: true, edit: true,
}); });
@ -282,21 +255,14 @@
} }
}, },
edit(row) { edit(row) {
this.saveOriginObject(row);
row.edit = !row.edit row.edit = !row.edit
}, },
del(row, dataName, index) { del(row, dataName, index) {
this[dataName].splice(index, 1); this[dataName].splice(index, 1);
}, },
cancelEdit(row) {
row.edit = false;
// rollback changes
this.revertObject(row);
},
confirmEdit(row) { confirmEdit(row) {
row.edit = false; row.edit = false;
row.enable=true, row.enable = true;
this.saveOriginObject(row);
}, },
groupBy(data, key) { groupBy(data, key) {
return data.reduce((p, c) => { return data.reduce((p, c) => {
@ -343,8 +309,6 @@
this.params.forEach(d => d.edit = false); this.params.forEach(d => d.edit = false);
}, },
configurations() { configurations() {
this.domains.forEach(d => this.delOriginObject(d));
this.params.forEach(d => this.delOriginObject(d));
let statusCode = []; let statusCode = [];
if (this.statusCodeStr) { if (this.statusCodeStr) {
statusCode = this.statusCodeStr.split(','); statusCode = this.statusCodeStr.split(',');
@ -368,20 +332,25 @@
.edit-input { .edit-input {
padding-right: 0px; padding-right: 0px;
} }
.tb-edit .el-textarea { .tb-edit .el-textarea {
display: none; display: none;
} }
.tb-edit .current-row .el-textarea { .tb-edit .current-row .el-textarea {
display: block; display: block;
} }
.tb-edit .current-row .el-textarea+span {
.tb-edit .current-row .el-textarea + span {
display: none; display: none;
} }
.el-col{
.el-col {
text-align: left; text-align: left;
} }
.el-col .el-table{
align:center; .el-col .el-table {
align: center;
} }
</style> </style>