From cb763a17221a5520d6887b2470b5276e0855ede7 Mon Sep 17 00:00:00 2001
From: zhanghua <314079846@qq.com>
Date: 星期三, 14 十二月 2022 17:14:00 +0800
Subject: [PATCH] 删除debugger

---
 src/views/intelligentPatrol/studyJudge/index.vue |   76 +++++++++++++++++++++++++++----------
 1 files changed, 55 insertions(+), 21 deletions(-)

diff --git a/src/views/intelligentPatrol/studyJudge/index.vue b/src/views/intelligentPatrol/studyJudge/index.vue
index 03bad9f..70710da 100644
--- a/src/views/intelligentPatrol/studyJudge/index.vue
+++ b/src/views/intelligentPatrol/studyJudge/index.vue
@@ -2,9 +2,10 @@
   <div class="study-judge">
     <div class="study-judge-header">
       <span
-        >鎮ㄦ湁{{ countData.review }}鏉″緟瀹℃牳鎶ヨ淇℃伅,浠婃棩绔嬫{{
-          countData.register
-        }}鏉�,鍐嶅涔爗{ countData.study }}鏉�</span
+        >鎮ㄦ湁<span @click="openDialogTable">{{ countData.review }}</span
+        >鏉″緟瀹℃牳鎶ヨ淇℃伅,浠婃棩绔嬫{{ countData.register }}鏉�,鍐嶅涔爗{
+          countData.study
+        }}鏉�</span
       >
     </div>
     <div class="study-judge-main">
@@ -16,11 +17,11 @@
         </div>
         <div class="sjm-header-right">
           <el-button size="small" @click="createVideo(currentEvent, 'live')"
-            >瀹炴椂棰勮</el-button
-          >
+            >瀹炴椂棰勮
+          </el-button>
           <el-button size="small" @click="createVideo(currentEvent, 'playback')"
-            >褰曞儚鍥炴斁</el-button
-          >
+            >褰曞儚鍥炴斁
+          </el-button>
         </div>
       </div>
       <div class="sjm-content">
@@ -41,7 +42,14 @@
           </div>
         </div>
         <div class="sjm-content-center">
-          <!-- <iframe src="https://183.245.159.161:8282/OneMap/index.html#/OneMap?code=2&clientVersion=&skin=white&locale=zh&otherAuthor=allowable"></iframe> -->
+          <div class="map">
+            <MyMap :point="point" :zoom="zoom" :mark="mark"></MyMap>
+
+            <!-- <iframe
+              style="height: 488px; min-width: 460px"
+              src="https://183.245.159.161:8282/OneMap/index.html#/OneMap?code=2&clientVersion=&skin=white&locale=zh&otherAuthor=allowable"
+            ></iframe> -->
+          </div>
         </div>
         <div class="sjm-content-right">
           <div class="card-box">
@@ -95,8 +103,8 @@
                     :label="item.id"
                     v-for="item in stateList"
                     :key="item.id"
-                    >{{ item.label }}</el-radio
-                  >
+                    >{{ item.label }}
+                  </el-radio>
                 </el-radio-group>
               </el-form-item>
               <el-form-item label="澶х被鍚嶇О:" prop="categoryId">
@@ -143,11 +151,11 @@
                 <el-button
                   :disabled="currentPage === 1"
                   @click="pageChange('prev')"
-                  >涓婁竴鏉�</el-button
-                >
+                  >涓婁竴鏉�
+                </el-button>
                 <el-button @click.native.prevent="handleConfirm"
-                  >纭</el-button
-                >
+                  >纭
+                </el-button>
                 <el-button @click="pageChange('next')">涓嬩竴鏉�</el-button>
               </el-form-item>
             </el-form>
@@ -174,6 +182,9 @@
         <div id="dom1" class="dom1"></div>
       </div>
     </el-dialog>
+    <el-dialog :visible.sync="isShowTable" title="鎶ヨ淇℃伅" width="1200px">
+      <inspection-table />
+    </el-dialog>
   </div>
 </template>
 
@@ -184,9 +195,12 @@
 import { FILE_ORIGINAL_URL } from "@/utils";
 import { validateCarNum } from "@/utils/validate";
 import MyDispatch from "@/components/dispatch";
+import InspectionTable from "@/views/intelligentPatrol/studyJudge/inspectionTable/index.vue";
+
+import MyMap from "@/components/map";
 
 export default {
-  components: { MyDispatch },
+  components: { MyDispatch, MyMap, InspectionTable },
   created() {
     this.getInspectionData();
     this.initEventParams();
@@ -221,8 +235,8 @@
   },
   mounted() {
     this.timer = setInterval(() => {
-      setTimeout(this.getInspectionData, 0)
-    }, 1000*10)
+      setTimeout(this.getInspectionData, 0);
+    }, 1000 * 10);
   },
   data() {
     const validateCarNumber = (rule, value, callback) => {
@@ -237,12 +251,13 @@
       }
     };
     return {
-      timer:null,
+      timer: null,
       countData: {
         study: 0,
         review: 0,
         register: 0,
       },
+      isShowTable: false,
       currentEvent: {},
       stateList: [
         {
@@ -308,9 +323,15 @@
       domId: "dom1",
       ctrl: "ctrl1",
       playType: "live",
+      point: null,
+      mark: null,
+      zoom: null,
     };
   },
   methods: {
+    openDialogTable() {
+      this.isShowTable = true;
+    },
     pageChange(type) {
       if (type === "next") {
         this.currentPage += 1;
@@ -325,6 +346,12 @@
         .getInspectionData({ current: this.currentPage })
         .then(({ records }) => {
           this.currentEvent = records[0];
+          this.point = {
+            x: this.currentEvent.longitude,
+            y: this.currentEvent.latitude,
+          };
+          this.zoom = 19;
+          this.mark = { title: this.currentEvent.address };
           if (this.currentEvent?.picData) {
             this.imageList = this.currentEvent.picData
               .split(",")
@@ -569,7 +596,7 @@
   beforeDestroy() {
     clearInterval(this.timer);
     this.timer = null;
-  }
+  },
 };
 </script>
 
@@ -598,7 +625,6 @@
           margin-left: 4vw;
         }
       }
-
       .sjm-header-right {
         flex: 1;
         display: flex;
@@ -633,6 +659,9 @@
         }
       }
 
+      .sjm-content-center {
+        width: calc(100% - 800px);
+      }
       .sjm-content-right {
         .card-box {
           .card-header {
@@ -646,7 +675,7 @@
 
   .el-form {
     ::v-deep .el-form-item {
-      margin-bottom: 5px;
+      margin-bottom: 15px;
     }
 
     ::v-deep .el-form-item__label {
@@ -658,4 +687,9 @@
     color: #4b9bb7;
   }
 }
+
+.map {
+  height: 100%;
+  min-width: 460px;
+}
 </style>

--
Gitblit v1.8.0