fix: label冒号去掉、兼容暗黑模式

src/views/iot/dataAnalysis/IndicatorAggregation/index.vue

@@ -2,8 +2,8 @@
 	<div class="page">
 		<el-card shadow="never">
 			<el-form inline>
-				<!-- 选择产品： -->
-				<el-form-item label="选择产品：" prop="productKey">
+				<!-- 选择产品 -->
+				<el-form-item label="选择产品" prop="productKey">
 					<!-- 请选择产品 -->
 					<el-select v-model="params.productKey" filterable placeholder="请选择产品" @change="productChange">
 						<el-option v-for="item in productList" :key="item.key" :label="item.name" :value="item.key">
@@ -13,7 +13,9 @@
 					</el-select>
 				</el-form-item>
 
-				<el-form-item label="选择设备：" prop="deviceKey">
+				<!-- 选择设备 -->
+				<el-form-item label="选择设备" prop="deviceKey">
+					<!-- 请选择设备 -->
 					<el-select v-model="params.deviceKey" filterable placeholder="请选择设备">
 						<el-option v-for="item in deviceList" :key="item.key" :label="item.name" :value="item.key">
 							<span style="float: left">{{ item.name }}</span>
@@ -22,7 +24,9 @@
 					</el-select>
 				</el-form-item>
 
-				<el-form-item label="选择属性：" prop="properties">
+				<!-- 选择属性 -->
+				<el-form-item label="选择属性" prop="properties">
+					<!-- 请选择属性 -->
 					<el-select v-model="params.properties" filterable placeholder="请选择属性" @change="propertyChange">
 						<el-option v-for="item in propertyList" :key="item.key" :label="item.name" :value="item.key">
 							<span style="float: left">{{ item.name }}</span>
@@ -30,7 +34,10 @@
 						</el-option>
 					</el-select>
 				</el-form-item>
-				<el-form-item label="选择时间：" prop="dateRange">
+
+				<!-- 选择时间 -->
+				<el-form-item label="选择时间" prop="dateRange">
+					<!-- 开始日期/结束日期 -->
 					<el-date-picker
 						v-model="dateRange"
 						style="width: 360px"
@@ -45,20 +52,27 @@
 						:clearable="false"
 					></el-date-picker>
 				</el-form-item>
-				<el-form-item label="聚合粒度：" prop="dateType">
+
+				<!-- 聚合粒度 -->
+				<el-form-item label="聚合粒度" prop="dateType">
 					<el-radio-group v-model="params.dateType" @change="dateTypeChange">
+						<!-- 5分钟 -->
 						<el-radio-button label="1">5分钟</el-radio-button>
+						<!-- 1小时 -->
 						<el-radio-button label="2">1小时</el-radio-button>
+						<!-- 1天 -->
 						<el-radio-button label="3">1天</el-radio-button>
 					</el-radio-group>
 				</el-form-item>
 				<el-form-item>
+					<!-- 查询 -->
 					<el-button type="primary" class="ml10" @click="getData">
 						<el-icon>
 							<ele-Search />
 						</el-icon>
 						查询
 					</el-button>
+					<!-- 打印图表 -->
 					<el-button type="primary" @click="handlePrintChart">
 						<el-icon>
 							<ele-Printer />
@@ -68,6 +82,7 @@
 				</el-form-item>
 			</el-form>
 			<div class="title">
+				<!-- 指标聚合统计图 -->
 				<el-icon style="margin-right: 5px">
 					<ele-Histogram />
 				</el-icon>
@@ -185,7 +200,12 @@ const handlePrintChart = async () => {
 	await printChart(chart.value.$el)
 }
 </script>
-<style scoped>
+<style lang="scss" scoped>
+[data-theme="dark"] {
+  .title {
+    border-bottom: 1px solid #333!important;
+  }
+}
 .title {
 	font-size: 14px;
 	font-weight: bold;