From dd4f2ce60b2cda1093d8808170d1777eb1b3d3ba Mon Sep 17 00:00:00 2001
From: wwp <782568523@qq.com>
Date: Fri, 19 Jul 2024 13:11:49 +0800
Subject: [PATCH 1/2] 12

---
 SafeCampus.WEB/.env                           |  2 +-
 .../src/api/interface/sys/monitor/camera.ts   |  7 ++
 .../src/api/modules/monitor/live.ts           |  8 +++
 SafeCampus.WEB/src/enums/formEnum.ts          | 10 ++-
 .../views/monitor/live/components/form.vue    |  1 +
 .../monitor/live/components/userForm.vue      | 70 +++++++++++++------
 .../src/views/monitor/live/index.vue          | 17 ++---
 .../src/views/sysconfig/ability/index.vue     | 37 +++++++---
 8 files changed, 108 insertions(+), 44 deletions(-)

diff --git a/SafeCampus.WEB/.env b/SafeCampus.WEB/.env
index 09e5344..329f2b1 100644
--- a/SafeCampus.WEB/.env
+++ b/SafeCampus.WEB/.env
@@ -1,5 +1,5 @@
 # title
-VITE_GLOB_APP_TITLE = 校园监控智能分析平台
+VITE_GLOB_APP_TITLE = AI监控预警分析平台
 
 # 本地运行端口号
 VITE_PORT = 8848
diff --git a/SafeCampus.WEB/src/api/interface/sys/monitor/camera.ts b/SafeCampus.WEB/src/api/interface/sys/monitor/camera.ts
index b5d6743..d5b6b11 100644
--- a/SafeCampus.WEB/src/api/interface/sys/monitor/camera.ts
+++ b/SafeCampus.WEB/src/api/interface/sys/monitor/camera.ts
@@ -57,4 +57,11 @@ export namespace sysCamera {
     id: number | string;
     name: string;
   }
+  // 设置推送人
+  export interface setGroup {
+    /** groupId */
+    groupId: number | string;
+    userId: number | string;
+    ids: number | string[];
+  }
 }
