| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260 | 
							- <!DOCTYPE html>
 
- <html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
 
- <head>
 
- 	<th:block th:include="include :: header('服务列表')" />
 
- 	<th:block th:include="include :: layout-latest-css" />
 
- 	<th:block th:include="include :: ztree-css" />
 
- </head>
 
- <body class="gray-bg">
 
- 	<div class="ui-layout-center">
 
- 		<div class="container-div">
 
- 			<div class="row">
 
- 				<div class="col-sm-12 search-collapse">
 
- 					<form id="user-form">
 
- 						<input type="hidden" id="deptId" name="deptId">
 
- 		                <input type="hidden" id="parentId" name="parentId">
 
- 						<div class="select-list">
 
- 							<ul>
 
- 								<li>
 
- 									服务编号:<input type="text" name="serviceTypeNumber"/>
 
- 								</li>
 
- 								<li>
 
- 									服务名称:<input type="text" name="serviceTypeName"/>
 
- 								</li>
 
- 								<!--li>
 
- 									用户状态:<select name="status" th:with="type=${@dict.getType('sys_normal_disable')}">
 
- 										<option value="">所有</option>
 
- 										<option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}"></option>
 
- 									</select>
 
- 								</li>
 
- 								<li class="select-time">
 
- 									<label>创建时间: </label>
 
- 									<input type="text" class="time-input" id="startTime" placeholder="开始时间" name="params[beginTime]"/>
 
- 									<span>-</span>
 
- 									<input type="text" class="time-input" id="endTime" placeholder="结束时间" name="params[endTime]"/>
 
- 								</li>-->
 
- 								<li>
 
- 									<a class="btn btn-primary btn-rounded btn-sm" onclick="$.table.search()"><i class="fa fa-search"></i> 搜索</a>
 
- 								    <a class="btn btn-warning btn-rounded btn-sm" onclick="resetPre()"><i class="fa fa-refresh"></i> 重置</a>
 
- 								</li>
 
- 							</ul>
 
- 						</div>
 
- 					</form>
 
- 				</div>
 
- 		        <div class="btn-group-sm" id="toolbar" role="group">
 
- 		        	<a class="btn btn-success" onclick="$.operate.addTab()" shiro:hasPermission="system:user:add">
 
- 		                <i class="fa fa-plus"></i> 新增
 
- 		            </a>
 
- 		             <a class="btn btn-primary single disabled" onclick="$.operate.editTab()" shiro:hasPermission="system:user:edit">
 
- 			            <i class="fa fa-edit"></i> 修改
 
- 			        </a>
 
- 		            <a class="btn btn-danger multiple disabled" onclick="$.operate.removeAll()" shiro:hasPermission="system:user:remove">
 
- 		                <i class="fa fa-remove"></i> 删除
 
- 		            </a>
 
- 		            <a class="btn btn-info" onclick="$.table.importExcel()" shiro:hasPermission="system:user:import">
 
- 			            <i class="fa fa-upload"></i> 导入
 
- 			        </a>
 
- 		            <a class="btn btn-warning" onclick="$.table.exportExcel()" shiro:hasPermission="system:user:export">
 
- 			            <i class="fa fa-download"></i> 导出
 
- 			        </a>
 
- 		        </div>
 
- 		        <div class="col-sm-12 select-table table-striped">
 
- 				    <table id="bootstrap-table"></table>
 
- 				</div>
 
- 			</div>
 
- 		</div>
 
- 	</div>
 
- 	<th:block th:include="include :: footer" />
 
- 	<th:block th:include="include :: layout-latest-js" />
 
- 	<th:block th:include="include :: ztree-js" />
 
- 	<script th:inline="javascript">
 
- 		var editFlag = [[${@permission.hasPermi('system:user:edit')}]];
 
- 		var removeFlag = [[${@permission.hasPermi('system:user:remove')}]];
 
- 		var resetPwdFlag = [[${@permission.hasPermi('system:user:resetPwd')}]];
 
- 		var prefix = ctx + "server/serv";
 
