You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
126 lines
6.2 KiB
126 lines
6.2 KiB
11 months ago
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||
|
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8" />
|
||
|
|
<title>系统中心--方亚菜单资源管理系统</title>
|
||
|
|
<meta name="renderer" content="webkit" />
|
||
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
|
||
|
|
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
|
||
|
|
<meta name="apple-mobile-web-app-capable" content="yes" />
|
||
|
|
<meta name="format-detection" content="telephone=no" />
|
||
|
|
<script type="text/javascript" src="../../js/jquery-2.1.3.min.js"></script>
|
||
|
|
<script type="text/javascript" src="../../js/jq_extend.js"></script>
|
||
|
|
<link rel="stylesheet" href="../../layui/css/layui.css" media="all" />
|
||
|
|
<link rel="stylesheet" href="../../css/public.css" media="all" />
|
||
|
|
</head>
|
||
|
|
<body style="padding: 20px;box-sizing: border-box;">
|
||
|
|
<form class="layui-form">
|
||
|
|
<blockquote class="layui-elem-quote quoteBox" style="padding-left:0; padding-top:0;">
|
||
|
|
<div class="layui-inline">
|
||
|
|
<div class="layui-input-inline">
|
||
|
|
<input type="text" class="layui-input searchVal" placeholder="请输入搜索的车辆牌号" />
|
||
|
|
</div>
|
||
|
|
<div class="layui-input-inline">
|
||
|
|
<select id="searchClass" lay-filter="searchClass" lay-search="">
|
||
|
|
<option value="">---车辆类别(默认查看全部)---</option>
|
||
|
|
<option value="0">公务车辆</option>
|
||
|
|
<option value="1">执勤车辆</option>
|
||
|
|
<option value="2">地方车辆</option>
|
||
|
|
</select>
|
||
|
|
</div>
|
||
|
|
<a class="layui-btn search_btn" data-type="reload">搜索</a>
|
||
|
|
</div>
|
||
|
|
</blockquote>
|
||
|
|
<table id="carList" lay-filter="carList"></table>
|
||
|
|
</form>
|
||
|
|
<script type="text/javascript" src="../../layui/layui.js"></script>
|
||
|
|
<script src="../../js/remsg.js" type="text/javascript"></script>
|
||
|
|
<script>
|
||
|
|
layui.use(['form', 'table'], function () {
|
||
|
|
var table = layui.table;
|
||
|
|
var oid = $.getUrlVar("oid");
|
||
|
|
var type = $.getUrlVar("type");
|
||
|
|
var isContent = $.getUrlVar("isContent");
|
||
|
|
|
||
|
|
$('#searchClass').val(type);
|
||
|
|
layui.form.render();
|
||
|
|
|
||
|
|
//系统列表
|
||
|
|
table.render({
|
||
|
|
elem: '#carList',
|
||
|
|
url: '../../ashx/CarHandler.ashx',
|
||
|
|
where: {
|
||
|
|
Action: "CarList",
|
||
|
|
OrgId: oid,
|
||
|
|
class: type,
|
||
|
|
is_content: isContent,
|
||
|
|
random: new Date().getTime()
|
||
|
|
},
|
||
|
|
cellMinWidth: 95,
|
||
|
|
page: true,
|
||
|
|
height: "full-125",
|
||
|
|
limits: [10, 15, 20, 25],
|
||
|
|
limit: 15,
|
||
|
|
id: "carListTable",
|
||
|
|
cols: [[
|
||
|
|
{ field: 'CAR_NUM', title: '车辆号牌', minWidth: 60, align: "center" },
|
||
|
|
{ field: 'CAR_NAME', title: '车辆名称', minWidth: 60, align: "center" },
|
||
|
|
{
|
||
|
|
field: 'CLASS', title: '车辆类别', minWidth: 60, align: "center", templet: function (d) {
|
||
|
|
if (d.CLASS == "0") {
|
||
|
|
return '<span class="layui-badge layui-bg-green">公务车</span>';
|
||
|
|
}
|
||
|
|
else if (d.CLASS == "1") {
|
||
|
|
return '<span class="layui-badge layui-bg-orange">执勤车</span>';
|
||
|
|
}
|
||
|
|
else if (d.CLASS == "2") {
|
||
|
|
return '<span class="layui-badge layui-bg-blue">地方车</span>';
|
||
|
|
}
|
||
|
|
else {
|
||
|
|
return '<span class="layui-badge layui-bg-gray">无类型</span>';
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
{ field: 'ORG_NAME', title: '所属消防单位', minWidth: 60, align: "center" },
|
||
|
|
{ field: 'LIABLEMAN', title: '责任人', minWidth: 60, align: "center" },
|
||
|
|
{ field: 'TELNUM', title: '责任人电话', minWidth: 60, align: "center" },
|
||
|
|
{
|
||
|
|
field: 'ISAPPLY', title: '申请状态', minWidth: 60, align: "center", templet: function (d) {
|
||
|
|
if (d.ISAPPLY == "0") {
|
||
|
|
return ' <span class="layui-badge layui-bg-blue" style="background-color:#30ca30 !important">在岗</span>';
|
||
|
|
} else if (d.ISAPPLY == "1") {
|
||
|
|
return ' <span class="layui-badge" style="background-color:#3079ea !important">申请中</span>';
|
||
|
|
}
|
||
|
|
else if (d.ISAPPLY == "2") {
|
||
|
|
return ' <span class="layui-badge ">离岗</span>';
|
||
|
|
}
|
||
|
|
else {
|
||
|
|
return ' <span class="layui-badge layui-bg-gray">未知</span>';
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
]]
|
||
|
|
});
|
||
|
|
|
||
|
|
//搜索【此功能需要后台配合，所以暂时没有动态效果演示】
|
||
|
|
$(".search_btn").on("click", function () {
|
||
|
|
table.reload("carListTable", {
|
||
|
|
page: {
|
||
|
|
curr: 1 //重新从第 1 页开始
|
||
|
|
},
|
||
|
|
where: {
|
||
|
|
Action: 'CarList',
|
||
|
|
OrgId: oid,
|
||
|
|
keywords: $(".searchVal").val(), //搜索的关键字
|
||
|
|
class: $("#searchClass").val(), //车辆类别
|
||
|
|
random: new Date().getTime() //随机参数
|
||
|
|
}
|
||
|
|
});
|
||
|
|
});
|
||
|
|
})
|
||
|
|
</script>
|
||
|
|
<link rel="stylesheet" href="/css/right-list.css" media="all" />
|
||
|
|
<link rel="stylesheet" href="/css/bulletframebg.css" media="all" />
|
||
|
|
</body>
|
||
|
|
</html>
|