<template>
	<view class="scroll-list-card mobile-card-box">
		<!-- <view>
			<img style="width: 100rpx;height: 100rpx;;" :src="data.pic" alt="" />
		</view> -->
		<view class="mobile-card-title">{{data.ksName}}</view>
		<view class="mobile-card-row">
			<view class="timeSpan">总分：{{data.ksScore === null ? '': data.ksScore}}</view>
			<view class="timeSpan">得分：{{data.userScore === null ? '' : data.userScore}}</view>
		</view>
		<view class="mobile-card-row">
			<view class="timeSpan">及格分：{{data.okScore=== null ? '': data.okScore}}</view>
			<view class="timeSpan">时间：{{data.answerStartTime === null ? '': data.answerStartTime}}</view>
		</view>
		<button class="mobile-card-btn" @click="lookShijuan(data)">查看试卷</button>
	<!-- 	<view @click="lookPaiming(data)">查看排名</view> -->
	</view>
</template>

<script setup>
	import {
		toRefs,
		ref,
		computed
	} from "vue";
	const props = defineProps({
		data: {
			type: Object,
		},
	});
	const Emits = defineEmits(['lookShijuan', 'lookPaiming']);
	const {
		data
	} = toRefs(props);

	function lookShijuan(data) {
		Emits('lookShijuan', data)
	}

	function lookPaiming(data) {
		Emits('lookPaiming', data)
	}
</script>

