徐浩 / zzxyt-uniapp · 提交

转到一个项目

作者 mxd
提交 6b1309f2296b61aa69e52f4d6e1ed714d54cb982 1 个父辈 7117c701

核对名单

内嵌 并排对比
正在显示 4 个修改的文件 包含 191 行增加 和 232 行删除
<template>
<view class="wrap_box">
<!-- <uParse v-if="datas" :content="datas"></uParse> -->
<!-- stu_bz_index -->
<view class="tel_index_bg"></view>
<view class="bz_box">
<view class="stu_num">
<view class="">
共{{datas.length}}人
<u-sticky>
<view class="head">
<view class="stu-num">
共
<text class="val">30</text>
人
</view>
<view class="" @click="$service.jump" data-url="/pagesA/stu_hddk_list/stu_hddk_list">
<view class="btn" @click="$service.jump" data-url="/pagesA/stu_hddk_list/stu_hddk_list">
查看历史记录
</view>
</view>
<view class="stu_list">
<view class="stu_li" v-for="(item,index) in datas">
<view class="stu_li_name">
</u-sticky>
<view class="list">
<view class="item" v-for="(item,index) in datas" :key="index">
<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>
<view class="flex_1"></view>
<view class="sf_v">
<text>是否到课</text>
<view class="sf_v_btn" @click="set_fuc(item,true)">
是
<view class="sf_v_btn_b" :class="{active:item.is_check}">
<text class="icon icon-duigou"></text>
<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="operate-label">
是否到课:
</view>
<view class="operate-content">
<view class="radio-view" @click="set_fuc(item,true)">
<view class="radio-view_icon">
<image v-show="!item.is_check" src="/static/imagesV2/tch_index/radio.png" mode="aspectFit"></image>
<image v-show="item.is_check" src="/static/imagesV2/tch_index/radio-active.png" mode="aspectFit"></image>
</view>
<view class="radio-view_text">
是
</view>
</view>
<view class="sf_v_btn" @click="set_fuc(item,false)">
否
<view class="sf_v_btn_b" :class="{active:!item.is_check}">
<text class="icon icon-duigou"></text>
<view class="radio-view" @click="set_fuc(item,false)">
<view class="radio-view_icon">
<image v-show="item.is_check" src="/static/imagesV2/tch_index/radio.png" mode="aspectFit"></image>
<image v-show="!item.is_check" src="/static/imagesV2/tch_index/radio-active.png" mode="aspectFit"></image>
</view>
<view class="radio-view_text">
否
</view>
</view>
</view>
</view>
</view>
<view class="save_btn" @click="save_fuc">
</view>
<view class="footer">
<view class="btn" @click="save_fuc">
保存
</view>
</view>
<!-- 阻止滑动 -->
<!-- <view @touchmove.stop.prevent='test'></view> -->
</view>
</template>
... ... @@ -314,7 +325,7 @@
<style lang="scss" scoped>
.wrap_box{
width: 100%;
// padding: 30rpx;
padding-bottom: 140rpx;
min-height: 100vh;
// #ifdef H5
min-height: calc(100vh - 44px);
... ... @@ -322,99 +333,98 @@
background: #F8F8F8;
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%);
}
.bz_box{
width: 100%;
position: relative;
z-index: 2;
padding: 0 30rpx 50rpx;
.stu_num{
width: 100%;
height: 80rpx;
display: flex;
align-items: center;
font-size: 28rpx;
color: #fff;
justify-content: space-between;
.head {
display: flex;
align-items: center;
justify-content: space-between;
padding: 30rpx;
background: #F8F8F8;
.stu-num {
font-size: 26rpx;
font-family: PingFang SC;
font-weight: 500;
color: #323232;
.val {
color: #2D81FF;
}
}
.btn {
font-size: 30rpx;
font-family: PingFang SC;
font-weight: 500;
}
}
.stu_list{
width: 100%;
min-height: 100rpx;
background: #FFFFFF;
border-radius: 10rpx;
.stu_li{
width: 100%;
height: 100rpx;
.list {
padding: 0 30rpx;
.item {
background: #FFFFFF;
border-radius: 20rpx;
padding: 30rpx;
display: flex;
align-items: center;
padding: 0 30rpx;
&+.stu_li{
border-top: 1px solid #eee;
& + .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;
}
.sf_v{
font-size: 30rpx;
color: #A9B1C0;
.operate {
display: flex;
align-items: center;
.sf_v_btn{
&-label {
font-size: 26rpx;
font-family: PingFang SC;
font-weight: 500;
color: #646464;
}
&-content {
flex: 1;
display: flex;
align-items: center;
margin-left: 20rpx;
font-size: 30rpx;
color: #A9B1C0;
.sf_v_btn_b{
.radio-view {
display: flex;
align-items: center;
justify-content: center;
font-size: 18rpx;
color: #fff;
width: 32rpx;
height: 32rpx;
border: 1px solid #DDDDDD;
border-radius: 50%;
margin-left: 8rpx;
&.active{
background: #2D81FF;
border: 1px solid #2D81FF;
}
text{
font-size: 18rpx;
line-height: 20rpx;
font-size: 28rpx;
font-family: PingFang SC;
font-weight: 400;
color: #979797;
margin-left: 20rpx;
.radio-view_icon {
width: 30rpx;
height: 30rpx;
margin-right: 10rpx;
}
}
}
}
}
}
.save_btn{
display: flex;
align-items: center;
justify-content: center;
font-size: 32rpx;
color: #FFFFFF;
.footer {
position: fixed;
left: 0;
bottom: 0;
z-index: 99;
width: 100%;
height: 90rpx;
background: #2D81FF;
border-radius: 10rpx;
margin-top: 40rpx;
background-color: #fff;
padding: 16rpx 25rpx;
.btn {
height: 88rpx;
background: #2D81FF;
border-radius: 44rpx;
line-height: 88rpx;
font-size: 34rpx;
font-family: PingFang SC;
font-weight: 500;
color: #FFFFFF;
text-align: center;
}
}
</style>
... ...
<template>
<view class="wrap_box">
<!-- <uParse v-if="datas" :content="datas"></uParse> -->
<!-- stu_bz_index -->
<view class="tel_index_bg"></view>
<view class="bz_box">
<view class="stu_num">
<!-- <picker mode="date" :value="sx_time" :start="startDate" :end="endDate" @change="bindDateChange">
<view class="">
核对时间：{{sx_time}}<text class="icon icon-arrow-right-copy-copy"></text>
</view>
</picker> -->
<u-sticky>
<view class="search">
<picker @change="bindPickerChange" :value="index" :range="tabs" range-key="create_time">
<view class="">
核对时间：
{{sxtitle||'请选择时间'}}
<text class="icon icon-arrow-right-copy-copy"></text>
<view class="search-item">
<view class="search-item_label">
核对时间：
</view>
<view class="search-item_content">
<template v-if="sxtitle">
{{sxtitle}}
</template>
<text class="msg" v-else>请选择时间</text>
</view>
<u-icon name="arrow-down-fill" color="#646464" size="10px"></u-icon>
</view>
</picker>
</view>
<view class="stu_list">
<view class="stu_li" v-for="(item,index) in datas">
<view class="stu_li_name">
</u-sticky>
<view class="list">
<view class="item" v-for="(item,index) in datas" :key="index">
<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>
<view class="flex_1"></view>
<view class="sf_v">
<text>是否到课:</text>
<view class="sf_v_btn" v-if="item.dk==1">
是
</view>
<view class="sf_v_btn" v-else>
否
</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">
<text class="operate-label">是否到课:</text>
<view class="operate-content">
{{item.dk==1 ? '是' : '否'}}
</view>
</view>
<u-empty v-if="datas.length==0"
mode="data"
text="暂无记录"
icon="/static/images/tch/img_blank.png"
>
</u-empty>
</view>
<u-empty v-if="datas.length==0"
mode="data"
text="暂无记录"
icon="/static/images/tch/img_blank.png"
>
</u-empty>
</view>
<!-- 阻止滑动 -->
<!-- <view @touchmove.stop.prevent='test'></view> -->
</view>
</template>
... ... @@ -235,119 +231,72 @@
<style lang="scss" scoped>
.wrap_box {
width: 100%;
// padding: 30rpx;
min-height: 100vh;
// #ifdef H5
min-height: calc(100vh - 44px);
// #endif
background: #F8F8F8;
position: relative;
padding-bottom: 30rpx;
}
.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%);
}
.bz_box {
width: 100%;
position: relative;
z-index: 2;
padding:0 30rpx 30rpx;
.stu_num {
width: 100%;
height: 80rpx;
.search {
padding: 30rpx;
background: #F8F8F8;
&-item {
display: flex;
align-items: center;
font-size: 28rpx;
color: #fff;
justify-content: space-between;
.icon{
font-size: 24rpx;
margin-left: 10rpx;
font-size: 26rpx;
font-family: PingFang SC;
font-weight: 500;
color: #323232;
&_label {
width: 140rpx;
}
&_content {
margin-right: 5rpx;
.msg {
color: #646464;
}
}
}
}
.stu_list {
width: 100%;
min-height: 100rpx;
background: #FFFFFF;
border-radius: 10rpx;
.stu_li {
width: 100%;
height: 100rpx;
.list {
padding: 0 30rpx;
.item {
background: #FFFFFF;
border-radius: 20rpx;
padding: 30rpx;
display: flex;
align-items: center;
padding: 0 30rpx;
&+.stu_li {
border-top: 1px solid #eee;
& + .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;
}
.sf_v {
font-size: 30rpx;
color: #A9B1C0;
.gender {
width: 29rpx !important;
height: 24rpx !important;
margin-left: 20rpx;
}
.operate {
display: flex;
align-items: center;
.sf_v_btn {
display: flex;
align-items: center;
margin-left: 20rpx;
font-size: 30rpx;
color: #A9B1C0;
.sf_v_btn_b {
display: flex;
align-items: center;
justify-content: center;
font-size: 18rpx;
color: #fff;
width: 32rpx;
height: 32rpx;
border: 1px solid #DDDDDD;
border-radius: 50%;
margin-left: 8rpx;
&.active {
background: #2D81FF;
border: 1px solid #2D81FF;
}
font-size: 26rpx;
font-family: PingFang SC;
font-weight: 500;
color: #646464;
&-content {
font-size: 28rpx;
font-family: PingFang SC;
font-weight: 500;
color: #323232;
margin-left: 5px;
}
}
}
}
}
.save_btn {
display: flex;
align-items: center;
justify-content: center;
font-size: 32rpx;
color: #FFFFFF;
width: 100%;
height: 90rpx;
background: #2D81FF;
border-radius: 10rpx;
margin-top: 40rpx;
}
</style>
... ...