From 7954ce17934f0ce61bde438ef325a5ad041bcb11 Mon Sep 17 00:00:00 2001
From: yujialong <479214531@qq.com>
Date: Wed, 21 Apr 2021 18:10:29 +0800
Subject: [PATCH] =?UTF-8?q?=E6=95=B4=E4=BD=93=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md                         |  19 ----
 src/assets/element-variables.scss |   4 +-
 src/assets/img/bg1.png            | Bin 0 -> 2082 bytes
 src/assets/img/bg2.png            | Bin 0 -> 2856 bytes
 src/assets/img/btn.png            | Bin 0 -> 15529 bytes
 src/assets/img/header.png         | Bin 0 -> 15959 bytes
 src/assets/img/left.png           | Bin 19689 -> 3949 bytes
 src/assets/img/right.png          | Bin 18177 -> 3956 bytes
 src/assets/img/yes.png            | Bin 15720 -> 16087 bytes
 src/assets/styles/var.scss        |   1 +
 src/components/TestPanel.vue      | 164 ++++++++++++++++++++++++------
 src/components/codemirror.vue     | 149 +++++++++++++++++++--------
 src/config/index.js               |  16 +++
 src/main.js                       |   3 +
 src/utils/api.js                  |  11 +-
 src/views/Home.vue                | 125 +++++++++++++++--------
 vue.config.js                     |   3 +
 17 files changed, 354 insertions(+), 141 deletions(-)
 delete mode 100644 README.md
 create mode 100644 src/assets/img/bg1.png
 create mode 100644 src/assets/img/bg2.png
 create mode 100644 src/assets/img/btn.png
 create mode 100644 src/assets/img/header.png
 create mode 100644 src/assets/styles/var.scss
 create mode 100644 src/config/index.js

diff --git a/README.md b/README.md
deleted file mode 100644
index 91fc601..0000000
--- a/README.md
+++ /dev/null
@@ -1,19 +0,0 @@
-# python_demo
-
-## Project setup
-```
-npm install
-```
-
-### Compiles and hot-reloads for development
-```
-npm run serve
-```
-
-### Compiles and minifies for production
-```
-npm run build
-```
-
-### Customize configuration
-See [Configuration Reference](https://cli.vuejs.org/config/).
diff --git a/src/assets/element-variables.scss b/src/assets/element-variables.scss
index fb4e31d..dda8034 100644
--- a/src/assets/element-variables.scss
+++ b/src/assets/element-variables.scss
@@ -1,6 +1,6 @@
 /* 改变主题色变量 */
-
-$--color-primary: #239685;
+@import 'styles/var.scss';
+$--color-primary: $main-color;
 
 /* 改变 icon 字体路径变量，必需 */
 
diff --git a/src/assets/img/bg1.png b/src/assets/img/bg1.png
new file mode 100644
index 0000000000000000000000000000000000000000..46a90777ae5e9a0cd56ec57d3721dfecfdb6abe0
GIT binary patch
literal 2082
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
M07*qoM6N<$f<W)<ZU6uP

literal 0
HcmV?d00001

diff --git a/src/assets/img/bg2.png b/src/assets/img/bg2.png
new file mode 100644
index 0000000000000000000000000000000000000000..d8b2b5dbc0e534a277b1011f9d239dfd1769e4a2
GIT binary patch
literal 2856
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
GLSTYlsA!-7

literal 0
HcmV?d00001

diff --git a/src/assets/img/btn.png b/src/assets/img/btn.png
new file mode 100644
index 0000000000000000000000000000000000000000..4808ebeff03c27d59fa7d76f1a0aa3d131902ad2
GIT binary patch
literal 15529
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
Fe*u|esSN-C

literal 0
HcmV?d00001

