奖励配置列表,奖励发放记录列表 -修改等级列表展示,新增分页功能

This commit is contained in:
chenruiye
2025-04-22 10:55:15 +08:00
parent cc6212382f
commit d0b9c6e89c
2 changed files with 28 additions and 8 deletions

View File

@@ -14,7 +14,7 @@
<div class="inquire" v-if="levelList.length > 0 && formData.type !=''">
<span>等级</span>
<el-select v-model="formData.level" placeholder="请选择">
<el-option v-for="item in levelList" :key="item.level" :label="item.name" :value="item.level">
<el-option v-for="item in levelList" :key="item.level" :label="item.level + '('+item.name + ')'" :value="item.level">
</el-option>
</el-select>
</div>
@@ -46,7 +46,7 @@
</el-table-column>
</el-table>
<!-- 分页 -->
<el-pagination style="margin-top: 10px" class="paginationClass" :current-page="formData.page"
<el-pagination style="margin-top: 10px" class="paginationClass" :current-page="formData.pageNo"
:page-size="formData.pageSize" :page-sizes="[10, 20, 50, 100, 200]" layout="sizes, prev, pager, next"
:total="tableData.total" @size-change="handleSizeChange" @current-change="handleCurrentChange" />
@@ -68,7 +68,7 @@
<span style="display: inline-block; margin-right: 20px; width: 100px"
class="col-sm-2 control-label">等级</span>
<el-select v-model="addFormData.level" placeholder="请选择">
<el-option v-for="item in addlevelList" :key="item.level" :label="item.name" :value="item.level">
<el-option v-for="item in addlevelList" :key="item.level" :label="item.level + '('+item.name + ')'" :value="item.level">
</el-option>
</el-select>
</div>
@@ -234,6 +234,14 @@ export default {
}
})
}
const handleSizeChange = (val) => {
formData.pageSize = val;
getData();
};
const handleCurrentChange = (val) => {
formData.pageNo = val;
getData();
};
onMounted(() => {
getActivitylList().then(res => {
if (res.code == 200) {
@@ -263,7 +271,9 @@ export default {
addchangeLevel,
addlevelList,
dialogType,
resetAddFormData
resetAddFormData,
handleSizeChange,
handleCurrentChange
}
}
}

View File

@@ -18,7 +18,7 @@
<div class="inquire" v-if="levelList.length > 0 && formData.type !=''">
<span>等级</span>
<el-select v-model="formData.level" placeholder="请选择">
<el-option v-for="item in levelList" :key="item.level" :label="item.name" :value="item.level">
<el-option v-for="item in levelList" :key="item.level" :label="item.level + '('+item.name + ')'" :value="item.level">
</el-option>
</el-select>
</div>
@@ -53,7 +53,7 @@
</el-table>
<!-- 分页 -->
<el-pagination style="margin-top: 10px" class="paginationClass" :current-page="formData.page"
<el-pagination style="margin-top: 10px" class="paginationClass" :current-page="formData.pageNo"
:page-size="formData.pageSize" :page-sizes="[10, 20, 50, 100, 200]" layout="sizes, prev, pager, next"
:total="tableData.total" @size-change="handleSizeChange" @current-change="handleCurrentChange" />
</div>
@@ -62,7 +62,7 @@
<script>
import { ref, onMounted, reactive } from 'vue'
import PartitionSelect from "@/views/common/partitionSelect.vue";
import { getActivitylList, getLevelList, getAwardList, getAwardTypeList, saveAwardList, delAwardList, updateAwardList ,getAwardRecordList} from "@/api/SsGuild/rewardConfiguration.js";
import { getActivitylList, getLevelList,getAwardRecordList} from "@/api/SsGuild/rewardConfiguration.js";
import { ElMessage, ElMessageBox } from "element-plus";
export default {
name: 'rewardDistributionRecord',
@@ -115,6 +115,14 @@ export default {
const date = new Date(row);
return date.format("yyyy-MM-dd hh:mm:ss");
}
const handleSizeChange = (val) => {
formData.pageSize = val;
getData();
};
const handleCurrentChange = (val) => {
formData.pageNo = val;
getData();
};
onMounted(() => {
getActivitylList().then(res => {
if (res.code == 200) {
@@ -129,7 +137,9 @@ export default {
activitylList,
levelList,
changeLevel,
dateFormat
dateFormat,
handleSizeChange,
handleCurrentChange
}
}
}