游客模式

App.vue

@@ -17,11 +17,11 @@
 	import updata from '@/uni_modules/uni-upgrade-center-app/utils/check-update'
 	// #endif
 	import Vue from 'vue'
-
+	
 	export default {
-		data() {
+		data(){
-			return {
+			return{
-				platform: null, // 系统
+				platform:null,  // 系统
 			}
 		},
 		onLaunch: function(e) {
@@ -144,10 +144,10 @@
 			}
 			// APPUpdate();
 			// #endif		
-
+			
 		},
-		onShow: function(e) {
+		onShow: function(e) {			
-
+					
 			// #ifdef MP-WEIXIN
 			//获取二维码携带的参数
 			let scene = decodeURIComponent(e.query.scene);
@@ -192,28 +192,16 @@
 				});
 			}
 			// #endif
-			// #ifdef APP-PLUS
-			 setTimeout(function(){
-				var args = plus.runtime.arguments;
-				if (args) {
-					// 处理args参数，如直达到某新页面等
-					console.log(args)					
-				}	
-			 },300)
-					
-			// #endif
-		},
-		onHide: function(){
-			 plus.runtime.arguments = ''
-			 console.log('清空')
 		},
+		onHide: function() {},
 		destroyed() {
 			store.commit('setUserInfo', {
 				'playFlag': true
 			})
 			console.log('页面销毁')
 		},
-		methods: {}
+		methods: {			
+		}
 	};
 </script>
 

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;

config/utils.js

@@ -235,6 +235,32 @@ export const getLatLon = function(tip) {
 	});
 }
 
+// 查看是否有某本书的权限
+export const checkBookRight = function(data,callback) {
+	console.log('接受的值', data)
+	$http.request({
+		url: "/book/user/checkUserBook",
+		method: "POST", // POST、GET、PUT、DELETE，具体说明查看官方文档
+		data:data,
+		header: { //默认 无 说明：请求头1
+			'Content-Type': 'application/json'
+		},
+	}).then(res => {
+		// console.log(res,'checkBookRight')			
+		if(res.code === 0){			
+			callback && callback({
+				success: true,
+				data: '有权限'
+			});
+		}
+	}).catch(e => {
+		callback && callback({
+			success: false,
+			data: '无权限'
+		});
+	})
+}
+
 // 单独微信支付
 export const setWXPay = function(payInfo, callback) {
 	$http.request({

manifest.json

@@ -12,8 +12,8 @@
             "src" : "图片路径"
         }
     ],
-    "versionName" : "1.2.16",
+    "versionName" : "1.2.18",
-    "versionCode" : 1216,
+    "versionCode" : 1218,
     "app-plus" : {
         "compatible" : {
             "ignoreVersion" : true
@@ -22,7 +22,7 @@
             "prompt" : "template",
             "template" : {
                 "title" : "用户协议和隐私政策",
-                "message" : "请你务必审慎阅读、充分理解“隐私政策”各条款，包括但不限于：为了更好的向你提供服务，我们需要收集你的设备标识、操作日志等信息用于分析、优化应用性能。<br/>　　你可阅读<a href='https://www.nuttyreading.com/agreement.html'>《用户协议》</a>和<a href='https://www.nuttyreading.com/privacy.html'>《隐私协议》</a>了解详细信息。如果你同意，请点击下面按钮开始接受我们的服务。",
+                "message" : "请你务必审慎阅读、充分理解“隐私政策”各条款，包括但不限于：为了更好的向你提供服务，我们需要收集你的设备标识、操作日志等信息用于分析、优化应用性能。<br/>　　你可阅读<a href='https://main.nuttyreading.com/agreement.html'>《用户协议》</a>和<a href='https://main.nuttyreading.com/privacy.html'>《隐私协议》</a>了解详细信息。如果你同意，请点击下面按钮开始接受我们的服务。",
                 "buttonAccept" : "同意",
                 "buttonRefuse" : "暂不同意"
             }

pages.json

@@ -459,6 +459,33 @@
                 "enablePullDownRefresh": false
             }
             
+        },
+        {
+            "path" : "pages/yian/yian",
+            "style" :                                                                                    
+            {
+                "navigationBarTitleText": "医案",
+                "enablePullDownRefresh": true
+            }
+            
+        },
+        {
+            "path" : "pages/yian/yianList",
+            "style" :                                                                                    
+            {
+                "navigationBarTitleText": "医案列表",
+                "enablePullDownRefresh": true
+            }
+            
+        }
+        ,{
+            "path" : "pages/yian/yianDetail",
+            "style" :                                                                                    
+            {
+                "navigationBarTitleText": "医案详情",
+                "enablePullDownRefresh": false
+            }
+            
         },
 		{           // 更新版本
 					"path": "uni_modules/uni-upgrade-center-app/pages/upgrade-popup",
@@ -561,13 +588,13 @@
 				"text": "我"
 			}
 		]
+	},
+	"condition": { //模式配置，仅开发期间生效
+		"current": 0, //当前激活的模式(list 的索引项)
+		"list": [{
+			"name": "", //模式名称
+			"path": "", //启动页面，必选
+			"query": "" //启动参数，在页面的onLoad函数里面得到
+		}]
 	}
-	// "condition": { //模式配置，仅开发期间生效
-	// 	"current": 0, //当前激活的模式(list 的索引项)
-	// 	"list": [{
-	// 		"name": "", //模式名称
-	// 		"path": "", //启动页面，必选
-	// 		"query": "" //启动参数，在页面的onLoad函数里面得到
-	// 	}]
-	// }
 }

pages/acupoint/acupoint.vue

@@ -6,42 +6,46 @@
 		<!-- <uni-search-bar @confirm="search" :focus="true" v-model="searchValue" @blur="blur" @focus="focus" @input="input"
 			@cancel="cancel" @clear="clear">
 		</uni-search-bar> -->
-		<view class="search_box">
+		<view class="search_box" v-if="oneCateList.length > 0">
-			<u-search placeholder="请输入穴位名" @focus="focus" @clear="clear" v-model="searchValue" @input="input" @blur="blur" @search="search"></u-search>
+			<u-search :disabled="userMes.pointPower == 0 && oneCateList[curOneCateIndex].id == 3 || userMes
+					.pointPower == 0 && oneCateList[curOneCateIndex].id == 6 ? true : false" @click="checkDisable" placeholder="请输入穴位名" @focus="focus" @clear="clear"
+				v-model="searchValue" @input="input" @blur="blur" @search="search"></u-search>
 		</view>
 		<view class="searchList" v-show="showSearchList">
 			<view class="itemBox" v-if="searchList.length > 0">
-				<view class="item" v-for="(item, index) in searchList" :key="index"  @click="gotoDetail(item)">
+				<view class="item" v-for="(item, index) in searchList" :key="index" @click="gotoDetail(item)">
 					{{item.title}}
 				</view>
 			</view>
 			<view v-else class="">
-				<u-divider  text="未找到相关穴位哦~"></u-divider>
+				<u-divider text="未找到相关穴位哦~"></u-divider>
 			</view>
 		</view>
 		<view v-show="!showSearchList" class="contentBox">
 			<!-- <scroll-view class="scroll-view_H oneCateList" scroll-x="true" scroll-left="0"> -->
 			<view class="oneCateList flexbox">
-				<text :class="[curOneCateIndex == index ? 'cur' : '']" @click="setOneCateIndex(item,index)" v-for="(item, index) in oneCateList" :key="item.id">{{item.title}}</text>
+				<text :class="[curOneCateIndex == index ? 'cur' : '']" @click="setOneCateIndex(item,index)"
-			</view>	
+					v-for="(item, index) in oneCateList" :key="item.id">{{item.title}}</text>
+			</view>
 			<!-- </scroll-view> -->
 			<view class="grid twoCateList" v-if="twoCateList.length > 0">
 				<u-grid :col="3" border class="u-grid-list">
-						<u-grid-item v-for="(item, index) in twoCateList" :key="item.id" @click="setTwoCateIndex(item, index)">						
+					<u-grid-item v-for="(item, index) in twoCateList" :key="item.id"
-							<view :class="['grid-text',curTwoCateIndex == index ? 'cur' : '']">{{item.title}}</view>
+						@click="setTwoCateIndex(item, index)">
-						</u-grid-item>					
+						<view :class="['grid-text',curTwoCateIndex == index ? 'cur' : '']">{{item.title}}</view>
-					</u-grid>
+					</u-grid-item>
-			</view>			
+				</u-grid>
-			<view class="titleList">				
+			</view>
+			<view class="titleList">
 				<u-grid :col="3" v-if="titleList.length > 0">
-						<u-grid-item v-for="(item, index) in titleList" :key="item.id" @click="gotoDetail(item)">						
+					<u-grid-item v-for="(item, index) in titleList" :key="item.id" @click="gotoDetail(item)">
-							<view :class="['titleItem']">{{item.title}}</view>
+						<view :class="['titleItem']">{{item.title}}</view>
-						</u-grid-item>					
+					</u-grid-item>
 				</u-grid>
 				<u-divider v-else text="暂无穴位数据哦~"></u-divider>
 			</view>
 		</view>
-		
+
 
 		<!-- <view class="search_box flexbox" @click="">
 			<view class="search">
@@ -57,6 +61,9 @@
 <script>
 	import musicPlay from '@/components/music.vue'
 	import $http from '@/config/requestConfig.js';
