www-huanghe/modules/technicalBroker/views/technicalBrokerCompanyInfo.html

<ion-view style="background-color:#fff" title="技术经纪人关于企业信息">
  <div class="bar bar-header" style="background-image: none;background-color: #5BABE6;">
    <div class="button button-icon icon  pus_blue" ng-click="goback()"></div>
    <button class="button button-icon  icon goback whiteGoBack noneContent" ng-click="goback()"></button>
    <h1 class="bar_title" style="color: #fff" ng-bind="companyInfoDetail.companyName"></h1>
    <span ng-if="true" class="DockingTheme_button" ng-click="goEditCompanyInfo(companyInfoDetail.id)" style="background-color: transparent;width: 65px;">编辑</span>
  </div>
  <ion-content style="background-color:#f2f2f2;overflow-x:hidden;overflow-y:visible;" class="has-header" scroll="true">
    <div class="big-wrap">
      <div class="top-box">
        <div class="top-bg-mask">
          <div class="top-content-wrap">
            <div class="clearfix">
            </div>
            <div class="teacher-box">
              <img class="tea-header" ng-src="{{companyInfoDetail.company.logo|imgfilter}}" alt="" class="head-img" onerror="javascript:this.src='./img/admin_picter.jpg';">
              <div class="company-title">
                <span ng-bind="companyInfoDetail.company.companyname"></span>
                <!--<h6><em style="position: relative;"><i class="ion-location"></i>{{companyInfoDetail.company.district}}</em></h6>-->
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!--信息内容选择-->
    <ion-scroll  direction="x" scrollbar-x="false" id="p_Chanel" style="width: 100%;position: relative;top: 0;">
      <a  class="Chanel_scroll_a" ng-repeat="item in tabs track by $index" ng-click="clickTab($index)">{{item.appModuleName}}</a>
    </ion-scroll>
    <ion-slide-box show-pager="false" style="height: auto;" delegate-handle="slide1" on-slide-changed="slideChanged($index)" on-scroll="getScrollPosition()">
      <!--简要-->
      <ion-slide>
        <!--基本信息-->
        <section class="companySectionFloor">
          <h4 class="titCom"><i></i><span>基本信息</span></h4>
          <ul>
            <li>
              <div><i class="ion-ios-paper-outline"></i><span>产业领域</span></div>
              <em>{{companyInfoDetail.company.categoryname}}</em>
            </li>
            <!--<li>
              <div><i class="ion-ios-body"></i><span>联系人</span></div>
              <em>{{companyInfoDetail.company.contact}}</em>
            </li>
            <li>
              <div><i class="ion-ios-telephone"></i><span>联系方式</span></div>
              <em>{{companyInfoDetail.company.contactnum}}</em>
            </li>-->
            <li>
              <div><i class="ion-ios-settings-strong"></i><span>研发机构等级</span></div>
              <em>{{companyInfoDetail.company.rdinstitutiontypename}}</em>
            </li>
            <li>
              <div><i class="ion-ios-crop-strong"></i><span>是否高企</span></div>
              <em ng-if="companyInfoDetail.company.ishigh==1">
                是
              </em>
              <em ng-if="companyInfoDetail.company.ishigh==0">
                否
              </em>
            </li>
          </ul>
          <!--图片-->
          <ion-scroll scroll="true" has-bouncing="true" direction="x" scrollbar-x="false" delegate-handle="scrollimage" class="photo_div" ng-show="companyInfoDetail.company.piclist.length>0" style="overflow-x:hidden;overflow-y:hidden;">
            <a class="photo_img" ng-repeat="image in companyInfoDetail.company.piclist track by $index">
              <img src="{{image.photo_name | picturefilter}}" style="width:100%;height:85px;" class="back-img" ng-click="shouBigImage($index)"/>
            </a>
          </ion-scroll>
          <br/>
          <br/>
        </section>
        <!--工程中心信息-->
        <section class="companySectionFloor">
          <h4 class="titCom"><i></i><span>工程中心信息</span></h4>
          <!--应该循环ul标签-->
          <ul ng-repeat="u in companyInfoDetail.projectCenterInfoList">
            <li>
              <div><i class="ion-calendar"></i><span>年份</span></div>
              <em>{{u.yearname}}</em>
            </li>
            <li>
              <div><i class="ion-ios-paper"></i><span>年度情况</span></div>
              <em ng-bind="u.yvalue1"></em>
            </li>
          </ul>
        </section>
        <!--研发投入信息-->
        <section class="companySectionFloor">
          <h4 class="titCom"><i></i><span>研发投入信息</span></h4>
          <!--应该循环ul标签-->
          <ul ng-repeat="u in companyInfoDetail.researchInfoList">
            <li>
              <div><i class="ion-calendar"></i><span>年份</span></div>
              <em>{{u.yearname}}</em>
            </li>
            <li>
              <div><i class="ion-social-yen-outline"></i><span>金额(万元)</span></div>
              <em>{{u.yvalue1}}</em>
            </li>
          </ul>
        </section>
        <!--实际收入/预计投入情况-->
        <section class="companySectionFloor">
          <h4 class="titCom"><i></i><span>实际收入/预计投入情况</span></h4>
          <!--应该循环ul标签-->
          <ul ng-repeat="u in companyInfoDetail.realInfoList">
            <li>
              <div><i class="ion-calendar"></i><span>年份</span></div>
              <em>{{u.yearname}}</em>
            </li>
            <li>
              <div><i class="ion-social-yen-outline"></i><span>销售收入(万元)</span></div>
              <em>{{u.yvalue1}}</em>
            </li>
            <li>
              <div><i class="ion-card"></i><span>净利润(万元)</span></div>
              <em>{{u.yvalue2}}</em>
            </li>
            <li>
              <div><i class="ion-ios-pricetags"></i><span>上缴税收(万元)</span></div>
              <em>{{u.yvalue3}}</em>
            </li>
          </ul>
        </section>
      </ion-slide>
      <!--产品-->
      <ion-slide>
        <!--一般产品信息-->
        <section class="companySectionFloor">
          <h4 class="titCom"><i></i><span>产品信息</span></h4>
          <ul ng-repeat="u in companyInfoDetail.companyProductlist">
            <li>
              <div><i class="ion-ios-flag"></i><span>产品名称</span></div>
              <em>{{u.productname}}</em>
            </li>
            <li>
              <div><i class="ion-ios-list"></i><span>产品描述</span></div>
              <em>{{u.productdescription}}</em>
            </li>
            <!--<li>
              <div><i class="ion-ios-reverse-camera"></i><span>产品图片</span></div>
              <em>
                <ion-scroll scroll="true" has-bouncing="true" direction="x" scrollbar-x="false" delegate-handle="scrollimage" class="photo_div" ng-show="companyInfoDetail.pics.length>0" style="overflow-x:hidden;overflow-y:hidden;width: 88%;">
                    <span  class="photo_img" ng-repeat="image in companyInfoDetail.pics track by $index">
                       <img src="{{image.photo_name}}" style="width:100%;height:85px;" class="back-img"  ng-click="shouBigImage(companyInfoDetail.pics,$index)"/>
                    </span>
                </ion-scroll>
              </em>
            </li>-->
          </ul>
        </section>
        <!--高新产品-->
        <section class="companySectionFloor">
          <h4 class="titCom"><i></i><span>高新产品信息</span></h4>
          <ul ng-repeat="u in companyInfoDetail.companyHignendProductlist">
            <li>
              <div><i class="ion-ios-flag"></i><span>产品名称</span></div>
              <em>{{u.productname}}</em>
            </li>
            <li>
              <div><i class="ion-ios-list"></i><span>产品描述</span></div>
              <em>{{u.productdescription}}</em>
            </li>
            <!--<li>
              <div><i class="ion-ios-reverse-camera"></i><span>产品图片</span></div>
              <em>10000</em>
            </li>-->
          </ul>
        </section>
      </ion-slide>
      <ion-slide>
        <!--需求信息-->
        <section class="companySectionFloor">
          <h4 class="titCom"><i></i><span>需求信息</span></h4>
          <ul ng-repeat="u in companyInfoDetail.companyTechrequirementlist">
            <li>
              <div><i class="ion-ios-flag"></i><span>需求名称</span></div>
              <em>{{u.techrequirementname}}</em>
            </li>
            <li>
              <div><i class="ion-grid"></i><span>需求类型</span></div>
              <em>{{u.techtypename}}</em>
            </li>
            <li>
              <div><i class="ion-grid"></i><span>合作模式</span></div>
              <em>{{u.cooperationmodelname}}</em>
            </li>
            <li>
              <div><i class="ion-card"></i><span>预算投入(万元)</span></div>
              <em>{{u.capitalScale}}</em>
            </li>
            <li>
              <div><i class="ion-ios-list"></i><span>需求简介</span></div>
              <em>{{u.techrequirementdetail}}</em>
            </li>
            <!--<li>
              <div><i class="ion-ios-reverse-camera"></i><span>需求图片</span></div>
              <em>需求图片</em>
            </li>-->
          </ul>
        </section>
      </ion-slide>
      <!--项目-->
      <ion-slide>
        <!--重大科研项目-->
        <section class="companySectionFloor">
          <h4 class="titCom"><i></i><span>重大科研项目</span></h4>
          <ul ng-repeat="u in companyInfoDetail.importantProjectList">
            <li>
              <div><i class="ion-calendar"></i><span>年份</span></div>
              <em>{{u.yearname}}</em>
            </li>
            <li>
              <div><i class="ion-ios-flag"></i><span>项目名称</span></div>
              <em>{{u.yvalue1}}</em>
            </li>
            <!--<li>
              <div><i class="ion-ios-reverse-camera"></i><span>项目图片</span></div>
              <em>项目图片</em>
            </li>-->
          </ul>
        </section>
        <!--项目建议-->
        <section class="companySectionFloor">
          <h4 class="titCom"><i></i><span>项目建议</span></h4>
          <ul ng-repeat="u in companyInfoDetail.companyDeclareprojectlist">
            <li>
              <div><i class="ion-ios-flag"></i><span>名称</span></div>
              <em>{{u.projectname}}</em>
            </li>
            <li>
              <div><i class="ion-calendar"></i><span>内容</span></div>
              <em>{{u.projectdescription}}</em>
            </li>
            <li>
              <div><i class="ion-calendar"></i><span>建议</span></div>
              <em>{{u.projectsuggest}}</em>
            </li>
            <!--<li>
              <div><i class="ion-ios-reverse-camera"></i><span>项目图片</span></div>
              <em>{{u.projectsuggest}}</em>
            </li>-->
          </ul>
        </section>
        <!--产学研经验-->
        <section class="companySectionFloor">
          <h4 class="titCom"><i></i><span>产学研经验</span></h4>
          <ul ng-repeat="u in companyInfoDetail.companyIURlist">
            <li>
              <div><i class="ion-university"></i><span>已合作院校</span></div>
              <em>{{u.cooperateschool}}</em>
            </li>
            <li>
              <div><i class="ion-ios-list"></i><span>合作内容</span></div>
              <em>{{u.cooperatedetail}}</em>
            </li>
            <!--<li>
              <div><i class="ion-ios-reverse-camera"></i><span>产学研图片</span></div>
              <em>{{u.projectsuggest}}</em>
            </li>-->
          </ul>
        </section>
      </ion-slide>
      <!--人才-->
      <ion-slide>
        <!--人才信息-->
        <section class="companySectionFloor">
          <h4 class="titCom"><i></i><span>人才信息</span></h4>
          <ul ng-repeat="u in companyInfoDetail.companyHighleveltalentslist">
            <li>
              <div><i class="ion-calendar"></i><span>姓名</span></div>
              <em>{{u.name}}</em>
            </li>
            <li>
              <div><i class="ion-ios-telephone"></i><span>联系方式</span></div>
              <em>{{u.tel}}</em>
            </li>
            <li>
              <div><i class="ion-card"></i><span>职位</span></div>
              <em>{{u.position}}</em>
            </li>
            <li>
              <div><i class="ion-card"></i><span>学位</span></div>
              <em>{{u.academicdegreename}}</em>
            </li>
            <li>
              <div><i class="ion-card"></i><span>负责工作</span></div>
              <em>{{u.responsible}}</em>
            </li>
            <li>
              <div><i class="ion-ios-list"></i><span>人才简介</span></div>
              <em>{{u.about}}</em>
            </li>
            <!--<li>
              <div><i class="ion-ios-reverse-camera"></i><span>人才图片</span></div>
              <em>人才图片</em>
            </li>-->
          </ul>
        </section>
      </ion-slide>
      <ion-slide>
        <!--专利信息-->
        <section class="companySectionFloor">
          <h4 class="titCom"><i></i><span>专利信息</span></h4>
          <ul ng-repeat="u in companyInfoDetail.intellectualpropertylist">
            <li>
              <div><i class="ion-ios-flag"></i><span>名称</span></div>
              <em>{{u.intellectualpropertyname}}</em>
            </li>
            <li>
              <div><i class="ion-ios-people"></i><span>主要完成人</span></div>
              <em>{{u.applyperson}}</em>
            </li>
            <li>
              <div><i class="ion-calculator"></i><span>申请号/专利号</span></div>
              <em>{{u.licensenumber}}</em>
            </li>
            <!--<li>
              <div><i class="ion-ios-calendar"></i><span>授权日期</span></div>
              <em>{{u.projectsuggest}}</em>
            </li>-->
            <!--<li>
              <div><i class="ion-ios-reverse-camera"></i><span>专利图片</span></div>
              <em>专利图片</em>
            </li>-->
          </ul>
        </section>
      </ion-slide>
    </ion-slide-box>
  </ion-content>
  <!--图片放大区域-->
  <div id="rightDisplay" ng-if="bigImage" class="popover-backdrop" >
    <ion-slide-box auto-play="false" does-continue="false" show-pager="true"  on-slide-changed="slideHasChanged($index)"  delegate-handle="slide_detail">
      <ion-slide  ng-repeat="image in commentpiclist  track by $index" style="background-color:#000;">
        <span class="picIndex" ng-if="picturelisttt.length>1;"><em>{{nowIndex}}</em>/{{totalIndex}}</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>
</ion-view>