优化

src/styles/mdp.scss

@@ -275,7 +275,12 @@ table tr.hover-row{
   margin-right: 5px;
 }  
 
-
+ /**
+ *解决项目、产品视图顶部左边图标不居中的问题
+ */
+.el-menu-item .top-icon > [class^=el-icon-] { 
+  margin-right: 0px !important; 
+}
 
 .label-font-color{
   color: #C0C4CC;
@@ -289,14 +294,14 @@ table tr.hover-row{
   color: #fff;
   height: 36px;
   width: 36px;
-  border-radius: 15px;
+  border-radius: 36px;
   text-align: center;
   line-height: 36px;
   font-size: 18px;
   display: inline-block; 
 } 
 .icon {
-  border-radius: 15px;
+  border-radius: 20px;
   color: #fff;
   display: inline-block;
   font-size: 14px;

src/views/xm/core/xmProduct/XmProductInfo.vue

@@ -20,12 +20,16 @@
           >
             <font v-if="xmProduct.productName.length >= 15">
               <strong>
-                &nbsp;&nbsp;产品:&nbsp;{{ xmProduct.productName.substring(0, 15) }}</strong
+                
+                &nbsp;<el-avatar class="top-icon" icon="el-icon-s-opportunity" style="background-color:#409EFF"></el-avatar>&nbsp;{{ xmProduct.productName.substring(0, 15) }}</strong
               ></font
             >
-            <font type="danger" v-else>
-              <strong>&nbsp;&nbsp;产品:&nbsp;{{ xmProduct.productName }}</strong></font
+            <div  v-else>
+           
+            <font type="danger">
+              <strong>&nbsp; <el-avatar class="top-icon" icon="el-icon-s-opportunity" style="background-color:#409EFF"></el-avatar>&nbsp;产品:&nbsp;{{ xmProduct.productName }}</strong></font
             >
+            </div>
           </span>
           <span
             slot="title"
@@ -34,10 +38,10 @@
             :title="xmProduct.productName"
           >
             <font v-if="xmProduct.productName.length >= 15">
-              &nbsp;&nbsp;产品:&nbsp;{{ xmProduct.productName.substring(0, 15) }}</font
+              &nbsp;<el-avatar class="top-icon" icon="el-icon-s-opportunity" style="background-color:#409EFF"></el-avatar>&nbsp;产品:&nbsp;{{ xmProduct.productName.substring(0, 15) }}</font
             >
             <font type="danger" v-else>
-              &nbsp;&nbsp;产品:&nbsp;{{ xmProduct.productName }}</font
+              &nbsp;<el-avatar class="top-icon" icon="el-icon-s-opportunity" style="background-color:#409EFF"></el-avatar>&nbsp;产品:&nbsp;{{ xmProduct.productName }}</font
             >
           </span>
         </el-menu-item>
@@ -1027,6 +1031,7 @@ export default {
     padding-left: 0px !important;
   }
 }
+ 
 /* 超过宽度则用...代替 */
 .truncate {
   overflow: hidden;

src/views/xm/core/xmProject/XmProjectInfo.vue

@@ -20,11 +20,11 @@
           >
             <font v-if="selProject.name.length >= 15"
               ><strong
-                >&nbsp;&nbsp;项目:&nbsp;&nbsp;{{ selProject.name.substring(0, 15) }}</strong
+                >&nbsp;<el-avatar class="top-icon" icon="el-icon-odometer" style="background-color:#E6A23C"></el-avatar>&nbsp;项目:&nbsp;{{ selProject.name.substring(0, 15) }}</strong
               ></font
             >
             <font type="danger" v-else
-              ><strong>&nbsp;&nbsp;项目:&nbsp;&nbsp;{{ selProject.name }}</strong></font
+              ><strong>&nbsp;<el-avatar class="top-icon" icon="el-icon-odometer" style="background-color:#E6A23C"></el-avatar>&nbsp;项目:&nbsp;{{ selProject.name }}</strong></font
             >
           </span>
 
@@ -35,10 +35,10 @@
             :title="selProject.name"
           >
             <font v-if="selProject.name.length >= 15"
-              >项目:&nbsp;&nbsp;{{ selProject.name.substring(0, 15) }}</font
+              >&nbsp;<el-avatar class="top-icon" icon="el-icon-odometer" style="background-color:#E6A23C"></el-avatar>&nbsp;项目:&nbsp;{{ selProject.name.substring(0, 15) }}</font
             >
             <font type="danger" v-else
-              >项目:&nbsp;&nbsp;{{ selProject.name }}</font
+              >&nbsp;<el-avatar class="top-icon" icon="el-icon-odometer" style="background-color:#E6A23C"></el-avatar>&nbsp;项目:&nbsp;{{ selProject.name }}</font
             >
           </span>
         </el-menu-item>