update code

src/components/project-overview-chart.js

@@ -1,7 +1,7 @@
 import Vue from 'vue'
 Vue.component("project-overview-chart", {
     template: `
-        <div style="position: relative" @click="doClick">
+        <div class='project-overview-chart' style="position: relative" @click="doClick">
             <div :style="{'height': height+'px'}" ref="warningPieChart">
  
             </div>

src/pages/index.vue

@@ -34,11 +34,11 @@
                         </module-one-2-1>
                         <module-one-1-1 label="安全/质量管理" >
                             <div class="warning-info-title" style="padding-left: 20px;" >
-                                <div :class="qualityNav == 0 ? 'active' : ''" @click="qualityNav = 0">安全管理</div>
+                                <div :class="qualityNav == 0 ? 'active' : ''" @click="qualityNavClick(0)">安全管理</div>
-                                <div :class="qualityNav == 1 ? 'active' : ''" @click="qualityNav = 1">质量管理</div>
+                                <div :class="qualityNav == 1 ? 'active' : ''" @click="qualityNavClick(1)">质量管理</div>
                             </div>
-                            <project-overview-chart :sp="'\n'" maintitle="205" :legend-opt="legendOpt2"
+                            <project-overview-chart :sp="'\n'" :maintitle="qualityNavTotal" :legend-opt="legendOpt2" :key="elKey"
-                                :typedata="dangersDatas" text="隐患总数" :height="230"></project-overview-chart>
+                                :typedata="dangersDatas" :text="qualityNavTitle" :height="220" style="top:0px"></project-overview-chart>
                         </module-one-1-1>
                     </el-col>
                     <el-col :span="12">
@@ -270,17 +270,21 @@ export default {
             },
             legendOpt2: {                
                 icon: "rect",
+                orient: "horizontal",
+                left:'50%',
+                top:'top',
+                itemGap:0,
                 textStyle: {
                     fontSize: 14,
                     rich: {
                         name: {
                             color: "#c3dbfd",
-                            padding: [10, 5, 20, 5],
+                            padding: [5, 2, 20, 2],
                         },
                         percent: {
                             color: "#4676FD",
                             fontSize: 16,
-                            padding: [0, 5, 0, 5],
+                            padding: [0, 2, 0, 2],
                         },
                     },
                 }
@@ -291,19 +295,9 @@ export default {
                 { text: '西安市地铁2号线二期工程施工总承包项目2标段', id: 2, type: 2 },
                 { text: '苏州桑田岛项目', id: 3, type: 2 },
             ],
-            dangersDatas: [
+            dangersDatas: [],
-                { name: '四口，临边防护工程', value: '0' },
-                { name: '混泥土', value: '0' },
-                { name: '移动脚手架', value: '0' },
-                { name: '砌体', value: '0' },
-                { name: '模板支架', value: '0' },
-                { name: '外墙', value: '0' }
-            ],
-
             //原因类型分析
-            availabilityData: [
+            availabilityData: [],
-              
-            ],
             overviewText: '项目数量',
             overviewTotal: 100,
             //项目概况
@@ -314,6 +308,8 @@ export default {
             ],
             //质量管理
             qualityNav: 0,
+            qualityNavTitle:'',
+            qualityNavTotal:0,
             //劳务人员
             infoNav: 0,
             staffText: '在岗人员',
@@ -494,9 +490,50 @@ export default {
         this.$bus.$on("deptChange",dept=>{
             this.deptInfo=dept;
             this.onClickoOverview(0)
+            this.qualityNavClick(0);
         });
     },
     methods: {
+        qualityNavClick(n){
+            this.qualityNav=n;
+            if(n==0){
+                this.qualityNavTitle="安全隐患总数";
+                this.$api.problemmodify.safetySummary(this.deptInfo.id,0).then(d=>{                    
+                    this.dangersDatas=(d||[]).map(it=>{
+                        return {
+                            text:it.problemArea,
+                            prop:'0.0',
+                            name:it.problemArea,
+                            value:+it.roleType||0
+                        }
+                    });
+                    let sum=0;
+                    this.dangersDatas.forEach(it=>{
+                        sum+=it.value*1;
+                    })
+                    this.qualityNavTotal=sum;
+                    this.elKey++;
+                })
+            }else{
+                this.qualityNavTitle="质量隐患总数";
+                this.$api.problemmodify.qualitySummary(this.deptInfo.id,0).then(d=>{                    
+                    this.dangersDatas=(d||[]).map(it=>{
+                        return {
+                            text:it.problemArea,
+                            prop:'0.0',
+                            name:it.problemArea,
+                            value:+it.roleType||0
+                        }
+                    });
+                    let sum=0;
+                    this.dangersDatas.forEach(it=>{
+                        sum+=it.value*1;
+                    })
+                    this.qualityNavTotal=sum;
+                    this.elKey++;
+                })
+            }
+        },  
         numberWithCommas(x) {
             x = x.toString();
             var pattern = /(-?\d+)(\d{3})/;