课程详细页面的修改提交

2025-12-18 23:36:44 +08:00 · 2022-10-09 10:56:47 +08:00
parent 9547d07244
commit e24e8a57f1
2 changed files with 105 additions and 64 deletions
--- a/src/views/portal/course/Detail.vue
+++ b/src/views/portal/course/Detail.vue
@@ -1,67 +1,70 @@
 <template>
  <div>
-    <portal-header current="course" :goSearch="1"></portal-header>
-    <div  class="portal-content xcontent">
-      <el-breadcrumb separator-class="el-icon-arrow-right" class="breadcrumb-nav">
-        <el-breadcrumb-item :to="{ path: '/course' }">课程列表</el-breadcrumb-item>
-        <el-breadcrumb-item>课程详情</el-breadcrumb-item>
-      </el-breadcrumb>
-      <!-- <div class="course-title">
-        <div class="title">{{courseInfo.name}}</div>
-        <div class="course-title-right">
-          <interactBar :readonly="!stuStusts || stuStusts==0" :type="1" :data="courseInfo" :comments="false" :views="false"></interactBar>
+    <div class="xpage-coures-banner">
+        <portal-header current="course" textColor="#fff" :goSearch="1"></portal-header>
+        <div class="xcontent">
+            <div class="banner-crumbs">
+               <router-link to="/course"><span class="crumbs-first">课程列表</span></router-link>
+               <span class="crumbs-line">  &gt; </span>
+               <span class="crumbs-last">课程详情</span>
+            </div>
+            <div class="bcourse-title">
+               <!-- <span>{{courseInfo.name}}</span> -->
+                <!-- <span>{{courseInfo.summary}}</span>  -->
+                <!-- <span class="bcourse-score">{{toScore(courseInfo.score)}}分</span> -->
+            </div>
        </div>
-      </div> -->
-      <el-row :gutter="10">
-        <el-col :span="24">
-          <el-card :body-style="{ padding: '0px' }">
-            <div class="detail">
-              <div class="image">
-                <course-image :course="courseInfo"></course-image>
-              </div>
-              <div class="detail-info">
-              <div class="course-title">
-                <div class="title"> {{courseInfo.name}}</div>
-                <interactBar :readonly="!stuStusts || stuStusts==0" :type="1" :data="courseInfo" :praises="false" :comments="false" :views="false"></interactBar>
-              </div>
-                  <!-- <div class="course-title-right"> -->
-                  <!-- <interactBar :readonly="!stuStusts || stuStusts==0" :type="1" :data="courseInfo" :comments="false" :views="false"></interactBar> -->
-                <!-- </div> -->
-                <div>
-                  <div class="study-count">{{courseInfo.studys}}人学习</div>
-                  <!-- <div><span style="font-size:20px;color:#ff8e00">{{courseInfo.score ? courseInfo.score.toFixed(1) : 0}}</span><span style="font-size:12px;color:#ff8e00">分</span></div> -->
-                </div>
-                <div class="label-div">
-                  <el-tag class="label-item" effect="plain" v-for="(item,tagIdx) in tagArray" :key="tagIdx">{{item}}</el-tag>
-                 </div>
-                <!-- <div style="width:160px;height:50px"> -->
-                <!-- </div> -->
-                <!-- <div class="label-div">
-                  <el-tag class="label-item" effect="plain">{{courseType(courseInfo.type)}}</el-tag>
-                </div> -->
-                  <div class="score-div">
-                     <!-- colors="[#FF8E00]" -->
-                    <div v-if="courseInfo.score">
-                      <el-rate disabled v-model="courseInfo.score"></el-rate>
-                      <span class="score-text">{{courseInfo.score ? courseInfo.score.toFixed(1) : 0}}<span style="font-size: 14px;">分</span></span>
-                     </div>
-                     <div v-else class="score-no">未评分</div>
-                  </div>
-                  <div class="btn-div"  style="height:30px;margin-top: 15px;">
-                    <el-button v-if="stuStusts == 0" type="primary" @click="startSigningUp()" >立即报名</el-button>
-                    <el-button v-if="stuStusts == 1" type="primary" @click="jumpJearning">{{btnName}}</el-button>
-                 </div>
+    </div>

