1.部分接口对接 页面调整
This commit is contained in:
@@ -1,10 +1,5 @@
|
||||
<template>
|
||||
<view class="oa-container">
|
||||
<!-- 顶部导航栏 -->
|
||||
<view class="oa-navbar">
|
||||
<image src="/static/ic_back.png" class="oa-back" @click="goBack" />
|
||||
<text class="oa-title">申批中心</text>
|
||||
</view>
|
||||
<!-- 搜索框 -->
|
||||
<view class="oa-search">
|
||||
<view class="search-box">
|
||||
@@ -22,7 +17,7 @@
|
||||
</view>
|
||||
<!-- 列表区 -->
|
||||
<view class="oa-list">
|
||||
<view v-for="(item, idx) in list" :key="idx" class="oa-card" :class="{'special-leave': item.status === '已通过'}" @click="goToDetail(item)">
|
||||
<view v-for="(item, idx) in list" :key="idx" class="oa-card" @click="goToDetail(item)">
|
||||
<view class="card-row">
|
||||
<view class="card-type">{{ item.type }}</view>
|
||||
<view class="card-status-tag" :class="item.statusClass">{{ item.status }}</view>
|
||||
@@ -238,19 +233,6 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.oa-navbar {
|
||||
width: 100%;
|
||||
height: 120rpx;
|
||||
padding-top: 40rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
position: relative;
|
||||
background: #fff;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.oa-back {
|
||||
position: absolute;
|
||||
left: 37rpx;
|
||||
@@ -423,21 +405,5 @@
|
||||
color: #626262;
|
||||
}
|
||||
|
||||
.special-leave {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.special-leave::after {
|
||||
content: '特批假';
|
||||
position: absolute;
|
||||
top: 10rpx;
|
||||
right: -50rpx;
|
||||
background-color: #F3831F;
|
||||
color: #fff;
|
||||
padding: 5rpx 60rpx;
|
||||
transform: rotate(45deg);
|
||||
font-size: 22rpx;
|
||||
font-weight: bold;
|
||||
}
|
||||
</style>
|
||||
|
Reference in New Issue
Block a user