<template>
  <div class="OtherUser">
    <AiTopFixed>
      <div class="seachObjs">
        <u-search v-model="keyword" :clearabled="true" placeholder="请输入姓名" :show-action="false" bg-color="#F5F5F5" search-icon-color="#E2E8F1" color="#666" height="58" @search="handerSearch" @clear="handerClear"></u-search>
      </div>
    </AiTopFixed>
    <div class="user-list">
      <div class="item" @click="toOtherSta">
        <div class="left">
          <img src="./components/img/user-icon.png" alt="">李轶
        </div>
        <div class="right">
          今日已上报<img src="./components/img/right-icon.png" alt="">
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import { mapState } from 'vuex'

export default {
  name: 'OtherUser',
  data() {
    return {
      keyword: '',
    }
  },
  computed: {
    ...mapState(['user']),
  },
  onLoad() {
    
  },
  onShow() {
    document.title = '其他成员'
  },
  methods: {
    toOtherSta() {
      uni.navigateTo({ url: './OtherStatistics'})
    },
  },
}
</script>

<style scoped lang="scss">
uni-page-body{
  height: 100%;
  background-color: #fff;
}
.OtherUser {
  .user-list{
    .item{
      display: flex;
      justify-content: space-between;
      border-bottom: 1px solid #E4E5E6;
      padding: 24px 32px 22px 40px;
      background-color: #fff;
      .left{
        font-size: 36px;
        font-family: PingFangSC-Medium, PingFang SC;
        font-weight: 500;
        color: #333;
        line-height: 50px;
        img{
          width: 74px;
          height: 74px;
          margin-right: 34px;
          vertical-align: middle;
        }
      }
      .right{
        font-size: 28px;
        font-family: PingFangSC-Regular, PingFang SC;
        color: #999;
        line-height: 74px;
        img{
          width: 32px;
          height: 32px;
          margin-left: 8px;
          vertical-align: middle;
        }
      }
      .color-F5A319{
        color: #F5A319;
      }
    }
  }


  .emptyWrap {
    background: #f5f5f5;
    margin: 0;
  }
  ::v-deep .emptyText{
    text-align: center;
  }
  .seachObjs {
    background: #fff;
  }
  ::v-deep .content{
    padding: 20px 32px;
  }

  ::v-deep  .u-search{
    margin-bottom: 0;
  }
  
}
</style>
