From 52d7fdefb80482cf3cc9c22c616176bf3e54f79f Mon Sep 17 00:00:00 2001
From: fangyuan <527392886@qq.com>
Date: 星期三, 14 十二月 2022 16:08:57 +0800
Subject: [PATCH] 图片管理页面修改

---
 src/views/intelligentPatrol/studyJudge/index.vue |   80 +++++++++++++++++++++++++++++++--------
 1 files changed, 63 insertions(+), 17 deletions(-)

diff --git a/src/views/intelligentPatrol/studyJudge/index.vue b/src/views/intelligentPatrol/studyJudge/index.vue
index 35d74c5..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">
@@ -40,7 +41,16 @@
             <img :src="item" />
           </div>
         </div>
-        <div class="sjm-content-center">鍦板浘瀹瑰櫒</div>
+        <div class="sjm-content-center">
+          <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">
             <div class="card-header">
@@ -93,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">
@@ -141,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>
@@ -172,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>
 
@@ -182,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();
@@ -217,6 +233,11 @@
       })
       .catch((err) => this.$message.error(err));
   },
+  mounted() {
+    this.timer = setInterval(() => {
+      setTimeout(this.getInspectionData, 0);
+    }, 1000 * 10);
+  },
   data() {
     const validateCarNumber = (rule, value, callback) => {
       if (value) {
@@ -230,11 +251,13 @@
       }
     };
     return {
+      timer: null,
       countData: {
         study: 0,
         review: 0,
         register: 0,
       },
+      isShowTable: false,
       currentEvent: {},
       stateList: [
         {
@@ -300,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;
@@ -317,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(",")
@@ -558,6 +593,10 @@
       return y + "-" + m + "-" + d + " " + h + ":" + minute + ":" + second;
     },
   },
+  beforeDestroy() {
+    clearInterval(this.timer);
+    this.timer = null;
+  },
 };
 </script>
 
@@ -586,7 +625,6 @@
           margin-left: 4vw;
         }
       }
-
       .sjm-header-right {
         flex: 1;
         display: flex;
@@ -621,6 +659,9 @@
         }
       }
 
+      .sjm-content-center {
+        width: calc(100% - 800px);
+      }
       .sjm-content-right {
         .card-box {
           .card-header {
@@ -634,7 +675,7 @@
 
   .el-form {
     ::v-deep .el-form-item {
-      margin-bottom: 5px;
+      margin-bottom: 15px;
     }
 
     ::v-deep .el-form-item__label {
@@ -646,4 +687,9 @@
     color: #4b9bb7;
   }
 }
+
+.map {
+  height: 100%;
+  min-width: 460px;
+}
 </style>

--
Gitblit v1.8.0