徐浩 / zzxyt-uniapp · 提交

转到一个项目

作者 mxd
提交 d445c4ba2826612f5c4b5937d8ae4bd722168048 1 个父辈 c456803c

学员访谈记录

内嵌 并排对比
正在显示 8 个修改的文件 包含 490 行增加 和 1184 行删除
1 -<template>  
2 - <view>  
3 - <view class="stu_list">  
4 - <!-- datas_stu -->  
5 - <view class="add_li">  
6 - <picker mode="selector" :range="datas_stu" range-key="name" @change="stu_change">  
7 - <view class="add_li_box">  
8 - <view class="">  
9 - 学员姓名  
10 - </view>  
11 - <input type="text" placeholder="请选择" v-model="name" disabled="true">  
12 - </view>  
13 - </picker>  
14 - </view>  
15 - <view class="add_li">  
16 - <picker mode="date" :value="sx_time" :start="startDate" :end="endDate" @change="bindDateChange">  
17 - <view class="add_li_box">  
18 - <view class="">  
19 - 访谈时间  
20 - </view>  
21 - <view class="">  
22 - {{sx_time?sx_time:'请选择'}}  
23 - </view>  
24 - </view>  
25 - </picker>  
26 - </view>  
27 - <view class="add_li">  
28 - <view class="add_li_box">  
29 - <view class="">  
30 - 班主任自我介绍  
31 - </view>  
32 - <view class="sf_v_btn_b" :class="{active:is_teacher==1}" @click="set_tch">  
33 - <text class="icon icon-duigou"></text>  
34 - </view>  
35 - </view>  
36 - </view>  
37 -  
38 - <view class="add_li">  
39 - <view class="add_li_tit">  
40 - 了解学生信息（专业、学校、政治面貌、籍贯）  
41 - </view>  
42 - <textarea class="add_li_content" placeholder="请输入" v-model="content_one"></textarea>  
43 - </view>  
44 - <view class="add_li">  
45 - <view class="add_li_tit">  
46 - 第几次考编，之前有没有参加培训，有没有短板模块  
47 - </view>  
48 - <textarea class="add_li_content" placeholder="请输入" v-model="content_two"></textarea>  
49 - </view>  
50 -  
51 -  
52 - <view class="add_li">  
53 - <view class="add_li_box">  
54 - <view class="">  
55 - 介绍近期课程安排、纪律要求  
56 - </view>  
57 - <view class="sf_v_btn_b" :class="{active:is_introduce==1}" @click="set_tch1">  
58 - <text class="icon icon-duigou"></text>  
59 - </view>  
60 - </view>  
61 - </view>  
62 - <view class="add_li">  
63 - <view class="add_li_tit">  
64 - 有无什么要求，是否适应  
65 - </view>  
66 - <textarea class="add_li_content" placeholder="请输入" v-model="content_three"></textarea>  
67 - </view>  
68 - <view class="add_li">  
69 - <view class="add_li_box">  
70 - <view class="">  
71 - 入学测评成绩分析  
72 - </view>  
73 - <view class="sf_v_btn_b" :class="{active:is_result==1}" @click="set_tch2">  
74 - <text class="icon icon-duigou"></text>  
75 - </view>  
76 - </view>  
77 - </view>  
78 -  
79 - </view>  
80 - <view class="bz_add" >  
81 - <view class="" @click="save_fuc">  
82 - 保存  
83 - </view>  
84 - <view v-if="options.id" class="del_btn" @click="del_fuc(options)">  
85 - 删除  
86 - </view>  
87 - </view>  
88 - </view>  
89 -</template>  
90 -  
91 -<script>  
92 - import Vue from 'vue'  
93 - import {  
94 - mapState,  
95 - mapMutations  
96 - } from 'vuex'  
97 - var that1  
98 - export default {  
99 - name:"ft_add",  
100 - props: {  
101 - options:{  
102 - type: Object,  
103 - default: function () {  
104 - return {}  
105 - }  
106 -  
107 - }  
108 - },  
109 - data() {  
110 - return {  
111 - id:'',  
112 - uid:'',  
113 - name:'',  
114 - sx_time:'',  
115 - is_teacher:2,  
116 - is_introduce:2,  
117 - is_result:0,  
118 - content_one:'',  
119 - content_two:'',  
120 - content_three:'',  
121 - datas_stu:'',  
122 - datas:'',  
123 - };  
124 - },  
125 - computed: {  
126 - ...mapState(['hasLogin', 'forcedLogin', 'userName', 'userinfo', 'nowtime']),  
127 - startDate() {  
128 - return this.getDate('start');  
129 - },  
130 - endDate() {  
131 - return this.getDate('end');  
132 - }  
133 - },  
134 - mounted() {  
135 - that1=this  
136 - that1.getdata_stu()  
137 -  
138 - },  
139 - methods:{  
140 - del_fuc(item){  
141 - //teacher/interviewr_del 常规访谈删除接口  
142 - //teacher/interview_del 入学关怀删除接口  
143 - uni.showModal({  
144 - title: '提示',  
145 - content: '是否删除该记录',  
146 - success: function (res) {  
147 - if (res.confirm) {  
148 - console.log('用户点击确定');  
149 - var jkurl='/teacher/interview_del'  
150 - // if(that.active==1){  
151 - // kurl='teacher/interview_del'  
152 - // }  
153 - var datas={  
154 - id:item.id  
155 - // address_id:''  
156 - }  
157 - var header={  
158 - 'content-type': 'application/json',  
159 - }  
160 - // that.$service.P_post(jkurl, datas,header).then(res => {  
161 - that1.$service.P_post(jkurl, datas).then(res => {  
162 - that1.btnkg = 0  
163 - console.log(res)  
164 - if (res.code == 1){  
165 - that1.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 -  
174 - uni.showToast({  
175 - icon:'none',  
176 - title:'删除成功'  
177 - })  
178 - // that1.datas.splice(index,1)  
179 - setTimeout(()=>{  
180 - uni.navigateBack({  
181 - delta:1  
182 - })  
183 - },1000)  
184 - } else {  
185 -  
186 - if (res.msg) {  
187 - uni.showToast({  
188 - icon: 'none',  
189 - title: res.msg  
190 - })  
191 - } else {  
192 - uni.showToast({  
193 - icon: 'none',  
194 - title: '获取数据失败'  
195 - })  
196 - }  
197 - }  
198 - }).catch(e => {  
199 - that1.htmlReset = 1  
200 - that1.btnkg = 0  
201 - // that1.$refs.htmlLoading.htmlReset_fuc(1)  
202 - console.log(e)  
203 - uni.showToast({  
204 - icon: 'none',  
205 - title: '获取数据失败，请检查您的网络连接'  
206 - })  
207 - })  
208 - } else if (res.cancel) {  
209 - console.log('用户点击取消');  
210 - }  
211 - }  
212 - });  
213 - },  
214 - stu_change(e){  
215 - var index=e.detail.value  
216 - this.name = that1.datas_stu[index].name  
217 - this.uid = that1.datas_stu[index].id  
218 - },  
219 - set_tch(){  
220 - if(that1.is_teacher==1){  
221 - that1.is_teacher=2  
222 - }else{  
223 - that1.is_teacher=1  
224 - }  
225 - },  
226 - set_tch1(){  
227 - if(that1.is_introduce==1){  
228 - that1.is_introduce=2  
229 - }else{  
230 - that1.is_introduce=1  
231 - }  
232 - },  
233 - set_tch2(){  
234 - if(that1.is_result==1){  
235 - that1.is_result=2  
236 - }else{  
237 - that1.is_result=1  
238 - }  
239 - },  
240 - getdata_stu() {  
241 -  
242 - var jkurl="/teacher/student"  
243 - var datas={  
244 - is_interview: 1  
245 - // page:that1.page,  
246 - }  
247 - // if(that1.data_last == true){  
248 - // return  
249 - // }  
250 - if (that1.btnkg == 1) {  
251 - return  
252 - } else {  
253 - that1.btnkg = 1  
254 - }  
255 - var page_now=1  
256 - that1.$service.P_post(jkurl, datas).then(res => {  
257 - that1.btnkg = 0  
258 - console.log(res)  
259 - if (res.code == 1) {  
260 - var datas = res.data  
261 - console.log(typeof datas)  
262 -  
263 - if (typeof datas == 'string') {  
264 - datas = JSON.parse(datas)  
265 - }  
266 -  
267 - if (page_now == 1) {  
268 -  
269 - that1.datas_stu = datas  
270 - if(that1.options&&that1.options.id){  
271 - that1.getdata()  
272 - }  
273 - } else {  
274 - // if (datas.data.length == 0) {  
275 - // that.data_last = true  
276 - // return  
277 - // }  
278 - // that.data_last = false  
279 - // that.datas = that.datas.concat(datas.data)  
280 - }  
281 - // that1.page++  
282 -  
283 - } else {  
284 - if (res.msg) {  
285 - uni.showToast({  
286 - icon: 'none',  
287 - title: res.msg  
288 - })  
289 - } else {  
290 - uni.showToast({  
291 - icon: 'none',  
292 - title: '操作失败'  
293 - })  
294 - }  
295 - }  
296 - }).catch(e => {  
297 - that1.btnkg = 0  
298 - console.log(e)  
299 - uni.showToast({  
300 - icon: 'none',  
301 - title: '操作失败'  
302 - })  
303 - })  
304 - },  
305 -  
306 - getdata() {  
307 -  
308 - var jkurl="/teacher/interview_show"  
309 - var datas={  
310 - id:that1.options.id,  
311 -  
312 - }  
313 - // if(that1.data_last == true){  
314 - // return  
315 - // }  
316 -  
317 - if (that1.btnkg == 1) {  
318 - return  
319 - } else {  
320 - that1.btnkg = 1  
321 - }  
322 - var page_now=that1.page  
323 - that1.$service.P_post(jkurl, datas).then(res => {  
324 - that1.btnkg = 0  
325 - console.log(res)  
326 - if (res.code == 1) {  
327 - var datas = res.data  
328 - console.log(typeof datas)  
329 -  
330 - if (typeof datas == 'string') {  
331 - datas = JSON.parse(datas)  
332 - }  
333 -  
334 - that1.datas=datas  
335 - that1.id=datas.id  
336 - that1.uid=datas.uid  
337 - that1.name=datas.name  
338 - that1.is_teacher=datas.is_teacher  
339 - that1.content_one=datas.content_one  
340 - that1.content_two=datas.content_two  
341 - that1.is_introduce=datas.is_introduce  
342 - that1.content_three=datas.content_three  
343 - that1.is_result=datas.is_result  
344 - that1.sx_time=datas.add_time  
345 - } else {  
346 - if (res.msg) {  
347 - uni.showToast({  
348 - icon: 'none',  
349 - title: res.msg  
350 - })  
351 - } else {  
352 - uni.showToast({  
353 - icon: 'none',  
354 - title: '操作失败'  
355 - })  
356 - }  
357 - }  
358 - }).catch(e => {  
359 - that1.btnkg = 0  
360 - console.log(e)  
361 - uni.showToast({  
362 - icon: 'none',  
363 - title: '操作失败'  
364 - })  
365 - })  
366 - },  
367 -  
368 - bindDateChange(e) {  
369 - var sx_time = e.detail.value  
370 - sx_time=sx_time.split('-')  
371 - sx_time=sx_time.join('/')  
372 - that1.sx_time=sx_time  
373 - },  
374 - save_fuc() {  
375 - var jkurl="/teacher/interview_add"  
376 - var datas={  
377 - uid:that1.uid,  
378 - name:that1.name,  
379 - is_teacher:that1.is_teacher,  
380 - content_one:that1.content_one,  
381 - content_two:that1.content_two,  
382 - is_introduce:that1.is_introduce,  
383 - content_three:that1.content_three,  
384 - is_result:that1.is_result,  
385 - add_time:that1.sx_time  
386 - }  
387 - if(that1.id){  
388 - jkurl="/teacher/interview_edit"  
389 - datas={  
390 - id:that1.id,  
391 - ...datas  
392 - }  
393 - }  
394 - that1.$service.P_post(jkurl, datas).then(res => {  
395 - that1.btnkg = 0  
396 - console.log(res)  
397 - if (res.code == 1) {  
398 - var datas = res.data  
399 - console.log(typeof datas)  
400 -  
401 - if (typeof datas == 'string') {  
402 - datas = JSON.parse(datas)  
403 - }  
404 -  
405 - uni.showToast({  
406 - icon: 'none',  
407 - title: '保存成功'  
408 - })  
409 - setTimeout(function() {  
410 - uni.navigateBack({  
411 - delta: 1  
412 - })  
413 - }, 1000)  
414 - } else {  
415 - if (res.msg) {  
416 - uni.showToast({  
417 - icon: 'none',  
418 - title: res.msg  
419 - })  
420 - } else {  
421 - uni.showToast({  
422 - icon: 'none',  
423 - title: '操作失败'  
424 - })  
425 - }  
426 - }  
427 - }).catch(e => {  
428 - that1.btnkg = 0  
429 - console.log(e)  
430 - uni.showToast({  
431 - icon: 'none',  
432 - title: '操作失败'  
433 - })  
434 - })  
435 -  
436 - },  
437 - getDate(type) {  
438 - const date = new Date();  
439 - let year = date.getFullYear();  
440 - let month = date.getMonth() + 1;  
441 - let day = date.getDate();  
442 -  
443 - if (type === 'start') {  
444 - year = year - 60;  
445 - } else if (type === 'end') {  
446 - year = year;  
447 - }  
448 - month = month > 9 ? month : '0' + month;  
449 - day = day > 9 ? day : '0' + day;  
450 - return `${year}-${month}-${day}`;  
451 - },  
452 - }  
453 - }  
454 -</script>  
455 -  
456 -<style lang="less" scoped>  
457 - .stu_list {  
458 - width: 100%;  
459 - min-height: 100rpx;  
460 - background: #FFFFFF;  
461 - border-radius: 10rpx;  
462 - .add_li{  
463 - width: 100%;  
464 - min-height: 90rpx;  
465 - padding:28rpx 30rpx;  
466 - &+.add_li{  
467 - border-top: 1px solid #eee;  
468 - }  
469 - .add_li_box{  
470 - width: 100%;  
471 - display: flex;  
472 - align-items: center;  
473 - justify-content: space-between;  
474 - font-size: 30rpx;  
475 - color: #545d71;  
476 - input{  
477 - text-align: right;  
478 - min-width: 0;  
479 - font-size: 30rpx;  
480 - }  
481 - .sf_v_btn_b{  
482 - display: flex;  
483 - align-items: center;  
484 - justify-content: center;  
485 - font-size: 18rpx;  
486 - color: #fff;  
487 - width: 32rpx;  
488 - height: 32rpx;  
489 - border: 1px solid #DEDEDE;  
490 - border-radius: 8rpx;  
491 - &.active{  
492 - background: #2D81FF;  
493 - border: 1px solid #2D81FF;  
494 - }  
495 - text{  
496 - font-size: 18rpx;  
497 - line-height: 20rpx;  
498 - }  
499 - }  
500 - }  
501 - .add_li_tit{  
502 - font-size: 30rpx;  
503 - color: #545D71;  
504 - line-height: 43rpx;  
505 - margin-bottom: 12rpx;  
506 - }  
507 - .add_li_content{  
508 - font-size: 30rpx;  
509 - color: #A6A9B1;  
510 - line-height: 43rpx;  
511 - width: 100%;  
512 - height: 120rpx;  
513 - letter-spacing:0;  
514 - }  
515 - }  
516 - }  
517 - .bz_add{  
518 - width: 100%;  
519 - // position: fixed;  
520 - // bottom: 0;  
521 - // background: #f8f8f8;  
522 - // z-index: 800;  
523 - // left: 0;  
524 - padding: 30rpx 0;  
525 - view{  
526 - font-size: 32rpx;  
527 - color: #FFFFFF;  
528 - width: 100%;  
529 - height: 90rpx;  
530 - background: #2D81FF;  
531 - border-radius: 10rpx;  
532 - display: flex;  
533 - align-items: center;  
534 - justify-content: center;  
535 - }  
536 - .del_btn{  
537 - margin-top: 20rpx;  
538 - }  
539 - }  
540 -</style>  
@@ -25,7 +25,7 @@ @@ -25,7 +25,7 @@
25 </view> 25 </view>
26 26
27 <view class="card"> 27 <view class="card">
28 - <view class="cell not-border"> 28 + <view class="cell">
29 <view class="cell-label"> 29 <view class="cell-label">
30 班主任自我介绍 30 班主任自我介绍
31 </view> 31 </view>
@@ -35,7 +35,95 @@ @@ -35,7 +35,95 @@
35 </view> 35 </view>
36 </view> 36 </view>
37 </view> 37 </view>
  38 + <view class="cell not-border column">
  39 + <view class="cell-label">
  40 + 了解学生信息（专业、学校、政治面貌、籍贯）
  41 + </view>
  42 + <view class="cell-content">
  43 + <textarea
  44 + v-model="content_one"
  45 + placeholder="请输入"
  46 + placeholder-class="textarea-placeholder"
  47 + >
  48 + </textarea>
  49 + </view>
  50 + </view>
  51 +
  52 + <view class="cell not-border column">
  53 + <view class="cell-label">
  54 + 第几次考编，之前有没有参加培训，有没有短板模块
  55 + </view>
  56 + <view class="cell-content">
  57 + <textarea
  58 + v-model="content_two"
  59 + placeholder="请输入"
  60 + placeholder-class="textarea-placeholder"
  61 + >
  62 + </textarea>
  63 + </view>
  64 + </view>
  65 + </view>
  66 +
  67 + <view class="card">
  68 + <view class="cell">
  69 + <view class="cell-label">
  70 + 介绍近期课程安排、纪律要求
  71 + </view>
  72 + <view class="cell-content">
  73 + <view class="sf_v_btn_b" :class="{active:is_introduce==1}" @click="set_tch1">
  74 + <text class="icon icon-duigou"></text>
  75 + </view>
  76 + </view>
  77 + </view>
  78 +
  79 + <view class="cell not-border column">
  80 + <view class="cell-label">
  81 + 有无什么要求，是否适应
  82 + </view>
  83 + <view class="cell-content">
  84 + <textarea
  85 + v-model="content_three"
  86 + placeholder="请输入"
  87 + placeholder-class="textarea-placeholder"
  88 + >
  89 + </textarea>
  90 + </view>
  91 + </view>
  92 + </view>
  93 +
  94 + <view class="card">
  95 + <view class="cell not-border">
  96 + <view class="cell-label">
  97 + 入学测评成绩分析
  98 + </view>
  99 + <view class="cell-content">
  100 + <view class="sf_v_btn_b" :class="{active:is_result==1}" @click="set_tch2">
  101 + <text class="icon icon-duigou"></text>
  102 + </view>
  103 + </view>
  104 + </view>
