diff --git a/public/css/new.css b/public/css/new.css new file mode 100644 index 0000000..486e4a2 --- /dev/null +++ b/public/css/new.css @@ -0,0 +1,18 @@ +.scroll::-webkit-scrollbar { + width: 8px; + height: 8px; +} +.scroll::-webkit-scrollbar-thumb { + background-color: rgb(1, 169, 255); + border-radius: 4px; +} +.bg-date-picker-pop{ + background-image: url('../images/list_bgd.png'); + border:solid 1px rgb(1, 169, 255); +} +.div-no-data{ + display: flex; + align-items: center; + justify-content: center; + flex-flow: column; +} \ No newline at end of file diff --git a/public/images/security1.gif b/public/images/security1.gif new file mode 100644 index 0000000..39ab388 Binary files /dev/null and b/public/images/security1.gif differ diff --git a/public/index.html b/public/index.html index 6209fc1..c7b49d5 100644 --- a/public/index.html +++ b/public/index.html @@ -9,8 +9,8 @@ - - + + diff --git a/src/components/baidu-maps.js b/src/components/baidu-maps.js index 7a5b369..142b77a 100644 --- a/src/components/baidu-maps.js +++ b/src/components/baidu-maps.js @@ -1,7 +1,10 @@ -import Vue from 'vue' +/** + * 顶部header + */ Vue.component("baidu-maps", { template: ` -
+
+ `, props: { data:{ @@ -68,7 +71,7 @@ Vue.component("baidu-maps", { $(".BMap_bubble_pop").css("background-color","rgba(0,0,0,0)") $(".BMap_bubble_pop").css("border","0") - $(".BMap_bubble_pop img").attr("src","/cdn/images/WEB_3578CFDB64B74818851FE993E99B2274.png") + $(".BMap_bubble_pop img").attr("src","https://fileimg.makalu.cc/WEB_3578CFDB64B74818851FE993E99B2274.png") map.openInfoWindow(infoWindow,point); //开启信息窗口 // infoWindow.addEventListener('open',function(type, target, point){ //窗口打开是,隐藏自带的关闭按钮 @@ -1850,9 +1853,9 @@ Vue.component("baidu-maps", { } }, watch:{ - /*data: function (n,o) { + data:function () { this.init() - }*/ + } } }) diff --git a/src/components/dumbwaiter-1.js b/src/components/dumbwaiter-1.js new file mode 100644 index 0000000..8161123 --- /dev/null +++ b/src/components/dumbwaiter-1.js @@ -0,0 +1,73 @@ +/** + * 顶部header + */ +Vue.component("dumbwaiter-1", { + template: ` +
+
+ {{value.name}} +
+
+ + +
+

吊笼尺寸/m

+
{{value.cageSize}}
+
+
+

额定载重量

+
{{value.loadCapacity}} Kg
+
+
+

额定乘客人数

+
{{value.numberPeople}}
+
+
+ +
+ +
+
+ +
+

最大提升高度

+
{{value.liftingHeight}} m
+
+
+

额定运行速度

+
{{value.runningSpeed}} m/min
+
+
+

进场时间

+
{{value.enterTime}}
+
+
+
+
+
+ + `, + props: { + value:{ + type:Object + }, + }, + data() { + return { + + } + }, + mounted(){ + //this.animation() + + }, + methods: { + animation(){ + + }, + }, + watch:{ + + } + +}) diff --git a/src/components/dumbwaiter-2.js b/src/components/dumbwaiter-2.js new file mode 100644 index 0000000..f4375f8 --- /dev/null +++ b/src/components/dumbwaiter-2.js @@ -0,0 +1,73 @@ +/** + * 顶部header + */ +Vue.component("dumbwaiter-2", { + template: ` +
+
+ {{value.name}} +
+
+ + +
+

吊笼尺寸/m

+
{{value.cageSize}}
+
+
+

额定载重量

+
{{value.loadCapacity}} Kg
+
+
+

额定乘客人数

+
{{value.numberPeople}}
+
+
+ +
+ +
+
+ +
+

最大提升高度

+
{{value.liftingHeight}} m
+
+
+

额定运行速度

+
{{value.runningSpeed}} m/min
+
+
+

进场时间

+
{{value.enterTime}}
+
+
+
+
+
+ + `, + props: { + value:{ + type:Object + }, + }, + data() { + return { + + } + }, + mounted(){ + //this.animation() + + }, + methods: { + animation(){ + + }, + }, + watch:{ + + } + +}) diff --git a/src/components/header.vue b/src/components/header.vue index 37b0433..c654519 100644 --- a/src/components/header.vue +++ b/src/components/header.vue @@ -1,5 +1,5 @@ \ No newline at end of file diff --git a/src/pages/safe/excavation.vue b/src/pages/safe/excavation.vue index b8809ec..787ffb2 100644 --- a/src/pages/safe/excavation.vue +++ b/src/pages/safe/excavation.vue @@ -165,10 +165,70 @@ - - - - + +
+
+ +
+
监测时长(天)
+
145
+
+
+
+
监测点
+
+
+
+
{{ + it.name }}
+
+
+
+ 监测点数据 +
+
+
{{ selPoint.name }}
+
+ 实时位移 + N:{{ selPoint.pN }}mm + E:{{ selPoint.pE }}mm + Z:{{ selPoint.pZ }}mm +
+
+ 沉降 + 数据:{{ selPoint.sedD }}mm + + + + + {{ selPoint.sedM }} +
+
+ 累计位移 + 数据:{{ selPoint.disD }}mm + + + + + {{ selPoint.disM }} +
+
+ 位移速率 + 数据:{{ selPoint.ratD }}mm/d + + + + + {{ selPoint.ratM }} +
+
+
+ +
暂无数据
+
+
+
@@ -180,7 +240,7 @@
沉降
倾斜
应力
- +
@@ -230,6 +290,7 @@ export default { data() { return { + selPoint: {}, monTotal: 3, onlineDevTotal: 3, classifyBarData: [], @@ -249,15 +310,19 @@ export default { offLine: true, loading: false, btnNav: 1, - CollWeiyiPointData:[], - CollWeiyiPointDataData:[], - CollQingxiePointDataX:[], - CollQingxiePointDataXdData:[], - CollQingxiePointDataY:[], - CollQingxiePointDataYdData:[], - YingLiPointData:[], - YingLiPointDataData:[], + CollWeiyiPointData: {}, + CollWeiyiPointDataData: [], + + CollQingxiePointDataX: {}, + CollQingxiePointDataXdData: [], + CollQingxiePointDataY: {}, + CollQingxiePointDataYdData: [], + + YingLiPointData: {}, + YingLiPointDataData: [], + + pointData: [] }; }, @@ -268,14 +333,23 @@ export default { this.forBitMappedImageData = JSON.parse('[{"sensorTypeName":"位移(WY)","pointName":"位移26","drawId":"7039969819126403072","sensorInfoId":"7042034685840703494","url":"","xpixels":1492.266916,"sortValue":1,"createData":"2023-03-20 20:06:19","top":86.56728596535274,"fileSize":"2276*1280","left":607.8571428571429,"ypixels":117.403425,"sensorType":"CollWeiyiPoint","statusTime":"2024-03-09 22:40:04","otherProjectId":"1634117283072266241","isBase":"0","sensorSmallType":"24","drawName":"御井路公租房.jpg","status":"0","state":true,"imgUrl":"images/place_chenjiang_green.png"},{"sensorTypeName":"沉降(CJ)","pointName":"沉降53","drawId":"7039969819126403072","sensorInfoId":"7039970088807718912","url":"","xpixels":423.054061,"sortValue":1,"createData":"2023-03-20 20:06:19","top":152.63871453678132,"fileSize":"2276*1280","left":211.42857142857142,"ypixels":336.059302,"sensorType":"CollWeiyiPoint","statusTime":"2024-03-09 22:40:04","otherProjectId":"1634117283072266241","isBase":"1","sensorSmallType":"80","drawName":"御井路公租房.jpg","status":"0","state":true,"imgUrl":"images/place_chenjiang_blue.png"},{"sensorTypeName":"倾斜(QX)","pointName":"倾斜44","drawId":"7039969819126403072","sensorInfoId":"7039970088841273344","url":"","xpixels":387.71104,"sortValue":1,"createData":"2023-03-13 11:22:53","top":112.99585739392417,"fileSize":"2276*1280","left":317.1428571428571,"ypixels":766.483595,"sensorType":"CollQingxiePoint","statusTime":"2024-03-09 22:40:04","otherProjectId":"1634117283072266241","isBase":"0","sensorSmallType":"33","drawName":"御井路公租房.jpg","status":"0","state":true,"imgUrl":"images/place_qingxie_green.png"}]') this.forBitMappedImageDataPJ = JSON.parse('[{"top":205.49585739392415,"left":224.64285714285714,"fileSize":"2276*1280","pointName":"倾斜45","sensorType":"CollQingxiePoint","id":1831,"otherProjectId":"1634117283072266241","project_name":"XXXXX项目EPC总承包项目","sensorInfoId":"7052577632253038592","url":"","status":"2","state":true,"imgUrl":"images/pj_grey.png"},{"top":271.56728596535277,"left":179.71428571428572,"fileSize":"2276*1280","pointName":"倾斜46","sensorType":"CollQingxiePoint","id":1831,"otherProjectId":"1634117283072266241","project_name":"XXXXX项目EPC总承包项目","sensorInfoId":"7052577632253038596","url":"","status":"2","state":true,"imgUrl":"images/pj_grey.png"},{"top":337.6387145367813,"left":171.78571428571428,"fileSize":"2276*1280","pointName":"倾斜47","sensorType":"CollQingxiePoint","id":1831,"otherProjectId":"1634117283072266241","project_name":"XXXXX项目EPC总承包项目","sensorInfoId":"7052577632253038600","url":"","status":"2","state":true,"imgUrl":"images/pj_grey.png"},{"top":245.13871453678132,"left":211.42857142857142,"fileSize":"2276*1280","pointName":"倾斜48","sensorType":"CollQingxiePoint","id":1831,"otherProjectId":"1634117283072266241","project_name":"XXXXX项目EPC总承包项目","sensorInfoId":"7052896778106015744","url":"","status":"2","state":true,"imgUrl":"images/pj_grey.png"},{"top":311.2101431082099,"left":211.42857142857142,"fileSize":"2276*1280","pointName":"倾斜49","sensorType":"CollQingxiePoint","id":1831,"otherProjectId":"1634117283072266241","project_name":"XXXXX项目EPC总承包项目","sensorInfoId":"7052896778106015748","url":"","status":"2","state":true,"imgUrl":"images/pj_grey.png"},{"top":350.85300025106704,"left":185,"fileSize":"2276*1280","pointName":"倾斜50","sensorType":"CollQingxiePoint","id":1831,"otherProjectId":"1634117283072266241","project_name":"XXXXX项目EPC总承包项目","sensorInfoId":"7052896778106015752","url":"","status":"2","state":true,"imgUrl":"images/pj_grey.png"}]'); this.legendArrData = JSON.parse('[{"type":"CollWeiyiPoint","class":"sjk-icon-legend-right-icon","url":"images/legend_chenjiang.png","text":"沉降"},{"type":"CollQingxiePoint","class":"sjk-icon-legend-right-icon","url":"images/legend_qingxie.png","text":"倾斜"}]') - this.CollWeiyiPointDataData=JSON.parse('[["0","0","0","0","0","0","0"],["0","0","0","0","0","0","0"],[30,30,30,30,30,30,30,30,30,30,30,30,30,30],[-30,-30,-30,-30,-30,-30,-30,-30,-30,-30,-30,-30,-30,-30]]'); - this.CollWeiyiPointData=JSON.parse('{"dataX":["2024-03-03","2024-03-04","2024-03-05","2024-03-06","2024-03-07","2024-03-08","2024-03-09"],"data":[["0","0","0","0","0","0","0"],["0","0","0","0","0","0","0"],[30,30,30,30,30,30,30,30,30,30,30,30,30,30],[-30,-30,-30,-30,-30,-30,-30,-30,-30,-30,-30,-30,-30,-30]],"legend":["位移26","沉降53","阈值上限","阈值下限"],"color":["#a83836","#ffd900","#16a951","#ab4c90","#1785aa","#622a1d","#f26839","#e29c46","#808080","#067749","#8c4356","#a88e44","#88ada6","#789262","#ca6924","#a1afc9","#ae7001","#748a98","#549688","#b36d61","#426666","#a98175","#8a6c3a","#a88462","#574167","#f99070","#8a6c3a","#96cd55","#50606d","#c9dd23","#6b6883","#2e4e7d","#a88462","#b35b43","#c89b40","#cca4e3","#698aab","#9b4400","#a69abe","#725e83","#75878b","#9ba88e","#675758","#675758","#ab4c90","#ab4c90","#f39801","#7b8d43","#745398","#b3ada1"],"unit":"mm"}'); - this.CollQingxiePointDataX=JSON.parse('{"dataX":["2024-03-03","2024-03-04","2024-03-05","2024-03-06","2024-03-07","2024-03-08","2024-03-09"],"data":[["0","0","0","0","0","0","0"],["0","0","0","0","0","0","0"],[1,1,1,1,1,1,1,1,1,1,1,1,1,1],[-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1]],"legend":["位移26","沉降53","阈值上限","阈值下限"],"color":["#a83836","#ffd900","#16a951","#ab4c90","#1785aa","#622a1d","#f26839","#e29c46","#808080","#067749","#8c4356","#a88e44","#88ada6","#789262","#ca6924","#a1afc9","#ae7001","#748a98","#549688","#b36d61","#426666","#a98175","#8a6c3a","#a88462","#574167","#f99070","#8a6c3a","#96cd55","#50606d","#c9dd23","#6b6883","#2e4e7d","#a88462","#b35b43","#c89b40","#cca4e3","#698aab","#9b4400","#a69abe","#725e83","#75878b","#9ba88e","#675758","#675758","#ab4c90","#ab4c90","#f39801","#7b8d43","#745398","#b3ada1"],"unit":"°(X方向)"}'); - this.CollQingxiePointDataXdData=JSON.parse('[["0","0","0","0","0","0","0"],["0","0","0","0","0","0","0"],[1,1,1,1,1,1,1,1,1,1,1,1,1,1],[-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1]]'); - this.CollQingxiePointDataY=JSON.parse('{"dataX":["2024-03-03","2024-03-04","2024-03-05","2024-03-06","2024-03-07","2024-03-08","2024-03-09"],"data":[["0","0","0","0","0","0","0"],["0","0","0","0","0","0","0"],[1,1,1,1,1,1,1,1,1,1,1,1,1,1],[-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1]],"legend":["位移26","沉降53","阈值上限","阈值下限"],"color":["#a83836","#ffd900","#16a951","#ab4c90","#1785aa","#622a1d","#f26839","#e29c46","#808080","#067749","#8c4356","#a88e44","#88ada6","#789262","#ca6924","#a1afc9","#ae7001","#748a98","#549688","#b36d61","#426666","#a98175","#8a6c3a","#a88462","#574167","#f99070","#8a6c3a","#96cd55","#50606d","#c9dd23","#6b6883","#2e4e7d","#a88462","#b35b43","#c89b40","#cca4e3","#698aab","#9b4400","#a69abe","#725e83","#75878b","#9ba88e","#675758","#675758","#ab4c90","#ab4c90","#f39801","#7b8d43","#745398","#b3ada1"],"unit":"°(Y方向)"}'); - this.CollQingxiePointDataYdData=JSON.parse('[["0","0","0","0","0","0","0"],["0","0","0","0","0","0","0"],[1,1,1,1,1,1,1,1,1,1,1,1,1,1],[-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1]]'); - this.YingLiPointData=JSON.parse('{"dataX":["2024-03-04","2024-03-05","2024-03-06","2024-03-07","2024-03-08","2024-03-09","2024-03-10"],"data":[["0","0","0","0","0","0"],["0","0","0","0","0","0"],["0","0","0","0","0","0"]],"legend":["ZD-YW-1","ZD-YW-2","ZD-YW-3"],"color":["#a83836","#ffd900","#16a951","#ab4c90","#1785aa","#622a1d","#f26839","#e29c46","#808080","#067749","#8c4356","#a88e44","#88ada6","#789262","#ca6924","#a1afc9","#ae7001","#748a98","#549688","#b36d61","#426666","#a98175","#8a6c3a","#a88462","#574167","#f99070","#8a6c3a","#96cd55","#50606d","#c9dd23","#6b6883","#2e4e7d","#a88462","#b35b43","#c89b40","#cca4e3","#698aab","#9b4400","#a69abe","#725e83","#75878b","#9ba88e","#675758","#675758","#ab4c90","#ab4c90","#f39801","#7b8d43","#745398","#b3ada1"],"unit":"KN"}'); - this.YingLiPointDataData=JSON.parse('[["0","0","0","0","0","0"],["0","0","0","0","0","0"],["0","0","0","0","0","0"]]'); + this.CollWeiyiPointDataData = JSON.parse('[["0","0","0","0","0","0","0"],["0","0","0","0","0","0","0"],[30,30,30,30,30,30,30,30,30,30,30,30,30,30],[-30,-30,-30,-30,-30,-30,-30,-30,-30,-30,-30,-30,-30,-30]]'); + this.CollWeiyiPointData = JSON.parse('{"dataX":["2024-03-03","2024-03-04","2024-03-05","2024-03-06","2024-03-07","2024-03-08","2024-03-09"],"data":[["0","0","0","0","0","0","0"],["0","0","0","0","0","0","0"],[30,30,30,30,30,30,30,30,30,30,30,30,30,30],[-30,-30,-30,-30,-30,-30,-30,-30,-30,-30,-30,-30,-30,-30]],"legend":["位移26","沉降53","阈值上限","阈值下限"],"color":["#a83836","#ffd900","#16a951","#ab4c90","#1785aa","#622a1d","#f26839","#e29c46","#808080","#067749","#8c4356","#a88e44","#88ada6","#789262","#ca6924","#a1afc9","#ae7001","#748a98","#549688","#b36d61","#426666","#a98175","#8a6c3a","#a88462","#574167","#f99070","#8a6c3a","#96cd55","#50606d","#c9dd23","#6b6883","#2e4e7d","#a88462","#b35b43","#c89b40","#cca4e3","#698aab","#9b4400","#a69abe","#725e83","#75878b","#9ba88e","#675758","#675758","#ab4c90","#ab4c90","#f39801","#7b8d43","#745398","#b3ada1"],"unit":"mm"}'); + this.CollQingxiePointDataX = JSON.parse('{"dataX":["2024-03-03","2024-03-04","2024-03-05","2024-03-06","2024-03-07","2024-03-08","2024-03-09"],"data":[["0","0","0","0","0","0","0"],["0","0","0","0","0","0","0"],[1,1,1,1,1,1,1,1,1,1,1,1,1,1],[-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1]],"legend":["位移26","沉降53","阈值上限","阈值下限"],"color":["#a83836","#ffd900","#16a951","#ab4c90","#1785aa","#622a1d","#f26839","#e29c46","#808080","#067749","#8c4356","#a88e44","#88ada6","#789262","#ca6924","#a1afc9","#ae7001","#748a98","#549688","#b36d61","#426666","#a98175","#8a6c3a","#a88462","#574167","#f99070","#8a6c3a","#96cd55","#50606d","#c9dd23","#6b6883","#2e4e7d","#a88462","#b35b43","#c89b40","#cca4e3","#698aab","#9b4400","#a69abe","#725e83","#75878b","#9ba88e","#675758","#675758","#ab4c90","#ab4c90","#f39801","#7b8d43","#745398","#b3ada1"],"unit":"°(X方向)"}'); + this.CollQingxiePointDataXdData = JSON.parse('[["0","0","0","0","0","0","0"],["0","0","0","0","0","0","0"],[1,1,1,1,1,1,1,1,1,1,1,1,1,1],[-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1]]'); + this.CollQingxiePointDataY = JSON.parse('{"dataX":["2024-03-03","2024-03-04","2024-03-05","2024-03-06","2024-03-07","2024-03-08","2024-03-09"],"data":[["0","0","0","0","0","0","0"],["0","0","0","0","0","0","0"],[1,1,1,1,1,1,1,1,1,1,1,1,1,1],[-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1]],"legend":["位移26","沉降53","阈值上限","阈值下限"],"color":["#a83836","#ffd900","#16a951","#ab4c90","#1785aa","#622a1d","#f26839","#e29c46","#808080","#067749","#8c4356","#a88e44","#88ada6","#789262","#ca6924","#a1afc9","#ae7001","#748a98","#549688","#b36d61","#426666","#a98175","#8a6c3a","#a88462","#574167","#f99070","#8a6c3a","#96cd55","#50606d","#c9dd23","#6b6883","#2e4e7d","#a88462","#b35b43","#c89b40","#cca4e3","#698aab","#9b4400","#a69abe","#725e83","#75878b","#9ba88e","#675758","#675758","#ab4c90","#ab4c90","#f39801","#7b8d43","#745398","#b3ada1"],"unit":"°(Y方向)"}'); + this.CollQingxiePointDataYdData = JSON.parse('[["0","0","0","0","0","0","0"],["0","0","0","0","0","0","0"],[1,1,1,1,1,1,1,1,1,1,1,1,1,1],[-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1]]'); + this.YingLiPointData = JSON.parse('{"dataX":["2024-03-04","2024-03-05","2024-03-06","2024-03-07","2024-03-08","2024-03-09","2024-03-10"],"data":[["0","0","0","0","0","0"],["0","0","0","0","0","0"],["0","0","0","0","0","0"]],"legend":["ZD-YW-1","ZD-YW-2","ZD-YW-3"],"color":["#a83836","#ffd900","#16a951","#ab4c90","#1785aa","#622a1d","#f26839","#e29c46","#808080","#067749","#8c4356","#a88e44","#88ada6","#789262","#ca6924","#a1afc9","#ae7001","#748a98","#549688","#b36d61","#426666","#a98175","#8a6c3a","#a88462","#574167","#f99070","#8a6c3a","#96cd55","#50606d","#c9dd23","#6b6883","#2e4e7d","#a88462","#b35b43","#c89b40","#cca4e3","#698aab","#9b4400","#a69abe","#725e83","#75878b","#9ba88e","#675758","#675758","#ab4c90","#ab4c90","#f39801","#7b8d43","#745398","#b3ada1"],"unit":"KN"}'); + this.YingLiPointDataData = JSON.parse('[["0","0","0","0","0","0"],["0","0","0","0","0","0"],["0","0","0","0","0","0"]]'); + this.pointData = "1,2,3,4,5,6,7,8".split(",").map(d => {//,9,10,11,12,13,14,15,16,17 + return { + id: d, name: "监测点0" + (d < 10 ? '0' + d : '' + d), pN: '-14', pE: '-0.4', pZ: '-0.2', + sedD: '-0.2', sedM: '12', sedS: 'A', + disD: '1.5', disM: "12", disS: 'A', + ratD: '0.23', ratM: 12, ratS: 'D' + } + }); + this.selPoint = this.pointData[0]; this.init(); }, @@ -451,6 +525,67 @@ export default { .sjk-img-min { height: 100%; } + + .mon-time-row1 { + display: flex; + justify-content: center; + align-items: center; + padding: 10px; + + .time-img { + height: 120px; + } + + .time-info { + text-align: center; + line-height: 40px; + } + } + + .sjk-chart-line-title.mon-points { + display: block; + max-height: 60px; + min-height: 60px; + overflow-y: auto; + + .title-item { + display: inline-block; + cursor: pointer; + font-size: 9px; + } + } + + .mon-point-info { + .mon-title { + border-bottom: dotted 1px #918c8c; + line-height: 24px; + } + + .mon-point-title { + color: #51b5ff; + } + .mon-point-row{ + line-height: 60px; + font-size:12px; + .sp-data{ + display: inline-block; + width:105px; + } + .sp-lbl{ + display: inline-block; + width:110px; + } + .mon-arr{ + font-size:16px; + font-weight: bold; + &.mon-arr-A{ + color:red; + } + &.mon-arr-D{ + color:green; + } + } + } + } } - diff --git a/src/pages/safe/personnelPosition.vue b/src/pages/safe/personnelPosition.vue index 0828e2d..9caf6ff 100644 --- a/src/pages/safe/personnelPosition.vue +++ b/src/pages/safe/personnelPosition.vue @@ -1,31 +1,299 @@ - - + /*人员列表*/ + onTowerCraneList(n) { + this.index = n + }, + automaticRollList() { + if (this.index == this.personnelListData.length - 1) { + this.index = 0 + } else { + this.index = this.index + 1 + } + + var height = $(".list-for").innerHeight() + $("#listMin").animate({ scrollTop: (height * this.index) + 'px' }) + }, + peopleListMinMouseout() { + this.listInterval = setInterval(this.automaticRollList, 5000); + }, + peopleListMinMouseover() { + clearInterval(this.listInterval); + + }, + + + //预警类型 + automaticRollType() { + var height = $(".glr-login-number-max").innerHeight() + if ($("#afootOverflowType").scrollTop() == height * this.warningType.length - $("#afootOverflowType").innerHeight()) { + this.warningTypeIndex = 0 + } else { + this.warningTypeIndex = this.warningTypeIndex + 1 + } + $("#afootOverflowType").animate({ scrollTop: (height * this.warningTypeIndex) + 'px' }) + }, + listMinMouseoverType() { + clearInterval(this.warningTypeInterval); + }, + listMinMouseoutType() { + this.warningTypeInterval = setInterval(this.automaticRollType, 5000); + }, + //正在发生 + automaticRoll() { + var height = $(".afoot-con-for").innerHeight() + if (this.forIndex == this.warningData.length) { + this.forIndex = 0 + } else { + this.forIndex = this.forIndex + 1 + } + + $("#afootOverflow").animate({ scrollTop: (height * this.forIndex) + 'px' }) + }, + + listMinMouseover() { + clearInterval(this.warningInterval); + }, + listMinMouseout() { + this.warningInterval = setInterval(this.automaticRoll, 5000); + }, + + + }, +}; + \ No newline at end of file diff --git a/src/router/index.js b/src/router/index.js index 09854e5..2963d67 100644 --- a/src/router/index.js +++ b/src/router/index.js @@ -59,6 +59,11 @@ const routes = [ name: 'dumbwaiter', meta:{nav:34,}, component: () => import(/* webpackChunkName: "dumbwaiter" */ '../pages/safe/dumbwaiter.vue') + }, { + path: '/personnelPosition', + name: 'personnelPosition', + meta:{nav:35,}, + component: () => import(/* webpackChunkName: "personnelPosition" */ '../pages/safe/personnelPosition.vue') } , { path: '/excavation',