From 3dd02fa547b3b415963d0dbf428d6cd2773c4c6d Mon Sep 17 00:00:00 2001
From: CUI Yifan <cuiyifan2002@126.com>
Date: Tue, 26 Nov 2024 17:43:32 +0800
Subject: [PATCH] 2024/11/26 finish download function for all Project Pages

---
 .../controller/SysWorkItemController.java     |  2 +-
 frontend/src/api/project/defect.js            |  5 +--
 frontend/src/api/project/item.js              |  5 +--
 frontend/src/api/project/iteration.js         | 11 +++++++
 frontend/src/api/project/member.js            |  5 +--
 frontend/src/api/project/requirements.js      |  9 ++---
 frontend/src/api/project/tasks.js             | 10 ++++++
 .../project/downloadReport/downloadReport.vue |  2 +-
 .../src/views/project/project/defects.vue     | 32 ++++++++++++++----
 frontend/src/views/project/project/detail.vue |  3 +-
 .../src/views/project/project/iterations.vue  | 22 ++++++++++---
 .../src/views/project/project/my-project.vue  | 22 ++++++-------
 .../src/views/project/project/releases.vue    | 22 +++++++++++--
 .../views/project/project/requirements.vue    | 22 ++++++++++---
 .../src/views/project/project/resources.vue   | 33 ++++++++++++++++---
 frontend/src/views/project/project/tasks.vue  | 24 +++++++++++---
 16 files changed, 178 insertions(+), 51 deletions(-)

