Prechádzať zdrojové kódy

项目首页修改还原度

fujunwen 4 rokov pred
rodič
commit
0bc766f3d8

BIN
src/assets/images/icons/check.png


BIN
src/assets/images/icons/maintain.png


BIN
src/assets/images/icons/protect.png


BIN
src/assets/images/icons/warning.png


+ 26 - 32
src/views/homepage/index.vue

@@ -57,7 +57,7 @@
                                 <div  class="content" v-if="option.total">
                                     <div class="number">
                                         <div class="left">
-                                            <img   :src="srcList[option.type][option.level]" > 
+                                            <img   :src="srcList[option.type]" > 
                                             <span >{{option.type === 1 ? '维保': option.type === 0 ? '专维' :  '第三方检测' }}</span>
                                         </div>
                                         <p class="line">
@@ -119,21 +119,9 @@ export default {
             changeList: [],
             plazaId:'',
             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)
             let bool = option.due_num === 0
             return {
-                color:bool ? '646C73': '#C13830',
+                color:bool ? '#646C73': '#FF7C00',
                 fontWeight: bool ? 'normal' :'bold',
-                fontSize: bool ? '12px' : '18px'
+                fontSize: bool ? '12px' : '16px'
             }
         },
         imgSrc(code) {
@@ -258,6 +246,7 @@ export default {
                             item.forEach(eq=>{
                                 if (eq.rptGlsmsStatisticsList) {
                                     eq.rptGlsmsStatisticsList.forEach(each => {
+                                        each.due_num = 2
                                         if (each.type === 1) {
                                             each.sort = 0
                                         } else if (each.type === 2) {
@@ -369,7 +358,7 @@ export default {
                 border-radius: 4px;
                 box-shadow: 0 2px 10px 0 rgba(31, 36, 41, 0.06);
                 .card-item-title{
-                    height: 36px;
+                    height: 50px;
                     display: flex;
                     align-items: center;
                     justify-content: space-between;
@@ -390,8 +379,8 @@ export default {
                         height: 24px; 
                     }
                     img.warning-img{
-                        width: 1.8rem;
-                        height: 1.8rem; 
+                        width: 3.2rem;
+                        height: 3.2rem; 
                     }
                     >div{
                         display: flex;
@@ -449,8 +438,8 @@ export default {
                                 .equip-statis {
                                     .equip-number {
                                         font-size: 20px;
-                                        font-family: 'persagy';
-                                        font-weight: bold;
+                                        font-family: 'PersagyBold';
+                                        // font-weight: bold;
                                         color: rgba(31, 36, 41, 1);
                                     }
                                     .equip-unit {
@@ -514,6 +503,10 @@ export default {
                                     justify-content: space-between;
                                     align-items: center;
                                     .left{
+                                        img{
+                                            height: 3.2rem;
+                                            width: 3.2rem;
+                                        }
                                         span {
                                             margin-right: 1rem;
                                             font-size: 1.2rem;
@@ -527,10 +520,7 @@ export default {
                                         align-items: center;
                                         line-height: 1;
                                         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 {
-                    height: 8rem;
-                    line-height: 8rem;
+                    height: 8.6rem;
+                    line-height: 8.6rem;
                     border-top: 1px solid #f5f6f7;
                     text-align: center;
                     color: #8d9399;
@@ -631,8 +625,8 @@ export default {
             display: flex;
             justify-content: space-between;
             align-items: center;
-            padding: 6px 12px;
-            height: 32px;
+            padding: 0 12px;
+            height: 50px;
             border-top-right-radius: 4px;
             border-top-left-radius: 4px;
             margin-bottom: 12px;
@@ -640,7 +634,7 @@ export default {
             span:first-child {
                 color: #ffffff;
                 font-weight: bold;
-                font-size: 1.6rem;
+                font-size: 2.4rem;
             }
             a{
                 color: white;