<route lang="json5" type="page">
	{
	layout: 'default',
	style: {
	navigationStyle: 'custom',
	navigationBarTitleText: '任务处理',
	},
	}
</route>
<template>
	<view :class="{ 'gray': appStore.isGray == 1 }">
		<wd-navbar left-text="返回" left-arrow
			custom-style="padding-top: var(--status-bar-height, 0); background-image: linear-gradient(to right, #1890ff, #096dd9); color: #fff;"
			@click-left="handleClickLeft">
		</wd-navbar>
		<wd-tabs v-model="tab" swipeable color="#39b54a" autoLineWidth>
		    <wd-tab  title="单据">
		    </wd-tab>
			<wd-tab title="任务处理">
			  <view class="content">内容2</view>
			</wd-tab>
			<wd-tab title="流程图">
				<view class="content">内容3</view>
			</wd-tab>
		</wd-tabs>
	</view>
</template>

<script setup lang="ts">
	import {
		ref
	} from 'vue'
	import {
		onLoad,
		onShow,
		onReachBottom,
		onPullDownRefresh
	} from '@dcloudio/uni-app';
	import { useToast, useMessage } from 'wot-design-uni'
	import {
		useAppStore
	} from '@/store'
	const appStore = useAppStore();
	const tab = ref(0)

	const handleClickLeft = () => {
		uni.navigateBack()
	}
	

	onLoad((options) => {
		console.log(JSON.parse(options.data))
	})

</script>

<style lang="scss" scoped>
	::v-deep .wd-tabs__line{
		background: #39b54a;
	}
</style>