徐浩 / zzxyt-uniapp · 提交

转到一个项目

作者 mxd
提交 fdf901a1f9f13efd183db16851c826614e0f1199 1 个父辈 a0c2581d

修改资料

内嵌 并排对比
正在显示 3 个修改的文件 包含 51 行增加 和 474 行删除
@@ -558,7 +558,7 @@ @@ -558,7 +558,7 @@
558 }, { 558 }, {
559 "path": "tch_msg/tch_msg", 559 "path": "tch_msg/tch_msg",
560 "style": { 560 "style": {
561 - "navigationBarTitleText": "设置", 561 + "navigationBarTitleText": "修改资料",
562 "enablePullDownRefresh": false 562 "enablePullDownRefresh": false
563 } 563 }
564 564
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="oneSetting"> 2 <view class="oneSetting">
3 - <!-- 资料 设置 -->  
4 - <view class="tel_index_bg"></view>  
5 - <view class="vio_list">  
6 - <view class="msg_box ">  
7 - <view class="content-head-wrap flex">  
8 - <view class="content-head-img">  
9 - <!-- <image :src="imgUrl" mode="aspectFill"></image> --> 3 +
  4 + <view class="cell">
  5 + <view class="cell-item">
  6 + <view class="cell-item_label">
  7 + 头像
  8 + </view>
  9 + <view class="cell-item_content">
10 <avatar selWidth="250rpx" selHeight="250rpx" @upload="myUpload" 10 <avatar selWidth="250rpx" selHeight="250rpx" @upload="myUpload"
11 :avatarSrc="userdata.img?$service.getimg(userdata.img):imgUrl" 11 :avatarSrc="userdata.img?$service.getimg(userdata.img):imgUrl"
12 - avatarStyle="width: 164rpx;height: 164rpx;border-radius: 50%;" inner=true></avatar> 12 + avatarStyle="width: 100rpx;height: 100rpx;border-radius: 50%;" inner=true></avatar>
13 </view> 13 </view>
14 </view> 14 </view>
15 - <view class="content-item flex">  
16 - <view> 15 + <view class="cell-item">
  16 + <view class="cell-item_label">
17 姓名 17 姓名
18 </view> 18 </view>
19 - <view class="user-name">  
20 - 19 + <view class="cell-item_content">
21 {{userdata.nick}} 20 {{userdata.nick}}
22 </view> 21 </view>
23 </view> 22 </view>
24 - <view class="content-item flex">  
25 - <view> 23 + <view class="cell-item">
  24 + <view class="cell-item_label">
26 性别 25 性别
27 </view> 26 </view>
28 - <view class="user-name"> 27 + <view class="cell-item_content">
29 <!-- 性别 1、男 2、女 --> 28 <!-- 性别 1、男 2、女 -->
30 {{userdata.sex==1?'男':'女'}} 29 {{userdata.sex==1?'男':'女'}}
31 </view> 30 </view>
32 </view> 31 </view>
33 - <view class="content-item flex">  
34 - <view> 32 + <view class="cell-item">
  33 + <view class="cell-item_label">
35 手机号 34 手机号
36 </view> 35 </view>
37 - <view class="user-name"> 36 + <view class="cell-item_content">
38 {{userdata.phone}} 37 {{userdata.phone}}
39 </view> 38 </view>
40 </view> 39 </view>
41 - <view class="sign-out" @click="logout_fuc">  
42 - 退出登录  
43 </view> 40 </view>
44 41
45 </view> 42 </view>
46 - </view>  
47 - </view>  
48 </template> 43 </template>
49 44
50 <script> 45 <script>
@@ -254,4 +249,37 @@ @@ -254,4 +249,37 @@
254 color: #2D81FF; 249 color: #2D81FF;
255 } 250 }
256 } 251 }
  252 +
  253 +
  254 + .cell {
  255 + background-color: #fff;
  256 + padding: 0 30rpx;
  257 + border-radius: 20rpx;
  258 + margin: 25rpx;
  259 + &-item {
  260 + display: flex;
  261 + align-items: center;
  262 + justify-content: space-between;
  263 + padding: 30rpx 0;
  264 + border-bottom: 1px solid #F3F3F7;
  265 +
  266 + &:last-child {
  267 + border: 0;
  268 + }
  269 +
  270 + &_label {
  271 + font-size: 30rpx;
  272 + font-family: PingFang SC;
  273 + font-weight: 500;
  274 + color: #000000;
  275 + }
  276 + &_content {
  277 + font-size: 28rpx;
  278 + font-family: PingFang SC;
  279 + font-weight: 400;
  280 + color: #646464;
  281 + }
  282 + }
  283 +
  284 + }
257 </style> 285 </style>