assess-app/pages/task/task.vue

<template>
	<view class="total-page page_env page-box">
		<Nav :title="'任务'" :genre="1" :back="false" :fixedHeight="105"></Nav>
		<view class="task-tabs" :style="{top:`${$tools.topHeight()}px`}">
			<Search :placeholder="'贷款人姓名或电话'"></Search>
			<z-tabs ref="tabs" :list="tabsList" :active-style="{color:'#10B261',fontWeight:'bold',fontSize:'30rpx'}"
				:bar-style="{background:'#10B261'}" :inactive-style="{fontWeight:'bold',fontSize:'28rpx'}"
				:current="current" :bar-animate-mode="'worm'" @change="tabsChange" />
		</view>
		<!-- <EnButton is_both></EnButton> -->
		<TaskItem :type="1"></TaskItem>
		<Tab :tab-index="1"></Tab>
	</view>

</template>
<script>
	// 任务列表
	import TaskItem from "@/common/task/task-item.vue";

	export default {
		components: {
			TaskItem
		},
		data() {
			return {
				current: 0,
				tabsList: [{
					name: '全部',
					dot_color: 'red',
					disabled: false
				}, {
					name: '新进',
					dot_color: 'yellow',
					disabled: false
				}, {
					name: '待办',
					dot_color: '',
					disabled: false
				}, {
					name: '完成',
					dot_color: '',
					disabled: false
				}, {
					name: '拒绝',
					dot_color: '',
					disabled: false
				}],
			}
		},
		watch: {


		},
		methods: {
			tabsChange(index) {
				this.current = index;
			},

		},
	}
</script>
<style lang="scss" scoped>

</style>