|
@ -42,65 +42,76 @@ |
|
|
|
|
|
|
|
|
.card{ |
|
|
.card{ |
|
|
margin-top:0; |
|
|
margin-top:0; |
|
|
display:flex; |
|
|
&>.batch{ |
|
|
.u-transition{ |
|
|
color:#10C176; |
|
|
flex-shrink: 0; |
|
|
border-bottom:2rpx solid rgba(216, 216, 216, 0.3); |
|
|
margin-right:20rpx; |
|
|
margin-bottom:24rpx; |
|
|
|
|
|
padding-bottom:10rpx; |
|
|
|
|
|
&:before{ |
|
|
|
|
|
margin-right:10rpx; |
|
|
|
|
|
} |
|
|
} |
|
|
} |
|
|
.detail{ |
|
|
&>.content{ |
|
|
flex-grow: 1; |
|
|
display:flex; |
|
|
width:1rpx; |
|
|
.u-transition{ |
|
|
.name{ |
|
|
flex-shrink: 0; |
|
|
display: flex; |
|
|
margin-right:20rpx; |
|
|
align-items: center; |
|
|
} |
|
|
justify-content: space-between; |
|
|
.detail{ |
|
|
margin-bottom:15rpx; |
|
|
flex-grow: 1; |
|
|
text{ |
|
|
width:1rpx; |
|
|
&:first-child{ |
|
|
.name{ |
|
|
font-weight: bold; |
|
|
display: flex; |
|
|
flex-grow: 1; |
|
|
align-items: center; |
|
|
} |
|
|
justify-content: space-between; |
|
|
&.total{ |
|
|
margin-bottom:15rpx; |
|
|
flex-shrink: 0; |
|
|
text{ |
|
|
color:#10C176; |
|
|
&:first-child{ |
|
|
font-size:24rpx; |
|
|
font-weight: bold; |
|
|
margin-right:20rpx; |
|
|
flex-grow: 1; |
|
|
&:after{ |
|
|
|
|
|
content:'kg'; |
|
|
|
|
|
} |
|
|
} |
|
|
} |
|
|
&.total{ |
|
|
&.surplus{ |
|
|
flex-shrink: 0; |
|
|
flex-shrink: 0; |
|
|
color:#10C176; |
|
|
font-size:24rpx; |
|
|
font-size:24rpx; |
|
|
color:#FFC760; |
|
|
margin-right:20rpx; |
|
|
&:before{ |
|
|
&:after{ |
|
|
content:"剩余:"; |
|
|
content:'kg'; |
|
|
font-weight: normal; |
|
|
} |
|
|
} |
|
|
} |
|
|
&:after{ |
|
|
&.surplus{ |
|
|
content:'kg'; |
|
|
flex-shrink: 0; |
|
|
font-weight: normal; |
|
|
font-size:24rpx; |
|
|
|
|
|
color:#FFC760; |
|
|
|
|
|
&:before{ |
|
|
|
|
|
content:"剩余:"; |
|
|
|
|
|
font-weight: normal; |
|
|
|
|
|
} |
|
|
|
|
|
&:after{ |
|
|
|
|
|
content:'kg'; |
|
|
|
|
|
font-weight: normal; |
|
|
|
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
.info{ |
|
|
.info{ |
|
|
font-size: 24rpx; |
|
|
font-size: 24rpx; |
|
|
color:#999; |
|
|
color:#999; |
|
|
|
|
|
display: flex; |
|
|
|
|
|
align-items: center; |
|
|
|
|
|
justify-content: space-between; |
|
|
|
|
|
text.plant-jinrongjiaoyi{ |
|
|
|
|
|
display: flex; |
|
|
display: flex; |
|
|
align-items: center; |
|
|
align-items: center; |
|
|
color:#10C176; |
|
|
justify-content: space-between; |
|
|
font-size:24rpx; |
|
|
text.plant-jinrongjiaoyi{ |
|
|
background:#EEFBF5; |
|
|
display: flex; |
|
|
height:48rpx; |
|
|
align-items: center; |
|
|
line-height: 48rpx; |
|
|
color:#10C176; |
|
|
padding:0 10rpx; |
|
|
font-size:24rpx; |
|
|
&:before{ |
|
|
background:#EEFBF5; |
|
|
font-size:35rpx; |
|
|
height:48rpx; |
|
|
|
|
|
line-height: 48rpx; |
|
|
|
|
|
padding:0 10rpx; |
|
|
|
|
|
&:before{ |
|
|
|
|
|
font-size:35rpx; |
|
|
|
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
@ -118,18 +129,21 @@ |
|
|
|
|
|
|
|
|
<scroll-view scroll-y @scrolltolower="search"> |
|
|
<scroll-view scroll-y @scrolltolower="search"> |
|
|
<view class="card" v-for="(v,k) in list" :key="k"> |
|
|
<view class="card" v-for="(v,k) in list" :key="k"> |
|
|
<u-image width="90rpx" height="90rpx" radius="6rpx" mode="aspectFill" :src="`${host}/${v.images}`"> |
|
|
<view class="batch plant-a-zu224211">{{v.harvestBatch}}</view> |
|
|
<text slot="error" style="font-size:45rpx;" class="plant-xiaopangchetupianjiazaishibai"/> |
|
|
<view class="content"> |
|
|
</u-image> |
|
|
<u-image width="90rpx" height="90rpx" radius="6rpx" mode="aspectFill" :src="`${host}/${v.images}`"> |
|
|
<view class="detail"> |
|
|
<text slot="error" style="font-size:45rpx;" class="plant-xiaopangchetupianjiazaishibai"/> |
|
|
<view class="name"> |
|
|
</u-image> |
|
|
<text class="over">{{v.plantName}}</text> |
|
|
<view class="detail"> |
|
|
<text class="total">{{v.totalNum}}</text> |
|
|
<view class="name"> |
|
|
<text class="surplus">{{v.harvestNum}}</text></view> |
|
|
<text class="over">{{v.plantName}}</text> |
|
|
<view class="info"> |
|
|
<text class="total">{{v.totalNum}}</text> |
|
|
<text class="people">负责人:{{v.principal}}</text> |
|
|
<text class="surplus">{{v.harvestNum}}</text></view> |
|
|
<text class="date">采收日期:{{v.harvestTime}}</text> |
|
|
<view class="info"> |
|
|
<text class="plant-jinrongjiaoyi" v-if="v.harvestNum>0" @click="toAddTransaction(v)">交易</text> |
|
|
<text class="people">负责人:{{v.principal}}</text> |
|
|
|
|
|
<text class="date">采收日期:{{v.harvestTime}}</text> |
|
|
|
|
|
<text class="plant-jinrongjiaoyi" v-if="v.harvestNum>0" @click="toAddTransaction(v)">交易</text> |
|
|
|
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|