265 lines
12 KiB
Plaintext
265 lines
12 KiB
Plaintext
|
<%@ page language="java" pageEncoding="UTF-8"%>
|
|||
|
|
|
|||
|
|
<script type="text/javascript">
|
|||
|
|
//摄像头选择
|
|||
|
|
// function showCamera4SelectFun() {
|
|||
|
|
// $.post(ext.contextPath + '/work/camera/showCamera4Select.do', {
|
|||
|
|
// formId: "subForm",
|
|||
|
|
// hiddenId: "cameraId",
|
|||
|
|
// textId: "cameraName",
|
|||
|
|
// cameraId: $('#cameraId').val()
|
|||
|
|
// }, function (data) {
|
|||
|
|
// $("#subDiv_select").html(data);
|
|||
|
|
// openModal('camera4SelectModal');
|
|||
|
|
// });
|
|||
|
|
// };
|
|||
|
|
|
|||
|
|
var editMPointFun = function () {
|
|||
|
|
if ($('#valueUrl').val() != "") {
|
|||
|
|
$.post(ext.contextPath + '/visualjsp/editMPoint.do', { id: $('#valueUrl').val() }, function (data) {
|
|||
|
|
$("#subDiv_select").html(data);
|
|||
|
|
openModal('subModalEditMPoint');
|
|||
|
|
});
|
|||
|
|
} else {
|
|||
|
|
swal({
|
|||
|
|
text: "请先选择测量点",
|
|||
|
|
dangerMode: true,
|
|||
|
|
buttons: {
|
|||
|
|
cancel: {
|
|||
|
|
text: "知道了",
|
|||
|
|
value: null,
|
|||
|
|
visible: true,
|
|||
|
|
className: "btn btn-default btn-sm",
|
|||
|
|
closeModal: true,
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
function doupdate() {
|
|||
|
|
$("#subForm").bootstrapValidator('validate');//提交验证
|
|||
|
|
if ($("#subForm").data('bootstrapValidator').isValid()) {//获取验证结果，如果成功，执行下面代码
|
|||
|
|
$.post(ext.contextPath + "/visualjsp/doupdateJspElement.do", $("#subForm").serialize(), function (data) {
|
|||
|
|
if (data.res == 1) {
|
|||
|
|
closeModal('subModal');
|
|||
|
|
refresh();
|
|||
|
|
} else if (data.res == 0) {
|
|||
|
|
showAlert('d', '更新失败');
|
|||
|
|
} else {
|
|||
|
|
showAlert('d', data.res);
|
|||
|
|
}
|
|||
|
|
}, 'json');
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
$("#subForm").bootstrapValidator({
|
|||
|
|
live: 'disabled',//验证时机，enabled是内容有变化就验证（默认），disabled和submitted是提交再验证
|
|||
|
|
fields: {
|
|||
|
|
name: {
|
|||
|
|
validators: {
|
|||
|
|
notEmpty: {
|
|||
|
|
message: '名称不能为空'
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
elementCode: {
|
|||
|
|
validators: {
|
|||
|
|
notEmpty: {
|
|||
|
|
message: '元素识别编码不能为空'
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
getValueType: {
|
|||
|
|
validators: {
|
|||
|
|
notEmpty: {
|
|||
|
|
message: '获取值方式不能为空'
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
valueUrl: {
|
|||
|
|
validators: {
|
|||
|
|
notEmpty: {
|
|||
|
|
message: '链接不能为空'
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
morder: {
|
|||
|
|
validators: {
|
|||
|
|
notEmpty: {
|
|||
|
|
message: '顺序不能为空'
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
$(function () {
|
|||
|
|
// $.post(ext.contextPath + "/datatype/getDataType4Select2.do", {}, function (data) {
|
|||
|
|
// $("#dataType").empty();
|
|||
|
|
// var select = $("#dataType").select2({
|
|||
|
|
// data: data,
|
|||
|
|
// placeholder: '请选择',//默认文字提示
|
|||
|
|
// allowClear: false,//允许清空
|
|||
|
|
// escapeMarkup: function (markup) { return markup; }, // 自定义格式化防止xss注入
|
|||
|
|
// language: "zh-CN",
|
|||
|
|
// minimumInputLength: 0,
|
|||
|
|
// minimumResultsForSearch: 10,//数据超过十个启用搜索框
|
|||
|
|
// formatResult: function formatRepo(repo) { return repo.text; }, // 函数用来渲染结果
|
|||
|
|
// formatSelection: function formatRepoSelection(repo) { return repo.text; } // 函数用于呈现当前的选择
|
|||
|
|
// });
|
|||
|
|
// select.val("${jspElement.dataType}").trigger("change");
|
|||
|
|
// fixSelect2ToTool("dataType");
|
|||
|
|
// }, 'json');
|
|||
|
|
|
|||
|
|
$.post(ext.contextPath + '/user/getUnitForTree_Selected.do', { ng: '' }, function (data) {
|
|||
|
|
$("#unitId").val('${jspElement.unitId}');
|
|||
|
|
$.post(ext.contextPath + '/user/getCompany.do', { id:'${jspElement.unitId}'}, function (data) {
|
|||
|
|
$("#unitName").val(data.content1[0].sname);
|
|||
|
|
}, 'json');
|
|||
|
|
// $("#unitId").val(data[0].id);
|
|||
|
|
// $("#unitName").val(data[0].text);
|
|||
|
|
//$table.bootstrapTable('refresh');//异步加载重新刷新，待修改
|
|||
|
|
$('#companytree').treeview({
|
|||
|
|
data: data,
|
|||
|
|
showBorder: false,
|
|||
|
|
levels: 3,
|
|||
|
|
});
|
|||
|
|
$('#companytree').on('nodeSelected', function (event, data) {
|
|||
|
|
$("#unitId").val(data.id);
|
|||
|
|
$("#unitName").val(data.text);
|
|||
|
|
document.getElementById('ul_tree').style.display = "none";
|
|||
|
|
});
|
|||
|
|
}, 'json');
|
|||
|
|
|
|||
|
|
//防止点击树的+号收起下拉框
|
|||
|
|
$("#ul_tree").on("click", function (e) {
|
|||
|
|
event.stopPropagation();
|
|||
|
|
});
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
//点击空白隐藏树
|
|||
|
|
$(document).click(function (e) {
|
|||
|
|
var divTree = $('#ul_tree'); // 设置目标区域
|
|||
|
|
if (!divTree.is(e.target) && divTree.has(e.target).length === 0) {
|
|||
|
|
divTree.hide()
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
</script>
|
|||
|
|
<div class="modal fade" id="subModal">
|
|||
|
|
<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">编辑JSP元素</h4>
|
|||
|
|
</div>
|
|||
|
|
<div class="modal-body">
|
|||
|
|
<!-- 新增界面formid强制为subForm -->
|
|||
|
|
<form class="form-horizontal" id="subForm">
|
|||
|
|
<div id="alertDiv"></div>
|
|||
|
|
<input id="id" name="id" type="hidden" value="${jspElement.id}" />
|
|||
|
|
<input id="pid" name="pid" type="hidden" value="${jspElement.pid}" />
|
|||
|
|
<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="${jspElement.name}">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="form-group">
|
|||
|
|
<label class="col-sm-3 control-label">*元素识别编码</label>
|
|||
|
|
<div class="col-sm-7">
|
|||
|
|
<input type="text" id="elementCode" name="elementCode" class="form-control"
|
|||
|
|
placeholder="元素识别编码" value="${jspElement.elementCode}">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="form-group">
|
|||
|
|
<label class="col-sm-3 control-label">样式</label>
|
|||
|
|
<div class="col-sm-7">
|
|||
|
|
<input type="text" id="style" name="style" class="form-control" value="${jspElement.style}"
|
|||
|
|
placeholder="style">
|
|||
|
|
<span style="display: inline-block;">注:1.曲线图元素时可选择bar/line等echarts支持类型。</span>
|
|||
|
|
<span
|
|||
|
|
style="display: inline-block;">2.颜色元素填写方式。例：FFD568(不需要#)。</span>
|
|||
|
|
<span>3.背景图地址。例：/IMG/bg_2F/Q21-singleStatus.jpg。</span>
|
|||
|
|
<span
|
|||
|
|
style="display: inline-block;"> 4.其他元素可填写style样式类型。例：height:30%注意符号需要英文符号。</span>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
<div class="form-group">
|
|||
|
|
<label class="col-sm-3 control-label">*获取值方式</label>
|
|||
|
|
<div class="col-sm-7">
|
|||
|
|
<input type="text" id="getValueType" name="getValueType" class="form-control"
|
|||
|
|
placeholder="getValue/getHistory/getModbus/getHttp" value="${jspElement.getValueType}">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="form-group">
|
|||
|
|
<label class="col-sm-3 control-label">*链接</label>
|
|||
|
|
<div class="col-sm-7">
|
|||
|
|
<input type="text" id="valueUrl" name="valueUrl" class="form-control"
|
|||
|
|
value="${jspElement.valueUrl}" placeholder="链接">
|
|||
|
|
<span style="display: inline-block;">注:1.getValue/getHistory/getModbus时填写生产库测量点id。</span>
|
|||
|
|
<span>2.getHTTP/getCacheData时填写http链接路径。</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-sm-2">
|
|||
|
|
<button type="button" class="btn btn-default btn-sm" title="更改测量点值"
|
|||
|
|
onclick="editMPointFun();"><i class="fa fa-edit"></i></button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="form-group">
|
|||
|
|
<label class="col-sm-3 control-label">*所属厂</label>
|
|||
|
|
<input id="unitId" name="unitId" type="hidden" />
|
|||
|
|
<div class="col-sm-7">
|
|||
|
|
<a href="#" class="dropdown-toggle" data-toggle="dropdown" style="width:300px;"
|
|||
|
|
onclick="document.getElementById('ul_tree').style.display = 'block';">
|
|||
|
|
<input class="form-control " id="unitName" name="unitName" style="width: 100%"></input>
|
|||
|
|
</a>
|
|||
|
|
<ul id="ul_tree" class="dropdown-menu" data-stopPropagation="true" style="border-color:#ccc;">
|
|||
|
|
<li class="header">
|
|||
|
|
<div id="companytree" style="width: 275px;height:400px;overflow-y:scroll;overflow-x:hidden;"></div>
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<!--
|
|||
|
|
<div class="form-group">
|
|||
|
|
<label class="col-sm-3 control-label">*产线</label>
|
|||
|
|
<div class="col-sm-7">
|
|||
|
|
<select class="form-control select2" id="dataType" name="dataType"
|
|||
|
|
style="width: 100%"></select>
|
|||
|
|
</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-7">
|
|||
|
|
<input type="number" id="morder" name="morder" class="form-control" placeholder="顺序" min="1"
|
|||
|
|
value="${jspElement.morder}">
|
|||
|
|
</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="doupdate()">保存</button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<!-- /.modal-content -->
|
|||
|
|
</div>
|
|||
|
|
<!-- /.modal-dialog -->
|
|||
|
|
</div>
|