feat: expand EasyCode software factory workflows

RuoYi-Vue/.superpowers/brainstorm/1712695621-1782569508/content/one-click-ux-flow.html

@@ -0,0 +1,76 @@
+<h2>一键生成主流程：普通用户一键到底，专家模式旁路编辑</h2>
+<p class="subtitle">第一版目标：输入项目名称，自动生成后端、用户前台、后台管理端，并启动在线运行预览。</p>
+
+<div class="mockup">
+  <div class="mockup-header">默认用户路径</div>
+  <div class="mockup-body">
+    <div class="mock-nav">EasyCode 项目生成</div>
+    <div style="display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:14px;">
+      <input class="mock-input" value="图书借阅系统" />
+      <button class="mock-button">生成完整项目</button>
+    </div>
+    <div style="display:grid;grid-template-columns:repeat(5,1fr);gap:10px;padding:14px;">
+      <div class="placeholder">1. 规划项目</div>
+      <div class="placeholder">2. 生成数据</div>
+      <div class="placeholder">3. 生成业务</div>
+      <div class="placeholder">4. 生成页面</div>
+      <div class="placeholder">5. 运行预览</div>
+    </div>
+    <div class="placeholder" style="margin:14px;">
+      生成完成后优先展示：用户前台地址、后台管理端地址、源码下载、生成报告
+    </div>
+  </div>
+</div>
+
+<div class="split">
+  <div class="mockup">
+    <div class="mockup-header">生成中页面</div>
+    <div class="mockup-body">
+      <div style="display:grid;gap:12px;padding:14px;">
+        <div class="placeholder">当前阶段：生成业务流程</div>
+        <div class="placeholder">已完成：系统蓝图、数据库结构</div>
+        <div class="placeholder">预计下一步：初始化页面设计</div>
+        <div class="placeholder">可选操作：查看生成日志 / 取消任务</div>
+      </div>
+    </div>
+  </div>
+
+  <div class="mockup">
+    <div class="mockup-header">生成完成页面</div>
+    <div class="mockup-body">
+      <div style="display:grid;gap:12px;padding:14px;">
+        <button class="mock-button">打开用户前台</button>
+        <button class="mock-button">打开后台管理端</button>
+        <button class="mock-button">下载完整源码</button>
+        <div class="placeholder">需要调整？进入专家模式：数据库 / 业务流程 / 页面设计</div>
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="section">
+  <h3>体验原则</h3>
+  <div class="options" data-multiselect>
+    <div class="option" data-choice="default-one-click" onclick="toggleSelect(this)">
+      <div class="letter">A</div>
+      <div class="content">
+        <h3>默认一键到底</h3>
+        <p>用户只填项目名称，需求描述可选；中间不强制确认。</p>
+      </div>
+    </div>
+    <div class="option" data-choice="progress-transparent" onclick="toggleSelect(this)">
+      <div class="letter">B</div>
+      <div class="content">
+        <h3>进度透明</h3>
+        <p>展示当前阶段、已完成阶段、失败原因和重试入口，避免黑盒等待。</p>
+      </div>
+    </div>
+    <div class="option" data-choice="expert-after-result" onclick="toggleSelect(this)">
+      <div class="letter">C</div>
+      <div class="content">
+        <h3>先看成果，再进专家模式</h3>
+        <p>生成结果优先展示在线预览和源码下载；设计器入口放在“调整项目”里。</p>
+      </div>
+    </div>
+  </div>
+</div>