From a6f6cd8bff98773a27484dedff74c8a92ac3b221 Mon Sep 17 00:00:00 2001
From: dkp <daikunping@xiaotiai.com>
Date: Wed, 18 Jun 2025 17:59:54 +0800
Subject: [PATCH] =?UTF-8?q?refactor(components):=20=E5=B0=86=E5=AE=A2?=
 =?UTF-8?q?=E6=88=B7=E8=81=94=E7=B3=BB=E4=BA=8C=E7=BB=B4=E7=A0=81=E6=A8=A1?=
 =?UTF-8?q?=E6=80=81=E6=A1=86=E6=8A=BD=E7=A6=BB=E4=B8=BA=E7=8B=AC=E7=AB=8B?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 从 product.vue 中移除模态框代码
- 新建 customer-service-modal.vue 组件
- 在 product.vue 中引入并使用新的 CustomerServiceModal 组件
---
 src/components/customer-service-modal.vue         | 15 +++++++++++++++
 .../components/workplace/modules/product.vue      | 11 +++--------
 2 files changed, 18 insertions(+), 8 deletions(-)
 create mode 100644 src/components/customer-service-modal.vue

diff --git a/src/components/customer-service-modal.vue b/src/components/customer-service-modal.vue
new file mode 100644
index 0000000..1ce6743
--- /dev/null
+++ b/src/components/customer-service-modal.vue
@@ -0,0 +1,15 @@
+<template>
+  <a-modal v-bind="$attrs" >
+    <template #title>
+      扫描下面二维码联系客户
+    </template>
+    <div class="text-center">
+      <img width="200" src="@/assets/customer-service.svg" alt="" />
+    </div>
+  </a-modal>
+</template>
+<script setup lang="ts">
+
+</script>
+<style lang="less">
+</style>
diff --git a/src/views/components/workplace/modules/product.vue b/src/views/components/workplace/modules/product.vue
index c9b0115..4123de3 100644
--- a/src/views/components/workplace/modules/product.vue
+++ b/src/views/components/workplace/modules/product.vue
@@ -65,14 +65,7 @@
         </a-button>
       </a-popconfirm>
     </div>
-    <a-modal v-model:visible="visible">
-      <template #title>
-        扫描下面二维码联系客户
-      </template>
-      <div class="text-center">
-        <img width="200" src="@/assets/customer-service.svg" alt="" />
-      </div>
-    </a-modal>
+    <CustomerServiceModal v-model:visible="visible" />
   </div>
 </template>
 
@@ -80,6 +73,8 @@
 import { now } from '@vueuse/core';
 import { trialProduct } from '@/api/all';
 import { useRouter } from 'vue-router';
+import CustomerServiceModal from '@/components/customer-service-modal.vue';
+
 const props = defineProps<{
   product: Product;
 }>();