<template>
  <div>
    <div class="user-con">
      <div class="user-top"></div>
    </div>
    <div class="container" style="padding-right: 0">
      <div class="user-info">
        <div class="user">
          <van-image width="60" height="60" round class="hand" :src="userInfo.headImgUrl" />
          <div class="name">
            <div class="text">{{ userInfo.realName ? userInfo.realName : userInfo.nickname }}</div>
            <div class="grid">
              <svg-icon iconClass="grid" class-name="img" />
              {{ userInfo.agencyName }}
            </div>
          </div>
        </div>
        <div class="edit" @click="$router.push('/userInfo/edit')">
          <svg-icon iconClass="edit" />
          <span>编辑</span>
        </div>
      </div>
    </div>
    <div class="container">
      <div class="cell-group">
        <van-cell title="我上报的问题" is-link to="/appeal">
          <template #icon>
            <van-image style="margin-right: 5px" :src="require('@/assets/sq.png')" width="20" height="20" />
          </template>
        </van-cell>
        <van-cell title="我参与的活动" is-link to="/myActivity" >
          <template #icon>
            <van-image style="margin-right: 5px" :src="require('@/assets/images/icons/activity.png')" width="20" height="20" />
          </template>
        </van-cell>
        <van-cell title="我参与的满意度调查" is-link to="/mySatisfaction">
          <template #icon>
            <van-image style="margin-right: 5px" :src="require('@/assets/images/icons/satisfaction.png')" width="20" height="20" />
          </template>
        </van-cell>
      </div>
    </div>
    <div class="container">
      <div class="cell-group">
        <van-cell title="隐私保护" is-link>
          <template #icon>
            <van-image style="margin-right: 5px" :src="require('@/assets/images/icons/privacy.png')" width="20" height="20" />
          </template>
        </van-cell>
        <van-cell title="关于我们" is-link>
          <template #icon>
            <van-image style="margin-right: 5px" :src="require('@/assets/gy.png')" width="20" height="20" />
          </template>
        </van-cell>
      </div>
    </div>
    <Android @send-number="handleNumber"></Android>
  </div>
</template>

<script>
import Android from '@/components/Android'
export default {
  name: 'mine',
  data() {
    return {
      userInfo: {}
    }
  },
  components:{
    Android
  },
  mounted() {
    this.userInfo = this.$store.state.app.userInfo
  },
  methods: {
    handleNumber(value){
            console.log(value,"wl kgnsl, ");
            this.phone=value
        },
  }
}
</script>

<style scoped lang="less">
@import './index';
</style>
