监测预警

zhsq_qk-admin/src/main/java/zhsq_qk/web/controller/system/QkWarnEventController.java

@@ -0,0 +1,94 @@
+package zhsq_qk.web.controller.system;
+
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.security.access.prepost.PreAuthorize;
+import org.springframework.web.bind.annotation.*;
+import zhsq_qk.common.annotation.Log;
+import zhsq_qk.common.core.controller.BaseController;
+import zhsq_qk.common.core.domain.AjaxResult;
+import zhsq_qk.common.core.page.TableDataInfo;
+import zhsq_qk.common.enums.BusinessType;
+import zhsq_qk.common.utils.poi.ExcelUtil;
+import zhsq_qk.system.domain.QkWarnEvent;
+import zhsq_qk.system.service.IQkWarnEventService;
+
+import javax.servlet.http.HttpServletResponse;
+import java.util.List;
+
+/**
+ * 监测预警Controller
+ *
+ * @author ruoyi
+ * @date 2024-08-06
+ */
+@RestController
+@RequestMapping("/system/event")
+public class QkWarnEventController extends BaseController {
+    @Autowired
+    private IQkWarnEventService qkWarnEventService;
+
+    /**
+     * 查询监测预警列表
+     */
+    @GetMapping("/list")
+    public TableDataInfo list(QkWarnEvent qkWarnEvent) {
+        startPage();
+        List<QkWarnEvent> list = qkWarnEventService.selectQkWarnEventList(qkWarnEvent);
+        return getDataTable(list);
+    }
+
+    /**
+     * 导出监测预警列表
+     */
+    @Log(title = "监测预警", businessType = BusinessType.EXPORT)
+    @PostMapping("/export")
+    public void export(HttpServletResponse response, QkWarnEvent qkWarnEvent) {
+        List<QkWarnEvent> list = qkWarnEventService.selectQkWarnEventList(qkWarnEvent);
+        ExcelUtil<QkWarnEvent> util = new ExcelUtil<QkWarnEvent>(QkWarnEvent.class);
+        util.exportExcel(response, list, "监测预警数据");
+    }
+
+    /**
+     * 获取监测预警详细信息
+     */
+    @GetMapping(value = "/{id}")
+    public AjaxResult getInfo(@PathVariable("id") Long id) {
+        return success(qkWarnEventService.selectQkWarnEventById(id));
+    }
+
+    /**
+     * 新增监测预警
+     */
+    @Log(title = "监测预警", businessType = BusinessType.INSERT)
+    @PostMapping
+    public AjaxResult add(@RequestBody QkWarnEvent qkWarnEvent) {
+        return toAjax(qkWarnEventService.insertQkWarnEvent(qkWarnEvent));
+    }
+
+    /**
+     * 修改监测预警
+     */
+    @Log(title = "监测预警", businessType = BusinessType.UPDATE)
+    @PutMapping
+    public AjaxResult edit(@RequestBody QkWarnEvent qkWarnEvent) {
+        return toAjax(qkWarnEventService.updateQkWarnEvent(qkWarnEvent));
+    }
+
+    /**
+     * 删除监测预警
+     */
+    @Log(title = "监测预警", businessType = BusinessType.DELETE)
+    @DeleteMapping("/{ids}")
+    public AjaxResult remove(@PathVariable Long[] ids) {
+        return toAjax(qkWarnEventService.deleteQkWarnEventByIds(ids));
+    }
+
+
+    /**
+     * 查询监测预警全部列表
+     */
+    @GetMapping("/warnEventAllList")
+    public AjaxResult warnEventAllList(QkWarnEvent qkWarnEvent) {
+        return success(qkWarnEventService.selectQkWarnEventList(qkWarnEvent));
+    }
+}

zhsq_qk-system/src/main/java/zhsq_qk/system/domain/QkWarnEvent.java

