|
|
@@ -34,6 +34,15 @@ const planList = ref<any>([
|
|
|
// }
|
|
|
//点击了开始测试--跳转到测试页面
|
|
|
const startPlan = (val: any) => {
|
|
|
+ let a = true
|
|
|
+ if (a) {
|
|
|
+ ElMessage({
|
|
|
+ message: '内容开发维护中',
|
|
|
+ type: 'warning'
|
|
|
+ })
|
|
|
+ return
|
|
|
+ }
|
|
|
+
|
|
|
//判断是否登录了
|
|
|
console.log(userInfo.token == '')
|
|
|
if (userInfo.token == '') {
|
|
|
@@ -177,15 +186,83 @@ onUnmounted(() => {
|
|
|
<div class="kply">
|
|
|
<div class="kply_inner">
|
|
|
<div>
|
|
|
- <div style="padding: 20px 40px;" v-show="planList.length == 0 && isFinshed">
|
|
|
+ <!-- <div style="padding: 20px 40px;" v-show="planList.length == 0 && isFinshed">
|
|
|
<div style="padding:10% 20% ;" v-show="planList.length == 0 && isFinshed">
|
|
|
<img width="60%" style="margin-left: 20%;" src="../assets/planNo.png">
|
|
|
</div>
|
|
|
+ </div> -->
|
|
|
+ <div>
|
|
|
+
|
|
|
+
|
|
|
</div>
|
|
|
+ <div class="test_record_out" v-for="item in 4">
|
|
|
+ <div class="record_tip">
|
|
|
+ <span class="record_tip_out"><span class="record_tip_inner">创建时间：</span>2024/07/26</span>
|
|
|
+ <span><span class="record_tip_inner">结束时间：</span>2024/07/26</span>
|
|
|
+ </div>
|
|
|
+ <div class="test_record">
|
|
|
+ <img src="../assets/kepu/task_1.png" />
|
|
|
+ <span>2024年度春季学期计算机与人工智能学院、软件学院测评</span>
|
|
|
+ </div>
|
|
|
+ <div class="test_time">
|
|
|
+ <span>请根据您最近一个月的实际情况，选择最符合自己的选项。所有陈述都无正确和错误之分。所以请您不要再三思考，要根据第一反应诚实作答。</span>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ <div class="content_out">
|
|
|
+ <div class="content_inner">
|
|
|
+ <div>
|
|
|
+ <div class="content_title">1.问答测试</div>
|
|
|
+ <div class="content_one">
|
|
|
+ <div class="content_single">
|
|
|
+ <img style="width: 80px;height: 80px;" src="../assets/kepu/xlwht_active.png"
|
|
|
+ alt="">
|
|
|
+ <div class="content_detail">
|
|
|
+ <div class="title">SCL90</div>
|
|
|
+ <div class="des">描述</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
|
|
|
+ <div class="task_out">
|
|
|
+ <div class="content_title">2.认知评估</div>
|
|
|
+ <div class="task_inner">
|
|
|
+ <div class="task_inner_single">
|
|
|
+ <div class="task_inner_one">
|
|
|
+ <img style="width: 80px;height: 80px"
|
|
|
+ src="../assets/kepu/xlwht_active.png" alt="">
|
|
|
+ <div class="task_content">
|
|
|
+ <div class="title">冲动掌控大师</div>
|
|
|
+ <div class="des">描述</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ <div class="task_inner_single">
|
|
|
+ <div class="task_inner_one">
|
|
|
+ <img style="width: 80px;height: 80px;"
|
|
|
+ src="../assets/kepu/xlwht_active.png" alt="">
|
|
|
+ <div class="task_content">
|
|
|
+ <div class="title">情绪波动探测器</div>
|
|
|
+ <div class="des">描述</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
|
|
|
+ <div></div>
|
|
|
+ </div>
|
|
|
+ <div class="start_button_out">
|
|
|
+ <div class="start_button_self" @click="startPlan(item)">开始测试</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
<!-- 测试记录列表 -->
|
|
|
- <div class="test_record_out" v-for="item in planList">
|
|
|
+ <!-- <div class="test_record_out" v-for="item in planList">
|
|
|
<div class="record_tip">
|
|
|
<span class="record_tip_out"><span class="record_tip_inner">创建时间：</span>{{ item.createTime
|
|
|
}}</span>
|
|
|
@@ -220,7 +297,6 @@ onUnmounted(() => {
|
|
|
|
|
|
</div>
|
|
|
</div>
|
|
|
-
|
|
|
<img class="record_diceng" v-show="item.list[0].isCompleted != 0"
|
|
|
src="../assets/kepu/diceng_active.png">
|
|
|
<img class="record_diceng" v-show="item.list[0].isCompleted == 0"
|
|
|
@@ -290,7 +366,7 @@ onUnmounted(() => {
|
|
|
<div class="start_button_out">
|
|
|
<div class="start_button_self" @click="startPlan(item)">开始测试</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
+ </div> -->
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -562,6 +638,120 @@ onUnmounted(() => {
|
|
|
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
+ .content_out {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ width: 100%;
|
|
|
+ // height: 200px;
|
|
|
+ background-color: #F7F7F7;
|
|
|
+ border-radius: 40px;
|
|
|
+
|
|
|
+ .content_inner {
|
|
|
+ padding: 20px 40px;
|
|
|
+
|
|
|
+ .content_title {
|
|
|
+ margin-bottom: 10px;
|
|
|
+ font-weight: 700;
|
|
|
+ font-size: 18px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .content_one {
|
|
|
+ border-radius: 20px;
|
|
|
+
|
|
|
+ // padding: 10px 20px;
|
|
|
+ display: flex;
|
|
|
+ background-color: #ffffff;
|
|
|
+ width: 45%;
|
|
|
+ align-items: center;
|
|
|
+
|
|
|
+ .content_single {
|
|
|
+ border-radius: 20px;
|
|
|
+
|
|
|
+ padding: 10px 20px;
|
|
|
+ display: flex;
|
|
|
+ background-color: #ffffff;
|
|
|
+ width: 45%;
|
|
|
+ align-items: center;
|
|
|
+
|
|
|
+ .content_detail {
|
|
|
+ display: flex;
|
|
|
+ margin-left: 15px;
|
|
|
+ justify-content: start;
|
|
|
+ height: 80px;
|
|
|
+ flex-direction: column;
|
|
|
+
|
|
|
+ .title {
|
|
|
+ font-weight: 700;
|
|
|
+ font-size: 18px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .des {
|
|
|
+ color: #999999;
|
|
|
+ font-size: 14px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ .task_out {
|
|
|
+ margin-top: 20px;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+
|
|
|
+ .task_inner {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+
|
|
|
+ justify-content: space-between;
|
|
|
+
|
|
|
+ .task_inner_single {
|
|
|
+
|
|
|
+ height: 100px;
|
|
|
+ border-radius: 20px;
|
|
|
+ width: 45%;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ background-color: #ffffff;
|
|
|
+ align-items: center;
|
|
|
+
|
|
|
+ .task_inner_one {
|
|
|
+ padding: 10px 20px;
|
|
|
+ border-radius: 20px;
|
|
|
+ width: 100%;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ background-color: #ffffff;
|
|
|
+ align-items: center;
|
|
|
+
|
|
|
+ .task_content {
|
|
|
+ height: 80px;
|
|
|
+ margin-left: 10px;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ width: 100%;
|
|
|
+
|
|
|
+ .title {
|
|
|
+ font-weight: 700;
|
|
|
+ font-size: 18px;
|
|
|
+ width: 100%;
|
|
|
+ }
|
|
|
+
|
|
|
+ .des {
|
|
|
+ color: #999999;
|
|
|
+ font-size: 14px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
}
|
