add videoMonitor

dev_xd
lijun 2024-12-28 09:52:23 +08:00
parent 72fe8bdc16
commit 9d75715d31
9 changed files with 1166 additions and 0 deletions

View File

@ -0,0 +1,231 @@
package com.yanzhu.manage.domain;
import com.fasterxml.jackson.annotation.JsonFormat;
import org.apache.commons.lang3.builder.ToStringBuilder;
import org.apache.commons.lang3.builder.ToStringStyle;
import com.yanzhu.common.core.annotation.Excel;
import com.yanzhu.common.core.web.domain.BaseEntity;
import java.util.Date;
/**
* pro_video_monitor
*
* @author yanzhu
* @date 2024-12-25
*/
public class ProVideoMonitor extends BaseEntity
{
private static final long serialVersionUID = 1L;
/** $column.columnComment */
private Long id;
/** $column.columnComment */
@Excel(name = "${comment}", readConverterExp = "$column.readConverterExp()")
private Long comId;
/** $column.columnComment */
@Excel(name = "${comment}", readConverterExp = "$column.readConverterExp()")
private Long projectId;
/** 监控名称 */
@Excel(name = "监控名称")
private String monitorName;
/** 监控类型 */
@Excel(name = "监控类型")
private String monitorType;
/** 监控连接 */
@Excel(name = "监控连接")
private String url;
/** AppKey */
@Excel(name = "AppKey")
private String appkey;
/** Secret */
@Excel(name = "Secret")
private String secret;
/** 设备厂商 */
@Excel(name = "设备厂商")
private String manufacturer;
/** 是否关键点 */
@Excel(name = "是否关键点")
private Long keyPoint;
/** $column.columnComment */
@Excel(name = "${comment}", readConverterExp = "$column.readConverterExp()")
private Long state;
/** $column.columnComment */
@Excel(name = "${comment}", readConverterExp = "$column.readConverterExp()")
private Long isDel;
/** $column.columnComment */
@Excel(name = "${comment}", readConverterExp = "$column.readConverterExp()")
private Date upadteTime;
private String compName;
private String projectName;
public String getCompName() {
return compName;
}
public void setCompName(String compName) {
this.compName = compName;
}
public String getProjectName() {
return projectName;
}
public void setProjectName(String projectName) {
this.projectName = projectName;
}
public void setId(Long id)
{
this.id = id;
}
public Long getId()
{
return id;
}
public void setComId(Long comId)
{
this.comId = comId;
}
public Long getComId()
{
return comId;
}
public void setProjectId(Long projectId)
{
this.projectId = projectId;
}
public Long getProjectId()
{
return projectId;
}
public void setMonitorName(String monitorName)
{
this.monitorName = monitorName;
}
public String getMonitorName()
{
return monitorName;
}
public void setMonitorType(String monitorType)
{
this.monitorType = monitorType;
}
public String getMonitorType()
{
return monitorType;
}
public void setUrl(String url)
{
this.url = url;
}
public String getUrl()
{
return url;
}
public void setAppkey(String appkey)
{
this.appkey = appkey;
}
public String getAppkey()
{
return appkey;
}
public void setSecret(String secret)
{
this.secret = secret;
}
public String getSecret()
{
return secret;
}
public void setManufacturer(String manufacturer)
{
this.manufacturer = manufacturer;
}
public String getManufacturer()
{
return manufacturer;
}
public void setKeyPoint(Long keyPoint)
{
this.keyPoint = keyPoint;
}
public Long getKeyPoint()
{
return keyPoint;
}
public void setState(Long state)
{
this.state = state;
}
public Long getState()
{
return state;
}
public void setIsDel(Long isDel)
{
this.isDel = isDel;
}
public Long getIsDel()
{
return isDel;
}
public void setUpadteTime(Date upadteTime)
{
this.upadteTime = upadteTime;
}
public Date getUpadteTime()
{
return upadteTime;
}
@Override
public String toString() {
return new ToStringBuilder(this,ToStringStyle.MULTI_LINE_STYLE)
.append("id", getId())
.append("comId", getComId())
.append("projectId", getProjectId())
.append("monitorName", getMonitorName())
.append("monitorType", getMonitorType())
.append("url", getUrl())
.append("appkey", getAppkey())
.append("secret", getSecret())
.append("manufacturer", getManufacturer())
.append("keyPoint", getKeyPoint())
.append("remark", getRemark())
.append("state", getState())
.append("isDel", getIsDel())
.append("createBy", getCreateBy())
.append("createTime", getCreateTime())
.append("updateBy", getUpdateBy())
.append("upadteTime", getUpadteTime())
.toString();
}
}

