yanghao
/
yunshengtai-admin
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

省艺术协会后台管理系统

sysxh
yanghao 3 years ago
parent
873412e2b1
commit
7884260edd
12 changed files with 97 additions and 75 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 2
      .env.development
  2. BIN
      src/assets/images/avatar.png
  3. BIN
      src/assets/images/bg1.png
  4. BIN
      src/assets/images/form-bg.png
  5. BIN
      src/assets/images/logo.png
  6. 3
      src/layout/components/Navbar.vue
  7. 2
      src/layout/components/Sidebar/Logo.vue
  8. 2
      src/settings.js
  9. 4
      src/views/home.vue
  10. 154
      src/views/login.vue
  11. 3
      src/views/system/user/center.vue
  12. 2
      vue.config.js

2
.env.development
Unescape View File

@ -1,7 +1,7 @@
ENV = 'development' ENV = 'development'
# 接口地址 # 接口地址
VUE_APP_BASE_API = 'http://192.168.68.126:8094' VUE_APP_BASE_API = 'http://192.168.68.125:8199'
VUE_APP_WS_API = 'ws://localhost:8088' VUE_APP_WS_API = 'ws://localhost:8088'
# 是否启用 babel-plugin-dynamic-import-node插件 # 是否启用 babel-plugin-dynamic-import-node插件

BIN
src/assets/images/avatar.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.8 KiB

BIN
src/assets/images/bg1.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.2 MiB

BIN
src/assets/images/form-bg.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 86 KiB

BIN
src/assets/images/logo.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 13 KiB

After

Width:  |  Height:  |  Size: 73 KiB

3
src/layout/components/Navbar.vue
Unescape View File