@@ -0,0 +1,119 @@
+package zhsq_qk.system.domain;
+
+import com.fasterxml.jackson.annotation.JsonFormat;
+import org.apache.commons.lang3.builder.ToStringBuilder;
+import org.apache.commons.lang3.builder.ToStringStyle;
+import zhsq_qk.common.annotation.Excel;
+import zhsq_qk.common.core.domain.BaseEntity;
+
+import java.util.Date;
+
+/**
+ * 监测预警对象 qk_warn_event
+ *
+ * @author ruoyi
+ * @date 2024-08-06
+ */
+public class QkWarnEvent extends BaseEntity {
+    private static final long serialVersionUID = 1L;
+
+    /**
+     * 主键id
+     */
+    private Long id;
+
+    /**
+     * 预警事件
+     */
+    @Excel(name = "预警事件")
+    private String warnEvent;
+
+    /**
+     * 预警时间
+     */
+    @JsonFormat(pattern = "yyyy-MM-dd HH:mm:ss")
+    @Excel(name = "预警时间", width = 30, dateFormat = "yyyy-MM-dd HH:mm:ss")
+    private Date warnTime;
+
+    /**
+     * 预警地点
+     */
+    @Excel(name = "预警地点")
+    private String warnAddress;
+
+    /**
+     * 预警类型
+     */
+    @Excel(name = "预警类型")
+    private String warnType;
+
+    /**
+     * 预警类型
+     */
+    private String warnTypeName;
+
+    public void setId(Long id) {
+        this.id = id;
+    }
+
+    public Long getId() {
+        return id;
+    }
+
+    public void setWarnEvent(String warnEvent) {
+        this.warnEvent = warnEvent;
+    }
+
+    public String getWarnEvent() {
+        return warnEvent;
+    }
+
+    public void setWarnTime(Date warnTime) {
+        this.warnTime = warnTime;
+    }
+
+    public Date getWarnTime() {
+        return warnTime;
+    }
+
+    public void setWarnAddress(String warnAddress) {
+        this.warnAddress = warnAddress;
+    }
+
+    public String getWarnAddress() {
+        return warnAddress;
+    }
+
+    public void setWarnType(String warnType) {
+        this.warnType = warnType;
+    }
+
+    public String getWarnType() {
+        return warnType;
+    }
+
+    public void setWarnTypeName(String warnTypeName) {
+        this.warnTypeName = warnTypeName;
+    }
+
+    public String getWarnTypeName() {
+        return warnTypeName;
+    }
+
+    @Override
+    public String toString() {
+        return new ToStringBuilder(this, ToStringStyle.MULTI_LINE_STYLE)
+                .append("id", getId())
+                .append("warnEvent", getWarnEvent())
+                .append("warnTime", getWarnTime())
+                .append("warnAddress", getWarnAddress())
+                .append("warnType", getWarnType())
+                .append("createBy", getCreateBy())
+                .append("createTime", getCreateTime())
+                .append("updateBy", getUpdateBy())
+                .append("updateTime", getUpdateTime())
+                .append("remark", getRemark())
+                .append("warnTypeName", getWarnTypeName())
+                .toString();
+    }
+}

zhsq_qk-system/src/main/java/zhsq_qk/system/mapper/QkWarnEventMapper.java

@@ -0,0 +1,61 @@
+package zhsq_qk.system.mapper;
+
+import zhsq_qk.system.domain.QkWarnEvent;
+
+import java.util.List;
+
+/**
+ * 监测预警Mapper接口
+ *
+ * @author ruoyi
+ * @date 2024-08-06
+ */
+public interface QkWarnEventMapper {
+    /**
+     * 查询监测预警
+     *
+     * @param id 监测预警主键
+     * @return 监测预警
+     */
+    public QkWarnEvent selectQkWarnEventById(Long id);
+
+    /**
+     * 查询监测预警列表
+     *
+     * @param qkWarnEvent 监测预警
+     * @return 监测预警集合
+     */
+    public List<QkWarnEvent> selectQkWarnEventList(QkWarnEvent qkWarnEvent);
+
+    /**
+     * 新增监测预警
+     *
+     * @param qkWarnEvent 监测预警
+     * @return 结果
+     */
+    public int insertQkWarnEvent(QkWarnEvent qkWarnEvent);
+
+    /**
+     * 修改监测预警
+     *
+     * @param qkWarnEvent 监测预警
+     * @return 结果
+     */
+    public int updateQkWarnEvent(QkWarnEvent qkWarnEvent);
+
+    /**
+     * 删除监测预警
+     *
+     * @param id 监测预警主键
+     * @return 结果
+     */
+    public int deleteQkWarnEventById(Long id);
+
+    /**
+     * 批量删除监测预警
+     *
+     * @param ids 需要删除的数据主键集合
+     * @return 结果
+     */
+    public int deleteQkWarnEventByIds(Long[] ids);
+}

