mirror/1Panel
1
0
Fork 0
mirror of https://github.com/1Panel-dev/1Panel.git synced 2024-11-24 02:59:16 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

style: 增加分页

Browse Source
This commit is contained in:
zhengkunwang223 2022-09-15 10:44:43 +08:00 committed by ssongliu
parent 95b18ebc89
commit 6ceb040061
19 changed files with 452 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
backend/app/api/v1/entry.go
View File

@ -15,4 +15,5 @@ var (
commandService = service.ServiceGroupApp.CommandService
operationService = service.ServiceGroupApp.OperationService
fileService = service.ServiceGroupApp.FileService
settingService = service.ServiceGroupApp.SettingService
)

36
backend/app/api/v1/setting.go Normal file
View File

@ -0,0 +1,36 @@
package v1
import (
"github.com/1Panel-dev/1Panel/app/api/v1/helper"
"github.com/1Panel-dev/1Panel/app/dto"
"github.com/1Panel-dev/1Panel/constant"
"github.com/1Panel-dev/1Panel/global"
"github.com/gin-gonic/gin"
)
func (b *BaseApi) GetSettingInfo(c *gin.Context) {
setting, err := settingService.GetSettingInfo()
if err != nil {
helper.ErrorWithDetail(c, constant.CodeErrInternalServer, constant.ErrTypeInternalServer, err)
return
}
helper.SuccessWithData(c, setting)
}
func (b *BaseApi) UpdateInfo(c *gin.Context) {
var req dto.SettingUpdate
if err := c.ShouldBindJSON(&req); err != nil {
helper.ErrorWithDetail(c, constant.CodeErrBadRequest, constant.ErrTypeInvalidParams, err)
return
}
if err := global.VALID.Struct(req); err != nil {
helper.ErrorWithDetail(c, constant.CodeErrBadRequest, constant.ErrTypeInvalidParams, err)
return
}
if err := settingService.Update(req.Key, req.Value); err != nil {
helper.ErrorWithDetail(c, constant.CodeErrInternalServer, constant.ErrTypeInternalServer, err)
return
}
helper.SuccessWithData(c, nil)
}

31
backend/app/dto/setting.go Normal file
View File

@ -0,0 +1,31 @@
package dto
type SettingInfo struct {
UserName string `json:"userName"`
Password string `json:"password"`
Email string `json:"email"`
SessionTimeout string `json:"sessionTimeout"`
PanelName string `json:"panelName"`
Theme string `json:"theme"`
Language string `json:"language"`
ServerPort string `json:"serverPort"`
SecurityEntrance string `json:"securityEntrance"`
ComplexityVerification string `json:"complexityVerification"`
MFAStatus string `json:"mfaStatus"`
MonitorStatus string `json:"monitorStatus"`
MonitorStoreDays string `json:"monitorStoreDays"`
MessageType string `json:"messageType"`
EmailVars string `json:"emailVars"`
WeChatVars string `json:"weChatVars"`
DingVars string `json:"dingVars"`
}
type SettingUpdate struct {
Key string `json:"key" validate:"required"`
Value string `json:"value"`
}

10
backend/app/model/setting.go Normal file
View File

@ -0,0 +1,10 @@
package model
import "gorm.io/gorm"
type Setting struct {
gorm.Model
Key string `json:"key" gorm:"type:varchar(256);not null;"`
Value string `json:"value" gorm:"type:varchar(256)"`
About string `json:"about" gorm:"type:longText"`
}

1
backend/app/repo/entry.go
View File

@ -7,6 +7,7 @@ type RepoGroup struct {
CommandRepo
OperationRepo
CommonRepo
SettingRepo
}
var RepoGroupApp = new(RepoGroup)

31
backend/app/repo/setting.go Normal file
View File

@ -0,0 +1,31 @@
package repo
import (
"github.com/1Panel-dev/1Panel/app/model"
"github.com/1Panel-dev/1Panel/global"
)
type SettingRepo struct{}
type ISettingRepo interface {
Get(opts ...DBOption) ([]model.Setting, error)
Update(key, value string) error
}
func NewISettingService() ISettingRepo {
return &SettingRepo{}
}
func (u *SettingRepo) Get(opts ...DBOption) ([]model.Setting, error) {
var settings []model.Setting
db := global.DB.Model(&model.Setting{})
for _, opt := range opts {
db = opt(db)
}
err := db.Find(&settings).Error
return settings, err
}
func (u *SettingRepo) Update(key, value string) error {
return global.DB.Model(&model.Setting{}).Where("key = ?", key).Updates(map[string]interface{}{"value": value}).Error
}