- 		$(function() {
 
- 		    var panehHidden = false;
 
- 		    if ($(this).width() < 1590) {
 
- 		        panehHidden = true;
 
- 		    }
 
- 		    $('body').layout({ initClosed: panehHidden, west__size: 185, resizeWithWindow: false });
 
- 	     	// 回到顶部绑定
 
- 	    	if ($.fn.toTop !== undefined) {
 
- 	    		var opt = {
 
- 	    			win:$('.ui-layout-center'),
 
- 	    			doc:$('.ui-layout-center')
 
- 	    		};
 
- 	    		$('#scroll-up').toTop(opt);
 
- 	    	}
 
- 		    queryUserList();
 
- 		    queryDeptTree();
 
- 		});
 
- 		function queryUserList() {
 
- 		    var options = {
 
- 		        url: prefix + "/list",
 
- 		        viewUrl: prefix + "/view/{id}",
 
- 		        createUrl: prefix + "/add",
 
- 		        updateUrl: prefix + "/edit/{id}",
 
- 		        removeUrl: prefix + "/remove",
 
- 		        exportUrl: prefix + "/export",
 
- 		        importUrl: prefix + "/importData",
 
- 		        importTemplateUrl: prefix + "/importTemplate",
 
- 		        sortName: "createTime",
 
- 		        sortOrder: "desc",
 
- 		        modalName: "服务",
 
- 		        columns: [{
 
- 		            checkbox: true
 
- 		        },
 
- 		        {
 
- 		            field: 'serviceTypeNumber',
 
- 		            title: '服务类型编号'
 
- 		        },
 
- 		        {
 
- 		            field: 'serviceTypeName',
 
- 		            title: '服务类型名称'
 
- 		        },
 
- 		        {
 
- 		            field: 'serviceTypeDescription',
 
- 		            title: '服务类型描述'
 
- 		        },
 
- 		        {
 
- 		            field: 'fulfillmentParty',
 
- 		            title: '履约方'
 
- 		        },
 
- 		        /*{
 
- 		        	visible: editFlag == 'hidden' ? false : true,
 
- 		        	title: '用户状态',
 
- 		        	align: 'center',
 
- 		        	formatter: function (value, row, index) {
 
- 		        		return statusTools(row);
 
- 		        	}
 
- 		        },*/
 
- 		        {
 
- 		            title: '操作',
 
- 		            align: 'center',
 
- 		            formatter: function(value, row, index) {
 
- 		                if (row.serviceId != 1) {
 
- 		                	var actions = [];
 
- 			                actions.push('<a class="btn btn-success btn-xs ' + editFlag + '" href="javascript:void(0)" onclick="$.operate.editTab(\'' + row.serviceId + '\')"><i class="fa fa-edit"></i>编辑</a> ');
 
- 			                actions.push('<a class="btn btn-danger btn-xs ' + removeFlag + '" href="javascript:void(0)" onclick="$.operate.remove(\'' + row.serviceId + '\')"><i class="fa fa-remove"></i>删除</a> ');
 
- 			                var more = [];
 
- 			                /*more.push("<a class='btn btn-default btn-xs " + resetPwdFlag + "' href='javascript:void(0)' onclick='resetPwd(" + row.userId + ")'><i class='fa fa-key'></i>重置密码</a> ");
 
- 			                more.push("<a class='btn btn-default btn-xs " + editFlag + "' href='javascript:void(0)' onclick='authRole(" + row.userId + ")'><i class='fa fa-check-square-o'></i>分配角色</a>");
 
- 			                actions.push('<a tabindex="0" class="btn btn-info btn-xs" role="button" data-container="body" data-placement="left" data-toggle="popover" data-html="true" data-trigger="hover" data-content="' + more.join('') + '"><i class="fa fa-chevron-circle-right"></i>更多操作</a>');*/
 
- 			                return actions.join('');
 
- 		            	} else {
 
- 		                    return "";
 
- 		                }
 
- 		            }
 
- 		        }]
 
- 		    };
 
- 		    $.table.init(options);
 
- 		}
 
- 		function queryDeptTree()
 
