徐浩 / zzxyt-uniapp · 提交

转到一个项目

作者 mxd
提交 c456803ccdf1f598ec116cfbea2c48240d329e37 1 个父辈 7363ae3a

学员访谈记录

内嵌 并排对比
正在显示 6 个修改的文件 包含 1098 行增加 和 413 行删除
  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>
1 <template> 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> 2 + <view class="container">
  3 +
  4 + <view class="card">
  5 + <picker 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">
11 <input type="text" placeholder="请选择" v-model="name" disabled="true"> 11 <input type="text" placeholder="请选择" v-model="name" disabled="true">
12 </view> 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=""> 13 + </view>
  14 + </picker>
  15 + <picker mode="date" :value="sx_time" :start="startDate" :end="endDate" @change="bindDateChange">
  16 + <view class="cell not-border">
  17 + <view class="cell-label">
19 访谈时间 18 访谈时间
20 </view> 19 </view>
21 - <view class=""> 20 + <view class="cell-content">
22 {{sx_time?sx_time:'请选择'}} 21 {{sx_time?sx_time:'请选择'}}
23 </view> 22 </view>
24 </view> 23 </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 - 有无什么要求，是否适应 24 + </picker>
  25 + </view>
  26 +
  27 + <view class="card">
  28 + <view class="cell not-border">
  29 + <view class="cell-label">
  30 + 班主任自我介绍
65 </view> 31 </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"> 32 + <view class="cell-content">
  33 + <view class="sf_v_btn_b" :class="{active:is_teacher==1}" @click="set_tch">
74 <text class="icon icon-duigou"></text> 34 <text class="icon icon-duigou"></text>
75 </view> 35 </view>
76 </view> 36 </view>
77 </view> 37 </view>
78 -  
79 </view> 38 </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> 39 +
88 </view> 40 </view>
89 </template> 41 </template>
90 42
@@ -216,7 +168,7 @@ @@ -216,7 +168,7 @@
216 this.name = that1.datas_stu[index].name 168 this.name = that1.datas_stu[index].name
217 this.uid = that1.datas_stu[index].id 169 this.uid = that1.datas_stu[index].id
218 }, 170 },
219 - set_tch(){ 171 + set_tch(val){
220 if(that1.is_teacher==1){ 172 if(that1.is_teacher==1){
221 that1.is_teacher=2 173 that1.is_teacher=2
222 }else{ 174 }else{
@@ -453,88 +405,71 @@ @@ -453,88 +405,71 @@
453 } 405 }
454 </script> 406 </script>
455 407
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; 408 +<style lang="scss" scoped>
  409 + .container {
  410 + padding: 25rpx;
  411 + }
  412 +
  413 + .card {
  414 + padding: 0 30rpx;
  415 + background-color: #fff;
  416 + border-radius: 20rpx;
  417 + & + .card {
  418 + margin-top: 20rpx;
  419 + }
  420 + .cell {
  421 + padding: 30rpx 0;
  422 + display: flex;
  423 + align-items: center;
  424 + border-bottom: 1px solid #F3F3F7;
  425 + & .not-border {
  426 + border: 0;
468 } 427 }
469 - .add_li_box{  
470 - width: 100%;  
471 - display: flex;  
472 - align-items: center;  
473 - justify-content: space-between; 428 + &-label {
474 font-size: 30rpx; 429 font-size: 30rpx;
475 - color: #545d71;  
476 - input{ 430 + font-family: PingFang SC;
  431 + font-weight: 500;
  432 + color: #000000;
  433 + }
  434 + &-content {
  435 + flex: 1;
  436 + font-size: 28rpx;
  437 + font-family: PingFang SC;
  438 + font-weight: 400;
  439 + color: #646464;
  440 + display: flex;
  441 + justify-content: flex-end;
  442 + input {
  443 + width: 100%;
477 text-align: right; 444 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 } 445 }
500 } 446 }
501 - .add_li_tit{ 447 + .icon {
  448 + color: #ACACAC;
502 font-size: 30rpx; 449 font-size: 30rpx;
503 - color: #545D71;  
504 - line-height: 43rpx;  
505 - margin-bottom: 12rpx;  
506 } 450 }
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; 451 +
  452 + .sf_v_btn_b{
  453 + display: flex;
  454 + align-items: center;
  455 + justify-content: center;
  456 + font-size: 18rpx;
  457 + color: #fff;
  458 + width: 32rpx;
  459 + height: 32rpx;
  460 + border: 1px solid #DEDEDE;
  461 + border-radius: 8rpx;
  462 + &.active{
  463 + background: #2D81FF;
  464 + border: 1px solid #2D81FF;
  465 + }
  466 + text{
  467 + font-size: 18rpx;
  468 + line-height: 20rpx;
  469 + color: #fff;
  470 + }
514 } 471 }
515 } 472 }
516 } 473 }
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 - } 474 +
540 </style> 475 </style>
  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>
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 - <!-- <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> 3 + <u-sticky>
  4 + <view class="bz_box">
  5 + <view class="bz_tab">
  6 + <view v-for="(item,index) in tabs" class="tab_li" :class="{active:active==index}" @click="setac_fuc(index)">
  7 + {{item.title}}
