From 370ed0ab1bc6c7d572518000eac4126ea192a3d6 Mon Sep 17 00:00:00 2001
From: JayChou <xxx@gmail.com>
Date: Wed, 26 Mar 2025 17:38:42 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E5=AE=9E=E9=AA=8C=E5=AE=8C?=
 =?UTF-8?q?=E6=88=90=E5=90=8E=E5=AE=9E=E9=AA=8C=E4=B8=8D=E5=8F=AF=E6=93=8D?=
 =?UTF-8?q?=E4=BD=9C=20=E5=AF=B9=E6=8E=A5=E6=8F=90=E4=BA=A4=E6=9F=A5?=
 =?UTF-8?q?=E7=9C=8B=E5=88=86=E6=95=B0=20=E5=A2=9E=E5=8A=A0=E7=99=BB?=
 =?UTF-8?q?=E5=BD=95=E9=AA=8C=E8=AF=81=E7=A0=81=E5=A4=B1=E8=B4=A5=E6=AD=A5?=
 =?UTF-8?q?=E5=88=B7=E6=96=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/index.ts                     |   6 +
 src/layout/index.vue                 |  49 +++-
 src/layout/loginPage.vue             | 378 ++++++++++++++++++---------
 src/layout/studyPage.vue             | 104 +++++++-
 src/store/modules/setting.ts         |   1 +
 src/store/modules/user.ts            |  25 +-
 src/views/compiler/index.vue         |   6 +-
 src/views/designRoute/index.vue      |   2 +
 src/views/experimentalData/index.vue |   2 +
 src/views/largeDataScreen/home.vue   |  81 ++++--
 src/views/program/index.vue          |  17 +-
 11 files changed, 490 insertions(+), 181 deletions(-)

diff --git a/src/api/index.ts b/src/api/index.ts
index 185b91c..0ef05db 100644
--- a/src/api/index.ts
+++ b/src/api/index.ts
@@ -81,4 +81,10 @@ export const submitExperiment = (data:any) => {
     method:"POST",
     data
   })
+}
+// 查看得分
+export const getScore = () => {
+  return request({
+    url:'/xnRecords/getExperimentaInfo'
+  })
 }
\ No newline at end of file
diff --git a/src/layout/index.vue b/src/layout/index.vue
index 0501961..0ffe8b3 100644
--- a/src/layout/index.vue
+++ b/src/layout/index.vue
@@ -4,7 +4,7 @@
       <div class="loginBtn">
         <p @click="loginFn">{{ user.token ? "已登录" : "登录/注册" }}</p>
       </div>
-      
+
       <div class="title">{{ setting.title }}</div>
     </div>
     <router-view v-slot="{ Component }">
@@ -13,13 +13,19 @@
       </keep-alive>
     </router-view>
     <keep-alive> </keep-alive>
-    <div class="bottom"></div>
+    <div class="bottom" v-if=" setting.activeStepIndex!=12">
+      当前实验步骤为第{{ setting.activeStepIndex }}步，实验名称为:{{
+        stepData[setting.activeStepIndex]
+      }}，共11步
+    </div>
+    <div class="bottom" v-else>全部实验完成</div>
+
   </div>
 </template>
 
 <script lang="ts" setup>
 import { useRouter } from "vue-router";
-// import { onMounted, reactive, ref, toRefs, watch } from "vue";
+import { watch } from "vue";
 import settingStore from "@/store/modules/setting";
 import userStore from "@/store/modules/user";
 const user = userStore();
@@ -30,13 +36,32 @@ console.log(setting.title);
 const loginFn = () => {
   // user.token ? router.push("/spacePage") : "";
 
-if(user.token){
-
-  router.push("/spacePage")
-  return
-}
+  if (user.token) {
+    router.push("/spacePage");
+    return;
+  }
   router.push("/login");
 };
+const stepData:any = {
+  "1": "LabVIEW软件的安装及配置",
+  "2": "构建温湿度传感器模型",
+  "3": "编写程序框图程序",
+  "4": "调试控制测试",
+  "5": "配置LabVIEW网络通信控件及端口",
+  "6": "虚拟机安装",
+  "7": "虚拟Windows 主机",
+  "8": "编写服务器端程序",
+  "9": "服务器与LabVIEW模拟终端通信调试",
+  "10": "服务器端读取LabVIEW模拟传感器的数据",
+  "11": "实验总结，攥写实验报告",
+  '12':'全部完成'
+};
+watch(
+  () => setting.activeStepIndex,
+  (newValue: number) => {
+    localStorage.setItem("activeStepIndex", newValue.toString());
+  }
+);
 </script>
 
 <style lang="scss" scoped>
@@ -90,4 +115,12 @@ if(user.token){
     }
   }
 }
+.bottom {
+  position: absolute;
+  top: 120px;
+  left: 50%;
+  transform: translateX(-50%);
+  font-size: 22px;
+  color: #fff;
+}
 </style>
diff --git a/src/layout/loginPage.vue b/src/layout/loginPage.vue
index c71ab96..11281ef 100644
--- a/src/layout/loginPage.vue
+++ b/src/layout/loginPage.vue
@@ -8,56 +8,94 @@
         <div class="errorBtn" @click="clickErrorBtn"></div>
         <el-row style="display: flex; justify-content: center">
           <el-col>
-            <el-form :rules="rules" :model="formModel" ref="formRef" size="large" autocomplete="off" v-if="isRegister">
+            <el-form
+              :rules="rules"
+              :model="formModel"
+              ref="formRef"
+              size="large"
+              autocomplete="off"
+              v-if="isRegister"
+            >
               <el-form-item prop="username">
