feat: 新增文件

components/HorizontalBar/HorizontalBar.vue

+<template>
+	<view>
+		横向柱状图
+	</view>
+</template>
+
+<script>
+	export default {
+		name:"HorizontalBar",
+		data() {
+			return {
+				
+			};
+		}
+	}
+</script>
+
+<style>
+
+</style>

components/NormalBar/NormalBar.vue

+<template>
+	<view>
+		柱状图
+	</view>
+</template>
+
+<script>
+	export default {
+		name:"NormalBar",
+		data() {
+			return {
+				
+			};
+		}
+	}
+</script>
+
+<style>
+
+</style>

pages/index/index.vue

@@ -7,7 +7,12 @@
     }"
 	>
 		<view v-for="element in reportData" :key="item.id">
+			<!-- 普通柱状图 -->
+			<NormalBar v-if="element.type == 'NormalBar'" :elementInfo="element"></NormalBar>
+			<!-- 普通折线图 -->
 			<NormalLine v-if="element.type == 'NormalLine'" :elementInfo="element"></NormalLine>
+			<!-- 横向柱状图 -->
+			<HorizontalBar v-if="element.type == 'HorizontalBar'" :elementInfo="element"></HorizontalBar>
 		</view>
   </view>
 </template>
@@ -25,7 +30,7 @@
 		},
 		methods: {
 			async getReportList() {
-				let res = await this.$u.api.getReportList({id: '613ee9e9ce776abde5455495'})
+				let res = await this.$u.api.getReportList({id: '61c424a4c06bff0ce05d9a53'})
 				console.log()
 				const { Status, Result } = res.data
 				if (Status === 'true') {