From b97ee93a1b902fc515090a7374be12891a928d0e Mon Sep 17 00:00:00 2001
From: MSuMshk <2039814060@qq.com>
Date: Thu, 26 Feb 2026 13:19:15 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20=E6=89=B9=E9=87=8F=E5=B7=A5?=
 =?UTF-8?q?=E5=85=B7=E9=A1=B5=E6=94=B9=E4=B8=BA=E5=A4=8D=E7=94=A8=E5=85=AC?=
 =?UTF-8?q?=E5=85=B1=E9=97=A8=E5=BA=97=E5=B7=A5=E5=85=B7=E6=A0=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../product/batch/components/BatchToolbar.vue | 43 -------------------
 .../src/views/product/batch/index.vue         | 12 ++++--
 .../views/product/batch/styles/layout.less    | 25 +----------
 .../product/batch/styles/responsive.less      |  6 ---
 4 files changed, 10 insertions(+), 76 deletions(-)
 delete mode 100644 apps/web-antd/src/views/product/batch/components/BatchToolbar.vue

diff --git a/apps/web-antd/src/views/product/batch/components/BatchToolbar.vue b/apps/web-antd/src/views/product/batch/components/BatchToolbar.vue
deleted file mode 100644
index 746fe05..0000000
--- a/apps/web-antd/src/views/product/batch/components/BatchToolbar.vue
+++ /dev/null
@@ -1,43 +0,0 @@
-<script setup lang="ts">
-import { Select } from 'ant-design-vue';
-
-interface Props {
-  isStoreLoading: boolean;
-  selectedStoreId: string;
-  storeOptions: Array<{ label: string; value: string }>;
-}
-
-interface Emits {
-  (event: 'update:selectedStoreId', value: string): void;
-}
-
-const props = defineProps<Props>();
-const emit = defineEmits<Emits>();
-
-function setStore(value: unknown) {
-  if (typeof value === 'string' || typeof value === 'number') {
-    emit('update:selectedStoreId', String(value));
-    return;
-  }
-
-  emit('update:selectedStoreId', '');
-}
-</script>
-
-<template>
-  <div class="pbt-toolbar">
-    <div class="pbt-toolbar-main">
-      <span class="pbt-toolbar-label">门店</span>
-      <Select
-        class="pbt-toolbar-store"
-        :value="props.selectedStoreId"
-        :options="props.storeOptions"
-        :loading="props.isStoreLoading"
-        placeholder="请选择门店"
-        @update:value="setStore"
-      />
-    </div>
-    <div class="pbt-toolbar-tip">选择门店后，工具仅作用于当前门店商品</div>
-  </div>
-</template>
-
diff --git a/apps/web-antd/src/views/product/batch/index.vue b/apps/web-antd/src/views/product/batch/index.vue
index c903d9f..2d78c24 100644
--- a/apps/web-antd/src/views/product/batch/index.vue
+++ b/apps/web-antd/src/views/product/batch/index.vue
@@ -8,7 +8,7 @@ import BatchMoveCategoryPanel from './components/BatchMoveCategoryPanel.vue';
 import BatchPriceAdjustPanel from './components/BatchPriceAdjustPanel.vue';
 import BatchSaleSwitchPanel from './components/BatchSaleSwitchPanel.vue';
 import BatchStoreSyncPanel from './components/BatchStoreSyncPanel.vue';
-import BatchToolbar from './components/BatchToolbar.vue';
+import StoreScopeToolbar from '../../shared/components/StoreScopeToolbar.vue';
 import BatchToolCards from './components/BatchToolCards.vue';
 import { useProductBatchPage } from './composables/useProductBatchPage';
 
@@ -124,12 +124,18 @@ function updateExportCategoryIds(value: string[]) {
 <template>
   <Page title="批量工具" content-class="page-product-batch">
     <div class="pbt-page">
-      <BatchToolbar
+      <StoreScopeToolbar
+        class="pbt-toolbar-card"
         :selected-store-id="selectedStoreId"
         :store-options="storeOptions"
         :is-store-loading="isStoreLoading"
+        :show-copy-button="false"
         @update:selected-store-id="setSelectedStoreId"
-      />
+      >
+        <template #actions>
+          <div class="pbt-toolbar-tip">选择门店后，工具仅作用于当前门店商品</div>
+        </template>
+      </StoreScopeToolbar>
 
       <div v-if="isStoreLoading && !selectedStoreId" class="pbt-empty-wrap">
         <Spin tip="门店加载中..." />
diff --git a/apps/web-antd/src/views/product/batch/styles/layout.less b/apps/web-antd/src/views/product/batch/styles/layout.less
index e4b85b0..0f189a2 100644
--- a/apps/web-antd/src/views/product/batch/styles/layout.less
+++ b/apps/web-antd/src/views/product/batch/styles/layout.less
@@ -6,33 +6,10 @@
     max-width: 1120px;
   }
 
-  .pbt-toolbar {
-    display: flex;
-    flex-wrap: wrap;
-    gap: 12px;
-    align-items: center;
-    justify-content: space-between;
-    padding: 12px 16px;
-    background: #fff;
-    border-radius: 10px;
+  .pbt-toolbar-card {
     box-shadow: var(--pbt-shadow-sm);
   }
 
-  .pbt-toolbar-main {
-    display: flex;
-    gap: 10px;
-    align-items: center;
-  }
-
-  .pbt-toolbar-label {
-    font-size: 13px;
-    color: #4b5563;
-  }
-
-  .pbt-toolbar-store {
-    width: 240px;
-  }
-
   .pbt-toolbar-tip {
     font-size: 13px;
     color: #9ca3af;
diff --git a/apps/web-antd/src/views/product/batch/styles/responsive.less b/apps/web-antd/src/views/product/batch/styles/responsive.less
index daed81d..72b90c0 100644
--- a/apps/web-antd/src/views/product/batch/styles/responsive.less
+++ b/apps/web-antd/src/views/product/batch/styles/responsive.less
@@ -8,12 +8,6 @@
       grid-template-columns: 1fr;
     }
 
-    .pbt-toolbar {
-      align-items: flex-start;
-    }
-
-    .pbt-toolbar-main,
-    .pbt-toolbar-store,
     .pbt-toolbar-tip {
       width: 100%;
     }