From 3f9a23f5e1342b8cdaa922952cfa2a02a6f81e2b Mon Sep 17 00:00:00 2001
From: wangxiaohua <1214073490@qq.com>
Date: Wed, 18 Aug 2021 10:10:59 +0800
Subject: [PATCH] init

---
 config.js                 |   9 ++
 pages/index/index.vue     | 244 +++++++++++++++++++++++++++++++++-----
 static/images/offline.png | Bin 0 -> 2537 bytes
 3 files changed, 221 insertions(+), 32 deletions(-)
 create mode 100644 static/images/offline.png

diff --git a/config.js b/config.js
index da0815b..a6d4e94 100644
--- a/config.js
+++ b/config.js
@@ -60,6 +60,15 @@ var config = {
 	getSpeechAnalysis: `${host}/cms/mobile/getBytargetId`, 
 	//同音转译接口2
 	getCorpusAnalysis: `${host}/corpus/audioPlay`,
+	//查询设备电量
+	findElectricity:`${host}/equipment/findElectricity`,
+	//首页设备查询
+	findEquipmentState:`${host}/cusLvStatistics/findEquipmentState`,
+	//首页实时统计
+	realTimeStatistics:`${host}/cusLvStatistics/realTimeStatistics`,
+	//首页本周工作
+	workThisWeek:`${host}/cusLvStatistics/workThisWeek`,
+	
   }
 };
 module.exports = config;
\ No newline at end of file
diff --git a/pages/index/index.vue b/pages/index/index.vue
index a4a6f19..bef9ab5 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -8,46 +8,73 @@
 			<view class="Switching3">{{buildingname}}</view>
 			<view class="Switching4" v-if="buildingishow" @click="piskbuilding()">切换楼盘</view>
 		</view>
-		<view class="title" style="margin-top: 30rpx;">我的工牌</view>
-		<view class="Workcard">
-			<view class="Workcard-box">
-				<view class="Workcardimg">
-					<image class="Workcardimg1" src="../../static/images/battery.png" mode=""></image>
+		
+		<view class="title" style="margin-top: 30rpx;" v-if="Myworkcard">我的工牌</view>
+		<view v-if="Myworkcard">	
+			<view class="Workcard" v-if="Whetheroffline==true">
+				<view class="Workcard-box">
+					<view class="Workcardimg">
+						<view class="Workcardimg1">
+							<view v-if="percentage>20" class="bar" :style="{width : percentage + '%' }"></view>
+							<view v-if="percentage<20" class="bar1" :style="{width : percentage + '%' }"></view>
+						</view>
+					</view>
+					<view class="Workcardtext">电量：{{percentage}}%</view>
 				</view>
-				<view class="Workcardtext">电量：96%</view>
-			</view>
-			<view class="Workcard-box">
-				<view class="Workcardimg">
-					<image class="Workcardimg1" src="../../static/images/signal5.png" mode=""></image>
+				<view class="Workcard-box">
+					<view class="Workcardimg">
+						<image v-if="signalDevice==''" class="Workcardimg2" src="../../static/images/signal0.png" mode=""></image>
+						<image v-else-if="signalDevice<20 && signalDevice>0" class="Workcardimg2" src="../../static/images/signal1.png" mode=""></image>
+						<image v-else-if="signalDevice<50 && signalDevice>20" class="Workcardimg2" src="../../static/images/signal2.png" mode=""></image>
+						<image v-else-if="signalDevice<70 && signalDevice>50" class="Workcardimg2" src="../../static/images/signal3.png" mode=""></image>
+						<image v-else-if="signalDevice<90 && signalDevice>70" class="Workcardimg2" src="../../static/images/signal4.png" mode=""></image>
+						<image v-else-if="signalDevice<=100 && signalDevice>90" class="Workcardimg2" src="../../static/images/signal5.png" mode=""></image>
+					</view>
+					<view class="Workcardtext">信号：{{signalDevicetext}}</view>
+				</view>
+				<view class="Workcard-box">
+					<view class="Workcardimg">
+						<image v-if="audioStatus=='true'" class="Workcardimg3" src="../../static/images/Thtapedrive1.png" mode=""></image>
+						<image v-if="audioStatus=='false'" class="Workcardimg3" src="../../static/images/Thtapedrive2.png" mode=""></image>
+					</view>
+					<view v-if="audioStatus=='true'" class="Workcardtext">录音：已开启</view>
+					<view v-if="audioStatus=='false'" class="Workcardtext">录音：未开启</view>
 				</view>
