这个是RescueReleaseHome页面的内容模块<template> <view :clas...

下面是把你这个页面里所有“上传/发布/审核/视频上传”相关方法全部收敛成**一个 rescueCircle（维护/修改/发布）**后的“最完整超级页面内容模块”（SFC）。

只保留：文本、#话题、@朋友、图片/视频选择（最多9个）、逐个上传、失败提示、支持无文件纯文字发布。
你只需要把 RESCUE_CIRCLE_URL 换成你后端真实接口地址即可。

vue
<template>
	<view :class="['app-container', theme]">
		<view class="content">
			<view class="overlay">
				<!-- 顶部栏 -->
				<view class="header" :style="{ paddingTop: statusBarHeight + 'px', height: headerBarHeight + 'px' }">
					<view class="header-inner">
						<view class="left-box" @tap="navigateBack">
							<uni-icons type="left" color="#000000" size="26"></uni-icons>
						</view>

						<view class="center-box">
							<text class="title-text">发布作品</text>
						</view>

						<view class="right-box" @tap="showHelp">
							<text class="desc-text">说明</text>
						</view>
					</view>
				</view>

				<!-- 可滚动内容区域 -->
				<scroll-view scroll-y class="scroll-wrap">
					<view class="page-body">
						<!-- 文本描述 -->
						<view class="describe">
							<view class="texter">
								<textarea
									v-model="textAreaContent"
									placeholder="添加作品描述..."
									maxlength="500"
									@input="onTextInput"
									style="width: 100%;"
								/>
								<view class="counter">
									<text class="counter-text">{{ textAreaContentLength }}/500字</text>
								</view>
							</view>

							<!-- 话题 / 朋友入口 -->
							<view class="actions-row">
								<view class="chip" @tap="toggleTopics">#话题</view>
								<view class="chip" @tap="toggleFriends">@朋友</view>
								<view class="chip ghost" @tap="selectsfile">
									上传类型：{{ uploadMode === 'video' ? '视频' : '图片' }}
								</view>
								<view class="chip ghost" v-if="selectedFriendIds.length" @tap="clearFriend">
									清空@({{ selectedFriendIds.length }})
								</view>
								<view class="chip ghost" v-if="selectedTopicIds.length" @tap="clearTopic">
									清空话题({{ selectedTopicIds.length }})
								</view>
							</view>

							<!-- 话题组件 -->
							<TopicList v-if="showTopics" :topics="topics" @select-topic="handleSelectTopic" />

							<!-- 朋友组件 -->
							<FriendList v-if="showFriends" :friends="friends" @select-friend="handleSelectFriend" />
						</view>

						<!-- 上传区域 -->
						<view class="upload-card">
							<view class="upload-title">
								添加视频/图片
								<text class="upload-sub">（最多 9 个）</text>
							</view>

							<up-upload
								:fileList="fileList1"
								@afterRead="afterRead"
								@delete="deletePic"
								name="1"
								multiple
								:maxCount="9"
								:accept="uploadMode"
							/>

							<!-- 上传状态提示 -->
							<view class="upload-tip" v-if="fileList1.length">
								<text>已选择：{{ fileList1.length }} 个</text>
								<text v-if="uploadingCount > 0" style="margin-left: 14rpx;">上传中：{{ uploadingCount }} 个</text>
								<text v-if="failedCount > 0" style="margin-left: 14rpx; color:#ff4d4f;">失败：{{ failedCount }} 个</text>
							</view>

							<!-- 失败文件一键重置为可重传 -->
							<view class="upload-tip" v-if="failedCount > 0" style="margin-top: 8rpx;">
								<text style="color:#D89833;" @tap="resetFailedToReady">点我重试失败项</text>
							</view>
						</view>

						<!-- 展位 -->
						<view style="width: 100%;height: 116rpx;"></view>

						<!-- 发布按钮 -->
						<view class="publish-row">
							<view class="publish-btn" :class="{ disabled: publishing }" @tap="handlePublish">
								<view class="publish-inner">
									<uni-icons v-if="publishing" type="spinner-cycle" size="18" color="#fff"></uni-icons>
									<text class="publish-text">{{ publishing ? publishProgressText : '发布' }}</text>
								</view>
							</view>
						</view>

						<view style="height: 36rpx;"></view>
					</view>
				</scroll-view>
			</view>
		</view>
	</view>