zhsq_qk-system/src/main/java/zhsq_qk/system/service/IQkWarnEventService.java

@@ -0,0 +1,61 @@
+package zhsq_qk.system.service;
+
+import zhsq_qk.system.domain.QkWarnEvent;
+
+import java.util.List;
+
+/**
+ * 监测预警Service接口
+ *
+ * @author ruoyi
+ * @date 2024-08-06
+ */
+public interface IQkWarnEventService {
+    /**
+     * 查询监测预警
+     *
+     * @param id 监测预警主键
+     * @return 监测预警
+     */
+    public QkWarnEvent selectQkWarnEventById(Long id);
+
+    /**
+     * 查询监测预警列表
+     *
+     * @param qkWarnEvent 监测预警
+     * @return 监测预警集合
+     */
+    public List<QkWarnEvent> selectQkWarnEventList(QkWarnEvent qkWarnEvent);
+
+    /**
+     * 新增监测预警
+     *
+     * @param qkWarnEvent 监测预警
+     * @return 结果
+     */
+    public int insertQkWarnEvent(QkWarnEvent qkWarnEvent);
+
+    /**
+     * 修改监测预警
+     *
+     * @param qkWarnEvent 监测预警
+     * @return 结果
+     */
+    public int updateQkWarnEvent(QkWarnEvent qkWarnEvent);
+
+    /**
+     * 批量删除监测预警
+     *
+     * @param ids 需要删除的监测预警主键集合
+     * @return 结果
+     */
+    public int deleteQkWarnEventByIds(Long[] ids);
+
+    /**
+     * 删除监测预警信息
+     *
+     * @param id 监测预警主键
+     * @return 结果
+     */
+    public int deleteQkWarnEventById(Long id);
+}

zhsq_qk-system/src/main/java/zhsq_qk/system/service/impl/QkWarnEventServiceImpl.java

@@ -0,0 +1,90 @@
+package zhsq_qk.system.service.impl;
+
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.stereotype.Service;
+import zhsq_qk.common.utils.DateUtils;
+import zhsq_qk.system.domain.QkWarnEvent;
+import zhsq_qk.system.mapper.QkWarnEventMapper;
+import zhsq_qk.system.service.IQkWarnEventService;
+
+import java.util.List;
+
+/**
+ * 监测预警Service业务层处理
+ *
+ * @author ruoyi
+ * @date 2024-08-06
+ */
+@Service
+public class QkWarnEventServiceImpl implements IQkWarnEventService {
+    @Autowired
+    private QkWarnEventMapper qkWarnEventMapper;
+
+    /**
+     * 查询监测预警
+     *
+     * @param id 监测预警主键
+     * @return 监测预警
+     */
+    @Override
+    public QkWarnEvent selectQkWarnEventById(Long id) {
+        return qkWarnEventMapper.selectQkWarnEventById(id);
+    }
+
+    /**
+     * 查询监测预警列表
+     *
+     * @param qkWarnEvent 监测预警
+     * @return 监测预警
+     */
+    @Override
+    public List<QkWarnEvent> selectQkWarnEventList(QkWarnEvent qkWarnEvent) {
+        return qkWarnEventMapper.selectQkWarnEventList(qkWarnEvent);
+    }
+
+    /**
+     * 新增监测预警
+     *
+     * @param qkWarnEvent 监测预警
+     * @return 结果
+     */
+    @Override
+    public int insertQkWarnEvent(QkWarnEvent qkWarnEvent) {
+        qkWarnEvent.setCreateTime(DateUtils.getNowDate());
+        return qkWarnEventMapper.insertQkWarnEvent(qkWarnEvent);
+    }
+
+    /**
+     * 修改监测预警
+     *
+     * @param qkWarnEvent 监测预警
+     * @return 结果
+     */
+    @Override
+    public int updateQkWarnEvent(QkWarnEvent qkWarnEvent) {
+        qkWarnEvent.setUpdateTime(DateUtils.getNowDate());
+        return qkWarnEventMapper.updateQkWarnEvent(qkWarnEvent);
+    }
+
+    /**
+     * 批量删除监测预警
+     *
+     * @param ids 需要删除的监测预警主键
+     * @return 结果
+     */
+    @Override
+    public int deleteQkWarnEventByIds(Long[] ids) {
+        return qkWarnEventMapper.deleteQkWarnEventByIds(ids);
+    }
+
+    /**
+     * 删除监测预警信息
+     *
+     * @param id 监测预警主键
+     * @return 结果
+     */
+    @Override
+    public int deleteQkWarnEventById(Long id) {
+        return qkWarnEventMapper.deleteQkWarnEventById(id);
+    }
+}

