From c857a3164d512c91a26be42ce34c8033945ec089 Mon Sep 17 00:00:00 2001
From: zhuoqinglian <1035449612@qq.com>
Date: Fri, 12 Jun 2026 11:49:22 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=AE=8C=E6=88=90=E6=8C=89=E9=92=AE?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6=E6=8A=BD=E7=A6=BB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/CustomButton.vue           | 85 +++++++++++++++++++
 1 file changed, 85 insertions(+)
 create mode 100644 main/manager-web/src/components/CustomButton.vue

diff --git a/main/manager-web/src/components/CustomButton.vue b/main/manager-web/src/components/CustomButton.vue
new file mode 100644
index 00000000..3dffa35a
--- /dev/null
+++ b/main/manager-web/src/components/CustomButton.vue
@@ -0,0 +1,85 @@
+<template>
+  <el-button
+    :class="['custom-button', `custom-button--${type}`]"
+    v-bind="$attrs"
+    @click="$emit('click', $event)"
+  >
+    <slot />
+  </el-button>
+</template>
+
+<script>
+export default {
+  name: 'CustomButton',
+  props: {
+    type: {
+      type: String,
+      default: 'default',
+      validator: (val) => ['default', 'confirm'].includes(val)
+    }
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+.custom-button--default {
+  background: transparent;
+  color: #8099fc;
+  border: 1px solid #adbdff;
+  border-radius: 6px;
+  transition: all 0.3s ease;
+
+  &.el-button--small {
+    font-size: 14px;
+  }
+
+  &:hover {
+    background: #f1f2ff;
+    color: #8099fc;
+    border-color: #adbdff;
+    box-shadow: 0 2px 8px rgba(128, 153, 252, 0.3);
+    transform: translateY(-1px);
+  }
+
+  &.is-disabled,
+  &.is-disabled:hover {
+    background: transparent;
+    color: #c0c4cc;
+    border-color: #e4e7ed;
+    box-shadow: none;
+    transform: none;
+    cursor: not-allowed;
+  }
+}
+
+.custom-button--confirm {
+  width: fit-content;
+  background: linear-gradient(to right, #4a7cfd, #8154fc);
+  color: white;
+  border: none;
+  border-radius: 10px;
+  transition: all 0.3s ease;
+
+  &.el-button--small {
+    font-size: 14px;
+  }
+
+  &:hover {
+    background: linear-gradient(to right, #6b8cff, #9a7cff);
+    color: white;
+    border-color: transparent;
+    box-shadow: 0 2px 8px rgba(74, 124, 253, 0.3);
+    transform: translateY(-1px);
+  }
+
+  &.is-disabled,
+  &.is-disabled:hover {
+    background: linear-gradient(to right, #a0b4fd, #b8a4fd);
+    color: rgba(255, 255, 255, 0.6);
+    border-color: transparent;
+    box-shadow: none;
+    transform: none;
+    cursor: not-allowed;
+  }
+}
+</style>