|  |  | 
 |  |  |     <!-- 页面标题 --> | 
 |  |  |     <div class="page-header"> | 
 |  |  |       <h2>会议室设置</h2> | 
 |  |  |       <el-button type="primary" @click="handleAdd"> | 
 |  |  |       <div> | 
 |  |  |         <el-button @click="handleExport" style="margin-right: 10px">导出</el-button> | 
 |  |  |         <el-button type="primary" @click="handleAdd"> | 
 |  |  |         <el-icon><Plus /></el-icon> | 
 |  |  |         新增会议室 | 
 |  |  |       </el-button> | 
 |  |  |         </el-button> | 
 |  |  |       </div> | 
 |  |  |     </div> | 
 |  |  |  | 
 |  |  |     <!-- 搜索区域 --> | 
 |  |  | 
 |  |  | </template> | 
 |  |  |  | 
 |  |  | <script setup> | 
 |  |  | import { ref, reactive, onMounted } from 'vue' | 
 |  |  | import { ref, reactive, onMounted, getCurrentInstance } from 'vue' | 
 |  |  | import { ElMessage, ElMessageBox } from 'element-plus' | 
 |  |  | import { Plus } from '@element-plus/icons-vue' | 
 |  |  | import Pagination from '@/components/Pagination/index.vue' | 
 |  |  | 
 |  |  |   }) | 
 |  |  | } | 
 |  |  |  | 
 |  |  | // 导出 | 
 |  |  | const { proxy } = getCurrentInstance() | 
 |  |  | const handleExport = () => { | 
 |  |  |   proxy.download('/meeting/export', { ...searchForm }, '会议室设置.xlsx') | 
 |  |  | } | 
 |  |  |  | 
 |  |  | // 页面加载时获取数据 | 
 |  |  | onMounted(() => { | 
 |  |  |   getList() |