diff --git a/flossom-common/flossom-common-core/src/main/java/com/flossom/common/core/domain/entity/WxMode.java b/flossom-common/flossom-common-core/src/main/java/com/flossom/common/core/domain/entity/WxMode.java index 234f0a8..0b3e4c7 100644 --- a/flossom-common/flossom-common-core/src/main/java/com/flossom/common/core/domain/entity/WxMode.java +++ b/flossom-common/flossom-common-core/src/main/java/com/flossom/common/core/domain/entity/WxMode.java @@ -111,6 +111,12 @@ public class WxMode extends BaseEntity private Integer isNew; + private String stepOneVideo; + + private String stepTwoVideo; + + private String stepThreeVideo; + public void setId(Long id) { @@ -336,6 +342,30 @@ public class WxMode extends BaseEntity this.effectContent = effectContent; } + public String getStepOneVideo() { + return stepOneVideo; + } + + public void setStepOneVideo(String stepOneVideo) { + this.stepOneVideo = stepOneVideo; + } + + public String getStepTwoVideo() { + return stepTwoVideo; + } + + public void setStepTwoVideo(String stepTwoVideo) { + this.stepTwoVideo = stepTwoVideo; + } + + public String getStepThreeVideo() { + return stepThreeVideo; + } + + public void setStepThreeVideo(String stepThreeVideo) { + this.stepThreeVideo = stepThreeVideo; + } + @Override public String toString() { return new ToStringBuilder(this,ToStringStyle.MULTI_LINE_STYLE) diff --git a/flossom-common/flossom-common-core/src/main/resources/mapper/WxModeMapper.xml b/flossom-common/flossom-common-core/src/main/resources/mapper/WxModeMapper.xml index cfb18fa..3f80bb7 100644 --- a/flossom-common/flossom-common-core/src/main/resources/mapper/WxModeMapper.xml +++ b/flossom-common/flossom-common-core/src/main/resources/mapper/WxModeMapper.xml @@ -28,6 +28,9 @@ PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" + + + @@ -35,7 +38,7 @@ PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" - select id, instrument_type, instrument_model, mode_name, mode_desc, mode_banner, mode_video, mode_type, mode_class, is_cabin_mode, is_custom_mode, mode_time, preparation_video, began_video, pause_video, status, create_by, create_time, update_by, update_time, remark, technology_info, effect_content from wx_mode + select id, instrument_type, instrument_model, mode_name, mode_desc, mode_banner, mode_video, mode_type, mode_class, is_cabin_mode, is_custom_mode, mode_time, preparation_video, began_video, pause_video, status, create_by, create_time, update_by, update_time, remark, technology_info, effect_content, step_one_video, step_two_video, step_three_video from wx_mode @@ -101,8 +107,11 @@ PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" update_by, update_time, remark, - technology_info - effect_content + technology_info, + effect_content, + step_one_video, + step_two_video, + step_three_video, #{instrumentType}, @@ -125,8 +134,11 @@ PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" #{updateBy}, #{updateTime}, #{remark}, - #{technologyInfo} - #{effectContent} + #{technologyInfo}, + #{effectContent}, + #{stepOneVideo}, + #{stepTwoVideo}, + #{stepThreeVideo}, @@ -155,6 +167,9 @@ PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" remark = #{remark}, technology_info = #{technologyInfo}, effect_content = #{effectContent}, + step_one_video = #{stepOneVideo}, + step_two_video = #{stepTwoVideo}, + step_three_video = #{stepThreeVideo}, where id = #{id} diff --git a/flossom-ui/src/views/system/mode/index.vue b/flossom-ui/src/views/system/mode/index.vue index b39bbb7..da2268f 100644 --- a/flossom-ui/src/views/system/mode/index.vue +++ b/flossom-ui/src/views/system/mode/index.vue @@ -252,6 +252,60 @@
只能上传视频文件,且不超过50M
+ + + + 点击上传 +
只能上传视频文件,且不超过50M
+
+
+ + + + 点击上传 +
只能上传视频文件,且不超过50M
+
+
+ + + + 点击上传 +
只能上传视频文件,且不超过50M
+
+
添加弹窗 @@ -523,6 +577,12 @@ export default { // 封面list fileList: [], bannerList:[], + // 步骤一视频 + stepOneVideoFileList:[], + // 步骤二视频 + stepTwoVideoFileList:[], + // 步骤三视频 + stepThreeVideoFileList:[], // 上传参数 upload: { // 是否显示弹出层(用户导入) @@ -591,7 +651,16 @@ export default { ], modeTime: [ { required: true, message: "模式时长不能为空", trigger: "blur" } - ] + ], + stepOneVideo: [ + { required: true, message: "步骤一视频不能为空", trigger: "blur" } + ], + stepTwoVideo: [ + { required: true, message: "步骤二视频不能为空", trigger: "blur" } + ], + stepThreeVideo: [ + { required: true, message: "步骤三视频不能为空", trigger: "blur" } + ], } }; }, @@ -674,6 +743,9 @@ export default { technologyArrayMode: [], technologyInfo: null, effectContent: null, + stepOneVideo: null, + stepTwoVideo: null, + stepThreeVideo: null, }; this.resetForm("form"); this.bannerList = []; @@ -704,6 +776,9 @@ export default { this.title = "添加模式"; this.form.instrumentType = 1; this.openSourceData = []; + this.stepOneVideoFileList = []; + this.stepTwoVideoFileList = []; + this.stepThreeVideoFileList = []; }, /** 修改按钮操作 */ handleUpdate(row) { @@ -711,6 +786,9 @@ export default { const id = row.id || this.ids this.bannerList = []; this.fileList = []; + this.stepOneVideoFileList = []; + this.stepTwoVideoFileList = []; + this.stepThreeVideoFileList = []; getMode(id).then(response => { this.form = response.data; this.form.modeType = String(this.form.modeType) @@ -742,6 +820,25 @@ export default { if(this.form.technologyInfo) { this.form.technologyArrayMode = this.form.technologyInfo.split(","); } + // FR200仪器水分测试步骤视频清理 + if(this.form.stepOneVideo != null) { + this.stepOneVideoFileList.push({ + name: this.handleFileInfo(this.form.stepOneVideo), + url: this.form.stepOneVideo + }) + } + if(this.form.stepTwoVideo != null) { + this.stepTwoVideoFileList.push({ + name: this.handleFileInfo(this.form.stepTwoVideo), + url: this.form.stepTwoVideo + }) + } + if(this.form.stepThreeVideo != null) { + this.stepThreeVideoFileList.push({ + name: this.handleFileInfo(this.form.stepThreeVideo), + url: this.form.stepThreeVideo + }) + } }); }, handleFileInfo(url) { @@ -847,7 +944,7 @@ export default { } } // 使用技术 - if(this.form.technologyArrayMode.length > 0) { + if(this.form.technologyArrayMode!=null &&this.form.technologyArrayMode.length > 0) { this.form.technologyInfo = this.form.technologyArrayMode.join(","); } this.$refs["form"].validate(valid => { @@ -902,6 +999,21 @@ export default { // console.log('调用了删除') this.bannerList = []; }, + handleRemoveStepOneVideo(file, fileList) { + this.$refs.stepOneVideo.clearFiles(); + this.stepOneVideoFileList = []; + this.form.stepOneVideo = null; + }, + handleRemoveStepTwoVideo(file, fileList) { + this.$refs.stepTwoVideo.clearFiles(); + this.stepTwoVideoFileList = []; + this.form.stepTwoVideo = null; + }, + handleRemoveStepThreeVideo(file, fileList) { + this.$refs.stepThreeVideo.clearFiles(); + this.stepThreeVideoFileList = []; + this.form.stepThreeVideo = null; + }, handlePreview(file) { console.log(file); }, @@ -983,6 +1095,40 @@ export default { this.form.modeVideo = response.data.url; } }, + // 步骤一视频 + handleFileSuccessStepOneVideo(response, file, fileList, item) { + console.log('上传后的结果==>',JSON.stringify(response)) + if(response.code == '200') { + this.stepOneVideoFileList = []; + this.stepOneVideoFileList.push({ + name: response.data.name, + url: response.data.url, + }) + this.form.stepOneVideo = response.data.url; + } + }, + handleFileSuccessStepTwoVideo(response, file, fileList, item) { + console.log('上传后的结果==>',JSON.stringify(response)) + if(response.code == '200') { + this.stepTwoVideoFileList = []; + this.stepTwoVideoFileList.push({ + name: response.data.name, + url: response.data.url, + }) + this.form.stepTwoVideo = response.data.url; + } + }, + handleFileSuccessStepThreeVideo(response, file, fileList, item) { + console.log('上传后的结果==>',JSON.stringify(response)) + if(response.code == '200') { + this.stepThreeVideoFileList = []; + this.stepThreeVideoFileList.push({ + name: response.data.name, + url: response.data.url, + }) + this.form.stepThreeVideo = response.data.url; + } + }, // 封面上传成功处理 handleBannerFileSuccess(response, file, fileList, item) { console.log('上传后的结果==>',JSON.stringify(response))