gubi/yinyuan/pages/index/index.vue

<template>
	<view class="content">
		<view class="top">
			<view class="left">
				<image src="../../static/logo.png" mode="widthFix" class="head-img"></image>
			</view>
			<view class="right">
				<view class="">
					achao
				</view>
				<view class="">
					2022-12-2到期
				</view>
			</view>
		</view>
		<jobSelect ref="jobSelect" :listData="listData" @confirem="confiremJob"></jobSelect>
	</view>
</template>

<script>
	import jobSelect from '@/components/yunmiao-jobSelect/yunmiao-jobSelect.vue'
	export default {
		components: {
			jobSelect
		},
		data() {
			return {
				listData: [{
					"id": 1,
					"name": "餐饮",
					"children": [{
							"id": 2,
							"name": "服务员",
						}, {
							"id": 3,
							"name": "送餐员",
						}, {
							"id": 4,
							"name": "传菜员",
						},
						{
							"id": 5,
							"name": "厨师",
						}
					]
				}, {
					"id": 6,
					"name": "家政保洁",
					"children": [{
						"id": 7,
						"name": "保洁",
					}, {
						"id": 8,
						"name": "保姆",
					}, {
						"id": 9,
						"name": "月嫂",
					}]
				}, {
					"id": 10,
					"name": "美容美发",
					"children": [{
						"id": 11,
						"name": "发型师",
					}]
				}],
				title: ''
			}
		},
		onLoad() {
			// this.$refs.jobSelect.show()
		},
		methods: {
			// show() {
			// 	this.$refs.jobSelect.show()
			// },
			confiremJob(e) {
				console.log(e)
				uni.navigateTo({
					url: "/pages/index/price"
				})
			}
		}
	}
</script>

<style>
	.content {}

	.top {
		display: flex;

	}


	.head-img {
		width: 100rpx;
	}
</style>