herb-ui.git - Gitblit

			@@ -1,144 +1,355 @@
			<template>
			<dv-full-screen-container>
			<div class="eqpBox">
			<div class="eqpRow">
			<div class="eqpImage" :style="{'background-position':position + 'px'}">

			<div class="leftEqp">
			<div style="width: 350px; ">
			<div class="herbInfo">

			<dv-border-box7 class="curEqp">
			<div class="eqpName" style="padding: 30px" @click="changeEqp">
			<div class="mainInfo" style="font-size: 26px">{{ eqp?.name }}</div>
			<div class="subhead">{{ eqp?.type }}</div>
			<dv-decoration-1 style="width:300px;height:90px; margin-left: 20px;" />
			<!-- 设备：{{ eqp.name }}</div>
			<dv-full-screen-container>
			<div class="eqpBox">
			<div class="eqpRow">
			<div class="eqpImage" :style="{ 'background-position': position + 'px' }">
			<div class="leftEqp">
			<div style="width: 350px">
			<div class="herbInfo">
			<dv-border-box7 class="curEqp">
			<div style="display: flex">
			<div style="padding-top: 20px; padding-left: 10px" @click="back">
			<Icon style="color: powderblue" icon="ion:caret-back-sharp" :size="35" />
			</div>
			<div class="eqpName" style="text-align: right" @click="changeEqp">
			<div class="mainInfo" style="font-size: 26px">{{ eqp?.name }}</div>
			<div class="subhead">{{ eqp?.type }}</div>
			<dv-decoration-1 style="width: 240px; height: 90px; margin-left: 20px" />
			<!-- 设备：{{ eqp.name }}</div>
			<div class="eqpName">型号：{{ eqp.type }}</div> -->
			</div>
			</dv-border-box7>
			<dv-border-box7 class="curHerb" :style="{'background-image': 'url('+getHerbImageUrl(realData?.herbImage)+')'}">
			<div class="eqpName" style="margin-left: 176px; height: 190px">
			<div class="mainInfo" style="font-size: 26px">{{ realData?.herbName }}</div>
			<div class="subhead">干燥配方</div>
			</div>
			<div class="formula">
			<div class="formulaItem">
			<Icon style="color: powderblue" icon="icon-park-twotone:box" :size="35" />
			<div>
			<div class="mainInfo2">{{ realData?.feed }} 筐</div>
			<div class="subhead2">投料量</div>
			</div>
			</div>
			<div class="formulaItem">
			<Icon style="color: red" icon="bx:wind" :size="35" />
			<div>
			<div class="mainInfo2">{{ realData?.windTemp }} °C</div>
			<div class="subhead2">热风</div>
			</dv-border-box7>
			<dv-border-box7 class="curHerb" :style="{ 'background-image': 'url(' + getHerbImageUrl(realData?.herbImage) + ')' }">
			<div class="eqpName" style="margin-left: 156px; height: 190px">
			<div class="mainInfo" style="font-size: 26px">{{ realData?.herbName }}</div>
			<div class="subhead">干燥配方</div>
			</div>
			<div class="formula">
			<div class="formulaItem">
			<Icon style="color: powderblue" icon="la:box" :size="38" />
			<div>
			<div class="mainInfo2">{{ realData?.feed \|\| 0 }} 筐</div>
			<div class="subhead2">投料量</div>
			</div>
			</div>
			<div class="formulaItem">
			<Icon style="color: red" icon="bx:wind" :size="35" />
			<div>
			<div class="mainInfo2">{{ realData?.windTemp \|\| 0 }} °C</div>
			<div class="subhead2">热风</div>
			</div>
			</div>
			<div class="formulaItem">
			<Icon style="color: green" icon="tabler:target-arrow" :size="35" />
			<div>
			<div class="mainInfo2">{{ realData?.target \|\| 0 }} %</div>
			<div class="subhead2">目标</div>
			</div>
			</div>
			</div>
			<div class="formulaItem">
			<Icon style="color: green" icon="tabler:target-arrow" :size="35" />
			<div>
			<div class="mainInfo2">{{ realData?.target }} %</div>
			<div class="subhead2">目标</div>
			</div>
			</div>
			</div>
			<!-- <div class="eqpName">{{ realData?.herbName }}</div>
			<!-- <div class="eqpName">{{ realData?.herbName }}</div>
			<div class="eqpName">{{ realData?.feed }} 筐</div> -->
			</dv-border-box7>
			</div>
			<!-- <dv-border-box7 class="infoChart" style="margin-left: 0px;">
			</dv-border-box7>
			</div>
			<!-- <dv-border-box7 class="infoChart" style="margin-left: 0px;">
			<div class="chartTittle">风机频率</div>
			<div class="outDiv" style="padding-top: 10px">
			<div id="fanFreq" style="width: 240px; height: 240px"></div>
			</div>
			</dv-border-box7> -->
			<dv-border-box7 class="infoChart" style="margin-left: 0px;">
			<div class="chartTittle">含水率</div>
			<div class="outDiv" style="padding-top: 20px">
			<div class="leftData">
			<div class="center" style="height: 50%">
			<div class="centerText">
			<div class="mainInfo3"
			><span>{{ realData?.target }}</span
			> %
			<dv-border-box7 class="infoChart" style="margin-left: 0px">
			<div class="chartTittle">含水率</div>
			<div class="outDiv" style="padding-top: 20px">
			<div class="leftData">
			<div class="center" style="height: 50%">
			<div class="centerText">
			<div class="mainInfo3"
			><span>{{ realData?.target \|\| 0 }}</span> %
			</div>
			<div class="subhead2">目标含水率</div>
			</div>
			<div class="subhead2">目标含水率</div>
			</div>
			<div class="center" style="height: 50%">
			<div>
			<div class="mainInfo3"
			><span>{{ realData?.initial \|\| 0 }}</span> %</div
			>
			<div class="subhead2">来料含水率</div>
			</div>
			</div>
			</div>
			<div class="center" style="height: 50%">
			<div>
			<div class="mainInfo3"
			><span>{{ realData?.initial }}</span
			> %</div
			>
			<div class="subhead2">来料含水率</div>
			</div>
			<div id="moisture" style="width: 170px; height: 170px"></div>
			</div>
			<div class="subhead2" style="margin-top: -37px; padding-left: 205px; font-weight: bold">实时含水率</div>
			</dv-border-box7>
			</div>
			<dv-border-box7 class="leftTop">
			<div class="leftTop0">
			<div class="leftTop1">
			<Icon icon="emojione:hourglass-with-flowing-sand" :size="50" />
			<div>
			<div class="mainInfo">{{ realData?.totalRemain \| 0 }} Min</div>
			<div class="subhead">剩余时间</div>
			</div>
			</div>
			<div id="moisture" style="width: 170px; height: 170px"></div>
			<div class="leftTop1">
			<Icon icon="bi:fan" :size="50" />
			<div>
			<div class="mainInfo">{{ realData?.trendVo?.fanFrequency \| 0 }} Hz</div>
			<div class="subhead">风机频率</div>
			</div>
			</div>
			<div class="leftTop3" :style="{ 'background-image': 'url(' + getStatusImageUrl(statusGif) + ')' }"></div>
			<div class="outDiv eqpStatus">
			<div
			style="
			font-size: 28px;

			color: white;
			background-color: #1595ea;
			height: 60px;
			width: 180px;
			line-height: 60px;
			text-align: center;
			border-radius: 10px;
			font-weight: bold;
			"
			>
			{{ statusTxt }}
			</div>
			<!-- <div v-if="realData?.warning" style=" -->
			<!-- margin-left: 100px;-->
			<!-- font-size: 22px;-->
			<!-- background: sandybrown;-->

			<!-- border-radius: 10px;-->
			<!-- line-height: 25px;-->
			<!-- max-width: 500px;-->
			<!-- padding: 15px;-->
			<!-- font-weight: bold;" >-->
			<!-- {{ realData?.warnMsg }}-->
			<!-- </div>-->
			<!-- -->


			<!-- <div-->
			<!-- v-if="realData?.isError"-->
			<!-- class="eqpInfoText blingbling outDiv"-->
			<!-- style="-->
			<!-- position: absolute;-->
			<!-- font-size: 30px;-->
			<!-- max-height: 200px;-->
			<!-- max-width: 720px;-->
			<!-- margin-top: 300px;-->
			<!-- border-radius: 10px;-->
			<!-- background-color: #ce0000;-->
			<!-- color: white;-->
			<!-- padding: 10px 30px;-->
			<!-- "-->
			<!-- >-->
			<!-- <div class="outDiv">-->
			<!-- <div><Icon icon="bx:error" :size="30" /> </div>-->
			<!-- <div-->
			<!-- ><span>{{ realData?.errorMsg }}</span></div-->
			<!-- >-->
			<!-- </div>-->
			<!-- </div>-->
			</div>
			</div>
			<div class="subhead2" style="margin-top: -37px; padding-left: 205px; font-weight: bold;">实时含水率</div>
			<div style="width: 848px; height: 485px; position: absolute;" @click="showFault">
			<div v-if="zuoqianjiting" class="error-div" style=" top:309px; left:418px">
			<div class="blingbling error-marker" ></div>
			<div class="error-msg" style="width: 70px;">
			左前急停
			</div>
			</div>
			<div v-if="shebeijiting" class="error-div" style=" top:111px; left:484px">
			<div class="blingbling error-marker" ></div>
			<div class="error-msg" style=" width: 106px;">
			设备急停（总）
			</div>
			</div>
			<div v-if="chuliaojiting" class="error-div" style=" top:300px; left:129px">
			<div class="blingbling error-marker" ></div>
			<div class="error-msg" style=" width: 70px;">
			出料急停
			</div>
			</div>
			<div v-if="mianbanjiting" class="error-div" style=" top:258px; left:659px">
			<div class="blingbling error-marker" ></div>
			<div class="error-msg" style=" width: 70px;">
			面板急停
			</div>
			</div>
			<div v-if="fengxiangsheng" class="error-div" style=" top:294px; left:517px">
			<div class="blingbling error-marker" ></div>
			<div class="error-msg" style=" width: 86px;">
			风箱升异常
			</div>
			</div>
			<div v-if="fengxiangjiang" class="error-div" style=" top:319px; left:517px">
			<div class="blingbling error-marker" ></div>
			<div class="error-msg" style=" width: 86px;">
			风箱降异常
			</div>
			</div>
			<div v-if="fengjiguoliu" class="error-div" style=" top:335px; left:655px">
			<div class="blingbling error-marker" ></div>
			<div class="error-msg" style=" width: 70px;">
			风机过流
			</div>
			</div>
			<div v-if="guntongsheng" class="error-div" style=" top:198px; left:517px">
			<div class="blingbling error-marker" ></div>
			<div class="error-msg" style=" width: 86px;">
			滚筒升异常
			</div>
			</div>
			<div v-if="guntongjiang" class="error-div" style=" top:223px; left:517px">
			<div class="blingbling error-marker" ></div>
			<div class="error-msg" style=" width: 86px;">
			滚筒降异常
			</div>
			</div>
			<div v-if="guntongguoliu" class="error-div" style=" top:209px; left:642px">
			<div class="blingbling error-marker" ></div>
			<div class="error-msg" style=" width: 70px;">
			滚筒过流
			</div>
			</div>
			<div v-if="wendubaojing" class="error-div" style=" top:234px; left:659px">
			<div class="blingbling error-marker" ></div>
			<div class="error-msg" style=" width: 70px;">
			温度报警
			</div>
			</div>

			<div v-if="zuoqianmen" class="error-div" style=" top:388px; left:415px">
			<div class="blingbling warn-marker" ></div>
			<div class="warn-msg" style=" width: 80px;">
			左前门报警
			</div>
			</div>
			<div v-if="zuohoumen" class="error-div" style=" top:367px; left:587px">
			<div class="blingbling warn-marker" ></div>
			<div class="warn-msg" style=" width: 80px;">
			左后门报警
			</div>
			</div>
			<div v-if="youqianmen" class="error-div" style=" top:388px; left:284px">
			<div class="blingbling warn-marker" ></div>
			<div class="warn-msg" style=" width: 80px;">
			右前门报警
			</div>
			</div>
			<div v-if="youhoumen" class="error-div" style=" top:367px; left:478px">
			<div class="blingbling warn-marker" ></div>
			<div class="warn-msg" style=" width: 80px;">
			右后门报警
			</div>
			</div>

			<div v-if="guntongbuzaigaowei" class="error-div" style=" top:173px; left:517px">
			<div class="blingbling warn-marker" ></div>
			<div class="warn-msg" style=" width: 100px;">
			滚筒不在高位
			</div>
			</div>
			<div v-if="fengxiangbuzaigaowei" class="error-div" style=" top:269px; left:517px">
			<div class="blingbling warn-marker" ></div>
			<div class="warn-msg" style=" width: 100px;">
			风箱不在高位
			</div>
			</div>
			<div v-if="fengxiangbuzaidiwei" class="error-div" style=" top:343px; left:517px">
			<div class="blingbling warn-marker" ></div>
			<div class="warn-msg" style=" width: 100px;">
			风箱不在低位
			</div>
			</div>
			<div v-if="jiareweichuanganqi" class="error-div" style=" top:283px; left:642px">
			<div class="blingbling warn-marker" ></div>
			<div class="warn-msg" style=" width: 126px;">
			加热位传感器报警
			</div>
			</div>
			<div v-if="zuoqianfengxianggaowei" class="error-div" style=" top:334px; left:362px">
			<div class="blingbling warn-marker" ></div>
			<div class="warn-msg" style=" width: 126px;">
			左前风箱不在高位
			</div>
			</div>
			<div v-if="zuoqianfengxiangdiwei" class="error-div" style=" top:334px; left:362px">
			<div class="blingbling warn-marker" ></div>
			<div class="warn-msg" style=" width: 126px;">
			左前风箱不在低位
			</div>
			</div>
			<div v-if="zuohoufengxianggaowei" class="error-div" style=" top:309px; left:642px">
			<div class="blingbling warn-marker" ></div>
			<div class="warn-msg" style=" width: 126px;">
			左后风箱不在高位
			</div>
			</div>
			<div v-if="zuohoufengxiangdiwei" class="error-div" style=" top:309px; left:642px">
			<div class="blingbling warn-marker" ></div>
			<div class="warn-msg" style=" width: 126px;">
			左后风箱不在低位
			</div>
			</div>
			<div v-if="youqianfengxianggaowei" class="error-div" style=" top:272px; left:300px">
			<div class="blingbling warn-marker" ></div>
			<div class="warn-msg" style=" width: 126px;">
			右前风箱不在高位
			</div>
			</div>
			<div v-if="youqianfengxiangdiwei" class="error-div" style=" top:272px; left:300px">
			<div class="blingbling warn-marker" ></div>
			<div class="warn-msg" style=" width: 126px;">
			右前风箱不在低位
			</div>
			</div>
			<div v-if="youhoufengxianggaowei" class="error-div" style=" top:246px; left:506px">
			<div class="blingbling warn-marker" ></div>
			<div class="warn-msg" style=" width: 126px;">
			右后风箱不在高位
			</div>
			</div>
			<div v-if="youhoufengxiangdiwei" class="error-div" style=" top:246px; left:506px">
			<div class="blingbling warn-marker" ></div>
			<div class="warn-msg" style=" width: 126px;">
			右后风箱不在低位
			</div>
			</div>
			<div v-if="zuoqianguntongdiwei" class="error-div" style=" top:175px; left:358px">
			<div class="blingbling warn-marker" ></div>
			<div class="warn-msg" style=" width: 126px;">
			左前滚筒不在低位
			</div>
			</div>
			<div v-if="zuohouguntongdiwei" class="error-div" style=" top:158px; left:643px">
			<div class="blingbling warn-marker" ></div>
			<div class="warn-msg" style=" width: 126px;">
			左后滚筒不在低位
			</div>
			</div>
			<div v-if="youqianguntongdiwei" class="error-div" style=" top:150px; left:268px">
			<div class="blingbling warn-marker" ></div>
			<div class="warn-msg" style=" width: 126px;">
			右前滚筒不在低位
			</div>
			</div>
			<div v-if="youhouguntongdiwei" class="error-div" style=" top:135px; left:506px">
			<div class="blingbling warn-marker" ></div>
			<div class="warn-msg" style=" width: 126px;">
			右后滚筒不在低位
			</div>
			</div>

			</div>
			</dv-border-box7>
			</div>
			<dv-border-box7 class="leftTop">
			<div class="leftTop0">
			<div class="leftTop1">
			<Icon icon="emojione:hourglass-with-flowing-sand" :size="50" />
			<div>
			<div class="mainInfo">{{ realData?.totalRemain \| 0 }} Min</div>
			<div class="subhead">剩余时间</div>
			</div>
			</div>
			<div class="leftTop1">
			<Icon icon="bi:fan" :size="50" />
			<div>
			<div class="mainInfo">{{ realData.trendVo?.fanFrequency \| 0 }} Hz</div>
			<div class="subhead">风机频率</div>
			</div>
			</div>
			<div class="leftTop3" :style="{ 'background-image': 'url(' + getStatusImageUrl(statusGif) + ')' }"></div>
			<div class="outDiv eqpStatus">
			<div
			style="
			font-size: 28px;
			margin-top: 190px;
			color: white;
			background-color: #1595ea;
			height: 60px;
			width: 180px;
			line-height: 60px;
			text-align: center;
			border-radius: 5px;
			font-weight: bold;
			"
			>
			{{ statusTxt }}
			</div>
			<div v-if="realData?.isError"
			class="eqpInfoText blingbling"
			style="
			position: absolute;
			font-size: 30px;
			max-height: 200px;
			max-width: 720px;
			border-radius: 10px;
			background-color: #ce0000;
			color: white;
			padding: 10px;
			"
			>
			<div class="outDiv">
			<div><Icon icon="bx:error" :size="30" /> </div>
			<div><span>{{realData?.errorMsg}}</span></div>
			</div>
			</div>
			</div>
			</div>
			</dv-border-box7>
			<dv-border-box7 class="infoChart" style="margin-left: 0px; margin-right: 10px;">
			<dv-border-box7 class="infoChart" style="margin-left: 0px; margin-right: 10px">
			<div class="chartTittle">风箱温度</div>
			<div class="outDiv">
			<div id="bellowsTemp" style="width: 230px; height: 230px">
			@@ -146,17 +357,17 @@
			</div>
			</div>
			</dv-border-box7>
			<dv-border-box7 class="leftMid">
			<div class="chartTittle">实时进度</div>
			<div id="efficiencyLine" style="width: 848px; height: 180px;margin-top: -10px;"></div>
			<div style="height: 10px; display: flex; width: 848px; padding: 0 60px; justify-content: space-between">
			<div style="width: 100px; height: 20px">0 min</div>
			<div style="width: 100px; height: 20px; text-align: right">{{ realData?.totalTime \| 0 }} min</div>
			</div>
			<div id="progressBar" style="width: 848px; height: 80px"></div>
			</dv-border-box7>
			<dv-border-box7 class="leftMid">
			<div class="chartTittle">实时进度</div>
			<div id="efficiencyLine" style="width: 848px; height: 180px; margin-top: -10px"></div>
			<div style="height: 10px; display: flex; width: 848px; padding: 0 60px; justify-content: space-between">
			<div style="width: 100px; height: 20px">{{ realData?.dryTime \| 0 }} min</div>
			<div style="width: 100px; height: 20px; text-align: right">{{ realData?.totalTime \| 0 }} min</div>
			</div>
			<div id="progressBar" style="width: 848px; height: 80px"></div>
			</dv-border-box7>

			<!-- <div class="outDiv">
			<!-- <div class="outDiv">
			<div style="height: 100px; width: 400px">
			<Progress
			:stroke-color="{
			@@ -173,181 +384,186 @@
			</div>
			</div>
			</div> -->
			</div>
			<div class="rightInfo">
			<div class="rightTop">

			<dv-border-box7 class="tempMoisChart">
			<div :id="'moisChart'" style="width: 690px; height: 420px"></div>
			</dv-border-box7>
			</div>
			<div class="rightTwo">
			<dv-border-box7 class="infoChart">
			<div class="chartTittle">
			干燥效率(kg/h)
			<div class="rightLabel">
			<div class="label good">>{{ standard.xiaolv }} 优 </div>
			<div class="label bad"><{{ standard.xlMin }} 差</div>
			</div>
			</div>
			<div class="outDiv" style="padding-top: 20px">
			<div class="leftData">
			<div class="center" style="height: 50%">
			<div class="centerText">
			<div class="mainInfo3"
			><span>{{ (realData?.originWeight - realData?.yield) \| 0 }}</span
			> kg
			</div>
			<div class="subhead2">水分蒸发</div>
			</div>
			</div>
			<div class="center" style="height: 50%">
			<div>
			<div class="mainInfo3">{{ realData?.dryTime \| 0 }} min</div>
			<div class="subhead2">干燥用时</div>
			</div>
			<div class="rightInfo">
			<div class="rightTop">
			<dv-border-box7 class="tempMoisChart">
			<div :id="'moisChart'" style="width: 690px; height: 420px"></div>
			</dv-border-box7>
			</div>
			<div class="rightTwo">
			<dv-border-box7 class="infoChart">
			<div class="chartTittle">
			干燥效率(kg/h)
			<div class="rightLabel">
			<div class="label good">>{{ realData?.efficAvg?.toFixed(2) }} 优 </div>
			<div class="label bad"><{{ ((realData?.efficAvg\|0) * 0.9)?.toFixed(2) }} 差</div>
			</div>
			</div>
			<div class="rightChart center">
			<div class="center compareBar">
			<div class="barTop">{{ standard.xiaolv }}</div>
			<div class="barBack">
			<div class="barDiv" :style="{ height: realData?.xlsHeight }"></div>
			</div>
			<div style="line-height: 20px">
			额定
			<br />
			效率
			</div>
			</div>
			<div class="center compareBar">
			<div class="barTop">{{ realData?.xiaolv \| 0 }}</div>
			<div class="barBack">
			<div
			class="barDiv"
			:class="{ good: realData?.xlgood, bad: realData?.xlbad }"
			:style="[realData?.xlrHeight && { height: realData?.xlrHeight }]"
			>
			<div class="outDiv" style="padding-top: 20px">
			<div class="leftData">
			<div class="center" style="height: 50%">
			<div class="centerText">
			<div class="mainInfo3"
			><span>{{ (realData?.originWeight - realData?.yield) \| 0 }}</span> kg
			</div>
			<div class="subhead2">水分蒸发</div>
			</div>
			</div>
			<div style="line-height: 20px">
			实时
			<br />
			效率
			<div class="center" style="height: 50%">
			<div>
			<div class="mainInfo3">{{ realData?.dryTime \| 0 }} min</div>
			<div class="subhead2">干燥用时</div>
			</div>
			</div>
			</div>
			<div class="rightChart center">
			<div class="center compareBar">
			<div class="barTop">{{ realData?.efficAvg?.toFixed(2) }}</div>
			<div class="barBack">
			<div class="barDiv" :style="{ height: realData?.xlsHeight }"></div>
			</div>
			<div style="line-height: 20px">
			额定
			<br />
			效率
			</div>
			</div>
			<div class="center compareBar">
			<div class="barTop">{{ realData?.xiaolv?.toFixed(2) \|\| 0 }}</div>
			<div class="barBack">
			<div
			class="barDiv"
			:class="{ good: realData?.xlgood, bad: realData?.xlbad }"
			:style="[realData?.xlrHeight && { height: realData?.xlrHeight }]"
			>
			</div>
			</div>
			<div style="line-height: 20px">
			实时
			<br />
			效率
			</div>
			</div>
			</div>
			</div>
			</div>
			</dv-border-box7>




			<dv-border-box7 class="infoChart">
			<div class="chartTittle"
			>蒸汽消耗(m³/kg)
			<div class="rightLabel">
			<div class="label bad">>{{ standard.zhengqi }} 差</div>
			<div class="label good"><{{ standard.zqMin }} 优</div>
			</dv-border-box7>

			<dv-border-box7 class="infoChart">
			<div class="chartTittle"
			>蒸汽消耗(m³/kg)
			<div class="rightLabel">
			<div class="label bad">>{{ realData?.steamAvg?.toFixed(2) }} 差</div>
			<div class="label good"><{{ ((realData?.steamAvg\|0) * 0.9).toFixed(2) }} 优</div>
			</div>
			</div>
			</div>
			<div class="outDiv" style="padding-top: 20px">
			<div class="leftData">
			<div class="center" style="height: 100%">
			<div class="centerText">
			<div class="mainInfo3"><span>{{realData?.steam}}</span> m³ </div>
			<div class="subhead2">蒸汽用量</div>
			<div class="outDiv" style="padding-top: 20px">
			<div class="leftData">
			<div class="center" style="height: 100%">
			<div class="centerText">
			<div class="mainInfo3"
			><span>{{ realData?.steam }}</span> m³
			</div>
			<div class="subhead2">蒸汽用量</div>
			</div>
			</div>
			</div>
			<div class="rightChart center">
			<div class="center compareBar">
			<div class="barTop">{{ realData?.steamAvg?.toFixed(2) }}</div>
			<div class="barBack">
			<div class="barDiv" :style="{ height: realData?.zqsHeight }"></div>
			</div>
			<div style="line-height: 20px">
			额定
			<br />
			消耗
			</div>
			</div>
			<div class="center compareBar">
			<div class="barTop">{{ realData?.zhengqi?.toFixed(2) \|\| 0 }}</div>
			<div class="barBack">
			<div
			class="barDiv"
			:class="{ good: realData?.zqgood, bad: realData?.zqbad }"
			:style="[realData?.zqrHeight && { height: realData?.zqrHeight }]"
			>
			</div>
			</div>
			<div style="line-height: 20px">
			实时
			<br />
			消耗
			</div>
			</div>
			</div>
			</div>
			<div class="rightChart center">
			<div class="center compareBar">
			<div class="barTop">{{standard.zhengqi}}</div>
			<div class="barBack">
			<div class="barDiv" :style="{ height: realData?.zqsHeight }"></div>
			</div>
			<div style="line-height: 20px">
			额定
			<br />
			消耗
			</dv-border-box7>
			<dv-border-box7 class="infoChart">
			<div class="chartTittle">效率对比</div>
			<div class="outDiv" style="padding-top: 10px">
			<div id="compare" style="width: 300px; height: 250px"></div>
			</div>
			</dv-border-box7>
			<dv-border-box7 class="infoChart">
			<div class="chartTittle">
			<div> 电能消耗(kWh/kg)</div>
			<div class="rightLabel">
			<div class="label bad">>{{ realData?.wattAvg?.toFixed(3) }} 差</div>
			<div class="label good"><{{ ((realData?.wattAvg\|0) * 0.9).toFixed(3) }} 优</div>
			</div>
			</div>
			<div class="outDiv" style="padding-top: 20px">
			<div class="leftData">
			<div class="center" style="height: 100%">
			<div class="centerText">
			<div class="mainInfo3"
			><span>{{ realData?.watt }}</span> kWh
			</div>
			<div class="subhead2">电能用量</div>
			</div>
			</div>
			</div>
			<div class="center compareBar">
			<div class="barTop">{{realData?.zhengqi \| 0 }}</div>
			<div class="barBack">
			<div class="barDiv" :class="{ good: realData?.zqgood, bad: realData?.zqbad }"
			:style="[realData?.zqrHeight && { height: realData?.zqrHeight }]"> </div>
			<div class="rightChart center">
			<div class="center compareBar">
			<div class="barTop">{{ realData?.wattAvg?.toFixed(3) }}</div>
			<div class="barBack">
			<div class="barDiv" :style="{ height: realData?.dnsHeight }"></div>
			</div>
			<div style="line-height: 20px">
			额定
			<br />
			消耗
			</div>
			</div>
			<div style="line-height: 20px">
			实时
			<br />
			消耗
			<div class="center compareBar">
			<div class="barTop">{{ realData?.dian?.toFixed(3) \|\| 0 }}</div>
			<div class="barBack">
			<div
			class="barDiv"
			:class="{ good: realData?.dngood, bad: realData?.dnbad }"
			:style="[realData?.dnrHeight && { height: realData?.dnrHeight }]"
			></div>
			</div>
			<div style="line-height: 20px">
			实时
			<br />
			消耗
			</div>
			</div>
			</div>
			</div>
			</div>
			</dv-border-box7>
			<dv-border-box7 class="infoChart" >
			<div class="chartTittle">效率对比</div>
			<div class="outDiv" style="padding-top: 10px">
			<div id="compare" style="width: 300px; height: 250px"></div>
			</div>
			</dv-border-box7>
			<dv-border-box7 class="infoChart">
			<div class="chartTittle">
			<div> 电能消耗(kWh/kg)</div>
			<div class="rightLabel">
			<div class="label bad">>{{ standard.dian }} 差</div>
			<div class="label good"><{{ standard.dMin }} 优</div>
			</div>
			</div>
			<div class="outDiv" style="padding-top: 20px">
			<div class="leftData">
			<div class="center" style="height: 100%">
			<div class="centerText">
			<div class="mainInfo3"><span>{{realData?.watt}}</span> kWh </div>
			<div class="subhead2">电能用量</div>
			</div>
			</div>
			</div>
			<div class="rightChart center">
			<div class="center compareBar">
			<div class="barTop">{{standard.dian}}</div>
			<div class="barBack">
			<div class="barDiv" :style="{ height: realData?.dnsHeight }"></div>
			</div>
			<div style="line-height: 20px">
			额定
			<br />
			消耗
			</div>
			</div>
			<div class="center compareBar">
			<div class="barTop">{{realData?.dian \| 0}}</div>
			<div class="barBack">
			<div class="barDiv" :class="{ good: realData?.dngood, bad: realData?.dnbad }"
			:style="[realData?.dnrHeight && { height: realData?.dnrHeight }]"></div>
			</div>
			<div style="line-height: 20px">
			实时
			<br />
			消耗
			</div>
			</div>
			</div>
			</div>
			</dv-border-box7>

			</dv-border-box7>
			</div>
			</div>
			</div>
			</div>
			</div>
			</div>
			</dv-full-screen-container>
			</dv-full-screen-container>
			</template>

			<script setup lang="ts">
			import { useFullscreen } from '@vueuse/core';
			import { useFullscreen } from '@vueuse/core'
			import { BorderBox7 as DvBorderBox7 } from '@kjgl77/datav-vue3'
			import { router } from '/@/router'
			import { onMounted, ref, onUnmounted } from 'vue'
			@@ -356,19 +572,17 @@
			import 'echarts-liquidfill'
			import { Icon, IconPicker, SvgIcon } from '/@/components/Icon/index'
			import { defHttp } from '/@/utils/http/axios'
			import { queryById,listAll } from '../api/DryEquipment.api'
			import { queryById, listAll } from '../api/DryEquipment.api'
			import { dryEquipment } from '../dataDefine/DryEquipment.data'
			import { useUserStore } from '/@/store/modules/user'
			import { getTenantId, getToken } from '/@/utils/auth'


			const domRef = ref<Nullable<HTMLElement>>(null)
			const { enter, toggle, exit, isFullscreen } = useFullscreen()


			const domRef = ref<Nullable<HTMLElement>>(null);
			const { enter, toggle, exit, isFullscreen } = useFullscreen();

			const { toggle: toggleDom } = useFullscreen(domRef);
			const { toggle: toggleDom } = useFullscreen(domRef)
			const Timer = ref()
			const Timer2 = ref()
			const Timer2 = ref()
			const marks = ref<Record<number, any>>({
			0: '0°C',
			1: '',
			@@ -472,10 +686,10 @@
			99: '',
			100: '100°C',
			})
			const eqps = ref([] as dryEquipment[])

			const eqp = ref({} as dryEquipment)
			const eqpNum = ref(1)
			const eqps = ref([] as dryEquipment[])
			console.log(`output->router.currentRoute.value.params.num `, router.currentRoute.value.query)
			const eqp = ref({} as dryEquipment)
			const eqpNum = ref(router.currentRoute.value.query.num \|\| 1)
			const userStore = useUserStore()
			const realData = ref({})
			const standard = ref({
			@@ -487,7 +701,7 @@
			dMin: 7.5,
			})

			const position = ref(1)
			const position = ref(1)
			//realData.value.tempValue = [0, 100]
			realData.value.mois = [0.5, 0.35, 0.2]
			statusGif = 'tmrefeng2'
			@@ -501,6 +715,40 @@
			var efficiencyLineChart: echarts.ECharts

			var compareChart: echarts.ECharts

			//----------------error----------------
			const shebeijiting = ref(false)
			const chuliaojiting = ref(false)
			const zuoqianjiting = ref(false)
			const mianbanjiting = ref(false)
			const fengxiangsheng = ref(false)
			const fengxiangjiang = ref(false)
			const fengjiguoliu = ref(false)
			const guntongsheng = ref(false)
			const guntongjiang = ref(false)
			const guntongguoliu = ref(false)
			const wendubaojing = ref(false)
			//--------------warning------------
			const zuoqianmen = ref(false)
			const zuohoumen = ref(false)
			const youqianmen = ref(false)
			const youhoumen = ref(false)
			const guntongbuzaigaowei = ref(false)
			const fengxiangbuzaigaowei = ref(false)
			const fengxiangbuzaidiwei = ref(false)
			const jiareweichuanganqi = ref(false)
			const zuoqianfengxianggaowei = ref(false)
			const zuohoufengxianggaowei = ref(false)
			const youqianfengxianggaowei = ref(false)
			const youhoufengxianggaowei = ref(false)
			const zuoqianfengxiangdiwei = ref(false)
			const zuohoufengxiangdiwei = ref(false)
			const youqianfengxiangdiwei = ref(false)
			const youhoufengxiangdiwei = ref(false)
			const zuoqianguntongdiwei = ref(false)
			const zuohouguntongdiwei = ref(false)
			const youqianguntongdiwei = ref(false)
			const youhouguntongdiwei = ref(false)

			function initCharts() {
			let domId = 'moisChart'
			@@ -526,9 +774,8 @@
			text: '含水率/温度趋势',
			textStyle: {
			color: '#fff',
			fontSize: 15
			fontSize: 15,
			},

			},
			tooltip: {
			trigger: 'axis',
			@@ -542,8 +789,8 @@
			legend: {
			right: 60,
			textStyle: {
			color: '#fff'
			}
			color: '#fff',
			},
			},
			// toolbox: {
			// show: true,
			@@ -559,8 +806,8 @@
			// },
			xAxis: {
			type: 'value',
			axisLabel:{
			color: '#fff'
			axisLabel: {
			color: '#fff',
			},
			//boundaryGap: false,
			// data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
			@@ -575,22 +822,22 @@
			splitLine: {
			lineStyle: {
			type: 'dashed',
			color: ['#2b2b2b']
			}
			}
			color: ['#2b2b2b'],
			},
			},
			},
			yAxis: {
			type: 'value',
			boundaryGap: ['10%', '10%'],
			axisLabel:{
			color: '#fff'
			axisLabel: {
			color: '#fff',
			},
			splitLine: {
			lineStyle: {
			type: 'dashed',
			color: ['#2b2b2b']
			}
			}
			color: ['#2b2b2b'],
			},
			},
			// min: 0,
			// max: function (value) {
			// if (value.max < 100) {
			@@ -613,8 +860,7 @@
			smooth: true,
			symbol: 'none',
			data: [
			[1, 1],
			[2, 2],

			],
			lineStyle: {
			width: 1,
			@@ -625,15 +871,15 @@
			areaStyle: {
			opacity: 0.2,
			color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
			{
			offset: 0,
			color: 'rgb(128, 255, 165)'
			},
			{
			offset: 1,
			color: 'rgb(1, 191, 236)'
			}
			])
			{
			offset: 0,
			color: 'rgb(128, 255, 165)',
			},
			{
			offset: 1,
			color: 'rgb(1, 191, 236)',
			},
			]),
			},
			},
			{
			@@ -642,8 +888,7 @@
			smooth: true,
			symbol: 'none',
			data: [
			[1, 10],
			[2, 20],

			],
			lineStyle: {
			width: 1,
			@@ -651,15 +896,15 @@
			areaStyle: {
			opacity: 0.2,
			color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
			{
			offset: 0,
			color: 'rgb(255, 0, 135)'
			},
			{
			offset: 1,
			color: 'rgb(135, 0, 157)'
			}
			])
			{
			offset: 0,
			color: 'rgb(255, 0, 135)',
			},
			{
			offset: 1,
			color: 'rgb(135, 0, 157)',
			},
			]),
			},
			// markLine: {
			// data: [
			@@ -694,7 +939,7 @@
			amplitude: 3,
			animationDuration: 5,
			//animationDurationUpdate: 0,
			data: [0.56,0.44,0.32],
			data: [0, 0, 0],
			shape:
			'path://M828.817,706.209C828.817,881.725,686.98,1024,512,1024c-174.98,0-316.817-142.275-316.817-317.791C195.183,530.74,512,0,512,0s316.817,530.74,316.817,706.209z',
			outline: {
			@@ -785,7 +1030,7 @@
			},
			data: [
			{
			value: 20,
			value: 0,
			},
			],
			},
			@@ -823,7 +1068,7 @@
			},
			data: [
			{
			value: 20,
			value: 0,
			},
			],
			},
			@@ -955,7 +1200,7 @@
			// '#DBE165',
			// ],
			animation: false, // 关闭动画
			color: ['#397FD7', '#2D8CDE', '#239CE5', '#1DA4E8', '#14B2EF', '#0BC4FA', '#02D2FF', '#19EEFF', '#33FAFF', '#5EFFF8'],
			color: ['#397FD7', '#2D8CDE', '#239CE5', '#1DA4E8', '#14B2EF', '#0BC4FA', '#02D2FF', '#19EEFF', '#33FAFF', '#5EFFF8', '#60FFFE', '#64FAFF', '#70FFFF', '#7BFFFF', '#88FFFD', '#97FFFF', '#A5FFFD', '#B1FFFF', '#BFFFFF', '#CAFFFF'],
			grid: {
			top: '12%',
			left: '20',
			@@ -1109,8 +1354,8 @@
			legend: {
			right: 60,
			textStyle: {
			color: '#fff'
			}
			color: '#fff',
			},
			},
			xAxis: {
			show: false,
			@@ -1137,7 +1382,7 @@
			axisLabel: {
			formatter: '{value} °C',
			},
			// max: standard.value.xiaolv + 3,
			// max: eqp.value.dryEfficiency + 3,
			},
			series: [
			{
			@@ -1147,12 +1392,7 @@
			width: 1,
			},
			// [[15,10], [15,11], [10,6], [7.5,12], [5,12], [2.5,5], [2.5,9], [1,7]]
			data: [
			[0, 1],
			[15, 10],
			[45, 11],
			[70, 6],
			],
			data: [],
			markPoint: {
			data: [
			{ type: 'max', name: 'Max' },
			@@ -1160,18 +1400,18 @@
			],
			},
			markLine: {
			symbol: 'none',
			data: [
			{
			name: '额定',
			yAxis: standard.value.xiaolv,
			},
			],
			label: {
			formatter: '{b}\n{c}',
			color: '#fff'
			},
			},
			symbol: 'none',
			data: [
			{
			name: '额定',
			yAxis: 100,
			},
			],
			label: {
			formatter: '{b}\n{c}',
			color: '#fff',
			},
			},
			// markLine: {
			// data: [{ type: 'average', name: 'Avg' }],
			// },
			@@ -1180,50 +1420,46 @@
			}

			const compareOption = {

			tooltip: {
			trigger: 'axis',

			},
			grid: {
			top: '6%',
			left: '3%',
			right: '10%',
			bottom: '3%',
			containLabel: true
			containLabel: true,
			},
			xAxis: {
			show: false,
			type: 'value',

			},
			yAxis: {
			axisLine: {
			show:false,
			show: false,
			},
			axisTick: {
			show: false,
			},
			type: 'category',
			data: ['1#', '2#', '3#', '4#', '5#', '6#']
			data: ['1#', '2#', '3#', '4#', '5#', '6#'],
			},
			series: [
			{
			name: '2011',
			type: 'bar',
			barWidth: 10,
			data: [190, 89, 34, 70, 44, 30],
			data: [0, 0, 0, 0, 0, 0],
			label: {
			show: true,
			position: 'right',
			valueAnimation: true,

			color: '#fff'
			}
			},
			]
			}

			color: '#fff',
			},
			},
			],
			}

			option && moisChart.setOption(option)
			waterOption && waterChart.setOption(waterOption)
			@@ -1236,24 +1472,32 @@
			}

			// 动态读取图片
			function getHerbImageUrl(name: string) {
			return new URL(`/src/assets/images/dry/yaocai/${name}`, import.meta.url).href;
			}
			function getHerbImageUrl(name: string) {
			return new URL(`/src/assets/images/dry/yaocai/${name}`, import.meta.url).href
			}

			// 动态读取图片
			function getStatusImageUrl(name: string) {
			return new URL(`/src/assets/images/dry/${name}.gif`, import.meta.url).href;
			}
			if (name =='zanting') {
			return new URL(`/src/assets/images/dry/${name}.png`, import.meta.url).href
			} else {
			return new URL(`/src/assets/images/dry/${name}.gif`, import.meta.url).href
			}

			}
			function queryEqp() {
			queryById({ id: router.currentRoute.value.params.id }).then((res) => {
			// console.log(`output->res`, res)
			eqp.value = res
			eqp.value.dryEfficiency = res.dryEfficiency
			eqp.value.steamConsumption = res.steamConsumption
			eqp.value.powerConsumption = res.powerConsumption
			queryRealTime()
			setTimeout(initCharts, 500)
			})
			}

			function listAllEqp() {
			function listAllEqp() {
			listAll({ enable: 'Y' })
			.then((result) => {
			//console.log(`output->result`, result)
			@@ -1262,168 +1506,189 @@
			// eqpCodes.push(item.code)
			// })
			queryRealTime()
			setTimeout(initCharts, 500)

			setTimeout(initCharts, 500)
			})
			.catch((err) => {
			//console.log(`output->err`, err)
			})
			}


			var num = eqpNum.value;
			var num = eqpNum.value

			function changeEqp() {
			//console.log("changeEqp::",eqps.value.length);
			num ++;
			if (eqps.value.length > 0) {
			var i = num%eqps.value.length
			//eqp.value = eqps.value[i]
			// console.log("777",i);
			eqpNum.value = i;
			//console.log("888",eqp.value);
			queryRealTime()
			num++
			if (eqps.value.length > 0) {
			var i = num % eqps.value.length
			//eqp.value = eqps.value[i]
			// console.log("777",i);
			eqpNum.value = i
			//console.log("888",eqp.value);
			queryRealTime()
			//setTimeout(initCharts, 500)
			}

			}
			}

			// function queryEqpsReal() {

			// if (eqps.value.length > 0) {
			// var i = num%eqps.value.length
			// eqp.value = eqps[i]
			// console.log("777",i);
			// console.log("888",eqp.value);
			// queryRealTime()
			// //setTimeout(initCharts, 500)
			// }
			// num ++;
			// }
			// function queryEqpsReal() {

			var shangliaoFlag = false;
			var statusGif = 'tmrefeng2';
			// if (eqps.value.length > 0) {
			// var i = num%eqps.value.length
			// eqp.value = eqps[i]
			// console.log("777",i);
			// console.log("888",eqp.value);
			// queryRealTime()
			// //setTimeout(initCharts, 500)
			// }
			// num ++;
			// }

			var shangliaoFlag = false
			var statusGif = 'tmrefeng2'
			var statusTxt = '正在干燥'

			function chaiwangban() {
			statusGif = 'chaiwangban-1'
			setTimeout(shangliao,7000)

			setTimeout(shangliao, 7000)
			}
			function showFault () {
			console.log('showFault')
			router.push({ path: '/bigFault', query: { num: num } })

			}
			function shangliao() {
			statusGif = "shangliao-N"
			setTimeout(()=>{
			statusGif = "zhuangwangban"
			setTimeout(()=>{
			statusGif = "guanmen1"
			setTimeout(()=>{
			statusGif = 'shangliao-N'
			setTimeout(() => {
			statusGif = 'zhuangwangban'
			setTimeout(() => {
			statusGif = 'guanmen1'
			setTimeout(() => {
			shangliaoFlag = false
			},4000)

			},7000)
			},15000)
			}, 4000)
			}, 7000)
			}, 15000)
			}


			function queryRealTime() {

			if (eqp.value) {
			eqp.value = eqps.value[eqpNum.value]
			// console.log("888",eqp.value);
			let tenantId = 1003
			let eqpCode = eqp.value.code
			let queryRealTimeUrl = '/dry/real/getRealTimeData'
			defHttp.get({ url: queryRealTimeUrl, params: { tenantid: tenantId, machineid: eqpCode} }).then((res) => {

			if (res && res.trendVo) {
			//console.log(`output->re11s`, res)
			// res.tempValue = [res.windTemp, 100]
			//res.percent = ((res.dryTime / res.et) * 100).toFixed(2)
			/*水滴图含水量 /
			res.mois = [
			(res.trendVo.moisture / 100).toFixed(2),
			(res.trendVo.moisture / 100 / 1.5).toFixed(2),
			(res.trendVo.moisture / 100 / 3).toFixed(2),
			]
			if (waterChart) {
			waterChart.setOption({
			series: [
			{
			data: res.mois,
			label: {
			formatter: function () {
			return res.trendVo.moisture + '%'
			if (eqp.value) {
			eqp.value = eqps.value[eqpNum.value]
			// console.log("888",eqp.value);
			let tenantId = getTenantId()
			let eqpCode = eqp.value.code
			let queryRealTimeUrl = '/dry/real/getRealTimeData'
			defHttp.get({ url: queryRealTimeUrl, params: { tenantid: tenantId, machineid: eqpCode } }).then((res) => {
			if (res && res.trendVo) {
			//console.log(`output->re11s`, res)
			// res.tempValue = [res.windTemp, 100]
			//res.percent = ((res.dryTime / res.et) * 100).toFixed(2)
			/*水滴图含水量 /
			res.mois = [
			(res.trendVo.moisture / 100).toFixed(2),
			(res.trendVo.moisture / 100 / 1.5).toFixed(2),
			(res.trendVo.moisture / 100 / 3).toFixed(2),
			]
			if (waterChart) {
			waterChart.setOption({
			series: [
			{
			data: res.mois,
			label: {
			formatter: function () {
			return res.trendVo.moisture + '%'
			},
			fontSize: 20,
			},
			fontSize: 20,
			},
			},
			],
			})
			}
			],
			})
			}

			/*温度环形图 /
			if (bellowsTempChart) {
			bellowsTempChart.setOption({
			series: [{ data: [{ value: res.windTemp }] }, { data: [{ value: res.windTemp }] }],
			})
			}
			/*风机频率环形图 /
			// if (fanFreqChart) {
			// fanFreqChart.setOption({
			// series: [
			// {
			// data: [
			// {
			// value: res.trendVo.fanFrequency,
			// },
			// ],
			// },
			// ],
			// })
			// }
			/*干燥进度、走势与阶段效率和阶段消耗 /
			if (res && res.detailList) {
			var progressSeries = []
			var ganZaoXiaoLv = []
			var zhengQiXiaoHao = []
			var dianNengXiaoHao = []
			var totalTime = 0
			var beforeWeight = 0
			res.moisList = []
			beforeWeight = res.originWeight
			//console.log(`output->res`, res)
			res.detailList.forEach((item) => {
			//console.log(`output->bef`, beforeWeight)
			//console.log(`output->cur`, item.weight)
			res.moisList.push([item.totalTime, item.moisture])
			//console.log(`output->totalTime,item.totalTime`, totalTime, item.totalTime)
			var curDryTime = item.totalTime - totalTime
			/*温度环形图 /
			if (bellowsTempChart) {
			bellowsTempChart.setOption({
			series: [{ data: [{ value: res.trendVo.bellowsTemp }] }, { data: [{ value: res.trendVo.bellowsTemp }] }],
			})
			}
			/*风机频率环形图 /
			// if (fanFreqChart) {
			// fanFreqChart.setOption({
			// series: [
			// {
			// data: [
			// {
			// value: res.trendVo.fanFrequency,
			// },
			// ],
			// },
			// ],
			// })
			// }
			/*干燥进度、走势与阶段效率和阶段消耗 /
			if (res && res.detailList) {
			var progressSeries = []

			var zhengQiXiaoHao = []
			var dianNengXiaoHao = []
			var ganZaoXiaoLv = []
			var totalTime = 0
			var beforeWeight = 0
			res.moisList = []
			beforeWeight = res.originWeight
			//console.log(`output->res`, res)
			res.detailList.forEach((item) => {
			//console.log(`output->bef`, beforeWeight)
			//console.log(`output->cur`, item.weight)
			res.moisList.push([item.totalTime, item.moisture])
			// console.log(`output->totalTime,item.totalTime`, totalTime, item.totalTime)
			var curDryTime = item.totalTime - totalTime

			if (curDryTime > 0) {
			if (curDryTime > 0) {
			progressSeries.push({
			name: item.moisture,
			type: 'bar',
			stack: 'total',
			label: {
			show: true,
			},
			emphasis: {
			focus: 'series',
			},
			data: [item.totalTime - totalTime],
			})
			ganZaoXiaoLv.push([curDryTime / 2 + totalTime, (((beforeWeight - item.weight) / curDryTime) * 60).toFixed(1)])

			totalTime = item.totalTime
			}
			beforeWeight = item.weight
			})

			if (res.remain) {
			if (res.dryTime - totalTime > 0) {
			progressSeries.push({
			name: '当前',
			type: 'bar',
			stack: 'total',
			label: {
			show: true,
			},
			emphasis: {
			focus: 'series',
			},
			data: [
			{
			value: res.dryTime - totalTime,
			},
			],
			})
			}

			// ganZaoXiaoLv.push([totalTime + res.remain,eqp.value.dryEfficiency])
			// console.log(`output->res.remain`, res.remain)
			// console.log(`output->res.dryTime`, res.dryTime)
			// console.log(`output->totalTime`, totalTime)
			// 干燥剩余时间=工单预计剩余-（当前干燥时间-最后一次记录干燥时间）
			res.totalRemain = res.remain - (res.dryTime - totalTime) > 0 ? res.remain - (res.dryTime - totalTime) : 0
			progressSeries.push({
			name: item.moisture,
			type: 'bar',
			stack: 'total',
			label: {
			show: true,
			},
			emphasis: {
			focus: 'series',
			},
			data: [item.totalTime - totalTime],
			})
			ganZaoXiaoLv.push([curDryTime / 2 + totalTime, (((beforeWeight - item.weight) / curDryTime) * 60).toFixed(1)])

			totalTime = item.totalTime
			}
			beforeWeight = item.weight
			})

			if (res.remain) {
			if (res.dryTime - totalTime > 0) {
			progressSeries.push({
			name: '当前',
			name: '剩余',
			type: 'bar',
			stack: 'total',
			label: {
			@@ -1434,308 +1699,508 @@
			},
			data: [
			{
			value: res.dryTime - totalTime,
			value: res.remain - (res.dryTime - totalTime),
			itemStyle: {
			color: '#c0c0c0',
			},
			},
			],
			})
			}

			// ganZaoXiaoLv.push([totalTime + res.remain,standard.value.xiaolv])

			res.totalRemain = res.remain - (res.dryTime - totalTime)>0?res.remain - (res.dryTime - totalTime):0
			progressSeries.push({
			name: '剩余',
			type: 'bar',
			stack: 'total',
			label: {
			show: true,
			},
			emphasis: {
			focus: 'series',
			},
			data: [
			/*干燥进度 /
			if (progressBarChart) {
			//console.log(`output->progressSeries`, progressSeries)
			progressBarChart.setOption(
			{
			value: res.remain - (res.dryTime - totalTime),
			itemStyle: {
			color: '#c0c0c0',
			xAxis: {
			max: totalTime + res.remain,
			},
			series: progressSeries,
			},
			],
			})
			{ replaceMerge: ['series'] }
			)
			}



			}

			/*干燥进度 /
			if (progressBarChart) {
			//console.log(`output->progressSeries`, progressSeries)
			progressBarChart.setOption(
			{
			res.totalTime = totalTime + res.remain
			console.log("efficAvg::",res.efficAvg);
			/*干燥效率、消耗 /
			if (efficiencyLineChart) {
			//console.log(`output->ganZaoXiaoLv`, ganZaoXiaoLv)
			efficiencyLineChart.setOption({
			xAxis: {
			max: totalTime + res.remain,
			},
			series: progressSeries,
			},
			{ replaceMerge: ['series'] }
			)
			series: [
			{
			name: '干燥效率',
			data: ganZaoXiaoLv,
			markLine: {
			symbol: 'none',
			data: [
			{
			name: '额定',
			yAxis: res.efficAvg\|0,
			},
			],
			label: {
			formatter: '{b}\n{c}',
			color: '#fff',
			},
			},
			},
			// { data: zhengQiXiaoHao },
			// { data: dianNengXiaoHao },
			],
			})
			}

			res.moisList.push([res.dryTime, res.trendVo.moisture])
			}

			res.totalTime = totalTime + res.remain
			/*干燥效率、消耗 /
			if (efficiencyLineChart) {
			//console.log(`output->ganZaoXiaoLv`, ganZaoXiaoLv)
			efficiencyLineChart.setOption({
			xAxis: {
			max: totalTime + res.remain,
			},
			series: [{ data: ganZaoXiaoLv,
			markLine: {
			symbol: 'none',
			data: [
			{
			name: '额定',
			yAxis: standard.value.xiaolv,
			/*温度趋势 /
			if (res && res.bellowsTemp) {
			Array.from(Object.entries(res.bellowsTemp))
			var arr = Object.keys(res.bellowsTemp)
			var temArr = []
			arr.forEach((item) => {
			temArr.push([item * 1, res.bellowsTemp[item]])
			})

			//console.log(`output->arr` + JSON.stringify(temArr))
			res.tempArr = temArr
			}

			/*干燥过程趋势 /
			if (moisChart) {
			//console.log(`output->更新chart`)
			moisChart.setOption({
			series: [
			{
			data: res.moisList,
			markLine: {
			symbol: 'none',
			data: [
			{
			name: '目标',
			yAxis: res.target,
			},
			],
			label: {
			formatter: '{b}\n{c}%',
			color: '#fff',
			},
			],
			label: {
			formatter: '{b}\n{c}',
			color: '#fff'
			},
			} },
			{ data: zhengQiXiaoHao },
			{ data: dianNengXiaoHao }],
			},
			{
			data: res.tempArr,
			},
			],
			})
			}

			res.moisList.push([res.dryTime, res.trendVo.moisture])
			}

			/*温度趋势 /
			if (res && res.bellowsTemp) {
			Array.from(Object.entries(res.bellowsTemp))
			var arr = Object.keys(res.bellowsTemp)
			var temArr = []
			arr.forEach((item) => {
			temArr.push([item * 1, res.bellowsTemp[item]])
			})

			//console.log(`output->arr` + JSON.stringify(temArr))
			res.tempArr = temArr
			}

			/*干燥过程趋势 /
			if (moisChart) {
			//console.log(`output->更新chart`)
			moisChart.setOption({
			series: [
			{
			data: res.moisList,
			markLine: {
			symbol: 'none',
			data: [
			{
			name: '目标',
			yAxis: res.target,
			},
			],
			label: {
			formatter: '{b}\n{c}%',
			color: '#fff'
			},
			},
			},
			{
			data: res.tempArr,
			},
			],
			})
			}

			/*效率对比图 /
			if( (res.originWeight - res.yield) <= 0) {
			res.xiaolv = standard.value.xiaolv + 6
			} else {
			res.xiaolv = (((res.originWeight - res.yield) / res.dryTime) * 60).toFixed(2)
			}

			if (res.xiaolv > standard.value.xiaolv) {
			res.xlgood = true
			res.xlsHeight = (standard.value.xiaolv / res.xiaolv) * 100 + '%'
			res.xlrHeight = '100%'
			} else if (res.xiaolv < standard.value.xlMin) {
			res.xlbad = true
			res.xlsHeight = '100%'
			res.xlrHeight = (res.xiaolv / standard.value.xiaolv) * 100 + '%'
			} else {
			res.xlsHeight = '100%'
			res.xlrHeight = (res.xiaolv / standard.value.xiaolv) * 100 + '%'
			}



			/** 蒸汽消耗 */
			if( (res.originWeight - res.yield) <= 0) {
			res.zhengqi = standard.value.zhengqi -3
			} else {
			res.zhengqi = (res.steam / (res.originWeight - res.yield)).toFixed(1)
			}
			//console.log('zhengqi:', res.zhengqi);
			if (res.zhengqi > standard.value.zhengqi) {
			res.zqbad = true
			res.zqsHeight = (standard.value.zhengqi / res.zhengqi) * 100 + '%'
			res.zqrHeight = '100%'
			} else if (res.zhengqi < standard.value.zqMin) {
			res.zqgood = true
			res.zqsHeight = '100%'
			res.zqrHeight = (res.zhengqi / standard.value.zhengqi) * 100 + '%'
			} else {
			res.zqsHeight = '100%'
			res.zqrHeight = (res.zhengqi / standard.value.zhengqi) * 100 + '%'
			}



			/** 电能消耗 */
			if( (res.originWeight - res.yield) <= 0) {
			res.dian = standard.value.dian -1.5
			} else {
			res.dian = (res.watt / (res.originWeight - res.yield)).toFixed(1)
			}

			if (res.dian > standard.value.dian) {
			res.dnbad = true
			res.dnsHeight = (standard.value.dian / res.dian) * 100 + '%'
			res.dnrHeight = '100%'
			} else if (res.dian < standard.value.dMin) {

			res.dngood = true
			res.dnsHeight = '100%'
			res.dnrHeight = (res.dian / standard.value.dian) * 100 + '%'
			} else {
			res.dnsHeight = '100%'
			res.dnrHeight = (res.dian / standard.value.dian) * 100 + '%'
			}

			console.log("state:::fan::", res.state_fan,"roller::", res.state_roller,"windbox::", res.state_windbox);
			console.log("===========================");
			//console.log("state:::state_windbox::", res.state_windbox);

			/*状态/gif动图 /
			if (!shangliaoFlag) {
			if (res.orderStatus == 0) {
			statusGif = 'zanting'
			statusTxt = '准备'
			} else if (res.orderStatus == 1) {
			shangliaoFlag = true
			statusGif = 'kaimen1'
			statusTxt = '上料'
			setTimeout(chaiwangban,4000)
			} else if (res.orderStatus == 2) {
			if(res.state_fan == 1) {
			statusGif = 'tmrefeng2'
			statusTxt = '正在干燥'
			let lastTrend = res.detailList[res.detailList.length-1]
			/*效率对比图 /
			if (res.originWeight - lastTrend.weight <= 0) {
			res.xiaolv = 0
			} else {
			res.xiaolv = ((res.originWeight - lastTrend.weight) / lastTrend.totalTime) * 60
			}
			res.xiaolv = Number(res.xiaolv)
			//eqp.value.dryEfficiency = Number(eqp.value.dryEfficiency)
			if (res.xiaolv > res.efficAvg) {
			console.log("xiaolv:",res , eqp);
			res.xlgood = true
			res.xlsHeight = (res.efficAvg / res.xiaolv) * 100 + '%'
			res.xlrHeight = '100%'
			} else if (res.xiaolv < res.efficAvg * 0.9) {
			res.xlbad = true
			res.xlsHeight = '100%'
			res.xlrHeight = (res.xiaolv / res.efficAvg) * 100 + '%'
			} else {
			res.xlsHeight = '100%'
			res.xlrHeight = (res.xiaolv / res.efficAvg) * 100 + '%'
			}

			if(res.state_roller == 4) {
			statusGif = 'fanliao-N'
			statusTxt = '正在翻料'
			/** 蒸汽消耗 */
			if (res.originWeight - lastTrend.weight <= 0) {
			res.zhengqi = 0
			} else {
			res.zhengqi = lastTrend.steam / (res.originWeight - lastTrend.weight)
			}
			res.zhengqi = Number(res.zhengqi)
			//eqp.value.steamConsumption = Number(eqp.value.steamConsumption)
			// res.zhengqi = eqp.value.steamConsumption - 3
			// console.log(res);
			// console.log('zhengqi:', res.zhengqi);
			if (res.zhengqi > res.steamAvg) {
			res.zqbad = true
			res.zqsHeight = (res.steamAvg / res.zhengqi) * 100 + '%'
			res.zqrHeight = '100%'
			} else if (res.zhengqi < res.steamAvg * 0.9) {
			res.zqgood = true
			res.zqsHeight = '100%'
			res.zqrHeight = (res.zhengqi / res.steamAvg) * 100 + '%'
			} else {
			res.zqsHeight = '100%'
			res.zqrHeight = (res.zhengqi / res.steamAvg) * 100 + '%'
			}

			if (res.state_roller == 5) {
			statusGif = 'chuliao-N'
			statusTxt = '正在出料'
			/** 电能消耗 */
			if (res.originWeight - lastTrend.weight <= 0) {
			res.dian = 0
			} else {
			res.dian = lastTrend.watt / (res.originWeight - lastTrend.weight)
			}

			if (res.state_windbox == 2 \|\| res.state_windbox == 3) {
			statusGif = 'fengxiangsheng-1'
			statusTxt = '正在干燥'
			// res.dian = eqp.value.powerConsumption - 1.5
			res.dian = Number(res.dian)
			//eqp.value.powerConsumption = Number(eqp.value.powerConsumption)
			if (res.dian > res.wattAvg) {
			console.log("dian::", res.dian,res.wattAvg )
			res.dnbad = true
			res.dnsHeight = (res.wattAvg / res.dian) * 100 + '%'
			res.dnrHeight = '100%'
			} else if (res.dian < res.wattAvg * 0.9) {
			res.dngood = true
			res.dnsHeight = '100%'
			res.dnrHeight = (res.dian / res.wattAvg) * 100 + '%'
			} else {
			res.dnsHeight = '100%'
			res.dnrHeight = (res.dian / res.wattAvg) * 100 + '%'
			}
			} else if(res.orderStatus == 3) {
			statusGif = 'zanting'
			statusTxt = '暂停'
			} else if(res.orderStatus == 4) {
			statusGif = 'zanting'
			statusTxt = '干燥完成'
			}
			}



			if (compareChart) {
			compareChart.setOption({
			yAxis: {
			data: res.compEqpNum
			},
			series: {
			data: res.compEqpEffic
			//console.log('state:::fan::', res.state_fan, 'roller::', res.state_roller, 'windbox::', res.state_windbox)
			//console.log('===========================')
			//console.log("state:::state_windbox::", res.state_windbox);

			/*状态/gif动图 /
			if (!shangliaoFlag) {
			if (res.orderStatus == 0) {
			statusGif = 'zanting'
			statusTxt = '准备'
			} else if (res.orderStatus == 1) {
			shangliaoFlag = true
			statusGif = 'kaimen1'
			statusTxt = '上料'
			setTimeout(chaiwangban, 4000)
			} else if (res.orderStatus == 2) {
			statusTxt = res.level
			statusGif = 'zanting'
			if (res.level === '准备阶段') {
			console.log("准备阶段" + statusGif);
			statusGif = 'zanting'
			} else if (res.level === '干燥阶段' \|\| res.level === '正在干燥') {
			statusGif = 'tmrefeng2'
			} else if (res.level === '翻料阶段') {
			statusGif = 'fanliao-N'
			} else if (res.level === '出料阶段') {
			statusGif = 'chuliao-N'
			}
			// if (res.state_fan == 1) {
			// statusGif = 'tmrefeng2'
			// statusTxt = '正在干燥'
			// }

			// if (res.state_roller == 4) {
			// statusGif = 'fanliao-N'
			// statusTxt = '正在翻料'
			// }

			// if (res.state_roller == 5) {
			// statusGif = 'chuliao-N'
			// statusTxt = '正在出料'
			// }

			// if (res.state_windbox == 2 \|\| res.state_windbox == 3) {
			// statusGif = 'fengxiangsheng-1'
			// statusTxt = '正在干燥'
			// }
			} else if (res.orderStatus == 3) {
			statusGif = 'zanting'
			statusTxt = '暂停'
			} else if (res.orderStatus == 4) {
			statusGif = 'zanting'
			statusTxt = '干燥完成'
			}
			})
			}

			if (compareChart) {
			compareChart.setOption({
			yAxis: {
			data: res.compEqpNum,
			},
			series: {
			data: res.compEqpEffic,
			},
			})
			}

			res.herbImage = 'yaocai1.png'

			if (res.herbName == '白花蛇舌草') {
			res.herbImage = 'baihuasheshecao.png'
			} else if (res.herbName == '糥稻根') {
			res.herbImage = 'nuodaogen.png'
			} else if (res.herbName == '淫羊藿') {
			res.herbImage = 'yinyanghuo.png'
			} else if (res.herbName == '马齿苋') {
			res.herbImage = 'machixian.png'
			} else if (res.herbName == '墨旱莲') {
			res.herbImage = 'mohanlian.png'
			} else if (res.herbName == '桑白皮') {
			res.herbImage = 'sangbaipi.png'
			}

			res.isError = false
			if (res.fault) {
			res.isError = true
			res.errorMsg = res.fault;
			const faults = res.fault;
			console.log('errorMsg:', res.fault)
			if (faults.includes('急停报警')) {
			shebeijiting.value = true;
			} else {
			shebeijiting.value = false;
			}
			if (faults.includes('左前急停')) {
			zuoqianjiting.value = true;
			} else {
			zuoqianjiting.value = false;
			}
			if (faults.includes('面板急停')) {
			mianbanjiting.value = true;
			} else {
			mianbanjiting.value = false;
			}
			if (faults.includes('出料急停')) {
			chuliaojiting.value = true;
			} else {
			chuliaojiting.value = false;
			}
			if (faults.includes('温度失控')) {
			wendubaojing.value = true;
			} else {
			wendubaojing.value = false;
			}
			if (faults.includes('滚筒升')) {
			guntongsheng.value = true;
			} else {
			guntongjiang.value = false;
			}
			if (faults.includes('滚筒降')) {
			guntongjiang.value = true;
			} else {
			guntongjiang.value = false;
			}
			if (faults.includes('滚筒电机过流')) {
			guntongguoliu.value = true;
			} else {
			guntongguoliu.value = false;
			}
			if (faults.includes('风箱升')) {
			fengxiangsheng.value = true;
			} else {
			fengxiangsheng.value = false;
			}
			if (faults.includes('风箱降')) {
			fengxiangjiang.value = true;
			} else {
			fengxiangjiang.value = false;
			}
			if (faults.includes('风箱风机过流')) {
			fengjiguoliu.value = true;
			} else {
			fengjiguoliu.value = false;
			}
			}
			else {
			shebeijiting.value = false
			chuliaojiting.value = false
			zuoqianjiting.value = false
			mianbanjiting.value = false
			fengxiangsheng.value = false
			fengxiangjiang.value = false
			fengjiguoliu.value = false
			guntongsheng.value = false
			guntongjiang.value = false
			guntongguoliu.value = false
			wendubaojing.value = false
			}

			if (res.warning) {
			res.isWarning = true
			res.warnMsg = res.warning
			const warnings = res.warning;
			console.log('warnMsg:', res.warning)
			if (warnings.includes('左前门')) {
			zuoqianmen.value = true;
			} else {
			zuoqianmen.value = false;
			}
			if (warnings.includes('右前门')) {
			youqianmen.value = true;
			} else {
			youqianmen.value = false;
			}
			if (warnings.includes('左后门')) {
			zuohoumen.value = true;
			} else {
			zuohoumen.value = false;
			}
			if (warnings.includes('右后门')) {
			youhoumen.value = true;
			} else {
			youhoumen.value = false;
			}
			if (warnings.includes('滚筒不在高位')) {
			guntongbuzaigaowei.value = true;
			} else {
			guntongbuzaigaowei.value = false;
			}
			if (warnings.includes('风箱不在低位')) {
			fengxiangbuzaidiwei.value = true;
			} else {
			fengxiangbuzaidiwei.value = false;
			}
			if (warnings.includes('风箱不在高位')) {
			fengxiangbuzaigaowei.value = true;
			} else {
			fengxiangbuzaigaowei.value = false;
			}
			if (warnings.includes('加热位传感器')) {
			jiareweichuanganqi.value = true;
			} else {
			jiareweichuanganqi.value = false;
			}
			if (warnings.includes('左前风箱高位传感器')) {
			zuoqianfengxianggaowei.value = true;
			} else {
			zuoqianfengxianggaowei.value = false;
			}
			if (warnings.includes('右前风箱高位传感器')) {
			youqianfengxianggaowei.value = true;
			} else {
			youqianfengxianggaowei.value = false;
			}
			if (warnings.includes('左后风箱高位传感器')) {
			zuohoufengxianggaowei.value = true;
			} else {
			zuohoufengxianggaowei.value = false;
			}
			if (warnings.includes('右后风箱高位传感器')) {
			youhoufengxianggaowei.value = true;
			} else {
			youhoufengxianggaowei.value = false;
			}
			if (warnings.includes('左前风箱低位传感器')) {
			zuoqianfengxiangdiwei.value = true;
			} else {
			zuoqianfengxiangdiwei.value = false;
			}
			if (warnings.includes('右前风箱低位传感器')) {
			youqianfengxiangdiwei.value = true;
			} else {
			youqianfengxiangdiwei.value = false;
			}
			if (warnings.includes('左后风箱低位传感器')) {
			zuohoufengxiangdiwei.value = true;
			} else {
			zuohoufengxiangdiwei.value = false;
			}
			if (warnings.includes('右后风箱低位传感器')) {
			youhoufengxiangdiwei.value = true;
			} else {
			youhoufengxiangdiwei.value = false;
			}
			if (warnings.includes('左前滚筒低位传感器')) {
			zuoqianguntongdiwei.value = true;
			} else {
			zuoqianguntongdiwei.value = false;
			}
			if (warnings.includes('右前滚筒低位传感器')) {
			youqianguntongdiwei.value = true;
			} else {
			youqianguntongdiwei.value = false;
			}
			if (warnings.includes('左后滚筒低位传感器')) {
			zuohouguntongdiwei.value = true;
			} else {
			zuohouguntongdiwei.value = false;
			}
			if (warnings.includes('右后滚筒低位传感器')) {
			youhouguntongdiwei.value = true;
			} else {
			youhouguntongdiwei.value = false;
			}
			}
			else {
			zuoqianmen.value = false;
			zuohoumen.value = false;
			youqianmen.value = false;
			youhoumen.value = false;
			guntongbuzaigaowei.value = false;
			fengxiangbuzaigaowei.value = false;
			fengxiangbuzaidiwei.value = false;
			jiareweichuanganqi.value = false;
			zuoqianfengxianggaowei.value = false;
			zuohoufengxianggaowei.value = false;
			youqianfengxianggaowei.value = false;
			youhoufengxianggaowei.value = false;
			zuoqianfengxiangdiwei.value = false;
			zuohoufengxiangdiwei.value = false;
			youqianfengxiangdiwei.value = false;
			youhoufengxiangdiwei.value = false;
			zuoqianguntongdiwei.value = false;
			zuohouguntongdiwei.value = false;
			youqianguntongdiwei.value = false;
			youhouguntongdiwei.value = false;
			}
			} else {
			res = {
			mois: [],
			gif: 'tmrefeng2',
			herbImage: 'yaocai1.png',
			}
			}

			res.herbImage = 'yaocai1.png'

			if (res.herbName == '白花蛇舌草') {
			res.herbImage = 'baihuasheshecao.png'
			} else if (res.herbName == '糥稻根') {
			res.herbImage = 'nuodaogen.png'
			} else if (res.herbName == '淫羊藿') {
			res.herbImage = 'yinyanghuo.png'
			} else if (res.herbName == '马齿苋') {
			res.herbImage = 'machixian.png'
			} else if (res.herbName == '墨旱莲') {
			res.herbImage = 'mohanlian.png'
			} else if (res.herbName == '桑白皮') {
			res.herbImage = 'sangbaipi.png'
			}
			res.isError = false

			res.errorMsg = '有一个故障，请检查。'
			} else {
			res = {
			mois: [],
			gif: 'tmrefeng2',
			herbImage: 'yaocai1.png'
			}
			}

			//console.log(`output->res`, res)
			realData.value = res
			})
			}
			// console.log(`output->res`, res.detailList[res.detailList.length-1])
			realData.value = res
			})
			}
			}

			var move = true;
			function moveImage() {

			if (move) {
			position.value -= 0.3
			} else {
			position.value += 0.3
			}
			if(position.value < -240 ) {
			move = false
			}
			if (position.value > -1) {
			move = true
			}
			var move = true
			function moveImage() {
			if (move) {
			position.value -= 0.3
			} else {
			position.value += 0.3
			}
			if (position.value < -240) {
			move = false
			}
			if (position.value > -1) {
			move = true
			}
			}


			}
			function back() {
			router.back()
			}

			listAllEqp()
			listAllEqp()
			//queryEqp()
			// DOM挂载完成后渲染图表
			onMounted(() => {
			Timer.value = setInterval(queryRealTime, 3000)
			Timer2.value = setInterval(moveImage, 50)
			Timer2.value = setInterval(moveImage, 50)
			})

			onUnmounted(() => {
			clearInterval(Timer.value)
			clearInterval(Timer2.value)
			clearInterval(Timer2.value)
			Timer.value = null
			Timer2.value = null
			Timer2.value = null
			})
			</script>

			@@ -1748,12 +2213,12 @@
			.eqpImage {
			height: 1080px;
			width: 1920px;
			background-image: url(/src/assets/images/dry/bg.png);
			background-image: url(/src/assets/images/dry/bg.png);
			background-repeat: no-repeat;
			color: white;
			color: white;
			/background-position: 160px 280px; /
			/* background-color: red; */
			background-size: 120%;
			background-size: 120%;
			padding: 10px;
			display: flex;
			flex-wrap: wrap;
			@@ -1765,8 +2230,8 @@
			width: 1200px;
			display: flex;
			flex-wrap: wrap;
			align-content: flex-start;

			align-content: flex-start;

			/* background-color: white;
			background-image: url(/src/assets/images/dry/shebei1.png);
			background-repeat: no-repeat;
			@@ -1777,24 +2242,22 @@

			.leftTop {
			height: 750px;
			width: 850px;
			display: flex;
			justify-content: center;
			align-content: flex-start;
			background-image: url(/src/assets/images/dry/ganzaoji-x.png);
			background-repeat: no-repeat;
			background-size: 79%;
			border-radius: 10px;
			flex-wrap: wrap;
			background-position: 85px 279px;

			width: 850px;
			display: flex;
			justify-content: center;
			align-content: flex-start;
			background-image: url(/src/assets/images/dry/ganzaoji-x.png);
			background-repeat: no-repeat;
			background-size: 79%;
			border-radius: 10px;
			flex-wrap: wrap;
			background-position: 85px 279px;
			}
			.leftMid {

			width: 850px;
			height: 300px;
			/* border: 1px solid; */
			margin-top: 10px;
			margin-top: 10px;
			border-radius: 10px;
			/* background: white; */
			}
			@@ -1802,7 +2265,7 @@
			line-height: 33px;
			padding-left: 10px;
			font-size: 30px;
			color: white;
			color: white;
			}
			.subhead {
			color: #a19f9c;
			@@ -1842,7 +2305,7 @@
			margin-top: -30px;
			}
			.leftTop0 {
			height: 600px;
			height: 260px;
			width: 848px;
			display: flex;
			justify-content: center;
			@@ -1858,7 +2321,6 @@
			align-items: center;
			font-size: 30px;
			color: #727272;

			}
			.leftTop2 {
			width: 250px;
			@@ -1882,9 +2344,7 @@

			.eqpStatus {
			width: 848px;
			height: 300px;

			padding: 100px;

			}
			.rightInfo {
			display: flex;
			@@ -1983,6 +2443,7 @@
			.curEqp {
			width: 340px;
			height: 170px;

			/* background: white;
			border-radius: 10px; */
			}
			@@ -1992,7 +2453,7 @@
			height: 260px;
			/* background: white;
			border-radius: 10px; */


			background-repeat: no-repeat;
			background-size: 200px;
			background-position: 0px 10px;
			@@ -2001,7 +2462,7 @@
			width: 690px;
			height: 440px;
			/* background: white; */


			padding: 20px;
			border-radius: 10px;
			}
			@@ -2213,4 +2674,24 @@
			opacity: 0;
			}
			}

			.error-div {
			position: absolute; display: flex; align-items: center;
			}
			.error-marker {
			width: 18px; height: 18px; background: red; border-radius: 50%;
			}
			.error-msg {
			margin-left: 6px;
			height: 24px;
			background: gray; border-radius: 5px; font-weight: bold; color: red
			}
			.warn-marker {
			width: 18px; height: 18px; background: orange; border-radius: 50%;
			}
			.warn-msg {
			margin-left: 6px;
			height: 24px;
			background: gray; border-radius: 5px; font-weight: bold; color: orange;
			}
			</style>