qingcheng-xiaochengxu/pages/projectModule/settlement/settlement.wxml

<view class="flex-col page">
  <view class="flex-col justify-start items-start text-wrapper"><text class="text">项目：{{ pname }}</text></view>
  <view class="flex-col mt-11">
    <view class="flex-col list-item mt-20" wx:for="{{ projectSettlementList }}" wx:for-item="item" wx:for-index="index" wx:key="index">
      <view class="flex-row items-center group">
        <view class="flex-row items-center flex-1">
          <image
            class="shrink-0 image"
            src="{{ picurl }}"
          />
          <text class="font text_2 ml-14">{{ item.projectDetailName}}</text>
        </view>
        <text class="font text_3 ml-21">业务员：{{ item.salespersonName }}</text>
      </view>
      <view class="flex-col section">
        <view class="flex-row justify-between">
          <text class="font_2">结算标准</text>
          <text class="font_2 text_4">结算数量</text>
          <text class="font_2 text_5">结算收益</text>
        </view>
        <view class="flex-col justify-start group_2 mt-10">
          <view class="flex-row justify-center items-center relative section_2">
            <text class="font_3 text_6 pos">{{ item.projectDetailName }}</text>
            <text class="font_4">{{ item.settlementQuantity }}</text>
            <text class="font_5 pos_2">￥{{ item.settlementRevenue }}</text>
          </view>
        </view>
      </view>
      <view class="flex-row group_1">
        <view class="group_3">
          <text class="font_6 text_7">作业时间：</text>
          <text class="font_5">{{ item.workTime || '暂无' }}</text>
        </view>
        <view class="group_4 ml-47">
          <text class="font_6">结算时间：</text>
          <text class="font_5">{{ item.settlementTime || '暂无' }}</text>
        </view>
      </view>
    </view>
  </view>
</view>