zhsq_qk-system/src/main/resources/mapper/system/QkWarnEventMapper.xml

@@ -0,0 +1,151 @@
+<?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="zhsq_qk.system.mapper.QkWarnEventMapper">
+
+    <resultMap type="QkWarnEvent" id="QkWarnEventResult">
+        <result property="id" column="id"/>
+        <result property="warnEvent" column="warn_event"/>
+        <result property="warnTime" column="warn_time"/>
+        <result property="warnAddress" column="warn_address"/>
+        <result property="warnType" column="warn_type"/>
+        <result property="createBy" column="create_by"/>
+        <result property="createTime" column="create_time"/>
+        <result property="updateBy" column="update_by"/>
+        <result property="updateTime" column="update_time"/>
+        <result property="remark" column="remark"/>
+        <result property="warnTypeName" column="warnTypeName"/>
+    </resultMap>
+
+    <sql id="selectQkWarnEventVo">
+        select id,
+               warn_event,
+               warn_time,
+               warn_address,
+               warn_type,
+               case
+                   when warn_type = 1 then '城市内涝点'
+                   end warnTypeName,
+               create_by,
+               create_time,
+               update_by,
+               update_time,
+               remark
+        from qk_warn_event
+    </sql>
+
+    <select id="selectQkWarnEventList" parameterType="QkWarnEvent" resultMap="QkWarnEventResult">
+        <include refid="selectQkWarnEventVo"/>
+        <where>
+            <if test="warnEvent != null  and warnEvent != ''">
+                and warn_event = #{warnEvent}
+            </if>
+            <if test="warnAddress != null  and warnAddress != ''">
+                and warn_address = #{warnAddress}
+            </if>
+            <if test="warnType != null  and warnType != ''">
+                and warn_type = #{warnType}
+            </if>
+        </where>
+        order by warn_time desc
+    </select>
+
+    <select id="selectQkWarnEventById" parameterType="Long"
+            resultMap="QkWarnEventResult">
+        <include refid="selectQkWarnEventVo"/>
+        where id = #{id}
+    </select>
+
+    <insert id="insertQkWarnEvent" parameterType="QkWarnEvent" useGeneratedKeys="true"
+            keyProperty="id">
+        insert into qk_warn_event
+        <trim prefix="(" suffix=")" suffixOverrides=",">
+            <if test="warnEvent != null">warn_event,
+            </if>
+            <if test="warnTime != null">warn_time,
+            </if>
+            <if test="warnAddress != null">warn_address,
+            </if>
+            <if test="warnType != null">warn_type,
+            </if>
+            <if test="createBy != null">create_by,
+            </if>
+            <if test="createTime != null">create_time,
+            </if>
+            <if test="updateBy != null">update_by,
+            </if>
+            <if test="updateTime != null">update_time,
+            </if>
+            <if test="remark != null">remark,
+            </if>
+        </trim>
+        <trim prefix="values (" suffix=")" suffixOverrides=",">
+            <if test="warnEvent != null">#{warnEvent},
+            </if>
+            <if test="warnTime != null">#{warnTime},
+            </if>
+            <if test="warnAddress != null">#{warnAddress},
+            </if>
+            <if test="warnType != null">#{warnType},
+            </if>
+            <if test="createBy != null">#{createBy},
+            </if>
+            <if test="createTime != null">#{createTime},
+            </if>
+            <if test="updateBy != null">#{updateBy},
+            </if>
+            <if test="updateTime != null">#{updateTime},
+            </if>
+            <if test="remark != null">#{remark},
+            </if>
+        </trim>
+    </insert>
+
+    <update id="updateQkWarnEvent" parameterType="QkWarnEvent">
+        update qk_warn_event
+        <trim prefix="SET" suffixOverrides=",">
+            <if test="warnEvent != null">warn_event =
+                #{warnEvent},
+            </if>
+            <if test="warnTime != null">warn_time =
+                #{warnTime},
+            </if>
+            <if test="warnAddress != null">warn_address =
+                #{warnAddress},
+            </if>
+            <if test="warnType != null">warn_type =
+                #{warnType},
+            </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="updateTime != null">update_time =
+                #{updateTime},
+            </if>
+            <if test="remark != null">remark =
+                #{remark},
+            </if>
+        </trim>
+        where id = #{id}
+    </update>
+
+    <delete id="deleteQkWarnEventById" parameterType="Long">
+        delete
+        from qk_warn_event
+        where id = #{id}
+    </delete>
+
+    <delete id="deleteQkWarnEventByIds" parameterType="String">
+        delete from qk_warn_event where id in
+        <foreach item="id" collection="array" open="(" separator="," close=")">
+            #{id}
+        </foreach>
+    </delete>
+</mapper>

