大屏 基本信息以及任务完成数据对接

gassafetyprogress-admin/src/main/java/com/zehong/web/controller/operationMonitor/TWorkOrderController.java

@@ -133,4 +133,11 @@ public class TWorkOrderController extends BaseController
     {
         return toAjax(tWorkOrderService.deleteTWorkOrderByIds(workIds));
     }
+
+    @GetMapping("/selectWorkOrderNum")
+    public AjaxResult selectWorkOrderNum(String enterpriseId)
+    {
+        return  AjaxResult.success(tWorkOrderService.selectWorkOrderNum(enterpriseId));
+    }
+
 }

gassafetyprogress-system/src/main/java/com/zehong/system/mapper/TWorkOrderMapper.java

 package com.zehong.system.mapper;
 
 import java.util.List;
+import java.util.Map;
+
 import com.zehong.system.domain.TWorkOrder;
 import com.zehong.system.domain.vo.HomepageVo;
+import org.apache.ibatis.annotations.Param;
 
 /**
  * 燃气任务Mapper接口
@@ -66,4 +69,11 @@ public interface TWorkOrderMapper
      * @return 结果
      */
     public int deleteTWorkOrderByIds(Long[] workIds);
+
+    /**
+     * 查询任务完成率
+     * @param enterpriseId
+     * @return
+     */
+    public Map<String,Object> selectWorkOrderNum(@Param("enterpriseIds")String[] enterpriseIds);
 }

gassafetyprogress-system/src/main/java/com/zehong/system/service/ITWorkOrderService.java

 package com.zehong.system.service;
 
 import java.util.List;
+import java.util.Map;
+
 import com.zehong.system.domain.TWorkOrder;
 import com.zehong.system.domain.vo.HomepageVo;
 
@@ -66,4 +68,6 @@ public interface ITWorkOrderService
      * @return 结果
      */
     public int deleteTWorkOrderById(Long workId);
+
+    public Map<String,Object> selectWorkOrderNum(String enterpriseId);
 }

gassafetyprogress-system/src/main/java/com/zehong/system/service/impl/TWorkOrderServiceImpl.java

@@ -13,6 +13,7 @@ import org.springframework.beans.factory.annotation.Autowired;
 import org.springframework.stereotype.Service;
 
 import java.util.List;
+import java.util.Map;
 
 /**
  * 燃气任务Service业务层处理
@@ -132,4 +133,15 @@ public class TWorkOrderServiceImpl implements ITWorkOrderService
     {
         return tWorkOrderMapper.deleteTWorkOrderById(workId);
     }
+
+    /**
+     *
+     * @param enterpriseId
+     * @return
+     */
+
+    @Override
+    public Map<String,Object> selectWorkOrderNum(String enterpriseId){
+        return tWorkOrderMapper.selectWorkOrderNum(enterpriseId.split(","));
+    }
 }

gassafetyprogress-system/src/main/resources/mapper/system/TWorkOrderMapper.xml

@@ -208,4 +208,27 @@ PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
             #{workId}
         </foreach>
     </delete>
+    <select id="selectWorkOrderNum" resultType="java.util.HashMap">
+        SELECT  IFNULL(SUM(IF(work_status=3 AND work_type=1,1,0))/SUM(IF(work_type=1,1,0)),0) AS typeOne,
+        IFNULL(SUM(IF(work_status=3 AND work_type=2,1,0))/SUM(IF(work_type=2,1,0)),0) AS typeTwo,
+        IFNULL(SUM(IF(work_status=3 AND work_type=3,1,0))/SUM(IF(work_type=3,1,0)),0) AS typeThree,
+        IFNULL(SUM(IF(work_status=3 AND work_type=4,1,0))/SUM(IF(work_type=4,1,0)),0) AS typeFor,
+        (SELECT COUNT(employed_people_id)  FROM t_employed_people_info WHERE is_del = 0
+            AND beyond_enterprise_id IN
+            <foreach item="enterpriseId" collection="enterpriseIds" open="(" separator="," close=")">
+                #{enterpriseId}
+            </foreach>
+        ) AS peopleNum,
+        (SELECT CAST(SUM(pipe_length) AS  DECIMAL(20,0))  FROM t_pipe_info WHERE  is_del = 0
+                AND beyond_enterprise_id IN
+                <foreach item="enterpriseId" collection="enterpriseIds" open="(" separator="," close=")">
+                    #{enterpriseId}
+                </foreach>
+        )AS allPipeLength
+        FROM t_work_order WHERE  is_del = 0
+            AND work_assign_enterprose_id IN
+            <foreach item="enterpriseId" collection="enterpriseIds" open="(" separator="," close=")">
+                #{enterpriseId}
+            </foreach>
+    </select>
 </mapper>
\ No newline at end of file

gassafetyprogress-web/src/api/operationMonitor/order.js

