Merge branch 'cc-dev' into 'dev'

任务管理添加导出按钮

See merge request product-group-fe/sfy-safety-group/sfy-safety!74

src/views/disaster/disaster-precaution/src/components/ViewTaskItem.vue

@@ -6,6 +6,14 @@
     <p class="title">
       被检查自查单位：<span class="content">{{ deptName }}</span>
     </p>
+    <div class="export-file" @click="handleExportTaksTable" v-if="taskState === TASK_STAGE.COMPLETED">
+      <el-button type="primary">
+        <template #icon>
+          <img :src="ExportIcon" />
+        </template>
+        导出预防检查任务单
+      </el-button>
+    </div>
     <div class="info-container">
       <TemplateTableMerge
         :operation-type="operateType"
@@ -20,11 +28,13 @@
 <script setup lang="ts">
   import { useRoute } from 'vue-router';
   import { ref, onMounted } from 'vue';
+  import { ElMessage } from 'element-plus';
   import TemplateTableMerge from './TemplateTableMerge.vue';
   import type { SpanTableData } from '@/views/disaster/disaster-precaution/src/type';
   import type { TemplateDetailResponse, ContentItem } from '@/types/disaster-precaution';
   import { getTaskExecutionDetail, getTaskTemplateDetail } from '@/api/disaster-precaution';
   import { TASK_STAGE } from '../constants/task-execution';
+  import ExportIcon from 'assets/svg/export.svg';
 
   const route = useRoute();
   const id = Number(route.query.id);
@@ -59,6 +69,9 @@
       getTaskExecutionDetailList_Template();
     }
   };
+  const handleExportTaksTable = () => {
+    ElMessage.warning('导出功能后端正在开发中，暂时无法下载');
+  };
   onMounted(() => {
     getTaskExecutionDetailList();
   });
@@ -77,4 +90,12 @@
   .content {
     color: rgba($text-color, 0.65);
   }
+  .disaster-precaution {
+    position: relative;
+  }
+  .export-file {
+    position: absolute;
+    right: 0;
+    top: 0;
+  }
 </style>