TBtools-新增修改密码功能

htmldev/TBTools/src/views/main-navbar-update-password.vue

@@ -4,7 +4,7 @@
     :visible.sync="visible"
     :append-to-body="true">
     <el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmit()" label-width="80px">
-      <el-form-item label="账号">
+      <el-form-item label="账号" v-if="false">
         <span>{{ userName }}</span>
       </el-form-item>
       <el-form-item label="原密码" prop="password">
@@ -78,14 +78,15 @@
         this.$refs['dataForm'].validate((valid) => {
           if (valid) {
             this.$http({
-              url: this.$http.adornUrl('/sys/user/password'),
+              url: this.$http.adornUrl('/user/modify'),
               method: 'post',
               data: this.$http.adornData({
-                'password': this.dataForm.password,
-                'newPassword': this.dataForm.newPassword
+                'originPassword': this.dataForm.password,
+                'password': this.dataForm.newPassword,
+                'repeatPassword': this.dataForm.confirmPassword
               })
             }).then(({data}) => {
-              if (data && data.code === 0) {
+              if (data.status) {
                 this.$message({
                   message: '操作成功',
                   type: 'success',

htmldev/TBTools/src/views/main-navbar.vue

@@ -22,31 +22,38 @@
           </el-dropdown>
         </li>
       </ul>
-      <el-dropdown class="TT-login" :show-timeout="0" placement="bottom" style="cursor: pointer;">
-        <span class="el-dropdown-link">个人中心</span>
-        <el-dropdown-menu slot="dropdown">
-          <el-dropdown-item v-if="token">
-            <router-link :to="{name: 'minePaycheck'}">充值</router-link>
-          </el-dropdown-item>
-          <el-dropdown-item v-if="token">
-            <router-link :to="{name: 'mineWallet'}">我的钱包</router-link>
-          </el-dropdown-item>
-          <el-dropdown-item>
-            <a href="javascript:;" @click="logoutHandle" v-if="token">退出</a>
-            <router-link :to="{name: 'login'}" replace v-else>登录</router-link>
-          </el-dropdown-item>
-        </el-dropdown-menu>
-      </el-dropdown>
-      <router-link class="ml-20" :to="{name: 'register'}" replace>/注册</router-link>
+      <template v-if="token">
+        <el-dropdown class="TT-login" :show-timeout="0" placement="bottom" style="cursor: pointer;">
+          <span class="el-dropdown-link">个人中心</span>
+          <el-dropdown-menu slot="dropdown">
+            <el-dropdown-item>
+              <router-link :to="{name: 'minePaycheck'}">充值</router-link>
+            </el-dropdown-item>
+            <el-dropdown-item>
+              <router-link :to="{name: 'mineWallet'}">我的钱包</router-link>
+            </el-dropdown-item>
+            <el-dropdown-item @click.native="updatePasswordHandle()">修改密码</el-dropdown-item>
+            <el-dropdown-item @click.native="logoutHandle()">退出</el-dropdown-item>
+          </el-dropdown-menu>
+        </el-dropdown>
+      </template>
+      <router-link :to="{name: 'login'}" replace v-else>登录</router-link>
+      <router-link :to="{name: 'register'}" replace>/注册</router-link>
     </div>
+    <!-- 弹窗, 修改密码 -->
+    <update-password v-if="updatePassowrdVisible" ref="updatePassowrd"/>
   </nav>
 </template>
 
 <script>
+import UpdatePassword from './main-navbar-update-password'
 import { clearLoginInfo } from '@/utils'
 import Vue from 'vue'
 
 export default {
+  components: {
+    UpdatePassword
+  },
   data () {
     return {
       updatePassowrdVisible: false
@@ -58,6 +65,13 @@ export default {
     }
   },
   methods: {
+    // 修改密码
+    updatePasswordHandle () {
+      this.updatePassowrdVisible = true
+      this.$nextTick(() => {
+        this.$refs.updatePassowrd.init()
+      })
+    },
     // 退出
     logoutHandle () {
       this.$confirm(`确定进行[退出]操作?`, '提示', {

htmldev/TBTools/src/views/modules/mine/mine-paycheck.vue

@@ -30,7 +30,7 @@
           <p>
             <span>当前余额</span>
             <span class="amount-order">{{ payConfig.userBlance }}</span>
-            <span>元</span>
+            <span>金币</span>
           </p>
         </li>
       </ul>

htmldev/TBTools/src/views/modules/mine/mine-wallet.vue

@@ -4,8 +4,8 @@
       <el-col class="TT-header">
         <h3>流水记录</h3>
         <p>
-          <span class="TT-label">您当前余额：</span>
-          <span class="TT-value">￥{{ userInfo.userBalance ? userInfo.userBalance.toFixed(2) : '0.00'}}</span>
+          <span class="TT-label">您拥有金币：</span>
+          <span class="TT-value">{{ userInfo.userBalance ? userInfo.userBalance.toFixed(2) : '0.00'}}</span>
         </p>
       </el-col>
     </el-row>