|
@@ -4,13 +4,7 @@
|
|
|
<div class="top">
|
|
<div class="top">
|
|
|
<div class="name">铸造者</div>
|
|
<div class="name">铸造者</div>
|
|
|
</div>
|
|
</div>
|
|
|
- <van-tabs
|
|
|
|
|
- v-model:active="sort"
|
|
|
|
|
- :ellipsis="false"
|
|
|
|
|
- line-width="16"
|
|
|
|
|
- line-height="2"
|
|
|
|
|
- @change="(page = 0), getList()"
|
|
|
|
|
- >
|
|
|
|
|
|
|
+ <van-tabs v-model:active="sort" :ellipsis="false" line-width="16" line-height="2" @change="getData(true)">
|
|
|
<van-tab
|
|
<van-tab
|
|
|
:title="item.label"
|
|
:title="item.label"
|
|
|
:name="
|
|
:name="
|
|
@@ -30,7 +24,7 @@
|
|
|
</van-tab>
|
|
</van-tab>
|
|
|
</van-tabs>
|
|
</van-tabs>
|
|
|
</van-sticky>
|
|
</van-sticky>
|
|
|
- <van-list class="list" v-model:loading="loading" :finished="finished" finished-text="" @load="getList">
|
|
|
|
|
|
|
+ <van-list class="list" v-model:loading="loading" :finished="finished" finished-text="" @load="getData">
|
|
|
<template v-for="(item, index) in list" :key="index">
|
|
<template v-for="(item, index) in list" :key="index">
|
|
|
<creator-info v-model:info="list[index]"></creator-info>
|
|
<creator-info v-model:info="list[index]"></creator-info>
|
|
|
</template>
|
|
</template>
|
|
@@ -41,9 +35,11 @@
|
|
|
|
|
|
|
|
<script>
|
|
<script>
|
|
|
import CreatorInfo from '../../components/creator/CreatorInfo.vue';
|
|
import CreatorInfo from '../../components/creator/CreatorInfo.vue';
|
|
|
|
|
+import list from '../../mixins/list';
|
|
|
export default {
|
|
export default {
|
|
|
components: { CreatorInfo },
|
|
components: { CreatorInfo },
|
|
|
inject: ['bar'],
|
|
inject: ['bar'],
|
|
|
|
|
+ mixins: [list],
|
|
|
data() {
|
|
data() {
|
|
|
return {
|
|
return {
|
|
|
list: [],
|
|
list: [],
|
|
@@ -68,39 +64,15 @@ export default {
|
|
|
type: 'select'
|
|
type: 'select'
|
|
|
}
|
|
}
|
|
|
],
|
|
],
|
|
|
- loading: false,
|
|
|
|
|
- finished: false,
|
|
|
|
|
- page: 0
|
|
|
|
|
|
|
+ url: '/user/all'
|
|
|
};
|
|
};
|
|
|
},
|
|
},
|
|
|
methods: {
|
|
methods: {
|
|
|
- getList() {
|
|
|
|
|
- if (this.page === 0) {
|
|
|
|
|
- this.list = [];
|
|
|
|
|
- }
|
|
|
|
|
- this.loading = true;
|
|
|
|
|
- this.finished = false;
|
|
|
|
|
- this.empty = false;
|
|
|
|
|
- this.$http
|
|
|
|
|
- .post(
|
|
|
|
|
- '/user/all',
|
|
|
|
|
- {
|
|
|
|
|
- page: this.page,
|
|
|
|
|
- query: { hasRole: 'ROLE_MINTER' },
|
|
|
|
|
- size: 20,
|
|
|
|
|
- sort: this.sort
|
|
|
|
|
- },
|
|
|
|
|
- { body: 'json' }
|
|
|
|
|
- )
|
|
|
|
|
- .then(res => {
|
|
|
|
|
- this.list = [...this.list, ...res.content];
|
|
|
|
|
- this.empty = res.empty;
|
|
|
|
|
- this.loading = false;
|
|
|
|
|
- this.finished = res.last;
|
|
|
|
|
- if (!this.finished) {
|
|
|
|
|
- this.page = this.page + 1;
|
|
|
|
|
- }
|
|
|
|
|
- });
|
|
|
|
|
|
|
+ beforeData() {
|
|
|
|
|
+ return {
|
|
|
|
|
+ query: { hasRole: 'ROLE_MINTER' },
|
|
|
|
|
+ sort: this.sort
|
|
|
|
|
+ };
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
};
|
|
};
|