diff --git a/debug.log b/debug.log
index 124f8a9b..eff71a16 100644
--- a/debug.log
+++ b/debug.log
@@ -6,3 +6,7 @@
 [0929/090447.874:ERROR:registration_protocol_win.cc(108)] CreateFile: 系统找不到指定的文件。 (0x2)
 [0929/090448.024:ERROR:registration_protocol_win.cc(108)] CreateFile: 系统找不到指定的文件。 (0x2)
 [0929/090501.978:ERROR:registration_protocol_win.cc(108)] CreateFile: 系统找不到指定的文件。 (0x2)
+[0930/163244.965:ERROR:registration_protocol_win.cc(108)] CreateFile: 系统找不到指定的文件。 (0x2)
+[0930/163245.034:ERROR:registration_protocol_win.cc(108)] CreateFile: 系统找不到指定的文件。 (0x2)
+[0930/163246.926:ERROR:registration_protocol_win.cc(108)] CreateFile: 系统找不到指定的文件。 (0x2)
+[0930/163247.976:ERROR:registration_protocol_win.cc(108)] CreateFile: 系统找不到指定的文件。 (0x2)
diff --git a/src/components/videoModule/isc_plugin/isc_plugin_h5.vue b/src/components/videoModule/isc_plugin/isc_plugin_h5.vue
index bc5e1ed8..9aff11d4 100644
--- a/src/components/videoModule/isc_plugin/isc_plugin_h5.vue
+++ b/src/components/videoModule/isc_plugin/isc_plugin_h5.vue
@@ -414,13 +414,19 @@ export default {
                             }
                         }
                         if (controls) {
-                            console.log(
-                                888777,
-                                iWndIndex,
-                                _this.devH5List.length - 1
+                            // console.log(
+                            //     888777,
+                            //     iWndIndex,
+                            //     _this.devH5List.length - 1
+                            // );
+                            // if (iWndIndex > _this.devH5List.length - 1) return;
+                            // controls.classList.add("video-controls_flex");
+                            const player_playVideo = wnd.querySelector(
+                                `#player_playVideo${iWndIndex}`
                             );
-                            if (iWndIndex > _this.devH5List.length - 1) return;
-                            controls.classList.add("video-controls_flex");
+                            if (player_playVideo.src) {
+                                controls.classList.add("video-controls_flex");
+                            }
                         }
                     }
                 },
@@ -589,6 +595,16 @@ export default {
                         // _this.stopPlay(index);
                     }
                 );
+                _this.player.JS_SetConnectTimeOut(index, 60).then(
+                    () => {
+                        console.info("JS_SetConnectTimeOut success");
+                        // do you want...
+                    },
+                    (err) => {
+                        console.info("JS_SetConnectTimeOut failed", err);
+                        // do you want...
+                    }
+                );
             });
         },
         /**
diff --git a/src/views/projectAdmin/projectList.vue b/src/views/projectAdmin/projectList.vue
index 8c621d2d..ec3407ce 100644
--- a/src/views/projectAdmin/projectList.vue
+++ b/src/views/projectAdmin/projectList.vue
@@ -1,18 +1,29 @@
 <template>
   <!-- 项目列表 -->
   <div class="fullHeight pages">
-    <vhead :titleName="$t('message.homeLayout.projectTitle')" showR="true"></vhead>
+    <vhead
+      :titleName="$t('message.homeLayout.projectTitle')"
+      showR="true"
+    ></vhead>
     <div class="pageContainer">
       <div class="pageDataContainer">
         <!-- <div class="projectList"> -->
-        <div class="searchBox whiteBlock" v-if="userInfo.accountType!=5">
-          <el-form :inline="true" size="medium" :model="searchForm" ref="searchForm">
-            <el-form-item :label="$t('message.companyDiagram.titleName1')" prop="firstCompanyId">
+        <div class="searchBox whiteBlock" v-if="userInfo.accountType != 5">
+          <el-form
+            :inline="true"
+            size="medium"
+            :model="searchForm"
+            ref="searchForm"
+          >
+            <el-form-item
+              :label="$t('message.companyDiagram.titleName1')"
+              prop="firstCompanyId"
+            >
               <el-select
                 v-model="searchForm.firstCompanyId"
                 :placeholder="$t('message.companyDiagram.PleaseSelect')"
                 @change="selectStair"
-                :disabled="userInfo.accountType!=2"
+                :disabled="userInfo.accountType != 2"
                 clearable
               >
                 <el-option
@@ -23,11 +34,18 @@
                 ></el-option>
               </el-select>
             </el-form-item>
-            <el-form-item :label="$t('message.companyDiagram.titleName2')" prop="secondCompanyId">
-              <el-select @change="selectSecondStair"
+            <el-form-item
+              :label="$t('message.companyDiagram.titleName2')"
+              prop="secondCompanyId"
+            >
+              <el-select
+                @change="selectSecondStair"
                 v-model="searchForm.secondCompanyId"
                 :placeholder="$t('message.companyDiagram.PleaseSelect')"
-                :disabled="userInfo.accountType!=2 && userInfo.accountType!=3 || searchForm.firstCompanyId==''"
+                :disabled="
+                  (userInfo.accountType != 2 && userInfo.accountType != 3) ||
+                  searchForm.firstCompanyId == ''
+                "
                 clearable
               >
                 <el-option
@@ -42,7 +60,12 @@
               <el-select
                 v-model="searchForm.thirdCompanyId"
                 :placeholder="$t('message.companyDiagram.PleaseSelect')"
-                :disabled="userInfo.accountType!=2 && userInfo.accountType!=3&& userInfo.accountType!=4 || searchForm.secondCompanyId==''"
+                :disabled="
+                  (userInfo.accountType != 2 &&
+                    userInfo.accountType != 3 &&
+                    userInfo.accountType != 4) ||
+                  searchForm.secondCompanyId == ''
+                "
                 clearable
               >
                 <el-option
@@ -65,8 +88,12 @@
               ></el-input>
             </el-form-item>
             <el-form-item>
-              <el-button type="primary" plain @click="getListData">{{$t('message.docManage.query')}}</el-button>
-              <el-button type="warning" plain @click="resetForm">{{$t('message.docManage.refresh')}}</el-button>
+              <el-button type="primary" plain @click="getListData">{{
+                $t("message.docManage.query")
+              }}</el-button>
+              <el-button type="warning" plain @click="resetForm">{{
+                $t("message.docManage.refresh")
+              }}</el-button>
             </el-form-item>
           </el-form>
         </div>
@@ -85,7 +112,9 @@
             ></el-table-column>
             <el-table-column
               prop="projectNumber"
-              :label="$t('message.companyDiagram.dialog_ProjectPop_up.projectNumber')"
+              :label="
+                $t('message.companyDiagram.dialog_ProjectPop_up.projectNumber')
+              "
               align="center"
             ></el-table-column>
             <el-table-column
@@ -100,32 +129,39 @@
             ></el-table-column>
             <el-table-column
               prop="projectAddress"
-              :label="$t('message.companyDiagram.dialog_ProjectPop_up.projectAddress')"
+              :label="
+                $t('message.companyDiagram.dialog_ProjectPop_up.projectAddress')
+              "
               align="center"
             ></el-table-column>
             <el-table-column
               prop="bulidStatus"
-              :label="$t('message.companyDiagram.dialog_ProjectPop_up.bulidStatus')"
+              :label="
+                $t('message.companyDiagram.dialog_ProjectPop_up.bulidStatus')
+              "
               align="center"
             >
-              <template
-                slot-scope="scope"
-              >
-              {{$t('message.companyDiagram.BUILDSTATUS')[scope.row.bulidStatus==4?3:scope.row.bulidStatus].name}}
-              
+              <template slot-scope="scope">
+                {{
+                  $t("message.companyDiagram.BUILDSTATUS")[
+                    scope.row.bulidStatus == 4 ? 3 : scope.row.bulidStatus
+                  ].name
+                }}
               </template>
             </el-table-column>
             <el-table-column label="操作" align="center" width="400">
               <template slot-scope="scope">
-                <div v-if="$store.state.userInfo.styleType==2"
-                class="operationText"
-                @click="goProjectBigScreen(scope.row)"
+                <div
+                  v-if="$store.state.userInfo.styleType == 2"
+                  class="operationText"
+                  @click="goProjectBigScreen(scope.row)"
                 >
                   进入项目级大屏
                 </div>
-                <div v-if="$store.state.userInfo.styleType==3"
-                class="operationText"
-                @click="goProjectQu(scope.row)"
+                <div
+                  v-if="$store.state.userInfo.styleType == 3"
+                  class="operationText"
+                  @click="goProjectQu(scope.row)"
                 >
                   进入衢州版本
                 </div>
@@ -133,16 +169,32 @@
                   class="operationText"
                   style="margin-right: 30px"
                   @click="toOverview(scope.row.projectSn)"
-                >进入数据看板</div>
-                <div v-if="($store.state.userInfo.styleType!=2 && $store.state.userInfo.styleType!=3) && $store.state.userInfo.enterProjectBackType === 0"
+                >
+                  进入数据看板
+                </div>
+                <div
+                  v-if="
+                    $store.state.userInfo.styleType != 2 &&
+                    $store.state.userInfo.styleType != 3 &&
+                    $store.state.userInfo.enterProjectBackType === 0
+                  "
                   class="operationText"
                   style="margin-right: 30px"
                   @click="goProjectIndex(scope.row)"
-                >{{$t('message.companyDiagram.goProjectBackEnd')}}</div>
-                <div v-if="($store.state.userInfo.styleType!=2 && $store.state.userInfo.styleType!=3) && $store.state.userInfo.seeEquipment === 0"
+                >
+                  {{ $t("message.companyDiagram.goProjectBackEnd") }}
+                </div>
+                <div
+                  v-if="
+                    $store.state.userInfo.styleType != 2 &&
+                    $store.state.userInfo.styleType != 3 &&
+                    $store.state.userInfo.seeEquipment === 0
+                  "
                   class="operationText"
                   @click="goDevCenter(scope.row)"
-                >{{$t('message.companyDiagram.goDevCenter')}}</div>
+                >
+                  {{ $t("message.companyDiagram.goDevCenter") }}
+                </div>
               </template>
             </el-table-column>
           </el-table>
@@ -167,11 +219,9 @@ import {
   getLayerCompanyList,
   selectCompanyProjectPage,
 } from "@/assets/js/api/project.js";
-import {
-  getComapnyStatisticsListApi,
-} from "@/assets/js/api/company/project";
+import { getComapnyStatisticsListApi } from "@/assets/js/api/company/project";
 import { getProjectDetail } from "@/assets/js/api/baseInfo.js";
-import { getScreenAuthModuleAndMenuApi } from '@/assets/js/api/jxjadmin.js'
+import { getScreenAuthModuleAndMenuApi } from "@/assets/js/api/jxjadmin.js";
 import vhead from "@/components/header";
 export default {
   name: "projectList",
@@ -183,7 +233,7 @@ export default {
         firstCompanyId: "",
         secondCompanyId: "",
         projectName: "",
-        thirdCompanyId:""
+        thirdCompanyId: "",
       },
       total: 0,
       pageNo: 1,
@@ -192,7 +242,7 @@ export default {
       institutionList1: [], //一级管理机构
       institutionList2: [], //二级管理机构
       institutionList3: [], //三级管理机构
-      newBigScreen: []
+      newBigScreen: [],
     };
   },
   created() {
@@ -202,12 +252,12 @@ export default {
   },
   methods: {
     async getAuthModuleAndMenu() {
-      let bool = false
-      const res = await getScreenAuthModuleAndMenuApi()
+      let bool = false;
+      const res = await getScreenAuthModuleAndMenuApi();
       if (res.code === 200) {
-        bool = res.result.length ? true : false
+        bool = res.result.length ? true : false;
       }
-      return bool
+      return bool;
     },
     async toOverview(projectSn) {
       this.$forceUpdate();
@@ -219,19 +269,22 @@ export default {
       //     type: "warning",
       //   });
       // } else {
-        const isPermission = await this.getAuthModuleAndMenu()
-        if(!isPermission && !this.newBigScreen) {
-          return this.$message({
-            message: "当前用户没有访问数据看板权限",
-            type: "warning",
-          });
-        }
-        console.log("当前跳转链接", this.newBigScreen);
-        //-------------------- 跳转新版七参数
-        this.jumpToken = localStorage.getItem("jumpToken");
-        let userId = this.$store.state.userInfo.userId;
-        window.open(this.newBigScreen + "?userId=" + userId + '&sn=' + projectSn, "_self");
-        // window.open('http://192.168.34.216:8081/#/large?userId=' + userId + '&sn=' + this.$store.state.projectSn, "_self")//这里是后台跳到大屏的操作，携带token过去
+      const isPermission = await this.getAuthModuleAndMenu();
+      if (!isPermission && !this.newBigScreen) {
+        return this.$message({
+          message: "当前用户没有访问数据看板权限",
+          type: "warning",
+        });
+      }
+      console.log("当前跳转链接", this.newBigScreen);
+      //-------------------- 跳转新版七参数
+      this.jumpToken = localStorage.getItem("jumpToken");
+      let userId = this.$store.state.userInfo.userId;
+      window.open(
+        this.newBigScreen + "?userId=" + userId + "&sn=" + projectSn,
+        "_self"
+      );
+      // window.open('http://192.168.34.216:8081/#/large?userId=' + userId + '&sn=' + this.$store.state.projectSn, "_self")//这里是后台跳到大屏的操作，携带token过去
       // }
     },
     async getProjectDetail(projectSn) {
@@ -241,11 +294,11 @@ export default {
       await getProjectDetail(data).then((res) => {
         if (res.result) {
           if (res.result.newBigScreen) {
-             this.newBigScreen = res.result.newBigScreen
-              console.log('接口获取数据看板地址', this.newBigScreen)
-          }else{
-            this.newBigScreen = "/bigscreen/#/large"
-             console.log('获取默认地址', this.newBigScreen)
+            this.newBigScreen = res.result.newBigScreen;
+            console.log("接口获取数据看板地址", this.newBigScreen);
+          } else {
+            this.newBigScreen = "/bigscreen/#/large";
+            console.log("获取默认地址", this.newBigScreen);
           }
         }
       });
@@ -253,64 +306,82 @@ export default {
     // 获取一二级下拉
     getLayerCompany() {
       let data = {
-        sn: this.userInfo.headquartersSn,
+        // sn: this.userInfo.headquartersSn,
+        sn: this.userInfo.sn,
         videoType: 0,
       };
       getComapnyStatisticsListApi(data).then((res) => {
         if (res.code == 200) {
           // ;
-          this.institutionList1 = res.result.companyList;
-          let DATA = res.result.companyList
+          // this.institutionList1 = [...res.result.companyList] || [];
+          // let DATA = res.result.companyList || [];
+          console.log(222, this.userInfo.accountType);
           //accountType==2 可以选择一级、二级管理机构
           if (this.userInfo.accountType == 2) {
-            
             // this.institutionList2 = res.result[0].list;
             // this.institutionList3 = this.institutionList2[0].list;
             //accountType==3 不可以选择一级管理机构   可以选择二级管理机构
           } else if (this.userInfo.accountType == 3) {
-            for (let i in DATA) {
-              if (DATA[i].companySn == this.userInfo.sn) {
-                this.institutionList1.push(DATA[i]);
-                this.searchForm.firstCompanyId = DATA[i].companyId;
-                this.institutionList2 = DATA[i].list;
-              }
-            }
+            // for (let i in DATA) {
+            //   if (DATA[i].companySn == this.userInfo.sn) {
+            //     // this.institutionList1.push(DATA[i]);
+            //     this.searchForm.firstCompanyId = DATA[i].companyId;
+            //     this.institutionList2 = DATA[i].list;
+            //   }
+            // }
+            this.searchForm.firstCompanyId = res.result.companyInfo.companyId;
+            this.institutionList2 = res.result.companyList;
+            this.institutionList1.push({
+              ...res.result.companyInfo,
+            });
+            console.log(this.institutionList1);
             //accountType==4 不可以选择一级、二级管理机构
           } else if (this.userInfo.accountType == 4) {
-            for (let i in DATA) {
-              let list = DATA[i].list;
-              if (list.length > 0) {
-                for (let j in list) {
-                  if (this.userInfo.sn == list[j].companySn) {
-                    this.institutionList1.push(DATA[i]);
-                    this.institutionList2.push(list[j]);
-                    this.searchForm.firstCompanyId = DATA[i].companyId;
-                    this.searchForm.secondCompanyId = list[j].companyId;
-                    this.institutionList3 = list[j].list;
-                  }
-                }
-              }
-            }
-          }else if (this.userInfo.accountType == 7) {
-            for (let i in DATA) {
-              let list = DATA[i].list;
-              if (list.length > 0) {
-                for (let j in list) {
-                  let list2 = list[j].list;
-                  for (let k in list2) {
-                    if (this.userInfo.sn == list2[k].companySn) {
-                      this.institutionList1.push(DATA[i]);
-                      this.institutionList2.push(list[j]);
-                      this.searchForm.firstCompanyId = DATA[i].companyId;
-                      this.searchForm.secondCompanyId = list[j].companyId;
-                      this.searchForm.thirdCompanyId = list2[k].companyId;
-                      this.institutionList3.push(list2[k])
-                    }
-                  }
-                  
-                }
-              }
-            }
+            // for (let i in DATA) {
+            //   let list = DATA[i].list;
+            //   if (list.length > 0) {
+            //     for (let j in list) {
+            //       if (this.userInfo.sn == list[j].companySn) {
+            //         this.institutionList1.push(DATA[i]);
+            //         this.institutionList2.push(list[j]);
+            //         this.searchForm.firstCompanyId = DATA[i].companyId;
+            //         this.searchForm.secondCompanyId = list[j].companyId;
+            //         this.institutionList3 = list[j].list;
+            //       }
+            //     }
+            //   }
+            // }
+            this.searchForm.firstCompanyId = res.result.parentCompany.companyId;
+            this.searchForm.secondCompanyId = res.result.companyInfo.companyId;
+            this.institutionList3 = res.result.companyList;
+            this.institutionList1 = [res.result.parentCompany];
+            this.institutionList2 = [res.result.companyInfo];
+          } else if (this.userInfo.accountType == 7) {
+            this.searchForm.firstCompanyId = res.result.firstCompany.companyId;
+            this.searchForm.secondCompanyId =
+              res.result.parentCompany.companyId;
+            this.searchForm.thirdCompanyId = res.result.companyInfo.companyId;
+            this.institutionList1 = [res.result.firstCompany];
+            this.institutionList2 = [res.result.parentCompany];
+            this.institutionList3 = [res.result.companyInfo];
+            // for (let i in DATA) {
+            //   let list = DATA[i].list;
+            //   if (list.length > 0) {
+            //     for (let j in list) {
+            //       let list2 = list[j].list;
+            //       for (let k in list2) {
+            //         if (this.userInfo.sn == list2[k].companySn) {
+            //           this.institutionList1.push(DATA[i]);
+            //           this.institutionList2.push(list[j]);
+            //           this.searchForm.firstCompanyId = DATA[i].companyId;
+            //           this.searchForm.secondCompanyId = list[j].companyId;
+            //           this.searchForm.thirdCompanyId = list2[k].companyId;
+            //           this.institutionList3.push(list2[k]);
+            //         }
+            //       }
+            //     }
+            //   }
+            // }
           }
           // console.log(this.institutionList1)
           // console.log(this.institutionList2)
@@ -324,7 +395,12 @@ export default {
 
     //一级切换时
     selectStair(id) {
-      window._paq.push(['trackEvent', '下拉选择', '一级管理机构','选择一级管理机构' ])
+      window._paq.push([
+        "trackEvent",
+        "下拉选择",
+        "一级管理机构",
+        "选择一级管理机构",
+      ]);
       for (let i in this.institutionList1) {
         if (this.institutionList1[i].companyId == id) {
           this.institutionList2 = this.institutionList1[i].list;
@@ -333,7 +409,12 @@ export default {
     },
     //二级切换时
     selectSecondStair(id) {
-      window._paq.push(['trackEvent', '下拉选择', '二级管理机构','选择二级管理机构' ])
+      window._paq.push([
+        "trackEvent",
+        "下拉选择",
+        "二级管理机构",
+        "选择二级管理机构",
+      ]);
       for (let i in this.institutionList2) {
         if (this.institutionList2[i].companyId == id) {
           this.institutionList3 = this.institutionList2[i].list;
@@ -350,7 +431,7 @@ export default {
         firstCompanyId: this.searchForm.firstCompanyId,
         secondCompanyId: this.searchForm.secondCompanyId,
         projectName: this.searchForm.projectName,
-        thirdCompanyId:this.searchForm.thirdCompanyId
+        thirdCompanyId: this.searchForm.thirdCompanyId,
       };
       let value2 = {
         headquartersSn: this.userInfo.headquartersSn,
@@ -366,30 +447,30 @@ export default {
           this.total = Number(res.result.total);
         }
       });
-      window._paq.push(['trackEvent', '点击', '查询','查询项目列表' ])
+      window._paq.push(["trackEvent", "点击", "查询", "查询项目列表"]);
     },
 
     resetForm() {
       // this.$refs["searchForm"].resetFields();
-      if(this.userInfo.accountType==2){
-        this.searchForm.firstCompanyId=''
-        this.searchForm.secondCompanyId=''
-        this.searchForm.thirdCompanyId=''
+      if (this.userInfo.accountType == 2) {
+        this.searchForm.firstCompanyId = "";
+        this.searchForm.secondCompanyId = "";
+        this.searchForm.thirdCompanyId = "";
       }
-      if(this.userInfo.accountType==3){
-        this.searchForm.secondCompanyId=''
-        this.searchForm.thirdCompanyId=''
+      if (this.userInfo.accountType == 3) {
+        this.searchForm.secondCompanyId = "";
+        this.searchForm.thirdCompanyId = "";
       }
       // if(this.userInfo.accountType!=2 && this.userInfo.accountType!=3){
       // }else{
       //   this.searchForm.secondCompanyId=''
       // }
-      if(this.userInfo.accountType==4){
-        this.searchForm.thirdCompanyId=''
+      if (this.userInfo.accountType == 4) {
+        this.searchForm.thirdCompanyId = "";
       }
-      this.searchForm.projectName=''
+      this.searchForm.projectName = "";
       this.getListData();
-      window._paq.push(['trackEvent', '点击', '刷新','刷新项目列表' ])
+      window._paq.push(["trackEvent", "点击", "刷新", "刷新项目列表"]);
     },
     //查看条数
     handleSizeChange(val) {
@@ -402,7 +483,7 @@ export default {
       this.getListData();
     },
     // 去项目级大屏
-    goProjectBigScreen(value){
+    goProjectBigScreen(value) {
       this.$store.commit("setProjectSn", value.projectSn);
       this.$store.commit("setProDetail", value);
       this.$store.commit("changeMouduleIndex", 0);
@@ -411,14 +492,14 @@ export default {
       this.$store.commit("changeFourMenuIndex", 0);
 
       let routeUrl = this.$router.resolve({
-              path: '/projectV2/taskList'
-        });
-        window.open(routeUrl.href, "_blank");
-        window._paq.push(['trackEvent', '点击', '项目级大屏','进入项目级大屏' ])
+        path: "/projectV2/taskList",
+      });
+      window.open(routeUrl.href, "_blank");
+      window._paq.push(["trackEvent", "点击", "项目级大屏", "进入项目级大屏"]);
     },
     // 去衢州版本
-    goProjectQu(value){
-      console.log('进去衢州',value)
+    goProjectQu(value) {
+      console.log("进去衢州", value);
       this.$store.commit("setProjectSn", value.projectSn);
       this.$store.commit("setProDetail", value);
       this.$store.commit("changeMouduleIndex", 0);
@@ -426,36 +507,36 @@ export default {
       this.$store.commit("changeThirdMenuIndex", 0);
       this.$store.commit("changeFourMenuIndex", 0);
       let routeUrl = this.$router.resolve({
-              path: '/projectV3/taskList'
-        });
-       window.open(routeUrl.href, "_blank");
-       localStorage.removeItem("active");
-       localStorage.removeItem("path");
-       localStorage.removeItem("treeActive");
+        path: "/projectV3/taskList",
+      });
+      window.open(routeUrl.href, "_blank");
+      localStorage.removeItem("active");
+      localStorage.removeItem("path");
+      localStorage.removeItem("treeActive");
     },
     //去项目后台
     goProjectIndex(value) {
       this.$store.commit("setProjectSn", value.projectSn);
       let routeUrl = this.$router.resolve({
-              path: '/projectIndex'
-        });
-        window.open(routeUrl.href, "_self");
-        window.location.reload()
-      window._paq.push(['trackEvent', '点击', '项目后台','进入项目后台' ])
-      sessionStorage.setItem('messageA',this.messageA)
+        path: "/projectIndex",
+      });
+      window.open(routeUrl.href, "_self");
+      window.location.reload();
+      window._paq.push(["trackEvent", "点击", "项目后台", "进入项目后台"]);
+      sessionStorage.setItem("messageA", this.messageA);
     },
     //去设备中台
     goDevCenter(value) {
-      console.log('跳跳跳')
-       this.$store.commit("setProjectSn", value.projectSn);
-          window.open("/equipmentCenter.html#/equipmentCenterIndx", "_self");
-          window._paq.push(['trackEvent', '点击', '设备中台','进入设备中台' ])
-       },
+      console.log("跳跳跳");
+      this.$store.commit("setProjectSn", value.projectSn);
+      window.open("/equipmentCenter.html#/equipmentCenterIndx", "_self");
+      window._paq.push(["trackEvent", "点击", "设备中台", "进入设备中台"]);
+    },
   },
 };
 </script>
 <style lang="less" scoped>
-.pageContainer{
+.pageContainer {
   height: calc(100% - 61px);
   ::-webkit-scrollbar {
     width: 7px;
@@ -463,24 +544,24 @@ export default {
     background-color: white;
   }
   ::-webkit-scrollbar-thumb {
-      box-shadow: inset 0 0 0px white;
-      -webkit-box-shadow: inset 0 0 0px white;
-      background-color: rgb(193, 193, 193);
-      /*滚动条的背景颜色*/
-      border-radius: 20px;
+    box-shadow: inset 0 0 0px white;
+    -webkit-box-shadow: inset 0 0 0px white;
+    background-color: rgb(193, 193, 193);
+    /*滚动条的背景颜色*/
+    border-radius: 20px;
   }
   /*解决表格固定列时的压样式问题*/