zhsq_qk-system/src/main/resources/mapper/system/SysCameraMapper.xml

@@ -72,7 +72,7 @@
         FROM
         sys_camera a
         left join sys_police_station b on a.police_id = b.id
-        <where>
+        where a.build_type != 4
             <if test="cameraName != null  and cameraName != ''">
                 and camera_name like concat('%', #{cameraName}, '%')
             </if>
@@ -86,7 +86,6 @@
             <if test="buildType != null  and buildType != ''">
                 and build_type = #{buildType}
             </if>
-        </where>
     </select>
 
     <select id="selectSysCameraById" parameterType="Long" resultMap="SysPoliceStationResult">

zhsq_qk-ui/src/api/system/aqyj.js

@@ -38,3 +38,11 @@ export function selectQkRescueSuppliesByDeptId(id) {
     method: 'get'
   })
 }
+
+// 查询监测预警全部列表
+export function warnEventAllList() {
+  return request({
+    url: '/system/event/warnEventAllList',
+    method: 'get',
+  })
+}

zhsq_qk-ui/src/api/system/event.js

@@ -0,0 +1,44 @@
+import request from '@/utils/request'
+
+// 查询监测预警列表
+export function listEvent(query) {
+    return request({
+        url: '/system/event/list',
+        method: 'get',
+        params: query
+    })
+}
+
+// 查询监测预警详细
+export function getEvent(id) {
+    return request({
+        url: '/system/event/' + id,
+        method: 'get'
+    })
+}
+
+// 新增监测预警
+export function addEvent(data) {
+    return request({
+        url: '/system/event',
+        method: 'post',
+        data: data
+    })
+}
+
+// 修改监测预警
+export function updateEvent(data) {
+    return request({
+        url: '/system/event',
+        method: 'put',
+        data: data
+    })
+}
+
+// 删除监测预警
+export function delEvent(id) {
+    return request({
+        url: '/system/event/' + id,
+        method: 'delete'
+    })
+}

zhsq_qk-ui/src/views/fusion/aqyj.vue

@@ -87,40 +87,10 @@
         <div class="qkq_tdzy">
           <div class="qkq_tit">监测预警</div>
           <ul class="qkq_csnl scrollbar">
