www-huanghe/modules/account/views/statisticalcenter.html

<ion-view view-title="数据看板">
  <div class="bar bar-header" style="background-image: none;background-color: #3B8BD0;">
    <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">科技工具
      <select ng-model="$parent.selectMode" ng-if="node==320117400&&!isapp" ng-options="x.id as x.mode for x in modes"
        ng-change="changeMode(selectMode)" style="color:#fcb638;background-color:#3B8BD0;border: none">
      </select>
    </h1>
  </div>
  <ion-scroll direction="x" scrollbar-x="false" class="visitModule_header" ng-show="!Carouselif">
    <span ng-repeat="data in datalist" ng-if="data.indexname!='人才'"
      ng-class="{'arrange_borderBottom' :data.isSelected,'col-demo':true,'main-select':true}"
      ng-click="changeIndex(data)" ng-bind="data.indexname"></span>
  </ion-scroll>
  <div ng-if="!isapp" style="width: 20.5rem;margin: 0 auto">
    <div style="width: 20.5rem;z-index: 1000;position: relative" ng-if="Carouselif" ng-click="clickCarousel()">
      <img src="img/beijing.png" width="100%" />
      <span style="position: absolute;
         left: 50%;top: 50%;
         transform: translate(-50%,-50%);
         font-family: cursive;
         font-size: 50px;letter-spacing: 10px;
         color: #ffffff;flex-wrap: wrap;
         display: flex;align-items: stretch;
         line-height: 60px;text-align: center">{{greetname.name}}</span>
    </div>
    <!--    <div style="height: 3328px;min-height: 342px;width: 14%!important;" ng-show="!Carouselif">-->
    <!--      <div style="left: 69.5px;height: 342px !important;">-->
    <!--        <div  style="vertical-align: middle;background: #ffffff;border:  1px solid rgba(34,36,38,.15);">-->
    <!--          <a  ng-repeat="data1 in datalist" style="padding: .92857143em 1.14285714em;display: block;font-weight: bold;-->
    <!--          border: 1px solid rgba(34,36,38,.15);" ng-click="changeIndex(data1,true)"-->
    <!--              ng-class="{'ststisticsLeft' :data1.isSelected,'normalwebfont':!data1.isSelected}">-->
    <!--            {{data1.indexname}}-->
    <!--          </a>-->
    <!--        </div>-->
    <!--      </div>-->
    <!--    </div>-->

    <ion-content class="has-header" scroll="true" delegate-handle="privateContent"
      style="max-width:20.5rem;top: 90px;margin: auto" ng-show="!Carouselif">
      <div ng-if="fatherindexname == '用户'" style="width: 100%">
        <div style="width: 100%">
          <h4 style="font-weight: bold">总用户</h4>
          <h4 style="text-align: center;
              border-radius: 50%;width: 100px;height: 100px;
              border: 3px rgb(1, 191, 236) solid;
              font-size: 22px;
              margin: auto;line-height: 100px;
              color: rgb(1, 191, 236)">{{Totalusers}}人</h4>
        </div>
        <div style="position: relative">
          <div style="position: absolute;right: 30px;z-index: 1000">
            <select ng-model="selectyear" ng-options="x as x for x in year" ng-change="emitContract(selectyear)"
              style="width: 90px;font-size: 18px;border-radius: 5px;">
              <!--              <option  ng-repeat="(index,year) in year" value="{{year}}" ng-bind="year" ng-selected="index==1"></option>-->
            </select>
          </div>
          <div id="lineuser1" style="width: 100%;height:500px;"></div>
        </div>
        <div>
          <div id="lineuser2" style="width: 100%;height:500px;"></div>
        </div>
      </div>
      <div ng-if="fatherindexname != '科技成果转化'&&fatherindexname != '用户'">
        <div style="width:100%;">
          <div style="text-align: center;padding-top: 20px" ng-if="fatherindexname == '知识产权'">
            <label style="position: absolute;top:20px;"><img style="height: 60px;"
                src="img/IntellectualProperty.png"></label>
            <label style="margin-left: 70px;font-size: 18px;color: #6E6E6E;font-weight: bold">拥有知识产权的企业</label>
            <label ng-click="handlefirmedit()" style="float: right" ng-if="data.isShowEdit"><img src="img/bianji.png"
                width="15"></label>
            <span
              style="display: block;font-size: 12px;color: red;font-weight: normal;margin-left: 80px">{{intellectureTotaltime}}</span>
            <br><label style="font-size: 26px;color: #E18F38;font-weight: bold">{{intellectureTotalNum}}</label>
            <label style="font-size: 16px;color: #6E6E6E;font-weight: normal">家</label>
          </div>
          <!--<div style="text-align: center;color: #7583FD" ng-repeat="data in othersDataList"-->
          <!--ng-if="fatherindexname == '其他'">-->
          <!--<div>-->
          <!--{{data.num}} 个 {{data.type}}-->
          <!--</div>-->
          <!--</div>-->
          <div id="main11" style="width: 95%;height:500px;text-align: center;margin: 0 auto;padding-top: 20px">
          </div>
        </div>
        <div style="width:100%;">
          <div id="main12" style="width: 95%;height:500px;text-align: center;margin: 0 auto;padding-top: 20px">
          </div>
        </div>
        <div style="height:400px;width:100%;float: left;">
          <div ng-if="fatherindexname == '人才'" style="text-align: center;width: 95%;margin: 0 auto;padding-top: 20px;">
            <div style="color: #000;font-weight: bold;font-size: 18px;text-align: left">
              <span>{{talentAcademicText}}</span>
              <span ng-click="handleedit()" style="float: right" ng-if="data.isShowEdit"><img src="img/bianji.png"
                  width="15"></span>
              <span style="display: block;font-size: 12px;color: red;font-weight: normal">{{talentAcademictime}}</span>
            </div>
            <table style="text-align: center;border: 0.5px solid black;width: 100%;margin-top: 10px;">
              <tr style="text-align: center;border: 0.5px solid black">
                <th rowspan="2" style="text-align: center;border: 0.5px solid black">序号</th>
                <th rowspan="2" style="text-align: center;border: 0.5px solid black">产业分类</th>
                <th rowspan="2" style="text-align: center;border: 0.5px solid black">总人数</th>
                <th colspan="4" style="text-align: center;border: 0.5px solid black">性别</th>
                <th colspan="6" style="text-align: center;border: 0.5px solid black">学历</th>
                <th colspan="4" style="text-align: center;border: 0.5px solid black">职称</th>
              </tr>
              <tr style="text-align: center;border: 0.5px solid black">
                <td style="text-align: center;border: 0.5px solid black">男</td>
                <td style="text-align: center;border: 0.5px solid black">占比</td>
                <td style="text-align: center;border: 0.5px solid black">女</td>
                <td style="text-align: center;border: 0.5px solid black">占比</td>
                <td style="text-align: center;border: 0.5px solid black">博士</td>
                <td style="text-align: center;border: 0.5px solid black">占比</td>
                <td style="text-align: center;border: 0.5px solid black">硕士</td>
                <td style="text-align: center;border: 0.5px solid black">占比</td>
                <td style="text-align: center;border: 0.5px solid black">本科</td>
                <td style="text-align: center;border: 0.5px solid black">占比</td>
                <td style="text-align: center;border: 0.5px solid black">正高级</td>
                <td style="text-align: center;border: 0.5px solid black">占比</td>
                <td style="text-align: center;border: 0.5px solid black">副高级</td>
                <td style="text-align: center;border: 0.5px solid black">占比</td>
              </tr>
              <tr style="text-align: center;border: 0.5px solid black"
                ng-repeat="data in typetalentdatalist track by $index">
                <td style="text-align: center;border: 0.5px solid black">{{$index + 1}}</td>
                <td style="text-align: center;border: 0.5px solid black">{{data.type}}</td>
                <td style="text-align: center;border: 0.5px solid black">{{data.totalNums}}</td>
                <td style="text-align: center;border: 0.5px solid black">{{data.mannum}}</td>
                <td style="text-align: center;border: 0.5px solid black">
                  {{data.mannum/(data.totalNums==0?1:data.totalNums)|
                  percentfilter}}
                </td>
                <td style="text-align: center;border: 0.5px solid black">{{data.womannum}}</td>
                <td style="text-align: center;border: 0.5px solid black">
                  {{data.womannum/(data.totalNums==0?1:data.totalNums)|
                  percentfilter}}
                </td>
                <td style="text-align: center;border: 0.5px solid black">{{data.doctornum}}</td>
                <td style="text-align: center;border: 0.5px solid black">
                  {{data.doctornum/(data.totalNums==0?1:data.totalNums)|
                  percentfilter}}
                </td>
                <td style="text-align: center;border: 0.5px solid black">{{data.masternum}}</td>
                <td style="text-align: center;border: 0.5px solid black">
                  {{data.masternum/(data.totalNums==0?1:data.totalNums)|
                  percentfilter}}
                </td>
                <td style="text-align: center;border: 0.5px solid black">{{data.degreenum}}</td>
                <td style="text-align: center;border: 0.5px solid black">
                  {{data.degreenum/(data.totalNums==0?1:data.totalNums)|
                  percentfilter}}
                </td>
                <td style="text-align: center;border: 0.5px solid black">{{data.highnum}}</td>
                <td style="text-align: center;border: 0.5px solid black">
                  {{data.highnum/(data.totalNums==0?1:data.totalNums)|
                  percentfilter}}
                </td>
                <td style="text-align: center;border: 0.5px solid black">{{data.vicenum}}</td>
                <td style="text-align: center;border: 0.5px solid black">
                  {{data.vicenum/(data.totalNums==0?1:data.totalNums)|
                  percentfilter}}
                </td>
              </tr>
              <tr style="text-align: center;border: 0.5px solid black">
                <td style="text-align: center;border: 0.5px solid black"></td>
                <td style="text-align: center;border: 0.5px solid black">合计</td>
                <td style="text-align: center;border: 0.5px solid black">{{total}}</td>
                <td style="text-align: center;border: 0.5px solid black">{{num1}}</td>
                <td style="text-align: center;border: 0.5px solid black">{{rate1}}</td>
                <td style="text-align: center;border: 0.5px solid black">{{num2}}</td>
                <td style="text-align: center;border: 0.5px solid black">{{rate2}}</td>
                <td style="text-align: center;border: 0.5px solid black">{{num3}}</td>
                <td style="text-align: center;border: 0.5px solid black">{{rate3}}</td>
                <td style="text-align: center;border: 0.5px solid black">{{num4}}</td>
                <td style="text-align: center;border: 0.5px solid black">{{rate4}}</td>
                <td style="text-align: center;border: 0.5px solid black">{{num5}}</td>
                <td style="text-align: center;border: 0.5px solid black">{{rate5}}</td>
                <td style="text-align: center;border: 0.5px solid black">{{num6}}</td>
                <td style="text-align: center;border: 0.5px solid black">{{rate6}}</td>
                <td style="text-align: center;border: 0.5px solid black">{{num7}}</td>
                <td style="text-align: center;border: 0.5px solid black">{{rate7}}</td>
              </tr>
            </table>
          </div>
          <div style="height:400px;width:50%;float: left;left: 20px;top:20px">
            <div id="main14" style="width: 95%;height:400px;text-align: center;margin: 0 auto;left: 20px;top:20px">
            </div>
          </div>
        </div>
      </div>

      <div ng-if="fatherindexname == '科技成果转化'">
        <ul class="i-boxes"
          style="height:170px;width:100%;display: flex; justify-content:space-evenly; align-items: flex-end; padding-top: 20px;padding-bottom:20px">
          <li ng-repeat="data in achieveTransDataList"
            ng-if="data.type =='需求' || data.type =='供给' || data.type =='转化' || data.type =='技术经理人' || data.type =='有需求的企业'"
            style="padding-left: 20px">
            <div style="border: 1px solid #ccc;
                        background-color: #3B8BD0;color: white;
                        height: 120px;width: 131px;
                        text-align: center;
                        padding-top: 20px">
              <span style="font-size: 16px;font-weight: bold;padding-bottom: 20px">{{data.type}}</span><br><br>
              <span style="font-size: 28px;font-weight: bold">{{data.num}}</span>
              <i ng-if="data.type =='有需求的企业'"><br>需求提出率&nbsp;&nbsp;{{demandRate}}%</i>
            </div>
          </li>
        </ul>
        <br>
        <div style="height:300px;width:50%;float: left;top:20px">
          <div id="main21" style="width: 95%;height:300px;text-align: center;margin: 0 auto;"></div>
        </div>
        <div style="height:300px;width:50%;float: left;top:20px">
          <div id="main22" style="width: 95%;height:300px;text-align: center;margin: 0 auto;"></div>
        </div>
        <div style="height:400px;width:95%;float: left;top:20px">
          <div id="main30" style="width: 95%;height:400px;text-align: center;margin: 0 auto;"></div>
        </div>
        <div style="height:300px;width:50%;float: left;top:20px">
          <div id="main41" style="width: 95%;height:300px;text-align: center;margin: 0 auto;"></div>
        </div>
        <div style="height:300px;width:50%;float: left;top:20px">
          <div id="main42" style="width: 95%;height:300px;text-align: center;margin: 0 auto;"></div>
        </div>
      </div>
    </ion-content>
  </div>

  <div ng-if="isapp">
    <!--    <ion-scroll direction="x" scrollbar-x="false" class="visitModule_header" style="padding: 0 20px">-->
    <!--      <span ng-repeat="data in datalist"-->
    <!--            ng-class="{'arrange_borderBottom' :data.isSelected,'col-demo':true,'main-select':true}"-->
    <!--            ng-click="changeIndex(data)" ng-bind="data.indexname"></span>-->
    <!--    </ion-scroll>-->

    <ion-content style="background-color:#f2f2f2;overflow-x:hidden;overflow-y:visible;top:90px">
      <div style="text-align: center;padding: 20px" ng-if="fatherindexname == '知识产权'">
        <label style="position: absolute;top:20px;"><img style="height: 60px;"
            src="img/IntellectualProperty.png"></label>
        <label style="margin-left: 70px;font-size: 18px;color: #6E6E6E;font-weight: bold">拥有知识产权的企业</label>
        <label ng-click="handlefirmedit()" style="float: right" ng-if="data.isShowEdit"><img src="img/bianji.png"
            width="15"></label>
        <span
          style="display: block;font-size: 12px;color: red;font-weight: normal;margin-left: 80px">{{intellectureTotaltime}}</span>
        <br><label style="font-size: 26px;color: #E18F38;font-weight: bold">{{intellectureTotalNum}}</label>
        <label style="font-size: 16px;color: #6E6E6E;font-weight: normal">家</label>
      </div>
      <br>
      <div ng-if="fatherindexname == '科技成果转化'">
        <ul class="i-boxes"
          style="width:100%;display: flex; align-items: flex-end; padding-top: 20px;padding-bottom:20px">
          <li ng-repeat="data in achieveTransDataList">
            <div style="border: 1px solid #ccc;
                        background-color: #3B8BD0;
                        color: white;height: 120px;
                        width: 131px;
                        text-align: center;
                        padding-top: 20px"
              ng-if="data.type =='需求' || data.type =='供给' || data.type =='转化' || data.type =='技术经理人' || data.type =='有需求的企业'">
              <span style="font-size: 16px;font-weight: bold;padding-bottom: 20px">{{data.type}}</span><br><br>
              <span style="font-size: 28px;font-weight: bold">{{data.num}}</span>
              <i ng-if="data.type =='有需求的企业'"><br>需求提出率&nbsp;&nbsp;{{demandRate}}</i>
            </div>
          </li>
        </ul>
        <br>
        <div style="height:400px;width:100%;float: left;top:20px">
          <div id="main121" style="width: 95%;height:300px;text-align: center;margin: 0 auto;top:20px">
          </div>
        </div>
        <div style="height:400px;width:100%;float: left;top:20px">
          <div id="main122" style="width: 95%;height:400px;text-align: center;margin: 0 auto;top:20px">
          </div>
        </div>
        <div style="height:500px;width:100%;float: left;top:20px">
          <div id="main130" style="width: 95%;height:400px;text-align: center;margin: 0 auto;top:20px">
          </div>
        </div>
        <div style="height:400px;width:100%;float: left;top:20px">
          <div id="main141" style="width: 95%;height:400px;text-align: center;margin: 0 auto;top:20px">
          </div>
        </div>
        <div style="height:300px;width:100%;float: left;top:20px">
          <div id="main142" style="width: 95%;height:300px;text-align: center;margin: 0 auto;top:20px">
          </div>
        </div>
      </div>
      <!--<div style="text-align: center;color: #7583FD" ng-repeat="data in othersDataList" ng-if="fatherindexname == '其他'">-->
      <!--<div>-->
      <!--{{data.num}} 个 {{data.type}}-->
      <!--</div>-->
      <!--</div>-->
      <br>

      <!--柱状图-->
      <div id="main" style="width: 95%;height:400px;text-align: center;margin: 0 auto;top:20px">
      </div>
      <div id="main1" style="width: 95%;height:550px;text-align: center;margin: 0 auto;top:20px">

      </div>
      <div ng-if="fatherindexname == '人才'" style="text-align: center;width: 95%;margin: 0 auto;padding-top: 10px;">
        <div style="color: #000;font-weight: bold;font-size: 18px;text-align: left">
          <span>{{talentAcademicText}}</span>
          <span ng-click="handleedit()" style="float: right" ng-if="data.isShowEdit"><img src="img/bianji.png"
              width="15"></span>
          <span style="display: block;font-size: 12px;color: red;font-weight: normal">{{talentAcademictime}}</span>
        </div>
        <table style="text-align: center;border: 0.5px solid black;width: 100%;margin-top: 10px;">
          <tr style="text-align: center;border: 0.5px solid black">
            <th rowspan="2" style="text-align: center;border: 0.5px solid black">序号</th>
            <th rowspan="2" style="text-align: center;border: 0.5px solid black">产业分类</th>
            <th rowspan="2" style="text-align: center;border: 0.5px solid black">总人数</th>
            <th colspan="4" style="text-align: center;border: 0.5px solid black">性别</th>
            <th colspan="6" style="text-align: center;border: 0.5px solid black">学历</th>
            <th colspan="4" style="text-align: center;border: 0.5px solid black">职称</th>
          </tr>
          <tr style="text-align: center;border: 0.5px solid black">
            <td style="text-align: center;border: 0.5px solid black">男</td>
            <td style="text-align: center;border: 0.5px solid black">占比</td>
            <td style="text-align: center;border: 0.5px solid black">女</td>
            <td style="text-align: center;border: 0.5px solid black">占比</td>
            <td style="text-align: center;border: 0.5px solid black">博士</td>
            <td style="text-align: center;border: 0.5px solid black">占比</td>
            <td style="text-align: center;border: 0.5px solid black">硕士</td>
            <td style="text-align: center;border: 0.5px solid black">占比</td>
            <td style="text-align: center;border: 0.5px solid black">本科</td>
            <td style="text-align: center;border: 0.5px solid black">占比</td>
            <td style="text-align: center;border: 0.5px solid black">正高级</td>
            <td style="text-align: center;border: 0.5px solid black">占比</td>
            <td style="text-align: center;border: 0.5px solid black">副高级</td>
            <td style="text-align: center;border: 0.5px solid black">占比</td>
          </tr>
          <tr style="text-align: center;border: 0.5px solid black"
            ng-repeat="data in typetalentdatalist track by $index">
            <td style="text-align: center;border: 0.5px solid black">{{$index + 1}}</td>
            <td style="text-align: center;border: 0.5px solid black">{{data.type}}</td>
            <td style="text-align: center;border: 0.5px solid black">{{data.totalNums}}</td>
            <td style="text-align: center;border: 0.5px solid black">{{data.mannum}}</td>
            <td style="text-align: center;border: 0.5px solid black">
              {{data.mannum/(data.totalNums==0?1:data.totalNums)|
              percentfilter}}
            </td>
            <td style="text-align: center;border: 0.5px solid black">{{data.womannum}}</td>
            <td style="text-align: center;border: 0.5px solid black">
              {{data.womannum/(data.totalNums==0?1:data.totalNums)|
              percentfilter}}
            </td>
            <td style="text-align: center;border: 0.5px solid black">{{data.doctornum}}</td>
            <td style="text-align: center;border: 0.5px solid black">
              {{data.doctornum/(data.totalNums==0?1:data.totalNums)|
              percentfilter}}
            </td>
            <td style="text-align: center;border: 0.5px solid black">{{data.masternum}}</td>
            <td style="text-align: center;border: 0.5px solid black">
              {{data.masternum/(data.totalNums==0?1:data.totalNums)|
              percentfilter}}
            </td>
            <td style="text-align: center;border: 0.5px solid black">{{data.degreenum}}</td>
            <td style="text-align: center;border: 0.5px solid black">
              {{data.degreenum/(data.totalNums==0?1:data.totalNums)|
              percentfilter}}
            </td>
            <td style="text-align: center;border: 0.5px solid black">{{data.highnum}}</td>
            <td style="text-align: center;border: 0.5px solid black">
              {{data.highnum/(data.totalNums==0?1:data.totalNums)|
              percentfilter}}
            </td>
            <td style="text-align: center;border: 0.5px solid black">{{data.vicenum}}</td>
            <td style="text-align: center;border: 0.5px solid black">
              {{data.vicenum/(data.totalNums==0?1:data.totalNums)|
              percentfilter}}
            </td>
          </tr>
          <tr style="text-align: center;border: 0.5px solid black">
            <td style="text-align: center;border: 0.5px solid black"></td>
            <td style="text-align: center;border: 0.5px solid black">合计</td>
            <td style="text-align: center;border: 0.5px solid black">{{total}}</td>
            <td style="text-align: center;border: 0.5px solid black">{{num1}}</td>
            <td style="text-align: center;border: 0.5px solid black">{{rate1}}</td>
            <td style="text-align: center;border: 0.5px solid black">{{num2}}</td>
            <td style="text-align: center;border: 0.5px solid black">{{rate2}}</td>
            <td style="text-align: center;border: 0.5px solid black">{{num3}}</td>
            <td style="text-align: center;border: 0.5px solid black">{{rate3}}</td>
            <td style="text-align: center;border: 0.5px solid black">{{num4}}</td>
            <td style="text-align: center;border: 0.5px solid black">{{rate4}}</td>
            <td style="text-align: center;border: 0.5px solid black">{{num5}}</td>
            <td style="text-align: center;border: 0.5px solid black">{{rate5}}</td>
            <td style="text-align: center;border: 0.5px solid black">{{num6}}</td>
            <td style="text-align: center;border: 0.5px solid black">{{rate6}}</td>
            <td style="text-align: center;border: 0.5px solid black">{{num7}}</td>
            <td style="text-align: center;border: 0.5px solid black">{{rate7}}</td>
          </tr>
        </table>
      </div>
      <div style="width: 100%;height:50px;text-align: center;margin: 0 auto;"></div>
    </ion-content>
  </div>
  <div ng-if="isWechat" ng-show="showMessage" class="container">
    <div class="message-box">{{messageTitle}}</div>
  </div>
</ion-view>
<style>
  .arrange_borderBottom {
    color: #F9A11E;
    position: relative;
    font-size: 18px;
    font-weight: bold;
  }

  .ststisticsLeft {
    color: #F9A11E;
    position: relative;
    font-size: 18px;
    font-weight: bold;
  }

  .normalwebfont {
    color: #3B8BD0;
    font-size: 18px;
  }

  .visitModule_header {
    width: 100%;
    border: none;
    border-radius: 0;
    height: 35px;
    line-height: 35px;
    font-size: 16px;
    color: #8A8A8A;
    font-weight: bold;
    background: whitesmoke;
    max-width: 20.5rem;
    margin: auto;
    cursor: pointer;
  }
</style>