<!DOCTYPE html>
|
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org">
|
<head>
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
<title>通风作业</title>
|
<meta name="renderer" content="webkit">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
|
|
<link rel="stylesheet" th:href="@{/ajax/libs/layui/css/layui.css}"/>
|
<link rel="stylesheet" th:href="@{/dzhwk/verb/verb-control.css}"/>
|
|
<style>
|
.margin-bottom10 {
|
margin-bottom: 10px;
|
}
|
|
.img_device {
|
height: 40px;
|
cursor: pointer;
|
}
|
|
.device {
|
position: absolute;
|
cursor: pointer;
|
}
|
|
/*#device_view {*/
|
/* background: url('/img/dzhwk/depot/pfc_a.png') no-repeat 5px 5px;*/
|
/* width: 100%;*/
|
/* height: 620px;*/
|
/*}*/
|
|
.font-red {
|
color: red;
|
}
|
|
.select-bottom {
|
border-bottom: 3px solid #03ec45;
|
}
|
|
.left-input {
|
width: 140px !important;
|
}
|
|
.btn-fj {
|
width: 120px !important;
|
}
|
|
.m10 {
|
margin: 10px;
|
}
|
|
.btn-dis {
|
background-color: #FBFBFB !important;;
|
}
|
|
.areation-center {
|
text-align: center;
|
}
|
|
.btn-bottom {
|
margin-bottom: 1px;
|
}
|
|
.btn-right {
|
border-right: 1px solid #7b8e9f;
|
}
|
|
.sdtf-top-item {
|
height: 189px;
|
}
|
</style>
|
</head>
|
<body class="sdtf-body">
|
|
<div class="l-container ">
|
|
<div class="l-main layui-clear">
|
|
<div class="qt-left">
|
|
<div class="qt-lTop layui-clear">
|
<div class="qt-lTop-l fl">
|
<div class="qt-left1 layui-clear radius-6 box-shadow">
|
<form class="layui-form" action="">
|
|
<div class="layui-form-item lq-left1-from">
|
<label class="layui-form-label">仓廒名称</label>
|
<div class="layui-input-block">
|
<select name="depotId" id="depotId" lay-filter="select_depotId">
|
<option value="P0101" type="01">P01</option>
|
</select>
|
</div>
|
</div>
|
|
<div class="layui-btn-group layui-row sdft-btn-group">
|
<button type="button"
|
class="layui-btn layui-col-lg6 sdft-topbtn active js-tf-btn btn-bottom btn-right"
|
onclick="toCut('01')">显示正面
|
</button>
|
<button type="button" class="layui-btn layui-col-lg6 sdft-topbtn js-tf-btn btn-bottom"
|
onclick="toCut('02')">显示反面
|
</button>
|
<button type="button" class="layui-btn layui-col-lg6 sdft-topbtn js-tf-btn btn-right"
|
style="margin-right: 1px" onclick="toCut('03')">显示左侧面
|
</button>
|
<button type="button" class="layui-btn layui-col-lg6 sdft-topbtn js-tf-btn"
|
onclick="toCut('04')">显示右侧面
|
</button>
|
</div>
|
</form>
|
</div>
|
</div>
|
<!--qt-lTop-l end-->
|
|
<div class="layui-row qt-lTop-r fr">
|
|
<div class="layui-col-lg6">
|
<div class="radius-6 mr4 sdtf-top-item info1">
|
<div class="xg115-sdtf-tit">
|
<div class="xg115-sdtf-time">
|
<i class="i-icon"><img
|
th:src="@{/img/dzhwk/common/icon-time.png}"/></i> 检测时间 : <font
|
id="updateTime">00:00:00</font>
|
</div>
|
</div>
|
|
<div class="layui-row sdft-listbox">
|
|
<ul class="sdft-list sdft-list2 xg115-tf-list1">
|
<li><a href="#">
|
<div class="xg115-num">
|
<strong id="tempIn">#</strong><i>℃</i>
|
</div>
|
<p>仓内温</p>
|
</a></li>
|
<li><a href="#">
|
<div class="xg115-num">
|
<strong id="humidityIn">#</strong><i>%</i>
|
</div>
|
<p>仓内湿</p>
|
</a></li>
|
<li><a href="#">
|
<div class="xg115-num">
|
<strong id="tempOut">#</strong><i>℃</i>
|
</div>
|
<p>仓外温</p>
|
</a></li>
|
<li><a href="#">
|
<div class="xg115-num">
|
<strong id="humidityOut">#</strong><i>%</i>
|
</div>
|
<p>仓外湿</p>
|
</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
<!--layui-col end-->
|
|
|
<div class="layui-col-lg6">
|
<div class="radius-6 mr4 sdtf-top-item info2">
|
<div class="sdtf-top-tit">
|
<h3>
|
<span>仓库操作</span>
|
</h3>
|
</div>
|
|
<div class="layui-row sdft-listbox">
|
|
<ul class="sdft-list sdft-list2 xg115-tf-list">
|
<li class="videolist"
|
th:vpath="@{../../static/images/share-video_03.png}"
|
th:ipath="@{../../static/video/ckin.mp4}"><a
|
href="javascript:;" onclick="showVideo()"> <span
|
class="sdft-list-icon6"></span>
|
<p>视频查看</p>
|
</a></li>
|
|
<li><a href="javascript:;" onclick="closeAll()"> <span
|
class="sdft-list-icon9"></span>
|
<p>紧急全关</p>
|
</a></li>
|
<li><a href="javascript:;" onclick="queryStatus()"> <span
|
class="sdft-list-icon10"></span>
|
<p>更新状态</p>
|
</a></li>
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
<!--layui-col end-->
|
|
</div>
|
<!-- qt-lTop-r end-->
|
|
|
</div>
|
<!--qt-lTop end-->
|
|
<div class="qt-picBox">
|
|
<!-- <div id="device_view" class="pop radius-6">-->
|
<div id="device_view">
|
<img style="width: 100%;height: 630px" th:src="@{/img/dzhwk/depot/pfc_a.png}"/>
|
</div>
|
|
</div>
|
<!--qt-picBox end-->
|
|
|
</div>
|
<!--qt-left end-->
|
|
|
<div class="qt-right">
|
<div class="sdtf-r1 radius-6">
|
|
<div class="sdtf-r1-show">
|
<img th:src="@{/img/dzhwk/common/sdtf-show_03.png}"/>
|
</div>
|
|
<div class="xg115-btnhide">
|
<div class="layui-row sdtf-r1-btnbox">
|
<div class="layui-col-lg6 sdtf-r1-btn1">
|
<button type="button" class="layui-btn" onclick="dragDevice()">设备移动</button>
|
</div>
|
<div class="layui-col-lg6 sdtf-r1-btn2">
|
<button type="button" class="layui-btn layui-btn-danger"
|
onclick="updatePos()">位置保存
|
</button>
|
</div>
|
</div>
|
</div>
|
|
<a href="#" class="xg115-arrow js-xg115-arrow"></a>
|
|
</div>
|
<!--sdtf-r1 end-->
|
|
|
<!-- 调整为操作日志信息 -->
|
<div class="qt-rTable-box radius-6" style="height: 300px;">
|
<div class="layui-card-header"
|
style="background: rgb(222,230,236);font-weight: bold;border-bottom:3px solid #FFF;">操作日志
|
</div>
|
<div id="areationInfo" style="min-height: 445px;background: rgb(222,230,236);;"></div>
|
</div>
|
|
<!--qt-rTable-box end-->
|
</div>
|
<!--qt-right end-->
|
</div>
|
<!--l-main end-->
|
</div>
|
<!--l-container end-->
|
|
<div class="shade"></div>
|
|
<script th:inline="javascript">
|
//仓库列表
|
var listDepot = [{
|
"bhId": "1",
|
"buildingId": "91310114703439394M0010001",
|
"checkDate": 1605542400000,
|
"companyId": "5303",
|
"depotStatus": "4",
|
"depotStatusName": "出库中",
|
"depotType": "02",
|
"depotTypeName": "浅圆仓",
|
"deptId": "5303_001",
|
"foodLevel": "01",
|
"foodLevelName": "一等",
|
"foodLocation": "上海市",
|
"foodType": "122",
|
"foodTypeName": "区级地方储备粮",
|
"foodVariety": "1130000",
|
"foodVarietyName": "稻谷",
|
"foodYear": "2022",
|
"id": "P0101",
|
"name": "P01-01",
|
"perImpurity": 0.36,
|
"perWet": 13.7,
|
"storageMax": 3000000,
|
"storageReal": 0,
|
"storeDate": 1668700800000,
|
"storeKeeper": "wmf",
|
"storeKeeperLevel": "高级保管员",
|
"storeKeeperName": "王美福",
|
"storeKeeperPhone": "####",
|
"storeType": "1"
|
}, {
|
"bhId": "2",
|
"buildingId": "91310114703439394M0010001",
|
"companyId": "5303",
|
"depotStatus": "4",
|
"depotStatusName": "出库中",
|
"depotType": "01",
|
"depotTypeName": "平房仓",
|
"deptId": "5303_001",
|
"foodLevel": "01",
|
"foodLevelName": "一等",
|
"foodLocation": "上海市",
|
"foodType": "122",
|
"foodTypeName": "区级地方储备粮",
|
"foodVariety": "1130000",
|
"foodVarietyName": "稻谷",
|
"foodYear": "2022",
|
"id": "P0102",
|
"name": "P01-02",
|
"storageMax": 3000000,
|
"storageReal": 0,
|
"storeDate": 1667836800000,
|
"storeKeeper": "wmf",
|
"storeKeeperLevel": "高级保管员",
|
"storeKeeperName": "王美福",
|
"storeKeeperPhone": "####",
|
"storeType": "1"
|
}, {
|
"bhId": "3",
|
"buildingId": "91310114703439394M0010002",
|
"companyId": "5303",
|
"depotStatus": "34",
|
"depotStatusName": "封仓-温控中",
|
"depotType": "01",
|
"depotTypeName": "平房仓",
|
"deptId": "5303_001",
|
"foodLevel": "01",
|
"foodLevelName": "一等",
|
"foodLocation": "上海市",
|
"foodType": "122",
|
"foodTypeName": "区级地方储备粮",
|
"foodVariety": "1130000",
|
"foodVarietyName": "稻谷",
|
"foodYear": "2023",
|
"id": "P0103",
|
"name": "P01-03",
|
"storageMax": 3000000,
|
"storageReal": 2164420,
|
"storeDate": 1635696000000,
|
"storeKeeper": "xjh",
|
"storeKeeperLevel": "高级保管员",
|
"storeKeeperName": "徐佳昊",
|
"storeKeeperPhone": "####",
|
"storeType": "1"
|
}, {
|
"bhId": "4",
|
"buildingId": "91310114703439394M0010002",
|
"companyId": "5303",
|
"depotStatus": "32",
|
"depotStatusName": "封仓-熏蒸中",
|
"depotType": "01",
|
"depotTypeName": "平房仓",
|
"deptId": "5303_001",
|
"foodLevel": "01",
|
"foodLevelName": "一等",
|
"foodLocation": "上海市",
|
"foodType": "122",
|
"foodTypeName": "区级地方储备粮",
|
"foodVariety": "1110000",
|
"foodVarietyName": "小麦",
|
"foodYear": "2024",
|
"id": "P0104",
|
"name": "P01-04",
|
"storageMax": 3000000,
|
"storageReal": 3000000,
|
"storeDate": 1720454400000,
|
"storeKeeper": "xjh",
|
"storeKeeperLevel": "高级保管员",
|
"storeKeeperName": "徐佳昊",
|
"storeKeeperPhone": "####",
|
"storeType": "1"
|
}, {
|
"bhId": "5",
|
"buildingId": "91310114703439394M0010003",
|
"companyId": "5303",
|
"depotStatus": "4",
|
"depotStatusName": "出库中",
|
"depotType": "01",
|
"depotTypeName": "平房仓",
|
"deptId": "5303_001",
|
"foodLevel": "02",
|
"foodLevelName": "二等",
|
"foodLocation": "上海市",
|
"foodType": "122",
|
"foodTypeName": "区级地方储备粮",
|
"foodVariety": "1130000",
|
"foodVarietyName": "稻谷",
|
"foodYear": "2022",
|
"id": "P0105",
|
"name": "P01-05",
|
"storageMax": 3000000,
|
"storageReal": 0,
|
"storeDate": 1604160000000,
|
"storeKeeper": "wmf",
|
"storeKeeperLevel": "高级保管员",
|
"storeKeeperName": "王美福",
|
"storeKeeperPhone": "####",
|
"storeType": "1"
|
}, {
|
"bhId": "6",
|
"buildingId": "91310114703439394M0010003",
|
"companyId": "5303",
|
"depotStatus": "4",
|
"depotStatusName": "出库中",
|
"depotType": "01",
|
"depotTypeName": "平房仓",
|
"deptId": "5303_001",
|
"foodLevel": "01",
|
"foodLevelName": "一等",
|
"foodLocation": "上海市",
|
"foodType": "122",
|
"foodTypeName": "区级地方储备粮",
|
"foodVariety": "1130000",
|
"foodVarietyName": "稻谷",
|
"foodYear": "2022",
|
"id": "P0106",
|
"name": "P01-06",
|
"storageMax": 3000000,
|
"storageReal": 0,
|
"storeDate": 1604160000000,
|
"storeKeeper": "wmf",
|
"storeKeeperLevel": "高级保管员",
|
"storeKeeperName": "王美福",
|
"storeKeeperPhone": "####",
|
"storeType": "1"
|
}];
|
//业务类型
|
var bizType = null;
|
//userId
|
var userId = null;
|
var companyId = null;
|
var imgMap = null;
|
var DEPOT_TYPE = "01"; //仓库类型
|
var deptId = "1000";
|
var depotId = "P0101";// 当前仓库id，存在空情况
|
</script>
|
<script th:src="@{/ajax/libs/layui/layui.js}"></script>
|
<script th:src="@{/js/jquery.min.js}"></script>
|
<script th:src="@{/dzhwk/common/constant.js}"></script>
|
<script th:src="@{/dzhwk/common/igds-common.js}"></script>
|
<script th:src="@{/dzhwk/drag/drag-drop.js}"></script>
|
<script th:src="@{/dzhwk/verb/verb-DeviceHand-pfc.js}"></script>
|
<script th:src="@{/dzhwk/verb/verb-control-pfc.js}"></script>
|
</body>
|
|
|
<!-- 弹出框-窗户-->
|
<div class="layui-tab-content areation-center" id="control-FC"
|
style="display: none;">
|
<div class="layui-btn-container m10">
|
<button class="rkbk-quick-btn layui-btn btn-violet"
|
onClick="toExecute('OPEN')">
|
<i><img th:src="@{/img/dzhwk/common/icon-sm-fc.png}"/></i>开窗口
|
</button>
|
<button class="rkbk-quick-btn layui-btn btn-red"
|
onClick="toExecute('CLOSE')">
|
<i><img th:src="@{/img/dzhwk/common/icon-sm-fc.png}"/></i>关窗口
|
</button>
|
</div>
|
<div class="layui-btn-container m10">
|
<button class="rkbk-quick-btn layui-btn btn-violet"
|
onClick="toExecute('W_OPEN_ALL')">
|
<i><img th:src="@{/img/dzhwk/common/icon-sm-k.png}"/></i>窗口全开
|
</button>
|
<button class="rkbk-quick-btn layui-btn btn-red"
|
onClick="toExecute('W_CLOSE_ALL')">
|
<i><img th:src="@{/img/dzhwk/common/icon-sm-g.png}"/></i>窗口全关
|
</button>
|
</div>
|
</div>
|
|
<!-- 弹出框-通风口-->
|
<div class="layui-tab-content areation-center" id="control-FK"
|
style="display: none;">
|
<div class="layui-btn-container m10">
|
<button class="rkbk-quick-btn layui-btn btn-violet"
|
onClick="toExecute('OPEN')">
|
<i><img th:src="@{/img/dzhwk/common/icon-sm-fc.png}"/></i>开风口
|
</button>
|
<button class="rkbk-quick-btn layui-btn btn-red"
|
onClick="toExecute('CLOSE')">
|
<i><img th:src="@{/img/dzhwk/common/icon-sm-fc.png}"/></i>关风口
|
</button>
|
</div>
|
<div class="layui-btn-container m10">
|
<button class="rkbk-quick-btn layui-btn btn-violet"
|
onClick="toExecute('W_OPEN_ALL')">
|
<i><img th:src="@{/img/dzhwk/common/icon-sm-k.png}"/></i>风口全开
|
</button>
|
<button class="rkbk-quick-btn layui-btn btn-red"
|
onClick="toExecute('W_CLOSE_ALL')">
|
<i><img th:src="@{/img/dzhwk/common/icon-sm-g.png}"/></i>风口全关
|
</button>
|
</div>
|
</div>
|
|
<!-- 弹出框-混流风机 -->
|
<div class="layui-tab-content areation-center" id="control-HL" style="display: none;">
|
<div class="layui-btn-container m10">
|
<button class="rkbk-quick-btn layui-btn btn-violet"
|
onClick="toExecute('OPEN')">
|
<i><img th:src="@{/img/dzhwk/common/icon-sm-fc.png}"/></i>开风口
|
</button>
|
<button class="rkbk-quick-btn layui-btn btn-red"
|
onClick="toExecute('CLOSE')">
|
<i><img th:src="@{/img/dzhwk/common/icon-sm-fc.png}"/></i>关风口
|
</button>
|
</div>
|
<div class="layui-btn-container m10">
|
<button class="rkbk-quick-btn btn-fj layui-btn btn-blue"
|
onClick="toExecute('F_OPEN')">
|
<i><img th:src="@{/img/dzhwk/common/icon-sm-fj.png}"/></i>正转
|
</button>
|
<button class="rkbk-quick-btn btn-fj layui-btn btn-red"
|
onClick="toExecute('F_CLOSE')">
|
<i><img th:src="@{/img/dzhwk/common/icon-sm-fj.png}"/></i>关风机
|
</button>
|
<button class="rkbk-quick-btn btn-fj layui-btn btn-blue"
|
onClick="toExecute('F_OPEN_F')">
|
<i><img th:src="@{/img/dzhwk/common/icon-sm-fj.png}"/></i>反转
|
</button>
|
</div>
|
<div class="layui-btn-container m10">
|
<button class="rkbk-quick-btn layui-btn btn-violet"
|
onClick="toExecute('W_OPEN_ALL')">
|
<i><img th:src="@{/img/dzhwk/common/icon-sm-k.png}"/></i>风口全开
|
</button>
|
<button class="rkbk-quick-btn layui-btn btn-red"
|
onClick="toExecute('W_CLOSE_ALL')">
|
<i><img th:src="@{/img/dzhwk/common/icon-sm-g.png}"/></i>风口全关
|
</button>
|
</div>
|
</div>
|
|
<!-- 弹出框-轴流风窗-->
|
<div class="layui-tab-content areation-center" id="control-ZL" style="display: none;">
|
<div class="layui-btn-container m10">
|
<button class="rkbk-quick-btn layui-btn btn-violet"
|
onClick="toExecute('OPEN')">
|
<i><img th:src="@{/img/dzhwk/common/icon-sm-fc.png}"/></i>开风窗
|
</button>
|
<button class="rkbk-quick-btn layui-btn btn-red"
|
onClick="toExecute('CLOSE')">
|
<i><img th:src="@{/img/dzhwk/common/icon-sm-fc.png}"/></i>关风窗
|
</button>
|
</div>
|
<div class="layui-btn-container m10">
|
<button class="rkbk-quick-btn layui-btn btn-violet"
|
onClick="toExecute('W_OPEN_ALL')">
|
<i><img th:src="@{/img/dzhwk/common/icon-sm-k.png}"/></i>窗口全开
|
</button>
|
<button class="rkbk-quick-btn layui-btn btn-red"
|
onClick="toExecute('W_CLOSE_ALL')">
|
<i><img th:src="@{/img/dzhwk/common/icon-sm-g.png}"/></i>窗口全关
|
</button>
|
</div>
|
|
<div class="layui-btn-container m10">
|
<button class="rkbk-quick-btn layui-btn btn-blue"
|
onClick="toExecute('F_OPEN')">
|
<i><img th:src="@{/img/dzhwk/common/icon-sm-fj.png}"/></i>开风机
|
</button>
|
<button class="rkbk-quick-btn layui-btn btn-red"
|
onClick="toExecute('F_CLOSE')">
|
<i><img th:src="@{/img/dzhwk/common/icon-sm-fj.png}"/></i>关风机
|
</button>
|
</div>
|
</div>
|
|
<!-- 弹出框-环流风机-->
|
<div class="layui-tab-content areation-center" id="control-HL2" style="display: none;">
|
<div class="layui-btn-container m10">
|
<button class="rkbk-quick-btn btn-fj layui-btn btn-blue"
|
onClick="toExecute('F_OPEN')">
|
<i><img th:src="@{/img/dzhwk/common/icon-sm-fj.png}"/></i>开风机
|
</button>
|
<button class="rkbk-quick-btn btn-fj layui-btn btn-red"
|
onClick="toExecute('F_CLOSE')">
|
<i><img th:src="@{/img/dzhwk/common/icon-sm-fj.png}"/></i>关风机
|
</button>
|
</div>
|
</div>
|
|
</html>
|
