www-huanghe/modules/Selfcheck/views/Selfcheckdetail.html

<ion-view view-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="goback()"></button>
    <h1 class="bar_title" style="color: #fff">{{detaildata.inspectionPropertyModel[0].items[0].fieldValue}}</h1>
    <div class="buttons" ng-click="exportReport()" style="padding-top: 10px">
      <img src="img/export.png" style="height: 20px;width: auto">
      <span style="padding:0 10px;color:#fff;font-size: 16px">导出</span>
    </div>
  </div>
  <ion-content class="has-header" has-bouncing="false" scroll="true" delegate-handle="privateContent" style="max-width:20.5rem;margin: 0 auto;background: #f3f3f3">
    <div class="list">
      <div class="list-left">
        <h3>{{detaildata.inspectionPropertyModel[0].items[0].fieldValue}}</h3>
        <span>{{detaildata.inspectMsgModel.createtime}}</span>
      </div>
      <div class="list-right">
<!--        <h4>{{detaildata.inspectMsgModel.title}}</h4>-->
      </div>
    </div>
    <div class="Results">
      <h3>{{detaildata.inspectMsgModel.title}}</h3>
      <div ng-repeat="item in detaildata.inspectMsgModel.items">
        {{item}}
      </div>
    </div>
    <div class="boxmes">
      <div ng-repeat="item in detaildata.inspectionPropertyModel" class="message">
        <h3>{{item.title}}</h3>
        <div style="height: 1px;width: 100%;background: silver"></div>
        <div ng-repeat="item in item.items" class="messageitems" ng-if="item.fieldValue">
          <div>{{item.fieldMeaning}}</div>
          <div>{{item.fieldValue}}</div>
        </div>
      </div>
    </div>
    <div style="width: 100%;height: 30px">
    </div>
  </ion-content>
</ion-view>
<style>
  .list{
    margin: 10px;
    border-radius: 10px;
    background: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .list-left,.list-right{
    padding: 10px;
  }
  .list-left span{
    color: silver;
  }
  .Results{
    margin: 10px;
    border-radius: 10px;
    background: #FFFFFF;
    text-align: center;
    padding: 10px;
  }
  .boxmes{
    margin: 10px;
    border-radius: 10px;
    background: #FFFFFF;
  }
  .message{
    display: flex;
    flex-wrap: wrap;
  }
  .message h3{
    width: 100%;
    margin: 10px;
  }
  .message .messageitems{
    width: 50%;
    padding: 10px;
  }
  .message  .messageitems div:nth-child(1){
    color: silver;
    margin: 10px 0;
  }
</style>