1.首页课程栏目选完之后再回来被重置的问题

This commit is contained in:
liuyuan
2025-01-23 14:09:03 +08:00
parent c043408e68
commit b24119a549
8 changed files with 995 additions and 555 deletions

View File

@@ -2,28 +2,14 @@ let baseUrl = "";
let socketUrl = "";
if (process.env.NODE_ENV === 'development') {
// 开发环境
// baseUrl = "http://localhost:7001/";
// socketUrl = "ws://localhost:6001/";
// baseUrl = "https://twin-ui.com/demo/";
// baseUrl = "https://testapi.nuttyreading.com/"; //线上测试环境
baseUrl = "https://api.nuttyreading.com/"; //线上正式
// baseUrl = "http://192.168.110.110:9200/pb/"; // 磊哥
//baseUrl = "http://192.168.110.100:9200/pb/"; //张川川
// baseUrl = "http://59.110.212.44:9200/pb/";
// baseUrl = "http://192.168.110.100:9100/pb/"; // 开发用电脑
// baseUrl = "http://192.168.110.110:9200/pb/";
// baseUrl = "http://192.168.110.38:9200/pb/"; // 吴春磊笔记本1
// socketUrl = "ws://8.129.186.35:6001/";
} else if (process.env.NODE_ENV === 'production') {
// 生产环境11
// baseUrl = "http://59.110.212.44:9100/pb/";
// baseUrl = "https://testapi.nuttyreading.com/";
// baseUrl = "http://192.168.110.110:9200/pb/";//磊哥
baseUrl = "https://api.nuttyreading.com/"; //1
baseUrl = "https://api.nuttyreading.com/";
//baseUrl = "http://192.168.110.100:9200/pb/"; //张川川
// baseUrl = "ws://twin-ui.com:6001/";
// socketUrl = "ws://twin-ui.com:6001/";
}
const courtConfig = {
//微信公众号APPID1

View File

@@ -6,12 +6,14 @@
"request" : 15000
},
"transformPx" : false,
"icons": [{
"icons" : [
{
"sizes" : "分辨率192x192",
"src" : "图片路径"
}],
"versionName": "1.0.39",
"versionCode": 1039,
}
],
"versionName" : "1.0.40",
"versionCode" : 1040,
"app-plus" : {
"nvueCompiler" : "weex",
"compatible" : {
@@ -268,3 +270,4 @@
}
}
// 小程序特有相关

View File

