重构控制台首页

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

View File

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

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>

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>

View File

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

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>

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>

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>

View File

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