工具下载

This commit is contained in:
nisen
2023-09-02 18:03:41 +08:00
parent 5346f360bc
commit 090f37a59d
3 changed files with 43 additions and 34 deletions

View File

@@ -20,25 +20,24 @@
<div class="modules xcontent2">
<div class="xcontent2-main">
<div class="modules-list" style="margin-top: 0;">
<div v-if="toolList.total > toolList.pageSize" style="padding: 20px 70px;border-radius: 8px 8px 0 0;"
class="bgc">
<div v-if="total > 0" style="padding: 20px 70px;border-radius: 8px 8px 0 0;" class="bgc">
<!--内容列表内容-->
<div v-for="(tool, index) in toolList.list" :key="'cc' + index" class="toolEvery">
<div v-for="(tool, index) in list" :key="'cc' + index" class="toolEvery">
<div class="contnet">
{{ tool.courseName }}
{{ tool.name.split('.')[0] }}
</div>
<div class="btn">
<button>立即下载</button>
</div>
</div>
</div>
<div v-if="toolList.total > toolList.pageSize">
<pagination :size="toolList.pageSize" :total="toolList.total" :page="toolList.pageIndex"
@change-size="changePageSize" @change-page="loadData">
<div>
<pagination :size="params.pageSize" :total="total" :page="params.pageIndex" @change-size="changePageSize"
@change-page="loadData" :autoScroll="false">
</pagination>
</div>
<div class="pagination-div">
<span class="notcoures" v-if="toolList.list.length == 0">
<span class="notcoures" v-if="list.length == 0">
<img :src="`${webBaseUrl}/images/nocase.png`" alt="">
<h5>暂无工具</h5>
</span>
@@ -54,12 +53,12 @@ import { toolList } from '../../api/modules/grateful';
export default {
data: () => {
return {
toolList: {
list: [],
total: 0,
pageIndex: 1,
list: [],
total: 0,
params: {
pageNo: 1,
pageSize: 10,
},
}
};
},
mounted() {
@@ -67,22 +66,23 @@ export default {
},
methods: {
async getToolList() {
const result = await toolList()
const result = await toolList(this.params)
if (result.code === 200) {
const { total, records } = result.data
this.toolList.list = records
this.toolList.total = total
this.list = records
this.total = total
}
},
getPic(index) {
return this.webBaseUrl + "/images/listblue0" + (index + 1) + ".png";
},
changePageSize(pageSize) {
this.toolList.pageSize = pageSize;
this.params.pageSize = pageSize;
this.getToolList()
},
loadData(pindex) {
console.log(pindex);
loadData(pageNo) {
this.params.pageNo = pageNo;
this.getToolList()
},
},
};