170 lines
8.2 KiB
Plaintext
170 lines
8.2 KiB
Plaintext
|
<%@ 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: "subEditForm",
|
|||
|
|
hiddenId: "interactionId",
|
|||
|
|
textId: "interactionName",
|
|||
|
|
interactionId: $('#interactionId').val()
|
|||
|
|
}, function (data) {
|
|||
|
|
$("#selectDiv_interaction").html(data);
|
|||
|
|
openModal('interaction4SelectModal');
|
|||
|
|
});
|
|||
|
|
};
|
|||
|
|
//测量点选择
|
|||
|
|
function showMPoint4SelectFun() {
|
|||
|
|
$.post(ext.contextPath + '/plan/showMPoint4Select.do', {
|
|||
|
|
formId: "subEditForm",
|
|||
|
|
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: "subEditForm",
|
|||
|
|
hiddenId: "cameraId",
|
|||
|
|
textId: "cameraName",
|
|||
|
|
cameraId: $('#cameraId').val()
|
|||
|
|
}, function (data) {
|
|||
|
|
$("#selectDiv_interaction").html(data);
|
|||
|
|
openModal('camera4SelectModal');
|
|||
|
|
});
|
|||
|
|
};
|
|||
|
|
function dosave() {
|
|||
|
|
$("#subEditForm").bootstrapValidator('validate');//提交验证
|
|||
|
|
if ($("#subEditForm").data('bootstrapValidator').isValid()) {//获取验证结果，如果成功，执行下面代码
|
|||
|
|
$.post(ext.contextPath + "/plan/doUpdateInteraction.do", $("#subEditForm").serialize(), function (data) {
|
|||
|
|
if (data.res == 1) {
|
|||
|
|
closeModal('planInteractionEditModal')
|
|||
|
|
$("#table_interaction").bootstrapTable('refresh');
|
|||
|
|
} else if (data.res == 0) {
|
|||
|
|
showAlert('d', '保存失败','alertDiv_interaction');
|
|||
|
|
} else {
|
|||
|
|
showAlert('d', data.res,'alertDiv_interaction');
|
|||
|
|
}
|
|||
|
|
}, 'json');
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
$("#subEditForm").bootstrapValidator({
|
|||
|
|
live: 'disabled',//验证时机，enabled是内容有变化就验证（默认），disabled和submitted是提交再验证
|
|||
|
|
fields: {
|
|||
|
|
name: {
|
|||
|
|
validators: {
|
|||
|
|
notEmpty: {
|
|||
|
|
message: '名称不能为空'
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}, interactionName: {
|
|||
|
|
validators: {
|
|||
|
|
notEmpty: {
|
|||
|
|
message: '交互不能为空'
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
$(function () {
|
|||
|
|
//textarea 需要js赋值
|
|||
|
|
document.getElementById("parameterNames").value = "${planInteraction.parameterNames}";
|
|||
|
|
})
|
|||
|
|
</script>
|
|||
|
|
<div class="modal fade" id="planInteractionEditModal">
|
|||
|
|
<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">×</span></button>
|
|||
|
|
<h4 class="modal-title">编辑方案交互</h4>
|
|||
|
|
</div>
|
|||
|
|
<div class="modal-body">
|
|||
|
|
<!-- 新增界面formid强制为subForm -->
|
|||
|
|
<form class="form-horizontal" id="subEditForm" enctype="multipart/form-data">
|
|||
|
|
<!-- 界面提醒div强制id为alertDiv -->
|
|||
|
|
<div id="alertDiv"></div>
|
|||
|
|
<input id="id" name="id" type="hidden" value="${planInteraction.id}" />
|
|||
|
|
<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="名称"
|
|||
|
|
value="${planInteraction.name}">
|
|||
|
|
<input id="planId" name="planId" type="hidden" value="${planInteraction.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();" readonly
|
|||
|
|
style="background-color: white" value="${planInteraction.interaction.name}">
|
|||
|
|
<input id="interactionId" name="interactionId" type="hidden"
|
|||
|
|
value="${planInteraction.interactionId}" />
|
|||
|
|
</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();" readonly style="background-color: white"
|
|||
|
|
placeholder="必要参数(逗号分隔)" row="15" value="${planInteraction.parameterNames}"></textarea>
|
|||
|
|
<input id="parameter" name="parameter" type="hidden" value="${planInteraction.parameter}" />
|
|||
|
|
</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="${planInteraction.camera.name}" readonly
|
|||
|
|
style="background-color: white">
|
|||
|
|
<input id="cameraId" name="cameraId" type="hidden" value="${planInteraction.cameraId}" />
|
|||
|
|
<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="${planInteraction.morder}">
|
|||
|
|
</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"
|
|||
|
|
placeholder="显示按钮样式分类(可不填)" value="${planInteraction.btnclass}">
|
|||
|
|
</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="显示按钮样式(可不填)" value="${planInteraction.btnstyle}">
|
|||
|
|
</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>
|