|
|
|
@ -4,9 +4,9 @@ |
|
|
|
<view class="im-footer bg-gray" v-if="contactid!==-2"> |
|
|
|
<view class="im-menus f-28" v-show="!isFocus || contact.is_group!=1" style="margin-bottom: 8rpx;" :class="[recShow ? 'cuIcon-keyboard' : 'cuIcon-sound']" hover-class="tap" @tap="showRec"></view> |
|
|
|
<view class="im-menus f-24" v-show="isFocus && contact.is_group==1" style="margin-bottom: 13rpx;" @tap="modelName='userModel'">@</view> |
|
|
|
<view class="im-msgarea" style="flex: 0.97;"> |
|
|
|
<view class="im-msgarea" style="flex: 0.97;width: 400rpx;"> |
|
|
|
<!-- im-flex1 --> |
|
|
|
<editor id="editor" class="solid-bottom bg-white im-input c-333" :adjust-position="false" maxlength="300" cursor-spacing="10" |
|
|
|
<editor id="editor" style="width: 100%;line-break: anywhere;" class="solid-bottom bg-white im-input c-333" :adjust-position="false" maxlength="300" cursor-spacing="10" |
|
|
|
@focus="InputFocus" @blur="InputBlur" @input="changeMsgText" @ready="onEditorReady" :read-only="readOnly" v-show="recShow==false"> </editor> |
|
|
|
<view class="toolBox" v-show="recShow==true"> |
|
|
|
<view class="recorder" :class="{active:isUseRecorder}" @touchstart.prevent="startRecorder" |
|
|
|
@ -51,16 +51,16 @@ |
|
|
|
<view class="upload-emoji" @tap="uploadEmoji"><text class="cuIcon-add c-999" style="vertical-align: sub;"></text></view> |
|
|
|
</view> |
|
|
|
<view v-for="(item,index) in currentEmojiList" class="im-emoji-item" :key="index"> |
|
|
|
<block v-for="(iteme,indexe) in imglist" :key="indexe" v-if="network_log == 'none'"> |
|
|
|
<!-- <block v-for="(iteme,indexe) in imglist" :key="indexe" v-if="network_log == 'none'"> |
|
|
|
<view v-if="iteme.name==item.name"> |
|
|
|
<image :src="iteme.path" style="width:100rpx;height:100rpx" mode="aspectFit" :fade-show="false" lazy-load @tap="chooseDiyEmoji(item)" v-if="emojiName=='favors'"></image> |
|
|
|
<image :src="iteme.path" style="width:44rpx;;height:44rpx" mode="aspectFit" lazy-load @tap="chooseEmoji(item)" v-else></image> |
|
|
|
</view> |
|
|
|
</block> |
|
|
|
<block v-else> |
|
|
|
<block v-else> --> |
|
|
|
<image :src="item.src" style="width:100rpx;height:100rpx" mode="aspectFit" :fade-show="false" lazy-load @tap="chooseDiyEmoji(item)" v-if="emojiName=='favors'"></image> |
|
|
|
<image :src="item.src" style="width:44rpx;;height:44rpx" mode="aspectFit" lazy-load @tap="chooseEmoji(item)" v-else></image> |
|
|
|
</block> |
|
|
|
<!-- </block> --> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</scroll-view> |
|
|
|
@ -197,7 +197,8 @@ export default { |
|
|
|
boardHeight:0, |
|
|
|
inputMsg1:"", |
|
|
|
network_log:'', |
|
|
|
imglist:[] |
|
|
|
imglist:[], |
|
|
|
FileImg:uni.getStorageSync('FileImg') |
|
|
|
} |
|
|
|
}, |
|
|
|
watch:{ |
|
|
|
@ -261,7 +262,7 @@ export default { |
|
|
|
this.currentEmojiList=emoji[0]['children']; |
|
|
|
this.getEmojiList(); |
|
|
|
// #ifdef APP-PLUS |
|
|
|
this.downloadFileImg() |
|
|
|
// this.downloadFileImg() |
|
|
|
// #endif |
|
|
|
uni.getSystemInfo({ |
|
|
|
success: res => { |
|
|
|
@ -312,10 +313,10 @@ export default { |
|
|
|
} |
|
|
|
} catch (e){return null;} |
|
|
|
// #endif |
|
|
|
this.network_log = uni.getStorageSync('network_log') |
|
|
|
if(this.network_log == 'none'){ |
|
|
|
this.getImagePath() |
|
|
|
} |
|
|
|
// this.network_log = uni.getStorageSync('network_log') |
|
|
|
// if(this.network_log == 'none'){ |
|
|
|
// this.getImagePath() |
|
|
|
// } |
|
|
|
}, |
|
|
|
methods:{ |
|
|
|
updateKeyboardHeightChange(res){ |
|
|
|
@ -385,11 +386,12 @@ export default { |
|
|
|
this.modelName=''; |
|
|
|
}, |
|
|
|
setAtList(item){ |
|
|
|
const val = {user_id:item.user_id,realname:item.realname?item.realname:item.realname1} |
|
|
|
this.isAt=true; |
|
|
|
this.closeModel(); |
|
|
|
this.edit.addLink({ |
|
|
|
prefix: '@', |
|
|
|
data: item |
|
|
|
data: item.avatar?val:item |
|
|
|
}) |
|
|
|
}, |
|
|
|
// 编辑器获得焦点 |
|
|
|
@ -699,73 +701,161 @@ export default { |
|
|
|
}) |
|
|
|
}, |
|
|
|
// 选择文件 |
|
|
|
chooseFile:function(){ |
|
|
|
let self=this; |
|
|
|
// #ifdef H5 |
|
|
|
uni.chooseFile({ |
|
|
|
count: 5, //默认100 |
|
|
|
success: function (res) { |
|
|
|
self.appendFile(res); |
|
|
|
} |
|
|
|
}); |
|
|
|
// #endif |
|
|
|
// #ifdef MP |
|
|
|
wx.chooseMessageFile({ |
|
|
|
count: 5, //默认100 |
|
|
|
success: function (res) { |
|
|
|
self.appendFile(res); |
|
|
|
} |
|
|
|
}); |
|
|
|
// #endif |
|
|
|
// chooseFile:function(){ |
|
|
|
// let self=this; |
|
|
|
// // #ifdef H5 |
|
|
|
// uni.chooseFile({ |
|
|
|
// count: 5, //默认100 |
|
|
|
// success: function (res) { |
|
|
|
// self.appendFile(res); |
|
|
|
// } |
|
|
|
// }); |
|
|
|
// // #endif |
|
|
|
// // #ifdef MP |
|
|
|
// wx.chooseMessageFile({ |
|
|
|
// count: 5, //默认100 |
|
|
|
// success: function (res) { |
|
|
|
// self.appendFile(res); |
|
|
|
// } |
|
|
|
// }); |
|
|
|
// // #endif |
|
|
|
|
|
|
|
// #ifdef APP-PLUS |
|
|
|
const lemonjkFileSelect = uni.requireNativePlugin('lemonjk-FileSelect'); |
|
|
|
lemonjkFileSelect.showPicker({ |
|
|
|
pathScope: "/Download", // 各属性配置见下方【showPicker可配置参数说明】 |
|
|
|
mimeType: "*/*", |
|
|
|
utisType:"public.data", |
|
|
|
multi:'yes', |
|
|
|
}, result => { |
|
|
|
// 未授权文件读取权限,可以提示用户未打开读取文件权限（仅安卓） |
|
|
|
if(result.code==1001){ |
|
|
|
uni.showModal({ |
|
|
|
title:"需要文件访问权限", |
|
|
|
content:"您还未授权本应用读取文件。为保证您可以正常上传文件，请在权限设置页面打开文件访问权限（不同手机厂商表述可能略有差异）请根据自己手机品牌设置", |
|
|
|
confirmText:"去授权", |
|
|
|
cancelText:"算了", |
|
|
|
success(e) { |
|
|
|
if(e.confirm){ |
|
|
|
// 跳转到应用设置页 |
|
|
|
lemonjkFileSelect.gotoSetting(); |
|
|
|
} |
|
|
|
} |
|
|
|
}) |
|
|
|
} |
|
|
|
let type='file'; |
|
|
|
let imageExts=['jpg','jpeg','png','bmp','gif']; |
|
|
|
let videoExts=['mp4','3gp','avi','m2v','mkv','mov']; |
|
|
|
result.files.forEach((item)=>{ |
|
|
|
if(imageExts.includes(item.fileExtension)){ |
|
|
|
type='image'; |
|
|
|
}else if(videoExts.includes(item.fileExtension)){ |
|
|
|
type='video'; |
|
|
|
}else{ |
|
|
|
type='file'; |
|
|
|
} |
|
|
|
let filePath='file://'+item.filePath; |
|
|
|
const message={ |
|
|
|
type:type, |
|
|
|
status:'going', |
|
|
|
fileName:item.FileName, |
|
|
|
fileSize:item.fileSize, |
|
|
|
content:filePath |
|
|
|
}; |
|
|
|
this.$emit('send',Object.assign(this.msgItem(), message),filePath); |
|
|
|
}) |
|
|
|
}) |
|
|
|
// #endif |
|
|
|
// // #ifdef APP-PLUS |
|
|
|
// const lemonjkFileSelect = uni.requireNativePlugin('lemonjk-FileSelect'); |
|
|
|
// lemonjkFileSelect.showPicker({ |
|
|
|
// pathScope: "/Download", // 各属性配置见下方【showPicker可配置参数说明】 |
|
|
|
// mimeType: "*/*", |
|
|
|
// utisType:"public.data", |
|
|
|
// multi:'yes', |
|
|
|
// }, result => { |
|
|
|
// // 未授权文件读取权限,可以提示用户未打开读取文件权限（仅安卓） |
|
|
|
// if(result.code==1001){ |
|
|
|
// uni.showModal({ |
|
|
|
// title:"需要文件访问权限", |
|
|
|
// content:"您还未授权本应用读取文件。为保证您可以正常上传文件，请在权限设置页面打开文件访问权限（不同手机厂商表述可能略有差异）请根据自己手机品牌设置", |
|
|
|
// confirmText:"去授权", |
|
|
|
// cancelText:"算了", |
|
|
|
// success(e) { |
|
|
|
// if(e.confirm){ |
|
|
|
// // 跳转到应用设置页 |
|
|
|
// lemonjkFileSelect.gotoSetting(); |
|
|
|
// } |
|
|
|
// } |
|
|
|
// }) |
|
|
|
// } |
|
|
|
// let type='file'; |
|
|
|
// let imageExts=['jpg','jpeg','png','bmp','gif']; |
|
|
|
// let videoExts=['mp4','3gp','avi','m2v','mkv','mov']; |
|
|
|
// result.files.forEach((item)=>{ |
|
|
|
// if(imageExts.includes(item.fileExtension)){ |
|
|
|
// type='image'; |
|
|
|
// }else if(videoExts.includes(item.fileExtension)){ |
|
|
|
// type='video'; |
|
|
|
// }else{ |
|
|
|
// type='file'; |
|
|
|
// } |
|
|
|
// let filePath='file://'+item.filePath; |
|
|
|
// const message={ |
|
|
|
// type:type, |
|
|
|
// status:'going', |
|
|
|
// fileName:item.FileName, |
|
|
|
// fileSize:item.fileSize, |
|
|
|
// content:filePath |
|
|
|
// }; |
|
|
|
// this.$emit('send',Object.assign(this.msgItem(), message),filePath); |
|
|
|
// }) |
|
|
|
// }) |
|
|
|
// // #endif |
|
|
|
|
|
|
|
// }, |
|
|
|
|
|
|
|
chooseFile: function() { |
|
|
|
let self = this; |
|
|
|
|
|
|
|
// 允许的文件类型（按扩展名） |
|
|
|
const allowedExtensions = ['pdf', 'doc', 'docx', 'txt', 'xls', 'xlsx', 'ppt', 'pptx', 'zip', 'rar']; |
|
|
|
|
|
|
|
// #ifdef H5 |
|
|
|
uni.chooseFile({ |
|
|
|
count: 5, |
|
|
|
accept: '.' + allowedExtensions.join(',.'), // 限制选择类型 |
|
|
|
success: function(res) { |
|
|
|
const filteredFiles = res.tempFiles.filter(file => { |
|
|
|
const ext = file.name.split('.').pop().toLowerCase(); |
|
|
|
return allowedExtensions.includes(ext); |
|
|
|
}); |
|
|
|
if (filteredFiles.length > 0) { |
|
|
|
self.appendFile({ tempFiles: filteredFiles }); |
|
|
|
} else { |
|
|
|
uni.showToast({ title: '只能上传PDF/Word/Excel等文档', icon: 'none' }); |
|
|
|
} |
|
|
|
} |
|
|
|
}); |
|
|
|
// #endif |
|
|
|
|
|
|
|
// #ifdef MP |
|
|
|
wx.chooseMessageFile({ |
|
|
|
count: 5, |
|
|
|
type: 'file', // 小程序专用参数：只选文档 |
|
|
|
success: function(res) { |
|
|
|
const filteredFiles = res.tempFiles.filter(file => { |
|
|
|
const ext = file.name.split('.').pop().toLowerCase(); |
|
|
|
return allowedExtensions.includes(ext); |
|
|
|
}); |
|
|
|
if (filteredFiles.length > 0) { |
|
|
|
self.appendFile({ tempFiles: filteredFiles }); |
|
|
|
} else { |
|
|
|
uni.showToast({ title: '只能上传PDF/Word/Excel等文档', icon: 'none' }); |
|
|
|
} |
|
|
|
} |
|
|
|
}); |
|
|
|
// #endif |
|
|
|
|
|
|
|
// #ifdef APP-PLUS |
|
|
|
const lemonjkFileSelect = uni.requireNativePlugin('lemonjk-FileSelect'); |
|
|
|
lemonjkFileSelect.showPicker({ |
|
|
|
pathScope: "/Download", |
|
|
|
mimeType: "application/*", // 限制MIME类型 |
|
|
|
utisType: "public.data", |
|
|
|
multi: 'yes' |
|
|
|
}, result => { |
|
|
|
if (result.code == 1001) { |
|
|
|
uni.showModal({ |
|
|
|
title: "需要文件访问权限", |
|
|
|
content: "请授权文件访问权限", |
|
|
|
confirmText: "去授权", |
|
|
|
success(e) { |
|
|
|
if (e.confirm) lemonjkFileSelect.gotoSetting(); |
|
|
|
} |
|
|
|
}); |
|
|
|
return; |
|
|
|
} |
|
|
|
|
|
|
|
// 过滤文件类型 |
|
|
|
const validFiles = result.files.filter(item => { |
|
|
|
const ext = item.fileExtension.toLowerCase(); |
|
|
|
return allowedExtensions.includes(ext); |
|
|
|
}); |
|
|
|
|
|
|
|
if (validFiles.length === 0) { |
|
|
|
uni.showToast({ title: '只能上传PDF/Word/Excel等文档', icon: 'none' }); |
|
|
|
return; |
|
|
|
} |
|
|
|
|
|
|
|
validFiles.forEach(item => { |
|
|
|
const message = { |
|
|
|
type: 'file', // 强制设为文件类型 |
|
|
|
status: 'going', |
|
|
|
fileName: item.FileName, |
|
|
|
fileSize: item.fileSize, |
|
|
|
content: 'file://' + item.filePath |
|
|
|
}; |
|
|
|
this.$emit('send', Object.assign(this.msgItem(), message), message.content); |
|
|
|
}); |
|
|
|
}); |
|
|
|
// #endif |
|
|
|
}, |
|
|
|
|
|
|
|
// 写入文件 |
|
|
|
appendFile(res){ |
|
|
|
const tempFiles=res.tempFiles; |
|
|
|
@ -1084,98 +1174,102 @@ export default { |
|
|
|
}) |
|
|
|
|
|
|
|
}, |
|
|
|
downloadFileImg(){ |
|
|
|
var self1 = this; |
|
|
|
this.currentEmojiList.forEach((res)=>{ |
|
|
|
// console.log(res); |
|
|
|
uni.downloadFile({ url: res.src,success: (downloadResult) => { |
|
|
|
self1.saveToPermanentStorage(downloadResult.tempFilePath); |
|
|
|
}}) |
|
|
|
}); |
|
|
|
}, |
|
|
|
// App端持久化存储实现 |
|
|
|
saveToPermanentStorage(tempPath) { |
|
|
|
return new Promise((resolve, reject) => { |
|
|
|
// 获取应用文档目录（持久化存储） |
|
|
|
plus.io.resolveLocalFileSystemURL( |
|
|
|
'_doc', |
|
|
|
(docDir) => { |
|
|
|
// 创建目标路径 |
|
|
|
docDir.getDirectory( |
|
|
|
'emoji', |
|
|
|
{ create: true, exclusive: false }, |
|
|
|
(entry) => { |
|
|
|
// 从临时路径获取文件名 |
|
|
|
const fileName = this.getFileName(tempPath); |
|
|
|
const fileName1 = this.getFileName(docDir.fullPath + 'emoji/' +fileName); |
|
|
|
// console.log(fileName); |
|
|
|
// console.log(fileName1); |
|
|
|
// 新增：检查文件是否存在 |
|
|
|
entry.getFile(fileName1,{ create: false }, // 不创建新文件 |
|
|
|
(fileEntry) => { |
|
|
|
// console.log('文件已存在，拒绝操作'); |
|
|
|
// 文件已存在，拒绝操作 |
|
|
|
reject(new Error('文件已存在: ' + fileName)); |
|
|
|
}, |
|
|
|
(error) => { |
|
|
|
// console.log(error); |
|
|
|
// 文件不存在（或发生其他错误），继续复制操作 |
|
|
|
if (error.code === 14) { // 1表示文件不存在（不同平台错误码可能不同） |
|
|
|
this.copyFile(tempPath, entry, fileName, resolve, reject); |
|
|
|
} else { |
|
|
|
reject(error); |
|
|
|
} |
|
|
|
} |
|
|
|
); |
|
|
|
}, |
|
|
|
(error) => { |
|
|
|
reject(error); |
|
|
|
} |
|
|
|
); |
|
|
|
}, |
|
|
|
(error) => { |
|
|
|
reject(error); |
|
|
|
} |
|
|
|
); |
|
|
|
}); |
|
|
|
}, |
|
|
|
// downloadFileImg(){ |
|
|
|
// if(this.FileImg==false){ |
|
|
|
// // console.log('123456'); |
|
|
|
// var self1 = this; |
|
|
|
// this.currentEmojiList.forEach((res)=>{ |
|
|
|
// // console.log(res); |
|
|
|
// uni.downloadFile({ url: res.src,success: (downloadResult) => { |
|
|
|
// self1.saveToPermanentStorage(downloadResult.tempFilePath); |
|
|
|
// }}) |
|
|
|
// }); |
|
|
|
// } |
|
|
|
// }, |
|
|
|
// // App端持久化存储实现 |
|
|
|
// saveToPermanentStorage(tempPath) { |
|
|
|
// return new Promise((resolve, reject) => { |
|
|
|
// // 获取应用文档目录（持久化存储） |
|
|
|
// plus.io.resolveLocalFileSystemURL( |
|
|
|
// '_doc', |
|
|
|
// (docDir) => { |
|
|
|
// // 创建目标路径 |
|
|
|
// docDir.getDirectory( |
|
|
|
// 'emoji', |
|
|
|
// { create: true, exclusive: false }, |
|
|
|
// (entry) => { |
|
|
|
// // 从临时路径获取文件名 |
|
|
|
// const fileName = this.getFileName(tempPath); |
|
|
|
// uni.setStorageSync('FileImg',true); |
|
|
|
// const fileName1 = this.getFileName(docDir.fullPath + 'emoji/' +fileName); |
|
|
|
// // console.log(fileName); |
|
|
|
// // console.log(fileName1); |
|
|
|
// // 新增：检查文件是否存在 |
|
|
|
// entry.getFile(fileName1,{ create: false }, // 不创建新文件 |
|
|
|
// (fileEntry) => { |
|
|
|
// // console.log('文件已存在，拒绝操作'); |
|
|
|
// // 文件已存在，拒绝操作 |
|
|
|
// reject(new Error('文件已存在: ' + fileName)); |
|
|
|
// }, |
|
|
|
// (error) => { |
|
|
|
// // console.log(error); |
|
|
|
// // 文件不存在（或发生其他错误），继续复制操作 |
|
|
|
// if (error.code === 14) { // 1表示文件不存在（不同平台错误码可能不同） |
|
|
|
// this.copyFile(tempPath, entry, fileName, resolve, reject); |
|
|
|
// } else { |
|
|
|
// reject(error); |
|
|
|
// } |
|
|
|
// } |
|
|
|
// ); |
|
|
|
// }, |
|
|
|
// (error) => { |
|
|
|
// reject(error); |
|
|
|
// } |
|
|
|
// ); |
|
|
|
// }, |
|
|
|
// (error) => { |
|
|
|
// reject(error); |
|
|
|
// } |
|
|
|
// ); |
|
|
|
// }); |
|
|
|
// }, |
|
|
|
|
|
|
|
// 提取复制逻辑为独立方法 |
|
|
|
copyFile(tempPath, targetDir, fileName, resolve, reject) { |
|
|
|
plus.io.resolveLocalFileSystemURL( |
|
|
|
tempPath, |
|
|
|
(tempEntry) => { |
|
|
|
tempEntry.copyTo( |
|
|
|
targetDir, |
|
|
|
fileName, |
|
|
|
(newEntry) => { |
|
|
|
resolve(newEntry.toLocalURL()); |
|
|
|
}, |
|
|
|
(error) => { |
|
|
|
reject(error); |
|
|
|
} |
|
|
|
); |
|
|
|
}, |
|
|
|
(error) => { |
|
|
|
reject(error); |
|
|
|
} |
|
|
|
); |
|
|
|
}, |
|
|
|
// 获取文件名工具方法 |
|
|
|
getFileName(path) { |
|
|
|
const index = path.lastIndexOf('/'); |
|
|
|
let fileName = path.substr(index + 1); |
|
|
|
fileName = fileName.replace(/\(\d+\)(?=\.[^./]+$)/, ''); |
|
|
|
return fileName; |
|
|
|
}, |
|
|
|
async getImagePath(){ |
|
|
|
this.imglist = await getSavedImages3() |
|
|
|
this.imglist.map(item => { |
|
|
|
item.path = plus.io.convertLocalFileSystemURL(item.path) |
|
|
|
item.name = item.name.replace(/\.png$/i, ''); |
|
|
|
}); |
|
|
|
// console.info('读取地址',this.imglist); |
|
|
|
}, |
|
|
|
// // 提取复制逻辑为独立方法 |
|
|
|
// copyFile(tempPath, targetDir, fileName, resolve, reject) { |
|
|
|
// plus.io.resolveLocalFileSystemURL( |
|
|
|
// tempPath, |
|
|
|
// (tempEntry) => { |
|
|
|
// tempEntry.copyTo( |
|
|
|
// targetDir, |
|
|
|
// fileName, |
|
|
|
// (newEntry) => { |
|
|
|
// resolve(newEntry.toLocalURL()); |
|
|
|
// }, |
|
|
|
// (error) => { |
|
|
|
// reject(error); |
|
|
|
// } |
|
|
|
// ); |
|
|
|
// }, |
|
|
|
// (error) => { |
|
|
|
// reject(error); |
|
|
|
// } |
|
|
|
// ); |
|
|
|
// }, |
|
|
|
// // 获取文件名工具方法 |
|
|
|
// getFileName(path) { |
|
|
|
// const index = path.lastIndexOf('/'); |
|
|
|
// let fileName = path.substr(index + 1); |
|
|
|
// fileName = fileName.replace(/\(\d+\)(?=\.[^./]+$)/, ''); |
|
|
|
// return fileName; |
|
|
|
// }, |
|
|
|
// async getImagePath(){ |
|
|
|
// this.imglist = await getSavedImages3() |
|
|
|
// this.imglist.map(item => { |
|
|
|
// item.path = plus.io.convertLocalFileSystemURL(item.path) |
|
|
|
// item.name = item.name.replace(/\.png$/i, ''); |
|
|
|
// }); |
|
|
|
// // console.info('读取地址',this.imglist); |
|
|
|
// }, |
|
|
|
} |
|
|
|
} |
|
|
|
</script> |
|
|
|
|
