esswisdom_ipad_V1/pages/supplyss/supplyss.vue

<template>
	<view class="content">
		<view class="top">
			<image class="top_logo" src="../../static/logo.png" mode=""></image>
			<image class="tite" src="../../static/tite.png" mode=""></image>
			<view class="time">
				<view class="time_top">
					{{formattedTime}}
				</view>
				<view class="time_bottom">
					<view>

					</view>
					<view class="time_bottom1">
						连接状态：
						<view class="time_state" v-if="uidatasdata.bms_ChgLinkSt">
							在线
						</view>
						<view class="time_state1" v-else>
							离线
						</view>
					</view>

				</view>

			</view>
		</view>
		<view class="parameter">
			<view class="parameter_left">
				<view class="parameter_left1">
					<canvas class="canvas" canvas-id="canvas2">
					</canvas>
					<view class="parameter_canvas">
						<view class="parameter_canvas1">
							0
						</view>
						<view class="parameter_canvas2">
							100%
						</view>
					</view>
				</view>
				<image class="parameter_leftdian1" src="../../static/dian1.png" alt="" />
				<view class="parameter_lef2">
					<image src="../../static/dian2.png" mode=""></image>
				</view>
				<image class="parameter_leftche2" src="../../static/che1.png" mode=""></image>
				<view class="parameter_leftview">直流供电</view>
			</view>
			<view class="parameter_right">
				<view class="parameter_righttop">
					<view class="parameter_1">
						<view class="parameter_2">
							<view class="parameter_3" v-if="ChargingStation==1">
								<view class="parameter_4">
									<image src="../../static/y8.png" mode="" v-if="uidatasdata.ChargingStation_1_remoteSignaFrameCarConnectStatus_ccu==1.00"></image>
									<image src="../../static/y6.png" mode="" v-else></image>
									连接状态
								</view>
								<view class="parameter_51" v-if="uidatasdata.ChargingStation_1_remoteSignaFrameCarConnectStatus_ccu==1.00">
									连接
								</view>
								<view class="parameter_5" v-else>
									断开
								</view>
							</view>
							 <view class="parameter_3" v-else>
							 	<view class="parameter_4">
							 		<image src="../../static/y8.png" mode="" v-if="uidatasdata.ChargingStation_2_remoteSignaFrameCarConnectStatus_ccu==1.00"></image>
							 		<image src="../../static/y6.png" mode="" v-else></image>
							 		连接状态
							 	</view>
							 	<view class="parameter_51" v-if="uidatasdata.ChargingStation_2_remoteSignaFrameCarConnectStatus_ccu==1.00">
							 		连接
							 	</view>
							 	<view class="parameter_5" v-else>
							 		断开
							 	</view>
							 </view>
							<view class="parameter_3" v-if="ChargingStation==1">
								<view class="parameter_4">
									<image src="../../static/y8.png" mode="" v-if="uidatasdata.ChargingStation_1_remoteSignaFrameCarJobStatus_ccu==1.00"></image>
									<image src="../../static/y6.png" mode="" v-else></image>
									工作状态
								</view>
								<view class="parameter_Batterystate">
									<view v-if="uidatasdata.ChargingStation_1_remoteSignaFrameCarJobStatus_ccu==0.00">
										待机
									</view>
									<view v-if="uidatasdata.ChargingStation_1_remoteSignaFrameCarJobStatus_ccu==1.00">
										工作
									</view>
									<view v-if="uidatasdata.ChargingStation_1_remoteSignaFrameCarJobStatus_ccu==2.00">
										充电完成
									</view>
									<view v-if="uidatasdata.ChargingStation_1_remoteSignaFrameCarJobStatus_ccu==3.00">
										充电暂停
									</view>
								</view>
								
							</view>
							<view class="parameter_3" v-if="ChargingStation==2">
								<view class="parameter_4">
									<image src="../../static/y8.png" mode="" v-if="uidatasdata.ChargingStation_2_remoteSignaFrameCarJobStatus_ccu==1.00"></image>
									<image src="../../static/y6.png" mode="" v-else></image>
									工作状态
								</view>
								<view class="parameter_Batterystate">
									<view v-if="uidatasdata.ChargingStation_2_remoteSignaFrameCarJobStatus_ccu==0.00">
										待机
									</view>
									<view v-if="uidatasdata.ChargingStation_2_remoteSignaFrameCarJobStatus_ccu==1.00">
										工作
									</view>
									<view v-if="uidatasdata.ChargingStation_2_remoteSignaFrameCarJobStatus_ccu==2.00">
										充电完成
									</view>
									<view v-if="uidatasdata.ChargingStation_2_remoteSignaFrameCarJobStatus_ccu==3.00">
										充电暂停
									</view>
								</view>
							<!-- 	<view class="parameter_5" v-else>
									断开
								</view> -->
							</view>

						</view>
						<view class="parameter_SOC">
							<image src="../../static/SOC.png" mode=""></image>
							<view class="parameter_SOCright">
								<view class="parameter_SOCright1">
									SOC
								</view>
								<view>
									<text class="parameter_SOCright2">{{uidatasdata.SOC}}</text><text>%</text>
								</view>
							</view>
						</view>
						<view class="parameter_Battery">
							<image src="../../static/Battery.png" mode=""></image>
							<view class="parameter_SOCright">
								<view class="parameter_SOCright1">
									电池状态
								</view>
								<view class="parameter_Batterystate">
									<view v-if="uidatasdata.bms_BatSysState==5">
										故障
									</view>
									<view v-if="uidatasdata.bms_BatSysState==0">
										出始化
									</view>
									<view v-if="uidatasdata.bms_BatSysState==1">
										未上高压
									</view>
									<view v-if="uidatasdata.bms_BatSysState==2">
										上高压中
									</view>
									<view v-if="uidatasdata.bms_BatSysState==3">
										已上高压
									</view>
									<view v-if="uidatasdata.bms_BatSysState==4">
										下高压中
									</view>
									<!-- {{uidatasdata.bms_BatSysState==0.00?'无效':'有效'}} -->
								</view>
							</view>
						</view>
						<view class="parameter_state">
							<image src="../../static/setup.png" mode=""></image>
							<view class="parameter_SOCright">
								<view class="parameter_SOCright1">
									系统状态
								</view>
								<view class="parameter_Batterystate">
									<!-- {{uidatasdata.bms_ChgLinkSt==0.00?'无效':'有效'}} -->
									<view v-if="uidatasdata.bms_ChargeStatus==0">
										未充电
									</view>
									<view v-if="uidatasdata.bms_ChargeStatus==1">
										充电中
									</view>
									<view v-if="uidatasdata.bms_ChargeStatus==2">
										充电故障
									</view>
									<view v-if="uidatasdata.bms_ChargeStatus==3">
										充满
									</view>
									<view v-if="uidatasdata.bms_ChargeStatus==4">
										充电停止
									</view>
									<view v-if="uidatasdata.bms_ChargeStatus==5">
										保留
									</view>
								</view>
							</view>
						</view>
					</view>
				</view>
				<view class="parameter_tap">
					<view :class="segmented==1?'parameter_tap1':'parameter_tap2'" @click="ontap(1)">
						枪1信息
					</view>
					<view :class="segmented==2?'parameter_tap1':'parameter_tap2'" @click="ontap(2)">
						枪2信息
					</view>
					<view :class="segmented==3?'parameter_tap1':'parameter_tap2'" @click="ontap(3)">
						电池信息
					</view>
					<view :class="segmented==4?'parameter_tap1':'parameter_tap2'" @click="ontap(4)">
						连接信息
					</view>
					<view :class="segmented==5?'parameter_tap1':'parameter_tap2'" @click="ontap(5)">
						液冷信息
					</view>
				</view>
				<view class="parameter_zheng">
					<view class="parameter_box" v-if="segmented==1">
					<view class="parameter_zheng1">
						<view class="parameter_zheng11">
							<view class="parameter_zheng12">
								充电电压
							</view>
							<view class="parameter_zheng13">
								{{uidatasdata.ChargingStation_1_telemetryFrameccu_outputVoltage}} <text class="parameter_zheng14">V</text>
							</view>
						</view>
						<view class="parameter_zheng11">
							<view class="parameter_zheng12">
							充电电流
							</view>
							<view class="parameter_zheng13">
								{{uidatasdata.ChargingStation_1_telemetryFrameccu_chargeOutputCurrent}} <text class="parameter_zheng14">A</text>
							</view>
						</view>
						<view class="parameter_zheng11">
							<view class="parameter_zheng12">
								车辆SOC
							</view>
							<view class="parameter_zheng13">
								{{uidatasdata.ChargingStation_1_telemetryFrameccu_soc}} <text class="parameter_zheng14">%</text>
							</view>
						</view>
						<view class="parameter_zheng11">
							<view class="parameter_zheng12">
							充电功率
							</view>
							<view class="parameter_zheng13">
								{{((uidatasdata.ChargingStation_1_telemetryFrameccu_outputVoltage*uidatasdata.ChargingStation_1_telemetryFrameccu_chargeOutputCurrent)/1000).toFixed(2)}} <text class="parameter_zheng14">kW</text>
							</view>
						</view>
					</view>
					<view class="parameter_zheng2">
						<view class="parameter_zheng11">
							<view class="parameter_zheng12">
								充电电量
							</view>
							<view class="parameter_zheng13">
								{{uidatasdata.ChargingStation_1_telemetryFrameccu_ThisChargePower}} <text class="parameter_zheng14">kWh</text>
							</view>
						</view>
						<view class="parameter_zheng11">
							<view class="parameter_zheng12">
								充电费用
							</view>
							<view class="parameter_zheng13">
								{{uidatasdata.ChargingStation_1_telemetryFrameccu_AccumulatedChargingElectricityCost}} <text class="parameter_zheng14">元</text>
							</view>
						</view>
						<view class="parameter_zheng11">
							<view class="parameter_zheng12">
								充电时间
							</view>
							<view class="parameter_zheng13">
								{{uidatasdata.ChargingStation_1_telemetryFrameccu_EstimateTheRemainingChargingTime}} <text class="parameter_zheng14">min</text>
							</view>
						</view>
						
					</view>
					</view>
					<view class="parameter_box" v-if="segmented==2">
					<view class="parameter_zheng1">
						<view class="parameter_zheng11">
							<view class="parameter_zheng12">
								充电电压
							</view>
							<view class="parameter_zheng13">
								{{uidatasdata.ChargingStation_2_telemetryFrameccu_outputVoltage}} <text class="parameter_zheng14">V</text>
							</view>
						</view>
						<view class="parameter_zheng11">
							<view class="parameter_zheng12">
							充电电流
							</view>
							<view class="parameter_zheng13">
								{{uidatasdata.ChargingStation_2_telemetryFrameccu_chargeOutputCurrent}} <text class="parameter_zheng14">A</text>
							</view>
						</view>
						<view class="parameter_zheng11">
							<view class="parameter_zheng12">
								车辆SOC
							</view>
							<view class="parameter_zheng13">
								{{uidatasdata.ChargingStation_2_telemetryFrameccu_soc}}<text class="parameter_zheng14"> %</text>
							</view>
						</view>
						<view class="parameter_zheng11">
							<view class="parameter_zheng12">
							充电功率
							</view>
							<view class="parameter_zheng13">
								{{((uidatasdata.ChargingStation_2_telemetryFrameccu_outputVoltage*uidatasdata.ChargingStation_2_telemetryFrameccu_chargeOutputCurrent)/1000).toFixed(2)}} <text class="parameter_zheng14">kW</text>
							</view>
						</view>
					</view>
					<view class="parameter_zheng2">
						<view class="parameter_zheng11">
							<view class="parameter_zheng12">
								充电电量
							</view>
							<view class="parameter_zheng13">
								{{uidatasdata.ChargingStation_2_telemetryFrameccu_ThisChargePower}} <text class="parameter_zheng14">kWh</text>
							</view>
						</view>
						<view class="parameter_zheng11">
							<view class="parameter_zheng12">
								充电费用
							</view>
							<view class="parameter_zheng13">
								{{uidatasdata.ChargingStation_2_telemetryFrameccu_AccumulatedChargingElectricityCost}} <text class="parameter_zheng14">元</text>
							</view>
						</view>
						<view class="parameter_zheng11">
							<view class="parameter_zheng12">
								充电时间
							</view>
							<view class="parameter_zheng13">
								{{uidatasdata.ChargingStation_2_telemetryFrameccu_EstimateTheRemainingChargingTime}} <text class="parameter_zheng14">min</text>
							</view>
						</view>
						
					</view>
					</view>
					<view class="parameter_box" v-if="segmented==3">
					<view class="parameter_zheng1">
						<view class="parameter_zheng11">
							<view class="parameter_zheng12">
								电池功率
							</view>
							<view class="parameter_zheng13">
								{{uidatasdata.BatSysSt2_BatPower}} <text class="parameter_zheng14">kW</text>
							</view>
						</view>
						<view class="parameter_zheng11">
							<view class="parameter_zheng12">
							电池内总压
							</view>
							<view class="parameter_zheng13">
								{{uidatasdata.BatSysSt2_BatSumVInt}} <text class="parameter_zheng14">V</text>
							</view>
						</view>
						<view class="parameter_zheng11">
							<view class="parameter_zheng12">
								允许放电功率
							</view>
							<view class="parameter_zheng13">
								{{uidatasdata.DchChgCurPowLimit_MaxDischargePowerLimit}} <text class="parameter_zheng14">kW</text>
							</view>
						</view>
						<view class="parameter_zheng11">
							<view class="parameter_zheng12">
							最大单体电压
							</view>
							<view class="parameter_zheng13">
								{{uidatasdata.BatCellVPeak_ValMaxCellVoltage}} <text class="parameter_zheng14">V</text>
							</view>
						</view>
						<view class="parameter_zheng11">
							<view class="parameter_zheng12">
							最大单体温度
							</view>
							<view class="parameter_zheng13">
								{{uidatasdata.BatSysLimitVal_MaxCellTemperatureLimit}} <text class="parameter_zheng14">℃</text>
							</view>
						</view>
					</view>
					<view class="parameter_zheng2">
						<view class="parameter_zheng11">
							<view class="parameter_zheng12">
								电池电流
							</view>
							<view class="parameter_zheng13">
								{{uidatasdata.BatSysSt2_BatCur}} <text class="parameter_zheng14">A</text>
							</view>
						</view>
						<view class="parameter_zheng11">
							<view class="parameter_zheng12">
								电池外总压
							</view>
							<view class="parameter_zheng13">
								{{uidatasdata.BatSysSt2_BatSumVOut}} <text class="parameter_zheng14">V</text>
							</view>
						</view>
						<view class="parameter_zheng11">
							<view class="parameter_zheng12">
								允许放电电流
							</view>
							<view class="parameter_zheng13">
								{{uidatasdata.ChargingInformation_Chg_Max_Cur}}<text class="parameter_zheng14">A</text>
							</view>
						</view>
						<view class="parameter_zheng11">
							<view class="parameter_zheng12">
								最小单体电压
							</view>
							<view class="parameter_zheng13">
								{{uidatasdata.BatCellVPeak_ValMinCellVoltage}} <text class="parameter_zheng14">V</text>
							</view>
						</view>
						<view class="parameter_zheng11">
							<view class="parameter_zheng12">
								最小单体温度
							</view>
							<view class="parameter_zheng13">
								{{uidatasdata.CellTemperatureLimitsStatus_MinTemp}} <text class="parameter_zheng14">℃</text>
							</view>
						</view>
					</view>
					</view>
					<view class="parameter_box" v-if="segmented==4">
					<view class="parameter_zheng1">
						<view class="parameter_zheng11">
							<view class="parameter_zheng12">
								电池系统工作模式
							</view>
							
							<view class="parameter_Batterystate">
									<!-- {{uidatasdata.bms_BatSysWorkMode_==0.00?'无效':'有效'}} -->
									<view v-if="uidatasdata.bms_BatSysWorkMode_==0">
										无效
									</view>
									<view v-if="uidatasdata.bms_BatSysWorkMode_==1">
										放电模式
									</view>
									<view v-if="uidatasdata.bms_BatSysWorkMode_==2">
										pcs充电模式
									</view>
									<view v-if="uidatasdata.bms_BatSysWorkMode_==3">
										欧标充电模式
									</view>
							</view>
						</view>
						<view class="parameter_zheng11">
							<view class="parameter_zheng12">
							电池系统状态
							</view>
							
							<view class="parameter_Batterystate">
									<!-- {{uidatasdata.bms_BatSysState==0.00?'无效':'有效'}} -->
									<view v-if="uidatasdata.bms_BatSysState==0">
										初始化
									</view>
									<view v-if="uidatasdata.bms_BatSysState==1">
										未上高压
									</view>
									<view v-if="uidatasdata.bms_BatSysState==2">
										上高压中
									</view>
									<view v-if="uidatasdata.bms_BatSysState==3">
									    已上高压
									</view>
									<view v-if="uidatasdata.bms_BatSysState==4">
										下高压中
									</view>
									<view v-if="uidatasdata.bms_BatSysState==5">
										故障
									</view>
							</view>
						</view>
						<view class="parameter_zheng11">
							<view class="parameter_zheng12">
								充电状态
							</view>
						
						<view class="parameter_Batterystate">
							<view v-if="uidatasdata.bms_ChargeStatus==0">
								未充电
							</view>
							<view v-if="uidatasdata.bms_ChargeStatus==1">
								充电中
							</view>
							<view v-if="uidatasdata.bms_ChargeStatus==2">
								充电故障
							</view>
							<view v-if="uidatasdata.bms_ChargeStatus==3">
								充满
							</view>
							<view v-if="uidatasdata.bms_ChargeStatus==4">
								充电停止
							</view>
							<view v-if="uidatasdata.bms_ChargeStatus==5">
								保留
							</view>
						</view>
						</view>
						 
					</view>
					<view class="parameter_zheng2">
					<view class="parameter_zheng11">
						<view class="parameter_zheng12">
							充电连接状态
						</view>
						<view class="parameter_Batterystate" v-if="uidatasdata.bms_ChgLinkSt==1.00">
							快充连接
						</view>
						<view class="parameter_Batterystate" v-else>
							无连接
						</view>
					</view>
						<view class="parameter_zheng11">
							<view class="parameter_zheng12">
								电池故障等级
							</view>
						<view class="parameter_Batterystate">
								<!-- {{uidatasdata.bms_BatteryFaultLevl==0.00?'无故障':'有效'}} -->
								<view v-if="uidatasdata.bms_BatteryFaultLevl==0">
									无故障
								</view>
								<view v-if="uidatasdata.bms_BatteryFaultLevl==1">
									1级告警
								</view>
								<view v-if="uidatasdata.bms_BatteryFaultLevl==2">
									2级告警
								</view>
								<view v-if="uidatasdata.bms_BatteryFaultLevl==3">
									3级告警
								</view>
								 
						</view>
						</view>
						 
					</view>
					</view>
					<view class="parameter_box" v-if="segmented==5">
					<view class="parameter_zheng1">
						<view class="parameter_zheng11">
							<view class="parameter_zheng12">
								工作模式
							</view>
						
						<view class="parameter_Batterystate">
							<!-- {{uidatasdata.TMS_Status_TMS_WORK_MODE}} <text class="parameter_zheng14">kW</text> -->
							<!-- {{uidatasdata.TMS_Status_TMS_WORK_MODE==1.00?'有效':'无效'}} -->
							<view v-if="uidatasdata.TMS_Status_TMS_WORK_MODE==0"> 
								关机模式
							</view>
							<view v-if="uidatasdata.TMS_Status_TMS_WORK_MODE==1">
								制冷模式
							</view>
							<view v-if="uidatasdata.TMS_Status_TMS_WORK_MODE==2">
								自热模式
							</view>
							<view v-if="uidatasdata.TMS_Status_TMS_WORK_MODE==3">
								自循环模式
							</view>
						</view>
						</view>
						<view class="parameter_zheng11">
							<view class="parameter_zheng12">
								出水温度
							</view>
							<view class="parameter_zheng13">
								{{uidatasdata.TMS_Status_TMS_WATEROUT_TEMP}} <text class="parameter_zheng14">℃</text>
							</view>
						</view>
						<view class="parameter_zheng11">
							<view class="parameter_zheng12">
								需求功率
							</view>
							<view class="parameter_zheng13">
								{{uidatasdata.TMS_Status_TMS_POWER_REQ}} <text class="parameter_zheng14">kW</text>
							</view>
						</view>
						 
					</view>
					<view class="parameter_zheng2">
						<view class="parameter_zheng11">
							<view class="parameter_zheng12">
								高压继电器状态
							</view>
							
							<view class="parameter_Batterystate">
														
									<!-- {{uidatasdata.TMS_Status_TMS_HV_CONTACT_ST==0.00?'无效':'有效'}} -->
									<view v-if="uidatasdata.TMS_Status_TMS_HV_CONTACT_ST==0">
										断开状态
									</view>
									<view v-if="uidatasdata.TMS_Status_TMS_HV_CONTACT_ST==1">
									    闭合状态
									</view>
							</view>
						</view>
						<view class="parameter_zheng11">
							<view class="parameter_zheng12">
								入水温度
							</view>
							<view class="parameter_zheng13">
								{{uidatasdata.TMS_Status_TMS_WATERIN_TEMP}} <text class="parameter_zheng14">℃</text>
							</view>
						</view>
						<view class="parameter_zheng11">
							<view class="parameter_zheng12">
								故障等级
							</view>
						
							<view class="parameter_Batterystate">
								<!-- {{uidatasdata.TMS_Status_TMS_ERR_LEVEL==0.00?'无效':'有效'}} -->
								<view v-if="uidatasdata.TMS_Status_TMS_ERR_LEVEL==0">
									无故障
								</view>
								<view v-if="uidatasdata.TMS_Status_TMS_ERR_LEVEL==1">
									1级故障
								</view>
								<view v-if="uidatasdata.TMS_Status_TMS_ERR_LEVEL==2">
									2级故障
								</view>
								<view v-if="uidatasdata.TMS_Status_TMS_ERR_LEVEL==3">
									3级故障
								</view>
							</view>
						</view>
						 
					</view>
					</view>
				<view class="parameter_zheng3" v-if="this.segmented==1">
					<view v-if="uidatasdata.SysControl_Gun1RunCmd==1" class="parameter_zheng31">
						<view class="parameter_zheng32ccc">
							开启
						</view>
					</view>
					<view v-else class="parameter_zheng31" @click="dialogToggle">
						<view class="parameter_zheng32">
							开启
						</view>
					</view>
					<view class="parameter_zheng31" v-if="uidatasdata.SysControl_Gun1RunCmd==0">
						<view class="parameter_zheng32ccc">
							停止
						</view>
					</view>
					<view class="parameter_zheng31" v-else @click="onstopit">
						<view  class="parameter_zheng33">
							停止
						</view>
					</view>
				
				</view>
				<view class="parameter_zheng3" v-if="this.segmented==2">
					<view v-if="uidatasdata.SysControl_Gun2RunCmd==1" class="parameter_zheng31">
						<view class="parameter_zheng32ccc">
							开启
						</view>
					</view>
					<view v-else class="parameter_zheng31" @click="dialogToggle">
						<view class="parameter_zheng32">
							开启
						</view>
					</view>
					<view class="parameter_zheng31" v-if="uidatasdata.SysControl_Gun2RunCmd==0">
						<view class="parameter_zheng32ccc">
							停止
						</view>
					</view>
					<view class="parameter_zheng31" v-else @click="onstopit">
						<view  class="parameter_zheng33">
							停止
						</view>
					</view>
				
				</view>
			<!-- 	<view class="parameter_zheng3" v-if="this.segmented==3||this.segmented==4||this.segmented==5">
					<view v-if="uidatasdata.SysControl_RunCmd==1" class="parameter_zheng31">
						<view class="parameter_zheng32ccc">
							开启
						</view>
					</view>
					<view v-else class="parameter_zheng31" @click="dialogToggle">
						<view class="parameter_zheng32">
							开启
						</view>
					</view>
					<view class="parameter_zheng31" v-if="uidatasdata.SysControl_RunCmd==0">
						<view class="parameter_zheng32ccc">
							停止
						</view>
					</view>
					<view class="parameter_zheng31" v-else @click="onstopit">
						<view  class="parameter_zheng33">
							停止
						</view>
					</view>
				
				</view> -->
				</view>
				<view class="parameter_home">
					<view class="parameter_home1" @click="onreturn">
						<image src="../../static/home.png" mode=""></image><text
							class="parameter_hometext">返回模式选择</text>
					</view>
					<view class="parameter_home2">
						<image src="../../static/home1.png" mode=""></image>
						<text class="parameter_home3" v-for="(item,index) in faultsdata" :key="index"> {{item["CONTENT"]}}</text>
					</view>
				</view>
			</view>
		</view>
		<uni-popup ref="alertDialog" @maskClick="dialogClose">
			<uni-popup-dialog :mode="modeinput" placeholder="请输入内容" v-model="value" :type="successtype"
				cancelText="取消返回" :confirmText="confirmText" :title="title" :content="content" @confirm="dialogConfirm"
				@close="dialogClose"></uni-popup-dialog>
		</uni-popup>
	</view>