@@ -4,17 +4,18 @@
// },
"pages": [
{
"path": "pages/peanut/home",
"style": {
"navigationBarTitleText": "首页"
}
},{
"path": "pages/user/login",
"style": {
"navigationBarTitleText": "登录",
"enablePullDownRefresh": false // 禁止下拉刷新
}
},
{
"path": "pages/peanut/home",
"style": {
"navigationBarTitleText": "首页"
}
},
{
"path": "pages/mine/vip/index",
"style": {
@@ -358,6 +359,12 @@
"navigationBarTitleText": "课程列表"
}
},
{
"path": "pages/course/scale",
"style": {
"navigationBarTitleText": "自评测表"
}
},
{
"path": "pages/course/courseDetail",
"style": {

View File

@@ -1409,7 +1409,6 @@
});
return;
}
let images = "";
if (this.uploadPicLIst.length > 0) {
let list = this.uploadPicLIst.map((item) => item.url);

View File

@@ -1,5 +1,5 @@
<template>
<view>
<view class="courseWrap">
<!-- 公共组件-每个页面必须引入 -->
<public-module></public-module>
<z-nav-bar :title="pageTitle" @back='handleBack'><view class="curseSet" slot="right" @click="shuomingPage('/pages/course/courseSet',tagId,pid)"><uni-icons type="info" size="24"></uni-icons> 课程说明</view></z-nav-bar>
@@ -8,28 +8,14 @@
:activeStyle="activeStyle" :scrollable="scrollable" :list="tabList"
itemStyle="padding-left: 15px; background-color:#fff; padding-right: 15px; height: 50px;"></u-tabs>
</view>
<view class="containerBg">
<view class="containerBg" v-if="tagId!='71'">
<view class="subCate flex" v-if="subList.length> 0">
<text :class="['item',subTabId == item.id ? 'active' : '']" v-for="(item, index) in subList"
@click="curseClick(item)" :key="index">{{item.title}}</text>
</view>
<view class="learnBox box">
<!-- <view class="learn flexbox shiting">
<view class="item" v-for="(item, index) in courseList" :key="index">
<view class="imgcontainer">
<image :src="item.image" mode="aspectFit"></image>
</view>
<view class="buyItems flexbox">
<view class="txt555">
{{item.title}}
</view>
</view>
</view>
</view> -->
<view class="newBox">
<view class="item flexbox" v-for="(item, index) in courseList" :key="index" @click="onPageJump('/pages/course/courseDetail',item.id)">
<!-- <view class="imgcontainer" :style="{backgroundImage:surl(item.image)}"> -->
<view class="imgcontainer">
<image :src="item.image" mode="aspectFit"></image>
</view>
@@ -57,13 +43,23 @@
<u-divider v-show="status == 1" text="加载中..."></u-divider>
</view>
<view>
<!-- <u-back-top scroll-top="100"></u-back-top> -->
<u-back-top :scroll-top="scrollTop" bottom="150" :customStyle='bgiStyle'
:iconStyle="iconStyle"></u-back-top>
</view>
<public-module></public-module>
<z-navigation></z-navigation>
<!-- <music-play :playData="playData"></music-play> -->
</view>
<view class="formBlock" v-if="tagId=='71'">
<view v-for="(item,index) in formList" :key="index" class="form_item">
<text class="form_title">{{item.title}}</text>
<view class="form_solid">
<view class="form_des">{{item.des}}</view>
<u-button class="form_btn" @click="test(item)">进入测试</u-button>
</view>
</view>
<public-module></public-module>
<z-navigation></z-navigation>
</view>
</view>
</template>
@@ -96,9 +92,7 @@
activeStyle: {
color: '#333',
fontWeight: 'bold',
transform: 'scale(1.2)',
// backgroundColor: '#258feb'
transform: 'scale(1.2)'
},
subList: [],
scrollable: false,
@@ -109,6 +103,8 @@
status: 3, // 0 不显示, 1 加载中2 加载全部完成3 暂无数据
page: 1,
flag: true, // 函数是否执行完
//心身量表
formList: []
};
},
//第一次加载
@@ -118,8 +114,11 @@
this.tagId = e.id
this.pageTitle = e.title
this.pid = e.pid
console.log(e, '传入分类id')
this.getCateList(this.tagId)
//如果是心身量表栏目
if(this.tagId=='71'){
this.getFormList();
}
},
onPageScroll(e) {
this.scrollTop = e.scrollTop;
@@ -128,10 +127,8 @@
} else {
this.fixed = false
}
// console.log(this.scrollTop,'this.scrollTop')
},
onPullDownRefresh() {
console.log('下拉刷新')
this.status = 3
this.page = 1
this.courseList = []
@@ -143,7 +140,6 @@
this.page++
this.getData(this.subTabId)
}
console.log('触底加载', this.page)
},
computed: {
...mapState(['userInfo'])
@@ -152,8 +148,9 @@
onShow() {
//隐藏原生的tabbar
uni.hideTabBar();
uni.removeStorageSync('data')
uni.removeStorageSync('selectedData')
uni.removeStorageSync('resList')
},
components: {
musicPlay
@@ -219,7 +216,6 @@
});
},
fatherClick(e) {
// console.log(e, '点击')
this.page = 1
var item = e
if (item.isLast == 1) { // 终极
@@ -248,10 +244,6 @@
this.getData(this.subTabId);
},
getData(id) {
// if (!this.flag) {
// console.log('正在执行,未完成')
// return
// }
this.status = 1
this.flag = false
$http.request({
@@ -302,11 +294,35 @@
url: `${url}?id=${id}`
});
},
shuomingPage(url,id,pid){
uni.navigateTo({
url: `${url}?id=${id}&pid=${pid}`
});
},
//心身量表
getFormList() {
$http.request({
url: "common/selfEvaluationForm/formList",
method: "POST",
data: {},
header: {
'Content-Type': 'application/json'
},
})
.then(res => {
if (res.code == 0) {
this.formList = res.formList;
}
}).catch(e => {
});
},
//进入测试
test(item){
uni.setStorageSync('data',JSON.stringify(item))
uni.navigateTo({
url: '/pages/course/scale'
})
}
},
};
@@ -314,6 +330,10 @@
<style lang="scss" scoped>
@import '@/style/mixin.scss';
.courseWrap{
height: 100vh;
background-color: #f4f7ff;
}
.containerBg {
background-color: $containerColor;
padding: 0 20rpx;
@@ -424,8 +444,8 @@
}
.learnBox {
// background-color: #fff;
margin-top: 10px;
margin-bottom: 10px;
padding-top: 10px;
.learn {
flex-wrap: wrap;
@@ -458,4 +478,40 @@
}
}
}
.formBlock{
background-color: #f4f7ff;
padding: 20rpx;
}
.form_item{
margin-bottom: 50rpx;
}
.form_solid{
border-radius: 20rpx;
background-color: #fff;
padding: 20rpx 20rpx 50rpx;
box-shadow: 0px 0px 10px 0px #a7bbe4;
}
.form_title{
display: inline-block;
width: 100%;
font-size: 42rpx;
color: #333;
text-align: center;
padding: 30rpx 0 20rpx;
}
.form_des{
font-size: 30rpx;
line-height: 48rpx;
color: #666;
}
.form_btn{
width: 300rpx;
height: 70rpx;
margin: 40rpx auto 0;
color: #fff;
font-size: 30rpx;
background: #258feb;
border-radius: 10rpx;
}
</style>

