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.
 
 
 
 
 

66 lines
4.3 KiB

<div id="quick-entry-search-results-region" class="space-y-3">
{% if search_term %}
<div class="flex items-center justify-between gap-3">
<h3 class="text-sm font-medium text-neutral-700 dark:text-neutral-200">搜索结果</h3>
<span class="rounded-full bg-neutral-100 px-2 py-0.5 text-xs text-neutral-500 dark:bg-neutral-800 dark:text-neutral-400">最多显示 20 户</span>
</div>
{% if households %}
<div class="space-y-1.5">
{% for household in households %}
<article class="card">
<div class="card-body flex flex-col gap-3 sm:flex-row sm:items-center">
<a
class="btn btn-accent btn-sm w-full shrink-0 sm:order-first sm:w-auto"
href="{{ url_for('quick_entry.edit_household', household_id=household.id, q=search_term, include_bride_side='1') if include_bride_side else url_for('quick_entry.edit_household', household_id=household.id, q=search_term) }}"
data-quick-entry-edit-url="{{ url_for('quick_entry.edit_household', household_id=household.id, q=search_term, partial='edit-modal', include_bride_side='1') if include_bride_side else url_for('quick_entry.edit_household', household_id=household.id, q=search_term, partial='edit-modal') }}"
>
点击编辑
</a>
<div class="min-w-0 flex-1">
<h3 class="truncate text-base font-semibold text-neutral-800 dark:text-neutral-100">{{ household.head_name }}</h3>
<p class="mt-1 text-sm text-neutral-500 dark:text-neutral-400">
{% if household.relation_category_option %}{{ household.relation_category_option.option_label }}{% else %}未标注关系{% endif %}
· {{ household_value_label('side', household.side) }}
</p>
<div class="mt-2 flex flex-wrap items-center gap-2 text-xs text-neutral-500 dark:text-neutral-400">
<span>{{ household_value_label('attendance_status', household.attendance_status) }}</span>
<span>到场 {{ household.actual_attendee_count }}</span>
<span class="font-semibold text-accent-600 dark:text-accent-400">¥{{ '%.2f'|format(household.total_gift_amount) }}</span>
</div>
</div>
</div>
</article>
{% endfor %}
</div>
{% else %}
<div class="card border-2 border-dashed border-neutral-200 dark:border-neutral-700">
<div class="card-body space-y-4 py-7">
<div class="text-center">
<p class="mb-1 font-medium text-neutral-600 dark:text-neutral-300">没有找到匹配的户</p>
<p class="text-sm text-neutral-500 dark:text-neutral-400">可以换个关键词继续搜,或者直接新增一户并记录当天礼金。</p>
</div>
<div class="flex justify-center">
<a class="btn btn-accent btn-sm" href="{{ url_for('quick_entry.new_household', q=search_term, include_bride_side='1') if include_bride_side else url_for('quick_entry.new_household', q=search_term) }}">新增</a>
</div>
</div>
</div>
{% endif %}
{% else %}
<div class="card border-2 border-dashed border-neutral-200 dark:border-neutral-700">
<div class="card-body text-center py-10">
<p class="text-neutral-600 dark:text-neutral-300 font-medium text-lg mb-2">请输入搜索关键词</p>
<p class="text-sm text-neutral-500 dark:text-neutral-400 mb-4 max-w-xs mx-auto">
输入户主、成员、拼音、标签或备注,快速定位并录入礼金。
</p>
<div class="flex flex-wrap justify-center gap-2 text-xs text-neutral-400 dark:text-neutral-500">
<span class="rounded-full bg-neutral-100 px-2 py-1 dark:bg-neutral-800">户主</span>
<span class="rounded-full bg-neutral-100 px-2 py-1 dark:bg-neutral-800">成员</span>
<span class="rounded-full bg-neutral-100 px-2 py-1 dark:bg-neutral-800">拼音</span>
<span class="rounded-full bg-neutral-100 px-2 py-1 dark:bg-neutral-800">标签</span>
<span class="rounded-full bg-neutral-100 px-2 py-1 dark:bg-neutral-800">备注</span>
<span class="rounded-full bg-neutral-100 dark:bg-neutral-800 px-2 py-1">最多显示 20 条</span>
</div>
</div>
</div>
{% endif %}
</div>