kuailexs/x-springboot-ui
1
0
Fork 0
mirror of https://github.com/yzcheng90/x-springboot-ui synced 2025-11-06 07:01:56 +08:00
Code Issues Packages Projects Releases Wiki Activity

更新部分内容

Browse Source
This commit is contained in:
yzcheng90
2023-01-29 14:36:31 +08:00
parent e471a4a568
commit 230614b74c
15 changed files with 16788 additions and 1072 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15739
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

10
src/api/apk/index.js
View File

@@ -5,34 +5,34 @@ import request from '@/utils/request';
* *
* @author czx * @author czx
* @email object_czx@163.com * @email object_czx@163.com
* @date 2023-01-22 17:15:11 * @date 2023-01-26 20:32:33
*/ */
export function useApkApi() { export function useApkApi() {
return { return {
list: (params) => { list: (params) => {
return request({ return request({
url: '/sys/apk/list', url: '/apk/version/list',
method: 'get', method: 'get',
params params
}); });
}, },
add: (params) => { add: (params) => {
return request({ return request({
url: '/sys/apk/save', url: '/apk/version/save',
method: 'post', method: 'post',
data: params data: params
}); });
}, },
update: (params) => { update: (params) => {
return request({ return request({
url: '/sys/apk/update', url: '/apk/version/update',
method: 'post', method: 'post',
data: params data: params
}); });
}, },
delete: (params) => { delete: (params) => {
return request({ return request({
url: '/sys/apk/delete', url: '/apk/version/delete',
method: 'post', method: 'post',
data: params data: params
}); });

9
src/api/menu/index.js
View File

@@ -41,6 +41,13 @@ export function useMenuApi() {
method: 'get', method: 'get',
params params
}); });
} },
delete: (params) => {
return request({
url: '/sys/menu/delete',
method: 'post',
data: params
});
},
}; };
} }

2
src/layout/footer/index.vue
View File

@@ -1,7 +1,7 @@
<template> <template>
<div class="layout-footer mt15"> <div class="layout-footer mt15">
<div class="layout-footer-warp"> <div class="layout-footer-warp">
<div>vue-prev-admin，Made by lyt with ❤️</div> <div>任务管理平台 后台管理系统 ️</div>
<div class="mt5">{{ $t('message.login.copyright.one5') }}</div> <div class="mt5">{{ $t('message.login.copyright.one5') }}</div>
</div> </div>
</div> </div>

19
src/layout/navBars/breadcrumb/user.vue
View File

@@ -29,16 +29,6 @@
<div class="layout-navbars-breadcrumb-user-icon" @click="onLayoutSetingClick"> <div class="layout-navbars-breadcrumb-user-icon" @click="onLayoutSetingClick">
<i class="icon-skin iconfont" :title="$t('message.user.title3')"></i> <i class="icon-skin iconfont" :title="$t('message.user.title3')"></i>
</div> </div>
<div class="layout-navbars-breadcrumb-user-icon">
<el-popover placement="bottom" trigger="click" v-model="isShowUserNewsPopover" :width="300" popper-class="el-popover-pupop-user-news">
<el-badge :is-dot="true" @click.stop="isShowUserNewsPopover = !isShowUserNewsPopover" slot="reference">
<i class="el-icon-bell" :title="$t('message.user.title4')"></i>
</el-badge>
<transition name="el-zoom-in-top">
<UserNews v-show="isShowUserNewsPopover" />
</transition>
</el-popover>
</div>
<div class="layout-navbars-breadcrumb-user-icon mr10" @click="onScreenfullClick"> <div class="layout-navbars-breadcrumb-user-icon mr10" @click="onScreenfullClick">
<i <i
class="iconfont" class="iconfont"
@@ -54,10 +44,6 @@
</span> </span>
<el-dropdown-menu slot="dropdown"> <el-dropdown-menu slot="dropdown">
<el-dropdown-item command="/home">{{ $t('message.user.dropdown1') }}</el-dropdown-item> <el-dropdown-item command="/home">{{ $t('message.user.dropdown1') }}</el-dropdown-item>
<el-dropdown-item command="wareHouse">{{ $t('message.user.dropdown6') }}</el-dropdown-item>
<el-dropdown-item command="/personal">{{ $t('message.user.dropdown2') }}</el-dropdown-item>
<el-dropdown-item command="/404">{{ $t('message.user.dropdown3') }}</el-dropdown-item>
<el-dropdown-item command="/401">{{ $t('message.user.dropdown4') }}</el-dropdown-item>
<el-dropdown-item divided command="logOut">{{ $t('message.user.dropdown5') }}</el-dropdown-item> <el-dropdown-item divided command="logOut">{{ $t('message.user.dropdown5') }}</el-dropdown-item>
</el-dropdown-menu> </el-dropdown-menu>
</el-dropdown> </el-dropdown>
@@ -68,14 +54,13 @@
<script> <script>
import screenfull from 'screenfull'; import screenfull from 'screenfull';
import { Session, Local } from '@/utils/storage.js'; import { Session, Local } from '@/utils/storage.js';
import UserNews from '@/layout/navBars/breadcrumb/userNews.vue';
import Search from '@/layout/navBars/breadcrumb/search.vue'; import Search from '@/layout/navBars/breadcrumb/search.vue';
import { useLoginApi } from '@/api/login'; import { useLoginApi } from '@/api/login';
import {Message} from "element-ui"; import {Message} from "element-ui";
export default { export default {
name: 'layoutBreadcrumbUser', name: 'layoutBreadcrumbUser',
components: { UserNews, Search }, components: { Search },
data() { data() {
return { return {
isScreenfull: false, isScreenfull: false,
@@ -200,8 +185,6 @@ export default {
}).then(() => { }).then(() => {
}).catch(() => {}); }).catch(() => {});
} else if (path === 'wareHouse') {
window.open('https://github.com/yzcheng90/x-springboot');
} else { } else {
this.$router.push(path); this.$router.push(path);
} }

4
src/store/modules/themeConfig.js
View File

@@ -96,9 +96,9 @@ const themeConfigModule = {
// 网站主标题（菜单导航、浏览器当前网页标题） // 网站主标题（菜单导航、浏览器当前网页标题）
globalTitle: '后台管理系统', globalTitle: '后台管理系统',
// 网站副标题（登录页顶部文字） // 网站副标题（登录页顶部文字）
globalViceTitle: 'x-springboot', globalViceTitle: '任务管理',
// 网站描述（登录页顶部文字） // 网站描述（登录页顶部文字）
globalViceDes: 'vue2.x后台管理系统免费开源模板', globalViceDes: '任务分发平台后台管理系统',
// 默认初始语言，可选值"<zh-cn|en|zh-tw>"，默认 zh-cn // 默认初始语言，可选值"<zh-cn|en|zh-tw>"，默认 zh-cn
globalI18n: 'zh-cn', globalI18n: 'zh-cn',
// 默认全局组件大小，可选值"<|medium|small|mini>"，默认 '' // 默认全局组件大小，可选值"<|medium|small|mini>"，默认 ''

2
src/utils/request.js
View File

@@ -59,7 +59,7 @@ service.interceptors.response.use(
} else if (error.message == 'Network Error') { } else if (error.message == 'Network Error') {
Message.error('网络连接错误'); Message.error('网络连接错误');
} else { } else {
Message.error(error.response.data.message); Message.error(error.message);
} }
return Promise.reject(error); return Promise.reject(error);
} }

