From 204d09c8e4d403b8b2e3c7eeb9c328ea26ca0732 Mon Sep 17 00:00:00 2001
From: yujialong <479214531@qq.com>
Date: Wed, 21 Apr 2021 18:21:26 +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 -> 2217 bytes
 src/assets/img/bg2.png            | Bin 0 -> 6234 bytes
 src/assets/img/btn.png            | Bin 0 -> 15764 bytes
 src/assets/img/header.png         | Bin 0 -> 17900 bytes
 src/assets/img/left.png           | Bin 19689 -> 17424 bytes
 src/assets/img/right.png          | Bin 18177 -> 17429 bytes
 src/assets/img/yes.png            | Bin 15720 -> 16096 bytes
 src/assets/styles/var.scss        |   1 +
 src/components/TestPanel.vue      | 163 ++++++++++++++++++++++++------
 src/components/codemirror.vue     | 147 +++++++++++++++++++--------
 src/config/index.js               |  16 +++
 src/main.js                       |   3 +
 src/utils/api.js                  |  11 +-
 src/views/Home.vue                | 123 ++++++++++++++--------
 vue.config.js                     |   3 +
 17 files changed, 349 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..a545b934c5c28fe9e16514ebf7217679906eef02
GIT binary patch
literal 2217
zcmV;a2v+xrP)<h;3K|Lk000e1NJLTq003P8003(U1^@s66;h6K00004b3#c}2nYxW
zd<bNS000PJNkl<ZcwX(DPj4GV7{;HmYsYo$j8p0sMM6R%0ja$pl@E{u<$#35B|T6C
zs*vanA-(|S3vfW<&{L&KT;dBV5|w&^55R#-E1^~@TteDZwKsNC#~XXlY~sW*-rd=q
zclM9HdrZc=vp+xkyzjg-vu4N+QUYQ_6j4OU63ELF4;Tj9ee^CjS$}jPMta3LKAC`E
zFRr7SKY~4pg4?js#7hPyGUx<Ck-#5cN44$(d~}Jv4f{fqbu;Li(ESwtKgIur47v_;
z3B0v|rCb3y)${P@=x0h-r8Uv60g?M^1JxkFM}aki9s+t;;PO&K8^a8GK<EM@*9xKV
z<6yc4JA)nox{ks}m*H6;RVOYQBG-Bl+{4GOkfn_3ydgG3zHOt*$_VWY(#w~d*v$q<
z3gD%Ow?D=b6>xdU(BGUwe^cKiOddXY)3Ww*?k9Al!n4|ok0eY1&y?;0-X!o0`V{E8
zdAK~~P78z8d#5dB{8E{xkI^6j&M;V=@bJm+HiLddgaWwT#liWzvWj>TG^aUO1|0we
z@X^3WC1sm?=urco`#?$oTn5dxdu&%l;d7s-lK@u;nwh5`5!l=i`S*cJ&<TiffYU~r
zs%oD*Pp2qe=>VTQPp1IxH}FwW``jp<0=Qhe!kVnB0@ka|TtJr|epRy`E(bpKyR4%N
zd@k%o&iJ(d)T@V60-t&46lozf@R^35RNylUodP&j(433GQPP3WoYG0sLb=xPK6^=#
zrMR7AW>Q89;JxSQzit@#%qX2AEeui**L@07uXG6<4^XuNELWa{7A5f1D?Mo=P1PqL
zwMwV(a1#R`74WHqP67OI#s?kvOd_j54B94j&?$h&rSMcv*NJs;##%u&sItb}M;$a%
zJtF;WU7UHhhKkPWS!a_~1bMihC{kfB6qXW+!e#n;>1ZYNH8x1?h?GL%#yxyf$Svt-
zxos6jpsfNQqJkbiWc!ow6RmXV;cZ<@A(~=ywTxfI0&iJmxBpu``v70m<rH7?*Qbjs
zqF}v)il0Av{olBy_y9jv{ebuJ*+~&CkxHikZaipyFV6CdR!LP9*3b8M(Y)sPeBz-0
zaYYnXH5G2WT6k-#%q!&uRp7Fn)#tBpgY^;zogzy~B5((Km+#{y+e;L5isF@V;G05b
zD9V;H{v=pWc@N*PSBZg6q41=6_@wn%UEak_W+wuADm+|6;f}S)oc$WJ5>b1Rz~6cU
zi#kL5BwNbZKxr3aBh=Wk7Yc>%b+Etk%VBUba%d|2Nad%1$7U}SdAM=lA=1KAfwM0J
z7Hgexg~w(u5_ntFQp^JvWnQrY<>9A*OAl{0yQ9HSthJX1mqc;pZIox(!=0e{5FIqw
z(9QB9^K|)=NUMNF9q;XL!M^aj{`zp&K4^NlB`xKj+O8My$UI%{wYNS&ZRUZycz7)K
z@@zv?iUl0knuEemdRpixToHIAO4ps&OnlH(w3Kn78Ta(9k3_j#MW{@Gcd*Y)=Ha(A
zvy^}ek1S<;wk|5gmEhK595_YL3}7jdDt-F{u~<5fVh|rUZYcpLApTdpQb-HE?$@}z
zJXsf|<rSP&g>D=;g{3H@g|R{pk}h%^J=Q#|IU70dY%lVBDbQ1=I<ybcU*k%bolzMW
z8BYuEh((^aVh0{c$~aPh1mCu&mjDhYAh2g_F(-wkgbbR~o`6V{eheOh{k@Kb#X8Q&
zzYQ&ji`=mk*VRx#9^0vHb%ARJ&Df!90}Ofs-SVsf;E~!(P+r>Ybrl|Bq^a8HNbLop
zkpn(I3TAK0WoCUa?>D=t-pHwT3CU92`W_8*A%A7&X&IQ7uI=rEt<X)m{rIfHYsJvT
zHK!i#F#!=u1QQ=J4_$~H(5eDCk00x>55VgBul3Nil<shdf0sQcAd(N=QFv>~8~Erp
zcn?ftV5AG&P|%DvdvSojr~-NC=fso_R%<D>n{1>z@QDz(x$Gqja0le$F4%j{Dk$Yc
zH)uu-+zfOFxZI3osVn@LFn<Yl^22(*;B^&lFfH`zJ8d8h<l)o0#k*jK>-~HWUEosT
zKzG`@6yIxWHlTy94P4#{Z!6{PDYTUF?}-LF4RE#WMK?>4Y2la4yGmcKrlQ?Gt`A))
z5BKZ+U;y@-|4V`?Eal;M9W)xQ3xWK4O7VX^=v2UQuH&mb65!q|uPA`3oFhDR65w2x
zbp3(rT1pIQA$|5j0(>|G6uebe;Smk(RTMsI6I|&ez!eofgTR9ij%c!!Xe`B1_z$rM
z&1p}7y3$D$J{UkHXp(q%{8@@#$`~c^ln;DVyxm{vVlxk1tpd!yt?LyP6|Or0k-(rC
z++Ik4?+k!d|Fn<<crrbF61=;5Nq{TP2;CMXUbK{#-c8<w%9azA$3Chy)1eFb(wMfU
zr6>Y#G;)0HYaaH7t&~`bcfpGU_|5=q&A*l+dvg0pi5HhcsoVh`bMY#SSWYXQ1h`_*
z9Q8J2wsL4G$xRE@$^cGU*j|bxOBwG`2<U0^@acinSp@X0oMQ7>CgJxWDP}2?r%`+*
z)97Pq2Yylp5RaCCdWbpA5ejaDh1}oS5IMePDFsqX@BywXR3-iN5%d2U#G?hE?)tVh
z|NbdvDPAX1*pA`=|1_R=<N7lQ)<QzpP&oncQGY#F*aqFF84N-6tr<kC7A|;dSc=<y
z%9l#^P#W!+aA2d>!wu{k+b|G4bA*K6x4|xG|At!(_nU}IGKifjP;hoes2v$_HBRoW
z0tQk8mZEzHDg6B5h*T+<5(do_f}-s55p=o!@Oj1EX6ystyj=2j{E}YEPR!f6CTlNp
rYf9;4@u#e#Z1=z}_va0a$@~2e`>EVMva*S800000NkvXXu0mjfiJT&T

literal 0
HcmV?d00001

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

literal 0
HcmV?d00001

diff --git a/src/assets/img/btn.png b/src/assets/img/btn.png
new file mode 100644
index 0000000000000000000000000000000000000000..67791e85d64ed09cb206e342a6258872a69de279
GIT binary patch
literal 15764
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

literal 0
HcmV?d00001

diff --git a/src/assets/img/header.png b/src/assets/img/header.png
new file mode 100644
index 0000000000000000000000000000000000000000..58bb501796ab9ac6aacb41a86d0e7b056f282614
GIT binary patch
literal 17900
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
Gb^iq^%TbE}

literal 0
HcmV?d00001

diff --git a/src/assets/img/left.png b/src/assets/img/left.png
index e1e75d0288c80d288b649b00a9c6dea32223e684..1ee5aea8b5a374c3f5379c5e46a445b8f67fda44 100644
GIT binary patch
delta 3337
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

delta 4485
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
E7aI?xq5uE@

diff --git a/src/assets/img/right.png b/src/assets/img/right.png
index b5a00ebed1981c734d338c28496e49b422c2aa9d..e80732793f7f8fa3838c51fe9720f542bfcbb879 100644
GIT binary patch
delta 3304
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

delta 3718
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
V+xi2qw-t!et{Rx>lP){m`47!Hq1yle

diff --git a/src/assets/img/yes.png b/src/assets/img/yes.png
index 4580459d19634629fbe291e502f0dc090dc581ba..896b32b16d0b450011549e7f7d8636ddd546aff8 100644
GIT binary patch
delta 927
zcmaD+^`Lfw1(S8lMyn!b0YhB_LtP{D5JN*N14}DI%gK9~%`gR-Smvsvq$QdenwpyF
zrX{AC=~@_>nCe=Zni}h-Sr{2uB%2zUq$Q_pKFs3BGC795jVRTV**Huw?Aq+jambM6
zu*0;-$%0mT^-R}1T^vIyZaul>ogwTf!T#ZY&b0|M+ElhqoV3kTtBc)MME}_$r={$U
zN9WZnjMHAUqW#tub48brq5&VZss#0;zAA);d|8xmusM$FQcCpFFNv3*d2YJ-QGq2l
zD5or4ZMNC=n;Q=QD=T~U`<bK0(g<FACr#FMf?}nTmC8%*3CPu-^>lG^sp)SqcS%{U
zWTWs^MwCOlL$b{*NhE36$C)o$XBeKC5T%&bHzj511UHWFDQ6vKD1TbT%{_}>@1=Uq
zCnoVTK^)Vk%?K!8r2I$l)ZWQAX4D*GRc4uV;hRFiOId~ltxd9PujR)m#t2AFU3jBP
z(B``YgTVfM{EojSRn|Y`t3NqCW&^Lv>8D?2OU!c9H<45Es}^`uAF9`X-=^W*CGI={
zy^f=c_@`Y^khz<F>iQJz-4D0dJTP-!Vq>>5^Sk1Y-|zkx*Q#w2je8xD?4Y5d;d@-b
z;_rq>`(w69mQ~)fnUJ!O*|OqP>UNXBI)|f`O#k+=hrXZP)0S{?ljzG!_rG)3w;suD
z7qt1kBF3-x$b&zh(oMWd?>23IUgP_9saw(n`}k|U7kMSOzj1$l^m(Y_3t2WZ`87Wi
zd%nouoxpOp+u?uqvI#j`SYJQ2+$gYg3-`aq?>>q@S45Y~EtCGVcn5QC^WrlKo!0Ib
zr&V%Ap6YJ(5#6@1^o6$diK}@mOSV69U%RvZkXnw!uX8*`@|=f~eXpqZ?PwQC6Ik3B
zWUjJ!+X2COiA<gM?V7&5+3@aPBF82ZTXUwFJ#82C>R0)9ZIWqma@zIU&3B@$@Yh3%
z=ZzY#*vOw;DR<-W{#DyL9@&IW{HkXib=Q_J{uk#p&z-+~)^yF1-TX={!-b8(BcwH4
zu36{l#KK_Ph$~SGg?`t+&QyD>vnlbPu}fffj8j;ki_Vp`Q67sEr^ROGsGPYKc_feJ
zOxJh!Gd(LSkDuz1xLe(kc1YshRa54+n|9TE9b)|KI*t|CcOQ~g`BEZ~J>?<$4_k)Y
W8YeSF`yZ@g00K`}KbLh*2~7ZC^^+$6

delta 894
zcmV-^1A+YDedv0SI08A(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<$g43#uivR!s

diff --git a/src/assets/styles/var.scss b/src/assets/styles/var.scss
new file mode 100644
index 0000000..349ae41
--- /dev/null
+++ b/src/assets/styles/var.scss
@@ -0,0 +1 @@
+$main-color: #ff8a00;
\ No newline at end of file
diff --git a/src/components/TestPanel.vue b/src/components/TestPanel.vue
index b53707e..dac527b 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: "取消",
@@ -326,9 +389,23 @@ export default {
             }
           })
             .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 => {
+                result.push(list.find(e => e.judgmentPointsId == n.judgmentPointsId))
+              })
+              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 +458,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 +535,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 +546,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,15 +607,16 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+.break-all{
+  word-break: break-all;
+}
 .m_step {
   height: 150px;
-  width: 35px;
   cursor: pointer;
   display: block !important;
 }
 .n_step {
   height: 150px;
-  width: 35px;
   cursor: pointer;
   display: block !important;
 }
@@ -544,6 +629,7 @@ 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;
 }
 
 ::v-deep .el-collapse-item__wrap {
@@ -558,7 +644,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 +654,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 +679,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 +704,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 +717,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: #ffebf9;
 }
 ::v-deep .el-table td,
 .el-table th.is-leaf {
@@ -649,20 +739,28 @@ export default {
 ::v-deep .el-table thead {
   color: #ffffff;
   font-size: 10px;
+  th{
+    padding: 5px 0;
+  }
 }
 ::v-deep .el-table th,
 .el-table tr {
-  background-color: #202020;
+  background-color: #ffc385;
 }
 ::v-deep .el-table {
   font-size: 12px;
   color: #202020;
 }
 
+/deep/.el-collapse-item__content{
+  padding-left: 10px;
+  padding-right: 10px;
+}
+
 //.el-header
 .el-header {
   color: #333;
-  padding: 0 12px;
+  padding: 0 12px 0 20px;
 }
 .between {
   justify-content: space-between;
@@ -693,12 +791,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 +809,6 @@ export default {
 }
 
 .select ::v-deep .el-input {
-  width: 80%;
   padding: 10px 0;
 }
 //实训时间、得分
@@ -734,22 +830,27 @@ export default {
   color: #ffffff;
   padding: 10px;
   font-size: 14px;
-  background: #000000;
+  background: #ffc385;
   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: $main-color 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 +880,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..2acb36b 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,7 +176,7 @@ export default {
 
   methods: {
     onCmReady3() {
-      this.$refs.myCmGenerate.codemirror.setSize("auto", "750px");
+      this.$refs.myCmGenerate.codemirror.setSize("auto", "calc(100vh - 167px)");
     },
     onCmFocus(instance, event) {},
     getCookie(cookie_name) {
@@ -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..e286183
--- /dev/null
+++ b/src/config/index.js
@@ -0,0 +1,16 @@
+export default {
+    /**
+     * @description 配置显示在浏览器标签的title
+     */
+    title: 'Python数据清洗教学实验系统',
+    /**
+     * @description 是否使用国际化，默认为false
+     *              如果不使用，则需要在路由中给需要在菜单中展示的路由设置meta: {title: 'xxx'}
+     *              用来在菜单中显示文字
+     */
+    locale: 'zh',
+    /**
+     * @description 跳转子系统链接
+     */
+    systemId: 9
+}
\ 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..1801c1a 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -1,7 +1,7 @@
-<template>
+<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>
@@ -21,6 +21,7 @@
           :value="item.judgmentPointsId"
         >
           <codemirror
+            :key="codeKey"
             :projectId.sync="projectId"
             :code.sync="item.code.code"
             :workbench1="item.judgmentPointsId"
@@ -33,12 +34,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 +79,7 @@ export default {
     return {
       // 编译器
       isShow: false,
+      projectPermissions: 0, //项目权限(0、练习 1、考核 2、竞赛)
       ops: {
         vuescroll: {},
         scrollPanel: {},
@@ -94,7 +98,7 @@ export default {
       codeId: 0,
       value: "Python",
       workbench1: "", //选中后绑定的对象
-      workbench: {},
+      workbench: [],
       editableTabs: [],
       tabIndex: 2,
       name: "",
@@ -105,16 +109,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 +140,46 @@ 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`
+      }
       this.$refs.mainindex.getClearTime();
     },
-
     //工作台展示
-    getQueryIndex(value1, projectPermissions) {
+    getQueryIndex(value1, projectPermissions,workBench) {
       //父子组件传值
       this.projectId = value1;
       this.projectPermissions = projectPermissions;
@@ -163,16 +190,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 +253,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 +270,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 +306,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 +318,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 +355,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 +384,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