SIPAIIS_WMS_JSSW/WebRoot/jsp/process/dataVisualTaskPointsEdit.jsp

<%@ page language="java" pageEncoding="UTF-8" %>
<%@page import="com.sipai.entity.process.DataVisualContent" %>
<%request.setAttribute("Type_TaskPoints", DataVisualContent.Type_TaskPoints); %>

<link rel="stylesheet"
      href="<%=request.getContextPath()%>/node_modules/bootstrap-switch/dist/css/bootstrap3/bootstrap-switch.min.css"/>
<script type="text/javascript"
        src="<%=request.getContextPath()%>/node_modules/bootstrap-switch/dist/js/bootstrap-switch.min.js"
        charset="utf-8"></script>

<style type="text/css">

</style>
<script type="text/javascript">
    $(function () {
        $('#switchBtnIsFixed').bootstrapSwitch({
            onText: '是',
            offText: '否',
            size: "small",
        });

        if ('${dataVisualContent.isfixed}' == 'false') {
            $('#switchBtnIsFixed').bootstrapSwitch('state', false, true);
        } else if ('${dataVisualContent.isfixed}' == 'true') {
            $('#switchBtnIsFixed').bootstrapSwitch('state', true, true);
        } else {
            $('#switchBtnIsFixed').bootstrapSwitch('state', false, true);
        }
    });

    function doTaskPointsSave() {
        $("#subForm1").bootstrapValidator('validate');//提交验证
        if ($("#subForm1").data('bootstrapValidator').isValid()) {//获取验证结果，如果成功，执行下面代码
            let form = $("#subForm1").serialize();
            const isFixedStatus = $('#switchBtnIsFixed').bootstrapSwitch('state');
            if (isFixedStatus) {
                form = form + "&isfixed=true";
            } else {
                form = form + "&isfixed=false";
            }
            $.post(ext.contextPath + "/process/dataVisualContent/doupdate.do", form, function (data) {
                if (data.code == 1) {
                    $("#subForm2").bootstrapValidator('validate');//提交验证
                    if ($("#subForm2").data('bootstrapValidator').isValid()) {//获取验证结果，如果成功，执行下面代码

                        $.post(ext.contextPath + "/process/dataVisualTaskPoints/doupdate.do", $("#subForm2").serialize(), function (data) {
                            if (data.code == 1) {
                                closeModal('taskPointsSubModal');
                                if ('${dataVisualContent.istab}' == 'true') {
                                    showOneContent('${dataVisualContent.id}', 'tab');
                                } else {
                                    showOneContent('${dataVisualContent.id}');
                                }
                            } else if (data.code == 0) {
                                showAlert('d', '保存失败');
                            } else {
                                showAlert('d', data.res);
                            }
                        }, 'json');
                    }
                } else if (data.code == 0) {
                    showAlert('d', '保存失败');
                } else {
                    showAlert('d', data.res);
                }
            }, 'json');
        }
    }

    function doTaskPointsdel() {
        swal({
            text: "您确定要删除此记录？",
            dangerMode: true,
            buttons: {
                cancel: {
                    text: "取消",
                    value: null,
                    visible: true,
                    className: "btn btn-default btn-sm",
                    closeModal: true,
                },
                confirm: {
                    text: "确定",
                    value: true,
                    visible: true,
                    className: "btn btn-danger btn-sm",
                    closeModal: true
                }
            }
        })
            .then(function (willDelete) {
                if (willDelete) {
                    $.post(ext.contextPath + '/process/dataVisualContent/dodelete.do', {
                        id: '${dataVisualContent.id}',
                        did: '${dataVisualTaskPoints.id}',
                        type: '${Type_TaskPoints}'
                    }, function (data) {
                        var datajson = JSON.parse(data);
                        if (datajson.code == 1) {
                            closeModal('taskPointsSubModal');
                            $('#${dataVisualContent.id}').remove();
                        } else {
                            showAlert('d', '删除失败', 'mainAlertdiv');
                        }
                    });

                }
            });
    }


</script>
<div class="modal fade" id="taskPointsSubModal">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title">编辑</h4>
            </div>
            <div class="modal-body">
                <div id="alertDiv"></div>

                <!-- 新增界面formid强制为subForm -->
                <form class="form-horizontal" id="subForm1" autocomplete="off">
                    <input type="hidden" name="id" id="id" value="${dataVisualContent.id}"/>

                    <div class="form-group">
                        <label class="col-sm-2 control-label">左侧距离</label>
                        <div class="col-sm-4">
                            <input type="text" class="form-control" id="postx" name="postx" placeholder="左侧距离"
                                   value="${dataVisualContent.postx}">
                        </div>
                        <label class="col-sm-2 control-label">上侧距离</label>
                        <div class="col-sm-4">
                            <input type="text" class="form-control" id="posty" name="posty" placeholder="上侧距离"
                                   value="${dataVisualContent.posty}">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">宽度</label>
                        <div class="col-sm-4">
                            <input type="text" class="form-control" id="width" name="width" placeholder="宽度"
                                   value="${dataVisualContent.width}">
                        </div>
                        <label class="col-sm-2 control-label">高度</label>
                        <div class="col-sm-4">
                            <input type="text" class="form-control" id="height" name="height" placeholder="高度"
                                   value="${dataVisualContent.height}" readonly>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">固定组件</label>
                        <div class="col-sm-4">
                            <div class="switch" data-on="primary" data-off="info">
                                <input id="switchBtnIsFixed" type="checkbox"/>
                            </div>
                        </div>
                        <label class="col-sm-2 control-label">图层</label>
                        <div class="col-sm-4">
                            <input type="text" class="form-control" id="zIndex" name="zIndex" placeholder="图层"
                                   value="${dataVisualContent.zIndex}">
                        </div>
                    </div>
                </form>
                <form class="form-horizontal" id="subForm2" autocomplete="off">
                    <!-- 界面提醒div强制id为alertDiv -->
                    <input type="hidden" name="id" id="id" value="${dataVisualTaskPoints.id}"/>

                    <div class="form-group">
                        <label class="col-sm-2 control-label">mq主题</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" id="mqTheme" name="mqTheme" placeholder="mq主题名称"
                                   value="${dataVisualTaskPoints.mqTheme}">
                        </div>
                    </div>
                </form>
            </div>

            <div class="modal-footer">
                <button type="button" class="btn btn-default pull-left" data-dismiss="modal">关闭</button>
                <button type="button" class="btn" onclick="doTaskPointsdel();">删除</button>
                <button type="button" class="btn btn-primary" onclick="doTaskPointsSave()" id="btn_save">保存</button>
            </div>
        </div>
        <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
</div>