From 631fa0db4e8b486c316c24e16e7c191798c7c2b3 Mon Sep 17 00:00:00 2001
From: kuaifan <aipaw@live.cn>
Date: Tue, 23 Sep 2025 16:41:07 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=B7=BB=E5=8A=A0=E6=95=B0=E6=8D=AE?=
 =?UTF-8?q?=E5=AF=BC=E5=87=BA=E5=8A=9F=E8=83=BD=E5=8F=8A=E7=9B=B8=E5=85=B3?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 在管理页面中新增数据导出功能，支持导出任务、超期任务、审批数据和签到数据
- 更新应用页面，添加导出管理的弹出菜单
- 新增导出相关的 SVG 图标
- 优化样式以提升用户体验
---
 resources/assets/js/pages/manage.vue          | 19 +++++++++
 .../assets/js/pages/manage/application.vue    | 36 ++++++++++++++++-
 resources/assets/sass/pages/page-apply.scss   | 37 +++++++++++++++--
 .../public/images/application/export.svg      | 40 +++++++++++++++++++
 .../public/images/application/favorite.svg    |  4 ++
 5 files changed, 131 insertions(+), 5 deletions(-)
 create mode 100644 resources/assets/statics/public/images/application/export.svg
 create mode 100644 resources/assets/statics/public/images/application/favorite.svg

diff --git a/resources/assets/js/pages/manage.vue b/resources/assets/js/pages/manage.vue
index cf815c37d..8c61bc1a8 100644
--- a/resources/assets/js/pages/manage.vue
+++ b/resources/assets/js/pages/manage.vue
@@ -526,6 +526,7 @@ export default {
         emitter.on('approveDetails', this.openApproveDetails);
         emitter.on('openReport', this.openReport);
         emitter.on('openFavorite', this.openFavorite);
+        emitter.on('openManageExport', this.openManageExport);
         //
         document.addEventListener('keydown', this.shortcutEvent);
     },
@@ -544,6 +545,7 @@ export default {
         emitter.off('approveDetails', this.openApproveDetails);
         emitter.off('openReport', this.openReport);
         emitter.off('openFavorite', this.openFavorite);
+        emitter.off('openManageExport', this.openManageExport);
         //
         document.removeEventListener('keydown', this.shortcutEvent);
     },
@@ -1317,6 +1319,23 @@ export default {
             this.favoriteShow = true;
         },
 
