Skip to content

E
educationStu
Commit 1a06ce29 authored by youjie's avatar youjie
Browse files
Options

no message

parent 9d7cd923
Show whitespace changes
Inline Side-by-side
Showing with 1233 additions and 2 deletions
project.config.json 0 → 100644
View file @ 1a06ce29
{
"description": "项目配置文件",
"packOptions": {
"ignore": []
},
"setting": {
"urlCheck": true,
"scopeDataCheck": false,
"coverView": true,
"es6": false,
"postcss": true,
"compileHotReLoad": false,
"lazyloadPlaceholderEnable": false,
"preloadBackgroundData": false,
"minified": true,
"autoAudits": false,
"newFeature": false,
"uglifyFileName": false,
"uploadWithSourceMap": true,
"useIsolateContext": true,
"nodeModules": false,
"enhance": true,
"useMultiFrameRuntime": true,
"useApiHook": true,
"useApiHostProcess": true,
"showShadowRootInWxmlPanel": true,
"packNpmManually": false,
"packNpmRelationList": [],
"minifyWXSS": true,
"disableUseStrict": false,
"minifyWXML": true
},
"compileType": "miniprogram",
"libVersion": "2.24.3",
"appid": "wx29511169b040c1b6",
"projectname": "thinkApp",
"debugOptions": {
"hidedInDevtools": []
},
"scripts": {},
"staticServerOptions": {
"baseURL": "",
"servePath": ""
},
"isGameTourist": false,
"condition": {
"search": {
"list": []
},
"conversation": {
"list": []
},
"game": {
"list": []
},
"plugin": {
"list": []
},
"gamePlugin": {
"list": []
},
"miniprogram": {
"list": []
}
}
}
\ No newline at end of file
src/components/bookAclass/classList.vue 0 → 100644
View file @ 1a06ce29
<template>
<view class="classList-box">
<view class="classList-content-box" v-for="item in 5">
<view class="content-time">
<view class="time-Wire">
<view class="time-round"></view>
</view>
<view class="time-date">
<view class="time-num">
<view>01/</view>
<view>05日</view>
</view>
<view class="time-text">
星期一
</view>
</view>
</view>
<van-swipe-cell class="content-right activeOne"
id="swipe-cell"
:right-width="116"
async-close>
<view class="content-text-box">
<view class="right-box">
<view v-for="(item,index) in 6" class="Festival-box activeOne">
<view>第一节</view>
<view>
09:30
</view>
</view>
</view>
</view>
<view slot="right" class="van-swipe-cell__right">
<van-button square type="danger" custom-style="height:100%;">删除</van-button>
</view>
</van-swipe-cell>
</view>
</view>
</template>
<script>
import {
ref,
toRefs,
reactive,
getCurrentInstance,
onMounted
} from 'vue'
export default {
components: {
},
props: ['day'],
setup(props) {
const {
proxy
} = getCurrentInstance()
const data = reactive({
})
const methods = {
}
onMounted(() => {
})
return {
...toRefs(data),
...methods
}
},
}
</script>
<style scoped>
.classList-content-box{
display: flex;
justify-content: space-between;
padding: 0 50rpx 0 0;
}
.content-time{
display: flex;
flex-shrink: 0;
margin-right: 59rpx;
padding: 0 0 0 33rpx;
}
.time-Wire{
width: 1rpx;
height: 100%;
background: #A9A9A9;
position: relative;
flex-shrink: 0;
}
.time-round{
width: 15rpx;
height: 15rpx;
background: #111111;
border-radius: 50%;
position: absolute;
left: -6rpx;
top: 50rpx;
}
.time-date{
display: flex;
flex-direction: column;
margin-left: 33rpx;
padding: 40rpx 0 0 0;
}
.time-num{
display: flex;
font-size: 26rpx;
font-weight: 800;
color: #111111;
}
.time-num view:first-child{
font-size: 22rpx;
padding: 3rpx 0 0 0;
font-weight: 400;
}
.time-text{
font-size: 26rpx;
color: #111111;
font-weight: 500;
}
.content-right{
position: relative;
flex-grow: 1;
border-radius: 24rpx;
padding: 0 0 0 38rpx;
overflow: hidden;
margin-bottom: 50rpx;
}
.content-text-box{
padding: 5rpx 0 34rpx 0;
}
.content-right.activeOne{
background: #FDEAD5;
}
.content-right.activeTwo{
background: #EDD9FF;
}
.content-right.activeThree{
background: #D7F2E9;
}
.content-right.activeFour{
background: #FFF1F4;
}
.content-right.activeFive{
background: #E5F3FE;
}
.content-right.activeSix{
background: #EDF8F9;
}
.right-box{
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.Festival-box{
display: flex;
margin-top: 29rpx;
padding: 7rpx 19rpx;
border-radius: 10rpx;
color: #ffffff;
margin-right: 31rpx;
font-size: 28rpx;
}
.Festival-box:nth-child(2n){
margin-right: 0;
}
.Festival-box view:last-child{
margin-left: 15rpx;
font-size: 26rpx;
padding: 3rpx 0 0 0;
}
.Festival-box.activeOne{
background: #FF9626;
}
.Festival-box.activeTwo{
background: #B966FF;
}
.Festival-box.activeThree{
background: #35B881;
}
.Festival-box.activeFour{
background: #FE606A;
}
.Festival-box.activeFive{
background: #0588F8;
}
.Festival-box.activeSix{
background: #33BED9;
}
.van-swipe-cell__right {
position: absolute;
top: 0;
bottom: 0;
height: 100%;
right: -111rpx;
width:232px;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
</style>
src/pages.json
View file @ 1a06ce29
......@@ -171,6 +171,25 @@
"path": "mySubscribe"//约课记录
}
]
}, {
"root": "pages/bookAclass", //约课分包
"pages": [{
"path": "index",
"style": {
"navigationBarTitleText": "上课计划",
"navigationBarBackgroundColor": "#F5F5F5",
"backgroundColor": "#F5F5F5"
}
},
{
"path": "addPlan",
"style": {
"navigationBarTitleText": "添加计划",
"navigationBarBackgroundColor": "#F5F5F5",
"backgroundColor": "#F5F5F5"
}
}
]
}
],
"tabBar": {
......
src/pages/bookAclass/addPlan.vue 0 → 100644
View file @ 1a06ce29
<template>
<view class="addPlan-box">
<view class="addPlan-header-box">
<view class="header-hint">点击方框选择计划上课时间</view>
<view class="header-content">
<view class="header-title">
<view class="header-moon">{{moon}} 月</view>
<view class="header-Festival">
<view>6</view>
<view>节</view>
</view>
</view>
<view v-for="(item,index) in titleList"
class="header-week">
<view>{{item.num}}</view>
<view>{{item.name}}</view>
</view>
</view>
</view>
<view class="addPlan-content-box">
<scroll-view scroll-y="true" style="width:100%;height: 100%;">
<view class="content-text">
<view class="text-left">
<view class="left-num">
<view></view>
<view></view>
</view>
</view>
<view class="text-right">
<view class="status-box border0">
<view v-for="i in 7"
class="text-img">
&nbsp;&nbsp;
</view>
</view>
</view>
</view>
<view class="content-text" v-for="item in classList">
<view class="text-left">
<view class="left-num">
<view>{{item.name}}</view>
<view>{{item.StartTime+'-'+item.EndTime}}</view>
</view>
</view>
<view class="text-right"
:class="{'border0':item.id==6}">
<view class="status-box">
<view v-for="(i,indexs) in item.list"
class="text-img"
:class="{'activeOne':item.id==1&&i.DetailsId,
'activeTwo':item.id==2&&i.DetailsId,
'activeThree':item.id==3&&i.DetailsId,
'activeFour':item.id==4&&i.DetailsId,
'activeFive':item.id==5&&i.DetailsId,
'activeSix':item.id==6&&i.DetailsId}"
@click="checked(item,i,indexs)">
&nbsp;&nbsp;
<view class="bottom"></view>
</view>
</view>
<view v-if="item.id!=6" class="height30">&nbsp;&nbsp;</view>
</view>
</view>
<view class="content-text" v-for="(i,index) in 2">
<view class="text-left">
<view class="left-num">
<view></view>
<view></view>
</view>
</view>
<view class="text-right">
<view class="status-box border0">
<view v-for="i in 7"
class="text-img">
&nbsp;&nbsp;
</view>
</view>
</view>
</view>
</scroll-view>
</view>
<view class="addPlan-buttom">
<view @click="addClassSubmit">
添加完毕
</view>
</view>
</view>
</template>
<script>
import {
ref,
toRefs,
reactive,
getCurrentInstance,
onMounted
} from 'vue'
import {
DateFormat,
getToday
} from '../../utils/date.js'
import Navbar from '../../components/navbar.vue'
import classList from '../../components/bookAclass/classList.vue'
export default {
components: {
Navbar,
classList
},
props: ['day'],
setup(props) {
const {
proxy
} = getCurrentInstance()
const data = reactive({
isShowCalendar: false,
showlay: false,
date: "2月1号",
dateStr: "",
year: "",
moon:"",
weekStr:"",
weekTime:"",
minDateStr: new Date().getTime(),
maxDateStr: new Date().getTime(),
current: 0,
msg: {
Date: props.day,
School_Id: '-1',
},
titleList:[],
lessonList:[],
classList:[
{name:'第一节',
StartTime:'9:30',
EndTime:"11:00",
id:1,list:[
// {status:false,Date:"",DetailsId:""},
// {status:false,Date:"",DetailsId:""},
// {status:false,Date:"",DetailsId:""},
// {status:false,Date:"",DetailsId:""},
// {status:false,Date:"",DetailsId:""},
// {status:false,Date:"",DetailsId:""},
// {status:false,Date:"",DetailsId:""},
]},
{name:'第二节',
StartTime:'11:10',
EndTime:"12:40",
DetailsId:"",
id:2,list:[]},
{name:'第三节',
StartTime:'13:30',
EndTime:"15:00",
id:3,list:[]},
{name:'第四节',
StartTime:'15:10',
EndTime:"14:40",
id:4,list:[]},
{name:'第五节',
StartTime:'16:50',
EndTime:"18:20",
id:5,list:[]},
{name:'第六节',
StartTime:'19:00',
EndTime:"20:30",
id:6,list:[]},
]
})
const methods = {
back() {
uni.navigateBack({
delta: 1
});
},
// 选择
checked(item,i,index){
i.DetailsId = !i.DetailsId
let data = {
Date: i.Date,
StartTime:item.StartTime,
EndTime: item.EndTime,
DetailsId: i.DetailsId
}
methods.addClassSubmit(data)
},
// 新增
addClassSubmit(data){
proxy.$request("/LeaveStudent/SetPlanAppointment", data).then(res => {
if (res.Code == 1) {
console.log(res)
}
})
return
this.back()
},
// 获取可预约时间范围
GetPlanTime(){
uni.showLoading({
title: '加载中...'
})
proxy.$request("/LeaveStudent/GetPlanTime", {}).then(res => {
if (res.Code == 1) {
res.Data.forEach((item,index)=>{
if(index==0){
data.moon = item.DateStr.slice(5,7)
}
let datas = {
name: methods.getDateData(item.DateStr),
num: item.DateStr.slice(8,10)
}
data.titleList.push(datas)
})
data.lessonList = res.Data
data.lessonList.forEach((item,index)=>{
let DetailsId = ""
item.TimeList.forEach((s,indexk)=>{
DetailsId = s.DetailsId
})
data.classList.forEach((items,indexs)=>{
let datas = {
status:false,
Date:"",
DetailsId:""
}
items.list.push(datas)
items.list.forEach((i,keys)=>{
if(index==0&&keys==0){
i.Date = item.DateStr
i.DetailsId = DetailsId
}if(index==1&&keys==1){
i.Date = item.DateStr
i.DetailsId = DetailsId
}if(index==2&&keys==2){
i.Date = item.DateStr
i.DetailsId = DetailsId
}if(index==3&&keys==33){
i.Date = item.DateStr
i.DetailsId = DetailsId
}if(index==4&&keys==4){
i.Date = item.DateStr
i.DetailsId = DetailsId
}if(index==5&&keys==5){
i.Date = item.DateStr
i.DetailsId = DetailsId
}if(index==6&&keys==6){
i.Date = item.DateStr
i.DetailsId = DetailsId
}
})
})
})
// console.log(data.classList)
uni.hideLoading()
}
})
},
// 获取日期
getDateData(d) {
let date = new Date(d)
let week = date.getDay()
let weekStr = ""
switch (week) {
case 0:
weekStr = '星期日';
break;
case 1:
weekStr = '星期一';
break;
case 2:
weekStr = '星期二';
break;
case 3:
weekStr = '星期三';
break;
case 4:
weekStr = '星期四';
break;
case 5:
weekStr = '星期五';
break;
case 6:
weekStr = '星期六';
break;
}
return weekStr
},
}
onMounted(() => {
methods.GetPlanTime()
})
return {
...toRefs(data),
...methods
}
},
}
</script>
<style scoped>
.index-box{
background: #F7F5F6;
}
.navbar {
display: flex;
align-items: center;
height: 100%;
padding: 0 30rpx;
background: #F5F5F5;
}
.navbar .dateStr {
flex-grow: 1;
font-size: 32rpx;
font-family: PingFang SC;
font-weight: 500;
color: #111111;
margin-right: 6rpx;
text-align: center;
}
.noCourse-box{
position: fixed;
left: 0;
right: 0;
top: 475rpx;
}
.addPlan-header-box{
position: fixed;
top: 0;
/* 137rpx */
left: 0;
right: 0;
z-index: 2;
padding: 0 14rpx 15rpx 14rpx;
background: #F5F5F5;
border-radius: 0 0 50rpx 50rpx;
box-shadow: 0 1rpx 10rpx rgb(0 0 0 / 20%),
0 3rpx 6rpx rgb(0 0 0 / 14%),
0 3rpx 6rpx -4rpx rgb(0 0 0 / 12%)
}
.header-hint{
color: #4C50E7;
font-size: 26rpx;
font-weight: 500rpx;
padding: 14rpx 0;
text-align: center;
}
.header-content{
display: flex;
}
.header-title{
width: 110rpx;
flex-shrink: 0;
display: flex;
flex-direction: column;
justify-content: center;
background: #4C50E7;
border-radius: 20rpx;
padding: 26rpx 9rpx 15rpx 9rpx;
}
.header-moon{
flex: 1;
margin-bottom: 18rpx;
font-size: 26rpx;
font-weight: 500;
color: #FFFFFF;
opacity: 0.6;
text-align: center;
}
.header-Festival{
display: flex;
padding: 17rpx 20rpx 10rpx 20rpx;
background: #373BD7;
border-radius: 20rpx;
}
.header-Festival view:first-child{
color: #FFFFFF;
font-size: 46rpx;
font-weight: bold;
font-family: Source Han Sans CN;
}
.header-Festival view:last-child{
font-size: 26rpx;
font-weight: 500;
color: #FFFFFF;
opacity: 0.6;
padding: 20rpx 0 0 0;
margin-left: 2rpx;
}
.header-week{
width: 87rpx;
flex-shrink: 0;
display: flex;
flex-direction: column;
border-radius: 20rpx;
}
.header-week.activeOne{
background: #E5E6FA;
}
.header-week view{
flex: 1;
text-align: center;
}
.header-week view:first-child{
margin-top: 15rpx;
font-size: 48rpx;
font-family: Source Han Sans CN;
font-weight: 500;
color: #111111;
}
.header-week view:last-child{
font-size: 20rpx;
font-weight: 400;
color: #111111;
margin-top: 10rpx;
}
.addPlan-content-box{
background: #ffffff;
margin-top: 200rpx;
}
.content-text{
display: flex;
}
.text-left{
width: 110rpx;
flex-shrink: 0;
display: flex;
flex-direction: column;
justify-content: flex-start;
padding: 0 10rpx;
}
.left-num{
text-align: right;
margin-top: 20rpx;
}
.left-num view:first-child{
font-size: 28rpx;
font-weight: 800;
color: #111111;
text-align: right;
margin-bottom: 5rpx;
}
.left-num view:last-child{
background: #EEEEEE;
border-radius: 10rpx;
font-size: 20rpx;
font-family: Source Han Sans CN;
font-weight: 300;
color: #B3B3B3;
text-align: center;
}
.text-right{
flex-grow: 1;
display: flex;
flex-direction: column;
border-bottom: 2rpx solid #E3E1E7;
border-left: 2rpx solid #E3E1E7;
}
.text-right.solid{
border-bottom: 2rpx solid #E3E1E7;
}
.status-box{
display: flex;
border-bottom: 2rpx dashed #E3E1E7;
}
.text-right.border0{
border-bottom: 0;
}
.status-box.border0{
border: 0;
}
.height30{
height: 50rpx;
background: #FAFAFA;
}
.text-img{
flex: 1;
height: 99rpx;
border-right: 2rpx solid #E3E1E7;
position: relative;
}
.text-img:last-child{
border: 0;
}
.text-img.activeOne{
background: url(https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1656577024000_737.png)no-repeat center #FFEEDB;
background-size: 39rpx 38rpx;
border-right: 2rpx solid #E3E1E7;
}
.text-img.activeOne .bottom{
width: 100%;
position: absolute;
left: 0;
bottom: 0;
border-bottom: 4rpx solid #FF9526;
}
.text-img.activeTwo{
background: url(https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1656577024000_986.png)no-repeat center #EED9FE;
background-size: 39rpx 38rpx;
border-right: 2rpx solid #EED9FE;
}
.text-img.activeTwo .bottom{
width: 100%;
position: absolute;
left: 0;
bottom: 0;
border-bottom: 4rpx solid #B967FE;
}
.text-img.activeThree{
background: url(https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1656577024000_779.png)no-repeat center #D6F2E6;
background-size: 39rpx 38rpx;
border-right: 2rpx solid #D6F2E6;
}
.text-img.activeThree .bottom{
width: 100%;
position: absolute;
left: 0;
bottom: 0;
border-bottom: 4rpx solid #35B87A;
}
.text-img.activeFour{
background: url(https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1656577019000_548.png)no-repeat center #FFF2F2;
background-size: 39rpx 38rpx;
border-right: 2rpx solid #FFF2F2;
}
.text-img.activeFour .bottom{
width: 100%;
position: absolute;
left: 0;
bottom: 0;
border-bottom: 4rpx solid #FF6167;
}
.text-img.activeFive{
background: url(https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1656577024000_644.png)no-repeat center #E5F3FF;
background-size: 39rpx 38rpx;
border-right: 2rpx solid #E5F3FF;
}
.text-img.activeFive .bottom{
width: 100%;
position: absolute;
left: 0;
bottom: 0;
border-bottom: 4rpx solid #0088FF;
}
.text-img.activeSix{
background: url(https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1656577024000_746.png)no-repeat center #EAF8FB;
background-size: 39rpx 38rpx;
border-right: 2rpx solid #EAF8FB;
}
.text-img.activeSix .bottom{
width: 100%;
position: absolute;
left: 0;
bottom: 0;
border-bottom: 4rpx solid #3BC0DE;
}
.addPlan-buttom{
position: fixed;
left: 0;
right: 0;
bottom: 43rpx;
padding: 0 90rpx;
}
.addPlan-buttom view{
line-height: 90rpx;
background: #4C50E7;
box-shadow: 0rpx 11rpx 43rpx 0rpx rgba(76, 80, 231, 0.58);
border-radius: 45rpx;
font-size: 32rpx;
font-weight: 400;
color: #FFFFFF;
text-align: center;
}
</style>
src/pages/bookAclass/index.vue 0 → 100644
View file @ 1a06ce29
<template>
<view class="index-box">
<!-- <Navbar>
<view class="navbar">
<van-icon name="arrow-left" size="36rpx" @click="back" />
<view class="dateStr">
上课计划
</view>
</view>
</Navbar> -->
<view class="titleHeader">
<view class="titleHeader-year">
<view>{{year}}年{{month}}月</view>
<view>计划 0节课</view>
</view>
<view class="titleHeader-dateStr">
<view v-for="item in titleList"
class="titleHeader-content">
<view class="titleHeader-name">{{item.name}}</view>
<view class="titleHeader-num">{{item.num}}</view>
<view class="titleHeader-mark">
<view v-for="(item,index) in item.listNum" :key="index"
:class="{'activeOne':index==0,'activeTwo':index==1,
'activeThree':index==2,'activeFour':index==3,
'activeFive':index==4,'activeSix':index==5}"></view>
</view>
</view>
</view>
</view>
<view class="content-box">
<scroll-view scroll-y="true" style="width:100%;height: 100%;">
<classList></classList>
</scroll-view>
<image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1656570277000_611.png"
class="addicon"
style="width: 157rpx;height: 157rpx;"
@click="addPlan"/>
</view>
<!-- <view class="noCourse-box">
<view class="noCourse">
<image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1656556494000_644.png" mode=""
style="width: 426rpx;height: 344rpx;"></image>
</view>
<view class="addTitle">
<view @click="addPlan">
添加上课计划
</view>
</view>
</view> -->
</view>
</template>
<script>
import {
ref,
toRefs,
reactive,
getCurrentInstance,
onMounted
} from 'vue'
import {
DateFormat,
getToday
} from '../../utils/date.js'
import Navbar from '../../components/navbar.vue'
import classList from '../../components/bookAclass/classList.vue'
export default {
components: {
Navbar,
classList
},
props: ['day'],
setup(props) {
const {
proxy
} = getCurrentInstance()
const data = reactive({
year: "",
month:"",
day:"",
weekTime:"",
msg: {
StartDate: "",
EndDate: "",
},
titleList:[
{name:'星期一',num:'',listNum:0},
{name:'星期二',num:'',listNum:0},
{name:'星期三',num:'',listNum:0},
{name:'星期四',num:'',listNum:0},
{name:'星期五',num:'',listNum:0},
{name:'星期六',num:'',listNum:0},
{name:'星期日',num:'',listNum:0},
]
})
const methods = {
addPlan(){
uni.navigateTo({
url: '/pages/bookAclass/addPlan',
});
},
back() {
uni.navigateBack({
delta: 1
});
},
// 获取当前日期
getDateData(d) {
let date = new Date()
if (d) {
date = new Date(d)
}
data.year = date.getFullYear()
data.month = date.getMonth() + 1
data.day = date.getDate()
},
// 取消约课
CancelClass(){
uni.showModal({
title: '提示',
content: '将要取消该约课,是否继续',
success: function (res) {
if (res.confirm) {
let Msg = {
ExamId: item.ExamId
}
proxy.$request("/LeaveStudent/RemovePlanAppointment", Msg).then(res => {
if(res.Code ==1){
uni.showToast({
title:'删除成功',
icon:'none',
duration: 500
})
}
})
} else if (res.cancel) {
}
}
});
},
// 实现方法
getMonday(dates) {
let arr = [],weekOne='';
let todayTimeStr = new Date(new Date().toLocaleDateString()).getTime();
var day = (new Date().getDay() - 1) * 24 * 60 * 60 * 1000;
weekOne = todayTimeStr - day;
if(dates == 0){//本周
weekOne = todayTimeStr - day;//周一 0点的时间戳
}
// 一天的时间戳
let dayTime = 24 * 60 * 60 * 1000;
if(dates == -1){//上一周
weekOne = data.weekTime - 7 * 24 * 60 * 60 * 1000;
}else if(dates==1){//下一周
weekOne = data.weekTime + 7 * 24 * 60 * 60 * 1000;
}
data.weekTime = weekOne;
for(let i=0;i<7;i++){
let timeOne_year = new Date(new Date(weekOne + i * dayTime)).getFullYear();
let timeOne_month = new Date(new Date(weekOne + i * dayTime)).getMonth() + 1>=10?new Date(new Date(weekOne + i *
dayTime)).getMonth() + 1:'0' + (new Date(new Date(weekOne + i *
dayTime)).getMonth() + 1);
let timeOne_date = new Date(new Date(weekOne + i * dayTime)).getDate()>=10?new Date(new Date(weekOne + i *
dayTime)).getDate():'0'+new Date(new Date(weekOne + i *
dayTime)).getDate();
arr.push(timeOne_year+'-'+timeOne_month+'-'+timeOne_date);
}
return arr;
},
getList(){
uni.showLoading({
title: '加载中...'
})
proxy.$request("/LeaveStudent/GetStuPlanAppointment", data.msg).then(res => {
if(res.Code ==1){
uni.hideLoading()
}
})
}
}
onMounted(() => {
let timeArr = methods.getMonday(0);
let timeList = []
for(let i=0;i<7;i++){
data.titleList.forEach((item,index) => {
if(i==index){
item.num = timeArr[i].slice(8,10)
}
});
}
data.msg.StartDate = timeList[0]
data.msg.EndDate = timeList[6]
methods.getList()
methods.getDateData()
methods.getList()
})
return {
...toRefs(data),
...methods
}
},
}
</script>
<style scoped>
.index-box{
background: #F7F5F6;
position: fixed;
bottom: 0;
top: 0;
left: 0;
right: 0;
}
.navbar {
display: flex;
align-items: center;
height: 100%;
padding: 0 30rpx;
background: #F5F5F5;
}
.navbar .dateStr {
flex-grow: 1;
font-size: 32rpx;
font-family: PingFang SC;
font-weight: 500;
color: #111111;
margin-right: 6rpx;
text-align: center;
}
.noCourse-box{
position: fixed;
left: 0;
right: 0;
top: 475rpx;
}
.noCourse {
margin-top: 163rpx;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.titleHeader{
position: fixed;
top: 0;
/* 131rpx */
left: 0;
right: 0;
padding: 0 36rpx;
}
.titleHeader-year{
display: flex;
justify-content: center;
font-size: 36rpx;
font-weight: 800;
color: #111111;
padding: 41rpx 0 37rpx 0;
}
.titleHeader-dateStr{
display: flex;
flex-wrap: nowrap;
}
.titleHeader-content{
width: 89rpx;
overflow: hidden;
flex-shrink: 0;
display: flex;
flex-direction: column;
color: #111111;
border-radius: 20rpx;
padding: 17rpx 5rpx;
}
.titleHeader-content.activeOne{
background: #E4E5FB;
}
.titleHeader-name{
font-size: 24rpx;
font-weight: 400;
text-align: center;
}
.titleHeader-num{
font-size: 30rpx;
font-weight: 500;
text-align: center;
padding: 23rpx 0;
}
.titleHeader-mark{
display: flex;
padding: 0 28rpx;
justify-content: center;
flex-wrap: wrap;
}
.titleHeader-mark view{
width: 8rpx;
height: 8rpx;
border-radius: 50%;
margin-right: 5rpx;
margin-bottom: 5rpx;
}
.titleHeader-mark view.activeOne{
background: #FC952A;
}
.titleHeader-mark view.activeTwo{
background: #B966FF;
}
.titleHeader-mark view.activeThree{
background: #35B881;
}
.titleHeader-mark view.activeFour{
background: #FE606A;
}
.titleHeader-mark view.activeFive{
background: #0588F8;
}
.titleHeader-mark view.activeSix{
background: #33BED9;
}
.addTitle{
display: flex;
justify-content: center;
padding: 84rpx 0 0 0;
text-align: center;
}
.addTitle view{
width: 292rpx;
height: 80rpx;
background: #4C50E7;
border-radius: 40rpx;
line-height: 80rpx;
font-size: 28rpx;
font-weight: 500;
color: #ffffff;
}
.content-box{
position: fixed;
top: 329rpx;
/* 460rpx */
left: 0;
right: 0;
bottom: 0;
background: #ffffff;
border-radius: 50rpx 50rpx 0 0;
padding: 80rpx 0 0 0;
/* 42rpx */
}
.addicon{
position: fixed;
right: 50rpx;
top: 269rpx;
/* 400rpx */
z-index: 2;
}
</style>
src/pages/timetable/timeTable.vue
View file @ 1a06ce29
......@@ -308,10 +308,14 @@
return res
},
goappointment() {
let day = currentDate.value + '-' + activeDay.value;
uni.navigateTo({
url: '/pages/appointment/index?day=' + day,
url: '/pages/bookAclass/index',
});
// let day = currentDate.value + '-' + activeDay.value;
// uni.navigateTo({
// url: '/pages/appointment/index?day=' + day,
// });
},
initSwiper(){
const date=new Date()
......
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