@@ -51,3 +51,11 @@ export function exportOrder(query) {
     params: query
   })
 }
+
+export function selectWorkOrderNum(query) {
+  return request({
+    url: '/system/order/selectWorkOrderNum',
+    method: 'get',
+    params: query
+  })
+}

gassafetyprogress-web/src/components/bigWindow/leftBar.vue

@@ -14,11 +14,11 @@
     <div class="left-top" style="margin-top: 40px;width: 430px;margin-left: 10px;display: flex;justify-content: space-around;">
       <div style="width: 40%;text-align: center;color: #339CC9;">
         <div class="div-p">从业人员数</div>
-        <span style="font-family: 'arialbd';font-size: 35px;background-image:-webkit-linear-gradient(bottom,#f0c41b,#e4dbb7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;  ">{{datanow.congyeNum}}</span>
+        <span style="font-family: 'arialbd';font-size: 35px;background-image:-webkit-linear-gradient(bottom,#f0c41b,#e4dbb7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;  ">{{allNum.peopleNum}}</span>
       </div>
       <div style="width: 40%;text-align: center;color: #339CC9;">
         <div class="div-p">管道长度(m)</div>
-        <span style="font-family: 'arialbd';font-size: 35px;background-image:-webkit-linear-gradient(bottom,#f86742,#f0c41b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;  ">{{datanow.guandaoNum}}</span>
+        <span style="font-family: 'arialbd';font-size: 35px;background-image:-webkit-linear-gradient(bottom,#f86742,#f0c41b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;  ">{{allNum.allPipeLength}}</span>
       </div>
     </div>
 
@@ -46,34 +46,29 @@
           <div class="fong-div" style="width: 8px;height: 12px;background-color: #11e9e9b3;float: right;margin-top: 10px;margin-right: 10px;transform: skewX(-25deg)"></div>
         </div>
       </div>
-      <!-- <div id="myCharttwo" :style="{width: '450px', height: '270px'}"></div>
-      <div class="titleTex" style="height: 20px;margin-top: 0px;font-size: 15px;">
-        ● 已完成数量:{{datanow.renwu[1]}}
-      </div>
-      <div class="titleTex" style="height: 20px;margin-top: 0px;font-size: 15px;color: #0099ff">
-        ● 未成数量:{{datanow.renwu[0]}}
-      </div> -->
+
       <div class="div-el">
         <div class="el-left">入户安检</div>
-        <el-progress class="el-progress_text" :text-inside="true" :stroke-width="18" :percentage="63"></el-progress>
+        <el-progress class="el-progress_text" :text-inside="true" :stroke-width="18" :percentage="allNum.typeOne*100"></el-progress>
       </div>
       <div class="div-el">
         <div class="el-left">巡查</div>
-        <el-progress class="el-progress_text" :text-inside="true" :stroke-width="18" :percentage="50" status="success"></el-progress>
+        <el-progress class="el-progress_text" :text-inside="true" :stroke-width="18" :percentage="allNum.typeTwo*100" status="success"></el-progress>
       </div>
       <div class="div-el">
         <div class="el-left">报警巡查</div>
-        <el-progress class="el-progress_text" :text-inside="true" :stroke-width="18" :percentage="80" status="warning"></el-progress>
+        <el-progress class="el-progress_text" :text-inside="true" :stroke-width="18" :percentage="allNum.typeThree*100" status="warning"></el-progress>
       </div>
       <div class="div-el">
         <div class="el-left">其他</div>
-        <el-progress class="el-progress_text" :text-inside="true" :stroke-width="18" :percentage="50" status="exception"></el-progress>
+        <el-progress class="el-progress_text" :text-inside="true" :stroke-width="18" :percentage="allNum.typeFor*100" status="exception"></el-progress>
       </div>
     <!-- </div> -->
   </div>
 </template>
 
 <script>
+  import { selectWorkOrderNum } from "@/api/operationMonitor/order";
   // 引入基本模板
   let echarts = require('echarts/lib/echarts')
   // 引入柱状图组件
