From ed72bdc2b81762bebacf4cb509e58c6fecd642d9 Mon Sep 17 00:00:00 2001
From: aoshiguchen <1052045476@qq.com>
Date: Sun, 28 Aug 2022 16:49:35 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9EButtonPopover=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/Button/buttonPopover.vue   | 61 +++++++++++++++++++
 1 file changed, 61 insertions(+)
 create mode 100644 neutrino-proxy-admin/src/components/Button/buttonPopover.vue

diff --git a/neutrino-proxy-admin/src/components/Button/buttonPopover.vue b/neutrino-proxy-admin/src/components/Button/buttonPopover.vue
new file mode 100644
index 00000000..b6dc2810
--- /dev/null
+++ b/neutrino-proxy-admin/src/components/Button/buttonPopover.vue
@@ -0,0 +1,61 @@
+<template>
+  <el-popover
+    placement="top"
+    :width="width"
+    v-model="visible">
+    <p>{{title}}</p>
+    <div style="text-align: right; margin: 0">
+      <el-button size="mini" type="text" @click="handleCancelClick">{{cancelText}}</el-button>
+      <el-button type="primary" size="mini" @click="handleCommitClick">{{okText}}</el-button>
+    </div>
+    <el-button slot="reference">{{buttonText}}</el-button>
+  </el-popover>
+</template>
+
+<script>
+
+export default {
+  name: 'deleteButton',
+  props: {
+    width: {
+      type: Number,
+      default: 160
+    },
+    visible: {
+      type: Boolean,
+      default: false
+    },
+    buttonText: {
+      type: String,
+      default: '删除'
+    },
+    title: {
+      type: String,
+      default: '确定删除吗？'
+    },
+    okText: {
+      type: String,
+      default: '确定'
+    },
+    cancelText: {
+      type: String,
+      default: '取消'
+    }
+  },
+  data() {
+    return {
+
+    }
+  },
+  methods: {
+    handleCancelClick() {
+      this.visible = false
+      this.$emit('handleCancelClick')
+    },
+    handleCommitClick() {
+      this.visible = false
+      this.$emit('handleCommitClick')
+    }
+  }
+}
+</script>