yml/hfb_sys
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

新增首页 AW炫彩回收入口，支持后台配置展示图

Browse Source 
首页第三入口点击查看回收说明图；配置项 mobile.aw_recycle 可配标题/图片；aw-recycle 走公开文件链路，首页鉴权预览兼容旧私有地址。
This commit is contained in:
yml2213
2026-07-19 22:50:16 +08:00
parent dabcec45cb
commit 9b1ee445b7
14 changed files with 533 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files
backend/internal/modules/file/handler.go
+3 -1
View File
@@ -70,7 +70,9 @@ func (h *Handler) writeObject(c *gin.Context, publicOnly bool) {
!strings.HasPrefix(key, "avatar/") &&
!strings.HasPrefix(key, "payment-cert/") &&
!strings.HasPrefix(key, "announcement/") &&
!strings.HasPrefix(key, "mohong/") && !strings.HasPrefix(key, "crash/") {
!strings.HasPrefix(key, "mohong/") &&
!strings.HasPrefix(key, "crash/") &&
!strings.HasPrefix(key, "aw-recycle/") {
response.Error(c, http.StatusNotFound, "not_found", "文件不存在或暂不可访问")
return
}
backend/internal/modules/file/service.go
+2 -2
View File
@@ -106,7 +106,7 @@ func normalizeContentType(contentType string, data []byte) string {
func fileURLForScene(scene string, key string) string {
fileURL := "/api/files/object?key=" + url.QueryEscape(key)
if scene == "home-banner" || scene == "avatar" || scene == "payment-cert" || scene == "announcement" || scene == "mohong" || scene == "crash" {
if scene == "home-banner" || scene == "avatar" || scene == "payment-cert" || scene == "announcement" || scene == "mohong" || scene == "crash" || scene == "aw-recycle" {
fileURL = "/api/public/files/object?key=" + url.QueryEscape(key)
}
return fileURL
@@ -115,7 +115,7 @@ func fileURLForScene(scene string, key string) string {
func normalizeScene(scene string) string {
scene = strings.TrimSpace(strings.ToLower(scene))
switch scene {
case "listing", "handoff", "dispute", "realname", "avatar", "home-banner", "chat", "payment-cert", "announcement", "qrcode", "mohong", "crash":
case "listing", "handoff", "dispute", "realname", "avatar", "home-banner", "chat", "payment-cert", "announcement", "qrcode", "mohong", "crash", "aw-recycle":
return scene
default:
return "misc"
backend/internal/modules/file/storage_test.go
+11
View File
@@ -29,3 +29,14 @@ func TestNormalizeSceneAllowsAnnouncement(t *testing.T) {
t.Fatalf("normalize announcement scene = %q", got)
}
}
func TestAWRecycleSceneUsesPublicFileURL(t *testing.T) {
if got := normalizeScene("aw-recycle"); got != "aw-recycle" {
t.Fatalf("normalize aw-recycle scene = %q", got)
}
key := "aw-recycle/2026/07/19/example.webp"
got := fileURLForScene("aw-recycle", key)
if !strings.HasPrefix(got, "/api/public/files/object?") {
t.Fatalf("aw-recycle file url = %q, want public file endpoint", got)
}
}
backend/internal/modules/systemconfig/aw_recycle.go
+43
View File
@@ -0,0 +1,43 @@
package systemconfig
import (
"encoding/json"
"strings"
)
const awRecycleConfigKey = "mobile.aw_recycle"
func defaultAWRecycle() AWRecycleConfig {
return AWRecycleConfig{
Title: "AW炫彩回收",
Subtitle: "点击查看回收说明",
ImageURL: "",
Enabled: true,
}
}
func defaultAWRecycleConfigValue() string {
raw, err := json.Marshal(defaultAWRecycle())
if err != nil {
return `{"title":"AW炫彩回收","subtitle":"点击查看回收说明","image_url":"","enabled":true}`
}
return string(raw)
}
func normalizeAWRecycle(item AWRecycleConfig) AWRecycleConfig {
def := defaultAWRecycle()
title := strings.TrimSpace(item.Title)
if title == "" {
title = def.Title
}
subtitle := strings.TrimSpace(item.Subtitle)
if subtitle == "" {
subtitle = def.Subtitle
}
return AWRecycleConfig{
Title: title,
Subtitle: subtitle,
ImageURL: strings.TrimSpace(item.ImageURL),
Enabled: item.Enabled,
}
}
backend/internal/modules/systemconfig/dto.go
+9
View File
@@ -25,6 +25,15 @@ type HomeConfigDTO struct {
Announcements []string `json:"announcements"`
Banners []HomeBannerItem `json:"banners"`
PublishOptions PublishOptionsDTO `json:"publish_options"`
AWRecycle AWRecycleConfig `json:"aw_recycle"`
}
// AWRecycleConfig 首页「AW炫彩回收」入口：点击展示可配置图片。
type AWRecycleConfig struct {
Title string `json:"title"`
Subtitle string `json:"subtitle"`
ImageURL string `json:"image_url"`
Enabled bool `json:"enabled"`
}
type OrderAgreementsDTO struct {
backend/internal/modules/systemconfig/repository.go
+2
View File
@@ -45,6 +45,7 @@ var defaultConfigs = []defaultConfig{
{Key: "integration.paddle_ocr_model", Value: "PaddleOCR-VL-1.6", Description: "PaddleOCR 识别模型"},
{Key: homeAnnouncementsConfigKey, Value: defaultHomeAnnouncementsConfigValue(), Description: "移动端首页公告 JSON 数组"},
{Key: homeBannersConfigKey, Value: defaultHomeBannersConfigValue(), Description: "移动端首页轮播图 JSON 数组"},
{Key: awRecycleConfigKey, Value: defaultAWRecycleConfigValue(), Description: "首页 AW炫彩回收入口配置 JSON（标题/副标题/展示图片）"},
{Key: publishOptionsConfigKey, Value: defaultPublishOptionsConfigValue(), Description: "发布页选项配置 JSON"},
{Key: salePriceConfigKey, Value: defaultSalePriceConfigValue(), Description: "内部出售定价规则 JSON"},
}
@@ -67,6 +68,7 @@ var adminVisibleConfigKeys = []string{
"listing.sale_price_config",
"mobile.home_announcements",
"mobile.home_banners",
"mobile.aw_recycle",
"order.agreements",
"order.pending_payment_timeout_minutes",
"order.return_overdue_grace_minutes",
backend/internal/modules/systemconfig/service_home.go
+17
View File
@@ -28,6 +28,10 @@ func (s *Service) HomeConfig(ctx context.Context) (*HomeConfigDTO, error) {
if err != nil {
return nil, err
}
awRecycle, err := s.awRecycle(ctx)
if err != nil {
return nil, err
}
publishOptions, err := s.publishOptions(ctx)
if err != nil {
return nil, err
@@ -36,6 +40,7 @@ func (s *Service) HomeConfig(ctx context.Context) (*HomeConfigDTO, error) {
Announcements: announcements,
Banners: banners,
PublishOptions: publishOptions,
AWRecycle: awRecycle,
}, nil
}
@@ -62,3 +67,15 @@ func (s *Service) homeBanners(ctx context.Context) ([]HomeBannerItem, error) {
}
return normalizeHomeBanners(items), nil
}
func (s *Service) awRecycle(ctx context.Context) (AWRecycleConfig, error) {
value, err := s.repo.FindValue(ctx, awRecycleConfigKey)
if err != nil {
return defaultAWRecycle(), err
}
item := defaultAWRecycle()
if err := json.Unmarshal([]byte(value), &item); err != nil {
item = defaultAWRecycle()
}
return normalizeAWRecycle(item), nil
}
frontend/src/features/admin/components/AwRecycleDialog.vue
+231
View File
@@ -0,0 +1,231 @@
<script setup lang="ts">
import { readError } from '@/shared/utils/error'
import { ElMessage } from 'element-plus'
import { ref, watch } from 'vue'
import { uploadAdminFile } from '@/shared/api/files'
import {
defaultAWRecycleConfig,
type AWRecycleConfig,
} from '@/features/listings/api/homeConfig'
import { updateSystemConfig, type SystemConfig } from '@/features/admin/api/systemConfigs'
import { safeParseJSON } from '@/shared/utils/json'
import AuthImage from '@/shared/components/business/AuthImage.vue'
const props = defineProps<{
modelValue: boolean
config: SystemConfig
}>()
const emit = defineEmits<{
(e: 'update:modelValue', val: boolean): void
(e: 'saved'): void
}>()
const submitting = ref(false)
const uploading = ref(false)
const description = ref('')
const draft = ref<AWRecycleConfig>({ ...defaultAWRecycleConfig })
watch(
() => props.modelValue,
val => {
if (!val) return
draft.value = parseAWRecycle(props.config.value)
description.value = props.config.description || ''
},
{ immediate: true }
)
function parseAWRecycle(raw: string): AWRecycleConfig {
const parsed = safeParseJSON(raw, defaultAWRecycleConfig)
return {
title:
typeof parsed.title === 'string' && parsed.title.trim()
? parsed.title.trim()
: defaultAWRecycleConfig.title,
subtitle:
typeof parsed.subtitle === 'string' && parsed.subtitle.trim()
? parsed.subtitle.trim()
: defaultAWRecycleConfig.subtitle,
image_url: typeof parsed.image_url === 'string' ? parsed.image_url.trim() : '',
enabled: typeof parsed.enabled === 'boolean' ? parsed.enabled : true,
}
}
async function handleUpload(event: Event) {
const input = event.target as HTMLInputElement
const file = input.files?.[0]
input.value = ''
if (!file) return
uploading.value = true
try {
const uploaded = await uploadAdminFile(file, 'aw-recycle')
draft.value.image_url = uploaded.url
ElMessage.success('图片已上传')
} catch (error) {
ElMessage.error(readError(error, '图片上传失败'))
} finally {
uploading.value = false
}
}
async function handleSave() {
submitting.value = true
try {
const value = JSON.stringify(
{
title: draft.value.title.trim() || defaultAWRecycleConfig.title,
subtitle: draft.value.subtitle.trim() || defaultAWRecycleConfig.subtitle,
image_url: draft.value.image_url.trim(),
enabled: draft.value.enabled,
},
null,
2
)
await updateSystemConfig(props.config.key, {
value,
description: description.value,
})
ElMessage.success('配置已更新')
emit('saved')
emit('update:modelValue', false)
} catch (error) {
ElMessage.error(readError(error, '保存失败'))
} finally {
submitting.value = false
}
}
</script>
<template>
<el-dialog
:model-value="modelValue"
title="编辑 AW炫彩回收"
width="640px"
@update:model-value="emit('update:modelValue', $event)"
>
<div class="dialog-body">
<p class="config-key-label">
<strong>{{ config.key }}</strong>
</p>
<el-form label-width="88px">
<el-form-item label="启用入口">
<el-switch v-model="draft.enabled" active-text="显示" inactive-text="隐藏" />
</el-form-item>
<el-form-item label="标题">
<el-input v-model="draft.title" maxlength="32" placeholder="AW炫彩回收" />
</el-form-item>
<el-form-item label="副标题">
<el-input v-model="draft.subtitle" maxlength="64" placeholder="点击查看回收说明" />
</el-form-item>
<el-form-item label="展示图片">
<div class="image-editor">
<el-input v-model="draft.image_url" placeholder="图片 URL" />
<div class="image-tools">
<AuthImage
v-if="draft.image_url"
:source="draft.image_url"
admin
alt="预览"
fit="cover"
image-class="preview-img"
/>
<div v-else class="empty-image">暂无图片</div>
<label class="upload-trigger">
<input
type="file"
accept="image/jpeg,image/png,image/webp"
@change="handleUpload"
/>
{{ uploading ? '上传中…' : '上传图片' }}
</label>
</div>
<p class="hint">
走后台通用上传（scene=aw-recycle，公开可访问）。首页点击入口后展示此图，建议竖图或说明海报。
若旧图路径含 misc/ 且无法预览，请重新上传。
</p>
</div>
</el-form-item>
<el-form-item label="备注">
<el-input v-model="description" type="textarea" :rows="2" placeholder="配置说明" />
</el-form-item>
</el-form>
</div>
<template #footer>
<el-button @click="emit('update:modelValue', false)">取消</el-button>
<el-button type="primary" :loading="submitting" @click="handleSave">保存</el-button>
</template>
</el-dialog>
</template>
<style scoped>
.dialog-body {
display: grid;
gap: 12px;
}
.config-key-label {
margin: 0;
color: #64748b;
font-size: 12px;
}
.image-editor {
display: grid;
gap: 10px;
width: 100%;
}
.image-tools {
display: grid;
grid-template-columns: 180px auto;
gap: 12px;
align-items: end;
}
.image-tools :deep(.preview-img),
.empty-image {
width: 180px;
height: 120px;
border-radius: 10px;
border: 1px solid #e5e7eb;
object-fit: cover;
background: #f8fafc;
}
.empty-image {
display: grid;
place-items: center;
color: #94a3b8;
font-size: 13px;
}
.upload-trigger {
display: inline-flex;
align-items: center;
justify-content: center;
height: 32px;
padding: 0 12px;
border-radius: 8px;
border: 1px solid #d1d5db;
background: #fff;
color: #374151;
font-size: 13px;
font-weight: 600;
cursor: pointer;
}
.upload-trigger input {
display: none;
}
.hint {
margin: 0;
color: #94a3b8;
font-size: 12px;
line-height: 1.4;
}
</style>
frontend/src/features/admin/views/AdminSystemConfigsView.vue
+58 -10
View File
@@ -27,6 +27,11 @@ import PublishOptionsDialog from '../components/PublishOptionsDialog.vue'
import SalePriceDialog from '../components/SalePriceDialog.vue'
import HomeAnnouncementsDialog from '../components/HomeAnnouncementsDialog.vue'
import HomeBannersDialog from '../components/HomeBannersDialog.vue'
import AwRecycleDialog from '../components/AwRecycleDialog.vue'
import {
defaultAWRecycleConfig,
type AWRecycleConfig,
} from '@/features/listings/api/homeConfig'
import ListingPublishAgreementsDialog from '../components/ListingPublishAgreementsDialog.vue'
import OrderAgreementsDialog from '../components/OrderAgreementsDialog.vue'
import PostRentalNoticeDialog from '../components/PostRentalNoticeDialog.vue'
@@ -70,6 +75,7 @@ const publishVisible = ref(false)
const salePriceVisible = ref(false)
const announcementsVisible = ref(false)
const bannersVisible = ref(false)
const awRecycleVisible = ref(false)
const listingPublishAgreementsVisible = ref(false)
const agreementsVisible = ref(false)
const postRentalNoticeVisible = ref(false)
@@ -90,6 +96,9 @@ const homeAnnouncementsConfig = computed(
const homeBannersConfig = computed(
() => configs.value.find(item => item.key === 'mobile.home_banners') || null
)
const awRecycleConfig = computed(
() => configs.value.find(item => item.key === 'mobile.aw_recycle') || null
)
const listingPublishAgreementsConfig = computed(
() => configs.value.find(item => item.key === 'listing.publish_agreements') || null
)
@@ -135,6 +144,7 @@ const regularConfigs = computed(() =>
item.key !== 'listing.publish_cooldown_minutes' &&
item.key !== 'mobile.home_announcements' &&
item.key !== 'mobile.home_banners' &&
item.key !== 'mobile.aw_recycle' &&
item.key !== 'listing.publish_agreements' &&
item.key !== 'order.agreements' &&
item.key !== 'profile.post_rental_notice' &&
@@ -180,6 +190,13 @@ const homeStats = computed(() => {
}
})
const awRecycleStats = computed(() => {
const item = parseAWRecycle(awRecycleConfig.value?.value || '')
return {
enabledLabel: item.enabled ? (item.image_url ? '已配置图' : '已开启') : '已隐藏',
}
})
const agreementStats = computed(() => {
const agreements = parseOrderAgreements(orderAgreementsConfig.value?.value || '')
return {
@@ -236,6 +253,8 @@ function openEdit(row: SystemConfig) {
announcementsVisible.value = true
} else if (row.key === 'mobile.home_banners') {
bannersVisible.value = true
} else if (row.key === 'mobile.aw_recycle') {
awRecycleVisible.value = true
} else if (row.key === 'listing.publish_agreements') {
listingPublishAgreementsVisible.value = true
} else if (row.key === 'order.agreements') {
@@ -269,6 +288,22 @@ function parseHomeBanners(raw: string) {
return cloneHomeBanners(mergeHomeConfig({ banners: Array.isArray(parsed) ? parsed : [] }).banners)
}
function parseAWRecycle(raw: string): AWRecycleConfig {
const parsed = safeParseJSON(raw, defaultAWRecycleConfig)
return {
title:
typeof parsed.title === 'string' && parsed.title.trim()
? parsed.title.trim()
: defaultAWRecycleConfig.title,
subtitle:
typeof parsed.subtitle === 'string' && parsed.subtitle.trim()
? parsed.subtitle.trim()
: defaultAWRecycleConfig.subtitle,
image_url: typeof parsed.image_url === 'string' ? parsed.image_url.trim() : '',
enabled: typeof parsed.enabled === 'boolean' ? parsed.enabled : true,
}
}
function parseOrderAgreements(raw: string) {
const parsed = safeParseJSON(raw, defaultOrderAgreements)
return {
@@ -479,20 +514,26 @@ function formatConfigValue(row: SystemConfig) {
</div>
</section>
<section v-if="homeAnnouncementsConfig || homeBannersConfig" class="publish-config-panel">
<section
v-if="homeAnnouncementsConfig || homeBannersConfig || awRecycleConfig"
class="publish-config-panel"
>
<div class="publish-config-main">
<div>
<p class="eyebrow">Home Content</p>
<h2>移动端首页运营配置</h2>
<span>管理首页公告滚动内容和顶部轮播图，保存后移动端会从接口读取最新配置。</span>
<h2>首页运营配置</h2>
<span>管理首页公告、轮播图与 AW炫彩回收入口展示图，保存后 PC/移动端从接口读取。</span>
</div>
<div class="panel-actions">
<el-button v-if="homeAnnouncementsConfig" @click="openEdit(homeAnnouncementsConfig)"
>编辑公告</el-button
>
<el-button v-if="homeBannersConfig" type="primary" @click="openEdit(homeBannersConfig)"
<el-button v-if="homeBannersConfig" @click="openEdit(homeBannersConfig)"
>编辑轮播图</el-button
>
<el-button v-if="awRecycleConfig" type="primary" @click="openEdit(awRecycleConfig)"
>编辑 AW炫彩回收</el-button
>
</div>
</div>
<div class="publish-stat-grid home-stat-grid">
@@ -504,17 +545,17 @@ function formatConfigValue(row: SystemConfig) {
<strong>{{ homeStats.bannerCount }}</strong>
<span>轮播图</span>
</div>
<div class="publish-stat">
<strong>{{ awRecycleStats.enabledLabel }}</strong>
<span>AW炫彩回收</span>
</div>
<div class="publish-stat">
<strong>接口</strong>
<span>/api/mobile-home-config</span>
</div>
<div class="publish-stat">
<strong>公告</strong>
<span>{{ formatHomeConfigStatus(homeAnnouncementsConfig, '未初始化') }}</span>
</div>
<div class="publish-stat">
<strong>轮播</strong>
<span>{{ formatHomeConfigStatus(homeBannersConfig, '未初始化') }}</span>
<strong>更新</strong>
<span>{{ formatHomeConfigStatus(awRecycleConfig || homeBannersConfig, '未初始化') }}</span>
</div>
</div>
</section>
@@ -767,6 +808,13 @@ function formatConfigValue(row: SystemConfig) {
@saved="loadConfigs"
/>
<AwRecycleDialog
v-if="awRecycleConfig"
v-model="awRecycleVisible"
:config="awRecycleConfig"
@saved="loadConfigs"
/>
<ListingPublishAgreementsDialog
v-if="listingPublishAgreementsConfig"
v-model="listingPublishAgreementsVisible"
frontend/src/features/listings/api/homeConfig.ts
+31
View File
@@ -11,10 +11,25 @@ export interface HomeBannerSlide {
image_url?: string
}
export interface AWRecycleConfig {
title: string
subtitle: string
image_url: string
enabled: boolean
}
export interface MobileHomeConfig {
announcements: string[]
banners: HomeBannerSlide[]
publish_options: ListingPublishOptions
aw_recycle: AWRecycleConfig
}
export const defaultAWRecycleConfig: AWRecycleConfig = {
title: 'AW炫彩回收',
subtitle: '点击查看回收说明',
image_url: '',
enabled: true,
}
export const defaultHomeAnnouncements = [
@@ -75,10 +90,26 @@ export function mergeHomeConfig(config?: Partial<MobileHomeConfig>): MobileHomeC
})
.filter(item => item.title || item.image_url) || []
const awRaw = config?.aw_recycle
const awRecycle: AWRecycleConfig = {
title:
typeof awRaw?.title === 'string' && awRaw.title.trim()
? awRaw.title.trim()
: defaultAWRecycleConfig.title,
subtitle:
typeof awRaw?.subtitle === 'string' && awRaw.subtitle.trim()
? awRaw.subtitle.trim()
: defaultAWRecycleConfig.subtitle,
image_url:
typeof awRaw?.image_url === 'string' ? awRaw.image_url.trim() : defaultAWRecycleConfig.image_url,
enabled: typeof awRaw?.enabled === 'boolean' ? awRaw.enabled : defaultAWRecycleConfig.enabled,
}
return {
announcements: announcements.length ? announcements : defaultHomeAnnouncements,
banners: banners.length ? banners : defaultHomeBanners,
publish_options: mergeListingPublishOptions(config?.publish_options),
aw_recycle: awRecycle,
}
}
frontend/src/features/listings/views/HomeView.vue
+68 -1
View File
@@ -2,11 +2,15 @@
import { computed, ref, watch } from 'vue'
import { RouterLink, useRoute, useRouter } from 'vue-router'
import {
defaultAWRecycleConfig,
defaultHomeAnnouncements,
defaultHomeBanners,
fetchMobileHomeConfig,
type AWRecycleConfig,
type HomeBannerSlide,
} from '@/features/listings/api/homeConfig'
import { ElMessage } from 'element-plus'
import AuthImage from '@/shared/components/business/AuthImage.vue'
import {
emptyListingPublishOptions,
type ListingPublishOptions,
@@ -37,6 +41,8 @@ import ListingCard from '../components/ListingCard.vue'
const announcements = ref<string[]>(defaultHomeAnnouncements)
const banners = ref<HomeBannerSlide[]>(defaultHomeBanners)
const awRecycle = ref<AWRecycleConfig>({ ...defaultAWRecycleConfig })
const awRecycleDialogVisible = ref(false)
const publishOptions = ref<ListingPublishOptions>(emptyListingPublishOptions)
const sortBy = ref('recommended')
const sortOptions = [
@@ -149,16 +155,26 @@ async function loadHome() {
const [, config] = await Promise.all([loadListingsPage(true), fetchMobileHomeConfig()])
announcements.value = config.announcements
banners.value = config.banners
awRecycle.value = config.aw_recycle
publishOptions.value = config.publish_options
} catch {
announcements.value = defaultHomeAnnouncements
banners.value = defaultHomeBanners
awRecycle.value = { ...defaultAWRecycleConfig }
publishOptions.value = emptyListingPublishOptions
} finally {
loading.value = false
}
}
function openAWRecycle() {
if (!awRecycle.value.image_url) {
ElMessage.warning('回收说明图片尚未配置，请稍后再试')
return
}
awRecycleDialogVisible.value = true
}
function updateFilters(partial: Partial<typeof filters>) {
Object.assign(filters, partial)
}
@@ -275,8 +291,36 @@ loadHome()
<strong>撞车 <em>NEW</em></strong>
<small>选购商品 · 支付后进群联系客服</small>
</RouterLink>
<button
v-if="awRecycle.enabled"
type="button"
class="biz-entry aw-recycle"
@click="openAWRecycle"
>
<strong>{{ awRecycle.title }}</strong>
<small>{{ awRecycle.subtitle }}</small>
</button>
</div>
<el-dialog
v-model="awRecycleDialogVisible"
:title="awRecycle.title"
width="720px"
class="aw-recycle-dialog"
align-center
destroy-on-close
>
<AuthImage
v-if="awRecycle.image_url"
:source="awRecycle.image_url"
:alt="awRecycle.title"
fit="contain"
image-class="aw-recycle-image"
:preview-src-list="[awRecycle.image_url]"
/>
<el-empty v-else description="暂无展示图片" />
</el-dialog>
<HomeFilters
:filters="filters"
:total-listings="totalListings"
@@ -353,7 +397,7 @@ loadHome()
.biz-entry-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 12px;
}
@@ -366,6 +410,9 @@ loadHome()
border: 1px solid #eef1f5;
background: #fff;
text-decoration: none;
text-align: left;
cursor: pointer;
font: inherit;
transition:
border-color 0.18s ease,
box-shadow 0.18s ease;
@@ -396,6 +443,26 @@ loadHome()
font-style: normal;
}
.biz-entry.aw-recycle {
border-color: #e8edff;
background: linear-gradient(135deg, #ffffff 0%, #f5f8ff 100%);
}
:deep(.aw-recycle-image) {
display: block;
width: 100%;
max-height: 70vh;
object-fit: contain;
border-radius: 10px;
background: #f8fafc;
}
@media (max-width: 960px) {
.biz-entry-grid {
grid-template-columns: 1fr;
}
}
.infinite-load-state {
padding: 6px 0 18px;
color: #94a3b8;
frontend/src/features/listings/views/MobileHomeView.css
+11 -3
View File
@@ -345,8 +345,8 @@
.biz-entry-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 8px;
margin: 0 0 12px;
}
@@ -356,14 +356,22 @@
flex-direction: column;
gap: 4px;
min-width: 0;
padding: 12px 12px 12px 14px;
padding: 12px 10px 12px 12px;
border-radius: 14px;
background: #ffffff;
border: 1px solid #eef1f5;
text-decoration: none;
text-align: left;
cursor: pointer;
font: inherit;
box-shadow: 0 4px 14px rgba(23, 35, 61, 0.04);
}
.biz-entry.aw-recycle {
border-color: #e8edff;
background: linear-gradient(135deg, #ffffff 0%, #f5f8ff 100%);
}
.biz-entry strong {
color: #17233d;
font-size: 15px;
frontend/src/features/listings/views/MobileHomeView.vue
+45 -1
View File
@@ -1,7 +1,6 @@
<script setup lang="ts">
import { computed, nextTick, onBeforeUnmount, onMounted, ref, watch } from 'vue'
import { onBeforeRouteLeave, RouterLink, useRoute, useRouter } from 'vue-router'
import { showToast } from 'vant'
import MobileBottomNav from '@/components/MobileBottomNav.vue'
import { ensureSupportChat, resolveSupportScene } from '@/features/chats/api/chats'
import { formatCent, formatMoney } from '@/shared/utils/money'
@@ -15,11 +14,15 @@ import {
type PublicListingQuery,
} from '@/features/listings/api/listings'
import {
defaultAWRecycleConfig,
defaultHomeAnnouncements,
defaultHomeBanners,
fetchMobileHomeConfig,
type AWRecycleConfig,
type HomeBannerSlide,
} from '@/features/listings/api/homeConfig'
import { showImagePreview, showToast } from 'vant'
import { fetchFileBlobByURL } from '@/shared/api/files'
import MobileHomeFilterSheet, { type FilterSection } from './MobileHomeFilterSheet.vue'
import {
clearStoredHomeQuery,
@@ -76,6 +79,7 @@ const refreshing = ref(false)
const searchValue = ref('')
const announcements = ref<string[]>(defaultHomeAnnouncements)
const bannerSlides = ref<HomeBannerSlide[]>(defaultHomeBanners)
const awRecycle = ref<AWRecycleConfig>({ ...defaultAWRecycleConfig })
const supportLoading = ref(false)
const showBackTop = ref(false)
const mobilePageSize = 10
@@ -457,6 +461,7 @@ async function loadHomeConfig() {
const config = await fetchMobileHomeConfig()
announcements.value = config.announcements
bannerSlides.value = config.banners
awRecycle.value = config.aw_recycle
publishOptions.value = config.publish_options
homeCache.saveHomeConfig({
announcements: config.announcements,
@@ -466,10 +471,39 @@ async function loadHomeConfig() {
} catch {
announcements.value = defaultHomeAnnouncements
bannerSlides.value = defaultHomeBanners
awRecycle.value = { ...defaultAWRecycleConfig }
publishOptions.value = emptyListingPublishOptions
}
}
async function openAWRecycle() {
const source = awRecycle.value.image_url
if (!source) {
showToast({ message: '回收说明图片尚未配置', icon: 'warning-o' })
return
}
try {
// 私有 /api/files/object 需带鉴权拉取；公开 /api/public/files 可直接预览
let previewURL = source
if (
source.includes('/api/files/object') ||
source.includes('/api/admin/files/object')
) {
const blob = await fetchFileBlobByURL(source)
previewURL = URL.createObjectURL(blob)
}
showImagePreview({
images: [previewURL],
closeable: true,
})
} catch {
showToast({
message: '图片加载失败，请在后台重新上传（需使用公开图）',
icon: 'cross',
})
}
}
async function onRefresh() {
refreshing.value = true
try {
@@ -477,6 +511,7 @@ async function onRefresh() {
const [, nextHomeConfig] = await Promise.all([loadListings(true), fetchMobileHomeConfig()])
announcements.value = nextHomeConfig.announcements
bannerSlides.value = nextHomeConfig.banners
awRecycle.value = nextHomeConfig.aw_recycle
publishOptions.value = nextHomeConfig.publish_options
homeCache.saveHomeConfig({
announcements: nextHomeConfig.announcements,
@@ -842,6 +877,15 @@ syncMobileHomeQuery()
<small>选购商品 · 一键找客服</small>
<em class="biz-entry-badge">NEW</em>
</RouterLink>
<button
v-if="awRecycle.enabled"
type="button"
class="biz-entry aw-recycle"
@click="openAWRecycle"
>
<strong>{{ awRecycle.title }}</strong>
<small>{{ awRecycle.subtitle }}</small>
</button>
</div>
<div class="zone-strip" aria-label="账号专区">
frontend/src/shared/utils/imageUpload.ts
+2
View File
@@ -3,6 +3,7 @@ const IMAGE_UPLOAD_MAX_SIDE: Record<string, number> = {
chat: 1280,
announcement: 1600,
'home-banner': 1920,
'aw-recycle': 1920,
listing: 1920,
dispute: 1920,
handoff: 1920,
@@ -15,6 +16,7 @@ const IMAGE_UPLOAD_QUALITY: Record<string, number> = {
chat: 0.8,
announcement: 0.84,
'home-banner': 0.84,
'aw-recycle': 0.84,
listing: 0.84,
dispute: 0.86,
handoff: 0.86,