11 </view> 8 </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> 9 </view>
24 </view> 10 </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> --> 11 + </u-sticky>
  12 +
  13 + <ftadd v-if="active==0" :options="options"></ftadd>
  14 + <ftadd1 v-else :options="options"></ftadd1>
  15 +
38 </view> 16 </view>
39 </template> 17 </template>
40 18
@@ -267,77 +245,42 @@ @@ -267,77 +245,42 @@
267 245
268 padding-bottom: 10rpx; 246 padding-bottom: 10rpx;
269 } 247 }
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 248
302 -  
303 - .save_btn {  
304 - display: flex;  
305 - align-items: center;  
306 - justify-content: center;  
307 - font-size: 32rpx;  
308 - color: #FFFFFF; 249 + .bz_box{
309 width: 100%; 250 width: 100%;
310 - height: 90rpx;  
311 - background: #2D81FF;  
312 - border-radius: 10rpx;  
313 - margin-top: 40rpx; 251 + position: relative;
  252 + background: #F8F8F8;
314 } 253 }
315 .bz_tab{ 254 .bz_tab{
316 width: 100%; 255 width: 100%;
317 - height: 90rpx;  
318 display: flex; 256 display: flex;
319 align-items: center; 257 align-items: center;
320 justify-content: space-around; 258 justify-content: space-around;
  259 + background-color: #fff;
  260 + border-top:1rpx solid #f3f4f6;
321 } 261 }
322 .tab_li{ 262 .tab_li{
323 - color: rgba(255, 255, 255, .6);  
324 - font-size: 32rpx; 263 + font-size: 28rpx;
  264 + font-family: PingFang SC;
  265 + font-weight: 500;
  266 + color: #323232;
  267 + padding:30rpx;
325 position: relative; 268 position: relative;
326 - padding: 10rpx 0rpx;  
327 &.active{ 269 &.active{
328 - color: #fff; 270 + color: #2D81FF;
329 &:after{ 271 &:after{
330 - content:''; 272 + content: '';
331 position: absolute; 273 position: absolute;
332 - bottom: 0; 274 + bottom: 8rpx;
333 left: 50%; 275 left: 50%;
334 - margin-left: -19rpx;  
335 - width: 38rpx;  
336 - height: 5rpx;  
337 - background: #FFFFFF;  
338 - border-radius: 3rpx; 276 + background-image: url(@/static/imagesV2/icon23.png);
  277 + background-size: 100% 100%;
  278 + transform: translateX(-50%);
  279 + height: 24rpx;
  280 + width: 24rpx;
339 } 281 }
340 } 282 }
341 } 283 }
342 284
  285 +
343 </style> 286 </style>
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 - <!-- <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> 3 + <u-sticky>
  4 + <view class="bz_box">
  5 + <view class="bz_tab">
  6 + <view v-for="(item,index) in tabs" class="tab_li" :class="{active:active==index}" @click="setac_fuc(index)">
  7 + {{item.title}}
11 </view> 8 </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> 9 </view>
24 - </view>  
25 - <view class="stu_list">  
26 - <view class="search_box dis_flex aic"> 10 + <view class="search_box">
  11 + <u-icon name="search" color="#979797" size="28" @click="onRetry"></u-icon>
27 <u-input 12 <u-input
28 - placeholder="请输入搜索内容"  
29 - v-model="name_s"  
30 - suffixIconStyle="color: #909399"  
31 - @confirm="onRetry" 13 + class="search_box-input"
  14 + placeholder="请输入搜索内容"
  15 + v-model="name_s"
  16 + suffixIconStyle="color: #909399"
  17 + placeholder-style="color: #C3C3C3"
  18 + @confirm="onRetry"