-            <li>
-              <h4><span class="blue">【城市内涝点】</span>飞跃路与越野街交汇</h4>
-              <p>预警事件：内涝点积水</p>
-              <p>预警时间：2024年8月2日09:51:53</p>
-            </li>
-            <li>
-              <h4><span class="blue">【城市内涝点】</span>飞跃路与越野街交汇</h4>
-              <p>预警事件：内涝点积水</p>
-              <p>预警时间：2024年8月2日09:51:53</p>
-            </li>
-            <li>
-              <h4><span class="blue">【城市内涝点】</span>飞跃路与越野街交汇</h4>
-              <p>预警事件：内涝点积水</p>
-              <p>预警时间：2024年8月2日09:51:53</p>
-            </li>
-            <li>
-              <h4><span class="blue">【城市内涝点】</span>飞跃路与越野街交汇</h4>
-              <p>预警事件：内涝点积水</p>
-              <p>预警时间：2024年8月2日09:51:53</p>
-            </li>
-            <li>
-              <h4><span class="blue">【城市内涝点】</span>飞跃路与越野街交汇</h4>
-              <p>预警事件：内涝点积水</p>
-              <p>预警时间：2024年8月2日09:51:53</p>
-            </li>
-            <li>
-              <h4><span class="blue">【城市内涝点】</span>飞跃路与越野街交汇</h4>
-              <p>预警事件：内涝点积水</p>
-              <p>预警时间：2024年8月2日09:51:53</p>
-            </li>
-            <li>
-              <h4><span class="blue">【城市内涝点】</span>飞跃路与越野街交汇</h4>
-              <p>预警事件：内涝点积水</p>
-              <p>预警时间：2024年8月2日09:51:53</p>
+            <li  v-for="(item, index) in eventData" :key="index">
+              <h4><span class="blue">【{{ item.warnTypeName }}】</span>{{ item.warnAddress}}</h4>
+              <p>预警事件：{{ item.warnEvent}}</p>
+              <p>预警时间：{{ item.warnTime}}</p>
             </li>
           </ul>
         </div>
@@ -131,8 +101,8 @@
     <!--右侧结束-->
     <!-- 多选按钮  开始 -->
     <form class="qkq_dx">
-      <label><input type="checkbox" name="ckbx" id="sxt" @click="handleClick"/>摄像头</label>
-      <label><input checked type="checkbox" name="ckbx" id="yjcs" @click="handleClick"/>应急场所</label>
+      <label><input checked type="checkbox" name="ckbx" id="sxt" @click="handleClick"/>摄像头</label>
+      <label><input type="checkbox" name="ckbx" id="yjcs" @click="handleClick"/>应急场所</label>
       <label><input type="checkbox" name="ckbx" id="nld" @click="handleClick"/>城市内涝点</label>
       <label><input type="checkbox" name="ckbx" id="jyd" @click="handleClick"/>抢险救援队</label>
       <label><input type="checkbox" name="ckbx" id="fxwz" @click="handleClick"/>防汛物资</label>
@@ -199,6 +169,7 @@ import {
   selectQkEmergencyRescueTeamAllList,
   selectQkEmergencyShelterAllList,
   selectQkRescueSuppliesAllList,
+  warnEventAllList
 } from "@/api/system/aqyj";
 import supermap from "@/views/supermap/supermap";
 
