暂存
This commit is contained in:
@fawn-nine
@@ -3,9 +3,16 @@
|
||||
<public-module></public-module>
|
||||
<z-nav-bar title="班级详情"></z-nav-bar>
|
||||
<view class="mainContent" v-if="thisClass.id">
|
||||
<view :class="['classStatus',
|
||||
this.thisClass.state == 0 ? 'daikai' :'',
|
||||
this.thisClass.state == 1 ? 'xuexizhong' :'',
|
||||
this.thisClass.state == 2 ? 'yijieban' :''
|
||||
]">
|
||||
班级状态：{{getClassStatus}}
|
||||
</view>
|
||||
<view class="className">
|
||||
<h3>{{thisClass.title}}</h3>
|
||||
<text class="tuichu" v-if="!isMonitor && !isDirector && isHave" @click="outClass()">退出班级</text>
|
||||
<text class="tuichu" v-if="isHave && thisClass.state == 0" @click="outClass()">退出班级</text>
|
||||
</view>
|
||||
<view class="otherItems flex_box">
|
||||
<view><text class="ciyao">创建日期</text><text
|
||||
@@ -16,16 +23,9 @@
|
||||
<text class="mainTxt" v-if="classModel.type == '1'">联合班</text>
|
||||
<text class="mainTxt" v-if="classModel.type == '2'">精英班</text>
|
||||
</view>
|
||||
<view><text class="ciyao">班级人数</text><text class="mainTxt">{{thisClass.number}}人</text></view>
|
||||
<view><text class="ciyao">人数</text><text class="mainTxt">{{students.length}}/{{thisClass.number}}人</text></view>
|
||||
<view><text class="ciyao">管理成员</text><text class="mainTxt" @click="seeManager">点击查看</text></view>
|
||||
</view>
|
||||
|
||||
<view class="" v-if="thisClass.content != ''">
|
||||
<text class="adminName">教学目标/班级简介</text>
|
||||
</view>
|
||||
<rich-text class="banjiJianjie" :nodes="formatRichText(thisClass.content)"></rich-text>
|
||||
<!-- <view class="banjiJianjie" v-html="thisClass.content"></view> -->
|
||||
|
||||
<view class="mainBox">
|
||||
<view class="">
|
||||
<u-tabs v-if="tabList.length > 0" :class="['tabList']" @click="tabClick" :current="curTagIndex"
|
||||
@@ -33,7 +33,9 @@
|
||||
itemStyle="padding-left:10rpx; background-color:#fff; padding-right: 10rpx; height: 50px; font-size:26rpx"></u-tabs>
|
||||
</view>
|
||||
<!-- 课程列表 -->
|
||||
<view class="newBox" v-show="courses.length > 0 && tabId == '0'">
|
||||
<view class="" v-if="tabId == '0'">
|
||||
<uni-section class="mb-10 nobg nopad" title="班内课程" type="line"></uni-section>
|
||||
<view class="newBox" v-show="courses.length > 0 ">
|
||||
<view class="item flexbox" v-for="(item, index) in courses" :key="index"
|
||||
@click="onPageJump('/pages/course/courseDetail',item.id)">
|
||||
<!-- <view class="imgcontainer" :style="{backgroundImage:surl(item.image)}"> -->
|
||||
@@ -46,12 +48,17 @@
|
||||
</view>
|
||||
<view class="jianjie" v-html="item.content"></view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</view>
|
||||
<view class="" v-show="courses.length == 0 && tabId == '0'">
|
||||
</view>
|
||||
</view>
|
||||
<view class="" v-show="courses.length == 0">
|
||||
<u-divider text="暂无课程"></u-divider>
|
||||
</view>
|
||||
<!-- <view class="" v-if="thisClass.content != ''">
|
||||
<text class="adminName">教学目标/班级简介</text>
|
||||
</view> -->
|
||||
<uni-section class="mb-10 nobg" title="教学目标/班内简介" type="line"></uni-section>
|
||||
<rich-text class="banjiJianjie" :nodes="formatRichText(thisClass.content)"></rich-text>
|
||||
</view>
|
||||
<!-- 班内问答 -->
|
||||
<view class="" v-if=" tabId == '1'">
|
||||
班内问答
|
||||
@@ -87,7 +94,7 @@
|
||||
</view>
|
||||
<!-- 班内任务 --><!-- 医案 --> <!-- 心得 -->
|
||||
<view class="">
|
||||
<view class="" v-if="tijiaoTitleId == 2" >
|
||||
<view class="" v-if="tijiaoTitleId == 2 && thisClass.state != 2" >
|
||||
<view class="noanser">
|
||||
<view class="">
|
||||
<text>快来添加一条记录吧~</text>
|
||||
@@ -244,7 +251,8 @@
|
||||
curTagIndex: 0,
|
||||
scrollable: false,
|
||||
pPage:0,
|
||||
tabList: [{
|
||||
// 已开班
|
||||
tabList02: [{
|
||||
name: '班内课程',
|
||||
id: '0'
|
||||
},
|
||||
@@ -260,6 +268,20 @@
|
||||
id: '3'
|
||||
}
|
||||
],
|
||||
// 待开班
|
||||
tabList01: [{
|
||||
name: '班内课程',
|
||||
id: '0'
|
||||
},
|
||||
// {
|
||||
// name: '班内讨论',
|
||||
// id: '1'
|
||||
// },
|
||||
{
|
||||
name: '班内学员',
|
||||
id: '2'
|
||||
}
|
||||
],
|
||||
admins: {
|
||||
list: [],
|
||||
monitor: {},
|
||||
@@ -333,6 +355,30 @@
|
||||
},
|
||||
computed: {
|
||||
...mapState(["userInfo"]),
|
||||
getClassStatus(){
|
||||
var _roleName = ''
|
||||
switch (this.thisClass.state) {
|
||||
case '0':
|
||||
_roleName = '待开班';
|
||||
break;
|
||||
case '1':
|
||||
_roleName = '学习中';
|
||||
break;
|
||||
case '2':
|
||||
_roleName = '已结班';
|
||||
break;
|
||||
}
|
||||
return _roleName
|
||||
}
|
||||
,tabList(){
|
||||
var list = []
|
||||
if(this.thisClass.state == 0){
|
||||
list = this.tabList01
|
||||
}else{
|
||||
list = this.tabList02
|
||||
}
|
||||
return list
|
||||
},
|
||||
},
|
||||
methods: {
|
||||
editMyXinde(item){
|
||||
@@ -423,7 +469,7 @@
|
||||
method: "POST",
|
||||
data: {
|
||||
"limit": 10,
|
||||
"page": 1,
|
||||
"page": this.pPage,
|
||||
"classId": this.thisClass.id,
|
||||
"type": this.tijiaoTitleId+'', //类型 0班内任务1医案2心得
|
||||
"myExperience": this.myExperience, //0全部心得1我的心得
|
||||
@@ -437,7 +483,8 @@
|
||||
if (res.code == 0) {
|
||||
if(res.page.records.length > 0){
|
||||
console.log('数据获取成功',res.page.records);
|
||||
this.taskList = res.page.records
|
||||
var lis = res.page.records
|
||||
this.taskList = this.taskList.concat(lis)
|
||||
if(res.page.pages > 1){
|
||||
this.taskHaveMore = true
|
||||
}
|
||||
@@ -809,6 +856,10 @@
|
||||
color: #fff;
|
||||
font-weight: normal;
|
||||
}
|
||||
.classStatus{padding: 10rpx; color: #fff;}
|
||||
.daikai{background-image: linear-gradient(90deg, #258feb 0%, rgba(255, 255, 255, 0.1) 80%, rgba(255, 255, 255, 0) 100% );}
|
||||
.xuexizhong{background-image: linear-gradient(90deg, #55aa00 0%, rgba(255, 255, 255, 0.1) 80%, rgba(255, 255, 255, 0) 100% );}
|
||||
.yijieban{background-image: linear-gradient(90deg, #999 0%, rgba(255, 255, 255, 0.1) 80%, rgba(255, 255, 255, 0) 100% );}
|
||||
.noanser{ padding: 20rpx;
|
||||
background-color: rgba(255, 255, 255, .6);
|
||||
text-align: center; border-bottom: 1px solid #eee;
|
||||
@@ -907,6 +958,7 @@
|
||||
}
|
||||
.leve2{
|
||||
color: #666;
|
||||
line-height: 56rpx;
|
||||
@include bov(3)
|
||||
|
||||
}
|
||||
@@ -926,7 +978,7 @@
|
||||
.nobg {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
|
||||
.nopad{padding-left: 0 !important;}
|
||||
.bottomBox { border-top: 1px solid #eee;
|
||||
position: fixed;
|
||||
padding: 20rpx 0;
|
||||
|
||||
@@ -2,16 +2,85 @@
|
||||
<view>
|
||||
<public-module></public-module>
|
||||
<z-nav-bar title="班级详情"></z-nav-bar>
|
||||
|
||||
<!-- <view class="" style="background-color: #f4f7ff; min-height: calc(100vh - 200rpx);"> -->
|
||||
<view class="mainContent" v-if="thisClass.id">
|
||||
<view class="className">
|
||||
<h3>{{thisClass.title}}</h3>
|
||||
<text class="kaiban" v-if="thisClass.state == '0' && isMonitor || thisClass.state == '0' && isDirector"
|
||||
@click="changeClassStatu('1')">开班</text>
|
||||
<text class="jieban" v-if="thisClass.state == '1' && isMonitor || thisClass.state == '1' && isDirector"
|
||||
@click="changeClassStatu('2')">结班</text>
|
||||
<!-- <view class="" style="height: 40rpx;">
|
||||
|
||||
</view> -->
|
||||
<view :class="['classStatus',
|
||||
this.thisClass.state == 0 ? 'daikai' :'',
|
||||
this.thisClass.state == 1 ? 'xuexizhong' :'',
|
||||
this.thisClass.state == 2 ? 'yijieban' :''
|
||||
]">
|
||||
{{getClassStatus}}
|
||||
</view>
|
||||
<view class="welComeText">
|
||||
<text>【 班内职务：{{getRoleName}} 】</text>
|
||||
</view>
|
||||
<!-- 功能按钮 -->
|
||||
<view class="optionsBtn">
|
||||
<view class="flex_box">
|
||||
<view class="item setBanewei" v-if="isDirector" @click="onPageJump('/pages/miniClass/memberSet',thisClass.id)">
|
||||
<text>设置班委</text>
|
||||
</view>
|
||||
<!-- 主任、班长副班长修改班级 没开班的时候可以 -->
|
||||
<view class="item editClass"
|
||||
v-show="isDirector && thisClass.state == '0' ||
|
||||
roleCode == 2 && thisClass.state == '0' ||
|
||||
roleCode == 1 && thisClass.state == '0'
|
||||
"
|
||||
@click="onPageJump('/pages/miniClass/addClass',thisClass.id, classModel.type)">
|
||||
<text>修改班级</text>
|
||||
</view>
|
||||
<!-- 主任、班长副班长可以开班或者结班 -->
|
||||
<view class="item openClass" @click="changeClassStatu('1')"
|
||||
v-if="thisClass.state == '0' && isMonitor ||
|
||||
thisClass.state == '0' && roleCode == 1 ||
|
||||
thisClass.state == '0' && roleCode == 2">
|
||||
<text >开班</text>
|
||||
</view>
|
||||
<view class="item overClass" @click="changeClassStatu('2')"
|
||||
v-if="thisClass.state == '1' && isMonitor ||
|
||||
thisClass.state == '1' && roleCode == 1 ||
|
||||
thisClass.state == '1' && roleCode == 2">
|
||||
<text >结班</text>
|
||||
</view>
|
||||
<view class="item delClass" v-if="isDirector" @click="delClass()">
|
||||
<text>删除班级</text>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</view>
|
||||
<!-- 作业批改 -->
|
||||
<view class="pingfenBox" v-if="isDirector || isMonitor">
|
||||
<view class="flex_box">
|
||||
<view class="item" @click="goPingfen('/pages/miniClass/taskList',thisClass.id, '0')">
|
||||
<view class="img">
|
||||
<image src="../../static/icon/pigai2.png" mode="widthFix"></image>
|
||||
</view>
|
||||
<text>作业</text>
|
||||
</view>
|
||||
<view class="item">
|
||||
<view class="img">
|
||||
<image src="../../static/icon/pigai1.png" mode="widthFix"></image>
|
||||
</view>
|
||||
<text>医案</text>
|
||||
</view>
|
||||
<view class="item">
|
||||
<view class="img">
|
||||
<image src="../../static/icon/pigai3.png" mode="widthFix"></image>
|
||||
</view>
|
||||
<text>心得</text>
|
||||
</view>
|
||||
<view class="item">
|
||||
<view class="img">
|
||||
<image src="../../static/icon/biaoxianfen.png" mode="widthFix"></image>
|
||||
</view>
|
||||
<text>表现</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="otherItems flex_box">
|
||||
<view><text class="ciyao">创建日期</text><text
|
||||
class="mainTxt">{{thisClass.createTime.substring(0,10)}}</text>
|
||||
@@ -21,44 +90,13 @@
|
||||
<text class="mainTxt" v-if="classModel.type == '1'">联合班</text>
|
||||
<text class="mainTxt" v-if="classModel.type == '2'">精英班</text>
|
||||
</view>
|
||||
<view><text class="ciyao">班级人数</text><text class="mainTxt">{{thisClass.number}}人</text></view>
|
||||
<view><text class="ciyao">人数</text><text
|
||||
class="mainTxt">{{students.length}}/{{thisClass.number}}人</text></view>
|
||||
<view><text class="ciyao">管理成员</text><text class="mainTxt" @click="seeManager">点击查看</text></view>
|
||||
</view>
|
||||
<!-- 作业批改 -->
|
||||
<view class="pingfenBox" v-if="isDirector || isMonitor">
|
||||
<view class="flex_box">
|
||||
<view class="item" @click="goPingfen('/pages/miniClass/giveScore',thisClass.id, '0')">
|
||||
<view class="img">
|
||||
<image src="../../static/icon/pigai2.png" mode="widthFix"></image>
|
||||
</view>
|
||||
<text>作业评分</text>
|
||||
</view>
|
||||
<view class="item">
|
||||
<view class="img">
|
||||
<image src="../../static/icon/pigai1.png" mode="widthFix"></image>
|
||||
</view>
|
||||
<text>医案评分</text>
|
||||
</view>
|
||||
<view class="item">
|
||||
<view class="img">
|
||||
<image src="../../static/icon/pigai3.png" mode="widthFix"></image>
|
||||
</view>
|
||||
<text>心得评分</text>
|
||||
</view>
|
||||
<view class="item">
|
||||
<view class="img">
|
||||
<image src="../../static/icon/biaoxianfen.png" mode="widthFix"></image>
|
||||
</view>
|
||||
<text>表现评分</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="" v-if="thisClass.content != ''">
|
||||
<text class="adminName">教学目标/班级简介</text>
|
||||
</view>
|
||||
<rich-text class="banjiJianjie" :nodes="formatRichText(thisClass.content)"></rich-text>
|
||||
|
||||
<!-- <view class="banjiJianjie" v-html="thisClass.content"></view> -->
|
||||
<view class="mainBox">
|
||||
<view class="mainBox">
|
||||
<!-- 课程列表 -->
|
||||
<uni-section class="mb-10 nobg" title="班内课程" type="line"></uni-section>
|
||||
<view class="newBox" v-show="courses.length > 0">
|
||||
@@ -79,7 +117,9 @@
|
||||
</view>
|
||||
<view class="" v-show="courses.length == 0">
|
||||
<u-divider text="暂无课程"></u-divider>
|
||||
</view>
|
||||
</view>
|
||||
<uni-section class="mb-10 nobg" title="教学目标/班级简介" type="line"></uni-section>
|
||||
<rich-text class="banjiJianjie" :nodes="formatRichText(thisClass.content)"></rich-text>
|
||||
<!-- 班内问答 -->
|
||||
<!-- <view class="" v-if=" tabId == '1'">
|
||||
班内问答
|
||||
@@ -88,33 +128,38 @@
|
||||
<uni-section class="mb-10 nobg" title="班内学员" type="line"></uni-section>
|
||||
<view class="classMateBox" v-show="students.length> 0">
|
||||
<view class="newBox">
|
||||
<view :class="['item','flexbox',
|
||||
item.vip == '1' ? 'superVip' : '',
|
||||
item.vip == '2' ? 'wumenVip' : '',
|
||||
item.vip == '3' ? 'zmVip' : '']" v-for="(item, index) in students" :key="index">
|
||||
<!-- <view class="imgcontainer" :style="{backgroundImage:surl(item.image)}"> -->
|
||||
<view class="classmateImg">
|
||||
<image v-if="item.avatar != null && item.avatar != ''" :src="item.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.nickname != null && item.nickname != ''">
|
||||
{{item.nickname}}
|
||||
<template v-if="isDirector || isMonitor">
|
||||
<text>（{{item.tel}}）</text> <text @click="outClass(item.id)"
|
||||
class="outBtn">踢出班级</text>
|
||||
</template>
|
||||
|
||||
</text>
|
||||
<text class="txt555" v-else>
|
||||
匿名用户
|
||||
</text>
|
||||
<text class="userType" v-if="item.vip == '1'">超级VIP用户</text>
|
||||
<view :class="['item',
|
||||
item.student.vip == '1' ? 'superVip' : '',
|
||||
item.student.vip == '2' ? 'wumenVip' : '',
|
||||
item.student.vip == '3' ? 'zmVip' : '']" v-for="(item, index) in students" :key="index">
|
||||
<view class="flexbox">
|
||||
<view class="classmateImg">
|
||||
<image v-if="item.student.avatar != null && item.student.avatar != ''"
|
||||
:src="item.student.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.student.nickname != null && item.student.nickname != ''">
|
||||
{{item.student.nickname}}
|
||||
<template v-if="isDirector || isMonitor">
|
||||
<text>（{{item.student.tel}}）</text> <text @click="outClass(item.student.id)"
|
||||
class="outBtn">踢出班级</text>
|
||||
</template>
|
||||
</text>
|
||||
<text class="txt555" v-else>
|
||||
匿名用户
|
||||
</text>
|
||||
<!-- <text class="userType" v-if="item.vip == '1'">超级VIP用户</text>
|
||||
<text class="userType" v-if="item.vip == '2' ">医学VIP用户</text>
|
||||
<text class="userType" v-if="item.vip == '3' ">国学VIP用户</text>
|
||||
<text class="userType" v-if="item.vip == '3' ">国学VIP用户</text> -->
|
||||
</view>
|
||||
</view>
|
||||
<view class="courseBuyOrNo" v-if="item.buyState !='会员 ' ">
|
||||
<view class="">
|
||||
<text>{{ item.buyState }}</text>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
@@ -127,22 +172,16 @@
|
||||
<text :class="tijiaoTitleId == item.id ? 'active' :''" @click="titleClick(item,index)"
|
||||
v-for="(item, index) in tijiaoTitleList" :key="index">{{item.name}}</text>
|
||||
</view>
|
||||
<!-- 班内任务 --><!-- 医案 --> <!-- 心得 -->
|
||||
<!-- 班内任务 --><!-- 医案 --> <!-- 心得 -->
|
||||
<view class="">
|
||||
|
||||
|
||||
<view v-if="taskList.length > 0">
|
||||
<view class="submitRecode">
|
||||
<view class="newBox">
|
||||
<view class="item " v-for="(item, index) in taskList" @click="clickTask(item)">
|
||||
<view class="leve1 flex_box">
|
||||
<text>{{item.title}}</text><text v-if="isDirector || isMonitor" class="taskEdit" @click="taskEdit(item)">修改</text>
|
||||
<!-- <view class="classmateImg">
|
||||
<image v-if="item.avatar != null && item.avatar != ''" :src="item.avatar" mode="aspectFit"></image>
|
||||
<image src="/static/icon/morenAvavter.png" mode="aspectFit"></image>
|
||||
</view> -->
|
||||
<!-- <view class="userName flex_box">
|
||||
<text>匿名用户</text>
|
||||
</view> -->
|
||||
<text>{{item.title}}</text><text v-if="isDirector || isMonitor"
|
||||
class="taskEdit" @click="taskEdit(item)">修改</text>
|
||||
</view>
|
||||
<view class="leve2">
|
||||
{{item.content}}
|
||||
@@ -150,8 +189,8 @@
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="showMore" v-show="true">
|
||||
<!-- <view class="showMore" v-show="taskHaveMore"> -->
|
||||
<view class="showMore" v-show="true">
|
||||
<!-- <view class="showMore" v-show="taskHaveMore"> -->
|
||||
<text @click="showmoreTask">查看全部 >></text>
|
||||
</view>
|
||||
</view>
|
||||
@@ -159,24 +198,12 @@
|
||||
<u-divider text="暂无数据"></u-divider>
|
||||
</view>
|
||||
<!-- <uni-section class="mb-10 nobg" title="提交的任务" type="line"></uni-section> -->
|
||||
|
||||
|
||||
</view>
|
||||
|
||||
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="bottomBox" v-if="!isHave && !isDirector && !isMonitor && students.length < thisClass.number">
|
||||
<button type="primary" @click="addClass">一键加入班级</button>
|
||||
</view>
|
||||
<view class="bottomBox manBtnBox flex_box" v-if="isDirector || isMonitor">
|
||||
<text class="set" @click="onPageJump('/pages/miniClass/memberSet',thisClass.id)">管理人员设置</text>
|
||||
<template v-show="isDirector && thisClass.state == '0'">
|
||||
<text class="edit"
|
||||
@click="onPageJump('/pages/miniClass/addClass',thisClass.id, classModel.type)">修改班级</text>
|
||||
<text class="del" @click="delClass()">删除班级</text>
|
||||
</template>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 管理弹出 -->
|
||||
<u-popup key="1" :show="showMan" :round="10" @close="closeManager">
|
||||
<view class="guanli">
|
||||
@@ -228,8 +255,6 @@
|
||||
<uni-fab ref="fab" :pattern="pattern" :content="fabContent" :horizontal="horizontal" :vertical="vertical"
|
||||
:direction="direction" @trigger="fabTrigger" @fabClick="fabClick" />
|
||||
</view>
|
||||
|
||||
<z-navigation v-if="!isDirector && !isMonitor"></z-navigation>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
@@ -281,7 +306,7 @@
|
||||
{
|
||||
name: '班内学员',
|
||||
id: '2'
|
||||
},
|
||||
},
|
||||
// {
|
||||
// name: '班内提交',
|
||||
// id: '3'
|
||||
@@ -295,7 +320,7 @@
|
||||
scorer: [],
|
||||
counter: []
|
||||
|
||||
},
|
||||
},
|
||||
activeStyle: {
|
||||
color: '#333',
|
||||
fontWeight: 'bold',
|
||||
@@ -326,8 +351,10 @@
|
||||
},
|
||||
],
|
||||
tijiaoTitleId: '0',
|
||||
taskList:[], // 任务列表
|
||||
taskHaveMore:false, // 是否还有更多
|
||||
taskList: [], // 任务列表
|
||||
taskHaveMore: false, // 是否还有更多
|
||||
roleCode: undefined,
|
||||
|
||||
}
|
||||
},
|
||||
onLoad(e) {
|
||||
@@ -351,16 +378,79 @@
|
||||
},
|
||||
computed: {
|
||||
...mapState(["userInfo"]),
|
||||
getRoleName() {
|
||||
var _roleName = ''
|
||||
switch (this.roleCode) {
|
||||
case '66':
|
||||
_roleName = '主任';
|
||||
break;
|
||||
case '0':
|
||||
_roleName = '学员';
|
||||
break;
|
||||
case '1':
|
||||
_roleName = '班长';
|
||||
break;
|
||||
case '2':
|
||||
_roleName = '副班长';
|
||||
break;
|
||||
case '3':
|
||||
_roleName = '学习委员';
|
||||
break;
|
||||
case '4':
|
||||
_roleName = '评分员';
|
||||
break;
|
||||
case '5':
|
||||
_roleName = '记分员';
|
||||
break;
|
||||
}
|
||||
return _roleName
|
||||
},
|
||||
getClassStatus(){
|
||||
var _roleName = ''
|
||||
switch (this.thisClass.state) {
|
||||
case '0':
|
||||
_roleName = '待开班';
|
||||
break;
|
||||
case '1':
|
||||
_roleName = '学习中';
|
||||
break;
|
||||
case '2':
|
||||
_roleName = '已结班';
|
||||
break;
|
||||
}
|
||||
return _roleName
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
goPingfen(url,classId,type){
|
||||
// 获取真实的身份信息
|
||||
getRealRole() {
|
||||
$http.request({
|
||||
url: "common/class/getUserRole",
|
||||
method: "POST",
|
||||
data: {
|
||||
"classId": this.thisClass.id
|
||||
},
|
||||
header: { //默认 无 说明：请求头
|
||||
'Content-Type': 'application/json'
|
||||
},
|
||||
})
|
||||
.then((res) => {
|
||||
console.log('res获取身份信息', res);
|
||||
}).catch(e => {
|
||||
uni.showToast({
|
||||
title: '获取身份信息失败',
|
||||
icon: 'error'
|
||||
})
|
||||
});
|
||||
},
|
||||
goPingfen(url, classId, type) {
|
||||
uni.navigateTo({
|
||||
url:`${url}?classId=${classId}&type=${type}`
|
||||
url: `${url}?classId=${classId}&type=${type}`
|
||||
})
|
||||
},
|
||||
// 点击作业或者医案，进入详细介绍
|
||||
clickTask(){
|
||||
|
||||
clickTask() {
|
||||
|
||||
},
|
||||
delClass() {
|
||||
var that = this
|
||||
@@ -409,8 +499,8 @@
|
||||
"limit": 20,
|
||||
"page": 1,
|
||||
"classId": this.thisClass.id,
|
||||
"type": textIndex+'', //类型 0班内任务1医案2心得
|
||||
"title": ""
|
||||
"type": textIndex + '', //类型 0班内任务1医案2心得
|
||||
"title": ""
|
||||
},
|
||||
header: { //默认 无 说明：请求头
|
||||
'Content-Type': 'application/json'
|
||||
@@ -418,11 +508,11 @@
|
||||
})
|
||||
.then(res => {
|
||||
if (res.code == 0) {
|
||||
console.log('数据获取成功',res.page.records);
|
||||
this.taskList = res.page.records
|
||||
if(res.page.pages > 1){
|
||||
this.taskHaveMore = true
|
||||
}
|
||||
console.log('数据获取成功', res.page.records);
|
||||
this.taskList = res.page.records
|
||||
if (res.page.pages > 1) {
|
||||
this.taskHaveMore = true
|
||||
}
|
||||
}
|
||||
}).catch(e => {
|
||||
console.log(e, '数据报错')
|
||||
@@ -440,6 +530,13 @@
|
||||
this.userMes = res.result;
|
||||
this.isMonitor = res.isMonitor
|
||||
this.isDirector = res.isDirector
|
||||
if (this.isDirector) {
|
||||
this.roleCode = '66'
|
||||
} else if (this.isMonitor) {
|
||||
this.getRealRole()
|
||||
} else {
|
||||
|
||||
}
|
||||
}).catch(e => {
|
||||
uni.showToast({
|
||||
title: '获取用户信息失败',
|
||||
@@ -457,10 +554,10 @@
|
||||
tabClick(e) {
|
||||
console.log('e', e);
|
||||
this.tabId = e.id
|
||||
if(e.id == 3){
|
||||
this.titleClick(undefined,0)
|
||||
if (e.id == 3) {
|
||||
this.titleClick(undefined, 0)
|
||||
}
|
||||
|
||||
|
||||
},
|
||||
formatRichText(html) {
|
||||
if (html == '') {
|
||||
@@ -495,38 +592,7 @@
|
||||
);
|
||||
return newContent;
|
||||
},
|
||||
// 加入班级
|
||||
addClass() {
|
||||
$http.request({
|
||||
url: "common/class/joinClass",
|
||||
method: "POST",
|
||||
data: {
|
||||
"classId": this.classId,
|
||||
},
|
||||
header: { //默认 无 说明：请求头
|
||||
'Content-Type': 'application/json'
|
||||
},
|
||||
})
|
||||
.then(res => {
|
||||
if (res.code == 0) {
|
||||
this.isHave = true
|
||||
uni.showToast({
|
||||
title: `加入成功！`,
|
||||
icon: 'success'
|
||||
})
|
||||
setTimeout(() => {
|
||||
this.getClassInfo()
|
||||
}, 200)
|
||||
}
|
||||
}).catch(e => {
|
||||
console.log(e, '数据报错')
|
||||
// this.status = 3
|
||||
uni.showToast({
|
||||
title: `加入失败`,
|
||||
icon: 'error'
|
||||
})
|
||||
});
|
||||
},
|
||||
|
||||
// 显示班级成员
|
||||
seeManager() {
|
||||
this.showMan = true
|
||||
@@ -556,7 +622,7 @@
|
||||
uni.navigateTo({
|
||||
url: `${_url}?id=${this.thisClass.id}&type=${_type}`
|
||||
})
|
||||
}, 200)
|
||||
}, 200)
|
||||
},
|
||||
// 改变班级状态
|
||||
changeClassStatu(statusCode) {
|
||||
@@ -604,7 +670,7 @@
|
||||
})
|
||||
});
|
||||
},
|
||||
taskEdit(item){
|
||||
taskEdit(item) {
|
||||
console.log('taskEdit'.item);
|
||||
},
|
||||
// 退出班级 // 踢出班级
|
||||
@@ -665,9 +731,9 @@
|
||||
}
|
||||
});
|
||||
},
|
||||
showmoreTask(){
|
||||
showmoreTask() {
|
||||
uni.navigateTo({
|
||||
url:`/pages/miniClass/classCaskList?id=${this.thisClass.id}&type=${this.tijiaoTitleId}`
|
||||
url: `/pages/miniClass/classCaskList?id=${this.thisClass.id}&type=${this.tijiaoTitleId}`
|
||||
})
|
||||
},
|
||||
getClassInfo() {
|
||||
@@ -746,7 +812,10 @@
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.fabBox {}
|
||||
.welComeText {
|
||||
// padding: 6rpx 4rpx;
|
||||
color: #e58d44;
|
||||
}
|
||||
|
||||
::v-deep .uni-fab__content--other-platform,
|
||||
::v-deep .uni-fab--rightBottom {
|
||||
@@ -766,7 +835,33 @@
|
||||
color: #fff;
|
||||
font-weight: normal;
|
||||
}
|
||||
.taskEdit{color: $themeColor; display: inline-block; padding-left: 20rpx;}
|
||||
.optionsBtn{ margin: 20rpx 0;
|
||||
.flex_box{justify-content: space-between;}
|
||||
.item{margin-right: 20rpx; width: 100%; text-align: center; color: #fff; padding: 20rpx 0; border-radius: 6rpx;}
|
||||
.delClass{background-color: #ffa4a6;}
|
||||
.openClass{background-color: #67c23a;}
|
||||
.overClass{background-color: #258feb;}
|
||||
.editClass{background-color: #258feb;}
|
||||
.setBanewei{background-color: #e7b772;}
|
||||
}
|
||||
.classStatus{padding: 10rpx; color: #fff; text-align: right;}
|
||||
.daikai{background-image: linear-gradient(-90deg, #258feb 0%, rgba(255, 255, 255, 0.1) 80%, rgba(255, 255, 255, 0) 100% );}
|
||||
.xuexizhong{background-image: linear-gradient(-90deg, #55aa00 0%, rgba(255, 255, 255, 0.1) 80%, rgba(255, 255, 255, 0) 100% );}
|
||||
.yijieban{background-image: linear-gradient(-90deg, #999 0%, rgba(255, 255, 255, 0.1) 80%, rgba(255, 255, 255, 0) 100% );}
|
||||
|
||||
.courseBuyOrNo {
|
||||
font-size: 28rpx;
|
||||
border-top: 1px solid #eee;
|
||||
padding-top: 10rpx;
|
||||
margin-top: 10rpx;
|
||||
}
|
||||
|
||||
.taskEdit {
|
||||
color: $themeColor;
|
||||
display: inline-block;
|
||||
padding-left: 20rpx;
|
||||
}
|
||||
|
||||
.pingfenBox {
|
||||
border: 2px dotted #bed4ee;
|
||||
padding: 20rpx;
|
||||
@@ -825,13 +920,20 @@
|
||||
}
|
||||
|
||||
}
|
||||
.showMore{ width: 100%;
|
||||
text-align: center; margin: 20rpx 0;
|
||||
text{color: $themeColor;}
|
||||
|
||||
.showMore {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
margin: 20rpx 0;
|
||||
|
||||
text {
|
||||
color: $themeColor;
|
||||
}
|
||||
.submitRecode {
|
||||
}
|
||||
|
||||
.submitRecode {
|
||||
// padding: 20rpx;
|
||||
|
||||
|
||||
.newBox {
|
||||
.classmateImg {
|
||||
width: 60rpx !important;
|
||||
@@ -857,7 +959,8 @@
|
||||
margin-bottom: 20rpx;
|
||||
// .userName{}
|
||||
}
|
||||
.leve2{
|
||||
|
||||
.leve2 {
|
||||
color: #999;
|
||||
@include bov()
|
||||
}
|
||||
@@ -869,7 +972,8 @@
|
||||
background-color: transparent !important;
|
||||
}
|
||||
|
||||
.bottomBox { border-top: 1px solid #eee;
|
||||
.bottomBox {
|
||||
border-top: 1px solid #eee;
|
||||
position: fixed;
|
||||
padding: 20rpx 0;
|
||||
text-align: center;
|
||||
@@ -889,7 +993,7 @@
|
||||
.mainContent {
|
||||
color: #333;
|
||||
padding: 0 20rpx;
|
||||
padding-bottom:120rpx;
|
||||
padding-bottom: 120rpx;
|
||||
background-image: linear-gradient(30deg, #d4eaf0 0%, #d4eaf0 50%, #fdf0ed 100%);
|
||||
min-height: 100vh;
|
||||
}
|
||||
@@ -1044,10 +1148,11 @@
|
||||
margin-bottom: 10rpx;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.tijiaoTitle {
|
||||
justify-content: space-between;
|
||||
margin-bottom: 20rpx;
|
||||
|
||||
text {
|
||||
display: block;
|
||||
width: 30%;
|
||||
@@ -1127,17 +1232,5 @@
|
||||
top: 20rpx;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
text.kaiban {
|
||||
background-color: #67c23a;
|
||||
}
|
||||
|
||||
text.jieban {
|
||||
background-color: $themeColor
|
||||
}
|
||||
|
||||
text.tuichu {
|
||||
background-color: #f4a2a6;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -5,38 +5,44 @@
|
||||
<z-nav-bar title="班级列表">
|
||||
</z-nav-bar>
|
||||
<view style="padding: 20rpx; background-color: #fff; border-bottom: 1px solid #eee;">当前课程：{{courseTitle}}</view>
|
||||
<view class="tabsBox" :class="[fixed ? 'fixed' : '' ]">
|
||||
<!-- <view class="tabsBox" :class="[fixed ? 'fixed' : '' ]">
|
||||
<u-tabs v-if="tabList.length > 0" :class="['tabList']" @click="fatherClick" :current="curTagId"
|
||||
:activeStyle="activeStyle" :scrollable="scrollable" :list="tabList"
|
||||
itemStyle="padding-left: 15px; background-color:#fff; padding-right: 15px; height: 50px;"></u-tabs>
|
||||
</view>
|
||||
</view> -->
|
||||
<view class="containerBg">
|
||||
<view class="subCate flex" v-if="subList.length> 0">
|
||||
<!-- <view class="subCate flex" v-if="subList.length> 0">
|
||||
<text :class="['item',subTabId == item.id ? 'active' : '']" v-for="(item, index) in subList"
|
||||
@click="curseClick(item)" :key="index">{{item.title}}</text>
|
||||
</view>
|
||||
</view> -->
|
||||
<view class="learnBox box">
|
||||
<view class="newBox">
|
||||
<view class="item flexbox" v-for="(item, index) in courseList" :key="index" >
|
||||
<!-- <view class="imgcontainer" :style="{backgroundImage:surl(item.image)}"> -->
|
||||
<view class="imgcontainer" v-if="item.icon != ''" @click="onPageJump('/pages/miniClass/classInfo',item.id, 'isNotHave')">
|
||||
<view class="imgcontainer" v-if="item.icon != ''" @click="onPageJump('/pages/miniClass/classInfo',item.id)">
|
||||
<image :src="item.icon" mode="aspectFit"></image>
|
||||
</view>
|
||||
<view class="imgcontainer defaultImg" v-else @click="onPageJump('/pages/miniClass/classInfo',item.id, 'isNotHave')">
|
||||
<view class="imgcontainer defaultImg" v-else @click="onPageJump('/pages/miniClass/classInfo',item.id)">
|
||||
<image src="@/static/my_04.png" mode="aspectFit"></image>
|
||||
</view>
|
||||
<view class="buyItems">
|
||||
<view class="txt555" @click="onPageJump('/pages/miniClass/classInfo',item.id, 'isNotHave')">
|
||||
{{item.title}}
|
||||
</view>
|
||||
<view class="">
|
||||
<text >【联合班】</text>
|
||||
<text v-show="item.type == 0">【普通班】</text>
|
||||
<text v-show="item.type == 1">【联合班】</text>
|
||||
<text v-show="item.type == 2">【精英班】</text>
|
||||
<text class="txt555" @click="onPageJump('/pages/miniClass/classInfo',item.id)">
|
||||
{{item.title}}
|
||||
</text>
|
||||
</view>
|
||||
<view class="jianjie">
|
||||
目标学员人数：{{item.number}} 人
|
||||
</view>
|
||||
<!-- <view class="jianjie" v-html="item.content">
|
||||
</view> -->
|
||||
<view class="btn_box" >
|
||||
<text v-show="item.state == '0'" @click="addClass(item.id)">一键加入</text>
|
||||
<text class="seeInfo" @click="onPageJump('/pages/miniClass/classInfo',item.id,'isNotHave')">查看班内情况</text>
|
||||
<text v-show="item.state == '0'" @click.stop="addClass(item.id)">一键加入</text>
|
||||
<!-- <text class="seeInfo" @click="onPageJump('/pages/miniClass/classInfo',item.id)">查看班内情况</text> -->
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
@@ -175,8 +181,7 @@
|
||||
},
|
||||
})
|
||||
.then(res => {
|
||||
if (res.code == 0) {
|
||||
this.isHave = true
|
||||
if (res.code == 0) {
|
||||
uni.showToast({
|
||||
title: `加入成功！`,
|
||||
icon: 'success'
|
||||
@@ -186,13 +191,13 @@
|
||||
url:`/pages/miniClass/classInfo?id=${classId}`
|
||||
})
|
||||
},200)
|
||||
}
|
||||
}
|
||||
}).catch(e => {
|
||||
console.log(e, '数据报错')
|
||||
// this.status = 3
|
||||
uni.showToast({
|
||||
title: `加入失败`,
|
||||
icon: 'error'
|
||||
title: '加入失败',
|
||||
icon: 'none'
|
||||
})
|
||||
});
|
||||
},
|
||||
@@ -230,8 +235,8 @@
|
||||
method: "POST", // POST、GET、PUT、DELETE，具体说明查看官方文档
|
||||
data: {
|
||||
"courseId": Number(this.courseId),
|
||||
"state": this.subTabId, //小班状态0待开班1已开班2完成
|
||||
"type": this.curTagId // 班类型 0小班 1联合班 2精英班
|
||||
"state": '', //小班状态0待开班1已开班2完成
|
||||
"type": '' // 班类型 0小班 1联合班 2精英班
|
||||
},
|
||||
header: { //默认 无 说明：请求头
|
||||
'Content-Type': 'application/json'
|
||||
|
||||
@@ -1,125 +0,0 @@
|
||||
<template>
|
||||
<view>
|
||||
<z-nav-bar :title="pageName"></z-nav-bar>
|
||||
<view class="">
|
||||
<!-- <uni-section title="左侧滑出" type="line"> -->
|
||||
<view class="example-body">
|
||||
<view class="haveNoSelected">
|
||||
<view class="flex_box" style="text-align: center; align-items: center; justify-content: center; width: 100%; background-color: #eee; padding: 40rpx 0;">
|
||||
<button type="primary" @click="showDrawer('showLeft')" size="mini"><text class="word-btn-white">选择任务</text>
|
||||
</button>
|
||||
</view>
|
||||
<text style="display: inline-block; margin-top: 40rpx;">
|
||||
操作步骤：<br/>
|
||||
1、点击上面的选择按钮，在弹出的面板中选择要评分的内容<br/>
|
||||
2、点击要评分的内容，会列出学员提交的内容，评分员可点击对应的提交内容进行评分
|
||||
</text>
|
||||
</view>
|
||||
|
||||
<uni-drawer ref="showLeft" mode="left" :width="300" @change="change($event,'showLeft')">
|
||||
<view class="scroll-view">
|
||||
<scroll-view class="scroll-view-box" scroll-y="true">
|
||||
<view class="info">
|
||||
<text class="info-text">右侧遮罩只能通过按钮关闭，不能通过点击遮罩关闭</text>
|
||||
</view>
|
||||
<view class="close">
|
||||
<button @click="closeDrawer('showRight')"><text class="word-btn-white">关闭Drawer</text></button>
|
||||
</view>
|
||||
<view class="info-content" v-for="item in 100" :key="item">
|
||||
<text>可滚动内容 {{item}}</text>
|
||||
</view>
|
||||
<!-- <view class="close">
|
||||
<button @click="closeDrawer('showRight')"><text class="word-btn-white">关闭Drawer</text></button>
|
||||
</view> -->
|
||||
</scroll-view>
|
||||
</view>
|
||||
</uni-drawer>
|
||||
</view>
|
||||
<!-- </uni-section> -->
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
classId:undefined,
|
||||
pageType:undefined,
|
||||
showRight: false,
|
||||
showLeft: false,
|
||||
pageName:''
|
||||
}
|
||||
},
|
||||
onLoad(e) {
|
||||
this.classId = e.classId
|
||||
this.pageType = e.type
|
||||
if(e.type == '0'){
|
||||
this.pageName = '任务评分'
|
||||
}else if(this.pageName = '医案评分'){
|
||||
|
||||
}else{
|
||||
this.pageName = '心得评分'
|
||||
}
|
||||
},
|
||||
onBackPress() {
|
||||
if (this.showRight || this.showLeft) {
|
||||
this.$refs.showLeft.close()
|
||||
this.$refs.showRight.close()
|
||||
return true
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
// 打开窗口
|
||||
showDrawer(e) {
|
||||
this.$refs[e].open()
|
||||
},
|
||||
// 关闭窗口
|
||||
closeDrawer(e) {
|
||||
this.$refs[e].close()
|
||||
},
|
||||
// 抽屉状态发生变化触发
|
||||
change(e, type) {
|
||||
console.log((type === 'showLeft' ? '左窗口' : '右窗口') + (e ? '打开' : '关闭'));
|
||||
this[type] = e
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.example-body {
|
||||
padding: 10px;
|
||||
}
|
||||
.scroll-view {
|
||||
/* #ifndef APP-NVUE */
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
/* #endif */
|
||||
flex:1
|
||||
}
|
||||
// 处理抽屉内容滚动
|
||||
.scroll-view-box {
|
||||
flex: 1;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
}
|
||||
.info {
|
||||
padding: 15px;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.info-text {
|
||||
font-size: 14px;
|
||||
color: #666;
|
||||
}
|
||||
.info-content {
|
||||
padding: 5px 15px;
|
||||
}
|
||||
.close {
|
||||
padding: 10px;
|
||||
}
|
||||
</style>
|
||||
@@ -27,7 +27,7 @@
|
||||
</view>
|
||||
<view class="learnBox box">
|
||||
<view class="newBox" v-if="classList.length > 0">
|
||||
<view class="item flexbox" v-for="(item, index) in classList" :key="index" >
|
||||
<view class="item flexbox" v-for="(item, index) in classList" :key="index" @click="onPageJump('/pages/miniClass/classInfoMan',item.id)">
|
||||
<!-- <view class="imgcontainer" :style="{backgroundImage:surl(item.image)}"> -->
|
||||
<view class="imgcontainer" v-if="item.icon != ''">
|
||||
<image :src="item.icon" mode="aspectFit"></image>
|
||||
@@ -36,7 +36,7 @@
|
||||
<image src="@/static/my_04.png" mode="aspectFit"></image>
|
||||
</view>
|
||||
<view class="buyItems">
|
||||
<view class="txt555" @click="onPageJump('/pages/miniClass/classInfoMan',item.id)">
|
||||
<view class="txt555" >
|
||||
{{item.title}}
|
||||
</view>
|
||||
<view class="jianjie">
|
||||
@@ -46,7 +46,7 @@
|
||||
</view> -->
|
||||
<view class="btn_box" >
|
||||
<!-- <text @click="enterClass" v-show="item.state == '0'">一键加入</text> -->
|
||||
<text class="seeInfo" @click="onPageJump('/pages/miniClass/classInfoMan',item.id)">进入班级</text>
|
||||
<text class="seeInfo" >进入班级</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
@@ -6,11 +6,11 @@
|
||||
<!-- <view class="curseSet" slot="right" @click="shuomingPage('/pages/course/courseSet',tagId,pid)"> -->
|
||||
<!-- <uni-icons type="info" size="24"></uni-icons> 课程说明</view> -->
|
||||
</z-nav-bar>
|
||||
<view class="tabsBox" :class="[fixed ? 'fixed' : '' ]">
|
||||
<!-- <view class="tabsBox" :class="[fixed ? 'fixed' : '' ]">
|
||||
<u-tabs v-if="tabList.length > 0" :class="['tabList']" @click="fatherClick" :current="curTagId"
|
||||
:activeStyle="activeStyle" :scrollable="scrollable" :list="tabList"
|
||||
itemStyle="padding-left: 15px; background-color:#fff; padding-right: 15px; height: 50px;"></u-tabs>
|
||||
</view>
|
||||
</view> -->
|
||||
<view class="containerBg">
|
||||
<view class="subCate flex" v-if="subList.length> 0">
|
||||
<text :class="['item',subTabId == item.id ? 'active' : '']" v-for="(item, index) in subList"
|
||||
@@ -27,9 +27,15 @@
|
||||
<image src="@/static/my_04.png" mode="aspectFit"></image>
|
||||
</view>
|
||||
<view class="buyItems" >
|
||||
<view class="txt555">
|
||||
{{item.title}}
|
||||
</view>
|
||||
<view class="">
|
||||
<text >【联合班】</text>
|
||||
<text v-show="item.type == 0">【普通班】</text>
|
||||
<text v-show="item.type == 1">【联合班】</text>
|
||||
<text v-show="item.type == 2">【精英班】</text>
|
||||
<text class="txt555" @click="onPageJump('/pages/miniClass/classInfo',item.id)">
|
||||
{{item.title}}
|
||||
</text>
|
||||
</view>
|
||||
<view class="jianjie">
|
||||
目标学员人数：{{item.number}} 人
|
||||
</view>
|
||||
@@ -217,7 +223,7 @@
|
||||
method: "POST", // POST、GET、PUT、DELETE，具体说明查看官方文档
|
||||
data: {
|
||||
"state": this.subTabId, //小班状态0待开班1已开班2完成
|
||||
"type": this.curTagId // 班类型 0小班 1联合班 2精英班
|
||||
"type": '' // 班类型 0小班 1联合班 2精英班
|
||||
},
|
||||
header: { //默认 无 说明：请求头
|
||||
'Content-Type': 'application/json'
|
||||
|
||||
@@ -305,7 +305,7 @@
|
||||
method: "POST",
|
||||
data: {
|
||||
"limit": 10,
|
||||
"page": 1,
|
||||
"page": this.pPage,
|
||||
"taskId": this.thisTask.id,
|
||||
"myReply": this.listDisplay //0全部作业1我的作业
|
||||
},
|
||||
|
||||
588
pages/miniClass/taskDetailForMan.vue
Normal file
588
pages/miniClass/taskDetailForMan.vue
Normal file
@@ -0,0 +1,588 @@
|
||||
<template>
|
||||
<view>
|
||||
<public-module></public-module>
|
||||
<z-nav-bar title="医案详情"></z-nav-bar>
|
||||
<!-- <view class="" style="background-color: #f4f7ff; min-height: calc(100vh - 200rpx);"> -->
|
||||
<view class="mainContent" v-if="thisTask.id">
|
||||
<view class="" style="height:40rpx;">
|
||||
|
||||
</view>
|
||||
<view class="taskBox">
|
||||
<h3>题目内容</h3>
|
||||
<view class="taskTitle">
|
||||
{{thisTask.title}}
|
||||
</view>
|
||||
<view class="imgBox flex_box" v-if="FileList11.length > 0">
|
||||
<view class="item" v-for="(item, index) in FileList11" :key="index">
|
||||
<image @click="previewImage(item.url)" :src="item.url" mode="widthFix"></image>
|
||||
</view>
|
||||
</view>
|
||||
<view class="taskContent" v-html="thisTask.content">
|
||||
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 提交记录 -->
|
||||
<view >
|
||||
<view class="studentListBox" v-if="thisTask.students && thisTask.students.length > 0">
|
||||
<view class="newBox flex_box" >
|
||||
<view class="item " v-for="(item, index) in thisTask.students" @click="clickStudents(item)">
|
||||
<view class="leve1 " >
|
||||
<view class="userName">
|
||||
<text v-if="item.nickname != '' && item.nickname != null">匿名用户</text>
|
||||
<text v-else>匿名用户</text>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<u-divider v-show="status == 2" text="已加载全部"></u-divider>
|
||||
<u-divider v-show="status == 3" text="暂无数据"></u-divider>
|
||||
<u-divider v-show="status == 1" text="加载中..."></u-divider>
|
||||
</view>
|
||||
</view>
|
||||
<u-popup key="1" :show="showEditBlank" :round="10" @close="closePup" ref="">
|
||||
<view class="" style="padding: 40rpx; max-height: 80vh; overflow-y:scroll">
|
||||
<view class="anserBox" >
|
||||
<h3>我的答案</h3>
|
||||
<uni-forms :modelValue="form" :rules="rules" ref="form">
|
||||
<view class="input_box">
|
||||
<uni-forms-item label="" name="content" label-width="0">
|
||||
<text class="input_tit"><i>*</i>内容:<span
|
||||
style="font-weight: normal; color: #999; font-size: 26rpx;">(600字以内)</span></text>
|
||||
<view class="in">
|
||||
<view class="uni-textarea">
|
||||
<textarea placeholder-style="font-size:26rpx" v-model="form.content" maxlength="600"
|
||||
auto-height placeholder="请输入内容" />
|
||||
|
||||
</view>
|
||||
</view>
|
||||
</uni-forms-item>
|
||||
</view>
|
||||
<view class="input_box">
|
||||
<text class="input_tit">上传图片:</text>
|
||||
<view class="in" style="border: none;" @click="checkPermision">
|
||||
<u-upload :fileList="fileList1" @afterRead="addPic" @delete="deletePic" multiple
|
||||
:maxCount="4" width="40" height="40" :previewFullImage="true">
|
||||
</u-upload>
|
||||
<!-- <text style="font-size: 24rpx; color: #999;">可上传4张问题截图</text> -->
|
||||
</view>
|
||||
<!-- <input type="password" maxlength="8" v-model="confirmPassword" placeholder="请确认密码" /> -->
|
||||
</view>
|
||||
|
||||
<view class="input_box">
|
||||
<radio-group @change="radioChange" class="flex_box">
|
||||
<view class="" style="margin-right:20rpx ;">
|
||||
<radio value="0" :checked="0 == form.display" />他人不可见</label>
|
||||
</view>
|
||||
<view class="">
|
||||
<radio value="1" :checked="1 == form.display" />他人可见</label>
|
||||
</view>
|
||||
</radio-group>
|
||||
<span
|
||||
style="color: #999; font-size: 28rpx; margin-top: 20rpx; display: block;">（不勾选时，班级管理员以外的人看不见提交的内容）</span>
|
||||
|
||||
</view>
|
||||
</uni-forms>
|
||||
<view class="btn_box"><button @click="onSubmit">提 交</button></view>
|
||||
</view>
|
||||
</view>
|
||||
</u-popup>
|
||||
<z-navigation></z-navigation>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
const taskinfo1 = require('@/data/manTaskInfo.json')
|
||||
import $http from '@/config/requestConfig.js';
|
||||
import {
|
||||
mapState
|
||||
} from "vuex";
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
showEditBlank:false,
|
||||
studentList:[],
|
||||
loadFlag:false,
|
||||
thisTask: {},
|
||||
status: 88,
|
||||
TaskId: undefined,
|
||||
userMes: undefined,
|
||||
FileList11: [],
|
||||
fileList1: [],
|
||||
pPage: 0,
|
||||
form: {
|
||||
taskId: undefined,
|
||||
id: undefined,
|
||||
display: "1", //0不展示1展示
|
||||
content: "",
|
||||
img: ""
|
||||
},
|
||||
rules: {
|
||||
content: {
|
||||
rules: [{
|
||||
required: true,
|
||||
errorMessage: '请输入回答内容',
|
||||
}
|
||||
|
||||
]
|
||||
},
|
||||
|
||||
},
|
||||
listDisplay: '1', // 提交记录展示类型 0 全部 1 自己的
|
||||
|
||||
}
|
||||
},
|
||||
onLoad(e) {
|
||||
uni.hideTabBar();
|
||||
// this.thisTask = JSON.parse(e.options)
|
||||
console.log('e',e)
|
||||
if(e.id){
|
||||
this.thisTask.id = e.id
|
||||
this.getTaskInfo()
|
||||
this.getstudentList()
|
||||
}
|
||||
|
||||
// console.log('this.FileList', this.FileList)
|
||||
// this.TaskId = e.id
|
||||
this.getUserInfo()
|
||||
|
||||
},
|
||||
onReachBottom() {
|
||||
if (this.status != 2 && this.status != 3) {
|
||||
this.getstudentList()
|
||||
}
|
||||
},
|
||||
onPullDownRefresh() {
|
||||
// this.getTaskInfo()
|
||||
uni.stopPullDownRefresh()
|
||||
},
|
||||
onShow() {
|
||||
this.form.taskId = this.thisTask.id
|
||||
|
||||
},
|
||||
computed: {
|
||||
...mapState(["userInfo"]),
|
||||
},
|
||||
methods: {
|
||||
// 获取医案任务详情
|
||||
getTaskInfo(){
|
||||
$http.request({
|
||||
url: "common/class/getClassTaskInfo",
|
||||
method: "POST",
|
||||
data: {
|
||||
"taskId": this.thisTask.id
|
||||
},
|
||||
header: { //默认 无 说明：请求头
|
||||
'Content-Type': 'application/json'
|
||||
},
|
||||
})
|
||||
.then(res => {
|
||||
if (res.code == 0) {
|
||||
// that.isHave = true
|
||||
// console.log(res)
|
||||
// this.thisTask = res.classTask
|
||||
this.thisTask = taskinfo1.classTask
|
||||
this.fileList11 = []
|
||||
if (this.thisTask.img != '') {
|
||||
var imgs = this.thisTask.img.split(',')
|
||||
imgs = imgs.forEach((item, index) => {
|
||||
this.FileList11.push({
|
||||
url: item
|
||||
})
|
||||
})
|
||||
}
|
||||
console.log('thisTask',this.thisTask);
|
||||
}
|
||||
}).catch(e => {
|
||||
console.log(e, '数据报错')
|
||||
// this.status = 3
|
||||
uni.showToast({
|
||||
title: e.msg,
|
||||
icon: 'error'
|
||||
})
|
||||
});
|
||||
},
|
||||
closePup(){
|
||||
this.showEditBlank = false
|
||||
this.form = {
|
||||
taskId: undefined,
|
||||
id: undefined,
|
||||
display: "1", //0不展示1展示
|
||||
content: "",
|
||||
img: ""
|
||||
}
|
||||
this.fileList1 = []
|
||||
},
|
||||
deletePic(event) {
|
||||
this.fileList1.splice(event.index, 1)
|
||||
},
|
||||
editOrAdd(item){
|
||||
console.log('item', item);
|
||||
if(item){
|
||||
this.form = item
|
||||
this.fileList1 = [...item.fileList]
|
||||
console.log('fileList4545',item.fileList);
|
||||
}
|
||||
else{
|
||||
console.log('form', this.form);
|
||||
}
|
||||
|
||||
this.showEditBlank = true
|
||||
},
|
||||
radioChange1(e){
|
||||
|
||||
this.listDisplay = e.detail.value
|
||||
console.log('点了',e);
|
||||
this.pPage = 0
|
||||
this.studentList = []
|
||||
this.getstudentList()
|
||||
},
|
||||
previewImage(url) {
|
||||
console.log(url);
|
||||
uni.previewImage({
|
||||
urls: [url],
|
||||
longPressActions: {
|
||||
itemList: ["很抱歉，暂不支持保存图片到本地"],
|
||||
success: function(res) {
|
||||
// console.log(res,'+++++')
|
||||
},
|
||||
},
|
||||
});
|
||||
},
|
||||
getstudentList() {
|
||||
this.status = 1;
|
||||
if (this.loadFlag) {
|
||||
console.log("有未完成的进程");
|
||||
return;
|
||||
}
|
||||
uni.showLoading({
|
||||
title:'加载中'
|
||||
})
|
||||
this.loadFlag = true;
|
||||
this.pPage++;
|
||||
$http.request({
|
||||
url: 'common/class/getReplyListByTaskIdStudent',
|
||||
method: "POST",
|
||||
data: {
|
||||
"limit": 10,
|
||||
"page": this.pPage,
|
||||
"taskId": this.thisTask.id,
|
||||
"myReply": this.listDisplay //0全部作业1我的作业
|
||||
},
|
||||
header: { //默认 无 说明：请求头
|
||||
'Content-Type': 'application/json'
|
||||
},
|
||||
})
|
||||
.then(res => {
|
||||
if(res.page.records.length > 0){
|
||||
var list = res.page.records
|
||||
list.forEach(item => {
|
||||
item.fileList = []
|
||||
if(item.img != ''){
|
||||
var _urs = item.img.split(',')
|
||||
_urs.forEach(item1 => {
|
||||
item.fileList.push({url:item1})
|
||||
})
|
||||
}
|
||||
})
|
||||
this.studentList = this.studentList.concat(list)
|
||||
console.log('chulihoude ',this.studentList);
|
||||
if (res.page.pages > this.pPage) {
|
||||
this.status = 0;
|
||||
} else {
|
||||
this.status = 2;
|
||||
}
|
||||
}else{
|
||||
this.status = 3; // 暂无数据
|
||||
}
|
||||
this.loadFlag = false;
|
||||
console.log('res', res);
|
||||
uni.hideLoading()
|
||||
}).catch(e => {
|
||||
uni.hideLoading()
|
||||
this.loadFlag = false;
|
||||
// console.log('表单错误信息：', err);
|
||||
uni.showToast({
|
||||
title: '获取作业列表失败',
|
||||
icon:'none'
|
||||
})
|
||||
})
|
||||
|
||||
},
|
||||
getUserInfo() {
|
||||
// 获取个人信息
|
||||
if (this.userInfo.id != undefined) {
|
||||
this.$http.post("common/user/getUserInfo").then((res) => {
|
||||
this.userMes = res.result
|
||||
}).catch(e => {
|
||||
uni.showToast({
|
||||
title: '获取用户信息失败',
|
||||
icon: 'none'
|
||||
})
|
||||
});
|
||||
}
|
||||
},
|
||||
// 跳转
|
||||
onPageJump(url, id, modeType) {
|
||||
uni.navigateTo({
|
||||
url: `${url}?id=${id}&type=${modeType}`
|
||||
});
|
||||
},
|
||||
onSubmit() {
|
||||
this.$refs.form.validate().then(res => {
|
||||
if (this.fileList1.length > 0) {
|
||||
let _list = this.fileList1
|
||||
_list = _list.map(item => item.url)
|
||||
// console.log('this.fileList1',_list);
|
||||
this.form.img = _list.join(',')
|
||||
}
|
||||
var _url = ""
|
||||
this.form.id ? _url =
|
||||
'common/class/editClassTaskReply' : _url = 'common/class/addClassTaskReply'
|
||||
var data = {
|
||||
"taskId": this.form.id ? undefined : this.form.taskId,
|
||||
"id": this.form.id,
|
||||
"display": this.form.display, //0不展示1展示
|
||||
"content": this.form.content,
|
||||
"img": this.form.img
|
||||
}
|
||||
console.log('data',data);
|
||||
$http.request({
|
||||
url: _url,
|
||||
method: "POST",
|
||||
data,
|
||||
header: { //默认 无 说明：请求头
|
||||
'Content-Type': 'application/json'
|
||||
},
|
||||
})
|
||||
.then(res => {
|
||||
uni.showToast({
|
||||
title: '操作成功！',
|
||||
icon: 'success'
|
||||
})
|
||||
this.FileList = []
|
||||
this.closePup()
|
||||
setTimeout(()=>{
|
||||
this.pPage = 0
|
||||
this.studentList = []
|
||||
this.getTaskInfo()
|
||||
this.getstudentList()
|
||||
},200)
|
||||
}).catch(e => {
|
||||
uni.showToast({
|
||||
title: '操作失败',
|
||||
icon: 'error'
|
||||
})
|
||||
});
|
||||
}).catch(err => {
|
||||
console.log('表单错误信息：', err);
|
||||
uni.showToast({
|
||||
title: '页面有未填写的内容哦',
|
||||
icon: 'none'
|
||||
})
|
||||
})
|
||||
},
|
||||
clickStudents(item){
|
||||
console.log('item',item);
|
||||
},
|
||||
addPic(e) {
|
||||
let that = this;
|
||||
console.log("添加图片", that.fileList1);
|
||||
for (var i = 0; i < e.file.length; i++) {
|
||||
console.log(i,e.file[i].url)
|
||||
uni.uploadFile({
|
||||
url: this.$baseUrl + "oss/fileoss",
|
||||
filePath: e.file[i].url,
|
||||
//files:e.file,
|
||||
name: "file",
|
||||
formData: {},
|
||||
success: (res) => {
|
||||
// console.log("添加图片", this.fileList1);
|
||||
that.fileList1.push({
|
||||
url: JSON.parse(res.data).url,
|
||||
});
|
||||
console.log(that.fileList1, "that.uploadPicLIst");
|
||||
},
|
||||
fail: (error) => {
|
||||
console.log("上传失败", error);
|
||||
},
|
||||
});
|
||||
}
|
||||
},
|
||||
async checkPermision() {
|
||||
var result = await permission.premissionCheck("CAMERA_EXTERNAL_STORAGE")
|
||||
if (result != 1) {
|
||||
return false
|
||||
}
|
||||
},
|
||||
radioChange(e) {
|
||||
this.form.display = e.detail.value
|
||||
console.log('点了', this.form.display, e);
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@import "@/style/mixin.scss";
|
||||
|
||||
.flexbox {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
i {
|
||||
color: red;
|
||||
padding-right: 20rpx;
|
||||
}
|
||||
.noanser{ padding: 20rpx;
|
||||
text-align: center;
|
||||
// border-bottom: 1px solid #eee;
|
||||
.btn{display: inline-block; border-radius: 20rpx ; padding: 10rpx 20rpx; background-color: $themeColor; color: #fff;}
|
||||
}
|
||||
.in {
|
||||
border: 1rpx solid #eeeeee;
|
||||
border-radius: 8rpx;
|
||||
padding: 8rpx;
|
||||
margin-top: 10rpx;
|
||||
}
|
||||
.studentListBox{margin-top: 40rpx; background-color: #fff; border-radius: 20rpx;}
|
||||
.btn_box {
|
||||
margin-top: 70rpx;
|
||||
padding-bottom: 20rpx;
|
||||
|
||||
button {
|
||||
font-size: 32rpx;
|
||||
@include theme('btn_bg') color: #fff;
|
||||
height: 80rpx;
|
||||
line-height: 80rpx;
|
||||
border-radius: 50rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.fabBox {}
|
||||
|
||||
.taskBox {
|
||||
border: 4rpx dotted #bad7f0;
|
||||
padding: 20rpx;
|
||||
padding-top: 0;
|
||||
background-color: #fff;
|
||||
border-radius: 20rpx;
|
||||
overflow: hidden;
|
||||
|
||||
h3 {
|
||||
line-height: 80rpx;
|
||||
width: 50%;
|
||||
margin: 0 auto;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
border-radius: 0 0 20rpx 20rpx;
|
||||
background-color: $themeColor;
|
||||
}
|
||||
}
|
||||
|
||||
.anserBox {
|
||||
border: 4rpx dotted #2bb447;
|
||||
margin-top: 30rpx;
|
||||
padding: 20rpx;
|
||||
background-color: #fff;
|
||||
border-radius: 20rpx;
|
||||
overflow: hidden;
|
||||
padding-top: 0;
|
||||
|
||||
h3 {
|
||||
line-height: 80rpx;
|
||||
width: 50%;
|
||||
margin: 0 auto;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
background-color: #2bb447;
|
||||
border-radius: 0 0 20rpx 20rpx;
|
||||
}
|
||||
}
|
||||
.nobg{background: transparent;}
|
||||
.taskTitle {
|
||||
font-size: 30rpx;
|
||||
margin: 20rpx 0;
|
||||
}
|
||||
.newBox { justify-content:start; padding:10rpx 10rpx 0 10rpx;
|
||||
|
||||
.item { width: 24%; margin: 0 6rpx;
|
||||
background-color: #fff;
|
||||
border-radius:8rpx;
|
||||
box-shadow: none !important;
|
||||
padding:8rpx; text-align: center;
|
||||
margin-bottom:16rpx;
|
||||
border: 1px solid #eee;
|
||||
// border-bottom: 1px solid #eee;
|
||||
// border-radius: 0 !important;
|
||||
|
||||
.leve1 {
|
||||
align-items: center;
|
||||
|
||||
.userName{ font-size: 26rpx; width: 100%;
|
||||
text{display: block; width: 100%;}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
.taskContent {
|
||||
font-size: 30rpx;
|
||||
margin-top: 20rpx;
|
||||
}
|
||||
|
||||
.imgBox {
|
||||
flex-wrap: wrap;
|
||||
|
||||
.item {
|
||||
width: 20%;
|
||||
margin-right: 10rpx; border: 1px solid #eee;
|
||||
|
||||
image {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.manBtnBox {
|
||||
justify-content: center;
|
||||
|
||||
text {
|
||||
width: 30%;
|
||||
font-size: 28rpx;
|
||||
padding: 20rpx 0;
|
||||
border-radius: 10rpx;
|
||||
display: block;
|
||||
margin: 0 20rpx;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.edit {
|
||||
background-color: $themeColor;
|
||||
}
|
||||
|
||||
.del {
|
||||
background-color: #ffa4a6;
|
||||
}
|
||||
|
||||
.set {
|
||||
background-color: #ffca7e;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
.mainContent {
|
||||
display: block;
|
||||
color: #333;
|
||||
padding: 0 20rpx;
|
||||
padding-bottom: 120rpx;
|
||||
background-image: linear-gradient(30deg, #d4eaf0 0%, #d4eaf0 50%, #fdf0ed 100%);
|
||||
min-height: 100vh;
|
||||
}
|
||||
</style>
|
||||
283
pages/miniClass/taskList.vue
Normal file
283
pages/miniClass/taskList.vue
Normal file
@@ -0,0 +1,283 @@
|
||||
<template>
|
||||
<view style="min-height: calc(100vh - 120rpx); background-color: #ebf2f5;">
|
||||
<z-nav-bar :title="pageName"></z-nav-bar>
|
||||
<view class="pad20">
|
||||
|
||||
<view v-if="taskList.length > 0 ">
|
||||
<view class="submitRecode">
|
||||
<view class="newBox">
|
||||
<view class="item " v-for="(item, index) in taskList" @click="clickTask(item)">
|
||||
<view class="leve1 flex_box">
|
||||
<text>{{item.title}}</text>
|
||||
</view>
|
||||
<view class="leve2 flex_box">
|
||||
<view class="item">
|
||||
<view class="">
|
||||
<uni-icons type="checkmarkempty" size="30" color="#55aa7f"></uni-icons>
|
||||
</view>
|
||||
<view class="">
|
||||
已交{{item.giveHomeWorkNumber}}人
|
||||
</view>
|
||||
</view>
|
||||
<view class="item">
|
||||
<view class="">
|
||||
<uni-icons type="closeempty" size="30" color="#ff878d"></uni-icons>
|
||||
</view>
|
||||
<view class="">
|
||||
未交{{item.noGiveHomeWorkNumber}}人
|
||||
</view>
|
||||
</view>
|
||||
<view class="item">
|
||||
<view class="">
|
||||
<uni-icons type="auth" size="30" color="#55aa7f"></uni-icons>
|
||||
</view>
|
||||
<view class="">
|
||||
已评分{{item.giveScoreNumber}}人
|
||||
</view>
|
||||
</view>
|
||||
<view class="item">
|
||||
<view class="">
|
||||
<uni-icons type="spinner-cycle" size="30" color="#ff878d"></uni-icons>
|
||||
</view>
|
||||
<view class="">
|
||||
未评分{{item.noGiveScoreNumber}}人
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="leve3">
|
||||
<view class="tips flex_box">
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<u-divider v-show="status == 2" text="已加载全部"></u-divider>
|
||||
<u-divider v-show="status == 3" text="暂无数据"></u-divider>
|
||||
<u-divider v-show="status == 1" text="加载中..."></u-divider>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import $http from '@/config/requestConfig.js';
|
||||
const taskLIst1 = require('@/data/taskList.json')
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
classId: undefined,
|
||||
pageType: undefined,
|
||||
pPage: 0,
|
||||
status: 88,
|
||||
loadFlag: false,
|
||||
pageName: '',
|
||||
taskList: []
|
||||
}
|
||||
},
|
||||
onLoad(e) {
|
||||
console.log('taskLIst1',taskLIst1);
|
||||
this.classId = e.classId
|
||||
this.pageType = e.type
|
||||
if (e.type == '0') {
|
||||
this.pageName = '作业列表'
|
||||
} else if (this.pageName = '医案列表') {
|
||||
|
||||
} else {
|
||||
this.pageName = '心得列表'
|
||||
}
|
||||
this.getList()
|
||||
},
|
||||
onReachBottom() {
|
||||
if (this.status != 2 && this.status != 3) {
|
||||
this.getList()
|
||||
}
|
||||
},
|
||||
onBackPress() {
|
||||
if (this.showRight || this.showLeft) {
|
||||
this.$refs.showLeft.close()
|
||||
this.$refs.showRight.close()
|
||||
return true
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
// 点击作业或者医案，进入作业提交情况
|
||||
clickTask(item){
|
||||
// console.log('options',options);
|
||||
uni.navigateTo({
|
||||
url:`/pages/miniClass/taskDetailForMan?id=${item.id}`
|
||||
})
|
||||
},
|
||||
getList() {
|
||||
this.status = 1;
|
||||
if (this.loadFlag) {
|
||||
console.log("有未完成的进程");
|
||||
return;
|
||||
}
|
||||
uni.showLoading({
|
||||
title: '加载中'
|
||||
})
|
||||
this.loadFlag = true;
|
||||
this.pPage++;
|
||||
$http.request({
|
||||
url: "common/class/getClassTaskList",
|
||||
method: "POST",
|
||||
data: {
|
||||
"limit": 10,
|
||||
"page": this.pPage,
|
||||
"classId": this.classId,
|
||||
"type": this.pageType + '', //类型 0班内任务1医案2心得
|
||||
"title": ""
|
||||
},
|
||||
header: { //默认 无 说明：请求头
|
||||
'Content-Type': 'application/json'
|
||||
},
|
||||
})
|
||||
.then(res => {
|
||||
if (res.code == 0) {
|
||||
if (res.page.records.length > 0) {
|
||||
console.log('数据获取成功', res.page.records);
|
||||
var lis = res.page.records
|
||||
// this.taskList = this.taskList.concat(lis)
|
||||
this.taskList = taskLIst1.page.records // 测试数据
|
||||
if (res.page.pages > this.pPage) {
|
||||
this.status = 0;
|
||||
} else {
|
||||
this.status = 2;
|
||||
}
|
||||
} else {
|
||||
this.status = 3; // 暂无数据
|
||||
}
|
||||
this.loadFlag = false;
|
||||
console.log('res', res);
|
||||
uni.hideLoading()
|
||||
}
|
||||
}).catch(e => {
|
||||
console.log(e, '数据报错')
|
||||
uni.hideLoading()
|
||||
this.loadFlag = false;
|
||||
uni.showToast({
|
||||
title: e.msg,
|
||||
icon: 'error'
|
||||
})
|
||||
});
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@import "@/style/mixin.scss";
|
||||
|
||||
.example-body {
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.pad20 {
|
||||
padding: 20rpx;
|
||||
}
|
||||
|
||||
.scroll-view {
|
||||
/* #ifndef APP-NVUE */
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
/* #endif */
|
||||
flex: 1
|
||||
}
|
||||
|
||||
.submitRecode {
|
||||
// padding: 20rpx;
|
||||
|
||||
.newBox {
|
||||
.classmateImg {
|
||||
width: 60rpx !important;
|
||||
height: 60rpx !important;
|
||||
|
||||
image {
|
||||
width: 60rpx !important;
|
||||
height: 60rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.item {
|
||||
background-color: #fff;
|
||||
border-radius: 20rpx;
|
||||
box-shadow: none !important;
|
||||
// border-bottom: 1px solid #eee;
|
||||
border-radius: 20rpx;
|
||||
padding: 20rpx;
|
||||
|
||||
.leve1 {
|
||||
align-items: center;
|
||||
border-bottom: 1px dashed #eee;
|
||||
padding-bottom: 20rpx;
|
||||
margin-bottom: 20rpx;
|
||||
// .userName{}
|
||||
}
|
||||
|
||||
.leve2 {
|
||||
color: #666;
|
||||
|
||||
.item{text-align: center;}
|
||||
}
|
||||
|
||||
.leve3 {
|
||||
color: $themeColor;
|
||||
text-align: center;
|
||||
padding-top: 10rpx;
|
||||
|
||||
.tips {
|
||||
width: 100%;
|
||||
justify-content: space-between;
|
||||
font-size: 26rpx;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.date {}
|
||||
|
||||
.btn {
|
||||
border: 1px solid $themeColor;
|
||||
margin-top: 20rpx;
|
||||
display: inline-block;
|
||||
width: 50%;
|
||||
padding: 6rpx 0;
|
||||
border-radius: 10rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.leve3.no {
|
||||
color: #ff9277;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 处理抽屉内容滚动
|
||||
.scroll-view-box {
|
||||
flex: 1;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.info {
|
||||
padding: 15px;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.info-text {
|
||||
font-size: 14px;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.info-content {
|
||||
padding: 5px 15px;
|
||||
}
|
||||
|
||||
.close {
|
||||
padding: 10px;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user