feat: real time add data format

components/RealTime/RealTime.vue

-<template>
-	<view>
-		<div class="timer">
-			<NormalTitle :elementInfo="elementInfo"></NormalTitle>
-		    <div
-				:style="{
-					'font-size':`${elementInfo.option.time.textStyle.fontSize}px`,
-					'color': elementInfo.option.time.textStyle.color,
-					'font-weight': elementInfo.option.time.textStyle.fontWeight,
-					'text-align': elementInfo.option.time.left,
-		        }"
-		    >
-		    {{ realTime }}
-		    </div>
-		</div>
-	</view>
-</template>
-
-<script>
-import echartElementData from '@/mixins/echartElementData.js'
-	
-export default {
-	name:"BasicText",
-	mixins: [echartElementData],
-	data() {
-		return {
-			realTime: '',
-			timer: null
-		};
-	},
-	
-	onUnLoad() {
-		clearInterval(this.timer)
-	},
-	methods: {
-		initChart() {
-			this.timer = setInterval(() => {
-				this.realTime = this.$u.common.dateFormat()
-			}, 1000)
-		}
-	}
-}
-</script>
-
-<style lang="scss" scoped>
-.timer {
-  display: flex;
-  flex-flow: column;
-  justify-content: center;
-  width: 100%;
-  color: #fff;
-}
+<template>
+	<view>
+		<div class="timer">
+			<NormalTitle :elementInfo="elementInfo"></NormalTitle>
+			<div :style="{
+					'font-size':`${elementInfo.option.time.textStyle.fontSize}px`,
+					'color': elementInfo.option.time.textStyle.color,
+					'font-weight': elementInfo.option.time.textStyle.fontWeight,
+					'text-align': elementInfo.option.time.left,
+		        }">
+				{{ realTime }}
+			</div>
+		</div>
+	</view>
+</template>
+
+<script>
+	import echartElementData from '@/mixins/echartElementData.js'
+
+	export default {
+		name: "BasicText",
+		mixins: [echartElementData],
+		data() {
+			return {
+				realTime: '',
+				timer: null
+			};
+		},
+
+		onUnLoad() {
+			clearInterval(this.timer)
+		},
+		methods: {
+			initChart() {
+				this.timer = setInterval(() => {
+					const timestamp = new Date().getTime()
+					this.realTime = this.$u.timeFormat(timestamp, this.getDateFormat())
+				}, 1000)
+			},
+
+			// 大屏报表时间格式和uniapp的不一致，需要转换
+			getDateFormat() {
+				const dateFormat = this.elementInfo.option.time.dateFormat
+				if(dateFormat === "YYYY-MM-DD") {
+					return "yyyy-mm-dd"
+				}
+				if(dateFormat === "YYYY-MM-DD HH:mm") {
+					return "yyyy-mm-dd hh:MM"
+				}
+				if(dateFormat === "HH:mm") {
+					return "hh:MM"
+				}
+				if(dateFormat === "HH:mm:ss") {
+					return "hh:MM:ss"
+				}
+				return "yyyy-mm-dd hh:MM:ss"
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.timer {
+		display: flex;
+		flex-flow: column;
+		justify-content: center;
+		width: 100%;
+		color: #fff;
+	}
 </style>