You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
44 lines
2.7 KiB
44 lines
2.7 KiB
<div id="quick-entry-edit-modal-panel" class="w-full max-w-2xl overflow-hidden rounded-[28px] border border-neutral-200 bg-white shadow-2xl dark:border-neutral-700 dark:bg-neutral-900">
|
|
<div class="relative border-b border-neutral-200 bg-linear-to-r from-accent-50 via-white to-white px-6 py-5 dark:border-neutral-800 dark:from-accent-950/30 dark:via-neutral-900 dark:to-neutral-900 sm:px-7">
|
|
<button
|
|
type="button"
|
|
class="absolute right-4 top-4 inline-flex h-10 w-10 items-center justify-center rounded-full border border-white/80 bg-white/90 text-lg text-neutral-500 shadow-sm transition hover:text-neutral-800 dark:border-neutral-700 dark:bg-neutral-900/90 dark:text-neutral-400 dark:hover:text-neutral-100"
|
|
data-quick-entry-modal-close
|
|
aria-label="关闭"
|
|
>
|
|
×
|
|
</button>
|
|
|
|
<div class="pr-12">
|
|
<div class="flex flex-wrap items-center gap-2">
|
|
<h3 class="text-2xl font-semibold tracking-tight text-neutral-900 dark:text-neutral-100">快速录入</h3>
|
|
<span class="rounded-full bg-accent-100 px-3 py-1 text-xs font-medium text-accent-700 dark:bg-accent-900/40 dark:text-accent-300">现金 · 当天</span>
|
|
</div>
|
|
<p class="mt-2 text-sm text-neutral-500 dark:text-neutral-400">只记录当天礼金和补充备注,保存后返回搜索结果。</p>
|
|
</div>
|
|
|
|
<div class="mt-5 rounded-2xl border border-white/80 bg-white/90 p-4 shadow-sm dark:border-neutral-700 dark:bg-neutral-950/70">
|
|
<div class="flex flex-wrap items-start justify-between gap-3">
|
|
<div class="min-w-0">
|
|
<p class="truncate text-xl font-semibold text-neutral-900 dark:text-neutral-100">{{ household.head_name }}</p>
|
|
<div class="mt-2 flex flex-wrap items-center gap-2 text-sm text-neutral-500 dark:text-neutral-400">
|
|
<span>{% if household.relation_category_option %}{{ household.relation_category_option.option_label }}{% else %}未标注关系{% endif %}</span>
|
|
<span>·</span>
|
|
<span>{{ household_value_label('side', household.side) }}</span>
|
|
<span>·</span>
|
|
<span>{{ household.household_code }}</span>
|
|
</div>
|
|
</div>
|
|
<div class="flex flex-wrap items-center gap-2 text-xs">
|
|
<span class="status-badge status-badge-muted">{{ household_value_label('attendance_status', household.attendance_status) }}</span>
|
|
<span class="status-badge status-badge-accent">当前 ¥{{ '%.2f'|format(household.total_gift_amount) }}</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="bg-neutral-50 px-6 py-6 dark:bg-neutral-950/60 sm:px-7">
|
|
{% set modal_mode = true %}
|
|
{% include "quick_entry/_edit_form.html" %}
|
|
</div>
|
|
</div>
|
|
|