From b262be766fd1dbcb936d9dda5b5e802de4d27e59 Mon Sep 17 00:00:00 2001
From: 付延余 <f-yanyu@outlook.com>
Date: 星期四, 28 四月 2022 11:24:40 +0800
Subject: [PATCH] 其他业务

---
 src/pages/show/jiuyeAndChuangye/jiuyeChildren/workStatistics.vue |   57 +++++++++++++++++++++++++++++++++++++++++++++------------
 1 files changed, 45 insertions(+), 12 deletions(-)

diff --git a/src/pages/show/jiuyeAndChuangye/jiuyeChildren/workStatistics.vue b/src/pages/show/jiuyeAndChuangye/jiuyeChildren/workStatistics.vue
index 9da8042..6848bd8 100644
--- a/src/pages/show/jiuyeAndChuangye/jiuyeChildren/workStatistics.vue
+++ b/src/pages/show/jiuyeAndChuangye/jiuyeChildren/workStatistics.vue
@@ -4,9 +4,10 @@
         <h1>鍔冲姩灏变笟缁熻琛�</h1>
         <div class="danwei-box">鍗曚綅:浜�</div>
         <el-table
-          :max-height="640"
+          :max-height="tableHeight"
           :data="tableData"
           :header-cell-style="handleheader"
+          :cell-style="handleCellStyle"
           stripe
           border
           style="width: 100%">
@@ -100,22 +101,27 @@
 
 <script>
   import nowSize from "../../../../libs/nowSize";
-  import { getLabourTable } from '@/api/jiuyeAndChuangye'
+  import { getLabourTable, getLabourLine } from '@/api/jiuyeAndChuangye'
     export default {
         name: "workStatistics",
         data() {
             return {
-                tableData: []
+                tableData: [],
+                newEmployment:[], //鏂板灏变笟
+                loseReEmployment:[], //澶变笟浜哄憳鍐嶅氨涓�
+                diffReEmployment: [],  //灏变笟鍥伴毦浜哄憳鍐嶅氨涓�
+                xdata:[],
+                tableHeight: window.innerHeight - nowSize(960)
             }
         },
         mounted() {
           this.getLabourTable()
+          this.getLabourLine()
           this.laogongJiuyeEcharts()
         },
         methods: {
-            getLabourTable() {
+            getLabourTable() {  //鏌ヨ鍔冲姩灏变笟琛ㄦ牸鏁版嵁鎺ュ彛
                 getLabourTable().then(res => {
-                    console.log('res----',res)
                     if(res.code == 1000) {
                         this.tableData = res.list
                     }
@@ -134,10 +140,22 @@
                 }else if(name == 5) {
                     return '鍔冲姟杈撳嚭'
                 }else if(name == 6) {
-                    return '寮�灞曡ˉ璐存�ц亴涓氭妧鑳藉煿璁璡t\t浜烘暟'
+                    return '寮�灞曡ˉ璐存�ц亴涓氭妧鑳藉煿璁汉鏁�'
                 }else if(name == 7) {
                     return '鍩庨晣鐧昏澶变笟鐜�'
                 }
+            },
+            /*鏌ヨ鍔冲姩灏变笟鎶樼嚎鍥炬暟鎹帴鍙�*/
+            getLabourLine() {
+                getLabourLine().then(res => {
+                    if(res.code == 1000) {
+                        this.newEmployment = res.list[0][1] || []
+                        this.loseReEmployment = res.list[1][2] || []
+                        this.diffReEmployment = res.list[2][3] || []
+                        this.xdata = res.obj || []
+                        this.laogongJiuyeEcharts()
+                    }
+                })
             },
             laogongJiuyeEcharts() {
               let myEchart = this.$echarts.init(document.getElementById('laogongJiuyeEcharts'))
@@ -177,12 +195,13 @@
                     xAxis: {
                         type: 'category',
                         boundaryGap: false,
-                        data: ['2021/4', '2021/5', '2021/6', '2021/7', '2021/8', '2021/9', '2021/10'],
+                        data: this.xdata,
                         axisLabel: {
                             show: true,
                             textStyle: {
                                 color: "#fff",
-                                fontSize:nowSize(24)
+                                fontSize:nowSize(24),
+                                lineHeight: nowSize(56)
                             }
                         },
                         axisLine: {
@@ -220,17 +239,17 @@
                         {
                             name: '鏂板灏变笟',
                             type: 'line',
-                            data: [370, 332, 401, 534, 490, 530, 910]
+                            data: this.newEmployment
                         },
                         {
                             name: '澶变笟浜哄憳鍐嶅氨涓�',
                             type: 'line',
-                            data: [220, 182, 191, 234, 290, 330, 310]
+                            data: this.loseReEmployment
                         },
                         {
                             name: '灏变笟鍥伴毦浜哄憳鍐嶅氨涓�',
                             type: 'line',
-                            data: [150, 132, 201, 154, 190, 330, 410]
+                            data: this.diffReEmployment
                         }
                     ]
                 };
@@ -244,6 +263,20 @@
                 return {
                     lineHeight: '0',
                 }
+            },
+            handleCellStyle({rowIndex,columnIndex}) {
+                if(columnIndex == 0) {
+                    return { background:'#51D2FF' }
+                }
+            },
+            getHeight() {
+                this.tableHeight = window.innerHeight - nowSize(1000)
+            },
+            created() {
+                window.addEventListener('resize', this.getHeight)
+            },
+            destroy() {
+                window.addEventListener('resize', this.getHeight)
             }
         }
     }
@@ -312,7 +345,7 @@
        }
      }
     .laogongJiuyeEcharts{
-      height: calc(100% - 640px - 0.33203125rem  /* 85/256 */);
+      height: calc(100% - 2.5rem  /* 640/256 */ - 0.33203125rem  /* 85/256 */);
     }
   }
 </style>

--
Gitblit v1.9.1