v1.2.0 — 心愿清单四象限
- 数据库 v3: priority → quadrant (重要紧急/重要不紧急/紧急不重要/不紧急不重要) - 2×2 网格布局,每象限独立列表 - 跨象限拖拽:拖到不同象限自动更新分类 - 旧数据自动迁移:高→重要紧急, 中→重要不紧急, 低→不紧急不重要
This commit is contained in:
@@ -205,10 +205,11 @@
|
||||
<div class="wish-form" id="wish-form" style="display:none">
|
||||
<input type="text" id="wish-name" placeholder="心愿名称…" maxlength="50">
|
||||
<div class="wish-form-row">
|
||||
<select id="wish-priority">
|
||||
<option value="高">高优先</option>
|
||||
<option value="中" selected>中优先</option>
|
||||
<option value="低">低优先</option>
|
||||
<select id="wish-quadrant">
|
||||
<option value="重要紧急">重要紧急</option>
|
||||
<option value="重要不紧急" selected>重要不紧急</option>
|
||||
<option value="紧急不重要">紧急不重要</option>
|
||||
<option value="不紧急不重要">不紧急不重要</option>
|
||||
</select>
|
||||
<input type="date" id="wish-deadline">
|
||||
</div>
|
||||
@@ -217,14 +218,29 @@
|
||||
<button class="btn-wish-cancel" onclick="hideWishForm()">取消</button>
|
||||
</div>
|
||||
</div>
|
||||
<button class="btn-add edit-only" id="wishes-add-btn" onclick="showWishForm()" style="margin-bottom:12px">
|
||||
<button class="btn-add edit-only" id="wishes-add-btn" onclick="showWishForm()" style="margin-bottom:16px">
|
||||
<svg class="icon-sm"><use href="#icon-plus"/></svg> 新增心愿
|
||||
</button>
|
||||
<!-- 列表 -->
|
||||
<div class="wishes-grid" id="wishes-grid">
|
||||
<div class="wishes-list" id="wishes-list"></div>
|
||||
<div class="wishes-empty" id="wishes-empty">暂无心愿,点击上方按钮添加</div>
|
||||
<!-- 四象限网格 -->
|
||||
<div class="quad-grid">
|
||||
<div class="quad-cell" data-quadrant="重要紧急" id="quad-重要紧急">
|
||||
<div class="quad-title">重要 & 紧急</div>
|
||||
<div class="quad-list" id="quad-list-重要紧急"></div>
|
||||
</div>
|
||||
<div class="quad-cell" data-quadrant="重要不紧急" id="quad-重要不紧急">
|
||||
<div class="quad-title">重要 & 不紧急</div>
|
||||
<div class="quad-list" id="quad-list-重要不紧急"></div>
|
||||
</div>
|
||||
<div class="quad-cell" data-quadrant="紧急不重要" id="quad-紧急不重要">
|
||||
<div class="quad-title">紧急 & 不重要</div>
|
||||
<div class="quad-list" id="quad-list-紧急不重要"></div>
|
||||
</div>
|
||||
<div class="quad-cell" data-quadrant="不紧急不重要" id="quad-不紧急不重要">
|
||||
<div class="quad-title">不紧急 & 不重要</div>
|
||||
<div class="quad-list" id="quad-list-不紧急不重要"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="wishes-empty" id="wishes-empty" style="display:none">暂无心愿,点击上方按钮添加</div>
|
||||
</section>
|
||||
|
||||
</main>
|
||||
|
||||
Reference in New Issue
Block a user