generated from Leo_Ding/web-template
Merge branch 'master' of https://gitlab.guxuan.icu/Leo_Ding/zhonghai_admin
This commit is contained in:
commit
669f876016
@ -11,7 +11,7 @@
|
|||||||
</a-col>
|
</a-col>
|
||||||
<a-col :span="24">
|
<a-col :span="24">
|
||||||
<a-form-item :label="'所属区域'" name="areaId">
|
<a-form-item :label="'所属区域'" name="areaId">
|
||||||
<a-select ref="select" v-model:value="formData.areaId" :placeholder="$t('pages.system.announcement.form.content.placeholder')">
|
<a-select ref="select" v-model:value="formData.areaId" :placeholder="'请输入所属区域'">
|
||||||
<a-select-option
|
<a-select-option
|
||||||
v-for="item in areaEnum.getAll()"
|
v-for="item in areaEnum.getAll()"
|
||||||
:value="item.value">{{item.name }}</a-select-option>
|
:value="item.value">{{item.name }}</a-select-option>
|
||||||
@ -65,6 +65,7 @@ const img = ref('')
|
|||||||
formRules.value = {
|
formRules.value = {
|
||||||
name: { required: true, message: '请输入名称' },
|
name: { required: true, message: '请输入名称' },
|
||||||
status: [{ required: true, message: '请选择状态', trigger: 'change' }],
|
status: [{ required: true, message: '请选择状态', trigger: 'change' }],
|
||||||
|
areaId: [{ required: true, message: '请选择所属区域', trigger: 'change' }],
|
||||||
sequence: [{ required: true, message: '请选择顺序', trigger: 'change' }],
|
sequence: [{ required: true, message: '请选择顺序', trigger: 'change' }],
|
||||||
img: [{ required: true, message: '请上传图片', trigger: 'change' }],
|
img: [{ required: true, message: '请上传图片', trigger: 'change' }],
|
||||||
areaId: [{ required: true, message: '请选择区域', trigger: 'change' }],
|
areaId: [{ required: true, message: '请选择区域', trigger: 'change' }],
|
||||||
|
|||||||
@ -44,10 +44,11 @@
|
|||||||
</a-card>
|
</a-card>
|
||||||
</a-col>
|
</a-col>
|
||||||
</a-row>
|
</a-row>
|
||||||
|
<div class="exportExcel"><a-button type="primary" @click="exportExcel">导出Excel</a-button></div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup>
|
<script setup>
|
||||||
|
import * as XLSX from "xlsx"; // 推荐用 xlsx 库导出 Excel
|
||||||
import { message, Modal } from 'ant-design-vue'
|
import { message, Modal } from 'ant-design-vue'
|
||||||
import { ref } from 'vue'
|
import { ref } from 'vue'
|
||||||
import apis from '@/apis'
|
import apis from '@/apis'
|
||||||
@ -158,6 +159,23 @@ async function onOk() {
|
|||||||
await getPageList()
|
await getPageList()
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function exportExcel() {
|
||||||
|
// 1. 创建一个工作簿
|
||||||
|
const wb = XLSX.utils.book_new();
|
||||||
|
// 2. 创建一个工作表
|
||||||
|
const ws = XLSX.utils.json_to_sheet(listData.value);
|
||||||
|
// 3. 将工作表添加到工作簿
|
||||||
|
XLSX.utils.book_append_sheet(wb, ws, "Sheet1");
|
||||||
|
// 4. 导出 Excel 文件
|
||||||
|
XLSX.writeFile(wb, "lotteryOrders.xlsx");
|
||||||
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="less" scoped></style>
|
<style lang="less" scoped>
|
||||||
|
.exportExcel {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
justify-content: right;
|
||||||
|
margin: 10px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user