</template>

<script setup>
	import { ref, computed, reactive, onMounted } from 'vue'
	import { storeToRefs } from 'pinia'
	import { useMainStore } from '@/store/index.js'
	import { getStatusBarHeight, getTitleBarHeight } from '@/utils/system.js'
	import { Getcontacts, Gettopics } from '@/api/api.js'

	// 组件
	import TopicList from '@/components/TopicList.vue'
	import FriendList from '@/components/FriendList.vue'

	/** ======================
	 * 主题
	 ====================== */
	const store = useMainStore()
	const { theme } = storeToRefs(store)

	/** ======================
	 * 顶部安全区与标题栏
	 ====================== */
	const statusBarHeight = ref(getStatusBarHeight())
	const headerBarHeight = ref(getTitleBarHeight())

	/** ======================
	 * 文本输入
	 ====================== */
	const textAreaContent = ref('')
	const textAreaContentLength = computed(() => textAreaContent.value.length)
	const onTextInput = () => {
		if (textAreaContent.value.length > 500) {
			textAreaContent.value = textAreaContent.value.slice(0, 500)
			uni.showToast({ title: '文字长度不能超过500字', icon: 'none' })
		}
	}

	/** ======================
	 * 话题/朋友
	 ====================== */
	const showTopics = ref(false)
	const showFriends = ref(false)

	const topics = ref([])
	const friends = ref([])

	// ✅ 改成数组：入口参数 friendIds / tagIds
	const selectedTopicIds = ref([])     // String[] tagIds
	const selectedFriendIds = ref([])    // String[] friendIds

	const toggleTopics = () => {
		if (!textAreaContent.value.endsWith('#')) textAreaContent.value += '#'
		showTopics.value = true
		showFriends.value = false
	}
	const toggleFriends = () => {
		showFriends.value = true
		showTopics.value = false
	}

	const handleSelectTopic = (topic) => {
		const name = topic?.name || ''
		const id = topic?.id != null ? String(topic.id) : ''
		if (name) textAreaContent.value += name
		showTopics.value = false
		if (id && !selectedTopicIds.value.includes(id)) selectedTopicIds.value.push(id)
	}

	const handleSelectFriend = (friend) => {
		const name = friend?.nickname || friend?.name || ''
		const id = friend?.id != null ? String(friend.id) : ''
		if (name) textAreaContent.value += '@' + name
		showFriends.value = false
		if (id && !selectedFriendIds.value.includes(id)) selectedFriendIds.value.push(id)
	}

	const clearFriend = () => { selectedFriendIds.value = [] }
	const clearTopic = () => { selectedTopicIds.value = [] }

	/** ======================
	 * 获取朋友/话题
	 ====================== */
	const consumerId = ref(uni.getStorageSync('consumerId') || '')

	const contactOption = ref({
		consumerId: consumerId.value,
		keyword: '',
		rowStartIdx: 0,
		rowCount: '20'
	})

	async function fetchFriends() {
		try {
			const res = await Getcontacts(contactOption.value)
			if (res?.result === 'success') friends.value = res.friendArray || []
		} catch (e) {
			uni.showToast({ title: '好友列表获取失败', icon: 'none' })
		}
	}

	const topicParams = {
		keyword: '',
		rowStartIdx: 0,
		rowCount: '20'
	}
	async function fetchTopics() {
		try {
			const res = await Gettopics(topicParams)
			topics.value = res?.tagArray || []
		} catch (e) {
			uni.showToast({ title: '话题获取失败', icon: 'none' })
		}
	}

	onMounted(() => {
		fetchFriends()
		fetchTopics()
	})

	/** ======================
	 * 上传选择（uview）
	 ====================== */
	const uploadMode = ref('image') // image | video
	const fileList1 = ref([])

	const deletePic = (event) => {
		fileList1.value.splice(event.index, 1)
	}

	const afterRead = (event) => {
		const lists = Array.isArray(event.file) ? event.file : [].concat(event.file)
		lists.forEach((item) => {
			const url = item?.url || item?.path || item?.tempFilePath
			if (!url) return
			fileList1.value.push({
				...item,
				url,
				status: 'ready',
				message: '等待上传'
			})
		})
	}

	const selectsfile = () => {
		if (publishing.value) return
		uni.showActionSheet({
			itemList: ['上传图片', '上传视频'],
			itemColor: "#000000",
			success: (res) => {
				const nextMode = res.tapIndex === 1 ? 'video' : 'image'
				if (uploadMode.value !== nextMode) {
					uploadMode.value = nextMode
					// ✅ 切换类型时建议清空已选文件（避免图片/视频混用）
					fileList1.value = []
					uni.showToast({ title: `已切换为${uploadMode.value === 'video' ? '视频' : '图片'}`, icon: 'none' })
				}
			},
			fail: () => uni.showToast({ title: '取消选择', icon: 'none' })
		})
	}

	/** ======================
	 * JSON 解析
	 ====================== */
	function safeParseJSON(maybe) {
		if (maybe == null) return { ok: false, data: null, raw: '' }
		if (typeof maybe === 'object') return { ok: true, data: maybe, raw: '' }
		const raw = String(maybe)
		const trimmed = raw.trim()
		if (trimmed.startsWith('<!DOCTYPE') || trimmed.startsWith('<html') || trimmed.startsWith('<')) {
			return { ok: false, data: null, raw }
		}
		try {
			return { ok: true, data: JSON.parse(raw), raw }
		} catch (e) {
			return { ok: false, data: null, raw }
		}
	}
	function shortText(str = '', n = 160) {
		const s = String(str || '')
		return s.length > n ? s.slice(0, n) + '...' : s
	}

	/** ======================
	 * ✅ 核心：rescueCircle（维护/修改/发布）
	 * 入参：
	 *  String consumerId
	 *  String content
	 *  String id
	 *  String[] friendIds
	 *  String[] tagIds
	 *  Integer type
	 *  String rescueCircleFile
	 * 返回：
	 *  成功：id
	 *  失败：错误提示
	 ====================== */

	// ⚠️ 换成你真实的后端地址（支持 multipart）
	const RESCUE_CIRCLE_URL = 'http://47.99.182.213:7018/applet/rescueCircle'

	// 你的动态 id：后端第一次成功返回后要保存，用于后续“修改/追加文件”
	const workId = ref('')

	// type：这里给一个常见映射（你可按后端调整）
	// 1=图片 2=视频
	const circleType = computed(() => (uploadMode.value === 'video' ? 2 : 1))

	// 发布状态
	const publishing = ref(false)
	const publishIndex = ref(0)
	const publishTotal = ref(0)

	const uploadingCount = computed(() => fileList1.value.filter(f => f.status === 'uploading').length)
	const failedCount = computed(() => fileList1.value.filter(f => f.status === 'failed').length)

	const publishProgressText = computed(() => {
		if (!publishing.value) return ''
		if (publishTotal.value <= 0) return '发布中...'
		return `发布中 ${publishIndex.value}/${publishTotal.value}`
	})

	const resetFailedToReady = () => {
		fileList1.value.forEach(f => {
			if (f.status === 'failed') {
				f.status = 'ready'
				f.message = '等待上传'
			}
		})
	}

	/**
	 * 统一处理后端返回：尽量兼容多种结构
	 */
	function extractIdFromResponse(data) {
		// 你可以按后端实际返回结构定制这里
		// 兼容：{id:"xx"} / {result:"success", id:"xx"} / {data:{id:"xx"}}
		const id = data?.id || data?.data?.id || data?.resultData?.id
		return id != null ? String(id) : ''
	}

	/**
	 * 无文件：纯文字发布/修改（uni.request）
	 */
	function rescueCircleNoFile() {
		return new Promise((resolve, reject) => {
			uni.request({
				url: RESCUE_CIRCLE_URL,
				method: 'POST',
				header: {
					'Content-Type': 'application/json'
				},
				data: {
					consumerId: consumerId.value,
					content: textAreaContent.value,
					id: workId.value,
					friendIds: selectedFriendIds.value, // ✅ 数组
					tagIds: selectedTopicIds.value,     // ✅ 数组
					type: circleType.value
				},
				success: (res) => {
					const parsed = safeParseJSON(res?.data)
					if (!parsed.ok) {
						reject(new Error('接口返回非JSON：' + shortText(parsed.raw)))
						return
					}
					resolve(parsed.data || {})
				},
				fail: (err) => reject(err)
			})
		})
	}

	/**
	 * 有文件：multipart 上传（uni.uploadFile）
	 */
	function rescueCircleUploadFile(filePath) {
		return new Promise((resolve, reject) => {
			uni.uploadFile({
				url: RESCUE_CIRCLE_URL,
				filePath,
				name: 'rescueCircleFile', // ✅ 对应入参 rescueCircleFile
				header: {
					"Content-Type": "multipart/form-data"
				},
				formData: {
					consumerId: consumerId.value,
					content: textAreaContent.value,
					id: workId.value,

					// ✅ 数组在 multipart 下常见做法：JSON 字符串（如后端不支持，请改成 join(',') 或 friendIds[0]...）
					friendIds: JSON.stringify(selectedFriendIds.value),
					tagIds: JSON.stringify(selectedTopicIds.value),

					type: String(circleType.value)
				},
				success: (res) => {
					const parsed = safeParseJSON(res?.data)
					if (!parsed.ok) {
						reject(new Error('接口返回非JSON：' + shortText(parsed.raw)))
						return
					}
					resolve(parsed.data || {})
				},
				fail: (err) => reject(err)
			})
		})
	}

	/**
	 * 发布：逐个文件调用 rescueCircle（稳）
	 * - 第一个成功后保存 workId（后端返回 id）
	 * - 后续文件带着 id，实现“维护/修改/追加”
	 */
	const handlePublish = async () => {
		if (publishing.value) return

		if (!consumerId.value) {
			uni.showToast({ title: '缺少consumerId，请先登录', icon: 'none' })
			return
		}

		const readyFiles = fileList1.value.filter(f => f.status === 'ready')
		const hasText = !!textAreaContent.value.trim()

		if (readyFiles.length === 0 && !hasText) {
			uni.showToast({ title: '请添加内容或图片/视频', icon: 'none' })
			return
		}

		publishing.value = true
		publishIndex.value = 0
		publishTotal.value = readyFiles.length

		uni.showLoading({ title: '发布中...', mask: true })

		try {
			// 1) 如果没有文件，但有文字：直接调用一次（维护/发布）
			if (readyFiles.length === 0 && hasText) {
				const data = await rescueCircleNoFile()
				const newId = extractIdFromResponse(data)
				if (!newId) throw new Error(data?.msg || data?.message || '发布失败：未返回id')
				workId.value = newId

				uni.hideLoading()
				uni.showToast({ title: '发布成功', icon: 'success' })
				setTimeout(() => uni.navigateBack({ delta: 1 }), 800)
				return
			}

			// 2) 有文件：逐个上传
			for (let i = 0; i < readyFiles.length; i++) {
				const file = readyFiles[i]
				publishIndex.value = i + 1

				file.status = 'uploading'
				file.message = '上传中...'

				try {
					const data = await rescueCircleUploadFile(file.url)
					const newId = extractIdFromResponse(data)
					if (newId) workId.value = newId

					// 如果后端返回了文件url，可回填
					if (data?.url) file.url = data.url
					file.status = 'success'
					file.message = ''
				} catch (err) {
					file.status = 'failed'
					file.message = '上传失败'

					const msg = err?.message || '上传失败'
					uni.hideLoading()
					uni.showModal({
						title: '上传失败',
						content:
							'原因：' + msg + '\n\n' +
							'常见原因：\n' +
							'1）接口地址错误 / 服务返回 HTML 错误页\n' +
							'2）服务 502/404\n' +
							'3）后端返回不是 JSON\n' +
							'4）friendIds/tagIds multipart 解析方式不一致（JSON vs 逗号拼接）',
						showCancel: false
					})
					throw err
				}
			}

			uni.hideLoading()
			uni.showToast({ title: '发布成功', icon: 'success' })
			setTimeout(() => uni.navigateBack({ delta: 1 }), 800)

		} catch (e) {
			uni.hideLoading()
		} finally {
			publishing.value = false
		}
	}

	/** ======================
	 * 其他：返回/说明
	 ====================== */
	const navigateBack = () => uni.navigateBack({ delta: 1 })

	const showHelp = () => {
		uni.showModal({
			title: '发布说明（rescueCircle）',
			content:
				'本页已统一使用 rescueCircle 完成“维护/修改/发布”。\n\n' +
				'入参：consumerId、content、id、friendIds[]、tagIds[]、type、rescueCircleFile。\n' +
				'返回：成功=动态id，失败=错误提示。\n\n' +
				'提示：\n' +
				'1）最多上传9个文件，逐个上传更稳定。\n' +
				'2）首次成功后会保存动态id，后续文件自动带id实现“修改/追加”。\n' +
				'3）如果提示“非JSON”，大概率是接口错误或服务返回HTML。\n' +
				'4）multipart 下数组字段默认用 JSON.stringify 发送，若后端不兼容请改为 join(\',\')。',
			showCancel: false
		})
	}
