设备二维码巡检系统
This commit is contained in:
itgaojian163
parent
e50d6002f6
commit
5cb2fe66b6
@ -1,4 +1,4 @@
|
||||
.system {
|
||||
.system {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
width: 100%;
|
||||
@ -7,44 +7,44 @@
|
||||
background-size: contain;
|
||||
background-color: #f5f5f5;
|
||||
overflow-y: hidden;
|
||||
}
|
||||
}
|
||||
|
||||
.system .top {
|
||||
.system .top {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
height: 80px;
|
||||
color: #FFF;
|
||||
/* line-height: 80px; */
|
||||
}
|
||||
}
|
||||
|
||||
.system .top h3 {
|
||||
.system .top h3 {
|
||||
line-height: 80px;
|
||||
font-size: 26px;
|
||||
margin-left: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
.system .top span {
|
||||
.system .top span {
|
||||
display: flex;
|
||||
height: 80px;
|
||||
margin-right: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
.system .top span img {
|
||||
.system .top span img {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
margin: 25px 10px;
|
||||
}
|
||||
}
|
||||
|
||||
.system .top span em {
|
||||
.system .top span em {
|
||||
line-height: 80px;
|
||||
}
|
||||
}
|
||||
|
||||
.system .bottom {
|
||||
.system .bottom {
|
||||
display: flex;
|
||||
height: calc(100vh - 100px);
|
||||
}
|
||||
}
|
||||
|
||||
.system .bottom .left {
|
||||
.system .bottom .left {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
width: 200px;
|
||||
@ -52,9 +52,9 @@
|
||||
margin-right: 20px;
|
||||
height: 100%;
|
||||
/* background-color: pink; */
|
||||
}
|
||||
}
|
||||
|
||||
.system .bottom .left .head {
|
||||
.system .bottom .left .head {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-content: center;
|
||||
@ -64,145 +64,151 @@
|
||||
border-top-left-radius: 30px;
|
||||
border-top-right-radius: 30px;
|
||||
/* background-color: skyblue; */
|
||||
background-color:#497fdf;
|
||||
background-color: #497fdf;
|
||||
background-size: cover;
|
||||
color: #FFF;
|
||||
}
|
||||
}
|
||||
|
||||
.system .bottom .left .head img {
|
||||
.system .bottom .left .head img {
|
||||
width: 70px;
|
||||
height: 70px;
|
||||
border-radius: 35px;
|
||||
background-color: gray;
|
||||
margin: 10px 45px;
|
||||
}
|
||||
}
|
||||
|
||||
.system .bottom .left .head h4 {
|
||||
.system .bottom .left .head h4 {
|
||||
font-size: 18px;
|
||||
text-align: center;
|
||||
margin-top: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
.system .bottom .left .head em {
|
||||
.system .bottom .left .head em {
|
||||
font-size: 15px;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
.system .bottom .left .titleList {
|
||||
.system .bottom .left .titleList {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
background-color: #fff;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.system .bottom .left .titleList li {
|
||||
.system .bottom .left .titleList li {
|
||||
display: flex;
|
||||
line-height: 30px;
|
||||
padding: 10px 10px;
|
||||
}
|
||||
}
|
||||
|
||||
.system .bottom .left .titleList li .li1 {
|
||||
.system .bottom .left .titleList li .li1 {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
margin: 5px 10px;
|
||||
}
|
||||
}
|
||||
|
||||
.system .bottom .left .titleList .title4 {
|
||||
.system .bottom .left .titleList .title4 {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
}
|
||||
|
||||
.system .bottom .left .titleList .title4 .title {
|
||||
.system .bottom .left .titleList .title4 .title {
|
||||
display: flex;
|
||||
}
|
||||
}
|
||||
|
||||
.system .bottom .left .titleList .title4 .list {
|
||||
.system .bottom .left .titleList .title4 .list {
|
||||
margin-top: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
.system .bottom .left .titleList .title4 .list li {
|
||||
.system .bottom .left .titleList .title4 .list li {
|
||||
display: flex;
|
||||
line-height: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
.system .bottom .left .titleList .title4 .list li:nth-child(1) {
|
||||
.system .bottom .left .titleList .title4 .list li:nth-child(1) {
|
||||
border-radius: 10px;
|
||||
background-color: #497fdf;
|
||||
color: #FFF;
|
||||
}
|
||||
}
|
||||
|
||||
.system .bottom .left .titleList .title4 .list li em {
|
||||
.system .bottom .left .titleList .title4 .list li em {
|
||||
line-height: 30px;
|
||||
margin: 0 15px 0 5px;
|
||||
}
|
||||
}
|
||||
|
||||
.system .bottom .left .titleList .title4 .list li h5 {
|
||||
.system .bottom .left .titleList .title4 .list li h5 {
|
||||
line-height: 30px;
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
|
||||
.system .bottom .right {
|
||||
.system .bottom .right {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
width: 100%;
|
||||
height: calc(100vh - 80px);
|
||||
margin-right: 30px;
|
||||
|
||||
}
|
||||
|
||||
.system .bottom .right .top {
|
||||
}
|
||||
|
||||
.system .bottom .right .top {
|
||||
width: 100%;
|
||||
height: 60px;
|
||||
border-radius: 20px;
|
||||
margin-bottom: 15px;
|
||||
background-color: #fff;
|
||||
}
|
||||
.system .bottom .right .top .headline {
|
||||
height: 60px;
|
||||
line-height: 60px;
|
||||
color: #333;
|
||||
font-size: 16px;
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
.system .bottom .right .content {
|
||||
.system .bottom .right .top .headline {
|
||||
height: 60px;
|
||||
line-height: 60px;
|
||||
color: #333;
|
||||
font-size: 16px;
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
.system .bottom .right .content {
|
||||
width: 100%;
|
||||
height: calc(100vh - 175px);
|
||||
border-radius: 20px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.page-iframe{
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.page-iframe {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border:none;
|
||||
background:#fff;
|
||||
border: none;
|
||||
background: #fff;
|
||||
}
|
||||
.layui-layout-right{
|
||||
background-color: #FFF !important;
|
||||
margin-right:30px;
|
||||
margin-top:20px;
|
||||
height:40px;
|
||||
}
|
||||
.layui-layout-right .layui-nav-item,
|
||||
.layui-layout-right .layui-nav-item a
|
||||
{
|
||||
color: #000 !important;
|
||||
font-size:18px !important;
|
||||
|
||||
.layui-layout-right {
|
||||
background-color: #FFF !important;
|
||||
margin-right: 30px;
|
||||
margin-top: 20px;
|
||||
height: 40px;
|
||||
}
|
||||
|
||||
.layui-layout-right .layui-nav-item,
|
||||
.layui-layout-right .layui-nav-item a {
|
||||
color: #000 !important;
|
||||
font-size: 18px !important;
|
||||
}
|
||||
|
||||
.layui-nav.layui-nav-tree {
|
||||
width: 200px;
|
||||
padding: 0;
|
||||
background-color: #FFF !important;
|
||||
background-color: #FFF !important;
|
||||
height: 650px;
|
||||
overflow: scroll;
|
||||
overflow-x: hidden;
|
||||
padding-top:10px;
|
||||
padding-top: 10px;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar {
|
||||
display: none; /* Chrome Safari */
|
||||
display: none; /* Chrome Safari */
|
||||
-ms-overflow-style: none; /* IE 10+ */
|
||||
scrollbar-width: none; /* Firefox */
|
||||
}
|
||||
-ms-overflow-style: none; /* IE 10+ */
|
||||
scrollbar-width: none; /* Firefox */
|
||||
|
||||
|
||||
.layui-nav-tree .layui-nav-item {
|
||||
display: block;
|
||||
@ -211,78 +217,91 @@ scrollbar-width: none; /* Firefox */
|
||||
line-height: 40px;
|
||||
padding: 5px 0;
|
||||
}
|
||||
.layui-nav-tree .layui-nav-item>a {
|
||||
color:#000!important;
|
||||
|
||||
.layui-nav-tree .layui-nav-item > a {
|
||||
color: #000 !important;
|
||||
}
|
||||
|
||||
.layui-nav-tree .layui-this,
|
||||
.layui-nav-tree .layui-this>a,
|
||||
.layui-nav-tree .layui-this>a:hover {
|
||||
background: #497fdf !important;
|
||||
color: #FFF !important;
|
||||
border-radius: 10px;
|
||||
.layui-nav-tree .layui-this > a,
|
||||
.layui-nav-tree .layui-this > a:hover {
|
||||
background: #497fdf !important;
|
||||
color: #FFF !important;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.content .homepage {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
height: calc(100vh - 175px);
|
||||
/*background-color: pink;*/
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
height: calc(100vh - 175px);
|
||||
/*background-color: pink;*/
|
||||
}
|
||||
|
||||
.content .homepage .homepage-top {
|
||||
flex: 6;
|
||||
margin-bottom: 15px;
|
||||
background-color: #FFF;
|
||||
border-radius: 20px;
|
||||
padding: 10px;
|
||||
flex: 6;
|
||||
margin-bottom: 15px;
|
||||
background-color: #FFF;
|
||||
border-radius: 20px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.content .homepage .homepage-top .lineChart1 {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.content .homepage .homepage-bottom {
|
||||
display: flex;
|
||||
flex: 4;
|
||||
/*background-color: green;*/
|
||||
display: flex;
|
||||
flex: 4;
|
||||
/*background-color: green;*/
|
||||
}
|
||||
|
||||
.content .homepage .homepage-bottom .lineChart2 {
|
||||
flex: 3;
|
||||
margin-right: 10px;
|
||||
background-color: #FFF;
|
||||
border-radius: 20px;
|
||||
padding: 10px;
|
||||
flex: 3;
|
||||
margin-right: 10px;
|
||||
background-color: #FFF;
|
||||
border-radius: 20px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.content .homepage .homepage-bottom .pieChart {
|
||||
flex: 3;
|
||||
margin-right: 10px;
|
||||
background-color: #FFF;
|
||||
border-radius: 20px;
|
||||
padding: 10px;
|
||||
flex: 3;
|
||||
margin-right: 10px;
|
||||
background-color: #FFF;
|
||||
border-radius: 20px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.content .homepage .homepage-bottom .barChart {
|
||||
flex: 4;
|
||||
background-color: #FFF;
|
||||
border-radius: 20px;
|
||||
padding: 10px;
|
||||
flex: 4;
|
||||
background-color: #FFF;
|
||||
border-radius: 20px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
element.style {
|
||||
}
|
||||
.layui-nav-tree .layui-this, .layui-nav-tree .layui-this>a, .layui-nav-tree .layui-this>a:hover {
|
||||
|
||||
.layui-nav-tree .layui-this, .layui-nav-tree .layui-this > a, .layui-nav-tree .layui-this > a:hover {
|
||||
background: #497fdf !important;
|
||||
color: #fff !important;
|
||||
}
|
||||
.layui-nav-tree .layui-nav-item>a {
|
||||
|
||||
.layui-nav-tree .layui-nav-item > a {
|
||||
text-indent: 20px;
|
||||
/*color: #FFF!important;*/
|
||||
}
|
||||
.layui-nav-tree .layui-nav-child dd.layui-this, .layui-nav-tree .layui-nav-child dd.layui-this a, .layui-nav-tree .layui-this, .layui-nav-tree .layui-this>a, .layui-nav-tree .layui-this>a:hover {
|
||||
|
||||
.layui-nav-tree .layui-nav-child dd.layui-this, .layui-nav-tree .layui-nav-child dd.layui-this a, .layui-nav-tree .layui-this, .layui-nav-tree .layui-this > a, .layui-nav-tree .layui-this > a:hover {
|
||||
background-color: #16baaa;
|
||||
color: #fff;
|
||||
}
|
||||
.layui-nav-tree .layui-nav-item>a {
|
||||
|
||||
.layui-nav-tree .layui-nav-item > a {
|
||||
padding-top: 5px;
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
|
||||
.layui-nav-tree .layui-nav-item a {
|
||||
position: relative;
|
||||
height: 40px;
|
||||
@ -291,34 +310,43 @@ element.style {
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
/*list~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
|
||||
.list-page-container {
|
||||
padding: 15px;
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
.layui-btn {
|
||||
background-color: #1e9fff;
|
||||
background-color: #1e9fff;
|
||||
}
|
||||
|
||||
.layui-btn-normal {
|
||||
background-color: #16baaa;
|
||||
}
|
||||
|
||||
.layui-btn-danger {
|
||||
background-color: #ff5722;
|
||||
}
|
||||
|
||||
.layui-btn-primary {
|
||||
border-color: #d2d2d2;
|
||||
background: 0 0;
|
||||
color: #5f5f5f;
|
||||
}
|
||||
|
||||
.layui-input-block {
|
||||
margin-left: 0px;
|
||||
min-height: 36px;
|
||||
}
|
||||
|
||||
.layui-input:focus {
|
||||
border-color: #6083e9 !important;
|
||||
border-color: #6083e9 !important;
|
||||
}
|
||||
|
||||
.layui-col-xs2 {
|
||||
width: 12%;
|
||||
}
|
||||
|
||||
.layui-elem-quote {
|
||||
margin-bottom: 10px;
|
||||
padding: 15px;
|
||||
@ -327,16 +355,19 @@ element.style {
|
||||
border-radius: 0 2px 2px 0;
|
||||
background-color: #fafafa;
|
||||
}
|
||||
|
||||
.layui-btn-sm {
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
padding: 0 20px;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
/*save~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
|
||||
.form-container {
|
||||
padding: 0px 15px 15px 0;
|
||||
}
|
||||
|
||||
.form-container .form-header {
|
||||
/* border-bottom: 1px solid #EEEEEE; */
|
||||
padding: 10px 0 10px 15px;
|
||||
@ -352,15 +383,18 @@ element.style {
|
||||
background-color: #fafafa;
|
||||
border-left: 5px solid #6083e9;
|
||||
}
|
||||
|
||||
.form-container .form-body {
|
||||
padding: 20px 0 62px 20px;
|
||||
}
|
||||
|
||||
.layui-form-item {
|
||||
position: relative;
|
||||
margin-bottom: 15px;
|
||||
clear: both;
|
||||
*zoom: 1;
|
||||
}
|
||||
|
||||
.layui-form-label {
|
||||
position: relative;
|
||||
float: left;
|
||||
@ -371,6 +405,7 @@ element.style {
|
||||
line-height: 20px;
|
||||
/* text-align: right; */
|
||||
}
|
||||
|
||||
.form-container .form-footer {
|
||||
border-top: 1px solid #EEEEEE;
|
||||
padding: 15px;
|
||||
@ -382,3 +417,8 @@ element.style {
|
||||
z-index: 100;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.red-star:after {
|
||||
content: "*";
|
||||
color: red;
|
||||
}
|
||||
@ -1,12 +1,12 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<base href="/"/>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<base href="/"/>
|
||||
<meta charset="UTF-8"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
||||
<title>设备二维码巡检系统</title>
|
||||
<link rel="stylesheet" href="assets/crpm/js/layui/css/layui.css" />
|
||||
<link rel="stylesheet" href="assets/crpm/index/index9/index9.css" />
|
||||
<link rel="stylesheet" href="assets/crpm/js/layui/css/layui.css"/>
|
||||
<link rel="stylesheet" href="assets/crpm/index/index9/index9.css"/>
|
||||
</head>
|
||||
<body>
|
||||
<div id="app">
|
||||
@ -16,9 +16,10 @@
|
||||
<div class="layui-row">
|
||||
<div class="layui-col-xs2">
|
||||
<div class="layui-form-item">
|
||||
|
||||
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" id="keywords" name="keywords" placeholder="请输入关键字">
|
||||
<input type="text" class="layui-input" id="keywords" name="keywords"
|
||||
placeholder="请输入关键字">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -33,9 +34,14 @@
|
||||
<!-- 表头按钮组 -->
|
||||
<script type="text/html" id="headerToolBar">
|
||||
<div class="layui-btn-group">
|
||||
<button type="button" class="layui-btn layui-btn-sm" id="saveBtn" lay-event="saveEvent">新增</button>
|
||||
<button type="button" class="layui-btn layui-btn-normal layui-btn-sm" id="updateBtn" lay-event="updateEvent">编辑</button>
|
||||
<button type="button" class="layui-btn layui-btn-danger layui-btn-sm" id="removeBtn" lay-event="removeEvent">删除</button>
|
||||
<button type="button" class="layui-btn layui-btn-sm" id="saveBtn" lay-event="saveEvent">新增
|
||||
</button>
|
||||
<button type="button" class="layui-btn layui-btn-normal layui-btn-sm" id="updateBtn"
|
||||
lay-event="updateEvent">编辑
|
||||
</button>
|
||||
<button type="button" class="layui-btn layui-btn-danger layui-btn-sm" id="removeBtn"
|
||||
lay-event="removeEvent">删除
|
||||
</button>
|
||||
</div>
|
||||
</script>
|
||||
</div>
|
||||
@ -51,13 +57,13 @@
|
||||
var $ = layui.$;
|
||||
var $win = $(window);
|
||||
|
||||
var initTableData = function(keywords) {
|
||||
var initTableData = function (keywords) {
|
||||
$.ajax({
|
||||
type: 'GET',
|
||||
url: 'api/data/list/ea3a1a/178cdf',
|
||||
data: 'keywords=' + (keywords ? encodeURI(keywords) : ''),
|
||||
contentType: "application/json;charset=utf-8",
|
||||
success: function(resp) {
|
||||
success: function (resp) {
|
||||
var datas = resp;
|
||||
table.render({
|
||||
elem: "#datatable",
|
||||
@ -66,7 +72,7 @@
|
||||
toolbar: '#headerToolBar',
|
||||
cols: [
|
||||
[
|
||||
{ type: "checkbox", fixed: "left" },
|
||||
{type: "checkbox", fixed: "left"},
|
||||
{
|
||||
field: "rowNum",
|
||||
width: 80,
|
||||
@ -79,51 +85,63 @@
|
||||
field: 'sbmc',
|
||||
title: '设备名称',
|
||||
minWidth: 80,
|
||||
fixed: "left",
|
||||
align: "center"
|
||||
},
|
||||
{
|
||||
field: 'sbxh',
|
||||
title: '设备型号',
|
||||
minWidth: 80,
|
||||
fixed: "left",
|
||||
align: "center"
|
||||
},
|
||||
{
|
||||
field: 'gzms',
|
||||
title: '故障描述',
|
||||
minWidth: 80,
|
||||
minWidth: 150,
|
||||
align: "center"
|
||||
},
|
||||
{
|
||||
field: 'bxsj',
|
||||
title: '报修时间',
|
||||
minWidth: 80,
|
||||
minWidth: 180,
|
||||
align: "center"
|
||||
},
|
||||
{
|
||||
field: 'yjxfsj',
|
||||
title: '预计修复时间',
|
||||
minWidth: 80,
|
||||
minWidth: 180,
|
||||
align: "center"
|
||||
},
|
||||
{
|
||||
field: 'sjxfsj',
|
||||
title: '实际修复时间',
|
||||
minWidth: 80,
|
||||
minWidth: 180,
|
||||
align: "center"
|
||||
},
|
||||
{
|
||||
field: 'wxry',
|
||||
title: '维修人员',
|
||||
minWidth: 80,
|
||||
align: "center"
|
||||
},
|
||||
{
|
||||
field: 'wxzt',
|
||||
title: '维修状态',
|
||||
minWidth: 80,
|
||||
align: "center"
|
||||
},
|
||||
{
|
||||
field: 'wxfy',
|
||||
title: '维修费用',
|
||||
minWidth: 80,
|
||||
align: "center"
|
||||
},
|
||||
{
|
||||
field: 'bz',
|
||||
title: '备注',
|
||||
minWidth: 80,
|
||||
minWidth: 280,
|
||||
align: "center"
|
||||
},
|
||||
]
|
||||
],
|
||||
@ -133,19 +151,19 @@
|
||||
limit: 20,
|
||||
});
|
||||
},
|
||||
error: function(resp) {
|
||||
error: function (resp) {
|
||||
console.error(resp);
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
var addEvent = function() {
|
||||
var addEvent = function () {
|
||||
// 事件 - 增删改
|
||||
table.on('toolbar(datatable)', function(obj) {
|
||||
table.on('toolbar(datatable)', function (obj) {
|
||||
var layEvent = obj.event;
|
||||
var checkStatus = table.checkStatus('datatable');
|
||||
var checkDatas = checkStatus.data;
|
||||
if(layEvent === 'saveEvent') {
|
||||
if (layEvent === 'saveEvent') {
|
||||
top.layer.open({
|
||||
type: 2,
|
||||
title: false,
|
||||
@ -155,14 +173,14 @@
|
||||
area: ['400px', '100%'],
|
||||
offset: 'r',
|
||||
anim: 'slideLeft',
|
||||
end: function() {
|
||||
end: function () {
|
||||
initTableData();
|
||||
}
|
||||
});
|
||||
} else if(layEvent === 'updateEvent') {
|
||||
if(checkDatas.length === 0) {
|
||||
} else if (layEvent === 'updateEvent') {
|
||||
if (checkDatas.length === 0) {
|
||||
top.layer.msg('请勾选要编辑的数据');
|
||||
} else if(checkDatas.length > 1) {
|
||||
} else if (checkDatas.length > 1) {
|
||||
top.layer.msg('不能编辑多条数据');
|
||||
} else {
|
||||
top.layer.open({
|
||||
@ -170,48 +188,49 @@
|
||||
title: false,
|
||||
closeBtn: false,
|
||||
shadeClose: true,
|
||||
content: 'route/pages/178cdf/update.html?id='+ checkDatas[0].id,
|
||||
content: 'route/pages/178cdf/update.html?id=' + checkDatas[0].id,
|
||||
area: ['400px', '100%'],
|
||||
offset: 'r',
|
||||
anim: 'slideLeft',
|
||||
end: function() {
|
||||
end: function () {
|
||||
initTableData();
|
||||
}
|
||||
});
|
||||
}
|
||||
} else if(layEvent === 'removeEvent') {
|
||||
if(checkDatas.length === 0) {
|
||||
} else if (layEvent === 'removeEvent') {
|
||||
if (checkDatas.length === 0) {
|
||||
top.layer.msg('请勾选要删除的数据');
|
||||
} else {
|
||||
var ids = '';
|
||||
for(var i = 0, item; item = checkDatas[i++];) {
|
||||
if(i > 1) {
|
||||
for (var i = 0, item; item = checkDatas[i++];) {
|
||||
if (i > 1) {
|
||||
ids += ',';
|
||||
}
|
||||
ids += item.id;
|
||||
}
|
||||
top.layer.confirm('确定删除吗？', {title: false}, function(index) {
|
||||
top.layer.confirm('确定删除吗？', {title: false}, function (index) {
|
||||
top.layer.close(index);
|
||||
var loadingIndex;
|
||||
$.ajax({
|
||||
type: 'DELETE',
|
||||
url: 'api/data/delete/ea3a1a/178cdf?ids=' + ids,
|
||||
contentType: "application/json;charset=utf-8",
|
||||
success: function(resp) {
|
||||
success: function (resp) {
|
||||
top.layer.msg('删除成功');
|
||||
initTableData();
|
||||
},
|
||||
error: function(resp) {
|
||||
error: function (resp) {
|
||||
var data = JSON.parse(resp.responseText);
|
||||
top.layer.msg(data.msg);
|
||||
},
|
||||
beforeSend: function() {
|
||||
beforeSend: function () {
|
||||
loadingIndex = top.layer.msg('正在删除...', {
|
||||
icon: 16,
|
||||
shade: 0.01
|
||||
});;
|
||||
});
|
||||
;
|
||||
},
|
||||
complete: function() {
|
||||
complete: function () {
|
||||
top.layer.close(loadingIndex);
|
||||
}
|
||||
})
|
||||
@ -219,7 +238,7 @@
|
||||
}
|
||||
}
|
||||
});
|
||||
form.on('submit(searchFilter)', function(formData) {
|
||||
form.on('submit(searchFilter)', function (formData) {
|
||||
initTableData(formData.field.keywords);
|
||||
});
|
||||
}
|
||||
|
||||
@ -1,11 +1,11 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<base href="/"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<base href="/"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
||||
<title>设备二维码巡检系统</title>
|
||||
<link rel="stylesheet" href="assets/crpm/js/layui/css/layui.css" />
|
||||
<link rel="stylesheet" href="assets/crpm/index/index9/index9.css" />
|
||||
<link rel="stylesheet" href="assets/crpm/js/layui/css/layui.css"/>
|
||||
<link rel="stylesheet" href="assets/crpm/index/index9/index9.css"/>
|
||||
</head>
|
||||
<body>
|
||||
<div id="app">
|
||||
@ -14,55 +14,61 @@
|
||||
<div class="form-header">维修管理新增数据</div>
|
||||
<div class="form-body">
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">设备名称</label>
|
||||
<label class="layui-form-label9 red-star">设备名称</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="sbmc" placeholder="请输入设备名称">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">设备型号</label>
|
||||
<label class="layui-form-label9 red-star">设备型号</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="sbxh" placeholder="请输入设备型号">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">故障描述</label>
|
||||
<label class="layui-form-label9 red-star">故障描述</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="gzms" placeholder="请输入故障描述">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">报修时间</label>
|
||||
<label class="layui-form-label9 red-star">报修时间</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="bxsj" placeholder="请输入报修时间">
|
||||
<input type="text" class="layui-input laydate-input" name="bxsj" placeholder="请输入报修时间">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">预计修复时间</label>
|
||||
<label class="layui-form-label9 red-star">预计修复时间</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="yjxfsj" placeholder="请输入预计修复时间">
|
||||
<input type="text" class="layui-input laydate-input" name="yjxfsj"
|
||||
placeholder="请输入预计修复时间">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">实际修复时间</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="sjxfsj" placeholder="请输入实际修复时间">
|
||||
<input type="text" class="layui-input laydate-input" name="sjxfsj"
|
||||
placeholder="请输入实际修复时间">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">维修人员</label>
|
||||
<label class="layui-form-label9 red-star">维修人员</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="wxry" placeholder="请输入维修人员">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">维修状态</label>
|
||||
<label class="layui-form-label9 red-star">维修状态</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="wxzt" placeholder="请输入维修状态">
|
||||
<select type="text" class="layui-input" name="wxzt" placeholder="请选择维修状态">
|
||||
<option value="">请选择</option>
|
||||
<option value="已完成">已完成</option>
|
||||
<option value="未完成">未完成</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">维修费用</label>
|
||||
<label class="layui-form-label9 red-star">维修费用</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="wxfy" placeholder="请输入维修费用">
|
||||
</div>
|
||||
@ -76,8 +82,12 @@
|
||||
</div>
|
||||
<div class="form-footer">
|
||||
<div class="layui-btn-group">
|
||||
<button type="button" class="layui-btn layui-btn-sm" id="submitBtn" lay-submit lay-filter="confirmFilter">提交</button>
|
||||
<button type="button" class="layui-btn layui-btn-sm layui-btn-primary" id="closeBtn" lay-submit lay-filter="closeFilter">关闭</button>
|
||||
<button type="button" class="layui-btn layui-btn-sm" id="submitBtn" lay-submit
|
||||
lay-filter="confirmFilter">提交
|
||||
</button>
|
||||
<button type="button" class="layui-btn layui-btn-sm layui-btn-primary" id="closeBtn" lay-submit
|
||||
lay-filter="closeFilter">关闭
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
@ -85,6 +95,18 @@
|
||||
</div>
|
||||
<script src="assets/crpm/js/layui/layui.js"></script>
|
||||
<script>
|
||||
layui.use(['laydate'], function () {
|
||||
var laydate = layui.laydate;
|
||||
// 获取class为laydate-input的元素
|
||||
var laydateInput = document.querySelectorAll('.laydate-input');
|
||||
laydate.render({
|
||||
elem: laydateInput,
|
||||
type: 'datetime', // 设置类型为日期时间，可选择年月日时分秒
|
||||
format: 'yyyy-MM-dd HH:mm:ss', // 自定义显示格式，可按需调整
|
||||
theme: 'grid', // 选择主题，可根据喜好更换，比如 'default'、'grid' 等
|
||||
trigger: 'click' // 触发方式，这里是点击输入框触发，还可以是 'focus' 等
|
||||
});
|
||||
});
|
||||
layui.use(['form'], function () {
|
||||
var form = layui.form;
|
||||
var layer = layui.layer;
|
||||
@ -92,16 +114,17 @@
|
||||
var $ = layui.$;
|
||||
var $win = $(window);
|
||||
|
||||
var close = function() {
|
||||
var close = function () {
|
||||
top.layer.close(top.layer.getFrameIndex(window.name))
|
||||
}
|
||||
|
||||
var init = function() {}
|
||||
var init = function () {
|
||||
}
|
||||
|
||||
var addEvent = function() {
|
||||
var addEvent = function () {
|
||||
// 提交表单
|
||||
form.on('submit(confirmFilter)', function(formData) {
|
||||
top.layer.confirm('确定提交吗？', {title: false}, function(index) {
|
||||
form.on('submit(confirmFilter)', function (formData) {
|
||||
top.layer.confirm('确定提交吗？', {title: false}, function (index) {
|
||||
top.layer.close(index);
|
||||
var loadingIndex;
|
||||
$.ajax({
|
||||
@ -110,33 +133,34 @@
|
||||
contentType: 'application/json',
|
||||
dataType: 'json',
|
||||
data: JSON.stringify(formData.field),
|
||||
success: function(resp) {
|
||||
success: function (resp) {
|
||||
var loadLayerIndex;
|
||||
var layerIndex = top.layer.confirm('保存成功，继续添加？', {title: false}, function(index) {
|
||||
var layerIndex = top.layer.confirm('保存成功，继续添加？', {title: false}, function (index) {
|
||||
top.layer.close(index);
|
||||
window.location.reload();
|
||||
}, function() {
|
||||
}, function () {
|
||||
close();
|
||||
});
|
||||
},
|
||||
error: function(resp) {
|
||||
error: function (resp) {
|
||||
var data = JSON.parse(resp.responseText);
|
||||
top.layer.msg(data.msg);
|
||||
},
|
||||
beforeSend: function() {
|
||||
beforeSend: function () {
|
||||
loadingIndex = top.layer.msg('正在提交...', {
|
||||
icon: 16,
|
||||
shade: 0.01
|
||||
});;
|
||||
});
|
||||
;
|
||||
},
|
||||
complete: function() {
|
||||
complete: function () {
|
||||
top.layer.close(loadingIndex);
|
||||
}
|
||||
})
|
||||
});
|
||||
return false;
|
||||
});
|
||||
form.on('submit(closeFilter)', function(formData) {
|
||||
form.on('submit(closeFilter)', function (formData) {
|
||||
close();
|
||||
});
|
||||
}
|
||||
|
||||
@ -1,12 +1,12 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<base href="/"/>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<base href="/"/>
|
||||
<meta charset="UTF-8"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
||||
<title>设备二维码巡检系统</title>
|
||||
<link rel="stylesheet" href="assets/crpm/js/layui/css/layui.css" />
|
||||
<link rel="stylesheet" href="assets/crpm/index/index9/index9.css" />
|
||||
<link rel="stylesheet" href="assets/crpm/js/layui/css/layui.css"/>
|
||||
<link rel="stylesheet" href="assets/crpm/index/index9/index9.css"/>
|
||||
</head>
|
||||
<body>
|
||||
<div id="app">
|
||||
@ -15,55 +15,61 @@
|
||||
<div class="form-header">维修管理编辑数据</div>
|
||||
<div class="form-body">
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">设备名称</label>
|
||||
<label class="layui-form-label9 red-star">设备名称</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="sbmc" placeholder="请输入设备名称">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">设备型号</label>
|
||||
<label class="layui-form-label9 red-star">设备型号</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="sbxh" placeholder="请输入设备型号">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">故障描述</label>
|
||||
<label class="layui-form-label9 red-star">故障描述</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="gzms" placeholder="请输入故障描述">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">报修时间</label>
|
||||
<label class="layui-form-label9 red-star">报修时间</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="bxsj" placeholder="请输入报修时间">
|
||||
<input type="text" class="layui-input laydate-input" name="bxsj" placeholder="请输入报修时间">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">预计修复时间</label>
|
||||
<label class="layui-form-label9 red-star">预计修复时间</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="yjxfsj" placeholder="请输入预计修复时间">
|
||||
<input type="text" class="layui-input laydate-input" name="yjxfsj"
|
||||
placeholder="请输入预计修复时间">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">实际修复时间</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="sjxfsj" placeholder="请输入实际修复时间">
|
||||
<input type="text" class="layui-input laydate-input" name="sjxfsj"
|
||||
placeholder="请输入实际修复时间">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">维修人员</label>
|
||||
<label class="layui-form-label9 red-star">维修人员</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="wxry" placeholder="请输入维修人员">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">维修状态</label>
|
||||
<label class="layui-form-label9 red-star">维修状态</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="wxzt" placeholder="请输入维修状态">
|
||||
<select type="text" class="layui-input" name="wxzt" placeholder="请选择维修状态">
|
||||
<option value="">请选择</option>
|
||||
<option value="已完成">已完成</option>
|
||||
<option value="未完成">未完成</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">维修费用</label>
|
||||
<label class="layui-form-label9 red-star">维修费用</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="wxfy" placeholder="请输入维修费用">
|
||||
</div>
|
||||
@ -77,8 +83,12 @@
|
||||
</div>
|
||||
<div class="form-footer">
|
||||
<div class="layui-btn-group">
|
||||
<button type="button" class="layui-btn layui-btn-sm" id="submitBtn" lay-submit lay-filter="confirmFilter">提交</button>
|
||||
<button type="button" class="layui-btn layui-btn-sm layui-btn-primary" id="closeBtn" lay-submit lay-filter="closeFilter">关闭</button>
|
||||
<button type="button" class="layui-btn layui-btn-sm" id="submitBtn" lay-submit
|
||||
lay-filter="confirmFilter">提交
|
||||
</button>
|
||||
<button type="button" class="layui-btn layui-btn-sm layui-btn-primary" id="closeBtn" lay-submit
|
||||
lay-filter="closeFilter">关闭
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
@ -86,6 +96,18 @@
|
||||
</div>
|
||||
<script src="assets/crpm/js/layui/layui.js"></script>
|
||||
<script>
|
||||
layui.use(['laydate'], function () {
|
||||
var laydate = layui.laydate;
|
||||
// 获取class为laydate-input的元素
|
||||
var laydateInput = document.querySelectorAll('.laydate-input');
|
||||
laydate.render({
|
||||
elem: laydateInput,
|
||||
type: 'datetime', // 设置类型为日期时间，可选择年月日时分秒
|
||||
format: 'yyyy-MM-dd HH:mm:ss', // 自定义显示格式，可按需调整
|
||||
theme: 'grid', // 选择主题，可根据喜好更换，比如 'default'、'grid' 等
|
||||
trigger: 'click' // 触发方式，这里是点击输入框触发，还可以是 'focus' 等
|
||||
});
|
||||
});
|
||||
layui.use(['form'], function () {
|
||||
var form = layui.form;
|
||||
var layer = layui.layer;
|
||||
@ -94,38 +116,39 @@
|
||||
var $win = $(window);
|
||||
var id = layui.url().search.id;
|
||||
|
||||
var close = function() {
|
||||
var close = function () {
|
||||
top.layer.close(top.layer.getFrameIndex(window.name))
|
||||
}
|
||||
|
||||
var init = function() {
|
||||
var init = function () {
|
||||
var loadingIndex;
|
||||
$.ajax({
|
||||
url: 'api/data/get/ea3a1a/178cdf/id/'+ id,
|
||||
success: function(resp) {
|
||||
url: 'api/data/get/ea3a1a/178cdf/id/' + id,
|
||||
success: function (resp) {
|
||||
form.val('dataForm', resp);
|
||||
form.render(null, 'dataForm');
|
||||
},
|
||||
error: function(resp) {
|
||||
error: function (resp) {
|
||||
var data = JSON.parse(resp.responseText);
|
||||
top.layer.msg(data.msg);
|
||||
},
|
||||
beforeSend: function() {
|
||||
beforeSend: function () {
|
||||
loadingIndex = top.layer.msg('正在加载...', {
|
||||
icon: 16,
|
||||
shade: 0.01
|
||||
});;
|
||||
});
|
||||
;
|
||||
},
|
||||
complete: function() {
|
||||
complete: function () {
|
||||
top.layer.close(loadingIndex);
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
var addEvent = function() {
|
||||
var addEvent = function () {
|
||||
// 提交表单
|
||||
form.on('submit(confirmFilter)', function(formData) {
|
||||
top.layer.confirm('确定提交吗？', {title: false}, function(index) {
|
||||
form.on('submit(confirmFilter)', function (formData) {
|
||||
top.layer.confirm('确定提交吗？', {title: false}, function (index) {
|
||||
top.layer.close(index);
|
||||
var loadingIndex;
|
||||
$.ajax({
|
||||
@ -134,34 +157,35 @@
|
||||
contentType: 'application/json',
|
||||
dataType: 'json',
|
||||
data: JSON.stringify(formData.field),
|
||||
success: function(resp) {
|
||||
success: function (resp) {
|
||||
var loadLayerIndex;
|
||||
var layerIndex = top.layer.confirm('保存成功，继续添加？', {title: false}, function(index) {
|
||||
var layerIndex = top.layer.confirm('保存成功，继续添加？', {title: false}, function (index) {
|
||||
top.layer.close(index);
|
||||
window.location.reload();
|
||||
}, function() {
|
||||
}, function () {
|
||||
close();
|
||||
});
|
||||
},
|
||||
error: function(resp) {
|
||||
error: function (resp) {
|
||||
var data = JSON.parse(resp.responseText);
|
||||
top.layer.msg(data.msg);
|
||||
},
|
||||
beforeSend: function() {
|
||||
beforeSend: function () {
|
||||
loadingIndex = top.layer.msg('正在提交...', {
|
||||
icon: 16,
|
||||
shade: 0.01
|
||||
});;
|
||||
});
|
||||
;
|
||||
},
|
||||
complete: function() {
|
||||
complete: function () {
|
||||
top.layer.close(loadingIndex);
|
||||
}
|
||||
})
|
||||
});
|
||||
return false;
|
||||
});
|
||||
form.on('submit(closeFilter)', function(formData) {
|
||||
close();
|
||||
form.on('submit(closeFilter)', function (formData) {
|
||||
close();
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
@ -1,12 +1,12 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<base href="/"/>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<base href="/"/>
|
||||
<meta charset="UTF-8"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
||||
<title>设备二维码巡检系统</title>
|
||||
<link rel="stylesheet" href="assets/crpm/js/layui/css/layui.css" />
|
||||
<link rel="stylesheet" href="assets/crpm/index/index9/index9.css" />
|
||||
<link rel="stylesheet" href="assets/crpm/js/layui/css/layui.css"/>
|
||||
<link rel="stylesheet" href="assets/crpm/index/index9/index9.css"/>
|
||||
</head>
|
||||
<body>
|
||||
<div id="app">
|
||||
@ -16,9 +16,10 @@
|
||||
<div class="layui-row">
|
||||
<div class="layui-col-xs2">
|
||||
<div class="layui-form-item">
|
||||
|
||||
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" id="keywords" name="keywords" placeholder="请输入关键字">
|
||||
<input type="text" class="layui-input" id="keywords" name="keywords"
|
||||
placeholder="请输入关键字">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -33,9 +34,14 @@
|
||||
<!-- 表头按钮组 -->
|
||||
<script type="text/html" id="headerToolBar">
|
||||
<div class="layui-btn-group">
|
||||
<button type="button" class="layui-btn layui-btn-sm" id="saveBtn" lay-event="saveEvent">新增</button>
|
||||
<button type="button" class="layui-btn layui-btn-normal layui-btn-sm" id="updateBtn" lay-event="updateEvent">编辑</button>
|
||||
<button type="button" class="layui-btn layui-btn-danger layui-btn-sm" id="removeBtn" lay-event="removeEvent">删除</button>
|
||||
<button type="button" class="layui-btn layui-btn-sm" id="saveBtn" lay-event="saveEvent">新增
|
||||
</button>
|
||||
<button type="button" class="layui-btn layui-btn-normal layui-btn-sm" id="updateBtn"
|
||||
lay-event="updateEvent">编辑
|
||||
</button>
|
||||
<button type="button" class="layui-btn layui-btn-danger layui-btn-sm" id="removeBtn"
|
||||
lay-event="removeEvent">删除
|
||||
</button>
|
||||
</div>
|
||||
</script>
|
||||
</div>
|
||||
@ -51,13 +57,13 @@
|
||||
var $ = layui.$;
|
||||
var $win = $(window);
|
||||
|
||||
var initTableData = function(keywords) {
|
||||
var initTableData = function (keywords) {
|
||||
$.ajax({
|
||||
type: 'GET',
|
||||
url: 'api/data/list/ea3a1a/17fbb1',
|
||||
data: 'keywords=' + (keywords ? encodeURI(keywords) : ''),
|
||||
contentType: "application/json;charset=utf-8",
|
||||
success: function(resp) {
|
||||
success: function (resp) {
|
||||
var datas = resp;
|
||||
table.render({
|
||||
elem: "#datatable",
|
||||
@ -66,7 +72,7 @@
|
||||
toolbar: '#headerToolBar',
|
||||
cols: [
|
||||
[
|
||||
{ type: "checkbox", fixed: "left" },
|
||||
{type: "checkbox", fixed: "left"},
|
||||
{
|
||||
field: "rowNum",
|
||||
width: 80,
|
||||
@ -79,31 +85,37 @@
|
||||
field: 'ewmID',
|
||||
title: '二维码ID',
|
||||
minWidth: 80,
|
||||
align: "center"
|
||||
},
|
||||
{
|
||||
field: 'sbID',
|
||||
title: '设备ID',
|
||||
minWidth: 80,
|
||||
align: "center"
|
||||
},
|
||||
{
|
||||
field: 'xjzt',
|
||||
title: '巡检状态',
|
||||
minWidth: 80,
|
||||
align: "center"
|
||||
},
|
||||
{
|
||||
field: 'gxsj',
|
||||
title: '更新时间',
|
||||
minWidth: 80,
|
||||
align: "center"
|
||||
},
|
||||
{
|
||||
field: 'cjsj',
|
||||
title: '创建时间',
|
||||
minWidth: 80,
|
||||
align: "center"
|
||||
},
|
||||
{
|
||||
field: 'bz',
|
||||
title: '备注',
|
||||
minWidth: 80,
|
||||
align: "center"
|
||||
},
|
||||
]
|
||||
],
|
||||
@ -113,19 +125,19 @@
|
||||
limit: 20,
|
||||
});
|
||||
},
|
||||
error: function(resp) {
|
||||
error: function (resp) {
|
||||
console.error(resp);
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
var addEvent = function() {
|
||||
var addEvent = function () {
|
||||
// 事件 - 增删改
|
||||
table.on('toolbar(datatable)', function(obj) {
|
||||
table.on('toolbar(datatable)', function (obj) {
|
||||
var layEvent = obj.event;
|
||||
var checkStatus = table.checkStatus('datatable');
|
||||
var checkDatas = checkStatus.data;
|
||||
if(layEvent === 'saveEvent') {
|
||||
if (layEvent === 'saveEvent') {
|
||||
top.layer.open({
|
||||
type: 2,
|
||||
title: false,
|
||||
@ -135,14 +147,14 @@
|
||||
area: ['400px', '100%'],
|
||||
offset: 'r',
|
||||
anim: 'slideLeft',
|
||||
end: function() {
|
||||
end: function () {
|
||||
initTableData();
|
||||
}
|
||||
});
|
||||
} else if(layEvent === 'updateEvent') {
|
||||
if(checkDatas.length === 0) {
|
||||
} else if (layEvent === 'updateEvent') {
|
||||
if (checkDatas.length === 0) {
|
||||
top.layer.msg('请勾选要编辑的数据');
|
||||
} else if(checkDatas.length > 1) {
|
||||
} else if (checkDatas.length > 1) {
|
||||
top.layer.msg('不能编辑多条数据');
|
||||
} else {
|
||||
top.layer.open({
|
||||
@ -150,48 +162,49 @@
|
||||
title: false,
|
||||
closeBtn: false,
|
||||
shadeClose: true,
|
||||
content: 'route/pages/17fbb1/update.html?id='+ checkDatas[0].id,
|
||||
content: 'route/pages/17fbb1/update.html?id=' + checkDatas[0].id,
|
||||
area: ['400px', '100%'],
|
||||
offset: 'r',
|
||||
anim: 'slideLeft',
|
||||
end: function() {
|
||||
end: function () {
|
||||
initTableData();
|
||||
}
|
||||
});
|
||||
}
|
||||
} else if(layEvent === 'removeEvent') {
|
||||
if(checkDatas.length === 0) {
|
||||
} else if (layEvent === 'removeEvent') {
|
||||
if (checkDatas.length === 0) {
|
||||
top.layer.msg('请勾选要删除的数据');
|
||||
} else {
|
||||
var ids = '';
|
||||
for(var i = 0, item; item = checkDatas[i++];) {
|
||||
if(i > 1) {
|
||||
for (var i = 0, item; item = checkDatas[i++];) {
|
||||
if (i > 1) {
|
||||
ids += ',';
|
||||
}
|
||||
ids += item.id;
|
||||
}
|
||||
top.layer.confirm('确定删除吗？', {title: false}, function(index) {
|
||||
top.layer.confirm('确定删除吗？', {title: false}, function (index) {
|
||||
top.layer.close(index);
|
||||
var loadingIndex;
|
||||
$.ajax({
|
||||
type: 'DELETE',
|
||||
url: 'api/data/delete/ea3a1a/17fbb1?ids=' + ids,
|
||||
contentType: "application/json;charset=utf-8",
|
||||
success: function(resp) {
|
||||
success: function (resp) {
|
||||
top.layer.msg('删除成功');
|
||||
initTableData();
|
||||
},
|
||||
error: function(resp) {
|
||||
error: function (resp) {
|
||||
var data = JSON.parse(resp.responseText);
|
||||
top.layer.msg(data.msg);
|
||||
},
|
||||
beforeSend: function() {
|
||||
beforeSend: function () {
|
||||
loadingIndex = top.layer.msg('正在删除...', {
|
||||
icon: 16,
|
||||
shade: 0.01
|
||||
});;
|
||||
});
|
||||
;
|
||||
},
|
||||
complete: function() {
|
||||
complete: function () {
|
||||
top.layer.close(loadingIndex);
|
||||
}
|
||||
})
|
||||
@ -199,7 +212,7 @@
|
||||
}
|
||||
}
|
||||
});
|
||||
form.on('submit(searchFilter)', function(formData) {
|
||||
form.on('submit(searchFilter)', function (formData) {
|
||||
initTableData(formData.field.keywords);
|
||||
});
|
||||
}
|
||||
|
||||
@ -1,11 +1,11 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<base href="/"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<base href="/"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
||||
<title>设备二维码巡检系统</title>
|
||||
<link rel="stylesheet" href="assets/crpm/js/layui/css/layui.css" />
|
||||
<link rel="stylesheet" href="assets/crpm/index/index9/index9.css" />
|
||||
<link rel="stylesheet" href="assets/crpm/js/layui/css/layui.css"/>
|
||||
<link rel="stylesheet" href="assets/crpm/index/index9/index9.css"/>
|
||||
</head>
|
||||
<body>
|
||||
<div id="app">
|
||||
@ -14,33 +14,37 @@
|
||||
<div class="form-header">二维码更新新增数据</div>
|
||||
<div class="form-body">
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">二维码ID</label>
|
||||
<label class="layui-form-label9 red-star">二维码ID</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="ewmID" placeholder="请输入二维码ID">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">设备ID</label>
|
||||
<label class="layui-form-label9 red-star">设备ID</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="sbID" placeholder="请输入设备ID">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">巡检状态</label>
|
||||
<label class="layui-form-label9 red-star">巡检状态</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="xjzt" placeholder="请输入巡检状态">
|
||||
<select type="text" class="layui-input" name="xjzt" placeholder="请选择巡检状态">
|
||||
<option value="">请选择</option>
|
||||
<option value="已完成">已完成</option>
|
||||
<option value="未巡检">未巡检</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">更新时间</label>
|
||||
<label class="layui-form-label9 red-star">更新时间</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="gxsj" placeholder="请输入更新时间">
|
||||
<input type="text" class="layui-input laydate-input" name="gxsj" placeholder="请输入更新时间">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">创建时间</label>
|
||||
<label class="layui-form-label9 red-star">创建时间</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="cjsj" placeholder="请输入创建时间">
|
||||
<input type="text" class="layui-input laydate-input" name="cjsj" placeholder="请输入创建时间">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
@ -52,8 +56,12 @@
|
||||
</div>
|
||||
<div class="form-footer">
|
||||
<div class="layui-btn-group">
|
||||
<button type="button" class="layui-btn layui-btn-sm" id="submitBtn" lay-submit lay-filter="confirmFilter">提交</button>
|
||||
<button type="button" class="layui-btn layui-btn-sm layui-btn-primary" id="closeBtn" lay-submit lay-filter="closeFilter">关闭</button>
|
||||
<button type="button" class="layui-btn layui-btn-sm" id="submitBtn" lay-submit
|
||||
lay-filter="confirmFilter">提交
|
||||
</button>
|
||||
<button type="button" class="layui-btn layui-btn-sm layui-btn-primary" id="closeBtn" lay-submit
|
||||
lay-filter="closeFilter">关闭
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
@ -61,6 +69,18 @@
|
||||
</div>
|
||||
<script src="assets/crpm/js/layui/layui.js"></script>
|
||||
<script>
|
||||
layui.use(['laydate'], function () {
|
||||
var laydate = layui.laydate;
|
||||
// 获取class为laydate-input的元素
|
||||
var laydateInput = document.querySelectorAll('.laydate-input');
|
||||
laydate.render({
|
||||
elem: laydateInput,
|
||||
type: 'datetime', // 设置类型为日期时间，可选择年月日时分秒
|
||||
format: 'yyyy-MM-dd HH:mm:ss', // 自定义显示格式，可按需调整
|
||||
theme: 'grid', // 选择主题，可根据喜好更换，比如 'default'、'grid' 等
|
||||
trigger: 'click' // 触发方式，这里是点击输入框触发，还可以是 'focus' 等
|
||||
});
|
||||
});
|
||||
layui.use(['form'], function () {
|
||||
var form = layui.form;
|
||||
var layer = layui.layer;
|
||||
@ -68,16 +88,17 @@
|
||||
var $ = layui.$;
|
||||
var $win = $(window);
|
||||
|
||||
var close = function() {
|
||||
var close = function () {
|
||||
top.layer.close(top.layer.getFrameIndex(window.name))
|
||||
}
|
||||
|
||||
var init = function() {}
|
||||
var init = function () {
|
||||
}
|
||||
|
||||
var addEvent = function() {
|
||||
var addEvent = function () {
|
||||
// 提交表单
|
||||
form.on('submit(confirmFilter)', function(formData) {
|
||||
top.layer.confirm('确定提交吗？', {title: false}, function(index) {
|
||||
form.on('submit(confirmFilter)', function (formData) {
|
||||
top.layer.confirm('确定提交吗？', {title: false}, function (index) {
|
||||
top.layer.close(index);
|
||||
var loadingIndex;
|
||||
$.ajax({
|
||||
@ -86,33 +107,34 @@
|
||||
contentType: 'application/json',
|
||||
dataType: 'json',
|
||||
data: JSON.stringify(formData.field),
|
||||
success: function(resp) {
|
||||
success: function (resp) {
|
||||
var loadLayerIndex;
|
||||
var layerIndex = top.layer.confirm('保存成功，继续添加？', {title: false}, function(index) {
|
||||
var layerIndex = top.layer.confirm('保存成功，继续添加？', {title: false}, function (index) {
|
||||
top.layer.close(index);
|
||||
window.location.reload();
|
||||
}, function() {
|
||||
}, function () {
|
||||
close();
|
||||
});
|
||||
},
|
||||
error: function(resp) {
|
||||
error: function (resp) {
|
||||
var data = JSON.parse(resp.responseText);
|
||||
top.layer.msg(data.msg);
|
||||
},
|
||||
beforeSend: function() {
|
||||
beforeSend: function () {
|
||||
loadingIndex = top.layer.msg('正在提交...', {
|
||||
icon: 16,
|
||||
shade: 0.01
|
||||
});;
|
||||
});
|
||||
;
|
||||
},
|
||||
complete: function() {
|
||||
complete: function () {
|
||||
top.layer.close(loadingIndex);
|
||||
}
|
||||
})
|
||||
});
|
||||
return false;
|
||||
});
|
||||
form.on('submit(closeFilter)', function(formData) {
|
||||
form.on('submit(closeFilter)', function (formData) {
|
||||
close();
|
||||
});
|
||||
}
|
||||
|
||||
@ -1,12 +1,12 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<base href="/"/>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<base href="/"/>
|
||||
<meta charset="UTF-8"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
||||
<title>设备二维码巡检系统</title>
|
||||
<link rel="stylesheet" href="assets/crpm/js/layui/css/layui.css" />
|
||||
<link rel="stylesheet" href="assets/crpm/index/index9/index9.css" />
|
||||
<link rel="stylesheet" href="assets/crpm/js/layui/css/layui.css"/>
|
||||
<link rel="stylesheet" href="assets/crpm/index/index9/index9.css"/>
|
||||
</head>
|
||||
<body>
|
||||
<div id="app">
|
||||
@ -15,33 +15,37 @@
|
||||
<div class="form-header">二维码更新编辑数据</div>
|
||||
<div class="form-body">
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">二维码ID</label>
|
||||
<label class="layui-form-label9 red-star">二维码ID</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="ewmID" placeholder="请输入二维码ID">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">设备ID</label>
|
||||
<label class="layui-form-label9 red-star">设备ID</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="sbID" placeholder="请输入设备ID">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">巡检状态</label>
|
||||
<label class="layui-form-label9 red-star">巡检状态</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="xjzt" placeholder="请输入巡检状态">
|
||||
<select type="text" class="layui-input" name="xjzt" placeholder="请选择巡检状态">
|
||||
<option value="">请选择</option>
|
||||
<option value="已完成">已完成</option>
|
||||
<option value="未巡检">未巡检</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">更新时间</label>
|
||||
<label class="layui-form-label9 red-star">更新时间</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="gxsj" placeholder="请输入更新时间">
|
||||
<input type="text" class="layui-input laydate-input" name="gxsj" placeholder="请输入更新时间">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">创建时间</label>
|
||||
<label class="layui-form-label9 red-star">创建时间</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="cjsj" placeholder="请输入创建时间">
|
||||
<input type="text" class="layui-input laydate-input" name="cjsj" placeholder="请输入创建时间">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
@ -53,8 +57,12 @@
|
||||
</div>
|
||||
<div class="form-footer">
|
||||
<div class="layui-btn-group">
|
||||
<button type="button" class="layui-btn layui-btn-sm" id="submitBtn" lay-submit lay-filter="confirmFilter">提交</button>
|
||||
<button type="button" class="layui-btn layui-btn-sm layui-btn-primary" id="closeBtn" lay-submit lay-filter="closeFilter">关闭</button>
|
||||
<button type="button" class="layui-btn layui-btn-sm" id="submitBtn" lay-submit
|
||||
lay-filter="confirmFilter">提交
|
||||
</button>
|
||||
<button type="button" class="layui-btn layui-btn-sm layui-btn-primary" id="closeBtn" lay-submit
|
||||
lay-filter="closeFilter">关闭
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
@ -62,6 +70,18 @@
|
||||
</div>
|
||||
<script src="assets/crpm/js/layui/layui.js"></script>
|
||||
<script>
|
||||
layui.use(['laydate'], function () {
|
||||
var laydate = layui.laydate;
|
||||
// 获取class为laydate-input的元素
|
||||
var laydateInput = document.querySelectorAll('.laydate-input');
|
||||
laydate.render({
|
||||
elem: laydateInput,
|
||||
type: 'datetime', // 设置类型为日期时间，可选择年月日时分秒
|
||||
format: 'yyyy-MM-dd HH:mm:ss', // 自定义显示格式，可按需调整
|
||||
theme: 'grid', // 选择主题，可根据喜好更换，比如 'default'、'grid' 等
|
||||
trigger: 'click' // 触发方式，这里是点击输入框触发，还可以是 'focus' 等
|
||||
});
|
||||
});
|
||||
layui.use(['form'], function () {
|
||||
var form = layui.form;
|
||||
var layer = layui.layer;
|
||||
@ -70,38 +90,39 @@
|
||||
var $win = $(window);
|
||||
var id = layui.url().search.id;
|
||||
|
||||
var close = function() {
|
||||
var close = function () {
|
||||
top.layer.close(top.layer.getFrameIndex(window.name))
|
||||
}
|
||||
|
||||
var init = function() {
|
||||
var init = function () {
|
||||
var loadingIndex;
|
||||
$.ajax({
|
||||
url: 'api/data/get/ea3a1a/17fbb1/id/'+ id,
|
||||
success: function(resp) {
|
||||
url: 'api/data/get/ea3a1a/17fbb1/id/' + id,
|
||||
success: function (resp) {
|
||||
form.val('dataForm', resp);
|
||||
form.render(null, 'dataForm');
|
||||
},
|
||||
error: function(resp) {
|
||||
error: function (resp) {
|
||||
var data = JSON.parse(resp.responseText);
|
||||
top.layer.msg(data.msg);
|
||||
},
|
||||
beforeSend: function() {
|
||||
beforeSend: function () {
|
||||
loadingIndex = top.layer.msg('正在加载...', {
|
||||
icon: 16,
|
||||
shade: 0.01
|
||||
});;
|
||||
});
|
||||
;
|
||||
},
|
||||
complete: function() {
|
||||
complete: function () {
|
||||
top.layer.close(loadingIndex);
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
var addEvent = function() {
|
||||
var addEvent = function () {
|
||||
// 提交表单
|
||||
form.on('submit(confirmFilter)', function(formData) {
|
||||
top.layer.confirm('确定提交吗？', {title: false}, function(index) {
|
||||
form.on('submit(confirmFilter)', function (formData) {
|
||||
top.layer.confirm('确定提交吗？', {title: false}, function (index) {
|
||||
top.layer.close(index);
|
||||
var loadingIndex;
|
||||
$.ajax({
|
||||
@ -110,34 +131,35 @@
|
||||
contentType: 'application/json',
|
||||
dataType: 'json',
|
||||
data: JSON.stringify(formData.field),
|
||||
success: function(resp) {
|
||||
success: function (resp) {
|
||||
var loadLayerIndex;
|
||||
var layerIndex = top.layer.confirm('保存成功，继续添加？', {title: false}, function(index) {
|
||||
var layerIndex = top.layer.confirm('保存成功，继续添加？', {title: false}, function (index) {
|
||||
top.layer.close(index);
|
||||
window.location.reload();
|
||||
}, function() {
|
||||
}, function () {
|
||||
close();
|
||||
});
|
||||
},
|
||||
error: function(resp) {
|
||||
error: function (resp) {
|
||||
var data = JSON.parse(resp.responseText);
|
||||
top.layer.msg(data.msg);
|
||||
},
|
||||
beforeSend: function() {
|
||||
beforeSend: function () {
|
||||
loadingIndex = top.layer.msg('正在提交...', {
|
||||
icon: 16,
|
||||
shade: 0.01
|
||||
});;
|
||||
});
|
||||
;
|
||||
},
|
||||
complete: function() {
|
||||
complete: function () {
|
||||
top.layer.close(loadingIndex);
|
||||
}
|
||||
})
|
||||
});
|
||||
return false;
|
||||
});
|
||||
form.on('submit(closeFilter)', function(formData) {
|
||||
close();
|
||||
form.on('submit(closeFilter)', function (formData) {
|
||||
close();
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
@ -1,12 +1,12 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<base href="/"/>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<base href="/"/>
|
||||
<meta charset="UTF-8"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
||||
<title>设备二维码巡检系统</title>
|
||||
<link rel="stylesheet" href="assets/crpm/js/layui/css/layui.css" />
|
||||
<link rel="stylesheet" href="assets/crpm/index/index9/index9.css" />
|
||||
<link rel="stylesheet" href="assets/crpm/js/layui/css/layui.css"/>
|
||||
<link rel="stylesheet" href="assets/crpm/index/index9/index9.css"/>
|
||||
</head>
|
||||
<body>
|
||||
<div id="app">
|
||||
@ -16,9 +16,10 @@
|
||||
<div class="layui-row">
|
||||
<div class="layui-col-xs2">
|
||||
<div class="layui-form-item">
|
||||
|
||||
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" id="keywords" name="keywords" placeholder="请输入关键字">
|
||||
<input type="text" class="layui-input" id="keywords" name="keywords"
|
||||
placeholder="请输入关键字">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -33,9 +34,15 @@
|
||||
<!-- 表头按钮组 -->
|
||||
<script type="text/html" id="headerToolBar">
|
||||
<div class="layui-btn-group">
|
||||
<button type="button" class="layui-btn layui-btn-sm" id="saveBtn" lay-event="saveEvent">新增</button>
|
||||
<button type="button" class="layui-btn layui-btn-normal layui-btn-sm" id="updateBtn" lay-event="updateEvent">编辑</button>
|
||||
<button type="button" class="layui-btn layui-btn-danger layui-btn-sm" id="removeBtn" lay-event="removeEvent">删除</button>
|
||||
<button type="button" class="layui-btn layui-btn-sm" id="saveBtn"
|
||||
lay-event="saveEvent">新增
|
||||
</button>
|
||||
<button type="button" class="layui-btn layui-btn-normal layui-btn-sm"
|
||||
id="updateBtn" lay-event="updateEvent">编辑
|
||||
</button>
|
||||
<button type="button" class="layui-btn layui-btn-danger layui-btn-sm"
|
||||
id="removeBtn" lay-event="removeEvent">删除
|
||||
</button>
|
||||
</div>
|
||||
</script>
|
||||
</div>
|
||||
@ -51,13 +58,13 @@
|
||||
var $ = layui.$;
|
||||
var $win = $(window);
|
||||
|
||||
var initTableData = function(keywords) {
|
||||
var initTableData = function (keywords) {
|
||||
$.ajax({
|
||||
type: 'GET',
|
||||
url: 'api/data/list/ea3a1a/3aa3bd',
|
||||
data: 'keywords=' + (keywords ? encodeURI(keywords) : ''),
|
||||
contentType: "application/json;charset=utf-8",
|
||||
success: function(resp) {
|
||||
success: function (resp) {
|
||||
var datas = resp;
|
||||
table.render({
|
||||
elem: "#datatable",
|
||||
@ -66,7 +73,7 @@
|
||||
toolbar: '#headerToolBar',
|
||||
cols: [
|
||||
[
|
||||
{ type: "checkbox", fixed: "left" },
|
||||
{type: "checkbox", fixed: "left"},
|
||||
{
|
||||
field: "rowNum",
|
||||
width: 80,
|
||||
@ -79,41 +86,50 @@
|
||||
field: 'bjmc',
|
||||
title: '备件名称',
|
||||
minWidth: 80,
|
||||
fixed: "left",
|
||||
align: "center"
|
||||
},
|
||||
{
|
||||
field: 'bjbh',
|
||||
title: '备件编号',
|
||||
minWidth: 80,
|
||||
align: "center"
|
||||
},
|
||||
{
|
||||
field: 'bjlx',
|
||||
title: '备件类型',
|
||||
minWidth: 80,
|
||||
align: "center"
|
||||
},
|
||||
{
|
||||
field: 'kcsl',
|
||||
title: '库存数量',
|
||||
minWidth: 80,
|
||||
align: "center"
|
||||
},
|
||||
{
|
||||
field: 'aqkcl',
|
||||
title: '安全库存量',
|
||||
minWidth: 80,
|
||||
align: "center"
|
||||
},
|
||||
{
|
||||
field: 'gys',
|
||||
title: '供应商',
|
||||
minWidth: 80,
|
||||
minWidth: 230,
|
||||
align: "center"
|
||||
},
|
||||
{
|
||||
field: 'cgjg',
|
||||
title: '采购价格',
|
||||
minWidth: 80,
|
||||
align: "center"
|
||||
},
|
||||
{
|
||||
field: 'bzxx',
|
||||
title: '备注信息',
|
||||
minWidth: 80,
|
||||
align: "center"
|
||||
},
|
||||
]
|
||||
],
|
||||
@ -123,19 +139,19 @@
|
||||
limit: 20,
|
||||
});
|
||||
},
|
||||
error: function(resp) {
|
||||
error: function (resp) {
|
||||
console.error(resp);
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
var addEvent = function() {
|
||||
var addEvent = function () {
|
||||
// 事件 - 增删改
|
||||
table.on('toolbar(datatable)', function(obj) {
|
||||
table.on('toolbar(datatable)', function (obj) {
|
||||
var layEvent = obj.event;
|
||||
var checkStatus = table.checkStatus('datatable');
|
||||
var checkDatas = checkStatus.data;
|
||||
if(layEvent === 'saveEvent') {
|
||||
if (layEvent === 'saveEvent') {
|
||||
top.layer.open({
|
||||
type: 2,
|
||||
title: false,
|
||||
@ -145,14 +161,14 @@
|
||||
area: ['400px', '100%'],
|
||||
offset: 'r',
|
||||
anim: 'slideLeft',
|
||||
end: function() {
|
||||
end: function () {
|
||||
initTableData();
|
||||
}
|
||||
});
|
||||
} else if(layEvent === 'updateEvent') {
|
||||
if(checkDatas.length === 0) {
|
||||
} else if (layEvent === 'updateEvent') {
|
||||
if (checkDatas.length === 0) {
|
||||
top.layer.msg('请勾选要编辑的数据');
|
||||
} else if(checkDatas.length > 1) {
|
||||
} else if (checkDatas.length > 1) {
|
||||
top.layer.msg('不能编辑多条数据');
|
||||
} else {
|
||||
top.layer.open({
|
||||
@ -160,48 +176,49 @@
|
||||
title: false,
|
||||
closeBtn: false,
|
||||
shadeClose: true,
|
||||
content: 'route/pages/3aa3bd/update.html?id='+ checkDatas[0].id,
|
||||
content: 'route/pages/3aa3bd/update.html?id=' + checkDatas[0].id,
|
||||
area: ['400px', '100%'],
|
||||
offset: 'r',
|
||||
anim: 'slideLeft',
|
||||
end: function() {
|
||||
end: function () {
|
||||
initTableData();
|
||||
}
|
||||
});
|
||||
}
|
||||
} else if(layEvent === 'removeEvent') {
|
||||
if(checkDatas.length === 0) {
|
||||
} else if (layEvent === 'removeEvent') {
|
||||
if (checkDatas.length === 0) {
|
||||
top.layer.msg('请勾选要删除的数据');
|
||||
} else {
|
||||
var ids = '';
|
||||
for(var i = 0, item; item = checkDatas[i++];) {
|
||||
if(i > 1) {
|
||||
for (var i = 0, item; item = checkDatas[i++];) {
|
||||
if (i > 1) {
|
||||
ids += ',';
|
||||
}
|
||||
ids += item.id;
|
||||
}
|
||||
top.layer.confirm('确定删除吗？', {title: false}, function(index) {
|
||||
top.layer.confirm('确定删除吗？', {title: false}, function (index) {
|
||||
top.layer.close(index);
|
||||
var loadingIndex;
|
||||
$.ajax({
|
||||
type: 'DELETE',
|
||||
url: 'api/data/delete/ea3a1a/3aa3bd?ids=' + ids,
|
||||
contentType: "application/json;charset=utf-8",
|
||||
success: function(resp) {
|
||||
success: function (resp) {
|
||||
top.layer.msg('删除成功');
|
||||
initTableData();
|
||||
},
|
||||
error: function(resp) {
|
||||
error: function (resp) {
|
||||
var data = JSON.parse(resp.responseText);
|
||||
top.layer.msg(data.msg);
|
||||
},
|
||||
beforeSend: function() {
|
||||
beforeSend: function () {
|
||||
loadingIndex = top.layer.msg('正在删除...', {
|
||||
icon: 16,
|
||||
shade: 0.01
|
||||
});;
|
||||
});
|
||||
;
|
||||
},
|
||||
complete: function() {
|
||||
complete: function () {
|
||||
top.layer.close(loadingIndex);
|
||||
}
|
||||
})
|
||||
@ -209,7 +226,7 @@
|
||||
}
|
||||
}
|
||||
});
|
||||
form.on('submit(searchFilter)', function(formData) {
|
||||
form.on('submit(searchFilter)', function (formData) {
|
||||
initTableData(formData.field.keywords);
|
||||
});
|
||||
}
|
||||
|
||||
@ -14,43 +14,43 @@
|
||||
<div class="form-header">备件库存新增数据</div>
|
||||
<div class="form-body">
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">备件名称</label>
|
||||
<label class="layui-form-label9 red-star">备件名称</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="bjmc" placeholder="请输入备件名称">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">备件编号</label>
|
||||
<label class="layui-form-label9 red-star">备件编号</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="bjbh" placeholder="请输入备件编号">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">备件类型</label>
|
||||
<label class="layui-form-label9 red-star">备件类型</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="bjlx" placeholder="请输入备件类型">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">库存数量</label>
|
||||
<label class="layui-form-label9 red-star">库存数量</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="kcsl" placeholder="请输入库存数量">
|
||||
<input type="number" class="layui-input" name="kcsl" placeholder="请输入库存数量">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">安全库存量</label>
|
||||
<label class="layui-form-label9 red-star">安全库存量</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="aqkcl" placeholder="请输入安全库存量">
|
||||
<input type="number" class="layui-input" name="aqkcl" placeholder="请输入安全库存量">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">供应商</label>
|
||||
<label class="layui-form-label9 red-star">供应商</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="gys" placeholder="请输入供应商">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">采购价格</label>
|
||||
<label class="layui-form-label9 red-star">采购价格</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="cgjg" placeholder="请输入采购价格">
|
||||
</div>
|
||||
|
||||
@ -15,43 +15,43 @@
|
||||
<div class="form-header">备件库存编辑数据</div>
|
||||
<div class="form-body">
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">备件名称</label>
|
||||
<label class="layui-form-label9 red-star">备件名称</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="bjmc" placeholder="请输入备件名称">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">备件编号</label>
|
||||
<label class="layui-form-label9 red-star">备件编号</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="bjbh" placeholder="请输入备件编号">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">备件类型</label>
|
||||
<label class="layui-form-label9 red-star">备件类型</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="bjlx" placeholder="请输入备件类型">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">库存数量</label>
|
||||
<label class="layui-form-label9 red-star">库存数量</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="kcsl" placeholder="请输入库存数量">
|
||||
<input type="number" class="layui-input" name="kcsl" placeholder="请输入库存数量">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">安全库存量</label>
|
||||
<label class="layui-form-label9 red-star">安全库存量</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="aqkcl" placeholder="请输入安全库存量">
|
||||
<input type="number" class="layui-input" name="aqkcl" placeholder="请输入安全库存量">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">供应商</label>
|
||||
<label class="layui-form-label9 red-star">供应商</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="gys" placeholder="请输入供应商">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">采购价格</label>
|
||||
<label class="layui-form-label9 red-star">采购价格</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="cgjg" placeholder="请输入采购价格">
|
||||
</div>
|
||||
|
||||
@ -79,51 +79,63 @@
|
||||
field: 'sbmc',
|
||||
title: '设备名称',
|
||||
minWidth: 80,
|
||||
fixed: "left",
|
||||
align:"center"
|
||||
},
|
||||
{
|
||||
field: 'sbxh',
|
||||
title: '设备型号',
|
||||
minWidth: 80,
|
||||
fixed: "left",
|
||||
align:"center"
|
||||
},
|
||||
{
|
||||
field: 'sccs',
|
||||
title: '生产厂商',
|
||||
minWidth: 80,
|
||||
minWidth: 270,
|
||||
align:"center"
|
||||
},
|
||||
{
|
||||
field: 'gzrq',
|
||||
title: '购置日期',
|
||||
minWidth: 80,
|
||||
minWidth: 120,
|
||||
align:"center"
|
||||
},
|
||||
{
|
||||
field: 'azwz',
|
||||
title: '安装位置',
|
||||
minWidth: 80,
|
||||
minWidth: 200,
|
||||
align:"center"
|
||||
},
|
||||
{
|
||||
field: 'fzr',
|
||||
title: '负责人',
|
||||
minWidth: 80,
|
||||
align:"center"
|
||||
},
|
||||
{
|
||||
field: 'lxfs',
|
||||
title: '联系方式',
|
||||
minWidth: 80,
|
||||
minWidth: 120,
|
||||
align:"center"
|
||||
},
|
||||
{
|
||||
field: 'xjzq',
|
||||
title: '巡检周期',
|
||||
minWidth: 80,
|
||||
align:"center"
|
||||
},
|
||||
{
|
||||
field: 'zjxjrq',
|
||||
title: '最近巡检日期',
|
||||
minWidth: 80,
|
||||
minWidth: 120,
|
||||
align:"center"
|
||||
},
|
||||
{
|
||||
field: 'bzxx',
|
||||
title: '备注信息',
|
||||
minWidth: 80,
|
||||
minWidth: 200,
|
||||
align:"center"
|
||||
},
|
||||
]
|
||||
],
|
||||
|
||||
@ -1,11 +1,11 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<base href="/"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<base href="/"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
||||
<title>设备二维码巡检系统</title>
|
||||
<link rel="stylesheet" href="assets/crpm/js/layui/css/layui.css" />
|
||||
<link rel="stylesheet" href="assets/crpm/index/index9/index9.css" />
|
||||
<link rel="stylesheet" href="assets/crpm/js/layui/css/layui.css"/>
|
||||
<link rel="stylesheet" href="assets/crpm/index/index9/index9.css"/>
|
||||
</head>
|
||||
<body>
|
||||
<div id="app">
|
||||
@ -14,57 +14,64 @@
|
||||
<div class="form-header">设备台账新增数据</div>
|
||||
<div class="form-body">
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">设备名称</label>
|
||||
<label class="layui-form-label9 red-star">设备名称</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="sbmc" placeholder="请输入设备名称">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">设备型号</label>
|
||||
<label class="layui-form-label9 red-star">设备型号</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="sbxh" placeholder="请输入设备型号">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">生产厂商</label>
|
||||
<label class="layui-form-label9 red-star">生产厂商</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="sccs" placeholder="请输入生产厂商">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">购置日期</label>
|
||||
<label class="layui-form-label9 red-star">购置日期</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="gzrq" placeholder="请输入购置日期">
|
||||
<input type="text" class="layui-input laydate-input" name="gzrq" placeholder="请输入购置日期">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">安装位置</label>
|
||||
<label class="layui-form-label9 red-star">安装位置</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="azwz" placeholder="请输入安装位置">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">负责人</label>
|
||||
<label class="layui-form-label9 red-star">负责人</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="fzr" placeholder="请输入负责人">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">联系方式</label>
|
||||
<label class="layui-form-label9 red-star">联系方式</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="lxfs" placeholder="请输入联系方式">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">巡检周期</label>
|
||||
<label class="layui-form-label9 red-star">巡检周期</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="xjzq" placeholder="请输入巡检周期">
|
||||
<select type="text" class="layui-input" name="xjzq" placeholder="请选择巡检周期">
|
||||
<option value="">请选择</option>
|
||||
<option value="12小时">12小时</option>
|
||||
<option value="每天">每天</option>
|
||||
<option value="每周">每周</option>
|
||||
<option value="每月">每月</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">最近巡检日期</label>
|
||||
<label class="layui-form-label9 red-star">最近巡检日期</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="zjxjrq" placeholder="请输入最近巡检日期">
|
||||
<input type="text" class="layui-input laydate-input" name="zjxjrq"
|
||||
placeholder="请输入最近巡检日期">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
@ -76,8 +83,12 @@
|
||||
</div>
|
||||
<div class="form-footer">
|
||||
<div class="layui-btn-group">
|
||||
<button type="button" class="layui-btn layui-btn-sm" id="submitBtn" lay-submit lay-filter="confirmFilter">提交</button>
|
||||
<button type="button" class="layui-btn layui-btn-sm layui-btn-primary" id="closeBtn" lay-submit lay-filter="closeFilter">关闭</button>
|
||||
<button type="button" class="layui-btn layui-btn-sm" id="submitBtn" lay-submit
|
||||
lay-filter="confirmFilter">提交
|
||||
</button>
|
||||
<button type="button" class="layui-btn layui-btn-sm layui-btn-primary" id="closeBtn" lay-submit
|
||||
lay-filter="closeFilter">关闭
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
@ -85,6 +96,18 @@
|
||||
</div>
|
||||
<script src="assets/crpm/js/layui/layui.js"></script>
|
||||
<script>
|
||||
layui.use(['laydate'], function () {
|
||||
var laydate = layui.laydate;
|
||||
// 获取class为laydate-input的元素
|
||||
var laydateInput = document.querySelectorAll('.laydate-input');
|
||||
laydate.render({
|
||||
elem: laydateInput,
|
||||
type: 'date', // 设置类型为日期时间，可选择年月日时分秒
|
||||
format: 'yyyy-MM-dd', // 自定义显示格式，可按需调整
|
||||
theme: 'grid', // 选择主题，可根据喜好更换，比如 'default'、'grid' 等
|
||||
trigger: 'click' // 触发方式，这里是点击输入框触发，还可以是 'focus' 等
|
||||
});
|
||||
});
|
||||
layui.use(['form'], function () {
|
||||
var form = layui.form;
|
||||
var layer = layui.layer;
|
||||
@ -92,16 +115,17 @@
|
||||
var $ = layui.$;
|
||||
var $win = $(window);
|
||||
|
||||
var close = function() {
|
||||
var close = function () {
|
||||
top.layer.close(top.layer.getFrameIndex(window.name))
|
||||
}
|
||||
|
||||
var init = function() {}
|
||||
var init = function () {
|
||||
}
|
||||
|
||||
var addEvent = function() {
|
||||
var addEvent = function () {
|
||||
// 提交表单
|
||||
form.on('submit(confirmFilter)', function(formData) {
|
||||
top.layer.confirm('确定提交吗？', {title: false}, function(index) {
|
||||
form.on('submit(confirmFilter)', function (formData) {
|
||||
top.layer.confirm('确定提交吗？', {title: false}, function (index) {
|
||||
top.layer.close(index);
|
||||
var loadingIndex;
|
||||
$.ajax({
|
||||
@ -110,33 +134,34 @@
|
||||
contentType: 'application/json',
|
||||
dataType: 'json',
|
||||
data: JSON.stringify(formData.field),
|
||||
success: function(resp) {
|
||||
success: function (resp) {
|
||||
var loadLayerIndex;
|
||||
var layerIndex = top.layer.confirm('保存成功，继续添加？', {title: false}, function(index) {
|
||||
var layerIndex = top.layer.confirm('保存成功，继续添加？', {title: false}, function (index) {
|
||||
top.layer.close(index);
|
||||
window.location.reload();
|
||||
}, function() {
|
||||
}, function () {
|
||||
close();
|
||||
});
|
||||
},
|
||||
error: function(resp) {
|
||||
error: function (resp) {
|
||||
var data = JSON.parse(resp.responseText);
|
||||
top.layer.msg(data.msg);
|
||||
},
|
||||
beforeSend: function() {
|
||||
beforeSend: function () {
|
||||
loadingIndex = top.layer.msg('正在提交...', {
|
||||
icon: 16,
|
||||
shade: 0.01
|
||||
});;
|
||||
});
|
||||
;
|
||||
},
|
||||
complete: function() {
|
||||
complete: function () {
|
||||
top.layer.close(loadingIndex);
|
||||
}
|
||||
})
|
||||
});
|
||||
return false;
|
||||
});
|
||||
form.on('submit(closeFilter)', function(formData) {
|
||||
form.on('submit(closeFilter)', function (formData) {
|
||||
close();
|
||||
});
|
||||
}
|
||||
|
||||
@ -1,12 +1,12 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<base href="/"/>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<base href="/"/>
|
||||
<meta charset="UTF-8"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
||||
<title>设备二维码巡检系统</title>
|
||||
<link rel="stylesheet" href="assets/crpm/js/layui/css/layui.css" />
|
||||
<link rel="stylesheet" href="assets/crpm/index/index9/index9.css" />
|
||||
<link rel="stylesheet" href="assets/crpm/js/layui/css/layui.css"/>
|
||||
<link rel="stylesheet" href="assets/crpm/index/index9/index9.css"/>
|
||||
</head>
|
||||
<body>
|
||||
<div id="app">
|
||||
@ -15,57 +15,64 @@
|
||||
<div class="form-header">设备台账编辑数据</div>
|
||||
<div class="form-body">
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">设备名称</label>
|
||||
<label class="layui-form-label9 red-star">设备名称</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="sbmc" placeholder="请输入设备名称">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">设备型号</label>
|
||||
<label class="layui-form-label9 red-star">设备型号</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="sbxh" placeholder="请输入设备型号">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">生产厂商</label>
|
||||
<label class="layui-form-label9 red-star">生产厂商</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="sccs" placeholder="请输入生产厂商">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">购置日期</label>
|
||||
<label class="layui-form-label9 red-star">购置日期</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="gzrq" placeholder="请输入购置日期">
|
||||
<input type="text" class="layui-input laydate-input" name="gzrq" placeholder="请输入购置日期">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">安装位置</label>
|
||||
<label class="layui-form-label9 red-star">安装位置</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="azwz" placeholder="请输入安装位置">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">负责人</label>
|
||||
<label class="layui-form-label9 red-star">负责人</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="fzr" placeholder="请输入负责人">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">联系方式</label>
|
||||
<label class="layui-form-label9 red-star">联系方式</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="lxfs" placeholder="请输入联系方式">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">巡检周期</label>
|
||||
<label class="layui-form-label9 red-star">巡检周期</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="xjzq" placeholder="请输入巡检周期">
|
||||
<select type="text" class="layui-input" name="xjzq" placeholder="请选择巡检周期">
|
||||
<option value="">请选择</option>
|
||||
<option value="12小时">12小时</option>
|
||||
<option value="每天">每天</option>
|
||||
<option value="每周">每周</option>
|
||||
<option value="每月">每月</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">最近巡检日期</label>
|
||||
<label class="layui-form-label9 red-star">最近巡检日期</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="zjxjrq" placeholder="请输入最近巡检日期">
|
||||
<input type="text" class="layui-input laydate-input" name="zjxjrq"
|
||||
placeholder="请输入最近巡检日期">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
@ -77,8 +84,12 @@
|
||||
</div>
|
||||
<div class="form-footer">
|
||||
<div class="layui-btn-group">
|
||||
<button type="button" class="layui-btn layui-btn-sm" id="submitBtn" lay-submit lay-filter="confirmFilter">提交</button>
|
||||
<button type="button" class="layui-btn layui-btn-sm layui-btn-primary" id="closeBtn" lay-submit lay-filter="closeFilter">关闭</button>
|
||||
<button type="button" class="layui-btn layui-btn-sm" id="submitBtn" lay-submit
|
||||
lay-filter="confirmFilter">提交
|
||||
</button>
|
||||
<button type="button" class="layui-btn layui-btn-sm layui-btn-primary" id="closeBtn" lay-submit
|
||||
lay-filter="closeFilter">关闭
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
@ -86,6 +97,18 @@
|
||||
</div>
|
||||
<script src="assets/crpm/js/layui/layui.js"></script>
|
||||
<script>
|
||||
layui.use(['laydate'], function () {
|
||||
var laydate = layui.laydate;
|
||||
// 获取class为laydate-input的元素
|
||||
var laydateInput = document.querySelectorAll('.laydate-input');
|
||||
laydate.render({
|
||||
elem: laydateInput,
|
||||
type: 'date', // 设置类型为日期时间，可选择年月日时分秒
|
||||
format: 'yyyy-MM-dd', // 自定义显示格式，可按需调整
|
||||
theme: 'grid', // 选择主题，可根据喜好更换，比如 'default'、'grid' 等
|
||||
trigger: 'click' // 触发方式，这里是点击输入框触发，还可以是 'focus' 等
|
||||
});
|
||||
});
|
||||
layui.use(['form'], function () {
|
||||
var form = layui.form;
|
||||
var layer = layui.layer;
|
||||
@ -94,38 +117,39 @@
|
||||
var $win = $(window);
|
||||
var id = layui.url().search.id;
|
||||
|
||||
var close = function() {
|
||||
var close = function () {
|
||||
top.layer.close(top.layer.getFrameIndex(window.name))
|
||||
}
|
||||
|
||||
var init = function() {
|
||||
var init = function () {
|
||||
var loadingIndex;
|
||||
$.ajax({
|
||||
url: 'api/data/get/ea3a1a/460879/id/'+ id,
|
||||
success: function(resp) {
|
||||
url: 'api/data/get/ea3a1a/460879/id/' + id,
|
||||
success: function (resp) {
|
||||
form.val('dataForm', resp);
|
||||
form.render(null, 'dataForm');
|
||||
},
|
||||
error: function(resp) {
|
||||
error: function (resp) {
|
||||
var data = JSON.parse(resp.responseText);
|
||||
top.layer.msg(data.msg);
|
||||
},
|
||||
beforeSend: function() {
|
||||
beforeSend: function () {
|
||||
loadingIndex = top.layer.msg('正在加载...', {
|
||||
icon: 16,
|
||||
shade: 0.01
|
||||
});;
|
||||
});
|
||||
;
|
||||
},
|
||||
complete: function() {
|
||||
complete: function () {
|
||||
top.layer.close(loadingIndex);
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
var addEvent = function() {
|
||||
var addEvent = function () {
|
||||
// 提交表单
|
||||
form.on('submit(confirmFilter)', function(formData) {
|
||||
top.layer.confirm('确定提交吗？', {title: false}, function(index) {
|
||||
form.on('submit(confirmFilter)', function (formData) {
|
||||
top.layer.confirm('确定提交吗？', {title: false}, function (index) {
|
||||
top.layer.close(index);
|
||||
var loadingIndex;
|
||||
$.ajax({
|
||||
@ -134,34 +158,35 @@
|
||||
contentType: 'application/json',
|
||||
dataType: 'json',
|
||||
data: JSON.stringify(formData.field),
|
||||
success: function(resp) {
|
||||
success: function (resp) {
|
||||
var loadLayerIndex;
|
||||
var layerIndex = top.layer.confirm('保存成功，继续添加？', {title: false}, function(index) {
|
||||
var layerIndex = top.layer.confirm('保存成功，继续添加？', {title: false}, function (index) {
|
||||
top.layer.close(index);
|
||||
window.location.reload();
|
||||
}, function() {
|
||||
}, function () {
|
||||
close();
|
||||
});
|
||||
},
|
||||
error: function(resp) {
|
||||
error: function (resp) {
|
||||
var data = JSON.parse(resp.responseText);
|
||||
top.layer.msg(data.msg);
|
||||
},
|
||||
beforeSend: function() {
|
||||
beforeSend: function () {
|
||||
loadingIndex = top.layer.msg('正在提交...', {
|
||||
icon: 16,
|
||||
shade: 0.01
|
||||
});;
|
||||
});
|
||||
;
|
||||
},
|
||||
complete: function() {
|
||||
complete: function () {
|
||||
top.layer.close(loadingIndex);
|
||||
}
|
||||
})
|
||||
});
|
||||
return false;
|
||||
});
|
||||
form.on('submit(closeFilter)', function(formData) {
|
||||
close();
|
||||
form.on('submit(closeFilter)', function (formData) {
|
||||
close();
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
@ -1,12 +1,12 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<base href="/"/>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<base href="/"/>
|
||||
<meta charset="UTF-8"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
||||
<title>设备二维码巡检系统</title>
|
||||
<link rel="stylesheet" href="assets/crpm/js/layui/css/layui.css" />
|
||||
<link rel="stylesheet" href="assets/crpm/index/index9/index9.css" />
|
||||
<link rel="stylesheet" href="assets/crpm/js/layui/css/layui.css"/>
|
||||
<link rel="stylesheet" href="assets/crpm/index/index9/index9.css"/>
|
||||
</head>
|
||||
<body>
|
||||
<div id="app">
|
||||
@ -16,9 +16,10 @@
|
||||
<div class="layui-row">
|
||||
<div class="layui-col-xs2">
|
||||
<div class="layui-form-item">
|
||||
|
||||
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" id="keywords" name="keywords" placeholder="请输入关键字">
|
||||
<input type="text" class="layui-input" id="keywords" name="keywords"
|
||||
placeholder="请输入关键字">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -33,9 +34,14 @@
|
||||
<!-- 表头按钮组 -->
|
||||
<script type="text/html" id="headerToolBar">
|
||||
<div class="layui-btn-group">
|
||||
<button type="button" class="layui-btn layui-btn-sm" id="saveBtn" lay-event="saveEvent">新增</button>
|
||||
<button type="button" class="layui-btn layui-btn-normal layui-btn-sm" id="updateBtn" lay-event="updateEvent">编辑</button>
|
||||
<button type="button" class="layui-btn layui-btn-danger layui-btn-sm" id="removeBtn" lay-event="removeEvent">删除</button>
|
||||
<button type="button" class="layui-btn layui-btn-sm" id="saveBtn" lay-event="saveEvent">新增
|
||||
</button>
|
||||
<button type="button" class="layui-btn layui-btn-normal layui-btn-sm" id="updateBtn"
|
||||
lay-event="updateEvent">编辑
|
||||
</button>
|
||||
<button type="button" class="layui-btn layui-btn-danger layui-btn-sm" id="removeBtn"
|
||||
lay-event="removeEvent">删除
|
||||
</button>
|
||||
</div>
|
||||
</script>
|
||||
</div>
|
||||
@ -51,13 +57,13 @@
|
||||
var $ = layui.$;
|
||||
var $win = $(window);
|
||||
|
||||
var initTableData = function(keywords) {
|
||||
var initTableData = function (keywords) {
|
||||
$.ajax({
|
||||
type: 'GET',
|
||||
url: 'api/data/list/ea3a1a/ade5a9',
|
||||
data: 'keywords=' + (keywords ? encodeURI(keywords) : ''),
|
||||
contentType: "application/json;charset=utf-8",
|
||||
success: function(resp) {
|
||||
success: function (resp) {
|
||||
var datas = resp;
|
||||
table.render({
|
||||
elem: "#datatable",
|
||||
@ -66,7 +72,7 @@
|
||||
toolbar: '#headerToolBar',
|
||||
cols: [
|
||||
[
|
||||
{ type: "checkbox", fixed: "left" },
|
||||
{type: "checkbox", fixed: "left"},
|
||||
{
|
||||
field: "rowNum",
|
||||
width: 80,
|
||||
@ -79,46 +85,56 @@
|
||||
field: 'czr',
|
||||
title: '操作人',
|
||||
minWidth: 80,
|
||||
fixed: "left",
|
||||
align: "center"
|
||||
},
|
||||
{
|
||||
field: 'czsj',
|
||||
title: '操作时间',
|
||||
minWidth: 80,
|
||||
minWidth: 180,
|
||||
align: "center"
|
||||
},
|
||||
{
|
||||
field: 'czlx',
|
||||
title: '操作类型',
|
||||
minWidth: 80,
|
||||
align: "center"
|
||||
},
|
||||
{
|
||||
field: 'czdx',
|
||||
title: '操作对象',
|
||||
minWidth: 80,
|
||||
align: "center"
|
||||
},
|
||||
{
|
||||
field: 'czjg',
|
||||
title: '操作结果',
|
||||
minWidth: 80,
|
||||
align: "center"
|
||||
},
|
||||
{
|
||||
field: 'czxq',
|
||||
title: '操作详情',
|
||||
minWidth: 80,
|
||||
align: "center"
|
||||
},
|
||||
{
|
||||
field: 'IPdz',
|
||||
title: 'IP地址',
|
||||
minWidth: 80,
|
||||
align: "center"
|
||||
},
|
||||
{
|
||||
field: 'sbID',
|
||||
title: '设备ID',
|
||||
minWidth: 80,
|
||||
align: "center"
|
||||
},
|
||||
{
|
||||
field: 'sbmc',
|
||||
title: '设备名称',
|
||||
minWidth: 80,
|
||||
align: "center"
|
||||
},
|
||||
]
|
||||
],
|
||||
@ -128,19 +144,19 @@
|
||||
limit: 20,
|
||||
});
|
||||
},
|
||||
error: function(resp) {
|
||||
error: function (resp) {
|
||||
console.error(resp);
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
var addEvent = function() {
|
||||
var addEvent = function () {
|
||||
// 事件 - 增删改
|
||||
table.on('toolbar(datatable)', function(obj) {
|
||||
table.on('toolbar(datatable)', function (obj) {
|
||||
var layEvent = obj.event;
|
||||
var checkStatus = table.checkStatus('datatable');
|
||||
var checkDatas = checkStatus.data;
|
||||
if(layEvent === 'saveEvent') {
|
||||
if (layEvent === 'saveEvent') {
|
||||
top.layer.open({
|
||||
type: 2,
|
||||
title: false,
|
||||
@ -150,14 +166,14 @@
|
||||
area: ['400px', '100%'],
|
||||
offset: 'r',
|
||||
anim: 'slideLeft',
|
||||
end: function() {
|
||||
end: function () {
|
||||
initTableData();
|
||||
}
|
||||
});
|
||||
} else if(layEvent === 'updateEvent') {
|
||||
if(checkDatas.length === 0) {
|
||||
} else if (layEvent === 'updateEvent') {
|
||||
if (checkDatas.length === 0) {
|
||||
top.layer.msg('请勾选要编辑的数据');
|
||||
} else if(checkDatas.length > 1) {
|
||||
} else if (checkDatas.length > 1) {
|
||||
top.layer.msg('不能编辑多条数据');
|
||||
} else {
|
||||
top.layer.open({
|
||||
@ -165,48 +181,49 @@
|
||||
title: false,
|
||||
closeBtn: false,
|
||||
shadeClose: true,
|
||||
content: 'route/pages/ade5a9/update.html?id='+ checkDatas[0].id,
|
||||
content: 'route/pages/ade5a9/update.html?id=' + checkDatas[0].id,
|
||||
area: ['400px', '100%'],
|
||||
offset: 'r',
|
||||
anim: 'slideLeft',
|
||||
end: function() {
|
||||
end: function () {
|
||||
initTableData();
|
||||
}
|
||||
});
|
||||
}
|
||||
} else if(layEvent === 'removeEvent') {
|
||||
if(checkDatas.length === 0) {
|
||||
} else if (layEvent === 'removeEvent') {
|
||||
if (checkDatas.length === 0) {
|
||||
top.layer.msg('请勾选要删除的数据');
|
||||
} else {
|
||||
var ids = '';
|
||||
for(var i = 0, item; item = checkDatas[i++];) {
|
||||
if(i > 1) {
|
||||
for (var i = 0, item; item = checkDatas[i++];) {
|
||||
if (i > 1) {
|
||||
ids += ',';
|
||||
}
|
||||
ids += item.id;
|
||||
}
|
||||
top.layer.confirm('确定删除吗？', {title: false}, function(index) {
|
||||
top.layer.confirm('确定删除吗？', {title: false}, function (index) {
|
||||
top.layer.close(index);
|
||||
var loadingIndex;
|
||||
$.ajax({
|
||||
type: 'DELETE',
|
||||
url: 'api/data/delete/ea3a1a/ade5a9?ids=' + ids,
|
||||
contentType: "application/json;charset=utf-8",
|
||||
success: function(resp) {
|
||||
success: function (resp) {
|
||||
top.layer.msg('删除成功');
|
||||
initTableData();
|
||||
},
|
||||
error: function(resp) {
|
||||
error: function (resp) {
|
||||
var data = JSON.parse(resp.responseText);
|
||||
top.layer.msg(data.msg);
|
||||
},
|
||||
beforeSend: function() {
|
||||
beforeSend: function () {
|
||||
loadingIndex = top.layer.msg('正在删除...', {
|
||||
icon: 16,
|
||||
shade: 0.01
|
||||
});;
|
||||
});
|
||||
;
|
||||
},
|
||||
complete: function() {
|
||||
complete: function () {
|
||||
top.layer.close(loadingIndex);
|
||||
}
|
||||
})
|
||||
@ -214,7 +231,7 @@
|
||||
}
|
||||
}
|
||||
});
|
||||
form.on('submit(searchFilter)', function(formData) {
|
||||
form.on('submit(searchFilter)', function (formData) {
|
||||
initTableData(formData.field.keywords);
|
||||
});
|
||||
}
|
||||
|
||||
@ -1,11 +1,11 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<base href="/"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<base href="/"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
||||
<title>设备二维码巡检系统</title>
|
||||
<link rel="stylesheet" href="assets/crpm/js/layui/css/layui.css" />
|
||||
<link rel="stylesheet" href="assets/crpm/index/index9/index9.css" />
|
||||
<link rel="stylesheet" href="assets/crpm/js/layui/css/layui.css"/>
|
||||
<link rel="stylesheet" href="assets/crpm/index/index9/index9.css"/>
|
||||
</head>
|
||||
<body>
|
||||
<div id="app">
|
||||
@ -14,55 +14,66 @@
|
||||
<div class="form-header">操作日志新增数据</div>
|
||||
<div class="form-body">
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">操作人</label>
|
||||
<label class="layui-form-label9 red-star">操作人</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="czr" placeholder="请输入操作人">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">操作时间</label>
|
||||
<label class="layui-form-label9 red-star">操作时间</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="czsj" placeholder="请输入操作时间">
|
||||
<input type="text" class="layui-input laydate-input" name="czsj" placeholder="请输入操作时间">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">操作类型</label>
|
||||
<label class="layui-form-label9 red-star">操作类型</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="czlx" placeholder="请输入操作类型">
|
||||
<select type="text" class="layui-input" name="czlx" placeholder="请选择操作类型">
|
||||
<option value="">请选择</option>
|
||||
<option value="启动">启动</option>
|
||||
<option value="参数调整">参数调整</option>
|
||||
<option value="维护">维护</option>
|
||||
<option value="停机">停机</option>
|
||||
<option value="故障处理">故障处理</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">操作对象</label>
|
||||
<label class="layui-form-label9 red-star">操作对象</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="czdx" placeholder="请输入操作对象">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">操作结果</label>
|
||||
<label class="layui-form-label9 red-star">操作结果</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="czjg" placeholder="请输入操作结果">
|
||||
<select type="text" class="layui-input" name="czjg" placeholder="请选择操作类型">
|
||||
<option value="">请选择</option>
|
||||
<option value="成功">成功</option>
|
||||
<option value="失败">失败</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">操作详情</label>
|
||||
<label class="layui-form-label9 red-star">操作详情</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="czxq" placeholder="请输入操作详情">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">IP地址</label>
|
||||
<label class="layui-form-label9 red-star">IP地址</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="IPdz" placeholder="请输入IP地址">
|
||||
<input type="text" class="layui-input" name="_i_pdz" placeholder="请输入IP地址">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">设备ID</label>
|
||||
<label class="layui-form-label9 red-star">设备ID</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="sbID" placeholder="请输入设备ID">
|
||||
<input type="text" class="layui-input" name="sb_i_d" placeholder="请输入设备ID">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">设备名称</label>
|
||||
<label class="layui-form-label9 red-star">设备名称</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="sbmc" placeholder="请输入设备名称">
|
||||
</div>
|
||||
@ -70,8 +81,12 @@
|
||||
</div>
|
||||
<div class="form-footer">
|
||||
<div class="layui-btn-group">
|
||||
<button type="button" class="layui-btn layui-btn-sm" id="submitBtn" lay-submit lay-filter="confirmFilter">提交</button>
|
||||
<button type="button" class="layui-btn layui-btn-sm layui-btn-primary" id="closeBtn" lay-submit lay-filter="closeFilter">关闭</button>
|
||||
<button type="button" class="layui-btn layui-btn-sm" id="submitBtn" lay-submit
|
||||
lay-filter="confirmFilter">提交
|
||||
</button>
|
||||
<button type="button" class="layui-btn layui-btn-sm layui-btn-primary" id="closeBtn" lay-submit
|
||||
lay-filter="closeFilter">关闭
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
@ -79,6 +94,18 @@
|
||||
</div>
|
||||
<script src="assets/crpm/js/layui/layui.js"></script>
|
||||
<script>
|
||||
layui.use(['laydate'], function () {
|
||||
var laydate = layui.laydate;
|
||||
// 获取class为laydate-input的元素
|
||||
var laydateInput = document.querySelectorAll('.laydate-input');
|
||||
laydate.render({
|
||||
elem: laydateInput,
|
||||
type: 'datetime', // 设置类型为日期时间，可选择年月日时分秒
|
||||
format: 'yyyy-MM-dd HH:mm:ss', // 自定义显示格式，可按需调整
|
||||
theme: 'grid', // 选择主题，可根据喜好更换，比如 'default'、'grid' 等
|
||||
trigger: 'click' // 触发方式，这里是点击输入框触发，还可以是 'focus' 等
|
||||
});
|
||||
});
|
||||
layui.use(['form'], function () {
|
||||
var form = layui.form;
|
||||
var layer = layui.layer;
|
||||
@ -86,16 +113,17 @@
|
||||
var $ = layui.$;
|
||||
var $win = $(window);
|
||||
|
||||
var close = function() {
|
||||
var close = function () {
|
||||
top.layer.close(top.layer.getFrameIndex(window.name))
|
||||
}
|
||||
|
||||
var init = function() {}
|
||||
var init = function () {
|
||||
}
|
||||
|
||||
var addEvent = function() {
|
||||
var addEvent = function () {
|
||||
// 提交表单
|
||||
form.on('submit(confirmFilter)', function(formData) {
|
||||
top.layer.confirm('确定提交吗？', {title: false}, function(index) {
|
||||
form.on('submit(confirmFilter)', function (formData) {
|
||||
top.layer.confirm('确定提交吗？', {title: false}, function (index) {
|
||||
top.layer.close(index);
|
||||
var loadingIndex;
|
||||
$.ajax({
|
||||
@ -104,33 +132,34 @@
|
||||
contentType: 'application/json',
|
||||
dataType: 'json',
|
||||
data: JSON.stringify(formData.field),
|
||||
success: function(resp) {
|
||||
success: function (resp) {
|
||||
var loadLayerIndex;
|
||||
var layerIndex = top.layer.confirm('保存成功，继续添加？', {title: false}, function(index) {
|
||||
var layerIndex = top.layer.confirm('保存成功，继续添加？', {title: false}, function (index) {
|
||||
top.layer.close(index);
|
||||
window.location.reload();
|
||||
}, function() {
|
||||
}, function () {
|
||||
close();
|
||||
});
|
||||
},
|
||||
error: function(resp) {
|
||||
error: function (resp) {
|
||||
var data = JSON.parse(resp.responseText);
|
||||
top.layer.msg(data.msg);
|
||||
},
|
||||
beforeSend: function() {
|
||||
beforeSend: function () {
|
||||
loadingIndex = top.layer.msg('正在提交...', {
|
||||
icon: 16,
|
||||
shade: 0.01
|
||||
});;
|
||||
});
|
||||
;
|
||||
},
|
||||
complete: function() {
|
||||
complete: function () {
|
||||
top.layer.close(loadingIndex);
|
||||
}
|
||||
})
|
||||
});
|
||||
return false;
|
||||
});
|
||||
form.on('submit(closeFilter)', function(formData) {
|
||||
form.on('submit(closeFilter)', function (formData) {
|
||||
close();
|
||||
});
|
||||
}
|
||||
|
||||
@ -1,12 +1,12 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<base href="/"/>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<base href="/"/>
|
||||
<meta charset="UTF-8"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
||||
<title>设备二维码巡检系统</title>
|
||||
<link rel="stylesheet" href="assets/crpm/js/layui/css/layui.css" />
|
||||
<link rel="stylesheet" href="assets/crpm/index/index9/index9.css" />
|
||||
<link rel="stylesheet" href="assets/crpm/js/layui/css/layui.css"/>
|
||||
<link rel="stylesheet" href="assets/crpm/index/index9/index9.css"/>
|
||||
</head>
|
||||
<body>
|
||||
<div id="app">
|
||||
@ -15,55 +15,66 @@
|
||||
<div class="form-header">操作日志编辑数据</div>
|
||||
<div class="form-body">
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">操作人</label>
|
||||
<label class="layui-form-label9 red-star">操作人</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="czr" placeholder="请输入操作人">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">操作时间</label>
|
||||
<label class="layui-form-label9 red-star">操作时间</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="czsj" placeholder="请输入操作时间">
|
||||
<input type="text" class="layui-input laydate-input" name="czsj" placeholder="请输入操作时间">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">操作类型</label>
|
||||
<label class="layui-form-label9 red-star">操作类型</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="czlx" placeholder="请输入操作类型">
|
||||
<select type="text" class="layui-input" name="czlx" placeholder="请选择操作类型">
|
||||
<option value="">请选择</option>
|
||||
<option value="启动">启动</option>
|
||||
<option value="参数调整">参数调整</option>
|
||||
<option value="维护">维护</option>
|
||||
<option value="停机">停机</option>
|
||||
<option value="故障处理">故障处理</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">操作对象</label>
|
||||
<label class="layui-form-label9 red-star">操作对象</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="czdx" placeholder="请输入操作对象">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">操作结果</label>
|
||||
<label class="layui-form-label9 red-star">操作结果</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="czjg" placeholder="请输入操作结果">
|
||||
<select type="text" class="layui-input" name="czjg" placeholder="请选择操作类型">
|
||||
<option value="">请选择</option>
|
||||
<option value="成功">成功</option>
|
||||
<option value="失败">失败</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">操作详情</label>
|
||||
<label class="layui-form-label9 red-star">操作详情</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="czxq" placeholder="请输入操作详情">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">IP地址</label>
|
||||
<label class="layui-form-label9 red-star">IP地址</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="IPdz" placeholder="请输入IP地址">
|
||||
<input type="text" class="layui-input" name="_i_pdz" placeholder="请输入IP地址">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">设备ID</label>
|
||||
<label class="layui-form-label9 red-star">设备ID</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="sbID" placeholder="请输入设备ID">
|
||||
<input type="text" class="layui-input" name="sb_i_d" placeholder="请输入设备ID">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">设备名称</label>
|
||||
<label class="layui-form-label9 red-star">设备名称</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="sbmc" placeholder="请输入设备名称">
|
||||
</div>
|
||||
@ -71,8 +82,12 @@
|
||||
</div>
|
||||
<div class="form-footer">
|
||||
<div class="layui-btn-group">
|
||||
<button type="button" class="layui-btn layui-btn-sm" id="submitBtn" lay-submit lay-filter="confirmFilter">提交</button>
|
||||
<button type="button" class="layui-btn layui-btn-sm layui-btn-primary" id="closeBtn" lay-submit lay-filter="closeFilter">关闭</button>
|
||||
<button type="button" class="layui-btn layui-btn-sm" id="submitBtn" lay-submit
|
||||
lay-filter="confirmFilter">提交
|
||||
</button>
|
||||
<button type="button" class="layui-btn layui-btn-sm layui-btn-primary" id="closeBtn" lay-submit
|
||||
lay-filter="closeFilter">关闭
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
@ -80,6 +95,18 @@
|
||||
</div>
|
||||
<script src="assets/crpm/js/layui/layui.js"></script>
|
||||
<script>
|
||||
layui.use(['laydate'], function () {
|
||||
var laydate = layui.laydate;
|
||||
// 获取class为laydate-input的元素
|
||||
var laydateInput = document.querySelectorAll('.laydate-input');
|
||||
laydate.render({
|
||||
elem: laydateInput,
|
||||
type: 'datetime', // 设置类型为日期时间，可选择年月日时分秒
|
||||
format: 'yyyy-MM-dd HH:mm:ss', // 自定义显示格式，可按需调整
|
||||
theme: 'grid', // 选择主题，可根据喜好更换，比如 'default'、'grid' 等
|
||||
trigger: 'click' // 触发方式，这里是点击输入框触发，还可以是 'focus' 等
|
||||
});
|
||||
});
|
||||
layui.use(['form'], function () {
|
||||
var form = layui.form;
|
||||
var layer = layui.layer;
|
||||
@ -88,38 +115,39 @@
|
||||
var $win = $(window);
|
||||
var id = layui.url().search.id;
|
||||
|
||||
var close = function() {
|
||||
var close = function () {
|
||||
top.layer.close(top.layer.getFrameIndex(window.name))
|
||||
}
|
||||
|
||||
var init = function() {
|
||||
var init = function () {
|
||||
var loadingIndex;
|
||||
$.ajax({
|
||||
url: 'api/data/get/ea3a1a/ade5a9/id/'+ id,
|
||||
success: function(resp) {
|
||||
url: 'api/data/get/ea3a1a/ade5a9/id/' + id,
|
||||
success: function (resp) {
|
||||
form.val('dataForm', resp);
|
||||
form.render(null, 'dataForm');
|
||||
},
|
||||
error: function(resp) {
|
||||
error: function (resp) {
|
||||
var data = JSON.parse(resp.responseText);
|
||||
top.layer.msg(data.msg);
|
||||
},
|
||||
beforeSend: function() {
|
||||
beforeSend: function () {
|
||||
loadingIndex = top.layer.msg('正在加载...', {
|
||||
icon: 16,
|
||||
shade: 0.01
|
||||
});;
|
||||
});
|
||||
;
|
||||
},
|
||||
complete: function() {
|
||||
complete: function () {
|
||||
top.layer.close(loadingIndex);
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
var addEvent = function() {
|
||||
var addEvent = function () {
|
||||
// 提交表单
|
||||
form.on('submit(confirmFilter)', function(formData) {
|
||||
top.layer.confirm('确定提交吗？', {title: false}, function(index) {
|
||||
form.on('submit(confirmFilter)', function (formData) {
|
||||
top.layer.confirm('确定提交吗？', {title: false}, function (index) {
|
||||
top.layer.close(index);
|
||||
var loadingIndex;
|
||||
$.ajax({
|
||||
@ -128,34 +156,35 @@
|
||||
contentType: 'application/json',
|
||||
dataType: 'json',
|
||||
data: JSON.stringify(formData.field),
|
||||
success: function(resp) {
|
||||
success: function (resp) {
|
||||
var loadLayerIndex;
|
||||
var layerIndex = top.layer.confirm('保存成功，继续添加？', {title: false}, function(index) {
|
||||
var layerIndex = top.layer.confirm('保存成功，继续添加？', {title: false}, function (index) {
|
||||
top.layer.close(index);
|
||||
window.location.reload();
|
||||
}, function() {
|
||||
}, function () {
|
||||
close();
|
||||
});
|
||||
},
|
||||
error: function(resp) {
|
||||
error: function (resp) {
|
||||
var data = JSON.parse(resp.responseText);
|
||||
top.layer.msg(data.msg);
|
||||
},
|
||||
beforeSend: function() {
|
||||
beforeSend: function () {
|
||||
loadingIndex = top.layer.msg('正在提交...', {
|
||||
icon: 16,
|
||||
shade: 0.01
|
||||
});;
|
||||
});
|
||||
;
|
||||
},
|
||||
complete: function() {
|
||||
complete: function () {
|
||||
top.layer.close(loadingIndex);
|
||||
}
|
||||
})
|
||||
});
|
||||
return false;
|
||||
});
|
||||
form.on('submit(closeFilter)', function(formData) {
|
||||
close();
|
||||
form.on('submit(closeFilter)', function (formData) {
|
||||
close();
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
@ -1,12 +1,12 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<base href="/"/>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<base href="/"/>
|
||||
<meta charset="UTF-8"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
||||
<title>设备二维码巡检系统</title>
|
||||
<link rel="stylesheet" href="assets/crpm/js/layui/css/layui.css" />
|
||||
<link rel="stylesheet" href="assets/crpm/index/index9/index9.css" />
|
||||
<link rel="stylesheet" href="assets/crpm/js/layui/css/layui.css"/>
|
||||
<link rel="stylesheet" href="assets/crpm/index/index9/index9.css"/>
|
||||
</head>
|
||||
<body>
|
||||
<div id="app">
|
||||
@ -16,9 +16,10 @@
|
||||
<div class="layui-row">
|
||||
<div class="layui-col-xs2">
|
||||
<div class="layui-form-item">
|
||||
|
||||
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" id="keywords" name="keywords" placeholder="请输入关键字">
|
||||
<input type="text" class="layui-input" id="keywords" name="keywords"
|
||||
placeholder="请输入关键字">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -33,9 +34,14 @@
|
||||
<!-- 表头按钮组 -->
|
||||
<script type="text/html" id="headerToolBar">
|
||||
<div class="layui-btn-group">
|
||||
<button type="button" class="layui-btn layui-btn-sm" id="saveBtn" lay-event="saveEvent">新增</button>
|
||||
<button type="button" class="layui-btn layui-btn-normal layui-btn-sm" id="updateBtn" lay-event="updateEvent">编辑</button>
|
||||
<button type="button" class="layui-btn layui-btn-danger layui-btn-sm" id="removeBtn" lay-event="removeEvent">删除</button>
|
||||
<button type="button" class="layui-btn layui-btn-sm" id="saveBtn" lay-event="saveEvent">新增
|
||||
</button>
|
||||
<button type="button" class="layui-btn layui-btn-normal layui-btn-sm" id="updateBtn"
|
||||
lay-event="updateEvent">编辑
|
||||
</button>
|
||||
<button type="button" class="layui-btn layui-btn-danger layui-btn-sm" id="removeBtn"
|
||||
lay-event="removeEvent">删除
|
||||
</button>
|
||||
</div>
|
||||
</script>
|
||||
</div>
|
||||
@ -51,13 +57,13 @@
|
||||
var $ = layui.$;
|
||||
var $win = $(window);
|
||||
|
||||
var initTableData = function(keywords) {
|
||||
var initTableData = function (keywords) {
|
||||
$.ajax({
|
||||
type: 'GET',
|
||||
url: 'api/data/list/ea3a1a/b98900',
|
||||
data: 'keywords=' + (keywords ? encodeURI(keywords) : ''),
|
||||
contentType: "application/json;charset=utf-8",
|
||||
success: function(resp) {
|
||||
success: function (resp) {
|
||||
var datas = resp;
|
||||
table.render({
|
||||
elem: "#datatable",
|
||||
@ -66,7 +72,7 @@
|
||||
toolbar: '#headerToolBar',
|
||||
cols: [
|
||||
[
|
||||
{ type: "checkbox", fixed: "left" },
|
||||
{type: "checkbox", fixed: "left"},
|
||||
{
|
||||
field: "rowNum",
|
||||
width: 80,
|
||||
@ -79,41 +85,50 @@
|
||||
field: 'yhm',
|
||||
title: '用户名',
|
||||
minWidth: 80,
|
||||
fixed: "left",
|
||||
align: "center"
|
||||
},
|
||||
{
|
||||
field: 'mm',
|
||||
title: '密码',
|
||||
minWidth: 80,
|
||||
align: "center"
|
||||
},
|
||||
{
|
||||
field: 'js',
|
||||
title: '角色',
|
||||
minWidth: 80,
|
||||
align: "center"
|
||||
},
|
||||
{
|
||||
field: 'zt',
|
||||
title: '状态',
|
||||
minWidth: 80,
|
||||
align: "center"
|
||||
},
|
||||
{
|
||||
field: 'cjsj',
|
||||
title: '创建时间',
|
||||
minWidth: 80,
|
||||
minWidth: 180,
|
||||
align: "center"
|
||||
},
|
||||
{
|
||||
field: 'zhdlsj',
|
||||
title: '最后登录时间',
|
||||
minWidth: 80,
|
||||
minWidth: 180,
|
||||
align: "center"
|
||||
},
|
||||
{
|
||||
field: 'yx',
|
||||
title: '邮箱',
|
||||
minWidth: 80,
|
||||
minWidth: 230,
|
||||
align: "center"
|
||||
},
|
||||
{
|
||||
field: 'sjhm',
|
||||
title: '手机号码',
|
||||
minWidth: 80,
|
||||
minWidth: 120,
|
||||
align: "center"
|
||||
},
|
||||
]
|
||||
],
|
||||
@ -123,19 +138,19 @@
|
||||
limit: 20,
|
||||
});
|
||||
},
|
||||
error: function(resp) {
|
||||
error: function (resp) {
|
||||
console.error(resp);
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
var addEvent = function() {
|
||||
var addEvent = function () {
|
||||
// 事件 - 增删改
|
||||
table.on('toolbar(datatable)', function(obj) {
|
||||
table.on('toolbar(datatable)', function (obj) {
|
||||
var layEvent = obj.event;
|
||||
var checkStatus = table.checkStatus('datatable');
|
||||
var checkDatas = checkStatus.data;
|
||||
if(layEvent === 'saveEvent') {
|
||||
if (layEvent === 'saveEvent') {
|
||||
top.layer.open({
|
||||
type: 2,
|
||||
title: false,
|
||||
@ -145,14 +160,14 @@
|
||||
area: ['400px', '100%'],
|
||||
offset: 'r',
|
||||
anim: 'slideLeft',
|
||||
end: function() {
|
||||
end: function () {
|
||||
initTableData();
|
||||
}
|
||||
});
|
||||
} else if(layEvent === 'updateEvent') {
|
||||
if(checkDatas.length === 0) {
|
||||
} else if (layEvent === 'updateEvent') {
|
||||
if (checkDatas.length === 0) {
|
||||
top.layer.msg('请勾选要编辑的数据');
|
||||
} else if(checkDatas.length > 1) {
|
||||
} else if (checkDatas.length > 1) {
|
||||
top.layer.msg('不能编辑多条数据');
|
||||
} else {
|
||||
top.layer.open({
|
||||
@ -160,48 +175,49 @@
|
||||
title: false,
|
||||
closeBtn: false,
|
||||
shadeClose: true,
|
||||
content: 'route/pages/b98900/update.html?id='+ checkDatas[0].id,
|
||||
content: 'route/pages/b98900/update.html?id=' + checkDatas[0].id,
|
||||
area: ['400px', '100%'],
|
||||
offset: 'r',
|
||||
anim: 'slideLeft',
|
||||
end: function() {
|
||||
end: function () {
|
||||
initTableData();
|
||||
}
|
||||
});
|
||||
}
|
||||
} else if(layEvent === 'removeEvent') {
|
||||
if(checkDatas.length === 0) {
|
||||
} else if (layEvent === 'removeEvent') {
|
||||
if (checkDatas.length === 0) {
|
||||
top.layer.msg('请勾选要删除的数据');
|
||||
} else {
|
||||
var ids = '';
|
||||
for(var i = 0, item; item = checkDatas[i++];) {
|
||||
if(i > 1) {
|
||||
for (var i = 0, item; item = checkDatas[i++];) {
|
||||
if (i > 1) {
|
||||
ids += ',';
|
||||
}
|
||||
ids += item.id;
|
||||
}
|
||||
top.layer.confirm('确定删除吗？', {title: false}, function(index) {
|
||||
top.layer.confirm('确定删除吗？', {title: false}, function (index) {
|
||||
top.layer.close(index);
|
||||
var loadingIndex;
|
||||
$.ajax({
|
||||
type: 'DELETE',
|
||||
url: 'api/data/delete/ea3a1a/b98900?ids=' + ids,
|
||||
contentType: "application/json;charset=utf-8",
|
||||
success: function(resp) {
|
||||
success: function (resp) {
|
||||
top.layer.msg('删除成功');
|
||||
initTableData();
|
||||
},
|
||||
error: function(resp) {
|
||||
error: function (resp) {
|
||||
var data = JSON.parse(resp.responseText);
|
||||
top.layer.msg(data.msg);
|
||||
},
|
||||
beforeSend: function() {
|
||||
beforeSend: function () {
|
||||
loadingIndex = top.layer.msg('正在删除...', {
|
||||
icon: 16,
|
||||
shade: 0.01
|
||||
});;
|
||||
});
|
||||
;
|
||||
},
|
||||
complete: function() {
|
||||
complete: function () {
|
||||
top.layer.close(loadingIndex);
|
||||
}
|
||||
})
|
||||
@ -209,7 +225,7 @@
|
||||
}
|
||||
}
|
||||
});
|
||||
form.on('submit(searchFilter)', function(formData) {
|
||||
form.on('submit(searchFilter)', function (formData) {
|
||||
initTableData(formData.field.keywords);
|
||||
});
|
||||
}
|
||||
|
||||
@ -1,11 +1,11 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<base href="/"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<base href="/"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
||||
<title>设备二维码巡检系统</title>
|
||||
<link rel="stylesheet" href="assets/crpm/js/layui/css/layui.css" />
|
||||
<link rel="stylesheet" href="assets/crpm/index/index9/index9.css" />
|
||||
<link rel="stylesheet" href="assets/crpm/js/layui/css/layui.css"/>
|
||||
<link rel="stylesheet" href="assets/crpm/index/index9/index9.css"/>
|
||||
</head>
|
||||
<body>
|
||||
<div id="app">
|
||||
@ -14,39 +14,54 @@
|
||||
<div class="form-header">权限管理新增数据</div>
|
||||
<div class="form-body">
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">用户名</label>
|
||||
<label class="layui-form-label9 red-star">用户名</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="yhm" placeholder="请输入用户名">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">密码</label>
|
||||
<label class="layui-form-label9 red-star">密码</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="mm" placeholder="请输入密码">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">角色</label>
|
||||
<label class="layui-form-label9 red-star">角色</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="js" placeholder="请输入角色">
|
||||
<select type="text" class="layui-input" name="js" placeholder="请选择角色">
|
||||
<option value="">请选择</option>
|
||||
<option value="系统管理员">系统管理员</option>
|
||||
<option value="工艺工程师">工艺工程师</option>
|
||||
<option value="设备工程师">设备工程师</option>
|
||||
<option value="生产计划员">生产计划员</option>
|
||||
<option value="仓库管理员">仓库管理员</option>
|
||||
<option value="操作员">操作员</option>
|
||||
<option value="维护员">维护员</option>
|
||||
<option value="质检员">质检员</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">状态</label>
|
||||
<label class="layui-form-label9 red-star">状态</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="zt" placeholder="请输入状态">
|
||||
<select type="text" class="layui-input" name="zt" placeholder="请选择状态">
|
||||
<option value="">请选择</option>
|
||||
<option value="启用">启用</option>
|
||||
<option value="禁用">禁用</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">创建时间</label>
|
||||
<label class="layui-form-label9 red-star">创建时间</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="cjsj" placeholder="请输入创建时间">
|
||||
<input type="text" class="layui-input laydate-input" name="cjsj" placeholder="请输入创建时间">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">最后登录时间</label>
|
||||
<label class="layui-form-label9 red-star">最后登录时间</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="zhdlsj" placeholder="请输入最后登录时间">
|
||||
<input type="text" class="layui-input laydate-input" name="zhdlsj"
|
||||
placeholder="请输入最后登录时间">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
@ -56,7 +71,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">手机号码</label>
|
||||
<label class="layui-form-label9 red-star">手机号码</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="sjhm" placeholder="请输入手机号码">
|
||||
</div>
|
||||
@ -64,8 +79,12 @@
|
||||
</div>
|
||||
<div class="form-footer">
|
||||
<div class="layui-btn-group">
|
||||
<button type="button" class="layui-btn layui-btn-sm" id="submitBtn" lay-submit lay-filter="confirmFilter">提交</button>
|
||||
<button type="button" class="layui-btn layui-btn-sm layui-btn-primary" id="closeBtn" lay-submit lay-filter="closeFilter">关闭</button>
|
||||
<button type="button" class="layui-btn layui-btn-sm" id="submitBtn" lay-submit
|
||||
lay-filter="confirmFilter">提交
|
||||
</button>
|
||||
<button type="button" class="layui-btn layui-btn-sm layui-btn-primary" id="closeBtn" lay-submit
|
||||
lay-filter="closeFilter">关闭
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
@ -73,6 +92,18 @@
|
||||
</div>
|
||||
<script src="assets/crpm/js/layui/layui.js"></script>
|
||||
<script>
|
||||
layui.use(['laydate'], function () {
|
||||
var laydate = layui.laydate;
|
||||
// 获取class为laydate-input的元素
|
||||
var laydateInput = document.querySelectorAll('.laydate-input');
|
||||
laydate.render({
|
||||
elem: laydateInput,
|
||||
type: 'datetime', // 设置类型为日期时间，可选择年月日时分秒
|
||||
format: 'yyyy-MM-dd HH:mm:ss', // 自定义显示格式，可按需调整
|
||||
theme: 'grid', // 选择主题，可根据喜好更换，比如 'default'、'grid' 等
|
||||
trigger: 'click' // 触发方式，这里是点击输入框触发，还可以是 'focus' 等
|
||||
});
|
||||
});
|
||||
layui.use(['form'], function () {
|
||||
var form = layui.form;
|
||||
var layer = layui.layer;
|
||||
@ -80,16 +111,17 @@
|
||||
var $ = layui.$;
|
||||
var $win = $(window);
|
||||
|
||||
var close = function() {
|
||||
var close = function () {
|
||||
top.layer.close(top.layer.getFrameIndex(window.name))
|
||||
}
|
||||
|
||||
var init = function() {}
|
||||
var init = function () {
|
||||
}
|
||||
|
||||
var addEvent = function() {
|
||||
var addEvent = function () {
|
||||
// 提交表单
|
||||
form.on('submit(confirmFilter)', function(formData) {
|
||||
top.layer.confirm('确定提交吗？', {title: false}, function(index) {
|
||||
form.on('submit(confirmFilter)', function (formData) {
|
||||
top.layer.confirm('确定提交吗？', {title: false}, function (index) {
|
||||
top.layer.close(index);
|
||||
var loadingIndex;
|
||||
$.ajax({
|
||||
@ -98,33 +130,34 @@
|
||||
contentType: 'application/json',
|
||||
dataType: 'json',
|
||||
data: JSON.stringify(formData.field),
|
||||
success: function(resp) {
|
||||
success: function (resp) {
|
||||
var loadLayerIndex;
|
||||
var layerIndex = top.layer.confirm('保存成功，继续添加？', {title: false}, function(index) {
|
||||
var layerIndex = top.layer.confirm('保存成功，继续添加？', {title: false}, function (index) {
|
||||
top.layer.close(index);
|
||||
window.location.reload();
|
||||
}, function() {
|
||||
}, function () {
|
||||
close();
|
||||
});
|
||||
},
|
||||
error: function(resp) {
|
||||
error: function (resp) {
|
||||
var data = JSON.parse(resp.responseText);
|
||||
top.layer.msg(data.msg);
|
||||
},
|
||||
beforeSend: function() {
|
||||
beforeSend: function () {
|
||||
loadingIndex = top.layer.msg('正在提交...', {
|
||||
icon: 16,
|
||||
shade: 0.01
|
||||
});;
|
||||
});
|
||||
;
|
||||
},
|
||||
complete: function() {
|
||||
complete: function () {
|
||||
top.layer.close(loadingIndex);
|
||||
}
|
||||
})
|
||||
});
|
||||
return false;
|
||||
});
|
||||
form.on('submit(closeFilter)', function(formData) {
|
||||
form.on('submit(closeFilter)', function (formData) {
|
||||
close();
|
||||
});
|
||||
}
|
||||
|
||||
@ -1,12 +1,12 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<base href="/"/>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<base href="/"/>
|
||||
<meta charset="UTF-8"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
||||
<title>设备二维码巡检系统</title>
|
||||
<link rel="stylesheet" href="assets/crpm/js/layui/css/layui.css" />
|
||||
<link rel="stylesheet" href="assets/crpm/index/index9/index9.css" />
|
||||
<link rel="stylesheet" href="assets/crpm/js/layui/css/layui.css"/>
|
||||
<link rel="stylesheet" href="assets/crpm/index/index9/index9.css"/>
|
||||
</head>
|
||||
<body>
|
||||
<div id="app">
|
||||
@ -15,39 +15,54 @@
|
||||
<div class="form-header">权限管理编辑数据</div>
|
||||
<div class="form-body">
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">用户名</label>
|
||||
<label class="layui-form-label9 red-star">用户名</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="yhm" placeholder="请输入用户名">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">密码</label>
|
||||
<label class="layui-form-label9 red-star">密码</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="mm" placeholder="请输入密码">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">角色</label>
|
||||
<label class="layui-form-label9 red-star">角色</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="js" placeholder="请输入角色">
|
||||
<select type="text" class="layui-input" name="js" placeholder="请选择角色">
|
||||
<option value="">请选择</option>
|
||||
<option value="系统管理员">系统管理员</option>
|
||||
<option value="工艺工程师">工艺工程师</option>
|
||||
<option value="设备工程师">设备工程师</option>
|
||||
<option value="生产计划员">生产计划员</option>
|
||||
<option value="仓库管理员">仓库管理员</option>
|
||||
<option value="操作员">操作员</option>
|
||||
<option value="维护员">维护员</option>
|
||||
<option value="质检员">质检员</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">状态</label>
|
||||
<label class="layui-form-label9 red-star">状态</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="zt" placeholder="请输入状态">
|
||||
<select type="text" class="layui-input" name="zt" placeholder="请选择状态">
|
||||
<option value="">请选择</option>
|
||||
<option value="启用">启用</option>
|
||||
<option value="禁用">禁用</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">创建时间</label>
|
||||
<label class="layui-form-label9 red-star">创建时间</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="cjsj" placeholder="请输入创建时间">
|
||||
<input type="text" class="layui-input laydate-input" name="cjsj" placeholder="请输入创建时间">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">最后登录时间</label>
|
||||
<label class="layui-form-label9 red-star">最后登录时间</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="zhdlsj" placeholder="请输入最后登录时间">
|
||||
<input type="text" class="layui-input laydate-input" name="zhdlsj"
|
||||
placeholder="请输入最后登录时间">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
@ -57,7 +72,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">手机号码</label>
|
||||
<label class="layui-form-label9 red-star">手机号码</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="sjhm" placeholder="请输入手机号码">
|
||||
</div>
|
||||
@ -65,8 +80,12 @@
|
||||
</div>
|
||||
<div class="form-footer">
|
||||
<div class="layui-btn-group">
|
||||
<button type="button" class="layui-btn layui-btn-sm" id="submitBtn" lay-submit lay-filter="confirmFilter">提交</button>
|
||||
<button type="button" class="layui-btn layui-btn-sm layui-btn-primary" id="closeBtn" lay-submit lay-filter="closeFilter">关闭</button>
|
||||
<button type="button" class="layui-btn layui-btn-sm" id="submitBtn" lay-submit
|
||||
lay-filter="confirmFilter">提交
|
||||
</button>
|
||||
<button type="button" class="layui-btn layui-btn-sm layui-btn-primary" id="closeBtn" lay-submit
|
||||
lay-filter="closeFilter">关闭
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
@ -74,6 +93,18 @@
|
||||
</div>
|
||||
<script src="assets/crpm/js/layui/layui.js"></script>
|
||||
<script>
|
||||
layui.use(['laydate'], function () {
|
||||
var laydate = layui.laydate;
|
||||
// 获取class为laydate-input的元素
|
||||
var laydateInput = document.querySelectorAll('.laydate-input');
|
||||
laydate.render({
|
||||
elem: laydateInput,
|
||||
type: 'datetime', // 设置类型为日期时间，可选择年月日时分秒
|
||||
format: 'yyyy-MM-dd HH:mm:ss', // 自定义显示格式，可按需调整
|
||||
theme: 'grid', // 选择主题，可根据喜好更换，比如 'default'、'grid' 等
|
||||
trigger: 'click' // 触发方式，这里是点击输入框触发，还可以是 'focus' 等
|
||||
});
|
||||
});
|
||||
layui.use(['form'], function () {
|
||||
var form = layui.form;
|
||||
var layer = layui.layer;
|
||||
@ -82,38 +113,39 @@
|
||||
var $win = $(window);
|
||||
var id = layui.url().search.id;
|
||||
|
||||
var close = function() {
|
||||
var close = function () {
|
||||
top.layer.close(top.layer.getFrameIndex(window.name))
|
||||
}
|
||||
|
||||
var init = function() {
|
||||
var init = function () {
|
||||
var loadingIndex;
|
||||
$.ajax({
|
||||
url: 'api/data/get/ea3a1a/b98900/id/'+ id,
|
||||
success: function(resp) {
|
||||
url: 'api/data/get/ea3a1a/b98900/id/' + id,
|
||||
success: function (resp) {
|
||||
form.val('dataForm', resp);
|
||||
form.render(null, 'dataForm');
|
||||
},
|
||||
error: function(resp) {
|
||||
error: function (resp) {
|
||||
var data = JSON.parse(resp.responseText);
|
||||
top.layer.msg(data.msg);
|
||||
},
|
||||
beforeSend: function() {
|
||||
beforeSend: function () {
|
||||
loadingIndex = top.layer.msg('正在加载...', {
|
||||
icon: 16,
|
||||
shade: 0.01
|
||||
});;
|
||||
});
|
||||
;
|
||||
},
|
||||
complete: function() {
|
||||
complete: function () {
|
||||
top.layer.close(loadingIndex);
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
var addEvent = function() {
|
||||
var addEvent = function () {
|
||||
// 提交表单
|
||||
form.on('submit(confirmFilter)', function(formData) {
|
||||
top.layer.confirm('确定提交吗？', {title: false}, function(index) {
|
||||
form.on('submit(confirmFilter)', function (formData) {
|
||||
top.layer.confirm('确定提交吗？', {title: false}, function (index) {
|
||||
top.layer.close(index);
|
||||
var loadingIndex;
|
||||
$.ajax({
|
||||
@ -122,34 +154,35 @@
|
||||
contentType: 'application/json',
|
||||
dataType: 'json',
|
||||
data: JSON.stringify(formData.field),
|
||||
success: function(resp) {
|
||||
success: function (resp) {
|
||||
var loadLayerIndex;
|
||||
var layerIndex = top.layer.confirm('保存成功，继续添加？', {title: false}, function(index) {
|
||||
var layerIndex = top.layer.confirm('保存成功，继续添加？', {title: false}, function (index) {
|
||||
top.layer.close(index);
|
||||
window.location.reload();
|
||||
}, function() {
|
||||
}, function () {
|
||||
close();
|
||||
});
|
||||
},
|
||||
error: function(resp) {
|
||||
error: function (resp) {
|
||||
var data = JSON.parse(resp.responseText);
|
||||
top.layer.msg(data.msg);
|
||||
},
|
||||
beforeSend: function() {
|
||||
beforeSend: function () {
|
||||
loadingIndex = top.layer.msg('正在提交...', {
|
||||
icon: 16,
|
||||
shade: 0.01
|
||||
});;
|
||||
});
|
||||
;
|
||||
},
|
||||
complete: function() {
|
||||
complete: function () {
|
||||
top.layer.close(loadingIndex);
|
||||
}
|
||||
})
|
||||
});
|
||||
return false;
|
||||
});
|
||||
form.on('submit(closeFilter)', function(formData) {
|
||||
close();
|
||||
form.on('submit(closeFilter)', function (formData) {
|
||||
close();
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
@ -1,12 +1,12 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<base href="/"/>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<base href="/"/>
|
||||
<meta charset="UTF-8"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
||||
<title>设备二维码巡检系统</title>
|
||||
<link rel="stylesheet" href="assets/crpm/js/layui/css/layui.css" />
|
||||
<link rel="stylesheet" href="assets/crpm/index/index9/index9.css" />
|
||||
<link rel="stylesheet" href="assets/crpm/js/layui/css/layui.css"/>
|
||||
<link rel="stylesheet" href="assets/crpm/index/index9/index9.css"/>
|
||||
</head>
|
||||
<body>
|
||||
<div id="app">
|
||||
@ -16,9 +16,10 @@
|
||||
<div class="layui-row">
|
||||
<div class="layui-col-xs2">
|
||||
<div class="layui-form-item">
|
||||
|
||||
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" id="keywords" name="keywords" placeholder="请输入关键字">
|
||||
<input type="text" class="layui-input" id="keywords" name="keywords"
|
||||
placeholder="请输入关键字">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -33,9 +34,14 @@
|
||||
<!-- 表头按钮组 -->
|
||||
<script type="text/html" id="headerToolBar">
|
||||
<div class="layui-btn-group">
|
||||
<button type="button" class="layui-btn layui-btn-sm" id="saveBtn" lay-event="saveEvent">新增</button>
|
||||
<button type="button" class="layui-btn layui-btn-normal layui-btn-sm" id="updateBtn" lay-event="updateEvent">编辑</button>
|
||||
<button type="button" class="layui-btn layui-btn-danger layui-btn-sm" id="removeBtn" lay-event="removeEvent">删除</button>
|
||||
<button type="button" class="layui-btn layui-btn-sm" id="saveBtn" lay-event="saveEvent">新增
|
||||
</button>
|
||||
<button type="button" class="layui-btn layui-btn-normal layui-btn-sm" id="updateBtn"
|
||||
lay-event="updateEvent">编辑
|
||||
</button>
|
||||
<button type="button" class="layui-btn layui-btn-danger layui-btn-sm" id="removeBtn"
|
||||
lay-event="removeEvent">删除
|
||||
</button>
|
||||
</div>
|
||||
</script>
|
||||
</div>
|
||||
@ -51,13 +57,13 @@
|
||||
var $ = layui.$;
|
||||
var $win = $(window);
|
||||
|
||||
var initTableData = function(keywords) {
|
||||
var initTableData = function (keywords) {
|
||||
$.ajax({
|
||||
type: 'GET',
|
||||
url: 'api/data/list/ea3a1a/bb6cd1',
|
||||
data: 'keywords=' + (keywords ? encodeURI(keywords) : ''),
|
||||
contentType: "application/json;charset=utf-8",
|
||||
success: function(resp) {
|
||||
success: function (resp) {
|
||||
var datas = resp;
|
||||
table.render({
|
||||
elem: "#datatable",
|
||||
@ -66,7 +72,7 @@
|
||||
toolbar: '#headerToolBar',
|
||||
cols: [
|
||||
[
|
||||
{ type: "checkbox", fixed: "left" },
|
||||
{type: "checkbox", fixed: "left"},
|
||||
{
|
||||
field: "rowNum",
|
||||
width: 80,
|
||||
@ -79,46 +85,56 @@
|
||||
field: 'ycmc',
|
||||
title: '异常名称',
|
||||
minWidth: 80,
|
||||
fixed: "left",
|
||||
align: "center"
|
||||
},
|
||||
{
|
||||
field: 'sbbh',
|
||||
title: '设备编号',
|
||||
minWidth: 80,
|
||||
align: "center"
|
||||
},
|
||||
{
|
||||
field: 'sblx',
|
||||
title: '设备类型',
|
||||
minWidth: 80,
|
||||
align: "center"
|
||||
},
|
||||
{
|
||||
field: 'xjsj',
|
||||
title: '巡检时间',
|
||||
minWidth: 80,
|
||||
minWidth: 180,
|
||||
align: "center"
|
||||
},
|
||||
{
|
||||
field: 'bjjb',
|
||||
title: '报警级别',
|
||||
minWidth: 80,
|
||||
align: "center"
|
||||
},
|
||||
{
|
||||
field: 'clzt',
|
||||
title: '处理状态',
|
||||
minWidth: 80,
|
||||
align: "center"
|
||||
},
|
||||
{
|
||||
field: 'clr',
|
||||
title: '处理人',
|
||||
minWidth: 80,
|
||||
align: "center"
|
||||
},
|
||||
{
|
||||
field: 'clsj',
|
||||
title: '处理时间',
|
||||
minWidth: 80,
|
||||
minWidth: 180,
|
||||
align: "center"
|
||||
},
|
||||
{
|
||||
field: 'bzxx',
|
||||
title: '备注信息',
|
||||
minWidth: 80,
|
||||
minWidth: 280,
|
||||
align: "center"
|
||||
},
|
||||
]
|
||||
],
|
||||
@ -128,19 +144,19 @@
|
||||
limit: 20,
|
||||
});
|
||||
},
|
||||
error: function(resp) {
|
||||
error: function (resp) {
|
||||
console.error(resp);
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
var addEvent = function() {
|
||||
var addEvent = function () {
|
||||
// 事件 - 增删改
|
||||
table.on('toolbar(datatable)', function(obj) {
|
||||
table.on('toolbar(datatable)', function (obj) {
|
||||
var layEvent = obj.event;
|
||||
var checkStatus = table.checkStatus('datatable');
|
||||
var checkDatas = checkStatus.data;
|
||||
if(layEvent === 'saveEvent') {
|
||||
if (layEvent === 'saveEvent') {
|
||||
top.layer.open({
|
||||
type: 2,
|
||||
title: false,
|
||||
@ -150,14 +166,14 @@
|
||||
area: ['400px', '100%'],
|
||||
offset: 'r',
|
||||
anim: 'slideLeft',
|
||||
end: function() {
|
||||
end: function () {
|
||||
initTableData();
|
||||
}
|
||||
});
|
||||
} else if(layEvent === 'updateEvent') {
|
||||
if(checkDatas.length === 0) {
|
||||
} else if (layEvent === 'updateEvent') {
|
||||
if (checkDatas.length === 0) {
|
||||
top.layer.msg('请勾选要编辑的数据');
|
||||
} else if(checkDatas.length > 1) {
|
||||
} else if (checkDatas.length > 1) {
|
||||
top.layer.msg('不能编辑多条数据');
|
||||
} else {
|
||||
top.layer.open({
|
||||
@ -165,48 +181,49 @@
|
||||
title: false,
|
||||
closeBtn: false,
|
||||
shadeClose: true,
|
||||
content: 'route/pages/bb6cd1/update.html?id='+ checkDatas[0].id,
|
||||
content: 'route/pages/bb6cd1/update.html?id=' + checkDatas[0].id,
|
||||
area: ['400px', '100%'],
|
||||
offset: 'r',
|
||||
anim: 'slideLeft',
|
||||
end: function() {
|
||||
end: function () {
|
||||
initTableData();
|
||||
}
|
||||
});
|
||||
}
|
||||
} else if(layEvent === 'removeEvent') {
|
||||
if(checkDatas.length === 0) {
|
||||
} else if (layEvent === 'removeEvent') {
|
||||
if (checkDatas.length === 0) {
|
||||
top.layer.msg('请勾选要删除的数据');
|
||||
} else {
|
||||
var ids = '';
|
||||
for(var i = 0, item; item = checkDatas[i++];) {
|
||||
if(i > 1) {
|
||||
for (var i = 0, item; item = checkDatas[i++];) {
|
||||
if (i > 1) {
|
||||
ids += ',';
|
||||
}
|
||||
ids += item.id;
|
||||
}
|
||||
top.layer.confirm('确定删除吗？', {title: false}, function(index) {
|
||||
top.layer.confirm('确定删除吗？', {title: false}, function (index) {
|
||||
top.layer.close(index);
|
||||
var loadingIndex;
|
||||
$.ajax({
|
||||
type: 'DELETE',
|
||||
url: 'api/data/delete/ea3a1a/bb6cd1?ids=' + ids,
|
||||
contentType: "application/json;charset=utf-8",
|
||||
success: function(resp) {
|
||||
success: function (resp) {
|
||||
top.layer.msg('删除成功');
|
||||
initTableData();
|
||||
},
|
||||
error: function(resp) {
|
||||
error: function (resp) {
|
||||
var data = JSON.parse(resp.responseText);
|
||||
top.layer.msg(data.msg);
|
||||
},
|
||||
beforeSend: function() {
|
||||
beforeSend: function () {
|
||||
loadingIndex = top.layer.msg('正在删除...', {
|
||||
icon: 16,
|
||||
shade: 0.01
|
||||
});;
|
||||
});
|
||||
;
|
||||
},
|
||||
complete: function() {
|
||||
complete: function () {
|
||||
top.layer.close(loadingIndex);
|
||||
}
|
||||
})
|
||||
@ -214,7 +231,7 @@
|
||||
}
|
||||
}
|
||||
});
|
||||
form.on('submit(searchFilter)', function(formData) {
|
||||
form.on('submit(searchFilter)', function (formData) {
|
||||
initTableData(formData.field.keywords);
|
||||
});
|
||||
}
|
||||
|
||||
@ -1,11 +1,11 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<base href="/"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<base href="/"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
||||
<title>设备二维码巡检系统</title>
|
||||
<link rel="stylesheet" href="assets/crpm/js/layui/css/layui.css" />
|
||||
<link rel="stylesheet" href="assets/crpm/index/index9/index9.css" />
|
||||
<link rel="stylesheet" href="assets/crpm/js/layui/css/layui.css"/>
|
||||
<link rel="stylesheet" href="assets/crpm/index/index9/index9.css"/>
|
||||
</head>
|
||||
<body>
|
||||
<div id="app">
|
||||
@ -14,39 +14,48 @@
|
||||
<div class="form-header">异常报警新增数据</div>
|
||||
<div class="form-body">
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">异常名称</label>
|
||||
<label class="layui-form-label9 red-star">异常名称</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="ycmc" placeholder="请输入异常名称">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">设备编号</label>
|
||||
<label class="layui-form-label9 red-star">设备编号</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="sbbh" placeholder="请输入设备编号">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">设备类型</label>
|
||||
<label class="layui-form-label9 red-star">设备类型</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="sblx" placeholder="请输入设备类型">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">巡检时间</label>
|
||||
<label class="layui-form-label9 red-star">巡检时间</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="xjsj" placeholder="请输入巡检时间">
|
||||
<input type="text" class="layui-input laydate-input" name="xjsj" placeholder="请输入巡检时间">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">报警级别</label>
|
||||
<label class="layui-form-label9 red-star">报警级别</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="bjjb" placeholder="请输入报警级别">
|
||||
<select type="text" class="layui-input" name="bjjb" placeholder="请选择报警级别">
|
||||
<option value="">请选择</option>
|
||||
<option value="警告">警告</option>
|
||||
<option value="一般">一般</option>
|
||||
<option value="严重">严重</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">处理状态</label>
|
||||
<label class="layui-form-label9 red-star">处理状态</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="clzt" placeholder="请输入处理状态">
|
||||
<select type="text" class="layui-input" name="clzt" placeholder="请选择处理状态">
|
||||
<option value="">请选择</option>
|
||||
<option value="已处理">已处理</option>
|
||||
<option value="未处理">未处理</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
@ -58,7 +67,7 @@
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">处理时间</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="clsj" placeholder="请输入处理时间">
|
||||
<input type="text" class="layui-input laydate-input" name="clsj" placeholder="请输入处理时间">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
@ -70,8 +79,12 @@
|
||||
</div>
|
||||
<div class="form-footer">
|
||||
<div class="layui-btn-group">
|
||||
<button type="button" class="layui-btn layui-btn-sm" id="submitBtn" lay-submit lay-filter="confirmFilter">提交</button>
|
||||
<button type="button" class="layui-btn layui-btn-sm layui-btn-primary" id="closeBtn" lay-submit lay-filter="closeFilter">关闭</button>
|
||||
<button type="button" class="layui-btn layui-btn-sm" id="submitBtn" lay-submit
|
||||
lay-filter="confirmFilter">提交
|
||||
</button>
|
||||
<button type="button" class="layui-btn layui-btn-sm layui-btn-primary" id="closeBtn" lay-submit
|
||||
lay-filter="closeFilter">关闭
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
@ -79,6 +92,18 @@
|
||||
</div>
|
||||
<script src="assets/crpm/js/layui/layui.js"></script>
|
||||
<script>
|
||||
layui.use(['laydate'], function () {
|
||||
var laydate = layui.laydate;
|
||||
// 获取class为laydate-input的元素
|
||||
var laydateInput = document.querySelectorAll('.laydate-input');
|
||||
laydate.render({
|
||||
elem: laydateInput,
|
||||
type: 'datetime', // 设置类型为日期时间，可选择年月日时分秒
|
||||
format: 'yyyy-MM-dd HH:mm:ss', // 自定义显示格式，可按需调整
|
||||
theme: 'grid', // 选择主题，可根据喜好更换，比如 'default'、'grid' 等
|
||||
trigger: 'click' // 触发方式，这里是点击输入框触发，还可以是 'focus' 等
|
||||
});
|
||||
});
|
||||
layui.use(['form'], function () {
|
||||
var form = layui.form;
|
||||
var layer = layui.layer;
|
||||
@ -86,16 +111,17 @@
|
||||
var $ = layui.$;
|
||||
var $win = $(window);
|
||||
|
||||
var close = function() {
|
||||
var close = function () {
|
||||
top.layer.close(top.layer.getFrameIndex(window.name))
|
||||
}
|
||||
|
||||
var init = function() {}
|
||||
var init = function () {
|
||||
}
|
||||
|
||||
var addEvent = function() {
|
||||
var addEvent = function () {
|
||||
// 提交表单
|
||||
form.on('submit(confirmFilter)', function(formData) {
|
||||
top.layer.confirm('确定提交吗？', {title: false}, function(index) {
|
||||
form.on('submit(confirmFilter)', function (formData) {
|
||||
top.layer.confirm('确定提交吗？', {title: false}, function (index) {
|
||||
top.layer.close(index);
|
||||
var loadingIndex;
|
||||
$.ajax({
|
||||
@ -104,33 +130,34 @@
|
||||
contentType: 'application/json',
|
||||
dataType: 'json',
|
||||
data: JSON.stringify(formData.field),
|
||||
success: function(resp) {
|
||||
success: function (resp) {
|
||||
var loadLayerIndex;
|
||||
var layerIndex = top.layer.confirm('保存成功，继续添加？', {title: false}, function(index) {
|
||||
var layerIndex = top.layer.confirm('保存成功，继续添加？', {title: false}, function (index) {
|
||||
top.layer.close(index);
|
||||
window.location.reload();
|
||||
}, function() {
|
||||
}, function () {
|
||||
close();
|
||||
});
|
||||
},
|
||||
error: function(resp) {
|
||||
error: function (resp) {
|
||||
var data = JSON.parse(resp.responseText);
|
||||
top.layer.msg(data.msg);
|
||||
},
|
||||
beforeSend: function() {
|
||||
beforeSend: function () {
|
||||
loadingIndex = top.layer.msg('正在提交...', {
|
||||
icon: 16,
|
||||
shade: 0.01
|
||||
});;
|
||||
});
|
||||
;
|
||||
},
|
||||
complete: function() {
|
||||
complete: function () {
|
||||
top.layer.close(loadingIndex);
|
||||
}
|
||||
})
|
||||
});
|
||||
return false;
|
||||
});
|
||||
form.on('submit(closeFilter)', function(formData) {
|
||||
form.on('submit(closeFilter)', function (formData) {
|
||||
close();
|
||||
});
|
||||
}
|
||||
|
||||
@ -1,12 +1,12 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<base href="/"/>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<base href="/"/>
|
||||
<meta charset="UTF-8"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
||||
<title>设备二维码巡检系统</title>
|
||||
<link rel="stylesheet" href="assets/crpm/js/layui/css/layui.css" />
|
||||
<link rel="stylesheet" href="assets/crpm/index/index9/index9.css" />
|
||||
<link rel="stylesheet" href="assets/crpm/js/layui/css/layui.css"/>
|
||||
<link rel="stylesheet" href="assets/crpm/index/index9/index9.css"/>
|
||||
</head>
|
||||
<body>
|
||||
<div id="app">
|
||||
@ -15,39 +15,48 @@
|
||||
<div class="form-header">异常报警编辑数据</div>
|
||||
<div class="form-body">
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">异常名称</label>
|
||||
<label class="layui-form-label9 red-star">异常名称</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="ycmc" placeholder="请输入异常名称">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">设备编号</label>
|
||||
<label class="layui-form-label9 red-star">设备编号</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="sbbh" placeholder="请输入设备编号">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">设备类型</label>
|
||||
<label class="layui-form-label9 red-star">设备类型</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="sblx" placeholder="请输入设备类型">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">巡检时间</label>
|
||||
<label class="layui-form-label9 red-star">巡检时间</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="xjsj" placeholder="请输入巡检时间">
|
||||
<input type="text" class="layui-input laydate-input" name="xjsj" placeholder="请输入巡检时间">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">报警级别</label>
|
||||
<label class="layui-form-label9 red-star">报警级别</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="bjjb" placeholder="请输入报警级别">
|
||||
<select type="text" class="layui-input" name="bjjb" placeholder="请选择报警级别">
|
||||
<option value="">请选择</option>
|
||||
<option value="警告">警告</option>
|
||||
<option value="一般">一般</option>
|
||||
<option value="严重">严重</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">处理状态</label>
|
||||
<label class="layui-form-label9 red-star">处理状态</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="clzt" placeholder="请输入处理状态">
|
||||
<select type="text" class="layui-input" name="clzt" placeholder="请选择处理状态">
|
||||
<option value="">请选择</option>
|
||||
<option value="已处理">已处理</option>
|
||||
<option value="未处理">未处理</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
@ -59,7 +68,7 @@
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">处理时间</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="clsj" placeholder="请输入处理时间">
|
||||
<input type="text" class="layui-input laydate-input" name="clsj" placeholder="请输入处理时间">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
@ -71,8 +80,12 @@
|
||||
</div>
|
||||
<div class="form-footer">
|
||||
<div class="layui-btn-group">
|
||||
<button type="button" class="layui-btn layui-btn-sm" id="submitBtn" lay-submit lay-filter="confirmFilter">提交</button>
|
||||
<button type="button" class="layui-btn layui-btn-sm layui-btn-primary" id="closeBtn" lay-submit lay-filter="closeFilter">关闭</button>
|
||||
<button type="button" class="layui-btn layui-btn-sm" id="submitBtn" lay-submit
|
||||
lay-filter="confirmFilter">提交
|
||||
</button>
|
||||
<button type="button" class="layui-btn layui-btn-sm layui-btn-primary" id="closeBtn" lay-submit
|
||||
lay-filter="closeFilter">关闭
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
@ -80,6 +93,18 @@
|
||||
</div>
|
||||
<script src="assets/crpm/js/layui/layui.js"></script>
|
||||
<script>
|
||||
layui.use(['laydate'], function () {
|
||||
var laydate = layui.laydate;
|
||||
// 获取class为laydate-input的元素
|
||||
var laydateInput = document.querySelectorAll('.laydate-input');
|
||||
laydate.render({
|
||||
elem: laydateInput,
|
||||
type: 'datetime', // 设置类型为日期时间，可选择年月日时分秒
|
||||
format: 'yyyy-MM-dd HH:mm:ss', // 自定义显示格式，可按需调整
|
||||
theme: 'grid', // 选择主题，可根据喜好更换，比如 'default'、'grid' 等
|
||||
trigger: 'click' // 触发方式，这里是点击输入框触发，还可以是 'focus' 等
|
||||
});
|
||||
});
|
||||
layui.use(['form'], function () {
|
||||
var form = layui.form;
|
||||
var layer = layui.layer;
|
||||
@ -88,38 +113,39 @@
|
||||
var $win = $(window);
|
||||
var id = layui.url().search.id;
|
||||
|
||||
var close = function() {
|
||||
var close = function () {
|
||||
top.layer.close(top.layer.getFrameIndex(window.name))
|
||||
}
|
||||
|
||||
var init = function() {
|
||||
var init = function () {
|
||||
var loadingIndex;
|
||||
$.ajax({
|
||||
url: 'api/data/get/ea3a1a/bb6cd1/id/'+ id,
|
||||
success: function(resp) {
|
||||
url: 'api/data/get/ea3a1a/bb6cd1/id/' + id,
|
||||
success: function (resp) {
|
||||
form.val('dataForm', resp);
|
||||
form.render(null, 'dataForm');
|
||||
},
|
||||
error: function(resp) {
|
||||
error: function (resp) {
|
||||
var data = JSON.parse(resp.responseText);
|
||||
top.layer.msg(data.msg);
|
||||
},
|
||||
beforeSend: function() {
|
||||
beforeSend: function () {
|
||||
loadingIndex = top.layer.msg('正在加载...', {
|
||||
icon: 16,
|
||||
shade: 0.01
|
||||
});;
|
||||
});
|
||||
;
|
||||
},
|
||||
complete: function() {
|
||||
complete: function () {
|
||||
top.layer.close(loadingIndex);
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
var addEvent = function() {
|
||||
var addEvent = function () {
|
||||
// 提交表单
|
||||
form.on('submit(confirmFilter)', function(formData) {
|
||||
top.layer.confirm('确定提交吗？', {title: false}, function(index) {
|
||||
form.on('submit(confirmFilter)', function (formData) {
|
||||
top.layer.confirm('确定提交吗？', {title: false}, function (index) {
|
||||
top.layer.close(index);
|
||||
var loadingIndex;
|
||||
$.ajax({
|
||||
@ -128,34 +154,35 @@
|
||||
contentType: 'application/json',
|
||||
dataType: 'json',
|
||||
data: JSON.stringify(formData.field),
|
||||
success: function(resp) {
|
||||
success: function (resp) {
|
||||
var loadLayerIndex;
|
||||
var layerIndex = top.layer.confirm('保存成功，继续添加？', {title: false}, function(index) {
|
||||
var layerIndex = top.layer.confirm('保存成功，继续添加？', {title: false}, function (index) {
|
||||
top.layer.close(index);
|
||||
window.location.reload();
|
||||
}, function() {
|
||||
}, function () {
|
||||
close();
|
||||
});
|
||||
},
|
||||
error: function(resp) {
|
||||
error: function (resp) {
|
||||
var data = JSON.parse(resp.responseText);
|
||||
top.layer.msg(data.msg);
|
||||
},
|
||||
beforeSend: function() {
|
||||
beforeSend: function () {
|
||||
loadingIndex = top.layer.msg('正在提交...', {
|
||||
icon: 16,
|
||||
shade: 0.01
|
||||
});;
|
||||
});
|
||||
;
|
||||
},
|
||||
complete: function() {
|
||||
complete: function () {
|
||||
top.layer.close(loadingIndex);
|
||||
}
|
||||
})
|
||||
});
|
||||
return false;
|
||||
});
|
||||
form.on('submit(closeFilter)', function(formData) {
|
||||
close();
|
||||
form.on('submit(closeFilter)', function (formData) {
|
||||
close();
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
@ -78,42 +78,51 @@
|
||||
{
|
||||
field: 'ewmmc',
|
||||
title: '二维码名称',
|
||||
minWidth: 80,
|
||||
minWidth: 180,
|
||||
fixed: "left",
|
||||
align:"center"
|
||||
},
|
||||
{
|
||||
field: 'ewmnr',
|
||||
title: '二维码内容',
|
||||
minWidth: 80,
|
||||
minWidth: 600,
|
||||
align:"center"
|
||||
},
|
||||
{
|
||||
field: 'gslx',
|
||||
title: '格式类型',
|
||||
minWidth: 80,
|
||||
align:"center"
|
||||
},
|
||||
{
|
||||
field: 'cc',
|
||||
title: '尺寸',
|
||||
minWidth: 80,
|
||||
align:"center"
|
||||
},
|
||||
{
|
||||
field: 'bj',
|
||||
title: '边距',
|
||||
minWidth: 80,
|
||||
align:"center"
|
||||
},
|
||||
{
|
||||
field: 'jcdj',
|
||||
title: '纠错等级',
|
||||
minWidth: 80,
|
||||
align:"center"
|
||||
},
|
||||
{
|
||||
field: 'bjs',
|
||||
title: '背景色',
|
||||
minWidth: 80,
|
||||
align:"center"
|
||||
},
|
||||
{
|
||||
field: 'qjs',
|
||||
title: '前景色',
|
||||
minWidth: 80,
|
||||
align:"center"
|
||||
},
|
||||
]
|
||||
],
|
||||
|
||||
@ -1,11 +1,11 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<base href="/"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<base href="/"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
||||
<title>设备二维码巡检系统</title>
|
||||
<link rel="stylesheet" href="assets/crpm/js/layui/css/layui.css" />
|
||||
<link rel="stylesheet" href="assets/crpm/index/index9/index9.css" />
|
||||
<link rel="stylesheet" href="assets/crpm/js/layui/css/layui.css"/>
|
||||
<link rel="stylesheet" href="assets/crpm/index/index9/index9.css"/>
|
||||
</head>
|
||||
<body>
|
||||
<div id="app">
|
||||
@ -14,49 +14,60 @@
|
||||
<div class="form-header">二维码生成新增数据</div>
|
||||
<div class="form-body">
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">二维码名称</label>
|
||||
<label class="layui-form-label9 red-star">二维码名称</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="ewmmc" placeholder="请输入二维码名称">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">二维码内容</label>
|
||||
<label class="layui-form-label9 red-star">二维码内容</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="ewmnr" placeholder="请输入二维码内容">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">格式类型</label>
|
||||
<label class="layui-form-label9 red-star">格式类型</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="gslx" placeholder="请输入格式类型">
|
||||
<select type="text" class="layui-input" name="gslx" placeholder="请选择格式类型">
|
||||
<option value="">请选择</option>
|
||||
<option value="QRCode">QRCode</option>
|
||||
<option value="CodeOne">CodeOne</option>
|
||||
<option value="DataMatrix">DataMatrix</option>
|
||||
<option value="MaxiCode">MaxiCode</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">尺寸</label>
|
||||
<label class="layui-form-label9 red-star">尺寸</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="cc" placeholder="请输入尺寸">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">边距</label>
|
||||
<label class="layui-form-label9 red-star">边距</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="bj" placeholder="请输入边距">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">纠错等级</label>
|
||||
<label class="layui-form-label9 red-star">纠错等级</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="jcdj" placeholder="请输入纠错等级">
|
||||
<select type="text" class="layui-input" name="jcdj" placeholder="请选择纠错等级">
|
||||
<option value="">请选择</option>
|
||||
<option value="S">S</option>
|
||||
<option value="L">L</option>
|
||||
<option value="M">M</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">背景色</label>
|
||||
<label class="layui-form-label9 red-star">背景色</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="bjs" placeholder="请输入背景色">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">前景色</label>
|
||||
<label class="layui-form-label9 red-star">前景色</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="qjs" placeholder="请输入前景色">
|
||||
</div>
|
||||
@ -64,8 +75,12 @@
|
||||
</div>
|
||||
<div class="form-footer">
|
||||
<div class="layui-btn-group">
|
||||
<button type="button" class="layui-btn layui-btn-sm" id="submitBtn" lay-submit lay-filter="confirmFilter">提交</button>
|
||||
<button type="button" class="layui-btn layui-btn-sm layui-btn-primary" id="closeBtn" lay-submit lay-filter="closeFilter">关闭</button>
|
||||
<button type="button" class="layui-btn layui-btn-sm" id="submitBtn" lay-submit
|
||||
lay-filter="confirmFilter">提交
|
||||
</button>
|
||||
<button type="button" class="layui-btn layui-btn-sm layui-btn-primary" id="closeBtn" lay-submit
|
||||
lay-filter="closeFilter">关闭
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
@ -80,16 +95,17 @@
|
||||
var $ = layui.$;
|
||||
var $win = $(window);
|
||||
|
||||
var close = function() {
|
||||
var close = function () {
|
||||
top.layer.close(top.layer.getFrameIndex(window.name))
|
||||
}
|
||||
|
||||
var init = function() {}
|
||||
var init = function () {
|
||||
}
|
||||
|
||||
var addEvent = function() {
|
||||
var addEvent = function () {
|
||||
// 提交表单
|
||||
form.on('submit(confirmFilter)', function(formData) {
|
||||
top.layer.confirm('确定提交吗？', {title: false}, function(index) {
|
||||
form.on('submit(confirmFilter)', function (formData) {
|
||||
top.layer.confirm('确定提交吗？', {title: false}, function (index) {
|
||||
top.layer.close(index);
|
||||
var loadingIndex;
|
||||
$.ajax({
|
||||
@ -98,33 +114,34 @@
|
||||
contentType: 'application/json',
|
||||
dataType: 'json',
|
||||
data: JSON.stringify(formData.field),
|
||||
success: function(resp) {
|
||||
success: function (resp) {
|
||||
var loadLayerIndex;
|
||||
var layerIndex = top.layer.confirm('保存成功，继续添加？', {title: false}, function(index) {
|
||||
var layerIndex = top.layer.confirm('保存成功，继续添加？', {title: false}, function (index) {
|
||||
top.layer.close(index);
|
||||
window.location.reload();
|
||||
}, function() {
|
||||
}, function () {
|
||||
close();
|
||||
});
|
||||
},
|
||||
error: function(resp) {
|
||||
error: function (resp) {
|
||||
var data = JSON.parse(resp.responseText);
|
||||
top.layer.msg(data.msg);
|
||||
},
|
||||
beforeSend: function() {
|
||||
beforeSend: function () {
|
||||
loadingIndex = top.layer.msg('正在提交...', {
|
||||
icon: 16,
|
||||
shade: 0.01
|
||||
});;
|
||||
});
|
||||
;
|
||||
},
|
||||
complete: function() {
|
||||
complete: function () {
|
||||
top.layer.close(loadingIndex);
|
||||
}
|
||||
})
|
||||
});
|
||||
return false;
|
||||
});
|
||||
form.on('submit(closeFilter)', function(formData) {
|
||||
form.on('submit(closeFilter)', function (formData) {
|
||||
close();
|
||||
});
|
||||
}
|
||||
|
||||
@ -1,12 +1,12 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<base href="/"/>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<base href="/"/>
|
||||
<meta charset="UTF-8"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
||||
<title>设备二维码巡检系统</title>
|
||||
<link rel="stylesheet" href="assets/crpm/js/layui/css/layui.css" />
|
||||
<link rel="stylesheet" href="assets/crpm/index/index9/index9.css" />
|
||||
<link rel="stylesheet" href="assets/crpm/js/layui/css/layui.css"/>
|
||||
<link rel="stylesheet" href="assets/crpm/index/index9/index9.css"/>
|
||||
</head>
|
||||
<body>
|
||||
<div id="app">
|
||||
@ -15,49 +15,60 @@
|
||||
<div class="form-header">二维码生成编辑数据</div>
|
||||
<div class="form-body">
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">二维码名称</label>
|
||||
<label class="layui-form-label9 red-star">二维码名称</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="ewmmc" placeholder="请输入二维码名称">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">二维码内容</label>
|
||||
<label class="layui-form-label9 red-star">二维码内容</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="ewmnr" placeholder="请输入二维码内容">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">格式类型</label>
|
||||
<label class="layui-form-label9 red-star">格式类型</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="gslx" placeholder="请输入格式类型">
|
||||
<select type="text" class="layui-input" name="gslx" placeholder="请选择格式类型">
|
||||
<option value="">请选择</option>
|
||||
<option value="QRCode">QRCode</option>
|
||||
<option value="CodeOne">CodeOne</option>
|
||||
<option value="DataMatrix">DataMatrix</option>
|
||||
<option value="MaxiCode">MaxiCode</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">尺寸</label>
|
||||
<label class="layui-form-label9 red-star">尺寸</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="cc" placeholder="请输入尺寸">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">边距</label>
|
||||
<label class="layui-form-label9 red-star">边距</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="bj" placeholder="请输入边距">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">纠错等级</label>
|
||||
<label class="layui-form-label9 red-star">纠错等级</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="jcdj" placeholder="请输入纠错等级">
|
||||
<select type="text" class="layui-input" name="jcdj" placeholder="请选择纠错等级">
|
||||
<option value="">请选择</option>
|
||||
<option value="S">S</option>
|
||||
<option value="L">L</option>
|
||||
<option value="M">M</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">背景色</label>
|
||||
<label class="layui-form-label9 red-star">背景色</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="bjs" placeholder="请输入背景色">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">前景色</label>
|
||||
<label class="layui-form-label9 red-star">前景色</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="qjs" placeholder="请输入前景色">
|
||||
</div>
|
||||
@ -65,8 +76,12 @@
|
||||
</div>
|
||||
<div class="form-footer">
|
||||
<div class="layui-btn-group">
|
||||
<button type="button" class="layui-btn layui-btn-sm" id="submitBtn" lay-submit lay-filter="confirmFilter">提交</button>
|
||||
<button type="button" class="layui-btn layui-btn-sm layui-btn-primary" id="closeBtn" lay-submit lay-filter="closeFilter">关闭</button>
|
||||
<button type="button" class="layui-btn layui-btn-sm" id="submitBtn" lay-submit
|
||||
lay-filter="confirmFilter">提交
|
||||
</button>
|
||||
<button type="button" class="layui-btn layui-btn-sm layui-btn-primary" id="closeBtn" lay-submit
|
||||
lay-filter="closeFilter">关闭
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
@ -82,38 +97,39 @@
|
||||
var $win = $(window);
|
||||
var id = layui.url().search.id;
|
||||
|
||||
var close = function() {
|
||||
var close = function () {
|
||||
top.layer.close(top.layer.getFrameIndex(window.name))
|
||||
}
|
||||
|
||||
var init = function() {
|
||||
var init = function () {
|
||||
var loadingIndex;
|
||||
$.ajax({
|
||||
url: 'api/data/get/ea3a1a/c49755/id/'+ id,
|
||||
success: function(resp) {
|
||||
url: 'api/data/get/ea3a1a/c49755/id/' + id,
|
||||
success: function (resp) {
|
||||
form.val('dataForm', resp);
|
||||
form.render(null, 'dataForm');
|
||||
},
|
||||
error: function(resp) {
|
||||
error: function (resp) {
|
||||
var data = JSON.parse(resp.responseText);
|
||||
top.layer.msg(data.msg);
|
||||
},
|
||||
beforeSend: function() {
|
||||
beforeSend: function () {
|
||||
loadingIndex = top.layer.msg('正在加载...', {
|
||||
icon: 16,
|
||||
shade: 0.01
|
||||
});;
|
||||
});
|
||||
;
|
||||
},
|
||||
complete: function() {
|
||||
complete: function () {
|
||||
top.layer.close(loadingIndex);
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
var addEvent = function() {
|
||||
var addEvent = function () {
|
||||
// 提交表单
|
||||
form.on('submit(confirmFilter)', function(formData) {
|
||||
top.layer.confirm('确定提交吗？', {title: false}, function(index) {
|
||||
form.on('submit(confirmFilter)', function (formData) {
|
||||
top.layer.confirm('确定提交吗？', {title: false}, function (index) {
|
||||
top.layer.close(index);
|
||||
var loadingIndex;
|
||||
$.ajax({
|
||||
@ -122,34 +138,35 @@
|
||||
contentType: 'application/json',
|
||||
dataType: 'json',
|
||||
data: JSON.stringify(formData.field),
|
||||
success: function(resp) {
|
||||
success: function (resp) {
|
||||
var loadLayerIndex;
|
||||
var layerIndex = top.layer.confirm('保存成功，继续添加？', {title: false}, function(index) {
|
||||
var layerIndex = top.layer.confirm('保存成功，继续添加？', {title: false}, function (index) {
|
||||
top.layer.close(index);
|
||||
window.location.reload();
|
||||
}, function() {
|
||||
}, function () {
|
||||
close();
|
||||
});
|
||||
},
|
||||
error: function(resp) {
|
||||
error: function (resp) {
|
||||
var data = JSON.parse(resp.responseText);
|
||||
top.layer.msg(data.msg);
|
||||
},
|
||||
beforeSend: function() {
|
||||
beforeSend: function () {
|
||||
loadingIndex = top.layer.msg('正在提交...', {
|
||||
icon: 16,
|
||||
shade: 0.01
|
||||
});;
|
||||
});
|
||||
;
|
||||
},
|
||||
complete: function() {
|
||||
complete: function () {
|
||||
top.layer.close(loadingIndex);
|
||||
}
|
||||
})
|
||||
});
|
||||
return false;
|
||||
});
|
||||
form.on('submit(closeFilter)', function(formData) {
|
||||
close();
|
||||
form.on('submit(closeFilter)', function (formData) {
|
||||
close();
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
@ -1,12 +1,12 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<base href="/"/>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<base href="/"/>
|
||||
<meta charset="UTF-8"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
||||
<title>设备二维码巡检系统</title>
|
||||
<link rel="stylesheet" href="assets/crpm/js/layui/css/layui.css" />
|
||||
<link rel="stylesheet" href="assets/crpm/index/index9/index9.css" />
|
||||
<link rel="stylesheet" href="assets/crpm/js/layui/css/layui.css"/>
|
||||
<link rel="stylesheet" href="assets/crpm/index/index9/index9.css"/>
|
||||
</head>
|
||||
<body>
|
||||
<div id="app">
|
||||
@ -16,9 +16,10 @@
|
||||
<div class="layui-row">
|
||||
<div class="layui-col-xs2">
|
||||
<div class="layui-form-item">
|
||||
|
||||
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" id="keywords" name="keywords" placeholder="请输入关键字">
|
||||
<input type="text" class="layui-input" id="keywords" name="keywords"
|
||||
placeholder="请输入关键字">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -33,9 +34,14 @@
|
||||
<!-- 表头按钮组 -->
|
||||
<script type="text/html" id="headerToolBar">
|
||||
<div class="layui-btn-group">
|
||||
<button type="button" class="layui-btn layui-btn-sm" id="saveBtn" lay-event="saveEvent">新增</button>
|
||||
<button type="button" class="layui-btn layui-btn-normal layui-btn-sm" id="updateBtn" lay-event="updateEvent">编辑</button>
|
||||
<button type="button" class="layui-btn layui-btn-danger layui-btn-sm" id="removeBtn" lay-event="removeEvent">删除</button>
|
||||
<button type="button" class="layui-btn layui-btn-sm" id="saveBtn" lay-event="saveEvent">新增
|
||||
</button>
|
||||
<button type="button" class="layui-btn layui-btn-normal layui-btn-sm" id="updateBtn"
|
||||
lay-event="updateEvent">编辑
|
||||
</button>
|
||||
<button type="button" class="layui-btn layui-btn-danger layui-btn-sm" id="removeBtn"
|
||||
lay-event="removeEvent">删除
|
||||
</button>
|
||||
</div>
|
||||
</script>
|
||||
</div>
|
||||
@ -51,13 +57,13 @@
|
||||
var $ = layui.$;
|
||||
var $win = $(window);
|
||||
|
||||
var initTableData = function(keywords) {
|
||||
var initTableData = function (keywords) {
|
||||
$.ajax({
|
||||
type: 'GET',
|
||||
url: 'api/data/list/ea3a1a/c85e75',
|
||||
data: 'keywords=' + (keywords ? encodeURI(keywords) : ''),
|
||||
contentType: "application/json;charset=utf-8",
|
||||
success: function(resp) {
|
||||
success: function (resp) {
|
||||
var datas = resp;
|
||||
table.render({
|
||||
elem: "#datatable",
|
||||
@ -66,7 +72,7 @@
|
||||
toolbar: '#headerToolBar',
|
||||
cols: [
|
||||
[
|
||||
{ type: "checkbox", fixed: "left" },
|
||||
{type: "checkbox", fixed: "left"},
|
||||
{
|
||||
field: "rowNum",
|
||||
width: 80,
|
||||
@ -79,46 +85,55 @@
|
||||
field: 'sbbh',
|
||||
title: '设备编号',
|
||||
minWidth: 80,
|
||||
align: "center"
|
||||
},
|
||||
{
|
||||
field: 'bylx',
|
||||
title: '保养类型',
|
||||
minWidth: 80,
|
||||
align: "center"
|
||||
},
|
||||
{
|
||||
field: 'byzq',
|
||||
title: '保养周期',
|
||||
minWidth: 80,
|
||||
align: "center"
|
||||
},
|
||||
{
|
||||
field: 'xcbyrq',
|
||||
title: '下次保养日期',
|
||||
minWidth: 80,
|
||||
minWidth: 120,
|
||||
align: "center"
|
||||
},
|
||||
{
|
||||
field: 'bynr',
|
||||
title: '保养内容',
|
||||
minWidth: 80,
|
||||
minWidth: 280,
|
||||
align: "center"
|
||||
},
|
||||
{
|
||||
field: 'byry',
|
||||
title: '保养人员',
|
||||
minWidth: 80,
|
||||
align: "center"
|
||||
},
|
||||
{
|
||||
field: 'byzt',
|
||||
title: '保养状态',
|
||||
minWidth: 80,
|
||||
align: "center"
|
||||
},
|
||||
{
|
||||
field: 'cjsj',
|
||||
title: '创建时间',
|
||||
minWidth: 80,
|
||||
minWidth: 180,
|
||||
align: "center"
|
||||
},
|
||||
{
|
||||
field: 'gxsj',
|
||||
title: '更新时间',
|
||||
minWidth: 80,
|
||||
minWidth: 180,
|
||||
align: "center"
|
||||
},
|
||||
]
|
||||
],
|
||||
@ -128,19 +143,19 @@
|
||||
limit: 20,
|
||||
});
|
||||
},
|
||||
error: function(resp) {
|
||||
error: function (resp) {
|
||||
console.error(resp);
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
var addEvent = function() {
|
||||
var addEvent = function () {
|
||||
// 事件 - 增删改
|
||||
table.on('toolbar(datatable)', function(obj) {
|
||||
table.on('toolbar(datatable)', function (obj) {
|
||||
var layEvent = obj.event;
|
||||
var checkStatus = table.checkStatus('datatable');
|
||||
var checkDatas = checkStatus.data;
|
||||
if(layEvent === 'saveEvent') {
|
||||
if (layEvent === 'saveEvent') {
|
||||
top.layer.open({
|
||||
type: 2,
|
||||
title: false,
|
||||
@ -150,14 +165,14 @@
|
||||
area: ['400px', '100%'],
|
||||
offset: 'r',
|
||||
anim: 'slideLeft',
|
||||
end: function() {
|
||||
end: function () {
|
||||
initTableData();
|
||||
}
|
||||
});
|
||||
} else if(layEvent === 'updateEvent') {
|
||||
if(checkDatas.length === 0) {
|
||||
} else if (layEvent === 'updateEvent') {
|
||||
if (checkDatas.length === 0) {
|
||||
top.layer.msg('请勾选要编辑的数据');
|
||||
} else if(checkDatas.length > 1) {
|
||||
} else if (checkDatas.length > 1) {
|
||||
top.layer.msg('不能编辑多条数据');
|
||||
} else {
|
||||
top.layer.open({
|
||||
@ -165,48 +180,49 @@
|
||||
title: false,
|
||||
closeBtn: false,
|
||||
shadeClose: true,
|
||||
content: 'route/pages/c85e75/update.html?id='+ checkDatas[0].id,
|
||||
content: 'route/pages/c85e75/update.html?id=' + checkDatas[0].id,
|
||||
area: ['400px', '100%'],
|
||||
offset: 'r',
|
||||
anim: 'slideLeft',
|
||||
end: function() {
|
||||
end: function () {
|
||||
initTableData();
|
||||
}
|
||||
});
|
||||
}
|
||||
} else if(layEvent === 'removeEvent') {
|
||||
if(checkDatas.length === 0) {
|
||||
} else if (layEvent === 'removeEvent') {
|
||||
if (checkDatas.length === 0) {
|
||||
top.layer.msg('请勾选要删除的数据');
|
||||
} else {
|
||||
var ids = '';
|
||||
for(var i = 0, item; item = checkDatas[i++];) {
|
||||
if(i > 1) {
|
||||
for (var i = 0, item; item = checkDatas[i++];) {
|
||||
if (i > 1) {
|
||||
ids += ',';
|
||||
}
|
||||
ids += item.id;
|
||||
}
|
||||
top.layer.confirm('确定删除吗？', {title: false}, function(index) {
|
||||
top.layer.confirm('确定删除吗？', {title: false}, function (index) {
|
||||
top.layer.close(index);
|
||||
var loadingIndex;
|
||||
$.ajax({
|
||||
type: 'DELETE',
|
||||
url: 'api/data/delete/ea3a1a/c85e75?ids=' + ids,
|
||||
contentType: "application/json;charset=utf-8",
|
||||
success: function(resp) {
|
||||
success: function (resp) {
|
||||
top.layer.msg('删除成功');
|
||||
initTableData();
|
||||
},
|
||||
error: function(resp) {
|
||||
error: function (resp) {
|
||||
var data = JSON.parse(resp.responseText);
|
||||
top.layer.msg(data.msg);
|
||||
},
|
||||
beforeSend: function() {
|
||||
beforeSend: function () {
|
||||
loadingIndex = top.layer.msg('正在删除...', {
|
||||
icon: 16,
|
||||
shade: 0.01
|
||||
});;
|
||||
});
|
||||
;
|
||||
},
|
||||
complete: function() {
|
||||
complete: function () {
|
||||
top.layer.close(loadingIndex);
|
||||
}
|
||||
})
|
||||
@ -214,7 +230,7 @@
|
||||
}
|
||||
}
|
||||
});
|
||||
form.on('submit(searchFilter)', function(formData) {
|
||||
form.on('submit(searchFilter)', function (formData) {
|
||||
initTableData(formData.field.keywords);
|
||||
});
|
||||
}
|
||||
|
||||
@ -1,11 +1,11 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<base href="/"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<base href="/"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
||||
<title>设备二维码巡检系统</title>
|
||||
<link rel="stylesheet" href="assets/crpm/js/layui/css/layui.css" />
|
||||
<link rel="stylesheet" href="assets/crpm/index/index9/index9.css" />
|
||||
<link rel="stylesheet" href="assets/crpm/js/layui/css/layui.css"/>
|
||||
<link rel="stylesheet" href="assets/crpm/index/index9/index9.css"/>
|
||||
</head>
|
||||
<body>
|
||||
<div id="app">
|
||||
@ -14,64 +14,84 @@
|
||||
<div class="form-header">保养计划新增数据</div>
|
||||
<div class="form-body">
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">设备编号</label>
|
||||
<label class="layui-form-label9 red-star">设备编号</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="sbbh" placeholder="请输入设备编号">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">保养类型</label>
|
||||
<label class="layui-form-label9 red-star">保养类型</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="bylx" placeholder="请输入保养类型">
|
||||
<select type="text" class="layui-input" name="bylx" placeholder="请选择保养类型">
|
||||
<option value="">请选择</option>
|
||||
<option value="日常保养">日常保养</option>
|
||||
<option value="一级保养">一级保养</option>
|
||||
<option value="二级保养">二级保养</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">保养周期</label>
|
||||
<label class="layui-form-label9 red-star">保养周期</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="byzq" placeholder="请输入保养周期">
|
||||
<select type="text" class="layui-input" name="byzq" placeholder="请选择保养周期">
|
||||
<option value="">请选择</option>
|
||||
<option value="每天">每天</option>
|
||||
<option value="每周">每周</option>
|
||||
<option value="每月">每月</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">下次保养日期</label>
|
||||
<label class="layui-form-label9 red-star">下次保养日期</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="xcbyrq" placeholder="请输入下次保养日期">
|
||||
<input type="text" class="layui-input laydate-input" name="xcbyrq"
|
||||
placeholder="请输入下次保养日期">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">保养内容</label>
|
||||
<label class="layui-form-label9 red-star">保养内容</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="bynr" placeholder="请输入保养内容">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">保养人员</label>
|
||||
<label class="layui-form-label9 red-star">保养人员</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="byry" placeholder="请输入保养人员">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">保养状态</label>
|
||||
<label class="layui-form-label9 red-star">保养状态</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="byzt" placeholder="请输入保养状态">
|
||||
<select type="text" class="layui-input" name="byzt" placeholder="请选择保养状态">
|
||||
<option value="">请选择</option>
|
||||
<option value="计划中">计划中</option>
|
||||
<option value="已完成">已完成</option>
|
||||
</select>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">创建时间</label>
|
||||
<label class="layui-form-label9 red-star">创建时间</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="cjsj" placeholder="请输入创建时间">
|
||||
<input type="text" class="layui-input laytime-input" name="cjsj" placeholder="请输入创建时间">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">更新时间</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="gxsj" placeholder="请输入更新时间">
|
||||
<input type="text" class="layui-input laytime-input" name="gxsj" placeholder="请输入更新时间">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-footer">
|
||||
<div class="layui-btn-group">
|
||||
<button type="button" class="layui-btn layui-btn-sm" id="submitBtn" lay-submit lay-filter="confirmFilter">提交</button>
|
||||
<button type="button" class="layui-btn layui-btn-sm layui-btn-primary" id="closeBtn" lay-submit lay-filter="closeFilter">关闭</button>
|
||||
<button type="button" class="layui-btn layui-btn-sm" id="submitBtn" lay-submit
|
||||
lay-filter="confirmFilter">提交
|
||||
</button>
|
||||
<button type="button" class="layui-btn layui-btn-sm layui-btn-primary" id="closeBtn" lay-submit
|
||||
lay-filter="closeFilter">关闭
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
@ -79,6 +99,30 @@
|
||||
</div>
|
||||
<script src="assets/crpm/js/layui/layui.js"></script>
|
||||
<script>
|
||||
layui.use(['laydate'], function () {
|
||||
var laydate = layui.laydate;
|
||||
// 获取class为laydate-input的元素
|
||||
var laydateInput = document.querySelectorAll('.laytime-input');
|
||||
laydate.render({
|
||||
elem: laydateInput,
|
||||
type: 'datetime', // 设置类型为日期时间，可选择年月日时分秒
|
||||
format: 'yyyy-MM-dd HH:mm:ss', // 自定义显示格式，可按需调整
|
||||
theme: 'grid', // 选择主题，可根据喜好更换，比如 'default'、'grid' 等
|
||||
trigger: 'click' // 触发方式，这里是点击输入框触发，还可以是 'focus' 等
|
||||
});
|
||||
});
|
||||
layui.use(['laydate'], function () {
|
||||
var laydate = layui.laydate;
|
||||
// 获取class为laydate-input的元素
|
||||
var laydateInput = document.querySelectorAll('.laydate-input');
|
||||
laydate.render({
|
||||
elem: laydateInput,
|
||||
type: 'date', // 设置类型为日期时间，可选择年月日时分秒
|
||||
format: 'yyyy-MM-dd', // 自定义显示格式，可按需调整
|
||||
theme: 'grid', // 选择主题，可根据喜好更换，比如 'default'、'grid' 等
|
||||
trigger: 'click' // 触发方式，这里是点击输入框触发，还可以是 'focus' 等
|
||||
});
|
||||
});
|
||||
layui.use(['form'], function () {
|
||||
var form = layui.form;
|
||||
var layer = layui.layer;
|
||||
@ -86,16 +130,17 @@
|
||||
var $ = layui.$;
|
||||
var $win = $(window);
|
||||
|
||||
var close = function() {
|
||||
var close = function () {
|
||||
top.layer.close(top.layer.getFrameIndex(window.name))
|
||||
}
|
||||
|
||||
var init = function() {}
|
||||
var init = function () {
|
||||
}
|
||||
|
||||
var addEvent = function() {
|
||||
var addEvent = function () {
|
||||
// 提交表单
|
||||
form.on('submit(confirmFilter)', function(formData) {
|
||||
top.layer.confirm('确定提交吗？', {title: false}, function(index) {
|
||||
form.on('submit(confirmFilter)', function (formData) {
|
||||
top.layer.confirm('确定提交吗？', {title: false}, function (index) {
|
||||
top.layer.close(index);
|
||||
var loadingIndex;
|
||||
$.ajax({
|
||||
@ -104,33 +149,34 @@
|
||||
contentType: 'application/json',
|
||||
dataType: 'json',
|
||||
data: JSON.stringify(formData.field),
|
||||
success: function(resp) {
|
||||
success: function (resp) {
|
||||
var loadLayerIndex;
|
||||
var layerIndex = top.layer.confirm('保存成功，继续添加？', {title: false}, function(index) {
|
||||
var layerIndex = top.layer.confirm('保存成功，继续添加？', {title: false}, function (index) {
|
||||
top.layer.close(index);
|
||||
window.location.reload();
|
||||
}, function() {
|
||||
}, function () {
|
||||
close();
|
||||
});
|
||||
},
|
||||
error: function(resp) {
|
||||
error: function (resp) {
|
||||
var data = JSON.parse(resp.responseText);
|
||||
top.layer.msg(data.msg);
|
||||
},
|
||||
beforeSend: function() {
|
||||
beforeSend: function () {
|
||||
loadingIndex = top.layer.msg('正在提交...', {
|
||||
icon: 16,
|
||||
shade: 0.01
|
||||
});;
|
||||
});
|
||||
;
|
||||
},
|
||||
complete: function() {
|
||||
complete: function () {
|
||||
top.layer.close(loadingIndex);
|
||||
}
|
||||
})
|
||||
});
|
||||
return false;
|
||||
});
|
||||
form.on('submit(closeFilter)', function(formData) {
|
||||
form.on('submit(closeFilter)', function (formData) {
|
||||
close();
|
||||
});
|
||||
}
|
||||
|
||||
@ -1,12 +1,12 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<base href="/"/>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<base href="/"/>
|
||||
<meta charset="UTF-8"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
||||
<title>设备二维码巡检系统</title>
|
||||
<link rel="stylesheet" href="assets/crpm/js/layui/css/layui.css" />
|
||||
<link rel="stylesheet" href="assets/crpm/index/index9/index9.css" />
|
||||
<link rel="stylesheet" href="assets/crpm/js/layui/css/layui.css"/>
|
||||
<link rel="stylesheet" href="assets/crpm/index/index9/index9.css"/>
|
||||
</head>
|
||||
<body>
|
||||
<div id="app">
|
||||
@ -15,64 +15,84 @@
|
||||
<div class="form-header">保养计划编辑数据</div>
|
||||
<div class="form-body">
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">设备编号</label>
|
||||
<label class="layui-form-label9 red-star">设备编号</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="sbbh" placeholder="请输入设备编号">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">保养类型</label>
|
||||
<label class="layui-form-label9 red-star">保养类型</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="bylx" placeholder="请输入保养类型">
|
||||
<select type="text" class="layui-input" name="bylx" placeholder="请选择保养类型">
|
||||
<option value="">请选择</option>
|
||||
<option value="日常保养">日常保养</option>
|
||||
<option value="一级保养">一级保养</option>
|
||||
<option value="二级保养">二级保养</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">保养周期</label>
|
||||
<label class="layui-form-label9 red-star">保养周期</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="byzq" placeholder="请输入保养周期">
|
||||
<select type="text" class="layui-input" name="byzq" placeholder="请选择保养周期">
|
||||
<option value="">请选择</option>
|
||||
<option value="每天">每天</option>
|
||||
<option value="每周">每周</option>
|
||||
<option value="每月">每月</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">下次保养日期</label>
|
||||
<label class="layui-form-label9 red-star">下次保养日期</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="xcbyrq" placeholder="请输入下次保养日期">
|
||||
<input type="text" class="layui-input laydate-input" name="xcbyrq"
|
||||
placeholder="请输入下次保养日期">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">保养内容</label>
|
||||
<label class="layui-form-label9 red-star">保养内容</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="bynr" placeholder="请输入保养内容">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">保养人员</label>
|
||||
<label class="layui-form-label9 red-star">保养人员</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="byry" placeholder="请输入保养人员">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">保养状态</label>
|
||||
<label class="layui-form-label9 red-star">保养状态</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="byzt" placeholder="请输入保养状态">
|
||||
<select type="text" class="layui-input" name="byzt" placeholder="请选择保养状态">
|
||||
<option value="">请选择</option>
|
||||
<option value="计划中">计划中</option>
|
||||
<option value="已完成">已完成</option>
|
||||
</select>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">创建时间</label>
|
||||
<label class="layui-form-label9 red-star">创建时间</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="cjsj" placeholder="请输入创建时间">
|
||||
<input type="text" class="layui-input laytime-input" name="cjsj" placeholder="请输入创建时间">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">更新时间</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="gxsj" placeholder="请输入更新时间">
|
||||
<input type="text" class="layui-input laytime-input" name="gxsj" placeholder="请输入更新时间">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-footer">
|
||||
<div class="layui-btn-group">
|
||||
<button type="button" class="layui-btn layui-btn-sm" id="submitBtn" lay-submit lay-filter="confirmFilter">提交</button>
|
||||
<button type="button" class="layui-btn layui-btn-sm layui-btn-primary" id="closeBtn" lay-submit lay-filter="closeFilter">关闭</button>
|
||||
<button type="button" class="layui-btn layui-btn-sm" id="submitBtn" lay-submit
|
||||
lay-filter="confirmFilter">提交
|
||||
</button>
|
||||
<button type="button" class="layui-btn layui-btn-sm layui-btn-primary" id="closeBtn" lay-submit
|
||||
lay-filter="closeFilter">关闭
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
@ -80,6 +100,30 @@
|
||||
</div>
|
||||
<script src="assets/crpm/js/layui/layui.js"></script>
|
||||
<script>
|
||||
layui.use(['laydate'], function () {
|
||||
var laydate = layui.laydate;
|
||||
// 获取class为laydate-input的元素
|
||||
var laydateInput = document.querySelectorAll('.laytime-input');
|
||||
laydate.render({
|
||||
elem: laydateInput,
|
||||
type: 'datetime', // 设置类型为日期时间，可选择年月日时分秒
|
||||
format: 'yyyy-MM-dd HH:mm:ss', // 自定义显示格式，可按需调整
|
||||
theme: 'grid', // 选择主题，可根据喜好更换，比如 'default'、'grid' 等
|
||||
trigger: 'click' // 触发方式，这里是点击输入框触发，还可以是 'focus' 等
|
||||
});
|
||||
});
|
||||
layui.use(['laydate'], function () {
|
||||
var laydate = layui.laydate;
|
||||
// 获取class为laydate-input的元素
|
||||
var laydateInput = document.querySelectorAll('.laydate-input');
|
||||
laydate.render({
|
||||
elem: laydateInput,
|
||||
type: 'date', // 设置类型为日期时间，可选择年月日时分秒
|
||||
format: 'yyyy-MM-dd', // 自定义显示格式，可按需调整
|
||||
theme: 'grid', // 选择主题，可根据喜好更换，比如 'default'、'grid' 等
|
||||
trigger: 'click' // 触发方式，这里是点击输入框触发，还可以是 'focus' 等
|
||||
});
|
||||
});
|
||||
layui.use(['form'], function () {
|
||||
var form = layui.form;
|
||||
var layer = layui.layer;
|
||||
@ -88,38 +132,39 @@
|
||||
var $win = $(window);
|
||||
var id = layui.url().search.id;
|
||||
|
||||
var close = function() {
|
||||
var close = function () {
|
||||
top.layer.close(top.layer.getFrameIndex(window.name))
|
||||
}
|
||||
|
||||
var init = function() {
|
||||
var init = function () {
|
||||
var loadingIndex;
|
||||
$.ajax({
|
||||
url: 'api/data/get/ea3a1a/c85e75/id/'+ id,
|
||||
success: function(resp) {
|
||||
url: 'api/data/get/ea3a1a/c85e75/id/' + id,
|
||||
success: function (resp) {
|
||||
form.val('dataForm', resp);
|
||||
form.render(null, 'dataForm');
|
||||
},
|
||||
error: function(resp) {
|
||||
error: function (resp) {
|
||||
var data = JSON.parse(resp.responseText);
|
||||
top.layer.msg(data.msg);
|
||||
},
|
||||
beforeSend: function() {
|
||||
beforeSend: function () {
|
||||
loadingIndex = top.layer.msg('正在加载...', {
|
||||
icon: 16,
|
||||
shade: 0.01
|
||||
});;
|
||||
});
|
||||
;
|
||||
},
|
||||
complete: function() {
|
||||
complete: function () {
|
||||
top.layer.close(loadingIndex);
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
var addEvent = function() {
|
||||
var addEvent = function () {
|
||||
// 提交表单
|
||||
form.on('submit(confirmFilter)', function(formData) {
|
||||
top.layer.confirm('确定提交吗？', {title: false}, function(index) {
|
||||
form.on('submit(confirmFilter)', function (formData) {
|
||||
top.layer.confirm('确定提交吗？', {title: false}, function (index) {
|
||||
top.layer.close(index);
|
||||
var loadingIndex;
|
||||
$.ajax({
|
||||
@ -128,34 +173,35 @@
|
||||
contentType: 'application/json',
|
||||
dataType: 'json',
|
||||
data: JSON.stringify(formData.field),
|
||||
success: function(resp) {
|
||||
success: function (resp) {
|
||||
var loadLayerIndex;
|
||||
var layerIndex = top.layer.confirm('保存成功，继续添加？', {title: false}, function(index) {
|
||||
var layerIndex = top.layer.confirm('保存成功，继续添加？', {title: false}, function (index) {
|
||||
top.layer.close(index);
|
||||
window.location.reload();
|
||||
}, function() {
|
||||
}, function () {
|
||||
close();
|
||||
});
|
||||
},
|
||||
error: function(resp) {
|
||||
error: function (resp) {
|
||||
var data = JSON.parse(resp.responseText);
|
||||
top.layer.msg(data.msg);
|
||||
},
|
||||
beforeSend: function() {
|
||||
beforeSend: function () {
|
||||
loadingIndex = top.layer.msg('正在提交...', {
|
||||
icon: 16,
|
||||
shade: 0.01
|
||||
});;
|
||||
});
|
||||
;
|
||||
},
|
||||
complete: function() {
|
||||
complete: function () {
|
||||
top.layer.close(loadingIndex);
|
||||
}
|
||||
})
|
||||
});
|
||||
return false;
|
||||
});
|
||||
form.on('submit(closeFilter)', function(formData) {
|
||||
close();
|
||||
form.on('submit(closeFilter)', function (formData) {
|
||||
close();
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
@ -79,36 +79,43 @@
|
||||
field: 'xjsbmc',
|
||||
title: '巡检设备名称',
|
||||
minWidth: 80,
|
||||
align:"center"
|
||||
},
|
||||
{
|
||||
field: 'xjry',
|
||||
title: '巡检人员',
|
||||
minWidth: 80,
|
||||
align:"center"
|
||||
},
|
||||
{
|
||||
field: 'xjrq',
|
||||
title: '巡检日期',
|
||||
minWidth: 80,
|
||||
align:"center"
|
||||
},
|
||||
{
|
||||
field: 'xjjg',
|
||||
title: '巡检结果',
|
||||
minWidth: 80,
|
||||
minWidth: 60,
|
||||
align:"center"
|
||||
},
|
||||
{
|
||||
field: 'ycms',
|
||||
title: '异常描述',
|
||||
minWidth: 80,
|
||||
minWidth: 180,
|
||||
align:"center"
|
||||
},
|
||||
{
|
||||
field: 'clcs',
|
||||
title: '处理措施',
|
||||
minWidth: 80,
|
||||
minWidth: 180,
|
||||
align:"center"
|
||||
},
|
||||
{
|
||||
field: 'xcxjrq',
|
||||
title: '下次巡检日期',
|
||||
minWidth: 80,
|
||||
align:"center"
|
||||
},
|
||||
]
|
||||
],
|
||||
|
||||
@ -1,11 +1,11 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<base href="/"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<base href="/"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
||||
<title>设备二维码巡检系统</title>
|
||||
<link rel="stylesheet" href="assets/crpm/js/layui/css/layui.css" />
|
||||
<link rel="stylesheet" href="assets/crpm/index/index9/index9.css" />
|
||||
<link rel="stylesheet" href="assets/crpm/js/layui/css/layui.css"/>
|
||||
<link rel="stylesheet" href="assets/crpm/index/index9/index9.css"/>
|
||||
</head>
|
||||
<body>
|
||||
<div id="app">
|
||||
@ -14,27 +14,31 @@
|
||||
<div class="form-header">巡检记录新增数据</div>
|
||||
<div class="form-body">
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">巡检设备名称</label>
|
||||
<label class="layui-form-label9 red-star">巡检设备名称</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="xjsbmc" placeholder="请输入巡检设备名称">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">巡检人员</label>
|
||||
<label class="layui-form-label9 red-star">巡检人员</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="xjry" placeholder="请输入巡检人员">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">巡检日期</label>
|
||||
<label class="layui-form-label9 red-star">巡检日期</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="xjrq" placeholder="请输入巡检日期">
|
||||
<input type="text" class="layui-input laydate-input" name="xjrq" placeholder="请输入巡检日期">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">巡检结果</label>
|
||||
<label class="layui-form-label9 red-star">巡检结果</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="xjjg" placeholder="请输入巡检结果">
|
||||
<select type="text" class="layui-input" name="xjjg" placeholder="请选择巡检结果">
|
||||
<option value="">请选择</option>
|
||||
<option value="合格">合格</option>
|
||||
<option value="不合格">不合格</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
@ -50,16 +54,21 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">下次巡检日期</label>
|
||||
<label class="layui-form-label9 red-star">下次巡检日期</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="xcxjrq" placeholder="请输入下次巡检日期">
|
||||
<input type="text" class="layui-input laydate-input" name="xcxjrq"
|
||||
placeholder="请输入下次巡检日期">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-footer">
|
||||
<div class="layui-btn-group">
|
||||
<button type="button" class="layui-btn layui-btn-sm" id="submitBtn" lay-submit lay-filter="confirmFilter">提交</button>
|
||||
<button type="button" class="layui-btn layui-btn-sm layui-btn-primary" id="closeBtn" lay-submit lay-filter="closeFilter">关闭</button>
|
||||
<button type="button" class="layui-btn layui-btn-sm" id="submitBtn" lay-submit
|
||||
lay-filter="confirmFilter">提交
|
||||
</button>
|
||||
<button type="button" class="layui-btn layui-btn-sm layui-btn-primary" id="closeBtn" lay-submit
|
||||
lay-filter="closeFilter">关闭
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
@ -67,6 +76,18 @@
|
||||
</div>
|
||||
<script src="assets/crpm/js/layui/layui.js"></script>
|
||||
<script>
|
||||
layui.use(['laydate'], function () {
|
||||
var laydate = layui.laydate;
|
||||
// 获取class为laydate-input的元素
|
||||
var laydateInput = document.querySelectorAll('.laydate-input');
|
||||
laydate.render({
|
||||
elem: laydateInput,
|
||||
type: 'date', // 设置类型为日期时间，可选择年月日时分秒
|
||||
format: 'yyyy-MM-dd', // 自定义显示格式，可按需调整
|
||||
theme: 'grid', // 选择主题，可根据喜好更换，比如 'default'、'grid' 等
|
||||
trigger: 'click' // 触发方式，这里是点击输入框触发，还可以是 'focus' 等
|
||||
});
|
||||
});
|
||||
layui.use(['form'], function () {
|
||||
var form = layui.form;
|
||||
var layer = layui.layer;
|
||||
@ -74,16 +95,17 @@
|
||||
var $ = layui.$;
|
||||
var $win = $(window);
|
||||
|
||||
var close = function() {
|
||||
var close = function () {
|
||||
top.layer.close(top.layer.getFrameIndex(window.name))
|
||||
}
|
||||
|
||||
var init = function() {}
|
||||
var init = function () {
|
||||
}
|
||||
|
||||
var addEvent = function() {
|
||||
var addEvent = function () {
|
||||
// 提交表单
|
||||
form.on('submit(confirmFilter)', function(formData) {
|
||||
top.layer.confirm('确定提交吗？', {title: false}, function(index) {
|
||||
form.on('submit(confirmFilter)', function (formData) {
|
||||
top.layer.confirm('确定提交吗？', {title: false}, function (index) {
|
||||
top.layer.close(index);
|
||||
var loadingIndex;
|
||||
$.ajax({
|
||||
@ -92,33 +114,34 @@
|
||||
contentType: 'application/json',
|
||||
dataType: 'json',
|
||||
data: JSON.stringify(formData.field),
|
||||
success: function(resp) {
|
||||
success: function (resp) {
|
||||
var loadLayerIndex;
|
||||
var layerIndex = top.layer.confirm('保存成功，继续添加？', {title: false}, function(index) {
|
||||
var layerIndex = top.layer.confirm('保存成功，继续添加？', {title: false}, function (index) {
|
||||
top.layer.close(index);
|
||||
window.location.reload();
|
||||
}, function() {
|
||||
}, function () {
|
||||
close();
|
||||
});
|
||||
},
|
||||
error: function(resp) {
|
||||
error: function (resp) {
|
||||
var data = JSON.parse(resp.responseText);
|
||||
top.layer.msg(data.msg);
|
||||
},
|
||||
beforeSend: function() {
|
||||
beforeSend: function () {
|
||||
loadingIndex = top.layer.msg('正在提交...', {
|
||||
icon: 16,
|
||||
shade: 0.01
|
||||
});;
|
||||
});
|
||||
;
|
||||
},
|
||||
complete: function() {
|
||||
complete: function () {
|
||||
top.layer.close(loadingIndex);
|
||||
}
|
||||
})
|
||||
});
|
||||
return false;
|
||||
});
|
||||
form.on('submit(closeFilter)', function(formData) {
|
||||
form.on('submit(closeFilter)', function (formData) {
|
||||
close();
|
||||
});
|
||||
}
|
||||
|
||||
@ -1,12 +1,12 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<base href="/"/>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<base href="/"/>
|
||||
<meta charset="UTF-8"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
||||
<title>设备二维码巡检系统</title>
|
||||
<link rel="stylesheet" href="assets/crpm/js/layui/css/layui.css" />
|
||||
<link rel="stylesheet" href="assets/crpm/index/index9/index9.css" />
|
||||
<link rel="stylesheet" href="assets/crpm/js/layui/css/layui.css"/>
|
||||
<link rel="stylesheet" href="assets/crpm/index/index9/index9.css"/>
|
||||
</head>
|
||||
<body>
|
||||
<div id="app">
|
||||
@ -15,27 +15,31 @@
|
||||
<div class="form-header">巡检记录编辑数据</div>
|
||||
<div class="form-body">
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">巡检设备名称</label>
|
||||
<label class="layui-form-label9 red-star">巡检设备名称</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="xjsbmc" placeholder="请输入巡检设备名称">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">巡检人员</label>
|
||||
<label class="layui-form-label9 red-star">巡检人员</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="xjry" placeholder="请输入巡检人员">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">巡检日期</label>
|
||||
<label class="layui-form-label9 red-star">巡检日期</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="xjrq" placeholder="请输入巡检日期">
|
||||
<input type="text" class="layui-input laydate-input" name="xjrq" placeholder="请输入巡检日期">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">巡检结果</label>
|
||||
<label class="layui-form-label9 red-star">巡检结果</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="xjjg" placeholder="请输入巡检结果">
|
||||
<select type="text" class="layui-input" name="xjjg" placeholder="请选择巡检结果">
|
||||
<option value="">请选择</option>
|
||||
<option value="合格">合格</option>
|
||||
<option value="不合格">不合格</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
@ -51,16 +55,21 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">下次巡检日期</label>
|
||||
<label class="layui-form-label9 red-star">下次巡检日期</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="xcxjrq" placeholder="请输入下次巡检日期">
|
||||
<input type="text" class="layui-input laydate-input" name="xcxjrq"
|
||||
placeholder="请输入下次巡检日期">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-footer">
|
||||
<div class="layui-btn-group">
|
||||
<button type="button" class="layui-btn layui-btn-sm" id="submitBtn" lay-submit lay-filter="confirmFilter">提交</button>
|
||||
<button type="button" class="layui-btn layui-btn-sm layui-btn-primary" id="closeBtn" lay-submit lay-filter="closeFilter">关闭</button>
|
||||
<button type="button" class="layui-btn layui-btn-sm" id="submitBtn" lay-submit
|
||||
lay-filter="confirmFilter">提交
|
||||
</button>
|
||||
<button type="button" class="layui-btn layui-btn-sm layui-btn-primary" id="closeBtn" lay-submit
|
||||
lay-filter="closeFilter">关闭
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
@ -68,6 +77,18 @@
|
||||
</div>
|
||||
<script src="assets/crpm/js/layui/layui.js"></script>
|
||||
<script>
|
||||
layui.use(['laydate'], function () {
|
||||
var laydate = layui.laydate;
|
||||
// 获取class为laydate-input的元素
|
||||
var laydateInput = document.querySelectorAll('.laydate-input');
|
||||
laydate.render({
|
||||
elem: laydateInput,
|
||||
type: 'date', // 设置类型为日期时间，可选择年月日时分秒
|
||||
format: 'yyyy-MM-dd', // 自定义显示格式，可按需调整
|
||||
theme: 'grid', // 选择主题，可根据喜好更换，比如 'default'、'grid' 等
|
||||
trigger: 'click' // 触发方式，这里是点击输入框触发，还可以是 'focus' 等
|
||||
});
|
||||
});
|
||||
layui.use(['form'], function () {
|
||||
var form = layui.form;
|
||||
var layer = layui.layer;
|
||||
@ -76,38 +97,39 @@
|
||||
var $win = $(window);
|
||||
var id = layui.url().search.id;
|
||||
|
||||
var close = function() {
|
||||
var close = function () {
|
||||
top.layer.close(top.layer.getFrameIndex(window.name))
|
||||
}
|
||||
|
||||
var init = function() {
|
||||
var init = function () {
|
||||
var loadingIndex;
|
||||
$.ajax({
|
||||
url: 'api/data/get/ea3a1a/cdfd45/id/'+ id,
|
||||
success: function(resp) {
|
||||
url: 'api/data/get/ea3a1a/cdfd45/id/' + id,
|
||||
success: function (resp) {
|
||||
form.val('dataForm', resp);
|
||||
form.render(null, 'dataForm');
|
||||
},
|
||||
error: function(resp) {
|
||||
error: function (resp) {
|
||||
var data = JSON.parse(resp.responseText);
|
||||
top.layer.msg(data.msg);
|
||||
},
|
||||
beforeSend: function() {
|
||||
beforeSend: function () {
|
||||
loadingIndex = top.layer.msg('正在加载...', {
|
||||
icon: 16,
|
||||
shade: 0.01
|
||||
});;
|
||||
});
|
||||
;
|
||||
},
|
||||
complete: function() {
|
||||
complete: function () {
|
||||
top.layer.close(loadingIndex);
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
var addEvent = function() {
|
||||
var addEvent = function () {
|
||||
// 提交表单
|
||||
form.on('submit(confirmFilter)', function(formData) {
|
||||
top.layer.confirm('确定提交吗？', {title: false}, function(index) {
|
||||
form.on('submit(confirmFilter)', function (formData) {
|
||||
top.layer.confirm('确定提交吗？', {title: false}, function (index) {
|
||||
top.layer.close(index);
|
||||
var loadingIndex;
|
||||
$.ajax({
|
||||
@ -116,34 +138,35 @@
|
||||
contentType: 'application/json',
|
||||
dataType: 'json',
|
||||
data: JSON.stringify(formData.field),
|
||||
success: function(resp) {
|
||||
success: function (resp) {
|
||||
var loadLayerIndex;
|
||||
var layerIndex = top.layer.confirm('保存成功，继续添加？', {title: false}, function(index) {
|
||||
var layerIndex = top.layer.confirm('保存成功，继续添加？', {title: false}, function (index) {
|
||||
top.layer.close(index);
|
||||
window.location.reload();
|
||||
}, function() {
|
||||
}, function () {
|
||||
close();
|
||||
});
|
||||
},
|
||||
error: function(resp) {
|
||||
error: function (resp) {
|
||||
var data = JSON.parse(resp.responseText);
|
||||
top.layer.msg(data.msg);
|
||||
},
|
||||
beforeSend: function() {
|
||||
beforeSend: function () {
|
||||
loadingIndex = top.layer.msg('正在提交...', {
|
||||
icon: 16,
|
||||
shade: 0.01
|
||||
});;
|
||||
});
|
||||
;
|
||||
},
|
||||
complete: function() {
|
||||
complete: function () {
|
||||
top.layer.close(loadingIndex);
|
||||
}
|
||||
})
|
||||
});
|
||||
return false;
|
||||
});
|
||||
form.on('submit(closeFilter)', function(formData) {
|
||||
close();
|
||||
form.on('submit(closeFilter)', function (formData) {
|
||||
close();
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
@ -1,12 +1,12 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<base href="/"/>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<base href="/"/>
|
||||
<meta charset="UTF-8"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
||||
<title>设备二维码巡检系统</title>
|
||||
<link rel="stylesheet" href="assets/crpm/js/layui/css/layui.css" />
|
||||
<link rel="stylesheet" href="assets/crpm/index/index9/index9.css" />
|
||||
<link rel="stylesheet" href="assets/crpm/js/layui/css/layui.css"/>
|
||||
<link rel="stylesheet" href="assets/crpm/index/index9/index9.css"/>
|
||||
</head>
|
||||
<body>
|
||||
<div id="app">
|
||||
@ -16,9 +16,10 @@
|
||||
<div class="layui-row">
|
||||
<div class="layui-col-xs2">
|
||||
<div class="layui-form-item">
|
||||
|
||||
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" id="keywords" name="keywords" placeholder="请输入关键字">
|
||||
<input type="text" class="layui-input" id="keywords" name="keywords"
|
||||
placeholder="请输入关键字">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -33,9 +34,14 @@
|
||||
<!-- 表头按钮组 -->
|
||||
<script type="text/html" id="headerToolBar">
|
||||
<div class="layui-btn-group">
|
||||
<button type="button" class="layui-btn layui-btn-sm" id="saveBtn" lay-event="saveEvent">新增</button>
|
||||
<button type="button" class="layui-btn layui-btn-normal layui-btn-sm" id="updateBtn" lay-event="updateEvent">编辑</button>
|
||||
<button type="button" class="layui-btn layui-btn-danger layui-btn-sm" id="removeBtn" lay-event="removeEvent">删除</button>
|
||||
<button type="button" class="layui-btn layui-btn-sm" id="saveBtn" lay-event="saveEvent">新增
|
||||
</button>
|
||||
<button type="button" class="layui-btn layui-btn-normal layui-btn-sm" id="updateBtn"
|
||||
lay-event="updateEvent">编辑
|
||||
</button>
|
||||
<button type="button" class="layui-btn layui-btn-danger layui-btn-sm" id="removeBtn"
|
||||
lay-event="removeEvent">删除
|
||||
</button>
|
||||
</div>
|
||||
</script>
|
||||
</div>
|
||||
@ -51,13 +57,13 @@
|
||||
var $ = layui.$;
|
||||
var $win = $(window);
|
||||
|
||||
var initTableData = function(keywords) {
|
||||
var initTableData = function (keywords) {
|
||||
$.ajax({
|
||||
type: 'GET',
|
||||
url: 'api/data/list/ea3a1a/d80717',
|
||||
data: 'keywords=' + (keywords ? encodeURI(keywords) : ''),
|
||||
contentType: "application/json;charset=utf-8",
|
||||
success: function(resp) {
|
||||
success: function (resp) {
|
||||
var datas = resp;
|
||||
table.render({
|
||||
elem: "#datatable",
|
||||
@ -66,7 +72,7 @@
|
||||
toolbar: '#headerToolBar',
|
||||
cols: [
|
||||
[
|
||||
{ type: "checkbox", fixed: "left" },
|
||||
{type: "checkbox", fixed: "left"},
|
||||
{
|
||||
field: "rowNum",
|
||||
width: 80,
|
||||
@ -79,31 +85,38 @@
|
||||
field: 'sbmc',
|
||||
title: '设备名称',
|
||||
minWidth: 80,
|
||||
fixed: "left",
|
||||
align: "center"
|
||||
},
|
||||
{
|
||||
field: 'smsj',
|
||||
title: '扫码时间',
|
||||
minWidth: 80,
|
||||
minWidth: 180,
|
||||
align: "center"
|
||||
},
|
||||
{
|
||||
field: 'xjry',
|
||||
title: '巡检人员',
|
||||
minWidth: 80,
|
||||
align: "center"
|
||||
},
|
||||
{
|
||||
field: 'sbzt',
|
||||
title: '设备状态',
|
||||
minWidth: 80,
|
||||
align: "center"
|
||||
},
|
||||
{
|
||||
field: 'bzxx',
|
||||
title: '备注信息',
|
||||
minWidth: 80,
|
||||
minWidth: 280,
|
||||
align: "center"
|
||||
},
|
||||
{
|
||||
field: 'ewmnr',
|
||||
title: '二维码内容',
|
||||
minWidth: 80,
|
||||
minWidth: 680,
|
||||
align: "center"
|
||||
},
|
||||
]
|
||||
],
|
||||
@ -113,19 +126,19 @@
|
||||
limit: 20,
|
||||
});
|
||||
},
|
||||
error: function(resp) {
|
||||
error: function (resp) {
|
||||
console.error(resp);
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
var addEvent = function() {
|
||||
var addEvent = function () {
|
||||
// 事件 - 增删改
|
||||
table.on('toolbar(datatable)', function(obj) {
|
||||
table.on('toolbar(datatable)', function (obj) {
|
||||
var layEvent = obj.event;
|
||||
var checkStatus = table.checkStatus('datatable');
|
||||
var checkDatas = checkStatus.data;
|
||||
if(layEvent === 'saveEvent') {
|
||||
if (layEvent === 'saveEvent') {
|
||||
top.layer.open({
|
||||
type: 2,
|
||||
title: false,
|
||||
@ -135,14 +148,14 @@
|
||||
area: ['400px', '100%'],
|
||||
offset: 'r',
|
||||
anim: 'slideLeft',
|
||||
end: function() {
|
||||
end: function () {
|
||||
initTableData();
|
||||
}
|
||||
});
|
||||
} else if(layEvent === 'updateEvent') {
|
||||
if(checkDatas.length === 0) {
|
||||
} else if (layEvent === 'updateEvent') {
|
||||
if (checkDatas.length === 0) {
|
||||
top.layer.msg('请勾选要编辑的数据');
|
||||
} else if(checkDatas.length > 1) {
|
||||
} else if (checkDatas.length > 1) {
|
||||
top.layer.msg('不能编辑多条数据');
|
||||
} else {
|
||||
top.layer.open({
|
||||
@ -150,48 +163,49 @@
|
||||
title: false,
|
||||
closeBtn: false,
|
||||
shadeClose: true,
|
||||
content: 'route/pages/d80717/update.html?id='+ checkDatas[0].id,
|
||||
content: 'route/pages/d80717/update.html?id=' + checkDatas[0].id,
|
||||
area: ['400px', '100%'],
|
||||
offset: 'r',
|
||||
anim: 'slideLeft',
|
||||
end: function() {
|
||||
end: function () {
|
||||
initTableData();
|
||||
}
|
||||
});
|
||||
}
|
||||
} else if(layEvent === 'removeEvent') {
|
||||
if(checkDatas.length === 0) {
|
||||
} else if (layEvent === 'removeEvent') {
|
||||
if (checkDatas.length === 0) {
|
||||
top.layer.msg('请勾选要删除的数据');
|
||||
} else {
|
||||
var ids = '';
|
||||
for(var i = 0, item; item = checkDatas[i++];) {
|
||||
if(i > 1) {
|
||||
for (var i = 0, item; item = checkDatas[i++];) {
|
||||
if (i > 1) {
|
||||
ids += ',';
|
||||
}
|
||||
ids += item.id;
|
||||
}
|
||||
top.layer.confirm('确定删除吗？', {title: false}, function(index) {
|
||||
top.layer.confirm('确定删除吗？', {title: false}, function (index) {
|
||||
top.layer.close(index);
|
||||
var loadingIndex;
|
||||
$.ajax({
|
||||
type: 'DELETE',
|
||||
url: 'api/data/delete/ea3a1a/d80717?ids=' + ids,
|
||||
contentType: "application/json;charset=utf-8",
|
||||
success: function(resp) {
|
||||
success: function (resp) {
|
||||
top.layer.msg('删除成功');
|
||||
initTableData();
|
||||
},
|
||||
error: function(resp) {
|
||||
error: function (resp) {
|
||||
var data = JSON.parse(resp.responseText);
|
||||
top.layer.msg(data.msg);
|
||||
},
|
||||
beforeSend: function() {
|
||||
beforeSend: function () {
|
||||
loadingIndex = top.layer.msg('正在删除...', {
|
||||
icon: 16,
|
||||
shade: 0.01
|
||||
});;
|
||||
});
|
||||
;
|
||||
},
|
||||
complete: function() {
|
||||
complete: function () {
|
||||
top.layer.close(loadingIndex);
|
||||
}
|
||||
})
|
||||
@ -199,7 +213,7 @@
|
||||
}
|
||||
}
|
||||
});
|
||||
form.on('submit(searchFilter)', function(formData) {
|
||||
form.on('submit(searchFilter)', function (formData) {
|
||||
initTableData(formData.field.keywords);
|
||||
});
|
||||
}
|
||||
|
||||
@ -1,11 +1,11 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<base href="/"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<base href="/"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
||||
<title>设备二维码巡检系统</title>
|
||||
<link rel="stylesheet" href="assets/crpm/js/layui/css/layui.css" />
|
||||
<link rel="stylesheet" href="assets/crpm/index/index9/index9.css" />
|
||||
<link rel="stylesheet" href="assets/crpm/js/layui/css/layui.css"/>
|
||||
<link rel="stylesheet" href="assets/crpm/index/index9/index9.css"/>
|
||||
</head>
|
||||
<body>
|
||||
<div id="app">
|
||||
@ -14,37 +14,43 @@
|
||||
<div class="form-header">扫码识别新增数据</div>
|
||||
<div class="form-body">
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">设备名称</label>
|
||||
<label class="layui-form-label9 red-star">设备名称</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="sbmc" placeholder="请输入设备名称">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">扫码时间</label>
|
||||
<label class="layui-form-label9 red-star">扫码时间</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="smsj" placeholder="请输入扫码时间">
|
||||
<input type="text" class="layui-input laytime-input" name="smsj" placeholder="请输入扫码时间">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">巡检人员</label>
|
||||
<label class="layui-form-label9 red-star">巡检人员</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="xjry" placeholder="请输入巡检人员">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">设备状态</label>
|
||||
<label class="layui-form-label9 red-star">设备状态</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="sbzt" placeholder="请输入设备状态">
|
||||
<select type="text" class="layui-input" name="sbzt" placeholder="请选择设备状态">
|
||||
<option value="">请选择</option>
|
||||
<option value="已完成">运行中</option>
|
||||
<option value="停机">停机</option>
|
||||
<option value="待机中">待机中</option>
|
||||
<option value="维修中">维修中</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">备注信息</label>
|
||||
<label class="layui-form-label9 red-star">备注信息</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="bzxx" placeholder="请输入备注信息">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">二维码内容</label>
|
||||
<label class="layui-form-label9 red-star">二维码内容</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="ewmnr" placeholder="请输入二维码内容">
|
||||
</div>
|
||||
@ -52,8 +58,12 @@
|
||||
</div>
|
||||
<div class="form-footer">
|
||||
<div class="layui-btn-group">
|
||||
<button type="button" class="layui-btn layui-btn-sm" id="submitBtn" lay-submit lay-filter="confirmFilter">提交</button>
|
||||
<button type="button" class="layui-btn layui-btn-sm layui-btn-primary" id="closeBtn" lay-submit lay-filter="closeFilter">关闭</button>
|
||||
<button type="button" class="layui-btn layui-btn-sm" id="submitBtn" lay-submit
|
||||
lay-filter="confirmFilter">提交
|
||||
</button>
|
||||
<button type="button" class="layui-btn layui-btn-sm layui-btn-primary" id="closeBtn" lay-submit
|
||||
lay-filter="closeFilter">关闭
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
@ -61,6 +71,18 @@
|
||||
</div>
|
||||
<script src="assets/crpm/js/layui/layui.js"></script>
|
||||
<script>
|
||||
layui.use(['laydate'], function () {
|
||||
var laydate = layui.laydate;
|
||||
// 获取class为laydate-input的元素
|
||||
var laydateInput = document.querySelectorAll('.laytime-input');
|
||||
laydate.render({
|
||||
elem: laydateInput,
|
||||
type: 'datetime', // 设置类型为日期时间，可选择年月日时分秒
|
||||
format: 'yyyy-MM-dd HH:mm:ss', // 自定义显示格式，可按需调整
|
||||
theme: 'grid', // 选择主题，可根据喜好更换，比如 'default'、'grid' 等
|
||||
trigger: 'click' // 触发方式，这里是点击输入框触发，还可以是 'focus' 等
|
||||
});
|
||||
});
|
||||
layui.use(['form'], function () {
|
||||
var form = layui.form;
|
||||
var layer = layui.layer;
|
||||
@ -68,16 +90,17 @@
|
||||
var $ = layui.$;
|
||||
var $win = $(window);
|
||||
|
||||
var close = function() {
|
||||
var close = function () {
|
||||
top.layer.close(top.layer.getFrameIndex(window.name))
|
||||
}
|
||||
|
||||
var init = function() {}
|
||||
var init = function () {
|
||||
}
|
||||
|
||||
var addEvent = function() {
|
||||
var addEvent = function () {
|
||||
// 提交表单
|
||||
form.on('submit(confirmFilter)', function(formData) {
|
||||
top.layer.confirm('确定提交吗？', {title: false}, function(index) {
|
||||
form.on('submit(confirmFilter)', function (formData) {
|
||||
top.layer.confirm('确定提交吗？', {title: false}, function (index) {
|
||||
top.layer.close(index);
|
||||
var loadingIndex;
|
||||
$.ajax({
|
||||
@ -86,33 +109,34 @@
|
||||
contentType: 'application/json',
|
||||
dataType: 'json',
|
||||
data: JSON.stringify(formData.field),
|
||||
success: function(resp) {
|
||||
success: function (resp) {
|
||||
var loadLayerIndex;
|
||||
var layerIndex = top.layer.confirm('保存成功，继续添加？', {title: false}, function(index) {
|
||||
var layerIndex = top.layer.confirm('保存成功，继续添加？', {title: false}, function (index) {
|
||||
top.layer.close(index);
|
||||
window.location.reload();
|
||||
}, function() {
|
||||
}, function () {
|
||||
close();
|
||||
});
|
||||
},
|
||||
error: function(resp) {
|
||||
error: function (resp) {
|
||||
var data = JSON.parse(resp.responseText);
|
||||
top.layer.msg(data.msg);
|
||||
},
|
||||
beforeSend: function() {
|
||||
beforeSend: function () {
|
||||
loadingIndex = top.layer.msg('正在提交...', {
|
||||
icon: 16,
|
||||
shade: 0.01
|
||||
});;
|
||||
});
|
||||
;
|
||||
},
|
||||
complete: function() {
|
||||
complete: function () {
|
||||
top.layer.close(loadingIndex);
|
||||
}
|
||||
})
|
||||
});
|
||||
return false;
|
||||
});
|
||||
form.on('submit(closeFilter)', function(formData) {
|
||||
form.on('submit(closeFilter)', function (formData) {
|
||||
close();
|
||||
});
|
||||
}
|
||||
|
||||
@ -1,12 +1,12 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<base href="/"/>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<base href="/"/>
|
||||
<meta charset="UTF-8"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
||||
<title>设备二维码巡检系统</title>
|
||||
<link rel="stylesheet" href="assets/crpm/js/layui/css/layui.css" />
|
||||
<link rel="stylesheet" href="assets/crpm/index/index9/index9.css" />
|
||||
<link rel="stylesheet" href="assets/crpm/js/layui/css/layui.css"/>
|
||||
<link rel="stylesheet" href="assets/crpm/index/index9/index9.css"/>
|
||||
</head>
|
||||
<body>
|
||||
<div id="app">
|
||||
@ -15,37 +15,43 @@
|
||||
<div class="form-header">扫码识别编辑数据</div>
|
||||
<div class="form-body">
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">设备名称</label>
|
||||
<label class="layui-form-label9 red-star">设备名称</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="sbmc" placeholder="请输入设备名称">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">扫码时间</label>
|
||||
<label class="layui-form-label9 red-star">扫码时间</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="smsj" placeholder="请输入扫码时间">
|
||||
<input type="text" class="layui-input laytime-input" name="smsj" placeholder="请输入扫码时间">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">巡检人员</label>
|
||||
<label class="layui-form-label9 red-star">巡检人员</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="xjry" placeholder="请输入巡检人员">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">设备状态</label>
|
||||
<label class="layui-form-label9 red-star">设备状态</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="sbzt" placeholder="请输入设备状态">
|
||||
<select type="text" class="layui-input" name="sbzt" placeholder="请选择设备状态">
|
||||
<option value="">请选择</option>
|
||||
<option value="已完成">运行中</option>
|
||||
<option value="停机">停机</option>
|
||||
<option value="待机中">待机中</option>
|
||||
<option value="维修中">维修中</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">备注信息</label>
|
||||
<label class="layui-form-label9 red-star">备注信息</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="bzxx" placeholder="请输入备注信息">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label9">二维码内容</label>
|
||||
<label class="layui-form-label9 red-star">二维码内容</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" name="ewmnr" placeholder="请输入二维码内容">
|
||||
</div>
|
||||
@ -53,8 +59,12 @@
|
||||
</div>
|
||||
<div class="form-footer">
|
||||
<div class="layui-btn-group">
|
||||
<button type="button" class="layui-btn layui-btn-sm" id="submitBtn" lay-submit lay-filter="confirmFilter">提交</button>
|
||||
<button type="button" class="layui-btn layui-btn-sm layui-btn-primary" id="closeBtn" lay-submit lay-filter="closeFilter">关闭</button>
|
||||
<button type="button" class="layui-btn layui-btn-sm" id="submitBtn" lay-submit
|
||||
lay-filter="confirmFilter">提交
|
||||
</button>
|
||||
<button type="button" class="layui-btn layui-btn-sm layui-btn-primary" id="closeBtn" lay-submit
|
||||
lay-filter="closeFilter">关闭
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
@ -62,6 +72,18 @@
|
||||
</div>
|
||||
<script src="assets/crpm/js/layui/layui.js"></script>
|
||||
<script>
|
||||
layui.use(['laydate'], function () {
|
||||
var laydate = layui.laydate;
|
||||
// 获取class为laydate-input的元素
|
||||
var laydateInput = document.querySelectorAll('.laytime-input');
|
||||
laydate.render({
|
||||
elem: laydateInput,
|
||||
type: 'datetime', // 设置类型为日期时间，可选择年月日时分秒
|
||||
format: 'yyyy-MM-dd HH:mm:ss', // 自定义显示格式，可按需调整
|
||||
theme: 'grid', // 选择主题，可根据喜好更换，比如 'default'、'grid' 等
|
||||
trigger: 'click' // 触发方式，这里是点击输入框触发，还可以是 'focus' 等
|
||||
});
|
||||
});
|
||||
layui.use(['form'], function () {
|
||||
var form = layui.form;
|
||||
var layer = layui.layer;
|
||||
@ -70,38 +92,39 @@
|
||||
var $win = $(window);
|
||||
var id = layui.url().search.id;
|
||||
|
||||
var close = function() {
|
||||
var close = function () {
|
||||
top.layer.close(top.layer.getFrameIndex(window.name))
|
||||
}
|
||||
|
||||
var init = function() {
|
||||
var init = function () {
|
||||
var loadingIndex;
|
||||
$.ajax({
|
||||
url: 'api/data/get/ea3a1a/d80717/id/'+ id,
|
||||
success: function(resp) {
|
||||
url: 'api/data/get/ea3a1a/d80717/id/' + id,
|
||||
success: function (resp) {
|
||||
form.val('dataForm', resp);
|
||||
form.render(null, 'dataForm');
|
||||
},
|
||||
error: function(resp) {
|
||||
error: function (resp) {
|
||||
var data = JSON.parse(resp.responseText);
|
||||
top.layer.msg(data.msg);
|
||||
},
|
||||
beforeSend: function() {
|
||||
beforeSend: function () {
|
||||
loadingIndex = top.layer.msg('正在加载...', {
|
||||
icon: 16,
|
||||
shade: 0.01
|
||||
});;
|
||||
});
|
||||
;
|
||||
},
|
||||
complete: function() {
|
||||
complete: function () {
|
||||
top.layer.close(loadingIndex);
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
var addEvent = function() {
|
||||
var addEvent = function () {
|
||||
// 提交表单
|
||||
form.on('submit(confirmFilter)', function(formData) {
|
||||
top.layer.confirm('确定提交吗？', {title: false}, function(index) {
|
||||
form.on('submit(confirmFilter)', function (formData) {
|
||||
top.layer.confirm('确定提交吗？', {title: false}, function (index) {
|
||||
top.layer.close(index);
|
||||
var loadingIndex;
|
||||
$.ajax({
|
||||
@ -110,34 +133,35 @@
|
||||
contentType: 'application/json',
|
||||
dataType: 'json',
|
||||
data: JSON.stringify(formData.field),
|
||||
success: function(resp) {
|
||||
success: function (resp) {
|
||||
var loadLayerIndex;
|
||||
var layerIndex = top.layer.confirm('保存成功，继续添加？', {title: false}, function(index) {
|
||||
var layerIndex = top.layer.confirm('保存成功，继续添加？', {title: false}, function (index) {
|
||||
top.layer.close(index);
|
||||
window.location.reload();
|
||||
}, function() {
|
||||
}, function () {
|
||||
close();
|
||||
});
|
||||
},
|
||||
error: function(resp) {
|
||||
error: function (resp) {
|
||||
var data = JSON.parse(resp.responseText);
|
||||
top.layer.msg(data.msg);
|
||||
},
|
||||
beforeSend: function() {
|
||||
beforeSend: function () {
|
||||
loadingIndex = top.layer.msg('正在提交...', {
|
||||
icon: 16,
|
||||
shade: 0.01
|
||||
});;
|
||||
});
|
||||
;
|
||||
},
|
||||
complete: function() {
|
||||
complete: function () {
|
||||
top.layer.close(loadingIndex);
|
||||
}
|
||||
})
|
||||
});
|
||||
return false;
|
||||
});
|
||||
form.on('submit(closeFilter)', function(formData) {
|
||||
close();
|
||||
form.on('submit(closeFilter)', function (formData) {
|
||||
close();
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
@ -2,20 +2,25 @@
|
||||
<html lang="en">
|
||||
<head>
|
||||
<base href="/"/>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<meta charset="UTF-8"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
||||
<title>设备二维码巡检系统</title>
|
||||
<link rel="stylesheet" href="assets/crpm/js/layui/css/layui.css" />
|
||||
<link rel="stylesheet" href="assets/crpm/fonts/font-awesome/css/font-awesome.css" />
|
||||
<link rel="stylesheet" href="assets/crpm/index/index9/index9.css" />
|
||||
<link rel="stylesheet" href="assets/crpm/index/index.css" />
|
||||
<link rel="stylesheet" href="assets/crpm/js/layui/css/layui.css"/>
|
||||
<link rel="stylesheet" href="assets/crpm/fonts/font-awesome/css/font-awesome.css"/>
|
||||
<link rel="stylesheet" href="assets/crpm/index/index9/index9.css"/>
|
||||
<link rel="stylesheet" href="assets/crpm/index/index.css"/>
|
||||
</head>
|
||||
<body>
|
||||
<div class="system">
|
||||
<div class="top">
|
||||
<h3>设备二维码巡检系统</h3>
|
||||
<span>
|
||||
<em><a href="javascript:void(0);">退出系统</a></em>
|
||||
<em>
|
||||
<div style="display: flex;flex-direction: row">
|
||||
<div class="layui-icon layui-icon-set-fill" style="color:white;margin-right: 10px"></div>
|
||||
<a href="javascript:void(0);" style="color:white;">退出系统</a>
|
||||
</div>
|
||||
</em>
|
||||
</span>
|
||||
</div>
|
||||
<div class="bottom">
|
||||
@ -27,37 +32,59 @@
|
||||
</div>
|
||||
<ul class="layui-nav layui-nav-tree" lay-filter="test">
|
||||
<li class="layui-nav-item layui-nav-itemed">
|
||||
<a href="javascript:void(0);" class="menu-item" id="menu-6b3f61af-9077-4d32-ba17-06323c5b4d54" data-mod-id="d48fd3fe-9f7a-427c-a106-5bd8f9cd2bf5" data-url="route/pages/c49755/list.html"><i class="fa fa-list"></i> 二维码生成</a>
|
||||
<a href="javascript:void(0);" class="menu-item" id="menu-6b3f61af-9077-4d32-ba17-06323c5b4d54"
|
||||
data-mod-id="d48fd3fe-9f7a-427c-a106-5bd8f9cd2bf5" data-url="route/pages/c49755/list.html"><i
|
||||
class="fa fa-qrcode"></i> 二维码生成</a>
|
||||
</li>
|
||||
<li class="layui-nav-item layui-nav-itemed">
|
||||
<a href="javascript:void(0);" class="menu-item" id="menu-96019713-af90-47ff-ba6e-7ed5d4baf283" data-mod-id="1f6f942f-4c57-4825-9f71-6a085dc590cb" data-url="route/pages/d80717/list.html"><i class="fa fa-list"></i> 扫码识别</a>
|
||||
<a href="javascript:void(0);" class="menu-item" id="menu-96019713-af90-47ff-ba6e-7ed5d4baf283"
|
||||
data-mod-id="1f6f942f-4c57-4825-9f71-6a085dc590cb" data-url="route/pages/d80717/list.html"><i
|
||||
class="fa fa-search"></i> 扫码识别</a>
|
||||
</li>
|
||||
<li class="layui-nav-item layui-nav-itemed">
|
||||
<a href="javascript:void(0);" class="menu-item" id="menu-115eb185-b9b2-410f-8f21-74b1ce9c9b50" data-mod-id="3c794b06-da8b-4d6d-8a5e-8433bbebf325" data-url="route/pages/cdfd45/list.html"><i class="fa fa-list"></i> 巡检记录</a>
|
||||
<a href="javascript:void(0);" class="menu-item" id="menu-115eb185-b9b2-410f-8f21-74b1ce9c9b50"
|
||||
data-mod-id="3c794b06-da8b-4d6d-8a5e-8433bbebf325" data-url="route/pages/cdfd45/list.html"><i
|
||||
class="fa fa-clipboard"></i> 巡检记录</a>
|
||||
</li>
|
||||
<li class="layui-nav-item layui-nav-itemed">
|
||||
<a href="javascript:void(0);" class="menu-item" id="menu-ca584a01-b210-45da-9960-c25d06f0f821" data-mod-id="8f5fce1b-0402-4726-85e1-50103ca923ad" data-url="route/pages/bb6cd1/list.html"><i class="fa fa-list"></i> 异常报警</a>
|
||||
<a href="javascript:void(0);" class="menu-item" id="menu-ca584a01-b210-45da-9960-c25d06f0f821"
|
||||
data-mod-id="8f5fce1b-0402-4726-85e1-50103ca923ad" data-url="route/pages/bb6cd1/list.html"><i
|
||||
class="fa fa-bell"></i> 异常报警</a>
|
||||
</li>
|
||||
<li class="layui-nav-item layui-nav-itemed">
|
||||
<a href="javascript:void(0);" class="menu-item" id="menu-1cc7e958-9def-4955-b868-2cef8fabe56c" data-mod-id="e688d5be-1580-4d76-8fbc-e947ea014957" data-url="route/pages/178cdf/list.html"><i class="fa fa-list"></i> 维修管理</a>
|
||||
<a href="javascript:void(0);" class="menu-item" id="menu-1cc7e958-9def-4955-b868-2cef8fabe56c"
|
||||
data-mod-id="e688d5be-1580-4d76-8fbc-e947ea014957" data-url="route/pages/178cdf/list.html"><i
|
||||
class="fa fa-wrench"></i> 维修管理</a>
|
||||
</li>
|
||||
<li class="layui-nav-item layui-nav-itemed">
|
||||
<a href="javascript:void(0);" class="menu-item" id="menu-edffd15d-aec0-4a7d-ba66-2b7c06e0c899" data-mod-id="8afa47e6-331d-4d59-8bde-7cc52882b7da" data-url="route/pages/c85e75/list.html"><i class="fa fa-list"></i> 保养计划</a>
|
||||
<a href="javascript:void(0);" class="menu-item" id="menu-edffd15d-aec0-4a7d-ba66-2b7c06e0c899"
|
||||
data-mod-id="8afa47e6-331d-4d59-8bde-7cc52882b7da" data-url="route/pages/c85e75/list.html"><i
|
||||
class="fa fa-calendar-check-o"></i> 保养计划</a>
|
||||
</li>
|
||||
<li class="layui-nav-item layui-nav-itemed">
|
||||
<a href="javascript:void(0);" class="menu-item" id="menu-33c922cd-ec5c-43ce-bcf3-7be9b34ee18d" data-mod-id="9169f599-6e3c-4d7c-8f92-c6e26b4456e3" data-url="route/pages/460879/list.html"><i class="fa fa-list"></i> 设备台账</a>
|
||||
<a href="javascript:void(0);" class="menu-item" id="menu-33c922cd-ec5c-43ce-bcf3-7be9b34ee18d"
|
||||
data-mod-id="9169f599-6e3c-4d7c-8f92-c6e26b4456e3" data-url="route/pages/460879/list.html"><i
|
||||
class="fa fa-database"></i> 设备台账</a>
|
||||
</li>
|
||||
<li class="layui-nav-item layui-nav-itemed">
|
||||
<a href="javascript:void(0);" class="menu-item" id="menu-c1cff805-9630-431d-9a3e-b29cc48298af" data-mod-id="72db61a2-ee34-4923-8101-cc46faafe8b0" data-url="route/pages/3aa3bd/list.html"><i class="fa fa-list"></i> 备件库存</a>
|
||||
<a href="javascript:void(0);" class="menu-item" id="menu-c1cff805-9630-431d-9a3e-b29cc48298af"
|
||||
data-mod-id="72db61a2-ee34-4923-8101-cc46faafe8b0" data-url="route/pages/3aa3bd/list.html"><i
|
||||
class="fa fa-cubes"></i> 备件库存</a>
|
||||
</li>
|
||||
<li class="layui-nav-item layui-nav-itemed">
|
||||
<a href="javascript:void(0);" class="menu-item" id="menu-b7ac72a8-01ae-4c26-81da-157926b93f04" data-mod-id="65dafa15-90e4-43b9-86bd-d2a9415910b7" data-url="route/pages/b98900/list.html"><i class="fa fa-list"></i> 权限管理</a>
|
||||
<a href="javascript:void(0);" class="menu-item" id="menu-b7ac72a8-01ae-4c26-81da-157926b93f04"
|
||||
data-mod-id="65dafa15-90e4-43b9-86bd-d2a9415910b7" data-url="route/pages/b98900/list.html"><i
|
||||
class="fa fa-lock"></i> 权限管理</a>
|
||||
</li>
|
||||
<li class="layui-nav-item layui-nav-itemed">
|
||||
<a href="javascript:void(0);" class="menu-item" id="menu-6f3c0a83-1ad3-49de-8721-6ca05cff772d" data-mod-id="8896feba-1561-4aad-86e2-e8273224aed7" data-url="route/pages/ade5a9/list.html"><i class="fa fa-list"></i> 操作日志</a>
|
||||
<a href="javascript:void(0);" class="menu-item" id="menu-6f3c0a83-1ad3-49de-8721-6ca05cff772d"
|
||||
data-mod-id="8896feba-1561-4aad-86e2-e8273224aed7" data-url="route/pages/ade5a9/list.html"><i
|
||||
class="fa fa-history"></i> 操作日志</a>
|
||||
</li>
|
||||
<li class="layui-nav-item layui-nav-itemed">
|
||||
<a href="javascript:void(0);" class="menu-item" id="menu-1d7b26a6-15c8-4dab-8ba2-6bfe246df869" data-mod-id="62b312d5-644a-44a6-a5d8-8243473eac60" data-url="route/pages/17fbb1/list.html"><i class="fa fa-list"></i> 二维码更新</a>
|
||||
<a href="javascript:void(0);" class="menu-item" id="menu-1d7b26a6-15c8-4dab-8ba2-6bfe246df869"
|
||||
data-mod-id="62b312d5-644a-44a6-a5d8-8243473eac60" data-url="route/pages/17fbb1/list.html"><i
|
||||
class="fa fa-refresh"></i> 二维码更新</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
@ -123,7 +150,7 @@
|
||||
var $win = $(window);
|
||||
window['layer'] = layer;
|
||||
|
||||
var init = function() {
|
||||
var init = function () {
|
||||
var $pageIframe = $('#pageIframe');
|
||||
$pageIframe.css({
|
||||
height: `${$win.height() - 200}px`
|
||||
@ -134,7 +161,7 @@
|
||||
|
||||
var homepage = document.getElementById('homepage');
|
||||
var content = document.querySelector('.content');
|
||||
$(document).on('click', '.menu-item', function() {
|
||||
$(document).on('click', '.menu-item', function () {
|
||||
var url = this.dataset.url;
|
||||
var pageIframe = $('#pageIframe');
|
||||
pageIframe.attr('src', url);
|
||||
@ -235,7 +262,7 @@
|
||||
type: 'bar',
|
||||
data: [100, 70, 70],
|
||||
itemStyle: {
|
||||
color: function(params) {
|
||||
color: function (params) {
|
||||
return params.value >= 90 ? '#52c41a' : params.value >= 70 ? '#faad14' : '#ff4d4f';
|
||||
}
|
||||
}
|
||||
@ -276,7 +303,7 @@
|
||||
alarmLevelChart.setOption(alarmLevelOption);
|
||||
|
||||
// 响应式处理
|
||||
window.addEventListener('resize', function() {
|
||||
window.addEventListener('resize', function () {
|
||||
repairCostChart.resize();
|
||||
equipmentTypeChart.resize();
|
||||
inspectionRateChart.resize();
|
||||
|
||||
Loading…
Reference in New Issue
Block a user