398
pages/course/scale.vue Normal file
View File

@@ -0,0 +1,398 @@
<template>
<view class="viewWrap">
<z-nav-bar :title="title"></z-nav-bar>
<view class="scale_block" v-show="status==0">
<text class="scale_title">{{data.title}}</text>
<view class="scale_solid">
<view class="scale_des"><text style="font-weight: bold;">量表简介</text>{{data.des}}</view>
<view class="scale_des"><text style="font-weight: bold;">题目数量</text>{{data.num}}</view>
<view class="scale_des"><text style="font-weight: bold;">测试说明</text>{{data.tip}}</view>
</view>
<!-- Picker 组件 -->
<picker mode="multiSelector" :range="multiArray" @change="bindMultiPickerChange" @columnchange="bindMultiPickerColumnChange">
<u-button class="scale_btn">进入测试</u-button>
</picker>
</view>
<view class="scale_block" v-show="status==1">
<view class="test_block">
<text class="current_test">{{currentIndex+1}}{{testList[currentIndex]}}</text>
<radio-group @change="radioChange" class="test_group" :style="{ height: radioHeight + 'px' }">
<label v-for="(item,index) in checkList" :key="index" class="test_label">
<radio :value="String(item.value)" class="test_radio">{{item.name}}</radio>
</label>
</radio-group>
</view>
</view>
<view class="scale_block" v-show="status==2">
<view class="result_block">
<text class="result_title">{{data.title}}-测试结果</text>
<text class="result_total">{{resultTotal}}</text>
<text class="result_content">{{resultContent}}</text>
<u-button class="result_btn" @click="back">回到首页</u-button>
<view class="result_border">
<text class="result_con">结果解释</text>
<text class="result_cnRes" v-if="data.type=='yiyu'&&countryIndex==0">{{data.cnRes}}</text>
<text class="result_cnRes" v-else>{{data.worldRes}}</text>
<text class="result_con" style="padding-top: 40rpx;">计分规则</text>
<text class="result_cnRes">{{data.role}}</text>
</view>
</view>
</view>
</view>
</template>
<script>
import $http from '@/config/requestConfig.js';
export default {
data() {
return {
data: {},
countries: [],
multiArray: [[], []],
value: [0, 0],
selectedData: {}, //城市
status: 0, //是否进入测试
title: '心身量表',
countryIndex: 0,
timer: null, // 用来绑定当前选择的值
checkList: [], //默认选项列表
testList: [], //测试题目数据
currentIndex: 0, //默认第一题
resList: [], //测试结果数据集合,用于传参!记录!
radioHeight: '',
resultContent: '',
resultTotal: ''
};
},
onLoad() {
this.data = JSON.parse(uni.getStorageSync('data'));
this.resultList = this.data.result;
//选项
this.checkList = this.resultList.map((item, index) => ({
name: item,
value: index+1
}));
this.getCityList();
this.getTestData();
//radioHeight
this.radioHeight = this.checkList.length*42 +20;
},
methods: {
//获取国家-一级
getCountryList() {
$http.request({
url: "common/baseArea/getAllBaseArea",
method: "POST",
data: {},
header: {
'Content-Type': 'application/json'
},
})
.then(res => {
if (res.code == 0) {
this.countries = res.baseAreas;
this.countries.forEach((country, index)=>{
if(country.code=='86'){
this.countries[index].cities = this.cityList;
}
})
//初始化 picker 数据
this.initPickerData();
}
}).catch(e => {
});
},
//获取城市-二级
getCityList() {
$http.request({
url: "common/province/getProvinceList",
method: "POST",
data: {},
header: {
'Content-Type': 'application/json'
},
})
.then(res => {
if (res.code == 0) {
const newCityList = res.provinceList.map( city => {
return city.provName;
});
this.cityList = newCityList;
this.getCountryList();
}
}).catch(e => {
});
},
//展示城市数据
initPickerData() {
//第一列是国家名
const countryNames = this.countries.map(item => item.title);
this.multiArray[0] = countryNames;
//默认选择中国,并加载其省份
if (this.countries[0].cities) {
this.multiArray[1] = Object.keys(this.countries[0].cities).map(key => this.countries[0].cities[key]);
} else {
this.multiArray[1] = [];
}
},
//picker修改值
bindMultiPickerChange(e) {
this.value = e.detail.value;
this.updateCurrentSelection();
},
//修改动作
bindMultiPickerColumnChange(e) {
let data = {
multiArray: this.multiArray,
value: this.value
};
if (e.detail.column === 0) {
// 如果是第一列(国家)改变了,则需要更新第二列(城市)
const selectedCountry = this.countries[e.detail.value];
if (selectedCountry.cities) {
// 如果选择了中国,加载省份
data.multiArray[1] = Object.keys(selectedCountry.cities).map(key => selectedCountry.cities[key]);
data.value = [e.detail.value, 0];
} else {
// 否则清空第二列
data.multiArray[1] = [];
data.value = [e.detail.value, 0];
}
}
this.multiArray = data.multiArray;
this.value = data.value;
//this.updateCurrentSelection();
},
updateCurrentSelection() {
const countryIndex = this.value[0];
this.countryIndex = countryIndex; //判断抑郁结果 标准的定义文字显示
const cityIndex = this.value[1];
const selectedCountry = this.multiArray[0][countryIndex];
const selectedCity = this.multiArray[1][cityIndex];
this.selectedData = {
country: selectedCountry
}
if(selectedCity){
this.selectedData.city = selectedCity
}else{
this.selectedData.city = ''
}
//切换界面,进入测试
this.status = 1;
this.title = '开始测试题';
},
//测试题目
getTestData(){
$http.request({
url: "common/selfEvaluationForm/formSubjectList",
method: "POST",
data: {
type: this.data.type
},
header: {
'Content-Type': 'application/json'
},
})
.then(res => {
if (res.code == 0) {
if(res.list&&res.list.length>0){
this.testList = res.list; //题目数据
}else{
uni.showToast({
title: '暂无数据',
icon: 'none'
})
}
}
}).catch(e => {
});
},
//选值
radioChange(e){
const value = e.detail.value;
this.resList.push(Number(value)); //记录测试结果集合
//延迟展示下一题
if (this.currentIndex < this.testList.length - 1) {
this.timer = setTimeout(() => {
this.currentIndex++;
this.checkList = []
//延迟更换选项,避免再显示被勾选
this.timer = setTimeout(() => {
this.checkList = this.resultList.map((item, index) => ({
name: item,
value: index+1
}));
}, 50)
}, 500)
}else{
//如果做完最后一道题
this.getCountForm();
}
},
//测试结果
getCountForm(){
$http.request({
url: "common/selfEvaluationForm/countForm",
method: "POST",
data: {
country: this.selectedData.country,
city: this.selectedData.city,
type: this.data.type,
resList: this.resList
},
header: {
'Content-Type': 'application/json'
},
})
.then(res => {
if (res.code == 0) {
this.status = 2;
this.resultContent = res.status;
this.resultTotal = res.total;
}
}).catch(e => {
});
},
//回到首页
back(){
uni.switchTab({
url: '/pages/peanut/home'
})
uni.setStorageSync('fixed',true)
}
}
};
</script>
<style scoped>
.viewWrap{
height: 100vh;
background-color: #f4f7ff;
}
.scale_block{
padding: 20rpx;
}
.scale_item{
margin-bottom: 50rpx;
}
.scale_solid{
border-radius: 20rpx;
background-color: #fff;
padding: 20rpx;
box-shadow: 0px 0px 10px 0px #a7bbe4;
}
.scale_title{
display: inline-block;
width: 100%;
font-size: 42rpx;
color: #333;
text-align: center;
padding: 30rpx 0 20rpx;
}
.scale_des{
font-size: 30rpx;
line-height: 48rpx;
color: #666;
padding: 5rpx 0;
}
.scale_btn{
width: 500rpx;
height: 70rpx;
margin: 60rpx auto 0;
color: #fff;
font-size: 30rpx;
background: #258feb;
border-radius: 10rpx;
}
.test_group{
margin-top: 20rpx;
background: #fff;
border-radius: 20rpx;
padding: 20rpx 30rpx;
box-sizing: border-box;
.uni-radio-input{
width: 14px !important;
height: 14px !important;
margin-right: 15rpx;
}
}
.test_label{
display: block;
padding: 20rpx 0;
font-size: 30rpx;
}
.test_radio{
display: flex;
align-items: center;
}
.current_test{
font-size: 32rpx;
padding-top: 30rpx;
color: #000;
display: block;
}
.result_block{
border-radius: 20rpx;
background-color: #fff;
padding: 80rpx 30rpx 50rpx;
color: #333;
}
.result_title{
display: block;
font-size: 36rpx;
line-height: 40rpx;
text-align: center;
}
.result_total{
display: block;
font-size: 52rpx;
line-height: 50rpx;
font-weight: 800;
color: crimson;
padding: 60rpx 0 30rpx;
text-align: center;
}
.result_content{
display: block;
font-size: 32rpx;
text-align: center;
}
.result_btn{
width: 500rpx;
height: 70rpx;
margin: 60rpx auto 0;
color: #fff;
font-size: 30rpx;
background: #258feb;
border-radius: 10rpx;
}
.result_cnRes{
display: block;
font-size: 28rpx;
line-height: 48rpx;
margin-top: 10rpx;
}
.result_con{
display: block;
font-size: 32rpx;
line-height: 48rpx;
color: crimson;
}
.result_border{
border: 1rpx solid #258feb;
border-radius: 10rpx;
padding: 40rpx 30rpx;
margin-top: 100rpx;
}
</style>

