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