省艺术协会后台管理系统

.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插件

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
     }
   },

src/layout/components/Sidebar/Logo.vue

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

src/settings.js

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

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">

src/views/login.vue

@@ -1,54 +1,46 @@
 <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> -->
-    <el-form ref="loginForm" :model="loginForm" :rules="loginRules" label-position="left" label-width="0px" class="login-form">
-      <h3 class="title">
-        禅易云生态后台管理系统
-      </h3>
-      <el-form-item prop="username">
-        <el-input v-model="loginForm.username" size="medium" type="text" auto-complete="off" placeholder="账号">
-          <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">
-          <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">
-          <svg-icon slot="prefix" icon-class="validCode" class="el-input__icon input-icon" />
-        </el-input>
-        <div class="login-code">
-          <img :src="codeUrl" @click="getCode">
-        </div>
-      </el-form-item>
-      <el-checkbox v-model="loginForm.rememberMe" style="margin:0 0 25px 0;">
-        记住我
-      </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 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>
+        <el-form-item prop="username">
+          <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="密码" 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: 62%" @keyup.enter.native="handleLogin">
+            <svg-icon slot="prefix" icon-class="validCode" class="el-input__icon input-icon" />
+          </el-input>
+          <div class="login-code">
+            <img :src="codeUrl" @click="getCode">
+          </div>
+        </el-form-item>
+        <el-checkbox v-model="loginForm.rememberMe" style="margin:0 0 25px 0;">
+          记住我
+        </el-checkbox>
+        <el-form-item style="width:100%;">
+          <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>
+        </el-form-item>
+      </el-form>
     </div>
     <!--  底部  -->
     <div v-if="$store.state.settings.showFooter" id="el-login-footer">
@@ -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%);
-    .title{
-      font-size: 28px;
-      font-weight: 600;
-      line-height: 48px;
-      color: #068AD6;
+    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;
+      }
     }
-    .input-icon{
-      height: 39px;width: 14px;margin-left: 2px;
+    .login-form {
+      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 {
     font-size: 13px;
     text-align: center;

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: {

vue.config.js

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