38 </view> 105 </view>
  106 +
  107 + <view class="footer" >
  108 + <view v-if="options.id" class="btn del" @click="show = true">
  109 + 删除
  110 + </view>
  111 + <view class="btn" @click="save_fuc">
  112 + 保存
  113 + </view>
  114 +
  115 + </view>
  116 +
  117 + <u-modal
  118 + :show="show"
  119 + title="提示"
  120 + content="是否删除该记录?"
  121 + @confirm="del_fuc(options)"
  122 + @cancel="show = false"
  123 + :asyncClose="true"
  124 + :showCancelButton="true"
  125 + >
  126 + </u-modal>
39 127
40 </view> 128 </view>
41 </template> 129 </template>
@@ -72,6 +160,8 @@ @@ -72,6 +160,8 @@
72 content_three:'', 160 content_three:'',
73 datas_stu:'', 161 datas_stu:'',
74 datas:'', 162 datas:'',
  163 +
  164 + show: false
75 }; 165 };
76 }, 166 },
77 computed: { 167 computed: {
@@ -90,78 +180,67 @@ @@ -90,78 +180,67 @@
90 }, 180 },
91 methods:{ 181 methods:{
92 del_fuc(item){ 182 del_fuc(item){
93 - //teacher/interviewr_del 常规访谈删除接口  
94 - //teacher/interview_del 入学关怀删除接口  
95 - uni.showModal({  
96 - title: '提示',  
97 - content: '是否删除该记录',  
98 - success: function (res) {  
99 - if (res.confirm) {  
100 - console.log('用户点击确定');  
101 - var jkurl='/teacher/interview_del'  
102 - // if(that.active==1){  
103 - // kurl='teacher/interview_del'  
104 - // }  
105 - var datas={  
106 - id:item.id  
107 - // address_id:''  
108 - }  
109 - var header={  
110 - 'content-type': 'application/json',  
111 - }  
112 - // that.$service.P_post(jkurl, datas,header).then(res => {  
113 - that1.$service.P_post(jkurl, datas).then(res => {  
114 - that1.btnkg = 0  
115 - console.log(res)  
116 - if (res.code == 1){  
117 - that1.htmlReset = 0  
118 - var datas = res.data  
119 - console.log(typeof datas)  
120 -  
121 - if (typeof datas == 'string') {  
122 - datas = JSON.parse(datas)  
123 - }  
124 - console.log(res)  
125 -  
126 - uni.showToast({  
127 - icon:'none',  
128 - title:'删除成功'  
129 - })  
130 - // that1.datas.splice(index,1)  
131 - setTimeout(()=>{  
132 - uni.navigateBack({  
133 - delta:1  
134 - })  
135 - },1000)  
136 - } else {  
137 -  
138 - if (res.msg) {  
139 - uni.showToast({  
140 - icon: 'none',  
141 - title: res.msg  
142 - })  
143 - } else {  
144 - uni.showToast({  
145 - icon: 'none',  
146 - title: '获取数据失败'  
147 - })  
148 - }  
149 - }  
150 - }).catch(e => {  
151 - that1.htmlReset = 1  
152 - that1.btnkg = 0  
153 - // that1.$refs.htmlLoading.htmlReset_fuc(1)  
154 - console.log(e)  
155 - uni.showToast({  
156 - icon: 'none',  
157 - title: '获取数据失败，请检查您的网络连接'  
158 - })  
159 - })  
160 - } else if (res.cancel) {  
161 - console.log('用户点击取消');  
162 - }  
163 - }  
164 - }); 183 + var jkurl='/teacher/interview_del'
  184 + // if(that.active==1){
  185 + // kurl='teacher/interview_del'
  186 + // }
  187 + var datas={
  188 + id:item.id
  189 + // address_id:''
  190 + }
  191 + var header={
  192 + 'content-type': 'application/json',
  193 + }
  194 + // that.$service.P_post(jkurl, datas,header).then(res => {
  195 + that1.$service.P_post(jkurl, datas).then(res => {
  196 + that1.btnkg = 0
  197 + console.log(res)
  198 + this.show = false;
  199 + if (res.code == 1){
  200 + that1.htmlReset = 0
  201 + var datas = res.data
  202 + console.log(typeof datas)
  203 +
  204 + if (typeof datas == 'string') {
  205 + datas = JSON.parse(datas)
  206 + }
  207 + console.log(res)
  208 +
  209 + uni.showToast({
  210 + icon:'none',
  211 + title:'删除成功'
  212 + })
  213 + // that1.datas.splice(index,1)
  214 + setTimeout(()=>{
  215 + uni.navigateBack({
  216 + delta:1
  217 + })
  218 + },1000)
  219 + } else {
  220 +
  221 + if (res.msg) {
  222 + uni.showToast({
  223 + icon: 'none',
  224 + title: res.msg
  225 + })
  226 + } else {
  227 + uni.showToast({
  228 + icon: 'none',
  229 + title: '获取数据失败'
  230 + })
  231 + }
  232 + }
  233 + }).catch(e => {
  234 + this.show = false;
  235 + that1.htmlReset = 1
  236 + that1.btnkg = 0
  237 + // that1.$refs.htmlLoading.htmlReset_fuc(1)
  238 + console.log(e)
  239 + uni.showToast({
  240 + icon: 'none',
  241 + title: '获取数据失败，请检查您的网络连接'
  242 + })
  243 + })
165 }, 244 },
166 stu_change(e){ 245 stu_change(e){
167 var index=e.detail.value 246 var index=e.detail.value
@@ -407,7 +486,7 @@ @@ -407,7 +486,7 @@
407 486
408 <style lang="scss" scoped> 487 <style lang="scss" scoped>
409 .container { 488 .container {
410 - padding: 25rpx; 489 + padding: 25rpx 25rpx 140rpx;
411 } 490 }
412 491
413 .card { 492 .card {
@@ -425,6 +504,7 @@ @@ -425,6 +504,7 @@
425 & .not-border { 504 & .not-border {
426 border: 0; 505 border: 0;
427 } 506 }
  507 +
428 &-label { 508 &-label {
429 font-size: 30rpx; 509 font-size: 30rpx;
430 font-family: PingFang SC; 510 font-family: PingFang SC;
@@ -469,7 +549,59 @@ @@ -469,7 +549,59 @@
469 color: #fff; 549 color: #fff;
470 } 550 }
471 } 551 }
  552 +
  553 + textarea {
  554 + width: 100%;
  555 + height: 230;
  556 + background: #F5F6F8;
  557 + padding: 20rpx;
  558 + box-sizing: border-box;
  559 + }
  560 + :deep(.textarea-placeholder) {
  561 + color: #979797;
  562 + }
  563 + }
  564 + .column {
  565 + flex-direction: column;
  566 + .cell-label {
  567 + width: 100%;
  568 + }
  569 + .cell-content {
  570 + margin-top: 20rpx;
  571 + width: 100%;
  572 + }
472 } 573 }
473 } 574 }
474 575
  576 +
  577 + .footer {
  578 + position: fixed;
  579 + left: 0;
  580 + bottom: 0;
  581 + z-index: 99;
  582 + width: 100%;
  583 + background-color: #fff;
  584 + padding: 16rpx 25rpx;
  585 + display: flex;
  586 + align-items: center;
  587 + .btn {
  588 + flex: 1;
  589 + height: 88rpx;
  590 + background: #2D81FF;
  591 + border-radius: 44rpx;
  592 + line-height: 88rpx;
  593 + font-size: 34rpx;
  594 + font-family: PingFang SC;
  595 + font-weight: 500;
  596 + color: #FFFFFF;
  597 + text-align: center;
  598 + &.del {
  599 + background: #EBEBEB;
  600 + color: #323232;
  601 + }
  602 + & + .btn {
  603 + margin-left: 20rpx;
  604 + }
  605 + }
  606 + }
