修改大屏升降机
parent
8a01cf3856
commit
e440d52ebf
|
|
@ -27,25 +27,13 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<certificate-bar-chart
|
||||
:data="certificateData"
|
||||
:height="100"
|
||||
></certificate-bar-chart>
|
||||
<certificate-bar-chart :data="certificateData" :height="100"></certificate-bar-chart>
|
||||
|
||||
<div class="rank-chart" style="height: calc(100% - 224px)">
|
||||
<div class="rank-chart-title">监控列表</div>
|
||||
<div class="list-max" style="height: calc(100% - 63px)">
|
||||
<div
|
||||
class="list-min"
|
||||
id="listMin"
|
||||
@mouseout="listMinMouseout"
|
||||
@mouseover="listMinMouseover"
|
||||
>
|
||||
<div
|
||||
class="list-for"
|
||||
v-for="(item, i) in listData"
|
||||
@click="onTowerCraneList(i)"
|
||||
>
|
||||
<div class="list-min" id="listMin" @mouseout="listMinMouseout" @mouseover="listMinMouseover">
|
||||
<div class="list-for" :key="i" v-for="(item, i) in listData" @click="onTowerCraneList(i)">
|
||||
<div :class="index == i ? 'list-con active' : 'list-con'">
|
||||
<div class="list-top">
|
||||
<div class="list-img">
|
||||
|
|
@ -53,16 +41,13 @@
|
|||
</div>
|
||||
<div class="list-info">
|
||||
<div class="list-info-name">
|
||||
设备名称：<span>{{ item.deviceName }}</span>
|
||||
设备名称：
|
||||
<span>{{ item.deviceName }}</span>
|
||||
</div>
|
||||
<div class="list-info-name">
|
||||
设备状态：
|
||||
<span class="list-info-state" v-if="item.deviceState != 0"
|
||||
>离线</span
|
||||
>
|
||||
<span class="list-info-state active" v-if="item.deviceState == 0"
|
||||
>在线</span
|
||||
>
|
||||
<span class="list-info-state" v-if="item.deviceState != 0">离线</span>
|
||||
<span class="list-info-state active" v-if="item.deviceState == 0">在线</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -70,29 +55,34 @@
|
|||
<el-row>
|
||||
<el-col :span="10">
|
||||
<div class="list-details">
|
||||
司机：<span v-cloak>{{ item.driverName }}</span>
|
||||
司机：
|
||||
<span v-cloak>{{ item.driverName }}</span>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="14">
|
||||
<div class="list-details">
|
||||
电话：<span v-cloak>{{ item.driverPhone }}</span>
|
||||
电话：
|
||||
<span v-cloak>{{ item.driverPhone }}</span>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="10">
|
||||
<div class="list-details">
|
||||
安全员：<span v-cloak>{{ item.safetyOfficerName }}</span>
|
||||
安全员：
|
||||
<span v-cloak>{{ item.safetyOfficerName }}</span>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="14">
|
||||
<div class="list-details">
|
||||
电话：<span v-cloak>{{ item.safetyOfficerPhone }}</span>
|
||||
电话：
|
||||
<span v-cloak>{{ item.safetyOfficerPhone }}</span>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
|
||||
<div class="list-time">
|
||||
最后一次启用时间：<span v-cloak>{{ item.lastEnabledTime }}</span>
|
||||
最后一次启用时间：
|
||||
<span v-cloak>{{ item.lastEnabledTime }}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -176,11 +166,7 @@
|
|||
</el-col>
|
||||
</el-row>
|
||||
<div class="safe-tower-crane-max">
|
||||
<div
|
||||
class="safe-tower-crane-min"
|
||||
@mouseout="listMinMouseout"
|
||||
@mouseover="listMinMouseover"
|
||||
>
|
||||
<div class="safe-tower-crane-min" @mouseout="listMinMouseout" @mouseover="listMinMouseover">
|
||||
<el-row>
|
||||
<el-col :span="2">
|
||||
<div class="safe-tower-left" @click="safeTowerLeft"></div>
|
||||
|
|
@ -228,20 +214,13 @@
|
|||
<div class="survey-oil-hr"></div>
|
||||
<div class="survey-oil-text">报警类型</div>
|
||||
</div>
|
||||
<div
|
||||
class="analyse-number-max"
|
||||
id="afootOverflowType"
|
||||
@mouseout="listMinMouseoutType"
|
||||
@mouseover="listMinMouseoverType"
|
||||
>
|
||||
<div
|
||||
class="glr-login-number-max analyse-num-max"
|
||||
v-for="item in warningList"
|
||||
>
|
||||
<div class="analyse-number-max" id="afootOverflowType" @mouseout="listMinMouseoutType" @mouseover="listMinMouseoverType">
|
||||
<div :key="index" class="glr-login-number-max analyse-num-max" v-for="(item,index) in warningList">
|
||||
<div class="glr-login-number-bgd glr-login-number-red-bgd"></div>
|
||||
<div class="glr-login-number analyse-login-numbe">
|
||||
<div v-cloak>
|
||||
<img src="images/text_red_spot.png" />{{ item.warnType }}
|
||||
<img src="images/text_red_spot.png" />
|
||||
{{ item.warnType }}
|
||||
</div>
|
||||
<div class="glr-rate-value glr-rate-red-value">
|
||||
<span v-cloak>{{ item.warnCount }}</span>
|
||||
|
|
@ -258,33 +237,17 @@
|
|||
<div class="analyse-text">正在发生</div>
|
||||
</div>
|
||||
<div class="afoot-content safe-afoot-content">
|
||||
<div
|
||||
class="afoot-overflow safe-afoot-overflow"
|
||||
id="afootOverflow"
|
||||
@mouseout="warningListMinMouseout"
|
||||
@mouseover="warningListMinMouseover"
|
||||
>
|
||||
<div class="afoot-overflow safe-afoot-overflow" id="afootOverflow" @mouseout="warningListMinMouseout" @mouseover="warningListMinMouseover">
|
||||
<div v-if="warningData.length == 0" class="not-data">暂无预警数据</div>
|
||||
<div
|
||||
v-if="warningData.length > 0"
|
||||
class="afoot-con-for"
|
||||
style="height: 180px"
|
||||
v-for="item in warningData"
|
||||
>
|
||||
<div class="afoot-machinery-nam safe-afoot-machinery-nam" v-cloak>
|
||||
{{ item.warn_context }}
|
||||
</div>
|
||||
<div :key="idx" v-if="warningData.length > 0" class="afoot-con-for" style="height: 180px" v-for="(item,idx) in warningData">
|
||||
<div class="afoot-machinery-nam safe-afoot-machinery-nam" v-cloak>{{ item.warn_context }}</div>
|
||||
<div class="afoot-machinery-info">
|
||||
<div class="afoot-machinery-img">
|
||||
<img :src="item.images" v-if="item.images" />
|
||||
</div>
|
||||
<div class="afoot-machinery-data">
|
||||
<div class="afoot-machinery-state" v-cloak>
|
||||
预警值：{{ item.warn_value }}
|
||||
</div>
|
||||
<div class="afoot-machinery-time" v-cloak>
|
||||
{{ item.warn_time }}
|
||||
</div>
|
||||
<div class="afoot-machinery-state" v-cloak>预警值：{{ item.warn_value }}</div>
|
||||
<div class="afoot-machinery-time" v-cloak>{{ item.warn_time }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -309,7 +272,9 @@
|
|||
</div>
|
||||
<div class="xhz-current-value-data">
|
||||
<div>高度</div>
|
||||
<p><span v-cloak v-html="footInfo.foot0"></span> m</p>
|
||||
<p>
|
||||
<span v-cloak v-html="footInfo.foot0"></span> m
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</el-col>
|
||||
|
|
@ -322,7 +287,9 @@
|
|||
</div>
|
||||
<div class="xhz-current-value-data">
|
||||
<div>楼层</div>
|
||||
<p><span v-cloak v-html="footInfo.foot1"></span> 层</p>
|
||||
<p>
|
||||
<span v-cloak v-html="footInfo.foot1"></span> 层
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</el-col>
|
||||
|
|
@ -335,7 +302,9 @@
|
|||
</div>
|
||||
<div class="xhz-current-value-data">
|
||||
<div>当前人数</div>
|
||||
<p><span v-cloak v-html="footInfo.foot2"></span> 人</p>
|
||||
<p>
|
||||
<span v-cloak v-html="footInfo.foot2"></span> 人
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</el-col>
|
||||
|
|
@ -348,7 +317,9 @@
|
|||
</div>
|
||||
<div class="xhz-current-value-data">
|
||||
<div>当前载重</div>
|
||||
<p><span v-cloak v-html="footInfo.foot3"></span> t</p>
|
||||
<p>
|
||||
<span v-cloak v-html="footInfo.foot3"></span> t
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</el-col>
|
||||
|
|
@ -361,7 +332,9 @@
|
|||
</div>
|
||||
<div class="xhz-current-value-data">
|
||||
<div>倾角1</div>
|
||||
<p><span v-cloak v-html="footInfo.foot4"></span> °</p>
|
||||
<p>
|
||||
<span v-cloak v-html="footInfo.foot4"></span> °
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</el-col>
|
||||
|
|
@ -374,7 +347,9 @@
|
|||
</div>
|
||||
<div class="xhz-current-value-data">
|
||||
<div>倾角2</div>
|
||||
<p><span v-cloak v-html="footInfo.foot5"></span> °</p>
|
||||
<p>
|
||||
<span v-cloak v-html="footInfo.foot5"></span> °
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</el-col>
|
||||
|
|
@ -387,7 +362,9 @@
|
|||
</div>
|
||||
<div class="xhz-current-value-data">
|
||||
<div>风速</div>
|
||||
<p><span v-cloak v-html="footInfo.foot6"></span> m/s</p>
|
||||
<p>
|
||||
<span v-cloak v-html="footInfo.foot6"></span> m/s
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</el-col>
|
||||
|
|
@ -400,7 +377,9 @@
|
|||
</div>
|
||||
<div class="xhz-current-value-data">
|
||||
<div>速度</div>
|
||||
<p><span v-cloak v-html="footInfo.foot7"></span> m/s</p>
|
||||
<p>
|
||||
<span v-cloak v-html="footInfo.foot7"></span> m/s
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</el-col>
|
||||
|
|
@ -413,7 +392,9 @@
|
|||
</div>
|
||||
<div class="xhz-current-value-data">
|
||||
<div>速度方向</div>
|
||||
<p><span v-cloak v-html="footInfo.foot8"></span></p>
|
||||
<p>
|
||||
<span v-cloak v-html="footInfo.foot8"></span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</el-col>
|
||||
|
|
@ -427,11 +408,7 @@
|
|||
<div class="xhz-current-value-data">
|
||||
<div>前门状态</div>
|
||||
<p>
|
||||
<span
|
||||
:class="footInfo.foot9 == '打开' ? 'open' : 'close'"
|
||||
v-cloak
|
||||
v-html="footInfo.foot9"
|
||||
></span>
|
||||
<span :class="footInfo.foot9 == '打开' ? 'open' : 'close'" v-cloak v-html="footInfo.foot9"></span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -446,11 +423,7 @@
|
|||
<div class="xhz-current-value-data">
|
||||
<div>后门状态</div>
|
||||
<p>
|
||||
<span
|
||||
:class="footInfo.foot10 == '打开' ? 'open' : 'close'"
|
||||
v-cloak
|
||||
v-html="footInfo.foot10"
|
||||
></span>
|
||||
<span :class="footInfo.foot10 == '打开' ? 'open' : 'close'" v-cloak v-html="footInfo.foot10"></span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -462,9 +435,11 @@
|
|||
</template>
|
||||
|
||||
<script>
|
||||
import debounce from "lodash.debounce";
|
||||
import "@/components/tower-crane-value-1";
|
||||
import "@/components/tower-crane-value-2";
|
||||
import debounce from 'lodash.debounce'
|
||||
import '@/components/tower-crane-value-1'
|
||||
import '@/components/tower-crane-value-2'
|
||||
import '@/components/dumbwaiter-1.js'
|
||||
import '@/components/dumbwaiter-2.js'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
|
|
@ -477,8 +452,8 @@ export default {
|
|||
index: 0,
|
||||
//升降机当前显示数据
|
||||
dumbwaiterValue: {},
|
||||
comName: "dumbwaiter-1",
|
||||
direction: "right",
|
||||
comName: 'dumbwaiter-1',
|
||||
direction: 'right',
|
||||
deviceId: 0,
|
||||
topInfo: {
|
||||
top0: 0,
|
||||
|
|
@ -500,8 +475,8 @@ export default {
|
|||
foot6: 10,
|
||||
foot7: 10,
|
||||
foot8: 10,
|
||||
foot9: "",
|
||||
foot10: "",
|
||||
foot9: '',
|
||||
foot10: '',
|
||||
},
|
||||
warningData: [],
|
||||
dayWarnCount: 22,
|
||||
|
|
@ -513,114 +488,112 @@ export default {
|
|||
warningInterval: undefined,
|
||||
forIndex: 0,
|
||||
warningData: [],
|
||||
};
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.$store.dispatch("ChangeNav", 308);
|
||||
this.$bus.$on("projectChange", (prj) => {
|
||||
this.selProject = prj;
|
||||
this.init();
|
||||
});
|
||||
this.selProject = this.$store.getters.selProject;
|
||||
this.init();
|
||||
this.$store.dispatch('ChangeNav', 308)
|
||||
this.$bus.$on('projectChange', (prj) => {
|
||||
this.selProject = prj
|
||||
this.init()
|
||||
})
|
||||
this.selProject = this.$store.getters.selProject
|
||||
this.init()
|
||||
},
|
||||
created() {},
|
||||
methods: {
|
||||
init() {
|
||||
this.certificateData = JSON.parse(
|
||||
'[{"text":"在线数量","value":5},{"text":"离线数量","value":1}]'
|
||||
);
|
||||
this.certificateData = JSON.parse('[{"text":"在线数量","value":5},{"text":"离线数量","value":1}]')
|
||||
this.listData = JSON.parse(
|
||||
'[{"createUserid":null,"ratedSpeed":"1.8","delFlag":"0","deviceId":"3223081738","deviceName":"2#-2","ratedPeopleCount":"9","entryTime":"2024-03-09 15:35:42","lastEnabledTime":"2024-03-09 15:35:42","safetyOfficerName":"马宁","maxHeight":120.5,"createTime":"2023-09-12 18:25:13","cageSize":"800*800","ratedLoad":"2000","safetyOfficerPhone":"18629159632","driverName":"张巧团","driverPhone":"17324808902","id":5,"deviceState":"0","projectId":"98"},{"createUserid":null,"ratedSpeed":"4.9","delFlag":"0","deviceId":"3223081741","deviceName":"3223081741","ratedPeopleCount":"9","entryTime":"2024-03-09 15:35:42","lastEnabledTime":"2024-03-10 10:32:49","safetyOfficerName":"马宁","maxHeight":160.2,"createTime":"2023-09-12 18:25:13","cageSize":"800*800","ratedLoad":"2000","safetyOfficerPhone":"18629159632","driverName":null,"driverPhone":null,"id":6,"deviceState":"0","projectId":"98"},{"createUserid":null,"ratedSpeed":"4.9","delFlag":"0","deviceId":"3223081748","deviceName":"3223081748","ratedPeopleCount":"9","entryTime":"2024-03-09 15:35:42","lastEnabledTime":"2024-03-10 10:46:36","safetyOfficerName":"马宁","maxHeight":187.2,"createTime":"2023-09-12 18:25:13","cageSize":"800*800","ratedLoad":"2000","safetyOfficerPhone":"18629159632","driverName":null,"driverPhone":null,"id":7,"deviceState":"0","projectId":"98"},{"createUserid":null,"ratedSpeed":"1.6","delFlag":"0","deviceId":"3223081722","deviceName":"3#-1","ratedPeopleCount":"9","entryTime":null,"lastEnabledTime":"2024-03-10 09:48:34","safetyOfficerName":"马宁","maxHeight":122.9,"createTime":"2023-09-12 18:25:13","cageSize":"800*800","ratedLoad":"2000","safetyOfficerPhone":"18629159632","driverName":"高军平","driverPhone":"15139573902","id":8,"deviceState":"0","projectId":"98"},{"createUserid":null,"ratedSpeed":"1.6","delFlag":"0","deviceId":"3223081749","deviceName":"3#-2","ratedPeopleCount":"9","entryTime":null,"lastEnabledTime":"2024-03-09 13:47:07","safetyOfficerName":"马宁","maxHeight":124.8,"createTime":"2023-09-12 18:25:13","cageSize":null,"ratedLoad":"2000","safetyOfficerPhone":"18629159632","driverName":"郭伟娟","driverPhone":"15239586568","id":9,"deviceState":"0","projectId":"98"}]'
|
||||
);
|
||||
)
|
||||
this.warningList = [
|
||||
{ warnType: "报警类型A", warnCount: 4 },
|
||||
{ warnType: "报警类型B", warnCount: 4 },
|
||||
{ warnType: "报警类型C", warnCount: 4 },
|
||||
{ warnType: "报警类型D", warnCount: 4 },
|
||||
{ warnType: "报警类型E", warnCount: 4 },
|
||||
{ warnType: "报警类型F", warnCount: 4 },
|
||||
{ warnType: "报警类型G", warnCount: 4 },
|
||||
{ warnType: "报警类型H", warnCount: 4 },
|
||||
];
|
||||
{ warnType: '报警类型A', warnCount: 4 },
|
||||
{ warnType: '报警类型B', warnCount: 4 },
|
||||
{ warnType: '报警类型C', warnCount: 4 },
|
||||
{ warnType: '报警类型D', warnCount: 4 },
|
||||
{ warnType: '报警类型E', warnCount: 4 },
|
||||
{ warnType: '报警类型F', warnCount: 4 },
|
||||
{ warnType: '报警类型G', warnCount: 4 },
|
||||
{ warnType: '报警类型H', warnCount: 4 },
|
||||
]
|
||||
this.warningData = [
|
||||
{
|
||||
warn_value: "预警A",
|
||||
images: ["images/831.jpg"],
|
||||
warn_context: "告警内容",
|
||||
warn_time: "24-02-02 14:00",
|
||||
project_abbreviation: "xxx项目",
|
||||
warn_value: '预警A',
|
||||
images: ['images/831.jpg'],
|
||||
warn_context: '告警内容',
|
||||
warn_time: '24-02-02 14:00',
|
||||
project_abbreviation: 'xxx项目',
|
||||
},
|
||||
{
|
||||
warn_value: "预警A",
|
||||
images: ["images/831.jpg"],
|
||||
warn_context: "告警内容",
|
||||
time: "24-02-02 14:00",
|
||||
project_abbreviation: "xxx项目",
|
||||
warn_value: '预警A',
|
||||
images: ['images/831.jpg'],
|
||||
warn_context: '告警内容',
|
||||
time: '24-02-02 14:00',
|
||||
project_abbreviation: 'xxx项目',
|
||||
},
|
||||
{
|
||||
warn_value: "预警A",
|
||||
images: ["images/831.jpg"],
|
||||
warn_context: "告警内容",
|
||||
time: "24-02-02 14:00",
|
||||
project_abbreviation: "xxx项目",
|
||||
warn_value: '预警A',
|
||||
images: ['images/831.jpg'],
|
||||
warn_context: '告警内容',
|
||||
time: '24-02-02 14:00',
|
||||
project_abbreviation: 'xxx项目',
|
||||
},
|
||||
];
|
||||
]
|
||||
//list 定时器
|
||||
if (this.listData.length > 0) {
|
||||
this.interval = setInterval(this.automaticRoll, 10000);
|
||||
this.interval = setInterval(this.automaticRoll, 10000)
|
||||
}
|
||||
//预警类型 定时器
|
||||
this.warningTypeInterval = setInterval(this.automaticRollType, 5000);
|
||||
this.warningTypeInterval = setInterval(this.automaticRollType, 5000)
|
||||
//正在发生 定时器
|
||||
this.warningInterval = setInterval(this.safeAutomaticRoll, 5000);
|
||||
this.index = 0;
|
||||
this.deviceId = this.listData[0].id;
|
||||
this.updateDumbwaiterValue();
|
||||
this.warningInterval = setInterval(this.safeAutomaticRoll, 5000)
|
||||
this.index = 0
|
||||
this.deviceId = this.listData[0].id
|
||||
this.updateDumbwaiterValue()
|
||||
},
|
||||
onTowerCraneList(n) {
|
||||
this.index = n;
|
||||
this.deviceId = this.listData[n].id;
|
||||
this.index = n
|
||||
this.deviceId = this.listData[n].id
|
||||
|
||||
//切换动画
|
||||
this.direction = "right";
|
||||
if (this.comName == "dumbwaiter-1") {
|
||||
this.comName = "dumbwaiter-2";
|
||||
this.direction = 'right'
|
||||
if (this.comName == 'dumbwaiter-1') {
|
||||
this.comName = 'dumbwaiter-2'
|
||||
} else {
|
||||
this.comName = "dumbwaiter-1";
|
||||
this.comName = 'dumbwaiter-1'
|
||||
}
|
||||
},
|
||||
//监控列表
|
||||
listMinMouseover() {
|
||||
clearInterval(this.interval);
|
||||
clearInterval(this.interval)
|
||||
},
|
||||
listMinMouseout() {
|
||||
this.interval = setInterval(this.automaticRoll, 10000);
|
||||
this.interval = setInterval(this.automaticRoll, 10000)
|
||||
},
|
||||
automaticRoll() {
|
||||
//切换动画
|
||||
if (this.direction == "right") {
|
||||
if (this.direction == 'right') {
|
||||
if (this.index == this.listData.length - 1) {
|
||||
this.index = 0;
|
||||
this.index = 0
|
||||
} else {
|
||||
this.index = this.index + 1;
|
||||
this.index = this.index + 1
|
||||
}
|
||||
} else {
|
||||
if (this.index == 0) {
|
||||
this.index = this.listData.length - 1;
|
||||
this.index = this.listData.length - 1
|
||||
} else {
|
||||
this.index = this.index - 1;
|
||||
this.index = this.index - 1
|
||||
}
|
||||
}
|
||||
if (this.comName == "dumbwaiter-1") {
|
||||
this.comName = "dumbwaiter-2";
|
||||
if (this.comName == 'dumbwaiter-1') {
|
||||
this.comName = 'dumbwaiter-2'
|
||||
} else {
|
||||
this.comName = "dumbwaiter-1";
|
||||
this.comName = 'dumbwaiter-1'
|
||||
}
|
||||
var height = $(".list-for").innerHeight();
|
||||
$("#listMin").animate({ scrollTop: height * this.index + "px" });
|
||||
this.deviceId = this.listData[this.index].deviceId;
|
||||
this.updateDumbwaiterValue();
|
||||
var height = $('.list-for').innerHeight()
|
||||
$('#listMin').animate({ scrollTop: height * this.index + 'px' })
|
||||
this.deviceId = this.listData[this.index].deviceId
|
||||
this.updateDumbwaiterValue()
|
||||
},
|
||||
updateDumbwaiterValue() {
|
||||
this.dumbwaiterValue = {
|
||||
|
|
@ -631,57 +604,54 @@ export default {
|
|||
liftingHeight: this.listData[this.index].ratedPeopleCount,
|
||||
runningSpeed: this.listData[this.index].ratedSpeed,
|
||||
enterTime: this.listData[this.index].entryTime,
|
||||
};
|
||||
}
|
||||
},
|
||||
safeTowerLeft() {
|
||||
this.direction = "left";
|
||||
this.automaticRoll();
|
||||
this.direction = 'left'
|
||||
this.automaticRoll()
|
||||
},
|
||||
safeTowerRight() {
|
||||
//切换动画
|
||||
this.direction = "right";
|
||||
this.automaticRoll();
|
||||
this.direction = 'right'
|
||||
this.automaticRoll()
|
||||
},
|
||||
//报警类型
|
||||
automaticRollType() {
|
||||
var height = $(".glr-login-number-max").innerHeight();
|
||||
if (
|
||||
$("#afootOverflowType").scrollTop() ==
|
||||
height * this.warningList.length - $("#afootOverflowType").innerHeight()
|
||||
) {
|
||||
this.warningTypeIndex = 0;
|
||||
var height = $('.glr-login-number-max').innerHeight()
|
||||
if ($('#afootOverflowType').scrollTop() == height * this.warningList.length - $('#afootOverflowType').innerHeight()) {
|
||||
this.warningTypeIndex = 0
|
||||
} else {
|
||||
this.warningTypeIndex = this.warningTypeIndex + 1;
|
||||
this.warningTypeIndex = this.warningTypeIndex + 1
|
||||
}
|
||||
$("#afootOverflowType").animate({
|
||||
scrollTop: height * this.warningTypeIndex + "px",
|
||||
});
|
||||
$('#afootOverflowType').animate({
|
||||
scrollTop: height * this.warningTypeIndex + 'px',
|
||||
})
|
||||
},
|
||||
listMinMouseoverType() {
|
||||
clearInterval(this.warningTypeInterval);
|
||||
clearInterval(this.warningTypeInterval)
|
||||
},
|
||||
listMinMouseoutType() {
|
||||
this.warningTypeInterval = setInterval(this.automaticRollType, 5000);
|
||||
this.warningTypeInterval = setInterval(this.automaticRollType, 5000)
|
||||
},
|
||||
|
||||
//正在发生
|
||||
safeAutomaticRoll() {
|
||||
var height = $(".safe-afoot-overflow").innerHeight();
|
||||
var height = $('.safe-afoot-overflow').innerHeight()
|
||||
if (this.forIndex == this.warningData.length) {
|
||||
this.forIndex = 0;
|
||||
this.forIndex = 0
|
||||
} else {
|
||||
this.forIndex = this.forIndex + 1;
|
||||
this.forIndex = this.forIndex + 1
|
||||
}
|
||||
$("#afootOverflow").animate({ scrollTop: height * this.forIndex + "px" });
|
||||
$('#afootOverflow').animate({ scrollTop: height * this.forIndex + 'px' })
|
||||
},
|
||||
warningListMinMouseover() {
|
||||
clearInterval(this.warningInterval);
|
||||
clearInterval(this.warningInterval)
|
||||
},
|
||||
warningListMinMouseout() {
|
||||
this.warningInterval = setInterval(this.safeAutomaticRoll, 5000);
|
||||
this.warningInterval = setInterval(this.safeAutomaticRoll, 5000)
|
||||
},
|
||||
},
|
||||
};
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="less">
|
||||
|
|
|
|||
Loading…
Reference in New Issue