奖励配置列表,奖励发放记录列表 -修改等级列表展示,新增分页功能
This commit is contained in:
@@ -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
|
||||
}
|
||||
}
|
||||
}
|
||||
|
@@ -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
|
||||
}
|
||||
}
|
||||
}
|
||||
|
Reference in New Issue
Block a user