475 </style> 607 </style>
1 <template> 1 <template>
2 - <view>  
3 - <view class="stu_list">  
4 - <view class="add_li">  
5 - <picker v-if="datas_stu.length>0" mode="selector" :range="datas_stu" range-key="name" @change="stu_change">  
6 - <view class="add_li_box">  
7 - <view class="">  
8 - 学员姓名  
9 - </view> 2 + <view class="container">
  3 +
  4 + <view class="card">
  5 + <picker v-if="datas_stu.length>0" mode="selector" :range="datas_stu" range-key="name" @change="stu_change">
  6 + <view class="cell">
  7 + <view class="cell-label">
  8 + 学员姓名
  9 + </view>
  10 + <view class="cell-content">
10 <input type="text" placeholder="请选择" v-model="name" disabled="true"> 11 <input type="text" placeholder="请选择" v-model="name" disabled="true">
11 </view> 12 </view>
12 - </picker>  
13 - </view>  
14 - <view class="add_li">  
15 - <picker mode="date" :value="sx_time" :start="startDate" :end="endDate" @change="bindDateChange">  
16 - <view class="add_li_box">  
17 - <view class=""> 13 + </view>
  14 + </picker>
  15 +
  16 + <picker mode="date" :value="sx_time" :start="startDate" :end="endDate" @change="bindDateChange">
  17 + <view class="cell">
  18 + <view class="cell-label">
