fix：风险控制统计图头一次进去不显示问题

src/views/system/jbdHome/board/component/fengxianPie.vue

@@ -7,11 +7,6 @@
 <script>
 import * as echarts from 'echarts'
 export default {
-    props: {
-        info: {
-            type: Object
-        }
-    },
     data () {
         return {
             showChart: true
@@ -20,11 +15,11 @@ export default {
     mounted () {
     },
     methods: {
-        getMiddleLeft (idSelector, orient) {
+        getMiddleLeft (idSelector, info, orient) {
             const chartDom = document.getElementById(idSelector)
             var myChart = echarts.init(chartDom)
             const radius = '50%'
-            const inData = this.info.data
+            const inData = info.data
             var option
             option = {
                 title: {
@@ -36,7 +31,7 @@ export default {
                         fontWeight: '600'
                     }
                 },
-                color: this.info.color,
+                color: info.color,
                 tooltip: {
                     trigger: 'item',
                     formatter: '{d}%'
@@ -60,7 +55,7 @@ export default {
                         type: 'pie',
                         radius: radius,
                         center: ['50%', '50%'],
-                        data: this.info.data,
+                        data: inData,
                         emphasis: {
                             itemStyle: {
                                 shadowBlur: 10,

src/views/system/jbdScan/goods/fengxiangkongzhi.vue

@@ -218,7 +218,9 @@ export default {
     created () {
         this.id = this.obj[0].id_
         this.zongid = this.obj[0].zong_id_
-        this.getInits()
+        this.$nextTick(() => {
+            this.getInits()
+        })
     },
     destroyed () {
         this.$destroy()
@@ -233,16 +235,17 @@ export default {
             return user.userName
         },
         getInits () {
-            this.getRiskLevel() // 风险等级
+            // this.getRiskLevel() // 风险等级
             this.getRiskIdentification()// 风险识别评估表
             this.getImprovementRecords()// 风险改进记录
-            this.remainingRisk()
-            this.getReduceChange()
+            // this.remainingRisk()
+            // this.getReduceChange()
+            this.handleClick()
             this.getSchedule(this.obj[0].zhuang_tai_)
             this.currentPage = 1
             this.pagesize = 5
             this.scan = this.scanVisible
-            this.activeName = 'first'
+            // this.activeName = 'first'
             this.userList = this.$store.getters.userList
             this.deptList = this.$store.getters.deptList
             this.riskLeveChange = true
@@ -264,23 +267,17 @@ export default {
             }
         },
         handleClick () {
+            console.log(111111111111111111, this.activeName)
             if (this.activeName === 'first') {
                 this.getRiskLevel()
-                this.$refs.riskLevePieView.getMiddleLeft('riskLevePieView')
             } else if (this.activeName === 'second') {
                 this.getClauseStatistics()
-                this.$refs.termPieView.getMiddleLeft('termPieView')
             } else if (this.activeName === 'third') {
                 this.getDepartmentStatistics()
-                this.$refs.departPieView.getMiddleLeft('departPieView')
             } else if (this.activeName === 'fourth') {
                 this.getRiskResponse()
-                this.$refs.riskRePieView.getMiddleLeft('riskRePieView')
             } else if (this.activeName === 'fine') {
                 this.remainingRisk()
-                this.$refs.remainingRiskCD.getMiddleLeft('remainingRiskCD')
-                this.$refs.remainingRiskDJ.getMiddleLeft('remainingRiskDJ')
-                this.$refs.remainingRiskYD.getMiddleLeft('remainingRiskYD')
             } else if (this.activeName === 'six') {
                 this.getReduceChange()
             }
@@ -304,7 +301,7 @@ export default {
             const res = await this.countApi(this.zongid, 'FXDJ')
             this.riskLevePieView = {
                 data: [],
-                idSelector: 'adhjaodh',
+                idSelector: 'riskLevePieView',
                 color: ['#FF0033', '#3870e0', '#339933']
             }
             this.riskLevePieView.data = []
@@ -320,6 +317,8 @@ export default {
                 { prop: 'shu_liang_', label: '数量' },
                 { prop: 'zhan_bi_', label: '占比' }
             ]
+
+            this.$refs.riskLevePieView.getMiddleLeft('riskLevePieView', this.riskLevePieView)
         },
         // 涉及条款统计表
         async getClauseStatistics () {
@@ -342,6 +341,7 @@ export default {
                 { prop: 'shu_liang_', label: '数量' },
                 { prop: 'zhan_bi_', label: '占比' }
             ]
+            this.$refs.termPieView.getMiddleLeft('termPieView', this.termPieView)
         },
         // 责任部门统计表统计表
         async getDepartmentStatistics () {
@@ -364,6 +364,7 @@ export default {
                 { prop: 'shu_liang_', label: '数量' },
                 { prop: 'zhan_bi_', label: '占比' }
             ]
+            this.$refs.departPieView.getMiddleLeft('departPieView', this.departPieView)
         },
         // 风险应对措施统计表
         async getRiskResponse () {
@@ -386,6 +387,7 @@ export default {
                 { prop: 'shu_liang_', label: '数量' },
                 { prop: 'zhan_bi_', label: '占比' }
             ]
+            this.$refs.riskRePieView.getMiddleLeft('riskRePieView', this.riskRePieView)
         },
         // 剩余风险统计表
         async remainingRisk () {
@@ -419,6 +421,9 @@ export default {
                 idSelector: 'remainingRiskYD',
                 color: ['#FF0033', '#3870e0', '#339933']
             }
+            this.$refs.remainingRiskCD.getMiddleLeft('remainingRiskCD', this.remainingRiskCD)
+            this.$refs.remainingRiskDJ.getMiddleLeft('remainingRiskDJ', this.remainingRiskDJ)
+            this.$refs.remainingRiskYD.getMiddleLeft('remainingRiskYD', this.remainingRiskYD)
         },
         // 风险识别评估表
         async getRiskIdentification () {