feat:detail async index function

components/DatePicker/DatePicker.vue

@@ -106,7 +106,6 @@
 		flex-flow: column;
 		justify-content: center;
 		width: 100%;
-		// color: #fff;
 	}
 </style>
 

pages/details/details.vue

@@ -5,12 +5,13 @@
 				class="view-element"
 				v-if="!element.hide"
 				:key="element.id"
+				:class="[element.type == 'NormalTabs' && element.option.tabs.sticky && pageScrollTop > Number(element.top) ? 'el-fixed': '']"
 				:style="{
 					width: `${parseInt(element.width * scale)}px`,
 					height: `${parseInt(element.height * scale)}px`,
 					left: `${parseInt(element.left * scale)}px`,
 					top: `${parseInt(element.top * scale)}px`,
-					zIndex: index + 1
+					zIndex: `${element.type == 'NormalTabs' || element.type == 'DateTimePicker' ? 999999 : index + 1}`
 				}"
 			>
 				<!-- 普通柱状图 -->
@@ -41,6 +42,8 @@
 				<BasicText v-if="element.type == 'BasicText'" :elementInfo="element"></BasicText>
 				<!-- 真实时间 -->
 				<RealTime v-if="element.type == 'RealTime'" :elementInfo="element"></RealTime>
+				<!-- 时间选择器 -->
+				<DatePicker v-if="element.type == 'DateTimePicker'" :elementInfo="element"></DatePicker>
 				<!-- 普通进度条 -->
 				<NormalProgress v-if="element.type == 'NormalProgress'" :elementInfo="element"></NormalProgress>
 				<!-- 普通图片 -->
@@ -48,8 +51,8 @@
 				<!-- 远程图片 -->
 				<RemoteImage v-if="element.type == 'RemoteImage'" :elementInfo="element"></RemoteImage>
 				<!-- 普通表格 -->
-				<!-- <NormalTable v-if="element.type == 'NormalTable'" :elementInfo="element"></NormalTable> -->
-				<Table v-if="element.type == 'NormalTable'" :elementInfo="element"></Table>
+				<NormalTable v-if="element.type == 'NormalTable'" :elementInfo="element"></NormalTable>
+				<!-- <Table v-if="element.type == 'NormalTable'" :elementInfo="element"></Table> -->
 			</view>
 		</template>
 	</view>
@@ -61,7 +64,8 @@
 			return {
 				reportInfo: {},
 				detailId: "",
-				timename: null
+				timename: null,
+				pageScrollTop: 0
 			}
 		},
 		computed: {
@@ -214,7 +218,10 @@
 		},
 		onPullDownRefresh() {
 			this.getReportCharts()
-		}
+		},
+		onPageScroll(res) {
+			this.pageScrollTop = res.scrollTop
+		},
 	}
 </script>
 

pages/index/index.vue

@@ -14,7 +14,6 @@
 					zIndex: `${element.type == 'NormalTabs' || element.type == 'DateTimePicker' ? 999999 : index + 1}`
 				}"
 			>
-				<DatePicker v-if="element.type == 'DateTimePicker'" @changeDateTime = "changeDateTime" :elementInfo="element"></DatePicker>
 				<!-- 普通柱状图 -->
 				<NormalBar v-if="element.type == 'NormalBar'" :elementInfo="element"></NormalBar>
 				<!-- 普通折线图 -->
@@ -43,6 +42,8 @@
 				<BasicText v-if="element.type == 'BasicText'" :elementInfo="element"></BasicText>
 				<!-- 真实时间 -->
 				<RealTime v-if="element.type == 'RealTime'" :elementInfo="element"></RealTime>
+				<!-- 时间选择器 -->
+				<DatePicker v-if="element.type == 'DateTimePicker'" :elementInfo="element"></DatePicker>
 				<!-- 普通进度条 -->
 				<NormalProgress v-if="element.type == 'NormalProgress'" :elementInfo="element"></NormalProgress>
 				<!-- 普通图片 -->