#

luxiaotao1123

2022-03-01 c27ad3dcb8b67a6c10a99c98b9bd6dd1f08b7967

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

@@ -1,5 +1,5 @@
<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
<link rel="stylesheet" href="../static/css/jquery.upload.css" media="all"/>
<link rel="stylesheet" href="../../static/css/jquery.upload.css" media="all"/>
<style>
    #formAdvForm {
        background-color: #f3f3f3;
@@ -71,19 +71,11 @@
    .online-fail {
        background-color: #d9534f;
    }

</style>
<!-- 正文开始 -->
<form class="layui-form" id="formAdvForm" lay-filter="formAdvForm">
    <div class="layui-fluid" style="padding-bottom: 75px;">
        <!-- 定位 -->
<!--        <div class="layui-card">-->
<!--            <div class="layui-card-header">定位</div>-->
<!--            <div class="layui-card-body">-->
<!--                <div class="upload-box clear">-->
<!--                    <div id="map" style="width: 100%; height: 200px"></div>-->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->
        <!-- 图片 -->
        <div class="layui-card">
            <div class="layui-card-header">图片</div>
@@ -93,12 +85,22 @@
                </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>
        <!-- 基本信息 -->
        <div class="layui-card">
            <div class="layui-card-header">基本信息</div>
            <div class="layui-card-body">

                <div class="layui-form-item layui-row">
                    <input name="id" type="hidden" />
                    <div class="layui-inline layui-col-md4">
                        <label class="layui-form-label">故障编号:</label>
                        <div class="layui-input-block">
@@ -130,27 +132,42 @@
                        </div>
                    </div>
                    <div class="layui-inline layui-col-md4">
                        <label class="layui-form-label">发生日期:</label>
                        <div class="layui-input-block">
                            <input name="startTime$" placeholder="请选择时间" class="layui-input icon-date" autocomplete="off" disabled/>
                        </div>
                    </div>
                    <fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
                        <legend style="font-size: 13px">请补充</legend>
                    </fieldset>
                    <div class="layui-inline layui-col-md4">
                        <label class="layui-form-label">解决人员:</label>
                        <div class="layui-input-block">
                            <input name="dealer" placeholder="请输入..." class="layui-input" />
                        </div>
                    </div>
<!--                    <div class="layui-inline layui-col-md4">-->
<!--                        <label class="layui-form-label">更新日期:</label>-->
<!--                        <div class="layui-input-block">-->
<!--                            <input id="lastTime" name="lastTime$" placeholder="请选择时间" class="layui-input icon-date" autocomplete="off"/>-->
<!--                        </div>-->
<!--                    </div>-->
                    <div class="layui-inline layui-col-md4">
                        <label class="layui-form-label">发生日期:</label>
                        <label class="layui-form-label">流程:</label>
                        <div class="layui-input-block">
                            <input name="startTime$" placeholder="请选择时间" class="layui-input icon-date" autocomplete="off" disabled/>
                            <select name="settle">
                                <option value="2">提交</option>
                                <option value="3">已读</option>
                                <option value="4">作业</option>
                                <option value="5">完成</option>
                                <option value="6">取消</option>
                            </select>
                        </div>
                    </div>
                    <div class="layui-inline layui-col-md4">
                        <label class="layui-form-label">处理日期:</label>
                        <div class="layui-input-block">
                            <input id="endTime" name="endTime$" placeholder="请选择时间" class="layui-input icon-date" autocomplete="off"/>
                        </div>
                    </div>
                    <div class="layui-inline layui-col-md4">
                        <label class="layui-form-label">更新日期:</label>
                        <div class="layui-input-block">
                            <input id="lastTime" name="lastTime$" placeholder="请选择时间" class="layui-input icon-date" autocomplete="off"/>
                        </div>
                    </div>
                </div>
@@ -168,6 +185,9 @@
                            <textarea name="title" placeholder="未知" class="layui-textarea" disabled></textarea>
                        </div>
                    </div>
                    <fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
                        <legend style="font-size: 13px">请补充</legend>
                    </fieldset>
                    <div class="layui-inline layui-col-md12">
                        <label class="layui-form-label">故障原因:</label>
                        <div class="layui-input-block">
@@ -197,21 +217,23 @@

</form>
<!--<script type="text/javascript" src="../static/js/tools/jquery.upload.min.js" charset="utf-8"></script>-->
<script type="text/javascript" src="../static/js/upload/jquery.upload.js" charset="utf-8"></script>
<script type="text/javascript" src="../../static/js/upload/jquery.upload.js" charset="utf-8"></script>
<script type="text/javascript" src="http://webapi.amap.com/maps?v=1.3&key=24c671d7d8365d7eaff888498538452f"></script>
<script>
    var map;
    var issueId = top.issueByDetl;
    $('.layui-layer-close').hide();
    layui.config({
        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 +249,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 +324,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({
@@ -329,8 +360,36 @@
            init();
            return false;
        });
        form.on('submit(save)', function (data) {
            alert(1)
        form.on('submit(save)', function (elem) {
            let data = elem.field;
            notice.msg('正在拼命修改数据......', {icon: 4, position: "topRight"});
            $.ajax({
                url: baseUrl + "/issue/process/auth",
                headers: {'token': localStorage.getItem('token')},
                contentType: 'application/json;charset=UTF-8',
                method: 'POST',
                data: JSON.stringify({
                    id: Number(data.id),
                    uuid: data.uuid,
                    dealer: data.dealer,
                    settle: Number(data.settle),
                    endTime: top.strToDate(data.endTime$),
                    // lastTime: data.lastTime,
                    reason: data.reason,
                    deal: data.deal,
                }),
                success: function (res) {
                    notice.destroy();
                    if (res.code === 200) {
                        notice.success({title: '消息通知', message: res.msg});
                        $('.layui-layer-close').click();
                    } else if (res.code === 403) {
                        top.location.href = baseUrl + "/";
                    } else {
                        notice.error({title: '消息通知', message: res.msg});
                    }
                }
            })
            return false;
        });