-                <div style="display: flex; align-items: center;">
-                  <div class="left" style="display: flex; align-items: center;width: 90px;">
+                <div style="display: flex; align-items: center">
+                  <div
+                    class="left"
+                    style="display: flex; align-items: center; width: 90px"
+                  >
                     <div style="padding-right: 10px; color: #1084c1">
                       <el-icon class="bold-icon">
                         <User />
                       </el-icon>
                     </div>
-                    <div style="padding-right: 10px; color: #2592a1">用户账号</div>
+                    <div style="padding-right: 10px; color: #2592a1">
+                      用户账号
+                    </div>
                   </div>
                   <div class="right">
-                    <el-input v-model="formModel.username" placeholder="请输入用户账号"></el-input>
+                    <el-input
+                      v-model="formModel.username"
+                      placeholder="请输入用户账号"
+                    ></el-input>
                   </div>
                 </div>
               </el-form-item>
               <el-form-item prop="password">
-                <div style="display: flex; align-items: center;">
-                  <div class="left" style="display: flex; align-items: center ;width: 90px;">
+                <div style="display: flex; align-items: center">
+                  <div
+                    class="left"
+                    style="display: flex; align-items: center; width: 90px"
+                  >
                     <div style="padding-right: 10px; color: #1084c1">
                       <el-icon class="bold-icon">
                         <Lock />
                       </el-icon>
                     </div>
-                    <div style="padding-right: 10px; color: #2592a1">用户密码</div>
+                    <div style="padding-right: 10px; color: #2592a1">
+                      用户密码
+                    </div>
                   </div>
                   <div class="right">
-                    <el-input type="password" v-model="formModel.password" placeholder="请输入密码" show-password></el-input>
+                    <el-input
+                      type="password"
+                      v-model="formModel.password"
+                      placeholder="请输入密码"
+                      show-password
+                    ></el-input>
                   </div>
                 </div>
               </el-form-item>
               <el-form-item prop="repassword">
-                <div style="display: flex; align-items: center;">
-                  <div class="left" style="display: flex; align-items: center ;width: 90px;">
+                <div style="display: flex; align-items: center">
+                  <div
+                    class="left"
+                    style="display: flex; align-items: center; width: 90px"
+                  >
                     <div style="padding-right: 10px; color: #1084c1">
                       <el-icon class="bold-icon">
                         <Lock />
                       </el-icon>
                     </div>
-                    <div style="padding-right: 10px; color: #2592a1">确认密码</div>
+                    <div style="padding-right: 10px; color: #2592a1">
+                      确认密码
+                    </div>
                   </div>
                   <div class="right">
-                    <el-input type="password" v-model="formModel.repassword" style="border-color: #20bec8"
-                      placeholder="请再次输入密码" show-password></el-input>
+                    <el-input
+                      type="password"
+                      v-model="formModel.repassword"
+                      style="border-color: #20bec8"
+                      placeholder="请再次输入密码"
+                      show-password
+                    ></el-input>
                   </div>
                 </div>
               </el-form-item>
               <el-form-item prop="name">
                 <div style="display: flex; align-items: center; color: pink">
-                  <div class="left" style="display: flex; align-items: center;width: 90px;">
+                  <div
+                    class="left"
+                    style="display: flex; align-items: center; width: 90px"
+                  >
                     <div style="padding-right: 10px; color: #1084c1">
                       <el-icon class="bold-icon">
                         <Stamp />
@@ -66,14 +104,21 @@
                     <div style="padding-right: 10px; color: #2592a1">姓名</div>
                   </div>
                   <div class="right">
-                    <el-input v-model="formModel.name" style="border-color: #20bec8;" placeholder="请输入姓名"></el-input>
+                    <el-input
+                      v-model="formModel.name"
+                      style="border-color: #20bec8"
+                      placeholder="请输入姓名"
+                    ></el-input>
                   </div>
                 </div>
               </el-form-item>
 
               <el-form-item prop="clssid">
-                <div style="display: flex; align-items: center;">
-                  <div class="left" style="display: flex; align-items: center ;width: 90px;">
+                <div style="display: flex; align-items: center">
+                  <div
+                    class="left"
+                    style="display: flex; align-items: center; width: 90px"
+                  >
                     <div style="padding-right: 10px; color: #1084c1">
                       <el-icon class="bold-icon">
                         <Avatar />
@@ -82,15 +127,23 @@
                     <div style="padding-right: 10px; color: #2592a1">班级</div>
                   </div>
                   <div class="right">
-                    <el-cascader placeholder="请选择所属班级" :props="props" style="width: 142%; height: 0.2344rem"
-                      v-model="formModel.clssid" @change="handleChange" />
+                    <el-cascader
+                      placeholder="请选择所属班级"
+                      :props="props"
+                      style="width: 142%; height: 0.2344rem"
+                      v-model="formModel.clssid"
+                      @change="handleChange"
+                    />
                   </div>
                 </div>
               </el-form-item>
               <!-- <el-cascader :props="props" style="width: 100%; height: 0.2344rem" v-model="formModel.clssid" /> -->
               <el-form-item prop="studentNumb">
-                <div style="display: flex; align-items: center;">
-                  <div class="left" style="display: flex; align-items: center ;width: 90px;">
+                <div style="display: flex; align-items: center">
+                  <div
+                    class="left"
+                    style="display: flex; align-items: center; width: 90px"
+                  >
                     <div style="padding-right: 10px; color: #1084c1">
                       <el-icon class="bold-icon">
                         <Avatar />
@@ -99,39 +152,60 @@
                     <div style="padding-right: 10px; color: #2592a1">学号</div>
                   </div>
                   <div class="right">
