From c3887c5c1624e5657655242ddfea52290ad87f6a Mon Sep 17 00:00:00 2001
From: luxiaotao1123 <t1341870251@63.com>
Date: 星期一, 28 二月 2022 16:01:05 +0800
Subject: [PATCH] #

---
 src/main/webapp/views/issue/issue_detl.html |   46 +++++++++++++++++++++++++++++++++-------------
 1 files changed, 33 insertions(+), 13 deletions(-)

diff --git a/src/main/webapp/views/issue/issue_detl.html b/src/main/webapp/views/issue/issue_detl.html
index 491f21b..74ac4c7 100644
--- a/src/main/webapp/views/issue/issue_detl.html
+++ b/src/main/webapp/views/issue/issue_detl.html
@@ -71,6 +71,7 @@
     .online-fail {
         background-color: #d9534f;
     }
+
 </style>
 <!-- 姝f枃寮�濮� -->
 <form class="layui-form" id="formAdvForm" lay-filter="formAdvForm">
@@ -90,6 +91,15 @@
             <div class="layui-card-body">
                 <div class="upload-box clear">
                     <div class="image-box"></div>
+                </div>
+            </div>
+        </div>
+        <!-- 瑙嗛 -->
+        <div class="layui-card">
+            <div class="layui-card-header">瑙嗛</div>
+            <div class="layui-card-body">
+                <div class="upload-box clear">
+                    <div id="issueVideo"></div>
                 </div>
             </div>
         </div>
@@ -206,12 +216,13 @@
         base: baseUrl + "/static/layui/lay/modules/"
     }).extend({
         notice: 'notice/notice',
-    }).use(['form', 'table', 'laydate', 'notice'], function () {
+    }).use(['form', 'table', 'laydate', 'notice', 'Player'], function () {
         var $ = layui.jquery;
         var form = layui.form;
         var table = layui.table;
         var laydate = layui.laydate;
         var notice = layui.notice;
+        var Player = layui.Player;
 
         form.render('select');
 
@@ -227,23 +238,16 @@
                     if (res.code === 200) {
                         let issue = res.data;
                         top.issueByDetl = null;
-                        // 鍦板浘
-                        // map = new AMap.Map('map', {
-                        //     resizeEnable: true,
-                        //     zoom: 13,
-                        //     center: [sensor.lon, sensor.lat]
-                        // });
-                        // marker = new AMap.Marker({
-                        //     icon: "https://dz-admin.oss-cn-hangzhou.aliyuncs.com/other/marker.png",
-                        //     position:[sensor.lon, sensor.lat]
-                        // });
-                        // marker.setMap(map);
-                        // 璁惧鍞竴鐮�
+                        // 缂栫爜
                         $('.issue-label').text(issue.uuid);
                         // 璁惧鏄庣粏
                         form.val('formAdvForm', issue);
                         // 鍥剧墖
                         initImgs(issue.id, issue.imgArr);
+                        // 瑙嗛
+                        if (!isEmpty(issue.videoArr) && issue.videoArr.length > 0) {
+                            initVideo(issue.videoArr);
+                        }
                         $('.online-info').attr("class", issue.online?"online-info online-success":"online-info online-fail");
                         $('.online-info').text(issue.settle$);
                         layDateRender();
@@ -309,6 +313,22 @@
             });
         }
 
+        /* 娓叉煋瑙嗛 */
+        function initVideo(videoSrc) {
+            new Player({
+                id: 'issueVideo',
+                url: videoSrc[0],  // 瑙嗛鍦板潃
+                // poster: 'https://imgcache.qq.com/open_proj/proj_qcloud_v2/gateway/solution/general-video/css/img/scene/1.png',  // 灏侀潰
+                fluid: true,  // 瀹藉害100%
+                playbackRate: [0.5, 1, 1.5, 2],  // 寮�鍚�嶉�熸挱鏀�
+                pip: false,  // 寮�鍚敾涓敾
+                lang: 'zh-cn',
+                success: function () {
+                }
+            });
+            $('#issueVideo').css("width", "30%").css("padding-top", "20%");
+        }
+
         /* 娓叉煋laydate */
         function layDateRender() {
             laydate.render({

--
Gitblit v1.9.1