|
|
@@ -62,6 +62,13 @@
|
|
|
</h3>
|
|
|
</div>
|
|
|
|
|
|
+ <!-- 操作按钮 -->
|
|
|
+ <el-row :gutter="10" class="mb8">
|
|
|
+ <el-col :span="1.5">
|
|
|
+ <el-button type="success" plain icon="Download" @click="handleExport">导出</el-button>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+
|
|
|
<el-table v-loading="loading" :data="list" style="margin-top: 20px;" @row-click="handleRowClick">
|
|
|
<el-table-column label="姓名" align="center" prop="fullName" width="300"/>
|
|
|
<el-table-column label="证件号码" align="center" prop="idNumber"/>
|
|
|
@@ -559,6 +566,31 @@ function tableRowClassName({ row }) {
|
|
|
return selectedHolidayName.value === row.holidayName ? 'selected-row' : '';
|
|
|
}
|
|
|
|
|
|
+/** 导出按钮操作 */
|
|
|
+function handleExport() {
|
|
|
+ // 准备查询参数
|
|
|
+ const params = {
|
|
|
+ year: queryParams.value.year
|
|
|
+ };
|
|
|
+
|
|
|
+ // 如果有选中的节假日,则使用该节假日的开始和结束日期
|
|
|
+ if (queryParams.value.startDate && queryParams.value.endDate) {
|
|
|
+ params.startDate = queryParams.value.startDate;
|
|
|
+ params.endDate = queryParams.value.endDate;
|
|
|
+ }
|
|
|
+
|
|
|
+ // 构建文件名,如果选中了节假日,则在文件名中包含节假日名称
|
|
|
+ let fileName = '节假日出入境数据';
|
|
|
+ if (selectedHolidayName.value) {
|
|
|
+ fileName += `_${selectedHolidayName.value}`;
|
|
|
+ }
|
|
|
+ fileName += `_${new Date().getTime()}.xlsx`;
|
|
|
+
|
|
|
+ proxy.download('biz/anal/holiday/export', {
|
|
|
+ ...params
|
|
|
+ }, fileName)
|
|
|
+}
|
|
|
+
|
|
|
// 初始化时直接查询,使用reactive中设置的默认值
|
|
|
onMounted(() => {
|
|
|
handleQuery();
|
|
|
@@ -576,6 +608,10 @@ onUnmounted(() => {
|
|
|
padding: 15px;
|
|
|
}
|
|
|
|
|
|
+.mb8 {
|
|
|
+ margin-bottom: 8px;
|
|
|
+}
|
|
|
+
|
|
|
.el-row {
|
|
|
margin-bottom: 15px;
|
|
|
}
|