Browse Source

省艺术协会后台管理系统

sysxh
yanghao 3 years ago
parent
commit
7884260edd
  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. 92
      src/views/login.vue
  11. 3
      src/views/system/user/center.vue
  12. 2
      vue.config.js

2
.env.development

@ -1,7 +1,7 @@
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'
# 是否启用 babel-plugin-dynamic-import-node插件

BIN
src/assets/images/avatar.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.8 KiB

BIN
src/assets/images/bg1.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.2 MiB

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

Binary file not shown.

After

Width:  |  Height:  |  Size: 86 KiB

BIN
src/assets/images/logo.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 13 KiB

After

Width:  |  Height:  |  Size: 73 KiB

3
src/layout/components/Navbar.vue

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

2
src/layout/components/Sidebar/Logo.vue

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

2
src/settings.js

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

4
src/views/home.vue

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

92
src/views/login.vue

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

3
src/views/system/user/center.vue

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

2
vue.config.js

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

Loading…
Cancel
Save