feat(各种前端页面修改):
This commit is contained in:
parent
b71300a918
commit
bb0e14dcfb
|
|
@ -0,0 +1,88 @@
|
|||
package com.ruoyi.sensor.service.impl;
|
||||
|
||||
import com.ruoyi.board.domain.AlertPlan;
|
||||
import com.ruoyi.board.domain.BoardInfo;
|
||||
import com.ruoyi.board.domain.PresetContent;
|
||||
import com.ruoyi.board.domain.ReleaseRecord;
|
||||
import com.ruoyi.board.domain.enums.AlertPlanType;
|
||||
import com.ruoyi.board.service.IAlertPlanService;
|
||||
import com.ruoyi.board.service.IBoardInfoService;
|
||||
import com.ruoyi.board.service.IPresetContentService;
|
||||
import com.ruoyi.board.service.IReleaseRecordService;
|
||||
import com.ruoyi.common.utils.SecurityUtils;
|
||||
import com.ruoyi.protocol.sansi.SanSiProtocol;
|
||||
import com.ruoyi.sensor.domain.PerceptionParams;
|
||||
import com.ruoyi.sensor.domain.WarningStatusInfo;
|
||||
import com.ruoyi.sensor.merchants.MerchantsHttp;
|
||||
import com.ruoyi.sensor.service.ISensorDataService;
|
||||
import org.slf4j.Logger;
|
||||
import org.slf4j.LoggerFactory;
|
||||
import org.springframework.beans.factory.annotation.Autowired;
|
||||
import org.springframework.stereotype.Service;
|
||||
|
||||
import java.util.Date;
|
||||
|
||||
@Service
|
||||
public class SensorDataServiceImpl implements ISensorDataService {
|
||||
|
||||
private static final Logger log = LoggerFactory.getLogger(SensorDataServiceImpl.class);
|
||||
@Autowired
|
||||
private IBoardInfoService boardInfoService;
|
||||
@Autowired
|
||||
private IAlertPlanService alertPlanService;
|
||||
@Autowired
|
||||
private IPresetContentService presetContentService;
|
||||
@Autowired
|
||||
private IReleaseRecordService releaseRecordService;
|
||||
|
||||
@Override
|
||||
public void perceptionParamsHandler(PerceptionParams params) {
|
||||
int planTypeByName = AlertPlanType.getPlanTypeByName(params.getPerceptionType());
|
||||
// 找到符合计划的预警
|
||||
AlertPlan oneByTypeAndValue = alertPlanService.getOneByTypeAndValue(planTypeByName, params.getPerceptionValue());
|
||||
if (null == oneByTypeAndValue) {
|
||||
log.error("找不到预警计划");
|
||||
return;
|
||||
}
|
||||
// 情报板设备信息
|
||||
BoardInfo oneByIP = boardInfoService.getOneByIP(params.getBoardIp());
|
||||
if (null == oneByIP) {
|
||||
log.error("找不到情报板信息");
|
||||
return;
|
||||
}
|
||||
// 预置发布的信息
|
||||
PresetContent oneByContentAndBoardSize = presetContentService.getOneByContentAndBoardSize(oneByTypeAndValue.getDisplayContent(), oneByIP.getBoardSize(), planTypeByName);
|
||||
if (null == oneByContentAndBoardSize) {
|
||||
log.error("找不到预置发布的信息");
|
||||
return;
|
||||
}
|
||||
|
||||
// 获取同类型最新的一条发布记录
|
||||
ReleaseRecord oneLatestByBoardId = releaseRecordService.getOneLatestByBoardId(oneByIP.getBoardIp(), 1);
|
||||
if (null == oneLatestByBoardId) {
|
||||
// 说明之前没有发布记录
|
||||
}
|
||||
|
||||
// todo 发布
|
||||
boolean sanSiProtocol = new SanSiProtocol().publishContent(oneByIP, oneByContentAndBoardSize);
|
||||
// 经过主动发布之后就变成预置信息
|
||||
// 发布之后记录发布内容 ReleaseRecord
|
||||
ReleaseRecord releaseRecord = new ReleaseRecord();
|
||||
releaseRecord.setBoardId(oneByIP.getId());
|
||||
releaseRecord.setPresetContentId(oneByContentAndBoardSize.getId());
|
||||
releaseRecord.setCreateTime(new Date());
|
||||
releaseRecord.setCreatedBy(SecurityUtils.getUserId().intValue());
|
||||
releaseRecordService.save(releaseRecord);
|
||||
// 记录完了之后就需要向对方发送日志记录
|
||||
WarningStatusInfo statusInfo = new WarningStatusInfo();
|
||||
statusInfo.setStatus("");
|
||||
statusInfo.setInfoBoardIP(oneByIP.getBoardIp());
|
||||
statusInfo.setWarningType(params.getPerceptionType());
|
||||
statusInfo.setWarningMessage(oneByContentAndBoardSize.getContent());
|
||||
statusInfo.setWarningValue(params.getPerceptionValue());
|
||||
statusInfo.setCurrentWarningLevel(oneByTypeAndValue.getLevel());
|
||||
statusInfo.setTriggerTime(new Date());
|
||||
// 开始发送状态记录
|
||||
MerchantsHttp.sendWarning(new WarningStatusInfo());
|
||||
}
|
||||
}
|
||||
|
|
@ -1,5 +1,5 @@
|
|||
# 页面标题
|
||||
VUE_APP_TITLE = 若依管理系统
|
||||
VUE_APP_TITLE = 瓷器活发布系统
|
||||
|
||||
# 开发环境配置
|
||||
ENV = 'development'
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
# 页面标题
|
||||
VUE_APP_TITLE = 若依管理系统
|
||||
VUE_APP_TITLE = 瓷器活发布系统
|
||||
|
||||
# 生产环境配置
|
||||
ENV = 'production'
|
||||
|
|
|
|||
|
|
@ -0,0 +1,44 @@
|
|||
import request from '@/utils/request'
|
||||
|
||||
// 查询预置信息及模版列表
|
||||
export function listContent(query) {
|
||||
return request({
|
||||
url: '/board/content/list',
|
||||
method: 'get',
|
||||
params: query
|
||||
})
|
||||
}
|
||||
|
||||
// 查询预置信息及模版详细
|
||||
export function getContent(id) {
|
||||
return request({
|
||||
url: '/board/content/' + id,
|
||||
method: 'get'
|
||||
})
|
||||
}
|
||||
|
||||
// 新增预置信息及模版
|
||||
export function addContent(data) {
|
||||
return request({
|
||||
url: '/board/content',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
|
||||
// 修改预置信息及模版
|
||||
export function updateContent(data) {
|
||||
return request({
|
||||
url: '/board/content',
|
||||
method: 'put',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
|
||||
// 删除预置信息及模版
|
||||
export function delContent(id) {
|
||||
return request({
|
||||
url: '/board/content/' + id,
|
||||
method: 'delete'
|
||||
})
|
||||
}
|
||||
|
|
@ -0,0 +1,44 @@
|
|||
import request from '@/utils/request'
|
||||
|
||||
// 查询情报板信息列表
|
||||
export function listInfo(query) {
|
||||
return request({
|
||||
url: '/board/info/list',
|
||||
method: 'get',
|
||||
params: query
|
||||
})
|
||||
}
|
||||
|
||||
// 查询情报板信息详细
|
||||
export function getInfo(id) {
|
||||
return request({
|
||||
url: '/board/info/' + id,
|
||||
method: 'get'
|
||||
})
|
||||
}
|
||||
|
||||
// 新增情报板信息
|
||||
export function addInfo(data) {
|
||||
return request({
|
||||
url: '/board/info',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
|
||||
// 修改情报板信息
|
||||
export function updateInfo(data) {
|
||||
return request({
|
||||
url: '/board/info',
|
||||
method: 'put',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
|
||||
// 删除情报板信息
|
||||
export function delInfo(id) {
|
||||
return request({
|
||||
url: '/board/info/' + id,
|
||||
method: 'delete'
|
||||
})
|
||||
}
|
||||
|
|
@ -0,0 +1,44 @@
|
|||
import request from '@/utils/request'
|
||||
|
||||
// 查询警报计划列表
|
||||
export function listPlan(query) {
|
||||
return request({
|
||||
url: '/board/plan/list',
|
||||
method: 'get',
|
||||
params: query
|
||||
})
|
||||
}
|
||||
|
||||
// 查询警报计划详细
|
||||
export function getPlan(id) {
|
||||
return request({
|
||||
url: '/board/plan/' + id,
|
||||
method: 'get'
|
||||
})
|
||||
}
|
||||
|
||||
// 新增警报计划
|
||||
export function addPlan(data) {
|
||||
return request({
|
||||
url: '/board/plan',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
|
||||
// 修改警报计划
|
||||
export function updatePlan(data) {
|
||||
return request({
|
||||
url: '/board/plan',
|
||||
method: 'put',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
|
||||
// 删除警报计划
|
||||
export function delPlan(id) {
|
||||
return request({
|
||||
url: '/board/plan/' + id,
|
||||
method: 'delete'
|
||||
})
|
||||
}
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 79 KiB After Width: | Height: | Size: 4.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 79 KiB |
|
|
@ -9,14 +9,6 @@
|
|||
<template v-if="device!=='mobile'">
|
||||
<search id="header-search" class="right-menu-item" />
|
||||
|
||||
<el-tooltip content="源码地址" effect="dark" placement="bottom">
|
||||
<ruo-yi-git id="ruoyi-git" class="right-menu-item hover-effect" />
|
||||
</el-tooltip>
|
||||
|
||||
<el-tooltip content="文档地址" effect="dark" placement="bottom">
|
||||
<ruo-yi-doc id="ruoyi-doc" class="right-menu-item hover-effect" />
|
||||
</el-tooltip>
|
||||
|
||||
<screenfull id="screenfull" class="right-menu-item hover-effect" />
|
||||
|
||||
<el-tooltip content="布局大小" effect="dark" placement="bottom">
|
||||
|
|
|
|||
|
|
@ -0,0 +1,448 @@
|
|||
<template>
|
||||
<div class="app-container">
|
||||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="auto">
|
||||
<el-form-item label="预置信息名称" prop="name">
|
||||
<el-input
|
||||
v-model="queryParams.name"
|
||||
placeholder="请输入预置信息名称"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="情报板尺寸" prop="boardSize">
|
||||
<el-select
|
||||
v-model="queryParams.boardSize"
|
||||
clearable
|
||||
placeholder="全部">
|
||||
<el-option
|
||||
v-for="dict in dict.type.board_size"
|
||||
:key="dict.value"
|
||||
:label="dict.label + ' ' + dict.value"
|
||||
:value="dict.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="类型" prop="type">
|
||||
<el-select
|
||||
v-model="queryParams.type"
|
||||
clearable
|
||||
placeholder="全部"
|
||||
>
|
||||
<el-option
|
||||
v-for="dict in dict.type.alert_type"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
/>
|
||||
</el-select>
|
||||
</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"
|
||||
v-hasPermi="['board:content:add']"
|
||||
>新增</el-button>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="success"
|
||||
plain
|
||||
icon="el-icon-edit"
|
||||
size="mini"
|
||||
:disabled="single"
|
||||
@click="handleUpdate"
|
||||
v-hasPermi="['board:content:edit']"
|
||||
>修改</el-button>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="danger"
|
||||
plain
|
||||
icon="el-icon-delete"
|
||||
size="mini"
|
||||
:disabled="multiple"
|
||||
@click="handleDelete"
|
||||
v-hasPermi="['board:content:remove']"
|
||||
>删除</el-button>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="warning"
|
||||
plain
|
||||
icon="el-icon-download"
|
||||
size="mini"
|
||||
@click="handleExport"
|
||||
v-hasPermi="['board:content:export']"
|
||||
>导出</el-button>
|
||||
</el-col>
|
||||
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
|
||||
</el-row>
|
||||
|
||||
<el-table v-loading="loading" :data="contentList" @selection-change="handleSelectionChange">
|
||||
<el-table-column type="selection" width="55" align="center" />
|
||||
<el-table-column label="唯一编号" align="center" prop="id" />
|
||||
<el-table-column label="预置信息名称" align="center" prop="name" />
|
||||
<el-table-column label="情报板尺寸" align="center" prop="boardSize" />
|
||||
<el-table-column label="信息类型" align="center" prop="infoType">
|
||||
<template slot-scope="scope">
|
||||
<dict-tag :options="dict.type.alert_type" :value="scope.row.infoType"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="预置内容" align="center" prop="content" />
|
||||
<el-table-column label="预览路径" align="center" prop="previewPath" />
|
||||
<!-- <el-table-column label="字体样式" align="center" prop="fontStyle" />-->
|
||||
<!-- <el-table-column label="字体大小" align="center" prop="fontSize" />-->
|
||||
<!-- <el-table-column label="字体间距" align="center" prop="letterSpacing" />-->
|
||||
<!-- <el-table-column label="字体颜色" align="center" prop="fontColor" />-->
|
||||
<!-- <el-table-column label="字体坐标X" align="center" prop="fontPositionX" />-->
|
||||
<!-- <el-table-column label="字体坐标Y" align="center" prop="fontPositionY" />-->
|
||||
<el-table-column label="播放时间" align="center" prop="playTime" />
|
||||
<!-- <el-table-column label="当前预置类型 1：内置模版 0：预发布信息" align="center" prop="presetType" />-->
|
||||
<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)"
|
||||
v-hasPermi="['board:content:edit']"
|
||||
>修改</el-button>
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-delete"
|
||||
@click="handleDelete(scope.row)"
|
||||
v-hasPermi="['board:content: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="auto">
|
||||
<el-form-item label="预置信息名称" prop="name">
|
||||
<el-input v-model="form.name" placeholder="请输入预置信息名称" />
|
||||
</el-form-item>
|
||||
<el-form-item label="预置信息类型" prop="infoType">
|
||||
<el-select
|
||||
v-model="form.infoType"
|
||||
placeholder="全部"
|
||||
>
|
||||
<el-option
|
||||
v-for="dict in dict.type.alert_type"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="情报板尺寸" prop="boardSize">
|
||||
<el-select
|
||||
v-model="form.boardSize"
|
||||
placeholder="请选择情报板尺寸">
|
||||
<el-option
|
||||
v-for="dict in dict.type.board_size"
|
||||
:key="dict.value"
|
||||
:label="dict.label + ' ' + dict.value"
|
||||
:value="dict.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="预置内容" prop="content">
|
||||
<el-input v-model="form.content" placeholder="请输入预置内容"/>
|
||||
</el-form-item>
|
||||
<el-form-item label="备注" prop="remark">
|
||||
<el-input v-model="form.remark" placeholder="请输入备注" />
|
||||
</el-form-item>
|
||||
<el-form-item label="字体样式" prop="fontStyle">
|
||||
<el-select
|
||||
v-model="form.fontStyle"
|
||||
placeholder="请选择字体样式">
|
||||
<el-option
|
||||
v-for="dict in dict.type.font_style"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="字体颜色" prop="fontColor">
|
||||
<el-select
|
||||
v-model="form.fontColor"
|
||||
placeholder="请选择字体颜色">
|
||||
<el-option
|
||||
v-for="dict in dict.type.font_color"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="字体大小" prop="fontSize">
|
||||
<el-input-number :min="0" v-model="form.fontSize" placeholder="请输入字体大小" />
|
||||
</el-form-item>
|
||||
<el-form-item label="字体间距" prop="letterSpacing">
|
||||
<el-input-number :min="0" v-model="form.letterSpacing" placeholder="请输入字体间距" />
|
||||
</el-form-item>
|
||||
<el-form-item label="字体坐标X" prop="fontPositionX">
|
||||
<el-input-number v-model="form.fontPositionX" placeholder="请输入字体坐标X" />
|
||||
</el-form-item>
|
||||
<el-form-item label="字体坐标Y" prop="fontPositionY">
|
||||
<el-input-number v-model="form.fontPositionY" placeholder="请输入字体坐标Y" />
|
||||
</el-form-item>
|
||||
<el-form-item label="播放时间" prop="playTime">
|
||||
<el-input-number :min="0" v-model="form.playTime" placeholder="请输入播放时间" />
|
||||
</el-form-item>
|
||||
<el-form-item label="预览路径" prop="previewPath">
|
||||
<el-input v-model="form.previewPath" 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 { listContent, getContent, delContent, addContent, updateContent } from "@/api/board/content";
|
||||
|
||||
export default {
|
||||
name: "Content",
|
||||
dicts: ['board_size','font_color','font_style', 'alert_type'],
|
||||
data() {
|
||||
return {
|
||||
// 遮罩层
|
||||
loading: true,
|
||||
// 选中数组
|
||||
ids: [],
|
||||
// 非单个禁用
|
||||
single: true,
|
||||
// 非多个禁用
|
||||
multiple: true,
|
||||
// 显示搜索条件
|
||||
showSearch: true,
|
||||
// 总条数
|
||||
total: 0,
|
||||
// 预置信息及模版表格数据
|
||||
contentList: [],
|
||||
// 弹出层标题
|
||||
title: "",
|
||||
// 是否显示弹出层
|
||||
open: false,
|
||||
// 查询参数
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
name: null,
|
||||
boardSize: null,
|
||||
infoType: null,
|
||||
content: null,
|
||||
previewPath: null,
|
||||
fontStyle: null,
|
||||
fontSize: null,
|
||||
letterSpacing: null,
|
||||
fontColor: null,
|
||||
fontPositionX: null,
|
||||
fontPositionY: null,
|
||||
playTime: null,
|
||||
presetType: null,
|
||||
},
|
||||
// 表单参数
|
||||
form: {},
|
||||
// 表单校验
|
||||
rules: {
|
||||
name: [
|
||||
{ required: true, message: "预置信息名称不能为空", trigger: "blur" }
|
||||
],
|
||||
boardSize: [
|
||||
{ required: true, message: "情报板尺寸不能为空", trigger: "blur" }
|
||||
],
|
||||
infoType: [
|
||||
{ required: true, message: "信息类型不能为空", trigger: "change" }
|
||||
],
|
||||
content: [
|
||||
{ required: true, message: "预置内容不能为空", trigger: "blur" }
|
||||
],
|
||||
previewPath: [
|
||||
{ required: true, message: "预览路径不能为空", trigger: "blur" }
|
||||
],
|
||||
fontStyle: [
|
||||
{ required: true, message: "字体样式不能为空", trigger: "blur" }
|
||||
],
|
||||
fontSize: [
|
||||
{ required: true, message: "字体大小不能为空", trigger: "blur" }
|
||||
],
|
||||
letterSpacing: [
|
||||
{ required: true, message: "字体间距不能为空", trigger: "blur" }
|
||||
],
|
||||
fontColor: [
|
||||
{ required: true, message: "字体颜色不能为空", trigger: "blur" }
|
||||
],
|
||||
fontPositionX: [
|
||||
{ required: true, message: "字体坐标X不能为空", trigger: "blur" }
|
||||
],
|
||||
fontPositionY: [
|
||||
{ required: true, message: "字体坐标Y不能为空", trigger: "blur" }
|
||||
],
|
||||
playTime: [
|
||||
{ required: true, message: "播放时间不能为空", trigger: "blur" }
|
||||
],
|
||||
presetType: [
|
||||
{ required: false, message: "当前预置类型 1：内置模版 0：预发布信息不能为空", trigger: "change" }
|
||||
],
|
||||
remark: [
|
||||
{ required: false, message: "备注不能为空", trigger: "blur" }
|
||||
],
|
||||
createTime: [
|
||||
{ required: true, message: "创建时间不能为空", trigger: "blur" }
|
||||
],
|
||||
updateTime: [
|
||||
{ required: true, message: "更新时间不能为空", trigger: "blur" }
|
||||
],
|
||||
createBy: [
|
||||
{ required: true, message: "创建人id不能为空", trigger: "blur" }
|
||||
],
|
||||
updateBy: [
|
||||
{ required: true, message: "更新人id不能为空", trigger: "blur" }
|
||||
]
|
||||
}
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.getList();
|
||||
},
|
||||
methods: {
|
||||
/** 查询预置信息及模版列表 */
|
||||
getList() {
|
||||
this.loading = true;
|
||||
listContent(this.queryParams).then(response => {
|
||||
this.contentList = response.rows;
|
||||
this.total = response.total;
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
// 取消按钮
|
||||
cancel() {
|
||||
this.open = false;
|
||||
this.reset();
|
||||
},
|
||||
// 表单重置
|
||||
reset() {
|
||||
this.form = {
|
||||
id: null,
|
||||
name: null,
|
||||
boardSize: null,
|
||||
infoType: null,
|
||||
content: null,
|
||||
previewPath: null,
|
||||
fontStyle: null,
|
||||
fontSize: null,
|
||||
letterSpacing: null,
|
||||
fontColor: null,
|
||||
fontPositionX: null,
|
||||
fontPositionY: null,
|
||||
playTime: null,
|
||||
presetType: null,
|
||||
remark: null,
|
||||
createTime: null,
|
||||
updateTime: null,
|
||||
createBy: null,
|
||||
updateBy: 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
|
||||
getContent(id).then(response => {
|
||||
this.form = response.data;
|
||||
this.form.infoType += '';
|
||||
this.open = true;
|
||||
this.title = "修改预置信息及模版";
|
||||
});
|
||||
},
|
||||
/** 提交按钮 */
|
||||
submitForm() {
|
||||
this.$refs["form"].validate(valid => {
|
||||
if (valid) {
|
||||
if (this.form.id != null) {
|
||||
updateContent(this.form).then(response => {
|
||||
this.$modal.msgSuccess("修改成功");
|
||||
this.open = false;
|
||||
this.getList();
|
||||
});
|
||||
} else {
|
||||
addContent(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 delContent(ids);
|
||||
}).then(() => {
|
||||
this.getList();
|
||||
this.$modal.msgSuccess("删除成功");
|
||||
}).catch(() => {});
|
||||
},
|
||||
/** 导出按钮操作 */
|
||||
handleExport() {
|
||||
this.download('board/content/export', {
|
||||
...this.queryParams
|
||||
}, `content_${new Date().getTime()}.xlsx`)
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
|
@ -0,0 +1,37 @@
|
|||
<template>
|
||||
<el-select
|
||||
v-model="size"
|
||||
placeholder="请选择"
|
||||
>
|
||||
<el-option
|
||||
v-for="dict in dict.type.board_size"
|
||||
:key="dict.value"
|
||||
:label="dict.label + ' ' + dict.value"
|
||||
:value="dict.value"
|
||||
/>
|
||||
</el-select>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
dicts: [
|
||||
'board_size'
|
||||
],
|
||||
props: {
|
||||
size: {
|
||||
type: String,
|
||||
default: '',
|
||||
},
|
||||
},
|
||||
data: {
|
||||
return: {
|
||||
sizeValue: '',
|
||||
}
|
||||
},
|
||||
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
|
||||
</style>
|
||||
|
|
@ -0,0 +1,424 @@
|
|||
<template>
|
||||
<div class="app-container">
|
||||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="auto">
|
||||
<el-form-item label="情报板名称" prop="boardName">
|
||||
<el-input
|
||||
v-model="queryParams.boardName"
|
||||
placeholder="请输入情报板名称"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="情报板工桩号" prop="boardMileage">
|
||||
<el-input
|
||||
v-model="queryParams.boardMileage"
|
||||
placeholder="请输入情报板工桩号"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="情报板尺寸" prop="boardSize">
|
||||
<el-select
|
||||
v-model="queryParams.boardSize"
|
||||
clearable
|
||||
placeholder="全部">
|
||||
<el-option
|
||||
v-for="dict in dict.type.board_size"
|
||||
:key="dict.value"
|
||||
:label="dict.label + ' ' + dict.value"
|
||||
:value="dict.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="情报板品牌" prop="boardBrand">
|
||||
<el-input
|
||||
v-model="queryParams.boardBrand"
|
||||
placeholder="请输入情报板品牌"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="情报板通讯协议" prop="boardCommunicationProtocol">
|
||||
<el-select
|
||||
v-model="queryParams.boardCommunicationProtocol"
|
||||
clearable
|
||||
placeholder="全部"
|
||||
>
|
||||
<el-option
|
||||
v-for="dict in dict.type.board_protocol"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="情报板路段" prop="boardRoadSection">
|
||||
<treeselect v-model="queryParams.boardRoadSection" :options="deptOptions" placeholder="请选择归属路段"
|
||||
style="width: 300px"/>
|
||||
</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"
|
||||
v-hasPermi="['board:info:add']"
|
||||
>新增
|
||||
</el-button>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="success"
|
||||
plain
|
||||
icon="el-icon-edit"
|
||||
size="mini"
|
||||
:disabled="single"
|
||||
@click="handleUpdate"
|
||||
v-hasPermi="['board:info:edit']"
|
||||
>修改
|
||||
</el-button>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="danger"
|
||||
plain
|
||||
icon="el-icon-delete"
|
||||
size="mini"
|
||||
:disabled="multiple"
|
||||
@click="handleDelete"
|
||||
v-hasPermi="['board:info:remove']"
|
||||
>删除
|
||||
</el-button>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="warning"
|
||||
plain
|
||||
icon="el-icon-download"
|
||||
size="mini"
|
||||
@click="handleExport"
|
||||
v-hasPermi="['board:info:export']"
|
||||
>导出
|
||||
</el-button>
|
||||
</el-col>
|
||||
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
|
||||
</el-row>
|
||||
|
||||
<el-table v-loading="loading" :data="infoList" @selection-change="handleSelectionChange" append-to-body>
|
||||
<el-table-column type="selection" width="55" align="center"/>
|
||||
<el-table-column label="唯一编号" align="center" prop="id"/>
|
||||
<el-table-column label="情报板名称" align="center" prop="boardName"/>
|
||||
<el-table-column label="情报板路段" align="center" prop="boardRoadSection"/>
|
||||
<el-table-column label="情报板方向" align="center" prop="boardDirection"/>
|
||||
<el-table-column label="情报板工桩号" align="center" prop="boardMileage"/>
|
||||
<el-table-column label="情报板尺寸" align="center" prop="boardSize">
|
||||
<template slot-scope="scope">
|
||||
<dict-tag :options="dict.type.board_size" :value="scope.row.boardSize"/>
|
||||
{{ scope.row.boardSize }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="情报板品牌" align="center" prop="boardBrand"/>
|
||||
<el-table-column label="情报板通讯协议" align="center" prop="boardCommunicationProtocol">
|
||||
<template slot-scope="scope">
|
||||
<dict-tag :options="dict.type.board_protocol" :value="scope.row.boardCommunicationProtocol"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="情报板IP" align="center" prop="boardIp"/>
|
||||
<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)"
|
||||
v-hasPermi="['board:info:edit']"
|
||||
>修改
|
||||
</el-button>
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-delete"
|
||||
@click="handleDelete(scope.row)"
|
||||
v-hasPermi="['board:info: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="auto">
|
||||
<el-form-item label="情报板名称" prop="boardName">
|
||||
<el-input v-model="form.boardName" placeholder="请输入情报板名称"/>
|
||||
</el-form-item>
|
||||
<el-form-item label="情报板路段" prop="boardRoadSection">
|
||||
<treeselect v-model="form.boardRoadSection" :options="deptOptions" placeholder="请选择归属路段"
|
||||
style="width: 300px"/>
|
||||
</el-form-item>
|
||||
<el-form-item label="情报板方向" prop="boardDirection">
|
||||
<el-input v-model="form.boardDirection" placeholder="请输入情报板方向"/>
|
||||
</el-form-item>
|
||||
<el-form-item label="情报板工桩号" prop="boardMileage">
|
||||
<el-input v-model="form.boardMileage" placeholder="请输入情报板工桩号"/>
|
||||
</el-form-item>
|
||||
<el-form-item label="情报板尺寸" prop="boardSize">
|
||||
<el-select
|
||||
v-model="form.boardSize"
|
||||
placeholder="请选择"
|
||||
>
|
||||
<el-option
|
||||
v-for="dict in dict.type.board_size"
|
||||
:key="dict.value"
|
||||
:label="dict.label + ' ' + dict.value"
|
||||
:value="dict.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="情报板品牌" prop="boardBrand">
|
||||
<el-input v-model="form.boardBrand" placeholder="请输入情报板品牌"/>
|
||||
</el-form-item>
|
||||
<el-form-item label="情报板通讯协议" prop="boardCommunicationProtocol">
|
||||
<el-select
|
||||
v-model="form.boardCommunicationProtocol"
|
||||
placeholder="全部"
|
||||
>
|
||||
<el-option
|
||||
v-for="dict in dict.type.board_protocol"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="情报板IP" prop="boardIp">
|
||||
<el-input v-model="form.boardIp" placeholder="请输入情报板IP"/>
|
||||
</el-form-item>
|
||||
<el-form-item label="情报板端口号" prop="boardPort">
|
||||
<el-input-number :min="0" :max="65535" v-model="form.boardPort"
|
||||
placeholder="填0为默认端口"/>
|
||||
</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 {listInfo, getInfo, delInfo, addInfo, updateInfo} from "@/api/board/info";
|
||||
import {deptTreeSelect} from "@/api/system/user";
|
||||
import Treeselect from "@riophae/vue-treeselect";
|
||||
import "@riophae/vue-treeselect/dist/vue-treeselect.css";
|
||||
|
||||
export default {
|
||||
name: "Info",
|
||||
dicts: ['board_size', 'board_protocol'],
|
||||
components: {Treeselect},
|
||||
data() {
|
||||
return {
|
||||
// 遮罩层
|
||||
loading: true,
|
||||
// 选中数组
|
||||
ids: [],
|
||||
// 非单个禁用
|
||||
single: true,
|
||||
// 非多个禁用
|
||||
multiple: true,
|
||||
// 部门树选项
|
||||
deptOptions: [],
|
||||
// 显示搜索条件
|
||||
showSearch: true,
|
||||
// 总条数
|
||||
total: 0,
|
||||
// 情报板信息表格数据
|
||||
infoList: [],
|
||||
// 弹出层标题
|
||||
title: "",
|
||||
// 是否显示弹出层
|
||||
open: false,
|
||||
// 查询参数
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
boardName: null,
|
||||
boardRoadSection: null,
|
||||
boardDirection: null,
|
||||
boardMileage: null,
|
||||
boardSize: null,
|
||||
boardBrand: null,
|
||||
boardCommunicationProtocol: null,
|
||||
boardIp: null,
|
||||
boardPort: null
|
||||
},
|
||||
// 表单参数
|
||||
form: {},
|
||||
// 表单校验
|
||||
rules: {
|
||||
boardName: [
|
||||
{required: true, message: "情报板名称不能为空", trigger: "blur"}
|
||||
],
|
||||
boardRoadSection: [
|
||||
{required: true, message: "情报板路段不能为空", trigger: "blur"}
|
||||
],
|
||||
boardDirection: [
|
||||
{required: true, message: "情报板方向不能为空", trigger: "blur"}
|
||||
],
|
||||
boardMileage: [
|
||||
{required: true, message: "情报板工桩号不能为空", trigger: "blur"}
|
||||
],
|
||||
boardSize: [
|
||||
{required: true, message: "情报板尺寸不能为空", trigger: "blur"}
|
||||
],
|
||||
boardBrand: [
|
||||
{required: true, message: "情报板品牌不能为空", trigger: "blur"}
|
||||
],
|
||||
boardCommunicationProtocol: [
|
||||
{required: true, message: "情报板通讯协议不能为空", trigger: "blur"}
|
||||
],
|
||||
boardIp: [
|
||||
{required: true, message: "情报板IP不能为空", trigger: "blur"},
|
||||
{
|
||||
pattern: /^(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[1-9]?[0-9])\.(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[1-9]?[0-9])\.(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[1-9]?[0-9])\.(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[1-9]?[0-9])$/,
|
||||
message: "请输入正确的 IP",
|
||||
trigger: "blur"
|
||||
}
|
||||
],
|
||||
boardPort: [
|
||||
{required: true, message: "情报板端口号不能为空", trigger: "blur"}
|
||||
]
|
||||
}
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.getList();
|
||||
this.getDeptTree();
|
||||
},
|
||||
methods: {
|
||||
/** 查询情报板信息列表 */
|
||||
getList() {
|
||||
this.loading = true;
|
||||
listInfo(this.queryParams).then(response => {
|
||||
this.infoList = response.rows;
|
||||
this.total = response.total;
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
// 取消按钮
|
||||
cancel() {
|
||||
this.open = false;
|
||||
this.reset();
|
||||
},
|
||||
// 表单重置
|
||||
reset() {
|
||||
this.form = {
|
||||
id: null,
|
||||
boardName: null,
|
||||
boardRoadSection: null,
|
||||
boardDirection: null,
|
||||
boardMileage: null,
|
||||
boardSize: null,
|
||||
boardBrand: null,
|
||||
boardCommunicationProtocol: null,
|
||||
boardIp: null,
|
||||
boardPort: null
|
||||
};
|
||||
this.resetForm("form");
|
||||
},
|
||||
/** 搜索按钮操作 */
|
||||
handleQuery() {
|
||||
this.queryParams.pageNum = 1;
|
||||
console.log(this.queryParams)
|
||||
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
|
||||
getInfo(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) {
|
||||
updateInfo(this.form).then(response => {
|
||||
this.$modal.msgSuccess("修改成功");
|
||||
this.open = false;
|
||||
this.getList();
|
||||
});
|
||||
} else {
|
||||
addInfo(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 delInfo(ids);
|
||||
}).then(() => {
|
||||
this.getList();
|
||||
this.$modal.msgSuccess("删除成功");
|
||||
}).catch(() => {
|
||||
});
|
||||
},
|
||||
/** 导出按钮操作 */
|
||||
handleExport() {
|
||||
this.download('board/info/export', {
|
||||
...this.queryParams
|
||||
}, `info_${new Date().getTime()}.xlsx`)
|
||||
},
|
||||
/** 查询部门下拉树结构 */
|
||||
getDeptTree() {
|
||||
deptTreeSelect().then(response => {
|
||||
this.deptOptions = response.data;
|
||||
});
|
||||
},
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
|
@ -0,0 +1,355 @@
|
|||
<template>
|
||||
<div class="app-container">
|
||||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="auto">
|
||||
<el-form-item label="等级" prop="level">
|
||||
<el-select
|
||||
v-model="queryParams.level"
|
||||
clearable
|
||||
placeholder="全部"
|
||||
>
|
||||
<el-option
|
||||
v-for="dict in dict.type.alert_level"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="类型" prop="type">
|
||||
<el-select
|
||||
v-model="queryParams.type"
|
||||
clearable
|
||||
placeholder="全部"
|
||||
>
|
||||
<el-option
|
||||
v-for="dict in dict.type.alert_type"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="最大值" prop="maxValue">
|
||||
<el-input
|
||||
v-model="queryParams.maxValue"
|
||||
placeholder="请输入最大值"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="最小值" prop="minValue">
|
||||
<el-input
|
||||
v-model="queryParams.minValue"
|
||||
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"
|
||||
v-hasPermi="['board:plan:add']"
|
||||
>新增</el-button>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="success"
|
||||
plain
|
||||
icon="el-icon-edit"
|
||||
size="mini"
|
||||
:disabled="single"
|
||||
@click="handleUpdate"
|
||||
v-hasPermi="['board:plan:edit']"
|
||||
>修改</el-button>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="danger"
|
||||
plain
|
||||
icon="el-icon-delete"
|
||||
size="mini"
|
||||
:disabled="multiple"
|
||||
@click="handleDelete"
|
||||
v-hasPermi="['board:plan:remove']"
|
||||
>删除</el-button>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="warning"
|
||||
plain
|
||||
icon="el-icon-download"
|
||||
size="mini"
|
||||
@click="handleExport"
|
||||
v-hasPermi="['board:plan:export']"
|
||||
>导出</el-button>
|
||||
</el-col>
|
||||
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
|
||||
</el-row>
|
||||
|
||||
<el-table v-loading="loading" :data="planList" @selection-change="handleSelectionChange">
|
||||
<el-table-column type="selection" width="55" align="center" />
|
||||
<el-table-column label="唯一编号" align="center" prop="id" />
|
||||
<el-table-column label="类型" align="center" prop="type">
|
||||
<template slot-scope="scope">
|
||||
<dict-tag :options="dict.type.alert_type" :value="scope.row.type"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="等级" align="center" prop="level">
|
||||
<template slot-scope="scope">
|
||||
<dict-tag :options="dict.type.alert_level" :value="scope.row.level"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="最大值" align="center" prop="maxValue" />
|
||||
<el-table-column label="最小值" align="center" prop="minValue" />
|
||||
<el-table-column label="显示内容" align="center" prop="displayContent" />
|
||||
<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)"
|
||||
v-hasPermi="['board:plan:edit']"
|
||||
>修改</el-button>
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-delete"
|
||||
@click="handleDelete(scope.row)"
|
||||
v-hasPermi="['board:plan: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="等级" prop="level">
|
||||
<el-select
|
||||
v-model="form.level"
|
||||
placeholder="全部"
|
||||
:value="1"
|
||||
>
|
||||
<el-option
|
||||
v-for="dict in dict.type.alert_level"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="类型" prop="type">
|
||||
<el-select
|
||||
v-model="form.type"
|
||||
placeholder="全部"
|
||||
>
|
||||
<el-option
|
||||
v-for="dict in dict.type.alert_type"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="最小值" prop="minValue">
|
||||
<el-input-number :min="0" :precision="2" v-model="form.minValue" placeholder="请输入最小值" />
|
||||
</el-form-item>
|
||||
<el-form-item label="最大值" prop="maxValue">
|
||||
<el-input-number :min="form.minValue" :precision="2" v-model="form.maxValue" placeholder="请输入最大值" />
|
||||
</el-form-item>
|
||||
<el-form-item label="显示内容">
|
||||
<el-input v-model="form.displayContent" :min-height="192"/>
|
||||
</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 { listPlan, getPlan, delPlan, addPlan, updatePlan } from "@/api/board/plan";
|
||||
|
||||
export default {
|
||||
name: "Plan",
|
||||
dicts: ['alert_level','alert_type'],
|
||||
data() {
|
||||
return {
|
||||
// 遮罩层
|
||||
loading: true,
|
||||
// 选中数组
|
||||
ids: [],
|
||||
// 非单个禁用
|
||||
single: true,
|
||||
// 非多个禁用
|
||||
multiple: true,
|
||||
// 显示搜索条件
|
||||
showSearch: true,
|
||||
// 总条数
|
||||
total: 0,
|
||||
// 警报计划表格数据
|
||||
planList: [],
|
||||
// 弹出层标题
|
||||
title: "",
|
||||
// 是否显示弹出层
|
||||
open: false,
|
||||
// 查询参数
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
type: null,
|
||||
level: null,
|
||||
maxValue: null,
|
||||
minValue: null,
|
||||
displayContent: null
|
||||
},
|
||||
// 表单参数
|
||||
form: {},
|
||||
// 表单校验
|
||||
rules: {
|
||||
type: [
|
||||
{ required: true, message: "类型不能为空", trigger: "change" }
|
||||
],
|
||||
level: [
|
||||
{ required: true, message: "等级不能为空", trigger: "blur" }
|
||||
],
|
||||
maxValue: [
|
||||
{ required: true, message: "最大值不能为空", trigger: "blur" }
|
||||
],
|
||||
minValue: [
|
||||
{ required: true, message: "最小值不能为空", trigger: "blur" }
|
||||
],
|
||||
displayContent: [
|
||||
{ required: true, message: "显示内容不能为空", trigger: "blur" }
|
||||
]
|
||||
}
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.getList();
|
||||
},
|
||||
methods: {
|
||||
/** 查询警报计划列表 */
|
||||
getList() {
|
||||
this.loading = true;
|
||||
listPlan(this.queryParams).then(response => {
|
||||
this.planList = response.rows;
|
||||
this.total = response.total;
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
// 取消按钮
|
||||
cancel() {
|
||||
this.open = false;
|
||||
this.reset();
|
||||
},
|
||||
// 表单重置
|
||||
reset() {
|
||||
this.form = {
|
||||
id: null,
|
||||
type: null,
|
||||
level: null,
|
||||
maxValue: null,
|
||||
minValue: null,
|
||||
displayContent: 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
|
||||
getPlan(id).then(response => {
|
||||
this.form = response.data;
|
||||
this.form.type += '';
|
||||
this.form.level += '';
|
||||
this.open = true;
|
||||
this.title = "修改警报计划";
|
||||
});
|
||||
},
|
||||
/** 提交按钮 */
|
||||
submitForm() {
|
||||
this.$refs["form"].validate(valid => {
|
||||
if (valid) {
|
||||
if (this.form.id != null) {
|
||||
updatePlan(this.form).then(response => {
|
||||
this.$modal.msgSuccess("修改成功");
|
||||
this.open = false;
|
||||
this.getList();
|
||||
});
|
||||
} else {
|
||||
addPlan(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 delPlan(ids);
|
||||
}).then(() => {
|
||||
this.getList();
|
||||
this.$modal.msgSuccess("删除成功");
|
||||
}).catch(() => {});
|
||||
},
|
||||
/** 导出按钮操作 */
|
||||
handleExport() {
|
||||
this.download('board/plan/export', {
|
||||
...this.queryParams
|
||||
}, `plan_${new Date().getTime()}.xlsx`)
|
||||
},
|
||||
/** 字典翻译 */
|
||||
dictAlertPlanTypeFormat(){
|
||||
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
|
|
@ -1,7 +1,8 @@
|
|||
<template>
|
||||
<div class="login">
|
||||
<el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form">
|
||||
<h3 class="title">若依后台管理系统</h3>
|
||||
<!-- <h3 class="title">若依后台管理系统</h3>-->
|
||||
<h3 class="title">发布系统</h3>
|
||||
<el-form-item prop="username">
|
||||
<el-input
|
||||
v-model="loginForm.username"
|
||||
|
|
@ -56,7 +57,8 @@
|
|||
</el-form>
|
||||
<!-- 底部 -->
|
||||
<div class="el-login-footer">
|
||||
<span>Copyright © 2018-2024 ruoyi.vip All Rights Reserved.</span>
|
||||
<!-- <span>Copyright © 2018-2024 ruoyi.vip All Rights Reserved.</span>-->
|
||||
<span>瓷器活科技</span>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
|
|
|||
|
|
@ -1,7 +1,8 @@
|
|||
<template>
|
||||
<div class="register">
|
||||
<el-form ref="registerForm" :model="registerForm" :rules="registerRules" class="register-form">
|
||||
<h3 class="title">若依后台管理系统</h3>
|
||||
<!-- <h3 class="title">若依后台管理系统</h3>-->
|
||||
<h3 class="title">发布系统</h3>
|
||||
<el-form-item prop="username">
|
||||
<el-input v-model="registerForm.username" type="text" auto-complete="off" placeholder="账号">
|
||||
<svg-icon slot="prefix" icon-class="user" class="el-input__icon input-icon" />
|
||||
|
|
@ -61,7 +62,8 @@
|
|||
</el-form>
|
||||
<!-- 底部 -->
|
||||
<div class="el-register-footer">
|
||||
<span>Copyright © 2018-2024 ruoyi.vip All Rights Reserved.</span>
|
||||
<!-- <span>Copyright © 2018-2024 ruoyi.vip All Rights Reserved.</span>-->
|
||||
<span>瓷器活科技</span>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
|
|
|||
|
|
@ -7,7 +7,7 @@ function resolve(dir) {
|
|||
|
||||
const CompressionPlugin = require('compression-webpack-plugin')
|
||||
|
||||
const name = process.env.VUE_APP_TITLE || '若依管理系统' // 网页标题
|
||||
const name = process.env.VUE_APP_TITLE || '瓷器活发布系统' // 网页标题
|
||||
|
||||
const port = process.env.port || process.env.npm_config_port || 80 // 端口
|
||||
|
||||
|
|
@ -36,6 +36,7 @@ module.exports = {
|
|||
// detail: https://cli.vuejs.org/config/#devserver-proxy
|
||||
[process.env.VUE_APP_BASE_API]: {
|
||||
target: `http://localhost:8080`,
|
||||
// target: `http://192.168.2.137:8080`,
|
||||
changeOrigin: true,
|
||||
pathRewrite: {
|
||||
['^' + process.env.VUE_APP_BASE_API]: ''
|
||||
|
|
|
|||
Loading…
Reference in New Issue