32 ></u-input> 19 ></u-input>
33 - <u-icon name="search" color="#909399" size="28" @click="onRetry"></u-icon> 20 +
34 </view> 21 </view>
35 - <view class="stu_li" v-for="(item,index) in datas" @click="jump_fuc(item)">  
36 - <view class="stu_li_name">  
37 - {{item.name}}  
38 - <!-- <image v-if="index%2==0" src="/static/images/tch/icon_female.png" mode="aspectFit"></image>  
39 - <image v-else src="/static/images/tch/icon_male.png" mode="aspectFit"></image> -->  
40 - </view>  
41 - <view class="flex_1"></view>  
42 - <view class="sf_v">  
43 - {{item.add_time}}<text class="icon icon-arrow-right-copy"></text>  
44 - </view> 22 + </view>
  23 + </u-sticky>
  24 +
  25 + <view class="list">
  26 + <view class="item" v-for="(item,index) in datas" @click="jump_fuc(item)">
  27 + <view class="name">
  28 + {{item.name}}
  29 + </view>
  30 + <view class="tirm">
  31 + {{item.add_time}}
45 </view> 32 </view>
46 - <u-empty v-if="datas.length==0"  
47 - mode="data"  
48 - text="暂无记录"  
49 - icon="/static/images/tch/img_blank.png"  
50 - >  
51 - </u-empty> 33 + <text class="icon icon-arrow-right-copy"></text>
52 </view> 34 </view>
53 </view> 35 </view>
54 <view class="bz_add" > 36 <view class="bz_add" >
@@ -56,8 +38,6 @@ @@ -56,8 +38,6 @@
56 添加 38 添加
57 </view> 39 </view>
58 </view> 40 </view>
59 - <!-- 阻止滑动 -->  
60 - <!-- <view @touchmove.stop.prevent='test'></view> -->  
61 </view> 41 </view>
62 </template> 42 </template>
63 43
@@ -289,160 +269,104 @@ @@ -289,160 +269,104 @@
289 padding-bottom: 150rpx; 269 padding-bottom: 150rpx;
290 } 270 }
291 271
292 - .tel_index_bg {  
293 - position: absolute;  
294 - top: 0;  
295 - z-index: 1;  
296 - width: 100%;  
297 - min-height: 220rpx;  
298 - background: linear-gradient(0deg, #f8f8f8 0%, #5D9DFD 60%, #428EFE 70%, #2D81FF 100%);  
299 - }  
300 -  
301 - .bz_box { 272 + .bz_box{
302 width: 100%; 273 width: 100%;
303 position: relative; 274 position: relative;
304 - z-index: 2;  
305 - padding:0 30rpx 30rpx;  
306 -  
307 - .stu_num {  
308 - width: 100%;  
309 - height: 80rpx;  
310 - display: flex;  
311 - align-items: center;  
312 - font-size: 28rpx;  
313 - color: #fff;  
314 - justify-content: space-between;  
315 - .icon{  
316 - font-size: 24rpx;  
317 - margin-left: 10rpx;  
318 - }  
319 - }  
320 - }  
321 -  
322 - .stu_list {  
323 - width: 100%;  
324 - min-height: 100rpx;  
325 - background: #FFFFFF;  
326 - border-radius: 10rpx;  
327 - .stu_li {  
328 - width: 100%;  
329 - height: 100rpx;  
330 - display: flex;  
331 - align-items: center;  
332 - padding: 0 30rpx;  
333 -  
334 - &+.stu_li {  
335 - border-top: 1px solid #eee;  
336 - }  
337 -  
338 - .stu_li_name {  
339 - font-size: 30rpx;  
340 - color: #545D71;  
341 - margin-bottom: 10rpx;  
342 -  
343 - image {  
344 - width: 28rpx;  
345 - height: 28rpx;  
346 - margin-left: 5rpx;  
347 - }  
348 - }  
349 -  
350 - .sf_v {  
351 - font-size: 30rpx;  
352 - color: #A9B1C0;  
353 - display: flex;  
354 - align-items: center;  
355 -  
356 - .sf_v_btn {  
357 - display: flex;  
358 - align-items: center;  
359 - margin-left: 20rpx;  
360 - font-size: 30rpx;  
361 - color: #A9B1C0;  
362 -  
363 - .sf_v_btn_b {  
364 - display: flex;  
365 - align-items: center;  
366 - justify-content: center;  
367 - font-size: 18rpx;  
368 - color: #fff;  
369 - width: 32rpx;  
370 - height: 32rpx;  
371 - border: 1px solid #DDDDDD;  
372 - border-radius: 50%;  
373 - margin-left: 8rpx;  
374 -  
375 - &.active {  
376 - background: #2D81FF;  
377 - border: 1px solid #2D81FF;  
378 - }  
379 - }  
380 - }  
381 - }  
382 - }  
383 - }  
384 -  
385 - .save_btn {  
386 - display: flex;  
387 - align-items: center;  
388 - justify-content: center;  
389 - font-size: 32rpx;  
390 - color: #FFFFFF;  
391 - width: 100%;  
392 - height: 90rpx;  
393 - background: #2D81FF;  
394 - border-radius: 10rpx;  
395 - margin-top: 40rpx; 275 + background: #F8F8F8;
396 } 276 }
397 .bz_tab{ 277 .bz_tab{
398 width: 100%; 278 width: 100%;
399 - height: 90rpx;  
400 display: flex; 279 display: flex;
401 align-items: center; 280 align-items: center;
402 justify-content: space-around; 281 justify-content: space-around;
  282 + background-color: #fff;
  283 + border-top:1rpx solid #f3f4f6;
403 } 284 }
404 .tab_li{ 285 .tab_li{
405 - color: rgba(255, 255, 255, .6);  
406 - font-size: 32rpx; 286 + font-size: 28rpx;
  287 + font-family: PingFang SC;
  288 + font-weight: 500;
  289 + color: #323232;
  290 + padding:30rpx;
407 position: relative; 291 position: relative;
408 - padding: 10rpx 0rpx;  
409 &.active{ 292 &.active{
410 - color: #fff; 293 + color: #2D81FF;
411 &:after{ 294 &:after{
412 - content:''; 295 + content: '';
413 position: absolute; 296 position: absolute;
414 - bottom: 0; 297 + bottom: 8rpx;
415 left: 50%; 298 left: 50%;
416 - margin-left: -19rpx;  
417 - width: 38rpx;  
418 - height: 5rpx;  
419 - background: #FFFFFF;  
420 - border-radius: 3rpx; 299 + background-image: url(@/static/imagesV2/icon23.png);
  300 + background-size: 100% 100%;
  301 + transform: translateX(-50%);
  302 + height: 24rpx;
  303 + width: 24rpx;
421 } 304 }
422 } 305 }
423 } 306 }
424 - .bz_add{  
425 - width: 100%;  
426 - position: fixed;  
427 - bottom: 0;  
428 - background: #f8f8f8;  
429 - z-index: 800;  
430 - left: 0;  
431 - padding: 30rpx;  
432 - view{  
433 - font-size: 32rpx;  
434 - color: #FFFFFF;  
435 - width: 100%;  
436 - height: 90rpx;  
437 - background: #2D81FF;  
438 - border-radius: 10rpx; 307 +
  308 + .search_box {
  309 + background-color:#fff;
  310 + display: flex;
  311 + border-radius: 36rpx;
  312 + align-items: center;
  313 + padding: 0 20rpx 0 30rpx;
  314 + margin: 25rpx;
  315 + &-input {
  316 + flex-grow: 1;
  317 + }
  318 + }
  319 +
  320 + .list {
  321 + padding: 0 25rxp 25rpx;
  322 + .item {
439 display: flex; 323 display: flex;
440 align-items: center; 324 align-items: center;
441 - justify-content: center; 325 + background-color: #fff;
  326 + padding: 30rpx;
  327 + & + .item {
  328 + margin-top: 20rpx;
  329 + }
  330 + .name {
  331 + flex: 1;
  332 + font-size: 30rpx;
  333 + font-family: PingFang SC;
  334 + font-weight: bold;
  335 + color: #323232;
  336 + }
  337 +
  338 + .time {
  339 + font-size: 26rpx;
  340 + font-family: PingFang SC;
  341 + font-weight: 400;
  342 + color: #646464;
  343 + margin: 0 20rpx;
  344 + }
  345 + .icon {
  346 + color: #ACACAC;
  347 + font-size: 30rpx;
  348 + }
442 } 349 }
443 } 350 }
444 - .search_box{  
445 - border-bottom: 1px solid #ddd;  
446 - padding: 0 15rpx; 351 +
  352 + .bz_add {
  353 + position: fixed;
  354 + left: 0;
  355 + bottom: 0;
  356 + width: 100%;
  357 + padding: 16rpx 25rpx;
  358 + background-color: #fff;
  359 + view {
  360 + background: #2D81FF;
  361 + border-radius: 44rpx;
  362 + font-size: 34rpx;
  363 + font-family: PingFang SC;
  364 + font-weight: 500;
  365 + color: #FFFFFF;
  366 + height: 88rpx;
  367 + line-height: 88rpx;
  368 + text-align: center;
  369 + }
447 } 370 }
  371 +
448 </style> 372 </style>
@@ -190,7 +190,7 @@ @@ -190,7 +190,7 @@
190 display: flex; 190 display: flex;
191 border-radius: 36rpx; 191 border-radius: 36rpx;
192 align-items: center; 192 align-items: center;
193 - padding: 15rpx 20rpx 15rpx 30rpx; 193 + padding: 10rpx 20rpx 10rpx 30rpx;
194 border-radius: 36rpx; 194 border-radius: 36rpx;
195 .stu_search-input { 195 .stu_search-input {
196 flex-grow: 1; 196 flex-grow: 1;