<template>
	<view class="process-wrap">
		<view class="process-title">
			<text>{{ title }}</text>
		</view>
		<view class="process-steps">
			<u-steps :list="numList" :current="process" mode="number"></u-steps>
		</view>
	</view>
</template>

<script>
export default {
	// import {u-steps} from ''
	name: 'process',
	props:{
		process: {
			type: Number,
			default: 0
		},
		title: {
			type: String,
			default: '业务流程'
		},
		type: {
			type: Number,
			default: 0
		}
	},
	data() {
		return {
			stepsNums: [],
			numList: [
				{
					name: '业务介绍'
				},
				{
					name: '申请入驻'
				},
				{
					name: '在线考试'
				},
				{
					name: '在线签约'
				},
				{
					name: '开始接单'
				}
			]
		};
	},
	onLoad() {
		let that = this
		// 兼容后期配置,有需要可以加载数据显示
		that.stepsNums = that.numList
	},
	computed: {},
	methods: {},
};
</script>

<style lang="scss" scoped>
.process-wrap {
	border: 4rpx solid #2272ff;
	border-radius: 10rpx;
	background-color: #ebebeb;
	margin: 20rpx;
	padding: 10rpx;
}

.process-title {
	font-size: 40rpx;
	font-weight: bold;
	text-align: center;
}

.process-steps {
	margin-top: 40rpx;
}
</style>
