From a822502927a606facad391102fcb863245e89652 Mon Sep 17 00:00:00 2001
From: Rain_ <904416525@qq.com>
Date: Wed, 12 Nov 2025 18:26:48 +0800
Subject: [PATCH] =?UTF-8?q?flx=EF=BC=9A=E5=B7=A5=E4=BD=9C=E7=A5=A8?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9E=E9=A3=8E=E9=99=A9=E7=8A=B6=E6=80=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/router/index.js                           |    6 +
 .../companyBigScreen/components/header.vue    |  568 +--
 .../highRiskOperation/index.vue               |   38 +
 .../homeworkControlProcess.vue                | 3236 +++++++++--------
 4 files changed, 2007 insertions(+), 1841 deletions(-)
 create mode 100644 src/views/companyAdmin/companyBigScreen/highRiskOperation/index.vue

diff --git a/src/router/index.js b/src/router/index.js
index c2a78005..87ffe76d 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -4695,6 +4695,12 @@ const routes2 = [{
         component: (resolve) =>
             require(["@/views/companyAdmin/companyBigScreen/aIEarlyWarn/index.vue"], resolve),
     },
+    {
+        path: "/companyAdmin/highRiskOperation",
+        name: "highRiskOperation",
+        component: (resolve) =>
+            require(["@/views/companyAdmin/companyBigScreen/highRiskOperation/index.vue"], resolve),
+    },
     {
         path: "/companyAdmin/videoSurveillance",
         name: "videoSurveillance",
diff --git a/src/views/companyAdmin/companyBigScreen/components/header.vue b/src/views/companyAdmin/companyBigScreen/components/header.vue
index e1410a94..1edeaaaf 100644
--- a/src/views/companyAdmin/companyBigScreen/components/header.vue
+++ b/src/views/companyAdmin/companyBigScreen/components/header.vue
@@ -1,54 +1,60 @@
 <template>
-  <div class="header-wrap">
-    <div class="left-text">
-      <div class="left-text_title">
-        <img
-          @click="handleEdit"
-          class="edit-icon"
-          src="@/assets/images/companyBigScreen/card-edit-icon.png"
-          alt="icon"
-        />
-        {{customInfo.name || '智慧工地企业版数据大屏'}}
-      </div>
-      <div
-        class="left-text_image"
-        @click="onRouterLink('/companyAdmin/terminalOperation')"
-      >
-        运营场站
-      </div>
-      <div
-        class="left-text_image"
-        @click="onRouterLink('/companyAdmin/videoSurveillance')"
-      >
-        视频监控
-      </div>
-      <div
-        class="left-text_image"
-        @click="onRouterLink('/companyAdmin/aIEarlyWarn')"
-      >
-        AI预警
-      </div>
-    </div>
-    <!-- <div class="nav-list">
+    <div class="header-wrap">
+        <div class="left-text">
+            <div class="left-text_title">
+                <img
+                    @click="handleEdit"
+                    class="edit-icon"
+                    src="@/assets/images/companyBigScreen/card-edit-icon.png"
+                    alt="icon"
+                />
+                {{ customInfo.name || "智慧工地企业版数据大屏" }}
+            </div>
+            <div
+                class="left-text_image"
+                @click="onRouterLink('/companyAdmin/terminalOperation')"
+            >
+                运营场站
+            </div>
+            <div
+                class="left-text_image"
+                @click="onRouterLink('/companyAdmin/videoSurveillance')"
+            >
+                视频监控
+            </div>
+            <div
+                class="left-text_image"
+                @click="onRouterLink('/companyAdmin/aIEarlyWarn')"
+            >
+                AI预警
+            </div>
+            <div
+                class="left-text_image"
+                @click="onRouterLink('/companyAdmin/highRiskOperation')"
+            >
+                高风险作业
+            </div>
+        </div>
+        <!-- <div class="nav-list">
       <div class="nav-item" :class="{ 'nav-active': pageIndex == 1 }" @click="changeNav(1)">集团中心</div>
       <div class="nav-item right-nav" :class="{ 'nav-active': pageIndex == 2 }">视频中心</div>
     </div> -->
-    <div class="right-box">
-      <span class="date">{{ nowDate }}</span>
-      <span class="time"><i class="el-icon-time"></i>{{ nowTime }}</span>
-      <div class="weather-box">
-        <div class="line"></div>
-        <span>{{ weatherInfo.tem }}℃</span>
-        <span>{{ weatherInfo.wea }}</span>
-      </div>
-      <div class="close-btn" @click="closeFn">
-        <i class="el-icon-switch-button"></i>
-        <span>退出</span>
-        <!-- <img src="@/assets/images/bigScreen/icon-close.png" /> -->
-      </div>
+        <div class="right-box">
+            <span class="date">{{ nowDate }}</span>
+            <span class="time"><i class="el-icon-time"></i>{{ nowTime }}</span>
+            <div class="weather-box">
+                <div class="line"></div>
+                <span>{{ weatherInfo.tem }}℃</span>
+                <span>{{ weatherInfo.wea }}</span>
+            </div>
+            <div class="close-btn" @click="closeFn">
+                <i class="el-icon-switch-button"></i>
+                <span>退出</span>
+                <!-- <img src="@/assets/images/bigScreen/icon-close.png" /> -->
+            </div>
+        </div>
+        <HeaderDialog ref="headerDialogRef" @refresh="getDeviceConfig" />
     </div>
-    <HeaderDialog ref="headerDialogRef" @refresh="getDeviceConfig" />
-  </div>
 </template>
 
 <script>
@@ -56,270 +62,274 @@ import moment from "moment";
 import HeaderDialog from "./headerDialog.vue";
 import { getWeatherLiveData } from "@/assets/js/api/environmentManage";
 import { getQueryBySnCompanyInfo } from "@/assets/js/api/companyBigScreen";
-import { queryCustomConfig } from '@/assets/js/api/common'
+import { queryCustomConfig } from "@/assets/js/api/common";
 export default {
-  naem: "headers",
-  components: { HeaderDialog },
-  data() {
-    return {
-      pageIndex: 1,
-      nowDate: "",
-      nowTime: "",
-      timer: null,
-      weatherInfo: {},
-      customInfo: {},
-      customData: {},
-      isEdit: false,
-    };
-  },
-  mounted() {
-    this.timer = setInterval(() => {
-      let date = new Date();
-      this.nowDate = moment(date).format("YYYY年MM月DD日");
-      this.nowTime = moment(date).format("HH:mm:ss");
-    }, 1000);
-    this.getCompanyInfoData();
-    this.getCustomConfig();
-  },
-  beforeDestroy() {
-    this.timer = null;
-  },
-  methods: {
-    async getCustomConfig() {
-      const res = await queryCustomConfig({
-        configKey: "company_header1",
-        projectSn: this.$store.state.userInfo.sn,
-      });
-      console.log(res);
-      this.isEdit = res.result?.id ? true : false
-      if (res.result) {
-        const { data: curIsCustom } = JSON.parse(res.result.configValue || '{}');
-        console.log(112333, curIsCustom)
-        this.customInfo = curIsCustom
-        this.customData = res.result
-      }
+    naem: "headers",
+    components: { HeaderDialog },
+    data() {
+        return {
+            pageIndex: 1,
+            nowDate: "",
+            nowTime: "",
+            timer: null,
+            weatherInfo: {},
+            customInfo: {},
+            customData: {},
+            isEdit: false,
+        };
     },
-    getDeviceConfig() {
-      console.log(111);
-      this.getCustomConfig();
+    mounted() {
+        this.timer = setInterval(() => {
+            let date = new Date();
+            this.nowDate = moment(date).format("YYYY年MM月DD日");
+            this.nowTime = moment(date).format("HH:mm:ss");
+        }, 1000);
+        this.getCompanyInfoData();
+        this.getCustomConfig();
     },
-    handleEdit() {
-      this.$refs.headerDialogRef.showModal(this.isEdit ? this.customData : null)
+    beforeDestroy() {
+        this.timer = null;
     },
-    async getCompanyInfoData() {
-      const res = await getQueryBySnCompanyInfo({
-        sn: this.$store.state.userInfo.sn,
-      });
-      console.log(res);
-      this.loadWeather(res.result.cityCode);
+    methods: {
+        async getCustomConfig() {
+            const res = await queryCustomConfig({
+                configKey: "company_header1",
+                projectSn: this.$store.state.userInfo.sn,
+            });
+            console.log(res);
+            this.isEdit = res.result?.id ? true : false;
+            if (res.result) {
+                const { data: curIsCustom } = JSON.parse(
+                    res.result.configValue || "{}"
+                );
+                console.log(112333, curIsCustom);
+                this.customInfo = curIsCustom;
+                this.customData = res.result;
+            }
+        },
+        getDeviceConfig() {
+            console.log(111);
+            this.getCustomConfig();
+        },
+        handleEdit() {
+            this.$refs.headerDialogRef.showModal(
+                this.isEdit ? this.customData : null
+            );
+        },
+        async getCompanyInfoData() {
+            const res = await getQueryBySnCompanyInfo({
+                sn: this.$store.state.userInfo.sn,
+            });
+            console.log(res);
+            this.loadWeather(res.result.cityCode);
+        },
+        onRouterLink(path) {
+            this.$router.push(path);
+        },
+        changeNav(val) {
+            this.pageIndex = val;
+            this.$emit("changeType", val);
+        },
+        closeFn() {
+            // window.close()
+            // this.$router.back()
+            // 退出到企业首页
+            this.$router.push("/firm/projectManage");
+        },
+        loadWeather(cityCode) {
+            getWeatherLiveData({ cityid: cityCode || "" }).then((res) => {
+                this.weatherInfo = res.result;
+                console.log(this.weatherInfo);
+            });
+        },
     },
-    onRouterLink(path) {
-      this.$router.push(path);
-    },
-    changeNav(val) {
-      this.pageIndex = val;
-      this.$emit("changeType", val);
-    },
-    closeFn() {
-      // window.close()
-      // this.$router.back()
-      // 退出到企业首页
-      this.$router.push("/firm/projectManage");
-    },
-    loadWeather(cityCode) {
-      getWeatherLiveData({ cityid: cityCode || "" }).then((res) => {
-        this.weatherInfo = res.result;
-        console.log(this.weatherInfo);
-      });
-    },
-  },
 };
 </script>
 
 <style lang="less" scoped>
 .header-wrap {
-  width: 100%;
-  height: 66px;
-  text-align: center;
-  position: absolute;
-  top: 0;
-  left: 0;
-  z-index: 10;
-  background: url("~@/assets/images/companyBigScreen/header-bg.png") center
-    no-repeat;
-  background-size: 100%;
-  .left-text {
+    width: 100%;
+    height: 66px;
+    text-align: center;
     position: absolute;
-    left: 30px;
-    top: 50%;
-    transform: translateY(-50%);
-    font-family: Alibaba PuHuiTi, Alibaba PuHuiTi;
-    font-weight: 500;
-    font-size: 32px;
-    color: #ffffff;
-    line-height: 32px;
-    display: flex;
-    align-items: center;
-    .left-text_title {
-      position: relative;
-      &:hover {
-        .edit-icon {
-          visibility: visible;
-        }
-      }
-      .edit-icon {
+    top: 0;
+    left: 0;
+    z-index: 10;
+    background: url("~@/assets/images/companyBigScreen/header-bg.png") center
+        no-repeat;
+    background-size: 100%;
+    .left-text {
         position: absolute;
-        top: 0px;
-        left: 0px;
-        transform: translateX(-50%);
-        visibility: hidden;
-        width: 20px;
-        height: 20px;
-        cursor: pointer;
-        user-select: none;
-        -webkit-user-drag: none;
-        z-index: 10;
-      }
+        left: 30px;
+        top: 50%;
+        transform: translateY(-50%);
+        font-family: Alibaba PuHuiTi, Alibaba PuHuiTi;
+        font-weight: 500;
+        font-size: 32px;
+        color: #ffffff;
+        line-height: 32px;
+        display: flex;
+        align-items: center;
+        .left-text_title {
+            position: relative;
+            &:hover {
+                .edit-icon {
+                    visibility: visible;
+                }
+            }
+            .edit-icon {
+                position: absolute;
+                top: 0px;
+                left: 0px;
+                transform: translateX(-50%);
+                visibility: hidden;
+                width: 20px;
+                height: 20px;
+                cursor: pointer;
+                user-select: none;
+                -webkit-user-drag: none;
+                z-index: 10;
+            }
+        }
+        .left-text_image {
+            font-size: 20px;
+            color: #00f6ff;
+            margin-left: 13px;
+            width: 104px;
+            height: 45px;
+            background-image: url("~@/assets/images/companyBigScreen/stat-bg.png");
+            background-size: 100% 100%;
+            background-repeat: no-repeat;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            cursor: pointer;
+        }
     }
-    .left-text_image {
-      font-size: 20px;
-      color: #00f6ff;
-      margin-left: 13px;
-      width: 104px;
-      height: 45px;
-      background-image: url("~@/assets/images/companyBigScreen/stat-bg.png");
-      background-size: 100% 100%;
-      background-repeat: no-repeat;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      cursor: pointer;
-    }
-  }
 }
 .header-wrap2 {
-  width: 100%;
-  height: 45px;
-  text-align: center;
-  position: absolute;
-  top: 0;
-  left: 0;
-  z-index: 10;
-  background: url("~@/assets/images/bigScreen/hengTong_title.png") center
-    no-repeat;
-  background-size: 103%;
-  .left-text {
-    color: #02fbe2;
+    width: 100%;
+    height: 45px;
+    text-align: center;
     position: absolute;
-    left: 48px;
-    line-height: 32px;
-    font-size: 10px;
-  }
+    top: 0;
+    left: 0;
+    z-index: 10;
+    background: url("~@/assets/images/bigScreen/hengTong_title.png") center
+        no-repeat;
+    background-size: 103%;
+    .left-text {
+        color: #02fbe2;
+        position: absolute;
+        left: 48px;
+        line-height: 32px;
+        font-size: 10px;
+    }
 }
 .nav-list {
-  color: #fff;
-  font-size: 16px;
-  position: absolute;
-  top: 0;
-  left: 50%;
-  transform: translateX(-50%);
-  display: flex;
-  height: 40px;
-  width: 35%;
-  justify-content: space-between;
-  align-items: center;
+    color: #fff;
+    font-size: 16px;
+    position: absolute;
+    top: 0;
+    left: 50%;
+    transform: translateX(-50%);
+    display: flex;
+    height: 40px;
+    width: 35%;
+    justify-content: space-between;
+    align-items: center;
 }
 .nav-item {
-  padding: 0 40px;
-  height: 40px;
-  line-height: 36px;
-  position: relative;
-  cursor: pointer;
+    padding: 0 40px;
+    height: 40px;
+    line-height: 36px;
+    position: relative;
+    cursor: pointer;
 }
 .nav-active {
-  color: #02fbe2;
+    color: #02fbe2;
 }
 .nav-active::after {
-  content: "";
-  border-bottom: 1px dashed rgba(2, 251, 226, 1);
-  position: absolute;
-  bottom: 8px;
-  left: 50%;
-  height: 11px;
-  display: block;
-  width: 73px;
-  transform: translateX(-50%);
-  background: linear-gradient(
-    to top,
-    rgba(2, 251, 226, 0.7),
-    rgba(2, 251, 226, 0)
-  );
+    content: "";
+    border-bottom: 1px dashed rgba(2, 251, 226, 1);
+    position: absolute;
+    bottom: 8px;
+    left: 50%;
+    height: 11px;
+    display: block;
+    width: 73px;
+    transform: translateX(-50%);
+    background: linear-gradient(
+        to top,
+        rgba(2, 251, 226, 0.7),
+        rgba(2, 251, 226, 0)
+    );
 }
 .right-box {
-  display: flex;
-  align-items: center;
-  position: absolute;
-  right: 0;
-  top: 50%;
-  transform: translateY(-50%);
-  .date {
-    background: rgba(34, 33, 37, 0.5);
-    border: 1px solid #3e3c42;
-    font-family: Alibaba PuHuiTi, Alibaba PuHuiTi;
-    font-weight: 500;
-    font-size: 20px;
-    color: #ffffff;
-    line-height: 24px;
-    padding: 4px 30px;
-    margin-right: 30px;
-  }
-  .time {
-    font-family: Alibaba Sans, Alibaba Sans;
-    font-weight: 500;
-    font-size: 20px;
-    color: #dfdaee;
-    line-height: 24px;
-    margin-right: 30px;
-    i {
-      margin-right: 2px;
-    }
-  }
-  .weather-box {
     display: flex;
     align-items: center;
-    margin-right: 30px;
-    .line {
-      width: 4px;
-      height: 20px;
-      background: #959397;
+    position: absolute;
+    right: 0;
+    top: 50%;
+    transform: translateY(-50%);
+    .date {
+        background: rgba(34, 33, 37, 0.5);
+        border: 1px solid #3e3c42;
+        font-family: Alibaba PuHuiTi, Alibaba PuHuiTi;
+        font-weight: 500;
+        font-size: 20px;
+        color: #ffffff;
+        line-height: 24px;
+        padding: 4px 30px;
+        margin-right: 30px;
     }
-    span {
-      font-family: Segoe UI, Segoe UI;
-      font-weight: 400;
-      font-size: 20px;
-      color: #dfdaee;
-      line-height: 26px;
-      margin-left: 12px;
+    .time {
+        font-family: Alibaba Sans, Alibaba Sans;
+        font-weight: 500;
+        font-size: 20px;
+        color: #dfdaee;
+        line-height: 24px;
+        margin-right: 30px;
+        i {
+            margin-right: 2px;
+        }
     }
-  }
-  .close-btn {
-    margin-right: 30px;
-    padding: 4px 20px;
-    background: rgba(0, 107, 255, 0.5);
-    border: 1px solid #006bff;
-    cursor: pointer;
-    i {
-      font-size: 20px;
-      color: #ffffff;
-      margin-right: 2px;
+    .weather-box {
+        display: flex;
+        align-items: center;
+        margin-right: 30px;
+        .line {
+            width: 4px;
+            height: 20px;
+            background: #959397;
+        }
+        span {
+            font-family: Segoe UI, Segoe UI;
+            font-weight: 400;
+            font-size: 20px;
+            color: #dfdaee;
+            line-height: 26px;
+            margin-left: 12px;
+        }
     }
-    span {
-      font-family: Alibaba PuHuiTi, Alibaba PuHuiTi;
-      font-weight: 500;
-      font-size: 20px;
-      line-height: 24px;
-      color: #ffffff;
+    .close-btn {
+        margin-right: 30px;
+        padding: 4px 20px;
+        background: rgba(0, 107, 255, 0.5);
+        border: 1px solid #006bff;
+        cursor: pointer;
+        i {
+            font-size: 20px;
+            color: #ffffff;
+            margin-right: 2px;
+        }
+        span {
+            font-family: Alibaba PuHuiTi, Alibaba PuHuiTi;
+            font-weight: 500;
+            font-size: 20px;
+            line-height: 24px;
+            color: #ffffff;
+        }
     }
-  }
 }
 </style>
diff --git a/src/views/companyAdmin/companyBigScreen/highRiskOperation/index.vue b/src/views/companyAdmin/companyBigScreen/highRiskOperation/index.vue
new file mode 100644
index 00000000..5e3c9382
--- /dev/null
+++ b/src/views/companyAdmin/companyBigScreen/highRiskOperation/index.vue
@@ -0,0 +1,38 @@
+<template>
+    <div class="bigScreen-wrap">
+        <NewHeader
+            @refresh="onRefresh"
+            :title="'甘肃华润新能源智慧电站'"
+        ></NewHeader>
+        <!-- <HomeworkControlProcess ref="homeworkRef"></HomeworkControlProcess> -->
+    </div>
+</template>
+<script setup>
+import { ref, onMounted } from "vue";
+import NewHeader from "@/views/companyAdmin/companyBigScreen/components/newHeader.vue";
+// import HomeworkControlProcess from "./homeworkControlProcess.vue";
+const homeworkRef = ref(null);
+const onRefresh = () => {
+    console.log("刷新");
+    homeworkRef.value.onRefresh();
+};
+// 生命周期钩子
+onMounted(() => {});
+</script>
+  
+<style lang="less" scoped>
+.bigScreen-wrap {
+    width: 100%;
+    height: 100%;
+    min-width: 1680px;
+    // min-height: 1080px;
+    position: relative;
+    color: #fff;
+    // background: #0a141c;
+    background: url("~@/assets/images/companyBigScreen/big-screen-bg.png")
+        center no-repeat;
+    background-size: 100% 100%;
+    overflow: hidden;
+}
+</style>
+  
\ No newline at end of file
diff --git a/src/views/projectFront/workTicketManage/homeworkControlProcess.vue b/src/views/projectFront/workTicketManage/homeworkControlProcess.vue
index df7c2fea..53611c53 100644
--- a/src/views/projectFront/workTicketManage/homeworkControlProcess.vue
+++ b/src/views/projectFront/workTicketManage/homeworkControlProcess.vue
@@ -296,6 +296,13 @@
                 v-if="scope.row.status == 3"
                 >继续作业</el-button
               >
+              <el-button
+                type="text"
+                @click="onStateShow(3, scope.row.id)"
+                icon="el-icon-video-play"
+                v-if="scope.row.status == 4"
+                >重新开始</el-button
+              >
               <el-button
                 @click="onExamineClick(scope.row)"
                 type="text"
@@ -451,6 +458,12 @@
                 ></el-option>
               </el-select>
             </el-form-item>
+            <el-form-item label="风险级别" prop="riskType">
+              <el-radio-group v-model="workTicketForm.riskType">
+                <el-radio :label="1">一般风险</el-radio>
+                <el-radio :label="2">高风险</el-radio>
+              </el-radio-group>
+            </el-form-item>
             <!-- 敦煌升级 -->
             <!-- <el-form-item label="班组" prop="teamIds">
               <el-select
@@ -869,6 +882,15 @@
               >
                 {{ statusUp(workTicketDetail.status) }}
               </div>
+              <div
+                class="status-box"
+                :class="{
+                  ybfx_active: workTicketDetail.riskType == 1,
+                  gfx_active: workTicketDetail.riskType == 2,
+                }"
+              >
+                {{workTicketDetail.riskType == 2 ? '高风险' : '一般风险'}} 
+              </div>
             </div>
             <div>
               <div
@@ -892,6 +914,13 @@
               >
                 继续作业
               </div>
+              <div
+                @click="onStateShow(3, workTicketDetail.id)"
+                class="bg-3e"
+                v-if="workTicketDetail.status == 4"
+              >
+                重新开始
+              </div>
               <div
                 @click="onStateShow(4, workTicketDetail.id)"
                 class="bg-ed"
@@ -988,8 +1017,16 @@
                   :controls="true"
                 /> -->
                 <IscPlayer
+                  v-if="videoConfig.enableNotPlugin"
                   :devList="videoItemList"
                 ></IscPlayer>
+                <div v-else class="fullHeight videoOverview" :id="`videoOverview${workTicketDetail.id}`">
+                  <IscPlugin
+                    :devList="videoItemList"
+                    :itemId="workTicketDetail.id"
+                    :type="'1x1'"
+                  ></IscPlugin>
+                </div>
               </div>
               
               <!-- videoItemInfo.videoInfo.url -->
@@ -1234,1713 +1271,1788 @@
 </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 { getTeamInfoList } from "@/assets/js/api/laborPerson.js";
+import { projectVideoConfigListApi } from "@/assets/js/api/equipmentCenter/cameraList";
 import dayjs from "dayjs";
 import duration from "dayjs/plugin/duration";
 import { isJSON } from "@/util/nowDate";
 import HlsPlayer from "./components/HlsPlayer.vue";
 import IscPlayer from "./components/iscPlayer.vue";
+import IscPlugin from "@/views/companyAdmin/companyBigScreen/terminalOperation/components/isc_plugin.vue";
 export default {
-  components: {
-    HlsPlayer,
-    IscPlayer,
-  },
-  data() {
-    return {
-      COMPANY: COMPANY,
-      projectSn: "",
-      tableData: [],
-      workTicketTitle: "新增",
-      workTicketType: 1,
-      workTicketDialog: false,
-      stepActive: 0,
-      workTicketForm: {
-        typeId: "",
-        workTicketNumber: "",
-        constructionAreas: [],
-        constructionAddr: "",
-        applicants: [],
-        teamIds: [],
-        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",
-          },
-        ],
-        // 敦煌升级
-        // constructionAreas: [
-        //   {
-        //     required: true,
-        //     message: "请选择施工区域",
-        //     trigger: "change",
-        //   },
-        // ],
-        // applicants: [
-        //   {
-        //     required: true,
-        //     message: "请选择申请单位",
-        //     trigger: "change",
-        //   },
-        // ],
-        // constructionAddr: [
-        //   {
-        //     required: true,
-        //     message: "请输入施工地点",
-        //     trigger: "blur",
-        //   },
-        // ],
-      },
-      // 查询参数
-      queryParams: {
-        pageNo: 1,
-        pageSize: 10,
-        typeId: "",
-        constructionTime: [],
-        workTicketNumber: "",
-        status: "",
-        operator: "",
-        constructionAreas: "",
-      },
-      total: 0,
-      enterpriseInfoList: [],
-      teamListData: [],
-      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: {},
-      videoItemList: [],
-    };
-  },
-  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,
+        IscPlayer,
+        IscPlugin,
     },
-    // 播放音频
-    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.videoItemList = [res.result.itemList[0]];
-            console.log(111222, this.videoItemList);
-            // this.getVideoItemInfoPoliceCameraItem();
-          } else {
-            this.itemId = "";
-            this.videoItemInfo = {};
-            this.videoItemList = [];
-          }
-        }
-      });
-    },
-    onWorkTicketChange() {
-      const find = this.workTicketDetail.itemList.find(
-        (item) => item.itemId == this.itemId
-      );
-      if (find) this.videoItemList = [find];
-    },
-    getVideoItemInfoPoliceCameraItem() {
-      getVideoItemInfoPoliceCameraItemApi({
-        itemId: this.itemId,
-        projectSn: this.projectSn,
-      }).then((res) => {
-        if (res.code == 200) {
-          this.videoItemInfo = res.result;
-          // this.videoItemList = [
-          //   {
-          //     groupId: res.result.videoInfo.groupId,
-          //     password: res.result.config.port,
-          //     videoName: res.result.videoInfo.devName,
-          //     appId: res.result.config.appId,
-          //     enableNotPlugin: 1,
-          //     serialNumber: res.result.videoInfo.monitoringNumber,
-          //     videoType: 3,
-          //     defaultStreamType: 2,
-          //     itemId: res.result.videoInfo.itemId,
-          //     name: res.result.videoInfo.devName,
-          //     appSecret: res.result.config.appSecret,
-          //     deviceState: res.result.videoInfo.deviceState,
-          //     projectSn: res.result.config.projectSn,
-          //     account: res.result.config.ip,
-          //   },
-          // ];
-        }
-      });
-    },
-    // 删除
-    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: [],
+                teamIds: [],
+                applicationTime: "",
+                constructionTime: [],
+                operator: "",
+                workContent: "",
+                safetyMeasure: "",
+                workTicketAttachment: [],
+                otherAttachment: [],
+                safetyRiskAnalysis: [],
+                riskType: 1,
+            },
+            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",
+                    },
+                ],
+                // 敦煌升级
+                // constructionAreas: [
+                //   {
+                //     required: true,
+                //     message: "请选择施工区域",
+                //     trigger: "change",
+                //   },
+                // ],
+                applicants: [
+                    {
+                        required: true,
+                        message: "请选择申请单位",
+                        trigger: "change",
+                    },
+                ],
+                constructionAddr: [
+                    {
+                        required: true,
+                        message: "请输入施工地点",
+                        trigger: "blur",
+                    },
+                ],
+                riskType: [
+                    {
+                        required: true,
+                        message: "请选择风险级别",
+                        trigger: "change",
+                    },
+                ],
+            },
+            // 查询参数
+            queryParams: {
+                pageNo: 1,
+                pageSize: 10,
+                typeId: "",
+                constructionTime: [],
+                workTicketNumber: "",
+                status: "",
+                operator: "",
+                constructionAreas: "",
+            },
+            total: 0,
+            enterpriseInfoList: [],
+            teamListData: [],
+            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: {},
+            videoItemList: [],
+            videoConfig: {
+                enableNotPlugin: 1,
+            },
         };
