feat:日期选择器

.gitignore

 unpackage
 unpackage/dist
+uni_modules
\ No newline at end of file

components/DatePicker/DatePicker.vue

+<template>
+	<view class="timer">
+		<NormalTitle :elementInfo="elementInfo"></NormalTitle>
+		<uni-datetime-picker
+			:type="elementInfo.option.dateTime.showTime ?  'datetime' : 'date'"
+			v-model="elementInfo.option.dateTime.date"
+		/>
+	</view>
+</template>
+<script>
+	export default {
+		name: "DatePicker",
+		props: {
+			elementInfo: {
+				type: Object,
+				required: true
+			}
+		},
+		data() {
+			return {
+				
+			};
+		},
+		onReady() {
+			
+		},
+		onUnLoad() {
+			
+		},
+		methods: {
+			
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.timer {
+		display: flex;
+		flex-flow: column;
+		justify-content: center;
+		width: 100%;
+		color: #fff;
+	}
+</style>

pages/index/index.vue

@@ -14,6 +14,7 @@
 					zIndex: `${element.type == 'NormalTabs' ? 999999 : index + 1}`
 				}"
 			>
+				<DatePicker v-if="element.type == 'DateTimePicker'" :elementInfo="element"></DatePicker>
 				<!-- 普通柱状图 -->
 				<NormalBar v-if="element.type == 'NormalBar'" :elementInfo="element"></NormalBar>
 				<!-- 普通折线图 -->
@@ -139,6 +140,19 @@
 			clearInterval(this.timename)
 		},
 		methods: {
+			// 日期时间格式化
+			dateTimeFormat(val){
+				let date = new Date(val)
+				let year = date.getFullYear()
+				// 在日期格式中，月份是从0开始的，因此要加0，使用三元表达式在小于10的前面加0，以达到格式统一  如 09:11:05
+				let month = date.getMonth() + 1 < 10 ? "0" + (date.getMonth() + 1) : date.getMonth() + 1;
+				let day = date.getDate() < 10 ? "0" + date.getDate() : date.getDate();
+				let hours = date.getHours() < 10 ? "0" + date.getHours() : date.getHours();
+				let minutes = date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes();
+				let seconds = date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds();
+				// 拼接
+				return year + "-" + month + "-" + day + " " + hours + ":" + minutes + ":" + seconds;
+			},
 			//检查是否登录
 			userAuthCheck() {
 				var userId = uni.getStorageSync('userId')
@@ -176,7 +190,7 @@
 			async getReportCharts() {
 				clearInterval(this.timename)
 				const that = this 
-				let res = await that.$u.api.getReportCharts({id: '61cd2ba1c06bffbdae442c4f'})
+				let res = await that.$u.api.getReportCharts({id: '6274e2f24606335014054b2c'})
 				uni.stopPullDownRefresh()
 				const { Status, Result: { info, list } } = res.data
 				if (Status === 'true') {
@@ -188,6 +202,11 @@
 							}, parseInt(info.dataPollingInterval) * 1000)
 						}
 					}
+					res.data.Result.list.forEach(item => {
+						if(item.type === 'DateTimePicker') {
+							item.option.dateTime.date = this.dateTimeFormat(item.option.dateTime.date)
+						}
+					})
 					that.reportInfo = res.data.Result
 				}
 			},