<!--index.wxml-->
<view class="sg-container" style="overflow: hidden;">
  <view class="flexdstyle">
    <view class="sg-top-box sg-index-bg">
      <view class="sg-top-item sg-font-xs" bindtap="navigate" data-url="/pages/create-project/index" wx:if="{{topRole && topRole.rights && topRole.rights.newProject}}">
        <van-icon name="edit" class="sg-icon" />
        <view class="sg-top-name">新建项目</view>
      </view>
      <view class="sg-top-item sg-font-xs" bindtap="navigate" data-url="/pages/create-project-role/index" wx:if="{{topRole && topRole.rights && topRole.rights.memberAdd}}">
        <van-icon name="user-o" class="sg-icon" />
        <view class="sg-top-name">成员添加</view>
      </view>
      <view class="sg-top-item sg-font-xs" bindtap="navigate" data-url="/pages/draft/index">
        <van-icon name="description" class="sg-icon" />
        <view class="sg-top-name">草稿箱</view>
      </view>
      <view class="sg-top-item sg-font-xs sg-right-border" bindtap="navigate" data-url="/pages/notification/index">
        <van-icon name="bell" class="sg-icon" wx:if="{{notReadCount > 0}}" info="{{notReadCount}}" />
        <van-icon name="bell" class="sg-icon" wx:else />
        <view class="sg-top-name">消息提示</view>
      </view>
      <view class="sg-top-item sg-font-xs">
        <image class="sg-avatar" src="{{ userInfo.avatar }}" mode="widthFix"></image>
      </view>
    </view>
    <view class="sg-search-box sg-shadow">
      <van-icon name="search" class="sg-index-color sg-search-icon" />
      <input class="sg-search-input" placeholder="搜索相关项目" bindblur="search" bindinput="updateInput"
        data-name="keyword"></input>
    </view>
  </view>
  <view class="sg-box sg-pad" style="margin-top:280rpx">
    <view class="sg-header">所有项目</view>
    <view class="sg-list">
      <view class="sg-item sg-index-card sg-shadow sg-pad sg-margin-top-sm" wx:for="{{list}}" wx:key="index"
        data-id="{{item.id}}" bindtap="navigate" data-url="/pages/project/index?id={{item.id}}">
        <image class="sg-img" mode="widthFix" src="https://t18.9026.com/mini/test.png"></image>
        <view class="sg-right">
          <view class="sg-top">
            <view class="sg-name sg-bold">{{ item.name }}</view>
            <view class="sg-date sg-gray-color sg-font-small">{{ item.date }}</view>
          </view>
          <view class="sg-bottom sg-font-xs sg-margin-top-sm">
            <view class="sg-desc">项目经理：{{ item.manager ? item.manager.name : '无' }}</view>
            <view class="sg-desc">电话：{{ item.manager ? item.manager.phone : '无' }}</view>
          </view>
        </view>
      </view>
    </view>
  </view>
</view>