提交 0a1b683b 编写于 作者: zhaosheng.zhang's avatar zhaosheng.zhang

fix: 问诊列表遗留问题优化测试

上级 642622be
...@@ -52,16 +52,12 @@ ...@@ -52,16 +52,12 @@
headers: { headers: {
token: localStorage.getItem('token'), token: localStorage.getItem('token'),
}, },
accept: 'image/png,image/jpeg,image/jpg', accept: '.png,.jpeg',
}; };
}, },
watch: { watch: {
imgList(newv) { imgList(newv) {
const newImageList = newv?.filter(item => { this.imgArr = newv;
const videoUrl = item?.url.endsWith('.jpeg') || item?.url.endsWith('.png') || item?.url.endsWith('.jpg');
if(videoUrl) return item;
});
this.imgArr = newImageList;
}, },
}, },
created() { created() {
......
...@@ -62,15 +62,12 @@ ...@@ -62,15 +62,12 @@
}, },
watch: { watch: {
imgList(newv) { imgList(newv) {
const newVideoList = newv?.filter(item => { const newList = newv?.map(item => {
const videoUrl = item?.url.endsWith('.mp4'); const suffixUrl = item?.url.substring(item?.url.lastIndexOf('/') + 1); // 接口不返回name,上传数据列表名称展示为截取url最后“/”后面的内容
if(videoUrl) { item.name = suffixUrl;
const suffixUrl = item?.url.substring(item?.url.lastIndexOf('/') + 1); // 接口不返回name,上传数据列表名称展示为截取url最后“/”后面的内容 return item;
item.name = suffixUrl;
return item;
}
}); });
this.imgArr = newVideoList; this.imgArr = newList;
}, },
}, },
created() { created() {
......
...@@ -673,7 +673,11 @@ ...@@ -673,7 +673,11 @@
<upload-img <upload-img
ref="imgComponent" ref="imgComponent"
:is-disable="editorType == 2" :is-disable="editorType == 2"
:img-list="formData?.illnessImageUrls" :img-list="
formData.illnessImageUrls.filter((i) => {
return i && isImageUrl(i.url) && !i.url.includes('.pdf');
})
"
/> />
</el-form-item> </el-form-item>
<el-form-item label="病情视频"> <el-form-item label="病情视频">
...@@ -683,7 +687,11 @@ ...@@ -683,7 +687,11 @@
<upload-video <upload-video
ref="videoComponent" ref="videoComponent"
:is-disable="editorType == 2" :is-disable="editorType == 2"
:img-list="formData?.illnessImageUrls" :img-list="
formData.illnessImageUrls.filter((i) => {
return i && isVideoUrl(i.url) && !i.url.includes('.pdf');
})
"
/> />
</el-form-item> </el-form-item>
<el-form-item label="检测报告"> <el-form-item label="检测报告">
...@@ -1474,6 +1482,15 @@ export default { ...@@ -1474,6 +1482,15 @@ export default {
openPdf(item) { openPdf(item) {
window.open(item.url); window.open(item.url);
}, },
// 正则匹配图片格式
isImageUrl(url) {
return /\.(jpg|jpeg|png)$/i.test(url);
},
// 正则匹配视频格式
isVideoUrl(url) {
const videoExtensions = /\.(mp4)$/i;
return videoExtensions.test(url);
},
}, },
}; };
</script> </script>
......
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册