@@ -711,19 +470,9 @@
-
+
-
@@ -733,27 +482,12 @@
-
-
+
-
@@ -764,16 +498,12 @@
+
+
@@ -901,6 +631,7 @@ export default {
// ====================== 图片预览 ======================
imagePreviewVisible: false,
imagePreviewUrl: "",
+ imagePreviewType: "image", // 'image' | 'video'
imageClickTimer: null,
};
},
@@ -971,6 +702,20 @@ export default {
],
},
},
+ {
+ description: "Videos",
+ accept: {
+ "video/*": [
+ ".mp4",
+ ".avi",
+ ".mov",
+ ".wmv",
+ ".flv",
+ ".mkv",
+ ".webm",
+ ],
+ },
+ },
],
});
// 逐个上传选中的文件
@@ -992,10 +737,12 @@ export default {
this.$refs.fileInput.click();
},
async handleFileChange(event) {
- const file = event.target.files[0];
- if (!file) return;
+ const files = event.target.files;
+ if (!files || files.length === 0) return;
try {
- await this.uploadImageToMinIO(file);
+ for (const file of files) {
+ await this.uploadImageToMinIO(file);
+ }
} catch (error) {
console.error("超声影像上传失败:", error);
this.$modal.msgError("超声影像上传失败: " + error.message);
@@ -1027,7 +774,7 @@ export default {
objectName,
file,
{},
- (percent) => {}
+ (percent) => { }
);
console.log("MinIO 上传成功:", result);
@@ -1057,10 +804,33 @@ export default {
clearTimeout(this.imageClickTimer);
this.imageClickTimer = null;
}
+ // 视频：双击打开预览弹窗，不插入影像区域
+ if (this.isVideoFile(row)) {
+ this.imagePreviewUrl =
+ this.$store.state.user.netConfig.MINIO_ENDPOINT_HTTPS +
+ row.bucket_compress +
+ "/" +
+ row.object_compress;
+ this.imagePreviewType = "video";
+ this.imagePreviewVisible = true;
+ return;
+ }
+ // 图片：双击插入影像区域
row.showInDoc = 1;
},
- // 图片单击预览（300ms 内无双击则触发）
+ // 判断文件是否为视频类型
+ isVideoFile(row) {
+ const videoExts = ["mp4", "avi", "mov", "wmv", "flv", "mkv", "webm"];
+ const ext = (row.object_compress || "")
+ .split(".")
+ .pop()
+ .toLowerCase();
+ return videoExts.includes(ext);
+ },
+ // 图片单击预览（300ms 内无双击则触发，视频单击不触发）
handleImageClick(row) {
+ // 视频不响应单击
+ if (this.isVideoFile(row)) return;
if (this.imageClickTimer) {
clearTimeout(this.imageClickTimer);
this.imageClickTimer = null;
@@ -1073,6 +843,7 @@ export default {
row.bucket_compress +
"/" +
row.object_compress;
+ this.imagePreviewType = "image";
this.imagePreviewVisible = true;
}, 300);
},
@@ -1083,7 +854,7 @@ export default {
this.form.attachment.splice(index, 1);
this.$modal.msgSuccess("删除成功");
})
- .catch(() => {});
+ .catch(() => { });
},
// 审批通过
handlePass() {
@@ -1100,7 +871,7 @@ export default {
this.$modal.msgSuccess("审核通过成功");
this.getReportInfo(this.form.id);
})
- .catch(() => {});
+ .catch(() => { });
},
// 审批驳回 - 打开驳回原因弹窗
handleReject() {
@@ -1187,13 +958,13 @@ export default {
// 数组类型参数
equipments: form.equipments
? form.equipments.map((item) =>
- typeof item === "object" ? item.id : item
- )
+ typeof item === "object" ? item.id : item
+ )
: [],
exam_rooms: form.exam_rooms
? form.exam_rooms.map((item) =>
- typeof item === "object" ? item.id : item
- )
+ typeof item === "object" ? item.id : item
+ )
: [],
expert_ids: form.expert_ids || [],
templates: form.templates || [],
@@ -1201,11 +972,11 @@ export default {
expert_comments:
form.experts && form.experts.length > 0
? JSON.stringify(
- form.experts.map((e) => ({
- comment: e.user_comment || "",
- id: e.expert_id || 0,
- }))
- )
+ form.experts.map((e) => ({
+ comment: e.user_comment || "",
+ id: e.expert_id || 0,
+ }))
+ )
: "[]",
// 报告ID和提交类型
report_id: form.id || 0,
@@ -1217,7 +988,7 @@ export default {
this.getReportInfo(form.id);
this.$modal.msgSuccess(msg);
})
- .catch(() => {});
+ .catch(() => { });
},
// 打印
handlePrint() {
@@ -1259,7 +1030,7 @@ export default {
.then(() => {
this.$router.back();
})
- .catch(() => {});
+ .catch(() => { });
} else {
this.$router.back();
}
@@ -1280,28 +1051,28 @@ export default {
age: this.form.patient_age || 0,
agetype: this.form.patient_age_type
? patientAgeTypeList.find(
- (i) => i.value == this.form.patient_age_type
- ).label || ""
+ (i) => i.value == this.form.patient_age_type
+ ).label || ""
: "",
body: this.form.positions.length
? this.form.positions
- .map((item) => item.level2.name)
- .join("|") +
- (this.form.position_text
- ? "|" + this.form.position_text
- : "")
+ .map((item) => item.level2.name)
+ .join("|") +
+ (this.form.position_text
+ ? "|" + this.form.position_text
+ : "")
: this.form.position_text,
name: this.form.patient_name || "",
report_id: this.form.id,
sex: this.form.patient_sex
? patientSexList.find((i) => i.value == this.form.patient_sex)
- .label || ""
+ .label || ""
: "",
status:
this.form.submit_type || 0
? this.statusList.find(
- (i) => i.value == this.form.submit_type
- ).label || ""
+ (i) => i.value == this.form.submit_type
+ ).label || ""
: "",
}),
file_duration: 0,
@@ -1411,7 +1182,7 @@ export default {
this.loadTemplateList();
this.$modal.msgSuccess("删除成功");
})
- .catch(() => {});
+ .catch(() => { });
},
// 部位模板-超声所见
handleComment() {
@@ -1480,7 +1251,7 @@ export default {
this.loadPhraseList();
this.$modal.msgSuccess("删除成功");
})
- .catch(() => {});
+ .catch(() => { });
},
applyPhrase(row) {
postReportPhraseCount({ phrase_id: row.id }).then((res) => {
@@ -1611,9 +1382,11 @@ export default {
background: #f0f0f0 !important;
}
}
+
.el-form-item {
margin-bottom: 5px !important;
}
+
/* 内部滚动区域高度自适应 */
.report-form {
height: calc(100vh - 239px);
@@ -1699,6 +1472,7 @@ export default {
padding: 5px;
box-sizing: border-box;
}
+
/* 锚点导航：垂直排列，靠右固定，不滚动 */
.anchor-nav {
display: flex;
@@ -1729,4 +1503,47 @@ export default {
display: inline-block;
cursor: pointer;
}
+
+// 视频缩略图容器
+.video-thumb-wrapper {
+ position: relative;
+ display: inline-block;
+ width: 100px;
+ height: 80px;
+ cursor: pointer;
+ border-radius: 4px;
+ overflow: hidden;
+ background: #000;
+
+ video {
+ display: block;
+ width: 100%;
+ height: 100%;
+ }
+}
+
+// 视频播放图标
+.video-play-icon {
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+ font-size: 28px;
+ color: rgba(255, 255, 255, 0.9);
+ pointer-events: none;
+ text-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
+}
+
+// 影像区域居中
+.imaging-row {
+ justify-content: center;
+}
+
+.imaging-item {
+ ::v-deep .el-form-item__content {
+ display: flex;
+ justify-content: center;
+ margin: 0 20px !important;
+ }
+}
\ No newline at end of file
- ![预览]()
+ ![预览]()
+