|
@@ -5,10 +5,10 @@
|
|
|
<section v-for="(item ,index) in arr" :key="index" class='cards-item' >
|
|
|
<section class="card-item-title">
|
|
|
<div>
|
|
|
- <img :src="imgSrc(item.smsxt)" />
|
|
|
+ <img class="title-img" :src="imgSrc(item.smsxt)" />
|
|
|
<h4>{{item.smsxtname}}</h4>
|
|
|
</div>
|
|
|
- <img :style='itemStyle(item)' src="../../assets/images/icons/warning.png" />
|
|
|
+ <img class="warning-img" :style='itemStyle(item)' src="../../assets/images/icons/warning.png" />
|
|
|
</section>
|
|
|
<section class='equipment-list-container'>
|
|
|
<div class="more" @click.stop.capture="expandRestItems(item, index)" v-if="item.hasArrow" :style="{transform: item.expand ? 'rotate(0)' : 'rotate(180deg)'}">
|
|
@@ -149,8 +149,6 @@ export default {
|
|
|
},
|
|
|
|
|
|
methods: {
|
|
|
-
|
|
|
-
|
|
|
imgSrc(code) {
|
|
|
return require('../../assets/images/icons/' + code + '.png')
|
|
|
},
|
|
@@ -188,8 +186,8 @@ export default {
|
|
|
}
|
|
|
if (option.rptGlsmsStatisticsList) {
|
|
|
option.rptGlsmsStatisticsList.forEach(option => {
|
|
|
- if (typeof option.unfinished === "number") {
|
|
|
- num += option.unfinished
|
|
|
+ if (typeof option.due_num === "number") {
|
|
|
+ num += option.due_num
|
|
|
}
|
|
|
})
|
|
|
}
|
|
@@ -197,6 +195,10 @@ export default {
|
|
|
return {
|
|
|
display:"block"
|
|
|
}
|
|
|
+ } else {
|
|
|
+ return {
|
|
|
+ display:"none"
|
|
|
+ }
|
|
|
}
|
|
|
},
|
|
|
navToInnerPage (item, equip) {
|
|
@@ -243,10 +245,18 @@ export default {
|
|
|
})
|
|
|
this.cardsList.forEach(item=>{
|
|
|
item.forEach(eq=>{
|
|
|
-
|
|
|
- if (eq.rptGlsmsStatisticsList && eq.rptGlsmsStatisticsList.length === 3) {
|
|
|
- eq.rptGlsmsStatisticsList.push(eq.rptGlsmsStatisticsList.shift())
|
|
|
+ if (eq.rptGlsmsStatisticsList) {
|
|
|
+ eq.rptGlsmsStatisticsList.forEach(each => {
|
|
|
+ if (each.type === 1) {
|
|
|
+ each.sort = 0
|
|
|
+ } else if (each.type === 2) {
|
|
|
+ each.sort = 1
|
|
|
+ } else {
|
|
|
+ each.sort = 2
|
|
|
+ }
|
|
|
+ })
|
|
|
console.log(eq.rptGlsmsStatisticsList)
|
|
|
+ eq.rptGlsmsStatisticsList = sortBy(eq.rptGlsmsStatisticsList, (item) => {return item.sort})
|
|
|
}
|
|
|
})
|
|
|
})
|
|
@@ -359,9 +369,13 @@ export default {
|
|
|
line-height: 1;
|
|
|
font-weight: bold;
|
|
|
}
|
|
|
- img{
|
|
|
- width: 24px;
|
|
|
- height: 24px;
|
|
|
+ img.title-img{
|
|
|
+ width: 2.4rem;
|
|
|
+ height: 2.4rem;
|
|
|
+ }
|
|
|
+ img.warning-img{
|
|
|
+ width: 1.8rem;
|
|
|
+ height: 1.8rem;
|
|
|
}
|
|
|
>div{
|
|
|
display: flex;
|
|
@@ -377,7 +391,7 @@ export default {
|
|
|
padding: 1rem ;
|
|
|
padding-bottom: 0.4rem;
|
|
|
.equipment-item {
|
|
|
- width: 25%;
|
|
|
+ width: 31%;
|
|
|
box-sizing: border-box;
|
|
|
border-radius: 2px;
|
|
|
padding: 1rem;
|