</template>
<!--    -->
<script>
	import Gauge from "../../uni_modules/jerry-gauge/index.js";
	import {getuidatas,control,getfaultsList} from "../../api/api.js"
	import {getTime} from "../../utils/index.js"
	export default {
		data() {
			return {
				successtype: 'success',
				confirmText: '确认启动',
				title: '你确定要开启该设备吗?',
				content: '启动设备前,请确认参照用户手册确定设备与各部件处于正确状态!',
				value: '',
				modeinput: '',
				segmented: 1,
				uidatasdata:{},
				uidatas:'',
			formattedTime:getTime('yyyy年MM月dd日 hh:mm:ss'),
				formatTimeid:'',
				ChargingStation:1,
				faultsdata:[]
			}
		},
		onLoad() {

		},
		mounted() {
			this.formatTimeid = setInterval(() => {
			   const customFormat = 'yyyy年MM月dd日 hh:mm:ss';
			    this.formattedTime = getTime(customFormat);
			  }, 1000);
			this.onfaultsList();
			this.onfaultsdata();
		setTimeout(() => {
			let SOC =  (this.uidatasdata.SOC*1).toFixed(0)
			new Gauge({
				canvasId: "canvas2",
				value: SOC,
				lineWidth: 20,
				progressColor: ["#B0D0FF", "#5B8FF9"],
				valueColor: "blue",
			});
		}, 100); // 10秒后隐藏消息
		}, 
		beforeUnmount(){
			  clearInterval(this.uidatas);
			  clearInterval(this.formatTimeid);
		    },
		methods: {
		onfaultsList(){
			  
		  let data ={
			  ID: "3224a3eb-2375-4dfc-99ce-b182edd30996",
			  page: 1,
			  rows: 10000,
		  }
					getuidatas(data).then(data => {
					 if(data.status=='ok'){
						 if(!data.data){
						 	this.uidatas = setTimeout(() => {
						 	     this.onfaultsList();
						 	      }, 1000); // 10秒后隐藏消息 
						 }
						  this.uidatasdata = data.data.reduce((obj, item) => {
						        let a = item.module;
						        let b = item[a];
								 let numericValue = parseFloat(b); // 转换为数字
								let roundedValue =''
								if(item.id=="BatCellVPeak_ValMaxCellVoltage"||
								item.id=="BatSysLimitVal_MaxCellTemperatureLimit"||
								item.id=="BatCellVPeak_ValMinCellVoltage"||
								item.id=="CellTemperatureLimitsStatus_MinTemp"
								){
									 roundedValue = isNaN(numericValue) ? b : numericValue.toFixed(3);
								}else{
									 roundedValue = isNaN(numericValue) ? b : numericValue.toFixed(2);
								}
						        return { ...obj, [item.id]: roundedValue };
						    }, {});
							console.log(this.uidatasdata);
							this.uidatas =setTimeout(() => {
							     this.onfaultsList();
							      }, 1000); // 10秒后隐藏消息
					 }else{
						 this.uidatasdata={}
						this.uidatas =setTimeout(() => {
						     this.onfaultsList();
						      }, 1000); // 10秒后隐藏消息 
					 }
					 
			}).catch(error => {
				
					this.uidatasdata={}
					this.uidatas =setTimeout(() => {
					     this.onfaultsList();
					      }, 1000); // 10秒后隐藏消息 
  });
		
						 
					},
					onfaultsdata(){
						let data ={
							page:1,
							rows:1,
							device: '',
							starttime: '',
							endtime: '',
							rt: 1,
							type:''
						}
								getfaultsList(data).then(res => {
									console.log(res);
								 if(res.status=='ok'){
								 	 this.faultsdata= res.data.list
								 }else{
									 
								 }
						});
					
									 
								},
			// 返回首页
			onreturn() {
				uni.redirectTo({
					url: '/pages/index/index'
				});
			},
			// 启动设备弹窗
			dialogToggle() {
				this.modeinput = 'base'
				this.successtype = 'success'
				this.confirmText = '确认启动'
				this.title = '你确定要开启该设备吗?'
				this.content = '启动设备前,请确认参照用户手册确定设备与各部件处于正确状态！'
				this.$refs.alertDialog.open()
			},
			// 关闭设备弹窗
			onstopit() {
				this.modeinput = 'base'
				this.successtype = 'error'
				this.confirmText = '确认停止'
				this.title = '你确定要停止该设备吗?'
				this.content = '设备完全停止后，方能进行后续操作，否则可能危及生命安全！'
				this.$refs.alertDialog.open()
			},
		 // 确定
		 dialogConfirm() {
		 	let data ={}
		 	if(this.segmented==1){
		 	 data = {
		 				id: "3b26469f-ad5b-43bf-b715-4213921321d0",
		 				issaveinitvalue:false,
		 				value: this.confirmText=='确认启动'?'1':'0'
		 			}
		 	}else if(this.segmented==2){
		 	 data = {
		 				id: "78f59493-65f3-4860-8296-7f07bb0ca55b",
		 				issaveinitvalue:false,
		 				value: this.confirmText=='确认启动'?'1':'0'
		 			}
		 	}else{
				data = {
					     	id: "c35c4db0-113f-442a-9e26-728489265fdb",
							issaveinitvalue:false,
						 	value: this.confirmText=='确认启动'?'1':'0'
						 			}
			}
		 	control(data).then(data => {
		 		console.log(data);
		 		if (data.status == 'ok') {
				 
		 			uni.showToast({
		 			  title:'操作成功',
		 			  icon: 'none',
		 			  duration: 2000, // 显示时长，单位为毫秒
		 			});
		 		} else {
		 			 uni.showToast({
		 			   title: '操作失败',
		 			   icon: 'none', // 使用 'none' 图标来表示失败
		 			   duration: 2000, // 显示时长，单位为毫秒
		 			 });
		 		}
		 	});
		 },
			// 取消
			dialogClose() {
				console.log(this.value);
				this.$refs.alertDialog.close()
			},
			// 切换标签
			ontap(e) {
				console.log(e);
				this.segmented = e;
				if(this.segmented==1){
					this.ChargingStation = 1
				}else if(this.segmented==2){
					this.ChargingStation = 2
				}
			}
		}
	}
