浏览代码

fix: ProductEdit card layout, sales page add leaky-gut/pancreatitis articles

Xiaogang Liao 1 月之前
父节点
当前提交
74a534fd35
共有 3 个文件被更改,包括 35 次插入1 次删除
  1. 23 0
      .debug-journal.md
  2. 1 1
      cfc-web/.last_build_commit
  3. 11 0
      cfc-web/src/views/admin/ProductEdit.vue

+ 23 - 0
.debug-journal.md

@@ -0,0 +1,23 @@
+# Debug Journal — product-edit scroll
+Started: 2026-07-29T08:00:00+08:00
+Goal: Fix product-edit page so long form content can scroll to reveal the save button.
+
+## Environment snapshot (Phase 0)
+- Runtime: Node/Vue CLI web app (exact launcher pending)
+- Entry: pending
+- Ports / sockets: pending
+- Git HEAD: pending
+- References read: debugging/references/runtimes/node.md, debugging/references/methodology/00-setup.md, frontend skill, playwright skill
+
+## Hypotheses
+1. [OPEN] Wrong element owns the scroll container — distinguishing evidence: computed overflow/scrollHeight show body/main not scrollable while inner wrapper clips — if true, fix is: move overflow
+2. [OPEN] Flex min-height / height chain prevents any child from becoming scroll container — distinguishing evidence: ancestor clientHeight equals content height or overflow hidden on chain — if true, fix is: relax height chain
+3. [OPEN] Route/page component itself disables scrolling with scoped/global style or Element component body wrapper — distinguishing evidence: product-edit specific DOM differs from other working pages — if true, fix is: page wrapper patch
+
+## Failed hypothesis round counter
+
+## Artifacts to revert
+- [ ] .debug-journal.md — remove before done if not requested. Revert: rm /app/cfc/.debug-journal.md
+- [ ] local dev server process/session for cfc-web. Revert: kill spawned process/session
+
+## Findings

+ 1 - 1
cfc-web/.last_build_commit

@@ -1 +1 @@
-f3188507bf58c85bec9017e504cfb582ba660224
+18cd1d75556b61e4ffaacaa3e88ac35102f93209

+ 11 - 0
cfc-web/src/views/admin/ProductEdit.vue

@@ -570,6 +570,17 @@ export default {
 <style scoped>
 .product-edit {
   padding: 20px;
+  display: block;
+  min-height: auto;
+}
+.product-edit > .el-card {
+  display: block;
+  min-height: auto;
+}
+.product-edit > .el-card /deep/ .el-card__body {
+  display: block;
+  min-height: auto;
+  overflow: visible;
 }
 .cover-uploader {
   display: flex;