-                    <el-input v-model="formModel.studentNumb" style="border-color: #20bec8"
-                      placeholder="请输入学号"></el-input>
+                    <el-input
+                      v-model="formModel.studentNumb"
+                      style="border-color: #20bec8"
+                      placeholder="请输入学号"
+                    ></el-input>
                   </div>
                 </div>
               </el-form-item>
               <el-form-item prop="mobile">
-                <div style="display: flex; align-items: center;">
-                  <div class="left" style="display: flex; align-items: center ;width: 90px;">
+                <div style="display: flex; align-items: center">
+                  <div
+                    class="left"
+                    style="display: flex; align-items: center; width: 90px"
+                  >
                     <div style="padding-right: 10px; color: #1084c1">
                       <el-icon class="bold-icon">
                         <Iphone />
                       </el-icon>
                     </div>
-                    <div style="padding-right: 10px; color: #2592a1">手机号</div>
+                    <div style="padding-right: 10px; color: #2592a1">
+                      手机号
+                    </div>
                   </div>
                   <div class="right">
-                    <el-input v-model="formModel.mobile" style="border-color: #20bec8" placeholder="请输入手机号"></el-input>
+                    <el-input
+                      v-model="formModel.mobile"
+                      style="border-color: #20bec8"
+                      placeholder="请输入手机号"
+                    ></el-input>
                   </div>
                 </div>
               </el-form-item>
               <el-form-item>
-                <div style="display: flex; align-items: center;">
-                  <div class="left" style="display: flex; align-items: center ;width: 90px;">
+                <div style="display: flex; align-items: center">
+                  <div
+                    class="left"
+                    style="display: flex; align-items: center; width: 90px"
+                  >
                     <div style="padding-right: 10px; color: #1084c1">
                       <el-icon class="bold-icon">
                         <Grid />
                       </el-icon>
                     </div>
-                    <div style="padding-right: 10px; color: #2592a1">验证码</div>
+                    <div style="padding-right: 10px; color: #2592a1">
+                      验证码
+                    </div>
                   </div>
                   <div class="right">
                     <div class="captcha">
-                      <el-input v-model="formModel.captcha" style="height: 0.2344rem" maxlength="4" />
+                      <el-input
+                        v-model="formModel.captcha"
+                        style="height: 0.2344rem"
+                        maxlength="4"
+                      />
                       <div class="code" @click="getcodeinfo">
                         <img :src="codeUrl" alt="" srcset="" />
                       </div>
@@ -140,12 +214,32 @@
                 </div>
               </el-form-item>
               <el-form-item>
-                <el-button style="color: #3ad7e2; background-color: #0e2e5e; width: 152px;margin-top: 10px;"
-                  class="button" type="primary" auto-insert-space @click="register">
+                <el-button
+                  style="
+                    color: #3ad7e2;
+                    background-color: #0e2e5e;
+                    width: 152px;
+                    margin-top: 10px;
+                  "
+                  class="button"
+                  type="primary"
+                  auto-insert-space
+                  @click="register"
+                >
                   注册
                 </el-button>
-                <el-button style="color: #3ad7e2; background-color: #0e2e5e; width: 155px;margin-top: 10px;"
-                  class="button" type="primary" auto-insert-space @click="toLogin">
+                <el-button
+                  style="
+                    color: #3ad7e2;
+                    background-color: #0e2e5e;
+                    width: 155px;
+                    margin-top: 10px;
+                  "
+                  class="button"
+                  type="primary"
+                  auto-insert-space
+                  @click="toLogin"
+                >
                   返回到登录页
                 </el-button>
               </el-form-item>
@@ -156,21 +250,37 @@
                             </el-link>
                         </el-form-item> -->
             </el-form>
-            <el-form style="margin-bottom: 80px;" :model="formModel" :rules="rules" ref="formRef" size="large"
-              autocomplete="off" v-else class="custom-form">
-              <el-form-item prop="username" style="margin-bottom: 30px;">
-                <div style="display: flex; align-items: center;">
-                  <div class="left" style="display: flex; align-items: center;width: 90px;">
+            <el-form
+              style="margin-bottom: 80px"
+              :model="formModel"
+              :rules="rules"
+              ref="formRef"
+              size="large"
+              autocomplete="off"
+              v-else
+              class="custom-form"
+            >
+              <el-form-item prop="username" style="margin-bottom: 30px">
+                <div style="display: flex; align-items: center">
+                  <div
+                    class="left"
+                    style="display: flex; align-items: center; width: 90px"
+                  >
                     <div style="padding-right: 10px; color: #1084c1">
                       <el-icon class="bold-icon">
                         <User />
                       </el-icon>
                     </div>
-                    <div style="padding-right: 10px; color: #2592a1">用户名</div>
+                    <div style="padding-right: 10px; color: #2592a1">
+                      用户名
+                    </div>
                   </div>
                   <div class="right">
-                    <el-input v-model="formModel.username" style="height: 0.2344rem ;width: 250px;"
-                      placeholder="请输入用户名"></el-input>
+                    <el-input
+                      v-model="formModel.username"
+                      style="height: 0.2344rem; width: 250px"
+                      placeholder="请输入用户名"
+                    ></el-input>
                   </div>
                 </div>
               </el-form-item>
@@ -190,9 +300,12 @@
                   </div>
                 </div>
               </el-form-item> -->
