hotline-web/src/views/todo/seats/accept/Script-navigation.vue

<template>
<!--	<el-button @click="next">下一步</el-button>-->
	<div class="script-navigation">
		<el-steps direction="vertical" :active="active">
			<el-step title="开场语" />
			<el-step title="确认市民诉求和个人信息" />
			<el-step title="结束前语" />
			<el-step title="结束语" />
		</el-steps>
	</div>
</template>
<script setup lang="ts" name="orderAcceptScriptNavigation">
import { ref } from 'vue';
const active = ref(0);
const next = () => {
	if (active.value++ > 3) active.value = 0;
};
</script>

<style scoped lang="scss">
.script-navigation {
	padding: 0 50px 50px 50px;
	height: 300px;
	max-width: 600px;
}
</style>