HM21St_Page_Manager/src/views/personal.vue

<template>
  <div class="manage-root edit-person" v-if="info">
    <Header :touxiang="info.sys_user.image_url"/>
    <div class="manage-root-contain">
        <setting class="setting-box" page="personal" :info="info" @getInfo="getInfo" @changeBread="changeBread"></setting>
    </div>
  </div>
</template>

<script>
//这里可以导入其它文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）
//例如：import 《组件名称》from ‘《组件路径》';
import Header from "../components/Header.vue";
import Setting from "../components/Setting.vue"
import { getLogin } from "@/api/ajax";
import { getToken } from '@/utils/auth'

export default {
  //import引入的组件需要注入到对象中才能使用
  components: { Header, Setting },
  props: {},
  data() {
    //这里存放数据
    return {
        info: null
    }
  },
  //计算属性 类似于data概念
  computed: {
    
  },
  //监控data中数据变化
  watch: {},
  //方法集合
  methods: {
    // 获取机构信息
    getInfo(){
        let MethodName = "/OrgServer/Manager/SysUserManager/GetSysUserInfo";
        let data = {
            id: JSON.parse(getToken()).user_id
        }
        getLogin(MethodName, data)
        .then((res) => {
            if(res.status===1){
                this.info = res
            }
        })
        .catch(() => {
            
        });
    },
    // 修改面包屑
    changeBread(){
        
    }
  },
  //生命周期 - 创建完成（可以访问当前this实例）
  created() {
    this.getInfo()
  },
  //生命周期 - 挂载完成（可以访问DOM元素）
  mounted() {

  },
  //生命周期-创建之前
  beforeCreated() { },
  //生命周期-挂载之前
  beforeMount() { },
  //生命周期-更新之前
  beforUpdate() { },
  //生命周期-更新之后
  updated() { },
  //生命周期-销毁之前
  beforeDestory() { },
  //生命周期-销毁完成
  destoryed() { },
  //如果页面有keep-alive缓存功能，这个函数会触发
  activated() { }
}
</script>
<style lang="scss" scoped>
/* @import url(); 引入css类 */
.manage-root-contain{
    width: 1208px;
    margin: 16px auto;
    .setting-box{
        width: 100%;
    }
}
</style>