www-huanghe/modules/resourceLibrary/views/resourceDetails.html

<ion-view style="background-color: #f2f2f2;">
  <div class="bar bar-header">
    <div class="button button-icon icon pus_blue" ng-click="resDetailGoback()"></div>
    <button class="button button-icon icon goback" ng-click="goback()"></button>
    <h3  class="DockingTheme_h3 resource_h3" ng-bind="resource.title"></h3>
    <!--<button class="button ShengButton" ng-click="openShare()"></button>-->
  </div>
  <ion-content class="has-header  push_detail_content"  delegate-handle="calenderContent" style="background-color: #fff;">
      <p class="resoureDetailTitle" ng-bind="resource.title"></p>
      <h6 class="resoureDetailSubTitle" ng-if="resource.categoryname!=undefined&&resource.categoryname!=''">
        <span>行业：</span>
        <span ng-bind="resource.categoryname"></span>
      </h6>
      <h6 class="resourceBuilder">
        <span class="resourceBuilder-span-img" ng-if="resource.creatorUser.photo!=undefined&&resource.creator!=0"><img src="{{imgUrl+resource.creatorUser.photo}}" onerror="javascript:this.src='./img/admin_picter.jpg'"></span>
        <span class="resourceBuilder-span-img" ng-if="resource.creator==0"><img src="./img/icon.png" onerror="javascript:this.src='./img/admin_picter.jpg'"></span>
        <span class="resourceBuilder-span-theme">{{resource.creator!=0?resource.creatorUser.userName:'普适科技'}}<br><a href="#" ng-bind="resource.publishTime"></a></span>
        <span class="resourceBuilder-span-t" ng-click="focusUser()" ng-if="resource.Focus&&resource.creator!=undefined&&resource.creator!=0">已关注</span>
        <span class="resourceBuilder-span-t" ng-click="focusUser()" ng-if="!resource.Focus&&resource.creator!=undefined&&resource.creator!=0">+关注</span>
      </h6>
      <!--企业-->
      <div class="addEnterP" ng-if="type=='6'">
        <img width="auto" height="55px" style="margin:20px auto;display: block;" ng-if="resource.logo!=undefined&&resource.logo!=''" ng-src="{{imgUrl+resource.logo}}" onerror="javascript:this.src='./img/admin_picter.jpg'">
        <h4 class="erterTitle" ng-bind="resource.contentorgname"></h4>
        <ul class="enterArea_ul">
          <li ng-if="resource.enterprisetypename!=undefined&&resource.enterprisetypename!=''"><span>类型：</span>{{resource.enterprisetypename}}<b>|</b></li>
          <li ng-if="resource.enterprisescalename!=undefined&&resource.enterprisescalename!=''"><span>规模：</span>{{resource.enterprisescalename}}<b>|</b></li>
          <li ng-if="resource.star_type_name!=undefined&&resource.star_type_name!=''"><span>高企认定：</span>{{resource.star_type_name}}</li>
        </ul>
        <div class="enterArea" ng-if="resource.domain!=undefined&&resource.domain!=''"><span>领域：</span><p>{{resource.domain}}</p></div>
      </div>
      <!--高校-->
      <div class="addEnterP" ng-if="type=='7'">
        <img  class="resourceDetailImg" ng-if="resource.logo!=undefined&&resource.logo!=''" ng-src="{{imgUrl+resource.logo}}" onerror="javascript:this.src='./img/admin_picter.jpg'">
        <h4 class="erterTitle" ng-bind="resource.contentorgname"></h4>
        <ul class="enterArea_ul">
          <li ng-if="resource.region!=undefined&&resource.region!=''"><span>地区：</span>{{resource.region}}<b>|</b></li>
          <li ng-if="resource.starTypeValue!=undefined&&resource.starTypeValue!=''"><span>学校类别：</span>{{resource.starTypeValue}}<b></b></li>
        </ul>
      </div>
      <!--人才-->
      <div class="addEnterP" ng-if="type=='8'">
        <img  class="resourceDetailImg" ng-if="resource.logo!=undefined&&resource.logo!=''" ng-src="{{imgUrl+resource.logo}}" onerror="javascript:this.src='./img/admin_picter.jpg'">
        <h4 class="erterTitle" ng-bind="resource.contentexpertname"></h4>
        <ul class="enterArea_ul">
          <li ng-if="resource.sex!=undefined&&resource.sex!=0"><span>性别：</span>{{sex[resource.sex]}}<b>|</b></li>
          <li ng-if="resource.birthday!=undefined&&resource.birthday!=''"><span>年龄：</span>{{resource.birthday}}<b>|</b></li>
          <li ng-if="resource.academicdegreename!=undefined&&resource.academicdegreename!=''"><span>学位：</span>{{resource.academicdegreename}}</li>
        </ul>
        <div>
        <ul class="enterArea_ul" style="overflow: visible;">
          <li ng-if="resource.rank!=undefined&&resource.rank!=0"><span>职称：</span>{{resource.rank}}<b>|</b></li>
          <li ng-if="resource.domain!=undefined&&resource.domain!=''" style="position: relative;height: auto;">
            <span style="position: absolute;left: 0;top:0;width: 42px;">领域：</span>
            <p class="resourceArea_p">{{resource.domain}}</p>
          </li>
        </ul>
        </div>
      </div>

      <ion-scroll scroll="true" has-bouncing="true" direction="x" scrollbar-x="false" delegate-handle="scrollimage" class="photo_div" ng-show="imagelist.length>0;" style="overflow-x:hidden;overflow-y:hidden;">
        <a class="photo_img" ng-repeat="image in imagelist track by $index">
          <img ng-src="{{imgUrl+image.photo_name}}" width="100%" height="85" ng-click="shouBigImage($index)">
          <span class="photo_delect delect_cammer" ng-click="deletePhoto($index)"></span>
        </a>
      </ion-scroll>
      <!--成果、需求-->
      <div class="resource_result_div">
        <h6 ng-if="(type=='1'||type=='2')&&resource.domain!=undefined&&resource.domain!=''"><span>领域&nbsp;:&nbsp;</span><b href="#" ng-bind="resource.domain"></b></h6>
        <h6 ng-if="type=='2'&&resource.proficiency!=undefined&&resource.proficiency!=0"><span>成熟度&nbsp;:&nbsp;</span><b ng-bind="chooesMaturity[resource.proficiency]"></b></h6>
        <h6 ng-if="type=='1'&&resource.capitalScale!=undefined"><span>投入预算&nbsp;:&nbsp;</span><b ng-bind="resource.capitalScale==-1?'面议':resource.capitalScale+'万元'"></b></h6>
        <h6 ng-if="(type=='1'||type=='2')&&resource.cooperationmodelname!=undefined&&resource.cooperationmodelname!=''"><span>合作模式&nbsp;:&nbsp;</span><b ng-bind="resource.cooperationmodelname"></b></h6>
        <h6 ng-if="type=='2'&&resource.isipr!=undefined&&resource.isipr!=-1"><span>知识产权&nbsp;:&nbsp;</span><b ng-bind="chooesRight[resource.isipr]"></b></h6>
      </div>
      <p class="detail_content" ng-bind-html="contenthtml">
      </p>
      <div class="detail_connectMessage">
        <h6 ng-if="type=='8'&&resource.schName!=undefined&&resource.schName!=''"><i class="ascription"></i><span ng-bind="resource.schName"></span></h6>
        <h6 ng-if="(type=='1'||type=='2')&&resource.orgName!=undefined&&resource.orgName!=''"><i class="ascription"></i><span ng-bind="resource.orgName"></span></h6>
        <h6 ng-if="type=='2'&&resource.contactor!=undefined&&resource.contactor!=''" ng-click="goRelResource(resource)">
          <i class="connectP"></i><span ng-bind="resource.contactor" ng-class="{'relative_color':resource.resourceid!=undefined}"></span>
        </h6>
        <h6 ng-if="(type=='1'||type=='6')&&resource.contactor!=undefined&&resource.contactor!=''"><i class="connectP"></i><span ng-bind="resource.contactor"></span></h6>
        <h6 ng-if="type!='7'&&resource.tel!=undefined&&resource.tel!=''" ng-click="openTel(resource.tel)"><i class="phoneT"></i><span ng-bind="resource.tel" style="color: #3385ff;"></span></h6>
        <h6 ng-if="type!='7'&&resource.email!=undefined&&resource.email!=''"><i class="mailM"></i><span ng-bind="resource.email"></span></h6>
        <h6 ng-if="(type=='7'||type=='6')&&resource.address!=undefined&&resource.address!=''"><i class="address"></i><span ng-bind="resource.address"></span></h6>
        <h6 ng-if="type=='7'&&resource.url!=undefined&&resource.url!=''"><i class="website"></i><span ng-bind="resource.url"></span></h6>
      </div>
      <!--点赞区域-->
      <p class="detail_connectLikes" ng-if="!resource.Like&&resource.favourcount!=undefined" ng-click="dianZan()"><span><i></i>{{resource.favourcount}}</span></p>
      <p class="detail_connectLikes resource_zan" ng-if="resource.Like&&resource.favourcount!=undefined" ng-click="dianZan()"><span><i></i>{{resource.favourcount}}</span></p>
      <!--相关资源-->
      <h6 style="position: relative;" ng-if="resource.ifhasmatch==1&&(relativerecord!=undefined||relativelist.length>0)">
        <span class="resource_relative">相关资源:</span>
        <span class="resource_relative_right" ng-click="getRelativeResource()"><i class="synUpload_blue"></i>换一换</span>
      </h6>
     <a class="item item-thumbnail-right item-text-wrap push_home_a resourceContent" style="min-height: 110px;width: 95%;" ng-if="resource.ifhasmatch==1" ng-repeat="relative in relativelist track by $index">
        <img ng-src="{{imgUrl+relative.logo}}" onerror="javascript:this.src='./img/admin_picter.jpg';" style="width: 74px;;height:65px;position: absolute;top: 15px;left:12px;">
        <div class="resourceList" ng-click="goRelativeResource(relative)">
          <h3 class="pus_h1 resourceH3  new_push_h1" style="height: 39px;line-height: 30px;" ng-bind="relative.title"></h3>
          <span class="ownerResource">发布者：<small ng-bind="relative.creatorname"></small></span>
          <p class="lab_sub" style="width: 100%;float:left;top:0px;">
            <span class="lab_one"><i></i><small ng-bind="relative.commcount"></small></span>
            <span class="lab_two"><i></i><small ng-bind="relative.visitcount"></small></span>
            <span class="lab_three"><span class="favourate"><i></i><small ng-bind="relative.favourcount"></small></span></span>
            <span class="lab_five" ng-bind="relative.publishTime"></span>
          </p>
        </div>
       <button class="resource_detail_button" ng-click="goResourceMatch(relative)" ng-if="relative.type == '1'">匹配更多需求>></button>
       <button class="resource_detail_button" ng-click="goResourceMatch(relative)" ng-if="relative.type == '2'">匹配更多成果>></button>
       <button class="resource_detail_button" ng-click="goResourceMatch(relative)" ng-if="relative.type == '6'">匹配更多企业>></button>
       <button class="resource_detail_button" ng-click="goResourceMatch(relative)" ng-if="relative.type == '8'">匹配更多人才>></button>
     </a>
     <a class="item item-thumbnail-right item-text-wrap push_home_a resourceContent" style="min-height: 110px;" ng-if="resource.ifhasmatch==1&&relativerecord!=undefined">
      <img ng-src="{{imgUrl+relativerecord.logo}}" onerror="javascript:this.src='./img/admin_picter.jpg';" style="width: 74px;;height:65px;position: absolute;top: 15px;left:12px;">
      <div class="resourceList" ng-click="goRelativeResource(relativerecord)">
        <h3 class="pus_h1 resourceH3  new_push_h1" style="height: 39px;line-height: 30px;" ng-bind="relativerecord.title"></h3>
        <span class="ownerResource">发布者：<small ng-bind="relativerecord.creatorname"></small></span>
        <p class="lab_sub" style="width: 100%;float:left;top:0px;">
          <span class="lab_one"><i></i><small ng-bind="relativerecord.commcount"></small></span>
          <span class="lab_two"><i></i><small ng-bind="relativerecord.visitcount"></small></span>
          <span class="lab_three"><span class="favourate"><i></i><small ng-bind="relativerecord.favourcount"></small></span></span>
          <span class="lab_five" ng-bind="relativerecord.conntime"></span>
        </p>
      </div>
      <button class="resource_detail_button" ng-click="goResourceMatch(relativerecord)">匹配更多记录>></button>
    </a>

    <!--热门评论-->
    <span id="all_discuss" style="background-color: #fff;top: 15px;width: 92%;margin: 0 auto;" ng-if="commentlist.length>0">
       <p style="font-size:14px;margin: 15px 0 15px;font-weight: 500;" ng-if="commentlist.length>0">热门评论</p>
       <a  style="width: 100%;height:auto;display: block;overflow: hidden;" ng-repeat="comment in commentlist track by $index">
          <img ng-src="{{imgUrl+comment.photo}}" onerror="javascript:this.src='./img/admin_picter.jpg';" style="border-radius: 50%;width:35px;height: 35px;float: left;position: relative;" ng-click="go('publisher',{Id:comment.userId})"/>
          <p class="content-node">{{comment.userName}}
            <span class="content-zan du_discuss" ng-if="!comment.Like" ng-click="content_zan(comment,$index);"  style=" float: right;color:#979fac;width:auto;height: 25px;line-height:25px;text-indent: 28px;font-size: 14px;text-align:center;background-position:0 47%;display: inline-block;">
              <b style="top:0px;left: -5px;">{{comment.favourcount}}</b>
              <span style=" width: 49px;position:absolute; right:34px;  top:2px; color:transparent; text-align: left; height: 20px;line-height: 20px;">+1</span>
            </span>
            <span class="content-zan du_discuss w_zan" ng-if="comment.Like" ng-click="content_zan(comment,$index);" style=" float: right;color:#979fac;width:auto;height: 25px;line-height:25px;text-indent: 28px;font-size: 14px;text-align:center;background-position:0 47%;display: inline-block;">
              <b style="top:0px;left: -5px;">{{comment.favourcount}}</b>
              <span style=" width: 49px;position:absolute; right:34px;  top:2px; color:transparent; text-align: left; height: 20px;line-height: 20px;">+1</span>
            </span>
          </p>
          <p class="content-node"  style="margin: 12px 0;" ng-if="comment.commenttag!=undefined">
             <span class="discussCard {{comment.commenttag.color+'_bg'}}" ng-bind="comment.commenttag.name">合同签订</span>
          </p>
         <p class="comment-content" style="padding-left: 35px;width: 94%;text-align: justify;" ng-click="goCommentDetail(comment)" ng-bind="comment.content"></p>
          <ion-scroll scroll="true" has-bouncing="true" direction="x" scrollbar-x="false" delegate-handle="scrollimage" class="photo_div" ng-show="comment.pic.length>0" style="overflow-x:hidden;overflow-y:hidden;width: 88%;">
            <span class="photo_img" ng-repeat="image in comment.pic track by $index">
               <img src="{{imgUrl+image.photo_name}}" style="width:100%;height:85px;" class="back-img" ng-click="shouBigImage(comment.pic,$index)"/>
            </span>
          </ion-scroll>
         <span class="review_data" ng-click="goCommentDetail(comment)">{{comment.createTime}}<span>{{comment.replyNumber==0?'':comment.replyNumber+'条'}}回复&gt;</span></span>
         <span ng-click="delectToolDis(comment.id)" class="delectToolDis" ng-if="comment.userId == userid">删除</span>
       </a>
      <div ng-if="MoreComment" 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%;" ng-click="goCommentList()">继续查看更多评论></span>
      </div>
    </span>
    <!--暂无评论-->
    <div style="width: 100%;height:120px;position: relative;top:8px;" ng-if="commentlist.length==0;" ng-click="hadSoft()">
      <i id="empty_discuss"></i>
      <p class="empty_p">暂无评论，点击抢沙发</p>
    </div>


    <!--没有权限去申请-->
    <div ng-if="false" class="null_zan  null_authority">
      <span>没有权限</span>
      <a class="null_zan_a"  ui-sref="resourceApply">去申请</a>
    </div>
    <br>
    <br>
    <br>
  </ion-content>
  <!--底部标签区域-->
  <div class="comment_bottom" ng-if="showComment">
    <label class="item-input-wrapper">
      <input type="text" placeholder="写评论..." class="write_p" id="write_see" ng-focus="focus_write()">
    </label>
    <div>
      <button class="pus_button" ng-click="goCommentList()">
        <span class="pin_lun">
           <!--<span  ng-if="commentlist.length>0" ng-class="{'red-number':commentlist.length>0}" >{{commentlist.length}}</span>-->
        </span>
      </button>
      <span id="five_xin" ng-class="{'five_xin':resource.Enshrine}" ng-click="collectResource()"></span>
      <span id="z_fa" ng-click="openShare()"></span>
    </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()"></textarea>
    <div id="commentform">
      <button class="comment_phone" ng-click="releaseComment()"></button>
      <button class="comment_submit" ng-style="commentNotnull" ng-click="publishComment();" ng-disabled="comment.content==undefined||comment.content.length==0;">发表</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="image in commentpiclist track by $index" style="background-color:#000;">
        <span><em></em>/</span>
        <div class="viewOldImg">
           <span ng-if="!image.loadsource" ng-click="viewOldImg($index);">
              查看原图
             <em ng-bind="'('+image.source_size+')'"></em>
           </span>
          <span ng-if="image.loadsource">
             已完成
           </span>
        </div>
        <div class="loadImg" ng-click="loadImg(image);"></div>
        <div class="pinch-zoom" style="width: 100%;height:100%;">
          <img class="img-responsive  bigimage" src="{{imgUrl+image.photo_name}}" ng-click="hideBigImage()"/>
        </div>
      </ion-slide>
    </ion-slide-box>
  </div>
  <!--分享区域-->
  <div  class="detail_ionicpop" ng-if="shareflg">
    <div class="closeShare" ng-click="closeShare()"></div>
    <div class="ionicPop_div">
      <ion-scroll direction="x" scrollbar-x="false" class="p_Chanel">
        <span class="share_path">分享到:</span>
        <!--<a ng-click="openCollectShare()"><i class="share_source"></i><span>我的资源库</span></a>-->
        <a ng-click="shareMessage(3)"><i class="share_first"></i><span>微信朋友圈</span></a>
        <a ng-click="shareMessage(2)"><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="closeShare()">取消</div>
    </div>
  </div>
</ion-view>