视频教学大纲

src/pages.json

@@ -6,7 +6,8 @@
 		{
 			"path": "pages/index/index",
 			"style": {
-				"navigationBarTitleText": "首页"
+				"navigationBarTitleText": "首页",
+				"navigationStyle": "custom"
 			}
 		},
 		{

src/pages/index/index.vue

 <template>
 	<view class="content">
-    <scroll-view
-      scroll-y
-      style="height: 100%; width: 100%"
-      @scrolltolower="reachBottom"
-      @scroll="handleScroll"
-      refresher-enabled
-      :refresher-triggered="triggered"
-      @refresherrefresh="onRefresh"
-      scroll-anchoring
-      @refresherrestore="onRestore"
-      @refresherpulling="triggered = true"
-    >
-      <u-swiper
-        :height="250"
-        :list="list"
-        :indicator-pos="indicatorPos"
-        :mode="mode"
-        :interval="3000"
-        @click="clickSwiper"
-      >
+		<scroll-view scroll-y style="height: 100%; width: 100%" @scrolltolower="reachBottom" @scroll="handleScroll"
+			refresher-enabled :refresher-triggered="triggered" @refresherrefresh="onRefresh" scroll-anchoring
+			@refresherrestore="onRestore" @refresherpulling="triggered = true">
+			<u-swiper :height="250" :list="list" :indicator-pos="indicatorPos" :mode="mode" :interval="3000"
+				@click="clickSwiper">
 			</u-swiper>
-      <view>
-        <text class="title">最新消息</text>
-        <view v-for="(item, index) in messageList" :key="index">
-          <text class="title">{{ item.body }}</text>
+			<view class="msg-view">
+				<text class="msg-title">最新消息</text>
+				<u-cell-group>
+					<u-cell-item class="msg-content" v-for="(item, index) in messageList" :key="index"
+						:title="item.message">
+						<image class="msg-icon" slot="icon"></image>
+					</u-cell-item>
+				</u-cell-group>
 			</view>
 			<view class="order-view">
 				<!-- 订单推荐吸顶 -->
@@ -38,10 +27,7 @@
 					<view v-for="(item, index) in orderList" :key="index">
 						<OrderCell :orderData="item"> </OrderCell>
 					</view>
-            <u-loadmore
-              :status="currentLoadStatus"
-              bgColor="#f2f2f2"
-            ></u-loadmore>
+					<u-loadmore :status="currentLoadStatus" bgColor="#f2f2f2"></u-loadmore>
 				</view>
 				<!-- 入驻成功之后无推荐订单 -->
 				<view v-else-if="status == 7 && orderList.length <= 0">
@@ -49,32 +35,24 @@
 				</view>
 				<!-- 入驻前-->
 				<view v-else-if="loaded">
-            <text class="title"
-              >当前订单{{ count }}笔\n入驻通过后，平台将向您推荐订单</text
-            >
-            <u-button
-              class="settle-button"
-              type="primary"
-              shape="circle"
-              @click="immediatelyIn"
-              :custom-style="buttonStyle"
-            >
+					<text class="title">当前订单{{ count }}笔\n入驻通过后，平台将向您推荐订单</text>
+					<u-button class="settle-button" type="primary" shape="circle" @click="immediatelyIn"
+						:custom-style="buttonStyle">
 						立即入驻
 					</u-button>
 				</view>
 			</view>
-      </view>
 		</scroll-view>
 	</view>
 </template>
 
 <script>
-import util from "@/utils/util.js";
+	import util from "@/utils/util.js";
 
-const app = getApp();
-import OrderCell from "@/components/order/index.vue";
+	const app = getApp();
+	import OrderCell from "@/components/order/index.vue";
 
-export default {
+	export default {
 		components: {
 			OrderCell,
 		},
@@ -82,8 +60,7 @@ export default {
 			return {
 				status: 0, // 入驻状态:0=>'待提交',1=>'待审核',2=>'已通过',3=>'备选',4=>'已驳回',5=>'已签约',6=>'未支付保证金',7=>'已支付保证金',8=>'已通过考试',9=>'待提交'
 				triggered: false,
-      list: [
-        {
+				list: [{
 						image: "https://cdn.uviewui.com/uview/swiper/1.jpg",
 					},
 					{
@@ -99,8 +76,7 @@ export default {
 				title: "Hello",
 				loaded: false,
 				count: 0, // 推荐订单数量
-      messageList: [
-        {
+				messageList: [{
 						id: 1234,
 						type: "",
 						level: "",
@@ -137,6 +113,13 @@ export default {
 					width: "300rpx",
 				};
 			},
+			msgStyle() {
+				return {
+					'1': '', // 置顶
+					'2': '', // 通知
+					'3': '' // 消息
+				}
+			}
 		},
 		onLoad() {
 			this._freshing = false;
@@ -157,7 +140,6 @@ export default {
 					if (result && result.record) {
 						vm.loaded = true;
 						vm.status = Number(result.record.status);
-          // vm.status = 1
 					}
 				};
 				await app.getBaseInfo(this, callBack);
@@ -195,10 +177,10 @@ export default {
 					this.orderList.push(...[{}, {}, {}, {}, {}, {}, {}, {}, {}, {}]);
 
 					// 加载完成
-        this.currentLoadStatus = false /*是否还有*/
-          ? this.loadStatus[1]
-          : this.loadStatus[2];
-        this.$nextTick(function () {
+					this.currentLoadStatus = false /*是否还有*/ ?
+						this.loadStatus[1] :
+						this.loadStatus[2];
+					this.$nextTick(function() {
 						this.bottomLoading = false;
 					});
 				}, 1000);
@@ -219,39 +201,55 @@ export default {
 				}
 			},
 		},
-};
+	};
 </script>
 
 <style lang="scss" scoped>
-.content {
-  height: 100vh;
-}
+	.content {
+		height: 100%;
+		padding: 30rpx;
 
-.logo {
+		.msg-view {
+			.msg-title {
+				color: #333333;
+				font-size: 32rpx;
+				font-weight: bold;
+			}
+
+			.msg-content {
+				color: #333333;
+				font-size: 26rpx;
+				.mas-icon {}
+			}
+
+		}
+	}
+
+	.logo {
 		height: 200 rpx;
 		width: 100%;
 		margin: 0 rpx auto 50 rpx auto;
-}
+	}
 
-.text-area {
+	.text-area {
 		display: flex;
 		justify-content: center;
-}
+	}
 
-.title {
+	.title {
 		font-size: 36 rpx;
 		color: #8f8f94;
-}
+	}
 
-.sticky {
+	.sticky {
 		height: 120 rpx;
 		background-color: #2979ff;
 		color: #fff;
 		padding: 24 rpx;
 		text-align: left;
-}
+	}
 
-.order-view {
+	.order-view {
 		text-align: center;
-}
+	}
 </style>

src/pages/learn/course-detail.vue

@@ -12,11 +12,10 @@
 				</view>
 				<view>接单操作须知有助你快速了解充电桩安装业务，提高接单效率，请认真查看及学习。</view>
 			</view>
-			<view class="learn-view">
-				<view class="learn-view-title">内容大纲</view>
-				<view class="learn-list" v-for="(item, key) in courseOutline" :key="key">
+			<view class="learn-view" v-if="currentIndex >= 0">
+				<view class="learn-view-title">视频内容介绍</view>
+				<view class="learn-list" v-for="(item, key) in courseOutlines[currentIndex]" :key="key">
 					<view class="learn-list-item">{{item}}</view>
-					<view class="line-view"></view>
 				</view>
 			</view>
 		</view>
@@ -33,9 +32,39 @@
 				courseSrc: '',
 				courseTitle: '',
 				courseDesc: '',
-				courseOutline: ['1 aaa', '2 bbb'] // 视频大纲
+				currentIndex: -1 // 第几个视频
 			};
 		},
+		computed: {
+			courseOutlines() {
+				return [[
+					'1、考核规则：接单及时率',
+					'2、考核规则：上门及时率',
+					'3、考核规则：安装完工率',
+					'4、考核规则：资料提交及时率',
+					'5、考核规则：安装完工率',
+					'6、考核规则：客户满意度'
+				],
+				[
+					'1、必备材料4大类',
+					'2、施工工具准备'
+				],
+				[
+					'1、接线安装工艺标准',
+					'2、PVC、镀锌管电缆管明敷',
+					'3、电缆敷设的防火要求',
+					'4、电源点标识',
+					'5、配电箱接线及安装',
+					'6、管线敷设接头处理',
+					'7、充电桩内部接线',
+					'8、配电箱安装'
+				],
+				[
+					'1、勘测环节录单要求',
+					'2、安装环节录单要求'
+				]]
+			}
+		},
 		onLoad(e) {
 			if (e) {
 				if (e.courseId) {