|
|
@ -4,12 +4,12 @@ import ElementPlus from "element-plus"; |
|
|
|
import axios from 'axios'; |
|
|
|
//变量 |
|
|
|
//活动表格数据 |
|
|
|
const tableData = ref[{}]; |
|
|
|
const tableData = ref([]); |
|
|
|
|
|
|
|
//搜索对象 |
|
|
|
const getObj = ref({ |
|
|
|
page: 1, |
|
|
|
size: 10, |
|
|
|
pageNum: 1, |
|
|
|
pageSize: 5, |
|
|
|
}) |
|
|
|
//分页总条目 |
|
|
|
const total = ref(100) |
|
|
@ -17,7 +17,23 @@ const total = ref(100) |
|
|
|
|
|
|
|
//方法 |
|
|
|
//搜索方法 |
|
|
|
|
|
|
|
const get = async function () { |
|
|
|
try { |
|
|
|
console.log('搜索参数', getObj.value); |
|
|
|
// 发送POST请求 |
|
|
|
const result = await axios.post('http://192.168.8.93:10010/recharge/activity/select', getObj.value); |
|
|
|
|
|
|
|
// 将响应结果存储到响应式数据中 |
|
|
|
console.log('请求成功', result); |
|
|
|
// 存储表格数据 |
|
|
|
tableData.value = result.data.data.list; |
|
|
|
console.log('tableData', tableData.value); |
|
|
|
// 在这里可以根据需求进一步处理成功后的逻辑,比如更新UI显示成功消息等 |
|
|
|
} catch (error) { |
|
|
|
console.log('请求失败', error); |
|
|
|
// 在这里可以处理错误逻辑,比如显示错误提示等 |
|
|
|
} |
|
|
|
} |
|
|
|
//新增活动弹出框 |
|
|
|
const addActivityVisible = ref(false) |
|
|
|
//打开新增活动弹出框 |
|
|
@ -48,6 +64,12 @@ const Delete = function (index, row) { |
|
|
|
console.log(index, row) |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
// 挂载 |
|
|
|
onMounted(async function(){ |
|
|
|
get(); |
|
|
|
}) |
|
|
|
|
|
|
|
</script> |
|
|
|
|
|
|
|
<template> |
|
|
@ -125,8 +147,8 @@ const Delete = function (index, row) { |
|
|
|
</div> |
|
|
|
|
|
|
|
<!-- 分页 --> |
|
|
|
<el-pagination background |
|
|
|
layout="prev, pager, next" :total="total" /> |
|
|
|
<el-pagination background layout="prev, pager, next" :total="total" :page-size="getObj.pageSize" |
|
|
|
:current-page="getObj.pageNum" /> |
|
|
|
|
|
|
|
</el-card> |
|
|
|
</el-col> |
|
|
@ -138,7 +160,7 @@ const Delete = function (index, row) { |
|
|
|
<el-form :model="addObj" label-width="auto" style="max-width: 600px"> |
|
|
|
|
|
|
|
<el-form-item label="活动名称:"> |
|
|
|
<el-input v-model="addObj.activityName" placeholder="请输入活动名称" style="width: 220px;"/> |
|
|
|
<el-input v-model="addObj.activityName" placeholder="请输入活动名称" style="width: 220px;" /> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item label="免费金币:"> |
|
|
@ -162,7 +184,7 @@ const Delete = function (index, row) { |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item label="添加人:"> |
|
|
|
<el-input v-model="addObj.adminName" disabled style="width: 220px;"/> |
|
|
|
<el-input v-model="addObj.adminName" disabled style="width: 220px;" /> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
</el-form> |
|
|
@ -178,8 +200,6 @@ const Delete = function (index, row) { |
|
|
|
</template> |
|
|
|
|
|
|
|
<style scoped> |
|
|
|
|
|
|
|
|
|
|
|
.status { |
|
|
|
display: flex; |
|
|
|
} |
|
|
|