修改

src/api/training/index.ts

@@ -75,3 +75,11 @@ export const trainingMembers = (params: any): AxiosPromise => {
         params
     });
 };
+// 按搜索结果导出参会人员
+export const exportTrainingMembers = (params: any): AxiosPromise => {
+    return downloadFile({
+        url: `/dgtmedicine/trainingSignup/download`,
+        method: 'get',
+        params
+    });
+};

src/views/training/meeting-detail/index.vue

@@ -14,8 +14,10 @@
                 <div class="pd-16 ov-hd">
                     <el-descriptions :column="4">
                         <el-descriptions-item label="会议名称:">{{ form?.trainingName || '-' }}</el-descriptions-item>
-                        <el-descriptions-item label="培训时间:">{{ form?.trainingStart }}~{{ form?.trainingEnd }}</el-descriptions-item>
-                        <el-descriptions-item label="培训方式:">{{ selectDictLabel(dm_training_join_type, form?.joinType) || '-' }}</el-descriptions-item>
+                        <el-descriptions-item label="培训时间:">{{ form?.trainingStart }}~{{ form?.trainingEnd
+                            }}</el-descriptions-item>
+                        <el-descriptions-item label="培训方式:">{{ selectDictLabel(dm_training_join_type, form?.joinType) ||
+                            '-' }}</el-descriptions-item>
                         <el-descriptions-item label="培训地点:">{{ form?.trainingLocation || '-' }}</el-descriptions-item>
                         <el-descriptions-item label="联系人:">{{ form?.contactName || '-' }}</el-descriptions-item>
                         <el-descriptions-item label="联系电话:">{{ form?.tel || '-' }}</el-descriptions-item>
@@ -75,25 +77,32 @@
                     <div class="d-flex mb-16">
                         <div class="info-title ">
                             <span>参会人员信息</span>
-                            <span class="f-s-14 c-666">(报名:{{ form?.joinCount }}人 | 签到:{{ form?.signCount }}人 | 领取证书:{{ form?.certCount }}人)</span>
+                            <span class="f-s-14 c-666">(报名:{{ form?.joinCount }}人 | 签到:{{ form?.signCount }}人 | 领取证书:{{
+                                form?.certCount
+                                }}人)</span>
                         </div>
                     </div>
                     <div>
                         <el-form :model="queryParams" ref="queryFormRef" :inline="true" label-width="auto">
                             <el-form-item label="姓名：" prop="name">
-                                <el-input v-model="queryParams.name" placeholder="请输入姓名" clearable style="width: 180px" />
+                                <el-input v-model="queryParams.name" placeholder="请输入姓名" clearable
+                                    style="width: 180px" />
                             </el-form-item>
                             <el-form-item label="企业名称：" prop="company">
-                                <el-input v-model="queryParams.company" placeholder="请输入企业名称" clearable style="width: 180px" />
+                                <el-input v-model="queryParams.company" placeholder="请输入企业名称" clearable
+                                    style="width: 180px" />
                             </el-form-item>
                             <el-form-item label="参会状态：" prop="signupStatus">
-                                <el-select v-model="queryParams.signupStatus" placeholder="请选择参会状态" clearable style="width: 180px">
-                                    <el-option v-for="item in dm_training_signup_status_list" :key="item.value" :label="item.label" :value="item.value" />
+                                <el-select v-model="queryParams.signupStatus" placeholder="请选择参会状态" clearable
+                                    style="width: 180px">
+                                    <el-option v-for="item in dm_training_signup_status_list" :key="item.value"
+                                        :label="item.label" :value="item.value" />
                                 </el-select>
                             </el-form-item>
                             <el-form-item>
                                 <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
                                 <el-button icon="Refresh" @click="resetQuery">重置</el-button>
+                                <el-button icon="Download" @click="exportSearch">按搜索结果导出</el-button>
                             </el-form-item>
                         </el-form>
                     </div>
@@ -105,14 +114,17 @@
                         <vxe-column title="职务" field="position" min-width="100" :formatter="colNoData" />
                         <vxe-column title="联系方式" field="contact" min-width="100" :formatter="colNoData" />
                         <vxe-column title="备注" field="remark" min-width="100" :formatter="colNoData" />
-                        <vxe-column title="报名时间" align="center" field="createTime" min-width="100" :formatter="colNoData" />
+                        <vxe-column title="报名时间" align="center" field="createTime" min-width="100"
+                            :formatter="colNoData" />
                         <vxe-column title="参会状态" min-width="100" fixed="right">
                             <template #default="{ row }">
-                                <DictTag :options="dm_training_signup_status_list" :value="row?.signupStatusForPc"></DictTag>
+                                <DictTag :options="dm_training_signup_status_list" :value="row?.signupStatusForPc">
+                                </DictTag>
                             </template>
                         </vxe-column>
                     </vxe-table>
-                    <pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize" @pagination="getList" />
+                    <pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum"
+                        v-model:limit="queryParams.pageSize" @pagination="getList" />
                 </div>
             </div>
         </div>
@@ -123,7 +135,7 @@
 import { ref, reactive, onMounted } from 'vue';
 import { debounce } from 'lodash';
 import router from '@/router';
-import { trainingDetailById, trainingMembers } from '@/api/training';
+import { exportTrainingMembers, trainingDetailById, trainingMembers } from '@/api/training';
 import { FileLook } from '@/views/models';
 import { colNoData } from '@/utils/noData';
 const { proxy } = getCurrentInstance() as ComponentInternalInstance;
@@ -165,6 +177,14 @@ const resetQuery = () => {
     queryFormRef.value?.resetFields();
     handleQuery();
 };
+const exportSearch = debounce(() => {
+    const params = {
+        ...queryParams.value,
+    };
+    delete params.pageNum;
+    delete params.pageSize;
+    exportTrainingMembers(params)
+}, 500);
 onMounted(() => {
     getDetail();
     getList();