徐浩 / zzxyt-uniapp · 提交

转到一个项目

作者 mxd
提交 d9535f239e9b56f29eceb962cea4fa9bf911e505 1 个父辈 1c9960ac

班主任首页

内嵌 并排对比
正在显示 14 个修改的文件 包含 770 行增加 和 245 行删除
@@ -7,7 +7,9 @@ @@ -7,7 +7,9 @@
7 <u-icon name="home" v-if="isFirstPage && !isCustomReturn" @click="toBreak()" size="23" :color="color"></u-icon> 7 <u-icon name="home" v-if="isFirstPage && !isCustomReturn" @click="toBreak()" size="23" :color="color"></u-icon>
8 <u-icon name="arrow-left" v-else @click="toBreak()" size="20" :color="color"></u-icon> 8 <u-icon name="arrow-left" v-else @click="toBreak()" size="20" :color="color"></u-icon>
9 </view> 9 </view>
10 - <view style="width: 200rpx;" v-else ></view> 10 + <view style="width: 200rpx;" v-else >
  11 + <slot name="left"></slot>
  12 + </view>
11 <view class="CustomReturn-title" :style="{'color': color}">{{ title }}</view> 13 <view class="CustomReturn-title" :style="{'color': color}">{{ title }}</view>
12 <view style="width: 200rpx;"></view> 14 <view style="width: 200rpx;"></view>
13 </view> 15 </view>
  1 +<template>
  2 + <view class="wrap_box">
  3 + <!-- <uParse v-if="datas" :content="datas"></uParse> -->
  4 + <topbar bg_color="#2d81ff">
  5 + <text style="color: #fff;"></text>
  6 + <text style="color: #fff;">首页</text>
  7 + <text style="color: #fff;"></text>
  8 + </topbar>
  9 + <view class="tch_box">
  10 + <view class="tel_index_bg"></view>
  11 + <view v-if="userDatas" class="tch_main">
  12 + <view class="tch_user dis_flex aic " @click="$service.jump" data-url="/pagesA/tch_msg/tch_msg">
  13 + <!-- <image class="user_tx" src="/static/images/tx.png" mode="aspectFill"></image> -->
  14 + <myLazyLoad class="user_tx" :src="$service.getimg(userDatas.img)" mode="aspectFill" :borderRadius="112"></myLazyLoad>
  15 + <view class="flex_1" @click="cli_fuc">
  16 + <view class="user_name dis_flex aic">
  17 + {{userDatas.nick||''}}
  18 + <text v-if="userDatas.is_assistant == 2">班主任</text>
  19 + <text v-else>助教老师</text>
  20 + </view>
  21 + <view class="user_id" >{{userDatas.class_title||''}}</view>
  22 + </view>
  23 + <text class="icon icon-arrow-right-copy"></text>
  24 + </view>
  25 + <!-- 班级概况 start -->
  26 +
  27 + <view class="tit_box">班级概况</view>
  28 + <view class="tch_banji">
  29 + <view class="bjf dis_flex_c aic ju_c" @click="$service.jump" data-url="/pagesA/tch_kq/tch_kq" data-login="true">
  30 + <view class="bjf_num">{{userDatas.class_num||''}}</view>
  31 + <view class="bjf_text">
  32 + 班级分
  33 + <text class="icon icon-arrow-right-copy"></text>
  34 + </view>
  35 + </view>
  36 + <view class="bj_sg"></view>
  37 + <view class="bj_xq">
  38 + <view class="bj_pai dis_flex aic" @click="$service.jump" data-url="/pagesA/tch_rank/tch_rank" data-login="true">
  39 + <text class="bj_pait"></text>
  40 + <view class="flex_1">班级排名</view>
  41 + <view class="bj_painum">第{{userDatas.class_sort||''}}名</view>
  42 + <text class="icon icon-arrow-right-copy"></text>
  43 + </view>
  44 + <view class="bj_pai dis_flex aic" @click="$service.jump" data-url="/pagesA/tch_vio/tch_vio" data-login="true">
  45 + <text class="bj_paiw"></text>
  46 + <view class="flex_1">违纪情况</view>
  47 + <view class="bj_painum">{{userDatas.class_break||''}}</view>
  48 + <text class="icon icon-arrow-right-copy"></text>
  49 + </view>
  50 + </view>
  51 + </view>
  52 + <!-- 班级概况 end -->
  53 + <!-- 学员概况 start -->
  54 + <view class="tit_box">学员概况</view>
  55 + <view class="xygk">
  56 + <view class="gk_li" @click="$service.jump" data-url="/pagesA/stu_list/stu_list" data-login="true">
  57 + <image src="/static/images/tch/home_icon_namelist.png" mode="aspectFit"></image>
  58 + 本班学员名单
  59 + </view>
  60 + <view class="gk_li" @click="$service.jump" data-url="/pagesA/stumsg_list/stumsg_list" data-login="true">
  61 + <image src="/static/images/tch/home_icon_archives.png" mode="aspectFit"></image>
  62 + 学员档案信息
  63 + </view>
  64 + <view class="gk_li" @click="$service.jump" data-url="/pagesA/stu_ft_list/stu_ft_list" data-login="true">
  65 + <image src="/static/images/tch/home_icon_records.png" mode="aspectFit"></image>
  66 + 学员访谈记录
  67 + </view>
  68 + <view class="gk_li" @click="$service.jump" data-url="/pagesA/stu_hddk_add/stu_hddk_add" data-login="true">
  69 + <image src="/static/images/tch/home_icon_checklist.png" mode="aspectFit"></image>
  70 + 核对到课名单
  71 + </view>
  72 + <view class="gk_li" @click="$service.jump" data-url="/pages_v2/thc_my_pf/thc_my_pf" data-login="true">
  73 + <image src="/static/images/v2/my_pf.png" mode="aspectFit"></image>
  74 + 学员对我的评分
  75 + </view>
  76 + <view class="gk_li" @click="$service.jump" data-url="/pages_v2/tch_pf_list/tch_pf_list" data-login="true">
  77 + <image src="/static/images/v2/rank.png" mode="aspectFit"></image>
  78 + 星级排行榜
  79 + </view>
  80 + <view class="gk_li" @click="$service.jump" data-url="/page_admin/teacher_praise/teacher_praise" data-login="true">
  81 + <image src="/static/images/v2/biaoyangdainz.png" mode="aspectFit"></image>
  82 + 点赞表扬
  83 + </view>
  84 + </view>
  85 + <!-- <view class="tit_box">学员对我的评分</view> -->
  86 + <!-- 学员概况 end -->
  87 + <!-- 近期入学名单 start -->
  88 + <view class="tit_box">近期入学名单</view>
  89 + <view class="rxmd_list">
  90 + <view class="rxmd_li" v-for="(item,index) in md_list" :key="index">
  91 + <view class="rxmd_li_name dis_flex aic">
  92 + <text class="oh1">{{item.name}} </text>
  93 + <image v-if="item.sex==2" src="/static/images/tch/icon_female.png" mode="aspectFit"></image>
  94 + <image v-else src="/static/images/tch/icon_male.png" mode="aspectFit"></image>
  95 + </view>
  96 + <view class="rxmd_li_id flex_1">
  97 + {{item.phone||''}}
  98 + </view>
  99 + <view class="rxmd_li_time">
  100 + {{item.add_time||''}} 入学
  101 + </view>
  102 + </view>
  103 + <u-empty v-if="md_list.length==0"
  104 + mode="data"
  105 + text="暂无名单"
  106 + icon="/static/images/tch/img_blank.png"
  107 + >
  108 + </u-empty>
  109 + </view>
  110 + <!-- 近期入学名单 end -->
  111 + </view>
  112 + </view>
  113 + <!-- 阻止滑动 -->
  114 + <!-- <view @touchmove.stop.prevent='test'></view> -->
  115 + </view>
  116 +</template>
  117 +
  118 +<script>
  119 + import Vue from 'vue'
  120 + import {
  121 + mapState,
  122 + mapMutations
  123 + } from 'vuex'
  124 + var that
  125 + export default {
  126 + data() {
  127 + return {
  128 + options:'',
  129 + datas:'',
  130 + md_list:[],
  131 + shownum:0
  132 + }
  133 + },
  134 + computed: {
  135 + ...mapState(['hasLogin', 'forcedLogin', 'userName', 'userinfo','nowtime', 'userDatas']),
  136 + },
  137 + onLoad(e) {
  138 + that=this
  139 + that.options=e||{}
  140 + console.log(e)
  141 +
  142 + that.getdata()
  143 + },
  144 + onShow() {
  145 + if(that.shownum>0){
  146 + that.getdata()
  147 + }
  148 + that.shownum++
  149 + },
  150 + methods: {
  151 + // ...mapMutations(['wxshouquan','login']),
  152 + test(){},
  153 + cli_fuc(){
  154 + console.log(1)
  155 + },
  156 + getdata() {
  157 +
  158 + var datas = {}
  159 + var jkurl = '/teacher'
  160 +
  161 + that.$service.P_post(jkurl, datas).then(res => {
  162 + that.btnkg = 0
  163 + console.log(res)
  164 + if (res.code == 1) {
  165 + that.htmlReset = 0
  166 + var datas = res.data
  167 + console.log(typeof datas)
  168 +
  169 + if (typeof datas == 'string') {
  170 + datas = JSON.parse(datas)
  171 + }
  172 + console.log(res)
  173 + that.$store.commit('setuser', datas)
  174 + if(datas.list){
  175 + that.md_list=datas.list.data
  176 + }
  177 + } else {
  178 +
  179 + if (res.msg) {
  180 + uni.showToast({
  181 + icon: 'none',
  182 + title: res.msg
  183 + })
  184 + } else {
  185 + uni.showToast({
  186 + icon: 'none',
  187 + title: '获取数据失败'
  188 + })
  189 + }
  190 + }
  191 + }).catch(e => {
  192 + that.htmlReset = 1
  193 + that.btnkg = 0
  194 + // that.$refs.htmlLoading.htmlReset_fuc(1)
  195 + console.log(e)
  196 + uni.showToast({
  197 + icon: 'none',
  198 + title: '获取数据失败，请检查您的网络连接'
  199 + })
  200 + })
  201 + },
  202 + getimg(img){
  203 + return service.getimg(img)
  204 + },
  205 + jump(e) {
  206 + var that = this
  207 + if (that.btnkg == 1) {
  208 + return
  209 + } else {
  210 + that.btnkg = 1
  211 + setTimeout(function() {
  212 + that.btnkg = 0
  213 + }, 2000)
  214 + }
  215 + console.log(e.currentTarget.dataset.type)
  216 + service.jump(e)
  217 + },
  218 + goback(){
  219 + uni.navigateBack()
  220 + },
  221 + func(){
  222 + // that.$store.commit('setSystem',datas.system)
  223 + },
  224 + }
  225 + }
  226 +</script>
  227 +
  228 +<style lang="scss" scoped>
  229 +.wrap_box{
  230 + width: 100%;
  231 + // padding: 30rpx;
  232 + position: relative;
  233 + background: #F8F8F8;
  234 + min-height: 100vh;
  235 +}
  236 +.tel_index_bg{
  237 + position: absolute;
  238 + top: 0;
  239 + z-index: 1;
  240 + width: 100%;
  241 + min-height: 220rpx;
  242 + background: linear-gradient(0deg, #f8f8f8 0%, #ffffff 25%, #5D9DFD 60%, #428EFE 70%, #2D81FF 100%);
  243 +}
  244 +.tch_box{
  245 + width: 100%;
  246 + position: relative;
  247 +}
  248 +.tch_main{
  249 + width: 100%;
  250 + position: relative;
  251 + z-index: 2;
  252 + padding: 28rpx;
  253 +}
  254 +.tch_user{
  255 + width: 100%;
  256 + min-height: 176rpx;
  257 + background: #FFFFFF;
  258 + border-radius: 20rpx;
  259 + padding: 28rpx;
  260 + .user_tx{
  261 + width: 112rpx;
  262 + height: 112rpx;
  263 + border-radius: 50%;
  264 + overflow: hidden;
  265 + margin-right: 23rpx;
  266 + }
  267 + .icon{
  268 + font-size: 24rpx;
  269 + color: #bbb;
  270 + }
  271 + .user_name{
  272 + font-size: 32rpx;
  273 + color: #545D71;
  274 + margin-bottom: 10rpx;
  275 + font-weight: bold;
  276 + text{
  277 + font-size: 24rpx;
  278 + color: #4086ee;
  279 + padding: 0 9rpx;
  280 + height: 34rpx;
  281 + background: rgba(64, 134, 238, .1);
  282 + border-radius: 4rpx;
  283 + margin-left: 10rpx;
  284 + font-weight: normal;
  285 + }
  286 + }
  287 + .user_id{
  288 + font-size: 28rpx;
  289 + color: #7C8086;
  290 + }
  291 +}
  292 +.tit_box{
  293 + font-size: 32rpx;
  294 + font-weight: bold;
  295 + color: #545D71;
  296 + height: 80rpx;
  297 + margin-top: 14rpx;
  298 + display: flex;
  299 + align-items: center;
  300 +}
  301 +.tch_banji{
  302 + width: 100%;
  303 + min-height: 210rpx;
  304 + background: #FFFFFF;
  305 + border-radius: 20rpx;
  306 + padding: 28rpx;
  307 + display: flex;
  308 + align-items: center;
  309 + justify-content: space-between;
  310 + .bj_sg{
  311 + width: 1px;
  312 + height: 120rpx;
  313 + background: #EEEEEE;
  314 + border-radius: 1px;
  315 + }
  316 + .bjf{
  317 + width: 260rpx;
  318 + padding-right: 30rpx;
  319 + .bjf_num{
  320 + font-size: 60rpx;
  321 + font-family: Arial;
  322 + font-weight: bold;
  323 + color: #545D71;
  324 + line-height: 70rpx;
  325 + }
  326 + .bjf_text{
  327 + font-size: 30rpx;
  328 + font-family: PingFang SC;
  329 + font-weight: 400;
  330 + color: #545D71;
  331 + display: flex;
  332 + align-items: center;
  333 + padding-left: 35rpx;
  334 + .icon{
  335 + font-size: 18rpx;
  336 + color: #ddd;
  337 + margin-left: 20rpx;
  338 + }
  339 + }
  340 + }
  341 + .bj_xq{
  342 + width: 380rpx;
  343 + padding-left: 28rpx;
  344 + .bj_pai{
  345 + width: 100%;
  346 + display: flex;
  347 + align-items: center;
  348 + font-size: 28rpx;
  349 + color: #7C8086;
  350 + height: 60rpx;
  351 + .bj_pait{
  352 + width: 16rpx;
  353 + height: 16rpx;
  354 + background: #2D81FF;
  355 + border-radius: 50%;
  356 + margin-right: 10rpx;
  357 + }
  358 + .bj_paiw{
  359 + width: 16rpx;
  360 + height: 16rpx;
  361 + background: #FF9A18;
  362 + border-radius: 50%;
  363 + margin-right: 10rpx;
  364 + }
  365 + .bj_painum{
  366 + font-size: 28rpx;
  367 + color: #545D71;
  368 + }
  369 + .icon{
  370 + font-size: 18rpx;
  371 + color: #ddd;
  372 + margin-left: 10rpx;
  373 + }
  374 + }
  375 + }
  376 +}
  377 +.xygk{
  378 + width: 100%;
  379 + display: flex;
  380 + flex-wrap: wrap;
  381 + .gk_li{
  382 + width: 333rpx;
  383 + height: 132rpx;
  384 + background: #FFFFFF;
  385 + border-radius: 20rpx;
  386 + display: flex;
  387 + align-items: center;
  388 + padding: 28rpx;
  389 + padding-right: 10rpx;
  390 + font-size: 30rpx;
  391 + margin-right: 28rpx;
  392 + &:nth-child(2n){
  393 + margin-right: 0;
  394 + }
  395 + &:nth-child(n+3){
  396 + margin-top: 28rpx;
  397 + }
  398 + image{
  399 + width: 68rpx;
  400 + height: 76rpx;
  401 + margin-right: 15rpx;
  402 + position: relative;
  403 + top: 4rpx;
  404 + }
  405 + }
  406 +}
  407 +.rxmd_list{
  408 + width: 100%;
  409 + background: #FFFFFF;
  410 + border-radius: 10rpx;
  411 + .rxmd_li{
  412 + width: 100%;
  413 + height: 94rpx;
  414 + padding: 0 28rpx;
  415 + display: flex;
  416 + align-items: center;
  417 + color: #545D71;
  418 + &+.rxmd_li{
  419 + border-top: 1px solid #eee;
  420 + }
  421 + .rxmd_li_name{
  422 + // padding: 0 14rpx;
  423 + width: 160rpx;
  424 + font-size: 30rpx;
  425 + // padding-right: 10rpx;
  426 + text{
  427 + max-width: 120rpx;
  428 + font-size: 30rpx;
  429 + line-height: 34rpx;
  430 + height: 34rpx;
  431 + }
  432 + image{
  433 + width: 28rpx;
  434 + height: 28rpx;
  435 + margin-left: 12rpx;
  436 + flex: none;
  437 + }
  438 + }
  439 + .rxmd_li_id{
  440 + font-size: 30rpx;
  441 + letter-spacing: 0;
  442 + // padding: 0 14rpx;
  443 + padding-left: 10rpx;
  444 + }
  445 + .rxmd_li_time{
  446 + font-size: 28rpx;
  447 + letter-spacing: 0;
  448 + }
  449 + }
  450 +}
  451 +</style>
1 <template> 1 <template>
2 - <view class="wrap_box">  
3 - <!-- <uParse v-if="datas" :content="datas"></uParse> -->  
4 - <topbar bg_color="#2d81ff">  
5 - <text style="color: #fff;"></text>  
6 - <text style="color: #fff;">首页</text>  
7 - <text style="color: #fff;"></text>  
8 - </topbar>  
9 - <view class="tch_box">  
10 - <view class="tel_index_bg"></view>  
11 - <view v-if="userDatas" class="tch_main">  
12 - <view class="tch_user dis_flex aic " @click="$service.jump" data-url="/pagesA/tch_msg/tch_msg">  
13 - <!-- <image class="user_tx" src="/static/images/tx.png" mode="aspectFill"></image> -->  
14 - <myLazyLoad class="user_tx" :src="$service.getimg(userDatas.img)" mode="aspectFill" :borderRadius="112"></myLazyLoad>  
15 - <view class="flex_1" @click="cli_fuc">  
16 - <view class="user_name dis_flex aic"> 2 + <view class="container">
  3 + <CustomReturn title="听课教室选座" color="#323232" :bgColor="bgColor" :isShowBreak="false">
  4 + <template v-slot:left>
  5 + <view class="set-up">
  6 + <image src="/static/imagesV2/tch_index/icon9.png" mode="aspectFill"></image>
  7 + </view>
  8 + </template>
  9 + </CustomReturn>
  10 + <view class="bg-img">
  11 + <image src="/static/imagesV2/tch_index/bg.png" mode="aspectFill"></image>
  12 + </view>
  13 + <PaddingTopB>
  14 +
  15 + <view class="main" v-if="userDatas">
  16 + <view class="user-wrap" @click="$service.jump" data-url="/pagesA/tch_msg/tch_msg">
  17 + <view class="user-info">
  18 + <view class="avatar">
  19 + <view class="img">
  20 + <image :src="$service.getimg(userDatas.img)" mode="aspectFill"></image>
  21 + </view>
  22 + <vive class="identity">
  23 + <template v-if="userDatas.is_assistant == 2">班主任</template>
  24 + <template v-else>助教老师</template>
  25 + </vive>
  26 + </view>
  27 + <view class="info">
  28 + <view class="name">
17 {{userDatas.nick||''}} 29 {{userDatas.nick||''}}
18 - <text v-if="userDatas.is_assistant == 2">班主任</text>  
19 - <text v-else>助教老师</text>  
20 </view> 30 </view>
21 - <view class="user_id" >{{userDatas.class_title||''}}</view> 31 + <view class="icon-edit">
  32 + <image src="/static/imagesV2/tch_index/icon-edit.png" mode="aspectFill"></image>
  33 + </view>
  34 + <view class="tab">
  35 + {{userDatas.class_title||''}}
  36 + </view>
22 </view> 37 </view>
23 - <text class="icon icon-arrow-right-copy"></text>  
24 </view> 38 </view>
25 - <!-- 班级概况 start -->  
26 39
27 - <view class="tit_box">班级概况</view>  
28 - <view class="tch_banji">  
29 - <view class="bjf dis_flex_c aic ju_c" @click="$service.jump" data-url="/pagesA/tch_kq/tch_kq" data-login="true">  
30 - <view class="bjf_num">{{userDatas.class_num||''}}</view>  
31 - <view class="bjf_text"> 40 + <view class="cell-list">
  41 + <view class="cell-item class-division" @click="$service.jump" data-url="/pagesA/tch_kq/tch_kq" data-login="true">
  42 + <view class="cell-item-icon">
  43 + <image src="/static/imagesV2/tch_index/icon1.png" mode="aspectFill"></image>
  44 + </view>
  45 + <view class="cell-item-content">
  46 + <view class="val">
  47 + {{userDatas.class_num||''}}
  48 + </view>
  49 + <view class="label">
32 班级分 50 班级分
33 <text class="icon icon-arrow-right-copy"></text> 51 <text class="icon icon-arrow-right-copy"></text>
34 </view> 52 </view>
35 </view> 53 </view>
36 - <view class="bj_sg"></view>  
37 - <view class="bj_xq">  
38 - <view class="bj_pai dis_flex aic" @click="$service.jump" data-url="/pagesA/tch_rank/tch_rank" data-login="true">  
39 - <text class="bj_pait"></text>  
40 - <view class="flex_1">班级排名</view>  
41 - <view class="bj_painum">第{{userDatas.class_sort||''}}名</view> 54 + </view>
  55 +
  56 + <view class="cell-item" @click="$service.jump" data-url="/pagesA/tch_rank/tch_rank" data-login="true">
  57 +
  58 + <view class="cell-item-content">
  59 + <view class="val">
  60 + {{userDatas.class_sort||''}}
  61 + </view>
  62 + <view class="label">
  63 + 班级排名
42 <text class="icon icon-arrow-right-copy"></text> 64 <text class="icon icon-arrow-right-copy"></text>
43 </view> 65 </view>
44 - <view class="bj_pai dis_flex aic" @click="$service.jump" data-url="/pagesA/tch_vio/tch_vio" data-login="true">  
45 - <text class="bj_paiw"></text>  
46 - <view class="flex_1">违纪情况</view>  
47 - <view class="bj_painum">{{userDatas.class_break||''}}</view> 66 + </view>
  67 + </view>
  68 +
  69 + <view class="cell-item" @click="$service.jump" data-url="/pagesA/tch_vio/tch_vio" data-login="true">
  70 +
  71 + <view class="cell-item-content">
  72 + <view class="val">
  73 + {{userDatas.class_break||''}}
  74 + </view>
  75 + <view class="label">
  76 + 违纪情况
48 <text class="icon icon-arrow-right-copy"></text> 77 <text class="icon icon-arrow-right-copy"></text>
49 </view> 78 </view>
50 </view> 79 </view>
51 </view> 80 </view>
52 - <!-- 班级概况 end -->  
53 - <!-- 学员概况 start -->  
54 - <view class="tit_box">学员概况</view>  
55 - <view class="xygk">  
56 - <view class="gk_li" @click="$service.jump" data-url="/pagesA/stu_list/stu_list" data-login="true">  
57 - <image src="/static/images/tch/home_icon_namelist.png" mode="aspectFit"></image> 81 +
  82 + </view>
  83 +
  84 + </view>
  85 +
  86 + <view class="card student-overview">
  87 + <view class="card-head">
  88 + 学员概况
  89 + </view>
  90 + <view class="card-body">
  91 + <view class="list">
  92 + <view class="item" @click="$service.jump" data-url="/pagesA/stu_list/stu_list" data-login="true">
  93 + <view class="icon">
  94 + <image src="/static/imagesV2/tch_index/icon2.png" mode=""></image>
  95 + </view>
  96 + <view class="label">
58 本班学员名单 97 本班学员名单
59 </view> 98 </view>
60 - <view class="gk_li" @click="$service.jump" data-url="/pagesA/stumsg_list/stumsg_list" data-login="true">  
61 - <image src="/static/images/tch/home_icon_archives.png" mode="aspectFit"></image> 99 + </view>
  100 + <view class="item bg" @click="$service.jump" data-url="/pagesA/stumsg_list/stumsg_list" data-login="true">
  101 + <view class="icon">
  102 + <image src="/static/imagesV2/tch_index/icon3.png" mode=""></image>
  103 + </view>
  104 + <view class="label">
62 学员档案信息 105 学员档案信息
63 </view> 106 </view>
64 - <view class="gk_li" @click="$service.jump" data-url="/pagesA/stu_ft_list/stu_ft_list" data-login="true">  
65 - <image src="/static/images/tch/home_icon_records.png" mode="aspectFit"></image> 107 + </view>
  108 + <view class="item" @click="$service.jump" data-url="/pagesA/stu_ft_list/stu_ft_list" data-login="true">
  109 + <view class="icon">
  110 + <image src="/static/imagesV2/tch_index/icon4.png" mode=""></image>
  111 + </view>
  112 + <view class="label">
66 学员访谈记录 113 学员访谈记录
67 </view> 114 </view>
68 - <view class="gk_li" @click="$service.jump" data-url="/pagesA/stu_hddk_add/stu_hddk_add" data-login="true">  
69 - <image src="/static/images/tch/home_icon_checklist.png" mode="aspectFit"></image>  
70 - 核对到课名单  
71 </view> 115 </view>
72 - <view class="gk_li" @click="$service.jump" data-url="/pages_v2/thc_my_pf/thc_my_pf" data-login="true">  
73 - <image src="/static/images/v2/my_pf.png" mode="aspectFit"></image> 116 + <view class="item" @click="$service.jump" data-url="/pagesA/stu_hddk_add/stu_hddk_add" data-login="true">
  117 + <view class="icon">
  118 + <image src="/static/imagesV2/tch_index/icon5.png" mode=""></image>
  119 + </view>
  120 + <view class="label">
  121 + 核对名单
  122 + </view>
  123 + </view>
  124 + <view class="item bg" @click="$service.jump" data-url="/pages_v2/thc_my_pf/thc_my_pf" data-login="true">
  125 + <view class="icon">
  126 + <image src="/static/imagesV2/tch_index/icon6.png" mode=""></image>
  127 + </view>
  128 + <view class="label">
74 学员对我的评分 129 学员对我的评分
75 </view> 130 </view>
76 - <view class="gk_li" @click="$service.jump" data-url="/pages_v2/tch_pf_list/tch_pf_list" data-login="true">  
77 - <image src="/static/images/v2/rank.png" mode="aspectFit"></image> 131 + </view>
  132 + <view class="item" @click="$service.jump" data-url="/pages_v2/tch_pf_list/tch_pf_list" data-login="true">
  133 + <view class="icon">
  134 + <image src="/static/imagesV2/tch_index/icon7.png" mode=""></image>
  135 + </view>
  136 + <view class="label">
78 星级排行榜 137 星级排行榜
79 </view> 138 </view>
80 - <view class="gk_li" @click="$service.jump" data-url="/page_admin/teacher_praise/teacher_praise" data-login="true">  
81 - <image src="/static/images/v2/biaoyangdainz.png" mode="aspectFit"></image> 139 + </view>
  140 + <view class="item" @click="$service.jump" data-url="/page_admin/teacher_praise/teacher_praise" data-login="true">
  141 + <view class="icon">
  142 + <image src="/static/imagesV2/tch_index/icon8.png" mode=""></image>
  143 + </view>
  144 + <view class="label">
82 点赞表扬 145 点赞表扬
83 </view> 146 </view>
84 </view> 147 </view>
85 - <!-- <view class="tit_box">学员对我的评分</view> -->  
86 - <!-- 学员概况 end -->  
87 - <!-- 近期入学名单 start -->  
88 - <view class="tit_box">近期入学名单</view>  
89 - <view class="rxmd_list">  
90 - <view class="rxmd_li" v-for="(item,index) in md_list" :key="index">  
91 - <view class="rxmd_li_name dis_flex aic">  
92 - <text class="oh1">{{item.name}} </text>  
93 - <image v-if="item.sex==2" src="/static/images/tch/icon_female.png" mode="aspectFit"></image>  
94 - <image v-else src="/static/images/tch/icon_male.png" mode="aspectFit"></image>  
95 </view> 148 </view>
96 - <view class="rxmd_li_id flex_1"> 149 + </view>
  150 + </view>
  151 +
  152 +
  153 + <view class="card enrollment-list">
  154 + <view class="card-head">
  155 + 近期入学名单
  156 + </view>
  157 +
  158 + <view class="card-body">
  159 + <view class="list">
  160 + <view class="item" v-for="(item,index) in md_list" :key="index">
  161 + <view class="name">
  162 + {{item.name}}
  163 + </view>
  164 +
  165 + <view class="sex">
  166 + <image v-if="item.sex==2" src="/static/imagesV2/stu_selection/icon_female.png" mode="aspectFit"></image>
  167 + <image v-else src="/static/imagesV2/stu_selection/icon_male.png" mode="aspectFit"></image>
  168 + </view>
  169 +
  170 + <view class="phone">
97 {{item.phone||''}} 171 {{item.phone||''}}
98 </view> 172 </view>
99 - <view class="rxmd_li_time">  
100 - {{item.add_time||''}} 入学 173 + <view class="time">
  174 + {{item.add_time||''}}入学
101 </view> 175 </view>
102 </view> 176 </view>
103 - <u-empty v-if="md_list.length==0" 177 + <u-empty
  178 + v-if="md_list.length==0"
104 mode="data" 179 mode="data"
105 text="暂无名单" 180 text="暂无名单"
106 icon="/static/images/tch/img_blank.png" 181 icon="/static/images/tch/img_blank.png"
107 > 182 >
108 </u-empty> 183 </u-empty>
109 </view> 184 </view>
110 - <!-- 近期入学名单 end -->  
111 </view> 185 </view>
  186 +
  187 + </view>
  188 +
112 </view> 189 </view>
113 - <!-- 阻止滑动 -->  
114 - <!-- <view @touchmove.stop.prevent='test'></view> --> 190 + </PaddingTopB>
115 </view> 191 </view>
116 </template> 192 </template>
117 193
@@ -121,10 +197,17 @@ @@ -121,10 +197,17 @@
121 mapState, 197 mapState,
122 mapMutations 198 mapMutations
123 } from 'vuex' 199 } from 'vuex'
  200 + import CustomReturn from "@/components/CustomReturn/index.vue"
  201 + import PaddingTopB from "@/components/PaddingTopB/index.vue"
