riku
2026-01-21 a2c5def7cf9562312a54216bc195a6ea071a26c5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
<scroll-view
  bindrefresherrefresh="fetchSelfPatrolTask"
  refresher-enabled
  refresher-triggered="{{refresh}}"
  scroll-y
  style="height: 90vh;"
>
  <view class="side-bar-wrapper">
    <t-side-bar value="{{sideBarIndex}}" bind:change="onSideBarChange">
      <block wx:if="{{categories.length > 0}}">
        <t-side-bar-item
          wx:for="{{categories}}"
          wx:key="index"
          value="{{item.value || index}}"
          label="{{item.label}}"
          disabled="{{item.disabled}}"
          badge-props="{{item.badgeProps}}"
        />
      </block>
      <block wx:else>
        <t-side-bar-item value="{{0}}" label="无任务" disabled="{{false}}" />
      </block>
    </t-side-bar>
    <view
      class="content"
      style="transform: translateY(-{{sideBarIndex * 100 + '%'}})"
    >
      <block wx:if="{{categories.length > 0}}">
        <scroll-view
          wx:for="{{categories}}"
          wx:for-index="index"
          wx:key="index"
          class="section"
          scroll-y
          scroll-with-animation
          show-scrollbar="{{false}}"
        >
          <view class="title">
            <view>任务标签:{{item.task.spTag}}</view>
            <view>发布单位:{{item.task.spPublishUnit}}</view>
            <view>完成期限:{{item.task.deadline}}</view>
          </view>
          <t-grid column="{{3}}" theme="card">
            <t-grid-item
              style="opacity: {{cargo.opacity}};"
              badge-props="{{ cargo.badge }}"
              wx:for="{{item.items}}"
              wx:for-index="index2"
              wx:key="index2"
              wx:for-item="cargo"
              text="{{cargo.ledgerName}}"
              image="{{cargo.iconUrl}}"
              data-index="{{index}},{{index2}}"
              bindtap="gotoLedgerDetail"
            />
          </t-grid>
        </scroll-view>
      </block>
      <block wx:else>
        <view class="section"> 本月暂无应急自巡查任务 </view>
      </block>
    </view>
  </view>
</scroll-view>