diff --git a/src/assets/img/header.png b/src/assets/img/header.png
new file mode 100644
index 0000000000000000000000000000000000000000..023878d2ec4cb72abf5edd1003a5b5c45ef2176e
GIT binary patch
literal 15959
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
XpJZOkzwM3WtKYs07I{^^AF=+wdW2zK

literal 0
HcmV?d00001

diff --git a/src/assets/img/left.png b/src/assets/img/left.png
index e1e75d0288c80d288b649b00a9c6dea32223e684..ee0872179fa5d20fb9a2929ac297ca1d872be838 100644
GIT binary patch
literal 3949
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
Hu0mjfVwPjy

literal 19689
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

diff --git a/src/assets/img/right.png b/src/assets/img/right.png
index b5a00ebed1981c734d338c28496e49b422c2aa9d..30837baca0496d3285a7ca855023c7ba7dc8470a 100644
GIT binary patch
literal 3956
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
O0000<MNUMnLSTY+zhA!q

literal 18177
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
Di{>^>

diff --git a/src/assets/img/yes.png b/src/assets/img/yes.png
index 4580459d19634629fbe291e502f0dc090dc581ba..ff3dc9bff2aea0b53cd35548c6b9aead831773ff 100644
GIT binary patch
delta 918
zcmaD+b-i|i1(S8lMyn!b0YhB_LtP{D5JNL7V>2rggUNfC%`gR-Smvr&TACUdnI&83
zniwV}=^CY(80uQ4C8p^D8L37_$>wQ>M#-BGv-q)0j$v;jO7&zm4pR)fHhXg%GGvLo
zbgpo+pp{-d(^*d!$B>F!Pj2~U3p+}%fB3KRGA-F@R)?r&)C##vS{v71TqMHcC?KVi
z)%-(n&zAuE=5+n9YH?Sc*Ca{%y9NkciI^Ofv4&l6spX0n&(@}Gzu6<c`^uJs@7|qB
zxqL3yEM@clGv{p1?-B6QEOSzv67=QV-lRf(>;D{?rY-KpLiG~`1m7z^<Q2TRl7rtv
z+nx0g*Q1t&y*FAdGHcYr6#aONj_4dYIdM{s_$9uF^WI2t6t^td^<e$3z=@?9_pHQy
zlv}*LOSI$m`0zZ8dc|y{QFM@_@r#DhJaslkhK=p-KWq+u%=NIT;3{WdICF(b84p82
z;xAh}w(yzX#oq~dmL}F)+T~n%uUB*E?ECw-_=}c2IDF?vL!kWJI2XN$hing<ZUlc!
zc=W+BreDrr-CW<akES6{&77YYJvru~{;t>U-%dLdTYl9Y*W?788WVL}*gx*`o$nfy
znGtu_a)QH6=AF-sUb)WCvw4uI+w+@OcVnE}B*_&mO(uUH9edB+dL*pbqrOkp^i}Xp
zo4mh2m>70!T+c4te0SM9^QmVae>>Hc+LP*0f3bgg_@Zd1cRVfy`?Pa@CBFG0e|o~b
zCjRqgJgapSYBy)D*z`cma><E`kLGU^SUZ>8i#T^!$N8JKP@KA-L9<HQv<XwaF5C^#
zNy&FS^vA;b#Lg74`ME4!rza$=Wage;pL|B);_>`IzAI6}?qd3LQ`k02Yv?*Zxu5q$
zZ(b6Ur%j~Owd}q1H=0bAJug#GKFRY*ajU7Omodk}11ZyYp15Z}+3o6b<Hi~D`aM=j
zpZ>Tueywp-Mew!TYhvb}ReY?u@YzPw{_S=fKV6C8m}(p0Fa4V3hiF9eyJZtX%>RUn
zTfNBmFMe5c_Q^#XBp0nP)l*!pp(OUIOlQem1K)6|+nk%L#Wvn%-2C>hpn9^;`v^<H
z<VyaFo)Wir@A5lfa63I;wBz(i_KOnl(gQ1+Tjud4^=_(-dwrfEj+@7El2;!i0}yz+
L`njxgN@xNAwRnkr

delta 894
zcmV-^1A+Y4edv0SI08A(u{v@C5HKw<F)cDPR53O>Ff%$aG?TmoHV`l^F)=MNGgL7)
zIxsUjF*K6`1f7%O2PU({1WW|8#tQr}1S&K2Ta(5+E`I|PNkl<Zc-rLJZAep57zgnG
zx$1mL((;3)C89GS#k4drK_f|1Y?YBnVM-F>OB7aw5CkC+L?2{C2rCK+ja;yNAz?{a
z3M~>8r83v6k|t>qQBCi?eJBi@lDj+S>`w2uow37yJ3Hrj&Up@zWf@E1A+jt(d-Vd1
zzMT0*h<~dgEQXWtgz)%364nr&lZvo_xN=n>v><9&+K96dHLcG?DMXDyhByjQbEG7T
zg}6hwC(8yx9pPgOLvC0I+TV}itL6<8%)byOBT=~_11B<)VfiqDVq*(z-ow-}Tp-nP
zIVeeu2LPPC_YjRE-Ao}&5Ymi447>8MBWfK0;D1if3sgV3OMSjDhlEH`=&U&Kw_$o5
z5q0$tJbt(lL>6#9aW@WbjhSsS^$nrwu@QubOdw1~BgHQc^+maJ+Uh!=;nF}mvmGLJ
zNU*3y?Y>MTh6c`QKWQ|>^vU8L5J~jIEnOi}!h-DHOTW^D5n)h0ko1-DSRddI@@H~2
zzkeIWlrRJUXw+38F*IP_&*?iX82|Pi9)!$^z~<r47?q#%hg{D*g0#prv#&)-LUi3l
z$dU$wWmWJH1c&+)B?%dZW(<o1d?A-p^RXvRJ1@jqaZ1sbac2G~hMe21Lt%0(Rmfh0
z3H{TYN91%&7E05$P=zGaHYiRi6+@0jq<`Z~Rw^~fqt|07YH5PtHN_WF5V{RDy6w~;
zH@bUK)7#2_)yfV^f<AvIHArd0eLVQm<BB+vfNO`csX>zTw=wBy<qz4UiG{I5M+MSp
z9Yt}gQStn63KEWJn9KH4f#^FdsC{X6O^OmMYSC4hZwHY?U%V<m?oedUGnmk)Fn@l`
zw`X?<vuY*+PmdMYL4N02<#t)`LQmJ*aU3=oK{OMt*;vW8)hLYI2wyKx05X2gNVsY3
z2l1N33R^gG!q+0u$NRtCwheuxkqxuo>he0{;&O_@<DhQILfj3r;7Ox9VV2J!wmV=J
zT^~_1#^H*U8ZnA%h-$((UDZ_shA&#3-BlnaHy?OonBPTV4dQw`h&IaU`&z#S09>UL
U9f#YAmjD0&07*qoM6N<$g0wu0f&c&j

diff --git a/src/assets/styles/var.scss b/src/assets/styles/var.scss
new file mode 100644
index 0000000..380461a
--- /dev/null
+++ b/src/assets/styles/var.scss
@@ -0,0 +1 @@
+$main-color: #20bbc7;
\ No newline at end of file
diff --git a/src/components/TestPanel.vue b/src/components/TestPanel.vue
index b53707e..41d704c 100644
--- a/src/components/TestPanel.vue
+++ b/src/components/TestPanel.vue
@@ -3,7 +3,7 @@
     <el-container class="scrollbar" v-if="ishow">
       <el-header>
         <div class="flex between">
-          <div class="flex">
+          <div class="flex" style="width: 28%">
             <p>实训项目</p>
             <el-select
               v-model="value1"
@@ -11,6 +11,7 @@
               class="select"
               :disabled="projectPermissions != 0"
               @change="selectProject"
+              style="flex: 1"
             >
               <el-option
                 v-for="item in value"
@@ -43,7 +44,7 @@
               v-show="projectPermissions == 0"
               @click="reload"
             >重新开始</el-button>
-            <el-button style="margin-right:7px" @click="Submit()" :disabled="isSubmit">提交</el-button>
+            <el-button class="submit-btn" style="margin-right:7px" @click="Submit()" :disabled="isSubmit">提交</el-button>
           </div>
         </div>
       </el-header>
@@ -55,7 +56,9 @@
               <p>实验目标</p>
             </div>
             <div class="font_css">
-              <p class="experimentalGoal">{{experimentalGoal}}</p>
+              <div class="experimentalGoal">
+                <div class="break-all" v-html="experimentalGoal"></div>
+              </div>
             </div>
           </div>
           <div class="aside-footer">
@@ -94,7 +97,9 @@
         </el-aside>
         <el-main>
           <el-tabs v-model="activeName" type="card">
-            <el-tab-pane label="案例" name="first">{{caseDescription}}</el-tab-pane>
+            <el-tab-pane label="案例" name="first">
+              <div class="break-all" v-html="caseDescription"></div>
+            </el-tab-pane>
             <el-tab-pane label="实验要求" name="second">
               <el-collapse v-model="activeNames">
                 <el-collapse-item v-for="(loop, index) in points" :key="index">
@@ -102,11 +107,13 @@
                     <i class="el-icon-s-ticket"></i>
                     <span style="font-size:16px">{{loop.judgmentPointsName}}</span>
                   </template>
-                  <div>{{loop.experimentalRequirements}}</div>
+                  <div class="break-all" v-html="loop.experimentalRequirements"></div>
                 </el-collapse-item>
               </el-collapse>
             </el-tab-pane>
-            <el-tab-pane label="实验提示" name="fifth" >{{experimentSuggests}}</el-tab-pane>
+            <el-tab-pane label="实验提示" name="fifth" >
+              <div class="break-all" v-html="experimentSuggests"></div>
+            </el-tab-pane>
           </el-tabs>
         </el-main>
       </el-container>
@@ -154,6 +161,7 @@ function formatDate(fmt,date) {
 export default {
   data() {
     return {
+      systemId: this.$config.systemId,
       test: [],
       ishow: false,
       grade: "00",
@@ -195,6 +203,8 @@ export default {
       stopTime: '',
       isSelected: false,
       userId: '',
+      workbenchCus: this.workbench,
+      isRecovery: false
     };
   },
   watch: {
@@ -233,6 +243,10 @@ export default {
     codeId: {
       type: Number,
       default: 0
+    },
+    workbench: {
+      type: Array,
+      default: []
     }
   },
   computed: {
@@ -262,6 +276,29 @@ export default {
       this.getQueryProject();
     }else{
       this.getProjects();
+      let codeCache = localStorage.getItem('codeCache')
+      if(codeCache){
+        codeCache = JSON.parse(codeCache)
+        if(codeCache.systemId && codeCache.systemId == this.$config.systemId){
+          this.$confirm('是否要继续上次的实验？', '提示', {
+            confirmButtonText: '是',
+            cancelButtonText: '否',
+            type: 'success'
+          }).then(() => {
+            this.value1 = codeCache.projectId
+            this.workbenchCus = codeCache.workbench
+            this.isRecovery = true
+            this.selectProject()
+            let codeIds = []
+            codeCache.workbench.map(n => codeIds.push(n.code.codeId))
+            codeIds = codeIds.filter(n => n)
+            this.codeIds = codeIds
+            this.$emit('recoveryCode',codeCache.workbench1)
+          }).catch(() => {
+            localStorage.removeItem('codeCache')
+          })
+        }
+      }
     }
     this.assessmentId && this.projectId && this.checkVer()
     this.codeId && this.codeIds.push(this.codeId)
@@ -271,6 +308,14 @@ export default {
       let codeId = this.codeid;
       this.codeIds.push(codeId);
     });
+    // 更改tableData
+    newmain.$on("updateJud", item => {
+      let list = this.tableData
+      list.map(n => {
+        if(n.judgmentPointsId == item.id) n.isError = item.isError
+      })
+      this.tableData = list
+    });
   },
   methods: {
     checkVer() {
@@ -288,12 +333,30 @@ export default {
     //重新开始
     reload() {
       this.$post(this.api.DeleteCodes, this.codeIds).then(res => {
-        this.getClearTime();
-        this.$router.go(0);
-        this.startCountFn();
+        this.getClearTime()
+        localStorage.removeItem('codeCache')
+        this.codeIds = []
+        this.isSubmit = false
+        newmain.$emit("isSubmit", this.isSubmit)
+        let workbench = this.workbench
+        workbench.map(n => {
+          n.code = {
+            code: '',
+            codeId: ''
+          }
+        })
+        this.$emit('recoveryCode',workbench)
+        let tableData = this.tableData
+        tableData.map(n => {
+          delete n.score
+          delete n.right
+        })
+        this.tableData = JSON.parse(JSON.stringify(tableData))
+        this.startCountFn()
       });
     },
     Submit() {
+      if(!this.codeIds.length) return this.$message.error('请先完成实验')
       this.$confirm("此操作将视为结束考试, 是否继续?", "提示", {
         confirmButtonText: "确定",
         cancelButtonText: "取消",
@@ -321,14 +384,29 @@ export default {
               // courseId: this.courseId,
               projectId: this.projectId,
               createTime: this.startTime,
-              endTime: this.stopTime,
+              endTime: this.stopTime ? this.stopTime : formatDate('yyyy-MM-dd hh:mm:ss'),
               startTime: this.entryTime
             }
           })
             .then(res => {
-              this.assessmentId && (this.isSubmit = true);
+              localStorage.removeItem('codeCache')
+              this.isSubmit = true
               newmain.$emit("isSubmit", this.isSubmit);
-              this.tableData = res.message;
+              let list = res.message
+              let workbench = this.workbenchCus.length ? this.workbenchCus : this.workbench
+              let result = []
+              workbench.map(n => {
+                let item = list.find(e => e.judgmentPointsId == n.judgmentPointsId)
+                item && result.push(item)
+              })
+              let tableData = this.tableData
+              result.map(n => {
+                if(tableData.find(e => e.judgmentPointsId == n.judgmentPointsId).isError){
+                  n.score = 0
+                  n.right = -1
+                }
+              })
+              this.tableData = result
               //计算总分
               var s = 0;
               this.tableData.forEach(element => {
@@ -381,11 +459,12 @@ export default {
       this.projectId = type == 2 ? project[0].projectId : this.projectId
       if(type == 2) this.getQueryProject(0,1)
       this.projectPermissions = type == 1 ? project[0].projectPermissions : this.projectPermissions
-      this.$emit("tell", this.value1, this.projectPermissions);
+      this.$emit("tell", this.value1, this.projectPermissions,this.isRecovery ? this.workbenchCus : []);
       this.experimentalGoal = project[0].experimentalGoal;
       this.caseDescription = project[0].caseDescription;
       this.experimentSuggests = project[0].experimentSuggests;
       this.actEndTime = project[0].endTime;
+      this.isRecovery = false
     },
     getQueryProject(projectId,type) {
       //项目名称+实验目标+案例描述+实验提示+实验要求
@@ -457,8 +536,9 @@ export default {
     },
     getProjects(){
       let data = {
-          systemId: 5,
-          schoolId: this.schoolId
+          systemId: this.systemId,
+          // schoolId: this.schoolId
+          schoolId: ''
       }
       this.$get(`${this.api.queryTestProject}`,data).then(res => {
           this.handleData(res.message,2)
@@ -467,7 +547,12 @@ export default {
     selectProject(){
       this.isSelected = true
       this.assessmentId = ''
+      this.judgmentPointsIds = []
+      this.codeIds = []
       this.getQueryProject(this.value1)
+      this.isSubmit = false
+      this.countVal = 0
+      newmain.$emit("isSubmit", this.isSubmit)
     },
     counterFn(counterTime) {
       let leave1 = counterTime % (24 * 3600 * 1); //计算天数后剩余的毫秒数
@@ -523,6 +608,9 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+.break-all{
+  word-break: break-all;
+}
 .m_step {
   height: 150px;
   width: 35px;
@@ -544,6 +632,12 @@ export default {
   font-size: 16px;
   margin: 0px 20px 10px 10px;
   white-space: pre-wrap;
+  background: #fff url(../assets/img/bg1.png) top right no-repeat,url(../assets/img/bg2.png) bottom right no-repeat;
+}
+
+/deep/.el-collapse-item__content{
+  padding-left: 10px;
+  padding-right: 10px;
 }
 
 ::v-deep .el-collapse-item__wrap {
@@ -558,7 +652,7 @@ export default {
 ::v-deep .el-icon-s-ticket:before {
   font-size: 16px;
   padding: 5px;
-  color: #239685;
+  color: $main-color;
 }
 ::v-deep .el-collapse-item__arrow {
   margin: 0 5px 0 0;
@@ -568,7 +662,7 @@ export default {
   font-size: 12px;
   padding: 1px;
   margin-left: 10px;
-  background-color: #239685;
+  background-color: $main-color;
   border-radius: 50%;
   color: #ffffff;
 }
@@ -593,7 +687,7 @@ export default {
 }
 ::v-deep .el-tabs__item.is-active {
   color: #fff;
-  background-color: #239685;
+  background-color: $main-color;
 }
 ::v-deep .el-tabs__header {
   padding: 5px 20px;
@@ -618,8 +712,8 @@ export default {
   background-color: #fff;
 }
 .header_h {
-  height: 40px;
-  background-color: #239685;
+  height: 50px;
+  background: url(../assets/img/header.png) 0 0/100% 100% no-repeat;
   justify-content: center;
 }
 .header_h i {
@@ -631,13 +725,17 @@ export default {
   color: #fff;
   padding-left: 10px;
 }
+/deep/.el-card{
+  border: 0;
+  border-radius: 0;
+}
 //表格
 ::v-deep .el-card__body {
   padding: 0;
 }
 
 ::v-deep .el-table--striped .el-table__body tr.el-table__row--striped td {
-  background: #fff9e6;
+  background: #d2f1f4;
 }
 ::v-deep .el-table td,
 .el-table th.is-leaf {
@@ -649,6 +747,9 @@ export default {
 ::v-deep .el-table thead {
   color: #ffffff;
   font-size: 10px;
+  th{
+    padding: 5px 0;
+  }
 }
 ::v-deep .el-table th,
 .el-table tr {
@@ -662,7 +763,7 @@ export default {
 //.el-header
 .el-header {
   color: #333;
-  padding: 0 12px;
+  padding: 0 12px 0 20px;
 }
 .between {
   justify-content: space-between;
@@ -693,12 +794,11 @@ export default {
   content: "\e78f";
   font-size: 16px;
   padding: 3px;
-  background-color: #239685;
+  background-color: $main-color;
   border-radius: 50%;
   color: #ffffff;
 }
 .select ::v-deep .el-input--suffix .el-input__inner {
-  width: 90%;
   color: #333;
   font-size: 14px;
   border-radius: 30px;
@@ -712,7 +812,6 @@ export default {
 }
 
 .select ::v-deep .el-input {
-  width: 80%;
   padding: 10px 0;
 }
 //实训时间、得分
@@ -731,25 +830,30 @@ export default {
   text-align: center;
 }
 .gradeSpan {
-  color: #ffffff;
+  color: #878787;
   padding: 10px;
   font-size: 14px;
-  background: #000000;
+  background: #e0e0e0;
   border-radius: 6px;
   text-align: center;
 }
 //重新开始、提交
 .el-header ::v-deep .el-button {
-  background-color: #239685;
+  background-color: $main-color;
   color: #fff;
   border: none;
   margin: 5px 0px 5px 5px;
   font-size: 16px;
 }
+.el-header .submit-btn{
+  padding-left: 30px;
+  padding-right: 30px;
+  background: url(../assets/img/btn.png) 0 0/100% 100% no-repeat;
+}
 .el-header ::v-deep .el-button:hover,
 .el-button:focus,
 .el-button:active {
-  background-color: #239685;
+  background-color: $main-color;
   color: #fff;
 }
 
@@ -779,7 +883,7 @@ export default {
 }
 // 滚动条的滑块
 .scrollbar ::-webkit-scrollbar-thumb {
-  background-color: #239685;
+  background-color: $main-color;
   border-radius: 3px;
   box-shadow: inset 0 0 5px #dddddd;
 }
diff --git a/src/components/codemirror.vue b/src/components/codemirror.vue
index b9637af..ab0d935 100644
--- a/src/components/codemirror.vue
+++ b/src/components/codemirror.vue
@@ -11,12 +11,13 @@
         @input="onCmCodeChange"
         ref="myCmGenerate"
       ></codemirror>
+      <div v-if="isSubmit" class="code-mask"></div>
 
       <el-button
+        class="func-btn"
         type="warning"
         @click="AnswerTips()"
         :disabled="isAnswerTips"
-        style="width:100px;position:absolute;z-index:99;background:#239685;color:#fff;right: 50px;bottom:15px;border-color: #239685"
       >运行</el-button>
     </div>
     <div class="code-right answer">
@@ -25,7 +26,7 @@
         <div style="margin-bottom: 5px;text-align: center">
           <img class="pic" :src="picSrc" alt="">
         </div>
-        <el-button type="primary" size="mini" @click="$refs.picLink.click()" style="background:#239685;color:#fff;border-color: #239685">下载图片</el-button>
+        <el-button class="download-btn" type="primary" size="mini" @click="$refs.picLink.click()">下载图片</el-button>
         <a ref="picLink" style="display: none;" download="运行结果.png" :href="picSrc">下载图片</a>
       </div>
       <div class="code_yes" v-show="this.isError == 0">
@@ -40,7 +41,9 @@
         <el-button class="tips-btn" @click="getQueryAnswer()" v-show="ShowAssessmentId">提示</el-button>
         <el-dialog title="答案提示" center :visible.sync="error">
           <el-tabs>
-            <el-tab-pane label="参考答案">{{answer}}</el-tab-pane>
+            <el-tab-pane label="参考答案">
+              <div class="answer-wrap" v-html="answer"></div>
+            </el-tab-pane>
           </el-tabs>
         </el-dialog>
       </div>
@@ -114,6 +117,7 @@ export default {
       picVisible: false,
       picSrc: '',
       loadIns: null,
+      submiting: false,
       cmOption: {
         scrollbarStyle: "native",
         tabSize: 2, // tab
@@ -172,9 +176,9 @@ export default {
 
   methods: {
     onCmReady3() {
-      this.$refs.myCmGenerate.codemirror.setSize("auto", "750px");
+      this.$refs.myCmGenerate.codemirror.setSize("auto", "calc(100vh - 167px)");
     },
-    onCmFocus(instance, event) {},
+    onCmFocus(instance, event) {console.log(33)},
     getCookie(cookie_name) {
       //获取cookie中指定key的value
       var allcookies = document.cookie; //索引长度，开始索引的位置
@@ -195,32 +199,50 @@ export default {
     },
 
     onCmCodeChange(instance, obj) {
-      this.submit = 0;
-      this.projectId = this.projectId; 
-      this.studentId = this.getCookie("studentId");
-      //新增编辑器代码
-      if (this.codeId == "") {
-        this.$post(this.api.AddCode, {
-          code: this.exampleData,
-          projectId: this.projectId,
-          // projectId: 305,
-          judgmentPointsId: this.workbench1,
-          studentId: this.studentId,
-          // studentId: 54,
-          submit: this.submit
-        })
-          .then(res => {
-            this.codeId = res.message;
-            newmain.$emit("codeid", this.codeId);
-          })
-          .catch(err => {});
-      } else {
-        // 这是一个定时器
-        // this.timer = setTimeout(this.UpdateCode, 300000);
+      if(!this.submiting){
+        this.submiting = true
         this.submit = 0;
+        this.projectId = this.projectId;
+        this.userId = this.getCookie("userId");
+        this.studentId = this.getCookie("studentId");
+        //新增编辑器代码
+        if (this.codeId == "") {
+          this.$post(this.api.AddCode, {
+            code: this.exampleData,
+            projectId: this.projectId,
+            // projectId: 305,
+            judgmentPointsId: this.workbench1,
+            userId: parseInt(this.userId),
+            studentId: this.studentId,
+            // studentId: 54,
+            submit: this.submit
+          })
+            .then(res => {
+              this.codeId = res.message;
+              this.submiting = false
+              newmain.$emit("codeid", this.codeId);
+            })
+            .catch(err => {});
+        } else {
+          // 这是一个定时器
+          // this.timer = setTimeout(this.UpdateCode, 300000);
+          this.submit = 0;
+        }
       }
     },
-
+    downloadFile(fileName,url) {
+      var x = new XMLHttpRequest()
+      x.open("GET", url, true)
+      x.responseType = 'blob'
+      x.onload=function(e) {
+          var url = window.URL.createObjectURL(x.response)
+          var a = document.createElement('a')
+          a.href = url
+          a.download = fileName
+          a.click()
+      }
+      x.send()
+    },
     AnswerTips() {
       // this.$post(this.api.AddCode, {
       //   // headers: {code: "#-*-coding:utf-8-*-↵发动机开始"},
@@ -242,8 +264,8 @@ export default {
             type: "warning"
           });
         } else {
-          // return console.log(11,/^((?!#).*?(,|\(|\[|\{|\s)+)?input(?!\w)(,|\(|\)|\[|\]|\{|\}|\s)?/m.test(this.exampleData))
-          if (/^((?!#).*?(,|\(|\[|\{|\s)+)?input(?!\w)(,|\(|\)|\[|\]|\{|\}|\s)?/m.test(this.exampleData)) {
+          // if (/^((?!#).*?(,|\(|\[|\{|\s)+)?input(?!\w)(,|\(|\)|\[|\]|\{|\}|\s)?/m.test(this.exampleData)) {
+          if (false) {
             this.$prompt("请输入...", "提示", {
               confirmButtonText: "确定"
             }).then(({ value }) => {
@@ -261,7 +283,9 @@ export default {
                 });
             }).catch(err => {})
           } else {
-            this.loadIns = Loading.service()
+            this.loadIns = Loading.service({
+              background: 'transparent'
+            })
             //实时更新编辑器代码(修改代码)
             this.$post(this.api.UpdateCode, {
               code: this.exampleData,
@@ -272,16 +296,32 @@ export default {
                 this.loadIns.close()
                 this.picSrc = ''
                 if(typeof res.message == 'string'){
-                  this.picSrc = res.message
+                  this.isError = res.message.isError;
+                  this.modifys = ''
+                  this.picSrc = `${res.message}?id=${new Date().getTime()}`
+                  newmain.$emit("updateJud",{
+                    id: res.data.judgmentPointsId,
+                    isError: res.data.isError
+                  })
                 }else{
                   this.isError = res.message.isError;
+                  newmain.$emit("updateJud",{
+                    id: res.data.judgmentPointsId,
+                    isError: res.data.isError
+                  })
                   var modify = res.message.result;
                   this.modifys = modify;
                   this.after = modify.substring(
                     modify.indexOf("line") + 4,
-                    modify.length
+                    modify.length 
                   );
                   this.num = parseInt(this.after);
+                  if(this.projectId == 593){
+                    let str = /\d+\.\d+/.exec(modify)
+                    if(str.length){
+                      this.modifys = str[0]
+                    }
+                  }
                 }
               })
               .catch(err => {
@@ -369,12 +409,6 @@ export default {
   color: #fff !important;
   background-color: #333 !important;
 }
-// .answer ::v-deep .el-tabs__item.is-active:hover,
-// .el-tabs__item.is-active:focus,
-// .el-tabs__item.is-active:active {
-//   color: #333 !important;
-//   background-color: #239685 !important;
-// }
 
 ::v-deep .CodeMirror-wrap pre.CodeMirror-line,
 .CodeMirror-wrap pre.CodeMirror-line-like {
@@ -415,7 +449,7 @@ export default {
   margin-right: 10px;
 }
 .code_yes {
-  color: #239685;
+  color: $main-color;
   background-color: rgba(43, 40, 22, 1);
 }
 .code_error {
@@ -430,13 +464,14 @@ export default {
   left: 20px;
   right: 20px;
   padding: 0 10px;
-  // padding-right: 20px;
   box-sizing: border-box;
 }
 .code-right p {
   font-size: 18px;
   margin: 10px;
   position: absolute;
+  height: calc(100vh - 230px);
+  overflow: auto;
 }
 .code-right {
   width: 500px;
@@ -448,7 +483,7 @@ export default {
 .button ::v-deep .el-button--warning:hover,
 .el-button--warning:focus,
 .el-button--warning:active {
-  background: #239685;
+  background: $main-color;
   color: #333;
 }
 .flex {
@@ -461,7 +496,7 @@ export default {
 }
 // 滚动条的滑块
 .scrollbar ::-webkit-scrollbar-thumb {
-  background-color: #239685;
+  background-color: $main-color;
   border-radius: 3px;
   box-shadow: inset 0 0 5px #dddddd;
 }
@@ -482,4 +517,32 @@ export default {
     vertical-align: middle;
   }
 }
+.code-mask{
+  z-index: 2;
+  position: absolute;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  right: 0;
+}
+.func-btn{
+  width:100px;
+  position:absolute;
+  z-index:99;
+  background:$main-color;
+  color:#fff !important;
+  right: 50px;
+  bottom:15px;
+  border-color: $main-color;
+}
+.download-btn{
+  background:$main-color;
+  color:#fff;
+  border-color: $main-color
+}
+/deep/.answer-wrap{
+  img{
+    max-width: 100%;
+  }
+}
 </style>
\ No newline at end of file
diff --git a/src/config/index.js b/src/config/index.js
new file mode 100644
index 0000000..eef9392
--- /dev/null
+++ b/src/config/index.js
@@ -0,0 +1,16 @@
+export default {
+    /**
+     * @description 配置显示在浏览器标签的title
+     */
+    title: '经济金融建模实验教学系统',
+    /**
+     * @description 是否使用国际化，默认为false
+     *              如果不使用，则需要在路由中给需要在菜单中展示的路由设置meta: {title: 'xxx'}
+     *              用来在菜单中显示文字
+     */
+    locale: 'zh',
+    /**
+     * @description 跳转子系统链接
+     */
+    systemId: 4
+}
\ No newline at end of file
diff --git a/src/main.js b/src/main.js
index 840eb9c..0a36d96 100644
--- a/src/main.js
+++ b/src/main.js
@@ -16,6 +16,7 @@ import "codemirror/lib/codemirror.css";
 import vuescroll from "vuescroll"; //引入vuescroll
 import "vuescroll/dist/vuescroll.css"; //引入vuescroll样式
 import VueDraggableResizable from 'vue-draggable-resizable'
+import config from '@/config'
 
 // optionally import default styles
 import 'vue-draggable-resizable/dist/VueDraggableResizable.css'
@@ -32,6 +33,8 @@ Vue.prototype.$post = post;
 Vue.prototype.$del = del;
 Vue.prototype.$put = put;
 
+Vue.prototype.$config = config
+
 Vue.config.productionTip = false;
 
 router.beforeEach((to, from, next) => {
diff --git a/src/utils/api.js b/src/utils/api.js
index d341106..28c7e2e 100644
--- a/src/utils/api.js
+++ b/src/utils/api.js
@@ -1,6 +1,11 @@
-// let host = 'http://192.168.0.113'
-// let host = 'http://192.168.31.125:8081/python'
-let host = 'http://www.liuwanr.cn/python'
+// let host = 'http://192.168.31.125:8081/python'//林
+// let host = 'http://192.168.31.152:8081/python'//榕
+let host = ''
+if(location.host.includes('liuwanr.cn')){
+    host = 'http://www.liuwanr.cn/python'
+}else{
+    host = 'http://www.occupationlab.com/python'
+}
 
 export default {
     QueryProject: `${host}/python/queryProject`, //项目选择下拉框+项目信息+判分点信息展示
diff --git a/src/views/Home.vue b/src/views/Home.vue
index d2edce9..f6f0df2 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -1,7 +1,7 @@
 <template>
   <div>
     <div class="flex header">
-      <p>python可视化</p>
+      <p>{{$config.title}}</p>
       <div class="bt">
         <el-button type="primary" @click="back()">退出实验</el-button>
       </div>
@@ -15,16 +15,18 @@
     <div class="tab">
       <el-tabs v-model="workbench1" type="card">
         <el-tab-pane
-          v-for="item in workbench"
+          v-for="(item,index) in workbench"
           :key="item.judgmentPointsId"
           :label="item.judgmentPointsName"
           :value="item.judgmentPointsId"
         >
           <codemirror
+            :key="codeKey"
             :projectId.sync="projectId"
             :code.sync="item.code.code"
             :workbench1="item.judgmentPointsId"
             :codeid.sync="item.code.codeId"
+            :ref="'code' + index"
           ></codemirror>
         </el-tab-pane>
       </el-tabs>
@@ -33,12 +35,14 @@
     <div class="menu">
       <testPanel
         @tell="getQueryIndex"
+        @recoveryCode="recoveryCode"
         ref="mainindex"
         :autoStart="autoStart"
         :sendSync="sendSync"
         :defaultVal="defaultVal"
         @getDataFromChild="getDataFromChild"
         :codeId="codeId"
+        :workbench="workbench"
         :key="codeId"
       ></testPanel>
     </div>
@@ -76,6 +80,7 @@ export default {
     return {
       // 编译器
       isShow: false,
+      projectPermissions: 0, //项目权限(0、练习 1、考核 2、竞赛)
       ops: {
         vuescroll: {},
         scrollPanel: {},
@@ -94,7 +99,7 @@ export default {
       codeId: 0,
       value: "Python",
       workbench1: "", //选中后绑定的对象
-      workbench: {},
+      workbench: [],
       editableTabs: [],
       tabIndex: 2,
       name: "",
@@ -105,16 +110,27 @@ export default {
       assessmentId: '',
       defaultVal: sessionStorage.getItem("timer")
         ? parseInt(sessionStorage.getItem("timer"))
-        : 0
+        : 0,
+      codeKey: 1,
+      host: location.host.includes('liuwanr.cn') ? 'http://www.liuwanr.cn/' : 'http://www.occupationlab.com/'
     };
   },
   components: {
     codemirror,
     testPanel
   },
+  beforeDestroy(){
+    let data = {
+      studentId: this.studentId,
+      startTime: this.entryTime,
+      endTime: formatDate('yyyy-MM-dd hh:mm:ss'),
+      projectId: this.projectId
+    }
+    this.$post(this.api.saveEvaluation,data).then(res => {})
+    this.leavePage()
+  },
   mounted() {
     this.assessmentId = this.getCookie("assessmentId");
-    this.addLeaveEvent()
     if (window.history && window.history.pushState) {
       // 向历史记录中插入了当前页
       history.pushState(null, null, document.URL);
@@ -125,34 +141,47 @@ export default {
     window.removeEventListener("popstate", this.goBack, false);
   },
   methods: {
+    leavePage(){
+      if(!this.$refs.mainindex.isSubmit && !this.assessmentId && this.workbench.length){
+        let workbench = this.workbench
+        if(workbench.some(n => n.code.code)){
+          let codeCache = {
+            systemId: this.$config.systemId,
+            projectId: this.projectId,
+            workbench1: this.workbench1,
+            workbench
+          }
+          localStorage.setItem('codeCache',JSON.stringify(codeCache))
+        }
+      }
+    },
     goBack() {
-      console.log("点击了浏览器的返回按钮");
-      this.$router.replace({ path: "/" });
+      this.leavePage()
+      history.back()
     },
     getDataFromChild(data) {
       sessionStorage.setItem("timer", parseInt(data));
     },
-    addLeaveEvent(){
-      this.$once('hook:beforeDestroy', function () {
-        let data = {
-          studentId: this.studentId,
-          startTime: this.entryTime,
-          endTime: formatDate('yyyy-MM-dd hh:mm:ss'),
-          projectId: this.projectId
-        }
-        this.$post(this.api.saveEvaluation,data).then(res => {});
-      })
+    recoveryCode(workbench){
+      this.workbench = workbench
+      this.codeKey++
+      this.workbench1 = '0'
+    },
+    reload(){
+      this.$refs.mainindex.reload()
     },
     back() {
-      // window.location = "http://www.liuwanr.cn:8080/client/#/student";
-      // window.location = "http://www.occupationlab.com/client/#/student";
-      // history.back()
-      location.href = 'http://www.liuwanr.cn/hrClient/#/dashboard#1'
+      this.leavePage()
+      if(this.projectPermissions){
+        location.href = `${this.host}hrClient/#/dashboard#2`
+      }else{
+        location.href = `${this.host}hrClient/#/dashboard#1`
+      }
+      // location.href = 'http://192.168.31.154:8082/#/'
       this.$refs.mainindex.getClearTime();
     },
-
     //工作台展示
-    getQueryIndex(value1, projectPermissions) {
+    getQueryIndex(value1, projectPermissions,workBench) {
       //父子组件传值
       this.projectId = value1;
       this.projectPermissions = projectPermissions;
@@ -163,16 +192,20 @@ export default {
         // studentId: 54
       })
         .then(res => {
-          this.workbench = res.message;
-          this.workbench.map(item => {
-            if (item.code.codeId == 0) {
-              item.code.codeId = "";
-            }
-            // if (this.projectPermissions == "0") {
-            //   item.code.codeId = "";
-            //   item.code.code = "";
-            // }
-          });
+          if(workBench.length){
+            this.workbench = workBench
+          }else{
+            this.workbench = res.message;
+            this.workbench.map(item => {
+              if (item.code.codeId == 0) {
+                item.code.codeId = "";
+              }
+              if (this.projectPermissions == "0") {
+                item.code.codeId = "";
+                item.code.code = "";
+              }
+            });
+          }
           this.assessmentId && (this.codeId = this.workbench[0].code.codeId)
         })
         .catch(err => {
@@ -222,7 +255,7 @@ export default {
 }
 ::v-deep .el-dialog__headerbtn .el-icon-close:before {
   padding: 3px;
-  background-color: #239685;
+  background-color: $main-color;
   border-radius: 50%;
   color: #ffffff;
 }
@@ -239,7 +272,7 @@ export default {
 }
 .tab ::v-deep .el-tabs__item.is-active {
   color: #fff;
-  background-color: #239685;
+  background-color: $main-color;
 }
 .tab ::v-deep .el-icon-circle-plus-outline:before {
   font-size: 16px;
@@ -275,7 +308,7 @@ export default {
   width: 10%;
 }
 .center ::v-deep .el-input.is-disabled .el-input__inner {
-  // border-color: #239685;
+  // border-color: $main-color;
   border-radius: 30px;
 }
 //头部
@@ -287,24 +320,28 @@ export default {
 .el-button--primary:hover,
 .el-button--primary:active {
   border: none;
-  background-color: #239685;
+  background-color: $main-color;
 }
 .bt ::v-deep .el-button {
+  padding: 23px 50px;
   border-radius: 0;
   border: none;
 }
+.bt .restart{
+  color: #868686;
+  background-color: #e0e0e0;
+}
 
 .header p {
-  font-size: 16px;
-  font-weight: 700;
-  color: rgba(51, 51, 51, 1);
+  font-size: 20px;
+  color: #333;
   margin-left: 18px;
 }
 .header {
   background-color: #f8f8f8;
   justify-content: space-between;
-  height: 40px;
-  line-height: 40px;
+  height: 58px;
+  line-height: 58px;
 }
 //公共类
 p {
@@ -320,7 +357,7 @@ p {
 }
 // 滚动条的滑块
 ::v-deep ::-webkit-scrollbar-thumb {
-  background-color: #239685;
+  background-color: $main-color;
   border-radius: 3px;
   -webkit-box-shadow: inset 0 0 5px #dddddd;
 }
@@ -349,7 +386,7 @@ p {
   content: "\e78f";
   font-size: 16px;
   padding: 3px;
-  background-color: #239685;
+  background-color: $main-color;
   border-radius: 50%;
   color: #ffffff;
 }
diff --git a/vue.config.js b/vue.config.js
index 4697131..2aef021 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -12,6 +12,9 @@ module.exports = {
   lintOnSave: true,
   css: {
     loaderOptions: {
+      sass: {
+        prependData: `@import "@/assets/styles/var.scss";`
+      },
       postcss: {
         plugins: [
           postcss