jianghaifeng/ReelShortWeb
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(admin): 剧集列表展示分集互动数据

Browse Source
This commit is contained in:
Zhou Weidong committed 2026-10-21 15:59:08 +08:00
1 parent c1e03f94be
commit 0e814840b1
3 files changed
+58 -12
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

src/views/contentManagement/DramaManagementView.vue
+6 -11
View File
@@ -43,6 +43,7 @@ const coverError = ref('')
const coverFileName = ref('')
const editingId = ref(null)
const editingCommentCount = ref(0)
const editingLikeCount = ref(0)
const formRef = ref()
const form = reactive({
title: '',
@@ -52,7 +53,6 @@ const form = reactive({
freeEpisodes: 3,
unlockCoin: 0,
favoriteCount: 0,
likeCount: 0,
heat: 0,
isHot: false,
cover: ''
@@ -162,7 +162,6 @@ function openCreate() {
freeEpisodes: 3,
unlockCoin: 0,
favoriteCount: 0,
likeCount: 0,
heat: 0,
isHot: false,
cover: ''
@@ -170,6 +169,7 @@ function openCreate() {
coverFileName.value = ''
coverError.value = ''
editingCommentCount.value = 0
editingLikeCount.value = 0
dialogVisible.value = true
resetValidation()
}
@@ -184,7 +184,6 @@ function openEdit(row) {
freeEpisodes: row.freeEpisodes ?? 3,
unlockCoin: row.unlockCoin ?? 0,
favoriteCount: row.favoriteCount ?? 0,
likeCount: row.likeCount ?? 0,
heat: row.views ?? 0,
isHot: !!row.isHot,
cover: row.cover || ''
@@ -192,6 +191,7 @@ function openEdit(row) {
coverFileName.value = row.cover ? coverBasename(row.cover) : ''
coverError.value = ''
editingCommentCount.value = row.commentCount ?? 0
editingLikeCount.value = row.likeCount ?? 0
dialogVisible.value = true
resetValidation()
}
@@ -606,13 +606,8 @@ onMounted(async () => {
/>
</el-form-item>
<el-form-item label="点赞数">
<el-input-number
v-model="form.likeCount"
class="editor-number"
controls-position="right"
:min="0"
:precision="0"
/>
<div class="readonly-stat">{{ formatCount(editingLikeCount) }}</div>
<p class="readonly-stat-hint">全剧分集汇总，只读</p>
</el-form-item>
<el-form-item label="热度">
<el-input-number
@@ -625,7 +620,7 @@ onMounted(async () => {
</el-form-item>
<el-form-item label="评论数">
<div class="readonly-stat">{{ formatCount(editingCommentCount) }}</div>
<p class="readonly-stat-hint">实时统计，不可编辑</p>
<p class="readonly-stat-hint">全剧汇总，实时统计，只读</p>
</el-form-item>
</div>
</section>
src/views/contentManagement/EpisodeManagementView.vue
+47 -1
View File
@@ -35,6 +35,7 @@ const videoFileName = ref('')
const previewVisible = ref(false)
const previewEpisode = ref(null)
const editingId = ref(null)
const editingCommentCount = ref(0)
const formRef = ref()
const form = reactive({
number: 1,
@@ -43,6 +44,7 @@ const form = reactive({
videoUrl: '',
isFree: true,
unlockCoin: 0,
likeCount: 0,
status: 'draft'
})
@@ -127,10 +129,12 @@ function openCreate() {
videoUrl: '',
isFree: true,
unlockCoin: selectedDrama.value?.unlockCoin ?? 0,
likeCount: 0,
status: 'draft'
})
videoFileName.value = ''
videoError.value = ''
editingCommentCount.value = 0
dialogVisible.value = true
resetValidation()
}
@@ -144,10 +148,12 @@ function openEdit(row) {
videoUrl: row.videoUrl || '',
isFree: !!row.isFree,
unlockCoin: row.unlockCoin || 0,
likeCount: row.likeCount ?? 0,
status: row.status
})
videoFileName.value = row.videoUrl ? episodeBasename(row.videoUrl) : ''
videoError.value = ''
editingCommentCount.value = row.commentCount ?? 0
dialogVisible.value = true
resetValidation()
}
@@ -167,6 +173,7 @@ async function saveEpisode() {
videoUrl: form.videoUrl.trim(),
isFree: form.isFree,
unlockCoin: form.isFree ? 0 : form.unlockCoin || 0,
likeCount: form.likeCount,
status: form.status
}
saving.value = true
@@ -325,7 +332,9 @@ onMounted(async () => {
<span class="episode-context-label">当前短剧</span>
<b class="episode-context-title">{{ selectedDrama?.title || '暂无短剧' }}</b>
<small class="episode-context-count"
>共 {{ selectedDrama?.episodes ?? episodes.length }} 集</small
>共 {{ selectedDrama?.episodes ?? episodes.length }} 集 · 收藏
{{ formatCount(selectedDrama?.favoriteCount ?? 0) }} · 热度
{{ formatCount(selectedDrama?.views ?? 0) }}</small
>
</div>
<div class="episode-switcher">
@@ -398,6 +407,24 @@ onMounted(async () => {
<el-table-column label="播放量" width="120"
><template #default="{ row }">{{ formatCount(row.views) }}</template></el-table-column
>
<el-table-column label="点赞（本集）" width="120"
><template #default="{ row }">{{
formatCount(row.likeCount ?? 0)
}}</template></el-table-column
>
<el-table-column label="评论（本集）" width="120"
><template #default="{ row }">{{
formatCount(row.commentCount ?? 0)
}}</template></el-table-column
>
<el-table-column label="所属剧收藏" width="120"
><template #default="{ row }">{{
formatCount(row.favoriteCount ?? 0)
}}</template></el-table-column
>
<el-table-column label="所属剧热度" width="120"
><template #default="{ row }">{{ formatCount(row.heat ?? 0) }}</template></el-table-column
>
<el-table-column label="状态" width="110"
><template #default="{ row }"
><el-tag :class="['status-badge', statusClass(row.status)]" effect="light">{{
@@ -568,6 +595,25 @@ onMounted(async () => {
</el-form-item>
</section>
<section class="episode-editor-section">
<h3 class="episode-editor-section-title">互动数据</h3>
<div class="episode-editor-grid episode-editor-grid--two">
<el-form-item label="本集点赞数">
<el-input-number
v-model="form.likeCount"
class="episode-editor-number"
controls-position="right"
:min="0"
:precision="0"
/>
</el-form-item>
<el-form-item label="本集评论数">
<div class="readonly-stat">{{ formatCount(editingCommentCount) }}</div>
<p class="readonly-stat-hint">按集实时统计，不可编辑</p>
</el-form-item>
</div>
</section>
<section class="episode-editor-section">
<h3 class="episode-editor-section-title">付费与状态</h3>
<div class="episode-editor-grid episode-editor-grid--three">