diff --git a/backend/ruoyi-admin/src/main/java/com/ruoyi/item/controller/SysWorkItemController.java b/backend/ruoyi-admin/src/main/java/com/ruoyi/item/controller/SysWorkItemController.java
index 6160a2d..1584661 100644
--- a/backend/ruoyi-admin/src/main/java/com/ruoyi/item/controller/SysWorkItemController.java
+++ b/backend/ruoyi-admin/src/main/java/com/ruoyi/item/controller/SysWorkItemController.java
@@ -65,7 +65,7 @@ public TableDataInfo list(SysWorkItem sysWorkItem) {
     @ApiOperation("导出工作项")
     @Log(title = "工作项", businessType = BusinessType.EXPORT)
     @PostMapping("/export")
-    public void export(HttpServletResponse response, SysWorkItem sysWorkItem) {
+    public void export(HttpServletResponse response, @RequestBody SysWorkItem sysWorkItem) {
         List<SysWorkItem> list = sysWorkItemService.selectSysWorkItemList(sysWorkItem);
         ExcelUtil<SysWorkItem> util = new ExcelUtil<SysWorkItem>(SysWorkItem.class);
         util.exportExcel(response, list, "工作项数据");
diff --git a/frontend/src/api/project/defect.js b/frontend/src/api/project/defect.js
index d08a9c9..fdc1684 100644
--- a/frontend/src/api/project/defect.js
+++ b/frontend/src/api/project/defect.js
@@ -47,7 +47,8 @@ export function delDefect(defectIds) {
 export function exportDefect(query) {
     return request({
         url: '/dev-api/project/defect/export',
-        method: 'get',
-        params: query
+        method: 'post',
+        data: query,
+        responseType: "blob"
     })
 }
\ No newline at end of file
diff --git a/frontend/src/api/project/item.js b/frontend/src/api/project/item.js
index 4733efd..f01f16a 100644
--- a/frontend/src/api/project/item.js
+++ b/frontend/src/api/project/item.js
@@ -47,7 +47,8 @@ export function delItem(workItemIds) {
 export function exportItem(query) {
     return request({
         url: '/dev-api/project/item/export',
-        method: 'get',
-        params: query
+        method: 'post',
+        data: query,
+        responseType: 'blob'
     })
 }
\ No newline at end of file
diff --git a/frontend/src/api/project/iteration.js b/frontend/src/api/project/iteration.js
index 0a074bf..e3fcd1f 100644
--- a/frontend/src/api/project/iteration.js
+++ b/frontend/src/api/project/iteration.js
@@ -41,4 +41,15 @@ export function deleteIteration(iterationId) {
         url: '/dev-api/project/iteration/' + iterationId,
         method: 'delete'
     })
+}
+
+
+// 导出迭代列表
+export function exportIteration(query) {
+    return request({
+        url: `/dev-api/project/iteration/export`,
+        method: 'post',
+        data: query,
+        responseType: 'blob' ,
+    })
 }
\ No newline at end of file
diff --git a/frontend/src/api/project/member.js b/frontend/src/api/project/member.js
index 8bc684d..bc45a3a 100644
--- a/frontend/src/api/project/member.js
+++ b/frontend/src/api/project/member.js
@@ -47,7 +47,8 @@ export function delProjectMember(projectMemberIds) {
 export function exportProjectMember(query) {
     return request({
         url: '/dev-api/project/member/export',
-        method: 'get',
-        params: query
+        method: 'post',
+        data: query,
+        responseType: "blob"
     })
 }
\ No newline at end of file
diff --git a/frontend/src/api/project/requirements.js b/frontend/src/api/project/requirements.js
index 8962376..7ce6a35 100644
--- a/frontend/src/api/project/requirements.js
+++ b/frontend/src/api/project/requirements.js
@@ -44,10 +44,11 @@ export function delRequirement(requirementId) {
 }
 
 // 导出需求列表
-export function exportRequirement(projectId, query) {
+export function exportRequirement(query) {
     return request({
-        url: `/dev-api/project/${projectId}/requirement/export`,
-        method: 'get',
-        params: query
+        url: `/dev-api/project/requirement/export`,
+        method: 'post',
+        data: query,
+        responseType: 'blob' ,
     })
 }
\ No newline at end of file
diff --git a/frontend/src/api/project/tasks.js b/frontend/src/api/project/tasks.js
index 0aca0cb..a286339 100644
--- a/frontend/src/api/project/tasks.js
+++ b/frontend/src/api/project/tasks.js
@@ -41,4 +41,14 @@ export function delTask(taskId) {
         url: '/dev-api/project/task/' + taskId,
         method: 'delete'
     })
+}
+
+// 导出缺陷
+export function exportTask(query) {
+    return request({
+        url: '/dev-api/project/task/export',
+        method: 'post',
+        data: query,
+        responseType: "blob"
+    })
 }
\ No newline at end of file
diff --git a/frontend/src/views/project/downloadReport/downloadReport.vue b/frontend/src/views/project/downloadReport/downloadReport.vue
index 8556cad..881b0a0 100644
--- a/frontend/src/views/project/downloadReport/downloadReport.vue
+++ b/frontend/src/views/project/downloadReport/downloadReport.vue
@@ -46,7 +46,7 @@ const downloadProject = async (row) => {
   const href = window.URL.createObjectURL(blob)
   const link = document.createElement('a')
   link.href = href
-  link.download = `project_${row.projectName}.xlsx`
+  link.download = `project_list.xlsx`
   link.click()
 }
 
diff --git a/frontend/src/views/project/project/defects.vue b/frontend/src/views/project/project/defects.vue
index 574e7d2..307c696 100644
--- a/frontend/src/views/project/project/defects.vue
+++ b/frontend/src/views/project/project/defects.vue
@@ -1,11 +1,17 @@
 <template>
   <el-card class="r-cards">
-    <template #header><div class="card-header">
-      <div class="header-left"><span class="title">Defects List</span><el-tag class="count-tag" type="info">total {{ total }} defectId</el-tag>
+    <template #header>
+      <div class="card-header">
+        <div class="header-left">
+          <span class="title">Defects List</span>
+          <el-tag class="count-tag" type="info">total {{ total }} entries</el-tag>
+        </div>
+        <div class="addR">
+          <el-button type="primary" :icon="Plus" @click="addReq">New</el-button>
+          <el-button type="primary" :icon="Download" @click="downloadDefectList()">Download</el-button>
+        </div>
       </div>
-      <div class="addR">
-        <el-button type="primary" :icon="Plus" @click="addReq"></el-button>
-      </div></div></template>
+    </template>
 
     <div class="search"><el-form :inline="true" :model="Params" class="sF"><el-form-item label="">
       <el-input v-model="Params.title" placeholder="" clearable style="width: 200px"/>
@@ -154,7 +160,7 @@ import { ElMessage, ElMessageBox } from "element-plus"
 import useUserStore from "@/store/modules/user.js"
 import { getUser } from "@/api/system/user.js"
 
-import {addDefect, delDefect, getDefect, listDefect, updateDefect} from "@/api/project/defect.js";
+import {addDefect, delDefect, exportDefect, getDefect, listDefect, updateDefect} from "@/api/project/defect.js";
 const userStore = useUserStore()
 const route = useRoute()
 const projectId = route.params.id
@@ -363,9 +369,23 @@ const rule1 = {
   title: [
     { required: true, message: 'title', trigger: 'blur' }
   ]
+}
 
+// 下载项目缺陷列表
+const downloadDefectList = async () => {
+  const query = {
+    projectId: projectId
+  }
+  const res = await exportDefect(query)
+  const blob = new Blob([res], { type: 'application/vnd.ms-excel' })
+  const href = window.URL.createObjectURL(blob)
+  const link = document.createElement('a')
+  link.href = href
+  link.download = `project_defect_list.xlsx`
+  link.click()
 }
 
+
 </script>
 
 <style scoped>
diff --git a/frontend/src/views/project/project/detail.vue b/frontend/src/views/project/project/detail.vue
index 0b4e130..d81c197 100644
--- a/frontend/src/views/project/project/detail.vue
+++ b/frontend/src/views/project/project/detail.vue
@@ -2,8 +2,7 @@
   <div class="project-detail-container">
 
     <div class="top-navbar">
-      <el-menu :default-active="setC" class="project-menu" mode="horizontal" @select="doTrans"
-      >
+      <el-menu :default-active="setC" class="project-menu" mode="horizontal" @select="doTrans">
         <el-menu-item index="overview">
           <el-icon><DataBoard /></el-icon>
           <span>Overview</span>
diff --git a/frontend/src/views/project/project/iterations.vue b/frontend/src/views/project/project/iterations.vue
index be0df32..40eeb0f 100644
--- a/frontend/src/views/project/project/iterations.vue
+++ b/frontend/src/views/project/project/iterations.vue
@@ -1,10 +1,10 @@
 <template>
   <div class="app-container">
     <div class="mb-20">
-      <el-button type="primary" @click="doDiga">Add Iteration</el-button>
+      <el-button type="primary" :icon="Plus" @click="doDiga">Add Iteration</el-button>
+      <el-button type="primary" :icon="Download" @click="downloadIterationList()" class="download-button">Download</el-button>
     </div>
 
-
     <el-table :data="list" v-loading="loading" border>
       <el-table-column label="Iteration Name" prop="name" />
       <el-table-column label="Start Date" prop="startDate" />
@@ -81,10 +81,10 @@
 import { ref, onMounted, watch } from 'vue'
 import { useRoute } from 'vue-router'
 import {ElMessage, ElMessageBox} from 'element-plus'
-import { listIteration, addIteration, updateIteration } from '@/api/project/iteration'
+import {listIteration, addIteration, updateIteration, exportIteration} from '@/api/project/iteration'
 import { listItem } from '@/api/project/item'
 import * as echarts from 'echarts'
-import {Delete, Edit, TrendCharts} from "@element-plus/icons-vue";
+import {Delete, Download, Edit, Plus, TrendCharts} from "@element-plus/icons-vue";
 import {delDefect} from "@/api/project/defect.js";
 import {listRole} from "@/api/system/role.js";
 
@@ -338,6 +338,20 @@ const rF1 = () => {
   }
 }
 
+// 下载项目迭代列表
+const downloadIterationList = async () => {
+  const query = {
+    projectId: projectId
+  }
+  const res = await exportIteration(query)
+  const blob = new Blob([res], { type: 'application/vnd.ms-excel' })
+  const href = window.URL.createObjectURL(blob)
+  const link = document.createElement('a')
+  link.href = href
+  link.download = `project_iteration_list.xlsx`
+  link.click()
+}
+
 onMounted(() => {
   getList()
   checkRoles()
diff --git a/frontend/src/views/project/project/my-project.vue b/frontend/src/views/project/project/my-project.vue
index 6149160..852db92 100644
--- a/frontend/src/views/project/project/my-project.vue
+++ b/frontend/src/views/project/project/my-project.vue
@@ -444,17 +444,6 @@ const getList = async () => {
     projectList.value = allProject.rows
 }
 
-// 下载项目列表
-const downloadProjectList = async () => {
-  const query = {}
-  const res = await exportMyProjectList(query)
-  const blob = new Blob([res], { type: 'application/vnd.ms-excel' })
-  const href = window.URL.createObjectURL(blob)
-  const link = document.createElement('a')
-  link.href = href
-  link.download = `project_list.xlsx`
-  link.click()
-}
 
 const subF = async () => {
   if (!formRef.value) return
@@ -526,6 +515,17 @@ const doDelete = async (row) => {
     await getList() // 刷新列表
 }
 
+// 下载项目列表
+const downloadProjectList = async () => {
+  const query = {}
+  const res = await exportMyProjectList(query)
+  const blob = new Blob([res], { type: 'application/vnd.ms-excel' })
+  const href = window.URL.createObjectURL(blob)
+  const link = document.createElement('a')
+  link.href = href
+  link.download = `my_project_list.xlsx`
+  link.click()
+}
 
 onMounted(() => {
   getList()
diff --git a/frontend/src/views/project/project/releases.vue b/frontend/src/views/project/project/releases.vue
index 82f0491..fe358a2 100644
--- a/frontend/src/views/project/project/releases.vue
+++ b/frontend/src/views/project/project/releases.vue
@@ -3,7 +3,8 @@
     <el-card class="box-card">
       <template #header>
         <div class="card-header">
-          <el-button type="primary" @click="doAdd">Add Task</el-button>
+          <el-button type="primary" :icon="Plus" @click="doAdd">Add Task</el-button>
+          <el-button type="primary" :icon="Download" @click="downloadTaskList">Download</el-button>
         </div>
       </template>
 
@@ -114,10 +115,10 @@
 
 <script setup>
 import { ref, reactive, onMounted } from 'vue'
-import { listTask, getTask, addTask, updateTask, delTask } from '@/api/project/tasks'
+import {listTask, getTask, addTask, updateTask, delTask, exportTask} from '@/api/project/tasks'
 import { useRoute } from 'vue-router'
 import { ElMessage, ElMessageBox } from 'element-plus'
-import {Delete, Edit} from "@element-plus/icons-vue";
+import {Delete, Download, Edit, Plus} from "@element-plus/icons-vue";
 
 const route = useRoute()
 const taskFormRef = ref(null)
@@ -128,6 +129,7 @@ const treeD = ref([])
 const buttonVis = ref(false)
 const butTit = ref('')
 const booladmin = ref(false)
+const projectId = route.params.id
 const queryParams = reactive({
   projectId: route.params.id
 })
@@ -241,6 +243,20 @@ const del = async (row) => {
   getList()
 }
 
+// 下载项目任务列表
+const downloadTaskList = async () => {
+  const query = {
+    projectId: projectId
+  }
+  const res = await exportTask(query)
+  const blob = new Blob([res], { type: 'application/vnd.ms-excel' })
+  const href = window.URL.createObjectURL(blob)
+  const link = document.createElement('a')
+  link.href = href
+  link.download = `project_task_list.xlsx`
+  link.click()
+}
+
 // 页面加载时获取列表
 onMounted(() => {
   getList()
diff --git a/frontend/src/views/project/project/requirements.vue b/frontend/src/views/project/project/requirements.vue
index 6ab0717..9a48508 100644
--- a/frontend/src/views/project/project/requirements.vue
+++ b/frontend/src/views/project/project/requirements.vue
@@ -8,8 +8,8 @@
         </div>
         <div class="addR">
           <el-button type="primary" :icon="Plus" @click="addReq">New</el-button>
-          <el-button type="primary" @click="showGantt">Gantt Chart</el-button>
-          <el-button type="primary" :icon="Download" @click="downloadReq(row)">Download</el-button>
+          <el-button type="success" :icon="TrendCharts" @click="showGantt">Gantt Chart</el-button>
+          <el-button type="primary" :icon="Download" @click="downloadRequirementList()">Download</el-button>
         </div>
       </div>
     </template>
@@ -179,13 +179,13 @@
 
 <script setup>
 import {ref, onMounted, onUnmounted, watch, nextTick} from 'vue'
-import {Search, Refresh, Plus, Download, Edit, Delete} from '@element-plus/icons-vue'
+import {Search, Refresh, Plus, Download, Edit, Delete, TrendCharts} from '@element-plus/icons-vue'
 import 'dhtmlx-gantt/codebase/dhtmlxgantt.css'
 import 'dhtmlx-gantt/codebase/dhtmlxgantt.js'
 import {useRoute} from "vue-router"
 import {
   addRequirement,
-  delRequirement,
+  delRequirement, exportRequirement,
   getRequirementDetail,
   listRequirement,
   updateRequirement
@@ -492,6 +492,20 @@ watch(ganttButten, (newVal) => {
   }
 })
 
+// 下载项目列表
+const downloadRequirementList = async () => {
+  const query = {
+    projectId: projectId
+  }
+  const res = await exportRequirement(query)
+  const blob = new Blob([res], { type: 'application/vnd.ms-excel' })
+  const href = window.URL.createObjectURL(blob)
+  const link = document.createElement('a')
+  link.href = href
+  link.download = `project_requirement_list.xlsx`
+  link.click()
+}
+
 onUnmounted(() => {
   if (gantt) {
     gantt.clearAll()
diff --git a/frontend/src/views/project/project/resources.vue b/frontend/src/views/project/project/resources.vue
index 65d6029..4f0c823 100644
--- a/frontend/src/views/project/project/resources.vue
+++ b/frontend/src/views/project/project/resources.vue
@@ -1,9 +1,12 @@
 <template>
   <div class="app-container">
     <el-card class="box-card">
-      <div class="mb-2">
-        <el-button type="primary" @click="doADD">ADD</el-button>
-      </div>
+      <template #header>
+        <div class="card-header">
+          <el-button type="primary" :icon="Plus" @click="doAdd">Add Member</el-button>
+          <el-button type="primary" :icon="Download" @click="downloadMemberList">Download</el-button>
+        </div>
+      </template>
       <el-table v-loading="loading" :data="members">
 <!--        <el-table-column label="Member ID" align="center" prop="projectMemberId"/>-->
         <el-table-column label="User" align="center" prop="userName"/>
@@ -83,8 +86,14 @@ const loading = ref(false)
 const members = ref([])
 const buttenVis = ref(false)
 const usersss = ref([])
-import {listProjectMember, addProjectMember, updateProjectMember, delProjectMember} from '@/api/project/member'
-import {Delete, Edit} from "@element-plus/icons-vue";
+import {
+  listProjectMember,
+  addProjectMember,
+  updateProjectMember,
+  delProjectMember,
+  exportProjectMember
+} from '@/api/project/member'
+import {Delete, Download, Edit, Plus} from "@element-plus/icons-vue";
 import {listRole} from "@/api/system/role.js";
 const booladmin = ref(false)
 const form = reactive({
@@ -183,6 +192,20 @@ const editMember = (row) => {
   buttenVis.value = true
 }
 
+// 下载项目任务列表
+const downloadMemberList = async () => {
+  const query = {
+    projectId: projectId
+  }
+  const res = await exportProjectMember(query)
+  const blob = new Blob([res], { type: 'application/vnd.ms-excel' })
+  const href = window.URL.createObjectURL(blob)
+  const link = document.createElement('a')
+  link.href = href
+  link.download = `project_task_list.xlsx`
+  link.click()
+}
+
 onMounted(() => {
   getList()
   checkRoles()
diff --git a/frontend/src/views/project/project/tasks.vue b/frontend/src/views/project/project/tasks.vue
index 9705a64..9654509 100644
--- a/frontend/src/views/project/project/tasks.vue
+++ b/frontend/src/views/project/project/tasks.vue
@@ -1,8 +1,9 @@
 <template>
   <div>
     <el-card>
-      <div class="toolbar">
-        <el-button type="primary" @click="doAdd">Create Work Item</el-button>
+      <div class="toolbar" style="margin-bottom: 20px;">
+        <el-button type="primary" :icon="Plus" @click="doAdd">Create Work Item</el-button>
+        <el-button type="primary" :icon="Download" @click="downloadItemList()">Download</el-button>
       </div>
 
       <el-table :data="list" v-loading="loading">
@@ -120,7 +121,7 @@
 <script setup>
 import {ref, onMounted} from 'vue'
 import {useRoute} from 'vue-router'
-import {listItem, addItem, updateItem, delItem} from '@/api/project/item'
+import {listItem, addItem, updateItem, delItem, exportItem} from '@/api/project/item'
 import {listProjectMember} from '@/api/project/member'
 import {listRequirement} from '@/api/project/requirements'
 import {listIteration} from '@/api/project/iteration'
@@ -128,7 +129,7 @@ import {addNotice} from "@/api/notice/noticeapi.js";
 import { listRole } from '@/api/system/role.js'
 import { gantt } from 'dhtmlx-gantt'
 import 'dhtmlx-gantt/codebase/dhtmlxgantt.css'
-import {Delete, Edit} from "@element-plus/icons-vue";
+import {Delete, Download, Edit, Plus} from "@element-plus/icons-vue";
 import {delTask} from "@/api/project/tasks.js";
 import {ElMessageBox} from "element-plus";
 const booladmin=ref(false)
@@ -260,6 +261,21 @@ async function doADD2() {
 }
 
 
+// 下载项目迭代列表
+const downloadItemList = async () => {
+  const query = {
+    projectId: projectId
+  }
+  const res = await exportItem(query)
+  const blob = new Blob([res], { type: 'application/vnd.ms-excel' })
+  const href = window.URL.createObjectURL(blob)
+  const link = document.createElement('a')
+  link.href = href
+  link.download = `project_workItem_list.xlsx`
+  link.click()
+}
+
+
 onMounted(() => {
   getAllProjectData()
   checkRoles()