Merge branch 'dev-Rain' into shenzhen-dev
This commit is contained in:
commit
fdba33e4dc
@ -39,7 +39,7 @@
|
||||
<div class="cbHeaderLine"></div>
|
||||
</div>
|
||||
<div class="cbContent">
|
||||
<vue3-seamless-scroll :list="listData" :step="1" :limitScrollNum="13" :hover="true" class="scroll">
|
||||
<vue3-seamless-scroll v-show="listData.length>0" :list="listData" :step="1" :limitScrollNum="10" :hover="true" class="scroll">
|
||||
<div class="item" v-for="(item, index) in listData" :key="index">
|
||||
<div class="itemHead">
|
||||
<div class="itemHeadInner" v-if="item.type === 1">{{ item.title }}</div>
|
||||
@ -53,6 +53,10 @@
|
||||
</div>
|
||||
</div>
|
||||
</vue3-seamless-scroll>
|
||||
<div class="notoDta" v-if="listData.length == 0">
|
||||
<img src="@/assets/images/noData.png" alt="" />
|
||||
<p>暂无数据</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -86,15 +90,17 @@ let overdueMajorDangerCount = ref(20 as any);
|
||||
let overdueMajorDangerRate = ref(50 as any);
|
||||
|
||||
let listData = ref([
|
||||
{ title: '隐患分类', type: 1, msg: '经过智能分析统计,近一个月脚手架类安全隐患最多达...' },
|
||||
{ title: '重大隐患', type: 2, msg: '组织专业人员对隐患进行彻底排查和评估,明确隐患的性质、范围和...' },
|
||||
{ title: '隐患分类', type: 1, msg: '经过智能分析统计,近一个月脚手架类安全隐患最多达...' },
|
||||
{ title: '重大隐患', type: 2, msg: '组织专业人员对隐患进行彻底排查和评估,明确隐患的性质、范围和...' },
|
||||
{ title: '隐患分类', type: 1, msg: '经过智能分析统计,近一个月脚手架类安全隐患最多达...' },
|
||||
{ title: '重大隐患', type: 2, msg: '组织专业人员对隐患进行彻底排查和评估,明确隐患的性质、范围和...' },
|
||||
{ title: '隐患分类', type: 1, msg: '经过智能分析统计,近一个月脚手架类安全隐患最多达...' },
|
||||
{ title: '重大隐患', type: 2, msg: '组织专业人员对隐患进行彻底排查和评估,明确隐患的性质、范围和...' },
|
||||
{ title: '隐患分类', type: 1, msg: '经过智能分析统计,近一个月脚手架类安全隐患最多达...' },
|
||||
// { title: '隐患分类', type: 1, msg: '经过智能分析统计,近一个月脚手架类安全隐患最多达...' },
|
||||
// { title: '重大隐患', type: 2, msg: '组织专业人员对隐患进行彻底排查和评估,明确隐患的性质、范围和...' },
|
||||
// { title: '隐患分类', type: 1, msg: '经过智能分析统计,近一个月脚手架类安全隐患最多达...' },
|
||||
// { title: '重大隐患', type: 2, msg: '组织专业人员对隐患进行彻底排查和评估,明确隐患的性质、范围和...' },
|
||||
// { title: '隐患分类', type: 1, msg: '经过智能分析统计,近一个月脚手架类安全隐患最多达...' },
|
||||
// { title: '重大隐患', type: 2, msg: '组织专业人员对隐患进行彻底排查和评估,明确隐患的性质、范围和...' },
|
||||
// { title: '隐患分类', type: 1, msg: '经过智能分析统计,近一个月脚手架类安全隐患最多达...' },
|
||||
// { title: '重大隐患', type: 2, msg: '组织专业人员对隐患进行彻底排查和评估,明确隐患的性质、范围和...' },
|
||||
// { title: '隐患分类', type: 1, msg: '经过智能分析统计,近一个月脚手架类安全隐患最多达...' },
|
||||
// { title: '重大隐患', type: 2, msg: '组织专业人员对隐患进行彻底排查和评估,明确隐患的性质、范围和...' },
|
||||
// { title: '隐患分类', type: 1, msg: '经过智能分析统计,近一个月脚手架类安全隐患最多达...' },
|
||||
])
|
||||
|
||||
let dataList = ref([
|
||||
@ -767,6 +773,27 @@ onMounted(async () => {
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.notoDta {
|
||||
top: 35%;
|
||||
width: 50%;
|
||||
// left: 40%;
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
left:50%;
|
||||
transform: translateX(-50%);
|
||||
|
||||
img {
|
||||
width: 40%;
|
||||
margin: 5% 30%;
|
||||
}
|
||||
|
||||
p {
|
||||
color: #fff;
|
||||
font-size: calc(100vw * 14 / 1920);
|
||||
margin: -6% 30%;
|
||||
}
|
||||
}
|
||||
|
||||
.scroll {
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
@ -913,7 +940,7 @@ onMounted(async () => {
|
||||
|
||||
.cbContent {
|
||||
width: 100%;
|
||||
height: calc(100% - 40px);
|
||||
height: calc(100% - 60px);
|
||||
|
||||
// background: #fff;
|
||||
.item {
|
||||
|
||||
@ -1,7 +1,8 @@
|
||||
<template>
|
||||
<div class="political-outlook">
|
||||
<div class="content">
|
||||
<div class="top-statistics">
|
||||
<!-- v-show="topDangerList.length > 0" -->
|
||||
<div class="top-statistics" v-show="topDangerList.length > 0">
|
||||
<div class="statistics-item" v-for="(item,index) in topDangerList" :key="index">
|
||||
<span class="title">{{item.alarmTypeName}}</span>
|
||||
<span class="statistics-item-content">今日报警次数:0</span>
|
||||
@ -51,6 +52,13 @@
|
||||
<span class="statistics-item-content">历史报警次数:1</span>
|
||||
</div> -->
|
||||
</div>
|
||||
<div style="position: relative; height: 180px;">
|
||||
<div class="notoDta" v-if="topDangerList.length == 0">
|
||||
<img src="@/assets/images/noData.png" alt="" />
|
||||
<p>暂无数据</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="table-one">
|
||||
<div class="tabList">
|
||||
<div>序号</div>
|
||||
@ -370,7 +378,7 @@ onMounted(async () => {
|
||||
margin: 0 auto;
|
||||
.statistics-item{
|
||||
width: 200px;
|
||||
height: 95px;
|
||||
// height: 95px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
position: relative;
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user