From eb31d01b9b8b99ed50cb0227ddefb8ec2d954782 Mon Sep 17 00:00:00 2001
From: chenjinsong <523037378@qq.com>
Date: Fri, 12 Mar 2021 16:21:43 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20explore=E7=9A=84expression=E5=A2=9E?=
 =?UTF-8?q?=E5=8A=A0=E5=A4=8D=E5=88=B6=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/page/dashboard/explore/explore.vue    | 12 +++++++++---
 .../page/dashboard/explore/promqlInput.vue           |  4 ++++
 2 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/nezha-fronted/src/components/page/dashboard/explore/explore.vue b/nezha-fronted/src/components/page/dashboard/explore/explore.vue
index da8c032e9..5d6e978c0 100644
--- a/nezha-fronted/src/components/page/dashboard/explore/explore.vue
+++ b/nezha-fronted/src/components/page/dashboard/explore/explore.vue
@@ -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);
diff --git a/nezha-fronted/src/components/page/dashboard/explore/promqlInput.vue b/nezha-fronted/src/components/page/dashboard/explore/promqlInput.vue
index f3940986b..0bc9f017d 100644
--- a/nezha-fronted/src/components/page/dashboard/explore/promqlInput.vue
+++ b/nezha-fronted/src/components/page/dashboard/explore/promqlInput.vue
@@ -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);
         },