221
src/views/apk/index.vue
View File

@@ -1,5 +1,5 @@
<template> <template>
<div class="system-user-container layout-padding"> <div class="system-user-container layout-padding" v-loading.fullscreen.lock="state.fullscreenLoading">
<el-card shadow="hover" class="layout-padding-auto"> <el-card shadow="hover" class="layout-padding-auto">
<div class="system-user-search mb15"> <div class="system-user-search mb15">
<el-input size="default" v-model="state.tableData.param.keyword" placeholder="请输入名称" <el-input size="default" v-model="state.tableData.param.keyword" placeholder="请输入名称"
@@ -10,33 +10,45 @@
</el-icon> </el-icon>
查询 查询
</el-button> </el-button>
<el-button size="default" type="success" class="ml10" @click="onOpenAddOrEdit('add')"> <el-button size="default" type="success" class="ml10" @click="showUploadDialog()">
<el-icon> <el-icon>
<ele-FolderAdd/> <ele-FolderAdd/>
</el-icon> </el-icon>
新增 上传APK
</el-button> </el-button>
</div> </div>
<el-table :data="state.tableData.data" v-loading="state.tableData.loading" style="width: 100%"> <el-table :data="state.tableData.data" v-loading="state.tableData.loading" style="width: 100%">
<el-table-column type="index" label="序号" width="60"/> <el-table-column type="index" label="序号" width="60"/>
<el-table-column prop="updateContent" label="更新内容" show-overflow-tooltip></el-table-column> <el-table-column prop="updateContent" label="更新内容" show-overflow-tooltip></el-table-column>
<el-table-column prop="appName" label="APP名" show-overflow-tooltip></el-table-column>
<el-table-column prop="versionCode" label="版本码" show-overflow-tooltip></el-table-column> <el-table-column prop="versionCode" label="版本码" show-overflow-tooltip></el-table-column>
<el-table-column prop="versionName" label="版本号" show-overflow-tooltip></el-table-column> <el-table-column prop="versionName" label="版本号" show-overflow-tooltip></el-table-column>
<el-table-column prop="packageName" label="包名" show-overflow-tooltip></el-table-column> <el-table-column prop="packageName" label="包名" show-overflow-tooltip></el-table-column>
<el-table-column prop="downloadUrl" label="下载地址" show-overflow-tooltip></el-table-column> <el-table-column prop="downloadUrl" label="下载地址" show-overflow-tooltip></el-table-column>
<el-table-column prop="appName" label="APP名" show-overflow-tooltip></el-table-column>
<el-table-column prop="md5Value" label="MD5值" show-overflow-tooltip></el-table-column>
<el-table-column prop="fileName" label="文件名" show-overflow-tooltip></el-table-column> <el-table-column prop="fileName" label="文件名" show-overflow-tooltip></el-table-column>
<el-table-column prop="md5Value" label="MD5值" show-overflow-tooltip></el-table-column>
<el-table-column prop="fileSize" label="文件大小" show-overflow-tooltip></el-table-column> <el-table-column prop="fileSize" label="文件大小" show-overflow-tooltip></el-table-column>
<el-table-column prop="createTime" label="创建时间" show-overflow-tooltip></el-table-column> <el-table-column prop="isForce" label="强制安装" show-overflow-tooltip>
<el-table-column prop="updateTime" label="修改时间" show-overflow-tooltip></el-table-column> <template #default="scope">
<el-table-column prop="userId" label="上传人" show-overflow-tooltip></el-table-column> <el-tag type="primary" v-if="scope.row.isForce == 0">是</el-tag>
<el-table-column prop="isForce" label="是否强制安装" show-overflow-tooltip></el-table-column> <el-tag type="info" v-else>否</el-tag>
<el-table-column prop="isIgnorable" label="是否可忽略该版本" show-overflow-tooltip></el-table-column> </template>
<el-table-column prop="isSilent" label="是否静默下载" show-overflow-tooltip></el-table-column> </el-table-column>
<el-table-column label="操作" width="200"> <el-table-column prop="isIgnorable" label="忽略该版本" show-overflow-tooltip>
<template #default="scope">
<el-tag type="primary" v-if="scope.row.isIgnorable == 0">是</el-tag>
<el-tag type="info" v-else>否</el-tag>
</template>
</el-table-column>
<el-table-column prop="isSilent" label="静默下载" show-overflow-tooltip>
<template #default="scope">
<el-tag type="primary" v-if="scope.row.isSilent == 0">是</el-tag>
<el-tag type="info" v-else>否</el-tag>
</template>
</el-table-column>
<el-table-column prop="createTime" label="创建时间" show-overflow-tooltip></el-table-column>
<el-table-column label="操作" width="100">
<template #default="scope"> <template #default="scope">
<el-button size="small" text type="primary" @click="onOpenAddOrEdit('edit', scope.row)">修改</el-button>
<el-button size="small" text type="primary" @click="onRowDel(scope.row)">删除</el-button> <el-button size="small" text type="primary" @click="onRowDel(scope.row)">删除</el-button>
</template> </template>
</el-table-column> </el-table-column>
@@ -55,111 +67,103 @@
> >
</el-pagination> </el-pagination>
</el-card> </el-card>
<el-dialog title="上传APK" :visible.sync="state.dialog.isShowUploadDialog" width="400px">
<el-upload
class="upload-demo"
drag
list-type="apk"
action="/sys/oss/upload/apk"
:on-success="apkUploadSuccess"
:on-progress="apkUploading"
>
<i class="el-icon-upload"></i>
<div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
<div class="el-upload__tip" slot="tip">只能上传APK文件，且不超过100MB</div>
</el-upload>
</el-dialog>
<el-dialog :title="state.dialog.title" :visible.sync="state.dialog.isShowDialog" width="769px"> <el-dialog :title="state.dialog.title" :visible.sync="state.dialog.isShowDialog" width="769px">
<div> <div>
<el-form ref="userDialogFormRef" :model="state.ruleForm" size="default" label-width="90px"> <el-form ref="userDialogFormRef" :model="state.ruleForm" size="default" label-width="120px">
<el-row :gutter="35"> <el-row :gutter="35">
<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20"> <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
<el-form-item label="更新内容"> <el-form-item label="APP名">
<el-input v-model="state.ruleForm.updateContent" placeholder="更新内容" clearable></el-input> <el-input disabled v-model="state.ruleForm.appName" placeholder="APP名" clearable></el-input>
</el-form-item>
</el-col>
<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
<el-form-item label="包名">
<el-input disabled v-model="state.ruleForm.packageName" placeholder="包名" clearable></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="35"> <el-row :gutter="35">
<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20"> <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
<el-form-item label="版本码"> <el-form-item label="版本码">
<el-input v-model="state.ruleForm.versionCode" placeholder="版本码" clearable></el-input> <el-input disabled v-model="state.ruleForm.versionCode" placeholder="版本码" clearable></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row>
<el-row :gutter="35">
<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20"> <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
<el-form-item label="版本号"> <el-form-item label="版本号">
<el-input v-model="state.ruleForm.versionName" placeholder="版本号" clearable></el-input> <el-input disabled v-model="state.ruleForm.versionName" placeholder="版本号" clearable></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="35">
<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
<el-form-item label="包名">
<el-input v-model="state.ruleForm.packageName" placeholder="包名" clearable></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="35"> <el-row :gutter="35">
<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20"> <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
<el-form-item label="下载地址"> <el-form-item label="下载地址">
<el-input v-model="state.ruleForm.downloadUrl" placeholder="下载地址" clearable></el-input> <el-input disabled v-model="state.ruleForm.downloadUrl" placeholder="下载地址" clearable></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row>
<el-row :gutter="35">
<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20"> <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
<el-form-item label="APP名"> <el-form-item label="文件名">
<el-input v-model="state.ruleForm.appName" placeholder="APP名" clearable></el-input> <el-input disabled v-model="state.ruleForm.fileName" placeholder="文件名" clearable></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="35"> <el-row :gutter="35">
<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20"> <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
<el-form-item label="MD5值"> <el-form-item label="MD5值">
<el-input v-model="state.ruleForm.md5Value" placeholder="MD5值" clearable></el-input> <el-input disabled v-model="state.ruleForm.md5Value" placeholder="MD5值" clearable></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row>
<el-row :gutter="35">
<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
<el-form-item label="文件名">
<el-input v-model="state.ruleForm.fileName" placeholder="文件名" clearable></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="35">
<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20"> <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
<el-form-item label="文件大小"> <el-form-item label="文件大小">
<el-input v-model="state.ruleForm.fileSize" placeholder="文件大小" clearable></el-input> <el-input disabled v-model="state.ruleForm.fileSize" placeholder="文件大小" clearable></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="35"> <el-row :gutter="35">
<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20"> <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
<el-form-item label="创建时间"> <el-form-item label="强制安装">
<el-input v-model="state.ruleForm.createTime" placeholder="创建时间" clearable></el-input> <el-radio-group v-model="state.ruleForm.isForce">
<el-radio-button :label="0">是</el-radio-button>
<el-radio-button :label="1">否</el-radio-button>
</el-radio-group>
</el-form-item>
</el-col>
<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
<el-form-item label="可忽略该版本">
<el-radio-group v-model="state.ruleForm.isIgnorable">
<el-radio-button :label="0">是</el-radio-button>
<el-radio-button :label="1">否</el-radio-button>
</el-radio-group>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="35"> <el-row :gutter="35">
<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20"> <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
<el-form-item label="修改时间"> <el-form-item label="静默下载">
<el-input v-model="state.ruleForm.updateTime" placeholder="修改时间" clearable></el-input> <el-radio-group v-model="state.ruleForm.isSilent">
<el-radio-button :label="0">是</el-radio-button>
<el-radio-button :label="1">否</el-radio-button>
</el-radio-group>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="35"> <el-row :gutter="35">
<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20"> <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20">
<el-form-item label="上传人"> <el-form-item label="更新内容">
<el-input v-model="state.ruleForm.userId" placeholder="上传人" clearable></el-input> <el-input v-model="state.ruleForm.updateContent" type="textarea" :rows="3" placeholder="更新内容" clearable></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="35">
<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
<el-form-item label="是否强制安装">
<el-input v-model="state.ruleForm.isForce" placeholder="是否强制安装" clearable></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="35">
<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
<el-form-item label="是否可忽略该版本">
<el-input v-model="state.ruleForm.isIgnorable" placeholder="是否可忽略该版本" clearable></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="35">
<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
<el-form-item label="是否静默下载">
<el-input v-model="state.ruleForm.isSilent" placeholder="是否静默下载" clearable></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
@@ -184,6 +188,7 @@
data() { data() {
return { return {
state: { state: {
fullscreenLoading: false,
tableData: { tableData: {
data: [], data: [],
total: 0, total: 0,
@@ -195,6 +200,7 @@
} }
}, },
dialog: { dialog: {
isShowUploadDialog: false,
isShowDialog: false, isShowDialog: false,
type: '', type: '',
title: '', title: '',
@@ -209,13 +215,10 @@
appName: '', // APP名 appName: '', // APP名
md5Value: '', // MD5值 md5Value: '', // MD5值
fileName: '', // 文件名 fileName: '', // 文件名
fileSize: '', // 文件大小 fileSize: 0, // 文件大小
createTime: '', // 创建时间 isForce: 0, // 是否强制安装
updateTime: '', // 修改时间 isIgnorable: 1, // 是否可忽略该版本
userId: '', // 上传人 isSilent: 0, // 是否静默下载
isForce: '', // 是否强制安装
isIgnorable: '', // 是否可忽略该版本
isSilent: '', // 是否静默下载
}, },
submitBtn: { submitBtn: {
loading: false, loading: false,
@@ -234,38 +237,43 @@
this.state.tableData.loading = false this.state.tableData.loading = false
}) })
}, },
onOpenAddOrEdit(type, row) { showUploadDialog(){
if (type === 'edit') { this.state.dialog.isShowUploadDialog = true;
this.state.submitBtn.type = 'edit'; },
this.state.ruleForm = row; apkUploading(event, file, fileList){
this.state.dialog.title = '修改${column.columnComment}'; this.state.fullscreenLoading = true;
this.state.dialog.submitTxt = '修 改'; },
apkUploadSuccess(response, file, fileList){
console.log(response)
this.state.fullscreenLoading = false;
if(response.code == 0){
this.onOpenAddOrEdit(response.data);
}else { }else {
Message.error(response.msg);
}
},
onOpenAddOrEdit(data) {
this.state.submitBtn.type = 'add'; this.state.submitBtn.type = 'add';
this.state.ruleForm = { this.state.ruleForm = {
updateContent: '', // 更新内容 updateContent: '', // 更新内容
versionCode: '', // 版本码 versionCode: data.versionCode, // 版本码
versionName: '', // 版本号 versionName: data.versionName, // 版本号
packageName: '', // 包名 packageName: data.packageName, // 包名
downloadUrl: '', // 下载地址 downloadUrl: data.downloadUrl, // 下载地址
appName: '', // APP名 appName: data.appName, // APP名
md5Value: '', // MD5值 md5Value: data.md5Value, // MD5值
fileName: '', // 文件名 fileName: data.fileName, // 文件名
fileSize: '', // 文件大小 fileSize: data.fileSize, // 文件大小
createTime: '', // 创建时间 isForce: 0, // 是否强制安装
updateTime: '', // 修改时间 isIgnorable: 1, // 是否可忽略该版本
userId: '', // 上传人 isSilent: 0, // 是否静默下载
isForce: '', // 是否强制安装
isIgnorable: '', // 是否可忽略该版本
isSilent: '', // 是否静默下载
}; };
this.state.dialog.title = '新增${column.columnComment}'; this.state.dialog.title = '上传APK';
this.state.dialog.submitTxt = '新 增'; this.state.dialog.submitTxt = '新 增';
}
this.state.dialog.isShowDialog = true; this.state.dialog.isShowDialog = true;
}, },
onRowDel(row) { onRowDel(row) {
MessageBox.confirm(`此操作将永久删除${column.columnComment}：“${row.roleName}”，是否继续?`, '提示', { MessageBox.confirm(`此操作将永久删除，是否继续?`, '提示', {
confirmButtonText: '确认', confirmButtonText: '确认',
cancelButtonText: '取消', cancelButtonText: '取消',
type: 'warning', type: 'warning',
@@ -286,21 +294,13 @@
}, },
closeDialog() { closeDialog() {
this.state.dialog.isShowDialog = false; this.state.dialog.isShowDialog = false;
this.state.dialog.isShowUploadDialog = false;
}, },
onCancel() { onCancel() {
this.closeDialog(); this.closeDialog();
}, },
onSubmit() { onSubmit() {
this.state.submitBtn.loading = true; this.state.submitBtn.loading = true;
if(this.state.submitBtn.type === 'edit'){
useApkApi().update(this.state.ruleForm).then(response => {
this.state.submitBtn.loading = false;
this.closeDialog();
this.fetchData()
}).catch(() => {
this.state.submitBtn.loading = false
})
}else {
useApkApi().add(this.state.ruleForm).then(response => { useApkApi().add(this.state.ruleForm).then(response => {
this.state.submitBtn.loading = false; this.state.submitBtn.loading = false;
this.closeDialog(); this.closeDialog();
@@ -308,7 +308,6 @@
}).catch(() => { }).catch(() => {
this.state.submitBtn.loading = false this.state.submitBtn.loading = false
}) })
}
}, },
deleteInfo(row) { deleteInfo(row) {
useApkApi().delete(row).then(response => { useApkApi().delete(row).then(response => {

14
src/views/code/index.vue
View File

@@ -89,9 +89,14 @@
<el-input v-model="state.ruleForm.filePath"></el-input> <el-input v-model="state.ruleForm.filePath"></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
<el-form-item label="是否生成UI页面">
<el-switch v-model="state.ruleForm.genUi"></el-switch>
</el-form-item>
</el-col>
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20"> <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20">
<el-form-item label="前台项目目录"> <el-form-item label="前台项目目录">
<el-input v-model="state.ruleForm.uiFilePath"></el-input> <el-input :disabled="!state.ruleForm.genUi" v-model="state.ruleForm.uiFilePath"></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20"> <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
@@ -147,8 +152,8 @@ export default {
tableName: "", tableName: "",
mainPath: "com.suke.czx", mainPath: "com.suke.czx",
packagePath: "com.suke.czx.modules", packagePath: "com.suke.czx.modules",
filePath: "D:\\github_project\\X-SpringBoot", filePath: "E:\\github\\X-SpringBoot",
uiFilePath: "D:\\github_project\\x-springboot-ui", uiFilePath: "E:\\github\\x-springboot-ui",
moduleName: "user", moduleName: "user",
requestMapping: "user", requestMapping: "user",
author: "czx", author: "czx",
@@ -159,7 +164,8 @@ export default {
fileServiceImpl: true, fileServiceImpl: true,
fileMapper: true, fileMapper: true,
fileMapperXml: false, fileMapperXml: false,
fileEntity: true fileEntity: true,
genUi: true
}, },
submitBtn: { submitBtn: {
loading: false, loading: false,

12
src/views/home/index.vue
View File

@@ -19,7 +19,7 @@
<el-col :span="24"> <el-col :span="24">
<el-col :xs="12" :sm="12" :md="8" class="right-l-v"> <el-col :xs="12" :sm="12" :md="8" class="right-l-v">
<div class="right-label">昵称：</div> <div class="right-label">昵称：</div>
<div class="right-value">小柒</div> <div class="right-value">{{userInfo.name}}</div>
</el-col> </el-col>
<el-col :xs="12" :sm="12" :md="16" class="right-l-v"> <el-col :xs="12" :sm="12" :md="16" class="right-l-v">
<div class="right-label">身份：</div> <div class="right-label">身份：</div>
@@ -29,7 +29,7 @@
<el-col :span="24" class="mt5"> <el-col :span="24" class="mt5">
<el-col :xs="12" :sm="12" :md="8" class="right-l-v"> <el-col :xs="12" :sm="12" :md="8" class="right-l-v">
<div class="right-label one-text-overflow">IP：</div> <div class="right-label one-text-overflow">IP：</div>
<div class="right-value one-text-overflow">192.168.1.1</div> <div class="right-value one-text-overflow">{{userInfo.loginIp}}</div>
</el-col> </el-col>
<el-col :xs="12" :sm="12" :md="16" class="right-l-v"> <el-col :xs="12" :sm="12" :md="16" class="right-l-v">
<div class="right-label one-text-overflow">时间：</div> <div class="right-label one-text-overflow">时间：</div>
@@ -69,7 +69,7 @@
<el-card shadow="hover"> <el-card shadow="hover">
<div slot="header"> <div slot="header">
<span>{{ $t('message.card.title4') }}</span> <span>{{ $t('message.card.title4') }}</span>
<el-button class="home-card-more" type="text" @click="onOpenGitee">{{ $t('message.card.title5') }}</el-button> <el-button class="home-card-more" type="text" @click="onOpenGithub">{{ $t('message.card.title5') }}</el-button>
</div> </div>
<el-row :gutter="15" class="home-recommend-row"> <el-row :gutter="15" class="home-recommend-row">
<el-col :sm="24" :md="12" :lg="6" :xl="6" v-for="(v, k) in recommendList" :key="k"> <el-col :sm="24" :md="12" :lg="6" :xl="6" v-for="(v, k) in recommendList" :key="k">
@@ -371,9 +371,9 @@ export default {
onNewsInfoListClick(v) { onNewsInfoListClick(v) {
window.open(v.link); window.open(v.link);
}, },
// 跳转到 gitee // 跳转到 github
onOpenGitee() { onOpenGithub() {
window.open('https://gitee.com/lyt-top/vue-next-admin'); window.open('https://github.com/yzcheng90/x-springboot-ui');
}, },
}, },
watch: { watch: {

26
src/views/home/mock.js
View File

@@ -56,29 +56,9 @@ export const chartsRightList = [
export const newsInfoList = [ export const newsInfoList = [
{ {
title: '[发布] 2021年02月28日发布基于 vue3.x + vite v1.0.0 版本', title: '[发布] 2023年01月22日发布基于1.0版本',
date: '02/28', date: '01/22',
link: 'https://gitee.com/lyt-top/vue-next-admin', link: 'https://github.com/yzcheng90/x-springboot-ui',
},
{
title: '[发布] 2021年04月15日发布 vue2.x + webpack 重构版本',
date: '04/15',
link: 'https://gitee.com/lyt-top/vue-next-admin/tree/vue-prev-admin/',
},
{
title: '[重构] 2021年04月10日 重构 vue2.x + webpack v1.0.0 版本',
date: '04/10',
link: 'https://gitee.com/lyt-top/vue-next-admin/tree/vue-prev-admin/',
},
{
title: '[预览] 2020年12月08日，基于 vue3.x 版本后台模板的预览',
date: '12/08',
link: 'http://lyt-top.gitee.io/vue-next-admin-preview/#/login',
},
{
title: '[预览] 2020年11月15日，基于 vue2.x 版本后台模板的预览',
date: '11/15',
link: 'https://lyt-top.gitee.io/vue-prev-admin-preview/#/login',
}, },
]; ];

40
src/views/login/index.vue
View File

@@ -64,27 +64,29 @@
</div> </div>
</el-form-item> </el-form-item>
<el-form-item style="margin: 40px 0px 0"> <el-form-item style="margin: 40px 0px 0">
<el-button type="primary" class="login-submit" @click="submitForm" :loading="submit.loading"> <el-button type="primary" class="login-submit" @click="submitForm"
:loading="submit.loading">
<span>{{ $t('message.login.btnText') }}</span> <span>{{ $t('message.login.btnText') }}</span>
</el-button> </el-button>
</el-form-item> </el-form-item>
</el-form> </el-form>
<div class="login-menu"> <!-- <div class="login-menu">-->
<a href="javascript:;">{{ $t('message.login.link.one1') }}</a> <!-- <a href="javascript:;">{{ $t('message.login.link.one1') }}</a>-->
<a href="javascript:;">{{ $t('message.login.link.one2') }}</a> <!-- <a href="javascript:;">{{ $t('message.login.link.one2') }}</a>-->
</div> <!-- </div>-->
</div> </div>
</div> </div>
</div> </div>
<div class="vue-particles"> <div class="vue-particles">
<vue-particles color="#dedede" shapeType="star" linesColor="#dedede" hoverMode="grab" clickMode="push" style="height: 100%"></vue-particles> <vue-particles color="#dedede" shapeType="star" linesColor="#dedede" hoverMode="grab" clickMode="push"
style="height: 100%"></vue-particles>
</div> </div>
</div> </div>
</template> </template>
<script> <script>
import {Session} from '@/utils/storage'; import {Session} from '@/utils/storage';
import { formatDate, formatAxis } from '@/utils/formatTime'; import {formatAxis, formatDate} from '@/utils/formatTime';
import {PrevLoading} from '@/utils/loading.js'; import {PrevLoading} from '@/utils/loading.js';
import {quotationsList} from './mock'; import {quotationsList} from './mock';
import {useLoginApi} from '@/api/login'; import {useLoginApi} from '@/api/login';
@@ -181,6 +183,7 @@ export default {
overflow: hidden; overflow: hidden;
display: flex; display: flex;
position: relative; position: relative;
.vue-particles { .vue-particles {
position: absolute; position: absolute;
top: 0; top: 0;
@@ -189,6 +192,7 @@ export default {
height: 100%; height: 100%;
background: radial-gradient(ellipse at top left, rgba(105, 155, 200, 1) 0%, rgba(181, 197, 216, 1) 57%); background: radial-gradient(ellipse at top left, rgba(105, 155, 200, 1) 0%, rgba(181, 197, 216, 1) 57%);
} }
.login-weaper { .login-weaper {
margin: auto; margin: auto;
height: 500px; height: 500px;
@@ -198,6 +202,7 @@ export default {
z-index: 1; z-index: 1;
border: none; border: none;
box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08); box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
.login-left { .login-left {
width: 491px; width: 491px;
padding: 20px; padding: 20px;
@@ -209,6 +214,7 @@ export default {
flex-direction: column; flex-direction: column;
border-top-left-radius: 4px; border-top-left-radius: 4px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 4px;
.login-time { .login-time {
width: 100%; width: 100%;
color: var(--prev-color-text-white); color: var(--prev-color-text-white);
@@ -216,6 +222,7 @@ export default {
font-size: 14px; font-size: 14px;
overflow: hidden; overflow: hidden;
} }
.login-left-box { .login-left-box {
flex: 1; flex: 1;
overflow: hidden; overflow: hidden;
@@ -224,26 +231,32 @@ export default {
display: flex; display: flex;
align-items: center; align-items: center;
padding: 80px 45px; padding: 80px 45px;
.logo { .logo {
font-size: 22px; font-size: 22px;
margin-bottom: 15px; margin-bottom: 15px;
} }
.title { .title {
color: var(--prev-color-text-white); color: var(--prev-color-text-white);
font-weight: 300; font-weight: 300;
letter-spacing: 2px; letter-spacing: 2px;
font-size: 16px; font-size: 16px;
} }
.msg { .msg {
color: var(--prev-color-text-white); color: var(--prev-color-text-white);
font-size: 13px; font-size: 13px;
margin-top: 35px; margin-top: 35px;
.msg-author { .msg-author {
opacity: 0.6; opacity: 0.6;
span:last-of-type { span:last-of-type {
margin-left: 15px; margin-left: 15px;
} }
} }
.msg-txt { .msg-txt {
margin-top: 15px; margin-top: 15px;
line-height: 22px; line-height: 22px;
@@ -251,6 +264,7 @@ export default {
} }
} }
} }
.login-right { .login-right {
width: 491px; width: 491px;
padding: 20px; padding: 20px;
@@ -260,9 +274,11 @@ export default {
background-color: var(--prev-bg-white); background-color: var(--prev-bg-white);
border-top-right-radius: 4px; border-top-right-radius: 4px;
border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;
.login-main { .login-main {
margin: 0 auto; margin: 0 auto;
width: 70%; width: 70%;
.login-title { .login-title {
color: var(--prev-color-text-primary); color: var(--prev-color-text-primary);
margin-bottom: 40px; margin-bottom: 40px;
@@ -271,19 +287,24 @@ export default {
text-align: center; text-align: center;
letter-spacing: 4px; letter-spacing: 4px;
} }
.login-form { .login-form {
margin: 10px 0; margin: 10px 0;
i { i {
color: var(--prev-color-text-primary); color: var(--prev-color-text-primary);
} }
.el-form-item { .el-form-item {
margin-bottom: 20px !important; margin-bottom: 20px !important;
.login-code { .login-code {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-around; justify-content: space-around;
margin: 0 0 0 10px; margin: 0 0 0 10px;
user-select: none; user-select: none;
.login-code-img { .login-code-img {
margin-top: 2px; margin-top: 2px;
width: 120px; width: 120px;
@@ -299,27 +320,32 @@ export default {
cursor: pointer; cursor: pointer;
transition: all ease 0.2s; transition: all ease 0.2s;
border-radius: 4px; border-radius: 4px;
&:hover { &:hover {
border-color: var(--prev-border-color-hover); border-color: var(--prev-border-color-hover);
transition: all ease 0.2s; transition: all ease 0.2s;
} }
} }
} }
.login-submit { .login-submit {
width: 100%; width: 100%;
letter-spacing: 2px; letter-spacing: 2px;
} }
} }
} }
.login-menu { .login-menu {
margin-top: 30px; margin-top: 30px;
width: 100%; width: 100%;
text-align: left; text-align: left;
a { a {
color: var(--prev-color-text-secondary); color: var(--prev-color-text-secondary);
font-size: 12px; font-size: 12px;
margin: 0 8px; margin: 0 8px;
text-decoration: none; text-decoration: none;
&:hover { &:hover {
color: var(--prev-color-primary); color: var(--prev-color-primary);
text-decoration: underline; text-decoration: underline;

18
src/views/menu/index.vue
View File

@@ -429,13 +429,12 @@ export default {
this.state.dialog.isShowDialog = true; this.state.dialog.isShowDialog = true;
}, },
onRowDel(row){ onRowDel(row){
MessageBox.confirm(`此操作将永久删除账户名称：“${row.username}”，是否继续?`, '提示', { MessageBox.confirm(`此操作将永久删除名称：“${row.title}”，是否继续?`, '提示', {
confirmButtonText: '确认', confirmButtonText: '确认',
cancelButtonText: '取消', cancelButtonText: '取消',
type: 'warning', type: 'warning',
}).then(() => { }).then(() => {
this.fetchData() this.deleteInfo(row);
Message.success('删除成功');
}).catch(() => {}); }).catch(() => {});
}, },
onSelectIframeChange(){ onSelectIframeChange(){
@@ -463,7 +462,18 @@ export default {
}, },
onSubmit(){ onSubmit(){
} },
deleteInfo(row) {
let param = {
menuId: row.menuId
};
useMenuApi().delete(param).then(response => {
Message.success('删除成功');
this.fetchData()
}).catch(() => {
this.fetchData()
})
},
}, },
computed: { computed: {

9
src/views/role/index.vue
View File

@@ -22,7 +22,7 @@
<el-table-column prop="roleId" label="角色ID" show-overflow-tooltip></el-table-column> <el-table-column prop="roleId" label="角色ID" show-overflow-tooltip></el-table-column>
<el-table-column prop="roleName" label="角色名称" show-overflow-tooltip></el-table-column> <el-table-column prop="roleName" label="角色名称" show-overflow-tooltip></el-table-column>
<el-table-column prop="remark" label="备注" show-overflow-tooltip></el-table-column> <el-table-column prop="remark" label="备注" show-overflow-tooltip></el-table-column>
<el-table-column prop="createUserId" label="创建者ID" show-overflow-tooltip></el-table-column> <el-table-column prop="createUserName" label="创建者" show-overflow-tooltip></el-table-column>
<el-table-column prop="createTime" label="创建时间" show-overflow-tooltip></el-table-column> <el-table-column prop="createTime" label="创建时间" show-overflow-tooltip></el-table-column>
<el-table-column label="操作" width="200"> <el-table-column label="操作" width="200">
<template #default="scope"> <template #default="scope">
@@ -75,7 +75,8 @@
node-key="menuId" node-key="menuId"
:default-checked-keys="state.ruleForm.menuIdList" :default-checked-keys="state.ruleForm.menuIdList"
@check="selectedTree" @check="selectedTree"
:props="state.defaultProps"> :check-strictly="true"
:props="{children: 'children',label: 'title'}">
</el-tree> </el-tree>
</el-form-item> </el-form-item>
</el-col> </el-col>
@@ -127,10 +128,6 @@ export default {
menuIdList: [] menuIdList: []
}, },
menuList: [], menuList: [],
defaultProps: {
children: 'children',
label: 'title'
},
submitBtn: { submitBtn: {
loading: false, loading: false,
type:'' type:''

31
src/views/user/index.vue
View File

@@ -2,7 +2,8 @@
<div class="system-user-container layout-padding"> <div class="system-user-container layout-padding">
<el-card shadow="hover" class="layout-padding-auto"> <el-card shadow="hover" class="layout-padding-auto">
<div class="system-user-search mb15"> <div class="system-user-search mb15">
<el-input size="default" v-model="state.tableData.param.keyword" placeholder="请输入用户名称" style="max-width: 180px"> </el-input> <el-input size="default" v-model="state.tableData.param.keyword" placeholder="请输入用户名称"
style="max-width: 180px"></el-input>
<el-button size="default" type="primary" class="ml10" @click="fetchData()"> <el-button size="default" type="primary" class="ml10" @click="fetchData()">
<el-icon> <el-icon>
<ele-Search/> <ele-Search/>
@@ -31,10 +32,14 @@
<el-table-column prop="createTime" label="创建时间" show-overflow-tooltip></el-table-column> <el-table-column prop="createTime" label="创建时间" show-overflow-tooltip></el-table-column>
<el-table-column label="操作" width="200"> <el-table-column label="操作" width="200">
<template #default="scope"> <template #default="scope">
<el-button :disabled="scope.row.username === 'admin'" size="small" text type="primary" @click="onOpenAddOrEdit('edit', scope.row)" <el-button :disabled="scope.row.username === 'admin'" size="small" text type="primary"
>修改</el-button @click="onOpenAddOrEdit('edit', scope.row)"
>修改
</el-button
> >
<el-button :disabled="scope.row.username === 'admin'" size="small" text type="primary" @click="onRowDel(scope.row)">删除</el-button> <el-button :disabled="scope.row.username === 'admin'" size="small" text type="primary"
@click="onRowDel(scope.row)">删除
</el-button>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
@@ -63,7 +68,8 @@
</el-col> </el-col>
<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20"> <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
<el-form-item label="账户密码"> <el-form-item label="账户密码">
<el-input v-model="state.ruleForm.password" placeholder="请输入" type="password" clearable></el-input> <el-input v-model="state.ruleForm.password" placeholder="请输入" type="password"
clearable></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20"> <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
@@ -78,7 +84,11 @@
</el-col> </el-col>
<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20"> <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
<el-form-item label="用户状态"> <el-form-item label="用户状态">
<el-switch v-model="state.ruleForm.userStatus" inline-prompt active-text="启" inactive-text="禁"></el-switch> <el-radio-group v-model="state.ruleForm.status">
<el-radio-button :label="0">禁用</el-radio-button>
<el-radio-button :label="1">正常</el-radio-button>
</el-radio-group>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20"> <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
@@ -140,7 +150,6 @@ export default {
email: '', // 邮箱 email: '', // 邮箱
password: '', // 账户密码 password: '', // 账户密码
status: 1, // 用户状态 status: 1, // 用户状态
userStatus: true, // 用户状态
roleIdList: [] // 角色 roleIdList: [] // 角色
}, },
submitBtn: { submitBtn: {
@@ -179,7 +188,6 @@ export default {
email: '', // 邮箱 email: '', // 邮箱
password: '', // 账户密码 password: '', // 账户密码
status: 1, // 用户状态 status: 1, // 用户状态
userStatus: true // 用户状态
}; };
this.state.submitBtn.type = 'add'; this.state.submitBtn.type = 'add';
this.state.dialog.title = '新增用户'; this.state.dialog.title = '新增用户';
@@ -194,7 +202,8 @@ export default {
type: 'warning', type: 'warning',
}).then(() => { }).then(() => {
this.deleteInfo(row) this.deleteInfo(row)
}).catch(() => {}); }).catch(() => {
});
}, },
deleteInfo(row) { deleteInfo(row) {
useListApi().delete(row).then(response => { useListApi().delete(row).then(response => {
@@ -241,9 +250,7 @@ export default {
} }
} }
}, },
computed: { computed: {},
},
created() { created() {
}, },