<template>
  <div class="full-box">
    <div class="" style="width: 100%;height:100%;" >
      <div class="top-tip-box t-title">当前位置：后台系统管理 -- 个人中心</div>
      <div class="table-info-box personal-box">
        <div class="form-box detail-s">
          <el-form :model="userInfo"  ref="updateForm" label-width="120px">
            <el-form-item label="登录名" prop="name">
              <el-input v-model="userInfo.userName" clearable auto-complete="off" type="text" readonly=""></el-input>
            </el-form-item>
            <el-form-item label="登录密码" prop="password">
              <el-input v-model="userInfo.password" clearable auto-complete="off" type="password" readonly></el-input>
            </el-form-item>
            <el-form-item label="注册时间" prop="registerTime">
              <el-input v-model="userInfo.registerTime" clearable auto-complete="off" readonly></el-input>
            </el-form-item>
            <el-form-item label="所属科室" prop="ks">
              <el-input v-model="userInfo.orgnName" clearable auto-complete="off" readonly></el-input>
            </el-form-item>
          </el-form>
        </div>



      </div>
    </div>
  </div>
</template>
<script>
  let month = new Date().getMonth()==0?0:new Date().getMonth();
  let year = month<10?new Date().getFullYear()+"-0"+month :new Date().getFullYear()+"-"+month;
  export default {
    name: 'yjManage',
    data () {
      return {
        dialogVisible:false,
        timeFilter:[new Date().format("yyyy-")+"01",new Date(year).format("yyyy-MM")],
        userInfo:{
          userName:'zcz',
          password:'',
          registerTime: new Date().format("yyyy-")+"01",
          orgnName:''
        },
        rules:{
          name: [{ required: true, message: '登录名', trigger: 'blur' }],
          password: [{ required: true, message: '登录密码', trigger: 'blur' }],
          registerTime: [{ required: true, message: '注册时间', trigger: 'blur' }],
          ks: [{ required: true, message: '请选择所属科室', trigger: 'blur,change' }],
        },
        departmentList:[],
        userInfo:{},
      }
    },
    mounted (){
    },
    created(){
      this.userInfo = JSON.parse(sessionStorage.getItem("userData"))
      this.getTypeList();
    },
    watch:{},
    methods:{
      searchResult(){},
      getTypeList: function (pager) {
        let _this = this;
        _this.$http.get('/dx-economy-api/department').then(function (resp) {
          let _data = resp.data;
          if (_data.code === 200 && !_this.$Util.isEmpty(_data.data)) {
            let _list = [];
            if(!_this.$Util.isEmpty(_data.data)){
              _data.data.forEach(function (item) {
                _list.push({id:item.id,name:item.name});
              });
            }
            _this.departmentList = _list;
          } else {
            _this.$message.error(_data.message);
          }
        });
      },
    }
  }
</script>
<style>
  .detail-s .el-input.is-disabled .el-input__inner,.detail-s .el-input__inner,.detail-s .el-textarea__inner{background: rgba(7,182,255,0.1)!important;border:none}
  .inputR.el-input>input.el-input__inner[readonly='readonly']{background: rgba(7,182,255,0.1)!important;border-color:rgba(7,182,255,0.1);}
</style>
<style scoped>
  .personal-box{background:rgba(22,225,255,.05);}
  .form-box{width:400px;height: calc(100% - 80px);padding-top:20px;margin-left:50px;}
  .aaa{}
  .aaa{}
  .aaa{}
</style>