-    .el-table__fixed {
-        height: calc(100% - 7px) !important;
-    }
+  .el-table__fixed {
+    height: calc(100% - 7px) !important;
+  }
 
   .el-table__fixed-right {
-      height: calc(100% - 12px) !important;
+    height: calc(100% - 12px) !important;
   }
 
   .el-table__fixed-right::before,
   .el-table__fixed::before {
-        background-color: unset !important;
+    background-color: unset !important;
   }
 }
 .searchBox {
diff --git a/src/views/projectFront/buildersDiary/buildersDiaryAll.vue b/src/views/projectFront/buildersDiary/buildersDiaryAll.vue
index 7712334c..e027a8a5 100644
--- a/src/views/projectFront/buildersDiary/buildersDiaryAll.vue
+++ b/src/views/projectFront/buildersDiary/buildersDiaryAll.vue
@@ -1,56 +1,60 @@
 <template>
-  <div class="diary-content">
-    <el-form
-      :inline="true"
-      size="medium"
-      :model="formInline"
-      class="demo-form-inline"
-    >
-      <div>
-        <el-form-item v-if="formInline.viewSwitch == 1">
-          <el-date-picker
-            v-model="formInline.month"
-            type="month"
-            placeholder="选择月"
-            format="yyyy年MM月"
-            value-format="yyyy-MM"
-            :clearable="false"
-          >
-          </el-date-picker>
-        </el-form-item>
-        <el-form-item>
-          <el-radio-group v-model="formInline.type">
-            <el-radio-button :label="1">项目日志</el-radio-button>
-            <el-radio-button :label="2">个人日志</el-radio-button>
-          </el-radio-group>
-        </el-form-item>
-        <el-form-item v-if="formInline.viewSwitch == 1">
-          <el-radio-group
-            @change="onMonthSwitch"
-            v-model="formInline.monthSwitch"
-          >
-            <el-radio-button @click.native.prevent="clickRadio(1)" :label="1"
-              >上月</el-radio-button
-            >
-            <el-radio-button :label="2">本月</el-radio-button>
-            <el-radio-button @click.native.prevent="clickRadio(3)" :label="3"
-              >下月</el-radio-button
-            >
-          </el-radio-group>
-        </el-form-item>
-        <template v-if="formInline.viewSwitch == 2">
-          <el-form-item label="日志日期">
-            <el-date-picker
-              v-model="formInline.date"
-              type="daterange"
-              range-separator="至"
-              start-placeholder="开始日期"
-              end-placeholder="结束日期"
-              value-format="yyyy-MM-dd"
-            >
-            </el-date-picker>
-          </el-form-item>
-          <!-- <el-form-item label="岗位">
+    <div class="diary-content">
+        <el-form
+            :inline="true"
+            size="medium"
+            :model="formInline"
+            class="demo-form-inline"
+        >
+            <div>
+                <el-form-item v-if="formInline.viewSwitch == 1">
+                    <el-date-picker
+                        v-model="formInline.month"
+                        type="month"
+                        placeholder="选择月"
+                        format="yyyy年MM月"
+                        value-format="yyyy-MM"
+                        :clearable="false"
+                    >
+                    </el-date-picker>
+                </el-form-item>
+                <el-form-item>
+                    <el-radio-group v-model="formInline.type">
+                        <el-radio-button :label="1">项目日志</el-radio-button>
+                        <el-radio-button :label="2">个人日志</el-radio-button>
+                    </el-radio-group>
+                </el-form-item>
+                <el-form-item v-if="formInline.viewSwitch == 1">
+                    <el-radio-group
+                        @change="onMonthSwitch"
+                        v-model="formInline.monthSwitch"
+                    >
+                        <el-radio-button
+                            @click.native.prevent="clickRadio(1)"
+                            :label="1"
+                            >上月</el-radio-button
+                        >
+                        <el-radio-button :label="2">本月</el-radio-button>
+                        <el-radio-button
+                            @click.native.prevent="clickRadio(3)"
+                            :label="3"
+                            >下月</el-radio-button
+                        >
+                    </el-radio-group>
+                </el-form-item>
+                <template v-if="formInline.viewSwitch == 2">
+                    <el-form-item label="日志日期">
+                        <el-date-picker
+                            v-model="formInline.date"
+                            type="daterange"
+                            range-separator="至"
+                            start-placeholder="开始日期"
+                            end-placeholder="结束日期"
+                            value-format="yyyy-MM-dd"
+                        >
+                        </el-date-picker>
+                    </el-form-item>
+                    <!-- <el-form-item label="岗位">
             <el-select v-model="formInline.region" placeholder="请选择">
               <el-option
                 v-for="item in options"
@@ -61,7 +65,7 @@
               </el-option>
             </el-select>
           </el-form-item> -->
-          <!-- <el-form-item label="类别">
+                    <!-- <el-form-item label="类别">
             <el-select v-model="formInline.region" placeholder="请选择">
               <el-option
                 v-for="item in options"
@@ -72,1344 +76,1489 @@
               </el-option>
             </el-select>
           </el-form-item> -->
-          <el-form-item>
-            <el-button type="primary" plain @click="onQuery">查询</el-button>
-          </el-form-item>
-          <el-form-item>
-            <el-button type="warning" size="medium" plain @click="onRefresh"
-              >刷新</el-button
-            >
-          </el-form-item>
-          <el-form-item v-if="formInline.type == 2">
-            <el-button type="primary" size="medium" @click="dealAdd(1)"
-              >新增</el-button
-            >
-          </el-form-item>
-          <el-form-item>
-            <el-button
-              type="primary"
-              size="medium"
-              plain
-              @click="downloadFnExport"
-              >导出</el-button
-            >
-          </el-form-item>
-        </template>
-      </div>
-      <div>
-        <el-form-item>
-          <el-radio-group v-model="formInline.viewSwitch">
-            <el-radio-button :label="1">日历视图</el-radio-button>
-            <el-radio-button :label="2">台账视图</el-radio-button>
-          </el-radio-group>
-        </el-form-item>
-        <el-form-item>
-          <el-button @click="exportBtnTemplate" type="primary" size="mini" plain
-            >下载模版</el-button
-          >
-        </el-form-item>
-      </div>
-    </el-form>
-    <div v-if="formInline.viewSwitch == 1">
-      <CalendarView
-        @addView="addView"
-        @examineCalendarView="examineCalendarView"
-        ref="calendarViewRef"
-        :ocrBuildLogAllList="
-          formInline.type == 1
-            ? ocrBuildLogCountOcrBuildLogForMonth
-            : ocrBuildLogAllList
-        "
-        :defaultMonth="formInline.month"
-        :type="formInline.type"
-      />
-    </div>
-    <div class="ledgerview" v-else-if="formInline.viewSwitch == 2">
-      <LedgerView
-        @examineView="examineView"
-        @editView="editView"
-        @deleteView="deleteView"
-        :ocrBuildLogList="ocrBuildLogList"
-        :pageInfo="pageInfo"
-        ref="ledgerViewRef"
-        :type="formInline.type"
-      />
-    </div>
-    <!-- 新增 -->
-    <el-dialog
-      :visible.sync="dealShow"
-      width="1416px"
-      append-to-body
-      :title="dealTitle"
-    >
-      <div class="deal-content">
-        <div class="deal-header">
-          <div>天气情况</div>
-        </div>
-        <div class="deal-content1">
-          <div><span>日期</span>{{ dealForm.date }}</div>
-          <div>
-            <div>
-              <span>风力</span>
-              <template v-if="(dealType == 3 || dateTimeUp(dealForm.date)) && dealTypeShow">
-                {{ dealForm.weatherJson.win_speed }}
-              </template>
-              <el-select
-                v-else
-                size="medium"
-                v-model="dealForm.weatherJson.win_speed"
-                placeholder="请选择"
-              >
-                <el-option
-                  v-for="item in 12"
-                  :key="item"
-                  :label="`${item}级`"
-                  :value="`${item}级`"
-                >
-                </el-option>
-              </el-select>
+                    <el-form-item>
+                        <el-button type="primary" plain @click="onQuery"
+                            >查询</el-button
+                        >
+                    </el-form-item>
+                    <el-form-item>
+                        <el-button
+                            type="warning"
+                            size="medium"
+                            plain
+                            @click="onRefresh"
+                            >刷新</el-button
+                        >
+                    </el-form-item>
+                    <el-form-item v-if="formInline.type == 2">
+                        <el-button
+                            type="primary"
+                            size="medium"
+                            @click="dealAdd(1)"
+                            >新增</el-button
+                        >
+                    </el-form-item>
+                    <el-form-item>
+                        <el-button
+                            type="primary"
+                            size="medium"
+                            plain
+                            @click="downloadFnExport"
+                            >导出</el-button
+                        >
+                    </el-form-item>
+                </template>
             </div>
             <div>
-              <span>气温</span>
-              <template v-if="(dealType == 3 || dateTimeUp(dealForm.date)) && dealTypeShow">
-                {{ dealForm.weatherJson.tem_day }}
-              </template>
-              <el-input-number
-                v-else
-                size="medium"
-                v-model="dealForm.weatherJson.tem_day"
-                :controls="false"
-                controls-position="right"
-                :min="-50"
-                :max="50"
-              ></el-input-number>
+                <el-form-item>
+                    <el-radio-group v-model="formInline.viewSwitch">
+                        <el-radio-button :label="1">日历视图</el-radio-button>
+                        <el-radio-button :label="2">台账视图</el-radio-button>
+                    </el-radio-group>
+                </el-form-item>
+                <el-form-item>
+                    <el-button
+                        @click="exportBtnTemplate"
+                        type="primary"
+                        size="mini"
+                        plain
+                        >下载模版</el-button
+                    >
+                </el-form-item>
             </div>
-            <div>
-              <span>天气</span>
-              <template v-if="(dealType == 3 || dateTimeUp(dealForm.date)) && dealTypeShow">
-                {{ dealForm.weatherJson.wea }}
-              </template>
-              <el-input
-                v-else
-                size="medium"
-                v-model="dealForm.weatherJson.wea"
-                placeholder="请输入"
-              ></el-input>
-            </div>
-          </div>
-        </div>
-        <div class="deal-header">
-          <div>施工情况</div>
-        </div>
-        <el-form
-          ref="dealForm"
-          :model="dealForm"
-          :rules="dealFormRules"
-          size="medium"
-          label-width="70px"
-          class="deal-content2"
-          :disabled="dealType == 3"
-        >
-          <template v-if="dealType == 3">
-            <el-form-item label="施工区域" prop="constructionAreaNames">
-              <div class="w-320">{{ dealForm.constructionAreaNames }}</div>
-            </el-form-item>
-            <el-form-item label="施工单位" prop="constructionUnitNames">
-              <div class="w-320">{{ dealForm.constructionUnitNames }}</div>
-            </el-form-item>
-            <el-form-item label="施工员" prop="constructionWorkerNames">
-              <div class="w-320">{{ dealForm.constructionWorkerNames }}</div>
-            </el-form-item>
-            <el-form-item label="监理单位" prop="supervisionUnitNames">
-              <div class="w-320">{{ dealForm.supervisionUnitNames }}</div>
-            </el-form-item>
-            <el-form-item label="监理人员" prop="supervisionPersonnelNames">
-              <div class="w-320">{{ dealForm.supervisionPersonnelNames }}</div>
-            </el-form-item>
-          </template>
-          <template v-else>
-            <el-form-item label="施工区域" prop="constructionAreaIds">
-              <el-cascader
-                v-model="dealForm.constructionAreaIds"
-                :options="qualityRegionList"
-                @change="handleConstructionAreaIdsChange"
-                filterable
-                clearable
-                collapse-tags
-                :show-all-levels="false"
-                :props="{
-                  multiple: true,
-                  checkStrictly: true,
-                  emitPath: false,
-                  value: 'id',
-                  label: 'regionName',
-                }"
-              ></el-cascader>
-            </el-form-item>
-            <el-form-item label="施工单位" prop="constructionUnitIds">
-              <el-select
-                @change="getSelectWorkerInfoListFn"
-                v-model="dealForm.constructionUnitIds"
-                placeholder="请选择"
-                clearable
-                multiple
-                collapse-tags
-                filterable
-              >
-                <el-option
-                  :label="item.enterpriseName"
-                  :value="item.id"
-                  v-for="(item, index) in enterpriseInfoList"
-                  :key="index"
-                ></el-option>
-              </el-select>
-            </el-form-item>
-            <el-form-item label="施工员" prop="constructionWorkerIds">
-              <el-select
-                v-model="dealForm.constructionWorkerIds"
-                placeholder="请选择"
-                clearable
-                multiple
-                collapse-tags
-                filterable
-              >
-                <el-option
-                  v-for="item in selectWorkerInfoList"
-                  :key="item.id"
-                  :label="item.workerName"
-                  :value="item.id"
-                >
-                </el-option>
-              </el-select>
-            </el-form-item>
-            <el-form-item label="监理单位" prop="supervisionUnitIds">
-              <el-select
-                v-model="dealForm.supervisionUnitIds"
-                @change="getProjectChilderSystemUserList"
-                placeholder="请选择"
-                clearable
-                multiple
-                collapse-tags
-                filterable
-              >
-                <el-option
-                  :label="item.enterpriseName"
-                  :value="item.id"
-                  v-for="(item, index) in cooperatorList"
-                  :key="item.id"
-                ></el-option>
-              </el-select>
-            </el-form-item>
-            <el-form-item label="监理人员" prop="supervisionPersonnelIds">
-              <el-select
-                v-model="dealForm.supervisionPersonnelIds"
-                placeholder="请选择"
-                clearable
-                multiple
-                collapse-tags
-                filterable
-              >
-                <el-option
-                  v-for="item in projectChildUesrList"
-                  :key="item.id"
-                  :label="item.workerName"
-                  :value="item.id"
-                >
-                </el-option>
-              </el-select>
-            </el-form-item>
-          </template>
-
-          <el-form-item label="施工任务" prop="constructionTask">
-            <el-input
-              type="textarea"
-              :autosize="{ minRows: 2 }"
-              placeholder="请输入"
-              v-model="dealForm.constructionTask"
-              maxlength="1000"
-            >
-            </el-input>
-          </el-form-item>
-          <el-form-item label="施工机械" prop="constructionMachinery">
-            <el-input
-              type="textarea"
-              :autosize="{ minRows: 2 }"
-              placeholder="请输入"
-              v-model="dealForm.constructionMachinery"
-              maxlength="1000"
-            >
-            </el-input>
-          </el-form-item>
-          <el-form-item label="出勤情况" prop="attendance">
-            <el-input
-              type="textarea"
-              :autosize="{ minRows: 2 }"
-              placeholder="请输入"
-              v-model="dealForm.attendance"
-              maxlength="1000"
-            >
-            </el-input>
-          </el-form-item>
         </el-form>
-        <div class="deal-header">
-          <div>设计变更材料</div>
-          <el-upload
-            class="upload-demo"
-            name="files"
-            :action="$store.state.UPLOADURL"
-            :multiple="false"
-            :on-success="(res, file) => handleSuccess(res, file, 1)"
-            accept="*"
-          >
-            <!-- .doc, .docx, .xls, .xlsx, .ppt, .pptx, .pdf -->
-            <el-button v-if="dealType != 3" size="medium" type="primary">
-              上传附件
-            </el-button>
-          </el-upload>
+        <div v-if="formInline.viewSwitch == 1">
+            <CalendarView
+                @addView="addView"
+                @examineCalendarView="examineCalendarView"
+                ref="calendarViewRef"
+                :ocrBuildLogAllList="
+                    formInline.type == 1
+                        ? ocrBuildLogCountOcrBuildLogForMonth
+                        : ocrBuildLogAllList
+                "
+                :defaultMonth="formInline.month"
+                :type="formInline.type"
+            />
         </div>
-        <el-table
-          :data="dealForm.designChangeMaterial"
-          border
-          class="deal-content3 mb-20"
-        >
-          <el-table-column
-            type="selection"
-            width="272"
-            align="center"
-          ></el-table-column>
-          <el-table-column prop="name" label="文件名称" align="center">
-          </el-table-column>
-          <el-table-column label="操作" align="center" width="180">
-            <template slot-scope="scope">
-              <div class="operation-style">
-                <el-button @click.stop="previewFn(scope.row)" type="text">
-                  <i class="el-icon-view"></i>
-                  预览
-                </el-button>
-                <el-button
-                  v-if="dealType != 3"
-                  @click.stop="handleRemove(scope.row, 1)"
-                  type="text"
-                >
-                  <i class="el-icon-delete"></i>
-                  删除
-                </el-button>
-              </div>
-            </template>
-          </el-table-column>
-        </el-table>
-        <div class="deal-header">
-          <div>安全交底材料</div>
-          <el-upload
-            class="upload-demo"
-            name="files"
-            :action="$store.state.UPLOADURL"
-            :multiple="false"
-            :on-success="(res, file) => handleSuccess(res, file, 2)"
-            accept="*"
-          >
-            <!-- .doc, .docx, .xls, .xlsx, .ppt, .pptx, .pdf -->
-            <el-button v-if="dealType != 3" size="medium" type="primary">
-              上传附件
-            </el-button>
-          </el-upload>
+        <div class="ledgerview" v-else-if="formInline.viewSwitch == 2">
+            <LedgerView
+                @examineView="examineView"
+                @editView="editView"
+                @deleteView="deleteView"
+                :ocrBuildLogList="ocrBuildLogList"
+                :pageInfo="pageInfo"
+                ref="ledgerViewRef"
+                :type="formInline.type"
+            />
         </div>
-        <el-table
-          :data="dealForm.safetyBriefingMaterial"
-          border
-          class="deal-content3 mb-20"
+        <!-- 新增 -->
+        <el-dialog
+            :visible.sync="dealShow"
+            width="1416px"
+            append-to-body
+            :title="dealTitle"
         >
-          <el-table-column
-            type="selection"
-            width="272"
-            align="center"
-          ></el-table-column>
-          <el-table-column prop="name" label="文件名称" align="center">
-          </el-table-column>
-          <el-table-column label="操作" align="center" width="180">
-            <template slot-scope="scope">
-              <div class="operation-style">
-                <el-button @click.stop="previewFn(scope.row)" type="text">
-                  <i class="el-icon-view"></i>
-                  预览
-                </el-button>
-                <el-button
-                  v-if="dealType != 3"
-                  @click.stop="handleRemove(scope.row, 2)"
-                  type="text"
-                >
-                  <i class="el-icon-delete"></i>
-                  删除
-                </el-button>
-              </div>
-            </template>
-          </el-table-column>
-        </el-table>
-        <div class="deal-header">
-          <div>技术交底材料</div>
-          <el-upload
-            class="upload-demo"
-            name="files"
-            :action="$store.state.UPLOADURL"
-            :multiple="false"
-            :on-success="(res, file) => handleSuccess(res, file, 3)"
-            accept="*"
-          >
-            <!-- .doc, .docx, .xls, .xlsx, .ppt, .pptx, .pdf -->
-            <el-button v-if="dealType != 3" size="medium" type="primary">
-              上传附件
-            </el-button>
-          </el-upload>
-        </div>
-        <el-table
-          :data="dealForm.technicalBriefingMaterial"
-          border
-          class="deal-content3"
-        >
-          <el-table-column
-            type="selection"
-            width="272"
-            align="center"
-          ></el-table-column>
-          <el-table-column prop="name" label="文件名称" align="center">
-          </el-table-column>
-          <el-table-column label="操作" align="center" width="180">
-            <template slot-scope="scope">
-              <div class="operation-style">
-                <el-button @click.stop="previewFn(scope.row)" type="text">
-                  <i class="el-icon-view"></i>
-                  预览
-                </el-button>
-                <el-button
-                  v-if="dealType != 3"
-                  @click.stop="handleRemove(scope.row, 3)"
-                  type="text"
-                >
-                  <i class="el-icon-delete"></i>
-                  删除
-                </el-button>
-              </div>
-            </template>
-          </el-table-column>
-        </el-table>
-      </div>
-      <div slot="footer" style="text-align: center" v-if="dealType != 3">
-        <el-button type="primary" @click="submitDealForm">确认</el-button>
-        <el-button @click="dealFormCancel">取消</el-button>
-      </div>
-    </el-dialog>
-    <!-- 新增 -->
-    <el-dialog
-      :visible.sync="personalDiaryShow"
-      width="1410px"
-      append-to-body
-      :title="personalDiaryTitle"
-    >
-      <div class="personalDiary">
-        <el-form
-          :inline="true"
-          size="medium"
-          :model="personalDiaryInfo"
-          class="demo-form-inline"
-        >
-          <el-form-item label="上传人">
-            <el-input
-              v-model="personalDiaryInfo.uploaderName"
-              placeholder="请输入"
-            ></el-input>
-          </el-form-item>
-          <el-form-item>
-            <el-button type="primary" plain @click="onPersonalDiaryQuery"
-              >查询</el-button
-            >
-          </el-form-item>
-          <el-form-item>
-            <el-button
-              type="warning"
-              size="medium"
-              plain
-              @click="onPersonalDiaryRefresh"
-              >刷新</el-button
-            >
-          </el-form-item>
-        </el-form>
-        <el-table
-          height="calc(100% - 64px - 58px)"
-          max-height="calc(100% - 64px - 58px)"
-          class="tables"
-          :data="personalDiaryList"
-        >
-          <el-table-column
-            type="selection"
-            width="55"
-            align="center"
-          ></el-table-column>
-          <el-table-column
-            prop="date"
-            align="center"
-            label="日志日期"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            prop="uploaderName"
-            align="center"
-            label="上传人"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            prop="weatherJson"
-            align="center"
-            label="天气"
-            show-overflow-tooltip
-          >
-            <template slot-scope="scope">
-              <span v-if="scope.row.weatherJson">
-                风力：{{ scope.row.weatherJson.win_speed }}&nbsp; 气温：{{
-                  scope.row.weatherJson.tem_day
-                }}&nbsp; 天气：{{ scope.row.weatherJson.wea }}
-              </span>
-            </template>
-          </el-table-column>
-          <el-table-column
-            prop="constructionAreaNames"
-            align="center"
-            label="施工区域"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            prop="attendance"
-            align="center"
-            label="出勤情况"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            prop="constructionTask"
-            align="center"
-            label="施工任务"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            prop="constructionUnitNames"
-            align="center"
-            label="施工单位"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            prop="constructionWorkerNames"
-            align="center"
-            label="施工人员"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column label="操作" align="center">
-            <template slot-scope="scope">
-              <div class="tableBtns">
-                <div
-                  @click="examineCalendarView(scope.row, 1)"
-                  class="operationText"
-                >
-                  <i class="el-icon-view"></i>
-                  <span>查看</span>
+            <div class="deal-content">
+                <div class="deal-header">
+                    <div>天气情况</div>
                 </div>
