徐浩 / zzxyt-uniapp · 提交

转到一个项目

作者 徐浩
提交 da326d775ee8cc136e915864676aba861c46e528 2 个父辈 e48f6677 1c9960ac

Merge branch 'master' of http://122.114.59.91:8099/xh/zzxyt-uniapp

内嵌 并排对比
正在显示 32 个修改的文件 包含 646 行增加 和 799 行删除
... ... @@ -310,7 +310,8 @@
"path": "stu_selection/stu_selection",
"style": {
"navigationBarTitleText": "听课教室选座",
"enablePullDownRefresh": false
"enablePullDownRefresh": false,
"navigationStyle": "custom"
}
}, {
... ... @@ -590,7 +591,8 @@
"path": "oneMyCredit/oneMyCredit",
"style": {
"navigationBarTitleText": "我的学分",
"enablePullDownRefresh": false
"enablePullDownRefresh": false,
"navigationStyle": "custom"
}
}, {
... ...
<template>
<view class="study">
<!-- 学习 -->
<view class="header-wrap">
<view class="nav-all-wrap no-margin area flex">
<view class="nav-all-wrap area flex no-margin">
<view class="nav-wrap flex" @tap="$sjuNav.navigateTo(`/pagesB/twoMailbox/twoMailbox`)">
<view class="nav-img-wrap flex">
<image class="nav-img" src="/static/images/xzxx.png" mode="aspectFit"></image>
<image class="nav-img" src="/static/imagesV2/study/xzxx.png" mode="aspectFit"></image>
</view>
<view class="nav-text">
校长信箱
... ... @@ -13,7 +12,7 @@
</view>
<view class="nav-wrap flex" @tap="$sjuNav.navigateTo(`/pagesB/twoCurriculum/twoCurriculum`)">
<view class="nav-img-wrap flex">
<image class="nav-img" src="/static/images/kcb.png" mode="aspectFit" />
<image class="nav-img" src="/static/imagesV2/study/kcb.png" mode="aspectFit" />
</view>
<view class="nav-text">
课程表
... ... @@ -23,7 +22,7 @@
<view class="nav-all-wrap area flex">
<view class="nav-wrap flex" @tap="$sjuNav.navigateTo(`/pagesB/twoRule/twoRule`)">
<view class="nav-img-wrap flex">
<image class="nav-img" src="/static/images/xjxg.png" mode="aspectFit"></image>
<image class="nav-img" src="/static/imagesV2/study/xjxg.png" mode="aspectFit"></image>
</view>
<view class="nav-text">
校纪校规
... ... @@ -31,18 +30,18 @@
</view>
<view class="nav-wrap flex" @tap="$sjuNav.navigateTo(`/pagesB/twoClassRules/twoClassRules`)">
<view class="nav-img-wrap flex">
<image class="nav-img" src="/static/images/bjbg.png" mode="aspectFit" />
<image class="nav-img" src="/static/imagesV2/study/bjbg.png" mode="aspectFit" />
</view>
<view class="nav-text">
班级班规
</view>
</view>
</view>
</view>
<view class="nav-all-wrap area flex">
<view class="nav-wrap flex" @tap="$sjuNav.navigateTo(`/pagesB/oneMyCredit/oneMyCredit`)">
<view class="nav-img-wrap flex">
<image class="nav-img" src="/static/images/xfqk.png" mode="aspectFit"></image>
<image class="nav-img" src="/static/imagesV2/study/xfqk.png" mode="aspectFit"></image>
</view>
<view class="nav-text">
学分情况
... ... @@ -52,15 +51,16 @@
<view class="nav-wrap flex" @tap="getxzdata" data-url="/pagesStu/stu_selection/stu_selection">
<view class="nav-img-wrap flex">
<image class="nav-img" src="/static/images/tkjsxz.png" mode="aspectFit" />
<image class="nav-img" src="/static/imagesV2/study/tkjsxz.png" mode="aspectFit" />
</view>
<view>
<view class="nav-text">
听课教室选座
</view>
<view class="seat-sele">
选座中
<image src="/static/imagesV2/study/xuanzuo.png" mode="aspectFit" />
</view>
</view>
</view>
<!-- <view class="nav-wrap flex" @tap="$service.jump" data-url="/pagesStu/stu_myseat/stu_myseat">
... ... @@ -78,35 +78,33 @@
</view> -->
</view>
<view class="entrance-wrap area">
<image src="/static/images/rxdj.png" mode="aspectFit"></image>
<view class="check-in flex">
<view class="check-in-left">
<view class="">
<view class="entrance-container area" >
<view class="entrance-wrap" @tap="$service.jump" data-url="/pagesStu/stu_register/stu_register">
<image class="entrance-wrap-bg" src="/static/imagesV2/study/rxdj.png" mode="aspectFit"></image>
<view class="check-in">
<view class="check-in-title">
入学登记
</view>
<view class="check-in-quick">
<view class="check-in-msg">
赶快去登记信息吧！
</view>
<view class="check-in-go">
<image src="/static/imagesV2/study/rxdj-go.png" mode="aspectFit"></image>
</view>
<view class="check-in-btn" @tap="$service.jump" data-url="/pagesStu/stu_register/stu_register">
去登记
</view>
</view>
</view>
<view class="entrance-wrap area">
<image src="/static/images/xuexicepingbj.png" mode="aspectFit"></image>
<view class="check-in flex">
<view class="check-in-left">
<view class="">
<view class="entrance-wrap" @click="toEvaluating">
<image class="entrance-wrap-bg" src="/static/imagesV2/study/xuexicepingbj.png" mode="aspectFit"></image>
<view class="check-in">
<view class="check-in-title">
入学评测
</view>
<view class="check-in-quick">
<view class="check-in-msg">
赶快去登记信息吧！
</view>
<view class="check-in-go">
<image src="/static/imagesV2/study/xuexicepingbj-go.png" mode="aspectFit"></image>
</view>
<view class="check-in-btn check-in-btn2" @click="toEvaluating">
去查看
</view>
</view>
</view>
... ... @@ -202,7 +200,11 @@
.no-margin {
margin-top: 0 !important;
}
.study {
min-height: 100vh;
background-color: #fff;
padding-top: 28rpx;
}
.nav-all-wrap {
justify-content: space-between;
align-items: center;
... ... @@ -210,8 +212,9 @@
.nav-wrap {
width: 334rpx;
height: 132rpx;
background: #FFFFFF;
height: 150rpx;
position: relative;
background: #F7F7F7;
border-radius: 20rpx;
font-size: 30rpx;
font-family: PingFang SC;
... ... @@ -240,23 +243,25 @@
}
.seat-sele {
height: 26rpx;
line-height: 26rpx;
font-size: 26rpx;
font-family: PingFang SC;
font-weight: 400;
color: #ADADAD;
margin-top: 6rpx;
position: absolute;
top: 0;
right: 0;
width: 100rpx;
height: 40rpx;
}
}
.entrance-container {
display: flex;
justify-content: space-between;
align-items: center;
}
.entrance-wrap {
height: 253rpx;
border-radius: 20rpx;
width: 334rpx;
height: 250rpx;
margin-top: 28rpx;
position: relative;
image {
.entrance-wrap-bg {
width: 100%;
height: 100%;
position: absolute;
... ... @@ -268,44 +273,31 @@
.check-in {
width: 100%;
height: 100%;
// justify-content: space-around;
align-items: center;
position: absolute;
top: 0;
left: 0;
z-index: 2;
padding: 30rpx;
box-sizing: border-box;
.check-in-left {
.check-in-title {
font-size: 36rpx;
font-family: PingFang SC;
font-weight: 500;
color: #FFFFFF;
margin: -46rpx 60rpx 0 80rpx;
.check-in-quick {
font-size: 28rpx;
font-family: PingFang SC;
font-weight: 400;
color: #FFFFFF;
}
}
.check-in-btn {
width: 260rpx;
height: 80rpx;
line-height: 80rpx;
text-align: center;
background: #FFFFFF;
opacity: 0.9;
border-radius: 40rpx;
font-size: 30rpx;
.check-in-msg {
font-size: 24rpx;
font-family: PingFang SC;
font-weight: 500;
color: #2D81FF;
margin-top: -46rpx;
color: #FFFFFF;
margin-top: 20rpx;
}
.check-in-btn2{
color: #fea13a;
.check-in-go {
width: 78rpx;
height: 40rpx;
margin-top: 20rpx;
}
}
}
... ...
<template>
<view class="oneMyCredit">
<view class="header-all">
<view class="header-img-wrap">
<image class="header-img" src="/static/images/tbbj.png" mode="aspectFill"></image>
<CustomReturn title="我的学分" color="#fff" :bgColor="bgColor"/>
<view class="bg-img">
<image src="/static/imagesV2/study/xuefen-bg.png" mode="aspectFill"></image>
</view>
<view class="header-fen flex">
{{all_num}}<text>分</text>
<PaddingTopB>
<view class="main">
<view class="credit-wrap">
<view class="credit-label">
我的学分（分）
</view>
<view class="credit-content">
{{all_num}}
</view>
</view>
<view class="my-credit-main">
<view class="statement_text">
<text>
注：低于80分将被无条件退学处理
</text>
</view>
<view class="learn-credit-wrap area" v-for="(item,index) in datas" :key="index">
<view class="learn-credit-item flex">
<view class="learn-credit-wrap" >
<view class="learn-credit-item flex" v-for="(item,index) in datas" :key="index">
<view class="learn-credit-left">
<view class="learn-credit-tit">
{{item.title}}
... ... @@ -28,6 +39,14 @@
</view>
</view>
</view>
</PaddingTopB>
</view>
</template>
... ... @@ -37,13 +56,19 @@
mapState,
mapMutations
} from 'vuex'
import CustomReturn from "@/components/CustomReturn/index.vue"
import PaddingTopB from "@/components/PaddingTopB/index.vue"
var that
export default {
components: {
CustomReturn,
PaddingTopB
},
data() {
return {
all_num: "0", //分数
datas: []
datas: [],
bgColor: 'none'
}
},
onLoad(e) {
... ... @@ -59,6 +84,13 @@
onReachBottom() {
that.getdata()
},
onPageScroll(e) {
if(e.scrollTop > 0 ) {
this.bgColor = '#3384fc'
}else {
this.bgColor = 'none'
}
},
methods: {
onRetry(){
that.page=1
... ... @@ -134,102 +166,97 @@
<style lang="scss" scoped>
.oneMyCredit {
position: relative;
}
.header-all {
width: 100%;
height: 220rpx;
position: relative;
.header-img-wrap {
width: 100%;
height: 100%;
}
.bg-img {
height: 504rpx;
position: absolute;
top: 0;
left: 0;
.header-img {
width: 100%;
height: 100%;
}
}
.header-fen {
.main {
width: 100%;
font-size: 72rpx;
font-family: Arial;
font-weight: bold;
color: #FFFFFF;
justify-content: center;
align-items: center;
margin-top: 24rpx;
position: absolute;
top: 0;
left: 0;
text {
font-size: 32rpx;
font-family: Arial;
}
.credit-wrap {
padding: 70rpx 0 0 25rpx;
.credit-label{
font-size: 30rpx;
font-family: PingFang SC;
font-weight: 500;
color: #FFFFFF;
}
.credit-content {
font-size: 60rpx;
font-family: PingFang SC;
font-weight: bold;
color: #FFFFFF;
margin-top: 10rpx;
}
}
.my-credit-main {
margin: 20rpx;
}
.learn-credit-wrap {
height: auto;
border-radius: 10rpx;
padding: 0 20rpx;
background-color: #fff;
border-radius: 0 0 20rpx;
.learn-credit-item {
height: 144rpx;
padding: 0 30rpx;
justify-content: space-between;
align-items: center;
border-bottom: 1px solid #EEEEEE;
border-bottom: 1px solid #F3F3F7;
padding: 30rpx;
.learn-credit-left {
.learn-credit-tit {
height: 32rpx;
line-height: 32rpx;
font-size: 32rpx;
font-size: 30rpx;
font-family: PingFang SC;
font-weight: 500;
color: #545D71;
margin-bottom: 28rpx;
color: #323232;
margin-bottom: 30rpx;
}
.learn-credit-day {
height: 26rpx;
line-height: 26rpx;
font-size: 28rpx;
font-size: 24rpx;
font-family: PingFang SC;
font-weight: 400;
color: #A9B1C0;
color: #979797;
}
}
.learn-credit-num {
font-size: 32rpx;
font-size: 30rpx;
font-family: PingFang SC;
font-weight: 500;
color: #FF9000;
}
color: #FC5101;
}
}
.learn-credit-wrap:last-child {
.learn-credit-item{
.learn-credit-item:last-child{
border-bottom: none;
}
}
.statement_text{
width: 100%;
height: 60rpx;
padding-left: 30rpx;
font-size: 28rpx;
font-size: 26rpx;
font-family: PingFang SC;
font-weight: 400;
color: #929399;
font-weight: 500;
color: #646464;
padding: 40rpx 20rpx 20rpx;
text-align: center;
background-color: #fff;
border-radius: 20rpx 20rpx 0 0;
text {
position: relative;
&:before {
content: '';
position: absolute;
bottom: 0;
width: 100%;
height: 12rpx;
background-color: rgba(252, 81, 1, 0.1);
}
}
}
</style>
... ...
<template>
<view class="twoClassRules">
<!-- 班级班规 -->
<view class="tel_index_bg"></view>
<!-- <view class="tel_index_bg"></view> -->
<view class="vio_list">
<view class="text-content" v-html="textAll"></view>
</view>
<view v-if="!is_seleShow" class="btom_agree_all flex" @tap="agreeClick">
<view class="operate-wrap" v-if="!is_seleShow">
<view class="btom_agree_all flex" @tap="agreeClick">
<view class="sele_yes">
<view class="sele_yes_img" v-show="seleShow"></view>
</view>
我已详细阅读，并同意和服从管理
</view>
<view v-if="!is_seleShow" class="agree_btn" @tap="agreeTap">
<view class="agree_btn" @tap="agreeTap">
同意
</view>
</view>
</view>
</template>
... ... @@ -117,6 +119,7 @@
<style lang="scss" scoped>
.twoRule {
position: relative;
padding-bottom: 40rpx;
}
.tel_index_bg {
... ... @@ -131,6 +134,7 @@
.vio_list {
width: 100%;
padding: 30rpx 30rpx 0 30rpx;
border-radius: 20rpx;
position: relative;
z-index: 2;
.text-content {
... ... @@ -144,48 +148,52 @@
min-height: 300rpx;
}
}
.btom_agree_all {
.operate-wrap {
width: 100%;
height: 90rpx;
line-height: 90rpx;
justify-content: flex-start;
align-items: center;
padding: 0 30rpx;
// font-size: 24rpx;
// color: #929399;
font-size: 34rpx;
color: #2D81FF;
margin-top: 50rpx;
}
.btom_agree_all {
width: 100%;
font-size: 24rpx;
font-family: PingFang SC;
font-weight: 500;
color: #646464;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 20rpx;
.sele_yes {
width: 28rpx;
height: 28rpx;
border: 1px solid #2D81FF;
border: 2px solid #A3C8FF;
border-radius: 50%;
margin-right: 10rpx;
position: relative;
margin-right: 14rpx;
.sele_yes_img {
width: 18rpx;
height: 18rpx;
background-color: #2D81FF;
width: 28rpx;
height: 28rpx;
border: 2px solid #A3C8FF;
border-radius: 50%;
background-color: #2D81FF;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
}
}
.agree_btn{
width: 576rpx;
width: 100%;
height: 90rpx;
line-height: 90rpx;
background: #2D81FF;
box-shadow: 5rpx 9rpx 30rpx 0rpx rgba(45, 129, 255, 0.2);
border-radius: 45rpx;
margin: 0 auto 30rpx auto;
font-size: 32rpx;
font-size: 34rpx;
font-family: PingFang SC;
font-weight: 400;
color: #FFFFFF;
... ...
<template>
<view class="twoCurriculum">
<!-- 课程表 -->
<view class="header-wrap">
<view class="tabs-wrap area flex">
<view :class="current==index?'tabs-active':''" v-for="(item,index) in tabs" :key="index"
<view class="tabs-wrap flex">
<view class="tabs-item" :class="current==index?'tabs-active':''" v-for="(item,index) in tabs" :key="index"
@tap="tabsClick(item,index)">
{{item.title}}
</view>
</view>
</view>
<view class="wrap area flex">
<view class="civil_tabs flex" v-if="tabs[current].list&&tabs[current].list.length>0">
<view :class="current2==index?'civil_tabs_active':'civil_tabs_item'"
<view class="civil_tabs_item" :class="current2==index?'civil_tabs_active':''"
v-for="(item,index) in tabs[current].list" :key="index" @tap="civilTabsClick(item,index,'current2')">
{{item.title}}
</view>
... ... @@ -29,7 +27,8 @@
</swiper>
<view class="btn-wrap" >
<!-- 点击查看大图 -->左右滑动查看
<!-- 点击查看大图 -->
左右滑动查看
</view>
</view>
</view>
... ... @@ -181,36 +180,42 @@
}
.tabs-wrap {
height: 76rpx;
height: 88rpx;
justify-content: space-around;
align-items: center;
font-size: 32rpx;
font-size: 28rpx;
font-family: PingFang SC;
font-weight: 500;
color: rgba(255, 255, 255, 0.7);
color: #323232;
background-color: #fff;
border-top:1rpx solid #f3f4f6;
.tabs-item {
height: 100%;
display: flex;
align-items: center;
}
.tabs-active {
color: #FFFFFF;
color: #2D81FF;
position: relative;
}
.tabs-active::after {
content: '';
width: 38rpx;
height: 6rpx;
background: #FFFFFF;
border-radius: 4rpx;
position: absolute;
bottom: -18rpx;
left: 50%;
bottom: 0rpx;
transform: translate(-50%, 0);
background-image: url(@/static/imagesV2/icon23.png);
background-size: 100% 100%;
height: 24rpx;
width: 24rpx;
}
}
.wrap {
min-height: 1152rpx;
background: #FFFFFF;
border-radius: 10rpx;
border-radius: 20rpx;
padding-bottom: 20rpx;
position: absolute;
top: 120rpx;
... ... @@ -247,33 +252,35 @@
.civil_tabs {
width: 100%;
height: 100rpx;
font-size: 32rpx;
color: #999999;
border-radius: 10rpx;
background-image: linear-gradient(#D1EDFF 0%, #fff 100%);
justify-content: space-around;
align-items: center;
.civil_tabs_item {}
padding: 30rpx 0;
.civil_tabs_item {
font-size: 26rpx;
font-family: PingFang SC;
font-weight: 500;
color: #646464;
padding: 20rpx 60rpx;
}
.civil_tabs_active {
color: #0097FF;
opacity: 0.9;
color: #2D81FF;
position: relative;
background: rgba(45, 129, 255, 0.1);
border-radius: 32px;
}
.civil_tabs_active::after {
content: '';
width: 50rpx;
height: 8rpx;
background-color: #0F9CFF;
opacity: 0.9;
border-radius: 6rpx;
position: absolute;
bottom: -18rpx;
left: 50%;
transform: translate(-50%, 0);
}
// .civil_tabs_active::after {
// content: '';
// width: 50rpx;
// height: 8rpx;
// background-color: #0F9CFF;
// opacity: 0.9;
// border-radius: 6rpx;
// position: absolute;
// bottom: -18rpx;
// left: 50%;
// transform: translate(-50%, 0);
// }
}
</style>
... ...
<template>
<view class="twoMailbox">
<!-- 校长信箱 -->
<view class="header-wrap">
<view class="tabs-wrap area flex">
<view :class="current==index?'tabs-active':''" v-for="(item,index) in tabs" :key="index"
<view class="tabs-wrap flex">
<view class="tabs-item" :class="current==index?'tabs-active':''" v-for="(item,index) in tabs" :key="index"
@tap="tabsClick(item,index)">
{{item}}
</view>
</view>
</view>
<!-- 校长私信 -->
<template v-if="current==0">
<view class="wrap area">
<view class="textarea-wrap area">
<view class="icon">
<image src="/static/imagesV2/study/icon-edit.png"></image>
</view>
<textarea
placeholder-style="font-size: 30rpx;font-family: PingFang SC;font-weight: 400;color: #B2B5BB;"
placeholder="请输入你要发送的内容" v-model="message" maxlength="-1" />
... ... @@ -169,29 +170,35 @@
}
.tabs-wrap {
height: 76rpx;
height: 88rpx;
justify-content: space-around;
align-items: center;
font-size: 32rpx;
font-size: 28rpx;
font-family: PingFang SC;
font-weight: 500;
color: rgba(255, 255, 255, 0.7);
color: #323232;
background-color: #fff;
border-top:1rpx solid #f3f4f6;
.tabs-item {
height: 100%;
display: flex;
align-items: center;
}
.tabs-active {
color: #FFFFFF;
color: #2D81FF;
position: relative;
}
.tabs-active::after {
content: '';
width: 38rpx;
height: 6rpx;
background: #FFFFFF;
border-radius: 4rpx;
position: absolute;
bottom: -18rpx;
left: 50%;
bottom: 0rpx;
transform: translate(-50%, 0);
background-image: url(@/static/imagesV2/icon23.png);
background-size: 100% 100%;
height: 24rpx;
width: 24rpx;
}
}
... ... @@ -207,7 +214,13 @@
background: #FFFFFF;
border-radius: 10rpx;
padding: 16rpx 20rpx;
display: flex;
.icon {
width: 30rpx;
height: 30rpx;
margin-right: 10rpx;
margin-top: 5rpx;
}
textarea {
width: 100%;
height: 100%;
... ... @@ -221,7 +234,7 @@
line-height: 90rpx;
text-align: center;
background: #2D81FF;
border-radius: 10rpx;
border-radius: 44rpx;
font-size: 32rpx;
font-family: PingFang SC;
font-weight: 500;
... ... @@ -233,7 +246,6 @@
// 微信添加
.wx-wrap {
height: 392rpx;
background: #FFFFFF;
border-radius: 10rpx;
flex-direction: column;
justify-content: center;
... ... @@ -246,15 +258,21 @@
.code-img{
width: 240rpx;
height: 240rpx;
border: 4rpx solid #A3C8FF;
border-radius: 10rpx;
}
.wx-text{
height: 28rpx;
line-height: 28rpx;
font-size: 30rpx;
width: 310rpx;
height: 64rpx;
background: #2D81FF;
border-radius: 32px;
text-align: center;
font-size: 26rpx;
line-height: 64rpx;
font-family: PingFang SC;
font-weight: 400;
color: #B2B5BB;
margin-top: 20rpx;
color: #FEFEFE;
margin-top: 50rpx;
}
}
... ...
... ... @@ -2,7 +2,7 @@
<view class="twoRule">
<!-- 校纪校规 -->
<view class="tel_index_bg"></view>
<!-- <view class="tel_index_bg"></view> -->
<view class="vio_list">
<!-- <scroll-view scroll-y="true" class="main_box"> -->
... ... @@ -10,16 +10,18 @@
<!-- </scroll-view> -->
</view>
<view v-if="!is_seleShow" class="btom_agree_all flex" @tap="agreeClick">
<view class="operate-wrap" v-if="!is_seleShow">
<view class="btom_agree_all flex" @tap="agreeClick">
<view class="sele_yes">
<view class="sele_yes_img" v-show="seleShow"></view>
</view>
我已详细阅读，并同意和服从管理
</view>
<view v-if="!is_seleShow" class="agree_btn" @tap="agreeTap">
<view class="agree_btn" @tap="agreeTap">
同意
</view>
</view>
</view>
</template>
<script>
... ... @@ -119,6 +121,7 @@
<style lang="scss" scoped>
.twoRule {
position: relative;
padding-bottom: 40rpx;
}
.tel_index_bg {
... ... @@ -133,6 +136,7 @@
.vio_list {
width: 100%;
padding: 30rpx 30rpx 0 30rpx;
border-radius: 20rpx;
position: relative;
z-index: 2;
... ... @@ -148,49 +152,52 @@
}
}
.btom_agree_all {
.operate-wrap {
width: 100%;
height: 90rpx;
line-height: 90rpx;
justify-content: flex-start;
align-items: center;
padding: 0 30rpx;
// font-size: 24rpx;
// color: #929399;
font-size: 34rpx;
color: #2D81FF;
margin-top: 50rpx;
}
.btom_agree_all {
width: 100%;
font-size: 24rpx;
font-family: PingFang SC;
font-weight: 500;
color: #646464;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 20rpx;
.sele_yes {
width: 28rpx;
height: 28rpx;
border: 1px solid #2D81FF;
border: 2px solid #A3C8FF;
border-radius: 50%;
margin-right: 10rpx;
position: relative;
margin-right: 14rpx;
.sele_yes_img {
width: 18rpx;
height: 18rpx;
background-color: #2D81FF;
width: 28rpx;
height: 28rpx;
border: 2px solid #A3C8FF;
border-radius: 50%;
background-color: #2D81FF;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
}
}
.agree_btn {
width: 576rpx;
.agree_btn{
width: 100%;
height: 90rpx;
line-height: 90rpx;
background: #2D81FF;
box-shadow: 5rpx 9rpx 30rpx 0rpx rgba(45, 129, 255, 0.2);
border-radius: 45rpx;
margin: 0 auto 30rpx auto;
font-size: 32rpx;
font-size: 34rpx;
font-family: PingFang SC;
font-weight: 400;
color: #FFFFFF;
... ...
... ... @@ -34,6 +34,7 @@
var jkurl = '/study/ruxue_baogao'
this.$service.P_post(jkurl, datas).then(res => {
this.info = res.data
this.info.comment = 2122;
})
}
}
... ... @@ -46,21 +47,32 @@
.evaluating-c{
background-color: #fff;
border-radius: 20rpx;
padding: 0 24rpx;
padding: 0 30rpx;
.evaluating-c-i{
height: 80rpx;
display: flex;
align-items: center;
justify-content: space-between;
padding: 30rpx 0;
border-bottom: 1rpx solid #F3F3F7;
&-l {
font-size: 30rpx;
font-family: PingFang SC;
font-weight: 500;
color: #000000;
}
&-r {
font-size: 28rpx;
border-bottom: 1rpx solid #f8f8f8;
font-family: PingFang SC;
font-weight: 400;
color: #646464;
}
&:last-child{
border-bottom: none;
}
}
}
.evaluating-b{
padding: 24rpx;
padding: 30rpx;
background-color: #fff;
border-radius: 20rpx;
margin-top: 30rpx;
... ... @@ -71,10 +83,18 @@
background-color: #f8f8f8;
min-height: 200rpx;
font-size: 28rpx;
font-family: PingFang SC;
font-weight: 400;
color: #646464;
}
.evaluating-b-t{
font-size: 28rpx;
margin-bottom: 15rpx;
margin-bottom: 20rpx;
font-size: 30rpx;
font-family: PingFang SC;
font-weight: 500;
color: #000000;
}
}
}
... ...
<template>
<view class="wrap_box">
<!-- <uParse v-if="datas" :content="datas"></uParse> -->
<view class="tel_index_bg"></view>
<view v-if="datas.info" class="vio_list">
<view class="main_list">
<view class="main_top">
<view class="main_tit">
{{datas.info.title}} <text>{{datas.info.pid}}</text>
<view v-if="datas.info">
<view class="course-info" >
<view class="course-info-title">
<text class="classroom">{{datas.info.pid}}</text>
<view class="tit">
{{datas.info.title}}
</view>
</view>
<view class="">
<view class="course-info-content">
课程详情：{{datas.info.content}}
</view>
</view>
<view class="my_seat">
<image class="my_seat_bg" src="/static/images/seat_bg.png" mode="aspectFill"></image>
<view class="my_seat_num">
你选的座位：{{datas.seat_title}}
<view class="my_seat_bg">
<image src="/static/imagesV2/stu_myseat/bg.png" mode="aspectFill"></image>
</view>
<view class="my_seat_info">
<view class="value">
{{datas.seat_title}}
</view>
<view class="label">
你选的座位
</view>
</view>
<!-- <view class="bz_add" >
<view @click="save_fuc" data-url="/pagesA/stu_bz_edit/stu_bz_edit">
确认选座
</view>
</view> -->
</view>
<!-- 阻止滑动 -->
<!-- <view @touchmove.stop.prevent='test'></view> -->
</view>
</template>
... ... @@ -161,178 +159,69 @@
// #ifdef H5
min-height: calc(100vh - 44px);
// #endif
background: #F8F8F8;
background: #fff;
position: relative;
}
.tel_index_bg {
position: absolute;
top: 0;
z-index: 1;
width: 100%;
min-height: 220rpx;
background: linear-gradient(0deg, #f8f8f8 0%, #5D9DFD 60%, #428EFE 70%, #2D81FF 100%);
}
.top_tabs{
width: 100%;
}
.vip_tab_list{
// padding: 0 30rpx;
}
.vip_tab_li{
height: 90rpx;
display: inline-flex;
.course-info {
padding: 20rpx;
&-title {
display: flex;
align-items: center;
font-size: 30rpx;
color: #FFFFFF;
opacity: 0.6;
position: relative;
&+.vip_tab_li{
margin-left: 50rpx;
}
&.active{
opacity: 1;
&:after{
content: '';
position: absolute;
bottom: 0;
left: 50%;
margin-left: -18rpx;
width: 36rpx;
height: 6rpx;
background: #FFFFFF;
border-radius: 3rpx;
font-family: PingFang SC;
font-weight: bold;
color: #323232;
.classroom {
background: #FE7631;
border-radius: 5rpx;
padding: 7rpx 20rpx;
font-size: 26rpx;
font-family: PingFang SC;
font-weight: 500;
color: #FAFBFA;
margin-right: 20rpx;
}
.tit {
flex: 1;
}
}
.vio_sx{
height: 100rpx;
justify-content: space-between;
border-bottom: 1px solid #eee;
}
.vio_time{
// padding: 0 24rpx;
font-size: 30rpx;
color: #7D8087;
letter-spacing: 0;
display: flex;
align-items: center;
.icon{
font-size: 20rpx;
margin-left: 5rpx;
color: #999999;
opacity: .5;
}
input{
font-size: 30rpx;
color: #7D8087;
text-align: right;
padding: 0 10rpx;
&-content {
font-size: 26rpx;
font-family: PingFang SC;
font-weight: 500;
color: #646464;
margin-top: 20rpx;
}
}
.vio_int{
font-size: 30rpx;
color: #7D8087;
text-align: right;
padding: 0 10rpx;
}
/deep/ .vip_intpl{
color: #D5D7DA;
}
.vio_list{
width: 100%;
// padding: 0 30rpx 30rpx;
padding:20rpx 30rpx 30rpx;
position: relative;
z-index: 2;
.main_list{
background: #FFFFFF;
border-radius: 10rpx;
padding-bottom: 30rpx;
// padding:0 30rpx;
}
}
.bz_add{
width: 100%;
// position: fixed;
// bottom: 0;
background: #f8f8f8;
z-index: 800;
// left: 0;
padding:30rpx 0;
view{
font-size: 32rpx;
color: #FFFFFF;
width: 100%;
height: 90rpx;
background: #2D81FF;
border-radius: 10rpx;
display: flex;
align-items: center;
justify-content: center;
}
}
.main_top{
width: 100%;
padding: 30rpx;
font-size: 28rpx;
color: #929399;
border-bottom: 1px solid #eee;
line-height: 45rpx;
.main_tit{
font-size: 32rpx;
color: #545D71;
margin-bottom: 20rpx;
.my_seat{
margin: 20rpx;
background: #FAFAFA;
border-radius: 20px;
padding: 65rpx 0 40rpx;
&_bg{
width: 280rpx;
height: 280rpx;
margin: 0 auto;
}
&_info{
margin-top: -30rpx;
text-align: center;
.value {
font-size: 30rpx;
font-family: PingFang SC;
font-weight: bold;
line-height: 55rpx;
// display: flex;
// align-items: center;
// flex-wrap: wrap;
text{
height: 48rpx;
line-height: 48rpx;
display: inline-flex;
align-items: center;
padding: 0 12rpx;
background: rgba(45, 129, 255, .1);
border-radius: 10rpx;
font-size: 26rpx;
color: #2D81FF;
font-weight: normal;
margin-left: 20rpx;
}
}
}
.my_seat{
width: 593rpx;
height: 140rpx;
margin: 30rpx auto;
position: relative;
padding-top: 24rpx;
.my_seat_bg{
width: 593rpx;
height: 140rpx;
position: absolute;
z-index: 3;
top: 0;
left: 0;
.label {
font-size: 26rpx;
font-family: PingFang SC;
font-weight: 500;
color: #646464;
margin-top: 20rpx;
}
.my_seat_num{
position: relative;
z-index: 10;
width: 100%;
height: 78rpx;
display: flex;
align-items: center;
padding-left: 80rpx;
font-size: 32rpx;
color: #FFFFFF;
}
}
</style>
... ...
<template>
<view class="wrap_box">
<!-- <uParse v-if="datas" :content="datas"></uParse> -->
<view class="tel_index_bg"></view>
<view class="vio_list">
<view class=" dis_flex reg_tip">
<view class="reg_tip">
<view v-if="datas.is_register!=1" class="reg_tip_cell edit">
<text class="icon icon-icon-tianxiegenjin"></text>
<view v-if="datas.is_register!=1" class="">
以下每一项都为必填项，请如实填写信息！ 如有疑问请咨询接待老师
</view>
<view v-else class="">
<view v-else class="reg_tip_cell">
<view class="icon">
<image src="/static/imagesV2/stu_register/icon1.png"></image>
</view>
你已填写，如有疑问请咨询接待老师
</view>
</view>
<view class="main_list">
<view class="vio_sx dis_flex aic ju_b">
<view class="flex_1 vio_time">
<view class="flex_1 vio_time label">
姓名：
</view>
<view v-if="datas.is_register==1" class="vio_time" >
... ... @@ -26,7 +26,7 @@
<input v-else class="vio_int" placeholder-class="vip_intpl" type="text" maxlength="10" placeholder="请填写姓名" v-model="stu_name">
</view>
<view v-if="datas.is_register==1" class="vio_sx dis_flex aic ju_b">
<view class=" vio_time">
<view class=" vio_time label">
性别：
</view>
<view class="vio_time">
... ... @@ -36,7 +36,7 @@
</view>
<picker v-else mode="selector" @change="sexChange" :range="sexList">
<view class="vio_sx dis_flex aic ju_b">
<view class=" vio_time">
<view class=" vio_time label">
性别：
</view>
... ... @@ -47,7 +47,7 @@
</view>
</picker>
<view v-if="datas.is_register==1" class="vio_sx dis_flex aic ju_b">
<view class="flex_1 vio_time">
<view class="flex_1 vio_time label">
出生年月：
</view>
<view class="vio_time">
... ... @@ -56,7 +56,7 @@
</view>
<picker v-else mode="date" :value="birth" @change="birthChange">
<view class="vio_sx dis_flex aic ju_b">
<view class="flex_1 vio_time">
<view class="flex_1 vio_time label">
出生年月：
</view>
<view class="vio_time">
... ... @@ -66,7 +66,7 @@
</picker>
<view class="vio_sx dis_flex aic ju_b">
<view class="flex_1 vio_time">
<view class="flex_1 vio_time label">
学历：
</view>
<view v-if="datas.is_register==1" class="vio_time">
... ... @@ -76,7 +76,7 @@
</view>
<view class="vio_sx dis_flex aic ju_b">
<view class="flex_1 vio_time">
<view class="flex_1 vio_time label">
学位：
</view>
<view v-if="datas.is_register==1" class="vio_time">
... ... @@ -85,7 +85,7 @@
<input v-else class="vio_int" placeholder-class="vip_intpl" type="text" placeholder="请填写学位" v-model="xuewei">
</view>
<view class="vio_sx dis_flex aic ju_b">
<view class="flex_1 vio_time">
<view class="flex_1 vio_time label">
籍贯：
</view>
<view class="vio_time" v-if="datas.is_register==1">
... ... @@ -94,7 +94,7 @@
<input v-else class="vio_int" placeholder-class="vip_intpl" type="text" placeholder="请填写籍贯" v-model="native">
</view>
<view class="vio_sx dis_flex aic ju_b">
<view class="flex_1 vio_time">
<view class="flex_1 vio_time label">
身份证号：
</view>
<view class="vio_time" v-if="datas.is_register==1">
... ... @@ -103,7 +103,7 @@
<input v-else class="vio_int" placeholder-class="vip_intpl" type="text" placeholder="请填写身份证号" v-model="id_card">
</view>
<view class="vio_sx dis_flex aic ju_b">
<view class="flex_1 vio_time">
<view class="flex_1 vio_time label">
家庭住址：
</view>
<view v-if="datas.is_register==1" class="vio_time">
... ... @@ -112,7 +112,7 @@
<input v-else class="vio_int" placeholder-class="vip_intpl" type="text" placeholder="请填写家庭住址" v-model="jtzz">
</view>
<view class="vio_sx dis_flex aic ju_b">
<view class="flex_1 vio_time">
<view class="flex_1 vio_time label">
招生联系人：
</view>
<view v-if="datas.is_register==1" class="vio_time">
... ... @@ -121,7 +121,7 @@
<input v-else class="vio_int" placeholder-class="vip_intpl" type="text" placeholder="请填写招生联系人" v-model="zslxr">
</view>
<view class="vio_sx dis_flex aic ju_b">
<view class="flex_1 vio_time">
<view class="flex_1 vio_time label">
是否脱产备考：
</view>
<!-- <view v-if="datas.is_register==1" class="vio_time">
... ... @@ -145,7 +145,7 @@
</view>
</view>
<view class="vio_sx dis_flex aic ju_b">
<view class="flex_1 vio_time">
<view class="flex_1 vio_time label">
毕业/在读学校：
</view>
<view v-if="datas.is_register==1" class="vio_time">
... ... @@ -154,7 +154,7 @@
<input v-else class="vio_int" placeholder-class="vip_intpl" type="text" placeholder="请填写毕业/在读学校" v-model="byxx">
</view>
<view v-if="datas.is_register==1" class="vio_sx dis_flex aic ju_b">
<view class="flex_1 vio_time">
<view class="flex_1 vio_time label">
毕业时间：
</view>
<view class="vio_time">
... ... @@ -163,7 +163,7 @@
</view>
<picker v-else mode="date" :value="by_time" @change="byChange">
<view class="vio_sx dis_flex aic ju_b">
<view class="flex_1 vio_time">
<view class="flex_1 vio_time label">
毕业时间：
</view>
<view class="vio_time">
... ... @@ -172,7 +172,7 @@
</view>
</picker>
<view class="vio_sx dis_flex aic ju_b">
<view class="flex_1 vio_time">
<view class="flex_1 vio_time label">
所学专业：
</view>
<view v-if="datas.is_register==1" class="vio_time">
... ... @@ -181,7 +181,7 @@
<input v-else class="vio_int" placeholder-class="vip_intpl" type="text" placeholder="请填写所学专业" v-model="sxzy">
</view>
<view class="vio_sx dis_flex aic ju_b">
<view class="flex_1 vio_time">
<view class="flex_1 vio_time label">
民族：
</view>
<view class="vio_time" v-if="datas.is_register==1">
... ... @@ -190,7 +190,7 @@
<input v-else class="vio_int" placeholder-class="vip_intpl" type="text" placeholder="请填写民族" v-model="nation">
</view>
<view class="vio_sx dis_flex aic ju_b">
<view class="flex_1 vio_time">
<view class="flex_1 vio_time label">
联系方式：
</view>
<view v-if="datas.is_register==1" class="vio_time">
... ... @@ -199,7 +199,7 @@
<input v-else class="vio_int" placeholder-class="vip_intpl" type="number" placeholder="请填写联系方式" v-model="lxfs">
</view>
<view class="vio_sx dis_flex aic ju_b">
<view class="flex_1 vio_time">
<view class="flex_1 vio_time label">
家长姓名：
</view>
<view v-if="datas.is_register==1" class="vio_time">
... ... @@ -208,7 +208,7 @@
<input v-else class="vio_int" placeholder-class="vip_intpl" type="text" placeholder="请填写家长姓名" v-model="parent_name">
</view>
<view class="vio_sx dis_flex aic ju_b">
<view class="flex_1 vio_time">
<view class="flex_1 vio_time label">
家长手机号：
</view>
<view v-if="datas.is_register==1" class="vio_time">
... ... @@ -219,7 +219,7 @@
<view v-if="datas.is_register==1" class="vio_sx dis_flex aic ju_b" style="border-bottom: 0;">
<view class=" vio_time">
<view class=" vio_time label">
学历性质：
</view>
<view class="vio_time">
... ... @@ -229,7 +229,7 @@
</view>
<picker v-else mode="selector" @change="xzChange" :range="xzList" range-key="title">
<view class="vio_sx dis_flex aic ju_b" style="border-bottom: 0;">
<view class=" vio_time">
<view class=" vio_time label">
学历性质：
</view>
... ... @@ -433,7 +433,6 @@
}
}
}
} else {
if (res.msg) {
... ... @@ -782,22 +781,6 @@
position: relative;
}
.tel_index_bg {
position: absolute;
top: 0;
z-index: 1;
width: 100%;
min-height: 220rpx;
background: linear-gradient(0deg, #f8f8f8 0%, #5D9DFD 60%, #428EFE 70%, #2D81FF 100%);
}
.top_tabs {
width: 100%;
}
.vip_tab_list {
// padding: 0 30rpx;
}
.vip_tab_li {
height: 90rpx;
... ... @@ -831,20 +814,24 @@
}
.vio_sx {
height: 100rpx;
padding: 30rpx 0;
justify-content: space-between;
border-bottom: 1px solid #eee;
border-bottom: 1px solid #F3F3F7;
align-items: baseline;
}
.vio_time {
// padding: 0 24rpx;
font-size: 30rpx;
color: #7D8087;
flex: 1;
font-size: 28rpx;
font-family: PingFang SC;
font-weight: 400;
color: #646464;
letter-spacing: 0;
display: flex;
align-items: center;
text-align: right;
justify-content: flex-end;
.icon {
font-size: 20rpx;
margin-left: 5rpx;
... ... @@ -883,6 +870,16 @@
background: #FFFFFF;
border-radius: 10rpx;
padding: 0 30rpx;
.label {
font-size: 30rpx;
font-family: PingFang SC;
font-weight: 500;
color: #000000;
width: 240rpx;
flex: none;
text-align: left;
justify-content: unset;
}
}
}
... ... @@ -897,12 +894,14 @@
padding: 50rpx 0;
view {
font-size: 32rpx;
color: #FFFFFF;
width: 100%;
height: 90rpx;
background: #2D81FF;
border-radius: 10rpx;
border-radius: 44rpx;
font-size: 34rpx;
font-family: PingFang SC;
font-weight: 500;
color: #FFFFFF;
display: flex;
align-items: center;
justify-content: center;
... ... @@ -937,15 +936,21 @@
}
.reg_tip {
font-size: 30rpx;
font-weight: 500;
color: #fff;
text {
font-size: 30rpx;
.reg_tip_cell {
font-size: 26rpx;
font-family: PingFang SC;
font-weight: 400;
color: #EF5D22;
background: #F2E9E6;
border-radius: 20rpx;
display: flex;
align-items: center;
padding: 15rpx 30rpx;
.icon {
width: 34rpx;
height: 34rpx;
margin-right: 20rpx;
position: relative;
top: 8rpx;
}
}
}
... ...
<template>
<view class="wrap_box">
<!-- <uParse v-if="datas" :content="datas"></uParse> -->
<view class="tel_index_bg"></view>
<view class="vio_list">
<view class="main_list">
<view v-if="datas.info" class="main_top">
<view class="main_tit">
{{datas.info.title}} <text>{{datas.info.pid}}</text>
<view class="course-info" v-if="datas.info">
<view class="course-info-title">
<text class="classroom">{{datas.info.pid}}</text>
<view class="tit">
{{datas.info.title}}
</view>
</view>
<view class="">
<view class="course-info-content">
课程详情：{{datas.info.content}}
</view>
</view>
<movable-area class="main_center">
<!-- <movable-view class="seat_list" :scale="true" :x="x" :y="y" direction="all" @change="onChange">
<view class="seat_d1 dis_flex aic ju_c">
<image src="/static/images/seat_dais.png" mode="aspectFill"></image>
</view>
<view class="zw_list">
<text class="icon icon-zuowei zw_li" v-for="(item,index) in 10"></text>
</view>
</movable-view> -->
<movable-view class="movable-view" :style="{width:datas.width*40+'rpx'}" :out-of-bounds="true" :scale="true" :x="x+'rpx'" :y="y" direction="all" @change="onChange">
<view v-if="datas.list" class="seat_list_box">
<view v-if="datas.info.pid=='1号教室'" class="seat_d1 seat_d2 dis_flex aic ju_c" >
... ... @@ -49,20 +39,18 @@
</view>
</movable-view>
</movable-area>
<view class="my_seat">
<view class="">你选的座位</view>
<text class="">{{my_seat_index==-1?'':datas.list[my_seat_index].title}}</text>
</view>
<text v-show="my_seat_index != -1">{{datas.list[my_seat_index].title}}</text>
</view>
<view class="bz_add" >
<view @click="save_fuc" data-url="/pagesA/stu_bz_edit/stu_bz_edit">
确认选座
</view>
</view>
</view>
<!-- 阻止滑动 -->
<!-- <view @touchmove.stop.prevent='test'></view> -->
</view>
</template>
... ... @@ -1222,175 +1210,55 @@
// #ifdef H5
min-height: calc(100vh - 44px);
// #endif
background: #F8F8F8;
position: relative;
}
.tel_index_bg {
position: absolute;
top: 0;
z-index: 1;
width: 100%;
min-height: 220rpx;
background: linear-gradient(0deg, #f8f8f8 0%, #5D9DFD 60%, #428EFE 70%, #2D81FF 100%);
}
.top_tabs{
width: 100%;
}
.vip_tab_list{
// padding: 0 30rpx;
}
.vip_tab_li{
height: 90rpx;
display: inline-flex;
align-items: center;
font-size: 30rpx;
color: #FFFFFF;
opacity: 0.6;
background: #fff;
position: relative;
&+.vip_tab_li{
margin-left: 50rpx;
}
&.active{
opacity: 1;
&:after{
content: '';
position: absolute;
bottom: 0;
left: 50%;
margin-left: -18rpx;
width: 36rpx;
height: 6rpx;
background: #FFFFFF;
border-radius: 3rpx;
}
}
}
.vio_sx{
height: 100rpx;
justify-content: space-between;
border-bottom: 1px solid #eee;
}
.vio_time{
// padding: 0 24rpx;
font-size: 30rpx;
color: #7D8087;
letter-spacing: 0;
.course-info {
padding: 20rpx;
&-title {
display: flex;
align-items: center;
.icon{
font-size: 20rpx;
margin-left: 5rpx;
color: #999999;
opacity: .5;
}
input{
font-size: 30rpx;
color: #7D8087;
text-align: right;
padding: 0 10rpx;
font-family: PingFang SC;
font-weight: bold;
color: #323232;
.classroom {
background: #FE7631;
border-radius: 5rpx;
padding: 7rpx 20rpx;
font-size: 26rpx;
font-family: PingFang SC;
font-weight: 500;
color: #FAFBFA;
margin-right: 20rpx;
}
}
.vio_int{
font-size: 30rpx;
color: #7D8087;
text-align: right;
padding: 0 10rpx;
}
/deep/ .vip_intpl{
color: #D5D7DA;
}
.vio_list{
width: 100%;
// padding: 0 30rpx 30rpx;
padding:20rpx 30rpx 30rpx;
position: relative;
z-index: 2;
.main_list{
background: #FFFFFF;
border-radius: 10rpx;
// padding:0 30rpx;
.tit {
flex: 1;
}
}
.bz_add{
width: 100%;
// position: fixed;
// bottom: 0;
background: #f8f8f8;
z-index: 800;
// left: 0;
padding:30rpx 0;
view{
font-size: 32rpx;
color: #FFFFFF;
width: 100%;
height: 90rpx;
background: #2D81FF;
border-radius: 10rpx;
display: flex;
align-items: center;
justify-content: center;
}
}
.main_top{
width: 100%;
padding: 30rpx;
font-size: 28rpx;
color: #929399;
border-bottom: 1px solid #eee;
line-height: 45rpx;
.main_tit{
font-size: 32rpx;
color: #545D71;
margin-bottom: 20rpx;
font-weight: bold;
line-height: 55rpx;
// display: flex;
// align-items: center;
// flex-wrap: wrap;
text{
height: 48rpx;
line-height: 48rpx;
display: inline-flex;
align-items: center;
padding: 0 12rpx;
background: rgba(45, 129, 255, .1);
border-radius: 10rpx;
&-content {
font-size: 26rpx;
color: #2D81FF;
font-weight: normal;
margin-left: 20rpx;
}
font-family: PingFang SC;
font-weight: 500;
color: #646464;
margin-top: 20rpx;
}
}
.main_center{
width: 100%;
height: 737rpx;
border-bottom: 1px solid #eee;
overflow: hidden;
margin-top: 30rpx;
}
.seat_list{
// width: 180rpx;
// height: 180rpx;
min-width: 690rpx;
min-height: 737rpx;
background: #fff;
padding: 22rpx;
// display: flex;
// align-items: center;
// justify-content: center;
}
.seat_list1{
// width: 1899rpx;
// height: 1448rpx;
}
.my_seat{
width: 100%;
... ... @@ -1400,22 +1268,20 @@
color: #5B6476;
display: flex;
align-items: center;
justify-content: space-between;
text{
font-size: 28rpx;
color: #5B6476;
min-width: 118rpx;
height: 55rpx;
padding: 0 15rpx;
background: rgba(169, 177, 192, .1);
background: #FAFAFA;
border: 1px solid #CACACA;
border-radius: 10rpx;
display: flex;
align-items: center;
justify-content: center;
font-size: 26rpx;
font-family: PingFang SC;
font-weight: 500;
color: #40C8A9;
padding: 20rpx 52rpx;
margin-left: 30rpx;
}
}
.zw_list{
// min-width: 600rpx;
padding-top: 20rpx;
display: flex;
flex-wrap: wrap;
... ... @@ -1423,9 +1289,7 @@
width: 40rpx;
height: 40rpx;
.zw_li{
// margin: 10rpx;
color: #F2F2F2;
// font-size: 60rpx;
font-size: 30rpx;
}
}
... ... @@ -1436,7 +1300,6 @@
height: 900rpx;
}
.seat_list_box{
// padding: 0 30rpx;
min-width: 690rpx;
display: flex;
flex-direction: column;
... ... @@ -1459,4 +1322,19 @@
height: auto;
}
}
.bz_add{
background: #f8f8f8;
padding: 30rpx;
view{
background: #2D81FF;
border-radius: 44rpx;
font-size: 34rpx;
font-family: PingFang SC;
font-weight: 500;
color: #FFFFFF;
line-height: 88rpx;
text-align: center;
}
}
</style>
... ...
<template>
<view class="wrap_box">
<!-- <uParse v-if="datas" :content="datas"></uParse> -->
<!-- <view class="tel_index_bg"></view> -->
<image class="tel_index_bg" src="/static/images/selectseat_bg.png" mode="aspectFill"></image>
<CustomReturn title="听课教室选座" color="#fff" :bgColor="bgColor"/>
<view class="bg-img">
<image src="/static/imagesV2/stu_selection/selectseat_bg.png" mode="aspectFill"></image>
</view>
<PaddingTopB>
<view v-if="datas.info" class="vio_list">
<scroll-view scroll-x class="stime_list scroll_x" v-if="datas.type==2">
<scroll-view scroll-x class="stime_list scroll_x" v-if="datas.type ==2">
<view class="stime_li" :class="{active:index==0}" v-for="(item,index) in datas.timeArr">
<view class="li_tit">
{{item.title}}
... ... @@ -19,6 +21,10 @@
</view>
</scroll-view>
<view v-else class="xzdata_null">
<view class="icon">
<image src="/static/imagesV2/stu_selection/icon-success.png" mode=""></image>
</view>
<view>
<view class="d1">
选座已结束
</view>
... ... @@ -26,10 +32,11 @@
没有选座的同学赶紧选座吧！
</view>
</view>
</view>
<view class="xz_rule">
<image class="xz_rule_top" src="/static/images/selectseat_rules.png" mode="aspectFill"></image>
<view class="xz_rule_tit">
选座规则
<view class="tit-icon">
<image src="/static/imagesV2/stu_selection/xuanzuoguize.png" mode="aspectFill"></image>
</view>
<view class="rule_msg">
<view class="xz_room">
... ... @@ -40,26 +47,28 @@
</view>
</view>
</view>
<view class="stu_tit">
<text></text>
<view class="">以下学员可以选座</view>
</view>
<view class="stu_list">
<view class="stu_li" v-for="(item,index) in datas.user">
<view class="stu_name">
<view class="oh1">{{item.name}}</view>
<image v-if="item.sex==2" src="/static/images/tch/icon_female.png" mode="aspectFit"></image>
<image v-else src="/static/images/tch/icon_male.png" mode="aspectFit"></image>
</view>
<view class="stu_time">
{{item.add_time}} 入学
</view>
<view v-if="item.seat_type==1" class="stu_status">
已选
</view>
<view v-else class="stu_status stu_status1">
未选
</view>
<view class="stu_name">
<view class="oh1">{{item.name}}</view>
<image v-if="item.sex==2" src="/static/imagesV2/stu_selection/icon_female.png" mode="aspectFit"></image>
<image v-else src="/static/imagesV2/stu_selection/icon_male.png" mode="aspectFit"></image>
</view>
<view class="stu_time">
{{item.add_time}} 入学
</view>
</view>
<u-empty v-if="datas.user&&datas.user.length==0"
mode="data"
... ... @@ -68,15 +77,17 @@
>
</u-empty>
</view>
</view>
<view v-if="datas.user&&datas.user.length>0" class="bz_add" >
<view class="" @click="$service.jump" :data-url="'/pagesStu/stu_seat_list/stu_seat_list?id='+datas.info.id">
去选座
</view>
</view>
<!-- 阻止滑动 -->
<!-- <view @touchmove.stop.prevent='test'></view> -->
</view>
</PaddingTopB>
</view>
</template>
... ... @@ -86,11 +97,18 @@
mapState,
mapMutations
} from 'vuex'
import CustomReturn from "@/components/CustomReturn/index.vue"
import PaddingTopB from "@/components/PaddingTopB/index.vue"
var that
var djs_name
export default {
components: {
CustomReturn,
PaddingTopB
},
data() {
return {
bgColor: 'none',
options:'',
time_list:[
{
... ... @@ -131,6 +149,13 @@
return this.getDate('end');
}
},
onPageScroll(e) {
if(e.scrollTop > 0 ) {
this.bgColor = '#3384fc'
}else {
this.bgColor = 'none'
}
},
onLoad(e) {
that=this
that.options=e||{}
... ... @@ -308,24 +333,12 @@
<style lang="scss" scoped>
.wrap_box{
width: 100%;
// padding: 30rpx;
min-height: 100vh;
// #ifdef H5
min-height: calc(100vh - 44px);
// #endif
background: #F8F8F8;
position: relative;
padding-bottom: 120rpx;
}
.tel_index_bg {
.bg-img {
height: 504rpx;
position: absolute;
top: 0;
z-index: 1;
width: 100%;
height: 250rpx;
background: url('/static/images/selectseat_bg.png') repeat fixed center;
}
.vio_list{
... ... @@ -344,7 +357,7 @@
}
.stime_list{
width: 100%;
// padding: 0 30rpx;
margin: 20rpx 0 60rpx 0;
.stime_li{
width: 144rpx;
height: 102rpx;
... ... @@ -389,122 +402,100 @@
}
.xz_rule{
width: 100%;
height: 306rpx;
background: #FFFFFF;
border-radius: 32rpx;
margin-top: 80rpx;
position: relative;
.xz_rule_top{
width: 100%;
height: 154rpx;
margin-top: -40rpx;
border-radius: 20rpx;
position: relative;
z-index: 2;
}
.xz_rule_tit{
width: 100%;
height: 74rpx;
display: flex;
align-items: center;
padding: 0 40rpx;
padding: 60rpx 30rpx 30rpx;
.tit-icon {
position: absolute;
top: 0;
left: 0;
z-index: 10;
font-size: 30rpx;
color: #FFFFFF;
top: 0;
width: 130rpx;
height: 40rpx;
}
.rule_msg{
width: 100%;
padding: 0 30rpx;
.xz_room{
font-size: 30rpx;
color: #545D71;
position: relative;
padding-left: 21rpx;
&:before{
content:'';
position: absolute;
left: 0;
top: 50%;
margin-top: -13rpx;
width: 6rpx;
height: 26rpx;
background: #2D81FF;
border-radius: 3rpx;
}
font-size: 28rpx;
font-family: PingFang SC;
font-weight: 500;
color: #323232;
}
.rule_tip{
padding-top: 30rpx;
font-size: 28rpx;
color: #A9B1C0;
font-size: 22rpx;
font-family: PingFang SC;
font-weight: 400;
color: #979797;
margin-top: 20rpx;
}
}
}
.stu_tit{
width: 100%;
height: 94rpx;
font-size: 28rpx;
color: #545D71;
display: flex;
align-items: center;
text{
width: 16rpx;
height: 16rpx;
background: #FFAC0D;
border-radius: 50%;
margin-right: 8rpx;
font-family: PingFang SC;
font-weight: 500;
color: #323232;
margin: 30rpx 0;
padding-left: 20rpx;
position: relative;
&:before{
content:'';
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 10rpx;
background: #2D81FF;
border-radius: 6rpx;
}
}
.stu_list{
width: 100%;
// height: 740px;
background: #FFFFFF;
border-radius: 10rpx;
padding: 15rpx 0;
border-radius: 20rpx;
.stu_li{
width: 100%;
padding: 0 30rpx;
height: 80rpx;
padding: 30rpx;
display: flex;
align-items: center;
.stu_name{
font-size: 30rpx;
color: #545D71;
font-size: 28rpx;
font-family: PingFang SC;
font-weight: 400;
color: #323232;
display: flex;
align-items: center;
view{
line-height: 32rpx;
height: 32rpx;
max-width: 250rpx;
}
image {
width: 28rpx;
height: 28rpx;
margin-left: 12rpx;
width: 30rpx;
height: 26rpx;
margin-left: 20rpx;
}
}
.stu_time{
flex: 1;
font-size: 28rpx;
font-family: Arial;
color: #A9B1C0;
padding-left: 20rpx;
font-size: 24rpx;
font-family: PingFang SC;
font-weight: 400;
color: #979797;
text-align: right;
}
.stu_status{
font-size: 26rpx;
color: #2D81FF;
width: 78rpx;
height: 38rpx;
background: rgba(45, 129, 255, .1);
border-radius: 4rpx;
display: flex;
align-items: center;
justify-content: center;
padding: 4rpx 6rpx;
font-size: 20rpx;
font-family: PingFang SC;
font-weight: 500;
background: #F3F4F6;
border: 1px solid #CACACA;
border-radius: 2px;
color: #979797;
margin-right: 20rpx;
&.stu_status1{
color: #AFB6C4;
background: rgba(175, 182, 196, .1);
background: #FFF1F0;
border: 1px solid #FFAFAE;
color: #EC5656;
}
}
}
... ... @@ -513,39 +504,42 @@
width: 100%;
position: fixed;
bottom: 0;
background: #f8f8f8;
background: #FFFFFF;
z-index: 800;
left: 0;
padding: 30rpx;
padding: 15rpx 25rpx;
view{
font-size: 32rpx;
color: #FFFFFF;
width: 100%;
height: 90rpx;
background: #2D81FF;
border-radius: 10rpx;
display: flex;
align-items: center;
justify-content: center;
border-radius: 44rpx;
line-height: 88rpx;
font-size: 34rpx;
font-family: PingFang SC;
font-weight: 500;
text-align: center;
color: #FFFFFF;
}
}
.xzdata_null{
width: 100%;
height: 110rpx;
display: flex;
align-items: center;
// justify-content: center;
flex-direction: column;
position: relative;
// top: -20rpx;
margin-bottom: -40rpx;
margin: 50rpx 0;
.icon {
width: 60rpx;
height: 60rpx;
margin-right: 20rpx;
}
.d1{
font-size: 36rpx;
font-size: 32rpx;
font-family: PingFang SC;
font-weight: 500;
color: #FFFFFF;
}
.d2{
font-size: 26rpx;
font-size: 24rpx;
font-family: PingFang SC;
font-weight: 500;
color: #FFFFFF;
margin-top: 20rpx;
}
}
</style>
... ...