add:新增版本发布功能
This commit is contained in:
@@ -0,0 +1,85 @@
|
|||||||
|
package org.nl.system.controller.notice;
|
||||||
|
|
||||||
|
import cn.dev33.satoken.annotation.SaCheckPermission;
|
||||||
|
import cn.dev33.satoken.annotation.SaIgnore;
|
||||||
|
import com.alibaba.fastjson.JSONObject;
|
||||||
|
import lombok.extern.slf4j.Slf4j;
|
||||||
|
import org.nl.common.domain.query.PageQuery;
|
||||||
|
import org.nl.system.service.notice.IVersionService;
|
||||||
|
import org.springframework.beans.factory.annotation.Autowired;
|
||||||
|
import org.springframework.http.HttpStatus;
|
||||||
|
import org.springframework.http.ResponseEntity;
|
||||||
|
import org.springframework.web.bind.annotation.*;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 版本更新通知控制器
|
||||||
|
*
|
||||||
|
* @author miguannan
|
||||||
|
* @date 2026-05-06
|
||||||
|
*/
|
||||||
|
@Slf4j
|
||||||
|
@RestController
|
||||||
|
@RequestMapping("/api/version")
|
||||||
|
public class VersionController {
|
||||||
|
|
||||||
|
@Autowired
|
||||||
|
private IVersionService versionService;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 发布版本更新通知
|
||||||
|
*
|
||||||
|
* @param json 版本信息
|
||||||
|
* @return ResponseEntity
|
||||||
|
*/
|
||||||
|
@PostMapping("/release")
|
||||||
|
public ResponseEntity<Object> release(@RequestBody JSONObject json) {
|
||||||
|
versionService.releaseVersion(json);
|
||||||
|
return new ResponseEntity<>(HttpStatus.OK);
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 获取当前版本信息(供前端轮询)
|
||||||
|
*
|
||||||
|
* @return 版本信息
|
||||||
|
*/
|
||||||
|
@GetMapping("/current")
|
||||||
|
@SaIgnore
|
||||||
|
public ResponseEntity<Object> current() {
|
||||||
|
return new ResponseEntity<>(versionService.getCurrentVersion(), HttpStatus.OK);
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 查询版本通知列表
|
||||||
|
*
|
||||||
|
* @param pageQuery 分页参数
|
||||||
|
* @return 版本通知分页数据
|
||||||
|
*/
|
||||||
|
@GetMapping("/list")
|
||||||
|
public ResponseEntity<Object> list(PageQuery pageQuery) {
|
||||||
|
return new ResponseEntity<>(versionService.listVersions(pageQuery), HttpStatus.OK);
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 修改版本通知
|
||||||
|
*
|
||||||
|
* @param json 通知信息(id, title, content)
|
||||||
|
* @return ResponseEntity
|
||||||
|
*/
|
||||||
|
@PutMapping("/update")
|
||||||
|
public ResponseEntity<Object> update(@RequestBody JSONObject json) {
|
||||||
|
versionService.updateVersion(json);
|
||||||
|
return new ResponseEntity<>(HttpStatus.OK);
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 删除版本通知
|
||||||
|
*
|
||||||
|
* @param id 通知ID
|
||||||
|
* @return ResponseEntity
|
||||||
|
*/
|
||||||
|
@DeleteMapping("/delete/{id}")
|
||||||
|
public ResponseEntity<Object> delete(@PathVariable String id) {
|
||||||
|
versionService.deleteVersion(id);
|
||||||
|
return new ResponseEntity<>(HttpStatus.OK);
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,54 @@
|
|||||||
|
package org.nl.system.service.notice;
|
||||||
|
|
||||||
|
import com.alibaba.fastjson.JSONObject;
|
||||||
|
import com.baomidou.mybatisplus.core.metadata.IPage;
|
||||||
|
import com.baomidou.mybatisplus.extension.service.IService;
|
||||||
|
import org.nl.common.domain.query.PageQuery;
|
||||||
|
import org.nl.system.service.notice.dao.SysNotice;
|
||||||
|
|
||||||
|
import java.util.Map;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 版本更新通知服务接口
|
||||||
|
*
|
||||||
|
* @author miguannan
|
||||||
|
* @date 2026-05-06
|
||||||
|
*/
|
||||||
|
public interface IVersionService extends IService<SysNotice> {
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 发布版本更新通知
|
||||||
|
*
|
||||||
|
* @param json 版本信息(version, title, content)
|
||||||
|
*/
|
||||||
|
void releaseVersion(JSONObject json);
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 获取当前版本信息
|
||||||
|
*
|
||||||
|
* @return 包含 version、enabled、pollInterval、releaseTime 的 Map
|
||||||
|
*/
|
||||||
|
Map<String, Object> getCurrentVersion();
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 查询版本通知列表
|
||||||
|
*
|
||||||
|
* @param pageQuery 分页参数
|
||||||
|
* @return 版本通知分页数据
|
||||||
|
*/
|
||||||
|
IPage<SysNotice> listVersions(PageQuery pageQuery);
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 修改版本通知
|
||||||
|
*
|
||||||
|
* @param json 通知信息(id, title, content)
|
||||||
|
*/
|
||||||
|
void updateVersion(JSONObject json);
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 删除版本通知
|
||||||
|
*
|
||||||
|
* @param id 通知ID
|
||||||
|
*/
|
||||||
|
void deleteVersion(String id);
|
||||||
|
}
|
||||||
@@ -0,0 +1,187 @@
|
|||||||
|
package org.nl.system.service.notice.impl;
|
||||||
|
|
||||||
|
|
||||||
|
import cn.hutool.core.util.StrUtil;
|
||||||
|
import com.alibaba.fastjson.JSONObject;
|
||||||
|
import com.baomidou.mybatisplus.core.conditions.query.LambdaQueryWrapper;
|
||||||
|
import com.baomidou.mybatisplus.core.conditions.query.QueryWrapper;
|
||||||
|
import com.baomidou.mybatisplus.core.metadata.IPage;
|
||||||
|
import com.baomidou.mybatisplus.extension.plugins.pagination.Page;
|
||||||
|
import com.baomidou.mybatisplus.extension.service.impl.ServiceImpl;
|
||||||
|
import lombok.extern.slf4j.Slf4j;
|
||||||
|
import org.nl.common.domain.query.PageQuery;
|
||||||
|
import org.nl.common.exception.BadRequestException;
|
||||||
|
import org.nl.common.mnt.websocket.MsgType;
|
||||||
|
import org.nl.common.mnt.websocket.SocketMsg;
|
||||||
|
import org.nl.common.mnt.websocket.WebSocketServer;
|
||||||
|
import org.nl.system.service.notice.ISysNoticeService;
|
||||||
|
import org.nl.system.service.notice.IVersionService;
|
||||||
|
import org.nl.system.service.notice.dao.SysNotice;
|
||||||
|
import org.nl.system.service.notice.dao.mapper.SysNoticeMapper;
|
||||||
|
import org.nl.system.service.param.ISysParamService;
|
||||||
|
import org.nl.system.service.param.dao.Param;
|
||||||
|
import org.springframework.beans.factory.annotation.Autowired;
|
||||||
|
import org.springframework.stereotype.Service;
|
||||||
|
import org.springframework.transaction.annotation.Transactional;
|
||||||
|
|
||||||
|
import java.io.IOException;
|
||||||
|
import java.util.HashMap;
|
||||||
|
import java.util.Map;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 版本更新通知服务实现
|
||||||
|
*
|
||||||
|
* @author miguannan
|
||||||
|
* @date 2026-05-06
|
||||||
|
*/
|
||||||
|
@Slf4j
|
||||||
|
@Service
|
||||||
|
public class VersionServiceImpl extends ServiceImpl<SysNoticeMapper, SysNotice> implements IVersionService {
|
||||||
|
|
||||||
|
@Autowired
|
||||||
|
private ISysNoticeService noticeService;
|
||||||
|
|
||||||
|
@Autowired
|
||||||
|
private ISysParamService paramService;
|
||||||
|
|
||||||
|
@Autowired
|
||||||
|
private SysNoticeMapper noticeMapper;
|
||||||
|
|
||||||
|
@Override
|
||||||
|
@Transactional(rollbackFor = Exception.class)
|
||||||
|
public void releaseVersion(JSONObject json) {
|
||||||
|
String version = json.getString("version");
|
||||||
|
String title = json.getString("title");
|
||||||
|
String content = json.getString("content");
|
||||||
|
|
||||||
|
if (StrUtil.isBlank(version)) {
|
||||||
|
throw new BadRequestException("版本号不能为空");
|
||||||
|
}
|
||||||
|
if (StrUtil.isBlank(title)) {
|
||||||
|
throw new BadRequestException("标题不能为空");
|
||||||
|
}
|
||||||
|
|
||||||
|
// 检查是否已有相同版本的未读通知,避免重复发布
|
||||||
|
long count = noticeMapper.selectCount(new LambdaQueryWrapper<SysNotice>()
|
||||||
|
.eq(SysNotice::getNotice_type, "version_update")
|
||||||
|
.likeRight(SysNotice::getNotice_title, version + " "));
|
||||||
|
if (count > 0) {
|
||||||
|
throw new BadRequestException("已存在相同版本发布信息,请先处理后再发布");
|
||||||
|
}
|
||||||
|
|
||||||
|
// 1. 创建通知记录
|
||||||
|
noticeService.createNotice(content, version + " " + title, "version_update");
|
||||||
|
|
||||||
|
// 2. 更新系统版本号
|
||||||
|
Param appVersionParam = paramService.findByCode("app_version");
|
||||||
|
if (appVersionParam == null) {
|
||||||
|
throw new BadRequestException("系统参数 app_version 不存在,请先执行初始化脚本");
|
||||||
|
}
|
||||||
|
appVersionParam.setValue(version);
|
||||||
|
paramService.update(appVersionParam);
|
||||||
|
|
||||||
|
// 3. WebSocket 广播给所有在线用户
|
||||||
|
JSONObject msgData = new JSONObject();
|
||||||
|
msgData.put("data", "version_update");
|
||||||
|
msgData.put("version", version);
|
||||||
|
msgData.put("title", title);
|
||||||
|
SocketMsg socketMsg = new SocketMsg(msgData, MsgType.INFO);
|
||||||
|
try {
|
||||||
|
WebSocketServer.sendInfo(socketMsg, null);
|
||||||
|
} catch (IOException e) {
|
||||||
|
log.error("版本更新WebSocket广播失败", e);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@Override
|
||||||
|
public Map<String, Object> getCurrentVersion() {
|
||||||
|
Map<String, Object> result = new HashMap<>();
|
||||||
|
|
||||||
|
// 当前版本号
|
||||||
|
Param appVersionParam = paramService.findByCode("app_version");
|
||||||
|
String version = (appVersionParam != null) ? appVersionParam.getValue() : "1.0.0";
|
||||||
|
|
||||||
|
// 功能开关
|
||||||
|
Param enabledParam = paramService.findByCode("version_notify_enabled");
|
||||||
|
boolean enabled = (enabledParam == null) || "true".equals(enabledParam.getValue());
|
||||||
|
|
||||||
|
// 轮询间隔
|
||||||
|
Param intervalParam = paramService.findByCode("version_notify_poll_interval");
|
||||||
|
int pollInterval = 30;
|
||||||
|
if (intervalParam != null && StrUtil.isNotBlank(intervalParam.getValue())) {
|
||||||
|
try {
|
||||||
|
pollInterval = Integer.parseInt(intervalParam.getValue());
|
||||||
|
} catch (NumberFormatException e) {
|
||||||
|
log.warn("version_notify_poll_interval 值非法: {}", intervalParam.getValue());
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
result.put("version", version);
|
||||||
|
result.put("enabled", enabled);
|
||||||
|
result.put("pollInterval", pollInterval);
|
||||||
|
|
||||||
|
// 最新版本通知的发布时间
|
||||||
|
SysNotice latest = noticeMapper.selectOne(new QueryWrapper<SysNotice>()
|
||||||
|
.eq("notice_type", "version_update")
|
||||||
|
.orderByDesc("create_time")
|
||||||
|
.last("LIMIT 1"));
|
||||||
|
if (latest != null) {
|
||||||
|
result.put("releaseTime", latest.getCreate_time());
|
||||||
|
// notice_title 存储格式为 "version title",分离出版本号和标题
|
||||||
|
String noticeTitle = latest.getNotice_title();
|
||||||
|
if (StrUtil.isNotBlank(noticeTitle) && noticeTitle.startsWith(version + " ")) {
|
||||||
|
result.put("title", noticeTitle.substring(version.length() + 1));
|
||||||
|
} else {
|
||||||
|
result.put("title", noticeTitle);
|
||||||
|
}
|
||||||
|
result.put("content", latest.getNotice_content());
|
||||||
|
}
|
||||||
|
|
||||||
|
return result;
|
||||||
|
}
|
||||||
|
|
||||||
|
@Override
|
||||||
|
public IPage<SysNotice> listVersions(PageQuery pageQuery) {
|
||||||
|
LambdaQueryWrapper<SysNotice> lam = new LambdaQueryWrapper<>();
|
||||||
|
lam.eq(SysNotice::getNotice_type, "version_update")
|
||||||
|
.orderByDesc(SysNotice::getCreate_time);
|
||||||
|
IPage<SysNotice> pages = new Page<>(pageQuery.getPage() + 1, pageQuery.getSize());
|
||||||
|
noticeMapper.selectPage(pages, lam);
|
||||||
|
return pages;
|
||||||
|
}
|
||||||
|
|
||||||
|
@Override
|
||||||
|
public void updateVersion(JSONObject json) {
|
||||||
|
String id = json.getString("id");
|
||||||
|
String title = json.getString("title");
|
||||||
|
String content = json.getString("content");
|
||||||
|
|
||||||
|
if (StrUtil.isBlank(id)) {
|
||||||
|
throw new BadRequestException("ID不能为空");
|
||||||
|
}
|
||||||
|
if (StrUtil.isBlank(title)) {
|
||||||
|
throw new BadRequestException("标题不能为空");
|
||||||
|
}
|
||||||
|
|
||||||
|
SysNotice notice = noticeMapper.selectById(id);
|
||||||
|
if (notice == null || !"version_update".equals(notice.getNotice_type())) {
|
||||||
|
throw new BadRequestException("版本通知不存在");
|
||||||
|
}
|
||||||
|
|
||||||
|
notice.setNotice_title(title);
|
||||||
|
notice.setNotice_content(content);
|
||||||
|
noticeMapper.updateById(notice);
|
||||||
|
}
|
||||||
|
|
||||||
|
@Override
|
||||||
|
public void deleteVersion(String id) {
|
||||||
|
if (StrUtil.isBlank(id)) {
|
||||||
|
throw new BadRequestException("ID不能为空");
|
||||||
|
}
|
||||||
|
SysNotice notice = noticeMapper.selectById(id);
|
||||||
|
if (notice == null || !"version_update".equals(notice.getNotice_type())) {
|
||||||
|
throw new BadRequestException("版本通知不存在");
|
||||||
|
}
|
||||||
|
noticeMapper.deleteById(id);
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -1,17 +1,49 @@
|
|||||||
<template>
|
<template>
|
||||||
<div id="app" @mousemove="moveEvent" @click="moveEvent">
|
<div id="app" @mousemove="moveEvent" @click="moveEvent">
|
||||||
<router-view />
|
<router-view />
|
||||||
|
<version-notification ref="versionDialog" />
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
import VersionNotification from '@/components/VersionNotification/VersionNotification.vue'
|
||||||
|
import { getCurrentVersion } from '@/api/system/version'
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: 'App',
|
name: 'App',
|
||||||
|
components: {
|
||||||
|
VersionNotification
|
||||||
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
timmer: null
|
timmer: null,
|
||||||
|
pollTimer: null,
|
||||||
|
pollIntervalMs: 30000
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
mounted() {
|
||||||
|
this.$bus.on('version_update', msg => {
|
||||||
|
this.checkVersion(msg.version)
|
||||||
|
})
|
||||||
|
this.$bus.on('version_check', () => {
|
||||||
|
this.doVersionCheck()
|
||||||
|
})
|
||||||
|
if (this.$route.path === '/login') {
|
||||||
|
return
|
||||||
|
}
|
||||||
|
this.startPolling()
|
||||||
|
if (localStorage.getItem('needVersionCheck') === '1') {
|
||||||
|
localStorage.removeItem('needVersionCheck')
|
||||||
|
this.doVersionCheck()
|
||||||
|
} else {
|
||||||
|
this.doVersionCheck()
|
||||||
|
}
|
||||||
|
},
|
||||||
|
beforeDestroy() {
|
||||||
|
clearInterval(this.pollTimer)
|
||||||
|
this.$bus.off('version_update')
|
||||||
|
this.$bus.off('version_check')
|
||||||
|
},
|
||||||
methods: {
|
methods: {
|
||||||
moveEvent: function() {
|
moveEvent: function() {
|
||||||
const path = ['/login']
|
const path = ['/login']
|
||||||
@@ -24,13 +56,49 @@ export default {
|
|||||||
this.timmer = setTimeout(() => {
|
this.timmer = setTimeout(() => {
|
||||||
sessionStorage.clear()
|
sessionStorage.clear()
|
||||||
this.logout()
|
this.logout()
|
||||||
}, 1000 * 60 * 151) // 15分钟 https://blog.csdn.net/qq_42345108/article/details/103496456
|
}, 1000 * 60 * 151)
|
||||||
},
|
},
|
||||||
logout() {
|
logout() {
|
||||||
this.$store.dispatch('LogOut').then(() => {
|
this.$store.dispatch('LogOut').then(() => {
|
||||||
location.reload()
|
location.reload()
|
||||||
})
|
})
|
||||||
|
},
|
||||||
|
checkVersion(serverVersion) {
|
||||||
|
const lastSeen = localStorage.getItem('lastSeenVersion')
|
||||||
|
if (!serverVersion || serverVersion === lastSeen) {
|
||||||
|
return
|
||||||
|
}
|
||||||
|
this.$refs.versionDialog.show(serverVersion)
|
||||||
|
},
|
||||||
|
/**
|
||||||
|
* 执行版本检查(登录后或手动触发)
|
||||||
|
*/
|
||||||
|
doVersionCheck() {
|
||||||
|
getCurrentVersion().then(res => {
|
||||||
|
if (!res.enabled) return
|
||||||
|
this.checkVersion(res.version)
|
||||||
|
})
|
||||||
|
},
|
||||||
|
startPolling() {
|
||||||
|
this.pollTimer = setInterval(() => {
|
||||||
|
getCurrentVersion().then(res => {
|
||||||
|
if (!res.enabled) return
|
||||||
|
this.checkVersion(res.version)
|
||||||
|
const interval = (res.pollInterval || 30) * 1000
|
||||||
|
if (interval !== this.pollIntervalMs) {
|
||||||
|
this.pollIntervalMs = interval
|
||||||
|
clearInterval(this.pollTimer)
|
||||||
|
this.pollTimer = setInterval(() => {
|
||||||
|
getCurrentVersion().then(r => {
|
||||||
|
if (!r.enabled) return
|
||||||
|
this.checkVersion(r.version)
|
||||||
|
})
|
||||||
|
}, interval)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}, this.pollIntervalMs)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
|||||||
64
wms/nladmin-ui/src/api/system/version.js
Normal file
64
wms/nladmin-ui/src/api/system/version.js
Normal file
@@ -0,0 +1,64 @@
|
|||||||
|
import request from '@/utils/request'
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 获取当前版本信息
|
||||||
|
* @returns {AxiosPromise}
|
||||||
|
*/
|
||||||
|
export function getCurrentVersion() {
|
||||||
|
return request({
|
||||||
|
url: '/api/version/current',
|
||||||
|
method: 'get'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 发布版本更新通知
|
||||||
|
* @param {Object} data - { version, title, content }
|
||||||
|
* @returns {AxiosPromise}
|
||||||
|
*/
|
||||||
|
export function releaseVersion(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/version/release',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 查询版本通知列表
|
||||||
|
* @returns {AxiosPromise}
|
||||||
|
*/
|
||||||
|
export function listVersions(params) {
|
||||||
|
return request({
|
||||||
|
url: '/api/version/list',
|
||||||
|
method: 'get',
|
||||||
|
params
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 修改版本通知
|
||||||
|
* @param {Object} data - { id, title, content }
|
||||||
|
* @returns {AxiosPromise}
|
||||||
|
*/
|
||||||
|
export function updateVersion(data) {
|
||||||
|
return request({
|
||||||
|
url: '/api/version/update',
|
||||||
|
method: 'put',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 删除版本通知
|
||||||
|
* @param {string} id
|
||||||
|
* @returns {AxiosPromise}
|
||||||
|
*/
|
||||||
|
export function deleteVersion(id) {
|
||||||
|
return request({
|
||||||
|
url: '/api/version/delete/' + id,
|
||||||
|
method: 'delete'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export default { getCurrentVersion, releaseVersion, listVersions, updateVersion, deleteVersion }
|
||||||
@@ -0,0 +1,120 @@
|
|||||||
|
<template>
|
||||||
|
<el-dialog
|
||||||
|
:visible.sync="dialogVisible"
|
||||||
|
:show-close="false"
|
||||||
|
:close-on-click-modal="false"
|
||||||
|
:close-on-press-escape="false"
|
||||||
|
title="系统版本更新"
|
||||||
|
width="600px"
|
||||||
|
>
|
||||||
|
<div class="version-notification">
|
||||||
|
<div class="version-info">
|
||||||
|
<span class="label">{{ '版本号' }}:</span>
|
||||||
|
<el-tag type="success" size="medium">v{{ versionInfo.version }}</el-tag>
|
||||||
|
</div>
|
||||||
|
<div v-if="versionInfo.title" class="version-info">
|
||||||
|
<span class="label">{{ 'noticeTitle' }}:</span>
|
||||||
|
<span>{{ versionInfo.title }}</span>
|
||||||
|
</div>
|
||||||
|
<div v-if="versionInfo.releaseTime" class="version-info">
|
||||||
|
<span class="label">{{ '发布时间' }}:</span>
|
||||||
|
<span>{{ versionInfo.releaseTime }}</span>
|
||||||
|
</div>
|
||||||
|
<div v-if="versionInfo.content" class="version-content">
|
||||||
|
<div class="label">{{ '更新内容' }}:</div>
|
||||||
|
<div class="content-body" v-html="versionInfo.content" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div slot="footer" class="dialog-footer">
|
||||||
|
<el-button type="primary" @click="handleConfirm">确认</el-button>
|
||||||
|
</div>
|
||||||
|
</el-dialog>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import { getCurrentVersion } from '@/api/system/version'
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: 'VersionNotification',
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
dialogVisible: false,
|
||||||
|
versionInfo: {
|
||||||
|
version: '',
|
||||||
|
title: '',
|
||||||
|
releaseTime: '',
|
||||||
|
content: ''
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
hasShown() {
|
||||||
|
return this.dialogVisible
|
||||||
|
},
|
||||||
|
/**
|
||||||
|
* 检查版本是否需要弹窗
|
||||||
|
* @param {string} serverVersion 服务端版本号
|
||||||
|
*/
|
||||||
|
checkVersion(serverVersion) {
|
||||||
|
const lastSeen = localStorage.getItem('lastSeenVersion')
|
||||||
|
if (!serverVersion || serverVersion === lastSeen) {
|
||||||
|
return
|
||||||
|
}
|
||||||
|
this.show(serverVersion)
|
||||||
|
},
|
||||||
|
/**
|
||||||
|
* 显示版本更新弹窗
|
||||||
|
* @param {string} serverVersion 版本号
|
||||||
|
*/
|
||||||
|
show(serverVersion) {
|
||||||
|
getCurrentVersion().then(res => {
|
||||||
|
if (!res.enabled) return
|
||||||
|
this.versionInfo.version = res.version || serverVersion
|
||||||
|
this.versionInfo.title = res.title || ''
|
||||||
|
this.versionInfo.releaseTime = res.releaseTime || ''
|
||||||
|
this.versionInfo.content = res.content || ''
|
||||||
|
this.dialogVisible = true
|
||||||
|
})
|
||||||
|
},
|
||||||
|
handleConfirm() {
|
||||||
|
localStorage.setItem('lastSeenVersion', this.versionInfo.version)
|
||||||
|
this.dialogVisible = false
|
||||||
|
// 点击后跳转到版本信息页面
|
||||||
|
this.$router.push('/system/version')
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
.version-notification {
|
||||||
|
padding: 10px 0;
|
||||||
|
}
|
||||||
|
.version-info {
|
||||||
|
margin-bottom: 12px;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
.version-info .label {
|
||||||
|
font-weight: bold;
|
||||||
|
color: #303133;
|
||||||
|
}
|
||||||
|
.version-content {
|
||||||
|
margin-top: 16px;
|
||||||
|
}
|
||||||
|
.version-content .label {
|
||||||
|
font-weight: bold;
|
||||||
|
color: #303133;
|
||||||
|
margin-bottom: 8px;
|
||||||
|
}
|
||||||
|
.version-content .content-body {
|
||||||
|
padding: 12px;
|
||||||
|
background: #f5f7fa;
|
||||||
|
border-radius: 4px;
|
||||||
|
font-size: 14px;
|
||||||
|
color: #606266;
|
||||||
|
line-height: 1.8;
|
||||||
|
}
|
||||||
|
.dialog-footer {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@@ -130,5 +130,21 @@ export default {
|
|||||||
'disk': 'Disk Utilization',
|
'disk': 'Disk Utilization',
|
||||||
'cpu_monitoring': 'Cpu Utilization Monitoring',
|
'cpu_monitoring': 'Cpu Utilization Monitoring',
|
||||||
'memory_monitoring': 'Memory Utilization Monitoring'
|
'memory_monitoring': 'Memory Utilization Monitoring'
|
||||||
|
},
|
||||||
|
'version': {
|
||||||
|
'title': 'System Version Update',
|
||||||
|
'versionNo': 'Version',
|
||||||
|
'releaseTime': 'Release Time',
|
||||||
|
'content': 'Update Content',
|
||||||
|
'confirm': 'I Know',
|
||||||
|
'releaseTitle': 'Publish Version Notice',
|
||||||
|
'noticeTitle': 'Notice Title',
|
||||||
|
'release': 'Publish',
|
||||||
|
'currentInfo': 'Current Version Info',
|
||||||
|
'switch': 'Notification Switch',
|
||||||
|
'pollInterval': 'Polling Interval',
|
||||||
|
'enabled': 'Enabled',
|
||||||
|
'disabled': 'Disabled',
|
||||||
|
'seconds': 's'
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -130,5 +130,21 @@ export default {
|
|||||||
'disk': 'Kadar penggunaan disk',
|
'disk': 'Kadar penggunaan disk',
|
||||||
'cpu_monitoring': 'Monitor penggunaan CPU',
|
'cpu_monitoring': 'Monitor penggunaan CPU',
|
||||||
'memory_monitoring': 'Monitor penggunaan memori'
|
'memory_monitoring': 'Monitor penggunaan memori'
|
||||||
|
},
|
||||||
|
'version': {
|
||||||
|
'title': 'Update Versi Sistem',
|
||||||
|
'versionNo': 'Versi',
|
||||||
|
'releaseTime': 'Waktu Rilis',
|
||||||
|
'content': 'Konten Update',
|
||||||
|
'confirm': 'Saya Mengerti',
|
||||||
|
'releaseTitle': 'Terbitkan Notifikasi Versi',
|
||||||
|
'noticeTitle': 'Judul Notifikasi',
|
||||||
|
'release': 'Terbitkan',
|
||||||
|
'currentInfo': 'Info Versi Saat Ini',
|
||||||
|
'switch': 'Sakelar Notifikasi',
|
||||||
|
'pollInterval': 'Interval Polling',
|
||||||
|
'enabled': 'Diaktifkan',
|
||||||
|
'disabled': 'Dinonaktifkan',
|
||||||
|
'seconds': 'detik'
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -130,5 +130,21 @@ export default {
|
|||||||
'disk': '磁盘使用率',
|
'disk': '磁盘使用率',
|
||||||
'cpu_monitoring': 'CPU使用率监控',
|
'cpu_monitoring': 'CPU使用率监控',
|
||||||
'memory_monitoring': '内存使用率监控'
|
'memory_monitoring': '内存使用率监控'
|
||||||
|
},
|
||||||
|
'version': {
|
||||||
|
'title': '系统版本更新',
|
||||||
|
'versionNo': '版本号',
|
||||||
|
'releaseTime': '发布时间',
|
||||||
|
'content': '更新内容',
|
||||||
|
'confirm': '我知道了',
|
||||||
|
'releaseTitle': '发布版本通知',
|
||||||
|
'noticeTitle': '通知标题',
|
||||||
|
'release': '发布',
|
||||||
|
'currentInfo': '当前版本信息',
|
||||||
|
'switch': '通知开关',
|
||||||
|
'pollInterval': '轮询间隔',
|
||||||
|
'enabled': '已启用',
|
||||||
|
'disabled': '已禁用',
|
||||||
|
'seconds': '秒'
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -12,7 +12,7 @@
|
|||||||
<Doc class="right-menu-item hover-effect" />
|
<Doc class="right-menu-item hover-effect" />
|
||||||
</el-tooltip>-->
|
</el-tooltip>-->
|
||||||
|
|
||||||
<el-tooltip :content="$t('common.fz')" effect="dark" placement="bottom">
|
<el-tooltip :content="$t('auto.common.fz')" effect="dark" placement="bottom">
|
||||||
<screenfull id="screenfull" class="right-menu-item hover-effect" />
|
<screenfull id="screenfull" class="right-menu-item hover-effect" />
|
||||||
</el-tooltip>
|
</el-tooltip>
|
||||||
<notice-icon class="right-menu-item" />
|
<notice-icon class="right-menu-item" />
|
||||||
@@ -31,23 +31,23 @@
|
|||||||
<el-dropdown-menu slot="dropdown">
|
<el-dropdown-menu slot="dropdown">
|
||||||
<span style="display:block;" @click="show = true">
|
<span style="display:block;" @click="show = true">
|
||||||
<el-dropdown-item>
|
<el-dropdown-item>
|
||||||
{{ $t('common.Layout_setting') }}
|
{{ $t('auto.common.Layout_setting') }}
|
||||||
</el-dropdown-item>
|
</el-dropdown-item>
|
||||||
</span>
|
</span>
|
||||||
<router-link to="/user/center">
|
<router-link to="/user/center">
|
||||||
<el-dropdown-item>
|
<el-dropdown-item>
|
||||||
{{ $t('common.Personal_center') }}
|
{{ $t('auto.common.Personal_center') }}
|
||||||
</el-dropdown-item>
|
</el-dropdown-item>
|
||||||
</router-link>
|
</router-link>
|
||||||
<span style="display:block;" @click="open">
|
<span style="display:block;" @click="open">
|
||||||
<el-dropdown-item divided>
|
<el-dropdown-item divided>
|
||||||
{{ $t('common.Log_out') }}
|
{{ $t('auto.common.Log_out') }}
|
||||||
</el-dropdown-item>
|
</el-dropdown-item>
|
||||||
</span>
|
</span>
|
||||||
</el-dropdown-menu>
|
</el-dropdown-menu>
|
||||||
</el-dropdown>
|
</el-dropdown>
|
||||||
<el-dropdown class="right-menu-item" style="font-size: 14px" trigger="click" @command="langChange">
|
<el-dropdown class="right-menu-item" trigger="click" @command="langChange">
|
||||||
<span class="el-dropdown-link" style="font-size: 18px">
|
<span class="el-dropdown-link">
|
||||||
{{ language }} <i class="el-icon-caret-bottom" />
|
{{ language }} <i class="el-icon-caret-bottom" />
|
||||||
</span>
|
</span>
|
||||||
<el-dropdown-menu slot="dropdown">
|
<el-dropdown-menu slot="dropdown">
|
||||||
@@ -66,9 +66,7 @@ import Breadcrumb from '@/components/Breadcrumb'
|
|||||||
import Hamburger from '@/components/Hamburger'
|
import Hamburger from '@/components/Hamburger'
|
||||||
import TopNav from '@/components/TopNav'
|
import TopNav from '@/components/TopNav'
|
||||||
|
|
||||||
import Doc from '@/components/Doc'
|
|
||||||
import Screenfull from '@/components/Screenfull'
|
import Screenfull from '@/components/Screenfull'
|
||||||
import SizeSelect from '@/components/SizeSelect'
|
|
||||||
import Search from '@/components/HeaderSearch'
|
import Search from '@/components/HeaderSearch'
|
||||||
import Avatar from '@/assets/images/avatar.png'
|
import Avatar from '@/assets/images/avatar.png'
|
||||||
import NoticeIcon from '@/views/system/notice/NoticeIcon.vue'
|
import NoticeIcon from '@/views/system/notice/NoticeIcon.vue'
|
||||||
@@ -81,9 +79,7 @@ export default {
|
|||||||
Breadcrumb,
|
Breadcrumb,
|
||||||
Hamburger,
|
Hamburger,
|
||||||
Screenfull,
|
Screenfull,
|
||||||
SizeSelect,
|
|
||||||
Search,
|
Search,
|
||||||
Doc,
|
|
||||||
TopNav
|
TopNav
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
@@ -93,9 +89,6 @@ export default {
|
|||||||
language: '简体中文'
|
language: '简体中文'
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
created() {
|
|
||||||
this.initLang()
|
|
||||||
},
|
|
||||||
computed: {
|
computed: {
|
||||||
...mapGetters([
|
...mapGetters([
|
||||||
'sidebar',
|
'sidebar',
|
||||||
@@ -120,16 +113,11 @@ export default {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
methods: {
|
created() {
|
||||||
initLang() {
|
this.setLang(localStorage.getItem('lang'))
|
||||||
// 初始化语言
|
this.initWebSocket()
|
||||||
let item = localStorage.getItem('lang')
|
|
||||||
if (item === null) {
|
|
||||||
item = 'zh'
|
|
||||||
}
|
|
||||||
localStorage.setItem('lang', item)
|
|
||||||
this.setLang(item)
|
|
||||||
},
|
},
|
||||||
|
methods: {
|
||||||
// 中英文切换
|
// 中英文切换
|
||||||
langChange(command) {
|
langChange(command) {
|
||||||
this.$i18n.locale = command
|
this.$i18n.locale = command
|
||||||
@@ -150,9 +138,9 @@ export default {
|
|||||||
this.$store.dispatch('app/toggleSideBar')
|
this.$store.dispatch('app/toggleSideBar')
|
||||||
},
|
},
|
||||||
open() {
|
open() {
|
||||||
this.$confirm(this.$t('common.Tip13'), this.$t('common.Tips'), {
|
this.$confirm(this.$t('auto.common.Tip13'), this.$t('auto.common.Tips'), {
|
||||||
confirmButtonText: this.$t('common.Confirm'),
|
confirmButtonText: this.$t('auto.common.Confirm'),
|
||||||
cancelButtonText: this.$t('common.Cancel'),
|
cancelButtonText: this.$t('auto.common.Cancel'),
|
||||||
type: 'warning'
|
type: 'warning'
|
||||||
}).then(() => {
|
}).then(() => {
|
||||||
this.logout()
|
this.logout()
|
||||||
@@ -162,6 +150,38 @@ export default {
|
|||||||
this.$store.dispatch('LogOut').then(() => {
|
this.$store.dispatch('LogOut').then(() => {
|
||||||
location.reload()
|
location.reload()
|
||||||
})
|
})
|
||||||
|
},
|
||||||
|
initWebSocket() {
|
||||||
|
// const wsUri = (process.env.VUE_APP_WS_API === '/' ? '/' : (process.env.VUE_APP_WS_API + '/')) + 'messageInfo'
|
||||||
|
const wsUri = window.g.prod.VUE_APP_BASE_API.replace('http', 'ws') + '/webSocket/' + 'messageInfo'
|
||||||
|
this.websock = new WebSocket(wsUri)
|
||||||
|
this.websock.onerror = this.webSocketOnError
|
||||||
|
this.websock.onmessage = this.webSocketOnMessage
|
||||||
|
},
|
||||||
|
webSocketOnError(e) {
|
||||||
|
this.$notify({
|
||||||
|
title: this.$t('auto.common.Tip14'),
|
||||||
|
type: 'error',
|
||||||
|
duration: 0
|
||||||
|
})
|
||||||
|
},
|
||||||
|
webSocketOnMessage(e) {
|
||||||
|
const data = JSON.parse(e.data)
|
||||||
|
if (data.msgType === 'INFO') {
|
||||||
|
if (data.msg.data === 'notice_message_update') {
|
||||||
|
this.$bus.emit(data.msg.data, data.msg.msgType)
|
||||||
|
} else if (data.msg.data === 'version_update') {
|
||||||
|
this.$bus.emit('version_update', data.msg)
|
||||||
|
}
|
||||||
|
} else if (data.msgType === 'ERROR') {
|
||||||
|
this.$notify({
|
||||||
|
title: '',
|
||||||
|
message: data.msg,
|
||||||
|
dangerouslyUseHTMLString: true,
|
||||||
|
type: 'error',
|
||||||
|
duration: 0
|
||||||
|
})
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
274
wms/nladmin-ui/src/views/system/version/index.vue
Normal file
274
wms/nladmin-ui/src/views/system/version/index.vue
Normal file
@@ -0,0 +1,274 @@
|
|||||||
|
<template>
|
||||||
|
<div class="version-container">
|
||||||
|
<!-- 当前版本信息 -->
|
||||||
|
<el-card class="version-card" style="margin-top: 20px">
|
||||||
|
<div slot="header" class="card-header">
|
||||||
|
<span>{{ '当前版本信息' }}</span>
|
||||||
|
</div>
|
||||||
|
<el-descriptions :column="2" border>
|
||||||
|
<el-descriptions-item label="版本号">
|
||||||
|
<el-tag type="success">{{ currentVersion }}</el-tag>
|
||||||
|
</el-descriptions-item>
|
||||||
|
<el-descriptions-item label="开关">
|
||||||
|
<el-tag
|
||||||
|
:type="enabled ? 'success' : 'danger'"
|
||||||
|
>{{ enabled ? '启用' : '停用' }}</el-tag>
|
||||||
|
</el-descriptions-item>
|
||||||
|
<el-descriptions-item
|
||||||
|
label="轮询间隔"
|
||||||
|
>{{ pollInterval }}{{ 秒 }}</el-descriptions-item>
|
||||||
|
<el-descriptions-item label="发布时间">{{ releaseTime || '-' }}</el-descriptions-item>
|
||||||
|
</el-descriptions>
|
||||||
|
</el-card>
|
||||||
|
|
||||||
|
<!-- 版本历史列表 -->
|
||||||
|
<el-card class="version-card" style="margin-top: 20px">
|
||||||
|
<div slot="header" class="card-header">
|
||||||
|
<span>版本历史</span>
|
||||||
|
</div>
|
||||||
|
<el-table v-loading="tableLoading" :data="tableData" style="width: 100%">
|
||||||
|
<el-table-column prop="_versionNo" label="版本号" width="120" show-overflow-tooltip />
|
||||||
|
<el-table-column prop="_noticeTitle" label="通知标题" min-width="200" show-overflow-tooltip />
|
||||||
|
<el-table-column prop="notice_content" label="更新内容" min-width="300" show-overflow-tooltip />
|
||||||
|
<el-table-column prop="create_time" label="发布时间" width="180" />
|
||||||
|
<el-table-column v-if="isAdmin" label="操作" width="180" align="center" fixed="right">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-button v-if="isAdmin" type="text" size="small" @click="handleEdit(scope.row)">编辑</el-button>
|
||||||
|
<el-button
|
||||||
|
v-if="isAdmin"
|
||||||
|
type="text"
|
||||||
|
size="small"
|
||||||
|
style="color: #f56c6c"
|
||||||
|
@click="handleDelete(scope.row)"
|
||||||
|
>删除</el-button>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
</el-card>
|
||||||
|
|
||||||
|
<!-- 发布版本表单(仅管理员可见) -->
|
||||||
|
<el-card v-if="isAdmin" class="version-card">
|
||||||
|
<div slot="header" class="card-header">
|
||||||
|
<span>{{ 发布版本通知 }}</span>
|
||||||
|
</div>
|
||||||
|
<el-form ref="publishForm" :model="publishForm" :rules="rules" label-width="100px">
|
||||||
|
<el-form-item label="版本号" prop="version">
|
||||||
|
<el-input v-model="publishForm.version" placeholder="例如:2.7.0" style="width: 300px" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="通知标题" prop="title">
|
||||||
|
<el-input v-model="publishForm.title" placeholder="例如:新增AGV多车调度功能" style="width: 500px" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="更新内容" prop="content">
|
||||||
|
<el-input
|
||||||
|
v-model="publishForm.content"
|
||||||
|
type="textarea"
|
||||||
|
:rows="8"
|
||||||
|
placeholder="请输入更新内容,支持HTML格式"
|
||||||
|
style="width: 600px"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item>
|
||||||
|
<el-button
|
||||||
|
v-if="isAdmin"
|
||||||
|
type="primary"
|
||||||
|
:loading="loading"
|
||||||
|
@click="handleRelease"
|
||||||
|
>发布</el-button>
|
||||||
|
<el-button @click="handleReset">重置</el-button>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
</el-card>
|
||||||
|
|
||||||
|
<!-- 编辑弹窗 -->
|
||||||
|
<el-dialog title="编辑版本通知" :visible.sync="editDialogVisible" width="700px">
|
||||||
|
<el-form ref="editForm" :model="editForm" :rules="editRules" label-width="100px">
|
||||||
|
<el-form-item label="通知标题" prop="title">
|
||||||
|
<el-input v-model="editForm.title" style="width: 520px" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="更新内容" prop="content">
|
||||||
|
<el-input
|
||||||
|
v-model="editForm.content"
|
||||||
|
type="textarea"
|
||||||
|
:rows="8"
|
||||||
|
placeholder="请输入更新内容,支持HTML格式"
|
||||||
|
style="width: 520px"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
<div slot="footer" class="dialog-footer">
|
||||||
|
<el-button @click="editDialogVisible = false">取消</el-button>
|
||||||
|
<el-button type="primary" :loading="editLoading" @click="submitEdit">确认</el-button>
|
||||||
|
</div>
|
||||||
|
</el-dialog>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import {
|
||||||
|
getCurrentVersion,
|
||||||
|
releaseVersion,
|
||||||
|
listVersions,
|
||||||
|
updateVersion,
|
||||||
|
deleteVersion
|
||||||
|
} from '@/api/system/version'
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: 'VersionRelease',
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
// 发布表单
|
||||||
|
loading: false,
|
||||||
|
publishForm: {
|
||||||
|
version: '',
|
||||||
|
title: '',
|
||||||
|
content: ''
|
||||||
|
},
|
||||||
|
rules: {
|
||||||
|
version: [{ required: true, message: '请输入版本号', trigger: 'blur' }],
|
||||||
|
title: [{ required: true, message: '请输入标题', trigger: 'blur' }]
|
||||||
|
},
|
||||||
|
// 当前版本信息
|
||||||
|
currentVersion: '',
|
||||||
|
enabled: false,
|
||||||
|
pollInterval: 30,
|
||||||
|
releaseTime: '',
|
||||||
|
// 表格
|
||||||
|
tableLoading: false,
|
||||||
|
tableData: [],
|
||||||
|
// 编辑弹窗
|
||||||
|
editDialogVisible: false,
|
||||||
|
editLoading: false,
|
||||||
|
editForm: {
|
||||||
|
id: '',
|
||||||
|
title: '',
|
||||||
|
content: ''
|
||||||
|
},
|
||||||
|
editRules: {
|
||||||
|
title: [{ required: true, message: '请输入标题', trigger: 'blur' }]
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
/**
|
||||||
|
* 判断当前用户是否为管理员
|
||||||
|
* @returns {boolean}
|
||||||
|
*/
|
||||||
|
isAdmin() {
|
||||||
|
const roles = this.$store.getters && this.$store.getters.roles
|
||||||
|
return roles && roles.includes('admin')
|
||||||
|
}
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
this.fetchCurrentVersion()
|
||||||
|
this.fetchList()
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
fetchCurrentVersion() {
|
||||||
|
getCurrentVersion().then(res => {
|
||||||
|
this.currentVersion = res.version || '-'
|
||||||
|
// 表单默认填充当前版本号,供管理员参考修改
|
||||||
|
this.publishForm.version = res.version || ''
|
||||||
|
this.enabled = res.enabled
|
||||||
|
this.pollInterval = res.pollInterval || 30
|
||||||
|
this.releaseTime = res.releaseTime || ''
|
||||||
|
})
|
||||||
|
},
|
||||||
|
fetchList() {
|
||||||
|
this.tableLoading = true
|
||||||
|
listVersions({ page: 0, size: 999 })
|
||||||
|
.then(res => {
|
||||||
|
// notice_title 格式为 "version title",拆分出版本号和标题
|
||||||
|
this.tableData = (res.records || []).map(item => {
|
||||||
|
const titleStr = item.notice_title || ''
|
||||||
|
const idx = titleStr.indexOf(' ')
|
||||||
|
const versionNo = idx >= 0 ? titleStr.substring(0, idx) : titleStr
|
||||||
|
const noticeTitle = idx >= 0 ? titleStr.substring(idx + 1) : ''
|
||||||
|
return {
|
||||||
|
...item,
|
||||||
|
_versionNo: versionNo,
|
||||||
|
_noticeTitle: noticeTitle
|
||||||
|
}
|
||||||
|
})
|
||||||
|
})
|
||||||
|
.finally(() => {
|
||||||
|
this.tableLoading = false
|
||||||
|
})
|
||||||
|
},
|
||||||
|
handleRelease() {
|
||||||
|
this.$refs.publishForm.validate(valid => {
|
||||||
|
if (!valid) return
|
||||||
|
this.loading = true
|
||||||
|
releaseVersion(this.publishForm)
|
||||||
|
.then(() => {
|
||||||
|
this.$message.success('版本更新通知已发布')
|
||||||
|
this.handleReset()
|
||||||
|
this.fetchCurrentVersion()
|
||||||
|
this.fetchList()
|
||||||
|
})
|
||||||
|
.finally(() => {
|
||||||
|
this.loading = false
|
||||||
|
})
|
||||||
|
})
|
||||||
|
},
|
||||||
|
handleReset() {
|
||||||
|
this.publishForm = {
|
||||||
|
version: '',
|
||||||
|
title: '',
|
||||||
|
content: ''
|
||||||
|
}
|
||||||
|
this.$refs.publishForm && this.$refs.publishForm.clearValidate()
|
||||||
|
},
|
||||||
|
handleEdit(row) {
|
||||||
|
this.editForm = {
|
||||||
|
id: row.notice_id,
|
||||||
|
title: row.notice_title,
|
||||||
|
content: row.notice_content || ''
|
||||||
|
}
|
||||||
|
this.editDialogVisible = true
|
||||||
|
this.$nextTick(() => {
|
||||||
|
this.$refs.editForm && this.$refs.editForm.clearValidate()
|
||||||
|
})
|
||||||
|
},
|
||||||
|
submitEdit() {
|
||||||
|
this.$refs.editForm.validate(valid => {
|
||||||
|
if (!valid) return
|
||||||
|
this.editLoading = true
|
||||||
|
updateVersion(this.editForm)
|
||||||
|
.then(() => {
|
||||||
|
this.$message.success('修改成功')
|
||||||
|
this.editDialogVisible = false
|
||||||
|
this.fetchList()
|
||||||
|
})
|
||||||
|
.finally(() => {
|
||||||
|
this.editLoading = false
|
||||||
|
})
|
||||||
|
})
|
||||||
|
},
|
||||||
|
handleDelete(row) {
|
||||||
|
this.$confirm('确认删除该版本通知?', '提示', { type: 'warning' }).then(
|
||||||
|
() => {
|
||||||
|
deleteVersion(row.notice_id).then(() => {
|
||||||
|
this.$message.success('删除成功')
|
||||||
|
this.fetchList()
|
||||||
|
this.fetchCurrentVersion()
|
||||||
|
})
|
||||||
|
}
|
||||||
|
)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
.version-container {
|
||||||
|
padding: 20px;
|
||||||
|
}
|
||||||
|
.version-card {
|
||||||
|
}
|
||||||
|
.card-header {
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
.dialog-footer {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
Reference in New Issue
Block a user