From f113c3f4c9fd16b214001e00f60fcbe0bd4286cd Mon Sep 17 00:00:00 2001
From: Rain_ <904416525@qq.com>
Date: Mon, 17 Nov 2025 15:02:50 +0800
Subject: [PATCH] =?UTF-8?q?flx=EF=BC=9A=E4=BF=AE=E6=94=B9=E6=96=87?=
 =?UTF-8?q?=E6=98=8E=E6=96=BD=E5=B7=A5=E7=AD=9B=E9=80=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/homePage/index.vue | 13404 +++++++++++++++++----------------
 1 file changed, 6868 insertions(+), 6536 deletions(-)

diff --git a/src/views/homePage/index.vue b/src/views/homePage/index.vue
index c842cbc6..cb18b05e 100644
--- a/src/views/homePage/index.vue
+++ b/src/views/homePage/index.vue
@@ -1,27 +1,30 @@
 <template>
-  <!-- 项目首页 -->
-  <div class="fullHeight" id="game">
-    <vhead
-      :titleName="projectName"
-      :showR="true"
-      v-if="!selectGroupDialog"
-    ></vhead>
-    <div class="search_content">
-      <el-input
-        placeholder="搜索关键词，了解相关内容资讯"
-        v-model="searchName"
-        prefix-icon="el-icon-search"
-        class="input-with-select"
-      >
-        <el-button slot="append">搜索</el-button>
-      </el-input>
-    </div>
-    <vue-scroll ref="containerScroll" id="container_scroll">
-      <div class="container">
-        <div class="container_box container_box1">
-          <el-carousel trigger="click" :interval="5000" arrow="never">
-            <el-carousel-item v-for="item in carouselList" :key="item.id">
-              <!-- <div class="bg_top">
+    <!-- 项目首页 -->
+    <div class="fullHeight" id="game">
+        <vhead
+            :titleName="projectName"
+            :showR="true"
+            v-if="!selectGroupDialog"
+        ></vhead>
+        <div class="search_content">
+            <el-input
+                placeholder="搜索关键词，了解相关内容资讯"
+                v-model="searchName"
+                prefix-icon="el-icon-search"
+                class="input-with-select"
+            >
+                <el-button slot="append">搜索</el-button>
+            </el-input>
+        </div>
+        <vue-scroll ref="containerScroll" id="container_scroll">
+            <div class="container">
+                <div class="container_box container_box1">
+                    <el-carousel trigger="click" :interval="5000" arrow="never">
+                        <el-carousel-item
+                            v-for="item in carouselList"
+                            :key="item.id"
+                        >
+                            <!-- <div class="bg_top">
                 <div class="bg_right">
                   <div>
                     <div :style="`background-image: url(${item.imageUrl})`" class="bg_icon"></div>
@@ -32,25 +35,25 @@
                   </div>
                 </div>
               </div> -->
-              <div
-                :style="`background-image: url(${item.imageUrl})`"
-                class="bg_top"
-              >
-                <div class="bg_top_left">
-                  <div>
-                    <div>党建引领</div>
-                    <div>依法合规</div>
-                    <div>科学统筹</div>
-                    <div>守正创新</div>
-                    <div>升级示范</div>
-                  </div>
-                  <div>为项目赋能<br />为管理助力</div>
+                            <div
+                                :style="`background-image: url(${item.imageUrl})`"
+                                class="bg_top"
+                            >
+                                <div class="bg_top_left">
+                                    <div>
+                                        <div>党建引领</div>
+                                        <div>依法合规</div>
+                                        <div>科学统筹</div>
+                                        <div>守正创新</div>
+                                        <div>升级示范</div>
+                                    </div>
+                                    <div>为项目赋能<br />为管理助力</div>
+                                </div>
+                            </div>
+                        </el-carousel-item>
+                    </el-carousel>
                 </div>
-              </div>
-            </el-carousel-item>
-          </el-carousel>
-        </div>
-        <!-- <div class="container_box container_box2">
+                <!-- <div class="container_box container_box2">
           <div class="container_title">通知公告</div>
           <div class="container_box2_message" @click.stop="onClickDialog(9)" v-for="item in queryNoticeList" :key="item.id">
             <div>
@@ -60,21 +63,21 @@
             <div>{{ item.sendTime }}</div>
           </div>
         </div> -->
-        <div class="container_box container_box2">
-          <div class="container_title">快速通道</div>
-          <div
-            class="container_fast_track"
-            @click.stop="onClickRUL(item)"
-            v-for="item in fastTrackList"
-            :key="item.id"
-          >
-            {{ item.name }}
-          </div>
-        </div>
-        <div class="container_main">
-          <div class="main_left">
-            <div class="main_left_boxs">
-              <!-- <div class="boxs_box1">
+                <div class="container_box container_box2">
+                    <div class="container_title">快速通道</div>
+                    <div
+                        class="container_fast_track"
+                        @click.stop="onClickRUL(item)"
+                        v-for="item in fastTrackList"
+                        :key="item.id"
+                    >
+                        {{ item.name }}
+                    </div>
+                </div>
+                <div class="container_main">
+                    <div class="main_left">
+                        <div class="main_left_boxs">
+                            <!-- <div class="boxs_box1">
                 <div>
                   <div class="container_title">快捷通道</div>
                   <div @click="onClickAdministration"><i class="el-icon-set-up"></i>管理</div>
@@ -95,12 +98,14 @@
                   </div>
                 </div>
               </div> -->
-              <div class="boxs_box2new">
-                <div>
-                  <div>
-                    <div class="container_title">项目组织机构</div>
-                  </div>
-                  <!-- <div class="projectOrganization">
+                            <div class="boxs_box2new">
+                                <div>
+                                    <div>
+                                        <div class="container_title">
+                                            项目组织机构
+                                        </div>
+                                    </div>
+                                    <!-- <div class="projectOrganization">
                     <div>项目主任组</div>
                     <div class="container_box1">
                       <div v-for="item in projectOrganizationInfo.projectOrganizationList" :key="item.id">
@@ -112,419 +117,532 @@
                       <div v-for="item in projectOrganizationInfo.projectOrganizationList2" :key="item.id">{{ item.titleName }}</div>
                     </div>
                   </div> -->
-                  <div class="projectOrganization_scroll">
-                    <vue-scroll>
-                      <div class="projectOrganization">
-                        <div class="projectOrganization_box1">
-                          <div>项目建设方项目管理组织机构</div>
-                          <div class="projectOrganization_box1_right">
-                            <div class="projectOrganization_box1_header">
-                              <div>项目主任组</div>
-                              <!-- <div>安质环部</div> -->
-                            </div>
-                            <div class="projectOrganization_box1_main">
-                              <div
-                                v-for="item in projectOrganizationInfo.projectOrganizationList"
-                                :key="item.id"
-                              >
-                                <div>
-                                  {{ item.titleName }}
+                                    <div class="projectOrganization_scroll">
+                                        <vue-scroll>
+                                            <div class="projectOrganization">
+                                                <div
+                                                    class="projectOrganization_box1"
+                                                >
+                                                    <div>
+                                                        项目建设方项目管理组织机构
+                                                    </div>
+                                                    <div
+                                                        class="projectOrganization_box1_right"
+                                                    >
+                                                        <div
+                                                            class="projectOrganization_box1_header"
+                                                        >
+                                                            <div>
+                                                                项目主任组
+                                                            </div>
+                                                            <!-- <div>安质环部</div> -->
+                                                        </div>
+                                                        <div
+                                                            class="projectOrganization_box1_main"
+                                                        >
+                                                            <div
+                                                                v-for="item in projectOrganizationInfo.projectOrganizationList"
+                                                                :key="item.id"
+                                                            >
+                                                                <div>
+                                                                    {{
+                                                                        item.titleName
+                                                                    }}
+                                                                </div>
+                                                            </div>
+                                                        </div>
+                                                        <div
+                                                            class="projectOrganization_box1_footer"
+                                                        >
+                                                            <div
+                                                                v-for="item in projectOrganizationInfo.projectOrganizationList2"
+                                                                :key="item.id"
+                                                            >
+                                                                {{
+                                                                    item.titleName
+                                                                }}
+                                                            </div>
+                                                        </div>
+                                                    </div>
+                                                </div>
+                                                <div
+                                                    class="projectOrganization_box2"
+                                                >
+                                                    <div>监理单位</div>
+                                                    <div
+                                                        class="projectOrganization_box2_footer"
+                                                    >
+                                                        <div
+                                                            @click="
+                                                                onClickDialog(
+                                                                    10
+                                                                )
+                                                            "
+                                                            v-for="item in projectOrganizationInfo.projectOrganizationList2"
+                                                            :key="item.id"
+                                                        >
+                                                            {{ item.titleName }}
+                                                        </div>
+                                                    </div>
+                                                </div>
+                                                <div
+                                                    class="projectOrganization_box3"
+                                                >
+                                                    <div>工程建设主体</div>
+                                                    <div
+                                                        class="projectOrganization_box3_main"
+                                                    >
+                                                        <div
+                                                            class="projectOrganization_box3_footer"
+                                                        >
+                                                            <div
+                                                                @click="
+                                                                    onClickDialog(
+                                                                        11
+                                                                    )
+                                                                "
+                                                                v-for="item in projectOrganizationInfo.projectOrganizationList3"
+                                                                :key="item.id"
+                                                            >
+                                                                {{
+                                                                    item.titleName
+                                                                }}
+                                                            </div>
+                                                        </div>
+                                                        <div
+                                                            class="projectOrganization_box3_footer"
+                                                        >
+                                                            <div
+                                                                v-for="item in projectOrganizationInfo.projectOrganizationList4"
+                                                                :key="item.id"
+                                                            >
+                                                                {{
+                                                                    item.titleName
+                                                                }}
+                                                            </div>
+                                                        </div>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </vue-scroll>
+                                    </div>
+                                </div>
+                                <div class="assessment_box">
+                                    <div>
+                                        <div class="container_title">
+                                            危大工程
+                                        </div>
+                                    </div>
+                                    <div
+                                        class="pieChart"
+                                        ref="pieChart"
+                                        style="width: 100%; height: 100%"
+                                    ></div>
                                 </div>
-                              </div>
                             </div>
-                            <div class="projectOrganization_box1_footer">
-                              <div
-                                v-for="item in projectOrganizationInfo.projectOrganizationList2"
-                                :key="item.id"
-                              >
-                                {{ item.titleName }}
-                              </div>
-                            </div>
-                          </div>
-                        </div>
-                        <div class="projectOrganization_box2">
-                          <div>监理单位</div>
-                          <div class="projectOrganization_box2_footer">
-                            <div
-                              @click="onClickDialog(10)"
-                              v-for="item in projectOrganizationInfo.projectOrganizationList2"
-                              :key="item.id"
-                            >
-                              {{ item.titleName }}
-                            </div>
-                          </div>
-                        </div>
-                        <div class="projectOrganization_box3">
-                          <div>工程建设主体</div>
-                          <div class="projectOrganization_box3_main">
-                            <div class="projectOrganization_box3_footer">
-                              <div
-                                @click="onClickDialog(11)"
-                                v-for="item in projectOrganizationInfo.projectOrganizationList3"
-                                :key="item.id"
-                              >
-                                {{ item.titleName }}
-                              </div>
-                            </div>
-                            <div class="projectOrganization_box3_footer">
-                              <div
-                                v-for="item in projectOrganizationInfo.projectOrganizationList4"
-                                :key="item.id"
-                              >
-                                {{ item.titleName }}
-                              </div>
-                            </div>
-                          </div>
-                        </div>
-                      </div>
-                    </vue-scroll>
-                  </div>
-                </div>
-                <div class="assessment_box">
-                  <div>
-                    <div class="container_title">危大工程</div>
-                  </div>
-                  <div
-                    class="pieChart"
-                    ref="pieChart"
-                    style="width: 100%; height: 100%"
-                  ></div>
-                </div>
-              </div>
-              <div class="boxs_box2">
-                <div>
-                  <div>
-                    <div class="container_title">现场监控</div>
-                    <!-- <el-select size="mini" v-model="videoId"  placeholder="请选择">
+                            <div class="boxs_box2">
+                                <div>
+                                    <div>
+                                        <div class="container_title">
+                                            现场监控
+                                        </div>
+                                        <!-- <el-select size="mini" v-model="videoId"  placeholder="请选择">
                       <el-option v-for="item in videoList" :key="item.itemId" :label="item.videoName" :value="item.itemId"> </el-option>
                     </el-select> -->
-                    <el-cascader
-                      size="mini"
-                      @change="getVideo"
-                      @visible-change="visibleChange"
-                      v-model="videoId"
-                      :options="videoList"
-                      :props="propsList"
-                      :show-all-levels="false"
-                      clearable
-                    ></el-cascader>
-                  </div>
-                  <div id="playVideoBoxHome">
-                    <videoModule
-                      class="playVideoBoxHome"
-                      :type="'1x1'"
-                      :value="selectList"
-                      :displayBottomMod="false"
-                      :winNumBer="1"
-                      :autoplay="false"
-                      :showCaptrue="false"
-                      :showControl="false"
-                      :showPlayback="false"
-                    ></videoModule>
-                  </div>
-                </div>
-                <div>
-                  <div>
-                    <div class="container_title">文明施工(曝光栏)</div>
-                    <div class="right-top_header">
-                      <div class="right-top_header_left">
-                        <div
-                          @click="onSpecialClick(item)"
-                          :class="{ active: specialId == item.id }"
-                          v-for="item in specialList"
-                          :key="item.id"
-                        >
-                          {{ item.specialName }}
+                                        <el-cascader
+                                            size="mini"
+                                            @change="getVideo"
+                                            @visible-change="visibleChange"
+                                            v-model="videoId"
+                                            :options="videoList"
+                                            :props="propsList"
+                                            :show-all-levels="false"
+                                            clearable
+                                        ></el-cascader>
+                                    </div>
+                                    <div id="playVideoBoxHome">
+                                        <videoModule
+                                            class="playVideoBoxHome"
+                                            :type="'1x1'"
+                                            :value="selectList"
+                                            :displayBottomMod="false"
+                                            :winNumBer="1"
+                                            :autoplay="false"
+                                            :showCaptrue="false"
+                                            :showControl="false"
+                                            :showPlayback="false"
+                                        ></videoModule>
+                                    </div>
+                                </div>
+                                <div>
+                                    <div>
+                                        <div class="container_title">
+                                            文明施工(曝光栏)
+                                        </div>
+                                        <div class="right-top_header">
+                                            <div class="right-top_header_left">
+                                                <div
+                                                    @click="
+                                                        onSpecialClick(item)
+                                                    "
+                                                    :class="{
+                                                        active:
+                                                            specialId ==
+                                                            item.id,
+                                                    }"
+                                                    v-for="item in specialList"
+                                                    :key="item.id"
+                                                >
+                                                    {{ item.specialName }}
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div
+                                        v-if="homePageSpecialList.length != 0"
+                                        class="weldChart"
+                                        ref="specialChart"
+                                    ></div>
+                                    <div v-if="homePageSpecialList.length == 0">
+                                        <div class="bt_noData">
+                                            <img
+                                                src="@/assets/images/bthgIcon/noData.png"
+                                                alt=""
+                                            />
+                                            <p>暂无数据</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
                         </div>
-                      </div>
-                    </div>
-                  </div>
-                  <div
-                    v-if="homePageSpecialList.length != 0"
-                    class="weldChart"
-                    ref="specialChart"
-                  ></div>
-                  <div v-if="homePageSpecialList.length == 0">
-                    <div class="bt_noData">
-                      <img src="@/assets/images/bthgIcon/noData.png" alt="" />
-                      <p>暂无数据</p>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div class="main_left_boxs1">
-              <div>
-                <div class="container_title">进度曲线</div>
-                <div class="right-top_header">
-                  <div class="right-top_header_left">
-                    <div
-                      @click="onDeviceYearClick(item)"
-                      :class="{ active: deviceYearInfo.id == item.id }"
-                      v-for="item in deviceYearList"
-                      :key="item.id"
-                    >
-                      {{ item.year }}
-                    </div>
-                  </div>
-                  <div class="right-top_header_right">
-                    <el-form
-                      :inline="true"
-                      ref="planTreeInfo"
-                      :model="planTreeInfo"
-                      size="medium"
-                    >
-                      <el-form-item label="切换计划">
-                        <el-cascader
-                          v-model="planTreeInfo.planPbsIdList"
-                          :options="planPbsTreeList"
-                          :show-all-levels="false"
-                          filterable
-                          :props="{
-                            checkStrictly: true,
-                            label: 'name',
-                            value: 'id',
-                          }"
-                          clearable
-                          @change="onPlanPbsChange"
-                        >
-                        </el-cascader>
-                      </el-form-item>
-                      <el-form-item label="切换WBS/TASK">
-                        <el-cascader
-                          v-model="planTreeInfo.planWbsTaskIdList"
-                          :options="planTreeList"
-                          :show-all-levels="false"
-                          filterable
-                          :props="{
-                            checkStrictly: true,
-                            label: 'jobName',
-                            value: 'id',
-                          }"
-                          clearable
-                          @change="onPlanWbsTaskChange"
-                        >
-                        </el-cascader>
-                      </el-form-item>
-                    </el-form>
-                  </div>
-                </div>
-              </div>
-              <div class="right-top">
-                <div class="right-top_content">
-                  <div style="position: relative; height: 100%">
-                    <div class="chart" ref="lineCharts"></div>
-                    <div v-if="deviceScheduleList.length == 0">
-                      <div class="placeholderBox">
-                        <img src="@/assets/images/noData.png" alt="" />
-                        <p>暂无数据</p>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div class="main_left_boxs2 main_left_boxs_safety">
-              <div>
-                <div class="container_title">安全管理</div>
-                <div class="right-top_header">
-                  <div class="right-top_header_left">
-                    <div
-                      @click="onSafeClick(item)"
-                      :class="{ active: safeTimeInfo.id == item.id }"
-                      v-for="item in safeMassTimeList"
-                      :key="item.id"
-                    >
-                      {{ item.yearName }}
-                    </div>
-                  </div>
-                </div>
-              </div>
-              <div class="safe_content">
-                <div>
-                  <img src="@/assets/images/bthgIcon/bg_safe.png" alt="" />
-                  <div>
-                    <div
-                      class="safe_content_scroll_title"
-                      v-if="safeProblemList.length > 0"
-                    >
-                      <div>问题分类</div>
-                      <div>问题占比</div>
-                      <div>问题数量</div>
-                    </div>
-                    <div class="safe_content_scroll el-table__body-wrapper">
-                      <div
-                        @click="onClickDialog(2, item)"
-                        v-for="(item, index) in safeProblemList"
-                        :key="index"
-                      >
-                        <div>
-                          <div>{{ item.name }}</div>
+                        <div class="main_left_boxs1">
+                            <div>
+                                <div class="container_title">进度曲线</div>
+                                <div class="right-top_header">
+                                    <div class="right-top_header_left">
+                                        <div
+                                            @click="onDeviceYearClick(item)"
+                                            :class="{
+                                                active:
+                                                    deviceYearInfo.id ==
+                                                    item.id,
+                                            }"
+                                            v-for="item in deviceYearList"
+                                            :key="item.id"
+                                        >
+                                            {{ item.year }}
+                                        </div>
+                                    </div>
+                                    <div class="right-top_header_right">
+                                        <el-form
+                                            :inline="true"
+                                            ref="planTreeInfo"
+                                            :model="planTreeInfo"
+                                            size="medium"
+                                        >
+                                            <el-form-item label="切换计划">
+                                                <el-cascader
+                                                    v-model="
+                                                        planTreeInfo.planPbsIdList
+                                                    "
+                                                    :options="planPbsTreeList"
+                                                    :show-all-levels="false"
+                                                    filterable
+                                                    :props="{
+                                                        checkStrictly: true,
+                                                        label: 'name',
+                                                        value: 'id',
+                                                    }"
+                                                    clearable
+                                                    @change="onPlanPbsChange"
+                                                >
+                                                </el-cascader>
+                                            </el-form-item>
+                                            <el-form-item label="切换WBS/TASK">
+                                                <el-cascader
+                                                    v-model="
+                                                        planTreeInfo.planWbsTaskIdList
+                                                    "
+                                                    :options="planTreeList"
+                                                    :show-all-levels="false"
+                                                    filterable
+                                                    :props="{
+                                                        checkStrictly: true,
+                                                        label: 'jobName',
+                                                        value: 'id',
+                                                    }"
+                                                    clearable
+                                                    @change="
+                                                        onPlanWbsTaskChange
+                                                    "
+                                                >
+                                                </el-cascader>
+                                            </el-form-item>
+                                        </el-form>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="right-top">
+                                <div class="right-top_content">
+                                    <div
+                                        style="position: relative; height: 100%"
+                                    >
+                                        <div
+                                            class="chart"
+                                            ref="lineCharts"
+                                        ></div>
+                                        <div
+                                            v-if="
+                                                deviceScheduleList.length == 0
+                                            "
+                                        >
+                                            <div class="placeholderBox">
+                                                <img
+                                                    src="@/assets/images/noData.png"
+                                                    alt=""
+                                                />
+                                                <p>暂无数据</p>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
                         </div>
-                        <div>{{ item.percent }}%</div>
-                        <div>{{ item.count }}</div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-                <div>
-                  <div>
-                    <div></div>
-                    <el-statistic
-                      group-separator=","
-                      :precision="2"
-                      :value="safeDetailInfo.dangerNum"
-                      title="隐患总数"
-                    ></el-statistic>
-                  </div>
-                  <div>
-                    <div></div>
-                    <el-statistic
-                      group-separator=","
-                      :precision="2"
-                      :value="safeDetailInfo.rectificationDoneNum"
-                      title="已整改数"
-                    ></el-statistic>
-                  </div>
-                  <div>
-                    <div></div>
-                    <el-statistic
-                      group-separator=","
-                      :precision="2"
-                      :value="safeDetailInfo.overdueNotCloseNum"
-                      title="已逾期数"
-                    ></el-statistic>
-                  </div>
-                  <div>
-                    <div></div>
-                    <el-statistic
-                      group-separator=","
-                      :precision="2"
-                      :value="safeDetailInfo.reviewNum"
-                      title="累计闭合"
-                    ></el-statistic>
-                  </div>
-                </div>
-              </div>
-              <div class="safe_card">
-                <div v-if="safeResponsibleUnitList.length != 0">
-                  EPC责任单位问题分析
-                </div>
-                <div
-                  v-if="safeResponsibleUnitList.length != 0"
-                  class="safeChart"
-                  ref="safeChart"
-                ></div>
-                <div v-if="safeResponsibleUnitList.length == 0">
-                  <div class="bt_noData">
-                    <img src="@/assets/images/bthgIcon/noData.png" alt="" />
-                    <p>暂无数据</p>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div class="main_left_boxs3 main_left_boxs_safety">
-              <div>
-                <div class="container_title">质量管理</div>
-                <div class="right-top_header">
-                  <div class="right-top_header_left">
-                    <div
-                      @click="onMassClick(item)"
-                      :class="{ active: massTimeInfo.id == item.id }"
-                      v-for="item in safeMassTimeList"
-                      :key="item.id"
-                    >
-                      {{ item.yearName }}
-                    </div>
-                  </div>
-                </div>
-              </div>
-              <div class="mass_content">
-                <div v-if="massResponsibleUnitList.length != 0">
-                  EPC责任单位问题分析
-                </div>
-                <div
-                  v-if="massResponsibleUnitList.length != 0"
-                  class="massChart"
-                  ref="massChart"
-                ></div>
-                <div v-if="massResponsibleUnitList.length == 0">
-                  <div class="bt_noData">
-                    <img src="@/assets/images/bthgIcon/noData.png" alt="" />
-                    <p>暂无数据</p>
-                  </div>
-                </div>
-              </div>
-              <div class="safe_content mass_card">
-                <div>
-                  <div>
-                    <div
-                      class="safe_content_scroll_title"
-                      v-if="massProblemList.length > 0"
-                    >
-                      <div>专业</div>
-                      <div>问题占比</div>
-                      <div>问题数量</div>
-                    </div>
-                    <div class="safe_content_scroll el-table__body-wrapper">
-                      <div
-                        @click="onClickDialog(3, item)"
-                        v-for="(item, index) in massProblemList"
-                        :key="index"
-                      >
-                        <div>
-                          <div>{{ item.name }}</div>
+                        <div class="main_left_boxs2 main_left_boxs_safety">
+                            <div>
+                                <div class="container_title">安全管理</div>
+                                <div class="right-top_header">
+                                    <div class="right-top_header_left">
+                                        <div
+                                            @click="onSafeClick(item)"
+                                            :class="{
+                                                active:
+                                                    safeTimeInfo.id == item.id,
+                                            }"
+                                            v-for="item in safeMassTimeList"
+                                            :key="item.id"
+                                        >
+                                            {{ item.yearName }}
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="safe_content">
+                                <div>
+                                    <img
+                                        src="@/assets/images/bthgIcon/bg_safe.png"
+                                        alt=""
+                                    />
+                                    <div>
+                                        <div
+                                            class="safe_content_scroll_title"
+                                            v-if="safeProblemList.length > 0"
+                                        >
+                                            <div>问题分类</div>
+                                            <div>问题占比</div>
+                                            <div>问题数量</div>
+                                        </div>
+                                        <div
+                                            class="safe_content_scroll el-table__body-wrapper"
+                                        >
+                                            <div
+                                                @click="onClickDialog(2, item)"
+                                                v-for="(
+                                                    item, index
+                                                ) in safeProblemList"
+                                                :key="index"
+                                            >
+                                                <div>
+                                                    <div>{{ item.name }}</div>
+                                                </div>
+                                                <div>{{ item.percent }}%</div>
+                                                <div>{{ item.count }}</div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div>
+                                    <div>
+                                        <div></div>
+                                        <el-statistic
+                                            group-separator=","
+                                            :precision="2"
+                                            :value="safeDetailInfo.dangerNum"
+                                            title="隐患总数"
+                                        ></el-statistic>
+                                    </div>
+                                    <div>
+                                        <div></div>
+                                        <el-statistic
+                                            group-separator=","
+                                            :precision="2"
+                                            :value="
+                                                safeDetailInfo.rectificationDoneNum
+                                            "
+                                            title="已整改数"
+                                        ></el-statistic>
+                                    </div>
+                                    <div>
+                                        <div></div>
+                                        <el-statistic
+                                            group-separator=","
+                                            :precision="2"
+                                            :value="
+                                                safeDetailInfo.overdueNotCloseNum
+                                            "
+                                            title="已逾期数"
+                                        ></el-statistic>
+                                    </div>
+                                    <div>
+                                        <div></div>
+                                        <el-statistic
+                                            group-separator=","
+                                            :precision="2"
+                                            :value="safeDetailInfo.reviewNum"
+                                            title="累计闭合"
+                                        ></el-statistic>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="safe_card">
+                                <div v-if="safeResponsibleUnitList.length != 0">
+                                    EPC责任单位问题分析
+                                </div>
+                                <div
+                                    v-if="safeResponsibleUnitList.length != 0"
+                                    class="safeChart"
+                                    ref="safeChart"
+                                ></div>
+                                <div v-if="safeResponsibleUnitList.length == 0">
+                                    <div class="bt_noData">
+                                        <img
+                                            src="@/assets/images/bthgIcon/noData.png"
+                                            alt=""
+                                        />
+                                        <p>暂无数据</p>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="main_left_boxs3 main_left_boxs_safety">
+                            <div>
+                                <div class="container_title">质量管理</div>
+                                <div class="right-top_header">
+                                    <div class="right-top_header_left">
+                                        <div
+                                            @click="onMassClick(item)"
+                                            :class="{
+                                                active:
+                                                    massTimeInfo.id == item.id,
+                                            }"
+                                            v-for="item in safeMassTimeList"
+                                            :key="item.id"
+                                        >
+                                            {{ item.yearName }}
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="mass_content">
+                                <div v-if="massResponsibleUnitList.length != 0">
+                                    EPC责任单位问题分析
+                                </div>
+                                <div
+                                    v-if="massResponsibleUnitList.length != 0"
+                                    class="massChart"
+                                    ref="massChart"
+                                ></div>
+                                <div v-if="massResponsibleUnitList.length == 0">
+                                    <div class="bt_noData">
+                                        <img
+                                            src="@/assets/images/bthgIcon/noData.png"
+                                            alt=""
+                                        />
+                                        <p>暂无数据</p>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="safe_content mass_card">
+                                <div>
+                                    <div>
+                                        <div
+                                            class="safe_content_scroll_title"
+                                            v-if="massProblemList.length > 0"
+                                        >
+                                            <div>专业</div>
+                                            <div>问题占比</div>
+                                            <div>问题数量</div>
+                                        </div>
+                                        <div
+                                            class="safe_content_scroll el-table__body-wrapper"
+                                        >
+                                            <div
+                                                @click="onClickDialog(3, item)"
+                                                v-for="(
+                                                    item, index
+                                                ) in massProblemList"
+                                                :key="index"
+                                            >
+                                                <div>
+                                                    <div>{{ item.name }}</div>
+                                                </div>
+                                                <div>{{ item.percent }}%</div>
+                                                <div>{{ item.count }}</div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <img
+                                        src="@/assets/images/bthgIcon/bg_mass.png"
+                                        alt=""
+                                    />
+                                </div>
+                                <div>
+                                    <div>
+                                        <div></div>
+                                        <el-statistic
+                                            group-separator=","
+                                            :precision="2"
+                                            :value="massDetailInfo.dangerNum"
+                                            title="隐患总数"
+                                        ></el-statistic>
+                                    </div>
+                                    <div>
+                                        <div></div>
+                                        <el-statistic
+                                            group-separator=","
+                                            :precision="2"
+                                            :value="
+                                                massDetailInfo.rectificationDoneNum
+                                            "
+                                            title="已整改数"
+                                        ></el-statistic>
+                                    </div>
+                                    <div>
+                                        <div></div>
+                                        <el-statistic
+                                            group-separator=","
+                                            :precision="2"
+                                            :value="
+                                                massDetailInfo.overdueNotCloseNum
+                                            "
+                                            title="已逾期数"
+                                        ></el-statistic>
+                                    </div>
+                                    <div>
+                                        <div></div>
+                                        <el-statistic
+                                            group-separator=","
+                                            :precision="2"
+                                            :value="massDetailInfo.reviewNum"
+                                            title="累计闭合"
+                                        ></el-statistic>
+                                    </div>
+                                </div>
+                            </div>
                         </div>
-                        <div>{{ item.percent }}%</div>
-                        <div>{{ item.count }}</div>
-                      </div>
                     </div>
-                  </div>
-                  <img src="@/assets/images/bthgIcon/bg_mass.png" alt="" />
-                </div>
-                <div>
-                  <div>
-                    <div></div>
-                    <el-statistic
-                      group-separator=","
-                      :precision="2"
-                      :value="massDetailInfo.dangerNum"
-                      title="隐患总数"
-                    ></el-statistic>
-                  </div>
-                  <div>
-                    <div></div>
-                    <el-statistic
-                      group-separator=","
-                      :precision="2"
-                      :value="massDetailInfo.rectificationDoneNum"
-                      title="已整改数"
-                    ></el-statistic>
-                  </div>
-                  <div>
-                    <div></div>
-                    <el-statistic
-                      group-separator=","
-                      :precision="2"
-                      :value="massDetailInfo.overdueNotCloseNum"
-                      title="已逾期数"
-                    ></el-statistic>
-                  </div>
-                  <div>
-                    <div></div>
-                    <el-statistic
-                      group-separator=","
-                      :precision="2"
-                      :value="massDetailInfo.reviewNum"
-                      title="累计闭合"
-                    ></el-statistic>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-          <div class="main_right">
-            <!-- <div class="main_right_box1">
+                    <div class="main_right">
+                        <!-- <div class="main_right_box1">
               <div>
                 <div class="container_title">首件样板</div>
               </div>
@@ -547,273 +665,310 @@
                 </div>
               </div>
             </div> -->
-            <div class="main_right_box1_new">
-              <div>
-                <div class="container_title">
-                  {{
-                    notificationTypeList[notificationType - 1].notificationName
-                  }}
-                </div>
-                <div class="right-top_header">
-                  <div class="right-top_header_left">
-                    <div
-                      @click="onNotificationClick(item)"
-                      :class="{ active: notificationType == item.id }"
-                      v-for="item in notificationTypeList"
-                      :key="item.id"
-                    >
-                      {{ item.notificationName }}
-                    </div>
-                  </div>
-                </div>
-              </div>
-              <div>
-                <!-- @mouseenter.native="autoScroll1(true)"
+                        <div class="main_right_box1_new">
+                            <div>
+                                <div class="container_title">
+                                    {{
+                                        notificationTypeList[
+                                            notificationType - 1
+                                        ].notificationName
+                                    }}
+                                </div>
+                                <div class="right-top_header">
+                                    <div class="right-top_header_left">
+                                        <div
+                                            @click="onNotificationClick(item)"
+                                            :class="{
+                                                active:
+                                                    notificationType == item.id,
+                                            }"
+                                            v-for="item in notificationTypeList"
+                                            :key="item.id"
+                                        >
+                                            {{ item.notificationName }}
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                            <div>
+                                <!-- @mouseenter.native="autoScroll1(true)"
                 @mouseleave.native="autoScroll1(false)" -->
-                <el-table
-                  ref="scroll_Table1"
-                  :height="$fontSize(294)"
-                  @row-click="onClickDialog(9)"
-                  class="el_table"
-                  :data="queryNoticeList"
-                >
-                  <template v-if="notificationType == 2">
-                    <el-table-column
-                      align="center"
-                      prop="msg"
-                      label="通知内容"
-                      show-overflow-tooltip
-                    >
-                    </el-table-column>
-                    <el-table-column
-                      align="center"
-                      prop="type"
-                      label="通知类型"
-                    >
-                      <template slot-scope="scope">
-                        {{ noticeTypeUp(scope.row.type) }}
-                      </template>
-                    </el-table-column>
-                    <el-table-column
-                      align="center"
-                      prop="sendTime"
-                      label="发起时间"
-                    >
-                      <template slot-scope="scope">
-                        {{ scope.row.sendTime }}
-                      </template>
-                    </el-table-column>
-                  </template>
-                  <template v-else-if="notificationType == 1">
-                    <el-table-column
-                      prop="title"
-                      align="center"
-                      label="标题"
-                      show-overflow-tooltip
-                    ></el-table-column>
-                    <el-table-column
-                      prop="issueDepartmentName"
-                      align="center"
-                      label="下发部门"
-                    ></el-table-column>
-                    <el-table-column
-                      prop="uploadTime"
-                      align="center"
-                      label="发起时间"
-                    ></el-table-column>
-                  </template>
-                </el-table>
-              </div>
-            </div>
-            <div class="main_right_box2">
-              <div>
-                <div class="container_title">待办事项</div>
-              </div>
-              <div>
-                <div class="right_box2_header">
-                  <div>
-                    <div
-                      @click="onRouterLink1('UnFinished', FlowCountInfo.total)"
-                    >
-                      <div>{{ FlowCountInfo.total }}</div>
-                      <div>待办</div>
-                    </div>
-                    <img
-                      class="wddb1"
-                      src="@/assets/images/bthgIcon/db_icon1.png"
-                      alt=""
-                    />
-                  </div>
-                  <div
-                    @click="
-                      onRouterLink1('MySubmit', FlowCountInfo.needCall, 1)
-                    "
-                  >
-                    <div>
-                      <!-- <div>{{ FlowCountInfo.safe }}</div>
+                                <el-table
+                                    ref="scroll_Table1"
+                                    :height="$fontSize(294)"
+                                    @row-click="onClickDialog(9)"
+                                    class="el_table"
+                                    :data="queryNoticeList"
+                                >
+                                    <template v-if="notificationType == 2">
+                                        <el-table-column
+                                            align="center"
+                                            prop="msg"
+                                            label="通知内容"
+                                            show-overflow-tooltip
+                                        >
+                                        </el-table-column>
+                                        <el-table-column
+                                            align="center"
+                                            prop="type"
+                                            label="通知类型"
+                                        >
+                                            <template slot-scope="scope">
+                                                {{
+                                                    noticeTypeUp(scope.row.type)
+                                                }}
+                                            </template>
+                                        </el-table-column>
+                                        <el-table-column
+                                            align="center"
+                                            prop="sendTime"
+                                            label="发起时间"
+                                        >
+                                            <template slot-scope="scope">
+                                                {{ scope.row.sendTime }}
+                                            </template>
+                                        </el-table-column>
+                                    </template>
+                                    <template v-else-if="notificationType == 1">
+                                        <el-table-column
+                                            prop="title"
+                                            align="center"
+                                            label="标题"
+                                            show-overflow-tooltip
+                                        ></el-table-column>
+                                        <el-table-column
+                                            prop="issueDepartmentName"
+                                            align="center"
+                                            label="下发部门"
+                                        ></el-table-column>
+                                        <el-table-column
+                                            prop="uploadTime"
+                                            align="center"
+                                            label="发起时间"
+                                        ></el-table-column>
+                                    </template>
+                                </el-table>
+                            </div>
+                        </div>
+                        <div class="main_right_box2">
+                            <div>
+                                <div class="container_title">待办事项</div>
+                            </div>
+                            <div>
+                                <div class="right_box2_header">
+                                    <div>
+                                        <div
+                                            @click="
+                                                onRouterLink1(
+                                                    'UnFinished',
+                                                    FlowCountInfo.total
+                                                )
+                                            "
+                                        >
+                                            <div>{{ FlowCountInfo.total }}</div>
+                                            <div>待办</div>
+                                        </div>
+                                        <img
+                                            class="wddb1"
+                                            src="@/assets/images/bthgIcon/db_icon1.png"
+                                            alt=""
+                                        />
+                                    </div>
+                                    <div
+                                        @click="
+                                            onRouterLink1(
+                                                'MySubmit',
+                                                FlowCountInfo.needCall,
+                                                1
+                                            )
+                                        "
+                                    >
+                                        <div>
+                                            <!-- <div>{{ FlowCountInfo.safe }}</div>
                       <div>安全待办</div> -->
-                      <div>{{ FlowCountInfo.needCall }}</div>
-                      <div>待催办</div>
-                    </div>
-                    <img
-                      class="wddb2"
-                      src="@/assets/images/bthgIcon/db_icon2.png"
-                      alt=""
-                    />
-                  </div>
-                  <div>
-                    <div
-                      @click="onRouterLink1('MySubmit', FlowCountInfo.done, 2)"
-                    >
-                      <!-- <div>{{ FlowCountInfo.quality }}</div>
+                                            <div>
+                                                {{ FlowCountInfo.needCall }}
+                                            </div>
+                                            <div>待催办</div>
+                                        </div>
+                                        <img
+                                            class="wddb2"
+                                            src="@/assets/images/bthgIcon/db_icon2.png"
+                                            alt=""
+                                        />
+                                    </div>
+                                    <div>
+                                        <div
+                                            @click="
+                                                onRouterLink1(
+                                                    'MySubmit',
+                                                    FlowCountInfo.done,
+                                                    2
+                                                )
+                                            "
+                                        >
+                                            <!-- <div>{{ FlowCountInfo.quality }}</div>
                       <div>质量待办</div> -->
-                      <div>{{ FlowCountInfo.done }}</div>
-                      <div>已办结</div>
-                    </div>
-                    <img
-                      class="wddb3"
-                      src="@/assets/images/bthgIcon/db_icon3.png"
-                      alt=""
-                    />
-                  </div>
-                </div>
-                <!-- @mouseenter.native="autoScroll2(true)"
+                                            <div>{{ FlowCountInfo.done }}</div>
+                                            <div>已办结</div>
+                                        </div>
+                                        <img
+                                            class="wddb3"
+                                            src="@/assets/images/bthgIcon/db_icon3.png"
+                                            alt=""
+                                        />
+                                    </div>
+                                </div>
+                                <!-- @mouseenter.native="autoScroll2(true)"
                 @mouseleave.native="autoScroll2(false)" -->
-                <el-table
-                  :max-height="$fontSize(294)"
-                  @row-click="onRouterLink2"
-                  ref="scroll_Table2"
-                  class="el_table"
-                  :data="FlowTodoList"
-                >
-                  <el-table-column
-                    align="center"
-                    prop="processDefName"
-                    label="审批类型"
-                  >
-                    <template slot-scope="scope">
-                      <div class="white_ellipsis_2">
-                        {{ scope.row.processDefName }}
-                      </div>
-                    </template>
-                  </el-table-column>
-                  <el-table-column
-                    align="center"
-                    prop="ownerDeptName"
-                    label="发起人单位"
-                  >
-                  </el-table-column>
-                  <el-table-column align="center" prop="owner" label="发起人">
-                    <template slot-scope="scope">
-                      {{ scope.row.owner.name }}
-                    </template>
-                  </el-table-column>
-                  <el-table-column
-                    align="center"
-                    prop="createTime"
-                    label="提交时间"
-                  >
-                  </el-table-column>
-                  <el-table-column
-                    align="center"
-                    prop="address"
-                    label="审批状态"
-                  >
-                    <template slot-scope="scope"> 待处理 </template>
-                  </el-table-column>
-                </el-table>
-              </div>
-            </div>
-            <div class="main_right_box6">
-              <div>
-                <div class="container_title">承包商考核</div>
-                <div class="right-top_header">
-                  <div class="right-top_header_left">
-                    <div
-                      @click="onContractorClick(item)"
-                      :class="{
-                        active: contractorAssessmentInfo.id == item.id,
-                      }"
-                      v-for="item in contractorAssessmentList"
-                      :key="item.id"
-                    >
-                      {{ item.contractorAssessmentName }}
-                    </div>
-                  </div>
-                </div>
-              </div>
-              <div>
-                <el-carousel :arrow="'never'" :autoplay="false">
-                  <el-carousel-item>
-                    <div
-                      class="card_carousel"
-                      @click.stop="onClickDialog(8, 1)"
-                    >
-                      <div>
-                        <img
-                          src="@/assets/images/bthgIcon/contractor_icon1.png"
-                          alt=""
-                        />
-                      </div>
-                      <div>
-                        <div>监理单位</div>
-                        <div>
-                          {{
-                            rankEnterpriseInfo.supervisor &&
-                            rankEnterpriseInfo.supervisor.enterpriseName
-                          }}
+                                <el-table
+                                    :max-height="$fontSize(294)"
+                                    @row-click="onRouterLink2"
+                                    ref="scroll_Table2"
+                                    class="el_table"
+                                    :data="FlowTodoList"
+                                >
+                                    <el-table-column
+                                        align="center"
+                                        prop="processDefName"
+                                        label="审批类型"
+                                    >
+                                        <template slot-scope="scope">
+                                            <div class="white_ellipsis_2">
+                                                {{ scope.row.processDefName }}
+                                            </div>
+                                        </template>
+                                    </el-table-column>
+                                    <el-table-column
+                                        align="center"
+                                        prop="ownerDeptName"
+                                        label="发起人单位"
+                                    >
+                                    </el-table-column>
+                                    <el-table-column
+                                        align="center"
+                                        prop="owner"
+                                        label="发起人"
+                                    >
+                                        <template slot-scope="scope">
+                                            {{ scope.row.owner.name }}
+                                        </template>
+                                    </el-table-column>
+                                    <el-table-column
+                                        align="center"
+                                        prop="createTime"
+                                        label="提交时间"
+                                    >
+                                    </el-table-column>
+                                    <el-table-column
+                                        align="center"
+                                        prop="address"
+                                        label="审批状态"
+                                    >
+                                        <template slot-scope="scope">
+                                            待处理
+                                        </template>
+                                    </el-table-column>
+                                </el-table>
+                            </div>
                         </div>
-                      </div>
-                    </div>
-                  </el-carousel-item>
-                  <el-carousel-item>
-                    <div
-                      class="card_carousel"
-                      @click.stop="onClickDialog(8, 3)"
-                    >
-                      <div>
-                        <img
-                          src="@/assets/images/bthgIcon/contractor_icon1.png"
-                          alt=""
-                        />
-                      </div>
-                      <div>
-                        <div>施工单位</div>
-                        <div>
-                          {{
-                            rankEnterpriseInfo.construction &&
-                            rankEnterpriseInfo.construction.enterpriseName
-                          }}
+                        <div class="main_right_box6">
+                            <div>
+                                <div class="container_title">承包商考核</div>
+                                <div class="right-top_header">
+                                    <div class="right-top_header_left">
+                                        <div
+                                            @click="onContractorClick(item)"
+                                            :class="{
+                                                active:
+                                                    contractorAssessmentInfo.id ==
+                                                    item.id,
+                                            }"
+                                            v-for="item in contractorAssessmentList"
+                                            :key="item.id"
+                                        >
+                                            {{ item.contractorAssessmentName }}
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                            <div>
+                                <el-carousel :arrow="'never'" :autoplay="false">
+                                    <el-carousel-item>
+                                        <div
+                                            class="card_carousel"
+                                            @click.stop="onClickDialog(8, 1)"
+                                        >
+                                            <div>
+                                                <img
+                                                    src="@/assets/images/bthgIcon/contractor_icon1.png"
+                                                    alt=""
+                                                />
+                                            </div>
+                                            <div>
+                                                <div>监理单位</div>
+                                                <div>
+                                                    {{
+                                                        rankEnterpriseInfo.supervisor &&
+                                                        rankEnterpriseInfo
+                                                            .supervisor
+                                                            .enterpriseName
+                                                    }}
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </el-carousel-item>
+                                    <el-carousel-item>
+                                        <div
+                                            class="card_carousel"
+                                            @click.stop="onClickDialog(8, 3)"
+                                        >
+                                            <div>
+                                                <img
+                                                    src="@/assets/images/bthgIcon/contractor_icon1.png"
+                                                    alt=""
+                                                />
+                                            </div>
+                                            <div>
+                                                <div>施工单位</div>
+                                                <div>
+                                                    {{
+                                                        rankEnterpriseInfo.construction &&
+                                                        rankEnterpriseInfo
+                                                            .construction
+                                                            .enterpriseName
+                                                    }}
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </el-carousel-item>
+                                    <el-carousel-item>
+                                        <div
+                                            class="card_carousel"
+                                            @click.stop="onClickDialog(8, 2)"
+                                        >
+                                            <div>
+                                                <img
+                                                    src="@/assets/images/bthgIcon/contractor_icon1.png"
+                                                    alt=""
+                                                />
+                                            </div>
+                                            <div>
+                                                <div>EPC</div>
+                                                <div>
+                                                    {{
+                                                        rankEnterpriseInfo.epc &&
+                                                        rankEnterpriseInfo.epc
+                                                            .enterpriseName
+                                                    }}
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </el-carousel-item>
+                                </el-carousel>
+                            </div>
                         </div>
-                      </div>
-                    </div>
-                  </el-carousel-item>
-                  <el-carousel-item>
-                    <div
-                      class="card_carousel"
-                      @click.stop="onClickDialog(8, 2)"
-                    >
-                      <div>
-                        <img
-                          src="@/assets/images/bthgIcon/contractor_icon1.png"
-                          alt=""
-                        />
-                      </div>
-                      <div>
-                        <div>EPC</div>
-                        <div>
-                          {{
-                            rankEnterpriseInfo.epc &&
-                            rankEnterpriseInfo.epc.enterpriseName
-                          }}
-                        </div>
-                      </div>
-                    </div>
-                  </el-carousel-item>
-                </el-carousel>
-              </div>
-            </div>
-            <!-- <div class="main_right_box3">
+                        <!-- <div class="main_right_box3">
               <div>
                 <div class="container_title">承包商考核</div>
                 <div class="right-top_header">
@@ -867,218 +1022,278 @@
                 </el-carousel>
               </div>
             </div> -->
-            <div class="main_right_box4">
-              <div>
-                <div class="container_title">焊接合格率</div>
-                <div class="right-top_header">
-                  <div class="right-top_header_left">
+                        <div class="main_right_box4">
+                            <div>
+                                <div class="container_title">焊接合格率</div>
+                                <div class="right-top_header">
+                                    <div class="right-top_header_left">
+                                        <div
+                                            @click="onSelectPersonClick(item)"
+                                            :class="{
+                                                active:
+                                                    screenPersonId == item.id,
+                                            }"
+                                            v-for="item in screenPersonList"
+                                            :key="item.id"
+                                        >
+                                            {{ item.selectPersonName }}
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                            <div
+                                v-if="homePageWeldingList.length != 0"
+                                class="weldChart"
+                                ref="weldChart"
+                            ></div>
+                            <div v-if="homePageWeldingList.length == 0">
+                                <div class="bt_noData">
+                                    <img
+                                        src="@/assets/images/bthgIcon/noData.png"
+                                        alt=""
+                                    />
+                                    <p>暂无数据</p>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="main_right_box5">
+                            <div>
+                                <div class="container_title">人员管理</div>
+                            </div>
+                            <div class="bottomPeopleNum">
+                                <div>
+                                    <img
+                                        src="@/assets/images/bthgIcon/homeOverview_icon1.png"
+                                        alt=""
+                                    />
+                                    <div>监理单位</div>
+                                    <div>
+                                        {{
+                                            homeOverviewCountEnterprise.supervise
+                                        }}个
+                                    </div>
+                                </div>
+                                <div>
+                                    <img
+                                        src="@/assets/images/bthgIcon/homeOverview_icon2.png"
+                                        alt=""
+                                    />
+                                    <div>EPC承包商</div>
+                                    <div>
+                                        {{ homeOverviewCountEnterprise.epc }}个
+                                    </div>
+                                </div>
+                                <div>
+                                    <img
+                                        src="@/assets/images/bthgIcon/homeOverview_icon3.png"
+                                        alt=""
+                                    />
+                                    <div>施工承包商</div>
+                                    <div>
+                                        {{
+                                            homeOverviewCountEnterprise.construction
+                                        }}个
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="personnel_count">
+                                <div @click="onClickDialog(5)">
+                                    <div>
+                                        <div>培训总人数</div>
+                                        <div>
+                                            <span>{{
+                                                selectPersonInfo.toaltPerson &&
+                                                selectPersonInfo.toaltPerson
+                                                    .totalPerson
+                                            }}</span
+                                            >人
+                                        </div>
+                                    </div>
+                                    <img
+                                        src="@/assets/images/bthgIcon/personnel_icon1.png"
+                                        alt=""
+                                    />
+                                </div>
+                                <div @click="onClickDialog(6)">
+                                    <div>
+                                        <div>今日出勤人数</div>
+                                        <div>
+                                            <span>{{
+                                                selectPersonInfo.attendancePerson &&
+                                                selectPersonInfo
+                                                    .attendancePerson
+                                                    .totalPerson
+                                            }}</span
+                                            >人
+                                        </div>
+                                    </div>
+                                    <img
+                                        src="@/assets/images/bthgIcon/personnel_icon2.png"
+                                        alt=""
+                                    />
+                                </div>
+                            </div>
+                            <div class="right-top_header">
+                                <div class="right-top_header_left">
+                                    <div
+                                        @click="onSelectPersonType(item)"
+                                        :class="{
+                                            active: selectPersonType == item.id,
+                                        }"
+                                        v-for="item in selectPersonTypeList"
+                                        :key="item.id"
+                                    >
+                                        {{ item.selectPersonTypeName }}
+                                    </div>
+                                </div>
+                            </div>
+                            <div
+                                class="personnelChart"
+                                ref="personnelChart"
+                            ></div>
+                        </div>
+                    </div>
+                </div>
+                <div class="container_footer">
+                    <div class="main_footer_bottom_top">
+                        <div>地址:九原区哈林格尔镇土黑麻神华科技园1号</div>
+                        <div>版权:国能包头煤化工有限责任公司</div>
+                        <div>运维电话:{{ footerDataInfo.v1 }}</div>
+                    </div>
+                    <div class="main_footer_bottom_bottom">
+                        <div>
+                            <div>国家能源集团</div>
+                            <div>国能包头煤化工有限责任公司</div>
+                        </div>
+                        <div>
+                            <div>神华工程技术有限责任公司</div>
+                            <div>PIP项目管理</div>
+                        </div>
+                    </div>
+                    <div class="main_footer_qrcodebox main_footer_qrcode1">
+                        <div
+                            @click="bindQRCodePreview(1)"
+                            id="qrcode1"
+                            ref="qrCodeDiv1"
+                        />
+                        <div
+                            style="display: none"
+                            id="qrcode3"
+                            ref="qrCodeDiv3"
+                        />
+                        <div>安卓APP下载</div>
+                    </div>
+                    <div class="main_footer_qrcodebox main_footer_qrcode2">
+                        <div
+                            @click="bindQRCodePreview(2)"
+                            id="qrcode2"
+                            ref="qrCodeDiv2"
+                        />
+                        <div
+                            style="display: none"
+                            id="qrcode4"
+                            ref="qrCodeDiv4"
+                        />
+                        <div>{{ footerDataInfo.k2 }}</div>
+                    </div>
+                </div>
+            </div>
+        </vue-scroll>
+        <!-- -->
+        <div class="issue_bulletin" v-if="issueBulletinFlag" id="ball">
+            <div>
+                <div class="header_left">TOP1</div>
+                问题通报
+                <i
+                    @click="issueBulletinFlag = false"
+                    class="el-icon-circle-close"
+                ></i>
+            </div>
+            <div>
+                <!-- @click="onRouterLink1('project/safeSame/inspectionLedger', 1)" -->
+                <div @click="onClickDialog(12, 1)">
+                    <div>安全问题</div>
+                    <img
+                        src="@/assets/images/bthgIcon/issue_bulletin_icon1.png"
+                        alt=""
+                    />
+                    <div>
+                        {{
+                            issueBulletinInfo.security
+                                ? issueBulletinInfo.security
+                                : "暂无"
+                        }}
+                    </div>
+                </div>
+                <!-- @click="onRouterLink1('project/quality/inspectionLedger', 1)" -->
+                <div @click="onClickDialog(12, 2)">
+                    <div>质量问题</div>
+                    <img
+                        src="@/assets/images/bthgIcon/issue_bulletin_icon2.png"
+                        alt=""
+                    />
+                    <div>
+                        {{
+                            issueBulletinInfo.quality
+                                ? issueBulletinInfo.quality
+                                : "暂无"
+                        }}
+                    </div>
+                </div>
+                <!-- @click="onRouterLink1('project/civilConstruction/constructionProblemRecord', 1)" -->
+                <div @click="onClickDialog(12, 3)">
+                    <div>文明施工</div>
+                    <img
+                        src="@/assets/images/bthgIcon/issue_bulletin_icon3.png"
+                        alt=""
+                    />
+                    <div>
+                        {{
+                            issueBulletinInfo.civilize
+                                ? issueBulletinInfo.civilize
+                                : "暂无"
+                        }}
+                    </div>
+                </div>
+            </div>
+        </div>
+        <el-dialog
+            title="提示"
+            :visible.sync="administrationDialog"
+            class="dialog_w1200"
+            :before-close="handleClose"
+        >
+            <!-- <span slot="title">这是一段信息</span> -->
+            <div slot="title" class="dialog_title">快捷通道管理</div>
+            <div class="dialog_container">
+                <div>应用功能</div>
+                <div>
                     <div
-                      @click="onSelectPersonClick(item)"
-                      :class="{ active: screenPersonId == item.id }"
-                      v-for="item in screenPersonList"
-                      :key="item.id"
+                        :class="{ delete_icon: item.moduleIsShow }"
+                        v-for="item in commonModuleAllList"
+                        :key=""
                     >
-                      {{ item.selectPersonName }}
+                        <img :src="item.imageUrl" alt="" />
+                        <div>
+                            <div>{{ item.moduleName }}</div>
+                            <div>{{ item.moduleDesc }}</div>
+                        </div>
+                        <img
+                            v-if="item.moduleIsShow"
+                            @click="deleteUserModules(item.moduleId)"
+                            class="add_icon"
+                            src="@/assets/images/bthgIcon/icon_delete.png"
+                            alt=""
+                        />
+                        <img
+                            v-else
+                            @click="getHomePageSaveUserModules(item.moduleId)"
+                            class="add_icon"
+                            src="@/assets/images/bthgIcon/icon_add.png"
+                            alt=""
+                        />
                     </div>
-                  </div>
-                </div>
-              </div>
-              <div
-                v-if="homePageWeldingList.length != 0"
-                class="weldChart"
-                ref="weldChart"
-              ></div>
-              <div v-if="homePageWeldingList.length == 0">
-                <div class="bt_noData">
-                  <img src="@/assets/images/bthgIcon/noData.png" alt="" />
-                  <p>暂无数据</p>
-                </div>
-              </div>
-            </div>
-            <div class="main_right_box5">
-              <div>
-                <div class="container_title">人员管理</div>
-              </div>
-              <div class="bottomPeopleNum">
-                <div>
-                  <img
-                    src="@/assets/images/bthgIcon/homeOverview_icon1.png"
-                    alt=""
-                  />
-                  <div>监理单位</div>
-                  <div>{{ homeOverviewCountEnterprise.supervise }}个</div>
-                </div>
-                <div>
-                  <img
-                    src="@/assets/images/bthgIcon/homeOverview_icon2.png"
-                    alt=""
-                  />
-                  <div>EPC承包商</div>
-                  <div>{{ homeOverviewCountEnterprise.epc }}个</div>
-                </div>
-                <div>
-                  <img
-                    src="@/assets/images/bthgIcon/homeOverview_icon3.png"
-                    alt=""
-                  />
-                  <div>施工承包商</div>
-                  <div>{{ homeOverviewCountEnterprise.construction }}个</div>
-                </div>
-              </div>
-              <div class="personnel_count">
-                <div @click="onClickDialog(5)">
-                  <div>
-                    <div>培训总人数</div>
-                    <div>
-                      <span>{{
-                        selectPersonInfo.toaltPerson &&
-                        selectPersonInfo.toaltPerson.totalPerson
-                      }}</span
-                      >人
-                    </div>
-                  </div>
-                  <img
-                    src="@/assets/images/bthgIcon/personnel_icon1.png"
-                    alt=""
-                  />
-                </div>
-                <div @click="onClickDialog(6)">
-                  <div>
-                    <div>今日出勤人数</div>
-                    <div>
-                      <span>{{
-                        selectPersonInfo.attendancePerson &&
-                        selectPersonInfo.attendancePerson.totalPerson
-                      }}</span
-                      >人
-                    </div>
-                  </div>
-                  <img
-                    src="@/assets/images/bthgIcon/personnel_icon2.png"
-                    alt=""
-                  />
-                </div>
-              </div>
-              <div class="right-top_header">
-                <div class="right-top_header_left">
-                  <div
-                    @click="onSelectPersonType(item)"
-                    :class="{ active: selectPersonType == item.id }"
-                    v-for="item in selectPersonTypeList"
-                    :key="item.id"
-                  >
-                    {{ item.selectPersonTypeName }}
-                  </div>
-                </div>
-              </div>
-              <div class="personnelChart" ref="personnelChart"></div>
-            </div>
-          </div>
-        </div>
-        <div class="container_footer">
-          <div class="main_footer_bottom_top">
-            <div>地址:九原区哈林格尔镇土黑麻神华科技园1号</div>
-            <div>版权:国能包头煤化工有限责任公司</div>
-            <div>运维电话:{{ footerDataInfo.v1 }}</div>
-          </div>
-          <div class="main_footer_bottom_bottom">
-            <div>
-              <div>国家能源集团</div>
-              <div>国能包头煤化工有限责任公司</div>
-            </div>
-            <div>
-              <div>神华工程技术有限责任公司</div>
-              <div>PIP项目管理</div>
-            </div>
-          </div>
-          <div class="main_footer_qrcodebox main_footer_qrcode1">
-            <div @click="bindQRCodePreview(1)" id="qrcode1" ref="qrCodeDiv1" />
-            <div style="display: none" id="qrcode3" ref="qrCodeDiv3" />
-            <div>安卓APP下载</div>
-          </div>
-          <div class="main_footer_qrcodebox main_footer_qrcode2">
-            <div @click="bindQRCodePreview(2)" id="qrcode2" ref="qrCodeDiv2" />
-            <div style="display: none" id="qrcode4" ref="qrCodeDiv4" />
-            <div>{{ footerDataInfo.k2 }}</div>
-          </div>
-        </div>
-      </div>
-    </vue-scroll>
-    <!-- -->
-    <div class="issue_bulletin" v-if="issueBulletinFlag" id="ball">
-      <div>
-        <div class="header_left">TOP1</div>
-        问题通报
-        <i @click="issueBulletinFlag = false" class="el-icon-circle-close"></i>
-      </div>
-      <div>
-        <!-- @click="onRouterLink1('project/safeSame/inspectionLedger', 1)" -->
-        <div @click="onClickDialog(12, 1)">
-          <div>安全问题</div>
-          <img src="@/assets/images/bthgIcon/issue_bulletin_icon1.png" alt="" />
-          <div>
-            {{
-              issueBulletinInfo.security ? issueBulletinInfo.security : "暂无"
-            }}
-          </div>
-        </div>
-        <!-- @click="onRouterLink1('project/quality/inspectionLedger', 1)" -->
-        <div @click="onClickDialog(12, 2)">
-          <div>质量问题</div>
-          <img src="@/assets/images/bthgIcon/issue_bulletin_icon2.png" alt="" />
-          <div>
-            {{ issueBulletinInfo.quality ? issueBulletinInfo.quality : "暂无" }}
-          </div>
-        </div>
-        <!-- @click="onRouterLink1('project/civilConstruction/constructionProblemRecord', 1)" -->
-        <div @click="onClickDialog(12, 3)">
-          <div>文明施工</div>
-          <img src="@/assets/images/bthgIcon/issue_bulletin_icon3.png" alt="" />
-          <div>
-            {{
-              issueBulletinInfo.civilize ? issueBulletinInfo.civilize : "暂无"
-            }}
-          </div>
-        </div>
-      </div>
-    </div>
-    <el-dialog
-      title="提示"
-      :visible.sync="administrationDialog"
-      class="dialog_w1200"
-      :before-close="handleClose"
-    >
-      <!-- <span slot="title">这是一段信息</span> -->
-      <div slot="title" class="dialog_title">快捷通道管理</div>
-      <div class="dialog_container">
-        <div>应用功能</div>
-        <div>
-          <div
-            :class="{ delete_icon: item.moduleIsShow }"
-            v-for="item in commonModuleAllList"
-            :key=""
-          >
-            <img :src="item.imageUrl" alt="" />
-            <div>
-              <div>{{ item.moduleName }}</div>
-              <div>{{ item.moduleDesc }}</div>
-            </div>
-            <img
-              v-if="item.moduleIsShow"
-              @click="deleteUserModules(item.moduleId)"
-              class="add_icon"
-              src="@/assets/images/bthgIcon/icon_delete.png"
-              alt=""
-            />
-            <img
-              v-else
-              @click="getHomePageSaveUserModules(item.moduleId)"
-              class="add_icon"
-              src="@/assets/images/bthgIcon/icon_add.png"
-              alt=""
-            />
-          </div>
-          <!-- <div class="delete_icon">
+                    <!-- <div class="delete_icon">
             <img src="@/assets/images/bthgIcon/icon_rygl.png" alt="" />
             <div>
               <div>当前项目进度信息</div>
@@ -1086,87 +1301,97 @@
             </div>
             <img class="add_icon" src="@/assets/images/bthgIcon/icon_delete.png" alt="" />
           </div> -->
-        </div>
-      </div>
-    </el-dialog>
+                </div>
+            </div>
+        </el-dialog>
 
-    <el-dialog
-      v-if="allInfo.dialogFlag"
-      :title="allInfo.title"
-      :visible.sync="allInfo.dialogFlag"
-      class="dialog-wrap dialog_w1600"
-      :before-close="handleClose1"
-    >
-      <div v-if="allInfo.dialogType == 1">
-        <WeldingRecord :dialogInfoDetail="dialogInfoDetail" />
-      </div>
-      <div v-else-if="allInfo.dialogType == 2">
-        <InspectionLedgerSafeSame :dialogInfoDetail="dialogInfoDetail" />
-      </div>
-      <div v-else-if="allInfo.dialogType == 3">
-        <InspectionLedgerQuality :dialogInfoDetail="dialogInfoDetail" />
-      </div>
-      <div v-else-if="allInfo.dialogType == 4">
-        <ActualProgressEachDevice :dialogInfoDetail="dialogInfoDetail" />
-      </div>
-      <div v-else-if="allInfo.dialogType == 5">
-        <RosterNew />
-      </div>
-      <div v-else-if="allInfo.dialogType == 6">
-        <PersonnelOverview />
-      </div>
-      <div v-else-if="allInfo.dialogType == 7">
-        <Parameter :dialogInfoDetail="dialogInfoDetail" />
-      </div>
-      <div v-else-if="allInfo.dialogType == 8">
-        <SupervisionUnitAssessment :dialogInfoDetail="dialogInfoDetail" />
-      </div>
-      <div v-else-if="allInfo.dialogType == 9" class="h_738">
-        <messageCenter :notificationType="notificationType"></messageCenter>
-      </div>
-      <div v-else-if="allInfo.dialogType == 10 || allInfo.dialogType == 11">
-        <SupervisionUnitCount :titleFlag="allInfo.title" />
-      </div>
-      <div v-else-if="allInfo.dialogType == 12">
-        <InspectionLedgerExamine :dialogInfoDetail="dialogInfoDetail" />
-      </div>
-    </el-dialog>
-    <!-- 详情 -->
-    <el-dialog
-      :modal-append-to-body="false"
-      class="dialog_w1200"
-      title="详情"
-      :visible.sync="dialogContent"
-    >
-      <div class="p_10_80">
-        <h1 style="text-align: center">{{ detailData.title }}</h1>
-        <div class="detailHeader">
-          <span>{{ detailData.createTime }}</span>
-        </div>
-        <div class="detailContent">
-          <div
-            class="ql-editor"
-            style="white-space: pre-wrap"
-            v-html="detailData.content"
-          ></div>
-        </div>
-        <div class="dialog-footer">
-          <el-button
-            type="primary"
-            icon="el-icon-circle-check"
-            @click="dialogContent = false"
-            size="medium"
-            >确定</el-button
-          >
-        </div>
-      </div>
-    </el-dialog>
-    <el-image-viewer
-      :on-close="closeImgViewer"
-      v-if="showViewer"
-      :url-list="urlList"
-    />
-  </div>
+        <el-dialog
+            v-if="allInfo.dialogFlag"
+            :title="allInfo.title"
+            :visible.sync="allInfo.dialogFlag"
+            class="dialog-wrap dialog_w1600"
+            :before-close="handleClose1"
+        >
+            <div v-if="allInfo.dialogType == 1">
+                <WeldingRecord :dialogInfoDetail="dialogInfoDetail" />
+            </div>
+            <div v-else-if="allInfo.dialogType == 2">
+                <InspectionLedgerSafeSame
+                    :dialogInfoDetail="dialogInfoDetail"
+                />
+            </div>
+            <div v-else-if="allInfo.dialogType == 3">
+                <InspectionLedgerQuality :dialogInfoDetail="dialogInfoDetail" />
+            </div>
+            <div v-else-if="allInfo.dialogType == 4">
+                <ActualProgressEachDevice
+                    :dialogInfoDetail="dialogInfoDetail"
+                />
+            </div>
+            <div v-else-if="allInfo.dialogType == 5">
+                <RosterNew />
+            </div>
+            <div v-else-if="allInfo.dialogType == 6">
+                <PersonnelOverview />
+            </div>
+            <div v-else-if="allInfo.dialogType == 7">
+                <Parameter :dialogInfoDetail="dialogInfoDetail" />
+            </div>
+            <div v-else-if="allInfo.dialogType == 8">
+                <SupervisionUnitAssessment
+                    :dialogInfoDetail="dialogInfoDetail"
+                />
+            </div>
+            <div v-else-if="allInfo.dialogType == 9" class="h_738">
+                <messageCenter
+                    :notificationType="notificationType"
+                ></messageCenter>
+            </div>
+            <div
+                v-else-if="allInfo.dialogType == 10 || allInfo.dialogType == 11"
+            >
+                <SupervisionUnitCount :titleFlag="allInfo.title" />
+            </div>
+            <div v-else-if="allInfo.dialogType == 12">
+                <InspectionLedgerExamine :dialogInfoDetail="dialogInfoDetail" />
+            </div>
+        </el-dialog>
+        <!-- 详情 -->
+        <el-dialog
+            :modal-append-to-body="false"
+            class="dialog_w1200"
+            title="详情"
+            :visible.sync="dialogContent"
+        >
+            <div class="p_10_80">
+                <h1 style="text-align: center">{{ detailData.title }}</h1>
+                <div class="detailHeader">
+                    <span>{{ detailData.createTime }}</span>
+                </div>
+                <div class="detailContent">
+                    <div
+                        class="ql-editor"
+                        style="white-space: pre-wrap"
+                        v-html="detailData.content"
+                    ></div>
+                </div>
+                <div class="dialog-footer">
+                    <el-button
+                        type="primary"
+                        icon="el-icon-circle-check"
+                        @click="dialogContent = false"
+                        size="medium"
+                        >确定</el-button
+                    >
+                </div>
+            </div>
+        </el-dialog>
+        <el-image-viewer
+            :on-close="closeImgViewer"
+            v-if="showViewer"
+            :url-list="urlList"
+        />
+    </div>
 </template>
 <script>
 import messageCenter from "@/views/messageV2.vue";
@@ -1189,3864 +1414,3961 @@ import "echarts-gl";
 import vhead from "@/components/header";
 import videoModule from "@/components/videoModule/videoModule";
 import {
-  hidePluginWindow,
-  showPluginWindow,
+    hidePluginWindow,
+    showPluginWindow,
 } from "@/components/videoModule/isc_plugin/video_isc_plugin.js";
 import { getVideoItemListApi } from "@/assets/js/api/towerCrane";
 import {
-  getDeviceScheduleListApi,
-  getDeviceYearListApi,
+    getDeviceScheduleListApi,
+    getDeviceYearListApi,
 } from "@/assets/js/api/scheduleInfo";
 import {
-  getQueryScheduleYearListApi,
-  getQueryScheduleDetailListApi,
-  getHomePageCountSafeApi,
-  getHomePageCountSafeResponsibleUnitApi,
-  getHomePageCountSafeTypeProblemApi,
-  getHomePageCountQualityApi,
-  getHomePageCountQualityResponsibleUnitApi,
-  getHomePageCountQualityTechnologyApi,
-  getHomePageRankEnterpriseApi,
-  getHomePageRankWeldingPassRateApi,
-  getHomePageCountSceneExposeSpecialApi,
-  getHomePageSelectPersonTypeAndEduStatisticsApi,
-  getHomePageSelectProjectComapnyWorkTotalListApi,
-  getHomePageCountConstructionStateApi,
-  getHomePageQueryNoticePageApi,
-  getHomePageIssueBulletinApi,
-  getHomePageSelectEnableVideoItemApi,
-  getHomePageModuleListApi,
-  getHomePageSaveUserModulesApi,
-  getHomePageQueryUserModuleListApi,
-  getHomePageFlowCountApi,
-  getHomePageFlowTodoListApi,
-  getHomePageCountEnterpriseApi,
+    getQueryScheduleYearListApi,
+    getQueryScheduleDetailListApi,
+    getHomePageCountSafeApi,
+    getHomePageCountSafeResponsibleUnitApi,
+    getHomePageCountSafeTypeProblemApi,
+    getHomePageCountQualityApi,
+    getHomePageCountQualityResponsibleUnitApi,
+    getHomePageCountQualityTechnologyApi,
+    getHomePageRankEnterpriseApi,
+    getHomePageRankWeldingPassRateApi,
+    getHomePageCountSceneExposeSpecialApi,
+    getHomePageSelectPersonTypeAndEduStatisticsApi,
+    getHomePageSelectProjectComapnyWorkTotalListApi,
+    getHomePageCountConstructionStateApi,
+    getHomePageQueryNoticePageApi,
+    getHomePageIssueBulletinApi,
+    getHomePageSelectEnableVideoItemApi,
+    getHomePageModuleListApi,
+    getHomePageSaveUserModulesApi,
+    getHomePageQueryUserModuleListApi,
+    getHomePageFlowCountApi,
+    getHomePageFlowTodoListApi,
+    getHomePageCountEnterpriseApi,
 } from "@/assets/js/api/homePage.js";
 import { getUserTodoListBaotou } from "@/assets/js/api/workSpace/api/processTask";
 import {
-  getPlanRecordTreePage,
-  getPlanCurvePlanRecord,
-  getPlanPbsTreePage,
+    getPlanRecordTreePage,
+    getPlanCurvePlanRecord,
+    getPlanPbsTreePage,
 } from "@/assets/js/api/scheduleManage";
 import { getWeldingWorker } from "@/assets/js/api/pipelineWelding";
 import { getPartyBuildingGuidanceInfo } from "@/assets/js/api/guidancePartyBuilding";
 import { getProjectDetail } from "@/assets/js/api/baseInfo.js";
 import {
-  getGroupListByCompanyApi,
-  jumpLargeUserInfoApi,
+    getGroupListByCompanyApi,
+    jumpLargeUserInfoApi,
 } from "@/assets/js/api/loginSign.js";
 import {
-  getAllModuleApi,
-  getNewUserAllModulePageApi,
+    getAllModuleApi,
+    getNewUserAllModulePageApi,
 } from "@/assets/js/api/jxjadmin.js";
 import { getComapnyStatisticsSupplierListApi } from "@/assets/js/api/company/project";
 import { getappVersionListApi } from "@/assets/js/api/jxjadmin.js";
 import {
-  getProjectConfigPageApi,
-  getHomeNoticePageApi,
+    getProjectConfigPageApi,
+    getHomeNoticePageApi,
 } from "@/assets/js/api/configManage";
 import { isJSON } from "@/util/nowDate";
 import { getVideoTreeGroupVideoApi } from "@/assets/js/api/equipmentCenter/cameraList";
 import QRCode from "qrcodejs2";
 export default {
-  name: "workSpace",
-  components: {
-    vhead,
-    videoModule,
-    WeldingRecord,
-    InspectionLedgerSafeSame,
-    InspectionLedgerQuality,
-    ActualProgressEachDevice,
-    RosterNew,
-    PersonnelOverview,
-    Parameter,
-    SupervisionUnitAssessment,
-    SupervisionUnitCount,
-    InspectionLedgerExamine,
-    ElImageViewer,
-    messageCenter,
-  },
-  data() {
-    return {
-      workSpaceShow: false,
-      projectSn: "",
-      projectName: "",
-      selectGroupDialog: false,
-      groupListData: [],
-      selectedDataSn: "",
-      postMessageDataList: [],
-      value2: 1314,
-      title: "增长人数",
-
-      showViewer: false,
-      urlList: [],
-      dialogInfoDetail: {},
-      searchName: "",
-      carouselList: [
-        // {
-        //   id: 1,
-        //   imageUrl: require('@/assets/images/bthgIcon/icon1.png'),
-        //   title: '项目建设总体目标',
-        //   content:
-        //     '贯彻习近平总书记视察国家能源集团榆林化工重要讲话精神，建成技术先进、安全稳定、节能环保的国产化、低碳化、高端化、智慧化煤化工升级示范工程2026年底项目全面建成投料。'
-        // },
-        // {
-        //   id: 2,
-        //   imageUrl: require('@/assets/images/bthgIcon/icon2.png'),
-        //   title: '项目进度控制目标',
-        //   content: '以计划管理为主线，统筹安全、质量、投资管控，科学决策、精心组织、协调推进，2026年底项目全面建成投料。'
-        // },
-        // {
-        //   id: 3,
-        //   imageUrl: require('@/assets/images/bthgIcon/icon3.png'),
-        //   title: '项目安全管理目标',
-        //   content: '以“安全零伤害”为项目安全终极目标，强化风险预控，不发生重伤及以上安全事故、不损害健康、不污染环境、不浪费能源。'
-        // },
-        // {
-        //   id: 4,
-        //   imageUrl: require('@/assets/images/bthgIcon/icon4.png'),
-        //   title: '项目质量管理目标',
-        //   content: '以“质量无隐患”为项目质量终极目标，严格过程控制，工程质量合格率100%，焊接检测一次合格率97%以上，打造精品，争创国优。'
-        // }
-        {
-          id: 2,
-          imageUrl: require("@/assets/images/bthgIcon/bg2.jpg"),
-        },
-        {
-          id: 3,
-          imageUrl: require("@/assets/images/bthgIcon/bg3.jpg"),
-        },
-        {
-          id: 4,
-          imageUrl: require("@/assets/images/bthgIcon/bg4_index.jpg"),
-        },
-      ],
-      firstPieceTemplateList: [
-        // {
-        //   id: 1,
-        //   imageUrl: require('@/assets/images/bthgIcon/bg1.jpg')
-        // },
-        // {
-        //   id: 2,
-        //   imageUrl: require('@/assets/images/bthgIcon/bg2.jpg')
-        // },
-        // {
-        //   id: 3,
-        //   imageUrl: require('@/assets/images/bthgIcon/bg3.jpg')
-        // },
-        // {
-        //   id: 4,
-        //   imageUrl: require('@/assets/images/bthgIcon/bg4.jpg')
-        // }
-      ],
-      administrationDialog: false,
-      videoList: [],
-      propsList: {
-        value: "itemId",
-        label: "name",
-        children: "children",
-        // checkStrictly: true,
-        emitPath: false,
-      },
-      selectList: [], //视频数据源
-      videoId: "",
-      deviceYearInfo: {},
-      deviceScheduleList: [],
-      deviceYearList: [],
-      safeMassTimeList: [
-        {
-          id: 1,
-          yearName: "全部",
-        },
-        {
-          id: 2,
-          yearName: "近一周",
-        },
-        {
-          id: 3,
-          yearName: "最近30天",
-        },
-        {
-          id: 4,
-          yearName: "最近一年",
-        },
-      ],
-      safeTimeInfo: {
-        id: 1,
-        inspectStartTime: "",
-        inspectEndTime: "",
-      },
-      safeDetailInfo: {},
-      safeProblemList: [],
-      massTimeInfo: {
-        id: 1,
-        inspectStartTime: "",
-        inspectEndTime: "",
-      },
-      massDetailInfo: {},
-      massProblemList: [],
-      notificationTypeList: [
-        {
-          id: 1,
-          notificationName: "通知公告",
-        },
-        {
-          id: 2,
-          notificationName: "系统提醒",
-        },
-      ],
-      notificationType: 1,
-      contractorAssessmentList: [
-        {
-          id: 1,
-          contractorAssessmentName: "本月",
-        },
-        {
-          id: 2,
-          contractorAssessmentName: "上月",
-        },
-      ],
-      contractorAssessmentInfo: {
-        id: 1,
-      },
-      screenPersonId: 1,
-      screenPersonList: [
-        {
-          id: 1,
-          selectPersonName: "按装置",
-        },
-        {
-          id: 2,
-          selectPersonName: "按人员",
-        },
-      ],
-      homePageWeldingList: [], // 焊接合格率
-      specialId: 1,
-      specialList: [
-        {
-          id: 1,
-          specialName: "近一周",
-        },
-        {
-          id: 2,
-          specialName: "最近30天",
-        },
-      ],
-      homePageSpecialList: [], // 文明施工
-
-      rankEnterpriseInfo: {},
-      selectPersonTypeList: [
-        {
-          id: 1,
-          selectPersonTypeName: "在册人数",
-        },
-        {
-          id: 2,
-          selectPersonTypeName: "出勤人数",
-        },
-        {
-          id: 3,
-          selectPersonTypeName: "在场人数",
-        },
-      ],
-      selectPersonType: 1,
-      selectPersonInfo: {},
-      selectPersonList: [],
-      queryNoticeList: [],
-      issueBulletinFlag: false,
-      issueBulletinInfo: {},
-      commonModuleAllList: [],
-      commonModuleIdsList: [],
-      commonModuleList: [],
-      allInfo: {
-        title: "查看详情",
-        dialogFlag: false,
-        dialogType: 1,
-      },
-      // 待办事项统计
-      FlowCountInfo: {},
-      FlowTodoList: [],
-      scrolltimer1: "", // 自动滚动的定时任务
-      scrolltimer2: "", // 自动滚动的定时任务
-      detailData: {},
-      dialogContent: false,
-      massResponsibleUnitList: [],
-      safeResponsibleUnitList: [],
-      planTreeList: [],
-      planPbsTreeList: [],
-      planTreeInfo: {
-        planPbsId: "",
-        planWbsTaskId: "",
-        planPbsIdList: [],
-        planWbsTaskIdList: [],
-      },
-      fastTrackList: [
-        {
-          id: 3,
-          name: "安全管理",
-          path: "/safeSameHomePage",
-        },
-        {
-          id: 4,
-          name: "质量管理",
-          path: "/qualityHomePage",
-        },
-        {
-          id: 2,
-          name: "进度管理",
-          path: "/scheduleManageHomePage",
-        },
-        {
-          id: 1,
-          name: "施工管理",
-          path: "/constructionManageHomePage",
-        },
-        {
-          id: 6,
-          name: "人员管理",
-          path: "/laborHomePage",
-        },
-        {
-          id: 8,
-          name: "质量监督",
-          path: "/qualitySurveillanceHomePage",
-        },
-
-        {
-          id: 5,
-          name: "党建引领",
-          path: "/guidancePartyHomePageBuilding",
-        },
-
-        {
-          id: 7,
-          name: "阳光工程",
-          path: "/sunshineProjectHomePage",
-        },
-      ],
-      projectOrganizationInfo: {
-        projectOrganizationList: [
-          {
-            id: 1,
-            titleName: "项目管理部",
-          },
-          {
-            id: 2,
-            titleName: "设计管理部",
-          },
-          {
-            id: 3,
-            titleName: "采购管理部",
-          },
-          {
-            id: 4,
-            titleName: "施工管理部",
-          },
-          {
-            id: 5,
-            titleName: "商务管理部",
-          },
-          {
-            id: 7,
-            titleName: "综合办公室",
-          },
-          {
-            id: 8,
-            titleName: "财务部",
-          },
-          {
-            id: 9,
-            titleName: "项目综合部",
-          },
-          {
-            id: 10,
-            titleName: "政府协调组",
-          },
-          {
-            id: 11,
-            titleName: "党建工作组",
-          },
-          {
-            id: 6,
-            titleName: "安质环部",
-          },
-        ],
-        projectOrganizationList2: [
-          {
-            id: 1,
-            titleName: "系统工程",
-          },
-          {
-            id: 2,
-            titleName: "公用工程",
-          },
-          {
-            id: 3,
-            titleName: "空分气化",
-          },
-          {
-            id: 4,
-            titleName: "净化甲醇",
-          },
-          {
-            id: 5,
-            titleName: "MTO",
-          },
-          {
-            id: 6,
-            titleName: "两聚",
-          },
-        ],
-        projectOrganizationList3: [
-          {
-            id: 1,
-            titleName: "EPC",
-          },
-          {
-            id: 2,
-            titleName: "EPC",
-          },
-          {
-            id: 3,
-            titleName: "EPC",
-          },
-          {
-            id: 4,
-            titleName: "EPC",
-          },
-          {
-            id: 5,
-            titleName: "EPC",
-          },
-          {
-            id: 6,
-            titleName: "EPC",
-          },
-        ],
-        projectOrganizationList4: [
-          {
-            id: 1,
-            titleName: "施工",
-          },
-          {
-            id: 2,
-            titleName: "施工",
-          },
-          {
-            id: 3,
-            titleName: "施工",
-          },
-          {
-            id: 4,
-            titleName: "施工",
-          },
-          {
-            id: 5,
-            titleName: "施工",
-          },
-          {
-            id: 6,
-            titleName: "施工",
-          },
-        ],
-      },
-      homeOverviewCountEnterprise: {
-        supervise: 0,
-        epc: 0,
-        construction: 0,
-      },
-      footerDataInfoApp: {},
-      footerDataInfo: {},
-      videoSelectFlag: false,
-    };
-  },
-  created() {
-    this.getHomePageIssueBulletin();
-    this.getHomePageQueryNoticePage();
-    this.getVideoItemList();
-    // this.getDeviceYearList();
-    this.getHomePageRankEnterprise();
-    this.getHomePageSelectPersonTypeAndEduStatistics();
-    this.getHomePageModuleList();
-    this.getHomePageQueryUserModuleList();
-    this.getHomePageFlowCount();
-    this.getHomePageFlowTodoList();
-    this.getModuleMenuList();
-    this.getPartyBuildingGuidanceList();
-    this.getPlanPbsTreeList();
-    this.getHomePageCountEnterprise();
-    this.getFooterData();
-    if (!sessionStorage.getItem("wflow-token")) {
-      sessionStorage.setItem("wflow-token", this.$store.state.userInfo.token);
-      sessionStorage.setItem("projectSn", this.$store.state.projectSn);
-      sessionStorage.setItem(
-        "loginUser",
-        JSON.stringify(this.$store.state.userInfo)
-      );
-      this.$store.commit("setStateLoginUser", this.$store.state.userInfo);
-    }
-  },
-  mounted() {
-    this.getHomePageCountConstructionState();
-    this.getHomePageSafeApi();
-    this.getHomePageMassApi();
-    this.getHomePageCountSceneExposeSpecial();
-    this.getHomePageRankWeldingPassRate();
-    this.getHomePageSelectProjectComapnyWorkTotalList();
-    const container_scroll = document.getElementById("container_scroll");
-    container_scroll.addEventListener("scroll", this.handleScroll, true);
-  },
-  beforeDestroy() {
-    const container_scroll = document.getElementById("container_scroll");
-    container_scroll.removeEventListener("scroll", this.handleScroll);
-    hidePluginWindow();
-  },
-  methods: {
-    getHomePageCountEnterprise() {
-      getHomePageCountEnterpriseApi({
-        projectSn: this.$store.state.projectSn,
-      }).then((res) => {
-        if (res.result) {
-          console.log(res);
-          this.homeOverviewCountEnterprise = res.result;
-        }
-      });
+    name: "workSpace",
+    components: {
+        vhead,
+        videoModule,
+        WeldingRecord,
+        InspectionLedgerSafeSame,
+        InspectionLedgerQuality,
+        ActualProgressEachDevice,
+        RosterNew,
+        PersonnelOverview,
+        Parameter,
+        SupervisionUnitAssessment,
+        SupervisionUnitCount,
+        InspectionLedgerExamine,
+        ElImageViewer,
+        messageCenter,
     },
-    onClickRUL(row) {
-      this.$router.push({
-        path: row.path,
-        query: {
-          sideName: "none",
-        },
-      });
-    },
-    animationBall() {
-      // issue_bulletin
-      const ball = document.getElementById("ball");
-      const game = document.getElementById("game");
-
-      let x = 0;
-      let y = 0;
-      let dx = 2;
-      let dy = 3;
-      let updatedRaf = true,
-        fps = 50,
-        //初始化时间戳
-        timer = new Date().getTime();
-      // let dx = Math.floor(Math.random() * 15) + 1;
-      // let dy = Math.floor(Math.random() * 15) + 1;
-
-      function isCollision(box1, box2) {
-        const rect1 = box1.getBoundingClientRect();
-        const rect2 = box2.getBoundingClientRect();
-        // 障碍物碰撞
-        const boxRect = {
-          left: x,
-          top: y,
-          right: x + rect1.width,
-          bottom: y + rect1.height,
-        };
-        if (rect1.width == 0) return false;
-        // console.log('rect2', rect2);
-        // return (
-        //   rect1.left < rect2.left + rect2.width &&
-        //   rect1.left + rect1.width > rect2.left &&
-        //   rect1.top < rect2.top + rect2.height &&
-        //   rect1.top + rect1.height > rect2.top
-        // );
-        return (
-          boxRect.left < rect2.right &&
-          boxRect.right > rect2.left &&
-          boxRect.top < rect2.bottom &&
-          boxRect.bottom > rect2.top
-        );
-      }
-
-      function animation() {
-        if (!updatedRaf) return;
-        if (new Date().getTime() - timer < fps) {
-          return requestAnimationFrame(animation);
-        } else {
-          //刷新时间戳
-          timer = new Date().getTime();
-        }
-        const playVideoBoxHome = document.getElementById("playVideoBoxHome");
-        x += dx;
-        y += dy;
-        // console.log(x + ball.offsetWidth, game.offsetWidth, playVideoBoxHome.offsetLeft, playVideoBoxHome.offsetTop);
-        const xSeetp = x + ball.offsetWidth;
-        const ySeetp = y + ball.offsetHeight;
-
-        const collided = isCollision(ball, playVideoBoxHome);
-        if (xSeetp > game.offsetWidth || x < 0) {
-          dx = -dx;
-        }
-        if (ySeetp > game.offsetHeight || y < 0) {
-          dy = -dy;
-        }
-        if (collided) {
-          const rect1 = ball.getBoundingClientRect();
-          const rect2 = playVideoBoxHome.getBoundingClientRect();
-          // console.log(rect1);
-          // 障碍物碰撞
-          const boxRect = {
-            left: x,
-            top: y,
-            // right: x + rect1.width,
-            right: rect1.right,
-            // bottom: y + rect1.height
-            bottom: rect1.bottom,
-          };
-          // 计算穿透深度
-          const overlapX = Math.min(
-            boxRect.right - rect2.left,
-            rect2.right - boxRect.left
-          );
-
-          const overlapY = Math.min(
-            boxRect.bottom - rect2.top,
-            rect2.bottom - boxRect.top
-          );
-          // console.log('两个盒子发生碰撞了', rect1.width, y + rect1.height, overlapX, dx, overlapY, dy);
-          // 沿最小穿透方向反弹  2 -2 71 -3 285.8125 -2 3 -3
-          // if (overlapX < overlapY && overlapX > 0) {
-          //   console.log('进来了吗');
-          //   dx = -dx;
-          //   // dy = -dy;
-          //   // updatedRaf = false;
-          //   // return;
-          // } else if (overlapX < overlapY) {
-          //   dx = dx > 0 ? -dx : dx;
-          //   // x += dx > 0 ? -overlapX : overlapX;
-          // } else if (overlapX > overlapY && overlapY > 0) {
-          //   console.log('进来了吗1');
-          //   dy = -dy;
-          // } else {
-          //   dy = dy > 0 ? -dy : dy;
-          //   // y += dy > 0 ? -overlapY : overlapY;
-          // }
-          if (overlapX < overlapY) {
-            dx = -dx;
-          } else {
-            dy = -dy;
-          }
-        }
-
-        ball.style.left = x + "px";
-        ball.style.top = y + "px";
-        // debugger;
-        return requestAnimationFrame(animation);
-      }
-
-      ball.addEventListener("mouseover", (e) => {
-        updatedRaf = false;
-      });
-      ball.addEventListener("mouseleave", (e) => {
-        updatedRaf = true;
-        animation();
-      });
-
-      animation();
-    },
-    getPlanRecordTreeList() {
-      let data = {
-        projectSn: this.$store.state.projectSn,
-        pageNo: 1,
-        pageSize: -1,
-        pbsId: this.planTreeInfo.planPbsId,
-        workType: 2,
-      };
-      getPlanRecordTreePage(data).then((result) => {
-        if (result.success) {
-          this.planTreeList = result.result.records;
-          this.planTreeInfo.planWbsTaskId =
-            this.planTreeList.length > 0 ? this.planTreeList[0].id : "";
-          this.planTreeInfo.planWbsTaskIdList =
-            this.planTreeList.length > 0 ? [this.planTreeList[0].id] : [];
-          this.getDeviceYearList();
-        }
-      });
-    },
-    getPlanPbsTreeList() {
-      getPlanPbsTreePage({
-        projectSn: this.$store.state.projectSn,
-        // title: this.switchScheduleInfo.title,
-        pageNo: 1,
-        pageSize: -1,
-        // seeI: 1
-      }).then((result) => {
-        if (result.success) {
-          this.planPbsTreeList = result.result.records;
-          this.planTreeInfo.planPbsId = "1899717371193204738";
-          this.planTreeInfo.planPbsIdList = [
-            "1899399002701553665",
-            "1899714771542614017",
-            "1899717371193204738",
-          ];
-          // this.planTreeInfo.planPbsId = this.planPbsTreeList.length > 0 ? this.planPbsTreeList[0].id : '';
-          // this.planTreeInfo.planPbsIdList = this.planPbsTreeList.length > 0 ? [this.planPbsTreeList[0].id] : [];
-          this.getPlanRecordTreeList();
-        }
-      });
-    },
-    //显示检查详细弹框
-    showDetailFn(row) {
-      this.detailData = row;
-      this.dialogContent = true;
-    },
-    showImgView(url) {
-      this.showViewer = true;
-      this.urlList = [url];
-    },
-    closeImgViewer() {
-      console.log("关闭");
-      this.showViewer = false;
-    },
-    onRouterLink2(row) {
-      this.$router.push({
-        name: "UnFinished",
-        // path: '/UnFinished',
-        params: { path: "unfinished", instanceId: row.instanceId },
-      });
-    },
-    onRouterLink1(rowPath, countNum, type) {
-      if (countNum == 0) {
-        return this.$message.warning("当前暂无待办!");
-      }
-      if (rowPath == "MySubmit") {
-        this.$router.push({
-          name: rowPath,
-          query: {
-            customStatus: type,
-          },
-        });
-        return;
-      }
-      if (rowPath == "workSpace") {
-        this.$router.push({
-          name: rowPath,
-          params: { path: "unfinished" },
-        });
-        return;
-      }
-      this.$router.push({ path: rowPath });
-    },
-    onRouterLink(row) {
-      this.$router.push({ path: row.menuList[0].path });
-    },
-    onClickDialog(type, row) {
-      this.allInfo.dialogType = type;
-      if (type == 1) {
-        console.log("row", row);
-        this.allInfo.title = "焊接记录";
-        this.dialogInfoDetail = {
-          ...row,
-        };
-      } else if (type == 2) {
-        this.allInfo.title = "安全";
-        this.dialogInfoDetail = {
-          ...row,
-          inspectStartTime: this.safeTimeInfo.inspectStartTime,
-          inspectEndTime: this.safeTimeInfo.inspectEndTime,
-        };
-      } else if (type == 3) {
-        this.allInfo.title = "质量";
-        this.dialogInfoDetail = {
-          ...row,
-          inspectStartTime: this.massTimeInfo.inspectStartTime,
-          inspectEndTime: this.massTimeInfo.inspectEndTime,
-        };
-      } else if (type == 4) {
-        this.allInfo.title = "进度列表";
-        this.dialogInfoDetail = {
-          ...row,
-          planWbsTaskId: this.planTreeInfo.planWbsTaskId,
-        };
-      } else if (type == 5) {
-        this.allInfo.title = "花名册";
-      } else if (type == 6) {
-        this.allInfo.title = "人员实时动态";
-      } else if (type == 7) {
-        this.allInfo.title = "危大工程台账";
-        this.dialogInfoDetail = {
-          constructionState: row,
-        };
-      } else if (type == 8) {
-        this.allInfo.title = "承包商考核";
-        const objTime = {
-          1: dayjs().startOf("month").format("YYYY-MM"),
-          2: dayjs().add(-1, "month").startOf("month").format("YYYY-MM"),
-        };
-
-        const obj = {
-          1: this.rankEnterpriseInfo.supervisor,
-          2: this.rankEnterpriseInfo.epc,
-          3: this.rankEnterpriseInfo.construction,
-        };
-        if (!obj[row]) return this.$message.warning("当前暂无数据!");
-
-        console.log("objTime", this.rankEnterpriseInfo);
-        this.dialogInfoDetail = {
-          type: row,
-          rankEnterpriseInfo: this.rankEnterpriseInfo,
-          monthTime: objTime[this.contractorAssessmentInfo.id],
-        };
-      } else if (type == 9) {
-        this.allInfo.title = "消息中心";
-      } else if (type == 10) {
-        this.allInfo.title = "监理单位";
-      } else if (type == 11) {
-        this.allInfo.title = "EPC承包商";
-      } else if (type == 12) {
-        this.allInfo.title = "检查待办";
-        this.dialogInfoDetail = {
-          examineName: row,
-        };
-      }
-      this.allInfo.dialogFlag = true;
-    },
-    handleClose1(done) {
-      if (done && typeof done === "function") {
-        done();
-      } else {
-        this.allInfo.dialogFlag = false;
-      }
-    },
-    // 待办事项统计
-    getHomePageFlowCount() {
-      let data = {
-        projectSn: this.$store.state.projectSn,
-      };
-      getHomePageFlowCountApi(data).then((res) => {
-        if (res.code == 200) {
-          console.log("待办事项统计", res);
-          this.FlowCountInfo = res.result;
-        } else {
-          this.$message.error(res.message);
-        }
-      });
-    },
-    // 设置自动滚动
-    autoScroll1(stop) {
-      // 拿到表格中承载数据的div元素
-      const table = this.$refs.scroll_Table1;
-      const divData = table.$refs.bodyWrapper;
-      // 拿到元素后，对元素进行定时增加距离顶部距离，实现滚动效果(此配置为每100毫秒移动1像素)
-      if (stop) {
-        //再通过事件监听，监听到 组件销毁 后，再执行关闭计时器。
-        clearInterval(this.scrolltimer1);
-      } else {
-        this.scrolltimer1 = setInterval(() => {
-          // 元素自增距离顶部1像素
-          divData.scrollTop += 1;
-          // 判断元素是否滚动到底部(可视高度+距离顶部=整个高度)
-          if (
-            divData.clientHeight + divData.scrollTop ==
-            divData.scrollHeight
-          ) {
-            // 重置table距离顶部距离
-            divData.scrollTop = 0;
-            // 重置table距离顶部距离。值=(滚动到底部时，距离顶部的大小) - 整个高度/2
-            // divData.scrollTop = divData.scrollTop - divData.scrollHeight / 2
-          }
-        }, 150); // 滚动速度
-      }
-    },
-    autoScroll2(stop) {
-      // 拿到表格中承载数据的div元素
-      const table = this.$refs.scroll_Table2;
-      const divData = table.$refs.bodyWrapper;
-      // 拿到元素后，对元素进行定时增加距离顶部距离，实现滚动效果(此配置为每100毫秒移动1像素)
-      if (stop) {
-        //再通过事件监听，监听到 组件销毁 后，再执行关闭计时器。
-        window.clearInterval(this.scrolltimer2);
-      } else {
-        this.scrolltimer2 = window.setInterval(() => {
-          // 元素自增距离顶部1像素
-          divData.scrollTop += 1;
-          // 判断元素是否滚动到底部(可视高度+距离顶部=整个高度)
-          if (
-            divData.clientHeight + divData.scrollTop ==
-            divData.scrollHeight
-          ) {
-            // 重置table距离顶部距离
-            divData.scrollTop = 0;
-            // 重置table距离顶部距离。值=(滚动到底部时，距离顶部的大小) - 整个高度/2
-            // divData.scrollTop = divData.scrollTop - divData.scrollHeight / 2
-          }
-        }, 150); // 滚动速度
-      }
-    },
-    // 待办事项查询待办事项列表
-    getHomePageFlowTodoList() {
-      let data = {
-        projectSn: this.$store.state.projectSn,
-        pageSize: 2,
-        pageNo: 1,
-      };
-      // getHomePageFlowTodoListApi
-      getUserTodoListBaotou(data).then((res) => {
-        if (res.status == 200) {
-          console.log("待办事项查询待办事项列表", res);
-          this.FlowTodoList = res.data.records;
-          // if (this.FlowTodoList.length >= 10) {
-          //   this.autoScroll2(false);
-          // }
-        }
-      });
-    },
-    // 快捷通道管理
-    onClickAdministration() {
-      this.commonModuleAllList = this.commonModuleAllList.map((item) => {
-        const findIndex = this.commonModuleList.findIndex(
-          (ele) => ele.moduleId == item.moduleId
-        );
+    data() {
         return {
-          ...item,
-          moduleIsShow: findIndex > -1,
-        };
-      });
-      this.commonModuleIdsList = this.commonModuleList.map(
-        (item) => item.moduleId
-      );
-      this.administrationDialog = true;
-    },
-    // 关闭前执行
-    handleClose(done) {
-      if (done && typeof done === "function") {
-        done();
-      } else {
-        this.administrationDialog = false;
-      }
-    },
-    // 查询全部模块
-    getModuleMenuList() {
-      getNewUserAllModulePageApi({
-        projectSn: this.$store.state.projectSn,
-        userId: this.$store.state.userInfo.userId,
-      }).then((res) => {
-        console.log(res, "我爱你测试");
-        this.$store.commit("setUserInfo", {
-          ...this.$store.state.userInfo,
-          menuAuthority: {
-            menuList: res.result.menuList,
-            moduleList: res.result.moduleList,
-          },
-        });
-      });
-    },
-    // 删除
-    deleteUserModules(rowId) {
-      const findIndex = this.commonModuleIdsList.findIndex(
-        (item) => item == rowId
-      );
-      if (findIndex > -1) {
-        this.commonModuleIdsList.splice(findIndex, 1);
-        this.getHomePageSaveUserModules();
-      }
-    },
-    // 快捷通道保存账号常用模块信息
-    getHomePageSaveUserModules(rowId) {
-      if (rowId) {
-        this.commonModuleIdsList.push(rowId);
-      }
-      getHomePageSaveUserModulesApi(this.commonModuleIdsList).then((res) => {
-        if (res.code == 200) {
-          console.log("快捷通道保存账号常用模块信息", res);
-          this.$message.success(res.message);
-          this.getHomePageQueryUserModuleList();
-          this.handleClose();
-        } else {
-          this.$message.error(res.message);
-        }
-      });
-    },
-    // 快捷通道列表查询账号常用模块信息
-    getHomePageQueryUserModuleList() {
-      let data = {
-        projectSn: this.$store.state.projectSn,
-      };
-      getHomePageQueryUserModuleListApi(data).then((res) => {
-        if (res.code == 200) {
-          console.log("快捷通道列表查询账号常用模块信息", res);
-          this.commonModuleList = res.result.map((item) => {
-            return {
-              ...item,
-              imageUrl: require(`@/assets/images/bthgIcon/${item.commonIcon}.png`),
-            };
-          });
-        } else {
-          this.$message.error(res.message);
-        }
-      });
-    },
-    // 快捷通道列查询所有的模块列表
-    getHomePageModuleList() {
-      let data = {
-        projectSn: this.$store.state.projectSn,
-      };
-      getHomePageModuleListApi(data).then((res) => {
-        if (res.code == 200) {
-          console.log("快捷通道列查询所有的模块列表", res);
-          this.commonModuleAllList = res.result.moduleList
-            .filter((item) => item.commonIcon && item.pcShow != 2)
-            .map((item) => {
-              return {
-                ...item,
-                imageUrl: require(`@/assets/images/bthgIcon/${item.commonIcon}.png`),
-              };
-            });
-        } else {
-          this.$message.error(res.message);
-        }
-      });
-    },
-    // 问题通报
-    getHomePageIssueBulletin() {
-      let data = {
-        projectSn: this.$store.state.projectSn,
-      };
-      getHomePageIssueBulletinApi(data).then((res) => {
-        if (res.code == 200) {
-          console.log("问题通报", res);
-          this.issueBulletinInfo = res.result;
-          this.issueBulletinFlag = true;
-          // setTimeout(() => {
-          //   this.issueBulletinFlag = false;
-          // }, 30000);
-          this.$nextTick(() => {
-            this.animationBall();
-          });
-        } else {
-          this.$message.error(res.message);
-        }
-      });
-    },
-    onNotificationClick(row) {
-      this.notificationType = row.id;
-      this.getHomePageQueryNoticePage();
-    },
-    getHomePageQueryNoticePage() {
-      let data = {
-        projectSn: this.$store.state.projectSn,
-        pageNo: 1,
-        pageSize: 5,
-      };
-      if (this.notificationType == 1) {
-        data.showHome = 1;
-      }
-      const obj = {
-        1: getHomeNoticePageApi,
-        2: getHomePageQueryNoticePageApi,
-      };
-      obj[this.notificationType](data).then((res) => {
-        if (res.code == 200) {
-          console.log("通知公告分页列表查询消息通知信息", res);
-          this.queryNoticeList = res.result.records.map((item) => {
-            return {
-              ...item,
-              fileUrl:
-                isJSON(item.fileUrl) &&
-                JSON.parse(item.fileUrl) instanceof Array
-                  ? JSON.parse(item.fileUrl)
-                  : [],
-            };
-          });
-          // if (this.queryNoticeList.length >= 10) {
-          //   this.autoScroll1(false);
-          // }
-        } else {
-          this.$message.error(res.message);
-        }
-      });
-    },
-    getHomePageCountConstructionState() {
-      let data = {
-        projectSn: this.$store.state.projectSn,
-      };
-      getHomePageCountConstructionStateApi(data).then((res) => {
-        if (res.code == 200) {
-          console.log("危大工程监控", res.result);
-          const obj = {
-            done: 0,
-            donePer: 0,
-            ing: 0,
-            ingPer: 0,
-            no: 0,
-            noPer: 0,
-          };
-          this.pieEachersChart(res.result);
-        } else {
-          this.$message.error(res.message);
-        }
-      });
-    },
-    pieEachersChart(dataInfo) {
-      // 初始化Echarts实例
-      const pieChart = echarts.init(this.$refs.pieChart);
+            workSpaceShow: false,
+            projectSn: "",
+            projectName: "",
+            selectGroupDialog: false,
+            groupListData: [],
+            selectedDataSn: "",
+            postMessageDataList: [],
+            value2: 1314,
+            title: "增长人数",
 
-      var data = [
-        {
-          name: "未开始",
-          roseType: "area",
-          value: dataInfo.no,
-          valuePer: dataInfo.noPer,
-          itemStyle: { color: "#3BA1FF" },
-          startRatio: 0,
-          endRatio: 0.7,
-        },
-        {
-          name: "进行中",
-          roseType: "area",
-          value: dataInfo.ing,
-          valuePer: dataInfo.ingPer,
-          itemStyle: { color: "#FBC02D" },
-          startRatio: 0.7,
-          endRatio: 1,
-        },
-        {
-          name: "已完成",
-          roseType: "area",
-          value: dataInfo.done,
-          valuePer: dataInfo.donePer,
-          itemStyle: { color: "#0CE4D1" },
-          startRatio: 0.7,
-          endRatio: 1,
-        },
-      ];
-      var optionConfig = {};
-
-      const getPie3D = (pieData, internalDiameterRatio) => {
-        //internalDiameterRatio:透明的空心占比
-        let series = [];
-        let sumValue = 0;
-        let startValue = 0;
-        let endValue = 0;
-        let k = 1;
-        pieData.sort((a, b) => {
-          return b.value - a.value;
-        });
-        // 为每一个饼图数据，生成一个 series-surface 配置
-        for (let i = 0; i < pieData.length; i++) {
-          sumValue += pieData[i].value;
-          let seriesItem = {
-            name:
-              typeof pieData[i].name === "undefined"
-                ? `series${i}`
-                : pieData[i].name,
-            type: "surface",
-            parametric: true,
-            wireframe: {
-              show: false,
-            },
-            pieData: pieData[i],
-            pieStatus: {
-              selected: false,
-              hovered: false,
-              k: k,
-            },
-            radius: "50%",
-            center: ["10%", "10%"],
-          };
-
-          if (typeof pieData[i].itemStyle != "undefined") {
-            let itemStyle = {};
-            typeof pieData[i].itemStyle.color != "undefined"
-              ? (itemStyle.color = pieData[i].itemStyle.color)
-              : null;
-            typeof pieData[i].itemStyle.opacity != "undefined"
-              ? (itemStyle.opacity = pieData[i].itemStyle.opacity)
-              : null;
-            seriesItem.itemStyle = itemStyle;
-          }
-          series.push(seriesItem);
-        }
-
-        // 使用上一次遍历时，计算出的数据和 sumValue，调用 getParametricEquation 函数，
-        // 向每个 series-surface 传入不同的参数方程 series-surface.parametricEquation，也就是实现每一个扇形。
-
-        for (let i = 0; i < series.length; i++) {
-          endValue = startValue + series[i].pieData.value;
-          series[i].pieData.startRatio = startValue / sumValue;
-          series[i].pieData.endRatio = endValue / sumValue;
-          series[i].parametricEquation = getParametricEquation(
-            series[i].pieData.startRatio,
-            series[i].pieData.endRatio,
-            false,
-            false,
-            k,
-            series[i].pieData.value
-          );
-          startValue = endValue;
-        }
-        let boxHeight = getHeight3D(series, 15); //通过传参设定3d饼/环的高度，26代表26px
-        // 准备待返回的配置项，把准备好的 legendData、series 传入。
-        let option = {
-          // backgroundColor: '#fff',
-          labelLine: {
-            show: false,
-          },
-          legend: {
-            align: "left", //图例位置
-            itemGap: this.$fontSize(15), //图例之间的间隔
-            orient: "vertical",
-            x: "right", //可设定图例在左、右、居中
-            y: "center", //可设定图例在上、下、居中
-            padding: [this.$fontSize(20), this.$fontSize(20), 0, 0], //可设定图例[距上方距离，距右方距离，距下方距离，距左方距离]
-            itemWidth: this.$fontSize(10),
-            itemHeight: this.$fontSize(10),
-            formatter: function (e) {
-              const find = data.find((item) => item.name === e);
-              console.log("e111111", find);
-              return `${e} \t | \t ${find.valuePer}% \t${find.value}`;
-            },
-            textStyle: {
-              fontSize: this.$fontSize(14),
-            },
-          },
-          label: {
-            show: true,
-            position: "outside",
-            rich: {
-              b: {
-                fontSize: 24,
-                lineHeight: 30,
-                fontWeight: "bold",
-                color: "#fff",
-              },
-              c: {
-                fontSize: 18,
-                color: "#fff",
-              },
-            },
-            formatter: "{b|{b}}\n{c|{c}%}",
-          },
-          tooltip: {
-            // backgroundColor: '#053A8D',
-            formatter: (params) => {
-              if (
-                params.seriesName !== "mouseoutSeries" &&
-                params.seriesName !== "pie2d"
-              ) {
-                let bfb = (
-                  (option.series[params.seriesIndex].pieData.endRatio -
-                    option.series[params.seriesIndex].pieData.startRatio) *
-                  100
-                ).toFixed(2);
-                bfb = bfb == "NaN" ? 0 : bfb;
-                return (
-                  `${params.seriesName}<br/>` +
-                  `<span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:${params.color};"></span>` +
-                  `${bfb}%`
-                );
-              }
-            },
-          },
-          xAxis3D: {
-            min: -1,
-            max: 1,
-          },
-          yAxis3D: {
-            min: -1,
-            max: 1,
-          },
-          zAxis3D: {
-            min: -1,
-            max: 1,
-          },
-          grid3D: {
-            show: false,
-            boxHeight: boxHeight, //圆环的高度
-            left: -50,
-            top: 0, //3d饼图的位置
-            viewControl: {
-              //3d效果可以放大、旋转等，请自己去查看官方配置
-              alpha: 20, //角度
-              distance: 250, //调整视角到主体的距离，类似调整zoom
-              rotateSensitivity: 0, //设置为0无法旋转
-              zoomSensitivity: 0, //设置为0无法缩放
-              panSensitivity: 0, //设置为0无法平移
-              autoRotate: false, //自动旋转
-            },
-          },
-          series: series,
-        };
-        return option;
-      };
-
-      //获取3d丙图的最高扇区的高度
-      const getHeight3D = (series, height) => {
-        series.sort((a, b) => {
-          return b.pieData.value - a.pieData.value;
-        });
-        const maxValue = series[0].pieData.value ? series[0].pieData.value : 15;
-        return (height * 25) / maxValue;
-      };
-
-      // 生成扇形的曲面参数方程，用于 series-surface.parametricEquation
-      const getParametricEquation = (
-        startRatio,
-        endRatio,
-        isSelected,
-        isHovered,
-        k,
-        h
-      ) => {
-        // 计算
-        let midRatio = (startRatio + endRatio) / 2;
-        let startRadian = startRatio * Math.PI * 2;
-        let endRadian = endRatio * Math.PI * 2;
-        let midRadian = midRatio * Math.PI * 2;
-        // 如果只有一个扇形，则不实现选中效果。
-        if (startRatio === 0 && endRatio === 1) {
-          isSelected = true;
-        }
-        // 通过扇形内径/外径的值，换算出辅助参数 k（默认值 1/3）
-        k = typeof k !== "undefined" ? k : 1 / 3;
-        // 计算选中效果分别在 x 轴、y 轴方向上的位移（未选中，则位移均为 0）
-        let offsetX = isSelected ? Math.cos(midRadian) * 0.1 : 0;
-        let offsetY = isSelected ? Math.sin(midRadian) * 0.1 : 0;
-        // 计算高亮效果的放大比例（未高亮，则比例为 1）
-        let hoverRate = isHovered ? 1.05 : 1;
-        // 返回曲面参数方程
-        return {
-          u: {
-            min: -Math.PI,
-            max: Math.PI * 3,
-            step: Math.PI / 32,
-          },
-          v: {
-            min: 0,
-            max: Math.PI * 2,
-            step: Math.PI / 20,
-          },
-          x: function (u, v) {
-            if (u < startRadian) {
-              return (
-                offsetX +
-                Math.cos(startRadian) * (1 + Math.cos(v) * k) * hoverRate
-              );
-            }
-            if (u > endRadian) {
-              return (
-                offsetX +
-                Math.cos(endRadian) * (1 + Math.cos(v) * k) * hoverRate
-              );
-            }
-            return offsetX + Math.cos(u) * (1 + Math.cos(v) * k) * hoverRate;
-          },
-          y: function (u, v) {
-            if (u < startRadian) {
-              return (
-                offsetY +
-                Math.sin(startRadian) * (1 + Math.cos(v) * k) * hoverRate
-              );
-            }
-            if (u > endRadian) {
-              return (
-                offsetY +
-                Math.sin(endRadian) * (1 + Math.cos(v) * k) * hoverRate
-              );
-            }
-            return offsetY + Math.sin(u) * (1 + Math.cos(v) * k) * hoverRate;
-          },
-          z: function (u, v) {
-            if (u < -Math.PI * 0.5) {
-              return Math.sin(u);
-            }
-            if (u > Math.PI * 2.5) {
-              return Math.sin(u) * h * 0.1;
-            }
-            return Math.sin(v) > 0 ? 1 * h * 0.1 : -1;
-          },
-        };
-      };
-
-      const option = getPie3D(data, 0.8);
-      console.log(option);
-      //是否需要label指引线，如果要就添加一个透明的2d饼状图并调整角度使得labelLine和3d的饼状图对齐，并再次setOption
-      // option.series.push({
-      //   name: 'pie2d',
-      //   type: 'pie',
-      //   startAngle: -25, //起始角度，支持范围[0, 360]。
-      //   clockwise: false, //饼图的扇区是否是顺时针排布。上述这两项配置主要是为了对齐3d的样式
-      //   radius: ['65%', '65%'],
-      //   // center: ['55%', '48%'], //指示线的位置
-      //   data: data,
-      //   itemStyle: {
-      //     opacity: 0
-      //   }
-      // });
-
-      // 渲染图表并呈现在页面中
-      pieChart.setOption(option);
-      pieChart.on("click", (params) => {
-        const objName = {
-          已完成: 3,
-          进行中: 2,
-          未开始: 1,
-        };
-        this.onClickDialog(7, objName[params.seriesName]);
-        console.log(params);
-      });
-      window.addEventListener("resize", () => {
-        pieChart.resize();
-      });
-    },
-    recursion(array) {
-      // 递归 筛选出节点的id
-      return array.map((item) => {
-        if (
-          item.children &&
-          Array.isArray(item.children) &&
-          item.children.length > 0
-        ) {
-          item.children = this.recursion(item.children);
-          return {
-            ...item,
-          };
-        }
-        return {
-          ...item,
-          children: null,
-        };
-      });
-    },
-    getfuzzySearchTree(dataList) {
-        dataList.some((item) => {
-            if (item.children.length > 0) {
-              if (item.children[0].itemId) {
-                this.videoId = item.children[0].itemId;
-                this.getVideo(item.children[0].itemId);
-                return true;
-              }
-              this.getfuzzySearchTree(item.children);
-            } else {
-              this.videoId = "";
-              this.selectList = [];
-            }
-          });
-      },
-    //获取摄像机列表
-    getVideoItemList() {
-      let data = {
-        projectSn: this.$store.state.projectSn,
-        // itemIds: this.detailData.videoItemIds
-      };
-      console.log(data);
-      // getHomePageSelectEnableVideoItemApi(data).then(res => {
-      //   console.log('摄像头列表', res);
-      //   if (res.code == 200) {
-      //     this.videoList = res.result.list.map(item => {
-      //       return {
-      //         ...res.result.projectVideoConfig,
-      //         ...item
-      //       };
-      //     });
-      //     if (this.videoList.length > 0) {
-      //       this.videoId = this.videoList[0].itemId;
-      //       this.getVideo(this.videoList[0].itemId);
-      //     } else {
-      //       this.videoId = '';
-      //       this.selectList = [];
-      //     }
-      //   }
-      // });
-      getVideoTreeGroupVideoApi(data).then((res) => {
-        console.log("摄像头列表", res);
-        if (res.code == 200) {
-          this.videoList = res.result.videoList
-            .filter((item) => item.children.length > 0)
-            .map((item) => {
-              item.children = this.recursion(item.children);
-              return {
-                ...item,
-                itemId: item.id,
-              };
-            });
-          console.log(2112333, this.videoList);
-          this.getfuzzySearchTree(this.videoList);
-          // this.videoList.some((item) => {
-          //   if (item.children.length > 0) {
-          //     if (item.children[0].itemId) {
-          //       this.videoId = item.children[0].itemId;
-          //       this.getVideo(item.children[0].itemId);
-          //       return true;
-          //     }
-          //     item.children.some((ele) => {
-          //       if (ele.children.length > 0) {
-          //         this.videoId = ele.children[0].itemId;
-          //         this.getVideo(ele.children[0].itemId);
-          //         return true;
-          //       } else {
-          //         this.videoId = "";
-          //         this.selectList = [];
-          //       }
-          //     });
-          //   } else {
-          //     this.videoId = "";
-          //     this.selectList = [];
-          //   }
-          // });
-        }
-      });
-    },
-    fuzzySearchTree(treeData, keyword, key = "name", result = []) {
-      for (const node of treeData) {
-        const newNode = { ...node };
-        // 检查当前节点是否匹配关键词
-        if (node[key] && node[key].includes(keyword)) {
-          console.log(777777777777, newNode);
-          result.push(newNode);
-        } else if (node.children && node.children.length > 0) {
-          // 递归查询子节点
-          const childrenResult = this.fuzzySearchTree(
-            node.children,
-            keyword,
-            key,
-            result
-          );
-          // if (childrenResult.length > 0) {
-          //   newNode.children = childrenResult;
-          //   // result.push(newNode);
-          // }
-        }
-      }
-      return result;
-    },
-    //选择的视频
-    getVideo(val) {
-      const searchResult = this.fuzzySearchTree(this.videoList, val, "itemId");
-      console.log(88888, searchResult);
-      this.selectList = searchResult;
-      // this.videoList.forEach(item => {
-      //   const find = item.children.find(ele => ele.itemId == val);
-      //   if (find) {
-      //     this.selectList = [find];
-      //   }
-      // });
-      // for (let i = 0; i < this.videoList.length; i++) {
-      //   if (val == this.videoList[i].itemId) {
-      //     this.selectList = [this.videoList[i]];
-      //   }
-      // }
-    },
-    //下拉框聚焦
-    visibleChange(val) {
-      if (val) {
-        hidePluginWindow();
-      } else {
-        showPluginWindow();
-      }
-      this.videoSelectFlag = val;
-      // if (this.videoList.length > 0 && this.videoList[0].videoType == 3) {
-      //   if (val) {
-      //     hidePluginWindow();
-      //   } else {
-      //     showPluginWindow();
-      //   }
-      //   this.videoSelectFlag = val;
-      // }
-    },
-    //滚动事件
-    handleScroll(event) {
-      console.log(event);
-      if (
-        this.videoSelectFlag ||
-        this.administrationDialog ||
-        this.allInfo.dialogFlag ||
-        this.showViewer ||
-        this.dialogContent ||
-        this.$store.state.messsageCenterDialog
-      )
-        return;
-      // document.documentElement.scrollTop || document.body.scrollTop
-      var scrollTop =
-        this.$refs.containerScroll &&
-        this.$refs.containerScroll.$el.__vue__.$children[0].$el.scrollTop;
-      var offsetTop = document.querySelector("#playVideoBoxHome").offsetTop; // 获取所需元素到文档顶部的距离，然后判断滚动条位置让该元素是否固定定位
-      console.log(111223344, scrollTop, offsetTop);
-      if (scrollTop > offsetTop) {
-        hidePluginWindow();
-      } else {
-        showPluginWindow();
-      }
-    },
-    //查询装置主进度计划年份信息
-    getDeviceYearList() {
-      // let data = {
-      //   projectSn: this.$store.state.projectSn,
-      //   pageNo: 1,
-      //   pageSize: -1,
-      //   deviceUnitId: ''
-      //   // isFilterQualityRegionEnterprise: 1
-      // };
-      // getQueryScheduleYearListApi(data).then(res => {
-      //   if (res.code == 200) {
-      //     this.deviceYearList = [
-      //       {
-      //         id: '',
-      //         year: '全部'
-      //       },
-      //       ...res.result
-      //     ];
-      //     this.deviceYearInfo = this.deviceYearList[0];
-      //     console.log('查询装置主进度计划年份信息', this.deviceYearList);
-      //     this.getDeviceScheduleList();
-      //   } else {
-      //     this.$message.error(res.message);
-      //   }
-      // });
-      this.deviceYearList = [
-        {
-          id: "",
-          year: "全部",
-        },
-      ];
-      this.deviceYearInfo = this.deviceYearList[0];
-      this.deviceScheduleList = [];
-      // this.deviceScheduleList1 = [];
-      // this.getDeviceScheduleList(1);
-      this.getDeviceScheduleList(2);
-    },
-    onDeviceYearClick(row) {
-      if (row.id == this.deviceYearInfo.id) return;
-      this.deviceYearInfo = row;
-      this.getDeviceScheduleList();
-    },
-    getDeviceScheduleList(type) {
-      // let data = {
-      //   projectSn: this.$store.state.projectSn,
-      //   pageNo: 1,
-      //   pageSize: -1,
-      //   deviceUnitId: '',
-      //   year: this.deviceYearInfo.year == '全部' ? '' : this.deviceYearInfo.year
-      //   // isFilterQualityRegionEnterprise: 1
-      // };
-      // getQueryScheduleDetailListApi(data).then(res => {
-      //   if (res.code == 200) {
-      //     this.deviceScheduleList = res.result;
-      //     this.lineCharts(this.$refs.lineCharts);
-      //     console.log('查询装置主进度计划详情信息', this.deviceScheduleList);
-      //   } else {
-      //     this.$message.error(res.message);
-      //   }
-      // });
-      let data = {
-        recordId: this.planTreeInfo.planWbsTaskId,
-        pbsId: this.planTreeInfo.planPbsId,
-        projectSn: this.$store.state.projectSn,
-      };
-      data.year =
-        this.deviceYearInfo.year == "全部" ? "" : this.deviceYearInfo.year;
-
-      getPlanCurvePlanRecord(data).then((res) => {
-        if (res.code == 200) {
-          console.log("查询装置主进度计划信息", res);
-          const obj = {
-            "1899717371193204738": [
-              {
-                time: "2024-12-01",
-                plan: 0.0002,
-                actual: 0.0,
-                planTotal: 0.0002,
-                actualTotal: 0.0,
-              },
-              {
-                time: "2025-01-01",
-                plan: 0.0002,
-                actual: 0.0,
-                planTotal: 0.0004,
-                actualTotal: 0.0,
-              },
-              {
-                time: "2025-02-01",
-                plan: 0.0016,
-                actual: 0,
-                planTotal: 0.002,
-                actualTotal: 0,
-              },
-              {
-                time: "2025-03-01",
-                plan: 0.0556,
-                actual: 0.0575,
-                planTotal: 0.0575,
-                actualTotal: 0.0575,
-              },
-              {
-                time: "2025-04-01",
-                plan: 0.0327,
-                actual: 0.0027,
-                planTotal: 0.0902,
-                actualTotal: 0.0854,
-              },
-              {
-                time: "2025-05-01",
-                plan: 0.0806,
-                actual: 0,
-                planTotal: 0.1708,
-                actualTotal: 0.0854,
-              },
-              {
-                time: "2025-06-01",
-                plan: 0.2717,
-                actual: 0,
-                planTotal: 0.4425,
-                actualTotal: 0.0854,
-              },
-              {
-                time: "2025-07-01",
-                plan: 0.0625,
-                actual: 0,
-                planTotal: 0.5047,
-                actualTotal: 0.0854,
-              },
-              {
-                time: "2025-08-01",
-                plan: 0.0917,
-                actual: 0,
-                planTotal: 0.5964,
-                actualTotal: 0.0854,
-              },
-              {
-                time: "2025-09-01",
-                plan: 0.1501,
-                actual: 0,
-                planTotal: 0.7474,
-                actualTotal: 0.0854,
-              },
-              {
-                time: "2025-10-01",
-                plan: 0.1061,
-                actual: 0,
-                planTotal: 0.8535,
-                actualTotal: 0.0854,
-              },
-              {
-                time: "2025-11-01",
-                plan: 0.0919,
-                actual: 0,
-                planTotal: 0.9454,
-                actualTotal: 0.0854,
-              },
-              {
-                time: "2025-12-01",
-                plan: 0.0508,
-                actual: 0,
-                planTotal: 0.9963,
-                actualTotal: 0.0854,
-              },
-              {
-                time: "2026-01-01",
-                plan: 0.0038,
-                actual: 0,
-                planTotal: 1.0,
-                actualTotal: 0.0854,
-              },
-              {
-                time: "2026-02-01",
-                plan: 0,
-                actual: 0,
-                planTotal: 1,
-                actualTotal: 0.0854,
-              },
-              {
-                time: "2026-03-01",
-                plan: 0,
-                actual: 0,
-                planTotal: 1,
-                actualTotal: 0.0854,
-              },
-              {
-                time: "2026-04-01",
-                plan: 0,
-                actual: 0,
-                planTotal: 1,
-                actualTotal: 0.0854,
-              },
+            showViewer: false,
+            urlList: [],
+            dialogInfoDetail: {},
+            searchName: "",
+            carouselList: [
+                // {
+                //   id: 1,
+                //   imageUrl: require('@/assets/images/bthgIcon/icon1.png'),
+                //   title: '项目建设总体目标',
+                //   content:
+                //     '贯彻习近平总书记视察国家能源集团榆林化工重要讲话精神，建成技术先进、安全稳定、节能环保的国产化、低碳化、高端化、智慧化煤化工升级示范工程2026年底项目全面建成投料。'
+                // },
+                // {
+                //   id: 2,
+                //   imageUrl: require('@/assets/images/bthgIcon/icon2.png'),
+                //   title: '项目进度控制目标',
+                //   content: '以计划管理为主线，统筹安全、质量、投资管控，科学决策、精心组织、协调推进，2026年底项目全面建成投料。'
+                // },
+                // {
+                //   id: 3,
+                //   imageUrl: require('@/assets/images/bthgIcon/icon3.png'),
+                //   title: '项目安全管理目标',
+                //   content: '以“安全零伤害”为项目安全终极目标，强化风险预控，不发生重伤及以上安全事故、不损害健康、不污染环境、不浪费能源。'
+                // },
+                // {
+                //   id: 4,
+                //   imageUrl: require('@/assets/images/bthgIcon/icon4.png'),
+                //   title: '项目质量管理目标',
+                //   content: '以“质量无隐患”为项目质量终极目标，严格过程控制，工程质量合格率100%，焊接检测一次合格率97%以上，打造精品，争创国优。'
+                // }
+                {
+                    id: 2,
+                    imageUrl: require("@/assets/images/bthgIcon/bg2.jpg"),
+                },
+                {
+                    id: 3,
+                    imageUrl: require("@/assets/images/bthgIcon/bg3.jpg"),
+                },
+                {
+                    id: 4,
+                    imageUrl: require("@/assets/images/bthgIcon/bg4_index.jpg"),
+                },
             ],
-            "1899402366709522433": [
-              {
-                time: "2024-11-01",
-                plan: 0.011,
-                actual: 0.0224,
-                planTotal: 0.011,
-                actualTotal: 0.0224,
-              },
-              {
-                time: "2024-12-01",
-                plan: 0.0495,
-                actual: 0.0479,
-                planTotal: 0.0605,
-                actualTotal: 0.0704,
-              },
-              {
-                time: "2025-01-01",
-                plan: 0.0385,
-                actual: 0.0385,
-                planTotal: 0.099,
-                actualTotal: 0.1088,
-              },
-              {
-                time: "2025-02-01",
-                plan: 0.0394,
-                actual: 0.0394,
-                planTotal: 0.1029,
-                actualTotal: 0.1128,
-              },
-              {
-                time: "2025-03-01",
-                plan: 0.0294,
-                actual: 0.0267,
-                planTotal: 0.1323,
-                actualTotal: 0.1395,
-              },
-              {
-                time: "2025-04-01",
-                plan: 0.1143,
-                actual: 0,
-                planTotal: 0.2467,
-                actualTotal: 0,
-              },
-              {
-                time: "2025-05-01",
-                plan: 0.0888,
-                actual: 0,
-                planTotal: 0.3355,
-                actualTotal: 0,
-              },
-              {
-                time: "2025-06-01",
-                plan: 0.0697,
-                actual: 0,
-                planTotal: 0.4052,
-                actualTotal: 0,
-              },
-              {
-                time: "2025-07-01",
-                plan: 0.0691,
-                actual: 0,
-                planTotal: 0.4743,
-                actualTotal: 0,
-              },
-              {
-                time: "2025-08-01",
-                plan: 0.1161,
-                actual: 0,
-                planTotal: 0.5903,
-                actualTotal: 0,
-              },
-              {
-                time: "2025-09-01",
-                plan: 0.1198,
-                actual: 0,
-                planTotal: 0.7101,
-                actualTotal: 0,
-              },
-              {
-                time: "2025-10-01",
-                plan: 0.0322,
-                actual: 0,
-                planTotal: 0.7423,
-                actualTotal: 0,
-              },
+            firstPieceTemplateList: [
+                // {
+                //   id: 1,
+                //   imageUrl: require('@/assets/images/bthgIcon/bg1.jpg')
+                // },
+                // {
+                //   id: 2,
+                //   imageUrl: require('@/assets/images/bthgIcon/bg2.jpg')
+                // },
+                // {
+                //   id: 3,
+                //   imageUrl: require('@/assets/images/bthgIcon/bg3.jpg')
+                // },
+                // {
+                //   id: 4,
+                //   imageUrl: require('@/assets/images/bthgIcon/bg4.jpg')
+                // }
+            ],
+            administrationDialog: false,
+            videoList: [],
+            propsList: {
+                value: "itemId",
+                label: "name",
+                children: "children",
+                // checkStrictly: true,
+                emitPath: false,
+            },
+            selectList: [], //视频数据源
+            videoId: "",
+            deviceYearInfo: {},
+            deviceScheduleList: [],
+            deviceYearList: [],
+            safeMassTimeList: [
+                {
+                    id: 1,
+                    yearName: "全部",
+                },
+                {
+                    id: 2,
+                    yearName: "近一周",
+                },
+                {
+                    id: 3,
+                    yearName: "最近30天",
+                },
+                {
+                    id: 4,
+                    yearName: "最近一年",
+                },
+            ],
+            safeTimeInfo: {
+                id: 1,
+                inspectStartTime: "",
+                inspectEndTime: "",
+            },
+            safeDetailInfo: {},
+            safeProblemList: [],
+            massTimeInfo: {
+                id: 1,
+                inspectStartTime: "",
+                inspectEndTime: "",
+            },
+            massDetailInfo: {},
+            massProblemList: [],
+            notificationTypeList: [
+                {
+                    id: 1,
+                    notificationName: "通知公告",
+                },
+                {
+                    id: 2,
+                    notificationName: "系统提醒",
+                },
+            ],
+            notificationType: 1,
+            contractorAssessmentList: [
+                {
+                    id: 1,
+                    contractorAssessmentName: "本月",
+                },
+                {
+                    id: 2,
+                    contractorAssessmentName: "上月",
+                },
+            ],
+            contractorAssessmentInfo: {
+                id: 1,
+            },
+            screenPersonId: 1,
+            screenPersonList: [
+                {
+                    id: 1,
+                    selectPersonName: "按装置",
+                },
+                {
+                    id: 2,
+                    selectPersonName: "按人员",
+                },
+            ],
+            homePageWeldingList: [], // 焊接合格率
+            specialId: 2,
+            specialList: [
+                {
+                    id: 2,
+                    specialName: "最近30天",
+                },
+                {
+                    id: 1,
+                    specialName: "近一周",
+                },
+            ],
+            homePageSpecialList: [], // 文明施工
 
-              {
-                time: "2025-11-01",
-                plan: 0.0278,
-                actual: 0,
-                planTotal: 0.7701,
-                actualTotal: 0,
-              },
-              {
-                time: "2025-12-01",
-                plan: 0.0389,
-                actual: 0,
-                planTotal: 0.8091,
-                actualTotal: 0,
-              },
-              {
-                time: "2026-01-01",
-                plan: 0.0158,
-                actual: 0,
-                planTotal: 0.8249,
-                actualTotal: 0,
-              },
-              {
-                time: "2026-02-01",
-                plan: 0.0248,
-                actual: 0,
-                planTotal: 0.8497,
-                actualTotal: 0,
-              },
+            rankEnterpriseInfo: {},
+            selectPersonTypeList: [
+                {
+                    id: 1,
+                    selectPersonTypeName: "在册人数",
+                },
+                {
+                    id: 2,
+                    selectPersonTypeName: "出勤人数",
+                },
+                {
+                    id: 3,
+                    selectPersonTypeName: "在场人数",
+                },
+            ],
+            selectPersonType: 1,
+            selectPersonInfo: {},
+            selectPersonList: [],
+            queryNoticeList: [],
+            issueBulletinFlag: false,
+            issueBulletinInfo: {},
+            commonModuleAllList: [],
+            commonModuleIdsList: [],
+            commonModuleList: [],
+            allInfo: {
+                title: "查看详情",
+                dialogFlag: false,
+                dialogType: 1,
+            },
+            // 待办事项统计
+            FlowCountInfo: {},
+            FlowTodoList: [],
+            scrolltimer1: "", // 自动滚动的定时任务
+            scrolltimer2: "", // 自动滚动的定时任务
+            detailData: {},
+            dialogContent: false,
+            massResponsibleUnitList: [],
+            safeResponsibleUnitList: [],
+            planTreeList: [],
+            planPbsTreeList: [],
+            planTreeInfo: {
+                planPbsId: "",
+                planWbsTaskId: "",
+                planPbsIdList: [],
+                planWbsTaskIdList: [],
+            },
+            fastTrackList: [
+                {
+                    id: 3,
+                    name: "安全管理",
+                    path: "/safeSameHomePage",
+                },
+                {
+                    id: 4,
+                    name: "质量管理",
+                    path: "/qualityHomePage",
+                },
+                {
+                    id: 2,
+                    name: "进度管理",
+                    path: "/scheduleManageHomePage",
+                },
+                {
+                    id: 1,
+                    name: "施工管理",
+                    path: "/constructionManageHomePage",
+                },
+                {
+                    id: 6,
+                    name: "人员管理",
+                    path: "/laborHomePage",
+                },
+                {
+                    id: 8,
+                    name: "质量监督",
+                    path: "/qualitySurveillanceHomePage",
+                },
 
-              {
-                time: "2026-03-01",
-                plan: 0.0483,
-                actual: 0,
-                planTotal: 0.8981,
-                actualTotal: 0,
-              },
-              {
-                time: "2026-04-01",
-                plan: 0.049,
-                actual: 0,
-                planTotal: 0.9471,
-                actualTotal: 0,
-              },
-              {
-                time: "2026-05-01",
-                plan: 0.0256,
-                actual: 0,
-                planTotal: 0.9727,
-                actualTotal: 0,
-              },
-              {
-                time: "2026-06-01",
-                plan: 0.0136,
-                actual: 0,
-                planTotal: 0.9863,
-                actualTotal: 0,
-              },
-              {
-                time: "2026-07-01",
-                plan: 0.0137,
-                actual: 0,
-                planTotal: 0.9999,
-                actualTotal: 0,
-              },
-              {
-                time: "2026-08-01",
-                plan: 0,
-                actual: 0,
-                planTotal: 1,
-                actualTotal: 0,
-              },
-              {
-                time: "2026-09-01",
-                plan: 0,
-                actual: 0,
-                planTotal: 1,
-                actualTotal: 0,
-              },
-              {
-                time: "2026-10-01",
-                plan: 0,
-                actual: 0,
-                planTotal: 1,
-                actualTotal: 0,
-              },
-            ],
-            "1899707045882109953": [
-              {
-                time: "2024-11-01",
-                plan: 0.0044,
-                actual: 0.0001,
-                planTotal: 0.0004,
-                actualTotal: 0.0001,
-              },
-              {
-                time: "2024-12-01",
-                plan: 0.0079,
-                actual: 0.0062,
-                planTotal: 0.0082,
-                actualTotal: 0.0064,
-              },
-              {
-                time: "2025-01-01",
-                plan: 0.0186,
-                actual: 0.0247,
-                planTotal: 0.0268,
-                actualTotal: 0.0311,
-              },
-              {
-                time: "2025-02-01",
-                plan: 0.0132,
-                actual: 0.062,
-                planTotal: 0.04,
-                actualTotal: 0.0373,
-              },
-              {
-                time: "2025-03-01",
-                plan: 0.0255,
-                actual: 0.0255,
-                planTotal: 0.0671,
-                actualTotal: 0.0628,
-              },
-              {
-                time: "2025-04-01",
-                plan: 0.0393,
-                actual: 0.0393,
-                planTotal: 0.1061,
-                actualTotal: 0.102,
-              },
-              {
-                time: "2025-05-01",
-                plan: 0.0538,
-                actual: 0,
-                planTotal: 0.1599,
-                actualTotal: 0,
-              },
-              {
-                time: "2025-06-01",
-                plan: 0.0706,
-                actual: 0,
-                planTotal: 0.2304,
-                actualTotal: 0,
-              },
-              {
-                time: "2025-07-01",
-                plan: 0.079,
-                actual: 0,
-                planTotal: 0.3095,
-                actualTotal: 0,
-              },
-              {
-                time: "2025-08-01",
-                plan: 0.1004,
-                actual: 0,
-                planTotal: 0.3998,
-                actualTotal: 0,
-              },
-              {
-                time: "2025-09-01",
-                plan: 0.1214,
-                actual: 0,
-                planTotal: 0.5213,
-                actualTotal: 0,
-              },
-              {
-                time: "2025-10-01",
-                plan: 0.02,
-                actual: 0.0012,
-                planTotal: 0.5413,
-                actualTotal: 0.0012,
-              },
-              {
-                time: "2025-11-01",
-                plan: 0.0372,
-                actual: 0,
-                planTotal: 0.5785,
-                actualTotal: 0,
-              },
-              {
-                time: "2025-12-01",
-                plan: 0.0379,
-                actual: 0,
-                planTotal: 0.6164,
-                actualTotal: 0,
-              },
-              {
-                time: "2026-01-01",
-                plan: 0.0474,
-                actual: 0,
-                planTotal: 0.6638,
-                actualTotal: 0,
-              },
-              {
-                time: "2026-02-01",
-                plan: 0.0325,
-                actual: 0,
-                planTotal: 0.6963,
-                actualTotal: 0,
-              },
-              {
-                time: "2026-03-01",
-                plan: 0.0077,
-                actual: 0,
-                planTotal: 0.704,
-                actualTotal: 0,
-              },
-              {
-                time: "2026-04-01",
-                plan: 0.0583,
-                actual: 0,
-                planTotal: 0.7623,
-                actualTotal: 0,
-              },
-              {
-                time: "2026-05-01",
-                plan: 0.0199,
-                actual: 0,
-                planTotal: 0.7822,
-                actualTotal: 0,
-              },
-              {
-                time: "2026-06-01",
-                plan: 0.1193,
-                actual: 0,
-                planTotal: 0.8815,
-                actualTotal: 0,
-              },
-              {
-                time: "2026-07-01",
-                plan: 0.1394,
-                actual: 0,
-                planTotal: 0.9009,
-                actualTotal: 0,
-              },
-              {
-                time: "2026-08-01",
-                plan: 0.041,
-                actual: 0,
-                planTotal: 0.9419,
-                actualTotal: 0,
-              },
-              {
-                time: "2026-09-01",
-                plan: 0.0239,
-                actual: 0,
-                planTotal: 0.9658,
-                actualTotal: 0,
-              },
-              {
-                time: "2026-10-01",
-                plan: 0.029,
-                actual: 0,
-                planTotal: 0.9948,
-                actualTotal: 0,
-              },
-            ],
-            "1899716729003319298": [
-              {
-                time: "2025-01-01",
-                plan: 0,
-                actual: 0,
-                planTotal: 0.017,
-                actualTotal: 0,
-              },
-              {
-                time: "2025-02-01",
-                plan: 0,
-                actual: 0,
-                planTotal: 0.0253,
-                actualTotal: 0,
-              },
-              {
-                time: "2025-03-01",
-                plan: 0.036,
-                actual: 0,
-                planTotal: 0.0613,
-                actualTotal: 0,
-              },
-              {
-                time: "2025-04-01",
-                plan: 0.0881,
-                actual: 0.1473,
-                planTotal: 0.1494,
-                actualTotal: 0.1473,
-              },
-              {
-                time: "2025-05-01",
-                plan: 0.1263,
-                actual: 0,
-                planTotal: 0.2757,
-                actualTotal: 0,
-              },
-              {
-                time: "2025-06-01",
-                plan: 0.0838,
-                actual: 0,
-                planTotal: 0.3596,
-                actualTotal: 0,
-              },
-              {
-                time: "2025-07-01",
-                plan: 0.0886,
-                actual: 0,
-                planTotal: 0.4482,
-                actualTotal: 0,
-              },
-              {
-                time: "2025-08-01",
-                plan: 0.1468,
-                actual: 0,
-                planTotal: 0.595,
-                actualTotal: 0,
-              },
-              {
-                time: "2025-09-01",
-                plan: 0.1332,
-                actual: 0,
-                planTotal: 0.7282,
-                actualTotal: 0,
-              },
-              {
-                time: "2025-10-01",
-                plan: 0.1151,
-                actual: 0,
-                planTotal: 0.8433,
-                actualTotal: 0,
-              },
-              {
-                time: "2025-11-01",
-                plan: 0.0589,
-                actual: 0,
-                planTotal: 0.9022,
-                actualTotal: 0,
-              },
-              {
-                time: "2025-12-01",
-                plan: 0.0347,
-                actual: 0,
-                planTotal: 0.9368,
-                actualTotal: 0,
-              },
-              {
-                time: "2026-01-01",
-                plan: 0.0122,
-                actual: 0,
-                planTotal: 0.9491,
-                actualTotal: 0,
-              },
-              {
-                time: "2026-02-01",
-                plan: 0.0284,
-                actual: 0,
-                planTotal: 0.9775,
-                actualTotal: 0,
-              },
-              {
-                time: "2026-03-01",
-                plan: 0.009,
-                actual: 0,
-                planTotal: 0.9784,
-                actualTotal: 0,
-              },
-              {
-                time: "2026-04-01",
-                plan: 0.0177,
-                actual: 0,
-                planTotal: 0.9961,
-                actualTotal: 0,
-              },
-              {
-                time: "2026-05-01",
-                plan: 0.039,
-                actual: 0,
-                planTotal: 1,
-                actualTotal: 0,
-              },
-            ],
-            "1899716789845893121": [
-              {
-                time: "2025-01-01",
-                plan: 0.0147,
-                actual: 0,
-                planTotal: 0.0147,
-                actualTotal: 0,
-              },
-              {
-                time: "2025-02-01",
-                plan: 0.012,
-                actual: 0,
-                planTotal: 0.0267,
-                actualTotal: 0,
-              },
-              {
-                time: "2025-03-01",
-                plan: 0.0336,
-                actual: 0,
-                planTotal: 0.0603,
-                actualTotal: 0,
-              },
-              {
-                time: "2025-04-01",
-                plan: 0.0912,
-                actual: 0.158,
-                planTotal: 0.1516,
-                actualTotal: 0.158,
-              },
-              {
-                time: "2025-05-01",
-                plan: 0.1415,
-                actual: 0,
-                planTotal: 0.2931,
-                actualTotal: 0,
-              },
-              {
-                time: "2025-06-01",
-                plan: 0.0856,
-                actual: 0,
-                planTotal: 0.3787,
-                actualTotal: 0,
-              },
-              {
-                time: "2025-07-01",
-                plan: 0.1169,
-                actual: 0,
-                planTotal: 0.4956,
-                actualTotal: 0,
-              },
+                {
+                    id: 5,
+                    name: "党建引领",
+                    path: "/guidancePartyHomePageBuilding",
+                },
 
-              {
-                time: "2025-08-01",
-                plan: 0.0934,
-                actual: 0,
-                planTotal: 0.589,
-                actualTotal: 0,
-              },
-              {
-                time: "2025-09-01",
-                plan: 0.0944,
-                actual: 0,
-                planTotal: 0.6834,
-                actualTotal: 0,
-              },
-              {
-                time: "2025-10-01",
-                plan: 0.129,
-                actual: 0,
-                planTotal: 0.8124,
-                actualTotal: 0,
-              },
-              {
-                time: "2025-11-01",
-                plan: 0.072,
-                actual: 0,
-                planTotal: 0.8844,
-                actualTotal: 0,
-              },
-              {
-                time: "2025-12-01",
-                plan: 0.0403,
-                actual: 0,
-                planTotal: 0.9247,
-                actualTotal: 0,
-              },
-              {
-                time: "2026-01-01",
-                plan: 0.0155,
-                actual: 0,
-                planTotal: 0.9402,
-                actualTotal: 0,
-              },
-              {
-                time: "2026-02-01",
-                plan: 0.382,
-                actual: 0,
-                planTotal: 0.9784,
-                actualTotal: 0,
-              },
-              {
-                time: "2026-03-01",
-                plan: 0,
-                actual: 0,
-                planTotal: 0.9784,
-                actualTotal: 0,
-              },
-              {
-                time: "2026-04-01",
-                plan: 0.55,
-                actual: 0,
-                planTotal: 0.984,
-                actualTotal: 0,
-              },
-              {
-                time: "2026-05-01",
-                plan: 0.16,
-                actual: 0,
-                planTotal: 1,
-                actualTotal: 0,
-              },
-              {
-                time: "2026-06-01",
-                plan: 0,
-                actual: 0,
-                planTotal: 1,
-                actualTotal: 0,
-              },
+                {
+                    id: 7,
+                    name: "阳光工程",
+                    path: "/sunshineProjectHomePage",
+                },
             ],
-            "1899716853611896834": [
-              {
-                time: "2025-01-01",
-                plan: 0,
-                actual: 0,
-                planTotal: 0.01,
-                actualTotal: 0,
-              },
-              {
-                time: "2025-02-01",
-                plan: 0.0079,
-                actual: 0,
-                planTotal: 0.0079,
-                actualTotal: 0,
-              },
-              {
-                time: "2025-03-01",
-                plan: 0.0316,
-                actual: 0,
-                planTotal: 0.0396,
-                actualTotal: 0,
-              },
-              {
-                time: "2025-04-01",
-                plan: 0.0633,
-                actual: 0.0857,
-                planTotal: 0.1029,
-                actualTotal: 0.0857,
-              },
-              {
-                time: "2025-05-01",
-                plan: 0.0997,
-                actual: 0,
-                planTotal: 0.2026,
-                actualTotal: 0,
-              },
-              {
-                time: "2025-06-01",
-                plan: 0.1001,
-                actual: 0,
-                planTotal: 0.3027,
-                actualTotal: 0,
-              },
-              {
-                time: "2025-07-01",
-                plan: 0.082,
-                actual: 0,
-                planTotal: 0.3848,
-                actualTotal: 0,
-              },
-              {
-                time: "2025-08-01",
-                plan: 0.1264,
-                actual: 0,
-                planTotal: 0.5111,
-                actualTotal: 0,
-              },
-              {
-                time: "2025-09-01",
-                plan: 0.1325,
-                actual: 0,
-                planTotal: 0.6436,
-                actualTotal: 0,
-              },
-              {
-                time: "2025-10-01",
-                plan: 0.1233,
-                actual: 0,
-                planTotal: 0.7669,
-                actualTotal: 0,
-              },
-              {
-                time: "2025-11-01",
-                plan: 0.1003,
-                actual: 0,
-                planTotal: 0.8673,
-                actualTotal: 0,
-              },
-              {
-                time: "2025-12-01",
-                plan: 0.0356,
-                actual: 0,
-                planTotal: 0.9028,
-                actualTotal: 0,
-              },
-              {
-                time: "2026-01-01",
-                plan: 0.0359,
-                actual: 0,
-                planTotal: 0.9387,
-                actualTotal: 0,
-              },
-              {
-                time: "2026-02-01",
-                plan: 0.1183,
-                actual: 0,
-                planTotal: 0.9505,
-                actualTotal: 0,
-              },
-              {
-                time: "2026-03-01",
-                plan: 0.0206,
-                actual: 0,
-                planTotal: 0.9711,
-                actualTotal: 0,
-              },
-              {
-                time: "2026-04-01",
-                plan: 0.073,
-                actual: 0,
-                planTotal: 0.9784,
-                actualTotal: 0,
-              },
-              {
-                time: "2026-05-01",
-                plan: 0.05,
-                actual: 0,
-                planTotal: 0.9834,
-                actualTotal: 0,
-              },
-              {
-                time: "2026-06-01",
-                plan: 0.0042,
-                actual: 0,
-                planTotal: 0.9978,
-                actualTotal: 0,
-              },
-            ],
-            "1899717264007766017": [
-              {
-                time: "2025-01-01",
-                plan: 0,
-                actual: 0,
-                planTotal: 0.004,
-                actualTotal: 0,
-              },
-              {
-                time: "2025-02-01",
-                plan: 0.0056,
-                actual: 0,
-                planTotal: 0.006,
-                actualTotal: 0,
-              },
-              {
-                time: "2025-03-01",
-                plan: 0.0406,
-                actual: 0,
-                planTotal: 0.0466,
-                actualTotal: 0,
-              },
-              {
-                time: "2025-04-01",
-                plan: 0.1527,
-                actual: 0.1661,
-                planTotal: 0.1993,
-                actualTotal: 0.1661,
-              },
-              {
-                time: "2025-05-01",
-                plan: 0.151,
-                actual: 0,
-                planTotal: 0.3503,
-                actualTotal: 0,
-              },
-              {
-                time: "2025-06-01",
-                plan: 0.1601,
-                actual: 0,
-                planTotal: 0.5104,
-                actualTotal: 0,
-              },
-              {
-                time: "2025-07-01",
-                plan: 0.1124,
-                actual: 0,
-                planTotal: 0.6227,
-                actualTotal: 0,
-              },
-              {
-                time: "2025-08-01",
-                plan: 0.0863,
-                actual: 0,
-                planTotal: 0.7091,
-                actualTotal: 0,
-              },
-              {
-                time: "2025-09-01",
-                plan: 0.1165,
-                actual: 0,
-                planTotal: 0.8255,
-                actualTotal: 0,
-              },
-              {
-                time: "2025-10-01",
-                plan: 0.0667,
-                actual: 0,
-                planTotal: 0.8923,
-                actualTotal: 0,
-              },
-              {
-                time: "2025-11-01",
-                plan: 0.0379,
-                actual: 0,
-                planTotal: 0.9301,
-                actualTotal: 0,
-              },
-              {
-                time: "2025-12-01",
-                plan: 0.0185,
-                actual: 0,
-                planTotal: 0.9486,
-                actualTotal: 0,
-              },
-              {
-                time: "2026-01-01",
-                plan: 0.2941,
-                actual: 0,
-                planTotal: 0.9781,
-                actualTotal: 0,
-              },
-              {
-                time: "2026-02-01",
-                plan: 0.0383,
-                actual: 0,
-                planTotal: 0.9818,
-                actualTotal: 0,
-              },
-              {
-                time: "2026-03-01",
-                plan: 0.0,
-                actual: 0,
-                planTotal: 0.9818,
-                actualTotal: 0,
-              },
-              {
-                time: "2026-04-01",
-                plan: 0.0182,
-                actual: 0,
-                planTotal: 0.9999,
-                actualTotal: 0,
-              },
-              {
-                time: "2026-05-01",
-                plan: 0.0,
-                actual: 0,
-                planTotal: 1,
-                actualTotal: 0,
-              },
-              {
-                time: "2026-06-01",
-                plan: 0.0,
-                actual: 0,
-                planTotal: 1,
-                actualTotal: 0,
-              },
-            ],
-          };
-          const resultList = obj[this.planTreeInfo.planPbsId] || res.result;
-          this.deviceYearList = resultList.reduce((prev, cur) => {
-            const findIndex = prev.findIndex(
-              (item) => item.year == dayjs(cur.time).format("YYYY")
-            );
-            if (findIndex == -1) {
-              prev.push({
-                id: prev.length,
-                year: dayjs(cur.time).format("YYYY"),
-              });
-            }
-            return prev;
-          }, this.deviceYearList);
-          if (type == 1) {
-            this.deviceScheduleList = resultList.reduce((prev, cur) => {
-              const findIndex = prev.findIndex(
-                (item) =>
-                  item.timeYearMonth == dayjs(cur.time).format("YYYY-MM")
-              );
-              if (findIndex > -1) {
-                prev[findIndex].MonthList.push({
-                  ...cur,
-                  timeDate: dayjs(cur.time).format("DD"),
-                });
-              } else {
-                prev.push({
-                  time: cur.time,
-                  timeYearMonth: dayjs(cur.time).format("YYYY-MM"),
-                  timeMonth: dayjs(cur.time).format("MM"),
-                  MonthList: [
+            projectOrganizationInfo: {
+                projectOrganizationList: [
                     {
-                      ...cur,
-                      timeDate: dayjs(cur.time).format("DD"),
+                        id: 1,
+                        titleName: "项目管理部",
                     },
-                  ],
-                });
-              }
-              return prev;
-            }, []);
-          } else if (type == 2) {
-            this.deviceScheduleList = resultList.map((item) => {
-              return {
-                ...item,
-                plan: item.plan * 100,
-                actual: item.actual * 100,
-                planTotal: item.planTotal * 100,
-                actualTotal: item.actualTotal * 100,
-              };
-            });
-            this.$nextTick(() => {
-              this.lineCharts(this.$refs.lineCharts);
-            });
-          }
-        }
-      });
-    },
-    onPlanPbsChange() {
-      this.planTreeInfo.planPbsId =
-        this.planTreeInfo.planPbsIdList[
-          this.planTreeInfo.planPbsIdList.length - 1
-        ];
-      this.getPlanRecordTreeList();
-    },
-    onPlanWbsTaskChange() {
-      this.planTreeInfo.planWbsTaskId =
-        this.planTreeInfo.planWbsTaskIdList[
-          this.planTreeInfo.planWbsTaskIdList.length - 1
-        ];
-      this.getDeviceYearList();
-    },
-    // 折线图
-    lineCharts(el) {
-      let ageChart = echarts.init(el);
-      console.log(11334455, this.deviceScheduleList);
-      const maxCount = this.deviceScheduleList.reduce((prev, item, index) => {
-        const actual = Number(item.actual);
-        const plan = Number(item.plan);
-        const max = actual > plan ? actual : plan;
-        prev = max > prev ? max : prev;
-        if (this.deviceScheduleList.length == index + 1) {
-          return Math.ceil(prev + prev / 10);
-        }
-        return prev;
-      }, 0); // 最大显示数量
-      const maxCountTotal = this.deviceScheduleList.reduce((prev, item) => {
-        const actual = Number(item.actualTotal);
-        const plan = Number(item.planTotal);
-        const max = actual > plan ? actual : plan;
-        prev = max > prev ? max : prev;
-        return (Math.ceil(prev * 100) / 100).toFixed(2);
-      }, 0); // 最大显示数量
-
-      console.log(maxCount);
-      let option = {
-        tooltip: {
-          trigger: "axis",
-        },
-        // toolbox: {
-        //     feature: {
-        //     dataView: { show: true, readOnly: false },
-        //     magicType: { show: true, type: ['line', 'bar'] },
-        //     restore: { show: true },
-        //     saveAsImage: { show: true }
-        //     }
-        // },
-        legend: {
-          align: "left", //图例位置
-          itemGap: this.$fontSize(13), //图例之间的间隔
-          orient: "vertical",
-          // backgroundColor: '#fac858',
-          // x: 'right', //可设定图例在左、右、居中
-          y: "top", //可设定图例在上、下、居中
-          top: this.$fontSize(50), // 距离顶部 30px
-          right: this.$fontSize(70), // 距离右侧 10px
-          padding: [
-            this.$fontSize(16),
-            this.$fontSize(16),
-            this.$fontSize(16),
-            this.$fontSize(16),
-          ], //可设定图例[距上方距离，距右方距离，距下方距离，距左方距离]
-          data: [
-            {
-              icon: "roundRect",
-              name: "本期计划",
+                    {
+                        id: 2,
+                        titleName: "设计管理部",
+                    },
+                    {
+                        id: 3,
+                        titleName: "采购管理部",
+                    },
+                    {
+                        id: 4,
+                        titleName: "施工管理部",
+                    },
+                    {
+                        id: 5,
+                        titleName: "商务管理部",
+                    },
+                    {
+                        id: 7,
+                        titleName: "综合办公室",
+                    },
+                    {
+                        id: 8,
+                        titleName: "财务部",
+                    },
+                    {
+                        id: 9,
+                        titleName: "项目综合部",
+                    },
+                    {
+                        id: 10,
+                        titleName: "政府协调组",
+                    },
+                    {
+                        id: 11,
+                        titleName: "党建工作组",
+                    },
+                    {
+                        id: 6,
+                        titleName: "安质环部",
+                    },
+                ],
+                projectOrganizationList2: [
+                    {
+                        id: 1,
+                        titleName: "系统工程",
+                    },
+                    {
+                        id: 2,
+                        titleName: "公用工程",
+                    },
+                    {
+                        id: 3,
+                        titleName: "空分气化",
+                    },
+                    {
+                        id: 4,
+                        titleName: "净化甲醇",
+                    },
+                    {
+                        id: 5,
+                        titleName: "MTO",
+                    },
+                    {
+                        id: 6,
+                        titleName: "两聚",
+                    },
+                ],
+                projectOrganizationList3: [
+                    {
+                        id: 1,
+                        titleName: "EPC",
+                    },
+                    {
+                        id: 2,
+                        titleName: "EPC",
+                    },
+                    {
+                        id: 3,
+                        titleName: "EPC",
+                    },
+                    {
+                        id: 4,
+                        titleName: "EPC",
+                    },
+                    {
+                        id: 5,
+                        titleName: "EPC",
+                    },
+                    {
+                        id: 6,
+                        titleName: "EPC",
+                    },
+                ],
+                projectOrganizationList4: [
+                    {
+                        id: 1,
+                        titleName: "施工",
+                    },
+                    {
+                        id: 2,
+                        titleName: "施工",
+                    },
+                    {
+                        id: 3,
+                        titleName: "施工",
+                    },
+                    {
+                        id: 4,
+                        titleName: "施工",
+                    },
+                    {
+                        id: 5,
+                        titleName: "施工",
+                    },
+                    {
+                        id: 6,
+                        titleName: "施工",
+                    },
+                ],
             },
-            {
-              icon: "roundRect",
-              name: "本期实际",
+            homeOverviewCountEnterprise: {
+                supervise: 0,
+                epc: 0,
+                construction: 0,
             },
-            {
-              icon: "circle",
-              name: "累计计划",
-            },
-            {
-              icon: "circle",
-              name: "累计实际",
-            },
-          ],
-          itemWidth: this.$fontSize(10),
-          itemHeight: this.$fontSize(10),
-          textStyle: {
-            fontSize: this.$fontSize(14),
-            color: "rgba(137,153,172,1)",
-          },
-        },
-        grid: {
-          left: "3%",
-          right: "2%",
-          bottom: "3%",
-          top: "5%",
-          containLabel: true,
-        },
-        // toolbox: {
-        //     feature: {
-        //         saveAsImage: {}
-        //     }
-        // },
-        xAxis: {
-          //   name: "月份", //X轴标题
-          type: "category",
-          //   boundaryGap: false,
-          data: this.deviceScheduleList.map((item) =>
-            dayjs(item.time).format("YYYY-MM")
-          ),
-          axisPointer: {
-            type: "shadow",
-          },
-          axisLabel: {
-            interval: 0,
-            rotate: this.$fontSize(40),
-            fontSize: this.$fontSize(14),
-            color: "rgba(137,153,172,1)",
-          },
-          axisLine: {
-            // 轴线
-            show: true,
-            lineStyle: {
-              color: "#0056A8",
-            },
-          },
-        },
-        yAxis: [
-          {
-            name: "进\n度\n%", //Y轴标题
-            type: "value",
-            min: 0,
-            max: maxCount,
-            splitNumber: 8,
-            nameRotate: 0, // 旋转角度
-            nameGap: this.$fontSize(30), // 两个y轴之间的距离
-            nameLocation: "middle",
-            axisTick: {
-              // 轴刻度
-              show: false,
-            },
-            axisLine: {
-              // 轴线
-              show: true,
-              lineStyle: {
-                color: "#0056A8",
-              },
-            },
-            itemStyle: {
-              //颜色 默认灰色
-              color: "rgba(161,163,167,1)",
-            },
-            nameTextStyle: {
-              // verticalAlign: 'bottom',
-              padding: [this.$fontSize(40), 0, 0, 0],
-              fontSize: this.$fontSize(14),
-              color: "rgba(137,153,172,1)",
-            },
-            splitLine: {
-              show: true,
-              lineStyle: {
-                type: "dashed",
-              },
-            },
-            axisLabel: {
-              fontSize: this.$fontSize(14),
-              textAlign: "center",
-              textStyle: {
-                color: "rgba(137,153,172,1)",
-              },
-            },
-          },
-          {
-            name: "累\n计\n%", //Y轴标题
-            min: 0,
-            max: 100,
-            interval: 10,
-            // splitNumber: 8,
-            nameRotate: 0, // 旋转角度
-            nameLocation: "middle",
-            nameGap: this.$fontSize(30), // 两个y轴之间的距离
-            type: "value",
-            axisTick: {
-              // 轴刻度
-              show: false,
-            },
-            axisLine: {
-              // 轴线
-              show: true,
-              lineStyle: {
-                color: "#0056A8",
-              },
-            },
-            itemStyle: {
-              //颜色 默认灰色
-              color: "rgba(161,163,167,1)",
-            },
-            nameTextStyle: {
-              // verticalAlign: 'bottom',
-              padding: [this.$fontSize(40), 0, 0, 0],
-              fontSize: this.$fontSize(14),
-              color: "rgba(137,153,172,1)",
-            },
-            splitLine: {
-              show: false,
-              lineStyle: {
-                type: "dashed",
-              },
-            },
-            axisLabel: {
-              textAlign: "center",
-              fontSize: this.$fontSize(14),
-              color: "rgba(137,153,172,1)",
-            },
-          },
-        ],
-        series: [
-          {
-            name: "本期计划",
-            type: "bar",
-
-            data: this.deviceScheduleList.map((item) =>
-              item.plan == 0 && dayjs(item.time).isAfter(dayjs("2025-04-01"))
-                ? ""
-                : item.plan.toFixed(2)
-            ),
-            itemStyle: {
-              //颜色 默认灰色
-              color: "rgba(255,127,80,1)",
-            },
-            barWidth: this.$fontSize(10), // 设置柱子粗细
-          },
-          {
-            name: "本期实际",
-            type: "bar",
-            // stack: 'Total',
-            data: this.deviceScheduleList.map((item) =>
-              item.actual == 0 && dayjs(item.time).isAfter(dayjs("2025-04-01"))
-                ? ""
-                : item.actual.toFixed(2)
-            ),
-            itemStyle: {
-              //颜色 默认灰色
-              color: "rgba(136,206,251,1)",
-            },
-            barWidth: this.$fontSize(10), // 设置柱子粗细
-          },
-          {
-            name: "累计计划",
-            type: "line",
-            yAxisIndex: 1,
-            // stack: 'Total',
-            data: this.deviceScheduleList.map((item) =>
-              item.planTotal == 0 &&
-              dayjs(item.time).isAfter(dayjs("2025-04-01"))
-                ? ""
-                : item.planTotal.toFixed(2)
-            ),
-            itemStyle: {
-              //颜色 默认灰色
-              color: "rgba(218,112,214,1)",
-            },
-            symbol: "circle", //将小圆点改成实心 不写symbol默认空心
-            symbolSize: this.$fontSize(5), //小圆点的大小
-          },
-          {
-            name: "累计实际",
-            type: "line",
-            yAxisIndex: 1,
-            // stack: 'Total',
-            data: this.deviceScheduleList.map((item) =>
-              item.actualTotal == 0 &&
-              dayjs(item.time).isAfter(dayjs("2025-04-01"))
-                ? ""
-                : item.actualTotal.toFixed(2)
-            ),
-            itemStyle: {
-              //颜色 默认灰色
-              color: "rgba(50,205,50,1)",
-            },
-            symbol: "circle", //将小圆点改成实心 不写symbol默认空心
-            symbolSize: this.$fontSize(5), //小圆点的大小
-          },
-        ],
-        // dataZoom: [
-        //   {
-        //     type: 'slider', //隐藏或显示（true）组件
-        //     show: this.deviceScheduleList.length > 12 ? true : false,
-        //     // backgroundColor: "rgb(19, 63, 100)", // 组件的背景颜色。
-        //     // fillerColor: "rgb(16, 171, 198)", // 选中范围的填充颜色。
-        //     // borderColor: "rgb(19, 63, 100)", // 边框颜色
-        //     showDetail: false, //是否显示detail，即拖拽时候显示详细数值信息
-        //     startValue: 0,
-        //     endValue: 11,
-        //     filterMode: 'empty',
-        //     width: '50%', //滚动条高度
-        //     height: 6, //滚动条显示位置
-        //     left: 'center',
-        //     zoomLoxk: true, // 是否锁定选择区域（或叫做数据窗口）的大小
-        //     handleSize: 0, //控制手柄的尺寸
-        //     bottom: 0 // dataZoom-slider组件离容器下侧的距离
-        //   },
-        //   {
-        //     //没有下面这块的话，只能拖动滚动条，鼠标滚轮在区域内不能控制外部滚动条
-        //     type: 'inside',
-        //     zoomOnMouseWheel: false, //滚轮是否触发缩放
-        //     moveOnMouseMove: true, //鼠标滚轮触发滚动
-        //     moveOnMouseWheel: true
-        //   }
-        // ]
-      };
-      ageChart.setOption(option);
-      ageChart.on("click", (params) => {
-        this.onClickDialog(4, this.deviceScheduleList[params.dataIndex]);
-        console.log(
-          params.dataIndex,
-          this.deviceScheduleList[params.dataIndex]
-        );
-      });
-      window.addEventListener("resize", () => {
-        ageChart.resize();
-      });
-    },
-    // 柱状图
-    safeEacherChart(el, dataList) {
-      const ageChart = echarts.init(el);
-      const option = {
-        grid: {
-          left: "3%",
-          right: "17%",
-          bottom: "5%",
-          top: "11%",
-          containLabel: true,
-        },
-        xAxis: {
-          name: "单位名称",
-          // boundaryGap: false,
-          type: "category",
-          data: dataList.map((item) => item.x),
-          axisTick: {
-            show: false,
-          },
-          axisLine: {
-            show: false,
-          },
-          nameTextStyle: {
-            fontSize: this.$fontSize(14),
-          },
-          axisLabel: {
-            color: "#9F9F9F",
-            show: true,
-            fontSize: this.$fontSize(14),
-            interval: 0,
-            formatter: function (params) {
-              if (params.length > 7) {
-                return params.slice(0, 6) + "...";
-              }
-              return params;
-            },
-          },
-        },
-        tooltip: {
-          show: true,
-          trigger: "axis",
-        },
-        yAxis: {
-          name: "问题数量",
-          minInterval: 1,
-          type: "value",
-          nameTextStyle: {
-            fontSize: this.$fontSize(14),
-          },
-          axisTick: {
-            show: false,
-          },
-          axisLine: {
-            show: false,
-          },
-          axisLabel: {
-            color: "#9F9F9F",
-            fontSize: this.$fontSize(14),
-          },
-          splitLine: {
-            show: true,
-            lineStyle: {
-              type: "dashed",
-            },
-          },
-        },
-        series: [
-          {
-            data: dataList.map((item) => Number(item.y)),
-            type: "bar",
-            itemStyle: {
-              //颜色 默认灰色
-              color: "#82D8E4",
-              emphasis: {
-                color: "#0056A8",
-              },
-            },
-            barWidth: this.$fontSize(30), // 设置柱子粗细
-          },
-        ],
-        dataZoom: [
-          {
-            type: "slider", //隐藏或显示（true）组件
-            show: dataList.length > 3 ? true : false,
-            // backgroundColor: "rgb(19, 63, 100)", // 组件的背景颜色。
-            // fillerColor: "rgb(16, 171, 198)", // 选中范围的填充颜色。
-            // borderColor: "rgb(19, 63, 100)", // 边框颜色
-            showDetail: false, //是否显示detail，即拖拽时候显示详细数值信息
-            startValue: 0,
-            endValue: 3,
-            filterMode: "empty",
-            width: "50%", //滚动条高度
-            height: 6, //滚动条显示位置
-            left: "center",
-            zoomLoxk: true, // 是否锁定选择区域（或叫做数据窗口）的大小
-            handleSize: 0, //控制手柄的尺寸
-            bottom: 0, // dataZoom-slider组件离容器下侧的距离
-          },
-          {
-            //没有下面这块的话，只能拖动滚动条，鼠标滚轮在区域内不能控制外部滚动条
-            type: "inside",
-            zoomOnMouseWheel: false, //滚轮是否触发缩放
-            moveOnMouseMove: true, //鼠标滚轮触发滚动
-            moveOnMouseWheel: true,
-          },
-        ],
-      };
-      ageChart.setOption(option);
-      window.addEventListener("resize", () => {
-        ageChart.resize();
-      });
-    },
-    safeEacherChart2(el, dataListX, dataListY, type, dataList) {
-      const ageChart = echarts.init(el);
-      const gridObj = type == "specialChart" || type == "personnelChart" ?  {
-        left: "3%",
-        right: "15%",
-        bottom: "5%",
-        top: "14%",
-      } : {
-        left: "3%",
-        right: "5%",
-        bottom: "5%",
-        top: "10%",
-      };
-      const option = {
-        grid: {
-          ...gridObj,
-          containLabel: true,
-        },
-        xAxis: {
-          name: type == "specialChart" || type == "personnelChart" ? "单位名称" : "",
-          type: "category",
-          data: dataListX,
-          axisTick: {
-            show: false,
-          },
-          axisLine: {
-            show: false,
-          },
-          axisLabel: {
-            color: "#9F9F9F",
-            show: true,
-            fontSize: this.$fontSize(14),
-            interval: 0,
-            formatter: function (params) {
-              if (params.length > 7) {
-                return params.slice(0, 6) + "...";
-              }
-              return params;
-            },
-          },
-        },
-        tooltip: {
-          show: true,
-          trigger: "axis",
-        },
-        yAxis: {
-          name: type == "specialChart" ? "问题数量" : type == "personnelChart" ? "人员数量" : "",
-          type: "value",
-          minInterval: 1,
-          axisTick: {
-            show: false,
-          },
-          axisLine: {
-            show: false,
-          },
-          axisLabel: {
-            color: "#9F9F9F",
-            fontSize: this.$fontSize(14),
-          },
-          splitLine: {
-            show: true,
-            lineStyle: {
-              type: "dashed",
-            },
-          },
-        },
-        series: [
-          {
-            data: dataListY,
-            type: "bar",
-            itemStyle: {
-              //颜色 默认灰色
-              color: "#82D8E4",
-              emphasis: {
-                color: "#0056A8",
-              },
-            },
-            barWidth: this.$fontSize(30), // 设置柱子粗细
-          },
-        ],
-        dataZoom: [
-          {
-            type: "slider", //隐藏或显示（true）组件
-            show: dataList.length > 4 ? true : false,
-            // backgroundColor: "rgb(19, 63, 100)", // 组件的背景颜色。
-            // fillerColor: "rgb(16, 171, 198)", // 选中范围的填充颜色。
-            // borderColor: "rgb(19, 63, 100)", // 边框颜色
-            showDetail: false, //是否显示detail，即拖拽时候显示详细数值信息
-            startValue: 0,
-            endValue: 4,
-            filterMode: "empty",
-            width: "50%", //滚动条高度
-            height: 6, //滚动条显示位置
-            left: "center",
-            zoomLoxk: true, // 是否锁定选择区域（或叫做数据窗口）的大小
-            handleSize: 0, //控制手柄的尺寸
-            bottom: 0, // dataZoom-slider组件离容器下侧的距离
-          },
-          {
-            //没有下面这块的话，只能拖动滚动条，鼠标滚轮在区域内不能控制外部滚动条
-            type: "inside",
-            zoomOnMouseWheel: false, //滚轮是否触发缩放
-            moveOnMouseMove: true, //鼠标滚轮触发滚动
-            moveOnMouseWheel: true,
-          },
-        ],
-      };
-      ageChart.setOption(option);
-      ageChart.on("click", (params) => {
-        if (type == "weldChart") {
-          console.log("params");
-          this.onClickDialog(1, dataList[params.dataIndex]);
-        }
-        console.log(params.dataIndex);
-      });
-      window.addEventListener("resize", () => {
-        ageChart.resize();
-      });
-    },
-    // 柱状图
-    weldEacherChart(el, dataListX, dataListY, type, dataList) {
-      const ageChart = echarts.init(el);
-      const option = {
-        tooltip: {
-          trigger: "axis",
-          formatter: function (params) {
-            if (type == "weldChart") {
-              return params[0].name + "<br/>" + params[0].value + "%";
-            } else if (type == "personnelChart") {
-              return params[0].name + "<br/>" + params[0].value;
-            }
-          },
-          // axisPointer: {
-          //   type: 'shadow'
-          // }
-        },
-        grid: {
-          left: "3%",
-          right: "2%",
-          bottom: "5%",
-          top: "10%",
-          containLabel: true,
-        },
-        xAxis: {
-          type: "value",
-          // boundaryGap: [0, 0.01],
-          axisTick: {
-            show: false,
-          },
-          axisLine: {
-            show: false,
-          },
-          axisLabel: {
-            color: "#9F9F9F",
-            fontSize: this.$fontSize(14),
-          },
-          splitLine: {
-            show: false,
-          },
-        },
-        yAxis: {
-          type: "category",
-          data: dataListX,
-          axisTick: {
-            show: false,
-          },
-          axisLine: {
-            show: false,
-          },
-          axisLabel: {
-            color: "#9F9F9F",
-            fontSize: this.$fontSize(14),
-            formatter: function (params) {
-              if (params.length > 7) {
-                return params.slice(0, 6) + "...";
-              }
-              return params;
-            },
-          },
-          splitLine: {
-            show: true,
-            lineStyle: {
-              type: "dashed",
-            },
-          },
-        },
-        series: [
-          {
-            type: "bar",
-            data: dataListY,
-            itemStyle: {
-              // barBorderRadius: [0, 5, 5, 0],
-              //颜色 默认灰色
-              color: "#82D8E4",
-              emphasis: {
-                color: "#0056A8",
-              },
-            },
-            barWidth: this.$fontSize(34), // 设置柱子粗细
-          },
-        ],
-        dataZoom: [
-          {
-            type: "slider", //隐藏或显示（true）组件
-            // backgroundColor: "rgb(19, 63, 100)", // 组件的背景颜色。
-            // fillerColor: "rgb(16, 171, 198)", // 选中范围的填充颜色。
-            // borderColor: "rgb(19, 63, 100)", // 边框颜色
-            showDetail: false, //是否显示detail，即拖拽时候显示详细数值信息
-            filterMode: "empty",
-            width: "50%", //滚动条高度
-            height: 6, //滚动条显示位置
-            left: "center",
-            zoomLoxk: true, // 是否锁定选择区域（或叫做数据窗口）的大小
-            handleSize: 0, //控制手柄的尺寸
-            bottom: 0, // dataZoom-slider组件离容器下侧的距离
-            show: dataListX > 7 ? true : false,
-          },
-          {
-            //没有下面这块的话，只能拖动滚动条，鼠标滚轮在区域内不能控制外部滚动条
-
-            type: "inside",
-            zoomOnMouseWheel: false, //滚轮是否触发缩放
-            moveOnMouseMove: true, //鼠标滚轮触发滚动
-            moveOnMouseWheel: true,
-            startValue: 0,
-            endValue: 7,
-            yAxisIndex: [0],
-          },
-        ],
-      };
-      if (type == "weldChart") {
-        option.xAxis.max = 100;
-      }
-      ageChart.setOption(option);
-      ageChart.on("click", (params) => {
-        if (type == "weldChart") {
-          console.log("params");
-          this.onClickDialog(1, dataList[params.dataIndex]);
-        }
-        console.log(params.dataIndex);
-      });
-      window.addEventListener("resize", () => {
-        ageChart.resize();
-      });
-    },
-    onSafeClick(row) {
-      this.safeTimeInfo.id = row.id;
-      this.getHomePageSafeApi();
-    },
-    //
-    //查询数据
-    getPartyBuildingGuidanceList() {
-      getPartyBuildingGuidanceInfo({
-        projectSn: this.$store.state.projectSn,
-        pageNo: 1,
-        pageSize: 10,
-        type: 11,
-      }).then((result) => {
-        if (result.success) {
-          result.result.records.map((item) => {
-            if (item.file.includes("[")) {
-              item.file = JSON.parse(item.file);
-              if (
-                item.file.length !== 0 &&
-                !item.file[0].url.includes(this.$store.state.FILEURL)
-              ) {
-                item.file[0].url = this.$store.state.FILEURL + item.file[0].url;
-              }
-            } else {
-              let url = item.file;
-
-              if (
-                url.length !== 0 &&
-                !url.includes(this.$store.state.FILEURL)
-              ) {
-                item.file = [{}];
-                item.file[0].url = this.$store.state.FILEURL + url;
-              }
-            }
-          });
-          this.firstPieceTemplateList = result.result.records;
-          console.log(" this.List", this.List);
-        }
-      });
-    },
-    // 安全管理
-    getHomePageSafeApi() {
-      if (this.safeTimeInfo.id == 1) {
-        this.safeTimeInfo.inspectStartTime = "";
-      } else if (this.safeTimeInfo.id == 2) {
-        this.safeTimeInfo.inspectStartTime = dayjs(
-          dayjs().add(-7, "d").startOf("day")
-        ).format("YYYY-MM-DD HH:mm:ss");
-      } else if (this.massTimeInfo.id == 3) {
-        this.safeTimeInfo.inspectStartTime = dayjs(
-          dayjs().add(-30, "d").startOf("day")
-        ).format("YYYY-MM-DD HH:mm:ss");
-      } else if (this.safeTimeInfo.id == 4) {
-        this.safeTimeInfo.inspectStartTime = dayjs(
-          dayjs().add(-365, "d").startOf("day")
-        ).format("YYYY-MM-DD HH:mm:ss");
-      }
-
-      this.safeTimeInfo.inspectEndTime =
-        this.safeTimeInfo.id == 1 ? "" : dayjs().format("YYYY-MM-DD HH:mm:ss");
-      let data = {
-        projectSn: this.$store.state.projectSn,
-        inspectStartTime: this.safeTimeInfo.inspectStartTime,
-        inspectEndTime: this.safeTimeInfo.inspectEndTime,
-        // itemIds: this.detailData.videoItemIds
-      };
-      getHomePageCountSafeApi(data).then((res) => {
-        console.log("安全管理安全隐患统计", res);
-        if (res.code == 200) {
-          this.safeDetailInfo = res.result;
-        }
-      });
-      getHomePageCountSafeResponsibleUnitApi(data).then((res) => {
-        console.log("安全管理EPC责任单位统计", res);
-        if (res.code == 200) {
-          this.safeResponsibleUnitList = res.result;
-          this.$nextTick(() => {
-            this.safeEacherChart(
-              this.$refs.safeChart,
-              this.safeResponsibleUnitList
-            );
-          });
-        }
-      });
-      getHomePageCountSafeTypeProblemApi(data).then((res) => {
-        console.log("安全管理问题分类统计", res);
-        if (res.code == 200) {
-          this.safeProblemList = res.result.data;
-        }
-      });
-    },
-    onMassClick(row) {
-      this.massTimeInfo.id = row.id;
-      this.getHomePageMassApi();
-    },
-    getHomePageMassApi() {
-      if (this.massTimeInfo.id == 1) {
-        this.massTimeInfo.inspectStartTime = "";
-      } else if (this.massTimeInfo.id == 2) {
-        this.massTimeInfo.inspectStartTime = dayjs(
-          dayjs().add(-7, "d").startOf("day")
-        ).format("YYYY-MM-DD HH:mm:ss");
-      } else if (this.massTimeInfo.id == 3) {
-        this.massTimeInfo.inspectStartTime = dayjs(
-          dayjs().add(-30, "d").startOf("day")
-        ).format("YYYY-MM-DD HH:mm:ss");
-      } else if (this.massTimeInfo.id == 4) {
-        this.massTimeInfo.inspectStartTime = dayjs(
-          dayjs().add(-365, "d").startOf("day")
-        ).format("YYYY-MM-DD HH:mm:ss");
-      }
-
-      this.massTimeInfo.inspectEndTime =
-        this.massTimeInfo.id == 1 ? "" : dayjs().format("YYYY-MM-DD HH:mm:ss");
-      let data = {
-        projectSn: this.$store.state.projectSn,
-        inspectStartTime: this.massTimeInfo.inspectStartTime,
-        inspectEndTime: this.massTimeInfo.inspectEndTime,
-        // itemIds: this.detailData.videoItemIds
-      };
-      getHomePageCountQualityApi(data).then((res) => {
-        console.log("质量管理记录统计", res);
-        if (res.code == 200) {
-          this.massDetailInfo = res.result;
-        }
-      });
-      getHomePageCountQualityResponsibleUnitApi(data).then((res) => {
-        console.log("质量管理EPC责任单位问题分析", res);
-        if (res.code == 200) {
-          this.massResponsibleUnitList = res.result;
-          this.$nextTick(() => {
-            this.safeEacherChart(
-              this.$refs.massChart,
-              this.massResponsibleUnitList
-            );
-          });
-        }
-      });
-      getHomePageCountQualityTechnologyApi({ ...data, type: 3 }).then((res) => {
-        console.log("质量管理涉及技术专业统计", res);
-        if (res.code == 200) {
-          this.massProblemList = res.result.data;
-        }
-      });
-    },
-    onContractorClick(row) {
-      this.contractorAssessmentInfo.id = row.id;
-      this.getHomePageRankEnterprise();
-    },
-    getHomePageRankEnterprise() {
-      let data = {
-        projectSn: this.$store.state.projectSn,
-        type: this.contractorAssessmentInfo.id,
-      };
-      getHomePageRankEnterpriseApi(data).then((res) => {
-        if (res.code == 200) {
-          this.rankEnterpriseInfo = res.result;
-          console.log("承包商考核排名", res);
-        } else {
-          this.$message.error(res.message);
-        }
-      });
-    },
-    // 文明施工
-    onSpecialClick(row) {
-      this.specialId = row.id;
-      this.getHomePageCountSceneExposeSpecial();
-    },
-    getHomePageCountSceneExposeSpecial() {
-      let data = {
-        projectSn: this.$store.state.projectSn,
-        timeType: this.specialId,
-      };
-      getHomePageCountSceneExposeSpecialApi(data).then((res) => {
-        if (res.code == 200) {
-          const dataX = res.result.map((item) => item.x);
-          const dataY = res.result.map((item) => item.y);
-          this.homePageSpecialList = res.result;
-          this.$nextTick(() => {
-            this.safeEacherChart2(
-              this.$refs.specialChart,
-              dataX,
-              dataY,
-              "specialChart",
-              res.result
-            );
-          });
-          console.log("焊接合格率", res);
-        } else {
-          this.$message.error(res.message);
-        }
-      });
-    },
-    onSelectPersonClick(row) {
-      this.screenPersonId = row.id;
-      if (this.screenPersonId == 1) {
-        this.getHomePageRankWeldingPassRate();
-      } else {
-        this.getWeldingWorkerList();
-      }
-    },
-    // 焊接合格率
-    getHomePageRankWeldingPassRate() {
-      let data = {
-        projectSn: this.$store.state.projectSn,
-        ignoreWelderNameNull: 1,
-      };
-      getHomePageRankWeldingPassRateApi(data).then((res) => {
-        if (res.code == 200) {
-          const dataX = res.result.map((item) => item.deviceUnitName);
-          const dataY = res.result.map((item) => item.weldingPassRate);
-          this.homePageWeldingList = res.result;
-          this.$nextTick(() => {
-            this.safeEacherChart2(
-              this.$refs.weldChart,
-              dataX,
-              dataY,
-              "weldChart",
-              res.result
-            );
-          });
-          console.log("焊接合格率", res);
-        } else {
-          this.$message.error(res.message);
-        }
-      });
-    },
-    getWeldingWorkerList() {
-      let data = {
-        projectSn: this.$store.state.projectSn,
-        weldingPassRateDesc: 1,
-        ignoreWelderNameNull: 1,
-      };
-      getWeldingWorker(data).then((res) => {
-        if (res.code == 200) {
-          const dataX = res.result.records.map((item) => item.welderName);
-          const dataY = res.result.records.map((item) => item.weldingPassRate);
-          this.homePageWeldingList = res.result.records;
-          this.$nextTick(() => {
-            this.safeEacherChart2(
-              this.$refs.weldChart,
-              dataX,
-              dataY,
-              "weldChart",
-              res.result.records
-            );
-          });
-          console.log("焊接合格率", res);
-        } else {
-          this.$message.error(res.message);
-        }
-      });
-    },
-    onSelectPersonType(row) {
-      this.selectPersonType = row.id;
-      const dataX = this.selectPersonList.map((item) => item.enterpriseName);
-      const dataY = this.selectPersonList.map((item) => {
-        if (this.selectPersonType == 1) {
-          return item.totalPersonNum;
-        } else if (this.selectPersonType == 2) {
-          return item.attendancePersonNum;
-        } else if (this.selectPersonType == 3) {
-          return item.presencePersonNum;
-        }
-      });
-      this.safeEacherChart2(
-        this.$refs.personnelChart,
-        dataX,
-        dataY,
-        "personnelChart",
-        this.selectPersonList
-      );
-    },
-    // 人员管理统计
-    getHomePageSelectPersonTypeAndEduStatistics() {
-      let data = {
-        projectSn: this.$store.state.projectSn,
-      };
-      getHomePageSelectPersonTypeAndEduStatisticsApi(data).then((res) => {
-        if (res.code == 200) {
-          this.selectPersonInfo = res.result.personType;
-          console.log("人员管理统计", res);
-        } else {
-          this.$message.error(res.message);
-        }
-      });
-    },
-    // 人员管理查询项目下所有企业出勤人数列表
-    getHomePageSelectProjectComapnyWorkTotalList() {
-      let data = {
-        projectSn: this.$store.state.projectSn,
-      };
-      getHomePageSelectProjectComapnyWorkTotalListApi(data).then((res) => {
-        if (res.code == 200) {
-          this.selectPersonList = res.result;
-          this.onSelectPersonType({
-            id: this.selectPersonType,
-          });
-          console.log("人员管理查询项目下所有企业出勤人数列表", res);
-        } else {
-          this.$message.error(res.message);
-        }
-      });
-    },
-    //获取底部数据
-    getFooterData() {
-      getappVersionListApi({
-        pageNo: 1,
-        pageSize: 1,
-      }).then((res) => {
-        if (res.code == 200 && res.result.records.length > 0) {
-          this.footerDataInfoApp = res.result.records[0];
-          const downloadUrl =
-            isJSON(this.footerDataInfoApp.downloadUrl) &&
-            this.footerDataInfoApp.downloadUrl
-              ? JSON.parse(this.footerDataInfoApp.downloadUrl)
-              : [];
-          console.log("获取最新版本", downloadUrl);
-          if (downloadUrl.length > 0) {
-            this.$nextTick(() => {
-              // downloadUrl[0].url
-              // "http://192.168.34.133:20626/#/pages/homePage/scandownload?url=http://219.147.96.219:9809/image/67cd55cd4f0c9e0977d25778.apk"
-              this.bindQRCode(
-                `http://192.168.3.9:39809/app/#/pages/homePage/scandownload?url=${downloadUrl[0].url}`,
-                this.$refs.qrCodeDiv1,
-                "qrCode1"
-              );
-              this.bindQRCode1(
-                `http://192.168.3.9:39809/app/#/pages/homePage/scandownload?url=${downloadUrl[0].url}`,
-                this.$refs.qrCodeDiv3,
-                "qrCode3"
-              );
-            });
-          }
-        }
-      });
-      getProjectConfigPageApi({
-        projectSn: this.$store.state.projectSn,
-      }).then((res) => {
-        if (res.code == 200 && res.result.records.length > 0) {
-          this.footerDataInfo = res.result.records[0];
-          this.$nextTick(() => {
-            this.bindQRCode(
-              this.footerDataInfo.v2,
-              this.$refs.qrCodeDiv2,
-              "qrCode2"
-            );
-            this.bindQRCode1(
-              this.footerDataInfo.v2,
-              this.$refs.qrCodeDiv4,
-              "qrCode4"
-            );
-          });
-        }
-      });
-    },
-    //生成 二维码
-    bindQRCode(url, qrCodeRef, domId) {
-      console.log("生成二维码", url, qrCodeRef, domId);
-      // document.getElementById(domId).innerHTML = '';
-      // `${httpUrl}/doc/h5Entry/index.html?userId=${userId}&projectSn=${projectSn}`
-      new QRCode(qrCodeRef, {
-        text: url ? `${url}` : "暂无信息",
-        width: this.$fontSize(65),
-        height: this.$fontSize(65),
-        colorDark: "#333333", //二维码颜色
-        colorLight: "#ffffff", //二维码背景色
-        correctLevel: QRCode.CorrectLevel.L, //容错率，L/M/H
-      });
-    },
-    bindQRCode1(url, qrCodeRef, domId) {
-      console.log("生成二维码", url, qrCodeRef, domId);
-      // document.getElementById(domId).innerHTML = '';
-      // `${httpUrl}/doc/h5Entry/index.html?userId=${userId}&projectSn=${projectSn}`
-      new QRCode(qrCodeRef, {
-        text: url ? `${url}` : "暂无信息",
-        width: this.$fontSize(300),
-        height: this.$fontSize(300),
-        colorDark: "#333333", //二维码颜色
-        colorLight: "#ffffff", //二维码背景色
-        correctLevel: QRCode.CorrectLevel.L, //容错率，L/M/H
-      });
-    },
-    bindQRCodePreview(type) {
-      console.log("二维码：", type);
-      if (type == 1) {
-        console.log(
-          "二维码：",
-          this.$refs.qrCodeDiv1,
-          this.$refs.qrCodeDiv1.children[1],
-          this.$refs.qrCodeDiv1.children[1].src
-        );
-        const img = this.$refs.qrCodeDiv3.children[1].src;
-        this.showImgView(img);
-      } else if (type == 2) {
-        const img = this.$refs.qrCodeDiv4.children[1].src;
-        this.showImgView(img);
-      }
-    },
-  },
-  computed: {
-    noticeTypeUp() {
-      return (type) => {
-        const typeMap = {
-          1: "质量",
-          2: "安全",
-          3: "AI",
-          4: "安全履职预警",
-          5: "企业资质",
-          6: "人员资质",
-          10: "其它",
-          12: "待办",
+            footerDataInfoApp: {},
+            footerDataInfo: {},
+            videoSelectFlag: false,
         };
-        return typeMap[type] || "";
-      };
     },
-    videoPluginWindow() {
-      const {
-        administrationDialog,
-        allInfo,
-        showViewer,
-        dialogContent,
-        $store,
-      } = this;
-
-      return {
-        administrationDialog,
-        dialogFlag: allInfo.dialogFlag,
-        showViewer,
-        dialogContent,
-        messsageCenterDialog: $store.state.messsageCenterDialog,
-      };
-    },
-  },
-  watch: {
-    videoPluginWindow: {
-      handler(newVal) {
-        console.log(456456, newVal);
-        if (
-          newVal.administrationDialog ||
-          newVal.dialogFlag ||
-          newVal.showViewer ||
-          newVal.dialogContent ||
-          newVal.messsageCenterDialog
-        ) {
-          hidePluginWindow();
-        } else {
-          showPluginWindow();
+    created() {
+        this.getHomePageIssueBulletin();
+        this.getHomePageQueryNoticePage();
+        this.getVideoItemList();
+        // this.getDeviceYearList();
+        this.getHomePageRankEnterprise();
+        this.getHomePageSelectPersonTypeAndEduStatistics();
+        this.getHomePageModuleList();
+        this.getHomePageQueryUserModuleList();
+        this.getHomePageFlowCount();
+        this.getHomePageFlowTodoList();
+        this.getModuleMenuList();
+        this.getPartyBuildingGuidanceList();
+        this.getPlanPbsTreeList();
+        this.getHomePageCountEnterprise();
+        this.getFooterData();
+        if (!sessionStorage.getItem("wflow-token")) {
+            sessionStorage.setItem(
+                "wflow-token",
+                this.$store.state.userInfo.token
+            );
+            sessionStorage.setItem("projectSn", this.$store.state.projectSn);
+            sessionStorage.setItem(
+                "loginUser",
+                JSON.stringify(this.$store.state.userInfo)
+            );
+            this.$store.commit("setStateLoginUser", this.$store.state.userInfo);
         }
-      },
     },
-    params: {
-      deep: true,
-      handler() {
-        this.getUserNotify();
-      },
+    mounted() {
+        this.getHomePageCountConstructionState();
+        this.getHomePageSafeApi();
+        this.getHomePageMassApi();
+        this.getHomePageCountSceneExposeSpecial();
+        this.getHomePageRankWeldingPassRate();
+        this.getHomePageSelectProjectComapnyWorkTotalList();
+        const container_scroll = document.getElementById("container_scroll");
+        container_scroll.addEventListener("scroll", this.handleScroll, true);
     },
-    "$store.state.projectSn": {
-      deep: true,
-      // immediate: true,
-      handler(to, from) {
-        console.log(to, "最新值");
-        if (this.$store.state.projectSn) this.getModuleList();
-      },
+    beforeDestroy() {
+        const container_scroll = document.getElementById("container_scroll");
+        container_scroll.removeEventListener("scroll", this.handleScroll);
+        hidePluginWindow();
+    },
+    methods: {
+        getHomePageCountEnterprise() {
+            getHomePageCountEnterpriseApi({
+                projectSn: this.$store.state.projectSn,
+            }).then((res) => {
+                if (res.result) {
+                    console.log(res);
+                    this.homeOverviewCountEnterprise = res.result;
+                }
+            });
+        },
+        onClickRUL(row) {
+            this.$router.push({
+                path: row.path,
+                query: {
+                    sideName: "none",
+                },
+            });
+        },
+        animationBall() {
+            // issue_bulletin
+            const ball = document.getElementById("ball");
+            const game = document.getElementById("game");
+
+            let x = 0;
+            let y = 0;
+            let dx = 2;
+            let dy = 3;
+            let updatedRaf = true,
+                fps = 50,
+                //初始化时间戳
+                timer = new Date().getTime();
+            // let dx = Math.floor(Math.random() * 15) + 1;
+            // let dy = Math.floor(Math.random() * 15) + 1;
+
+            function isCollision(box1, box2) {
+                const rect1 = box1.getBoundingClientRect();
+                const rect2 = box2.getBoundingClientRect();
+                // 障碍物碰撞
+                const boxRect = {
+                    left: x,
+                    top: y,
+                    right: x + rect1.width,
+                    bottom: y + rect1.height,
+                };
+                if (rect1.width == 0) return false;
+                // console.log('rect2', rect2);
+                // return (
+                //   rect1.left < rect2.left + rect2.width &&
+                //   rect1.left + rect1.width > rect2.left &&
+                //   rect1.top < rect2.top + rect2.height &&
+                //   rect1.top + rect1.height > rect2.top
+                // );
+                return (
+                    boxRect.left < rect2.right &&
+                    boxRect.right > rect2.left &&
+                    boxRect.top < rect2.bottom &&
+                    boxRect.bottom > rect2.top
+                );
+            }
+
+            function animation() {
+                if (!updatedRaf) return;
+                if (new Date().getTime() - timer < fps) {
+                    return requestAnimationFrame(animation);
+                } else {
+                    //刷新时间戳
+                    timer = new Date().getTime();
+                }
+                const playVideoBoxHome =
+                    document.getElementById("playVideoBoxHome");
+                x += dx;
+                y += dy;
+                // console.log(x + ball.offsetWidth, game.offsetWidth, playVideoBoxHome.offsetLeft, playVideoBoxHome.offsetTop);
+                const xSeetp = x + ball.offsetWidth;
+                const ySeetp = y + ball.offsetHeight;
+
+                const collided = isCollision(ball, playVideoBoxHome);
+                if (xSeetp > game.offsetWidth || x < 0) {
+                    dx = -dx;
+                }
+                if (ySeetp > game.offsetHeight || y < 0) {
+                    dy = -dy;
+                }
+                if (collided) {
+                    const rect1 = ball.getBoundingClientRect();
+                    const rect2 = playVideoBoxHome.getBoundingClientRect();
+                    // console.log(rect1);
+                    // 障碍物碰撞
+                    const boxRect = {
+                        left: x,
+                        top: y,
+                        // right: x + rect1.width,
+                        right: rect1.right,
+                        // bottom: y + rect1.height
+                        bottom: rect1.bottom,
+                    };
+                    // 计算穿透深度
+                    const overlapX = Math.min(
+                        boxRect.right - rect2.left,
+                        rect2.right - boxRect.left
+                    );
+
+                    const overlapY = Math.min(
+                        boxRect.bottom - rect2.top,
+                        rect2.bottom - boxRect.top
+                    );
+                    // console.log('两个盒子发生碰撞了', rect1.width, y + rect1.height, overlapX, dx, overlapY, dy);
+                    // 沿最小穿透方向反弹  2 -2 71 -3 285.8125 -2 3 -3
+                    // if (overlapX < overlapY && overlapX > 0) {
+                    //   console.log('进来了吗');
+                    //   dx = -dx;
+                    //   // dy = -dy;
+                    //   // updatedRaf = false;
+                    //   // return;
+                    // } else if (overlapX < overlapY) {
+                    //   dx = dx > 0 ? -dx : dx;
+                    //   // x += dx > 0 ? -overlapX : overlapX;
+                    // } else if (overlapX > overlapY && overlapY > 0) {
+                    //   console.log('进来了吗1');
+                    //   dy = -dy;
+                    // } else {
+                    //   dy = dy > 0 ? -dy : dy;
+                    //   // y += dy > 0 ? -overlapY : overlapY;
+                    // }
+                    if (overlapX < overlapY) {
+                        dx = -dx;
+                    } else {
+                        dy = -dy;
+                    }
+                }
+
+                ball.style.left = x + "px";
+                ball.style.top = y + "px";
+                // debugger;
+                return requestAnimationFrame(animation);
+            }
+
+            ball.addEventListener("mouseover", (e) => {
+                updatedRaf = false;
+            });
+            ball.addEventListener("mouseleave", (e) => {
+                updatedRaf = true;
+                animation();
+            });
+
+            animation();
+        },
+        getPlanRecordTreeList() {
+            let data = {
+                projectSn: this.$store.state.projectSn,
+                pageNo: 1,
+                pageSize: -1,
+                pbsId: this.planTreeInfo.planPbsId,
+                workType: 2,
+            };
+            getPlanRecordTreePage(data).then((result) => {
+                if (result.success) {
+                    this.planTreeList = result.result.records;
+                    this.planTreeInfo.planWbsTaskId =
+                        this.planTreeList.length > 0
+                            ? this.planTreeList[0].id
+                            : "";
+                    this.planTreeInfo.planWbsTaskIdList =
+                        this.planTreeList.length > 0
+                            ? [this.planTreeList[0].id]
+                            : [];
+                    this.getDeviceYearList();
+                }
+            });
+        },
+        getPlanPbsTreeList() {
+            getPlanPbsTreePage({
+                projectSn: this.$store.state.projectSn,
+                // title: this.switchScheduleInfo.title,
+                pageNo: 1,
+                pageSize: -1,
+                // seeI: 1
+            }).then((result) => {
+                if (result.success) {
+                    this.planPbsTreeList = result.result.records;
+                    this.planTreeInfo.planPbsId = "1899717371193204738";
+                    this.planTreeInfo.planPbsIdList = [
+                        "1899399002701553665",
+                        "1899714771542614017",
+                        "1899717371193204738",
+                    ];
+                    // this.planTreeInfo.planPbsId = this.planPbsTreeList.length > 0 ? this.planPbsTreeList[0].id : '';
+                    // this.planTreeInfo.planPbsIdList = this.planPbsTreeList.length > 0 ? [this.planPbsTreeList[0].id] : [];
+                    this.getPlanRecordTreeList();
+                }
+            });
+        },
+        //显示检查详细弹框
+        showDetailFn(row) {
+            this.detailData = row;
+            this.dialogContent = true;
+        },
+        showImgView(url) {
+            this.showViewer = true;
+            this.urlList = [url];
+        },
+        closeImgViewer() {
+            console.log("关闭");
+            this.showViewer = false;
+        },
+        onRouterLink2(row) {
+            this.$router.push({
+                name: "UnFinished",
+                // path: '/UnFinished',
+                params: { path: "unfinished", instanceId: row.instanceId },
+            });
+        },
+        onRouterLink1(rowPath, countNum, type) {
+            if (countNum == 0) {
+                return this.$message.warning("当前暂无待办!");
+            }
+            if (rowPath == "MySubmit") {
+                this.$router.push({
+                    name: rowPath,
+                    query: {
+                        customStatus: type,
+                    },
+                });
+                return;
+            }
+            if (rowPath == "workSpace") {
+                this.$router.push({
+                    name: rowPath,
+                    params: { path: "unfinished" },
+                });
+                return;
+            }
+            this.$router.push({ path: rowPath });
+        },
+        onRouterLink(row) {
+            this.$router.push({ path: row.menuList[0].path });
+        },
+        onClickDialog(type, row) {
+            this.allInfo.dialogType = type;
+            if (type == 1) {
+                console.log("row", row);
+                this.allInfo.title = "焊接记录";
+                this.dialogInfoDetail = {
+                    ...row,
+                };
+            } else if (type == 2) {
+                this.allInfo.title = "安全";
+                this.dialogInfoDetail = {
+                    ...row,
+                    inspectStartTime: this.safeTimeInfo.inspectStartTime,
+                    inspectEndTime: this.safeTimeInfo.inspectEndTime,
+                };
+            } else if (type == 3) {
+                this.allInfo.title = "质量";
+                this.dialogInfoDetail = {
+                    ...row,
+                    inspectStartTime: this.massTimeInfo.inspectStartTime,
+                    inspectEndTime: this.massTimeInfo.inspectEndTime,
+                };
+            } else if (type == 4) {
+                this.allInfo.title = "进度列表";
+                this.dialogInfoDetail = {
+                    ...row,
+                    planWbsTaskId: this.planTreeInfo.planWbsTaskId,
+                };
+            } else if (type == 5) {
+                this.allInfo.title = "花名册";
+            } else if (type == 6) {
+                this.allInfo.title = "人员实时动态";
+            } else if (type == 7) {
+                this.allInfo.title = "危大工程台账";
+                this.dialogInfoDetail = {
+                    constructionState: row,
+                };
+            } else if (type == 8) {
+                this.allInfo.title = "承包商考核";
+                const objTime = {
+                    1: dayjs().startOf("month").format("YYYY-MM"),
+                    2: dayjs()
+                        .add(-1, "month")
+                        .startOf("month")
+                        .format("YYYY-MM"),
+                };
+
+                const obj = {
+                    1: this.rankEnterpriseInfo.supervisor,
+                    2: this.rankEnterpriseInfo.epc,
+                    3: this.rankEnterpriseInfo.construction,
+                };
+                if (!obj[row]) return this.$message.warning("当前暂无数据!");
+
+                console.log("objTime", this.rankEnterpriseInfo);
+                this.dialogInfoDetail = {
+                    type: row,
+                    rankEnterpriseInfo: this.rankEnterpriseInfo,
+                    monthTime: objTime[this.contractorAssessmentInfo.id],
+                };
+            } else if (type == 9) {
+                this.allInfo.title = "消息中心";
+            } else if (type == 10) {
+                this.allInfo.title = "监理单位";
+            } else if (type == 11) {
+                this.allInfo.title = "EPC承包商";
+            } else if (type == 12) {
+                this.allInfo.title = "检查待办";
+                this.dialogInfoDetail = {
+                    examineName: row,
+                };
+            }
+            this.allInfo.dialogFlag = true;
+        },
+        handleClose1(done) {
+            if (done && typeof done === "function") {
+                done();
+            } else {
+                this.allInfo.dialogFlag = false;
+            }
+        },
+        // 待办事项统计
+        getHomePageFlowCount() {
+            let data = {
+                projectSn: this.$store.state.projectSn,
+            };
+            getHomePageFlowCountApi(data).then((res) => {
+                if (res.code == 200) {
+                    console.log("待办事项统计", res);
+                    this.FlowCountInfo = res.result;
+                } else {
+                    this.$message.error(res.message);
+                }
+            });
+        },
+        // 设置自动滚动
+        autoScroll1(stop) {
+            // 拿到表格中承载数据的div元素
+            const table = this.$refs.scroll_Table1;
+            const divData = table.$refs.bodyWrapper;
+            // 拿到元素后，对元素进行定时增加距离顶部距离，实现滚动效果(此配置为每100毫秒移动1像素)
+            if (stop) {
+                //再通过事件监听，监听到 组件销毁 后，再执行关闭计时器。
+                clearInterval(this.scrolltimer1);
+            } else {
+                this.scrolltimer1 = setInterval(() => {
+                    // 元素自增距离顶部1像素
+                    divData.scrollTop += 1;
+                    // 判断元素是否滚动到底部(可视高度+距离顶部=整个高度)
+                    if (
+                        divData.clientHeight + divData.scrollTop ==
+                        divData.scrollHeight
+                    ) {
+                        // 重置table距离顶部距离
+                        divData.scrollTop = 0;
+                        // 重置table距离顶部距离。值=(滚动到底部时，距离顶部的大小) - 整个高度/2
+                        // divData.scrollTop = divData.scrollTop - divData.scrollHeight / 2
+                    }
+                }, 150); // 滚动速度
+            }
+        },
+        autoScroll2(stop) {
+            // 拿到表格中承载数据的div元素
+            const table = this.$refs.scroll_Table2;
+            const divData = table.$refs.bodyWrapper;
+            // 拿到元素后，对元素进行定时增加距离顶部距离，实现滚动效果(此配置为每100毫秒移动1像素)
+            if (stop) {
+                //再通过事件监听，监听到 组件销毁 后，再执行关闭计时器。
+                window.clearInterval(this.scrolltimer2);
+            } else {
+                this.scrolltimer2 = window.setInterval(() => {
+                    // 元素自增距离顶部1像素
+                    divData.scrollTop += 1;
+                    // 判断元素是否滚动到底部(可视高度+距离顶部=整个高度)
+                    if (
+                        divData.clientHeight + divData.scrollTop ==
+                        divData.scrollHeight
+                    ) {
+                        // 重置table距离顶部距离
+                        divData.scrollTop = 0;
+                        // 重置table距离顶部距离。值=(滚动到底部时，距离顶部的大小) - 整个高度/2
+                        // divData.scrollTop = divData.scrollTop - divData.scrollHeight / 2
+                    }
+                }, 150); // 滚动速度
+            }
+        },
+        // 待办事项查询待办事项列表
+        getHomePageFlowTodoList() {
+            let data = {
+                projectSn: this.$store.state.projectSn,
+                pageSize: 2,
+                pageNo: 1,
+            };
+            // getHomePageFlowTodoListApi
+            getUserTodoListBaotou(data).then((res) => {
+                if (res.status == 200) {
+                    console.log("待办事项查询待办事项列表", res);
+                    this.FlowTodoList = res.data.records;
+                    // if (this.FlowTodoList.length >= 10) {
+                    //   this.autoScroll2(false);
+                    // }
+                }
+            });
+        },
+        // 快捷通道管理
+        onClickAdministration() {
+            this.commonModuleAllList = this.commonModuleAllList.map((item) => {
+                const findIndex = this.commonModuleList.findIndex(
+                    (ele) => ele.moduleId == item.moduleId
+                );
+                return {
+                    ...item,
+                    moduleIsShow: findIndex > -1,
+                };
+            });
+            this.commonModuleIdsList = this.commonModuleList.map(
+                (item) => item.moduleId
+            );
+            this.administrationDialog = true;
+        },
+        // 关闭前执行
+        handleClose(done) {
+            if (done && typeof done === "function") {
+                done();
+            } else {
+                this.administrationDialog = false;
+            }
+        },
+        // 查询全部模块
+        getModuleMenuList() {
+            getNewUserAllModulePageApi({
+                projectSn: this.$store.state.projectSn,
+                userId: this.$store.state.userInfo.userId,
+            }).then((res) => {
+                console.log(res, "我爱你测试");
+                this.$store.commit("setUserInfo", {
+                    ...this.$store.state.userInfo,
+                    menuAuthority: {
+                        menuList: res.result.menuList,
+                        moduleList: res.result.moduleList,
+                    },
+                });
+            });
+        },
+        // 删除
+        deleteUserModules(rowId) {
+            const findIndex = this.commonModuleIdsList.findIndex(
+                (item) => item == rowId
+            );
+            if (findIndex > -1) {
+                this.commonModuleIdsList.splice(findIndex, 1);
+                this.getHomePageSaveUserModules();
+            }
+        },
+        // 快捷通道保存账号常用模块信息
+        getHomePageSaveUserModules(rowId) {
+            if (rowId) {
+                this.commonModuleIdsList.push(rowId);
+            }
+            getHomePageSaveUserModulesApi(this.commonModuleIdsList).then(
+                (res) => {
+                    if (res.code == 200) {
+                        console.log("快捷通道保存账号常用模块信息", res);
+                        this.$message.success(res.message);
+                        this.getHomePageQueryUserModuleList();
+                        this.handleClose();
+                    } else {
+                        this.$message.error(res.message);
+                    }
+                }
+            );
+        },
+        // 快捷通道列表查询账号常用模块信息
+        getHomePageQueryUserModuleList() {
+            let data = {
+                projectSn: this.$store.state.projectSn,
+            };
+            getHomePageQueryUserModuleListApi(data).then((res) => {
+                if (res.code == 200) {
+                    console.log("快捷通道列表查询账号常用模块信息", res);
+                    this.commonModuleList = res.result.map((item) => {
+                        return {
+                            ...item,
+                            imageUrl: require(`@/assets/images/bthgIcon/${item.commonIcon}.png`),
+                        };
+                    });
+                } else {
+                    this.$message.error(res.message);
+                }
+            });
+        },
+        // 快捷通道列查询所有的模块列表
+        getHomePageModuleList() {
+            let data = {
+                projectSn: this.$store.state.projectSn,
+            };
+            getHomePageModuleListApi(data).then((res) => {
+                if (res.code == 200) {
+                    console.log("快捷通道列查询所有的模块列表", res);
+                    this.commonModuleAllList = res.result.moduleList
+                        .filter((item) => item.commonIcon && item.pcShow != 2)
+                        .map((item) => {
+                            return {
+                                ...item,
+                                imageUrl: require(`@/assets/images/bthgIcon/${item.commonIcon}.png`),
+                            };
+                        });
+                } else {
+                    this.$message.error(res.message);
+                }
+            });
+        },
+        // 问题通报
+        getHomePageIssueBulletin() {
+            let data = {
+                projectSn: this.$store.state.projectSn,
+            };
+            getHomePageIssueBulletinApi(data).then((res) => {
+                if (res.code == 200) {
+                    console.log("问题通报", res);
+                    this.issueBulletinInfo = res.result;
+                    this.issueBulletinFlag = true;
+                    // setTimeout(() => {
+                    //   this.issueBulletinFlag = false;
+                    // }, 30000);
+                    this.$nextTick(() => {
+                        this.animationBall();
+                    });
+                } else {
+                    this.$message.error(res.message);
+                }
+            });
+        },
+        onNotificationClick(row) {
+            this.notificationType = row.id;
+            this.getHomePageQueryNoticePage();
+        },
+        getHomePageQueryNoticePage() {
+            let data = {
+                projectSn: this.$store.state.projectSn,
+                pageNo: 1,
+                pageSize: 5,
+            };
+            if (this.notificationType == 1) {
+                data.showHome = 1;
+            }
+            const obj = {
+                1: getHomeNoticePageApi,
+                2: getHomePageQueryNoticePageApi,
+            };
+            obj[this.notificationType](data).then((res) => {
+                if (res.code == 200) {
+                    console.log("通知公告分页列表查询消息通知信息", res);
+                    this.queryNoticeList = res.result.records.map((item) => {
+                        return {
+                            ...item,
+                            fileUrl:
+                                isJSON(item.fileUrl) &&
+                                JSON.parse(item.fileUrl) instanceof Array
+                                    ? JSON.parse(item.fileUrl)
+                                    : [],
+                        };
+                    });
+                    // if (this.queryNoticeList.length >= 10) {
+                    //   this.autoScroll1(false);
+                    // }
+                } else {
+                    this.$message.error(res.message);
+                }
+            });
+        },
+        getHomePageCountConstructionState() {
+            let data = {
+                projectSn: this.$store.state.projectSn,
+            };
+            getHomePageCountConstructionStateApi(data).then((res) => {
+                if (res.code == 200) {
+                    console.log("危大工程监控", res.result);
+                    const obj = {
+                        done: 0,
+                        donePer: 0,
+                        ing: 0,
+                        ingPer: 0,
+                        no: 0,
+                        noPer: 0,
+                    };
+                    this.pieEachersChart(res.result);
+                } else {
+                    this.$message.error(res.message);
+                }
+            });
+        },
+        pieEachersChart(dataInfo) {
+            // 初始化Echarts实例
+            const pieChart = echarts.init(this.$refs.pieChart);
+
+            var data = [
+                {
+                    name: "未开始",
+                    roseType: "area",
+                    value: dataInfo.no,
+                    valuePer: dataInfo.noPer,
+                    itemStyle: { color: "#3BA1FF" },
+                    startRatio: 0,
+                    endRatio: 0.7,
+                },
+                {
+                    name: "进行中",
+                    roseType: "area",
+                    value: dataInfo.ing,
+                    valuePer: dataInfo.ingPer,
+                    itemStyle: { color: "#FBC02D" },
+                    startRatio: 0.7,
+                    endRatio: 1,
+                },
+                {
+                    name: "已完成",
+                    roseType: "area",
+                    value: dataInfo.done,
+                    valuePer: dataInfo.donePer,
+                    itemStyle: { color: "#0CE4D1" },
+                    startRatio: 0.7,
+                    endRatio: 1,
+                },
+            ];
+            var optionConfig = {};
+
+            const getPie3D = (pieData, internalDiameterRatio) => {
+                //internalDiameterRatio:透明的空心占比
+                let series = [];
+                let sumValue = 0;
+                let startValue = 0;
+                let endValue = 0;
+                let k = 1;
+                pieData.sort((a, b) => {
+                    return b.value - a.value;
+                });
+                // 为每一个饼图数据，生成一个 series-surface 配置
+                for (let i = 0; i < pieData.length; i++) {
+                    sumValue += pieData[i].value;
+                    let seriesItem = {
+                        name:
+                            typeof pieData[i].name === "undefined"
+                                ? `series${i}`
+                                : pieData[i].name,
+                        type: "surface",
+                        parametric: true,
+                        wireframe: {
+                            show: false,
+                        },
+                        pieData: pieData[i],
+                        pieStatus: {
+                            selected: false,
+                            hovered: false,
+                            k: k,
+                        },
+                        radius: "50%",
+                        center: ["10%", "10%"],
+                    };
+
+                    if (typeof pieData[i].itemStyle != "undefined") {
+                        let itemStyle = {};
+                        typeof pieData[i].itemStyle.color != "undefined"
+                            ? (itemStyle.color = pieData[i].itemStyle.color)
+                            : null;
+                        typeof pieData[i].itemStyle.opacity != "undefined"
+                            ? (itemStyle.opacity = pieData[i].itemStyle.opacity)
+                            : null;
+                        seriesItem.itemStyle = itemStyle;
+                    }
+                    series.push(seriesItem);
+                }
+
+                // 使用上一次遍历时，计算出的数据和 sumValue，调用 getParametricEquation 函数，
+                // 向每个 series-surface 传入不同的参数方程 series-surface.parametricEquation，也就是实现每一个扇形。
+
+                for (let i = 0; i < series.length; i++) {
+                    endValue = startValue + series[i].pieData.value;
+                    series[i].pieData.startRatio = startValue / sumValue;
+                    series[i].pieData.endRatio = endValue / sumValue;
+                    series[i].parametricEquation = getParametricEquation(
+                        series[i].pieData.startRatio,
+                        series[i].pieData.endRatio,
+                        false,
+                        false,
+                        k,
+                        series[i].pieData.value
+                    );
+                    startValue = endValue;
+                }
+                let boxHeight = getHeight3D(series, 15); //通过传参设定3d饼/环的高度，26代表26px
+                // 准备待返回的配置项，把准备好的 legendData、series 传入。
+                let option = {
+                    // backgroundColor: '#fff',
+                    labelLine: {
+                        show: false,
+                    },
+                    legend: {
+                        align: "left", //图例位置
+                        itemGap: this.$fontSize(15), //图例之间的间隔
+                        orient: "vertical",
+                        x: "right", //可设定图例在左、右、居中
+                        y: "center", //可设定图例在上、下、居中
+                        padding: [this.$fontSize(20), this.$fontSize(20), 0, 0], //可设定图例[距上方距离，距右方距离，距下方距离，距左方距离]
+                        itemWidth: this.$fontSize(10),
+                        itemHeight: this.$fontSize(10),
+                        formatter: function (e) {
+                            const find = data.find((item) => item.name === e);
+                            console.log("e111111", find);
+                            return `${e} \t | \t ${find.valuePer}% \t${find.value}`;
+                        },
+                        textStyle: {
+                            fontSize: this.$fontSize(14),
+                        },
+                    },
+                    label: {
+                        show: true,
+                        position: "outside",
+                        rich: {
+                            b: {
+                                fontSize: 24,
+                                lineHeight: 30,
+                                fontWeight: "bold",
+                                color: "#fff",
+                            },
+                            c: {
+                                fontSize: 18,
+                                color: "#fff",
+                            },
+                        },
+                        formatter: "{b|{b}}\n{c|{c}%}",
+                    },
+                    tooltip: {
+                        // backgroundColor: '#053A8D',
+                        formatter: (params) => {
+                            if (
+                                params.seriesName !== "mouseoutSeries" &&
+                                params.seriesName !== "pie2d"
+                            ) {
+                                let bfb = (
+                                    (option.series[params.seriesIndex].pieData
+                                        .endRatio -
+                                        option.series[params.seriesIndex]
+                                            .pieData.startRatio) *
+                                    100
+                                ).toFixed(2);
+                                bfb = bfb == "NaN" ? 0 : bfb;
+                                return (
+                                    `${params.seriesName}<br/>` +
+                                    `<span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:${params.color};"></span>` +
+                                    `${bfb}%`
+                                );
+                            }
+                        },
+                    },
+                    xAxis3D: {
+                        min: -1,
+                        max: 1,
+                    },
+                    yAxis3D: {
+                        min: -1,
+                        max: 1,
+                    },
+                    zAxis3D: {
+                        min: -1,
+                        max: 1,
+                    },
+                    grid3D: {
+                        show: false,
+                        boxHeight: boxHeight, //圆环的高度
+                        left: -50,
+                        top: 0, //3d饼图的位置
+                        viewControl: {
+                            //3d效果可以放大、旋转等，请自己去查看官方配置
+                            alpha: 20, //角度
+                            distance: 250, //调整视角到主体的距离，类似调整zoom
+                            rotateSensitivity: 0, //设置为0无法旋转
+                            zoomSensitivity: 0, //设置为0无法缩放
+                            panSensitivity: 0, //设置为0无法平移
+                            autoRotate: false, //自动旋转
+                        },
+                    },
+                    series: series,
+                };
+                return option;
+            };
+
+            //获取3d丙图的最高扇区的高度
+            const getHeight3D = (series, height) => {
+                series.sort((a, b) => {
+                    return b.pieData.value - a.pieData.value;
+                });
+                const maxValue = series[0].pieData.value
+                    ? series[0].pieData.value
+                    : 15;
+                return (height * 25) / maxValue;
+            };
+
+            // 生成扇形的曲面参数方程，用于 series-surface.parametricEquation
+            const getParametricEquation = (
+                startRatio,
+                endRatio,
+                isSelected,
+                isHovered,
+                k,
+                h
+            ) => {
+                // 计算
+                let midRatio = (startRatio + endRatio) / 2;
+                let startRadian = startRatio * Math.PI * 2;
+                let endRadian = endRatio * Math.PI * 2;
+                let midRadian = midRatio * Math.PI * 2;
+                // 如果只有一个扇形，则不实现选中效果。
+                if (startRatio === 0 && endRatio === 1) {
+                    isSelected = true;
+                }
+                // 通过扇形内径/外径的值，换算出辅助参数 k（默认值 1/3）
+                k = typeof k !== "undefined" ? k : 1 / 3;
+                // 计算选中效果分别在 x 轴、y 轴方向上的位移（未选中，则位移均为 0）
+                let offsetX = isSelected ? Math.cos(midRadian) * 0.1 : 0;
+                let offsetY = isSelected ? Math.sin(midRadian) * 0.1 : 0;
+                // 计算高亮效果的放大比例（未高亮，则比例为 1）
+                let hoverRate = isHovered ? 1.05 : 1;
+                // 返回曲面参数方程
+                return {
+                    u: {
+                        min: -Math.PI,
+                        max: Math.PI * 3,
+                        step: Math.PI / 32,
+                    },
+                    v: {
+                        min: 0,
+                        max: Math.PI * 2,
+                        step: Math.PI / 20,
+                    },
+                    x: function (u, v) {
+                        if (u < startRadian) {
+                            return (
+                                offsetX +
+                                Math.cos(startRadian) *
+                                    (1 + Math.cos(v) * k) *
+                                    hoverRate
+                            );
+                        }
+                        if (u > endRadian) {
+                            return (
+                                offsetX +
+                                Math.cos(endRadian) *
+                                    (1 + Math.cos(v) * k) *
+                                    hoverRate
+                            );
+                        }
+                        return (
+                            offsetX +
+                            Math.cos(u) * (1 + Math.cos(v) * k) * hoverRate
+                        );
+                    },
+                    y: function (u, v) {
+                        if (u < startRadian) {
+                            return (
+                                offsetY +
+                                Math.sin(startRadian) *
+                                    (1 + Math.cos(v) * k) *
+                                    hoverRate
+                            );
+                        }
+                        if (u > endRadian) {
+                            return (
+                                offsetY +
+                                Math.sin(endRadian) *
+                                    (1 + Math.cos(v) * k) *
+                                    hoverRate
+                            );
+                        }
+                        return (
+                            offsetY +
+                            Math.sin(u) * (1 + Math.cos(v) * k) * hoverRate
+                        );
+                    },
+                    z: function (u, v) {
+                        if (u < -Math.PI * 0.5) {
+                            return Math.sin(u);
+                        }
+                        if (u > Math.PI * 2.5) {
+                            return Math.sin(u) * h * 0.1;
+                        }
+                        return Math.sin(v) > 0 ? 1 * h * 0.1 : -1;
+                    },
+                };
+            };
+
+            const option = getPie3D(data, 0.8);
+            console.log(option);
+            //是否需要label指引线，如果要就添加一个透明的2d饼状图并调整角度使得labelLine和3d的饼状图对齐，并再次setOption
+            // option.series.push({
+            //   name: 'pie2d',
+            //   type: 'pie',
+            //   startAngle: -25, //起始角度，支持范围[0, 360]。
+            //   clockwise: false, //饼图的扇区是否是顺时针排布。上述这两项配置主要是为了对齐3d的样式
+            //   radius: ['65%', '65%'],
+            //   // center: ['55%', '48%'], //指示线的位置
+            //   data: data,
+            //   itemStyle: {
+            //     opacity: 0
+            //   }
+            // });
+
+            // 渲染图表并呈现在页面中
+            pieChart.setOption(option);
+            pieChart.on("click", (params) => {
+                const objName = {
+                    已完成: 3,
+                    进行中: 2,
+                    未开始: 1,
+                };
+                this.onClickDialog(7, objName[params.seriesName]);
+                console.log(params);
+            });
+            window.addEventListener("resize", () => {
+                pieChart.resize();
+            });
+        },
+        recursion(array) {
+            // 递归 筛选出节点的id
+            return array.map((item) => {
+                if (
+                    item.children &&
+                    Array.isArray(item.children) &&
+                    item.children.length > 0
+                ) {
+                    item.children = this.recursion(item.children);
+                    return {
+                        ...item,
+                    };
+                }
+                return {
+                    ...item,
+                    children: null,
+                };
+            });
+        },
+        getfuzzySearchTree(dataList) {
+            dataList.some((item) => {
+                if (item.children.length > 0) {
+                    if (item.children[0].itemId) {
+                        this.videoId = item.children[0].itemId;
+                        this.getVideo(item.children[0].itemId);
+                        return true;
+                    }
+                    this.getfuzzySearchTree(item.children);
+                } else {
+                    this.videoId = "";
+                    this.selectList = [];
+                }
+            });
+        },
+        //获取摄像机列表
+        getVideoItemList() {
+            let data = {
+                projectSn: this.$store.state.projectSn,
+                // itemIds: this.detailData.videoItemIds
+            };
+            console.log(data);
+            // getHomePageSelectEnableVideoItemApi(data).then(res => {
+            //   console.log('摄像头列表', res);
+            //   if (res.code == 200) {
+            //     this.videoList = res.result.list.map(item => {
+            //       return {
+            //         ...res.result.projectVideoConfig,
+            //         ...item
+            //       };
+            //     });
+            //     if (this.videoList.length > 0) {
+            //       this.videoId = this.videoList[0].itemId;
+            //       this.getVideo(this.videoList[0].itemId);
+            //     } else {
+            //       this.videoId = '';
+            //       this.selectList = [];
+            //     }
+            //   }
+            // });
+            getVideoTreeGroupVideoApi(data).then((res) => {
+                console.log("摄像头列表", res);
+                if (res.code == 200) {
+                    this.videoList = res.result.videoList
+                        .filter((item) => item.children.length > 0)
+                        .map((item) => {
+                            item.children = this.recursion(item.children);
+                            return {
+                                ...item,
+                                itemId: item.id,
+                            };
+                        });
+                    console.log(2112333, this.videoList);
+                    this.getfuzzySearchTree(this.videoList);
+                    // this.videoList.some((item) => {
+                    //   if (item.children.length > 0) {
+                    //     if (item.children[0].itemId) {
+                    //       this.videoId = item.children[0].itemId;
+                    //       this.getVideo(item.children[0].itemId);
+                    //       return true;
+                    //     }
+                    //     item.children.some((ele) => {
+                    //       if (ele.children.length > 0) {
+                    //         this.videoId = ele.children[0].itemId;
+                    //         this.getVideo(ele.children[0].itemId);
+                    //         return true;
+                    //       } else {
+                    //         this.videoId = "";
+                    //         this.selectList = [];
+                    //       }
+                    //     });
+                    //   } else {
+                    //     this.videoId = "";
+                    //     this.selectList = [];
+                    //   }
+                    // });
+                }
+            });
+        },
+        fuzzySearchTree(treeData, keyword, key = "name", result = []) {
+            for (const node of treeData) {
+                const newNode = { ...node };
+                // 检查当前节点是否匹配关键词
+                if (node[key] && node[key].includes(keyword)) {
+                    console.log(777777777777, newNode);
+                    result.push(newNode);
+                } else if (node.children && node.children.length > 0) {
+                    // 递归查询子节点
+                    const childrenResult = this.fuzzySearchTree(
+                        node.children,
+                        keyword,
+                        key,
+                        result
+                    );
+                    // if (childrenResult.length > 0) {
+                    //   newNode.children = childrenResult;
+                    //   // result.push(newNode);
+                    // }
+                }
+            }
+            return result;
+        },
+        //选择的视频
+        getVideo(val) {
+            const searchResult = this.fuzzySearchTree(
+                this.videoList,
+                val,
+                "itemId"
+            );
+            console.log(88888, searchResult);
+            this.selectList = searchResult;
+            // this.videoList.forEach(item => {
+            //   const find = item.children.find(ele => ele.itemId == val);
+            //   if (find) {
+            //     this.selectList = [find];
+            //   }
+            // });
+            // for (let i = 0; i < this.videoList.length; i++) {
+            //   if (val == this.videoList[i].itemId) {
+            //     this.selectList = [this.videoList[i]];
+            //   }
+            // }
+        },
+        //下拉框聚焦
+        visibleChange(val) {
+            if (val) {
+                hidePluginWindow();
+            } else {
+                showPluginWindow();
+            }
+            this.videoSelectFlag = val;
+            // if (this.videoList.length > 0 && this.videoList[0].videoType == 3) {
+            //   if (val) {
+            //     hidePluginWindow();
+            //   } else {
+            //     showPluginWindow();
+            //   }
+            //   this.videoSelectFlag = val;
+            // }
+        },
+        //滚动事件
+        handleScroll(event) {
+            console.log(event);
+            if (
+                this.videoSelectFlag ||
+                this.administrationDialog ||
+                this.allInfo.dialogFlag ||
+                this.showViewer ||
+                this.dialogContent ||
+                this.$store.state.messsageCenterDialog
+            )
+                return;
+            // document.documentElement.scrollTop || document.body.scrollTop
+            var scrollTop =
+                this.$refs.containerScroll &&
+                this.$refs.containerScroll.$el.__vue__.$children[0].$el
+                    .scrollTop;
+            var offsetTop =
+                document.querySelector("#playVideoBoxHome").offsetTop; // 获取所需元素到文档顶部的距离，然后判断滚动条位置让该元素是否固定定位
+            console.log(111223344, scrollTop, offsetTop);
+            if (scrollTop > offsetTop) {
+                hidePluginWindow();
+            } else {
+                showPluginWindow();
+            }
+        },
+        //查询装置主进度计划年份信息
+        getDeviceYearList() {
+            // let data = {
+            //   projectSn: this.$store.state.projectSn,
+            //   pageNo: 1,
+            //   pageSize: -1,
+            //   deviceUnitId: ''
+            //   // isFilterQualityRegionEnterprise: 1
+            // };
+            // getQueryScheduleYearListApi(data).then(res => {
+            //   if (res.code == 200) {
+            //     this.deviceYearList = [
+            //       {
+            //         id: '',
+            //         year: '全部'
+            //       },
+            //       ...res.result
+            //     ];
+            //     this.deviceYearInfo = this.deviceYearList[0];
+            //     console.log('查询装置主进度计划年份信息', this.deviceYearList);
+            //     this.getDeviceScheduleList();
+            //   } else {
+            //     this.$message.error(res.message);
+            //   }
+            // });
+            this.deviceYearList = [
+                {
+                    id: "",
+                    year: "全部",
+                },
+            ];
+            this.deviceYearInfo = this.deviceYearList[0];
+            this.deviceScheduleList = [];
+            // this.deviceScheduleList1 = [];
+            // this.getDeviceScheduleList(1);
+            this.getDeviceScheduleList(2);
+        },
+        onDeviceYearClick(row) {
+            if (row.id == this.deviceYearInfo.id) return;
+            this.deviceYearInfo = row;
+            this.getDeviceScheduleList();
+        },
+        getDeviceScheduleList(type) {
+            // let data = {
+            //   projectSn: this.$store.state.projectSn,
+            //   pageNo: 1,
+            //   pageSize: -1,
+            //   deviceUnitId: '',
+            //   year: this.deviceYearInfo.year == '全部' ? '' : this.deviceYearInfo.year
+            //   // isFilterQualityRegionEnterprise: 1
+            // };
+            // getQueryScheduleDetailListApi(data).then(res => {
+            //   if (res.code == 200) {
+            //     this.deviceScheduleList = res.result;
+            //     this.lineCharts(this.$refs.lineCharts);
+            //     console.log('查询装置主进度计划详情信息', this.deviceScheduleList);
+            //   } else {
+            //     this.$message.error(res.message);
+            //   }
+            // });
+            let data = {
+                recordId: this.planTreeInfo.planWbsTaskId,
+                pbsId: this.planTreeInfo.planPbsId,
+                projectSn: this.$store.state.projectSn,
+            };
+            data.year =
+                this.deviceYearInfo.year == "全部"
+                    ? ""
+                    : this.deviceYearInfo.year;
+
+            getPlanCurvePlanRecord(data).then((res) => {
+                if (res.code == 200) {
+                    console.log("查询装置主进度计划信息", res);
+                    const obj = {
+                        "1899717371193204738": [
+                            {
+                                time: "2024-12-01",
+                                plan: 0.0002,
+                                actual: 0.0,
+                                planTotal: 0.0002,
+                                actualTotal: 0.0,
+                            },
+                            {
+                                time: "2025-01-01",
+                                plan: 0.0002,
+                                actual: 0.0,
+                                planTotal: 0.0004,
+                                actualTotal: 0.0,
+                            },
+                            {
+                                time: "2025-02-01",
+                                plan: 0.0016,
+                                actual: 0,
+                                planTotal: 0.002,
+                                actualTotal: 0,
+                            },
+                            {
+                                time: "2025-03-01",
+                                plan: 0.0556,
+                                actual: 0.0575,
+                                planTotal: 0.0575,
+                                actualTotal: 0.0575,
+                            },
+                            {
+                                time: "2025-04-01",
+                                plan: 0.0327,
+                                actual: 0.0027,
+                                planTotal: 0.0902,
+                                actualTotal: 0.0854,
+                            },
+                            {
+                                time: "2025-05-01",
+                                plan: 0.0806,
+                                actual: 0,
+                                planTotal: 0.1708,
+                                actualTotal: 0.0854,
+                            },
+                            {
+                                time: "2025-06-01",
+                                plan: 0.2717,
+                                actual: 0,
+                                planTotal: 0.4425,
+                                actualTotal: 0.0854,
+                            },
+                            {
+                                time: "2025-07-01",
+                                plan: 0.0625,
+                                actual: 0,
+                                planTotal: 0.5047,
+                                actualTotal: 0.0854,
+                            },
+                            {
+                                time: "2025-08-01",
+                                plan: 0.0917,
+                                actual: 0,
+                                planTotal: 0.5964,
+                                actualTotal: 0.0854,
+                            },
+                            {
+                                time: "2025-09-01",
+                                plan: 0.1501,
+                                actual: 0,
+                                planTotal: 0.7474,
+                                actualTotal: 0.0854,
+                            },
+                            {
+                                time: "2025-10-01",
+                                plan: 0.1061,
+                                actual: 0,
+                                planTotal: 0.8535,
+                                actualTotal: 0.0854,
+                            },
+                            {
+                                time: "2025-11-01",
+                                plan: 0.0919,
+                                actual: 0,
+                                planTotal: 0.9454,
+                                actualTotal: 0.0854,
+                            },
+                            {
+                                time: "2025-12-01",
+                                plan: 0.0508,
+                                actual: 0,
+                                planTotal: 0.9963,
+                                actualTotal: 0.0854,
+                            },
+                            {
+                                time: "2026-01-01",
+                                plan: 0.0038,
+                                actual: 0,
+                                planTotal: 1.0,
+                                actualTotal: 0.0854,
+                            },
+                            {
+                                time: "2026-02-01",
+                                plan: 0,
+                                actual: 0,
+                                planTotal: 1,
+                                actualTotal: 0.0854,
+                            },
+                            {
+                                time: "2026-03-01",
+                                plan: 0,
+                                actual: 0,
+                                planTotal: 1,
+                                actualTotal: 0.0854,
+                            },
+                            {
+                                time: "2026-04-01",
+                                plan: 0,
+                                actual: 0,
+                                planTotal: 1,
+                                actualTotal: 0.0854,
+                            },
+                        ],
+                        "1899402366709522433": [
+                            {
+                                time: "2024-11-01",
+                                plan: 0.011,
+                                actual: 0.0224,
+                                planTotal: 0.011,
+                                actualTotal: 0.0224,
+                            },
+                            {
+                                time: "2024-12-01",
+                                plan: 0.0495,
+                                actual: 0.0479,
+                                planTotal: 0.0605,
+                                actualTotal: 0.0704,
+                            },
+                            {
+                                time: "2025-01-01",
+                                plan: 0.0385,
+                                actual: 0.0385,
+                                planTotal: 0.099,
+                                actualTotal: 0.1088,
+                            },
+                            {
+                                time: "2025-02-01",
+                                plan: 0.0394,
+                                actual: 0.0394,
+                                planTotal: 0.1029,
+                                actualTotal: 0.1128,
+                            },
+                            {
+                                time: "2025-03-01",
+                                plan: 0.0294,
+                                actual: 0.0267,
+                                planTotal: 0.1323,
+                                actualTotal: 0.1395,
+                            },
+                            {
+                                time: "2025-04-01",
+                                plan: 0.1143,
+                                actual: 0,
+                                planTotal: 0.2467,
+                                actualTotal: 0,
+                            },
+                            {
+                                time: "2025-05-01",
+                                plan: 0.0888,
+                                actual: 0,
+                                planTotal: 0.3355,
+                                actualTotal: 0,
+                            },
+                            {
+                                time: "2025-06-01",
+                                plan: 0.0697,
+                                actual: 0,
+                                planTotal: 0.4052,
+                                actualTotal: 0,
+                            },
+                            {
+                                time: "2025-07-01",
+                                plan: 0.0691,
+                                actual: 0,
+                                planTotal: 0.4743,
+                                actualTotal: 0,
+                            },
+                            {
+                                time: "2025-08-01",
+                                plan: 0.1161,
+                                actual: 0,
+                                planTotal: 0.5903,
+                                actualTotal: 0,
+                            },
+                            {
+                                time: "2025-09-01",
+                                plan: 0.1198,
+                                actual: 0,
+                                planTotal: 0.7101,
+                                actualTotal: 0,
+                            },
+                            {
+                                time: "2025-10-01",
+                                plan: 0.0322,
+                                actual: 0,
+                                planTotal: 0.7423,
+                                actualTotal: 0,
+                            },
+
+                            {
+                                time: "2025-11-01",
+                                plan: 0.0278,
+                                actual: 0,
+                                planTotal: 0.7701,
+                                actualTotal: 0,
+                            },
+                            {
+                                time: "2025-12-01",
+                                plan: 0.0389,
+                                actual: 0,
+                                planTotal: 0.8091,
+                                actualTotal: 0,
+                            },
+                            {
+                                time: "2026-01-01",
+                                plan: 0.0158,
+                                actual: 0,
+                                planTotal: 0.8249,
+                                actualTotal: 0,
+                            },
+                            {
+                                time: "2026-02-01",
+                                plan: 0.0248,
+                                actual: 0,
+                                planTotal: 0.8497,
+                                actualTotal: 0,
+                            },
+
+                            {
+                                time: "2026-03-01",
+                                plan: 0.0483,
+                                actual: 0,
+                                planTotal: 0.8981,
+                                actualTotal: 0,
+                            },
+                            {
+                                time: "2026-04-01",
+                                plan: 0.049,
+                                actual: 0,
+                                planTotal: 0.9471,
+                                actualTotal: 0,
+                            },
+                            {
+                                time: "2026-05-01",
+                                plan: 0.0256,
+                                actual: 0,
+                                planTotal: 0.9727,
+                                actualTotal: 0,
+                            },
+                            {
+                                time: "2026-06-01",
+                                plan: 0.0136,
+                                actual: 0,
+                                planTotal: 0.9863,
+                                actualTotal: 0,
+                            },
+                            {
+                                time: "2026-07-01",
+                                plan: 0.0137,
+                                actual: 0,
+                                planTotal: 0.9999,
+                                actualTotal: 0,
+                            },
+                            {
+                                time: "2026-08-01",
+                                plan: 0,
+                                actual: 0,
+                                planTotal: 1,
+                                actualTotal: 0,
+                            },
+                            {
+                                time: "2026-09-01",
+                                plan: 0,
+                                actual: 0,
+                                planTotal: 1,
+                                actualTotal: 0,
+                            },
+                            {
+                                time: "2026-10-01",
+                                plan: 0,
+                                actual: 0,
+                                planTotal: 1,
+                                actualTotal: 0,
+                            },
+                        ],
+                        "1899707045882109953": [
+                            {
+                                time: "2024-11-01",
+                                plan: 0.0044,
+                                actual: 0.0001,
+                                planTotal: 0.0004,
+                                actualTotal: 0.0001,
+                            },
+                            {
+                                time: "2024-12-01",
+                                plan: 0.0079,
+                                actual: 0.0062,
+                                planTotal: 0.0082,
+                                actualTotal: 0.0064,
+                            },
+                            {
+                                time: "2025-01-01",
+                                plan: 0.0186,
+                                actual: 0.0247,
+                                planTotal: 0.0268,
+                                actualTotal: 0.0311,
+                            },
+                            {
+                                time: "2025-02-01",
+                                plan: 0.0132,
+                                actual: 0.062,
+                                planTotal: 0.04,
+                                actualTotal: 0.0373,
+                            },
+                            {
+                                time: "2025-03-01",
+                                plan: 0.0255,
+                                actual: 0.0255,
+                                planTotal: 0.0671,
+                                actualTotal: 0.0628,
+                            },
+                            {
+                                time: "2025-04-01",
+                                plan: 0.0393,
+                                actual: 0.0393,
+                                planTotal: 0.1061,
+                                actualTotal: 0.102,
+                            },
+                            {
+                                time: "2025-05-01",
+                                plan: 0.0538,
+                                actual: 0,
+                                planTotal: 0.1599,
+                                actualTotal: 0,
+                            },
+                            {
+                                time: "2025-06-01",
+                                plan: 0.0706,
+                                actual: 0,
+                                planTotal: 0.2304,
+                                actualTotal: 0,
+                            },
+                            {
+                                time: "2025-07-01",
+                                plan: 0.079,
+                                actual: 0,
+                                planTotal: 0.3095,
+                                actualTotal: 0,
+                            },
+                            {
+                                time: "2025-08-01",
+                                plan: 0.1004,
+                                actual: 0,
+                                planTotal: 0.3998,
+                                actualTotal: 0,
+                            },
+                            {
+                                time: "2025-09-01",
+                                plan: 0.1214,
+                                actual: 0,
+                                planTotal: 0.5213,
+                                actualTotal: 0,
+                            },
+                            {
+                                time: "2025-10-01",
+                                plan: 0.02,
+                                actual: 0.0012,
+                                planTotal: 0.5413,
+                                actualTotal: 0.0012,
+                            },
+                            {
+                                time: "2025-11-01",
+                                plan: 0.0372,
+                                actual: 0,
+                                planTotal: 0.5785,
+                                actualTotal: 0,
+                            },
+                            {
+                                time: "2025-12-01",
+                                plan: 0.0379,
+                                actual: 0,
+                                planTotal: 0.6164,
+                                actualTotal: 0,
+                            },
+                            {
+                                time: "2026-01-01",
+                                plan: 0.0474,
+                                actual: 0,
+                                planTotal: 0.6638,
+                                actualTotal: 0,
+                            },
+                            {
+                                time: "2026-02-01",
+                                plan: 0.0325,
+                                actual: 0,
+                                planTotal: 0.6963,
+                                actualTotal: 0,
+                            },
+                            {
+                                time: "2026-03-01",
+                                plan: 0.0077,
+                                actual: 0,
+                                planTotal: 0.704,
+                                actualTotal: 0,
+                            },
+                            {
+                                time: "2026-04-01",
+                                plan: 0.0583,
+                                actual: 0,
+                                planTotal: 0.7623,
+                                actualTotal: 0,
+                            },
+                            {
+                                time: "2026-05-01",
+                                plan: 0.0199,
+                                actual: 0,
+                                planTotal: 0.7822,
+                                actualTotal: 0,
+                            },
+                            {
+                                time: "2026-06-01",
+                                plan: 0.1193,
+                                actual: 0,
+                                planTotal: 0.8815,
+                                actualTotal: 0,
+                            },
+                            {
+                                time: "2026-07-01",
+                                plan: 0.1394,
+                                actual: 0,
+                                planTotal: 0.9009,
+                                actualTotal: 0,
+                            },
+                            {
+                                time: "2026-08-01",
+                                plan: 0.041,
+                                actual: 0,
+                                planTotal: 0.9419,
+                                actualTotal: 0,
+                            },
+                            {
+                                time: "2026-09-01",
+                                plan: 0.0239,
+                                actual: 0,
+                                planTotal: 0.9658,
+                                actualTotal: 0,
+                            },
+                            {
+                                time: "2026-10-01",
+                                plan: 0.029,
+                                actual: 0,
+                                planTotal: 0.9948,
+                                actualTotal: 0,
+                            },
+                        ],
+                        "1899716729003319298": [
+                            {
+                                time: "2025-01-01",
+                                plan: 0,
+                                actual: 0,
+                                planTotal: 0.017,
+                                actualTotal: 0,
+                            },
+                            {
+                                time: "2025-02-01",
+                                plan: 0,
+                                actual: 0,
+                                planTotal: 0.0253,
+                                actualTotal: 0,
+                            },
+                            {
+                                time: "2025-03-01",
+                                plan: 0.036,
+                                actual: 0,
+                                planTotal: 0.0613,
+                                actualTotal: 0,
+                            },
+                            {
+                                time: "2025-04-01",
+                                plan: 0.0881,
+                                actual: 0.1473,
+                                planTotal: 0.1494,
+                                actualTotal: 0.1473,
+                            },
+                            {
+                                time: "2025-05-01",
+                                plan: 0.1263,
+                                actual: 0,
+                                planTotal: 0.2757,
+                                actualTotal: 0,
+                            },
+                            {
+                                time: "2025-06-01",
+                                plan: 0.0838,
+                                actual: 0,
+                                planTotal: 0.3596,
+                                actualTotal: 0,
+                            },
+                            {
+                                time: "2025-07-01",
+                                plan: 0.0886,
+                                actual: 0,
+                                planTotal: 0.4482,
+                                actualTotal: 0,
+                            },
+                            {
+                                time: "2025-08-01",
+                                plan: 0.1468,
+                                actual: 0,
+                                planTotal: 0.595,
+                                actualTotal: 0,
+                            },
+                            {
+                                time: "2025-09-01",
+                                plan: 0.1332,
+                                actual: 0,
+                                planTotal: 0.7282,
+                                actualTotal: 0,
+                            },
+                            {
+                                time: "2025-10-01",
+                                plan: 0.1151,
+                                actual: 0,
+                                planTotal: 0.8433,
+                                actualTotal: 0,
+                            },
+                            {
+                                time: "2025-11-01",
+                                plan: 0.0589,
+                                actual: 0,
+                                planTotal: 0.9022,
+                                actualTotal: 0,
+                            },
+                            {
+                                time: "2025-12-01",
+                                plan: 0.0347,
+                                actual: 0,
+                                planTotal: 0.9368,
+                                actualTotal: 0,
+                            },
+                            {
+                                time: "2026-01-01",
+                                plan: 0.0122,
+                                actual: 0,
+                                planTotal: 0.9491,
+                                actualTotal: 0,
+                            },
+                            {
+                                time: "2026-02-01",
+                                plan: 0.0284,
+                                actual: 0,
+                                planTotal: 0.9775,
+                                actualTotal: 0,
+                            },
+                            {
+                                time: "2026-03-01",
+                                plan: 0.009,
+                                actual: 0,
+                                planTotal: 0.9784,
+                                actualTotal: 0,
+                            },
+                            {
+                                time: "2026-04-01",
+                                plan: 0.0177,
+                                actual: 0,
+                                planTotal: 0.9961,
+                                actualTotal: 0,
+                            },
+                            {
+                                time: "2026-05-01",
+                                plan: 0.039,
+                                actual: 0,
+                                planTotal: 1,
+                                actualTotal: 0,
+                            },
+                        ],
+                        "1899716789845893121": [
+                            {
+                                time: "2025-01-01",
+                                plan: 0.0147,
+                                actual: 0,
+                                planTotal: 0.0147,
+                                actualTotal: 0,
+                            },
+                            {
+                                time: "2025-02-01",
+                                plan: 0.012,
+                                actual: 0,
+                                planTotal: 0.0267,
+                                actualTotal: 0,
+                            },
+                            {
+                                time: "2025-03-01",
+                                plan: 0.0336,
+                                actual: 0,
+                                planTotal: 0.0603,
+                                actualTotal: 0,
+                            },
+                            {
+                                time: "2025-04-01",
+                                plan: 0.0912,
+                                actual: 0.158,
+                                planTotal: 0.1516,
+                                actualTotal: 0.158,
+                            },
+                            {
+                                time: "2025-05-01",
+                                plan: 0.1415,
+                                actual: 0,
+                                planTotal: 0.2931,
+                                actualTotal: 0,
+                            },
+                            {
+                                time: "2025-06-01",
+                                plan: 0.0856,
+                                actual: 0,
+                                planTotal: 0.3787,
+                                actualTotal: 0,
+                            },
+                            {
+                                time: "2025-07-01",
+                                plan: 0.1169,
+                                actual: 0,
+                                planTotal: 0.4956,
+                                actualTotal: 0,
+                            },
+
+                            {
+                                time: "2025-08-01",
+                                plan: 0.0934,
+                                actual: 0,
+                                planTotal: 0.589,
+                                actualTotal: 0,
+                            },
+                            {
+                                time: "2025-09-01",
+                                plan: 0.0944,
+                                actual: 0,
+                                planTotal: 0.6834,
+                                actualTotal: 0,
+                            },
+                            {
+                                time: "2025-10-01",
+                                plan: 0.129,
+                                actual: 0,
+                                planTotal: 0.8124,
+                                actualTotal: 0,
+                            },
+                            {
+                                time: "2025-11-01",
+                                plan: 0.072,
+                                actual: 0,
+                                planTotal: 0.8844,
+                                actualTotal: 0,
+                            },
+                            {
+                                time: "2025-12-01",
+                                plan: 0.0403,
+                                actual: 0,
+                                planTotal: 0.9247,
+                                actualTotal: 0,
+                            },
+                            {
+                                time: "2026-01-01",
+                                plan: 0.0155,
+                                actual: 0,
+                                planTotal: 0.9402,
+                                actualTotal: 0,
+                            },
+                            {
+                                time: "2026-02-01",
+                                plan: 0.382,
+                                actual: 0,
+                                planTotal: 0.9784,
+                                actualTotal: 0,
+                            },
+                            {
+                                time: "2026-03-01",
+                                plan: 0,
+                                actual: 0,
+                                planTotal: 0.9784,
+                                actualTotal: 0,
+                            },
+                            {
+                                time: "2026-04-01",
+                                plan: 0.55,
+                                actual: 0,
+                                planTotal: 0.984,
+                                actualTotal: 0,
+                            },
+                            {
+                                time: "2026-05-01",
+                                plan: 0.16,
+                                actual: 0,
+                                planTotal: 1,
+                                actualTotal: 0,
+                            },
+                            {
+                                time: "2026-06-01",
+                                plan: 0,
+                                actual: 0,
+                                planTotal: 1,
+                                actualTotal: 0,
+                            },
+                        ],
+                        "1899716853611896834": [
+                            {
+                                time: "2025-01-01",
+                                plan: 0,
+                                actual: 0,
+                                planTotal: 0.01,
+                                actualTotal: 0,
+                            },
+                            {
+                                time: "2025-02-01",
+                                plan: 0.0079,
+                                actual: 0,
+                                planTotal: 0.0079,
+                                actualTotal: 0,
+                            },
+                            {
+                                time: "2025-03-01",
+                                plan: 0.0316,
+                                actual: 0,
+                                planTotal: 0.0396,
+                                actualTotal: 0,
+                            },
+                            {
+                                time: "2025-04-01",
+                                plan: 0.0633,
+                                actual: 0.0857,
+                                planTotal: 0.1029,
+                                actualTotal: 0.0857,
+                            },
+                            {
+                                time: "2025-05-01",
+                                plan: 0.0997,
+                                actual: 0,
+                                planTotal: 0.2026,
+                                actualTotal: 0,
+                            },
+                            {
+                                time: "2025-06-01",
+                                plan: 0.1001,
+                                actual: 0,
+                                planTotal: 0.3027,
+                                actualTotal: 0,
+                            },
+                            {
+                                time: "2025-07-01",
+                                plan: 0.082,
+                                actual: 0,
+                                planTotal: 0.3848,
+                                actualTotal: 0,
+                            },
+                            {
+                                time: "2025-08-01",
+                                plan: 0.1264,
+                                actual: 0,
+                                planTotal: 0.5111,
+                                actualTotal: 0,
+                            },
+                            {
+                                time: "2025-09-01",
+                                plan: 0.1325,
+                                actual: 0,
+                                planTotal: 0.6436,
+                                actualTotal: 0,
+                            },
+                            {
+                                time: "2025-10-01",
+                                plan: 0.1233,
+                                actual: 0,
+                                planTotal: 0.7669,
+                                actualTotal: 0,
+                            },
+                            {
+                                time: "2025-11-01",
+                                plan: 0.1003,
+                                actual: 0,
+                                planTotal: 0.8673,
+                                actualTotal: 0,
+                            },
+                            {
+                                time: "2025-12-01",
+                                plan: 0.0356,
+                                actual: 0,
+                                planTotal: 0.9028,
+                                actualTotal: 0,
+                            },
+                            {
+                                time: "2026-01-01",
+                                plan: 0.0359,
+                                actual: 0,
+                                planTotal: 0.9387,
+                                actualTotal: 0,
+                            },
+                            {
+                                time: "2026-02-01",
+                                plan: 0.1183,
+                                actual: 0,
+                                planTotal: 0.9505,
+                                actualTotal: 0,
+                            },
+                            {
+                                time: "2026-03-01",
+                                plan: 0.0206,
+                                actual: 0,
+                                planTotal: 0.9711,
+                                actualTotal: 0,
+                            },
+                            {
+                                time: "2026-04-01",
+                                plan: 0.073,
+                                actual: 0,
+                                planTotal: 0.9784,
+                                actualTotal: 0,
+                            },
+                            {
+                                time: "2026-05-01",
+                                plan: 0.05,
+                                actual: 0,
+                                planTotal: 0.9834,
+                                actualTotal: 0,
+                            },
+                            {
+                                time: "2026-06-01",
+                                plan: 0.0042,
+                                actual: 0,
+                                planTotal: 0.9978,
+                                actualTotal: 0,
+                            },
+                        ],
+                        "1899717264007766017": [
+                            {
+                                time: "2025-01-01",
+                                plan: 0,
+                                actual: 0,
+                                planTotal: 0.004,
+                                actualTotal: 0,
+                            },
+                            {
+                                time: "2025-02-01",
+                                plan: 0.0056,
+                                actual: 0,
+                                planTotal: 0.006,
+                                actualTotal: 0,
+                            },
+                            {
+                                time: "2025-03-01",
+                                plan: 0.0406,
+                                actual: 0,
+                                planTotal: 0.0466,
+                                actualTotal: 0,
+                            },
+                            {
+                                time: "2025-04-01",
+                                plan: 0.1527,
+                                actual: 0.1661,
+                                planTotal: 0.1993,
+                                actualTotal: 0.1661,
+                            },
+                            {
+                                time: "2025-05-01",
+                                plan: 0.151,
+                                actual: 0,
+                                planTotal: 0.3503,
+                                actualTotal: 0,
+                            },
+                            {
+                                time: "2025-06-01",
+                                plan: 0.1601,
+                                actual: 0,
+                                planTotal: 0.5104,
+                                actualTotal: 0,
+                            },
+                            {
+                                time: "2025-07-01",
+                                plan: 0.1124,
+                                actual: 0,
+                                planTotal: 0.6227,
+                                actualTotal: 0,
+                            },
+                            {
+                                time: "2025-08-01",
+                                plan: 0.0863,
+                                actual: 0,
+                                planTotal: 0.7091,
+                                actualTotal: 0,
+                            },
+                            {
+                                time: "2025-09-01",
+                                plan: 0.1165,
+                                actual: 0,
+                                planTotal: 0.8255,
+                                actualTotal: 0,
+                            },
+                            {
+                                time: "2025-10-01",
+                                plan: 0.0667,
+                                actual: 0,
+                                planTotal: 0.8923,
+                                actualTotal: 0,
+                            },
+                            {
+                                time: "2025-11-01",
+                                plan: 0.0379,
+                                actual: 0,
+                                planTotal: 0.9301,
+                                actualTotal: 0,
+                            },
+                            {
+                                time: "2025-12-01",
+                                plan: 0.0185,
+                                actual: 0,
+                                planTotal: 0.9486,
+                                actualTotal: 0,
+                            },
+                            {
+                                time: "2026-01-01",
+                                plan: 0.2941,
+                                actual: 0,
+                                planTotal: 0.9781,
+                                actualTotal: 0,
+                            },
+                            {
+                                time: "2026-02-01",
+                                plan: 0.0383,
+                                actual: 0,
+                                planTotal: 0.9818,
+                                actualTotal: 0,
+                            },
+                            {
+                                time: "2026-03-01",
+                                plan: 0.0,
+                                actual: 0,
+                                planTotal: 0.9818,
+                                actualTotal: 0,
+                            },
+                            {
+                                time: "2026-04-01",
+                                plan: 0.0182,
+                                actual: 0,
+                                planTotal: 0.9999,
+                                actualTotal: 0,
+                            },
+                            {
+                                time: "2026-05-01",
+                                plan: 0.0,
+                                actual: 0,
+                                planTotal: 1,
+                                actualTotal: 0,
+                            },
+                            {
+                                time: "2026-06-01",
+                                plan: 0.0,
+                                actual: 0,
+                                planTotal: 1,
+                                actualTotal: 0,
+                            },
+                        ],
+                    };
+                    const resultList =
+                        obj[this.planTreeInfo.planPbsId] || res.result;
+                    this.deviceYearList = resultList.reduce((prev, cur) => {
+                        const findIndex = prev.findIndex(
+                            (item) =>
+                                item.year == dayjs(cur.time).format("YYYY")
+                        );
+                        if (findIndex == -1) {
+                            prev.push({
+                                id: prev.length,
+                                year: dayjs(cur.time).format("YYYY"),
+                            });
+                        }
+                        return prev;
+                    }, this.deviceYearList);
+                    if (type == 1) {
+                        this.deviceScheduleList = resultList.reduce(
+                            (prev, cur) => {
+                                const findIndex = prev.findIndex(
+                                    (item) =>
+                                        item.timeYearMonth ==
+                                        dayjs(cur.time).format("YYYY-MM")
+                                );
+                                if (findIndex > -1) {
+                                    prev[findIndex].MonthList.push({
+                                        ...cur,
+                                        timeDate: dayjs(cur.time).format("DD"),
+                                    });
+                                } else {
+                                    prev.push({
+                                        time: cur.time,
+                                        timeYearMonth: dayjs(cur.time).format(
+                                            "YYYY-MM"
+                                        ),
+                                        timeMonth: dayjs(cur.time).format("MM"),
+                                        MonthList: [
+                                            {
+                                                ...cur,
+                                                timeDate: dayjs(
+                                                    cur.time
+                                                ).format("DD"),
+                                            },
+                                        ],
+                                    });
+                                }
+                                return prev;
+                            },
+                            []
+                        );
+                    } else if (type == 2) {
+                        this.deviceScheduleList = resultList.map((item) => {
+                            return {
+                                ...item,
+                                plan: item.plan * 100,
+                                actual: item.actual * 100,
+                                planTotal: item.planTotal * 100,
+                                actualTotal: item.actualTotal * 100,
+                            };
+                        });
+                        this.$nextTick(() => {
+                            this.lineCharts(this.$refs.lineCharts);
+                        });
+                    }
+                }
+            });
+        },
+        onPlanPbsChange() {
+            this.planTreeInfo.planPbsId =
+                this.planTreeInfo.planPbsIdList[
+                    this.planTreeInfo.planPbsIdList.length - 1
+                ];
+            this.getPlanRecordTreeList();
+        },
+        onPlanWbsTaskChange() {
+            this.planTreeInfo.planWbsTaskId =
+                this.planTreeInfo.planWbsTaskIdList[
+                    this.planTreeInfo.planWbsTaskIdList.length - 1
+                ];
+            this.getDeviceYearList();
+        },
+        // 折线图
+        lineCharts(el) {
+            let ageChart = echarts.init(el);
+            console.log(11334455, this.deviceScheduleList);
+            const maxCount = this.deviceScheduleList.reduce(
+                (prev, item, index) => {
+                    const actual = Number(item.actual);
+                    const plan = Number(item.plan);
+                    const max = actual > plan ? actual : plan;
+                    prev = max > prev ? max : prev;
+                    if (this.deviceScheduleList.length == index + 1) {
+                        return Math.ceil(prev + prev / 10);
+                    }
+                    return prev;
+                },
+                0
+            ); // 最大显示数量
+            const maxCountTotal = this.deviceScheduleList.reduce(
+                (prev, item) => {
+                    const actual = Number(item.actualTotal);
+                    const plan = Number(item.planTotal);
+                    const max = actual > plan ? actual : plan;
+                    prev = max > prev ? max : prev;
+                    return (Math.ceil(prev * 100) / 100).toFixed(2);
+                },
+                0
+            ); // 最大显示数量
+
+            console.log(maxCount);
+            let option = {
+                tooltip: {
+                    trigger: "axis",
+                },
+                // toolbox: {
+                //     feature: {
+                //     dataView: { show: true, readOnly: false },
+                //     magicType: { show: true, type: ['line', 'bar'] },
+                //     restore: { show: true },
+                //     saveAsImage: { show: true }
+                //     }
+                // },
+                legend: {
+                    align: "left", //图例位置
+                    itemGap: this.$fontSize(13), //图例之间的间隔
+                    orient: "vertical",
+                    // backgroundColor: '#fac858',
+                    // x: 'right', //可设定图例在左、右、居中
+                    y: "top", //可设定图例在上、下、居中
+                    top: this.$fontSize(50), // 距离顶部 30px
+                    right: this.$fontSize(70), // 距离右侧 10px
+                    padding: [
+                        this.$fontSize(16),
+                        this.$fontSize(16),
+                        this.$fontSize(16),
+                        this.$fontSize(16),
+                    ], //可设定图例[距上方距离，距右方距离，距下方距离，距左方距离]
+                    data: [
+                        {
+                            icon: "roundRect",
+                            name: "本期计划",
+                        },
+                        {
+                            icon: "roundRect",
+                            name: "本期实际",
+                        },
+                        {
+                            icon: "circle",
+                            name: "累计计划",
+                        },
+                        {
+                            icon: "circle",
+                            name: "累计实际",
+                        },
+                    ],
+                    itemWidth: this.$fontSize(10),
+                    itemHeight: this.$fontSize(10),
+                    textStyle: {
+                        fontSize: this.$fontSize(14),
+                        color: "rgba(137,153,172,1)",
+                    },
+                },
+                grid: {
+                    left: "3%",
+                    right: "2%",
+                    bottom: "3%",
+                    top: "5%",
+                    containLabel: true,
+                },
+                // toolbox: {
+                //     feature: {
+                //         saveAsImage: {}
+                //     }
+                // },
+                xAxis: {
+                    //   name: "月份", //X轴标题
+                    type: "category",
+                    //   boundaryGap: false,
+                    data: this.deviceScheduleList.map((item) =>
+                        dayjs(item.time).format("YYYY-MM")
+                    ),
+                    axisPointer: {
+                        type: "shadow",
+                    },
+                    axisLabel: {
+                        interval: 0,
+                        rotate: this.$fontSize(40),
+                        fontSize: this.$fontSize(14),
+                        color: "rgba(137,153,172,1)",
+                    },
+                    axisLine: {
+                        // 轴线
+                        show: true,
+                        lineStyle: {
+                            color: "#0056A8",
+                        },
+                    },
+                },
+                yAxis: [
+                    {
+                        name: "进\n度\n%", //Y轴标题
+                        type: "value",
+                        min: 0,
+                        max: maxCount,
+                        splitNumber: 8,
+                        nameRotate: 0, // 旋转角度
+                        nameGap: this.$fontSize(30), // 两个y轴之间的距离
+                        nameLocation: "middle",
+                        axisTick: {
+                            // 轴刻度
+                            show: false,
+                        },
+                        axisLine: {
+                            // 轴线
+                            show: true,
+                            lineStyle: {
+                                color: "#0056A8",
+                            },
+                        },
+                        itemStyle: {
+                            //颜色 默认灰色
+                            color: "rgba(161,163,167,1)",
+                        },
+                        nameTextStyle: {
+                            // verticalAlign: 'bottom',
+                            padding: [this.$fontSize(40), 0, 0, 0],
+                            fontSize: this.$fontSize(14),
+                            color: "rgba(137,153,172,1)",
+                        },
+                        splitLine: {
+                            show: true,
+                            lineStyle: {
+                                type: "dashed",
+                            },
+                        },
+                        axisLabel: {
+                            fontSize: this.$fontSize(14),
+                            textAlign: "center",
+                            textStyle: {
+                                color: "rgba(137,153,172,1)",
+                            },
+                        },
+                    },
+                    {
+                        name: "累\n计\n%", //Y轴标题
+                        min: 0,
+                        max: 100,
+                        interval: 10,
+                        // splitNumber: 8,
+                        nameRotate: 0, // 旋转角度
+                        nameLocation: "middle",
+                        nameGap: this.$fontSize(30), // 两个y轴之间的距离
+                        type: "value",
+                        axisTick: {
+                            // 轴刻度
+                            show: false,
+                        },
+                        axisLine: {
+                            // 轴线
+                            show: true,
+                            lineStyle: {
+                                color: "#0056A8",
+                            },
+                        },
+                        itemStyle: {
+                            //颜色 默认灰色
+                            color: "rgba(161,163,167,1)",
+                        },
+                        nameTextStyle: {
+                            // verticalAlign: 'bottom',
+                            padding: [this.$fontSize(40), 0, 0, 0],
+                            fontSize: this.$fontSize(14),
+                            color: "rgba(137,153,172,1)",
+                        },
+                        splitLine: {
+                            show: false,
+                            lineStyle: {
+                                type: "dashed",
+                            },
+                        },
+                        axisLabel: {
+                            textAlign: "center",
+                            fontSize: this.$fontSize(14),
+                            color: "rgba(137,153,172,1)",
+                        },
+                    },
+                ],
+                series: [
+                    {
+                        name: "本期计划",
+                        type: "bar",
+
+                        data: this.deviceScheduleList.map((item) =>
+                            item.plan == 0 &&
+                            dayjs(item.time).isAfter(dayjs("2025-04-01"))
+                                ? ""
+                                : item.plan.toFixed(2)
+                        ),
+                        itemStyle: {
+                            //颜色 默认灰色
+                            color: "rgba(255,127,80,1)",
+                        },
+                        barWidth: this.$fontSize(10), // 设置柱子粗细
+                    },
+                    {
+                        name: "本期实际",
+                        type: "bar",
+                        // stack: 'Total',
+                        data: this.deviceScheduleList.map((item) =>
+                            item.actual == 0 &&
+                            dayjs(item.time).isAfter(dayjs("2025-04-01"))
+                                ? ""
+                                : item.actual.toFixed(2)
+                        ),
+                        itemStyle: {
+                            //颜色 默认灰色
+                            color: "rgba(136,206,251,1)",
+                        },
+                        barWidth: this.$fontSize(10), // 设置柱子粗细
+                    },
+                    {
+                        name: "累计计划",
+                        type: "line",
+                        yAxisIndex: 1,
+                        // stack: 'Total',
+                        data: this.deviceScheduleList.map((item) =>
+                            item.planTotal == 0 &&
+                            dayjs(item.time).isAfter(dayjs("2025-04-01"))
+                                ? ""
+                                : item.planTotal.toFixed(2)
+                        ),
+                        itemStyle: {
+                            //颜色 默认灰色
+                            color: "rgba(218,112,214,1)",
+                        },
+                        symbol: "circle", //将小圆点改成实心 不写symbol默认空心
+                        symbolSize: this.$fontSize(5), //小圆点的大小
+                    },
+                    {
+                        name: "累计实际",
+                        type: "line",
+                        yAxisIndex: 1,
+                        // stack: 'Total',
+                        data: this.deviceScheduleList.map((item) =>
+                            item.actualTotal == 0 &&
+                            dayjs(item.time).isAfter(dayjs("2025-04-01"))
+                                ? ""
+                                : item.actualTotal.toFixed(2)
+                        ),
+                        itemStyle: {
+                            //颜色 默认灰色
+                            color: "rgba(50,205,50,1)",
+                        },
+                        symbol: "circle", //将小圆点改成实心 不写symbol默认空心
+                        symbolSize: this.$fontSize(5), //小圆点的大小
+                    },
+                ],
+                // dataZoom: [
+                //   {
+                //     type: 'slider', //隐藏或显示（true）组件
+                //     show: this.deviceScheduleList.length > 12 ? true : false,
+                //     // backgroundColor: "rgb(19, 63, 100)", // 组件的背景颜色。
+                //     // fillerColor: "rgb(16, 171, 198)", // 选中范围的填充颜色。
+                //     // borderColor: "rgb(19, 63, 100)", // 边框颜色
+                //     showDetail: false, //是否显示detail，即拖拽时候显示详细数值信息
+                //     startValue: 0,
+                //     endValue: 11,
+                //     filterMode: 'empty',
+                //     width: '50%', //滚动条高度
+                //     height: 6, //滚动条显示位置
+                //     left: 'center',
+                //     zoomLoxk: true, // 是否锁定选择区域（或叫做数据窗口）的大小
+                //     handleSize: 0, //控制手柄的尺寸
+                //     bottom: 0 // dataZoom-slider组件离容器下侧的距离
+                //   },
+                //   {
+                //     //没有下面这块的话，只能拖动滚动条，鼠标滚轮在区域内不能控制外部滚动条
+                //     type: 'inside',
+                //     zoomOnMouseWheel: false, //滚轮是否触发缩放
+                //     moveOnMouseMove: true, //鼠标滚轮触发滚动
+                //     moveOnMouseWheel: true
+                //   }
+                // ]
+            };
+            ageChart.setOption(option);
+            ageChart.on("click", (params) => {
+                this.onClickDialog(
+                    4,
+                    this.deviceScheduleList[params.dataIndex]
+                );
+                console.log(
+                    params.dataIndex,
+                    this.deviceScheduleList[params.dataIndex]
+                );
+            });
+            window.addEventListener("resize", () => {
+                ageChart.resize();
+            });
+        },
+        // 柱状图
+        safeEacherChart(el, dataList) {
+            const ageChart = echarts.init(el);
+            const option = {
+                grid: {
+                    left: "3%",
+                    right: "17%",
+                    bottom: "5%",
+                    top: "11%",
+                    containLabel: true,
+                },
+                xAxis: {
+                    name: "单位名称",
+                    // boundaryGap: false,
+                    type: "category",
+                    data: dataList.map((item) => item.x),
+                    axisTick: {
+                        show: false,
+                    },
+                    axisLine: {
+                        show: false,
+                    },
+                    nameTextStyle: {
+                        fontSize: this.$fontSize(14),
+                    },
+                    axisLabel: {
+                        color: "#9F9F9F",
+                        show: true,
+                        fontSize: this.$fontSize(14),
+                        interval: 0,
+                        formatter: function (params) {
+                            if (params.length > 7) {
+                                return params.slice(0, 6) + "...";
+                            }
+                            return params;
+                        },
+                    },
+                },
+                tooltip: {
+                    show: true,
+                    trigger: "axis",
+                },
+                yAxis: {
+                    name: "问题数量",
+                    minInterval: 1,
+                    type: "value",
+                    nameTextStyle: {
+                        fontSize: this.$fontSize(14),
+                    },
+                    axisTick: {
+                        show: false,
+                    },
+                    axisLine: {
+                        show: false,
+                    },
+                    axisLabel: {
+                        color: "#9F9F9F",
+                        fontSize: this.$fontSize(14),
+                    },
+                    splitLine: {
+                        show: true,
+                        lineStyle: {
+                            type: "dashed",
+                        },
+                    },
+                },
+                series: [
+                    {
+                        data: dataList.map((item) => Number(item.y)),
+                        type: "bar",
+                        itemStyle: {
+                            //颜色 默认灰色
+                            color: "#82D8E4",
+                            emphasis: {
+                                color: "#0056A8",
+                            },
+                        },
+                        barWidth: this.$fontSize(30), // 设置柱子粗细
+                    },
+                ],
+                dataZoom: [
+                    {
+                        type: "slider", //隐藏或显示（true）组件
+                        show: dataList.length > 3 ? true : false,
+                        // backgroundColor: "rgb(19, 63, 100)", // 组件的背景颜色。
+                        // fillerColor: "rgb(16, 171, 198)", // 选中范围的填充颜色。
+                        // borderColor: "rgb(19, 63, 100)", // 边框颜色
+                        showDetail: false, //是否显示detail，即拖拽时候显示详细数值信息
+                        startValue: 0,
+                        endValue: 3,
+                        filterMode: "empty",
+                        width: "50%", //滚动条高度
+                        height: 6, //滚动条显示位置
+                        left: "center",
+                        zoomLoxk: true, // 是否锁定选择区域（或叫做数据窗口）的大小
+                        handleSize: 0, //控制手柄的尺寸
+                        bottom: 0, // dataZoom-slider组件离容器下侧的距离
+                    },
+                    {
+                        //没有下面这块的话，只能拖动滚动条，鼠标滚轮在区域内不能控制外部滚动条
+                        type: "inside",
+                        zoomOnMouseWheel: false, //滚轮是否触发缩放
+                        moveOnMouseMove: true, //鼠标滚轮触发滚动
+                        moveOnMouseWheel: true,
+                    },
+                ],
+            };
+            ageChart.setOption(option);
+            window.addEventListener("resize", () => {
+                ageChart.resize();
+            });
+        },
+        safeEacherChart2(el, dataListX, dataListY, type, dataList) {
+            const ageChart = echarts.init(el);
+            const gridObj =
+                type == "specialChart" || type == "personnelChart"
+                    ? {
+                          left: "3%",
+                          right: "15%",
+                          bottom: "5%",
+                          top: "14%",
+                      }
+                    : {
+                          left: "3%",
+                          right: "5%",
+                          bottom: "5%",
+                          top: "10%",
+                      };
+            const option = {
+                grid: {
+                    ...gridObj,
+                    containLabel: true,
+                },
+                xAxis: {
+                    name:
+                        type == "specialChart" || type == "personnelChart"
+                            ? "单位名称"
+                            : "",
+                    type: "category",
+                    data: dataListX,
+                    axisTick: {
+                        show: false,
+                    },
+                    axisLine: {
+                        show: false,
+                    },
+                    axisLabel: {
+                        color: "#9F9F9F",
+                        show: true,
+                        fontSize: this.$fontSize(14),
+                        interval: 0,
+                        formatter: function (params) {
+                            if (params.length > 7) {
+                                return params.slice(0, 6) + "...";
+                            }
+                            return params;
+                        },
+                    },
+                },
+                tooltip: {
+                    show: true,
+                    trigger: "axis",
+                },
+                yAxis: {
+                    name:
+                        type == "specialChart"
+                            ? "问题数量"
+                            : type == "personnelChart"
+                            ? "人员数量"
+                            : "",
+                    type: "value",
+                    minInterval: 1,
+                    axisTick: {
+                        show: false,
+                    },
+                    axisLine: {
+                        show: false,
+                    },
+                    axisLabel: {
+                        color: "#9F9F9F",
+                        fontSize: this.$fontSize(14),
+                    },
+                    splitLine: {
+                        show: true,
+                        lineStyle: {
+                            type: "dashed",
+                        },
+                    },
+                },
+                series: [
+                    {
+                        data: dataListY,
+                        type: "bar",
+                        itemStyle: {
+                            //颜色 默认灰色
+                            color: "#82D8E4",
+                            emphasis: {
+                                color: "#0056A8",
+                            },
+                        },
+                        barWidth: this.$fontSize(30), // 设置柱子粗细
+                    },
+                ],
+                dataZoom: [
+                    {
+                        type: "slider", //隐藏或显示（true）组件
+                        show: dataList.length > 4 ? true : false,
+                        // backgroundColor: "rgb(19, 63, 100)", // 组件的背景颜色。
+                        // fillerColor: "rgb(16, 171, 198)", // 选中范围的填充颜色。
+                        // borderColor: "rgb(19, 63, 100)", // 边框颜色
+                        showDetail: false, //是否显示detail，即拖拽时候显示详细数值信息
+                        startValue: 0,
+                        endValue: 4,
+                        filterMode: "empty",
+                        width: "50%", //滚动条高度
+                        height: 6, //滚动条显示位置
+                        left: "center",
+                        zoomLoxk: true, // 是否锁定选择区域（或叫做数据窗口）的大小
+                        handleSize: 0, //控制手柄的尺寸
+                        bottom: 0, // dataZoom-slider组件离容器下侧的距离
+                    },
+                    {
+                        //没有下面这块的话，只能拖动滚动条，鼠标滚轮在区域内不能控制外部滚动条
+                        type: "inside",
+                        zoomOnMouseWheel: false, //滚轮是否触发缩放
+                        moveOnMouseMove: true, //鼠标滚轮触发滚动
+                        moveOnMouseWheel: true,
+                    },
+                ],
+            };
+            ageChart.setOption(option);
+            ageChart.on("click", (params) => {
+                if (type == "weldChart") {
+                    console.log("params");
+                    this.onClickDialog(1, dataList[params.dataIndex]);
+                }
+                console.log(params.dataIndex);
+            });
+            window.addEventListener("resize", () => {
+                ageChart.resize();
+            });
+        },
+        // 柱状图
+        weldEacherChart(el, dataListX, dataListY, type, dataList) {
+            const ageChart = echarts.init(el);
+            const option = {
+                tooltip: {
+                    trigger: "axis",
+                    formatter: function (params) {
+                        if (type == "weldChart") {
+                            return (
+                                params[0].name + "<br/>" + params[0].value + "%"
+                            );
+                        } else if (type == "personnelChart") {
+                            return params[0].name + "<br/>" + params[0].value;
+                        }
+                    },
+                    // axisPointer: {
+                    //   type: 'shadow'
+                    // }
+                },
+                grid: {
+                    left: "3%",
+                    right: "2%",
+                    bottom: "5%",
+                    top: "10%",
+                    containLabel: true,
+                },
+                xAxis: {
+                    type: "value",
+                    // boundaryGap: [0, 0.01],
+                    axisTick: {
+                        show: false,
+                    },
+                    axisLine: {
+                        show: false,
+                    },
+                    axisLabel: {
+                        color: "#9F9F9F",
+                        fontSize: this.$fontSize(14),
+                    },
+                    splitLine: {
+                        show: false,
+                    },
+                },
+                yAxis: {
+                    type: "category",
+                    data: dataListX,
+                    axisTick: {
+                        show: false,
+                    },
+                    axisLine: {
+                        show: false,
+                    },
+                    axisLabel: {
+                        color: "#9F9F9F",
+                        fontSize: this.$fontSize(14),
+                        formatter: function (params) {
+                            if (params.length > 7) {
+                                return params.slice(0, 6) + "...";
+                            }
+                            return params;
+                        },
+                    },
+                    splitLine: {
+                        show: true,
+                        lineStyle: {
+                            type: "dashed",
+                        },
+                    },
+                },
+                series: [
+                    {
+                        type: "bar",
+                        data: dataListY,
+                        itemStyle: {
+                            // barBorderRadius: [0, 5, 5, 0],
+                            //颜色 默认灰色
+                            color: "#82D8E4",
+                            emphasis: {
+                                color: "#0056A8",
+                            },
+                        },
+                        barWidth: this.$fontSize(34), // 设置柱子粗细
+                    },
+                ],
+                dataZoom: [
+                    {
+                        type: "slider", //隐藏或显示（true）组件
+                        // backgroundColor: "rgb(19, 63, 100)", // 组件的背景颜色。
+                        // fillerColor: "rgb(16, 171, 198)", // 选中范围的填充颜色。
+                        // borderColor: "rgb(19, 63, 100)", // 边框颜色
+                        showDetail: false, //是否显示detail，即拖拽时候显示详细数值信息
+                        filterMode: "empty",
+                        width: "50%", //滚动条高度
+                        height: 6, //滚动条显示位置
+                        left: "center",
+                        zoomLoxk: true, // 是否锁定选择区域（或叫做数据窗口）的大小
+                        handleSize: 0, //控制手柄的尺寸
+                        bottom: 0, // dataZoom-slider组件离容器下侧的距离
+                        show: dataListX > 7 ? true : false,
+                    },
+                    {
+                        //没有下面这块的话，只能拖动滚动条，鼠标滚轮在区域内不能控制外部滚动条
+
+                        type: "inside",
+                        zoomOnMouseWheel: false, //滚轮是否触发缩放
+                        moveOnMouseMove: true, //鼠标滚轮触发滚动
+                        moveOnMouseWheel: true,
+                        startValue: 0,
+                        endValue: 7,
+                        yAxisIndex: [0],
+                    },
+                ],
+            };
+            if (type == "weldChart") {
+                option.xAxis.max = 100;
+            }
+            ageChart.setOption(option);
+            ageChart.on("click", (params) => {
+                if (type == "weldChart") {
+                    console.log("params");
+                    this.onClickDialog(1, dataList[params.dataIndex]);
+                }
+                console.log(params.dataIndex);
+            });
+            window.addEventListener("resize", () => {
+                ageChart.resize();
+            });
+        },
+        onSafeClick(row) {
+            this.safeTimeInfo.id = row.id;
+            this.getHomePageSafeApi();
+        },
+        //
+        //查询数据
+        getPartyBuildingGuidanceList() {
+            getPartyBuildingGuidanceInfo({
+                projectSn: this.$store.state.projectSn,
+                pageNo: 1,
+                pageSize: 10,
+                type: 11,
+            }).then((result) => {
+                if (result.success) {
+                    result.result.records.map((item) => {
+                        if (item.file.includes("[")) {
+                            item.file = JSON.parse(item.file);
+                            if (
+                                item.file.length !== 0 &&
+                                !item.file[0].url.includes(
+                                    this.$store.state.FILEURL
+                                )
+                            ) {
+                                item.file[0].url =
+                                    this.$store.state.FILEURL +
+                                    item.file[0].url;
+                            }
+                        } else {
+                            let url = item.file;
+
+                            if (
+                                url.length !== 0 &&
+                                !url.includes(this.$store.state.FILEURL)
+                            ) {
+                                item.file = [{}];
+                                item.file[0].url =
+                                    this.$store.state.FILEURL + url;
+                            }
+                        }
+                    });
+                    this.firstPieceTemplateList = result.result.records;
+                    console.log(" this.List", this.List);
+                }
+            });
+        },
+        // 安全管理
+        getHomePageSafeApi() {
+            if (this.safeTimeInfo.id == 1) {
+                this.safeTimeInfo.inspectStartTime = "";
+            } else if (this.safeTimeInfo.id == 2) {
+                this.safeTimeInfo.inspectStartTime = dayjs(
+                    dayjs().add(-7, "d").startOf("day")
+                ).format("YYYY-MM-DD HH:mm:ss");
+            } else if (this.massTimeInfo.id == 3) {
+                this.safeTimeInfo.inspectStartTime = dayjs(
+                    dayjs().add(-30, "d").startOf("day")
+                ).format("YYYY-MM-DD HH:mm:ss");
+            } else if (this.safeTimeInfo.id == 4) {
+                this.safeTimeInfo.inspectStartTime = dayjs(
+                    dayjs().add(-365, "d").startOf("day")
+                ).format("YYYY-MM-DD HH:mm:ss");
+            }
+
+            this.safeTimeInfo.inspectEndTime =
+                this.safeTimeInfo.id == 1
+                    ? ""
+                    : dayjs().format("YYYY-MM-DD HH:mm:ss");
+            let data = {
+                projectSn: this.$store.state.projectSn,
+                inspectStartTime: this.safeTimeInfo.inspectStartTime,
+                inspectEndTime: this.safeTimeInfo.inspectEndTime,
+                // itemIds: this.detailData.videoItemIds
+            };
+            getHomePageCountSafeApi(data).then((res) => {
+                console.log("安全管理安全隐患统计", res);
+                if (res.code == 200) {
+                    this.safeDetailInfo = res.result;
+                }
+            });
+            getHomePageCountSafeResponsibleUnitApi(data).then((res) => {
+                console.log("安全管理EPC责任单位统计", res);
+                if (res.code == 200) {
+                    this.safeResponsibleUnitList = res.result;
+                    this.$nextTick(() => {
+                        this.safeEacherChart(
+                            this.$refs.safeChart,
+                            this.safeResponsibleUnitList
+                        );
+                    });
+                }
+            });
+            getHomePageCountSafeTypeProblemApi(data).then((res) => {
+                console.log("安全管理问题分类统计", res);
+                if (res.code == 200) {
+                    this.safeProblemList = res.result.data;
+                }
+            });
+        },
+        onMassClick(row) {
+            this.massTimeInfo.id = row.id;
+            this.getHomePageMassApi();
+        },
+        getHomePageMassApi() {
+            if (this.massTimeInfo.id == 1) {
+                this.massTimeInfo.inspectStartTime = "";
+            } else if (this.massTimeInfo.id == 2) {
+                this.massTimeInfo.inspectStartTime = dayjs(
+                    dayjs().add(-7, "d").startOf("day")
+                ).format("YYYY-MM-DD HH:mm:ss");
+            } else if (this.massTimeInfo.id == 3) {
+                this.massTimeInfo.inspectStartTime = dayjs(
+                    dayjs().add(-30, "d").startOf("day")
+                ).format("YYYY-MM-DD HH:mm:ss");
+            } else if (this.massTimeInfo.id == 4) {
+                this.massTimeInfo.inspectStartTime = dayjs(
+                    dayjs().add(-365, "d").startOf("day")
+                ).format("YYYY-MM-DD HH:mm:ss");
+            }
+
+            this.massTimeInfo.inspectEndTime =
+                this.massTimeInfo.id == 1
+                    ? ""
+                    : dayjs().format("YYYY-MM-DD HH:mm:ss");
+            let data = {
+                projectSn: this.$store.state.projectSn,
+                inspectStartTime: this.massTimeInfo.inspectStartTime,
+                inspectEndTime: this.massTimeInfo.inspectEndTime,
+                // itemIds: this.detailData.videoItemIds
+            };
+            getHomePageCountQualityApi(data).then((res) => {
+                console.log("质量管理记录统计", res);
+                if (res.code == 200) {
+                    this.massDetailInfo = res.result;
+                }
+            });
+            getHomePageCountQualityResponsibleUnitApi(data).then((res) => {
+                console.log("质量管理EPC责任单位问题分析", res);
+                if (res.code == 200) {
+                    this.massResponsibleUnitList = res.result;
+                    this.$nextTick(() => {
+                        this.safeEacherChart(
+                            this.$refs.massChart,
+                            this.massResponsibleUnitList
+                        );
+                    });
+                }
+            });
+            getHomePageCountQualityTechnologyApi({ ...data, type: 3 }).then(
+                (res) => {
+                    console.log("质量管理涉及技术专业统计", res);
+                    if (res.code == 200) {
+                        this.massProblemList = res.result.data;
+                    }
+                }
+            );
+        },
+        onContractorClick(row) {
+            this.contractorAssessmentInfo.id = row.id;
+            this.getHomePageRankEnterprise();
+        },
+        getHomePageRankEnterprise() {
+            let data = {
+                projectSn: this.$store.state.projectSn,
+                type: this.contractorAssessmentInfo.id,
+            };
+            getHomePageRankEnterpriseApi(data).then((res) => {
+                if (res.code == 200) {
+                    this.rankEnterpriseInfo = res.result;
+                    console.log("承包商考核排名", res);
+                } else {
+                    this.$message.error(res.message);
+                }
+            });
+        },
+        // 文明施工
+        onSpecialClick(row) {
+            this.specialId = row.id;
+            this.getHomePageCountSceneExposeSpecial();
+        },
+        getHomePageCountSceneExposeSpecial() {
+            let data = {
+                projectSn: this.$store.state.projectSn,
+                timeType: this.specialId,
+            };
+            getHomePageCountSceneExposeSpecialApi(data).then((res) => {
+                if (res.code == 200) {
+                    const dataX = res.result.map((item) => item.x);
+                    const dataY = res.result.map((item) => item.y);
+                    this.homePageSpecialList = res.result;
+                    this.$nextTick(() => {
+                        this.safeEacherChart2(
+                            this.$refs.specialChart,
+                            dataX,
+                            dataY,
+                            "specialChart",
+                            res.result
+                        );
+                    });
+                    console.log("焊接合格率", res);
+                } else {
+                    this.$message.error(res.message);
+                }
+            });
+        },
+        onSelectPersonClick(row) {
+            this.screenPersonId = row.id;
+            if (this.screenPersonId == 1) {
+                this.getHomePageRankWeldingPassRate();
+            } else {
+                this.getWeldingWorkerList();
+            }
+        },
+        // 焊接合格率
+        getHomePageRankWeldingPassRate() {
+            let data = {
+                projectSn: this.$store.state.projectSn,
+                ignoreWelderNameNull: 1,
+            };
+            getHomePageRankWeldingPassRateApi(data).then((res) => {
+                if (res.code == 200) {
+                    const dataX = res.result.map((item) => item.deviceUnitName);
+                    const dataY = res.result.map(
+                        (item) => item.weldingPassRate
+                    );
+                    this.homePageWeldingList = res.result;
+                    this.$nextTick(() => {
+                        this.safeEacherChart2(
+                            this.$refs.weldChart,
+                            dataX,
+                            dataY,
+                            "weldChart",
+                            res.result
+                        );
+                    });
+                    console.log("焊接合格率", res);
+                } else {
+                    this.$message.error(res.message);
+                }
+            });
+        },
+        getWeldingWorkerList() {
+            let data = {
+                projectSn: this.$store.state.projectSn,
+                weldingPassRateDesc: 1,
+                ignoreWelderNameNull: 1,
+            };
+            getWeldingWorker(data).then((res) => {
+                if (res.code == 200) {
+                    const dataX = res.result.records.map(
+                        (item) => item.welderName
+                    );
+                    const dataY = res.result.records.map(
+                        (item) => item.weldingPassRate
+                    );
+                    this.homePageWeldingList = res.result.records;
+                    this.$nextTick(() => {
+                        this.safeEacherChart2(
+                            this.$refs.weldChart,
+                            dataX,
+                            dataY,
+                            "weldChart",
+                            res.result.records
+                        );
+                    });
+                    console.log("焊接合格率", res);
+                } else {
+                    this.$message.error(res.message);
+                }
+            });
+        },
+        onSelectPersonType(row) {
+            this.selectPersonType = row.id;
+            const dataX = this.selectPersonList.map(
+                (item) => item.enterpriseName
+            );
+            const dataY = this.selectPersonList.map((item) => {
+                if (this.selectPersonType == 1) {
+                    return item.totalPersonNum;
+                } else if (this.selectPersonType == 2) {
+                    return item.attendancePersonNum;
+                } else if (this.selectPersonType == 3) {
+                    return item.presencePersonNum;
+                }
+            });
+            this.safeEacherChart2(
+                this.$refs.personnelChart,
+                dataX,
+                dataY,
+                "personnelChart",
+                this.selectPersonList
+            );
+        },
+        // 人员管理统计
+        getHomePageSelectPersonTypeAndEduStatistics() {
+            let data = {
+                projectSn: this.$store.state.projectSn,
+            };
+            getHomePageSelectPersonTypeAndEduStatisticsApi(data).then((res) => {
+                if (res.code == 200) {
+                    this.selectPersonInfo = res.result.personType;
+                    console.log("人员管理统计", res);
+                } else {
+                    this.$message.error(res.message);
+                }
+            });
+        },
+        // 人员管理查询项目下所有企业出勤人数列表
+        getHomePageSelectProjectComapnyWorkTotalList() {
+            let data = {
+                projectSn: this.$store.state.projectSn,
+            };
+            getHomePageSelectProjectComapnyWorkTotalListApi(data).then(
+                (res) => {
+                    if (res.code == 200) {
+                        this.selectPersonList = res.result;
+                        this.onSelectPersonType({
+                            id: this.selectPersonType,
+                        });
+                        console.log(
+                            "人员管理查询项目下所有企业出勤人数列表",
+                            res
+                        );
+                    } else {
+                        this.$message.error(res.message);
+                    }
+                }
+            );
+        },
+        //获取底部数据
+        getFooterData() {
+            getappVersionListApi({
+                pageNo: 1,
+                pageSize: 1,
+            }).then((res) => {
+                if (res.code == 200 && res.result.records.length > 0) {
+                    this.footerDataInfoApp = res.result.records[0];
+                    const downloadUrl =
+                        isJSON(this.footerDataInfoApp.downloadUrl) &&
+                        this.footerDataInfoApp.downloadUrl
+                            ? JSON.parse(this.footerDataInfoApp.downloadUrl)
+                            : [];
+                    console.log("获取最新版本", downloadUrl);
+                    if (downloadUrl.length > 0) {
+                        this.$nextTick(() => {
+                            // downloadUrl[0].url
+                            // "http://192.168.34.133:20626/#/pages/homePage/scandownload?url=http://219.147.96.219:9809/image/67cd55cd4f0c9e0977d25778.apk"
+                            this.bindQRCode(
+                                `http://192.168.3.9:39809/app/#/pages/homePage/scandownload?url=${downloadUrl[0].url}`,
+                                this.$refs.qrCodeDiv1,
+                                "qrCode1"
+                            );
+                            this.bindQRCode1(
+                                `http://192.168.3.9:39809/app/#/pages/homePage/scandownload?url=${downloadUrl[0].url}`,
+                                this.$refs.qrCodeDiv3,
+                                "qrCode3"
+                            );
+                        });
+                    }
+                }
+            });
+            getProjectConfigPageApi({
+                projectSn: this.$store.state.projectSn,
+            }).then((res) => {
+                if (res.code == 200 && res.result.records.length > 0) {
+                    this.footerDataInfo = res.result.records[0];
+                    this.$nextTick(() => {
+                        this.bindQRCode(
+                            this.footerDataInfo.v2,
+                            this.$refs.qrCodeDiv2,
+                            "qrCode2"
+                        );
+                        this.bindQRCode1(
+                            this.footerDataInfo.v2,
+                            this.$refs.qrCodeDiv4,
+                            "qrCode4"
+                        );
+                    });
+                }
+            });
+        },
+        //生成 二维码
+        bindQRCode(url, qrCodeRef, domId) {
+            console.log("生成二维码", url, qrCodeRef, domId);
+            // document.getElementById(domId).innerHTML = '';
+            // `${httpUrl}/doc/h5Entry/index.html?userId=${userId}&projectSn=${projectSn}`
+            new QRCode(qrCodeRef, {
+                text: url ? `${url}` : "暂无信息",
+                width: this.$fontSize(65),
+                height: this.$fontSize(65),
+                colorDark: "#333333", //二维码颜色
+                colorLight: "#ffffff", //二维码背景色
+                correctLevel: QRCode.CorrectLevel.L, //容错率，L/M/H
+            });
+        },
+        bindQRCode1(url, qrCodeRef, domId) {
+            console.log("生成二维码", url, qrCodeRef, domId);
+            // document.getElementById(domId).innerHTML = '';
+            // `${httpUrl}/doc/h5Entry/index.html?userId=${userId}&projectSn=${projectSn}`
+            new QRCode(qrCodeRef, {
+                text: url ? `${url}` : "暂无信息",
+                width: this.$fontSize(300),
+                height: this.$fontSize(300),
+                colorDark: "#333333", //二维码颜色
+                colorLight: "#ffffff", //二维码背景色
+                correctLevel: QRCode.CorrectLevel.L, //容错率，L/M/H
+            });
+        },
+        bindQRCodePreview(type) {
+            console.log("二维码：", type);
+            if (type == 1) {
+                console.log(
+                    "二维码：",
+                    this.$refs.qrCodeDiv1,
+                    this.$refs.qrCodeDiv1.children[1],
+                    this.$refs.qrCodeDiv1.children[1].src
+                );
+                const img = this.$refs.qrCodeDiv3.children[1].src;
+                this.showImgView(img);
+            } else if (type == 2) {
+                const img = this.$refs.qrCodeDiv4.children[1].src;
+                this.showImgView(img);
+            }
+        },
+    },
+    computed: {
+        noticeTypeUp() {
+            return (type) => {
+                const typeMap = {
+                    1: "质量",
+                    2: "安全",
+                    3: "AI",
+                    4: "安全履职预警",
+                    5: "企业资质",
+                    6: "人员资质",
+                    10: "其它",
+                    12: "待办",
+                };
+                return typeMap[type] || "";
+            };
+        },
+        videoPluginWindow() {
+            const {
+                administrationDialog,
+                allInfo,
+                showViewer,
+                dialogContent,
+                $store,
+            } = this;
+
+            return {
+                administrationDialog,
+                dialogFlag: allInfo.dialogFlag,
+                showViewer,
+                dialogContent,
+                messsageCenterDialog: $store.state.messsageCenterDialog,
+            };
+        },
+    },
+    watch: {
+        videoPluginWindow: {
+            handler(newVal) {
+                console.log(456456, newVal);
+                if (
+                    newVal.administrationDialog ||
+                    newVal.dialogFlag ||
+                    newVal.showViewer ||
+                    newVal.dialogContent ||
+                    newVal.messsageCenterDialog
+                ) {
+                    hidePluginWindow();
+                } else {
+                    showPluginWindow();
+                }
+            },
+        },
+        params: {
+            deep: true,
+            handler() {
+                this.getUserNotify();
+            },
+        },
+        "$store.state.projectSn": {
+            deep: true,
+            // immediate: true,
+            handler(to, from) {
+                console.log(to, "最新值");
+                if (this.$store.state.projectSn) this.getModuleList();
+            },
+        },
     },
-  },
 };
 </script>
 <style lang="less" scoped>
 .bt_noData {
-  position: absolute;
-  left: 50%;
-  top: 50%;
-  transform: translate(-50%, -50%);
-  font-size: 0.875rem;
-  color: #252c47;
-  text-align: center;
-  > img {
-    width: 280px;
-    height: 280px;
-  }
-  > p {
-    margin: 0;
-  }
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    transform: translate(-50%, -50%);
+    font-size: 0.875rem;
+    color: #252c47;
+    text-align: center;
+    > img {
+        width: 280px;
+        height: 280px;
+    }
+    > p {
+        margin: 0;
+    }
 }
 
 .dialog-wrap {
-  /deep/.el-dialog {
-    max-height: 90%;
-    margin: 0 !important;
-    // position: absolute;
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%);
-  }
+    /deep/.el-dialog {
+        max-height: 90%;
+        margin: 0 !important;
+        // position: absolute;
+        top: 50%;
+        left: 50%;
+        transform: translate(-50%, -50%);
+    }
 }
 /deep/ .el-dialog__body {
-  padding-top: 0;
-  max-height: initial !important;
+    padding-top: 0;
+    max-height: initial !important;
 }
 // @keyframes float {
 //   0%,
@@ -5064,1543 +5386,1759 @@ export default {
 //   }
 // }
 .issue_bulletin {
-  width: 358px;
-  height: 193px;
-  // filter: opacity(80%);
-  background-image: url(~@/assets/images/bthgIcon/issue_bulletin_bg1.png);
-  background-repeat: no-repeat;
-  background-size: 100% 100%;
-  position: absolute;
-  // top: 0;
-  // left: 0;
-  top: 20%;
-  left: 65%;
-  // transform: translateX(-50%);
-  z-index: 99;
-  // animation: float 30s infinite alternate ease-in-out;
-  // transition: all 0.2s ease-in-out;
-  // transition: 1s;
-  transition: transform 0.05s linear;
-  > div:first-child {
-    font-weight: 800;
-    font-size: 20px;
-    color: #ffffff;
-    height: 44px;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    position: relative;
-    .header_left {
-      font-size: 16px;
-      position: absolute;
-      left: 10px;
-      top: 50%;
-      color: #ffffff;
-      transform: translateY(-50%);
+    width: 358px;
+    height: 193px;
+    // filter: opacity(80%);
+    background-image: url(~@/assets/images/bthgIcon/issue_bulletin_bg1.png);
+    background-repeat: no-repeat;
+    background-size: 100% 100%;
+    position: absolute;
+    // top: 0;
+    // left: 0;
+    top: 20%;
+    left: 65%;
+    // transform: translateX(-50%);
+    z-index: 99;
+    // animation: float 30s infinite alternate ease-in-out;
+    // transition: all 0.2s ease-in-out;
+    // transition: 1s;
+    transition: transform 0.05s linear;
+    > div:first-child {
+        font-weight: 800;
+        font-size: 20px;
+        color: #ffffff;
+        height: 44px;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        position: relative;
+        .header_left {
+            font-size: 16px;
+            position: absolute;
+            left: 10px;
+            top: 50%;
+            color: #ffffff;
+            transform: translateY(-50%);
+        }
+        .el-icon-circle-close {
+            position: absolute;
+            right: 10px;
+            top: 50%;
+            color: #ffffff;
+            transform: translateY(-50%);
+            cursor: pointer;
+        }
     }
-    .el-icon-circle-close {
-      position: absolute;
-      right: 10px;
-      top: 50%;
-      color: #ffffff;
-      transform: translateY(-50%);
-      cursor: pointer;
+    > div:last-child {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        height: calc(100% - 44px);
+        padding: 0 12px;
+        > div {
+            width: 33%;
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            color: #a80000;
+            cursor: pointer;
+            > div:first-child {
+                font-size: 12px;
+            }
+            > div:last-child {
+                width: 100%;
+                text-align: center;
+                font-size: 14px;
+                overflow: hidden;
+                white-space: nowrap;
+                text-overflow: ellipsis;
+            }
+            > img {
+                width: 78px;
+                height: 60px;
+            }
+        }
     }
-  }
-  > div:last-child {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    height: calc(100% - 44px);
-    padding: 0 12px;
-    > div {
-      width: 33%;
-      display: flex;
-      flex-direction: column;
-      align-items: center;
-      color: #a80000;
-      cursor: pointer;
-      > div:first-child {
-        font-size: 12px;
-      }
-      > div:last-child {
-        width: 100%;
-        text-align: center;
-        font-size: 14px;
-        overflow: hidden;
-        white-space: nowrap;
-        text-overflow: ellipsis;
-      }
-      > img {
-        width: 78px;
-        height: 60px;
-      }
-    }
-  }
 }
 .dialog_container {
-  background-color: #e9f2ff;
-  border-radius: 8px;
-
-  > div:first-child {
-    padding: 16px;
-    font-size: 18px;
-    font-weight: bold;
-    border-bottom: 1px dashed #ccc;
-  }
-  > div:last-child {
-    height: calc(100% - 16px - 16px - 16px - 16px);
-    padding: 16px;
     background-color: #e9f2ff;
-    border-radius: 6px;
-    display: flex;
-    flex-wrap: wrap;
-    // justify-content: space-between;
-    align-content: flex-start;
-    > div:not(:nth-child(4n + 1)) {
-      margin-left: 16px;
-    }
-    > div:nth-child(n + 5) {
-      margin-top: 24px;
-    }
-    .delete_icon::after {
-      content: "";
-      position: absolute;
-      background-color: rgba(26, 26, 26, 0.4);
-      width: 100%;
-      height: 100%;
-      top: 0;
-      left: 0;
-      border-radius: 8px;
-    }
-    > div {
-      display: flex;
-      align-items: center;
-      background-color: white;
-      padding: 10px;
-      width: calc(25% - 16px - 12px - 4px);
-      border-radius: 8px;
-      // height: 50px;
-      position: relative;
-      .add_icon {
-        width: 20px;
-        height: 20px;
-        cursor: pointer;
-        position: absolute;
-        right: 0;
-        bottom: 0;
-        z-index: 11;
-      }
-      > img {
-        width: 50px;
-        height: 50px;
-      }
-      > div {
-        display: flex;
-        flex-direction: column;
-        justify-content: space-between;
-        margin-left: 16px;
-        min-height: 50px;
-        > div:first-child {
-          font-size: 16px;
-        }
-        > div:last-child {
-          font-size: 14px;
-          color: #707070;
-        }
-      }
-    }
-  }
-}
-.container {
-  // width: 100%;
-  width: 1920px;
-  padding-bottom: 141px;
-  .container_main {
-    margin: 20px;
-    display: flex;
-    .main_left {
-      width: calc(66.5% - 20px);
-      // width: calc(1232px - 20px);
-      margin-right: 20px;
-      .main_left_boxs3 {
-        height: calc(465px - 32px);
-        position: relative;
-        > div:first-child {
-          width: calc(42% - 10px);
-          justify-content: space-between;
-        }
-        .mass_content {
-          width: calc(42% - 32px);
-          height: calc(100% - 32px - 10px);
-          padding: 16px;
-          position: relative;
-          text-align: center;
-          .massChart {
-            height: calc(100% - 32px);
-          }
-        }
-        .mass_card {
-          width: calc(694px - 32px) !important;
-          height: calc(417px - 32px);
-          background: #ffffff;
-          box-shadow: 0px 5px 10px 0px rgba(46, 91, 255, 0.2);
-          border-radius: 4px 4px 4px 4px;
-          border: 1px solid rgba(102, 111, 232, 0.08);
-          position: absolute;
-          right: 16px;
-          top: 50%;
-          transform: translateY(-50%);
-          padding: 16px;
+    border-radius: 8px;
 
-          > div:first-child {
-            position: relative;
-            .safe_content_scroll_title {
-              width: 55% !important;
-              > div:first-child {
-                // text-align: left !important;
-                // padding-left: 18px;
-              }
-            }
-            .safe_content_scroll {
-              width: 55% !important;
-
-              flex: initial !important;
-            }
-            img {
-              width: 342px;
-              height: 445px !important;
-              position: absolute;
-              top: -100px;
-              right: 0;
-            }
-          }
-        }
-      }
-      .main_left_boxs2 {
-        height: calc(449px - 32px);
-        position: relative;
-        > div:first-child {
-          width: 59%;
-          justify-content: space-between;
-        }
-        .safe_card {
-          width: calc(482px - 32px);
-          height: calc(401px - 32px);
-          background: #ffffff;
-          box-shadow: 0px 5px 10px 0px rgba(46, 91, 255, 0.2);
-          border-radius: 4px 4px 4px 4px;
-          border: 1px solid rgba(102, 111, 232, 0.08);
-          position: absolute;
-          right: 16px;
-          top: 50%;
-          transform: translateY(-50%);
-          padding: 16px;
-          text-align: center;
-          .safeChart {
-            height: calc(100% - 21px);
-          }
-        }
-      }
-      .main_left_boxs_safety {
-        width: calc(100% - 32px);
-        background: linear-gradient(180deg, #e9f2ff 0%, #ffffff 53%);
-        border-radius: 8px;
-        margin-top: 24px;
+    > div:first-child {
         padding: 16px;
-        > div:first-child {
-          display: flex;
-        }
-        .right-top_header {
-          display: flex;
-          align-items: center;
-          justify-content: space-between;
-          margin-left: 16px;
-          .right-top_header_left {
-            display: flex;
-            > div {
-              border: 1px solid #0056a8;
-              padding: 2px 6px;
-              font-size: 12px;
-              color: #0056a8;
-              cursor: pointer;
-              position: relative;
-            }
-            > div:not(:first-child) {
-              margin-left: 10px;
-            }
-            > div.active {
-              background-color: #0056a8;
-              color: white;
-            }
-            .el-icon-close {
-              position: absolute;
-              font-size: 8px;
-              top: -1px;
-              right: -1px;
-              background-color: #ff0000;
-            }
-          }
-        }
-        .safe_content {
-          width: 59%;
-          > div:first-child {
-            margin-top: 40px;
-            display: flex;
-            // align-items: center;
-            > img {
-              flex: 1;
-              height: 257px;
-              object-fit: scale-down;
-            }
-            > div {
-              flex: 1;
-            }
-            .safe_content_scroll_title {
-              width: 100%;
-              display: flex;
-              font-size: 14px;
-              color: #707070;
-              > div:first-child {
-                font-size: 16px;
-                color: #444444;
-                position: relative;
-                margin: 0 16px;
-                width: 44%;
-                text-align: center;
-              }
-              > div:not(:first-child) {
-                margin: 0 16px;
-                width: 20%;
-              }
-              > div:nth-child(2) {
-                // margin-left: 32px;
-                width: 20%;
-              }
-            }
-            .safe_content_scroll {
-              width: calc(100% - 10px);
-              margin-left: 10px;
-              height: 260px;
-              overflow-y: auto;
-              > div {
-                display: flex;
-                align-items: center;
-                font-size: 14px;
-                color: #707070;
-                margin-top: 20px;
-                cursor: pointer;
-                > div:first-child {
-                  font-size: 16px;
-                  color: #444444;
-                  position: relative;
-                  margin: 0 16px;
-                  width: 38%;
-                  text-align: center;
-                  > div {
-                    width: 100%;
-                    overflow: hidden;
-                    text-overflow: ellipsis;
-                    display: -webkit-box;
-                    -webkit-line-clamp: 2; // 控制多行的行数
-                    -webkit-box-orient: vertical;
-                  }
-                }
-                > div:first-child::after {
-                  content: "";
-                  position: absolute;
-                  left: -14px;
-                  top: 50%;
-                  transform: translateY(-50%);
-                  width: 10px;
-                  height: 10px;
-                  border-radius: 50%;
-                  background-color: #3ba1ff;
-                }
-                > div:first-child::before {
-                  content: "";
-                  position: absolute;
-                  right: -18px;
-                  top: 50%;
-                  transform: translateY(-50%);
-                  width: 2px;
-                  height: 90%;
-                  background-color: #d9d9d9;
-                }
-                > div:not(:first-child) {
-                  margin: 0 16px;
-                  width: 20%;
-                  text-align: center;
-                }
-                > div:nth-child(2) {
-                  // margin-left: 32px;
-                  width: 20%;
-                  text-align: center;
-                }
-              }
-            }
-          }
-          > div:last-child {
-            display: flex;
-            > div:nth-child(1) {
-              > div:first-child {
-                border: 8px solid #7caaf9;
-              }
-            }
-            > div:nth-child(2) {
-              > div:first-child {
-                border: 8px solid #98e87a;
-              }
-            }
-            > div:nth-child(3) {
-              > div:first-child {
-                border: 8px solid #f97c7c;
-              }
-            }
-            > div:nth-child(4) {
-              > div:first-child {
-                border: 8px solid #98e87a;
-              }
-            }
-            > div {
-              width: 25%;
-              min-height: 70px;
-              display: flex;
-              align-items: center;
-              > div {
-                width: 24px;
-                height: 24px;
-                border-radius: 50%;
-              }
-              /deep/ .el-statistic {
-                flex: 1;
-                text-align: left;
-                margin-left: 16px;
-                display: flex;
-                flex-direction: column;
-                justify-content: center;
-                .head {
-                  color: #666666;
-                }
-                .con {
-                  color: #0056a8;
-                  font-weight: bold;
-                  justify-content: flex-start;
-                  .number {
-                    font-size: 22px;
-                  }
-                }
-              }
-            }
-          }
-        }
-      }
-      .main_left_boxs1 {
-        width: calc(100% - 32px);
-        height: calc(449px - 32px);
-        background: linear-gradient(180deg, #eaf3ff 0%, #ffffff 51%);
-        border-radius: 8px;
-        margin-top: 24px;
+        font-size: 18px;
+        font-weight: bold;
+        border-bottom: 1px dashed #ccc;
+    }
+    > div:last-child {
+        height: calc(100% - 16px - 16px - 16px - 16px);
         padding: 16px;
-        > div:first-child {
-          display: flex;
-          align-items: center;
-        }
-        .right-top_header {
-          display: flex;
-          align-items: center;
-          justify-content: space-between;
-          flex: 1;
-          margin-left: 16px;
-          // padding: 16px;
-          .right-top_header_left {
-            display: flex;
-            > div {
-              border: 1px solid #0056a8;
-              padding: 2px 6px;
-              font-size: 12px;
-              color: #0056a8;
-              cursor: pointer;
-              position: relative;
-            }
-            > div:not(:first-child) {
-              margin-left: 10px;
-            }
-            > div.active {
-              background-color: #0056a8;
-              color: white;
-            }
-            .el-icon-close {
-              position: absolute;
-              font-size: 8px;
-              top: -1px;
-              right: -1px;
-              background-color: #ff0000;
-            }
-          }
-          .right-top_header_right {
-            .el-form-item {
-              margin-bottom: 0;
-            }
-          }
-        }
-        .right-top {
-          height: calc(100% - 32px);
-          width: 100%;
-
-          .right-top_content {
-            .chart {
-              // height: calc(372px - 32px);
-              height: 385px;
-              width: 100%;
-              overflow: hidden;
-            }
-          }
-        }
-      }
-      .main_left_boxs10 {
-        height: 200px;
-      }
-      .main_left_boxs {
-        width: 100%;
+        background-color: #e9f2ff;
+        border-radius: 6px;
         display: flex;
-        .boxs_box2new {
-          width: calc(50% - 10px);
-          height: 640px;
-          margin-right: 10px;
-          display: flex;
-          flex-direction: column;
-          justify-content: space-between;
-          > div:first-child {
-            width: calc(100% - 32px);
-            height: calc(362px - 32px);
-            background: linear-gradient(180deg, #eaf3ff 0%, #ffffff 50%);
-            border-radius: 8px;
-            padding: 16px;
-          }
-
-          .projectOrganization_scroll {
-            height: calc(100% - 24px - 32px);
-            padding: 16px 0;
-          }
-
-          .projectOrganization {
-            width: 100%;
-            height: 500px;
-            // margin: 20px 0;
-            background-image: url(~@/assets/images/bthgIcon/bgIndex_2.png);
-            background-repeat: no-repeat;
-            background-size: 100% 100%;
-            position: relative;
-            .projectOrganization_box1 {
-              height: 278px;
-              position: relative;
-              display: flex;
-              justify-content: space-between;
-              > div:first-child {
-                width: 3.5%;
-                color: white;
-                text-align: center;
-                font-size: 15px;
-              }
-
-              .projectOrganization_box1_right {
-                width: 95%;
-                .projectOrganization_box1_header {
-                  display: flex;
-                  color: white;
-                  position: relative;
-                  font-size: 18px;
-                  height: 42px;
-                  align-items: center;
-                  justify-content: center;
-                  // > div:first-child {
-                  //   left: 30%;
-                  //   position: absolute;
-                  // }
-                  // > div:last-child {
-                  //   position: absolute;
-                  //   right: 38px;
-                  // }
-                }
-
-                .projectOrganization_box1_main {
-                  height: 196px;
-                  position: relative;
-                  display: flex;
-                  align-items: center;
-                  justify-content: space-between;
-                  width: 99%;
-                  > div {
-                    color: #0056a8;
-                    display: flex;
-                    align-items: center;
-                    > div {
-                      width: 24px;
-                      text-align: center;
-                    }
-                  }
-                }
-
-                .projectOrganization_box1_footer {
-                  position: relative;
-                  height: 31px;
-                  display: flex;
-                  align-items: center;
-                  justify-content: space-between;
-                  > div {
-                    color: white;
-                    width: 80px;
-                    text-align: center;
-                  }
-                }
-              }
-            }
-            .projectOrganization_box2 {
-              margin-top: 8px;
-              height: 84px;
-              display: flex;
-              justify-content: space-between;
-              align-items: center;
-              > div:first-child {
-                width: 3.5%;
-                color: white;
-                text-align: center;
-                font-size: 15px;
-              }
-              .projectOrganization_box2_footer {
-                width: 95%;
-                position: relative;
-                height: 31px;
-                display: flex;
-                align-items: center;
-                justify-content: space-between;
-                // margin-top: 10px;
-                > div {
-                  color: white;
-                  width: 80px;
-                  text-align: center;
-                  cursor: pointer;
-                }
-              }
-            }
-            .projectOrganization_box3 {
-              margin-top: 6px;
-              height: 124px;
-              display: flex;
-              justify-content: space-between;
-              align-items: center;
-              > div:first-child {
-                width: 3.5%;
-                color: white;
-                text-align: center;
-                font-size: 15px;
-              }
-              .projectOrganization_box3_main {
-                width: 95%;
-                height: 108px;
-                display: flex;
-                flex-direction: column;
-                justify-content: space-between;
-                .projectOrganization_box3_footer:first-child {
-                  > div {
-                    cursor: pointer;
-                  }
-                }
-                .projectOrganization_box3_footer {
-                  position: relative;
-                  height: 34px;
-                  display: flex;
-                  align-items: center;
-                  justify-content: space-between;
-                  // margin-top: 10px;
-                  > div {
-                    color: white;
-                    width: 80px;
-                    text-align: center;
-                  }
-                }
-              }
-            }
-          }
-
-          .assessment_box {
-            width: calc(100% - 32px);
-            height: calc(254px - 32px);
-            background: linear-gradient(180deg, #eaf3ff 0%, #ffffff 50%);
-            border-radius: 8px;
-            padding: 16px;
+        flex-wrap: wrap;
+        // justify-content: space-between;
+        align-content: flex-start;
+        > div:not(:nth-child(4n + 1)) {
+            margin-left: 16px;
+        }
+        > div:nth-child(n + 5) {
             margin-top: 24px;
-            > div:first-child {
-              display: flex;
-              justify-content: space-between;
-              .right-top_header {
-                display: flex;
-                align-items: center;
-                justify-content: space-between;
-                margin-left: 16px;
-                .right-top_header_left {
-                  display: flex;
-                  > div {
-                    border: 1px solid #0056a8;
-                    padding: 2px 6px;
-                    font-size: 12px;
-                    color: #0056a8;
-                    cursor: pointer;
-                    position: relative;
-                  }
-                  > div:not(:first-child) {
-                    margin-left: 10px;
-                  }
-                  > div.active {
-                    background-color: #0056a8;
-                    color: white;
-                  }
-                  .el-icon-close {
-                    position: absolute;
-                    font-size: 8px;
-                    top: -1px;
-                    right: -1px;
-                    background-color: #ff0000;
-                  }
-                }
-              }
-            }
-            > div:last-child {
-              width: 100%;
-              height: calc(100% - 24px) !important;
-              // margin-top: 24px;
-
-              /deep/ .el-carousel__item {
-                width: 178px;
-                height: 162px;
-              }
-              /deep/ .el-carousel__item:nth-child(1) {
-                transform: translateX(209.5px) scale(1) !important;
-                .card_carousel {
-                  > div:first-child {
-                    background-image: url(~@/assets/images/bthgIcon/contractor_bg2.png);
-                  }
-                }
-              }
-              /deep/ .el-carousel__item:nth-child(2) {
-                // transform: translateX(384.415px) scale(0.83) !important;
-                transform: translateX(409.415px) scale(1) !important;
-                .card_carousel {
-                  > div:first-child {
-                    background-image: url(~@/assets/images/bthgIcon/contractor_bg3.png);
-                  }
-                }
-              }
-              /deep/ .el-carousel__item:nth-child(3) {
-                // transform: translateX(35.415px) scale(0.83) !important;
-                transform: translateX(10.415px) scale(1) !important;
-                .card_carousel {
-                  > div:first-child {
-                    background-image: url(~@/assets/images/bthgIcon/contractor_bg1.png);
-                  }
-                }
-              }
-              .card_carousel {
-                width: 178px;
-                height: 162px;
-                background: #e9f2ff;
-                border-radius: 8px;
-                cursor: pointer;
-                > div:first-child {
-                  // background-image: url(~@/assets/images/bthgIcon/contractor_bg1.png);
-                  background-repeat: no-repeat;
-                  background-size: 100% 100%;
-                  height: 98px;
-                  border-radius: 8px;
-                  > img {
-                    width: 35px;
-                    height: 45px;
-                  }
-                }
-                > div:last-child {
-                  display: flex;
-                  flex-direction: column;
-                  justify-content: center;
-                  align-items: center;
-                  > div {
-                    margin-top: 5px;
-                  }
-                  > div:first-child {
-                    font-weight: 800;
-                    font-size: 18px;
-                    color: #171717;
-                  }
-                  > div:last-child {
-                    font-weight: 800;
-                    font-size: 18px;
-                    color: #444444;
-                    padding: 0 12px;
-                    word-break: break-all;
-                    text-overflow: ellipsis;
-                    display: -webkit-box;
-                    -webkit-box-orient: vertical;
-                    -webkit-line-clamp: 1;
-                    overflow: hidden;
-                  }
-                }
-              }
-              /deep/ .el-carousel__indicators--horizontal {
-                display: none;
-              }
-            }
-          }
         }
-        .boxs_box1 {
-          width: calc(50% - 10px - 16px - 16px);
-          height: calc(640px - 16px - 16px);
-          margin-right: 10px;
-          background-color: white;
-          padding: 16px;
-          > div:first-child {
+        .delete_icon::after {
+            content: "";
+            position: absolute;
+            background-color: rgba(26, 26, 26, 0.4);
+            width: 100%;
+            height: 100%;
+            top: 0;
+            left: 0;
+            border-radius: 8px;
+        }
+        > div {
             display: flex;
             align-items: center;
-            justify-content: space-between;
-            > div:last-child {
-              color: #0056a8;
-              font-size: 14px;
-              display: flex;
-              align-items: center;
-              margin-right: 15px;
-              cursor: pointer;
-              .el-icon-set-up {
-                font-size: 16px;
-                margin-right: 4px;
-              }
-            }
-          }
-          .commonmodule {
-            height: calc(557px - 16px - 16px);
-            padding: 16px;
-            background: #e9f2ff;
+            background-color: white;
+            padding: 10px;
+            width: calc(25% - 16px - 12px - 4px);
             border-radius: 8px;
-            margin-top: 24px;
-            display: flex;
-            flex-wrap: wrap;
-            justify-content: space-between;
-            align-content: flex-start;
+            // height: 50px;
             position: relative;
-            > .commonmodule_box:nth-child(n + 3) {
-              margin-top: 24px;
+            .add_icon {
+                width: 20px;
+                height: 20px;
+                cursor: pointer;
+                position: absolute;
+                right: 0;
+                bottom: 0;
+                z-index: 11;
             }
-            > .commonmodule_box {
-              display: flex;
-              align-items: center;
-              background-color: white;
-              padding: 10px;
-              width: calc(50% - 16px - 12px);
-              cursor: pointer;
-              // height: 50px;
-              > img {
+            > img {
                 width: 50px;
                 height: 50px;
-              }
-              > div {
+            }
+            > div {
                 display: flex;
                 flex-direction: column;
                 justify-content: space-between;
                 margin-left: 16px;
                 min-height: 50px;
                 > div:first-child {
-                  font-size: 16px;
+                    font-size: 16px;
                 }
                 > div:last-child {
-                  font-size: 14px;
+                    font-size: 14px;
+                    color: #707070;
                 }
-              }
             }
-          }
         }
-        .boxs_box2 {
-          width: calc(50% - 10px);
-          height: 640px;
-          margin-left: 10px;
-          display: flex;
-          flex-direction: column;
-          justify-content: space-between;
-          > div:first-child {
-            width: calc(100% - 32px);
-            height: calc(333px - 32px);
-            background-color: white;
-            padding: 16px;
-            border-radius: 8px;
-            > div:first-child {
-              display: flex;
-              align-items: center;
-              justify-content: space-between;
+    }
+}
+.container {
+    // width: 100%;
+    width: 1920px;
+    padding-bottom: 141px;
+    .container_main {
+        margin: 20px;
+        display: flex;
+        .main_left {
+            width: calc(66.5% - 20px);
+            // width: calc(1232px - 20px);
+            margin-right: 20px;
+            .main_left_boxs3 {
+                height: calc(465px - 32px);
+                position: relative;
+                > div:first-child {
+                    width: calc(42% - 10px);
+                    justify-content: space-between;
+                }
+                .mass_content {
+                    width: calc(42% - 32px);
+                    height: calc(100% - 32px - 10px);
+                    padding: 16px;
+                    position: relative;
+                    text-align: center;
+                    .massChart {
+                        height: calc(100% - 32px);
+                    }
+                }
+                .mass_card {
+                    width: calc(694px - 32px) !important;
+                    height: calc(417px - 32px);
+                    background: #ffffff;
+                    box-shadow: 0px 5px 10px 0px rgba(46, 91, 255, 0.2);
+                    border-radius: 4px 4px 4px 4px;
+                    border: 1px solid rgba(102, 111, 232, 0.08);
+                    position: absolute;
+                    right: 16px;
+                    top: 50%;
+                    transform: translateY(-50%);
+                    padding: 16px;
+
+                    > div:first-child {
+                        position: relative;
+                        .safe_content_scroll_title {
+                            width: 55% !important;
+                            > div:first-child {
+                                // text-align: left !important;
+                                // padding-left: 18px;
+                            }
+                        }
+                        .safe_content_scroll {
+                            width: 55% !important;
+
+                            flex: initial !important;
+                        }
+                        img {
+                            width: 342px;
+                            height: 445px !important;
+                            position: absolute;
+                            top: -100px;
+                            right: 0;
+                        }
+                    }
+                }
             }
-            > div:last-child {
-              height: calc(100% - 32px);
-              width: calc(100% - 12px);
-              margin: 16px 0 0 12px;
-              box-sizing: border-box;
-              overflow: hidden;
-              position: relative;
-              border-radius: 8px;
-              .playVideoBoxHome {
-                height: 100%;
+            .main_left_boxs2 {
+                height: calc(449px - 32px);
+                position: relative;
+                > div:first-child {
+                    width: 59%;
+                    justify-content: space-between;
+                }
+                .safe_card {
+                    width: calc(482px - 32px);
+                    height: calc(401px - 32px);
+                    background: #ffffff;
+                    box-shadow: 0px 5px 10px 0px rgba(46, 91, 255, 0.2);
+                    border-radius: 4px 4px 4px 4px;
+                    border: 1px solid rgba(102, 111, 232, 0.08);
+                    position: absolute;
+                    right: 16px;
+                    top: 50%;
+                    transform: translateY(-50%);
+                    padding: 16px;
+                    text-align: center;
+                    .safeChart {
+                        height: calc(100% - 21px);
+                    }
+                }
+            }
+            .main_left_boxs_safety {
+                width: calc(100% - 32px);
+                background: linear-gradient(180deg, #e9f2ff 0%, #ffffff 53%);
+                border-radius: 8px;
+                margin-top: 24px;
+                padding: 16px;
+                > div:first-child {
+                    display: flex;
+                }
+                .right-top_header {
+                    display: flex;
+                    align-items: center;
+                    justify-content: space-between;
+                    margin-left: 16px;
+                    .right-top_header_left {
+                        display: flex;
+                        > div {
+                            border: 1px solid #0056a8;
+                            padding: 2px 6px;
+                            font-size: 12px;
+                            color: #0056a8;
+                            cursor: pointer;
+                            position: relative;
+                        }
+                        > div:not(:first-child) {
+                            margin-left: 10px;
+                        }
+                        > div.active {
+                            background-color: #0056a8;
+                            color: white;
+                        }
+                        .el-icon-close {
+                            position: absolute;
+                            font-size: 8px;
+                            top: -1px;
+                            right: -1px;
+                            background-color: #ff0000;
+                        }
+                    }
+                }
+                .safe_content {
+                    width: 59%;
+                    > div:first-child {
+                        margin-top: 40px;
+                        display: flex;
+                        // align-items: center;
+                        > img {
+                            flex: 1;
+                            height: 257px;
+                            object-fit: scale-down;
+                        }
+                        > div {
+                            flex: 1;
+                        }
+                        .safe_content_scroll_title {
+                            width: 100%;
+                            display: flex;
+                            font-size: 14px;
+                            color: #707070;
+                            > div:first-child {
+                                font-size: 16px;
+                                color: #444444;
+                                position: relative;
+                                margin: 0 16px;
+                                width: 44%;
+                                text-align: center;
+                            }
+                            > div:not(:first-child) {
+                                margin: 0 16px;
+                                width: 20%;
+                            }
+                            > div:nth-child(2) {
+                                // margin-left: 32px;
+                                width: 20%;
+                            }
+                        }
+                        .safe_content_scroll {
+                            width: calc(100% - 10px);
+                            margin-left: 10px;
+                            height: 260px;
+                            overflow-y: auto;
+                            > div {
+                                display: flex;
+                                align-items: center;
+                                font-size: 14px;
+                                color: #707070;
+                                margin-top: 20px;
+                                cursor: pointer;
+                                > div:first-child {
+                                    font-size: 16px;
+                                    color: #444444;
+                                    position: relative;
+                                    margin: 0 16px;
+                                    width: 38%;
+                                    text-align: center;
+                                    > div {
+                                        width: 100%;
+                                        overflow: hidden;
+                                        text-overflow: ellipsis;
+                                        display: -webkit-box;
+                                        -webkit-line-clamp: 2; // 控制多行的行数
+                                        -webkit-box-orient: vertical;
+                                    }
+                                }
+                                > div:first-child::after {
+                                    content: "";
+                                    position: absolute;
+                                    left: -14px;
+                                    top: 50%;
+                                    transform: translateY(-50%);
+                                    width: 10px;
+                                    height: 10px;
+                                    border-radius: 50%;
+                                    background-color: #3ba1ff;
+                                }
+                                > div:first-child::before {
+                                    content: "";
+                                    position: absolute;
+                                    right: -18px;
+                                    top: 50%;
+                                    transform: translateY(-50%);
+                                    width: 2px;
+                                    height: 90%;
+                                    background-color: #d9d9d9;
+                                }
+                                > div:not(:first-child) {
+                                    margin: 0 16px;
+                                    width: 20%;
+                                    text-align: center;
+                                }
+                                > div:nth-child(2) {
+                                    // margin-left: 32px;
+                                    width: 20%;
+                                    text-align: center;
+                                }
+                            }
+                        }
+                    }
+                    > div:last-child {
+                        display: flex;
+                        > div:nth-child(1) {
+                            > div:first-child {
+                                border: 8px solid #7caaf9;
+                            }
+                        }
+                        > div:nth-child(2) {
+                            > div:first-child {
+                                border: 8px solid #98e87a;
+                            }
+                        }
+                        > div:nth-child(3) {
+                            > div:first-child {
+                                border: 8px solid #f97c7c;
+                            }
+                        }
+                        > div:nth-child(4) {
+                            > div:first-child {
+                                border: 8px solid #98e87a;
+                            }
+                        }
+                        > div {
+                            width: 25%;
+                            min-height: 70px;
+                            display: flex;
+                            align-items: center;
+                            > div {
+                                width: 24px;
+                                height: 24px;
+                                border-radius: 50%;
+                            }
+                            /deep/ .el-statistic {
+                                flex: 1;
+                                text-align: left;
+                                margin-left: 16px;
+                                display: flex;
+                                flex-direction: column;
+                                justify-content: center;
+                                .head {
+                                    color: #666666;
+                                }
+                                .con {
+                                    color: #0056a8;
+                                    font-weight: bold;
+                                    justify-content: flex-start;
+                                    .number {
+                                        font-size: 22px;
+                                    }
+                                }
+                            }
+                        }
+                    }
+                }
+            }
+            .main_left_boxs1 {
+                width: calc(100% - 32px);
+                height: calc(449px - 32px);
+                background: linear-gradient(180deg, #eaf3ff 0%, #ffffff 51%);
+                border-radius: 8px;
+                margin-top: 24px;
+                padding: 16px;
+                > div:first-child {
+                    display: flex;
+                    align-items: center;
+                }
+                .right-top_header {
+                    display: flex;
+                    align-items: center;
+                    justify-content: space-between;
+                    flex: 1;
+                    margin-left: 16px;
+                    // padding: 16px;
+                    .right-top_header_left {
+                        display: flex;
+                        > div {
+                            border: 1px solid #0056a8;
+                            padding: 2px 6px;
+                            font-size: 12px;
+                            color: #0056a8;
+                            cursor: pointer;
+                            position: relative;
+                        }
+                        > div:not(:first-child) {
+                            margin-left: 10px;
+                        }
+                        > div.active {
+                            background-color: #0056a8;
+                            color: white;
+                        }
+                        .el-icon-close {
+                            position: absolute;
+                            font-size: 8px;
+                            top: -1px;
+                            right: -1px;
+                            background-color: #ff0000;
+                        }
+                    }
+                    .right-top_header_right {
+                        .el-form-item {
+                            margin-bottom: 0;
+                        }
+                    }
+                }
+                .right-top {
+                    height: calc(100% - 32px);
+                    width: 100%;
+
+                    .right-top_content {
+                        .chart {
+                            // height: calc(372px - 32px);
+                            height: 385px;
+                            width: 100%;
+                            overflow: hidden;
+                        }
+                    }
+                }
+            }
+            .main_left_boxs10 {
+                height: 200px;
+            }
+            .main_left_boxs {
                 width: 100%;
+                display: flex;
+                .boxs_box2new {
+                    width: calc(50% - 10px);
+                    height: 640px;
+                    margin-right: 10px;
+                    display: flex;
+                    flex-direction: column;
+                    justify-content: space-between;
+                    > div:first-child {
+                        width: calc(100% - 32px);
+                        height: calc(362px - 32px);
+                        background: linear-gradient(
+                            180deg,
+                            #eaf3ff 0%,
+                            #ffffff 50%
+                        );
+                        border-radius: 8px;
+                        padding: 16px;
+                    }
+
+                    .projectOrganization_scroll {
+                        height: calc(100% - 24px - 32px);
+                        padding: 16px 0;
+                    }
+
+                    .projectOrganization {
+                        width: 100%;
+                        height: 500px;
+                        // margin: 20px 0;
+                        background-image: url(~@/assets/images/bthgIcon/bgIndex_2.png);
+                        background-repeat: no-repeat;
+                        background-size: 100% 100%;
+                        position: relative;
+                        .projectOrganization_box1 {
+                            height: 278px;
+                            position: relative;
+                            display: flex;
+                            justify-content: space-between;
+                            > div:first-child {
+                                width: 3.5%;
+                                color: white;
+                                text-align: center;
+                                font-size: 15px;
+                            }
+
+                            .projectOrganization_box1_right {
+                                width: 95%;
+                                .projectOrganization_box1_header {
+                                    display: flex;
+                                    color: white;
+                                    position: relative;
+                                    font-size: 18px;
+                                    height: 42px;
+                                    align-items: center;
+                                    justify-content: center;
+                                    // > div:first-child {
+                                    //   left: 30%;
+                                    //   position: absolute;
+                                    // }
+                                    // > div:last-child {
+                                    //   position: absolute;
+                                    //   right: 38px;
+                                    // }
+                                }
+
+                                .projectOrganization_box1_main {
+                                    height: 196px;
+                                    position: relative;
+                                    display: flex;
+                                    align-items: center;
+                                    justify-content: space-between;
+                                    width: 99%;
+                                    > div {
+                                        color: #0056a8;
+                                        display: flex;
+                                        align-items: center;
+                                        > div {
+                                            width: 24px;
+                                            text-align: center;
+                                        }
+                                    }
+                                }
+
+                                .projectOrganization_box1_footer {
+                                    position: relative;
+                                    height: 31px;
+                                    display: flex;
+                                    align-items: center;
+                                    justify-content: space-between;
+                                    > div {
+                                        color: white;
+                                        width: 80px;
+                                        text-align: center;
+                                    }
+                                }
+                            }
+                        }
+                        .projectOrganization_box2 {
+                            margin-top: 8px;
+                            height: 84px;
+                            display: flex;
+                            justify-content: space-between;
+                            align-items: center;
+                            > div:first-child {
+                                width: 3.5%;
+                                color: white;
+                                text-align: center;
+                                font-size: 15px;
+                            }
+                            .projectOrganization_box2_footer {
+                                width: 95%;
+                                position: relative;
+                                height: 31px;
+                                display: flex;
+                                align-items: center;
+                                justify-content: space-between;
+                                // margin-top: 10px;
+                                > div {
+                                    color: white;
+                                    width: 80px;
+                                    text-align: center;
+                                    cursor: pointer;
+                                }
+                            }
+                        }
+                        .projectOrganization_box3 {
+                            margin-top: 6px;
+                            height: 124px;
+                            display: flex;
+                            justify-content: space-between;
+                            align-items: center;
+                            > div:first-child {
+                                width: 3.5%;
+                                color: white;
+                                text-align: center;
+                                font-size: 15px;
+                            }
+                            .projectOrganization_box3_main {
+                                width: 95%;
+                                height: 108px;
+                                display: flex;
+                                flex-direction: column;
+                                justify-content: space-between;
+                                .projectOrganization_box3_footer:first-child {
+                                    > div {
+                                        cursor: pointer;
+                                    }
+                                }
+                                .projectOrganization_box3_footer {
+                                    position: relative;
+                                    height: 34px;
+                                    display: flex;
+                                    align-items: center;
+                                    justify-content: space-between;
+                                    // margin-top: 10px;
+                                    > div {
+                                        color: white;
+                                        width: 80px;
+                                        text-align: center;
+                                    }
+                                }
+                            }
+                        }
+                    }
+
+                    .assessment_box {
+                        width: calc(100% - 32px);
+                        height: calc(254px - 32px);
+                        background: linear-gradient(
+                            180deg,
+                            #eaf3ff 0%,
+                            #ffffff 50%
+                        );
+                        border-radius: 8px;
+                        padding: 16px;
+                        margin-top: 24px;
+                        > div:first-child {
+                            display: flex;
+                            justify-content: space-between;
+                            .right-top_header {
+                                display: flex;
+                                align-items: center;
+                                justify-content: space-between;
+                                margin-left: 16px;
+                                .right-top_header_left {
+                                    display: flex;
+                                    > div {
+                                        border: 1px solid #0056a8;
+                                        padding: 2px 6px;
+                                        font-size: 12px;
+                                        color: #0056a8;
+                                        cursor: pointer;
+                                        position: relative;
+                                    }
+                                    > div:not(:first-child) {
+                                        margin-left: 10px;
+                                    }
+                                    > div.active {
+                                        background-color: #0056a8;
+                                        color: white;
+                                    }
+                                    .el-icon-close {
+                                        position: absolute;
+                                        font-size: 8px;
+                                        top: -1px;
+                                        right: -1px;
+                                        background-color: #ff0000;
+                                    }
+                                }
+                            }
+                        }
+                        > div:last-child {
+                            width: 100%;
+                            height: calc(100% - 24px) !important;
+                            // margin-top: 24px;
+
+                            /deep/ .el-carousel__item {
+                                width: 178px;
+                                height: 162px;
+                            }
+                            /deep/ .el-carousel__item:nth-child(1) {
+                                transform: translateX(209.5px) scale(1) !important;
+                                .card_carousel {
+                                    > div:first-child {
+                                        background-image: url(~@/assets/images/bthgIcon/contractor_bg2.png);
+                                    }
+                                }
+                            }
+                            /deep/ .el-carousel__item:nth-child(2) {
+                                // transform: translateX(384.415px) scale(0.83) !important;
+                                transform: translateX(409.415px) scale(1) !important;
+                                .card_carousel {
+                                    > div:first-child {
+                                        background-image: url(~@/assets/images/bthgIcon/contractor_bg3.png);
+                                    }
+                                }
+                            }
+                            /deep/ .el-carousel__item:nth-child(3) {
+                                // transform: translateX(35.415px) scale(0.83) !important;
+                                transform: translateX(10.415px) scale(1) !important;
+                                .card_carousel {
+                                    > div:first-child {
+                                        background-image: url(~@/assets/images/bthgIcon/contractor_bg1.png);
+                                    }
+                                }
+                            }
+                            .card_carousel {
+                                width: 178px;
+                                height: 162px;
+                                background: #e9f2ff;
+                                border-radius: 8px;
+                                cursor: pointer;
+                                > div:first-child {
+                                    // background-image: url(~@/assets/images/bthgIcon/contractor_bg1.png);
+                                    background-repeat: no-repeat;
+                                    background-size: 100% 100%;
+                                    height: 98px;
+                                    border-radius: 8px;
+                                    > img {
+                                        width: 35px;
+                                        height: 45px;
+                                    }
+                                }
+                                > div:last-child {
+                                    display: flex;
+                                    flex-direction: column;
+                                    justify-content: center;
+                                    align-items: center;
+                                    > div {
+                                        margin-top: 5px;
+                                    }
+                                    > div:first-child {
+                                        font-weight: 800;
+                                        font-size: 18px;
+                                        color: #171717;
+                                    }
+                                    > div:last-child {
+                                        font-weight: 800;
+                                        font-size: 18px;
+                                        color: #444444;
+                                        padding: 0 12px;
+                                        word-break: break-all;
+                                        text-overflow: ellipsis;
+                                        display: -webkit-box;
+                                        -webkit-box-orient: vertical;
+                                        -webkit-line-clamp: 1;
+                                        overflow: hidden;
+                                    }
+                                }
+                            }
+                            /deep/ .el-carousel__indicators--horizontal {
+                                display: none;
+                            }
+                        }
+                    }
+                }
+                .boxs_box1 {
+                    width: calc(50% - 10px - 16px - 16px);
+                    height: calc(640px - 16px - 16px);
+                    margin-right: 10px;
+                    background-color: white;
+                    padding: 16px;
+                    > div:first-child {
+                        display: flex;
+                        align-items: center;
+                        justify-content: space-between;
+                        > div:last-child {
+                            color: #0056a8;
+                            font-size: 14px;
+                            display: flex;
+                            align-items: center;
+                            margin-right: 15px;
+                            cursor: pointer;
+                            .el-icon-set-up {
+                                font-size: 16px;
+                                margin-right: 4px;
+                            }
+                        }
+                    }
+                    .commonmodule {
+                        height: calc(557px - 16px - 16px);
+                        padding: 16px;
+                        background: #e9f2ff;
+                        border-radius: 8px;
+                        margin-top: 24px;
+                        display: flex;
+                        flex-wrap: wrap;
+                        justify-content: space-between;
+                        align-content: flex-start;
+                        position: relative;
+                        > .commonmodule_box:nth-child(n + 3) {
+                            margin-top: 24px;
+                        }
+                        > .commonmodule_box {
+                            display: flex;
+                            align-items: center;
+                            background-color: white;
+                            padding: 10px;
+                            width: calc(50% - 16px - 12px);
+                            cursor: pointer;
+                            // height: 50px;
+                            > img {
+                                width: 50px;
+                                height: 50px;
+                            }
+                            > div {
+                                display: flex;
+                                flex-direction: column;
+                                justify-content: space-between;
+                                margin-left: 16px;
+                                min-height: 50px;
+                                > div:first-child {
+                                    font-size: 16px;
+                                }
+                                > div:last-child {
+                                    font-size: 14px;
+                                }
+                            }
+                        }
+                    }
+                }
+                .boxs_box2 {
+                    width: calc(50% - 10px);
+                    height: 640px;
+                    margin-left: 10px;
+                    display: flex;
+                    flex-direction: column;
+                    justify-content: space-between;
+                    > div:first-child {
+                        width: calc(100% - 32px);
+                        height: calc(333px - 32px);
+                        background-color: white;
+                        padding: 16px;
+                        border-radius: 8px;
+                        > div:first-child {
+                            display: flex;
+                            align-items: center;
+                            justify-content: space-between;
+                        }
+                        > div:last-child {
+                            height: calc(100% - 32px);
+                            width: calc(100% - 12px);
+                            margin: 16px 0 0 12px;
+                            box-sizing: border-box;
+                            overflow: hidden;
+                            position: relative;
+                            border-radius: 8px;
+                            .playVideoBoxHome {
+                                height: 100%;
+                                width: 100%;
+                                background-color: white;
+                                position: absolute;
+                            }
+                        }
+                    }
+                    > div:last-child {
+                        width: calc(100% - 32px);
+                        height: calc(283px - 32px);
+                        background: #ffffff;
+                        border-radius: 8px;
+                        padding: 16px;
+                        margin-top: 24px;
+                        position: relative;
+                        .weldChart {
+                            width: 100%;
+                            height: calc(100% - 32px);
+                        }
+                        > div:first-child {
+                            display: flex;
+                            justify-content: space-between;
+                            .right-top_header {
+                                display: flex;
+                                align-items: center;
+                                justify-content: space-between;
+                                margin-left: 16px;
+                                .right-top_header_left {
+                                    display: flex;
+                                    > div {
+                                        border: 1px solid #0056a8;
+                                        padding: 2px 6px;
+                                        font-size: 12px;
+                                        color: #0056a8;
+                                        cursor: pointer;
+                                        position: relative;
+                                    }
+                                    > div:not(:first-child) {
+                                        margin-left: 10px;
+                                    }
+                                    > div.active {
+                                        background-color: #0056a8;
+                                        color: white;
+                                    }
+                                    .el-icon-close {
+                                        position: absolute;
+                                        font-size: 8px;
+                                        top: -1px;
+                                        right: -1px;
+                                        background-color: #ff0000;
+                                    }
+                                }
+                            }
+                        }
+                        .bt_noData {
+                            > img {
+                                width: 240px;
+                                height: 240px;
+                            }
+                        }
+                    }
+                }
+            }
+        }
+        .main_right {
+            width: 33.5%;
+
+            .main_right_box5 {
+                width: calc(100% - 32px);
+                height: calc(630px - 32px);
+                // background: linear-gradient(180deg, #eaf3ff 0%, #ffffff 50%);
                 background-color: white;
-                position: absolute;
-              }
+                border-radius: 8px;
+                padding: 16px;
+                margin-top: 24px;
+                .bottomPeopleNum {
+                    width: 100%;
+                    // height: 50%;
+                    color: #444444;
+                    margin-top: 20px;
+                    display: flex;
+                    justify-content: space-between;
+                    > div {
+                        display: flex;
+                        align-items: center;
+                        justify-content: space-between;
+                        // background: url('@/assets/images/bthgIcon/homeOverview_bg5.png') no-repeat;
+                        // background-size: 100% 100%;
+                        // cursor: pointer;
+                        font-size: 16px;
+                        > img {
+                            width: 36px;
+                            height: 43px;
+                        }
+                        > div {
+                            margin-left: 10px;
+                        }
+                    }
+                    > div:not(:first-child) {
+                        margin-left: 10px;
+                    }
+                }
+                .personnelChart {
+                    width: 100%;
+                    height: 57%;
+                }
+                .personnel_count {
+                    display: flex;
+                    justify-content: space-between;
+                    margin-top: 18px;
+                    > div {
+                        width: 254px;
+                        height: 98px;
+                        background: #e9f2ff;
+                        border-radius: 8px;
+                        display: flex;
+                        align-items: center;
+                        justify-content: space-between;
+                        padding: 12px 24px 12px 12px;
+                        cursor: pointer;
+                        > div:first-child {
+                            display: flex;
+                            flex-direction: column;
+                            justify-content: space-between;
+                            > div:first-child {
+                                color: #444444;
+                                font-size: 16px;
+                            }
+                            > div:last-child {
+                                color: #0056a8;
+                                margin-top: 16px;
+                                > span {
+                                    font-size: 30px;
+                                    margin-right: 12px;
+                                    display: inline-block;
+                                }
+                            }
+                        }
+                        > img {
+                            width: 70px;
+                            height: 70px;
+                        }
+                    }
+                }
+                .right-top_header {
+                    display: flex;
+                    align-items: center;
+                    // justify-content: space-between;
+                    justify-content: flex-end;
+                    // margin-left: 16px;
+                    margin-top: 22px;
+                    .right-top_header_left {
+                        display: flex;
+                        > div {
+                            border: 1px solid #0056a8;
+                            padding: 2px 6px;
+                            font-size: 12px;
+                            color: #0056a8;
+                            cursor: pointer;
+                            position: relative;
+                        }
+                        > div:not(:first-child) {
+                            margin-left: 10px;
+                        }
+                        > div.active {
+                            background-color: #0056a8;
+                            color: white;
+                        }
+                        .el-icon-close {
+                            position: absolute;
+                            font-size: 8px;
+                            top: -1px;
+                            right: -1px;
+                            background-color: #ff0000;
+                        }
+                    }
+                }
             }
-          }
-          > div:last-child {
-            width: calc(100% - 32px);
-            height: calc(283px - 32px);
-            background: #ffffff;
-            border-radius: 8px;
-            padding: 16px;
-            margin-top: 24px;
-            position: relative;
-            .weldChart {
-              width: 100%;
-              height: calc(100% - 32px);
+            .main_right_box6 {
+                width: calc(100% - 32px);
+                height: calc(260px - 32px);
+                background: linear-gradient(180deg, #eaf3ff 0%, #ffffff 51%);
+                margin-top: 20px;
+                padding: 16px;
+
+                > div:first-child {
+                    display: flex;
+                    justify-content: space-between;
+                    .right-top_header {
+                        display: flex;
+                        align-items: center;
+                        justify-content: space-between;
+                        margin-left: 16px;
+                        .right-top_header_left {
+                            display: flex;
+                            > div {
+                                border: 1px solid #0056a8;
+                                padding: 2px 6px;
+                                font-size: 12px;
+                                color: #0056a8;
+                                cursor: pointer;
+                                position: relative;
+                            }
+                            > div:not(:first-child) {
+                                margin-left: 10px;
+                            }
+                            > div.active {
+                                background-color: #0056a8;
+                                color: white;
+                            }
+                            .el-icon-close {
+                                position: absolute;
+                                font-size: 8px;
+                                top: -1px;
+                                right: -1px;
+                                background-color: #ff0000;
+                            }
+                        }
+                    }
+                }
+
+                > div:last-child {
+                    width: 100%;
+                    margin-top: 24px;
+                    /deep/ .el-carousel__container {
+                        height: 180px;
+                    }
+
+                    /deep/ .el-carousel__item {
+                        width: 178px;
+                        height: 162px;
+                        top: 50%;
+                    }
+                    /deep/ .el-carousel__item:nth-child(1) {
+                        transform: translateX(209.5px) translateY(-50%) scale(1) !important;
+                        .card_carousel {
+                            > div:first-child {
+                                background-image: url(~@/assets/images/bthgIcon/contractor_bg2.png);
+                            }
+                        }
+                    }
+                    /deep/ .el-carousel__item:nth-child(2) {
+                        // transform: translateX(384.415px) scale(0.83) !important;
+                        transform: translateX(409.415px) translateY(-50%)
+                            scale(1) !important;
+                        .card_carousel {
+                            > div:first-child {
+                                background-image: url(~@/assets/images/bthgIcon/contractor_bg3.png);
+                            }
+                        }
+                    }
+                    /deep/ .el-carousel__item:nth-child(3) {
+                        // transform: translateX(35.415px) scale(0.83) !important;
+                        transform: translateX(10.415px) translateY(-50%)
+                            scale(1) !important;
+                        .card_carousel {
+                            > div:first-child {
+                                background-image: url(~@/assets/images/bthgIcon/contractor_bg1.png);
+                            }
+                        }
+                    }
+                    .card_carousel {
+                        width: 178px;
+                        height: 162px;
+                        background: #e9f2ff;
+                        border-radius: 8px;
+                        cursor: pointer;
+                        > div:first-child {
+                            // background-image: url(~@/assets/images/bthgIcon/contractor_bg1.png);
+                            background-repeat: no-repeat;
+                            background-size: 100% 100%;
+                            height: 98px;
+                            border-radius: 8px;
+                            > img {
+                                width: 35px;
+                                height: 45px;
+                            }
+                        }
+                        > div:last-child {
+                            display: flex;
+                            flex-direction: column;
+                            justify-content: center;
+                            align-items: center;
+                            > div {
+                                margin-top: 5px;
+                            }
+                            > div:first-child {
+                                font-weight: 800;
+                                font-size: 18px;
+                                color: #171717;
+                            }
+                            > div:last-child {
+                                font-weight: 800;
+                                font-size: 18px;
+                                color: #444444;
+                                padding: 0 12px;
+                                word-break: break-all;
+                                text-overflow: ellipsis;
+                                display: -webkit-box;
+                                -webkit-box-orient: vertical;
+                                -webkit-line-clamp: 1;
+                                overflow: hidden;
+                            }
+                        }
+                    }
+                    /deep/ .el-carousel__indicators--horizontal {
+                        display: none;
+                    }
+                }
             }
+            .main_right_box4 {
+                width: calc(100% - 32px);
+                height: calc(350px - 32px);
+                background: #ffffff;
+                border-radius: 8px;
+                padding: 16px;
+                margin-top: 24px;
+                position: relative;
+                .weldChart {
+                    width: 100%;
+                    height: calc(100% - 32px);
+                }
+                > div:first-child {
+                    display: flex;
+                    justify-content: space-between;
+                    .right-top_header {
+                        display: flex;
+                        align-items: center;
+                        justify-content: space-between;
+                        margin-left: 16px;
+                        .right-top_header_left {
+                            display: flex;
+                            > div {
+                                border: 1px solid #0056a8;
+                                padding: 2px 6px;
+                                font-size: 12px;
+                                color: #0056a8;
+                                cursor: pointer;
+                                position: relative;
+                            }
+                            > div:not(:first-child) {
+                                margin-left: 10px;
+                            }
+                            > div.active {
+                                background-color: #0056a8;
+                                color: white;
+                            }
+                            .el-icon-close {
+                                position: absolute;
+                                font-size: 8px;
+                                top: -1px;
+                                right: -1px;
+                                background-color: #ff0000;
+                            }
+                        }
+                    }
+                }
+            }
+            .main_right_box3 {
+                width: calc(100% - 32px);
+                height: calc(254px - 32px);
+                background: linear-gradient(180deg, #eaf3ff 0%, #ffffff 50%);
+                border-radius: 8px;
+                padding: 16px;
+                margin-top: 24px;
+                > div:first-child {
+                    display: flex;
+                    justify-content: space-between;
+                    .right-top_header {
+                        display: flex;
+                        align-items: center;
+                        justify-content: space-between;
+                        margin-left: 16px;
+                        .right-top_header_left {
+                            display: flex;
+                            > div {
+                                border: 1px solid #0056a8;
+                                padding: 2px 6px;
+                                font-size: 12px;
+                                color: #0056a8;
+                                cursor: pointer;
+                                position: relative;
+                            }
+                            > div:not(:first-child) {
+                                margin-left: 10px;
+                            }
+                            > div.active {
+                                background-color: #0056a8;
+                                color: white;
+                            }
+                            .el-icon-close {
+                                position: absolute;
+                                font-size: 8px;
+                                top: -1px;
+                                right: -1px;
+                                background-color: #ff0000;
+                            }
+                        }
+                    }
+                }
+                > div:last-child {
+                    width: 100%;
+                    margin-top: 24px;
+
+                    /deep/ .el-carousel__item {
+                        width: 178px;
+                        height: 162px;
+                    }
+                    /deep/ .el-carousel__item:nth-child(1) {
+                        transform: translateX(209.5px) scale(1) !important;
+                        .card_carousel {
+                            > div:first-child {
+                                background-image: url(~@/assets/images/bthgIcon/contractor_bg2.png);
+                            }
+                        }
+                    }
+                    /deep/ .el-carousel__item:nth-child(2) {
+                        // transform: translateX(384.415px) scale(0.83) !important;
+                        transform: translateX(409.415px) scale(1) !important;
+                        .card_carousel {
+                            > div:first-child {
+                                background-image: url(~@/assets/images/bthgIcon/contractor_bg3.png);
+                            }
+                        }
+                    }
+                    /deep/ .el-carousel__item:nth-child(3) {
+                        // transform: translateX(35.415px) scale(0.83) !important;
+                        transform: translateX(10.415px) scale(1) !important;
+                        .card_carousel {
+                            > div:first-child {
+                                background-image: url(~@/assets/images/bthgIcon/contractor_bg1.png);
+                            }
+                        }
+                    }
+                    .card_carousel {
+                        width: 178px;
+                        height: 162px;
+                        background: #e9f2ff;
+                        border-radius: 8px;
+                        cursor: pointer;
+                        > div:first-child {
+                            // background-image: url(~@/assets/images/bthgIcon/contractor_bg1.png);
+                            background-repeat: no-repeat;
+                            background-size: 100% 100%;
+                            height: 98px;
+                            border-radius: 8px;
+                            > img {
+                                width: 35px;
+                                height: 45px;
+                            }
+                        }
+                        > div:last-child {
+                            display: flex;
+                            flex-direction: column;
+                            justify-content: center;
+                            align-items: center;
+                            > div {
+                                margin-top: 5px;
+                            }
+                            > div:first-child {
+                                font-weight: 800;
+                                font-size: 18px;
+                                color: #171717;
+                            }
+                            > div:last-child {
+                                font-weight: 800;
+                                font-size: 18px;
+                                color: #444444;
+                                padding: 0 12px;
+                                word-break: break-all;
+                                text-overflow: ellipsis;
+                                display: -webkit-box;
+                                -webkit-box-orient: vertical;
+                                -webkit-line-clamp: 1;
+                                overflow: hidden;
+                            }
+                        }
+                    }
+                    /deep/ .el-carousel__indicators--horizontal {
+                        display: none;
+                    }
+                }
+            }
+            .main_right_box2 {
+                width: calc(100% - 32px);
+                height: calc(396px - 32px);
+                background: #ffffff;
+                border-radius: 8px;
+                padding: 16px;
+                margin-top: 24px;
+                > div:last-child {
+                    display: flex;
+                    flex-direction: column;
+                    height: calc(100% - 24px);
+                    .right_box2_header {
+                        display: flex;
+                        justify-content: space-between;
+                        > div {
+                            width: 33%;
+                            height: 108px;
+                            margin-top: 24px;
+                            display: flex;
+                            align-items: center;
+                            justify-content: center;
+                            position: relative;
+                            cursor: pointer;
+                            > div:first-child {
+                                text-align: center;
+                                > div:first-child {
+                                    font-size: 18px;
+                                    color: #0056a8;
+                                    font-weight: bold;
+                                    margin-bottom: 12px;
+                                }
+                            }
+                            .wddb1 {
+                                width: 40px;
+                                height: 43px;
+                            }
+                            .wddb2 {
+                                width: 54px;
+                                height: 43px;
+                            }
+                            .wddb3 {
+                                width: 55px;
+                                height: 41px;
+                            }
+                            > img {
+                                margin-left: 14px;
+                            }
+                        }
+                        > div:not(:first-child) {
+                            margin-left: 30px;
+                        }
+                        > div:not(:last-child)::before {
+                            content: "";
+                            position: absolute;
+                            right: 0;
+                            top: 50%;
+                            width: 2px;
+                            height: 70%;
+                            transform: translateY(-50%);
+                            background-color: #d7d9dc;
+                        }
+                    }
+                    .el_table {
+                        width: 100%;
+                        // height: 151px;
+                        // margin-top: 24px;
+                        overflow: auto;
+                        .el-table__cell {
+                            padding: 16px 0;
+                        }
+
+                        /deep/ .el-table__body-wrapper {
+                            height: calc(100% - 49px) !important;
+                        }
+                    }
+                }
+            }
+            .main_right_box1_new {
+                width: calc(624px - 32px);
+                height: calc(347px - 32px);
+                background-color: white;
+                // background: linear-gradient(180deg, #eaf3ff 0%, #ffffff 52%);
+                border-radius: 8px;
+                padding: 16px;
+                position: relative;
+                .el_table {
+                    width: 100%;
+                    height: 147px;
+                    // margin-top: 24px;
+                    overflow: auto;
+                    .el-table__cell {
+                        padding: 16px 0;
+                    }
+                }
+                > div:first-child {
+                    display: flex;
+                    justify-content: space-between;
+                    .right-top_header {
+                        display: flex;
+                        align-items: center;
+                        justify-content: space-between;
+                        margin-left: 16px;
+                        .right-top_header_left {
+                            display: flex;
+                            > div {
+                                border: 1px solid #0056a8;
+                                padding: 2px 6px;
+                                font-size: 12px;
+                                color: #0056a8;
+                                cursor: pointer;
+                                position: relative;
+                            }
+                            > div:not(:first-child) {
+                                margin-left: 10px;
+                            }
+                            > div.active {
+                                background-color: #0056a8;
+                                color: white;
+                            }
+                            .el-icon-close {
+                                position: absolute;
+                                font-size: 8px;
+                                top: -1px;
+                                right: -1px;
+                                background-color: #ff0000;
+                            }
+                        }
+                    }
+                }
+            }
+            .main_right_box1 {
+                width: calc(624px - 32px);
+                height: calc(333px - 32px);
+                background: linear-gradient(180deg, #eaf3ff 0%, #ffffff 52%);
+                border-radius: 8px;
+                padding: 16px;
+                position: relative;
+                .bg_top {
+                    width: 100%;
+                    height: 268px;
+                    background-image: url(~@/assets/images/bthgIcon/bg5.png);
+                    background-repeat: no-repeat;
+                    background-size: 100% 100%;
+                    position: relative;
+                    .float-window {
+                        position: absolute;
+                        bottom: 0%;
+                        width: 100%;
+                        padding: 2% 0%;
+                        color: #ffffff;
+                        font-size: 12px;
+                        display: flex;
+                        align-items: center;
+                        justify-content: space-between;
+                        background: rgba(5, 18, 32, 0.7);
+                        .title {
+                            margin-left: 3%;
+                            width: 60%;
+                            white-space: nowrap; //单行
+                            overflow: hidden;
+                            text-overflow: ellipsis;
+                        }
+                    }
+                }
+                > div:last-child {
+                    margin-top: 12px;
+                }
+            }
+        }
+    }
+    .container_title {
+        font-size: 18px;
+        font-weight: bold;
+        position: relative;
+        margin-left: 20px;
+    }
+    .container_title::after {
+        content: "";
+        position: absolute;
+        left: -10px;
+        top: 50%;
+        width: 4px;
+        height: 80%;
+        transform: translateY(-50%);
+        background-color: #0056a8;
+    }
+    .container_box2 {
+        background-color: white;
+        padding: 8px 16px;
+        display: flex;
+        align-items: center;
+        .container_fast_track {
+            width: calc(118px - 10px);
+            height: 34px;
+            color: white;
+            display: flex;
+            // justify-content: center;
+            align-items: center;
+            background-image: url(~@/assets/images/bthgIcon/fast_track_bg.png);
+            background-repeat: no-repeat;
+            background-size: 100% 100%;
+            margin-left: 40px;
+            padding-left: 10px;
+            cursor: pointer;
+        }
+        .container_box2_message {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            flex: 1;
             > div:first-child {
-              display: flex;
-              justify-content: space-between;
-              .right-top_header {
                 display: flex;
                 align-items: center;
-                justify-content: space-between;
-                margin-left: 16px;
-                .right-top_header_left {
-                  display: flex;
-                  > div {
-                    border: 1px solid #0056a8;
-                    padding: 2px 6px;
-                    font-size: 12px;
-                    color: #0056a8;
-                    cursor: pointer;
-                    position: relative;
-                  }
-                  > div:not(:first-child) {
-                    margin-left: 10px;
-                  }
-                  > div.active {
+                margin-left: 40px;
+                width: 50%;
+                > div:first-child {
+                    font-size: 16px;
+                    padding: 6px 20px;
                     background-color: #0056a8;
                     color: white;
-                  }
-                  .el-icon-close {
-                    position: absolute;
-                    font-size: 8px;
-                    top: -1px;
-                    right: -1px;
-                    background-color: #ff0000;
-                  }
                 }
-              }
+                > div:last-child {
+                    margin-left: 40px;
+                    overflow: hidden;
+                    white-space: nowrap;
+                    text-overflow: ellipsis;
+                    flex: 1;
+                }
             }
-            .bt_noData {
-              > img {
-                width: 240px;
-                height: 240px;
-              }
+            > div:last-child {
+                color: #b8b8b8;
+                font-size: 14px;
             }
-          }
         }
-      }
     }
-    .main_right {
-      width: 33.5%;
-
-      .main_right_box5 {
-        width: calc(100% - 32px);
-        height: calc(630px - 32px);
-        // background: linear-gradient(180deg, #eaf3ff 0%, #ffffff 50%);
+    .container_box1 {
         background-color: white;
-        border-radius: 8px;
-        padding: 16px;
-        margin-top: 24px;
-        .bottomPeopleNum {
-          width: 100%;
-          // height: 50%;
-          color: #444444;
-          margin-top: 20px;
-          display: flex;
-          justify-content: space-between;
-          > div {
-            display: flex;
-            align-items: center;
-            justify-content: space-between;
-            // background: url('@/assets/images/bthgIcon/homeOverview_bg5.png') no-repeat;
-            // background-size: 100% 100%;
-            // cursor: pointer;
-            font-size: 16px;
-            > img {
-              width: 36px;
-              height: 43px;
-            }
-            > div {
-              margin-left: 10px;
-            }
-          }
-          > div:not(:first-child) {
-            margin-left: 10px;
-          }
-        }
-        .personnelChart {
-          width: 100%;
-          height: 57%;
-        }
-        .personnel_count {
-          display: flex;
-          justify-content: space-between;
-          margin-top: 18px;
-          > div {
-            width: 254px;
-            height: 98px;
-            background: #e9f2ff;
-            border-radius: 8px;
-            display: flex;
-            align-items: center;
-            justify-content: space-between;
-            padding: 12px 24px 12px 12px;
-            cursor: pointer;
-            > div:first-child {
-              display: flex;
-              flex-direction: column;
-              justify-content: space-between;
-              > div:first-child {
-                color: #444444;
-                font-size: 16px;
-              }
-              > div:last-child {
-                color: #0056a8;
-                margin-top: 16px;
-                > span {
-                  font-size: 30px;
-                  margin-right: 12px;
-                  display: inline-block;
-                }
-              }
-            }
-            > img {
-              width: 70px;
-              height: 70px;
-            }
-          }
-        }
-        .right-top_header {
-          display: flex;
-          align-items: center;
-          // justify-content: space-between;
-          justify-content: flex-end;
-          // margin-left: 16px;
-          margin-top: 22px;
-          .right-top_header_left {
-            display: flex;
-            > div {
-              border: 1px solid #0056a8;
-              padding: 2px 6px;
-              font-size: 12px;
-              color: #0056a8;
-              cursor: pointer;
-              position: relative;
-            }
-            > div:not(:first-child) {
-              margin-left: 10px;
-            }
-            > div.active {
-              background-color: #0056a8;
-              color: white;
-            }
-            .el-icon-close {
-              position: absolute;
-              font-size: 8px;
-              top: -1px;
-              right: -1px;
-              background-color: #ff0000;
-            }
-          }
-        }
-      }
-      .main_right_box6 {
-        width: calc(100% - 32px);
-        height: calc(260px - 32px);
-        background: linear-gradient(180deg, #eaf3ff 0%, #ffffff 51%);
-        margin-top: 20px;
-        padding: 16px;
-
-        > div:first-child {
-          display: flex;
-          justify-content: space-between;
-          .right-top_header {
-            display: flex;
-            align-items: center;
-            justify-content: space-between;
-            margin-left: 16px;
-            .right-top_header_left {
-              display: flex;
-              > div {
-                border: 1px solid #0056a8;
-                padding: 2px 6px;
-                font-size: 12px;
-                color: #0056a8;
-                cursor: pointer;
-                position: relative;
-              }
-              > div:not(:first-child) {
-                margin-left: 10px;
-              }
-              > div.active {
-                background-color: #0056a8;
-                color: white;
-              }
-              .el-icon-close {
-                position: absolute;
-                font-size: 8px;
-                top: -1px;
-                right: -1px;
-                background-color: #ff0000;
-              }
-            }
-          }
-        }
-
-        > div:last-child {
-          width: 100%;
-          margin-top: 24px;
-          /deep/ .el-carousel__container {
-            height: 180px;
-          }
-
-          /deep/ .el-carousel__item {
-            width: 178px;
-            height: 162px;
-            top: 50%;
-          }
-          /deep/ .el-carousel__item:nth-child(1) {
-            transform: translateX(209.5px) translateY(-50%) scale(1) !important;
-            .card_carousel {
-              > div:first-child {
-                background-image: url(~@/assets/images/bthgIcon/contractor_bg2.png);
-              }
-            }
-          }
-          /deep/ .el-carousel__item:nth-child(2) {
-            // transform: translateX(384.415px) scale(0.83) !important;
-            transform: translateX(409.415px) translateY(-50%) scale(1) !important;
-            .card_carousel {
-              > div:first-child {
-                background-image: url(~@/assets/images/bthgIcon/contractor_bg3.png);
-              }
-            }
-          }
-          /deep/ .el-carousel__item:nth-child(3) {
-            // transform: translateX(35.415px) scale(0.83) !important;
-            transform: translateX(10.415px) translateY(-50%) scale(1) !important;
-            .card_carousel {
-              > div:first-child {
-                background-image: url(~@/assets/images/bthgIcon/contractor_bg1.png);
-              }
-            }
-          }
-          .card_carousel {
-            width: 178px;
-            height: 162px;
-            background: #e9f2ff;
-            border-radius: 8px;
-            cursor: pointer;
-            > div:first-child {
-              // background-image: url(~@/assets/images/bthgIcon/contractor_bg1.png);
-              background-repeat: no-repeat;
-              background-size: 100% 100%;
-              height: 98px;
-              border-radius: 8px;
-              > img {
-                width: 35px;
-                height: 45px;
-              }
-            }
-            > div:last-child {
-              display: flex;
-              flex-direction: column;
-              justify-content: center;
-              align-items: center;
-              > div {
-                margin-top: 5px;
-              }
-              > div:first-child {
-                font-weight: 800;
-                font-size: 18px;
-                color: #171717;
-              }
-              > div:last-child {
-                font-weight: 800;
-                font-size: 18px;
-                color: #444444;
-                padding: 0 12px;
-                word-break: break-all;
-                text-overflow: ellipsis;
-                display: -webkit-box;
-                -webkit-box-orient: vertical;
-                -webkit-line-clamp: 1;
-                overflow: hidden;
-              }
-            }
-          }
-          /deep/ .el-carousel__indicators--horizontal {
-            display: none;
-          }
-        }
-      }
-      .main_right_box4 {
-        width: calc(100% - 32px);
-        height: calc(350px - 32px);
-        background: #ffffff;
-        border-radius: 8px;
-        padding: 16px;
-        margin-top: 24px;
-        position: relative;
-        .weldChart {
-          width: 100%;
-          height: calc(100% - 32px);
-        }
-        > div:first-child {
-          display: flex;
-          justify-content: space-between;
-          .right-top_header {
-            display: flex;
-            align-items: center;
-            justify-content: space-between;
-            margin-left: 16px;
-            .right-top_header_left {
-              display: flex;
-              > div {
-                border: 1px solid #0056a8;
-                padding: 2px 6px;
-                font-size: 12px;
-                color: #0056a8;
-                cursor: pointer;
-                position: relative;
-              }
-              > div:not(:first-child) {
-                margin-left: 10px;
-              }
-              > div.active {
-                background-color: #0056a8;
-                color: white;
-              }
-              .el-icon-close {
-                position: absolute;
-                font-size: 8px;
-                top: -1px;
-                right: -1px;
-                background-color: #ff0000;
-              }
-            }
-          }
-        }
-      }
-      .main_right_box3 {
-        width: calc(100% - 32px);
-        height: calc(254px - 32px);
-        background: linear-gradient(180deg, #eaf3ff 0%, #ffffff 50%);
-        border-radius: 8px;
-        padding: 16px;
-        margin-top: 24px;
-        > div:first-child {
-          display: flex;
-          justify-content: space-between;
-          .right-top_header {
-            display: flex;
-            align-items: center;
-            justify-content: space-between;
-            margin-left: 16px;
-            .right-top_header_left {
-              display: flex;
-              > div {
-                border: 1px solid #0056a8;
-                padding: 2px 6px;
-                font-size: 12px;
-                color: #0056a8;
-                cursor: pointer;
-                position: relative;
-              }
-              > div:not(:first-child) {
-                margin-left: 10px;
-              }
-              > div.active {
-                background-color: #0056a8;
-                color: white;
-              }
-              .el-icon-close {
-                position: absolute;
-                font-size: 8px;
-                top: -1px;
-                right: -1px;
-                background-color: #ff0000;
-              }
-            }
-          }
-        }
-        > div:last-child {
-          width: 100%;
-          margin-top: 24px;
-
-          /deep/ .el-carousel__item {
-            width: 178px;
-            height: 162px;
-          }
-          /deep/ .el-carousel__item:nth-child(1) {
-            transform: translateX(209.5px) scale(1) !important;
-            .card_carousel {
-              > div:first-child {
-                background-image: url(~@/assets/images/bthgIcon/contractor_bg2.png);
-              }
-            }
-          }
-          /deep/ .el-carousel__item:nth-child(2) {
-            // transform: translateX(384.415px) scale(0.83) !important;
-            transform: translateX(409.415px) scale(1) !important;
-            .card_carousel {
-              > div:first-child {
-                background-image: url(~@/assets/images/bthgIcon/contractor_bg3.png);
-              }
-            }
-          }
-          /deep/ .el-carousel__item:nth-child(3) {
-            // transform: translateX(35.415px) scale(0.83) !important;
-            transform: translateX(10.415px) scale(1) !important;
-            .card_carousel {
-              > div:first-child {
-                background-image: url(~@/assets/images/bthgIcon/contractor_bg1.png);
-              }
-            }
-          }
-          .card_carousel {
-            width: 178px;
-            height: 162px;
-            background: #e9f2ff;
-            border-radius: 8px;
-            cursor: pointer;
-            > div:first-child {
-              // background-image: url(~@/assets/images/bthgIcon/contractor_bg1.png);
-              background-repeat: no-repeat;
-              background-size: 100% 100%;
-              height: 98px;
-              border-radius: 8px;
-              > img {
-                width: 35px;
-                height: 45px;
-              }
-            }
-            > div:last-child {
-              display: flex;
-              flex-direction: column;
-              justify-content: center;
-              align-items: center;
-              > div {
-                margin-top: 5px;
-              }
-              > div:first-child {
-                font-weight: 800;
-                font-size: 18px;
-                color: #171717;
-              }
-              > div:last-child {
-                font-weight: 800;
-                font-size: 18px;
-                color: #444444;
-                padding: 0 12px;
-                word-break: break-all;
-                text-overflow: ellipsis;
-                display: -webkit-box;
-                -webkit-box-orient: vertical;
-                -webkit-line-clamp: 1;
-                overflow: hidden;
-              }
-            }
-          }
-          /deep/ .el-carousel__indicators--horizontal {
-            display: none;
-          }
-        }
-      }
-      .main_right_box2 {
-        width: calc(100% - 32px);
-        height: calc(396px - 32px);
-        background: #ffffff;
-        border-radius: 8px;
-        padding: 16px;
-        margin-top: 24px;
-        > div:last-child {
-          display: flex;
-          flex-direction: column;
-          height: calc(100% - 24px);
-          .right_box2_header {
-            display: flex;
-            justify-content: space-between;
-            > div {
-              width: 33%;
-              height: 108px;
-              margin-top: 24px;
-              display: flex;
-              align-items: center;
-              justify-content: center;
-              position: relative;
-              cursor: pointer;
-              > div:first-child {
-                text-align: center;
-                > div:first-child {
-                  font-size: 18px;
-                  color: #0056a8;
-                  font-weight: bold;
-                  margin-bottom: 12px;
-                }
-              }
-              .wddb1 {
-                width: 40px;
-                height: 43px;
-              }
-              .wddb2 {
-                width: 54px;
-                height: 43px;
-              }
-              .wddb3 {
-                width: 55px;
-                height: 41px;
-              }
-              > img {
-                margin-left: 14px;
-              }
-            }
-            > div:not(:first-child) {
-              margin-left: 30px;
-            }
-            > div:not(:last-child)::before {
-              content: "";
-              position: absolute;
-              right: 0;
-              top: 50%;
-              width: 2px;
-              height: 70%;
-              transform: translateY(-50%);
-              background-color: #d7d9dc;
-            }
-          }
-          .el_table {
-            width: 100%;
-            // height: 151px;
-            // margin-top: 24px;
-            overflow: auto;
-            .el-table__cell {
-              padding: 16px 0;
-            }
-
-            /deep/ .el-table__body-wrapper {
-              height: calc(100% - 49px) !important;
-            }
-          }
-        }
-      }
-      .main_right_box1_new {
-        width: calc(624px - 32px);
-        height: calc(347px - 32px);
-        background-color: white;
-        // background: linear-gradient(180deg, #eaf3ff 0%, #ffffff 52%);
-        border-radius: 8px;
-        padding: 16px;
-        position: relative;
-        .el_table {
-          width: 100%;
-          height: 147px;
-          // margin-top: 24px;
-          overflow: auto;
-          .el-table__cell {
-            padding: 16px 0;
-          }
-        }
-        > div:first-child {
-          display: flex;
-          justify-content: space-between;
-          .right-top_header {
-            display: flex;
-            align-items: center;
-            justify-content: space-between;
-            margin-left: 16px;
-            .right-top_header_left {
-              display: flex;
-              > div {
-                border: 1px solid #0056a8;
-                padding: 2px 6px;
-                font-size: 12px;
-                color: #0056a8;
-                cursor: pointer;
-                position: relative;
-              }
-              > div:not(:first-child) {
-                margin-left: 10px;
-              }
-              > div.active {
-                background-color: #0056a8;
-                color: white;
-              }
-              .el-icon-close {
-                position: absolute;
-                font-size: 8px;
-                top: -1px;
-                right: -1px;
-                background-color: #ff0000;
-              }
-            }
-          }
-        }
-      }
-      .main_right_box1 {
-        width: calc(624px - 32px);
-        height: calc(333px - 32px);
-        background: linear-gradient(180deg, #eaf3ff 0%, #ffffff 52%);
-        border-radius: 8px;
-        padding: 16px;
-        position: relative;
+        height: 268px;
+        padding: 6px;
+        border-radius: 10px;
         .bg_top {
-          width: 100%;
-          height: 268px;
-          background-image: url(~@/assets/images/bthgIcon/bg5.png);
-          background-repeat: no-repeat;
-          background-size: 100% 100%;
-          position: relative;
-          .float-window {
-            position: absolute;
-            bottom: 0%;
             width: 100%;
-            padding: 2% 0%;
-            color: #ffffff;
-            font-size: 12px;
-            display: flex;
-            align-items: center;
-            justify-content: space-between;
-            background: rgba(5, 18, 32, 0.7);
-            .title {
-              margin-left: 3%;
-              width: 60%;
-              white-space: nowrap; //单行
-              overflow: hidden;
-              text-overflow: ellipsis;
+            height: 268px;
+            // background-image: url(~@/assets/images/bthgIcon/bg5.png);
+            background-repeat: no-repeat;
+            background-size: 100% 100%;
+            position: relative;
+            .bg_top_left {
+                color: white;
+                padding: 50px 40px;
+                width: 50%;
+                height: calc(100% - 100px);
+                background-image: linear-gradient(
+                    to right,
+                    rgba(0, 0, 0, 0.4),
+                    transparent
+                );
+                > div:first-child {
+                    width: 50%;
+                    display: flex;
+                    justify-content: space-between;
+                    align-items: center;
+                    font-size: 16px;
+                    font-weight: bold;
+                    height: 50px;
+                    border-bottom: 2px solid;
+                }
+                > div:last-child {
+                    font-size: 36px;
+                    line-height: 50px;
+                    font-weight: bold;
+                    margin-top: 15px;
+                }
+            }
+            .bg_right {
+                width: 30%;
+                color: #0056a8;
+                font-weight: bold;
+                display: flex;
+                flex-direction: column;
+                justify-content: center;
+                align-items: center;
+                position: absolute;
+                left: 6%;
+                top: 45%;
+                transform: translateY(-50%);
+                > div:first-child {
+                    display: flex;
+                    font-size: 20px;
+                    align-items: center;
+                    .bg_icon {
+                        width: 32px;
+                        height: 32px;
+                        // background-image: url(~@/assets/images/bthgIcon/bg5.png);
+                        background-repeat: no-repeat;
+                        background-size: 100% 100%;
+                        position: relative;
+                        margin-right: 15px;
+                    }
+                }
+                > div:last-child {
+                    margin-top: 30px;
+                    font-size: 16px;
+                }
             }
-          }
         }
-        > div:last-child {
-          margin-top: 12px;
+        /deep/ .el-carousel__indicators--horizontal {
+            bottom: 50px;
+            left: 10%;
+            transform: translateX(-50%);
+        }
+        /deep/ .el-carousel__indicator.is-active button {
+            border: 2px solid #c5c3be;
+            background-color: #0056a8;
         }
-      }
     }
-  }
-  .container_title {
-    font-size: 18px;
-    font-weight: bold;
+    .container_box {
+        margin: 20px;
+    }
+    .container_footer {
+        height: 142px;
+        background: #0056a8;
+        position: relative;
+        .main_footer_bottom_top {
+            height: calc(50% - 10px);
+            padding-top: 10px;
+        }
+        .main_footer_bottom_top,
+        .main_footer_bottom_bottom {
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            color: rgba(255, 255, 255, 0.7);
+            font-size: 14px;
+            > div:not(:first-child) {
+                margin-left: 50px;
+            }
+        }
+        .main_footer_bottom_bottom {
+            height: 50%;
+            font-size: 16px;
+            > div {
+                display: flex;
+                justify-content: center;
+                align-items: center;
+                > div {
+                    padding: 0 50px;
+                }
+                > div:not(:first-child) {
+                    border-left: 1px solid #e1e2e3;
+                }
+            }
+        }
+
+        .main_footer_qrcodebox {
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            position: absolute;
+            top: 50%;
+            transform: translateY(-50%);
+            color: white;
+            font-size: 14px;
+            z-index: 10;
+        }
+        .main_footer_qrcode1 {
+            right: 300px;
+            cursor: pointer;
+        }
+        .main_footer_qrcode2 {
+            right: 150px;
+            cursor: pointer;
+        }
+    }
+}
+
+.dialog_title {
+    font-size: 16px;
+    // font-weight: bold;
     position: relative;
     margin-left: 20px;
-  }
-  .container_title::after {
+}
+.dialog_title::after {
     content: "";
     position: absolute;
     left: -10px;
@@ -6609,240 +7147,34 @@ export default {
     height: 80%;
     transform: translateY(-50%);
     background-color: #0056a8;
-  }
-  .container_box2 {
-    background-color: white;
-    padding: 8px 16px;
-    display: flex;
-    align-items: center;
-    .container_fast_track {
-      width: calc(118px - 10px);
-      height: 34px;
-      color: white;
-      display: flex;
-      // justify-content: center;
-      align-items: center;
-      background-image: url(~@/assets/images/bthgIcon/fast_track_bg.png);
-      background-repeat: no-repeat;
-      background-size: 100% 100%;
-      margin-left: 40px;
-      padding-left: 10px;
-      cursor: pointer;
-    }
-    .container_box2_message {
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-      flex: 1;
-      > div:first-child {
-        display: flex;
-        align-items: center;
-        margin-left: 40px;
-        width: 50%;
-        > div:first-child {
-          font-size: 16px;
-          padding: 6px 20px;
-          background-color: #0056a8;
-          color: white;
-        }
-        > div:last-child {
-          margin-left: 40px;
-          overflow: hidden;
-          white-space: nowrap;
-          text-overflow: ellipsis;
-          flex: 1;
-        }
-      }
-      > div:last-child {
-        color: #b8b8b8;
-        font-size: 14px;
-      }
-    }
-  }
-  .container_box1 {
-    background-color: white;
-    height: 268px;
-    padding: 6px;
-    border-radius: 10px;
-    .bg_top {
-      width: 100%;
-      height: 268px;
-      // background-image: url(~@/assets/images/bthgIcon/bg5.png);
-      background-repeat: no-repeat;
-      background-size: 100% 100%;
-      position: relative;
-      .bg_top_left {
-        color: white;
-        padding: 50px 40px;
-        width: 50%;
-        height: calc(100% - 100px);
-        background-image: linear-gradient(
-          to right,
-          rgba(0, 0, 0, 0.4),
-          transparent
-        );
-        > div:first-child {
-          width: 50%;
-          display: flex;
-          justify-content: space-between;
-          align-items: center;
-          font-size: 16px;
-          font-weight: bold;
-          height: 50px;
-          border-bottom: 2px solid;
-        }
-        > div:last-child {
-          font-size: 36px;
-          line-height: 50px;
-          font-weight: bold;
-          margin-top: 15px;
-        }
-      }
-      .bg_right {
-        width: 30%;
-        color: #0056a8;
-        font-weight: bold;
-        display: flex;
-        flex-direction: column;
-        justify-content: center;
-        align-items: center;
-        position: absolute;
-        left: 6%;
-        top: 45%;
-        transform: translateY(-50%);
-        > div:first-child {
-          display: flex;
-          font-size: 20px;
-          align-items: center;
-          .bg_icon {
-            width: 32px;
-            height: 32px;
-            // background-image: url(~@/assets/images/bthgIcon/bg5.png);
-            background-repeat: no-repeat;
-            background-size: 100% 100%;
-            position: relative;
-            margin-right: 15px;
-          }
-        }
-        > div:last-child {
-          margin-top: 30px;
-          font-size: 16px;
-        }
-      }
-    }
-    /deep/ .el-carousel__indicators--horizontal {
-      bottom: 50px;
-      left: 10%;
-      transform: translateX(-50%);
-    }
-    /deep/ .el-carousel__indicator.is-active button {
-      border: 2px solid #c5c3be;
-      background-color: #0056a8;
-    }
-  }
-  .container_box {
-    margin: 20px;
-  }
-  .container_footer {
-    height: 142px;
-    background: #0056a8;
-    position: relative;
-    .main_footer_bottom_top {
-      height: calc(50% - 10px);
-      padding-top: 10px;
-    }
-    .main_footer_bottom_top,
-    .main_footer_bottom_bottom {
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      color: rgba(255, 255, 255, 0.7);
-      font-size: 14px;
-      > div:not(:first-child) {
-        margin-left: 50px;
-      }
-    }
-    .main_footer_bottom_bottom {
-      height: 50%;
-      font-size: 16px;
-      > div {
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        > div {
-          padding: 0 50px;
-        }
-        > div:not(:first-child) {
-          border-left: 1px solid #e1e2e3;
-        }
-      }
-    }
-
-    .main_footer_qrcodebox {
-      display: flex;
-      flex-direction: column;
-      align-items: center;
-      position: absolute;
-      top: 50%;
-      transform: translateY(-50%);
-      color: white;
-      font-size: 14px;
-      z-index: 10;
-    }
-    .main_footer_qrcode1 {
-      right: 300px;
-      cursor: pointer;
-    }
-    .main_footer_qrcode2 {
-      right: 150px;
-      cursor: pointer;
-    }
-  }
-}
-
-.dialog_title {
-  font-size: 16px;
-  // font-weight: bold;
-  position: relative;
-  margin-left: 20px;
-}
-.dialog_title::after {
-  content: "";
-  position: absolute;
-  left: -10px;
-  top: 50%;
-  width: 4px;
-  height: 80%;
-  transform: translateY(-50%);
-  background-color: #0056a8;
 }
 
 .fullHeight {
-  width: 100%;
-  height: 100%;
-  background-color: #eeeeee;
+    width: 100%;
+    height: 100%;
+    background-color: #eeeeee;
 }
 
 .search_content {
-  padding: 20px 10px;
-  background-color: #0056a8;
-  /deep/ .el-input__inner {
-    border: none;
-    height: 40px;
-  }
-  /deep/ .el-input-group__append {
-    background-color: white;
-    border: none;
-    // height: 40px;
-    .el-button {
-      background-color: #0056a8;
-      color: white;
-      height: 30px;
-      display: flex;
-      align-items: center;
-      margin-right: -10px;
-      margin-left: -10px;
+    padding: 20px 10px;
+    background-color: #0056a8;
+    /deep/ .el-input__inner {
+        border: none;
+        height: 40px;
+    }
+    /deep/ .el-input-group__append {
+        background-color: white;
+        border: none;
+        // height: 40px;
+        .el-button {
+            background-color: #0056a8;
+            color: white;
+            height: 30px;
+            display: flex;
+            align-items: center;
+            margin-right: -10px;
+            margin-left: -10px;
+        }
     }
-  }
 }
 </style>