admin/guoju0808
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
181 Commits 1 Branch 0 Tags
614a31c404c5717d4ce77ca24492fc74dddb1631
Commit Graph
14 Commits
This Branch
This Branch
All Branches
Author SHA1 Message Date
guoju0808 614a31c404 fix: 移动端 filter-form 保持横向布局 (label 左 + input 右, 不再上下堆叠) 2026-08-26 11:40:40 +00:00
guoju0808 ce26361b30 fix: 移动端按钮组对齐 (block + margin reset, 查找重置不再偏移) 2026-08-26 11:39:01 +00:00
guoju0808 a0f566eb38 fix: 移动端 filter-form 按钮垂直堆叠 (查找/重置不再叠在一起) 2026-08-26 11:37:20 +00:00
guoju0808 8ac3538341 style: 去除操作列竖线分隔 (padding 6→4px, 节省操作列宽度) 2026-08-26 11:36:06 +00:00
guoju0808 31b3fb504a fix: GrTable 移动端保留操作列 fixed="right" 2026-08-26 11:35:10 +00:00
guoju0808 4de6479be0 fix: GrTable 移动端去除 fixed 方向 (主列+操作列不再 fixed) 2026-08-26 11:34:32 +00:00
guoju0808 0644e26120 feat: GrTable 移动端表格组件 + manager/Projects 试点 
业务背景
- 项目里 17+ 列的列表页 (manager/Projects, Meetings, AdminUsers 等) 在手机端只能
  横向滚动, 操作体验差.
- refer/gr-table.vue 是 Vue2 + Vant 组件, Vue3 不能直接用 (componentOptions
  私有 API 已被 Vue3 移除).
- 新建 Vue3 + EP 兼容版本 GrTable, 吸收"主列显示 / 次要列折叠到展开行"思想.

组件设计
- props: data, mainCols (默认 = 第一个 prop + 最后一个 prop), mobileBreakpoint
- 通过 slots.default() 取 vnode, 读 vnode.props.prop/label (Vue3 思路, 替代
  Vue2 componentOptions 私有 API)
- v-bind="\$attrs" 全透传 el-table 原生 props/events
- el-table 引用方法 (clearSelection / toggleRowSelection 等) defineExpose
  暴露

manager/Projects 试点
- 引入 GrTable, :main-cols="['projectNo', 'projectName']"
- 手机端: 只显示项目编号 + 项目名称 + 操作列, 其他 13 列折叠到展开行
- 桌面端: 与原 el-table 完全一致 (所有 17 列)
- 操作列 (label=操作, 无 prop) 自动保留 (因为 shouldRenderColumn 跳过无 prop 列)
 2026-08-26 11:32:53 +00:00
guoju0808 02715a1385 fix: main.scss 移动端 el-table 规则 3 个 bug 2026-08-26 11:22:02 +00:00
guoju0808 7cf8c5b660 feat: manager/Projects 移动端适配 (工具栏横滚/筛选栏堆叠) 2026-08-26 11:19:00 +00:00
guoju0808 e5d7d08ec1 feat: PlanEdit 移动端适配 (单列堆叠/label 上对齐/按钮全宽) 2026-08-26 11:17:30 +00:00
guoju0808 a763598637 feat: ManagerProjectDetail 移动端适配 (单列堆叠/表格横滚/按钮全宽) 2026-08-26 11:16:43 +00:00
guoju0808 58f02f1262 fix: AdminLayout 汉堡抽屉蒙层被 aside 遮挡不可点击 2026-08-26 11:15:19 +00:00
guoju0808 8a08c8378f feat: 全局移动端适配 AdminLayout 汉堡抽屉 + 67 页通用规则 2026-08-26 11:13:12 +00:00
guoju0808 d2fe5a4035 style: 重塑政务风格 + 操作列统一 el-link + 表格紧凑化 
业务背景
- ry-vue3 为政务/卫健委风合规管理系统 (医疗机构合规系统), 不要可爱配色、不要插画
- 品牌色: 主色 #15803D (低调深绿) + 次色 #0E7490 (青蓝), 不要蓝色系主色

变更概要
1. 全局地基
   - theme.scss: Element Plus 主色改为 #15803D, slate 9 档, 联动组件库
   - main.scss: 字体/页面骨架/筛选栏/表格/控件/滚动条 全套样式
   - AdminLayout.vue: 政务顶栏 + 浅色侧栏
   - Workbench.vue: 替换原绿底大字卡为 KPI 白底色条 + 快捷入口 + 进度条

2. 表格操作列改造
   - el-button link 全面替换为 el-link (:underline="false" + type="primary/danger")
   - 36 文件 132 处替换, 操作列外加 .table-actions 容器 (内含分隔线)
   - 修复 el-link 不支持的属性 (size="small"/text/loading)

3. 筛选栏
   - 弹性布局 + gap 14px 16px + align-items: flex-start + min-height 32px
   - 删除所有 scoped .filter-form 覆盖 (28 处) 让全局样式生效
   - 控件宽度 180px 统一, 标签 32px 居中, 折行不紧贴

4. 表格紧凑化
   - cell-padding 10px → 6px, 表头高度 36px
   - 行高 ~46px → ~36px, 字号 13px

5. 每页默认 20 条
   - 21 文件 pageSize: 10 → 20

6. meetings 操作列折叠
   - 11 操作 → 外置 3 个主操作 + 1 个"更多" el-dropdown (8 个次操作)
   - width 500px → 260px
   - 配 .op-dropdown / .op-caret 样式 (hover 旋转)
   - 新增 onMoreAction dispatch 函数 (复用原 handler)

7. 操作列文字防拆行
   - .table-actions flex-wrap: nowrap + white-space: nowrap
   - el-link padding 0 8px → 0 6px, flex-shrink: 0

8. 环境配置
   - .env.development: 直连远端 https://risingdoctor.com/hg-api (绕过 vite proxy 卡顿)
   - vite.config.js: proxy fallback 保留
 2026-08-26 11:04:15 +00:00