添加礼薄详情导出PDF功能

src/views/main/giftBookDetails/index.vue

@@ -63,6 +63,9 @@
           <el-col :span="1.5">
             <el-button type="warning" plain icon="Download" @click="handleExport" v-hasPermi="['main:giftBookDetails:export']">导出 </el-button>
           </el-col>
+          <el-col :span="1.5">
+            <el-button type="warning" plain icon="Download" @click="handleExportWrod" v-hasPermi="['main:giftBookDetails:export']">导出PDF </el-button>
+          </el-col>
           <el-col :span="1.5">
             <el-button type="warning" plain icon="Download" @click="handleImport" v-hasPermi="['main:giftBookDetails:import']">导入 </el-button>
           </el-col>
@@ -120,6 +123,7 @@
             v-model="form.year"
             type="year"
             placeholder="请选择年份"
+            value-format="YYYY"
           />
         </el-form-item>
         <el-form-item label="类型" prop="eventType">
@@ -373,6 +377,17 @@ const handleExport = () => {
     `礼薄明细_${new Date().getTime()}.xlsx`
   );
 };
+
+/** 导出按钮操作 */
+const handleExportWrod = () => {
+  proxy?.download(
+    'main/giftBookDetails/exportPDF',
+    {
+      ...queryParams.value
+    },
+    `礼薄明细_${new Date().getTime()}.pdf`
+  );
+};
 /** 查询礼薄列表 */
 const getGiftBookList = async () => {
   const res = await listGiftBook({ querypageNum: -1 });