|
|
|
|
@ -3,10 +3,11 @@
|
|
|
|
|
<view class="search-bar">
|
|
|
|
|
<view class="search-bar__input">
|
|
|
|
|
<u-input
|
|
|
|
|
v-model="select.keyword"
|
|
|
|
|
v-model="select.school_name"
|
|
|
|
|
:height="26"
|
|
|
|
|
placeholder="请输入学校名称"
|
|
|
|
|
style="flex: 1; margin-right: 40rpx"
|
|
|
|
|
@input="$u.debounce(() => getList(true), 1000)"
|
|
|
|
|
></u-input>
|
|
|
|
|
<u-icon name="search" color="#333" :size="30"></u-icon>
|
|
|
|
|
</view>
|
|
|
|
|
@ -32,6 +33,7 @@
|
|
|
|
|
@confirm="({ year }) => {
|
|
|
|
|
select.year = year
|
|
|
|
|
closeDropdown()
|
|
|
|
|
getList(true)
|
|
|
|
|
}"
|
|
|
|
|
></u-picker>
|
|
|
|
|
</view>
|
|
|
|
|
@ -39,7 +41,8 @@
|
|
|
|
|
<u-dropdown-item
|
|
|
|
|
v-model="select.area_id"
|
|
|
|
|
title="区域"
|
|
|
|
|
:options="options1"
|
|
|
|
|
:options="areaList"
|
|
|
|
|
@change="getList(true)"
|
|
|
|
|
></u-dropdown-item>
|
|
|
|
|
</u-dropdown>
|
|
|
|
|
<view class="wrap">
|
|
|
|
|
@ -51,21 +54,25 @@
|
|
|
|
|
</view>
|
|
|
|
|
<view
|
|
|
|
|
class="table__row"
|
|
|
|
|
v-for="(item, index) in tableData"
|
|
|
|
|
v-for="(item, index) in list"
|
|
|
|
|
:key="index"
|
|
|
|
|
@click="$u.route({
|
|
|
|
|
url: '/package_sub/pages/SchoolCount/SchoolCount',
|
|
|
|
|
params: {
|
|
|
|
|
|
|
|
|
|
id: item.id
|
|
|
|
|
}
|
|
|
|
|
})"
|
|
|
|
|
>
|
|
|
|
|
<text class="table__row-item">{{ item.school }}</text>
|
|
|
|
|
<text class="table__row-item">{{ item.count }}</text>
|
|
|
|
|
<text class="table__row-item">{{ item.school ? item.school.name : '' }}</text>
|
|
|
|
|
<text class="table__row-item">{{ item.total || '-' }}</text>
|
|
|
|
|
<u-icon class="table__row-arrow" name="arrow-right" color="#333" :size="30"></u-icon>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<u-loadmore
|
|
|
|
|
:status="loadStatus"
|
|
|
|
|
:margin-top="20"
|
|
|
|
|
></u-loadmore>
|
|
|
|
|
<u-back-top :scroll-top="scrollTop"></u-back-top>
|
|
|
|
|
</view>
|
|
|
|
|
</template>
|
|
|
|
|
@ -76,44 +83,81 @@ export default {
|
|
|
|
|
return {
|
|
|
|
|
defaultTime: '',
|
|
|
|
|
select: {
|
|
|
|
|
keyword: "",
|
|
|
|
|
page: 1,
|
|
|
|
|
page_size: 10,
|
|
|
|
|
school_name: "",
|
|
|
|
|
year: new Date().getFullYear().toString(),
|
|
|
|
|
area_id: "",
|
|
|
|
|
},
|
|
|
|
|
scrollTop: 0,
|
|
|
|
|
tableData: [
|
|
|
|
|
{ school: "苏州中学园区", count: "680" },
|
|
|
|
|
{ school: "苏州中学园区", count: "142" },
|
|
|
|
|
{ school: "苏州中学园区", count: "959" },
|
|
|
|
|
// ... 其他数据
|
|
|
|
|
],
|
|
|
|
|
options1: [
|
|
|
|
|
{
|
|
|
|
|
label: "默认排序",
|
|
|
|
|
value: 1,
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
label: "距离优先",
|
|
|
|
|
value: 2,
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
label: "价格优先",
|
|
|
|
|
value: 3,
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
list: [],
|
|
|
|
|
areaList: [],
|
|
|
|
|
loadStatus: 'loadmore',
|
|
|
|
|
};
|
|
|
|
|
},
|
|
|
|
|
methods: {
|
|
|
|
|
closeDropdown() {
|
|
|
|
|
this.$refs.uDropdown.close();
|
|
|
|
|
},
|
|
|
|
|
async getArea() {
|
|
|
|
|
try {
|
|
|
|
|
const res = await this.$u.api.area()
|
|
|
|
|
this.areaList = [{
|
|
|
|
|
label: '全部',
|
|
|
|
|
value: ''
|
|
|
|
|
},...res.list.map(i => ({
|
|
|
|
|
label: i.name,
|
|
|
|
|
value: i.id
|
|
|
|
|
}))]
|
|
|
|
|
} catch (err) {
|
|
|
|
|
console.error(err)
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
async getList(isRefresh=false) {
|
|
|
|
|
if (isRefresh) {
|
|
|
|
|
this.select.page = 1;
|
|
|
|
|
this.loadStatus = 'loadmore'
|
|
|
|
|
}
|
|
|
|
|
if (this.loadStatus === 'nomore') return
|
|
|
|
|
try {
|
|
|
|
|
this.loadStatus = 'loading'
|
|
|
|
|
const { list: res } = await this.$u.api.middleSchoolIndicatorList(this.select);
|
|
|
|
|
console.log(res);
|
|
|
|
|
this.total = res.total;
|
|
|
|
|
if (isRefresh) {
|
|
|
|
|
this.list.length = 0;
|
|
|
|
|
}
|
|
|
|
|
this.list.push(...res.data)
|
|
|
|
|
if (this.list.length >= res.total) {
|
|
|
|
|
this.loadStatus = 'nomore'
|
|
|
|
|
} else {
|
|
|
|
|
this.select.page++;
|
|
|
|
|
this.loadStatus = 'loadmore'
|
|
|
|
|
}
|
|
|
|
|
} catch (err) {
|
|
|
|
|
console.error(err);
|
|
|
|
|
this.loadStatus = 'loadmore'
|
|
|
|
|
} finally {
|
|
|
|
|
uni.stopPullDownRefresh()
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
onReady() {
|
|
|
|
|
this.defaultTime = this.$moment().format('YYYY-MM-DD HH:mm:ss')
|
|
|
|
|
},
|
|
|
|
|
onPullDownRefresh() {
|
|
|
|
|
this.getList(true)
|
|
|
|
|
},
|
|
|
|
|
onPageScroll(e) {
|
|
|
|
|
this.scrollTop = e.scrollTop;
|
|
|
|
|
},
|
|
|
|
|
created() {
|
|
|
|
|
this.getArea()
|
|
|
|
|
this.getList(true)
|
|
|
|
|
},
|
|
|
|
|
onReachBottom() {
|
|
|
|
|
this.getList()
|
|
|
|
|
},
|
|
|
|
|
};
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
