首页优化

src/views/dashboard/Analysis.vue

@@ -14,9 +14,7 @@
             <div class="text">{{ operaTitle[item.incompleteTitle] }} / {{operaTitle[item.completedTitle]}}</div>
           </div>
           <div class="legend f1 u-flex-jac">
-            <i :class="item.legend">
-              <!-- <div :class="item.legend2"></div> -->
-            </i>
+            <a-icon :type="item.legend" :class="item.class" class="u-flex-jac"/>
           </div>
         </div>
       </router-link>
@@ -170,15 +168,15 @@ export default {
       // 运维统计前端绘制
       operaContent: [
         { type: 'repair', title: '设备当前运行数', completed: 'machineCompleted', completedTitle: 'machineCompleted', incomplete: 'machineIncomplete', 
-          incompleteTitle: 'machineIncomplete', legend: 'anticon anticon-sliders spotcheck', to: '/equipment/equipmentstatus' },
+          incompleteTitle: 'machineIncomplete', legend: 'hdd', class: 'spotcheck', to: '/equipment/equipmentstatus' },
         // { type: 'repair', title: '未处理报警', completed: 'alarmCompleted', completedTitle: 'alarmCompleted', incomplete: 'alarmIncomplete', 
         //   incompleteTitle: 'alarmIncomplete', legend: 'a-icon-warning warning', to: '/alarmManage/handleAlarm' },
         { type: 'repair', title: '待维修任务', completed: 'repairCompleted', completedTitle: 'repairCompleted', incomplete: 'repairIncomplete', 
-          incompleteTitle: 'repairIncomplete', legend: 'a-icon-setting repair', to: '/operaManage/repairManage/myRepairOrder' },
+          incompleteTitle: 'repairIncomplete', legend: 'setting', class: 'repair', to: '/cmms/repair/myRepair' },
         { type: 'repair', title: '待保养任务', completed: 'upkeepCompleted', completedTitle: 'upkeepCompleted', incomplete: 'upkeepIncomplete', 
-          incompleteTitle: 'upkeepIncomplete', legend: 'a-icon-s-management upkeep', to: '/operaManage/upkeepManage/upkeepOrder' },
+          incompleteTitle: 'upkeepIncomplete', legend: 'book', class: 'upkeep', to: '/cmms/upkeep/upkeep' },
         { type: 'repair', title: '待巡检任务', completed: 'inspectCompleted', completedTitle: 'inspectCompleted', incomplete: 'inspectIncomplete', 
-          incompleteTitle: 'inspectIncomplete', legend: 'a-icon-place inspect', to: '/operaManage/inspectManage/inspectOrder' },
+          incompleteTitle: 'inspectIncomplete', legend: 'interaction', class: 'inspect', to: '/cmms/inspect' },
       ],
       // 运维统计后端数据
       operaStatistics: {
@@ -593,12 +591,11 @@ export default {
           // width: 50%;
           i{
             font-size: 2vw;
-            // color: #fff;
-            // border: 3px solid #148cb1;
-            // padding: 5px;
             border-radius: 100%;
             width: 60px;
             height: 60px;
+            // text-align: center;
+            // line-height: 60px;
           }
           .repair{
             color: #6680f4;
@@ -621,37 +618,6 @@ export default {
             background-image: linear-gradient(150deg, #eb7f7f77, #ff494979);
           }
         }
-        .legend2{
-          // width: 50%;
-          div{
-            // font-size: 2vw;
-            // color: #fff;
-            padding: 10%;
-            // border: 3px solid #148cb1;
-            border-radius: 100%;
-            width: 60px;
-            height: 60px;
-          }
-          .repair{
-            background: url('../../../src/assets/images/shezhi.png') no-repeat center center;
-            background-size: 80%;
-          }
-          .upkeep{
-            background: url('../../../src/assets/images/renwu.png') no-repeat center center;
-            background-size: 80%;
-            // background-size: cover;
-          }
-          .spotcheck{
-            background: url('../../../src/assets/images/shouzhi.png') no-repeat center center;
-            background-size: 80%;
-            // background-size: cover;
-          }
-          .inspect{
-            background: url('../../../src/assets/images/xunjian.png') no-repeat center center;
-            background-size: 80%;
-            // background-size: cover;
-          }
-        }
       }
     }
     .item:last-of-type{