<template>
|
<view>
|
<up-sticky bgColor="#fff">
|
<up-tabs :list="list1" @change='change' :current='state.currentIdex'></up-tabs>
|
<up-subsection :list="list" v-if="state.currentIdex==0" :current="current4" activeColor="#f9ae3d"
|
@change="sectionChange"></up-subsection>
|
<up-subsection :list="list2" v-else :current="current4" activeColor="#f9ae3d"
|
@change="sectionChange"></up-subsection>
|
</up-sticky>
|
<up-empty mode="order" icon="http://cdn.uviewui.com/uview/empty/order.png">
|
</up-empty>
|
</view>
|
</template>
|
|
<script setup>
|
import {
|
reactive,
|
ref
|
} from 'vue';
|
const state = reactive({
|
currentIdex: 0
|
})
|
const current4 = ref(0);
|
const list = ref(['全部', '进行中', '已完成', '已取消']);
|
const list2 = ref(['全部', '正在招', '审核中', '未通过','已招满']);
|
// 创建响应式数据
|
const list1 = reactive([{
|
name: '日结工订单'
|
},
|
{
|
name: '长期工订单'
|
},
|
]);
|
const change = (e) => {
|
state.currentIdex = e.index
|
}
|
const sectionChange=(index)=> {
|
current4.value = index;
|
}
|
</script>
|
|
<style>
|
|
</style>
|
