修改样式

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

@@ -84,7 +84,18 @@
       </div>
 
       <div class="messageBox" v-if="anliBox[0]">
-        <div class="proOverCss" id="first">
+        <div
+          class="proOverCss"
+          id="first"
+          v-if="
+            (anliBox[0].info.courseText != '' ||
+              anliBox[0].info.imgBox.length > 0) &&
+            anliBox &&
+            anliBox[0].info &&
+            anliBox[0].info.data &&
+            anliBox[0].info.data.length
+          "
+        >
           <div class="whiteBg whiteLeft">
             <div class="navBgTop">
               <div class="navBg">项目概况</div>
@@ -188,7 +199,15 @@
           </div>
         </div>
         <div>
-          <div class="proOverCss" id="second">
+          <div
+            class="proOverCss"
+            id="second"
+            v-if="
+              (anliBox[0].overview.driQuestion.brief != '' ||
+                anliBox[0].overview.driQuestion.imgBox.length > 0) &&
+              anliBox[0].overview.driQuestion.data.length
+            "
+          >
             <div class="whiteBg whiteLeft">
               <div class="navBgTop">
                 <div class="navBg">驱动问题</div>
@@ -298,7 +317,14 @@
               </div>
             </div>
           </div>
-          <div class="proOverCss">
+          <div
+            class="proOverCss"
+            v-if="
+              (anliBox[0].overview.tarDesign.brief != '' ||
+                anliBox[0].overview.tarDesign.imgBox.length > 0) &&
+              anliBox[0].overview.tarDesign.data.length
+            "
+          >
             <div class="whiteBg whiteLeft">
               <div class="navBgTop">
                 <div class="navBg">学习目标</div>
@@ -408,7 +434,14 @@
               </div>
             </div>
           </div>
-          <div class="proOverCss">
+          <div
+            class="proOverCss"
+            v-if="
+              (anliBox[0].overview.actiDesign.brief != '' ||
+                anliBox[0].overview.actiDesign.imgBox.length > 0) &&
+              anliBox[0].overview.actiDesign.data.length
+            "
+          >
             <div class="whiteBg whiteLeft">
               <div class="navBgTop">
                 <div class="navBg">评价设计</div>
@@ -568,7 +601,14 @@
                   </div>
                 </div>
               </div>
-              <div class="proOverCss">
+              <div
+                class="proOverCss"
+                v-if="
+                  hd.driQuestion.imgBox.length > 0 &&
+                  hd.driQuestion.imgBox[0].type == 3 &&
+                  hd.driQuestion.data.length
+                "
+              >
                 <div class="whiteBg whiteLeft">
                   <div class="navBgTop">
                     <div class="jdNavBg">活动目标</div>
@@ -675,7 +715,14 @@
                 </div>
               </div>
 
-              <div class="proOverCss">
+              <div
+                class="proOverCss"
+                v-if="
+                  (hd.tarDesign.brief != '' ||
+                    hd.tarDesign.imgBox.length > 0) &&
+                  hd.tarDesign.data.length
+                "
+              >
                 <div class="whiteBg whiteLeft">
                   <div class="navBgTop">
                     <div class="jdNavBg">活动内容</div>
@@ -779,7 +826,14 @@
                 </div>
               </div>
 
-              <div class="proOverCss">
+              <div
+                class="proOverCss"
+                v-if="
+                  (hd.actiDesign.brief != '' ||
+                    hd.actiDesign.imgBox.length > 0) &&
+                  hd.actiDesign.data.length
+                "
+              >
                 <div class="whiteBg whiteLeft">
                   <div class="navBgTop">
                     <div class="jdNavBg">预期成果</div>
@@ -884,7 +938,14 @@
                 </div>
               </div>
 
-              <div class="proOverCss">
+              <div
+                class="proOverCss"
+                v-if="
+                  (hd.evaDesign.brief != '' ||
+                    hd.evaDesign.imgBox.length > 0) &&
+                  hd.evaDesign.data.length
+                "
+              >
                 <div class="whiteBg whiteLeft">
                   <div class="navBgTop">
                     <div class="jdNavBg">活动评价</div>
@@ -1009,7 +1070,10 @@
             v-for="(jd, jdIndex) in anliBox[0].process.stageBox"
             :key="jdIndex"
           >
