邓宏
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