修改布局、修改选项存到服务器

src/components/student/answer.vue

@@ -5,15 +5,14 @@
     <!--顶部信息栏-->
      <div class="top">
 
-       <ul class="item">
-         <li><i class="iconfont icon-menufold icon20" ref="toggle" @click="slider_flag = !slider_flag"></i></li>
-         <div style="display: flex;">
+       <div class="item" style="display: flex;justify-content: space-between">
+         <div style="display: flex;justify-content: flex-start">
              <img class="jinhuiClass" src="@/assets/img/jinhui.png" alt="" />
-           <li style="  font-family:'youshe';color: white;font-size: 40px;margin-right: -15px ">{{examData.type}}-{{examData.source}}</li>
-<!--        阴影效果   text-shadow: 8px 1px 1px #888888;color: rgba(255, 255, 0, 0.8);-->
+           <p class="titleClass" >{{examData.type}}-{{examData.source}}</p>
+<!--           <p >"啊刑侦百科”-线上学习系统</p>-->
          </div>
-         <li>（{{userInfo.name}}）</li>
-         <li>
+         <div class="itemTwo" >
+             <div style="display: flex; align-items: center; margin-left: auto;">
                <router-link
                  :to="{
           path: '/scoreTable',
@@ -21,18 +20,17 @@
             cid: this.$route.query.cid,
             cname:this.$route.query.cname,
             role:this.$route.query.role
-                }}" class="router1" target="_blank" >个人统计
+          }
+        }" class="router1" target="_blank">个人统计
                </router-link>
-         </li>
-         <li>
+             </div>
+             <div style="display: flex; align-items: center; margin-left: auto;">
                <router-link
-             :to="{
-                path: '/videoList',
-               }" class="router1" target="_blank">视频
+                 :to="{ path: '/videoList' }" class="router1" target="_blank">视频学习
                </router-link>
-         </li>
-         <li><i class="iconfont icon-arrLeft icon20"></i></li>
-       </ul>
+             </div>
+           </div>
+       </div>
      </div>
      <div class="flexarea">
         <!--右边选择答题区-->
@@ -43,6 +41,7 @@
 
             <i class="iconfont icon-right auto-right"></i>
             <span style="color: black;font-weight: bold">全卷共1题  <i class="iconfont icon-time"></i><!--倒计时：<b>{{time}}</b>分钟--></span>
+            <div style="color: black;font-weight: bold">({{userInfo.name}})</div>
           </div>
           <ul style="display: flex;margin-left: 30px">
             <li v-for="item in reduceAnswer.img" style="overflow: visible;display: flex">
@@ -586,11 +585,41 @@ export default {
 </script>
 
 <style lang="less">
+  .titleClass{
+    font-family: 'youshe';
+    color: white;
+    font-size: 40px;
+    margin-right: -15px;
+    margin-left: -10px;
+    //不换行
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+  /* 在 756px 或以下的屏幕上应用这些样式 */
+  @media (max-width: 756px) {
+    .itemTwo{
+      display: flex;
+      flex-direction: column;
+      margin-top: -10px;
+      margin-bottom: -15px;
+    }
+    .titleClass{
+      width: 70vw;
+    }
+  }
+
+  /* 在 756px 以上的屏幕上应用这些样式 */
+  @media (min-width: 757px) {
+    .itemTwo{
+      display: flex;
+    }
+  }
   .jinhuiClass{
     height: 80px;
     margin-top: -15px;
     margin-bottom: -15px;
-    margin-left: -15px;
+    margin-left: -10px;
   }
   @font-face {
     font-family: "youshe";
@@ -897,7 +926,7 @@ export default {
 }
 .right .title {
   margin-right: 10px;
-  padding-right: 30px;
+  /*padding-right: 30px;*/
   display: flex;
   margin-top: 10px;
   height: 50px;
@@ -1036,7 +1065,6 @@ export default {
   padding-bottom: 20px;
   padding-top: 20px;
   font-size: 23px;
-  letter-spacing: 1px;
 }
 #answer .top .item li:nth-child(1) {
   margin-right: 10px;
@@ -1092,6 +1120,7 @@ export default {
   margin-right: 5px;
   border: 2px solid white;
   border-radius: 10px;
+  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
 }
 //背景
 .bg {

src/components/teacher/addAnswerChildren.vue

@@ -755,11 +755,12 @@
         params.append('questionId',self.row.questionid)
         params.append('questionType','1')
         params.append('paperId',self.row.paperid)
+        console.log(self.photoList)
         self.photoList.forEach(file => {
           if (file.raw){
             params.append('files', file.raw);
           }else {
-            params.append('files', base64.dataURLtoFile(file.url));
+            params.append('UrlFiles',file.url);
           }
         });
         this.$axios({