登录保存商户信息

pageStaff/index.vue

@@ -3,7 +3,7 @@
 		<li v-for="item in datas.list " :key="item.id">
 			<view class="">
 				<view class="">
-					<span style="font-size: 28rpx;color: #333333; ">{{item.name}}</span>
+					<span style="font-size: 28rpx;color: #333333; ">{{item.name}}&nbsp;</span>
 					<span style="font-size: 24rpx;color: #999; ">{{item.code}}</span>
 				</view>
 				<view class="" style="font-size: 24rpx;color: #666666;">
@@ -25,7 +25,12 @@
 				</view>
 			</view>
 		</li>
+		<li style="background-color: rgba(0,0,0,0);"></li>
 	</ul>
+	<view v-if="datas.list.length==0" style="text-align: center;">
+		<image src="./bg.png" style="width: 325rpx;height: 335rpx;" mode=""></image>
+		<view style="font-size: 28rpx;color: #999;">暂无员工</view>
+	</view>
 	<view class="bottomBotton" @tap="toUrl">
 		添加员工
 	</view>
@@ -41,6 +46,9 @@
 		watch,
 		onMounted
 	} from 'vue';
+	import {
+		onShow
+	} from '@dcloudio/uni-app';
 	import go from '@/commons/utils/go.js';
 	import {
 		rolesGet,
@@ -53,7 +61,7 @@
 		// 删除员工id
 		rolesId: ""
 	})
-	onMounted(() => {
+	onShow(() => {
 		getList()
 	})
 
@@ -94,14 +102,18 @@
 	function getList() {
 		rolesGet({
 			shopId: uni.getStorageSync("shopId"),
-			page: 1,
+			page: 0,
 			size: 100
 		}).then((res) => {
 			datas.list = res.content
 		})
 	}
 </script>
-
+<style>
+	page {
+		background-color: #f9f9f9;
+	}
+</style>
 <style lang="less" scoped>
 	* {
 		padding: 0;
@@ -110,9 +122,7 @@
 		outline: none;
 	}
 
-	page {
-		background-color: #f9f9f9;
-	}
+
 
 	ul,
 	li {
@@ -133,7 +143,7 @@
 				align-items: center;
 				justify-content: space-between;
 				height: 96rpx;
-
+				
 			}
 
 			>view:first-child {