<template>
  <basic-container>
    <el-tabs v-model="activeName" class="tabs">
      <el-tab-pane label="账户信息" name="accountSafe">
        <el-row class="content">
          <el-col :span="24">
            <el-row>
              <el-col :span="24" class="title">
                <b>用户信息</b>
              </el-col>
            </el-row>
            <el-row>
              <el-col :span="24">登录账号：{{userInfo.account}}</el-col>
            </el-row>
            <el-row>
              <el-col :span="24">姓名：{{userInfo.real_name}}</el-col>
            </el-row>
            <el-row>
              <el-col :span="21">手机号码：{{userInfo.account}}</el-col>
            </el-row>
          </el-col>
        </el-row>
      </el-tab-pane>
    </el-tabs>
  </basic-container>
</template>
<script>
import { isvalidatemobile, check18IdCardNo, password } from "@/util/validate";
import { resetRouter } from "@/router/router";
import { mapGetters } from "vuex";
import md5 from "js-md5";

const wait = 120;

export default {
  data() {
    return {
      passwordLoading: false,
      leaderLoading: false,
      phoneLoading: false,
      sending: false,
      passwordType: "password",
      passwordType1: "password",
      passwordType2: "password",
      msgKey: false,
      msgText: "获取验证码",
      time: null,
      activeName: "accountSafe",
      accountForm: {},
      leaderForm: {},
      passwordForm: {},
      phoneForm: {},
      loading: false,
      leaderBox: false,
      passwordBox: false,
      phoneBox: false,
      rules: {
        realName: [
          {
            required: true,
            whitespace: true,
            message: "请输入用户名",
            trigger: "blur",
          },
        ],
      },
    };
  },
  created() {
    this.phoneForm = { oldPhone: this.userInfo.account };
  },
  computed: {
    ...mapGetters(["userInfo"]),
    isAdmin() {
      return this.userInfo.is_master;
    },
  },
};
</script>
<style scoped>
  .el-form-item{
    margin-bottom: 22px !important;
  }
.el-row {
  margin-top: 10px;
}
.el-col {
  margin-bottom: 0px;
  line-height: 40px;
}
.el-form-item--mini.el-form-item, .el-form-item--small.el-form-item{
  margin-bottom: 30px;
}
.tabs {
  padding: 20px 10px 0;
}
.content {
  border: 1px solid #333333;
  padding: 10px 40px;
  font-size: 16px;
  margin: 30px 30px;
}
.msg-text {
  display: block;
  width: 120px;
  font-size: 12px;
  text-align: center;
  cursor: pointer;
}
</style>
