manager/zyplayer-doc
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

重构控制台首页

Browse Source
This commit is contained in:
暮光：城中城
2019-06-27 22:42:06 +08:00
parent 968bbb5f5a
commit f144e77035
53 changed files with 13353 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

129
zyplayer-doc-ui/console-ui/src/App.vue Normal file
View File

@@ -0,0 +1,129 @@
<template>
<div id="app">
<template v-if="global.fullscreen">
<router-view></router-view>
</template>
<el-container v-else>
<el-aside>
<div style="padding: 10px;height: 100%;box-sizing: border-box;background: #fafafa;">
<el-menu default-active="1-4-1" :router="true" class="el-menu-vertical" @open="handleOpen" @close="handleClose" :collapse="isCollapse">
<el-menu-item index="/"><i class="el-icon-s-home"></i>控制台</el-menu-item>
<el-submenu index="1">
<template slot="title">
<i class="el-icon-s-platform"></i>
<span slot="title">系统管理</span>
</template>
<el-menu-item index="/console/userList"><i class="el-icon-user-solid"></i>用户管理</el-menu-item>
<el-menu-item index="/console/roleList"><i class="el-icon-s-custom"></i>角色管理</el-menu-item>
<el-menu-item index="/console/authList"><i class="el-icon-s-claim"></i>权限列表</el-menu-item>
</el-submenu>
</el-menu>
</div>
</el-aside>
<el-container>
<el-header>
<el-dropdown @command="userSettingDropdown" trigger="click">
<i class="el-icon-setting" style="margin-right: 15px; font-size: 16px;cursor: pointer;color: #fff;"> </i>
<el-dropdown-menu slot="dropdown">
<el-dropdown-item command="aboutDoc">关于</el-dropdown-item>
<el-dropdown-item command="" divided>我的资料</el-dropdown-item>
<el-dropdown-item command="userSignOut">退出登录</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</el-header>
<el-main style="padding: 0;">
<router-view></router-view>
</el-main>
</el-container>
</el-container>
<!--关于弹窗-->
<el-dialog title="关于zyplayer-doc" :visible.sync="aboutDialogVisible" width="600px">
<el-form>
<el-form-item label="项目地址：">
<a target="_blank" href="https://gitee.com/zyplayer/zyplayer-doc">zyplayer-doc</a>
</el-form-item>
<el-form-item label="开发人员：">
<a target="_blank" href="http://zyplayer.com">暮光：城中城</a>
</el-form-item>
<template v-if="upgradeInfo.lastVersion">
<el-form-item label="当前版本：">{{upgradeInfo.nowVersion}}</el-form-item>
<el-form-item label="最新版本：">{{upgradeInfo.lastVersion}}</el-form-item>
<el-form-item label="升级地址：">
<a target="_blank" :href="upgradeInfo.upgradeUrl">{{upgradeInfo.upgradeUrl}}</a>
</el-form-item>
<el-form-item label="升级内容：">{{upgradeInfo.upgradeContent}}</el-form-item>
</template>
<el-form-item label="">
欢迎加群讨论，QQ群号：466363173，欢迎提交需求，欢迎使用和加入开发！
</el-form-item>
</el-form>
</el-dialog>
</div>
</template>
<script>
import global from './common/config/global'
import toast from './common/lib/common/toast'
var app;
export default {
data() {
return {
isCollapse: false,
aboutDialogVisible: false,
// 升级信息
upgradeInfo: {},
}
},
mounted: function () {
app = this;
global.vue.$app = this;
this.checkSystemUpgrade();
},
methods: {
handleOpen(key, keyPath) {
console.log(key, keyPath);
},
handleClose(key, keyPath) {
console.log(key, keyPath);
},
userSettingDropdown(command) {
console.log("command:" + command);
if (command == 'userSignOut') {
this.userSignOut();
} else if (command == 'aboutDoc') {
app.aboutDialogVisible = true;
} else {
toast.notOpen();
}
},
checkSystemUpgrade() {
this.common.post(this.apilist1.systemUpgradeInfo, {}, function (json) {
if (!!json.data) {
app.upgradeInfo = json.data;
console.log("zyplayer-doc发现新版本："
+ "\n升级地址：" + json.data.upgradeUrl
+ "\n当前版本：" + json.data.nowVersion
+ "\n最新版本：" + json.data.lastVersion
+ "\n升级内容：" + json.data.upgradeContent
);
}
});
},
}
}
</script>
<style>
html, body {
margin: 0;
padding: 0;
height: 100%;
}
#app, .el-container, .el-menu {
height: 100%;
}
.el-menu-vertical{border-right: 0;background: #fafafa;}
.el-menu-vertical .el-menu{background: #fafafa;}
.el-header {background-color: #409EFF; color: #333; line-height: 40px; text-align: right;height: 40px !important;}
</style>

BIN
zyplayer-doc-ui/console-ui/src/assets/img/dubbo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

39
zyplayer-doc-ui/console-ui/src/common/config/apilist.js Normal file
View File

@@ -0,0 +1,39 @@
var URL = {
userLogin: '/login',
userLogout: '/logout',
getUserInfo: '/user/getUserInfo',
pageUpdate: '/zyplayer-doc-wiki/page/update',
pageChangeParent: '/zyplayer-doc-wiki/page/changeParent',
pageList: '/zyplayer-doc-wiki/page/list',
updatePage: '/zyplayer-doc-wiki/page/update',
pageDetail: '/zyplayer-doc-wiki/page/detail',
pageDelete: '/zyplayer-doc-wiki/page/delete',
pageNews: '/zyplayer-doc-wiki/page/news',
pageLock: '/zyplayer-doc-wiki/page/lock',
pageUnlock: '/zyplayer-doc-wiki/page/unlock',
spaceList: '/zyplayer-doc-wiki/space/list',
updateSpace: '/zyplayer-doc-wiki/space/update',
getPageUserAuthList: '/zyplayer-doc-wiki/page/auth/list',
assignPageUserAuth: '/zyplayer-doc-wiki/page/auth/assign',
updatePageFile: '/zyplayer-doc-wiki/page/file/update',
pageCommentList: '/zyplayer-doc-wiki/page/comment/list',
updatePageComment: '/zyplayer-doc-wiki/page/comment/update',
pageZanList: '/zyplayer-doc-wiki/page/zan/list',
updatePageZan: '/zyplayer-doc-wiki/page/zan/update',
commonUpload: '/zyplayer-doc-wiki/common/upload',
getUserBaseInfo: '/zyplayer-doc-wiki/common/user/base',
systemUpgradeInfo: '/system/info/upgrade',
};
var URL1 = {};
export default {
URL, URL1
};

52
zyplayer-doc-ui/console-ui/src/common/config/apimix.js Normal file
View File

@@ -0,0 +1,52 @@
import apilist from './apilist'
var href = window.location.href;
var _fn = {
href: href,
// 本地启动时使用本地接口调试
// HOST: 'http://local.zyplayer.com:8083/zyplayer-doc-manage',
// HOST1: 'http://local.zyplayer.com:8083/zyplayer-doc-manage',
// 也可以直接使用线上的服务调试
// HOST: 'http://doc.zyplayer.com/zyplayer-doc-manage',
// HOST1: 'http://doc.zyplayer.com/zyplayer-doc-manage',
// 打包时使用下面这两行，文件就放在根目录下，所以当前路劲就好
HOST: './',
HOST1: './',
mixUrl: function (host, url) {
var p;
if (!host || !url || _fn.isEmptyObject(url)) {
return;
}
url.HOST = host;
for (p in url) {
if (url[p].indexOf('http') == -1) {
url[p] = host + url[p];
}
}
return url;
},
//判断是否空对象
isEmptyObject: function (obj) { //判断空对象
if (typeof obj === "object" && !(obj instanceof Array)) {
var hasProp = false;
for (var prop in obj) {
hasProp = true;
break;
}
if (hasProp) {
return false;
}
return true;
}
}
};
var apilist1 = _fn.mixUrl(_fn.HOST, apilist.URL);
var apilist2 = _fn.mixUrl(_fn.HOST1, apilist.URL1);
export default {
apilist1, apilist2
};

12
zyplayer-doc-ui/console-ui/src/common/config/global.js Normal file
View File

@@ -0,0 +1,12 @@
const user = {
isLogin: true,
};
const vue = {};
const fullscreen = false;
export default {
vue,
user,
fullscreen,
}

110
zyplayer-doc-ui/console-ui/src/common/lib/common/common.js Normal file
View File

@@ -0,0 +1,110 @@
import Qs from 'qs'
import global from '../../config/global'
import apimix from '../../config/apimix'
export default {
data: {
accessToken: '',
},
setAccessToken: function (token) {
this.data.accessToken = token;
},
getAccessToken: function () {
if (!this.data.accessToken) {
var arr, reg = new RegExp("(^| )accessToken=([^;]*)(;|$)");
if (arr = document.cookie.match(reg)) {
this.data.accessToken = unescape(arr[2]);
}
}
return this.data.accessToken;
},
validateResult: function (res, callback) {
if (!!res.message) {
global.vue.$message('请求错误：' + res.message);
} else if (res.data.errCode == 400) {
global.vue.$message('请先登录');
var href = encodeURIComponent(window.location.href);
window.location = apimix.apilist1.HOST + "/static/manage/login.html?redirect=" + href;
} else if (res.data.errCode == 402) {
global.vue.$router.push("/common/noAuth");
} else if (res.data.errCode !== 200) {
global.vue.$message(res.data.errMsg || "未知错误");
} else {
if (typeof callback == 'function') {
callback(res.data);
}
}
},
post: function (url, param, callback) {
param = param || {};
param.accessToken = this.getAccessToken();
global.vue.axios({
method: "post",
url: url,
headers: {'Content-type': 'application/x-www-form-urlencoded'},
data: Qs.stringify(param),
withCredentials: true,
}).then((res) => {
console.log("ok", res);
this.validateResult(res, callback);
}).catch((res) => {
console.log("error", res);
this.validateResult(res);
});
},
postNonCheck: function (url, param, callback) {
param = param || {};
param.accessToken = this.getAccessToken();
global.vue.axios({
method: "post",
url: url,
headers: {'Content-type': 'application/x-www-form-urlencoded'},
data: Qs.stringify(param),
withCredentials: true,
}).then((res) => {
console.log("ok", res);
if (typeof callback == 'function') {
callback(res.data);
}
}).catch((res) => {
console.log("error", res);
if (typeof callback == 'function') {
callback(res.data);
}
});
},
/**
* 返回不为空的字符串，为空返回def
*/
getNotEmptyStr(str, def) {
if (isEmpty(str)) {
return isEmpty(def) ? "" : def;
}
return str;
},
/**
* 是否是空对象
* @param obj
* @returns
*/
isEmptyObject(obj) {
return isEmpty(obj) || $.isEmptyObject(obj);
},
/**
* 是否是空字符串
* @param str
* @returns
*/
isEmpty(str) {
return (str == "" || str == null || str == undefined);
},
/**
* 是否不是空字符串
* @param str
* @returns
*/
isNotEmpty(str) {
return !isEmpty(str);
},
}

40
zyplayer-doc-ui/console-ui/src/common/lib/common/toast.js Normal file
View File

@@ -0,0 +1,40 @@
import global from '../../config/global'
/**
* 提示工具类
* @author
* @since 2017年5月7日
*/
export default {
notOpen: function () {
global.vue.$message({
message: '该功能暂未开放，敬请期待！',
type: 'warning',
showClose: true
});
},
success: function (msg, time) {
global.vue.$message({
message: msg,
duration: time || 3000,
type: 'success',
showClose: true
});
},
warn: function (msg, time) {
global.vue.$message({
message: msg,
duration: time || 3000,
type: 'warning',
showClose: true
});
},
error: function (msg, time) {
global.vue.$message({
message: msg,
duration: time || 3000,
type: 'error',
showClose: true
});
},
};

4
zyplayer-doc-ui/console-ui/src/common/lib/jquery/jquery-3.1.0.min.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

1
zyplayer-doc-ui/console-ui/src/common/lib/jquery/qrcode.min.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

14
zyplayer-doc-ui/console-ui/src/index.html Normal file
View File

@@ -0,0 +1,14 @@
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<title>wiki文档管理系统</title>
</head>
<body>
<div id="app"></div>
</body>
</html>

59
zyplayer-doc-ui/console-ui/src/main.js Normal file
View File

@@ -0,0 +1,59 @@
import Vue from 'vue'
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
import App from './App.vue'
import global from './common/config/global'
import apimix from './common/config/apimix'
import common from './common/lib/common/common'
import toast from './common/lib/common/toast'
import VueRouter from 'vue-router'
import routes from './routes'
import axios from 'axios'
import VueAxios from 'vue-axios'
Vue.use(ElementUI);
Vue.use(VueRouter);
Vue.use(VueAxios, axios);
// 全局参数
Vue.prototype.global = global;
// 接口列表
Vue.prototype.apilist1 = apimix.apilist1;
Vue.prototype.apilist2 = apimix.apilist1;
// 公用方法
Vue.prototype.common = common;
Vue.prototype.toast = toast;
const router = new VueRouter({routes});
// 路由跳转时判断处理
router.beforeEach((to, from, next) => {
if (to.meta.title) {
document.title = to.meta.title
}
global.fullscreen = !!to.meta.fullscreen;
/* 判断该路由是否需要登录权限 */
if (to.matched.some(record => record.meta.requireAuth)) {
if (global.user.isLogin) {
next();
} else {
next({path: '/login'});
}
} else {
next();
}
});
new Vue({
el: '#app',
router,
render(h) {
var app = h(App);
global.vue = app.context;
return app;
}
});

50
zyplayer-doc-ui/console-ui/src/routes.js Normal file
View File

@@ -0,0 +1,50 @@
import Home from './views/home/Home.vue'
import UserLogin from './views/user/Login.vue'
import UserRouterView from './views/user/RouterView.vue'
import ConsoleRoleList from './views/console/RoleList.vue'
import ConsoleUserList from './views/console/UserList.vue'
import ConsoleAuthList from './views/console/AuthList.vue'
import ConsoleRouterView from './views/console/RouterView.vue'
import CommonNoAuth from './views/common/NoAuth.vue'
let routes = [
{
path: '/home',
component: Home,
name: '主页',
meta: {
requireAuth: true,
}
}, {
path: '/user',
name: '用户管理',
component: UserRouterView,
children: [
{path: 'login', name: '系统登录',component: UserLogin, meta: {fullscreen: true}},
]
}, {
path: '/console',
name: '系统管理',
component: ConsoleRouterView,
children: [
{path: 'userList', name: '用户管理',component: ConsoleUserList},
{path: 'roleList', name: '权限管理',component: ConsoleRoleList},
{path: 'authList', name: '角色列表',component: ConsoleAuthList},
]
}, {
path: '/common',
name: '',
component: UserRouterView,
children: [
{path: 'noAuth', name: '没有权限',component: CommonNoAuth},
]
}, {
path: '/',
redirect: '/home'
}
];
export default routes;

2
zyplayer-doc-ui/console-ui/src/vendor.js Normal file
View File

@@ -0,0 +1,2 @@
import Vue from 'vue'
import ElementUI from 'element-ui'

18
zyplayer-doc-ui/console-ui/src/views/common/NoAuth.vue Normal file
View File

@@ -0,0 +1,18 @@
<template>
<div>没有权限访问该模块</div>
</template>
<script>
export default {
data() {
return {};
},
mounted: function () {
},
methods: {}
}
</script>
<style>
</style>

73
zyplayer-doc-ui/console-ui/src/views/console/AuthList.vue Normal file
View File

@@ -0,0 +1,73 @@
<template>
<div>
<div style="border-bottom: 1px solid #eee;padding: 10px;margin-bottom: 10px;">权限列表</div>
<div style="padding: 10px;">
<el-table :data="searchResultList" border style="width: 100%; margin-bottom: 5px;" max-height="500">
<el-table-column prop="id" label="编号" width="60"></el-table-column>
<el-table-column prop="name" label="权限名"></el-table-column>
<el-table-column prop="spaceExplain" label="权限说明"></el-table-column>
<el-table-column prop="createTime" label="创建时间"></el-table-column>
</el-table>
</div>
<div class="page-info-box">
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:page-sizes="[20, 50, 100]"
:page-size="20"
:current-page="searchParam.pageNum"
layout="prev, pager, next, jumper, sizes, total"
:total="totalCount"
>
</el-pagination>
</div>
</div>
</template>
<script>
var app;
export default {
data() {
return {
editUserDialogVisible: false,
totalCount: 0,
searchParam: {
type: 1,
keyword: '',
pageSize: 20,
pageNum: 1,
},
searchResultList: [
{name: '张三'}
],
roleOptions: [
{value: '管理员'}
],
editUserForm: {},
};
},
mounted: function () {
app = this;
},
methods: {
handleSizeChange(val) {
this.searchParam.pageSize = val;
},
handleCurrentChange(val) {
this.searchParam.pageNum = val;
},
editUserInfo() {
this.editUserDialogVisible = true;
},
resetPassword() {
},
}
}
</script>
<style>
.search-form-box{padding: 10px;}
.page-info-box{text-align: right;margin: 20px 0 50px 0;}
</style>

125
zyplayer-doc-ui/console-ui/src/views/console/RoleList.vue Normal file
View File

@@ -0,0 +1,125 @@
<template>
<div>
<div style="border-bottom: 1px solid #eee;padding: 10px;margin-bottom: 10px;">角色管理</div>
<el-form :inline="true" :model="searchParam" class="search-form-box">
<el-form-item label="搜索类型">
<el-select v-model="searchParam.type" placeholder="请选择">
<el-option label="角色名" :value="1"></el-option>
</el-select>
</el-form-item>
<el-form-item label="关键字">
<el-input v-model="searchParam.keyword" placeholder="输入关键字"></el-input>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="">查询</el-button>
</el-form-item>
</el-form>
<div style="padding: 10px;">
<el-table :data="searchResultList" border style="width: 100%; margin-bottom: 5px;" max-height="500">
<el-table-column prop="id" label="编号" width="60"></el-table-column>
<el-table-column prop="name" label="角色名"></el-table-column>
<el-table-column prop="spaceExplain" label="CODE"></el-table-column>
<el-table-column prop="createTime" label="创建时间"></el-table-column>
<el-table-column label="操作">
<template slot-scope="scope">
<el-button size="small" plain type="primary" v-on:click="editUserInfo(scope.row)">修改</el-button>
<el-button size="small" plain type="primary" v-on:click="resetPassword(scope.row)">权限管理</el-button>
<el-button size="small" plain type="warning" v-on:click="editUserInfo(scope.row)">删除</el-button>
</template>
</el-table-column>
</el-table>
</div>
<div class="page-info-box">
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:page-sizes="[20, 50, 100]"
:page-size="20"
:current-page="searchParam.pageNum"
layout="prev, pager, next, jumper, sizes, total"
:total="totalCount"
>
</el-pagination>
</div>
<!--修改用户弹窗-->
<el-dialog title="修改用户" :visible.sync="editUserDialogVisible" width="600px">
<el-form ref="form" :model="editUserForm" label-width="80px">
<el-form-item label="账号">
<el-input v-model="editUserForm.name"></el-input>
</el-form-item>
<el-form-item label="用户名">
<el-input v-model="editUserForm.name"></el-input>
</el-form-item>
<el-form-item label="手机号">
<el-input v-model="editUserForm.name"></el-input>
</el-form-item>
<el-form-item label="邮箱">
<el-input v-model="editUserForm.name"></el-input>
</el-form-item>
<el-form-item label="性别">
<el-radio-group v-model="editUserForm.resource">
<el-radio label="男"></el-radio>
<el-radio label="女"></el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="角色">
<el-select v-model="editUserForm.xx" multiple filterable placeholder="请选择">
<el-option v-for="item in roleOptions" :key="item.value" :label="item.label" :value="item.value"></el-option>
</el-select>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="">确定</el-button>
<el-button>取消</el-button>
</el-form-item>
</el-form>
</el-dialog>
</div>
</template>
<script>
var app;
export default {
data() {
return {
editUserDialogVisible: false,
totalCount: 0,
searchParam: {
type: 1,
keyword: '',
pageSize: 20,
pageNum: 1,
},
searchResultList: [
{name: '张三'}
],
roleOptions: [
{value: '管理员'}
],
editUserForm: {},
};
},
mounted: function () {
app = this;
},
methods: {
handleSizeChange(val) {
this.searchParam.pageSize = val;
},
handleCurrentChange(val) {
this.searchParam.pageNum = val;
},
editUserInfo() {
this.editUserDialogVisible = true;
},
resetPassword() {
},
}
}
</script>
<style>
.search-form-box{padding: 10px;}
.page-info-box{text-align: right;margin: 20px 0 50px 0;}
</style>

4
zyplayer-doc-ui/console-ui/src/views/console/RouterView.vue Normal file
View File

@@ -0,0 +1,4 @@
<template>
<router-view></router-view>
</template>

136
zyplayer-doc-ui/console-ui/src/views/console/UserList.vue Normal file
View File

@@ -0,0 +1,136 @@
<template>
<div>
<div style="border-bottom: 1px solid #fafafa;padding: 10px;margin-bottom: 10px;">用户管理</div>
<el-form :inline="true" :model="searchParam" class="search-form-box">
<el-form-item label="搜索类型">
<el-select v-model="searchParam.type" placeholder="请选择">
<el-option label="ID" :value="1"></el-option>
<el-option label="账号" :value="2"></el-option>
<el-option label="用户名" :value="3"></el-option>
<el-option label="手机" :value="4"></el-option>
<el-option label="邮箱" :value="5"></el-option>
</el-select>
</el-form-item>
<el-form-item label="关键字">
<el-input v-model="searchParam.keyword" placeholder="输入关键字"></el-input>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="">查询</el-button>
</el-form-item>
</el-form>
<div style="padding: 10px;">
<el-table :data="searchResultList" border style="width: 100%; margin-bottom: 5px;" max-height="500">
<el-table-column prop="id" label="编号" width="60"></el-table-column>
<el-table-column prop="name" label="账号"></el-table-column>
<el-table-column prop="spaceExplain" label="用户名"></el-table-column>
<el-table-column prop="createUserName" label="手机号"></el-table-column>
<el-table-column prop="createUserName" label="性别"></el-table-column>
<el-table-column prop="createTime" label="创建时间"></el-table-column>
<el-table-column label="状态">
<template slot-scope="scope">
<el-switch v-model="scope.row.status" active-text="正常" inactive-text="停用">
</el-switch>
</template>
</el-table-column>
<el-table-column label="操作">
<template slot-scope="scope">
<el-button size="small" plain type="primary" v-on:click="editUserInfo(scope.row)">修改</el-button>
<el-button size="small" plain type="warning" v-on:click="resetPassword(scope.row)">重置密码</el-button>
</template>
</el-table-column>
</el-table>
</div>
<div class="page-info-box">
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:page-sizes="[20, 50, 100]"
:page-size="20"
:current-page="searchParam.pageNum"
layout="prev, pager, next, jumper, sizes, total"
:total="totalCount"
>
</el-pagination>
</div>
<!--修改用户弹窗-->
<el-dialog title="修改用户" :visible.sync="editUserDialogVisible" width="600px">
<el-form ref="form" :model="editUserForm" label-width="80px">
<el-form-item label="账号">
<el-input v-model="editUserForm.name"></el-input>
</el-form-item>
<el-form-item label="用户名">
<el-input v-model="editUserForm.name"></el-input>
</el-form-item>
<el-form-item label="手机号">
<el-input v-model="editUserForm.name"></el-input>
</el-form-item>
<el-form-item label="邮箱">
<el-input v-model="editUserForm.name"></el-input>
</el-form-item>
<el-form-item label="性别">
<el-radio-group v-model="editUserForm.resource">
<el-radio label="男"></el-radio>
<el-radio label="女"></el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="角色">
<el-select v-model="editUserForm.xx" multiple filterable placeholder="请选择">
<el-option v-for="item in roleOptions" :key="item.value" :label="item.label" :value="item.value"></el-option>
</el-select>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="">确定</el-button>
<el-button>取消</el-button>
</el-form-item>
</el-form>
</el-dialog>
</div>
</template>
<script>
var app;
export default {
data() {
return {
editUserDialogVisible: false,
totalCount: 0,
searchParam: {
type: 1,
keyword: '',
pageSize: 20,
pageNum: 1,
},
searchResultList: [
{name: '张三'}
],
roleOptions: [
{value: '管理员'}
],
editUserForm: {},
};
},
mounted: function () {
app = this;
},
methods: {
handleSizeChange(val) {
this.searchParam.pageSize = val;
},
handleCurrentChange(val) {
this.searchParam.pageNum = val;
},
editUserInfo() {
this.editUserDialogVisible = true;
},
resetPassword() {
},
}
}
</script>
<style>
.search-form-box{padding: 10px;}
.page-info-box{text-align: right;margin: 20px 0 50px 0;}
</style>

146
zyplayer-doc-ui/console-ui/src/views/home/Home.vue Normal file
View File

@@ -0,0 +1,146 @@
<template>
<div style="padding: 10px;">
<div style="max-width: 800px;margin: 20px auto;">
<div style="text-align: center;">欢迎使用ヾ(๑╹◡╹)ﾉ" - 今天也要加油鸭</div>
<div style="padding: 20px;">
<el-card class="box-card">
<div slot="header" class="clearfix">
<span>吾家产品线</span>
</div>
<div class="product-list">
<div class="item" v-on:click="jumpToDocPage('doc-swagger')">
<div class="logo-text text1">swagger</div>
<div>swagger文档</div>
</div>
<div class="item" v-on:click="jumpToDocPage('doc-db')">
<div class="logo-text text2">DB</div>
<div>数据库文档</div>
</div>
<div class="item" v-on:click="jumpToDocPage('doc-wiki')">
<div class="logo-text text3">WIKI</div>
<div>WIKI文档</div>
</div>
<div class="item" v-on:click="jumpToDocPage('doc-dubbo')">
<div class="logo-img"><img src="../../assets/img/dubbo.png"></div>
<div>dubbo文档</div>
</div>
<el-tooltip effect="dark" content="不成熟，欢迎完善" placement="top-start">
<div class="item disabled">
<div class="logo-text text4">GRPC</div>
<div>GRPC文档</div>
</div>
</el-tooltip>
</div>
</el-card>
</div>
<div style="padding: 20px;">
<el-card class="box-card">
<div slot="header" class="clearfix">
<span>二方库-集成代理版</span>
<a target="_blank" href="http://doc.zyplayer.com/zyplayer-doc-manage/doc-wiki#/page/show?spaceId=1&pageId=76"><i class="el-icon-info" style="color: #999;"></i></a>
</div>
<div class="product-list">
<el-tooltip effect="dark" content="swagger的原生官方文档" placement="top-start">
<div class="item" v-on:click="jumpToDocPage('swagger-ui.html')">
<div class="logo-text text1">swagger</div>
<div>原生文档</div>
</div>
</el-tooltip>
<el-tooltip effect="dark" content="swagger-bootstrap-ui文档" placement="top-start">
<div class="item" v-on:click="jumpToDocPage('doc.html')">
<div class="logo-text text2">swagger</div>
<div>二方文档</div>
</div>
</el-tooltip>
</div>
</el-card>
</div>
</div>
</div>
</template>
<script>
import toast from '../../common/lib/common/toast'
import global from '../../common/config/global'
var app;
export default {
data() {
return {
totalCount: 0,
searchParam: {
spaceId: '',
newsType: 1,
pageNum: 1,
pageSize: 20,
},
spacePageNews:[],
newsTypes:["最近更新", "最新创建", "查看最多", "点赞最多", "查看+点赞最多"],
};
},
beforeRouteUpdate(to, from, next) {
this.initQueryParam(to);
next();
},
mounted: function () {
this.initQueryParam(this.$route);
app = this;
},
methods: {
getSpacePageNews() {
this.common.post(this.apilist1.pageNews, this.searchParam, function (json) {
app.spacePageNews = json.data || [];
app.totalCount = json.total;
});
},
jumpToDocPage(val) {
window.open(val);
},
handleSizeChange(val) {
this.searchParam.pageSize = val;
this.getSpacePageNews();
},
showPageDetail(row) {
this.nowClickPath = {spaceId: row.spaceId, pageId: row.pageId};
this.$router.push({path: '/page/show', query: this.nowClickPath});
},
handleCurrentChange(val) {
this.searchParam.pageNum = val;
this.getSpacePageNews();
},
initQueryParam(to) {
this.searchParam = {
spaceId: to.query.spaceId,
newsType: 1,
pageNum: 1,
pageSize: 20,
};
if (!!this.searchParam.spaceId) {
this.getSpacePageNews();
}
},
}
}
</script>
<style>
.product-list{text-align: left;}
.product-list .item{
text-align: center;display: inline-block;padding: 10px;border-radius: 5px;cursor: pointer;
width: 110px; height: 100px;color: #666;
}
.product-list .item:hover{background: #ddd;}
.product-list .item.disabled{background: #fff;cursor: auto;}
.product-list .item.disabled .logo-text{background: #909399;}
.product-list .item .logo-text{
width: 80px; height: 80px;line-height: 80px;text-align: center; color: #fff;
margin: 0 auto;background: #67C23A; border-radius: 50%;overflow: hidden;
font-weight: bold;
}
.product-list .item .logo-text.text1{background: #67C23A;}
.product-list .item .logo-text.text2{background: #E6A23C;}
.product-list .item .logo-text.text3{background: #F56C6C;}
.product-list .item .logo-img{width: 80px; height: 80px;margin: 0 auto;}
.product-list .item .logo-img img{width: 65px; height: 65px; margin: 7px;}
</style>

86
zyplayer-doc-ui/console-ui/src/views/user/Login.vue Normal file
View File

@@ -0,0 +1,86 @@
<template>
<el-form :model="loginParam" :rules="loginRules" ref="loginParam" label-position="left" label-width="0px"
class="demo-ruleForm login-container">
<h3 class="title">系统登录</h3>
<el-form-item prop="userNo">
<el-input type="text" v-model="loginParam.userNo" auto-complete="off" placeholder="账号"></el-input>
</el-form-item>
<el-form-item prop="password">
<el-input type="password" v-model="loginParam.password" auto-complete="off" placeholder="密码"></el-input>
</el-form-item>
<el-form-item style="width:100%;">
<el-button type="primary" style="width:100%;" @click.native.prevent="loginSubmit" :loading="logining">登录
</el-button>
<!--<el-button @click.native.prevent="handleReset2">重置</el-button>-->
</el-form-item>
</el-form>
</template>
<script>
export default {
data() {
return {
logining: false,
loginParam: {
userNo: '',
password: ''
},
loginRules: {
userNo: [
{required: true, message: '请输入账号', trigger: 'blur'},
],
password: [
{required: true, message: '请输入密码', trigger: 'blur'},
]
},
checked: true
};
},
methods: {
loginSubmit(ev) {
var that = this;
this.$refs.loginParam.validate((valid) => {
if (!valid) return;
that.common.post(that.apilist1.userLogin, that.loginParam, function (json) {
// 设置cookie
var token = escape(json.data);
var exp = new Date();
exp.setTime(exp.getTime() + 30 * 24 * 60 * 60 * 1000);
document.cookie = "accessToken=" + token + ";expires=" + exp.toGMTString();
that.common.setAccessToken(token);
// 跳转
that.global.user.isLogin = true;
that.$router.push("/user/wxLogin");
});
});
}
}
}
</script>
<style>
.login-container {
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-border-radius: 5px;
background-clip: padding-box;
margin: 80px auto;
width: 350px;
padding: 35px 35px 15px 35px;
background: #fff;
border: 1px solid #eaeaea;
box-shadow: 0 0 25px #cac6c6;
}
.title {
margin: 0px auto 40px auto;
text-align: center;
color: #505458;
}
.remember {
margin: 0px 0px 35px 0px;
}
</style>

4
zyplayer-doc-ui/console-ui/src/views/user/RouterView.vue Normal file
View File

@@ -0,0 +1,4 @@
<template>
<router-view></router-view>
</template>