|
@@ -0,0 +1,51 @@
|
|
|
+<template>
|
|
|
+ <view>
|
|
|
+ <van-sticky>
|
|
|
+ <view class="top-wrap">
|
|
|
+ <van-tabs swipeable id="tabs" :active="status" title-active-color="#3385FF" color="#3385FF" @change="typeChange">
|
|
|
+ <van-tab title="待审批" name="待审批"></van-tab>
|
|
|
+ <van-tab title="已审批" name="已审批"></van-tab>
|
|
|
+ </van-tabs>
|
|
|
+ </view>
|
|
|
+ </van-sticky>
|
|
|
+ <van-empty description="暂无数据" :image="require('@/static/empty.png')" v-if="finished&&list.length===0"/>
|
|
|
+ <view class="list">
|
|
|
+ <view class="item">
|
|
|
+
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+export default {
|
|
|
+ data () {
|
|
|
+ return {
|
|
|
+ status: '待审批',
|
|
|
+ list:[],
|
|
|
+ page:1,
|
|
|
+ finished:false,
|
|
|
+ }
|
|
|
+ },
|
|
|
+ onShow() {
|
|
|
+ this.selectComponent('#tabs').resize();// 解决初始渲染 vant tab 底部条
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ typeChange(e){
|
|
|
+ this.status=e.detail.name
|
|
|
+ this.page=1
|
|
|
+ this.finished=false
|
|
|
+ this.list=[]
|
|
|
+ this.getList()
|
|
|
+ },
|
|
|
+
|
|
|
+ async getList(){
|
|
|
+
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+</script>
|
|
|
+
|
|
|
+<style>
|
|
|
+
|
|
|
+</style>
|