feat 直播框区域名称动态变化

src/views/equipmentList/list.vue

@@ -123,7 +123,7 @@
     <el-dialog v-model="dialog1.visible" class="monitor-dialog" :before-close="handleMonitorDialogClose" fullscreen destroy-on-close>
       <template #header>
         <div class="flex w-full items-center justify-between gap-2 min-w-0 pr-8">
-          <span class="truncate">实时监控-{{ monitoringArea }}监控</span>
+          <span class="truncate">{{ videoName }}-{{ monitoringArea }}监控</span>
           <div>
             <el-button v-if="!seeSee" type="primary" class="shrink-0" @click="drawImage()">绘制区域</el-button>
             <el-button v-if="seeSee" type="primary" class="shrink-0" @click="clearImage()">清空区域</el-button>
@@ -165,6 +165,7 @@ const multiple = ref(true);
 const total = ref(0);
 const seeSee = ref(0);
 const haveCode = ref(false);
+const videoName = ref<string>('实时监控');
 
 const queryFormRef = ref<ElFormInstance>();
 const demoFormRef = ref<ElFormInstance>();
@@ -603,6 +604,7 @@ const payload = ref<AlarmAreaData[]>([]);
 const drawImage = () => {
   resetMonitorDraw();
   monitorDrawCollecting.value = true;
+  videoName.value = '绘制区域';
   proxy?.$modal.msgSuccess('请在视频画面上连续点击两个点，生成报警区域');
 };
 
@@ -729,6 +731,13 @@ const handleExport = () => {
 onMounted(() => {
   getList();
 });
+
+watch(
+  () => seeSee.value,
+  (newValue) => {
+    videoName.value = newValue === 1 ? '绘制区域' : '实时监控';
+  }
+);
 </script>
 
 <style scoped lang="scss">