-              <el-form-item prop="password" style="margin-bottom: 30px;">
-                <div style="display: flex; align-items: center;">
-                  <div class="left" style="display: flex; align-items: center ;width: 90px;">
+              <el-form-item prop="password" style="margin-bottom: 30px">
+                <div style="display: flex; align-items: center">
+                  <div
+                    class="left"
+                    style="display: flex; align-items: center; width: 90px"
+                  >
                     <div style="padding-right: 10px; color: #1084c1">
                       <el-icon class="bold-icon">
                         <Lock />
@@ -201,24 +314,37 @@
                     <div style="padding-right: 10px; color: #2592a1">密码</div>
                   </div>
                   <div class="right">
-                    <el-input type="password" v-model="formModel.password" style="height: 0.2344rem;width: 250px;"
-                      placeholder="请输入密码"></el-input>
+                    <el-input
+                      type="password"
+                      v-model="formModel.password"
+                      style="height: 0.2344rem; width: 250px"
+                      placeholder="请输入密码"
+                    ></el-input>
                   </div>
                 </div>
               </el-form-item>
-              <el-form-item style="margin-bottom: 35px;">
-                <div style="display: flex; align-items: center;">
-                  <div class="left" style="display: flex; align-items: center ;width: 90px;">
+              <el-form-item style="margin-bottom: 35px">
+                <div style="display: flex; align-items: center">
+                  <div
+                    class="left"
+                    style="display: flex; align-items: center; width: 90px"
+                  >
                     <div style="padding-right: 10px; color: #1084c1">
                       <el-icon class="bold-icon">
                         <Grid />
                       </el-icon>
                     </div>
-                    <div style="padding-right: 10px; color: #2592a1">验证码</div>
+                    <div style="padding-right: 10px; color: #2592a1">
+                      验证码
+                    </div>
                   </div>
                   <div class="right">
                     <div class="captcha">
-                      <el-input v-model="formModel.captcha" style="height: 0.2344rem;width: 250px;" maxlength="4" />
+                      <el-input
+                        v-model="formModel.captcha"
+                        style="height: 0.2344rem; width: 250px"
+                        maxlength="4"
+                      />
                       <div class="code" @click="getcodeinfo">
                         <img :src="codeUrl" alt="" srcset="" />
                       </div>
@@ -235,10 +361,22 @@
                             </div>
                         </el-form-item> -->
               <el-form-item>
-                <el-button style="margin:30px 50px 0px 20px;" class="hexagon-button" type="primary" auto-insert-space
-                  @click="login">登录</el-button>
-                <el-button style="margin:30px 0px 0px 0;" class="hexagon-button" type="primary" auto-insert-space
-                  @click="toRegister">去注册</el-button>
+                <el-button
+                  style="margin: 30px 50px 0px 20px"
+                  class="hexagon-button"
+                  type="primary"
+                  auto-insert-space
+                  @click="login"
+                  >登录</el-button
+                >
+                <el-button
+                  style="margin: 30px 0px 0px 0"
+                  class="hexagon-button"
+                  type="primary"
+                  auto-insert-space
+                  @click="toRegister"
+                  >去注册</el-button
+                >
               </el-form-item>
             </el-form>
           </el-col>
@@ -252,14 +390,21 @@
 <script setup lang="ts">
 // import { ref } from "vue"
 // import { onMounted, reactive, ref, toRefs, watch } from "vue";
-import { ElMessage} from 'element-plus'
+import { ElMessage } from "element-plus";
 import settingStore from "@/store/modules/setting";
-import { User, Lock, Avatar, Stamp, Grid, Iphone } from "@element-plus/icons-vue";
-import { ref,onMounted} from "vue";
+import {
+  User,
+  Lock,
+  Avatar,
+  Stamp,
+  Grid,
+  Iphone,
+} from "@element-plus/icons-vue";
+import { ref, onMounted } from "vue";
 import userStore from "@/store/modules/user";
-import { getCode, sturegister, getFaculties } from '@/api/user'
+import { getCode, sturegister, getFaculties } from "@/api/user";
 import { useRouter } from "vue-router";
-const router = useRouter()
+const router = useRouter();
 const setting = settingStore();
 const user = userStore();
 console.log(setting.title);
@@ -271,19 +416,19 @@ const formModel = ref({
   password: "",
   repassword: "",
   name: "",
-  clssid: '',
+  clssid: "",
   studentNumb: "",
-  mobile: '',
+  mobile: "",
   captcha: "",
 });
 
-const FacultiesList = ref([])
+const FacultiesList = ref([]);
 const getFacultiesList = async (data: any) => {
-  const res: any = await getFaculties(data)
-  console.log(res, 'res11')
-  FacultiesList.value = res.result
-}
-const deepValues = ref([])
+  const res: any = await getFaculties(data);
+  console.log(res, "res11");
+  FacultiesList.value = res.result;
+};
+const deepValues = ref([]);
 // 配置部门级联选择器
 const props = {
   lazy: true,
@@ -291,24 +436,23 @@ const props = {
   emitPath: false,
   async lazyLoad(node: any, resolve: any) {
     console.log(node);
-    deepValues.value = node.pathValues
+    deepValues.value = node.pathValues;
     await getFacultiesList({
       primaryType: node.level + 1,
       pid: node.value,
-    })
+    });
     const nodes = FacultiesList.value.map((item: any) => ({
       value: item.id,
       label: item.name,
-    }))
-    resolve(nodes)
+    }));
+    resolve(nodes);
   },
-}
+};
 
 const handleChange = (e: any) => {
   console.log(e);
-  formModel.value.clssid = e
-}
-
+  formModel.value.clssid = e;
+};
 
 // 添加校验规则
 const rules = {
@@ -359,9 +503,7 @@ const rules = {
       trigger: "blur",
     },
   ],