</script>
<!--  -->
<style scoped>
	.content {
		width: 100%;
		height: 100vh;
		opacity: 1;
		background: linear-gradient(180deg, rgba(215, 230, 245, 0) 0%, rgba(196, 229, 255, 1) 100%);
		box-sizing: border-box;
	}
	.top {
		width: 100%;
		height: 100px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		background-size: 100% 100%;
		background-repeat: no-repeat;
		box-sizing: border-box;
		background-color: #fff;
		padding: 0px 46px;
	}

	.top_logo {
		width: 426px;
		height: 68px;
	}

	.tite {
		width: 277px;
		height: 48px;
	}

	.time {
		text-align: right;
	}

	.time_top {
		font-size: 17px;
	}

	.time_bottom {
		display: flex;
		font-size: 17px;
		justify-content: space-between;
	}

	.time_bottom1 {
		display: flex;
	}

	.time_state {
		font-size: 17px;
		font-weight: 600;
		color: rgba(22, 68, 144, 1);
	}
.time_state1 {
		font-size: 17px;
		font-weight: 600;
		color: rgba(217, 22, 22, 1);
	}
	.parameter {
		width: 100%;
		padding-bottom: 20px;
		display: flex;
		padding: 20px 20px;
		box-sizing: border-box;
	}

	.parameter_left {
		width: 262.85px;
		height: 630px;
		opacity: 1;
		border-radius: 24.47px;
		background: linear-gradient(180deg, rgba(42, 150, 212, 0.1) 0%, rgba(42, 146, 209, 0) 100%);

		border: 2.94px solid rgba(242, 248, 252, 1);
		display: flex;
		flex-direction: column;
		align-items: center;
		padding: 20rpx 0px;
	}

	.parameter_left1 {
		width: 100%;
		height: 158px;
		box-sizing: border-box;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
		padding-bottom: 16px;
	}

	.canvas {
		width: 180px;
		margin: 8px auto auto auto;
	}

	.parameter_canvas {
		width: 100%;
		display: flex;
		justify-content: space-around;
		box-sizing: border-box;
		box-sizing: border-box;
		margin-top: 8px;
	}

	.parameter_canvas1 {
		margin-left: -20px;
	}

	.parameter_canvas2 {
		margin-right: -20px;
	}

	.parameter_leftdian1 {
		width: 97.9px;
		height: 97.9px;
		opacity: 1;
	}

	.parameter_lef2 {
		width: 100%;
		height: 210px;
		display: flex;
		justify-content: center;
		align-items: center;
		background-image: url("../../static/heng.png");
		background-size: auto 100%;
		background-repeat: no-repeat;
		background-position: center center;
		margin: 10px 0px;

		image {
			width: 100px;
			height: 100px;
			margin-top: -10px;
		}
	}

	.parameter_leftche {
		width: 115.52px;
		height: 78.32px;
		opacity: 1;

	}

	.parameter_leftche1 {
		width: 77px;
		height: 81px;
		opacity: 1;
	}

	.parameter_leftche2 {
		width: 77px;
		height: 62px;
	}

	.parameter_leftview {
		font-size: 19.58px;
		font-weight: 400;
		letter-spacing: 0px;
		line-height: 28.35px;
		color: rgba(0, 0, 0, 1);
		margin-top: 8px;
	}

	.parameter_right {
		flex: 1;
		margin-left: 10px;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}

	.parameter_righttop {
		width: 100%;
	}

	.parameter_1 {
		display: flex;
	}

	.parameter_2 {
		width: 339.21px;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		margin-right: 16px;
	}

	.parameter_3 {
		width: 339.21px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 12px 20px;
		box-sizing: border-box;
		border-radius: 9.79px;
		background: linear-gradient(180deg, rgba(93, 189, 245, 0.15) 0%, rgba(31, 141, 209, 0.15) 100%);

		image {
			width: 7.83px;
			height: 7.83px;
			margin-right: 6px;
		}
	}

	.parameter_31 {
		width: 339.21px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 3px 20px;
		box-sizing: border-box;
		border-radius: 9.79px;
		background: linear-gradient(180deg, rgba(93, 189, 245, 0.15) 0%, rgba(31, 141, 209, 0.15) 100%);

		image {
			width: 7.83px;
			height: 7.83px;
			margin-right: 6px;
		}
	}

	.parameter_4 {
		/** 文本1 */
		font-size: 23.5px;
		font-weight: 700;
		color: rgba(38, 38, 38, 1);
		display: flex;
		align-items: center;
	}

	.parameter_5 {
		font-size: 24.47px;
		font-weight: 700;
		color: rgba(217, 22, 22, 1);
	}

	.parameter_51 {
		font-size: 24.47px;
		font-weight: 700;
		color: rgba(7, 123, 67, 1);
	}

	.parameter_SOC {
		display: flex;
		align-items: center;
		justify-content: space-around;
		width: 195.11px;
		height: 130px;
		/* opacity: 0.15; */
		border-radius: 9.79px;
		margin-right: 16px;
		background: linear-gradient(180deg, rgba(240, 209, 137, 0.15) 0%, rgba(186, 141, 56, 0.15) 100%);

		image {
			width: 37.2px;
			height: 37.2px;
		}
	}

	.parameter_state {
		display: flex;
		align-items: center;
		justify-content: space-around;
		width: 195.11px;
		height: 130px;
		/* opacity: 0.15; */
		border-radius: 9.79px;
		background: linear-gradient(180deg, rgba(93, 149, 245, 0.15) 0%, rgba(41, 71, 204, 0.15) 100%);

		image {
			width: 37.2px;
			height: 37.2px;
		}
	}

	.parameter_Battery {
		display: flex;
		align-items: center;
		justify-content: space-around;
		width: 195.11px;
		height: 130px;
		/* opacity: 0.15; */
		margin-right: 16px;
		border-radius: 9.79px;
		background: linear-gradient(180deg, rgba(133, 242, 133, 0.15)0%, rgba(82, 209, 75, 0.15)100%);

		image {
			width: 37.2px;
			height: 37.2px;
		}
	}

	.parameter_SOCright {
		display: flex;
		flex-direction: column;
	}

	.parameter_SOCright1 {
		font-size: 23.5px;
		font-weight: 700;
		letter-spacing: 0px;
		line-height: 32.24px;
		color: rgba(38, 38, 38, 1);
		text-align: right;
	}

	.parameter_SOCright2 {
		font-size: 29.37px;
		font-weight: 700;
		color: rgba(186, 141, 56, 1);
	}

	.parameter_Batterystate {
		font-size: 23.5px;
		font-weight: 500;
		color: rgba(38, 38, 38, 1);
		text-align: right;
	}

	.parameter_tap {
		width: 100%;
		display: flex;
		margin-top: 18px;
	}

	.parameter_tap1 {
		flex: 1;
		height: 55.8px;
		opacity: 1;
		background: linear-gradient(180deg, rgba(30, 131, 189, 1) 0%, rgba(69, 168, 230, 0.92) 100%);
		box-shadow: inset 0px 0px 9.79px rgba(0, 0, 0, 0.1);
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 23.5px;
		font-weight: 500;
		color: rgba(255, 255, 255, 1);
	}

	.parameter_tap2 {
		flex: 1;
		height: 55.8px;
		opacity: 1;
		background: rgba(242, 242, 242, 1);
		box-shadow: inset 0px 0px 9.79px rgba(0, 0, 0, 0.1);
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 23.5px;
		font-weight: 500;
	}

	.parameter_zheng {
		width: 100%;
		height: 313px;
		background-image: url("../../static/z16.png");
		background-size: 100% 100%;
		margin-top: 10px;
		padding: 20px 0px;
		display: flex;
	}

	.parameter_zheng1 {
		width: 387px;
		height: 100%;
		border-right: 0.49px solid rgba(0, 0, 0, 1);
		display: flex;
		flex-direction: column;
		justify-content: space-around;
	}

	.parameter_zheng11 {
		display: flex;
		padding: 0px 20px;
		justify-content: space-between;
	}

	.parameter_zheng12 {
		font-size: 23.5px;
		font-weight: 400;
		color: rgba(0, 0, 0, 1);
	}

	.parameter_zheng13 {
		font-size: 29.37px;
		font-weight: 700;
		color: rgba(20, 105, 201, 1);
	}

	.parameter_zheng14 {
		font-size: 23.5px;
		font-weight: 400;
		color: rgba(0, 0, 0, 1);
	}

	.parameter_zheng2 {
		width: 387px;
		height: 100%;
		border-right: 0.49px solid rgba(0, 0, 0, 1);
		display: flex;
		flex-direction: column;
		justify-content: space-around;
	}

	.parameter_zheng3 {
		flex: 1;
		height: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: space-around;
	}

	.parameter_zheng31 {
		width: 75px;
		height: 75px;
		background-image: url("../../static/y4.png");
		background-size: 100% 100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.parameter_zheng32 {
		width: 66px;
		height: 66px;
		background-image: url("../../static/y1.png");
		background-size: 100% 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 19.58px;
		font-weight: 700;
		color: rgba(255, 255, 255, 1);
	}
.parameter_zheng32ccc {
		width: 66px;
		height: 66px;
		/* background-image: url("../../static/y1.png"); */
		background-color: #cccccc;
		background-size: 100% 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 19.58px;
		font-weight: 700;
		color: rgba(255, 255, 255, 1);
		border-radius: 100%;
	}
	.parameter_zheng33 {
		width: 66px;
		height: 66px;
		background-image: url("../../static/y6.png");
		background-size: 100% 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 19px;
		font-weight: 700;
		color: rgba(255, 255, 255, 1);
	}

	.parameter_zheng34 {
		width: 66px;
		height: 66px;
		background-image: url("../../static/y8.png");
		background-size: 100% 100%;
		font-size: 18px;
		font-weight: 700;
		color: rgba(255, 255, 255, 1);
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	.parameter_home {
		width: 100%;
		display: flex;
		margin-top: 0px;
		justify-content: space-between;
	}

	.parameter_home1 {
		display: flex;
		align-items: center;

		image {
			width: 32.8px;
			height: 32.31px;
			margin-right: 10px;
		}
	}

	.parameter_hometext {
		font-size: 19.58px;
		font-weight: 400;
		color: rgba(0, 0, 0, 1);
	}

	.parameter_home2 {
		width: 636.33px;
		height: 39.16px;
		opacity: 0.8;
		border-radius: 0.98px;
		background: rgba(242, 242, 242, 1);

		border: 0.49px solid rgba(161, 161, 161, 1);

		box-shadow: inset 0px 0px 9.79px rgba(0, 0, 0, 0.1);
		display: flex;
		align-items: center;
		padding: 0px 10px;
		box-sizing: border-box;

		image {
			width: 26.92px;
			height: 29.86px;
		}
	}

	.parameter_home3 {
		font-size: 17.62px;
		font-weight: 400;
		color: rgba(0, 0, 0, 1);
		margin-left: 10px;
	}

	.uni-dialog-title-text {
		font-size: 70.89px !important;
		font-weight: 500;
		color: rgba(5, 5, 5, 1);
	}
	.parameter_box{
		display: flex;
	}
	.parameter_zheng10{
		width: 687px;
		height: 100%;
		border-right: 0.49px solid rgba(0, 0, 0, 1);
		display: flex;
		flex-direction: column;
		justify-content: space-around;
	}
</style>