www-huanghe/modules/activities/views/activityDetail.html

<ion-view style="background-color:#fff" title="活动详情">
  <div class="bar bar-header bar-header-blue">
    <div class="button button-icon icon  pus_blue"></div>
    <button class="button button-icon  icon goback whiteGoBack noneContent" ng-click="gobackToHoll()"></button>
    <h1 class="bar_title" style="color: #fff">活动详情</h1>
    <div>
      <!--收藏-->
      <!--<i class="iconfont-like-tags top-other-icon" ng-show="!hasCollect" ng-click="collectResource(2619,allData.activityRecord.linktype,allData.activityRecord.otherid)"></i>-->
      <!--<i class="iconfont-like-tags top-other-icon task-detail-red" ng-show="hasCollect" ng-click="collectResource(2620,allData.activityRecord.linktype,allData.activityRecord.otherid)"></i>-->
      <!-- <i class="iconfont-share top-other-icon" ng-click="openShare()"></i> -->
    </div>
  </div>

  <ion-content class="has-header" scroll="true" delegate-handle="privateContent"
    style="line-height:1.3;background-color: #f2f2f2;">
    <ion-refresher pulling-text="" on-refresh="refreshData()" class="home_refresh  tabs_refresh" refreshing-text=""
      pulling-icon-color="#3385ff" refreshing-icon="ion-checkmark-circled"></ion-refresher>
    <!--基本信息-->
    <div class="activity-title">
      <img ng-src="{{poster | imgfilter}}" alt="" onerror="javascript:this.src='./img/2018/activity-3.jpg';">
      <span ng-bind="detail.name"></span>
    </div>
    <div class="activity-time-box">
      <div class="activity-time">
        <div>主办单位：{{detail.orgname}}</div>
        <div>活动时间：{{organizeTime}}</div>
        <div>报名截止时间：{{detail.dealtime}}</div>
        <div>活动限制人数：{{detail.minpeople==0?'不限':detail.minpeople}}</div>
        <div>活动地点：{{address}}</div>
      </div>
      <!-- <div class="activity-favor">
        <i class="iconfont-dianzan task-detail-gray" ng-show="!hasFavour"
          ng-click="collectResource(2615,allData.activityRecord.linktype,allData.activityRecord.otherid)"></i>
        <i class="iconfont-dianzan task-detail-red" ng-show="hasFavour"
          ng-click="collectResource(2616,allData.activityRecord.linktype,allData.activityRecord.otherid)"></i>
        <p ng-bind="allData.favourcount"></p>
      </div> -->
    </div>
    <ul class="data-box">
      <li ng-repeat="item in dataItem" ng-class="{'has-link':item.hasList}" ng-click="openList(item.hasList,item)">
        <span ng-bind="item.name"></span>
        <span ng-bind="item.value"></span>
      </li>
      <!--<li>-->
      <!--<span>活动人数</span>-->
      <!--<span ng-bind="dataItem.participants"></span>-->
      <!--</li>-->
      <!--<li>-->
      <!--<span>成果数量</span>-->
      <!--<span ng-bind="dataItem.products"></span>-->
      <!--</li>-->
      <!--<li>-->
      <!--<span>需求数量</span>-->
      <!--<span ng-bind="dataItem.demands"></span>-->
      <!--</li>-->
      <!--<li>-->
      <!--<span>高校数量</span>-->
      <!--<span ng-bind="dataItem.schoollist"></span>-->
      <!--</li>-->
      <!--<li>-->
      <!--<span>企业数量</span>-->
      <!--<span ng-bind="dataItem.enterprise"></span>-->
      <!--</li>-->
    </ul>


    <div class="activity-content">
      <div class="activity-detail-title">发布者</div>
      <div style="font-size:0.30rem;cursor:pointer;" ng-click="goPublisher(allData.userModel.userid)">
        <img style="width: 50px; height: 50px; border-radius: 50%;vertical-align: middle;"
          ng-src="{{allData.userModel.photo|imgfilter}}" onerror="javascript:this.src='./img/admin_picter.jpg';">
        <span style="display: inline-block;margin:5px 20px;">{{allData.userModel.username}}</span>
        <span>电话：{{allData.userModel.mobile}}</span>
      </div>
    </div>

    <div class="activity-content">
      <div class="activity-detail-title">活动简介</div>
      <div ng-bind-html="detail.content"></div>
      <ion-scroll scroll="true" has-bouncing="true" direction="x" scrollbar-x="false" delegate-handle="scrollimage"
        class="photo_div" ng-show="accessory.length>0;" style="overflow-x:hidden;overflow-y:hidden;">
        <a class="photo_img" ng-repeat="image in accessory track by $index">
          <img ng-src="{{image.photoName|imgfilter}}" style="width:100%;height:85px;" class="back-img"
            ng-click="shouBigImage($index,'accessory')"
            onerror="javascript:this.src='./img/empty_resourcelibrarylist.png';" />
        </a>
      </ion-scroll>
    </div>

    <!--图文直播，大家说-->
    <!--    <div class="section-box">
      <ul class="section-box-titles">
        <li ng-repeat="list in sectionBoxTitle" ng-bind="list.name" ng-click="changeSectionPart($index)"
          ng-class="{'selected-section':list.selected}"></li>
      </ul>
    </div>
    <div class="list image-text-section" ng-show="selectSetion==0">
      <div class="item item-thumbnail-left" href="" ng-repeat="item in imageTextList"
        ng-click="checkBroadcastDetail($index)">
        <img ng-src="{{item.image|picturefilter}}" onerror="javascript:this.src='./img/admin_picter.jpg';">
        <h2 ng-bind="item.title" style="max-width: 85%;min-height:25px"></h2>
        <p class="two-line-wrap" ng-bind="item.content" style="max-width: 85%;"></p>
        <span ng-click="$event.stopPropagation();deleteBroadcast(item.id)" ng-show="item.ishasset"
          class="delete-activity-broadcast">删 除</span>
        <div class="image-text-section-publisher"
          ng-click="$event.stopPropagation();goPublisher(item.userModel.userid)">
          <img ng-src="{{item.userModel.photo|picturefilter}}" onerror="javascript:this.src='./img/admin_picter.jpg';">
          <span ng-bind="item.userModel.username"></span>
        </div>
      </div>
      <div ng-show="imageTextList.length==0" style="text-align: center;color:#7D808F;margin:20px 0;">暂时没有图文信息，快去现场录入吧!
      </div>
    </div>
    <ion-infinite-scroll immediate-check="false" ng-if="hasMore" on-infinite="getBroadcastList()" distance="1%">
    </ion-infinite-scroll>
    <div class="image-text-section resource-detail-box" ng-show="selectSetion==1">
      <!~~评价部分~~>
      <div class="all_commentFloor">
        <p class="all_commentFloorTit" ng-if="comments.length>0"><em>{{comments.length}}</em>评论</p>
        <div id="all_discuss">
          <div ng-repeat="comment in comments| limitTo:3" class="commentFloorWrap">
            <img ng-src="{{comment.creatorModel.photo | imgfilter}}"
              onerror="javascript:this.src='./img/admin_picter.jpg';"
              style="border-radius: 50%;width:35px;height: 35px;float: left;position: relative;"
              ng-click="goPublisher(comment.creatorModel.userid)">
            <p class="content-node">
              <i ng-click="goPublisher(comment.creatorModel.userid)">{{comment.creatorModel.username}}</i>
              <span ng-show="!comment.favour" ng-class="{'content-zan  du_discuss':true,'animateFavour':comment.favour}"
                ng-click="praiseAction(2615, comment.id, 30002, $index)">
                <b>{{comment.favourcount}}</b>
              </span>
              <!~~ 取消点赞 ~~>
              <span ng-show="comment.favour"
                ng-class="{'content-zan  du_discuss':true,'w_zan':comment.favour,'animateFavour':!comment.favour}"
                ng-click="praiseAction(2616, comment.id, 30002, $index)">
                <b>{{comment.favourcount}}</b>
              </span>
            </p>
            <p class="comment-content" ng-click="goComment(comment)">{{comment.content}}</p>
            <span class="review_data" ng-click="goComment(comment)">{{comment.createtime |
              datesubstring}}<span>{{comment.commcount==0?'':comment.commcount+'条'}}回复&gt;</span></span>
          </div>
          <div ng-if="comments.length>3"
            style="width: 100%;height:30px;line-height: 30px;position: relative;text-align: center;font-size: 12px;margin-bottom: 25px;">
            <span style="color:#2095ee; height: 100%;float: left;width: 110px;position:absolute;left: 35%;"
              ui-sref="comment({mode:2, infoid:resourceDetail.id, infotype:resourceDetail.restype})">继续查看更多评论></span>
          </div>
          <div style="width: 100%;height:120px;position: relative;top:8px;"
            ng-if="comments==undefined||comments.length==0;" ng-click="hadSoft()">
            <i id="empty_discuss"></i>
            <p class="empty_p">暂无评论，点击抢沙发</p>
          </div>
        </div>
      </div>
    </div>-->


    <br>
    <br>
    <br>
    <br>
    <!--加载失败-->
    <!--<section class="loadingPageFail" ng-if="isloadingPageFail">
      <div  class="null_internet"  ng-click="repeatLoad()">
        <span class="null_internet_span">网络异常</span>
        <span style="display: block;line-height: 30px;">点击屏幕重新加载</span>
      </div>
    </section>-->


  </ion-content>

  <!--底部标签区域-->
  <!--我要申请-->

  <div ng-show="selectSetion==1" class="comment_bottom fixed-intaskDeitals" ng-if="showComment">
    <label class="item-input-wrapper" ng-if="true">
      <input type="text" placeholder="写评论..." class="write_p" id="write_see" ng-focus="focus_write()">
    </label>
    <div>
      <button class="pus_button" ng-click="goCommentList()" ng-if="true">
        <span class="iconfont-comment-section task-detail-icon">
          <!--<span  ng-if="commentlist.length>0" ng-class="{'red-number':commentlist.length>0}" >{{commentlist.length}}</span>-->
        </span>
      </button>
      <!--<span ng-if="true" id="five_xin" ng-class="{'five_xin':resourceDetail.collect}"-->
      <!--ng-click="praiseAction(resourceDetail.collect?TRACE_TYPE_2620:TRACE_TYPE_2619, resourceDetail.id, TABLE_CODE_30001, 0)"></span>-->
      <!--<span ng-if="false" id="z_fa" ng-click="openShare()"></span>-->
    </div>

  </div>
  <div class="submit-section button-fixed">
    <div>
      <button ng-click="goToActivityAction()" class="submit-button sbg-blue"
        ng-class="{'submit-button2':buttonNum==2,'submit-button3':buttonNum==3,'submit-button4':buttonNum==4,}"
        ng-show="canapply">我要报名</button>
      <button ng-click="cancelApplyAction()" class="submit-button sbg-blue"
        ng-class="{'submit-button2':buttonNum==2,'submit-button3':buttonNum==3,'submit-button4':buttonNum==4,}"
        ng-show="cancelapply">取消报名</button>
      <button ng-click="editActivityAction()" class="submit-button sbg-blue"
        ng-class="{'submit-button2':buttonNum==2,'submit-button3':buttonNum==3,'submit-button4':buttonNum==4,}"
        ng-show="ishasedit">编辑</button>
      <button ng-click="cancelActivity()" class="submit-button sbg-blue"
        ng-class="{'submit-button2':buttonNum==2,'submit-button3':buttonNum==3,'submit-button4':buttonNum==4,}"
        ng-show="isCancel">取消</button>
      <button ng-click="goToParticipantList()" class="submit-button sbg-blue"
        ng-class="{'submit-button2':buttonNum==2,'submit-button3':buttonNum==3,'submit-button4':buttonNum==4,}"
        ng-show="registmanage">报名管理</button>
      <!-- <button ng-click="liveBroadcast()" class="submit-button sbg-blue"ng-class="{'submit-button2':buttonNum==2,'submit-button3':buttonNum==3,'submit-button4':buttonNum==4,}"ng-show="ishasinput">现场录入</button> -->
      <!--<button ng-click="goToActivityAction()" class="submit-button sbg-blue"  ng-class="{'submit-button2':buttonNum==2,'submit-button3':buttonNum==3,'submit-button4':buttonNum==4,}">报名</button>-->
      <!--<button ng-click="editActivityAction()" class="submit-button sbg-blue" ng-class="{'submit-button2':buttonNum==2,'submit-button3':buttonNum==3,'submit-button4':buttonNum==4,}">编辑</button>-->
      <!--<button ng-click="cancelActivity()" class="submit-button sbg-blue" ng-class="{'submit-button2':buttonNum==2,'submit-button3':buttonNum==3,'submit-button4':buttonNum==4,}">取消</button>-->
      <!--<button ng-click="goToParticipantList()" class="submit-button sbg-blue" ng-class="{'submit-button2':buttonNum==2,'submit-button3':buttonNum==3,'submit-button4':buttonNum==4,}">报名管理</button>-->
      <!--<button ng-click="goToActivityAction()" class="submit-button sbg-blue" ng-class="{'submit-button2':buttonNum==2,'submit-button3':buttonNum==3,'submit-button4':buttonNum==4,}">录入</button>-->
    </div>
  </div>

  <!--简单回复区域-->
  <ion-footer-bar ng-if="!showComment" class="comment_div" keyboard-attach style="height: 170px;">
    <textarea autofocus style="top:0;" class="my_comment" name="comment" placeholder="优质评论将会被优先展示" required
      ng-model="comment.content" ng-change="commentValue(comment.content)"></textarea>
    <div id="commentform">
      <!--<button class="comment_phone" ng-click="releaseComment()"></button>-->
      <button class="comment_submit" ng-style="commentNotnull" ng-click="publishComment(1,{});">发表</button>
    </div>
  </ion-footer-bar>
  <div ng-if="!showComment" class="comment_background" ng-click="hiddenComment()"></div>

  <!--图片放大区域-->
  <div id="rightDisplay" ng-show="bigImage" class="popover-backdrop">
    <ion-slide-box auto-play="false" does-continue="false" show-pager="true" delegate-handle="slide_detail">
      <ion-slide ng-repeat="pic in imgUrlList track by $index" style="background-color:rgba(0, 0, 0,0.5);">
        <div class="pinch-zoom" style="width: 100%;height:100%;">
          <img class="img-responsive bigimage" ng-src="{{pic.originalName | picturefilter}}" ng-click="hideBigImage()"
            onerror="javascript:this.src='./img/empty_resourcelibrarylist.png';" />
        </div>
      </ion-slide>
    </ion-slide-box>
    <i class="icon ion-close-round close-big-image-button" ng-click="hideBigImage()"></i>
  </div>

  <!--分享区域-->
  <div class="detail_ionicpop" ng-show="shareflg">
    <div class="closeShare" ng-click="closeShareBox()"></div>
    <div class="ionicPop_div">
      <ion-scroll direction="x" scrollbar-x="false" class="p_Chanel">
        <span class="share_path">分享到:</span>
        <a ng-click="shareMessage(3)"><i class="share_first"></i><span>微信朋友圈</span></a>
        <a ng-click="shareMessage(2)" ng-if="isapp"><i class="share_second"></i><span>微信好友</span></a>
        <!--<a ng-click="shareMessage(0)"><i class="share_third"></i><span>手机QQ</span></a>-->
        <!--<a ng-click="shareMessage(1)"><i class="share_four"></i><span>QQ空间</span></a>-->
      </ion-scroll>
      <div class="cancelPop" ng-click="closeShareBox()">取消</div>
    </div>
  </div>

  <div class="share-box" ng-if="isWechat" ng-show="showShareWechat">
    <div class="share-title">
      <span>分享到微信</span>
      <a ng-click="closeShare()" class="close-share-button">&times;</a>
    </div>
    <div id="qrcode-dialog2" class="qrcode-dialog"></div>
    <div>打开微信“扫一扫”，打开网页后点击屏幕右上角分享按钮</div>
  </div>

  <div ng-if="isWechat" ng-show="showMessage" class="container">
    <div class="message-box">{{messageTitle}}</div>
  </div>

  <div class="modal-box" ng-show="showModal">
    <div class="live-broadcast-modal">
      <i ng-click="showModal=false;">&times;</i>
      <div>
        <p ng-bind="liveBroadcastMessage.title" class="self-define-modal-title"></p>
        <p ng-bind="liveBroadcastMessage.content"></p>
        <!--<div>-->
        <ion-scroll scroll="true" has-bouncing="true" direction="x" scrollbar-x="false" delegate-handle="scrollimage"
          class="photo_div" ng-show="liveBroadcastMessage.images.length>0;"
          style="overflow-x:hidden;overflow-y:hidden;">
          <a class="photo_img" ng-repeat="image in liveBroadcastMessage.images track by $index">
            <img ng-src="{{image.photoName|imgfilter}}" style="width:100%;height:85px;" class="back-img"
              ng-click="shouBigImage($index)" />
          </a>
        </ion-scroll>
        <!--</div>-->
      </div>
    </div>
  </div>

</ion-view>

<style>

</style>