鸟瞰图 - 二级页面Demo（部分代码）

鸟瞰图 - 设备视频上传页面

master/src/main/java/com/ruoyi/project/aerial/controller/TAerialDevVideoController.java

@@ -0,0 +1,131 @@
+package com.ruoyi.project.aerial.controller;
+
+import java.io.IOException;
+import java.util.List;
+
+import com.ruoyi.common.utils.file.FileUploadUtils;
+import com.ruoyi.framework.config.RuoYiConfig;
+import com.ruoyi.project.common.domain.TCommonfile;
+import com.ruoyi.project.common.service.ITCommonfileService;
+import org.apache.commons.lang.StringUtils;
+import org.springframework.security.access.prepost.PreAuthorize;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.web.bind.annotation.*;
+import com.ruoyi.framework.aspectj.lang.annotation.Log;
+import com.ruoyi.framework.aspectj.lang.enums.BusinessType;
+import com.ruoyi.project.aerial.domain.TAerialDevVideo;
+import com.ruoyi.project.aerial.service.ITAerialDevVideoService;
+import com.ruoyi.framework.web.controller.BaseController;
+import com.ruoyi.framework.web.domain.AjaxResult;
+import com.ruoyi.common.utils.poi.ExcelUtil;
+import com.ruoyi.framework.web.page.TableDataInfo;
+import org.springframework.web.multipart.MultipartFile;
+
+/**
+ * 鸟瞰图设备视频Controller
+ *
+ * @author ssy
+ * @date 2025-04-03
+ */
+@RestController
+@RequestMapping("/aerial/devVideo")
+public class TAerialDevVideoController extends BaseController
+{
+    @Autowired
+    private ITAerialDevVideoService tAerialDevVideoService;
+
+    @Autowired
+    private ITCommonfileService tCommonfileService;
+
+    /**
+     * 获取鸟瞰图设备视频详细信息（根据区域名称和设备名称获取）
+     */
+    @PreAuthorize("@ss.hasPermi('aerial:devVideo:query')")
+    @GetMapping(value = "/getDevVideoByAreaAndDev")
+    public AjaxResult getInfoByAreaAndDev(TAerialDevVideo tAerialDevVideo)
+    {
+        List<TAerialDevVideo> list = tAerialDevVideoService.selectTAerialDevVideoList(tAerialDevVideo);//鸟瞰图设备视频对象列表
+        if (list.size() == 1) {//最多一个对象
+            TAerialDevVideo video = list.get(0);
+            TCommonfile commonfile  = new TCommonfile();
+            commonfile.setpType("devVideo");
+            commonfile.setpId(video.getId());
+            List<TCommonfile> tCommonfiles = tCommonfileService.selectAllFileList(commonfile);//文件列表
+            if (tCommonfiles.size() == 1) {//最多一个文件
+                return AjaxResult.success(tCommonfiles.get(0));
+            } else {
+                return AjaxResult.error("");
+            }
+        } else {
+            return AjaxResult.error("");
+        }
+    }
+
+    /**
+     * 查询鸟瞰图设备视频列表
+     */
+    @PreAuthorize("@ss.hasPermi('aerial:devVideo:list')")
+    @GetMapping("/list")
+    public TableDataInfo list(TAerialDevVideo tAerialDevVideo)
+    {
+        startPage();
+        List<TAerialDevVideo> list = tAerialDevVideoService.selectTAerialDevVideoList(tAerialDevVideo);
+        return getDataTable(list);
+    }
+
+    /**
+     * 导出鸟瞰图设备视频列表
+     */
+    @PreAuthorize("@ss.hasPermi('aerial:devVideo:export')")
+    @Log(title = "鸟瞰图设备视频", businessType = BusinessType.EXPORT)
+    @GetMapping("/export")
+    public AjaxResult export(TAerialDevVideo tAerialDevVideo)
+    {
+        List<TAerialDevVideo> list = tAerialDevVideoService.selectTAerialDevVideoList(tAerialDevVideo);
+        ExcelUtil<TAerialDevVideo> util = new ExcelUtil<TAerialDevVideo>(TAerialDevVideo.class);
+        return util.exportExcel(list, "devVideo");
+    }
+
+    /**
+     * 获取鸟瞰图设备视频详细信息
+     */
+    @PreAuthorize("@ss.hasPermi('aerial:devVideo:query')")
+    @GetMapping(value = "/{id}")
+    public AjaxResult getInfo(@PathVariable("id") Long id)
+    {
+        return AjaxResult.success(tAerialDevVideoService.selectTAerialDevVideoById(id));
+    }
+
+    /**
+     * 新增鸟瞰图设备视频
+     */
+    @PreAuthorize("@ss.hasPermi('aerial:devVideo:add')")
+    @Log(title = "鸟瞰图设备视频", businessType = BusinessType.INSERT)
+    @PostMapping
+    public AjaxResult add(@RequestBody TAerialDevVideo tAerialDevVideo)
+    {
+        return toAjax(tAerialDevVideoService.insertTAerialDevVideo(tAerialDevVideo));
+    }
+
+    /**
+     * 修改鸟瞰图设备视频
+     */
+    @PreAuthorize("@ss.hasPermi('aerial:devVideo:edit')")
+    @Log(title = "鸟瞰图设备视频", businessType = BusinessType.UPDATE)
+    @PutMapping
+    public AjaxResult edit(@RequestBody TAerialDevVideo tAerialDevVideo)
+    {
+        return toAjax(tAerialDevVideoService.updateTAerialDevVideo(tAerialDevVideo));
+    }
+
+    /**
+     * 删除鸟瞰图设备视频
+     */
+    @PreAuthorize("@ss.hasPermi('aerial:devVideo:remove')")
+    @Log(title = "鸟瞰图设备视频", businessType = BusinessType.DELETE)
+	@DeleteMapping("/{ids}")
+    public AjaxResult remove(@PathVariable Long[] ids)
+    {
+        return toAjax(tAerialDevVideoService.deleteTAerialDevVideoByIds(ids));
+    }
+}

master/src/main/java/com/ruoyi/project/aerial/domain/TAerialDevVideo.java

