#

luxiaotao1123

2022-02-28 c3887c5c1624e5657655242ddfea52290ad87f6a

#

 src/main/java/com/zy/sc/manager/controller/param/MobileIssueParam.java

@@ -2,6 +2,7 @@

import lombok.Data;

import java.util.ArrayList;
import java.util.List;

/**
@@ -26,6 +27,6 @@

    private List<String> imgArr;

    private List<String> videoSrc;
    private List<String> videoSrc = new ArrayList<>();

}

 src/main/java/com/zy/sc/manager/entity/Issue.java

@@ -338,6 +338,17 @@
        return list;
    }

    public List<String> getVideoArr(){
        if (Cools.isEmpty(this.files)) {
            return new ArrayList<>();
        }
        List<String> list = JSON.parseArray(this.files, String.class);
        if (list == null) {
            list = new ArrayList<>();
        }
        return list;
    }

    public Boolean getOnline() {
        return this.settle==5;
    }

 src/main/webapp/static/layui/lay/modules/Player.js

New file
Diff too large

 src/main/webapp/views/issue/issue_detl.html

@@ -71,6 +71,7 @@
    .online-fail {
        background-color: #d9534f;
    }

</style>
<!-- 正文开始 -->
<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({