From ef76f2b97a17bc923a74f3382783ff0c7aa5c8bb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=9C=E6=B5=B7=E9=B9=8F?= <952581343@qq.com>
Date: Thu, 14 Jul 2022 18:39:09 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=89=E5=85=A8=E5=9F=B9=E8=AE=AD=E7=AE=A1?=
=?UTF-8?q?=E7=90=86=EF=BC=9A=E5=AE=8C=E6=88=90=E8=A7=86=E9=A2=91=E4=B8=8A?=
=?UTF-8?q?=E4=BC=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
.../i18n/langs/cn/laborManage/laborDev.js | 1 +
.../laborManage/safetyTrainManage.vue | 104 ++++++++++--------
2 files changed, 57 insertions(+), 48 deletions(-)
diff --git a/src/assets/i18n/langs/cn/laborManage/laborDev.js b/src/assets/i18n/langs/cn/laborManage/laborDev.js
index 51b6bdf0..475423eb 100644
--- a/src/assets/i18n/langs/cn/laborManage/laborDev.js
+++ b/src/assets/i18n/langs/cn/laborManage/laborDev.js
@@ -62,6 +62,7 @@ export default {
'每日交底（大工程交底）',
],
signInInfo:'签到信息',
+ trainVideo:'教学视频上传',
photo:'培训照片',
trainDateTime:'培训时间',
selectWorker: '选择工人',
diff --git a/src/views/projectFront/laborManage/safetyTrainManage.vue b/src/views/projectFront/laborManage/safetyTrainManage.vue
index 22364d40..4fff11ad 100644
--- a/src/views/projectFront/laborManage/safetyTrainManage.vue
+++ b/src/views/projectFront/laborManage/safetyTrainManage.vue
@@ -253,23 +253,35 @@
+
-
+
{{ $t("message.laborDev.selectWorker") }}
-
-
- 材料上传
-
+
+
+
+
+
+ 教学视频上传
+
+
+
+
+
@@ -281,7 +293,7 @@
:action="$store.state.UPLOADURL"
:show-file-list="false"
:on-success="file => handleUpload(file, i)"
- :before-upload="beforeAvatarUpload">
+ >
![]()
@@ -435,6 +447,12 @@ import {
export default {
components: { selectWorker },
data() {
+ const validateConfig = {
+ required: true,
+ message: this.$t("message.personnelPosition.mandatory"),
+ trigger: "blur",
+ }
+
return {
uploadaurl:'',
fileList:[],
@@ -468,27 +486,10 @@ export default {
projectSn: this.$store.state.projectSn,
},
cardFormRules: {
- eduCourseName: [
- {
- required: true,
- message: this.$t("message.personnelPosition.mandatory"),
- trigger: "blur",
- },
- ],
- eduTime: [
- {
- required: true,
- message: this.$t("message.personnelPosition.mandatory"),
- trigger: "blur",
- },
- ],
- list: [
- {
- required: true,
- message: this.$t("message.personnelPosition.mandatory"),
- trigger: "blur",
- },
- ],
+ eduCourseName: [validateConfig],
+ eduTime: [validateConfig],
+ list: [validateConfig],
+ uploadAttachments: [validateConfig],
},
isAdd: false,
allPersonList: [],
@@ -508,25 +509,24 @@ export default {
this.cardForm[`edu${num === 1 ? 'Before': num === 2 ? 'In' : 'After'}Photo`] = imageUrl
console.log(this.eduPhoto1,this.eduPhoto2,this.eduPhoto3, num);
},
- handlePreview(file,type){
- // console.log('file',file)
- // console.log('fileList',type)
- },
handleSuccess(file,fileList){
console.log('成功的file',file)
this.cardForm.uploadAttachments = file.data[0].filename
if(file.status == "SUCCESS"){
- this.$message({
- message: '相关材料上传成功！',
- type: 'success'
- });
+ this.$message({ message: '视频上传成功', type: 'success' });
}else{
- this.$message({
- message: '上传失败，请重新上传！',
- type: 'error'
- });
+ this.$message({ message: '上传失败，请重新上传！', type: 'error' });
}
},
+ beforeUpload(file){
+ const videoTypes = ['video/mp4','application/x-mpegURL','video/x-ms-wmv','video/x-msvideo','video/x-flv','video/x-ms-wmv']
+ const type = file.type
+ const flag = videoTypes.includes(type)
+ if (!flag) {
+ this.$message({ message: '只能上传视频', type: 'error' });
+ }
+ return flag
+ },
changeScore(index, value) {
console.log("changeScore", value, index);
var json = this.cardForm.list[index];
@@ -800,4 +800,12 @@ export default {
/deep/.el-date-editor{
width: 120px;
}
+.videoUpload{
+ width: 320px;
+ display: flex;
+ // align-items: center;
+ >div{
+ margin-left: 10px;
+ }
+}