From ff65a74e6d2a4c1166cc7d5d6fb38ddfefcb2306 Mon Sep 17 00:00:00 2001
From: LiuJiaNan <liujianan@zcloudchina.com>
Date: Fri, 23 Feb 2024 16:54:19 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=9A=E4=BD=8D=E7=AE=A1=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/css/element.scss                   |   4 +
 .../cluster_alarm_area/index.vue              |   9 +
 .../cluster_alarm_configuration/index.vue     |   9 +
 .../gathering_silent_areas/index.vue          |   9 +
 .../components/add.vue                        | 469 ++++++++++++------
 .../other_alarm_configurations/index.vue      |  31 +-
 .../components/add.vue                        |   9 +-
 .../assignment_ticket_area_settings/index.vue |  17 +-
 8 files changed, 387 insertions(+), 170 deletions(-)
 create mode 100644 src/views/aggregation_management/cluster_alarm_area/index.vue
 create mode 100644 src/views/aggregation_management/cluster_alarm_configuration/index.vue
 create mode 100644 src/views/aggregation_management/gathering_silent_areas/index.vue

diff --git a/src/assets/css/element.scss b/src/assets/css/element.scss
index f46406f..fe42715 100644
--- a/src/assets/css/element.scss
+++ b/src/assets/css/element.scss
@@ -406,3 +406,7 @@
     --el-notification-close-hover-color: #000 !important;
   }
 }
+
+.el-color-predefine__color-selector.selected {
+  --el-color-primary: #fff !important;
+}
diff --git a/src/views/aggregation_management/cluster_alarm_area/index.vue b/src/views/aggregation_management/cluster_alarm_area/index.vue
new file mode 100644
index 0000000..df257c3
--- /dev/null
+++ b/src/views/aggregation_management/cluster_alarm_area/index.vue
@@ -0,0 +1,9 @@
+<template>
+  <index-view type="3" />
+</template>
+
+<script setup>
+import IndexView from "@/views/map_settings/assignment_ticket_area_settings/index.vue";
+</script>
+
+<style scoped lang="scss"></style>
diff --git a/src/views/aggregation_management/cluster_alarm_configuration/index.vue b/src/views/aggregation_management/cluster_alarm_configuration/index.vue
new file mode 100644
index 0000000..24c9930
--- /dev/null
+++ b/src/views/aggregation_management/cluster_alarm_configuration/index.vue
@@ -0,0 +1,9 @@
+<template>
+  <index-view is-gathering-alarm="1" />
+</template>
+
+<script setup>
+import IndexView from "@/views/alarm_configuration/other_alarm_configurations/index.vue";
+</script>
+
+<style scoped lang="scss"></style>
diff --git a/src/views/aggregation_management/gathering_silent_areas/index.vue b/src/views/aggregation_management/gathering_silent_areas/index.vue
new file mode 100644
index 0000000..8d9f38d
--- /dev/null
+++ b/src/views/aggregation_management/gathering_silent_areas/index.vue
@@ -0,0 +1,9 @@
+<template>
+  <index-view type="2" />
+</template>
+
+<script setup>
+import IndexView from "@/views/map_settings/assignment_ticket_area_settings/index.vue";
+</script>
+
+<style scoped lang="scss"></style>
diff --git a/src/views/alarm_configuration/other_alarm_configurations/components/add.vue b/src/views/alarm_configuration/other_alarm_configurations/components/add.vue
index 41b3025..44d99bb 100644
--- a/src/views/alarm_configuration/other_alarm_configurations/components/add.vue
+++ b/src/views/alarm_configuration/other_alarm_configurations/components/add.vue
@@ -11,82 +11,232 @@
             <el-input v-model="form.eleName" />
           </el-form-item>
         </el-col>
