From 0e0ef97164b0b3f742effd3824ce525d2735e873 Mon Sep 17 00:00:00 2001
From: sean yu <yuyumin@ldxingyong.com>
Date: Thu, 29 Oct 2020 17:05:55 +0800
Subject: [PATCH] =?UTF-8?q?bug=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/kpi/report/detail.vue | 17 +++++++---
 src/views/kpi/report/index.vue  | 57 +++++++++++++++++++++++++--------
 2 files changed, 56 insertions(+), 18 deletions(-)

diff --git a/src/views/kpi/report/detail.vue b/src/views/kpi/report/detail.vue
index 3d1eff7..52fac2e 100644
--- a/src/views/kpi/report/detail.vue
+++ b/src/views/kpi/report/detail.vue
@@ -7,7 +7,11 @@
       <div>等级分布详情</div>
     </div>
     <div class="detail_content">
-        <el-cascader :options="depList" @change="handleChange" style="margin-bottom:20px" ></el-cascader>
+        <el-cascader
+          :options="depList"
+          @change="handleChange"
+          style="margin-bottom:20px"
+          v-model="defaultOpt"></el-cascader>
       <el-table :data="tableData"
               border
               :header-cell-style="{ background:'#F5F7FA'}"
@@ -30,7 +34,12 @@ export default {
       // 表格数据
       tableData: [],
       // 部门数据列表
-      depList: []
+      depList: [{
+        value: '',
+        label: '全部'
+      }],
+      //
+      defaultOpt: ['']
     }
   },
   computed: {},
@@ -66,8 +75,8 @@ export default {
         type: 0
       }
       let result = await getDepList(params)
-      console.log(result)
-      this.depList = this.handleDepResult(result.data)
+      this.depList = this.depList.concat(this.handleDepResult(result.data))
+      console.log(this.depList)
     },
     // 递归生成可用数组
     handleDepResult (list) {
diff --git a/src/views/kpi/report/index.vue b/src/views/kpi/report/index.vue
index d5aa51f..4a1db78 100644
--- a/src/views/kpi/report/index.vue
+++ b/src/views/kpi/report/index.vue
@@ -1,7 +1,12 @@
 <!--  -->
 <template>
-  <div class="block">
-    <el-cascader :props="props" :options="timeOptions" @change="handleChange">
+  <div class="report_index">
+    <el-cascader
+      :props="props"
+      :options="timeOptions"
+      @change="handleChange"
+      v-model="defaultStartId"
+      style="width:250px">
     </el-cascader>
     <div class="report_content">
       <div class="header">
@@ -66,7 +71,7 @@
         <el-table :data="tableData"
                   :header-cell-style="{ background:'#F5F7FA'}"
                   border
-                  style="flex-grow:2;margin-top:20px">
+                  style="flex-grow:2;margin-top:20px;height:100%">
           <el-table-column prop="desc" label="绩效等级">
           </el-table-column>
           <el-table-column prop="num" label="实际分布">
@@ -105,7 +110,9 @@ export default {
     return {
       // 当前选择的月份
       pickerTime: '',
-      //
+      // 给选择器设置默认选项
+      defaultStartId: [],
+      // 当前的绩效id
       startId: '',
       //
       statisticals: [
@@ -135,16 +142,15 @@ export default {
       props: {
         lazy: true,
         lazyLoad: (node, resolve) => {
-          console.log('aaaa')
           // 获取节点类型
           let type = node.data.value
           // 请求获取2级列表
           this.handleStartsReq(type, function (reslut) {
             const childNode = Array.from(reslut.list).map(item => ({
               value: item.startId,
-              label: item.time,
-              leaf: true
+              label: item.time
             }))
+            // console.log(childNode)
             resolve(childNode)
           })
         }
@@ -232,7 +238,6 @@ export default {
   beforeMount () { },
   mounted () {
     this.handleChartDataReq()
-    this.handleLevelChart()
   },
   methods: {
     // 背景色计算
@@ -267,7 +272,6 @@ export default {
         path: ('report-detial'),
         query: {startId: this.startId, flowProcess: rows.desc}
       })
-      console.log(this.$router)
     },
     // Y轴坐标计算，取靠近最大值的3的倍数作为上限，然后划分成4个刻度(0为初始刻度)
     handleChartYMul (val) {
@@ -287,6 +291,7 @@ export default {
     },
     //
     handleChange (val) {
+      console.log(val)
       this.startId = val[1]
       this.handleChartDataReq(val[1])
     },
@@ -297,8 +302,16 @@ export default {
       }
       try {
         const result = await getChartData(params)
+        // 如果没传startId则对startId赋予初始值，
+        if (typeof startId === 'undefined') {
+          this.defaultStartId[0] = result.data[0].type
+          this.defaultStartId[1] = result.data[0].defaultId
+          this.startId = result.data[0].defaultId
+          this.defaultStartName = result.data[0].defaultTime
+          //
+          this.handleStartsReq(result.data[0].type)
+        }
         result.data.forEach((val, index) => {
-          console.log(val)
           if (val.type === 0) {
             // 头部数据
             this.statisticals = val.statisticals
@@ -313,7 +326,6 @@ 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()
           }
         })
@@ -330,7 +342,20 @@ export default {
       }
       try {
         let res = await getStartsData(params)
-        handleNode(res.data)
+        if (typeof handleNode === 'undefined') {
+          let children = Array.from(res.data.list).map(item => ({
+            value: item.startId,
+            label: item.time,
+            leaf: true
+          }))
+          if (type === 0) {
+            this.timeOptions[0].children = children
+          } else {
+            this.timeOptions[1].children = children
+          }
+        } else {
+          handleNode(res.data)
+        }
       } catch (error) {
         console.log(error)
       }
@@ -341,6 +366,10 @@ export default {
 </script>
 
 <style lang='' scoped>
+.report_index{
+   display: flex;
+   flex-direction: column;
+}
 .report_content {
   background: white;
   border: #fcfcfc solid 1px;
@@ -385,8 +414,8 @@ export default {
 .num_tips{
   display: flex;
 }
-.num_chart {
-  flex-grow: 1;
+.num_chart{
+  flex-grow: 1
 }
 .num_chart>:nth-child(1){
   color: #3a3a3a;