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

<ion-view view-title="下杭社区战'疫'服务一点通" style="background-color:#ffffff">
    <div class="bar bar-header" style="background-image: none;background-color:#E70012;">
        <h1 class="bar_title" align="center" style="font-family:Microsoft YaHei;font-weight:bold;font-size:20px">
            <span style="color: #fff">下杭社区战</span>
            <span style="color: #FDF101">"疫"</span>
            <span style="color: #fff">服务统计</span>
        </h1>
    </div>
    <ion-content style="background-color:#FFFFFF;" delegate-handle="calenderContent"" class="has-header">
      <div style="background-color:#E70012;">
        <div align="center"><img src="./img/epidemic.jpg" width=77px height=77px/></div>
        <div style="color:#FDF101;font-family:Microsoft YaHei;font-weight:bold;font-size:18px;padding-right:5%;padding-left:5%;">
          <table width="100%" height="60px">
            <tr>
              <td width="50%" align="left">
                <span>征集总数: {{epidemicList.length}}条</span>
              </td>
              <td width="50%" align="left">
                <span>已解决: {{handled}}条</span>
              </td>
            </tr>
            <tr>
              <td width="50%" align="left">
                <span>解决中: {{handling}}条</span>
              </td>
              <td width="50%" align="left">
                <span>不予解决: {{nohanle}}条</span>
              </td>
            </tr>
          </table>
        </div>
        <div style="color:white;font-family:Microsoft YaHei;font-weight:bold;font-size:18px;padding-right:2%;padding-left:2%;">
          <table width="100%" style="border: 0.5px solid #FDF101">
            <tr>
              <td width="10%" align="center">
                <span>序号</span>
              </td>
              <td width="20%" align="center">
                <span>姓名</span>
              </td>
              <td width="32%" align="center">
                <span>手机号</span>
              </td>
              <td width="20%" align="center">
                <span>状态</span>
              </td>
              <td width="18%" align="center">
                <span>操作</span>
              </td>
            </tr>
          </table>
        </div>
        <div style="color:white;font-family:Microsoft YaHei;font-weight:normal;font-size:18px;padding-right:2%;padding-left:2%;">
          <table width="100%" ng-repeat="epidemic in epidemicList" style="border-collapse:separate; border-spacing:10px;border: 0.5px solid #FDF101">
            <tr ng-click="goEpidemicDetail(epidemic)" >
              <td width="10%" align="center">
                <span>{{$index + 1}}</span>
              </td>
              <td width="20%" align="center">
                <span>{{epidemic.name}}</span>
              </td>
              <td width="32%" align="center">
                <span>{{epidemic.phone}}</span>
              </td>
              <td width="20%" align="center">
                <span>{{!epidemic.status || epidemic.status==0?'解决中':epidemic.status==2?'不予解决':epidemic.status==1?'已解决':''}}</span>
              </td>
              <td width="18%" align="center">
                <div style="font-family:Microsoft YaHei;font-weight:normal;font-size:16px;color: #FDF101;text-align: center">查看</div>
              </td>
            </tr>
          </table>
        </div>
        <br>
        <br>
          <!--<div class="row" ng-repeat="epidemic in epidemicList" style="font-family:Microsoft YaHei;font-weight:normal;font-size:18px;">-->
              <!--<div class="col col-10 align-left">{{$index + 1}}</div>-->
              <!--<div class="col col-10 align-left">{{epidemic.name}}</div>-->
              <!--<div class="col col-20 align-left">{{epidemic.phone}}</div>-->
              <!--<div ng-class="{'col':true,'col-30':true}">{{!epidemic.status || epidemic.status==0?'解决中':epidemic.status==2?'不予解决':epidemic.status==1?'已解决':''}}</div>-->
              <!--<div class="col col-30 align-left" style="color: yellow" ng-click="goEpidemicDetail(epidemic)">查看</div>-->
          <!--</div>-->
      </div>
      </div>
    </ion-content>
</ion-view>