-        <el-col :span="24">
-          <el-form-item label="所属图层" prop="regId">
-            <el-select v-model="form.regId" filterable multiple>
-              <el-option
-                v-for="item in regionList"
-                :key="item.id"
-                :value="item.id"
-                :disabled="item.list.length === 0 || item.status === '1'"
-                :label="`${item.regName}（${item.layName}）`"
-              >
-                <div style="display: flex; justify-content: space-between">
-                  <div>{{ item.regName }}（图层：{{ item.layName }}）</div>
-                  <div>
-                    <span v-if="item.list.length === 0" class="text-red">
-                      [未选点]
-                    </span>
-                    <span v-if="item.status === '1'" class="text-red ml-10">
-                      [已停用]
-                    </span>
+        <template v-if="isGatheringAlarm === '0'">
+          <el-col :span="24">
+            <el-form-item label="所属图层" prop="regId">
+              <el-select v-model="form.regId" filterable multiple>
+                <el-option
+                  v-for="item in regionList"
+                  :key="item.id"
+                  :value="item.id"
+                  :disabled="item.list.length === 0 || item.status === '1'"
+                  :label="`${item.regName}（${item.layName}）`"
+                >
+                  <div style="display: flex; justify-content: space-between">
+                    <div>{{ item.regName }}（图层：{{ item.layName }}）</div>
+                    <div>
+                      <span v-if="item.list.length === 0" class="text-red">
+                        [未选点]
+                      </span>
+                      <span v-if="item.status === '1'" class="text-red ml-10">
+                        [已停用]
+                      </span>
+                    </div>
                   </div>
-                </div>
-              </el-option>
-            </el-select>
-          </el-form-item>
-        </el-col>
-        <el-col :span="12">
-          <el-form-item label="告警类型" prop="eleType">
-            <el-select v-model="form.eleType" multiple>
-              <el-option
-                v-for="item in alarmTypeList"
-                :key="item.id"
-                :label="item.label"
-                :value="item.id"
+                </el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="告警类型" prop="eleType">
+              <el-select v-model="form.eleType" multiple>
+                <el-option
+                  v-for="item in alarmTypeList"
+                  :key="item.id"
+                  :label="item.label"
+                  :value="item.id"
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="围栏颜色" prop="color">
+              <el-color-picker v-model="form.color" :predefine="predefine" />
+            </el-form-item>
+          </el-col>
+          <template v-if="form.eleType.includes('1')">
+            <el-col :span="24">
+              <el-divider>滞留告警参数</el-divider>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="滞留时间(秒)" prop="resTime">
+                <el-select v-model="form.resTime">
+                  <el-option
+                    v-for="item in timeList"
+                    :key="item"
+                    :label="item"
+                    :value="item"
+                  />
+                </el-select>
+              </el-form-item>
+            </el-col>
+          </template>
+          <template v-if="form.eleType.includes('2')">
+            <el-col :span="24">
+              <el-divider>越界告警参数</el-divider>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="告警间隔(秒)" prop="eleTimeCrossed">
+                <el-select v-model="form.eleTimeCrossed">
+                  <el-option
+                    v-for="item in timeList"
+                    :key="item"
+                    :label="item"
+                    :value="item"
+                  />
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="允许进入人员" prop="eleCrossed">
+                <el-select v-model="form.eleCrossed" multiple>
+                  <el-option
+                    v-for="item in timeList"
+                    :key="item"
+                    :label="item"
+                    :value="item"
+                  />
+                </el-select>
+              </el-form-item>
+            </el-col>
+          </template>
+          <template v-if="form.eleType.includes('3')">
+            <el-col :span="24">
+              <el-divider>超员告警参数</el-divider>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="告警间隔(秒)" prop="eleTimeOver">
+                <el-select v-model="form.eleTimeOver">
+                  <el-option
+                    v-for="item in timeList"
+                    :key="item"
+                    :label="item"
+                    :value="item"
+                  />
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="最大人数" prop="overNum">
+                <el-input v-model.number="form.overNum" />
+              </el-form-item>
+            </el-col>
+          </template>
+          <template v-if="form.eleType.includes('4')">
+            <el-col :span="24">
+              <el-divider>缺员告警参数</el-divider>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="告警间隔(秒)" prop="eleTimeLack">
+                <el-select v-model="form.eleTimeLack">
+                  <el-option
+                    v-for="item in timeList"
+                    :key="item"
+                    :label="item"
+                    :value="item"
+                  />
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="最小人数" prop="lackNum">
+                <el-input v-model.number="form.lackNum" />
+              </el-form-item>
+            </el-col>
+          </template>
+          <template v-if="form.eleType.includes('5')">
+            <el-col :span="24">
+              <el-divider>静止告警参数</el-divider>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="静止时间(秒)" prop="stillTime">
+                <el-select v-model="form.stillTime">
+                  <el-option
+                    v-for="item in timeList"
+                    :key="item"
+                    :label="item"
+                    :value="item"
+                  />
+                </el-select>
+              </el-form-item>
+            </el-col>
+          </template>
+          <template v-if="form.eleType.includes('7')">
+            <el-col :span="24">
+              <el-divider>串岗告警参数</el-divider>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="告警间隔(秒)" prop="eleTimeDept">
+                <el-select v-model="form.eleTimeDept">
+                  <el-option
+                    v-for="item in timeList"
+                    :key="item"
+                    :label="item"
+                    :value="item"
+                  />
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="允许进入部门" prop="eleDept">
+                <el-select v-model="form.eleDept" multiple>
+                  <el-option
+                    v-for="item in timeList"
+                    :key="item"
+                    :label="item"
+                    :value="item"
+                  />
+                </el-select>
+              </el-form-item>
+            </el-col>
+          </template>
+        </template>
+        <template v-if="isGatheringAlarm === '1'">
+          <el-col :span="12">
+            <el-form-item label="聚集告警区域" prop="regGatherId">
+              <el-select v-model="form.regGatherId" multiple>
+                <el-option
+                  v-for="item in clusterAlarmAreaList"
+                  :key="item.id"
+                  :label="`${item.regName}（${item.layName}）`"
+                  :value="item.id"
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="围栏颜色" prop="gatherColor">
+              <el-color-picker
+                v-model="form.gatherColor"
+                :predefine="predefine"
               />
