feat(oa/erp): 添加项目采购明细导出功能

src/views/oa/erp/projectPurchase/edit.vue

@@ -12,6 +12,10 @@
       :mode="false"
     />
 
+    <div v-if="form.projectPurchaseId" class="flex justify-end mb-4">
+      <el-button type="warning" icon="Download" @click="handleExportSingle">导出采购明细</el-button>
+    </div>
+
     <el-card shadow="never" class="mb-4">
       <el-form ref="projectPurchaseFormRef" :model="form" :rules="rules" label-width="120px" :disabled="isReadOnly">
         <el-row :gutter="20">
@@ -137,7 +141,7 @@
         <el-table-column label="备注" prop="remark" min-width="160" show-overflow-tooltip align="center" />
         <el-table-column label="操作" fixed="right" width="150" align="center" v-if="canEditMaterial">
           <template #default="scope">
-<!--            <el-button link type="warning" @click="splitMaterial(scope.row)">拆分</el-button>-->
+            <!--            <el-button link type="warning" @click="splitMaterial(scope.row)">拆分</el-button>-->
             <el-button link type="primary" @click="handleEditMaterial(scope.row)">编辑</el-button>
             <el-button link type="danger" @click="handleDeleteMaterial(scope.row)">删除</el-button>
           </template>
@@ -220,11 +224,7 @@
             <el-form-item label="采购物料编码" prop="materialCode">
               <el-input v-model="materialForm.materialCode" placeholder="请选择采购标准物料" readonly>
                 <template #suffix>
-                  <el-icon
-                    style="cursor: pointer"
-                    :disabled="!canEditMaterial"
-                    @click="openMaterialSelect"
-                  >
+                  <el-icon style="cursor: pointer" :disabled="!canEditMaterial" @click="openMaterialSelect">
                     <Search />
                   </el-icon>
                 </template>
@@ -255,13 +255,7 @@
           </el-col>
           <el-col :span="12">
             <el-form-item label="需采购数量" prop="needPurchaseAmount">
-              <el-input-number
-                v-model="materialForm.needPurchaseAmount"
-                :min="0"
-                class="w-full"
-                placeholder="请输入数量"
-                :precision="2"
-              />
+              <el-input-number v-model="materialForm.needPurchaseAmount" :min="0" class="w-full" placeholder="请输入数量" :precision="2" />
             </el-form-item>
           </el-col>
           <el-col :span="12">
@@ -796,6 +790,14 @@ const projectInfoSelectCallBack = (data: ProjectInfoVO[]) => {
   }
 };
 
+const handleExportSingle = () => {
+  proxy?.download(
+    `oa/erp/projectPurchase/exportSingle/${form.value.projectPurchaseId}`,
+    {},
+    `projectPurchase_${form.value.projectCode}_${new Date().getTime()}.xlsx`
+  );
+};
+
 // 初始化调用
 const loadSelectOptions = () => {
   getUserList();

src/views/oa/erp/projectPurchase/index.vue

@@ -37,10 +37,14 @@
             <el-button type="primary" plain icon="Plus" @click="handleAdd" v-hasPermi="['oa/erp:projectPurchase:add']">新增</el-button>
           </el-col>
           <el-col :span="1.5">
-            <el-button type="success" plain icon="Edit" :disabled="single" @click="handleUpdate()" v-hasPermi="['oa/erp:projectPurchase:edit']">修改</el-button>
+            <el-button type="success" plain icon="Edit" :disabled="single" @click="handleUpdate()" v-hasPermi="['oa/erp:projectPurchase:edit']"
+              >修改</el-button
+            >
           </el-col>
           <el-col :span="1.5">
-            <el-button type="danger" plain icon="Delete" :disabled="multiple" @click="handleDelete()" v-hasPermi="['oa/erp:projectPurchase:remove']">删除</el-button>
+            <el-button type="danger" plain icon="Delete" :disabled="multiple" @click="handleDelete()" v-hasPermi="['oa/erp:projectPurchase:remove']"
+              >删除</el-button
+            >
           </el-col>
           <el-col :span="1.5">
             <el-button type="warning" plain icon="Download" @click="handleExport" v-hasPermi="['oa/erp:projectPurchase:export']">导出</el-button>
@@ -95,9 +99,18 @@
             <el-tooltip v-if="canEdit(scope.row)" content="修改" placement="top">
               <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['oa/erp:projectPurchase:edit']"></el-button>
             </el-tooltip>
-<!--            <el-tooltip content="删除" placement="top">-->
-<!--              <el-button link type="danger" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['oa/erp:projectPurchase:remove']"></el-button>-->
-<!--            </el-tooltip>-->
+            <el-tooltip content="导出采购明细" placement="top">
+              <el-button
+                link
+                type="warning"
+                icon="Download"
+                @click="handleExportSingle(scope.row)"
+                v-hasPermi="['oa/erp:projectPurchase:export']"
+              ></el-button>
+            </el-tooltip>
+            <!--            <el-tooltip content="删除" placement="top">-->
+            <!--              <el-button link type="danger" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['oa/erp:projectPurchase:remove']"></el-button>-->
+            <!--            </el-tooltip>-->
           </template>
         </el-table-column>
       </el-table>
@@ -263,6 +276,14 @@ const handleExport = () => {
   );
 };
 
+const handleExportSingle = (row: ProjectPurchaseVO) => {
+  proxy?.download(
+    `oa/erp/projectPurchase/exportSingle/${row.projectPurchaseId}`,
+    {},
+    `projectPurchase_${row.projectCode}_${new Date().getTime()}.xlsx`
+  );
+};
+
 onMounted(() => {
   getList();
 });