diff --git a/.hbuilderx/launch.json b/.hbuilderx/launch.json
new file mode 100644
index 0000000..412191f
--- /dev/null
+++ b/.hbuilderx/launch.json
@@ -0,0 +1,18 @@
+{
+    "version" : "1.0",
+    "configurations" : [
+        {
+            "app-plus" : {
+                "launchtype" : "local"
+            },
+            "default" : {
+                "launchtype" : "local"
+            },
+            "h5" : {
+                "launchtype" : "local"
+            },
+            "provider" : "aliyun",
+            "type" : "uniCloud"
+        }
+    ]
+}
diff --git a/manifest.json b/manifest.json
index e077ff4..61c4b3e 100644
--- a/manifest.json
+++ b/manifest.json
@@ -2,8 +2,8 @@
     "name" : "心灵空间",
     "appid" : "__UNI__BBBDFD2",
     "description" : "心灵空间",
-    "versionName" : "1.0.37",
-    "versionCode" : 1037,
+    "versionName" : "1.0.40",
+    "versionCode" : 1040,
     "transformPx" : false,
     /* 5+App特有相关 */
     "app-plus" : {
diff --git a/pages/curriculum/list/index.vue b/pages/curriculum/list/index.vue
index 6a2ab45..b9e0469 100644
--- a/pages/curriculum/list/index.vue
+++ b/pages/curriculum/list/index.vue
@@ -25,7 +25,7 @@
 					{{childrenData.title}}
 				</view>
 			</view>
-			<view class="list_block" v-if="!statusXLCP" :style="labelsList.length>0&&childrenList.length==0?`marginTop: ${45 + statusBarHeight}px;`:''">
+			<view class="list_block" v-if="!statusXLCP" :style="labelsList.length>0&&childrenList.length==0?`marginTop: ${42 }px;`:''">
 				<view class="list_item" v-if="list.length>0" v-for="(item,index) in list" :key="index" @click.stop="goToDetail(item)">
 					<view class="list_item_image">
 						<image v-if="item.squareImage" :src="item.squareImage"></image>
diff --git a/pages/curriculum/order/index copy.vue b/pages/curriculum/order/index copy.vue
new file mode 100644
index 0000000..63e53e3
--- /dev/null
+++ b/pages/curriculum/order/index copy.vue	
@@ -0,0 +1,1746 @@
+<template>
+	<view class="commonPageBox commonDetailPage">
+		<z-nav-bar title="课程详情"></z-nav-bar>
+		<common-anchor-link style="width: 100%" baseHeight="200" ref="commonAnchorLink" :allDataList="allDataList"
+			titleKey="title" dataListKey="courseList" :titleStyle="{}" :tabStyle="{ background: '#fff' }">
+			<template slot="otherContent" slot-scope="slotProps">
+				<view v-if="goBuyTitle" class="describe_block">
+					<view style=" display: flex; align-items: center;">
+						<uni-icons type="info" size="20" color="#fff"></uni-icons>
+						<text>{{ goBuyTitle }}</text>
+					</view>
+					<button class="saveBtn flexbox buyBtn" v-if="goBuyType == 0" @click="handleClickGetVip">
+						立即购买
+					</button>
+				</view>
+
+				<view style="padding-top:80rpx;">
+					<image style="width: 100%" :src="curriculumData.image" mode="widthFix"></image>
+				</view>
+
+				<view class="containerBg1">
+					<view class="course_info_box">
+						<view class="course_info">
+							<view class="flexbox course_title" v-if="curriculumData.id">
+								<text class="courseTitle title">{{ curriculumData.title }}</text>
+							</view>
+							<view style="color: #b0b0b0; padding: 0 20rpx 10rpx;">
+								{{ cateList && cateList.length > 0 ? `共${cateList.length}个目录` : "" }}
+							</view>
+							<view class="containerBg" v-if="curriculumData.content && curriculumData.content != ''">
+								<view class="prof">
+									<view style="padding: 0 20rpx; position: relative;">
+										<view :class="`${isHideCourseInfo ? 'hidden2' : ''}`" v-html="parsedContent"></view>
+										<view v-for="(image, index) in images" :key="index"
+											style=" width: 100%; margin-top: 10rpx;">
+											<image style=" width: 100%;" :src="image" mode="widthFix"
+												@tap="handleImageClick(image, index)" />
+										</view>
+										<text @click="isHideCourseInfo = !isHideCourseInfo" style="
+											font-size: 24rpx;
+											position: absolute;
+											bottom: -40rpx;
+											right: 20rpx;
+											color: #838588;
+											">
+											{{ isHideCourseInfo ? "展开" : "收起" }}
+										</text>
+									</view>
+								</view>
+							</view>
+						</view>
+					</view>
+				</view>
+			</template>
+			<template slot="label" slot-scope="slotProps">
+				<view class="containerBg2" style="padding-top: 20rpx">
+					<view class="catalogueTitle chapter_title">
+						<view class="top">
+							<view style=" display: flex; align-items: center;">
+								<view class="line"></view>
+								<view class="left">
+									<text style="font-weight: blod" class="catalogue_title">{{ slotProps.data.title
+									}}</text>
+								</view>
+							</view>
+
+							<view class="not_purchased" v-if="curriculumData.adminControl == 1 && slotProps.data.isBuy != 1">
+								<!-- <view class="spot"></view>
+								<view>
+									<text v-if="userVip==null&&slotProps.data.isBuy!=1">未购买</text>
+									<view v-if="userVip==null&&slotProps.data.isBuy==1">
+										<text v-if="slotProps.data.endTime" style=" width: 280rpx; margin: 0;">课程有效期截止到：<br/>{{slotProps.data.endTime}} </text>
+										<text v-else>已购买</text>
+									</view>
+									<text v-if="userVip!=null">有效期至{{ userVip.endTime }}</text>
+								</view> -->
+							</view>
+							<view class="not_purchased" v-else-if="curriculumData.adminControl == 1 && slotProps.data.isBuy == 1">
+								<text v-if="slotProps.data.endTime"
+									style=" width: 280rpx; margin: 0;">课程有效期截止到：<br />{{ slotProps.data.endTime ? slotProps.data.endTime
+										: '' }} </text>
+								<text v-else>已购买</text>
+
+								<!-- <view class="spot"></view>
+								<view>
+									<text v-if="userVip==null&&slotProps.data.isBuy!=1">未购买</text>
+									<view v-if="userVip==null&&slotProps.data.isBuy==1">
+										<text v-if="slotProps.data.endTime" style=" width: 280rpx; margin: 0;">课程有效期截止到：<br/>{{slotProps.data.endTime}} </text>
+										<text v-else>已购买</text>
+									</view>
+									<text v-if="userVip!=null">有效期至{{ userVip.endTime }}</text>
+								</view> -->
+							</view>
+							<view class="not_purchased" v-else-if="slotProps.data.type != 0 && !showNewPayBtn[0].status">
+								<view class="spot"></view>
+								<view>
+									<text v-if="userVip == null && slotProps.data.isBuy != 1">未购买</text>
+									<view v-if="userVip == null && slotProps.data.isBuy == 1">
+										<text v-if="slotProps.data.endTime"
+											style=" width: 280rpx; margin: 0;">课程有效期截止到：<br />{{ slotProps.data.endTime ? slotProps.data.endTime
+												: '' }} </text>
+										<text v-else>已购买</text>
+									</view>
+									<text v-if="userVip != null">有效期至{{ userVip.endTime ? userVip.endTime : '' }}</text>
+								</view>
+							</view>
+							<view class="right" v-if="curriculumData.adminControl == 1 && slotProps.data.isBuy != 1">
+								<!-- //是否咨询 -->
+								<text style="display: inline-block;margin-top: 4px;
+    text-align: center;
+    width: 68px;
+    font-size: 13px;
+    color: #fff;
+    border-radius: 5px !important;
+    line-height: 24px;
+    height:24px;" class="saveBtn flexbox buyBtn" @click="openKefu(slotProps.data)">购买课程</text>
+
+
+							</view>
+							<view class="right" v-else>
+								<!-- //是否咨询 -->
+
+
+								<text v-if="slotProps.data.type == 0 && userVip == null && slotProps.data.isBuy != 1"
+									style="color: #fff; font-size: 12px" class="fdButtonBox aui-text-success"
+									@click="handleClickGetGoodsList(slotProps.data)">领取课程</text>
+
+								<text v-else-if="showNewPayBtn[0] && showNewPayBtn[0].status"
+									style=" background: #f42c32; border: 0; padding: 15rpx 30rpx; color: #fff; font-size: 12px"
+									class="fdButtonBox aui-text-success" @click="goNewPay(slotProps.data)">复读</text>
+
+								<u-icon v-else-if="userVip == null && slotProps.data.type != 0 && slotProps.data.isBuy != 1"
+									@click="handleClickGetGoodsList(slotProps.data)" class="editIcon"
+									name="shopping-cart-fill" color="#FF2B57" size="28"></u-icon>
+							</view>
+						</view>
+					</view>
+				</view>
+			</template>
+
+			<template slot="contentList" slot-scope="slotProps">
+				<view class="containerBg2">
+					<view class="shiting_content">
+						<view class="catalogueList">
+							<view class="chapter_content">
+								<courseDescription :isCondition="true" :dataList="slotProps.dataList"
+									@hancleClick="(data, index) => gotoDetail(data, index, slotProps)" label="title">
+									<template slot="labelSlot" slot-scope="slotProps1">
+										<view :style="`${slotProps1.row.isAudition == 1 || slotProps1.row.isLearned == 1 || slotProps1.row.isLearned == 0
+											? 'width:calc(100% - 100rpx);float:left;'
+											: 'width:100%;'}`">
+											<text :class="`${slotProps1.row.viewFlg == 1 ? 'aui-text-success' : ''}`">{{
+												slotProps1.row.title }}</text>
+										</view>
+									</template>
+
+									<template slot="leftSlot" slot-scope="slotProps1">
+									</template>
+									<template slot="rightSlot" slot-scope="slotProps1">
+										<view v-if="curriculumData.adminControl == 1">
+											<text class="fdButtonBox aui-text-success" style="background: none"
+												v-if="slotProps.data.isBuy == 0 && slotProps1.row.isAudition == 1">试听</text>
+											<view v-else-if="slotProps.data.isBuy == 1">
+												<uni-tag v-if="slotProps1.row.isLearned == 0"
+													style="position: absolute; right: 10rpx; top: 5rpx;" :inverted="true"
+													text="未学" size="mini" type="primary" />
+												<uni-tag v-if="slotProps1.row.isLearned == 1"
+													style="position: absolute; right: 10rpx; top: 5rpx;" :inverted="true"
+													text="已学" size="mini" type="success" />
+											</view>
+											
+										</view>
+										<view v-else>
+											<text class="fdButtonBox aui-text-success" style="background: none"
+												v-if="slotProps.data.isBuy == 0 && slotProps1.row.isAudition == 1 && userVip == null">试听</text>
+
+											<view v-if="slotProps.data.isBuy == 1 || userVip != null">
+												<uni-tag v-if="slotProps1.row.isLearned == 0"
+													style="position: absolute; right: 10rpx; top: 5rpx;" :inverted="true"
+													text="未学" size="mini" type="primary" />
+												<uni-tag v-if="slotProps1.row.isLearned == 1"
+													style="position: absolute; right: 10rpx; top: 5rpx;" :inverted="true"
+													text="已学" size="mini" type="success" />
+											</view>
+
+											<view class="shitingTag" v-if="slotProps.data.type != 0"
+												style="position: absolute; right: 0; top: 0;">
+												<u-icon v-if="slotProps.data.isBuy == 0 &&
+													userVip == null &&
+													slotProps1.row.isAudition == 0
+													" name="lock" color="#7dc1f0 " size="22"></u-icon>
+											</view>
+											<view class="shitingTag" v-if="slotProps.data.type == 0"
+												style="position: absolute; right: 0; top: 0;">
+												<u-icon v-if="userVip == null &&
+													slotProps1.row.isAudition == 0 &&
+													slotProps.data.isBuy == 0
+													" name="lock" color="#7dc1f0 " size="24"></u-icon>
+											</view>
+										</view>
+									</template>
+								</courseDescription>
+							</view>
+							<view class="small_class_teaching_box">
+								<view class="small_class_teaching_content">
+									<view class="schedule">
+										<view class="icon_box">
+											<image src="@/static/icon/course_07.png" mode="aspectFil" class="icon1">学习进度
+											</image>
+										</view>
+										<view class="progress_box">
+											<view class="progress_icon" style="">
+												<u-line-progress activeColor="#294a97" height="10"
+													:percentage="slotProps.data.completion"
+													:showText="false"></u-line-progress>
+												<text style="
+													font-size: 28rpx;
+													margin-left: 20rpx;
+													margin-top: -2rpx;
+													font-weight: 700;
+												  ">{{ slotProps.data.completion }}%</text>
+											</view>
+										</view>
+									</view>
+								</view>
+							</view>
+
+							<view class="linkPro" v-if="tjProList.length > 0">
+								<uni-section style="padding: 0 20rpx;" class="mb-10 graybg" title="相关书籍"
+									type="line"></uni-section>
+								<view class="list supermarketBox">
+									<scroll-view class="scroll-view_H" scroll-x="true">
+										<view class="item" v-for="(item, index) in tjProList" :key="index"
+											@click="goToGoodsList(item)">
+											<view class="imgcontainer" style="position: relative;">
+												<view v-if="item.isVipPrice == 1 && item.vipPrice != 0 && item.vipPrice != null"
+													style="z-index:10;position: absolute;top:0;left:0;text-align: center;font-size: 20rpx;background-color: #f94f04;color: #fff;font-weight: bold;border-radius:4px; line-height: 30rpx; padding:10rpx;box-sizing: border-box;">
+													VIP优惠</view>
+												<image :src="item.productImages" mode="aspectFit"></image>
+											</view>
+											<view class="name">
+												{{ item.productName }}
+											</view>
+											<text class="price" v-if="item.isVipPrice == 1 &&
+												item.vipPrice != 0 &&
+												item.vipPrice != null
+												">
+												<text style="color: #e97512; font-size: 12px; font-weight: bold">￥{{
+													item.vipPrice.toFixed(2) }}</text>
+												<text style="
+							            color: #8a8a8a;
+							            font-size: 10px;
+							            margin-left: 4px;
+							            font-weight: bold;
+							            text-decoration: line-through;
+							          ">￥{{ Number(item.price) }}</text>
+											</text>
+
+											<text v-else-if="item.activityPrice && item.activityPrice > 0" class="price">
+												<text style="color: #e97512; font-size: 12px; font-weight: bold">￥{{
+													item.activityPrice }}</text>
+												<text style="
+							            color: #8a8a8a;
+							            font-size: 10px;
+							            margin-left: 4px;
+							            font-weight: bold;
+							            text-decoration: line-through;
+							          ">￥{{ Number(item.price) }}</text>
+											</text>
+
+											<text v-else class="price" style="color: #e97512 !important;">￥{{
+												Number(item.price) }}</text>
+										</view>
+									</scroll-view>
+								</view>
+							</view>
+
+						</view>
+					</view>
+				</view>
+			</template>
+		</common-anchor-link>
+		<common-select-goods :isFudu="isFudu" ref="commonSelectGoods" :selectGoodsData="selectGoodsData"
+			:goodsList="goodsList" :buyOptions="buyOptions" :customButtonGroup1="customButtonGroup1"
+			@selectGoods="handleClickSelectGoods" @onHandleClickBuy="
+				$refs.commonSelectGoods.close();
+			protocolShow = true;
+			"></common-select-goods>
+
+		<u-popup :show="protocolShow" mode="center" round="6">
+			<view class="popup_box">
+				<view class="title">温馨提示</view>
+				<view class="content">
+					<view class="center">
+						用户您好，本软件对于一个用户名及密码仅允许一部电子设备登陆，多部设备使用同一用户名操作软件的行为属于违规操作，发现违规一次将提出警告，再次违规您的用户名将被封号，无法正常登陆，如因此对您使用带来不便，敬请谅解。<br />
+						课程购买之后一年内不打开，此一年内不会计算有效学习时间，一年后会自动开始计算有效学习时间。<br />
+						本课程一经购买，暂不支持退款，敬请谅解。<br />
+						<view style="color: red; font-weight: bold"> 注: </view>
+						<view>
+							1.手机、pad、电脑均为可登陆电子设备，均有唯一标识码，一个用户名仅允许在一个手机或一个ipad或一个电脑登陆，请根据您的使用习惯自行选择。<br />
+							2.如若申请变更登陆设备请联系客服，<br />
+							客服电话:13110039505;022-24142321<br />
+							客服微信号:yilujiankangkefu<br />
+							3.如因违反上述使用规定...概不退款，本公司保留追究用户相关法律责任的权利。<br />
+							4.点击“同意”按钮即表示您同意遵守以上条款。
+						</view>
+					</view>
+					<view class="bottom">
+						<view class="button_box">
+							<u-button size="small" text="不同意" @click="protocolShow = false"></u-button>
+							<u-button text="同意" color="#7dc1f0" size="small" @click="onHandleClickBuy"></u-button>
+						</view>
+					</view>
+				</view>
+			</view>
+		</u-popup>
+		<u-popup :show="kefuShow" mode="center" round="6" @close="kefuShow = false">
+			<view class="popup_box">
+				<view class="title">咨询课程</view>
+				<view class="content">
+					<view class="center">
+						<text style="color: #f42c32 ;">此课程仅限为做过心理人格测试，结果显示均为正常的用户开放购买权限。</text>
+
+
+						<br /><text style="color: #838588;font-size: 13px;">点击图片后长按图片保存到手机，或使用微信扫描二维码添加客服企业微信。</text>
+						<view>
+
+
+							<image @click="previewImage('/static/qiyeWx.jpg')" src="/static/qiyeWx.jpg" mode="widthFix"
+								style="width: 120px; height: 120px; margin: 40rpx auto 0rpx;"></image>
+
+						</view>
+					</view>
+					<view class="bottom" style="margin-top: 30px;">
+						<view class="button_box">
+							<u-button size="small" text="关闭" @click="kefuShow = false"></u-button>
+							<!-- <u-button text="同意" color="#7dc1f0" size="small" @click="onHandleClickBuy"></u-button> -->
+						</view>
+					</view>
+				</view>
+			</view>
+		</u-popup>
+	</view>
+</template>
+
+<script>
+import courseDescription from "@/pages/component/commonComponents/list";
+import $http from "@/config/requestConfig.js";
+import {
+	mapState
+} from "vuex";
+export default {
+	components: {
+		courseDescription, //课程说明
+	},
+	// 监听页面滚动
+	onPageScroll(event) {
+		this.$refs.commonAnchorLink.pageScroll(event);
+	},
+	data() {
+		return {
+			kefuShow: false,
+			isHideCourseInfo: false,
+			courseList: [],
+			showGoBuy: true,
+			protocolShow: false,
+			options: {},
+			percentage: 0,
+			selectGoodsData: {},
+			buyOptions: [],
+			customButtonGroup1: [{
+				with: 200,
+				text: "立即购买",
+				backgroundColor: "linear-gradient(90deg, #294a97 0%,#7dc1f0 100%)",
+				color: "#fff",
+			},],
+			relatedCoursesList: [], //相关课程
+			goodsList: [], //课程相关商品
+			curriculumData: {},
+			curriculumInfo: {},
+			fdButtonStyle: {
+				width: "120rpx",
+				"border-color": "$themeColor",
+				color: "$themeColor",
+				float: "right",
+				"margin-right": "20rpx",
+				"margin-left": "30rpx",
+			},
+			modalInfo: {},
+			vip: {},
+
+			show: false,
+			playData: {},
+			taiHuClassInfo: {},
+			searchValue: "",
+			goBuyTitle: "",  //顶部文案显示
+			goBuyType: "",
+			description: "",
+			cateList: [], // 一级分类标题1
+			twoCateList: [], // 二级分类标题
+			dataList: [], // 方剂标题
+			allDataList: [], // 方剂标题
+			currentStatusIndex: 0, // 当前选中的一级分类
+			currentCateIndex: 0, // 当前选中的一级分类
+			curTwoCateIndex: 0, // 当前选中的二级分类
+			searchList: [], // 搜索结果数组
+			showSearchList: false,
+			userMes: {}, // 用户信息
+			searchDisable: false, // 搜索不可用
+			limitShow: false,
+			limitTitle: "提示",
+			limitContent: "",
+			scrollViewHeight: 0,
+			urlList: {
+				curriculumInfo: "sociology/course/getCourseCatalogueChapterList",
+				list: "sociology/course/getCourseDetail",
+				goodsList: "sociology/product/getProductListForCourse",
+				startStudyForMF: "sociology/course/startStudyForMF",
+			},
+			userMsg: {},
+			userVip: null,  //是否是vip
+			courseVipModule: [],  //该课程需要什么类型的vip
+			textList: [],  //转化文字集合
+			//存储解析后的内容
+			parsedContent: '',
+			images: [],
+
+			isFudu: false,
+			fuduId: null,
+			showNewPayBtn: [],  //复读状态
+			newPaymentProList: [],  //复读列表数据
+			tjProList: [],  //相关书籍
+		};
+	},
+	onLoad(options) {
+		this.options = options;
+		//是否是vip
+		this.getCourseByVip();
+	},
+	onHide() {
+		this.selectGoodsData = {};
+		this.protocolShow = false;
+		this.kefuShow = false;
+		this.handleClickClose();
+		this.$refs.commonSelectGoods.close();
+	},
+	onUnload() {
+		this.selectGoodsData = {};
+		this.protocolShow = false;
+		this.kefuShow = false;
+		this.$refs.commonSelectGoods.close();
+	},
+	computed: {
+		...mapState(["userInfo"]),
+	},
+	onShow() {
+		this.protocolShow = false;
+		this.kefuShow = false;
+		this.$nextTick(() => {
+			this.getCourseDescriptionData();
+		});
+	},
+	methods: {
+		// 放大图片
+		previewImage(url) {
+			console.log(url);
+			this.showCodeImg = false
+			uni.previewImage({
+				urls: [url],
+				// longPressActions: {
+				//   itemList: ["很抱歉，暂不支持保存图片到本地"],
+				//   success: function (res) {
+				//     // console.log(res,'+++++')
+				//   },
+				// },
+			});
+		},
+		openKefu(data) {
+			console.log('data at line 400:', data)
+			this.kefuShow = true;
+
+		},
+		//删除文本里的图片
+		removeImagesFromHTML() {
+			const cleanText = this.curriculumData.content.replace(/<img[^>]*>/g, '');
+			this.parsedContent = cleanText; // 更新去除图片后的文本
+			this.extractImagesFromHTML();
+		},
+		//把文本里的图片另存起来
+		extractImagesFromHTML() {
+			const imgUrls = [];
+			// 使用正则表达式从 HTML 中提取所有图片的 src 属性
+			const regex = /<img[^>]+src="([^"]+)"[^>]*>/g;
+			let match;
+			while ((match = regex.exec(this.curriculumData.content)) !== null) {
+				imgUrls.push(match[1]);
+			}
+			this.images = imgUrls; // 更新 images 数组
+		},
+
+		// 处理图片点击事件
+		handleImageClick(image, index) {
+			uni.previewImage({
+				current: image,  // 当前点击的图片
+				urls: this.images,  // 所有图片的 URL 列表
+				currentIndex: index  // 当前图片的索引
+			});
+		},
+
+		//点击顶部按钮
+		handleClickGetVip() {
+			uni.navigateTo({
+				url: "/pages/vip/index",
+			});
+		},
+		//获取信息
+		getUserInfo() {
+			this.$http.post("common/user/getUserInfo").then((res) => {
+				this.userMsg = res.result
+			});
+		},
+
+		//获取是否是vip
+		getCourseByVip() {
+			this.$http.request({
+				url: 'common/userVip/ownCourseCatalogueByVip',
+				method: "POST",
+				data: {
+					courseId: this.options.id
+				},
+				header: {
+					"Content-Type": "application/json",
+				},
+			})
+				.then((res) => {
+					if (res.code == 0) {
+						//如果有userVip，说明是符合课程的vip身份
+						if (res.userVip) {
+							this.userVip = res.userVip;
+							let type = res.userVip.type;
+							let role = '';
+							if (type == 4) {
+								role = '中医学';
+							} else if (type == 5) {
+								role = '针灸学';
+							} else if (type == 6) {
+								role = '肿瘤学';
+							} else if (type == 7) {
+								role = '国学';
+							} else if (type == 8) {
+								role = '心理学';
+							} else if (type == 9) {
+								role = '中西汇通学';
+							}
+							if (res.userVip.endTime) {
+								var time = res.userVip.endTime ? res.userVip.endTime : ''
+							} else {
+								var time = ''
+							}
+
+							this.goBuyTitle = '尊贵的' + role + 'VIP，您的有效期到' + time;
+							this.goBuyType = 1;
+						} else {  //否则没有开通vip
+							this.goBuyTitle = '';
+							this.goBuyType = 0;
+							this.getCourseVipModule();
+						}
+					}
+				})
+		},
+		//判断需要什么类型的vip
+		getCourseVipModule() {
+			this.$http.request({
+				url: 'common/userVip/getCourseVipModule',
+				method: "POST",
+				data: {
+					courseId: this.options.id
+				},
+				header: {
+					"Content-Type": "application/json",
+				},
+			})
+				.then(res => {
+					if (res.code == 0) {
+						this.courseVipModule = res.list;
+						let text = '';
+						this.courseVipModule.forEach((item, index) => {
+							if (item == '4') {
+								text = '中医学';
+							} else if (item == '5') {
+								text = '针灸学';
+							} else if (item == '6') {
+								text = '肿瘤学';
+							} else if (item == '7') {
+								text = '国学';
+							} else if (item == '8') {
+								text = '心理学';
+							} else if (item == '9') {
+								text = '中西汇通学';
+							}
+							this.textList.push(text);
+						});
+
+						const joinedText = this.textList.join('/');
+						this.goBuyTitle = '购买' + joinedText + 'VIP，即可畅享更多专属权益';
+					}
+				})
+		},
+		//查询目录续费情况
+		async checkRenewPayment(id) {
+			var ss = false;
+			await this.$http
+				.request({
+					url: 'common/courseRelearn/courseCatalogueCanRelearn',
+					method: "POST",
+					data: {
+						courseCatalogueId: id,
+					},
+					header: {
+						"Content-Type": "application/json",
+					},
+				})
+				.then(async (res) => {
+					if (res.code == 0) {
+						ss = res.canRelearn;
+					}
+					this.$forceUpdate();
+				})
+				.catch((e) => {
+					ss = false;
+					this.$commonJS.showToast(e.errMsg);
+				});
+			return ss;
+		},
+		handleClickSelectGoods(data) {
+			this.selectGoodsData = data;
+			this.$forceUpdate();
+		},
+		onHandleClickBuy(e) {
+			var mynavData = JSON.stringify({
+				goods: [{ ...this.selectGoodsData, productAmount: 1 }],
+				typeId: 0,
+				navTitle: this.options.navTitle,
+				title: this.options.title,
+				sourceType: "curriculum",
+				isFudu: this.isFudu,
+				fuduId: this.fuduId,
+
+			});
+
+			uni.navigateTo({
+				url: `/pages/goods/order?data=${mynavData}`,
+			});
+		},
+		handleClickClose() {
+			this.show = false;
+			this.goodsList = [];
+			this.selectGoodsData = {};
+		},
+		//获取相关关联课程商品
+		handleClickGetGoodsList(v) {
+			if (v.type == 0) {
+				//免费
+				this.$http
+					.request({
+						url: this.urlList.startStudyForMF,
+						method: "POST",
+						data: {
+							catalogueId: v.id,
+						},
+						header: {
+							"Content-Type": "application/json",
+						},
+					})
+					.then(async (res) => {
+						if (res.code == 0) {
+							this.getCourseDescriptionData();
+						}
+						this.$forceUpdate();
+					});
+			} else if (v.type == 2 && this.userVip == null) {
+				uni.showModal({
+					title: '提示',
+					content: '当前课程目录是VIP专享，开通VIP可观看',
+					confirmText: '好的',
+					showCancel: false
+				})
+			} else {
+				this.getProductListForCourse(v);
+			}
+		},
+		//点击复读
+		async goNewPay(item) {
+			await this.getNewPaymentList(item.id)
+			if (this.newPaymentProList.length > 0) {
+				this.goodsList = this.newPaymentProList;
+				this.selectGoodsData = this.goodsList[0];
+				console.log('this.goodsList', this.goodsList)
+				this.$refs.commonSelectGoods.open();
+				this.show = true;
+				this.isFudu = true;
+				//存复读需要的id
+				this.fuduId = item.id;
+			} else {
+				this.show = false;
+				this.isFudu = false;
+				this.$commonJS.showToast('暂无复读方案');
+			}
+		},
+		async getNewPaymentList(id) {
+			uni.showLoading({
+				title: '加载中'
+			})
+			await this.$http
+				.request({
+					url: 'common/courseRelearn/relearnShopProductList',
+					method: "POST",
+					data: {
+						catalogueId: id,
+					},
+					header: {
+						"Content-Type": "application/json",
+					},
+				})
+				.then(async (res) => {
+					console.log("复读列表", res);
+					uni.hideLoading()
+					if (res.code != 0) { return this.$commonJS.showToast(res.errMsg); }
+					this.newPaymentProList = res.productList;
+					this.$forceUpdate();
+				}).catch(e => {
+					uni.hideLoading()
+					this.newPaymentProList = []
+					this.$commonJS.showToast(e.errMsg);
+				});
+
+		},
+		getProductListForCourse(v) {
+			this.isFudu = false;
+			this.$http.request({
+				url: this.urlList.goodsList,
+				method: "POST",
+				data: {
+					id: v.id,
+				},
+				header: {
+					"Content-Type": "application/json",
+				},
+			})
+				.then(async (res) => {
+					if (res.productList.length > 0) {
+						this.goodsList = res.productList;
+						this.selectGoodsData = this.goodsList[0];
+						this.$refs.commonSelectGoods.open();
+						this.show = true;
+					} else {
+						this.$commonJS.showToast("此课程暂无购买方式");
+					}
+					this.$forceUpdate();
+				})
+		},
+		//课程详情
+		async gotoDetail(data, index, slotProps) {
+			console.log(data, '1111111111111')
+			if (this.curriculumData.adminControl == 1) {
+				if (data.isAudition == 1 || this.cateList[slotProps.index].isBuy == 1) {
+					this.goVideo(data);
+				} else {
+					this.$commonJS.showToast("请先购买课程");
+				}
+			} else
+				if (this.userVip) {
+					this.goVideo(data);
+				} else {
+					if (data.isAudition == 1 || this.cateList[slotProps.index].isBuy == 1) {
+						this.goVideo(data);
+					} else {
+						if (this.cateList[slotProps.index].type != 0) {
+							this.$commonJS.showToast("请先购买课程");
+						} else {
+							this.$commonJS.showToast("请先领取课程");
+						}
+					}
+				}
+		},
+		goVideo(v) {
+			uni.navigateTo({
+				url: `/pages/curriculum/order/detail?navTitle=${this.options.navTitle}&title=${v.title}&id=${v.id}&conditions=${v.conditions}&detailOid=${v.detailOid}&curriculumImgUrl=${this.curriculumData.image}`,
+			});
+		},
+		//获取章节
+		async getChapterList(v) {
+			var list = [];
+			var that = this;
+			uni.showLoading({
+				title: '加载中'
+			})
+			await $http.request({
+				url: this.urlList.curriculumInfo,
+				method: "POST",
+				data: {
+					id: v.id,
+				},
+				header: {
+					"Content-Type": "application/json",
+				},
+			})
+				.then(async (res) => {
+					uni.hideLoading();
+					if (res.code == 0 && res.chapterList.length > 0) {
+						list = JSON.parse(JSON.stringify(res.chapterList));
+					} else {
+						list = [];
+					}
+					this.$forceUpdate();
+				});
+			return list;
+		},
+		//获取数据
+		getCourseDescriptionData() {
+			var data = {};
+			var that = this;
+			that.$http.request({
+				url: that.urlList.list,
+				method: "POST",
+				data: {
+					id: that.options.id,
+				},
+				header: {
+					"Content-Type": "application/json",
+				},
+			})
+				.then(async (res) => {
+					that.curriculumData = res.data.course;
+					that.cateList = [...res.data.catalogues];
+
+					for (let i = 0; i < that.cateList.length; i++) {
+						that.showNewPayBtn[i] = { status: false };
+						var list = await that.getChapterList(that.cateList[i]);
+						if (that.cateList[i].isBuy == 0 && that.userVip == null) {
+							that.showNewPayBtn[i].status = await that.checkRenewPayment(that.cateList[i].id);
+							console.log("可以复读吗？", that.showNewPayBtn);
+						}
+
+						that.allDataList[i] = {
+							...that.cateList[i],
+							courseList: [...list],
+						};
+					}
+
+					if (
+						res.data.shopProductList &&
+						res.data.shopProductList.length > 0
+					) {
+						this.tjProList = res.data.shopProductList;
+					} else {
+						this.tjProList = [];
+					}
+
+					//获取的数据解析
+					that.removeImagesFromHTML();
+
+					setTimeout(() => {
+						that.$refs.commonAnchorLink.getDistanceArr();
+					}, 200);
+					that.$forceUpdate();
+				});
+		},
+		//相关书籍跳转
+		goToGoodsList(data) {
+			if (data.delFlag == -1) {
+				this.$commonJS.showToast("商品已下架");
+			} else {
+				uni.navigateTo({
+					url: `/pages/goods/index?isMiaosha=1&id=${data.productId}`,
+				});
+			}
+		},
+	},
+	onBackPress() {
+		// #ifdef APP-PLUS
+		plus.key.hideSoftKeybord();
+		// #endif
+	},
+};
+</script>
+
+<style lang="scss" scoped>
+@import "@/static/mixin.scss";
+
+.commonPageBox {
+	height: 100vh;
+	background: #eff5f8 !important;
+}
+
+.searchList {
+	.item {
+		font-size: 28rpx;
+		padding: 20rpx;
+		border-bottom: 1px solid #dadbde;
+	}
+}
+
+.contentBox {
+	height: calc(100% - 50px);
+
+	.statusList {
+		padding: 10rpx;
+		box-sizing: border-box;
+		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: $themeColor;
+			color: #fff;
+			box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
+		}
+	}
+
+	.twoCateList {
+		font-size: 28rpx;
+		margin-top: 20rpx;
+
+		.grid-text {
+			padding: 10rpx 0rpx;
+			text-align: center;
+		}
+
+		.cur {
+			color: $themeColor;
+		}
+
+		// .u-grid-list{border: 0.5px solid #dadbde;}
+	}
+
+	.dataList {
+		font-size: 26rpx;
+		// margin-top: 20rpx;
+		// padding: 32rpx 0rpx;
+		border-radius: 10rpx;
+		background-color: #f8f9fa;
+		box-sizing: border-box;
+
+		.JFtitleItem {
+			background-color: #ffffff;
+			padding: 20rpx 10rpx;
+			width: 100%;
+			border-bottom: 0.5px solid #f8f9fa;
+		}
+
+		.wmzhimg {
+			width: 220rpx;
+			height: 220rpx;
+		}
+	}
+}
+
+.search_box {
+	margin: 0 auto;
+	overflow: hidden;
+	align-items: center;
+	width: calc(100% - 10px);
+	margin-top: 20rpx;
+	margin-bottom: 20rpx;
+
+	.search {
+		height: 56upx;
+		display: flex;
+		width: 86%;
+		margin: 0 auto;
+		align-items: center;
+		padding: 0upx 40upx;
+		background-color: #fff;
+		border-radius: 20upx;
+		box-shadow: 0 0px 10px 1px $themeColor;
+	}
+
+	.prompt {
+		color: #838383;
+		font-size: 24rpx;
+	}
+
+	.icon_search {
+		background-image: url("@/static/icon/map_ic_search.png");
+		background-position: center center;
+		background-repeat: no-repeat;
+		background-size: cover;
+		width: 36upx;
+		height: 36upx;
+		margin-right: 20upx;
+	}
+}
+
+.flexbox {
+	display: flex;
+	background-color: transparent !important;
+}
+
+.uni-modal .uni-modal__bd {
+	text-align: left;
+}
+
+.limiTy {
+	font-size: 28rpx;
+	line-height: 46rpx;
+}
+
+.chImage {
+	height: 100rpx;
+}
+
+.dataList {
+	height: 100%;
+}
+
+.titleList2 {
+	height: calc(100% - 150rpx);
+}
+
+.priceDetail {
+	height: calc(100% - 180rpx) !important;
+	padding: 0rpx 0;
+	box-sizing: border-box;
+}
+
+.componentPage {
+	height: calc(100% - 90rpx) !important;
+}
+
+.dateReminder {
+	width: 100%;
+	font-size: 24rpx;
+	text-align: right;
+	line-height: 40rpx;
+}
+
+.fdButtonBox {
+	border: 1rpx solid $themeColor;
+	background-color: $themeColor;
+	color: $themeColor;
+	float: right;
+	padding: 10rpx 14rpx;
+	font-size: 24rpx;
+	font-weight: 500;
+	line-height: 30rpx;
+	border-radius: 10rpx;
+	box-sizing: border-box;
+}
+
+.fdButtonBoxRed {
+	border: 1rpx solid red;
+	background-color: red;
+	padding: 8rpx 14rpx;
+	font-size: 28rpx;
+}
+
+.headImage {
+	// height: 600rpx !important;
+}
+
+.commonDetailPage {}
+
+.curriulum_box {
+	margin-top: 20rpx;
+	width: 100%;
+
+	.curriulum_title_box {
+		display: flex;
+		align-items: center;
+		margin-bottom: 20rpx;
+		background-color: #fff;
+
+		.curriulum_title {
+			width: calc(100% - 80rpx);
+
+			font-size: 32rpx;
+			line-height: 40rpx;
+			padding: 20rpx;
+			box-sizing: border-box;
+		}
+	}
+}
+
+/deep/.scroll-view-item:nth-child(2n-1) {
+	background-color: transparent !important;
+}
+
+.dataList {
+	height: auto !important;
+}
+
+.small_class_teaching_box {
+	width: 100%;
+	margin-top: 20rpx;
+	// background: #f0fbf3;
+
+	.small_class_teaching_top {
+		padding: 20rpx 20rpx 0 10rpx;
+		box-sizing: border-box;
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		// background: #EDFCF7;
+		color: #8f8e8e;
+
+		// box-shadow: 0px 0px 6rpx 0px #E9DCCC;
+		.icon1 {
+			width: 50rpx;
+			height: 50rpx;
+		}
+
+		.small_class_teaching_top_left {
+			display: flex;
+			align-items: center;
+			color: #294a97;
+
+			font-family: MicrosoftYaHei;
+		}
+	}
+
+	.small_class_teaching_content {
+		margin-top: 0rpx;
+		// background: #EDFCF7;
+		padding-bottom: 10rpx;
+
+		.top {
+			padding: 20rpx 20rpx;
+			box-sizing: border-box;
+			display: flex;
+			align-items: center;
+			justify-content: space-between;
+			border-bottom: 4rpx solid #fff;
+
+			.top_item {
+				width: 23%;
+				font-family: PangMenZhengDaoBiaoTiTiMianFeiBan;
+				font-weight: normal;
+				font-size: 34rpx;
+				color: #294a97;
+				line-height: 80rpx;
+				background: #cef8ea;
+				text-align: center;
+				border-radius: 10rpx;
+				box-shadow: 0px 0px 6rpx 0px #e9dccc;
+			}
+		}
+
+		.schedule {
+			width: 100%;
+			overflow: hidden;
+			display: flex;
+			align-items: center;
+			justify-content: space-between;
+			padding: 10rpx 0;
+			box-sizing: border-box;
+			align-items: center;
+			color: #294a97;
+
+			.icon_box {
+				width: 100px;
+				display: flex;
+				align-items: center;
+				margin-bottom: 0rpx;
+				font-weight: 700;
+
+				.icon1 {
+					width: 50rpx;
+					height: 50rpx;
+					margin-right: 10rpx;
+				}
+			}
+
+			.progress_box {
+				width: calc(100% - 180rpx);
+				display: flex;
+				align-items: center;
+				justify-content: space-between;
+				position: relative;
+
+				.progress_icon {
+					width: calc(100% - 60rpx);
+					display: flex;
+					align-items: center;
+				}
+
+				.icon1 {
+					width: 60rpx;
+					height: 60rpx;
+					margin: 0 20rpx;
+				}
+
+				.icon2 {
+					width: 140rpx;
+					height: 100rpx;
+					position: absolute;
+					right: 0;
+					// margin-top: -20rpx;
+				}
+			}
+		}
+	}
+}
+
+.related_courses_box {
+	background-color: #fff;
+
+	.small_class_teaching_content {
+		padding: 10rpx 20rpx;
+		box-sizing: border-box;
+	}
+}
+
+.related_courses_name {
+	display: inline-block;
+	width: calc(100% - 150rpx) !important;
+
+	.aui-text-danger {
+		display: inline-block;
+		float: right;
+	}
+}
+
+// .common_curriculum_list{
+
+// }
+
+.goods_box {
+	padding: 40rpx 20rpx;
+	padding-bottom: 150rpx;
+
+	.goods_item {
+		overflow: hidden;
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		margin-bottom: 20rpx;
+		padding: 10rpx 20rpx;
+		border: 2rpx solid #fff;
+		border-radius: 10rpx;
+	}
+
+	.title {
+		box-sizing: border-box;
+		font-weight: bold;
+		margin-bottom: 20rpx;
+	}
+
+	.image_box {
+		width: 70rpx !important;
+		height: 70rpx !important;
+		float: left;
+		background-color: #f5f5f5;
+	}
+
+	.goods_image {
+		width: 100%;
+		height: 100%;
+	}
+
+	.goods_info {
+		width: calc(100% - 100rpx);
+		// padding: 10rpx 20rpx;
+		box-sizing: border-box;
+		// height: 100rpx;
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		float: left;
+
+		.name {
+			font-size: 30rpx;
+			font-weight: 600;
+			color: #333;
+		}
+
+		.price {
+			font-size: 30rpx;
+			color: #aaa;
+			font-weight: 600;
+		}
+	}
+
+	.isSelectGoods {
+		color: $themeColor !important;
+
+		.name {
+			color: $themeColor !important;
+		}
+
+		.price {
+			color: $themeColor !important;
+		}
+
+		border: 2rpx solid $themeColor;
+		border-radius: 10rpx;
+	}
+}
+
+.popup_box {
+	padding-bottom: 20rpx;
+	width: 85vw;
+	overflow: hidden;
+	position: relative;
+	height: auto;
+
+	.title {
+		font-family: PangMenZhengDaoBiaoTiTiMianFeiBan;
+		font-weight: normal;
+		font-size: 46rpx;
+		color: #294a97;
+		background-color: #f5f5f5;
+		padding: 20rpx;
+		border-top-left-radius: 6px;
+		border-top-right-radius: 6px;
+	}
+
+	.content {
+		font-size: 26rpx;
+		letter-spacing: 0.15rpx;
+		padding: 20rpx;
+		color: #3f3f3f;
+
+		.top {
+			margin: 30rpx 0;
+		}
+
+		.center {
+			line-height: 40rpx;
+			// padding:0 10rpx;
+		}
+
+		.bottom {
+			width: 100%;
+			margin-top: 60rpx;
+
+			font-size: 24rpx;
+			line-height: 26rpx;
+			color: #b0b0b0;
+		}
+	}
+
+	.button_box {
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		margin-top: 20rpx;
+
+		.u-button {
+			margin-left: 40rpx;
+		}
+
+		.u-button:nth-child(1) {
+			margin-left: 0;
+		}
+	}
+}
+
+.saveBtnss {
+	align-items: center;
+	justify-content: center;
+	height: 80rpx;
+
+	// width: 46%;
+	overflow: hidden;
+	border-radius: 50rpx;
+
+	text {
+		padding-left: 10rpx;
+		font-size: 28rpx;
+	}
+}
+
+.vipBtn {
+	@include theme("vipbtnbg");
+	border-radius: 100rpx;
+	justify-content: center;
+	width: auto;
+	padding: 0 20rpx;
+	color: #fff;
+	margin: 10rpx auto;
+}
+
+.buyBtn {
+	background: #f42c32 !important;
+}
+
+/deep/.u-alert--warning--light {
+	background-color: none !important;
+}
+
+/deep/.u-alert__text--warning--light {
+	color: #fff !important;
+}
+
+/deep/.u-alert {
+	background: none !important;
+}
+
+/deep/.u-icon__icon--warning {
+	color: #fff !important;
+}
+
+/deep/.uni-section {
+	background: transparent !important;
+}
+
+/deep/.uni-section .uni-section-header {
+	padding-top: 10rpx !important;
+	padding-bottom: 10rpx !important;
+}
+
+/deep/.uni-section .uni-section-header {
+	padding-left: 0rpx !important;
+}
+
+/deep/.u-line-progress__background {
+	background: #fff !important;
+}
+
+.course_info_box {}
+
+.catalogue_title {
+	background: #294a97;
+	-webkit-background-clip: text;
+	-webkit-text-fill-color: transparent;
+	font-size: 40rpx;
+	font-weight: bold;
+	letter-spacing: 4rpx;
+}
+
+.chapter_content {
+	border: 4rpx solid #fffffc;
+	background: rgba(255, 255, 255, 0.85);
+	box-shadow: 0px 0px 4px 0px rgba(46, 114, 123, 0.6) !important;
+	border-top-right-radius: 40rpx;
+	border-bottom-left-radius: 40rpx;
+
+	.videoList {
+		display: flex;
+		align-items: center;
+
+		.video_item {
+			width: 24%;
+			font-size: 22rpx;
+			margin: 10rpx 0;
+			background: rgba(255, 255, 255, 0.85);
+			box-shadow: 0 2px 12px 0 rgba(255, 255, 255, 0.1);
+			border-radius: 10rpx;
+			padding: 10rpx 20rpx;
+			margin-right: 1%;
+
+			color: #333;
+			letter-spacing: 2rpx;
+		}
+	}
+}
+
+.line {
+	width: 16rpx;
+	height: 50rpx;
+	border-top-right-radius: 12rpx;
+	border-bottom-right-radius: 12rpx;
+	margin-right: 20rpx;
+	background: #294a97;
+}
+
+.containerBg2 {
+	width: 100%;
+
+	.shiting {
+		line-height: 100rpx;
+		background: linear-gradient(130deg, #4fa1fd 0%, #12f3ff 100%);
+		-webkit-background-clip: text;
+		-webkit-text-fill-color: transparent;
+		margin-bottom: 20rpx;
+		color: #fff;
+		font-size: 72rpx;
+		text-align: center;
+	}
+
+	.shiting_content {}
+}
+
+.chapter_title {
+	width: 100%;
+	font-size: 28rpx;
+	display: flex;
+	align-items: center;
+	position: relative;
+
+	.top {
+		width: 100%;
+		display: flex;
+		align-items: center;
+
+		.left {
+			display: flex;
+			align-items: center;
+		}
+
+		.right {
+			position: absolute;
+			right: 0rpx;
+		}
+	}
+
+	.not_purchased {
+		position: relative;
+		margin-left: 20rpx;
+
+		.spot {
+			width: 8rpx;
+			height: 8rpx;
+			position: absolute;
+			right: -4rpx;
+			border-radius: 8rpx;
+			background-color: #33435d;
+			bottom: -4rpx;
+		}
+
+		color: #33435d;
+		font-size: 24rpx;
+		border-bottom: 2rpx dotted #33435d;
+
+		text {
+			display: inline-block;
+			margin: 0 10rpx;
+			letter-spacing: 1rpx;
+		}
+	}
+}
+
+.course_title {
+	align-items: center;
+	justify-content: space-between;
+	background: #fff;
+}
+
+.catalogueTitle {
+	justify-content: space-between;
+	overflow: hidden;
+	margin-bottom: 20rpx;
+	font-size: 40rpx;
+
+	.learnBtn {
+		margin-bottom: 20rpx;
+		width: 150rpx;
+		text-align: center;
+		border: 1px solid $themeColor;
+		color: $themeColor;
+		line-height: 60rpx;
+		height: 60rpx;
+		font-size: 28rpx;
+		margin-top: 40rpx;
+	}
+
+	.price {
+		color: #ff582e;
+		font-size: 30rpx;
+
+		i {
+			font-style: normal;
+			font-size: 60rpx;
+			font-weight: bold;
+		}
+	}
+
+	.title {
+		display: block;
+		font-size: 30rpx;
+		margin-top: 20rpx;
+		font-weight: bold;
+		margin-bottom: 20rpx;
+	}
+
+	.saveBtn {
+		align-items: center;
+		justify-content: center;
+		height: 80rpx;
+		background-color: #00d8df;
+		// width: 46%;
+		overflow: hidden;
+		border-radius: 30rpx;
+
+		text {
+			padding-left: 10rpx;
+			font-size: 28rpx;
+			color: #fff;
+		}
+	}
+}
+
+.prof {
+	font-size: 26rpx;
+	line-height: 24px;
+	padding-bottom: 10rpx;
+	color: #333;
+}
+
+/deep/ .prof img {
+	width: 100%;
+}
+
+.containerBg {
+	padding-bottom: 30rpx;
+}
+
+.containerBg1 {
+	padding: 20rpx 0;
+	background: #fff;
+	border-top: 1px solid #fff;
+}
+
+.courseTitle {
+	width: calc(100% - 220rpx);
+	padding: 20rpx;
+	font-size: 38rpx;
+	font-weight: bold;
+	background-size: cover;
+	background-repeat: no-repeat;
+}
+
+.catalogueList {
+	padding-bottom: 40rpx;
+}
+
+.catalogueList:nth-child(1) {
+	margin-top: 0 !important;
+}
+
+/deep/.section {
+	padding-top: 0 !important;
+}
+
+/deep/.section_box {
+	padding-top: 0 !important;
+	background: #eff5f8 !important;
+}
+
+
+.describe_block {
+	padding: 15rpx 20rpx;
+	background: linear-gradient(90deg, #294a97 0%, #7dc1f0 80%);
+	position: fixed;
+	left: 0;
+	width: 100%;
+	z-index: 10;
+	color: #fff;
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+}
+
+.describe_block text {
+	display: block;
+	font-size: 26rpx;
+	padding-right: 10rpx;
+}
+
+.describe_block button {
+	display: inline-block;
+	text-align: center;
+	width: 125rpx;
+	font-size: 24rpx;
+	color: #fff;
+	border-radius: 10rpx;
+	line-height: 50rpx;
+	height: 50rpx;
+}
+
+.hidden2 {
+	line-height: 24px;
+	max-height: 48px;
+	height: auto;
+}
+
+.linkPro {
+	margin-top: 10rpx;
+
+	.more {
+		font-size: 24rpx;
+		color: #666;
+	}
+
+	.supermarketBox {
+		background: #fff;
+		border-radius: 4px;
+		box-shadow: 0px 0px 10px 0px #a7bbe4;
+	}
+}
+
+.scroll-view_H {
+	white-space: nowrap;
+	padding: 20rpx 10rpx;
+	margin-top: 12rpx;
+
+	.item {
+		padding: 10rpx;
+		overflow: hidden;
+		display: inline-block;
+		padding-bottom: 0;
+		width: 210rpx !important;
+		margin-right: 8rpx;
+		border-radius: 10rpx;
+
+		image {
+			display: block;
+			width: 100%;
+			height: 260rpx;
+		}
+
+		.name {
+			display: block;
+			margin-top: 2rpx;
+			color: #666;
+			font-size: 28rpx;
+			white-space: nowrap;
+			overflow: hidden;
+			text-overflow: ellipsis;
+		}
+	}
+}
+
+/deep/.uni-section-header__decoration {
+	width: 14px;
+	height: 34px;
+}
+
+/deep/.distraction {
+	font-size: 32rpx !important;
+	color: #294a97 !important;
+	font-weight: bold;
+}
+
+/deep/.wrapper .section .content {
+	margin-top: 0 !important;
+}
+</style>
\ No newline at end of file
diff --git a/pages/curriculum/order/index.vue b/pages/curriculum/order/index.vue
index 907f5fc..9469b18 100644
--- a/pages/curriculum/order/index.vue
+++ b/pages/curriculum/order/index.vue
@@ -2,22 +2,22 @@
 	<view class="commonPageBox commonDetailPage">
 		<z-nav-bar title="课程详情"></z-nav-bar>
 		<common-anchor-link style="width: 100%" baseHeight="200" ref="commonAnchorLink" :allDataList="allDataList"
-			titleKey="title" dataListKey="courseList" :titleStyle="{}" :tabStyle="{background: '#fff'}">
+			titleKey="title" dataListKey="courseList" :titleStyle="{}" :tabStyle="{ background: '#fff' }">
 			<template slot="otherContent" slot-scope="slotProps">
 				<view v-if="goBuyTitle" class="describe_block">
 					<view style=" display: flex; align-items: center;">
 						<uni-icons type="info" size="20" color="#fff"></uni-icons>
-						<text>{{goBuyTitle}}</text>
+						<text>{{ goBuyTitle }}</text>
 					</view>
 					<button class="saveBtn flexbox buyBtn" v-if="goBuyType == 0" @click="handleClickGetVip">
 						立即购买
 					</button>
 				</view>
-				
+
 				<view style="padding-top:80rpx;">
 					<image style="width: 100%" :src="curriculumData.image" mode="widthFix"></image>
 				</view>
-				
+
 				<view class="containerBg1">
 					<view class="course_info_box">
 						<view class="course_info">
@@ -31,12 +31,10 @@
 								<view class="prof">
 									<view style="padding: 0 20rpx; position: relative;">
 										<view :class="`${isHideCourseInfo ? 'hidden2' : ''}`" v-html="parsedContent"></view>
-										<view v-for="(image, index) in images" :key="index" style=" width: 100%; margin-top: 10rpx;">
-										  <image 
-											style=" width: 100%;"
-											:src="image" mode="widthFix"
-											@tap="handleImageClick(image, index)"
-										  />
+										<view v-for="(image, index) in images" :key="index"
+											style=" width: 100%; margin-top: 10rpx;">
+											<image style=" width: 100%;" :src="image" mode="widthFix"
+												@tap="handleImageClick(image, index)" />
 										</view>
 										<text @click="isHideCourseInfo = !isHideCourseInfo" style="
 											font-size: 24rpx;
@@ -61,12 +59,14 @@
 							<view style=" display: flex; align-items: center;">
 								<view class="line"></view>
 								<view class="left">
-									<text style="font-weight: blod" class="catalogue_title">{{ slotProps.data.title }}</text>
+									<text style="font-weight: blod" class="catalogue_title">{{ slotProps.data.title
+									}}</text>
 								</view>
 							</view>
-							
-							<view class="not_purchased" v-if="slotProps.data.type != 0&&!showNewPayBtn[slotProps.dataIndex].status">
-								<view class="spot"></view>
+
+							<view class="not_purchased"
+								v-if="curriculumData.adminControl == 1 && slotProps.data.isBuy != 1">
+								<!-- <view class="spot"></view>
 								<view>
 									<text v-if="userVip==null&&slotProps.data.isBuy!=1">未购买</text>
 									<view v-if="userVip==null&&slotProps.data.isBuy==1">
@@ -74,32 +74,67 @@
 										<text v-else>已购买</text>
 									</view>
 									<text v-if="userVip!=null">有效期至{{ userVip.endTime }}</text>
+								</view> -->
+							</view>
+							<view class="not_purchased"
+								v-else-if="curriculumData.adminControl == 1 && slotProps.data.isBuy == 1">
+								<text v-if="slotProps.data.endTime" style=" width: 280rpx; margin: 0;">课程有效期截止到：<br />{{
+									slotProps.data.endTime ? slotProps.data.endTime.split(' ')[0]
+									: '' }} </text>
+								<text v-else>已购买</text>
+
+								<!-- <view class="spot"></view>
+								<view>
+									<text v-if="userVip==null&&slotProps.data.isBuy!=1">未购买</text>
+									<view v-if="userVip==null&&slotProps.data.isBuy==1">
+										<text v-if="slotProps.data.endTime" style=" width: 280rpx; margin: 0;">课程有效期截止到：<br/>{{slotProps.data.endTime}} </text>
+										<text v-else>已购买</text>
+									</view>
+									<text v-if="userVip!=null">有效期至{{ userVip.endTime }}</text>
+								</view> -->
+							</view>
+							<view class="not_purchased" v-else-if="slotProps.data.type != 0 && !showNewPayBtn[0].status">
+								<view class="spot"></view>
+								<view>
+									<text v-if="userVip == null && slotProps.data.isBuy != 1">未购买</text>
+									<view v-if="userVip == null && slotProps.data.isBuy == 1">
+										<text v-if="slotProps.data.endTime"
+											style=" width: 280rpx; margin: 0;">课程有效期截止到：<br />{{ slotProps.data.endTime ?
+												slotProps.data.endTime.split(' ')[0]
+												: '' }} </text>
+										<text v-else>已购买</text>
+									</view>
+									<text v-if="userVip != null">有效期至{{ userVip.endTime ? userVip.endTime.split(' ')[0] : '' }}</text>
 								</view>
 							</view>
-	
-							<view class="right" v-if="slotProps.dataIndex==0">
-								
-								<text v-if="slotProps.data.type == 0&&userVip==null&&slotProps.data.isBuy!=1" style="color: #fff; font-size: 12px" class="fdButtonBox aui-text-success"
-									@click="handleClickGetGoodsList(slotProps.data)">领取课程</text>
-									
-								<text v-else-if="showNewPayBtn[0]&&showNewPayBtn[0].status==true" style=" background: #f42c32; border: 0; padding: 15rpx 30rpx; color: #fff; font-size: 12px" class="fdButtonBox aui-text-success"
-									@click="goNewPay(slotProps.data)">复读</text>
-									
-								<u-icon v-else-if="userVip==null&&slotProps.data.type != 0&&slotProps.data.isBuy!=1"
-									@click="handleClickGetGoodsList(slotProps.data)" class="editIcon" name="shopping-cart-fill"
-									color="#FF2B57" size="28"></u-icon>
+							<view class="right" v-if="curriculumData.adminControl == 1 && slotProps.data.isBuy != 1">
+								<!-- //是否咨询 -->
+								<text style="display: inline-block;margin-top: 4px;
+								text-align: center;
+								width: 68px;
+								font-size: 13px;
+								color: #fff;
+								border-radius: 5px !important;
+								line-height: 24px;
+								height:24px;" class="saveBtn flexbox buyBtn" @click="openKefu(slotProps.data)">购买课程</text>
+
+
 							</view>
 							<view class="right" v-else>
-								
-								<text v-if="slotProps.data.type == 0&&userVip==null&&slotProps.data.isBuy!=1" style="color: #fff; font-size: 12px" class="fdButtonBox aui-text-success"
+								<!-- //是否咨询 -->
+
+
+								<text v-if="slotProps.data.type == 0 && userVip == null && slotProps.data.isBuy != 1"
+									style="color: #fff; font-size: 12px" class="fdButtonBox aui-text-success"
 									@click="handleClickGetGoodsList(slotProps.data)">领取课程</text>
-									
-								<text v-else-if="showNewPayBtn[slotProps.dataIndex]&&showNewPayBtn[slotProps.dataIndex].status==true" style=" background: #f42c32; border: 0; padding: 15rpx 30rpx; color: #fff; font-size: 12px" class="fdButtonBox aui-text-success"
-									@click="goNewPay(slotProps.data)">复读</text>
-									
-								<u-icon v-else-if="userVip==null&&slotProps.data.type != 0&&slotProps.data.isBuy!=1"
-									@click="handleClickGetGoodsList(slotProps.data)" class="editIcon" name="shopping-cart-fill"
-									color="#FF2B57" size="28"></u-icon>
+
+								<text v-else-if="showNewPayBtn[0] && showNewPayBtn[0].status"
+									style=" background: #f42c32; border: 0; padding: 15rpx 30rpx; color: #fff; font-size: 12px"
+									class="fdButtonBox aui-text-success" @click="goNewPay(slotProps.data)">复读</text>
+
+								<u-icon v-else-if="userVip == null && slotProps.data.type != 0 && slotProps.data.isBuy != 1"
+									@click="handleClickGetGoodsList(slotProps.data)" class="editIcon"
+									name="shopping-cart-fill" color="#FF2B57" size="28"></u-icon>
 							</view>
 						</view>
 					</view>
@@ -114,51 +149,73 @@
 								<courseDescription :isCondition="true" :dataList="slotProps.dataList"
 									@hancleClick="(data, index) => gotoDetail(data, index, slotProps)" label="title">
 									<template slot="labelSlot" slot-scope="slotProps1">
-										<view :style="`${ slotProps1.row.isAudition==1|| slotProps1.row.isLearned==1||slotProps1.row.isLearned==0
-											  ? 'width:calc(100% - 100rpx);float:left;'
-											  : 'width:100%;'}`">
-											<text :class="`${slotProps1.row.viewFlg == 1 ? 'aui-text-success' : ''}`">{{ slotProps1.row.title }}</text>
+										<view :style="`${slotProps1.row.isAudition == 1 || slotProps1.row.isLearned == 1 || slotProps1.row.isLearned == 0
+											? 'width:calc(100% - 100rpx);float:left;'
+											: 'width:100%;'}`">
+											<text :class="`${slotProps1.row.viewFlg == 1 ? 'aui-text-success' : ''}`">{{
+												slotProps1.row.title }}</text>
 										</view>
 									</template>
 
 									<template slot="leftSlot" slot-scope="slotProps1">
 									</template>
 									<template slot="rightSlot" slot-scope="slotProps1">
+									
+											<text class="fdButtonBox aui-text-success" style="background: none"
+												v-if="curriculumData.adminControl == 1&&slotProps.data.isBuy == 0 && slotProps1.row.isAudition == 1">试听</text>
+											<view v-if="curriculumData.adminControl == 1&&slotProps.data.isBuy == 1&&slotProps1.row.isAudition == 0">
+												<uni-tag v-if="curriculumData.adminControl == 1&&slotProps.data.isBuy == 1&&slotProps1.row.isAudition == 0&&slotProps1.row.isLearned == 0"
+													style="position: absolute; right: 10rpx; top: 5rpx;" :inverted="true"
+													text="未学" size="mini" type="primary" />
+												<uni-tag v-if="curriculumData.adminControl == 1&&slotProps.data.isBuy == 1&&slotProps1.row.isAudition == 0&&slotProps1.row.isLearned == 1"
+													style="position: absolute; right: 10rpx; top: 5rpx;" :inverted="true"
+													text="已学" size="mini" type="success" />
+											</view>
+											<view class="shitingTag"
+												v-if="curriculumData.adminControl == 1&&slotProps.data.isBuy == 0&&slotProps1.row.isAudition == 0"
+												style="position: absolute; right: 0; top: 0;width:100rpx;overflow: hidden;">
+												<u-icon style="float: right;" name="lock" color="#7dc1f0 "
+													size="24"></u-icon>
+											</view>
+
+
+										
+
+
 										<text class="fdButtonBox aui-text-success" style="background: none"
-											v-if="slotProps.data.isBuy == 0&&slotProps1.row.isAudition == 1&&userVip==null">试听</text>
-											
-										<template v-if="slotProps.data.isBuy == 1 || userVip!=null">
-											<uni-tag v-if="slotProps1.row.isLearned == 0" style="position: absolute; right: 10rpx; top: 5rpx;"
-												:inverted="true" text="未学" size="mini" type="primary" />
-											<uni-tag v-if="slotProps1.row.isLearned == 1" style="position: absolute; right: 10rpx; top: 5rpx;"
-												:inverted="true" text="已学" size="mini" type="success" />
+											v-if="curriculumData.adminControl == 0 && slotProps.data.isBuy == 0 && slotProps1.row.isAudition == 1 && userVip == null">试听</text>
+
+										<template
+											v-if="curriculumData.adminControl == 0 && slotProps.data.isBuy == 1 || userVip != null">
+											<uni-tag v-if="slotProps1.row.isLearned == 0"
+												style="position: absolute; right: 10rpx; top: 5rpx;" :inverted="true"
+												text="未学" size="mini" type="primary" />
+											<uni-tag v-if="slotProps1.row.isLearned == 1"
+												style="position: absolute; right: 10rpx; top: 5rpx;" :inverted="true"
+												text="已学" size="mini" type="success" />
 										</template>
-											
-										<view class="shitingTag" v-if="slotProps.data.type != 0" style="position: absolute; right: 0; top: 0;">
-										  <u-icon
-											v-if="
-											  slotProps.data.isBuy == 0 &&
-											  userVip == null &&
-											  slotProps1.row.isAudition == 0
-											"
-											name="lock"
-											color="#7dc1f0 "
-											size="22"
-										  ></u-icon>
+
+										<view class="shitingTag"
+											v-if="curriculumData.adminControl == 0 && slotProps.data.type != 0"
+											style="position: absolute; right: 0; top: 0;width:100rpx;overflow: hidden;">
+											<u-icon style="float: right;" v-if="slotProps.data.isBuy == 0 &&
+												userVip == null &&
+												slotProps1.row.isAudition == 0
+												" name="lock" color="#7dc1f0 " size="22"></u-icon>
 										</view>
-										<view class="shitingTag" v-if="slotProps.data.type == 0" style="position: absolute; right: 0; top: 0;">
-										  <u-icon
-										    v-if="
-										      userVip == null &&
-										      slotProps1.row.isAudition == 0 &&
-										      slotProps.data.isBuy == 0
-										    "
-										    name="lock"
-										    color="#7dc1f0 "
-										    size="24"
-										  ></u-icon>
+										<view class="shitingTag"
+											v-if="curriculumData.adminControl == 0 && slotProps.data.type == 0"
+											style="position: absolute; right: 0; top: 0;width:100rpx;overflow: hidden;">
+											<u-icon style="float: right;" v-if="userVip == null &&
+												slotProps1.row.isAudition == 0 &&
+												slotProps.data.isBuy == 0
+												" name="lock" color="#7dc1f0 " size="24"></u-icon>
 										</view>
+
+
+
 									</template>
+
 								</courseDescription>
 							</view>
 							<view class="small_class_teaching_box">
@@ -170,8 +227,8 @@
 										</view>
 										<view class="progress_box">
 											<view class="progress_icon" style="">
-												<u-line-progress activeColor="#294a97"
-													height="10" :percentage="slotProps.data.completion"
+												<u-line-progress activeColor="#294a97" height="10"
+													:percentage="slotProps.data.completion"
 													:showText="false"></u-line-progress>
 												<text style="
 													font-size: 28rpx;
@@ -184,14 +241,17 @@
 									</view>
 								</view>
 							</view>
-							
+
 							<view class="linkPro" v-if="tjProList.length > 0">
-								<uni-section style="padding: 0 20rpx;" class="mb-10 graybg" title="相关书籍" type="line"></uni-section>
+								<uni-section style="padding: 0 20rpx;" class="mb-10 graybg" title="相关书籍"
+									type="line"></uni-section>
 								<view class="list supermarketBox">
 									<scroll-view class="scroll-view_H" scroll-x="true">
-										<view class="item" v-for="(item, index) in tjProList" :key="index" @click="goToGoodsList(item)">
+										<view class="item" v-for="(item, index) in tjProList" :key="index"
+											@click="goToGoodsList(item)">
 											<view class="imgcontainer" style="position: relative;">
-												<view  v-if="item.isVipPrice==1&&item.vipPrice!=0&&item.vipPrice!=null"
+												<view
+													v-if="item.isVipPrice == 1 && item.vipPrice != 0 && item.vipPrice != null"
 													style="z-index:10;position: absolute;top:0;left:0;text-align: center;font-size: 20rpx;background-color: #f94f04;color: #fff;font-weight: bold;border-radius:4px; line-height: 30rpx; padding:10rpx;box-sizing: border-box;">
 													VIP优惠</view>
 												<image :src="item.productImages" mode="aspectFit"></image>
@@ -199,69 +259,51 @@
 											<view class="name">
 												{{ item.productName }}
 											</view>
-											<text
-							        class="price"
-							        v-if="
-							          item.isVipPrice == 1 &&
-							          item.vipPrice != 0 &&
-							          item.vipPrice != null
-							        "
-							      >
-							        <text
-							          style="color: #e97512; font-size: 12px; font-weight: bold"
-							          >￥{{ item.vipPrice.toFixed(2) }}</text
-							        >
-							        <text
-							          style="
+											<text class="price" v-if="item.isVipPrice == 1 &&
+												item.vipPrice != 0 &&
+												item.vipPrice != null
+												">
+												<text style="color: #e97512; font-size: 12px; font-weight: bold">￥{{
+													item.vipPrice.toFixed(2) }}</text>
+												<text style="
 							            color: #8a8a8a;
 							            font-size: 10px;
 							            margin-left: 4px;
 							            font-weight: bold;
 							            text-decoration: line-through;
-							          "
-							          >￥{{ Number(item.price) }}</text
-							        >
-							      </text>
-							
-							      <text
-							        v-else-if="item.activityPrice && item.activityPrice > 0"
-							        class="price"
-							      >
-							        <text
-							          style="color: #e97512; font-size: 12px; font-weight: bold"
-							          >￥{{ item.activityPrice }}</text
-							        >
-							        <text
-							          style="
+							          ">￥{{ Number(item.price) }}</text>
+											</text>
+
+											<text v-else-if="item.activityPrice && item.activityPrice > 0" class="price">
+												<text style="color: #e97512; font-size: 12px; font-weight: bold">￥{{
+													item.activityPrice }}</text>
+												<text style="
 							            color: #8a8a8a;
 							            font-size: 10px;
 							            margin-left: 4px;
 							            font-weight: bold;
 							            text-decoration: line-through;
-							          "
-							          >￥{{ Number(item.price)}}</text
-							        >
-							      </text>
-							
-							      <text v-else class="price" style="color: #e97512 !important;"
-							        >￥{{ Number(item.price) }}</text
-							      >
+							          ">￥{{ Number(item.price) }}</text>
+											</text>
+
+											<text v-else class="price" style="color: #e97512 !important;">￥{{
+												Number(item.price) }}</text>
 										</view>
 									</scroll-view>
 								</view>
 							</view>
-							
+
 						</view>
 					</view>
 				</view>
 			</template>
 		</common-anchor-link>
-		<common-select-goods :isFudu="isFudu"  ref="commonSelectGoods" :selectGoodsData="selectGoodsData" :goodsList="goodsList"
-			:buyOptions="buyOptions" :customButtonGroup1="customButtonGroup1" @selectGoods="handleClickSelectGoods"
-			@onHandleClickBuy="
-			$refs.commonSelectGoods.close();
+		<common-select-goods :isFudu="isFudu" ref="commonSelectGoods" :selectGoodsData="selectGoodsData"
+			:goodsList="goodsList" :buyOptions="buyOptions" :customButtonGroup1="customButtonGroup1"
+			@selectGoods="handleClickSelectGoods" @onHandleClickBuy="
+				$refs.commonSelectGoods.close();
 			protocolShow = true;
-		  "></common-select-goods>
+			"></common-select-goods>
 
 		<u-popup :show="protocolShow" mode="center" round="6">
 			<view class="popup_box">
@@ -290,385 +332,440 @@
 				</view>
 			</view>
 		</u-popup>
+		<u-popup :show="kefuShow" mode="center" round="6" @close="kefuShow = false">
+			<view class="popup_box">
+				<view class="title">咨询课程</view>
+				<view class="content">
+					<view class="center">
+						<text style="color: #f42c32 ;">此课程仅限为做过心理人格测试，结果显示均为正常的用户开放购买权限。</text>
+
+
+						<br /><text style="color: #838588;font-size: 13px;">点击图片后长按图片保存到手机，或使用微信扫描二维码添加客服企业微信。</text>
+						<view>
+
+
+							<image @click="previewImage('/static/qiyeWx.jpg')" src="/static/qiyeWx.jpg" mode="widthFix"
+								style="width: 120px; height: 120px; margin: 40rpx auto 0rpx;"></image>
+
+						</view>
+					</view>
+					<view class="bottom" style="margin-top: 30px;">
+						<view class="button_box">
+							<u-button size="small" text="关闭" @click="kefuShow = false"></u-button>
+							<!-- <u-button text="同意" color="#7dc1f0" size="small" @click="onHandleClickBuy"></u-button> -->
+						</view>
+					</view>
+				</view>
+			</view>
+		</u-popup>
 	</view>
 </template>
 
 <script>
-	import courseDescription from "@/pages/component/commonComponents/list";
-	import $http from "@/config/requestConfig.js";
-	import {
-		mapState
-	} from "vuex";
-	export default {
-		components: {
-			courseDescription, //课程说明
-		},
-		// 监听页面滚动
-		onPageScroll(event) {
-			this.$refs.commonAnchorLink.pageScroll(event);
-		},
-		data() {
-			return {
-				isHideCourseInfo: false,
-				courseList: [],
-				showGoBuy: true,
-				protocolShow: false,
-				options: {},
-				percentage: 0,
-				selectGoodsData: {},
-				buyOptions: [],
-				customButtonGroup1: [{
-					with: 200,
-					text: "立即购买",
-					backgroundColor: "linear-gradient(90deg, #294a97 0%,#7dc1f0 100%)",
-					color: "#fff",
-				}, ],
-				relatedCoursesList: [], //相关课程
-				goodsList: [], //课程相关商品
-				curriculumData: {},
-				curriculumInfo: {},
-				fdButtonStyle: {
-					width: "120rpx",
-					"border-color": "$themeColor",
-					color: "$themeColor",
-					float: "right",
-					"margin-right": "20rpx",
-					"margin-left": "30rpx",
-				},
-				modalInfo: {},
-				vip: {},
+import courseDescription from "@/pages/component/commonComponents/list";
+import $http from "@/config/requestConfig.js";
+import {
+	mapState
+} from "vuex";
+export default {
+	components: {
+		courseDescription, //课程说明
+	},
+	// 监听页面滚动
+	onPageScroll(event) {
+		this.$refs.commonAnchorLink.pageScroll(event);
+	},
+	data() {
+		return {
+			kefuShow: false,
+			isHideCourseInfo: false,
+			courseList: [],
+			showGoBuy: true,
+			protocolShow: false,
+			options: {},
+			percentage: 0,
+			selectGoodsData: {},
+			buyOptions: [],
+			customButtonGroup1: [{
+				with: 200,
+				text: "立即购买",
+				backgroundColor: "linear-gradient(90deg, #294a97 0%,#7dc1f0 100%)",
+				color: "#fff",
+			},],
+			relatedCoursesList: [], //相关课程
+			goodsList: [], //课程相关商品
+			curriculumData: {},
+			curriculumInfo: {},
+			fdButtonStyle: {
+				width: "120rpx",
+				"border-color": "$themeColor",
+				color: "$themeColor",
+				float: "right",
+				"margin-right": "20rpx",
+				"margin-left": "30rpx",
+			},
+			modalInfo: {},
+			vip: {},
 
-				show: false,
-				playData: {},
-				taiHuClassInfo: {},
-				searchValue: "",
-				goBuyTitle: "",  //顶部文案显示
-				goBuyType: "",
-				description: "",
-				cateList: [], // 一级分类标题1
-				twoCateList: [], // 二级分类标题
-				dataList: [], // 方剂标题
-				allDataList: [], // 方剂标题
-				currentStatusIndex: 0, // 当前选中的一级分类
-				currentCateIndex: 0, // 当前选中的一级分类
-				curTwoCateIndex: 0, // 当前选中的二级分类
-				searchList: [], // 搜索结果数组
-				showSearchList: false,
-				userMes: {}, // 用户信息
-				searchDisable: false, // 搜索不可用
-				limitShow: false,
-				limitTitle: "提示",
-				limitContent: "",
-				scrollViewHeight: 0,
-				urlList: {
-					curriculumInfo: "sociology/course/getCourseCatalogueChapterList",
-					list: "sociology/course/getCourseDetail",
-					goodsList: "sociology/product/getProductListForCourse",
-					startStudyForMF: "sociology/course/startStudyForMF",
-				},
-				userMsg: {},
-				userVip: null,  //是否是vip
-				courseVipModule: [],  //该课程需要什么类型的vip
-				textList: [],  //转化文字集合
-				//存储解析后的内容
-				parsedContent: '',
-				images: [],
-				
-				isFudu: false,
-				fuduId: null,
-				showNewPayBtn: [],  //复读状态
-				newPaymentProList: [],  //复读列表数据
-				tjProList: [],  //相关书籍
-			};
-		},
-		onLoad(options) {
-			this.options = options;
-			//是否是vip
-			this.getCourseByVip();
-		},
-		onHide() {
-			this.selectGoodsData = {};
-			this.protocolShow = false;
-			this.handleClickClose();
-			this.$refs.commonSelectGoods.close();
-		},
-		onUnload() {
-			this.selectGoodsData = {};
-			this.protocolShow = false;
-			this.$refs.commonSelectGoods.close();
-		},
-		computed: {
-			...mapState(["userInfo"]),
-		},
-		onShow() {
-			this.protocolShow = false;
-			this.$nextTick(() => {
-				this.getCourseDescriptionData();
+			show: false,
+			playData: {},
+			taiHuClassInfo: {},
+			searchValue: "",
+			goBuyTitle: "",  //顶部文案显示
+			goBuyType: "",
+			description: "",
+			cateList: [], // 一级分类标题1
+			twoCateList: [], // 二级分类标题
+			dataList: [], // 方剂标题
+			allDataList: [], // 方剂标题
+			currentStatusIndex: 0, // 当前选中的一级分类
+			currentCateIndex: 0, // 当前选中的一级分类
+			curTwoCateIndex: 0, // 当前选中的二级分类
+			searchList: [], // 搜索结果数组
+			showSearchList: false,
+			userMes: {}, // 用户信息
+			searchDisable: false, // 搜索不可用
+			limitShow: false,
+			limitTitle: "提示",
+			limitContent: "",
+			scrollViewHeight: 0,
+			urlList: {
+				curriculumInfo: "sociology/course/getCourseCatalogueChapterList",
+				list: "sociology/course/getCourseDetail",
+				goodsList: "sociology/product/getProductListForCourse",
+				startStudyForMF: "sociology/course/startStudyForMF",
+			},
+			userMsg: {},
+			userVip: null,  //是否是vip
+			courseVipModule: [],  //该课程需要什么类型的vip
+			textList: [],  //转化文字集合
+			//存储解析后的内容
+			parsedContent: '',
+			images: [],
+
+			isFudu: false,
+			fuduId: null,
+			showNewPayBtn: [],  //复读状态
+			newPaymentProList: [],  //复读列表数据
+			tjProList: [],  //相关书籍
+		};
+	},
+	onLoad(options) {
+		this.options = options;
+		//是否是vip
+		this.getCourseByVip();
+	},
+	onHide() {
+		this.selectGoodsData = {};
+		this.protocolShow = false;
+		this.kefuShow = false;
+		this.handleClickClose();
+		this.$refs.commonSelectGoods.close();
+	},
+	onUnload() {
+		this.selectGoodsData = {};
+		this.protocolShow = false;
+		this.kefuShow = false;
+		this.$refs.commonSelectGoods.close();
+	},
+	computed: {
+		...mapState(["userInfo"]),
+	},
+	onShow() {
+		this.protocolShow = false;
+		this.kefuShow = false;
+		this.$nextTick(() => {
+			this.getCourseDescriptionData();
+		});
+	},
+	methods: {
+		// 放大图片
+		previewImage(url) {
+			console.log(url);
+			this.showCodeImg = false
+			uni.previewImage({
+				urls: [url],
+				// longPressActions: {
+				//   itemList: ["很抱歉，暂不支持保存图片到本地"],
+				//   success: function (res) {
+				//     // console.log(res,'+++++')
+				//   },
+				// },
 			});
 		},
-		methods: {
-			//删除文本里的图片
-			removeImagesFromHTML() {
-				const cleanText = this.curriculumData.content.replace(/<img[^>]*>/g, '');
-				this.parsedContent = cleanText; // 更新去除图片后的文本
-				this.extractImagesFromHTML();
-			},
-			//把文本里的图片另存起来
-			extractImagesFromHTML() {
-				const imgUrls = [];
-				// 使用正则表达式从 HTML 中提取所有图片的 src 属性
-				const regex = /<img[^>]+src="([^"]+)"[^>]*>/g;
-				let match;
-				while ((match = regex.exec(this.curriculumData.content)) !== null) {
-					imgUrls.push(match[1]);
-				}
-				this.images = imgUrls; // 更新 images 数组
-			},
-				
-			// 处理图片点击事件
-			handleImageClick(image, index) {
-				uni.previewImage({
-					current: image,  // 当前点击的图片
-					urls: this.images,  // 所有图片的 URL 列表
-					currentIndex: index  // 当前图片的索引
-				});
-			},
-			
-			//点击顶部按钮
-			handleClickGetVip() {
-				uni.navigateTo({
-					url: "/pages/vip/index",
-				});
-			},
-			//获取信息
-			getUserInfo() {
-				this.$http.post("common/user/getUserInfo").then((res) => {
-					this.userMsg = res.result
-				});
-			},
-			
-			//获取是否是vip
-			getCourseByVip(){
-				this.$http.request({
-					url: 'common/userVip/ownCourseCatalogueByVip',
-					method: "POST",
-					data: {
-						courseId: this.options.id
-					},
-					header: {
-						"Content-Type": "application/json",
-					},
-				})
-				.then((res) => {							
+		openKefu(data) {
+			console.log('data at line 400:', data)
+			this.kefuShow = true;
+
+		},
+		//删除文本里的图片
+		removeImagesFromHTML() {
+			const cleanText = this.curriculumData.content.replace(/<img[^>]*>/g, '');
+			this.parsedContent = cleanText; // 更新去除图片后的文本
+			this.extractImagesFromHTML();
+		},
+		//把文本里的图片另存起来
+		extractImagesFromHTML() {
+			const imgUrls = [];
+			// 使用正则表达式从 HTML 中提取所有图片的 src 属性
+			const regex = /<img[^>]+src="([^"]+)"[^>]*>/g;
+			let match;
+			while ((match = regex.exec(this.curriculumData.content)) !== null) {
+				imgUrls.push(match[1]);
+			}
+			this.images = imgUrls; // 更新 images 数组
+		},
+
+		// 处理图片点击事件
+		handleImageClick(image, index) {
+			uni.previewImage({
+				current: image,  // 当前点击的图片
+				urls: this.images,  // 所有图片的 URL 列表
+				currentIndex: index  // 当前图片的索引
+			});
+		},
+
+		//点击顶部按钮
+		handleClickGetVip() {
+			uni.navigateTo({
+				url: "/pages/vip/index",
+			});
+		},
+		//获取信息
+		getUserInfo() {
+			this.$http.post("common/user/getUserInfo").then((res) => {
+				this.userMsg = res.result
+			});
+		},
+
+		//获取是否是vip
+		getCourseByVip() {
+			this.$http.request({
+				url: 'common/userVip/ownCourseCatalogueByVip',
+				method: "POST",
+				data: {
+					courseId: this.options.id
+				},
+				header: {
+					"Content-Type": "application/json",
+				},
+			})
+				.then((res) => {
 					if (res.code == 0) {
 						//如果有userVip，说明是符合课程的vip身份
-						if(res.userVip){
+						if (res.userVip) {
 							this.userVip = res.userVip;
 							let type = res.userVip.type;
 							let role = '';
-							if(type==4){
+							if (type == 4) {
 								role = '中医学';
-							}else if(type==5){
+							} else if (type == 5) {
 								role = '针灸学';
-							}else if(type==6){
+							} else if (type == 6) {
 								role = '肿瘤学';
-							}else if(type==7){
+							} else if (type == 7) {
 								role = '国学';
-							}else if(type==8){
+							} else if (type == 8) {
 								role = '心理学';
-							}else if(type==9){
+							} else if (type == 9) {
 								role = '中西汇通学';
 							}
-							this.goBuyTitle = '尊贵的'+role+'VIP，您的有效期到'+res.userVip.endTime;
+							if (res.userVip.endTime) {
+								var time = res.userVip.endTime ? res.userVip.endTime.split(' ')[0] : ''
+							} else {
+								var time = ''
+							}
+
+							this.goBuyTitle = '尊贵的' + role + 'VIP，您的有效期到' + time;
 							this.goBuyType = 1;
-						}else{  //否则没有开通vip
+						} else {  //否则没有开通vip
 							this.goBuyTitle = '';
 							this.goBuyType = 0;
 							this.getCourseVipModule();
 						}
 					}
 				})
-			},
-			//判断需要什么类型的vip
-			getCourseVipModule(){
-				this.$http.request({
-					url: 'common/userVip/getCourseVipModule',
+		},
+		//判断需要什么类型的vip
+		getCourseVipModule() {
+			this.$http.request({
+				url: 'common/userVip/getCourseVipModule',
+				method: "POST",
+				data: {
+					courseId: this.options.id
+				},
+				header: {
+					"Content-Type": "application/json",
+				},
+			})
+				.then(res => {
+					if (res.code == 0) {
+						this.courseVipModule = res.list;
+						let text = '';
+						this.courseVipModule.forEach((item, index) => {
+							if (item == '4') {
+								text = '中医学';
+							} else if (item == '5') {
+								text = '针灸学';
+							} else if (item == '6') {
+								text = '肿瘤学';
+							} else if (item == '7') {
+								text = '国学';
+							} else if (item == '8') {
+								text = '心理学';
+							} else if (item == '9') {
+								text = '中西汇通学';
+							}
+							this.textList.push(text);
+						});
+
+						const joinedText = this.textList.join('/');
+						this.goBuyTitle = '购买' + joinedText + 'VIP，即可畅享更多专属权益';
+					}
+				})
+		},
+		//查询目录续费情况
+		async checkRenewPayment(id) {
+			var ss = false;
+			await this.$http
+				.request({
+					url: 'common/courseRelearn/courseCatalogueCanRelearn',
 					method: "POST",
 					data: {
-						courseId: this.options.id
+						courseCatalogueId: id,
 					},
 					header: {
 						"Content-Type": "application/json",
 					},
 				})
-				.then(res => {						
+				.then(async (res) => {
 					if (res.code == 0) {
-						this.courseVipModule = res.list;
-						let text = '';
-						this.courseVipModule.forEach((item, index) => {
-							if(item=='4'){
-								text = '中医学';
-							}else if(item=='5'){
-								text = '针灸学';
-							}else if(item=='6'){
-								text = '肿瘤学';
-							}else if(item=='7'){
-								text = '国学';
-							}else if(item=='8'){
-								text = '心理学';
-							}else if(item=='9'){
-								text = '中西汇通学';
-							}
-							this.textList.push(text);
-						});
-						
-						const joinedText = this.textList.join('/');
-						this.goBuyTitle = '购买'+joinedText+'VIP，即可畅享更多专属权益';
+						ss = res.canRelearn;
 					}
+					this.$forceUpdate();
 				})
-			},
-			//查询目录续费情况
-			async checkRenewPayment(id) {
-			  var ss = false;
-			  await this.$http
-			    .request({
-			      url: 'common/courseRelearn/courseCatalogueCanRelearn',
-			      method: "POST",
-			      data: {
-			        courseCatalogueId: id,
-			      },
-			      header: {
-			        "Content-Type": "application/json",
-			      },
-			    })
-			    .then(async (res) => {
-			      if (res.code == 0) {
-			        ss = res.canRelearn;
-			      }
-			      this.$forceUpdate();
-			    })
-			    .catch((e) => {
-			      ss = false;
-			      this.$commonJS.showToast(e.errMsg);
-			    });
-			  return ss;
-			},
-			handleClickSelectGoods(data) {
-				this.selectGoodsData = data;
-				this.$forceUpdate();
-			},
-			onHandleClickBuy(e) {
-				var mynavData = JSON.stringify({
-					goods: [{...this.selectGoodsData,productAmount:1}],
-					typeId: 0,
-					navTitle: this.options.navTitle,
-					title: this.options.title,
-					sourceType: "curriculum",
-					isFudu: this.isFudu,
-					fuduId: this.fuduId,
-					
+				.catch((e) => {
+					ss = false;
+					this.$commonJS.showToast(e.errMsg);
 				});
-				
-				uni.navigateTo({
-				  url: `/pages/goods/order?data=${mynavData}`,
-				});
-			},
-			handleClickClose() {
-				this.show = false;
-				this.goodsList = [];
-				this.selectGoodsData = {};
-			},
-			//获取相关关联课程商品
-			handleClickGetGoodsList(v) {
-				if (v.type == 0) {
-					//免费
-					this.$http
-						.request({
-							url: this.urlList.startStudyForMF,
-							method: "POST",
-							data: {
-								catalogueId: v.id,
-							},
-							header: {
-								"Content-Type": "application/json",
-							},
-						})
-						.then(async (res) => {
-							if (res.code == 0) {
-								this.getCourseDescriptionData();
-							}
-							this.$forceUpdate();
-						});
-				} else if (v.type == 2 && this.userVip==null) {
-					uni.showModal({
-						title: '提示',
-						content: '当前课程目录是VIP专享，开通VIP可观看',
-						confirmText: '好的',
-						showCancel: false
-					})
-				} else {
-					this.getProductListForCourse(v);
-				}
-			},
-			//点击复读
-			async goNewPay(item){
-				await this.getNewPaymentList(item.id) 
-				if(this.newPaymentProList.length > 0){
-					this.goodsList = this.newPaymentProList;
-					this.selectGoodsData = this.goodsList[0];
-					console.log('this.goodsList', this.goodsList)
-					this.$refs.commonSelectGoods.open();
-					this.show = true;
-					this.isFudu = true;
-					//存复读需要的id
-					this.fuduId = item.id;
-				}else{
-					this.show = false;
-					this.isFudu = false;
-					this.$commonJS.showToast('暂无复读方案');	
-				}
-			},
-			async getNewPaymentList(id){
-				uni.showLoading({
-					title:'加载中'
-				})
-				await this.$http
+			return ss;
+		},
+		handleClickSelectGoods(data) {
+			this.selectGoodsData = data;
+			this.$forceUpdate();
+		},
+		onHandleClickBuy(e) {
+			var mynavData = JSON.stringify({
+				goods: [{ ...this.selectGoodsData, productAmount: 1 }],
+				typeId: 0,
+				navTitle: this.options.navTitle,
+				title: this.options.title,
+				sourceType: "curriculum",
+				isFudu: this.isFudu,
+				fuduId: this.fuduId,
+
+			});
+
+			uni.navigateTo({
+				url: `/pages/goods/order?data=${mynavData}`,
+			});
+		},
+		handleClickClose() {
+			this.show = false;
+			this.goodsList = [];
+			this.selectGoodsData = {};
+		},
+		//获取相关关联课程商品
+		handleClickGetGoodsList(v) {
+			if (v.type == 0) {
+				//免费
+				this.$http
 					.request({
-						url: 'common/courseRelearn/relearnShopProductList',
+						url: this.urlList.startStudyForMF,
 						method: "POST",
 						data: {
-							catalogueId: id,
+							catalogueId: v.id,
 						},
 						header: {
 							"Content-Type": "application/json",
 						},
 					})
 					.then(async (res) => {
-						console.log("复读列表", res);
-						uni.hideLoading()
-						if(res.code != 0){return this.$commonJS.showToast(res.errMsg);}
-						this.newPaymentProList = res.productList;
+						if (res.code == 0) {
+							this.getCourseDescriptionData();
+						}
 						this.$forceUpdate();
-					}).catch(e => {
-						uni.hideLoading()
-						this.newPaymentProList = []
-						this.$commonJS.showToast(e.errMsg);
 					});
-					
-			},
-			getProductListForCourse(v){
+			} else if (v.type == 2 && this.userVip == null) {
+				uni.showModal({
+					title: '提示',
+					content: '当前课程目录是VIP专享，开通VIP可观看',
+					confirmText: '好的',
+					showCancel: false
+				})
+			} else {
+				this.getProductListForCourse(v);
+			}
+		},
+		//点击复读
+		async goNewPay(item) {
+			await this.getNewPaymentList(item.id)
+			if (this.newPaymentProList.length > 0) {
+				this.goodsList = this.newPaymentProList;
+				this.selectGoodsData = this.goodsList[0];
+				console.log('this.goodsList', this.goodsList)
+				this.$refs.commonSelectGoods.open();
+				this.show = true;
+				this.isFudu = true;
+				//存复读需要的id
+				this.fuduId = item.id;
+			} else {
+				this.show = false;
 				this.isFudu = false;
-				this.$http.request({
-					url: this.urlList.goodsList,
+				this.$commonJS.showToast('暂无复读方案');
+			}
+		},
+		async getNewPaymentList(id) {
+			uni.showLoading({
+				title: '加载中'
+			})
+			await this.$http
+				.request({
+					url: 'common/courseRelearn/relearnShopProductList',
 					method: "POST",
 					data: {
-						id: v.id,
+						catalogueId: id,
 					},
 					header: {
 						"Content-Type": "application/json",
 					},
 				})
-				.then(async (res) => {							
+				.then(async (res) => {
+					console.log("复读列表", res);
+					uni.hideLoading()
+					if (res.code != 0) { return this.$commonJS.showToast(res.errMsg); }
+					this.newPaymentProList = res.productList;
+					this.$forceUpdate();
+				}).catch(e => {
+					uni.hideLoading()
+					this.newPaymentProList = []
+					this.$commonJS.showToast(e.errMsg);
+				});
+
+		},
+		getProductListForCourse(v) {
+			this.isFudu = false;
+			this.$http.request({
+				url: this.urlList.goodsList,
+				method: "POST",
+				data: {
+					id: v.id,
+				},
+				header: {
+					"Content-Type": "application/json",
+				},
+			})
+				.then(async (res) => {
 					if (res.productList.length > 0) {
 						this.goodsList = res.productList;
 						this.selectGoodsData = this.goodsList[0];
@@ -679,45 +776,53 @@
 					}
 					this.$forceUpdate();
 				})
-			},
-			//课程详情
-			async gotoDetail(data, index, slotProps) {
-				if(this.userVip){
+		},
+		//课程详情
+		async gotoDetail(data, index, slotProps) {
+			console.log(data, '1111111111111')
+			if (this.curriculumData.adminControl == 1) {
+				if (data.isAudition == 1 || this.cateList[slotProps.index].isBuy == 1) {
 					this.goVideo(data);
-				}else{
-					if(data.isAudition == 1||this.cateList[slotProps.index].isBuy == 1){
+				} else {
+					this.$commonJS.showToast("请先购买课程");
+				}
+			} else
+				if (this.userVip) {
+					this.goVideo(data);
+				} else {
+					if (data.isAudition == 1 || this.cateList[slotProps.index].isBuy == 1) {
 						this.goVideo(data);
-					}else{
-						if(this.cateList[slotProps.index].type != 0){
+					} else {
+						if (this.cateList[slotProps.index].type != 0) {
 							this.$commonJS.showToast("请先购买课程");
-						}else{
+						} else {
 							this.$commonJS.showToast("请先领取课程");
 						}
 					}
 				}
-			},
-			goVideo(v) {
-			  uni.navigateTo({
-			    url: `/pages/curriculum/order/detail?navTitle=${this.options.navTitle}&title=${v.title}&id=${v.id}&conditions=${v.conditions}&detailOid=${v.detailOid}&curriculumImgUrl=${this.curriculumData.image}`,
-			  });
-			},
-			//获取章节
-			async getChapterList(v) {
-				var list = [];
-				var that = this;
-				uni.showLoading({
-					title: '加载中'
-				})
-				await $http.request({
-					url: this.urlList.curriculumInfo,
-					method: "POST",
-					data: {
-						id: v.id,
-					},
-					header: {
-						"Content-Type": "application/json",
-					},
-				})
+		},
+		goVideo(v) {
+			uni.navigateTo({
+				url: `/pages/curriculum/order/detail?navTitle=${this.options.navTitle}&title=${v.title}&id=${v.id}&conditions=${v.conditions}&detailOid=${v.detailOid}&curriculumImgUrl=${this.curriculumData.image}`,
+			});
+		},
+		//获取章节
+		async getChapterList(v) {
+			var list = [];
+			var that = this;
+			uni.showLoading({
+				title: '加载中'
+			})
+			await $http.request({
+				url: this.urlList.curriculumInfo,
+				method: "POST",
+				data: {
+					id: v.id,
+				},
+				header: {
+					"Content-Type": "application/json",
+				},
+			})
 				.then(async (res) => {
 					uni.hideLoading();
 					if (res.code == 0 && res.chapterList.length > 0) {
@@ -727,40 +832,40 @@
 					}
 					this.$forceUpdate();
 				});
-				return list;
-			},
-			//获取数据
-			getCourseDescriptionData() {
-				var data = {};
-				var that = this;
-				that.$http.request({
-					url: that.urlList.list,
-					method: "POST",
-					data: {
-						id: that.options.id,
-					},
-					header: {
-						"Content-Type": "application/json",
-					},
-				})
+			return list;
+		},
+		//获取数据
+		getCourseDescriptionData() {
+			var data = {};
+			var that = this;
+			that.$http.request({
+				url: that.urlList.list,
+				method: "POST",
+				data: {
+					id: that.options.id,
+				},
+				header: {
+					"Content-Type": "application/json",
+				},
+			})
 				.then(async (res) => {
 					that.curriculumData = res.data.course;
 					that.cateList = [...res.data.catalogues];
-					
+
 					for (let i = 0; i < that.cateList.length; i++) {
-					  that.showNewPayBtn[i] = {status:false};
-					  var list = await that.getChapterList(that.cateList[i]);
-					  if (that.cateList[i].isBuy == 0 && that.userVip == null) {
-						that.showNewPayBtn[i].status = await that.checkRenewPayment(that.cateList[i].id);
-						console.log("可以复读吗？", that.showNewPayBtn);
-					  }
-					  
-					  that.allDataList[i] = {
-					    ...that.cateList[i],
-					    courseList: [...list],
-					  };
+						that.showNewPayBtn[i] = { status: false };
+						var list = await that.getChapterList(that.cateList[i]);
+						if (that.cateList[i].isBuy == 0 && that.userVip == null) {
+							that.showNewPayBtn[i].status = await that.checkRenewPayment(that.cateList[i].id);
+							console.log("可以复读吗？", that.showNewPayBtn);
+						}
+
+						that.allDataList[i] = {
+							...that.cateList[i],
+							courseList: [...list],
+						};
 					}
-					
+
 					if (
 						res.data.shopProductList &&
 						res.data.shopProductList.length > 0
@@ -769,7 +874,7 @@
 					} else {
 						this.tjProList = [];
 					}
-					
+
 					//获取的数据解析
 					that.removeImagesFromHTML();
 
@@ -778,870 +883,881 @@
 					}, 200);
 					that.$forceUpdate();
 				});
-			},
-			//相关书籍跳转
-			goToGoodsList(data) {
-				if (data.delFlag == -1) {
-					this.$commonJS.showToast("商品已下架");
-				} else {
-					uni.navigateTo({
-						url: `/pages/goods/index?isMiaosha=1&id=${data.productId}`,
-					});
-				}
-			},
 		},
-		onBackPress() {
-			// #ifdef APP-PLUS
-			plus.key.hideSoftKeybord();
-			// #endif
+		//相关书籍跳转
+		goToGoodsList(data) {
+			if (data.delFlag == -1) {
+				this.$commonJS.showToast("商品已下架");
+			} else {
+				uni.navigateTo({
+					url: `/pages/goods/index?isMiaosha=1&id=${data.productId}`,
+				});
+			}
 		},
-	};
+	},
+	onBackPress() {
+		// #ifdef APP-PLUS
+		plus.key.hideSoftKeybord();
+		// #endif
+	},
+};
 </script>
 
 <style lang="scss" scoped>
-	@import "@/static/mixin.scss";
-	.commonPageBox{
-		height: 100vh;
-		background: #eff5f8 !important;
-	}
-	.searchList {
-		.item {
-			font-size: 28rpx;
-			padding: 20rpx;
-			border-bottom: 1px solid #dadbde;
-		}
+@import "@/static/mixin.scss";
+
+.commonPageBox {
+	height: 100vh;
+	background: #eff5f8 !important;
+}
+
+.searchList {
+	.item {
+		font-size: 28rpx;
+		padding: 20rpx;
+		border-bottom: 1px solid #dadbde;
 	}
+}
 
-	.contentBox {
-		height: calc(100% - 50px);
+.contentBox {
+	height: calc(100% - 50px);
 
-		.statusList {
-			padding: 10rpx;
-			box-sizing: border-box;
-			justify-content: space-between;
+	.statusList {
+		padding: 10rpx;
+		box-sizing: border-box;
+		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: $themeColor;
-				color: #fff;
-				box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
-			}
-		}
-
-		.twoCateList {
-			font-size: 28rpx;
-			margin-top: 20rpx;
-
-			.grid-text {
-				padding: 10rpx 0rpx;
-				text-align: center;
-			}
-
-			.cur {
-				color: $themeColor;
-			}
-
-			// .u-grid-list{border: 0.5px solid #dadbde;}
-		}
-
-		.dataList {
-			font-size: 26rpx;
-			// margin-top: 20rpx;
-			// padding: 32rpx 0rpx;
+		text {
+			text-align: center;
+			display: inline-block;
+			width: 32%;
+			padding: 20rpx 0;
+			font-size: 34rpx;
 			border-radius: 10rpx;
-			background-color: #f8f9fa;
-			box-sizing: border-box;
+		}
 
-			.JFtitleItem {
-				background-color: #ffffff;
-				padding: 20rpx 10rpx;
-				width: 100%;
-				border-bottom: 0.5px solid #f8f9fa;
-			}
-
-			.wmzhimg {
-				width: 220rpx;
-				height: 220rpx;
-			}
+		.cur {
+			background-color: $themeColor;
+			color: #fff;
+			box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
 		}
 	}
 
-	.search_box {
-		margin: 0 auto;
-		overflow: hidden;
-		align-items: center;
-		width: calc(100% - 10px);
-		margin-top: 20rpx;
-		margin-bottom: 20rpx;
-
-		.search {
-			height: 56upx;
-			display: flex;
-			width: 86%;
-			margin: 0 auto;
-			align-items: center;
-			padding: 0upx 40upx;
-			background-color: #fff;
-			border-radius: 20upx;
-			box-shadow: 0 0px 10px 1px $themeColor;
-		}
-
-		.prompt {
-			color: #838383;
-			font-size: 24rpx;
-		}
-
-		.icon_search {
-			background-image: url("@/static/icon/map_ic_search.png");
-			background-position: center center;
-			background-repeat: no-repeat;
-			background-size: cover;
-			width: 36upx;
-			height: 36upx;
-			margin-right: 20upx;
-		}
-	}
-
-	.flexbox {
-		display: flex;
-		background-color: transparent !important;
-	}
-
-	.uni-modal .uni-modal__bd {
-		text-align: left;
-	}
-
-	.limiTy {
+	.twoCateList {
 		font-size: 28rpx;
-		line-height: 46rpx;
-	}
+		margin-top: 20rpx;
 
-	.chImage {
-		height: 100rpx;
+		.grid-text {
+			padding: 10rpx 0rpx;
+			text-align: center;
+		}
+
+		.cur {
+			color: $themeColor;
+		}
+
+		// .u-grid-list{border: 0.5px solid #dadbde;}
 	}
 
 	.dataList {
-		height: 100%;
-	}
-
-	.titleList2 {
-		height: calc(100% - 150rpx);
-	}
-
-	.priceDetail {
-		height: calc(100% - 180rpx) !important;
-		padding: 0rpx 0;
-		box-sizing: border-box;
-	}
-
-	.componentPage {
-		height: calc(100% - 90rpx) !important;
-	}
-
-	.dateReminder {
-		width: 100%;
-		font-size: 24rpx;
-		text-align: right;
-		line-height: 40rpx;
-	}
-
-	.fdButtonBox {
-		border: 1rpx solid $themeColor;
-		background-color: $themeColor;
-		color: $themeColor;
-		float: right;
-		padding: 10rpx 14rpx;
-		font-size: 24rpx;
-		font-weight: 500;
-		line-height: 30rpx;
+		font-size: 26rpx;
+		// margin-top: 20rpx;
+		// padding: 32rpx 0rpx;
 		border-radius: 10rpx;
+		background-color: #f8f9fa;
 		box-sizing: border-box;
-	}
 
-	.fdButtonBoxRed {
-		border: 1rpx solid red;
-		background-color: red;
-		padding: 8rpx 14rpx;
-		font-size: 28rpx;
-	}
-
-	.headImage {
-		// height: 600rpx !important;
-	}
-
-	.commonDetailPage {}
-
-	.curriulum_box {
-		margin-top: 20rpx;
-		width: 100%;
-
-		.curriulum_title_box {
-			display: flex;
-			align-items: center;
-			margin-bottom: 20rpx;
-			background-color: #fff;
-
-			.curriulum_title {
-				width: calc(100% - 80rpx);
-
-				font-size: 32rpx;
-				line-height: 40rpx;
-				padding: 20rpx;
-				box-sizing: border-box;
-			}
-		}
-	}
-	/deep/.scroll-view-item:nth-child(2n-1) {
-		background-color: transparent !important;
-	}
-
-	.dataList {
-		height: auto !important;
-	}
-
-	.small_class_teaching_box {
-		width: 100%;
-		margin-top: 20rpx;
-		// background: #f0fbf3;
-
-		.small_class_teaching_top {
-			padding: 20rpx 20rpx 0 10rpx;
-			box-sizing: border-box;
-			display: flex;
-			align-items: center;
-			justify-content: space-between;
-			// background: #EDFCF7;
-			color: #8f8e8e;
-
-			// box-shadow: 0px 0px 6rpx 0px #E9DCCC;
-			.icon1 {
-				width: 50rpx;
-				height: 50rpx;
-			}
-
-			.small_class_teaching_top_left {
-				display: flex;
-				align-items: center;
-				color: #294a97;
-
-				font-family: MicrosoftYaHei;
-			}
+		.JFtitleItem {
+			background-color: #ffffff;
+			padding: 20rpx 10rpx;
+			width: 100%;
+			border-bottom: 0.5px solid #f8f9fa;
 		}
 
-		.small_class_teaching_content {
-			margin-top: 0rpx;
-			// background: #EDFCF7;
-			padding-bottom: 10rpx;
-
-			.top {
-				padding: 20rpx 20rpx;
-				box-sizing: border-box;
-				display: flex;
-				align-items: center;
-				justify-content: space-between;
-				border-bottom: 4rpx solid #fff;
-
-				.top_item {
-					width: 23%;
-					font-family: PangMenZhengDaoBiaoTiTiMianFeiBan;
-					font-weight: normal;
-					font-size: 34rpx;
-					color: #294a97;
-					line-height: 80rpx;
-					background: #cef8ea;
-					text-align: center;
-					border-radius: 10rpx;
-					box-shadow: 0px 0px 6rpx 0px #e9dccc;
-				}
-			}
-
-			.schedule {
-				width: 100%;
-				overflow: hidden;
-				display: flex;
-				align-items: center;
-				justify-content: space-between;
-				padding: 10rpx 0;
-				box-sizing: border-box;
-				align-items: center;
-				color: #294a97;
-
-				.icon_box {
-					width: 100px;
-					display: flex;
-					align-items: center;
-					margin-bottom: 0rpx;
-					font-weight: 700;
-
-					.icon1 {
-						width: 50rpx;
-						height: 50rpx;
-						margin-right: 10rpx;
-					}
-				}
-
-				.progress_box {
-					width: calc(100% - 180rpx);
-					display: flex;
-					align-items: center;
-					justify-content: space-between;
-					position: relative;
-
-					.progress_icon {
-						width: calc(100% - 60rpx);
-						display: flex;
-						align-items: center;
-					}
-
-					.icon1 {
-						width: 60rpx;
-						height: 60rpx;
-						margin: 0 20rpx;
-					}
-
-					.icon2 {
-						width: 140rpx;
-						height: 100rpx;
-						position: absolute;
-						right: 0;
-						// margin-top: -20rpx;
-					}
-				}
-			}
+		.wmzhimg {
+			width: 220rpx;
+			height: 220rpx;
 		}
 	}
+}
 
-	.related_courses_box {
+.search_box {
+	margin: 0 auto;
+	overflow: hidden;
+	align-items: center;
+	width: calc(100% - 10px);
+	margin-top: 20rpx;
+	margin-bottom: 20rpx;
+
+	.search {
+		height: 56upx;
+		display: flex;
+		width: 86%;
+		margin: 0 auto;
+		align-items: center;
+		padding: 0upx 40upx;
+		background-color: #fff;
+		border-radius: 20upx;
+		box-shadow: 0 0px 10px 1px $themeColor;
+	}
+
+	.prompt {
+		color: #838383;
+		font-size: 24rpx;
+	}
+
+	.icon_search {
+		background-image: url("@/static/icon/map_ic_search.png");
+		background-position: center center;
+		background-repeat: no-repeat;
+		background-size: cover;
+		width: 36upx;
+		height: 36upx;
+		margin-right: 20upx;
+	}
+}
+
+.flexbox {
+	display: flex;
+	background-color: transparent !important;
+}
+
+.uni-modal .uni-modal__bd {
+	text-align: left;
+}
+
+.limiTy {
+	font-size: 28rpx;
+	line-height: 46rpx;
+}
+
+.chImage {
+	height: 100rpx;
+}
+
+.dataList {
+	height: 100%;
+}
+
+.titleList2 {
+	height: calc(100% - 150rpx);
+}
+
+.priceDetail {
+	height: calc(100% - 180rpx) !important;
+	padding: 0rpx 0;
+	box-sizing: border-box;
+}
+
+.componentPage {
+	height: calc(100% - 90rpx) !important;
+}
+
+.dateReminder {
+	width: 100%;
+	font-size: 24rpx;
+	text-align: right;
+	line-height: 40rpx;
+}
+
+.fdButtonBox {
+	border: 1rpx solid $themeColor;
+	background-color: $themeColor;
+	color: $themeColor;
+	float: right;
+	padding: 10rpx 14rpx;
+	font-size: 24rpx;
+	font-weight: 500;
+	line-height: 30rpx;
+	border-radius: 10rpx;
+	box-sizing: border-box;
+}
+
+.fdButtonBoxRed {
+	border: 1rpx solid red;
+	background-color: red;
+	padding: 8rpx 14rpx;
+	font-size: 28rpx;
+}
+
+.headImage {
+	// height: 600rpx !important;
+}
+
+.commonDetailPage {}
+
+.curriulum_box {
+	margin-top: 20rpx;
+	width: 100%;
+
+	.curriulum_title_box {
+		display: flex;
+		align-items: center;
+		margin-bottom: 20rpx;
 		background-color: #fff;
 
-		.small_class_teaching_content {
-			padding: 10rpx 20rpx;
+		.curriulum_title {
+			width: calc(100% - 80rpx);
+
+			font-size: 32rpx;
+			line-height: 40rpx;
+			padding: 20rpx;
 			box-sizing: border-box;
 		}
 	}
+}
 
-	.related_courses_name {
-		display: inline-block;
-		width: calc(100% - 150rpx) !important;
+/deep/.scroll-view-item:nth-child(2n-1) {
+	background-color: transparent !important;
+}
 
-		.aui-text-danger {
-			display: inline-block;
-			float: right;
+.dataList {
+	height: auto !important;
+}
+
+.small_class_teaching_box {
+	width: 100%;
+	margin-top: 20rpx;
+	// background: #f0fbf3;
+
+	.small_class_teaching_top {
+		padding: 20rpx 20rpx 0 10rpx;
+		box-sizing: border-box;
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		// background: #EDFCF7;
+		color: #8f8e8e;
+
+		// box-shadow: 0px 0px 6rpx 0px #E9DCCC;
+		.icon1 {
+			width: 50rpx;
+			height: 50rpx;
+		}
+
+		.small_class_teaching_top_left {
+			display: flex;
+			align-items: center;
+			color: #294a97;
+
+			font-family: MicrosoftYaHei;
 		}
 	}
 
-	// .common_curriculum_list{
+	.small_class_teaching_content {
+		margin-top: 0rpx;
+		// background: #EDFCF7;
+		padding-bottom: 10rpx;
 
-	// }
+		.top {
+			padding: 20rpx 20rpx;
+			box-sizing: border-box;
+			display: flex;
+			align-items: center;
+			justify-content: space-between;
+			border-bottom: 4rpx solid #fff;
 
-	.goods_box {
-		padding: 40rpx 20rpx;
-		padding-bottom: 150rpx;
+			.top_item {
+				width: 23%;
+				font-family: PangMenZhengDaoBiaoTiTiMianFeiBan;
+				font-weight: normal;
+				font-size: 34rpx;
+				color: #294a97;
+				line-height: 80rpx;
+				background: #cef8ea;
+				text-align: center;
+				border-radius: 10rpx;
+				box-shadow: 0px 0px 6rpx 0px #e9dccc;
+			}
+		}
 
-		.goods_item {
+		.schedule {
+			width: 100%;
 			overflow: hidden;
 			display: flex;
 			align-items: center;
 			justify-content: space-between;
-			margin-bottom: 20rpx;
-			padding: 10rpx 20rpx;
-			border: 2rpx solid #fff;
-			border-radius: 10rpx;
-		}
-
-		.title {
+			padding: 10rpx 0;
 			box-sizing: border-box;
-			font-weight: bold;
-			margin-bottom: 20rpx;
-		}
-
-		.image_box {
-			width: 70rpx !important;
-			height: 70rpx !important;
-			float: left;
-			background-color: #f5f5f5;
-		}
-
-		.goods_image {
-			width: 100%;
-			height: 100%;
-		}
-
-		.goods_info {
-			width: calc(100% - 100rpx);
-			// padding: 10rpx 20rpx;
-			box-sizing: border-box;
-			// height: 100rpx;
-			display: flex;
 			align-items: center;
-			justify-content: space-between;
-			float: left;
-
-			.name {
-				font-size: 30rpx;
-				font-weight: 600;
-				color: #333;
-			}
-
-			.price {
-				font-size: 30rpx;
-				color: #aaa;
-				font-weight: 600;
-			}
-		}
-
-		.isSelectGoods {
-			color: $themeColor !important;
-
-			.name {
-				color: $themeColor !important;
-			}
-
-			.price {
-				color: $themeColor !important;
-			}
-
-			border: 2rpx solid $themeColor;
-			border-radius: 10rpx;
-		}
-	}
-
-	.popup_box {
-		padding-bottom: 20rpx;
-		width: 85vw;
-		overflow: hidden;
-		position: relative;
-		height: auto;
-
-		.title {
-			font-family: PangMenZhengDaoBiaoTiTiMianFeiBan;
-			font-weight: normal;
-			font-size: 46rpx;
 			color: #294a97;
-			background-color: #f5f5f5;
-			padding: 20rpx;
-			border-top-left-radius: 6px;
-			border-top-right-radius: 6px;
-		}
 
-		.content {
-			font-size: 26rpx;
-			letter-spacing: 0.15rpx;
-			padding: 20rpx;
-			color: #3f3f3f;
+			.icon_box {
+				width: 100px;
+				display: flex;
+				align-items: center;
+				margin-bottom: 0rpx;
+				font-weight: 700;
 
-			.top {
-				margin: 30rpx 0;
+				.icon1 {
+					width: 50rpx;
+					height: 50rpx;
+					margin-right: 10rpx;
+				}
 			}
 
-			.center {
-				line-height: 40rpx;
-				// padding:0 10rpx;
-			}
+			.progress_box {
+				width: calc(100% - 180rpx);
+				display: flex;
+				align-items: center;
+				justify-content: space-between;
+				position: relative;
 
-			.bottom {
-				width: 100%;
-				margin-top: 60rpx;
+				.progress_icon {
+					width: calc(100% - 60rpx);
+					display: flex;
+					align-items: center;
+				}
 
-				font-size: 24rpx;
-				line-height: 26rpx;
-				color: #b0b0b0;
-			}
-		}
+				.icon1 {
+					width: 60rpx;
+					height: 60rpx;
+					margin: 0 20rpx;
+				}
 
-		.button_box {
-			display: flex;
-			align-items: center;
-			justify-content: space-between;
-			margin-top: 20rpx;
-
-			.u-button {
-				margin-left: 40rpx;
-			}
-
-			.u-button:nth-child(1) {
-				margin-left: 0;
+				.icon2 {
+					width: 140rpx;
+					height: 100rpx;
+					position: absolute;
+					right: 0;
+					// margin-top: -20rpx;
+				}
 			}
 		}
 	}
+}
 
-	.saveBtnss {
+.related_courses_box {
+	background-color: #fff;
+
+	.small_class_teaching_content {
+		padding: 10rpx 20rpx;
+		box-sizing: border-box;
+	}
+}
+
+.related_courses_name {
+	display: inline-block;
+	width: calc(100% - 150rpx) !important;
+
+	.aui-text-danger {
+		display: inline-block;
+		float: right;
+	}
+}
+
+// .common_curriculum_list{
+
+// }
+
+.goods_box {
+	padding: 40rpx 20rpx;
+	padding-bottom: 150rpx;
+
+	.goods_item {
+		overflow: hidden;
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		margin-bottom: 20rpx;
+		padding: 10rpx 20rpx;
+		border: 2rpx solid #fff;
+		border-radius: 10rpx;
+	}
+
+	.title {
+		box-sizing: border-box;
+		font-weight: bold;
+		margin-bottom: 20rpx;
+	}
+
+	.image_box {
+		width: 70rpx !important;
+		height: 70rpx !important;
+		float: left;
+		background-color: #f5f5f5;
+	}
+
+	.goods_image {
+		width: 100%;
+		height: 100%;
+	}
+
+	.goods_info {
+		width: calc(100% - 100rpx);
+		// padding: 10rpx 20rpx;
+		box-sizing: border-box;
+		// height: 100rpx;
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		float: left;
+
+		.name {
+			font-size: 30rpx;
+			font-weight: 600;
+			color: #333;
+		}
+
+		.price {
+			font-size: 30rpx;
+			color: #aaa;
+			font-weight: 600;
+		}
+	}
+
+	.isSelectGoods {
+		color: $themeColor !important;
+
+		.name {
+			color: $themeColor !important;
+		}
+
+		.price {
+			color: $themeColor !important;
+		}
+
+		border: 2rpx solid $themeColor;
+		border-radius: 10rpx;
+	}
+}
+
+.popup_box {
+	padding-bottom: 20rpx;
+	width: 85vw;
+	overflow: hidden;
+	position: relative;
+	height: auto;
+
+	.title {
+		font-family: PangMenZhengDaoBiaoTiTiMianFeiBan;
+		font-weight: normal;
+		font-size: 46rpx;
+		color: #294a97;
+		background-color: #f5f5f5;
+		padding: 20rpx;
+		border-top-left-radius: 6px;
+		border-top-right-radius: 6px;
+	}
+
+	.content {
+		font-size: 26rpx;
+		letter-spacing: 0.15rpx;
+		padding: 20rpx;
+		color: #3f3f3f;
+
+		.top {
+			margin: 30rpx 0;
+		}
+
+		.center {
+			line-height: 40rpx;
+			// padding:0 10rpx;
+		}
+
+		.bottom {
+			width: 100%;
+			margin-top: 60rpx;
+
+			font-size: 24rpx;
+			line-height: 26rpx;
+			color: #b0b0b0;
+		}
+	}
+
+	.button_box {
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		margin-top: 20rpx;
+
+		.u-button {
+			margin-left: 40rpx;
+		}
+
+		.u-button:nth-child(1) {
+			margin-left: 0;
+		}
+	}
+}
+
+.saveBtnss {
+	align-items: center;
+	justify-content: center;
+	height: 80rpx;
+
+	// width: 46%;
+	overflow: hidden;
+	border-radius: 50rpx;
+
+	text {
+		padding-left: 10rpx;
+		font-size: 28rpx;
+	}
+}
+
+.vipBtn {
+	@include theme("vipbtnbg");
+	border-radius: 100rpx;
+	justify-content: center;
+	width: auto;
+	padding: 0 20rpx;
+	color: #fff;
+	margin: 10rpx auto;
+}
+
+.buyBtn {
+	background: #f42c32 !important;
+}
+
+/deep/.u-alert--warning--light {
+	background-color: none !important;
+}
+
+/deep/.u-alert__text--warning--light {
+	color: #fff !important;
+}
+
+/deep/.u-alert {
+	background: none !important;
+}
+
+/deep/.u-icon__icon--warning {
+	color: #fff !important;
+}
+
+/deep/.uni-section {
+	background: transparent !important;
+}
+
+/deep/.uni-section .uni-section-header {
+	padding-top: 10rpx !important;
+	padding-bottom: 10rpx !important;
+}
+
+/deep/.uni-section .uni-section-header {
+	padding-left: 0rpx !important;
+}
+
+/deep/.u-line-progress__background {
+	background: #fff !important;
+}
+
+.course_info_box {}
+
+.catalogue_title {
+	background: #294a97;
+	-webkit-background-clip: text;
+	-webkit-text-fill-color: transparent;
+	font-size: 40rpx;
+	font-weight: bold;
+	letter-spacing: 4rpx;
+}
+
+.chapter_content {
+	border: 4rpx solid #fffffc;
+	background: rgba(255, 255, 255, 0.85);
+	box-shadow: 0px 0px 4px 0px rgba(46, 114, 123, 0.6) !important;
+	border-top-right-radius: 40rpx;
+	border-bottom-left-radius: 40rpx;
+
+	.videoList {
+		display: flex;
+		align-items: center;
+
+		.video_item {
+			width: 24%;
+			font-size: 22rpx;
+			margin: 10rpx 0;
+			background: rgba(255, 255, 255, 0.85);
+			box-shadow: 0 2px 12px 0 rgba(255, 255, 255, 0.1);
+			border-radius: 10rpx;
+			padding: 10rpx 20rpx;
+			margin-right: 1%;
+
+			color: #333;
+			letter-spacing: 2rpx;
+		}
+	}
+}
+
+.line {
+	width: 16rpx;
+	height: 50rpx;
+	border-top-right-radius: 12rpx;
+	border-bottom-right-radius: 12rpx;
+	margin-right: 20rpx;
+	background: #294a97;
+}
+
+.containerBg2 {
+	width: 100%;
+
+	.shiting {
+		line-height: 100rpx;
+		background: linear-gradient(130deg, #4fa1fd 0%, #12f3ff 100%);
+		-webkit-background-clip: text;
+		-webkit-text-fill-color: transparent;
+		margin-bottom: 20rpx;
+		color: #fff;
+		font-size: 72rpx;
+		text-align: center;
+	}
+
+	.shiting_content {}
+}
+
+.chapter_title {
+	width: 100%;
+	font-size: 28rpx;
+	display: flex;
+	align-items: center;
+	position: relative;
+
+	.top {
+		width: 100%;
+		display: flex;
+		align-items: center;
+
+		.left {
+			display: flex;
+			align-items: center;
+		}
+
+		.right {
+			position: absolute;
+			right: 0rpx;
+		}
+	}
+
+	.not_purchased {
+		position: relative;
+		margin-left: 20rpx;
+
+		.spot {
+			width: 8rpx;
+			height: 8rpx;
+			position: absolute;
+			right: -4rpx;
+			border-radius: 8rpx;
+			background-color: #33435d;
+			bottom: -4rpx;
+		}
+
+		color: #33435d;
+		font-size: 24rpx;
+		border-bottom: 2rpx dotted #33435d;
+
+		text {
+			display: inline-block;
+			margin: 0 10rpx;
+			letter-spacing: 1rpx;
+		}
+	}
+}
+
+.course_title {
+	align-items: center;
+	justify-content: space-between;
+	background: #fff;
+}
+
+.catalogueTitle {
+	justify-content: space-between;
+	overflow: hidden;
+	margin-bottom: 20rpx;
+	font-size: 40rpx;
+
+	.learnBtn {
+		margin-bottom: 20rpx;
+		width: 150rpx;
+		text-align: center;
+		border: 1px solid $themeColor;
+		color: $themeColor;
+		line-height: 60rpx;
+		height: 60rpx;
+		font-size: 28rpx;
+		margin-top: 40rpx;
+	}
+
+	.price {
+		color: #ff582e;
+		font-size: 30rpx;
+
+		i {
+			font-style: normal;
+			font-size: 60rpx;
+			font-weight: bold;
+		}
+	}
+
+	.title {
+		display: block;
+		font-size: 30rpx;
+		margin-top: 20rpx;
+		font-weight: bold;
+		margin-bottom: 20rpx;
+	}
+
+	.saveBtn {
 		align-items: center;
 		justify-content: center;
 		height: 80rpx;
-
+		background-color: #00d8df;
 		// width: 46%;
 		overflow: hidden;
-		border-radius: 50rpx;
+		border-radius: 30rpx;
 
 		text {
 			padding-left: 10rpx;
 			font-size: 28rpx;
-		}
-	}
-
-	.vipBtn {
-		@include theme("vipbtnbg");
-		border-radius: 100rpx;
-		justify-content: center;
-		width: auto;
-		padding: 0 20rpx;
-		color: #fff;
-		margin: 10rpx auto;
-	}
-
-	.buyBtn {
-		background: #f42c32 !important;
-	}
-
-	/deep/.u-alert--warning--light {
-		background-color: none !important;
-	}
-
-	/deep/.u-alert__text--warning--light {
-		color: #fff !important;
-	}
-
-	/deep/.u-alert {
-		background: none !important;
-	}
-
-	/deep/.u-icon__icon--warning {
-		color: #fff !important;
-	}
-
-	/deep/.uni-section {
-		background: transparent !important;
-	}
-
-	/deep/.uni-section .uni-section-header {
-		padding-top: 10rpx !important;
-		padding-bottom: 10rpx !important;
-	}
-
-	/deep/.uni-section .uni-section-header {
-		padding-left: 0rpx !important;
-	}
-
-	/deep/.u-line-progress__background{
-		background: #fff !important;
-	}
-	.course_info_box {
-		
-	}
-
-	.catalogue_title {
-		background: #294a97;
-		-webkit-background-clip: text;
-		-webkit-text-fill-color: transparent;
-		font-size: 40rpx;
-		font-weight: bold;
-		letter-spacing: 4rpx;
-	}
-
-	.chapter_content {
-		border: 4rpx solid #fffffc;
-		background: rgba(255, 255, 255, 0.85);
-		box-shadow: 0px 0px 4px 0px rgba(46, 114, 123, 0.6) !important;
-		border-top-right-radius: 40rpx;
-		border-bottom-left-radius: 40rpx;
-
-		.videoList {
-			display: flex;
-			align-items: center;
-			
-			.video_item {
-				width: 24%;
-				font-size: 22rpx;
-				margin: 10rpx 0;
-				background: rgba(255, 255, 255, 0.85);
-				box-shadow: 0 2px 12px 0 rgba(255, 255, 255, 0.1);
-				border-radius: 10rpx;
-				padding: 10rpx 20rpx;
-				margin-right: 1%;
-
-				color: #333;
-				letter-spacing: 2rpx;
-			}
-		}
-	}
-
-	.line {
-		width: 16rpx;
-		height: 50rpx;
-		border-top-right-radius: 12rpx;
-		border-bottom-right-radius: 12rpx;
-		margin-right: 20rpx;
-		background: #294a97;
-	}
-
-	.containerBg2 {
-		width: 100%;
-
-		.shiting {
-			line-height: 100rpx;
-			background: linear-gradient(130deg, #4fa1fd 0%, #12f3ff 100%);
-			-webkit-background-clip: text;
-			-webkit-text-fill-color: transparent;
-			margin-bottom: 20rpx;
 			color: #fff;
-			font-size: 72rpx;
-			text-align: center;
-		}
-
-		.shiting_content {
-			
 		}
 	}
+}
 
-	.chapter_title {
-		width: 100%;
-		font-size: 28rpx;
-		display: flex;
-		align-items: center;
-		position: relative;
-		
-		.top {
-			width: 100%;
-			display: flex;
-			align-items: center;
+.prof {
+	font-size: 26rpx;
+	line-height: 24px;
+	padding-bottom: 10rpx;
+	color: #333;
+}
 
-			.left {
-				display: flex;
-				align-items: center;
-			}
+/deep/ .prof img {
+	width: 100%;
+}
 
-			.right {
-				position: absolute;
-				right: 0rpx;
-			}
-		}
+.containerBg {
+	padding-bottom: 30rpx;
+}
 
-		.not_purchased {
-			position: relative;
-			margin-left: 20rpx;
+.containerBg1 {
+	padding: 20rpx 0;
+	background: #fff;
+	border-top: 1px solid #fff;
+}
 
-			.spot {
-				width: 8rpx;
-				height: 8rpx;
-				position: absolute;
-				right: -4rpx;
-				border-radius: 8rpx;
-				background-color: #33435d;
-				bottom: -4rpx;
-			}
+.courseTitle {
+	width: calc(100% - 220rpx);
+	padding: 20rpx;
+	font-size: 38rpx;
+	font-weight: bold;
+	background-size: cover;
+	background-repeat: no-repeat;
+}
 
-			color: #33435d;
-			font-size: 24rpx;
-			border-bottom: 2rpx dotted #33435d;
+.catalogueList {
+	padding-bottom: 40rpx;
+}
 
-			text {
-				display: inline-block;
-				margin: 0 10rpx;
-				letter-spacing: 1rpx;
-			}
-		}
-	}
+.catalogueList:nth-child(1) {
+	margin-top: 0 !important;
+}
 
-	.course_title {
-		align-items: center;
-		justify-content: space-between;
-		background: #fff;
-	}
+/deep/.section {
+	padding-top: 0 !important;
+}
 
-	.catalogueTitle {
-		justify-content: space-between;
-		overflow: hidden;
-		margin-bottom: 20rpx;
-		font-size: 40rpx;
+/deep/.section_box {
+	padding-top: 0 !important;
+	background: #eff5f8 !important;
+}
 
-		.learnBtn {
-			margin-bottom: 20rpx;
-			width: 150rpx;
-			text-align: center;
-			border: 1px solid $themeColor;
-			color: $themeColor;
-			line-height: 60rpx;
-			height: 60rpx;
-			font-size: 28rpx;
-			margin-top: 40rpx;
-		}
 
-		.price {
-			color: #ff582e;
-			font-size: 30rpx;
+.describe_block {
+	padding: 15rpx 20rpx;
+	background: linear-gradient(90deg, #294a97 0%, #7dc1f0 80%);
+	position: fixed;
+	left: 0;
+	width: 100%;
+	z-index: 10;
+	color: #fff;
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+}
 
-			i {
-				font-style: normal;
-				font-size: 60rpx;
-				font-weight: bold;
-			}
-		}
+.describe_block text {
+	display: block;
+	font-size: 26rpx;
+	padding-right: 10rpx;
+}
 
-		.title {
-			display: block;
-			font-size: 30rpx;
-			margin-top: 20rpx;
-			font-weight: bold;
-			margin-bottom: 20rpx;
-		}
+.describe_block button {
+	display: inline-block;
+	text-align: center;
+	width: 125rpx;
+	font-size: 24rpx;
+	color: #fff;
+	border-radius: 10rpx;
+	line-height: 50rpx;
+	height: 50rpx;
+}
 
-		.saveBtn {
-			align-items: center;
-			justify-content: center;
-			height: 80rpx;
-			background-color: #00d8df;
-			// width: 46%;
-			overflow: hidden;
-			border-radius: 30rpx;
+.hidden2 {
+	line-height: 24px;
+	max-height: 48px;
+	height: auto;
+}
 
-			text {
-				padding-left: 10rpx;
-				font-size: 28rpx;
-				color: #fff;
-			}
-		}
-	}
+.linkPro {
+	margin-top: 10rpx;
 
-	.prof {
-		font-size: 26rpx;
-		line-height: 24px;
-		padding-bottom: 10rpx;
-		color: #333;
-	}
-	/deep/ .prof img{
-		width: 100%;
-	}
-
-	.containerBg{
-		padding-bottom: 30rpx;
-	}
-	.containerBg1 {
-		padding: 20rpx 0;
-		background: #fff;
-		border-top: 1px solid #fff;
-	}
-
-	.courseTitle {
-		width: calc(100% - 220rpx);
-		padding: 20rpx;
-		font-size: 38rpx;
-		font-weight: bold;
-		background-size: cover;
-		background-repeat: no-repeat;
-	}
-
-	.catalogueList {
-		padding-bottom: 40rpx;
-	}
-
-	.catalogueList:nth-child(1) {
-		margin-top: 0 !important;
-	}
-
-	/deep/.section {
-		padding-top: 0 !important;
-	}
-
-	/deep/.section_box {
-		padding-top: 0 !important;
-		background: #eff5f8 !important;
-	}
-	
-	
-	.describe_block{
-		padding: 15rpx 20rpx;
-		background: linear-gradient(90deg, #294a97 0%, #7dc1f0 80%);
-		position: fixed; 
-		left: 0;
-		width: 100%;
-		z-index: 10;
-		color: #fff;
-		display: flex;
-		align-items: center;
-		justify-content: space-between;
-	}
-	.describe_block text{
-		display: block;
-		font-size: 26rpx;
-		padding-right: 10rpx;
-	}
-	.describe_block button{
-		display: inline-block;
-		text-align: center;
-		width: 125rpx;
+	.more {
 		font-size: 24rpx;
-		color: #fff;
+		color: #666;
+	}
+
+	.supermarketBox {
+		background: #fff;
+		border-radius: 4px;
+		box-shadow: 0px 0px 10px 0px #a7bbe4;
+	}
+}
+
+.scroll-view_H {
+	white-space: nowrap;
+	padding: 20rpx 10rpx;
+	margin-top: 12rpx;
+
+	.item {
+		padding: 10rpx;
+		overflow: hidden;
+		display: inline-block;
+		padding-bottom: 0;
+		width: 210rpx !important;
+		margin-right: 8rpx;
 		border-radius: 10rpx;
-		line-height: 50rpx;
-		height: 50rpx;
-	}
-	.hidden2{
-		line-height: 24px;
-		max-height: 48px;
-		height: auto;
-	}
-	
-	.linkPro {
-		margin-top: 10rpx;
-		
-		.more {
-			font-size: 24rpx;
+
+		image {
+			display: block;
+			width: 100%;
+			height: 260rpx;
+		}
+
+		.name {
+			display: block;
+			margin-top: 2rpx;
 			color: #666;
-		}
-		
-		.supermarketBox{
-			background: #fff;
-			border-radius: 4px;
-			box-shadow: 0px 0px 10px 0px #a7bbe4;
-		}
-	}
-	.scroll-view_H {
-		white-space: nowrap;
-		padding: 20rpx 10rpx;
-		margin-top: 12rpx;
-	
-		.item {
-			padding: 10rpx;
+			font-size: 28rpx;
+			white-space: nowrap;
 			overflow: hidden;
-			display: inline-block;
-			padding-bottom: 0;
-			width: 210rpx !important;
-			margin-right: 8rpx;
-			border-radius: 10rpx;
-	
-			image {
-				display: block;
-				width: 100%;
-				height: 260rpx;
-			}
-	
-			.name {
-				display: block;
-				margin-top: 2rpx;
-				color: #666;
-				font-size: 28rpx;
-				white-space: nowrap;
-				overflow: hidden;
-				text-overflow: ellipsis;
-			}
+			text-overflow: ellipsis;
 		}
 	}
-	/deep/.uni-section-header__decoration{
-		width: 14px;
-		height: 34px;
-	}
-	/deep/.distraction{
-		font-size: 32rpx !important;
-		color: #294a97 !important;
-		font-weight: bold;
-	}
-</style>
\ No newline at end of file
+}
+
+/deep/.uni-section-header__decoration {
+	width: 14px;
+	height: 34px;
+}
+
+/deep/.distraction {
+	font-size: 32rpx !important;
+	color: #294a97 !important;
+	font-weight: bold;
+}
+
+/deep/.wrapper .section .content {
+	margin-top: 0 !important;
+}</style>
\ No newline at end of file
diff --git a/pages/my/set.vue b/pages/my/set.vue
index a140aa4..cbf1074 100644
--- a/pages/my/set.vue
+++ b/pages/my/set.vue
@@ -44,7 +44,7 @@
 	<u-popup key="1" v-if="showCodeImg" :show="showCodeImg" :round="10" @close="closePup">
 		<view class="box6">
 			<text style="color: #999; margin-bottom: 20rpx;">点击图片后长按图片保存到手机，或使用微信扫描二维码添加客服企业微信</text>
-			<image src="/static/qiyeWx.jpg" mode="widthFix" style="width: 100px; height: 100px; margin: 0 auto;"></image>
+			<image @click="previewImage('/static/qiyeWx.jpg')" src="/static/qiyeWx.jpg" mode="widthFix" style="width: 100px; height: 100px; margin: 0 auto;"></image>
 		</view>
 	</u-popup>
   </view>
@@ -124,6 +124,20 @@ export default {
   },
   methods: {
     ...mapMutations(["setUserInfo"]),
+	// 放大图片
+	    previewImage(url) {
+	      console.log(url);
+		  this.showCodeImg = false
+	      uni.previewImage({
+	        urls: [url],
+	        // longPressActions: {
+	        //   itemList: ["很抱歉，暂不支持保存图片到本地"],
+	        //   success: function (res) {
+	        //     // console.log(res,'+++++')
+	        //   },
+	        // },
+	      });
+	    },
 	closePup(){
 		this.showCodeImg = false
 	},