diff --git a/SafeCampus.WEB/src/api/modules/monitor/live.ts b/SafeCampus.WEB/src/api/modules/monitor/live.ts
index 1227609..b6cee10 100644
--- a/SafeCampus.WEB/src/api/modules/monitor/live.ts
+++ b/SafeCampus.WEB/src/api/modules/monitor/live.ts
@@ -44,6 +44,14 @@ const monitorLIVEApi = {
   setGroup(params: sysCamera.setGroup) {
     return http2.post<ResPage<sysCamera.MonitorInfo>>("batchSetGroup", params);
   },
+  // 根据分组批量设置推送人
+  setPushPerson(params: sysCamera.setGroup) {
+    return http2.post<ResPage<sysCamera.MonitorInfo>>("batchSetPushPersonByGroup", params);
+  },
+  // 对摄像头批量设置推送人
+  setVideoPushPerson(params: sysCamera.setGroup) {
+    return http2.post<ResPage<sysCamera.MonitorInfo>>("batchSetPushPerson", params);
+  },
   // 获取摄像头分组树
   groupList(params: sysCamera.Tree) {
     return http3.get<ResPage<sysCamera.MonitorInfo>>("getNoPageList");
diff --git a/SafeCampus.WEB/src/enums/formEnum.ts b/SafeCampus.WEB/src/enums/formEnum.ts
index 68792e3..c756366 100644
--- a/SafeCampus.WEB/src/enums/formEnum.ts
+++ b/SafeCampus.WEB/src/enums/formEnum.ts
@@ -22,5 +22,13 @@ export enum FormOptEnum {
   /** 查看 */
   VIEW = "查看",
   /** 删除 */
-  DELETE = "删除"
+  DELETE = "删除",
+  // 分组推送人
+  GroupPushPerson = "分组推送人",
+  // 视频推送人
+  VideoPushPerson = "视频推送人",
+  // 移动
+  MOVE = "移动",
+  // 分组
+  GROUP = "分组"
 }
diff --git a/SafeCampus.WEB/src/views/monitor/live/components/form.vue b/SafeCampus.WEB/src/views/monitor/live/components/form.vue
index f133cdf..744eaf3 100644
--- a/SafeCampus.WEB/src/views/monitor/live/components/form.vue
+++ b/SafeCampus.WEB/src/views/monitor/live/components/form.vue
@@ -78,6 +78,7 @@ function onOpen(props: FormProps.Base<SysOrg.SysOrgInfo>) {
   visible.value = true; //显示表单
   if (props.record.id) {
     //如果传了id，就去请求api获取record
+    return;
     bizOrgApi.detail({ id: props.record.id }).then(res => {
       orgProps.record = res.data;
     });
diff --git a/SafeCampus.WEB/src/views/monitor/live/components/userForm.vue b/SafeCampus.WEB/src/views/monitor/live/components/userForm.vue
index cb6b623..48ae156 100644
--- a/SafeCampus.WEB/src/views/monitor/live/components/userForm.vue
+++ b/SafeCampus.WEB/src/views/monitor/live/components/userForm.vue
@@ -15,10 +15,10 @@
         label-width="auto"
         label-suffix=" :"
       >
-        <s-form-item label="指定分组推送人" prop="directorId">
+        <s-form-item label="指定分组推送人" prop="userId">
           <el-button link type="primary" @click="showSelector">选择</el-button>
-          <el-tag v-if="liveUserProps.record.directorId" class="ml-3px" type="warning" closable @close="removeDirector">{{
-            liveUserProps.record.directorInfo?.name
+          <el-tag v-if="liveUserProps.record.userId" class="ml-3px" type="warning" closable @close="removeDirector">{{
+            liveUserProps.record.userInfo?.name
           }}</el-tag>
         </s-form-item>
       </el-form>
@@ -32,7 +32,7 @@
 </template>
 
 <script setup lang="ts">
-import { SysOrg, SysUser, sysOrgApi, sysPositionApi, sysRoleApi, sysUserApi } from "@/api";
+import { SysOrg, SysUser, sysOrgApi, sysPositionApi, sysRoleApi, sysUserApi, monitorLIVEApi } from "@/api";
 import { FormOptEnum, SysDictEnum } from "@/enums";
 import { required } from "@/utils/formRules";
 import { FormInstance } from "element-plus";
@@ -51,7 +51,7 @@ const liveUserProps = reactive<FormProps.Base<SysOrg.SysOrgInfo>>({
 
 // 表单验证规则
 const rules = reactive({
-  directorId: [required("请选择指定分组推送人")]
+  userId: [required("请选择指定分组推送人")]
 });
 
 /**
@@ -78,16 +78,40 @@ const userFormRef = ref<FormInstance>();
 async function handleSubmit() {
   userFormRef.value?.validate(async valid => {
     if (!valid) return; //表单验证失败
-    return;
-    //提交表单
-    await sysOrgApi
-      .submitForm(liveUserProps.record, liveUserProps.record.id != undefined)
-      .then(() => {
-        liveUserProps.successful!(); //调用父组件的successful方法
-      })
-      .finally(() => {
-        onClose();
-      });
+    console.log(liveUserProps, 888);
+    let params: any = {
+      groupId: "",
+      userId: "",
+      ids: []
+    };
+    if (liveUserProps.opt == "分组推送人") {
+      params.groupId = liveUserProps.record.id;
+      params.userId = liveUserProps.record.userId;
+      //提交表单
+      await monitorLIVEApi
+        .setPushPerson(params)
+        .then(() => {
+          liveUserProps.successful!(); //调用父组件的successful方法
+        })
+        .finally(() => {
+          onClose();
+        });
+    } else {
+      params.userId = liveUserProps.record.userId;
+      params.ids.push(liveUserProps.record.id);
+      //提交表单
+      await monitorLIVEApi
+        .setVideoPushPerson(params)
+        .then(() => {
+          liveUserProps.successful!(); //调用父组件的successful方法
+        })
+        .finally(() => {
+          onClose();
+        });
+      // delete params.
+    }
+    // console.log(params);
+    // return;
   });
 }
 
@@ -99,24 +123,24 @@ function onClose() {
 const userSelectorRef = ref<UserSelectorInstance>(); //用户选择器引用
 /** 显示用户选择器 */
 function showSelector() {
-  //将liveUserProps.record.directorInfo转为 SysUser.SysUserInfo[]类型
-  const directorInfo = liveUserProps.record.directorInfo ? [liveUserProps.record.directorInfo] : [];
-  userSelectorRef.value?.showSelector(directorInfo);
+  //将liveUserProps.record.userInfo转为 SysUser.SysUserInfo[]类型
+  const userInfo = liveUserProps.record.userInfo ? [liveUserProps.record.userInfo] : [];
+  userSelectorRef.value?.showSelector(userInfo);
 }
 
 /** 选择用户 */
 function handleChooseUser(data: SysUser.SysUserInfo[]) {
-  // 选择用户后，将用户id赋值给liveUserProps.record.directorId
+  // 选择用户后，将用户id赋值给liveUserProps.record.userId
   if (data.length > 0) {
-    liveUserProps.record.directorId = data[0].id;
-    liveUserProps.record.directorInfo = data[0];
+    liveUserProps.record.userId = data[0].id;
+    liveUserProps.record.userInfo = data[0];
   }
 }
 
 /** 移除主管 */
 function removeDirector() {
-  liveUserProps.record.directorId = null;
-  liveUserProps.record.directorInfo = null;
+  liveUserProps.record.userId = null;
+  liveUserProps.record.userInfo = null;
 }
 // 暴露给父组件的方法
 defineExpose({
diff --git a/SafeCampus.WEB/src/views/monitor/live/index.vue b/SafeCampus.WEB/src/views/monitor/live/index.vue
index cc18b5d..e679724 100644
--- a/SafeCampus.WEB/src/views/monitor/live/index.vue
+++ b/SafeCampus.WEB/src/views/monitor/live/index.vue
@@ -30,9 +30,11 @@
             <span class="custom-tree-node">
               <span class="node-label" :title="node.label">{{ node.label }}</span>
               <span v-if="data.id && data.id != '-1'">
-                <el-icon size="16" title="添加" @click.stop="append('add', data)"><CirclePlus /></el-icon>
+                <!-- <el-icon size="16" title="添加" @click.stop="append('add', data)"><CirclePlus /></el-icon> -->
                 <el-icon size="16" title="编辑" @click.stop="append('edit', data)" style="margin-left: 8px"><Edit /></el-icon>
-                <el-icon size="16" title="设置推送人" @click.stop="pushPerson('push', data)" style="margin-left: 8px"><UserFilled /></el-icon>
+                <el-icon size="16" title="设置推送人" @click.stop="pushPerson(FormOptEnum.GroupPushPerson, data)" style="margin-left: 8px"
+                  ><UserFilled
+                /></el-icon>
                 <el-icon size="16" title="删除" @click.stop="remove(data.id, '删除该分组')" style="margin-left: 8px"><Delete /></el-icon>
               </span>
             </span>
@@ -61,7 +63,7 @@
           <s-button link :opt="FormOptEnum.EDIT" @click="onOpen(FormOptEnum.EDIT, scope.row)">编辑</s-button>
           <s-button link :opt="FormOptEnum.VIEW" @click="onDetail(scope.row)"> 查看 </s-button>
           <s-button link :opt="FormOptEnum.DELETE" @click="onDelete([scope.row.id], `确定删除该摄像头吗？`)" />
-          <s-button link :opt="FormOptEnum.VIEW" @click="pushPerson(scope.row)"> 推送人 </s-button>
+          <s-button link :opt="FormOptEnum.VIEW" @click="pushPerson(FormOptEnum.VideoPushPerson, scope.row)"> 推送人 </s-button>
         </template>
       </ProTable>
       <!-- 添加分组弹框 -->
@@ -116,7 +118,7 @@ import VideoPlay from "@/components/VideoPlay/videoplay.vue";
 import { ElMessage, ElMessageBox, ElTree } from "element-plus";
 import type Node from "element-plus/es/components/tree/src/model/node";
 import { monitorLIVEApi, monitorLiveButtonCode } from "@/api";
-import { ZJRQ } from "@/api/interface";
+import { sysCamera } from "@/api/interface";
 import { useHandleData } from "@/hooks/useHandleData";
 import { ColumnProps, ProTableInstance } from "@/components/ProTable/interface";
 import { useDictStore } from "@/stores/modules";
@@ -234,11 +236,6 @@ const handleNodeClick = (data: Tree) => {
   proTable.value!.searchParam.groupId = data.id;
   proTable.value!.search();
 };
-
-// 设置分组推送人
-// async function pushPerson(type:string,data: Tree) {
-
-// }
 const visible = ref(false); //是否显示表单
 
 // 获取 ProTable 元素，调用其获取刷新数据方法（还能获取到当前查询参数，方便导出携带参数）
@@ -246,7 +243,7 @@ const proTable = ref<ProTableInstance>();
 const dictStore = useDictStore();
 
 // 表格配置项
-const columns: ColumnProps<ZJRQ.WarnInfo>[] = [
+const columns: ColumnProps<sysCamera.MonitorInfo>[] = [
   { type: "selection", fixed: "left", width: 80 },
   {
     prop: "sensorId",
diff --git a/SafeCampus.WEB/src/views/sysconfig/ability/index.vue b/SafeCampus.WEB/src/views/sysconfig/ability/index.vue
index cc6c9d8..ea59612 100644
--- a/SafeCampus.WEB/src/views/sysconfig/ability/index.vue
+++ b/SafeCampus.WEB/src/views/sysconfig/ability/index.vue
@@ -5,16 +5,32 @@
 !-->
 <template>
   <div class="abilityBox">
-    <TreeFilter ref="treeFilter" label="name" id="id" width="300px" :request-api="monitorLIVEApi.groupList" @change="changeGroup"> </TreeFilter>
+    <TreeFilter ref="treeFilter" title="摄像头分组" label="name" id="id" width="300px" :request-api="monitorLIVEApi.groupList" @change="changeGroup">
+    </TreeFilter>
 
-    <TreeFilter ref="treeFilters" label="sensorName" id="sensorId" :isData="true" width="300px" :data="videoList" @change="changeVideo"> </TreeFilter>
+    <TreeFilter
+      ref="treeFilters"
+      title="摄像头列表"
+      label="sensorName"
+      id="sensorId"
+      :isData="true"
+      width="300px"
+      :data="videoList"
+      @change="changeVideo"
+    >
+    </TreeFilter>
 
     <div class="card content-main">
       <el-collapse accordion>
         <el-collapse-item :name="ins" v-for="(item, ins) in warnGroupList" :key="item.cameraId[0]">
           <template #title>
             <div class="collapse-title" @click.stop="">
-              <div class="titlemodel">{{ item.name }} {{ item.cameraId[0] }}</div>
+              <div class="titlemodel">
+                <div style="width: 220px; text-align: left">{{ item.name }} {{ item.cameraId[0] }}</div>
+                <div style="margin-left: 20px">
+                  <el-button type="primary" size="small">设置推送人</el-button>
+                </div>
+              </div>
               <div class="btns">
                 <el-switch v-model="item.state" @change="stateChange" />
               </div>
@@ -29,12 +45,12 @@
             </div>
           </div> -->
             <el-row :gutter="20">
-              <el-col :span="6" v-for="(v, index) in item.subset" :key="v.code">
+              <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="6" v-for="(v, index) in item.subset" :key="v.code">
                 <div class="contentinfo">
                   <div class="modellabel">{{ v.name }}</div>
 
                   <div class="btns">
-                    <el-switch v-model="v.state" @change="stateChange" />
+                    <el-switch :disabled="item.state == false" v-model="v.state" @change="stateChange" />
                   </div>
                 </div>
               </el-col>
@@ -56,7 +72,7 @@ const value = ref(true);
 onMounted(() => {
   // 在这里执行其他需要在组件挂载后运行的代码
   getwarnGroup();
-  getVideoList()
+  getVideoList('')
 });
 const treeFilter = ref<InstanceType<typeof TreeFilter> | null>(null);
   const treeFilters = ref<InstanceType<typeof TreeFilter> | null>(null);
@@ -66,12 +82,13 @@ function changeGroup(val: number | string) {
   // proTable.value!.pageable.pageNum = 1;
   // proTable.value!.searchParam.personSetId = val;
   // proTable.value!.search();
-  // getVideoList(val.id)
+  getVideoList(val)
 }
 const videoList = ref<any>();
-function getVideoList() {
+function getVideoList(id:any) {
+  console.log(id,11)
   setTimeout(async () => {
-    await monitorLIVEApi.list({ pageNum: 1, pageSize: 1000 }).then(res => {
+    await monitorLIVEApi.list({ pageNum: 1, pageSize: 1000, groupId:id }).then(res => {
       videoList.value = res.data.list;
     });
   });
@@ -137,6 +154,8 @@ function stateChange() {
       justify-content: space-between;
       order: 1;
       .titlemodel {
+        display: flex;
+        align-items: center;
         margin-right: 40px;
         font-size: 18px;
       }

From 1e157aeb967688ff60ef8ae45036f476605fb966 Mon Sep 17 00:00:00 2001
From: wwp <782568523@qq.com>
Date: Fri, 19 Jul 2024 13:32:51 +0800
Subject: [PATCH 2/2] =?UTF-8?q?=E9=85=8D=E7=BD=AE=E8=AE=BE=E7=BD=AE?=
 =?UTF-8?q?=E4=BA=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/api/modules/monitor/live.ts           |   4 +
 .../src/views/monitor/live/index.vue          |   1 +
 .../sysconfig/ability/components/userForm.vue | 151 ++++++++++++++++++
 .../src/views/sysconfig/ability/index.vue     |  10 +-
 4 files changed, 165 insertions(+), 1 deletion(-)
 create mode 100644 SafeCampus.WEB/src/views/sysconfig/ability/components/userForm.vue

diff --git a/SafeCampus.WEB/src/api/modules/monitor/live.ts b/SafeCampus.WEB/src/api/modules/monitor/live.ts
index b6cee10..7df33f7 100644
--- a/SafeCampus.WEB/src/api/modules/monitor/live.ts
+++ b/SafeCampus.WEB/src/api/modules/monitor/live.ts
@@ -52,6 +52,10 @@ const monitorLIVEApi = {
   setVideoPushPerson(params: sysCamera.setGroup) {
     return http2.post<ResPage<sysCamera.MonitorInfo>>("batchSetPushPerson", params);
   },
+  // 对摄像头批量设置推送人
+  setWarningPushPerson(params: sysCamera.setGroup) {
+    return http2.post<ResPage<sysCamera.MonitorInfo>>("batchSetPushPersonByWarn", params);
+  },
   // 获取摄像头分组树
   groupList(params: sysCamera.Tree) {
     return http3.get<ResPage<sysCamera.MonitorInfo>>("getNoPageList");
diff --git a/SafeCampus.WEB/src/views/monitor/live/index.vue b/SafeCampus.WEB/src/views/monitor/live/index.vue
index e679724..a3507d9 100644
--- a/SafeCampus.WEB/src/views/monitor/live/index.vue
+++ b/SafeCampus.WEB/src/views/monitor/live/index.vue
@@ -63,6 +63,7 @@
           <s-button link :opt="FormOptEnum.EDIT" @click="onOpen(FormOptEnum.EDIT, scope.row)">编辑</s-button>
           <s-button link :opt="FormOptEnum.VIEW" @click="onDetail(scope.row)"> 查看 </s-button>
           <s-button link :opt="FormOptEnum.DELETE" @click="onDelete([scope.row.id], `确定删除该摄像头吗？`)" />
+          <!-- <el-button link type="primary" :icon="Avatar" /> -->
           <s-button link :opt="FormOptEnum.VIEW" @click="pushPerson(FormOptEnum.VideoPushPerson, scope.row)"> 推送人 </s-button>
         </template>
       </ProTable>
diff --git a/SafeCampus.WEB/src/views/sysconfig/ability/components/userForm.vue b/SafeCampus.WEB/src/views/sysconfig/ability/components/userForm.vue
new file mode 100644
index 0000000..d3b865e
--- /dev/null
+++ b/SafeCampus.WEB/src/views/sysconfig/ability/components/userForm.vue
@@ -0,0 +1,151 @@
+<!-- 
+ * @Description: 表单
+ * @Author: huguodong 
+ * @Date: 2023-12-15 15:45:28
+!-->
+<template>
+  <div>
+    <form-container v-model="visible" title="人员选择" form-size="600px">
+      <el-form
+        ref="userFormRef"
+        :rules="rules"
+        :disabled="liveUserProps.disabled"
+        :model="liveUserProps.record"
+        :hide-required-asterisk="liveUserProps.disabled"
+        label-width="auto"
+        label-suffix=" :"
+      >
+        <s-form-item label="指定分组推送人" prop="userId">
+          <el-button link type="primary" @click="showSelector">选择</el-button>
+          <el-tag v-if="liveUserProps.record.userId" class="ml-3px" type="warning" closable @close="removeDirector">{{
+            liveUserProps.record.userInfo?.name
+          }}</el-tag>
+        </s-form-item>
+      </el-form>
+      <template #footer>
+        <el-button @click="onClose"> 取消 </el-button>
+        <el-button v-show="!liveUserProps.disabled" type="primary" @click="handleSubmit"> 确定 </el-button>
+      </template>
+    </form-container>
+    <user-selector ref="userSelectorRef" :org-tree-api="sysOrgApi.tree" :user-selector-api="sysUserApi.selector" @successful="handleChooseUser" />
+  </div>
+</template>
+
+<script setup lang="ts">
+import { SysOrg, SysUser, sysOrgApi, sysPositionApi, sysRoleApi, sysUserApi, monitorLIVEApi } from "@/api";
+import { FormOptEnum, SysDictEnum } from "@/enums";
+import { required } from "@/utils/formRules";
+import { FormInstance } from "element-plus";
+import { useDictStore } from "@/stores/modules";
+import { UserSelectorInstance } from "@/components/Selectors/UserSelector/interface";
+
+const visible = ref(false); //是否显示表单
+const dictStore = useDictStore(); //字典仓库
+
+// 表单参数
+const liveUserProps = reactive<FormProps.Base<SysOrg.SysOrgInfo>>({
+  opt: FormOptEnum.ADD,
+  record: {},
+  disabled: false
+});
+
+// 表单验证规则
+const rules = reactive({
+  userId: [required("请选择指定分组推送人")]
+});
+
+/**
+ * 打开表单
+ * @param props 表单参数
+ */
+function onOpen(props: FormProps.Base<SysOrg.SysOrgInfo>) {
+  Object.assign(liveUserProps, props); //合并参数
+  if (props.opt == FormOptEnum.ADD) {
+    //如果是新增,设置默认值
+  }
+  visible.value = true; //显示表单
+  //   if (props.record.id) {
+  //     //如果传了id，就去请求api获取record
+  //     sysOrgApi.detail({ id: props.record.id }).then(res => {
+  //       liveUserProps.record = res.data;
+  //     });
+  //   }
+}
+
+// 提交数据（新增/编辑）
+const userFormRef = ref<FormInstance>();
+/** 提交表单 */
+async function handleSubmit() {
+  userFormRef.value?.validate(async valid => {
+    if (!valid) return; //表单验证失败
+    console.log(liveUserProps, 888);
+    let params: any = {
+      groupId: "",
+      userId: "",
+      ids: []
+    };
+    if (liveUserProps.opt == "分组推送人") {
+      params.groupId = liveUserProps.record.id;
+      params.userId = liveUserProps.record.userId;
+      //提交表单
+      await monitorLIVEApi
+        .setPushPerson(params)
+        .then(() => {
+          liveUserProps.successful!(); //调用父组件的successful方法
+        })
+        .finally(() => {
+          onClose();
+        });
+    } else {
+      params.userId = liveUserProps.record.userId;
+      params.warnCode = liveUserProps.record.code;
+      //提交表单
+      await monitorLIVEApi
+        .setWarningPushPerson(params)
+        .then(() => {
+          liveUserProps.successful!(); //调用父组件的successful方法
+        })
+        .finally(() => {
+          onClose();
+        });
+      // delete params.
+    }
+    // console.log(params);
+    // return;
+  });
+}
+
+/** 关闭表单*/
+function onClose() {
+  visible.value = false;
+}
+
+const userSelectorRef = ref<UserSelectorInstance>(); //用户选择器引用
+/** 显示用户选择器 */
+function showSelector() {
+  //将liveUserProps.record.userInfo转为 SysUser.SysUserInfo[]类型
+  const userInfo = liveUserProps.record.userInfo ? [liveUserProps.record.userInfo] : [];
+  userSelectorRef.value?.showSelector(userInfo);
+}
+
+/** 选择用户 */
+function handleChooseUser(data: SysUser.SysUserInfo[]) {
+  // 选择用户后，将用户id赋值给liveUserProps.record.userId
+  if (data.length > 0) {
+    liveUserProps.record.userId = data[0].id;
+    liveUserProps.record.userInfo = data[0];
+  }
+}
+
+/** 移除主管 */
+function removeDirector() {
+  liveUserProps.record.userId = null;
+  liveUserProps.record.userInfo = null;
+}
+// 暴露给父组件的方法
+defineExpose({
+  onOpen
+});
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/SafeCampus.WEB/src/views/sysconfig/ability/index.vue b/SafeCampus.WEB/src/views/sysconfig/ability/index.vue
index ea59612..95f785b 100644
--- a/SafeCampus.WEB/src/views/sysconfig/ability/index.vue
+++ b/SafeCampus.WEB/src/views/sysconfig/ability/index.vue
@@ -28,7 +28,7 @@
               <div class="titlemodel">
                 <div style="width: 220px; text-align: left">{{ item.name }} {{ item.cameraId[0] }}</div>
                 <div style="margin-left: 20px">
-                  <el-button type="primary" size="small">设置推送人</el-button>
+                  <el-button @click="pushPerson(FormOptEnum.VideoPushPerson, item)" type="primary" size="small">设置推送人</el-button>
                 </div>
               </div>
               <div class="btns">
@@ -59,6 +59,8 @@
         </el-collapse-item>
       </el-collapse>
     </div>
+    <!-- 人员选择 -->
+    <userForm ref="userFormRef" />
   </div>
 </template>
 
@@ -67,6 +69,8 @@ import { ref, watch, provide, onMounted, unref, computed, reactive } from "vue";
 import TreeFilter from "@/components/TreeFilter/index.vue";
 import { ElMessage } from "element-plus";
 import { abilityApi, userManageClassManageApi, monitorLIVEApi } from "@/api";
+import { FormOptEnum, SysDictEnum, MenuTypeDictEnum } from "@/enums";
+import userForm from "./components/userForm.vue";
 
 const value = ref(true);
 onMounted(() => {
@@ -116,6 +120,10 @@ function getwarnGroup() {
     });
   });
 }
+const userFormRef = ref<InstanceType<typeof Form> | null>(null);
+function pushPerson(opt: FormOptEnum, record: {} | SysOrg.SysOrgInfo = {}) {
+  userFormRef.value?.onOpen({ opt: opt, record: record, successful: getwarnGroup });
+}
 // 开关
 function stateChange() {
   let params: string = JSON.stringify(warnGroupList.value);