<template>
	<view class="appraise">
		<page-header :title="course" :status="status" />
		<view class="appraise-area">
			<choice-card
				v-for="(item, index) in option"
				:option="item"
				:order="index+1"
				:key="index"
				@selected="selected"
			></choice-card>
			<view class="submit">
				<u-button
					class="submit-btn"
					type="primary"
					:loading="false"
					loadingText="加载中"
					shape="10"
				>确认评价</u-button>
			</view>
		</view>
	</view>
</template>

<script>
	import choiceCard from "@/components/choice-card/choice-card"
	export default {
		data() {
			return {
				status: "已完成",
				course: "CAD高级证书考试课程",
				option: [{
						question: "您对这个老师的工作态度的评价是（ ）",
						answer: [
							"特别满意",
							"比较满意",
							"一般",
							"极差"
						]
					},
					{
						question: "您对这个老师的工作态度的评价是（ ）",
						answer: [
							"特别满意",
							"比较满意",
							"一般",
							"极差"
						]
					},
					{
						question: "您对这个老师的工作态度的评价是（ ）",
						answer: [
							"特别满意",
							"比较满意",
							"一般",
							"极差"
						]
					},
					{
						question: "您对这个老师的工作态度的评价是（ ）",
						answer: [
							"特别满意",
							"比较满意",
							"一般",
							"极差"
						]
					},
					{
						question: "您对这个老师的工作态度的评价是（ ）",
						answer: [
							"特别满意",
							"比较满意",
							"一般",
							"极差"
						]
					},
					{
						question: "您对这个老师的工作态度的评价是（ ）",
						answer: [
							"特别满意",
							"比较满意",
							"一般",
							"极差"
						]
					}
				]
			}
		},
		components: {
			choiceCard
		},
		methods: {
			selected(item) {
				console.log(item)
			}
		}
	}
</script>

<style lang="scss" scoped>
	.appraise {
		.appraise-area {
			margin: 0 40rpx;
			.submit {
				padding: 20rpx 0;
			}
		}
	}
	/deep/ .u-button--primary {
		background-color: $uni-color-primary!important;
		border-color: $uni-color-primary!important;
	}
</style>
