|
@ -15,17 +15,20 @@ |
|
|
></el-input> |
|
|
></el-input> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item label="中奖等级"> |
|
|
<el-form-item label="中奖等级"> |
|
|
<!-- 增加下拉框宽度 --> |
|
|
|
|
|
<el-select |
|
|
|
|
|
v-model="searchParams.gradeName" |
|
|
|
|
|
placeholder="请选择" |
|
|
|
|
|
|
|
|
<el-select |
|
|
|
|
|
v-model="searchParams.gradeId" |
|
|
|
|
|
placeholder="请选择" |
|
|
class="prize-level-select" |
|
|
class="prize-level-select" |
|
|
style="width: 220px"> <!-- 增加宽度到220px --> |
|
|
|
|
|
|
|
|
style="width: 220px" |
|
|
|
|
|
> |
|
|
<el-option label="全部" value=""></el-option> |
|
|
<el-option label="全部" value=""></el-option> |
|
|
<el-option label="特等奖" value="特等奖"></el-option> |
|
|
|
|
|
<el-option label="一等奖" value="一等奖"></el-option> |
|
|
|
|
|
<el-option label="二等奖" value="二等奖"></el-option> |
|
|
|
|
|
<el-option label="三等奖" value="三等奖"></el-option> |
|
|
|
|
|
|
|
|
<el-option |
|
|
|
|
|
v-for="item in gradeOptions" |
|
|
|
|
|
:key="item.id" |
|
|
|
|
|
:label="item.gradeName" |
|
|
|
|
|
:value="item.id" |
|
|
|
|
|
> |
|
|
|
|
|
</el-option> |
|
|
</el-select> |
|
|
</el-select> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item> |
|
|
<el-form-item> |
|
@ -51,7 +54,7 @@ |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<!-- 修改后的分页组件 --> |
|
|
|
|
|
|
|
|
<!-- 分页组件 --> |
|
|
<el-pagination |
|
|
<el-pagination |
|
|
@size-change="handleSizeChange" |
|
|
@size-change="handleSizeChange" |
|
|
@current-change="handleCurrentChange" |
|
|
@current-change="handleCurrentChange" |
|
@ -59,7 +62,8 @@ |
|
|
:page-sizes="[10, 20, 50, 100]" |
|
|
:page-sizes="[10, 20, 50, 100]" |
|
|
:page-size="searchParams.pageSize" |
|
|
:page-size="searchParams.pageSize" |
|
|
layout="total, sizes, prev, pager, next, jumper" |
|
|
layout="total, sizes, prev, pager, next, jumper" |
|
|
:total="total"> |
|
|
|
|
|
|
|
|
:total="total" |
|
|
|
|
|
> |
|
|
</el-pagination> |
|
|
</el-pagination> |
|
|
</el-card> |
|
|
</el-card> |
|
|
</template> |
|
|
</template> |
|
@ -73,33 +77,44 @@ const searchParams = ref({ |
|
|
pageNum: 1, |
|
|
pageNum: 1, |
|
|
pageSize: 10, |
|
|
pageSize: 10, |
|
|
username: '', |
|
|
username: '', |
|
|
gradeName: '', |
|
|
|
|
|
|
|
|
gradeId: '', |
|
|
jwcode: '' |
|
|
jwcode: '' |
|
|
}) |
|
|
}) |
|
|
|
|
|
|
|
|
|
|
|
// 中奖等级选项 |
|
|
|
|
|
const gradeOptions = ref([]) |
|
|
|
|
|
|
|
|
// 表格数据 |
|
|
// 表格数据 |
|
|
const tableData = ref([]) |
|
|
const tableData = ref([]) |
|
|
const total = ref(0) |
|
|
const total = ref(0) |
|
|
|
|
|
|
|
|
// 获取中奖列表(修改后的调用方式) |
|
|
|
|
|
|
|
|
// 获取中奖等级列表 |
|
|
|
|
|
const fetchWinLevelList = async () => { |
|
|
|
|
|
try { |
|
|
|
|
|
const res = await getWinLevelList() |
|
|
|
|
|
if (res.code === 200) { |
|
|
|
|
|
gradeOptions.value = res.data |
|
|
|
|
|
} |
|
|
|
|
|
} catch (error) { |
|
|
|
|
|
console.error('获取中奖等级列表失败:', error) |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
// 获取中奖列表 |
|
|
const fetchWinList = async () => { |
|
|
const fetchWinList = async () => { |
|
|
try { |
|
|
try { |
|
|
// 创建请求数据对象(排除分页参数) |
|
|
|
|
|
const requestData = { |
|
|
const requestData = { |
|
|
username: searchParams.value.username, |
|
|
username: searchParams.value.username, |
|
|
gradeName: searchParams.value.gradeName, |
|
|
|
|
|
jwcode: searchParams.value.jwcode |
|
|
|
|
|
|
|
|
gradeId: searchParams.value.gradeId, |
|
|
|
|
|
jwcode: searchParams.value.jwcode, |
|
|
|
|
|
pageNum: searchParams.value.pageNum, |
|
|
|
|
|
pageSize: searchParams.value.pageSize |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
// 调用API,传递pageNum, pageSize作为查询参数,其他数据作为请求体 |
|
|
|
|
|
const res = await getWinList( |
|
|
|
|
|
searchParams.value.pageNum, |
|
|
|
|
|
searchParams.value.pageSize, |
|
|
|
|
|
requestData |
|
|
|
|
|
) |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
console.log('请求参数:', requestData) |
|
|
|
|
|
const res = await getWinList(requestData) |
|
|
if (res.code === 200) { |
|
|
if (res.code === 200) { |
|
|
tableData.value = res.data.list |
|
|
tableData.value = res.data.list |
|
|
|
|
|
console.log('获取中奖列表成功:', tableData.value) |
|
|
total.value = res.data.total |
|
|
total.value = res.data.total |
|
|
} |
|
|
} |
|
|
} catch (error) { |
|
|
} catch (error) { |
|
@ -109,14 +124,14 @@ const fetchWinList = async () => { |
|
|
|
|
|
|
|
|
// 搜索 |
|
|
// 搜索 |
|
|
const handleSearch = () => { |
|
|
const handleSearch = () => { |
|
|
searchParams.value.pageNum = 1 // 重置为第一页 |
|
|
|
|
|
|
|
|
searchParams.value.pageNum = 1 |
|
|
fetchWinList() |
|
|
fetchWinList() |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
// 重置搜索 |
|
|
// 重置搜索 |
|
|
const handleReset = () => { |
|
|
const handleReset = () => { |
|
|
searchParams.value = { |
|
|
searchParams.value = { |
|
|
pageNum: 1, // 重置为第一页 |
|
|
|
|
|
|
|
|
pageNum: 1, |
|
|
pageSize: 10, |
|
|
pageSize: 10, |
|
|
username: '', |
|
|
username: '', |
|
|
gradeName: '', |
|
|
gradeName: '', |
|
@ -133,7 +148,7 @@ const handleExport = () => { |
|
|
// 每页数量改变 |
|
|
// 每页数量改变 |
|
|
const handleSizeChange = (val) => { |
|
|
const handleSizeChange = (val) => { |
|
|
searchParams.value.pageSize = val |
|
|
searchParams.value.pageSize = val |
|
|
searchParams.value.pageNum = 1 // 重置为第一页 |
|
|
|
|
|
|
|
|
searchParams.value.pageNum = 1 |
|
|
fetchWinList() |
|
|
fetchWinList() |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
@ -150,6 +165,7 @@ const handleJingwangIdInput = (value) => { |
|
|
|
|
|
|
|
|
// 页面加载时获取数据 |
|
|
// 页面加载时获取数据 |
|
|
onMounted(() => { |
|
|
onMounted(() => { |
|
|
|
|
|
fetchWinLevelList() |
|
|
fetchWinList() |
|
|
fetchWinList() |
|
|
}) |
|
|
}) |
|
|
</script> |
|
|
</script> |
|
@ -168,9 +184,8 @@ onMounted(() => { |
|
|
margin-bottom: 20px; |
|
|
margin-bottom: 20px; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
/* 添加下拉框样式 */ |
|
|
|
|
|
.prize-level-select { |
|
|
.prize-level-select { |
|
|
width: 220px; /* 设置下拉框宽度 */ |
|
|
|
|
|
|
|
|
width: 220px; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.table-container { |
|
|
.table-container { |
|
|