feat: tabs add new style options

components/NormalTabs/NormalTabs.vue

@@ -26,7 +26,13 @@
 					{{ tab.name }}
 				</view>
 			</swiper-item>
-		</swiper>
+		</swiper>
+		
+		<template v-if="elementInfo.option.tabs.type === 'switch'">
+			<view @click="handleChangeSwitchValue()" class="switch-view" :style="[tabsStyle]">
+				{{elementData.dataList.series[currentTabs].name}}
+			</view>
+		</template>
 	</view>
 </template>
 
@@ -106,6 +112,11 @@
 							this.zIndex = i
 						}
 					}
+				}
+				if (this.elementInfo.option.tabs.type === 'switch') {
+					this.currentTabs = this.elementData.dataList.series.findIndex(
+						item => item.value === this.tabsValue
+					)
 				}
 			},
 			handleShowSelect() {
@@ -124,7 +135,8 @@
 			handleTabsChange(index) {
 				this.setTabsValue(index)
 				this.tabsValueChange()
-			},
+			},
+			
 			handleSelectChange(e) {
 				this.selectValue = e[0].label
 				this.tabsValue = e[0].value
@@ -138,7 +150,19 @@
 			handleChangeTabValue(value) {
 				this.tabsValue = value
 				this.tabsValueChange()
-			},
+			},
+			
+			handleChangeSwitchValue() {
+				const count = this.elementData.dataList.series.length
+				if(this.currentTabs === count - 1) {
+					this.currentTabs = 0
+				} else {
+					this.currentTabs += 1
+				}
+				this.tabsValue = this.elementData.dataList.series[this.currentTabs].value
+				this.tabsValueChange()
+			},
+			
 			/** 清除值 */
 			handleClearValue() {
 				this.tabsValue = ''
@@ -152,7 +176,8 @@
 					index,
 					paramName,
 					data
-				} = this.elementInfo.child
+				} = this.elementInfo.child
+				console.log(this.tabsValue)
 				if (this.elementInfo.child.type === 'param') {
 					uni.$emit('handleLinkParams', {
 						index,
@@ -234,5 +259,14 @@
 		top: 50%;
 		transform: translateY(-50%);
 		z-index: 2;
+	}
+	.switch-view {
+		width: 100%;
+		font-size: var(--font-size);
+		color: var(--color);
+		background: var(--item-background-color);	
+		display: flex;
+		align-items: center;
+		justify-content: center;
 	}
 </style>

pages/index/index.vue

@@ -239,7 +239,7 @@
 			async getReportCharts() {
 				clearInterval(this.timename)
 				const that = this 
-				let res = await that.$u.api.getReportCharts({id: '627a16644606332538b4633c'})
+				let res = await that.$u.api.getReportCharts({id: '63647c3932f1997dd2ed53bf'})
 				uni.stopPullDownRefresh()
 				uni.$emit('handlePullDownRefresh')
 				const { Status, Result: { info, list } } = res.data