From f20bc48e6fc3a430bb695c89bd526ddb9a6d6a8d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=AA=86=E4=B9=90?= <342503599@qq.com>
Date: Tue, 16 Aug 2022 15:07:58 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B9=96=E9=87=8C=E5=A4=A7=E5=B1=8F(=E5=8A=B3?=
 =?UTF-8?q?=E5=8A=A1=E7=AE=A1=E7=90=86):=E4=BC=81=E4=B8=9A=E5=87=BA?=
 =?UTF-8?q?=E5=8B=A4=E6=8E=92=E5=90=8D=E6=8E=A5=E5=8F=A3=E5=AF=B9=E6=8E=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/store/index.js                            |   8 +-
 .../jlw/laborManage/centerTop.vue             | 132 ++++++++++++++----
 .../jlw/laborManage/leftBottom.vue            |   2 +-
 3 files changed, 110 insertions(+), 32 deletions(-)

diff --git a/src/store/index.js b/src/store/index.js
index c8320b65..54ac5d88 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -45,16 +45,16 @@ export default new Vuex.Store({
     // UPLOADURL:'http://10.0.1.43:6023/upload/image',//测试
     // FILEURL:'http://10.0.1.43:6023/image/',//测试
     BASEURL: baseUrl ? baseUrl : window.location.protocol + '//' + window.location.host + '/', //
-    UPLOADURL: window.location.protocol + '//' + window.location.host + '/upload/image', //
-    FILEURL: window.location.protocol + '//' + window.location.host + '/image/', //测试 // tag: 本地测试接口
+    // UPLOADURL: window.location.protocol + '//' + window.location.host + '/upload/image', //
+    // FILEURL: window.location.protocol + '//' + window.location.host + '/image/', //测试 // tag: 本地测试接口
     /* 2022-05-16 */
     // tag: 部署河南项目时，需要打开这两行代码
     // UPLOADURL: 'http://124.71.178.44:100/upload/image',
     // FILEURL: 'http://124.71.178.44:100/image/',
 
     /* 2022-06-06 */ // BASEURL:'http://192.168.34.174:6023/',
-    // UPLOADURL: 'http://192.168.34.125:6023/upload/image',
-    // FILEURL: 'http://192.168.34.125:6023/image/',
+    UPLOADURL: 'http://192.168.34.125:6023/upload/image',
+    FILEURL: 'http://192.168.34.125:6023/image/',
 
     // UPLOADURL:'http://192.168.34.246:6023/upload/image',
     // FILEURL:'http://192.168.34.246:6023/image',
diff --git a/src/views/projectAdmin/jlw/laborManage/centerTop.vue b/src/views/projectAdmin/jlw/laborManage/centerTop.vue
index 19dbcddd..dcb7a76a 100644
--- a/src/views/projectAdmin/jlw/laborManage/centerTop.vue
+++ b/src/views/projectAdmin/jlw/laborManage/centerTop.vue
@@ -21,18 +21,16 @@
         <span>总人数</span>
       </div>
     </div>
-    <div class="mychart">
-      <JBarChart :xData="xData" :series="series" :color="color" :grid="grid" />
-    </div>
+      <div class="companyChart" ref="companyChart"></div>
   </Card>
 </template>
 
 <script>
 import Card from "../components/Card.vue";
-import JBarChart from "../jChart/bar/JBarChart.vue";
-import { selectProjectWorkerTypeTotalListApi } from "@/assets/js/api/dataBoard.js";
+import echarts from 'echarts4';
+import { selectProjectWorkerTypeTotalListApi,selectProjectComapnyWorkTotalListApi } from "@/assets/js/api/dataBoard.js";
 export default {
-  components: { Card, JBarChart },
+  components: { Card, },
   props: {
     title: {
       type: String,
@@ -42,27 +40,14 @@ export default {
   data() {
     return {
       workerTypeList: [],
-      xData: [
-        "中建一局",
-        "中建一局",
-        "中建一局",
-        "中建一局",
-        "中建一局",
-        "中建一局",
-        "中建一局",
-        "中建一局"
-      ],
-      series: [
-        { data: [170, 180, 90, 70, 60, 50, 50, 50] },
-        { data: [220, 280, 190, 180, 300, 200, 200, 200] }
-      ],
-      color: ["#5be2f6", "#5281f7"],
-      grid: ["10%", "5%", "15%", "5%"]
     };
   },
   created() {
     this.getWokerType();
   },
+  mounted(){
+    this.getComapnyWorkList();
+  },
   methods: {
     //获取工种出勤统计
     getWokerType() {
@@ -72,7 +57,99 @@ export default {
         console.log(res);
         this.workerTypeList = res.result;
       });
-    }
+    },
+    //获取企业列表
+    getComapnyWorkList() {
+      selectProjectComapnyWorkTotalListApi({
+        projectSn: this.$store.state.projectSn,
+        type: 1,
+      }).then((res) => {
+        var Data = res.result;
+        var xData = [],
+          yData1 = [],
+          yData2 = [];
+        Data.forEach((element) => {
+          xData.push(element.enterpriseName);
+          yData1.push(element.attendancePersonNum);
+          yData2.push(element.totalPersonNum);
+        });
+        this.createdBarCharts(xData, yData1, yData2, this.$refs.companyChart ,["在场","总人数"] );
+      });
+    },
+    //年龄结构---图表
+    createdBarCharts(xData, yData1, yData2, el, legendData) {
+      let that = this;
+      let ageChart = echarts.init(el);
+      let option = {
+        grid: {
+          top: 20,
+          left: 0,
+          bottom: 5,
+          right: 20,
+          containLabel: true,
+        },
+        color: ["#5CE2F6", "#5181F6"],
+        tooltip: {
+          trigger: "axis",
+          axisPointer: {
+            type: "shadow",
+          },
+        },
+        xAxis: [
+          {
+            type: "category",
+            data: xData,
+            boundaryGap: true,
+            axisTick: {
+              show: false,
+            },
+            axisLine: {
+              show: false,
+            },
+            axisLabel: {
+              color: "#9fa2ad",
+              fontSize: 12,
+            },
+          },
+        ],
+
+        yAxis: {
+          type: "value",
+          axisTick: {
+            show: false,
+          },
+          axisLine: {
+            show: false,
+          },
+          splitLine: {
+            lineStyle: {
+              type: "dashed",
+              color: "rgba(231, 233, 243, 0.2)",
+            },
+          },
+          axisLabel: {
+            color: "#9fa2ad",
+          },
+        },
+        series: [
+          {
+            name: legendData[0],
+            type: "bar",
+            data: yData1,
+            barWidth: 14,
+          },
+          {
+            name: legendData[1],
+            type: "bar",
+            data: yData2,
+            barWidth: 14,
+            barGap: 0.1,
+          },
+        ],
+      };
+
+      ageChart.setOption(option);
+    },
   }
 };
 </script>
@@ -155,9 +232,10 @@ export default {
   width: 3px;
   color: #636364;
 }
-.mychart {
-  width: 100%;
-  height: 40%;
-}
+.companyChart{
+    margin-left: 5%;
+    width: 90%;
+    height: 40%;
+  }
 </style>
 
diff --git a/src/views/projectAdmin/jlw/laborManage/leftBottom.vue b/src/views/projectAdmin/jlw/laborManage/leftBottom.vue
index ec2c9a02..3ca82ecc 100644
--- a/src/views/projectAdmin/jlw/laborManage/leftBottom.vue
+++ b/src/views/projectAdmin/jlw/laborManage/leftBottom.vue
@@ -135,6 +135,6 @@ export default {
 }
 .mychart {
   width: 100%;
-  height: calc(100% - 28px);
+  height: calc(100% - 30px);
 }
 </style>