61 lines
1.3 KiB
Vue
61 lines
1.3 KiB
Vue
<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> |