-              </div>
-            </template>
-          </el-table-column>
-        </el-table>
-        <pagination
-          :total="Number(personalDiaryInfo.total)"
-          :page.sync="personalDiaryInfo.pageNo"
-          :limit.sync="personalDiaryInfo.pageSize"
-          @pagination="getPersonalDiaryList"
-          layout="total, prev, pager, next, jumper"
-        />
-      </div>
-    </el-dialog>
-  </div>
+                <div class="deal-content1">
+                    <div><span>日期</span>{{ dealForm.date }}</div>
+                    <div>
+                        <div>
+                            <span>风力</span>
+                            <template
+                                v-if="
+                                    (dealType == 3 ||
+                                        dateTimeUp(dealForm.date)) &&
+                                    dealTypeShow
+                                "
+                            >
+                                {{ dealForm.weatherJson.win_speed }}
+                            </template>
+                            <el-select
+                                v-else
+                                size="medium"
+                                v-model="dealForm.weatherJson.win_speed"
+                                placeholder="请选择"
+                            >
+                                <el-option
+                                    v-for="item in 12"
+                                    :key="item"
+                                    :label="`${item}级`"
+                                    :value="`${item}级`"
+                                >
+                                </el-option>
+                            </el-select>
+                        </div>
+                        <div>
+                            <span>气温</span>
+                            <template
+                                v-if="
+                                    (dealType == 3 ||
+                                        dateTimeUp(dealForm.date)) &&
+                                    dealTypeShow
+                                "
+                            >
+                                {{ dealForm.weatherJson.tem_day }}
+                            </template>
+                            <el-input-number
+                                v-else
+                                size="medium"
+                                v-model="dealForm.weatherJson.tem_day"
+                                :controls="false"
+                                controls-position="right"
+                                :min="-50"
+                                :max="50"
+                            ></el-input-number>
+                        </div>
+                        <div>
+                            <span>天气</span>
+                            <template
+                                v-if="
+                                    (dealType == 3 ||
+                                        dateTimeUp(dealForm.date)) &&
+                                    dealTypeShow
+                                "
+                            >
+                                {{ dealForm.weatherJson.wea }}
+                            </template>
+                            <el-input
+                                v-else
+                                size="medium"
+                                v-model="dealForm.weatherJson.wea"
+                                placeholder="请输入"
+                            ></el-input>
+                        </div>
+                    </div>
+                </div>
+                <div class="deal-header">
+                    <div>施工情况</div>
+                </div>
+                <el-form
+                    ref="dealForm"
+                    :model="dealForm"
+                    :rules="dealFormRules"
+                    size="medium"
+                    label-width="70px"
+                    class="deal-content2"
+                    :disabled="dealType == 3"
+                >
+                    <template v-if="dealType == 3">
+                        <el-form-item
+                            label="施工区域"
+                            prop="constructionAreaNames"
+                        >
+                            <div class="w-320">
+                                {{ dealForm.constructionAreaNames }}
+                            </div>
+                        </el-form-item>
+                        <el-form-item
+                            label="施工单位"
+                            prop="constructionUnitNames"
+                        >
+                            <div class="w-320">
+                                {{ dealForm.constructionUnitNames }}
+                            </div>
+                        </el-form-item>
+                        <el-form-item
+                            label="施工员"
+                            prop="constructionWorkerNames"
+                        >
+                            <div class="w-320">
+                                {{ dealForm.constructionWorkerNames }}
+                            </div>
+                        </el-form-item>
+                        <el-form-item
+                            label="监理单位"
+                            prop="supervisionUnitNames"
+                        >
+                            <div class="w-320">
+                                {{ dealForm.supervisionUnitNames }}
+                            </div>
+                        </el-form-item>
+                        <el-form-item
+                            label="监理人员"
+                            prop="supervisionPersonnelNames"
+                        >
+                            <div class="w-320">
+                                {{ dealForm.supervisionPersonnelNames }}
+                            </div>
+                        </el-form-item>
+                    </template>
+                    <template v-else>
+                        <el-form-item
+                            label="施工区域"
+                            prop="constructionAreaIds"
+                        >
+                            <el-cascader
+                                v-model="dealForm.constructionAreaIds"
+                                :options="qualityRegionList"
+                                @change="handleConstructionAreaIdsChange"
+                                filterable
+                                clearable
+                                collapse-tags
+                                :show-all-levels="false"
+                                :props="{
+                                    multiple: true,
+                                    checkStrictly: true,
+                                    emitPath: false,
+                                    value: 'id',
+                                    label: 'regionName',
+                                }"
+                            ></el-cascader>
+                        </el-form-item>
+                        <el-form-item
+                            label="施工单位"
+                            prop="constructionUnitIds"
+                        >
+                            <el-select
+                                @change="getSelectWorkerInfoListFn"
+                                v-model="dealForm.constructionUnitIds"
+                                placeholder="请选择"
+                                clearable
+                                multiple
+                                collapse-tags
+                                filterable
+                            >
+                                <el-option
+                                    :label="item.enterpriseName"
+                                    :value="item.id"
+                                    v-for="(item, index) in enterpriseInfoList"
+                                    :key="index"
+                                ></el-option>
+                            </el-select>
+                        </el-form-item>
+                        <el-form-item
+                            label="施工员"
+                            prop="constructionWorkerIds"
+                        >
+                            <el-select
+                                v-model="dealForm.constructionWorkerIds"
+                                placeholder="请选择"
+                                clearable
+                                multiple
+                                collapse-tags
+                                filterable
+                            >
+                                <el-option
+                                    v-for="item in selectWorkerInfoList"
+                                    :key="item.id"
+                                    :label="item.workerName"
+                                    :value="item.id"
+                                >
+                                </el-option>
+                            </el-select>
+                        </el-form-item>
+                        <el-form-item
+                            label="监理单位"
+                            prop="supervisionUnitIds"
+                        >
+                            <el-select
+                                v-model="dealForm.supervisionUnitIds"
+                                @change="getProjectChilderSystemUserList"
+                                placeholder="请选择"
+                                clearable
+                                multiple
+                                collapse-tags
+                                filterable
+                            >
+                                <el-option
+                                    :label="item.enterpriseName"
+                                    :value="item.id"
+                                    v-for="(item, index) in cooperatorList"
+                                    :key="item.id"
+                                ></el-option>
+                            </el-select>
+                        </el-form-item>
+                        <el-form-item
+                            label="监理人员"
+                            prop="supervisionPersonnelIds"
+                        >
+                            <el-select
+                                v-model="dealForm.supervisionPersonnelIds"
+                                placeholder="请选择"
+                                clearable
+                                multiple
+                                collapse-tags
+                                filterable
+                            >
+                                <el-option
+                                    v-for="item in projectChildUesrList"
+                                    :key="item.id"
+                                    :label="item.workerName"
+                                    :value="item.id"
+                                >
+                                </el-option>
+                            </el-select>
+                        </el-form-item>
+                    </template>
+
+                    <el-form-item label="施工任务" prop="constructionTask">
+                        <el-input
+                            type="textarea"
+                            :autosize="{ minRows: 2 }"
+                            placeholder="请输入"
+                            v-model="dealForm.constructionTask"
+                            maxlength="1000"
+                        >
+                        </el-input>
+                    </el-form-item>
+                    <el-form-item label="施工机械" prop="constructionMachinery">
+                        <el-input
+                            type="textarea"
+                            :autosize="{ minRows: 2 }"
+                            placeholder="请输入"
+                            v-model="dealForm.constructionMachinery"
+                            maxlength="1000"
+                        >
+                        </el-input>
+                    </el-form-item>
+                    <el-form-item label="出勤情况" prop="attendance">
+                        <el-input
+                            type="textarea"
+                            :autosize="{ minRows: 2 }"
+                            placeholder="请输入"
+                            v-model="dealForm.attendance"
+                            maxlength="1000"
+                        >
+                        </el-input>
+                    </el-form-item>
+                </el-form>
+                <div class="deal-header">
+                    <div>设计变更材料</div>
+                    <el-upload
+                        class="upload-demo"
+                        name="files"
+                        :action="$store.state.UPLOADURL"
+                        :multiple="false"
+                        :on-success="(res, file) => handleSuccess(res, file, 1)"
+                        accept="*"
+                    >
+                        <!-- .doc, .docx, .xls, .xlsx, .ppt, .pptx, .pdf -->
+                        <el-button
+                            v-if="dealType != 3"
+                            size="medium"
+                            type="primary"
+                        >
+                            上传附件
+                        </el-button>
+                    </el-upload>
+                </div>
+                <el-table
+                    :data="dealForm.designChangeMaterial"
+                    border
+                    class="deal-content3 mb-20"
+                >
+                    <el-table-column
+                        type="selection"
+                        width="272"
+                        align="center"
+                    ></el-table-column>
+                    <el-table-column
+                        prop="name"
+                        label="文件名称"
+                        align="center"
+                    >
+                    </el-table-column>
+                    <el-table-column label="操作" align="center" width="180">
+                        <template slot-scope="scope">
+                            <div class="operation-style">
+                                <el-button
+                                    @click.stop="previewFn(scope.row)"
+                                    type="text"
+                                >
+                                    <i class="el-icon-view"></i>
+                                    预览
+                                </el-button>
+                                <el-button
+                                    v-if="dealType != 3"
+                                    @click.stop="handleRemove(scope.row, 1)"
+                                    type="text"
+                                >
+                                    <i class="el-icon-delete"></i>
+                                    删除
+                                </el-button>
+                            </div>
+                        </template>
+                    </el-table-column>
+                </el-table>
+                <div class="deal-header">
+                    <div>安全交底材料</div>
+                    <el-upload
+                        class="upload-demo"
+                        name="files"
+                        :action="$store.state.UPLOADURL"
+                        :multiple="false"
+                        :on-success="(res, file) => handleSuccess(res, file, 2)"
+                        accept="*"
+                    >
+                        <!-- .doc, .docx, .xls, .xlsx, .ppt, .pptx, .pdf -->
+                        <el-button
+                            v-if="dealType != 3"
+                            size="medium"
+                            type="primary"
+                        >
+                            上传附件
+                        </el-button>
+                    </el-upload>
+                </div>
+                <el-table
+                    :data="dealForm.safetyBriefingMaterial"
+                    border
+                    class="deal-content3 mb-20"
+                >
+                    <el-table-column
+                        type="selection"
+                        width="272"
+                        align="center"
+                    ></el-table-column>
+                    <el-table-column
+                        prop="name"
+                        label="文件名称"
+                        align="center"
+                    >
+                    </el-table-column>
+                    <el-table-column label="操作" align="center" width="180">
+                        <template slot-scope="scope">
+                            <div class="operation-style">
+                                <el-button
+                                    @click.stop="previewFn(scope.row)"
+                                    type="text"
+                                >
+                                    <i class="el-icon-view"></i>
+                                    预览
+                                </el-button>
+                                <el-button
+                                    v-if="dealType != 3"
+                                    @click.stop="handleRemove(scope.row, 2)"
+                                    type="text"
+                                >
+                                    <i class="el-icon-delete"></i>
+                                    删除
+                                </el-button>
+                            </div>
+                        </template>
+                    </el-table-column>
+                </el-table>
+                <div class="deal-header">
+                    <div>技术交底材料</div>
+                    <el-upload
+                        class="upload-demo"
+                        name="files"
+                        :action="$store.state.UPLOADURL"
+                        :multiple="false"
+                        :on-success="(res, file) => handleSuccess(res, file, 3)"
+                        accept="*"
+                    >
+                        <!-- .doc, .docx, .xls, .xlsx, .ppt, .pptx, .pdf -->
+                        <el-button
+                            v-if="dealType != 3"
+                            size="medium"
+                            type="primary"
+                        >
+                            上传附件
+                        </el-button>
+                    </el-upload>
+                </div>
+                <el-table
+                    :data="dealForm.technicalBriefingMaterial"
+                    border
+                    class="deal-content3"
+                >
+                    <el-table-column
+                        type="selection"
+                        width="272"
+                        align="center"
+                    ></el-table-column>
+                    <el-table-column
+                        prop="name"
+                        label="文件名称"
+                        align="center"
+                    >
+                    </el-table-column>
+                    <el-table-column label="操作" align="center" width="180">
+                        <template slot-scope="scope">
+                            <div class="operation-style">
+                                <el-button
+                                    @click.stop="previewFn(scope.row)"
+                                    type="text"
+                                >
+                                    <i class="el-icon-view"></i>
+                                    预览
+                                </el-button>
+                                <el-button
+                                    v-if="dealType != 3"
+                                    @click.stop="handleRemove(scope.row, 3)"
+                                    type="text"
+                                >
+                                    <i class="el-icon-delete"></i>
+                                    删除
+                                </el-button>
+                            </div>
+                        </template>
+                    </el-table-column>
+                </el-table>
+            </div>
+            <div slot="footer" style="text-align: center" v-if="dealType != 3">
+                <el-button type="primary" @click="submitDealForm"
+                    >确认</el-button
+                >
+                <el-button @click="dealFormCancel">取消</el-button>
+            </div>
+        </el-dialog>
+        <!-- 新增 -->
+        <el-dialog
+            :visible.sync="personalDiaryShow"
+            width="1410px"
+            append-to-body
+            :title="personalDiaryTitle"
+        >
+            <div class="personalDiary">
+                <el-form
+                    :inline="true"
+                    size="medium"
+                    :model="personalDiaryInfo"
+                    class="demo-form-inline"
+                >
+                    <el-form-item label="上传人">
+                        <el-input
+                            v-model="personalDiaryInfo.uploaderName"
+                            placeholder="请输入"
+                        ></el-input>
+                    </el-form-item>
+                    <el-form-item>
+                        <el-button
+                            type="primary"
+                            plain
+                            @click="onPersonalDiaryQuery"
+                            >查询</el-button
+                        >
+                    </el-form-item>
+                    <el-form-item>
+                        <el-button
+                            type="warning"
+                            size="medium"
+                            plain
+                            @click="onPersonalDiaryRefresh"
+                            >刷新</el-button
+                        >
+                    </el-form-item>
+                </el-form>
+                <el-table
+                    height="calc(100% - 64px - 58px)"
+                    max-height="calc(100% - 64px - 58px)"
+                    class="tables"
+                    :data="personalDiaryList"
+                >
+                    <el-table-column
+                        type="selection"
+                        width="55"
+                        align="center"
+                    ></el-table-column>
+                    <el-table-column
+                        prop="date"
+                        align="center"
+                        label="日志日期"
+                        show-overflow-tooltip
+                    ></el-table-column>
+                    <el-table-column
+                        prop="uploaderName"
+                        align="center"
+                        label="上传人"
+                        show-overflow-tooltip
+                    ></el-table-column>
+                    <el-table-column
+                        prop="weatherJson"
+                        align="center"
+                        label="天气"
+                        show-overflow-tooltip
+                    >
+                        <template slot-scope="scope">
+                            <span v-if="scope.row.weatherJson">
+                                风力：{{
+                                    scope.row.weatherJson.win_speed
+                                }}&nbsp; 气温：{{
+                                    scope.row.weatherJson.tem_day
+                                }}&nbsp; 天气：{{ scope.row.weatherJson.wea }}
+                            </span>
+                        </template>
+                    </el-table-column>
+                    <el-table-column
+                        prop="constructionAreaNames"
+                        align="center"
+                        label="施工区域"
+                        show-overflow-tooltip
+                    ></el-table-column>
+                    <el-table-column
+                        prop="attendance"
+                        align="center"
+                        label="出勤情况"
+                        show-overflow-tooltip
+                    ></el-table-column>
+                    <el-table-column
+                        prop="constructionTask"
+                        align="center"
+                        label="施工任务"
+                        show-overflow-tooltip
+                    ></el-table-column>
+                    <el-table-column
+                        prop="constructionUnitNames"
+                        align="center"
+                        label="施工单位"
+                        show-overflow-tooltip
+                    ></el-table-column>
+                    <el-table-column
+                        prop="constructionWorkerNames"
+                        align="center"
+                        label="施工人员"
+                        show-overflow-tooltip
+                    ></el-table-column>
+                    <el-table-column label="操作" align="center">
+                        <template slot-scope="scope">
+                            <div class="tableBtns">
+                                <div
+                                    @click="examineCalendarView(scope.row, 1)"
+                                    class="operationText"
+                                >
+                                    <i class="el-icon-view"></i>
+                                    <span>查看</span>
+                                </div>
+                            </div>
+                        </template>
+                    </el-table-column>
+                </el-table>
+                <pagination
+                    :total="Number(personalDiaryInfo.total)"
+                    :page.sync="personalDiaryInfo.pageNo"
+                    :limit.sync="personalDiaryInfo.pageSize"
+                    @pagination="getPersonalDiaryList"
+                    layout="total, prev, pager, next, jumper"
+                />
+            </div>
+        </el-dialog>
+    </div>
 </template>
 <script>
 import CalendarView from "./components/calendarView.vue";
 import LedgerView from "./components/ledgerView.vue";
 import { getQualityRegionListApi } from "@/assets/js/api/quality.js";
 import {
-  getProjectChilderSystemUserListApi,
-  getEnterpriseInfoListApi,
+    getProjectChilderSystemUserListApi,
+    getEnterpriseInfoListApi,
 } from "@/assets/js/api/configManage.js";
 import { getWorkerInfoList } from "@/assets/js/api/laborPerson.js";
 import { getCooperatorListApi } from "@/assets/js/api/cooperationUnit";
 import {
-  getOcrBuildLogPageApi,
-  getOcrBuildLogListApi,
-  addOcrBuildLogApi,
-  editOcrBuildLogApi,
-  deleteOcrBuildLogApi,
-  getOcrBuildLogCountOcrBuildLogForMonthApi,
+    getOcrBuildLogPageApi,
+    getOcrBuildLogListApi,
+    addOcrBuildLogApi,
+    editOcrBuildLogApi,
+    deleteOcrBuildLogApi,
+    getOcrBuildLogCountOcrBuildLogForMonthApi,
 } from "@/assets/js/api/buildersDiary.js";
 import { getWeatherLiveData } from "@/assets/js/api/environmentManage";
 import dayjs from "dayjs";
 import { isJSON } from "@/util/nowDate";
 import { encode } from "js-base64";
 export default {
-  components: {
-    CalendarView,
-    LedgerView,
-  },
-  data() {
-    return {
-      projectSn: "",
-      formInline: {
-        month: "",
-        monthSwitch: 2, //1 上月 2本月 3下月
-        viewSwitch: 2, //1 日历视图  2台账视图
-        type: 2, //1 项目日志  2 个人日志
-        date: [],
-        user: "",
-        region: "",
-      },
-      ocrBuildLogAllList: [],
-      ocrBuildLogList: [],
-      pageInfo: {
-        total: 0,
-        pageSize: 10,
-        pageNo: 1,
-      },
-      dealShow: false,
-      dealType: 1, //1新增  2编辑
-      dealTitle: "",
-      dealForm: {
-        date: "",
-        constructionAreaIds: [],
-        constructionUnitIds: [],
-        constructionWorkerIds: [],
-        supervisionUnitIds: [],
-        supervisionPersonnelIds: [],
-        constructionTask: "",
-        constructionMachinery: "",
-        attendance: "",
-        designChangeMaterial: [],
-        safetyBriefingMaterial: [],
-        technicalBriefingMaterial: [],
-        weatherJson: {},
-      },
-      dealTypeShow: true,
-      dealFormRules: {
-        ocrType: [
-          {
-            required: true,
-            message: "请选择ocr类型",
-            trigger: "change",
-          },
-        ],
-      },
-      qualityRegionList: [], // 施工区域
-      enterpriseInfoList: [], // 施工单位
-      selectWorkerInfoList: [], // 施工员
-      cooperatorList: [], // 监理单位
-      projectChildUesrList: [], // 监理人员
-      ocrBuildLogCountOcrBuildLogForMonth: [], // 统计某月每天的ocr施工日志
-      personalDiaryList: [],
-      personalDiaryTitle: "",
-      personalDiaryShow: false,
-      personalDiaryInfo: {
-        pageNo: 1,
-        pageSize: 10,
-        total: 0,
-        date: "",
-        uploaderName: "",
-      },
-    };
-  },
-  created() {
-    this.projectSn = this.$store.state.projectSn;
-    this.formInline.month = dayjs().format("YYYY-MM-DD");
-    const firstDayOfMonth = dayjs().startOf("month").format("YYYY-MM-DD");
-    const lastDayOfMonth = dayjs().endOf("month").format("YYYY-MM-DD");
-    this.formInline.date = [firstDayOfMonth, lastDayOfMonth];
-    this.getQualityRegionList();
-    this.getCooperatorList();
-  },
-  methods: {
-    // 导出模版
-    exportBtnTemplate() {
-      const requestData = {
-        projectSn: this.projectSn,
-      };
-      fetch(this.$http.defaults.baseURL + "xmgl/ocrBuildLog/downloadTemplate", {
-        method: "post",
-        headers: {
-          Authorization: this.$store.state.userInfo.token,
-          "Content-Type": "application/json", // 设置请求头的内容类型为JSON
-        },
-        body: JSON.stringify(requestData),
-      })
-        .then((response) => {
-          // 处理响应
-          if (!response.ok) {
-            throw new Error("导出失败");
-          }
-          return response.blob();
-        })
-        .then((blob) => {
-          console.log("导出成功");
-          // 创建一个下载链接
-          const url = window.URL.createObjectURL(blob);
-          // 创建一个<a>元素
-          const link = document.createElement("a");
-          link.href = url;
-          link.download = "ocr施工日志模板.docx"; // 指定下载文件的文件名
-          // 模拟点击下载链接
-          document.body.appendChild(link);
-          link.click();
-          document.body.removeChild(link);
-          // 释放URL对象
-          window.URL.revokeObjectURL(url);
-          // 处理导出的文件
-          // 这里可以使用blob对象来获取导出的文件内容或者将其保存到本地
-        })
-        .catch((error) => {
-          // 处理错误
-          console.error(error);
-        });
+    components: {
+        CalendarView,
+        LedgerView,
     },
-    onPersonalDiaryQuery() {
-      this.personalDiaryInfo.pageNo = 1;
-      this.getPersonalDiaryList();
-    },
-    onPersonalDiaryRefresh() {
-      this.personalDiaryInfo.uploaderName = "";
-      this.onPersonalDiaryQuery();
-    },
-    getPersonalDiaryList() {
-      getOcrBuildLogPageApi({
-        projectSn: this.projectSn,
-        pageNo: this.personalDiaryInfo.pageNo,
-        pageSize: this.personalDiaryInfo.pageSize,
-        type: this.formInline.type,
-        date: this.personalDiaryInfo.date,
-        uploaderName: this.personalDiaryInfo.uploaderName,
-      }).then((res) => {
-        if (res.code == 200) {
-          this.personalDiaryList = res.result.records;
-          this.personalDiaryInfo.total = res.result.total;
-        }
-      });
-    },
-    // 导出
-    downloadFnExport() {
-      const dataList = this.$refs.ledgerViewRef.multipleTableList();
-      if (dataList.length == 0)
-              return this.$message.warning("请先勾选需要导出的数据！");
-      const requestData = {
-        idList: dataList.map((item) => item.id),
-        projectSn: this.projectSn,
-      };
-      fetch(this.$http.defaults.baseURL + 'xmgl/ocrBuildLog/exportZip', {
-        method: "post",
-        headers: {
-          Authorization: this.$store.state.userInfo.token,
-          "Content-Type": "application/json", // 设置请求头的内容类型为JSON
-        },
-        body: JSON.stringify(requestData),
-      })
-        .then((response) => {
-          // 处理响应
-          if (!response.ok) {
-            throw new Error("导出失败");
-          }
-          return response.blob();
-        })
-        .then((blob) => {
-          console.log("导出成功");
-          // 创建一个下载链接
-          const url = window.URL.createObjectURL(blob);
-          // 创建一个<a>元素
-          const link = document.createElement("a");
-          link.href = url;
-          link.download = '施工日志.zip'; // 指定下载文件的文件名
-          // 模拟点击下载链接
-          document.body.appendChild(link);
-          link.click();
-          document.body.removeChild(link);
-          // 释放URL对象
-          window.URL.revokeObjectURL(url);
-          // 处理导出的文件
-          // 这里可以使用blob对象来获取导出的文件内容或者将其保存到本地
-        })
-        .catch((error) => {
-          // 处理错误
-          console.error(error);
-        });
-    },
-    // 删除文件
-    handleRemove(row, type) {
-      const obj = {
-        1: "designChangeMaterial",
-        2: "safetyBriefingMaterial",
-        3: "technicalBriefingMaterial",
-      };
-      const findIndex = this.dealForm[obj[type]].findIndex(
-        (item) => item.url === row.url
-      );
-      if (findIndex != -1) {
-        this.dealForm[obj[type]].splice(findIndex, 1);
-      }
-    },
-    handleSuccess(res, file, type) {
-      if (res.status == "SUCCESS") {
-        const obj = {
-          1: "designChangeMaterial",
-          2: "safetyBriefingMaterial",
-          3: "technicalBriefingMaterial",
+    data() {
+        return {
+            projectSn: "",
+            formInline: {
+                month: "",
+                monthSwitch: 2, //1 上月 2本月 3下月
+                viewSwitch: 2, //1 日历视图  2台账视图
+                type: 2, //1 项目日志  2 个人日志
+                date: [],
+                user: "",
+                region: "",
+            },
+            ocrBuildLogAllList: [],
+            ocrBuildLogList: [],
+            pageInfo: {
+                total: 0,
+                pageSize: 10,
+                pageNo: 1,
+            },
+            dealShow: false,
+            dealType: 1, //1新增  2编辑
+            dealTitle: "",
+            dealForm: {
+                date: "",
+                constructionAreaIds: [],
+                constructionUnitIds: [],
+                constructionWorkerIds: [],
+                supervisionUnitIds: [],
+                supervisionPersonnelIds: [],
+                constructionTask: "",
+                constructionMachinery: "",
+                attendance: "",
+                designChangeMaterial: [],
+                safetyBriefingMaterial: [],
+                technicalBriefingMaterial: [],
+                weatherJson: {},
+            },
+            dealTypeShow: true,
+            dealFormRules: {
+                ocrType: [
+                    {
+                        required: true,
+                        message: "请选择ocr类型",
+                        trigger: "change",
+                    },
+                ],
+            },
+            qualityRegionList: [], // 施工区域
+            enterpriseInfoList: [], // 施工单位
+            selectWorkerInfoList: [], // 施工员
+            cooperatorList: [], // 监理单位
+            projectChildUesrList: [], // 监理人员
+            ocrBuildLogCountOcrBuildLogForMonth: [], // 统计某月每天的ocr施工日志
+            personalDiaryList: [],
+            personalDiaryTitle: "",
+            personalDiaryShow: false,
+            personalDiaryInfo: {
+                pageNo: 1,
+                pageSize: 10,
+                total: 0,
+                date: "",
+                uploaderName: "",
+            },
         };
-        this.dealForm[obj[type]].push({
-          name: file.name,
-          url: this.$store.state.FILEURL + file.response.data[0].imageUrl,
-        });
-      }
     },
-    getWeather() {
-      getWeatherLiveData({
-        cityid: this.$store.state.currentProDetail.cityCode,
-      }).then((res) => {
-        if (res.code == 200) {
-          this.dealForm.weatherJson = res.result;
-        }
-      }).catch((err) => {
-        this.dealTypeShow = false;
-      });
-    },
-    // 新增
-    addView(row) {
-      this.dealAdd(1, row);
-    },
-    // 查看
-    examineView(row) {
-      this.dealAdd(3, row);
-    },
-    examineCalendarView(item, type) {
-      if (this.formInline.type == 1 && type != 1) {
-        const time = dayjs(item.date).format("YYYY-MM-DD");
-        this.personalDiaryInfo.date = time;
-        this.personalDiaryTitle = `查看详情-${time}`;
-        this.personalDiaryShow = true;
-        this.onPersonalDiaryRefresh();
-        return;
-      }
-      this.dealAdd(3, {
-        ...item,
-        constructionAreaIds: item.constructionAreaIds
-          ? item.constructionAreaIds.split(",")
-          : [],
-        constructionUnitIds: item.constructionUnitIds
-          ? item.constructionUnitIds.split(",")
-          : [],
-        constructionWorkerIds: item.constructionWorkerIds
-          ? item.constructionWorkerIds.split(",")
-          : [],
-        supervisionUnitIds: item.supervisionUnitIds
-          ? item.supervisionUnitIds.split(",")
-          : [],
-        supervisionPersonnelIds: item.supervisionPersonnelIds
-          ? item.supervisionPersonnelIds.split(",")
-          : [],
-        designChangeMaterial: isJSON(item.designChangeMaterial)
-          ? JSON.parse(item.designChangeMaterial)
-          : [],
-        safetyBriefingMaterial: isJSON(item.safetyBriefingMaterial)
-          ? JSON.parse(item.safetyBriefingMaterial)
-          : [],
-        technicalBriefingMaterial: isJSON(item.technicalBriefingMaterial)
-          ? JSON.parse(item.technicalBriefingMaterial)
-          : [],
-        weatherJson: isJSON(item.weatherJson)
-          ? JSON.parse(item.weatherJson)
-          : {},
-      });
-    },
-    // 编辑
-    editView(row) {
-      this.dealAdd(2, row);
-    },
-    // 新增
-    dealAdd(type, row) {
-      this.dealType = type;
-      this.enterpriseInfoList = [];
-      this.selectWorkerInfoList = [];
-      this.projectChildUesrList = [];
-
-      if (type == 1) {
-        this.dealTitle = "新增";
-        this.initDealForm();
-        if (row) {
-          this.dealForm.date = row.date;
-        }
-        this.getWeather();
-      } else if (type == 2 || type == 3) {
-        this.dealTitle = "编辑";
-        this.dealForm = {
-          ...row,
-        };
-        console.log(1111111111111, this.dealForm);
-        this.handleConstructionAreaIdsChange();
-        this.getSelectWorkerInfoListFn();
-        this.getProjectChilderSystemUserList();
-      }
-      this.$nextTick(() => {
-        this.$refs["dealForm"].clearValidate();
-      });
-      this.dealShow = true;
-    },
-    initDealForm() {
-      this.dealForm = {
-        date: dayjs().format("YYYY-MM-DD"),
-        constructionAreaIds: [],
-        constructionUnitIds: [],
-        constructionWorkerIds: [],
-        supervisionUnitIds: [],
-        supervisionPersonnelIds: [],
-        constructionTask: "",
-        constructionMachinery: "",
-        attendance: "",
-        designChangeMaterial: [],
-        safetyBriefingMaterial: [],
-        technicalBriefingMaterial: [],
-        weatherJson: {},
-      };
-    },
-    submitDealForm() {
-      this.$refs["dealForm"].validate((valid) => {
-        if (valid) {
-          let params = {
-            ...this.dealForm,
-            constructionAreaIds: this.dealForm.constructionAreaIds.join(","),
-            constructionUnitIds: this.dealForm.constructionUnitIds.join(","),
-            constructionWorkerIds:
-              this.dealForm.constructionWorkerIds.join(","),
-            supervisionUnitIds: this.dealForm.supervisionUnitIds.join(","),
-            supervisionPersonnelIds:
-              this.dealForm.supervisionPersonnelIds.join(","),
-            designChangeMaterial: JSON.stringify(
-              this.dealForm.designChangeMaterial
-            ),
-            safetyBriefingMaterial: JSON.stringify(
-              this.dealForm.safetyBriefingMaterial
-            ),
-            technicalBriefingMaterial: JSON.stringify(
-              this.dealForm.technicalBriefingMaterial
-            ),
-            weatherJson: JSON.stringify(this.dealForm.weatherJson),
-            projectSn: this.projectSn,
-            type: this.formInline.type,
-          };
-          if (this.dealType == 1) {
-            addOcrBuildLogApi(params).then((result) => {
-              if (result.success) {
-                this.$message.success(result.message);
-                this.getOcrBuildLogPage();
-                this.getOcrBuildLogAllList();
-                this.dealShow = false;
-              }
-            });
-          } else if (this.dealType == 2) {
-            editOcrBuildLogApi(params).then((result) => {
-              if (result.success) {
-                this.$message.success(result.message);
-                this.getOcrBuildLogPage();
-                this.getOcrBuildLogAllList();
-                this.dealShow = false;
-              }
-            });
-          }
-        }
-      });
-    },
-    dealFormCancel() {
-      this.initDealForm();
-      this.$refs["dealForm"].clearValidate();
-      this.dealShow = false;
-    },
-    onQuery() {
-      this.pageInfo.pageNo = 1;
-      this.getOcrBuildLogPage();
-    },
-    onRefresh() {
-      const firstDayOfMonth = dayjs().startOf("month").format("YYYY-MM-DD");
-      const lastDayOfMonth = dayjs().endOf("month").format("YYYY-MM-DD");
-      this.formInline.date = [firstDayOfMonth, lastDayOfMonth];
-      this.onQuery();
-    },
-    getOcrBuildLogPage() {
-      getOcrBuildLogPageApi({
-        projectSn: this.projectSn,
-        pageNo: this.pageInfo.pageNo,
-        pageSize: this.pageInfo.pageSize,
-        type: this.formInline.type,
-        date_begin:
-          this.formInline.date.length > 0 ? this.formInline.date[0] : "",
-        date_end:
-          this.formInline.date.length > 1 ? this.formInline.date[1] : "",
-      }).then((res) => {
-        if (res.code == 200) {
-          this.ocrBuildLogList = res.result.records.map((item) => {
-            return {
-              ...item,
-              constructionAreaIds: item.constructionAreaIds
-                ? item.constructionAreaIds.split(",")
-                : [],
-              constructionUnitIds: item.constructionUnitIds
-                ? item.constructionUnitIds.split(",")
-                : [],
-              constructionWorkerIds: item.constructionWorkerIds
-                ? item.constructionWorkerIds.split(",")
-                : [],
-              supervisionUnitIds: item.supervisionUnitIds
-                ? item.supervisionUnitIds.split(",")
-                : [],
-              supervisionPersonnelIds: item.supervisionPersonnelIds
-                ? item.supervisionPersonnelIds.split(",")
-                : [],
-              designChangeMaterial: isJSON(item.designChangeMaterial)
-                ? JSON.parse(item.designChangeMaterial)
-                : [],
-              safetyBriefingMaterial: isJSON(item.safetyBriefingMaterial)
-                ? JSON.parse(item.safetyBriefingMaterial)
-                : [],
-              technicalBriefingMaterial: isJSON(item.technicalBriefingMaterial)
-                ? JSON.parse(item.technicalBriefingMaterial)
-                : [],
-              weatherJson: isJSON(item.weatherJson)
-                ? JSON.parse(item.weatherJson)
-                : {},
-            };
-          });
-          this.pageInfo.total = res.result.total;
-        }
-      });
-    },
-    deleteView(row) {
-      this.$confirm("此操作将永久删除, 是否继续?", "提示", {
-        confirmButtonText: "确定",
-        cancelButtonText: "取消",
-        type: "warning",
-      }).then(() => {
-        deleteOcrBuildLogApi({ id: row.id }).then((res) => {
-          if (res.success) {
-            this.getOcrBuildLogPage();
-            this.$message({
-              type: "success",
-              message: "删除成功!",
-            });
-          }
-        });
-      });
-    },
-    onMonthSwitch() {
-      console.log(this.formInline.monthSwitch, this.formInline.month);
-      if (this.formInline.monthSwitch == 1) {
-        this.formInline.month = dayjs(this.formInline.month)
-          .subtract(1, "month")
-          .format("YYYY-MM-DD");
-      } else if (this.formInline.monthSwitch == 2) {
+    created() {
+        this.projectSn = this.$store.state.projectSn;
         this.formInline.month = dayjs().format("YYYY-MM-DD");
-      } else if (this.formInline.monthSwitch == 3) {
-        this.formInline.month = dayjs(this.formInline.month)
-          .add(1, "month")
-          .format("YYYY-MM-DD");
-      }
-      this.getOcrBuildLogCountOcrBuildLogForMonth();
+        const firstDayOfMonth = dayjs().startOf("month").format("YYYY-MM-DD");
+        const lastDayOfMonth = dayjs().endOf("month").format("YYYY-MM-DD");
+        this.formInline.date = [firstDayOfMonth, lastDayOfMonth];
+        this.getQualityRegionList();
+        this.getCooperatorList();
     },
-    clickRadio(e) {
-      this.formInline.monthSwitch = e;
-      if (
-        this.formInline.monthSwitch == 1 ||
-        this.formInline.monthSwitch == 3
-      ) {
-        this.onMonthSwitch();
-      }
+    methods: {
+        // 导出模版
+        exportBtnTemplate() {
+            const requestData = {
+                projectSn: this.projectSn,
+            };
+            fetch(
+                this.$http.defaults.baseURL +
+                    "xmgl/ocrBuildLog/downloadTemplate",
+                {
+                    method: "post",
+                    headers: {
+                        Authorization: this.$store.state.userInfo.token,
+                        "Content-Type": "application/json", // 设置请求头的内容类型为JSON
+                    },
+                    body: JSON.stringify(requestData),
+                }
+            )
+                .then((response) => {
+                    // 处理响应
+                    if (!response.ok) {
+                        throw new Error("导出失败");
+                    }
+                    return response.blob();
+                })
+                .then((blob) => {
+                    console.log("导出成功");
+                    // 创建一个下载链接
+                    const url = window.URL.createObjectURL(blob);
+                    // 创建一个<a>元素
+                    const link = document.createElement("a");
+                    link.href = url;
+                    link.download = "ocr施工日志模板.docx"; // 指定下载文件的文件名
+                    // 模拟点击下载链接
+                    document.body.appendChild(link);
+                    link.click();
+                    document.body.removeChild(link);
+                    // 释放URL对象
+                    window.URL.revokeObjectURL(url);
+                    // 处理导出的文件
+                    // 这里可以使用blob对象来获取导出的文件内容或者将其保存到本地
+                })
+                .catch((error) => {
+                    // 处理错误
+                    console.error(error);
+                });
+        },
+        onPersonalDiaryQuery() {
+            this.personalDiaryInfo.pageNo = 1;
+            this.getPersonalDiaryList();
+        },
+        onPersonalDiaryRefresh() {
+            this.personalDiaryInfo.uploaderName = "";
+            this.onPersonalDiaryQuery();
+        },
+        getPersonalDiaryList() {
+            getOcrBuildLogPageApi({
+                projectSn: this.projectSn,
+                pageNo: this.personalDiaryInfo.pageNo,
+                pageSize: this.personalDiaryInfo.pageSize,
+                type: this.formInline.type,
+                date: this.personalDiaryInfo.date,
+                uploaderName: this.personalDiaryInfo.uploaderName,
+            }).then((res) => {
+                if (res.code == 200) {
+                    this.personalDiaryList = res.result.records;
+                    this.personalDiaryInfo.total = res.result.total;
+                }
+            });
+        },
+        // 导出
+        downloadFnExport() {
+            const dataList = this.$refs.ledgerViewRef.multipleTableList();
+            if (dataList.length == 0)
+                return this.$message.warning("请先勾选需要导出的数据！");
+            const requestData = {
+                idList: dataList.map((item) => item.id),
+                projectSn: this.projectSn,
+            };
+            fetch(this.$http.defaults.baseURL + "xmgl/ocrBuildLog/exportZip", {
+                method: "post",
+                headers: {
+                    Authorization: this.$store.state.userInfo.token,
+                    "Content-Type": "application/json", // 设置请求头的内容类型为JSON
+                },
+                body: JSON.stringify(requestData),
+            })
+                .then((response) => {
+                    // 处理响应
+                    if (!response.ok) {
+                        throw new Error("导出失败");
+                    }
+                    return response.blob();
+                })
+                .then((blob) => {
+                    console.log("导出成功");
+                    // 创建一个下载链接
+                    const url = window.URL.createObjectURL(blob);
+                    // 创建一个<a>元素
+                    const link = document.createElement("a");
+                    link.href = url;
+                    link.download = "施工日志.zip"; // 指定下载文件的文件名
+                    // 模拟点击下载链接
+                    document.body.appendChild(link);
+                    link.click();
+                    document.body.removeChild(link);
+                    // 释放URL对象
+                    window.URL.revokeObjectURL(url);
+                    // 处理导出的文件
+                    // 这里可以使用blob对象来获取导出的文件内容或者将其保存到本地
+                })
+                .catch((error) => {
+                    // 处理错误
+                    console.error(error);
+                });
+        },
+        // 删除文件
+        handleRemove(row, type) {
+            const obj = {
+                1: "designChangeMaterial",
+                2: "safetyBriefingMaterial",
+                3: "technicalBriefingMaterial",
+            };
+            const findIndex = this.dealForm[obj[type]].findIndex(
+                (item) => item.url === row.url
+            );
+            if (findIndex != -1) {
+                this.dealForm[obj[type]].splice(findIndex, 1);
+            }
+        },
+        handleSuccess(res, file, type) {
+            if (res.status == "SUCCESS") {
+                const obj = {
+                    1: "designChangeMaterial",
+                    2: "safetyBriefingMaterial",
+                    3: "technicalBriefingMaterial",
+                };
+                this.dealForm[obj[type]].push({
+                    name: file.name,
+                    url:
+                        this.$store.state.FILEURL +
+                        file.response.data[0].imageUrl,
+                });
+            }
+        },
+        getWeather() {
+            getWeatherLiveData({
+                cityid: this.$store.state.currentProDetail.cityCode,
+            })
+                .then((res) => {
+                    if (res.code == 200) {
+                        this.dealForm.weatherJson = res.result;
+                    }
+                })
+                .catch((err) => {
+                    this.dealTypeShow = false;
+                });
+        },
+        // 新增
+        addView(row) {
+            this.dealAdd(1, row);
+        },
+        // 查看
+        examineView(row) {
+            this.dealAdd(3, row);
+        },
+        examineCalendarView(item, type) {
+            if (this.formInline.type == 1 && type != 1) {
+                const time = dayjs(item.date).format("YYYY-MM-DD");
+                this.personalDiaryInfo.date = time;
+                this.personalDiaryTitle = `查看详情-${time}`;
+                this.personalDiaryShow = true;
+                this.onPersonalDiaryRefresh();
+                return;
+            }
+            this.dealAdd(3, {
+                ...item,
+                constructionAreaIds: item.constructionAreaIds
+                    ? item.constructionAreaIds.split(",")
+                    : [],
+                constructionUnitIds: item.constructionUnitIds
+                    ? item.constructionUnitIds.split(",")
+                    : [],
+                constructionWorkerIds: item.constructionWorkerIds
+                    ? item.constructionWorkerIds.split(",")
+                    : [],
+                supervisionUnitIds: item.supervisionUnitIds
+                    ? item.supervisionUnitIds.split(",")
+                    : [],
+                supervisionPersonnelIds: item.supervisionPersonnelIds
+                    ? item.supervisionPersonnelIds.split(",")
+                    : [],
+                designChangeMaterial: isJSON(item.designChangeMaterial)
+                    ? JSON.parse(item.designChangeMaterial)
+                    : [],
+                safetyBriefingMaterial: isJSON(item.safetyBriefingMaterial)
+                    ? JSON.parse(item.safetyBriefingMaterial)
+                    : [],
+                technicalBriefingMaterial: isJSON(
+                    item.technicalBriefingMaterial
+                )
+                    ? JSON.parse(item.technicalBriefingMaterial)
+                    : [],
+                weatherJson: isJSON(item.weatherJson)
+                    ? JSON.parse(item.weatherJson)
+                    : {},
+            });
+        },
+        // 编辑
+        editView(row) {
+            this.dealAdd(2, row);
+        },
+        // 新增
+        dealAdd(type, row) {
+            this.dealType = type;
+            this.enterpriseInfoList = [];
+            this.selectWorkerInfoList = [];
+            this.projectChildUesrList = [];
+
+            if (type == 1) {
+                this.dealTitle = "新增";
+                this.initDealForm();
+                if (row) {
+                    this.dealForm.date = row.date;
+                }
+                this.getWeather();
+            } else if (type == 2 || type == 3) {
+                this.dealTitle = "编辑";
+                this.dealForm = {
+                    ...row,
+                };
+                console.log(1111111111111, this.dealForm);
+                this.handleConstructionAreaIdsChange();
+                this.getSelectWorkerInfoListFn();
+                this.getProjectChilderSystemUserList();
+            }
+            this.$nextTick(() => {
+                this.$refs["dealForm"].clearValidate();
+            });
+            this.dealShow = true;
+        },
+        initDealForm() {
+            this.dealForm = {
+                date: dayjs().format("YYYY-MM-DD"),
+                constructionAreaIds: [],
+                constructionUnitIds: [],
+                constructionWorkerIds: [],
+                supervisionUnitIds: [],
+                supervisionPersonnelIds: [],
+                constructionTask: "",
+                constructionMachinery: "",
+                attendance: "",
+                designChangeMaterial: [],
+                safetyBriefingMaterial: [],
+                technicalBriefingMaterial: [],
+                weatherJson: {},
+            };
+        },
+        submitDealForm() {
+            this.$refs["dealForm"].validate((valid) => {
+                if (valid) {
+                    let params = {
+                        ...this.dealForm,
+                        constructionAreaIds:
+                            this.dealForm.constructionAreaIds.join(","),
+                        constructionUnitIds:
+                            this.dealForm.constructionUnitIds.join(","),
+                        constructionWorkerIds:
+                            this.dealForm.constructionWorkerIds.join(","),
+                        supervisionUnitIds:
+                            this.dealForm.supervisionUnitIds.join(","),
+                        supervisionPersonnelIds:
+                            this.dealForm.supervisionPersonnelIds.join(","),
+                        designChangeMaterial: JSON.stringify(
+                            this.dealForm.designChangeMaterial
+                        ),
+                        safetyBriefingMaterial: JSON.stringify(
+                            this.dealForm.safetyBriefingMaterial
+                        ),
+                        technicalBriefingMaterial: JSON.stringify(
+                            this.dealForm.technicalBriefingMaterial
+                        ),
+                        weatherJson: JSON.stringify(this.dealForm.weatherJson),
+                        projectSn: this.projectSn,
+                        type: this.formInline.type,
+                    };
+                    if (this.dealType == 1) {
+                        addOcrBuildLogApi(params).then((result) => {
+                            if (result.success) {
+                                this.$message.success(result.message);
+                                this.getOcrBuildLogPage();
+                                this.getOcrBuildLogAllList();
+                                this.dealShow = false;
+                            }
+                        });
+                    } else if (this.dealType == 2) {
+                        editOcrBuildLogApi(params).then((result) => {
+                            if (result.success) {
+                                this.$message.success(result.message);
+                                this.getOcrBuildLogPage();
+                                this.getOcrBuildLogAllList();
+                                this.dealShow = false;
+                            }
+                        });
+                    }
+                }
+            });
+        },
+        dealFormCancel() {
+            this.initDealForm();
+            this.$refs["dealForm"].clearValidate();
+            this.dealShow = false;
+        },
+        onQuery() {
+            this.pageInfo.pageNo = 1;
+            this.getOcrBuildLogPage();
+        },
+        onRefresh() {
+            const firstDayOfMonth = dayjs()
+                .startOf("month")
+                .format("YYYY-MM-DD");
+            const lastDayOfMonth = dayjs().endOf("month").format("YYYY-MM-DD");
+            this.formInline.date = [firstDayOfMonth, lastDayOfMonth];
+            this.onQuery();
+        },
+        getOcrBuildLogPage() {
+            getOcrBuildLogPageApi({
+                projectSn: this.projectSn,
+                pageNo: this.pageInfo.pageNo,
+                pageSize: this.pageInfo.pageSize,
+                type: this.formInline.type,
+                date_begin:
+                    this.formInline.date.length > 0
+                        ? this.formInline.date[0]
+                        : "",
+                date_end:
+                    this.formInline.date.length > 1
+                        ? this.formInline.date[1]
+                        : "",
+            }).then((res) => {
+                if (res.code == 200) {
+                    this.ocrBuildLogList = res.result.records.map((item) => {
+                        return {
+                            ...item,
+                            constructionAreaIds: item.constructionAreaIds
+                                ? item.constructionAreaIds.split(",")
+                                : [],
+                            constructionUnitIds: item.constructionUnitIds
+                                ? item.constructionUnitIds.split(",")
+                                : [],
+                            constructionWorkerIds: item.constructionWorkerIds
+                                ? item.constructionWorkerIds.split(",")
+                                : [],
+                            supervisionUnitIds: item.supervisionUnitIds
+                                ? item.supervisionUnitIds.split(",")
+                                : [],
+                            supervisionPersonnelIds:
+                                item.supervisionPersonnelIds
+                                    ? item.supervisionPersonnelIds.split(",")
+                                    : [],
+                            designChangeMaterial: isJSON(
+                                item.designChangeMaterial
+                            )
+                                ? JSON.parse(item.designChangeMaterial)
+                                : [],
+                            safetyBriefingMaterial: isJSON(
+                                item.safetyBriefingMaterial
+                            )
+                                ? JSON.parse(item.safetyBriefingMaterial)
+                                : [],
+                            technicalBriefingMaterial: isJSON(
+                                item.technicalBriefingMaterial
+                            )
+                                ? JSON.parse(item.technicalBriefingMaterial)
+                                : [],
+                            weatherJson: isJSON(item.weatherJson)
+                                ? JSON.parse(item.weatherJson)
+                                : {},
+                        };
+                    });
+                    this.pageInfo.total = res.result.total;
+                }
+            });
+        },
+        deleteView(row) {
+            this.$confirm("此操作将永久删除, 是否继续?", "提示", {
+                confirmButtonText: "确定",
+                cancelButtonText: "取消",
+                type: "warning",
+            }).then(() => {
+                deleteOcrBuildLogApi({ id: row.id }).then((res) => {
+                    if (res.success) {
+                        this.getOcrBuildLogPage();
+                        this.$message({
+                            type: "success",
+                            message: "删除成功!",
+                        });
+                    }
+                });
+            });
+        },
+        onMonthSwitch() {
+            console.log(this.formInline.monthSwitch, this.formInline.month);
+            if (this.formInline.monthSwitch == 1) {
+                this.formInline.month = dayjs(this.formInline.month)
+                    .subtract(1, "month")
+                    .format("YYYY-MM-DD");
+            } else if (this.formInline.monthSwitch == 2) {
+                this.formInline.month = dayjs().format("YYYY-MM-DD");
+            } else if (this.formInline.monthSwitch == 3) {
+                this.formInline.month = dayjs(this.formInline.month)
+                    .add(1, "month")
+                    .format("YYYY-MM-DD");
+            }
+            this.getOcrBuildLogCountOcrBuildLogForMonth();
+        },
+        clickRadio(e) {
+            this.formInline.monthSwitch = e;
+            if (
+                this.formInline.monthSwitch == 1 ||
+                this.formInline.monthSwitch == 3
+            ) {
+                this.onMonthSwitch();
+            }
+        },
+        getOcrBuildLogCountOcrBuildLogForMonth() {
+            getOcrBuildLogCountOcrBuildLogForMonthApi({
+                projectSn: this.projectSn,
+                yearMonth: dayjs(this.formInline.month).format("YYYY-MM"),
+                type: this.formInline.type,
+            }).then((res) => {
+                if (res.code == 200) {
+                    this.ocrBuildLogCountOcrBuildLogForMonth = res.result;
+                }
+            });
+        },
+        handleConstructionAreaIdsChange() {
+            this.getEnterpriseInfoList();
+        },
+        // 获取施工区域
+        getQualityRegionList() {
+            let data = {
+                projectSn: this.projectSn,
+            };
+            getQualityRegionListApi(data).then((res) => {
+                if (res.code == 200) {
+                    this.qualityRegionList = res.result;
+                }
+            });
+        },
+        // 获取申请单位
+        getEnterpriseInfoList() {
+            let data = {
+                projectSn: this.projectSn,
+                securityRegionIdList: this.dealForm.constructionAreaIds,
+            };
+            getEnterpriseInfoListApi(data).then((res) => {
+                if (res.code == 200) {
+                    this.enterpriseInfoList = res.result;
+                }
+            });
+        },
+        getSelectWorkerInfoListFn() {
+            let data = {
+                projectSn: this.projectSn,
+                enterpriseId: this.dealForm.constructionUnitIds.join(","),
+            };
+            getWorkerInfoList(data).then((res) => {
+                if (res.code == 200) {
+                    this.selectWorkerInfoList = res.result.records;
+                }
+            });
+        },
+        //获取监理单位
+        getCooperatorList() {
+            // getEnterpriseTypeList
+            getCooperatorListApi({
+                projectSn: this.$store.state.projectSn,
+                pageNo: 1,
+                pageSize: -1,
+                enterpriseTypeId: 7,
+            }).then((res) => {
+                this.cooperatorList = res.result.records;
+            });
+        },
+        // 获取监理人员
+        getProjectChilderSystemUserList() {
+            let data = {
+                enterpriseId: this.dealForm.supervisionUnitIds,
+                projectSn: this.$store.state.projectSn,
+            };
+            //   getProjectChilderSystemUserListApi
+            getWorkerInfoList(data).then((res) => {
+                if (res.code == 200) {
+                    this.projectChildUesrList = res.result.records;
+                }
+            });
+        },
+        // 获取日志列表
+        getOcrBuildLogAllList() {
+            getOcrBuildLogListApi({
+                projectSn: this.projectSn,
+                type: this.formInline.type,
+                date_begin:
+                    this.formInline.date.length > 0
+                        ? this.formInline.date[0]
+                        : "",
+                date_end:
+                    this.formInline.date.length > 1
+                        ? this.formInline.date[1]
+                        : "",
+            }).then((res) => {
+                if (res.code == 200) {
+                    this.ocrBuildLogAllList = res.result;
+                }
+            });
+        },
+        previewFn(row) {
+            let src = row.url;
+            //   this.previewUrl = `${
+            //     this.$store.state.PREVIEWURL
+            //   }?url=${encodeURIComponent(encode(src))}`;
+            //   console.log(this.previewUrl);
+            window.open(src, "_blank");
+        },
     },
-    getOcrBuildLogCountOcrBuildLogForMonth() {
-      getOcrBuildLogCountOcrBuildLogForMonthApi({
-        projectSn: this.projectSn,
-        yearMonth: dayjs(this.formInline.month).format("YYYY-MM"),
-        type: this.formInline.type,
-      }).then((res) => {
-        if (res.code == 200) {
-          this.ocrBuildLogCountOcrBuildLogForMonth = res.result;
-        }
-      });
+    computed: {
+        dateTimeUp() {
+            return (dateTime) => {
+                return dateTime == dayjs().format("YYYY-MM-DD");
+            };
+        },
+        formInlineUp() {
+            const { type, viewSwitch } = this.formInline;
+            return { type, viewSwitch };
+        },
     },
-    handleConstructionAreaIdsChange() {
-      this.getEnterpriseInfoList();
+    watch: {
+        formInlineUp: {
+            handler(val) {
+                if (val.viewSwitch == 1) {
+                    this.getOcrBuildLogAllList();
+                } else if (
+                    val.type == 1 ||
+                    val.type == 2 ||
+                    val.viewSwitch == 2
+                ) {
+                    this.getOcrBuildLogPage();
+                }
+                if (this.formInline.month) {
+                    this.getOcrBuildLogCountOcrBuildLogForMonth();
+                }
+            },
+            deep: true,
+            immediate: true,
+        },
     },
-    // 获取施工场站
-    getQualityRegionList() {
-      let data = {
-        projectSn: this.projectSn,
-      };
-      getQualityRegionListApi(data).then((res) => {
-        if (res.code == 200) {
-          this.qualityRegionList = res.result;
-        }
-      });
-    },
-    // 获取申请单位
-    getEnterpriseInfoList() {
-      let data = {
-        projectSn: this.projectSn,
-        securityRegionIdList: this.dealForm.constructionAreaIds,
-      };
-      getEnterpriseInfoListApi(data).then((res) => {
-        if (res.code == 200) {
-          this.enterpriseInfoList = res.result;
-        }
-      });
-    },
-    getSelectWorkerInfoListFn() {
-      let data = {
-        projectSn: this.projectSn,
-        enterpriseId: this.dealForm.constructionUnitIds.join(","),
-      };
-      getWorkerInfoList(data).then((res) => {
-        if (res.code == 200) {
-          this.selectWorkerInfoList = res.result.records;
-        }
-      });
-    },
-    //获取监理单位
-    getCooperatorList() {
-      // getEnterpriseTypeList
-      getCooperatorListApi({
-        projectSn: this.$store.state.projectSn,
-        pageNo: 1,
-        pageSize: -1,
-        enterpriseTypeId: 7,
-      }).then((res) => {
-        this.cooperatorList = res.result.records;
-      });
-    },
-    // 获取监理人员
-    getProjectChilderSystemUserList() {
-      let data = {
-        enterpriseId: this.dealForm.supervisionUnitIds,
-        projectSn: this.$store.state.projectSn,
-      };
-      //   getProjectChilderSystemUserListApi
-      getWorkerInfoList(data).then((res) => {
-        if (res.code == 200) {
-          this.projectChildUesrList = res.result.records;
-        }
-      });
-    },
-    // 获取日志列表
-    getOcrBuildLogAllList() {
-      getOcrBuildLogListApi({
-        projectSn: this.projectSn,
-        type: this.formInline.type,
-        date_begin:
-          this.formInline.date.length > 0 ? this.formInline.date[0] : "",
-        date_end:
-          this.formInline.date.length > 1 ? this.formInline.date[1] : "",
-      }).then((res) => {
-        if (res.code == 200) {
-          this.ocrBuildLogAllList = res.result;
-        }
-      });
-    },
-    previewFn(row) {
-      let src = row.url;
-      //   this.previewUrl = `${
-      //     this.$store.state.PREVIEWURL
-      //   }?url=${encodeURIComponent(encode(src))}`;
-      //   console.log(this.previewUrl);
-      window.open(src, "_blank");
-    },
-  },
-  computed: {
-    dateTimeUp() {
-      return (dateTime) => {
-        return dateTime == dayjs().format("YYYY-MM-DD");
-      };
-    },
-    formInlineUp() {
-      const { type, viewSwitch } = this.formInline;
-      return { type, viewSwitch };
-    },
-  },
-  watch: {
-    formInlineUp: {
-      handler(val) {
-        if (val.viewSwitch == 1) {
-          this.getOcrBuildLogAllList();
-        } else if (val.type == 1 || val.type == 2 || val.viewSwitch == 2) {
-          this.getOcrBuildLogPage();
-        }
-        if (this.formInline.month) {
-          this.getOcrBuildLogCountOcrBuildLogForMonth();
-        }
-      },
-      deep: true,
-      immediate: true,
-    },
-  },
 };
 </script>
 <style lang="less" scoped>
 .personalDiary {
-  height: 70vh;
+    height: 70vh;
 }
 .el-icon-view {
-  color: #5181f6;
-  font-size: 15px;
-  margin-right: 5px;
+    color: #5181f6;
+    font-size: 15px;
+    margin-right: 5px;
 }
 .ledger {
-  height: 100%;
+    height: 100%;
 }
 .tables {
-  min-height: initial;
+    min-height: initial;
 }
 /deep/ .pagination-container {
-  padding: 16px;
+    padding: 16px;
 }
 .deal-content {
-  .mb-20 {
-    margin-bottom: 20px;
-  }
-  .deal-content3::before {
-    background-color: #f2f2f2;
-  }
-  /deep/ .deal-content3 {
-    border-color: #f2f2f2;
-    th {
-      background-color: #f2f2f2;
-      border-color: #f2f2f2;
+    .mb-20 {
+        margin-bottom: 20px;
     }
-    td {
-      border-color: #f2f2f2;
+    .deal-content3::before {
+        background-color: #f2f2f2;
     }
-    .operation-style {
-      display: flex;
-      justify-content: center;
-      flex-wrap: wrap;
-      .el-button {
-        font-size: 14px;
-        color: #262d49;
-      }
-      .el-button:not(:last-child) {
-        margin-right: 6px;
-      }
-      .el-icon-view {
-        color: #5181f6;
-      }
-      .el-icon-delete {
-        color: #ea3941;
-      }
-    }
-  }
-  .deal-content2 {
-    margin: 0 auto;
-    width: 854px;
-    display: flex;
-    flex-wrap: wrap;
-    justify-content: space-between;
-    .w-320 {
-      width: 320px;
-    }
-    .el-textarea {
-      width: 785px;
-    }
-    .el-select,
-    .el-cascader {
-      width: 320px;
-    }
-    .el-form-item {
-      margin-bottom: 20px;
-    }
-  }
-  .deal-content1 {
-    margin: 0 auto 20px;
-    width: 854px;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    > div:last-child {
-      display: flex;
-      > div:not(:first-child) {
-        margin-left: 30px;
-      }
-      > div {
-        font-size: 14px;
-        color: #272d45;
-        > span {
-          margin-right: 15px;
-          color: #a2a4af;
+    /deep/ .deal-content3 {
+        border-color: #f2f2f2;
+        th {
+            background-color: #f2f2f2;
+            border-color: #f2f2f2;
+        }
+        td {
+            border-color: #f2f2f2;
+        }
+        .operation-style {
+            display: flex;
+            justify-content: center;
+            flex-wrap: wrap;
+            .el-button {
+                font-size: 14px;
+                color: #262d49;
+            }
+            .el-button:not(:last-child) {
+                margin-right: 6px;
+            }
+            .el-icon-view {
+                color: #5181f6;
+            }
+            .el-icon-delete {
+                color: #ea3941;
+            }
+        }
+    }
+    .deal-content2 {
+        margin: 0 auto;
+        width: 854px;
+        display: flex;
+        flex-wrap: wrap;
+        justify-content: space-between;
+        .w-320 {
+            width: 320px;
+        }
+        .el-textarea {
+            width: 785px;
         }
-        .el-input,
         .el-select,
-        .el-input-number {
-          width: 92px;
+        .el-cascader {
+            width: 320px;
+        }
+        .el-form-item {
+            margin-bottom: 20px;
         }
-      }
     }
-    > div:first-child {
-      font-size: 14px;
-      color: #272d45;
-      > span {
-        margin-right: 15px;
-        color: #a2a4af;
-      }
+    .deal-content1 {
+        margin: 0 auto 20px;
+        width: 854px;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        > div:last-child {
+            display: flex;
+            > div:not(:first-child) {
+                margin-left: 30px;
+            }
+            > div {
+                font-size: 14px;
+                color: #272d45;
+                > span {
+                    margin-right: 15px;
+                    color: #a2a4af;
+                }
+                .el-input,
+                .el-select,
+                .el-input-number {
+                    width: 92px;
+                }
+            }
+        }
+        > div:first-child {
+            font-size: 14px;
+            color: #272d45;
+            > span {
+                margin-right: 15px;
+                color: #a2a4af;
+            }
+        }
     }
-  }
-  .deal-header {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    margin-bottom: 20px;
-    > div:first-child {
-      font-weight: 800;
-      font-size: 16px;
-      color: #4d4d4d;
+    .deal-header {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        margin-bottom: 20px;
+        > div:first-child {
+            font-weight: 800;
+            font-size: 16px;
+            color: #4d4d4d;
+        }
+        /deep/ .el-upload-list {
+            display: none;
+        }
     }
-    /deep/ .el-upload-list {
-      display: none;
-    }
-  }
 }
 /deep/ .el-dialog__body {
-  padding: 10px 20px 20px;
+    padding: 10px 20px 20px;
 }
 
 .ledgerview {
-  height: calc(100% - 60px);
+    height: calc(100% - 60px);
 }
 .diary-content {
-  padding: 15px 20px;
-  height: calc(100% - 30px);
-  background-color: #fff;
-  .demo-form-inline {
-    display: flex;
-    justify-content: space-between;
-    .el-select,
-    .el-cascader {
-      width: 192px;
+    padding: 15px 20px;
+    height: calc(100% - 30px);
+    background-color: #fff;
+    .demo-form-inline {
+        display: flex;
+        justify-content: space-between;
+        .el-select,
+        .el-cascader {
+            width: 192px;
+        }
+        /deep/ .el-date-editor--daterange {
+            width: 247px;
+        }
+        /deep/ .el-date-editor--month {
+            width: 90px;
+            .el-input__inner {
+                width: 90px;
+                padding: 0;
+                border: none;
+                font-size: 16px;
+                color: #272d45;
+            }
+            .el-input__prefix {
+                display: none;
+            }
+        }
+        .el-form-item {
+            margin-bottom: 20px;
+        }
     }
-    /deep/ .el-date-editor--daterange {
-      width: 247px;
-    }
-    /deep/ .el-date-editor--month {
-      width: 90px;
-      .el-input__inner {
-        width: 90px;
-        padding: 0;
-        border: none;
-        font-size: 16px;
-        color: #272d45;
-      }
-      .el-input__prefix {
-        display: none;
-      }
-    }
-    .el-form-item {
-      margin-bottom: 20px;
-    }
-  }
 }
 </style>
\ No newline at end of file
diff --git a/src/views/projectFront/replayVideoManage/components/playBack/isc_plugin_h5.vue b/src/views/projectFront/replayVideoManage/components/playBack/isc_plugin_h5.vue
index 71854158..f69f73fe 100644
--- a/src/views/projectFront/replayVideoManage/components/playBack/isc_plugin_h5.vue
+++ b/src/views/projectFront/replayVideoManage/components/playBack/isc_plugin_h5.vue
@@ -640,8 +640,14 @@ export default {
                             }
                         }
                         if (controls) {
-                            if (iWndIndex > _this.devH5List.length - 1) return;
-                            controls.classList.add("video-controls_flex");
+                            // if (iWndIndex > _this.devH5List.length - 1) return;
+                            // controls.classList.add("video-controls_flex");
+                            const player_playVideo = wnd.querySelector(
+                                `#player_playVideo${iWndIndex}`
+                            );
+                            if (player_playVideo.src) {
+                                controls.classList.add("video-controls_flex");
+                            }
                         }
                     }
                 },
@@ -736,7 +742,9 @@ export default {
                 // itemId: row.itemId,
                 serialNumber: row.serialNumber,
                 projectSn: row.projectSn,
-                protocol: window.location.protocol.includes("https") ? "wss" : "ws",
+                protocol: window.location.protocol.includes("https")
+                    ? "wss"
+                    : "ws",
 
                 beginTime: this.startTime,
                 endTime: this.endTime,
@@ -832,6 +840,16 @@ export default {
                             _this.$message.warning(obj[err] || "播放失败");
                         }
                     );
+                _this.player.JS_SetConnectTimeOut(index, 60).then(
+                    () => {
+                        console.info("JS_SetConnectTimeOut success");
+                        // do you want...
+                    },
+                    (err) => {
+                        console.info("JS_SetConnectTimeOut failed", err);
+                        // do you want...
+                    }
+                );
             });
         },
         /**
diff --git a/src/views/projectFront/workTicketManage/homeworkControlProcess.vue b/src/views/projectFront/workTicketManage/homeworkControlProcess.vue
index 509b9903..86f791db 100644
--- a/src/views/projectFront/workTicketManage/homeworkControlProcess.vue
+++ b/src/views/projectFront/workTicketManage/homeworkControlProcess.vue
@@ -75,7 +75,7 @@
             placeholder="请输入"
           ></el-input>
         </el-form-item>
-        <el-form-item label="施工场站" prop="constructionAreas">
+        <el-form-item label="施工区域" prop="constructionAreas">
           <el-cascader
             v-model="queryParams.constructionAreas"
             :options="qualityRegionList"
@@ -411,7 +411,7 @@
                 placeholder="请输入"
               ></el-input>
             </el-form-item>
-            <el-form-item label="施工场站" prop="constructionAreas">
+            <el-form-item label="施工区域" prop="constructionAreas">
               <el-cascader
                 v-model="workTicketForm.constructionAreas"
                 :options="qualityRegionList"
@@ -1207,1642 +1207,1669 @@
 </template>
 <script>
 import {
-  getProjectChilderSystemUserListApi,
-  getEnterpriseInfoListApi,
+    getProjectChilderSystemUserListApi,
+    getEnterpriseInfoListApi,
 } from "@/assets/js/api/configManage.js";
 import {
-  getWorkTicketTypeTreePageApi,
-  getWorkTicketPageApi,
-  addWorkTicketApi,
-  editWorkTicketApi,
-  deleteWorkTicketApi,
-  deleteBatchWorkTicketApi,
-  getWorkTicketCountWorkTicketApi,
-  setWorkTicketOperateWorkTicketApi,
-  getWorkTicketHistoryListApi,
-  getWorkTicketQueryByIdApi,
-  getVideoItemInfoPoliceCameraItemApi,
-  getQueryBindRegionsApi,
+    getWorkTicketTypeTreePageApi,
+    getWorkTicketPageApi,
+    addWorkTicketApi,
+    editWorkTicketApi,
+    deleteWorkTicketApi,
+    deleteBatchWorkTicketApi,
+    getWorkTicketCountWorkTicketApi,
+    setWorkTicketOperateWorkTicketApi,
+    getWorkTicketHistoryListApi,
+    getWorkTicketQueryByIdApi,
+    getVideoItemInfoPoliceCameraItemApi,
+    getQueryBindRegionsApi,
 } from "@/assets/js/api/workTicketManage";
 import { getProjectConfigListApi } from "@/assets/js/api/project.js";
 import { getQualityRegionListApi } from "@/assets/js/api/quality.js";
 import {
-  getPoliceCameraItemPageApi,
-  getPoliceCameraItemListApi,
+    getPoliceCameraItemPageApi,
+    getPoliceCameraItemListApi,
 } from "@/assets/js/api/bodyWornCamera";
 import dayjs from "dayjs";
 import duration from "dayjs/plugin/duration";
 import { isJSON } from "@/util/nowDate";
 import HlsPlayer from "./components/HlsPlayer.vue";
 export default {
-  components: {
-    HlsPlayer,
-  },
-  data() {
-    return {
-      COMPANY: COMPANY,
-      projectSn: "",
-      tableData: [],
-      workTicketTitle: "新增",
-      workTicketType: 1,
-      workTicketDialog: false,
-      stepActive: 0,
-      workTicketForm: {
-        typeId: "",
-        workTicketNumber: "",
-        constructionAreas: [],
-        constructionAddr: "",
-        applicants: [],
-        applicationTime: "",
-        constructionTime: [],
-        operator: "",
-        workContent: "",
-        safetyMeasure: "",
-        workTicketAttachment: [],
-        otherAttachment: [],
-        safetyRiskAnalysis: [],
-      },
-      workTicketRules: {
-        typeId: [
-          {
-            required: true,
-            message: "请选择工作票类型",
-            trigger: "change",
-          },
-        ],
-        workTicketNumber: [
-          {
-            required: true,
-            message: "请输入工作票编号",
-            trigger: "blur",
-          },
-        ],
-        workContent: [
-          {
-            required: true,
-            message: "请输入作业内容",
-            trigger: "blur",
-          },
-        ],
-        workTicketAttachment: [
-          {
-            required: true,
-            message: "请上传工作票附件",
-            trigger: "change",
-          },
-        ],
-      },
-      // 查询参数
-      queryParams: {
-        pageNo: 1,
-        pageSize: 10,
-        typeId: "",
-        constructionTime: [],
-        workTicketNumber: "",
-        status: "",
-        operator: "",
-        constructionAreas: "",
-      },
-      total: 0,
-      enterpriseInfoList: [],
-      qualityRegionList: [],
-      workTicketTypeTreeList: [],
-      workTicketCountInfo: {
-        done: 0,
-        ing: 0,
-        notStarted: 0,
-        pause: 0,
-      },
-      workTicketBindCamera: 0,
-      statusList: [
-        {
-          value: 1,
-          label: "未开始",
-        },
-        {
-          value: 2,
-          label: "施工中",
-        },
-        {
-          value: 3,
-          label: "暂停中",
-        },
-        {
-          value: 4,
-          label: "已完工",
-        },
-      ],
-      policeCameraItemDialog: false,
-      policeCameraItemList: [],
-      policeCameraItemInfo: {
-        pageNo: 1,
-        pageSize: 10,
-        total: 0,
-        devName: "",
-        devSn: "",
-        bindTicket: "",
-      },
-      workTicketId: "",
-      selectList: [],
-      selectFullList: [],
-      //   工作票详情
-      workTicketDetailDialog: false,
-      workTicketDetail: {},
-      workTicketHistoryList: [],
-      viewreplayDialog: false,
-      viewreplayInfo: {},
-      viewreplayTitle: "",
-      itemId: "",
-      videoItemInfo: {},
-    };
-  },
-  created() {
-    // 扩展Day.js以使用duration插件
-    dayjs.extend(duration);
-    this.projectSn = this.$store.state.projectSn;
-    this.getWorkTicketList();
-    this.getWorkTicketTypeTreePage();
-    this.getQualityRegionList();
-    this.getEnterpriseInfoList();
-    this.getProjectSetting();
-    this.getWorkTicketCountWorkTicket();
-    this.getPoliceCameraItemList();
-    this.getQueryBindRegions();
-  },
-  methods: {
-    // 查看回放
-    onViewrePlayClick(row) {
-      this.viewreplayTitle = `第${row.no}次作业回放`;
-      this.viewreplayInfo = {
-        ...row,
-        is_play: false,
-      };
-      this.viewreplayDialog = true;
+    components: {
+        HlsPlayer,
     },
-    // 播放音频
-    onAudioClick() {
-      if (this.viewreplayInfo.is_play) {
-        this.$refs[`audio${this.viewreplayInfo.id}`].pause();
-        this.viewreplayInfo.is_play = false;
-      } else {
-        this.$refs[`audio${this.viewreplayInfo.id}`].play();
-        this.viewreplayInfo.is_play = true;
-      }
-    },
-    onExamineClick(row) {
-      console.log(112233, row)
-      this.workTicketId = row.id;
-      this.getWorkTicketQueryById();
-      this.getWorkTicketHistoryList();
-      this.workTicketDetailDialog = true;
-    },
-    // 列表查询工作票历史记录信息
-    getWorkTicketHistoryList() {
-      getWorkTicketHistoryListApi({
-        workTicketId: this.workTicketId,
-        // workTicketId: "1942510629577048066",
-        projectSn: this.projectSn,
-      }).then((res) => {
-        if (res.code == 200) {
-          const resultList = res.result.sort((a, b) => a.no - b.no);
-
-          this.workTicketHistoryList = resultList.map((item) => {
-            return {
-              ...item,
-            };
-          });
-        }
-      });
-    },
-    // 通过id查询作业票详情
-    getWorkTicketQueryById() {
-      getWorkTicketQueryByIdApi({
-        id: this.workTicketId,
-        // id: "1942510629577048066",
-        projectSn: this.projectSn,
-      }).then((res) => {
-        if (res.code == 200) {
-          this.workTicketDetail = {
-            ...res.result,
-            workTicketAttachment:
-              isJSON(res.result.workTicketAttachment) &&
-              JSON.parse(res.result.workTicketAttachment) instanceof Array
-                ? JSON.parse(res.result.workTicketAttachment)
-                : [],
-            safetyRiskAnalysis:
-              isJSON(res.result.safetyRiskAnalysis) &&
-              JSON.parse(res.result.safetyRiskAnalysis) instanceof Array
-                ? JSON.parse(res.result.safetyRiskAnalysis)
-                : [],
-            otherAttachment:
-              isJSON(res.result.otherAttachment) &&
-              JSON.parse(res.result.otherAttachment) instanceof Array
-                ? JSON.parse(res.result.otherAttachment)
-                : [],
-          };
-          if (
-            res.result.itemList instanceof Array &&
-            res.result.itemList.length > 0
-          ) {
-            this.itemId = res.result.itemList[0].itemId;
-            this.getVideoItemInfoPoliceCameraItem();
-          } else {
-            this.itemId = "";
-            this.videoItemInfo = {};
-          }
-        }
-      });
-    },
-    getVideoItemInfoPoliceCameraItem() {
-      getVideoItemInfoPoliceCameraItemApi({
-        itemId: this.itemId,
-        projectSn: this.projectSn,
-      }).then((res) => {
-        if (res.code == 200) {
-          this.videoItemInfo = res.result;
-        }
-      });
-    },
-    // 删除
-    onDelete(row) {
-      const findIndex = this.selectList.findIndex((item) => item == row.itemId);
-      if (findIndex > -1) {
-        this.selectList.splice(findIndex, 1);
-      }
-    },
-    // 添加设备列表
-    policeCameraItemSubmit() {
-      if (this.$refs.policeCameraItemTable.selection.length == 0)
-        return this.$message.warning("请选择需要绑定的设备");
-      const resultList = this.$refs.policeCameraItemTable.selection.map(
-        (item) => item.itemId
-      );
-      this.selectList = [...this.selectList, ...resultList];
-      console.log(1111, this.selectList);
-      this.policeCameraItemDialog = false;
-      this.$confirm(
-        "设备已绑定作业票，请选择继续添加设备或者绑定完成进行下一步操作",
-        "提示",
-        {
-          confirmButtonText: "绑定完成",
-          cancelButtonText: "继续添加",
-          customClass: "customConfirm",
-          //   type: 'warning'
-        }
-      )
-        .then(() => {})
-        .catch(() => {
-          this.bindWorkTicketClick();
-        });
-    },
-    // 绑定设备列表
-    bindWorkTicketClick() {
-      this.policeCameraItemRefresh();
-      this.policeCameraItemDialog = true;
-    },
-    policeCameraItemQuery() {
-      this.policeCameraItemInfo.pageNo = 1;
-      this.getPoliceCameraItemPage();
-    },
-    policeCameraItemRefresh() {
-      this.policeCameraItemInfo.devName = "";
-      this.policeCameraItemInfo.devSn = "";
-      this.policeCameraItemInfo.bindTicket = "";
-      this.policeCameraItemQuery();
-    },
-    selected(row, index) {
-      return !row.bindChecked;
-    },
-    // 分页查询设备列表
-    getPoliceCameraItemPage() {
-      getPoliceCameraItemPageApi({
-        devName: this.policeCameraItemInfo.devName,
-        devSn: this.policeCameraItemInfo.devSn,
-        // bindTicket: this.policeCameraItemInfo.bindTicket,
-        // pageNo: this.policeCameraItemInfo.pageNo,
-        // pageSize: this.policeCameraItemInfo.pageSize,
-        pageNo: 1,
-        pageSize: -1,
-        projectSn: this.projectSn,
-      }).then((res) => {
-        if (res.code == 200) {
-          const resultList = res.result.records.map((item) => {
-            return {
-              ...item,
-              bindChecked:
-                this.selectList.includes(item.itemId) || item.bindTicket == 1
-                  ? true
-                  : false,
-            };
-          });
-          if (this.policeCameraItemInfo.bindTicket == 1) {
-            this.policeCameraItemList = resultList.filter(
-              (item) => !item.bindChecked
-            );
-          } else if (this.policeCameraItemInfo.bindTicket == 2) {
-            this.policeCameraItemList = resultList.filter(
-              (item) => item.bindChecked
-            );
-          } else {
-            this.policeCameraItemList = resultList;
-          }
-          this.policeCameraItemInfo.total = res.result.total;
-        }
-      });
-    },
-    handlePreview() {
-      console.log("预览图片");
-    },
-    handleRemove(file, fileList, type) {
-      const obj = {
-        1: "workTicketAttachment",
-        2: "otherAttachment",
-      };
-      this.workTicketForm[obj[type]] = fileList;
-    },
-    handleExceed(file, fileList) {
-      this.$message.warning("上传图片超出限制个数！");
-    },
-    handleSuccess(res, file, type) {
-      if (res.status == "SUCCESS") {
-        const obj = {
-          1: "workTicketAttachment",
-          2: "otherAttachment",
+    data() {
+        return {
+            COMPANY: COMPANY,
+            projectSn: "",
+            tableData: [],
+            workTicketTitle: "新增",
+            workTicketType: 1,
+            workTicketDialog: false,
+            stepActive: 0,
+            workTicketForm: {
+                typeId: "",
+                workTicketNumber: "",
+                constructionAreas: [],
+                constructionAddr: "",
+                applicants: [],
+                applicationTime: "",
+                constructionTime: [],
+                operator: "",
+                workContent: "",
+                safetyMeasure: "",
+                workTicketAttachment: [],
+                otherAttachment: [],
+                safetyRiskAnalysis: [],
+            },
+            workTicketRules: {
+                typeId: [
+                    {
+                        required: true,
+                        message: "请选择工作票类型",
+                        trigger: "change",
+                    },
+                ],
+                workTicketNumber: [
+                    {
+                        required: true,
+                        message: "请输入工作票编号",
+                        trigger: "blur",
+                    },
+                ],
+                workContent: [
+                    {
+                        required: true,
+                        message: "请输入作业内容",
+                        trigger: "blur",
+                    },
+                ],
+                workTicketAttachment: [
+                    {
+                        required: true,
+                        message: "请上传工作票附件",
+                        trigger: "change",
+                    },
+                ],
+            },
+            // 查询参数
+            queryParams: {
+                pageNo: 1,
+                pageSize: 10,
+                typeId: "",
+                constructionTime: [],
+                workTicketNumber: "",
+                status: "",
+                operator: "",
+                constructionAreas: "",
+            },
+            total: 0,
+            enterpriseInfoList: [],
+            qualityRegionList: [],
+            workTicketTypeTreeList: [],
+            workTicketCountInfo: {
+                done: 0,
+                ing: 0,
+                notStarted: 0,
+                pause: 0,
+            },
+            workTicketBindCamera: 0,
+            statusList: [
+                {
+                    value: 1,
+                    label: "未开始",
+                },
+                {
+                    value: 2,
+                    label: "施工中",
+                },
+                {
+                    value: 3,
+                    label: "暂停中",
+                },
+                {
+                    value: 4,
+                    label: "已完工",
+                },
+            ],
+            policeCameraItemDialog: false,
+            policeCameraItemList: [],
+            policeCameraItemInfo: {
+                pageNo: 1,
+                pageSize: 10,
+                total: 0,
+                devName: "",
+                devSn: "",
+                bindTicket: "",
+            },
+            workTicketId: "",
+            selectList: [],
+            selectFullList: [],
+            //   工作票详情
+            workTicketDetailDialog: false,
+            workTicketDetail: {},
+            workTicketHistoryList: [],
+            viewreplayDialog: false,
+            viewreplayInfo: {},
+            viewreplayTitle: "",
+            itemId: "",
+            videoItemInfo: {},
         };
-        this.workTicketForm[obj[type]].push({
-          name: file.name,
-          url: this.$store.state.FILEURL + file.response.data[0].imageUrl,
-          newUrl: file.response.data[0].imageUrl,
-        });
-        if (type == 1) {
-          this.$refs.workTicketForm.clearValidate("workTicketAttachment");
-        }
-      }
     },
-    handleQuery() {
-      this.queryParams.pageNo = 1;
-      this.getWorkTicketList();
+    created() {
+        // 扩展Day.js以使用duration插件
+        dayjs.extend(duration);
+        this.projectSn = this.$store.state.projectSn;
+        this.getWorkTicketList();
+        this.getWorkTicketTypeTreePage();
+        this.getQualityRegionList();
+        this.getEnterpriseInfoList();
+        this.getProjectSetting();
+        this.getWorkTicketCountWorkTicket();
+        this.getPoliceCameraItemList();
+        this.getQueryBindRegions();
     },
-    handleRefresh() {
-      this.queryParams.pageNo = 1;
-      this.queryParams.typeId = "";
-      this.queryParams.constructionTime = [];
-      this.queryParams.workTicketNumber = "";
-      this.queryParams.status = "";
-      this.queryParams.operator = "";
-      this.queryParams.constructionAreas = "";
-      this.getWorkTicketList();
-    },
-    deleteAttendanceBatch() {
-      if (this.$refs.multipleTable.selection.length === 0)
-        return this.$message.warning("请勾选需要删除的数据！");
-      this.$confirm("删除后操作不可恢复，请谨慎操作！", "警告", {
-        confirmButtonText: "确定",
-        cancelButtonText: "取消",
-        type: "warning",
-      })
-        .then(() => {
-          const ids = this.$refs.multipleTable.selection
-            .map((item) => item.id)
-            .join(",");
-          console.log(this.$refs.multipleTable.selection);
-          deleteBatchWorkTicketApi({ ids }).then((res) => {
-            this.getWorkTicketList();
-            this.getWorkTicketCountWorkTicket();
-          });
-        })
-        .catch(() => {});
-    },
-    toggleExpandAll(isExpandAll) {
-      this.toggleSelectionAll(this.tableData, isExpandAll);
-    },
-    toggleSelection(flag) {
-      if (flag) {
-        // this.$refs.multipleTable.toggleAllSelection(true)
-        this.toggleSelectionAll(this.tableData);
-      } else {
-        this.$refs.multipleTable.clearSelection();
-      }
-    },
-    toggleSelectionAll(dataList, isExpandAll = null) {
-      dataList.forEach((item) => {
-        if (isExpandAll == null) {
-          this.$refs.multipleTable.toggleRowSelection(item, true);
-        } else {
-          this.$refs.multipleTable.toggleRowExpansion(item, isExpandAll);
-        }
-        if (item.children instanceof Array && item.children.length > 0) {
-          this.toggleSelectionAll(item.children, isExpandAll);
-        }
-      });
-    },
-    // 获取列表信息
-    getWorkTicketList() {
-      let data = {
-        projectSn: this.projectSn,
-        typeId: this.queryParams.typeId,
-        constructionTimeBegin_end:
-          this.queryParams.constructionTime.length > 0
-            ? this.queryParams.constructionTime[0]
-            : "",
-        constructionTimeEnd_start:
-          this.queryParams.constructionTime.length > 0
-            ? this.queryParams.constructionTime[1]
-            : "",
-        workTicketNumber: this.queryParams.workTicketNumber,
-        status: this.queryParams.status,
-        operator: this.queryParams.operator,
-        constructionAreas: this.queryParams.constructionAreas,
-        pageNo: this.queryParams.pageNo,
-        pageSize: this.queryParams.pageSize,
-      };
-      getWorkTicketPageApi(data).then((res) => {
-        console.log(res);
-        if (res.code == 200) {
-          this.tableData = res.result.records.map((item) => {
-            return {
-              ...item,
-              workTicketAttachment:
-                isJSON(item.workTicketAttachment) &&
-                JSON.parse(item.workTicketAttachment) instanceof Array
-                  ? JSON.parse(item.workTicketAttachment)
-                  : [],
-              safetyRiskAnalysis:
-                isJSON(item.safetyRiskAnalysis) &&
-                JSON.parse(item.safetyRiskAnalysis) instanceof Array
-                  ? JSON.parse(item.safetyRiskAnalysis)
-                  : [],
-              otherAttachment:
-                isJSON(item.otherAttachment) &&
-                JSON.parse(item.otherAttachment) instanceof Array
-                  ? JSON.parse(item.otherAttachment)
-                  : [],
+    methods: {
+        // 查看回放
+        onViewrePlayClick(row) {
+            this.viewreplayTitle = `第${row.no}次作业回放`;
+            this.viewreplayInfo = {
+                ...row,
+                is_play: false,
             };
-          });
-          this.total = res.result.total;
-        }
-      });
-    },
-    onStateShow(type, id) {
-      const obj = {
-        1: "是否确认开始作业?",
-        2: "暂未全部施工完成，将进入暂停施工状态，待下次点击继续作业...",
-        3: "是否确认继续作业?",
-        4: "作业已全部施工完成，点击结束作业",
-      };
-      this.$confirm(obj[type], "提示", {
-        confirmButtonText: "确定",
-        cancelButtonText: "取消",
-        customClass: `customConfirm customConfirm-box customConfirm${type}`,
-        type: "warning",
-      }).then(() => {
-        this.workTicketId = id;
-        this.onChangeState(type);
-      });
-    },
-    onChangeState(operateStatus) {
-      console.log(55555, this.workTicketId);
-      const workTicketId = this.workTicketId;
-      let data = {
-        id: workTicketId,
-        projectSn: this.projectSn,
-        operateStatus,
-      };
-      setWorkTicketOperateWorkTicketApi(data).then((res) => {
-        if (res.code == 200) {
-          this.$message.success(res.message);
-          this.initWorkTicketClose();
-          this.getWorkTicketList();
-          this.getWorkTicketCountWorkTicket();
-          console.log(44444, workTicketId);
-
-          this.onExamineClick({
-            id: workTicketId,
-          });
-        }
-      });
-    },
-    getQueryBindRegions() {
-      let data = {
-        // projectSn: this.projectSn,
-      };
-      getQueryBindRegionsApi(data).then((res) => {
-        if (res.code == 200) {
-          this.queryBindRegionList = res.result;
-        }
-      });
-    },
-    initWorkTicketForm() {
-      this.stepActive = 0;
-      this.workTicketId = "";
-      this.selectList = [];
-      this.workTicketForm = {
-        typeId: "",
-        workTicketNumber: `GZP${Date.now()}`,
-        constructionAreas:
-          this.queryBindRegionList.length > 0
-            ? this.queryBindRegionList.map((item) => item.id)
-            : [],
-        constructionAddr: "",
-        applicants: this.$store.state.userInfo.enterpriseId
-          ? [this.$store.state.userInfo.enterpriseId]
-          : [],
-        applicationTime: dayjs().format("YYYY-MM-DD HH:mm:ss"),
-        constructionTime: [],
-        operator: "",
-        workContent: "",
-        safetyMeasure: "",
-        safetyRiskAnalysis: [],
-        workTicketAttachment: [],
-        otherAttachment: [],
-      };
-    },
-    //新增作业票
-    addWorkTicket(type, row) {
-      this.workTicketType = type;
-      this.workTicketTitle = "新增";
-      if (type == 1) {
-        this.initWorkTicketForm();
-      } else if (type == 3) {
-        this.workTicketTitle = "编辑";
-        this.stepActive = 0;
-        this.workTicketId = row.id;
-        this.workTicketForm = {
-          ...row,
-          applicants: row.applicants ? row.applicants.split(",") : [],
-          constructionAreas: row.constructionAreas
-            ? row.constructionAreas.split(",")
-            : [],
-          operators: row.operators ? row.operators.split(",") : [],
-          otherAttachment: row.otherAttachment.map((item) => {
-            return {
-              name: item.name,
-              url: this.$store.state.FILEURL + item.url,
-              newUrl: item.url,
-            };
-          }),
-          workTicketAttachment: row.workTicketAttachment.map((item) => {
-            return {
-              name: item.name,
-              url: this.$store.state.FILEURL + item.url,
-              newUrl: item.url,
-            };
-          }),
-          safetyRiskAnalysis: row.safetyRiskAnalysis.map((item) => {
-            return {
-              name: item.name,
-              url: this.$store.state.FILEURL + item.url,
-              newUrl: item.url,
-            };
-          }),
-          constructionTime: [],
-        };
-        this.selectList = row.itemList
-          ? row.itemList.map((item) => item.itemId)
-          : [];
-        if (row.constructionTimeBegin && row.constructionTimeEnd) {
-          this.constructionTime = [
-            row.constructionTimeBegin,
-            row.constructionTimeEnd,
-          ];
-        }
-      }
-      this.workTicketDialog = true;
-
-      this.$nextTick(() => {
-        this.$refs["workTicketFormRef"].clearValidate();
-      });
-    },
-    // 上一步
-    onLastStep() {
-      this.stepActive = 0;
-    },
-    // 下一步
-    async onNextStep() {
-      console.log(this.stepActive, this.workTicketType);
-      if (this.workTicketType == 1) {
-        const valid = await this.$refs["workTicketFormRef"].validate();
-        if (!valid) return this.$message.warning("请填写必填项！");
-        this.addWorkTicket(2);
-        return;
-      }
-      if (this.stepActive == 0) {
-        console.log("我进来了");
-        const valid = await this.$refs["workTicketFormRef"].validate();
-        if (!valid) return this.$message.warning("请填写必填项！");
-        if (this.workTicketBindCamera == 0) {
-          this.submit();
-          return;
-        }
-        this.stepActive = 1;
-        // this.getPoliceCameraItemListFn();
-      } else if (this.stepActive == 1) {
-        // if (this.selectList.length == 0) {
-        //   this.$message.warning("至少要绑定一台设备");
-        //   return;
-        // }
-        this.submit();
-      }
-    },
-    //弹窗---保存按钮
-    submit() {
-      const workTicketAttachment = this.workTicketForm.workTicketAttachment.map(
-        (item) => {
-          return {
-            name: item.name,
-            url: item.newUrl,
-          };
-        }
-      );
-      const otherAttachment = this.workTicketForm.otherAttachment.map(
-        (item) => {
-          return {
-            name: item.name,
-            url: item.newUrl,
-          };
-        }
-      );
-      const safetyRiskAnalysis = this.workTicketForm.safetyRiskAnalysis.map(
-        (item) => {
-          return {
-            name: item.name,
-            url: item.newUrl,
-          };
-        }
-      );
-      const data = {
-        ...this.workTicketForm,
-        constructionTimeBegin:
-          this.workTicketForm.constructionTime.length > 1
-            ? this.workTicketForm.constructionTime[0]
-            : "",
-        constructionTimeEnd:
-          this.workTicketForm.constructionTime.length > 1
-            ? this.workTicketForm.constructionTime[1]
-            : "",
-        constructionAreas: this.workTicketForm.constructionAreas.join(","),
-        workTicketAttachment: JSON.stringify(workTicketAttachment),
-        otherAttachment: JSON.stringify(otherAttachment),
-        safetyRiskAnalysis: JSON.stringify(safetyRiskAnalysis),
-        projectSn: this.projectSn,
-        policeCameraIds: this.selectList.join(","),
-        applicants: this.workTicketForm.applicants.join(","),
-      };
-      if (this.workTicketType == 2) {
-        addWorkTicketApi(data).then((res) => {
-          // console.log(res);
-          if (res.code == 200) {
-            this.$message.success(this.$t("message.quality.newSuccess"));
-            // this.workTicketDialog = false;
-            this.workTicketId = res.result.id;
-            this.stepActive = 2;
-            this.getWorkTicketList();
-            this.getWorkTicketCountWorkTicket();
-          }
-        });
-      } else if (this.workTicketType == 3) {
-        editWorkTicketApi(data).then((res) => {
-          if (res.code == 200) {
-            // this.workTicketDialog = false;
-            this.stepActive = 2;
-            this.$message.success(res.message);
-            this.getWorkTicketList();
-          }
-        });
-      }
-    },
-    //删除 按钮
-    deleteBtn(value) {
-      this.$confirm(
-        this.$t("message.quality.deleteHint"),
-        this.$t("message.quality.hint"),
-        {
-          confirmButtonText: this.$t("message.quality.confirm"),
-          cancelButtonText: this.$t("message.quality.cancel"),
-          type: "warning",
-        }
-      )
-        .then(() => {
-          let data = {
-            id: value.id,
-          };
-
-          deleteWorkTicketApi(data).then((res) => {
-            if (res.code == 200) {
-              this.$message({
-                type: "success",
-                message: this.$t("message.quality.successfullyDelete") + "!",
-              });
-              this.getWorkTicketList();
-              this.getWorkTicketCountWorkTicket();
+            this.viewreplayDialog = true;
+        },
+        // 播放音频
+        onAudioClick() {
+            if (this.viewreplayInfo.is_play) {
+                this.$refs[`audio${this.viewreplayInfo.id}`].pause();
+                this.viewreplayInfo.is_play = false;
+            } else {
+                this.$refs[`audio${this.viewreplayInfo.id}`].play();
+                this.viewreplayInfo.is_play = true;
             }
-          });
-        })
-        .catch(() => {});
-    },
-
-    initWorkTicketClose() {
-      this.initWorkTicketForm();
-      this.workTicketDialog = false;
-    },
-
-    // 获取工作票统计
-    getWorkTicketCountWorkTicket() {
-      getWorkTicketCountWorkTicketApi({
-        projectSn: this.projectSn,
-      }).then((res) => {
-        if (res.code == 200) {
-          this.workTicketCountInfo = res.result;
-        }
-      });
-    },
-    // 获取工作票类型
-    getWorkTicketTypeTreePage() {
-      let data = {
-        projectSn: this.projectSn,
-        pageNo: 1,
-        pageSize: -1,
-      };
-      getWorkTicketTypeTreePageApi(data).then((res) => {
-        if (res.code == 200) {
-          this.workTicketTypeTreeList = res.result.records;
-        }
-      });
-    },
-    // 获取施工场站
-    getQualityRegionList() {
-      let data = {
-        projectSn: this.projectSn,
-      };
-      getQualityRegionListApi(data).then((res) => {
-        if (res.code == 200) {
-          this.qualityRegionList = res.result;
-        }
-      });
-    },
-    // 获取申请单位
-    getEnterpriseInfoList() {
-      let data = {
-        projectSn: this.projectSn,
-      };
-      getEnterpriseInfoListApi(data).then((res) => {
-        if (res.code == 200) {
-          this.enterpriseInfoList = res.result;
-        }
-      });
-    },
-    //获取项目配置信息
-    getProjectSetting() {
-      getProjectConfigListApi({
-        projectSn: this.projectSn,
-      }).then((res) => {
-        if (!res.result || res.result.length == 0) {
-          this.workTicketBindCamera = 0;
-        } else {
-          let workTicketBindCamera = res.result[0].workTicketBindCamera;
-          this.workTicketBindCamera = workTicketBindCamera;
-        }
-      });
-    },
-    getPoliceCameraItemList() {
-      getPoliceCameraItemListApi({
-        projectSn: this.projectSn,
-      }).then((res) => {
-        if (res.code == 200) {
-          this.selectFullList = res.result;
-        }
-      });
-    },
-    downloadFileBtn(url, name) {
-      fetch(url, {
-        method: "get",
-        headers: {
-          Authorization: this.$store.state.userInfo.token,
-          "Content-Type": "application/json", // 设置请求头的内容类型为JSON
         },
-        // body: JSON.stringify(data) // 将data对象转换为JSON字符串并作为请求体发送
-      })
-        .then((response) => {
-          // 处理响应
-          if (!response.ok) {
-            throw new Error("下载失败");
-          }
-          return response.blob();
-        })
-        .then((blob) => {
-          // 创建一个下载链接
-          const url = window.URL.createObjectURL(blob);
-          // 创建一个<a>元素
-          const link = document.createElement("a");
-          link.href = url;
-          link.download = name; // 指定下载文件的文件名
-          // 模拟点击下载链接
-          document.body.appendChild(link);
-          link.click();
-          document.body.removeChild(link);
-          // 释放URL对象
-          window.URL.revokeObjectURL(url);
-          // 处理导出的文件
-          // 这里可以使用blob对象来获取导出的文件内容或者将其保存到本地
-        })
-        .catch((error) => {
-          // 处理错误
-          console.error(error);
-        });
-    },
-    perviewFile(url) {
-      window.open(url, "_blank");
-    },
-  },
-  computed: {
-    itemListDevNameUp() {
-      return (row) => {
-        return row.itemList
-          ? row.itemList.map((item) => item.devName).join("、")
-          : "--";
-      };
-    },
-    srcListUp() {
-      return (dataList) => {
-        const resultList = dataList.map(
-          (item) => this.$store.state.FILEURL + item.url
-        );
-        console.log(resultList);
-        return resultList;
-      };
-    },
-    statusUp() {
-      return (id) => {
-        const find = this.statusList.find((item) => item.value == id);
-        return find ? find.label : "--";
-      };
-    },
-    policeCameraItemListUp() {
-      return this.selectFullList
-        .filter((item) => {
-          return this.selectList.includes(item.itemId);
-        })
-        .map((item) => {
-          return {
-            ...item,
-            bindChecked: true,
-          };
-        });
-    },
-    itemDiffUp() {
-      return (begin, end) => {
-        // 定义两个日期
-        const date = dayjs();
-        const date1 = dayjs(begin);
-        const date2 = end ? dayjs(end) : date;
-        // 计算两个日期之间的差异（默认单位是毫秒）
-        const diffInMilliseconds = date2.diff(date1);
-        const durationObj = dayjs.duration(diffInMilliseconds);
-        const hour = durationObj.hours();
-        const minute = durationObj.minutes();
-        const second = durationObj.seconds();
+        onExamineClick(row) {
+            console.log(112233, row);
+            this.workTicketId = row.id;
+            this.getWorkTicketQueryById();
+            this.getWorkTicketHistoryList();
+            this.workTicketDetailDialog = true;
+        },
+        // 列表查询工作票历史记录信息
+        getWorkTicketHistoryList() {
+            getWorkTicketHistoryListApi({
+                workTicketId: this.workTicketId,
+                // workTicketId: "1942510629577048066",
+                projectSn: this.projectSn,
+            }).then((res) => {
+                if (res.code == 200) {
+                    const resultList = res.result.sort((a, b) => a.no - b.no);
 
-        return `${hour}h${minute}min${second}s`;
-      };
+                    this.workTicketHistoryList = resultList.map((item) => {
+                        return {
+                            ...item,
+                        };
+                    });
+                }
+            });
+        },
+        // 通过id查询作业票详情
+        getWorkTicketQueryById() {
+            getWorkTicketQueryByIdApi({
+                id: this.workTicketId,
+                // id: "1942510629577048066",
+                projectSn: this.projectSn,
+            }).then((res) => {
+                if (res.code == 200) {
+                    this.workTicketDetail = {
+                        ...res.result,
+                        workTicketAttachment:
+                            isJSON(res.result.workTicketAttachment) &&
+                            JSON.parse(
+                                res.result.workTicketAttachment
+                            ) instanceof Array
+                                ? JSON.parse(res.result.workTicketAttachment)
+                                : [],
+                        safetyRiskAnalysis:
+                            isJSON(res.result.safetyRiskAnalysis) &&
+                            JSON.parse(res.result.safetyRiskAnalysis) instanceof
+                                Array
+                                ? JSON.parse(res.result.safetyRiskAnalysis)
+                                : [],
+                        otherAttachment:
+                            isJSON(res.result.otherAttachment) &&
+                            JSON.parse(res.result.otherAttachment) instanceof
+                                Array
+                                ? JSON.parse(res.result.otherAttachment)
+                                : [],
+                    };
+                    if (
+                        res.result.itemList instanceof Array &&
+                        res.result.itemList.length > 0
+                    ) {
+                        this.itemId = res.result.itemList[0].itemId;
+                        this.getVideoItemInfoPoliceCameraItem();
+                    } else {
+                        this.itemId = "";
+                        this.videoItemInfo = {};
+                    }
+                }
+            });
+        },
+        getVideoItemInfoPoliceCameraItem() {
+            getVideoItemInfoPoliceCameraItemApi({
+                itemId: this.itemId,
+                projectSn: this.projectSn,
+            }).then((res) => {
+                if (res.code == 200) {
+                    this.videoItemInfo = res.result;
+                }
+            });
+        },
+        // 删除
+        onDelete(row) {
+            const findIndex = this.selectList.findIndex(
+                (item) => item == row.itemId
+            );
+            if (findIndex > -1) {
+                this.selectList.splice(findIndex, 1);
+            }
+        },
+        // 添加设备列表
+        policeCameraItemSubmit() {
+            if (this.$refs.policeCameraItemTable.selection.length == 0)
+                return this.$message.warning("请选择需要绑定的设备");
+            const resultList = this.$refs.policeCameraItemTable.selection.map(
+                (item) => item.itemId
+            );
+            this.selectList = [...this.selectList, ...resultList];
+            console.log(1111, this.selectList);
+            this.policeCameraItemDialog = false;
+            this.$confirm(
+                "设备已绑定作业票，请选择继续添加设备或者绑定完成进行下一步操作",
+                "提示",
+                {
+                    confirmButtonText: "绑定完成",
+                    cancelButtonText: "继续添加",
+                    customClass: "customConfirm",
+                    //   type: 'warning'
+                }
+            )
+                .then(() => {})
+                .catch(() => {
+                    this.bindWorkTicketClick();
+                });
+        },
+        // 绑定设备列表
+        bindWorkTicketClick() {
+            this.policeCameraItemRefresh();
+            this.policeCameraItemDialog = true;
+        },
+        policeCameraItemQuery() {
+            this.policeCameraItemInfo.pageNo = 1;
+            this.getPoliceCameraItemPage();
+        },
+        policeCameraItemRefresh() {
+            this.policeCameraItemInfo.devName = "";
+            this.policeCameraItemInfo.devSn = "";
+            this.policeCameraItemInfo.bindTicket = "";
+            this.policeCameraItemQuery();
+        },
+        selected(row, index) {
+            return !row.bindChecked;
+        },
+        // 分页查询设备列表
+        getPoliceCameraItemPage() {
+            getPoliceCameraItemPageApi({
+                devName: this.policeCameraItemInfo.devName,
+                devSn: this.policeCameraItemInfo.devSn,
+                // bindTicket: this.policeCameraItemInfo.bindTicket,
+                // pageNo: this.policeCameraItemInfo.pageNo,
+                // pageSize: this.policeCameraItemInfo.pageSize,
+                pageNo: 1,
+                pageSize: -1,
+                projectSn: this.projectSn,
+            }).then((res) => {
+                if (res.code == 200) {
+                    const resultList = res.result.records.map((item) => {
+                        return {
+                            ...item,
+                            bindChecked:
+                                this.selectList.includes(item.itemId) ||
+                                item.bindTicket == 1
+                                    ? true
+                                    : false,
+                        };
+                    });
+                    if (this.policeCameraItemInfo.bindTicket == 1) {
+                        this.policeCameraItemList = resultList.filter(
+                            (item) => !item.bindChecked
+                        );
+                    } else if (this.policeCameraItemInfo.bindTicket == 2) {
+                        this.policeCameraItemList = resultList.filter(
+                            (item) => item.bindChecked
+                        );
+                    } else {
+                        this.policeCameraItemList = resultList;
+                    }
+                    this.policeCameraItemInfo.total = res.result.total;
+                }
+            });
+        },
+        handlePreview() {
+            console.log("预览图片");
+        },
+        handleRemove(file, fileList, type) {
+            const obj = {
+                1: "workTicketAttachment",
+                2: "otherAttachment",
+            };
+            this.workTicketForm[obj[type]] = fileList;
+        },
+        handleExceed(file, fileList) {
+            this.$message.warning("上传图片超出限制个数！");
+        },
+        handleSuccess(res, file, type) {
+            if (res.status == "SUCCESS") {
+                const obj = {
+                    1: "workTicketAttachment",
+                    2: "otherAttachment",
+                };
+                this.workTicketForm[obj[type]].push({
+                    name: file.name,
+                    url:
+                        this.$store.state.FILEURL +
+                        file.response.data[0].imageUrl,
+                    newUrl: file.response.data[0].imageUrl,
+                });
+                if (type == 1) {
+                    this.$refs.workTicketForm.clearValidate(
+                        "workTicketAttachment"
+                    );
+                }
+            }
+        },
+        handleQuery() {
+            this.queryParams.pageNo = 1;
+            this.getWorkTicketList();
+        },
+        handleRefresh() {
+            this.queryParams.pageNo = 1;
+            this.queryParams.typeId = "";
+            this.queryParams.constructionTime = [];
+            this.queryParams.workTicketNumber = "";
+            this.queryParams.status = "";
+            this.queryParams.operator = "";
+            this.queryParams.constructionAreas = "";
+            this.getWorkTicketList();
+        },
+        deleteAttendanceBatch() {
+            if (this.$refs.multipleTable.selection.length === 0)
+                return this.$message.warning("请勾选需要删除的数据！");
+            this.$confirm("删除后操作不可恢复，请谨慎操作！", "警告", {
+                confirmButtonText: "确定",
+                cancelButtonText: "取消",
+                type: "warning",
+            })
+                .then(() => {
+                    const ids = this.$refs.multipleTable.selection
+                        .map((item) => item.id)
+                        .join(",");
+                    console.log(this.$refs.multipleTable.selection);
+                    deleteBatchWorkTicketApi({ ids }).then((res) => {
+                        this.getWorkTicketList();
+                        this.getWorkTicketCountWorkTicket();
+                    });
+                })
+                .catch(() => {});
+        },
+        toggleExpandAll(isExpandAll) {
+            this.toggleSelectionAll(this.tableData, isExpandAll);
+        },
+        toggleSelection(flag) {
+            if (flag) {
+                // this.$refs.multipleTable.toggleAllSelection(true)
+                this.toggleSelectionAll(this.tableData);
+            } else {
+                this.$refs.multipleTable.clearSelection();
+            }
+        },
+        toggleSelectionAll(dataList, isExpandAll = null) {
+            dataList.forEach((item) => {
+                if (isExpandAll == null) {
+                    this.$refs.multipleTable.toggleRowSelection(item, true);
+                } else {
+                    this.$refs.multipleTable.toggleRowExpansion(
+                        item,
+                        isExpandAll
+                    );
+                }
+                if (
+                    item.children instanceof Array &&
+                    item.children.length > 0
+                ) {
+                    this.toggleSelectionAll(item.children, isExpandAll);
+                }
+            });
+        },
+        // 获取列表信息
+        getWorkTicketList() {
+            let data = {
+                projectSn: this.projectSn,
+                typeId: this.queryParams.typeId,
+                constructionTimeBegin_end:
+                    this.queryParams.constructionTime.length > 0
+                        ? this.queryParams.constructionTime[0]
+                        : "",
+                constructionTimeEnd_start:
+                    this.queryParams.constructionTime.length > 0
+                        ? this.queryParams.constructionTime[1]
+                        : "",
+                workTicketNumber: this.queryParams.workTicketNumber,
+                status: this.queryParams.status,
+                operator: this.queryParams.operator,
+                constructionAreas: this.queryParams.constructionAreas,
+                pageNo: this.queryParams.pageNo,
+                pageSize: this.queryParams.pageSize,
+            };
+            getWorkTicketPageApi(data).then((res) => {
+                console.log(res);
+                if (res.code == 200) {
+                    this.tableData = res.result.records.map((item) => {
+                        return {
+                            ...item,
+                            workTicketAttachment:
+                                isJSON(item.workTicketAttachment) &&
+                                JSON.parse(item.workTicketAttachment) instanceof
+                                    Array
+                                    ? JSON.parse(item.workTicketAttachment)
+                                    : [],
+                            safetyRiskAnalysis:
+                                isJSON(item.safetyRiskAnalysis) &&
+                                JSON.parse(item.safetyRiskAnalysis) instanceof
+                                    Array
+                                    ? JSON.parse(item.safetyRiskAnalysis)
+                                    : [],
+                            otherAttachment:
+                                isJSON(item.otherAttachment) &&
+                                JSON.parse(item.otherAttachment) instanceof
+                                    Array
+                                    ? JSON.parse(item.otherAttachment)
+                                    : [],
+                        };
+                    });
+                    this.total = res.result.total;
+                }
+            });
+        },
+        onStateShow(type, id) {
+            const obj = {
+                1: "是否确认开始作业?",
+                2: "暂未全部施工完成，将进入暂停施工状态，待下次点击继续作业...",
+                3: "是否确认继续作业?",
+                4: "作业已全部施工完成，点击结束作业",
+            };
+            this.$confirm(obj[type], "提示", {
+                confirmButtonText: "确定",
+                cancelButtonText: "取消",
+                customClass: `customConfirm customConfirm-box customConfirm${type}`,
+                type: "warning",
+            }).then(() => {
+                this.workTicketId = id;
+                this.onChangeState(type);
+            });
+        },
+        onChangeState(operateStatus) {
+            console.log(55555, this.workTicketId);
+            const workTicketId = this.workTicketId;
+            let data = {
+                id: workTicketId,
+                projectSn: this.projectSn,
+                operateStatus,
+            };
+            setWorkTicketOperateWorkTicketApi(data).then((res) => {
+                if (res.code == 200) {
+                    this.$message.success(res.message);
+                    this.initWorkTicketClose();
+                    this.getWorkTicketList();
+                    this.getWorkTicketCountWorkTicket();
+                    console.log(44444, workTicketId);
+
+                    this.onExamineClick({
+                        id: workTicketId,
+                    });
+                }
+            });
+        },
+        getQueryBindRegions() {
+            let data = {
+                // projectSn: this.projectSn,
+            };
+            getQueryBindRegionsApi(data).then((res) => {
+                if (res.code == 200) {
+                    this.queryBindRegionList = res.result;
+                }
+            });
+        },
+        initWorkTicketForm() {
+            this.stepActive = 0;
+            this.workTicketId = "";
+            this.selectList = [];
+            this.workTicketForm = {
+                typeId: "",
+                workTicketNumber: `GZP${Date.now()}`,
+                constructionAreas:
+                    this.queryBindRegionList.length > 0
+                        ? this.queryBindRegionList.map((item) => item.id)
+                        : [],
+                constructionAddr: "",
+                applicants: this.$store.state.userInfo.enterpriseId
+                    ? [this.$store.state.userInfo.enterpriseId]
+                    : [],
+                applicationTime: dayjs().format("YYYY-MM-DD HH:mm:ss"),
+                constructionTime: [],
+                operator: "",
+                workContent: "",
+                safetyMeasure: "",
+                safetyRiskAnalysis: [],
+                workTicketAttachment: [],
+                otherAttachment: [],
+            };
+        },
+        //新增作业票
+        addWorkTicket(type, row) {
+            this.workTicketType = type;
+            this.workTicketTitle = "新增";
+            if (type == 1) {
+                this.initWorkTicketForm();
+            } else if (type == 3) {
+                this.workTicketTitle = "编辑";
+                this.stepActive = 0;
+                this.workTicketId = row.id;
+                this.workTicketForm = {
+                    ...row,
+                    applicants: row.applicants ? row.applicants.split(",") : [],
+                    constructionAreas: row.constructionAreas
+                        ? row.constructionAreas.split(",")
+                        : [],
+                    operators: row.operators ? row.operators.split(",") : [],
+                    otherAttachment: row.otherAttachment.map((item) => {
+                        return {
+                            name: item.name,
+                            url: this.$store.state.FILEURL + item.url,
+                            newUrl: item.url,
+                        };
+                    }),
+                    workTicketAttachment: row.workTicketAttachment.map(
+                        (item) => {
+                            return {
+                                name: item.name,
+                                url: this.$store.state.FILEURL + item.url,
+                                newUrl: item.url,
+                            };
+                        }
+                    ),
+                    safetyRiskAnalysis: row.safetyRiskAnalysis.map((item) => {
+                        return {
+                            name: item.name,
+                            url: this.$store.state.FILEURL + item.url,
+                            newUrl: item.url,
+                        };
+                    }),
+                    constructionTime: [],
+                };
+                this.selectList = row.itemList
+                    ? row.itemList.map((item) => item.itemId)
+                    : [];
+                if (row.constructionTimeBegin && row.constructionTimeEnd) {
+                    this.constructionTime = [
+                        row.constructionTimeBegin,
+                        row.constructionTimeEnd,
+                    ];
+                }
+            }
+            this.workTicketDialog = true;
+
+            this.$nextTick(() => {
+                this.$refs["workTicketFormRef"].clearValidate();
+            });
+        },
+        // 上一步
+        onLastStep() {
+            this.stepActive = 0;
+        },
+        // 下一步
+        async onNextStep() {
+            console.log(this.stepActive, this.workTicketType);
+            if (this.workTicketType == 1) {
+                const valid = await this.$refs["workTicketFormRef"].validate();
+                if (!valid) return this.$message.warning("请填写必填项！");
+                this.addWorkTicket(2);
+                return;
+            }
+            if (this.stepActive == 0) {
+                console.log("我进来了");
+                const valid = await this.$refs["workTicketFormRef"].validate();
+                if (!valid) return this.$message.warning("请填写必填项！");
+                if (this.workTicketBindCamera == 0) {
+                    this.submit();
+                    return;
+                }
+                this.stepActive = 1;
+                // this.getPoliceCameraItemListFn();
+            } else if (this.stepActive == 1) {
+                // if (this.selectList.length == 0) {
+                //   this.$message.warning("至少要绑定一台设备");
+                //   return;
+                // }
+                this.submit();
+            }
+        },
+        //弹窗---保存按钮
+        submit() {
+            const workTicketAttachment =
+                this.workTicketForm.workTicketAttachment.map((item) => {
+                    return {
+                        name: item.name,
+                        url: item.newUrl,
+                    };
+                });
+            const otherAttachment = this.workTicketForm.otherAttachment.map(
+                (item) => {
+                    return {
+                        name: item.name,
+                        url: item.newUrl,
+                    };
+                }
+            );
+            const safetyRiskAnalysis =
+                this.workTicketForm.safetyRiskAnalysis.map((item) => {
+                    return {
+                        name: item.name,
+                        url: item.newUrl,
+                    };
+                });
+            const data = {
+                ...this.workTicketForm,
+                constructionTimeBegin:
+                    this.workTicketForm.constructionTime.length > 1
+                        ? this.workTicketForm.constructionTime[0]
+                        : "",
+                constructionTimeEnd:
+                    this.workTicketForm.constructionTime.length > 1
+                        ? this.workTicketForm.constructionTime[1]
+                        : "",
+                constructionAreas:
+                    this.workTicketForm.constructionAreas.join(","),
+                workTicketAttachment: JSON.stringify(workTicketAttachment),
+                otherAttachment: JSON.stringify(otherAttachment),
+                safetyRiskAnalysis: JSON.stringify(safetyRiskAnalysis),
+                projectSn: this.projectSn,
+                policeCameraIds: this.selectList.join(","),
+                applicants: this.workTicketForm.applicants.join(","),
+            };
+            if (this.workTicketType == 2) {
+                addWorkTicketApi(data).then((res) => {
+                    // console.log(res);
+                    if (res.code == 200) {
+                        this.$message.success(
+                            this.$t("message.quality.newSuccess")
+                        );
+                        // this.workTicketDialog = false;
+                        this.workTicketId = res.result.id;
+                        this.stepActive = 2;
+                        this.getWorkTicketList();
+                        this.getWorkTicketCountWorkTicket();
+                    }
+                });
+            } else if (this.workTicketType == 3) {
+                editWorkTicketApi(data).then((res) => {
+                    if (res.code == 200) {
+                        // this.workTicketDialog = false;
+                        this.stepActive = 2;
+                        this.$message.success(res.message);
+                        this.getWorkTicketList();
+                    }
+                });
+            }
+        },
+        //删除 按钮
+        deleteBtn(value) {
+            this.$confirm(
+                this.$t("message.quality.deleteHint"),
+                this.$t("message.quality.hint"),
+                {
+                    confirmButtonText: this.$t("message.quality.confirm"),
+                    cancelButtonText: this.$t("message.quality.cancel"),
+                    type: "warning",
+                }
+            )
+                .then(() => {
+                    let data = {
+                        id: value.id,
+                    };
+
+                    deleteWorkTicketApi(data).then((res) => {
+                        if (res.code == 200) {
+                            this.$message({
+                                type: "success",
+                                message:
+                                    this.$t(
+                                        "message.quality.successfullyDelete"
+                                    ) + "!",
+                            });
+                            this.getWorkTicketList();
+                            this.getWorkTicketCountWorkTicket();
+                        }
+                    });
+                })
+                .catch(() => {});
+        },
+
+        initWorkTicketClose() {
+            this.initWorkTicketForm();
+            this.workTicketDialog = false;
+        },
+
+        // 获取工作票统计
+        getWorkTicketCountWorkTicket() {
+            getWorkTicketCountWorkTicketApi({
+                projectSn: this.projectSn,
+            }).then((res) => {
+                if (res.code == 200) {
+                    this.workTicketCountInfo = res.result;
+                }
+            });
+        },
+        // 获取工作票类型
+        getWorkTicketTypeTreePage() {
+            let data = {
+                projectSn: this.projectSn,
+                pageNo: 1,
+                pageSize: -1,
+            };
+            getWorkTicketTypeTreePageApi(data).then((res) => {
+                if (res.code == 200) {
+                    this.workTicketTypeTreeList = res.result.records;
+                }
+            });
+        },
+        // 获取施工区域
+        getQualityRegionList() {
+            let data = {
+                projectSn: this.projectSn,
+            };
+            getQualityRegionListApi(data).then((res) => {
+                if (res.code == 200) {
+                    this.qualityRegionList = res.result;
+                }
+            });
+        },
+        // 获取申请单位
+        getEnterpriseInfoList() {
+            let data = {
+                projectSn: this.projectSn,
+            };
+            getEnterpriseInfoListApi(data).then((res) => {
+                if (res.code == 200) {
+                    this.enterpriseInfoList = res.result;
+                }
+            });
+        },
+        //获取项目配置信息
+        getProjectSetting() {
+            getProjectConfigListApi({
+                projectSn: this.projectSn,
+            }).then((res) => {
+                if (!res.result || res.result.length == 0) {
+                    this.workTicketBindCamera = 0;
+                } else {
+                    let workTicketBindCamera =
+                        res.result[0].workTicketBindCamera;
+                    this.workTicketBindCamera = workTicketBindCamera;
+                }
+            });
+        },
+        getPoliceCameraItemList() {
+            getPoliceCameraItemListApi({
+                projectSn: this.projectSn,
+            }).then((res) => {
+                if (res.code == 200) {
+                    this.selectFullList = res.result;
+                }
+            });
+        },
+        downloadFileBtn(url, name) {
+            fetch(url, {
+                method: "get",
+                headers: {
+                    Authorization: this.$store.state.userInfo.token,
+                    "Content-Type": "application/json", // 设置请求头的内容类型为JSON
+                },
+                // body: JSON.stringify(data) // 将data对象转换为JSON字符串并作为请求体发送
+            })
+                .then((response) => {
+                    // 处理响应
+                    if (!response.ok) {
+                        throw new Error("下载失败");
+                    }
+                    return response.blob();
+                })
+                .then((blob) => {
+                    // 创建一个下载链接
+                    const url = window.URL.createObjectURL(blob);
+                    // 创建一个<a>元素
+                    const link = document.createElement("a");
+                    link.href = url;
+                    link.download = name; // 指定下载文件的文件名
+                    // 模拟点击下载链接
+                    document.body.appendChild(link);
+                    link.click();
+                    document.body.removeChild(link);
+                    // 释放URL对象
+                    window.URL.revokeObjectURL(url);
+                    // 处理导出的文件
+                    // 这里可以使用blob对象来获取导出的文件内容或者将其保存到本地
+                })
+                .catch((error) => {
+                    // 处理错误
+                    console.error(error);
+                });
+        },
+        perviewFile(url) {
+            window.open(url, "_blank");
+        },
+    },
+    computed: {
+        itemListDevNameUp() {
+            return (row) => {
+                return row.itemList
+                    ? row.itemList.map((item) => item.devName).join("、")
+                    : "--";
+            };
+        },
+        srcListUp() {
+            return (dataList) => {
+                const resultList = dataList.map(
+                    (item) => this.$store.state.FILEURL + item.url
+                );
+                console.log(resultList);
+                return resultList;
+            };
+        },
+        statusUp() {
+            return (id) => {
+                const find = this.statusList.find((item) => item.value == id);
+                return find ? find.label : "--";
+            };
+        },
+        policeCameraItemListUp() {
+            return this.selectFullList
+                .filter((item) => {
+                    return this.selectList.includes(item.itemId);
+                })
+                .map((item) => {
+                    return {
+                        ...item,
+                        bindChecked: true,
+                    };
+                });
+        },
+        itemDiffUp() {
+            return (begin, end) => {
+                // 定义两个日期
+                const date = dayjs();
+                const date1 = dayjs(begin);
+                const date2 = end ? dayjs(end) : date;
+                // 计算两个日期之间的差异（默认单位是毫秒）
+                const diffInMilliseconds = date2.diff(date1);
+                const durationObj = dayjs.duration(diffInMilliseconds);
+                const hour = durationObj.hours();
+                const minute = durationObj.minutes();
+                const second = durationObj.seconds();
+
+                return `${hour}h${minute}min${second}s`;
+            };
+        },
     },
-  },
 };
 </script>
 <style lang="less">
 .el-tooltip__popper {
-  max-width: 30%;
+    max-width: 30%;
 }
 .customConfirm4 .el-message-box__message::after {
-  content: "点击结束作业后，需要到执法记录仪上手动结束工单，结束后录像将会自动上传到平台，可在历史回放中查看";
-  color: #ffa026;
-  font-size: 12px;
-  display: inline-block;
-  width: 400px;
+    content: "点击结束作业后，需要到执法记录仪上手动结束工单，结束后录像将会自动上传到平台，可在历史回放中查看";
+    color: #ffa026;
+    font-size: 12px;
+    display: inline-block;
+    width: 400px;
 }
 .customConfirm3 .el-message-box__message::after {
-  content: "点击暂停作业后，需要到执法记录仪上手动结束工单，结束后录像将会自动上传到平台，可在历史回放中查看";
-  color: #ffa026;
-  font-size: 12px;
-  display: inline-block;
-  width: 400px;
+    content: "点击暂停作业后，需要到执法记录仪上手动结束工单，结束后录像将会自动上传到平台，可在历史回放中查看";
+    color: #ffa026;
+    font-size: 12px;
+    display: inline-block;
+    width: 400px;
 }
 .customConfirm2 .el-message-box__message::after {
-  content: "点击暂停作业后，需要到执法记录仪上手动结束工单，结束后录像将会自动上传到平台，可在历史回放中查看";
-  color: #ffa026;
-  font-size: 12px;
-  display: inline-block;
-  width: 400px;
+    content: "点击暂停作业后，需要到执法记录仪上手动结束工单，结束后录像将会自动上传到平台，可在历史回放中查看";
+    color: #ffa026;
+    font-size: 12px;
+    display: inline-block;
+    width: 400px;
 }
 .customConfirm1 .el-message-box__message::after {
-  content: "点击立即开始后，将会下发工单任务至执法记录仪设备中，施工员需要到设备的工单任务中点击开始执行工单任务进行录音、录像、拍照。";
-  color: #ffa026;
-  font-size: 12px;
-  display: inline-block;
-  width: 400px;
+    content: "点击立即开始后，将会下发工单任务至执法记录仪设备中，施工员需要到设备的工单任务中点击开始执行工单任务进行录音、录像、拍照。";
+    color: #ffa026;
+    font-size: 12px;
+    display: inline-block;
+    width: 400px;
 }
 .customConfirm-box {
-  .el-message-box__container {
-    position: relative;
-  }
+    .el-message-box__container {
+        position: relative;
+    }
 
-  .el-icon-warning {
-    left: 96px;
-    bottom: 6px;
-    font-size: 18px !important;
-    top: initial;
-    transform: translateY(0);
-  }
-  .el-message-box__btns {
-    > .el-button {
-      position: relative;
+    .el-icon-warning {
+        left: 96px;
+        bottom: 6px;
+        font-size: 18px !important;
+        top: initial;
+        transform: translateY(0);
     }
-    > .el-button::before {
-      font-family: "element-icons" !important;
-      speak: none;
-      font-style: normal;
-      font-weight: normal;
-      font-variant: normal;
-      text-transform: none;
-      line-height: 1;
+    .el-message-box__btns {
+        > .el-button {
+            position: relative;
+        }
+        > .el-button::before {
+            font-family: "element-icons" !important;
+            speak: none;
+            font-style: normal;
+            font-weight: normal;
+            font-variant: normal;
+            text-transform: none;
+            line-height: 1;
+        }
+        > .el-button:nth-child(1)::before {
+            content: "\e78d";
+        }
+        > .el-button:nth-child(2)::before {
+            content: "\e720";
+        }
     }
-    > .el-button:nth-child(1)::before {
-      content: "\e78d";
-    }
-    > .el-button:nth-child(2)::before {
-      content: "\e720";
-    }
-  }
 }
 .customConfirm {
-  width: 668px;
-  .el-message-box__title {
-    font-weight: normal;
-    font-size: 16px;
-    color: #272d45;
-    margin-left: 15px;
-    position: relative;
-  }
-  .el-message-box__title::before {
-    content: "";
-    width: 3px;
-    height: 100%;
-    background-color: #5c81ee;
-    position: absolute;
-    left: -15px;
-    top: 50%;
-    transform: translateY(-50%);
-  }
-  .el-message-box__btns,
-  .el-message-box__message {
-    text-align: center;
-  }
+    width: 668px;
+    .el-message-box__title {
+        font-weight: normal;
+        font-size: 16px;
+        color: #272d45;
+        margin-left: 15px;
+        position: relative;
+    }
+    .el-message-box__title::before {
+        content: "";
+        width: 3px;
+        height: 100%;
+        background-color: #5c81ee;
+        position: absolute;
+        left: -15px;
+        top: 50%;
+        transform: translateY(-50%);
+    }
+    .el-message-box__btns,
+    .el-message-box__message {
+        text-align: center;
+    }
 }
 </style>
 <style lang="less" scoped>
 .hls-video-dialog {
-  /deep/ .el-dialog__header {
-    display: none;
-  }
-  /deep/ .el-dialog__body {
-    padding: 0 !important;
-  }
-  .dialog_content {
-    padding: 0 !important;
-    height: initial;
-    overflow: hidden;
-  }
-  .audio-content {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    padding: 13px 22px 13px 13px;
-    position: relative;
-    overflow: hidden;
-    audio {
-      opacity: 0;
-      position: absolute;
-      left: 0;
-      //   right: -67%;
+    /deep/ .el-dialog__header {
+        display: none;
     }
-
-    > div:last-child {
-      width: 26px;
-      height: 26px;
-      background-repeat: no-repeat;
-      background-size: 100% 100%;
+    /deep/ .el-dialog__body {
+        padding: 0 !important;
     }
-    .bodyworn_pause {
-      background-image: url(~@/assets/images/laborManage/bodyworn_pause.png);
-    }
-    .bodyworn_play {
-      background-image: url(~@/assets/images/laborManage/bodyworn_play.png);
-    }
-    > div:first-child {
-      display: flex;
-      flex-direction: column;
-      justify-content: space-between;
-      > div:last-child {
-        display: flex;
-        align-items: center;
-        font-size: 14px;
-        color: #808080;
-        margin-top: 20px;
-        > div:not(:first-child) {
-          margin-left: 19px;
-        }
-      }
-      > div:first-child {
-        display: flex;
-        align-items: center;
-        font-size: 14px;
-        color: #272d45;
-        > div:not(:first-child) {
-          margin-left: 10px;
-        }
-        > div:first-child {
-          width: 19px;
-          height: 18px;
-          background-image: url(~@/assets/images/laborManage/bodyworn_audio.png);
-          background-repeat: no-repeat;
-          background-size: 100% 100%;
-        }
-        > div:last-child {
-          padding: 2px 10px;
-          border: 1px solid #f7af13;
-          font-size: 14px;
-          color: #f7af13;
-        }
-      }
-    }
-  }
-  .video-content {
-    height: 260px;
-    .card-img {
-      width: 100%;
-      height: 180px;
-      img,
-      video,
-      .el-image {
-        width: 100%;
-        height: 100%;
-      }
-    }
-    .card-flex {
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-      padding: 15px 15px 0;
-      color: #333333;
-      font-size: 15px;
-      .webkit-clamp_1 {
-        width: 50%;
+    .dialog_content {
+        padding: 0 !important;
+        height: initial;
         overflow: hidden;
-        white-space: nowrap;
-        text-overflow: ellipsis;
-      }
-      .card-num {
-        font-size: 14px;
-        color: #808080;
-      }
     }
-  }
-}
-.workticketdelete_main {
-  .workticket_box3 {
-    .time-diff {
-      padding: 4px 10px;
-      background: rgba(75, 141, 236, 0.1);
-      border-radius: 38px;
-      font-size: 12px;
-      color: #4b8dec;
-    }
-    .viewreplay {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      font-size: 14px;
-      color: #272d45;
-      > div:first-child {
-        width: 16px;
-        height: 16px;
-        background-image: url(~@/assets/images/laborManage/viewreplay.png);
-        background-repeat: no-repeat;
-        background-size: 100% 100%;
-      }
-      > div:last-child {
-        margin-left: 8px;
-      }
-    }
-    /deep/ .workticket-table {
-      width: 1202px;
-      margin-top: 20px;
-      border-color: #f2f2f2;
-      th {
-        background-color: #e6e6e6;
-        border-color: #f2f2f2;
-      }
-      td {
-        border-color: #f2f2f2;
-      }
-    }
-    /deep/ .workticket-table::before {
-      border-color: #f2f2f2;
-    }
-  }
-  .workticket_box2 {
-    .content-file_list {
-      display: flex;
-      flex-direction: column;
-      > div:nth-child(odd) {
-        background-color: #fbfbfb;
-      }
-      > div {
+    .audio-content {
         display: flex;
         align-items: center;
         justify-content: space-between;
-        height: 30px;
-        padding: 0 16px 0 20px;
-        > div:first-child {
-          font-size: 14px;
-          color: #272d45;
-          > div:last-child {
-            width: 170px;
-            overflow: hidden;
-            white-space: nowrap;
-            text-overflow: ellipsis;
-          }
+        padding: 13px 22px 13px 13px;
+        position: relative;
+        overflow: hidden;
+        audio {
+            opacity: 0;
+            position: absolute;
+            left: 0;
+            //   right: -67%;
         }
+
         > div:last-child {
-          font-size: 14px;
-          color: #5181f6;
-          cursor: pointer;
+            width: 26px;
+            height: 26px;
+            background-repeat: no-repeat;
+            background-size: 100% 100%;
         }
-        > div {
-          display: flex;
-          align-items: center;
-          > div:not(:first-child) {
-            margin-left: 6px;
-          }
+        .bodyworn_pause {
+            background-image: url(~@/assets/images/laborManage/bodyworn_pause.png);
+        }
+        .bodyworn_play {
+            background-image: url(~@/assets/images/laborManage/bodyworn_play.png);
+        }
+        > div:first-child {
+            display: flex;
+            flex-direction: column;
+            justify-content: space-between;
+            > div:last-child {
+                display: flex;
+                align-items: center;
+                font-size: 14px;
+                color: #808080;
+                margin-top: 20px;
+                > div:not(:first-child) {
+                    margin-left: 19px;
+                }
+            }
+            > div:first-child {
+                display: flex;
+                align-items: center;
+                font-size: 14px;
+                color: #272d45;
+                > div:not(:first-child) {
+                    margin-left: 10px;
+                }
+                > div:first-child {
+                    width: 19px;
+                    height: 18px;
+                    background-image: url(~@/assets/images/laborManage/bodyworn_audio.png);
+                    background-repeat: no-repeat;
+                    background-size: 100% 100%;
+                }
+                > div:last-child {
+                    padding: 2px 10px;
+                    border: 1px solid #f7af13;
+                    font-size: 14px;
+                    color: #f7af13;
+                }
+            }
         }
-      }
     }
-    .content-img {
-      display: flex;
-      flex-wrap: wrap;
-      > .el-image:nth-child(even) {
-        margin-left: 20px;
-      }
-      > .el-image {
-        width: 128px;
-        height: 128px;
-        border-radius: 4px;
-      }
+    .video-content {
+        height: 260px;
+        .card-img {
+            width: 100%;
+            height: 180px;
+            img,
+            video,
+            .el-image {
+                width: 100%;
+                height: 100%;
+            }
+        }
+        .card-flex {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            padding: 15px 15px 0;
+            color: #333333;
+            font-size: 15px;
+            .webkit-clamp_1 {
+                width: 50%;
+                overflow: hidden;
+                white-space: nowrap;
+                text-overflow: ellipsis;
+            }
+            .card-num {
+                font-size: 14px;
+                color: #808080;
+            }
+        }
     }
-  }
-  .workticket_box1 {
-    > div:last-child {
-      display: flex;
-      justify-content: space-between;
-    }
-    .workticket_content1 {
-      display: flex;
-      flex-direction: column;
-      margin-top: 20px;
-      padding-right: 30px;
-      .el-select {
-        width: 320px;
-      }
-      .hls-video {
-        width: 358px;
-        height: 180px;
-        margin-top: 10px;
-      }
-    }
-  }
-  .workticket_box {
-    .workticket_content {
-      display: flex;
-      margin-top: 10px;
-      > div:not(:first-child) {
-        margin-left: 50px;
-      }
-      > div {
-        display: flex;
-        flex-direction: column;
-        > div {
-          display: flex;
-          padding: 10px 0;
-          > div:last-child {
-            width: 300px;
+}
+.workticketdelete_main {
+    .workticket_box3 {
+        .time-diff {
+            padding: 4px 10px;
+            background: rgba(75, 141, 236, 0.1);
+            border-radius: 38px;
+            font-size: 12px;
+            color: #4b8dec;
+        }
+        .viewreplay {
+            display: flex;
+            align-items: center;
+            justify-content: center;
             font-size: 14px;
             color: #272d45;
-            margin-left: 16px;
-          }
-          > div:first-child {
-            width: 84px;
-            font-size: 14px;
-            color: #a2a4af;
-            text-align: right;
-            > span {
-              color: #ff0000;
+            > div:first-child {
+                width: 16px;
+                height: 16px;
+                background-image: url(~@/assets/images/laborManage/viewreplay.png);
+                background-repeat: no-repeat;
+                background-size: 100% 100%;
+            }
+            > div:last-child {
+                margin-left: 8px;
             }
-          }
         }
-      }
+        /deep/ .workticket-table {
+            width: 1202px;
+            margin-top: 20px;
+            border-color: #f2f2f2;
+            th {
+                background-color: #e6e6e6;
+                border-color: #f2f2f2;
+            }
+            td {
+                border-color: #f2f2f2;
+            }
+        }
+        /deep/ .workticket-table::before {
+            border-color: #f2f2f2;
+        }
     }
-    .workticket_header {
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-      > div:last-child {
-        display: flex;
-        align-items: center;
-        > div {
-          font-weight: 500;
-          font-size: 14px;
-          color: #ffffff;
-          width: 74px;
-          height: 30px;
-          background-color: #3e89fd;
-          border-radius: 3px;
-          display: flex;
-          align-items: center;
-          justify-content: center;
-          cursor: pointer;
+    .workticket_box2 {
+        .content-file_list {
+            display: flex;
+            flex-direction: column;
+            > div:nth-child(odd) {
+                background-color: #fbfbfb;
+            }
+            > div {
+                display: flex;
+                align-items: center;
+                justify-content: space-between;
+                height: 30px;
+                padding: 0 16px 0 20px;
+                > div:first-child {
+                    font-size: 14px;
+                    color: #272d45;
+                    > div:last-child {
+                        width: 170px;
+                        overflow: hidden;
+                        white-space: nowrap;
+                        text-overflow: ellipsis;
+                    }
+                }
+                > div:last-child {
+                    font-size: 14px;
+                    color: #5181f6;
+                    cursor: pointer;
+                }
+                > div {
+                    display: flex;
+                    align-items: center;
+                    > div:not(:first-child) {
+                        margin-left: 6px;
+                    }
+                }
+            }
         }
-        > div:not(:first-child) {
-          margin-left: 20px;
+        .content-img {
+            display: flex;
+            flex-wrap: wrap;
+            > .el-image:nth-child(even) {
+                margin-left: 20px;
+            }
+            > .el-image {
+                width: 128px;
+                height: 128px;
+                border-radius: 4px;
+            }
+        }
+    }
+    .workticket_box1 {
+        > div:last-child {
+            display: flex;
+            justify-content: space-between;
+        }
+        .workticket_content1 {
+            display: flex;
+            flex-direction: column;
+            margin-top: 20px;
+            padding-right: 30px;
+            .el-select {
+                width: 320px;
+            }
+            .hls-video {
+                width: 358px;
+                height: 180px;
+                margin-top: 10px;
+            }
+        }
+    }
+    .workticket_box {
+        .workticket_content {
+            display: flex;
+            margin-top: 10px;
+            > div:not(:first-child) {
+                margin-left: 50px;
+            }
+            > div {
+                display: flex;
+                flex-direction: column;
+                > div {
+                    display: flex;
+                    padding: 10px 0;
+                    > div:last-child {
+                        width: 300px;
+                        font-size: 14px;
+                        color: #272d45;
+                        margin-left: 16px;
+                    }
+                    > div:first-child {
+                        width: 84px;
+                        font-size: 14px;
+                        color: #a2a4af;
+                        text-align: right;
+                        > span {
+                            color: #ff0000;
+                        }
+                    }
+                }
+            }
+        }
+        .workticket_header {
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+            > div:last-child {
+                display: flex;
+                align-items: center;
+                > div {
+                    font-weight: 500;
+                    font-size: 14px;
+                    color: #ffffff;
+                    width: 74px;
+                    height: 30px;
+                    background-color: #3e89fd;
+                    border-radius: 3px;
+                    display: flex;
+                    align-items: center;
+                    justify-content: center;
+                    cursor: pointer;
+                }
+                > div:not(:first-child) {
+                    margin-left: 20px;
+                }
+                .bg-ed {
+                    background-color: #ed2b29;
+                }
+            }
+            > div:first-child {
+                display: flex;
+                align-items: center;
+                > div:first-child {
+                    font-weight: 800;
+                    font-size: 16px;
+                    color: #4d4d4d;
+                    background-color: transparent;
+                }
+                > div:not(:first-child) {
+                    margin-left: 10px;
+                }
+            }
         }
-        .bg-ed {
-          background-color: #ed2b29;
-        }
-      }
-      > div:first-child {
-        display: flex;
-        align-items: center;
-        > div:first-child {
-          font-weight: 800;
-          font-size: 16px;
-          color: #4d4d4d;
-          background-color: transparent;
-        }
-        > div:not(:first-child) {
-          margin-left: 10px;
-        }
-      }
     }
-  }
 }
 
 /deep/ .el-textarea {
-  textarea {
-    padding-bottom: 15px;
-  }
-  .el-input__count {
-    background-color: transparent;
-    height: 12px;
-    line-height: 12px;
-  }
+    textarea {
+        padding-bottom: 15px;
+    }
+    .el-input__count {
+        background-color: transparent;
+        height: 12px;
+        line-height: 12px;
+    }
 }
 
 /deep/ .policecamera_box {
-  .el-form-item {
-    margin-bottom: 20px;
-  }
-  .pagination-container {
-    padding: 16px;
-  }
-  .dialog-footer {
-    margin-top: 16px;
-  }
+    .el-form-item {
+        margin-bottom: 20px;
+    }
+    .pagination-container {
+        padding: 16px;
+    }
+    .dialog-footer {
+        margin-top: 16px;
+    }
 }
 .content_main2 {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  margin-top: 20px;
-
-  > div:first-child {
-    width: 251px;
-    height: 168px;
-    background-image: url(~@/assets/images/laborManage/index-icon11.png);
-    background-repeat: no-repeat;
-    background-size: 100% 100%;
-  }
-
-  .edit_img {
-    background-image: url(~@/assets/images/laborManage/index-icon12.png) !important;
-  }
-
-  > div:nth-child(2) {
-    font-weight: 500;
-    font-size: 14px;
-    color: #171717;
-    margin-top: 16px;
-  }
-
-  > div:nth-child(3) {
-    font-size: 12px;
-    color: #ffa026;
-    margin-top: 16px;
     display: flex;
+    flex-direction: column;
     align-items: center;
+    justify-content: center;
+    margin-top: 20px;
 
-    .el-icon-warning-outline {
-      font-size: 18px;
-      margin-right: 10px;
+    > div:first-child {
+        width: 251px;
+        height: 168px;
+        background-image: url(~@/assets/images/laborManage/index-icon11.png);
+        background-repeat: no-repeat;
+        background-size: 100% 100%;
+    }
+
+    .edit_img {
+        background-image: url(~@/assets/images/laborManage/index-icon12.png) !important;
+    }
+
+    > div:nth-child(2) {
+        font-weight: 500;
+        font-size: 14px;
+        color: #171717;
+        margin-top: 16px;
+    }
+
+    > div:nth-child(3) {
+        font-size: 12px;
+        color: #ffa026;
+        margin-top: 16px;
+        display: flex;
+        align-items: center;
+
+        .el-icon-warning-outline {
+            font-size: 18px;
+            margin-right: 10px;
+        }
     }
-  }
 }
 .bindworkticket {
-  margin-top: 20px;
-  > div:first-child {
-    display: flex;
-    align-items: center;
+    margin-top: 20px;
     > div:first-child {
-      margin-right: 15px;
+        display: flex;
+        align-items: center;
+        > div:first-child {
+            margin-right: 15px;
+        }
     }
-  }
 }
 /deep/ .el-steps {
-  justify-content: space-between;
-  padding-bottom: 20px;
-  border-bottom: 2px solid #f3f5fc;
-  > .el-step {
-    .el-step__icon {
-      width: 36px;
-      height: 36px;
-      position: relative;
-      border: none;
-      .el-step__icon-inner {
-        display: none;
-      }
+    justify-content: space-between;
+    padding-bottom: 20px;
+    border-bottom: 2px solid #f3f5fc;
+    > .el-step {
+        .el-step__icon {
+            width: 36px;
+            height: 36px;
+            position: relative;
+            border: none;
+            .el-step__icon-inner {
+                display: none;
+            }
+        }
+        .el-step__line {
+            top: 50%;
+            transform: translateY(-50%);
+        }
+        .el-step__icon::before {
+            content: "";
+            position: absolute;
+            top: 50%;
+            left: 50%;
+            transform: translate(-50%, -50%);
+            width: 20px;
+            height: 20px;
+            background-repeat: no-repeat;
+            background-size: 100% 100%;
+        }
+        .el-step__title {
+            font-weight: 500;
+            font-size: 15px;
+            color: #1a1a1a;
+        }
     }
-    .el-step__line {
-      top: 50%;
-      transform: translateY(-50%);
+    > .el-step:nth-child(1) {
+        flex-basis: 10% !important;
+        .el-step__line,
+        .el-step__line-inner {
+            width: 414px;
+            background-color: #038ee4;
+            border-color: #038ee4;
+        }
+        .el-step__icon {
+            background-color: #008de4;
+        }
+        .el-step__icon::before {
+            background-image: url(~@/assets/images/laborManage/index-icon4.png);
+        }
     }
-    .el-step__icon::before {
-      content: "";
-      position: absolute;
-      top: 50%;
-      left: 50%;
-      transform: translate(-50%, -50%);
-      width: 20px;
-      height: 20px;
-      background-repeat: no-repeat;
-      background-size: 100% 100%;
+    .el-step:not(:first-child) {
+        .el-step__line {
+            width: 414px;
+            background-color: #f4333c;
+        }
+        .el-step__icon {
+            background-color: #f4333c;
+        }
     }
-    .el-step__title {
-      font-weight: 500;
-      font-size: 15px;
-      color: #1a1a1a;
+    > .el-step:nth-child(2) {
+        flex-basis: 15% !important;
+        .el-step__icon::before {
+            background-image: url(~@/assets/images/laborManage/index-icon5.png);
+        }
     }
-  }
-  > .el-step:nth-child(1) {
-    flex-basis: 10% !important;
-    .el-step__line,
-    .el-step__line-inner {
-      width: 414px;
-      background-color: #038ee4;
-      border-color: #038ee4;
+    > .el-step:nth-child(3) {
+        flex-basis: 10% !important;
+        .el-step__icon::before {
+            background-image: url(~@/assets/images/laborManage/index-icon6.png);
+        }
     }
-    .el-step__icon {
-      background-color: #008de4;
-    }
-    .el-step__icon::before {
-      background-image: url(~@/assets/images/laborManage/index-icon4.png);
-    }
-  }
-  .el-step:not(:first-child) {
-    .el-step__line {
-      width: 414px;
-      background-color: #f4333c;
-    }
-    .el-step__icon {
-      background-color: #f4333c;
-    }
-  }
-  > .el-step:nth-child(2) {
-    flex-basis: 15% !important;
-    .el-step__icon::before {
-      background-image: url(~@/assets/images/laborManage/index-icon5.png);
-    }
-  }
-  > .el-step:nth-child(3) {
-    flex-basis: 10% !important;
-    .el-step__icon::before {
-      background-image: url(~@/assets/images/laborManage/index-icon6.png);
-    }
-  }
 }
 /deep/ .steps_1 > .el-step:nth-child(2) {
-  .el-step__line {
-    background-color: #038ee4;
-  }
-  .el-step__icon {
-    background-color: #008de4;
-  }
+    .el-step__line {
+        background-color: #038ee4;
+    }
+    .el-step__icon {
+        background-color: #008de4;
+    }
 }
 /deep/ .steps_2 > .el-step:nth-child(3) {
-  .el-step__line {
-    background-color: #038ee4;
-  }
-  .el-step__icon {
-    background-color: #008de4;
-  }
+    .el-step__line {
+        background-color: #038ee4;
+    }
+    .el-step__icon {
+        background-color: #008de4;
+    }
 }
 /deep/ .steps_3 > .el-step:nth-child(2) {
-  .el-step__icon {
-    opacity: 0;
-  }
-  .el-step__main {
-    display: none;
-  }
+    .el-step__icon {
+        opacity: 0;
+    }
+    .el-step__main {
+        display: none;
+    }
 }
 .dialog_content {
-  padding: 0px;
-  max-height: 670px;
-  overflow-y: auto;
+    padding: 0px;
+    max-height: 670px;
+    overflow-y: auto;
 }
 /deep/ .el-dialog__body {
-  padding: 20px;
+    padding: 20px;
 }
 /deep/ .el-dialog {
-  top: 50%;
-  transform: translateY(-50%);
-  margin-top: 0 !important;
+    top: 50%;
+    transform: translateY(-50%);
+    margin-top: 0 !important;
 }
 .workticket_main2 {
-  display: flex;
-  flex-wrap: wrap;
-  margin-top: 20px;
-  .el-form-item {
-    width: 50%;
-  }
-  .el-cascader,
-  .el-input,
-  .el-date-editor,
-  .el-select {
-    width: 320px;
-  }
-  /deep/ .el-upload--picture-card {
-    width: 128px;
-    height: 128px;
-  }
-  /deep/ .el-upload-list--picture-card {
-    .el-upload-list__item {
-      width: 128px;
-      height: 128px;
+    display: flex;
+    flex-wrap: wrap;
+    margin-top: 20px;
+    .el-form-item {
+        width: 50%;
+    }
+    .el-cascader,
+    .el-input,
+    .el-date-editor,
+    .el-select {
+        width: 320px;
+    }
+    /deep/ .el-upload--picture-card {
+        width: 128px;
+        height: 128px;
+    }
+    /deep/ .el-upload-list--picture-card {
+        .el-upload-list__item {
+            width: 128px;
+            height: 128px;
+        }
     }
-  }
 
-  /deep/ .mycascader {
-    .el-input__inner {
-      color: #272d45;
-      background-color: transparent;
-      cursor: auto;
-      border: none;
-      padding: 0;
+    /deep/ .mycascader {
+        .el-input__inner {
+            color: #272d45;
+            background-color: transparent;
+            cursor: auto;
+            border: none;
+            padding: 0;
+        }
+        .el-input__suffix {
+            display: none;
+        }
     }
-    .el-input__suffix {
-      display: none;
-    }
-  }
 }
 .boundalready_box {
-  padding: 4px 10px;
-  background-color: rgba(71, 195, 147, 0.1);
-  font-size: 12px;
-  color: #47c393;
+    padding: 4px 10px;
+    background-color: rgba(71, 195, 147, 0.1);
+    font-size: 12px;
+    color: #47c393;
 }
 .boundalready {
-  background-color: rgba(113, 75, 0, 0.1) !important;
-  color: #714b00 !important;
+    background-color: rgba(113, 75, 0, 0.1) !important;
+    color: #714b00 !important;
 }
 .workticket_main1 {
-  .el-cascader {
-    width: 320px;
-  }
+    .el-cascader {
+        width: 320px;
+    }
 }
 .header-title {
-  display: flex;
-  align-items: center;
-  margin-bottom: 20px;
-  > div {
-    font-size: 14px;
-    color: #272d45;
-    span {
-      color: #5181f6;
+    display: flex;
+    align-items: center;
+    margin-bottom: 20px;
+    > div {
+        font-size: 14px;
+        color: #272d45;
+        span {
+            color: #5181f6;
+        }
+    }
+    > div:not(:first-child) {
+        margin-left: 50px;
     }
-  }
-  > div:not(:first-child) {
-    margin-left: 50px;
-  }
 }
 .status-box {
-  font-weight: 500;
-  font-size: 11px;
-  padding: 4px 10px;
-  border-radius: 2px;
-  border: 1px solid #f1f1f1;
+    font-weight: 500;
+    font-size: 11px;
+    padding: 4px 10px;
+    border-radius: 2px;
+    border: 1px solid #f1f1f1;
 }
 .wks_active {
-  background-color: #898989;
-  color: #1a1a1a;
+    background-color: #898989;
+    color: #1a1a1a;
 }
 
 .sgz_active {
-  background-color: #bed0fa;
-  color: #5181f6;
+    background-color: #bed0fa;
+    color: #5181f6;
 }
 
 .ztz_active {
-  background-color: #c38100;
-  color: #ffffff;
+    background-color: #c38100;
+    color: #ffffff;
 }
 
 .ywg_acitve {
-  background-color: #88cf65;
-  color: #1a1a1a;
+    background-color: #88cf65;
+    color: #1a1a1a;
 }
 .checkPoint {
-  /deep/ .el-form-item {
-    margin-bottom: 20px;
-  }
-  .el-input,
-  .el-cascader {
-    width: 192px;
-  }
-  .el-date-editor {
-    width: 247px;
-  }
+    /deep/ .el-form-item {
+        margin-bottom: 20px;
+    }
+    .el-input,
+    .el-cascader {
+        width: 192px;
+    }
+    .el-date-editor {
+        width: 247px;
+    }
 }
 
 .tables {
-  min-height: initial;
+    min-height: initial;
 }
 .ml-8 {
-  margin-left: 8px;
+    margin-left: 8px;
 }
 .check_box {
-  display: flex;
-  font-size: 14px;
-  > .el-button:hover {
-    color: #5181f6 !important;
-  }
-  > .el-button {
-    padding: 0;
-    position: relative;
-    // margin-left: 10px;
-  }
-  // > .el-button:first-child {
-  //   color: #eb4047;
-  // }
-  > .el-button:first-child::before {
-    content: " ";
-    position: absolute;
-    top: 50%;
-    right: -10px;
-    transform: translateY(-50%);
-    width: 1px;
-    height: 90%;
-    background-color: #d9d9d9;
-  }
+    display: flex;
+    font-size: 14px;
+    > .el-button:hover {
+        color: #5181f6 !important;
+    }
+    > .el-button {
+        padding: 0;
+        position: relative;
+        // margin-left: 10px;
+    }
+    // > .el-button:first-child {
+    //   color: #eb4047;
+    // }
+    > .el-button:first-child::before {
+        content: " ";
+        position: absolute;
+        top: 50%;
+        right: -10px;
+        transform: translateY(-50%);
+        width: 1px;
+        height: 90%;
+        background-color: #d9d9d9;
+    }
 }
 .flex {
-  display: flex;
+    display: flex;
 }
 .flex2 {
-  display: flex;
-  align-items: center;
+    display: flex;
+    align-items: center;
 }
 .checkPoint {
-  padding: 16px 20px;
-  box-sizing: border-box;
-  position: relative;
-  height: 100%;
-  .pagination-container {
-    padding: 0;
-    width: 100%;
-    position: absolute;
-    bottom: 16px;
-    left: 50%;
-    transform: translateX(-50%);
-  }
-  .edit {
-    width: 100%;
-    justify-content: center;
-    cursor: pointer;
-    img {
-      margin-right: 5px;
+    padding: 16px 20px;
+    box-sizing: border-box;
+    position: relative;
+    height: 100%;
+    .pagination-container {
+        padding: 0;
+        width: 100%;
+        position: absolute;
+        bottom: 16px;
+        left: 50%;
+        transform: translateX(-50%);
     }
-    /deep/ .el-button {
-      > span {
-        color: #262d49;
-      }
+    .edit {
+        width: 100%;
+        justify-content: center;
+        cursor: pointer;
+        img {
+            margin-right: 5px;
+        }
+        /deep/ .el-button {
+            > span {
+                color: #262d49;
+            }
+        }
     }
-  }
 }
 </style>