From 6f722fd40047103177e8ccfa4c84a7e0f7a9a885 Mon Sep 17 00:00:00 2001
From: wl <173@qq.com>
Date: 星期三, 14 十二月 2022 15:51:01 +0800
Subject: [PATCH] 违规检索分页

---
 src/views/intelligentPatrol/studyJudge/index.vue |   62 +++++++++++++++++++++---------
 1 files changed, 43 insertions(+), 19 deletions(-)

diff --git a/src/views/intelligentPatrol/studyJudge/index.vue b/src/views/intelligentPatrol/studyJudge/index.vue
index c71e937..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">
@@ -42,9 +43,13 @@
         </div>
         <div class="sjm-content-center">
           <div class="map">
-            <MyMap></MyMap>
+            <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>
-          <!-- <iframe src="https://183.245.159.161:8282/OneMap/index.html#/OneMap?code=2&clientVersion=&skin=white&locale=zh&otherAuthor=allowable"></iframe> -->
         </div>
         <div class="sjm-content-right">
           <div class="card-box">
@@ -98,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">
@@ -146,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>
@@ -177,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>
 
@@ -187,11 +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, MyMap },
+  components: { MyDispatch, MyMap, InspectionTable },
   created() {
     this.getInspectionData();
     this.initEventParams();
@@ -248,6 +257,7 @@
         review: 0,
         register: 0,
       },
+      isShowTable: false,
       currentEvent: {},
       stateList: [
         {
@@ -313,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;
@@ -330,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(",")
@@ -603,7 +625,6 @@
           margin-left: 4vw;
         }
       }
-
       .sjm-header-right {
         flex: 1;
         display: flex;
@@ -638,6 +659,9 @@
         }
       }
 
+      .sjm-content-center {
+        width: calc(100% - 800px);
+      }
       .sjm-content-right {
         .card-box {
           .card-header {
@@ -651,7 +675,7 @@
 
   .el-form {
     ::v-deep .el-form-item {
-      margin-bottom: 5px;
+      margin-bottom: 15px;
     }
 
     ::v-deep .el-form-item__label {
@@ -665,7 +689,7 @@
 }
 
 .map {
-  height: 488px;
+  height: 100%;
   min-width: 460px;
 }
 </style>

--
Gitblit v1.8.0