@@ -215,6 +186,7 @@ export default {
       team: [],
       shelter: [],
       supplies: [],
+      eventData: [],
       sltProps: null,
       teamCurrent: null,
       shelterCurrent: null,
@@ -232,6 +204,7 @@ export default {
     this.selectQkEmergencyRescueTeamAllList();
     this.selectQkEmergencyShelterAllList();
     this.selectQkRescueSuppliesAllList();
+    this.warnEventAllList();
     // this.resourceDistribution();
     // this.deviceOnline();
     // this.deviceOffline();
@@ -321,57 +294,54 @@ export default {
       this.$refs.supermap.addMarkers(dataSource, "yjcs")
       this.$refs.supermap.dropLocation(val.latitude, val.longitude);
     },
+    //查询监测预警全部列表
+    warnEventAllList() {
+      warnEventAllList().then(response => {
+        this.eventData = response.data;
+      })
+    },
     //可视化查询抢险救援队列表
     selectQkEmergencyRescueTeamAllList() {
       selectQkEmergencyRescueTeamAllList().then(response => {
         this.team = response.data;
       })
-    }
-    ,
+    },
     //可视化查询应急避难所列表
     selectQkEmergencyShelterAllList() {
       selectQkEmergencyShelterAllList().then(response => {
         this.shelter = response.data;
       })
-    }
-    ,
+    },
     //可视化查询防汛抗旱物资储备列表
     selectQkRescueSuppliesAllList() {
       selectQkRescueSuppliesAllList().then(response => {
         this.supplies = response.data;
       })
-    }
-    ,
+    },
     sltHandle() {
       this.btnOne = true
       this.btnTwo = false
       this.$refs.supermap.getSupermap(null, null, null, "slt", null, null)
-    }
-    ,
+    },
     yxtHandle() {
       this.btnTwo = true
       this.btnOne = false
       this.$refs.supermap.getSupermap(null, null, null, "yxt", null, null)
-    }
-    ,
+    },
     handleNavigation(route) {
       this.$router.push({path: route});
-    }
-    ,
+    },
     homePage(route) {
       this.$router.push({path: route});
-    }
-    ,
+    },
     cameraList() {
       getCameraList().then(response => {
         this.cameras = response.data;
       })
-    }
-    ,
+    },
     toggleDropdown(event) {
       this.dropdownVisible = !this.dropdownVisible;
-    }
-    ,
+    },
 
     resourceDistribution() {
       //资源分布
@@ -1232,7 +1202,7 @@ export default {
     qkq_aqcn_chart() {
       var myChart = echarts.init(document.getElementById('qkq_aqcn_chart'));
     var  getvalue=[100];
-    
+
     var option = {
         title: {
         text: getvalue+'%',
@@ -1250,7 +1220,7 @@ export default {
         top: '37%'
     	},
         tooltip: {
-           
+
         },
       angleAxis: {
         max: 100,
@@ -1266,7 +1236,7 @@ export default {
             },
             axisLine: {
                 show: false,
-    
+
             },
             axisTick: {
                 show: false

zhsq_qk-ui/src/views/system/event/index.vue

@@ -0,0 +1,310 @@
+<template>
+  <div class="app-container">
+    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
+      <el-form-item label="预警事件" prop="warnEvent">
+        <el-input
+          v-model="queryParams.warnEvent"
+          placeholder="请输入预警事件"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="预警地点" prop="warnAddress">
+        <el-input
+          v-model="queryParams.warnAddress"
+          placeholder="请输入预警地点"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" 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"
+          plain
+          icon="el-icon-plus"
+          size="mini"
+          @click="handleAdd"
+        >新增
+        </el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="success"
+          plain
+          icon="el-icon-edit"
+          size="mini"
+          :disabled="single"
+          @click="handleUpdate"
+        >修改
+        </el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="danger"
+          plain
+          icon="el-icon-delete"
+          size="mini"
+          :disabled="multiple"
+          @click="handleDelete"
+        >删除
+        </el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="warning"
+          plain
+          icon="el-icon-download"
+          size="mini"
+          @click="handleExport"
+        >导出
+        </el-button>
+      </el-col>
+      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
+    </el-row>
+
+    <el-table v-loading="loading" :data="eventList" @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="55" align="center"/>
+      <el-table-column label="序号" align="center" type="index"/>
+      <el-table-column label="预警事件" align="center" prop="warnEvent"/>
+      <el-table-column label="预警时间" align="center" prop="warnTime" width="180">
+        <template slot-scope="scope">
+          <span>{{ parseTime(scope.row.warnTime, '{y}-{m}-{d} {h}:{i}:{s}') }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="预警地点" align="center" prop="warnAddress"/>
+      <el-table-column label="预警类型" prop="warnType" width="100">
+        <template slot-scope="scope">
+          <dict-tag :options="dict.type.warn_type" :value="scope.row.warnType"/>
+        </template>
+      </el-table-column>
+      <el-table-column label="备注" align="center" prop="remark"/>
+      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+        <template slot-scope="scope">
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-edit"
+            @click="handleUpdate(scope.row)"
+          >修改
+          </el-button>
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-delete"
+            @click="handleDelete(scope.row)"
+          >删除
+          </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="预警事件" prop="warnEvent">
+          <el-input v-model="form.warnEvent" placeholder="请输入预警事件"/>
+        </el-form-item>
+        <el-form-item label="预警时间" prop="warnTime">
+          <el-date-picker clearable
+                          v-model="form.warnTime"
+                          type="datetime"
+                          value-format="yyyy-MM-dd HH:mm:ss"
+                          placeholder="请选择预警时间">
+          </el-date-picker>
+        </el-form-item>
+        <el-form-item label="预警地点" prop="warnAddress">
+          <el-input v-model="form.warnAddress" placeholder="请输入预警地点"/>
+        </el-form-item>
+        <el-form-item label="预警类型" prop="warnType">
+          <el-select v-model="form.warnType" placeholder="请选择预警类型">
+            <el-option
+              v-for="dict in dict.type.warn_type"
+              :key="dict.value"
+              :label="dict.label"
+              :value="dict.value"
+            ></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="备注" prop="remark">
+          <el-input v-model="form.remark" type="textarea" 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>
+  </div>
+</template>
+
+<script>
+import {getEvent, listEvent, addEvent, delEvent, updateEvent} from "@/api/system/event";
+
+export default {
+  name: "Event",
+  dicts: ["warn_type"],
+  data() {
+    return {
+      // 遮罩层
+      loading: true,
+      // 选中数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // 监测预警表格数据
+      eventList: [],
+      // 弹出层标题
+      title: "",
+      // 是否显示弹出层
+      open: false,
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        warnEvent: null,
+        warnTime: null,
+        warnAddress: null,
+        warnType: null,
+      },
+      // 表单参数
+      form: {},
+      // 表单校验
+      rules: {
+        warnEvent: [
+          { required: true, message: "预警事件不能为空", trigger: "blur" },
+        ],
+        warnAddress: [
+          { required: true, message: "预警地点不能为空", trigger: "blur" },
+        ],
+        warnTime: [
+          { required: true, message: "预警时间不能为空", trigger: "change" },
+        ],
+        warnType: [
+          { required: true, message: "预警类型不能为空", trigger: "blur" },
+        ],
+      }
+    };
+  },
+  created() {
+    this.getList();
+  },
+  methods: {
+    /** 查询监测预警列表 */
+    getList() {
+      this.loading = true;
+      listEvent(this.queryParams).then(response => {
+        this.eventList = response.rows;
+        this.total = response.total;
+        this.loading = false;
+      });
+    },
+    // 取消按钮
+    cancel() {
+      this.open = false;
+      this.reset();
+    },
+    // 表单重置
+    reset() {
+      this.form = {
+        id: null,
+        warnEvent: null,
+        warnTime: null,
+        warnAddress: null,
+        warnType: null,
+        createBy: null,
+        createTime: null,
+        updateBy: null,
+        updateTime: null,
+        remark: 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
+      getEvent(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) {
+            updateEvent(this.form).then(response => {
+              this.$modal.msgSuccess("修改成功");
+              this.open = false;
+              this.getList();
+            });
+          } else {
+            addEvent(this.form).then(response => {
+              this.$modal.msgSuccess("新增成功");
+              this.open = false;
+              this.getList();
+            });
+          }
+        }
+      });
+    },
+    /** 删除按钮操作 */
+    /** 删除按钮操作 */
+    handleDelete(row) {
+      const ids = row.id || this.ids;
+      this.$modal.confirm('是否确认删除监测预警为"' + ids + '"的数据项？').then(function () {
+        return delEvent(ids);
+      }).then(() => {
+        this.getList();
+        this.$modal.msgSuccess("删除成功");
+      }).catch(() => {
+      });
+    },
+  }
+}
+;
+</script>