2
backend/app/service/entry.go
View File

@ -9,6 +9,7 @@ type ServiceGroup struct {
CommandService
OperationService
FileService
SettingService
}
var ServiceGroupApp = new(ServiceGroup)
@ -20,4 +21,5 @@ var (
commandRepo = repo.RepoGroupApp.CommandRepo
operationRepo = repo.RepoGroupApp.OperationRepo
commonRepo = repo.RepoGroupApp.CommonRepo
settingRepo = repo.RepoGroupApp.SettingRepo
)

43
backend/app/service/setting.go Normal file
View File

@ -0,0 +1,43 @@
package service
import (
"encoding/json"
"github.com/1Panel-dev/1Panel/app/dto"
"github.com/1Panel-dev/1Panel/constant"
)
type SettingService struct{}
type ISettingService interface {
GetSettingInfo() (*dto.SettingInfo, error)
Update(key, value string) error
}
func NewISettingService() ISettingService {
return &SettingService{}
}
func (u *SettingService) GetSettingInfo() (*dto.SettingInfo, error) {
setting, err := settingRepo.Get()
if err != nil {
return nil, constant.ErrRecordNotFound
}
settingMap := make(map[string]string)
for _, set := range setting {
settingMap[set.Key] = set.Value
}
var info dto.SettingInfo
arr, err := json.Marshal(settingMap)
if err != nil {
return nil, err
}
if err := json.Unmarshal(arr, &info); err != nil {
return nil, err
}
return &info, err
}
func (u *SettingService) Update(key, value string) error {
return settingRepo.Update(key, value)
}

3
backend/init/migration/migrate.go
View File

