|  | @@ -2,16 +2,7 @@
 | 
	
		
			
				|  |  |  	<div class="system-dic-container data-overview">
 | 
	
		
			
				|  |  |  		<div v-if="$route.query.name" style="text-align: center; font-size: 20px; font-weight: bold; margin-bottom: 10px">{{ $route.query.name }}</div>
 | 
	
		
			
				|  |  |  		<el-row :gutter="15" class="home-card-one">
 | 
	
		
			
				|  |  | -			<el-col
 | 
	
		
			
				|  |  | -				:xs="24"
 | 
	
		
			
				|  |  | -				:sm="12"
 | 
	
		
			
				|  |  | -				:md="12"
 | 
	
		
			
				|  |  | -				:lg="6"
 | 
	
		
			
				|  |  | -				:xl="6"
 | 
	
		
			
				|  |  | -				v-for="(v, k) in dataOne"
 | 
	
		
			
				|  |  | -				:key="k"
 | 
	
		
			
				|  |  | -				:class="{ 'home-media home-media-lg': k > 1, 'home-media-sm': k === 1 }"
 | 
	
		
			
				|  |  | -			>
 | 
	
		
			
				|  |  | +			<el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="6" v-for="(v, k) in dataOne" :key="k" :class="{ 'home-media home-media-lg': k > 1, 'home-media-sm': k === 1 }">
 | 
	
		
			
				|  |  |  				<div class="home-card-item">
 | 
	
		
			
				|  |  |  					<div class="item-header">
 | 
	
		
			
				|  |  |  						<img :src="isIsDark ? v.iconDark : v.icon" alt="" />
 | 
	
	
		
			
				|  | @@ -24,18 +15,14 @@
 | 
	
		
			
				|  |  |  						</p>
 | 
	
		
			
				|  |  |  						<p>
 | 
	
		
			
				|  |  |  							<span class="text-no-wrap">{{ v.contentTitle2 }}</span>
 | 
	
		
			
				|  |  | -							<span
 | 
	
		
			
				|  |  | -								>{{ v.val2 }}
 | 
	
		
			
				|  |  | -								{{ unitMap[v.title + ':' + v.contentTitle2] ? unitMap[v.title + ':' + v.contentTitle2] : unitMap[v.contentTitle2] }}</span
 | 
	
		
			
				|  |  | -							>
 | 
	
		
			
				|  |  | +							<span>{{ v.val2 }}
 | 
	
		
			
				|  |  | +								{{ unitMap[v.title + ':' + v.contentTitle2] ? unitMap[v.title + ':' + v.contentTitle2] : unitMap[v.contentTitle2] }}</span>
 | 
	
		
			
				|  |  |  						</p>
 | 
	
		
			
				|  |  |  						<p style="height: 30px">
 | 
	
		
			
				|  |  |  							<template v-if="v.contentTitle3">
 | 
	
		
			
				|  |  |  								<span class="text-no-wrap">{{ v.contentTitle3 || ' ' }}</span>
 | 
	
		
			
				|  |  | -								<span
 | 
	
		
			
				|  |  | -									>{{ v.val3 || ' ' }}
 | 
	
		
			
				|  |  | -									{{ unitMap[v.title + ':' + v.contentTitle3] ? unitMap[v.title + ':' + v.contentTitle3] : unitMap[v.contentTitle3] }}</span
 | 
	
		
			
				|  |  | -								>
 | 
	
		
			
				|  |  | +								<span>{{ v.val3 || ' ' }}
 | 
	
		
			
				|  |  | +									{{ unitMap[v.title + ':' + v.contentTitle3] ? unitMap[v.title + ':' + v.contentTitle3] : unitMap[v.contentTitle3] }}</span>
 | 
	
		
			
				|  |  |  							</template>
 | 
	
		
			
				|  |  |  						</p>
 | 
	
		
			
				|  |  |  					</div>
 | 
	
	
		
			
				|  | @@ -54,39 +41,9 @@
 | 
	
		
			
				|  |  |  						</el-radio-group>
 | 
	
		
			
				|  |  |  					</el-form-item>
 | 
	
		
			
				|  |  |  					<el-form-item label="" prop="date">
 | 
	
		
			
				|  |  | -						<el-date-picker
 | 
	
		
			
				|  |  | -							v-if="params.dataTypes === 'hour'"
 | 
	
		
			
				|  |  | -							v-model="date"
 | 
	
		
			
				|  |  | -							type="datetimerange"
 | 
	
		
			
				|  |  | -							format="YYYY-MM-DD HH:mm:ss"
 | 
	
		
			
				|  |  | -							value-format="YYYY-MM-DD HH:mm:ss"
 | 
	
		
			
				|  |  | -							range-separator="-"
 | 
	
		
			
				|  |  | -							start-placeholder="开始时间"
 | 
	
		
			
				|  |  | -							end-placeholder="结束时间"
 | 
	
		
			
				|  |  | -							:clearable="false"
 | 
	
		
			
				|  |  | -						/>
 | 
	
		
			
				|  |  | -						<el-date-picker
 | 
	
		
			
				|  |  | -							v-else-if="params.dataTypes === 'day'"
 | 
	
		
			
				|  |  | -							v-model="date"
 | 
	
		
			
				|  |  | -							type="daterange"
 | 
	
		
			
				|  |  | -							format="YYYY-MM-DD"
 | 
	
		
			
				|  |  | -							value-format="YYYY-MM-DD"
 | 
	
		
			
				|  |  | -							range-separator="-"
 | 
	
		
			
				|  |  | -							start-placeholder="开始日期"
 | 
	
		
			
				|  |  | -							end-placeholder="结束日期"
 | 
	
		
			
				|  |  | -							:clearable="false"
 | 
	
		
			
				|  |  | -						/>
 | 
	
		
			
				|  |  | -						<el-date-picker
 | 
	
		
			
				|  |  | -							v-else-if="params.dataTypes === 'month'"
 | 
	
		
			
				|  |  | -							v-model="date"
 | 
	
		
			
				|  |  | -							type="monthrange"
 | 
	
		
			
				|  |  | -							format="YYYY-MM"
 | 
	
		
			
				|  |  | -							value-format="YYYY-MM"
 | 
	
		
			
				|  |  | -							range-separator="-"
 | 
	
		
			
				|  |  | -							start-placeholder="开始月份"
 | 
	
		
			
				|  |  | -							end-placeholder="结束月份"
 | 
	
		
			
				|  |  | -							:clearable="false"
 | 
	
		
			
				|  |  | -						/>
 | 
	
		
			
				|  |  | +						<el-date-picker v-if="params.dataTypes === 'hour'" v-model="date" type="datetimerange" format="YYYY-MM-DD HH:mm:ss" value-format="YYYY-MM-DD HH:mm:ss" range-separator="-" start-placeholder="开始时间" end-placeholder="结束时间" :clearable="false" />
 | 
	
		
			
				|  |  | +						<el-date-picker v-else-if="params.dataTypes === 'day'" v-model="date" type="daterange" format="YYYY-MM-DD" value-format="YYYY-MM-DD" range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期" :clearable="false" />
 | 
	
		
			
				|  |  | +						<el-date-picker v-else-if="params.dataTypes === 'month'" v-model="date" type="monthrange" format="YYYY-MM" value-format="YYYY-MM" range-separator="-" start-placeholder="开始月份" end-placeholder="结束月份" :clearable="false" />
 | 
	
		
			
				|  |  |  					</el-form-item>
 | 
	
		
			
				|  |  |  					<el-form-item>
 | 
	
		
			
				|  |  |  						<el-button size="default" type="primary" class="ml10" @click="search(1)">
 | 
	
	
		
			
				|  | @@ -111,8 +68,8 @@
 | 
	
		
			
				|  |  |  				<el-table-column :label="`热单耗(${unitMap['总单耗']})`" prop="unitConsumption" />
 | 
	
		
			
				|  |  |  				<el-table-column :label="`供热负荷(${unitMap['供热负荷']})`" prop="heatDemand" />
 | 
	
		
			
				|  |  |  				<el-table-column :label="`平均供热负荷(${unitMap['平均供热负荷']})`" prop="heatDemandAvg" />
 | 
	
		
			
				|  |  | -				<el-table-column :label="`总失水量(${unitMap['总耗水']})`" prop="flowLossTotal" />
 | 
	
		
			
				|  |  | -				<el-table-column :label="`小时失水量(${currentUnit})`" prop="flowLoss" />
 | 
	
		
			
				|  |  | +				<el-table-column :label="`总失水量(${currentUnit})`" prop="flowLossTotal" />
 | 
	
		
			
				|  |  | +				<el-table-column :label="`小时失水量(${unitMap['小时补水量']})`" prop="flowLoss" />
 | 
	
		
			
				|  |  |  			</el-table>
 | 
	
		
			
				|  |  |  		</el-card>
 | 
	
		
			
				|  |  |  
 | 
	
	
		
			
				|  | @@ -234,7 +191,7 @@ export default defineComponent({
 | 
	
		
			
				|  |  |  		);
 | 
	
		
			
				|  |  |  
 | 
	
		
			
				|  |  |  		function search(page: number | undefined) {
 | 
	
		
			
				|  |  | -			currentUnit.value = params.dataTypes === 'hour' ? 't/h' : 't/天';
 | 
	
		
			
				|  |  | +			currentUnit.value = ({ hour: 't/h', day: 't/天', month: 't/月' } as any)[params.dataTypes]
 | 
	
		
			
				|  |  |  			getList(page);
 | 
	
		
			
				|  |  |  		}
 | 
	
		
			
				|  |  |  
 | 
	
	
		
			
				|  | @@ -525,12 +482,14 @@ $homeNavLengh: 8;
 | 
	
		
			
				|  |  |  
 | 
	
		
			
				|  |  |  .iframe-wrapper {
 | 
	
		
			
				|  |  |  	position: relative;
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  |  	.jump {
 | 
	
		
			
				|  |  |  		position: absolute;
 | 
	
		
			
				|  |  |  		top: 24px;
 | 
	
		
			
				|  |  |  		right: 12px;
 | 
	
		
			
				|  |  |  		z-index: 10;
 | 
	
		
			
				|  |  |  		cursor: pointer;
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  |  		img {
 | 
	
		
			
				|  |  |  			width: 40px;
 | 
	
		
			
				|  |  |  			height: 40px;
 | 
	
	
		
			
				|  | @@ -607,6 +566,7 @@ $homeNavLengh: 8;
 | 
	
		
			
				|  |  |  				font-size: 22px;
 | 
	
		
			
				|  |  |  			}
 | 
	
		
			
				|  |  |  		}
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  |  		p:nth-child(2),
 | 
	
		
			
				|  |  |  		p:nth-child(3) {
 | 
	
		
			
				|  |  |  			margin-top: 5px;
 |