-  clssid: [
-    { required: true, message: "请选择所属班级", trigger: "blur" },
-  ],
+  clssid: [{ required: true, message: "请选择所属班级", trigger: "blur" }],
   mobile: [
     { required: true, message: "请输入手机号", trigger: "blur" },
     {
@@ -369,7 +511,7 @@ const rules = {
       message: "手机号格式不正确",
       trigger: ["change", "blur"],
     },
-  ]
+  ],
 };
 const register = async () => {
   await formRef.value.validate();
@@ -383,32 +525,28 @@ const register = async () => {
     username: formModel.value.username,
     realname: formModel.value.name,
     workno: formModel.value.studentNumb,
-    depid: deepValues.value.slice(0, 2).join(',')
+    depid: deepValues.value.slice(0, 2).join(","),
   };
   try {
-    const res: any = await sturegister(data)
+    const res: any = await sturegister(data);
     formModel.value = {
       username: "",
       password: "",
       repassword: "",
       name: "",
-      clssid: '',
+      clssid: "",
       studentNumb: "",
-      mobile: '',
+      mobile: "",
       captcha: "",
-    }
-    ElMessage.success(`注册成功`)
-    isRegister.value = false
-    
-
+    };
+    ElMessage.success(`注册成功`);
+    isRegister.value = false;
   } catch (error) {
     console.log(error);
-    
-    getcodeinfo()
-
+    getcodeinfo();
   }
-    
-    // getcodeinfo()
+
+  // getcodeinfo()
 };
 const codeUrl = ref("");
 const getcodeinfo = async () => {
@@ -426,27 +564,30 @@ const login = async () => {
     password: formModel.value.password,
     username: formModel.value.username,
   };
-  const res = await user.logIn(data);
-  if (res) {
-    router.push('/studyPage')
+  try {
+    const res = await user.logIn(data);
+    if (res) {
+      router.push("/studyPage");
+    }
+  } catch (error) {
+    getcodeinfo();
   }
-
 };
 const toRegister = () => {
-  isRegister.value = true
+  isRegister.value = true;
   getcodeinfo();
-}
+};
 const toLogin = () => {
-  isRegister.value = false
+  isRegister.value = false;
   getcodeinfo();
-}
+};
 
-const clickErrorBtn=()=>{
-  console.log('aaa');
-}
-onMounted(()=>{
+const clickErrorBtn = () => {
+  console.log("aaa");
+};
+onMounted(() => {
   getcodeinfo();
-})
+});
 </script>
 
 <style lang="less" scoped>
