游客模式

components/z-navigation/z-navigation.vue

@@ -2,7 +2,7 @@
 	<view>
 		<view class="footer_box" :class="{ footer_bg: bg }">
 			<view v-for="(item, index) of navigationList" :key="index" class="footer_item">
-				<view class="footer_nav_item" @click="onPageJump(item.pagePath)">
+				<view class="footer_nav_item" @click="onPageJump(item.pagePath,index+1)">
 					<image v-if="item.pagePath == path" class="footer_nav_item_image footer_nav_item_image_scale"
 						:src="'/' + item.selectedIconPath" mode="aspectFit"></image>
 					<image v-else class="footer_nav_item_image" :src="'/' + item.iconPath" mode="aspectFit"></image>
@@ -49,7 +49,7 @@
 						iconPath: 'static/tab/icon2_n.png',
 						selectedIconPath: 'static/tab/icon2_y.png',
 						text: '我的订单'
-						
+
 					},
 					{
 						pagePath: 'pages/peanut/mine',
@@ -69,11 +69,23 @@
 		},
 		//方法
 		methods: {
-			onPageJump(url) {
+			onPageJump(url,num) {
-				if (this.path !== url) {
+				if (uni.getStorageSync("anonymous") == '0000000000' && (num == 2 || num == 3)) {
-					uni.switchTab({
+					uni.showToast({
-						url: '/' + url
+						icon: 'none',
-					});
+						title: '请先登录'
+					})
+					// setTimeout(() => {
+					// 	uni.navigateTo({
+					// 		url: "/pages/user/login"
+					// 	});
+					// }, 1000)
+				} else {
+					if (this.path !== url) {
+						uni.switchTab({
+							url: '/' + url
+						});
+					}
 				}
 			},
 		}
@@ -159,10 +171,10 @@
 		}
 	}
 
-	
+
 
 	.footer_item_text_active {
 		color: #079307;
 		font-weight: bold;
 	}
-</style>
+</style>

config/baseUrl.js