-            <div class="proOverCss">
+            <div
+              class="proOverCss"
+              v-if="(jd.brief != '' || jd.imgBox.length > 0) && jd.data.length"
+            >
               <div class="whiteBg whiteLeft">
                 <div class="navBgTop">
                   <div class="navBg">阶段{{ jdIndex + 1 }}</div>
@@ -1109,7 +1173,14 @@
               </div>
             </div>
           </div>
-          <div class="proOverCss">
+          <div
+            class="proOverCss"
+            v-if="
+              (anliBox[0].proexc.brief != '' ||
+                anliBox[0].proexc.imgBox.length > 0) &&
+              anliBox[0].proexc.data.length
+            "
+          >
             <div class="whiteBg whiteLeft">
               <div class="navBgTop">
                 <div class="navBg">活动成效</div>
@@ -1223,7 +1294,14 @@
               </div>
             </div>
           </div>
-          <div class="proOverCss">
+          <div
+            class="proOverCss"
+            v-if="
+              (anliBox[0].results.brief != '' ||
+                anliBox[0].results.imgBox.length > 0) &&
+              anliBox[0].results.data.length
+            "
+          >
             <div class="whiteBg whiteLeft">
               <div class="navBgTop">
                 <div class="navBg">活动反思</div>
@@ -1329,12 +1407,7 @@
         <!-- <div class="returnAnLi" style="width: 100px" @click="goToX()">
           前往评分
         </div> -->
-        <div
-          class="returnAnLi"
-          @click="returnWhere"
-        >
-          返回
-        </div>
+        <div class="returnAnLi" @click="returnWhere">返回</div>
       </div>
     </div>
     <el-dialog
@@ -1428,7 +1501,7 @@ export default {
       userid: this.$store.state.userInfo.userid,
       oid: this.$store.state.userInfo.school,
       aid: this.$route.query.aid,
-      type:this.$route.query.type,
+      type: this.$route.query.type,
       anliBox: [],
       imgAnliBox: [],
       noBanner: require("../../../../assets/noBanner.jpg"),
@@ -1478,10 +1551,10 @@ export default {
     fullTools() {
       this.full = !this.full;
     },
-    returnWhere(){
-      if(this.type == 0){
+    returnWhere() {
+      if (this.type == 0) {
         this.goTo("/eventCenter");
-      }else{
+      } else {
         this.goTo("/anliList");
       }
     },
@@ -1795,7 +1868,7 @@ body {
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;
-  align-items: flex-start;
+  align-items: center;
   padding: 25px 0 25px 60px;
   position: relative;
 }

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

@@ -47,7 +47,9 @@
           <div class="bottomRight">
             <div class="rightButton" @click="updateState(an.id)">提交</div>
             <div class="rightButton" @click="exportAnli(an)">导出</div>
-            <div class="rightButton" @click="goTo('/anliDetail?aid=' + an.id)">开始教学</div>
+            <div class="rightButton" @click="goTo('/anliDetail?aid=' + an.id)">
+              开始教学
+            </div>
             <div class="rightButton" @click="goTo('/addRace?aid=' + an.id)">
               编辑
             </div>
@@ -95,21 +97,29 @@ export default {
         });
     },
     updateState(id) {
-      let params = {
-        id: id,
-      };
-      this.ajax
-        .get(this.$store.state.api + "updateRaceState", params)
-        .then((res) => {
-          this.$message({
-            message: "提交成功",
-            type: "success",
-          });
-          this.selectAnLi();
+      this.$confirm("确定提交此案例吗？", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(() => {
+          let params = {
+            id: id,
+          };
+          this.ajax
+            .get(this.$store.state.api + "updateRaceState", params)
+            .then((res) => {
+              this.$message({
+                message: "提交成功",
+                type: "success",
+              });
+              this.selectAnLi();
+            })
+            .catch((err) => {
+              console.error(err);
+            });
         })
-        .catch((err) => {
-          console.error(err);
-        });
+        .catch(() => {});
     },
     exportAnli(res) {
       console.log(res);
@@ -287,7 +297,7 @@ export default {
   .anliNav > div:nth-child(3) {
     width: 70% !important;
   }
-  .noAnliBox{
+  .noAnliBox {
     width: 300px !important;
   }
 }