Skip to content

E
educationStu
Commit a8380190 authored by 罗超's avatar 罗超
Browse files
Options

1

parent 4448f3e5
Show whitespace changes
Inline Side-by-side
Showing with 863 additions and 735 deletions
src/pages/activity/activityMedia.vue
View file @ a8380190
......@@ -83,7 +83,6 @@ export default {
});
let methods = {
previewImage(i) {
console.log(i);
uni.previewImage({
urls: data.preImg,
current: i,
......
src/pages/course/feedback.vue
View file @ a8380190
......@@ -11,7 +11,7 @@
<view
v-for="(item, index) in dataList"
:key="index"
class="list-item flex flex_between_center"
class="list-item"
@click="jumpPage(item.FeedBackId)"
>
<view class="feedback-info flex flex_start_center">
......@@ -29,20 +29,27 @@
</view>
<view class="feedback-all"> {{ item.CreatetimeStr }} </view>
</view>
<view class="two_line feedback-text"> {{ item.Comment }}</view>
<view class="flex">
<view class="feedback-text"> {{ item.Comment }}</view>
<view class="flex flex_wrap">
<view
v-for="(item1, index1) in item.PhotoList"
:key="index1"
class="feedback-img"
v-if="index1 === 0 || index1 === 1 || index1 === 2"
@click="previewImage(item.PhotoList, index1)"
>
<image
:src="item1"
style="width: 100%; height: 100%"
mode="aspectFill"
v-if="index1 === 0 || index1 === 1 || index1 === 2"
/>
<view
class="layer flex flex_center_center"
class="layer"
v-if="item.PhotoList.length > 3 && index1 === 2"
></view>
<view
class="layer2 flex flex_center_center"
v-if="item.PhotoList.length > 3 && index1 === 2"
>+{{ item.PhotoList.length - 3 }}</view
>
......@@ -106,6 +113,19 @@ export default {
data.pageState = "none";
}
},
previewImage(arr, i) {
uni.previewImage({
urls: arr,
current: i,
longPressActions: {
itemList: ["发送给朋友", "保存图片", "收藏"],
success: function (data) {},
fail: function (err) {
console.log(err.errMsg);
},
},
});
},
};
let that = methods;
onMounted(() => {
......@@ -133,7 +153,7 @@ export default {
background-color: #fff;
}
.list-item {
height: 430rpx;
/* height: 430rpx; */
box-sizing: border-box;
padding: 30rpx 0;
}
......@@ -171,7 +191,10 @@ export default {
height: 210rpx;
border-radius: 20rpx;
background-color: #eee;
overflow: hidden;
margin-right: 30rpx;
box-shadow: 0rpx 10rpx 30rpx 0rpx rgba(36, 36, 36, 0.2);
position: relative;
}
.feedback-img:nth-child(3n) {
margin-right: 0rpx !important;
......@@ -179,10 +202,24 @@ export default {
.layer {
width: 100%;
height: 100%;
border-radius: 20rpx;
background-color: #cbd9ed;
position: absolute;
top: 0;
right: 0;
opacity: 0.5;
}
.layer2 {
width: 100%;
height: 100%;
border-radius: 20rpx;
font-size: 36rpx;
font-family: PingFang SC;
font-weight: bold;
color: #111111;
position: absolute;
top: 0;
right: 0;
z-index: 5;
}
</style>
\ No newline at end of file
src/pages/index/index.vue
View file @ a8380190
......@@ -6,9 +6,15 @@
<view class="con" :style="{ 'padding-top': `${statusBarHeight}px` }">
<view style="height: 100rpx"></view>
<view class="personInfo flex flex_start_center">
<van-image round width="100rpx" height="100rpx" fit="cover"
:src="userinfo.UserIcon ? userinfo.UserIcon : userinfo.GroupLogo" class="headimg"
@click="jumpPage('/pages/login/login')" />
<van-image
round
width="100rpx"
height="100rpx"
fit="cover"
:src="userinfo.UserIcon ? userinfo.UserIcon : userinfo.GroupLogo"
class="headimg"
@click="jumpPage('/pages/login/login')"
/>
<view class="grow">
<view class="name"> {{ userinfo.AccountName }} </view>
<view class="phone">
......@@ -17,16 +23,26 @@
</view>
<view class="saleInfo">
<view class="info1">
<van-icon name="contact" size="23rpx" style="margin-right: 10rpx" />服务人员
<van-icon
name="contact"
size="23rpx"
style="margin-right: 10rpx"
/>服务人员
</view>
<view class="info2 one_line">
<text style="margin-right: 10rpx">课程顾问</text>{{ userinfo.EnterPhone2 }}
<text style="margin-right: 10rpx">课程顾问</text
>{{ userinfo.EnterPhone2 }}
</view>
</view>
</view>
<view class="baseInfo flex flex_wrap">
<view class="baseInfo_item flex flex_between_center" v-for="(item, index) in baseInfo" :key="index"
:style="{ 'background-color': item.bgcolor }" @click="jumpPage(item.jumpUrl)">
<view
class="baseInfo_item flex flex_between_center"
v-for="(item, index) in baseInfo"
:key="index"
:style="{ 'background-color': item.bgcolor }"
@click="jumpPage(item.jumpUrl)"
>
<view style="height: 100%; max-width: 120rpx">
<view class="baseInfo_name">
{{ item.name }}
......@@ -39,54 +55,103 @@
</view>
</view>
<view class="LearningGarden flex flex_wrap">
<view v-for="(item, index) in learnList" :key="index" class="LearningGarden-item"
:style="{ backgroundColor: item.bgcolor }" @click="jumpPage(item.jumpUrl)">
<view
v-for="(item, index) in learnList"
:key="index"
class="LearningGarden-item"
:style="{ backgroundColor: item.bgcolor }"
@click="jumpPage(item.jumpUrl)"
>
<view class="LearningGarden-item-name">{{ item.name }}</view>
<view class="LearningGarden-item-desc">{{ item.desc }}</view>
<image :src="item.img" class="LearningGarden-item-img" />
</view>
</view>
<view class="title" v-if="data.indexData.FeedBackList[0].length > 0">
<view class="title" v-if="indexData.FeedBackList.length > 0">
课程反馈
</view>
<view class="feedback" v-if="data.indexData.FeedBackList[0].length > 0">
<view class="feedback" v-if="indexData.FeedBackList.length > 0">
<view class="feedback-info flex flex_start_center">
<image src="" class="info-headimg" />
<image
:src="indexData.FeedBackList[0].TeacherIcon"
class="info-headimg"
/>
<view class="grow">
<view class="teacher-name">{{
data.indexData.FeedBackList[0].TeacherName
indexData.FeedBackList[0].TeacherName
}}</view>
<view class="rate">
<van-rate :value="data.indexData.FeedBackList[0].Score"
:count="data.indexData.FeedBackList[0].Score"
<van-rate
:value="indexData.FeedBackList[0].Score"
:count="indexData.FeedBackList[0].Score"
icon="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/educationStu/rate.png"
void-icon="" size="24rpx" />
void-icon=""
size="24rpx"
/>
</view>
</view>
<view class="feedback-all" @click="jumpPage('/pages/course/feedback')">
<view
class="feedback-all"
@click="jumpPage('/pages/course/feedback')"
>
全部
<van-icon name="arrow" style="margin-left: 30rpx" />
</view>
</view>
<view class="two_line feedback-text">
{{ data.indexData.FeedBackList[0].Comment }}
{{ indexData.FeedBackList[0].Comment }}
</view>
<view class="flex">
<view v-for="(item, index) in data.indexData.FeedBackList[0].PhotoList" :key="index">
<image :src="item" class="feedback-img" v-if="index === 0 || index === 1 || index === 2">
<view
v-for="(item, index) in indexData.FeedBackList[0].PhotoList"
:key="index"
v-if="index === 0 || index === 1 || index === 2"
class="feedback-img"
>
<image
:src="item"
style="width: 100%; height: 100%"
mode="aspectFill"
v-if="index === 0 || index === 1 || index === 2"
>
</image>
<view class="layer flex flex_center_center" v-if="item.PhotoList.length > 3 && index === 2">
+{{ item.PhotoList.length - 3 }}</view>
<view
class="layer"
v-if="
indexData.FeedBackList[0].PhotoList.length > 3 && index === 2
"
></view>
<view
class="layer2 flex flex_center_center"
v-if="
indexData.FeedBackList[0].PhotoList.length > 3 && index === 2
"
>
+{{ indexData.FeedBackList[0].PhotoList.length - 3 }}</view
>
</view>
</view>
</view>
<view class="activeContent">
<swiper class="swiper" :indicator-dots="indicatorDots" :autoplay="autoplay" indicator-color="#CCCCCC" indicator-active-color="#000000" :vertical="true">
<swiper-item v-for="(item,index) in ActivityList" :key="index">
<view class="swiperList" :style="{'background-image': item.CoverImg? `url(${item.CoverImg})`
: `url(https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/educationStu/defaultBgimg.png)`}">
<view class="swiper_Time">{{item.BMStart}}</view>
<view class="swiper_Name">{{item.ActivityName}}</view>
<swiper
class="swiper"
:indicator-dots="indicatorDots"
:autoplay="autoplay"
indicator-color="#CCCCCC"
indicator-active-color="#000000"
:vertical="true"
>
<swiper-item v-for="(item, index) in ActivityList" :key="index">
<view
class="swiperList"
:style="{
'background-image': item.CoverImg
? `url(${item.CoverImg})`
: `url(https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/educationStu/defaultBgimg.png)`,
}"
>
<view class="swiper_Time">{{ item.BMStart }}</view>
<view class="swiper_Name">{{ item.ActivityName }}</view>
</view>
</swiper-item>
</swiper>
......@@ -94,9 +159,13 @@
<view class="timetable">
<view class="timetable_item flex flex_between_center">
<text class="timetable_title">我的课表</text>
<view class="timetable_btn" @click="
<view
class="timetable_btn"
@click="
jumpPage(`/pages/course/timeTable?classId=${indexData.ClassId}`)
" v-if="indexData.ClassPlan.TimeStart">
"
v-if="indexData.ClassPlan.TimeStart"
>
全部
<van-icon name="arrow" style="margin-left: 30rpx" />
</view>
......@@ -131,9 +200,12 @@
</view>
<van-cell-group :border="false">
<van-cell title="我的考试" title-class="title" :border="false">
<view class="value" @click="
<view
class="value"
@click="
jumpPage(`/pages/exam/examPaperList?Id=${indexData.GuestId}`)
">
"
>
查看更多
</view>
</van-cell>
......@@ -142,11 +214,17 @@
<van-empty description="暂无数据" />
</view>
<view class="mytest flex" v-if="indexData.paperList.length > 0">
<view v-for="(item, index) in indexData.paperList" :key="index" class="test-item no_shrink" :style="{
<view
v-for="(item, index) in indexData.paperList"
:key="index"
class="test-item no_shrink"
:style="{
'background-image': item.PicList[0]
? `url(${item.PicList[0]})`
: `url(https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/educationStu/defaultBgimg.png)`,
}" @click="getItemStatus(item)">
}"
@click="getItemStatus(item)"
>
<view class="testName">
{{ item.PaperName }}
</view>
......@@ -163,12 +241,15 @@
/>
<view class="teacherName">{{ indexData.TeacherName }}</view> -->
</view>
<view class="test-status" :class="{
<view
class="test-status"
:class="{
'status-blue': item.ExamStatusStr == '未开始',
'status-green': item.ExamStatusStr == '已开始',
'status-black': item.ExamStatusStr == '完成',
'status-red': item.ExamStatusStr == '缺考',
}">
}"
>
{{ item.ExamStatusStr }}
</view>
</view>
......@@ -180,7 +261,7 @@
</template>
<script>
import {
import {
ref,
reactive,
toRefs,
......@@ -190,27 +271,22 @@
computed,
onMounted,
provide,
} from "vue";
import {
getIndexInfo
} from "../../api/index";
import {
getActivityList
} from "../../api/activity"
import {
desensitization
} from "../../utils/index";
export default {
} from "vue";
import { getIndexInfo } from "../../api/index";
import { getActivityList } from "../../api/activity";
import { desensitization } from "../../utils/index";
export default {
setup(props) {
let {
proxy
} = getCurrentInstance();
let { proxy } = getCurrentInstance();
proxy.$isLogin();
let data = reactive({
statusBarHeight: 0,
userinfo: {},
indexData: {},
baseInfo: [{
indexData: {
FeedBackList: [],
},
baseInfo: [
{
name: "学区",
desc: "",
img: "https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/educationStu/icon2.png",
......@@ -254,7 +330,8 @@
},
],
// 学习园地
learnList: [{
learnList: [
{
name: "日语学习园地",
desc: "日本語の勉強",
bgcolor: "#F6E5FE",
......@@ -266,7 +343,7 @@
desc: "정원",
bgcolor: "#FEF5D6",
img: "https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/educationStu/garden2.png",
jumpUrl: "/pages/exam/examScore",
jumpUrl: "/pages/course/feedback",
},
],
indicatorDots: true, //是否显示轮播指示点
......@@ -277,8 +354,9 @@
ActivityType: 0,
SelectIsEnd: 0,
},
ActivityList: [] //活动数据
ActivityList: [], //活动数据
});
let methods = {
jumpPage(url) {
uni.navigateTo({
......@@ -306,7 +384,7 @@
},
async getActivityData() {
let res = await getActivityList(data.ActiveMsg);
console.log(res, '数据');
console.log(res, "数据");
if (res.resultCode == 1) {
data.ActivityList = res.data.pageData;
}
......@@ -365,47 +443,47 @@
imageUrl: "",
};
},
};
};
</script>
<style scoped>
.con {
.con {
box-sizing: border-box;
padding: 100rpx 30rpx 50rpx;
}
}
.page-title {
.page-title {
font-size: 44rpx;
font-family: PingFang SC;
font-weight: bold;
color: #0f1b35;
}
}
.personInfo {
.personInfo {
height: 100rpx;
position: relative;
margin-bottom: 50rpx;
}
}
.headimg {
.headimg {
margin-right: 30rpx;
}
}
.name {
.name {
font-size: 30rpx;
font-family: PingFang SC;
font-weight: bold;
color: #0f1b35;
}
}
.phone {
.phone {
font-size: 26rpx;
font-family: PingFang SC;
font-weight: 500;
color: #999999;
}
}
.saleInfo {
.saleInfo {
/* width: 200rpx; */
height: 66rpx;
background-color: #00acf9;
......@@ -419,23 +497,23 @@
padding: 0 20rpx;
font-family: PingFang SC;
color: #ffffff;
}
}
.saleInfo .info1 {
.saleInfo .info1 {
text-align: center;
font-size: 22rpx;
font-weight: bold;
}
}
.saleInfo .info2 {
.saleInfo .info2 {
font-size: 20rpx;
}
}
.baseInfo {
.baseInfo {
margin-bottom: 10rpx;
}
}
.baseInfo_item {
.baseInfo_item {
width: 220rpx;
height: 140rpx;
border-radius: 20rpx;
......@@ -443,28 +521,28 @@
padding: 38rpx 20rpx;
margin-right: 15rpx;
margin-bottom: 30rpx;
}
}
.baseInfo .baseInfo_item:nth-child(3n) {
.baseInfo .baseInfo_item:nth-child(3n) {
margin-right: 0rpx;
}
}
.baseInfo_name {
.baseInfo_name {
font-size: 28rpx;
font-family: PingFang SC;
font-weight: bold;
color: #0f1b35;
margin: -7rpx 0 3rpx 0;
}
}
.baseInfo_desc {
.baseInfo_desc {
font-size: 22rpx;
font-family: PingFang SC;
font-weight: 500;
color: #333e52;
}
}
.timetable {
.timetable {
height: 360rpx;
background-image: url("https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/educationStu/coursebg.png");
background-size: cover;
......@@ -475,52 +553,52 @@
box-sizing: border-box;
padding: 30rpx 30rpx 0 50rpx;
margin-bottom: 50rpx;
}
}
.timetable_item {
.timetable_item {
color: #fff;
margin-bottom: 20rpx;
}
}
.timetable_title {
.timetable_title {
font-size: 32rpx;
font-family: PingFang SC;
font-weight: bold;
}
}
.timetable_btn {
.timetable_btn {
font-size: 24rpx;
font-family: PingFang SC;
/* font-weight: 500; */
}
}
.timetable_item2 {
.timetable_item2 {
color: #fff;
margin-bottom: 20rpx;
font-size: 26rpx;
font-family: PingFang SC;
font-weight: 500;
}
}
/deep/.title {
/deep/.title {
font-size: 32rpx;
font-family: PingFang SC;
font-weight: 800;
color: #0f1b35;
}
}
/deep/.value {
/deep/.value {
font-size: 24rpx;
font-family: PingFang SC;
font-weight: 500;
color: #333f53;
}
}
/deep/.van-cell {
/deep/.van-cell {
padding: 0;
}
}
.mytest {
.mytest {
width: 720rpx;
height: 250rpx;
margin-top: 30rpx;
......@@ -528,9 +606,9 @@
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
transition: all 0.5s;
}
}
.test-item {
.test-item {
width: 620rpx;
height: 250rpx;
box-sizing: border-box;
......@@ -545,24 +623,24 @@
padding-top: 60rpx;
padding-left: 44rpx;
position: relative;
}
}
.testName {
.testName {
font-size: 40rpx;
font-family: PingFang SC;
font-weight: bold;
color: #0f1b35;
margin-bottom: 20rpx;
}
}
.testTime {
.testTime {
font-size: 28rpx;
font-family: PingFang SC;
font-weight: 500;
color: #0f1b35;
}
}
.teacherInfo-bg {
.teacherInfo-bg {
position: absolute;
left: 0;
bottom: 0;
......@@ -571,9 +649,9 @@
background-image: linear-gradient(90deg, #000000, #ffffff);
opacity: 0.4;
z-index: 1;
}
}
.teacherInfo {
.teacherInfo {
position: absolute;
left: 0;
bottom: 0;
......@@ -582,45 +660,45 @@
z-index: 2;
box-sizing: border-box;
padding: 0 30rpx;
}
}
.teacherName {
.teacherName {
font-size: 24rpx;
font-family: PingFang SC;
font-weight: 500;
color: #ffffff;
margin-left: 10rpx;
}
}
.test-status {
.test-status {
font-size: 24rpx;
font-family: PingFang SC;
font-weight: bold;
/* color: #00acf9; */
}
}
.status-blue {
.status-blue {
color: #00acf9;
}
}
.status-green {
.status-green {
color: #00df9f;
}
}
.status-black {
.status-black {
color: #111111;
}
}
.status-red {
.status-red {
color: #ff3816;
}
}
.LearningGarden {
.LearningGarden {
box-sizing: border-box;
margin-bottom: 10rpx;
}
}
.LearningGarden-item {
.LearningGarden-item {
width: 330rpx;
height: 140rpx;
border-radius: 20rpx;
......@@ -629,106 +707,120 @@
box-sizing: border-box;
padding: 30rpx 20rpx;
position: relative;
}
}
.LearningGarden .LearningGarden-item:nth-child(2n) {
.LearningGarden .LearningGarden-item:nth-child(2n) {
margin-right: 0rpx !important;
}
}
.LearningGarden-item-name {
.LearningGarden-item-name {
width: 220rpx;
font-size: 28rpx;
font-family: PingFang SC;
font-weight: bold;
color: #0f1b35;
}
}
.LearningGarden-item-desc {
.LearningGarden-item-desc {
width: 220rpx;
font-size: 22rpx;
font-family: PingFang SC;
font-weight: 500;
color: #333e52;
margin-top: 10rpx;
}
}
.LearningGarden-item-img {
.LearningGarden-item-img {
width: 64rpx;
height: 66rpx;
position: absolute;
top: 38rpx;
right: 20rpx;
}
}
.feedback {
.feedback {
margin: 30rpx 0;
}
}
.feedback-info {
.feedback-info {
height: 60rpx;
}
}
.info-headimg {
.info-headimg {
width: 60rpx;
height: 60rpx;
background-color: #c4a1a1;
border-radius: 50%;
margin-right: 20rpx;
}
}
.teacher-name {
.teacher-name {
font-size: 26rpx;
font-family: PingFang SC;
font-weight: 500;
color: #111111;
}
}
.feedback-all {
.feedback-all {
font-size: 24rpx;
font-family: PingFang SC;
font-weight: 500;
color: #999999;
}
}
.feedback-text {
.feedback-text {
font-size: 24rpx;
font-family: PingFang SC;
font-weight: 400;
color: #111111;
margin: 20rpx 0;
}
}
.feedback-img {
.feedback-img {
width: 210rpx;
height: 210rpx;
border-radius: 20rpx;
background-color: #eee;
margin-right: 30rpx;
}
position: relative;
}
.feedback-img:nth-child(3n) {
.feedback-img:nth-child(3n) {
margin-right: 0rpx !important;
}
}
.layer {
.layer {
width: 210rpx;
height: 210rpx;
border-radius: 20rpx;
background-color: #cbd9ed;
opacity: 0.5;
position: absolute;
top: 0;
right: 0;
}
.layer2 {
width: 210rpx;
height: 210rpx;
border-radius: 20rpx;
font-size: 36rpx;
font-family: PingFang SC;
font-weight: bold;
color: #111111;
}
.activeContent {
position: absolute;
top: 0;
right: 0;
z-index: 5;
}
.activeContent {
width: 100%;
height: 250rpx;
border-radius: 20rpx;
margin-bottom: 30rpx;
overflow: hidden;
}
}
.swiperList {
.swiperList {
position: relative;
width: 100%;
height: 100%;
......@@ -737,27 +829,27 @@
background-position: center;
box-sizing: border-box;
overflow: hidden;
color:#fff;
color: #fff;
border-radius: 20rpx;
}
.swiper_Time{
}
.swiper_Time {
position: absolute;
top:20rpx;
right:40rpx;
}
.swiper_Name {
top: 20rpx;
right: 40rpx;
}
.swiper_Name {
position: absolute;
bottom: 45rpx;
left: 30rpx;
}
/* .swiper /deep/ .wx-swiper-dots{
}
/* .swiper /deep/ .wx-swiper-dots{
position: relative;
right:-380px;
top:20px;
} */
.swiper /deep/ .wx-swiper-dot{
width:10rpx;
height:10rpx;
margin-right:0;
}
.swiper /deep/ .wx-swiper-dot {
width: 10rpx;
height: 10rpx;
margin-right: 0;
}
</style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment