From 1f85483d7fa9a85d428725db9fe65bb7ae342ada Mon Sep 17 00:00:00 2001
From: Jack <1638169491@qq.com>
Date: Sat, 30 Jul 2022 10:58:06 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A4=A7=E5=B1=8F(=E9=A6=96=E9=A1=B5=E6=A6=82?=
 =?UTF-8?q?=E8=A7=88)=EF=BC=9A=E4=BB=A3=E7=A0=81=E6=A0=BC=E5=BC=8F?=
 =?UTF-8?q?=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/projectAdmin/dataBoard/index.vue | 694 +++++++++++----------
 1 file changed, 349 insertions(+), 345 deletions(-)

diff --git a/src/views/projectAdmin/dataBoard/index.vue b/src/views/projectAdmin/dataBoard/index.vue
index 2f7d29dd..9eb5ba5d 100644
--- a/src/views/projectAdmin/dataBoard/index.vue
+++ b/src/views/projectAdmin/dataBoard/index.vue
@@ -4,7 +4,7 @@
       <div class="blockBox">
         <!-- 项目信息 -->
         <div class="blockTitle">
-          {{ $t("message.companyDiagram.projectInfo") }}
+          {{ $t('message.companyDiagram.projectInfo') }}
         </div>
         <div class="blockContent">
           <!-- <marquee
@@ -27,14 +27,14 @@
             <div class="listItem">
               <!-- 项目名称 -->
               <span class="label"
-                >{{ $t("message.companyDiagram.entryName1") }}：</span
+                >{{ $t('message.companyDiagram.entryName1') }}：</span
               >
               <span class="value">{{ projectData.projectName }}</span>
             </div>
             <div class="listItem">
               <!-- 项目地址 -->
               <span class="label"
-                >{{ $t("message.companyDiagram.projectAddress") }}：</span
+                >{{ $t('message.companyDiagram.projectAddress') }}：</span
               >
               <span class="value"
                 >{{ projectData.provinceName }}{{ projectData.cityName
@@ -45,42 +45,42 @@
             <div class="listItem">
               <!-- 项目经理 -->
               <span class="label"
-                >{{ $t("message.companyDiagram.projectManager") }}：</span
+                >{{ $t('message.companyDiagram.projectManager') }}：</span
               >
               <span class="value">{{ projectData.projectManage }}</span>
             </div>
             <div class="listItem">
               <!-- 联系电话 -->
               <span class="label"
-                >{{ $t("message.companyDiagram.telPhone") }}：</span
+                >{{ $t('message.companyDiagram.telPhone') }}：</span
               >
               <span class="value">{{ projectData.projectTel }}</span>
             </div>
             <div class="listItem">
               <!-- 建筑面积 -->
               <span class="label"
-                >{{ $t("message.companyDiagram.buildArea") }}：</span
+                >{{ $t('message.companyDiagram.buildArea') }}：</span
               >
               <span class="value">{{ projectData.projectAcreage }} m²</span>
             </div>
             <div class="listItem">
               <!-- 开工日期 -->
               <span class="label"
-                >{{ $t("message.companyDiagram.buildStartTime") }}：</span
+                >{{ $t('message.companyDiagram.buildStartTime') }}：</span
               >
               <span class="value">{{ projectData.startWorkDate }}</span>
             </div>
             <div class="listItem">
               <!-- 项目编号 -->
               <span class="label"
-                >{{ $t("message.companyDiagram.projectNo") }}：</span
+                >{{ $t('message.companyDiagram.projectNo') }}：</span
               >
               <span class="value">{{ projectData.projectNumber }}</span>
             </div>
             <div class="listItem">
               <!-- 工程类别 -->
               <span class="label"
-                >{{ $t("message.companyDiagram.projectType") }}：</span
+                >{{ $t('message.companyDiagram.projectType') }}：</span
               >
               <span
                 class="value"
@@ -95,7 +95,7 @@
             <div class="listItem">
               <!-- 工程用途 -->
               <span class="label"
-                >{{ $t("message.companyDiagram.projectUse") }}：</span
+                >{{ $t('message.companyDiagram.projectUse') }}：</span
               >
               <span
                 class="value"
@@ -110,7 +110,7 @@
             <div class="listItem">
               <!-- 结构类型 -->
               <span class="label"
-                >{{ $t("message.companyDiagram.structureType") }}：</span
+                >{{ $t('message.companyDiagram.structureType') }}：</span
               >
               <span
                 class="value"
@@ -125,7 +125,7 @@
             <div class="listItem">
               <!-- 工程状态 -->
               <span class="label"
-                >{{ $t("message.companyDiagram.projectStatus") }}：</span
+                >{{ $t('message.companyDiagram.projectStatus') }}：</span
               >
               <span
                 class="value"
@@ -144,7 +144,7 @@
       <div class="blockBox">
         <!-- 人员概况 -->
         <div class="blockTitle">
-          {{ $t("message.companyDiagram.peopleOverview") }}
+          {{ $t('message.companyDiagram.peopleOverview') }}
         </div>
         <div class="blockContent dataBoxContent">
           <div class="dataBox">
@@ -158,7 +158,7 @@
                 {{ statisticsCount.workercount.totalPerson }}
               </p>
               <!-- 实名制人数 -->
-              <p>{{ $t("message.companyDiagram.registerPeopleNum") }}</p>
+              <p>{{ $t('message.companyDiagram.registerPeopleNum') }}</p>
             </div>
           </div>
           <div class="dataBox">
@@ -172,13 +172,13 @@
                 {{ statisticsCount.presencecount.lwPersonTotal }}
               </p>
               <!-- 在场人数 -->
-              <p>{{ $t("message.companyDiagram.onlineLabourPeople") }}</p>
+              <p>{{ $t('message.companyDiagram.onlineLabourPeople') }}</p>
             </div>
           </div>
           <div class="managePeople">
             <div class="managePeopleTitle">
               <!-- 管理人员 -->
-              <p>{{ $t("message.companyDiagram.onlineManagePeople") }}</p>
+              <p>{{ $t('message.companyDiagram.onlineManagePeople') }}</p>
             </div>
 
             <div class="management">
@@ -191,7 +191,7 @@
                   <span>{{ statisticsCount.workercount.jfGlPersonTotal }}</span>
                   <p>
                     <!-- 监理人员 -->
-                    {{ $t("message.dataBoard.PartyAPersonnel") }}
+                    {{ $t('message.dataBoard.PartyAPersonnel') }}
                   </p>
                 </div>
                 <div class="itemImgBox">
@@ -210,7 +210,7 @@
                   <span>{{ statisticsCount.workercount.jlGlPersonTotal }}</span>
                   <p>
                     <!-- 甲方人员 -->
-                    {{ $t("message.dataBoard.supervisoryStaff") }}
+                    {{ $t('message.dataBoard.supervisoryStaff') }}
                   </p>
                 </div>
                 <div class="itemImgBox">
@@ -229,7 +229,7 @@
                   <span>{{ statisticsCount.workercount.yfGlPersonTotal }}</span>
                   <p>
                     <!-- 乙方人员 -->
-                    {{ $t("message.dataBoard.PartyBPersonnel") }}
+                    {{ $t('message.dataBoard.PartyBPersonnel') }}
                   </p>
                 </div>
                 <div class="itemImgBox">
@@ -246,7 +246,7 @@
       <div class="blockBox">
         <!-- 智能设备 -->
         <div class="blockTitle">
-          {{ $t("message.companyDiagram.smartDev") }}
+          {{ $t('message.companyDiagram.smartDev') }}
         </div>
         <div class="blockContent">
           <div
@@ -265,9 +265,7 @@
             <devNumChart
               style="width: 50%; height: 100%; float: left"
               :title="$t('message.projectSummary.environmentDevNum')"
-              :num="
-                statisticsCount.devcount.environmentDevNum
-              "
+              :num="statisticsCount.devcount.environmentDevNum"
               :totalDevNum="totalDevNum"
             ></devNumChart>
             <devNumChart
@@ -296,7 +294,7 @@
             :class="{
               selectOptionList_item: item.index == optionListIndex,
               selectOptionList_item2:
-                item.index == optionListIndex && enabledProjectV2 == 4,
+                item.index == optionListIndex && enabledProjectV2 == 4
             }"
             v-for="(item, index) in $t('message.companyDiagram.optionList')"
           >
@@ -329,7 +327,7 @@
           >
             <!-- 更换图片 -->
             <span style="border: 1px solid #ffffff; padding: 5px">{{
-              $t("message.companyDiagram.changeImg")
+              $t('message.companyDiagram.changeImg')
             }}</span>
           </el-upload>
           <img
@@ -350,7 +348,7 @@
         >
           <img src="@/assets/images/noData3.png" alt="" srcset="" />
           <p>
-            {{ $t("message.videoManage.empty") }},
+            {{ $t('message.videoManage.empty') }},
             <el-upload
               style="display: inline-block"
               class="upload-demo"
@@ -362,7 +360,7 @@
               :show-file-list="false"
             >
               <!-- 点我上传 -->
-              <span>{{ $t("message.companyDiagram.uploadImg") }}</span>
+              <span>{{ $t('message.companyDiagram.uploadImg') }}</span>
             </el-upload>
           </p>
         </div>
@@ -378,7 +376,7 @@
         >
           <!-- 更换视频 -->
           <span class="changeVideoBtn">{{
-            $t("message.companyDiagram.changeVideo")
+            $t('message.companyDiagram.changeVideo')
           }}</span>
         </el-upload>
         <!-- <video src="http://183.95.84.34:18081/itbgp/file/loginBgVideo.mp4" class="topInner" controls loop></video> -->
@@ -386,30 +384,30 @@
       <div class="bottom">
         <!-- 进度情况 -->
         <div v-if="enabledProjectV2 == 3" class="blockTitle blockTitle4">
-          <i></i>{{ $t("message.companyDiagram.planStatus") }}
+          <i></i>{{ $t('message.companyDiagram.planStatus') }}
         </div>
         <div class="bottomInner">
           <div class="timeBox">
             <div class="blockTitle blockTitle2">
-              <i></i>{{ $t("message.companyDiagram.countDown") }}
+              <i></i>{{ $t('message.companyDiagram.countDown') }}
             </div>
             <div>
               <div class="timeInner">
                 <!-- 项目总天数 -->
-                <p>{{ $t("message.companyDiagram.projectDayNum") }}</p>
+                <p>{{ $t('message.companyDiagram.projectDayNum') }}</p>
                 <div class="bg1">
                   <!-- 天 -->
                   <span class="num">{{ projectData.totalProjectDay }}</span>
-                  {{ $t("message.companyDiagram.day") }}
+                  {{ $t('message.companyDiagram.day') }}
                 </div>
               </div>
               <div class="timeInner">
                 <!-- 项目剩余天数 -->
-                <p>{{ $t("message.companyDiagram.projectResidueDay") }}</p>
+                <p>{{ $t('message.companyDiagram.projectResidueDay') }}</p>
                 <div class="bg1">
                   <!-- 天 -->
                   <span class="num">{{ projectData.surplusDay }}</span>
-                  {{ $t("message.companyDiagram.day") }}
+                  {{ $t('message.companyDiagram.day') }}
                 </div>
               </div>
             </div>
@@ -424,7 +422,7 @@
           <div class="stageContent">
             <!-- 里程碑 -->
             <div class="blockTitle blockTitle2">
-              <i></i>{{ $t("message.companyDiagram.milestone") }}
+              <i></i>{{ $t('message.companyDiagram.milestone') }}
             </div>
             <div class="stageBox">
               <vue-scroll :ops="ops" ref="stageScroll">
@@ -460,7 +458,7 @@
           v-if="COMPANY == 'longguang' || enabledProjectV2 == 3"
           class="blockTitle"
         >
-          {{ $t("message.companyDiagram.environmentMonitor") }}
+          {{ $t('message.companyDiagram.environmentMonitor') }}
         </div>
 
         <div
@@ -493,7 +491,7 @@
               <p class="temp">{{ item.tem2 }} ~ {{ item.tem1 }}</p>
               <div style="height: 6%"></div>
               <p>
-                {{ $t("message.environmentalOverview.wind_power") }}
+                {{ $t('message.environmentalOverview.wind_power') }}
                 {{ item.win_speed }}
               </p>
             </div>
@@ -504,21 +502,21 @@
               <img src="@/assets/images/greenOverview/PM2.5@1x.png" alt="" />
               <div>
                 <p>PM2.5</p>
-                <p>{{ plantCap.pm25 ? plantCap.pm25 : "--" }}μg/m3</p>
+                <p>{{ plantCap.pm25 ? plantCap.pm25 : '--' }}μg/m3</p>
               </div>
             </div>
             <div class="airQuality-item">
               <img src="@/assets/images/greenOverview/PM10@1x.png" alt="" />
               <div>
                 <p>PM10</p>
-                <p>{{ plantCap.pm10 ? plantCap.pm10 : "--" }}μg/m3</p>
+                <p>{{ plantCap.pm10 ? plantCap.pm10 : '--' }}μg/m3</p>
               </div>
             </div>
             <div class="airQuality-item">
               <img src="@/assets/images/greenOverview/噪声@1x.png" alt="" />
               <div>
                 <p>噪声</p>
-                <p>{{ plantCap.noise ? plantCap.noise : "--" }}db</p>
+                <p>{{ plantCap.noise ? plantCap.noise : '--' }}db</p>
               </div>
             </div>
           </div>
@@ -528,7 +526,7 @@
           v-if="COMPANY != 'longguang' && enabledProjectV2 != 3"
           class="blockTitle"
         >
-          {{ $t("message.companyDiagram.safeManage") }}
+          {{ $t('message.companyDiagram.safeManage') }}
         </div>
         <div
           v-if="COMPANY != 'longguang' && enabledProjectV2 != 3"
@@ -541,7 +539,7 @@
                 <!-- 已整改安全问题 -->
                 <p class="text">
                   <i class="dot purple"></i
-                  >{{ $t("message.companyDiagram.rectificationSafeQuestion") }}
+                  >{{ $t('message.companyDiagram.rectificationSafeQuestion') }}
                 </p>
                 <p class="num">{{ secureData.completeNum }}</p>
               </div>
@@ -550,7 +548,7 @@
                 <p class="text">
                   <i class="dot red"></i
                   >{{
-                    $t("message.companyDiagram.noRectificationSafeQuestion")
+                    $t('message.companyDiagram.noRectificationSafeQuestion')
                   }}
                 </p>
                 <p class="num">{{ secureData.rectificationNum }}</p>
@@ -566,11 +564,11 @@
           v-if="COMPANY != 'longguang' && enabledProjectV2 != 3"
           class="blockTitle"
         >
-          {{ $t("message.companyDiagram.qualityManage") }}
+          {{ $t('message.companyDiagram.qualityManage') }}
         </div>
         <!-- 设备报警 -->
         <div v-else class="blockTitle">
-          {{ $t("message.companyDiagram.devAlarm") }}
+          {{ $t('message.companyDiagram.devAlarm') }}
         </div>
         <div class="blockContent">
           <div
@@ -588,7 +586,7 @@
                 <p class="text">
                   <i class="dot blue"></i
                   >{{
-                    $t("message.companyDiagram.rectificationQualityQuestion")
+                    $t('message.companyDiagram.rectificationQualityQuestion')
                   }}
                 </p>
                 <p class="num">{{ qualityData.completeNum }}</p>
@@ -598,7 +596,7 @@
                 <p class="text">
                   <i class="dot green"></i
                   >{{
-                    $t("message.companyDiagram.noRectificationQualityQuestion")
+                    $t('message.companyDiagram.noRectificationQualityQuestion')
                   }}
                 </p>
                 <p class="num">{{ qualityData.rectificationNum }}</p>
@@ -698,19 +696,25 @@
           v-if="COMPANY != 'longguang' && enabledProjectV2 != 3"
           class="blockTitle"
         >
-          {{ $t("message.companyDiagram.environmentMonitor") }}
+          {{ $t('message.companyDiagram.environmentMonitor') }}
         </div>
         <!-- 报警列表 -->
         <div v-else class="blockTitle">
-          {{ $t("message.companyDiagram.alarmRecord") }}
+          {{ $t('message.companyDiagram.alarmRecord') }}
         </div>
         <div
           v-if="COMPANY != 'longguang' && enabledProjectV2 != 3"
           class="blockContent"
         >
           <!-- <airQulityChart></airQulityChart> -->
-          <img style="width:150px;height:150px;margin-left:100px;" src="../../../assets/images/enrivtop.png" />
-          <img style="width:250px; margin-left:50px;" src="../../../assets/images/enriobottom.png" />
+          <img
+            style="width: 150px; height: 150px; margin-left: 100px"
+            src="../../../assets/images/enrivtop.png"
+          />
+          <img
+            style="width: 250px; margin-left: 50px"
+            src="../../../assets/images/enriobottom.png"
+          />
         </div>
         <div v-else class="blockContent alarmBlockContent">
           <vue-scroll>
@@ -759,7 +763,7 @@
             >
               <img src="@/assets/images/noData3.png" alt="" srcset="" />
               <!-- 暂无数据 -->
-              <p>{{ $t("message.companyDiagram.noData") }}</p>
+              <p>{{ $t('message.companyDiagram.noData') }}</p>
             </div>
           </vue-scroll>
         </div>
@@ -768,12 +772,12 @@
   </div>
 </template>
 <script>
-import echarts from "echarts4";
-const echarts5 = require("echarts");
-import devNumChart from "@/components/chart/devNumChart";
-import airQulityChart from "@/components/chart/airQulityChart";
-import { getWorkerStatisticsCountApi } from "@/assets/js/api/company/project";
-import { getProjectDetail, editProjectInfo } from "@/assets/js/api/baseInfo.js";
+import echarts from 'echarts4'
+const echarts5 = require('echarts')
+import devNumChart from '@/components/chart/devNumChart'
+import airQulityChart from '@/components/chart/airQulityChart'
+import { getWorkerStatisticsCountApi } from '@/assets/js/api/company/project'
+import { getProjectDetail, editProjectInfo } from '@/assets/js/api/baseInfo.js'
 import {
   selectSecurityManageStatisticsApi,
   selectQualityStatisticsApi,
@@ -781,59 +785,59 @@ import {
   getAllLifterDangerInfo,
   getEnvironmentInfo,
   getAiVideoInfo,
-  getAIDangerList,
-} from "@/assets/js/api/dataBoard";
+  getAIDangerList
+} from '@/assets/js/api/dataBoard'
 import {
   getWeatherDataApi,
   selectNewEnvironmentAlarmListApi,
   getRealTimeDustNoiseDataApi,
-  environmentDevList,
-} from "@/assets/js/api/environmentManage";
+  environmentDevList
+} from '@/assets/js/api/environmentManage'
 import {
   getPageDetail,
   eidtProjectShowConfig,
-  queryBySnData,
-} from "@/assets/js/api/projectSummary.js";
+  queryBySnData
+} from '@/assets/js/api/projectSummary.js'
 
 export default {
   components: { devNumChart, airQulityChart },
   data() {
     return {
-      COMPANY: "",
+      COMPANY: '',
       ops: {
         vuescroll: {
           // wheelScrollDuration: 0,
-          wheelDirectionReverse: true,
-        },
+          wheelDirectionReverse: true
+        }
       },
       weatherList: [],
       alarmList: [],
-      fileUrl: "",
-      imgUrl: "", //图片
+      fileUrl: '',
+      imgUrl: '', //图片
       showChangeImg: false, //显示隐藏更换图片
       optionList: [
         {
-          name: /* '宣传视频', */ this.$t("message.dataBoard.promotionalVideo"),
-          index: 1,
+          name: /* '宣传视频', */ this.$t('message.dataBoard.promotionalVideo'),
+          index: 1
         },
         {
-          name: /* '效果图', */ this.$t("message.dataBoard.effectPicture"),
-          index: 2,
-        },
+          name: /* '效果图', */ this.$t('message.dataBoard.effectPicture'),
+          index: 2
+        }
       ],
       optionListIndex: 1,
       ops: {
         vuescroll: {
           // wheelScrollDuration: 0,
-          wheelDirectionReverse: true,
-        },
+          wheelDirectionReverse: true
+        }
       },
-      stageList: this.$t("message.companyDiagram.CONSTRUCTIONSTAGE"),
+      stageList: this.$t('message.companyDiagram.CONSTRUCTIONSTAGE'),
       projectData: {
         constructionStage: 10,
-        videoUrl: "",
+        videoUrl: '',
         totalProjectDay: 0,
-        surplusDay: 0,
+        surplusDay: 0
       },
       statisticsCount: {
         currentMonthEducationPerson: 0,
@@ -854,7 +858,7 @@ export default {
           constructionStageCount4: 0,
           constructionStageCount3: 0,
           constructionStageCount2: 0,
-          projectNum: 0,
+          projectNum: 0
         },
         workercount: {
           lwPersonYesterdayAdd: 0,
@@ -875,7 +879,7 @@ export default {
           avgage: 0,
           age35to45: 0,
           glPersonYesterdayAdd: 0,
-          age60: 0,
+          age60: 0
         },
         devcount: { ufaceDevNum: 0, videoNum: 0, environmentDevNum: 0 },
         presencecount: {
@@ -896,18 +900,18 @@ export default {
           age35to45: 0,
           age60: 0,
           chart2: Object,
-          option2: {},
-        },
+          option2: {}
+        }
       },
       totalDevNum: 0,
       fullscreenLoading: null,
       secureData: {
         rectificationNum: 0,
-        completeNum: 0,
+        completeNum: 0
       },
       qualityData: {
         rectificationNum: 0,
-        completeNum: 0,
+        completeNum: 0
       },
       enabledProjectV2: 2,
       interval1: null,
@@ -922,140 +926,140 @@ export default {
       srcList: [],
       plantCap: {
         // 环境监测空气质量数据
-        crc: "--",
-        humidity: "--",
-        noise: "--",
-        plateHumidity: "--",
-        plateTemperature: "--",
-        pm10: "--",
-        pm25: "--",
-        pressure: "--",
-        temperature: "--",
-        tsp: "--",
-        voltage: "--",
-        winddirectionName: "--",
-        windspeed: "--",
+        crc: '--',
+        humidity: '--',
+        noise: '--',
+        plateHumidity: '--',
+        plateTemperature: '--',
+        pm10: '--',
+        pm25: '--',
+        pressure: '--',
+        temperature: '--',
+        tsp: '--',
+        voltage: '--',
+        winddirectionName: '--',
+        windspeed: '--'
       },
-      currentDevDetail: {}, // 当前项目设备详情
-    };
+      currentDevDetail: {} // 当前项目设备详情
+    }
   },
   created() {
-    this.fileUrl = this.$store.state.FILEURL;
-    this.COMPANY = COMPANY;
-    this.getDataDateils();
+    this.fileUrl = this.$store.state.FILEURL
+    this.COMPANY = COMPANY
+    this.getDataDateils()
   },
   beforeDestroy() {
-    clearInterval(this.interval1);
+    clearInterval(this.interval1)
   },
   mounted() {
-    this.getQueryBySnData();
-    this.enabledProjectV2 = enabledProjectV2;
-    
-    this.getWorkerStatisticsCount(1);
-    this.getSecureData();
-    this.getQualityData();
-    this.loadWeather();
-    this.getAlarmList();
-    this.getAlarmInfor();
-    this.getDevList();
+    this.getQueryBySnData()
+    this.enabledProjectV2 = enabledProjectV2
+
+    this.getWorkerStatisticsCount(1)
+    this.getSecureData()
+    this.getQualityData()
+    this.loadWeather()
+    this.getAlarmList()
+    this.getAlarmInfor()
+    this.getDevList()
   },
   methods: {
     createdEchart2() {
-      let chart2 = echarts.init(this.$refs["echart2"]);
-      this.chart2 = chart2;
-      chart2.clear();
+      let chart2 = echarts.init(this.$refs['echart2'])
+      this.chart2 = chart2
+      chart2.clear()
       this.option2 = {
         grid: {
-          top: "30px",
-          left: "80px",
-          right: "15px",
-          bottom: "30px",
+          top: '30px',
+          left: '80px',
+          right: '15px',
+          bottom: '30px'
         },
         tooltip: {
-          trigger: "axis",
+          trigger: 'axis',
           // 取消鼠标悬浮时显示的中线
           axisPointer: {
-            type: "none",
-          },
+            type: 'none'
+          }
         },
         // ['特殊设备','人数设备','特种设备','环境设备']
         xAxis: [
           {
-            type: "value",
+            type: 'value',
             // '设备数'
-            name: this.$t("message.companyDiagram.devNum"),
+            name: this.$t('message.companyDiagram.devNum'),
             show: false,
             splitLine: {
               lineStyle: {
-                color: "#fff",
-                type: "dashed",
-              },
+                color: '#fff',
+                type: 'dashed'
+              }
             },
 
             axisTick: {
-              show: false,
+              show: false
             },
             axisLine: {
               lineStyle: {
-                color: "#fff",
-                type: "solid",
-              },
+                color: '#fff',
+                type: 'solid'
+              }
             },
             axisLabel: {
-              color: "#fff",
-            },
+              color: '#fff'
+            }
           },
           {
-            type: "value",
-          },
+            type: 'value'
+          }
         ],
         yAxis: {
-          type: "category",
-          data: this.$t("message.companyDiagram.echarTitleData"),
+          type: 'category',
+          data: this.$t('message.companyDiagram.echarTitleData'),
           axisLine: {
             lineStyle: {
-              color: "#fff",
-              type: "dashed",
+              color: '#fff',
+              type: 'dashed'
             },
-            show: false,
+            show: false
           },
           axisTick: {
-            show: false,
+            show: false
           },
           axisLabel: {
-            color: "#fff",
-            fontSize: 12, //字体大小
-          },
+            color: '#fff',
+            fontSize: 12 //字体大小
+          }
         },
         series: [
           {
             itemStyle: {
               normal: {
                 color: function (params) {
-                  var colorList = ["#4378d8", "#a65d23", "#913211", "#199d83"];
-                  return colorList[params.dataIndex];
-                },
-              },
+                  var colorList = ['#4378d8', '#a65d23', '#913211', '#199d83']
+                  return colorList[params.dataIndex]
+                }
+              }
             },
-            name: this.$t("message.companyDiagram.devNum"),
+            name: this.$t('message.companyDiagram.devNum'),
             data: [
               this.statisticsCount.devcount.videoNum,
               this.statisticsCount.devcount.ufaceDevNum,
               this.statisticsCount.devcount.lifterDevNum +
                 this.statisticsCount.devcount.towerDevNum,
-              this.statisticsCount.devcount.environmentDevNum,
+              this.statisticsCount.devcount.environmentDevNum
             ],
-            type: "bar",
-            barWidth: 20, //柱图宽度
-          },
-        ],
-      };
-      chart2.setOption(this.option2);
+            type: 'bar',
+            barWidth: 20 //柱图宽度
+          }
+        ]
+      }
+      chart2.setOption(this.option2)
     },
     getAlarmList() {
       let data = {
-        projectSn: this.$store.state.projectSn,
-      };
+        projectSn: this.$store.state.projectSn
+      }
       // selectNewEnvironmentAlarmListApi(data).then((res) => {
       //   if (res.code == 200) {
       //     this.alarmList = res.result;
@@ -1064,125 +1068,125 @@ export default {
       // });
     },
     loadWeather() {
-      var _this = this;
-      getWeatherDataApi({ cityid: "" }).then((res) => {
-        console.log(res);
-        var json = JSON.parse(res.result);
-        var list = json.data;
-        console.log(json);
-        // 
+      var _this = this
+      getWeatherDataApi({ cityid: '' }).then((res) => {
+        console.log(res)
+        var json = JSON.parse(res.result)
+        var list = json.data
+        console.log(json)
+        //
         list.forEach((element, index) => {
           // element.week=getWeek(element.date)
           // element.date = element.date.substring(5,element.date.length)
-          element.url = require("@/assets/images/weather/" +
+          element.url = require('@/assets/images/weather/' +
             element.wea_img +
-            ".png");
-          this.weatherList.push(element);
-        });
-      });
+            '.png')
+          this.weatherList.push(element)
+        })
+      })
     },
     //获取环境设备列表--环境监测实时数据--下拉
     getDevList() {
-      console.log(22222222222222);
+      console.log(22222222222222)
       environmentDevList({ projectSn: this.$store.state.projectSn }).then(
         (result) => {
           // console.log('列表', result)
-          console.log(result);
+          console.log(result)
           if (result.result.length > 0) {
-            this.currentDevDetail = result.result[0];
-            this.getRealTimeDustNoiseData();
+            this.currentDevDetail = result.result[0]
+            this.getRealTimeDustNoiseData()
           }
         }
-      );
+      )
     },
     // 获取环境监测空气质量
     getRealTimeDustNoiseData() {
       let data = {
         deviceId: this.currentDevDetail.deviceId,
-        projectSn: this.$store.state.projectSn,
-      };
-      console.log(data);
+        projectSn: this.$store.state.projectSn
+      }
+      console.log(data)
       getRealTimeDustNoiseDataApi(data).then((res) => {
-        console.log(res);
+        console.log(res)
         if (res.code == 200) {
-          console.log(res.result);
+          console.log(res.result)
           if (res.result) {
-            this.plantCap = res.result;
+            this.plantCap = res.result
           } else {
             this.plantCap = {
-              crc: "--",
-              humidity: "--",
-              noise: "--",
-              plateHumidity: "--",
-              plateTemperature: "--",
-              pm10: "--",
-              pm25: "--",
-              pressure: "--",
-              temperature: "--",
-              tsp: "--",
-              voltage: "--",
-              winddirectionName: "--",
-              windspeed: "--",
-            };
+              crc: '--',
+              humidity: '--',
+              noise: '--',
+              plateHumidity: '--',
+              plateTemperature: '--',
+              pm10: '--',
+              pm25: '--',
+              pressure: '--',
+              temperature: '--',
+              tsp: '--',
+              voltage: '--',
+              winddirectionName: '--',
+              windspeed: '--'
+            }
           }
           // this.createCenterChart();
         }
-      });
+      })
     },
     // 获取设备报警数据
     getAlarmInfor() {
       let data = {
-        sn: this.$store.state.projectSn,
-      };
+        sn: this.$store.state.projectSn
+      }
       // 获取塔吊报警数据
       getAllTowerDangerInfo(data).then((res) => {
         if (res.code === 200) {
-          let { result } = res;
-          this.totalTowerDev = result.devCount.devNum;
-          this.totalDangerTowerDev = result.towerAlarmCount;
+          let { result } = res
+          this.totalTowerDev = result.devCount.devNum
+          this.totalDangerTowerDev = result.towerAlarmCount
         }
-      });
+      })
       // getAiVideoInfo
       // 获取升降机报警数据
       getAllLifterDangerInfo(data).then((res) => {
         if (res.code === 200) {
-          let { result } = res;
-          this.totalLifterDev = result.devCount.devNum;
-          this.totalDangerLiferDev = result.lifterAlarmCount;
+          let { result } = res
+          this.totalLifterDev = result.devCount.devNum
+          this.totalDangerLiferDev = result.lifterAlarmCount
         }
-      });
+      })
       // 获取环境监测报警数据
       getEnvironmentInfo(data).then((res) => {
         if (res.code === 200) {
-          let { result } = res;
-          this.environmentDevNum = result.devTotal.devNum;
-          this.environmentTotalAlarm = result.alarmTotal.totalAlarm;
+          let { result } = res
+          this.environmentDevNum = result.devTotal.devNum
+          this.environmentTotalAlarm = result.alarmTotal.totalAlarm
         }
-      });
+      })
       // 获取AI设备报警数据
       getAiVideoInfo(data).then((res) => {
-        console.log(res);
+        console.log(res)
         if (res.code === 200) {
-          let { result } = res;
-          this.totalVideoDev = result.totalVideoDev;
-          this.videoAlarmNum = result.alarmNum;
+          let { result } = res
+          this.totalVideoDev = result.totalVideoDev
+          this.videoAlarmNum = result.alarmNum
         }
-      });
+      })
       // 获取报警列表数据
       getAIDangerList(data).then((res) => {
         if (res.code === 200) {
-          let { result } = res;
+          let { result } = res
           let type = [
-            "烟感",
-            "明火",
-            "人员倒地",
-            "未戴安全帽",
-            "区域入侵",
-            "越界入侵",
-            "人员聚集衣",
-            "反光衣",
-            "裸土覆盖",
-          ];
+            '烟感',
+            '明火',
+            '人员倒地',
+            '未戴安全帽',
+            '区域入侵',
+            '越界入侵',
+            '人员聚集衣',
+            '反光衣',
+            '裸土覆盖'
+          ]
           this.alarmList = result.slice(0, 3).map((x) => {
             return {
               createTime: x.createTime,
@@ -1191,137 +1195,137 @@ export default {
               imageUrl: x.imageUrl,
               location: x.location,
               projectName: x.projectName,
-              alarmType: type[x.alarmType - 1],
-            };
-          });
+              alarmType: type[x.alarmType - 1]
+            }
+          })
           result.slice(0, 3).forEach((x) => {
-            this.srcList.push(`${this.$store.state.FILEURL}${x.imageUrl}`);
-          });
-          console.log(this.alarmList);
-          console.log(this.srcList);
+            this.srcList.push(`${this.$store.state.FILEURL}${x.imageUrl}`)
+          })
+          console.log(this.alarmList)
+          console.log(this.srcList)
         }
-      });
+      })
     },
 
     //获取安全管理数据
     getSecureData() {
       let data = {
-        projectSn: this.$store.state.projectSn,
-      };
+        projectSn: this.$store.state.projectSn
+      }
       selectSecurityManageStatisticsApi(data).then((res) => {
-        let total = res.result.total;
-        this.secureData.rectificationNum = total.rectificationNum;
-        this.secureData.completeNum = total.totalNum - total.rectificationNum;
+        let total = res.result.total
+        this.secureData.rectificationNum = total.rectificationNum
+        this.secureData.completeNum = total.totalNum - total.rectificationNum
         this.createPieChart(
           [
-            { value: total.totalNum - total.rectificationNum, name: "" },
-            { value: total.rectificationNum, name: "" },
+            { value: total.totalNum - total.rectificationNum, name: '' },
+            { value: total.rectificationNum, name: '' }
           ],
           this.$refs.safeChart,
-          ["rgba(120, 111, 240, 1)", "rgba(254, 108, 127, 1)"],
-          this.$t("message.companyDiagram.safeQuestion")
+          ['rgba(120, 111, 240, 1)', 'rgba(254, 108, 127, 1)'],
+          this.$t('message.companyDiagram.safeQuestion')
           // "安全问题数"
-        );
-      });
+        )
+      })
     },
     //获取质量管理数据
     getQualityData() {
       let data = {
-        projectSn: this.$store.state.projectSn,
-      };
+        projectSn: this.$store.state.projectSn
+      }
       selectQualityStatisticsApi(data).then((res) => {
-        let total = res.result.total;
-        this.qualityData.rectificationNum = total.rectificationNum;
-        this.qualityData.completeNum = total.totalNum - total.rectificationNum;
-        if (COMPANY != "longguang") {
+        let total = res.result.total
+        this.qualityData.rectificationNum = total.rectificationNum
+        this.qualityData.completeNum = total.totalNum - total.rectificationNum
+        if (COMPANY != 'longguang') {
           this.createPieChart(
             [
-              { value: total.totalNum - total.rectificationNum, name: "" },
-              { value: total.rectificationNum, name: "" },
+              { value: total.totalNum - total.rectificationNum, name: '' },
+              { value: total.rectificationNum, name: '' }
             ],
             this.$refs.qulityChart,
-            ["rgba(81, 129, 246, 1)", "rgba(92, 226, 246, 1)"],
-            this.$t("message.companyDiagram.qualityQuestion")
+            ['rgba(81, 129, 246, 1)', 'rgba(92, 226, 246, 1)'],
+            this.$t('message.companyDiagram.qualityQuestion')
             // "质量问题数"
-          );
+          )
         }
-      });
+      })
     },
     //获取项目详情
     getDataDateils() {
       let data = {
-        projectSn: this.$store.state.projectSn,
-      };
-      console.log('当前的参数',data)
+        projectSn: this.$store.state.projectSn
+      }
+      console.log('当前的参数', data)
       getProjectDetail(data).then((res) => {
         // console.log(res);
         if (res.code == 200) {
-          console.log('打印一下',res)
-          this.projectData = res.result;
-          console.log(this.projectData);
+          console.log('打印一下', res)
+          this.projectData = res.result
+          console.log(this.projectData)
           //   console.log('this.projectData.constructionStage-4*230',this.projectData.constructionStage-4*230)
           if (parseInt(this.projectData.constructionStage) > 4) {
-            this.$refs["stageScroll"].scrollTo(
+            this.$refs['stageScroll'].scrollTo(
               {
-                x: (this.projectData.constructionStage - 4) * 230,
+                x: (this.projectData.constructionStage - 4) * 230
                 // x:'50%'
               },
               500
-            );
+            )
           }
         }
-      });
+      })
     },
     //统计企业下项目各人员统计
     getWorkerStatisticsCount(type) {
       getWorkerStatisticsCountApi({ sn: this.$store.state.projectSn }).then(
         (res) => {
-          console.log(res);
-          this.statisticsCount = res.result;
+          console.log(res)
+          this.statisticsCount = res.result
           this.totalDevNum =
             this.statisticsCount.devcount.ufaceDevNum +
             this.statisticsCount.devcount.videoNum +
             this.statisticsCount.devcount.environmentDevNum +
             this.statisticsCount.devcount.towerDevNum +
-            this.statisticsCount.devcount.lifterDevNum;
+            this.statisticsCount.devcount.lifterDevNum
           if (type == 1) {
-            this.createdEchart2();
+            this.createdEchart2()
           }
-          clearInterval(this.interval1);
+          clearInterval(this.interval1)
           this.interval1 = setTimeout(() => {
-            this.getWorkerStatisticsCount();
-          }, 5000);
+            this.getWorkerStatisticsCount()
+          }, 5000)
         }
-      );
+      )
     },
     createPieChart(data, div, color, title) {
-      let that = this;
-      let monitor = echarts.init(div);
+      let that = this
+      let monitor = echarts.init(div)
       // monitor.clear();
       var option = {
-        color: color ? color : ["#5181F6", "#61D2B9", "#F67F51", "#7851F6"],
+        color: color ? color : ['#5181F6', '#61D2B9', '#F67F51', '#7851F6'],
         title: {
           show: true,
           text: data[0].value + data[1].value,
-          x: "48%",
-          y: "36%",
+          x: '48%',
+          y: '36%',
           z: 5,
-          textAlign: "center",
+          textAlign: 'center',
           textStyle: {
-            color: "rgba(255, 255, 255, 1)",
-            fontSize: 20,
+            color: 'rgba(255, 255, 255, 1)',
+            fontSize: 20
           },
           subtext: title,
           subtextStyle: {
-            color: "rgba(255, 255, 255, 0.8)",
-            fontSize: 13,
-          },
+            color: 'rgba(255, 255, 255, 0.8)',
+            fontSize: 13
+          }
         },
         grid: {
-          right: 0,
+          right: 0
         },
         legend: {
-          show: false,
+          show: false
         },
         // tooltip: {
         //   // data: ['在线', '离线'],
@@ -1330,69 +1334,69 @@ export default {
         // },
         series: [
           {
-            name: "",
-            type: "pie",
-            radius: ["50%", "70%"],
+            name: '',
+            type: 'pie',
+            radius: ['50%', '70%'],
             avoidLabelOverlap: false,
             label: {
               show: false,
-              position: "center",
+              position: 'center'
             },
             labelLine: {
-              show: false,
+              show: false
             },
-            data: data,
-          },
-        ],
-      };
+            data: data
+          }
+        ]
+      }
       //   if(color){
       //       option.series[0].radius=["75%", "85%"]
       //       option.title.x="45%"
       //       option.legend.show=false
       //   }
-      monitor.setOption(option);
+      monitor.setOption(option)
     },
     // 文件上传 之前
     handleBeforeUpload(file, type) {
-      console.log(file);
-      let fileType = file.type.split("/")[0];
-      if (fileType == "video" || fileType == "image") {
+      console.log(file)
+      let fileType = file.type.split('/')[0]
+      if (fileType == 'video' || fileType == 'image') {
         this.fullscreenLoading = this.$loading({
           lock: true,
-          text: this.$t("message.companyDiagram.uploadHint"), // "上传中，请稍等。。。"
-          spinner: "el-icon-loading",
-          background: "rgba(0, 0, 0, 0.7)",
-        });
-        return true;
+          text: this.$t('message.companyDiagram.uploadHint'), // "上传中，请稍等。。。"
+          spinner: 'el-icon-loading',
+          background: 'rgba(0, 0, 0, 0.7)'
+        })
+        return true
       } else {
-        this.$message.error(this.$t("message.companyDiagram.uploadHint2")); //"请选择正确的文件"
-        return false;
+        this.$message.error(this.$t('message.companyDiagram.uploadHint2')) //"请选择正确的文件"
+        return false
       }
     },
     //上传失败
     handleError(file, type) {
-      this.fullscreenLoading.close();
-      this.$message.error(this.$t("message.companyDiagram.uploadError")); //"上传失败，请重试"
+      this.fullscreenLoading.close()
+      this.$message.error(this.$t('message.companyDiagram.uploadError')) //"上传失败，请重试"
     },
     //上传成功
     handleSuccess(file, type) {
-              console.log('上传成功了吗',file)
-      if (file.code == 200 || file.status == "SUCCESS") {
-        console.log(file);
-        var url = file.data[0].imageUrl;
-        this.saveOrDeleteVideo(url);
+      console.log('上传成功了吗', file)
+      if (file.code == 200 || file.status == 'SUCCESS') {
+        console.log(file)
+        var url = file.data[0].imageUrl
+        this.saveOrDeleteVideo(url)
       }
-      this.fullscreenLoading.close();
+      this.fullscreenLoading.close()
     },
 
     handleSuccessTwo(file, type) {
-      if (file.code == 200 || file.status == "SUCCESS") {
-        console.log(file);
-        var url = file.data[0].imageUrl;
-        this.imgUrl = url;
-        this.saveEffectData(url);
+      if (file.code == 200 || file.status == 'SUCCESS') {
+        console.log(file)
+        var url = file.data[0].imageUrl
+        this.imgUrl = url
+        this.saveEffectData(url)
       }
-      this.fullscreenLoading.close();
+      this.fullscreenLoading.close()
     },
     //效果图 保存
     saveEffectData(url) {
@@ -1400,40 +1404,40 @@ export default {
       let data = {
         projectSn: this.$store.state.projectSn,
         showType: 3,
-        showTitle: this.$t("message.companyDiagram.resultImg"), //'效果图'
-        configValue: url,
-      };
+        showTitle: this.$t('message.companyDiagram.resultImg'), //'效果图'
+        configValue: url
+      }
       eidtProjectShowConfig(data).then((res) => {
         if (res.code == 200) {
-          this.getQueryBySnData();
+          this.getQueryBySnData()
         }
-      });
+      })
     },
     getQueryBySnData() {
       queryBySnData({
         projectSn: this.$store.state.projectSn,
-        showType: 3,
+        showType: 3
       }).then((res) => {
-        console.log(this.fileUrl + this.imgUrl);
-        this.imgUrl = res.result.configValue;
-      });
+        console.log(this.fileUrl + this.imgUrl)
+        this.imgUrl = res.result.configValue
+      })
     },
     //保存或删除宣传视频
     saveOrDeleteVideo(url) {
       editProjectInfo({
         projectId: this.projectData.projectId,
-        videoUrl: url,
+        videoUrl: url
       }).then((res) => {
-        this.$message.success(this.$t("message.companyDiagram.uploadSuccess")); //"上传成功"
-        this.projectData.videoUrl = url;
-      });
-    },
-  },
-};
+        this.$message.success(this.$t('message.companyDiagram.uploadSuccess')) //"上传成功"
+        this.projectData.videoUrl = url
+      })
+    }
+  }
+}
 </script>
 <style lang="less" scoped>
-.stageContent{
-  height:220px;
+.stageContent {
+  height: 220px;
 }
 .weatherItem {
   /*float: left;*/
@@ -1549,7 +1553,7 @@ export default {
   .bottomInner {
     padding-left: 20px;
     &::before {
-      content: "";
+      content: '';
       position: absolute;
       top: 38px;
       left: 0;
@@ -1578,7 +1582,7 @@ export default {
   .bottomInner {
     padding-left: 20px;
     &::before {
-      content: "";
+      content: '';
       position: absolute;
       top: 38px;
       left: 0;
@@ -1595,7 +1599,7 @@ export default {
   height: 60%;
   .managePeopleTitle {
     &::before {
-      content: "";
+      content: '';
       background-color: #6ce9f0;
       width: 5px;
       height: 5px;