SIPAIIS_WMS_JSSW/WebRoot/jsp/visual/planInteractionAdd.jsp

<%@ page language="java" pageEncoding="UTF-8"%>
<style type="text/css">
    .select2-container .select2-selection--single {
        height: 34px;
        line-height: 34px;
    }

    .select2-selection__arrow {
        margin-top: 3px;
    }
</style>
<script type="text/javascript">
    //交互选择
    function showInteraction4SelectFun() {
        $.post(ext.contextPath + '/interaction/showInteractionForSelect.do', {
            formId: "subAddForm",
            hiddenId: "interactionId",
            textId: "interactionName",
            interactionId: $('#interactionId').val()
        }, function (data) {
            $("#selectDiv_interaction").html(data);
            openModal('interaction4SelectModal');
        });
    };
    //测量点选择
    function showMPoint4SelectFun() {
        $.post(ext.contextPath + '/plan/showMPoint4Select.do', {
            formId: "subAddForm",
            hiddenId: "parameter",
            textId: "parameterNames",
            mPointIds: $('#parameter').val()
        }, function (data) {
            $("#selectDiv_interaction").html(data);
            openModal('mpSubModal');
        });
    };
     //摄像头选择
     function showCamera4SelectFun() {
        $.post(ext.contextPath + '/work/camera/showCamera4Select.do', {
            formId: "subAddForm",
            hiddenId: "cameraId",
            textId: "cameraName",
            cameraId: $('#cameraId').val()
        }, function (data) {
            $("#selectDiv_interaction").html(data);
            openModal('camera4SelectModal');
        });
    };
    function dosave() {
        $("#subAddForm").bootstrapValidator('validate');//提交验证  
        if ($("#subAddForm").data('bootstrapValidator').isValid()) {//获取验证结果，如果成功，执行下面代码
            $.post(ext.contextPath + "/plan/doSaveInteraction.do", $("#subAddForm").serialize(), function (data) {
                if (data.res == 1) {
                    closeModal('planInteractionAddModal')
                    $("#table_interaction").bootstrapTable('refresh');
                } else if (data.res == 0) {
                    showAlert('d', '保存失败', 'alertDiv_interaction');
                } else {
                    showAlert('d', data.res, 'alertDiv_interaction');
                }
            }, 'json');
        }
    }
    $("#subAddForm").bootstrapValidator({
        live: 'disabled',//验证时机，enabled是内容有变化就验证（默认），disabled和submitted是提交再验证  
        fields: {
            name: {
                validators: {
                    notEmpty: {
                        message: '名称不能为空'
                    }
                }
            }, interactionName: {
                validators: {
                    notEmpty: {
                        message: '交互不能为空'
                    }
                }
            },

        }
    });
    $(function () {

    })
</script>
<div class="modal fade" id="planInteractionAddModal">
    <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">
                <!-- 新增界面formid强制为subForm -->
                <form class="form-horizontal" id="subAddForm" enctype="multipart/form-data">
                    <!-- 界面提醒div强制id为alertDiv -->
                    <div id="alertDiv"></div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">*名称</label>
                        <div class="col-sm-7">
                            <input type="text" id="name" name="name" class="form-control" placeholder="名称">
                            <input id="planId" name="planId" type="hidden" value="${planId}" />
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">*交互</label>
                        <div class="col-sm-7">
                            <input type="text" class="form-control" id="interactionName" name="interactionName"
                                placeholder="交互选择" onclick="showInteraction4SelectFun();" value="" readonly
                                style="background-color: white">
                            <input id="interactionId" name="interactionId" type="hidden" value="" />
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">必要参数</label>
                        <div class="col-sm-7">
                            <textarea type="text" class="form-control" id="parameterNames" name="parameterNames"
                                onclick="showMPoint4SelectFun();" value="" readonly style="background-color: white"
                                placeholder="必要参数(逗号分隔)" row="15"></textarea>
                            <input id="parameter" name="parameter" type="hidden" value="" />
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">摄像头</label>
                        <div class="col-sm-7">
                            <input type="text" class="form-control" id="cameraName" name="cameraName"
                                placeholder="选择摄像头" onclick="showCamera4SelectFun();" value="" readonly
                                style="background-color: white">
                            <input id="cameraId" name="cameraId" type="hidden" value="" />
                            <span style="display: inline-block;">注:若为摄像头交互此选项必选。</span>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">顺序</label>
                        <div class="col-sm-2">
                            <input type="number" id="morder" name="morder" class="form-control" placeholder="顺序" min="1"
                                value="1">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">显示按钮样式分类</label>
                        <div class="col-sm-7">
                            <input type="text" id="btnclass" name="btnclass" class="form-control" value="btn btn-primary btn-lg"
                                placeholder="显示按钮样式分类(可不填)">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">显示按钮样式</label>
                        <div class="col-sm-7">
                            <input type="text" id="btnstyle" name="btnstyle" class="form-control"
                                placeholder="显示按钮样式(可不填)">
                        </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 btn-primary" onclick="dosave()">保存</button>
            </div>
        </div>
        <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
</div>