@ -58,7 +58,6 @@ import Github from '@/components/Github'
import Screenfull from '@/components/Screenfull' import Screenfull from '@/components/Screenfull'
import SizeSelect from '@/components/SizeSelect' import SizeSelect from '@/components/SizeSelect'
import Search from '@/components/HeaderSearch' import Search from '@/components/HeaderSearch'
import Avatar from '@/assets/images/avatar.png'
export default { export default {
components: { components: {
@ -71,7 +70,7 @@ export default {
}, },
data() { data() {
return { return {
Avatar: Avatar, Avatar: '',
dialogVisible: false dialogVisible: false
} }
}, },

2
src/layout/components/Sidebar/Logo.vue
Unescape View File

@ -25,7 +25,7 @@ export default {
}, },
data() { data() {
return { return {
title: '禅易云生态管理系统', title: '湖北省艺术设计协会管理系统',
logo: Logo logo: Logo
} }
} }

2
src/settings.js
Unescape View File

@ -2,7 +2,7 @@ module.exports = {
/** /**
* @description 网站标题 * @description 网站标题
*/ */
title: '禅易云生态', title: '湖北省艺术设计协会',
/** /**
* @description 是否显示 tagsView * @description 是否显示 tagsView
*/ */

4
src/views/home.vue
Unescape View File

@ -6,9 +6,9 @@
<panel-group-t /> <panel-group-t />
<el-row :gutter="32"> <el-row :gutter="32">
<el-col :xs="16" :sm="16" :lg="8"> <!-- <el-col :xs="16" :sm="16" :lg="8">
<order-count></order-count> <order-count></order-count>
</el-col> </el-col> -->
<el-col :xs="16" :sm="16" :lg="8"> <el-col :xs="16" :sm="16" :lg="8">
<div class="chart-wrapper"> <div class="chart-wrapper">

154
src/views/login.vue
Unescape View File

@ -1,54 +1,46 @@
<template> <template>
<div class="login"> <div class="login">
<div style="display:flex;justify-content:space-between;align-items: center;"> <div class="logo">
<!-- <div style="padding: 0 60px 0 0"> <img src="@/assets/images/logo.png" alt="">
<h3 style="color: #ffffff;font-size: 24px;padding: 0;margin-bottom: 10px"> </div>
单商户B2C电商系统 <div class="form-box">
</h3> <div class="left">
<ul style="margin: 0;color: #ffffff;font-size: 15px;line-height: 25px;padding-left: 20px"> <img src="@/assets/images/form-bg.png"></img>
<li>Springboot2</li> </div>
<li>MybatisPlus</li> <el-form ref="loginForm" :model="loginForm" :rules="loginRules" label-position="left" label-width="0px" class="login-form">
<li>SpringSecurity</li> <h3 class="title">后台管理系统</h3>
<li>Jwt</li> <el-form-item prop="username">
<li>Redis</li> <el-input v-model="loginForm.username" size="medium" type="text" auto-complete="off" placeholder="账号" style="width: 62%">
<li>Vue</li> <svg-icon slot="prefix" icon-class="user" class="el-input__icon input-icon" />
</ul> </el-input>
<h3 style="color: #ffffff;"> </el-form-item>
官网:https://www.yixiang.co <el-form-item prop="password">
</h3> <el-input v-model="loginForm.password" size="medium" type="password" auto-complete="off" placeholder="密码" style="width: 62%" @keyup.enter.native="handleLogin">
</div> --> <svg-icon slot="prefix" icon-class="password" class="el-input__icon input-icon" />
<el-form ref="loginForm" :model="loginForm" :rules="loginRules" label-position="left" label-width="0px" class="login-form"> </el-input>
<h3 class="title"> </el-form-item>
禅易云生态后台管理系统 <el-form-item prop="code">
</h3> <el-input v-model="loginForm.code" size="medium" auto-complete="off" placeholder="验证码" style="width: 62%" @keyup.enter.native="handleLogin">
<el-form-item prop="username"> <svg-icon slot="prefix" icon-class="validCode" class="el-input__icon input-icon" />
<el-input v-model="loginForm.username" size="medium" type="text" auto-complete="off" placeholder="账号"> </el-input>
<svg-icon slot="prefix" icon-class="user" class="el-input__icon input-icon" /> <div class="login-code">
</el-input> <img :src="codeUrl" @click="getCode">
</el-form-item> </div>
<el-form-item prop="password"> </el-form-item>
<el-input v-model="loginForm.password" size="medium" type="password" auto-complete="off" placeholder="密码" @keyup.enter.native="handleLogin"> <el-checkbox v-model="loginForm.rememberMe" style="margin:0 0 25px 0;">
<svg-icon slot="prefix" icon-class="password" class="el-input__icon input-icon" /> 记住我
</el-input> </el-checkbox>
</el-form-item> <el-form-item style="width:100%;">
<el-form-item prop="code"> <el-button
<el-input v-model="loginForm.code" size="medium" auto-complete="off" placeholder="验证码" style="width: 63%" @keyup.enter.native="handleLogin"> :loading="loading"
<svg-icon slot="prefix" icon-class="validCode" class="el-input__icon input-icon" /> size="medium"
</el-input> style="width:62%;height:46px;background:#C25251;font-size:22px;color:#fff;border-color:#C25251;"
<div class="login-code"> @click.native.prevent="handleLogin">
<img :src="codeUrl" @click="getCode"> <span v-if="!loading">登 录</span>
</div> <span v-else>登 录 中...</span>
</el-form-item> </el-button>
<el-checkbox v-model="loginForm.rememberMe" style="margin:0 0 25px 0;"> </el-form-item>
记住我 </el-form>
</el-checkbox>
<el-form-item style="width:100%;">
<el-button :loading="loading" size="medium" type="primary" style="width:100%;height:46px;border-radius:30px;font-size:22px;color:#fff;" @click.native.prevent="handleLogin">
<span v-if="!loading">登 录</span>
<span v-else>登 录 中...</span>
</el-button>
</el-form-item>
</el-form>
</div> </div>
<!-- 底部 --> <!-- 底部 -->
<div v-if="$store.state.settings.showFooter" id="el-login-footer"> <div v-if="$store.state.settings.showFooter" id="el-login-footer">
@ -163,34 +155,66 @@ export default {
.login { .login {
width: 100%; width: 100%;
height: 100%; height: 100%;
background-image:url("../assets/images/bg.png"); background: #fff;
background-size: cover; position: relative;
.logo{
width: 256px;
height: 256px;
position: fixed;
top: 0px;
right: 60px;
z-index: 3;
img{
width: 100%;
height: 100%;
}
}
} }
.title { .title {
margin: 0 auto 30px auto; margin: 0 auto 30px auto;
text-align: center; text-align: left;
color: #707070; color: #707070;
} }
.form-box{
.login-form { width: 1200px;
border-radius: 6px; height: 700px;
box-shadow: 0px 8px 13px rgba(0, 0, 0, 0.16);;
border-radius: 20px;
background: #ffffff; background: #ffffff;
padding: 40px 70px;
box-sizing: border-box; box-sizing: border-box;
position: absolute; position: absolute;
right: 10%; left: 50%;
top: 50%; top: 50%;
transform: translateY(-50%); transform: translate(-50%,-50%);
.title{ display: flex;
font-size: 28px; overflow: hidden;
font-weight: 600; .left{
line-height: 48px; width: 600px;
color: #068AD6; height: 100%;
background: #C25251;
display: flex;
align-items: center;
justify-content: center;
img{
width: 474px;
height: 290px;
}
} }
.input-icon{ .login-form {
height: 39px;width: 14px;margin-left: 2px; width: 600px;
padding: 124px 50px 0 130px;
.title{
font-size: 28px;
font-weight: 600;
line-height: 48px;
color: #C25251;
}
.input-icon{
height: 39px;width: 14px;margin-left: 2px;
}
} }
} }
.login-tip { .login-tip {
font-size: 13px; font-size: 13px;
text-align: center; text-align: center;

3
src/views/system/user/center.vue
Unescape View File

@ -115,7 +115,6 @@ import { isvalidPhone } from '@/utils/validate'
import { parseTime } from '@/utils/index' import { parseTime } from '@/utils/index'
import crud from '@/mixins/crud' import crud from '@/mixins/crud'
import { editUser } from '@/api/system/user' import { editUser } from '@/api/system/user'
import Avatar from '@/assets/images/avatar.png'
export default { export default {
name: 'Center', name: 'Center',
components: { updatePass, updateEmail }, components: { updatePass, updateEmail },
@ -132,7 +131,7 @@ export default {
} }
} }
return { return {
Avatar: Avatar, Avatar: '',
activeName: 'first', activeName: 'first',
saveLoading: false, saveLoading: false,
headers: { headers: {

2
vue.config.js
Unescape View File

@ -7,7 +7,7 @@ function resolve(dir) {
} }
const name = defaultSettings.title // 网址标题 const name = defaultSettings.title // 网址标题
const port = 8014 // 端口配置 const port = 8015 // 端口配置
module.exports = { module.exports = {
publicPath: '/', publicPath: '/',

Write Preview
Loading…
Cancel
Save