-				<view class="Workcardtext">信号：弱</view>
 			</view>
-			<view class="Workcard-box">
-				<view class="Workcardimg">
-					<image class="Workcardimg3" src="../../static/images/Thtapedrive2.png" mode=""></image>
+			<view class="Workcard" v-if="Whetheroffline==false">
+				<view class="Workcard-box">
+					<view class="Workcardimg">
+						<image class="Workcardimg4" src="../../static/images/offline.png" mode=""></image>
+					</view>
+					<view class="Workcardtext">设备离线</view>
 				</view>
-				<view class="Workcardtext">录音：未开启</view>
 			</view>
 		</view>
-		<view class="title">设备</view>
-		<view class="shebenbox">
+		
+	
+		
+		<view class="title" v-if="equipmentisshow">设备</view>
+		<view class="shebenbox" v-if="equipmentisshow">
 			<view class="shebenche">
-				<view class="shebenchenum">158</view>
+				<view class="shebenchenum">{{equipmentobj.totalNum}}</view>
 				<view class="shebenchetext">设备总数</view>
 			</view>
 			<view class="shebenche">
-				<view class="shebenchenum">5</view>
+				<view class="shebenchenum">{{equipmentobj.onlineNum}}</view>
 				<view class="shebenchetext">在线</view>
 			</view>
 			<view class="shebenche">
-				<view class="shebenchenum">2</view>
+				<view class="shebenchenum">{{equipmentobj.activeNum}}</view>
 				<view class="shebenchetext">活跃</view>
 			</view>
 			<view class="shebenche">
-				<view class="shebenchenum" style="color: red;">5</view>
+				<view class="shebenchenum" style="color: red;">{{equipmentobj.lowPowerNum}}</view>
 				<view class="shebenchetext">急需充电</view>
 			</view>
 		</view>
+		
+		
+		
 		<view class="title">实时统计</view>
 		<view class="real-timebox">
 			<view class="timebox">
@@ -178,15 +205,29 @@
 </template>
 
 <script>
+	var config = require("../../config");
 	export default {
 		data() {
 			return {
 				userInfo:{},
 				Showhiddenunits:false,
-				lpanlist:[],
-				buildingname:'',
-				buildingID:'',
-				buildingishow:false
+				lpanlist:[],//楼盘列表
+				buildingname:'',//楼盘名
+				buildingID:'',//楼盘id
+				buildingishow:false,//是否选择楼盘
+				Myworkcard:false,
+				percentage:'',//设备电量
+				Whetheroffline:false,//是否离线
+				signalDevice:0,//信号
+				signalDevicetext:"",
+				audioStatus:false,
+				equipmentisshow:false,
+				equipmentobj:{
+					totalNum:'',
+					onlineNum:'',
+					activeNum:'',
+					lowPowerNum:'',
+				}
 			};
 		},
 		components: {},
@@ -200,16 +241,133 @@
 				this.buildingishow=true;
 				this.buildingname=uni.getStorageSync('buildingID').name;
 				this.buildingID=uni.getStorageSync('buildingID').id;
-				
 				this.userInfo.zkProperties.forEach(item=>{
 					item.label=item.propertyName;
 					item.value=item.id
 				})
 				this.lpanlist=this.userInfo.zkProperties
-				
 			}
