From 5b08295e2c3dbb3683fa76244de9cb7e6d02a296 Mon Sep 17 00:00:00 2001
From: lion <120344285@qq.com>
Date: Fri, 24 Mar 2023 11:01:20 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AD=A6=E4=B9=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/visit/addrecord.vue |   7 ++-
 pages/visit/study.vue     | 102 +++++++++++++++++++++++++++++++++-----
 static/img/pic.png        | Bin 0 -> 384 bytes
 static/img/video.png      | Bin 0 -> 417 bytes
 4 files changed, 95 insertions(+), 14 deletions(-)
 create mode 100644 static/img/pic.png
 create mode 100644 static/img/video.png

diff --git a/pages/visit/addrecord.vue b/pages/visit/addrecord.vue
index a7f463c..3b85d70 100644
--- a/pages/visit/addrecord.vue
+++ b/pages/visit/addrecord.vue
@@ -239,8 +239,13 @@
 
 			}
 		},
-		onLoad(options) {
+		onLoad(options) {
+
 			this.form.type = options.type
+			// uni.navigateTo({
+			// 	url: '/pages/visit/study?type='+this.form.type
+			// })
+			// return
 			this.isCall = options.iscall?options.iscall:''
 			this.goStudy = this.isCall=='call'?'提交':'去学习'
 			this.form.audit_status = this.isCall=='call'?1:0
diff --git a/pages/visit/study.vue b/pages/visit/study.vue
index 75a2477..7ff21e7 100644
--- a/pages/visit/study.vue
+++ b/pages/visit/study.vue
@@ -4,16 +4,42 @@
 			<uni-steps :options="steps" :active="stepActive" active-color="#044ed7" />
 		</view>
 		<view class="study">
-			<view class="service-show">
-				<swiper class="service-show-swiper" :indicator-dots="true">
-					<swiper-item v-for="(img,index) in studyInfo.file_detail" :key="index">
-						<u-image height="360rpx" width="100%" :src="img.url" mode="aspectFit">
-						</u-image>
-					</swiper-item>
-				</swiper>
+			<view class="service-show" v-if="studyInfo.file_detail.length>0">
+				<view v-if="picList.length>0&&showSwiperFlag==0">
+					<u-swiper :list="picList" @change="e => imgcurrent = e.current" keyName="url"
+						:height="'360rpx'" :interval='4000' :duration='500' :autoplay='false' circular>
+						<view slot="indicator" class="indicator">
+							<view class="indicator__dot" v-for="(item, index) in picList" :key="index"
+								:class="[index === imgcurrent && 'indicator__dot--active']">
+							</view>
+						</view>
+					</u-swiper>
+				</view>
+				<view v-if="videoList.length>0&&showSwiperFlag==1">
+					<u-swiper :list="videoList" @change="e => videocurrent = e.current" keyName="url"
+						:height="'360rpx'" :interval='4000' :duration='500' :autoplay='false' circular>
+					
+						<view slot="indicator" class="indicator">
+							<view class="indicator__dot" v-for="(item, index) in videoList" :key="index"
+								:class="[index === videocurrent && 'indicator__dot--active']">
+							</view>
+						</view>
+					</u-swiper>
+				</view>
+				
+				<view class="changePicVideo">
+					<view @click='showSwiperFlag=0,imgcurrent=0' v-if="picList.length>0">
+						<image src="../../static/img/pic.png">
+						</image>{{picList.length}}
+					</view>
+					<view @click='showSwiperFlag=1,videocurrent=0' v-if="videoList.length>0">
+						<image src="../../static/img/video.png">
+						</image>{{videoList.length}}
+					</view>
+				</view>
+				
 			</view>
-			<view>
-				{{studyInfo.content?studyInfo.content:""}}
+			<view v-html="studyInfo.content" style="padding-bottom: 160rpx;">
 			</view>
 		</view>
 		<view class="asks">
@@ -41,7 +67,12 @@
 					title: '完成'
 				}],
 				stepActive: 1,
-				studyInfo: {},
+				studyInfo: {},
+				picList:[],
+				videoList:[],
+				showSwiperFlag:0,
+				imgcurrent: 0,
+				videocurrent:0,
 				studyTime: "00:00", // 学习时间
 				studyMin: -1, // 倒计时
 				timer: null,
@@ -69,8 +100,16 @@
 						type: that.type
 					},
 					utilSuccess: function(res) {
-						that.studyInfo = res
-						that.studyMin = res.minute * 60
+						that.studyInfo = res
+						for(var k of res.file_detail){
+							if(k.extension=='mp4'){
+								that.videoList.push(k)
+							}else{
+								that.picList.push(k)
+							}
+						}
+						that.showSwiperFlag = that.picList.length==0? 1 : 0
+						that.studyMin = res.minute * 60
 						// that.studyMin = .1 * 60
 					},
 					utilFail: function(res) {}
