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 1/2] =?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 2/2] =?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;
                         }