pcv1.1

src/api/user.js

@@ -66,3 +66,12 @@ export const enableUser = (id) => request({
 export const disableUser = (id) => request({
   url: `/admin/user/${id}/off`, method: 'put'
 })
+
+/**
+ * 找回密码
+ * @param {*} data
+ * @returns
+ */
+export const findPassword = (data) => request({
+  url: '/admin/find-password', method: 'put', data
+})

src/icons/svg/captcha.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1644474272743" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6773" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M919.561369 245.727541c-0.899486-28.28623-24.311709-55.009871-52.010561-59.8409 0 0-107.385752-16.977673-167.643138-38.420031-75.231425-26.770713-149.681044-85.617983-149.681044-85.617983-23.220864-16.58063-58.83806-15.552208-80.374562 2.372024 0 0-52.704362 53.179177-151.044088 84.22117-90.852194 36.510542-163.464979 40.248679-163.464979 40.248679-27.402093 3.571339-50.991348 28.867468-51.522444 57.147558 0 0-3.690042 145.387251 0.966001 272.985348 1.759063 228.268914 271.994788 453.937606 408.55193 453.937606 134.416386 0 366.709963-157.224858 403.249157-450.619024C925.617295 347.953783 919.561369 245.727541 919.561369 245.727541zM709.887976 445.981401 477.54835 681.152515c-9.899464 10.018168-26.696012 11.174504-38.07927 2.124384l-121.329323-96.414887c-22.289656-17.711384-24.614607-48.538483-4.89038-69.169359 19.587104-20.48966 53.223179-23.199375 75.962066-5.403057l56.322773 44.083008 193.563484-182.358281c20.162202-18.995633 52.216245-18.458397 71.897493 0.325411-0.281409-0.293689-0.35918-0.693802-0.649799-0.984421l1.64036 1.64343c-0.290619-0.290619-0.696872-0.3776-0.99056-0.659009C729.922265 394.23076 729.659275 425.969625 709.887976 445.981401z" p-id="6774"></path></svg>

src/icons/svg/phone.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1644474191232" class="icon" viewBox="0 0 1046 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3853" xmlns:xlink="http://www.w3.org/1999/xlink" width="204.296875" height="200"><defs><style type="text/css"></style></defs><path d="M759.763478 616.136348c-53.826783 0-94.47513 48.37287-143.248695 48.372869-48.417391 0-260.85287-209.274435-260.85287-260.786087 0-51.46713 48.39513-76.822261 48.39513-130.226087C404.057043 235.074783 260.763826 0 202.039652 0 143.226435 0 0 104.893217 0 202.039652c0 281.177043 518.500174 820.157217 843.063652 820.157218 89.577739 0 202.150957-94.497391 202.150957-202.128696 0.75687-40.292174-232.114087-203.909565-285.473392-203.909565" p-id="3854"></path></svg>

src/layout/components/Sidebar/index.vue

@@ -23,6 +23,7 @@ import { mapGetters } from 'vuex'
 import Logo from './Logo'
 import SidebarItem from './SidebarItem'
 import variables from '@/styles/variables.scss'
+import { getUserId } from '@/utils/auth'
 
 export default {
   components: { SidebarItem, Logo },
@@ -31,7 +32,11 @@ export default {
       'sidebar'
     ]),
     routes() {
-      return this.$router.options.routes
+      var newData = this.$router.options.routes
+      if (getUserId() !== '1') {
+        newData.splice(6, 1)
+      }
+      return newData
     },
     activeMenu() {
       const route = this.$route

src/views/login/forgotPassword.vue

@@ -51,20 +51,30 @@
           placeholder="密码"
           name="password"
           tabindex="3"
-          @keyup.enter.native="handleLogin"
+          @keyup.enter.native="retrievePassword"
         />
       </el-form-item>
       <el-button
         :loading="loading"
         type="primary"
         style="width: 100%; margin-bottom: 30px"
-        @click.native.prevent="handleLogin"
+        @click.native.prevent="retrievePassword"
       >找回密码</el-button>
+      <el-link :underline="false" style="margin:0" type="primary">
+        <router-link
+          :to="{path: '/login'}"
+        >登录系统</router-link>
+      </el-link>
+      <el-link :underline="false" style="float:right" type="primary">
+        <router-link
+          :to="{name: 'register'}"
+        >注册账号</router-link>
+      </el-link>
     </el-form>
   </div>
 </template>
 <script>
-import { getCaptcha, signUp } from '@/api/user'
+import { getCaptcha, findPassword } from '@/api/user'
 import md5 from 'js-md5'
 export default {
   name: 'Login',
@@ -132,14 +142,15 @@ export default {
         }
       })
     },
-    handleLogin() {
+    retrievePassword() {
       this.$refs.regisiterForm.validate((valid) => {
         if (valid) {
-          this.regisiterForm.password = md5(this.regisiterForm.password)
-          // signUp(this.regisiterForm).then((res) => {
-          this.$message('修改密码成功')
-          this.$router.push({ path: '/login' })
-          // })
+          var newData = { ...this.regisiterForm }
+          newData.password = md5(newData.password)
+          findPassword(newData).then((res) => {
+            this.$message('修改密码成功')
+            this.$router.push({ path: '/login' })
+          })
         } else {
           return false
         }

src/views/login/register.vue

@@ -32,7 +32,7 @@
         <el-input
           ref="password"
           v-model="regisiterForm.password"
-          type="text"
+          type="password"
           placeholder="请输入密码"
           name="password"
           tabindex="2"
@@ -45,7 +45,7 @@
         <el-input
           ref="password2"
           v-model="regisiterForm.password2"
-          type="text"
+          type="password"
           placeholder="确认密码"
           name="password2"
           tabindex="3"
@@ -53,7 +53,7 @@
       </el-form-item>
       <el-form-item prop="phone">
         <span class="svg-container">
-          <svg-icon icon-class="password" />
+          <svg-icon icon-class="phone" />
         </span>
         <el-input
           ref="phone"
@@ -67,7 +67,7 @@
 
       <el-form-item prop="captcha" style="width:65%">
         <span class="svg-container">
-          <svg-icon icon-class="password" />
+          <svg-icon icon-class="captcha" />
         </span>
         <el-input
           ref="captcha"

src/views/userManage/index.vue

@@ -94,11 +94,14 @@ export default {
     toogleUser(val) {
       if (val.status === 1) {
         disableUser(val.userId).then(() => {
-
+          this.$message('禁用成功' + val.userName + '不能登录了')
+          this.onSearch()
         })
-        // console.log('启用')
       } else {
-        console.log('禁用')
+        enableUser(val.userId).then(() => {
+          this.$message('启用成功' + val.userName + '恢复登录')
+          this.onSearch()
+        })
       }
     }
   }