登录

.env

 # 所有环境默认
 
 # 页面 title 前缀
-VUE_APP_TITLE=D2Admin
+VUE_APP_TITLE=医据汇
 
 # 网络请求公用地址
 VUE_APP_API=/api/

.env.development

 # 开发环境
 
 # 页面 title 前缀
-VUE_APP_TITLE=D2Admin Dev
+VUE_APP_TITLE=医据汇

src/layout/header-aside/components/header-color/index.vue

@@ -42,3 +42,10 @@ export default {
   }
 }
 </script>
+
+
+<style lang="scss" scoped>
+.btn-text.can-hover.el-color-picker--mini{
+  height: auto !important;
+}
+</style>
\ No newline at end of file

src/router/routes.js

@@ -19,7 +19,7 @@ const frameIn = [
         meta: {
           auth: true
         },
-        component: _import('system/index')
+        component: _import('system/index/index')
       },
       // 演示页面
       {
@@ -85,7 +85,7 @@ const frameOut = [
   {
     path: '/login',
     name: 'login',
-    component: _import('system/login')
+    component: _import('system/login/index')
   }
 ]
 

src/views/system/index/components/d2-badge/index.vue

-<template>
-  <div class="d2-badge">
-    <p v-for="(group, groupIndex) of badges" :key="groupIndex" align="center">
-      <a v-for="(badge, badgeIndex) of group" :key="badgeIndex" :href="badge.link" target="_blank">
-        <img :src="badge.img"/>
-      </a>
-    </p>
-  </div>
-</template>
-
-<script>
-const linkD2Admin = 'https://github.com/d2-projects/d2-admin'
-export default {
-  data () {
-    return {
-      badges: [
-        [
-          { img: 'https://img.shields.io/github/stars/d2-projects/d2-admin.svg', link: `${linkD2Admin}/stargazers` },
-          { img: 'https://img.shields.io/github/forks/d2-projects/d2-admin.svg', link: `${linkD2Admin}/network/members` },
-          { img: 'https://img.shields.io/github/issues/d2-projects/d2-admin.svg', link: `${linkD2Admin}/issues` },
-          { img: 'https://img.shields.io/github/issues-closed/d2-projects/d2-admin.svg', link: `${linkD2Admin}/issues?q=is%3Aissue+is%3Aclosed` },
-          { img: 'https://img.shields.io/github/issues-pr/d2-projects/d2-admin.svg', link: `${linkD2Admin}/pulls` },
-          { img: 'https://img.shields.io/github/issues-pr-closed/d2-projects/d2-admin.svg', link: `${linkD2Admin}/pulls?q=is%3Apr+is%3Aclosed` },
-          { img: 'https://img.shields.io/github/last-commit/d2-projects/d2-admin.svg', link: linkD2Admin }
-        ],
-        [
-          { img: 'https://github.com/d2-projects/d2-admin/workflows/Deploy%20https%3A%2F%2Fd2.pub/badge.svg', link: `${linkD2Admin}/actions?query=workflow%3A%22Deploy+https%3A%2F%2Fd2.pub%22` },
-          { img: 'https://github.com/d2-projects/d2-admin/workflows/Deploy%20https%3A%2F%2Fcdn.d2.pub/badge.svg', link: `${linkD2Admin}/actions?query=workflow%3A%22Deploy+https%3A%2F%2Fcdn.d2.pub%22` },
-          { img: 'https://github.com/d2-projects/d2-admin/workflows/Deploy%20Github/badge.svg', link: `${linkD2Admin}/actions?query=workflow%3A%22Deploy+Github%22` },
-          { img: 'https://api.netlify.com/api/v1/badges/a5dd4bbd-da3f-4145-98a9-8012577bdcf5/deploy-status', link: 'https://app.netlify.com/sites/d2-admin/deploys' }
-        ],
-        [
-          { img: 'https://visitor-count-badge.herokuapp.com/today.svg?repo_id=d2-projects.d2-admin', link: linkD2Admin },
-          { img: 'https://visitor-count-badge.herokuapp.com/total.svg?repo_id=d2-projects.d2-admin', link: linkD2Admin },
-          { img: 'https://img.shields.io/github/release/d2-projects/d2-admin.svg', link: `${linkD2Admin}/releases` }
-        ]
-      ]
-    }
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-.d2-badge {
-  margin-bottom: 20px;
-  p {
-    margin: 0px;
-    margin-bottom: 2px;
-    &:last-child {
-      margin-bottom: 0px;
-    }
-    img {
-      display: inline-block;
-      margin: 0px 2px;
-    }
-  }
-}
-</style>

src/views/system/index/components/d2-help/index.vue

-<template>
-  <div>
-    <el-button type="primary" @click="dialogVisible = true" plain round>
-      <d2-icon name="question-circle-o" class="d2-mr-5"/>
-      需要帮助吗
-    </el-button>
-    <el-dialog
-      title="帮助"
-      width="600px"
-      :visible.sync="dialogVisible"
-      :append-to-body="true">
-      <div style="margin-top: -25px;">
-        <h2 class="d2-mt-0">
-          这里有一些参考资料
-        </h2>
-        <el-button-group>
-          <el-button @click="$open('https://d2.pub/zh/doc/d2-admin')">
-            <d2-icon name="book" class="d2-mr-5"/>
-            文档
-          </el-button>
-          <el-button @click="$open('https://github.com/d2-projects/d2-admin/issues?q=is%3Aissue+is%3Aclosed')">
-            <d2-icon name="question" class="d2-mr-5"/>
-            历史提问
-          </el-button>
-          <el-button @click="$open('https://github.com/d2-projects/d2-admin/issues/new/choose')">
-            <d2-icon name="plus" class="d2-mr-5"/>
-            提交问题
-          </el-button>
-        </el-button-group>
-        <h2>询问其它使用者或作者</h2>
-        <el-row :gutter="20">
-          <el-col :span="12">
-            <img src="./image/qq.svg" style="width: 100%;">
-            <div class="d2-help--qr-info">
-              请使用手机 QQ 扫面上方二维码<br/>
-              1群 806395827 (满) | 2群 592981556
-            </div>
-          </el-col>
-          <el-col :span="12">
-            <img src="./image/we.svg" style="width: 100%;">
-            <div class="d2-help--qr-info">
-              请使用手机微信扫面上方二维码<br/>
-              添加作者微信好友，邀请加入微信群
-            </div>
-          </el-col>
-        </el-row>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-export default {
-  data () {
-    return {
-      dialogVisible: false
-    }
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-.d2-help--qr-info {
-  background-color: #f4f4f5;
-  color: #909399;
-  width: 100%;
-  padding: 8px 16px;
-  margin: 0;
-  box-sizing: border-box;
-  border-radius: 4px;
-  position: relative;
-  overflow: hidden;
-  opacity: 1;
-  display: flex;
-  align-items: center;
-  transition: opacity .2s;
-}
-</style>

src/views/system/index/components/d2-page-cover/index.vue

-<template>
-  <div class="d2-page-cover">
-    <div class="d2-page-cover__logo">
-      <slot/>
-    </div>
-    <p class="d2-page-cover__title">D2 Admin {{$version}}</p>
-    <p class="d2-page-cover__sub-title">优雅的中后台集成方案</p>
-    <p class="d2-page-cover__build-time">FINAL BUILD TIME {{$buildTime}}</p>
-    <slot name="footer"/>
-    <a target="blank" href="https://github.com/d2-projects/d2-admin">
-      <img
-        style="position: absolute; top: 0; right: 0; border: 0; width: 150px;"
-        src="./image/darkblue@2x.png"
-        alt="Fork me on GitHub">
-    </a>
-  </div>
-</template>
-
-<style lang="scss" scoped>
-.d2-page-cover {
-  @extend %full;
-  @extend %unable-select;
-  display: flex;
-  flex-flow: column nowrap;
-  justify-content: center;
-  align-items: center;
-  .d2-page-cover__logo {
-    img {
-      width: 200px;
-    }
-  }
-  .d2-page-cover__title {
-    margin: 0px;
-    margin-bottom: 20px;
-    font-weight: bold;
-    color: $color-text-main;
-  }
-  .d2-page-cover__sub-title {
-    margin: 0px;
-    margin-bottom: 5px;
-    color: $color-text-normal;
-  }
-  .d2-page-cover__build-time {
-    margin: 0px;
-    margin-bottom: 10px;
-    font-size: 12px;
-    color: $color-text-placehoder;
-  }
-}
-</style>

src/views/system/index/index.js

-import page from './page'
-
-export default page

src/views/system/index/index.vue

+<template>
+  <div class="container">
+    <div class="aj _bold">欢迎来到 医据汇</div>
+  </div>
+</template>
+
+<script>
+export default {
+  components: {
+    
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.container{
+  .aj{
+    font-size: 40px;
+    min-height: 50vh;
+  }
+}
+</style>

src/views/system/index/page.vue

-<template>
-  <d2-container class="page">
-    <d2-page-cover>
-      <d2-icon-svg class="logo" name="d2-admin"/>
-      <template slot="footer">
-        <div class="btn-group">
-          <span class="btn-group__btn" @click="$open('https://github.com/d2-projects')">开源组织</span> |
-          <span class="btn-group__btn" @click="$open('https://d2.pub/zh/doc/d2-admin')">文档</span> |
-          <span class="btn-group__btn" @click="$open('https://github.com/d2-projects/d2-admin-start-kit')">简化版</span> |
-          <span class="btn-group__btn" @click="$open('https://juejin.im/user/57a48b632e958a006691b946/posts')">掘金</span> |
-          <el-popover :width="172" trigger="hover">
-            <p class="d2-mt-0 d2-mb-10">今日前端</p>
-            <img src="./image/qr@2x.png" style="width: 172px;">
-            <span slot="reference" class="btn-group__btn btn-group__btn--link">
-              <d2-icon name="weixin"/>
-              微信公众号
-            </span>
-            <p style="font-size: 12px; margin-top: 0px; margin-bottom: 0px;">
-              官方公众号，主要推送前端技术类文章、框架资源、学习教程，以及 D2 系列项目更新信息
-            </p>
-          </el-popover>
-        </div>
-        <d2-badge/>
-        <d2-help/>
-      </template>
-    </d2-page-cover>
-  </d2-container>
-</template>
-
-<script>
-import D2Badge from './components/d2-badge'
-import D2Help from './components/d2-help'
-import D2PageCover from './components/d2-page-cover'
-export default {
-  components: {
-    D2Badge,
-    D2Help,
-    D2PageCover
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-.page {
-  .logo {
-    width: 120px;
-  }
-  .btn-group {
-    color: $color-text-placehoder;
-    font-size: 12px;
-    line-height: 12px;
-    margin-top: 0px;
-    margin-bottom: 20px;
-    .btn-group__btn {
-      color: $color-text-sub;
-      &:hover {
-        color: $color-text-main;
-      }
-      &.btn-group__btn--link {
-        color: $color-primary;
-      }
-    }
-  }
-}
-</style>

src/views/system/login/index.js

-import page from './page'
-
-export default page

src/views/system/login/page.vue → src/views/system/login/index.vue

@@ -8,11 +8,11 @@
 
       <div class="login-box ab">
          <div class="login-title">
-          植根于社区家庭的健康顾问(连锁)机构
+          医疗健康大数据汇集与应用
         </div>
 
         <div class="_login">
-          <div class="_login-title">药店登录</div>
+          <div class="_login-title">医据汇登录</div>
           <el-form ref="loginForm" :model="formLogin" :rules="loginRules" class="login-form" auto-complete="on"
             label-position="left">
             <!-- 账号 -->
@@ -75,11 +75,16 @@
 </template>
 
 <script>
+  import { mapActions } from 'vuex'
   export default {
     data() {
       return {
         imglist: [
           {
+            name: "蜂巢",
+            link: "https://shop.newoffen.com/"
+          },
+          {
             name: "药云仓",
             link: "https://scm.newoffen.com/web/dist/"
           },
@@ -94,25 +99,38 @@
           {
             name: "医联宝",
             link: "https://bscrm.newoffen.com"
-          },
-          {
-            name: "医据汇"
-          },
+          }
         ],
         formLogin: {
-          username: '',
-          password: '',
-          code: '',
+          username: 'admin',
+          password: 'admin',
+          code: 'v9am',
           keeplogin: ''
         }
       };
     },
     methods:{
+      ...mapActions('d2admin/account', [
+        'login'
+      ]),
       getcode(){
 
       },
       handleLogin(){
-
+        this.$refs.loginForm.validate((valid) => {
+          if (valid) {
+            this.login({
+              username: this.formLogin.username,
+              password: this.formLogin.password
+            }).then(() => {
+              this.$message.success('登录成功')
+              this.$router.replace(this.$route.query.redirect || '/')
+            })
+          } 
+          else {
+            this.$message.error('表单校验失败，请检查')
+          }
+        })
       }
     }
   };
@@ -198,12 +216,15 @@
     margin: 0 auto;
     display: flex;
     align-items: center;
+
+    img{
+      height: 50px;
+    }
   }
 
   .login-center {
-    // height: calc(100vh - 100px - 150px);
     min-height: 570px;
-    background: linear-gradient(180deg, #0b8fc5 0%, #00cfcc 100%);
+    background: #82AFF8;
     overflow: hidden;
     display: flex;
     align-items: center;
@@ -212,7 +233,6 @@
     .login-bg {
       position: absolute;
       left: 0;
-      // height: 84%;
     }
     .login-box {
       margin: 0 auto;
@@ -221,8 +241,6 @@
       .login-title {
         position: relative;
         z-index: 1;
-        // width: 518px;
-        // font-size: 40px;
         color: #ffffff;
       }
 
@@ -237,7 +255,6 @@
             }
           }
         }
-
         .pull-right {
           color: #cccccc;
         }
@@ -246,10 +263,7 @@
       ._login {
         position: relative;
         z-index: 1;
-        // padding: 40px 50px;
         box-sizing: border-box;
-        // width: 430px;
-        // height: 470px;
         background: #ffffff;
         border-radius: 10px;
 
@@ -301,12 +315,11 @@
       display: flex;
       width: 308px;
       height: 48px;
-      // margin-top: 40px;
       color: #fff;
       font-size: 22px;
       align-items: center;
       border-radius: 5px;
-      background-color: #03bdca;
+      background-color: #82AFF8;
       justify-content: center;
       letter-spacing: 14px;
     }

src/views/system/login/page copy.vue

@@ -22,9 +22,7 @@
         <div
           class="page-login--content-main"
           flex="dir:top main:center cross:center">
-          <!-- logo -->
           <img class="page-login--logo" src="./image/logo@2x.png">
-          <!-- form -->
           <div class="page-login--form">
             <el-card shadow="never">
               <el-form

vue.config.js

@@ -12,6 +12,7 @@ const resolve = dir => require('path').join(__dirname, dir)
 process.env.VUE_APP_VERSION = require('./package.json').version
 process.env.VUE_APP_BUILD_TIME = require('dayjs')().format('YYYY-M-D HH:mm:ss')
 
+
 // 基础路径 注意发布之前要先修改这里
 const publicPath = process.env.VUE_APP_PUBLIC_PATH || '/'