课程管理页面修改

common/request.js

@@ -5,8 +5,8 @@ import api from './api.js'
 var num = 1
 //接口api   
 // export const BASE_URL = 'https://api.xyyxt.net'   //release
-// export const BASE_URL = 'https://test.xyyxt.net'   //预发布
-export const BASE_URL = 'http://120.79.166.78:19012' // 测试环境
+export const BASE_URL = 'https://test.xyyxt.net'   //预发布
+// export const BASE_URL = 'http://120.79.166.78:19012' // 测试环境
 // export const BASE_URL = 'http://42.192.164.187:19005'    //test(后端本地)
 // export const BASE_URL = 'http://192.168.1.222:5055'    //后端本地更新到222
 // export const BASE_URL = 'http://192.168.1.24:5055'    //后端本地

pages3/polyv/detail.vue

@@ -86,16 +86,16 @@
         </view>
       </view>
       <view class="course_name">
-        <u-row>
-          <u-col span="10">
-            <view class="video_t1">{{ detail.courseName }}</view>
-          </u-col>
-          <u-col span="2">
-            <div class="notice_wrap" v-if="goodsData.buyNote">
+        <view class="course_titles">
+            <view class="video_t1" :class="{'one': !goodsData.buyNote}">{{ detail.courseName }}</view>
+            <view class="notice_wrap" v-if="goodsData.buyNote">
               <view class="video_t1_t" @click="studyNotice"> 学员须知 </view>
-            </div>
-          </u-col>
-        </u-row>
+            </view>
+            <view class="toggle_course" >
+              <image class="img" src="/pages3/static/imgs/toggle.png" mode="widthFix"></image>
+              <view class="toggle_name" @click="studyNotice">切换课程</view>
+            </view>
+        </view>
       </view>
       <u-line color="#D6D6DB" />
       <view>
@@ -238,21 +238,6 @@
         </view>
         <!--答疑 -->
         <view v-show="current == 3" class="Answering">
-          <!-- <view class="inputBottom">
-            <view class="flex_auto">
-              <u-input
-                height="60"
-                fixed="true"
-								:focus="isFocus"
-                :placeholder="placeholder"
-                type="input"
-								@blur="blur"
-                :custom-style="inputStyle"
-                v-model="ctxValue"
-              />
-            </view>
-            <view class="btn" @click="postContent">提交</view>
-          </view> -->
           <view
             v-for="(item, index) in answerList"
             :key="index"
@@ -546,6 +531,41 @@
 			</view>
 		
 		</u-modal>
+
+    <!-- 切换课程弹窗 -->
+    <u-popup v-model="toggleCourseShow" mode="bottom" border-radius="40">
+			<view class="popup_box">
+				<view class="check_head">
+            <view class="headers">
+              <view class="grade">切换课程</view>
+					    <u-icon name="close" color="#9C9C9C" size="40" @click="closePop(0)"></u-icon>
+            </view>
+            <view class="coruse_num">共2门</view>
+				</view>
+				<view class="check_con">
+					<scroll-view scroll-y="true" style="height: 700rpx;">
+						<view class="course_items">
+                <view class="course_lefts">
+                  <view class="course_title">标题标题</view>
+                  <view class="course_pros">
+                    学习进度
+                    <text>0/2</text>
+                  </view>
+                </view>
+                <view class="course_rights">
+                  <view class="cicles">
+                    <u-icon name="arrow-right" color="#498AFE" size="20" @click="closePop(0)"></u-icon>
+                  </view>
+                  <view class="intoStudy">进入学习</view>
+                </view>
+						</view>
+					</scroll-view>
+				</view>
+				<!-- // <view class="confrim-btn">
+				// 	<view class="okBtn" @click="okPopup(0)">确定</view>
+				// </view> -->
+			</view>
+		</u-popup>
 		 
   </view>
 </template>
@@ -667,13 +687,13 @@ export default {
       downLoading: false, //下载讲义加载
       muluStyle: false, //显示和隐藏目录样式
       bottomHeight: 0,
+      toggleCourseShow: true, // 切换课程弹窗
     };
   },
   computed: {
     ...mapGetters(["userInfo", "playSectionId", "playChannelId", "playVID"]),
   },
   onLoad(option) {
-    console.log('===option', option)
     this.courseId = Number(option.id);
     this.goodsId = Number(option.goodsId);
     this.orderGoodsId = Number(option.orderGoodsId) || '';
@@ -3142,10 +3162,18 @@ page {
   color: #666666;
 }
 .course_name {
+  width: 100%;
   height: 80rpx;
   background-color: #fff;
 }
+.course_titles {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  padding: 0rpx 20rpx;
+}
 .video_t1 {
+  width: 405rpx;
   height: 80rpx;
   color: #333333;
   line-height: 80rpx;
@@ -3157,15 +3185,18 @@ page {
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+.one {
+  width: 540rpx;
+}
 
 .notice_wrap {
   height: 80rpx;
   display: flex;
   align-items: center;
   justify-content: flex-end;
-
+  margin-right: 10rpx;
   .video_t1_t {
-    width: 100%;
+    width: 124rpx;
     height: 40rpx;
     line-height: 40rpx;
     text-align: center;
@@ -3175,6 +3206,24 @@ page {
     font-size: 24rpx;
   }
 }
+.toggle_course {
+  width: 156rpx;
+  height: 56rpx;
+  background: #F1F5F8;
+  border-radius: 28rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  .img {
+    width: 32rpx;
+    height: 32rpx;
+    margin-right: 4rpx;
+  }
+  .toggle_name {
+    color: #4B4B4B;
+    font-size: 24rpx;
+  }
+}
 .video_play {
   position: absolute;
   width: 95rpx;
@@ -3315,5 +3364,72 @@ page {
       border: 1rpx solid red;
     }
   }
-
+  // 切换课程弹窗
+  .popup_box {
+    width: 100%;
+    height: 938rpx;
+    padding: 56rpx 56rpx 0rpx;
+    .check_head {
+      height: 140rpx;
+      border-bottom: 2rpx solid #F0F0F0;
+    }
+    .headers {
+      width: 100%;
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      .grade {
+        font-size: 40rpx;
+        font-weight: bold;
+        color: #222222;
+      }
+    }
+    .coruse_num {
+      margin-top: 12rpx;
+      font-size: 28rpx;
+      color: #222222;
+    }
+    .course_items {
+      width: 100%;
+      padding: 24rpx 0rpx 20rpx;
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      border-bottom: 2rpx solid #F0F0F0;
+      .course_lefts {
+        width: 510rpx;
+      }
+      .course_title {
+        font-size: 28rpx;
+        font-weight: 500;
+        color: #303030;
+      }
+      .course_pros {
+        font-size: 22rpx;
+        color: #969696;
+        margin-top: 16rpx;
+        >text {
+          color: #4B4B4B;
+        }
+      }
+      .course_rights {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        .cicles {
+          width: 32rpx;
+          height: 32rpx;
+          line-height: 26rpx;
+          text-align: center;
+          border-radius: 50%;
+          background-color: #D5E4FF;
+        }
+        .intoStudy {
+          font-size: 22rpx;
+          color: #498AFE;
+          margin-top: 16rpx;
+        }
+      }
+    }
+  }
 </style>