TripLog/templates/nodes/_expenses.php

<?php
/**
 * 节点花销面板
 * 依赖外部变量：$node、$expenses、$expenseSummary、$familyUsers、
 *              $categories、$currencies（code=>中文名）、$expenseSymbols（code=>符号）、$currentUserId
 */
$expenses       = $expenses ?? [];
$familyUsers    = $familyUsers ?? [];
$categories     = $categories ?? [];
$currencies     = $currencies ?? [];
$expenseSymbols = $expenseSymbols ?? [];
$expenseSummary = $expenseSummary ?? ['budget' => 0.0, 'actual' => 0.0, 'count' => 0, 'diff' => 0.0];

$budget = (float)$expenseSummary['budget'];
$actual = (float)$expenseSummary['actual'];
$diff   = (float)$expenseSummary['diff'];

$money = static function (float $v): string {
    return number_format($v, 2);
};
?>
<section class="panel" id="expenses">
    <h2 class="section-title">💰 花销 (<?= (int)$expenseSummary['count'] ?>)</h2>

    <div class="expense-summary">
        <div class="expense-stat">
            <span class="muted">预算</span>
            <strong>¥<?= $money($budget) ?></strong>
        </div>
        <div class="expense-stat">
            <span class="muted">实际</span>
            <strong>¥<?= $money($actual) ?></strong>
        </div>
        <div class="expense-stat">
            <span class="muted"><?= $diff > 0 ? '超出预算' : '比预算省' ?></span>
            <strong class="<?= $diff > 0 ? 'money-over' : 'money-under' ?>">¥<?= $money(abs($diff)) ?></strong>
        </div>
    </div>

    <?php if (empty($expenses)): ?>
        <p class="muted">还没有记账</p>
    <?php else: ?>
        <div class="expense-list">
            <?php foreach ($expenses as $ex):
                $sym = $expenseSymbols[$ex['currency']] ?? '';
                $splits = [];
                foreach (($ex['splits'] ?? []) as $sp) {
                    $sname = (string)($sp['user_name'] ?? '');
                    if ($sname === '') $sname = '已注销';
                    $splits[] = $sname . ' ' . $sym . $money((float)$sp['share_amount']);
                }
            ?>
                <div class="expense-row">
                    <div class="expense-main">
                        <span class="expense-cat"><?= e($ex['category']) ?></span>
                        <?php if ((int)$ex['is_budget'] === 1): ?>
                            <span class="expense-kind expense-kind-budget">预算</span>
                        <?php else: ?>
                            <span class="expense-kind expense-kind-actual">实际</span>
                        <?php endif; ?>
                        <span class="expense-desc"><?= e($ex['description'] ?: $ex['category']) ?></span>
                        <span class="expense-amount"><?= e($sym) ?><?= $money((float)$ex['total_amount']) ?></span>
                    </div>
                    <div class="expense-sub">
                        付款：<?= e($ex['payer_name'] ?: '未知') ?>
                        <?php if (!empty($splits)): ?>
                            · 分摊：<?= e(implode(' / ', $splits)) ?>
                        <?php endif; ?>
                        <form method="post" action="<?= url('expenses/destroy') ?>" style="display:inline"
                              onsubmit="return confirm('删除这笔花销？');">
                            <input type="hidden" name="_csrf" value="<?= e(csrf_token()) ?>">
                            <input type="hidden" name="id" value="<?= (int)$ex['id'] ?>">
                            <button type="submit" class="comment-del">删除</button>
                        </form>
                    </div>
                </div>
            <?php endforeach; ?>
        </div>
    <?php endif; ?>

    <details class="inline-panel">
        <summary>＋ 记一笔花销</summary>
        <form method="post" action="<?= url('expenses/store') ?>" class="form form-plain">
            <input type="hidden" name="_csrf" value="<?= e(csrf_token()) ?>">
            <input type="hidden" name="node_id" value="<?= (int)$node['id'] ?>">

            <div class="form-row two-col">
                <div>
                    <label>金额 *</label>
                    <input type="text" name="total_amount" required placeholder="例如：268.50">
                </div>
                <div>
                    <label>币种</label>
                    <select name="currency">
                        <?php foreach ($currencies as $code => $label): ?>
                            <option value="<?= e($code) ?>"><?= e($label) ?></option>
                        <?php endforeach; ?>
                    </select>
                </div>
            </div>

            <div class="form-row two-col">
                <div>
                    <label>类别</label>
                    <select name="category">
                        <?php foreach ($categories as $cat): ?>
                            <option value="<?= e($cat) ?>"><?= e($cat) ?></option>
                        <?php endforeach; ?>
                    </select>
                </div>
                <div>
                    <label>付款人 *</label>
                    <select name="payer_user_id" required>
                        <?php foreach ($familyUsers as $u): ?>
                            <option value="<?= (int)$u['id'] ?>"
                                <?= (int)$u['id'] === (int)$currentUserId ? ' selected' : '' ?>>
                                <?= e($u['name']) ?>
                            </option>
                        <?php endforeach; ?>
                    </select>
                </div>
            </div>

            <div class="form-row">
                <label>说明</label>
                <input type="text" name="description" maxlength="200" placeholder="例如：三人门票">
            </div>

            <div class="form-row">
                <label>性质</label>
                <div class="radio-group">
                    <label class="radio-label">
                        <input type="radio" name="is_budget" value="0" checked> 实际花费
                    </label>
                    <label class="radio-label">
                        <input type="radio" name="is_budget" value="1"> 预算
                    </label>
                </div>
            </div>

            <div class="form-row">
                <label>分摊人（默认全家平摊，可只勾选部分人）</label>
                <div class="check-grid">
                    <?php foreach ($familyUsers as $u): ?>
                        <label class="checkbox-label">
                            <input type="checkbox" name="split_user_ids[]"
                                   value="<?= (int)$u['id'] ?>" checked>
                            <span><?= e($u['name']) ?></span>
                        </label>
                    <?php endforeach; ?>
                </div>
            </div>

            <div class="form-actions">
                <button type="submit" class="btn-primary">保存</button>
            </div>
        </form>
    </details>
</section>