| | |
|---|
| | | <div class="gd-table-toolbar"> |
|---|
| | | <el-button :icon="Plus" color="#4C34FF" type="primary" @click="openForm('add')">新增区划</el-button> |
|---|
| | | <el-button :icon="Upload" @click="handleImport">导入区划</el-button> |
|---|
| | | <el-button :icon="Download" @click="handleExport">导出区划</el-button> |
|---|
| | | <el-button :icon="Download" :loading="exportLoading" :disabled="exportLoading" @click="handleExport">导出区划</el-button> |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | <div class="gd-table-container" v-loading="loading"> |
|---|
| | |
|---|
| | | const importRules = ref({ |
|---|
| | | file: [{ required: true, message: '请上传文件', trigger: ['change'] }], |
|---|
| | | }) |
|---|
| | | |
|---|
| | | // 导出加载状态 |
|---|
| | | const exportLoading = ref(false) |
|---|
| | | |
|---|
| | | provide('regionOptions', regionOptions) |
|---|
| | | provide('dictObj', dictObj) |
|---|
| | |
|---|
| | | } |
|---|
| | | |
|---|
| | | // 导出区划 |
|---|
| | | function handleExport() { |
|---|
| | | zoningExportApi(searchParams.value).then(res => { |
|---|
| | | async function handleExport() { |
|---|
| | | exportLoading.value = true |
|---|
| | | try { |
|---|
| | | const res = await zoningExportApi(searchParams.value) |
|---|
| | | const blob = new Blob([res.data]) |
|---|
| | | const url = URL.createObjectURL(blob) |
|---|
| | | const a = document.createElement('a') |
|---|
| | | a.href = url |
|---|
| | | a.download = `区划列表${new Date().getTime()}.xlsx` |
|---|
| | | a.download = `区划列表.xlsx` |
|---|
| | | document.body.appendChild(a) |
|---|
| | | a.click() |
|---|
| | | document.body.removeChild(a) |
|---|
| | | URL.revokeObjectURL(url) |
|---|
| | | }) |
|---|
| | | } catch (error) { |
|---|
| | | console.error('导出失败:', error) |
|---|
| | | } finally { |
|---|
| | | exportLoading.value = false |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | onMounted(() => { |
|---|
