Merge remote-tracking branch 'origin/develop' into develop

src/api/project/project.ts

@@ -20,6 +20,8 @@ enum Api {
   annexAdd = '/pro/annex/add',
   deleteAnnex = '/pro/annex/del',
   changeRecord = '/pro/project/select/changeRecord',
+  downloadTemplat = '/pro/export/getImportProject',
+  importDetails = '/pro/export/importProjectDetail',
 }
 export const getListByPage = (params?: ProjectParams) =>
   defHttp.post<ProjectListGetResultModel>({ url: Api.GetList, data: params });
@@ -43,7 +45,7 @@ export const getAnnexList = (params?: any) =>
   defHttp.get<AnnexListItem>({ url: Api.annexList, params });
 
 export const getProjectAnnexList = (params?: any) =>
-    defHttp.get<AnnexListItem>({ url: Api.projectAnnexList, params });
+  defHttp.get<AnnexListItem>({ url: Api.projectAnnexList, params });
 
 export const AnnexAdd = (params?: any) =>
   defHttp.post<AnnexListItem>({
@@ -58,3 +60,16 @@ export const deleteAnnex = (params?: any) =>
 
 export const changeRecord = (params?: any) =>
   defHttp.post<ProjectModel>({ url: Api.changeRecord, params });
+
+export const downImportT = (params?: any) =>
+  defHttp.get<any>(
+    {
+      url: Api.downloadTemplat,
+      data: params,
+      headers: {
+        'Content-Type': 'application/form-data;charset=UTF-8',
+      },
+      responseType: 'blob',
+    },
+    { errorMessageMode: 'none', isTransformResponse: false },
+  );

src/views/project/index.vue

@@ -52,6 +52,8 @@
     <BasicTable @register="registerTable">
       <template #toolbar>
         <a-button type="primary" preIcon="mdi:plus" @click="handleCreate"> 新增项目 </a-button>
+        <a-button type="primary" @click="downloadTemplate"> 下载模板 </a-button>
+        <a-button type="primary" @click="exportProjectData"> 导入数据 </a-button>
       </template>
       <template #bodyCell="{ column, record }">
         <template v-if="column.key === 'projectName'">
@@ -89,19 +91,23 @@
       </template>
     </BasicTable>
     <projectDrawer @register="registerDrawer" @success="handleSuccess" />
+    <uploadModal @register="registerModal"/>
   </div>
 </template>
 <script lang="ts" setup>
   import { Tag } from 'ant-design-vue';
   import { BasicTable, useTable, TableAction } from '@/components/Table';
-  import { getListByPage, deleteItem, getProjectCount } from '@/api/project/project';
+  import { getListByPage, deleteItem, getProjectCount,downImportT } from '@/api/project/project';
   import { columns, searchFormSchema } from './project.data';
   import { Row, Col } from 'ant-design-vue';
   import projectDrawer from './projectDrawer.vue';
   import { useDrawer } from '@/components/Drawer';
+  import {useModal} from "@/components/Modal";
   import { useRouter } from 'vue-router';
   const { push } = useRouter();
   import { onMounted, ref } from 'vue';
+  import {downloadByData} from "@/utils/file/download";
+  const [registerModal, { openModal: openModal }] = useModal();
   const countData = ref({});
   const [registerDrawer, { openDrawer }] = useDrawer();
   const prefixCls = 'list-basic';
@@ -125,6 +131,18 @@
     },
   });
 
+  function downloadTemplate(){
+      downImportT().then((data) =>{
+        downloadByData( data,"项目库导入模板.xlsx");
+      })
+  }
+
+  function exportProjectData(){
+   openModal(true)
+  }
+  function handleChange(file){
+    console.log('112',file)
+  }
   function handleCreate() {
     openDrawer(true, {
       isUpdate: false,
@@ -164,6 +182,7 @@
     console.log(res);
     countData.value = res;
   });
+
 </script>
 <style lang="less" scoped>
   .list-basic {