From c28f27e7a03e9c14422ae787d412c286b6ad501c Mon Sep 17 00:00:00 2001
From: ZhangXianQiang <1135831638@qq.com>
Date: 星期三, 26 六月 2024 17:49:51 +0800
Subject: [PATCH] fix:修改时间问题
---
src/views/exam-list/data-list/index.vue | 152 +++++++++++++++++++++-----------------------------
1 files changed, 65 insertions(+), 87 deletions(-)
diff --git a/src/views/exam-list/data-list/index.vue b/src/views/exam-list/data-list/index.vue
index f4d0610..11ed91c 100644
--- a/src/views/exam-list/data-list/index.vue
+++ b/src/views/exam-list/data-list/index.vue
@@ -1,112 +1,41 @@
<template>
<div class="list-container w-full h-full">
<el-scrollbar>
- <el-card shadow="hover" class="mb-3">
+ <el-card shadow="hover" class="mb-3" v-for="item in props.dataList">
<div class="item flex justify-between items-center">
<div class="left-container flex flex-col justify-between">
<div class="top-container flex items-center">
- <div class="title mr-5 text-xl font-bold">娴嬭瘯娴嬭瘯娴嬭瘯娴嬭瘯娴嬭瘯</div>
+ <div class="title mr-5 text-xl font-bold">{{ item.examName }}</div>
<div class="tag">
- <el-tag type="primary" effect="light" round>
- 鏈紑濮�
+ <el-tag :type="stateList[item.status].type" effect="light" round>
+ {{ stateList[item.status].text }}
</el-tag>
</div>
</div>
<div class="mid-container flex items-center my-4 text-gray-700">
- <el-icon class="mr-1"><Timer /></el-icon>
+ <el-icon class="mr-1">
+ <Timer />
+ </el-icon>
<div class="time">
- 鑰冭瘯鏃堕棿: 2024-6-5 08:00 ~ 2024-6-5 10:00
+ 鑰冭瘯鏃堕棿: {{ item.startTime }} ~ {{ item.endTime }}
</div>
</div>
- <div class="bottom-container flex text-sm text-gray-400">
+ <!-- <div class="bottom-container flex text-sm text-gray-400">
<div class="bottom-item">
- 鎬诲垎: 100
+ 鎬诲垎: {{ item.examScore }}
</div>
<div class="bottom-item">
- 棰樻暟: 20
+ 棰樻暟: {{ item.examTotal }}
</div>
<div class="bottom-item">
- 绛旈鏃堕棿: 20鍒嗛挓
+ 绛旈鏃堕棿: {{ item.examTime }}鍒嗛挓
</div>
- </div>
+ </div> -->
</div>
<div class="right-container">
<div class="button-container">
- <el-button type="primary" size="large">寮�濮嬭�冭瘯</el-button>
- </div>
- </div>
- </div>
- </el-card>
-
- <el-card shadow="hover" class="mb-3">
- <div class="item flex justify-between items-center">
- <div class="left-container flex flex-col justify-between">
- <div class="top-container flex items-center">
- <div class="title mr-5 text-xl font-bold">娴嬭瘯娴嬭瘯娴嬭瘯娴嬭瘯娴嬭瘯</div>
- <div class="tag">
- <el-tag type="primary" effect="light" round>
- 鏈紑濮�
- </el-tag>
- </div>
- </div>
- <div class="mid-container flex items-center my-4 text-gray-700">
- <el-icon class="mr-1"><Timer /></el-icon>
- <div class="time">
- 鑰冭瘯鏃堕棿: 2024-6-5 08:00 ~ 2024-6-5 10:00
- </div>
- </div>
- <div class="bottom-container flex text-sm text-gray-400">
- <div class="bottom-item">
- 鎬诲垎: 100
- </div>
- <div class="bottom-item">
- 棰樻暟: 20
- </div>
- <div class="bottom-item">
- 绛旈鏃堕棿: 20鍒嗛挓
- </div>
- </div>
- </div>
- <div class="right-container">
- <div class="button-container">
- <el-button type="primary" size="large">寮�濮嬭�冭瘯</el-button>
- </div>
- </div>
- </div>
- </el-card>
-
- <el-card shadow="hover" class="mb-3">
- <div class="item flex justify-between items-center">
- <div class="left-container flex flex-col justify-between">
- <div class="top-container flex items-center">
- <div class="title mr-5 text-xl font-bold">娴嬭瘯娴嬭瘯娴嬭瘯娴嬭瘯娴嬭瘯</div>
- <div class="tag">
- <el-tag type="primary" effect="light" round>
- 鏈紑濮�
- </el-tag>
- </div>
- </div>
- <div class="mid-container flex items-center my-4 text-gray-700">
- <el-icon class="mr-1"><Timer /></el-icon>
- <div class="time">
- 鑰冭瘯鏃堕棿: 2024-6-5 08:00 ~ 2024-6-5 10:00
- </div>
- </div>
- <div class="bottom-container flex text-sm text-gray-400">
- <div class="bottom-item">
- 鎬诲垎: 100
- </div>
- <div class="bottom-item">
- 棰樻暟: 20
- </div>
- <div class="bottom-item">
- 绛旈鏃堕棿: 20鍒嗛挓
- </div>
- </div>
- </div>
- <div class="right-container">
- <div class="button-container">
- <el-button type="primary" size="large">寮�濮嬭�冭瘯</el-button>
+ <el-button type="primary" size="large" @click="examClick(item)"
+ :disabled="stateList[item.status].disabled">寮�濮嬭�冭瘯</el-button>
</div>
</div>
</div>
@@ -116,9 +45,57 @@
</template>
<script setup>
-import {ref} from 'vue';
+import { ref } from 'vue';
import { Timer } from '@element-plus/icons-vue';
+import { useRouter } from 'vue-router';
+import { useExamStore } from '@/store/index.js';
+import { getExamInfo } from '@/api/modules/exam.js';
+const examStore = useExamStore();
+
+const router = useRouter();
+
+const props = defineProps({
+ dataList: {
+ type: Array,
+ default: () => []
+ }
+});
+
+const stateList = {
+ 1: {
+ text: '鏈紑濮�',
+ type: 'primary',
+ disabled: true
+ },
+ 'ing': {
+ text: '杩涜涓�',
+ type: 'success',
+ disabled: false
+ },
+ 3: {
+ text: '宸茬粨鏉�',
+ type: 'info',
+ disabled: true
+ }
+};
+
+const examClick = (exam) => {
+ console.log(exam);
+ getExamInfo(exam.id).then((res) => {
+ examStore.setExamInfo({
+ examName: res.data.examName,
+ examTime: res.data.suggestTime,
+ });
+ examStore.setExamDetail(res.data.titleList);
+ // examStore.setExamInfo(res.data.examInfo);
+ // examStore.setExamDetail(res.data.examQuestionList);
+ // examStore.initExam();
+ router.push('/exam');
+ }).catch(err => {
+
+ });
+}
</script>
@@ -127,6 +104,7 @@
width: 100%;
min-height: 120px;
}
+
.bottom-item {
margin-right: 30px;
}
--
Gitblit v1.8.0