@@ -482,25 +623,25 @@ onMounted(()=>{
     height: 1000px;
     min-height: 100vh;
     // margin: 0;
-    .middle-content{
-    position: relative;
+    .middle-content {
+      position: relative;
       width: 60%;
-      height:80%;
+      height: 80%;
       display: flex;
-        justify-content: center;
-        align-items: center;
+      justify-content: center;
+      align-items: center;
       // background-color: pink;
       background: url("../assets/images/login.png") no-repeat;
       background-position: 59% -7px;
       background-size: 75% auto;
     }
-    .errorBtn{
+    .errorBtn {
       position: absolute;
       top: 30px;
       right: 122px;
       width: 50px;
-        height: 50px;
-        background-color: transparent;
+      height: 50px;
+      background-color: transparent;
       clip-path: polygon(100% 0, 0 0, 100% 100%);
       cursor: pointer;
     }
@@ -555,7 +696,6 @@ onMounted(()=>{
 .el-input {
   width: 300px;
   height: 36px;
-  
 }
 
 :deep(.el-form-item__error) {
diff --git a/src/layout/studyPage.vue b/src/layout/studyPage.vue
index 69b588c..2f885ab 100644
--- a/src/layout/studyPage.vue
+++ b/src/layout/studyPage.vue
@@ -31,7 +31,11 @@
       <div
         class="box"
         :style="{
-          backgroundImage: isBox3Clicked ? `url(${btn1})` : `url(${btn2})`,
+          backgroundImage: isShowExperiment
+            ? `url(${btn1})`
+            : isBox2Clicked
+            ? `url(${btn1})`
+            : `url(${btn2})`,
         }"
         style="margin-bottom: 80px"
         @click="handleBoxClick(3)"
@@ -40,6 +44,46 @@
       </div>
     </div>
   </div>
+  <el-dialog v-model="dialogVisible" title="学生成绩详情" width="500px">
+    <div class="score-info">
+      <el-descriptions :column="2" border>
+        <el-descriptions-item label="姓名">{{
+          studentData.realname
+        }}</el-descriptions-item>
+        <el-descriptions-item label="用户名">{{
+          studentData.username
+        }}</el-descriptions-item>
+        <el-descriptions-item label="班级">{{
+          studentData.className
+        }}</el-descriptions-item>
+        <el-descriptions-item label="院系">{{
+          studentData.depName
+        }}</el-descriptions-item>
+        <el-descriptions-item label="总分">{{
+          studentData.score
+        }}</el-descriptions-item>
+        <el-descriptions-item label="完成状态">
+          {{ studentData.isComplete ? "已完成" : "未完成" }}
+        </el-descriptions-item>
+        <el-descriptions-item label="知识点得分">{{
+          studentData.kpPercentage
+        }}</el-descriptions-item>
+        <el-descriptions-item label="题目得分">{{
+          studentData.qoPercentage
+        }}</el-descriptions-item>
+        <el-descriptions-item label="总得分率">{{
+          studentData.toPercentage
+        }}</el-descriptions-item>
+      </el-descriptions>
+    </div>
+
+    <template #footer>
+      <span class="dialog-footer">
+        <el-button @click="dialogVisible = false">关闭</el-button>
+        <el-button type="primary" @click="saveScore">确认提交</el-button>
+      </span>
+    </template>
+  </el-dialog>
 </template>
 
 <script setup lang="ts" name="studyPage">
@@ -50,8 +94,10 @@ const setting = settingStore();
 import userStore from "@/store/modules/user";
 import btn1 from "@/assets/images/btn1.png";
 import btn2 from "@/assets/images/btn2.png";
-import { submitExperiment } from "@/api";
-import { ElMessage } from "element-plus";
+import { submitExperiment, getScore } from "@/api";
+import { ElMessage, ElMessageBox } from "element-plus";
+const isShowExperiment =
+  Number(localStorage.getItem("activeStepIndex")) == 12 ? true : false;
 const router = useRouter();
 const user = userStore();
 const loginFn = () => {
@@ -88,18 +134,50 @@ const handleBoxClick = (boxNumber) => {
       break;
   }
 };
+const dialogVisible = ref(false);
 
+const studentData = ref<any>({
+  classId: null,
+  className: "软件工程",
+  depName: "国际学院-国际学院",
+  isComplete: 0,
+  kpPercentage: 0,
+  phone: null,
+  qoPercentage: 325,
+  realname: "无糖",
+  score: 195,
+  studyRecords_id: "1903276190361743362",
+  toPercentage: 195,
+  username: "test1",
+  workNo: null,
+});
 const submit = async () => {
-  await submitExperiment({ getStudyRecords_id: user.userInfo.id }).then(
-    (res: any) => {
-      console.log(res);
-      if (res.code == 500) {
-        ElMessage.error(res.message);
-      } else {
-        ElMessage.success(res.message);
-      }
-    }
-  );
+  const res: any = await getScore();
+  studentData.value = res.result;
+  dialogVisible.value = true;
+  return;
+};
+const saveScore = async () => {
+  ElMessageBox.confirm(
+    "确定要提交吗?一旦提交任何数据不能更改，请确保已经完成所有项目"
+  )
+    .then(async () => {
+      await submitExperiment({
+        studyRecords_id: studentData.value.studyRecords_id,
+      }).then((res: any) => {
+        console.log(res);
+        if (res.code == 500) {
+          ElMessage.error(res.message);
+        } else {
+          ElMessage.success(res.message);
+        }
+        localStorage.setItem("falg", "true");
+        dialogVisible.value = false;
+      });
+    })
+    .catch(() => {
+      // catch error
+    });
 };
 </script>
 
diff --git a/src/store/modules/setting.ts b/src/store/modules/setting.ts
index f06b7ec..4bf063d 100644
--- a/src/store/modules/setting.ts
+++ b/src/store/modules/setting.ts
@@ -28,6 +28,7 @@ const settingStore = defineStore("settingStore", {
       isRunning: false,
       isRunCode: Boolean(localStorage.getItem("isRunCode")) || false,
       shiyanData: [],
+      activeStepIndex:Number(localStorage.getItem('activeStepIndex')) || 0
     };
   },
   actions: {
diff --git a/src/store/modules/user.ts b/src/store/modules/user.ts
index 6b37de5..6332d5e 100644
--- a/src/store/modules/user.ts
+++ b/src/store/modules/user.ts
@@ -10,17 +10,22 @@ const userStore = defineStore("userStore", {
   actions: {
     async logIn(form: any) {
       console.log(form);
-      const res: any = await login(form);
-      // if(res.code === 500) return ElMessage.error(res.msg)
-      if (res.code !== 200) {
-        ElMessage.error(res.msg);
-        return false;
+      try {
+        const res: any = await login(form);
+        // if(res.code === 500) return ElMessage.error(res.msg)
+        if (res.code !== 200) {
+          ElMessage.error(res.msg);
+          return false;
+        }
+        this.token = res.result.token;
+        this.userInfo = res.result.userInfo;
+        setToken(this.token);
+        console.log(res);
+        return true;
+      } catch (error) {
+        return Promise.reject(false);
       }
-      this.token = res.result.token;
-      this.userInfo = res.result.userInfo;
-      setToken(this.token);
-      console.log(res);
-      return true;
+
     },
     clearStatus() {
       this.token = "";
diff --git a/src/views/compiler/index.vue b/src/views/compiler/index.vue
index be18db2..ee07410 100644
--- a/src/views/compiler/index.vue
+++ b/src/views/compiler/index.vue
@@ -8,7 +8,8 @@
       </div>
     </div>
     <div class="setting">
-        <el-button @click="saveCode">保存</el-button>
+        <el-button @click="saveCode" v-if="!isShowStrring">保存</el-button>
+        <el-button @click="router.back()" v-else>返回</el-button>
     </div>
   </div>
 </template>
@@ -21,11 +22,14 @@ import settingStore from "@/store/modules/setting";
 import { useRouter } from "vue-router";
 const router = useRouter()
 const useSettingStore = settingStore();
+const isShowStrring = Boolean(localStorage.getItem('falg')) || false
 
 const saveCode = () => {
   useSettingStore.setValue(true, 'isRunCode');
   localStorage.setItem('isRunCode','true')
   setStepEvent(8,formatDate(new Date()))
+  useSettingStore.activeStepIndex = 9
+
   router.push('/program')
 }
 </script>
diff --git a/src/views/designRoute/index.vue b/src/views/designRoute/index.vue
index f3ce482..8311254 100644
--- a/src/views/designRoute/index.vue
+++ b/src/views/designRoute/index.vue
@@ -841,6 +841,8 @@ const wenduCode = "float a;a=1000000*M*S/W;T+(1-exp(-t/a))*100+T0;if(T>=100){T=1
 const shiduCode = "float b;a=10000*S0/W1;R+(1-exp(-t1/b))*100+R0;if(R>=100){R=100;}";
 const onSave = () => {
   setStepEvent(3, formatDate(new Date()));
+  settingStore.activeStepIndex =4
+
   // console.log(removeDuplicateEdges(formatEdges()), standardData);
   // return
   if (standardData.length !== removeDuplicateEdges(formatEdges()).length)
diff --git a/src/views/experimentalData/index.vue b/src/views/experimentalData/index.vue
index d636dab..00b869d 100644
--- a/src/views/experimentalData/index.vue
+++ b/src/views/experimentalData/index.vue
@@ -43,6 +43,8 @@ tableData.value = useSettingStore.shiyanData
 console.log(tableData.valu);
 
 setStepEvent(10,formatDate(new Date()))
+useSettingStore.activeStepIndex = 11
+
 </script>
 
 <style scoped>
diff --git a/src/views/largeDataScreen/home.vue b/src/views/largeDataScreen/home.vue
index 5c63377..b0f1613 100644
--- a/src/views/largeDataScreen/home.vue
+++ b/src/views/largeDataScreen/home.vue
@@ -495,12 +495,17 @@
         <div class="tip">请查看所选配置的相关信息。</div>
         <div class="item">
           安装须知：本协议具合同效力。在你方下载软件和/或完成软件安装过程之前，请仔细阅读本协议。一旦你方下载和/或点击相应的按钮，从而完成软件安装过程，即表示你方同意本协议条款并愿意受本协议的约束。若你方不愿意成为本协议的当事方，并不接受本协议所有条款和条件的约束，请点击相应的按钮取消安装过程，即不要安装或使用软件，并在收到软件之日起三十(30)日内将软件(及所有随附书面材料及其包装)退还至获取该软件的地点，所有退还事宜都应遵守退还发生时适用的NI退还政策。.com/info，并输入信息代码expm69查询。
-          <br>定义 在本协议中，下列术语的含义如下本National Instruments许可适用于软件LabVIEW 204
+          <br />定义 在本协议中，下列术语的含义如下本National
+          Instruments许可适用于软件LabVIEW 204
         </div>
         <div class="radio-container">
           <el-radio-group v-model="radio1">
-            <el-radio value="接受" size="large">我接受上述2条许可协议。</el-radio>
-            <el-radio value="不接受" size="large">我不接受某些许可协议。</el-radio>
+            <el-radio value="接受" size="large"
+              >我接受上述2条许可协议。</el-radio
+            >
+            <el-radio value="不接受" size="large"
+              >我不接受某些许可协议。</el-radio
+            >
           </el-radio-group>
         </div>
       </div>
@@ -563,19 +568,24 @@
           >磁盘占用</el-button
         >
         <el-button
-          v-show="installationStep === 6||installationStep === 7||installationStep === 8||installationStep === 9"
+          v-show="
+            installationStep === 6 ||
+            installationStep === 7 ||
+            installationStep === 8 ||
+            installationStep === 9
+          "
           @click="Installation = false"
           style="background-color: #f3f3f3; color: #000000; border-color: #ccc"
           >保存文件</el-button
         >
         <el-button
-          v-if="installationStep === 11 ==false"
+          v-if="(installationStep === 11) == false"
           @click="Installation = false"
           style="background-color: #f3f3f3; color: #000000; border-color: #ccc"
           >上一步</el-button
         >
         <el-button
-          v-if="installationStep === 11 ==false"
+          v-if="(installationStep === 11) == false"
           type="primary"
           @click="setInstallationStep"
           style="background-color: #0052d9; color: #fff; border: 0"
@@ -583,7 +593,7 @@
           下一步
         </el-button>
         <el-button
-          v-if="installationStep === 11 ==false"
+          v-if="(installationStep === 11) == false"
           type="primary"
           @click="Installation = false"
           style="background-color: #f3f3f3; color: #000000; border-color: #ccc"
@@ -698,13 +708,15 @@
             Setup wil guide you through the installation of Inteli] IDEA. It is
             recommended that you dose all other applications befonestarting
             Setup, This will make it possible to update relevantsystem fles
-            wthout having to reboot your computer.<br /> Click Nedt to cantinue.
+            wthout having to reboot your computer.<br />
+            Click Nedt to cantinue.
           </div>
         </div>
         <div v-if="installationStep === 11">
-          <div class="title"> Completing inteliJ lDEA Setup </div>
+          <div class="title">Completing inteliJ lDEA Setup</div>
           <div class="description">
-           lrtel lDEA has been instdlled on your comgarier.Chdk nnish to dose setmp R.n intt3 boEA
+            lrtel lDEA has been instdlled on your comgarier.Chdk nnish to dose
+            setmp R.n intt3 boEA
           </div>
         </div>
       </div>
@@ -745,6 +757,7 @@ import { setStepEvent } from "@/utils/setStep";
 import { formatDate } from "@/utils";
 import { useRouter, useRoute } from "vue-router";
 import { onMounted } from "vue";
+import settingStore from "@/store/modules/setting";
 type Falg = boolean;
 type Step = number;
 const falg = ref<Falg>(Boolean(localStorage.getItem("falg")) || false);
@@ -752,7 +765,7 @@ const product = ref<Falg>(Boolean(localStorage.getItem("product")) || false);
 const step = ref<Step>(0);
 const popover1 = ref<any>(null);
 const popover2 = ref<any>(null);
-const radio1 = ref<any>('接受')
+const radio1 = ref<any>("接受");
 const dialogVisible = ref<Falg>(false);
 const Installation = ref<Falg>(false);
 const Popup = ref<Falg>(false);
@@ -761,14 +774,18 @@ const installationStep = ref<Step>(
 );
 const route = useRoute();
 const router = useRouter();
+const useSettingStore = settingStore();
 const isShowIdea = ref<Boolean>(false);
 console.log(route);
 onMounted(() => {
   if (route.query.idea) {
-  isShowIdea.value = true;
-  installationStep.value = 10
-}
-})
+    isShowIdea.value = true;
+    installationStep.value = 10;
+  }
+  if (useSettingStore.activeStepIndex === 0) {
+    useSettingStore.activeStepIndex = 1;
+  }
+});
 
 const checkList = ref<Step[]>([1, 2]);
 const unpack = (): void => {
@@ -802,9 +819,9 @@ const setInstallationStep = (): void => {
     Installation.value = false;
     Popup.value = true;
   }
-  if(installationStep.value == 11){
+  if (installationStep.value == 11) {
     // Installation.value = true
-    Popup.value = false
+    Popup.value = false;
   }
 };
 const Completed = (): void => {
@@ -812,21 +829,31 @@ const Completed = (): void => {
   product.value = true;
   localStorage.setItem("product", "true");
 };
+const isShowStrring = Boolean(localStorage.getItem("falg")) || false;
 
 // 前往labView
 const goToLabView = async () => {
-  await setStepEvent(1, formatDate(new Date()));
+  if (!isShowStrring) {
+    await setStepEvent(1, formatDate(new Date()));
+    useSettingStore.activeStepIndex = 2;
+  }
+
   router.push("/program");
 };
 const goToLabIdea = async () => {
-  await setStepEvent(7,formatDate(new Date()))
+  if (!isShowStrring) {
+    await setStepEvent(7, formatDate(new Date()));
+    useSettingStore.activeStepIndex = 8;
+  }
 
-  router.push('/compiler')
-}
+
+  router.push("/compiler");
+};
 const insatIdea = () => {
-  isShowIdea.value = false
-  setStepEvent(6,formatDate(new Date()))
-}
+  isShowIdea.value = false;
+  setStepEvent(6, formatDate(new Date()));
+  useSettingStore.activeStepIndex = 7;
+};
 </script>
 
 <style scoped lang="scss">
@@ -1204,14 +1231,14 @@ const insatIdea = () => {
     height: 100%;
     background: url("../../assets/images/idealeftbgc.png");
   }
-  .right{
+  .right {
     flex: 1;
     margin-left: 30px;
-    .title{
+    .title {
       font-size: 32px;
       color: #585858;
     }
-    .description{
+    .description {
       margin-top: 50px;
       line-height: 24px;
       font-weight: 600;
diff --git a/src/views/program/index.vue b/src/views/program/index.vue
index c13a319..131bb9e 100644
--- a/src/views/program/index.vue
+++ b/src/views/program/index.vue
@@ -39,7 +39,7 @@
       </el-form-item>
     </el-form>
   </el-drawer>
-  <div class="setting">
+  <div class="setting" v-if="!isShowStrring">
     <el-button @click="onUndo">撤回</el-button>
     <el-button @click="onRedo">恢复</el-button>
     <el-button @click="clearLocalStorage">清除缓存</el-button>
@@ -53,6 +53,9 @@
     <el-button @click="onTip">提示</el-button>
     <el-button @click="showDialog">填写实验报告</el-button>
   </div>
+  <div class="setting" v-else>
+    <el-button @click="router.back()">返回</el-button>
+  </div>
   <div class="tip-view">
     <el-image
       style="width: 0; height: 0"
@@ -131,7 +134,7 @@ const router = useRouter();
 
 // 为了协助代码演示
 const falg = ref(false);
-
+const isShowStrring = Boolean(localStorage.getItem('falg')) || false
 let graph: any = null;
 const nodeName = ref("");
 const csedNode = ref<any>(null);
@@ -233,6 +236,7 @@ onMounted(() => {
   // #endregion
   // 点击节点时显示编辑框
   graph.on("node:click", ({ cell }: any) => {
+    if(isShowStrring) return
     // console.log(cell.store.previous.name);
     console.log(cell);
     if (!useSettingStore.saveRoute) {
@@ -1226,6 +1230,8 @@ const sdsz = ref<any>(null);
 const onSave = async () => {
   if (useSettingStore.isRunCode) {
     await setStepEvent(9, formatDate(new Date()));
+useSettingStore.activeStepIndex = 10
+
   }
   if (
     !hasExactNames(graph.getNodes(), [
@@ -1252,6 +1258,8 @@ const onSave = async () => {
     localStorage.setItem("experimentPreservation", "true");
     if (!useSettingStore.isRunCode) {
       await setStepEvent(2, formatDate(new Date()));
+useSettingStore.activeStepIndex = 3
+
     }
 
     router.push("/designRoute");
@@ -1416,6 +1424,8 @@ const onSave = async () => {
   if (!useSettingStore.isRunCode) {
     setStepEvent(4, formatDate(new Date()));
     setStepEvent(5, formatDate(new Date()));
+useSettingStore.activeStepIndex = 6
+
   }
 
   // const data = graph.toJSON();
@@ -1526,7 +1536,8 @@ const exportWord = async () => {
   dialogVisible.value = false;
   ElMessage.success('保存成功')
   await setStepEvent(11, formatDate(new Date()));
-
+  useSettingStore.activeStepIndex = 12
+  router.push('/studyPage')
       return 
       JSZipUtils.getBinaryContent("template.docx", function (error:any, content:any) {
         // 抛出异常