|
@@ -57,7 +57,7 @@
|
|
<div class="content" v-if="option.total">
|
|
<div class="content" v-if="option.total">
|
|
<div class="number">
|
|
<div class="number">
|
|
<div class="left">
|
|
<div class="left">
|
|
- <img :src="srcList[option.type][option.level]" >
|
|
|
|
|
|
+ <img :src="srcList[option.type]" >
|
|
<span >{{option.type === 1 ? '维保': option.type === 0 ? '专维' : '第三方检测' }}</span>
|
|
<span >{{option.type === 1 ? '维保': option.type === 0 ? '专维' : '第三方检测' }}</span>
|
|
</div>
|
|
</div>
|
|
<p class="line">
|
|
<p class="line">
|
|
@@ -119,21 +119,9 @@ export default {
|
|
changeList: [],
|
|
changeList: [],
|
|
plazaId:'',
|
|
plazaId:'',
|
|
srcList: {
|
|
srcList: {
|
|
- 0: {
|
|
|
|
- 1: require('../../assets/images/icons/fix_blue_b.png'),
|
|
|
|
- 2: require('../../assets/images/icons/fix_yellow_b.png'),
|
|
|
|
- 3: require('../../assets/images/icons/fix_red_b.png')
|
|
|
|
- },
|
|
|
|
- 1: {
|
|
|
|
- 1: require('../../assets/images/icons/edit_blue_b.png'), //1.正常(蓝色) 2.警告(黄色) 3.严重(红色)
|
|
|
|
- 2: require('../../assets/images/icons/edit_yellow_b.png'),
|
|
|
|
- 3: require('../../assets/images/icons/edit_red_b.png')
|
|
|
|
- },
|
|
|
|
- 2: {
|
|
|
|
- 1: require('../../assets/images/icons/search_blue_b.png'),
|
|
|
|
- 2: require('../../assets/images/icons/search_yellow_b.png'),
|
|
|
|
- 3: require('../../assets/images/icons/search_red_b.png')
|
|
|
|
- }
|
|
|
|
|
|
+ 0: require('../../assets/images/icons/maintain.png'),
|
|
|
|
+ 1: require('../../assets/images/icons/protect.png'),
|
|
|
|
+ 2: require('../../assets/images/icons/check.png'),
|
|
},
|
|
},
|
|
|
|
|
|
}
|
|
}
|
|
@@ -155,9 +143,9 @@ export default {
|
|
console.log(option)
|
|
console.log(option)
|
|
let bool = option.due_num === 0
|
|
let bool = option.due_num === 0
|
|
return {
|
|
return {
|
|
- color:bool ? '646C73': '#C13830',
|
|
|
|
|
|
+ color:bool ? '#646C73': '#FF7C00',
|
|
fontWeight: bool ? 'normal' :'bold',
|
|
fontWeight: bool ? 'normal' :'bold',
|
|
- fontSize: bool ? '12px' : '18px'
|
|
|
|
|
|
+ fontSize: bool ? '12px' : '16px'
|
|
}
|
|
}
|
|
},
|
|
},
|
|
imgSrc(code) {
|
|
imgSrc(code) {
|
|
@@ -258,6 +246,7 @@ export default {
|
|
item.forEach(eq=>{
|
|
item.forEach(eq=>{
|
|
if (eq.rptGlsmsStatisticsList) {
|
|
if (eq.rptGlsmsStatisticsList) {
|
|
eq.rptGlsmsStatisticsList.forEach(each => {
|
|
eq.rptGlsmsStatisticsList.forEach(each => {
|
|
|
|
+ each.due_num = 2
|
|
if (each.type === 1) {
|
|
if (each.type === 1) {
|
|
each.sort = 0
|
|
each.sort = 0
|
|
} else if (each.type === 2) {
|
|
} else if (each.type === 2) {
|
|
@@ -369,7 +358,7 @@ export default {
|
|
border-radius: 4px;
|
|
border-radius: 4px;
|
|
box-shadow: 0 2px 10px 0 rgba(31, 36, 41, 0.06);
|
|
box-shadow: 0 2px 10px 0 rgba(31, 36, 41, 0.06);
|
|
.card-item-title{
|
|
.card-item-title{
|
|
- height: 36px;
|
|
|
|
|
|
+ height: 50px;
|
|
display: flex;
|
|
display: flex;
|
|
align-items: center;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
justify-content: space-between;
|
|
@@ -390,8 +379,8 @@ export default {
|
|
height: 24px;
|
|
height: 24px;
|
|
}
|
|
}
|
|
img.warning-img{
|
|
img.warning-img{
|
|
- width: 1.8rem;
|
|
|
|
- height: 1.8rem;
|
|
|
|
|
|
+ width: 3.2rem;
|
|
|
|
+ height: 3.2rem;
|
|
}
|
|
}
|
|
>div{
|
|
>div{
|
|
display: flex;
|
|
display: flex;
|
|
@@ -449,8 +438,8 @@ export default {
|
|
.equip-statis {
|
|
.equip-statis {
|
|
.equip-number {
|
|
.equip-number {
|
|
font-size: 20px;
|
|
font-size: 20px;
|
|
- font-family: 'persagy';
|
|
|
|
- font-weight: bold;
|
|
|
|
|
|
+ font-family: 'PersagyBold';
|
|
|
|
+ // font-weight: bold;
|
|
color: rgba(31, 36, 41, 1);
|
|
color: rgba(31, 36, 41, 1);
|
|
}
|
|
}
|
|
.equip-unit {
|
|
.equip-unit {
|
|
@@ -514,6 +503,10 @@ export default {
|
|
justify-content: space-between;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
align-items: center;
|
|
.left{
|
|
.left{
|
|
|
|
+ img{
|
|
|
|
+ height: 3.2rem;
|
|
|
|
+ width: 3.2rem;
|
|
|
|
+ }
|
|
span {
|
|
span {
|
|
margin-right: 1rem;
|
|
margin-right: 1rem;
|
|
font-size: 1.2rem;
|
|
font-size: 1.2rem;
|
|
@@ -527,10 +520,7 @@ export default {
|
|
align-items: center;
|
|
align-items: center;
|
|
line-height: 1;
|
|
line-height: 1;
|
|
em {
|
|
em {
|
|
- font-weight: normal;
|
|
|
|
- }
|
|
|
|
- em:first-child {
|
|
|
|
- font-family: 'persagy';
|
|
|
|
|
|
+ font-family: 'PersagyBold';
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
@@ -543,11 +533,15 @@ export default {
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
+
|
|
|
|
+ }
|
|
|
|
+ .alert-list:hover{
|
|
|
|
+ background: #E4E6E7;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.empty-content {
|
|
.empty-content {
|
|
- height: 8rem;
|
|
|
|
- line-height: 8rem;
|
|
|
|
|
|
+ height: 8.6rem;
|
|
|
|
+ line-height: 8.6rem;
|
|
border-top: 1px solid #f5f6f7;
|
|
border-top: 1px solid #f5f6f7;
|
|
text-align: center;
|
|
text-align: center;
|
|
color: #8d9399;
|
|
color: #8d9399;
|
|
@@ -631,8 +625,8 @@ export default {
|
|
display: flex;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
align-items: center;
|
|
- padding: 6px 12px;
|
|
|
|
- height: 32px;
|
|
|
|
|
|
+ padding: 0 12px;
|
|
|
|
+ height: 50px;
|
|
border-top-right-radius: 4px;
|
|
border-top-right-radius: 4px;
|
|
border-top-left-radius: 4px;
|
|
border-top-left-radius: 4px;
|
|
margin-bottom: 12px;
|
|
margin-bottom: 12px;
|
|
@@ -640,7 +634,7 @@ export default {
|
|
span:first-child {
|
|
span:first-child {
|
|
color: #ffffff;
|
|
color: #ffffff;
|
|
font-weight: bold;
|
|
font-weight: bold;
|
|
- font-size: 1.6rem;
|
|
|
|
|
|
+ font-size: 2.4rem;
|
|
}
|
|
}
|
|
a{
|
|
a{
|
|
color: white;
|
|
color: white;
|