徐浩 / zzxyt-uniapp · 提交

转到一个项目

作者 mxd
提交 9399253415f8b5c453756c0cace8b1a259a426d2 1 个父辈 43fd7a6f

违纪情况

内嵌 并排对比
正在显示 1 个修改的文件 包含 139 行增加 和 107 行删除
... ... @@ -13,6 +13,7 @@
<view class="vio_sx dis_flex aic">
<picker mode="date" :value="vio_time" :start="startDate" :end="endDate" @change="bindDateChange">
<view class="vio_time">
<view class="flex_1">
{{vio_time||'请选择时间'}}
</view>
... ... @@ -20,51 +21,71 @@
</view>
</picker>
<view class="vio_ss">
<input type="text" placeholder="请输入姓名" v-model="name" @confirm="onRetry">
<text class="icon icon-sousuo" @click="onRetry"></text>
<input type="text" placeholder="请输入姓名" v-model="name" @confirm="onRetry">
</view>
</view>
</view>
<view class="vio_list">
<view class="vio_li" v-for="(item,index) in datas">
<view class="vio_li_msg">
<view class="vio_li_tit">
<text class="li_type"></text>
<text class="li_name">{{item.title}}</text>
<block v-if="active==5">
<view v-if="item.type==1" class="li_tip" style="background:#2D81FF1a"><text style="color:#2D81FF">事假</text></view>
<view v-else class="li_tip" style="background:#FF90001a"><text style="color:#FF9000">病假</text></view>
</block>
<text class="identification" style="color: #FF9000;" v-if="item.examine === AUDITSTATUS.PENDINGREVIEW">待审核</text>
<text class="identification" style="color: #67c23a;" v-else-if="item.examine === AUDITSTATUS.APPROVED">已通过</text>
<text class="identification" style="color: #f56c6c;" v-else-if="item.examine === AUDITSTATUS.FAILED">未通过</text>
<view class="flex_1"></view>
<text v-if="active==5||active==6">学员：{{item.name}}</text>
<text v-else>学员：{{item.uid}}</text>
<view class="list">
<view class="item" v-for="(item,index) in datas">
<view class="item-top">
<template v-if="active==5">
<view class="tab" v-if="item.type==1">
事假
</view>
<view class="vio_li_inr">
{{item.content}}
<view class="tab bg" v-else>
病假
</view>
</template>
<view class="name">
<template v-if="active==5||active==6">
{{item.name}}
</template>
<template v-else>
{{item.uid}}
</template>
</view>
<view v-if="active==5" class="li_time">
{{item.start_time}}
<text class="state" v-if="item.examine === AUDITSTATUS.PENDINGREVIEW">
待审核
</text>
<text class="state bg" v-else-if="item.examine === AUDITSTATUS.APPROVED">
已通过
</text>
<text class="state bg1" v-else-if="item.examine === AUDITSTATUS.FAILED">
未通过
</text>
</view>
<view v-else-if="active==6" class="li_time">
{{item.create_time}}
<view class="item-remarks" v-if="active==5">
{{item.content || ''}}
</view>
<view class="item-title" v-else>
<text class="icon"></text>
<text class="content">
<template v-if="active==6">
{{item.content || ''}}
</template>
<template v-else>
{{item.title}}
</template>
</text>
</view>
<view v-else class="li_time">
<view class="item-time">
<template v-if="active==5">
{{item.start_time}}
</template>
<template v-else-if="active==6">
{{item.create_time}}
</template>
<template v-else>
{{item.deduct_time}}
</template>
</view>
</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>
... ... @@ -272,41 +293,34 @@
background: #F8F8F8;
}
.vio_top{
// position: absolute;
// top: 0;
// z-index: 1;
width: 100%;
min-height: 220rpx;
background: linear-gradient(0deg, rgba(45, 129, 255, .01) 0%, #428EFE 80%, #2D81FF 100%);
}
.vip_tab_list{
padding: 0 30rpx;
}
.vip_tab_li{
height: 100rpx;
display: inline-flex;
align-items: center;
font-size: 30rpx;
color: #FFFFFF;
opacity: 0.6;
margin-right: 50rpx;
font-size: 28rpx;
font-family: PingFang SC;
font-weight: 500;
color: #323232;
position: relative;
background-color: #fff;
border-top:1rpx solid #f3f4f6;
padding:30rpx;
&.active{
opacity: 1;
color: #2D81FF;
&:after{
content: '';
position: absolute;
bottom: 0;
bottom: 8rpx;
left: 50%;
margin-left: -18rpx;
width: 36rpx;
height: 6rpx;
background: #FFFFFF;
border-radius: 3rpx;
background-image: url(@/static/imagesV2/icon23.png);
background-size: 100% 100%;
transform: translateX(-50%);
height: 24rpx;
width: 24rpx;
}
}
}
.vio_sx{
margin-top: 28rpx;
padding: 0 30rpx 30rpx;
... ... @@ -323,6 +337,7 @@
letter-spacing: 0;
display: flex;
align-items: center;
border-radius: 36rpx;
.icon{
font-size: 20rpx;
margin-left: 5rpx;
... ... @@ -333,86 +348,103 @@
height: 80rpx;
background: #FFFFFF;
border-radius: 10rpx;
padding: 0 24rpx;
padding: 0 30rpx;
display: flex;
align-items: center;
border-radius: 36rpx;
input{
flex: 1;
min-width: 0;
padding-right: 20rpx;
font-size: 30rpx;
}
.icon{
color: #B7BAC0;
font-size: 40rpx;
font-size: 30rpx;
margin-right: 20rpx;
}
}
.vio_list{
width: 100%;
.list {
padding: 0 30rpx 30rpx;
.vio_li{
width: 100%;
// min-height: 235rpx;
.item {
background: #FFFFFF;
border-radius: 10rpx;
&+.vio_li{
margin-top: 20rpx;
}
.vio_li_msg{
width: 100%;
border-radius: 20rpx;
padding: 30rpx;
.vio_li_tit{
font-size: 28rpx;
color: #7D8087;
& + .item {
margin-top: 30rpx;
}
&-top {
display: flex;
align-items: center;
margin-bottom: 20rpx;
.li_type{
width: 14rpx;
height: 14rpx;
background: #2D81FF;
border-radius: 50%;
.tab {
border: 1px solid #2E86FE;
border-radius: 2rpx;
font-size: 22rpx;
font-family: PingFang SC;
font-weight: 400;
color: #2E86FE;
padding: 4rpx 10rpx;
margin-right: 10rpx;
& .bg {
border: 1px solid #FF7E00;
color: #FF7E00;
}
.li_name{
font-size: 32rpx;
color: #545D71;
}
.li_tip{
font-size: 26rpx;
// color: #2D81FF;
// background: rgba(#2D81FF, .1);
padding: 2rpx 14rpx;
line-height: 30rpx;
margin-left: 10rpx;
text{
// opacity: 1;
}
.name {
font-size: 30rpx;
font-family: PingFang SC;
font-weight: 500;
color: #323232;
flex: 1;
}
.identification{
font-size: 26rpx;
// color: #2D81FF;
// background: rgba(#2D81FF, .1);
padding: 2rpx 14rpx;
line-height: 30rpx;
margin-left: 10rpx;
.state {
background: linear-gradient(0deg, #0AC49C 0%, #34D5AA 100%);
border-radius: 21rpx 21rpx 0 21rpx;
padding: 5rpx 20rpx;
font-size: 22rpx;
font-family: PingFang SC;
font-weight: 500;
color: #FFFFFF;
& .bg {
background: linear-gradient(0deg, #0088FF 0%, #2C9DFF 100%);
}
& .bg1 {
background: linear-gradient(0deg, #BEBEBE 0%, #AAAAAA 100%);
}
.vio_li_inr{
font-size: 30rpx;
color: #545D71;
}
}
.li_time{
width: 100%;
height: 80rpx;
border-top: 1rpx solid #eee;
font-size: 28rpx;
color: #545D71;
padding: 0 28rpx;
&-title {
display: flex;
align-items: center;
font-size: 26rpx;
font-family: PingFang SC;
font-weight: 400;
color: #646464;
margin-top: 30rpx;
.icon {
width: 12rpx;
height: 12rpx;
background: #2D81FF;
border-radius: 50%;
margin-right: 10rpx;
}
}
&-remarks {
font-size: 26rpx;
font-family: PingFang SC;
font-weight: 400;
color: #646464;
margin-top: 30rpx;
}
&-time {
font-size: 24rpx;
font-family: PingFang SC;
font-weight: 400;
color: #979797;
margin-top: 30rpx;
}
}
}
... ...