| | |
| | | |
| | | <div class="gd-table-container" v-loading="loading"> |
| | | <div class="gd-table-content gd-table-content-bg"> |
| | | <el-table class="gd-table" :data="list"> |
| | | <el-table class="gd-table" :data="list" @selection-change="handleSelectionChange"> |
| | | <el-table-column type="selection" width="46" /> |
| | | <el-table-column label="序号" width="80"> |
| | | <template v-slot="{ $index }"> |
| | | {{ $index + 1 }} |
| | |
| | | :disabled="importSubmitting" |
| | | @click="submitImport(importFormRef)" |
| | | > |
| | | 导入 |
| | | 保存 |
| | | </el-button> |
| | | </template> |
| | | </el-dialog> |
| | |
| | | const dialogVisible = ref(false) |
| | | const regionOptions = ref([]) // 区域选项 |
| | | const dictObj = ref({}) // 字典对象 |
| | | const selectedFiles = ref([]) // 勾选的文件列表 |
| | | |
| | | // 导入区划相关 |
| | | const isShowImportView = ref(false) |
| | |
| | | } |
| | | } |
| | | |
| | | // 勾选值设置 |
| | | function handleSelectionChange(rows) { |
| | | selectedFiles.value = rows |
| | | } |
| | | |
| | | // 导出模板 |
| | | async function handleExportTemplate() { |
| | | templateExportLoading.value = true |
| | |
| | | |
| | | // 导出区划 |
| | | async function handleExport() { |
| | | // 检查是否有选中的数据 |
| | | if (selectedFiles.value.length === 0) { |
| | | ElMessage.warning('请选择要导出的区划') |
| | | return |
| | | } |
| | | |
| | | exportLoading.value = true |
| | | try { |
| | | const res = await zoningExportApi(searchParams.value) |
| | | const params = {} |
| | | params.regionIds = selectedFiles.value.map(i => i.id) |
| | | // 调用导出API |
| | | const res = await zoningExportApi(params) |
| | | const blob = new Blob([res.data]) |
| | | const url = URL.createObjectURL(blob) |
| | | const a = document.createElement('a') |
| | | a.href = url |
| | | a.download = `区划列表.xlsx` |
| | | const fileName = `区划列表.xlsx` |
| | | a.download = fileName |
| | | |
| | | document.body.appendChild(a) |
| | | a.click() |
| | | document.body.removeChild(a) |