Skip to content

T
thinkApp
Commit bebef5b6 authored by zhengke's avatar zhengke
Browse files
Options

no message

parent 28290ae8
Hide whitespace changes
Inline Side-by-side
Showing with 171 additions and 24 deletions
src/components/index/JobComponents.vue
View file @ bebef5b6
...@@ -9,7 +9,7 @@ ...@@ -9,7 +9,7 @@
<view class="JobComponents-point"></view> <view class="JobComponents-point"></view>
</view> </view>
</view> </view>
<view class="JobComponents-center-box"> <view class="JobComponents-center-box" @click="JobDetails">
<view class="JobComponents-center-line"></view> <view class="JobComponents-center-line"></view>
<view class="JobComponents-center flex"> <view class="JobComponents-center flex">
<view class="JobComponents-left"> <view class="JobComponents-left">
...@@ -62,8 +62,16 @@ ...@@ -62,8 +62,16 @@
showPhone: false, showPhone: false,
showLogin: true, //多次点击 showLogin: true, //多次点击
}); });
let methods = {
JobDetails(){
uni.reLaunch({
url: '/pages/index/workSituation'
});
}
}
return { return {
...toRefs(data), ...toRefs(data),
...methods
}; };
}, },
}; };
...@@ -157,13 +165,14 @@ ...@@ -157,13 +165,14 @@
font-weight: 500; font-weight: 500;
} }
.JobComponents-left{ .JobComponents-left{
flex: 1;
flex-grow: 1; flex-grow: 1;
} }
.JobComponents-center{ .JobComponents-center{
justify-content: space-between; justify-content: space-between;
} }
.JobComponents-center-line{ .JobComponents-center-line{
width: 4px; width: 4rpx;
height: 23px; height: 23px;
background: #FEFEFE; background: #FEFEFE;
position: absolute; position: absolute;
......
src/components/index/commentsComponents.vue
View file @ bebef5b6
...@@ -88,6 +88,7 @@ ...@@ -88,6 +88,7 @@
flex-shrink: 0; flex-shrink: 0;
} }
.CommentsComponents-left{ .CommentsComponents-left{
flex: 1;
flex-grow: 1; flex-grow: 1;
margin-top: -5rpx; margin-top: -5rpx;
margin-bottom: 10rpx; margin-bottom: 10rpx;
...@@ -96,8 +97,8 @@ ...@@ -96,8 +97,8 @@
flex-direction: column; flex-direction: column;
} }
.CommentsComponents-center-line{ .CommentsComponents-center-line{
width: 4px; width: 4rpx;
height: 23px; height: 23rpx;
background: #FEFEFE; background: #FEFEFE;
position: absolute; position: absolute;
left: 0; left: 0;
......
src/components/index/examComponents.vue
View file @ bebef5b6
...@@ -133,13 +133,14 @@ ...@@ -133,13 +133,14 @@
margin-bottom: 20rpx; margin-bottom: 20rpx;
} }
.examComponents-left{ .examComponents-left{
flex: 1;
flex-grow: 1; flex-grow: 1;
} }
.examComponents-center{ .examComponents-center{
flex-direction: column; flex-direction: column;
} }
.examComponents-center-line{ .examComponents-center-line{
width: 4px; width: 4rpx;
height: 23px; height: 23px;
background: #FEFEFE; background: #FEFEFE;
position: absolute; position: absolute;
......
src/pages/index/index.vue
View file @ bebef5b6
...@@ -325,6 +325,7 @@ ...@@ -325,6 +325,7 @@
padding: 0 50rpx 45rpx; padding: 0 50rpx 45rpx;
} }
.index-student-information{ .index-student-information{
min-height: 500rpx;
background: rgba(255,255,255,.7); background: rgba(255,255,255,.7);
border-radius: 50rpx 50rpx 0 0; border-radius: 50rpx 50rpx 0 0;
padding: 71rpx 0 0 0; padding: 71rpx 0 0 0;
......
src/pages/index/workSituation.vue
View file @ bebef5b6
<template> <template>
<view class="workSituationpage"> <view class="workSituationpage">
<navbar class="navbarSticky" bg="#F6F6F6">
<view class="index-header-box">
<view class="index-header-img">
<van-image width="100%" height="100%" fit="cover" class="img"
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1653464014000_713.png" />
</view>
<view class="index-header-tetx">
<view class="index-header-title">
welcome
</view>
<view class="index-header-name">周一围</view>
</view>
</view>
</navbar>
<view style="margin: 40rpx 0 10rpx 0;">
<view style="padding:0 50rpx;font-weight: 800;color: #282828;">
<view style="font-size: 36rpx;">Good afternoon，</view>
<view style="font-size: 50rpx;">李老师</view>
</view>
</view>
<course-card></course-card>
<view class="index-student-information">
<view class="workSituation-title-box flex">
<view class="workSituation-title flex"
:class="tabNme==t.name?'active':''"
v-for="(t,index) in titleList" :key="index"
@click="toggleTitle(t.name)">
<text class="name">{{t.name}}</text>
<view class="num">({{t.num}})</view>
<view class="current-title-box flex" v-show="tabNme==t.name">
<text class="name">{{t.name}}</text>
<view class="num">({{t.num}})</view>
</view>
</view>
</view>
<operation v-if="tabNme=='作业情况'"></operation>
<studentList v-if="tabNme=='学生列表'"></studentList>
<examList v-if="tabNme=='考试信息'"></examList>
</view>
</view> </view>
</template> </template>
<script> <script>
// import analysisTest from '@/components/index/scoreDetails/analysisTest' import courseCard from '../../components/index/course-card'
import operation from '@/components/index/workSituation/operation'
import studentList from '@/components/index/workSituation/studentList'
import examList from '@/components/index/workSituation/examList'
import vue, { import vue, {
ref, ref,
reactive, reactive,
...@@ -31,28 +72,22 @@ ...@@ -31,28 +72,22 @@
export default { export default {
components: { components: {
navbar, navbar,
// analysisTest courseCard,
operation,
studentList,
examList
}, },
setup(props) { setup(props) {
let { let {
proxy proxy
} = getCurrentInstance(); } = getCurrentInstance();
let data = reactive({ let data = reactive({
ActiveMsg: { titleList:[
pageIndex: 1, {name:'学生列表',num:18},
pageSize: 10, {name:'作业情况',num:5},
ActivityType: 0, {name:'考试信息',num:18},
SelectIsEnd: 0, ],
}, tabNme:'作业情况'
ActivityList: [],
pageData: {
LearningGardenList: []
},
SurveyObj:{
ActivitySurveyId:0,
ActivitySurveyGuestId:0,
},
userData: {}
}); });
let methods = { let methods = {
...@@ -61,6 +96,9 @@ ...@@ -61,6 +96,9 @@
url: '/pages/index/index' url: '/pages/index/index'
}); });
}, },
toggleTitle(t) {
data.tabNme = t
}
}; };
onMounted(() => { onMounted(() => {
...@@ -92,7 +130,99 @@ ...@@ -92,7 +130,99 @@
</script> </script>
<style scoped> <style scoped>
.num{
font-size: 20rpx;
display: inline-block;
margin-top: 5rpx;
}
.current-title-box{
color: #FFFFFF;
background: #282828;
padding: 26rpx 36rpx;
width: 80%;
position: absolute;
left: -18%;
right: 0;
top: -28rpx;
border-radius: 39rpx;
justify-content: center;
}
.workSituation-title.active{
position: relative;
}
.workSituation-title{
flex: 1;
color: #282828;
font-size: 26rpx;
font-weight: bold;
align-items: center;
letter-spacing: 1px;
}
.workSituation-title-box{
margin-bottom: 50rpx;
margin: 0 50rpx 50rpx;
padding: 17rpx 0 17rpx 28rpx;
background: #F0F0F0;
border-radius: 30rpx;
}
.index-student-information{
min-height: 500rpx;
background: rgba(255,255,255,.7);
border-radius: 50rpx 50rpx 0 0;
padding: 50rpx 0 30rpx 0;
}
.index-header-name{
font-size: 30rpx;
color: #474747;
}
.index-header-tetx{
color: #D0D0D0;
font-size: 24rpx;
}
.index-header-img .img{
display: block;
border: 2rpx solid rgba(164, 164, 164, 0.32);
border-radius: 50%;
overflow: hidden;
width: 60rpx;
height: 60rpx;
box-sizing: border-box;
margin: 4rpx;
}
.index-header-img{
width: 68rpx;
height: 68rpx;
border-radius: 50%;
overflow: hidden;
text-align: center;
margin-right: 20rpx;
background: #FFFFFF;
}
.workSituationpage {
min-height: 100vh;
background-color: #f6f6f6;
box-sizing: border-box;
background-image: url('https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1653464014000_398.png');
background-position: 0 200rpx;
background-repeat: no-repeat;
background-size: 100% auto;
}
.index-header-box{
display: flex;
flex-direction: row;
align-items: center;
padding:0rpx 42rpx ;
}
.index-header-box .index-header-title{
font-size: 24rpx;
font-weight: 400;
color: #B8B8B8;
}
.index-header-box .index-header-name{
font-size: 30rpx;
font-weight: 800;
color: #282828;
}
.navbarSticky { .navbarSticky {
display: sticky; display: sticky;
top: 0; top: 0;
......
src/static/css/common.css
View file @ bebef5b6
...@@ -121,4 +121,9 @@ ...@@ -121,4 +121,9 @@
left: 50vw; left: 50vw;
transform: translate(-50%,-50%); transform: translate(-50%,-50%);
z-index: 999; z-index: 999;
}
.noData{
font-size: 26rpx;
text-align: center;
padding: 50rpx;
} }
\ No newline at end of file
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