View File

@ -0,0 +1,61 @@
package com.yanzhu.manage.mapper;
import java.util.List;
import com.yanzhu.manage.domain.ProVideoMonitor;
/**
* Mapper
*
* @author yanzhu
* @date 2024-12-25
*/
public interface ProVideoMonitorMapper
{
/**
*
*
* @param id
* @return
*/
public ProVideoMonitor selectProVideoMonitorById(Long id);
/**
*
*
* @param proVideoMonitor
* @return
*/
public List<ProVideoMonitor> selectProVideoMonitorList(ProVideoMonitor proVideoMonitor);
/**
*
*
* @param proVideoMonitor
* @return
*/
public int insertProVideoMonitor(ProVideoMonitor proVideoMonitor);
/**
*
*
* @param proVideoMonitor
* @return
*/
public int updateProVideoMonitor(ProVideoMonitor proVideoMonitor);
/**
*
*
* @param id
* @return
*/
public int deleteProVideoMonitorById(Long id);
/**
*
*
* @param ids
* @return
*/
public int deleteProVideoMonitorByIds(Long[] ids);
}

View File

@ -0,0 +1,134 @@
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE mapper
PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
"http://mybatis.org/dtd/mybatis-3-mapper.dtd">
<mapper namespace="com.yanzhu.manage.mapper.ProVideoMonitorMapper">
<resultMap type="ProVideoMonitor" id="ProVideoMonitorResult">
<result property="id" column="id" />
<result property="comId" column="com_id" />
<result property="projectId" column="project_id" />
<result property="monitorName" column="monitor_name" />
<result property="monitorType" column="monitor_type" />
<result property="url" column="url" />
<result property="appkey" column="appkey" />
<result property="secret" column="secret" />
<result property="manufacturer" column="manufacturer" />
<result property="keyPoint" column="key_point" />
<result property="remark" column="remark" />
<result property="state" column="state" />
<result property="isDel" column="is_del" />
<result property="createBy" column="create_by" />
<result property="createTime" column="create_time" />
<result property="updateBy" column="update_by" />
<result property="upadteTime" column="upadte_time" />
<result property="compName" column="comp_name"/>
<result property="projectName" column="project_name"/>
</resultMap>
<sql id="selectProVideoMonitorVo">
select pv.id, pv.com_id, pv.project_id, pv.monitor_name, pv.monitor_type, pv.url, pv.appkey, pv.secret,
pv.manufacturer, pv.key_point, pv.remark, pv.state, pv.is_del, pv.create_by, pv.create_time,
pv.update_by, pv.upadte_time,dp.`dept_name` comp_name,pi.`project_name`
from pro_video_monitor pv
LEFT JOIN sys_dept dp ON pv.com_id=dp.dept_id
LEFT JOIN pro_project_info pi ON pv.project_id=pi.id
</sql>
<select id="selectProVideoMonitorList" parameterType="ProVideoMonitor" resultMap="ProVideoMonitorResult">
<include refid="selectProVideoMonitorVo"/>
<where>
<if test="comId != null "> and pv.com_id = #{comId}</if>
<if test="projectId != null "> and pv.project_id = #{projectId}</if>
<if test="monitorName != null and monitorName != ''"> and pv.monitor_name like concat('%', #{monitorName}, '%')</if>
<if test="monitorType != null and monitorType != ''"> and pv.monitor_type = #{monitorType}</if>
<if test="url != null and url != ''"> and pv.url = #{url}</if>
<if test="appkey != null and appkey != ''"> and pv.appkey = #{appkey}</if>
<if test="secret != null and secret != ''"> and pv.secret = #{secret}</if>
<if test="manufacturer != null and manufacturer != ''"> and pv.manufacturer = #{manufacturer}</if>
<if test="keyPoint != null "> and pv.key_point = #{keyPoint}</if>
<if test="state != null "> and pv.state = #{state}</if>
<if test="isDel != null "> and pv.is_del = #{isDel}</if>
<if test="upadteTime != null "> and pv.upadte_time = #{upadteTime}</if>
</where>
</select>
<select id="selectProVideoMonitorById" parameterType="Long" resultMap="ProVideoMonitorResult">
<include refid="selectProVideoMonitorVo"/>
where pv.id = #{id}
</select>
<insert id="insertProVideoMonitor" parameterType="ProVideoMonitor" useGeneratedKeys="true" keyProperty="id">
insert into pro_video_monitor
<trim prefix="(" suffix=")" suffixOverrides=",">
<if test="comId != null">com_id,</if>
<if test="projectId != null">project_id,</if>
<if test="monitorName != null">monitor_name,</if>
<if test="monitorType != null">monitor_type,</if>
<if test="url != null">url,</if>
<if test="appkey != null">appkey,</if>
<if test="secret != null">secret,</if>
<if test="manufacturer != null">manufacturer,</if>
<if test="keyPoint != null">key_point,</if>
<if test="remark != null">remark,</if>
<if test="state != null">state,</if>
<if test="isDel != null">is_del,</if>
<if test="createBy != null">create_by,</if>
<if test="createTime != null">create_time,</if>
<if test="updateBy != null">update_by,</if>
<if test="upadteTime != null">upadte_time,</if>
</trim>
<trim prefix="values (" suffix=")" suffixOverrides=",">
<if test="comId != null">#{comId},</if>
<if test="projectId != null">#{projectId},</if>
<if test="monitorName != null">#{monitorName},</if>
<if test="monitorType != null">#{monitorType},</if>
<if test="url != null">#{url},</if>
<if test="appkey != null">#{appkey},</if>
<if test="secret != null">#{secret},</if>
<if test="manufacturer != null">#{manufacturer},</if>
<if test="keyPoint != null">#{keyPoint},</if>
<if test="remark != null">#{remark},</if>
<if test="state != null">#{state},</if>
<if test="isDel != null">#{isDel},</if>
<if test="createBy != null">#{createBy},</if>
<if test="createTime != null">#{createTime},</if>
<if test="updateBy != null">#{updateBy},</if>
<if test="upadteTime != null">#{upadteTime},</if>
</trim>
</insert>
<update id="updateProVideoMonitor" parameterType="ProVideoMonitor">
update pro_video_monitor
<trim prefix="SET" suffixOverrides=",">
<if test="comId != null">com_id = #{comId},</if>
<if test="projectId != null">project_id = #{projectId},</if>
<if test="monitorName != null">monitor_name = #{monitorName},</if>
<if test="monitorType != null">monitor_type = #{monitorType},</if>
<if test="url != null">url = #{url},</if>
<if test="appkey != null">appkey = #{appkey},</if>
<if test="secret != null">secret = #{secret},</if>
<if test="manufacturer != null">manufacturer = #{manufacturer},</if>
<if test="keyPoint != null">key_point = #{keyPoint},</if>
<if test="remark != null">remark = #{remark},</if>
<if test="state != null">state = #{state},</if>
<if test="isDel != null">is_del = #{isDel},</if>
<if test="createBy != null">create_by = #{createBy},</if>
<if test="createTime != null">create_time = #{createTime},</if>
<if test="updateBy != null">update_by = #{updateBy},</if>
<if test="upadteTime != null">upadte_time = #{upadteTime},</if>
</trim>
where id = #{id}
</update>
<delete id="deleteProVideoMonitorById" parameterType="Long">
delete from pro_video_monitor where id = #{id}
</delete>
<delete id="deleteProVideoMonitorByIds" parameterType="String">
delete from pro_video_monitor where id in
<foreach item="id" collection="array" open="(" separator="," close=")">
#{id}
</foreach>
</delete>
</mapper>

View File

@ -0,0 +1,103 @@
package com.yanzhu.manage.controller;
import java.util.List;
import javax.servlet.http.HttpServletResponse;
import com.yanzhu.common.core.utils.poi.ExcelUtil;
import com.yanzhu.common.core.web.controller.BaseController;
import com.yanzhu.common.core.web.domain.AjaxResult;
import com.yanzhu.common.core.web.page.TableDataInfo;
import com.yanzhu.common.log.annotation.Log;
import com.yanzhu.common.log.enums.BusinessType;
import com.yanzhu.common.security.annotation.RequiresPermissions;
import com.yanzhu.manage.domain.ProVideoMonitor;
import com.yanzhu.manage.service.IProVideoMonitorService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.PutMapping;
import org.springframework.web.bind.annotation.DeleteMapping;
import org.springframework.web.bind.annotation.PathVariable;
import org.springframework.web.bind.annotation.RequestBody;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;
/**
* Controller
*
* @author yanzhu
* @date 2024-12-25
*/
@RestController
@RequestMapping("/videoMonitor")
public class ProVideoMonitorController extends BaseController
{
@Autowired
private IProVideoMonitorService proVideoMonitorService;
/**
*
*/
@RequiresPermissions("manage:videoMonitor:list")
@GetMapping("/list")
public TableDataInfo list(ProVideoMonitor proVideoMonitor)
{
startPage();
List<ProVideoMonitor> list = proVideoMonitorService.selectProVideoMonitorList(proVideoMonitor);
return getDataTable(list);
}
/**
*
*/
@RequiresPermissions("manage:videoMonitor:export")
@Log(title = "延迟摄影管理", businessType = BusinessType.EXPORT)
@PostMapping("/export")
public void export(HttpServletResponse response, ProVideoMonitor proVideoMonitor)
{
List<ProVideoMonitor> list = proVideoMonitorService.selectProVideoMonitorList(proVideoMonitor);
ExcelUtil<ProVideoMonitor> util = new ExcelUtil<ProVideoMonitor>(ProVideoMonitor.class);
util.exportExcel(response, list, "延迟摄影管理数据");
}
/**
*
*/
@RequiresPermissions("manage:videoMonitor:query")
@GetMapping(value = "/{id}")
public AjaxResult getInfo(@PathVariable("id") Long id)
{
return success(proVideoMonitorService.selectProVideoMonitorById(id));
}
/**
*
*/
@RequiresPermissions("manage:videoMonitor:add")
@Log(title = "延迟摄影管理", businessType = BusinessType.INSERT)
@PostMapping
public AjaxResult add(@RequestBody ProVideoMonitor proVideoMonitor)
{
return toAjax(proVideoMonitorService.insertProVideoMonitor(proVideoMonitor));
}
/**
*
*/
@RequiresPermissions("manage:videoMonitor:edit")
@Log(title = "延迟摄影管理", businessType = BusinessType.UPDATE)
@PutMapping
public AjaxResult edit(@RequestBody ProVideoMonitor proVideoMonitor)
{
return toAjax(proVideoMonitorService.updateProVideoMonitor(proVideoMonitor));
}
/**
*
*/
@RequiresPermissions("manage:videoMonitor:remove")
@Log(title = "延迟摄影管理", businessType = BusinessType.DELETE)
@DeleteMapping("/{ids}")
public AjaxResult remove(@PathVariable Long[] ids)
{
return toAjax(proVideoMonitorService.deleteProVideoMonitorByIds(ids));
}
}

View File

@ -0,0 +1,61 @@
package com.yanzhu.manage.service;
import java.util.List;
import com.yanzhu.manage.domain.ProVideoMonitor;
/**
* Service
*
* @author yanzhu
* @date 2024-12-25
*/
public interface IProVideoMonitorService
{
/**
*
*
* @param id
* @return
*/
public ProVideoMonitor selectProVideoMonitorById(Long id);
/**
*
*
* @param proVideoMonitor
* @return
*/
public List<ProVideoMonitor> selectProVideoMonitorList(ProVideoMonitor proVideoMonitor);
/**
*
*
* @param proVideoMonitor
* @return
*/
public int insertProVideoMonitor(ProVideoMonitor proVideoMonitor);
/**
*
*
* @param proVideoMonitor
* @return
*/
public int updateProVideoMonitor(ProVideoMonitor proVideoMonitor);
/**
*
*
* @param ids
* @return
*/
public int deleteProVideoMonitorByIds(Long[] ids);
/**
*
*
* @param id
* @return
*/
public int deleteProVideoMonitorById(Long id);
}

View File

@ -0,0 +1,98 @@
package com.yanzhu.manage.service.impl;
import java.util.*;
import com.yanzhu.common.core.context.SecurityContextHolder;
import com.yanzhu.common.core.utils.DateUtils;
import com.yanzhu.manage.domain.ProVideoMonitor;
import com.yanzhu.manage.mapper.ProVideoMonitorMapper;
import com.yanzhu.manage.service.IProVideoMonitorService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;
/**
* Service
*
* @author yanzhu
* @date 2024-12-25
*/
@Service
public class ProVideoMonitorServiceImpl implements IProVideoMonitorService
{
@Autowired
private ProVideoMonitorMapper proVideoMonitorMapper;
/**
*
*
* @param id
* @return
*/
@Override
public ProVideoMonitor selectProVideoMonitorById(Long id)
{
return proVideoMonitorMapper.selectProVideoMonitorById(id);
}
/**
*
*
* @param proVideoMonitor
* @return
*/
@Override
public List<ProVideoMonitor> selectProVideoMonitorList(ProVideoMonitor proVideoMonitor)
{
return proVideoMonitorMapper.selectProVideoMonitorList(proVideoMonitor);
}
/**
*
*
* @param proVideoMonitor
* @return
*/
@Override
public int insertProVideoMonitor(ProVideoMonitor proVideoMonitor)
{
proVideoMonitor.setCreateBy(SecurityContextHolder.getUserName());
proVideoMonitor.setCreateTime(DateUtils.getNowDate());
return proVideoMonitorMapper.insertProVideoMonitor(proVideoMonitor);
}
/**
*
*
* @param proVideoMonitor
* @return
*/
@Override
public int updateProVideoMonitor(ProVideoMonitor proVideoMonitor)
{
proVideoMonitor.setUpdateBy(SecurityContextHolder.getUserName());
return proVideoMonitorMapper.updateProVideoMonitor(proVideoMonitor);
}
/**
*
*
* @param ids
* @return
*/
@Override
public int deleteProVideoMonitorByIds(Long[] ids)
{
return proVideoMonitorMapper.deleteProVideoMonitorByIds(ids);
}
/**
*
*
* @param id
* @return
*/
@Override
public int deleteProVideoMonitorById(Long id)
{
return proVideoMonitorMapper.deleteProVideoMonitorById(id);
}
}

View File

@ -0,0 +1,44 @@
import request from '@/utils/request'
// 查询延迟摄影管理列表
export function listVideoMonitor(query) {
return request({
url: '/manage/videoMonitor/list',
method: 'get',
params: query
})
}
// 查询延迟摄影管理详细
export function getVideoMonitor(id) {
return request({
url: '/manage/videoMonitor/' + id,
method: 'get'
})
}
// 新增延迟摄影管理
export function addVideoMonitor(data) {
return request({
url: '/manage/videoMonitor',
method: 'post',
data: data
})
}
// 修改延迟摄影管理
export function updateVideoMonitor(data) {
return request({
url: '/manage/videoMonitor',
method: 'put',
data: data
})
}
// 删除延迟摄影管理
export function delVideoMonitor(id) {
return request({
url: '/manage/videoMonitor/' + id,
method: 'delete'
})
}

View File

@ -0,0 +1,310 @@
<template>
<div class="app-container">
<el-form v-if="false" :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch" label-width="68px">
<el-form-item label="${comment}" prop="comId">
<el-input v-model="queryParams.comId" placeholder="请输入${comment}" clearable @keyup.enter="handleQuery" />
</el-form-item>
<el-form-item label="${comment}" prop="projectId">
<el-input v-model="queryParams.projectId" placeholder="请输入${comment}" clearable @keyup.enter="handleQuery" />
</el-form-item>
<el-form-item label="监控名称" prop="monitorName">
<el-input v-model="queryParams.monitorName" placeholder="请输入监控名称" clearable @keyup.enter="handleQuery" />
</el-form-item>
<el-form-item label="AppKey" prop="appkey">
<el-input v-model="queryParams.appkey" placeholder="请输入AppKey" clearable @keyup.enter="handleQuery" />
</el-form-item>
<el-form-item label="Secret" prop="secret">
<el-input v-model="queryParams.secret" placeholder="请输入Secret" clearable @keyup.enter="handleQuery" />
</el-form-item>
<el-form-item label="设备厂商" prop="manufacturer">
<el-input v-model="queryParams.manufacturer" placeholder="请输入设备厂商" clearable @keyup.enter="handleQuery" />
</el-form-item>
<el-form-item label="是否关键点" prop="keyPoint">
<el-input v-model="queryParams.keyPoint" placeholder="请输入是否关键点" clearable @keyup.enter="handleQuery" />
</el-form-item>
<el-form-item label="${comment}" prop="state">
<el-input v-model="queryParams.state" placeholder="请输入${comment}" clearable @keyup.enter="handleQuery" />
</el-form-item>
<el-form-item label="${comment}" prop="isDel">
<el-input v-model="queryParams.isDel" placeholder="请输入${comment}" clearable @keyup.enter="handleQuery" />
</el-form-item>
<el-form-item label="${comment}" prop="upadteTime">
<el-date-picker clearable v-model="queryParams.upadteTime" type="date" value-format="YYYY-MM-DD"
placeholder="请选择${comment}">
</el-date-picker>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="Search" @click="handleQuery"></el-button>
<el-button icon="Refresh" @click="resetQuery"></el-button>
</el-form-item>
</el-form>
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button type="primary" plain icon="Plus" @click="handleAdd"
v-hasPermi="['manage:videoMonitor:add']">新增</el-button>
</el-col>
<!--
<el-col :span="1.5">
<el-button type="success" plain icon="Edit" :disabled="single" @click="handleUpdate"
v-hasPermi="['manage:videoMonitor:edit']">修改</el-button>
</el-col>
<el-col :span="1.5">
<el-button type="danger" plain icon="Delete" :disabled="multiple" @click="handleDelete"
v-hasPermi="['manage:videoMonitor:remove']">删除</el-button>
</el-col>
<el-col :span="1.5">
<el-button type="warning" plain icon="Download" @click="handleExport"
v-hasPermi="['manage:videoMonitor:export']">导出</el-button>
</el-col>
<right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
-->
</el-row>
<el-table v-loading="loading" :data="videoMonitorList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="${comment}" align="center" prop="id" />
<el-table-column label="${comment}" align="center" prop="comId" />
<el-table-column label="${comment}" align="center" prop="projectId" />
<el-table-column label="监控名称" align="center" prop="monitorName" />
<el-table-column label="监控类型" align="center" prop="monitorType" />
<el-table-column label="监控连接" align="center" prop="url" />
<el-table-column label="AppKey" align="center" prop="appkey" />
<el-table-column label="Secret" align="center" prop="secret" />
<el-table-column label="设备厂商" align="center" prop="manufacturer" />
<el-table-column label="是否关键点" align="center" prop="keyPoint" />
<el-table-column label="${comment}" align="center" prop="remark" />
<el-table-column label="${comment}" align="center" prop="state" />
<el-table-column label="${comment}" align="center" prop="isDel" />
<el-table-column label="${comment}" align="center" prop="upadteTime" width="180">
<template #default="scope">
<span>{{ parseTime(scope.row.upadteTime, '{y}-{m}-{d}') }}</span>
</template>
</el-table-column>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template #default="scope">
<el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)"
v-hasPermi="['manage:videoMonitor:edit']">修改</el-button>
<el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)"
v-hasPermi="['manage:videoMonitor:remove']">删除</el-button>
</template>
</el-table-column>
</el-table>
<pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum"
v-model:limit="queryParams.pageSize" @pagination="getList" />
<!-- 添加或修改延迟摄影管理对话框 -->
<el-dialog :title="title" v-model="open" width="500px" append-to-body>
<el-form ref="videoMonitorRef" :model="form" :rules="rules" label-width="80px">
<el-form-item label="${comment}" prop="comId">
<el-input v-model="form.comId" placeholder="请输入${comment}" />
</el-form-item>
<el-form-item label="${comment}" prop="projectId">
<el-input v-model="form.projectId" placeholder="请输入${comment}" />
</el-form-item>
<el-form-item label="监控名称" prop="monitorName">
<el-input v-model="form.monitorName" placeholder="请输入监控名称" />
</el-form-item>
<el-form-item label="监控连接" prop="url">
<el-input v-model="form.url" type="textarea" placeholder="请输入内容" />
</el-form-item>
<el-form-item label="AppKey" prop="appkey">
<el-input v-model="form.appkey" placeholder="请输入AppKey" />
</el-form-item>
<el-form-item label="Secret" prop="secret">
<el-input v-model="form.secret" placeholder="请输入Secret" />
</el-form-item>
<el-form-item label="设备厂商" prop="manufacturer">
<el-input v-model="form.manufacturer" placeholder="请输入设备厂商" />
</el-form-item>
<el-form-item label="是否关键点" prop="keyPoint">
<el-input v-model="form.keyPoint" placeholder="请输入是否关键点" />
</el-form-item>
<el-form-item label="${comment}" prop="remark">
<el-input v-model="form.remark" placeholder="请输入${comment}" />
</el-form-item>
<el-form-item label="${comment}" prop="state">
<el-input v-model="form.state" placeholder="请输入${comment}" />
</el-form-item>
<el-form-item label="${comment}" prop="isDel">
<el-input v-model="form.isDel" placeholder="请输入${comment}" />
</el-form-item>
<el-form-item label="${comment}" prop="upadteTime">
<el-date-picker clearable v-model="form.upadteTime" type="date" value-format="YYYY-MM-DD"
placeholder="请选择${comment}">
</el-date-picker>
</el-form-item>
</el-form>
<template #footer>
<div class="dialog-footer">
<el-button type="primary" @click="submitForm"> </el-button>
<el-button @click="cancel"> </el-button>
</div>
</template>
</el-dialog>
<videoMonitorDrawer ref="videoDrawer"/>
</div>
</template>
<script setup name="VideoMonitor">
import { listVideoMonitor, getVideoMonitor, delVideoMonitor, addVideoMonitor, updateVideoMonitor } from "@/api/manage/videoMonitor";
import videoMonitorDrawer from "./videoMonitorDrawer.vue";
const { proxy } = getCurrentInstance();
const videoMonitorList = ref([]);
const open = ref(false);
const loading = ref(true);
const showSearch = ref(true);
const ids = ref([]);
const single = ref(true);
const multiple = ref(true);
const total = ref(0);
const title = ref("");
const videoDrawer=ref()
const data = reactive({
form: {},
queryParams: {
pageNum: 1,
pageSize: 10,
comId: null,
projectId: null,
monitorName: null,
monitorType: null,
url: null,
appkey: null,
secret: null,
manufacturer: null,
keyPoint: null,
state: null,
isDel: null,
upadteTime: null
},
rules: {
}
});
const { queryParams, form, rules } = toRefs(data);
/** 查询延迟摄影管理列表 */
function getList() {
loading.value = true;
listVideoMonitor(queryParams.value).then(response => {
videoMonitorList.value = response.rows;
total.value = response.total;
loading.value = false;
});
}
//
function cancel() {
open.value = false;
reset();
}
//
function reset() {
form.value = {
id: null,
comId: null,
projectId: null,
monitorName: null,
monitorType: null,
url: null,
appkey: null,
secret: null,
manufacturer: null,
keyPoint: null,
remark: null,
state: null,
isDel: null,
createBy: null,
createTime: null,
updateBy: null,
upadteTime: null
};
proxy.resetForm("videoMonitorRef");
}
/** 搜索按钮操作 */
function handleQuery() {
queryParams.value.pageNum = 1;
getList();
}
/** 重置按钮操作 */
function resetQuery() {
proxy.resetForm("queryRef");
handleQuery();
}
//
function handleSelectionChange(selection) {
ids.value = selection.map(item => item.id);
single.value = selection.length != 1;
multiple.value = !selection.length;
}
/** 新增按钮操作 */
function handleAdd() {
//reset();
//open.value = true;
//title.value = "";
videoDrawer.value.showDrawer({
type:'add'
});
}
/** 修改按钮操作 */
function handleUpdate(row) {
reset();
const _id = row.id || ids.value
getVideoMonitor(_id).then(response => {
form.value = response.data;
open.value = true;
title.value = "修改延迟摄影管理";
});
}
/** 提交按钮 */
function submitForm() {
proxy.$refs["videoMonitorRef"].validate(valid => {
if (valid) {
if (form.value.id != null) {
updateVideoMonitor(form.value).then(response => {
proxy.$modal.msgSuccess("修改成功");
open.value = false;
getList();
});
} else {
addVideoMonitor(form.value).then(response => {
proxy.$modal.msgSuccess("新增成功");
open.value = false;
getList();
});
}
}
});
}
/** 删除按钮操作 */
function handleDelete(row) {
const _ids = row.id || ids.value;
proxy.$modal.confirm('是否确认删除延迟摄影管理编号为"' + _ids + '"的数据项?').then(function () {
return delVideoMonitor(_ids);
}).then(() => {
getList();
proxy.$modal.msgSuccess("删除成功");
}).catch(() => { });
}
/** 导出按钮操作 */
function handleExport() {
proxy.download('manage/videoMonitor/export', {
...queryParams.value
}, `videoMonitor_${new Date().getTime()}.xlsx`)
}
getList();
</script>

