feat: 文本组件支持动态数据和传参

components/BasicText/BasicText.vue

@@ -10,24 +10,26 @@
 				'animation-duration':`${elementInfo.marquee.speed ? elementInfo.marquee.speed : defaultSpeed}s`
 			}"
 		>
-			{{elementInfo.option.title.text}}
+			{{ text }}
 		</p>
 	</view>
 </template>
 
 <script>
+import echartElementData from '@/mixins/echartElementData.js'
 export default {
 	name:"BasicText",
-	props: {
-		elementInfo: {
-			type: Object,
-			required: true
-		}
-	},
+	mixins: [echartElementData],
 	data() {
 		return {
-			defaultSpeed: 5
+			defaultSpeed: 5,
+			text: ''
 		};
+	},
+	methods: {
+		initChart() {
+			this.text = this.elementData.dataList.text || this.elementInfo.option.title.text
+		}
 	}
 }
 </script>

pages/index/index.vue

@@ -159,11 +159,15 @@
 			handleValueChange(index, paramName, value) {
 				if(index.length && paramName && value) {
 					this.reportData.map(item => {
-						if(index.includes(item.id) && item.data.dataType === 'dynamic') {
+						const flag = index.includes(item.id)
+						if(flag && item.type === 'BasicText' && item.data.dataType === 'static') {
+							this.$set(item.data.dataList, 'text', value)
+						}
+						if(flag && item.data.dataType === 'dynamic') {
 							if(!item.data.dataFormatter) item.data.dataFormatter = {}
 							this.$set(item.data.dataFormatter, paramName, value)
 						}
-						if(index.includes(item.id) && item.data.dataType === 'dataSet') {
+						if(flag && item.data.dataType === 'dataSet') {
 							if(!item.data.dataSetInfo.queryFormatter) item.data.dataSetInfo.queryFormatter = {}
 							this.$set(item.data.dataSetInfo.queryFormatter, paramName, value)
 						}