feat: 进度条初始化修改

components/DashboardProgress/DashboardProgress.vue

@@ -27,18 +27,20 @@
 		components: {
 			uniEcCanvas
 		},
+		mounted() {
+			this.$refs['dashboardProgressCanvas'].init(this.inited)
+		},
 
 		methods: {
-			initChart() {
-				this.$nextTick(() => {
-					this.$refs['dashboardProgressCanvas'].init((canvas, width, height, canvasDpr) => {
+			inited(canvas, width, height, canvasDpr) {
 				chart = this.$echarts.init(canvas, null, {
 					width: width,
 					height: height,
 					devicePixelRatio: canvasDpr
 				})
 				canvas.setChart(chart)
-						const { endVal } = this.elementData.dataList
+				let { endVal } = this.elementData.dataList
+				endVal = endVal || 0
 				const { width: pCanvasWidth, strokeColor, trailColor, titleColor, strokeWidth, gapPosition, gapDegree, strokeLinecap} = this.elementInfo.option.progress
 				const guageChart = [{
 					name: "",
@@ -130,8 +132,9 @@
 				}
 				chart.setOption(options)
 				return chart
-					})
-				})
+			},
+			initChart() {
+				this.$refs['dashboardProgressCanvas'].init(this.inited)
 			}
 		}
 	}

components/Table/Table.vue

 <template>
 	<view class="normal-table">
 		<NormalTitle :elementInfo="elementInfo"></NormalTitle>
-		<scroll-view v-if="chartTables.length" scroll-x="true" class="scroll-view_H">
+		<scroll-view scroll-x="true" class="scroll-view_H">
 			<view
 				class="table"
 				:style="[tableStyle]"
 			>
 				<view class="tr" v-if="elementInfo.table.tableHeader.showHeader">
-					<view class="th" v-for="(item, index) in columns" :key="index" :style="[thStyle]">{{item.title}}</view>
+					<view class="th" v-for="(item, index) in elementInfo.table.column" :key="index" :style="[thStyle]">{{item.title}}</view>
 				</view>
 				<view class="tr" v-for="(cell, cellIndex) in chartTables" :key="cellIndex" @tap="cellClick(cell)">
-					<view class="td" :style="[tdStyle]" v-for="(item, index) in columns" :key="index">
+					<view class="td" :style="[tdStyle]" v-for="(item, index) in elementInfo.table.column" :key="index">
 						<template v-if="item.slots.customRender == 'rank'">{{index + 1}}</template>
 						<template v-else-if="item.slots.customRender == 'picture'">
 							<u-image
@@ -41,7 +41,6 @@
 		mixins: [echartElementData],
 		data() {
 			return {
-				columns: [],
 				chartTables: [],
 				align: {
 					left: 'start',
@@ -55,7 +54,7 @@
 				const { frameStyle, frameWidth, frameColor, bordered } = this.elementInfo.table
 				const { backgroundColor } = this.elementInfo.table.tableCell
 				return {
-					'width': `${240 * this.columns.length}rpx`,
+					'width': `${240 * this.elementInfo.table.column.length}rpx`,
 					'border-left': bordered ? `${frameStyle || 'solid'} ${frameWidth || 1}px ${frameColor || '#e4e7ed'}`: 'none',
 					'border-top': bordered ? `${frameStyle || 'solid'} ${frameWidth || 1}px ${frameColor || '#e4e7ed'}`: 'none',
 					'background-color': backgroundColor
@@ -91,7 +90,6 @@
 		methods: {
 			initChart() {
 				this.$nextTick(() => {
-					this.columns = this.elementInfo.table.column
 					this.chartTables = this.elementData.dataList.chartTables
 				})
 			},