<template>
	<div class="inputs">
		<el-steps
			:active="inputVal"
			:direction="direction"
			align-center
			finish-status="success"
		>
			<el-step
				v-for="(item, index) in stepList"
				:title="item.title"
				:description="item.description"
				:key="index"
			></el-step>
		</el-steps>
	</div>
</template>
<script>
import utils from '@/utils.js';
export default {
	name: 'ht-step',
	props: ['value', 'direction', 'content'],
	data() {
		return {
			active: 1,
			stepList: [],
		};
	},
	computed: {
		inputVal: function () {
			if (!this.value) {
				return 1;
			}
			return this.value;
		},
	},
	mounted() {},
	created() {
		var contentjson = JSON.parse(this.content);
		this.stepList = contentjson;
	},
	methods: {},
};
</script>
<style lang="stylus" scoped></style>