+	import {
+		mapState
+	} from 'vuex';
 	export default {
 		data() {
 			return {
@@ -64,29 +71,81 @@
 				searchValue: '',
 				oneCateList: [], // 一级分类标题1
 				twoCateList: [], // 二级分类标题
-				titleList:[], // 穴位标题
+				titleList: [], // 穴位标题
-				curOneCateIndex:0, // 当前选中的一级分类
+				curOneCateIndex: 0, // 当前选中的一级分类
-				curTwoCateIndex:0 , // 当前选中的二级分类
+				curTwoCateIndex: 0, // 当前选中的二级分类
-				searchList:[], // 搜索结果数组
+				searchList: [], // 搜索结果数组
-				showSearchList: false, 
+				showSearchList: false,
+				userMes: {}, // 用户信息
+				searchDisable: false, // 搜索不可用
+
 			}
 		},
 		onLoad() {
-			this.getCateList()
+			this.getUserInfo()
-		},	
+			// this.getCateList()
-			onHide() {
+
-				this.showSearchList = false
+		},
-				this.searchList = []
+		onHide() {
-			},
+			this.showSearchList = false
+			this.searchList = []
+		},
+		computed: {
+			...mapState(['userInfo']),
+		},
 		methods: {
-			// 穴位详情
+			// 检查是有权限使用搜索功能
-			gotoDetail(item){
+			checkDisable() {
-				uni.navigateTo({
+				console.log('点击了')
-					url:"./acupointDetail?id=" + item.id
+				if (this.userMes.pointPower == 0 && this.oneCateList[this.curOneCateIndex].id == 3 || this.userMes
+					.pointPower == 0 && this.oneCateList[this.curOneCateIndex].id == 6) { // 等于0 就是没有权限
+					this.showNoRights()
+				}
+			},
+			// 显示无权限弹窗
+			showNoRights() {
+				let that = this
+				uni.showModal({
+					content: "购买 手模 或 脚模 后方可使用此功能",
+					confirmText: '好的',
+					showCancel: false,
+					success: function(res) {
+						if (res.confirm) {
+							// console.log('用户点击确定');
+							that.clear()
+						}
+					}
 				})
 			},
+			// 获取用户详情
+			getUserInfo() {
+				// 用户详情
+				if (this.userInfo.id != undefined) {
+					this.$http
+						.post('book/user/info/' + this.userInfo.id)
+						.then(res => {
+							this.userMes = res.user
+							this.getCateList()
+							console.log(this.userMes, '呼呼')
+						});
+				}
+			},
+			// 穴位详情
+			gotoDetail(item) {
+
+				if (this.userMes.pointPower == 0 && this.oneCateList[this.curOneCateIndex].id == 3 || this.userMes
+					.pointPower == 0 && this.oneCateList[this.curOneCateIndex].id == 6) { // 等于0 就是没有权限
+					this.showNoRights()
+				} else {
+					// 等于1 就是有权限
+					uni.navigateTo({
+						url: "./acupointDetail?id=" + item.id
+					})
+				}
+
+			},
 			// 获取穴位名称
-			getTitles(id){
+			getTitles(id) {
 				$http.request({
 					url: "book/point/getPointsByCategoryId",
 					method: "POST", // POST、GET、PUT、DELETE，具体说明查看官方文档		
@@ -100,27 +159,27 @@
 				}).then(res => {
 					console.log(res, '内容获取成功')
 					if (res.code == 0 && res.points.length > 0) {
-						this.titleList = res.points						
+						this.titleList = res.points
 					} else {
-						this.titleList = []				
+						this.titleList = []
-					}					
+					}
 				}).catch(e => {
-					this.titleList = []		
+					this.titleList = []
 					console.log(e)
 				})
 			},
-			setTwoCateIndex(item, index){
+			setTwoCateIndex(item, index) {
 				let id = item.id
 				this.curTwoCateIndex = index
 				this.getTitles(id)
 			},
-			setOneCateIndex(item, index){
+			setOneCateIndex(item, index) {
 				let id = item.id
 				this.curOneCateIndex = index
 				this.curTwoCateIndex = 0
 				this.getTowCateList(id)
 			},
-			getTowCateList(id){
+			getTowCateList(id) {
 				$http.request({
 					url: "book/point/getPointCategoryByPid",
 					method: "POST", // POST、GET、PUT、DELETE，具体说明查看官方文档		
@@ -139,16 +198,16 @@
 					} else {
 						this.twoCateList = []
 						this.titleList = []
-					}					
+					}
 				}).catch(e => {
-					this.twoCateList = []	
+					this.twoCateList = []
 					this.titleList = []
 					console.log(e)
 				})
 			},
 			getCateList(id) {
 				id ? '' : id = 0
-				this.twoCateList = []	
+				this.twoCateList = []
 				this.curTwoCateIndex = 0
 				// 0为获取顶级分类，其他为搜索下级分类，目前的逻辑，顶级是写死的，所以可能只会涉及到搜索第二级
 				$http.request({
@@ -167,14 +226,14 @@
 						this.oneCateList = res.category
 						this.getTowCateList(this.oneCateList[0].id)
 					} else {
-						this.oneCateList = []						
+						this.oneCateList = []
-					}					
+					}
 				}).catch(e => {
 					this.oneCateList = []
 					console.log(e)
 				})
 			},
-			getSearch(){
+			getSearch() {
 				$http.request({
 					url: "book/point/searchPointList",
 					method: "POST", // POST、GET、PUT、DELETE，具体说明查看官方文档		
@@ -188,7 +247,7 @@
 				}).then(res => {
 					console.log(res, '搜索结果')
 					if (res.code == 0 && res.points.length > 0) {
-						 this.searchList = res.points
+						this.searchList = res.points
 					}
 				}).catch(e => {
 					// this.titleList = []	
@@ -197,19 +256,19 @@
 				})
 			},
 			search(res) {
-				console.log(res,'res')
+				console.log(res, 'res')
 				// uni.showToast({
 				// 	title: '搜索：' + res,
 				// 	icon: 'none'
 				// })
-				
+
 			},
 			input(res) {
 				console.log('----input:', res)
-				if(res == ''){
+				if (res == '') {
 					this.searchList = []
-				}else{
+				} else {
-				this.getSearch()
+					this.getSearch()
 				}
 			},
 			clear(res) {
@@ -217,14 +276,15 @@
 				// 	title: 'clear事件，清除值为：',
 				// 	icon: 'none'
 				// })
+				this.searchValue = ''
 				this.showSearchList = false
 			},
 			blur(res) {
-				if(res == ''){
+				if (res == '') {
 					this.showSearchList = false
 					this.searchList = []
-				}else{
+				} else {
-				this.getSearch()
+					this.getSearch()
 				}
 			},
 			focus(e) {
@@ -232,7 +292,9 @@
 				// 	title: 'focus事件，输出值为：' + e.value,
 				// 	icon: 'none'
 				// })
+				// 等于1 就是有权限
 				this.showSearchList = true
+
 			},
 			// cancel(res) {
 			// 	uni.showToast({
@@ -253,39 +315,78 @@
 </script>
 
 <style lang="scss" scoped>
-	.searchList{
+	.searchList {
-		.item{font-size: 28rpx; padding: 20rpx; border-bottom: 1px solid #dadbde; }
+		.item {
-	}
+			font-size: 28rpx;
-	.scroll-view_H{background-color: #fff;white-space: nowrap;
+			padding: 20rpx;
-		 padding:10rpx ; }
+			border-bottom: 1px solid #dadbde;
-	.contentBox {
-		.oneCateList{ justify-content: space-between;
-			text{ text-align: center;
-				display: inline-block; width: 32%;  padding: 20rpx 0; font-size: 34rpx;  border-radius: 10rpx; 
-			}
-			.cur{background-color:#55aa7f; color: #fff; }
 		}
-		.twoCateList{
+	}
-			font-size: 28rpx; margin-top: 20rpx;
+
-			.grid-text{padding:30rpx 20rpx; text-align: center; }
+	.scroll-view_H {
-			.cur{
+		background-color: #fff;
+		white-space: nowrap;
+		padding: 10rpx;
+	}
+
+	.contentBox {
+		.oneCateList {
+			justify-content: space-between;
+
+			text {
+				text-align: center;
+				display: inline-block;
+				width: 32%;
+				padding: 20rpx 0;
+				font-size: 34rpx;
+				border-radius: 10rpx;
+			}
+
+			.cur {
+				background-color: #55aa7f;
+				color: #fff;
+			}
+		}
+
+		.twoCateList {
+			font-size: 28rpx;
+			margin-top: 20rpx;
+
+			.grid-text {
+				padding: 30rpx 20rpx;
+				text-align: center;
+			}
+
+			.cur {
 				color: #55aa7f;
 			}
+
 			// .u-grid-list{border: 0.5px solid #dadbde;}
 		}
-		.titleList{font-size: 26rpx; margin-top: 20rpx; padding: 10rpx; border-radius: 10rpx; background-color: #f8f9fa;
+
-			.titleItem{padding: 20rpx 0; }			
+		.titleList {
+			font-size: 26rpx;
+			margin-top: 20rpx;
+			padding: 10rpx;
+			border-radius: 10rpx;
+			background-color: #f8f9fa;
+
+			.titleItem {
+				padding: 20rpx 0;
+			}
 		}
 	}
-	
+
 
 	.container {
-		padding: 10rpx; height: 100vh;
+		padding: 10rpx;
+		height: 100vh;
 		background-color: #fff;
 	}
 
 	.search_box {
-		margin: 0 auto; overflow: hidden;
+		margin: 0 auto;
+		overflow: hidden;
 		margin-top: 20rpx;
 		align-items: center;
 		width: calc(100% - 10px);

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/bookShop/orderList.vue

@@ -52,7 +52,7 @@
                                 <span class="left" style="color: #C0C4CC;"></span>
                                 <span class="right flexbox opbtns">
                                     <view style="color: #000;font-size:30rpx;font-weight:700;">实付款</view>
-                                    <view style="color: #000;font-size:30rpx;font-weight:700;">{{'　¥' + item.orderMoney}}</view>
+                                    <view style="color: #000;font-size:30rpx;font-weight:700;">{{'　¥' + item.realMoney}}</view>
                                 </span>
                             </view>
 							<view class="btns flexbox" style="margin-top:10rpx;">

pages/bookShop/settlement.vue

@@ -291,12 +291,9 @@
 				this.shangIDNum = e.list
 			}
 		//	this.getYunFei()
-			if (this.typeId == 1) {
+			
-				this.getCartList()
+				this.getData()
-				
+				this.getOS()
-			} else if (this.typeId == 0) {
-				this.getShangList(this.shangIDNum);				
-			}	
 		},
 		onShow() {			
 			// if (this.typeId == 1) {
@@ -305,9 +302,13 @@
 			// } else if (this.typeId == 0) {
 			// 	this.getShangList(this.shangIDNum);				
 			// }			
-			this.getData()
+			if (this.typeId == 1) {
-			this.getOS()
+				this.getCartList()
-			this.getUserAddress()
+				
+			} else if (this.typeId == 0) {
+				this.getShangList(this.shangIDNum);				
+			}
+			// this.getUserAddress()
 		},
 		computed: {
 			...mapState(['userInfo']),
@@ -361,11 +362,15 @@
 								// console.log(this.addressList,'地址列表')
 								this.adressMoRen = this.addressList[this.adressMoRIndex]
 								console.log(this.adressMoRen, '默认')
-								if(this.adressMoRen != {}){
+								if(this.adressMoRen != {} && this.adressMoRen.id){
 									// console.log('运费之前')
 									this.getYunFei()
 								}else{
-									this.getUserAddress()
+									// this.getUserAddress()
+									uni.showToast({
+										title:'获取用户地址失败',
+										icon: 'none'
+									})
 								}
 							}
 						}
@@ -459,7 +464,7 @@
 					key.push({productId: item.productId, quantity:item.productAmount})
 				//	dataToString = dataToString.concat(item.productId+"="+item.productAmount+"&")
 				})	
-				 console.log(key,'this.adressMoRen.areaidpath')
+				 // console.log(key,'this.adressMoRen.areaidpath')
 				
 				$http.request({
 					// url: "book/buyOrder/calculateTransportPrice/",

pages/comments/comments.vue

@@ -139,6 +139,9 @@ import { data } from 'jquery';
    import {
    	mapState
    } from 'vuex';
+   import {
+   	checkBookRight
+   } from '@/config/utils';
 	export default {
 		data() {
 			return {
@@ -218,9 +221,24 @@ import { data } from 'jquery';
 				}
 				if(e==2){
 					// 跳转到读书打卡
-					uni.navigateTo({
+					let data = {
-						url: '../clock/clock?bookid='+ productInfo.id
+						'userId': this.userInfo.id,
+						'bookId': productInfo.id
+					}
+					checkBookRight(data,res=>{
+						console.log(res)
+						if(res.success){
+							uni.navigateTo({
+								url: '../clock/clock?bookid='+ productInfo.id
+							})
+						}else{
+							uni.showToast({
+								title:'购买本书后方可参与打卡!',
+								icon:'none'
+							})
+						}
 					})
+					
 				}
 				if(e==3){
 					// 跳转到购买

pages/comments/commentsList.vue

@@ -102,10 +102,10 @@
                             <view class="btns flexbox" @click.stop="toMore(item)">
                                 <view class="title">{{item.name}}</view>
                                 <view class="pianshuping">{{item.forumNum}}篇书评</view>
-                            </view>
+                            </view>							
                             <image class="feng" v-if="item.images" :src="item.images" mode="aspectFill" @click.stop="toMore(item)"></image>
                             <view class="shupingList">
-                                <view class="description" v-for="(item1,index1) in item.forums" :key="index1" @click.stop="toDetail(item1)">{{item1.title}}</view>
+                                <view class="description" v-for="(item1,index1) in item.forums" :key="index1" @click.stop="toDetail1(item1)">{{item1.title}}</view>
                             </view>
                             <view class="btns flexbox" @click.stop="toMore(item)">
                                 <span class="left"></span>
@@ -142,6 +142,9 @@ import { data } from 'jquery';
    import {
    	mapState, mapMutations
    } from 'vuex';
+   import {
+   	checkBookRight
+   } from '@/config/utils';
 	export default {
 		data() {
 			return {
@@ -164,7 +167,7 @@ import { data } from 'jquery';
 				Files:[],
 				page:1,
 				pageSize:10,
-				total:0,
+				total:0,         // 资源的总页数1
 				status:3,
 				shupingList:[],
 				bfaid:null,
@@ -199,14 +202,20 @@ import { data } from 'jquery';
             this.newList = []
             this.hotList = []
             this.bookList = []
+			this.total = 0
             this.getBookList(this.commentsListTab, false)
 			   
 		},
 		onReachBottom() {
+			if(this.newestpage + 1 <= this.total || this.hotestpage +1 <= this.total || this.booksetpage + 1	<= this.total){
             this.newestpage++
             this.hotestpage++
-            this.booksetpage++
+            this.booksetpage++				
-            this.getBookList(this.commentsListTab, false)
+				 this.getBookList(this.commentsListTab, false)
+			}else{
+				this.status = 1
+			}
+           
 		},
 		onLoad(e) {
 			this.windowWidth = uni.getSystemInfoSync().windowWidth;
@@ -258,6 +267,7 @@ import { data } from 'jquery';
                 this.newestpage = 1
                 this.hotestpage = 1
                 this.booksetpage = 1
+				this.total = 0
                 this.newList = []
                 this.hotList = []
                 this.bookList = []
@@ -265,17 +275,54 @@ import { data } from 'jquery';
 			},
 			// 查看本书更多书评
 			toMore(val){
-				console.log(val,'val')
+				// console.log(val,'val')
-				uni.navigateTo({
+				let data = {
-					url: '../comments/comments?bookid='+val.id,
+					'userId': this.userInfo.id,
-				});
+					'bookId': val.id
+				}
+				checkBookRight(data,res=>{
+					console.log(res)
+					if(res.success){
+						uni.navigateTo({
+							url: '../comments/comments?bookid='+val.id,
+						});
+					}else{
+						uni.showToast({
+							title:'购买本书后方可查看此内容!',
+							icon:'none'
+						})
+					}
+				})
+				
 			},
 			// 书评详情
 			toDetail(val){
-				console.log(val,'val')
+				// console.log(val,'val')
-				uni.navigateTo({
+						uni.navigateTo({
-					url:'../comments/commentsDetail?bookid='+val.bookid+'&bfa_id='+val.id
+							url:'../comments/commentsDetail?bookid='+val.bookid+'&bfa_id='+val.id
+						})
+			},
+			// 判断健全
+			toDetail1(val){
+				// console.log(val,'val')
+				let data = {
+					'userId': this.userInfo.id,
+					'bookId': val.bookid
+				}
+				checkBookRight(data,res=>{
+					console.log(res)
+					if(res.success){
+						uni.navigateTo({
+							url:'../comments/commentsDetail?bookid='+val.bookid+'&bfa_id='+val.id
+						})
+					}else{
+						uni.showToast({
+							title:'购买本书后方可查看此内容!',
+							icon:'none'
+						})
+					}
 				})
+				
 			},
             clickLike(item){
                 this.$http
@@ -326,6 +373,7 @@ import { data } from 'jquery';
                         }else{
                             this.bookList = this.bookList.concat(res.page.records)
                         }
+						this.total = res.page.pages
                         console.log(this.newList,'this.newList')
 						// let list = res.page.records
 						// console.log(list,'list')
@@ -351,11 +399,11 @@ import { data } from 'jquery';
 						// 			console.log(e,'e')
 						// 		})
 						// }
-						if(res.page.records.length != 10){
+						// if(res.page.records.length != 10){
-							this.status = 1
+						// 	this.status = 1
-						} else {
+						// } else {
 							this.status = 0
-						}						
+						// }						
 						// uni.hideLoading();
 					}).catch((e)=>{
 						console.log(e,'e')

pages/eBook/bookContent.vue

@@ -4,7 +4,7 @@
 		<view class="book_neir flexbox">
 			<view class="bn_img">
 				<img :src="bookMessage.images" mode="scaleToFill">
-				
+
 			</view>
 			<view class="bn_nes">
 				<view style="font-weight: bold;margin-bottom: 30rpx;">
@@ -20,10 +20,13 @@
 				</view>
 				<view class="tags">
 					<uni-tag class="tag" @click="toMore()" :inverted="true" text="书评" type="success"></uni-tag>
-					<uni-tag @click="gotoListen()"  class="tag" v-if="bookMessage.canListen" :inverted="true" text="听书" type="primary"></uni-tag>									
+					<uni-tag @click="gotoListen()" class="tag" v-if="bookMessage.canListen" :inverted="true" text="听书"
+						type="primary"></uni-tag>
 					<!-- 1:打卡，2不打卡 -->
-					<uni-tag  @click="gotoclock()" v-if="bookMessage.clockIn == 1" class="tag" :inverted="true" text="打卡" type="warning"></uni-tag>
+					<uni-tag @click="gotoclock()" v-if="bookMessage.clockIn == 1" class="tag" :inverted="true" text="打卡"
-					<uni-tag  @click="goJiangShu()" v-if="bookMessage.teachIn == 1" class="tag" :inverted="true" text="讲书" type="error"></uni-tag>
+						type="warning"></uni-tag>
+					<uni-tag @click="goJiangShu()" v-if="bookMessage.teachIn == 1" class="tag" :inverted="true"
+						text="讲书" type="error"></uni-tag>
 				</view>
 				<view class="buy" v-if="!bookMessage.isBuy">
 					<view class="btn" @click="goBuy">
@@ -43,52 +46,54 @@
 					<text>
 						{{bookMessage.description}}
 					</text>
-			</view>
-			<u-divider v-else text="暂无简介信息"></u-divider>
-			<view class="head_line" style="margin-bottom:30rpx;">
-				<b></b>
-				<text>精彩试听</text>
-			</view>
-			<view class="playList" v-if="libLIst.length > 0">
-				<view class="item" v-for="(item,index) in libLIst" :key="index" >
-					<view >
-						<view v-if="item.isFree == 1"
-						:class="[]" @click="listenOne(item, index)">					
-						
-						<span :class="[userInfo.playingInfo.bookId==item.bookId && userInfo.playingInfo.id == item.id ? 'playing' : '','graytitle']">{{item.chapter}}</span>&nbsp;&nbsp;
-						<uni-tag v-if="item.isFree == 1" class="tag" size="small" :inverted="true" text="试听" type="success" />
-						<!-- <image  class="playingFig" src="/static/playingGif.gif" mode="aspectFill"></image>	 -->
-						</view>					
-					</view>
-				</view>	
-				<view class="" style="text-align: center;" @click="gotoListen">
-					<text style="font-size: 28rpx; color:#27b386">查看完整目录</text>
 				</view>
-			</view>
+				<u-divider v-else text="暂无简介信息"></u-divider>
-			<u-divider v-else text="暂无试听数据"></u-divider>
+				<view class="head_line" style="margin-bottom:30rpx;">
-				
+					<b></b>
-			<view class="head_line" style="margin-bottom:30rpx;">
+					<text>精彩试听</text>
-				<b></b>
+				</view>
-				<text>热门书评</text>
+				<view class="playList" v-if="libLIst.length > 0">
-			</view>
+					<view class="item" v-for="(item,index) in libLIst" :key="index">
-			<view class="list shupingList" v-if="shupingList.length > 0">
+						<view>
-				<view class="item" @click.stop="toDetail(item)" v-for="item in shupingList" :key="item.id">
+							<view v-if="item.isFree == 1" :class="[]" @click="listenOne(item, index)">
-					<h4>{{item.title}}</h4>
+
-					<view class=""  v-if="item.content && item.content != '' ">
+								<span
-						<view class="info" v-html="item.content">
+									:class="[userInfo.playingInfo.bookId==item.bookId && userInfo.playingInfo.id == item.id ? 'playing' : '','graytitle']">{{item.chapter}}</span>&nbsp;&nbsp;
+								<uni-tag v-if="item.isFree == 1" class="tag" size="small" :inverted="true" text="试听"
+									type="success" />
+								<!-- <image  class="playingFig" src="/static/playingGif.gif" mode="aspectFill"></image>	 -->
+							</view>
 						</view>
 					</view>
-					<view class="more" @click.stop="toDetail(item)">立即查看</view>
+					<view class="" style="text-align: center;" @click="gotoListen">
+						<text style="font-size: 28rpx; color:#27b386">查看完整目录</text>
+					</view>
 				</view>
-				<view class="moreBtn"  @click="toMore(item)">
+				<u-divider v-else text="暂无试听数据"></u-divider>
-					<text>查看更多</text>
+
+				<view class="head_line" style="margin-bottom:30rpx;">
+					<b></b>
+					<text>热门书评</text>
 				</view>
+				<view class="list shupingList" v-if="shupingList.length > 0">
+					<view class="item" @click.stop="toDetail(item)" v-for="item in shupingList" :key="item.id">
+						<h4>{{item.title}}</h4>
+						<view class="" v-if="item.content && item.content != '' ">
+							<view class="info" v-html="item.content">
+							</view>
+						</view>
+						<view class="more" @click.stop="toDetail(item)">立即查看</view>
+					</view>
+					<view class="moreBtn" @click="toMore(item)">
+						<text>查看更多</text>
+					</view>
+				</view>
+				<u-divider v-else text="暂无书评数据"></u-divider>
+			</view>
+			<view>
+				<u-back-top :scroll-top="scrollTop" bottom="60" :customStyle='bgiStyle'
+					:iconStyle="iconStyle"></u-back-top>
 			</view>
-			<u-divider v-else text="暂无书评数据"></u-divider>
-		</view>	
-		<view>
-			<u-back-top :scroll-top="scrollTop" bottom="60" :customStyle='bgiStyle' :iconStyle="iconStyle"></u-back-top>
-		</view>
 
 		</view>
 		<music-play :playData="playData"></music-play>
@@ -96,25 +101,29 @@
 </template>
 
 <script>
-	 import musicPlay from '@/components/music.vue'
+	import musicPlay from '@/components/music.vue'
 	import $http from '@/config/requestConfig.js';
 	import {
-		mapState,mapMutations
+		mapState,
+		mapMutations
 	} from 'vuex';
+	import {
+		checkBookRight
+	} from '@/config/utils';
 	export default {
 		data() {
 			return {
-				
+
-				playData:{},
+				playData: {},
-				youhuiShow:false,
+				youhuiShow: false,
-				youhuiIndex:'',
+				youhuiIndex: '',
-				youhuiList:[], // 优惠券列表
+				youhuiList: [], // 优惠券列表
 				couponMz: 0, // 优惠券钱数
-				useCouponAmount: '' , // 使用的优惠券金额
+				useCouponAmount: '', // 使用的优惠券金额
 				bookJiageA: 0,
 				youhuiContent: {
-					coupons:{
+					coupons: {
-						id:'0'
+						id: '0'
 					}
 				},
 				scrollTop: 0,
@@ -128,9 +137,11 @@
 				tab_muJian: 0,
 				bookId: '',
 				bookMessage: {
-					flag: false,					
+					flag: false,
-					author:{authorName:''}
+					author: {
-					
+						authorName: ''
+					}
+
 				},
 				bookCatalogue: [],
 				bgiStyle: {
@@ -145,10 +156,10 @@
 				buyShow: false,
 				buysignShow: false,
 				buysignContent: '',
-				libLIst:[],
+				libLIst: [],
-				freeChapterCount:0,
+				freeChapterCount: 0,
-				isBuy:false,
+				isBuy: false,
-				shupingList:[],
+				shupingList: [],
 			};
 		},
 
@@ -170,7 +181,7 @@
 		onShow() {
 			this.getData();
 		},
-		components: {			
+		components: {
 			musicPlay
 		},
 		//方法
@@ -185,11 +196,11 @@
 						'userId': this.userInfo.id
 					})
 					.then(res => {
-						console.log('书详细',res.book)
+						console.log('书详细', res.book)
 						this.bookMessage = res.book
 						this.bokMesDet.bookId = res.book.id
 						this.bokMesDet.bookName = res.book.name,
-						this.bokMesDet.images = res.book.images	
+							this.bokMesDet.images = res.book.images
 						this.isBuy = res.book.isBuy
 						this.freeChapterCount = res.book.freeChapterCount
 						this.bokMesDet.userId = this.userInfo.id
@@ -219,120 +230,173 @@
 				this.getLibList()
 				// 获取
 				this.getComments()
-				
+
 			},
 			// 去讲书
-			goJiangShu(){
+			goJiangShu() {
-				uni.navigateTo({
+				let data = {
-					url: '../talkBook/talkBookML?bookid='+ this.bookId					
+					'userId': this.userInfo.id,
-				});
+					'bookId': this.bookId
+				}
+				checkBookRight(data,res=>{
+					console.log(res)
+					if(res.success){
+						uni.navigateTo({
+							url: '../talkBook/talkBookML?bookid=' + this.bookId
+						});
+					}else{
+						uni.showToast({
+							title:'购买本书后方可查看此内容!',
+							icon:'none'
+						})
+					}
+				})
+				
 			},
 			// 去听书
-			gotoListen(){
+			gotoListen() {
-				uni.navigateTo({					
+				uni.navigateTo({
-					 url: "../listen/listen?bookid="+ this.bookId				
+					url: "../listen/listen?bookid=" + this.bookId
 				});
 			},
 			// 去打卡
-			gotoclock(){
+			gotoclock() {
-				this.onPageJump('../clock/clock?bookid='+ this.bookId)
+				let data = {
+					'userId': this.userInfo.id,
+					'bookId': this.bookId
+				}
+				checkBookRight(data,res=>{
+					console.log(res)
+					if(res.success){
+						this.onPageJump('../clock/clock?bookid=' + this.bookId)
+					}else{
+						uni.showToast({
+							title:'购买本书后方可参与打卡!',
+							icon:'none'
+						})
+					}
+				})
+				
 			},
 			// 查看本书更多书评
-			toMore(val){
+			toMore(val) {
-				console.log(val,'val')
+				// console.log(val, 'val')
-				uni.navigateTo({
+				let data = {
-					url: '../comments/comments?bookid='+ this.bookId,
+					'userId': this.userInfo.id,
-				});
+					'bookId': this.bookId
+				}
+				checkBookRight(data,res=>{
+					console.log(res)
+					if(res.success){
+						uni.navigateTo({
+							url: '../comments/comments?bookid=' + this.bookId,
+						});
+					}else{
+						uni.showToast({
+							title:'购买本书后方可查看此内容!',
+							icon:'none'
+						})
+					}
+				})
+				
 			},
 			// 去购买
-			goBuy(){
+			goBuy() {
 				uni.navigateTo({
-					url: '../bookShop/commodityDetail?id=' + this.bookMessage.productId					
+					url: '../bookShop/commodityDetail?id=' + this.bookMessage.productId
 				});
 			},
 			// 获取书评
-			getComments(){
+			getComments() {
 				let data = {
 					'page': 1,
 					'limit': 3,
-					'bookid' : this.bookId
+					'bookid': this.bookId
 				}
 				this.$http
 					.post('forum/articles/descupdatelist', data)
-					.then(res => {										
+					.then(res => {
-					console.log(res.page.list,'评论获取成功')
+						console.log(res.page.list, '评论获取成功')
-					this.shupingList = res.page.list
+						this.shupingList = res.page.list
-				}).catch((e)=>{
+					}).catch((e) => {
-						console.log(e,'e')
+						console.log(e, 'e')
 					})
 			},
 			// 播放单个音频
-			listenOne(item,index){				
+			listenOne(item, index) {
-				console.log('点击了',index)	
+				console.log('点击了', index)
-				if(this.libLIst.length > 0){
+				if (this.libLIst.length > 0) {
-					this.setUserInfo({'playIndex': index})
+					this.setUserInfo({
-				    this.$music.setList(this.libLIst,'autoPlay',index)
+						'playIndex': index
-					this.setUserInfo({'playVisible': true})
+					})
+					this.$music.setList(this.libLIst, 'autoPlay', index)
+					this.setUserInfo({
+						'playVisible': true
+					})
 					uni.setStorage({
 						key: 'playVisible',
 						data: true,
-						success: function () {
+						success: function() {
 							console.log('success');
 						}
 					});
-				
+
-				// 本地存储播放列表
+					// 本地存储播放列表
-				uni.setStorage({
+					uni.setStorage({
-					key: 'playData',
+						key: 'playData',
-					data: {'myList':this.libLIst},
+						data: {
-					success: function () {
+							'myList': this.libLIst
-						console.log('success');
+						},
-					}
+						success: function() {
-				});
+							console.log('success');
-				// 系统暂存
+						}
-				this.setUserInfo({'myList':this.libLIst})				
+					});
-			  }	
+					// 系统暂存
+					this.setUserInfo({
+						'myList': this.libLIst
+					})
+				}
 			},
 			// 获取章节列表
-			getLibList(){				
+			getLibList() {
 				this.$http
 					.post('book/book/getBookCatalogue', {
 						'userId': this.userInfo.id,
 						'bookId': this.bookId,
 						// 'id': this.playid
 					})
-					.then(res => {						
+					.then(res => {
-						if(res.code == 0){
+						if (res.code == 0) {
-							console.log(res,999)
+							console.log(res, 999)
-							if(res.BookCatalogue.length > 0){	
+							if (res.BookCatalogue.length > 0) {
-								res.BookCatalogue.map( item => {
+								res.BookCatalogue.map(item => {
-									if(item.isFree == 1){
+									if (item.isFree == 1) {
 										this.libLIst.push(item)
 									}
 								})
-								console.log('改变后的试听目录',this.libLIst)
+								console.log('改变后的试听目录', this.libLIst)
 								//this.libLIst = res.BookCatalogue
 								// this.fengImg = res.images
 							}
 						}
-					}).catch((e)=>{
+					}).catch((e) => {
 						console.log(e.msg)
 					})
-			},		
+			},
-			
+
-		
+
 			// 跳转
 			onPageJump(url) {
 				uni.navigateTo({
 					url: url
-				});				
+				});
-				
+
 			},
 			// 书评详情
-			toDetail(val){
+			toDetail(val) {
-				console.log(val,'val')
+				console.log(val, 'val')
 				uni.navigateTo({
-					url:'../comments/commentsDetail?bookid='+val.bookid+'&bfa_id='+val.id
+					url: '../comments/commentsDetail?bookid=' + val.bookid + '&bfa_id=' + val.id
 				})
 			},
 			// 信息介绍跳转
@@ -342,8 +406,8 @@
 				});
 			},
 
-			
+
-		
+
 
 
 
@@ -352,35 +416,103 @@
 </script>
 <style lang="scss" scoped>
 	@import '@/style/mixin.scss';
-	.playing{color: #1daa5c !important;}
+
-	.graytitle{color: #666;}
+	.playing {
-	.flexbox{display: flex;}
+		color: #1daa5c !important;
-	.tags{
+	}
-		.tag{
+
-			margin-left: 0; margin-right: 10rpx;
+	.graytitle {
+		color: #666;
+	}
+
+	.flexbox {
+		display: flex;
+	}
+
+	.tags {
+		.tag {
+			margin-left: 0;
+			margin-right: 10rpx;
 		}
 	}
-	.moreBtn{text-align: center; margin-top: 20rpx;
+
-	text{padding: 6rpx 20rpx; border: 1px solid #27b386; color: #27b386; border-radius: 10rpx;}
+	.moreBtn {
+		text-align: center;
+		margin-top: 20rpx;
+
+		text {
+			padding: 6rpx 20rpx;
+			border: 1px solid #27b386;
+			color: #27b386;
+			border-radius: 10rpx;
+		}
 	}
-	.buy{ text-align: right;
+
-		.btn{display: inline-block; padding: 6rpx 8rpx; font-size: 36rpx; color: #d75f54; border: 1px solid #d75f54; border-radius: 10rpx;}
+	.buy {
+		text-align: right;
+
+		.btn {
+			display: inline-block;
+			padding: 6rpx 8rpx;
+			font-size: 36rpx;
+			color: #d75f54;
+			border: 1px solid #d75f54;
+			border-radius: 10rpx;
+		}
 	}
-	.shupingList{
+
-		h4{font-size: 36rpx;}
+	.shupingList {
-		.item{padding: 30rpx 20rpx; padding-bottom: 60rpx; border-bottom: 20rpx solid #eee; border-radius: 46rpx;}
+		h4 {
-		.more{display: inline-block; margin-top: 20rpx; padding: 3rpx 5rpx; color: #27b386; border: 1px solid #27b386; border-radius:8rpx;}
+			font-size: 36rpx;
-		.info{line-height:40rpx ; font-size: 26rpx; margin-top: 20rpx; height: 80rpx; overflow: hidden;  }
+		}
+
+		.item {
+			padding: 30rpx 20rpx;
+			padding-bottom: 60rpx;
+			border-bottom: 20rpx solid #eee;
+			border-radius: 46rpx;
+		}
+
+		.more {
+			display: inline-block;
+			margin-top: 20rpx;
+			padding: 3rpx 5rpx;
+			color: #27b386;
+			border: 1px solid #27b386;
+			border-radius: 8rpx;
+		}
+
+		.info {
+			line-height: 40rpx;
+			font-size: 26rpx;
+			margin-top: 20rpx;
+			height: 80rpx;
+			overflow: hidden;
+		}
 	}
-	.playList{padding: 20rpx; color: #666; }
+
-	.playList .item{display: block;line-height:60rpx;  white-space: nowrap;					
+	.playList {
-		overflow-x: hidden; font-size: 36rpx; 
+		padding: 20rpx;
-		text-overflow: ellipsis;}
+		color: #666;
-	.tag{margin-left: 20rpx;}
+	}
+
+	.playList .item {
+		display: block;
+		line-height: 60rpx;
+		white-space: nowrap;
+		overflow-x: hidden;
+		font-size: 36rpx;
+		text-overflow: ellipsis;
+	}
+
+	.tag {
+		margin-left: 20rpx;
+	}
+
 	.head_line {
 		margin: 50rpx 0 0 0;
-	
+
-	
+
 		b {
 			display: inline-block;
 			width: 12rpx;
@@ -389,12 +521,12 @@
 			vertical-align: bottom;
 			margin: 0 20rpx 0 0;
 		}
-	
+
 		text {
 			font-size: 32rpx;
 			font-weight: bold;
 		}
-	
+
 		i {
 			float: right;
 			font-style: normal;
@@ -403,46 +535,52 @@
 			margin: 5rpx 35rpx 0 0;
 		}
 	}
-.yq_youhui {
-			.yqLeft {
-				display: inline-block;
-				margin-right: 10rpx;
-			}
 
-			.yqRight {
+	.yq_youhui {
-				float: right;
+		.yqLeft {
-			}
+			display: inline-block;
+			margin-right: 10rpx;
+		}
 
-			.dagnqian {
+		.yqRight {
-				float: right;
+			float: right;
-				font-size: 22rpx;
-				background-color: #dd1919;
-				color: #fff;
-				border-radius: 20rpx;
-				padding: 5rpx 10rpx;
-			}
 		}
-		.yq_yunfei {
+
-			.yqLeft {
+		.dagnqian {
-				display: inline-block;
+			float: right;
-				margin-right: 10rpx;
+			font-size: 22rpx;
-			}
+			background-color: #dd1919;
-		
+			color: #fff;
-			text {
+			border-radius: 20rpx;
-				float: right;
+			padding: 5rpx 10rpx;
-			}
 		}
+	}
+
+	.yq_yunfei {
+		.yqLeft {
+			display: inline-block;
+			margin-right: 10rpx;
+		}
+
+		text {
+			float: right;
+		}
+	}
+
 	.book_neir {
 		margin: 20rpx 0 0 0;
 		position: relative;
 
 
 		.bn_img {
-			
+
 			width: 250upx;
 			height: 320upx;
-			img{width: 250upx;
+
-			height: 320upx;}
+			img {
+				width: 250upx;
+				height: 320upx;
+			}
 		}
 
 		.bn_nes {
@@ -493,13 +631,13 @@
 			line-height: 40rpx;
 		}
 	}
-	
+
-	.book_vip{
+	.book_vip {
 		background: url('../../static/icon/mine_card.png') top center no-repeat;
 		color: #87510d;
 		font-weight: bold;
 	}
-	
+
 
 
 	.book_tab {
@@ -633,6 +771,7 @@
 			display: inline-block;
 		}
 	}
+
 	.youhuiItem {
 		border: 1px solid #d9d9d9;
 		border-radius: 10rpx;
@@ -644,12 +783,12 @@
 		background-color: #fff;
 		font-size: 30rpx;
 	}
-	
+
 	.youhuiItem>view {
 		float: left;
 	}
-	
+
 	.youhuiItem.youItem_style {
 		border-color: #fd6004;
 	}
-</style>
+</style>

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/listen/listen.vue

@@ -110,6 +110,9 @@
 	 import {
 	 	mapState,mapMutations
 	 } from 'vuex';
+	 import {
+	 	checkBookRight
+	 } from '@/config/utils';
 	export default {
 		components: {
 			//  cxAdudioPlay,
@@ -218,10 +221,23 @@
 			// },
 			// 查看本书更多书评
 			toMore(val){
-				console.log(val,'val')
+				let data = {
-				uni.navigateTo({
+					'userId': this.userInfo.id,
-					url: '../comments/comments?bookid='+ this.bookid,
+					'bookId': this.bookid
-				});
+				}
+				checkBookRight(data,res=>{
+					// console.log(res)
+					if(res.success){
+						uni.navigateTo({
+							url: '../comments/comments?bookid='+ this.bookid,
+						});
+					}else{
+						uni.showToast({
+							title:'购买本书后方可查看此内容!',
+							icon:'none'
+						})
+					}
+				})				
 			},
 			// 去听书
 			gotoListen(){
@@ -231,15 +247,43 @@
 			},
 			// 去讲书
 			goJiangShu(){
-				uni.navigateTo({
+				let data = {
-					url: '../talkBook/talkBookDetail?bookId='+ this.bookid					
+					'userId': this.userInfo.id,
-				});
+					'bookId': this.bookid
+				}
+				checkBookRight(data,res=>{
+					console.log(res)
+					if(res.success){
+						uni.navigateTo({
+							url: '../talkBook/talkBookML?bookid=' + this.bookid				
+						});
+					}else{
+						uni.showToast({
+							title:'购买本书后方可查看此内容!',
+							icon:'none'
+						})
+					}
+				})				
 			},
 			// 去打卡
-			gotoclock(){				
+			gotoclock(){	
-				uni.navigateTo({
+				let data = {
-					url: '../clock/clock?bookid='+ this.bookid,
+					'userId': this.userInfo.id,
-				});
+					'bookId': this.bookid
+				}
+				checkBookRight(data,res=>{
+					console.log(res)
+					if(res.success){
+						uni.navigateTo({
+							url: '../clock/clock?bookid='+ this.bookid,
+						});
+					}else{
+						uni.showToast({
+							title:'购买本书后方可参与打卡!',
+							icon:'none'
+						})
+					}
+				})
 			},
 			getBookInfo(){
 				// 获取书本基本信息

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,59 +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>
-			<view class="nav_list" @click="appJump()" v-if="this.osName != ''">
+				<!-- <view class="nav_list" @click="onPageJump('../clock/clockList')">
-				<text>打开一路健康</text>
-			</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 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>
-			<view class="nav_list" @click="onPageJump('../peanut/aboutUs')">
+				<view class="nav_list" @click="onPageJump('../peanut/aboutUs')">
-				<text>关于我们</text>
+					<text>关于我们</text>
-			</view>
+				</view>
-			<view class="nav_list" @click="signShow=true">
+				<view class="nav_list" @click="signShow=true">
-				<text>退出登录</text>
+					<text>退出登录</text>
-			</view>
+				</view>
-			<view class="nav_list" @click="logout">
+				<view class="nav_list" @click="logout">
-				<text>注销帐号</text>
+					<text>注销帐号</text>
+				</view>
 			</view>
 
+			<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>
 
 		<u-modal :show="signShow" :content="signContent" :showCancelButton="true" @cancel="signShow=false"
@@ -120,6 +125,7 @@
 
 		<music-play :playData="playData"></music-play>
 		<z-navigation></z-navigation>
+		
 	</view>
 </template>
 
@@ -141,7 +147,7 @@
 				playData: {},
 				isAndorid: true,
 				platform: null, // 设备系统
-				osName: '', // 系统名称
+				anonymous: false, //游客
 			};
 		},
 		//第一次加载
@@ -151,7 +157,6 @@
 			// #ifdef APP-PLUS
 			this.getOS()
 			this.platform = uni.getSystemInfoSync().platform
-			this.osName = plus.os.name
 			// console.log('操纵系统',this.platform)
 			// #endif
 		},
@@ -163,7 +168,7 @@
 			// 隐藏原生的tabbar
 			uni.hideTabBar();
 			this.getData();
-
+			this.anonyMo();
 		},
 		components: {
 			musicPlay
@@ -171,48 +176,6 @@
 		//方法
 		methods: {
 			...mapMutations(['setUserInfo']),
-
-			// app 跳转
-			appJump() {
-				// console.log(plus.os.name,'系统名称')
-				if (this.osName == "Android") { //安卓
-					if (plus.runtime.isApplicationExist({ //查看安卓系统手机有没有下载这款app
-							pname: 'cn.com.everhealth', //B款app云打包的包名
-						})) { //安装了app
-						plus.runtime.launchApplication({ //打开app
-							pname: "cn.com.everhealth", //B款app云打包的包名
-							extra: {
-								key1: "我是三方app携带的参数激活99" //B款app配置的schemes+云打包的包名
-							},
-							function(e) {
-								console.log("Open system default browser failed: " + e.message);
-							}
-						})
-					} else { //未安装app
-						plus.runtime.openURL('https://a.app.qq.com/o/simple.jsp?pkgname=cn.com.everhealth', function(res) {
-							//进入后台小哥哥给我的应用宝下载链接，让你们后台给你
-							//这链接会判断你手机是ios还是Android，Android进入应用宝下载app
-							//跟下面的是一个链接
-							console.log(res);
-						});
-					}
-				} else if (this.osName == "iOS") { //苹果
-					//因为ios查不到B款app在ios系统手机里面，其实下载了，也是检测不到，所以就不检测了
-					//直接打开B款app，B款app没有的话，会进入回调报错，我们在回调去打开下载链接
-					plus.runtime.launchApplication({
-						action: "everhealth://"
-					}, function(e) {
-						plus.runtime.openURL('https://a.app.qq.com/o/simple.jsp?pkgname=cn.com.everhealth',
-							function(res) {
-								//进入后台小哥哥给我的appStore下载app链接，，让你们后台给你
-								//这链接会判断你手机是ios还是Android，ios进入应用宝下载app
-								//跟上面的是一个链接
-								console.log(res);
-							});
-					});
-				}
-
-			},
 			// 获得操作系统
 			getOS() {
 				let oprateOs = ''
@@ -267,6 +230,18 @@
 					url: url
 				});
 			},
+
+			// 游客模式
+			anonyMo() {
+				if (uni.getStorageSync("anonymous") == '0000000000') {
+					this.anonymous = true
+				} else {
+					this.anonymous = false
+				}
+
+			},
+
+
 			getData() {
 				// 获取个人信息
 				if (this.userInfo.id != undefined) {

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/talkBook/talkBookML.vue

@@ -86,6 +86,9 @@
 		mapState,
 		mapMutations
 	} from 'vuex';
+	import {
+		checkBookRight
+	} from '@/config/utils';
 	export default {
 		components: {
 			//  cxAdudioPlay,
@@ -157,10 +160,25 @@
 
 			// 查看本书更多书评
 			toMore(val) {
-				console.log(val, 'val')
+				// console.log(val, 'val')
-				uni.navigateTo({
+				let data = {
-					url: '../comments/comments?bookid=' + this.bookid,
+					'userId': this.userInfo.id,
-				});
+					'bookId': this.bookid
+				}
+				checkBookRight(data,res=>{
+					console.log(res)
+					if(res.success){
+						uni.navigateTo({
+							url: '../comments/comments?bookid=' + this.bookid,
+						});
+					}else{
+						uni.showToast({
+							title:'购买本书后方可查看此内容!',
+							icon:'none'
+						})
+					}
+				})
+				
 			},
 			// 去打卡
 			gotoclock() {

pages/user/addAddress.vue

@@ -176,7 +176,9 @@
 
 							for (let i = 0; i < this.addressList.length; i++) {
 								this.addressList[i].UName = this.addressList[i].provName
-								if (this.addressList[i].cityList == null) {
+								if (this.addressList[i].cityList == null) {   
+									// 如果没有cityList数据，就添加一项，用省份的信息
+									// console.log('存在单一',this.addressList[i].provId)
 									this.addressList[i].cityList = [{
 										"cityId": this.addressList[i].provId,
 										"provId": this.addressList[i].provId,

pages/yian/yian.vue

@@ -0,0 +1,269 @@
+<template>
+	<view class="container">
+		<!-- 公共组件-每个页面必须引入 -->
+		<public-module></public-module>
+		<view class="header">
+			<!-- 顶部导航栏 -->
+			<z-nav-bar title="医案"></z-nav-bar>
+		</view>
+        <view>
+			<view class="" style="padding:40rpx 20rpx;">
+				<view class="mytabs flexbox">
+					<view :class="['item','item1', contentShow == 1 ? 'active' :'']" @click="setData(1)">
+						已购图书
+					</view>
+					<view :class="['item','item2', contentShow == 2 ? 'active' :'']" @click="setData(2)">
+						推荐图书
+					</view>
+				</view>
+			</view>
+			<view class="mainContainer">
+				<view class="item" v-if="yianList.length > 0">
+					<u-row gutter="16" justify="flex-start">
+						<u-col span="4" v-for="(item,index) in yianList" :key="index">
+							<view>
+								<view class="videoBox demo-layout bg-purple" @click="toMore(item)">
+									<image v-if="item.images != ''" :src="item.images" mode="scaleToFill"></image>
+									<image v-else src="../../static/icon/wufeng.jpg" mode="scaleToFill"></image>
+								</view>
+								<text class="bookName">{{item.name}}</text>
+							</view>
+						</u-col>
+					</u-row>
+				</view>
+				<u-divider v-else text="暂无数据"></u-divider>
+				<view style="width: 100%;">
+					<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>
+					<view v-if="status==1">
+						<u-divider text="全部加载完成"></u-divider>
+					</view>
+				</view>
+			</view>
+        </view>
+		
+		<music-play :playData="playData"></music-play>
+	</view>
+</template>
+
+<script>
+	import $http from '@/config/requestConfig.js';
+	import emotion from '@/bkhumor-emojiplus/components/bkhumor-emojiplus/bkhumor-emojiplus.vue';
+   import musicPlay from '@/components/music.vue'
+import { data } from 'jquery';
+   import {
+   	mapState, mapMutations
+   } from 'vuex';
+   import {
+   	checkBookRight
+   } from '@/config/utils';
+	export default {
+		data() {
+			return {
+				playData:{},
+				windowWidth:0,
+				bookid:null,
+				page:1,
+				pageSize:10,
+				total:0,
+				status:3,
+                booksetpage: 1,
+                yianList:[],
+				contentShow: 1,
+
+			}
+		},
+		onPullDownRefresh() {
+			console.log('下拉刷新了')
+			uni.stopPullDownRefresh(); 
+			  
+            this.booksetpage = 1
+            this.yianList = []
+            this.getYianList(false)
+			   
+		},
+		onReachBottom() {
+            this.booksetpage++
+            this.getYianList(false)
+		},
+		onLoad(e) {
+			this.windowWidth = uni.getSystemInfoSync().windowWidth;
+			console.log(e,'onload')
+			// this.bookid = e.bookid
+			this.getYianList(false)
+		},
+		computed:{
+			...mapState(['userInfo']),
+		},
+		methods: {
+			...mapMutations(['setLoadingShow']),
+			setData(e) {
+				this.contentShow = e
+				this.getYianList(true)
+			},
+			// 查看本书更多书评
+			toMore(val){
+				if (this.contentShow == 1) {
+					uni.navigateTo({
+						url: '../yian/yianList?bookid='+val.id + '&bookname='+val.name,
+					})
+				}
+				if (this.contentShow == 2) {
+					uni.navigateTo({
+						url: '../eBook/bookContent?Id=' + val.id
+					});
+				}
+				// console.log(val,'val')
+			},
+			// // 医案详情
+			// toDetail1(val){
+			// 	// console.log(val,'val')
+			// 	let data = {
+			// 		'userId': this.userInfo.id,
+			// 		'bookId': val.bookid
+			// 	}
+			// 	checkBookRight(data,res=>{
+			// 		console.log(res)
+			// 		if(res.success){
+			// 			uni.navigateTo({
+			// 				url: '../yian/yianDetail?medicalRecordsId='+val.medicalRecordsId
+			// 			})
+			// 		}else{
+			// 			uni.showToast({
+			// 				title:'购买本书后方可查看此内容!',
+			// 				icon:'none'
+			// 			})
+			// 		}
+			// 	})
+				
+			// },
+			getYianList(tushuflag){
+				
+				// uni.showLoading({
+				// 	title: '加载中'
+				// });			
+				
+                var httpurl = "" 
+				if(tushuflag){ // 点击切换已购和推荐
+					this.booksetpage = 1
+					this.yianList = []
+				}
+				if(this.contentShow == 1){
+					httpurl = "book/bookMedicalRecords/userEbookBuyList"
+				} else {
+					httpurl = "book/bookMedicalRecords/recommendBookList"
+				}
+				
+				$http.request({
+					url: httpurl,
+					method: "POST", 
+					data: {
+						"page": this.booksetpage,
+						"limit": 10,
+						"userId": this.userInfo.id
+					},
+					header: { //默认 无 说明：请求头
+						'Content-Type': 'application/json'
+					},
+				}).then(res => {
+					this.yianList = this.yianList.concat(res.page.records)
+					console.log(this.yianList,'this.yianList')
+					if(res.page.records.length != 10){
+						this.status = 1
+					} else {
+						this.status = 0
+					}	
+				}).catch(e => {
+					console.log(e)
+				})
+				
+			},
+			
+		},
+		components:{
+			musicPlay,			
+			emotion			
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+.mytabs {
+		// background: url('@/static/icon/bgtushu.png') no-repeat left top;
+		height: 80rpx;
+		// margin-bottom: 30rpx;
+
+		.item {
+			border-radius: 10rpx;
+			background-color: #c6ead0;
+			width: 48%;
+			// margin: 0 10rpx;
+			text-align: center;
+			color: #3c7f56;
+			font-size: 36rpx;
+			line-height: 80rpx;
+		}
+
+		.item.active {
+			background-color: #3c7f56;
+			color: #fff;
+		}
+
+		.item1 {
+			margin-right: 20rpx;
+		}
+	}
+
+	.tip {
+		padding: 20rpx;
+		background-color: #fff;
+
+		text {
+			font-size: 36rpx;
+		}
+	}
+
+	.flexbox {
+		display: flex;
+	}
+
+	.container {
+		padding: 10px;
+	}
+
+	.bookName {
+		white-space: nowrap;
+		overflow-x: hidden;
+		text-overflow: ellipsis;
+		font-size: 30rpx;
+		color: #333;
+		padding: 10rpx 0;
+	}
+
+	uni-image {
+		width: auto !important;
+		height: 350rpx;
+	}
+
+	.listenList {
+		padding: 10rpx;
+		box-sizing: border-box;
+		width: calc(100% - 10rpx);
+	}
+
+	.u-row {
+		flex-wrap: wrap;
+	}
+
+	.u-col {
+		overflow: hidden;
+		margin-bottom: 20rpx;
+	}
+
+	.mb30 {
+		margin-bottom: 30rpx;
+		overflow: hidden;
+	}
+</style>

pages/yian/yianDetail.vue

@@ -0,0 +1,587 @@
+<template>
+	<view class="container">
+		<view class="header">
+			<!-- 顶部导航栏 -->
+			<z-nav-bar :title="productInfo.title"></z-nav-bar>
+		</view>
+		<view class="bookInfo">
+			<!-- <image :src="productInfo.images" mode="aspectFill"></image> -->
+			<view>
+				<!-- <span class="title">{{productInfo.title}}</span> -->
+				<!-- <view class="description">{{productInfo.content}}</view> -->
+				<view class="content" v-html="productInfo.content"></view>
+			</view>
+			<!-- <view class="flexbox" style="margin-bottom: 20px;">
+				<image :src="productInfo.images" mode="aspectFill" class="imageradius bookinfoimage"></image>
+				<view class="bookInfo-inner">
+					<span class="title">{{productInfo.name}}</span>
+					<span class="author">作者：{{productInfo.authorName}}</span>
+					<view class="description" v-if="productInfo.description == ''">暂无简介内容</view>
+					<view class="description" v-else>简介：{{productInfo.description}}</view>
+				</view>
+			</view>	 -->
+			
+		</view>
+		
+		<music-play :playData="playData"></music-play>
+	</view>
+</template>
+
+<script>
+	import $http from '@/config/requestConfig.js';
+	import emotion from '@/bkhumor-emojiplus/components/bkhumor-emojiplus/bkhumor-emojiplus.vue';
+   import musicPlay from '@/components/music.vue'
+   	import emojiList1 from '../../bkhumor-emojiplus/emoji/biaoqin.js'
+   import {
+   	mapState
+   } from 'vuex';
+	export default {
+		data() {
+			return {
+				playData:{},
+				isShowEmj: false,
+				emojiIcon:'cuIcon-emoji',
+				windowWidth:0,
+				bookid:null,
+				bfa_id:null, //书评id
+				productInfo:{},
+				status:3,
+				pingjiaShow:false, //添加评价 
+				Pform:{ // 评价表单
+					//star:0,
+					comment:'',
+					//img:[],
+					html:''
+				},
+				emoji:[],
+				Files:[],
+				commentInfo:{},
+				pPage:1,
+				pTotal:0, // 评论的总条数
+				// pinglunId:null,
+				plList:[],  // 书评的评论list
+			}
+		},
+		onLoad(e) {
+			this.windowWidth = uni.getSystemInfoSync().windowWidth;
+			console.log(e,'onload')
+			this.medicalRecordsId = e.medicalRecordsId
+			this.bfa_id = e.bfa_id			
+		},
+		onShow() {
+			this.getProDetail()
+		},
+		onReachBottom() {
+		},
+		computed:{
+			...mapState(['userInfo']),
+		},
+		methods: {
+            formatTimeDifferenceFromT(dateTimeT) {
+                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}`;
+                    }
+                }
+            },
+            clickLikeshuping(item){
+                this.$http
+					.post("forum/articles/chickForumContlike?forum_id=" + item.id,)
+					.then(res => {
+                        if (res.code == 0) {
+                            uni.showToast({
+                                title:'点赞成功！',
+                                icon:'success'
+                            })
+                            
+                            item.contlike++
+                        }
+					}).catch((e)=>{
+						console.log(e,'e')
+					})
+            },
+            clickLikehuifu(item){
+				let data = {
+					comment_id: item.id
+				}
+                this.$http
+					.post("forum/articles/chickCommentConlike", data)
+					.then(res => {
+                        if (res.code == 0) {
+                            uni.showToast({
+                                title:'点赞成功！',
+                                icon:'success'
+                            })
+                            
+                            item.contlike++
+                        }
+					}).catch((e)=>{
+						console.log(e,'e')
+					})
+            },
+			getProDetail(){
+				// 获取商品详情
+				uni.showLoading({
+					title: '加载中'
+				});		
+				//console.log(e.id,'e.id')	
+				this.$http
+					.post('book/bookMedicalRecords/getById?medicalRecordsId=' + this.medicalRecordsId )
+					.then(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')
+					})
+			},	
+			// 获得输入的表情数组
+			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')
+			},
+			
+			// end
+			deleteImg(e){					
+				// var arr = this.Pform.img.slice(0,-1)
+				this.Pform.img.pop()	
+			  //  console.log('删除文件',arr)
+				console.log(this.Pform)
+			},
+			getStar(i){
+				this.Pform.star = i
+			},
+			select(e){
+				 console.log('选择文件：',e)
+				let arr =  e.tempFiles.map(item => {
+					  return {'url':item.url,'name':item.name}
+				  })
+				 this.Pform.img = this.Pform.img.concat(...arr)
+				//this.Pform.img = arr
+				 console.log(this.Pform,'img')				
+			},
+			upSuccess(e){
+				console.log(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>');
+				       
+						
+			},
+			deletePic() {
+				let that = this
+				that.Pform.img.splice(0, 1)
+				//console.log(that.Pform.img)
+			},
+			afterRead(e) {
+				//console.log(e)
+				let that = this
+				for (var i=0; i< e.file.length; i++) {
+					//console.log(i,e.file[i].url)
+					uni.uploadFile({
+						url: this.$baseUrl + 'oss/fileoss',
+						filePath: e.file[i].url,
+						//files:e.file,
+						 name: 'file',
+						formData: {},
+						success: (res) => {
+							that.Pform.img.push({
+								url: JSON.parse(res.data).url
+							})
+						}
+					});
+				}
+			},			
+			closePingjia(){
+				this.pingjiaShow = false
+				this.Pform.comment = ''
+				this.Pform.html = ''
+				this.emoji = []
+			},
+			// 点赞
+			dianzan(val){},
+			
+			// 放大图片
+			previewImage(url) {
+				console.log(url)
+				uni.previewImage({
+					urls: [url]
+				});
+			},
+			// 显示评论框
+			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
+			},
+		},
+		components:{
+			musicPlay,			
+			emotion
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	/deep/.ql-align-center{
+		text-align: center;
+	}
+	.addPl{padding-top: 0rpx; margin-bottom: 0rpx;}
+	.pinglunMain{
+		.pl-item{
+			margin: 0 0 14rpx 0;
+			padding: 0 0 14rpx 0;
+			border-bottom: 1px solid #f0f0f0;
+			.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;
+		}
+		.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;
+				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;}
+			}
+		}
+		
+	}
+	// .mbtns{padding: 5px; background-color: #f4fff5; border-radius: 10px; font-size: 34rpx; color: #8b8a91; margin:15px 0; justify-content: space-between;}
+	/deep/.zhengwen{
+		line-height: 50rpx;
+		font-size: 28rpx;
+		margin-top: 20rpx;
+		img{
+			width: 100% !important;
+		}
+	}
+	.flexbox{display: flex;}
+	.container{padding: 10px;}
+	.star{display: inline-block; width: 20px; height: 20px;  margin-right: 10rpx;}
+		.starGray{ background : url(../../static/icon/star_greey.png) no-repeat; background-size: contain; }
+		.starLight{ background : url(../../static/icon/star_light.png) no-repeat;  background-size: contain;}
+		.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; }
+	.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;
+			}
+		}}
+	
+	.quesheng{text-align: center; margin-top: 100rpx; color: #8b8a91; padding-bottom: 20rpx; padding-top: 20rpx;}
+	// .bookInfo{justify-content: space-between; margin-bottom: 15px; background-color: #fff; padding:10px; border: 1px splid #999;
+		
+	// 	view{ padding-left: 30rpx;width: calc(100% - 150rpx); box-sizing: border-box;
+	// 		.title{font-size: 38rpx; margin-top: 20rpx; margin-bottom: 20rpx; display: block;}
+	// 		.description{line-height: 20px; width: 100%;  color:#888; padding-left: 0;}
+	// 		text{margin-left: 10px; line-height: 20px; color: #888; padding-left: 0;}
+	// 	}
+	// 	image{width: 150px; height: 150px;}
+		
+	// }
+	.bookInfo{
+		justify-content: space-between;
+		margin-bottom: 15px;
+		background-color: #fff;
+		padding:10px;
+		border: 1px splid #999;
+		box-sizing: border-box;
+		padding-bottom: 20rpx;
+		border-radius: 20rpx;
+		margin-bottom: 20rpx;
+		// .imageradius{
+		// 	border-radius: 20rpx;
+		// 	border:1rpx solid #e9e9e9;
+		// }
+		
+		// .bookInfo-inner{ padding-left: 30rpx;  box-sizing: border-box;  width: calc(100% - 150px);
+		// 	.title{font-size: 32rpx; margin-top: 0rpx; margin-bottom: 20rpx;font-weight: 700; display: block;}
+		// 	.author{font-size: 30rpx;margin-top: 0rpx;margin-bottom: 20rpx;font-weight: 500; display: block; }
+
+		// 	.description{
+		// 		font-size: 28rpx;
+		// 		line-height: 20px;
+		// 		width: 100%;
+		// 		color:#888;
+		// 		padding-left: 0;
+		// 		overflow:hidden;
+		// 		text-overflow: ellipsis;
+		// 		-webkit-line-clamp: 9;
+		// 		display: -webkit-box;
+		// 		-webkit-box-orient: vertical;
+		// 	}
+		// }
+		// .bookinfoimage{width: 150px !important;  }
+		
+		// view{ padding-left: 30rpx;  box-sizing: border-box;  width: calc(100% - 150px);
+		// 	.title{font-size: 38rpx; margin-top: 20rpx; font-weight: blod; margin-bottom: 20rpx; display: block;			
+		// 	}
+		// 	.description{line-height: 20px; width: 100%;  color:#888; padding-left: 0;}
+		// }
+		// image{width: 150px !important;  }
+		
+		.btns{
+			font-size: 22rpx;
+			justify-content: space-between;
+			align-items: center;
+			.left{
+				width: 300rpx;
+				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;}
+			}
+		}
+		
+		.feng{
+			// margin:10rpx 0 0 0;
+			// height: 670rpx;
+			// width: 670rpx;
+			// border-radius: 20rpx;
+			// border:1rpx solid #e9e9e9;
+
+			margin:10rpx 20rpx 0 0;
+            height: 360rpx;
+            width: 280rpx;
+            // float:left;
+            border-radius: 20rpx;
+            border:1rpx solid #e9e9e9;
+		}
+		.item{
+			// padding: 10px;
+			margin-bottom: 30rpx;
+		}
+		// .title{font-size: 38rpx; font-weight: blod; color: #55aa00; overflow: hidden;}
+		.title{font-size: 32rpx; font-weight: 700; color: #000; overflow: hidden;padding-top: 20rpx;padding-bottom: 10rpx;}
+		.description{
+			overflow: hidden;
+			color: #666;
+			font-size: 28rpx;
+			margin-bottom: 30rpx;
+			margin-top:10rpx;
+		}
+		
+	}
+	.mainContent{
+		background-color: #fff; 
+		padding: 20rpx;
+		border-radius: 20rpx;
+		.item{
+			// padding: 10px;
+			margin-bottom: 30rpx;
+		}
+		.feng{
+			// margin:10rpx 0 0 0;
+			// height: 670rpx;
+			// width: 670rpx;
+			// border-radius: 20rpx;
+			// border:1rpx solid #e9e9e9;
+
+			margin:10rpx 20rpx 0 0;
+            height: 160rpx;
+            width: 140rpx;
+            float:left;
+            border-radius: 20rpx;
+            border:1rpx solid #e9e9e9;
+		}
+		// .title{font-size: 38rpx; font-weight: blod; color: #55aa00; overflow: hidden;}
+		.title{font-size: 32rpx; font-weight: 500; color: #55aa00; overflow: hidden;padding-top: 20rpx;}
+		.description{
+			overflow: hidden;
+			color: #666;
+			font-size: 28rpx;
+			margin-bottom: 15px;
+			margin-top:5px;
+
+			// overflow: hidden;
+			// color: #666;
+			// text-overflow: -o-ellipsis-lastline;
+			// overflow: hidden;
+			// text-overflow: ellipsis;
+			// display: -webkit-box;
+			// -webkit-line-clamp: 5;
+			// line-clamp: 5;
+			// -webkit-box-orient: vertical;
+			// font-size: 28rpx;
+			// margin-bottom: 15px;
+			// margin-top:5px;
+			// min-height: 186rpx;
+		}
+	}
+	
+	.mb30{margin-bottom: 30rpx; overflow: hidden;}
+</style>

pages/yian/yianList.vue

@@ -0,0 +1,481 @@
+<template>
+	<!--父组件-->
+	
+	<view class="container" style="padding-bottom: 10rpx;">
+		<!-- <view class="mini"></view> -->
+		<view>
+			<z-nav-bar :title="'医案-'+bookname"></z-nav-bar>
+			<!-- 基本信息 -->			
+			<view class="book_neir">
+				<view class="flexbox info">
+					<view class="item">
+						<image class="bn_img" v-if="bookInfo.images != ''" :src="bookInfo.images" mode="widthFix">
+						</image>
+						<image class="bn_img" style="border:1px solid #eee" v-else src="../../static/icon/wufeng.jpg"
+							mode="widthFix"></image>
+					</view>
+					<!-- <img :src="bookInfo.images" class="bn_img"> -->
+					<view class="item">
+						<!-- <b class="leiXing" v-if="bookInfo.isVip==1" style="background: #c79119;">VIP</b>
+					<b class="leiXing" v-if="bookInfo.isVip==2" style="background: #c74119;">付费</b> -->
+						<view class="bn_nes">
+							<view style="font-weight: bold;margin-bottom: 30rpx;">
+								{{bookInfo.name}}
+							</view>
+							<view v-if="bookInfo.author != null"
+								style="color: #9b9b9b;font-size: 28rpx;margin:20rpx 0 0 0;max-width: 400rpx;line-height: 38rpx;">
+								<p @click="onAuCHJump(bookInfo.author.id,1)" style="margin-bottom: 20rpx;">
+									{{bookInfo.author.authorName}} [著] >
+								</p>
+								<p @click="onAuCHJump(item.id,2)" v-for="item in this.bookInfo.publisherNIList">
+									{{item.title}} >
+								</p>
+							</view>
+							<view class="tags">
+								<uni-tag class="tag" @click="toMore()" :inverted="true" text="书评"
+									type="success"></uni-tag>
+								<!-- 1:打卡，2不打卡 -->
+								<uni-tag @click="gotoclock()" v-if="bookInfo.clockIn == 1" class="tag" :inverted="true"
+									text="签到" type="warning"></uni-tag>
+							</view>
+						</view>
+					</view>
+				</view>
+
+			</view>
+			<!-- end -->
+			<view class="playList" v-if="yianList.length > 0">
+				<view class="item" v-for="(item,index) in yianList" :key="index">
+					<view>
+						<view @click="toDetail(item)" class="flexbox muluitem">
+							<span>{{item.title}}</span>&nbsp;&nbsp;
+							<!-- <view >
+							<uni-tag v-if="item.voices != ''" class="tag" size="small" :inverted="true" text="音频"
+								type="success" /></view> -->
+							<view ><uni-tag v-if="item.content != ''" class="tag" size="small" :inverted="true" text="文字"
+								type="primary" /></view>
+							<!-- <image  class="playingFig" src="/static/playingGif.gif" mode="aspectFill"></image>	 -->
+						</view>
+					</view>
+				</view>
+				<view style="width: 100%;">
+					<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>
+					<view v-if="status==1">
+						<u-divider text="全部加载完成"></u-divider>
+					</view>
+				</view>				
+			</view>
+			<u-divider v-else text="暂无讲书目录"></u-divider>
+			<music-play :playData="playData"></music-play>
+			<!-- 公共组件-每个页面必须引入 -->
+			<public-module></public-module>		
+			<!-- <z-navigation></z-navigation> -->
+		</view>
+	</view>
+</template>
+
+<script>
+	// import textScroll from '@/components/textScroll/index.vue'
+	// import cxAdudioPlay from '@/components/cx-audio-play/cx-audio-play.vue'
+	import musicPlay from '@/components/music.vue'
+	import $http from '../../config/requestConfig';
+	import {
+		mapState,
+		mapMutations
+	} from 'vuex';
+	import {
+		checkBookRight
+	} from '@/config/utils';
+	export default {
+		components: {
+			//  cxAdudioPlay,
+			// textScroll,
+			musicPlay
+		},
+		data() {
+			return {
+				isBuy: false, // true 已购买，false 未购买
+				playData: {},				
+				bookInfo: {
+					author:{
+						authorName:''
+					}
+				}, // 书籍详情
+				bookid: null, // 书籍id
+				status:3,				
+				freeChapterCount: 0, // 免费章节数				
+				yianList: [], // 书籍目录
+				videoList: [], //音频文件
+				page:1,
+				totalPage:0,
+			}
+		},
+		onPullDownRefresh() {
+			console.log('下拉刷新了')
+			this.yianList = []
+			this.page = 1
+			this.totalPage = 0
+			this.getyianList()
+			uni.stopPullDownRefresh();
+		},
+		onReachBottom() {
+			console.log('到底了',this.page+1 , this.totalPage)
+			
+			if(this.page+1 <= this.totalPage){
+				this.page++
+				this.status = 0
+				this.getyianList()
+			}else{
+				this.status = 1
+			}
+		},
+		onHide() {
+			this.yianList = []
+			this.page = 1
+		},
+		//第一次加载
+		onLoad(e) {
+			console.log('------------------')
+			// 隐藏原生的tabbar
+			console.log(e, 'e')
+			uni.hideTabBar();
+			this.bookid = e.bookid
+			this.bookname = e.bookname		
+		},		
+		onShow() {
+			// this.yianList = []
+			// this.page = 1
+			// this.totalPage = 0
+			this.getyianList()
+			this.getBookInfo()
+			
+		},
+		computed: {
+			...mapState(['userInfo'])
+		},
+		methods: {
+			...mapMutations(['setUserInfo']),
+
+			// 查看本书更多书评
+			toMore(val) {
+				// console.log(val, 'val')
+				let data = {
+					'userId': this.userInfo.id,
+					'bookId': this.bookid
+				}
+				checkBookRight(data,res=>{
+					console.log(res)
+					if(res.success){
+						uni.navigateTo({
+							url: '../comments/comments?bookid=' + this.bookid,
+						});
+					}else{
+						uni.showToast({
+							title:'购买本书后方可查看此内容!',
+							icon:'none'
+						})
+					}
+				})
+				
+			},
+			// 去打卡
+			gotoclock() {
+				uni.navigateTo({
+					url: '../clock/clock?bookid=' + this.bookid,
+				});
+			},
+			getBookInfo() {
+				// 获取书本基本信息
+				this.$http					
+					.post('book/book/getBookInfo', {
+						'bookId': this.bookid,
+						'userId': this.userInfo.id
+					})
+					.then(res => {
+						if (res.code == 0) {
+							console.log(res, 'res')
+							this.bookInfo = res.book
+							// this.isBuy = res.book.isBuy
+							// this.freeChapterCount = res.book.freeChapterCount
+						} else {
+							console.log(res.msg)
+						}
+						console.log(res, 'res基本信息')
+					}).catch((error) => {
+						console.log(error)
+					})
+			},
+
+			// 详细
+			toDetail(item) {
+				console.log('点击了', item)
+				// uni.navigateTo({
+				// 	url: './talkBookDetail?teachId=' + item.teachId +"&bookId="+item.bookId
+				// });
+				uni.navigateTo({
+					url: '../yian/yianDetail?medicalRecordsId='+item.medicalRecordsId,
+				});
+			},
+
+			// 信息介绍跳转
+			onAuCHJump(id, e) {
+				uni.navigateTo({
+					url: '../eBook/bookMessage?Id=' + id + '&typ=' + e
+				});
+			},
+			// 获取章节列表
+			getyianList() {
+				$http.request({
+					url: "book/bookMedicalRecords/listByBookId",
+					method: "POST", 
+					data: {
+						"page": this.page,
+						"limit": 20,
+						"bookId": this.bookid
+					},
+					header: { //默认 无 说明：请求头
+						'Content-Type': 'application/json'
+					},
+				})
+				// this.$http
+				// 	.post('book/teach/getBookTeachItems', {
+				// 		'bookId': this.bookid,
+				// 		'limit': 20,
+				// 		'page': this.page
+				// 		// 'userid': this.userInfo.id,
+				// 		// 'bookid': 
+				// 		// 'id': this.playid
+				// 	})
+					.then(res => {
+						if (res.code == 0) {
+							console.log(res, '章节目录')
+							if (res.page.records.length > 0) {
+								this.yianList = this.yianList.concat(res.page.records)
+								this.status = 3
+								this.totalPage = res.page.pages								
+								if(this.totalPage = res.page.current){
+									this.status = 1
+								}						
+							} else {
+								this.yianList = []
+								this.totalPage = 0
+							}
+						}
+					}).catch((e) => {
+						console.log(e.msg)
+					})
+			},
+			
+		},
+	}
+</script>
+
+<style lang="less">
+	.muluitem{
+		span{
+			white-space: nowrap;
+			overflow-x: hidden;
+			text-overflow: ellipsis;
+		}
+	}
+	.playingFig {
+		width: 100rpx;
+		height: 100rpx;
+		display: inline-block;
+		vertical-align: middle;
+	}
+
+	.price {
+		margin-top: 160rpx;
+		overflow: hidden;
+
+		.light {
+			font-size: 50rpx;
+			font-weight: bold;
+			color: #f05654;
+		}
+	}
+
+	.tags {
+		.tag {
+			margin-left: 0;
+			margin-right: 10rpx;
+		}
+	}
+
+	.charType {
+		display: inline;
+		width: 20px !important;
+	}
+
+	.graytitle {
+		color: #999;
+	}
+
+	.yigoumai {
+		background-color: #ffc773;
+	}
+
+	.shiting {
+		background-color: #f47983;
+	}
+
+	.playing {
+		color: #1daa5c;
+	}
+
+	.chaoshi {
+		background-color: #1daa5c;
+	}
+
+	.home_nar {
+		margin: 30rpx 0;
+		justify-content: space-between;
+	}
+
+	.hn_cl_tit {
+		width: 48%;
+		text-align: center;
+		border-radius: 20rpx;
+		padding-top: 10rpx;
+		// line-height: 110upx;
+		display: flex;
+		align-content: center;
+		justify-content: center;
+
+		image {
+
+			width: 80upx;
+			height: 80upx;
+			display: inline-block;
+			// margin: 0 auto;
+			// margin: 0 20rpx;
+		}
+
+		text {
+			height: 100upx;
+			display: inline-block;
+			line-height: 80upx;
+			color: #fff;
+			font-size: 38rpx;
+		}
+	}
+
+	.flexbox {
+		display: flex;
+	}
+
+	.book_neir {
+		margin-top: 80rpx;
+		padding: 20rpx;
+
+		.bn_img {
+			width: 300rpx !important;
+		}
+	}
+
+	.info {
+		overflow: hidden;
+		width: 100%;
+	}
+
+	.book_neir {
+		margin: 20rpx 0 0 0;
+		position: relative;
+
+		.item {
+			display: inline-block;
+			float: left;
+			width: 50%;
+			overflow: hidden;
+		}
+
+		.bn_img {
+			float: left;
+			width: 250upx;
+			height: 320upx;
+		}
+
+		.bn_nes {
+			float: left;
+			font-size: 36rpx;
+			margin-left: 40rpx;
+
+			view {
+				margin: 20rpx 0 0 0;
+			}
+		}
+
+		.leiXing {
+			display: block;
+			padding: 5rpx 10rpx;
+			border-radius: 10rpx;
+			text-align: center;
+			color: #fff;
+			font-weight: normal;
+			background: #27b386;
+			position: absolute;
+			left: -15upx;
+			top: 10upx;
+			font-size: 16rpx;
+		}
+	}
+
+	.container {
+		background-color: #fff;
+	}
+
+	.playTitle {
+		width: 80%;
+		margin: 20rpx auto;
+		margin-top: 50rpx;
+	}
+
+	.libTitle {
+		font-size: 40rpx;
+		margin: 40rpx 0;
+		display: block;
+		text-align: center;
+	}
+
+	.tanchu {
+		padding: 40rpx 30rpx 40rpx 30rpx;
+	}
+
+	.playList {
+		padding: 20rpx;
+		color: #666;
+	}
+
+	.playList .item {
+		display: block;
+		line-height: 80rpx;
+		white-space: nowrap;
+		overflow-x: hidden;
+		font-size: 36rpx;
+		text-overflow: ellipsis;
+	}
+
+	.tag {
+		margin-left: 20rpx;
+	}
+
+	.playNow {
+		color: #27b386;
+	}
+
+	.pageTabBox {
+		width: 150px;
+		margin: 20rpx auto;
+		font-size: 60rpx;
+	}
+
+	.cxAdudioPlay {
+		position: fixed;
+		bottom: 150rpx;
+		left: 0;
+	}
+</style>

pages/yian/yianList1.vue

@@ -0,0 +1,481 @@
+<template>
+	<view class="container">
+		<!-- 公共组件-每个页面必须引入 -->
+		<public-module></public-module>
+		<view class="header">
+			<!-- 顶部导航栏 -->
+			<z-nav-bar :title="'医案-'+bookname"></z-nav-bar>
+		</view>
+		<view class="ordersTabs" style="z-index:0;position:unset;height: 10px;">
+            <view class="ordersdefine">　</view>
+        </view>
+        <view>
+			<!-- <view class="" style="padding:40rpx 20rpx;">
+				<view class="mytabs flexbox">
+					<view :class="['item','item1', contentShow == 1 ? 'active' :'']" @click="setData(1)">
+						已购图书
+					</view>
+					<view :class="['item','item2', contentShow == 2 ? 'active' :'']" @click="setData(2)">
+						推荐图书
+					</view>
+				</view>
+			</view> -->
+            <view v-if="yianList.length > 0">
+                <view class="bookInfo3" v-for="(item,index) in yianList" :key="index">
+                    <view class="mainContent3">
+                        <view class="item">
+                            <view class="btns flexbox" @click.stop="toMore(item)">
+                                <view class="title">{{item.title}}</view>
+                                <!-- <view class="pianshuping">{{item.forumNum}}篇医案</view> -->
+                            </view>							
+                            <!-- <image class="feng" v-if="item.images" :src="item.images" mode="aspectFill" @click.stop="toMore(item)"></image>
+                            <view class="shupingList">
+                                <view class="description" v-for="(item1,index1) in item.forums" :key="index1" @click.stop="toDetail1(item1)">{{item1.title}}</view>
+                            </view>
+                            <view class="btns flexbox" @click.stop="toMore(item)">
+                                <span class="left"></span>
+                                <span class="right flexbox opbtns" style="color:#3c9cff;">
+                                    全部
+                                </span>
+                            </view> -->
+                        </view>	
+                    </view>
+                </view>
+            </view>
+            <view class="quesheng"  v-if="status==1 && yianList.length == 0">
+                暂无医案内容~
+            </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>
+		<view v-if="status==1" style="padding-bottom: 20rpx;">
+			<u-divider text="全部加载完成"></u-divider>
+		</view>
+		
+		<music-play :playData="playData"></music-play>
+	</view>
+</template>
+
+<script>
+	import $http from '@/config/requestConfig.js';
+	import emotion from '@/bkhumor-emojiplus/components/bkhumor-emojiplus/bkhumor-emojiplus.vue';
+   import musicPlay from '@/components/music.vue'
+import { data } from 'jquery';
+   import {
+   	mapState, mapMutations
+   } from 'vuex';
+   import {
+   	checkBookRight
+   } from '@/config/utils';
+	export default {
+		data() {
+			return {
+				playData:{},
+				windowWidth:0,
+				bookid:null,
+				page:1,
+				pageSize:10,
+				total:0,
+				status:3,
+                booksetpage: 1,
+                yianList:[],
+				contentShow: 1,
+
+			}
+		},
+		onPullDownRefresh() {
+			console.log('下拉刷新了')
+			uni.stopPullDownRefresh(); 
+			  
+            this.booksetpage = 1
+            this.yianList = []
+            this.getYianList(false)
+			   
+		},
+		onReachBottom() {
+            this.booksetpage++
+            this.getYianList(false)
+		},
+		onLoad(e) {
+			this.windowWidth = uni.getSystemInfoSync().windowWidth;
+			console.log(e,'onload')
+			this.bookid = e.bookid
+			this.bookname = e.bookname
+			this.getYianList(false)
+		},
+		computed:{
+			...mapState(['userInfo']),
+		},
+		methods: {
+			...mapMutations(['setLoadingShow']),
+			setData(e) {
+				this.contentShow = e
+				this.getYianList(true)
+			},
+			// 查看本书更多书评
+			toMore(val){
+				// console.log(val,'val')
+				let data = {
+					'userId': this.userInfo.id,
+					'bookId': val.id
+				}
+				// checkBookRight(data,res=>{
+				// 	console.log(res)
+				// 	if(res.success){
+						uni.navigateTo({
+							url: '../yian/yianDetail?medicalRecordsId='+val.medicalRecordsId,
+						});
+				// 	}else{
+				// 		uni.showToast({
+				// 			title:'购买本书后方可查看此内容!',
+				// 			icon:'none'
+				// 		})
+				// 	}
+				// })
+				
+			},
+			// 医案详情
+			toDetail1(val){
+				// console.log(val,'val')
+				let data = {
+					'userId': this.userInfo.id,
+					'bookId': val.bookid
+				}
+				checkBookRight(data,res=>{
+					console.log(res)
+					if(res.success){
+						uni.navigateTo({
+							url: '../yian/yianDetail?medicalRecordsId='+val.medicalRecordsId
+						})
+					}else{
+						uni.showToast({
+							title:'购买本书后方可查看此内容!',
+							icon:'none'
+						})
+					}
+				})
+				
+			},
+			getYianList(){
+				
+				// uni.showLoading({
+				// 	title: '加载中'
+				// });			
+				
+				$http.request({
+					url: "book/bookMedicalRecords/listByBookId",
+					method: "POST", 
+					data: {
+						"page": this.booksetpage,
+						"limit": 10,
+						"bookId": this.bookid
+					},
+					header: { //默认 无 说明：请求头
+						'Content-Type': 'application/json'
+					},
+				}).then(res => {
+					this.yianList = this.yianList.concat(res.page.records)
+					console.log(this.yianList,'this.yianList')
+					if(res.page.records.length != 10){
+						this.status = 1
+					} else {
+						this.status = 0
+					}	
+				}).catch(e => {
+					console.log(e)
+				})
+				
+			},
+			
+		},
+		components:{
+			musicPlay,			
+			emotion			
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+// @import '@/style/mixin.scss';
+.orderTabs {
+    // margin: 70rpx 0 0 0;
+    width: 100%;
+    // padding: 0 3% 3% 3%;
+    position: fixed;
+    // top: 80rpx;
+    background-color: #f7faf9;
+    z-index: 100;
+
+    .orderdefine {
+        display: inline-block;
+        padding: 20rpx 0 20rpx 0;
+        // margin: 40rpx 0 15rpx 0;
+        width:230rpx;
+        text-align: center;
+        font-size: 30rpx;
+    }
+
+    .ordStyle {
+        // border-bottom: 4rpx solid #54a966;
+        // color: #54a966;
+        font-weight: bold;
+    }
+}
+
+
+	.flexbox{display: flex;}
+	.container{padding: 0 10px;}
+	.star{display: inline-block; width: 20px; height: 20px;  margin-right: 10rpx;}
+		.starGray{ background : url(../../static/icon/star_greey.png) no-repeat; background-size: contain; }
+		.starLight{ background : url(../../static/icon/star_light.png) no-repeat;  background-size: contain;}
+		.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; }
+	.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;
+			}
+		}}
+	
+	.quesheng{text-align: center; margin-top: 100rpx; color: #8b8a91; padding-bottom: 20rpx; padding-top: 20rpx;}
+	.gengduoshuping{text-align: right; color: #0044ff; padding-bottom: 20rpx; padding-top: 20rpx;}
+	.bookInfo{
+		justify-content: space-between;
+		// margin-bottom: 15px;
+		background-color: #fff;
+		padding:20rpx;
+		border: 1px splid #999;
+		box-sizing: border-box;
+		// padding-bottom: 20rpx;
+		border-radius: 20rpx;
+		margin-bottom: 20rpx;
+
+		// .imageradius{
+		// 	border-radius: 20rpx;
+		// 	border:1rpx solid #e9e9e9;
+		// }
+		
+		// .bookInfo-inner{ padding-left: 30rpx;  box-sizing: border-box;  width: calc(100% - 150px);
+		// 	.title{font-size: 32rpx; margin-top: 0rpx; margin-bottom: 20rpx;font-weight: 700; display: block;}
+		// 	.author{font-size: 30rpx;margin-top: 0rpx;margin-bottom: 20rpx;font-weight: 500; display: block; }
+
+		// 	.description{
+		// 		font-size: 28rpx;
+		// 		line-height: 20px;
+		// 		width: 100%;
+		// 		color:#888;
+		// 		padding-left: 0;
+		// 		overflow:hidden;
+		// 		text-overflow: ellipsis;
+		// 		-webkit-line-clamp: 9;
+		// 		display: -webkit-box;
+		// 		-webkit-box-orient: vertical;
+		// 	}
+		// }
+		// .bookinfoimage{width: 150px !important;  }
+		
+	}
+	.mainContent{
+		background-color: #fff; 
+		.item{
+			// padding: 10px;
+			// margin-bottom: 30rpx;
+			// border: 1px solid #999;
+			box-sizing: border-box;
+			// padding-bottom: 20rpx;
+			border-radius: 20rpx;
+			// margin-bottom: 20rpx;
+		}
+		.feng{
+            margin:10rpx 20rpx 0 0;
+            height: 160rpx;
+            width: 140rpx;
+            float:left;
+            border-radius: 20rpx;
+            border:1rpx solid #e9e9e9;
+        }
+		.title{font-size: 30rpx; font-weight: 700; color: #000; overflow: hidden;}
+		/deep/.description{
+			overflow: hidden;
+			color: #666;
+			text-overflow: -o-ellipsis-lastline;
+			overflow: hidden;
+			text-overflow: ellipsis;
+			display: -webkit-box;
+			-webkit-line-clamp: 5;
+			line-clamp: 5;
+			-webkit-box-orient: vertical;
+			font-size: 26rpx;
+			margin-bottom: 20rpx;
+			margin-top:10rpx;
+			height: 172rpx;
+			img{
+				width: 100% !important;
+			}
+		}
+		.btns{
+			font-size: 22rpx;
+			justify-content: space-between;
+			align-items: center;
+			.left{
+                width: 300rpx;
+                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;}
+			}
+		}
+	}
+	.mb30{margin-bottom: 30rpx; overflow: hidden;}
+
+    .bookInfo3{
+        justify-content: space-between;
+		// margin-bottom: 15px;
+		background-color: #fff;
+		padding:20rpx;
+		border: 1px splid #999;
+		box-sizing: border-box;
+		// padding-bottom: 20rpx;
+		border-radius: 20rpx;
+		margin-bottom: 20rpx;
+        .mainContent3{
+            background-color: #fff; 
+            .item{
+                // padding: 10px;
+                // margin-bottom: 30rpx;
+                // border: 1px solid #999;
+                box-sizing: border-box;
+                // padding-bottom: 20rpx;
+                border-radius: 20rpx;
+                // margin-bottom: 20rpx;
+            }
+            .feng{
+                margin:10rpx 20rpx 0 0;
+                height: 240rpx;
+                width: 164rpx;
+                float:left;
+                border-radius: 20rpx;
+                border:1rpx solid #e9e9e9;
+            }
+            .title{font-size: 30rpx; font-weight: 700; color: #000; overflow: hidden;}
+            .pianshuping{
+                font-size: 24rpx;
+                color: red;
+            }
+            .shupingList{
+                min-height: 212rpx;
+            }
+            /deep/.description{
+                overflow: hidden;
+                color: #666;
+                text-overflow: -o-ellipsis-lastline;
+                overflow: hidden;
+                text-overflow: ellipsis;
+                display: -webkit-box;
+                -webkit-line-clamp: 1;
+                line-clamp: 1;
+                -webkit-box-orient: vertical;
+                font-size: 26rpx;
+                margin-bottom: 20rpx;
+                margin-top:10rpx;
+				img{
+					width: 100% !important;
+				}
+            }
+            .btns{
+                font-size: 22rpx;
+                justify-content: space-between;
+                align-items: center;
+                .left{
+                    width: 300rpx;
+                    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;}
+                }
+            }
+        }
+    }
+		
+	.mytabs {
+		// background: url('@/static/icon/bgtushu.png') no-repeat left top;
+		height: 80rpx;
+		// margin-bottom: 30rpx;
+
+		.item {
+			border-radius: 10rpx;
+			background-color: #c6ead0;
+			width: 48%;
+			// margin: 0 10rpx;
+			text-align: center;
+			color: #3c7f56;
+			font-size: 36rpx;
+			line-height: 80rpx;
+		}
+
+		.item.active {
+			background-color: #3c7f56;
+			color: #fff;
+		}
+
+		.item1 {
+			margin-right: 20rpx;
+		}
+	}
+</style>