@@ -0,0 +1,180 @@
+package com.ruoyi.project.aerial.domain;
+
+import java.util.Date;
+import com.fasterxml.jackson.annotation.JsonFormat;
+import com.ruoyi.framework.aspectj.lang.annotation.Excel;
+import com.ruoyi.framework.web.domain.BaseEntity;
+import org.apache.commons.lang3.builder.ToStringBuilder;
+import org.apache.commons.lang3.builder.ToStringStyle;
+
+/**
+ * 鸟瞰图设备视频对象 t_aerial_dev_video
+ *
+ * @author ssy
+ * @date 2025-04-03
+ */
+public class TAerialDevVideo extends BaseEntity
+{
+    private static final long serialVersionUID = 1L;
+
+    /** 主键id */
+    private Long id;
+
+    /** 区域名称 */
+    @Excel(name = "区域名称")
+    private String areaName;
+
+    /** 设备名称 */
+    @Excel(name = "设备名称")
+    private String devName;
+
+    /** 设备视频文件地址 */
+    @Excel(name = "设备视频文件地址")
+    private String devVideoUrl;
+
+    /** 状态 0：正常 2：删除 */
+    private Long delFlag;
+
+    /** 创建人 */
+    @Excel(name = "创建人")
+    private String createrCode;
+
+    /** 创建时间 */
+    @JsonFormat(pattern = "yyyy-MM-dd" , timezone = "GMT+8")
+    @Excel(name = "创建时间", width = 30, dateFormat = "yyyy-MM-dd")
+    private Date createdate;
+
+    /** 修改人 */
+    @Excel(name = "修改人")
+    private String updaterCode;
+
+    /** 修改时间 */
+    @JsonFormat(pattern = "yyyy-MM-dd" , timezone = "GMT+8")
+    @Excel(name = "修改时间", width = 30, dateFormat = "yyyy-MM-dd")
+    private Date updatedate;
+
+    /** 备注 */
+    @Excel(name = "备注")
+    private String remarks;
+
+    /** 部门id */
+    @Excel(name = "部门id")
+    private Long deptId;
+
+    public void setId(Long id)
+    {
+        this.id = id;
+    }
+
+    public Long getId()
+    {
+        return id;
+    }
+    public void setAreaName(String areaName)
+    {
+        this.areaName = areaName;
+    }
+
+    public String getAreaName()
+    {
+        return areaName;
+    }
+    public void setDevName(String devName)
+    {
+        this.devName = devName;
+    }
+
+    public String getDevName()
+    {
+        return devName;
+    }
+    public void setDevVideoUrl(String devVideoUrl)
+    {
+        this.devVideoUrl = devVideoUrl;
+    }
+
+    public String getDevVideoUrl()
+    {
+        return devVideoUrl;
+    }
+    public void setDelFlag(Long delFlag)
+    {
+        this.delFlag = delFlag;
+    }
+
+    public Long getDelFlag()
+    {
+        return delFlag;
+    }
+    public void setCreaterCode(String createrCode)
+    {
+        this.createrCode = createrCode;
+    }
+
+    public String getCreaterCode()
+    {
+        return createrCode;
+    }
+    public void setCreatedate(Date createdate)
+    {
+        this.createdate = createdate;
+    }
+
+    public Date getCreatedate()
+    {
+        return createdate;
+    }
+    public void setUpdaterCode(String updaterCode)
+    {
+        this.updaterCode = updaterCode;
+    }
+
+    public String getUpdaterCode()
+    {
+        return updaterCode;
+    }
+    public void setUpdatedate(Date updatedate)
+    {
+        this.updatedate = updatedate;
+    }
+
+    public Date getUpdatedate()
+    {
+        return updatedate;
+    }
+    public void setRemarks(String remarks)
+    {
+        this.remarks = remarks;
+    }
+
+    public String getRemarks()
+    {
+        return remarks;
+    }
+    public void setDeptId(Long deptId)
+    {
+        this.deptId = deptId;
+    }
+
+    public Long getDeptId()
+    {
+        return deptId;
+    }
+
+    @Override
+    public String toString() {
+        return new ToStringBuilder(this,ToStringStyle.MULTI_LINE_STYLE)
+            .append("id", getId())
+            .append("areaName", getAreaName())
+            .append("devName", getDevName())
+            .append("devVideoUrl", getDevVideoUrl())
+            .append("delFlag", getDelFlag())
+            .append("createrCode", getCreaterCode())
+            .append("createdate", getCreatedate())
+            .append("updaterCode", getUpdaterCode())
+            .append("updatedate", getUpdatedate())
+            .append("remarks", getRemarks())
+            .append("deptId", getDeptId())
+            .toString();
+    }
+}

master/src/main/java/com/ruoyi/project/aerial/mapper/TAerialDevVideoMapper.java

@@ -0,0 +1,63 @@
+package com.ruoyi.project.aerial.mapper;
+
+import java.util.List;
+import com.ruoyi.framework.aspectj.lang.annotation.DataScope;
+import com.ruoyi.project.aerial.domain.TAerialDevVideo;
+
+/**
+ * 鸟瞰图设备视频Mapper接口
+ * 
+ * @author ssy
+ * @date 2025-04-03
+ */
+public interface TAerialDevVideoMapper 
+{
+    /**
+     * 查询鸟瞰图设备视频
+     * 
+     * @param id 鸟瞰图设备视频ID
+     * @return 鸟瞰图设备视频
+     */
+    public TAerialDevVideo selectTAerialDevVideoById(Long id);
+
+    /**
+     * 查询鸟瞰图设备视频列表
+     * 
+     * @param tAerialDevVideo 鸟瞰图设备视频
+     * @return 鸟瞰图设备视频集合
+     */
+    @DataScope(deptAlias = "d")
+    public List<TAerialDevVideo> selectTAerialDevVideoList(TAerialDevVideo tAerialDevVideo);
+
+    /**
+     * 新增鸟瞰图设备视频
+     * 
+     * @param tAerialDevVideo 鸟瞰图设备视频
+     * @return 结果
+     */
+    public int insertTAerialDevVideo(TAerialDevVideo tAerialDevVideo);
+
+    /**
+     * 修改鸟瞰图设备视频
+     * 
+     * @param tAerialDevVideo 鸟瞰图设备视频
+     * @return 结果
+     */
+    public int updateTAerialDevVideo(TAerialDevVideo tAerialDevVideo);
+
+    /**
+     * 删除鸟瞰图设备视频
+     * 
+     * @param id 鸟瞰图设备视频ID
+     * @return 结果
+     */
+    public int deleteTAerialDevVideoById(Long id);
+
+    /**
+     * 批量删除鸟瞰图设备视频
+     * 
+     * @param ids 需要删除的数据ID
+     * @return 结果
+     */
+    public int deleteTAerialDevVideoByIds(Long[] ids);
+}

