个人资料页面

src/views/home.vue

@@ -200,11 +200,76 @@
             </a>
           </div>
           <div class="h-link">
-            <a href="javascript:void(0)" :title="realName">
+            <a href="javascript:void(0)" @click="dialogFormVisible = true" :title="realName">
               <el-icon :style="{ fontSize: '30px' }">
                 <UserFilled color="rgb(161,187,214)" />
               </el-icon>
             </a>
+            <el-dialog v-model="dialogFormVisible" width="1000" >
+              <el-tabs :tab-position="tabPosition">
+                <el-tab-pane label="个人资料">
+                  <el-form :model="userinfo">
+                    <el-form-item label="登录名：" label-width="140px">
+                      <el-input v-model="userinfo.userName"/>
+                    </el-form-item>
+                    <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>
+                    <el-form-item label="角色：" label-width="140px">
+                      <el-select v-model="roleId" placeholder="无" >
+                        <el-option label="超级管理员" :value="1" />
+                        <el-option label="管理员" :value="2" />
+                        <el-option label="供热企业负责人" :value="3" />
+                        <el-option label="供热站负责人" :value="4" />
+                        <el-option label="换热站负责人" :value="5" />
+                        <el-option label="游客" :value="6" />
+                        <el-option label="锅炉房负责人" :value="7" />
+                        <el-option label="外部人员" :value="8" />
+                      </el-select>
+                    </el-form-item>
+                    <el-form-item label="联系电话：" label-width="140px">
+                      <el-input v-model="userinfo.mobile"/>
+                    </el-form-item>
+                    <el-form-item label="邮箱：" label-width="140px">
+                      <el-input v-model="userinfo.email"/>
+                    </el-form-item>
+                    <el-form-item label="启用短信提醒：" label-width="140px">
+                      <el-checkbox v-model="userinfo.isSms" label="启用" />
+                    </el-form-item>
+                    <el-form-item label="描述：" label-width="140px">
+                      <el-input v-model="userinfo.description" type="textarea"/>
+                    </el-form-item>
+                  </el-form>
+                </el-tab-pane>
+                <el-tab-pane label="修改密码">
+                  <!-- <el-form :model="savepass">
+                    <el-form-item label="原密码：" label-width="140px">
+                      <el-input v-model="savepass.userName" type="password"/>
+                    </el-form-item>
+                    <el-form-item label="新密码：" label-width="140px">
+                      <el-input v-model="savepass.realName" type="password"/>
+                    </el-form-item>
+                    <el-form-item label="再次输入新密码：" label-width="140px">
+                      <el-input v-model="savepass" type="password"/>
+                    </el-form-item>
+                  </el-form> -->
+                </el-tab-pane>
+              </el-tabs> 
+              <template #footer>
+                <div class="dialog-footer">
+                  <el-button @click="dialogFormVisible = false">取消</el-button>
+                  <el-button type="primary" @click="updateuser">
+                    保存
+                  </el-button>
+                </div>
+              </template>
+            </el-dialog>
           </div>
           <div class="h-link">
             <a href="javascript:void(0)" title="系统设置">
@@ -708,6 +773,7 @@ export default defineComponent({
     const countid = ref();
     const sta = ref(0);
     const consta = ref(0);
+    const password = ref('fnoihfnoighaoiw');
     //获取用户信息
     function getuser() {
       var user = store.getters.getUserInfo();
@@ -731,7 +797,6 @@ export default defineComponent({
         .post("/api/alarm/GetAlarmMsg", AlarmInfo.value, false)
         .then((result) => {
           if (result.data !== null && sta.value === 0) {
-            console.log(result);
             sta.value = 1;
             title.value = result.data[0].title;
             msg.value = result.data[0].msg;
@@ -765,7 +830,6 @@ export default defineComponent({
     function countalarm() {
       http.post("/api/alarm/GetAlarmMsg", AlarmInfo.value).then((result) => {
         if (result.data !== null && consta.value === 0) {
-          console.log(result);
           consta.value = 1;
           counttitle.value = result.data[1].title;
           countmsg.value = result.data[1].msg;
@@ -802,7 +866,31 @@ export default defineComponent({
       alarm();
       countalarm();
     }, 60 * 1000); // 每分钟执行一次
-
+    
+    //个人资料弹出框
+    const dialogFormVisible = ref(false)//个人资料弹出框显示隐藏
+    var userinfo = ref(111);
+    async function getuserdata(){
+      var user = store.getters.getUserInfo();
+      if (user) {
+        userId.value = user.userId;
+      }
+      const useridInfo = reactive({"id":userId.value});
+      await http.post("/api/User/getData", useridInfo).then((result) => {
+        userinfo.value = result.data;
+      })
+    }
+    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)
+      })
+    }
+    getuserdata();
+    
     return {
       menuWidth,
       mainHeight,
@@ -818,6 +906,8 @@ export default defineComponent({
       contextMenuVisible,
       visibleItem,
       currentMenuId,
+      dialogFormVisible,
+      userinfo,
       amslogo,
       amslogo_style,
       addTab,
@@ -834,7 +924,9 @@ export default defineComponent({
       openMap,
       enterMenu,
       leaveMenu,
-      //enterpriseId
+      updateuser,
+      showenterpriseName,
+      password
     };
   },
   methods: {