@@ -6,10 +6,10 @@ if (process.env.NODE_ENV === 'development') {
 	// socketUrl = "ws://localhost:6001/";
 	// baseUrl = "https://twin-ui.com/demo/";
 	// baseUrl = "http://59.110.212.44:9200/pb/";
-	// baseUrl = "https://testapi.nuttyreading.com/";      // 线上测试环境
+	baseUrl = "https://testapi.nuttyreading.com/";      // 线上测试环境
 	 // baseUrl = "https://api.nuttyreading.com/";   // 线上正式
 	// baseUrl = "http://192.168.110.100:9100/pb/";    //  开发用电脑
-	baseUrl = "http://192.168.110.110:9200/pb/";
+	// baseUrl = "http://192.168.110.110:9200/pb/";
 	  // baseUrl = "http://192.168.110.38:9200/pb/";        // 吴春磊笔记本1
 	// socketUrl = "ws://8.129.186.35:6001/";
 } else if (process.env.NODE_ENV === 'production') {

config/html5Utils.js

@@ -240,13 +240,13 @@ export const h5Login = function(type = "judge", callback) {
 			appMutual("jumpLogin", null, function() {
 				if (type == "force") {
 					// 没登录跳转回登录页
-					uni.showToast({
+					// uni.showToast({
-						icon: 'none',
+					// 	icon: 'none',
-						title: '用户信息失效，请重新登陆。'
+					// 	title: '用户信息失效，请重新登陆。'
-					})
+					// })
-					uni.navigateTo({
+					// uni.navigateTo({
-						url: "/pages/user/login"
+					// 	url: "/pages/user/login"
-					});
+					// });
 				}else{
 					uni.showModal({
 						title:"提示",

config/requestConfig.js

@@ -125,9 +125,11 @@ $http.requestStart = function(options) {
 	let storeUserInfo = store.state.userInfo;
 	if (!storeUserInfo.token) { // nvue页面读取不到vuex里面数据，将取缓存
 		storeUserInfo = uni.getStorageSync("userInfo");
+		uni.setStorageSync('anonymous', '0000000000');
 	}
 	if (storeUserInfo.token) {
 		options.header['token'] = storeUserInfo.token;
+		uni.setStorageSync('anonymous', storeUserInfo.token);
 	};
 	return options;
 }
@@ -161,8 +163,9 @@ $http.dataFactory = async function(res) {
 			// 返回正确的结果(then接受数据)
 			return Promise.resolve(httpData);
 		} else if (httpData.code == "401") {
+			console.log(uni.getStorageSync("anonymous"))
 			// token失效
-			if (uni.getStorageSync('guidePages') == 2) {
+			if (uni.getStorageSync('guidePages') == 2 && uni.getStorageSync("anonymous") != '0000000000') {
 				uni.showToast({
 					title: '登录失效，请重新登录',
 					icon: 'none'
@@ -295,7 +298,7 @@ $http.dataFactory = async function(res) {
 			});
 		} else { //其他错误提示   
 			console.log(httpData.info || httpData.msg)
-			if (res.isPrompt && res.data.loadAnimate != 'none') {	
+			if (res.isPrompt && res.data.loadAnimate != 'none') {
 				uni.showToast({
 					title: httpData.info || httpData.msg,
 					icon: "none",
@@ -334,4 +337,4 @@ $http.requestError = function(e) {
 		// });
 	}
 }
-export default $http;
+export default $http;

pages/bookShop/commodityDetail.vue

@@ -110,7 +110,7 @@
 						</u-row>
 					</view>
 					<!-- <view class="commodityIntroduce" v-html="productInfo.productDetails"> -->
-					<view class="commodityIntroduce">						
+					<view class="commodityIntroduce">
 						<view v-if="productInfo.productDetails">
 							<rich-text v-if="productInfo.productDetails" class="xiangqing" @itemclick="showImg"
 								:nodes="productInfo.productDetails|formatRichText"></rich-text>
@@ -225,7 +225,7 @@
 				options: [{
 					icon: 'cart',
 					text: '购物车'
-				}],				
+				}],
 				buttonGroup: [{
 						text: '加入购物车',
 						backgroundColor: 'linear-gradient(90deg, #FFCD1E, #FF8A18)',
@@ -448,8 +448,18 @@
 					url: '../peanut/shopping'
 				});
 			},
+			
 			// 关联商品点击按钮组件
 			buttonClickLink(e) {
+				// 游客跳转
+				if (uni.getStorageSync("anonymous") == '0000000000') {
+					uni.showToast({
+						icon: 'none',
+						title: '请先登录'
+					})
+					return
+				}
+
 				console.log('点击的是关联商品的组件')
 				if (e.index == 0) {
 					// 点击的是加入购物车
@@ -484,6 +494,14 @@
 			},
 			// 点击按钮组间
 			buttonClick(e) {
+				// 游客跳转
+				if (uni.getStorageSync("anonymous") == '0000000000') {
+					uni.showToast({
+						icon: 'none',
+						title: '请先登录'
+					})
+					return
+				}
 				//	console.log(e)	
 				if (e.index == 0) {
 					// 点击的是加入购物车

pages/library/library.vue

@@ -67,6 +67,7 @@
 												<view v-if="item.clockIn != null && item.clockIn != 2" @click="goDaKa(item)">
 													<image src="../../static/icon/home1.png" mode="aspectFit"></image>
 												</view>
+												
 												<view v-else @click="noOp()">
 													<image class="gray" src="../../static/icon/home1.png" mode="aspectFit"></image>
 												</view>											

pages/peanut/mine.vue

@@ -5,12 +5,12 @@
 		<view style="height: 50rpx;"></view>
 		<view class="per_mes">
 			<image :src="userMes.avatar" v-if="userMes.avatar!=null" class="per_mes_img"></image>
-			<image src="../../static/icon/home_icon_1.png" v-if="userMes.avatar==null" class="per_mes_img"></image>
+			<image src="../../static/icon/home_icon_1.png" v-if="userMes.avatar==null" class="per_mes_img" @click="signOut()"></image>
 			<view>
 				<text class="name" v-if="userMes.nickname!=null">{{userMes.nickname}}</text>
-				<text class="name" v-if="userMes.nickname==null">未设置</text>
+				<text class="name" v-if="userMes.nickname==null" @click="signOut()">未登录</text>
 				<!-- <image v-if="userMes.vip==1" src="../../static/icon/mine_v.png" alt="" class="per_user_img"></image> -->
-				<text style="margin-left: 20rpx;font-size: 22rpx;color: #888;">({{userMes.tel}})</text>
+				<text style="margin-left: 20rpx;font-size: 22rpx;color: #888;" v-if="userMes.tel">({{userMes.tel}})</text>
 
 				<!-- <text class="tong">累计读书5本
 					<span style="margin: 0 20upx;">|</span> 今日读50分钟
@@ -35,7 +35,7 @@
 			<b class="kt_btn" @click="onPageJump('./opeVip')">立即续费</b>
 		</view> -->
 
-		<view class="chong_zhi">
+		<view class="chong_zhi" v-if="!anonymous">
 			<view class="zhanghu" @click="onPageJump('../user/persCount')">
 				我的账户
 				<text style="float: right;line-height: 85rpx;"> > </text>
@@ -55,54 +55,64 @@
 		</view>
 
 		<view class="xiugai">
-			<view class="nav_list" @click="switchTab('../bookShop/orderList')">
+			<view v-if="!anonymous">
-				<text>我的订单</text>
+				<view class="nav_list" @click="switchTab('../bookShop/orderList')">
-			</view>			
+					<text>我的订单</text>
-			<!-- <view class="nav_list" @click="onPageJump('../clock/clockList')">
+				</view>
+				<!-- <view class="nav_list" @click="onPageJump('../clock/clockList')">
 				<text>我的打卡</text>
 			</view> -->
-			<view class="nav_list" @click="onPageJump('../listen/home')">
+				<view class="nav_list" @click="onPageJump('../listen/home')">
-				<text>我的听书</text>
+					<text>我的听书</text>
-			</view>
+				</view>
-			<view class="nav_list" @click="onPageJump('../listen/setListen')">
+				<view class="nav_list" @click="onPageJump('../listen/setListen')">
-				<text>听书设置</text>
+					<text>听书设置</text>
-			</view>
+				</view>
-			<view class="nav_list" @click="onPageJump('../peanut/myComments')">
+				<view class="nav_list" @click="onPageJump('../peanut/myComments')">
-				<text>我的评价</text>
+					<text>我的评价</text>
-			</view>
+				</view>
-			<view class="nav_list" @click="onPageJump('../peanut/shopping')">
+				<view class="nav_list" @click="onPageJump('../peanut/shopping')">
-				<text>购物车</text>
+					<text>购物车</text>
-			</view>
+				</view>
-			<!-- <view v-if="showEbook" class="nav_list" @click="onPageJump('../eBook/bookBuy')">
+				<!-- <view v-if="showEbook" class="nav_list" @click="onPageJump('../eBook/bookBuy')">
 				<text>电子书购买记录</text>
 			</view> -->
-			<!-- <view v-if="showEbook" class="nav_list" @click="onPageJump('../eBook/bookRecord')">
+				<!-- <view v-if="showEbook" class="nav_list" @click="onPageJump('../eBook/bookRecord')">
 				<text>阅读记录</text>
 			</view> -->
-			<view class="nav_list" @click="onPageJump('../user/persData')">
+				<view class="nav_list" @click="onPageJump('../user/persData')">
-				<text>修改个人资料</text>
+					<text>修改个人资料</text>
-			</view>
+				</view>
-			<view class="nav_list" @click="onPageJump('../user/address')">
+				<view class="nav_list" @click="onPageJump('../user/address')">
-				<text>地址管理</text>
+					<text>地址管理</text>
-			</view>
+				</view>
-			
+
-			<!-- <view class="nav_list" @click="onGoing()">
+				<!-- <view class="nav_list" @click="onGoing()">
 				<text>帮助与反馈11111</text>
-			</view> -->			
+			</view> -->
-			<!-- <view class="nav_list" @click="newOnShare" v-if="isAndorid"> -->
+				<!-- <view class="nav_list" @click="newOnShare" v-if="isAndorid"> -->
-			<view class="nav_list" @click="newOnShare">
+				<view class="nav_list" @click="newOnShare">
-				<text>分享App</text>
+					<text>分享App</text>
+				</view>
+				<view class="nav_list" @click="onPageJump('../peanut/aboutUs')">
+					<text>关于我们</text>
+				</view>
+				<view class="nav_list" @click="signShow=true">
+					<text>退出登录</text>
+				</view>
+				<view class="nav_list" @click="logout">
+					<text>注销帐号</text>
+				</view>
 			</view>
-			<view class="nav_list" @click="onPageJump('../peanut/aboutUs')">
+
-				<text>关于我们</text>
+			<view v-if="anonymous">
+				<view class="nav_list" @click="newOnShare">
+					<text>分享App</text>
+				</view>
+				<view class="nav_list" @click="onPageJump('../peanut/aboutUs')">
+					<text>关于我们</text>
+				</view>
 			</view>
-			<view class="nav_list" @click="signShow=true">
-				<text>退出登录</text>
-			</view>
-			<view class="nav_list" @click="logout">
-				<text>注销帐号</text>
-			</view>
-			
 		</view>
 
 		<u-modal :show="signShow" :content="signContent" :showCancelButton="true" @cancel="signShow=false"
@@ -112,9 +122,10 @@
 		<uni-popup ref="share" type="share" safeArea backgroundColor="#fff">
 			<uni-popup-share @select="haveSelected"></uni-popup-share>
 		</uni-popup>
-		
+
 		<music-play :playData="playData"></music-play>
 		<z-navigation></z-navigation>
+		
 	</view>
 </template>
 
@@ -123,26 +134,28 @@
 	import $http from '@/config/requestConfig.js';
 	// import appShare, { closeShare } from '@/uni_modules/zhouWei-APPshare/js_sdk/appShare';
 	import {
-		mapState,mapMutations
+		mapState,
+		mapMutations
 	} from 'vuex';
 	export default {
 		data() {
 			return {
-				showEbook:false,    // 显示电子书相关
+				showEbook: false, // 显示电子书相关
 				userMes: {},
 				signShow: false,
 				signContent: '是否要退出登录？',
-				playData:{},
+				playData: {},
-				isAndorid:true,	
+				isAndorid: true,
-				platform : null, // 设备系统
+				platform: null, // 设备系统
+				anonymous: false, //游客
 			};
 		},
 		//第一次加载
 		onLoad(e) {
 			// 隐藏原生的tabbar
-			uni.hideTabBar();			
+			uni.hideTabBar();
 			// #ifdef APP-PLUS
-			this.getOS()			
+			this.getOS()
 			this.platform = uni.getSystemInfoSync().platform
 			// console.log('操纵系统',this.platform)
 			// #endif
@@ -155,27 +168,28 @@
 			// 隐藏原生的tabbar
 			uni.hideTabBar();
 			this.getData();
+			this.anonyMo();
 		},
-		components: {			
+		components: {
 			musicPlay
 		},
 		//方法
 		methods: {
 			...mapMutations(['setUserInfo']),
 			// 获得操作系统
-			getOS(){
+			getOS() {
-				let oprateOs = ''				
+				let oprateOs = ''
 				oprateOs = uni.getSystemInfoSync().platform
 				// console.log(oprateOs)
-				if(oprateOs == 'android'){
+				if (oprateOs == 'android') {
 					this.isAndorid = true
-				}else{
+				} else {
 					this.isAndorid = false
 				}
 			},
-			haveSelected(data){
+			haveSelected(data) {
-				console.log(data,' 选择的是')
+				console.log(data, ' 选择的是')
-				if(data.index == 0){    
+				if (data.index == 0) {
 					// 分享到好友
 					uni.share({
 						provider: "weixin",
@@ -185,14 +199,14 @@
 						title: "疯子读书",
 						summary: "我正在使用疯子读书提升自己，赶紧跟我一起来体验吧！",
 						imageUrl: "static/fengziIcon.jpg",
-						success: function (res) {
+						success: function(res) {
 							console.log("success:" + JSON.stringify(res));
 						},
-						fail: function (err) {
+						fail: function(err) {
 							console.log("fail:" + JSON.stringify(err));
 						}
 					});
-				}else if(data.index == 1){
+				} else if (data.index == 1) {
 					// 分享到朋友圈
 					uni.share({
 						provider: "weixin",
@@ -202,20 +216,32 @@
 						title: "疯子读书",
 						summary: "我正在使用疯子读书提升自己，赶紧跟我一起来体验吧！",
 						imageUrl: "static/fengziIcon.jpg",
-						success: function (res) {
+						success: function(res) {
 							console.log("success:" + JSON.stringify(res));
 						},
-						fail: function (err) {
+						fail: function(err) {
 							console.log("fail:" + JSON.stringify(err));
 						}
 					});
 				}
 			},
-			switchTab(url){
+			switchTab(url) {
 				uni.switchTab({
 					url: url
 				});
 			},
+
+			// 游客模式
+			anonyMo() {
+				if (uni.getStorageSync("anonymous") == '0000000000') {
+					this.anonymous = true
+				} else {
+					this.anonymous = false
+				}
+
+			},
+
+
 			getData() {
 				// 获取个人信息
 				if (this.userInfo.id != undefined) {
@@ -232,25 +258,25 @@
 				}
 
 			},
-			
+
 			// 新写分享
-			newOnShare(){
+			newOnShare() {
 				this.$refs.share.open()
-			},			
+			},
-			
+
 			// 注销账户
-			logout(){
+			logout() {
 				let that = this
 				uni.showModal({
 					title: '提示',
 					content: '确定要注销当前账户吗？',
-					success: function (res) {
+					success: function(res) {
 						if (res.confirm) {
 							uni.showModal({
 								title: '提示',
-								showCancel:false,
+								showCancel: false,
 								content: `注销申请已提交成功,请联系客服进行后续操作：022-24142321`,
-								success: function (res1) {
+								success: function(res1) {
 									if (res1.confirm) {
 										that.signOut()
 									}
@@ -270,7 +296,7 @@
 				})
 			},
 			onPageJump(url) {
-				console.log(url,'url')
+				console.log(url, 'url')
 				uni.navigateTo({
 					url: url
 				});
@@ -280,7 +306,9 @@
 			// 退出登录
 			signOut() {
 				this.signShow = false
-				this.setUserInfo({'token': null})
+				this.setUserInfo({
+					'token': null
+				})
 				uni.reLaunch({
 					url: '../user/login'
 				});
@@ -447,4 +475,4 @@
 			border-bottom: 0;
 		}
 	}
-</style>
+</style>

pages/talkBook/talkBookDetail.vue

@@ -11,13 +11,16 @@
 				<view class="audiobox">
 					<view class="audioinfo">
 						<image class="audioimg" :src="bookInfo.images" mode="aspectFit"></image>
-						<image class="audioimgstart" v-if="!this.paused" mode="aspectFit" src="../../static/audiostart.png" @click="start"></image>
+						<image class="audioimgstart" v-if="!this.paused" mode="aspectFit"
-						<image class="audioimgstart" v-else mode="aspectFit" src="../../static/audiostop.png" @click="start"></image>
+							src="../../static/audiostart.png" @click="start"></image>
+						<image class="audioimgstart" v-else mode="aspectFit" src="../../static/audiostop.png"
+							@click="start"></image>
 						<view>
 							<view class="audiotitle">{{talkBookDetail.title}}</view>
 							<view class="audioauthor">{{bookInfo.author.authorName}}</view>
 							<view class="audioauthor">{{currentTime+'/'+duration}}秒</view>
-							<slider class="audioslider" block-size="12" v-model="currentTime" :max="duration" @change="changeTime"></slider>
+							<slider class="audioslider" block-size="12" v-model="currentTime" :max="duration"
+								@change="changeTime"></slider>
 							<!-- <view @click="start">点击播放/暂停</view> -->
 						</view>
 					</view>
@@ -25,8 +28,21 @@
 			</view>
 			<view class="content" v-if="talkBookDetail.content != ''" v-html="talkBookDetail.content"></view>
 			<view class="content" v-else></view>
-			<view class="time">
+			<!-- 	<view class="time">
 				<text>{{talkBookDetail.createTime}}</text>
+			</view> -->
+			<view class="zanche flexbox" style="margin-top:15rpx;">
+				<span class="left">{{talkBookDetail.createTime}}</span>
+				<span class="right flexbox opbtns">
+					<image class="gzicon" v-if="contlikeYN" src="../../static/icon/gz2.png" mode="aspectFill"
+						@click.stop="clickLike(talkBookDetail)"></image>
+					<image class="gzicon" v-else src="../../static/icon/gz.png" mode="aspectFill"
+						@click.stop="clickLike(talkBookDetail)"></image>
+					<view style="color: #C0C4CC;">{{contlike}}</view>
+					<image class="gzicon" v-if="1" src="../../static/icon/pinglun.png" mode="aspectFill"
+						@click="pinglun()"></image>
+					<view style="color: #C0C4CC;" @click="pinglun()">{{pTotal}}</view>
+				</span>
 			</view>
 			<view class="tuijin" v-if="!isBuy && bookInfo.productId != null">
 				<p>觉得这本书还不错？</p>
@@ -52,14 +68,99 @@
 				<view class="">下一章</view>
 			</view> -->
 		</view>
+
+		<view class="pinglunMain">
+			<!-- <u-button class="addPl" type='success' plain @click="pinglun()">添加评论</u-button>
+			<view class="">
+				<view style="font-weight: 700;margin:30rpx 0rpx 30rpx;font-size: 30rpx;color:#55aa00;">精彩热评</view>
+			</view> -->
+			<!-- <h4>~ 精彩热评 ~</h4> -->
+			<view v-if="plList.length > 0">
+				<view class="pl-item" v-for="item in plList" :key="item.id">
+					<view class="plusername">
+						<image :src="item.user.avatar"></image>
+						<span v-if="item.user.nickname!=null">{{item.user.nickname}}</span>
+						<span v-if="item.user.nickname==null">匿名用户</span>
+					</view>
+					<view class="content" v-html="item.content"></view>
+					<view class="btns flexbox" style="margin-top:10rpx;">
+						<span class="left" style="color: #C0C4CC;">{{formatTimeDifferenceFromT(item.createTime)}}</span>
+						<span class="condelt" @click="deleteCont(item)" v-if="item.deletUse">删除</span>
+						<!-- <span class="conhuif" @click="pinglun(item)">回复</span> -->
+					</view>
+					<!-- <view class="pl-son" v-if="item.comments.length > 0">
+						<view class="pl-son-item" v-for="(item1,index) in item.comments" :key="index">
+							<view class="pl-son-item-content">
+								<text class="pl-son-atob">
+									<text v-if="item1.user.nickname!=null">{{item1.user.nickname}}</text>
+									<text v-if="item1.user.nickname==null">匿名用户</text>
+									<text style="margin: 0 10rpx;">回复</text>  
+									<text v-if="item.user.nickname!=null">{{item.user.nickname}}</text>
+									<text v-if="item.user.nickname==null">匿名用户</text>：
+								</text>
+								<text v-html="item1.content"></text>
+							</view>
+							<view class="btns flexbox" style="margin-top:10rpx;">
+								<span class="left"
+									style="color: #C0C4CC;">{{formatTimeDifferenceFromT(item1.createTime)}}</span>
+								<span class="condelt" @click="deleteCont(item)" v-if="item.deletUse">删除</span>
+								<span class="conhuif" @click="pinglun(item)">回复</span>
+							</view>
+							<view style="border-bottom:2rpx solid #e9e9e9;height:20rpx;"
+								v-if="index<item.comments.length-1"></view>
+						</view>
+					</view> -->
+					<!-- </view> -->
+				</view>
+			</view>
+			<view class="quesheng" v-else>
+				<text>暂无评论内容~</text>
+			</view>
+		</view>
+		<view v-if="status==0" style="text-align: center;">
+			<u-loading-icon style="display: inline-block;"></u-loading-icon>
+			<font style='vertical-align: super;margin-left: 10px;font-size: 26rpx;color: #909399;'>努力加载中</font>
+		</view>
+		<u-divider v-if="status == 1" text="已加载全部评论"></u-divider>
+		<!-- 评论书评对话框 -->
+		<!-- 回复评论对话框 -->
+		<u-popup :show="pingjiaShow" :round="10" @close="closePingjia">
+			<view class="tanchu">
+				<view class="dp_title">添加评论</view>
+				<view style="max-height: 1000rpx;overflow-y: scroll;">
+					<view class="padding-bottom-sm flex padding-lr-sm" style="border-bottom: 1px solid #EEEEEE;">
+
+						<view class="flex-sub flexbox">
+							<i @click="showEmj()" :class="emojiIcon"></i>
+							<textarea class="textarea" v-model="Pform.comment" @focus="InputFocus" @blur="InputBlur"
+								@input="textareaBInput" placeholder-style="font-size:24rpx;color:#aaaaaa;"
+								placeholder="请输入您要发送的内容"></textarea>
+						</view>
+						<view class="">
+							<u-button type="success" @click="submitPJ">提交</u-button>
+						</view>
+					</view>
+
+					<view style="position: relative;">
+						<emotion @emotion="handleEmj" :height="220" v-if="isShowEmj" :windowWidth="windowWidth">
+						</emotion>
+					</view>
+				</view>
+			</view>
+		</u-popup>
+
 		<music-play :playData="playData"></music-play>
 		<!-- 公共组件-每个页面必须引入 -->
-		<public-module></public-module>		
+		<public-module></public-module>
 	</view>
 </template>
 
 <script>
+	import $http from '@/config/requestConfig.js';
+	import emotion from '@/bkhumor-emojiplus/components/bkhumor-emojiplus/bkhumor-emojiplus.vue';
+	import emojiList1 from '../../bkhumor-emojiplus/emoji/biaoqin.js'
 	import musicPlay from '@/components/music.vue'
+
 	import {
 		mapState,
 		mapMutations
@@ -71,6 +172,10 @@
 					method: 'pause'
 				},
 				audioShow: false,
+				isShowEmj: false,
+				emojiIcon: 'cuIcon-emoji',
+				emoji: [],
+				windowWidth: 0,
 				voicesImg: '',
 				isBuy: false,
 				playData: {},
@@ -86,7 +191,22 @@
 				audio: null,
 				duration: 10,
 				currentTime: 0,
-				paused: false
+				paused: false,
+				emojiIcon: 'cuIcon-emoji',
+				isShowEmj: false,
+				status: 3,
+				pingjiaShow: false, //添加评价
+				Pform: { // 评价表单
+					//star:0,
+					comment: '',
+					//img:[],
+					html: ''
+				},
+				contlike: 0,
+				contlikeYN: false,
+				pPage: 1,
+				pTotal: 0, // 评论的总条数
+				plList: [], // 书评的评论list
 			}
 		},
 		onLoad(e) {
@@ -101,6 +221,8 @@
 		onShow() {
 			this.getBookInfo()
 			this.getTalkBookDetail()
+			this.getCommPL()
+			this.getGoodNum()
 		},
 		onHide() {
 			// console.log('onHide----',this.paused)
@@ -116,37 +238,68 @@
 		},
 		methods: {
 			...mapMutations(['setUserInfo']),
-			start(){
+			start() {
 				this.initAudio() // 开始播放
 			},
-			initAudio(){
+			formatTimeDifferenceFromT(dateTimeT) {
-				this.audio.onTimeUpdate(()=>{
+				const now = new Date();
+				const t = new Date(dateTimeT);
+				const differenceInSeconds = Math.floor((now - t) / 1000);
+
+				if (differenceInSeconds <= 3600) {
+					const minutes = Math.floor(differenceInSeconds / 60);
+					return `${minutes} 分钟前`;
+				} else if (differenceInSeconds <= 86400) {
+					const hours = Math.floor(differenceInSeconds / 3600);
+					return `${hours} 小时前`;
+				} else if (differenceInSeconds <= 2592000) {
+					const days = Math.floor(differenceInSeconds / 86400);
+					return `${days} 天前`;
+				} else {
+					const currentYear = now.getFullYear();
+					const tYear = t.getFullYear();
+					if (currentYear === tYear) {
+						const month = t.getMonth() + 1;
+						const day = t.getDate();
+						return `${month < 10 ? '0' : ''}${month}-${day < 10 ? '0' : ''}${day}`;
+					} else {
+						const year = t.getFullYear();
+						const month = t.getMonth() + 1;
+						const day = t.getDate();
+						return `${year}-${month < 10 ? '0' : ''}${month}-${day < 10 ? '0' : ''}${day}`;
+					}
+				}
+			},
+			initAudio() {
+				this.audio.onTimeUpdate(() => {
 					this.duration = this.audio.duration.toFixed()
 					this.currentTime = this.audio.currentTime.toFixed()
 				})
-				this.audio.onPause(()=>{ // 用于被听书组件打断时，设置播放icon状态
+				this.audio.onPause(() => { // 用于被听书组件打断时，设置播放icon状态
 					this.paused = false
 					// console.log('onPause----------',this.paused)
 				})
 				this.paused = this.audio.paused
 				// console.log('paused',this.paused)
-				if(this.paused){
+				if (this.paused) {
 					this.audio.play()
-				}else{
+				} else {
 					this.audio.pause()
 				}
 			},
-			updateTime(e){
+			updateTime(e) {
 				this.currentTime = e.detail.currentTime.toFixed()
 				this.duration = e.detail.duration.toFixed()
 			},
-			changeTime(e){
+			changeTime(e) {
 				this.audio.seek(e.detail.value) // 设置播放位置
 			},
-			audioPlay(){
+			audioPlay() {
-				console.log('播放讲书',this.$music)				
+				console.log('播放讲书', this.$music)
-				this.$music.setCloseBgm()	 // 关闭听书音频
+				this.$music.setCloseBgm() // 关闭听书音频
-				this.setUserInfo({'playFlag': false})				
+				this.setUserInfo({
+					'playFlag': false
+				})
 			},
 			// 购买
 			gotoBuy() {
@@ -199,12 +352,13 @@
 							this.talkBookDetail = res.bookTeach
 
 							this.audio.src = this.talkBookDetail.voices // 设置播放资源路径
-							this.audio.onCanplay((e)=>{
+							this.audio.onCanplay((e) => {
 								this.duration = this.audio.duration.toFixed() // 初始化进度条和音频秒数
 							})
 
 							// this.isBuy = res.book.isBuy
 							// this.freeChapterCount = res.book.freeChapterCount
+
 						} else {
 							console.log(res.msg)
 						}
@@ -215,9 +369,291 @@
 						this.audioShow = true
 					})
 			},
+
+			// 表情
+			showEmj() {
+				let bool = !this.isShowEmj;
+				if (bool) {
+					this.emojiIcon = 'cuIcon-keyboard';
+				} else {
+					this.emojiIcon = 'cuIcon-emoji';
+				}
+
+				this.isShowEmj = bool;
+				this.$emit('show')
+			},
+			InputBlur(e) {
+
+			},
+			InputFocus(e) {
+				this.isShowEmj = false;
+				this.emojiIcon = 'cuIcon-emoji';
+				this.$emit('foc')
+			},
+
+			// 获取点赞数和是否点赞
+			getGoodNum() {
+
+				this.$http
+					.post("book/teach/getLikeCount?teachId=" + this.teachId)
+					.then(res => {
+						if (res.code == 0) {
+							this.contlike = res.count
+						}
+					}).catch((e) => {
+						console.log(e, 'e')
+					})
+
+				this.$http
+					.post("book/teach/ifLike?teachId=" + this.teachId)
+					.then(res => {
+						if (res.code == 0) {
+							this.contlikeYN = res.flag
+						}
+					})
+					.catch((e) => {
+						console.log(e, 'e')
+					})
+
+
+			},
+
+			// 获得书评回复列表
+			getCommPL() {
+
+				$http.request({
+						url: "book/teach/getCommentList",
+						method: "POST", // POST、GET、PUT、DELETE，具体说明查看官方文档
+						data: {
+							'teachId': this.teachId,
+							'limit': 5,
+							'page': this.pPage,
+						},
+						header: { //默认 无 说明：请求头
+							'Content-Type': 'application/json'
+						},
+					})
+					.then(res => {
+						console.log(res, '书评评论')
+						// this.plList = this.plList.concat(res.page.list)
+						let plList1 = res.page.records
+						this.pTotal = res.page.total
+						this.status = 3
+						// 评论格式化
+						var newarr = []
+						plList1.forEach((item1) => {
+							item1.content = this.getHtmlComment(item1.content)
+							if (item1.userId == this.userInfo.id) {
+								item1.deletUse = true
+							} else {
+								item1.deletUse = false
+							}
+							newarr.push(item1)
+						})
+						this.plList = this.plList.concat(newarr)
+						console.log('改变格式后', this.plList)
+
+					}).catch(e => {
+						console.log(e, 'e')
+					});
+
+			},
+
+			// 获取html格式的评论1
+			getHtmlComment(comment) {
+				// 格式化html
+				//	 console.log(comment,'comment')
+				// 这里处理 链接   换行符
+				let replacedStr = comment.replace(/\[([^(\]|\[)]*)\]/g, (item, index) => {
+					// console.log(item, index)
+					var indexss = emojiList1.findIndex(item1 => item1.alt === item)
+					// console.log(indexss, 'indexss')
+					return '<img src="https://www.nuttyreading.com/emojis/emojis/qq/' + emojiList1[indexss].url +
+						'" width="18rpx">';
+				});
+				// console.log(replacedStr,'replacedStr')
+				return replacedStr.replace(/(\r\n)|(\n)/g, '<br>');
+			},
+
+			// 点赞
+			clickLike(item) {
+				this.$http
+					.post("book/teach/addOrCancelLike?teachId=" + this.teachId)
+					.then(res => {
+						if (res.code == 0) {
+							uni.showToast({
+								title: res.msg,
+								icon: 'success'
+							})
+							this.getGoodNum()
+						}
+					}).catch((e) => {
+						console.log(e, 'e')
+					})
+			},
+
+			// 显示评论框
+			pinglun(val) {
+				console.log('pinglun-val', val)
+				if (val && val.user && val.user.id && val.puser && val.puser.id) {
+					this.Pform.name = val.user.name || ''
+					this.Pform.pid = val.pid
+					this.Pform.puserId = val.user.id || ''
+				} else if (val && val.user && val.user.id) {
+					this.Pform.name = val.user.name || ''
+					this.Pform.pid = val.id
+					this.Pform.puserId = val.user.id || ''
+				} else {
+					// this.pinglunId = val || null
+					this.Pform.pid = ''
+					this.Pform.puserId = ''
+				}
+				this.pingjiaShow = true
+			},
+			// 提交评论
+			submitPJ() {
+				if (this.Pform.comment != '') {
+					$http.request({
+							url: "book/teach/addComment",
+							method: "POST", // POST、GET、PUT、DELETE，具体说明查看官方文档
+							data: {
+								teachId: this.teachId,
+								content: this.Pform.comment,
+								puserId: 0,
+							},
+							header: { //默认 无 说明：请求头
+								'Content-Type': 'application/json'
+							},
+						})
+						.then(res => {
+							uni.showToast({
+								title: '评论成功！',
+								icon: 'success'
+							})
+							// this.getCommPL()
+							this.pingjiaShow = false
+							this.Pform.comment = ''
+							this.Pform.name = ''
+							this.Pform.pid = ''
+							this.Pform.puserId = ''
+							// this.pinglunId = null
+
+							this.plList = []
+							this.pPage = 1
+							this.getCommPL()
+
+						}).catch(e => {
+							console.log(e, 'e')
+						});
+
+				} else {
+					uni.showToast({
+						title: '请先输入您的评价内容!',
+						icon: 'none'
+					})
+				}
+			},
+
+
+			// 删除评论
+			deleteCont(item) {
+				uni.showModal({
+					title: '提示',
+					content: '确定要删除评论吗？',
+					confirmText: "确定",
+					cancelText: "取消",
+					success: function(res) {
+						let _this = this
+						if (res.confirm) {
+							_this.$http
+								.post("book/teach/delComment?commentId=" + item.id)
+								.then(res => {
+									if (res.code == 0) {
+										uni.showToast({
+											title: '删除成功',
+											icon: 'success'
+										})
+										_this.plList = []
+										_this.pPage = 1
+										_this.getCommPL()
+									}
+								}).catch((e) => {
+									console.log(e, 'e')
+								})
+						}
+					}.bind(this)
+				});
+			},
+
+			closePingjia() {
+				this.pingjiaShow = false
+				this.Pform.comment = ''
+				this.Pform.html = ''
+				this.emoji = []
+			},
+
+			// 获得输入的表情数组
+			handleEmj(i) {
+				console.log(i, 'i---------');
+				this.inputValue = i
+				// console.log(this.inputValue);
+				if (i.emotioni == '[em_98]') {
+					//匹配最后一个表情符号并删除11。
+					this.Pform.comment = this.Pform.comment.replace(/(\[[^\]]+\]|[\s\S])$/, '');
+					if (this.emoji.length > 0) {
+						this.emoji = this.emoji.slice(0, -1)
+					}
+				} else {
+					this.emoji.push({
+						'tag': i.emotion,
+						'name': i.emotioni
+					})
+					// console.log(this.emoji,'this.emoji')
+					this.Pform.comment += i.emotioni;
+					/// this.Pform.html += i.emotion
+				}
+			},
+
+			textareaBInput(e) {
+				console.log(e, 'e')
+				this.Pform.comment = e.detail.value
+				/// this.Pform.html = e.detail.value
+			},
+			showEmj() {
+				let bool = !this.isShowEmj;
+				if (bool) {
+					this.emojiIcon = 'cuIcon-keyboard';
+				} else {
+					this.emojiIcon = 'cuIcon-emoji';
+				}
+
+				this.isShowEmj = bool;
+				this.$emit('show')
+			},
+
+			InputBlur(e) {
+
+			},
+			InputFocus(e) {
+				this.isShowEmj = false;
+				this.emojiIcon = 'cuIcon-emoji';
+				this.$emit('foc')
+			},
+
+			onReachBottom() {
+				console.log('到底了')
+				if (this.pPage + 1 <= this.pTotal) {
+					this.status = 0
+					this.pPage++
+					this.getCommPL()
+				} else {
+					this.status = 3
+				}
+			},
 		},
 		components: {
-			musicPlay
+			musicPlay,
+			emotion
 		},
 	}
 </script>
@@ -291,6 +727,9 @@
 
 	.btn {
 		margin-right: 20rpx;
+		font-size: 22rpx;
+		justify-content: space-between;
+		align-items: center;
 
 		text {
 			display: inline-block;
@@ -302,43 +741,237 @@
 			border-radius: 5px;
 		}
 	}
-	// 自定义播放器样式
+
-	.audiobox{
+
-		border:  2rpx solid #d6d5d5;
+	.zanche {
-		border-radius: 8px;
+		font-size: 22rpx;
-		.audioinfo{
+		justify-content: space-between;
+		align-items: center;
+
+		.left {
+			width: 300rpx;
+			color: #999;
+			font-size: 24rpx;
+		}
+
+		.right {
+			width: 300rpx;
 			display: flex;
-			.audioimg{
+			justify-content: flex-end;
+			align-items: center;
+		}
+
+		.gzicon {
+			margin: 0 0 0 20rpx;
+			height: 40rpx;
+			width: 40rpx;
+			// float:left;
+			// border-radius: 20rpx;
+			// border:1rpx solid #e9e9e9;
+		}
+
+		.opbtns {
+			.pingjia {
+				margin-left: 10px;
+			}
+		}
+	}
+
+	// 自定义播放器样式
+	.audiobox {
+		border: 2rpx solid #d6d5d5;
+		border-radius: 8px;
+
+		.audioinfo {
+			display: flex;
+
+			.audioimg {
 				padding: 10rpx;
 				width: 180rpx;
 				height: 220rpx;
 				border-radius: 5px;
 			}
-			.audioimgstart{
+
+			.audioimgstart {
 				position: absolute;
 				padding: 20rpx;
 				width: 180rpx;
 				height: 220rpx;
 				border-radius: 5px;
 			}
-			.audiotitle{
+
+			.audiotitle {
 				padding: 10rpx;
 				font-size: 28rpx;
 				text-align: left;
 			}
-			.audioauthor{
+
+			.audioauthor {
 				padding: 4rpx;
 				font-size: 24rpx;
 				text-align: left;
 				color: #999;
 			}
-			.audioslider{
+
+			.audioslider {
 				width: 400rpx;
 			}
 		}
-		
+
-		
+
 	}
 
 	// .opbtn{font-size: 14rpx;}
+	.pinglunMain {
+		.pl-item {
+			margin: 0 0 14rpx 0;
+			padding: 0 0 14rpx 0;
+			border-bottom: 1px solid #f0f0f0;
+
+			.condelt {
+				color: #fd6004;	
+					margin-right: 20rpx;
+			}
+
+			.conhuif {
+		
+				color: #4185c1;
+			}
+
+			.pl-son {
+				margin: 14rpx 0 14rpx 60rpx;
+				padding: 0 14rpx 14rpx 14rpx;
+				background-color: #f0f0f0;
+				border-radius: 10rpx;
+
+				.pl-son-item {
+					font-size: 26rpx;
+					padding-top: 28rpx;
+
+					.pl-son-item-content {}
+
+					.pl-son-atob {
+						color: #a1a1a1;
+					}
+				}
+			}
+		}
+
+		.plusername {
+			font-size: 26rpx;
+			color: #a1a1a1;
+
+			image {
+				width: 40rpx;
+				height: 40rpx;
+				border-radius: 20rpx;
+				display: inline-block;
+				margin-right: 15rpx;
+				vertical-align: sub;
+			}
+		}
+
+		.content {
+			margin: 30rpx 0rpx;
+			line-height: 40rpx;
+			color: #000;
+			font-size: 30rpx;
+		}
+
+		background-color: #fff;
+		padding: 10px;
+
+		// h4{color: #55aa00; font-size: 40rpx;  margin:30rpx 0 ; text-align: center;}
+		.time {
+			color: #888;
+			font-size: 24rpx;
+		}
+
+		.btns {
+			font-size: 22rpx;
+			// justify-content: space-between;
+			align-items: center;
+
+			.left {
+				// width: 300rpx;
+				margin-right: 20rpx;
+				color: #a1a1a1;
+			}
+
+			.right {
+				width: 300rpx;
+				display: flex;
+				justify-content: flex-end;
+				align-items: center;
+			}
+
+			.gzicon {
+				margin: 0 0 0 20rpx;
+				height: 40rpx;
+				width: 40rpx;
+				// float:left;
+				// border-radius: 20rpx;
+				// border:1rpx solid #e9e9e9;
+			}
+
+			.opbtns {
+				.pingjia {
+					margin-left: 10px;
+				}
+			}
+		}
+
+	}
+
+	.quesheng {
+		text-align: center;
+		color: #8b8a91;
+		padding-bottom: 20rpx;
+		padding-top: 20rpx;
+	}
+
+	.tanchu {
+		padding: 40rpx 30rpx 40rpx 30rpx;
+		position: relative;
+
+
+		.dp_title {
+			font-size: 32rpx;
+			margin-bottom: 50rpx;
+			color: #555;
+			text-align: center;
+			font-weight: bold;
+		}
+
+		.dp_add {
+			position: absolute;
+			top: 40rpx;
+			right: 30rpx;
+			font-size: 22rpx;
+			background-color: #fd6004;
+			color: #fff;
+			border-radius: 10rpx;
+			padding: 5rpx 10rpx;
+
+			.u-icon {
+				display: inline-block;
+				margin-right: 5rpx;
+			}
+		}
+	}
+
+	.cuIcon-emoji {
+		background: url(../../static/biaoqing.png) no-repeat;
+		background-size: contain;
+		display: block;
+		margin-right: 20rpx;
+		width: 30px;
+	}
+
+	.cuIcon-keyboard {
+		background: url(../../static/biaoqing.png) no-repeat;
+		background-size: contain;
+		display: block;
+		width: 30px;
+	}
 </style>

pages/yian/yian.vue

@@ -150,7 +150,7 @@ import { data } from 'jquery';
 					this.booksetpage = 1
 					this.yianList = []
 				}
-				if(this.contentShow == 2){
+				if(this.contentShow == 1){
 					httpurl = "book/bookMedicalRecords/userEbookBuyList"
 				} else {
 					httpurl = "book/bookMedicalRecords/recommendBookList"

pages/yian/yianDetail.vue

@@ -150,8 +150,16 @@
 				this.$http
 					.post('book/bookMedicalRecords/getById?medicalRecordsId=' + this.medicalRecordsId )
 					.then(res => {	
-						console.log(res,'res')
+						// console.log(res,'res')
 						this.productInfo = res.entity
+						// console.log('cursor: nwse-resize', this.productInfo.content.includes('cursor: nwse-resize'))
+						// if(this.productInfo.content.includes('cursor: nwse-resize')){
+						// 	// this.productInfo.content = this.productInfo.content.replaceAll('cursor: nwse-resize;', 'cursor: nwse-resize;max-width:100%;')
+						// }else{
+						this.productInfo.content = this.productInfo.content.replaceAll('img src', 'img style="max-width:100%;" src')
+						// }
+						
+						// console.log(this.productInfo.content,'res')
 						uni.hideLoading();
 					}).catch((e)=>{
 						console.log(e,'e')
@@ -305,6 +313,9 @@
 </script>
 
 <style lang="scss" scoped>
+	/deep/.ql-align-center{
+		text-align: center;
+	}
 	.addPl{padding-top: 0rpx; margin-bottom: 0rpx;}
 	.pinglunMain{
 		.pl-item{