配置设置人

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");

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>

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>

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);