From e10e2c27c15ac52a7333142ba16b1b73b442e001 Mon Sep 17 00:00:00 2001
From: kuaifan <aipaw@live.cn>
Date: Mon, 10 Nov 2025 07:59:52 +0000
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=BC=98=E5=8C=96=E5=AF=BC=E5=87=BA?=
 =?UTF-8?q?=E8=8F=9C=E5=8D=95=E4=BA=A4=E4=BA=92?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../assets/js/pages/manage/application.vue    | 55 ++++++++++++-------
 1 file changed, 34 insertions(+), 21 deletions(-)

diff --git a/resources/assets/js/pages/manage/application.vue b/resources/assets/js/pages/manage/application.vue
index 5c23e6a8c..a186d5c0c 100644
--- a/resources/assets/js/pages/manage/application.vue
+++ b/resources/assets/js/pages/manage/application.vue
@@ -75,25 +75,15 @@
                                     </template>
                                     <template v-else>
                                         <template v-if="card.system.value === 'exportManage' && !sortingMode">
-                                            <EPopover
-                                                v-model="exportPopoverShow"
-                                                trigger="click"
-                                                placement="bottom"
-                                                popperClass="apply-export-popover"
-                                                :transfer="true">
-                                                <div slot="reference" class="apply-item" :class="{'is-sorting': sortingMode}">
-                                                    <div class="logo">
-                                                        <div class="apply-icon no-dark-content" :class="getLogoClass(card.system.value)"></div>
-                                                    </div>
-                                                    <p>{{ $L(card.system.label) }}</p>
+                                            <div
+                                                class="apply-item"
+                                                :class="{'is-sorting': sortingMode}"
+                                                @click="openExportMenu">
+                                                <div class="logo">
+                                                    <div class="apply-icon no-dark-content" :class="getLogoClass(card.system.value)"></div>
                                                 </div>
-                                                <ul class="apply-export-menu">
-                                                    <li @click="handleExport('task')">{{ $L('导出任务统计') }}</li>
-                                                    <li @click="handleExport('overdue')">{{ $L('导出超期任务') }}</li>
-                                                    <li @click="handleExport('approve')">{{ $L('导出审批数据') }}</li>
-                                                    <li @click="handleExport('checkin')">{{ $L('导出签到数据') }}</li>
-                                                </ul>
-                                            </EPopover>
+                                                <p>{{ $L(card.system.label) }}</p>
+                                            </div>
                                         </template>
                                         <div
                                             v-else
@@ -387,8 +377,6 @@ export default {
             //
             appPushShow: false,
             //
-            exportPopoverShow: false,
-            //
             scanLoginShow: false,
             scanLoginLoad: false,
             scanLoginCode: '',
@@ -741,6 +729,32 @@ export default {
             }
             this.applyClick(card.system, params);
         },
+        openExportMenu({currentTarget: target} = {}) {
+            if (this.sortingMode) {
+                return;
+            }
+            if (target && typeof target.stopPropagation === 'function') {
+                target.stopPropagation();
+            }
+            const reference = target && target.target ? target.target : target;
+            const menuEvent = target && target.target ? target : (reference ? {target: reference} : target);
+            const list = [
+                {label: this.$L('导出任务统计'), value: 'task'},
+                {label: this.$L('导出超期任务'), value: 'overdue'},
+                {label: this.$L('导出审批数据'), value: 'approve'},
+                {label: this.$L('导出签到数据'), value: 'checkin'},
+            ];
+            this.$store.commit('menu/operation', {
+                event: menuEvent,
+                list,
+                size: 'large',
+                onUpdate: (type) => {
+                    if (type) {
+                        this.handleExport(type);
+                    }
+                }
+            });
+        },
         normalizeWebhookEvents(events = [], useFallback = false) {
             if (!Array.isArray(events)) {
                 events = events ? [events] : [];
@@ -847,7 +861,6 @@ export default {
             this.$emit("on-click", item.value, params);
         },
         handleExport(type) {
-            this.exportPopoverShow = false;
             emitter.emit('openManageExport', type);
         },
         // 获取我的机器人