徐浩 / zzxyt-uniapp · 提交

转到一个项目

作者 mxd
提交 d445c4ba2826612f5c4b5937d8ae4bd722168048 1 个父辈 c456803c

学员访谈记录

内嵌 并排对比
正在显示 8 个修改的文件 包含 314 行增加 和 1008 行删除
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,9 +35,97 @@ @@ -35,9 +35,97 @@
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>
  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 + 保存
38 </view> 113 </view>
39 114
40 </view> 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>
  127 +
  128 + </view>
41 </template> 129 </template>
42 130
43 <script> 131 <script>
@@ -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,14 +180,6 @@ @@ -90,14 +180,6 @@
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' 183 var jkurl='/teacher/interview_del'
102 // if(that.active==1){ 184 // if(that.active==1){
103 // kurl='teacher/interview_del' 185 // kurl='teacher/interview_del'
@@ -113,6 +195,7 @@ @@ -113,6 +195,7 @@
113 that1.$service.P_post(jkurl, datas).then(res => { 195 that1.$service.P_post(jkurl, datas).then(res => {
114 that1.btnkg = 0 196 that1.btnkg = 0
115 console.log(res) 197 console.log(res)
  198 + this.show = false;
116 if (res.code == 1){ 199 if (res.code == 1){
117 that1.htmlReset = 0 200 that1.htmlReset = 0
118 var datas = res.data 201 var datas = res.data
@@ -148,6 +231,7 @@ @@ -148,6 +231,7 @@
148 } 231 }
149 } 232 }
150 }).catch(e => { 233 }).catch(e => {
  234 + this.show = false;
151 that1.htmlReset = 1 235 that1.htmlReset = 1
152 that1.btnkg = 0 236 that1.btnkg = 0
153 // that1.$refs.htmlLoading.htmlReset_fuc(1) 237 // that1.$refs.htmlLoading.htmlReset_fuc(1)
@@ -157,11 +241,6 @@ @@ -157,11 +241,6 @@
157 title: '获取数据失败，请检查您的网络连接' 241 title: '获取数据失败，请检查您的网络连接'
158 }) 242 })
159 }) 243 })
160 - } else if (res.cancel) {  
161 - console.log('用户点击取消');  
162 - }  
163 - }  
164 - });  
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"> 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"> 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=""> 6 + <view class="cell">
  7 + <view class="cell-label">
8 学员姓名 8 学员姓名
9 </view> 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> 13 </view>
14 - <view class="add_li"> 14 + </picker>
  15 +
15 <picker mode="date" :value="sx_time" :start="startDate" :end="endDate" @change="bindDateChange"> 16 <picker mode="date" :value="sx_time" :start="startDate" :end="endDate" @change="bindDateChange">
16 - <view class="add_li_box">  
17 - <view class=""> 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 </picker>
25 - </view>  
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}}  
33 - </view>  
34 26
35 </view> 27 </view>
36 28
37 - <view class="add_li">  
38 - <view class="add_li_box">  
39 - <view class=""> 29 + <view class="card">
  30 + <view class="cell">
  31 + <view class="cell-label">
40 自定义标题与内容 32 自定义标题与内容
41 </view> 33 </view>
  34 + <view class="cell-content">
42 <view class="add_diy" @click="tk_show=true"> 35 <view class="add_diy" @click="tk_show=true">
  36 + <view class="icon">+</view>
  37 + <view>
43 添加 38 添加
44 </view> 39 </view>
45 </view> 40 </view>
46 </view> 41 </view>
47 -  
48 </view> 42 </view>
  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>
  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"> 60 <view class="pop_tit">
@@ -60,14 +69,27 @@ @@ -60,14 +69,27 @@
60 <textarea class="diy_content" placeholder="请输入内容" v-model="diy_content"></textarea> 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,14 +148,6 @@ @@ -124,14 +148,6 @@
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' 151 var jkurl='teacher/interviewr_del'
136 var datas={ 152 var datas={
137 id:item.id 153 id:item.id
@@ -142,6 +158,7 @@ @@ -142,6 +158,7 @@
142 } 158 }
143 // that.$service.P_post(jkurl, datas,header).then(res => { 159 // that.$service.P_post(jkurl, datas,header).then(res => {
144 that1.$service.P_post(jkurl, datas).then(res => { 160 that1.$service.P_post(jkurl, datas).then(res => {
  161 + this.show = false;
145 that1.btnkg = 0 162 that1.btnkg = 0
146 console.log(res) 163 console.log(res)
147 if (res.code == 1){ 164 if (res.code == 1){
@@ -179,6 +196,7 @@ @@ -179,6 +196,7 @@
179 } 196 }
180 } 197 }
181 }).catch(e => { 198 }).catch(e => {
  199 + this.show = false;
182 that1.htmlReset = 1 200 that1.htmlReset = 1
183 that1.btnkg = 0 201 that1.btnkg = 0
184 // that1.$refs.htmlLoading.htmlReset_fuc(1) 202 // that1.$refs.htmlLoading.htmlReset_fuc(1)
@@ -188,11 +206,6 @@ @@ -188,11 +206,6 @@
188 title: '获取数据失败，请检查您的网络连接' 206 title: '获取数据失败，请检查您的网络连接'
189 }) 207 })
190 }) 208 })
191 - } else if (res.cancel) {  
192 - console.log('用户点击取消');  
193 - }  
194 - }  
195 - });  
196 }, 209 },
197 stu_change(e){ 210 stu_change(e){
198 var index=e.detail.value 211 var index=e.detail.value
@@ -435,31 +448,51 @@ @@ -435,31 +448,51 @@
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;
450 } 454 }
451 - .add_li_box{  
452 - width: 100%; 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;
453 display: flex; 465 display: flex;
454 align-items: center; 466 align-items: center;
455 - justify-content: space-between; 467 + border-bottom: 1px solid #F3F3F7;
  468 + & .not-border {
  469 + border: 0;
  470 + }
  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; 489 + }
  490 + }
  491 + .icon {
  492 + color: #ACACAC;
461 font-size: 30rpx; 493 font-size: 30rpx;
462 } 494 }
  495 +
