| | |
| | | <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" |
| | | <up-subsection :list="list" :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> |
| | |
| | | }) |
| | | 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; |
| | | } |