72 lines
2.4 KiB
HTML
72 lines
2.4 KiB
HTML
<!--#
|
|
layout("/mobile/platform.html"){
|
|
#-->
|
|
<div id="app" v-cloak>
|
|
<van-nav-bar :title="lp_ms" left-arrow placeholder fixed @click-left="history.back()"></van-nav-bar>
|
|
|
|
<van-search v-model="pageForm.username" placeholder="请输入姓名" @search="onSearch"></van-search>
|
|
|
|
<van-pull-refresh v-model="refreshing" @refresh="onRefresh">
|
|
<van-list v-model="loading" :finished="finished" :finished-text="tableData.length>0?'没有更多了':''"
|
|
@load="pageData">
|
|
<van-tabs color="#409EFF" title-active-color="#409EFF" animated v-model="activeName" @click="switchTab">
|
|
<van-tab title="全部" name="all"></van-tab>
|
|
<van-tab title="已签收" name="already"></van-tab>
|
|
<van-tab title="未签收" name="not"></van-tab>
|
|
</van-tabs>
|
|
|
|
<van-cell-group style="padding: 10px">
|
|
|
|
<van-empty v-if="tableData.length==0" class="custom-image" image="/none.svg"
|
|
description="暂无数据">
|
|
</van-empty>
|
|
|
|
<van-cell class="cell-card" v-for="item in tableData" :title="item.username">
|
|
<template>
|
|
<span>{{item.sign_time}}</span>
|
|
</template>
|
|
|
|
<template #right-icon>
|
|
<van-tag style="margin-left: 20px;" v-if="item.isqs" type="success" round>已签收</van-tag>
|
|
<van-tag style="margin-left: 20px;" v-else type="warning" round>未签收</van-tag>
|
|
</template>
|
|
</van-cell>
|
|
</van-cell-group>
|
|
|
|
</van-list>
|
|
</van-pull-refresh>
|
|
</div>
|
|
<script>
|
|
const vue = new Vue({
|
|
el: '#app',
|
|
mixins: [refreshSearchMixins],
|
|
data() {
|
|
return {
|
|
activeName: "all",
|
|
lp_ms: "",
|
|
pageForm: {
|
|
pageSize: 50,
|
|
username: "",
|
|
lp_id: "",
|
|
is_sign: "",
|
|
}
|
|
}
|
|
},
|
|
methods: {
|
|
async switchTab() {
|
|
this.pageForm.is_sign = this.activeName
|
|
await this.onRefresh()
|
|
},
|
|
async onSearch(val) {
|
|
this.pageForm.username = val
|
|
await this.onRefresh()
|
|
}
|
|
},
|
|
created() {
|
|
this.pageForm.lp_id = GetQueryString('lp_id')
|
|
}
|
|
})
|
|
</script>
|
|
<!--#
|
|
}
|
|
#--> |