build

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

@@ -206,6 +206,7 @@ export default {
     addImg(e) {
       var el = e.currentTarget;
       el.getElementsByTagName("input")[0].click();
+      e.target.value = ''
     },
     jump(t) {
       var a = document.getElementById(t);

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

@@ -178,6 +178,7 @@ export default {
     addImg(e) {
       var el = e.currentTarget;
       el.getElementsByTagName("input")[0].click();
+      e.target.value = ''
     },
     imgChange(file, fileList, type) {
       var _tmp = this.raceEff.data;

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

@@ -178,6 +178,7 @@ export default {
     addImg(e) {
       var el = e.currentTarget;
       el.getElementsByTagName("input")[0].click();
+      e.target.value = ''
     },
     imgChange(file, fileList, type) {
       var _tmp = this.raceExc.data;

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

@@ -688,6 +688,7 @@ export default {
     addImg(e) {
       var el = e.currentTarget;
       el.getElementsByTagName("input")[0].click();
+      e.target.value = ''
     },
     jump(t) {
       var a = document.getElementById(t);

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

@@ -399,6 +399,7 @@
               <div class="secondTop">
                 <el-input
                   type="textarea"
+                  style="font-family: '微软雅黑';"
                   placeholder="200字以内，介绍项目背景，描述生活中的现象，引出要解决的核心问题，概述解决问题的思路及预期成果等。"
                   v-model="raceDetail.courseText"
                   @input="updateTitle"

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

@@ -621,6 +621,7 @@ export default {
     addImg(e) {
       var el = e.currentTarget;
       el.getElementsByTagName("input")[0].click();
+      e.target.value = ''
     },
     imgChange(file, fileList, type, jT) {
       if (jT == 0) {

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

@@ -193,7 +193,7 @@
               "
               class="imgAndNav"
             >
-              <div
+              <!-- <div
                 class="leftBox"
                 v-if="
                   anliBox[0].info.imgBox.length > 0 &&
@@ -212,12 +212,12 @@
                 >
                   <img :src="anliBox[0].info.imgBox[0].url" alt="" />
                 </div>
-              </div>
-
-              <div
-                :class="
+              </div> -->
+              <!-- :class="
                   anliBox[0].info.imgBox.length > 0 ? 'proOverNav' : 'noImg'
-                "
+                " -->
+              <div
+                class="proOverNav"
                 v-html="anliBox[0].info ? anliBox[0].info.courseText : ''"
               ></div>
             </div>
@@ -243,7 +243,7 @@
                   </div>
                   <div>项目方案与活动案例</div>
                 </div>
-                <el-button @click="lookBig(pptImgUrl2.infoData.url)"
+                <el-button @click="lookFile1(pptImgUrl2.infoData.url)"
                   >全屏查看</el-button
                 >
               </div>
@@ -384,7 +384,7 @@
                 "
                 class="imgAndNav"
               >
-                <div
+                <!-- <div
                   class="leftBox"
                   v-if="
                     anliBox[0].overview.driQuestion.imgBox.length > 0 &&
@@ -406,14 +406,10 @@
                       alt=""
                     />
                   </div>
-                </div>
+                </div> -->
 
                 <div
-                  :class="
-                    anliBox[0].overview.driQuestion.imgBox.length > 0
-                      ? 'proOverNav'
-                      : 'noImg'
-                  "
+                  class="proOverNav"
                   v-html="
                     anliBox[0].overview.driQuestion
                       ? anliBox[0].overview.driQuestion.brief
@@ -446,7 +442,7 @@
                     </div>
                     <div>佐证材料</div>
                   </div>
-                  <el-button @click="lookBig(pptImgUrl2.overData.driData.url)"
+                  <el-button @click="lookFile1(pptImgUrl2.overData.driData.url)"
                     >全屏查看</el-button
                   >
                 </div>
@@ -557,7 +553,7 @@
                 "
                 class="imgAndNav"
               >
-                <div
+                <!-- <div
                   class="leftBox"
                   v-if="
                     anliBox[0].overview.tarDesign.imgBox.length > 0 &&
@@ -579,14 +575,10 @@
                       alt=""
                     />
                   </div>
-                </div>
+                </div> -->
 
                 <div
-                  :class="
-                    anliBox[0].overview.tarDesign.imgBox.length > 0
-                      ? 'proOverNav'
-                      : 'noImg'
-                  "
+                  class="proOverNav"
                   v-html="
                     anliBox[0].overview.tarDesign
                       ? anliBox[0].overview.tarDesign.brief
@@ -619,7 +611,7 @@
                     </div>
                     <div>佐证材料</div>
                   </div>
-                  <el-button @click="lookBig(pptImgUrl2.overData.tarData.url)"
+                  <el-button @click="lookFile1(pptImgUrl2.overData.tarData.url)"
                     >全屏查看</el-button
                   >
                 </div>
@@ -731,7 +723,7 @@
                 "
                 class="imgAndNav"
               >
-                <div
+                <!-- <div
                   class="leftBox"
                   v-if="
                     anliBox[0].overview.actiDesign.imgBox.length > 0 &&
@@ -753,14 +745,10 @@
                       alt=""
                     />
                   </div>
-                </div>
+                </div> -->
 
                 <div
-                  :class="
-                    anliBox[0].overview.actiDesign.imgBox.length > 0
-                      ? 'proOverNav'
-                      : 'noImg'
-                  "
+                  class="proOverNav"
                   v-html="
                     anliBox[0].overview.actiDesign
                       ? anliBox[0].overview.actiDesign.brief
@@ -793,7 +781,7 @@
                     </div>
                     <div>佐证材料</div>
                   </div>
-                  <el-button @click="lookBig(pptImgUrl2.overData.actData.url)"
+                  <el-button @click="lookFile1(pptImgUrl2.overData.actData.url)"
                     >全屏查看</el-button
                   >
                 </div>
@@ -1005,7 +993,7 @@
                     "
                     class="imgAndNav"
                   >
-                    <div
+                    <!-- <div
                       class="leftBox"
                       style="padding: 10px 0 0 35px"
                       v-if="
@@ -1025,14 +1013,10 @@
                       >
                         <img :src="hd.driQuestion.imgBox[0].url" alt="" />
                       </div>
-                    </div>
+                    </div> -->
 
                     <div
-                      :class="
-                        hd.driQuestion.imgBox.length > 0
-                          ? 'proOverNav'
-                          : 'noImg'
-                      "
+                      class="proOverNav"
                       v-html="hd.driQuestion ? hd.driQuestion.brief : ''"
                       style="margin: 10px 0 0 20px"
                     ></div>
@@ -1069,7 +1053,7 @@
                     "
                     class="imgAndNav"
                   >
-                    <div
+                    <!-- <div
                       class="leftBox"
                       style="padding: 10px 0 0 35px"
                       v-if="
@@ -1089,12 +1073,10 @@
                       >
                         <img :src="hd.tarDesign.imgBox[0].url" alt="" />
                       </div>
-                    </div>
+                    </div> -->
 
                     <div
-                      :class="
-                        hd.tarDesign.imgBox.length > 0 ? 'proOverNav' : 'noImg'
-                      "
+                      class="proOverNav"
                       v-html="hd.tarDesign ? hd.tarDesign.brief : ''"
                       style="margin: 10px 0 0 20px"
                     ></div>
@@ -1132,7 +1114,7 @@
                     "
                     class="imgAndNav"
                   >
-                    <div
+                    <!-- <div
                       class="leftBox"
                       style="padding: 10px 0 0 35px"
                       v-if="
@@ -1152,12 +1134,10 @@
                       >
                         <img :src="hd.actiDesign.imgBox[0].url" alt="" />
                       </div>
-                    </div>
+                    </div> -->
 
                     <div
-                      :class="
-                        hd.actiDesign.imgBox.length > 0 ? 'proOverNav' : 'noImg'
-                      "
+                      class="proOverNav"
                       v-html="hd.actiDesign ? hd.actiDesign.brief : ''"
                       style="margin: 10px 0 0 20px"
                     ></div>
@@ -1194,7 +1174,7 @@
                     "
                     class="imgAndNav"
                   >
-                    <div
+                    <!-- <div
                       class="leftBox"
                       style="padding: 10px 0 0 35px"
                       v-if="
@@ -1214,12 +1194,10 @@
                       >
                         <img :src="hd.evaDesign.imgBox[0].url" alt="" />
                       </div>
-                    </div>
+                    </div> -->
 
                     <div
-                      :class="
-                        hd.evaDesign.imgBox.length > 0 ? 'proOverNav' : 'noImg'
-                      "
+                      class="proOverNav"
                       v-html="hd.evaDesign ? hd.evaDesign.brief : ''"
                       style="margin: 10px 0 0 20px"
                     ></div>
@@ -1273,7 +1251,7 @@
                   v-if="jd.brief != '' || jd.imgBox.length > 0"
                   class="imgAndNav"
                 >
-                  <div
+                  <!-- <div
                     class="leftBox"
                     v-if="jd.imgBox.length > 0 && jd.imgBox[0].type == 3"
                   >
@@ -1284,12 +1262,9 @@
                     >
                       <img :src="jd.imgBox[0].url" alt="" />
                     </div>
-                  </div>
+                  </div> -->
 
-                  <div
-                    :class="jd.imgBox.length > 0 ? 'proOverNav' : 'noImg'"
-                    v-html="jd ? jd.brief : ''"
-                  ></div>
+                  <div class="proOverNav" v-html="jd ? jd.brief : ''"></div>
                 </div>
                 <div class="noFile" v-else>
                   <img
@@ -1310,7 +1285,8 @@
                       </div>
                       <div>佐证材料</div>
                     </div>
-                    <el-button @click="lookBig(pptImgUrl2.proData[jdIndex].url)"
+                    <el-button
+                      @click="lookFile1(pptImgUrl2.proData[jdIndex].url)"
                       >全屏查看</el-button
                     >
                   </div>
@@ -1444,7 +1420,7 @@
                 "
                 class="imgAndNav"
               >
-                <div
+                <!-- <div
                   class="leftBox"
                   v-if="
                     anliBox[0].proexc.imgBox.length > 0 &&
@@ -1463,12 +1439,10 @@
                   >
                     <img :src="anliBox[0].proexc.imgBox[0].url" alt="" />
                   </div>
-                </div>
+                </div> -->
 
                 <div
-                  :class="
-                    anliBox[0].proexc.imgBox.length > 0 ? 'proOverNav' : 'noImg'
-                  "
+                  class="proOverNav"
                   v-html="anliBox[0].proexc ? anliBox[0].proexc.brief : ''"
                 ></div>
               </div>
@@ -1497,7 +1471,7 @@
                     </div>
                     <div>佐证材料</div>
                   </div>
-                  <el-button @click="lookBig(pptImgUrl2.excData.url)"
+                  <el-button @click="lookFile1(pptImgUrl2.excData.url)"
                     >全屏查看</el-button
                   >
                 </div>
@@ -1629,7 +1603,7 @@
                 "
                 class="imgAndNav"
               >
-                <div
+                <!-- <div
                   class="leftBox"
                   v-if="
                     anliBox[0].results.imgBox.length > 0 &&
@@ -1648,14 +1622,10 @@
                   >
                     <img :src="anliBox[0].results.imgBox[0].url" alt="" />
                   </div>
-                </div>
+                </div> -->
 
                 <div
-                  :class="
-                    anliBox[0].results.imgBox.length > 0
-                      ? 'proOverNav'
-                      : 'noImg'
-                  "
+                  class="proOverNav"
                   v-html="anliBox[0].results ? anliBox[0].results.brief : ''"
                 ></div>
               </div>
@@ -1684,7 +1654,7 @@
                     </div>
                     <div>佐证材料</div>
                   </div>
-                  <el-button @click="lookBig(pptImgUrl2.effData.url)"
+                  <el-button @click="lookFile1(pptImgUrl2.effData.url)"
                     >全屏查看</el-button
                   >
                 </div>
@@ -2138,32 +2108,45 @@ export default {
     onPlayerPlay() {},
     lookFile1(u, t) {
       //1文档2视频3图片
-      if (t == 1) {
-        this.pptImgUrl = "";
-        var a = ["PPT", "PPTX", "XLSX", "XLS", "DOC", "DOCX"];
-        if (
-          a.indexOf(
-            u.split(".")[u.split(".").length - 1].toLocaleUpperCase()
-          ) != -1
-        ) {
-          this.pptImgUrl =
-            "https://view.officeapps.live.com/op/view.aspx?src=" + u;
-          this.showPDF = false;
-          this.dialogVisible = true;
-        } else if (
-          u.split(".")[u.split(".").length - 1].toLocaleUpperCase() == "PDF"
-        ) {
-          this.pptImgUrl = u;
-          this.showPDF = true;
-          this.dialogVisible = true;
-        }
-      } else if (t == 2) {
+      this.pptImgUrl = "";
+      var a = ["PPT", "PPTX", "XLSX", "XLS", "DOC", "DOCX"];
+      var c = [
+        "BMP",
+        "PJP",
+        "APNG",
+        "PNG",
+        "JPG",
+        "GIF",
+        "SVG",
+        "JPEG",
+        "JPG",
+        "ICO",
+        "PGPEG",
+        "AVIF",
+      ];
+      if (
+        a.indexOf(u.split(".")[u.split(".").length - 1].toLocaleUpperCase()) !=
+        -1
+      ) {
+        this.pptImgUrl = u;
+        this.showPDF = false;
+        this.dialogVisible = true;
+      } else if (
+        u.split(".")[u.split(".").length - 1].toLocaleUpperCase() == "PDF"
+      ) {
+        this.pptImgUrl = u;
+        this.showPDF = true;
+        this.dialogVisible = true;
+      } else if (
+        c.indexOf(u.split(".")[u.split(".").length - 1].toLocaleUpperCase()) !=
+        -1
+      ) {
+        this.previewImg(u);
+      } else {
         this.videoDetail = {};
         this.playerOptions.sources[0].src = u;
         this.videoDetail = this.playerOptions;
         this.videoVisible = true;
-      } else {
-        this.previewImg(u);
       }
     },
     lookFile2(u, t, type, i) {
@@ -2207,28 +2190,28 @@ export default {
             u.split(".")[u.split(".").length - 1].toLocaleUpperCase()
           ) != -1
         ) {
+          this.pptImgUrl2.infoData.showType = 2;
           this.pptImgUrl2.infoData.url =
             "https://view.officeapps.live.com/op/view.aspx?src=" + u;
-          this.pptImgUrl2.infoData.showType = 2;
         } else if (
           u.split(".")[u.split(".").length - 1].toLocaleUpperCase() == "PDF"
         ) {
-          this.pptImgUrl2.infoData.url = u;
           this.pptImgUrl2.infoData.showType = 1;
+          this.pptImgUrl2.infoData.url = u;
         } else if (
           c.indexOf(
             u.split(".")[u.split(".").length - 1].toLocaleUpperCase()
           ) != -1
         ) {
-          this.pptImgUrl2.infoData.url = u;
           this.pptImgUrl2.infoData.showType = 4;
+          this.pptImgUrl2.infoData.url = u;
         } else {
           // this.videoDetail = {};
           // this.playerOptions.sources[0].src = u;
           // this.videoDetail = this.playerOptions;
+          this.pptImgUrl2.infoData.showType = 3;
           this.pptImgUrl2.infoData.playerO = d;
           this.pptImgUrl2.infoData.playerO.sources[0].src = u;
-          this.pptImgUrl2.infoData.showType = 3;
         }
       } else if (type == 1) {
         if (
@@ -2236,25 +2219,25 @@ export default {
             u.split(".")[u.split(".").length - 1].toLocaleUpperCase()
           ) != -1
         ) {
+          this.pptImgUrl2.overData.driData.showType = 2;
           this.pptImgUrl2.overData.driData.url =
             "https://view.officeapps.live.com/op/view.aspx?src=" + u;
-          this.pptImgUrl2.overData.driData.showType = 2;
         } else if (
           u.split(".")[u.split(".").length - 1].toLocaleUpperCase() == "PDF"
         ) {
-          this.pptImgUrl2.overData.driData.url = u;
           this.pptImgUrl2.overData.driData.showType = 1;
+          this.pptImgUrl2.overData.driData.url = u;
         } else if (
           c.indexOf(
             u.split(".")[u.split(".").length - 1].toLocaleUpperCase()
           ) != -1
         ) {
-          this.pptImgUrl2.overData.driData.url = u;
           this.pptImgUrl2.overData.driData.showType = 4;
+          this.pptImgUrl2.overData.driData.url = u;
         } else {
+          this.pptImgUrl2.overData.driData.showType = 3;
           this.pptImgUrl2.overData.driData.playerO = d;
           this.pptImgUrl2.overData.driData.playerO.sources[0].src = u;
-          this.pptImgUrl2.overData.driData.showType = 3;
         }
       } else if (type == 2) {
         if (
@@ -2262,25 +2245,25 @@ export default {
             u.split(".")[u.split(".").length - 1].toLocaleUpperCase()
           ) != -1
         ) {
+          this.pptImgUrl2.overData.tarData.showType = 2;
           this.pptImgUrl2.overData.tarData.url =
             "https://view.officeapps.live.com/op/view.aspx?src=" + u;
-          this.pptImgUrl2.overData.tarData.showType = 2;
         } else if (
           u.split(".")[u.split(".").length - 1].toLocaleUpperCase() == "PDF"
         ) {
-          this.pptImgUrl2.overData.tarData.url = u;
           this.pptImgUrl2.overData.tarData.showType = 1;
+          this.pptImgUrl2.overData.tarData.url = u;
         } else if (
           c.indexOf(
             u.split(".")[u.split(".").length - 1].toLocaleUpperCase()
           ) != -1
         ) {
-          this.pptImgUrl2.overData.tarData.url = u;
           this.pptImgUrl2.overData.tarData.showType = 4;
+          this.pptImgUrl2.overData.tarData.url = u;
         } else {
+          this.pptImgUrl2.overData.tarData.showType = 3;
           this.pptImgUrl2.overData.tarData.playerO = d;
           this.pptImgUrl2.overData.tarData.playerO.sources[0].src = u;
-          this.pptImgUrl2.overData.tarData.showType = 3;
         }
       } else if (type == 3) {
         if (
@@ -2288,25 +2271,25 @@ export default {
             u.split(".")[u.split(".").length - 1].toLocaleUpperCase()
           ) != -1
         ) {
+          this.pptImgUrl2.overData.actData.showType = 2;
           this.pptImgUrl2.overData.actData.url =
             "https://view.officeapps.live.com/op/view.aspx?src=" + u;
-          this.pptImgUrl2.overData.actData.showType = 2;
         } else if (
           u.split(".")[u.split(".").length - 1].toLocaleUpperCase() == "PDF"
         ) {
-          this.pptImgUrl2.overData.actData.url = u;
           this.pptImgUrl2.overData.actData.showType = 1;
+          this.pptImgUrl2.overData.actData.url = u;
         } else if (
           c.indexOf(
             u.split(".")[u.split(".").length - 1].toLocaleUpperCase()
           ) != -1
         ) {
-          this.pptImgUrl2.overData.actData.url = u;
           this.pptImgUrl2.overData.actData.showType = 4;
+          this.pptImgUrl2.overData.actData.url = u;
         } else {
+          this.pptImgUrl2.overData.actData.showType = 3;
           this.pptImgUrl2.overData.actData.playerO = d;
           this.pptImgUrl2.overData.actData.playerO.sources[0].src = u;
-          this.pptImgUrl2.overData.actData.showType = 3;
         }
       } else if (type == 4) {
         if (
@@ -2314,25 +2297,25 @@ export default {
             u.split(".")[u.split(".").length - 1].toLocaleUpperCase()
           ) != -1
         ) {
+          this.pptImgUrl2.proData[i].showType = 2;
           this.pptImgUrl2.proData[i].url =
             "https://view.officeapps.live.com/op/view.aspx?src=" + u;
-          this.pptImgUrl2.proData[i].showType = 2;
         } else if (
           u.split(".")[u.split(".").length - 1].toLocaleUpperCase() == "PDF"
         ) {
-          this.pptImgUrl2.proData[i].url = u;
           this.pptImgUrl2.proData[i].showType = 1;
+          this.pptImgUrl2.proData[i].url = u;
         } else if (
           c.indexOf(
             u.split(".")[u.split(".").length - 1].toLocaleUpperCase()
           ) != -1
         ) {
-          this.pptImgUrl2.proData[i].url = u;
           this.pptImgUrl2.proData[i].showType = 4;
+          this.pptImgUrl2.proData[i].url = u;
         } else {
+          this.pptImgUrl2.proData[i].showType = 3;
           this.pptImgUrl2.proData[i].playerO = d;
           this.pptImgUrl2.proData[i].playerO.sources[0].src = u;
-          this.pptImgUrl2.proData[i].showType = 3;
         }
       } else if (type == 5) {
         if (
@@ -2340,25 +2323,25 @@ export default {
             u.split(".")[u.split(".").length - 1].toLocaleUpperCase()
           ) != -1
         ) {
+          this.pptImgUrl2.excData.showType = 2;
           this.pptImgUrl2.excData.url =
             "https://view.officeapps.live.com/op/view.aspx?src=" + u;
-          this.pptImgUrl2.excData.showType = 2;
         } else if (
           u.split(".")[u.split(".").length - 1].toLocaleUpperCase() == "PDF"
         ) {
-          this.pptImgUrl2.excData.url = u;
           this.pptImgUrl2.excData.showType = 1;
+          this.pptImgUrl2.excData.url = u;
         } else if (
           c.indexOf(
             u.split(".")[u.split(".").length - 1].toLocaleUpperCase()
           ) != -1
         ) {
-          this.pptImgUrl2.excData.url = u;
           this.pptImgUrl2.excData.showType = 4;
+          this.pptImgUrl2.excData.url = u;
         } else {
+          this.pptImgUrl2.excData.showType = 3;
           this.pptImgUrl2.excData.playerO = d;
           this.pptImgUrl2.excData.playerO.sources[0].src = u;
-          this.pptImgUrl2.excData.showType = 3;
         }
       } else if (type == 6) {
         if (
@@ -2366,25 +2349,25 @@ export default {
             u.split(".")[u.split(".").length - 1].toLocaleUpperCase()
           ) != -1
         ) {
+          this.pptImgUrl2.effData.showType = 2;
           this.pptImgUrl2.effData.url =
             "https://view.officeapps.live.com/op/view.aspx?src=" + u;
-          this.pptImgUrl2.effData.showType = 2;
         } else if (
           u.split(".")[u.split(".").length - 1].toLocaleUpperCase() == "PDF"
         ) {
-          this.pptImgUrl2.effData.url = u;
           this.pptImgUrl2.effData.showType = 1;
+          this.pptImgUrl2.effData.url = u;
         } else if (
           c.indexOf(
             u.split(".")[u.split(".").length - 1].toLocaleUpperCase()
           ) != -1
         ) {
-          this.pptImgUrl2.effData.url = u;
           this.pptImgUrl2.effData.showType = 4;
+          this.pptImgUrl2.effData.url = u;
         } else {
+          this.pptImgUrl2.effData.showType = 3;
           this.pptImgUrl2.effData.playerO = d;
           this.pptImgUrl2.effData.playerO.sources[0].src = u;
-          this.pptImgUrl2.effData.showType = 3;
         }
       }
     },
@@ -2892,9 +2875,9 @@ export default {
   .messageBox {
     width: 95% !important;
   }
-  .proOverNav {
+  /* .proOverNav {
     width: 52% !important;
-  }
+  } */
 }
 html,
 body {
@@ -2943,10 +2926,12 @@ body {
 }
 .anliImg {
   width: 200px;
+  height: 115px;
 }
 .anliImg > img {
   width: 100%;
   height: 100%;
+  object-fit: cover;
 }
 .people {
   display: flex;
@@ -3122,8 +3107,8 @@ body {
   overflow: auto;
   word-break: break-word;
   margin-left: 10px;
-  width: 55%;
-  background: #f6f9fe;
+  width: 95%;
+  /* background: #f6f9fe; */
   padding: 10px 10px 10px 10px;
   border-radius: 10px;
   text-indent: 20px;
@@ -3191,6 +3176,8 @@ body {
   flex-direction: row;
   flex-wrap: nowrap;
   align-items: center;
+  border-top-right-radius: 10px;
+  border-bottom-right-radius: 10px;
   box-shadow: 2px 2px 13px 1px #e1e1e1;
 }
 .file > div > div:nth-child(1) {
@@ -3543,8 +3530,8 @@ ol {
 }
 
 .smallTaskBorder {
-  height: 150px;
-  min-height: 150px !important;
+  height: 65px;
+  min-height: 65px !important;
   overflow: hidden;
 }
 
@@ -3576,9 +3563,9 @@ ol {
 }
 .returnTop {
   position: fixed;
-  top: 50%;
+  bottom: 5%;
   right: 5%;
-  transform: translateY(-50%);
+  transform: translateY(-5%);
   background: #7b9ad7;
   color: #fff;
   width: 60px;

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

@@ -18,10 +18,15 @@
       >
     </div> -->
     <div class="myAnliBox" v-if="anliBox.length > 0">
-      <div class="anLi" v-for="(an, anIndex) in anliBox" :key="anIndex">
+      <div
+        :class="{ isAnliAll: an.isAll }"
+        class="anLi"
+        v-for="(an, anIndex) in anliBox"
+        :key="anIndex"
+      >
         <div class="anliTop">
           <div class="anliTopLeft">
-            <div>比赛名称：广东省PBL案例征集</div>
+            <div>名称：广东省PBL案例征集</div>
             <div>案例组别：{{ an.typename ? an.typename : "暂无分类" }}</div>
           </div>
           <div class="anliTopRight">创建人：{{ an.name }}</div>
@@ -42,8 +47,24 @@
             <div class="anliNav">
               <div>项目名称：{{ JSON.parse(an.info).title }}</div>
               <div>单位：{{ an.schoolName }}</div>
-              <div class="xmjj" v-if="JSON.parse(an.info).courseText">
-                {{ JSON.parse(an.info).courseText }}
+              <div>
+                <div
+                  :class="{ isAll: an.isAll }"
+                  class="xmjj"
+                  v-if="JSON.parse(an.info).courseText"
+                >
+                  {{ JSON.parse(an.info).courseText }}
+                </div>
+                <div
+                  class="selectJj"
+                  @click="selectJj(anIndex, 1)"
+                  v-if="!an.isAll"
+                >
+                  <img src="../../../../assets/icon/expand.png" alt="" />
+                </div>
+                <div class="selectJj" @click="selectJj(anIndex, 0)" v-else>
+                  <img src="../../../../assets/icon/fold.png" alt="" />
+                </div>
               </div>
               <div class="personAndAutor">
                 <div>总人数：</div>
@@ -89,7 +110,7 @@
         </div>
 
         <div class="anliBottom">
-          <div style="margin-top: 5px;" :class="{ isSubmit : an.state == 1 } " >
+          <div style="margin-top: 5px" :class="{ isSubmit: an.state == 1 }">
             当前状态：{{ an.state == 0 ? "未提交" : "已提交" }}
           </div>
           <div class="bottomRight">
@@ -140,6 +161,10 @@ export default {
         .get(this.$store.state.api + "selectRaceList", params)
         .then((res) => {
           this.anliBox = res.data[0];
+          for (var i = 0; i < this.anliBox.length; i++) {
+            this.anliBox[i].isAll = "";
+            this.anliBox[i].isAll = false;
+          }
         })
         .catch((err) => {
           console.error(err);
@@ -357,6 +382,14 @@ export default {
           aid
       );
     },
+    selectJj(i, type) {
+      if (type == 1) {
+        this.anliBox[i].isAll = true;
+      } else {
+        this.anliBox[i].isAll = false;
+      }
+      this.$forceUpdate();
+    },
   },
   created() {
     this.selectAnLi();
@@ -388,7 +421,8 @@ export default {
   height: 100%;
 }
 
-.anLi {
+.anLi,
+.isAnliAll {
   background: #fff;
   width: 95%;
   margin: 20px auto 30px;
@@ -396,6 +430,10 @@ export default {
   height: 210px;
 }
 
+.isAnliAll {
+  height: 260px;
+}
+
 .anliTop {
   display: flex;
   flex-direction: row;
@@ -478,6 +516,13 @@ export default {
   margin: 10px 0 10px 0;
 }
 
+.anliNav > div:nth-child(3) {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: flex-start;
+}
+
 .xmjj {
   color: #aba8a8;
   margin-bottom: 10px;
@@ -487,6 +532,15 @@ export default {
   width: 80%;
 }
 
+.isAll {
+  color: #aba8a8;
+  margin-bottom: 10px;
+  width: 90%;
+  white-space: unset;
+  overflow: unset;
+  text-overflow: unset;
+}
+
 .anliBottom {
   display: flex;
   flex-direction: row;
@@ -549,4 +603,15 @@ export default {
 .Autor {
   margin: 0 5px;
 }
+
+.selectJj {
+  width: 20px;
+  height: 20px;
+  cursor: pointer;
+}
+
+.selectJj > img {
+  width: 100%;
+  height: 100%;
+}
 </style>