修改密码

src/views/home.vue

@@ -206,8 +206,8 @@
               </el-icon>
             </a>
             <el-dialog v-model="dialogFormVisible" width="1000" >
-              <el-tabs :tab-position="tabPosition">
-                <el-tab-pane label="个人资料">
+              <el-tabs v-model="funsel" :tab-position="tabPosition">
+                <el-tab-pane label="个人资料" :name="true">
                   <el-form :model="userinfo">
                     <el-form-item label="登录名：" label-width="140px">
                       <el-input v-model="userinfo.userName"/>
@@ -215,9 +215,6 @@
                     <el-form-item label="真实姓名：" label-width="140px">
                       <el-input v-model="userinfo.realName"/>
                     </el-form-item>
-                    <el-form-item label="密码：" label-width="140px">
-                      <el-input v-model="password" type="password"/>
-                    </el-form-item>
                     <el-form-item label="供热企业：" label-width="140px">
                       {{ showenterpriseName }}
                     </el-form-item>
@@ -247,18 +244,18 @@
                     </el-form-item>
                   </el-form>
                 </el-tab-pane>
-                <el-tab-pane label="修改密码">
-                  <!-- <el-form :model="savepass">
+                <el-tab-pane label="修改密码" :name="false">
+                  <el-form :model="savepass">
                     <el-form-item label="原密码：" label-width="140px">
-                      <el-input v-model="savepass.userName" type="password"/>
+                      <el-input v-model="savepass.old" type="password"/>
                     </el-form-item>
                     <el-form-item label="新密码：" label-width="140px">
-                      <el-input v-model="savepass.realName" type="password"/>
+                      <el-input v-model="savepass.new1" type="password"/>
                     </el-form-item>
                     <el-form-item label="再次输入新密码：" label-width="140px">
-                      <el-input v-model="savepass" type="password"/>
+                      <el-input v-model="savepass.new2" type="password"/>
                     </el-form-item>
-                  </el-form> -->
+                  </el-form>
                 </el-tab-pane>
               </el-tabs> 
               <template #footer>
@@ -383,6 +380,7 @@ import {
 import DataMenu from "../components/DataMenu.vue";
 import EventBus from "../utils/event-bus.js";
 import { ElNotification } from "element-plus";
+import { fa } from "element-plus/es/locales.mjs";
 
 //import {RoleEnum}  from '../utils/enumData';
 var $this;
@@ -773,7 +771,12 @@ export default defineComponent({
     const countid = ref();
     const sta = ref(0);
     const consta = ref(0);
-    const password = ref('fnoihfnoighaoiw');
+    const savepass = ref({
+      "old":"",
+      "new1":"",
+      "new2":""
+    })
+
     //获取用户信息
     function getuser() {
       var user = store.getters.getUserInfo();
@@ -868,8 +871,17 @@ export default defineComponent({
     }, 60 * 1000); // 每分钟执行一次
     
     //个人资料弹出框
-    const dialogFormVisible = ref(false)//个人资料弹出框显示隐藏
-    var userinfo = ref(111);
+    const funsel = ref(true);
+    const dialogFormVisible = ref(false);//个人资料弹出框显示隐藏
+    var userinfo = ref();
+    var message = ref();
+    var retmess = ref();
+    const open = () => {
+      ElMessage({
+        message: message.value,
+        type: retmess.value?'success':'warning',
+      })
+    }
     async function getuserdata(){
       var user = store.getters.getUserInfo();
       if (user) {
@@ -878,16 +890,34 @@ export default defineComponent({
       const useridInfo = reactive({"id":userId.value});
       await http.post("/api/User/getData", useridInfo).then((result) => {
         userinfo.value = result.data;
+        console.log(result)
       })
     }
     function updateuser(){
       userinfo.value.updateNullFields = "";
       userinfo.value.enterpriseName = "";
       userinfo.value.token = "";
-      userinfo.value.roleId = roleId;
-      http.post("/api/User/save", userinfo.value).then((result) => {
-        console.log(result)
-      })
+      if(funsel.value){
+        userinfo.value.roleId = roleId;
+        http.post("/api/User/save", userinfo.value).then((result) => {
+          message.value = result.message;
+          retmess.value = result.success;
+          open();
+        })
+      }else{
+        if(savepass.value.new1 !== savepass.value.new2){
+          message.value = "两次输入的密码不一致！";
+          retmess.value = false;
+          open();
+          return;
+        }
+        userinfo.value.password = savepass.value.new1;
+        http.post("/api/User/password", userinfo.value).then((result) => {
+          message.value = result.message;
+          retmess.value = result.success;
+          open();
+        })
+      }
     }
     getuserdata();
     
@@ -926,7 +956,8 @@ export default defineComponent({
       leaveMenu,
       updateuser,
       showenterpriseName,
-      password
+      savepass,
+      funsel,
     };
   },
   methods: {