-        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();
+        this.getProjectVideoConfigList();
     },
-    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: {
+        //查询项目各类型的视频配置信息
+        getProjectVideoConfigList() {
+            projectVideoConfigListApi({
+                projectSn: this.projectSn,
+            }).then((res) => {
+                if (res.code == 200) {
+                    if (res.result) {
+                        this.videoConfig = res.result;
+                    } else {
+                        this.videoConfig.enableNotPlugin = 1;
+                    }
+                }
+            });
+        },
+        // 查看回放
+        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(",") : [],
-          teamIds: row.teamIds ? row.teamIds.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.getTeamList();
-      }
-      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(","),
-        teamIds: this.workTicketForm.teamIds.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;
-        }
-      });
-    },
-    //获取企业的 - 班组列表
-    getTeamList() {
-      let data = {
-        enterpriseId: this.workTicketForm.applicants.join(","),
-        projectSn: this.projectSn,
-      };
-      getTeamInfoList(data).then((res) => {
-        if (res.code == 200) {
-          this.teamListData = res.result.list;
-        }
-      });
-    },
-    //获取项目配置信息
-    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 && 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.videoItemList = [
+                            {
+                                ...res.result.itemList[0],
+                                status: this.workTicketDetail.status,
+                            },
+                        ];
+                        console.log(111222, this.videoItemList);
+                        // this.getVideoItemInfoPoliceCameraItem();
+                    } else {
+                        this.itemId = "";
+                        this.videoItemInfo = {};
+                        this.videoItemList = [];
+                    }
+                }
+            });
+        },
+        onWorkTicketChange() {
+            const find = this.workTicketDetail.itemList.find(
+                (item) => item.itemId == this.itemId
+            );
+            if (find) this.videoItemList = [find];
+        },
+        getVideoItemInfoPoliceCameraItem() {
+            getVideoItemInfoPoliceCameraItemApi({
+                itemId: this.itemId,
+                projectSn: this.projectSn,
+            }).then((res) => {
+                if (res.code == 200) {
+                    this.videoItemInfo = res.result;
+                    // this.videoItemList = [
+                    //   {
+                    //     groupId: res.result.videoInfo.groupId,
+                    //     password: res.result.config.port,
+                    //     videoName: res.result.videoInfo.devName,
+                    //     appId: res.result.config.appId,
+                    //     enableNotPlugin: 1,
+                    //     serialNumber: res.result.videoInfo.monitoringNumber,
+                    //     videoType: 3,
+                    //     defaultStreamType: 2,
+                    //     itemId: res.result.videoInfo.itemId,
+                    //     name: res.result.videoInfo.devName,
+                    //     appSecret: res.result.config.appSecret,
+                    //     deviceState: res.result.videoInfo.deviceState,
+                    //     projectSn: res.result.config.projectSn,
+                    //     account: res.result.config.ip,
+                    //   },
+                    // ];
+                }
+            });
+        },
+        // 删除
+        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: "",
+                riskType: 1,
+                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(",") : [],
+                    teamIds: row.teamIds ? row.teamIds.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.getTeamList();
+            }
+            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(","),
+                teamIds:
+                    this.workTicketForm.teamIds instanceof Array
+                        ? this.workTicketForm.teamIds.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;
+                }
+            });
+        },
+        //获取企业的 - 班组列表
+        getTeamList() {
+            let data = {
+                enterpriseId: this.workTicketForm.applicants.join(","),
+                projectSn: this.projectSn,
+            };
+            getTeamInfoList(data).then((res) => {
+                if (res.code == 200) {
+                    this.teamListData = res.result.list;
+                }
+            });
+        },
+        //获取项目配置信息
+        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 && 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;
-  overflow-x: hidden;
+    padding: 0px;
+    max-height: 670px;
+    overflow-y: auto;
+    overflow-x: hidden;
 }
 /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;
+}
+.ybfx_active {
+    background-color: #88cf65;
+    color: #ffffff;
+}
+.gfx_active {
+    background-color: #ff0000;
+    color: #ffffff;
 }
 .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>