-            </el-select>
-          </el-form-item>
-        </el-col>
-        <el-col :span="12">
-          <el-form-item label="围栏颜色" prop="color">
-            <el-color-picker
-              v-model="form.color"
-              :predefine="[
-                '#ff1900',
-                '#ff8c00',
-                '#fff200',
-                '#006aff',
-                '#00ff1e',
-                '#000000',
-              ]"
-            />
-          </el-form-item>
-        </el-col>
-        <template v-if="form.eleType.includes('1')">
-          <el-col :span="24">
-            <el-divider>滞留告警参数</el-divider>
+            </el-form-item>
           </el-col>
           <el-col :span="12">
-            <el-form-item label="滞留时间(秒)" prop="resTime">
-              <el-select v-model="form.resTime">
+            <el-form-item label="聚集静默区域" prop="regId">
+              <el-select v-model="form.regId" multiple>
                 <el-option
-                  v-for="item in timeList"
-                  :key="item"
-                  :label="item"
-                  :value="item"
+                  v-for="item in gatheringSilentAreasList"
+                  :key="item.id"
+                  :label="`${item.regName}（${item.layName}）`"
+                  :value="item.id"
                 />
               </el-select>
             </el-form-item>
           </el-col>
-        </template>
-        <template v-if="form.eleType.includes('2')">
-          <el-col :span="24">
-            <el-divider>越界告警参数</el-divider>
+          <el-col :span="12">
+            <el-form-item label="围栏颜色" prop="color">
+              <el-color-picker v-model="form.color" :predefine="predefine" />
+            </el-form-item>
           </el-col>
           <el-col :span="12">
-            <el-form-item label="告警间隔(秒)" prop="eleTimeCrossed">
-              <el-select v-model="form.eleTimeCrossed">
+            <el-form-item label="聚集半径(米)" prop="triggerRadius">
+              <el-input v-model.number="form.triggerRadius" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="聚集时间(秒)" prop="eleTimeGather">
+              <el-select v-model="form.eleTimeGather">
                 <el-option
                   v-for="item in timeList"
                   :key="item"
@@ -97,105 +247,42 @@
             </el-form-item>
           </el-col>
           <el-col :span="12">
-            <el-form-item label="允许进入人员" prop="eleCrossed">
-              <el-select v-model="form.eleCrossed" multiple>
-                <el-option
-                  v-for="item in timeList"
-                  :key="item"
-                  :label="item"
-                  :value="item"
-                />
-              </el-select>
-            </el-form-item>
-          </el-col>
-        </template>
-        <template v-if="form.eleType.includes('3')">
-          <el-col :span="24">
-            <el-divider>超员告警参数</el-divider>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="告警间隔(秒)" prop="eleTimeOver">
-              <el-select v-model="form.eleTimeOver">
-                <el-option
-                  v-for="item in timeList"
-                  :key="item"
-                  :label="item"
-                  :value="item"
-                />
-              </el-select>
+            <el-form-item label="一级聚集阈值" prop="gatherParameterA">
+              <el-input v-model.number="form.gatherParameterA" />
             </el-form-item>
           </el-col>
           <el-col :span="12">