master/src/main/java/com/ruoyi/project/aerial/service/ITAerialDevVideoService.java

@@ -0,0 +1,61 @@
+package com.ruoyi.project.aerial.service;
+
+import java.util.List;
+import com.ruoyi.project.aerial.domain.TAerialDevVideo;
+
+/**
+ * 鸟瞰图设备视频Service接口
+ * 
+ * @author ssy
+ * @date 2025-04-03
+ */
+public interface ITAerialDevVideoService 
+{
+    /**
+     * 查询鸟瞰图设备视频
+     * 
+     * @param id 鸟瞰图设备视频ID
+     * @return 鸟瞰图设备视频
+     */
+    public TAerialDevVideo selectTAerialDevVideoById(Long id);
+
+    /**
+     * 查询鸟瞰图设备视频列表
+     * 
+     * @param tAerialDevVideo 鸟瞰图设备视频
+     * @return 鸟瞰图设备视频集合
+     */
+    public List<TAerialDevVideo> selectTAerialDevVideoList(TAerialDevVideo tAerialDevVideo);
+
+    /**
+     * 新增鸟瞰图设备视频
+     * 
+     * @param tAerialDevVideo 鸟瞰图设备视频
+     * @return 结果
+     */
+    public int insertTAerialDevVideo(TAerialDevVideo tAerialDevVideo);
+
+    /**
+     * 修改鸟瞰图设备视频
+     * 
+     * @param tAerialDevVideo 鸟瞰图设备视频
+     * @return 结果
+     */
+    public int updateTAerialDevVideo(TAerialDevVideo tAerialDevVideo);
+
+    /**
+     * 批量删除鸟瞰图设备视频
+     * 
+     * @param ids 需要删除的鸟瞰图设备视频ID
+     * @return 结果
+     */
+    public int deleteTAerialDevVideoByIds(Long[] ids);
+
+    /**
+     * 删除鸟瞰图设备视频信息
+     * 
+     * @param id 鸟瞰图设备视频ID
+     * @return 结果
+     */
+    public int deleteTAerialDevVideoById(Long id);
+}

master/src/main/java/com/ruoyi/project/aerial/service/impl/TAerialDevVideoServiceImpl.java

@@ -0,0 +1,93 @@
+package com.ruoyi.project.aerial.service.impl;
+
+import java.util.List;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.stereotype.Service;
+import com.ruoyi.project.aerial.mapper.TAerialDevVideoMapper;
+import com.ruoyi.project.aerial.domain.TAerialDevVideo;
+import com.ruoyi.project.aerial.service.ITAerialDevVideoService;
+
+/**
+ * 鸟瞰图设备视频Service业务层处理
+ *
+ * @author ssy
+ * @date 2025-04-03
+ */
+@Service
+public class TAerialDevVideoServiceImpl implements ITAerialDevVideoService
+{
+    @Autowired
+    private TAerialDevVideoMapper tAerialDevVideoMapper;
+
+    /**
+     * 查询鸟瞰图设备视频
+     *
+     * @param id 鸟瞰图设备视频ID
+     * @return 鸟瞰图设备视频
+     */
+    @Override
+    public TAerialDevVideo selectTAerialDevVideoById(Long id)
+    {
+        return tAerialDevVideoMapper.selectTAerialDevVideoById(id);
+    }
+
+    /**
+     * 查询鸟瞰图设备视频列表
+     *
+     * @param tAerialDevVideo 鸟瞰图设备视频
+     * @return 鸟瞰图设备视频
+     */
+    @Override
+    public List<TAerialDevVideo> selectTAerialDevVideoList(TAerialDevVideo tAerialDevVideo)
+    {
+        return tAerialDevVideoMapper.selectTAerialDevVideoList(tAerialDevVideo);
+    }
+
+    /**
+     * 新增鸟瞰图设备视频
+     *
+     * @param tAerialDevVideo 鸟瞰图设备视频
+     * @return 结果
+     */
+    @Override
+    public int insertTAerialDevVideo(TAerialDevVideo tAerialDevVideo)
+    {
+        return tAerialDevVideoMapper.insertTAerialDevVideo(tAerialDevVideo);
+    }
+
+    /**
+     * 修改鸟瞰图设备视频
+     *
+     * @param tAerialDevVideo 鸟瞰图设备视频
+     * @return 结果
+     */
+    @Override
+    public int updateTAerialDevVideo(TAerialDevVideo tAerialDevVideo)
+    {
+        return tAerialDevVideoMapper.updateTAerialDevVideo(tAerialDevVideo);
+    }
+
+    /**
+     * 批量删除鸟瞰图设备视频
+     *
+     * @param ids 需要删除的鸟瞰图设备视频ID
+     * @return 结果
+     */
+    @Override
+    public int deleteTAerialDevVideoByIds(Long[] ids)
+    {
+        return tAerialDevVideoMapper.deleteTAerialDevVideoByIds(ids);
+    }
+
+    /**
+     * 删除鸟瞰图设备视频信息
+     *
+     * @param id 鸟瞰图设备视频ID
+     * @return 结果
+     */
+    @Override
+    public int deleteTAerialDevVideoById(Long id)
+    {
+        return tAerialDevVideoMapper.deleteTAerialDevVideoById(id);
+    }
+}

master/src/main/java/com/ruoyi/project/monitor/controller/TPfdController.java

@@ -93,7 +93,7 @@ public class TPfdController extends BaseController
                 TPfd entity = new TPfd();
                 entity.setCreateTime(new Date());
                 entity.setCreateBy(userId.toString());
