<template>
  <div class="container">
    <div class="minetopkkk">
      <div class="minetophezi" v-if="show">
        <div class="flexone" @click="personziliao">
          <div class="tieziimg tieziimgkk">
            <img :src="userinfo.avatar" alt="" />
          </div>
          <div class="tieziright">
            <div class="tiezirighttop flex">
              <div class="timeright">
                <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="item.logo_image"
                class="banggongimg"
                alt=""
                v-for="(item, index) in label"
                :key="index"
              />
              <!-- <img
                src="../../../assets/peisong_icon@2x.png"
                class="banggongimg"
                alt=""
              /> -->
              <img
                src="../../../assets/yirenzheng_icon@2x.png"
                class="banggongimg banggongimgkk"
                alt=""
                v-if="userinfo.is_card == 1"
              />
            </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">{{ total3 }}</div>
            <div class="fabuname">关注</div>
          </div>
          <div class="fabuitem flexfour" @click="goenter(2)">
            <div class="fabuname">{{ total2 }}</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 class="collectboxitem flexone" @click="collect(5)">
        <img
          src="../../../assets/zigezheng.png"
          alt=""
          class="collectimg"
          style="width:0.34rem;margin-right:0.38rem"
        
        />
        资格证
      </div>
    </div>
    <tabBar v-bind:active="4" />
  </div>
</template>
<script>
import tabBar from "@/components/tabsec.vue";
export default {
  components: {
    tabBar
  },
  data() {
    return {
      userinfo: "",
      show: false,
      total1: "",
      total2: "",
      total3: "",
      total4: "",
      guanwang: "",
      label: ''
    };
  },
  created() {
    this.getuserinfo();
    // 获取中面官网
    this.getgaunwang()
  },
  methods: {
    // 获取中面官网
    getgaunwang() {
      let that = this;
      var url = '/api/sundry/get_page';
      var params = {
        id: 13
      }
      that.$axios.post(url, params).then((res) => {
        console.log(res, 999999)
        that.guanwang = res.data.content;
        console.log(that.guanwang)

      }).catch((err) => {

      })
    },
    collect(id) {
      if (id == 1) {
        this.$router.push({
          path: "/myshoucang",
         
        });
      } else if (id == 3) {
        this.$router.push({
          path: "/shezhi",
          query: {
            type: 3
          }
        });
      } else if (id == 4) {
        window.location.href = this.guanwang
      }else if(id==5){
        this.$router.push({
          path: "/mykaoshi"
         
        });
      }
    },
    // 修改个人资料
    personziliao() {
      this.$router.push({
        path: '/personziliao'
      })
    },
    // 获取用户信息
    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;
          this.label = res.data.label;
           localStorage.setItem("avatar", res.data.avatar)
          localStorage.setItem("address", res.data.address)
          localStorage.setItem("nickname", res.data.nickname)
          localStorage.setItem("label", JSON.stringify(res.data.label))
          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>