-            <el-form-item label="最大人数" prop="overNum">
-              <el-input v-model="form.overNum" />
-            </el-form-item>
-          </el-col>
-        </template>
-        <template v-if="form.eleType.includes('4')">
-          <el-col :span="24">
-            <el-divider>缺员告警参数</el-divider>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="告警间隔(秒)" prop="eleTimeLack">
-              <el-select v-model="form.eleTimeLack">
-                <el-option
-                  v-for="item in timeList"
-                  :key="item"
-                  :label="item"
-                  :value="item"
-                />
-              </el-select>
+            <el-form-item label="一级聚集颜色" prop="gatherParameterColorA">
+              <el-color-picker
+                v-model="form.gatherParameterColorA"
+                :predefine="predefine"
+              />
             </el-form-item>
           </el-col>
           <el-col :span="12">
-            <el-form-item label="最小人数" prop="lackNum">
-              <el-input v-model="form.lackNum" />
-            </el-form-item>
-          </el-col>
-        </template>
-        <template v-if="form.eleType.includes('5')">
-          <el-col :span="24">
-            <el-divider>静止告警参数</el-divider>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="静止时间(秒)" prop="stillTime">
-              <el-select v-model="form.stillTime">
-                <el-option
-                  v-for="item in timeList"
-                  :key="item"
-                  :label="item"
-                  :value="item"
-                />
-              </el-select>
-            </el-form-item>
-          </el-col>
-        </template>
-        <template v-if="form.eleType.includes('7')">
-          <el-col :span="24">
-            <el-divider>串岗告警参数</el-divider>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="告警间隔(秒)" prop="eleTimeDept">
-              <el-select v-model="form.eleTimeDept">
-                <el-option
-                  v-for="item in timeList"
-                  :key="item"
-                  :label="item"
-                  :value="item"
-                />
-              </el-select>
+            <el-form-item label="二级聚集阈值" prop="gatherParameterB">
+              <el-input v-model.number="form.gatherParameterB" />
             </el-form-item>
           </el-col>
           <el-col :span="12">
-            <el-form-item label="允许进入部门" prop="eleDept">
-              <el-select v-model="form.eleDept" multiple>
-                <el-option
-                  v-for="item in timeList"
-                  :key="item"
-                  :label="item"
-                  :value="item"
-                />
-              </el-select>
+            <el-form-item label="二级聚集颜色" prop="gatherParameterColorB">
+              <el-color-picker
+                v-model="form.gatherParameterColorB"
+                :predefine="predefine"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="三级聚集阈值" prop="gatherParameterC">
+              <el-input v-model.number="form.gatherParameterC" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="三级聚集颜色" prop="gatherParameterColorC">
+              <el-color-picker
+                v-model="form.gatherParameterColorC"
+                :predefine="predefine"
+              />
             </el-form-item>
           </el-col>
         </template>
@@ -236,6 +323,11 @@ const props = defineProps({
     required: true,
     default: "",
   },
+  isGatheringAlarm: {
+    type: String,
+    required: true,
+    default: "",
+  },
 });
 const emits = defineEmits(["update:visible", "update:form", "get-data"]);
 const { visible, form } = useVModels(props, emits);
@@ -248,9 +340,23 @@ const alarmTypeList = [
   { id: "7", label: "越界报警" },
 ];
 const timeList = [10, 20, 30, 60, 120, 300, 600];
