备货菜单显示待处理订单数量

src/api/api.js

@@ -430,3 +430,10 @@ export const shipmentBoxPage = (params) => {
 		method: 'GET',
 	});
 }
+
+// 待备货（可出）订单列表数量统计
+export const dataScopeCanShipmentCount = (params) => {
+	return http("/air/order/data/scope/can/shipment/count", params, {
+		method: 'GET',
+	});
+}
\ No newline at end of file

src/pages/index/index.vue

@@ -7,6 +7,7 @@
           <!-- <uni-icons :type="item.icon" size="40"></uni-icons> -->
 		  <image :src='item.icon' mode="widthFix"></image>
           <text class="card-text">{{ item.title }}</text>
+		  <view class='cu-tag badge2' v-if="item.num">{{item.num}}</view>
         </view>
       </view>
       <uniSection class="mb-10" :title="$t('出库')" type="line"></uniSection>
@@ -60,6 +61,7 @@
 <script>
   import { uniSection, uniIcons } from '@dcloudio/uni-ui';
   import {getUserPermission, getUserProfile, getVesionData} from '../../api/system'
+  import {dataScopeCanShipmentCount} from '../../api/api'
   import path from '../../static/images/rucang.png'
   import path1 from '../../static/images/xiegui.png'
   import path2 from '../../static/images/tiaobo.png'
@@ -109,7 +111,8 @@
 				forceUpdate:0,
 				showdownLine:false,
 				downloadNum:0,//下载百分比
-				totalSize:0//下载总量
+				totalSize:0,//下载总量
+				num: 0
 			};
 
 		},
@@ -121,6 +124,9 @@
       })
     },
 	onLoad(){
+		dataScopeCanShipmentCount().then((data) => {
+			this.num = data
+		}); 
 		setTimeout(()=>{
 			this.getVersion()
 			//#ifdef APP
@@ -182,7 +188,8 @@
             title: this.$t('空运备货'),
             icon: path7,
             color: '#e54d42',
-            url: '../stocking/index'
+            url: '../stocking/index',
+			num: this.num
           },
           {
             permission: 'pda:ExitWarehouseAir',
@@ -494,4 +501,17 @@
 		width: 80%;
 		margin: 20upx auto;
 	}
+	
+	.cu-tag.badge2 {
+		border-radius: 200upx;
+		top: -30upx;
+		font-size: 30upx;
+		padding: 0upx 10upx;
+		height: 38upx;
+		color: #ffffff;
+	}
+	
+	.cu-tag.badge2:not([class*="bg-"]) {
+		background-color: #dd514c;
+	}
 </style>