修改点击pdf名字不会切换问题及样式问题

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

@@ -359,7 +359,7 @@
                             alt=""
                           />
                         </div>
-                        <div>{{ pptImgUrl2.infoData.name }}</div>
+                        <div>{{ pptImgUrl1.infoData[nameIndex].name }}</div>
                       </div>
                       <el-button @click="lookFile1(pptImgUrl2.infoData.url)"
                         >全屏查看</el-button
@@ -1045,7 +1045,7 @@
             class="jdTopBox"
             v-if="anliBox[0].process.stageBox[0].staTitle != ''"
             id="third"
-            style="padding: 20px 0 15px 0px"
+            style="padding: 20px 0 15px 0px; margin: 20px 0 0 0"
           >
             <div class="jdTopNav">
               <div class="jdNavBg">项目安排</div>
@@ -1054,7 +1054,7 @@
           <div
             v-for="(jd, jdIndex) in anliBox[0].process.stageBox"
             :key="jdIndex"
-            style="margin: 20px 0 20px 0"
+            class="jdChildCss"
           >
             <div class="jdBox">
               <div
@@ -1441,7 +1441,7 @@
             class="jdTopBox"
             id="fouth"
             v-if="anliBox[0].process.stageBox[0].brief != ''"
-            style="padding: 20px 20px 15px 0px"
+            style="padding: 20px 20px 15px 0px; margin: 20px 0 5px 0"
           >
             <div class="jdTopNav">
               <div class="bigNavBg" style="width: 155px">项目活动过程</div>
@@ -1649,7 +1649,7 @@
               anliBox[0].proexc.imgBox.length > 0 ||
               anliBox[0].proexc.data.length
             "
-            style="padding: 20px 20px 15px 0px"
+            style="padding: 20px 20px 15px 0px; margin: 20px 0 5px 0"
           >
             <div class="jdTopNav">
               <div class="bigNavBg" style="width: 212px">
@@ -1858,7 +1858,7 @@
               anliBox[0].results.imgBox.length > 0 ||
               anliBox[0].results.data.length
             "
-            style="padding: 20px 20px 15px 0px"
+            style="padding: 20px 20px 15px 0px; margin: 20px 0 5px 0"
           >
             <div class="jdTopNav">
               <div class="bigNavBg">项目成效与反思</div>
@@ -2234,6 +2234,7 @@ export default {
       playerO: {},
       isNavTop: 0,
       isShow: 0,
+      nameIndex:0,
     };
   },
   methods: {
@@ -2561,6 +2562,7 @@ export default {
           this.pptImgUrl2.infoData.playerO.sources[0].src = u;
         }
         this.pptImgUrl1.fileType.infoType = j + 1;
+        this.nameIndex = j;
       } else if (type == 1) {
         if (
           b.indexOf(
@@ -3380,7 +3382,7 @@ body {
   width: 60%;
   margin: 0 auto;
   height: 70px;
-  border-radius: 10px;
+  border-radius: 5px;
 }
 .isNavBox {
   position: fixed;
@@ -3439,7 +3441,7 @@ body {
   background: #fff;
   margin: 20px 0;
   padding-top: 15px;
-  border-radius: 10px;
+  border-radius: 5px;
   box-sizing: border-box;
 }
 .whiteLeft {
@@ -3481,7 +3483,6 @@ body {
   flex-direction: column;
   flex-wrap: nowrap;
   align-items: flex-start;
-  margin: 20px 0 0 0;
 }
 .fileLook {
   display: flex;
@@ -3655,17 +3656,6 @@ body {
   text-overflow: ellipsis;
   word-break: break-word;
 }
-.bottomBg {
-  width: 98%;
-  height: 40px;
-  background: #d6f0ff;
-  position: absolute;
-  bottom: -10px;
-  left: 50%;
-  z-index: 9;
-  transform: translate(-50%);
-  border-radius: 10px;
-}
 .returnAnLi {
   background: #205cc6;
   width: 70px;
@@ -3823,9 +3813,9 @@ body {
 }
 .jdTopBox {
   background: #fff;
-  border-radius: 10px;
+  border-radius: 5px;
   /* padding: 20px; */
-  margin: 20px 0;
+  margin: 5px 0;
 }
 .jdTopNav {
   display: flex;
@@ -4124,4 +4114,7 @@ ol {
 .openTaskActive {
   color: #4386e6;
 }
+.jdChildCss {
+  margin: 5px 0px;
+}
 </style>

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

@@ -420,7 +420,6 @@ export default {
   margin-top: -10px;
 }
 .center_title span {
-  font-size: 19px;
   position: relative;
   height: 38px;
 }