diff --git a/src/api/axiosConfig.js b/src/api/axiosConfig.js index 8384c28..c92bf30 100644 --- a/src/api/axiosConfig.js +++ b/src/api/axiosConfig.js @@ -2,6 +2,7 @@ import axios from 'axios'; import { logoutUser } from '../utils/jwt'; // logoutUser会处理清除存储和重定向 const API_BASE_URL = 'https://api.zybdatasupport.online'; +//const API_BASE_URL = 'http://hk.zybdatasupport.online:8000/'; const axiosInstance = axios.create({ baseURL: API_BASE_URL, diff --git a/src/views/index/DemandList.vue b/src/views/index/DemandList.vue index 284ed0c..e1076fd 100644 --- a/src/views/index/DemandList.vue +++ b/src/views/index/DemandList.vue @@ -20,6 +20,7 @@ 需求创建时间 回复数量 回复 + 状态 @@ -47,6 +48,11 @@ + + + {{ getStatusText(demand.status) }} + + @@ -61,28 +67,28 @@
-
- 昵称： - -
-
- QQ号： - -
+ + + + + + + + + + + + + + + + + + + + + +
内容： @@ -262,9 +278,9 @@
-

隐藏并删除

+

删除

-
确定要隐藏并删除该需求吗？此操作不可恢复。
+
确定要删除该需求吗？此操作不可恢复。
@@ -279,6 +295,7 @@ import { ref, onMounted, nextTick, computed } from 'vue' import { getDemandsList, addDemand, updateDemand, deleteDemand, addDemandReply } from '../../api/demands' import { getStoredUser } from '@/utils/jwt' +import { getUserByInfo } from '../../api/login' import ErrorDialog from '@/components/ErrorDialog.vue' // 响应式数据 @@ -289,6 +306,7 @@ const showModal = ref(false) const reply = ref(null) const replyModal = ref(false) const selectedDemand = ref(null) +const replyParsedTexts = ref([]) const showAddModal = ref(false) const addError = ref('') const addForm = ref({ @@ -322,9 +340,23 @@ const isNoReward = (reward) => { return !reward || reward === '无赏金' } -// 过滤掉已删除的需求（带有&DEL标记） +// 过滤需求：过滤掉已删除的需求，管理员隐藏的需求只有创建者可以看到 const filteredDemands = computed(() => { - return demands.value.filter(demand => !demand.content?.startsWith('&DEL')) + const user = getStoredUser() + return demands.value.filter(demand => { + // 过滤掉已删除的需求（状态为DEL或带有&DEL标记的旧数据） + if (demand.status === 'DEL' || demand.content?.startsWith('&DEL')) { + return false + } + + // 如果是管理员隐藏的需求，只有创建者自己可以看到 + if (demand.status === 'HIDE') { + return user && demand.qq_code && String(user.qq_code) === String(demand.qq_code) + } + + // 正常状态的需求所有人都可以看到 + return true + }) }) const getReplyCount = (demand) => { @@ -339,6 +371,34 @@ const getReplyCount = (demand) => { return 0; } +// 获取状态样式类 +const getStatusClass = (status) => { + switch (status) { + case 'NORMAL': + return 'status-normal' + case 'DEL': + return 'status-deleted' + case 'HIDE': + return 'status-hidden' + default: + return 'status-normal' + } +} + +// 获取状态显示文本 +const getStatusText = (status) => { + switch (status) { + case 'NORMAL': + return '正常' + case 'DEL': + return '已删除' + case 'HIDE': + return '管理员已隐藏' + default: + return '正常' + } +} + // 格式化日期 const formatDate = (dateString) => { if (!dateString || dateString === 'Test_date') return '日期未提供' @@ -377,25 +437,44 @@ const fetchDemands = async () => { } //回复显示弹窗 -const showReply = (demand) => { +const showReply = async (demand) => { reply.value = demand replyModal.value = true - resetReplyForm(); + await resetReplyForm(); } // 关闭回复弹窗 -const closeReplyModal = () => { +const closeReplyModal = async () => { replyModal.value = false; - resetReplyForm(); + await resetReplyForm(); } // 重置回复表单 -const resetReplyForm = () => { +const resetReplyForm = async () => { // 获取用户存储的qq_code const user = getStoredUser() + let authorName = '' + + // 如果用户已登录，尝试获取用户昵称 + if (user && user.qq_code) { + try { + console.log('回复表单 - 正在获取用户信息，QQ号:', user.qq_code) + const userInfo = await getUserByInfo({ qq_code: user.qq_code }) + console.log('回复表单 - 获取到的用户信息:', userInfo) + // authorName = userInfo.name || '' + authorName = userInfo.username || '' // 使用username字段而不是name字段 + console.log('回复表单 - 设置的作者昵称:', authorName) + } catch (error) { + console.log('回复表单 - 获取用户昵称失败:', error) + // 如果获取失败，使用空字符串 + authorName = '' + } + } + addForm.value = { sendcontent: '', - author: '', + // author: '', + author: authorName, // 使用从接口获取的用户昵称 author_contact: user && user.qq_code ? user.qq_code : '' }; addError.value = ''; @@ -406,9 +485,19 @@ const resetReplyForm = () => { } // 显示详情弹窗 -const showDetail = (demand) => { +const showDetail = async (demand) => { selectedDemand.value = demand showModal.value = true + + // 如果有sendcontent，解析所有回复文本 + if (demand.sendcontent) { + replyParsedTexts.value = [] + const replies = demand.sendcontent.split('|') + for (let i = 0; i < replies.length; i++) { + const parsed = await parseReplyText(replies[i]) + replyParsedTexts.value[i] = parsed + } + } } // 关闭弹窗 @@ -418,11 +507,30 @@ const closeModal = () => { } // 打开弹窗 -const openAddModal = () => { +const openAddModal = async () => { // 重置表单数据 const user = getStoredUser() + let requesterName = '' + + // 如果用户已登录，尝试获取用户昵称 + if (user && user.qq_code) { + try { + console.log('正在获取用户信息，QQ号:', user.qq_code) + const userInfo = await getUserByInfo({ qq_code: user.qq_code }) + console.log('获取到的用户信息:', userInfo) + // requesterName = userInfo.name || '' + requesterName = userInfo.username || '' // 使用username字段而不是name字段 + console.log('设置的请求者昵称:', requesterName) + } catch (error) { + console.log('获取用户昵称失败:', error) + // 如果获取失败，使用空字符串 + requesterName = '' + } + } + addForm.value = { - requester: '', + // requester: '', + requester: requesterName, // 使用从接口获取的用户昵称 content: '', reward: '', qq_code: user && user.qq_code ? user.qq_code : '', @@ -440,11 +548,11 @@ function closeAddModal() { addError.value = '' } -// 在 script setup 部分添加验证函数 -const validateQQ = (event) => { - // 只保留数字 - addForm.value.qq_code = event.target.value.replace(/[^\d]/g, ''); -} +// // 在 script setup 部分添加验证函数 +// const validateQQ = (event) => { +// // 只保留数字 +// addForm.value.qq_code = event.target.value.replace(/[^\d]/g, ''); +// } // 修改 submitAddForm 函数，添加 QQ 号验证 async function submitAddForm() { @@ -504,13 +612,13 @@ const submitReply = async () => { addError.value = ''; try { const replyData = { - reply: addForm.value.sendcontent + reply: addForm.value.sendcontent.replace(/\n/g, ' ').replace(/\r/g, ' ') }; console.log('提交的回复数据:', replyData); await addDemandReply(reply.value.id, replyData); replyModal.value = false; - resetReplyForm(); + await resetReplyForm(); fetchDemands(); // 刷新列表 } catch (e) { console.error('提交回复失败:', e); @@ -536,40 +644,83 @@ function autoResize() { } function extractQQ(str) { - // 首先尝试解析 qq:内容 格式 - const qqMatch = str.match(/^(\d+):(.+)$/) - if (qqMatch) { - return qqMatch[1] + // 首先尝试解析新格式：qq:内容 格式 + const newFormatMatch = str.match(/^(\d+):(.*)$/) + if (newFormatMatch) { + return newFormatMatch[1] } - // 兼容原有的昵称（QQ号）格式 - const match = str.match(/[（(]([1-9][0-9]{4,})[）)]/) - return match ? match[1] : '' + // 兼容旧格式：昵称（QQ号）：内容 格式 + const oldFormatMatch = str.match(/^(.+?)\((\d+)\)：(.*)$/) + if (oldFormatMatch) { + return oldFormatMatch[2] // QQ号部分 + } + + // 更宽松的旧格式匹配 + const flexibleOldMatch = str.match(/[（(](\d+)[）)]/); + return flexibleOldMatch ? flexibleOldMatch[1] : '' } -function parseReplyText(str) { - // 首先尝试解析 qq:内容 格式 - const qqMatch = str.match(/^(\d+):(.+)$/) - if (qqMatch) { +// 用于缓存用户名查询结果 +const usernameCache = ref({}) + +async function parseReplyText(str) { + // 首先尝试解析新格式：qq:内容 格式 + const newFormatMatch = str.match(/^(\d+):(.*)$/) + if (newFormatMatch) { + const qqNumber = newFormatMatch[1] + let username = qqNumber // 默认显示QQ号 + + // 尝试从缓存获取用户名 + if (usernameCache.value[qqNumber]) { + username = usernameCache.value[qqNumber] + } else { + // 通过API查询用户名 + try { + const userInfo = await getUserByInfo({ qq_code: qqNumber }) + if (userInfo && userInfo.username) { + username = `${userInfo.username}（${qqNumber}）` + usernameCache.value[qqNumber] = username + } + } catch (error) { + console.log('获取用户信息失败:', error) + // 失败时使用QQ号作为显示名 + username = qqNumber + } + } + return { - user: qqMatch[1], - content: qqMatch[2].trim() + user: username, + content: newFormatMatch[2].trim().replace(/\\n/g, '\n').replace(/\\r/g, '').replace(/\\t/g, ' ') } } - // 兼容原有的昵称（QQ号）格式，允许有空格 - const match = str.match(/^(.+?[（(][1-9][0-9]{4,}[）)])(.*)$/) - if (match) { - // match[1] 是昵称（QQ号），match[2] 是剩余内容（可能有"回复 xxx "等） + // 兼容旧格式：昵称（QQ号）：内容 格式 + const oldFormatMatch = str.match(/^(.+?)\((\d+)\)：(.*)$/) + if (oldFormatMatch) { + const nickname = oldFormatMatch[1].trim() + const qqNumber = oldFormatMatch[2] return { - user: match[1].trim(), - content: match[2].replace(/^：|^:/, '').trim() + user: `${nickname}（${qqNumber}）`, // 保持旧格式的显示样式 + content: oldFormatMatch[3].trim().replace(/\\n/g, ' ').replace(/\\r/g, '').replace(/\\t/g, ' ') } } - // fallback + + // 更宽松的旧格式匹配：处理可能的变体 + const flexibleOldMatch = str.match(/^(.+?)[（(](\d+)[）)][:：](.*)$/) + if (flexibleOldMatch) { + const nickname = flexibleOldMatch[1].trim() + const qqNumber = flexibleOldMatch[2] + return { + user: `${nickname}（${qqNumber}）`, + content: flexibleOldMatch[3].trim().replace(/\\n/g, ' ').replace(/\\r/g, '').replace(/\\t/g, ' ') + } + } + + // fallback：如果都不匹配，返回原始内容 return { user: '', - content: str + content: str.replace(/\\n/g, ' ').replace(/\\r/g, '').replace(/\\t/g, ' ') } } @@ -623,15 +774,15 @@ function handleDeleteDemand() { async function confirmDelete() { try { - // 使用updateDemand API，在content前面添加&DEL标记 - const updatedContent = `&DEL${selectedDemand.value.content}` + // 修改状态为DEL，保持原content内容不变 await updateDemand(pendingDeleteId.value, { requester: selectedDemand.value.requester, qq_code: selectedDemand.value.qq_code, - content: updatedContent, + content: selectedDemand.value.content, reward: selectedDemand.value.reward, date: selectedDemand.value.date, - sendcontent: selectedDemand.value.sendcontent + sendcontent: selectedDemand.value.sendcontent, + status: 'DEL' }) fetchDemands() closeModal() @@ -742,8 +893,27 @@ const onRefresh = () => { border: 1px solid #b6d2ff; } +.status-normal { + background: #f0f9ff; + color: #0369a1; + border: 1px solid #7dd3fc; +} + +.status-deleted { + background: #fef2f2; + color: #dc2626; + border: 1px solid #fca5a5; +} + +.status-hidden { + background: #fefce8; + color: #a16207; + border: 1px solid #fcd34d; +} + .maps-table td.reward, .maps-table td.reply-count, +.maps-table td.status, .maps-table tr { box-shadow: none !important; filter: none !important; @@ -1039,6 +1209,11 @@ const onRefresh = () => { font-size: 15px; } +.reply-content-with-newlines { + white-space: pre-wrap; /* 保留换行符和空白字符 */ + word-wrap: break-word; /* 长单词自动换行 */ +} + .warning-tip { background: linear-gradient(90deg, #ffeaea 0%, #ffd6d6 100%); color: #d32f2f;