feat: real time add data format

components/RealTime/RealTime.vue

@@ -2,14 +2,12 @@
 	<view>
 		<div class="timer">
 			<NormalTitle :elementInfo="elementInfo"></NormalTitle>
-		    <div
-				:style="{
+			<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>
@@ -17,10 +15,10 @@
 </template>
 
 <script>
-import echartElementData from '@/mixins/echartElementData.js'
+	import echartElementData from '@/mixins/echartElementData.js'
 
-export default {
-	name:"BasicText",
+	export default {
+		name: "BasicText",
 		mixins: [echartElementData],
 		data() {
 			return {
@@ -35,19 +33,38 @@ export default {
 		methods: {
 			initChart() {
 				this.timer = setInterval(() => {
-				this.realTime = this.$u.common.dateFormat()
+					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 {
+	.timer {
 		display: flex;
 		flex-flow: column;
 		justify-content: center;
 		width: 100%;
 		color: #fff;
-}
+	}
 </style>