equipmentMethodList.html 4.34 KB
<!DOCTYPE HTML>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<meta charset="utf-8">
<head th:include="include :: header"></head>
<body class="gray-bg">
    <div class="container-div">
		<div class="row">
		<div class="col-sm-12 select-info">
			<form id="location-form">
				<div class="select-list">
					<ul>
						<li>
							名称:<input type="text" name="equipmentName"/>
						</li>
						<li>
							<a class="btn btn-primary btn-rounded btn-sm" onclick="$.table.search()"><i class="fa fa-search"></i>&nbsp;搜索</a>
							<a class="btn btn-warning btn-rounded btn-sm" onclick="$.form.reset('location-form')"><i class="fa fa-refresh"></i>&nbsp;重置</a>
							<!--<a class="btn btn-success btn-rounded btn-sm" onclick="$.table.exportExcel()" shiro:hasPermission="config:location:export"><i class="fa fa-download"></i>&nbsp;导出</a>-->
						</li>
					</ul>
				</div>
			</form>
		</div>

		<div class="btn-group hidden-xs" id="toolbar" role="group">
			<a class="btn btn-outline btn-success btn-rounded" onclick="$.operate.add()">
				<i class="fa fa-plus"></i> 新增
			</a>
			<a class="btn btn-outline btn-danger btn-rounded" onclick="$.operate.batRemove()">
				<i class="fa fa-trash-o"></i> 删除
			</a>
		</div>


			<div class="col-sm-12 select-info">
			<table id="bootstrap-table" data-mobile-responsive="true" class="table table-bordered table-hover"></table>
		</div>
		</div>
    </div>
	<input name="equipmentId"  type="hidden" id="equipmentId" th:value="${equipmentId}"/>
    <div th:include="include :: footer"></div>
    <script th:inline="javascript">
        var prefix = ctx + "plc/equipmentMethod";
        //var adddFlag=[[${@permission.hasPermi('plc:equipment:add')}]];
        //var editFlag=[[${@permission.hasPermi('plc:equipment:edit')}]];
        //var removeFlag = [[${@permission.hasPermi('plc:equipment:remove')}]];
		var equipments = [[${@equipment.getList()}]];

        $(function() {
            var options = {
                url: prefix + "/list",
				createUrl: prefix + "/add",
				updateUrl: prefix + "/edit/{id}",
				removeUrl: prefix + "/remove",
                modalName: "设备db块",
                search: false,
				pageNumber: 1,                                      // 初始化加载第一页,默认第一页
				pageSize: 10,                                       // 每页的记录行数(*)
				pageList: [10, 25, 50],                             // 可供选择的每页的行数(*)
				queryParams: function (params) {
					return {
						pageSize: params.limit,
						pageNum: params.offset / params.limit + 1,
					};
				},
                sortName: "id",
                sortOrder: "desc",
                columns: [{
		            checkbox: true
		        },
				{
					field : 'id',
					title : 'id'
				},
				{
					field : 'equipmentId',
					title : '设备名称',
					formatter: function(value, row, index) {
						console.log(value)
						console.log(equipments)
					    return selectPrefixToName(equipments, value);
					}
				},
				{
					field : 'methodName',
					title : '设备db块名称'
				},

		        {
		            title: '操作',
		            align: 'center',
		            formatter: function(value, row, index) {
		            	var actions = [];
		            	//actions.push('<a class="btn btn-success btn-xs ' + '' + '" href="#" onclick="lookDetail(\'' + row.userPhone + '\')"><i class="fa fa-edit"></i>查看</a> ');
						actions.push('<a class="btn btn-success btn-xs" href="#" onclick="$.operate.edit(\'' + row.id + '\')"><i class="fa fa-edit"></i>编辑</a> ');
		            	return actions.join('');
		            }
		        }]
            };
            $.table.init(options);
        });

		function selectPrefixToName (_datas, _value) {
			var actions = [];
			$.each(_datas, function (index, dict) {
				if (dict.id == _value) {
					actions.push("<span class='badge badge-info'>" + dict.equipmentName + "</span>");
					return false;
				}
			});
			return actions.join('');
		}

		function updateStatusOne(id,obj){
			var tips='';
			if(obj==1){
				tips="确定修改启用状态?"
			}else{
				tips="确定修改停用状态?"
			}
			$.modal.confirm(tips, function() {
				var url = prefix + "/updateStatus";
				var data = { "ids": id.split(","),"status":obj };
				$.operate.post(url, data);
			});
		}





    </script>
</body>
</html>