chore(web): 收口前几轮后台改动（品牌 / 媒资上传 / 轮播图 / 类型管理 / 操作日志 / App 用户）
为什么：这些改动在前几轮就已完成并在 :3005 验证过，但一直留在工作区没有入库。 下一步 3-4 的四个页面依赖其中的公共样式入口（src/styles/business/index.css）与 api/admin 的公共类型（PageResult 等），如果不先收口，新页面的提交就会夹带旧改动， 既说不清 diff 边界，也让 index.css 这类多轮共用的文件长期处于半提交状态。 本提交只做归档，不改行为： - 品牌与接口基址改成 FruitShorts / 短剧服务（.env.*、README、vite 代理） - 去掉前端 mock 数据目录（src/data、src/permissions、stores/auth），改为走真实接口 - 新增 api/admin 下的接口封装与 src/utils/uploader.ts（媒资分片直传） - 新增/改造：轮播图管理、类型管理、操作日志、App 用户管理、后台布局与公共样式
This commit is contained in:
Vicky committed
1 parent
40546bfd01
commit
44c2c46a68
59 files changed
+4082
-982
No files matched your search
@@ -3,12 +3,20 @@
|
||||
gap: 16px;
|
||||
min-height: 64px;
|
||||
padding: 12px 0 !important;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.drama-filters {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
flex: 0 0 auto;
|
||||
/* 允许收缩并换行：窄窗口下筛选控件排到第二行，而不是被挤出可视区 */
|
||||
flex: 1 1 auto;
|
||||
min-width: 0;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.drama-filters > .el-date-editor {
|
||||
width: 360px;
|
||||
max-width: 100%;
|
||||
}
|
||||
.drama-filters > .el-input {
|
||||
width: 300px !important;
|
||||
@@ -29,11 +37,21 @@
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
white-space: nowrap;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.table-actions .el-button {
|
||||
/* 统一尺寸：高度固定、水平内边距，靠行高垂直居中，避免文字被压扁 */
|
||||
height: 28px !important;
|
||||
min-height: 28px !important;
|
||||
padding: 0 10px !important;
|
||||
font-size: 13px !important;
|
||||
font-weight: 400 !important;
|
||||
padding: 5px 4px !important;
|
||||
font-weight: 500 !important;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
/* Element Plus 默认给相邻按钮加 12px 外边距，会和这里的 gap 叠加导致换行 */
|
||||
.table-actions .el-button + .el-button {
|
||||
margin-left: 0 !important;
|
||||
}
|
||||
.table-actions .danger-action {
|
||||
color: #a66a6a !important;
|
||||
@@ -58,6 +76,95 @@
|
||||
color: #7e8791;
|
||||
background: #f0f2f4 !important;
|
||||
}
|
||||
|
||||
/* 名称列只放封面 + 标题，长标题在格子里换行，不撑破单元格 */
|
||||
.drama-cell > div {
|
||||
min-width: 0;
|
||||
}
|
||||
.drama-cell b {
|
||||
overflow-wrap: anywhere;
|
||||
}
|
||||
|
||||
/* 空值占位，弱化显示 */
|
||||
.table-empty-text {
|
||||
color: #a8aeb8;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
/* 编辑弹窗里的封面预览：固定竖版尺寸，和上传控件并排，避免弹窗过高 */
|
||||
.cover-field {
|
||||
display: flex;
|
||||
gap: 12px;
|
||||
align-items: flex-start;
|
||||
width: 100%;
|
||||
}
|
||||
.cover-field-actions {
|
||||
flex: 1 1 auto;
|
||||
min-width: 0;
|
||||
}
|
||||
.form-cover-preview {
|
||||
display: block;
|
||||
width: 84px;
|
||||
height: 112px;
|
||||
flex: 0 0 84px;
|
||||
object-fit: cover;
|
||||
border: 1px solid var(--el-border-color-lighter);
|
||||
border-radius: 6px;
|
||||
background: #f0f2f4 !important;
|
||||
}
|
||||
.dark .form-cover-preview {
|
||||
background: #353b45 !important;
|
||||
}
|
||||
|
||||
/* 编辑弹窗里的视频预览 */
|
||||
.video-field {
|
||||
display: flex;
|
||||
gap: 12px;
|
||||
align-items: flex-start;
|
||||
width: 100%;
|
||||
}
|
||||
.video-field-actions {
|
||||
flex: 1 1 auto;
|
||||
min-width: 0;
|
||||
}
|
||||
.form-video-preview {
|
||||
display: block;
|
||||
width: 200px;
|
||||
height: 112px;
|
||||
flex: 0 0 200px;
|
||||
object-fit: contain;
|
||||
border: 1px solid var(--el-border-color-lighter);
|
||||
border-radius: 6px;
|
||||
background: #000 !important;
|
||||
}
|
||||
|
||||
/* 剧集预览弹窗里的播放器 */
|
||||
.episode-video-player {
|
||||
display: block;
|
||||
width: 100%;
|
||||
max-height: 60vh;
|
||||
object-fit: contain;
|
||||
border-radius: 8px;
|
||||
background: #000 !important;
|
||||
}
|
||||
|
||||
/* 剧集列表里的视频缩略播放器：默认显示首帧，鼠标移入即播放 */
|
||||
.episode-video-thumb {
|
||||
display: block;
|
||||
width: 120px;
|
||||
height: 68px;
|
||||
object-fit: contain;
|
||||
cursor: pointer;
|
||||
border: 1px solid var(--el-border-color-lighter);
|
||||
border-radius: 4px;
|
||||
background: #000 !important;
|
||||
}
|
||||
|
||||
/* 列表里点视频即放大播放，给个悬停反馈 */
|
||||
.episode-video-thumb:hover {
|
||||
border-color: var(--el-color-primary);
|
||||
box-shadow: 0 0 0 2px rgba(64, 158, 255, 0.25);
|
||||
}
|
||||
.dark .table-result-count {
|
||||
color: #a6aeb9;
|
||||
}
|
||||
@@ -123,11 +230,6 @@
|
||||
.dark .dashboard-el-table td.el-table__cell {
|
||||
color: #c0c6cf;
|
||||
}
|
||||
.table-actions .el-button {
|
||||
font-size: 13px !important;
|
||||
font-weight: 600 !important;
|
||||
padding: 7px 11px !important;
|
||||
}
|
||||
.table-actions .el-button--primary {
|
||||
--el-button-bg-color: #409eff;
|
||||
--el-button-border-color: #409eff;
|
||||
@@ -188,9 +290,6 @@
|
||||
.table-result-count {
|
||||
font-size: 14px;
|
||||
}
|
||||
.table-actions .el-button {
|
||||
font-size: 14px !important;
|
||||
}
|
||||
.library-toolbar .el-input__inner,
|
||||
.library-toolbar .el-select__placeholder {
|
||||
font-size: 14px;
|
||||
@@ -293,9 +392,8 @@
|
||||
.admin-user-toolbar > .el-select {
|
||||
width: 190px;
|
||||
}
|
||||
.admin-users-table {
|
||||
min-width: 1250px;
|
||||
}
|
||||
/* 管理员表格不设最小宽度：列宽超出容器时由 el-table 自行横向滚动，
|
||||
否则会把固定列顶到可视区之外 */
|
||||
.menu-editor-layout {
|
||||
display: grid;
|
||||
grid-template-columns: minmax(270px, 0.7fr) minmax(520px, 1.5fr);
|
||||
|
||||
Reference in new issue
Block a user