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

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

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