-                for (int j = 0; j < cellNum; j++) {
+                for (int j = 0; j < 69; j++) {
                     Cell cell = row.getCell(j);
                     String cellValue = ExcelUtils.getCellValue(cell);
                     logger.info("cellValue:" + cellValue);

master/src/main/resources/mybatis/aerial/TAerialDevVideoMapper.xml

@@ -0,0 +1,112 @@
+<?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.ruoyi.project.aerial.mapper.TAerialDevVideoMapper">
+    
+    <resultMap type="TAerialDevVideo" id="TAerialDevVideoResult">
+        <result property="id"    column="id"    />
+        <result property="areaName"    column="area_name"    />
+        <result property="devName"    column="dev_name"    />
+        <result property="devVideoUrl"    column="dev_video_url"    />
+        <result property="delFlag"    column="del_flag"    />
+        <result property="createrCode"    column="creater_code"    />
+        <result property="createdate"    column="createdate"    />
+        <result property="updaterCode"    column="updater_code"    />
+        <result property="updatedate"    column="updatedate"    />
+        <result property="remarks"    column="remarks"    />
+        <result property="deptId"    column="dept_id"    />
+        <result property="deptName" column="dept_name" />
+    </resultMap>
+
+    <sql id="selectTAerialDevVideoVo">
+        select d.id, d.area_name, d.dev_name, d.dev_video_url, d.del_flag, d.creater_code, d.createdate, d.updater_code, d.updatedate, d.remarks, d.dept_id ,s.dept_name from t_aerial_dev_video d
+      left join sys_dept s on s.dept_id = d.dept_id
+    </sql>
+
+    <select id="selectTAerialDevVideoList" parameterType="TAerialDevVideo" resultMap="TAerialDevVideoResult">
+        <include refid="selectTAerialDevVideoVo"/>
+        <where>  
+            <if test="areaName != null  and areaName != ''"> and area_name like concat(concat('%', #{areaName}), '%')</if>
+            <if test="devName != null  and devName != ''"> and dev_name like concat(concat('%', #{devName}), '%')</if>
+            <if test="devVideoUrl != null  and devVideoUrl != ''"> and dev_video_url = #{devVideoUrl}</if>
+            <if test="createrCode != null  and createrCode != ''"> and creater_code = #{createrCode}</if>
+            <if test="createdate != null "> and createdate = #{createdate}</if>
+            <if test="updaterCode != null  and updaterCode != ''"> and updater_code = #{updaterCode}</if>
+            <if test="updatedate != null "> and updatedate = #{updatedate}</if>
+            <if test="remarks != null  and remarks != ''"> and remarks = #{remarks}</if>
+            <if test="deptId != null "> and dept_id = #{deptId}</if>
+            and d.del_flag = 0
+        </where>
+        <!-- 数据范围过滤 -->
+        ${params.dataScope}
+        order by area_name asc, dev_name asc
+    </select>
+    
+    <select id="selectTAerialDevVideoById" parameterType="Long" resultMap="TAerialDevVideoResult">
+        <include refid="selectTAerialDevVideoVo"/>
+        where id = #{id}
+    </select>
+        
+    <insert id="insertTAerialDevVideo" parameterType="TAerialDevVideo">
+        <selectKey keyProperty="id" resultType="long" order="BEFORE">
+            SELECT seq_t_aerial_dev_video.NEXTVAL as id FROM DUAL
+        </selectKey>
+        insert into t_aerial_dev_video
+        <trim prefix="(" suffix=")" suffixOverrides=",">
+            <if test="id != null">id,</if>
+            <if test="areaName != null">area_name,</if>
+            <if test="devName != null">dev_name,</if>
+            <if test="devVideoUrl != null">dev_video_url,</if>
+            <if test="delFlag != null">del_flag,</if>
+            <if test="createrCode != null">creater_code,</if>
+            <if test="createdate != null">createdate,</if>
+            <if test="updaterCode != null">updater_code,</if>
+            <if test="updatedate != null">updatedate,</if>
+            <if test="remarks != null">remarks,</if>
+            <if test="deptId != null">dept_id,</if>
+         </trim>
+        <trim prefix="values (" suffix=")" suffixOverrides=",">
+            <if test="id != null">#{id},</if>
+            <if test="areaName != null">#{areaName},</if>
+            <if test="devName != null">#{devName},</if>
+            <if test="devVideoUrl != null">#{devVideoUrl},</if>
+            <if test="delFlag != null">#{delFlag},</if>
+            <if test="createrCode != null">#{createrCode},</if>
+            <if test="createdate != null">#{createdate},</if>
+            <if test="updaterCode != null">#{updaterCode},</if>
+            <if test="updatedate != null">#{updatedate},</if>
+            <if test="remarks != null">#{remarks},</if>
+            <if test="deptId != null">#{deptId},</if>
+         </trim>
+    </insert>
+
+    <update id="updateTAerialDevVideo" parameterType="TAerialDevVideo">
+        update t_aerial_dev_video
+        <trim prefix="SET" suffixOverrides=",">
+            <if test="areaName != null">area_name = #{areaName},</if>
+            <if test="devName != null">dev_name = #{devName},</if>
+            <if test="devVideoUrl != null">dev_video_url = #{devVideoUrl},</if>
+            <if test="delFlag != null">del_flag = #{delFlag},</if>
+            <if test="createrCode != null">creater_code = #{createrCode},</if>
+            <if test="createdate != null">createdate = #{createdate},</if>
+            <if test="updaterCode != null">updater_code = #{updaterCode},</if>
+            <if test="updatedate != null">updatedate = #{updatedate},</if>
+            <if test="remarks != null">remarks = #{remarks},</if>
+            <if test="deptId != null">dept_id = #{deptId},</if>
+        </trim>
+        where id = #{id}
+    </update>
+
+    <update id="deleteTAerialDevVideoById" parameterType="Long">
+        update t_aerial_dev_video set del_flag = 2 where id = #{id}
+    </update>
+
+    <update id="deleteTAerialDevVideoByIds" parameterType="String">
+        update t_aerial_dev_video set del_flag = 2 where id in
+        <foreach item="id" collection="array" open="(" separator="," close=")">
+            #{id}
+        </foreach>
+    </update>
+    
+</mapper>

ui/src/api/aerial/devVideo.js

@@ -0,0 +1,62 @@
+import request from '@/utils/request'
+
+// 查询鸟瞰图设备视频列表（根据区域名称和设备名称查询）
+export function listDevVideo(query) {
+  return request({
+    url: '/aerial/devVideo/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询鸟瞰图设备视频详细
+export function getDevVideoByAreaAndDev(query) {
+  return request({
+    url: '/aerial/devVideo/getDevVideoByAreaAndDev',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询鸟瞰图设备视频详细
+export function getDevVideo(id) {
+  return request({
+    url: '/aerial/devVideo/' + id,
+    method: 'get'
+  })
+}
+
+// 新增鸟瞰图设备视频
+export function addDevVideo(data) {
+  return request({
+    url: '/aerial/devVideo',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改鸟瞰图设备视频
+export function updateDevVideo(data) {
+  return request({
+    url: '/aerial/devVideo',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除鸟瞰图设备视频
+export function delDevVideo(id) {
+  return request({
+    url: '/aerial/devVideo/' + id,
+    method: 'delete'
+  })
+}
+
+// 导出鸟瞰图设备视频
+export function exportDevVideo(query) {
+  return request({
+    url: '/aerial/devVideo/export',
+    method: 'get',
+    params: query
+  })
+}

ui/src/router/index.js

@@ -947,8 +947,21 @@ export const constantRoutes = [
     component: (resolve) => require(['@/views/sems/reportYlrq/ylrqopen'], resolve),
     hidden: true
   },
+  //鸟瞰图-区域详情
+  {
+    path: '/aerial',
+    component: Layout,
+    hidden: true,
+    children: [
+      {
+        path: 'detail',
+        component: (resolve) => require(['@/views/aerial/detail/index.vue'], resolve),
+        name: 'detail',
+        meta: { title: '区域详情' }
+      }
+    ]
+  },
 ]
-
 export default new Router({
   base: '/cpms/',
   mode: 'hash', // 去掉url中的#

ui/src/views/aerial/detail/index.vue

@@ -0,0 +1,80 @@
+<template>
+  <div class="app-container">
+    {{areaName}}<br/>
+
+    <el-button type="text" @click="handleDevClick('设备1')">设备1</el-button>
+    <el-button type="text" @click="handleDevClick('设备2')">设备2</el-button>
+    <el-button type="text" @click="handleDevClick('设备3')">设备3</el-button>
+
+    <el-dialog
+      :title="dialogTitle"
+      :visible.sync="dialogVisible"
+      width="80%">
+      <span>{{videoUrl}}</span>
+      <video-player  class="video-player vjs-custom-skin"
+                     ref="videoPlayer"
+                     :playsinline="true"
+                     :options="playerOptions"
+      ></video-player>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+  import { getDevVideoByAreaAndDev } from "@/api/aerial/devVideo";
+
+  export default {
+    data() {
+      return {
+        areaName: '',
+        dialogVisible: false,
+        dialogTitle: '',
+        videoUrl: '',
+        // 视频播放
+        playerOptions : {
+          playbackRates : [ 0.5, 1.0, 1.5, 2.0 ], //可选择的播放速度
+          autoplay : false, //如果true,浏览器准备好时开始回放。
+          muted : false, // 默认情况下将会消除任何音频。
+          loop : false, // 视频一结束就重新开始。
+          preload : 'auto', // 建议浏览器在<video>加载元素后是否应该开始下载视频数据。auto浏览器选择最佳行为,立即开始加载视频（如果浏览器支持）
+          language : 'zh-CN',
+          aspectRatio : '16:9', // 将播放器置于流畅模式，并在计算播放器的动态大小时使用该值。值应该代表一个比例 - 用冒号分隔的两个数字（例如"16:9"或"4:3"）
+          fluid : true, // 当true时，Video.js player将拥有流体大小。换句话说，它将按比例缩放以适应其容器。
+          sources : [ {
+            type : "",
+            src : 'http://www.html5videoplayer.net/videos/madagascar3.mp4'//url地址
+          } ],
+          poster : "", //你的封面地址
+          // width: document.documentElement.clientWidth,
+          notSupportedMessage : '此视频暂无法播放，请稍后再试', //允许覆盖Video.js无法播放媒体源时显示的默认信息。
+          controlBar : {
+            timeDivider : true,//当前时间和持续时间的分隔符
+            durationDisplay : true,//显示持续时间
+            remainingTimeDisplay : false,//是否显示剩余时间功能
+            fullscreenToggle : true  //全屏按钮
+          }
+        }
+      }
+    },
+    created() {
+      this.areaName = this.$route.query.areaName;
+    },
+    methods: {
+      handleDevClick(devName) {
+        getDevVideoByAreaAndDev({
+          "areaName": this.areaName,
+          "devName": devName,
+        }).then(response => {
+          console.log(response.data.fileUrl)
+          this.videoUrl = response.data.fileUrl;
+          this.playerOptions.sources = [ {
+            type : "",
+            src : response.data.fileUrl
+          } ],
+          this.dialogTitle = this.areaName + " - " + devName;
+          this.dialogVisible = true;
+        });
+      },
+    }
+  }
+</script>

ui/src/views/aerial/home/index.vue

@@ -265,7 +265,7 @@ export default {
     },
     /* 区域click事件 */
     handleAreaClick(text) {
-      console.log(text);
+      this.$router.push({ path: '/aerial/detail', query: { areaName: text }});
     },
   }
 }

ui/src/views/aerial/video/index.vue

@@ -0,0 +1,566 @@
+<template>
+  <div class="app-container">
+    <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px">
+      <el-form-item label="区域名称" prop="areaName">
+        <el-input
+          v-model="queryParams.areaName"
+          placeholder="请输入区域名称"
+          clearable
+          size="small"
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="设备名称" prop="devName">
+        <el-input
+          v-model="queryParams.devName"
+          placeholder="请输入设备名称"
+          clearable
+          size="small"
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <!--<el-form-item label="设备视频文件地址" prop="devVideoUrl">-->
+        <!--<el-input-->
+          <!--v-model="queryParams.devVideoUrl"-->
+          <!--placeholder="请输入设备视频文件地址"-->
+          <!--clearable-->
+          <!--size="small"-->
+          <!--@keyup.enter.native="handleQuery"-->
+        <!--/>-->
+      <!--</el-form-item>-->
+      <!--<el-form-item label="创建人" prop="createrCode">-->
+        <!--<el-input-->
+          <!--v-model="queryParams.createrCode"-->
+          <!--placeholder="请输入创建人"-->
+          <!--clearable-->
+          <!--size="small"-->
+          <!--@keyup.enter.native="handleQuery"-->
+        <!--/>-->
+      <!--</el-form-item>-->
+      <!--<el-form-item label="创建时间" prop="createdate">-->
+        <!--<el-date-picker clearable size="small" style="width: 200px"-->
+          <!--v-model="queryParams.createdate"-->
+          <!--type="date"-->
+          <!--value-format="yyyy-MM-dd"-->
+          <!--placeholder="选择创建时间">-->
+        <!--</el-date-picker>-->
+      <!--</el-form-item>-->
+      <!--<el-form-item label="修改人" prop="updaterCode">-->
+        <!--<el-input-->
+          <!--v-model="queryParams.updaterCode"-->
+          <!--placeholder="请输入修改人"-->
+          <!--clearable-->
+          <!--size="small"-->
+          <!--@keyup.enter.native="handleQuery"-->
+        <!--/>-->
+      <!--</el-form-item>-->
+      <!--<el-form-item label="修改时间" prop="updatedate">-->
+        <!--<el-date-picker clearable size="small" style="width: 200px"-->
+          <!--v-model="queryParams.updatedate"-->
+          <!--type="date"-->
+          <!--value-format="yyyy-MM-dd"-->
+          <!--placeholder="选择修改时间">-->
+        <!--</el-date-picker>-->
+      <!--</el-form-item>-->
+      <el-form-item label="备注" prop="remarks">
+        <el-input
+          v-model="queryParams.remarks"
+          placeholder="请输入备注"
+          clearable
+          size="small"
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <!--<el-form-item label="部门id" prop="deptId">-->
+        <!--<el-input-->
+          <!--v-model="queryParams.deptId"-->
+          <!--placeholder="请输入部门id"-->
+          <!--clearable-->
+          <!--size="small"-->
+          <!--@keyup.enter.native="handleQuery"-->
+        <!--/>-->
+      <!--</el-form-item>-->
+      <el-form-item>
+        <el-button type="cyan" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+
+    <el-row :gutter="10" class="mb8">
+      <el-col :span="1.5">
+        <el-button
+          type="primary"
+          icon="el-icon-plus"
+          size="mini"
+          @click="handleAdd"
+          v-hasPermi="['aerial:devVideo:add']"
+        >新增</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="success"
+          icon="el-icon-edit"
+          size="mini"
+          :disabled="single"
+          @click="handleUpdate"
+          v-hasPermi="['aerial:devVideo:edit']"
+        >修改</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="danger"
+          icon="el-icon-delete"
+          size="mini"
+          :disabled="multiple"
+          @click="handleDelete"
+          v-hasPermi="['aerial:devVideo:remove']"
+        >删除</el-button>
+      </el-col>
+        <!--<el-col :span="1.5">-->
+            <!--<el-button-->
+                    <!--type="info"-->
+                    <!--icon="el-icon-upload2"-->
+                    <!--size="mini"-->
+                    <!--@click="handleImport"-->
+                    <!--v-hasPermi="['aerial:devVideo:edit']"-->
+            <!--&gt;导入</el-button>-->
+        <!--</el-col>-->
+      <!--<el-col :span="1.5">-->
+        <!--<el-button-->
+          <!--type="warning"-->
+          <!--icon="el-icon-download"-->
+          <!--size="mini"-->
+          <!--@click="handleExport"-->
+          <!--v-hasPermi="['aerial:devVideo:export']"-->
+        <!--&gt;导出</el-button>-->
+      <!--</el-col>-->
+	  <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
+    </el-row>
+
+    <el-table v-loading="loading" :data="devVideoList" @selection-change="handleSelectionChange" :height="clientHeight" border>
+      <el-table-column type="selection" width="55" align="center" />
+      <el-table-column label="区域名称" align="center" prop="areaName" :show-overflow-tooltip="true"/>
+      <el-table-column label="设备名称" align="center" prop="devName" :show-overflow-tooltip="true"/>
+      <!--<el-table-column label="创建人" align="center" prop="createrCode" :show-overflow-tooltip="true"/>-->
+      <!--<el-table-column label="创建时间" align="center" prop="createdate" width="100">-->
+        <!--<template slot-scope="scope">-->
+          <!--<span>{{ parseTime(scope.row.createdate, '{y}-{m}-{d}') }}</span>-->
+        <!--</template>-->
+      <!--</el-table-column>-->
+      <!--<el-table-column label="修改人" align="center" prop="updaterCode" :show-overflow-tooltip="true"/>-->
+      <!--<el-table-column label="修改时间" align="center" prop="updatedate" width="100">-->
+        <!--<template slot-scope="scope">-->
+          <!--<span>{{ parseTime(scope.row.updatedate, '{y}-{m}-{d}') }}</span>-->
+        <!--</template>-->
+      <!--</el-table-column>-->
+      <el-table-column label="备注" align="center" prop="remarks" :show-overflow-tooltip="true"/>
+      <el-table-column label="设备视频文件" align="center":show-overflow-tooltip="true">
+        <template slot-scope="scope">
+          <el-button
+            size="mini"
+            type="text"
+            @click="handleUpload(scope.row)"
+            v-hasPermi="['aerial:devVideo:edit']"
+          >上传</el-button>
+        </template>
+      </el-table-column>
+      <!--<el-table-column label="部门id" align="center" prop="deptId" :show-overflow-tooltip="true"/>-->
+      <el-table-column label="操作" align="center" fixed="right" width="120" class-name="small-padding fixed-width">
+        <template slot-scope="scope">
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-edit"
+            @click="handleUpdate(scope.row)"
+            v-hasPermi="['aerial:devVideo:edit']"
+          >修改</el-button>
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-delete"
+            @click="handleDelete(scope.row)"
+            v-hasPermi="['aerial:devVideo:remove']"
+          >删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <pagination
+      v-show="total>0"
+      :total="total"
+      :page.sync="queryParams.pageNum"
+      :limit.sync="queryParams.pageSize"
+      @pagination="getList"
+    />
+
+    <!-- 添加或修改鸟瞰图设备视频对话框 -->
+    <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
+      <el-form ref="form" :model="form" :rules="rules" label-width="80px">
+        <!--<el-form-item label="主键id" prop="id">-->
+          <!--<el-input v-model="form.id" placeholder="请输入主键id" />-->
+        <!--</el-form-item>-->
+        <el-form-item label="区域名称" prop="areaName">
+          <el-input v-model="form.areaName" placeholder="请输入区域名称" />
+        </el-form-item>
+        <el-form-item label="设备名称" prop="devName">
+          <el-input v-model="form.devName" placeholder="请输入设备名称" />
+        </el-form-item>
+        <!--<el-form-item label="设备视频文件地址" prop="devVideoUrl">-->
+          <!--<el-input v-model="form.devVideoUrl" placeholder="请输入设备视频文件地址" />-->
+        <!--</el-form-item>-->
+        <!--<el-form-item label="状态 0：正常 2：删除" prop="delFlag">-->
+          <!--<el-input v-model="form.delFlag" placeholder="请输入状态 0：正常 2：删除" />-->
+        <!--</el-form-item>-->
+        <!--<el-form-item label="创建人" prop="createrCode">-->
+          <!--<el-input v-model="form.createrCode" placeholder="请输入创建人" />-->
+        <!--</el-form-item>-->
+        <!--<el-form-item label="创建时间" prop="createdate">-->
+          <!--<el-date-picker clearable size="small" style="width: 200px"-->
+            <!--v-model="form.createdate"-->
+            <!--type="date"-->
+            <!--value-format="yyyy-MM-dd"-->
+            <!--placeholder="选择创建时间">-->
+          <!--</el-date-picker>-->
+        <!--</el-form-item>-->
+        <!--<el-form-item label="修改人" prop="updaterCode">-->
+          <!--<el-input v-model="form.updaterCode" placeholder="请输入修改人" />-->
+        <!--</el-form-item>-->
+        <!--<el-form-item label="修改时间" prop="updatedate">-->
+          <!--<el-date-picker clearable size="small" style="width: 200px"-->
+            <!--v-model="form.updatedate"-->
+            <!--type="date"-->
+            <!--value-format="yyyy-MM-dd"-->
+            <!--placeholder="选择修改时间">-->
+          <!--</el-date-picker>-->
+        <!--</el-form-item>-->
+        <el-form-item label="备注" prop="remarks">
+          <el-input v-model="form.remarks" placeholder="请输入备注" />
+        </el-form-item>
+        <!--<el-form-item label="部门id" prop="deptId">-->
+          <!--<el-input v-model="form.deptId" placeholder="请输入部门id" />-->
+        <!--</el-form-item>-->
+          <!--<el-form-item label="归属部门" prop="deptId">-->
+              <!--<treeselect v-model="form.deptId" :options="deptOptions" :show-count="true" placeholder="请选择归属部门" />-->
+          <!--</el-form-item>-->
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitForm">确 定</el-button>
+        <el-button @click="cancel">取 消</el-button>
+      </div>
+    </el-dialog>
+      <!-- 用户导入对话框 -->
+      <el-dialog :title="upload.title" :visible.sync="upload.open" width="600px" append-to-body>
+          <el-upload
+                  ref="upload"
+                  :limit="1"
+                  accept=".mp4, .ogg, .flv, .avi"
+                  :headers="upload.headers"
+                  :action="upload.url + '?pType=devVideo&pId=' + upload.pId"
+                  :disabled="upload.isUploading"
+                  :on-progress="handleFileUploadProgress"
+                  :on-success="handleFileSuccess"
+                  :auto-upload="true"
+                  drag
+          >
+              <i class="el-icon-upload"></i>
+              <div class="el-upload__text">
+                  将文件拖到此处，或
+                  <em>点击上传</em>
+              </div>
+              <!--<div class="el-upload__tip" slot="tip">-->
+                  <!--<el-checkbox v-model="upload.updateSupport" />是否更新已经存在的用户数据-->
+                  <!--<el-link type="info" style="font-size:12px" @click="importTemplate">下载模板</el-link>-->
+              <!--</div>-->
+              <!--<div class="el-upload__tip" style="color:red" slot="tip">提示：仅允许导入“xls”或“xlsx”格式文件！</div>-->
+          </el-upload>
+          <el-table :data="upload.commonfileList" border>
+            <el-table-column :label="$t('文件名')" align="center" prop="fileName" :show-overflow-tooltip="true">
+              <template slot-scope="scope">
+                <a  class="link-type"  @click="handleDownload(scope.row)">
+                  <span>{{ scope.row.fileName }}</span>
+                </a>
+              </template>
+            </el-table-column>
+            <el-table-column :label="$t('大小(Kb)')" align="center" prop="fileSize" :show-overflow-tooltip="true" width="80" />
+            <el-table-column :label="$t('上传人')" align="center" prop="creator" :show-overflow-tooltip="true" width="120"/>
+            <el-table-column :label="$t('操作')" align="center" width="220" class-name="small-padding fixed-width">
+              <template slot-scope="scope">
+                <el-button
+                  size="mini"
+                  type="text"
+                  icon="el-icon-download"
+                  @click="handleDownload(scope.row)"
+                >{{ $t('下载') }}</el-button>
+                <el-button
+                  size="mini"
+                  type="text"
+                  icon="el-icon-delete"
+                  @click="handleDeleteFile(scope.row)"
+                >{{ $t('删除') }}</el-button>
+              </template>
+            </el-table-column>
+          </el-table>
+      </el-dialog>
+  </div>
+</template>
+
+<script>
+import { listDevVideo, getDevVideo, delDevVideo, addDevVideo, updateDevVideo, exportDevVideo, importTemplate } from "@/api/aerial/devVideo";
+import { treeselect } from "@/api/system/dept";
+import { getToken } from "@/utils/auth";
+import Treeselect from "@riophae/vue-treeselect";
+import "@riophae/vue-treeselect/dist/vue-treeselect.css";
+import {addCommonfile, allFileList, delCommonfile, updateCommonfile} from "@/api/common/commonfile";
+
+export default {
+  name: "DevVideo",
+  components: { Treeselect },
+  data() {
+    return {
+      // 遮罩层
+      loading: true,
+      // 选中数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 显示搜索条件
+      showSearch: false,
+      // 总条数
+      total: 0,
+      // 鸟瞰图设备视频表格数据
+      devVideoList: [],
+      // 弹出层标题
+      title: "",
+      // 部门树选项
+      deptOptions: undefined,
+      clientHeight:300,
+      // 是否显示弹出层
+      open: false,
+        // 用户导入参数
+        upload: {
+            file: "",
+            // 是否显示弹出层（用户导入）
+            open: false,
+            // 弹出层标题（用户导入）
+            title: "",
+            // 是否禁用上传
+            isUploading: false,
+            // 是否更新已经存在的用户数据
+            updateSupport: 0,
+            // 设置上传的请求头部
+            headers: { Authorization: "Bearer " + getToken() },
+            // 上传的地址
+            url: process.env.VUE_APP_BASE_API + "/common/commonfile/uploadFile",
+            pType: "devVideo",
+            pId: null,
+            commonfileList: []
+        },
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 20,
+        areaName: null,
+        devName: null,
+        devVideoUrl: null,
+        createrCode: null,
+        createdate: null,
+        updaterCode: null,
+        updatedate: null,
+        remarks: null,
+        deptId: null
+      },
+      // 表单参数
+      form: {},
+      // 表单校验
+      rules: {
+      }
+    };
+  },
+  watch: {
+        // 根据名称筛选部门树
+        deptName(val) {
+            this.$refs.tree.filter(val);
+        }
+   },
+  created() {
+      //设置表格高度对应屏幕高度
+      this.$nextTick(() => {
+          this.clientHeight = document.body.clientHeight -250
+      })
+    this.getList();
+    this.getTreeselect();
+  },
+  methods: {
+    //附件上传中处理
+    handleFileUploadProgress(event, file, fileList) {
+      this.upload.file = file;
+      this.upload.isUploading = true;
+    },
+    //附件上传成功处理
+    handleFileSuccess(response, file, fileList) {
+      this.upload.isUploading = false;
+      this.$alert(response.msg, this.$t('导入结果'), {dangerouslyUseHTMLString: true});
+      this.getFileList()
+    },
+    getFileList() {
+      allFileList({
+        "pId": this.upload.pId,
+        "pType": this.upload.pType
+      }).then(response => {
+        this.upload.commonfileList = response;
+      });
+    },
+    // 文件下载处理
+    handleDownload(row) {
+      var name = row.fileName;
+      var url = row.fileUrl;
+      var suffix = url.substring(url.lastIndexOf("."), url.length);
+      const a = document.createElement('a')
+      a.setAttribute('download', name)
+      a.setAttribute('target', '_blank')
+      a.setAttribute('href', process.env.VUE_APP_BASE_API + url)
+      a.click()
+    },
+    /** 删除按钮操作 */
+    handleDeleteFile(row) {
+      const ids = row.id || this.ids;
+      this.$confirm(this.$t('是否确认删除?'), this.$t('警告'), {
+        confirmButtonText: this.$t('确定'),
+        cancelButtonText: this.$t('取消'),
+        type: "warning"
+      }).then(function () {
+        return delCommonfile(ids);
+      }).then(() => {
+        this.getFileList();
+        this.msgSuccess(this.$t('删除成功'));
+      })
+    },
+    /** 上传按钮操作 */
+    handleUpload(row) {
+      this.upload.title = "设备视频文件上传" + "(" + row.areaName + " - " + row.devName + ")";
+      this.upload.pId = row.id;
+      this.upload.commonfileList = null;
+      this.getFileList();
+      this.upload.open = true;
+    },
+    /** 查询鸟瞰图设备视频列表 */
+    getList() {
+      this.loading = true;
+      listDevVideo(this.queryParams).then(response => {
+        this.devVideoList = response.rows;
+        this.total = response.total;
+        this.loading = false;
+      });
+    },
+     /** 查询部门下拉树结构 */
+     getTreeselect() {
+          treeselect().then(response => {
+              this.deptOptions = response.data;
+          });
+     },
+    // 取消按钮
+    cancel() {
+      this.open = false;
+      this.reset();
+    },
+    // 表单重置
+    reset() {
+      this.form = {
+        id: null,
+        areaName: null,
+        devName: null,
+        devVideoUrl: null,
+        delFlag: null,
+        createrCode: null,
+        createdate: null,
+        updaterCode: null,
+        updatedate: null,
+        remarks: null,
+        deptId: null
+      };
+      this.resetForm("form");
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.pageNum = 1;
+      this.getList();
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.resetForm("queryForm");
+      this.handleQuery();
+    },
+    // 多选框选中数据
+    handleSelectionChange(selection) {
+      this.ids = selection.map(item => item.id)
+      this.single = selection.length!==1
+      this.multiple = !selection.length
+    },
+    /** 新增按钮操作 */
+    handleAdd() {
+      this.reset();
+      this.open = true;
+      this.title = "添加鸟瞰图设备视频";
+    },
+    /** 修改按钮操作 */
+    handleUpdate(row) {
+      this.reset();
+      const id = row.id || this.ids
+      getDevVideo(id).then(response => {
+        this.form = response.data;
+        this.open = true;
+        this.title = "修改鸟瞰图设备视频";
+      });
+    },
+    /** 提交按钮 */
+    submitForm() {
+      this.$refs["form"].validate(valid => {
+        if (valid) {
+          if (this.form.id != null) {
+            updateDevVideo(this.form).then(response => {
+              this.msgSuccess("修改成功");
+              this.open = false;
+              this.getList();
+            });
+          } else {
+            addDevVideo(this.form).then(response => {
+              this.msgSuccess("新增成功");
+              this.open = false;
+              this.getList();
+            });
+          }
+        }
+      });
+    },
+    /** 删除按钮操作 */
+    handleDelete(row) {
+      const ids = row.id || this.ids;
+      this.$confirm('是否确认删除?', "警告", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(function() {
+          return delDevVideo(ids);
+        }).then(() => {
+          this.getList();
+          this.msgSuccess("删除成功");
+        })
+    },
+    /** 导出按钮操作 */
+    handleExport() {
+      const queryParams = this.queryParams;
+      this.$confirm('是否确认导出所有鸟瞰图设备视频数据项?', "警告", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(function() {
+          return exportDevVideo(queryParams);
+        }).then(response => {
+          this.download(response.msg);
+        })
+    },
+  }
+};
+</script>