zm/medicine_app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

合并前

Browse Source
This commit is contained in:
@fawn-nine
2024-09-09 11:18:06 +08:00
parent ac4f5dcd66
commit 195ba83a10
5 changed files with 1010 additions and 471 deletions
Download Patch File Download Diff File Expand all files Collapse all files

137
pages/miniClass/classInfo.vue
View File

@@ -2,7 +2,7 @@
<view> <view>
<public-module></public-module> <public-module></public-module>
<z-nav-bar title="班级详情"></z-nav-bar> <z-nav-bar title="班级详情"></z-nav-bar>
<text class="small_btn retake border_radius_10" @click="goTest()">再考一次</text> <!-- <text class="small_btn retake border_radius_10" @click="goTest()">再考一次</text> -->
<view class="mainContent" v-if="thisClass.id"> <view class="mainContent" v-if="thisClass.id">
<view :class="['classStatus', <view :class="['classStatus',
thisClass.state == '0' ? 'daikai' :'', thisClass.state == '0' ? 'daikai' :'',
@@ -40,7 +40,31 @@
<view><text class="ciyao">管理成员</text><text class="mainTxt" @click="seeManager">点击查看</text></view> <view><text class="ciyao">管理成员</text><text class="mainTxt" @click="seeManager">点击查看</text></view>
</view> </view>
<view class="pingfenBox testBox" <view class="pingfenBox testBox"
v-if="(thisClass.state == '3' || thisClass.state == '2') && classModel.isExam == 1"> v-if="thisClass.state == '2'">
<view class="scoreTitle">
<view class="titles flex_box">
<text>总成绩</text>
<!-- <uni-icons type="help" size="18" color="#fff"
@click="showTestTips = true"></uni-icons> -->
</view>
</view>
<view class="optionsBox" v-if="thisClass.state == '3'">
<!-- v-show="thisClass.state == '2'" -->
<view class="chengji">
<view>恭喜您获得<text class="greenScore">A证</text>， <text
class="small_btn border_radius_10 zhengshu">查看证书</text></view>
<view style="margin-top: 20rpx; text-align: center;">很遗憾，您的成绩未达标</view>
<view class="" style="margin-top: 20rpx; text-align: center;">
<text class="small_btn chongxiu border_radius_10">加入新班级重修</text>
</view>
<!-- <view style="margin-top: 20rpx;">总成绩为：<text class="scoreNumber greenScore">90</text>分 <text
class="c999">（50考试分+40平时表现分）</text></view> -->
</view>
</view>
</view>
<view class="pingfenBox testBox"
v-if="thisClass.state == '3' && classModel.isExam == 1">
<view class="scoreTitle"> <view class="scoreTitle">
<view class="titles flex_box"> <view class="titles flex_box">
<text>笔试分</text><uni-icons type="help" size="18" color="#fff" <text>笔试分</text><uni-icons type="help" size="18" color="#fff"
@@ -84,21 +108,9 @@
</view> </view>
</view> </view>
</view> </view>
<!-- v-show="thisClass.state == '2'" -->
<view class="chengji" >
<view>恭喜您获得<text class="greenScore">A证</text>， <text
class="small_btn border_radius_10 zhengshu">查看证书</text></view>
<view style="margin-top: 20rpx; text-align: center;">很遗憾，您的成绩未达标</view>
<view class="" style="margin-top: 20rpx; text-align: center;">
<text class="small_btn chongxiu border_radius_10">加入新班级重修</text>
</view>
<!-- <view style="margin-top: 20rpx;">总成绩为：<text class="scoreNumber greenScore">90</text>分 <text
class="c999">（50考试分+40平时表现分）</text></view> -->
</view> </view>
</view> </view>
</view> <view class="pingfenBox" v-if="thisClass.state == '1' || thisClass.state == '3'">
<view class="pingfenBox" v-if="thisClass.state != 0">
<view class="scoreTitle"> <view class="scoreTitle">
<view class="titles flex_box"> <view class="titles flex_box">
<text>表现分</text><uni-icons type="help" size="18" color="#fff" @click="clickHelp"></uni-icons> <text>表现分</text><uni-icons type="help" size="18" color="#fff" @click="clickHelp"></uni-icons>
@@ -175,7 +187,9 @@
班内问答 班内问答
</view> --> </view> -->
<!-- 班内同学 --> <!-- 班内同学 -->
<view class="classMateBox" v-show="students.length> 0 && tabId == '2'"> <template v-if="tabId == '2'">
<template v-if="students.length> 0">
<view class="classMateBox" v-if="(thisClass.state == '0' || thisClass.state == '1')">
<view class="newBox flexbox"> <view class="newBox flexbox">
<view :class="['item']" v-for="(item, index) in students" :key="index"> <view :class="['item']" v-for="(item, index) in students" :key="index">
<!-- <view class="imgcontainer" :style="{backgroundImage:surl(item.image)}"> --> <!-- <view class="imgcontainer" :style="{backgroundImage:surl(item.image)}"> -->
@@ -193,7 +207,7 @@
<text v-else>匿名用户</text> <text v-else>匿名用户</text>
</view> </view>
</view> </view>
<view class="" v-if="thisClass.state == '3' || thisClass.state == '2'"> <!-- <view class="" v-if="thisClass.state == '3' || thisClass.state == '2'">
<view class="scoreBox flex_box "> <view class="scoreBox flex_box ">
<view class="item1"> <view class="item1">
<view class="ciyao"> <view class="ciyao">
@@ -215,19 +229,25 @@
<view class="ciyao"> <view class="ciyao">
考试成绩 考试成绩
</view> </view>
<text class="score">{{item.student.score.testScoreNumber}} </text> <text class="score">{{item.examScore}} </text>
</view> </view>
</template> </template>
</template> </template>
</view> </view>
</view> -->
</view> </view>
</view> </view>
</view> </view>
</view> <sutdent-score-list :students="students" :classModel="classModel" :tabId="tabId" :thisClass="thisClass"
<view class="" v-show="students.length == 0 && tabId == '2'"> @chooseStudent="chooseStudent"
v-if="(thisClass.state == '3' || thisClass.state == '2')"></sutdent-score-list>
</template>
<view class="" v-else>
<u-divider text="暂无学员加入"></u-divider> <u-divider text="暂无学员加入"></u-divider>
</view> </view>
</template>
<!-- {{getTijiaoTitleList}} --> <!-- {{getTijiaoTitleList}} -->
<!-- 班内提交 --> <!-- 班内提交 -->
<view class="" v-if="tabId == '3' && thisClass.state != '0'"> <view class="" v-if="tabId == '3' && thisClass.state != '0'">
@@ -424,8 +444,7 @@
</template> </template>
<script> <script>
const classData = require('@/data/classInfoMan.json') import sutdentScoreList from "./components/sutdent_score_list.vue";
const studentList = require('@/data/manStudentsList.json')
import $http from '@/config/requestConfig.js'; import $http from '@/config/requestConfig.js';
import { import {
mapState mapState
@@ -633,11 +652,11 @@
// paperData = await this.getlocaltestInfo('paperEndTime') // paperData = await this.getlocaltestInfo('paperEndTime')
var historyPaper = await this.getingPaper() var historyPaper = await this.getingPaper()
this.ingPaper = historyPaper this.ingPaper = historyPaper
console.log('对比',historyPaper.classId , this.classId); console.log('对比', historyPaper.classId, this.classId);
if(historyPaper && historyPaper.classId == this.classId){ if (historyPaper && historyPaper.classId == this.classId) {
paperEndTime = this.hourUp(historyPaper.startTime,1) // 结束的时间戳 paperEndTime = this.hourUp(historyPaper.startTime, 1) // 结束的时间戳
this.examId = historyPaper.id this.examId = historyPaper.id
}else{ } else {
this.examId = undefined this.examId = undefined
paperEndTime = 0 paperEndTime = 0
} }
@@ -657,6 +676,9 @@
} }
}, },
components: {
sutdentScoreList
},
computed: { computed: {
...mapState(["userInfo"]), ...mapState(["userInfo"]),
getClassStatus() { getClassStatus() {
@@ -727,6 +749,11 @@
} }
}, },
methods: { methods: {
// 选中了学生
chooseStudent(data){
return
console.log('xuesheng',data);
},
// 获取服务器时间 // 获取服务器时间
async getServerTime() { async getServerTime() {
var time = 0 var time = 0
@@ -819,29 +846,36 @@
url: "common/class/userScoreList", url: "common/class/userScoreList",
method: "POST", method: "POST",
data: { data: {
"classId": this.classId "classId": parseInt(this.classId)
}, },
header: { //默认 无 说明：请求头 header: { //默认 无 说明：请求头
'Content-Type': 'application/json' 'Content-Type': 'application/json'
}, },
}) })
.then(res => { .then(res => {
console.log('班状态下，学员的信息',res); console.log('班状态下，学员的信息', res);
// this.userMsg = res.user // this.userMsg = res.user
list = studentList // list = studentList
// if(res.code == 0){ if(res.code == 0){
// list = res.result res.result.forEach(item => {
// }else{ item.task0Score ? '' : item.task0Score = 0 // 固定任务
// uni.showToast({ item.questionScore ? '' : item.questionScore = 0 // 思考题
// title: res.errMsg, item.task1Score ? '' : item.task1Score = 0 /// 医案
// icon: 'none', item.experienceScore ? '' : item.experienceScore = 0 // 心得
// duration: 3000 item.pingshiScore = item.task0Score + item.questionScore + item.task1Score + item.experienceScore
// }) })
// } list = res.result
}else{
uni.showToast({
title: res.errMsg,
icon: 'none',
duration: 3000
})
}
}).catch(e => { }).catch(e => {
list = [] list = []
uni.showToast({ uni.showToast({
title: res.errMsg, title: e.errMsg,
icon: 'none', icon: 'none',
duration: 3000 duration: 3000
}) })
@@ -849,12 +883,12 @@
return list return list
}, },
goTest() { goTest() {
if(this.ingPaper){ if (this.ingPaper) {
uni.showModal({ uni.showModal({
title:'提示', title: '提示',
content:'您有一项正在进行中的考试，请完成后再开启本班级的考试', content: '您有一项正在进行中的考试，请完成后再开启本班级的考试',
showCancel:false, showCancel: false,
confirmText:'好的' confirmText: '好的'
}) })
return return
} }
@@ -996,7 +1030,7 @@
} }
}) })
}, },
async getingPaper(){ async getingPaper() {
var obj = undefined var obj = undefined
await $http.request({ await $http.request({
url: "common/classExam/examingPaper", url: "common/classExam/examingPaper",
@@ -1007,12 +1041,11 @@
}, },
}) })
.then(async (res) => { .then(async (res) => {
console.log('考试中',res); console.log('考试中', res);
if (res.code == 0 && res.classExamUser != null) { if (res.code == 0 && res.classExamUser != null) {
obj = res.classExamUser obj = res.classExamUser
} }
}).catch(e => { }).catch(e => {});
});
return obj return obj
}, },
@@ -1129,7 +1162,7 @@
} }
}, },
hourUp(start,e) { hourUp(start, e) {
// 比现在多几个小时 // 比现在多几个小时
// var end = Date.now() // var end = Date.now()
var startTimeDate = new Date(start) var startTimeDate = new Date(start)
@@ -1137,7 +1170,7 @@
var step = 1000 * 60 * 60 * e // 时间间隔 var step = 1000 * 60 * 60 * e // 时间间隔
var interval = startTime + step; //开始 + 时长 = 结束的毫秒数 var interval = startTime + step; //开始 + 时长 = 结束的毫秒数
// var a = new Date(interval) // var a = new Date(interval)
console.log('aaaaaaaaaa结束时间的毫秒数，时间戳',interval); console.log('aaaaaaaaaa结束时间的毫秒数，时间戳', interval);
return interval return interval
}, },
formatRichText(html) { formatRichText(html) {
@@ -1371,7 +1404,7 @@
.then(async res => { .then(async res => {
this.refresh = false this.refresh = false
if (res.code == 0) { if (res.code == 0) {
res = classData // 测试数据 // res = classData // 测试数据
this.isHave = res.result.isJoin this.isHave = res.result.isJoin
this.thisClass = res.result.class this.thisClass = res.result.class
if (this.thisClass.state == '0') { if (this.thisClass.state == '0') {

198
pages/miniClass/classInfoMan.vue
View File

@@ -141,7 +141,9 @@
</view> </view>
<!-- 学员列表 --> <!-- 学员列表 -->
<view class="" v-if="tabId == '2'"> <view class="" v-if="tabId == '2'">
<view class="classMateBox" v-show="students.length> 0 "> <template v-if="students.length> 0 ">
<template v-if="(thisClass.state == '0' || thisClass.state == '1')">
<view class="classMateBox">
<view class="" style=" overflow: hidden;"> <view class="" style=" overflow: hidden;">
<uni-section class="mb-10 nobg xueyuanTitle" title="班内学员" type="line" sub-title="">共 <uni-section class="mb-10 nobg xueyuanTitle" title="班内学员" type="line" sub-title="">共
{{students.length}} 名学员</uni-section> {{students.length}} 名学员</uni-section>
@@ -161,7 +163,8 @@
<span class="zmVip"></span><text>国学VIP</text> <span class="zmVip"></span><text>国学VIP</text>
</view> </view>
</view> </view>
<view v-if="thisClass.state == '2'" class=" zhiliang flex_box flex_between align-items_box" style="margin-top: 20rpx;"> <!-- <view v-if="thisClass.state == '2'"
class=" zhiliang flex_box flex_between align-items_box" style="margin-top: 20rpx;">
<view class=""> <view class="">
<text>A证：</text> <text>A证：</text>
<text>20 人</text> <text>20 人</text>
@@ -174,7 +177,7 @@
<text>不合格：</text> <text>不合格：</text>
<text>20 人</text> <text>20 人</text>
</view> </view>
</view> </view> -->
</view> </view>
<view class="newBox"> <view class="newBox">
<view :class="['item', <view :class="['item',
@@ -208,7 +211,7 @@
<text class="userType" v-if="item.student.vip == '3' ">国学VIP用户</text> --> <text class="userType" v-if="item.student.vip == '3' ">国学VIP用户</text> -->
</view> </view>
</view> </view>
<view class="" v-if="thisClass.state == '3' || thisClass.state == '2'"> <!-- <view class="" v-if="thisClass.state == '3' || thisClass.state == '2'">
<view class="scoreBox flex_box flex_between border_radius_10 "> <view class="scoreBox flex_box flex_between border_radius_10 ">
<view class=""> <view class="">
<view class="ciyao"> <view class="ciyao">
@@ -230,7 +233,7 @@
<text class="score">0</text> <text class="score">0</text>
</view> </view>
</template> </template>
<template v-else > <template v-else>
<view class="" v-if="thisClass.state == '3'"> <view class="" v-if="thisClass.state == '3'">
<view class="" style="color: #55aa7f;"> <view class="" style="color: #55aa7f;">
等待公布分数 等待公布分数
@@ -240,21 +243,33 @@
<view class="ciyao"> <view class="ciyao">
考试成绩 考试成绩
</view> </view>
<text class="score">{{item.student.score.testScoreNumber}}</text> <text
class="score">{{item.student.score.testScoreNumber}}</text>
</view> </view>
</template> </template>
</template> </template>
<!-- -->
<view v-if="classModel.isExam == 1 && thisClass.state == '2'" :class="['PM_font','zhengshu',item.student.score.certificateType == 'A' ? 'Azheng' : 'Bzheng']" <view v-if="classModel.isExam == 1 && thisClass.state == '2'"
></view> :class="['PM_font','zhengshu',item.student.score.certificateType == 'A' ? 'Azheng' : 'Bzheng']">
</view>
</view>
</view> -->
</view> </view>
</view> </view>
</view> </view>
</view> </template>
</view> <template v-if="(thisClass.state == '3' || thisClass.state == '2')">
<view class="" v-show="students.length == 0"> <sutdent-score-list :students="students" :classModel="classModel" :tabId="tabId" :thisClass="thisClass"
@chooseStudent="chooseStudent"
></sutdent-score-list>
</template>
</template>
<template v-if="students.length == 0">
<view class="">
<u-divider text="暂无学员加入"></u-divider> <u-divider text="暂无学员加入"></u-divider>
</view> </view>
</template>
</view> </view>
<view class="" v-if="tabId == '0'"> <view class="" v-if="tabId == '0'">
<view class="otherItems flex_box"> <view class="otherItems flex_box">
@@ -299,7 +314,7 @@
</view> </view>
</view> </view>
<view> <view>
<u-back-top :scroll-top="scrollTop" bottom="60" :customStyle='bgiStyle' :iconStyle="iconStyle"></u-back-top> <u-back-top :scroll-top="scrollTop" bottom="60" :customStyle='bgiStyle' :iconStyle="iconStyle"></u-back-top>
</view> </view>
<!-- 管理弹出 --> <!-- 管理弹出 -->
@@ -371,30 +386,50 @@
<!-- <view class="item"> <!-- <view class="item">
<b>课程购买情况：</b><br />{{thisStudent.buyState}} <b>课程购买情况：</b><br />{{thisStudent.buyState}}
</view> --> </view> -->
<view class="scoreBox flex_box flex_between border_radius_10 " > </view>
</u-popup>
<u-popup key="3" v-if="showStudentScoreBlank" :show="showStudentScoreBlank" :round="10" @close="closePup" ref="">
<view class="upopBox" style="">
<h3 style="margin-bottom: 20rpx;">
{{thisStudentScore.user.nickname != null && thisStudentScore.user.nickname != '' ? thisStudentScore.user.nickname : "匿名用户"}}
</h3>
<view class="item">
<text><b>身份信息：</b></text>
<text v-if="thisStudentScore.user.vip == '0'">普通用户</text>
<text v-if="thisStudentScore.user.vip == '1'">超级VIP</text>
<text v-if="thisStudentScore.user.vip == '2'">医学VIP</text>
<text v-if="thisStudentScore.user.vip == '3'">国学VIP</text>
</view>
<view class="item">
<text><b>电话：</b>{{thisStudentScore.user.tel}}</text>
</view>
<!-- <view class="item">
<b>课程购买情况：</b><br />{{thisStudent.buyState}}
</view> -->
<view class="scoreBox flex_box flex_between border_radius_10 ">
<view class=""> <view class="">
<view class="ciyao"> <view class="ciyao">
平时成绩 平时成绩
</view> </view>
<text class="score">{{thisStudent.student.score.peacetimeScore}}</text> <text class="score">{{thisStudentScore.pingshiScore}}</text>
</view> </view>
<template v-if="classModel.isExam == 1"> <template v-if="classModel.isExam == 1">
<template v-if="thisStudent.student.score.testScore.length == 0"> <template v-if="thisStudentScore.classExamUsers.length == 0">
<view class=""> <view class="">
<view class=""> <view class="">
未参加考试 未参加考试
</view> </view>
</view> </view>
</template> </template>
<template v-else > <template v-else>
<view class="" v-for="(item1, index1) in thisStudent.student.score.testScore"> <view class="" v-for="(item1, index1) in thisStudentScore.classExamUsers" :key="index1">
<view class="ciyao"> <view class="ciyao">
{{index1 == 0 ? '一' : '二'}}次考试成绩 {{index1 == 0 ? '一' : '二'}}次考试成绩
</view> </view>
<view class="flex_box flex_center" @click.stop="seePaper(item1.testPaperId)"> <view class="flex_box flex_center" @click.stop="seePaper(item1.id)">
<text class="score">{{item1.score}}</text> <text class="score">{{item1.score}}</text>
<view class="seePaper"> <view class="seePaper">
<image src="../../static/icon/testPaperIcon.png" mode="widthFix" ></image> <image src="../../static/icon/testPaperIcon.png" mode="widthFix"></image>
</view> </view>
</view> </view>
@@ -411,8 +446,7 @@
</template> </template>
<script> <script>
const classData = require('@/data/classInfoMan.json') import sutdentScoreList from "./components/sutdent_score_list.vue";
const studentList = require('@/data/manStudentsList.json')
import { import {
ref, ref,
onMounted onMounted
@@ -425,6 +459,8 @@
export default { export default {
data() { data() {
return { return {
thisStudentScore:undefined, //学生成绩提示框实例
showStudentScoreBlank:false,
scrollTop: 0, scrollTop: 0,
horizontal: 'right', horizontal: 'right',
vertical: 'bottom', vertical: 'bottom',
@@ -523,7 +559,7 @@
onLoad(e) { onLoad(e) {
uni.hideTabBar(); uni.hideTabBar();
this.classId = e.id this.classId = e.id
this.getRealRole() this.getRealRole()
// this.interval = setInterval(() => { // this.interval = setInterval(() => {
// if (this.thisClass.id) { // if (this.thisClass.id) {
// uni.showLoading({ // uni.showLoading({
@@ -553,6 +589,8 @@ this.getRealRole()
components: { components: {
// musicPlay // musicPlay
classInfoWorkBlank, classInfoWorkBlank,
sutdentScoreList
}, },
computed: { computed: {
...mapState(["userInfo"]), ...mapState(["userInfo"]),
@@ -612,8 +650,16 @@ this.getRealRole()
}, },
methods: { methods: {
chooseStudent(data){
console.log('xuesheng',data);
this.thisStudentScore = data
this.showStudentScoreBlank = true
// this.thisStudent =
},
closePup() { closePup() {
this.showStudentBlank = false this.showStudentBlank = false
this.showStudentScoreBlank = false
this.thisStudentScore = undefined
}, },
clickTask(item) { clickTask(item) {
uni.navigateTo({ uni.navigateTo({
@@ -928,13 +974,43 @@ this.getRealRole()
// 考试周和结班状态下，学员的信息 // 考试周和结班状态下，学员的信息
async getStudentScoreList() { async getStudentScoreList() {
var list = undefined var list = undefined
await this.$http await $http.request({
.post('book/user/info/' + this.userInfo.id) url: "common/class/userScoreList",
method: "POST",
data: {
"classId":46
},
header: { //默认 无 说明：请求头
'Content-Type': 'application/json'
},
})
.then(res => { .then(res => {
console.log('班状态下，学员的信息', res);
// this.userMsg = res.user // this.userMsg = res.user
list = studentList // list = studentList
if(res.code == 0){
res.result.forEach(item => {
item.task0Score ? '' : item.task0Score = 0 // 固定任务
item.questionScore ? '' : item.questionScore = 0 // 思考题
item.task1Score ? '' : item.task1Score = 0 /// 医案
item.experienceScore ? '' : item.experienceScore = 0 // 心得
item.pingshiScore = item.task0Score + item.questionScore + item.task1Score + item.experienceScore
})
list = res.result
}else{
uni.showToast({
title: res.errMsg,
icon: 'none',
duration: 3000
})
}
}).catch(e => { }).catch(e => {
list = [] list = []
uni.showToast({
title: e.errMsg,
icon: 'none',
duration: 3000
})
}); });
return list return list
}, },
@@ -975,8 +1051,11 @@ this.getRealRole()
taskEdit(item) { taskEdit(item) {
console.log('taskEdit'.item); console.log('taskEdit'.item);
}, },
seePaper(val){ seePaper(val) {
console.log('点击了'); // console.log('点击了');
uni.navigateTo({
url: `/pages/miniClass/paperBack?id=${val}`
})
}, },
// 退出班级 // 踢出班级 // 退出班级 // 踢出班级
outClass(userId) { outClass(userId) {
@@ -1057,7 +1136,7 @@ this.getRealRole()
this.refresh = false this.refresh = false
if (res.code == 0) { if (res.code == 0) {
res = classData // 测试数据 // res = classData // 测试数据
this.thisClass = res.result.class this.thisClass = res.result.class
if (!this.showAlert && this.thisClass.state == '3') { if (!this.showAlert && this.thisClass.state == '3') {
@@ -1472,9 +1551,11 @@ this.getRealRole()
} }
} }
.zhiliang{
.zhiliang {
font-size: 28rpx; font-size: 28rpx;
} }
.showMore { .showMore {
width: 100%; width: 100%;
text-align: center; text-align: center;
@@ -1820,19 +1901,50 @@ this.getRealRole()
font-size: 30rpx; font-size: 30rpx;
margin-top: 20rpx; margin-top: 20rpx;
} }
.zhengshu{width: 80rpx; height: 80rpx; background-size: contain;}
.Azheng{background-image: url(@/static/icon/Az.png);} .zhengshu {
.Bzheng{background-image: url(@/static/icon/Bz.png);} width: 80rpx;
.scoreBox{ height: 80rpx;
align-items: center; border: 1px solid #f1f1f1; background-size: contain;
margin-top: 20rpx;
text-align: center; background-color: #fff; padding: 10rpx 20rpx;
.ciyao{color: #999;}
.score{color: #258feb; font-weight: bold; font-size: 36rpx;}
.seePaper{width: 50rpx; height: 50rpx;
image{width: 100%; height: 100%;}
} }
}
.Azheng {
background-image: url(@/static/icon/Az.png);
}
.Bzheng {
background-image: url(@/static/icon/Bz.png);
}
.scoreBox {
align-items: center;
border: 1px solid #f1f1f1;
margin-top: 20rpx;
text-align: center;
background-color: #fff;
padding: 10rpx 20rpx;
.ciyao {
color: #999;
}
.score {
color: #258feb;
font-weight: bold;
font-size: 36rpx;
}
.seePaper {
width: 50rpx;
height: 50rpx;
image {
width: 100%;
height: 100%;
}
}
}
.className { .className {
padding: 30rpx 0; padding: 30rpx 0;
position: relative; position: relative;

302
pages/miniClass/classInfoWork.vue
View File

@@ -22,7 +22,8 @@
<view class="waitOpen" v-if="thisClass.state == '0'"> <view class="waitOpen" v-if="thisClass.state == '0'">
<text>等待开班</text> <text>等待开班</text>
</view> </view>
<class-infoWork-blank v-else :thisClass="thisClass" :roleCode="roleCode" :classModel="classModel"></class-infoWork-blank> <class-infoWork-blank v-else :thisClass="thisClass" :roleCode="roleCode"
:classModel="classModel"></class-infoWork-blank>
</view> </view>
<view class="mainBox"> <view class="mainBox">
<view class=""> <view class="">
@@ -32,7 +33,9 @@
</view> </view>
<!-- 学员列表 --> <!-- 学员列表 -->
<view class="" v-if="tabId == '2'"> <view class="" v-if="tabId == '2'">
<view class="classMateBox" v-show="students.length> 0 "> <template v-if="students.length> 0 ">
<template v-if="(thisClass.state == '0' || thisClass.state == '1')">
<view class="classMateBox">
<view class="" style=" overflow: hidden;"> <view class="" style=" overflow: hidden;">
<uni-section class="mb-10 nobg xueyuanTitle" title="班内学员" type="line" sub-title="">共 <uni-section class="mb-10 nobg xueyuanTitle" title="班内学员" type="line" sub-title="">共
{{students.length}} 名学员</uni-section> {{students.length}} 名学员</uni-section>
@@ -52,7 +55,9 @@
<span class="zmVip"></span><text>国学VIP</text> <span class="zmVip"></span><text>国学VIP</text>
</view> </view>
</view> </view>
<view v-if="thisClass.state == '2'" class=" zhiliang flex_box flex_between align-items_box" style="margin-top: 20rpx;"> <view v-if="thisClass.state == '2'"
class=" zhiliang flex_box flex_between align-items_box"
style="margin-top: 20rpx;">
<view class=""> <view class="">
<text>A证：</text> <text>A证：</text>
<text>20 人</text> <text>20 人</text>
@@ -79,7 +84,8 @@
<view class="classmateImg"> <view class="classmateImg">
<image v-if="item.student.avatar != null && item.student.avatar != ''" <image v-if="item.student.avatar != null && item.student.avatar != ''"
:src="item.student.avatar" mode="aspectFit"></image> :src="item.student.avatar" mode="aspectFit"></image>
<image v-else src="/static/icon/morenAvavter.png" mode="aspectFit"></image> <image v-else src="/static/icon/morenAvavter.png" mode="aspectFit">
</image>
</view> </view>
<view :class="['textItems','flex_box']"> <view :class="['textItems','flex_box']">
<text class="txt555" <text class="txt555"
@@ -92,78 +98,42 @@
<text class="txt555" v-else> <text class="txt555" v-else>
匿名用户 匿名用户
</text> </text>
<text @click.stop="outClass(item.student.id)" class="outBtn" <!-- <text @click.stop="outClass(item.student.id)" class="outBtn"
v-if="thisClass.state != '2' && thisClass.state != '3'">踢出班级</text> v-if="thisClass.state != '2' && thisClass.state != '3'">踢出班级</text> -->
<!-- <text class="userType" v-if="item.student.vip == '1'">超级VIP用户</text> <!-- <text class="userType" v-if="item.student.vip == '1'">超级VIP用户</text>
<text class="userType" v-if="item.student.vip == '2' ">医学VIP用户</text> <text class="userType" v-if="item.student.vip == '2' ">医学VIP用户</text>
<text class="userType" v-if="item.student.vip == '3' ">国学VIP用户</text> --> <text class="userType" v-if="item.student.vip == '3' ">国学VIP用户</text> -->
</view> </view>
</view> </view>
<view class="" v-if="thisClass.state == '3' || thisClass.state == '2'"> </view>
<view class="scoreBox flex_box flex_between border_radius_10 "> </view>
</view>
</template>
<template v-if="(thisClass.state == '3' || thisClass.state == '2')">
<sutdent-score-list :students="students" :classModel="classModel" :tabId="tabId"
:thisClass="thisClass" @chooseStudent="chooseStudent"></sutdent-score-list>
</template>
</template>
<template v-if="students.length == 0">
<view class=""> <view class="">
<view class="ciyao">
平时成绩
</view>
<text class="score">{{item.student.score.peacetimeScore}}</text>
</view>
<template v-if="classModel.isExam == 1">
<template v-if="item.student.score.testScore.length == 0">
<view class="" v-if="thisClass.state == '3'">
<view class="" style="color: #ff9496;">
未考试
</view>
</view>
<view class="" v-if="thisClass.state == '2'">
<view class="ciyao">
考试成绩
</view>
<text class="score">0</text>
</view>
</template>
<template v-else >
<view class="" v-if="thisClass.state == '3'">
<view class="" style="color: #55aa7f;">
等待公布分数
</view>
</view>
<view v-if="thisClass.state == '2'">
<view class="ciyao">
考试成绩
</view>
<text class="score">{{item.student.score.testScoreNumber}}</text>
</view>
</template>
</template>
<!-- -->
<view v-if="classModel.isExam == 1 && thisClass.state == '2'" :class="['PM_font','zhengshu',item.student.score.certificateType == 'A' ? 'Azheng' : 'Bzheng']"
></view>
</view>
</view>
</view>
</view>
</view>
<view class="" v-show="students.length == 0">
<u-divider text="暂无学员加入"></u-divider> <u-divider text="暂无学员加入"></u-divider>
</view> </view>
</template>
</view> </view>
<view class="" v-if="tabId == '0'"> <view class="" v-if="tabId == '0'">
<view class="otherItems flex_box"> <view class="otherItems flex_box">
<view class="itt" v-if="thisClass.state == '0'"> <view class="itt" v-if="thisClass.state == '0'">
<text class="ciyao">创建日期</text> <text class="ciyao">创建日期</text>
<text <text class="mainTxt">{{thisClass.createTime.substring(0,10)}}</text>
class="mainTxt">{{thisClass.createTime.substring(0,10)}}</text>
</view> </view>
<view class="itt" v-if="thisClass.state == '1' || thisClass.state == '3'"> <view class="itt" v-if="thisClass.state == '1' || thisClass.state == '3'">
<text class="ciyao">开班日期</text> <text class="ciyao">开班日期</text>
<text <text class="mainTxt">{{thisClass.startTime.substring(0,10)}}</text>
class="mainTxt">{{thisClass.startTime.substring(0,10)}}</text>
</view> </view>
<view class="itt" v-if="thisClass.state == '2'"> <view class="itt" v-if="thisClass.state == '2'">
<text class="ciyao">结班日期</text> <text class="ciyao">结班日期</text>
<text <text class="mainTxt">{{thisClass.endTime.substring(0,10)}}</text>
class="mainTxt">{{thisClass.endTime.substring(0,10)}}</text>
</view> </view>
<view><text class="ciyao">班级类型</text> <view><text class="ciyao">班级类型</text>
<text class="mainTxt" v-if="classModel.type == '0'">普通小班</text> <text class="mainTxt" v-if="classModel.type == '0'">普通小班</text>
@@ -177,7 +147,8 @@
<uni-icons type="eye" size="20" color="#333"></uni-icons> <uni-icons type="eye" size="20" color="#333"></uni-icons>
</view> </view>
</view> --> </view> -->
<view><text class="ciyao">管理成员</text><text class="mainTxt" @click="seeManager">点击查看</text></view> <view><text class="ciyao">管理成员</text><text class="mainTxt" @click="seeManager">点击查看</text>
</view>
</view> </view>
<uni-section class="mb-10 nobg" title="教学目标/班级简介" type="line"></uni-section> <uni-section class="mb-10 nobg" title="教学目标/班级简介" type="line"></uni-section>
<rich-text class="banjiJianjie" :nodes="formatRichText(thisClass.content)"></rich-text> <rich-text class="banjiJianjie" :nodes="formatRichText(thisClass.content)"></rich-text>
@@ -259,7 +230,7 @@
<!-- <view class="item"> <!-- <view class="item">
<b>课程购买情况：</b><br />{{thisStudent.buyState}} <b>课程购买情况：</b><br />{{thisStudent.buyState}}
</view> --> </view> -->
<view class="scoreBox flex_box flex_between border_radius_10 " > <view class="scoreBox flex_box flex_between border_radius_10 ">
<view class=""> <view class="">
<view class="ciyao"> <view class="ciyao">
平时成绩 平时成绩
@@ -274,7 +245,7 @@
</view> </view>
</view> </view>
</template> </template>
<template v-else > <template v-else>
<view class="" v-for="(item1, index1) in thisStudent.student.score.testScore"> <view class="" v-for="(item1, index1) in thisStudent.student.score.testScore">
<view class="ciyao"> <view class="ciyao">
{{index1 == 0 ? '一' : '二'}}次考试成绩 {{index1 == 0 ? '一' : '二'}}次考试成绩
@@ -282,7 +253,62 @@
<view class="flex_box flex_center" @click.stop="seePaper(item1.testPaperId)"> <view class="flex_box flex_center" @click.stop="seePaper(item1.testPaperId)">
<text class="score">{{item1.score}}</text> <text class="score">{{item1.score}}</text>
<view class="seePaper"> <view class="seePaper">
<image src="../../static/icon/testPaperIcon.png" mode="widthFix" ></image> <image src="../../static/icon/testPaperIcon.png" mode="widthFix"></image>
</view>
</view>
</view>
</template>
</template>
<!-- && thisClass.state == '2' -->
<!-- <view v-if="classModel.isExam == 1" :class="['PM_font','zhengshu',thisStudent.student.score.certificateType == 'A' ? 'Azheng' : 'Bzheng']"
></view> -->
</view>
</view>
</u-popup>
<u-popup key="3" v-if="showStudentScoreBlank" :show="showStudentScoreBlank" :round="10" @close="closePup"
ref="">
<view class="upopBox" style="">
<h3 style="margin-bottom: 20rpx;">
{{thisStudentScore.user.nickname != null && thisStudentScore.user.nickname != '' ? thisStudentScore.user.nickname : "匿名用户"}}
</h3>
<view class="item">
<text><b>身份信息：</b></text>
<text v-if="thisStudentScore.user.vip == '0'">普通用户</text>
<text v-if="thisStudentScore.user.vip == '1'">超级VIP</text>
<text v-if="thisStudentScore.user.vip == '2'">医学VIP</text>
<text v-if="thisStudentScore.user.vip == '3'">国学VIP</text>
</view>
<view class="item">
<text><b>电话：</b>{{thisStudentScore.user.tel}}</text>
</view>
<!-- <view class="item">
<b>课程购买情况：</b><br />{{thisStudent.buyState}}
</view> -->
<view class="scoreBox flex_box flex_between border_radius_10 ">
<view class="">
<view class="ciyao">
平时成绩
</view>
<text class="score">{{thisStudentScore.pingshiScore}}</text>
</view>
<template v-if="classModel.isExam == 1">
<template v-if="thisStudentScore.classExamUsers.length == 0">
<view class="">
<view class="">
未参加考试
</view>
</view>
</template>
<template v-else>
<view class="" v-for="(item1, index1) in thisStudentScore.classExamUsers" :key="index1">
<view class="ciyao">
{{index1 == 0 ? '一' : '二'}}次考试成绩
</view>
<view class="flex_box flex_center" @click.stop="seePaper(item1.id)">
<text class="score">{{item1.score}}</text>
<view class="seePaper">
<image src="../../static/icon/testPaperIcon.png" mode="widthFix"></image>
</view> </view>
</view> </view>
@@ -299,8 +325,8 @@
</template> </template>
<script> <script>
const classData = require('@/data/classInfoMan.json')
const studentList = require('@/data/manStudentsList.json') import sutdentScoreList from "./components/sutdent_score_list.vue";
import classInfoWorkBlank from "@/components/classInfoWorkBlank.vue"; import classInfoWorkBlank from "@/components/classInfoWorkBlank.vue";
import $http from '@/config/requestConfig.js'; import $http from '@/config/requestConfig.js';
import { import {
@@ -309,6 +335,8 @@
export default { export default {
data() { data() {
return { return {
thisStudentScore:undefined, //学生成绩提示框实例
showStudentScoreBlank:false,
horizontal: 'right', horizontal: 'right',
vertical: 'bottom', vertical: 'bottom',
direction: 'vertical', direction: 'vertical',
@@ -332,17 +360,7 @@
{ {
name: '班级情况', name: '班级情况',
id: '0' id: '0'
}, }
// {
// name: '班内讨论',
// id: '1'
// },
// {
// name: '班内提交',
// id: '3'
// }
], ],
admins: { admins: {
list: [], list: [],
@@ -369,19 +387,19 @@
isDirector: false, // 是主任 isDirector: false, // 是主任
isHave: false, isHave: false,
showMan: false, showMan: false,
tijiaoTitleList: [{ // tijiaoTitleList: [{
name: '班内任务', // name: '班内任务',
id: '0' // id: '0'
}, // },
{ // {
name: '医案', // name: '医案',
id: '1' // id: '1'
}, // },
{ // {
name: '心得', // name: '心得',
id: '2' // id: '2'
}, // },
], // ],
tijiaoTitleId: '0', tijiaoTitleId: '0',
taskList: [], // 任务列表 taskList: [], // 任务列表
taskHaveMore: false, // 是否还有更多 taskHaveMore: false, // 是否还有更多
@@ -423,6 +441,7 @@
components: { components: {
// musicPlay // musicPlay
classInfoWorkBlank, classInfoWorkBlank,
sutdentScoreList
}, },
computed: { computed: {
...mapState(["userInfo"]), ...mapState(["userInfo"]),
@@ -481,8 +500,16 @@
} }
}, },
methods: { methods: {
chooseStudent(data){
console.log('xuesheng',data);
this.thisStudentScore = data
this.showStudentScoreBlank = true
// this.thisStudent =
},
closePup() { closePup() {
this.showStudentBlank = false this.showStudentBlank = false
this.showStudentScoreBlank = false
this.thisStudentScore = undefined
}, },
clickTask(item) { clickTask(item) {
uni.navigateTo({ uni.navigateTo({
@@ -722,13 +749,43 @@
// 考试周和结班状态下，学员的信息 // 考试周和结班状态下，学员的信息
async getStudentScoreList() { async getStudentScoreList() {
var list = undefined var list = undefined
await this.$http await $http.request({
.post('book/user/info/' + this.userInfo.id) url: "common/class/userScoreList",
method: "POST",
data: {
"classId":46
},
header: { //默认 无 说明：请求头
'Content-Type': 'application/json'
},
})
.then(res => { .then(res => {
console.log('班状态下，学员的信息', res);
// this.userMsg = res.user // this.userMsg = res.user
list = studentList // list = studentList
if(res.code == 0){
res.result.forEach(item => {
item.task0Score ? '' : item.task0Score = 0 // 固定任务
item.questionScore ? '' : item.questionScore = 0 // 思考题
item.task1Score ? '' : item.task1Score = 0 /// 医案
item.experienceScore ? '' : item.experienceScore = 0 // 心得
item.pingshiScore = item.task0Score + item.questionScore + item.task1Score + item.experienceScore
})
list = res.result
}else{
uni.showToast({
title: res.errMsg,
icon: 'none',
duration: 3000
})
}
}).catch(e => { }).catch(e => {
list = [] list = []
uni.showToast({
title: e.errMsg,
icon: 'none',
duration: 3000
})
}); });
return list return list
}, },
@@ -750,7 +807,7 @@
console.log('res--------', this.classId, res, ); console.log('res--------', this.classId, res, );
this.refresh = false this.refresh = false
if (res.code == 0) { if (res.code == 0) {
res = classData // 测试数据 // res = classData // 测试数据
this.isHave = res.result.isJoin this.isHave = res.result.isJoin
this.thisClass = res.result.class this.thisClass = res.result.class
if (!this.showAlert && this.thisClass.state == '3') { if (!this.showAlert && this.thisClass.state == '3') {
@@ -923,9 +980,11 @@
.xuexizhong { .xuexizhong {
background-image: linear-gradient(-90deg, #55aa00 0%, rgba(255, 255, 255, 0.1) 80%, rgba(255, 255, 255, 0) 100%); background-image: linear-gradient(-90deg, #55aa00 0%, rgba(255, 255, 255, 0.1) 80%, rgba(255, 255, 255, 0) 100%);
} }
.kaoshizhou {
.kaoshizhou {
background-image: linear-gradient(-90deg, #ffaa00 0%, rgba(255, 255, 255, 0.1) 80%, rgba(255, 255, 255, 0) 100%); background-image: linear-gradient(-90deg, #ffaa00 0%, rgba(255, 255, 255, 0.1) 80%, rgba(255, 255, 255, 0) 100%);
} }
.yijieban { .yijieban {
background-image: linear-gradient(-90deg, #999 0%, rgba(255, 255, 255, 0.1) 80%, rgba(255, 255, 255, 0) 100%); background-image: linear-gradient(-90deg, #999 0%, rgba(255, 255, 255, 0.1) 80%, rgba(255, 255, 255, 0) 100%);
} }
@@ -1107,9 +1166,11 @@
background-image: linear-gradient(30deg, #d4eaf0 0%, #d4eaf0 50%, #fdf0ed 100%); background-image: linear-gradient(30deg, #d4eaf0 0%, #d4eaf0 50%, #fdf0ed 100%);
min-height: 100vh; min-height: 100vh;
} }
.zhiliang{
.zhiliang {
font-size: 28rpx; font-size: 28rpx;
} }
.tips { .tips {
padding: 20rpx 10rpx; padding: 20rpx 10rpx;
background-color: #fff; background-color: #fff;
@@ -1134,6 +1195,7 @@
border: 1px solid #999; border: 1px solid #999;
} }
} }
.classMateBox { .classMateBox {
.zmVip { .zmVip {
background-image: linear-gradient(-60deg, #53966a 0%, #e1feef 50%, #e1feef 100%); background-image: linear-gradient(-60deg, #53966a 0%, #e1feef 50%, #e1feef 100%);
@@ -1381,19 +1443,51 @@
font-size: 30rpx; font-size: 30rpx;
margin-top: 20rpx; margin-top: 20rpx;
} }
.zhengshu{width: 80rpx; height: 80rpx; background-size: contain;}
.Azheng{background-image: url(@/static/icon/Az.png);} .zhengshu {
.Bzheng{background-image: url(@/static/icon/Bz.png);} width: 80rpx;
.scoreBox{ height: 80rpx;
align-items: center; border: 1px solid #f1f1f1; background-size: contain;
margin-top: 20rpx;
text-align: center; background-color: #fff; padding: 10rpx 20rpx;
.ciyao{color: #999; font-size: 28rpx;}
.score{color: #258feb; font-weight: bold; font-size: 36rpx;}
.seePaper{width: 50rpx; height: 50rpx;
image{width: 100%; height: 100%;}
} }
}
.Azheng {
background-image: url(@/static/icon/Az.png);
}
.Bzheng {
background-image: url(@/static/icon/Bz.png);
}
.scoreBox {
align-items: center;
border: 1px solid #f1f1f1;
margin-top: 20rpx;
text-align: center;
background-color: #fff;
padding: 10rpx 20rpx;
.ciyao {
color: #999;
font-size: 28rpx;
}
.score {
color: #258feb;
font-weight: bold;
font-size: 36rpx;
}
.seePaper {
width: 50rpx;
height: 50rpx;
image {
width: 100%;
height: 100%;
}
}
}
.className { .className {
padding: 30rpx 0; padding: 30rpx 0;
position: relative; position: relative;

299
pages/miniClass/components/sutdent_score_list.vue Normal file
View File

@@ -0,0 +1,299 @@
<template>
<view class="">
<view class="" >
<view class="classMateBox" v-show="students.length> 0 ">
<view class="" style=" overflow: hidden;">
<uni-section class="mb-10 nobg xueyuanTitle" title="班内学员" type="line" sub-title="">共
{{students.length}} 名学员</uni-section>
</view>
<view class=" tips">
<view v-if="thisClass.state == '2'" class=" zhiliang flex_box flex_between align-items_box" style="margin-top: 20rpx;">
<view class="">
<text>A证：</text>
<text>20 人</text>
</view>
<view class="">
<text>B证：</text>
<text>20 人</text>
</view>
<view class="">
<text>不合格：</text>
<text>20 人</text>
</view>
</view>
</view>
<!-- item.student.vip == '1' ? 'superVip' : '',
item.student.vip == '2' ? 'wumenVip' : '',
item.student.vip == '3' ? 'zmVip' : '', -->
<view class="newBox">
<view :class="['item']" v-for="(item, index) in students" :key="index" @click="clickStudent(item)">
<!-- <view class="imgcontainer" :style="{backgroundImage:surl(item.image)}"> -->
<view class="flex_box align-items_box">
<view class="classmateImg">
<image v-if="item.user.avatar != null && item.user.avatar != ''"
:src="item.user.avatar" mode="aspectFit"></image>
<image v-else src="/static/icon/morenAvavter.png" mode="aspectFit"></image>
</view>
<view :class="['textItems','flex_box']">
<text class="txt555"
v-if="item.user.nickname != null && item.user.nickname != ''">
{{item.user.nickname}}
<template>
<text>（{{item.user.tel}}）</text>
</template>
</text>
<text class="txt555" v-else>
匿名用户
</text>
<!-- <text @click.stop="outClass(item.student.id)" class="outBtn"
v-if="thisClass.state != '2' && thisClass.state != '3'">踢出班级</text> -->
<!-- <text class="userType" v-if="item.student.vip == '1'">超级VIP用户</text>
<text class="userType" v-if="item.student.vip == '2' ">医学VIP用户</text>
<text class="userType" v-if="item.student.vip == '3' ">国学VIP用户</text> -->
</view>
</view>
<view class="" v-if="thisClass.state == '3' || thisClass.state == '2'">
<view class="scoreBox flex_box flex_between border_radius_10 ">
<view class="">
<view class="ciyao">
平时成绩
</view>
<text class="score">{{item.pingshiScore}}分</text>
</view>
<template v-if="classModel.isExam == 1">
<template v-if="item.classExamUsers.length == 0">
<view class="">
<view class="" style="color: #ff9496;">
未考试
</view>
</view>
<!-- <view class="" v-if="thisClass.state == '2'">
<view class="ciyao">
考试成绩
</view>
<text class="score">0</text>
</view> -->
</template>
<template v-else >
<!-- <view class="" v-if="thisClass.state == '3'">
<view class="" style="color: #55aa7f;">
等待公布分数
</view>
</view> -->
<view >
<view class="ciyao">
考试成绩
</view>
<text class="score">{{item.examScore}}分</text>
</view>
</template>
</template>
<!-- -->
<!-- <view v-if="classModel.isExam == 1 && thisClass.state == '2'" :class="['PM_font','zhengshu',item.student.score.certificateType == 'A' ? 'Azheng' : 'Bzheng']"
></view> -->
</view>
</view>
</view>
</view>
</view>
</view>
</view>
</template>
<script>
export default {
props:['students','tabId','thisClass','classModel'],
data(){
return{
}
},
methods:{
clickStudent(item) {
// console.log('item', item);
this.$emit('chooseStudent',item)
// this.thisStudent = item
// this.showStudentBlank = true
},
}
}
</script>
<style lang="scss" scoped>
@import "@/style/mixin.scss";
::v-deep .xueyuanTitle {
.uni-section-header {
float: left;
}
.uni-section-content {
float: right;
margin-top: 20rpx;
font-size: 26rpx;
}
}
.scoreBox{
align-items: center; border: 1px solid #f1f1f1;
margin-top: 20rpx;
text-align: center; background-color: #fff; padding: 10rpx 20rpx;
.ciyao{color: #999; font-size: 28rpx;}
.score{color: #258feb; font-weight: bold; font-size: 36rpx;}
.seePaper{width: 50rpx; height: 50rpx;
image{width: 100%; height: 100%;}
}
}
.newBox {
.item {
margin-bottom: 20rpx;
background-color: #fff;
border-radius: 20rpx;
@include ptop_bottm(10px);
@include pleft_right(10px);
// @include mshadow(10px, 1)
.imgcontainer {
display: block;
width: 80rpx;
margin-right: 20rpx;
// background-size: cover;
// background-position: center;
height: 120rpx;
flex-grow: 1;
// @include ptop_bottm(10px);
overflow: hidden;
// @include pleft_right(10px);
image {
width: 100%;
height: 120rpx;
}
}
.btn_box {
text-align: right;
text {
border-radius: 20rpx;
padding: 3px 5px;
@include theme("btn_bg");
font-size: 28rpx;
color: #fff;
}
}
.buyItems {
width: 60%;
}
.jianjie {
line-height: 30rpx;
height: 60rpx;
overflow: hidden;
overflow: hidden !important;
margin-top: 10rpx;
font-size: 24rpx;
@include bov();
color: #9c9c9c;
}
.txt555 {
font-size: 30rpx;
color: #000;
@include bov()
}
}
}
.zhengshu{width: 80rpx; height: 80rpx; background-size: contain;}
.Azheng{background-image: url(@/static/icon/Az.png);}
.Bzheng{background-image: url(@/static/icon/Bz.png);}
.classMateBox {
.zmVip {
background-image: linear-gradient(-30deg, #7fd59c 0%, #e1feef 50%, #e1feef 100%);
.outBtn {
color: #fff !important;
border: 1px solid #fff !important;
}
}
.wumenVip {
background-image: linear-gradient(-30deg, #71aaf0 0%, #f1f4fd 50%, #f1f4fd 100%);
.outBtn {
color: #fff !important;
border: 1px solid #fff !important;
}
}
.superVip {
background-image: linear-gradient(-30deg, #a576c7 0%, #fdf0ed 30%, #fdf0ed 100%);
.outBtn {
color: #fff !important;
border: 1px solid #fff !important;
}
}
.newBox {
flex-wrap: wrap;
.item {
border: 1px solid #fff;
padding: 10rpx;
}
}
.item {
width: 100%;
position: relative;
.textItems {
width: 100%;
align-items: center;
justify-content: space-between;
.outBtn {
padding: 6rpx 10rpx;
display: inline-block;
border-radius: 10rpx;
color: $themeColor;
border: 1px solid $themeColor;
font-size: 26rpx;
margin-left: 10rpx;
}
.txt555 {
font-size: 28rpx;
color: #333;
}
.userType {
position: absolute;
font-size: 26rpx;
right: 30rpx;
top: 8rpx;
color: #fff;
}
}
}
.item.cur {
border: 1px solid #55aa00;
}
}
.classmateImg {
width: 60rpx;
margin-right: 20rpx;
height: 60rpx;
border-radius: 100rpx;
image {
width: 60rpx;
height: 60rpx;
}
}
</style>

1
pages/miniClass/taskDetailForMan.vue
View File

@@ -145,6 +145,7 @@
export default { export default {
data() { data() {
return { return {
showEditBlank: false, showEditBlank: false,
zuoyeList: [], zuoyeList: [],
loadFlag: false, loadFlag: false,