Sfoglia il codice sorgente

项目首页修改

fujunwen 4 anni fa
parent
commit
b248051440
1 ha cambiato i file con 27 aggiunte e 13 eliminazioni
  1. 27 13
      src/views/homepage/index.vue

+ 27 - 13
src/views/homepage/index.vue

@@ -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;