18 访谈时间 19 访谈时间
19 </view> 20 </view>
20 - <view class=""> 21 + <view class="cell-content">
21 {{sx_time?sx_time:'请选择'}} 22 {{sx_time?sx_time:'请选择'}}
22 </view> 23 </view>
23 </view> 24 </view>
24 - </picker>  
25 - </view> 25 + </picker>
26 26
27 - <view class="add_li" v-for="(item,index) in diy_data">  
28 - <view class="add_li_tit">  
29 - {{item.title}}  
30 - </view>  
31 - <view class="add_li_content">  
32 - {{item.content}} 27 + </view>
  28 +
  29 + <view class="card">
  30 + <view class="cell">
  31 + <view class="cell-label">
  32 + 自定义标题与内容
33 </view> 33 </view>
34 -  
35 - </view>  
36 -  
37 - <view class="add_li">  
38 - <view class="add_li_box">  
39 - <view class="">  
40 - 自定义标题与内容  
41 - </view> 34 + <view class="cell-content">
42 <view class="add_diy" @click="tk_show=true"> 35 <view class="add_diy" @click="tk_show=true">
43 - 添加 36 + <view class="icon">+</view>
  37 + <view>
  38 + 添加
  39 + </view>
44 </view> 40 </view>
45 </view> 41 </view>
46 </view> 42 </view>
47 - 43 + <view
  44 + class="cell column"
  45 + v-for="(item,index) in diy_data"
  46 + :key="index"
  47 + :class="{'not-border': index === (diy_data.length -1)}"
  48 + >
  49 + <view class="cell-label">
  50 + {{item.title}}
  51 + </view>
  52 + <view class="cell-content">
  53 + {{item.content}}
  54 + </view>
  55 + </view>