463 .sf_v_btn_b{ 496 .sf_v_btn_b{
464 display: flex; 497 display: flex;
465 align-items: center; 498 align-items: center;
@@ -477,52 +510,55 @@ @@ -477,52 +510,55 @@
477 text{ 510 text{
478 font-size: 18rpx; 511 font-size: 18rpx;
479 line-height: 20rpx; 512 line-height: 20rpx;
  513 + color: #fff;
480 } 514 }
481 } 515 }
482 - .add_diy{  
483 - font-size: 30rpx;  
484 - color: #2D81FF;  
485 - } 516 +
  517 + textarea {
  518 + width: 100%;
  519 + height: 230;
  520 + background: #F5F6F8;
  521 + padding: 20rpx;
  522 + box-sizing: border-box;
486 } 523 }
487 - .add_li_tit{  
488 - font-size: 30rpx;  
489 - color: #545D71;  
490 - line-height: 43rpx;  
491 - margin-bottom: 12rpx; 524 + :deep(.textarea-placeholder) {
  525 + color: #979797;
492 } 526 }
493 - .add_li_content{  
494 - font-size: 30rpx;  
495 - color: #A6A9B1;  
496 - line-height: 43rpx;  
497 - width: 100%;  
498 - // height: 120rpx;  
499 - letter-spacing:0; 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;
500 } 545 }
501 } 546 }
502 } 547 }
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; 548 + .column {
  549 + flex-direction: column;
  550 + .cell-label {
514 width: 100%; 551 width: 100%;
515 - height: 90rpx;  
516 - background: #2D81FF;  
517 - border-radius: 10rpx;  
518 - display: flex;  
519 - align-items: center;  
520 - justify-content: center;  
521 } 552 }
522 - .del_btn{ 553 + .cell-content {
523 margin-top: 20rpx; 554 margin-top: 20rpx;
  555 + width: 100%;
  556 + }
524 } 557 }
525 } 558 }
  559 +
  560 + .tk_box_s {
  561 + background: #ffffff;
526 .pop_tit{ 562 .pop_tit{
527 width: 100%; 563 width: 100%;
528 height: 100rpx; 564 height: 100rpx;
@@ -536,10 +572,6 @@ @@ -536,10 +572,6 @@
536 color: #2D81FF; 572 color: #2D81FF;
537 } 573 }
538 } 574 }
539 - .tk_box_s{  
540 - // height: 600rpx;  
541 - background: #ffffff;  
542 - }  
543 .diy_tit{ 575 .diy_tit{
544 width: 100%; 576 width: 100%;
545 height: 100rpx; 577 height: 100rpx;
@@ -556,4 +588,37 @@ @@ -556,4 +588,37 @@
556 color: #333; 588 color: #333;
557 box-sizing: border-box; 589 box-sizing: border-box;
558 } 590 }
  591 + }
  592 +
  593 + .footer {
  594 + position: fixed;
  595 + left: 0;
  596 + bottom: 0;
  597 + z-index: 99;
  598 + width: 100%;
  599 + background-color: #fff;
  600 + padding: 16rpx 25rpx;
  601 + display: flex;
  602 + align-items: center;
  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 + }
  621 + }
  622 + }
  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"> 3 +
7 <ftadd :options="options"></ftadd> 4 <ftadd :options="options"></ftadd>
8 </view> 5 </view>
9 - </view>  
10 </template> 6 </template>
11 7
12 <script> 8 <script>
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> 3 <ftadd1 :options="options"></ftadd1>
8 </view> 4 </view>
9 - </view>  
10 </template> 5 </template>
11 6
12 <script> 7 <script>