pocket-jiuzhang-miniprogram/miniprogram/pages/index/index.wxml

<!--pages/index/index.wxml-->
<t-message id="t-message" />
<wxs module="times" src="../../utils/time.wxs" />
<wxs module="dict" src="../../utils/dict.wxs" />
<wxs module="utils" src="../../utils/utils.wxs" />
<view class="block">
  <t-navbar title="财务管理" t-class="nav" t-class-title="nav-title" />
</view>
<view class="home-page">
  <t-fab wx:if="{{utils.hasPermission('finance:detail:add', permissions)}}" class="float-button" icon="add" aria-label="增加" bind:click="handleAddAffairs" />
  <statistics-card statistics-data="{{statistics}}" />
  <view class="divider"></view>
  <view wx:if="{{authToken}}" class="finance-list">
    <t-cell-group theme="card">
      <t-swipe-cell wx:for="{{list}}" wx:key="account" data-finance-id="{{item.financeId}}">
        <t-cell bind:tap="handleUpdateFinance" data-finance-id="{{item.financeId}}" title="{{item.event}}" hover>
          <view class="left-icon" slot="left-icon" style="background: {{item.type=='finance_type_income'?'#38a169':item.type=='finance_type_expenditure'?'#dd6b20':'transparent'}};">
            <text>{{item.type=='finance_type_income'?'入':item.type=='finance_type_expenditure'?'出':''}}</text>
          </view>
          <view slot="description">{{times.formatDate(item.date) || "-"}} | {{item.oppositeCompany}}</view>
          <view slot="note" style="color: {{item.type=='finance_type_income'?'#38a169':item.type=='finance_type_expenditure'?'#dd6b20':'transparent'}};">{{item.type=='finance_type_income'?'+':item.type=='finance_type_expenditure'?'-':''}}{{item.amount}}</view>
        </t-cell>
        <view wx:if="{{utils.hasPermission('finance:detail:remove', permissions)}}" slot="right" class="btn-wrapper" data-finance-id="{{item.financeId}}" bind:tap="showDeleteDialog">
          <view class="btn delete-btn">删除</view>
        </view>
      </t-swipe-cell>
    </t-cell-group>
    <load-more status="{{loadStatus}}" />
  </view>
  <view wx:else class="to-login">
    <t-button icon="login" theme="primary" bind:tap="toLogin">前往登录</t-button>
  </view>

  <t-dialog visible="{{showConfirmDelete}}" title="确认删除" confirm-btn="确认" cancel-btn="取消" bind:confirm="handleDeleteFinance" bind:cancel="closeDialog" />
</view>