邓宏
2 years ago
10 changed files with 262 additions and 22 deletions
@ -0,0 +1,87 @@ |
|||||
|
<style lang="scss"> |
||||
|
.container{ |
||||
|
min-height:100%; |
||||
|
background:#f6f6f6; |
||||
|
padding:30rpx 0; |
||||
|
|
||||
|
.card{ |
||||
|
&>view{ |
||||
|
&+view{ |
||||
|
border-top:2rpx solid rgba(216, 216, 216, 0.3); |
||||
|
margin-top:20rpx; |
||||
|
padding-top:20rpx; |
||||
|
} |
||||
|
.head{ |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
text{ |
||||
|
&:first-child{ |
||||
|
height:40rpx; |
||||
|
line-height: 40rpx; |
||||
|
min-width:80rpx; |
||||
|
padding:0 6rpx; |
||||
|
background:#10C176; |
||||
|
border-radius: 0 20rpx 0 20rpx; |
||||
|
font-size:20rpx; |
||||
|
color:#fff; |
||||
|
text-align: center; |
||||
|
margin-right:20rpx; |
||||
|
} |
||||
|
&:nth-child(3){ |
||||
|
color:#999; |
||||
|
font-size:24rpx; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.info{ |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
font-size:24rpx; |
||||
|
color:#999; |
||||
|
margin-top:14rpx; |
||||
|
text{ |
||||
|
&:first-child{ |
||||
|
flex-shrink: 0; |
||||
|
margin-right:15rpx; |
||||
|
} |
||||
|
&:nth-child(3){ |
||||
|
flex-shrink: 0; |
||||
|
color:#333; |
||||
|
font-size:28rpx; |
||||
|
margin-left:auto; |
||||
|
&:after{ |
||||
|
content:"("attr(data-total)")"; |
||||
|
font-size:24rpx; |
||||
|
color:#999; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</style> |
||||
|
<template> |
||||
|
<view class="container"> |
||||
|
<view style="margin:0 30rpx;">申请日期:2022-12-29</view> |
||||
|
<view class="card"> |
||||
|
<view v-for="k in 5" :key="k"> |
||||
|
<view class="head"> |
||||
|
<text>化肥</text> <text>中量元素水溶肥</text> <text>(100kg/袋)</text> |
||||
|
</view> |
||||
|
<view class="info"> |
||||
|
<text>微量元素肥</text> <text class="over">云南云天化股份有限公司</text> <text data-total="200kg">2袋</text> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</template> |
||||
|
<script> |
||||
|
export default { |
||||
|
data(){ |
||||
|
return{ |
||||
|
|
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
@ -0,0 +1,114 @@ |
|||||
|
<style lang="scss"> |
||||
|
.container{ |
||||
|
height:100%; |
||||
|
background:#f6f6f6; |
||||
|
|
||||
|
scroll-view{ |
||||
|
flex-grow: 1; |
||||
|
height: 1rpx; |
||||
|
|
||||
|
.card{ |
||||
|
margin-top:0; |
||||
|
.head{ |
||||
|
border-bottom:1px solid #D8D8D8; |
||||
|
display:flex; |
||||
|
align-items: center; |
||||
|
padding-bottom:20rpx; |
||||
|
margin-bottom:10rpx; |
||||
|
text{ |
||||
|
flex-shrink: 0; |
||||
|
&:first-child{ |
||||
|
color:#10C176; |
||||
|
} |
||||
|
&:nth-child(2){ |
||||
|
margin:0 auto 0 15rpx; |
||||
|
flex-shrink: 1; |
||||
|
font-weight: bold; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.item{ |
||||
|
display:flex; |
||||
|
height:50rpx; |
||||
|
align-items: center; |
||||
|
color:#777; |
||||
|
text{ |
||||
|
&:first-child{ |
||||
|
margin-right:auto; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.foot{ |
||||
|
background:rgba(223, 225, 224, 0.3); |
||||
|
min-height:88rpx; |
||||
|
margin:0 -30rpx -30rpx; |
||||
|
color:#999; |
||||
|
display:flex; |
||||
|
align-items: center; |
||||
|
justify-content: space-between; |
||||
|
padding:20rpx 30rpx; |
||||
|
.examine{ |
||||
|
flex-grow: 1; |
||||
|
width:1rpx; |
||||
|
display:flex; |
||||
|
justify-content: space-evenly; |
||||
|
flex-direction: column; |
||||
|
} |
||||
|
.type{ |
||||
|
flex-shrink: 0; |
||||
|
margin-left:40rpx; |
||||
|
font-size:24rpx; |
||||
|
color:#fff; |
||||
|
background:var(--bg,#FFCB69); |
||||
|
border-radius: 6rpx; |
||||
|
height:48rpx; |
||||
|
line-height: 48rpx; |
||||
|
min-width: 94rpx; |
||||
|
padding:0 8rpx; |
||||
|
text-align: center; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</style> |
||||
|
<template> |
||||
|
<view class="container flex"> |
||||
|
<d-search/> |
||||
|
|
||||
|
<scroll-view scroll-y> |
||||
|
<view class="card" @click="$u.route({url:'pages/purchase/detail'})"> |
||||
|
<view class="head"> |
||||
|
<text class="plant-edifice"/> |
||||
|
<text>一号基地</text> |
||||
|
<text>张召忠</text> |
||||
|
</view> |
||||
|
<view class="item"> |
||||
|
<text>申请日期</text> |
||||
|
<text>2022-12-29</text> |
||||
|
</view> |
||||
|
<view class="item"> |
||||
|
<text>种类</text> |
||||
|
<text>20种</text> |
||||
|
<text class="plant-youbian"/> |
||||
|
</view> |
||||
|
<view class="foot"> |
||||
|
<view class="examine"> |
||||
|
<text>审核人:章晓华</text> |
||||
|
<text class="over">原因:此处是原因此处是原因此处是处是原因此处是原因此处是</text> |
||||
|
</view> |
||||
|
<text class="type">审核中</text> |
||||
|
</view> |
||||
|
</view> |
||||
|
</scroll-view> |
||||
|
</view> |
||||
|
</template> |
||||
|
<script> |
||||
|
export default { |
||||
|
data(){ |
||||
|
return{ |
||||
|
|
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
Loading…
Reference in new issue