选点样式

src/components/map_tools/index.vue

@@ -1,16 +1,29 @@
 <template>
   <div id="bi_container">
     <div id="map" class="map_bg"></div>
-    <el-button v-show="type === 1" type="primary" @click="confrim"
-      >完成绘制</el-button
-    >
-    <el-button v-show="type === 1" type="primary" @click="clear"
-      >清除绘制</el-button
-    >
-    <el-button v-show="type === 1" type="primary" @click="reduction"
-      >还原建筑</el-button
-    >
-    <span>当前选中楼层id:{{ model_id }}</span>
+    <div class="options">
+      <template v-if="type === 1">
+        <div class="option" @click="confrim">
+          <div>
+            <img src="/src/assets/images/map_tools/icon1.png" alt="" />
+          </div>
+          <div class="label">完成绘制</div>
+        </div>
+        <div class="option" @click="clear">
+          <div>
+            <img src="/src/assets/images/map_tools/icon2.png" alt="" />
+          </div>
+          <div class="label">清除绘制</div>
+        </div>
+        <div class="option" @click="reduction">
+          <div>
+            <img src="/src/assets/images/map_tools/icon3.png" alt="" />
+          </div>
+          <div class="label">还原建筑</div>
+        </div>
+      </template>
+      <div class="id">当前选中楼层id：{{ model_id }}</div>
+    </div>
   </div>
 </template>
 
@@ -32,22 +45,18 @@ import { getEnterpriseInfo } from "@/request/enterprise_management.js";
 const props = defineProps({
   type: {
     type: Number,
-    required: true,
     default: 1,
   },
   positions: {
     type: Array,
-    required: true,
     default: () => [],
   },
   position: {
     type: Array,
-    required: true,
     default: () => [],
   },
   modUuid: {
     type: String,
-    required: true,
     default: "",
   },
 });
@@ -88,17 +97,48 @@ onBeforeUnmount(() => {
   window.$carmer = null;
 });
 </script>
+
 <style scoped lang="scss">
 #bi_container {
   width: 100%;
-  height: 500px;
+  height: 600px;
   color: #ffffff;
   position: relative;
   font-size: 14px;
 
   .map_bg {
     width: 100%;
-    height: 100%;
+    height: 540px;
+  }
+
+  .options {
+    margin-top: 10px;
+    display: flex;
+    align-items: center;
+    padding: 10px;
+
+    .option {
+      margin-right: 20px;
+      cursor: pointer;
+      text-align: center;
+
+      img {
+        width: 46px;
+        height: 46px;
+      }
+
+      .label {
+        margin-top: 10px;
+        font-size: 12px;
+      }
+    }
+
+    .id {
+      background-color: #1b284a;
+      padding: 10px;
+      border-radius: 4px;
+      height: 37px;
+    }
   }
 }
 </style>

src/views/alarm_configuration/other_alarm_configurations/index.vue

@@ -111,7 +111,6 @@ import { nextTick, reactive } from "vue";
 const props = defineProps({
   isGatheringAlarm: {
     type: String,
-    required: true,
     default: "0",
   },
 });

src/views/map_settings/assignment_ticket_area_settings/components/selecting_points.vue

@@ -1,6 +1,6 @@
 <template>
   <el-dialog v-model="visible" title="选点" :on-close="fnClose">
-    <map-tools v-if="visible" ref="mapToolsRef" v-model:positions="positions" />
+    <map-tools v-if="visible" v-model:positions="positions" />
     <template #footer>
       <el-button @click="fnClose">关闭</el-button>
       <el-button type="primary" @click="fnSubmit">保存</el-button>
@@ -23,9 +23,9 @@ const props = defineProps({
     default: false,
   },
   id: {
-    type: Number,
+    type: String,
     required: true,
-    default: 0,
+    default: "",
   },
 });
 const emits = defineEmits(["update:visible", "get-data"]);

src/views/map_settings/assignment_ticket_area_settings/index.vue

@@ -129,7 +129,6 @@ import SelectingPoints from "./components/selecting_points.vue";
 const props = defineProps({
   type: {
     type: String,
-    required: true,
     default: "1",
   },
 });

src/views/video_manager/video_manager/components/selecting_points.vue

@@ -1,11 +1,6 @@
 <template>
   <el-dialog v-model="visible" title="选点" :on-close="fnClose">
-    <map-tools
-      v-if="visible"
-      ref="mapToolsRef"
-      v-model:position="position"
-      :type="2"
-    />
+    <map-tools v-if="visible" v-model:position="position" :type="2" />
     <template #footer>
       <el-button @click="fnClose">关闭</el-button>
       <el-button type="primary" @click="fnSubmit">保存</el-button>
@@ -28,9 +23,9 @@ const props = defineProps({
     default: false,
   },
   id: {
-    type: Number,
+    type: String,
     required: true,
-    default: 0,
+    default: "",
   },
 });
 const emits = defineEmits(["update:visible", "get-data"]);
@@ -46,7 +41,12 @@ const fnSubmit = debounce(
       ElMessage.warning("请选择坐标点");
       return;
     }
-    await setPositioning({ camId: props.id, lon: position.value[0], lat: position.value[1], alt: position.value[2] });
+    await setPositioning({
+      camId: props.id,
+      lon: position.value[0],
+      lat: position.value[1],
+      alt: position.value[2],
+    });
     ElMessage.success("保存成功");
     fnClose();
     emits("get-data");