Skip to content

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

no message

parent 0b0b63bf
Hide whitespace changes
Inline Side-by-side
Showing with 947 additions and 4 deletions
src/components/index/scoreDetails/allGraspTheSituation.vue 0 → 100644
View file @ 3b33688e
<template>
<view class="allGraspTheSituation-box flex">
<view class="allGraspTheSituation-title flex">
<view v-for="(T,index) in TitleList" :key="index">{{T}}</view>
</view>
<view class="allGraspTheSituation-content flex">
<view class="allGraspTheSituation-left flex">
<view v-for="(l,index) in letftTitleList" :key="index">{{l}}</view>
</view>
<view class="allGraspTheSituation-right flex">
<view class="allGraspTheSituation-num flex">
<text>2</text>
<text class="fullScore">100<text>%</text></text>
<text>12<text>.5</text></text>
</view>
<view class="allGraspTheSituation-num flex">
<text>2</text>
<text>62<text>%</text></text>
<text>3<text>.5</text></text>
</view>
<view class="allGraspTheSituation-num flex">
<text>2</text>
<text>62<text>%</text></text>
<text>3<text>.5</text></text>
</view>
<view class="allGraspTheSituation-num flex">
<text>2</text>
<text>62<text>%</text></text>
<text>3<text>.5</text></text>
</view>
<view class="allGraspTheSituation-num flex">
<text>2</text>
<text>62<text>%</text></text>
<text>3<text>.5</text></text>
</view>
<view class="allGraspTheSituation-num flex">
<text>2</text>
<text class="failed">45<text>%</text></text>
<text>12<text>.5</text></text>
</view>
</view>
</view>
</view>
</template>
<script>
import {
reactive,
toRefs,
onMounted,
getCurrentInstance,
inject
} from "vue";
export default {
props: {
},
components: {},
setup() {
let data = reactive({
obj: {
Name: '',
Photo: '',
},
showPhone: false,
showLogin: true, //多次点击
TitleList:['考点','分数','个人得分率','平均得分'],
letftTitleList:['化学与生活','物质分类','物质的量综合','离子反应','氧化还原反应','化学实验','元素及其化合物']
});
return {
...toRefs(data),
};
},
};
</script>
<style scoped>
.allGraspTheSituation-num text.failed{
color: #EE8790;
}
.allGraspTheSituation-num text.failed text{
color: #EE8790;
}
.allGraspTheSituation-num text.fullScore{
color: #4AC698;
}
.allGraspTheSituation-num text.fullScore text{
color: #4AC698;
}
.allGraspTheSituation-num text text{
font-size: 28rpx;
margin-top: 10rpx;
}
.allGraspTheSituation-num text{
flex: 0 0 33.33%;
font-size: 36px;
font-weight: 800;
font-style: italic;
color: #282828;
}
.allGraspTheSituation-num:first-child{
margin-top: 0rpx;
}
.allGraspTheSituation-num{
flex: 0 0 33.33%;
font-size: 20rpx;
color: #282828;
font-weight: 400;
flex-direction: row;
margin-bottom: 0rpx;
}
.allGraspTheSituation-right{
flex: 0 0 75%;
flex-direction: column;
justify-content: space-between;
}
.allGraspTheSituation-left view:first-child{
margin-top: 50rpx;
}
.allGraspTheSituation-left view{
margin-bottom: 50rpx;
}
.allGraspTheSituation-left{
flex: 0 0 25%;
flex-direction: column;
font-size: 20rpx;
color: #282828;
font-weight: 400;
}
.allGraspTheSituation-content{
text-align: center;
align-items: center;
}
.allGraspTheSituation-title view:first-child{
font-weight: bold;
color: #282828;
}
.allGraspTheSituation-title view{
flex: 0 0 25%;
color: #A1A1A1;
}
.allGraspTheSituation-title{
flex-shrink: 0;
font-size: 20rpx;
font-weight: 400;
color: #282828;
padding: 41rpx 0 21rpx 0;
border-bottom:2rpx solid #EDEDED;
text-align: center;
}
.allGraspTheSituation-box{
margin: 30rpx 50rpx 0 50rpx;
background: #FFFFFF;
box-shadow: 0px 6px 29px 0px rgba(76, 76, 76, 0.09);
border-radius: 30px;
flex-direction: column;
}
</style>
src/components/index/scoreDetails/dfficultyAnalysis.vue 0 → 100644
View file @ 3b33688e
<template>
<view class="dfficultyAnalysis-box flex">
<view class="dfficultyAnalysis-title flex">
<view v-for="(T,index) in TitleList" :key="index">{{T}}</view>
</view>
<view class="dfficultyAnalysis-content flex">
<view class="dfficultyAnalysis-left flex">
<view v-for="(l,index) in letftTitleList" :key="index">{{l}}</view>
</view>
<view class="dfficultyAnalysis-right flex">
<view class="dfficultyAnalysis-num flex">
<text>2</text>
<text>53<text>.5</text></text>
</view>
<view class="dfficultyAnalysis-num flex">
<text>2</text>
<text>62<text>.5</text></text>
</view>
<view class="dfficultyAnalysis-num flex">
<text>2</text>
<text>12<text>.5</text></text>
</view>
</view>
</view>
</view>
</template>
<script>
import {
reactive,
toRefs,
onMounted,
getCurrentInstance,
inject
} from "vue";
export default {
props: {
},
components: {},
setup() {
let data = reactive({
obj: {
Name: '',
Photo: '',
},
showPhone: false,
showLogin: true, //多次点击
TitleList:['题目难度','题目数量','题目分数'],
letftTitleList:['简单题','中档题','难题']
});
return {
...toRefs(data),
};
},
};
</script>
<style scoped>
.dfficultyAnalysis-num text text{
font-size: 28rpx;
margin-top: 10rpx;
}
.dfficultyAnalysis-num text{
flex: 0 0 50%;
font-size: 36px;
font-weight: 800;
font-style: italic;
color: #282828;
}
.dfficultyAnalysis-num:first-child{
margin-top: 0rpx;
}
.dfficultyAnalysis-num{
flex: 0 0 50%;
font-size: 20rpx;
color: #282828;
font-weight: 400;
flex-direction: row;
margin-bottom: 0rpx;
}
.dfficultyAnalysis-right{
flex: 0 0 66.67%;
flex-direction: column;
justify-content: space-between;
}
.dfficultyAnalysis-left view:first-child{
margin-top: 50rpx;
}
.dfficultyAnalysis-left view{
margin-bottom: 50rpx;
}
.dfficultyAnalysis-left{
flex: 0 0 33.33%;
flex-direction: column;
font-size: 20rpx;
color: #282828;
font-weight: 400;
}
.dfficultyAnalysis-content{
text-align: center;
align-items: center;
}
.dfficultyAnalysis-title view:first-child{
font-weight: bold;
color: #282828;
}
.dfficultyAnalysis-title view{
flex: 0 0 33.33%;
color: #A1A1A1;
}
.dfficultyAnalysis-title{
flex-shrink: 0;
font-size: 20rpx;
font-weight: 400;
color: #282828;
padding: 41rpx 0 21rpx 0;
border-bottom:2rpx solid #EDEDED;
text-align: center;
}
.dfficultyAnalysis-box{
margin: 30rpx 50rpx 0 50rpx;
background: #FFFFFF;
box-shadow: 0px 6px 29px 0px rgba(76, 76, 76, 0.09);
border-radius: 30px;
flex-direction: column;
}
</style>
src/components/index/scoreDetails/graspTheSituation.vue 0 → 100644
View file @ 3b33688e
<template>
<view class="graspTheSituation-box flex">
<view class="graspTheSituation-title flex">
<view v-for="(T,index) in TitleList" :key="index">{{T}}</view>
</view>
<view class="graspTheSituation-content flex">
<view class="graspTheSituation-left flex">
<view v-for="(l,index) in letftTitleList" :key="index">{{l}}</view>
</view>
<view class="graspTheSituation-right flex">
<view class="graspTheSituation-num flex">
<text>2<text>%</text></text>
<text>53<text>%</text></text>
</view>
<view class="graspTheSituation-num flex">
<text>2<text>%</text></text>
<text>62<text>%</text></text>
</view>
<view class="graspTheSituation-num flex">
<text>2<text>%</text></text>
<text>12<text>%</text></text>
</view>
</view>
</view>
</view>
</template>
<script>
import {
reactive,
toRefs,
onMounted,
getCurrentInstance,
inject
} from "vue";
export default {
props: {
},
components: {},
setup() {
let data = reactive({
obj: {
Name: '',
Photo: '',
},
showPhone: false,
showLogin: true, //多次点击
TitleList:['题目难度','个人得分率','平均得分率'],
letftTitleList:['简单题','中档题','难题']
});
return {
...toRefs(data),
};
},
};
</script>
<style scoped>
.graspTheSituation-num text text{
font-size: 28rpx;
margin-top: 10rpx;
}
.graspTheSituation-num text{
flex: 0 0 50%;
font-size: 36px;
font-weight: 800;
font-style: italic;
color: #282828;
}
.graspTheSituation-num:first-child{
margin-top: 0rpx;
}
.graspTheSituation-num{
flex: 0 0 50%;
font-size: 20rpx;
color: #282828;
font-weight: 400;
flex-direction: row;
margin-bottom: 0rpx;
}
.graspTheSituation-right{
flex: 0 0 66.67%;
flex-direction: column;
justify-content: space-between;
}
.graspTheSituation-left view:first-child{
margin-top: 50rpx;
}
.graspTheSituation-left view{
margin-bottom: 50rpx;
}
.graspTheSituation-left{
flex: 0 0 33.33%;
flex-direction: column;
font-size: 20rpx;
color: #282828;
font-weight: 400;
}
.graspTheSituation-content{
text-align: center;
align-items: center;
}
.graspTheSituation-title view:first-child{
font-weight: bold;
color: #282828;
}
.graspTheSituation-title view{
flex: 0 0 33.33%;
color: #A1A1A1;
}
.graspTheSituation-title{
flex-shrink: 0;
font-size: 20rpx;
font-weight: 400;
color: #282828;
padding: 41rpx 0 21rpx 0;
border-bottom:2rpx solid #EDEDED;
text-align: center;
}
.graspTheSituation-box{
margin: 30rpx 50rpx 0 50rpx;
background: #FFFFFF;
box-shadow: 0px 6px 29px 0px rgba(76, 76, 76, 0.09);
border-radius: 30px;
flex-direction: column;
}
</style>
src/components/index/workSituation/examList.vue 0 → 100644
View file @ 3b33688e
<template>
<view class="examList-box">
<view class="examList-import">
<van-icon name="plus" />
<text>导入考试信息</text>
</view>
<view class="examList activeOne">
<view class="examList-center-box" @click="JobDetails">
<view class="examList-center-line"></view>
<view class="examList-center flex">
<view class="examList-left">
<view class="examList-name">化学高考第一次测试</view>
<view class="examList-state flex">
<van-icon name="clock-o" />
<view class="examList-state-text">2022-05-25</view>
</view>
</view>
<view class="examList-right flex">
<view class="homework-score flex">
<view class="homework-score-title">人数</view>
<view class="homework-score-num flex">
86
</view>
</view>
<view class="homework-score flex">
<view class="homework-score-title">平均得分</view>
<view class="homework-score-num flex">
86
</view>
</view>
</view>
</view>
</view>
<!-- <view class="noData">暂无数据</view> -->
</view>
</view>
</template>
<script>
import {
reactive,
toRefs,
onMounted,
getCurrentInstance,
inject
} from "vue";
export default {
props: {
},
components: {},
setup() {
let data = reactive({
obj: {
Name: '',
Photo: '',
},
showPhone: false,
showLogin: true, //多次点击
});
let methods = {
JobDetails(){
uni.reLaunch({
url: '/pages/index/workSituation'
});
}
}
return {
...toRefs(data),
...methods
};
},
};
</script>
<style scoped>
.homework-score-num view:last-child{
font-size: 23rpx;
margin-top: 25rpx;
}
.homework-score-num view:first-child{
margin-right: 10rpx;
font-size: 46rpx;
font-weight: 800;
}
.homework-score-num{
font-weight: 800;
font-style: italic;
font-size: 36rpx;
}
.homework-score-title{
font-size: 20rpx;
margin-bottom: 0rpx;
font-weight: 400;
letter-spacing: 1px;
margin-bottom: 15rpx;
}
.homework-score:last-child{
margin-right: 0rpx;
}
.homework-score{
margin-right: 16rpx;
flex-direction: column;
justify-content: center;
}
.examList-right{
height: 122rpx;
background: #FCEEEF;
padding: 23rpx 37rpx 15rpx 37rpx;
border-radius: 30rpx;
justify-content: space-between;
flex-shrink: 0;
margin-left: 11rpx;
color: #CE8086;
}
.examList.activeOne .examList-state-text{
color: #BEBEBE;
}
.examList-state-text{
font-size: 20rpx;
letter-spacing: 2px;
}
.examList-state van-icon{
color: #DADADA;
font-size: 24rpx;
margin-right: 10rpx;
}
.examList-state{
margin-top: 35rpx;
font-size: 20rpx;
}
.examList.activeOne .examList-name{
color: #282828;
}
.examList-name{
height: 70rpx;
font-size: 26rpx;
word-break: break-all;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
margin-top: 9rpx;
letter-spacing: 1px;
font-weight: bold;
}
.examList-left{
flex-grow: 1;
}
.examList-center{
justify-content: space-between;
}
.examList-center-line{
width: 4rpx;
height: 23rpx;
background: #282828;
position: absolute;
left: 0;
top: 46rpx;
}
.examList.activeOne .examList-center-box{
background: #FFFFFF;
}
.examList-center-box{
flex-grow: 1;
position: relative;
border-radius: 30rpx;
padding: 31rpx 40rpx 21rpx 22rpx;
margin-bottom: 50rpx;
box-shadow: 0px 6px 29px 0px rgba(76, 76, 76, 0.09);
border-radius: 30px;
}
.examList{
margin: 0 50rpx;
}
.examList-import text{
margin-left: 15rpx;
}
.examList-import{
width: 247rpx;
border: 1rpx solid #F2A1A8;
background: #FFFFFF;
line-height: 54rpx;
padding: 0 38rpx;
margin: auto;
margin-bottom: 48rpx;
border-radius: 50rpx;
color: #F2A1A8;
font-size: 24rpx;
text-align: center;
}
.examList-box{
}
</style>
src/components/index/workSituation/operation.vue 0 → 100644
View file @ 3b33688e
<template>
<view class="operation-box">
<view class="operation activeOne">
<view class="operation-center-box" @click="JobDetails">
<view class="operation-center-line"></view>
<view class="operation-center flex">
<view class="operation-left">
<view class="operation-name">高一作业</view>
<view class="operation-state flex">
<view class="operation-state-point"></view>
<view class="operation-state-text">进行中</view>
</view>
</view>
<view class="operation-right flex">
<view class="homework-score flex">
<view class="homework-score-title">学生数</view>
<view class="homework-score-num flex">
86
</view>
</view>
<view class="homework-score flex">
<view class="homework-score-title">已提交</view>
<view class="homework-score-num flex">
86
</view>
</view>
<view class="homework-score flex">
<view class="homework-score-title">已批阅</view>
<view class="homework-score-num flex">
86
</view>
</view>
<view class="homework-score flex">
<view class="homework-score-title">优 秀</view>
<view class="homework-score-num flex">
66
</view>
</view>
</view>
</view>
</view>
<!-- <view class="noData">暂无数据</view> -->
</view>
</view>
</template>
<script>
import {
reactive,
toRefs,
onMounted,
getCurrentInstance,
inject
} from "vue";
export default {
props: {
},
components: {},
setup() {
let data = reactive({
obj: {
Name: '',
Photo: '',
},
showPhone: false,
showLogin: true, //多次点击
});
let methods = {
JobDetails(){
uni.reLaunch({
url: '/pages/index/workSituation'
});
}
}
return {
...toRefs(data),
...methods
};
},
};
</script>
<style scoped>
.homework-score-num view:last-child{
font-size: 23rpx;
margin-top: 25rpx;
}
.homework-score-num view:first-child{
margin-right: 10rpx;
font-size: 46rpx;
font-weight: 800;
}
.homework-score-num{
font-weight: 800;
font-style: italic;
font-size: 36rpx;
}
.homework-score-title{
font-size: 20rpx;
margin-bottom: 0rpx;
font-weight: 400;
letter-spacing: 1px;
margin-bottom: 15rpx;
}
.homework-score:last-child{
margin-right: 0rpx;
}
.homework-score{
margin-right: 16rpx;
flex-direction: column;
justify-content: center;
}
.operation-right{
height: 122rpx;
background: #FCEEEF;
padding: 23rpx 46rpx 15rpx 46rpx;
border-radius: 30rpx;
justify-content: space-between;
flex-shrink: 0;
margin-left: 11rpx;
color: #CE8086;
}
.operation.activeOne .operation-state-text{
color: #0BFF5B;
}
.operation-state-text{
font-size: 20rpx;
letter-spacing: 2px;
}
.operation.activeOne .operation-state-point{
background: #0BFF5B;
}
.operation-state-point{
width: 12rpx;
height: 12rpx;
border-radius: 50%;
margin-right: 9rpx;
margin-top: 11rpx;
}
.operation-state{
margin-top: 35rpx;
font-size: 20rpx;
}
.operation.activeOne .operation-name{
color: #282828;
}
.operation-name{
height: 70rpx;
font-size: 26rpx;
word-break: break-all;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
margin-top: 9rpx;
letter-spacing: 1px;
font-weight: bold;
}
.operation-left{
flex-grow: 1;
}
.operation-center{
justify-content: space-between;
}
.operation-center-line{
width: 4rpx;
height: 23rpx;
background: #282828;
position: absolute;
left: 0;
top: 46rpx;
}
.operation.activeOne .operation-center-box{
background: #FFFFFF;
}
.operation-center-box{
flex-grow: 1;
position: relative;
border-radius: 30rpx;
padding: 31rpx 40rpx 21rpx 22rpx;
margin-bottom: 50rpx;
box-shadow: 0px 6px 29px 0px rgba(76, 76, 76, 0.09);
border-radius: 30px;
}
.operation{
margin: 0 50rpx;
}
.operation-box{
}
</style>
src/components/index/workSituation/studentList.vue 0 → 100644
View file @ 3b33688e
<template>
<view class="studentList-box flex">
<view class="studentList-content">
<view class="studentList flex">
<view class="studentList-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>
<text>
周杰伦
</text>
</view>
</view>
<view class="studentList-content">
<view class="studentList flex">
<view class="studentList-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>
<text>
周杰伦
</text>
</view>
</view>
<view class="studentList-content">
<view class="studentList flex">
<view class="studentList-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>
<text>
周杰伦
</text>
</view>
</view>
<view class="studentList-content">
<view class="studentList flex">
<view class="studentList-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>
<text>
周杰伦
</text>
</view>
</view>
<!-- <view class="noData">暂无数据</view> -->
</view>
</template>
<script>
import {
reactive,
toRefs,
onMounted,
getCurrentInstance,
inject
} from "vue";
export default {
props: {
},
components: {},
setup() {
let data = reactive({
obj: {
Name: '',
Photo: '',
},
showPhone: false,
showLogin: true, //多次点击
});
let methods = {
JobDetails(){
uni.reLaunch({
url: '/pages/index/workSituation'
});
}
}
return {
...toRefs(data),
...methods
};
},
};
</script>
<style scoped>
.studentList text{
text-align: center;
color: #2E2E2E;
font-size: 30rpx;
font-weight: 500;
letter-spacing: 1rpx;
}
.studentList-img .img{
display: block;
border: 2rpx solid #DBDBDB;
border-radius: 50%;
overflow: hidden;
width: 150rpx;
height: 150rpx;
box-sizing: border-box;
margin: 10rpx;
overflow: hidden;
}
.studentList-img{
width: 169rpx;
height: 169rpx;
border-radius: 50%;
overflow: hidden;
text-align: center;
background: #ffffff;
margin-bottom: 5rpx;
margin: auto;
}
.studentList{
flex-direction: column;
justify-content: center;
margin-bottom: 35rpx;
}
.studentList-content{
flex: 0 0 33.33%;
}
.studentList-box{
flex-wrap: wrap;
}
</style>
src/pages/index/scoreDetails.vue
View file @ 3b33688e
...@@ -62,19 +62,21 @@ ...@@ -62,19 +62,21 @@
</view> </view>
<view class="index-student-information"> <view class="index-student-information">
<penta></penta> <penta></penta>
<dfficultyAnalysis></dfficultyAnalysis> <allGraspTheSituation></allGraspTheSituation>
</view> </view>
<view class="scoreDetails-title flex"> <view class="scoreDetails-title flex">
<text>试卷难度分析</text> <text>试卷难度分析</text>
</view> </view>
<view class="index-student-information"> <view class="index-student-information">
<line></line> <line></line>
<dfficultyAnalysis></dfficultyAnalysis>
</view> </view>
<view class="scoreDetails-title flex"> <view class="scoreDetails-title flex">
<text>难度掌握情况</text> <text>难度掌握情况</text>
</view> </view>
<view class="index-student-information"> <view class="index-student-information">
<triangle></triangle> <triangle></triangle>
<graspTheSituation></graspTheSituation>
</view> </view>
</view> </view>
</template> </template>
...@@ -82,9 +84,11 @@ ...@@ -82,9 +84,11 @@
<script> <script>
import analysisTest from '@/components/index/scoreDetails/analysisTest' import analysisTest from '@/components/index/scoreDetails/analysisTest'
import penta from '@/components/charts/penta' import penta from '@/components/charts/penta'
import dfficultyAnalysis from '@/components/index/scoreDetails/dfficultyAnalysis' import allGraspTheSituation from '@/components/index/scoreDetails/allGraspTheSituation'
import line from '@/components/charts/line' import line from '@/components/charts/line'
import dfficultyAnalysis from '@/components/index/scoreDetails/dfficultyAnalysis'
import triangle from '@/components/charts/triangle' import triangle from '@/components/charts/triangle'
import graspTheSituation from '@/components/index/scoreDetails/graspTheSituation'
import vue, { import vue, {
ref, ref,
reactive, reactive,
...@@ -112,9 +116,11 @@ ...@@ -112,9 +116,11 @@
navbar, navbar,
analysisTest, analysisTest,
penta, penta,
dfficultyAnalysis, allGraspTheSituation,
line, line,
triangle dfficultyAnalysis,
triangle,
graspTheSituation
}, },
setup(props) { setup(props) {
let { let {
......
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