+        openManageExport(type) {
+            switch (type) {
+                case 'task':
+                    this.exportTaskShow = true;
+                    break;
+                case 'overdue':
+                    this.exportOverdueTask();
+                    break;
+                case 'approve':
+                    this.exportApproveShow = true;
+                    break;
+                case 'checkin':
+                    this.exportCheckinShow = true;
+                    break;
+            }
+        },
+
         handleLongpress(event) {
             const {type, data, element} = this.longpressData;
             this.$store.commit("longpress/clear")
diff --git a/resources/assets/js/pages/manage/application.vue b/resources/assets/js/pages/manage/application.vue
index 3a0c67dd4..d87cc6ef6 100644
--- a/resources/assets/js/pages/manage/application.vue
+++ b/resources/assets/js/pages/manage/application.vue
@@ -23,7 +23,7 @@
                             :xl="{ span: 6 }"
                             :xxl="{ span: 3 }">
                             <div class="apply-col">
-                                <div @click="applyClick({value: 'microApp'}, item)">
+                                <div class="apply-item" @click="applyClick({value: 'microApp'}, item)">
                                     <div class="logo">
                                         <div class="apply-icon no-dark-content" :style="{backgroundImage: `url(${item.icon})`}"></div>
                                     </div>
@@ -41,7 +41,28 @@
                             :xl="{ span: 6 }"
                             :xxl="{ span: 3 }">
                             <div class="apply-col">
-                                <div @click="applyClick(item)">
+                                <template v-if="item.value === 'exportManage'">
+                                    <EPopover
+                                        v-model="exportPopoverShow"
+                                        trigger="click"
+                                        placement="bottom"
+                                        popperClass="apply-export-popover"
+                                        :transfer="true">
+                                        <div slot="reference" class="apply-item">
+                                            <div class="logo">
+                                                <div class="apply-icon no-dark-content" :class="getLogoClass(item.value)"></div>
+                                            </div>
+                                            <p>{{ $L(item.label) }}</p>
+                                        </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>
+                                </template>
+                                <div v-else class="apply-item" @click="applyClick(item)">
                                     <div class="logo">
                                         <div class="apply-icon no-dark-content" :class="getLogoClass(item.value)"></div>
                                         <div @click.stop="applyClick(item, 'badge')" class="apply-box-top-report">
@@ -361,6 +382,8 @@ export default {
             //
             appPushShow: false,
             //
+            exportPopoverShow: false,
+            //
             scanLoginShow: false,
             scanLoginLoad: false,
             scanLoginCode: '',
@@ -392,6 +415,7 @@ export default {
         applyList() {
             const list = [
                 {value: "approve", label: "审批中心", sort: 30, show: this.microAppsIds.includes('approve')},
+                {value: "favorite", label: "我的收藏", sort: 45},
                 {value: "report", label: "工作报告", sort: 50},
                 {value: "mybot", label: "我的机器人", sort: 55},
                 {value: "robot", label: "AI 机器人", sort: 60, show: this.microAppsIds.includes('ai')},
@@ -419,6 +443,7 @@ export default {
                     {type: 'admin', value: "mail", label: "邮件通知", sort: 170},
                     {type: 'admin', value: "appPush", label: "APP 推送", sort: 180},
                     {type: 'admin', value: "complaint", label: "举报管理", sort: 190},
+                    {type: 'admin', value: "exportManage", label: "数据导出", sort: 195},
                     {type: 'admin', value: "allUser", label: "团队管理", sort: 200},
                 ])
             }
@@ -457,6 +482,9 @@ export default {
                 case 'report':
                     emitter.emit('openReport', params == 'badge' ? 'receive' : 'my');
                     break;
+                case 'favorite':
+                    emitter.emit('openFavorite');
+                    break;
                 case 'mybot':
                     this.getMybot();
                     this.mybotShow = true;
@@ -506,6 +534,10 @@ export default {
             }
             this.$emit("on-click", item.value, params);
         },
+        handleExport(type) {
+            this.exportPopoverShow = false;
+            emitter.emit('openManageExport', type);
+        },
         // 获取我的机器人
         getMybot() {
             this.mybotLoad++
diff --git a/resources/assets/sass/pages/page-apply.scss b/resources/assets/sass/pages/page-apply.scss
index 717ed9b76..891597a15 100644
--- a/resources/assets/sass/pages/page-apply.scss
+++ b/resources/assets/sass/pages/page-apply.scss
@@ -49,7 +49,7 @@
             .apply-col {
                 margin-bottom: 16px;
 
-                > div {
+                .apply-item {
                     font-size: 14px;
                     font-weight: normal;
                     background: #FFFFFF;
@@ -63,7 +63,7 @@
                     position: relative;
                     border: 1px solid #f1f1f1;
 
-                    > .logo {
+                    .logo {
                         width: 40px;
                         height: 40px;
                         display: inline-block;
@@ -102,7 +102,7 @@
                 .apply-col {
                     margin-bottom: 6px;
 
-                    > div {
+                    .apply-item {
                         display: block;
                         text-align: center;
                         padding: 12px 0;
@@ -204,6 +204,14 @@
         background-image: url("../images/application/mybot.svg");
     }
 
+    &.favorite {
+        background-image: url("../images/application/favorite.svg");
+    }
+
+    &.export-manage {
+        background-image: url("../images/application/export.svg");
+    }
+
     &.robot {
         background-image: url("../images/application/robot.svg");
     }
@@ -233,6 +241,29 @@
     }
 }
 
+.apply-export-popover {
+    padding: 4px 0 !important;
+
+    .apply-export-menu {
+        list-style: none;
+        padding: 0;
+        margin: 0;
+        min-width: 160px;
+
+        > li {
+            padding: 8px 16px;
+            cursor: pointer;
+            font-size: 14px;
+            color: #333;
+            white-space: nowrap;
+
+            &:hover {
+                background: #f5f5f5;
+            }
+        }
+    }
+}
+
 .ivu-modal-wrap-apply {
     position: relative;
     overflow: auto;
diff --git a/resources/assets/statics/public/images/application/export.svg b/resources/assets/statics/public/images/application/export.svg
new file mode 100644
index 000000000..733ccc5a9
--- /dev/null
+++ b/resources/assets/statics/public/images/application/export.svg
@@ -0,0 +1,40 @@
+<svg
+    t="1758615909894"
+    class="icon"
+    viewBox="0 0 1024 1024"
+    version="1.1"
+    xmlns="http://www.w3.org/2000/svg"
+    p-id="46324"
+    width="1024"
+    height="1024"
+>
+    <path
+        d="M0 0m256 0l512 0q256 0 256 256l0 512q0 256-256 256l-512 0q-256 0-256-256l0-512q0-256 256-256Z"
+        fill="#2F80ED"
+        p-id="46325"
+        data-spm-anchor-id="a313x.search_index.0.i9.662f3a81WMCCXl"
+    />
+    <path
+        d="M797.866667 0l12.8 29.866667A605.866667 605.866667 0 0 1 853.333333 256a605.866667 605.866667 0 0 1-42.666666 226.133333 588.8 588.8 0 0 1-132.266667 196.266667 588.8 588.8 0 0 1-196.266667 132.266667A605.866667 605.866667 0 0 1 256 853.333333a605.866667 605.866667 0 0 1-226.133333-42.666666l-29.866667-12.8V256a256 256 0 0 1 256-256h541.866667z"
+        fill="#2F80ED"
+        p-id="46326"
+        data-spm-anchor-id="a313x.search_index.0.i6.662f3a81WMCCXl"
+    />
+    <path
+        d="M1024 388.266667V768a256 256 0 0 1-256 256H341.333333v-42.666667a605.866667 605.866667 0 0 1 42.666667-226.133333 618.666667 618.666667 0 0 1 328.533333-328.533333A605.866667 605.866667 0 0 1 938.666667 384z"
+        fill="#2F80ED"
+        p-id="46327"
+        data-spm-anchor-id="a313x.search_index.0.i10.662f3a81WMCCXl"
+    />
+    <path
+        d="M358.4 844.8a708.266667 708.266667 0 0 1 25.6-89.6 618.666667 618.666667 0 0 1 328.533333-328.533333l123.733334-34.133334a708.266667 708.266667 0 0 1-25.6 89.6 588.8 588.8 0 0 1-132.266667 196.266667 588.8 588.8 0 0 1-196.266667 132.266667z"
+        fill="#2F80ED"
+        p-id="46328"
+        data-spm-anchor-id="a313x.search_index.0.i12.662f3a81WMCCXl"
+    />
+    <path
+        d="M290.133333 738.133333h443.733334a38.4 38.4 0 0 1 34.133333 38.4 38.4 38.4 0 0 1-34.133333 34.133334H290.133333a38.4 38.4 0 0 1-34.133333-34.133334 38.4 38.4 0 0 1 34.133333-38.4z m149.333334-110.933333v-170.666667H256L512 213.333333l256 243.2h-183.466667v170.666667a42.666667 42.666667 0 0 1-42.666666 42.666667h-59.733334a42.666667 42.666667 0 0 1-42.666666-42.666667z"
+        fill="#FFFFFF"
+        p-id="46329"
+    />
+</svg>
\ No newline at end of file
diff --git a/resources/assets/statics/public/images/application/favorite.svg b/resources/assets/statics/public/images/application/favorite.svg
new file mode 100644
index 000000000..ca8f630f8
--- /dev/null
+++ b/resources/assets/statics/public/images/application/favorite.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 48 48">
+  <rect width="48" height="48" rx="12" fill="#F6C04C"/>
+  <path fill="#FFFFFF" d="M24 13.6c.6 0 1.15.33 1.43.86l3.04 5.7 6.21.93c.6.09 1.09.5 1.27 1.06.18.56.03 1.19-.39 1.61l-4.5 4.47 1.07 6.3c.1.6-.14 1.2-.63 1.56-.49.37-1.14.42-1.69.13L24 32.17l-5.71 3c-.55.29-1.2.24-1.69-.13-.49-.36-.73-.96-.63-1.56l1.07-6.3-4.5-4.47c-.42-.42-.57-1.05-.39-1.61.18-.56.67-.97 1.27-1.06l6.21-.93 3.04-5.7c.28-.53.83-.86 1.43-.86Z"/>
+</svg>