feat(首页): Echart传参的渲染问题

src/views/index.vue

@@ -206,7 +206,10 @@
       <el-col :span="14">
         <div class="cardStyle">
           <div style="display: flex">
-            <UseCaseRisk :risk-level="userCaseMsg.riskLevel"></UseCaseRisk>
+            <UseCaseRisk
+              v-if="UseCaseRiskShow"
+              :risk-level="userCaseMsg.riskLevel"
+            ></UseCaseRisk>
             <div style="width: 50%; display: flex; align-items: center">
               <div
                 style="
@@ -245,7 +248,10 @@
           </div>
           <div class="dashed-divider"></div>
           <div>
-            <UseCaseTest :test-type="userCaseMsg.testType"></UseCaseTest>
+            <UseCaseTest
+              v-if="useCaseTestShow"
+              :test-type="userCaseMsg.testType"
+            ></UseCaseTest>
           </div>
         </div>
       </el-col>
@@ -347,6 +353,8 @@ export default {
   },
   data() {
     return {
+      UseCaseRiskShow: false,
+      useCaseTestShow: false,
       quantityStatisticsForm: {},
       averageTestShow: false,
       averageInspectionRate: [],
@@ -369,6 +377,10 @@ export default {
     getTestHome() {
       selectTest({ name: '汽车整车信息安全技术要求' }).then(res => {
         this.userCaseMsg = res.data
+        this.$nextTick(() => {
+          this.useCaseTestShow = true
+          this.UseCaseRiskShow = true
+        })
       })
     },
     riskLevelFilter(value) {