+const predefine = [
+  "#ff1900",
+  "#ff8c00",
+  "#fff200",
+  "#006aff",
+  "#00ff1e",
+  "#000000",
+];
 const rules = {
   eleName: [{ required: true, message: "请输入名称", trigger: "blur" }],
-  regId: [{ required: true, message: "请选择所属图层", trigger: "change" }],
+  regId: [
+    {
+      required: props.isGatheringAlarm === "0",
+      message: "请选择所属图层",
+      trigger: "change",
+    },
+  ],
   eleType: [{ required: true, message: "请选择告警类型", trigger: "change" }],
   color: [{ required: true, message: "请选择围栏颜色", trigger: "change" }],
   resTime: [{ required: true, message: "请选择滞留时间", trigger: "change" }],
@@ -275,18 +381,58 @@ const rules = {
   eleTimeDept: [
     { required: true, message: "请选择告警间隔", trigger: "change" },
   ],
+  regGatherId: [
+    { required: true, message: "请选择聚集告警区域", trigger: "change" },
+  ],
+  gatherColor: [
+    { required: true, message: "请选择围栏颜色", trigger: "change" },
+  ],
+  triggerRadius: [
+    { required: true, message: "请输入聚集半径", trigger: "blur" },
+    { type: "number", message: "请输入数字", trigger: "blur" },
+  ],
+  eleTimeGather: [
+    { required: true, message: "请选择聚集时间", trigger: "change" },
+  ],
+  gatherParameterA: [
+    { required: true, message: "请输入一级聚集阈值", trigger: "blur" },
+    { type: "number", message: "请输入数字", trigger: "blur" },
+  ],
+  gatherParameterColorA: [
+    { required: true, message: "请选择一级聚集颜色", trigger: "change" },
+  ],
+  gatherParameterB: [
+    { required: true, message: "请输入二级聚集阈值", trigger: "blur" },
+    { type: "number", message: "请输入数字", trigger: "blur" },
+  ],
+  gatherParameterColorB: [
+    { required: true, message: "请选择二级聚集颜色", trigger: "change" },
+  ],
+  gatherParameterC: [
+    { required: true, message: "请输入三级聚集阈值", trigger: "blur" },
+    { type: "number", message: "请输入数字", trigger: "blur" },
+  ],
+  gatherParameterColorC: [
+    { required: true, message: "请选择三级聚集颜色", trigger: "change" },
+  ],
 };
 const formRef = ref(null);
 const regionList = ref([]);
-const fnGetRegionList = async () => {
+const clusterAlarmAreaList = ref([]);
+const gatheringSilentAreasList = ref([]);
+const fnGetRegionList = async (type) => {
   const resData = await getAssignmentTicketAreaSettingsList({
     currentPage: 1,
     showCount: 99999,
-    type: 0,
+    type,
   });
-  regionList.value = resData.rows;
+  if (type === 0) regionList.value = resData.rows;
+  if (type === 2) gatheringSilentAreasList.value = resData.rows;
+  if (type === 3) clusterAlarmAreaList.value = resData.rows;
 };
-fnGetRegionList();
+props.isGatheringAlarm === "0" && fnGetRegionList(0);
+props.isGatheringAlarm === "1" && fnGetRegionList(2);
+props.isGatheringAlarm === "1" && fnGetRegionList(3);
 const fnClose = () => {
   formRef.value.resetFields();
   visible.value = false;
@@ -297,12 +443,13 @@ const fnSubmit = debounce(
     await useFormValidate(formRef);
     const params = {
       ...form.value,
+      isGatheringAlarm: props.isGatheringAlarm,
       regId: JSON.stringify(form.value.regId),
       eleType: JSON.stringify(form.value.eleType),
       eleCrossed: JSON.stringify(form.value.eleCrossed),
       eleDept: JSON.stringify(form.value.eleDept),
+      regGatherId: JSON.stringify(form.value.regGatherId),
     };
-    console.log(params);
     props.type === "add"
       ? await setOtherAlarmConfigurationsAdd(params)
       : await setOtherAlarmConfigurationsEdit(params);
diff --git a/src/views/alarm_configuration/other_alarm_configurations/index.vue b/src/views/alarm_configuration/other_alarm_configurations/index.vue
index bf8c378..c0c2b65 100644
--- a/src/views/alarm_configuration/other_alarm_configurations/index.vue
+++ b/src/views/alarm_configuration/other_alarm_configurations/index.vue
@@ -40,10 +40,12 @@
         <el-table-column label="名称" prop="eleName" />
         <el-table-column label="所属图层区域">
           <template #default="{ row }">
-            {{ row.regions.map((item) => item.regName).join("、") }}
+            {{ row.regions?.map((item) => item.regName).join("、") }}
           </template>
         </el-table-column>
-        <el-table-column label="类型">其它告警</el-table-column>
+        <el-table-column label="类型">
+          {{ typeList[isGatheringAlarm] }}
+        </el-table-column>
         <el-table-column label="状态" width="100">
           <template #default="{ row }">
             {{ row.status === "1" ? "停用" : "启用" }}
@@ -86,6 +88,7 @@
       v-model:visible="data.addOrEditDialog.visible"
       v-model:form="data.addOrEditDialog.form"
       :type="data.addOrEditDialog.type"
+      :is-gathering-alarm="isGatheringAlarm"
       @get-data="fnResetPagination"
     />
   </div>
@@ -105,9 +108,20 @@ import {
 import Add from "./components/add.vue";
 import { nextTick, reactive } from "vue";
 
+const props = defineProps({
+  isGatheringAlarm: {
+    type: String,
+    required: true,
+    default: "0",
+  },
+});
+const typeList = {
+  0: "其它告警",
+  1: "聚集告警",
+};
 const { list, searchForm, tableRef, pagination, fnGetData, fnResetPagination } =
   useListData(getOtherAlarmConfigurationsList, {
-    otherParams: { isGatheringAlarm: 0 },
+    otherParams: { isGatheringAlarm: props.isGatheringAlarm },
     defaultSearchForm: { str: "" },
     key: "rows",
   });
@@ -130,6 +144,16 @@ const data = reactive({
       stillTime: "",
       eleTimeDept: "",
       eleDept: [],
+      regGatherId: [],
+      gatherColor: "#ff1900",
+      triggerRadius: "",
+      eleTimeGather: "",
+      gatherParameterA: "",
+      gatherParameterColorA: "#ff1900",
+      gatherParameterB: "",
+      gatherParameterColorB: "#ff8c00",
+      gatherParameterC: "",
+      gatherParameterColorC: "#fff200",
     },
   },
 });
@@ -177,6 +201,7 @@ const fnAddOrEdit = async (id, type) => {
   if (type === "edit") {
     const resData = await getOtherAlarmConfigurationsView({ id });
     resData.data.regId = resData.data.regId.map(Number);
+    resData.data.regGatherId = resData.data.regGatherId.map(Number);
     data.addOrEditDialog.form = resData.data;
   }
 };
diff --git a/src/views/map_settings/assignment_ticket_area_settings/components/add.vue b/src/views/map_settings/assignment_ticket_area_settings/components/add.vue
index 570a579..78876bc 100644
--- a/src/views/map_settings/assignment_ticket_area_settings/components/add.vue
+++ b/src/views/map_settings/assignment_ticket_area_settings/components/add.vue
@@ -8,7 +8,11 @@
       <el-form-item label="名称" prop="regName">
         <el-input v-model="form.regName" />
       </el-form-item>
-      <el-form-item label="所属图层" prop="layId">
+      <el-form-item
+        v-if="queryType === '1' || queryType === '0'"
+        label="所属图层"
+        prop="layId"
+      >
         <el-select v-model="form.layId" filterable>
           <el-option
             v-for="item in selectRegionTreeVoList"
@@ -72,7 +76,8 @@ const fnGetSelectRegionTreeVo = async () => {
   const resData = await getSelectRegionTreeVo();
   selectRegionTreeVoList.value = resData.data;
 };
-fnGetSelectRegionTreeVo();
+(props.queryType === "1" || props.queryType === "0") &&
+  fnGetSelectRegionTreeVo();
 const fnClose = () => {
   formRef.value.resetFields();
   visible.value = false;
diff --git a/src/views/map_settings/assignment_ticket_area_settings/index.vue b/src/views/map_settings/assignment_ticket_area_settings/index.vue
index 3ae906c..7b39eb4 100644
--- a/src/views/map_settings/assignment_ticket_area_settings/index.vue
+++ b/src/views/map_settings/assignment_ticket_area_settings/index.vue
@@ -38,10 +38,12 @@
           </template>
         </el-table-column>
         <el-table-column label="名称" prop="regName" />
-        <el-table-column label="类型">
-          {{ type === 1 ? "作业票区域" : "告警区域" }}
-        </el-table-column>
-        <el-table-column label="所属图层" prop="layName" />
+        <el-table-column label="类型">{{ typeList[type] }}</el-table-column>
+        <el-table-column
+          v-if="type === '1' || type === '0'"
+          label="所属图层"
+          prop="layName"
+        />
         <el-table-column label="定位状态" width="100">
           <template #default="{ row }">
             {{ row.list.length > 0 ? "已定位" : "未选点" }}
@@ -126,9 +128,16 @@ import SelectingPoints from "./components/selecting_points.vue";
 const props = defineProps({
   type: {
     type: String,
+    required: true,
     default: "1",
   },
 });
+const typeList = {
+  1: "作业票区域",
+  0: "告警区域",
+  3: "聚集告警区域",
+  2: "聚集静默区域",
+};
 const { list, searchForm, tableRef, pagination, fnGetData, fnResetPagination } =
   useListData(getAssignmentTicketAreaSettingsList, {
     otherParams: { type: props.type },