View File

@@ -10,9 +10,7 @@
-->
</z-nav-bar>
<view class="contentBox commonPageContentBox" :style="`margin-top: ${
(40 + statusBarHeight) * 2
}rpx;height: calc(100% - ${(50 + statusBarHeight) * 2}rpx) !important;`">
<view class="contentBox commonPageContentBox">
<view class="flash_sale_content">
<scroll-view scroll-y="true" class="scroll-Y" style="">
<view class="scroll-view-item flash_sale_content_item color_shandow" v-for="(v, i) in dataList"
@@ -263,8 +261,6 @@
},
background: "rgb(255 255 255 / 85%)",
buttonbg: "linear-gradient(to right, #3F7FC9 0%,#D3EEFC 100%) ",
// titleBackground:
// "linear-gradient(130deg, rgb(153, 202, 192) 0%, rgb(192, 223, 207) 50%)",
color: "linear-gradient(130deg,rgb(45, 56, 244) 0%, #72AD92 100%)",
list: res.list[i],
quanyi: this.superQuanyi,
@@ -278,11 +274,7 @@
list: res.list[i],
background: "#c3e7f7c7",
buttonbg: "rgba(255, 255, 255, 0.85)",
// titleBackground:
// "linear-gradient(130deg, #E4F3E9 0%,#D6E7EF 100%) ",
color: "linear-gradient(130deg,#1ECEDE 0%, #72AD92 100%)",
quanyi: this.sociologyQuanyi,
});
}
@@ -628,7 +620,7 @@
// console.log(res, '脉穴分类获取成功')
// if (res.code == 0 && res.list.length > 0) {
// this.oneCateList = res.list
this.getTowCateList(this.oneCateList[0].type);
// this.getTowCateList(this.oneCateList[0].type);
// } else {
// this.oneCateList = []
// }

View File

@@ -403,7 +403,6 @@
if(this.fixed){
this.curseClick(this.currentItem,this.currentIndex);
}else{
console.log('我是else11111')
this.currentIndex = 0;
this.currentItem = null;
}