From 31d61928161368fb17ff4d5d4fea972753d53633 Mon Sep 17 00:00:00 2001
From: Rogee <rogee@ipao.vip>
Date: Tue, 6 Jan 2026 10:04:50 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=B7=BB=E5=8A=A0=E5=86=85=E5=AE=B9?=
 =?UTF-8?q?=E5=8F=AF=E8=A7=81=E6=80=A7=E5=AD=97=E6=AE=B5=E5=92=8C=E8=BF=87?=
 =?UTF-8?q?=E6=BB=A4=E9=80=89=E9=A1=B9=EF=BC=8C=E4=BC=98=E5=8C=96=E5=86=85?=
 =?UTF-8?q?=E5=AE=B9=E5=88=97=E8=A1=A8=E6=9F=A5=E8=AF=A2=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 backend/app/http/v1/dto/creator.go            |  6 ++--
 backend/app/services/creator.go               |  7 +++++
 .../portal/src/views/creator/ContentsView.vue | 29 ++++++++++++++++++-
 3 files changed, 39 insertions(+), 3 deletions(-)

diff --git a/backend/app/http/v1/dto/creator.go b/backend/app/http/v1/dto/creator.go
index 4a34058..d53b9c1 100644
--- a/backend/app/http/v1/dto/creator.go
+++ b/backend/app/http/v1/dto/creator.go
@@ -72,6 +72,7 @@ type CreatorContentItem struct {
 	VideoCount  int     `json:"video_count"`
 	AudioCount  int     `json:"audio_count"`
 	Status      string  `json:"status"`
+	Visibility  string  `json:"visibility"`
 	CreatedAt   string  `json:"created_at"`
 	IsPinned    bool    `json:"is_pinned"`
 	IsPurchased bool    `json:"is_purchased"`
@@ -89,8 +90,9 @@ type AssetDTO struct {
 
 type CreatorContentListFilter struct {
 	requests.Pagination
-	Status  *string `query:"status"`
-	Genre   *string `query:"genre"`
+	Status     *string `query:"status"`
+	Visibility *string `query:"visibility"`
+	Genre      *string `query:"genre"`
 	Key     *string `query:"key"`
 	Keyword *string `query:"keyword"`
 }
diff --git a/backend/app/services/creator.go b/backend/app/services/creator.go
index f32c412..7cd1719 100644
--- a/backend/app/services/creator.go
+++ b/backend/app/services/creator.go
@@ -121,6 +121,12 @@ func (s *creator) ListContents(
 	if filter.Status != nil && *filter.Status != "" {
 		q = q.Where(tbl.Status.Eq(consts.ContentStatus(*filter.Status)))
 	}
+	if filter.Visibility != nil && *filter.Visibility != "" {
+		q = q.Where(tbl.Visibility.Eq(consts.ContentVisibility(*filter.Visibility)))
+	}
+	if filter.Visibility != nil && *filter.Visibility != "" {
+		q = q.Where(tbl.Visibility.Eq(consts.ContentVisibility(*filter.Visibility)))
+	}
 	if filter.Genre != nil && *filter.Genre != "" {
 		val := *filter.Genre
 		if cn, ok := genreMap[val]; ok {
@@ -208,6 +214,7 @@ func (s *creator) ListContents(
 			VideoCount:  videoCount,
 			AudioCount:  audioCount,
 			Status:      string(item.Status),
+			Visibility:  string(item.Visibility),
 			CreatedAt:   item.CreatedAt.Format("2006-01-02 15:04"),
 			IsPinned:    item.IsPinned,
 			IsPurchased: false,
diff --git a/frontend/portal/src/views/creator/ContentsView.vue b/frontend/portal/src/views/creator/ContentsView.vue
index fc8f764..e2e1318 100644
--- a/frontend/portal/src/views/creator/ContentsView.vue
+++ b/frontend/portal/src/views/creator/ContentsView.vue
@@ -18,6 +18,14 @@
                <option v-for="opt in statusOptions" :key="opt.key" :value="opt.key">{{ opt.value }}</option>
             </select>
          </div>
+         <div class="flex items-center gap-2">
+            <span class="text-sm font-bold text-slate-500">可见性:</span>
+            <select v-model="filterVisibility"
+               class="h-9 px-3 rounded border border-slate-200 text-sm focus:border-primary-500 outline-none bg-white cursor-pointer min-w-[100px]">
+               <option value="all">全部</option>
+               <option v-for="opt in visibilityOptions" :key="opt.key" :value="opt.key">{{ opt.value }}</option>
+            </select>
+         </div>
          <div class="flex items-center gap-2">
             <span class="text-sm font-bold text-slate-500">曲种:</span>
             <select v-model="filterGenre"
@@ -77,6 +85,9 @@
                      </div>
                      <!-- Status Badge -->
                      <div class="flex items-center gap-2 ml-4">
+                        <span class="text-[10px] px-1.5 py-0.5 rounded border border-slate-200 text-slate-500 bg-slate-50" v-if="item.visibility">
+                           {{ getVisibilityLabel(item.visibility) }}
+                        </span>
                         <span v-if="item.status === 'blocked'" class="text-red-500 text-xs flex items-center gap-1 cursor-help"
                            title="已被封禁">
                            <i class="pi pi-info-circle"></i> 封禁
@@ -173,10 +184,16 @@ const toast = useToast();
 const confirm = useConfirm();
 const contents = ref([]);
 const filterStatus = ref('all');
+const filterVisibility = ref('all');
 const filterGenre = ref('all');
 const filterKey = ref('all');
 const searchKeyword = ref('');
 const statusOptions = ref([]);
+const visibilityOptions = [
+    { key: 'public', value: '公开' },
+    { key: 'tenant_only', value: '仅会员' },
+    { key: 'private', value: '私有' }
+];
 const genreOptions = ref([]);
 const keys = ['C大调', 'D大调', 'E大调', 'F大调', 'G大调', 'A大调', 'B大调', '降E大调'];
 
@@ -196,6 +213,7 @@ const fetchContents = async () => {
    try {
       const params = {};
       if (filterStatus.value !== 'all') params.status = filterStatus.value;
+      if (filterVisibility.value !== 'all') params.visibility = filterVisibility.value;
       if (filterGenre.value !== 'all') params.genre = filterGenre.value;
       if (filterKey.value !== 'all') params.key = filterKey.value;
       if (searchKeyword.value) params.keyword = searchKeyword.value;
@@ -212,7 +230,7 @@ onMounted(() => {
    fetchContents();
 });
 
-watch([filterStatus, filterGenre, filterKey], () => {
+watch([filterStatus, filterVisibility, filterGenre, filterKey], () => {
    fetchContents();
 });
 
@@ -225,6 +243,15 @@ const getGenreLabel = (key) => {
     return opt ? opt.value : key;
 };
 
+const getVisibilityLabel = (vis) => {
+    const map = {
+        'public': '公开',
+        'tenant_only': '仅会员',
+        'private': '私有'
+    };
+    return map[vis] || vis;
+};
+
 const statusStyle = (status) => {
    // Map backend status to UI style. Labels should ideally come from backend option value/label map if needed,
    // but for style/color mapping we can keep it here or use a helper.