Browse Source

采收记录、交易记录 列表添加批次号

master
邓宏 1 year ago
parent
commit
e92fda4bb5
  1. 140
      pages/massif/mana/recovery.vue
  2. 88
      pages/massif/mana/transactions.vue

140
pages/massif/mana/recovery.vue

@ -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>

88
pages/massif/mana/transactions.vue

@ -42,34 +42,45 @@
.card{ .card{
margin-top:0; margin-top:0;
display: flex; &>.batch{
.u-transition{ color:#10C176;
margin-right:20rpx; border-bottom:2rpx solid rgba(216, 216, 216, 0.3);
} margin-bottom:24rpx;
&>.info{ padding-bottom:10rpx;
flex-grow: 1; &:before{
width:1rpx; margin-right:10rpx;
.title{
font-weight: bold;
margin-bottom:6rpx;
} }
.spec,.total{ }
font-size:24rpx; &>.content{
color:#999; display: flex;
margin-top:10rpx; .u-transition{
display:flex; margin-right:20rpx;
align-items: center;
text:first-child{
min-width:180rpx;
}
} }
.total{ &>.info{
text:first-child{ flex-grow: 1;
color:#10C176; width:1rpx;
.title{
font-weight: bold; font-weight: bold;
&:after{ margin-bottom:6rpx;
content:"("attr(data-unit)")"; }
font-weight: normal; .spec,.total{
font-size:24rpx;
color:#999;
margin-top:10rpx;
display:flex;
align-items: center;
text:first-child{
min-width:180rpx;
}
}
.total{
text:first-child{
color:#10C176;
font-weight: bold;
&:after{
content:"("attr(data-unit)")";
font-weight: normal;
}
} }
} }
} }
@ -87,18 +98,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 radius="20rpx" width="130rpx" height="118rpx" mode="aspectFill" :src="`${host}/${v.images[0]}`"> <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 radius="20rpx" width="130rpx" height="118rpx" mode="aspectFill" :src="`${host}/${v.images[0]}`">
<view class="info"> <text slot="error" style="font-size:45rpx;" class="plant-xiaopangchetupianjiazaishibai"/>
<view class="title">{{v.productName}}</view> </u-image>
<view class="spec"> <view class="info">
<text>规格{{v.specification}}</text> <view class="title">{{v.productName}}</view>
<text class="over">{{v.buyerName}}</text> <view class="spec">
</view> <text>规格{{v.specification}}</text>
<view class="total"> <text class="over">{{v.buyerName}}</text>
<text :data-unit="`${(parseFloat(v.tradeNum)||0)*(parseFloat(v.specification)||0)}${v.weightUnit}`">{{v.tradeNum}}{{v.packUnit_dictText}}</text> </view>
<text>交易日期{{v.tradeTime}}</text> <view class="total">
<text :data-unit="`${(parseFloat(v.tradeNum)||0)*(parseFloat(v.specification)||0)}${v.weightUnit}`">{{v.tradeNum}}{{v.packUnit_dictText}}</text>
<text>交易日期{{v.tradeTime}}</text>
</view>
</view> </view>
</view> </view>
</view> </view>

Loading…
Cancel
Save