YiLin/phone-app------test1-
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

添加本地连接下载，取消仅保存

Browse Source
This commit is contained in:
YiLin
2026-07-21 14:57:19 +08:00
parent bf9d5f3f22
commit d5d9423599
7 changed files with 601 additions and 535 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
pages/Chat/Chat.css
View File

@@ -52,7 +52,7 @@
align-items: center;
justify-content: center;
background-color: rgba(30, 30, 50, 0.35);
z-index: 1000;
z-index: 9999;
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
animation: fadeIn 0.25s ease;
@@ -801,13 +801,15 @@
display: flex;
flex-direction: column;
border-radius: 40rpx;
padding: 40rpx 36rpx;
}
.message-detail-content {
flex: 1;
min-height: 200rpx;
max-height: 60vh;
overflow-y: auto;
padding: 20rpx 0;
padding: 16rpx 0;
font-size: 28rpx;
line-height: 1.7;
color: #333333;

203
pages/Chat/Chat.vue
View File

@@ -34,26 +34,6 @@
</view>
</view>
<!-- ===== 消息详情弹窗 ===== -->
<view v-if="showMessageModal" class="ncd-overlay" @click="closeMessageDetail">
<view class="ncd-card message-detail-card" @click.stop>
<view class="ncd-header">
<text class="ncd-title-zh">消息详情</text>
<uni-icons type="closeempty" color="#ff0000" size="24" @click="closeMessageDetail"></uni-icons>
</view>
<scroll-view class="message-detail-content" scroll-y>
<text>{{ detailMessageContent }}</text>
<view v-if="detailLinks.length" class="detail-links-section">
<view class="detail-links-title">链接 ({{ detailLinks.length }})</view>
<view v-for="(link, i) in detailLinks" :key="i" class="detail-link-item" @click="openLink(link)">
<text class="link-text">{{ link }}</text>
</view>
</view>
</scroll-view>
</view>
</view>
<view class="chat-page page-container">
<!-- 弹窗出来时的笼罩层 -->
<view v-if="isChatSidebar" class="mask" @click="handleChatSidebar"></view>
@@ -251,6 +231,40 @@
</view>
</view>
<!-- ===== 消息详情弹窗 ===== -->
<view v-if="showMessageModal" class="ncd-overlay" @click="closeMessageDetail">
<view class="ncd-card message-detail-card" @click.stop>
<view class="ncd-header">
<text class="ncd-title-zh">消息详情</text>
<uni-icons type="closeempty" color="#ff0000" size="24" @click="closeMessageDetail"></uni-icons>
</view>
<scroll-view class="message-detail-content" scroll-y>
<text>{{ detailMessageContent }}</text>
<view v-if="detailLinks.length" class="detail-links-section">
<view class="detail-links-title">链接 ({{ detailLinks.length }})</view>
<view v-for="(link, i) in detailLinks" :key="i" class="detail-link-item" @click="openLink(link)">
<text class="link-text">{{ link }}</text>
</view>
</view>
</scroll-view>
</view>
</view>
<!-- ===== 自定义下载提示（层级高于弹窗） ===== -->
<view v-if="downloadToast.show" class="download-toast-overlay" :class="downloadToast.show ? '' : ''">
<view class="download-toast-card" :class="'download-toast-' + downloadToast.type">
<view v-if="downloadToast.type === 'loading'" class="download-toast-icon">
<view class="toast-dot"></view>
<view class="toast-dot"></view>
<view class="toast-dot"></view>
</view>
<text v-else class="download-toast-icon">{{ downloadToast.type === 'success' ? '✓' : '✕' }}</text>
<text class="download-toast-text">{{ downloadToast.message }}</text>
</view>
</view>
</template>
<script setup>
@@ -274,7 +288,8 @@
createWorkspace,
createConversation,
getUserInfo,
getUserAvatar
getUserAvatar,
conversationMessageDownload
} from '@/utils/cloud-api.js'
import {
getToken,
@@ -696,7 +711,7 @@
const detailMessageContent = ref('')
const detailLinks = ref([])
const extractLinks = (text) => {
const regex = /https?:\/\/[^\s<>"{}|\\^`[\]]+/gi
const regex = /https?:\/\/[^\s<>"{}|\\^`\[\]()]+/gi
const matches = text.match(regex)
return matches ? [...new Set(matches)] : []
}
@@ -710,14 +725,62 @@
detailMessageContent.value = ''
detailLinks.value = []
}
const openLink = (url) => {
// #ifdef APP-PLUS
plus.runtime.openURL(url)
// #endif
// #ifdef H5
window.open(url, '_blank')
// #endif
const downloadToast = ref({ show: false, type: 'loading', message: '' })
let downloadToastTimer = null
const showDownloadToast = (type, message, duration) => {
if (downloadToastTimer) clearTimeout(downloadToastTimer)
downloadToast.value = { show: true, type, message }
if (duration > 0) {
downloadToastTimer = setTimeout(() => {
downloadToast.value = { show: false, type: 'loading', message: '' }
}, duration)
}
}
const hideDownloadToast = () => {
if (downloadToastTimer) clearTimeout(downloadToastTimer)
downloadToast.value = { show: false, type: 'loading', message: '' }
}
const openLink = (url) => {
downloadAndHandle(url)
}
const downloadAndHandle = async (url) => {
try {
showDownloadToast('loading', '下载中...', 0)
const workspaceId = uni.getStorageSync('workspace_id') || ''
const result = await conversationMessageDownload(userToken.value, workspaceId, url)
const downloadUrl = typeof result === 'string' ? result : (result?.url || result?.download_url || '')
if (!downloadUrl) {
showDownloadToast('error', '获取下载地址失败', 2500)
return
}
uni.downloadFile({
url: downloadUrl,
success: (downloadRes) => {
if (downloadRes.statusCode === 200) {
hideDownloadToast()
uni.openDocument({
filePath: downloadRes.tempFilePath,
showMenu: true,
fail: () => {
showDownloadToast('error', '无法打开此文件', 2500)
}
})
} else {
showDownloadToast('error', '下载失败', 2500)
}
},
fail: () => {
showDownloadToast('error', '下载失败', 2500)
}
})
} catch (err) {
showDownloadToast('error', '下载失败: ' + (err.message || err), 2500)
}
}
const sendMessage = async () => {
const message = textMessage.value.trim()
@@ -1181,7 +1244,7 @@
const takeConversationMessages = async () => {
try {
allmessages.value = await getConversationMessages(userToken.value, currentSessionId.value) || [];
console.log("获取到的所有消息：", JSON.stringify(allmessages.value) );
// console.log("获取到的所有消息：", JSON.stringify(allmessages.value) );
// currentMessages.value = allmessages.value.slice(-pageInfoNumber);
// 数据获取后执行滚动
scrollToBottom();
@@ -1462,4 +1525,84 @@
color: #007aff;
word-break: break-all;
}
/* ========== 自定义下载 Toast（层级高于 ncd-overlay 的 9999）========== */
.download-toast-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
z-index: 10001;
pointer-events: none;
}
.download-toast-card {
display: flex;
align-items: center;
justify-content: center;
padding: 24rpx 40rpx;
border-radius: 24rpx;
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
box-shadow: 0 12rpx 40rpx rgba(0, 0, 0, 0.15);
animation: toastFadeIn 0.25s ease;
pointer-events: auto;
}
@keyframes toastFadeIn {
from { opacity: 0; transform: scale(0.85); }
to { opacity: 1; transform: scale(1); }
}
.download-toast-loading {
background: rgba(40, 40, 60, 0.92);
}
.download-toast-success {
background: rgba(40, 60, 40, 0.92);
}
.download-toast-error {
background: rgba(60, 30, 30, 0.92);
}
.download-toast-icon {
font-size: 36rpx;
color: #fff;
margin-right: 16rpx;
display: flex;
align-items: center;
}
.download-toast-card.download-toast-loading .download-toast-icon {
gap: 8rpx;
}
.toast-dot {
width: 12rpx;
height: 12rpx;
border-radius: 50%;
background: #fff;
animation: toastDotBlink 1.2s infinite ease-in-out;
}
.toast-dot:nth-child(2) { animation-delay: 0.3s; }
.toast-dot:nth-child(3) { animation-delay: 0.6s; }
@keyframes toastDotBlink {
0%, 100% { opacity: 0.3; transform: scale(0.75); }
50% { opacity: 1; transform: scale(1.2); }
}
.download-toast-text {
font-size: 28rpx;
color: #fff;
font-weight: 500;
}
</style>

102
pages/CloudDatabase/CloudDatabase.vue
View File

@@ -799,8 +799,8 @@
uni.hideLoading();
if (downloadRes.statusCode === 200) {
const tempPath = downloadRes.tempFilePath;
// 下载成功，保存到 yxd 目录
saveFileToYxd(file.name, tempPath);
// 下载成功，直接打开文件
openFile(tempPath);
} else {
uni.showToast({
title: '下载失败',
@@ -826,104 +826,6 @@
}
};
// 将下载的文件保存到外部存储 yxd 目录
const saveFileToYxd = (fileName, tempPath) => {
// #ifdef APP-PLUS
// App 端：复制文件到 /storage/emulated/0/yxd/
const YXD_PATH = '/storage/emulated/0/yxd/';
const ensureYxdDir = (callback) => {
plus.io.resolveLocalFileSystemURL(YXD_PATH, (dirEntry) => {
// 目录已存在
callback(dirEntry);
}, () => {
// 目录不存在，先创建
plus.io.resolveLocalFileSystemURL('/storage/emulated/0/', (rootEntry) => {
rootEntry.getDirectory('yxd', { create: true }, (dirEntry) => {
callback(dirEntry);
}, (err) => {
console.error('创建 yxd 目录失败：', JSON.stringify(err));
uni.showToast({ title: '创建目录失败', icon: 'error' });
openFileConfirm(fileName, tempPath);
});
}, (err) => {
console.error('访问外部存储根目录失败：', JSON.stringify(err));
uni.showToast({ title: '无法访问存储目录', icon: 'error' });
openFileConfirm(fileName, tempPath);
});
});
};
ensureYxdDir((yxdDirEntry) => {
plus.io.resolveLocalFileSystemURL(tempPath, (fileEntry) => {
fileEntry.copyTo(
yxdDirEntry,
fileName,
() => {
const targetPath = YXD_PATH + fileName;
console.log('文件已保存到：', targetPath);
openFileConfirm(fileName, targetPath);
},
(err) => {
console.error('复制文件失败：', JSON.stringify(err));
openFileConfirm(fileName, tempPath);
}
);
}, (err) => {
console.error('读取临时文件失败：', JSON.stringify(err));
openFileConfirm(fileName, tempPath);
});
});
// #endif
// #ifndef APP-PLUS
// 小程序/H5 端：使用 uni.saveFile 保存
uni.saveFile({
tempFilePath: tempPath,
success: (saveRes) => {
openFileConfirm(fileName, saveRes.savedFilePath);
},
fail: () => {
// saveFile 失败则直接确认打开
openFileConfirm(fileName, tempPath);
}
});
// #endif
};
// 下载成功后确认是否打开文件
const openFileConfirm = (fileName, filePath) => {
uni.showActionSheet({
title: `${fileName} 下载完成`,
itemList: ['打开文件', '选择其他应用打开', '仅保存'],
success: (res) => {
switch (res.tapIndex) {
case 0:
// 打开文件（系统默认应用）
openFile(filePath);
break;
case 1:
// 选择其他应用打开（showMenu 会弹出分享/打开方式菜单）
openFileWithMenu(filePath);
break;
case 2:
// 仅保存，不打开
uni.showToast({
title: '文件已保存到 yxd 目录',
icon: 'success'
});
break;
}
},
fail: () => {
// 用户取消，默认不打开
uni.showToast({
title: '文件已保存到 yxd 目录',
icon: 'success'
});
}
});
};
// 使用系统默认应用打开
const openFile = (filePath) => {
uni.openDocument({

102
pages/WorkSpace/WorkSpace.vue
View File

@@ -392,8 +392,8 @@
uni.hideLoading();
if (downloadRes.statusCode === 200) {
const tempPath = downloadRes.tempFilePath;
// 下载成功，保存到 yxd 目录
saveFileToYxd(fileName, tempPath);
// 下载成功，直接打开文件
openFile(tempPath);
} else {
uni.showToast({
title: '下载失败',
@@ -420,104 +420,6 @@
}
};
// 将下载的文件保存到外部存储 yxd 目录
const saveFileToYxd = (fileName, tempPath) => {
// #ifdef APP-PLUS
// App 端：复制文件到 /storage/emulated/0/yxd/
const YXD_PATH = '/storage/emulated/0/yxd/';
const ensureYxdDir = (callback) => {
plus.io.resolveLocalFileSystemURL(YXD_PATH, (dirEntry) => {
callback(dirEntry);
}, () => {
plus.io.resolveLocalFileSystemURL('/storage/emulated/0/', (rootEntry) => {
rootEntry.getDirectory('yxd', {
create: true
}, (dirEntry) => {
callback(dirEntry);
}, (err) => {
console.error('创建 yxd 目录失败：', JSON.stringify(err));
uni.showToast({
title: '创建目录失败',
icon: 'error'
});
openFileConfirm(fileName, tempPath);
});
}, (err) => {
console.error('访问外部存储根目录失败：', JSON.stringify(err));
uni.showToast({
title: '无法访问存储目录',
icon: 'error'
});
openFileConfirm(fileName, tempPath);
});
});
};
ensureYxdDir((yxdDirEntry) => {
plus.io.resolveLocalFileSystemURL(tempPath, (fileEntry) => {
fileEntry.copyTo(
yxdDirEntry,
fileName,
() => {
const targetPath = YXD_PATH + fileName;
console.log('文件已保存到：', targetPath);
openFileConfirm(fileName, targetPath);
},
(err) => {
console.error('复制文件失败：', JSON.stringify(err));
openFileConfirm(fileName, tempPath);
}
);
}, (err) => {
console.error('读取临时文件失败：', JSON.stringify(err));
openFileConfirm(fileName, tempPath);
});
});
// #endif
// #ifndef APP-PLUS
uni.saveFile({
tempFilePath: tempPath,
success: (saveRes) => {
openFileConfirm(fileName, saveRes.savedFilePath);
},
fail: () => {
openFileConfirm(fileName, tempPath);
}
});
// #endif
};
// 下载成功后确认是否打开文件
const openFileConfirm = (fileName, filePath) => {
uni.showActionSheet({
title: `${fileName} 下载完成`,
itemList: ['打开文件', '选择其他应用打开', '仅保存'],
success: (res) => {
switch (res.tapIndex) {
case 0:
openFile(filePath);
break;
case 1:
openFileWithMenu(filePath);
break;
case 2:
uni.showToast({
title: '文件已保存到 yxd 目录',
icon: 'success'
});
break;
}
},
fail: () => {
uni.showToast({
title: '文件已保存到 yxd 目录',
icon: 'success'
});
}
});
};
// 使用系统默认应用打开
const openFile = (filePath) => {
uni.openDocument({

593
unpackage/dist/dev/app-plus/app-service.js vendored
View File

File diff suppressed because it is too large Load Diff

89
unpackage/dist/dev/app-plus/pages/Chat/Chat.css vendored
View File

@@ -957,7 +957,7 @@ to { opacity: 1;
align-items: center;
justify-content: center;
background-color: rgba(30, 30, 50, 0.35);
z-index: 1000;
z-index: 9999;
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
animation: fadeIn-5eb7b895 0.25s ease;
@@ -1616,12 +1616,14 @@ to { opacity: 1; transform: translateY(0);
display: flex;
flex-direction: column;
border-radius: 1.25rem;
padding: 1.25rem 1.125rem;
}
.message-detail-content[data-v-5eb7b895] {
flex: 1;
min-height: 6.25rem;
max-height: 60vh;
overflow-y: auto;
padding: 0.625rem 0;
padding: 0.5rem 0;
font-size: 0.875rem;
line-height: 1.7;
color: #333333;
@@ -1740,3 +1742,86 @@ to { opacity: 1; transform: translateY(0);
color: #007aff;
word-break: break-all;
}
/* ========== 自定义下载 Toast（层级高于 ncd-overlay 的 9999）========== */
.download-toast-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
z-index: 10001;
pointer-events: none;
}
.download-toast-card {
display: flex;
align-items: center;
justify-content: center;
padding: 0.75rem 1.25rem;
border-radius: 0.75rem;
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
box-shadow: 0 0.375rem 1.25rem rgba(0, 0, 0, 0.15);
animation: toastFadeIn 0.25s ease;
pointer-events: auto;
}
@keyframes toastFadeIn {
from {
opacity: 0;
transform: scale(0.85);
}
to {
opacity: 1;
transform: scale(1);
}
}
.download-toast-loading {
background: rgba(40, 40, 60, 0.92);
}
.download-toast-success {
background: rgba(40, 60, 40, 0.92);
}
.download-toast-error {
background: rgba(60, 30, 30, 0.92);
}
.download-toast-icon {
font-size: 1.125rem;
color: #fff;
margin-right: 0.5rem;
display: flex;
align-items: center;
}
.download-toast-card.download-toast-loading .download-toast-icon {
gap: 0.25rem;
}
.toast-dot {
width: 0.375rem;
height: 0.375rem;
border-radius: 50%;
background: #fff;
animation: toastDotBlink 1.2s infinite ease-in-out;
}
.toast-dot:nth-child(2) {
animation-delay: 0.3s;
}
.toast-dot:nth-child(3) {
animation-delay: 0.6s;
}
@keyframes toastDotBlink {
0%, 100% {
opacity: 0.3;
transform: scale(0.75);
}
50% {
opacity: 1;
transform: scale(1.2);
}
}
.download-toast-text {
font-size: 0.875rem;
color: #fff;
font-weight: 500;
}

37
utils/cloud-api.js
View File

@@ -1681,3 +1681,40 @@ export const dbTransferToTeam = async (token, databaseId, teamId) => {
})
})
}
// 会话相关
// 下载消息文件
export const conversationMessageDownload = (token, workspacesId, localUrl) => {
return new Promise((resolve, reject) => {
uni.request({
url: `${BASE_URL}/cloud_api/phone/conversation/message/download`,
method: "POST",
header: {
'Content-Type': 'application/json'
},
data: {
"access_token": token,
"workspace_id": workspacesId,
"url": localUrl
},
success: (res) => {
if (res.statusCode === 200) {
const respond = res.data;
console.log(respond);
if (respond.local_success) {
resolve(respond.url || respond.download_url || respond.data || respond);
} else {
const msg = '下载消息文件出错啦';
reject(msg);
}
} else {
reject(`下载消息文件失败：${res.statusCode}`);
}
},
fail: (err) => {
const msg = err.errMsg || '网络错误';
reject(msg);
}
});
});
};