@@ -84,6 +79,18 @@
   export default {
     data () {
     　　return {
+          allNum:{},
+        zeroNum:{
+          allPipeLength: 0,
+          peopleNum: 0,
+          typeFor: 0,
+          typeOne: 0,
+          typeThree: 0,
+          typeTwo: 0
+        },
+        enterpriseIds:{
+          enterpriseId:""
+        },
           dataAll:{
               congyeNum:1544,
               guandaoNum:3658495,
@@ -128,30 +135,42 @@
      mounted(){
         this.datanow = this.dataAll;
         this.drawLine(this.datanow);
-        this.initdata(this.datanow);
+        //this.getNum(null)
       },
+
     methods: {
-        choice(index){
-            console.log("-----"+index)
-            if(index==0){
-                this.datanow = this.dataAll;
-                this.drawLine(this.datanow);
-                this.initdata(this.datanow);
-            }else
-            if(index==1){
-                this.datanow = this.dataone;
-                this.drawLine(this.datanow);
-                this.initdata(this.datanow);
-            }else if(index==2){
-                this.datanow = this.datatwo;
-                this.drawLine(this.datanow);
-                this.initdata(this.datanow);
-            }else if(index==3){
-                this.datanow = this.datathree;
-                this.drawLine(this.datanow);
-                this.initdata(this.datanow);
+        choice(val){
+            // if(index==0){
+            //     this.datanow = this.dataAll;
+            //     this.drawLine(this.datanow);
+            //     this.getNum(index);
+            // }else
+              this.getNum(val);
+            // if(index==1){
+            //     this.datanow = this.dataone;
+            //     this.drawLine(this.datanow);
+            // }else if(index==2){
+            //     this.datanow = this.datatwo;
+            //     this.drawLine(this.datanow);
+            // }else if(index==3){
+            //     this.datanow = this.datathree;
+            //     this.drawLine(this.datanow);
+            // }
+        },
+      getNum( val){
+
+        if(val!=null && val!=''){
+          this.enterpriseIds.enterpriseId = val.toString();
+          selectWorkOrderNum (this.enterpriseIds).then(response => {
+              console.log(response);
+            this.allNum=response.data;
+          });
+        }else {
+          this.allNum = this.zeroNum;
         }
+
       },
+      //折线图
       drawLine(data){
                 // 基于准备好的dom，初始化echarts实例
                 let myChart = echarts.init(document.getElementById('main1'))
@@ -248,86 +267,6 @@
                     ]
                 });
             },
-      initdata(data){
-          // 基于准备好的dom，初始化echarts实例
-          //console.log(data.renwu[0]+"=-=-=-"+data.renwu[1])
-          let myChart2 = this.$echarts.init(document.getElementById('myCharttwo'))
-          // 绘制图表
-          myChart2.setOption({
-              title: {
-                  text: '任务总数量:'+data.renwuzong,
-                  left: 'center',
-                  top :20,
-                  textStyle:{
-                      color: "#00ffff"
-                  }
-              },
-            tooltip: {
-              trigger: 'item',
-            },
-            series: [
-              {
-                name: '任务概况',
-                type: 'pie',
-                radius: '60%',
-                center: ['50%','58%'],
-                data: [
-                  { 
-                    value: data.renwu[0],
-                    name: '未完成',
-                    itemStyle: { color: '#09f' }
-                },
-                  { 
-                    value: data.renwu[1],
-                      name: '已完成' ,
-                    itemStyle: { color: '#00ffff' }
-                  },
-                ],
-                labelLine:{
-                        length:20,
-                        length2:50,
-                    },
-                  label:{
-                    color:'#fff',
-                      fontSize: 14,
-                      // formatter:"{b}\n\n",
-                      // padding:[0,-55],
-                      normal: {
-                        show: true,
-                        position: 'outer',
-                        // formatter: '{d}%, {c} \n\n',
-                        //模板变量有 {a}, {b}，{c}，{d}，{e}，分别表示系列名，数据名，数据值等。
-                        formatter: "{a_set|{b}}\n{b_set|{d}%}\n\n\n",
-                        // formatter: "{a_set|{b}}\n{c_set|{d}%}\n{b|}\n\n",
-                        borderWidth: 20,
-                        borderRadius: 4,
-                        padding: [0, -55],
-                        rich: {
-                            a_set: {
-                                color: "#fff",
-                                lineHeight: 20,
-                                align: "center",
-                                padding: [55, -40, -15, -40],
-                            },
-                            b_set:{
-                                color: "auto",
-                            },
-                        }
-                      }
-                  },
-                emphasis: {
-                  itemStyle: {
-                    shadowBlur: 10,
-                    shadowOffsetX: 0,
-                    shadowColor: 'rgba(0, 0, 0, 0.5)'
-                  }
-                }
-              }
-            ]
-          });
-      },
-
-
 
 
     }

gassafetyprogress-web/src/views/bigWindow/index.vue

@@ -313,7 +313,7 @@ export default {
 
     this.currentTime();
     this.$refs.mychild.choice(0);
-    this.$refs.mychild2.choice(0);
+    this.$refs.mychild2.choice(this.selarr);
   },
   methods: {
     ...mapActions({
@@ -387,6 +387,7 @@ export default {
       this.map.allfilter(this.selarr, this.selarr1);
       this.map.infowindowClose();
       this.show = false;
+      this.$refs.mychild2.choice(this.selarr);
     },
     sel(index, item) {
       this.map.infowindowClose();
@@ -408,6 +409,7 @@ export default {
       }
       // this.map.companyFilter(this.selarr);
       this.map.allfilter(this.selarr, this.selarr1);
+      this.$refs.mychild2.choice(this.selarr);
     },
 
     sel1(index, item) {