@@ -98,6 +137,25 @@
 	}
 </script>
 
+<style lang="scss">
+	.indicator {
+		@include flex(row);
+		justify-content: center;
+
+		&__dot {
+			height: 6px;
+			width: 6px;
+			border-radius: 100px;
+			background-color: #fff;
+			margin: 0 5px;
+			transition: background-color 0.3s;
+
+			&--active {
+				background-color: #044ed7;
+			}
+		}
+	}
+</style>
 <style scoped>
 	.containers {
 		background-color: #fff;
@@ -131,7 +189,25 @@
 	.service-show {
 		width: 100%;
 		height: 360rpx;
-
 		position: relative;
+	}
+	.service-show .changePicVideo{
+		    position: absolute;
+		    right: 10rpx;
+		    bottom: 25rpx;
+	}
+	.service-show .changePicVideo view{
+		    background: rgba(0,0,0,0.5);
+		        display: inline-block;
+		        padding: 5rpx 20rpx;
+		        margin: 6rpx;
+		        border-radius: 15rpx;
+		        color: #fff;
+		        font-size: 28rpx;
+	}
+	.service-show .changePicVideo view image{
+		width:24rpx;
+		height:21rpx;
+		margin-right: 10rpx;
 	}
 </style>
diff --git a/static/img/pic.png b/static/img/pic.png
new file mode 100644
index 0000000000000000000000000000000000000000..25c62b419b4dbcf09d6e9bcd8755c95612c14b43
GIT binary patch
literal 384
zcmV-`0e}99P)<h;3K|Lk000e1NJLTq000;O000#T1^@s6T<I<*00001b5ch_0Itp)
z=>Px$I!Q!9R7gwJmAx(nQ51#06_gUChE6Dzw-Sv)B0{2*+{QC#L_ri3G-?Xbi6BvX
z0ExeZ7ZANlDVCg@nPl8MXJ)uFg;UO)tZ(go_K$2|0gHgB_dEeD+5T!kJheI*0It{g
z54EW}0N20^Fb_<3ne7{}Eom!=+8zXMfSC-WZ@{>uw^Y#f8gNu6pe5-x1K0$1>IB>Y
zE0SJq&jOdgNL9cAFbb@eR9UFP4`4XwUi1z2C9T^Y08T1EVjgk<9q~+Fiy-g7Junv`
z^Z-sJwYx7zA_?L__!&3@ma3#^L(*=Zn=VL4T+&0*149u=PXtjwA{5ef2pp&4nN$YI
zc``WD&%Xnd%`Dr?z(rA+7Dn(d0FTLJEHfMXKL&)3j=sTPg$o<)6A0DO#F+>SXAf9t
eU~Pt--2MiBLaf67<vL^l0000<MNUMnLSTZ4IhAJs

literal 0
HcmV?d00001

diff --git a/static/img/video.png b/static/img/video.png
new file mode 100644
index 0000000000000000000000000000000000000000..eb0c1c434552af30253f1a1442e63ba6c61a6d88
GIT binary patch
literal 417
zcmV;S0bc%zP)<h;3K|Lk000e1NJLTq000;O000#T1^@s6T<I<*00001b5ch_0Itp)
z=>Px$TS-JgR7gwhlr2jHQ51%sS5Pd9L5ttfY_w=Jh(BNjL0OBipopMg7EEps42!`c
z7>r_6#Ntm7bbo+?AJO8GBX?xjot>R^CVI<dnDf5RJ!kH`A}li-14g3fjJpAKNiVJH
zWoEs=Ik1?~w6W|9s7l&O(mP-m*#Dz>T(%(TveCx@SHOG$fCEW8Nq`$*HoUk4wt-h*
z3D^U=GQxdKn`wX#U_z4bKg-NcfYnX_W;O}<*oR!}BZ@k>l@xUn0hWQ&jDR!X4Ojzu
zf~FJ)JOksBK4Tpm0vj0tNo6Z>fEQc<72q8x0mndhk$}j{?{?OYo5pYIAje@7rT>7o
z6D@Q^55O?c7sD0`sD{w=JX#Oed#3R}Xxnp2!EY9s*&r|=>Cpk#z+4{Zplum;HK1Go
zpd#rgDNUz<d!RoDqz+8SlQ{BHh-HshPtMT}As#7DKuwb8SJV0iIlYXO%kCOF00000
LNkvXXu0mjfdoro0

literal 0
HcmV?d00001