用开眼与闭眼实现数据显示与隐藏

ghsApp/src/admin/home/workbench.vue

@@ -60,33 +60,36 @@
 			<block v-if="lookMoney == 1">
 				<div class="income-amount" @click="pageTo({url:'/admin/stat/kdIncome'})">
 					<div>收入</div>
-					<div class="price">{{ $util.numberFormat(data.todayData.income) }}</div>
+					<div class="price">
+						{{ showData ? $util.numberFormat(data.todayData.income) : '**' }}
+						<text @click.stop="toggleEye" class="eye-icon">{{ showData ? '👁️' : '🙈' }}</text>
+					</div>
 				</div>
 			</block>
 			<div class="user-bottom">
 				<navigator class="info-list" url="/admin/custom/visit">
 					<div class="info-list-name">访客</div>
 					<div class="info-list-value">
-						{{ $util.numberFormat(data.todayData.visitCustom) || 0 }}
+						{{ showData ? ($util.numberFormat(data.todayData.visitCustom) || 0) : '**' }}
 					</div>
 				</navigator>
 				<navigator url="/admin/home/order" open-type="switchTab" class="info-list">
 					<div class="info-list-name">订单</div>
 					<div class="info-list-value">
-						{{ $util.numberFormat(data.todayData.order) || 0 }}
+						{{ showData ? ($util.numberFormat(data.todayData.order) || 0) : '**' }}
 					</div>
 				</navigator>
 				<navigator url="/admin/stat/wastage" class="info-list">
 					<div class="info-list-name">损耗</div>
 					<div class="info-list-value">
-						{{ $util.numberFormat(data.todayData.wastage) || 0 }}
+						{{ showData ? ($util.numberFormat(data.todayData.wastage) || 0) : '**' }}
 					</div>
 				</navigator>
 				<navigator url="/admin/stat/kdIncome" class="info-list">
 					<div class="info-list-name">昨日</div>
 					<div class="info-list-value">
 						<block v-if="lookMoney == 1">
-							{{ $util.numberFormat(yesterdayIncome) }}
+							{{ showData ? $util.numberFormat(yesterdayIncome) : '**' }}
 						</block>
 						<block v-else>0</block>
 					</div>
@@ -100,29 +103,29 @@
 					<div class="total-list2"> 
 						<div class="app-color-3">系统收款</div>
 						<div class="list-num">
-							<view>{{countStat.systemCount||0}}</view>
-							<view>{{countStat.systemIncome?parseFloat(countStat.systemIncome):0}}</view>
+							<view>{{ showData ? (countStat.systemCount||0) : '**' }}</view>
+							<view>{{ showData ? (countStat.systemIncome?parseFloat(countStat.systemIncome):0) : '**' }}</view>
 						</div>
 					</div>
 					<div class="total-list2"> 
 						<div class="app-color-3">线下微信</div>
 						<div class="list-num">
-							<view>{{countStat.kfWxCount||0}}</view>
-							<view>{{countStat.kfWxIncome?parseFloat(countStat.kfWxIncome):0}}</view>
+							<view>{{ showData ? (countStat.kfWxCount||0) : '**' }}</view>
+							<view>{{ showData ? (countStat.kfWxIncome?parseFloat(countStat.kfWxIncome):0) : '**' }}</view>
 						</div> 
 					</div>
 					<div class="total-list2"> 
 						<div class="app-color-3">现金</div>
 						<div class="list-num">
-							<view>{{countStat.cashCount||0}}</view>
-							<view>{{countStat.cashIncome?parseFloat(countStat.cashIncome):0}}</view>
+							<view>{{ showData ? (countStat.cashCount||0) : '**' }}</view>
+							<view>{{ showData ? (countStat.cashIncome?parseFloat(countStat.cashIncome):0) : '**' }}</view>
 						</div> 
 					</div>
 					<div class="total-list2"> 
 						<div class="app-color-3">挂账</div>
 						<div class="list-num">
-							<view>{{countStat.debtCount||0}}</view>
-							<view>{{countStat.debtIncome?parseFloat(countStat.debtIncome):0}}</view>
+							<view>{{ showData ? (countStat.debtCount||0) : '**' }}</view>
+							<view>{{ showData ? (countStat.debtIncome?parseFloat(countStat.debtIncome):0) : '**' }}</view>
 						</div> 
 					</div>
 				</div>
@@ -180,7 +183,7 @@
 				<div class="total-list" v-for="(item, index) in overview" :key="index" @click="pageTo(item)">
 					<div class="list-num">
 						<block v-if="lookMoney == 0 && item.name=='总挂账'">0</block>
-						<block v-else>{{ $util.numberFormat(item.value) }}</block>
+						<block v-else>{{ showData ? $util.numberFormat(item.value) : '**' }}</block>
 					</div>
 					<div class="app-color-3">{{ item.name }}</div>
 				</div>
@@ -308,7 +311,8 @@ export default {
 			sendOrderList:[],
 			showSendPage:0,
 			renewType:0,
-			yesterdayIncome:0
+			yesterdayIncome:0,
+			showData: uni.getStorageSync('workbench_show_data') === '' ? true : uni.getStorageSync('workbench_show_data'),
 		};
 	},
 	onShareAppMessage(res) {
@@ -772,6 +776,10 @@ export default {
 		},
 		pageToNewOrderList(item) {
 			this.$util.pageTo({url: "newOrderList?type="+item,type:1})
+		},
+		toggleEye() {
+			this.showData = !this.showData;
+			uni.setStorageSync('workbench_show_data', this.showData);
 		}
 	}
 };
@@ -853,9 +861,20 @@ export default {
 		margin-top: 36upx;
 		margin-bottom: 37upx;
 		.price {
+			display: inline-block;
+			position: relative;
 			font-size: 50upx;
 			font-weight: bold;
 			margin-top: 4upx;
+			.eye-icon {
+				position: absolute;
+				right: -100upx;
+				top: 50%;
+				transform: translateY(-50%);
+				font-size: 36upx;
+				font-weight: normal;
+				padding: 20upx;
+			}
 		}
 	}
 	.user-bottom {