feat: explore的expression增加复制功能

This commit is contained in:
chenjinsong
2021-03-12 16:21:43 +08:00
parent e20a2b3fca
commit eb31d01b9b
2 changed files with 13 additions and 3 deletions

View File

@@ -26,9 +26,10 @@
:expression-list="expressions"
:index="index-1"
:styleType="1"
:plugins="['metric-selector', 'metric-input', 'add', 'remove']"
:plugins="['metric-selector', 'metric-input', 'add', 'remove', 'copy']"
@change="expressionChange"
@addExpression="addExpression"
@copyExpression="copyExpression"
@removeExpression="removeExpression"
></promql-input>
<!--
@@ -543,12 +544,17 @@ instance_cpu_time_ns{app="fox", proc="widget", rev="4d3a513", env="prod", job="c
}
}
},
addExpression: function (index) {
addExpression(index) {
this.expressions.splice(index + 1, 0, '');
this.promqlKeys.splice(index + 1, 0, getUUID());
this.promqlCount++;
},
removeExpression: function (index) {
copyExpression(index) {
this.expressions.push(this.expressions[index]);
this.promqlKeys.push(getUUID());
this.promqlCount++;
},
removeExpression(index) {
if (this.promqlCount > 1) {
this.expressions.splice(index, 1);
this.promqlKeys.splice(index, 1);

View File

@@ -45,6 +45,7 @@
<div v-if="styleType == 1" style="margin-left: 10px">
<div class="query-options nz-btn-group nz-btn-group-size-normal nz-btn-group-light">
<div class="option nz-btn nz-btn-size-normal nz-btn-style-light" @click="addExpression" v-if="plugins.indexOf('add') > -1"><i class="nz-icon nz-icon-plus"></i></div>
<div @click="copyExpression" class="option nz-btn nz-btn-size-normal nz-btn-style-light" v-if="plugins.indexOf('copy') > -1"><i class="nz-icon nz-icon-override"></i></div>
<div class="option nz-btn nz-btn-size-normal nz-btn-style-light" @click="removeExpression" v-if="plugins.indexOf('remove') > -1"><i class="nz-icon nz-icon-minus"></i></div>
</div>
</div>
@@ -104,6 +105,9 @@
addExpression:function(){
this.$emit('addExpression',this.index);
},
copyExpression() {
this.$emit('copyExpression',this.index);
},
removeExpression:function(){
this.$emit('removeExpression',this.index);
},