库存管理 农产品页面样式

pages/stock/mana.vue

@@ -83,8 +83,17 @@
 					&>text{
 						font-size:24rpx;
 						color:#999;
+						&.detailType{
+							flex-shrink: 0;
+							color:#FBA83C;
+							margin-right:20rpx;
+						}
+						&.warehouse{
+							color:#999;
+						}
 					}
 					&>.btns{
+						flex-shrink: 0;
 						margin-left:auto;
 						button{
 							padding:0;
@@ -130,10 +139,11 @@
 
 		<scroll-view scroll-y @scrolltolower="search">
 			<view class="card item" v-for="(v,k) in list" :key="k">
+				<template v-if="searchVal.substanceType=='nz'">
 					<view class="info">
 						<text>{{v.agriculturalGoods}}</text>
 						<text class="over">{{v.substanceName}}</text>
-					<text v-if="searchVal.substanceType=='nz'">({{v.specDescribe}})</text>
+						<text>({{v.specDescribe}})</text>
 						<text v-if="v.replenishment">补货量≥{{v.replenishment}}{{v.unit}}</text>
 					</view>
 					<view class="company">
@@ -147,6 +157,22 @@
 							<button class="cu-btn" @click="toList('in',v)">入库</button>
 						</view>
 					</view>
+				</template>
+				<template v-else>
+					<view class="info">
+						<text>{{v.agriculturalGoods}}</text>
+						<text class="over">{{v.substanceName}}</text>
+						<text style="flex-shrink: 0;margin-left:auto;color:#333;">{{v.equivalentInventory||0}}{{v.unit}}</text>
+					</view>
+					<view class="num">
+						<text class="detailType">{{v.detailType}}</text>
+						<text class="warehouse over">{{v.wareHouseName}}</text>
+						<view class="btns">
+							<button class="cu-btn" @click="toList('out',v)">出库</button>
+							<button class="cu-btn" @click="toList('in',v)">入库</button>
+						</view>
+					</view>
+				</template>
 			</view>
 			<u-empty v-if="list.length<=0" text="为查询到相关信息" width="70%" icon="/static/noData.png"/>
 		</scroll-view>