<view>
  <view class="header margin-bottom">
    <view class="header-top flex-box-v flex-center-center border-bottom">
      <img-box name="{{dataDetail.name}}" height="90rpx" width="90rpx" fSize="28rpx"></img-box>
      <view class="name">吴俊逸</view>
      <view class="num red">+10 <text>A分</text></view>
    </view>
    <view class="header-main">
      <view class="flex-box flex-v-ce">
        <view class="laber">申请类型</view>
        <view class="flex-1">积分申请</view>
      </view>
      <view class="flex-box flex-v-ce">
        <view class="laber">申请人</view>
        <view class="flex-1">积分申请</view>
      </view>
      <view class="flex-box flex-v-ce">
        <view class="laber">事件时间</view>
        <view class="flex-1">积分申请</view>
      </view>
      <view class="flex-box flex-v-ce">
        <view class="laber">提交时间</view>
        <view class="flex-1">积分申请</view>
      </view>
      <view class="flex-box flex-v-ce">
        <view class="laber">规则类型</view>
        <view class="flex-1">积分申请</view>
      </view>
      <view class="flex-box flex-v-ce">
        <view class="laber">积分细则</view>
        <view class="flex-1">积分申请</view>
      </view>
      <view class="flex-box flex-v-ce">
        <view class="laber">申请积分</view>
        <view class="flex-1">积分申请</view>
      </view>
      <view class="flex-box flex-v-ce">
        <view class="laber">备注</view>
        <view class="flex-1">积分申请</view>
      </view>
    </view>
  </view>
  <view class="main">
    <view class="mian-title border-bottom">规则依据
      <text>t请问情况我觉得你去看</text></view>
    <view class="header-main">
      <view class="flex-box flex-v-ce">
        <view class="laber">规则分类</view>
        <view class="flex-1">积分申请</view>
      </view>
      <view class="flex-box flex-v-ce">
        <view class="laber">积分规则</view>
        <view class="flex-1">积分申请</view>
      </view>
      <view class="flex-box flex-v-ce">
        <view class="laber">规则积分</view>
        <view class="flex-1">积分申请</view>
      </view>
    </view>
    <view class="mian-title border-bottom">审批
      <text>t请问情况我觉得你去看</text></view>
    <view class="main-bottom">
      <view class="flex-box" style="position: relative;">
        <view class="imgBox"></view>
        <img-box name="测试赛" height="60rpx" width="60rpx"></img-box>
        <view class="main-bottom-right">
          <view class="flex-box flex-v-ce names">
            <view class="flex-1">
              <text>小吴</text>
              <text class="state">发起</text>
            </view>
            <view>+10</view>
          </view>
          <view class="date">2020-04-27 17:23:58</view>
          <view class="context">失去未来看见你撒开的机器能看见那是肯定叫你去看我加你的</view>
        </view>
      </view>
      <view class="flex-box" style="position: relative;">
        <view class="imgBox"></view>
        <img-box name="测试赛" height="60rpx" width="60rpx"></img-box>
        <view class="main-bottom-right">
          <view class="flex-box flex-v-ce names">
            <view class="flex-1">
              <text>小吴</text>
              <text class="state">发起</text>
            </view>
            <view>+10</view>
          </view>
          <view class="date">2020-04-27 17:23:58</view>
          <view class="context">失去未来看见你撒开的机器能看见那是肯定叫你去看我加你的</view>
        </view>
      </view>
    </view>
  </view>

  <!-- <view class="bottom flex-box">
    <view class="flex-1">驳回</view>
    <view class="flex-3">通过</view>
  </view> -->
</view>