first

src/views/board/kanBan/compents/midMidFirst.vue

@@ -40,13 +40,26 @@ export default defineComponent({
 			chartOptions: {}
 		};
 	},
+
+	watch:{
+		productionData: {
+			handler(newValue){
+				console.log("this.productionData",newValue)
+				let seriesData = [newValue.schedulingWorkorder,newValue.productionWorkorder,newValue.completeWorkorder]
+				console.log("seriesData", seriesData)
+				option.series[0].data = seriesData
+				this.initChart()
+			}
+		}
+	},
 	async mounted() {
-		this.chartOptions = JSON.parse(JSON.stringify(option));
-		let newValue = this.productionData
-		let seriesData = [newValue.schedulingWorkorder, newValue.productionWorkorder, newValue.completeWorkorder]
-		option.series[0].data = seriesData
-		// await this.getTypeData()
-		this.initChart()
+		// this.chartOptions = JSON.parse(JSON.stringify(option));
+		// let newValue = this.productionData
+		// let seriesData = [newValue.schedulingWorkorder, newValue.productionWorkorder, newValue.completeWorkorder]
+		// console.log("seriesData", seriesData)
+		// option.series[0].data = seriesData
+		// // await this.getTypeData()
+		// this.initChart()
 	},
 	beforeUnmount() {
 		// if (!this.myChart) {

src/views/board/kanBan/index.vue

@@ -213,7 +213,7 @@
 					</div>
 					<div class="midd_area" style="    width: 372px;height: 207px;position: absolute;right: 30px;">
 						<dv-loading v-show="loading10">Loading...</dv-loading>
-						<mid-mid-first v-show="!loading10" :productionData="productionData" :year="year" width="370px" height="200px" @endLoading="endLoading" />
+						<mid-mid-first v-if="!loading10" :productionData="productionData" :year="year" width="370px" height="200px" @endLoading="endLoading" />
 					</div>
 				</div>