615 lines
36 KiB
Plaintext
615 lines
36 KiB
Plaintext
<%@ page language="java" pageEncoding="UTF-8" %>
|
||
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c" %>
|
||
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
|
||
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
|
||
<%@ page import="com.sipai.entity.base.ServerObject" %>
|
||
<%@ taglib uri="http://www.springsecurity.org/jsp" prefix="security" %>
|
||
<%String contextPath = request.getContextPath();%>
|
||
<!DOCTYPE html>
|
||
<!-- <html lang="zh-CN"> -->
|
||
<!-- BEGIN HEAD -->
|
||
<head>
|
||
<title><%= ServerObject.atttable.get("TOPTITLE")%>
|
||
</title>
|
||
|
||
<!-- 引用页头及CSS页-->
|
||
<jsp:include page="/jsp/inc.jsp"></jsp:include>
|
||
<style type="text/css">
|
||
.triangle {
|
||
width: 0px;
|
||
height: 0px;
|
||
border-left: 4px solid transparent;
|
||
border-right: 4px solid transparent;
|
||
border-top: 8px solid transparent;
|
||
border-bottom: 8px solid transparent;
|
||
border-top-color: #FFFFFF;
|
||
}
|
||
|
||
.helpTitle {
|
||
/*border-bottom: 1px dotted #666;*/
|
||
color: #333;
|
||
cursor: help;
|
||
}
|
||
|
||
.helpTitle:hover {
|
||
color: #FFF;
|
||
background-color: #3399FF;
|
||
}
|
||
|
||
.helpTitle-content {
|
||
position: absolute;
|
||
white-space: pre;
|
||
top: 10px;
|
||
left: 850px;
|
||
padding: 10px;
|
||
background-color: #333;
|
||
color: #FFF;
|
||
border-radius: 5px;
|
||
font-size: 14px;
|
||
z-index: 9999;
|
||
display: none;
|
||
}
|
||
</style>
|
||
<script type="text/javascript">
|
||
|
||
let FJType = '0';
|
||
let beginTimeStore1 = '';
|
||
let endTimeStore1 = '';
|
||
let end_reservationtime = '';
|
||
|
||
$(function () {
|
||
if ('${param.unitId}' != '') {
|
||
bizid = '${param.unitId}';
|
||
} else {
|
||
bizid = unitId;
|
||
}
|
||
|
||
// 给需要提示的元素绑定鼠标悬浮事件
|
||
$('.helpTitle').hover(function () {
|
||
// 鼠标悬浮时显示提示内容
|
||
// var title = $(this).attr('title');
|
||
var title = "注意事项：\n① 请保证该仓目前没有进泥\n② 每次计算单泵效率，请保证只有一台泵处于运行状态\n③ 记录期间，请保持螺杆泵的频率恒定不变化\n④ 模型以雷达泥位计为准";
|
||
$(this).attr('data-title', title);
|
||
$(this).removeAttr('title');
|
||
$('<div class="helpTitle-content"></div>').text(title).appendTo('body').fadeIn();
|
||
}, function () {
|
||
// 鼠标移出时隐藏提示内容
|
||
$(this).attr('title', $(this).attr('data-title'));
|
||
$('.helpTitle-content').remove();
|
||
});
|
||
|
||
setInterval(function () {
|
||
let nowTime = getNowTime().substring(0,19);
|
||
$('#beginTime').text(nowTime);
|
||
}, 1000);
|
||
|
||
getData();
|
||
initDate1();
|
||
initDate2();
|
||
})
|
||
|
||
function initDate1() {
|
||
var locale = {
|
||
"format": 'YYYY-MM-DD HH:mm:ss',
|
||
"separator": " 至 ",
|
||
"applyLabel": "确定",
|
||
"cancelLabel": "取消",
|
||
"fromLabel": "起始时间",
|
||
"toLabel": "结束时间'",
|
||
"customRangeLabel": "自定义",
|
||
"weekLabel": "W",
|
||
"daysOfWeek": ["日", "一", "二", "三", "四", "五", "六"],
|
||
"monthNames": ["一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"],
|
||
"firstDay": 1
|
||
};
|
||
|
||
beginTimeStore1 = moment().subtract(30, 'days').format('YYYY-MM-DD HH:mm:ss');
|
||
endTimeStore1 = moment().subtract(0, 'days').format('YYYY-MM-DD HH:mm:ss');
|
||
$('#reservationtime1').val(beginTimeStore1 + locale.separator + endTimeStore1);
|
||
|
||
$('#reservationtime1').daterangepicker({
|
||
"timePicker": true,
|
||
"timePicker24Hour": true,
|
||
"timePickerSeconds": true, //时间显示到秒
|
||
// "singleDatePicker": true,
|
||
"linkedCalendars": false,
|
||
"autoUpdateInput": false,
|
||
"timePickerIncrement": 1,
|
||
"locale": locale,
|
||
"opens": 'right', //日期选择框的弹出位置
|
||
"drops": 'up', //日期选择框的弹出位置
|
||
//汉化按钮部分
|
||
ranges: {
|
||
// '今日': [moment(), moment().subtract(-1, 'days')],
|
||
'昨日': [moment().subtract(1, 'days'), moment()],
|
||
'最近7日': [moment().subtract(7, 'days'), moment()],
|
||
'本月': [moment().startOf('month'), moment().endOf('month')],
|
||
'上月': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
|
||
},
|
||
startDate: beginTimeStore1,
|
||
endDate: endTimeStore1
|
||
}, function (start, end, label) {
|
||
beginTimeStore1 = start.format(this.locale.format);
|
||
endTimeStore1 = end.format(this.locale.format);
|
||
if (!this.startDate) {
|
||
this.element.val('');
|
||
} else {
|
||
this.element.val(this.startDate.format(this.locale.format) + this.locale.separator + this.endDate.format(this.locale.format));
|
||
}
|
||
});
|
||
|
||
};
|
||
|
||
function initDate2() {
|
||
var locale = {
|
||
"format": 'YYYY-MM-DD HH:mm:ss',
|
||
"separator": " 至 ",
|
||
"applyLabel": "确定",
|
||
"cancelLabel": "取消",
|
||
"fromLabel": "起始时间",
|
||
"toLabel": "结束时间'",
|
||
"customRangeLabel": "自定义",
|
||
"weekLabel": "W",
|
||
"daysOfWeek": ["日", "一", "二", "三", "四", "五", "六"],
|
||
"monthNames": ["一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"],
|
||
"firstDay": 1
|
||
};
|
||
|
||
end_reservationtime = moment().format('YYYY-MM-DD HH:mm:ss');
|
||
// endTimeStore1 = moment().subtract(0, 'days').format('YYYY-MM-DD HH:mm:ss');
|
||
$('#end_reservationtime').val(end_reservationtime);
|
||
|
||
$('#end_reservationtime').daterangepicker({
|
||
"timePicker": true,
|
||
"timePicker24Hour": true,
|
||
"timePickerSeconds": true, //时间显示到秒
|
||
"singleDatePicker": true,
|
||
"linkedCalendars": false,
|
||
"autoUpdateInput": false,
|
||
"timePickerIncrement": 1,
|
||
"locale": locale,
|
||
"opens": 'left', //日期选择框的弹出位置
|
||
"drops": 'down', //日期选择框的弹出位置
|
||
//汉化按钮部分
|
||
ranges: {
|
||
// '今日': [moment(), moment().subtract(-1, 'days')],
|
||
'昨日': [moment().subtract(1, 'days'), moment()],
|
||
'最近7日': [moment().subtract(7, 'days'), moment()],
|
||
'本月': [moment().startOf('month'), moment().endOf('month')],
|
||
'上月': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
|
||
},
|
||
startDate: end_reservationtime,
|
||
// endDate: endTimeStore1
|
||
}, function (start, end, label) {
|
||
end_reservationtime = start.format(this.locale.format);
|
||
// endTimeStore1 = end.format(this.locale.format);
|
||
if (!this.startDate) {
|
||
this.element.val('');
|
||
} else {
|
||
this.element.val(this.startDate.format(this.locale.format));
|
||
}
|
||
});
|
||
|
||
};
|
||
|
||
function getData() {
|
||
$.ajax({
|
||
type: 'GET',
|
||
url: ext.contextPath + "/digitalProcess/digitalTechnologist/getSDKJspData.do",
|
||
dataType: 'json',
|
||
data: {
|
||
unitId: bizid,
|
||
jspId: 'primaryFanSysESDK',
|
||
modelType: FJType,
|
||
// time:""
|
||
},
|
||
async: true,
|
||
error: function () {
|
||
return false;
|
||
},
|
||
success: function (data) {
|
||
if (data.length > 0) {
|
||
console.log(data)
|
||
|
||
|
||
}
|
||
}
|
||
});
|
||
}
|
||
|
||
function changeFJType() {
|
||
let nowType = $('#FJ_Type').val();
|
||
FJType = nowType;
|
||
getData();
|
||
}
|
||
|
||
function changeNowModel(st) {
|
||
if (st == '1') {
|
||
$('#timeModel').css("color", "#FFFFFF");
|
||
$('#timeModel').css("background", "#0AABFF");
|
||
$('#timeModel').css("border", "1px solid #00cbff");
|
||
$('#endMudShow').css("display", "none");
|
||
|
||
$('#mudModel').css("color", "#00D3FF");
|
||
$('#mudModel').css("background", "rgba(24,105,174,0.70)");
|
||
$('#mudModel').css("border", "1px solid rgba(0,203,255,0.30)");
|
||
} else if (st == '2') {
|
||
$('#mudModel').css("color", "#FFFFFF");
|
||
$('#mudModel').css("background", "#0AABFF");
|
||
$('#mudModel').css("border", "1px solid #00cbff");
|
||
$('#endMudShow').css("display", "block");
|
||
|
||
$('#timeModel').css("color", "#00D3FF");
|
||
$('#timeModel').css("background", "rgba(24,105,174,0.70)");
|
||
$('#timeModel').css("border", "1px solid rgba(0,203,255,0.30)");
|
||
} else if (st == '0') {
|
||
$('#timeModel').css("color", "#FFFFFF");
|
||
$('#timeModel').css("background", "#0AABFF");
|
||
$('#timeModel').css("border", "1px solid #00cbff");
|
||
$('#endMudShow').css("display", "none");
|
||
|
||
$('#mudModel').css("color", "#00D3FF");
|
||
$('#mudModel').css("background", "rgba(24,105,174,0.70)");
|
||
$('#mudModel').css("border", "1px solid rgba(0,203,255,0.30)");
|
||
}
|
||
}
|
||
</script>
|
||
|
||
</head>
|
||
<body onload="initMenu()" class="hold-transition ${cu.themeclass} sidebar-mini">
|
||
<div id="mainAlertdiv"></div>
|
||
<div id="subDiv"></div>
|
||
|
||
<div id="main"
|
||
style="width: 1265px;height: 629px;background:rgba(0,17,33,0.80);border: 1px solid #454545;border-radius: 8px;padding: 20px 25px 20px 25px;">
|
||
<div style="float: left;width: 60%;height: 100%;">
|
||
<div style="float: left;width: 100%;height: 38px;">
|
||
<div style="float: left;width: 108px;height: 100%;color: #ffffff;line-height: 38px;font-size: 18px;">
|
||
污泥仓选择：
|
||
</div>
|
||
<div style="float: left;width: 333px;height: 100%;color: #ffffff;line-height: 38px;font-size: 18px;">
|
||
<select id="WNSC_Type" onchange="changeWNSCType();"
|
||
style="width: 333px;height: 38px;padding-left: 15px;background-color:rgba(24,105,174,0.70);color: #FFFFFF;border: 1px solid #00cbff;border-radius: 2px;">
|
||
<option value='0'>污泥接收仓A – P001A/P001B</option>
|
||
<option value='1'>污泥接收仓B – P001A/P001B</option>
|
||
<option value='2'>污泥接收仓C – P001A/P001B</option>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
<div style="float: left;width: 702px;height: 423px;background: rgba(12,12,12,0.60);margin-top: 30px;position:relative;">
|
||
<div style="left:95px;top:92px;width: 82px;height: 51px;background: url(<%=request.getContextPath()%>/IMG/digitalProcess/污泥车.png);background-size: 100% 100%;position: absolute;">
|
||
</div>
|
||
<div style="left:210px;top:105px;width: 24px;height: 14px;position: absolute;">
|
||
<svg t="1692595306070" class="icon" viewBox="0 0 1024 1024" version="1.1" p-id="3289" width="24"
|
||
height="24">
|
||
<path d="M47.104 453.632q0-43.008 20.992-57.856t66.048-14.848q20.48 0 64.512 0.512t93.696 0.512 96.768 0.512 74.752 0.512q38.912 1.024 61.44-6.656t22.528-35.328q0-20.48 1.536-48.64t1.536-48.64q1.024-35.84 20.48-45.568t49.152 14.848q30.72 24.576 71.68 58.368t84.992 69.12 86.016 69.632 74.752 59.904q29.696 24.576 30.208 46.592t-28.16 45.568q-29.696 24.576-70.144 56.32t-83.968 65.536-85.504 67.072-74.752 58.88q-35.84 28.672-58.88 21.504t-22.016-44.032l0-24.576 0-29.696q0-15.36-0.512-30.208t-0.512-27.136q0-25.6-15.36-32.256t-41.984-6.656q-29.696 0-77.824-0.512t-100.352-0.512-101.376-0.512-79.872-0.512q-13.312 0-27.648-2.56t-26.112-9.728-18.944-20.992-7.168-37.376q0-27.648-0.512-53.248t0.512-57.344z"
|
||
p-id="3290" fill="#ffffff"></path>
|
||
</svg>
|
||
</div>
|
||
<div style="left:256px;top:20px;width: 222px;height: 240px;background: url(<%=request.getContextPath()%>/IMG/digitalProcess/接收仓.png);background-size: 100% 100%;position: absolute;">
|
||
<div style="float:left;color: #FFFFFF;font-size: 16px;font-weight: 700;text-align: center;width: 100%;margin-top: 70px;">
|
||
污泥接收仓A<br>F001A
|
||
</div>
|
||
</div>
|
||
<div style="left:255px;top:223px;width: 89px;height: 91px;background: url(<%=request.getContextPath()%>/IMG/digitalProcess/接收车.png);background-size: 100% 100%;position: absolute;">
|
||
</div>
|
||
<div style="left:290.5px;top:274px;width: 18px;height: 18px;position: absolute;">
|
||
<svg t="1692596178318" class="icon" viewBox="0 0 1024 1024" version="1.1" p-id="15444" width="18"
|
||
height="18">
|
||
<path d="M513.024 65.536q93.184 0 175.616 35.84t143.872 97.28 97.28 143.872 35.84 175.616q0 94.208-35.84 176.64t-97.28 143.872-143.872 97.28-175.616 35.84q-94.208 0-176.64-35.84t-143.872-97.28-97.28-143.872-35.84-176.64q0-93.184 35.84-175.616t97.28-143.872 143.872-97.28 176.64-35.84zM513.024 909.312q80.896 0 152.064-30.72t124.416-83.968 83.968-124.416 30.72-152.064-30.72-152.064-83.968-124.416-124.416-83.968-152.064-30.72q-81.92 0-153.088 30.72t-124.416 83.968-83.968 124.416-30.72 152.064 30.72 152.064 83.968 124.416 124.416 83.968 153.088 30.72zM513.024 190.464q66.56 0 124.928 25.088t102.4 69.12 69.12 102.4 25.088 124.928-25.088 125.44-69.12 102.912-102.4 69.12-124.928 25.088-125.44-25.088-102.912-69.12-69.12-102.912-25.088-125.44 25.088-124.928 69.12-102.4 102.912-69.12 125.44-25.088z"
|
||
p-id="15445" fill="#1AFF01"></path>
|
||
</svg>
|
||
</div>
|
||
<div style="left:390px;top:223px;width: 89px;height: 91px;background: url(<%=request.getContextPath()%>/IMG/digitalProcess/接收车.png);background-size: 100% 100%;position: absolute;">
|
||
|
||
</div>
|
||
<div style="left:425.5px;top:274px;width: 18px;height: 18px;position: absolute;">
|
||
<svg t="1692596178318" class="icon" viewBox="0 0 1024 1024" version="1.1" p-id="15444" width="18"
|
||
height="18">
|
||
<path d="M513.024 65.536q93.184 0 175.616 35.84t143.872 97.28 97.28 143.872 35.84 175.616q0 94.208-35.84 176.64t-97.28 143.872-143.872 97.28-175.616 35.84q-94.208 0-176.64-35.84t-143.872-97.28-97.28-143.872-35.84-176.64q0-93.184 35.84-175.616t97.28-143.872 143.872-97.28 176.64-35.84zM513.024 909.312q80.896 0 152.064-30.72t124.416-83.968 83.968-124.416 30.72-152.064-30.72-152.064-83.968-124.416-124.416-83.968-152.064-30.72q-81.92 0-153.088 30.72t-124.416 83.968-83.968 124.416-30.72 152.064 30.72 152.064 83.968 124.416 124.416 83.968 153.088 30.72zM513.024 190.464q66.56 0 124.928 25.088t102.4 69.12 69.12 102.4 25.088 124.928-25.088 125.44-69.12 102.912-102.4 69.12-124.928 25.088-125.44-25.088-102.912-69.12-69.12-102.912-25.088-125.44 25.088-124.928 69.12-102.4 102.912-69.12 125.44-25.088z"
|
||
p-id="15445" fill="#FF0000"></path>
|
||
</svg>
|
||
</div>
|
||
<div style="left:240px;top:320px;width: 120px;height: 60px;position: absolute;">
|
||
<div style="float:left;width: 100%;height: 30px;color: #FFFFFF;font-size: 16px;font-weight: 700;text-align: center;">
|
||
P001A
|
||
</div>
|
||
<div style="float:left;width: 100%;height: 30px;background: #000000;border: 1px solid #707070;line-height:30px;">
|
||
<div style="float:left;width: 35%;height: 100%;text-align: right;color: #ffffff;">
|
||
频率
|
||
</div>
|
||
<div style="float:left;width: 45%;height: 100%;text-align: center;color: #00FF33;">
|
||
35.5
|
||
</div>
|
||
<div style="float:left;width: 20%;height: 100%;text-align: left;color: #b8bebe;">
|
||
Hz
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div style="left:375px;top:320px;width: 120px;height: 60px;position: absolute;">
|
||
<div style="float:left;width: 100%;height: 30px;color: #FFFFFF;font-size: 16px;font-weight: 700;text-align: center;">
|
||
P001B
|
||
</div>
|
||
<div style="float:left;width: 100%;height: 30px;background: #000000;border: 1px solid #707070;line-height:30px;">
|
||
<div style="float:left;width: 35%;height: 100%;text-align: right;color: #ffffff;">
|
||
频率
|
||
</div>
|
||
<div style="float:left;width: 45%;height: 100%;text-align: center;color: #00FF33;">
|
||
0
|
||
</div>
|
||
<div style="float:left;width: 20%;height: 100%;text-align: left;color: #b8bebe;">
|
||
Hz
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div style="left:500px;top:40px;width: 170px;height: 130px;position: absolute;">
|
||
<div style="float:left;width: 100%;height: 20px;color: #B1B1B1;text-align: left;">
|
||
超声波液位计
|
||
</div>
|
||
<div style="float:left;width: 100%;height: 30px;background: #000000;border: 1px solid #707070;line-height:30px;margin-top: 10px;">
|
||
<div style="float:left;width: 40%;height: 100%;text-align: right;color: #ffffff;">
|
||
当前泥位
|
||
</div>
|
||
<div style="float:left;width: 40%;height: 100%;text-align: center;color: #00FF33;">
|
||
12.5
|
||
</div>
|
||
<div style="float:left;width: 20%;height: 100%;text-align: left;color: #b8bebe;">
|
||
m
|
||
</div>
|
||
</div>
|
||
<div style="float:left;width: 100%;height: 30px;background: #000000;border: 1px solid #707070;line-height:30px;margin-top: 10px;">
|
||
<div style="float:left;width: 40%;height: 100%;text-align: right;color: #ffffff;">
|
||
起始泥位
|
||
</div>
|
||
<div style="float:left;width: 40%;height: 100%;text-align: center;color: #00FF33;">
|
||
12.5
|
||
</div>
|
||
<div style="float:left;width: 20%;height: 100%;text-align: left;color: #b8bebe;">
|
||
m
|
||
</div>
|
||
</div>
|
||
<div style="float:left;width: 100%;height: 30px;background: #000000;border: 1px solid #707070;line-height:30px;margin-top: 10px;">
|
||
<div style="float:left;width: 40%;height: 100%;text-align: right;color: #ffffff;">
|
||
终止泥位
|
||
</div>
|
||
<div style="float:left;width: 40%;height: 100%;text-align: center;color: #00FF33;">
|
||
10.5
|
||
</div>
|
||
<div style="float:left;width: 20%;height: 100%;text-align: left;color: #b8bebe;">
|
||
m
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div style="left:500px;top:200px;width: 170px;height: 130px;position: absolute;display: none;">
|
||
<div style="float:left;width: 100%;height: 20px;color: #B1B1B1;text-align: left;">
|
||
雷达液位计
|
||
</div>
|
||
<div style="float:left;width: 100%;height: 30px;background: #000000;border: 1px solid #707070;line-height:30px;margin-top: 10px;">
|
||
<div style="float:left;width: 40%;height: 100%;text-align: right;color: #ffffff;">
|
||
当前泥位
|
||
</div>
|
||
<div style="float:left;width: 40%;height: 100%;text-align: center;color: #00FF33;">
|
||
12.5
|
||
</div>
|
||
<div style="float:left;width: 20%;height: 100%;text-align: left;color: #b8bebe;">
|
||
m
|
||
</div>
|
||
</div>
|
||
<div style="float:left;width: 100%;height: 30px;background: #000000;border: 1px solid #707070;line-height:30px;margin-top: 10px;">
|
||
<div style="float:left;width: 40%;height: 100%;text-align: right;color: #ffffff;">
|
||
起始泥位
|
||
</div>
|
||
<div style="float:left;width: 40%;height: 100%;text-align: center;color: #00FF33;">
|
||
12.5
|
||
</div>
|
||
<div style="float:left;width: 20%;height: 100%;text-align: left;color: #b8bebe;">
|
||
m
|
||
</div>
|
||
</div>
|
||
<div style="float:left;width: 100%;height: 30px;background: #000000;border: 1px solid #707070;line-height:30px;margin-top: 10px;">
|
||
<div style="float:left;width: 40%;height: 100%;text-align: right;color: #ffffff;">
|
||
终止泥位
|
||
</div>
|
||
<div style="float:left;width: 40%;height: 100%;text-align: center;color: #00FF33;">
|
||
10.5
|
||
</div>
|
||
<div style="float:left;width: 20%;height: 100%;text-align: left;color: #b8bebe;">
|
||
m
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div style="float: left;width: 100%;height: 30px;padding-left: 20px;margin-top: 30px;">
|
||
<div style="float: left;width: 90px;height: 100%;color: #ffffff;line-height: 30px;font-size: 18px;">历史记录：
|
||
</div>
|
||
<div style="float: left;width: 350px;height: 100%;color: #ffffff;line-height: 30px;background: rgba(24,105,174,0.70);border: 1px solid #00cbff;border-radius: 2px;">
|
||
<div style="float:left;width: 20px;height: 20px;margin-left: 5px;margin-top: 5px;">
|
||
<svg t="1692582451969" class="icon" viewBox="0 0 1024 1024" version="1.1" p-id="15641" width="20"
|
||
height="20">
|
||
<path d="M512 960c-246.4 0-448-201.6-448-448s201.6-448 448-448 448 201.6 448 448-201.6 448-448 448z m0-64c211.2 0 384-172.8 384-384s-172.8-384-384-384-384 172.8-384 384 172.8 384 384 384z m32-576v211.2l3.2 3.2 156.8 156.8c12.8 12.8 12.8 32 0 44.8s-32 12.8-44.8 0l-156.8-156.8c-3.2-3.2-22.4-22.4-22.4-35.2v-224c0-19.2 12.8-32 32-32s32 12.8 32 32z"
|
||
fill="#ffffff" p-id="15642"></path>
|
||
</svg>
|
||
</div>
|
||
<div style="float:left;width:310px;height: 100%;margin-left: 5px;">
|
||
<input type="text" class="form-control pull-left" id="reservationtime1"
|
||
style="width:100%;height: 100%;color: #ffffff;background-color: transparent;border: 0px;">
|
||
</div>
|
||
</div>
|
||
<div style="float:left;width:70px;height: 100%;margin-left: 20px;color: #ffffff;line-height: 30px;background: rgba(24,105,174,0.70);border: 1px solid #00cbff;border-radius: 2px;cursor: pointer;">
|
||
<div style="float:left;width: 20px;height: 20px;margin-left: 5px;margin-top: 5px;">
|
||
<svg t="1692584554915" class="icon" viewBox="0 0 1024 1024" version="1.1" p-id="16800" width="20"
|
||
height="20">
|
||
<path d="M512 202.666667a32 32 0 0 0-32-32H256a85.333333 85.333333 0 0 0-85.333333 85.333333v512a85.333333 85.333333 0 0 0 85.333333 85.333333h512a85.333333 85.333333 0 0 0 85.333333-85.333333v-224a32 32 0 0 0-64 0V768a21.333333 21.333333 0 0 1-21.333333 21.333333H256a21.333333 21.333333 0 0 1-21.333333-21.333333V256a21.333333 21.333333 0 0 1 21.333333-21.333333h224a32 32 0 0 0 32-32z"
|
||
fill="#ffffff" p-id="16801"></path>
|
||
<path d="M848.469333 361.258667a8.533333 8.533333 0 0 1-0.085333 12.8l-194.218667 171.178666a8.533333 8.533333 0 0 1-14.165333-6.4V448c0-27.434667-25.898667-10.325333-67.370667-3.029333-44.288 7.722667-124.970667 63.018667-164.906666 92.032-6.954667 5.034667-16.170667-1.92-12.928-9.856 18.773333-45.781333 59.008-135.466667 96.981333-164.48C599.594667 280.362667 640 310.869333 640 283.434667V192.853333a8.533333 8.533333 0 0 1 14.250667-6.314666l194.218666 174.72z"
|
||
fill="#ffffff" p-id="16802"></path>
|
||
</svg>
|
||
</div>
|
||
<div style="float:left;width:28px;height: 100%;margin-left: 5px;color: #FFFFFF;">
|
||
导出
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div style="float: left;width: 40%;height: 100%;padding-left: 10px;">
|
||
<div style="float: left;width: 100%;height: 40px;">
|
||
<div style="float: left;width: 100px;height: 100px;line-height: 38px;font-size: 18px;color: #ffffff;">
|
||
当前模式：
|
||
</div>
|
||
<div id="timeModel" onclick="changeNowModel('1');"
|
||
style="float: left;width: 100px;height: 38px;line-height: 38px;text-align:center;font-size: 18px;color: #FFFFFF;background: #0AABFF;border: 1px solid #00cbff;border-radius: 2px;cursor: pointer;">
|
||
时间模式
|
||
</div>
|
||
<div id="mudModel" onclick="changeNowModel('2');"
|
||
style="float: left;width: 100px;height: 38px;line-height: 38px;text-align:center;font-size: 18px;color: #00D3FF;background: rgba(24,105,174,0.70);border: 1px solid rgba(0,203,255,0.30);border-radius: 2px;margin-left: 20px;cursor: pointer;">
|
||
泥位模式
|
||
</div>
|
||
<div id="stopModel" onclick="changeNowModel('0');"
|
||
style="float: left;width: 100px;height: 38px;line-height: 38px;text-align:center;font-size: 18px;color: #FFFFFF;background: rgba(174,24,24,0.70);border: 1px solid rgba(255,0,0,0.30);border-radius: 2px;margin-left: 20px;cursor: pointer;">
|
||
紧急停止
|
||
</div>
|
||
<div class="helpTitle"
|
||
style="float: left;width: 18px;height: 18px;margin-left: 10px;margin-top: 10px;">
|
||
<svg t="1692608718093" class="icon" viewBox="0 0 1024 1024" version="1.1"
|
||
xmlns="http://www.w3.org/2000/svg" p-id="4032" width="18" height="18">
|
||
<path d="M512 938.666667c235.648 0 426.666667-191.018667 426.666667-426.666667S747.648 85.333333 512 85.333333 85.333333 276.352 85.333333 512s191.018667 426.666667 426.666667 426.666667z m0 85.333333C229.248 1024 0 794.752 0 512S229.248 0 512 0s512 229.248 512 512-229.248 512-512 512z"
|
||
fill="#ffffff" p-id="4033"></path>
|
||
<path d="M520.96 232.106667c-62.293333 0-111.786667 17.92-147.626667 54.613333-36.693333 35.84-54.613333 84.48-54.613333 146.773333h90.453333c0-37.546667 7.68-67.413333 23.04-87.893333 17.066667-23.893333 45.226667-35.84 83.626667-35.84 30.72 0 54.613333 8.533333 71.68 25.6 16.213333 17.066667 24.746667 40.106667 24.746667 69.973333 0 22.186667-7.68 42.666667-23.04 62.293334l-14.506667 16.213333c-52.906667 46.933333-85.333333 81.92-97.28 105.813333-11.093333 22.186667-16.213333 49.493333-16.213333 81.066667v14.506667h91.306666v-14.506667c0-21.333333 4.266667-40.106667 13.653334-57.173333 7.68-15.36 19.626667-29.866667 34.986666-43.52 40.96-34.986667 64.853333-57.173333 72.533334-66.56 20.48-27.306667 31.573333-62.293333 31.573333-104.106667 0-51.2-17.066667-92.16-50.346667-122.026667-34.133333-30.72-78.506667-45.226667-133.973333-45.226666z m-14.506667 499.2c-17.92 0-32.426667 5.12-43.52 17.066666-12.8 11.093333-18.773333 25.6-18.773333 43.52 0 17.066667 5.973333 31.573333 18.773333 43.52 11.093333 11.946667 25.6 17.92 43.52 17.92 17.066667 0 32.426667-5.973333 45.226667-17.066666 11.946667-11.946667 17.92-26.453333 17.92-44.373334 0-17.92-5.973333-32.426667-17.92-43.52-11.946667-11.946667-27.306667-17.066667-45.226667-17.066666z"
|
||
fill="#ffffff" p-id="4034"></path>
|
||
</svg>
|
||
</div>
|
||
</div>
|
||
<div style="float: left;width: 100%;height: 30px;margin-top: 30px;">
|
||
<div style="float: left;width: 100px;height: 100%;line-height: 38px;font-size: 18px;color: #ffffff;">
|
||
开始时间：
|
||
</div>
|
||
<div id="beginTime"
|
||
style="float: left;width: 200px;height: 100%;line-height: 38px;font-size: 18px;color: #0AFA02;">
|
||
<%-- 2023-07-13 08:00:00--%>
|
||
</div>
|
||
<div style="float: left;width: 67px;height: 30px;line-height: 30px;text-align:center;font-size: 14px;color: #FFFFFF;background: rgba(24,105,174,0.70);border: 1px solid #00cbff;border-radius: 2px;margin-left: 20px;margin-top: 4px;cursor: pointer;">
|
||
开始
|
||
</div>
|
||
</div>
|
||
<div id="endMudShow" style="float: left;width: 100%;height: 30px;margin-top: 20px;display: none;">
|
||
<div style="float: left;width: 100px;height: 100%;line-height: 38px;font-size: 18px;color: #ffffff;">
|
||
结束泥位：
|
||
</div>
|
||
<div style="float: left;width: 72px;height: 100%;line-height: 38px;font-size: 18px;color: #B1B1B1;">
|
||
<input type="text" id="endMudLevel"
|
||
style="width:52px;height: 100%;background-color: transparent;border: 0px;" value="10.5">
|
||
m
|
||
</div>
|
||
</div>
|
||
<div style="float: left;width: 100%;height: 30px;margin-top: 20px;">
|
||
<div style="float: left;width: 100px;height: 100%;line-height: 38px;font-size: 18px;color: #ffffff;">
|
||
结束时间：
|
||
</div>
|
||
<div style="float: left;width: 200px;height: 100%;line-height: 38px;">
|
||
<input type="text" id="end_reservationtime"
|
||
style="width:100%;height: 100%;background-color: transparent;border: 0px;font-size: 18px;color: #B1B1B1;box-shadow: none;" readonly>
|
||
<%-- 2023-07-13 18:00:00--%>
|
||
</div>
|
||
</div>
|
||
<div style="float: left;width: 100%;height: 30px;margin-top: 20px;">
|
||
<div style="float: left;width: 194px;height: 30px;background: url(<%=request.getContextPath()%>/IMG/digitalProcess/titleStyle3.png);background-size: 100% 100%;position: absolute;">
|
||
<div style="float:left;width: 20px;height: 20px;margin-left: 5px;margin-top: 5px;">
|
||
<svg t="1692606074713" class="icon" viewBox="0 0 1024 1024" version="1.1" p-id="19011" width="20"
|
||
height="20">
|
||
<path d="M512 0C229.232 0 0 229.232 0 512s229.232 512 512 512 512-229.232 512-512S794.768 0 512 0zM512 928C282.256 928 96 741.744 96 512 96 282.256 282.256 96 512 96l0 416 294.16 294.16C730.88 881.44 626.88 928 512 928z"
|
||
fill="#ffffff" p-id="19012"></path>
|
||
</svg>
|
||
</div>
|
||
<div style="float:left;width:164px;height: 100%;margin-left: 5px;color: #FFFFFF;font-weight: 700;font-size: 16px;line-height: 30px;">
|
||
螺杆泵能效计算结果
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div style="float: left;width: 100%;height: 33px;margin-top: 20px;font-size: 18px;">
|
||
<div style="float: left;width: 160px;height: 100%;color: #FFFFFF;text-align: right;">
|
||
下降泥位
|
||
</div>
|
||
<div style="float: left;width: 120px;height: 100%;color: #01FFFF;text-align: center;">
|
||
12
|
||
</div>
|
||
<div style="float: left;width: 75px;height: 100%;color: #B8BEBE;text-align: left;">
|
||
m
|
||
</div>
|
||
</div>
|
||
<div style="float: left;width: 100%;height: 33px;font-size: 18px;">
|
||
<div style="float: left;width: 160px;height: 100%;color: #FFFFFF;text-align: right;">
|
||
记录时长
|
||
</div>
|
||
<div style="float: left;width: 120px;height: 100%;color: #01FFFF;text-align: center;">
|
||
5.5
|
||
</div>
|
||
<div style="float: left;width: 75px;height: 100%;color: #B8BEBE;text-align: left;">
|
||
h
|
||
</div>
|
||
</div>
|
||
<div style="float: left;width: 100%;height: 33px;font-size: 18px;">
|
||
<div style="float: left;width: 160px;height: 100%;color: #FFFFFF;text-align: right;">
|
||
螺杆泵编号
|
||
</div>
|
||
<div style="float: left;width: 120px;height: 100%;color: #01FFFF;text-align: center;">
|
||
P001A
|
||
</div>
|
||
<div style="float: left;width: 75px;height: 100%;color: #B8BEBE;text-align: left;">
|
||
</div>
|
||
</div>
|
||
<div style="float: left;width: 100%;height: 33px;font-size: 18px;">
|
||
<div style="float: left;width: 160px;height: 100%;color: #FFFFFF;text-align: right;">
|
||
运行频率
|
||
</div>
|
||
<div style="float: left;width: 120px;height: 100%;color: #01FFFF;text-align: center;">
|
||
40
|
||
</div>
|
||
<div style="float: left;width: 75px;height: 100%;color: #B8BEBE;text-align: left;">
|
||
Hz
|
||
</div>
|
||
</div>
|
||
<div style="float: left;width: 100%;height: 33px;font-size: 18px;">
|
||
<div style="float: left;width: 160px;height: 100%;color: #FFFFFF;text-align: right;">
|
||
理论泥量
|
||
</div>
|
||
<div style="float: left;width: 120px;height: 100%;color: #01FFFF;text-align: center;">
|
||
12.33
|
||
</div>
|
||
<div style="float: left;width: 75px;height: 100%;color: #B8BEBE;text-align: left;">
|
||
m³/h
|
||
</div>
|
||
</div>
|
||
<div style="float: left;width: 100%;height: 33px;font-size: 18px;">
|
||
<div style="float: left;width: 160px;height: 100%;color: #FFFFFF;text-align: right;">
|
||
实际泥量估算
|
||
</div>
|
||
<div style="float: left;width: 120px;height: 100%;color: #01FFFF;text-align: center;">
|
||
15.33
|
||
</div>
|
||
<div style="float: left;width: 75px;height: 100%;color: #B8BEBE;text-align: left;">
|
||
m³/h
|
||
</div>
|
||
</div>
|
||
<div style="float: left;width: 100%;height: 33px;font-size: 18px;">
|
||
<div style="float: left;width: 160px;height: 100%;color: #FFFFFF;text-align: right;">
|
||
效率
|
||
</div>
|
||
<div style="float: left;width: 120px;height: 100%;color: #01FFFF;text-align: center;">
|
||
80
|
||
</div>
|
||
<div style="float: left;width: 75px;height: 100%;color: #B8BEBE;text-align: left;">
|
||
%
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
</body>
|
||
<!-- 引入daterangepicker-->
|
||
<link rel="stylesheet" href="<%=request.getContextPath()%>/plugins/bootstrap-daterangepicker/daterangepicker.css"/>
|
||
<script type="text/javascript" src="<%=request.getContextPath()%>/plugins/bootstrap-daterangepicker/moment.min.js"
|
||
charset="utf-8"></script>
|
||
<script type="text/javascript" src="<%=request.getContextPath()%>/plugins/bootstrap-daterangepicker/daterangepicker.js"
|
||
charset="utf-8"></script>
|
||
</html> |