+			if (this.userInfo.dataCode == 6) {
+				this.Myworkcard=true;
+				this.equipmentisshow=false;
+				this.iniodianloang()
+			}else{
+				this.equipmentisshow=true;
+				this.Myworkcard=false;
+				this.initequipment()
+			}
+			this.initworkThisWeek()
+			// this.initrealTimeStatistics()
 		},
 		methods: {
+			initworkThisWeek(){
+				uni.request({
+					url: config.service.workThisWeek,
+					method: "POST",
+					header: {
+						'content-type': 'application/json',
+						'Access-Token': uni.getStorageSync('weapp_session_login_data').token
+					},
+					data: {
+						houseId:this.buildingID
+					},
+					success: (data) => {
+						if (data.data.data == null) {
+							return
+						}else{
+							
+						}
+					}
+				})
+			},
+			//实时统计
+			initrealTimeStatistics(){
+				uni.request({
+					url: config.service.realTimeStatistics,
+					method: "POST",
+					header: {
+						'content-type': 'application/json',
+						'Access-Token': uni.getStorageSync('weapp_session_login_data').token
+					},
+					data: {
+						houseId:this.buildingID
+					},
+					success: (data) => {
+						if (data.data.data == null) {
+							return
+						}else{
+							
+						}
+					}
+				})
+			},
+			//设备
+			initequipment(){
+				uni.request({
+					url: config.service.findEquipmentState,
+					method: "POST",
+					header: {
+						'content-type': 'application/json',
+						'Access-Token': uni.getStorageSync('weapp_session_login_data').token
+					},
+					data: {
+						propertyId:this.buildingID
+					},
+					success: (data) => {
+						if (data.data.data == null) {
+							return
+						}else{
+							this.equipmentobj={
+								totalNum:'0',
+								onlineNum:'0',
+								activeNum:'0',
+								lowPowerNum:'0',
+							}
+						}
+					}
+				})
+			},
+			//我的工牌
+			iniodianloang() {
+				uni.request({
+					url: config.service.findElectricity,
+					method: "POST",
+					header: {
+						'content-type': 'application/json',
+						'Access-Token': uni.getStorageSync('weapp_session_login_data').token
+					},
+					data: {},
+					success: (data) => {
+						if (data.data.data == null) {
+							return
+						} else {
+							if (data.data.data > 100) {
+								this.percentage = 100;
+							} else {
+								if(data.data.data.onLine==0){
+									this.Whetheroffline=false;
+								}else{
+									this.Whetheroffline=true;
+									this.percentage = data.data.data.electricity;
+									this.signalDevice=data.data.data.signalDevice/1;
+									console.log(this.signalDevice)
+									this.audioStatus=data.data.data.audioStatus;
+									if(this.signalDevice>80){
+										this.signalDevicetext='高';
+									}else{
+										if(this.signalDevice==0){
+											this.signalDevicetext='无';
+										}else{
+											this.signalDevicetext='低';
+										}
+									}
+								}	
+								
+							}	
+						}
+					}
+				})
+			},
 			//选择楼盘弹框
 			piskbuilding(){
 				this.Showhiddenunits=true;
@@ -316,15 +474,37 @@
 		height: 100%;
 		.Workcardimg{
 			width: 100%;
-			text-align: center;
+			display: flex;
+			justify-content: center;
 			margin-top: 42rpx;
 			.Workcardimg1{
-				width: 46rpx;
-				height: 28rpx;
+				width: 64rpx;
+				height: 36rpx;
+				background-image: url(../../static/images/battery.png);
+				background-size: 100% 100%;
+				padding: 8rpx;
+				.bar {
+					background-color: #43CD80;
+					height: 100%;
+					border-radius: 4rpx;
+				}	
+				.bar1 {
+					background-color: red;
+					height: 100%;
+					border-radius: 4rpx;
+				}	
+			}
+			.Workcardimg2{
+				width: 56rpx;
+				height: 36rpx;
 			}
 			.Workcardimg3{
-				width: 28rpx;
-				height: 32rpx;
+				width: 34rpx;
+				height: 36rpx;
+			}
+			.Workcardimg4{
+				width: 50rpx;
+				height: 40rpx;
 			}
 		}
 		.Workcardtext{
diff --git a/static/images/offline.png b/static/images/offline.png
new file mode 100644
index 0000000000000000000000000000000000000000..c1fc802e9335c44c0298fa0b1713d36c8e26ae4c
GIT binary patch
literal 2537
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

literal 0
HcmV?d00001