-                <div class="erweima" v-if="courseInfo.device == 2 || courseInfo.device == 3">
-                  <img class="detail-img" v-show="!showQrcode" @click="showQrcode = true" src="../../../assets/images/qr.png">
-                  <div v-show="showQrcode" class="qrcode" @click="showQrcode = false">
-                    <div id="qrcode" ref="qrcode"></div>
-                    <!-- <div class="qrcode-title">手机扫码观看</div> -->
-                  </div>
+    <div  class="portal-content xcontent">
+
+          <div class="detail">
+            <div class="image">
+              <course-image :course="courseInfo"></course-image>
+            </div>
+            <div class="detail-info">
+            <div class="course-title">
+              <div class="title"> {{courseInfo.name}}</div>
+              <interactBar :readonly="!stuStusts || stuStusts==0" :type="1" :data="courseInfo" :praises="false" :comments="false" :views="false"></interactBar>
+            </div>
+                <!-- <div class="course-title-right"> -->
+                <!-- <interactBar :readonly="!stuStusts || stuStusts==0" :type="1" :data="courseInfo" :comments="false" :views="false"></interactBar> -->
+              <!-- </div> -->
+              <div>
+                <div class="study-count">{{courseInfo.studys}}人学习</div>
+                <!-- <div><span style="font-size:20px;color:#ff8e00">{{courseInfo.score ? courseInfo.score.toFixed(1) : 0}}</span><span style="font-size:12px;color:#ff8e00">分</span></div> -->
+              </div>
+              <div class="label-div">
+                <el-tag class="label-item" effect="plain" v-for="(item,tagIdx) in tagArray" :key="tagIdx">{{item}}</el-tag>
+               </div>
+              <!-- <div style="width:160px;height:50px"> -->
+              <!-- </div> -->
+              <!-- <div class="label-div">
+                <el-tag class="label-item" effect="plain">{{courseType(courseInfo.type)}}</el-tag>
+              </div> -->
+                <div class="score-div">
+                   <!-- colors="[#FF8E00]" -->
+                  <div v-if="courseInfo.score">
+                    <el-rate disabled v-model="courseInfo.score"></el-rate>
+                    <span class="score-text">{{courseInfo.score ? courseInfo.score.toFixed(1) : 0}}<span style="font-size: 14px;">分</span></span>
+                   </div>
+                   <div v-else class="score-no">未评分</div>
+                </div>
+                <div class="btn-div"  style="height:30px;margin-top: 15px;">
+                  <el-button v-if="stuStusts == 0" type="primary" @click="startSigningUp()" >立即报名</el-button>
+                  <el-button v-if="stuStusts == 1" type="primary" @click="jumpJearning">{{btnName}}</el-button>
+               </div>
+
+              <div class="erweima" v-if="courseInfo.device == 2 || courseInfo.device == 3">
+                <img class="detail-img" v-show="!showQrcode" @click="showQrcode = true" src="../../../assets/images/qr.png">
+                <div v-show="showQrcode" class="qrcode" @click="showQrcode = false">
+                  <div id="qrcode" ref="qrcode"></div>
+                  <!-- <div class="qrcode-title">手机扫码观看</div> -->
                </div>
              </div>
            </div>
-          </el-card>
+          </div>
+
          <el-row :gutter="10">
            <el-col :span="18">
              <el-card :body-style="{ padding: '0px' }" class="info" style="margin-top: 10px;">
@@ -121,8 +124,7 @@
              </el-card>
            </el-col>
          </el-row>
-        </el-col>
-      </el-row>
+
    </div>
    <portal-footer></portal-footer>
  </div>
@@ -220,10 +222,10 @@ export default {
              })
              this.catalogTree=treeList;
          }
-          
-         
-        
-        
+
+
+
+
        this.showQrimage();
        this.isSignUp();
      }else{
@@ -411,6 +413,8 @@ export default {

 .detail {
  display: flex;
+  margin-top: 20px;
+  background-color: #fff;
  .image {
      width: 500px;
      height: 280px;