48 </view> 56 </view>
  57 +
49 <u-popup :show="tk_show" @close="close" @open="open"> 58 <u-popup :show="tk_show" @close="close" @open="open">
50 <view class="tk_box_s"> 59 <view class="tk_box_s">
51 - <view class="pop_tit">  
52 - <view class="" @click="close">  
53 - 取消  
54 - </view>  
55 - <view class="pop_tit_t" @click="save_diy">  
56 - 确定  
57 - </view> 60 + <view class="pop_tit">
  61 + <view class="" @click="close">
  62 + 取消
  63 + </view>
  64 + <view class="pop_tit_t" @click="save_diy">
  65 + 确定
58 </view> 66 </view>
59 - <input class="diy_tit" type="text" placeholder="请输入标题" v-model="diy_tit">  
60 - <textarea class="diy_content" placeholder="请输入内容" v-model="diy_content"></textarea> 67 + </view>
  68 + <input class="diy_tit" type="text" placeholder="请输入标题" v-model="diy_tit">
  69 + <textarea class="diy_content" placeholder="请输入内容" v-model="diy_content"></textarea>
61 </view> 70 </view>
62 </u-popup> 71 </u-popup>
63 - <view class="bz_add" >  
64 - <view class="" @click="save_fuc">  
65 - 保存  
66 - </view>  
67 - <view v-if="options.id" class="del_btn" @click="del_fuc(options)"> 72 +
  73 + <view class="footer" >
  74 + <view v-if="options.id" class="btn del" @click="show = true">
68 删除 75 删除
69 </view> 76 </view>
  77 + <view class="btn" @click="save_fuc">
  78 + 保存
  79 + </view>
  80 +
70 </view> 81 </view>
  82 +
  83 + <u-modal
  84 + :show="show"
  85 + title="提示"
  86 + content="是否删除该记录?"
  87 + @confirm="del_fuc(options)"
  88 + @cancel="show = false"
  89 + :asyncClose="true"
  90 + :showCancelButton="true"
  91 + >
  92 + </u-modal>
71 </view> 93 </view>
72 </template> 94 </template>
73 95
@@ -105,7 +127,9 @@ @@ -105,7 +127,9 @@
105 diy_tit:'', 127 diy_tit:'',
106 diy_content:'', 128 diy_content:'',
107 diy_data:[], 129 diy_data:[],
108 - datas_stu:[] 130 + datas_stu:[],
  131 +
  132 + show: false
