|
|
|
@ -3,6 +3,7 @@ import { ref, onMounted, reactive, computed } from "vue"; |
|
|
|
import ElementPlus from "element-plus"; |
|
|
|
import { ElMessage, ElMessageBox } from 'element-plus' |
|
|
|
import axios from 'axios'; |
|
|
|
import moment from 'moment'; |
|
|
|
//变量 |
|
|
|
// 用户对象假的 |
|
|
|
const admin = ref({ |
|
|
|
@ -59,7 +60,7 @@ const get = async function (val) { |
|
|
|
|
|
|
|
console.log('搜索参数', getObj.value); |
|
|
|
// 发送POST请求 |
|
|
|
const result = await axios.post('http://192.168.8.93:10010/recharge/activity/select', {...getObj.value,activity:{...activity.value}}); |
|
|
|
const result = await axios.post('http://192.168.8.93:10010/recharge/activity/select', { ...getObj.value, activity: { ...activity.value } }); |
|
|
|
|
|
|
|
// 将响应结果存储到响应式数据中 |
|
|
|
console.log('请求成功', result); |
|
|
|
@ -212,6 +213,29 @@ const rules = reactive({ |
|
|
|
], |
|
|
|
}) |
|
|
|
|
|
|
|
// 验证跳转输入框的数字是否合法 |
|
|
|
const checkNumber = function () { |
|
|
|
if (typeof parseInt(getObj.value.pageNum) === 'number') { |
|
|
|
console.log('总共有多少页' + Math.ceil(total.value / getObj.value.pageSize)); |
|
|
|
if ((getObj.value.pageNum > 0) && (getObj.value.pageNum <= Math.ceil(total.value / getObj.value.pageSize))) { |
|
|
|
console.log('输入的数字合法'); |
|
|
|
get(); |
|
|
|
} else { |
|
|
|
//提示 |
|
|
|
ElMessage({ |
|
|
|
type: 'error', |
|
|
|
message: '请检查输入内容', |
|
|
|
}) |
|
|
|
} |
|
|
|
} else { |
|
|
|
//提示 |
|
|
|
ElMessage({ |
|
|
|
type: 'error', |
|
|
|
message: '请检查输入内容', |
|
|
|
}) |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
// 挂载 |
|
|
|
onMounted(async function () { |
|
|
|
get(); |
|
|
|
@ -282,7 +306,11 @@ onMounted(async function () { |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="name" label="添加人" /> |
|
|
|
<el-table-column prop="createTime" label="添加时间" /> |
|
|
|
<el-table-column prop="createTime" label="添加时间" > |
|
|
|
<template #default="scope"> |
|
|
|
{{ moment(scope.row.createTime).format('YYYY-MM-DD HH:mm:ss') }} |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="operation" label="操作"> |
|
|
|
<template #default="scope"> |
|
|
|
<el-popconfirm title="确定将此条活动删除吗？" @confirm="delConfirm"> |
|
|
|
@ -305,9 +333,22 @@ onMounted(async function () { |
|
|
|
</div> |
|
|
|
|
|
|
|
<!-- 分页 --> |
|
|
|
<el-pagination background layout="prev, pager, next" :total="total" :page-size="getObj.pageSize" |
|
|
|
:current-page="getObj.pageNum" @current-change="get" /> |
|
|
|
|
|
|
|
<div class="pagination"> |
|
|
|
<el-pagination background :page-size="getObj.pageSize" layout="slot" :total="total"> |
|
|
|
<div>共{{ total }}条,每页 </div> |
|
|
|
<el-select v-model="getObj.pageSize" class="page-size" @change="get()" style="width: 80px"> |
|
|
|
<el-option v-for="item in [5, 6, 7, 8, 9, 10]" :key="item" :label="item" |
|
|
|
:value="item"></el-option> |
|
|
|
</el-select> |
|
|
|
<div> 条</div> |
|
|
|
</el-pagination> |
|
|
|
<el-pagination background layout="prev, pager, next, slot" :page-size="getObj.pageSize" :total="total" |
|
|
|
:current-page="getObj.pageNum" @current-change="get"> |
|
|
|
<div>跳至</div> |
|
|
|
<el-input v-model="getObj.pageNum" style="width: 40px;" @change="checkNumber" /> |
|
|
|
<div>页</div> |
|
|
|
</el-pagination> |
|
|
|
</div> |
|
|
|
</el-card> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
@ -360,6 +401,10 @@ onMounted(async function () { |
|
|
|
</template> |
|
|
|
|
|
|
|
<style scoped> |
|
|
|
.pagination { |
|
|
|
display: flex; |
|
|
|
} |
|
|
|
|
|
|
|
.status { |
|
|
|
display: flex; |
|
|
|
} |
|
|
|
|
hongxilin
6 months ago