From e8b31bd4a5c8237e7f7354a72f9dbd3f9fc9d80e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E8=A3=95=E8=B4=A2?= <cyc58469@163.com>
Date: Mon, 25 Jul 2022 03:27:47 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/styles/mdp.scss                           | 11 ++++++++---
 src/views/xm/core/xmProduct/XmProductInfo.vue | 15 ++++++++++-----
 src/views/xm/core/xmProject/XmProjectInfo.vue |  8 ++++----
 3 files changed, 22 insertions(+), 12 deletions(-)

diff --git a/src/styles/mdp.scss b/src/styles/mdp.scss
index ae7adb5b..8653816a 100644
--- a/src/styles/mdp.scss
+++ b/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;
diff --git a/src/views/xm/core/xmProduct/XmProductInfo.vue b/src/views/xm/core/xmProduct/XmProductInfo.vue
index 43a65f05..81e4af90 100644
--- a/src/views/xm/core/xmProduct/XmProductInfo.vue
+++ b/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;
diff --git a/src/views/xm/core/xmProject/XmProjectInfo.vue b/src/views/xm/core/xmProject/XmProjectInfo.vue
index 45bc1283..c5b29c98 100644
--- a/src/views/xm/core/xmProject/XmProjectInfo.vue
+++ b/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>