109 }; 133 };
110 }, 134 },
111 computed: { 135 computed: {
@@ -124,75 +148,64 @@ @@ -124,75 +148,64 @@
124 }, 148 },
125 methods:{ 149 methods:{
126 del_fuc(item){ 150 del_fuc(item){
127 - //teacher/interviewr_del 常规访谈删除接口  
128 - //teacher/interview_del 入学关怀删除接口  
129 - uni.showModal({  
130 - title: '提示',  
131 - content: '是否删除该记录',  
132 - success: function (res) {  
133 - if (res.confirm) {  
134 - console.log('用户点击确定');  
135 - var jkurl='teacher/interviewr_del'  
136 - var datas={  
137 - id:item.id  
138 - // address_id:''  
139 - }  
140 - var header={  
141 - 'content-type': 'application/json',  
142 - }  
143 - // that.$service.P_post(jkurl, datas,header).then(res => {  
144 - that1.$service.P_post(jkurl, datas).then(res => {  
145 - that1.btnkg = 0  
146 - console.log(res)  
147 - if (res.code == 1){  
148 - that1.htmlReset = 0  
149 - var datas = res.data  
150 - console.log(typeof datas)  
151 -  
152 - if (typeof datas == 'string') {  
153 - datas = JSON.parse(datas)  
154 - }  
155 - console.log(res)  
156 -  
157 - uni.showToast({  
158 - icon:'none',  
159 - title:'删除成功'  
160 - })  
161 - // that1.datas.splice(index,1)  
162 - setTimeout(()=>{  
163 - uni.navigateBack({  
164 - delta:1  
165 - })  
166 - },1000)  
167 - } else {  
168 -  
169 - if (res.msg) {  
170 - uni.showToast({  
171 - icon: 'none',  
172 - title: res.msg  
173 - })  
174 - } else {  
175 - uni.showToast({  
176 - icon: 'none',  
177 - title: '获取数据失败'  
178 - })  
179 - }  
180 - }  
181 - }).catch(e => {  
182 - that1.htmlReset = 1  
183 - that1.btnkg = 0  
184 - // that1.$refs.htmlLoading.htmlReset_fuc(1)  
185 - console.log(e)  
186 - uni.showToast({  
187 - icon: 'none',  
188 - title: '获取数据失败，请检查您的网络连接'  
189 - })  
190 - })  
191 - } else if (res.cancel) {  
192 - console.log('用户点击取消');  
193 - }  
194 - }  
195 - }); 151 + var jkurl='teacher/interviewr_del'
  152 + var datas={
  153 + id:item.id
  154 + // address_id:''
  155 + }
  156 + var header={
  157 + 'content-type': 'application/json',
  158 + }
  159 + // that.$service.P_post(jkurl, datas,header).then(res => {
  160 + that1.$service.P_post(jkurl, datas).then(res => {
  161 + this.show = false;
  162 + that1.btnkg = 0
  163 + console.log(res)
  164 + if (res.code == 1){
  165 + that1.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 +
  174 + uni.showToast({
  175 + icon:'none',
  176 + title:'删除成功'
  177 + })
  178 + // that1.datas.splice(index,1)
  179 + setTimeout(()=>{
  180 + uni.navigateBack({
  181 + delta:1
  182 + })
  183 + },1000)
  184 + } else {
  185 +
  186 + if (res.msg) {
  187 + uni.showToast({
  188 + icon: 'none',
  189 + title: res.msg
  190 + })
  191 + } else {
  192 + uni.showToast({
  193 + icon: 'none',
  194 + title: '获取数据失败'
  195 + })
  196 + }
  197 + }
  198 + }).catch(e => {
  199 + this.show = false;
  200 + that1.htmlReset = 1
  201 + that1.btnkg = 0
  202 + // that1.$refs.htmlLoading.htmlReset_fuc(1)
  203 + console.log(e)
  204 + uni.showToast({
  205 + icon: 'none',
  206 + title: '获取数据失败，请检查您的网络连接'
  207 + })
  208 + })
196 }, 209 },
197 stu_change(e){ 210 stu_change(e){
198 var index=e.detail.value 211 var index=e.detail.value
@@ -435,125 +448,177 @@ @@ -435,125 +448,177 @@
435 } 448 }
436 </script> 449 </script>
437 450
438 -<style lang="less" scoped>  
439 - .stu_list {  
440 - width: 100%;  
441 - min-height: 100rpx;  
442 - background: #FFFFFF;  
443 - border-radius: 10rpx;  
444 - .add_li{  
445 - width: 100%;  
446 - min-height: 90rpx;  
447 - padding:28rpx 30rpx;  
448 - &+.add_li{  
449 - border-top: 1px solid #eee; 451 +<style lang="scss" scoped>
  452 + .container {
  453 + padding: 25rpx 25rpx 140rpx;
  454 + }
  455 +
  456 + .card {
  457 + padding: 0 30rpx;
  458 + background-color: #fff;
  459 + border-radius: 20rpx;
  460 + & + .card {
  461 + margin-top: 20rpx;
  462 + }
  463 + .cell {
  464 + padding: 30rpx 0;
  465 + display: flex;
  466 + align-items: center;
  467 + border-bottom: 1px solid #F3F3F7;
  468 + & .not-border {
  469 + border: 0;
450 } 470 }
451 - .add_li_box{  
452 - width: 100%;  
453 - display: flex;  
454 - align-items: center;  
455 - justify-content: space-between; 471 +
  472 + &-label {
456 font-size: 30rpx; 473 font-size: 30rpx;
457 - color: #545d71;  
458 - input{ 474 + font-family: PingFang SC;
  475 + font-weight: 500;
  476 + color: #000000;
  477 + }
  478 + &-content {
  479 + flex: 1;
  480 + font-size: 28rpx;
  481 + font-family: PingFang SC;
  482 + font-weight: 400;
  483 + color: #646464;
  484 + display: flex;
  485 + justify-content: flex-end;
  486 + input {
  487 + width: 100%;
459 text-align: right; 488 text-align: right;
460 - min-width: 0;  
461 - font-size: 30rpx;  
462 } 489 }
463 - .sf_v_btn_b{  
464 - display: flex;  
465 - align-items: center;  
466 - justify-content: center; 490 + }
  491 + .icon {
  492 + color: #ACACAC;
  493 + font-size: 30rpx;
  494 + }
  495 +
  496 + .sf_v_btn_b{
  497 + display: flex;
  498 + align-items: center;
  499 + justify-content: center;
  500 + font-size: 18rpx;
  501 + color: #fff;
  502 + width: 32rpx;
  503 + height: 32rpx;
  504 + border: 1px solid #DEDEDE;
  505 + border-radius: 8rpx;
  506 + &.active{
  507 + background: #2D81FF;
  508 + border: 1px solid #2D81FF;
  509 + }
  510 + text{
467 font-size: 18rpx; 511 font-size: 18rpx;
  512 + line-height: 20rpx;
468 color: #fff; 513 color: #fff;
469 - width: 32rpx;  
470 - height: 32rpx;  
471 - border: 1px solid #DEDEDE;  
472 - border-radius: 8rpx;  
473 - &.active{  
474 - background: #2D81FF;  
475 - border: 1px solid #2D81FF;  
476 - }  
477 - text{  
478 - font-size: 18rpx;  
479 - line-height: 20rpx;  
480 - }  
481 } 514 }
482 - .add_diy{  
483 - font-size: 30rpx;  
484 - color: #2D81FF; 515 + }
  516 +
  517 + textarea {
  518 + width: 100%;
  519 + height: 230;
  520 + background: #F5F6F8;
  521 + padding: 20rpx;
  522 + box-sizing: border-box;
  523 + }
  524 + :deep(.textarea-placeholder) {
  525 + color: #979797;
  526 + }
  527 +
  528 + .add_diy{
  529 + font-size: 28rpx;
  530 + font-family: PingFang SC;
  531 + font-weight: 400;
  532 + color: #646464;
  533 + display: flex;
  534 + align-items: center;
  535 + justify-content: flex-end;
  536 + .icon {
  537 + background: #2D81FF;
  538 + font-size: 24rpx;
  539 + margin-right: 20rpx;
  540 + width: 30rpx;
  541 + height: 30rpx;
  542 + text-align: center;
  543 + line-height: 30rpx;
  544 + color: #fff;
485 } 545 }
486 } 546 }
487 - .add_li_tit{  
488 - font-size: 30rpx;  
489 - color: #545D71;  
490 - line-height: 43rpx;  
491 - margin-bottom: 12rpx; 547 + }
  548 + .column {
  549 + flex-direction: column;
  550 + .cell-label {
  551 + width: 100%;
492 } 552 }
493 - .add_li_content{  
494 - font-size: 30rpx;  
495 - color: #A6A9B1;  
496 - line-height: 43rpx; 553 + .cell-content {
  554 + margin-top: 20rpx;
497 width: 100%; 555 width: 100%;
498 - // height: 120rpx;  
499 - letter-spacing:0;  
500 } 556 }
501 } 557 }
502 } 558 }
503 - .bz_add{  
504 - width: 100%;  
505 - // position: fixed;  
506 - // bottom: 0;  
507 - // background: #f8f8f8;  
508 - // z-index: 800;  
509 - // left: 0;  
510 - padding: 30rpx 0;  
511 - view{  
512 - font-size: 32rpx;  
513 - color: #FFFFFF; 559 +
  560 + .tk_box_s {
  561 + background: #ffffff;
  562 + .pop_tit{
514 width: 100%; 563 width: 100%;
515 - height: 90rpx;  
516 - background: #2D81FF;  
517 - border-radius: 10rpx; 564 + height: 100rpx;
  565 + font-size: 30rpx;
  566 + color: #A9B1C0;
518 display: flex; 567 display: flex;
519 align-items: center; 568 align-items: center;
520 - justify-content: center; 569 + justify-content: space-between;
  570 + padding: 0 30rpx;
  571 + .pop_tit_t{
  572 + color: #2D81FF;
  573 + }
521 } 574 }
522 - .del_btn{  
523 - margin-top: 20rpx; 575 + .diy_tit{
  576 + width: 100%;
  577 + height: 100rpx;
  578 + padding: 0 30rpx;
  579 + font-size: 30rpx;
  580 + color: #333;
  581 + border-bottom: 1px solid #EEEEEE;
  582 + }
  583 + .diy_content{
  584 + width: 100%;
  585 + height: 790rpx;
  586 + padding: 30rpx;
  587 + font-size: 30rpx;
  588 + color: #333;
  589 + box-sizing: border-box;
524 } 590 }
525 } 591 }
526 - .pop_tit{ 592 +
  593 + .footer {
  594 + position: fixed;
  595 + left: 0;
  596 + bottom: 0;
  597 + z-index: 99;
527 width: 100%; 598 width: 100%;
528 - height: 100rpx;  
529 - font-size: 30rpx;  
530 - color: #A9B1C0; 599 + background-color: #fff;
  600 + padding: 16rpx 25rpx;
531 display: flex; 601 display: flex;
532 align-items: center; 602 align-items: center;
533 - justify-content: space-between;  
534 - padding: 0 30rpx;  
535 - .pop_tit_t{  
536 - color: #2D81FF; 603 + .btn {
  604 + flex: 1;
  605 + height: 88rpx;
  606 + background: #2D81FF;
  607 + border-radius: 44rpx;
  608 + line-height: 88rpx;
  609 + font-size: 34rpx;
  610 + font-family: PingFang SC;
  611 + font-weight: 500;
  612 + color: #FFFFFF;
  613 + text-align: center;
  614 + &.del {
  615 + background: #EBEBEB;
  616 + color: #323232;
  617 + }
  618 + & + .btn {
  619 + margin-left: 20rpx;
  620 + }
537 } 621 }
538 } 622 }
539 - .tk_box_s{  
540 - // height: 600rpx;  
541 - background: #ffffff;  
542 - }  
543 - .diy_tit{  
544 - width: 100%;  
545 - height: 100rpx;  
546 - padding: 0 30rpx;  
547 - font-size: 30rpx;  
548 - color: #333;  
549 - border-bottom: 1px solid #EEEEEE;  
550 - }  
551 - .diy_content{  
552 - width: 100%;  
553 - height: 790rpx;  
554 - padding: 30rpx;  
555 - font-size: 30rpx;  
556 - color: #333;  
557 - box-sizing: border-box;  
558 - } 623 +
559 </style> 624 </style>
@@ -319,6 +319,7 @@ @@ -319,6 +319,7 @@
319 background: #F5F6F8; 319 background: #F5F6F8;
320 padding: 20rpx; 320 padding: 20rpx;
321 box-sizing: border-box; 321 box-sizing: border-box;
  322 + font-size: 26rpx;
322 } 323 }
323 :deep(.textarea-placeholder) { 324 :deep(.textarea-placeholder) {
324 color: #979797; 325 color: #979797;
1 -<template>  
2 - <view class="wrap_box">  
3 - <!-- <uParse v-if="datas" :content="datas"></uParse> -->  
4 - <!-- stu_bz_index -->  
5 - <view class="tel_index_bg"></view>  
6 - <view class="bz_box">  
7 - <!-- <view class="stu_num">  
8 - <picker mode="date" :value="date" :start="startDate" :end="endDate" @change="bindDateChange">  
9 - <view class="">  
10 - 核对时间：{{sx_time}}<text class="icon icon-arrow-right-copy-copy"></text>  
11 - </view>  
12 - </picker>  
13 - <picker @change="bindPickerChange" :value="index" :range="tabs" range-key="title">  
14 - <view class="">  
15 - {{tabs[index].title}}  
16 - <text class="icon icon-arrow-right-copy-copy"></text>  
17 - </view>  
18 - </picker>  
19 - </view> -->  
20 - <view class="bz_tab">  
21 - <view v-for="(item,index) in tabs" class="tab_li" :class="{active:active==index}" @click="setac_fuc(index)">  
22 - {{item.title}}  
23 - </view>  
24 - </view>  
25 - <ftadd v-if="active==0" :options="options"></ftadd>  
26 - <ftadd1 v-else :options="options"></ftadd1>  
27 - <!-- <view class="stu_list">  
28 -  
29 - </view> -->  
30 - </view>  
31 - <!-- <view class="bz_add" >  
32 - <view class="" @click="$service.jump" :data-url="'/pagesA/stu_ft_add/stu_ft_add?type='+active">  
33 - 添加  
34 - </view>  
35 - </view> -->  
36 - <!-- 阻止滑动 -->  
37 - <!-- <view @touchmove.stop.prevent='test'></view> -->  
38 - </view>  
39 -</template>  
40 -  
41 -<script>  
42 - import Vue from 'vue'  
43 - import {  
44 - mapState,  
45 - mapMutations  
46 - } from 'vuex'  
47 - var that  
48 - export default {  
49 - data() {  
50 - return {  
51 - options: '',  
52 - datas: '',  
53 - tabs: [{  
54 - title: '入学关怀'  
55 - },  
56 - {  
57 - title: '常规访谈'  
58 - },  
59 - ],  
60 - stu_datas: [{  
61 - id: '2',  
62 - dk: '1'  
63 - },  
64 - {  
65 - id: '2',  
66 - dk: '1'  
67 - },  
68 - {  
69 - id: '2',  
70 - dk: ''  
71 - },  
72 - {  
73 - id: '2',  
74 - dk: '1'  
75 - },  
76 - {  
77 - id: '2',  
78 - dk: '1'  
79 - },  
80 - {  
81 - id: '2',  
82 - dk: '1'  
83 - },  
84 - {  
85 - id: '2',  
86 - dk: ''  
87 - },  
88 - {  
89 - id: '2',  
90 - dk: '1'  
91 - },  
92 - {  
93 - id: '2',  
94 - dk: '1'  
95 - },  
96 - {  
97 - id: '2',  
98 - dk: '1'  
99 - },  
100 -  
101 -  
102 - ],  
103 - active:0  
104 - }  
105 - },  
106 - computed: {  
107 - ...mapState(['hasLogin', 'forcedLogin', 'userName', 'userinfo', 'nowtime']),  
108 - startDate() {  
109 - return this.getDate('start');  
110 - },  
111 - endDate() {  
112 - return this.getDate('end');  
113 - }  
114 - },  
115 - onLoad(e) {  
116 - that = this  
117 - that.options = e || {}  
118 - console.log(e)  
119 - that.active=e.type  
120 - // that.getdata()  
121 - },  
122 - onShow() {  
123 -  
124 - },  
125 - methods: {  
126 - // ...mapMutations(['wxshouquan','login']),  
127 - test() {},  
128 - setac_fuc(index){  
129 - that.active=index  
130 - },  
131 - save_fuc() {  
132 - uni.showToast({  
133 - icon: 'none',  
134 - title: '保存成功'  
135 - })  
136 - setTimeout(function() {  
137 - uni.navigateBack({  
138 - delta: 1  
139 - })  
140 - }, 1000)  
141 - },  
142 - bindDateChange(e) {  
143 - this.sx_time = e.detail.value  
144 - },  
145 - bindPickerChange: function(e) {  
146 - console.log('picker发送选择改变，携带值为', e.detail.value)  
147 - this.index = e.detail.value  
148 - },  
149 - getDate(type) {  
150 - const date = new Date();  
151 - let year = date.getFullYear();  
152 - let month = date.getMonth() + 1;  
153 - let day = date.getDate();  
154 -  
155 - if (type === 'start') {  
156 - year = year - 60;  
157 - } else if (type === 'end') {  
158 - year = year;  
159 - }  
160 - month = month > 9 ? month : '0' + month;  
161 - day = day > 9 ? day : '0' + day;  
162 - return `${year}-${month}-${day}`;  
163 - },  
164 - del_fuc(item) {  
165 - uni.showModal({  
166 - title: '提示',  
167 - content: '是否删除该备注',  
168 - success: function(res) {  
169 - if (res.confirm) {  
170 - console.log('用户点击确定');  
171 - uni.showToast({  
172 - icon: 'none',  
173 - title: '删除成功'  
174 - })  
175 - } else if (res.cancel) {  
176 - console.log('用户点击取消');  
177 - }  
178 - }  
179 - });  
180 - },  
181 - getdata() {  
182 -  
183 - var datas = {  
184 - key: that.options.type  
185 - }  
186 - var jkurl = '/info'  
187 -  
188 - that.$service.P_post(jkurl, datas).then(res => {  
189 - that.btnkg = 0  
190 - console.log(res)  
191 - if (res.code == 1) {  
192 - that.htmlReset = 0  
193 - var datas = res.data  
194 - console.log(typeof datas)  
195 -  
196 - if (typeof datas == 'string') {  
197 - datas = JSON.parse(datas)  
198 - }  
199 - console.log(res)  
200 - that.datas = datas.info.content  
201 - if (datas.info.title) {  
202 - uni.setNavigationBarTitle({  
203 - title: datas.info.title  
204 - })  
205 - }  
206 - } else {  
207 -  
208 - if (res.msg) {  
209 - uni.showToast({  
210 - icon: 'none',  
211 - title: res.msg  
212 - })  
213 - } else {  
214 - uni.showToast({  
215 - icon: 'none',  
216 - title: '获取数据失败'  
217 - })  
218 - }  
219 - }  
220 - }).catch(e => {  
221 - that.htmlReset = 1  
222 - that.btnkg = 0  
223 - // that.$refs.htmlLoading.htmlReset_fuc(1)  
224 - console.log(e)  
225 - uni.showToast({  
226 - icon: 'none',  
227 - title: '获取数据失败，请检查您的网络连接'  
228 - })  
229 - })  
230 - },  
231 - getimg(img) {  
232 - return service.getimg(img)  
233 - },  
234 - jump(e) {  
235 - var that = this  
236 - if (that.btnkg == 1) {  
237 - return  
238 - } else {  
239 - that.btnkg = 1  
240 - setTimeout(function() {  
241 - that.btnkg = 0  
242 - }, 2000)  
243 - }  
244 - console.log(e.currentTarget.dataset.type)  
245 - service.jump(e)  
246 - },  
247 - goback() {  
248 - uni.navigateBack()  
249 - },  
250 - func() {  
251 - // that.$store.commit('setSystem',datas.system)  
252 - }  
253 - }  
254 - }  
255 -</script>  
256 -  
257 -<style lang="scss" scoped>  
258 - .wrap_box {  
259 - width: 100%;  
260 - // padding: 30rpx;  
261 - min-height: 100vh;  
262 - // #ifdef H5  
263 - min-height: calc(100vh - 44px);  
264 - // #endif  
265 - background: #F8F8F8;  
266 - position: relative;  
267 -  
268 - padding-bottom: 10rpx;  
269 - }  
270 -  
271 - .tel_index_bg {  
272 - position: absolute;  
273 - top: 0;  
274 - z-index: 1;  
275 - width: 100%;  
276 - min-height: 220rpx;  
277 - background: linear-gradient(0deg, #f8f8f8 0%, #5D9DFD 60%, #428EFE 70%, #2D81FF 100%);  
278 - }  
279 -  
280 - .bz_box {  
281 - width: 100%;  
282 - position: relative;  
283 - z-index: 2;  
284 - padding:0 30rpx 30rpx;  
285 -  
286 - .stu_num {  
287 - width: 100%;  
288 - height: 80rpx;  
289 - display: flex;  
290 - align-items: center;  
291 - font-size: 28rpx;  
292 - color: #fff;  
293 - justify-content: space-between;  
294 - .icon{  
295 - font-size: 24rpx;  
296 - margin-left: 10rpx;  
297 - }  
298 - }  
299 - }  
300 -  
301 -  
302 -  
303 - .save_btn {  
304 - display: flex;  
305 - align-items: center;  
306 - justify-content: center;  
307 - font-size: 32rpx;  
308 - color: #FFFFFF;  
309 - width: 100%;  
310 - height: 90rpx;  
311 - background: #2D81FF;  
312 - border-radius: 10rpx;  
313 - margin-top: 40rpx;  
314 - }  
315 - .bz_tab{  
316 - width: 100%;  
317 - height: 90rpx;  
318 - display: flex;  
319 - align-items: center;  
320 - justify-content: space-around;  
321 - }  
322 - .tab_li{  
323 - color: rgba(255, 255, 255, .6);  
324 - font-size: 32rpx;  
325 - position: relative;  
326 - padding: 10rpx 0rpx;  
327 - &.active{  
328 - color: #fff;  
329 - &:after{  
330 - content:'';  
331 - position: absolute;  
332 - bottom: 0;  
333 - left: 50%;  
334 - margin-left: -19rpx;  
335 - width: 38rpx;  
336 - height: 5rpx;  
337 - background: #FFFFFF;  
338 - border-radius: 3rpx;  
339 - }  
340 - }  
341 - }  
342 -  
343 -</style>  
@@ -3,7 +3,7 @@ @@ -3,7 +3,7 @@
3 <u-sticky> 3 <u-sticky>
4 <view class="bz_box"> 4 <view class="bz_box">
5 <view class="bz_tab"> 5 <view class="bz_tab">
6 - <view v-for="(item,index) in tabs" class="tab_li" :class="{active:active==index}" @click="setac_fuc(index)"> 6 + <view v-for="(item,index) in tabs" :key="index" class="tab_li" :class="{active:active==index}" @click="setac_fuc(index)">
7 {{item.title}} 7 {{item.title}}
8 </view> 8 </view>
9 </view> 9 </view>
@@ -23,7 +23,7 @@ @@ -23,7 +23,7 @@
23 </u-sticky> 23 </u-sticky>
24 24
25 <view class="list"> 25 <view class="list">
26 - <view class="item" v-for="(item,index) in datas" @click="jump_fuc(item)"> 26 + <view class="item" v-for="(item,index) in datas" :key="index" @click="jump_fuc(item)">
27 <view class="name"> 27 <view class="name">
28 {{item.name}} 28 {{item.name}}
29 </view> 29 </view>
1 <template> 1 <template>
2 <view class="wrap_box"> 2 <view class="wrap_box">
3 - <!-- <uParse v-if="datas" :content="datas"></uParse> -->  
4 - <!-- stu_bz_index -->  
5 - <view class="tel_index_bg"></view>  
6 - <view class="bz_box">  
7 - <ftadd :options="options"></ftadd>  
8 - </view> 3 +
  4 + <ftadd :options="options"></ftadd>
9 </view> 5 </view>
10 </template> 6 </template>
11 7
1 <template> 1 <template>
2 <view class="wrap_box"> 2 <view class="wrap_box">
3 - <!-- <uParse v-if="datas" :content="datas"></uParse> -->  
4 - <!-- stu_bz_index -->  
5 - <view class="tel_index_bg"></view>  
6 - <view class="bz_box">  
7 - <ftadd1 :options="options"></ftadd1>  
8 - </view> 3 + <ftadd1 :options="options"></ftadd1>
9 </view> 4 </view>
10 </template> 5 </template>
11 6