- 		{
 
- 			var url = ctx + "system/user/deptTreeData";
 
- 			var options = {
 
- 		        url: url,
 
- 		        expandLevel: 2,
 
- 		        onClick : zOnClick
 
- 		    };
 
- 			$.tree.init(options);
 
- 			function zOnClick(event, treeId, treeNode) {
 
- 				$("#deptId").val(treeNode.id);
 
- 				$("#parentId").val(treeNode.pId);
 
- 				$.table.search();
 
- 			}
 
- 		}
 
- 		$('#btnExpand').click(function() {
 
- 			$._tree.expandAll(true);
 
- 		    $(this).hide();
 
- 		    $('#btnCollapse').show();
 
- 		});
 
- 		$('#btnCollapse').click(function() {
 
- 			$._tree.expandAll(false);
 
- 		    $(this).hide();
 
- 		    $('#btnExpand').show();
 
- 		});
 
- 		$('#btnRefresh').click(function() {
 
- 			queryDeptTree();
 
- 		});
 
- 		/* 自定义重置-表单重置/隐藏框/树节点选择色/搜索 */
 
- 		function resetPre() {
 
- 			resetDate();
 
- 			$("#user-form")[0].reset();
 
- 			$("#deptId").val("");
 
- 			$("#parentId").val("");
 
- 			$(".curSelectedNode").removeClass("curSelectedNode");
 
- 			$.table.search();
 
- 		}
 
- 		/* 用户管理-部门 */
 
- 		function dept() {
 
- 			var url = ctx + "system/dept";
 
- 			$.modal.openTab("部门管理", url);
 
- 		}
 
- 		/* 用户管理-重置密码 */
 
- 		function resetPwd(userId) {
 
- 		    var url = prefix + '/resetPwd/' + userId;
 
- 		    $.modal.open("重置密码", url, '800', '300');
 
- 		}
 
- 		/* 用户管理-分配角色 */
 
- 		function authRole(userId) {
 
- 		    var url = prefix + '/authRole/' + userId;
 
- 		    $.modal.openTab("用户分配角色", url);
 
- 		}
 
- 		/* 用户状态显示 */
 
- 		function statusTools(row) {
 
- 		    if (row.status == 1) {
 
-     			return '<i class=\"fa fa-toggle-off text-info fa-2x\" onclick="enable(\'' + row.userId + '\')"></i> ';
 
-     		} else {
 
-     			return '<i class=\"fa fa-toggle-on text-info fa-2x\" onclick="disable(\'' + row.userId + '\')"></i> ';
 
-     		}
 
- 		}
 
- 		/* 用户管理-停用 */
 
- 		function disable(userId) {
 
- 			$.modal.confirm("确认要停用用户吗?", function() {
 
- 				$.operate.post(prefix + "/changeStatus", { "userId": userId, "status": 1 });
 
- 		    })
 
- 		}
 
- 		/* 用户管理启用 */
 
- 		function enable(userId) {
 
- 			$.modal.confirm("确认要启用用户吗?", function() {
 
- 				$.operate.post(prefix + "/changeStatus", { "userId": userId, "status": 0 });
 
- 		    })
 
- 		}
 
- 	</script>
 
- </body>
 
- <!-- 导入区域 -->
 
- <!--<script id="importTpl" type="text/template">
 
- <form enctype="multipart/form-data" class="mt20 mb10">
 
- 	<div class="col-xs-offset-1">
 
- 		<input type="file" id="file" name="file"/>
 
- 		<div class="mt10 pt5">
 
- 			<input type="checkbox" id="updateSupport" name="updateSupport" title="如果登录账户已经存在,更新这条数据。"> 是否更新已经存在的用户数据
 
- 			  	<a onclick="$.table.importTemplate()" class="btn btn-default btn-xs"><i class="fa fa-file-excel-o"></i> 下载模板</a>
 
- 		</div>
 
- 		<font color="red" class="pull-left mt10">
 
- 			提示:仅允许导入“xls”或“xlsx”格式文件!
 
- 		</font>
 
- 	</div>
 
- </form>
 
- </script>-->
 
- </html>
 
 
  |