</script>

<style lang="scss" scoped>
	@import '@/assets/styles/global.scss';

	.content {
		min-height: 100vh;
		position: relative;
		background-size: cover;
	}

	.overlay {
		position: absolute;
		inset: 0;
		background-size: cover;
	}

	/* 顶部栏 */
	.header {
		width: 94%;
		margin: 0 auto;
	}

	.header-inner {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		height: 100%;
	}

	.left-box,
	.right-box {
		position: absolute;
		top: 0;
		bottom: 0;
		width: 120rpx;
		display: flex;
		align-items: center;
	}

	.left-box {
		left: 0;
		justify-content: flex-start;
	}

	.right-box {
		right: 0;
		justify-content: flex-end;
	}

	.scroll-wrap {
		width: 100%;
		height: 88vh;
	}

	/* 页面内容 */
	.page-body {
		width: 94%;
		margin: 0 auto;
		padding-bottom: 24rpx;
	}

	.describe {
		width: 100%;

		.texter {
			position: relative;
			border-radius: 20rpx;
			box-shadow: 0 2rpx 14rpx rgba(0, 0, 0, 0.06);
			background: #fff;
			padding: 20rpx;
			min-height: 240rpx;
		}

		textarea {
			min-height: 200rpx;
			font-size: 28rpx;
		}

		.counter {
			position: absolute;
			right: 10rpx;
			bottom: 10rpx;
		}

		.counter-text {
			font-size: 26rpx;
			color: #999;
		}

		.actions-row {
			display: flex;
			align-items: center;
			margin-top: 24rpx;
			gap: 20rpx;
			flex-wrap: wrap;
		}

		.chip {
			height: 50rpx;
			padding: 0 24rpx;
			border-radius: 50rpx;
			background-color: #D89833;
			font-size: 26rpx;
			display: flex;
			align-items: center;
			justify-content: center;
			color: #fff;
		}

		.chip.ghost {
			background-color: transparent;
			border: 1rpx solid rgba(0, 0, 0, 0.12);
			color: #333;
		}
	}

	.upload-card {
		margin-top: 24rpx;
		padding: 20rpx;
		background-color: #ffffff;
		border-radius: 12rpx;
	}

	.upload-title {
		font-size: 28rpx;
		color: #111;
		display: flex;
		align-items: center;
		gap: 10rpx;
		margin-bottom: 12rpx;
	}

	.upload-sub {
		font-size: 24rpx;
		color: #999;
	}

	.upload-tip {
		margin-top: 10rpx;
		font-size: 24rpx;
		color: #666;
	}

	.publish-row {
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.publish-btn {
		width: 224rpx;
		height: 72rpx;
		background-color: #D89833;
		border-radius: 12rpx;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.publish-btn.disabled {
		opacity: 0.6;
	}

	.publish-inner {
		display: flex;
		align-items: center;
		gap: 10rpx;
	}

	.publish-text {
		color: #ffffff;
		font-size: 28rpx;
	}
</style>

如果你告诉我后端 rescueCircle 真实返回结构（比如 {result:"success", id:"xxx"} 还是 {code:0, data:{id}}），以及 type 的取值规则（图片/视频分别是多少），我可以把 extractIdFromResponse() 和 circleType 映射改到完全吻合你接口的最终版。