修改报表页面

src/views/kpi/report/index.vue

@@ -46,9 +46,9 @@
           <ul>
             <li v-for="(assessItem, index) in assessNum" :key="assessItem.desc">
               <div class="rep_list">
-                <div :class="handleliColor(index)">{{ index }}
+                <div :style="handleliColor(index)">{{index}}
                 </div>
-                <div>{{ assessItem.title }} {{ assessItem.num }}人</div>
+                <div>{{assessItem.desc}} {{ assessItem.num }}人</div>
                 </div>
             </li>
           </ul>
@@ -60,8 +60,8 @@
           <el-table :data="tableData"
                     :header-cell-style="{ background:'#F5F7FA'}"
                     border
-                    style="flex:1">
-            <el-table-column prop="desc" label="绩效等级" width="200">
+                    >
+            <el-table-column prop="desc" label="绩效等级">
             </el-table-column>
             <el-table-column prop="num" label="实际分布" width="200">
             </el-table-column>
@@ -249,6 +249,9 @@ export default {
       return {
         width: '20px',
         height: '20px',
+        'text-align': 'center',
+        'line-height': '20px',
+        color: 'white',
         background: color
       }
     },
@@ -284,7 +287,7 @@ export default {
       }
       try {
         const result = await getChartData(params)
-        result.forEach((val, index) => {
+        result.data.forEach((val, index) => {
           console.log(val)
           if (val.type === 0) {
             // 头部数据
@@ -300,6 +303,7 @@ export default {
             this.assessNum = val.statisticals
             this.option.series[0].data = Array.from(this.assessNum).map(item => (item.num))
             this.option.xAxis[0].data = Array.from(this.assessNum).map(item => (item.desc))
+            console.log(this.option.xAxis[0].data)
             this.handleNumChart()
           }
         })
@@ -316,8 +320,7 @@ export default {
       }
       try {
         let res = await getStartsData(params)
-        res = res.data
-        handleNode(res)
+        handleNode(res.data)
       } catch (error) {
         console.log(error)
       }
@@ -387,6 +390,7 @@ export default {
   font-size: 14px;
   width: fit-content;
   padding-left: 50%;
+  margin-bottom: 20px;
   position: relative;
 }
 .level_title{
@@ -407,6 +411,11 @@ export default {
 .rep_list{
   display: flex;
 }
+.rep_list>:nth-child(2){
+    width: 200px;
+    margin-left: 10px;
+    flex:1
+}
 #num_chart {
   display: inline-block;
   width: 600px;