epmet-resi-rizhao/subpages/group/pages/topic/topicIndex/topicIndex.wxml

<view class="g-pg">
  <view class="m-menus">
    <navigator class="link"
      wx:if="{{info.leaderFlag=='leader'}}"
      url="/subpages/group/pages/group/checkMembers/checkMembers?gid={{ groupId }}&auditSwitch={{info.auditSwitch}}">
      <image mode="aspectFit"
        src="/subpages/group/images/topic/shenhe.png" />
      <view class="dot" wx:if="{{info.totalApplyingMember}}">{{info.totalApplyingMember}}</view>
      <view class="name">入组审核</view>
    </navigator>
    <navigator class="link"
      url="/subpages/group/pages/group/groupMembers/groupMembers?gid={{ groupId }}&role={{info.leaderFlag}}">
      <image mode="aspectFit"
        src="/subpages/group/images/topic/zuyuan.png" />
      <view class="name">组员</view>
    </navigator>
    <navigator class="link"
      url="/subpages/group/pages/poster/index?gid={{ groupId }}">
      <image mode="aspectFit"
        src="/subpages/group/images/topic/haibao.png" />
      <view class="name">小组海报</view>
    </navigator>
    <navigator class="link"
      url="/subpages/group/pages/group/integral/integral?gid={{ groupId }}">
      <image mode="aspectFit"
        src="/subpages/group/images/topic/chengjiu.png" />
      <view class="name">小组成就</view>
    </navigator>
    <navigator class="link"
      url="/subpages/group/pages/group/groupManage/groupManage?gid={{ groupId }}">
      <image mode="aspectFit"
        src="/subpages/group/images/topic/more.png" />
      <view class="name">更多</view>
    </navigator>
  </view>

  <view wx:if="{{ info.groupName!='' }}"
    class="m-go a-fade-in-up">
    <!-- <navigator url="/subpages/group/pages/group/activity/create?gid={{ groupId }}"
      wx:if="{{actBut}}"
      class="btn z-1">发布组织活动</navigator> -->
    <navigator url="/subpages/group/pages/group/notice/create?gid={{ groupId }}"
      wx:if="{{noticeBut}}"
      class="btn z-2">发布通知</navigator>
    <navigator
      url="/pages/group/topic/newTopic/newTopic?gid={{ groupId }}"
      class="btn">我有话说</navigator>
  </view>

  <navigator class="m-tophint a-fade-in-down"
    url="../unreadList/index?gid={{ groupId }}"
    wx:if="{{unReadNews}}">您有未读的活动/通知</navigator>

  <view class="m-list" bind:tap="blurTopic">
   
    <view class="list">
      <view class="item_hint {{unReadNews ? 'z-tall':''}}"
        wx:if="{{ topics.list.length>9 }}">
        <navigator class="link"
          url="../history/index?gid={{ groupId }}">
          更多历史信息
        </navigator>
      </view>

      <view class="item"
        wx:key="id"
        wx:for="{{ topics.list }}">
        <view class="item-bd">
          <view class="user {{ item.releaseUserFlag ? 'z-me' : '' }}">
            <image class="user-avatar" mode="aspectFill"
              src="{{ item.releaseUserHeadPhoto }}" />
            <view class="user-info">
              <view class="user-name">
                <text>{{ item.releaseUserName }}</text>
                <image wx:for="{{item.badgeList}}"
                  src="{{ item }}"
                  mode="aspectFill" />
              </view>
              <view class="user-date">{{ item.releaseTime }}</view>
            </view>
          </view>
          <view class="cnt">
            <view
              wx:if="{{ info.leaderFlag=='leader' && item.contentType=='topic' && !item.shiftIssueFlag }}"
              class="operate {{ item.id==focusedTopicId ? 'z-focused' : '' }}">
              <view class="btn-more"
                data-id="{{ item.id }}"
                catch:tap="focuseTopic">
                <image mode="aspectFit"
                  data-id="{{ item.id }}"
                  src="/assets/images/topic/more.png" />
              </view>
              <view class="btn-list">
                <view class="btn" catch:tap="shieldTopic">屏蔽</view>
                <view class="btn" wx:if="{{ item.status!='closed' }}" catch:tap="closeTopic">关闭</view>
                <view class="btn" wx:if="{{ info.leaderFlag=='leader' && !item.shiftIssueFlag && item.status!='closed' }}" data-topicid="{{item.id}}" catch:tap="translateTopic">转议题</view>
              </view>
            </view>
            <image class="pic" mode="aspectFill"
              wx:if="{{ item.firstPhoto }}"
              src="{{ item.firstPhoto }}" />
            <div class="row">
              <view class="tag" wx:if="{{item.contentType=='topic'}}">话题</view>
              <view class="tag z-1" wx:elif="{{item.contentType=='notice'}}">通知</view>
              <view class="tag z-2" wx:elif="{{item.contentType=='act'}}">活动</view>
              <view class="tag2" wx:if="{{item.isChanged}}">#已变更#</view>
            </div>

            <view
              class="title {{ item.status=='closed' ? 'z-closed' : (item.status=='canceled' ? 'z-cancel' : (item.isExpirat ? 'z-overdue' : '')) }}">
              <view>{{ item.content }}</view>
            </view>
            <view class="else">
              <navigator class="link" wx:if="{{item.contentType=='topic'}}"
                url="/pages/group/topic/topicDetail/topicDetail?tid={{ item.id }}&gid={{ groupId }}">查看详情 ></navigator>
              <navigator class="link" wx:elif="{{item.contentType=='notice'}}"
                data-id="{{item.id}}"
                bind:tap="read"
                url="/subpages/group/pages/group/notice/detail?noticeId={{ item.id }}&groupId={{ groupId }}">查看详情 ></navigator>
              <navigator class="link" wx:elif="{{item.contentType=='act'}}"
                data-id="{{item.id}}"
                bind:tap="read"
                url="/subpages/group/pages/group/activity/detail?groupActId={{ item.id }}&groupId={{ groupId }}">查看详情 ></navigator>
            </view>
          </view>
          <view class="read"
            wx:if="{{item.contentType!='topic'}}">
            <view wx:if="{{item.releaseUserFlag && item.unReadCount==0}}"
              class="z-weak z-me">
              全部已读
            </view>
            <view wx:if="{{item.releaseUserFlag && item.unReadCount!=0}}"
              data-id="{{item.id}}"
              data-type="{{item.contentType}}"
              bind:tap="handleTapUnreadHint"
              class="z-me">
              {{item.unReadCount + '人未读'}}
            </view>
            <view wx:if="{{!item.releaseUserFlag && item.readOrUnRead=='read'}}"
              class="z-weak z-me">
              已读
            </view>
            <view wx:if="{{!item.releaseUserFlag && item.readOrUnRead!='read'}}"
              class="z-me">
              未读
            </view>
          </view>
        </view>
      </view>

      <loading showed="{{topics.loading}}"></loading>

      <view class="m-nothing" hidden="{{topics.loading || topics.list.length>0}}">
        <image mode="aspectFill" class="arrow" src="/assets/images/group/nodata.png" />
        <text>本小组还没有发表话题，请发表一个吧</text>
      </view>

      <view class="item_hint" wx:if="{{ info.groupName!='' && info.leaderFlag!='leader' && topics.list.length==0 }}"><text>欢迎您进入 {{ info.groupName }} 小组。</text></view>
      <view id="item_bottom" class="item_bottom">底部占位符</view>
    </view>
  </view>

  <view class="u-bottom-placeholder"></view>

  <view class="m-fm a-fade-in" hidden="{{ !showedShieldTopicPanel }}">
    <view class="fm a-scale-in">
      <view class="title">屏蔽话题</view>
      <view class="hint"><text>*</text> 屏蔽话题后将无法查看此话题，可在群管理界面恢复已屏蔽话题。</view>
      <view class="input">
        <textarea type="text"
          focus="{{ fmIsFocused }}"
          value="{{ fmData.operateReason }}"
          placeholder="请描述您屏蔽的理由（必填）"
          placeholder-class="z-placeholder"
          data-fm="fmData"
          data-name="operateReason"
          confirm-type="send"
          bindinput="inputSync"
          cursor-spacing="14"
          disable-default-padding="{{true}}"
          fixed="{{true}}"
          maxlength="300">
        </textarea>
      </view>
      <view class="operate">
        <view class="btn btn-off" bind:tap="cancelShieldTopic">取消</view>
        <view class="btn" bind:tap="confirmShieldTopic">确认</view>
      </view>
    </view>
  </view>

  <view class="m-fm a-fade-in" hidden="{{ !showedCloseTopicPanel }}">
    <view class="fm a-scale-in" style="height:650rpx">
      <view class="title">关闭话题</view>
      <view class="hint"><text>*</text> 关闭话题后，此话题将不能进行评论或回复。</view>
      <view class="radio-group">
        <radio-group bindchange="closeRadioChange">
          <radio class="radio-item" color="#e60000" value="resolved" checked="{{resolved}}">已解决</radio>
          <radio class="radio-item" color="#e60000" value="unresolved" checked="{{!resolved}}">无需解决</radio>
        </radio-group>
      </view>
      <view class="input">
        <textarea type="text"
          focus="{{ fmIsFocused }}"
          value="{{ closeFmData.operateReason }}"
          placeholder="请描述您关闭的理由（必填）"
          placeholder-class="z-placeholder"
          data-fm="closeFmData"
          data-name="operateReason"
          confirm-type="send"
          bindinput="inputSync"
          cursor-spacing="14"
          disable-default-padding="{{true}}"
          fixed="{{true}}"
          maxlength="300">
        </textarea>
      </view>
      <view class="operate">
        <view class="btn btn-off" bind:tap="cancelCloseTopic">取消</view>
        <view class="btn" bind:tap="confirmCloseTopic">确认</view>
      </view>
    </view>
  </view>
</view>

<view-unread id="viewUnread"></view-unread>