修改bug

src/components/pages/race/addRace.vue

@@ -621,7 +621,7 @@ export default {
   width: 90%;
   justify-content: center;
   margin: 0 auto;
-  height: calc(100% - 175px);
+  height: calc(100% - 150px);
 }
 
 .race_btn {

src/components/pages/race/addRace/projectActpro.vue

@@ -97,8 +97,14 @@
                                 :placeholder="item.name"
                               />
                               <div class="chapter_upload_ud">
-                                <div class="chapter_upload_up"></div>
-                                <div class="chapter_upload_down"></div>
+                                <div
+                                  class="chapter_upload_up"
+                                  @click="upCd($event, saIndex, index)"
+                                ></div>
+                                <div
+                                  class="chapter_upload_down"
+                                  @click="downCd($event, saIndex, index)"
+                                ></div>
                               </div>
                             </div>
                           </div>
@@ -206,7 +212,7 @@ export default {
     addImg(e) {
       var el = e.currentTarget;
       el.getElementsByTagName("input")[0].click();
-      e.target.value = ''
+      e.target.value = "";
     },
     jump(t) {
       var a = document.getElementById(t);
@@ -358,7 +364,7 @@ export default {
           });
       }
     },
-    fullTools(b, t, text,i) {
+    fullTools(b, t, text, i) {
       this.fullBrief = b;
       this.isBrief = t;
       this.plaText = text;
@@ -382,6 +388,28 @@ export default {
       this.full = !this.full;
       this.upRaceAct();
     },
+    upCd(e, i, j) {
+      e.stopPropagation();
+      if (j == 0) {
+        return;
+      }
+      var a = this.raceProcess.stageBox[i].data[j - 1];
+      this.raceProcess.stageBox[i].data[j - 1] =
+        this.raceProcess.stageBox[i].data[j];
+      this.raceProcess.stageBox[i].data[j] = a;
+      this.$forceUpdate();
+    },
+    downCd(e, i, j) {
+      e.stopPropagation();
+      if (j == this.raceProcess.stageBox[i].data.length - 1) {
+        return;
+      }
+      var a = this.raceProcess.stageBox[i].data[j + 1];
+      this.raceProcess.stageBox[i].data[j + 1] =
+        this.raceProcess.stageBox[i].data[j];
+      this.raceProcess.stageBox[i].data[j] = a;
+      this.$forceUpdate();
+    },
   },
   created() {
     this.raceAct = this.raceProcess;
@@ -437,7 +465,7 @@ export default {
 .stepBg {
   padding: 80px 0 0 0;
   margin: 0 25px 0 0;
-  width: 20%;
+  width: 15%;
   display: flex;
   justify-content: flex-start;
   align-items: center;
@@ -489,7 +517,7 @@ export default {
 }
 
 .right {
-  width: calc(100% - 20%);
+  width: 100%;
   background: rgb(255, 255, 255);
   border-radius: 10px;
   overflow: auto;
@@ -502,7 +530,7 @@ export default {
   position: relative;
   margin: 0;
   min-height: 0;
-  width: 90%;
+  width: 94.5%;
 }
 .add_info_box {
   margin: 20px 0;

src/components/pages/race/addRace/projectEffect.vue

@@ -83,8 +83,14 @@
                                 :placeholder="item.name"
                               />
                               <div class="chapter_upload_ud">
-                                <div class="chapter_upload_up"></div>
-                                <div class="chapter_upload_down"></div>
+                                <div
+                                  class="chapter_upload_up"
+                                  @click="upCd($event, index)"
+                                ></div>
+                                <div
+                                  class="chapter_upload_down"
+                                  @click="downCd($event, index)"
+                                ></div>
                               </div>
                             </div>
                           </div>
@@ -337,6 +343,26 @@ export default {
       this.full = !this.full;
       this.upproEff();
     },
+    upCd(e, i) {
+      e.stopPropagation();
+      if (i == 0) {
+        return;
+      }
+      var a = this.raceEffect.data[i - 1];
+      this.raceEffect.data[i - 1] = this.raceEffect.data[i];
+      this.raceEffect.data[i] = a;
+      this.$forceUpdate();
+    },
+    downCd(e, i) {
+      e.stopPropagation();
+      if (i == this.raceEffect.data.length - 1) {
+        return;
+      }
+      var a = this.raceEffect.data[i + 1];
+      this.raceEffect.data[i + 1] = this.raceEffect.data[i];
+      this.raceEffect.data[i] = a;
+      this.$forceUpdate();
+    },
   },
   created() {
     this.raceEff = this.raceEffect;
@@ -389,7 +415,7 @@ export default {
 .stepBg {
   padding: 80px 0 0 0;
   margin: 0 25px 0 0;
-  width: 20%;
+  width: 15%;
   display: flex;
   justify-content: flex-start;
   align-items: center;
@@ -446,7 +472,7 @@ export default {
   color: #999;
 }
 .right {
-  width: calc(100% - 20%);
+  width: 100%;
   background: rgb(255, 255, 255);
   border-radius: 10px;
   overflow: auto;
@@ -524,7 +550,7 @@ export default {
   position: relative;
   margin: 0;
   min-height: 0;
-  width: 90%;
+  width: 94.5%;
 }
 .add_info_box {
   margin: 20px 0;

src/components/pages/race/addRace/projectExceva.vue

@@ -83,8 +83,14 @@
                                 :placeholder="item.name"
                               />
                               <div class="chapter_upload_ud">
-                                <div class="chapter_upload_up"></div>
-                                <div class="chapter_upload_down"></div>
+                                <div
+                                  class="chapter_upload_up"
+                                  @click="upCd($event, index)"
+                                ></div>
+                                <div
+                                  class="chapter_upload_down"
+                                  @click="downCd($event, index)"
+                                ></div>
                               </div>
                             </div>
                           </div>
@@ -178,7 +184,7 @@ export default {
     addImg(e) {
       var el = e.currentTarget;
       el.getElementsByTagName("input")[0].click();
-      e.target.value = ''
+      e.target.value = "";
     },
     imgChange(file, fileList, type) {
       var _tmp = this.raceExc.data;
@@ -337,6 +343,26 @@ export default {
       this.full = !this.full;
       this.upExc();
     },
+    upCd(e, i) {
+      e.stopPropagation();
+      if (i == 0) {
+        return;
+      }
+      var a = this.raceExceva.data[i - 1];
+      this.raceExceva.data[i - 1] = this.raceExceva.data[i];
+      this.raceExceva.data[i] = a;
+      this.$forceUpdate();
+    },
+    downCd(e, i) {
+      e.stopPropagation();
+      if (i == this.raceExceva.data.length - 1) {
+        return;
+      }
+      var a = this.raceExceva.data[i + 1];
+      this.raceExceva.data[i + 1] = this.raceExceva.data[i];
+      this.raceExceva.data[i] = a;
+      this.$forceUpdate();
+    },
   },
   created() {
     this.raceExc = this.raceExceva;
@@ -389,7 +415,7 @@ export default {
 .stepBg {
   padding: 80px 0 0 0;
   margin: 0 25px 0 0;
-  width: 20%;
+  width: 15%;
   display: flex;
   justify-content: flex-start;
   align-items: center;
@@ -446,7 +472,7 @@ export default {
   color: #999;
 }
 .right {
-  width: calc(100% - 20%);
+  width: 100%;
   background: rgb(255, 255, 255);
   border-radius: 10px;
   overflow: auto;
@@ -524,7 +550,7 @@ export default {
   position: relative;
   margin: 0;
   min-height: 0;
-  width: 90%;
+  width: 94.5%;
 }
 .add_info_box {
   margin: 20px 0;

src/components/pages/race/addRace/projectProcess.vue

@@ -37,6 +37,7 @@
                   v-model="sa.staTitle"
                   @input="upRacePro"
                   placeholder="阶段标题"
+                  style="width: 50%"
                 ></el-input>
               </div>
               <div class="jdTopFirst">
@@ -47,7 +48,9 @@
                   disabled
                   placeholder="输入阶段总课时"
                   @change="isNumber($event, saIndex, '', 0)"
+                  style="width: 30%"
                 ></el-input>
+                <div class="plaTime">填写各任务课时后此处将自动计算总课时</div>
               </div>
               <div
                 class="remove"
@@ -1151,6 +1154,13 @@ export default {
   .fullEditor >>> .el-dialog__footer {
     padding: 4% 20px 20px !important;
   }
+  .plaTime {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    max-width: 50px;
+    min-width: 90px !important;
+  }
 }
 .dialog_diy >>> .el-dialog__header {
   background: #3c3c3c !important;
@@ -1182,7 +1192,7 @@ export default {
 .stepBg {
   padding: 80px 0 0 0;
   margin: 0 25px 0 0;
-  width: 20%;
+  width: 15%;
   display: flex;
   justify-content: flex-start;
   align-items: center;
@@ -1223,7 +1233,7 @@ export default {
   color: #999;
 }
 .right {
-  width: calc(100% - 20%);
+  width: 100%;
   background: rgb(255, 255, 255);
   border-radius: 10px;
   overflow: auto;
@@ -1610,9 +1620,10 @@ export default {
   flex-direction: row;
   flex-wrap: nowrap;
   align-items: center;
+  width: 100%;
 }
 .jdTop > .jdTopFirst:nth-child(2) {
-  padding-left: 20%;
+  padding-left: 10%;
 }
 .jdTop > .jdTopFirst:nth-child(2) > div:nth-child(1) {
   min-width: 60px;
@@ -1696,4 +1707,9 @@ export default {
 .fullEditor >>> .el-dialog__footer {
   padding: 2% 20px 20px !important;
 }
+.plaTime {
+  min-width: 160px;
+  margin-left: 10px;
+  color: #ccc;
+}
 </style>

src/components/pages/race/addRace/raceDetail.vue

@@ -103,7 +103,7 @@
                   <div>
                     <div>
                       <div class="bInfo_title" style="margin-bottom: 15px">
-                        案例名称
+                        <span style="color: red">*</span> 案例名称
                       </div>
                       <div style="display: flex; margin-right: 20px">
                         <img
@@ -127,7 +127,22 @@
                           v-for="(item, index) in CourseType[0]"
                           :key="index"
                         >
-                          <span>{{ item.name }}</span>
+                          <div
+                            v-if="item.name == '案例组别'"
+                            style="position: relative; width: 120px"
+                          >
+                            <span
+                              style="
+                                color: red;
+                                position: absolute;
+                                top: 0;
+                                left: -10px;
+                              "
+                              v-if="item.name == '案例组别'"
+                              >*</span
+                            ><span>{{ item.name }}</span>
+                          </div>
+                          <span v-else>{{ item.name }}</span>
                           <el-checkbox-group
                             :class="item.name == '案例组别' ? 'radiusCss' : ''"
                             v-model="raceDetail.type"
@@ -307,7 +322,7 @@
           <div class="whiteBg" style="border-radius: 0">
             <div class="right_first">
               <div class="right_title" id="sixth">
-                <span style="color: red">*</span>协作者
+                协作者
               </div>
               <div
                 class="addPeople"
@@ -493,8 +508,8 @@
                                 :placeholder="item.name"
                               />
                               <div class="chapter_upload_ud">
-                                <div class="chapter_upload_up"></div>
-                                <div class="chapter_upload_down"></div>
+                                <div class="chapter_upload_up" @click="upCd($event, index)"></div>
+                                <div class="chapter_upload_down" @click="downCd($event, index)"></div>
                               </div>
                             </div>
                           </div>
@@ -1286,6 +1301,28 @@ export default {
       }
       this.dialogVisibleMember = true;
     },
+    upCd(e, i) {
+      e.stopPropagation();
+      if (i == 0) {
+        return;
+      }
+      var a = this.raceDetail.data[i - 1];
+      this.raceDetail.data[i - 1] =
+        this.raceDetail.data[i];
+      this.raceDetail.data[i] = a;
+      this.$forceUpdate();
+    },
+    downCd(e, i) {
+      e.stopPropagation();
+      if (i == this.raceDetail.data.length - 1) {
+        return;
+      }
+      var a = this.raceDetail.data[i + 1];
+      this.raceDetail.data[i + 1] =
+        this.raceDetail.data[i];
+      this.raceDetail.data[i] = a;
+      this.$forceUpdate();
+    },
   },
   created() {
     this.getValue();
@@ -1355,7 +1392,7 @@ export default {
 .stepBg {
   padding: 80px 0 0 0;
   margin: 0 25px 0 0;
-  width: 20%;
+  width: 15%;
   display: flex;
   justify-content: flex-start;
   align-items: center;
@@ -1431,7 +1468,7 @@ export default {
 }
 
 .right {
-  width: calc(100% - 20%);
+  width: 100%;
   background: rgb(255, 255, 255);
   border-radius: 10px;
   overflow: auto;

src/components/pages/race/addRace/raceOverview.vue

@@ -170,8 +170,14 @@
                               :placeholder="item.name"
                             />
                             <div class="chapter_upload_ud">
-                              <div class="chapter_upload_up"></div>
-                              <div class="chapter_upload_down"></div>
+                              <div
+                                class="chapter_upload_up"
+                                @click="upCd($event, index, 0)"
+                              ></div>
+                              <div
+                                class="chapter_upload_down"
+                                @click="downCd($event, index, 0)"
+                              ></div>
                             </div>
                           </div>
                         </div>
@@ -313,8 +319,14 @@
                               :placeholder="item1.name"
                             />
                             <div class="chapter_upload_ud">
-                              <div class="chapter_upload_up"></div>
-                              <div class="chapter_upload_down"></div>
+                              <div
+                                class="chapter_upload_up"
+                                @click="upCd($event, index1, 1)"
+                              ></div>
+                              <div
+                                class="chapter_upload_down"
+                                @click="downCd($event, index1, 1)"
+                              ></div>
                             </div>
                           </div>
                         </div>
@@ -455,8 +467,14 @@
                               :placeholder="item2.name"
                             />
                             <div class="chapter_upload_ud">
-                              <div class="chapter_upload_up"></div>
-                              <div class="chapter_upload_down"></div>
+                              <div
+                                class="chapter_upload_up"
+                                @click="upCd($event, index2, 2)"
+                              ></div>
+                              <div
+                                class="chapter_upload_down"
+                                @click="downCd($event, index2, 2)"
+                              ></div>
                             </div>
                           </div>
                         </div>
@@ -621,7 +639,7 @@ export default {
     addImg(e) {
       var el = e.currentTarget;
       el.getElementsByTagName("input")[0].click();
-      e.target.value = ''
+      e.target.value = "";
     },
     imgChange(file, fileList, type, jT) {
       if (jT == 0) {
@@ -1003,6 +1021,42 @@ export default {
       this.full = !this.full;
       this.upRaceOver();
     },
+    upCd(e, i, t) {
+      e.stopPropagation();
+      if (i == 0) {
+        return;
+      }
+      var c;
+      if (t == 0) {
+        c = this.raceOverView.driQuestion.data;
+      } else if (t == 1) {
+        c = this.raceOverView.tarDesign.data;
+      } else {
+        c = this.raceOverView.actiDesign.data;
+      }
+      var a = c[i - 1];
+      c[i - 1] = c[i];
+      c[i] = a;
+      this.$forceUpdate();
+    },
+    downCd(e, i, t) {
+      e.stopPropagation();
+      var c;
+      if (t == 0) {
+        c = this.raceOverView.driQuestion.data;
+      } else if (t == 1) {
+        c = this.raceOverView.tarDesign.data;
+      } else {
+        c = this.raceOverView.actiDesign.data;
+      }
+      if (i == c.length - 1) {
+        return;
+      }
+      var a = c[i + 1];
+      c[i + 1] = c[i];
+      c[i] = a;
+      this.$forceUpdate();
+    },
   },
   created() {
     this.raceOver.driQuestion = this.raceOverView.driQuestion;
@@ -1054,7 +1108,7 @@ export default {
 .stepBg {
   padding: 80px 0 0 0;
   margin: 0 25px 0 0;
-  width: 20%;
+  width: 15%;
   display: flex;
   justify-content: flex-start;
   align-items: center;
@@ -1125,7 +1179,7 @@ export default {
 }
 
 .right {
-  width: calc(100% - 20%);
+  width: 100%;
   background: rgb(255, 255, 255);
   border-radius: 10px;
   overflow: auto;

src/components/pages/race/eventCenter/anliDetail.vue

@@ -27,7 +27,7 @@
             <div>
               <div>单位：{{ anliBox[0] ? anliBox[0].schoolName : "" }}</div>
               <div>
-                分类：{{
+                案例组别：{{
                   anliBox[0] && anliBox[0].typename
                     ? anliBox[0].typename
                     : "暂无分类"
@@ -71,7 +71,7 @@
       </div>
       <div class="navBox" :class="{ isNavBox: isNavTop >= 300 }">
         <div class="navTop" @click="jump('first')">
-          <div class="navImg" style="width: 27px">
+          <div class="navImg">
             <img src="../../../../assets/icon/anliDetail/proOver.png" alt="" />
           </div>
           <div>项目基础信息</div>
@@ -139,43 +139,51 @@
         <div class="leftNav" :class="{ isleftNav: isNavTop >= 300 }">
           <div class="topNav">导航栏</div>
           <div class="navLeftBox">
-            <div class="navBTitle">项目概况</div>
+            <div class="navBTitle" @click="jump('first')">一、项目基础信息</div>
+            <div class="navBTitle" @click="jump('first')">1、基础信息</div>
+            <div class="navLTitle" @click="jump('first')">
+              <div>1.1</div>
+              <div>项目简介</div>
+            </div>
+            <div class="navBTitle" @click="jump('second')">
+              二、平台案例填写
+            </div>
+            <div class="navBTitle" @click="jump('second')">1、项目概况</div>
             <div class="navLTitle" @click="jump('second')">
-              <div>1</div>
+              <div>1.1</div>
               <div>驱动问题</div>
             </div>
             <div class="navLTitle" @click="jump('xx')">
-              <div>2</div>
+              <div>1.2</div>
               <div>学习目标</div>
             </div>
             <div class="navLTitle" @click="jump('pj')">
-              <div>3</div>
+              <div>1.3</div>
               <div>评价设计</div>
             </div>
-            <div class="navBTitle">项目安排</div>
+            <div class="navBTitle" @click="jumpS(0)">2、项目安排</div>
             <div
               class="navLTitle"
               v-for="(s, si) in anliBox[0].process.stageBox"
               :key="si"
               @click="jumpS(si)"
             >
-              <div>{{ si + 1 }}</div>
+              <div>1.{{ si + 1 }}</div>
               <div>{{ s.staTitle }}</div>
             </div>
-            <div class="navBTitle isHover" @click="jump('fouth')">
-              项目活动过程
+            <div class="navBTitle" @click="jump('fouth')">3、项目活动过程</div>
+            <div class="navBTitle" @click="jump('fivth')">
+              4、项目成果交流与评价
             </div>
-            <div class="navBTitle isHover" @click="jump('fivth')">
-              项目成果交流与评价
-            </div>
-            <div class="navBTitle isHover" @click="jump('sixth')">
-              项目成效与反思
+            <div class="navBTitle" @click="jump('sixth')">
+              5、项目成效与反思
             </div>
           </div>
         </div>
         <div
           class="jdTopBox"
           id="first"
+          style="padding: 20px 0 10px 0px"
           v-if="
             anliBox[0].info.courseText != '' ||
             anliBox[0].info.imgBox.length > 0 ||
@@ -186,17 +194,7 @@
           "
         >
           <div class="jdTopNav" style="font-size: 18px">
-            <div class="jdLeftNav">
-              <div class="jdImg">
-                <img
-                  src="../../../../assets/icon/anliDetail/jdTitle.png"
-                  alt=""
-                />
-              </div>
-              <div class="jdLeftTitle">
-                <div>项目基础信息</div>
-              </div>
-            </div>
+            <div class="navBg">基础信息</div>
           </div>
         </div>
         <div
@@ -212,7 +210,18 @@
         >
           <div class="whiteBg whiteLeft" style="min-height: 200px">
             <div class="navBgTop">
-              <div class="navBg">项目简介</div>
+              <div class="jdLeftNav">
+                <div class="jdImg">
+                  <img
+                    src="../../../../assets/icon/anliDetail/jdTitle.png"
+                    alt=""
+                  />
+                </div>
+                <div class="jdLeftTitle">
+                  <div>项目简介</div>
+                </div>
+              </div>
+
               <el-button
                 v-if="anliBox[0].info.courseText != ''"
                 @click="selectNav(anliBox[0].info.courseText)"
@@ -301,7 +310,7 @@
                           :playsinline="true"
                           :options="pptImgUrl2.infoData.playerO"
                           @play="onPlayerPlay($event)"
-                          style="width: 70%; height: 400px; margin: 0 auto"
+                          style="width: 100%; height: 400px; margin: 0 auto"
                         ></video-player>
                       </div>
                       <div
@@ -338,9 +347,15 @@
                               }}
                             </div>
                             <div>
-                              <div @click="lookFile2(f.url, f.type, 0)">
-                                {{ f.name }}
-                              </div>
+                              <el-tooltip
+                                effect="light"
+                                :content="f.name"
+                                placement="top"
+                              >
+                                <div @click="lookFile2(f.url, f.type, 0)">
+                                  {{ f.name }}
+                                </div>
+                              </el-tooltip>
                               <!-- <div class="downFile" @click="downloadFile(f.url)">
                         <img
                           src="../../../../assets/icon/anliDetail/down.png"
@@ -371,6 +386,7 @@
           <div
             class="jdTopBox"
             id="second"
+            style="padding: 20px 0 10px 0px"
             v-if="
               (anliBox[0].overview.driQuestion.brief != '' ||
                 anliBox[0].overview.driQuestion.imgBox.length > 0 ||
@@ -384,17 +400,7 @@
             "
           >
             <div class="jdTopNav" style="font-size: 18px">
-              <div class="jdLeftNav">
-                <div class="jdImg">
-                  <img
-                    src="../../../../assets/icon/anliDetail/jdTitle.png"
-                    alt=""
-                  />
-                </div>
-                <div class="jdLeftTitle">
-                  <div>项目概况</div>
-                </div>
-              </div>
+              <div class="navBg">项目概况</div>
             </div>
           </div>
           <div
@@ -407,7 +413,17 @@
           >
             <div class="whiteBg whiteLeft">
               <div class="navBgTop">
-                <div class="navBg">驱动问题</div>
+                <div class="jdLeftNav">
+                  <div class="jdImg">
+                    <img
+                      src="../../../../assets/icon/anliDetail/jdTitle.png"
+                      alt=""
+                    />
+                  </div>
+                  <div class="jdLeftTitle">
+                    <div>驱动问题</div>
+                  </div>
+                </div>
                 <el-button
                   v-if="anliBox[0].overview.driQuestion.brief != ''"
                   @click="selectNav(anliBox[0].overview.driQuestion.brief)"
@@ -502,7 +518,7 @@
                             :playsinline="true"
                             :options="pptImgUrl2.overData.driData.playerO"
                             @play="onPlayerPlay($event)"
-                            style="width: 70%; height: 400px; margin: 0 auto"
+                            style="width: 100%; height: 400px; margin: 0 auto"
                           ></video-player>
                         </div>
                         <div
@@ -535,9 +551,15 @@
                                 }}
                               </div>
                               <div>
-                                <div @click="lookFile2(f.url, f.type, 1)">
-                                  {{ f.name }}
-                                </div>
+                                <el-tooltip
+                                  effect="light"
+                                  :content="f.name"
+                                  placement="top"
+                                >
+                                  <div @click="lookFile2(f.url, f.type, 1)">
+                                    {{ f.name }}
+                                  </div>
+                                </el-tooltip>
                                 <!-- <div class="downFile" @click="downloadFile(f.url)">
                           <img
                             src="../../../../assets/icon/anliDetail/down.png"
@@ -578,7 +600,17 @@
           >
             <div class="whiteBg whiteLeft">
               <div class="navBgTop">
-                <div class="navBg">学习目标</div>
+                <div class="jdLeftNav">
+                  <div class="jdImg">
+                    <img
+                      src="../../../../assets/icon/anliDetail/jdTitle.png"
+                      alt=""
+                    />
+                  </div>
+                  <div class="jdLeftTitle">
+                    <div>学习目标</div>
+                  </div>
+                </div>
                 <el-button
                   v-if="anliBox[0].overview.tarDesign.brief != ''"
                   @click="selectNav(anliBox[0].overview.tarDesign.brief)"
@@ -674,7 +706,7 @@
                             :playsinline="true"
                             :options="pptImgUrl2.overData.tarData.playerO"
                             @play="onPlayerPlay($event)"
-                            style="width: 70%; height: 400px; margin: 0 auto"
+                            style="width: 100%; height: 400px; margin: 0 auto"
                           ></video-player>
                         </div>
                         <div
@@ -707,9 +739,15 @@
                                 }}
                               </div>
                               <div>
-                                <div @click="lookFile2(f.url, f.type, 2)">
-                                  {{ f.name }}
-                                </div>
+                                <el-tooltip
+                                  effect="light"
+                                  :content="f.name"
+                                  placement="top"
+                                >
+                                  <div @click="lookFile2(f.url, f.type, 2)">
+                                    {{ f.name }}
+                                  </div>
+                                </el-tooltip>
                                 <!-- <div class="downFile" @click="downloadFile(f.url)">
                           <img
                             src="../../../../assets/icon/anliDetail/down.png"
@@ -750,7 +788,17 @@
           >
             <div class="whiteBg whiteLeft">
               <div class="navBgTop">
-                <div class="navBg">评价设计</div>
+                <div class="jdLeftNav">
+                  <div class="jdImg">
+                    <img
+                      src="../../../../assets/icon/anliDetail/jdTitle.png"
+                      alt=""
+                    />
+                  </div>
+                  <div class="jdLeftTitle">
+                    <div>评价设计</div>
+                  </div>
+                </div>
                 <el-button
                   v-if="anliBox[0].overview.actiDesign.brief != ''"
                   @click="selectNav(anliBox[0].overview.actiDesign.brief)"
@@ -845,7 +893,7 @@
                             :playsinline="true"
                             :options="pptImgUrl2.overData.actData.playerO"
                             @play="onPlayerPlay($event)"
-                            style="width: 70%; height: 400px; margin: 0 auto"
+                            style="width: 100%; height: 400px; margin: 0 auto"
                           ></video-player>
                         </div>
                         <div
@@ -878,9 +926,15 @@
                                 }}
                               </div>
                               <div>
-                                <div @click="lookFile2(f.url, f.type, 3)">
-                                  {{ f.name }}
-                                </div>
+                                <el-tooltip
+                                  effect="light"
+                                  :content="f.name"
+                                  placement="top"
+                                >
+                                  <div @click="lookFile2(f.url, f.type, 3)">
+                                    {{ f.name }}
+                                  </div>
+                                </el-tooltip>
                               </div>
                             </div>
                           </div>
@@ -909,19 +963,10 @@
             class="jdTopBox"
             v-if="anliBox[0].process.stageBox[0].staTitle != ''"
             id="third"
+            style="padding: 20px 0 10px 0px"
           >
             <div class="jdTopNav" style="font-size: 18px">
-              <div class="jdLeftNav">
-                <div class="jdImg">
-                  <img
-                    src="../../../../assets/icon/anliDetail/jdTitle.png"
-                    alt=""
-                  />
-                </div>
-                <div class="jdLeftTitle">
-                  <div>项目安排</div>
-                </div>
-              </div>
+              <div class="jdNavBg">项目安排</div>
             </div>
           </div>
           <div
@@ -949,20 +994,22 @@
                 <div class="jdRightNav" v-if="jd.allTime">
                   {{ jd.allTime }}课时
                 </div>
-                <div class="funBlock" style="padding: 0; bottom: 2px">
+                <div class="funBlock" style="padding: 0">
                   <div
                     class="fold"
                     @click="fold1(jdIndex, $event, 1)"
                     v-if="jd.isFold == 0"
                   >
-                    <div>折叠</div>
+                    <!-- <div>折叠</div> -->
+                    <el-button>折叠</el-button>
                   </div>
                   <div
                     class="fold"
                     @click="fold1(jdIndex, $event, 0)"
                     v-if="jd.isFold == 1"
                   >
-                    <div>展开</div>
+                    <!-- <div>展开</div> -->
+                    <el-button>展开</el-button>
                   </div>
                 </div>
               </div>
@@ -1021,7 +1068,17 @@
               >
                 <div class="whiteBg whiteLeft">
                   <div class="navBgTop">
-                    <div class="jdNavBg">活动目标</div>
+                    <div class="jdLeftNav">
+                      <div class="jdImg">
+                        <img
+                          src="../../../../assets/icon/anliDetail/jdTitle.png"
+                          alt=""
+                        />
+                      </div>
+                      <div class="jdLeftTitle">
+                        <div>活动目标</div>
+                      </div>
+                    </div>
                     <el-button
                       v-if="hd.driQuestion.brief != ''"
                       @click="selectNav(hd.driQuestion.brief)"
@@ -1082,7 +1139,17 @@
               >
                 <div class="whiteBg whiteLeft">
                   <div class="navBgTop">
-                    <div class="jdNavBg">活动内容</div>
+                    <div class="jdLeftNav">
+                      <div class="jdImg">
+                        <img
+                          src="../../../../assets/icon/anliDetail/jdTitle.png"
+                          alt=""
+                        />
+                      </div>
+                      <div class="jdLeftTitle">
+                        <div>活动内容</div>
+                      </div>
+                    </div>
                     <el-button
                       v-if="hd.tarDesign.brief != ''"
                       @click="selectNav(hd.tarDesign.brief)"
@@ -1142,7 +1209,17 @@
               >
                 <div class="whiteBg whiteLeft">
                   <div class="navBgTop">
-                    <div class="jdNavBg">预期成果</div>
+                    <div class="jdLeftNav">
+                      <div class="jdImg">
+                        <img
+                          src="../../../../assets/icon/anliDetail/jdTitle.png"
+                          alt=""
+                        />
+                      </div>
+                      <div class="jdLeftTitle">
+                        <div>预期成果</div>
+                      </div>
+                    </div>
                     <el-button
                       v-if="hd.actiDesign.brief != ''"
                       @click="selectNav(hd.actiDesign.brief)"
@@ -1203,7 +1280,17 @@
               >
                 <div class="whiteBg whiteLeft">
                   <div class="navBgTop">
-                    <div class="jdNavBg">活动评价</div>
+                    <div class="jdLeftNav">
+                      <div class="jdImg">
+                        <img
+                          src="../../../../assets/icon/anliDetail/jdTitle.png"
+                          alt=""
+                        />
+                      </div>
+                      <div class="jdLeftTitle">
+                        <div>活动评价</div>
+                      </div>
+                    </div>
                     <el-button
                       v-if="hd.evaDesign.brief != ''"
                       @click="selectNav(hd.evaDesign.brief)"
@@ -1354,7 +1441,7 @@
                               :playsinline="true"
                               :options="pptImgUrl2.proData[jdIndex].playerO"
                               @play="onPlayerPlay($event)"
-                              style="width: 70%; height: 400px; margin: 0 auto"
+                              style="width: 100%; height: 400px; margin: 0 auto"
                             ></video-player>
                           </div>
                           <div
@@ -1388,13 +1475,19 @@
                                   }}
                                 </div>
                                 <div>
-                                  <div
-                                    @click="
-                                      lookFile2(f.url, f.type, 4, jdIndex)
-                                    "
+                                  <el-tooltip
+                                    effect="light"
+                                    :content="f.name"
+                                    placement="top"
                                   >
-                                    {{ f.name }}
-                                  </div>
+                                    <div
+                                      @click="
+                                        lookFile2(f.url, f.type, 4, jdIndex)
+                                      "
+                                    >
+                                      {{ f.name }}
+                                    </div>
+                                  </el-tooltip>
                                   <!-- <div class="downFile" @click="downloadFile(f.url)">
                             <img
                               src="../../../../assets/icon/anliDetail/down.png"
@@ -1459,7 +1552,7 @@
           >
             <div class="whiteBg whiteLeft">
               <div class="navBgTop">
-                <div class="navBg">活动成效</div>
+                <div class="navBg">活动成果</div>
                 <el-button
                   v-if="anliBox[0].proexc.brief != ''"
                   @click="selectNav(anliBox[0].proexc.brief)"
@@ -1547,7 +1640,7 @@
                             :playsinline="true"
                             :options="pptImgUrl2.excData.playerO"
                             @play="onPlayerPlay($event)"
-                            style="width: 70%; height: 400px; margin: 0 auto"
+                            style="width: 100%; height: 400px; margin: 0 auto"
                           ></video-player>
                         </div>
                         <div
@@ -1579,9 +1672,15 @@
                                 }}
                               </div>
                               <div>
-                                <div @click="lookFile2(f.url, f.type, 5)">
-                                  {{ f.name }}
-                                </div>
+                                <el-tooltip
+                                  effect="light"
+                                  :content="f.name"
+                                  placement="top"
+                                >
+                                  <div @click="lookFile2(f.url, f.type, 5)">
+                                    {{ f.name }}
+                                  </div>
+                                </el-tooltip>
                                 <!-- <div class="downFile" @click="downloadFile(f.url)">
                           <img
                             src="../../../../assets/icon/anliDetail/down.png"
@@ -1733,7 +1832,7 @@
                             :playsinline="true"
                             :options="pptImgUrl2.effData.playerO"
                             @play="onPlayerPlay($event)"
-                            style="width: 70%; height: 400px; margin: 0 auto"
+                            style="width: 100%; height: 400px; margin: 0 auto"
                           ></video-player>
                         </div>
                         <div
@@ -1765,9 +1864,15 @@
                                 }}
                               </div>
                               <div>
-                                <div @click="lookFile2(f.url, f.type, 6)">
-                                  {{ f.name }}
-                                </div>
+                                <el-tooltip
+                                  effect="light"
+                                  :content="f.name"
+                                  placement="top"
+                                >
+                                  <div @click="lookFile2(f.url, f.type, 6)">
+                                    {{ f.name }}
+                                  </div>
+                                </el-tooltip>
                                 <!-- <div class="downFile" @click="downloadFile(f.url)">
                           <img
                             src="../../../../assets/icon/anliDetail/down.png"
@@ -2926,11 +3031,9 @@ export default {
 <style scoped>
 @media screen and (max-width: 1280px) {
   .file > div > div:nth-child(2) > div:nth-child(1) {
-    width: 160px !important;
-  }
-  .isleftNav {
-    top: 35% !important;
+    width: 80px !important;
   }
+
   .leftImg {
     height: 230px !important;
   }
@@ -2959,10 +3062,12 @@ export default {
     width: 55% !important;
   }
   .leftNav {
-    left: 5% !important;
-    top: 60% !important;
+    top: 70% !important;
     transform: translateY(-25%) !important;
   }
+  .isleftNav {
+    top: 55% !important;
+  }
   /* .navLeftBox {
     height: 400px !important;
     overflow: auto !important;
@@ -3118,15 +3223,17 @@ body {
   margin: 0 30px;
   cursor: pointer;
 }
-/* .navTop > div:nth-child(2) {
-  width: 100px;
-} */
+.navTop > div:nth-child(2) {
+  font-size: 18px;
+}
 .navImg {
-  width: 35px;
+  width: 30px;
+  height: 30px;
 }
 .navImg > img {
   width: 100%;
   height: 100%;
+  object-fit: cover;
 }
 .messageBox {
   width: 60%;
@@ -3154,7 +3261,7 @@ body {
   color: #fff;
   text-align: center;
   line-height: 47px;
-  margin: 0 0 5px 20px;
+  margin: 0 0 5px 10px;
   text-indent: 20px;
 }
 .jdNavBg {
@@ -3182,7 +3289,7 @@ body {
   flex-direction: row;
   flex-wrap: nowrap;
   align-items: center;
-  margin: 20px auto;
+  margin: 0 auto 10px;
   border: 1px solid #ccc;
   border-radius: 15px;
 }
@@ -3202,11 +3309,11 @@ body {
   margin-left: 10px;
   width: 95%;
   /* background: #f6f9fe; */
-  padding: 10px 10px 10px 10px;
+  padding: 0 10px 10px 10px;
   border-radius: 10px;
-  text-indent: 20px;
   height: auto;
   max-height: 500px;
+  line-height: 26px;
 }
 .noImg {
   max-height: 300px;
@@ -3261,7 +3368,8 @@ body {
   margin: 0 auto;
   border-radius: 10px;
   height: 400px;
-  overflow: auto;
+  overflow-y: auto;
+  overflow-x: hidden;
 }
 .file {
   padding: 10px;
@@ -3297,7 +3405,7 @@ body {
   position: relative;
 }
 .file > div > div:nth-child(2) > div:nth-child(1) {
-  max-width: 190px;
+  max-width: 250px;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -3394,7 +3502,8 @@ body {
   flex-wrap: nowrap;
   align-items: baseline;
   justify-content: space-between;
-  width: 99%;
+  width: 97%;
+  margin-left: 15px;
 }
 .header-title {
   display: flex;
@@ -3496,7 +3605,6 @@ body {
   flex-wrap: nowrap;
   align-items: flex-start;
   width: 100%;
-  margin: 10px auto 0;
 }
 .jdTopBox {
   background: #fff;
@@ -3646,7 +3754,6 @@ ol {
   align-items: center;
   position: absolute;
   right: 0;
-  bottom: 5px;
 }
 
 .fold {
@@ -3687,8 +3794,8 @@ ol {
 }
 .leftNav {
   position: fixed;
-  left: 2%;
-  top: 80%;
+  left: 4%;
+  top: 75%;
   transform: translateY(-60%);
   z-index: 999;
   max-width: 225px;
@@ -3714,6 +3821,8 @@ ol {
   border-bottom-left-radius: 5px;
   border-bottom-right-radius: 5px;
   box-sizing: border-box;
+  height: 460px;
+  overflow: auto;
 }
 .navBTitle {
   background: #fff;
@@ -3728,6 +3837,10 @@ ol {
   max-width: 205px;
   padding-right: 5px;
 }
+.navBTitle:hover,
+.navLTitle:hover {
+  color: #5e5e5e;
+}
 .navLTitle {
   display: flex;
   flex-direction: row;
@@ -3762,9 +3875,6 @@ ol {
 .navLTitle > div:nth-child(2):hover {
   color: #5e5e5e;
 }
-.isHover {
-  color: #5e5e5e;
-}
 .isleftNav {
   top: 65%;
 }

src/components/pages/race/eventCenter/eventMessage.vue

@@ -28,7 +28,7 @@
       <div class="center_box" ref="box1">
         <div class="center_detail" style="margin-bottom: 20px">
           <div style="text-align: center; font-weight: bold; font-size: 18px">
-            <span> 关于征集广东省中小学（幼儿园）项目式 学习案例的函 </span>
+            <span> 关于征集广东省中小学（幼儿园）项目式学习案例的函 </span>
           </div>
           <div style="text-indent: 32px">
             <span

src/components/tools/wangEnduit.vue

@@ -262,13 +262,13 @@ ol {
 .editor>>>.w-e-text h5,
 .editor>>>.w-e-text table,
 .editor>>>.w-e-text pre {
-  line-height: 0.9;
-  margin: 5px 0 !important;
+  line-height: 1.5;
+  margin: 0 !important;
 }
 
 .editor>>>.w-e-text-container .placeholder {
   font-size: 14px;
-  color: #757575;
+  color: #606266;
 }
 
 .editor>>>.w-e-text{