|
|
|
<template>
|
|
|
|
<view class="wrap_box">
|
|
|
|
<!-- <uParse v-if="datas" :content="datas"></uParse> -->
|
|
|
|
<view class="tel_index_bg"></view>
|
|
|
|
<view class="stu_list">
|
|
|
|
<view class="stu_search">
|
|
|
|
<u-icon name="search" size="30" color="#659ff5"></u-icon>
|
|
|
|
<u-icon name="search" size="30" color="#979797"></u-icon>
|
|
|
|
<input v-model="keywords" confirm-type="search" @confirm="confirm" class="stu_search-input" type="text"
|
|
|
|
placeholder="搜索姓名" placeholder-style="color: #428DFE">
|
|
|
|
placeholder="搜索姓名" placeholder-style="color: #C3C3C3">
|
|
|
|
</view>
|
|
|
|
<view class="stu_num">
|
|
|
|
<image class="stu_num-icon" src="@/static/images/xh_icon13.png"></image>
|
|
|
|
<text class="stu_num-text">共{{datas.length}}人</text>
|
|
|
|
<image class="stu_num-icon" src="@/static/images/xh_icon13.png"></image>
|
|
|
|
共<text class="stu_num-text">{{datas.length}}</text>人
|
|
|
|
</view>
|
|
|
|
<scroll-view style="height: 1200rpx;" :scroll-y="true">
|
|
|
|
<view class="stuli_box">
|
|
|
|
<view v-for="(item,index) in datas" class="stu_li dis_flex">
|
|
|
|
<view class="flex_1">
|
|
|
|
<view class="stu_li_name">
|
|
|
|
<view class="stu_item" v-for="(item,index) in datas">
|
|
|
|
<view class="info">
|
|
|
|
<view class="name" >
|
|
|
|
{{item.name}}
|
|
|
|
<image v-if="item.sex!=1" src="/static/images/tch/icon_female.png" mode="aspectFit">
|
|
|
|
</image>
|
|
|
|
<image v-else src="/static/images/tch/icon_male.png" mode="aspectFit"></image>
|
|
|
|
</view>
|
|
|
|
<image class="gender" v-if="item.sex!=1" src="/static/imagesV2/stu_selection/icon_female.png" mode="aspectFit"></image>
|
|
|
|
<image class="gender" v-else src="/static/imagesV2/stu_selection/icon_male.png" mode="aspectFit"></image>
|
|
|
|
</view>
|
|
|
|
<view class="operate">
|
|
|
|
<view class="btn" @click="$service.jump" :data-url="'/pagesA/stu_bz_index/stu_bz_index?id='+item.id">
|
|
|
|
<view class="icon">
|
|
|
|
<image src="/static/imagesV2/tch_index/icon11.png" mode=""></image>
|
|
|
|
</view>
|
|
|
|
<view class="stu_bz" @click="$service.jump"
|
|
|
|
:data-url="'/pagesA/stu_bz_index/stu_bz_index?id='+item.id">
|
|
|
|
备注信息
|
|
|
|
</view>
|
|
|
|
<view class="stu_bz" @click="$service.jump" :data-url="'/pagesA/stu_msg/stu_msg?id='+item.id">
|
|
|
|
<view class="btn" @click="$service.jump" :data-url="'/pagesA/stu_msg/stu_msg?id='+item.id">
|
|
|
|
<view class="icon">
|
|
|
|
<image src="/static/imagesV2/tch_index/icon10.png" mode=""></image>
|
|
|
|
</view>
|
|
|
|
查看档案
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
</scroll-view>
|
|
|
|
</view>
|
|
|
|
<!-- 阻止滑动 -->
|
|
|
|
<!-- <view @touchmove.stop.prevent='test'></view> -->
|
|
|
|
|
|
|
|
</view>
|
|
|
|
</template>
|
|
|
|
|
|
...
|
...
|
@@ -180,86 +179,74 @@ |
|
|
|
position: relative;
|
|
|
|
}
|
|
|
|
|
|
|
|
.tel_index_bg {
|
|
|
|
position: absolute;
|
|
|
|
top: 0;
|
|
|
|
z-index: 1;
|
|
|
|
width: 100%;
|
|
|
|
min-height: 220rpx;
|
|
|
|
background: linear-gradient(0deg, #f8f8f8 0%, #5D9DFD 60%, #428EFE 70%, #2D81FF 100%);
|
|
|
|
}
|
|
|
|
|
|
|
|
.stu_list {
|
|
|
|
position: relative;
|
|
|
|
z-index: 2;
|
|
|
|
width: 100%;
|
|
|
|
padding: 0 30rpx 30rpx;
|
|
|
|
padding: 30rpx;
|
|
|
|
|
|
|
|
.stu_search {
|
|
|
|
background-color: rgba(#fff, 0.4);
|
|
|
|
height: 68rpx;
|
|
|
|
background-color:#fff;
|
|
|
|
display: flex;
|
|
|
|
border-radius: 200rpx;
|
|
|
|
border-radius: 36rpx;
|
|
|
|
align-items: center;
|
|
|
|
padding: 0 20rpx;
|
|
|
|
|
|
|
|
padding: 15rpx 20rpx 15rpx 30rpx;
|
|
|
|
border-radius: 36rpx;
|
|
|
|
.stu_search-input {
|
|
|
|
flex-grow: 1;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.stu_num {
|
|
|
|
width: 100%;
|
|
|
|
height: 80rpx;
|
|
|
|
display: flex;
|
|
|
|
align-items: center;
|
|
|
|
font-size: 30rox;
|
|
|
|
color: #477FF6;
|
|
|
|
justify-content: center;
|
|
|
|
|
|
|
|
.stu_num-icon {
|
|
|
|
height: 12rpx;
|
|
|
|
width: 50rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
font-size: 26rpx;
|
|
|
|
font-family: PingFang SC;
|
|
|
|
font-weight: 500;
|
|
|
|
color: #323232;
|
|
|
|
padding: 20rpx 0;
|
|
|
|
.stu_num-text {
|
|
|
|
color: #477FF6;
|
|
|
|
margin: 0 20rpx;
|
|
|
|
color: #2D81FF;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.stuli_box {
|
|
|
|
border-radius: 10rpx;
|
|
|
|
.stu_item {
|
|
|
|
background: #FFFFFF;
|
|
|
|
}
|
|
|
|
|
|
|
|
.stu_li {
|
|
|
|
width: 100%;
|
|
|
|
min-height: 120rpx;
|
|
|
|
// border-radius: 10rpx;
|
|
|
|
padding: 24rpx 30rpx;
|
|
|
|
border-radius: 20rpx;
|
|
|
|
padding: 30rpx;
|
|
|
|
display: flex;
|
|
|
|
align-items: center;
|
|
|
|
|
|
|
|
&+.stu_li {
|
|
|
|
border-top: 1px solid #eee;
|
|
|
|
& + .stu_item {
|
|
|
|
margin-top: 20rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.stu_li_name {
|
|
|
|
font-size: 30rpx;
|
|
|
|
color: #545D71;
|
|
|
|
margin-bottom: 10rpx;
|
|
|
|
|
|
|
|
image {
|
|
|
|
width: 28rpx;
|
|
|
|
height: 28rpx;
|
|
|
|
margin-left: 5rpx;
|
|
|
|
.info {
|
|
|
|
flex: 1;
|
|
|
|
display: flex;
|
|
|
|
align-items: center;
|
|
|
|
}
|
|
|
|
.gender {
|
|
|
|
width: 29rpx !important;
|
|
|
|
height: 24rpx !important;
|
|
|
|
margin-left: 20rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.stu_bz {
|
|
|
|
font-size: 30rpx;
|
|
|
|
color: #9699A9;
|
|
|
|
margin-left: 35rpx;
|
|
|
|
.operate {
|
|
|
|
display: flex;
|
|
|
|
align-items: center;
|
|
|
|
justify-content: flex-end;
|
|
|
|
.btn {
|
|
|
|
display: flex;
|
|
|
|
align-items: center;
|
|
|
|
font-size: 26rpx;
|
|
|
|
font-family: PingFang SC;
|
|
|
|
font-weight: 500;
|
|
|
|
color: #646464;
|
|
|
|
margin-left: 30rpx;
|
|
|
|
.icon {
|
|
|
|
margin-right: 10rpx;
|
|
|
|
width: 30rpx;
|
|
|
|
height: 30rpx;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
...
|
...
|
|
