完善功能

common/src/main/resources/static/assets/js/layui-util.js

@@ -218,12 +218,6 @@ function LayuiUtil(layui, viewer) {
         function addClick() {
             var layerLoadingIndex;
             var url = 'api/file/v2/upload-file';
-            if (isApp) {
-                url = 'app/file/v2/upload-file'
-            }
-            if (isAppRelease) {
-                url = 'app/file/v2/upload-file-release'
-            }
             upload.render({
                 elem: uploadBtnId,
                 url: url,
@@ -302,6 +296,31 @@ function LayuiUtil(layui, viewer) {
         var uploadBtnId = id + 'UploadBtn';
         var deleteBtnClass = '.delete-' + fieldName + '-btn';
 
+        /**
+         * 绑定视频事件
+         */
+        function bindVideoEvent() {
+            // 暂停其他所有的视频
+            function pauseOtherAllVideo(playVideo) {
+                var videos = document.querySelectorAll('video');
+                for(var i = 0, video; video = videos[i++];) {
+                    if(playVideo === video) {
+                        continue;
+                    }
+                    video.pause();
+                }
+            }
+            // 绑定事件
+            var videos = document.querySelectorAll('video');
+            for(var i = 0, video; video = videos[i++];) {
+                video.onplay = function() {
+                    // 关闭其他
+                    pauseOtherAllVideo(this);
+                }
+                video.onpause = function() {}
+            }
+        }
+
         function init() {
             var files = $(id).val();
             var fileArray = files ? files.split(',') : [];
@@ -312,7 +331,7 @@ function LayuiUtil(layui, viewer) {
                 var fileName = idNameArray[1];
                 html += [
                     '<div class="form-upload-video">',
-                    '   <video width="320" height="240" controls>',
+                    '   <video width="320" height="240" controls onplay="onPlay()" onpaste="onPause()">',
                     '       <source src="route/file/download/true/' + fileId + '" type="video/mp4">',
                     '       您的浏览器不支持 video 标签',
                     '   </video>',
@@ -333,6 +352,7 @@ function LayuiUtil(layui, viewer) {
                 $(uploadBtnId).addClass('layui-btn-disabled');
                 $(uploadBtnId).attr('disabled', true);
             }
+            bindVideoEvent();
         }
 
         function addClick() {
@@ -366,10 +386,17 @@ function LayuiUtil(layui, viewer) {
                 progress: function (n, elem, res, index) {
                 }
             });
+            // 删除按钮事件
             $(document).on('click', deleteBtnClass, function () {
                 var name = this.dataset.name;
                 var id = this.dataset.id;
                 var fieldName = this.dataset.fieldName;
+                // 停止视频播放
+                var videos = $('.form-upload-video video');
+                $.each(videos, function(index, video) {
+                    video.pause();
+                });
+
                 var files = $('#' + fieldName).val().replace(id + ':' + name, '');
                 files = files.replace(/\,+/g, ',');
                 if (files.charAt(0) == ',') {
@@ -414,6 +441,31 @@ function LayuiUtil(layui, viewer) {
         var uploadBtnId = id + 'UploadBtn';
         var deleteBtnClass = '.delete-' + fieldName + '-btn';
 
+        /**
+         * 绑定视频事件
+         */
+        function bindAudioEvent() {
+            // 暂停其他所有的视频
+            function pauseOtherAllAudio(playAudio) {
+                var audios = document.querySelectorAll('audio');
+                for(var i = 0, audio; audio = audios[i++];) {
+                    if(playAudio === audio) {
+                        continue;
+                    }
+                    audio.pause();
+                }
+            }
+            // 绑定事件
+            var audios = document.querySelectorAll('audio');
+            for(var i = 0, audio; audio = audios[i++];) {
+                audio.onplay = function() {
+                    // 关闭其他
+                    pauseOtherAllAudio(this);
+                }
+                audio.onpause = function() {}
+            }
+        }
+
         function init() {
             var files = $(id).val();
             var fileArray = files ? files.split(',') : [];
@@ -444,17 +496,13 @@ function LayuiUtil(layui, viewer) {
                 $(uploadBtnId).addClass('layui-btn-disabled');
                 $(uploadBtnId).attr('disabled', true);
             }
+
+            bindAudioEvent();
         }
 
         function addClick() {
             var layerLoadingIndex;
             var url = 'api/file/v2/upload-audio';
-            if (isApp) {
-                url = 'app/file/v2/upload-audio'
-            }
-            if (isAppRelease) {
-                url = 'app/file/v2/upload-audio-release'
-            }
             upload.render({
                 elem: uploadBtnId,
                 url: url,
@@ -534,12 +582,6 @@ function LayuiUtil(layui, viewer) {
          */
         function initOption() {
             $('#' + name).empty();
-            // if (selectedValue === '') {
-            //     // 监听初始化
-            //     onInit ? onInit(selectedValue) : null;
-            //     form.render(null, dataForm);
-            //     return;
-            // }
             top.restAjax.get(url, {}, null, function (code, data) {
                 var options = '<option value="">请选择</option>';
                 for (var i = 0, item; item = data[i++];) {