View File

@ -0,0 +1,124 @@
<template>
<el-drawer class="video-monitor-drawer" v-if="data.isOpen" v-model="data.isOpen" direction="rtl" size="50%"
style="padding-left: 20px" :title="data.title">
<el-form ref="videoMonitorRef" :model="form" :rules="rules" label-width="120px">
<el-form-item label="项目名称" prop="projectId">
<el-select :disabled="data.currentProId != ''" v-model="form.projectId" placeholder="请选择项目" clearable
style="width:150px;">
<el-option v-for="prj in data.projects" :key="prj.id" :label="prj.projectName" :value="prj.id">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="监控名称" prop="monitorName">
<el-input v-model="form.monitorName" placeholder="请输入监控名称" />
</el-form-item>
<el-form-item label="监控类型" prop="monitorType">
<el-select v-model="form.monitorType">
<el-option label="萤石云" value="萤石云"></el-option>
</el-select>
</el-form-item>
<el-form-item label="监控链接" prop="url">
<el-input v-model="form.url" type="textarea" placeholder="请输入内容" />
</el-form-item>
<el-form-item label="萤石云AppKey" prop="appkey">
<el-input v-model="form.appkey" placeholder="请输入萤石云AppKey" />
</el-form-item>
<el-form-item label="萤石云Secret" prop="secret">
<el-input v-model="form.secret" placeholder="请输入萤石云Secret" />
</el-form-item>
<el-form-item label="设备厂商" prop="manufacturer">
<el-input v-model="form.manufacturer" placeholder="请输入设备厂商" />
</el-form-item>
<el-form-item label="是否重点" prop="keyPoint">
<el-select v-model="form.keyPoint">
<el-option label="是" value="1"></el-option>
<el-option label="否" value="0"></el-option>
</el-select>
</el-form-item>
</el-form>
<div style="text-align: center;">
<el-button type="primary" @click="doSave"></el-button>
<el-button @click="doCancel"></el-button>
</div>
</el-drawer>
</template>
<script setup>
import { listVideoMonitor, getVideoMonitor, delVideoMonitor, addVideoMonitor, updateVideoMonitor } from "@/api/manage/videoMonitor";
import { findMyProjectList } from "@/api/publics";
import useUserStore from '@/store/modules/user'
const userStore = useUserStore()
const { proxy } = getCurrentInstance();
const form = reactive({})
const rules = reactive({
projectId: [{ required: true, trigger: ['blur', 'change'], message: "请选择所属项目" }],
monitorName: [{ required: true, trigger: ['blur', 'change'], message: "请输入监控名称" }],
monitorType: [{ required: true, trigger: ['blur', 'change'], message: "请选择监控类型" }],
url: [{ required: true, trigger: ['blur', 'change'], message: "请输入监控链接" }],
appkey: [{ required: true, trigger: ['blur', 'change'], message: "请输入萤石云AppKey" }],
secret: [{ required: true, trigger: ['blur', 'change'], message: "请输入萤石云Secret" }],
})
const data = reactive({
isOpen: false,
prjInfo: null,
type: '',
projects: [],
currentProId: '',
comId: '',
})
function showDrawer(opt) {
data.type = opt.type;
data.title = opt.type == 'add' ? '视频监控 - 增加' : '视频监控 - 修改'
form.monitorType = "萤石云";
form.keyPoint = '0';
data.isOpen = true;
}
/** 查询项目列表 */
function getProjectList() {
findMyProjectList({ pageNum: 1, pageSize: 100 }).then(response => {
data.projects = response.rows;
if (userStore.currentProId) {
data.currentProId = userStore.currentProId;
data.comId = userStore.currentComId
form.projectId = data.currentProId;
}
});
}
function getSelectProject(){
let objs=data.projects.filter(d=>d.id==form.projectId);
return objs.length>0?objs[0]:{id:data.currentProId,comId:userStore.currentComId};
}
function doSave() {
proxy.$refs["videoMonitorRef"].validate(valid => {
if (valid) {
let prj=getSelectProject();
form.projectId=prj.id;
form.comId=prj.comId;
if (form.id != null) {
updateVideoMonitor(form).then(response => {
proxy.$modal.msgSuccess("修改成功");
open.value = false;
getList();
});
} else {
addVideoMonitor(form).then(response => {
proxy.$modal.msgSuccess("新增成功");
open.value = false;
getList();
});
}
}
});
}
function doCancel() {
data.isOpen = false;
}
getProjectList();
defineExpose({
showDrawer
})
</script>
<style lang="scss"></style>