@ -13,7 +13,8 @@ func Init() {
migrations.AddData,
migrations.AddTableOperationLog,
migrations.AddTableHost,
migrations.AddTablemonitor,
migrations.AddTableMonitor,
migrations.AddTableSetting,
})
if err := m.Migrate(); err != nil {
global.LOG.Error(err)

68
backend/init/migration/migrations/init.go
View File

@ -54,9 +54,75 @@ var AddTableHost = &gormigrate.Migration{
},
}
var AddTablemonitor = &gormigrate.Migration{
var AddTableMonitor = &gormigrate.Migration{
ID: "20200905-add-table-monitor",
Migrate: func(tx *gorm.DB) error {
return tx.AutoMigrate(&model.MonitorBase{}, &model.MonitorIO{}, &model.MonitorNetwork{})
},
}
var AddTableSetting = &gormigrate.Migration{
ID: "20200908-add-table-setting",
Migrate: func(tx *gorm.DB) error {
if err := tx.AutoMigrate(&model.Setting{}); err != nil {
return err
}
if err := tx.Create(&model.Setting{Key: "UserName", Value: "admin"}).Error; err != nil {
return err
}
if err := tx.Create(&model.Setting{Key: "Password", Value: "5WYEZ4XcitdomVvAyimt9WwJwBJJSbTTHncZoqyOraQ="}).Error; err != nil {
return err
}
if err := tx.Create(&model.Setting{Key: "Email", Value: ""}).Error; err != nil {
return err
}
if err := tx.Create(&model.Setting{Key: "PanelName", Value: "1Panel"}).Error; err != nil {
return err
}
if err := tx.Create(&model.Setting{Key: "Language", Value: "ch"}).Error; err != nil {
return err
}
if err := tx.Create(&model.Setting{Key: "Theme", Value: "auto"}).Error; err != nil {
return err
}
if err := tx.Create(&model.Setting{Key: "SessionTimeout", Value: "86400"}).Error; err != nil {
return err
}
if err := tx.Create(&model.Setting{Key: "ServerPort", Value: "4004"}).Error; err != nil {
return err
}
if err := tx.Create(&model.Setting{Key: "SecurityEntrance", Value: "/89dc6ae8"}).Error; err != nil {
return err
}
if err := tx.Create(&model.Setting{Key: "ComplexityVerification", Value: "enable"}).Error; err != nil {
return err
}
if err := tx.Create(&model.Setting{Key: "MFAStatus", Value: "disable"}).Error; err != nil {
return err
}
if err := tx.Create(&model.Setting{Key: "MonitorStatus", Value: "enable"}).Error; err != nil {
return err
}
if err := tx.Create(&model.Setting{Key: "MonitorStoreDays", Value: "30"}).Error; err != nil {
return err
}
if err := tx.Create(&model.Setting{Key: "MessageType", Value: "none"}).Error; err != nil {
return err
}
if err := tx.Create(&model.Setting{Key: "EmailVars", Value: ""}).Error; err != nil {
return err
}
if err := tx.Create(&model.Setting{Key: "WeChatVars", Value: ""}).Error; err != nil {
return err
}
if err := tx.Create(&model.Setting{Key: "DingVars", Value: ""}).Error; err != nil {
return err
}
return nil
},
}

1
backend/init/router/router.go
View File

@ -46,6 +46,7 @@ func Routers() *gin.Engine {
systemRouter.InitMonitorRouter(PrivateGroup)
systemRouter.InitOperationLogRouter(PrivateGroup)
systemRouter.InitFileRouter(PrivateGroup)
systemRouter.InitSettingRouter(PrivateGroup)
}
return Router

1
backend/router/entry.go
View File

@ -9,6 +9,7 @@ type RouterGroup struct {
MonitorRouter
OperationLogRouter
FileRouter
SettingRouter
}
var RouterGroupApp = new(RouterGroup)

17
backend/router/ro_setting.go Normal file
View File

@ -0,0 +1,17 @@
package router
import (
v1 "github.com/1Panel-dev/1Panel/app/api/v1"
"github.com/1Panel-dev/1Panel/middleware"
"github.com/gin-gonic/gin"
)
type SettingRouter struct{}
func (s *SettingRouter) InitSettingRouter(Router *gin.RouterGroup) {
monitorRouter := Router.Group("settings").Use(middleware.JwtAuth()).Use(middleware.SessionAuth())
baseApi := v1.ApiGroupApp.BaseApi
{
monitorRouter.POST("/search", baseApi.GetSettingInfo)
}
}

26
frontend/src/api/interface/setting.ts Normal file
View File

@ -0,0 +1,26 @@
export namespace Setting {
export interface SettingInfo {
userName: string;
password: string;
email: string;
sessionTimeout: string;
panelName: string;
theme: string;
language: string;
serverPort: string;
securityEntrance: string;
complexityVerification: string;
mfaStatus: string;
monitorStatus: string;
monitorStoreDays: string;
messageType: string;
emailVars: string;
weChatVars: string;
dingVars: string;
}
}

6
frontend/src/api/modules/setting.ts Normal file
View File

@ -0,0 +1,6 @@
import http from '@/api';
import { Setting } from '../interface/setting';
export const getSettingInfo = () => {
return http.post<Setting.SettingInfo>(`/settings/search`);
};

1
frontend/src/lang/modules/en.ts
View File

@ -100,6 +100,7 @@ export default {
monitor: 'Monitor',
operations: 'Operation Records',
files: 'File Management',
settings: 'Setting',
},
home: {
welcome: 'Welcome',

1
frontend/src/lang/modules/zh.ts
View File

@ -100,6 +100,7 @@ export default {
monitor: '监控',
operations: '操作记录',
files: '文件管理',
settings: '系统设置',
},
home: {
welcome: '欢迎使用',

25
frontend/src/routers/modules/setting.ts Normal file
View File

@ -0,0 +1,25 @@
import { Layout } from '@/routers/constant';
const settingRouter = {
sort: 3,
path: '/settings',
component: Layout,
redirect: '/setting',
meta: {
title: 'menu.settings',
icon: 'Setting',
},
children: [
{
path: '/setting',
name: 'Setting',
component: () => import('@/views/setting/index.vue'),
meta: {
requiresAuth: true,
key: 'Setting',
},
},
],
};
export default settingRouter;

150
frontend/src/views/setting/index.vue Normal file
View File

@ -0,0 +1,150 @@
<template>
<div class="demo-collapse">
<el-card class="topCard">
<el-radio-group v-model="activeNames">
<el-radio-button class="topButton" size="large" label="all">全部</el-radio-button>
<el-radio-button class="topButton" size="large" label="user">用户设置</el-radio-button>
<el-radio-button class="topButton" size="large" label="panel">面板设置</el-radio-button>
<el-radio-button class="topButton" size="large" label="safe">安全设置</el-radio-button>
<el-radio-button class="topButton" size="large" label="backup">备份设置</el-radio-button>
<el-radio-button class="topButton" size="large" label="monitor">监控设置</el-radio-button>
<el-radio-button class="topButton" size="large" label="message">通知设置</el-radio-button>
<el-radio-button class="topButton" size="large" label="about">关于</el-radio-button>
</el-radio-group>
</el-card>
<el-form :model="form" label-position="left" label-width="120px">
<el-card v-if="activeNames === 'all' || activeNames === 'user'" style="margin-top: 20px">
<template #header>
<div class="card-header">
<span>用户设置</span>
</div>
</template>
<el-row>
<el-col :span="1"><br /></el-col>
<el-col :span="8">
<el-form-item label="用户名">
<el-input size="small" clearable v-model="form.userName" />
</el-form-item>
<el-form-item label="密码">
<el-input type="password" clearable show-password size="small" v-model="form.password" />
</el-form-item>
<el-form-item label="主题色">
<el-radio-group size="small" v-model="form.theme">
<el-radio-button label="black">
<el-icon><Moon /></el-icon>黑金
</el-radio-button>
<el-tooltip
effect="dark"
placement="top"
content="选择自动设置，将会在晚 6 点到次日早 6 点间自动切换到黑金主题。"
>
<el-radio-button label="auto" icon="Sunny">
<el-icon><MagicStick /></el-icon>自动
</el-radio-button>
</el-tooltip>
<el-radio-button label="write">
<el-icon><Sunny /></el-icon>白金
</el-radio-button>
</el-radio-group>
</el-form-item>
<el-form-item label="系统语言">
<el-radio-group size="small" v-model="form.language">
<el-radio-button label="ch">中文 </el-radio-button>
<el-radio-button label="en">English </el-radio-button>
</el-radio-group>
</el-form-item>
<el-form-item>
<el-button size="small" icon="Pointer">更新用户设置</el-button>
</el-form-item>
</el-col>
</el-row>
</el-card>
<el-card v-if="activeNames === 'all' || activeNames === 'panel'" style="margin-top: 10px">
<template #header>
<div class="card-header">
<span>面板设置</span>
</div>
</template>
<el-row>
<el-col :span="1"><br /></el-col>
<el-col :span="8">
<el-form-item label="超时时间">
<el-input size="small" v-model="form.sessionTimeout" />
</el-form-item>
<el-form-item label="同步时间">
<el-input size="small" v-model="form.password" />
</el-form-item>
</el-col>
</el-row>
</el-card>
</el-form>
</div>
</template>
<script lang="ts" setup>
import { ref, onMounted, reactive } from 'vue';
import { getSettingInfo } from '@/api/modules/setting';
import { Setting } from '@/api/interface/setting';
const activeNames = ref('all');
let form = reactive<Setting.SettingInfo>({
userName: '',
password: '',
email: '',
sessionTimeout: '',
panelName: '',
theme: '',
language: '',
serverPort: '',
securityEntrance: '',
complexityVerification: '',
mfaStatus: '',
monitorStatus: '',
monitorStoreDays: '',
messageType: '',
emailVars: '',
weChatVars: '',
dingVars: '',
});
const search = async () => {
const res = await getSettingInfo();
console.log(res);
form = res.data;
};
onMounted(() => {
search();
});
</script>
<style>
.topCard {
--el-card-border-color: var(--el-border-color-light);
--el-card-border-radius: 4px;
--el-card-padding: 0px;
--el-card-bg-color: var(--el-fill-color-blank);
}
.topButton .el-radio-button__inner {
display: inline-block;
line-height: 1;
white-space: nowrap;
vertical-align: middle;
background: var(--el-button-bg-color, var(--el-fill-color-blank));
border: 0;
font-weight: 350;
border-left: 0;
color: var(--el-button-text-color, var(--el-text-color-regular));
text-align: center;
box-sizing: border-box;
outline: 0;
margin: 0;
position: relative;
cursor: pointer;
transition: var(--el-transition-all);
-webkit-user-select: none;
user-select: none;
padding: 8px 15px;
font-size: var(--el-font-size-base);
border-radius: 0;
}
</style>