124 var that 202 var that
125 export default { 203 export default {
  204 + components: {
  205 + CustomReturn,
  206 + PaddingTopB
  207 + },
126 data() { 208 data() {
127 return { 209 return {
  210 + bgColor: 'transparent',
128 options:'', 211 options:'',
129 datas:'', 212 datas:'',
130 md_list:[], 213 md_list:[],
@@ -134,6 +217,13 @@ @@ -134,6 +217,13 @@
134 computed: { 217 computed: {
135 ...mapState(['hasLogin', 'forcedLogin', 'userName', 'userinfo','nowtime', 'userDatas']), 218 ...mapState(['hasLogin', 'forcedLogin', 'userName', 'userinfo','nowtime', 'userDatas']),
136 }, 219 },
  220 + onPageScroll(e) {
  221 + if(e.scrollTop > 0 ) {
  222 + this.bgColor = '#fff'
  223 + }else {
  224 + this.bgColor = 'transparent'
  225 + }
  226 + },
137 onLoad(e) { 227 onLoad(e) {
138 that=this 228 that=this
139 that.options=e||{} 229 that.options=e||{}
@@ -226,226 +316,208 @@ @@ -226,226 +316,208 @@
226 </script> 316 </script>
227 317
228 <style lang="scss" scoped> 318 <style lang="scss" scoped>
229 -.wrap_box{  
230 - width: 100%;  
231 - // padding: 30rpx;  
232 - position: relative;  
233 - background: #F8F8F8; 319 +.container {
234 min-height: 100vh; 320 min-height: 100vh;
  321 + background-color: #f3f4f6;
235 } 322 }
236 -.tel_index_bg{  
237 - position: absolute;  
238 - top: 0;  
239 - z-index: 1;  
240 - width: 100%;  
241 - min-height: 220rpx;  
242 - background: linear-gradient(0deg, #f8f8f8 0%, #ffffff 25%, #5D9DFD 60%, #428EFE 70%, #2D81FF 100%); 323 +.set-up {
  324 + width: 40rpx;
  325 + height: 40rpx;
243 } 326 }
244 -.tch_box{ 327 +.bg-img {
  328 + height: 360rpx;
  329 + position: absolute;
245 width: 100%; 330 width: 100%;
246 - position: relative;  
247 } 331 }
248 -.tch_main{ 332 +.main {
249 width: 100%; 333 width: 100%;
250 - position: relative;  
251 - z-index: 2;  
252 - padding: 28rpx; 334 + padding: 25rpx;
  335 + box-sizing: border-box;
253 } 336 }
254 -.tch_user{  
255 - width: 100%;  
256 - min-height: 176rpx;  
257 - background: #FFFFFF; 337 +.user-wrap {
  338 + background-color: #fff;
258 border-radius: 20rpx; 339 border-radius: 20rpx;
259 - padding: 28rpx;  
260 - .user_tx{  
261 - width: 112rpx;  
262 - height: 112rpx; 340 + padding: 30rpx;
  341 + margin-top: 100rpx;
  342 + position: relative;
  343 + .user-info {
  344 + display: flex;
  345 + .avatar {
  346 + display: flex;
  347 + flex-direction: column;
  348 + justify-content: center;
  349 + margin-top: -103rpx;
  350 + margin-right: 30rpx;
  351 + .img {
  352 + width: 146rpx;
  353 + height: 146rpx;
  354 + padding: 2rpx;
  355 + box-sizing: border-box;
263 border-radius: 50%; 356 border-radius: 50%;
264 overflow: hidden; 357 overflow: hidden;
265 - margin-right: 23rpx;  
266 } 358 }
267 - .icon{  
268 - font-size: 24rpx;  
269 - color: #bbb;  
270 - }  
271 - .user_name{  
272 - font-size: 32rpx;  
273 - color: #545D71;  
274 - margin-bottom: 10rpx;  
275 - font-weight: bold;  
276 - text{  
277 - font-size: 24rpx;  
278 - color: #4086ee;  
279 - padding: 0 9rpx;  
280 - height: 34rpx;  
281 - background: rgba(64, 134, 238, .1);  
282 - border-radius: 4rpx;  
283 - margin-left: 10rpx;  
284 - font-weight: normal; 359 + .identity {
  360 + background: linear-gradient(0deg, #2D81FF 0%, #458FFE 100%);
  361 + font-size: 26rpx;
  362 + font-family: PingFang SC;
  363 + font-weight: 400;
  364 + color: #FFFFFF;
  365 + border-radius: 20rpx;
  366 + padding: 6rpx 20rpx;
  367 + margin-top: -20rpx;
  368 + text-align: center;
285 } 369 }
286 } 370 }
287 - .user_id{  
288 - font-size: 28rpx;  
289 - color: #7C8086; 371 + .info {
  372 + display: flex;
  373 + align-items: center;
290 } 374 }
291 -}  
292 -.tit_box{  
293 - font-size: 32rpx; 375 + .name {
  376 + font-size: 36rpx;
  377 + font-family: PingFang SC;
294 font-weight: bold; 378 font-weight: bold;
295 - color: #545D71;  
296 - height: 80rpx;  
297 - margin-top: 14rpx; 379 + color: #323232;
  380 + }
  381 + .icon-edit {
  382 + width: 30rpx;
  383 + height: 30rpx;
  384 + margin: 0 15rpx 0 10rpx;
  385 + }
  386 + .tab {
  387 + background: rgba(49, 132, 255, 0.08);
  388 + border-radius: 5rpx;
  389 + height: 46rpx;
  390 + line-height: 46rpx;
  391 + font-size: 26rpx;
  392 + font-family: PingFang SC;
  393 + font-weight: 400;
  394 + color: #448EFE;
  395 + padding: 0 10rpx;
  396 + }
  397 + }
  398 +
  399 + .cell-list {
  400 + margin-top: 60rpx;
298 display: flex; 401 display: flex;
299 align-items: center; 402 align-items: center;
300 -}  
301 -.tch_banji{  
302 - width: 100%;  
303 - min-height: 210rpx;  
304 - background: #FFFFFF;  
305 - border-radius: 20rpx;  
306 - padding: 28rpx; 403 + justify-content: space-between;
  404 + .cell-item {
307 display: flex; 405 display: flex;
308 align-items: center; 406 align-items: center;
309 - justify-content: space-between;  
310 - .bj_sg{  
311 - width: 1px;  
312 - height: 120rpx;  
313 - background: #EEEEEE;  
314 - border-radius: 1px;  
315 - }  
316 - .bjf{  
317 - width: 260rpx;  
318 - padding-right: 30rpx;  
319 - .bjf_num{  
320 - font-size: 60rpx;  
321 - font-family: Arial; 407 + &-icon {
  408 + width: 70rpx;
  409 + height: 70rpx;
  410 + margin-right: 20rpx;
  411 + }
  412 + &-content {
  413 + .val {
  414 + font-size: 36rpx;
  415 + font-family: PingFang SC;
322 font-weight: bold; 416 font-weight: bold;
323 - color: #545D71;  
324 - line-height: 70rpx; 417 + color: #323232;
325 } 418 }
326 - .bjf_text{  
327 - font-size: 30rpx; 419 + .label {
  420 + margin-top: 10rpx;
  421 + font-size: 24rpx;
328 font-family: PingFang SC; 422 font-family: PingFang SC;
329 - font-weight: 400;  
330 - color: #545D71;  
331 - display: flex;  
332 - align-items: center;  
333 - padding-left: 35rpx;  
334 - .icon{  
335 - font-size: 18rpx; 423 + font-weight: 500;
  424 + color: #646464;
  425 + .icon {
  426 + font-size: 24rpx;
336 color: #ddd; 427 color: #ddd;
337 - margin-left: 20rpx;  
338 - }  
339 } 428 }
340 } 429 }
341 - .bj_xq{  
342 - width: 380rpx;  
343 - padding-left: 28rpx;  
344 - .bj_pai{  
345 - width: 100%;  
346 - display: flex;  
347 - align-items: center;  
348 - font-size: 28rpx;  
349 - color: #7C8086;  
350 - height: 60rpx;  
351 - .bj_pait{  
352 - width: 16rpx;  
353 - height: 16rpx;  
354 - background: #2D81FF;  
355 - border-radius: 50%;  
356 - margin-right: 10rpx;  
357 } 430 }
358 - .bj_paiw{  
359 - width: 16rpx;  
360 - height: 16rpx;  
361 - background: #FF9A18;  
362 - border-radius: 50%;  
363 - margin-right: 10rpx;  
364 } 431 }
365 - .bj_painum{  
366 - font-size: 28rpx;  
367 - color: #545D71; 432 + .class-division {
  433 + margin-right: 100rpx;
368 } 434 }
369 - .icon{  
370 - font-size: 18rpx;  
371 - color: #ddd;  
372 - margin-left: 10rpx;  
373 } 435 }
  436 +}
  437 +
  438 +.card {
  439 + background-color: #fff;
  440 + border-radius: 20rpx;
  441 + margin-top: 40rpx;
  442 + &-head {
  443 + padding: 30rpx 30rpx 0;
374 } 444 }
  445 + &-body {
  446 + padding: 30rpx;
375 } 447 }
376 } 448 }
377 -.xygk{  
378 - width: 100%; 449 +
  450 +.student-overview {
  451 + .list {
379 display: flex; 452 display: flex;
380 flex-wrap: wrap; 453 flex-wrap: wrap;
381 - .gk_li{  
382 - width: 333rpx;  
383 - height: 132rpx;  
384 - background: #FFFFFF;  
385 - border-radius: 20rpx;  
386 - display: flex;  
387 - align-items: center;  
388 - padding: 28rpx;  
389 - padding-right: 10rpx;  
390 - font-size: 30rpx;  
391 - margin-right: 28rpx;  
392 - &:nth-child(2n){  
393 - margin-right: 0; 454 + justify-content: space-between;
  455 + .item {
  456 + width: calc(50% - 10rpx);
  457 + padding: 20rpx;
  458 + box-sizing: border-box;
  459 + background: #F8FAFF;
  460 + margin-bottom: 20rpx;
  461 + .label {
  462 + font-size: 28rpx;
  463 + font-family: PingFang SC;
  464 + font-weight: 500;
  465 + color: #000000;
394 } 466 }
395 - &:nth-child(n+3){  
396 - margin-top: 28rpx; 467 + .icon {
  468 + width: 70rpx;
  469 + height: 70rpx;
397 } 470 }
398 - image{  
399 - width: 68rpx;  
400 - height: 76rpx;  
401 - margin-right: 15rpx;  
402 - position: relative;  
403 - top: 4rpx; 471 + }
  472 + .bg {
  473 + background: #FFFCF8;
404 } 474 }
405 } 475 }
406 } 476 }
407 -.rxmd_list{  
408 - width: 100%;  
409 - background: #FFFFFF;  
410 - border-radius: 10rpx;  
411 - .rxmd_li{  
412 - width: 100%;  
413 - height: 94rpx;  
414 - padding: 0 28rpx; 477 +
  478 +
  479 +.enrollment-list {
  480 + .list {
  481 + .item {
415 display: flex; 482 display: flex;
416 align-items: center; 483 align-items: center;
417 - color: #545D71;  
418 - &+.rxmd_li{  
419 - border-top: 1px solid #eee;  
420 - }  
421 - .rxmd_li_name{  
422 - // padding: 0 14rpx;  
423 - width: 160rpx;  
424 - font-size: 30rpx;  
425 - // padding-right: 10rpx;  
426 - text{  
427 - max-width: 120rpx; 484 + font-size: 26rpx;
  485 + font-family: PingFang SC;
  486 + font-weight: 500;
  487 + color: #646464;
  488 + .name {
428 font-size: 30rpx; 489 font-size: 30rpx;
429 - line-height: 34rpx;  
430 - height: 34rpx; 490 + font-family: PingFang SC;
  491 + font-weight: bold;
  492 + color: #323232;
431 } 493 }
432 - image{  
433 - width: 28rpx;  
434 - height: 28rpx;  
435 - margin-left: 12rpx;  
436 - flex: none; 494 + .sex {
  495 + width: 30rpx;
  496 + height: 25rpx;
  497 + margin: 0 20rpx;
437 } 498 }
  499 + .phone {
  500 + flex: 1;
  501 + text-align: right;
  502 + }
  503 + .time {
  504 + position: relative;
  505 + padding-left: 20rpx;
  506 + margin-left: 20rpx;
  507 + &:before {
  508 + content: ' ';
  509 + position: absolute;
  510 + height: 100%;
  511 + left: 0;
  512 + width: 1px;
  513 + background: #E6E6E6;
438 } 514 }
439 - .rxmd_li_id{  
440 - font-size: 30rpx;  
441 - letter-spacing: 0;  
442 - // padding: 0 14rpx;  
443 - padding-left: 10rpx;  
444 } 515 }
445 - .rxmd_li_time{  
446 - font-size: 28rpx;  
447 - letter-spacing: 0; 516 + }
  517 + .item + .item {
  518 + margin-top: 30rpx;
448 } 519 }
449 } 520 }
450 } 521 }
  522 +
451 </style> 523 </style>