dd_xcx/pages/statistics/prizeBuckleDetail/prizeBuckleDetail.axml

<view>
  <view class="header margin-bottom">
    <view class="header-top flex-box-v flex-center-center border-bottom">
      <img-box a:if="{{dataDetail.employee_name}}" name="{{dataDetail.employee_name}}" imgUrl="{{dataDetail.img_url}}" height="90rpx" width="90rpx" fSize="24rpx"></img-box>
      <view class="name">{{dataDetail.employee_name}}</view>
      <view class="num red" a:if="{{dataDetail.point>0}}">+{{dataDetail.point}}
        <text>{{dataDetail.typeName}}</text></view>
      <view class="num green" a:else>{{dataDetail.point}}
        <text>{{dataDetail.typeName}}</text></view>
    </view>
    <view class="header-main">
      <view class="flex-box" a:if="{{dataDetail.remark!=null}}">
        <view class="laber">事件内容</view>
        <view class="flex-1">{{dataDetail.remark.customize || dataDetail.remark.rule}}</view>
      </view>
      <view class="flex-box flex-v-ce" a:if="{{dataDetail.rule_list}}">
        <view class="laber">事件分类</view>
        <view class="flex-1">{{dataDetail.rule_list }}</view>
      </view>
      <view class="flex-box flex-v-ce" a:if="{{dataDetail.source_type_mark}}">
        <view class="laber">来源类型</view>
        <view class="flex-1">{{dataDetail.source_type_mark }}</view>
      </view>
      <view class="flex-box flex-v-ce" a:if="{{dataDetail.date}}">
        <view class="laber">时间</view>
        <view class="flex-1">{{dataDetail.date }}</view>
      </view>
      <view class="flex-box" a:if="{{dataDetail.files.length>0}}">
        <view class="laber">图片</view>
        <view class="flex-1 flex-box flex-d-wrap">
          <block a:for="{{dataDetail.files}}" a:for-item="imgs"  a:for-index="idx">
            <image class="imgs" catchTap="showImg" mode="scaleToFill" src="{{imgs}}" data-index="{{idx}}" data-item="{{dataDetail.files}}"/>
          </block>
        </view>
      </view>
      <view class="flex-box flex-v-ce" a:if="{{dataDetail.recorder_name}}">
        <view class="laber">记录人</view>
        <view class="flex-1">{{dataDetail.recorder_name}}</view>
      </view>
    </view>
  </view>
  <view class="main margin-bottom">
    <view class="mian-title border-bottom" a:if="{{dataDetail.rule_item_id}}">规则依据
      <text>此事件打分参考以下积分规则</text>
    </view>
    <view class="header-main" a:if="{{dataDetail.rule_item_id}}">
      <view class="flex-box flex-v-ce" a:if="{{dataDetail.rule_list}}">
        <view class="laber">规则分类</view>
        <view class="flex-1">{{dataDetail.rule_list }}</view>
      </view>
      <view class="flex-box" a:if="{{dataDetail.remark&&dataDetail.remark.rule}}">
        <view class="laber">积分规则</view>
        <view class="flex-1">{{dataDetail.remark.rule}}</view>
      </view>
      <view class="flex-box flex-v-ce" a:if="{{dataDetail.rule_item}}">
        <view class="laber">规则积分</view>
        <view class="flex-1">
          <text a:if="{{dataDetail.rule_item.range_type == 1}}">{{ dataDetail.rule_item.min_point }}</text>
          <text a:if="{{dataDetail.rule_item.range_type == 2}}">{{ dataDetail.rule_item.min_point }} ~ {{ dataDetail.rule_item.max_point }}</text>
          <text>{{dataDetail.typeName}}</text>
        </view>
      </view>
    </view>
  </view>
      <!-- 调用过程组件 -->
    <view class="">
      <process process="{{dataDetail.process}}" a:if="{{dataDetail.process.length>0}}"/>
    </view>
</view>