<template>
  <div class="container">
    <div class="minetopkkk">
      <div class="minetophezi" v-if="show">
        <div class="flexone">
          <div class="tieziimg tieziimgkk">
            <img :src="userinfo.avatar" alt="" />
          </div>
          <div class="tieziright">
            <div class="tiezirighttop flex">
              <div>
                <div class="tieziming">{{ userinfo.nickname }}</div>
              </div>

              <div>
                <div class="vipimg">
                  <img src="../../../assets/vip_icon@2x.png" alt="" />
                  <div class="vipname">{{ userinfo.level.name1 }}</div>
                </div>
              </div>
              <img
                src="../../../assets/banggong_icon@2x.png"
                class="banggongimg"
                alt=""
              />
              <img
                src="../../../assets/peisong_icon@2x.png"
                class="banggongimg"
                alt=""
              />
              <img
                src="../../../assets/yirenzheng_icon@2x.png"
                class="banggongimg banggongimgkk"
                alt=""
              />
            </div>
            <div class="tiezibto flexone"></div>
          </div>
        </div>
        <div class="fubulist flextwo">
          <div class="fabuitem flexfour" @click="goenter(0)">
            <div class="fabuname">{{ total1 }}</div>
            <div class="fabuname">我的发布</div>
          </div>
          <div class="fabuitem flexfour" @click="goenter(1)">
            <div class="fabuname">{{ total2 }}</div>
            <div class="fabuname">我的关注</div>
          </div>
          <div class="fabuitem flexfour" @click="goenter(2)">
            <div class="fabuname">{{ total3 }}</div>
            <div class="fabuname">我的点赞</div>
          </div>
          <div class="fabuitem flexfour" @click="goenter(3)">
            <div class="fabuname">{{ total4 }}</div>
            <div class="fabuname">我的评论</div>
          </div>
        </div>
      </div>
    </div>

    <div class="collectbox">
      <div class="collectboxitem flexone" @click="collect(1)">
        <img
          src="../../../assets/shoucnag_Icon@2x.png"
          alt=""
          class="collectimg"
        />
        我的收藏
      </div>
      <div class="collectboxitem flexone" @click="collect(2)">
        <img
          src="../../../assets/huiyuan_icon@2x.png"
          alt=""
          class="collectimg"
        />
        我的会员
      </div>
      <div class="collectboxitem flexone" @click="collect(3)">
        <img
          src="../../../assets/shezhi_icon@2x.png"
          alt=""
          class="collectimg"
        />
        设置
      </div>
      <div class="collectboxitem flexone" @click="collect(4)">
        <img
          src="../../../assets/guanyu_icon@2x.png"
          alt=""
          class="collectimg"
        />
        关于我们
      </div>
    </div>
    <tabBar v-bind:active="4" />
  </div>
</template>

<script>
import tabBar from "@/components/tabBar.vue";
export default {
  components: {
    tabBar
  },
  data() {
    return {
      userinfo: "",
      show: false,
      total1: "",
      total2: "",
      total3: "",
      total4: ""
    };
  },
  created() {
    this.getuserinfo();
  },
  methods: {
    collect(id) {
      if (id == 1) {
        this.$router.push({
          path: "/mycollect",
          query: {
            type: 3
          }
        });
      } else if (id == 3) {
        this.$router.push({
          path: "/shezhi",
          query: {
            type: 3
          }
        });
      }
    },
    // 获取用户信息
    getuserinfo() {
      let that = this;
      var url = "/api/member/index";
      var params = {};
      console.log("7766554", params);
      that.$axios
        .post(url, params)
        .then(res => {
          that.userinfo = res.data;
          setTimeout(function() {
            that.show = true;
          }, 50);
          // 获取帖子数量
          that.gettiezinum();
        })
        .catch(err => {});
    },
    // 获取帖子数量
    gettiezinum() {
      let that = this;
      var url = "/api/forum/get_total";
      var params = {};
      console.log("7766554", params);
      that.$axios
        .post(url, params)
        .then(res => {
          console.log(res);
          that.total1 = res.data.total1;
          that.total2 = res.data.total2;
          that.total3 = res.data.total3;
          that.total4 = res.data.total4;
        })
        .catch(err => {});
    },
    // 进入我的收藏
    goenter(id) {
      this.$router.push({
        path: "/mycollect",
        query: {
          type: id
        }
      });
    }
  }
};
</script>

<style scoped>
@import "../../style/homepage.css";
</style>