From 98fb3e963d12b058b3d177097d31ce7f6399bff8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=8E=E6=99=93=E9=B8=BD?= <lixg@dongwu-inc.com>
Date: Tue, 27 Sep 2022 10:23:02 +0800
Subject: [PATCH 1/9] =?UTF-8?q?feat:=E5=90=88=E5=B9=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue                         | 1 +
 src/views/ballotpage/BallotPage.vue | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/App.vue b/src/App.vue
index 897ffe3..c430b25 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -53,6 +53,7 @@ export default defineComponent({
 
 #container {
   display: flex;
+  flex-direction: column;
   width: 100%;
   min-height: 100%;
   background-color: rgba(242, 245, 247, 1);
diff --git a/src/views/ballotpage/BallotPage.vue b/src/views/ballotpage/BallotPage.vue
index e0c8148..e653deb 100644
--- a/src/views/ballotpage/BallotPage.vue
+++ b/src/views/ballotpage/BallotPage.vue
@@ -127,12 +127,12 @@ export default {
     margin-top: 10px;
     .noticebox {
       width: 90%;
-
       background: #fff;
       border-radius: 4px;
       position: relative;
       display: flex;
       justify-content: center;
+      margin-bottom: 20px;
       .mani {
         width: 90%;
         margin-top: 20px;

From 9e6c2a5aa1bcfd4f84126f622da3c8a7729fcbf1 Mon Sep 17 00:00:00 2001
From: dongwug <guoys@dongwu-inc.com>
Date: Tue, 27 Sep 2022 12:30:53 +0800
Subject: [PATCH 2/9] =?UTF-8?q?feat:readyexamination=E9=A1=B5=E9=9D=A2?=
 =?UTF-8?q?=E9=81=8D=E5=8E=86=E5=92=8C=E7=82=B9=E5=87=BB=E4=BA=8B=E4=BB=B6?=
 =?UTF-8?q?=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/examination/ReadyExamination.vue | 137 +++++++++++++++++++--
 src/views/investigat/InvestigatPage.vue    |   4 +-
 2 files changed, 128 insertions(+), 13 deletions(-)

diff --git a/src/views/examination/ReadyExamination.vue b/src/views/examination/ReadyExamination.vue
index ec49014..386c491 100644
--- a/src/views/examination/ReadyExamination.vue
+++ b/src/views/examination/ReadyExamination.vue
@@ -16,6 +16,21 @@
                             判断题
                         </div>
                     </div>
+
+                    <!-- 循环遍历生成判断题的问题和选项 -->
+                    <!-- <div class="questions"
+                            v-for="(q,index) in j_questions"
+                            :key="index">
+                        <div class="questiontitle"                            >
+                            {{q.text}}
+                        </div>
+                        <div class="btnswitch" v-for="(j,index) in j_options"
+                        :key="index">
+                            <div class="checkoutbtn"></div>
+                            <div class="select">{{j.text}}</div>
+                        </div>
+                    </div> -->
+
                     <div class="questions">
                         <div class="questiontitle">
                             1、控制计划是由工艺部门完成 （4分）
@@ -55,11 +70,37 @@
                             <div class="select">错误</div>
                         </div>
                     </div>
+                    
+
                     <div class="questiontype clearfix">
                         <div class="type">
                             选择题
                         </div>
                     </div>
+
+                    <!-- 循环遍历生成选择题的问题和选项 -->
+                    <!-- <div class="questions"
+                            v-for="(q,index) in s_questions"
+                            :key="index">
+                        <div class="questiontitle">
+                            {{q.text}}
+                        </div>
+                        <div class="btnswitch" v-for="(s,index) in s_options"
+                        :key="index"
+                        @click="selectBtn(value)"
+                        >
+                            <div class="checkoutbtn"
+                            :style="{
+                                backgroundImage:
+                                value.selected === true
+                                ? 'url( ../../assets/image/checkbox.png )'
+                                : 'url( ../../assets/image/checkbox2.png )'
+                            }"
+                            ></div>
+                            <div class="select">{{s.text}}</div>
+                        </div>
+                    </div> -->
+                    
                     <div class="questions">
                         <div class="questiontitle">
                             4、.FMEA 是一种（ ）工具（4分）
@@ -81,11 +122,13 @@
                             <div class="select">风险分析</div>
                         </div>
                     </div>
+
                     <div class="btnbox">
                         <div class="submitbtn">
                             提交试卷
                         </div>
                     </div>
+
                 </div>
             </div>
         </div>
@@ -93,15 +136,88 @@
 </template>
 
 <script>
-// import { reactive, toRefs } from "vue";
+// import { reactive,toRefs } from "vue";
 import TitleHead from "@/components/TitleHead.vue";
 export default {
-  name: "ReadyExamination",
-  components: {
-    TitleHead,
-  },
-  setup() {
-  },
+    name: "ReadyExamination",
+    components: {
+        TitleHead,
+    },
+    // setup() {
+    //     const state = reactive({
+    //         j_questions: [
+    //             {
+    //                 type: "judge",
+    //                 id: 1,
+    //                 text: "1、控制计划是由工艺部门完成 （4分）",
+    //             },
+    //             {
+    //                 type: "judge",
+    //                 id: 2,
+    //                 text: "2、.PFMEA假定所设计的产品能满足设计要求",
+    //             },
+    //             {
+    //                 type: "judge",
+    //                 id: 3,
+    //                 text: "3、PFMEA假定所设计的产品能满足设计要求 （4分）",
+    //             },
+    //         ],
+    //         s_questions: [
+    //             {
+    //                 type: "choice",
+    //                 id: 1,
+    //                 text: "4、.FMEA 是一种（ ）工具（4分）",
+    //             },
+    //         ],
+    //         j_options: [
+    //             {
+    //                 id: 1,
+    //                 text: "正确",
+    //                 selected: false,
+    //             },
+    //             {
+    //                 id: 2,
+    //                 text: "错误",
+    //                 selected: false,
+    //             },
+    //         ],
+    //         s_options: [
+    //             {
+    //                 id: 1,
+    //                 text: "问题解决",
+    //                 selected: false,
+    //             },
+    //             {
+    //                 id: 2,
+    //                 text: "项目策划",
+    //                 selected: false,
+    //             },
+    //             {
+    //                 id: 3,
+    //                 text: "过程分析",
+    //                 selected: false,
+    //             },
+    //             {
+    //                 id: 4,
+    //                 text: "风险分析",
+    //                 selected: false,
+    //             },
+    //         ]
+    //     });
+    //     const selectBtn = (value) => {
+    //         let arr = state.s_options;
+    //         arr.map((i) => {
+    //             if (i.id === value.id) {
+    //                 i.selected = !i.selected;
+    //             }
+    //         });
+    //         state.s_options = arr;
+    //     };
+    //     return {
+    //         ...toRefs(state),
+    //         selectBtn,
+    //     };
+    // }
 };
 </script>
 <style lang="scss" scoped>
@@ -169,8 +285,8 @@ export default {
                     width: 100%;
                     margin-left: 9.5px;
                     .questiontitle{
-                        margin-bottom: 20px;
-                    }
+                        margin-bottom: 18px;
+                        }
                         .btnswitch{
                             display: flex;
                             height: 13.6px;
@@ -187,7 +303,8 @@ export default {
                             .select{
                                 font-size: 13px;
                             }
-                        }
+                        
+                    }
                 }
                 .btnbox{
                     width: 83px;
diff --git a/src/views/investigat/InvestigatPage.vue b/src/views/investigat/InvestigatPage.vue
index ec8c6e3..6181955 100644
--- a/src/views/investigat/InvestigatPage.vue
+++ b/src/views/investigat/InvestigatPage.vue
@@ -57,7 +57,7 @@
               @click="selectPeople(value)"
             >
               <img
-                style="width: 14px; height: 13px; cursor: pointer"
+                style="width: 14px; height: 13px;"
                 :src="
                   value.select
                     ? require('../../assets/image/investigat/checkbox.png')
@@ -284,7 +284,6 @@ export default {
                   align-items: center;
                   justify-content: center;
                   // margin-left: 10px;
-                  cursor: pointer;
                 }
               }
             }
@@ -323,7 +322,6 @@ export default {
           display: flex;
           align-items: center;
           justify-content: center;
-          cursor: pointer;
           margin-top: 10.5px;
           margin-bottom: 30px;
         }

From 9f839497a88dd645d0418e03c7e068e059686070 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B2=B3=E4=BD=B3=E9=91=AB?= <yuejx@dongwu-inc.com>
Date: Tue, 27 Sep 2022 18:14:59 +0800
Subject: [PATCH 3/9] =?UTF-8?q?feat:=E6=9B=B4=E6=96=B0=E5=85=B6=E4=BB=96?=
 =?UTF-8?q?=E6=B4=BB=E5=8A=A8=E9=A1=B5=E9=9D=A2=E5=92=8C=E8=B7=AF=E5=BE=84?=
 =?UTF-8?q?=E8=AF=A6=E6=83=85?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/image/activities/bg.png      | Bin 0 -> 2238 bytes
 src/assets/image/activities/no.png      | Bin 0 -> 454 bytes
 src/assets/image/activities/trumpet.png | Bin 0 -> 806 bytes
 src/assets/image/activities/yes.png     | Bin 0 -> 347 bytes
 src/assets/image/pathmap/personal.png   | Bin 0 -> 528 bytes
 src/assets/image/pathmap/photo.png      | Bin 0 -> 6001 bytes
 src/assets/image/pathmap/study.png      | Bin 0 -> 521 bytes
 src/views/activities/activities.vue     | 274 +++++++++++++++
 src/views/pathmap/pathmap.vue           | 436 ++++++++++++++++++++++++
 9 files changed, 710 insertions(+)
 create mode 100644 src/assets/image/activities/bg.png
 create mode 100644 src/assets/image/activities/no.png
 create mode 100644 src/assets/image/activities/trumpet.png
 create mode 100644 src/assets/image/activities/yes.png
 create mode 100644 src/assets/image/pathmap/personal.png
 create mode 100644 src/assets/image/pathmap/photo.png
 create mode 100644 src/assets/image/pathmap/study.png
 create mode 100644 src/views/activities/activities.vue
 create mode 100644 src/views/pathmap/pathmap.vue

diff --git a/src/assets/image/activities/bg.png b/src/assets/image/activities/bg.png
new file mode 100644
index 0000000000000000000000000000000000000000..4d5f89371799213c00228c48338a0749159091f4
GIT binary patch
literal 2238
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
M07*qoM6N<$f&z;c*#H0l

literal 0
HcmV?d00001

diff --git a/src/assets/image/activities/no.png b/src/assets/image/activities/no.png
new file mode 100644
index 0000000000000000000000000000000000000000..86b9f64c18f6ab8cc1d127e3d0c86f393a5e0002
GIT binary patch
literal 454
zcmV;%0XhDOP)<h;3K|Lk000e1NJLTq000dD000dL1^@s6a_i)L00001b5ch_0Itp)
z=>Px$fJsC_R47w@k~>ITVGxDCx%)`rZ6ZDh8l$B}Is>*V%Gv}%x`1s^EK)?!Xqp94
z3yT$W6$=X$L@X0Xlh#*aW06#*HiaZ03c<VUf8^i0iyB?08<_LpoH1_BlA2Iy09*#F
z88`*oCrGX_#4j-UbBi%D7A{{AxLKeB2ySrs!#`j%B$D$CS}_I{E?#4{3WT?mZ!blp
zNlwyJMqW>N6zzhwQx>m`r>pK2KfpP%tg%>p51K^;FPb3J5-@k@hy>3<7=9j*`|kMX
zDr8O@9`p(H(zCYK!B&5Q?PIb0!?E6%VCT0O-*=R%4y0qF5FKE2#d$zm2wT|%PeWt#
z$T7Ybt5zceBCqrn)cZfEEi^Wc920jze?4dt^buiYd)e61@=wQF@4fcE7=?>Y%(fBr
zK8T){fPC#BBBVD~F1An_!8DCXJrKDN>zt(C#tr0@rZF1BY_vwf5n_|G)H^=d>2+;6
w1w1ZwlhiOMgINRE8FJr%6_V-C{)N286*wrStd;_f-v9sr07*qoM6N<$f{Q1-&j0`b

literal 0
HcmV?d00001

diff --git a/src/assets/image/activities/trumpet.png b/src/assets/image/activities/trumpet.png
new file mode 100644
index 0000000000000000000000000000000000000000..1f8434cfc53c89e33e7be350b6ff6b9634c0cbe8
GIT binary patch
literal 806
zcmV+>1KIqEP)<h;3K|Lk000e1NJLTq000sI000jN1^@s6>4u*Y00001b5ch_0Itp)
z=>Px%;7LS5R5(w4lwW9-br{D#-`{)QR<p*@)fQ{fj#H?MqS6@aFNHxX)IwV)H#_Eq
zVe7^?O{NzvC={deqC#C(5ZUl3jy2NFia@#uTsNi=vF(`KB5CP#JDu%4@B74Apb<x(
z>*x9K<@-F}M_i+7Hdy)fah{W-6Bx}$tR35_(NZHS$>}s#H_bhscm>C^z@LIdkmva`
zyL4pbSn_s4Eem4$?(3TUXNrt}L7nC}MU44a;${|j#;X?5DnSJA7z}$NGyMnae*Z*=
zSDsBa2=Aa7KhK2W#-oYutnNr#BIeP8Xe`c|QH`iI<IBj=mEF!SiFO`P#IcBpm+pT3
z<sam0hWw2w2X7f<Cd-0NTC~~TM6?;4mXSBd1V-1;UmRzzf}-HM4r^fA`l}x4X}zuS
zz!Mg^^MOr%;4A*V$yS82XH>u0_6n92LSCHCacW+ULiRJ||LffxC}#szjeRXO4}DQ@
z#J1tWjTULrNg0feB4{__DFRjvy{o}e=GUdI!4m^va3OX7*5r@TOyvPHMkL-d(-C0@
zFM}*%_3%!exEd(tGca?G)V&`s9njgkK6SEqgxVzQl`(il5v&^8acxDj!G+Y4jx{Hl
zjUS4PZ@{`8u0O)|T=pn3nuq`9B$b48s_=i0Y})#(AO5PP=E40>VzK5>Q7aMEPU@0u
zy%x3GHXLn{aa=HEFkwdb$OwaE6wYleZ4HX(FR%S+?c(H)xJAA~3%>R6KL^zl%{FP_
z8@5;;TLpIlW=19Ay5b$>13ntBU@VbispoMlcaGHfKJ_dgUtaFQo3=}=$83v#v9L#A
zs!mgWLjm8F&4F%pkd}BFaWORBcE*@Idh+L4H@aJgS7e(Xmy7K~);C#J*z$c<W~y}7
zHkiM#g2xo&HH=3Qr-A!|OT6&ghw5wkwW-4Q=PzO2)QR3(dM{nc+EqS4?Iv4L=CcMz
kyI{PKCz;))Y^nBt0J=X;+_&NI^8f$<07*qoM6N<$g4h6zfB*mh

literal 0
HcmV?d00001

diff --git a/src/assets/image/activities/yes.png b/src/assets/image/activities/yes.png
new file mode 100644
index 0000000000000000000000000000000000000000..570406b10450e343eb87eeab6cf9ebd1902fbcd7
GIT binary patch
literal 347
zcmV-h0i^zkP)<h;3K|Lk000e1NJLTq000dD000dL1^@s6a_i)L00001b5ch_0Itp)
z=>Px$6-h)vR47xOlDkR+K@^7ne`eRqmV#g_DEI(k6N{*5Z>0!6fQ8}{2-@0fE5vKB
zmXgLs1Y1$T2M{bblC0;KS=f*)8&Id3%lXbX=gbiOgClQObtly!jf4C!viUW&)&!s;
zl*MG|{d^|MT!X-DDN%@i%p%)tPi{Pivm6RQ+;R6H#>zl<Eqr!js|7GXOkOV^sti@e
zbb5U*)Ue>CyFms6&YUy>aw)`olZ(N!PhhVKGN93NZaXo%Ay5l30uGqGTpW?y3L8co
z!Zhs29SJ9?ce{ynO=-SJD(Se-B<Ly4+RLLpUTOL0whVMl<(dL$-d3GOr@e;4l-E?%
tJqa0!XkhpL`%ZbnKmUlHYy9f({Qy<bmFX``<;nm6002ovPDHLkV1l$^l=}bx

literal 0
HcmV?d00001

diff --git a/src/assets/image/pathmap/personal.png b/src/assets/image/pathmap/personal.png
new file mode 100644
index 0000000000000000000000000000000000000000..0a0af84af480af174760fedc978dcac9bf34e3c2
GIT binary patch
literal 528
zcmV+r0`L8aP)<h;3K|Lk000e1NJLTq000pH000jN1^@s60<k0!00001b5ch_0Itp)
z=>Px$%1J~)R5(wSlRapYQ5c1v_a>1l4$?_z6ELlygP@Dz4<Zp%P?~foXwpUenMBi}
zMiEgQ;tv!Q)ImXqrYQ<S8Wpj#iXaGrAVP~uqJwl0Y${0d9r+p?N(q|W@p8_?dG9^1
zF`z(Cl&l$hfgtT1qwIMMTlBOJJI6hVXJ*W{!vMAmW~?`(%fQgoRqI#^=r14ITC2HT
z&gnbVxkrUHg&&JGzE?)N4l&YGS8VxWL86=-K{f<f{a)WZ=VHaK+{Xpog10Fo{&jGh
zd3qt~_OE3#nU3F`>zxIjBE2g_@_Sl>B)+81;>ga0+{($-qZQv2FQu*-I#~$k8)N@F
zNonw?p}RFzH$RR%c=H$X1lTwc9_wx`$*06Bf-9ymt4exq&;=F~T$l)tUHUJiuQbr>
z6uOVu4#4wYR7i#eL9?E8u^1U2@j*?;IZ#Tj4Z=%dX6T$(nH?{#EB^EieV-3*vOwUx
zK|kn5A)HS)g~Us#*9KcKMv<nQ6;E))u<jb{|8O(6)2~P4i#MD|#w7Qu<;IH1_qTFy
z>yR_b&Np^R*;;`$8rzf6F*EK+JZyJ&1iK9?#&LzBom_XYPwi~6=ChV1PW=HG#^1kU
S7rc!C0000<MNUMnLSTaGxaqwB

literal 0
HcmV?d00001

diff --git a/src/assets/image/pathmap/photo.png b/src/assets/image/pathmap/photo.png
new file mode 100644
index 0000000000000000000000000000000000000000..8a486d08435a74271755d68164de27cd4280ab0f
GIT binary patch
literal 6001
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

literal 0
HcmV?d00001

diff --git a/src/assets/image/pathmap/study.png b/src/assets/image/pathmap/study.png
new file mode 100644
index 0000000000000000000000000000000000000000..37087134839fec9978e8e3a6160c6aff1c411089
GIT binary patch
literal 521
zcmV+k0`~ohP)<h;3K|Lk000e1NJLTq000mG000jN1^@s6?Q>5r00001b5ch_0Itp)
z=>Px$!%0LzR5(wS(>rKWaTLe#@42aB5shFGQPU7|9Yhd>qA1cTh=|~$xU{K*uI=QM
z1Q#Dm97GX=g9r|>S*pgzRF@8l_$Usx4q`x3tAj#KhgMC!Ke>fo<4uJ4pZ>%7e>ms-
z&oMWntl+G{a{ll9#K>7PqaQ#8c+%>76FnFS!GyUPNpP#2vr|VZeO(cpjZ2W{QLDy3
zjgHyaLOt%LH7(=wuNCYGfUSf5dB-9z8?(^eQf&D6UqD9RB`%dO+L-{@HaJj{S?S)U
zLJ-^g@x<c26uWKpKr*ezX6%*dv1D2^W~^D2ct!ls6`BDP`9EkqB&b><t!@X3QTIi(
z^WfE$&44%83f~$^Gv+-w8Kl-*NgZvqgnG;`VK>H&=;mh~od@#knr4tMd<bV?FfWH8
zANXQM$5IcnYfm#Wd!MfM?G$J4EWZ0^55!EvFEksb@GrP&y_OO8#J&L7GBj|#4SO!*
zX|*=Je|2Pi%CX2z4?TJi8$KMGgPP!cIcFC_lbGsOo8CU$Q2dIpV^jToQ?Yj=<2GIk
z0h5UKxdnFkfWHgx5u>f{0>&<2r(n|Dtj^()#aPxd;0Fr7jLW|PT13y*j?^?r00000
LNkvXXu0mjfl$GxA

literal 0
HcmV?d00001

diff --git a/src/views/activities/activities.vue b/src/views/activities/activities.vue
new file mode 100644
index 0000000..4a4fb01
--- /dev/null
+++ b/src/views/activities/activities.vue
@@ -0,0 +1,274 @@
+<template>
+  <div class="activities">
+    <TitleHead text="【其他活动】管理者进阶腾飞班 - 专属线下活动"></TitleHead>
+     <div class="message">
+          <div class="yes"></div>
+          <div class="textmessage">签到成功</div>
+          <div class="no"></div>
+    </div>
+    <div class="main">
+      <div class="title">
+        <div class="titlemain">
+          <div class="timeposition">
+            <div class="time">
+              <img
+                style="width: 13px; height: 14.5px; margin-right: 5.5px"
+                src="../../assets/image/faceteach/time.png"
+              />
+              <div style="font-size: 12px; color: rgba(110, 123, 132, 1)">
+                2022-07-20 20:00-21:00
+              </div>
+            </div>
+            <div class="time" style="margin-top: 9px">
+              <img
+                style="width: 13px; height: 15px; margin-right: 5.5px"
+                src="../../assets/image/faceteach/position.png"
+              />
+              <div style="font-size: 12px; color: rgba(110, 123, 132, 1)">
+                大族广场
+              </div>
+            </div>
+          </div>
+          <div class="titlebtn">签到</div>
+        </div>
+      </div>
+    </div> 
+    <div class="notice">
+        <div class="noticebox">
+        <div class="mani">
+          <div class="lefttitle">
+            <div class="img"></div>
+            <div class="rightmain">
+              <div class="talk">活动公告</div>
+              <div class="box"></div>
+            </div>
+          </div>
+          <div class="content">
+            为拓宽人民群众的表达途径、畅听民意，及时了解和解决人民群众反映强烈的公共法律服务问题，我局将在浈江区公共法律服务中心开展领导干部接待活动，<br>现将2022年8月的活动安排公告如下：<br> 一、接待时间 <br>工作日上午9:00-12:00。 <br>二、接待地点 <br>浈江区公共法律服务中心（浈江区新韶镇乐土路3号曲仁田螺冲党群服务中心一楼）。<br>三、接待受理范围 <br>（一）听取人民群众对公共法律服务工作的批评和意见建议。 <br>（二）解答或接收公共法律服务相关业务咨询。
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="details">
+      <div class="teachbox">
+        <div class="teachmani">
+          <div class="lefttitle">
+            <div class="img"></div>
+            <div class="rightmain">
+              <div class="talk">活动详情</div>
+              <div class="box"></div>
+            </div>
+          </div>
+         <div class="content">
+            写字楼介绍<br>大族广场写字楼采用国际顶级硬件设施，美国OTIS电梯、麦克维尔中央空调、高端安防系统等商务空间新标准匹配项目在亦庄地标综合体的形象。写字楼空间设计由亚洲著名的室内空间设计大师之一梁景华设计，写字楼群由六栋(T1—T6)呈舰队排列的5A写字楼构成形成独特的舰队造型。<br>购物中心介绍<br>大族广场Mall&More位于北京经济技术开发区核心商圈荣华路，由荷兰鹿特丹缤纷市场设计师HANS VAN DA LEN 主持设计,秉持自然与未来和谐共生理念,倡导乐活有机、绿色环保的生活方式,传递生活美学。<br>大族广场Mall&More汇集众多知名优质品牌,7FRESH生 鲜超市、CGV星聚汇影城、中信书店、源力悦体等,集 购物、餐饮、娱乐、文化于一体,丰富的业态品类为消费 者提供城市生活的第三空间感受。<br>大族广场Mall&More以人为本,不断提升服务水平,升级 消费购物体验,致力于营造更加舒适的购物环境与空间打造有温度的品牌。同时根据春夏秋冬四季策划丰富多样的大型主题活动；为会员设置专属的沙龙活动，打造专属会员日等,与顾客近距离产生情感上的互动与链接为城市人们提供自由、放松、愉悦的社交空间与精神的栖息地。
+         </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+
+<script>
+// import { reactive, toRefs } from "vue";
+import TitleHead from "@/components/TitleHead.vue";
+export default {
+  name: "BallotPage",
+  components: {
+    TitleHead,
+  },
+  setup() {},
+};
+</script>
+
+<style lang="scss">
+.activities {
+  width: 100%;
+  .main {
+    width: 100%;
+    display: flex;
+    justify-content: center;
+    margin-top: -14.5px;
+    .title {
+      width: 90%;
+      height: 74px;
+      border-radius: 4px;
+      background-color: rgba(255, 255, 255, 1);
+      display: flex;
+      justify-content: center;
+      .titlemain {
+        width: 90%;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        .timeposition {
+          .time {
+            display: flex;
+            align-items: center;
+          }
+        }
+        .titlebtn {
+          width: 83px;
+          height: 33px;
+          background: #2478ff;
+          box-shadow: 0px 1px 8px 0px rgba(56, 125, 247, 0.7);
+          border-radius: 2px;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          font-size: 14px;
+          font-weight: 400;
+          color: #ffffff;
+          line-height: 12px;
+          cursor: pointer;
+        }
+      }
+    }
+  }
+}
+.message {
+        display: flex;
+        position: absolute;
+        top: 194px;
+        left: 80.5px;
+        width: 234px;
+        height: 64px;
+        z-index: 1;
+        background-image: url(../../assets/image/activities/bg.png);
+        .textmessage {
+          margin-top: 18px;
+          margin-left: 46px;
+          color: #333330;
+          font-size: 13px;
+          font-weight: 700;
+        }
+        .yes {
+          width: 13px;
+          height: 13px;
+          margin-top: 19px;
+          margin-left: 32px;
+          background-image: url(../../assets/image/activities/yes.png);
+        }
+        .no {
+          width: 13px;
+          height: 13px;
+          margin-top: 19px;
+          margin-left: 50px;
+          background-image: url(../../assets/image/activities/no.png);
+        }
+}
+.notice {
+    width: 100%;
+    display: flex;
+    justify-content: center;
+    margin-top: 10px;
+    .noticebox {
+      width: 90%;
+      background: linear-gradient(
+        180deg,
+       rgba(36, 120, 255, 0.15) 0%,
+        white 20%
+      );
+      border-radius: 4px;
+      position: relative;
+      
+      .mani {
+        margin-left: 20.5px;
+        margin-top: 20px;
+        line-height: 24px;
+
+        .lefttitle {
+          display: flex;
+          position: relative;
+          width: 90px;
+          .img {
+            width: 18px;
+            height: 15px;
+            margin-top: 4px;
+            background-image: url(../../assets/image/activities/trumpet.png);
+          }
+          .rightmain {
+            margin-left: 7.5px;
+            .talk {
+              font-size: 14px;
+              font-weight: bold;
+              color: #333;
+              position: absolute;
+              z-index: 999;
+            }
+            .box {
+              position: absolute;
+              width: 62.5px;
+              height: 10px;
+              right: 6px;
+              bottom: -4px;
+              background: #cccfff;
+            }
+          }
+        }
+        .content {
+          color: #333330;
+          font-size: 13px;
+          line-height: 24px;
+          font-weight: 400;
+          margin: 18.5px 12px 24.5px 0;
+        }
+      }
+    }
+  }
+  .details {
+    width: 100%;
+    display: flex;
+    justify-content: center;
+    margin-top: 10px;
+    .teachbox {
+      width: 90%;
+      // height: 200px;
+      background: #fff;
+      border-radius: 4px;
+      position: relative;
+      display: flex;
+      justify-content: center;
+      .teachmani {
+        width: 90%;
+        margin-top: 20px;
+        .lefttitle {
+          display: flex;
+          position: relative;
+          width: 90px;
+          .img {
+            width: 18px;
+            height: 15px;
+            margin-top: 4px;
+            background-image: url(../../assets/image/activities/trumpet.png);
+          }
+          .rightmain {
+            margin-left: 7.5px;
+            .talk {
+              font-size: 14px;
+              font-weight: bold;
+              color: #333;
+              position: absolute;
+              z-index: 999;
+            }
+            .box {
+              position: absolute;
+              width: 62.5px;
+              height: 10px;
+              right: 6px;
+              bottom: -4px;
+              background: #cccfff;
+            }
+          }
+        }
+        .content {
+          color: #333330;
+          font-size: 13px;
+          line-height: 24px;
+          font-weight: 400;
+          margin: 18.5px 0 29.5px 0;
+        }
+      }
+    }
+  }
+</style>
\ No newline at end of file
diff --git a/src/views/pathmap/pathmap.vue b/src/views/pathmap/pathmap.vue
new file mode 100644
index 0000000..2d0bbbc
--- /dev/null
+++ b/src/views/pathmap/pathmap.vue
@@ -0,0 +1,436 @@
+<template>
+  <div class="pathmap">
+    <TitleHead text="中级产品经理"></TitleHead>
+    <div class="main">
+      <div class="title">
+        <div class="box">
+          <div class="nav">
+            <span class="announcement">课程公告</span>
+            <span class="share">共享文档</span>
+          </div>
+          <div class="content">
+            请各位选课的同学提前阅读本课程的“教学大纲与计划”“课程考核要求”与“学习要求”，并按给定的中学化学教学主题分好小组 <br>每位同学在网上学习的活动轨迹都会自动被系统记录，将作为大家个人线上参与的评价依据；<br>请大家务必在规定的时间内提交作业，否则会被系统自动记录为“迟交”或“未交”，则会影响线上参与的平时成绩；
+          </div>
+        </div>       
+      </div> 
+        <div class="messaeg">
+           <div class="mani">
+        <div class="uptitle">
+            <div class="img"></div>
+            <div class="rightmain">
+              <div class="talk">个人信息</div>
+              <div class="box"></div>
+            </div>
+          </div>
+          <div class="information">
+            <div class="photo"></div>
+            <div class="description">
+              <span class="text1">乐晓琪（显示事业）</span>
+              <span class="text2">真正的陪伴经得起坎坷，经得起平淡。</span>
+            </div>
+          </div>
+          <div class="downtitle">
+            <div class="img"></div>
+            <div class="rightmain">
+              <div class="talk">学习进度</div>
+              <div class="box"></div>
+            </div>
+          </div>
+          <div class="speed">
+            <span class="text3">上次学到：启航班 - 领导寄语</span>
+            <button class="btn">去上课</button>
+          </div>
+          <div class="progress">
+            <div class="total">
+              <div class="total_part">
+                <span class="text4">总进度</span> <span class="text5">32%</span>
+              </div>             
+              <div class="progress">
+                <div class="progress_part"></div>
+              </div>
+            </div>
+            <div class="compulsory">
+              <div class="compulsory_part">
+                <span class="text6">必修进度</span> <span class="text7">10%</span>
+              </div>             
+              <div class="progress1">
+                <div class="progress1_part"></div>
+              </div>
+            </div>
+          </div>
+        </div>
+        </div> 
+      <div class="course">
+        <div class="course_box">
+          <div class="course_first">
+            <span class="text8">序：产品经理从初级到中级</span>
+            <span class="text9"><span class="circular"></span>进行中</span>
+          </div>
+        </div>
+      </div>
+    </div>
+    
+  </div>
+</template>
+
+<script>
+// import { reactive, toRefs } from "vue";
+import TitleHead from "@/components/TitleHead.vue";
+export default {
+  name: "BallotPage",
+  components: {
+    TitleHead,
+  },
+  setup() {},
+};
+</script>
+
+<style lang="scss">
+  .pathmap {
+    width: 100%;
+    .main {
+      width: 100%;
+      display: flex;
+      flex-flow: column;
+      justify-content: center;
+      align-items: center;
+      margin-top: -14.5px;
+      .course {
+        width: 90%;
+        height: 903px;
+        margin-top: 10px;
+        border-radius: 4px;
+        background-color: rgba(255, 255, 255, 1);
+        display: flex;
+        justify-content: center;
+        .course_box {
+          display: flex;
+          justify-content: center;
+          width: 90%;
+          margin-top: 18.5px;
+          background-color: pink;
+          .course_first {
+            width: 100%;
+            height: 35px;
+            display: flex;
+            justify-content: content;
+            background-color: #F9F9F9;
+            .text8 {
+              display: flex;
+              flex: 1;
+              margin-top: 11px;
+              margin-left: 10.5px;
+              margin-bottom: 10.5px;
+              height: 13.5px;
+              font-size: 14px;
+              font-weight: 500;
+              color: #333330;
+            }
+            .text9 {
+              margin-top: 11px;
+              margin-left: 77.5px;
+              color: #0060FF;
+              font-size:13px;
+              font-weight: 400;
+              .circular {
+                
+                border: 1px solid #0060FF;
+                border-radius: 25%;
+              }
+            }
+          }
+        }
+      }
+      .title {
+        width: 90%;
+        height: 272px;
+        border-radius: 4px;
+        background-color: rgba(255, 255, 255, 1);
+        display: flex;
+        justify-content: center;
+        .box {
+          width: 90%;
+          display: flex;
+          justify-content: center;
+          flex-wrap:wrap;
+          overflow-y: auto;
+          .nav {
+              width: 100%;
+              height: 49.5px;
+              display: flex;
+              .announcement {              
+                color: #2478FF;
+                font-size: 14px;
+                line-height: 21.6px;
+                font-weight: 700;
+                margin-top: 18.5px;
+                border-bottom: 1px solid #2478FF;
+              }
+              .share {
+                color: #394145;
+                font-size: 13px;
+                line-height: 21.6px;
+                margin-top: 19px;
+                margin-left: 70px;
+
+              }
+          }
+          .content {
+                  width: 100%;
+                  height: 180.5px;
+                  display: flex;
+                  justify-content: center;
+                  color: #333330;
+                  font-size:13px;
+                  line-height: 24px;
+            }
+          }     
+        }
+      
+      } 
+      .messaeg {
+        width: 90%;
+        height: 314px;
+        background-color: rgba(255, 255, 255, 1);
+        display: flex;
+        justify-content: center;
+        margin-top: 10px; 
+        .mani {
+        width: 90%;
+        display: flex;
+        flex-direction: column;
+        justify-content: content;
+        margin-left: 20.5px;
+        margin-top: 23px; 
+                .downtitle {
+          display: flex;
+          position: relative;
+          width: 90px;
+          margin-top: 21.5px;
+          .img {
+            width: 15.5px;
+            height: 14.5px;
+            margin-top: 3px;
+            background-image: url(../../assets/image/pathmap/study.png);
+          }
+          .rightmain {
+            margin-left: 7.5px;
+            .talk {
+              font-size: 14px;
+              font-weight: bold;
+              color: #333;
+              position: absolute;
+              z-index: 999;
+            }
+            .box {
+              position: absolute;
+              width: 62.5px;
+              height: 10px;
+              right: 6px;
+              bottom: -4px;
+              background: #ccdfff;
+            }
+          }
+        }
+                .uptitle {
+          display: flex;
+          position: relative;
+          width: 90px;
+          .img {
+            width: 17px;
+            height: 15px;
+            margin-top: 3px;
+            background-image: url(../../assets/image/pathmap/personal.png);
+          }
+          .rightmain {
+            margin-left: 7.5px;
+            .talk {
+              font-size: 14px;
+              font-weight: bold;
+              color: #333;
+              position: absolute;
+              z-index: 999;
+            }
+            .box {
+              position: absolute;
+              width: 62.5px;
+              height: 10px;
+              right: 6px;
+              bottom: -4px;
+              background: #ccdfff;
+            }
+          }
+        }      
+         .information {
+        width: 100%;
+        height: 50px;
+        margin-top: 24px;
+        display: flex;
+        justify-content: content;
+        .photo {
+          width: 50px;
+          height: 50px;
+          background-image: url(../../assets/image/pathmap/photo.png)
+        }
+        .description {
+          display:flex;
+          flex-direction: column;
+          margin-left: 11.5px;
+          .text1 {
+            height: 13.5px;
+            font-size: 14px;
+            font-weight: 700;
+            color: #394145;
+            line-height: 21.6px;
+
+          }
+          .text2 {
+            height: 13px;
+            margin-top: 12px;
+            font-size: 13px;
+            color: #394145;
+            line-height: 21.6px;
+          }
+        
+      }
+      }
+     
+      
+      }
+      .speed {
+        width: 100%;
+        margin-top:11px;
+        display: flex;
+        justify-content: content;
+        .text3 {
+          display: flex;
+          flex:1;
+          margin-top: 4.5px;
+          font-size: 13px;
+          font-weight: 500;
+          line-height: 24px;
+          color: #677D86;
+          text-overflow: elipsis;
+        }
+        .btn {                  
+          width: 73px;
+          height: 28px;
+          font-size: 13px;
+          line-height: 28px;
+          margin-rihgt: 21px;
+          color: #2478FF;
+          font-weight: 400;
+          border: 0.5px solid #2478FF;
+          background-color: #FFFFFF;
+        }
+      }
+      .progress {
+        display:flex;
+        flex-direction: column;
+        margin-top: 15px;
+        width: 100%;
+        height: 74px;
+        .total {
+          display: flex;
+          position: relative;
+          width: 100%;
+          height: 29px;
+        .total_part {
+            position: absolute;
+            top: 0;
+            left: 0;
+            margin-bottom: 10px;
+            width: 100%;
+            height: 12.5px;
+          .text4 {          
+           width: 38.5px;
+            height: 12.5px;
+            font-size: 12px;
+            // line-height: 30.29px;
+            color: #677D86;
+          }
+          .text5 {
+            position: absolute;
+            right: 0;           
+            width: 25px;
+             height: 9.5px;
+            font-size: 12px;
+            // line-height: 30.29px;
+            color: #277AFF;
+          }
+        }
+        
+          .progress {
+            position: absolute;
+            width: 100%;
+            height: 6.4px;
+            margin-top: 20px;
+            background-color: #E8F1FE;
+            border-radius: 2px;
+            .progress_part {
+              width: 32%;
+              height: 6.4px;
+              border-radius: 2px;
+              background: linear-gradient(
+                -180deg,
+              rgba(36, 120, 255, 1),
+               rgba(80, 147, 255, 1)               
+              );
+            }
+          }
+        }
+        .compulsory{
+          display: flex;
+          position: relative;
+          width: 100%;
+          height: 29px;
+          margin-top: 16px;
+          .compulsory_part {
+            position: absolute;
+            top: 0;
+            left: 0;
+            margin-bottom: 10px;
+            width: 100%;
+            height: 12.5px;
+          .text6 {          
+           width: 38.5px;
+            height: 12.5px;
+            font-size: 12px;
+            // line-height: 30.29px;
+            color: #677D86;
+          }
+          .text7 {
+            position: absolute;
+            right: 0;           
+            width: 25px;
+             height: 9.5px;
+            font-size: 12px;
+            // line-height: 30.29px;
+            color: #EE6661;
+          }
+        }
+          .progress1 {
+            position: absolute;
+            width: 100%;
+            height: 6.4px;
+            margin-top: 20px;
+            background-color: #E8F1FE;
+            border-radius: 2px;
+            .progress1_part {
+              width: 10%;
+              height: 6.4px;
+              border-radius: 2px;
+              background: linear-gradient(
+                -180deg,
+              rgba(238, 98, 94, 1),
+               rgba(238, 164, 161, 1)               
+              );
+            }
+          }
+        }
+      }
+      } 
+     
+  }
+ 
+</style>

From cdf3830ed30c18842f53e877b026ccf9e03c4c0c Mon Sep 17 00:00:00 2001
From: dongwug <guoys@dongwu-inc.com>
Date: Tue, 27 Sep 2022 18:29:28 +0800
Subject: [PATCH 4/9] =?UTF-8?q?feat:=E6=95=B0=E7=BB=84=E9=81=8D=E5=8E=86?=
 =?UTF-8?q?=E5=92=8C=E7=82=B9=E5=87=BB=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/image/index.js                  |   6 +
 src/views/examination/ReadyExamination.vue | 265 ++++++++++++++-------
 2 files changed, 179 insertions(+), 92 deletions(-)
 create mode 100644 src/assets/image/index.js

diff --git a/src/assets/image/index.js b/src/assets/image/index.js
new file mode 100644
index 0000000..7ca6200
--- /dev/null
+++ b/src/assets/image/index.js
@@ -0,0 +1,6 @@
+const Images = {
+    //选择按钮
+    checkboxImg: require('./checkbox.png'),
+    checkbox2Img: require('./checkbox2.png')
+}
+export default Images
\ No newline at end of file
diff --git a/src/views/examination/ReadyExamination.vue b/src/views/examination/ReadyExamination.vue
index 386c491..e371851 100644
--- a/src/views/examination/ReadyExamination.vue
+++ b/src/views/examination/ReadyExamination.vue
@@ -18,20 +18,27 @@
                     </div>
 
                     <!-- 循环遍历生成判断题的问题和选项 -->
-                    <!-- <div class="questions"
-                            v-for="(q,index) in j_questions"
+                    <div class="questions"
+                            v-for="(q,index) in questions"
                             :key="index">
                         <div class="questiontitle"                            >
                             {{q.text}}
                         </div>
-                        <div class="btnswitch" v-for="(j,index) in j_options"
-                        :key="index">
-                            <div class="checkoutbtn"></div>
+                        <div class="btnswitch" v-for="(j,index) in q.options"
+                        :key="index"
+                        @click="selectBtn(j)"
+                        >
+                            <div class="checkoutbtn"
+                            :style="{
+                                backgroundImage:
+                                'url('+( j.selected === true? Images.checkboxImg : Images.checkbox2Img )+')'
+                            }"
+                            ></div>
                             <div class="select">{{j.text}}</div>
                         </div>
-                    </div> -->
+                    </div>
 
-                    <div class="questions">
+                    <!-- <div class="questions">
                         <div class="questiontitle">
                             1、控制计划是由工艺部门完成 （4分）
                         </div>
@@ -69,7 +76,7 @@
                             <div class="checkoutbtn"></div>
                             <div class="select">错误</div>
                         </div>
-                    </div>
+                    </div> -->
                     
 
                     <div class="questiontype clearfix">
@@ -79,7 +86,7 @@
                     </div>
 
                     <!-- 循环遍历生成选择题的问题和选项 -->
-                    <!-- <div class="questions"
+                    <div class="questions"
                             v-for="(q,index) in s_questions"
                             :key="index">
                         <div class="questiontitle">
@@ -87,21 +94,19 @@
                         </div>
                         <div class="btnswitch" v-for="(s,index) in s_options"
                         :key="index"
-                        @click="selectBtn(value)"
+                        @click="selectBtn2(s)"
                         >
                             <div class="checkoutbtn"
                             :style="{
                                 backgroundImage:
-                                value.selected === true
-                                ? 'url( ../../assets/image/checkbox.png )'
-                                : 'url( ../../assets/image/checkbox2.png )'
+                                'url('+( s.selected === true? Images.checkboxImg : Images.checkbox2Img )+')'
                             }"
                             ></div>
                             <div class="select">{{s.text}}</div>
                         </div>
-                    </div> -->
+                    </div>
                     
-                    <div class="questions">
+                    <!-- <div class="questions">
                         <div class="questiontitle">
                             4、.FMEA 是一种（ ）工具（4分）
                         </div>
@@ -121,7 +126,7 @@
                             <div class="checkoutbtn"></div>
                             <div class="select">风险分析</div>
                         </div>
-                    </div>
+                    </div> -->
 
                     <div class="btnbox">
                         <div class="submitbtn">
@@ -136,88 +141,164 @@
 </template>
 
 <script>
-// import { reactive,toRefs } from "vue";
+import { reactive, toRefs } from "vue";
+import Images from '../../assets/image/index'
 import TitleHead from "@/components/TitleHead.vue";
 export default {
     name: "ReadyExamination",
     components: {
         TitleHead,
     },
-    // setup() {
-    //     const state = reactive({
-    //         j_questions: [
-    //             {
-    //                 type: "judge",
-    //                 id: 1,
-    //                 text: "1、控制计划是由工艺部门完成 （4分）",
-    //             },
-    //             {
-    //                 type: "judge",
-    //                 id: 2,
-    //                 text: "2、.PFMEA假定所设计的产品能满足设计要求",
-    //             },
-    //             {
-    //                 type: "judge",
-    //                 id: 3,
-    //                 text: "3、PFMEA假定所设计的产品能满足设计要求 （4分）",
-    //             },
-    //         ],
-    //         s_questions: [
-    //             {
-    //                 type: "choice",
-    //                 id: 1,
-    //                 text: "4、.FMEA 是一种（ ）工具（4分）",
-    //             },
-    //         ],
-    //         j_options: [
-    //             {
-    //                 id: 1,
-    //                 text: "正确",
-    //                 selected: false,
-    //             },
-    //             {
-    //                 id: 2,
-    //                 text: "错误",
-    //                 selected: false,
-    //             },
-    //         ],
-    //         s_options: [
-    //             {
-    //                 id: 1,
-    //                 text: "问题解决",
-    //                 selected: false,
-    //             },
-    //             {
-    //                 id: 2,
-    //                 text: "项目策划",
-    //                 selected: false,
-    //             },
-    //             {
-    //                 id: 3,
-    //                 text: "过程分析",
-    //                 selected: false,
-    //             },
-    //             {
-    //                 id: 4,
-    //                 text: "风险分析",
-    //                 selected: false,
-    //             },
-    //         ]
-    //     });
-    //     const selectBtn = (value) => {
-    //         let arr = state.s_options;
-    //         arr.map((i) => {
-    //             if (i.id === value.id) {
-    //                 i.selected = !i.selected;
-    //             }
-    //         });
-    //         state.s_options = arr;
-    //     };
-    //     return {
-    //         ...toRefs(state),
-    //         selectBtn,
-    //     };
-    // }
+    setup() {
+        const state = reactive({
+            questions: [
+                {
+                    id: 1,
+                    text: "1、控制计划是由工艺部门完成 （4分）",
+                    options: [
+                        {
+                            text: "正确",
+                            select:"flase",
+                        },
+                        {
+                            text: "错误",
+                            select:"flase",
+                        },
+                    ]
+                },
+                {
+                    id: 2,
+                    text: "2、.PFMEA假定所设计的产品能满足设计要求",
+                    options: [
+                        {
+                            text: "正确",
+                            select:"flase",
+                        },
+                        {
+                            text: "错误",
+                            select:"flase",
+                        },
+                    ]
+                },
+                {
+                    id: 3,
+                    text: "3、控制计划是由工艺部门完成 （4分）",
+                    options: [
+                        {
+                            text: "正确",
+                            select:"flase",
+                        },
+                        {
+                            text: "错误",
+                            select:"flase",
+                        },
+                    ]
+                },
+                {
+                    id: 4,
+                    text: "4、.PFMEA假定所设计的产品能满足设计要求",
+                    options: [
+                        {
+                            text: "正确",
+                            select:"flase",
+                        },
+                        {
+                            text: "错误",
+                            select:"flase",
+                        },
+                    ]
+                },
+            ],
+            // j_questions: [
+            //     {
+            //         type: "judge",
+            //         id: 1,
+            //         text: "1、控制计划是由工艺部门完成 （4分）",
+            //     },
+            //     {
+            //         type: "judge",
+            //         id: 2,
+            //         text: "2、.PFMEA假定所设计的产品能满足设计要求",
+            //     },
+            //     {
+            //         type: "judge",
+            //         id: 3,
+            //         text: "3、PFMEA假定所设计的产品能满足设计要求 （4分）",
+            //     },
+            // ],
+            s_questions: [
+                {
+                    type: "choice",
+                    id: 1,
+                    text: "4、.FMEA 是一种（ ）工具（4分）",
+                },
+            ],
+            // j_options: [
+            //     {
+            //         id: 1,
+            //         text: "正确",
+            //         selected: false,
+            //     },
+            //     {
+            //         id: 2,
+            //         text: "错误",
+            //         selected: false,
+            //     },
+            // ],
+            s_options: [
+                {
+                    id: 1,
+                    text: "问题解决",
+                    selected: false,
+                },
+                {
+                    id: 2,
+                    text: "项目策划",
+                    selected: false,
+                },
+                {
+                    id: 3,
+                    text: "过程分析",
+                    selected: false,
+                },
+                {
+                    id: 4,
+                    text: "风险分析",
+                    selected: false,
+                },
+            ]
+        });
+        const selectBtn = (value) => {
+            // let arr = state.questions;
+            const arry = []
+            state.questions.map((item) => {
+                arry.push(item.options)
+            })
+            console.log(arry)
+            console.log(value)
+            // arry.map((i) => {
+            //     if (i.id === value.id) {
+            //         i.selected = !i.selected;
+            //     }
+            // });
+            // state.questions = arry;
+        };
+        const selectBtn2 = (value) => {
+            let arr = state.s_options;
+            arr.map((i) => {
+                if (i.id === value.id) {
+                    i.selected = !i.selected;
+                }
+            });
+            state.s_options = arr;
+        };
+        return {
+            ...toRefs(state),
+            selectBtn,
+            selectBtn2,
+            Images,
+        };
+    }
 };
 </script>
 <style lang="scss" scoped>

From 6b787868de9cb80368f99b36cb29b0c3521a1d1e Mon Sep 17 00:00:00 2001
From: dongwug <guoys@dongwu-inc.com>
Date: Wed, 28 Sep 2022 12:16:42 +0800
Subject: [PATCH 5/9] =?UTF-8?q?feat:=E4=BC=98=E5=8C=96=E5=BC=80=E5=A7=8B?=
 =?UTF-8?q?=E8=80=83=E8=AF=95=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/examination/ReadyExamination.vue | 67 +++++++++-------------
 1 file changed, 26 insertions(+), 41 deletions(-)

diff --git a/src/views/examination/ReadyExamination.vue b/src/views/examination/ReadyExamination.vue
index e371851..fe37cab 100644
--- a/src/views/examination/ReadyExamination.vue
+++ b/src/views/examination/ReadyExamination.vue
@@ -24,17 +24,17 @@
                         <div class="questiontitle"                            >
                             {{q.text}}
                         </div>
-                        <div class="btnswitch" v-for="(j,index) in q.options"
+                        <div class="btnswitch" v-for="(o,index) in q.options"
                         :key="index"
-                        @click="selectBtn(j)"
+                        @click="selectBtn(o)"
                         >
                             <div class="checkoutbtn"
                             :style="{
                                 backgroundImage:
-                                'url('+( j.selected === true? Images.checkboxImg : Images.checkbox2Img )+')'
+                                'url('+( o.select === true? Images.checkboxImg : Images.checkbox2Img )+')'
                             }"
                             ></div>
-                            <div class="select">{{j.text}}</div>
+                            <div class="select">{{o.text}}</div>
                         </div>
                     </div>
 
@@ -154,13 +154,16 @@ export default {
             questions: [
                 {
                     id: 1,
+                    type: "judge",
                     text: "1、控制计划是由工艺部门完成 （4分）",
                     options: [
-                        {
+                        {   
+                            id:1,
                             text: "正确",
                             select:"flase",
                         },
                         {
+                            id:2,
                             text: "错误",
                             select:"flase",
                         },
@@ -168,13 +171,16 @@ export default {
                 },
                 {
                     id: 2,
+                    type: "judge",
                     text: "2、.PFMEA假定所设计的产品能满足设计要求",
                     options: [
-                        {
+                        {   
+                            id:1,
                             text: "正确",
                             select:"flase",
                         },
                         {
+                            id:2,
                             text: "错误",
                             select:"flase",
                         },
@@ -182,33 +188,23 @@ export default {
                 },
                 {
                     id: 3,
-                    text: "3、控制计划是由工艺部门完成 （4分）",
-                    options: [
-                        {
-                            text: "正确",
-                            select:"flase",
-                        },
-                        {
-                            text: "错误",
-                            select:"flase",
-                        },
-                    ]
-                },
-                {
-                    id: 4,
-                    text: "4、.PFMEA假定所设计的产品能满足设计要求",
+                    type: "judge",
+                    text: "3、PFMEA假定所设计的产品能满足设计要求 （4分）",
                     options: [
                         {
+                            id:1,
                             text: "正确",
                             select:"flase",
                         },
                         {
+                            id:2,
                             text: "错误",
                             select:"flase",
                         },
                     ]
                 },
             ],
+            //判断题问题和选项（暂时被questions替代）
             // j_questions: [
             //     {
             //         type: "judge",
@@ -226,13 +222,6 @@ export default {
             //         text: "3、PFMEA假定所设计的产品能满足设计要求 （4分）",
             //     },
             // ],
-            s_questions: [
-                {
-                    type: "choice",
-                    id: 1,
-                    text: "4、.FMEA 是一种（ ）工具（4分）",
-                },
-            ],
             // j_options: [
             //     {
             //         id: 1,
@@ -245,6 +234,14 @@ export default {
             //         selected: false,
             //     },
             // ],
+
+            s_questions: [
+                {
+                    type: "choice",
+                    id: 1,
+                    text: "4、.FMEA 是一种（ ）工具（4分）",
+                },
+            ],
             s_options: [
                 {
                     id: 1,
@@ -269,19 +266,7 @@ export default {
             ]
         });
         const selectBtn = (value) => {
-            // let arr = state.questions;
-            const arry = []
-            state.questions.map((item) => {
-                arry.push(item.options)
-            })
-            console.log(arry)
-            console.log(value)
-            // arry.map((i) => {
-            //     if (i.id === value.id) {
-            //         i.selected = !i.selected;
-            //     }
-            // });
-            // state.questions = arry;
+            value.select = !value.select
         };
         const selectBtn2 = (value) => {
             let arr = state.s_options;

From 898497ee4c79dbf681047a1028123bafcbc836d9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B2=B3=E4=BD=B3=E9=91=AB?= <yuejx@dongwu-inc.com>
Date: Wed, 28 Sep 2022 14:21:12 +0800
Subject: [PATCH 6/9] =?UTF-8?q?feat:=E8=B7=AF=E5=BE=84=E5=9B=BE=E8=AF=A6?=
 =?UTF-8?q?=E6=83=85=E9=A1=B5=E9=9D=A2=E5=92=8C=E5=85=B1=E4=BA=AB=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/image/pathmap/nostart.png          |  Bin 0 -> 3779 bytes
 .../{activities.vue => ActivitiesPage.vue}    |   15 +-
 src/views/pathmap/PathmapPage.vue             | 1174 +++++++++++++++++
 src/views/pathmap/pathmap.vue                 |  436 ------
 4 files changed, 1184 insertions(+), 441 deletions(-)
 create mode 100644 src/assets/image/pathmap/nostart.png
 rename src/views/activities/{activities.vue => ActivitiesPage.vue} (97%)
 create mode 100644 src/views/pathmap/PathmapPage.vue
 delete mode 100644 src/views/pathmap/pathmap.vue

diff --git a/src/assets/image/pathmap/nostart.png b/src/assets/image/pathmap/nostart.png
new file mode 100644
index 0000000000000000000000000000000000000000..e017353f234499a9bab1c965dc81eed542e26765
GIT binary patch
literal 3779
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

literal 0
HcmV?d00001

diff --git a/src/views/activities/activities.vue b/src/views/activities/ActivitiesPage.vue
similarity index 97%
rename from src/views/activities/activities.vue
rename to src/views/activities/ActivitiesPage.vue
index 4a4fb01..e243ba0 100644
--- a/src/views/activities/activities.vue
+++ b/src/views/activities/ActivitiesPage.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="activities">
     <TitleHead text="【其他活动】管理者进阶腾飞班 - 专属线下活动"></TitleHead>
-     <div class="message">
+     <div class="message" >
           <div class="yes"></div>
           <div class="textmessage">签到成功</div>
           <div class="no"></div>
@@ -29,7 +29,7 @@
               </div>
             </div>
           </div>
-          <div class="titlebtn">签到</div>
+          <el-button class="titlebtn" @click="open">签到</el-button>
         </div>
       </div>
     </div> 
@@ -73,12 +73,15 @@
 // import { reactive, toRefs } from "vue";
 import TitleHead from "@/components/TitleHead.vue";
 export default {
-  name: "BallotPage",
+  name: "ActivitiesPage",
   components: {
     TitleHead,
   },
-  setup() {},
-};
+  setup() {
+
+  },
+
+}; 
 </script>
 
 <style lang="scss">
@@ -224,6 +227,7 @@ export default {
     .teachbox {
       width: 90%;
       // height: 200px;
+      margin-bottom: 29.5px;
       background: #fff;
       border-radius: 4px;
       position: relative;
@@ -232,6 +236,7 @@ export default {
       .teachmani {
         width: 90%;
         margin-top: 20px;
+        margin-bottom: 27.5px;
         .lefttitle {
           display: flex;
           position: relative;
diff --git a/src/views/pathmap/PathmapPage.vue b/src/views/pathmap/PathmapPage.vue
new file mode 100644
index 0000000..41bd916
--- /dev/null
+++ b/src/views/pathmap/PathmapPage.vue
@@ -0,0 +1,1174 @@
+<template>
+  <div class="pathmap">
+    <TitleHead text="中级产品经理"></TitleHead>
+    <div class="main">
+      <div class="title">
+        <div class="course">
+          <div style="width: 100%">
+            <el-tabs v-model="activeName" @tab-click="handleClick" tab-position="top" >
+              <el-tab-pane label="课程公告" name="first">
+                <div class="work">
+                  <div class="question">
+                    请各位选课的同学提前阅读本课程的“教学大纲与计划”
+                    “课程考核要求”与“学习要求”，并按给定的中学化学教学主题分好小组<br />
+                    每位同学在网上学习的活动轨迹都会自动被系统记录,将作为大家个人线上参与的评价依据；<br />
+                    请大家务必在规定的时间内提交作业，否则会被系统自动记录为“迟交”或“未交”，则会影响线上参与的平时成绩；
+                  </div>
+                </div>
+              </el-tab-pane>
+              <el-tab-pane label="共享文档" name="second" >
+                <div
+                  v-for="(el, index) in enclosure"
+                  :key="el.id"
+                  class="enclosure"
+                  :style="{
+                    'border-bottom':
+                      index === enclosure.length - 1
+                        ? null
+                        : '0px solid rgba(56, 125, 247, 0.2)',
+                  }"
+                >
+                  <div class="enclosureL">
+                    <img style="width: 19.5px; height: 22px" :src="el.img" />
+                    <div style="margin-left: 15px">{{ el.name }}</div>
+                  </div>
+                  <div class="download">
+                    <img
+                      style="width: 13px; height: 12px"
+                      src="../../assets/image/faceteach/download.png"
+                    />
+                    <div style="margin-left: 2.5px">下载</div>
+                  </div>
+                </div>
+              </el-tab-pane>
+            </el-tabs>
+          </div>
+        </div>
+      </div>
+      <div class="messaeg">
+        <div class="mani">
+          <div class="uptitle">
+            <div class="img"></div>
+            <div class="rightmain">
+              <div class="talk">个人信息</div>
+              <div class="box"></div>
+            </div>
+          </div>
+          <div class="information">
+            <div class="photo"></div>
+            <div class="description">
+              <span class="text1">乐晓琪（显示事业）</span>
+              <span class="text2">真正的陪伴经得起坎坷，经得起平淡。</span>
+            </div>
+          </div>
+          <div class="downtitle">
+            <div class="img"></div>
+            <div class="rightmain">
+              <div class="talk">学习进度</div>
+              <div class="box"></div>
+            </div>
+          </div>
+          <div class="speed">
+            <span class="text3">上次学到：启航班 - 领导寄语</span>
+            <button class="btn">去上课</button>
+          </div>
+          <div class="progress">
+            <div class="total">
+              <div class="total_part">
+                <span class="text4">总进度</span> <span class="text5">32%</span>
+              </div>
+              <div class="progress">
+                <div class="progress_part"></div>
+              </div>
+            </div>
+            <div class="compulsory">
+              <div class="compulsory_part">
+                <span class="text6">必修进度</span>
+                <span class="text7">10%</span>
+              </div>
+              <div class="progress1">
+                <div class="progress1_part"></div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="course1">
+        <div class="course1_box">
+          <div class="course1_first">
+            <div class="text8">序：产品经理从初级到中级</div>
+            <div class="course1_right">
+              <div class="circular"></div>
+              <div class="text9">进行中</div>
+            </div>
+          </div>
+          <div class="course1_second">
+            <div class="course1_part">
+              <span class="text6">当前进度</span>
+              <span class="text7">70%</span>
+            </div>
+            <div class="progress2">
+              <div class="progress2_part"></div>
+            </div>
+          </div>
+          <div class="course1_threed">
+            <div class="explain_up">人工智能启蒙讲解（上）</div>
+            <div class="explain_up_part">
+              <div class="tag4">#通用力</div>
+              <div class="tag2">#前沿趋势</div>
+              <div class="tag1">必修</div>
+              <div class="tag3">在线</div>
+              <button class="btn1">去上课</button>
+            </div>
+          </div>
+          <div class="course1_fourth">
+            <div class="course1_part">
+              <span class="text6">当前进度</span>
+              <span class="text7">0%</span>
+            </div>
+            <div class="progress3">
+              <div class="progress3_part"></div>
+            </div>
+          </div>
+          <div class="course1_fifth">
+            <div class="explain_down">人工智能启蒙讲解（下）</div>
+            <div class="explain_down_part">
+              <div class="tag4">#通用力</div>
+              <div class="tag2">#前沿趋势</div>
+              <div class="tag1">必修</div>
+              <div class="tag3">考试</div>
+              <div class="status"></div>
+            </div>
+          </div>
+          <div class="course2_first">
+            <div class="text8">第一讲：中级产品经理的思考逻辑</div>
+            <div class="course2_right">
+              <div class="circular"></div>
+              <div class="text9">未开始</div>
+            </div>
+          </div>
+          <div class="course2_second">
+            <div class="explain_down">
+              趣味课前小测 - MBTI测试：你适合做哪个方向？
+            </div>
+            <div class="explain_down_part">
+              <div class="tag1">选修</div>
+              <div class="tag3">测评</div>
+              <div class="status"></div>
+            </div>
+          </div>
+          <div class="course2_threed">
+            <div class="explain_down">
+              建立中级产品经理思考逻辑：脱离初级产品的必要条件
+            </div>
+            <div class="explain_down_part">
+              <div class="tag1">必修</div>
+              <div class="tag3">外部链接</div>
+              <div class="status"></div>
+            </div>
+          </div>
+          <div class="course3_first">
+            <div class="text8">第二讲：模块化产品展示</div>
+            <div class="course2_right">
+              <div class="circular"></div>
+              <div class="text9">未开始</div>
+            </div>
+          </div>
+          <div class="course2_threed">
+            <div class="explain_down">
+              模块化产品展示相关案例与展示：如何自由组合你的思考？
+            </div>
+            <div class="explain_down_part">
+              <div class="tag1">必修</div>
+              <div class="tag3">测评</div>
+              <div class="status"></div>
+            </div>
+          </div>
+          <div class="course2_threed">
+            <div class="explain_down">社交产品如何做好模块化处理？</div>
+            <div class="explain_down_part">
+              <div class="tag1">必修</div>
+              <div class="tag3">测评</div>
+              <div class="status"></div>
+            </div>
+          </div>
+          <div class="course2_second">
+            <div class="explain_down">
+              微信与Telegram哪个平台的功能模块化做的最好？
+            </div>
+            <div class="explain_down_part">
+              <div class="tag1">选修</div>
+              <div class="tag3">测评</div>
+              <div class="status"></div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { reactive, toRefs } from "vue";
+import TitleHead from "@/components/TitleHead.vue";
+export default {
+  name: "PathmaoPage",
+  components: {
+    TitleHead,
+  },
+  setup() {
+    const state = reactive({
+      activeName: "second",
+      enclosure: [
+        {
+          id: 1,
+          name: "项目参考文档.doc",
+          img: require("../../assets/image/file/word.png"),
+        },
+        {
+          id: 2,
+          name: "人工智能启蒙讲解讲义.pptx",
+          img: require("../../assets/image/file/ppt.png"),
+        },
+        {
+          id: 3,
+          name: "中级产品经理必备工具.pdf",
+          img: require("../../assets/image/file/pdf.png"),
+        },
+        {
+          id: 4,
+          name: "Python学习入门讲义.zip",
+          img: require("../../assets/image/file/zip.png"),
+        },
+        {
+          id: 5,
+          name: "Axure RP10更新内容.md",
+          img: require("../../assets/image/file/md.png"),
+        },
+      ],
+    });
+    const handleClick = (tab, event) => {
+      console.log(tab, event);
+    };
+    return {
+      ...toRefs(state),
+      handleClick,
+    };
+  },
+};
+</script>
+
+<style lang="scss">
+.pathmap {
+  width: 100%;
+  .main {
+    width: 100%;
+    display: flex;
+    flex-flow: column;
+    justify-content: center;
+    align-items: center;
+    margin-top: -14.5px;
+    .course1 {
+      width: 90%;
+      height: 830px;
+      margin-top: 10px;
+      margin-bottom: 27.5px;
+      border-radius: 4px;
+      background-color: rgba(255, 255, 255, 1);
+      display: flex;
+      justify-content: center;
+      .course1_box {
+        display: flex;
+        flex-direction: column;
+        justify-content: content;
+        width: 90%;
+        margin-top: 18.5px;
+        //background-color: pink;
+        .course3_first {
+          width: 105%;
+          margin-left: -7px;
+          height: 35px;
+          display: flex;
+          justify-content: content;
+          margin-top: 18.5px;
+          background-color: #f9f9f9;
+          .text8 {
+            display: flex;
+            flex: 1;
+            margin-top: 11px;
+            margin-left: 10.5px;
+            margin-bottom: 10.5px;
+            height: 13.5px;
+            font-size: 14px;
+            font-weight: 600;
+            color: #333330;
+          }
+          .course2_right {
+            display: flex;
+            position: relative;
+            width: 60px;
+            height: 13.5px;
+            margin-top: 15px;
+            // margin-right: 10.5px;
+            .circular {
+              position: absolute;
+              top: 1px;
+              left: 1px;
+              width: 8.5px;
+              height: 8.5px;
+              border-radius: 7px;
+              border: 1px solid #666666;
+            }
+            .text9 {
+              display: flex;
+              justify-content: content;
+              position: absolute;
+              width: 40px;
+              height: 13.5px;
+              top: 0;
+              left: 20px;
+              line-height: 13.5px;
+              color: #666666;
+              font-size: 13px;
+              font-weight: 600;
+            }
+          }
+        }
+        .course2_threed {
+          display: flex;
+          position: relative;
+          margin-top: 12px;
+          width: 100%;
+          height: 68.8px;
+          .explain_down {
+            position: absolute;
+            display: flex;
+            width: 100%;
+            height: 12.5px;
+            color: #333330;
+            font-size: 13px;
+            font-weight: 400;
+            line-height: 24px;
+          }
+          .explain_down_part {
+            position: absolute;
+            width: 100%;
+            height: 52.3px;
+            margin-top: 16.5px;
+            .tag1 {
+              position: absolute;
+              left: 0;
+              bottom: 0;
+              width: 64px;
+              height: 20.8px;
+              border: 1px solid #51c6e6;
+              border-radius: 2px;
+              display: flex;
+              align-items: center;
+              justify-content: center;
+              font-size: 14px;
+              font-weight: 500;
+              color: #51c6e6;
+            }
+            .tag3 {
+              position: absolute;
+              left: 73.5px;
+              bottom: 0;
+              height: 20.8px;
+              border: 1px solid #7f96ed;
+              border-radius: 2px;
+              display: flex;
+              align-items: center;
+              justify-content: center;
+              font-size: 14px;
+              font-weight: 500;
+              color: #7f96ed;
+              padding-left: 19px;
+              padding-right: 19px;
+            }
+            .status {
+              position: absolute;
+              top: 5px;
+              right: 11.5px;
+              width: 49.5px;
+              height: 49px;
+              background-image: url(../../assets/image/pathmap/nostart.png);
+            }
+          }
+        }
+        .course2_second {
+          display: flex;
+          position: relative;
+          margin-top: 12px;
+          width: 100%;
+          height: 68.8px;
+          .explain_down {
+            position: absolute;
+            display: flex;
+            width: 100%;
+            height: 12.5px;
+            color: #333330;
+            font-size: 13px;
+            font-weight: 400;
+            line-height: 24px;
+          }
+          .explain_down_part {
+            position: absolute;
+            width: 100%;
+            height: 52.3px;
+            margin-top: 16.5px;
+            .tag1 {
+              position: absolute;
+              left: 0;
+              bottom: 0;
+              width: 64px;
+              height: 20.8px;
+              border: 1px solid #cd7fed;
+              border-radius: 2px;
+              display: flex;
+              align-items: center;
+              justify-content: center;
+              font-size: 14px;
+              font-weight: 500;
+              color: #cd7fed;
+            }
+            .tag3 {
+              position: absolute;
+              left: 73.5px;
+              bottom: 0;
+              height: 20.8px;
+              border: 1px solid #7f96ed;
+              border-radius: 2px;
+              display: flex;
+              align-items: center;
+              justify-content: center;
+              font-size: 14px;
+              font-weight: 500;
+              color: #7f96ed;
+              padding-left: 19px;
+              padding-right: 19px;
+            }
+            .status {
+              position: absolute;
+              top: 5px;
+              right: 11.5px;
+              width: 49.5px;
+              height: 49px;
+              background-image: url(../../assets/image/pathmap/nostart.png);
+            }
+          }
+        }
+        .course2_first {
+          width: 105%;
+          margin-left: -7px;
+          height: 35px;
+          display: flex;
+          justify-content: content;
+          margin-top: 18.5px;
+          background-color: #f9f9f9;
+          .text8 {
+            display: flex;
+            flex: 1;
+            margin-top: 11px;
+            margin-left: 10.5px;
+            margin-bottom: 10.5px;
+            height: 13.5px;
+            font-size: 14px;
+            font-weight: 600;
+            color: #333330;
+          }
+          .course2_right {
+            display: flex;
+            position: relative;
+            width: 60px;
+            height: 13.5px;
+            margin-top: 15px;
+            // margin-right: 10.5px;
+            .circular {
+              position: absolute;
+              top: 1px;
+              left: 1px;
+              width: 8.5px;
+              height: 8.5px;
+              border-radius: 7px;
+              border: 1px solid #666666;
+            }
+            .text9 {
+              display: flex;
+              justify-content: content;
+              position: absolute;
+              width: 40px;
+              height: 13.5px;
+              top: 0;
+              left: 20px;
+              line-height: 13.5px;
+              color: #666666;
+              font-size: 13px;
+              font-weight: 600;
+            }
+          }
+        }
+        .course1_fifth {
+          display: flex;
+          position: relative;
+          margin-top: 12px;
+          width: 100%;
+          height: 68.8px;
+          .explain_down {
+            position: absolute;
+            width: 100%;
+            height: 12.5px;
+            color: #333330;
+            font-size: 13px;
+            font-weight: 400;
+            line-height: 12.5px;
+          }
+          .explain_down_part {
+            position: absolute;
+            width: 100%;
+            height: 52.3px;
+            margin-top: 16.5px;
+            .tag4 {
+              position: absolute;
+              top: 0;
+              left: 0;
+              padding-left: 7.5px;
+              //padding-right: 12px;
+              height: 15.8px;
+              border: 1px solid rgba(255, 185, 109, 1);
+              border-radius: 2px;
+              display: flex;
+              align-items: center;
+              justify-content: center;
+              font-size: 12px;
+              font-weight: 500;
+              color: rgba(255, 185, 109, 1);
+            }
+            .tag2 {
+              position: absolute;
+              top: 0;
+              left: 69px;
+              padding-left: 7.5px;
+              padding-right: 6.5px;
+              width: 62px;
+              height: 15.8px;
+              border: 1px solid rgba(255, 185, 109, 1);
+              border-radius: 2px;
+              display: flex;
+              align-items: center;
+              justify-content: center;
+              font-size: 12px;
+              font-weight: 500;
+              color: rgba(255, 185, 109, 1);
+            }
+            .tag1 {
+              position: absolute;
+              left: 0;
+              bottom: 0;
+              width: 64px;
+              height: 20.8px;
+              border: 1px solid #51c6e6;
+              border-radius: 2px;
+              display: flex;
+              align-items: center;
+              justify-content: center;
+              font-size: 14px;
+              font-weight: 500;
+              color: #51c6e6;
+            }
+            .tag3 {
+              position: absolute;
+              left: 73.5px;
+              bottom: 0;
+              height: 20.8px;
+              border: 1px solid #7f96ed;
+              border-radius: 2px;
+              display: flex;
+              align-items: center;
+              justify-content: center;
+              font-size: 14px;
+              font-weight: 500;
+              color: #7f96ed;
+              padding-left: 19px;
+              padding-right: 19px;
+            }
+            .status {
+              position: absolute;
+              top: 5px;
+              right: 11.5px;
+              width: 49.5px;
+              height: 49px;
+              background-image: url(../../assets/image/pathmap/nostart.png);
+            }
+          }
+        }
+        .course1_fourth {
+          display: flex;
+          position: relative;
+          margin-top: 11.5px;
+          width: 100%;
+          height: 29px;
+          .course1_part {
+            position: absolute;
+            top: 0;
+            left: 0;
+            margin-bottom: 10px;
+            width: 100%;
+            height: 12.5px;
+            .text6 {
+              width: 38.5px;
+              height: 12.5px;
+              font-size: 12px;
+              // line-height: 30.29px;
+              color: #677d86;
+            }
+            .text7 {
+              position: absolute;
+              right: 0;
+              width: 25px;
+              height: 9.5px;
+              font-size: 12px;
+              // line-height: 30.29px;
+              color: #277aff;
+            }
+          }
+          .progress3 {
+            position: absolute;
+            width: 100%;
+            height: 6.4px;
+            margin-top: 20px;
+            background-color: #e8f1fe;
+            border-radius: 2px;
+            .progress3_part {
+              width: 0%;
+              height: 6.4px;
+              border-radius: 2px;
+              background: linear-gradient(
+                -180deg,
+                rgba(36, 120, 255, 1),
+                rgba(80, 147, 255, 1)
+              );
+            }
+          }
+        }
+        .course1_threed {
+          display: flex;
+          position: relative;
+          margin-top: 12px;
+          width: 100%;
+          height: 68.8px;
+          .explain_up {
+            position: absolute;
+            width: 100%;
+            height: 12.5px;
+            color: #333330;
+            font-size: 13px;
+            font-weight: 400;
+            line-height: 12.5px;
+          }
+          .explain_up_part {
+            position: absolute;
+            width: 100%;
+            height: 52.3px;
+            margin-top: 16.5px;
+            .tag4 {
+              position: absolute;
+              top: 0;
+              left: 0;
+              padding-left: 7.5px;
+              //padding-right: 12px;
+              height: 15.8px;
+              border: 1px solid rgba(255, 185, 109, 1);
+              border-radius: 2px;
+              display: flex;
+              align-items: center;
+              justify-content: center;
+              font-size: 12px;
+              font-weight: 500;
+              color: rgba(255, 185, 109, 1);
+            }
+            .tag2 {
+              position: absolute;
+              top: 0;
+              left: 69px;
+              padding-left: 7.5px;
+              padding-right: 6.5px;
+              width: 62px;
+              height: 15.8px;
+              border: 1px solid rgba(255, 185, 109, 1);
+              border-radius: 2px;
+              display: flex;
+              align-items: center;
+              justify-content: center;
+              font-size: 12px;
+              font-weight: 500;
+              color: rgba(255, 185, 109, 1);
+            }
+            .tag1 {
+              position: absolute;
+              left: 0;
+              bottom: 0;
+              width: 64px;
+              height: 20.8px;
+              border: 1px solid #51c6e6;
+              border-radius: 2px;
+              display: flex;
+              align-items: center;
+              justify-content: center;
+              font-size: 14px;
+              font-weight: 500;
+              color: #51c6e6;
+            }
+            .tag3 {
+              position: absolute;
+              left: 73.5px;
+              bottom: 0;
+              height: 20.8px;
+              border: 1px solid #7f96ed;
+              border-radius: 2px;
+              display: flex;
+              align-items: center;
+              justify-content: center;
+              font-size: 14px;
+              font-weight: 500;
+              color: #7f96ed;
+              padding-left: 19px;
+              //padding-right: 25px;
+            }
+            .btn1 {
+              position: absolute;
+              top: 2px;
+              right: 2px;
+              width: 73px;
+              height: 28px;
+              font-size: 13px;
+              line-height: 28px;
+              color: #ffffff;
+              font-weight: 400;
+              border: 0.5px solid #2478ff;
+              border-radius: 2px;
+              background-color: #2478ff;
+            }
+          }
+        }
+        .course1_second {
+          display: flex;
+          position: relative;
+          margin-top: 11.5px;
+          width: 100%;
+          height: 29px;
+          .course1_part {
+            position: absolute;
+            top: 0;
+            left: 0;
+            margin-bottom: 10px;
+            width: 100%;
+            height: 12.5px;
+            .text6 {
+              width: 38.5px;
+              height: 12.5px;
+              font-size: 12px;
+              // line-height: 30.29px;
+              color: #677d86;
+            }
+            .text7 {
+              position: absolute;
+              right: 0;
+              width: 25px;
+              height: 9.5px;
+              font-size: 12px;
+              // line-height: 30.29px;
+              color: #277aff;
+            }
+          }
+          .progress2 {
+            position: absolute;
+            width: 100%;
+            height: 6.4px;
+            margin-top: 20px;
+            background-color: #e8f1fe;
+            border-radius: 2px;
+            .progress2_part {
+              width: 70%;
+              height: 6.4px;
+              border-radius: 2px;
+              background: linear-gradient(
+                -180deg,
+                rgba(36, 120, 255, 1),
+                rgba(80, 147, 255, 1)
+              );
+            }
+          }
+        }
+        .course1_first {
+          width: 105%;
+          margin-left: -7px;
+          height: 35px;
+          display: flex;
+          justify-content: content;
+          background-color: #f9f9f9;
+          .text8 {
+            display: flex;
+            flex: 1;
+            margin-top: 11px;
+            margin-left: 10.5px;
+            margin-bottom: 10.5px;
+            height: 13.5px;
+            font-size: 14px;
+            font-weight: 600;
+            color: #333330;
+          }
+          .course1_right {
+            display: flex;
+            position: relative;
+            width: 60px;
+            height: 13.5px;
+            margin-top: 15px;
+            // margin-right: 10.5px;
+            .circular {
+              position: absolute;
+              top: 1px;
+              left: 1px;
+              width: 8.5px;
+              height: 8.5px;
+              border-radius: 7px;
+              border: 1px solid #0060ff;
+            }
+            .text9 {
+              display: flex;
+              justify-content: content;
+              position: absolute;
+              width: 40px;
+              height: 13.5px;
+              top: 0;
+              left: 20px;
+              line-height: 13.5px;
+              color: #0060ff;
+              font-size: 13px;
+              font-weight: 600;
+            }
+          }
+        }
+      }
+    }
+    .title {
+      width: 90%;
+      height: 272px;
+      border-radius: 4px;
+      background-color: rgba(255, 255, 255, 1);
+      display: flex;
+      justify-content: center;
+      .course {
+        width: 90%;
+        // padding-bottom: 15px;
+        border-radius: 4px;
+        background: #ffffff;
+        margin-top: 10px;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        .el-tabs__nav {
+          width: 90%;
+          margin-left: 5%;
+          display: flex;
+          justify-content: left;
+        }
+        .el-tabs__item {
+          height: 50px;
+          padding: 0px;
+          font-size: 14px;
+          font-weight: 500;
+          line-height: 21px;
+          padding-top: 15px;
+          margin-right: 70px;
+        }
+        .el-tabs__nav-wrap::after {
+          background-color: rgba(56, 125, 247, 0.2);
+        }
+        .el-tabs__header {
+          margin: 0;
+        }
+        .enclosure {
+          width: 90%;
+          margin-left: 5%;
+          height: 40px;
+          display: flex;
+          justify-content: space-between;
+          align-items: center;
+          .enclosureL {
+            display: flex;
+            align-items: center;
+            font-size: 13px;
+            font-weight: 400;
+            color: #677d86;
+            line-height: 19px;
+          }
+          .download {
+            display: flex;
+            align-items: center;
+            font-size: 13px;
+            font-weight: 400;
+            color: #2478ff;
+            line-height: 19px;
+          }
+        }
+        .work {
+          // margin-left: 51px;
+          // margin-right: 40px;
+          padding-bottom: 20px;
+          width: 90%;
+          margin-left: 5%;
+          display: flex;
+          flex-direction: column;
+          justify-content: space-between;
+          margin-top: 17.5px;
+        }
+        .work .question {
+          font-size: 13px;
+          font-weight: 400;
+          color: #333330;
+          line-height: 21.5px;
+        }
+      }
+    }
+  }
+  .messaeg {
+    width: 90%;
+    height: 314px;
+    background-color: rgba(255, 255, 255, 1);
+    display: flex;
+    justify-content: center;
+    margin-top: 10px;
+    .mani {
+      width: 90%;
+      display: flex;
+      flex-direction: column;
+      justify-content: content;
+      //margin-left: 20.5px;
+      margin-top: 23px;
+      .downtitle {
+        display: flex;
+        position: relative;
+        width: 90px;
+        margin-top: 21.5px;
+        .img {
+          width: 15.5px;
+          height: 14.5px;
+          margin-top: 3px;
+          background-image: url(../../assets/image/pathmap/study.png);
+        }
+        .rightmain {
+          margin-left: 7.5px;
+          .talk {
+            font-size: 14px;
+            font-weight: bold;
+            color: #333;
+            position: absolute;
+            z-index: 999;
+          }
+          .box {
+            position: absolute;
+            width: 62.5px;
+            height: 10px;
+            right: 6px;
+            bottom: -4px;
+            background: #ccdfff;
+          }
+        }
+      }
+      .uptitle {
+        display: flex;
+        position: relative;
+        width: 90px;
+        .img {
+          width: 17px;
+          height: 15px;
+          margin-top: 3px;
+          background-image: url(../../assets/image/pathmap/personal.png);
+        }
+        .rightmain {
+          margin-left: 7.5px;
+          .talk {
+            font-size: 14px;
+            font-weight: bold;
+            color: #333;
+            position: absolute;
+            z-index: 999;
+          }
+          .box {
+            position: absolute;
+            width: 62.5px;
+            height: 10px;
+            right: 6px;
+            bottom: -4px;
+            background: #ccdfff;
+          }
+        }
+      }
+      .information {
+        width: 100%;
+        height: 50px;
+        margin-top: 24px;
+        display: flex;
+        justify-content: content;
+        .photo {
+          width: 50px;
+          height: 50px;
+          background-image: url(../../assets/image/pathmap/photo.png);
+        }
+        .description {
+          display: flex;
+          flex-direction: column;
+          margin-left: 11.5px;
+          .text1 {
+            height: 13.5px;
+            font-size: 14px;
+            font-weight: 700;
+            color: #394145;
+            line-height: 21.6px;
+          }
+          .text2 {
+            height: 13px;
+            margin-top: 12px;
+            font-size: 13px;
+            color: #394145;
+            line-height: 21.6px;
+          }
+        }
+      }
+    }
+    .speed {
+      width: 100%;
+      margin-top: 11px;
+      display: flex;
+      justify-content: content;
+      .text3 {
+        display: flex;
+        flex: 1;
+        margin-top: 4.5px;
+        font-size: 13px;
+        font-weight: 500;
+        line-height: 24px;
+        color: #677d86;
+        text-overflow: elipsis;
+      }
+      .btn {
+        width: 73px;
+        height: 28px;
+        font-size: 13px;
+        line-height: 28px;
+        color: #2478ff;
+        font-weight: 400;
+        border: 0.5px solid #2478ff;
+        border-radius: 2px;
+        background-color: #ffffff;
+      }
+    }
+    .progress {
+      display: flex;
+      flex-direction: column;
+      margin-top: 15px;
+      width: 100%;
+      height: 74px;
+      .total {
+        display: flex;
+        position: relative;
+        width: 100%;
+        height: 29px;
+        .total_part {
+          position: absolute;
+          top: 0;
+          left: 0;
+          margin-bottom: 10px;
+          width: 100%;
+          height: 12.5px;
+          .text4 {
+            width: 38.5px;
+            height: 12.5px;
+            font-size: 12px;
+            // line-height: 30.29px;
+            color: #677d86;
+          }
+          .text5 {
+            position: absolute;
+            right: 0;
+            width: 25px;
+            height: 9.5px;
+            font-size: 12px;
+            // line-height: 30.29px;
+            color: #277aff;
+          }
+        }
+
+        .progress {
+          position: absolute;
+          width: 100%;
+          height: 6.4px;
+          margin-top: 20px;
+          background-color: #e8f1fe;
+          border-radius: 2px;
+          .progress_part {
+            width: 32%;
+            height: 6.4px;
+            border-radius: 2px;
+            background: linear-gradient(
+              -180deg,
+              rgba(36, 120, 255, 1),
+              rgba(80, 147, 255, 1)
+            );
+          }
+        }
+      }
+      .compulsory {
+        display: flex;
+        position: relative;
+        width: 100%;
+        height: 29px;
+        margin-top: 16px;
+        .compulsory_part {
+          position: absolute;
+          top: 0;
+          left: 0;
+          margin-bottom: 10px;
+          width: 100%;
+          height: 12.5px;
+          .text6 {
+            width: 38.5px;
+            height: 12.5px;
+            font-size: 12px;
+            // line-height: 30.29px;
+            color: #677d86;
+          }
+          .text7 {
+            position: absolute;
+            right: 0;
+            width: 25px;
+            height: 9.5px;
+            font-size: 12px;
+            // line-height: 30.29px;
+            color: #ee6661;
+          }
+        }
+        .progress1 {
+          position: absolute;
+          width: 100%;
+          height: 6.4px;
+          margin-top: 20px;
+          background-color: #e8f1fe;
+          border-radius: 2px;
+          .progress1_part {
+            width: 10%;
+            height: 6.4px;
+            border-radius: 2px;
+            background: linear-gradient(
+              -180deg,
+              rgba(238, 98, 94, 1),
+              rgba(238, 164, 161, 1)
+            );
+          }
+        }
+      }
+    }
+  }
+}
+</style>
diff --git a/src/views/pathmap/pathmap.vue b/src/views/pathmap/pathmap.vue
deleted file mode 100644
index 2d0bbbc..0000000
--- a/src/views/pathmap/pathmap.vue
+++ /dev/null
@@ -1,436 +0,0 @@
-<template>
-  <div class="pathmap">
-    <TitleHead text="中级产品经理"></TitleHead>
-    <div class="main">
-      <div class="title">
-        <div class="box">
-          <div class="nav">
-            <span class="announcement">课程公告</span>
-            <span class="share">共享文档</span>
-          </div>
-          <div class="content">
-            请各位选课的同学提前阅读本课程的“教学大纲与计划”“课程考核要求”与“学习要求”，并按给定的中学化学教学主题分好小组 <br>每位同学在网上学习的活动轨迹都会自动被系统记录，将作为大家个人线上参与的评价依据；<br>请大家务必在规定的时间内提交作业，否则会被系统自动记录为“迟交”或“未交”，则会影响线上参与的平时成绩；
-          </div>
-        </div>       
-      </div> 
-        <div class="messaeg">
-           <div class="mani">
-        <div class="uptitle">
-            <div class="img"></div>
-            <div class="rightmain">
-              <div class="talk">个人信息</div>
-              <div class="box"></div>
-            </div>
-          </div>
-          <div class="information">
-            <div class="photo"></div>
-            <div class="description">
-              <span class="text1">乐晓琪（显示事业）</span>
-              <span class="text2">真正的陪伴经得起坎坷，经得起平淡。</span>
-            </div>
-          </div>
-          <div class="downtitle">
-            <div class="img"></div>
-            <div class="rightmain">
-              <div class="talk">学习进度</div>
-              <div class="box"></div>
-            </div>
-          </div>
-          <div class="speed">
-            <span class="text3">上次学到：启航班 - 领导寄语</span>
-            <button class="btn">去上课</button>
-          </div>
-          <div class="progress">
-            <div class="total">
-              <div class="total_part">
-                <span class="text4">总进度</span> <span class="text5">32%</span>
-              </div>             
-              <div class="progress">
-                <div class="progress_part"></div>
-              </div>
-            </div>
-            <div class="compulsory">
-              <div class="compulsory_part">
-                <span class="text6">必修进度</span> <span class="text7">10%</span>
-              </div>             
-              <div class="progress1">
-                <div class="progress1_part"></div>
-              </div>
-            </div>
-          </div>
-        </div>
-        </div> 
-      <div class="course">
-        <div class="course_box">
-          <div class="course_first">
-            <span class="text8">序：产品经理从初级到中级</span>
-            <span class="text9"><span class="circular"></span>进行中</span>
-          </div>
-        </div>
-      </div>
-    </div>
-    
-  </div>
-</template>
-
-<script>
-// import { reactive, toRefs } from "vue";
-import TitleHead from "@/components/TitleHead.vue";
-export default {
-  name: "BallotPage",
-  components: {
-    TitleHead,
-  },
-  setup() {},
-};
-</script>
-
-<style lang="scss">
-  .pathmap {
-    width: 100%;
-    .main {
-      width: 100%;
-      display: flex;
-      flex-flow: column;
-      justify-content: center;
-      align-items: center;
-      margin-top: -14.5px;
-      .course {
-        width: 90%;
-        height: 903px;
-        margin-top: 10px;
-        border-radius: 4px;
-        background-color: rgba(255, 255, 255, 1);
-        display: flex;
-        justify-content: center;
-        .course_box {
-          display: flex;
-          justify-content: center;
-          width: 90%;
-          margin-top: 18.5px;
-          background-color: pink;
-          .course_first {
-            width: 100%;
-            height: 35px;
-            display: flex;
-            justify-content: content;
-            background-color: #F9F9F9;
-            .text8 {
-              display: flex;
-              flex: 1;
-              margin-top: 11px;
-              margin-left: 10.5px;
-              margin-bottom: 10.5px;
-              height: 13.5px;
-              font-size: 14px;
-              font-weight: 500;
-              color: #333330;
-            }
-            .text9 {
-              margin-top: 11px;
-              margin-left: 77.5px;
-              color: #0060FF;
-              font-size:13px;
-              font-weight: 400;
-              .circular {
-                
-                border: 1px solid #0060FF;
-                border-radius: 25%;
-              }
-            }
-          }
-        }
-      }
-      .title {
-        width: 90%;
-        height: 272px;
-        border-radius: 4px;
-        background-color: rgba(255, 255, 255, 1);
-        display: flex;
-        justify-content: center;
-        .box {
-          width: 90%;
-          display: flex;
-          justify-content: center;
-          flex-wrap:wrap;
-          overflow-y: auto;
-          .nav {
-              width: 100%;
-              height: 49.5px;
-              display: flex;
-              .announcement {              
-                color: #2478FF;
-                font-size: 14px;
-                line-height: 21.6px;
-                font-weight: 700;
-                margin-top: 18.5px;
-                border-bottom: 1px solid #2478FF;
-              }
-              .share {
-                color: #394145;
-                font-size: 13px;
-                line-height: 21.6px;
-                margin-top: 19px;
-                margin-left: 70px;
-
-              }
-          }
-          .content {
-                  width: 100%;
-                  height: 180.5px;
-                  display: flex;
-                  justify-content: center;
-                  color: #333330;
-                  font-size:13px;
-                  line-height: 24px;
-            }
-          }     
-        }
-      
-      } 
-      .messaeg {
-        width: 90%;
-        height: 314px;
-        background-color: rgba(255, 255, 255, 1);
-        display: flex;
-        justify-content: center;
-        margin-top: 10px; 
-        .mani {
-        width: 90%;
-        display: flex;
-        flex-direction: column;
-        justify-content: content;
-        margin-left: 20.5px;
-        margin-top: 23px; 
-                .downtitle {
-          display: flex;
-          position: relative;
-          width: 90px;
-          margin-top: 21.5px;
-          .img {
-            width: 15.5px;
-            height: 14.5px;
-            margin-top: 3px;
-            background-image: url(../../assets/image/pathmap/study.png);
-          }
-          .rightmain {
-            margin-left: 7.5px;
-            .talk {
-              font-size: 14px;
-              font-weight: bold;
-              color: #333;
-              position: absolute;
-              z-index: 999;
-            }
-            .box {
-              position: absolute;
-              width: 62.5px;
-              height: 10px;
-              right: 6px;
-              bottom: -4px;
-              background: #ccdfff;
-            }
-          }
-        }
-                .uptitle {
-          display: flex;
-          position: relative;
-          width: 90px;
-          .img {
-            width: 17px;
-            height: 15px;
-            margin-top: 3px;
-            background-image: url(../../assets/image/pathmap/personal.png);
-          }
-          .rightmain {
-            margin-left: 7.5px;
-            .talk {
-              font-size: 14px;
-              font-weight: bold;
-              color: #333;
-              position: absolute;
-              z-index: 999;
-            }
-            .box {
-              position: absolute;
-              width: 62.5px;
-              height: 10px;
-              right: 6px;
-              bottom: -4px;
-              background: #ccdfff;
-            }
-          }
-        }      
-         .information {
-        width: 100%;
-        height: 50px;
-        margin-top: 24px;
-        display: flex;
-        justify-content: content;
-        .photo {
-          width: 50px;
-          height: 50px;
-          background-image: url(../../assets/image/pathmap/photo.png)
-        }
-        .description {
-          display:flex;
-          flex-direction: column;
-          margin-left: 11.5px;
-          .text1 {
-            height: 13.5px;
-            font-size: 14px;
-            font-weight: 700;
-            color: #394145;
-            line-height: 21.6px;
-
-          }
-          .text2 {
-            height: 13px;
-            margin-top: 12px;
-            font-size: 13px;
-            color: #394145;
-            line-height: 21.6px;
-          }
-        
-      }
-      }
-     
-      
-      }
-      .speed {
-        width: 100%;
-        margin-top:11px;
-        display: flex;
-        justify-content: content;
-        .text3 {
-          display: flex;
-          flex:1;
-          margin-top: 4.5px;
-          font-size: 13px;
-          font-weight: 500;
-          line-height: 24px;
-          color: #677D86;
-          text-overflow: elipsis;
-        }
-        .btn {                  
-          width: 73px;
-          height: 28px;
-          font-size: 13px;
-          line-height: 28px;
-          margin-rihgt: 21px;
-          color: #2478FF;
-          font-weight: 400;
-          border: 0.5px solid #2478FF;
-          background-color: #FFFFFF;
-        }
-      }
-      .progress {
-        display:flex;
-        flex-direction: column;
-        margin-top: 15px;
-        width: 100%;
-        height: 74px;
-        .total {
-          display: flex;
-          position: relative;
-          width: 100%;
-          height: 29px;
-        .total_part {
-            position: absolute;
-            top: 0;
-            left: 0;
-            margin-bottom: 10px;
-            width: 100%;
-            height: 12.5px;
-          .text4 {          
-           width: 38.5px;
-            height: 12.5px;
-            font-size: 12px;
-            // line-height: 30.29px;
-            color: #677D86;
-          }
-          .text5 {
-            position: absolute;
-            right: 0;           
-            width: 25px;
-             height: 9.5px;
-            font-size: 12px;
-            // line-height: 30.29px;
-            color: #277AFF;
-          }
-        }
-        
-          .progress {
-            position: absolute;
-            width: 100%;
-            height: 6.4px;
-            margin-top: 20px;
-            background-color: #E8F1FE;
-            border-radius: 2px;
-            .progress_part {
-              width: 32%;
-              height: 6.4px;
-              border-radius: 2px;
-              background: linear-gradient(
-                -180deg,
-              rgba(36, 120, 255, 1),
-               rgba(80, 147, 255, 1)               
-              );
-            }
-          }
-        }
-        .compulsory{
-          display: flex;
-          position: relative;
-          width: 100%;
-          height: 29px;
-          margin-top: 16px;
-          .compulsory_part {
-            position: absolute;
-            top: 0;
-            left: 0;
-            margin-bottom: 10px;
-            width: 100%;
-            height: 12.5px;
-          .text6 {          
-           width: 38.5px;
-            height: 12.5px;
-            font-size: 12px;
-            // line-height: 30.29px;
-            color: #677D86;
-          }
-          .text7 {
-            position: absolute;
-            right: 0;           
-            width: 25px;
-             height: 9.5px;
-            font-size: 12px;
-            // line-height: 30.29px;
-            color: #EE6661;
-          }
-        }
-          .progress1 {
-            position: absolute;
-            width: 100%;
-            height: 6.4px;
-            margin-top: 20px;
-            background-color: #E8F1FE;
-            border-radius: 2px;
-            .progress1_part {
-              width: 10%;
-              height: 6.4px;
-              border-radius: 2px;
-              background: linear-gradient(
-                -180deg,
-              rgba(238, 98, 94, 1),
-               rgba(238, 164, 161, 1)               
-              );
-            }
-          }
-        }
-      }
-      } 
-     
-  }
- 
-</style>

From 76b6b14747cef5a2df44c670471ea40812a8c340 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B2=B3=E4=BD=B3=E9=91=AB?= <yuejx@dongwu-inc.com>
Date: Wed, 28 Sep 2022 16:29:29 +0800
Subject: [PATCH 7/9] =?UTF-8?q?feat:=E8=A7=A3=E5=86=B3=E6=B4=BB=E5=8A=A8?=
 =?UTF-8?q?=E5=85=AC=E5=91=8A=E9=A1=B5=E9=9D=A2=E5=81=8F=E7=A6=BB=E9=97=AE?=
 =?UTF-8?q?=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/activities/ActivitiesPage.vue | 20 +++++++++++++-------
 src/views/pathmap/PathmapPage.vue       |  2 +-
 2 files changed, 14 insertions(+), 8 deletions(-)

diff --git a/src/views/activities/ActivitiesPage.vue b/src/views/activities/ActivitiesPage.vue
index e243ba0..e65cdf0 100644
--- a/src/views/activities/ActivitiesPage.vue
+++ b/src/views/activities/ActivitiesPage.vue
@@ -1,12 +1,12 @@
 <template>
-  <div class="activities">
+  <div class="activities" >
     <TitleHead text="【其他活动】管理者进阶腾飞班 - 专属线下活动"></TitleHead>
      <div class="message" >
           <div class="yes"></div>
           <div class="textmessage">签到成功</div>
           <div class="no"></div>
     </div>
-    <div class="main">
+    <div class="main" >
       <div class="title">
         <div class="titlemain">
           <div class="timeposition">
@@ -80,7 +80,11 @@ export default {
   setup() {
 
   },
-
+  data(){
+    return {
+      showBox: false,
+    };
+  },
 }; 
 </script>
 
@@ -167,6 +171,8 @@ export default {
     margin-top: 10px;
     .noticebox {
       width: 90%;
+      display: flex;
+      justify-content: center;
       background: linear-gradient(
         180deg,
        rgba(36, 120, 255, 0.15) 0%,
@@ -176,10 +182,10 @@ export default {
       position: relative;
       
       .mani {
-        margin-left: 20.5px;
+        width: 90%;
+        dispaly: flex;
         margin-top: 20px;
-        line-height: 24px;
-
+        margin-bottom: 27.5px;
         .lefttitle {
           display: flex;
           position: relative;
@@ -214,7 +220,7 @@ export default {
           font-size: 13px;
           line-height: 24px;
           font-weight: 400;
-          margin: 18.5px 12px 24.5px 0;
+          margin: 18.5px 0 29.5px 0;
         }
       }
     }
diff --git a/src/views/pathmap/PathmapPage.vue b/src/views/pathmap/PathmapPage.vue
index 41bd916..69b4027 100644
--- a/src/views/pathmap/PathmapPage.vue
+++ b/src/views/pathmap/PathmapPage.vue
@@ -212,7 +212,7 @@
 import { reactive, toRefs } from "vue";
 import TitleHead from "@/components/TitleHead.vue";
 export default {
-  name: "PathmaoPage",
+  name: "PathmapPage",
   components: {
     TitleHead,
   },

From 851fefca3afb73fd1b7d77405eeec267f2a7fe98 Mon Sep 17 00:00:00 2001
From: dongwug <guoys@dongwu-inc.com>
Date: Thu, 29 Sep 2022 14:40:36 +0800
Subject: [PATCH 8/9] =?UTF-8?q?feat:=E4=BF=AE=E6=94=B9=E8=80=83=E8=AF=95?=
 =?UTF-8?q?=E4=B8=89=E4=B8=AA=E9=A1=B5=E9=9D=A2=EF=BC=9B=E6=96=B0=E5=A2=9E?=
 =?UTF-8?q?filestorag=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/image/filestorag/zip.png         | Bin 0 -> 336 bytes
 src/assets/image/readyexamination/smile.png | Bin 0 -> 722 bytes
 src/assets/image/readyexamination/time.png  | Bin 0 -> 968 bytes
 src/views/examination/Examination.vue       | 259 ++++++---------
 src/views/examination/ExaminationScore.vue  |  72 ++---
 src/views/examination/ReadyExamination.vue  | 330 +++++++++-----------
 src/views/filestorag/fileStorag.vue         |  85 +++++
 7 files changed, 354 insertions(+), 392 deletions(-)
 create mode 100644 src/assets/image/filestorag/zip.png
 create mode 100644 src/assets/image/readyexamination/smile.png
 create mode 100644 src/assets/image/readyexamination/time.png
 create mode 100644 src/views/filestorag/fileStorag.vue

diff --git a/src/assets/image/filestorag/zip.png b/src/assets/image/filestorag/zip.png
new file mode 100644
index 0000000000000000000000000000000000000000..6899ff45e180a868db0c5f49d4f626c1df6932f8
GIT binary patch
literal 336
zcmV-W0k8gvP)<h;3K|Lk000e1NJLTq000XB000dL1^@s6fAy3*00001b5ch_0Itp)
z=>Px$3Q0skR47wpY?!g`G9x3SIs*py&!8+LahjWp(>u`7@B>Jiv2o`5|CkCH82<nN
z&!D9w%^)nmyX6o2?+AB&{jUTSiwp7n|MU0X>bHMCCg4>pBQC_CEF;Fi$jJEr*YAJx
za4H5l4dfI?Mz|yY;Z=<87xEPU2ZsrW0ND!(AVwrNz=MvNiIG7}h>wApnTg@s_g@Sk
zkNy7hm*M*TXDBWKI|JkqMJW-6?>~Pt2=ehThzavCF#P|=aP-0*hQI&*!8I^8%vkrI
zn}eOf-b91p=7Z-9EG*0n!u&i8XRqI9`1$J(ic{boWCFYIKf^z)@d+`Uv0>)AtBeec
is@S3&S?oW<|Jwktt#TM{hCSN=0000<MNUMnLSTZFOPeDA

literal 0
HcmV?d00001

diff --git a/src/assets/image/readyexamination/smile.png b/src/assets/image/readyexamination/smile.png
new file mode 100644
index 0000000000000000000000000000000000000000..48921c8f39aa3e6fab3426a2e441d39f40f85472
GIT binary patch
literal 722
zcmV;@0xkWCP)<h;3K|Lk000e1NJLTq000sI000sQ1^@s6R?d!B00001b5ch_0Itp)
z=>Px%j7da6R5(wK)L&@Tbr{F-*K;~&o45%j)QbK<H|4Gz$;yJrE(FV)AiI(N?3`nw
zM0F8D;Kd{=g#JJvCT?do)=d%wL4^?r6+@-28WEAfE>yg*8+Gpd`^N9L?YN_p`d&WY
z=XrlW&%bY2<)oVJcwRCh+<|$?Md7$G9iuMX7#1rHY22`aX(dCN{=!N8scpTm2_uTu
zYI@(C{V}G!9Nz(@qaM>^M$1{r%Te*ujjyILeeU;>f<0Qkii+pDK&fU3vr_lvYH4S-
zG+~SI9j2meS7yr<rJ7lx7^5D#Rq##fCcUV~lxv=eif<z?Y{}P}o{UjHF1<KlK{59F
zXBm*baGT3EnR8~jHfh2s3`E6H2KrpGIVv8^A(_gWKQI_&>pGyC{fgc(?~&N;*WCA*
zmlS+v-i8eHyYO?2s^*tTn9M=<L|Oj|&_M<Jv^*XaGr8}iL7dmJGXq`F_Hk4l>;#Q_
zKv93ZVzy&jRJzriA7V^%#RFG_cQer6lH*aa@BbFM1NlU+wJuBE$Urla`KWk0mwU*d
zHO}Rd`9=6%a+l;OVMN3B*zH8_J8nduQyR8rptmFk47fdBP|s_0%r?m$Y*w;f!&Tuo
z$x;2LGQXwnejvQ2VIa~Gck6Rb%i$>7+qE)Blw47Cua+Ge5m{3gPnxz)-9>yFWp6GI
z<a-L<*03dZ<@@!YC)J$6u(ms+>e3=;Ou>D=6rPn-qhjh-q+H2@ZxlSC<<Y1*-C2>2
z+zI3QRMef;c1XdA?8``5ch(qIv_s0%FKXHtuU;RIu5V<ifZOn)k_}q<s9!~oUPX0v
z$zi<?#LnyMbCaU3LQi^FGEBZYmo%Mq&B=J(!fI*%3*U<CW#=NrUjP6A07*qoM6N<$
Eg13ue6951J

literal 0
HcmV?d00001

diff --git a/src/assets/image/readyexamination/time.png b/src/assets/image/readyexamination/time.png
new file mode 100644
index 0000000000000000000000000000000000000000..b882b27f7ba28c66fc4f57049cece8dd0b1a5453
GIT binary patch
literal 968
zcmV;(12_DMP)<h;3K|Lk000e1NJLTq000^Q0012b1^@s6v`>6?00001b5ch_0Itp)
z=>Px&f=NU{R7gv`mRo2XRT#(r-<fQ8XA`WKmlCm2(MrISnCosr!TOLs_>jIz@}SiS
ziV5^l+zG?Z+CG*xiGs1EMX?V)g!oh_RG}n0n;V8g;|(tnF9^m9o7s)Kdp?=HB(urR
z&V-hnhlQQ*obx;XbH49?4#A~Gv<$n&+`gNJN^UXNz=47GtH!Ipt0J#~e&W5c>;Q9N
zW8vM#CEuWKJ$<AhC!S;yVPa|J1M>Stz3F#1V01itikW8s{09Z?bwRzc?9(LVD3}HT
z9IY|wI*4akiiuPr^lc^XfT%<~m5i&SH9<XZ|NDq&Xov&!I)H}K1oRh(*TAqq2!p8=
z;D^eS=K=me=JVr9;80gt$u<Na-UI5>)9tdL%$6183AjR#AI=-$C40b*DyBZo>SBo3
z7&ud2&>sK}0|){<X&UNSWlR+)s%^C~<n2;tS|){tlX~zguY-@owpu~_5x|{xUuIlS
zB|<~ag>8dM+Z9-`l@NFqY4xS#1<LG(RO)MYaYoOwil*$R47><nUFLHg3+EsBvod}g
z6w$0HfZhbKm{UT}FY9F0QsM@(`*!La4ivIq0O$sA)il&sszAl;BEAbCPYSgq_0V@-
z*5qb4Q9b(<7x)f<Ltyc&nFy{GQ_22`Xx2r5#z1)AjH|XP*H%waWl&^1^Bx#)fOx`;
zhsPYC%#Q$Cq?Fxu72hkU=bg<iA;cnppG-r2ya?*oH=7Fu@e70gP8q?6t5bL{(vKp5
zsaM<DAn=2^f^1$s*Z7-V3sDK02YA&q!tI`^T)sZ)T?xhGh*_&3IxfI{^F}yHWxKcm
z;B(VZU$}1|EprRNNhTUd#X~m_PSJkP$V+i4zH>&3A|IX88-FdQxBsm319D{Dx@o8_
zJLx@cT>{gnpE~jba;>BNID;3+=?tuhwv-;U9jD|B#dNGxvxnE!166q)<C>XJU#{{x
z`;XJT0h*z7aHy7hyMb)?mQ7oq5co8JpJhJxTut}3Cve_JL|77%hUXHYuf4XbKbCz)
z3jUZGT>$<eh!aU8XdCNxbGu<b1Mryb=1jN@meVOCyt4a-?bWOfkQgDxtK}PZT_}aY
zdA;e&-HUU7GXw$#7$d&l41{T!%W2N-s;kHu?9sEwgp_Z2y@I3=lM8z2n|fR9`(0OZ
q5PAYERFKRl3jbhNyw~|v;{OBJztH^IL?{~o0000<MNUMnLSTY|cg`RH

literal 0
HcmV?d00001

diff --git a/src/views/examination/Examination.vue b/src/views/examination/Examination.vue
index 2cb86f4..05b97a9 100644
--- a/src/views/examination/Examination.vue
+++ b/src/views/examination/Examination.vue
@@ -1,258 +1,185 @@
 <template>
   <div class="examination">
-    <TitleHead text="【考试】管理者进阶腾飞班 - 毕业典礼"></TitleHead>
+    <!-- <TitleHead text="【考试】管理者进阶腾飞班 - 毕业典礼"></TitleHead> -->
     <div class="notice">
       <div class="noticebox">
+
         <div class="main">
-          <div class="dir">
-            <div class="samegt pre"></div>
-            <div class="sameg">上一个</div>
-            <div class="sameg" style="margin-left: 15.5px">下一个</div>
-            <div class="samegt next"></div>
+          <div class="e_title">管理者进阶腾飞班 - 第一次考试</div>
+          <div class="et_detail">
+            <div class="et_icon"></div>
+            <div class="et_time">2022-7-20 00:00 至 2022-8-29 23:59:59</div>
           </div>
-          <div class="lefttitle">
-            <div class="img"></div>
-            <div class="rightmain">
-              <div class="talk">考试测试</div>
-              <div class="box"></div>
-            </div>
-          </div>
-          <div class="contentone clearfix">
-            <div class="areaone">
-              <div class="texttime">考试时间：30分钟</div>
-              <div class="passline">及格线：60</div>
-            </div>
-            <div class="areatwo">
-              <div class="time">
-                <span>考试时间：</span>
-                <br />
-                <span>2022-7-20 00:00 至 2022-8-29 23:59:59</span>
-              </div>
+          <div class="et_box">
+            <div class="et_length">
+              <div class="et_name">考试时长：</div>
+              <div class="et_minute">30分钟</div>
+              <div class="et_lineicon"></div>
+              <div class="et_name">及格分数：</div>
+              <div class="et_score">60</div>
             </div>
           </div>
+        </div>
+      </div>
+
+      <div class="noticebox">
+        <div class="main">
           <div class="btnbox">
             <button class="textbtn">开始考试</button>
           </div>
-          <div class="lefttitle">
-            <div class="img"></div>
-            <div class="rightmain">
-              <div class="talk">历史记录</div>
-              <div class="box"></div>
-            </div>
-          </div>
-          <div class="contenttwo clearfix">
+          <div class="e_form">
             <table>
               <tr class="trbox1">
                 <th>提交时间</th>
                 <th>成绩</th>
                 <th>状态</th>
-                <th>操作</th>
               </tr>
               <tr class="trbox2">
                 <td>
-                  2022-7-20
-                  <br />
-                  00:00
+                  2022-7-20 00:00
                 </td>
                 <td>10分</td>
                 <td>已完成</td>
-                <td><span>查看考卷</span></td>
               </tr>
               <tr class="trbox3">
                 <td>
-                  2022-7-20
-                  <br />
-                  00:00
+                  2022-7-20 00:00
                 </td>
                 <td>10分</td>
                 <td>已完成</td>
-                <td><span>查看考卷</span></td>
               </tr>
               <tr class="trbox4">
                 <td>
-                  2022-7-20
-                  <br />
-                  00:00
+                  2022-7-20 00:00
                 </td>
                 <td>10分</td>
                 <td>已完成</td>
-                <td><span>查看考卷</span></td>
               </tr>
             </table>
           </div>
         </div>
       </div>
+
     </div>
   </div>
 </template>
 
 <script>
 // import { reactive, toRefs } from "vue";
-import TitleHead from "@/components/TitleHead.vue";
+// import TitleHead from "@/components/TitleHead.vue";
 export default {
   name: "ExamiNation",
-  components: {
-    TitleHead,
-  },
+  // components: {
+  //   TitleHead,
+  // },
   setup() {},
 };
 </script>
 <style lang="scss" scoped>
-.clearfix:before,
-.clearfix:after {
-  content: " ";
-  display: table;
-  clear: both;
-}
-
 .examination {
   width: 100%;
-  padding-bottom: 20px;
+  background-color: #F2F5F7;
 }
 
 .notice {
   width: 100%;
-  display: flex;
-  justify-content: center;
-  margin-top: -17.5px;
+  margin-top: 10px;
+  font-size: 14px;
+}
   .noticebox {
-    width: 90%;
+    width: 100%;
     background: #fff;
-    border-radius: 4px;
-    position: relative;
-    display: flex;
-    justify-content: center;
+    margin-bottom: 11.5px;
     .main {
       width: 90%;
-      margin-top: 20px;
-      .dir {
-        width: 100%;
-        height: 20px;
-        // background-color: red;
-        margin-bottom: 20px;
+      margin: 0 auto;
+      padding-top: 18.5px;
+      padding-bottom: 27.5px;
+    }
+  }
+      .e_title{
+        margin-bottom: 14.5px ;
+        font-weight: 600;
+      }
+      .et_detail{
         display: flex;
-        justify-content: right;
-        font-size: 12px;
-        color: #2478ff;
-        .samegt {
-          margin-top: 3px;
-          height: 12px;
-          width: 12px;
+        margin-bottom: 11.5px;
+        align-items: center;
+        .et_icon{
+          width: 15px;
+          height: 15px;
+          background-image: url('../../assets/image/readyexamination/time.png');
+          background-size: 100% 100%;
+          margin-right: 6px;
         }
-        .samege {
-          line-height: 12px;
-        }
-        .pre {
-          margin-right: 5px;
-          // background-size: 100%;
-          background-image: url(../../assets/image/pre.png);
-        }
-        .next {
-          margin-left: 5px;
-          // background-size: 100%;
-          background-image: url(../../assets/image/next.png);
+        .et_time{
+          color: #6E7B84;
         }
       }
-      .lefttitle {
-        display: flex;
-        position: relative;
-        width: 90px;
-        .img {
-          margin-top: 1.5px;
-          width: 16px;
-          height: 16px;
-          background-image: url(../../assets/image/cycle.png);
-        }
-        .rightmain {
-          margin-left: 7.5px;
-          .talk {
-            margin-left: -1.5px;
-            font-size: 14px;
-            font-weight: bold;
-            color: #333;
-            position: absolute;
-            z-index: 999;
-          }
-          .box {
-            position: absolute;
-            width: 62.5px;
-            height: 10px;
-            right: 8px;
-            bottom: -5px;
-            background: #ccdfff;
+      .et_box{
+          margin-top: 16.5px;
+          background-color: #F2F5F7;
+          border-radius: 10px;
+          padding: 18px 0 17px 22px;
+          .et_length{
+            display: flex;
+            align-items: center;
+            .et_name{
+              margin-right: 5px;
+              color: #6E7B84;
+            }
+            .et_minute{
+              color: #2478FF;
+              margin-right: 56px;
+            }
+            .et_lineicon{
+              width: 17.5px;
+              height: 17.5px;
+              background-image: url(../../assets/image/readyexamination/smile.png);
+              margin-right: 8px;
+            }
+            .et_score{
+              color: #FF9E00;
+            }
           }
         }
-      }
-      .contentone {
-        width: 100%;
-        background: #f2f5f7;
-        border-radius: 2px;
-        margin-top: 20.5px;
-        font-size: 13px;
-        display: flex;
-        flex-direction: column;
-        .areaone {
-          width: 100%;
-          margin: 15px 0;
-          display: flex;
-          color: #56a3f9;
-          .texttime {
-            margin-left: 22.5px;
-          }
-          .passline {
-            margin-left: 42px;
-          }
-        }
-        .areatwo {
-          // width: 290.5px;
-          // height: 50.5px;
-          margin: 0 5.5px 6.5px 5.5px;
-          background: #ffffff;
-          border-radius: 0px 4px 0px 4px;
-          font-size: 13px;
 
-          .time {
-            margin: 9px 16px 9.5px 17px;
-          }
-        }
-      }
+      
+
       .btnbox {
-        width: 83px;
+        width: 301.5px;
         height: 33px;
         background-color: #2478ff;
-        border-radius: 4px;
+        border-radius: 6px;
         box-shadow: 0px 1px 8px 0px rgba(56, 125, 247, 0.7);
         font-size: 13.5px;
-        margin: 20px 109.5px 21.5px 109.5px;
+        margin: 18.5px auto 43.5px 20px;
         text-align: center;
         line-height: 33px;
         .textbtn {
+          width: 301.5px;
           border: none;
           background-color: #2478ff;
+          border-radius: 6px;
           color: #ffffff;
         }
       }
-      .contenttwo {
+      .e_form {
         width: 100%;
         display: flex;
         flex-direction: column;
         font-size: 12px;
+        color: #333330;
         table {
           width: 100%;
           border-collapse: collapse;
-          // border-collapse:separate;
-          // border-spacing:0px 15.5px;
           text-align: center;
-          margin: 21px auto 48px auto;
+          margin-bottom: 6.5px ;
           .trbox1 {
-            width: 302px;
+            width: 342.5px;
             height: 40px;
             border-radius: 4px;
             background-color: #f2f5f7;
-            th {
-              font-size: 12px;
-              color: #333330;
-            }
           }
           td {
             padding: 14.5px;
@@ -260,14 +187,8 @@ export default {
           .trbox2,
           .trbox3,
           .trbox4 {
-            border-bottom: 0.5px solid #d7e5fd;
-          }
-          span {
-            color: #2478ff;
+            border-bottom: 0.5px solid #F1F2F3;
           }
         }
       }
-    }
-  }
-}
 </style>
diff --git a/src/views/examination/ExaminationScore.vue b/src/views/examination/ExaminationScore.vue
index ee42ccb..f0e789e 100644
--- a/src/views/examination/ExaminationScore.vue
+++ b/src/views/examination/ExaminationScore.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="examinationscore">
-    <TitleHead text="【考试】管理者进阶腾飞班 - 毕业典礼"></TitleHead>
+    <!-- <TitleHead text="【考试】管理者进阶腾飞班 - 毕业典礼"></TitleHead> -->
     <div class="notice">
       <div class="noticebox">
         <div class="main">
@@ -14,9 +14,9 @@
               </div>
             </div>
           </div>
-          <div class="btnbox">
+          <!-- <div class="btnbox">
             <div class="closebtn">关闭</div>
-          </div>
+          </div> -->
         </div>
       </div>
     </div>
@@ -25,12 +25,12 @@
 
 <script>
 // import { reactive, toRefs } from "vue";
-import TitleHead from "@/components/TitleHead.vue";
+// import TitleHead from "@/components/TitleHead.vue";
 export default {
   name: "ExaminationScore",
-  components: {
-    TitleHead,
-  },
+  // components: {
+  //   TitleHead,
+  // },
   setup() {},
 };
 </script>
@@ -44,9 +44,9 @@ export default {
   width: 100%;
   display: flex;
   justify-content: center;
-  margin-top: -17.5px;
+  margin-top: 20px;
   .noticebox {
-    width: 90%;
+    width: 100%;
     background: #ffffff;
     border-radius: 4px;
     position: relative;
@@ -55,59 +55,61 @@ export default {
     .main {
       width: 90%;
       border-radius: 2px;
-      // background-color: #FFFFFF;
       .mainbody {
         width: 100%;
-        margin-top: 133.5px;
+        margin: 240px auto;
         background-color: #f2f5f7;
+        border-radius: 10px;
         display: flex;
         flex-direction: column;
         align-items: center;
         .scoretitle {
-          margin: 18px auto 15px auto;
+          margin: 17.5px auto 15.5px auto;
           font-size: 15px;
           font-weight: 600;
-          color: #56a3f9;
+          color: #04243C;
         }
         .scorebox {
-          width: 290.5px;
+          width: 320.5px;
           height: 55.5px;
+          border-radius: 2px 6px 2px 6px;
           background-color: #ffffff;
-          margin-bottom: 6.5px;
+          margin-bottom:11.5px;
           .scoredetail {
             display: flex;
             font-size: 13px;
-            margin: 21.5px auto 29.5px 72.5px;
+            font-weight: 500;
+            margin: 21.5px auto auto 92.5px;
             .score {
               font-size: 24px;
               font-weight: 600;
-              color: #ee423d;
-              margin-top: -8px;
+              color: #FF9E00;
+              margin-top: -7px;
             }
             .grade {
               font-size: 13px;
-              color: #ee423d;
+              color: #FF9E00;
               margin-bottom: 21.5px;
             }
           }
         }
       }
-      .btnbox {
-        width: 83px;
-        height: 33px;
-        background-color: #2478ff;
-        border-radius: 2px;
-        box-shadow: 0px 1px 8px 0px rgba(56, 125, 247, 0.7);
-        font-size: 14px;
-        margin: 18px auto 218.5px auto;
-        text-align: center;
-        line-height: 33px;
-        .closebtn {
-          border: none;
-          background-color: #2478ff;
-          color: #ffffff;
-        }
-      }
+      // .btnbox {
+      //   width: 83px;
+      //   height: 33px;
+      //   background-color: #2478ff;
+      //   border-radius: 2px;
+      //   box-shadow: 0px 1px 8px 0px rgba(56, 125, 247, 0.7);
+      //   font-size: 14px;
+      //   margin: 18px auto 218.5px auto;
+      //   text-align: center;
+      //   line-height: 33px;
+      //   .closebtn {
+      //     border: none;
+      //     background-color: #2478ff;
+      //     color: #ffffff;
+      //   }
+      // }
     }
   }
 }
diff --git a/src/views/examination/ReadyExamination.vue b/src/views/examination/ReadyExamination.vue
index e5dec13..03fcafd 100644
--- a/src/views/examination/ReadyExamination.vue
+++ b/src/views/examination/ReadyExamination.vue
@@ -1,80 +1,81 @@
 <template>
   <div class="readyexamination">
-    <TitleHead text="考试模式"></TitleHead>
+    <!-- <TitleHead text="考试模式"></TitleHead> -->
     <div class="notice">
       <div class="noticebox">
         <div class="main">
-          <div class="lefttitle">
+          <div class="re_title">管理者进阶腾飞班 - 第一次考试</div>
+          <!-- <div class="lefttitle">
             <div class="img"></div>
             <div class="rightmain">
               <div class="time">剩余时间</div>
               <div class="box">29分钟53秒</div>
             </div>
-          </div>
+          </div> -->
           <div class="questiontype clearfix">
             <div class="type">判断题</div>
           </div>
 
-                    <!-- 循环遍历生成判断题的问题和选项 -->
-                    <div class="questions"
-                            v-for="(q,index) in questions"
-                            :key="index">
-                        <div class="questiontitle"                            >
-                            {{q.text}}
-                        </div>
-                        <div class="btnswitch" v-for="(o,index) in q.options"
-                        :key="index"
-                        @click="selectBtn(o)"
-                        >
-                            <div class="checkoutbtn"
-                            :style="{
-                                backgroundImage:
-                                'url('+( o.select === true? Images.checkboxImg : Images.checkbox2Img )+')'
-                            }"
-                            ></div>
-                            <div class="select">{{o.text}}</div>
-                        </div>
-                    </div>
+          <!-- 循环遍历生成判断题的问题和选项 -->
+          <div class="questions"
+                v-for="(q,index) in questions"
+                :key="index">
+            <div class="questiontitle"                            >
+                {{q.text}}
+            </div>
+            <div class="btnswitch" v-for="(o,index) in q.options"
+            :key="index"
+            @click="selectBtn(o)"
+            >
+                <div class="checkoutbtn"
+                :style="{
+                    backgroundImage:
+                    'url('+( o.select === true? Images.checkboxImg : Images.checkbox2Img )+')'
+                }"
+                ></div>
+                <div class="select">{{o.text}}</div>
+            </div>
+          </div>
 
           <!-- <div class="questions">
-                        <div class="questiontitle">
-                            1、控制计划是由工艺部门完成 （4分）
-                        </div>
-                        <div class="btnswitch">
-                            <div class="checkoutbtn"></div>
-                            <div class="select">正确</div>
-                        </div>
-                        <div class="btnswitch">
-                            <div class="checkoutbtn"></div>
-                            <div class="select">错误</div>
-                        </div>
+                    <div class="questiontitle">
+                        1、控制计划是由工艺部门完成 （4分）
                     </div>
-                    <div class="questions">
-                        <div class="questiontitle">
-                            2、.PFMEA假定所设计的产品能满足设计要求
-                        </div>
-                        <div class="btnswitch">
-                            <div class="checkoutbtn"></div>
-                            <div class="select">正确</div>
-                        </div>
-                        <div class="btnswitch">
-                            <div class="checkoutbtn"></div>
-                            <div class="select">错误</div>
-                        </div>
+                    <div class="btnswitch">
+                        <div class="checkoutbtn"></div>
+                        <div class="select">正确</div>
                     </div>
-                    <div class="questions">
-                        <div class="questiontitle">
-                            3、PFMEA假定所设计的产品能满足设计要求 （4分）
-                        </div>
-                        <div class="btnswitch">
-                            <div class="checkoutbtn"></div>
-                            <div class="select">正确</div>
-                        </div>
-                        <div class="btnswitch">
-                            <div class="checkoutbtn"></div>
-                            <div class="select">错误</div>
-                        </div>
-                    </div> -->
+                    <div class="btnswitch">
+                        <div class="checkoutbtn"></div>
+                        <div class="select">错误</div>
+                    </div>
+                </div>
+                <div class="questions">
+                    <div class="questiontitle">
+                        2、.PFMEA假定所设计的产品能满足设计要求
+                    </div>
+                    <div class="btnswitch">
+                        <div class="checkoutbtn"></div>
+                        <div class="select">正确</div>
+                    </div>
+                    <div class="btnswitch">
+                        <div class="checkoutbtn"></div>
+                        <div class="select">错误</div>
+                    </div>
+                </div>
+                <div class="questions">
+                    <div class="questiontitle">
+                        3、PFMEA假定所设计的产品能满足设计要求 （4分）
+                    </div>
+                    <div class="btnswitch">
+                        <div class="checkoutbtn"></div>
+                        <div class="select">正确</div>
+                    </div>
+                    <div class="btnswitch">
+                        <div class="checkoutbtn"></div>
+                        <div class="select">错误</div>
+                    </div>
+                </div> -->
 
           <div class="questiontype clearfix">
             <div class="type">选择题</div>
@@ -107,84 +108,29 @@
           </div>
 
           <!-- <div class="questions">
-                        <div class="questiontitle">
-                            4、.FMEA 是一种（ ）工具（4分）
-                        </div>
-                        <div class="btnswitch">
-                            <div class="checkoutbtn"></div>
-                            <div class="select">问题解决</div>
-                        </div>
-                        <div class="btnswitch">
-                            <div class="checkoutbtn"></div>
-                            <div class="select">项目策划</div>
-                        </div>
-                        <div class="btnswitch">
-                            <div class="checkoutbtn"></div>
-                            <div class="select">过程分析</div>
-                        </div>
-                        <div class="btnswitch">
-                            <div class="checkoutbtn"></div>
-                            <div class="select">风险分析</div>
-                        </div>
-                    </div> -->
+                    <div class="questiontitle">
+                        4、.FMEA 是一种（ ）工具（4分）
+                    </div>
+                    <div class="btnswitch">
+                        <div class="checkoutbtn"></div>
+                        <div class="select">问题解决</div>
+                    </div>
+                    <div class="btnswitch">
+                        <div class="checkoutbtn"></div>
+                        <div class="select">项目策划</div>
+                    </div>
+                    <div class="btnswitch">
+                        <div class="checkoutbtn"></div>
+                        <div class="select">过程分析</div>
+                    </div>
+                    <div class="btnswitch">
+                        <div class="checkoutbtn"></div>
+                        <div class="select">风险分析</div>
+                    </div>
+                </div> -->
 
-          <div class="questiontype clearfix">
-            <div class="type">选择题</div>
-          </div>
-          <!-- 循环遍历生成选择题的问题和选项 -->
-          <div class="questions" v-for="(q, index) in s_questions" :key="index">
-            <div class="questiontitle">
-              {{ q.text }}
-            </div>
-            <div
-              class="btnswitch"
-              v-for="(s, index) in s_options"
-              :key="index"
-              @click="selectBtn(s)"
-            >
-              <!-- <img
-                :src="
-                  s.selected === true
-                    ? require('../../assets/image/checkbox.png')
-                    : require('../../assets/image/checkbox2.png')
-                "
-                style="width: 13.6px; height: 13.6px"
-              /> -->
-              <div
-                class="checkoutbtn"
-                :style="{
-                  'background-image':
-                    s.selected === true
-                      ? 'url(' + select + ')'
-                      : 'url(' + noselect + ')',
-                }"
-                style="background-size: 100%"
-              ></div>
-              <div class="select">{{ s.text }}</div>
-            </div>
-          </div>
-
-          <!-- <div class="questions">
-            <div class="questiontitle">4、.FMEA 是一种（ ）工具（4分）</div>
-            <div class="btnswitch">
-              <div class="checkoutbtn"></div>
-              <div class="select">问题解决</div>
-            </div>
-            <div class="btnswitch">
-              <div class="checkoutbtn"></div>
-              <div class="select">项目策划</div>
-            </div>
-            <div class="btnswitch">
-              <div class="checkoutbtn"></div>
-              <div class="select">过程分析</div>
-            </div>
-            <div class="btnswitch">
-              <div class="checkoutbtn"></div>
-              <div class="select">风险分析</div>
-            </div>
-          </div> -->
           <div class="btnbox">
-            <div class="submitbtn">提交试卷</div>
+            <div class="submitbtn">提交</div>
           </div>
         </div>
       </div>
@@ -194,12 +140,12 @@
 <script>
 import { reactive, toRefs } from "vue";
 import Images from "../../assets/image/index";
-import TitleHead from "@/components/TitleHead.vue";
+// import TitleHead from "@/components/TitleHead.vue";
 export default {
     name: "ReadyExamination",
-    components: {
-        TitleHead,
-    },
+    // components: {
+    //     TitleHead,
+    // },
     setup() {
         const state = reactive({
             questions: [
@@ -223,7 +169,7 @@ export default {
                 {
                     id: 2,
                     type: "judge",
-                    text: "2、.PFMEA假定所设计的产品能满足设计要求",
+                    text: "2、.PFMEA假定所设计的产品能满足设计要求  （4分）",
                     options: [
                         {   
                             id:1,
@@ -338,80 +284,87 @@ export default {
 };
 </script>
 <style lang="scss" scoped>
-.clearfix:before,
-.clearfix:after {
-  content: " ";
-  display: table;
-  clear: both;
-}
+// .clearfix:before,
+// .clearfix:after {
+//   content: " ";
+//   display: table;
+//   clear: both;
+// }
 .readyexamination {
   width: 100%;
+  background-color: #F2F5F7;
+  font-size: 14px;
+  font-weight: normal;
+  color: #333330;
 }
 .notice {
   width: 100%;
-  display: flex;
-  justify-content: center;
-  margin-top: -17.5px;
+  background-color: #ffffff;
+  margin-top: 10px;
   .noticebox {
-    width: 90%;
-    background: #fff;
-    border-radius: 4px;
-    position: relative;
-    display: flex;
-    justify-content: center;
+    width: 100%;
+    // position: relative;
+    // display: flex;
+    // justify-content: center;
     .main {
       width: 90%;
-      margin-top: 20px;
-      font-size: 14px;
-      color: #333330;
-      .lefttitle {
-        display: flex;
-        margin-bottom: 21.5px;
-        .img {
-          width: 16px;
-          height: 18.5px;
-          background-image: url(../../assets/image/readyexamination/sandclock.png);
-          background-size: 100% 100%;
-        }
-        .rightmain {
-          display: flex;
-          margin-left: 4.5px;
-          font-size: 14px;
-          .time {
-            color: #56a3f9;
-          }
-          .box {
-            margin-left: 9.5px;
-            color: #ee423d;
-          }
-        }
+      margin: 0 auto;
+      padding-top: 19.5px;
+      // .lefttitle {
+      //   display: flex;
+      //   margin-bottom: 21.5px;
+      //   .img {
+      //     width: 16px;
+      //     height: 18.5px;
+      //     background-image: url(../../assets/image/readyexamination/sandclock.png);
+      //     background-size: 100% 100%;
+      //   }
+      //   .rightmain {
+      //     display: flex;
+      //     margin-left: 4.5px;
+      //     font-size: 14px;
+      //     .time {
+      //       color: #56a3f9;
+      //     }
+      //     .box {
+      //       margin-left: 9.5px;
+      //       color: #ee423d;
+      //     }
+      //   }
+      // }
+      .re_title{
+        margin-bottom: 23.5px;
+        color: #04243C;
+        font-weight: 600;
       }
       .questiontype {
         width: 100%;
-        height: 35px;
+        height: 40px;
+        border-radius: 4px;
         margin-bottom: 20px;
-        background-color: #f9f9f9;
-        line-height: 35px;
+        background-color: #F2F5F7;
+        line-height: 40px;
+        font-weight: 500;
         .type {
           margin-left: 11px;
         }
       }
       .questions {
         width: 100%;
-        margin-left: 9.5px;
+        margin-left: 9px;
         .questiontitle {
           margin-bottom: 18px;
+          font-weight: 500;
         }
         .btnswitch {
           display: flex;
           height: 13.6px;
           line-height: 13.6px;
-          // align-items: center;
+          margin-left: 23px;
           margin-bottom: 15px;
           .checkoutbtn {
             width: 13.6px;
             height: 13.6px;
-            // background-image: url(../../assets/image/checkbox2.png);
             background-size: 100% 100%;
             margin-right: 6.5px;
           }
@@ -421,17 +374,18 @@ export default {
         }
       }
       .btnbox {
-        width: 83px;
+        width: 301.5px;
         height: 33px;
         background-color: #2478ff;
-        border-radius: 2px;
+        border-radius: 6px;
         box-shadow: 0px 1px 8px 0px rgba(56, 125, 247, 0.7);
         font-size: 14px;
-        margin: 18px auto 24px auto;
+        margin: 30px auto 24px auto;
         text-align: center;
         line-height: 33px;
         .submitbtn {
           border: none;
+          border-radius: 6px;
           background-color: #2478ff;
           color: #ffffff;
         }
diff --git a/src/views/filestorag/fileStorag.vue b/src/views/filestorag/fileStorag.vue
new file mode 100644
index 0000000..f91cb5e
--- /dev/null
+++ b/src/views/filestorag/fileStorag.vue
@@ -0,0 +1,85 @@
+<template>
+    <div class="filestorag">
+        <div class="notice">
+            <div class="noticebox">
+                <div class="main">
+                    <div class="filebox"
+                        v-for="(t,index) in t_items"
+                        :key="index">
+                        <div class="fileimg"></div>
+                        <div class="filename">{{t.text}}</div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script>
+    import { reactive, toRefs } from "vue";
+    import Images from "../../assets/image/index";
+export default {
+    name: "FileStorag",
+    setup() {
+        const state = reactive({
+            t_items: [
+                {
+                    id: 1,
+                    text: "示例文档.doc",
+                },
+                {
+                    id: 2,
+                    text: "示例文档.doc",
+                },
+                {
+                    id: 3,
+                    text: "示例文档.doc",
+                },
+                {
+                    id: 4,
+                    text: "示例文档.doc",
+                },
+            ],
+        });
+
+        return {
+            ...toRefs(state),
+            Images,
+        };
+    }
+};
+</script>
+<style lang="scss" scoped>
+    .filestorag{
+        width: 100%;
+        background-color: #F2F5F7;
+        font-size: 13px;
+        color: #677D86;
+        .notice{
+            width: 100%;
+            background-color: #ffffff;
+            margin-top: 10px;
+            .noticebox{
+                width: 90%;
+                margin: 0 auto;
+                .main{
+                    width: 100%;
+                    .filebox{
+                        display: flex;
+                        margin-left: 16.5px;
+                        padding: 21.5px 0;
+                        align-items: center;
+                        border-bottom: 1px solid #EDF3FF;
+                        .fileimg{
+                            width: 19.5px;
+                            height: 22px;
+                            background-image: url(../../assets/image/filestorag/zip.png);
+                            background-size: 100% 100%;
+                            margin-right: 19px;
+                        }
+                    }
+                }
+            }
+        }
+    }
+</style>
\ No newline at end of file

From 667b513a0694f4f73c42766154e684abd8643e1d Mon Sep 17 00:00:00 2001
From: dongwug <guoys@dongwu-inc.com>
Date: Thu, 29 Sep 2022 15:29:45 +0800
Subject: [PATCH 9/9] =?UTF-8?q?feat:=E6=96=87=E4=BB=B6=E4=BB=93=E5=BA=93?=
 =?UTF-8?q?=E6=96=87=E4=BB=B6Img=E8=83=8C=E6=99=AF=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/image/filestorag/excel.png | Bin 0 -> 758 bytes
 src/assets/image/filestorag/md.png    | Bin 0 -> 729 bytes
 src/assets/image/filestorag/pdf.png   | Bin 0 -> 642 bytes
 src/assets/image/filestorag/ppt.png   | Bin 0 -> 671 bytes
 src/assets/image/filestorag/rar.png   | Bin 0 -> 615 bytes
 src/assets/image/filestorag/word.png  | Bin 0 -> 650 bytes
 src/assets/image/filestorag/zip.png   | Bin 336 -> 551 bytes
 src/assets/image/index.js             |   9 ++++++++-
 src/views/filestorag/fileStorag.vue   |  20 ++++++++++++++------
 9 files changed, 22 insertions(+), 7 deletions(-)
 create mode 100644 src/assets/image/filestorag/excel.png
 create mode 100644 src/assets/image/filestorag/md.png
 create mode 100644 src/assets/image/filestorag/pdf.png
 create mode 100644 src/assets/image/filestorag/ppt.png
 create mode 100644 src/assets/image/filestorag/rar.png
 create mode 100644 src/assets/image/filestorag/word.png

diff --git a/src/assets/image/filestorag/excel.png b/src/assets/image/filestorag/excel.png
new file mode 100644
index 0000000000000000000000000000000000000000..fda3091c1a604f5f5c635911f73e7150e3305c29
GIT binary patch
literal 758
zcmV<S0tx+zP)<h;3K|Lk000e1NJLTq000pH000yS1^@s6YoOLi00001b5ch_0Itp)
z=>Px%ut`KgR5(wql*>;OQ5eO~cc+h;N<mF+r97+zSAazD5w()2)UG71pl)2sA7Dsa
zxNzkk;6@fMOmOD{Ok`z9KofA|!bC9`2`G<Z5URqYo%TM=oq>uFlWM$^$=sRT`OSCE
zcji)RIP(yst^hCqDC`>gfl!jdfhy4+Z5gT#MDGo>->`Qsqtw$(o`}r7uY1cB0bB^|
z3s~r?J(CL?p}VZ)Jm^2!U)lyyYNW3KP;hqzJMXy^2>C5su1_LnMb>QL+_~9ueXtDa
z)|Dujl|U}W&!H}S7>;mq8+>yh)*61)OTB_Bg;;(I-Sy{D8;U}Zgy15Zm(Hz~)!8Q%
zL8Ma9M`xrBozYe(5Qqpx!RH;Gzg-bTOO;B(M?S=Y2M{DbqyiXYD2mcT#Sje=QlKPt
zQwX$`2L`hL3bJj!mZpc61clr`LCT#ZfE4{l2m_f~uQrbngHQqn3^%O?8Lk)lnKr`5
zd|<94t~FjII`&+0GipY_7-7X;MRQF8>&`b6co79raKZ6V41U9prOhl#l6!uXAtRZ5
zfjeeXbtAePl9>56hvxkWOs~zj3n!Lep(l|>GJXov>mTrZ;U(4!Ik%!RL?;$XnHxnL
zR}(3u8@n+0_Aw&XL0CQ$qw`}(HC#Y4ej0DSzQ@GUqz)Mj#(tMm65KS6Ao`B=pe9(2
zsqAYQT0&I}<BL=7SC542(9@L0i^VC7ejY=}ut1D~bc<6XnS8!fFgv2h(Gaf1_|hag
z4z*#~{(@^q(^%NdV)n-;oQ<6TBLmOo$MEs{9D*zWFajy{tHneNTok=Hlm0h!)RkL>
zQpzozOYXMBPo5w8R7!2={lq55Lb|<rt=6jNI@rR!dLfsP?o7+{Lcax(>K&zqGee4S
oiM%N9*&hGA&kzGtP6GFT0zywj77GitFaQ7m07*qoM6N<$f<*04ApigX

literal 0
HcmV?d00001

diff --git a/src/assets/image/filestorag/md.png b/src/assets/image/filestorag/md.png
new file mode 100644
index 0000000000000000000000000000000000000000..c0444cf0e6da8dddd87bf4fc1e1c3a3ef11acd20
GIT binary patch
literal 729
zcmV;~0w(>5P)<h;3K|Lk000e1NJLTq000pH000yS1^@s6YoOLi00001b5ch_0Itp)
z=>Px%lSxEDR5(wil;2AfQ546&_s%#wy8di8HBEHY#ZbeCj4X`Mm&k|SN{AxJh58eE
zl*+dXdMQbJ?Io~U-x8li&<6uGkW!;mY-5vLXLe@pJ#lBXT-;=%3o`>}&i%}p@AsU`
zMq=al2(lkQ2?LYJv51HXA<@uLGhx;S@Ah16-`JnVMhD^v#<dV3=l)DC0m74rbk(H8
zRmG3xX6ixb?arM&5F3fbZ2*B>73{?b1nCf>-E{~ZFG;7j-G@61t%E&-%u_jRbYR>f
zM&_XqA_$KVJy(m$`U<2S&-PN{ezMGX)YlhH=M9mrMD%<eD(lPPIRes?TdpkzEh{*j
z7sS`Z6$mw!qy0hzOanOM5UxxJ;SS{oQQ8uzufr%Q05_Nl0Gxw7namsFn<NRYBQka=
zLBRk<&ObqNichfr8^Va?2az6usmi&!W!IB|#KtX2WGd18Uj!hDplRIK&T~AJRR?`7
zoRkNyK>L;t8Mzg=gp`?PlLR#*fg%HT%JG3l&_LV81|(K~;OqMYbVEA`d3IyWs%)+>
zJ1#e)G+d12+E0{*i!l9a0fnUjG@YqMai|b8uNU!ob`u4reh~8X`j{2zJZ2V!1JHFH
zRgoi@d$)v>ml{C=n0PXS-aDtTI=7DH>Gi)un$Fgm#0kmOZM62*V}5cOr>~rVa0#<-
zKA@|=4NFsB@M&r-H)QzcTdS(2!elzI^UX$0dl+kr-*L3L9Ksf8>8|tjnV(!i;^P)H
zoo6}Z3;R44w@Ju=azb6I8I_%Wn+plfIi!@(3p8*o8?f89X*L>*uQSH0)h1;JDW`Ww
z!+*+5ocWEC-6LuUr4$?NMJzr<MAwKh<M&V;cDVd`#~6{r7<>5(6H!(6-oj>V00000
LNkvXXu0mjfO3X^N

literal 0
HcmV?d00001

diff --git a/src/assets/image/filestorag/pdf.png b/src/assets/image/filestorag/pdf.png
new file mode 100644
index 0000000000000000000000000000000000000000..5e4812ce1d990ccffb0ea6d352a787186da2c369
GIT binary patch
literal 642
zcmV-|0)737P)<h;3K|Lk000e1NJLTq000pH000yS1^@s6YoOLi00001b5ch_0Itp)
z=>Px%JV``BR5(w~l+SAuK@`WoGn)nxu??kWw;E`aMl3Cx1gz8^YMOYm_8*W|dJrs#
zP$-BHB~^l2J&80_Pem`499z(X*b1KX;z1!I)?)ox!4P7SCcE=wCaG<MKa!i@%kCTA
zeD=-zz8yBXOTVRYK0*M;Uqk>ry**EjKwzXV8hyVxmEF)=OAK(xq<?8&B#h>+&ZO;h
zo(hePrPuQ%q?Y|EfA7%<48I>%E}u->%O{V=Zs+8BT@Y_13_TD4BSJBoyGQhCG&C`l
ztq&6JhY<{dgaC+ymCN5OWHZs)Aw+2Mwd26xAT*~F3=9C3tbE~G?GU*I3=WqI)Y$mT
z10lp(T@VmK*!C6^Wj*yl{xAdoDMVQ(&&U|m1QN-h9Lx8LWL!P=<$NJPvT2$I*g}p0
zxaLq#DcMl1p#h9@1>6i$J+TS}7{LIJC8m)5x{8;xv)Df{fNd@pvR^)9A$AEzE?$7O
zR>14IdAxb>5L|w2y)p?Y<@50NhhPp5AvHITrnWY;_<VRAo4`)b9`ufnWA~wMJc-AV
zUV4Y+g+;Jxh^)lZa~R!c&)~((3^E@+;^63MEMAVo8|s7GG@+X&o+T3a{&or9QYmo0
zadW8S*u^4rzaK3f9e6%HjU8?`B3G}V+1IXskItP(*YF9vx}QX5Wkrqs?;ET9sQeLf
zGA&D;TUa)@#sSWyQ7Wfe?7H6ig9F>k4wfxdBHD04u2t;bQh{_0$gxSoxWkDJl?io=
c2}XB+0xqiYEq+BAxc~qF07*qoM6N<$f<-<Xr2qf`

literal 0
HcmV?d00001

diff --git a/src/assets/image/filestorag/ppt.png b/src/assets/image/filestorag/ppt.png
new file mode 100644
index 0000000000000000000000000000000000000000..37b6de897cc6b25e1654460bc4db01a7b328f0ec
GIT binary patch
literal 671
zcmV;Q0$}}#P)<h;3K|Lk000e1NJLTq000pH000yS1^@s6YoOLi00001b5ch_0Itp)
z=>Px%SxH1eR5(wqlubxfVHAd+b7#i64kd+Vjk}0~poPv<Mi!)mk((Am+4MuGkmagH
zBoR7P(ht=t!h#kNv}_d>Nt<dREm}kb78w+w;M6dq%$+-bUwre8HldOO-Oc5@-#riS
zdC$uc)!lRv;Sk756a^N03VFfjgZ-VO?AkFP^{rFozlrJ&#jvCn)S~qukk5g~3!Nui
z!h3F!tGz4@4XL>TQ9Vs*5dRVc^Esafj|Gv_(A?&djNM@TSyWo1Ieo2_I0*K?As#r~
z2QBU3rqU!6mvG}ZWn+h18RSSm?A!~vEM&6@oY^SBx{>8Ulrp}w?1Qe8;Md)YhQ&xF
zhL;D?y%q{!d0_o!SiRPq#e!@)zI;g0;2bz9Q>>NfiHen}45C50wZGz^(v?FNj`2T0
z6eWlyb}>*{*U0typpgG#o{oGrWA1!aCcSgdJOpJI`>YE>%_{i*1^fY66NGpS(z8&#
z0;&TrlZ0g4m}|UEi|PqG%>1%xZiAzP;5ZPQfZzrYFL(tWT!n*YAW#DjufV&P;MXCS
z5~Mfm5TCX=a2z`NVeAEjLJ+8j4{u;oBV6c(p?fg#5k>|KK(vf<C5fLl?VS)g507s{
zd=icg!Kb(I`U#9ZhdZM%{vPfQg1>qZh%;-mbvJC;4%f~?<2L9z1^2JRk8fZHpzj=f
z{S2?38gq+=%quCa0#%xZRZ3$f16~h!d_XbYrqHJ+Qv#Sh;EL)AO=8J9Gg3WXuX*cp
z`6%^S7hB~3y|C1jsP4vL#EJk_s3q6i!kkJ`P6kzY^c(wH`*(!COz!{y002ovPDHLk
FV1n%JE{6aB

literal 0
HcmV?d00001

diff --git a/src/assets/image/filestorag/rar.png b/src/assets/image/filestorag/rar.png
new file mode 100644
index 0000000000000000000000000000000000000000..ecf89e1c824cedf481689e5b5364c4b7afba4172
GIT binary patch
literal 615
zcmV-t0+{`YP)<h;3K|Lk000e1NJLTq000pH000yS1^@s6YoOLi00001b5ch_0Itp)
z=>Px%AxT6*R5(wqls#w^K@`V-GxxD$%t_7@FQ^fMO(LRLh(WLr1wjZF;sp$xtymZ=
zv`J$p2$m^D>=Y{ttz*u{fQ1JdLMpkC;v^<`ADi=LcVu?5xkL|hq7SCn*`441-+TXg
z!jy_Lz*RtiF?0(P3S>GUH}-_J>?3im;BWs-m{PHU6n$L}$D5%Bk%aukuVhlwEG#}1
z7ar*NwJ>wV4FukwApr;pLsvldS83Mni_sg;I*?M)N>e>S4qpcE0O<NE)Tfw#{ah4Y
z1~#4DA;u~ZaAX`(89+nuV;NnW;=|roJwgnGEy#_*!7~uHK_(z*Euri8dV|<pjRxDh
zWEMmM2wkytYq57o1Pbim0qII;Q$$q%4)SaDEh{u%{t;sR8U9a*2^7|qwsO`~CUnAO
z(%po}u@Vw#cRS*cv68t-AE^{74^n|&fn>j1-#>vm1ZvQ=biM4rF=z`id);T?lw$M_
z=q7yo47n5FWufv0f(8svz}iPBKZJzmR7FZ-C9?&e>}kcwZJ56c11Di<9MTzR*Pyuq
zA_WVNoeG)il8#lf|E%KJO?ZC`h9@C^-g&|<3tBBh<pm`6bX4q6@^-=}Gol#01WPlp
z?>HR2=1kRIcPTb1P%XK-L<ZZ8PGO51pgq@tr0WD$Md%J$t8b;T4G=2{%*y6aqA!vj
z**UV|?~}n<eCNJ>)aIRq>^>g54jUmcW|`1T{{$wA@{!KqT7Uom002ovPDHLkV1h=-
B29y8*

literal 0
HcmV?d00001

diff --git a/src/assets/image/filestorag/word.png b/src/assets/image/filestorag/word.png
new file mode 100644
index 0000000000000000000000000000000000000000..ccb8679a717f52bc1b6b740eebbfda9a0b1fc47e
GIT binary patch
literal 650
zcmV;50(Jd~P)<h;3K|Lk000e1NJLTq000pH000yS1^@s6YoOLi00001b5ch_0Itp)
z=>Px%L`g(JR5(w~l+R04Q545N=e-%7pO*7O8l|8JA{ZglMHVe3i0BUpA`DuzYttfh
zp+O55Z6XMA6DXA7I%pHL$W@U^8#5^}98$_3jq{v&^X`rNW+ta1#@Th>;&IM9=fgSQ
zbI+6H<N5ny$sl0S;GF4*yvnA+gLk@<%k`m>n)=`(5<oXXXa>6CWaGhUSJ~G_dfGQ?
z83xiYy%MY$=#0^u43jUb>6KFH%EP|Sg89-MBopOiB7_pban+;_q^^%<CBJ8gHkD+e
z^d>_nZR$cfuDZ8vso^Fda4Z(&;-MI=wuOkGHLj!7*q$MN?`RUXuwRQY{G*`Q6vRxx
zGrjzAnu7f668xu-TDw+NG;QYS3ko%#(%SdgA~kJyFPl=}X^m|OWvvN{`1XNtfc26`
z(KB~LlWeuw*JANG?_yO!z9u`KqBjv@ygx(EDKoXS#l+$!w@;)w8gD_N8GHYYR?FhX
z@pe27FLDJYKW!4Qq*96FDb969IolE8=IgIKIF;e$YJu~aC|754TsRn~KOJVpDKoR`
zFuT4(ThR6^{k1#wkfArLjP|5?w_fCQI?S!NYg{_q#*tW%<wBXcjUsd3i*!Y7a*nqP
zsc&Z~?=t>zgJ)m1x!c!4Un<0pl45vvje@5c>P`|12#*%Gc)pUa=#rXR@YktcSW{+D
zprj!nMsWOH5kFG<iRNu4WM(I+rwiL45wlI^sq9E)#>O(fYUpo1%Xoc=E=c0Z{J14@
kxti1H_x9J?D6J=c0?Kg|0eUuWvH$=807*qoM6N<$f`mOa>i_@%

literal 0
HcmV?d00001

diff --git a/src/assets/image/filestorag/zip.png b/src/assets/image/filestorag/zip.png
index 6899ff45e180a868db0c5f49d4f626c1df6932f8..4ed2274bc6d1cd3e1f9bf77a5fa4892f7ea12ca7 100644
GIT binary patch
literal 551
zcmV+?0@(eDP)<h;3K|Lk000e1NJLTq000pH000yS1^@s6YoOLi00001b5ch_0Itp)
z=>Px$;Ymb6R5(w~lub_)Q51&XGwn2%HbQDB6!~go=%z79j0p=Q{s2t;0miU!!GCap
zOSi^_grzPC?%bQ`&bTm9LkxbTQP2e`{g?sn+;hko3nfK|cIRE5x#!7!-}juMm8Tm|
zKv*Jj9K;=AOpFY^DGn8u7H&*cPG6;mt1k=@B}F8bK>)nT0tN@N>-ALT{+(;Z>T!cY
z;=50wrzeJSIiG{E;kv&Q+*@3{?(65CAl~>eM)Cu2KsYq!c_K^8x60*4PmrncA&lm8
zXh~-i+Q*!>54wh^WtaLhD0`!D6G;$}!i=%uqpl&UT|sX0Pl#%?D2U~tCx|vP^O+QT
zhWu>~{!>Wj&=RSc?OD`B&XFS!sM`#^%R<l`w5kPRf#XmVZRd$RVHRZ4DU>D)xR7!Y
zT1FUJRGR_jXQtu034H#xjaTnBp?lhiIWd;?*&?_(Tf&E}pSUuX$6g~qu0M<2Y8|Cw
z0WV*_hqd<1YuXTIT=m9KYwlyK@*8tA9`@>fRIB{j#iy@7P-_JLmSZhPi*<Wp7RH3w
z{JxD~KSa$Ba50m{+mBz6P#NbLt0|}?hbYo)1ubI{85(y~PLqiGj-%8-<6GLe))M-(
pvbwQGpt~UI`sZ|l5g~y*I|6|K=GjRmq+I|2002ovPDHLkV1l&v`cMD>

literal 336
zcmV-W0k8gvP)<h;3K|Lk000e1NJLTq000XB000dL1^@s6fAy3*00001b5ch_0Itp)
z=>Px$3Q0skR47wpY?!g`G9x3SIs*py&!8+LahjWp(>u`7@B>Jiv2o`5|CkCH82<nN
z&!D9w%^)nmyX6o2?+AB&{jUTSiwp7n|MU0X>bHMCCg4>pBQC_CEF;Fi$jJEr*YAJx
za4H5l4dfI?Mz|yY;Z=<87xEPU2ZsrW0ND!(AVwrNz=MvNiIG7}h>wApnTg@s_g@Sk
zkNy7hm*M*TXDBWKI|JkqMJW-6?>~Pt2=ehThzavCF#P|=aP-0*hQI&*!8I^8%vkrI
zn}eOf-b91p=7Z-9EG*0n!u&i8XRqI9`1$J(ic{boWCFYIKf^z)@d+`Uv0>)AtBeec
is@S3&S?oW<|Jwktt#TM{hCSN=0000<MNUMnLSTZFOPeDA

diff --git a/src/assets/image/index.js b/src/assets/image/index.js
index 7ca6200..6e25bbc 100644
--- a/src/assets/image/index.js
+++ b/src/assets/image/index.js
@@ -1,6 +1,13 @@
 const Images = {
     //选择按钮
     checkboxImg: require('./checkbox.png'),
-    checkbox2Img: require('./checkbox2.png')
+    checkbox2Img: require('./checkbox2.png'),
+    zipImg: require('./filestorag/zip.png'),
+    excelImg: require('./filestorag/excel.png'),
+    mdImg: require('./filestorag/md.png'),
+    pdfImg: require('./filestorag/pdf.png'),
+    pptImg: require('./filestorag/ppt.png'),
+    rarImg: require('./filestorag/rar.png'),
+    wordImg: require('./filestorag/word.png'),
 }
 export default Images
\ No newline at end of file
diff --git a/src/views/filestorag/fileStorag.vue b/src/views/filestorag/fileStorag.vue
index f91cb5e..0d51ee6 100644
--- a/src/views/filestorag/fileStorag.vue
+++ b/src/views/filestorag/fileStorag.vue
@@ -6,7 +6,12 @@
                     <div class="filebox"
                         v-for="(t,index) in t_items"
                         :key="index">
-                        <div class="fileimg"></div>
+                        <div class="fileimg"
+                        :style="{ 
+                            backgroundImage:
+                            'url('+ t.imgUrl +')'
+                            }"
+                        ></div>
                         <div class="filename">{{t.text}}</div>
                     </div>
                 </div>
@@ -25,19 +30,23 @@ export default {
             t_items: [
                 {
                     id: 1,
-                    text: "示例文档.doc",
+                    text: "示例文档.zip",
+                    imgUrl:Images.zipImg,
                 },
                 {
                     id: 2,
-                    text: "示例文档.doc",
+                    text: "示例文档.md",
+                    imgUrl:Images.mdImg,
                 },
                 {
                     id: 3,
-                    text: "示例文档.doc",
+                    text: "示例文档.rar",
+                    imgUrl:Images.rarImg,
                 },
                 {
                     id: 4,
-                    text: "示例文档.doc",
+                    text: "示例文档.word",
+                    imgUrl:Images.wordImg,
                 },
             ],
         });
@@ -73,7 +82,6 @@ export default {
                         .fileimg{
                             width: 19.5px;
                             height: 22px;
-                            background-image: url(../../assets/image/filestorag/zip.png);
                             background-size: 100% 100%;
                             margin-right: 19px;
                         }