From a41d9610b074c23f0e5d032f50282da7fb6763a2 Mon Sep 17 00:00:00 2001 From: czt <czt18638530771@163.com> Date: 星期一, 26 五月 2025 18:31:13 +0800 Subject: [PATCH] 优化巡检记录 --- igds-dzhwk-web/src/main/resources/templates/dzhwk/recir-control.html | 492 ++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 492 insertions(+), 0 deletions(-) diff --git a/igds-dzhwk-web/src/main/resources/templates/dzhwk/recir-control.html b/igds-dzhwk-web/src/main/resources/templates/dzhwk/recir-control.html new file mode 100644 index 0000000..5b848c1 --- /dev/null +++ b/igds-dzhwk-web/src/main/resources/templates/dzhwk/recir-control.html @@ -0,0 +1,492 @@ +<!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/recir/recir-control.css}"/> + <style> + .margin-bottom10 { + margin-bottom: 10px; + } + + .img_device { + /* height: 85px; */ + cursor: pointer; + } + + .device { + position: absolute; + cursor: pointer; + } + + /*#device_view {*/ + /* background: url('/img/web/depot/pfc_a.png') no-repeat 5px 5px;*/ + /* width: 100%;*/ + /* height: 570px;*/ + /*}*/ + + .select-bottom { + border-bottom: 3px solid #03ec45; + } + + .left-input { + width: 140px !important; + } + + .control-btn1 { + width: 170px !important; + margin-top: 10px; + } + + .control-btn2 { + width: 110px !important; + margin-top: 10px; + } + + .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')">鏄剧ず姝i潰 + </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"> + <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/recir/recir-renderDevice-pfc.js}"></script> +<script th:src="@{/dzhwk/recir/recir-control-pfc.js}"></script> +</body> + +<!-- 寮瑰嚭鎿嶄綔妗� --> +<div class="layui-tab-content" id="tempControl" style="display: none;"> + <form class="layui-form"> + <div class="layui-form-item"> + <label class="layui-form-label">寮�鍏虫搷浣滐細</label> + <div class="layui-input-block"> + <input type="checkbox" name="targetStatus" lay-skin="switch" + lay-text="绌鸿皟寮�|绌鸿皟鍏�"> + </div> + </div> + <div class="layui-form-item"> + <label class="layui-form-label">璁惧畾娓╁害锛�</label> + <div class="layui-input-inline"> + <input type="text" name="targetTemp" autocomplete="off" + placeholder="16鈩�-24鈩� 锛岄粯璁�16鈩�" class="layui-input" + id="targetTemp"> + </div> + </div> + <div class="layui-form-item"> + <label class="layui-form-label">绌鸿皟妯″紡锛�</label> + <div class="layui-input-block"> + <input type="radio" name="targetModel" value="01" title="鍒跺喎" + checked=""> <input type="radio" name="targetModel" + value="02" title="閫氶"> + </div> + </div> + </form> +</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> \ No newline at end of file -- Gitblit v1.9.3