style(product-manage):竞品监控页面的按钮tooltip样式

- 修复了产品监控和竞争者监控页面中历史详情按钮的工具提示样式

src/views/product-manage/competitor-monitor/component/DataTableSlot.vue

@@ -57,7 +57,7 @@ function starsPercent(goods: any) {
 }
 
 function showDetail(detail: any) {
-  emit(`${detail}`, row);
+  emit(`${ detail }`, row);
 }
 </script>
 
@@ -178,7 +178,7 @@ function showDetail(detail: any) {
           </PermissionButton>
         </el-tooltip>
         <el-tooltip :enterable="false" :show-arrow="false" content="历史详情" hide-after="0"
-                    placement="top" popper-class="custom-btn-tooltip">
+                    placement="top" popper-class="custom-btn-tooltip-2">
           <PermissionButton :color="'#6466F1'" circle plain type="success" @click="showDetail('show-history')">
             <el-icon>
               <Timer />
@@ -238,4 +238,11 @@ function showDetail(detail: any) {
   border: 1px solid #67C23A !important;
   font-size: 14px;
 }
+
+.custom-btn-tooltip-2 {
+  background-color: #F0F0FE !important;
+  color: #606266 !important;
+  border: 1px solid #6466F1 !important;
+  font-size: 14px;
+}
 </style>

src/views/product-manage/product-monitor/component/DataTableSlot.vue

@@ -37,7 +37,7 @@ function onConfirm() {
 }
 
 function showDetail(detail: any) {
-  emit(`${detail}`, row);
+  emit(`${ detail }`, row);
 }
 
 </script>
@@ -45,7 +45,7 @@ function showDetail(detail: any) {
 <template>
   <div class="font-medium">
     <div v-if="field === 'product_info'">
-      <ProductInfo :img-width="50" :item="row.goods"/>
+      <ProductInfo :img-width="50" :item="row.goods" />
     </div>
     <div v-else-if="field === 'country_code'">
       <el-tag :disable-transitions="true" :style="{ color: color, borderColor: color }" effect="plain" round>
@@ -125,10 +125,10 @@ function showDetail(detail: any) {
       </template>
     </div>
     <div v-else-if="field === 'stars'" class="flex flex-col font-normal" style="min-width: 170px">
-      <ProgressBar :row="row" percentage="ratings"/>
+      <ProgressBar :row="row" percentage="ratings" />
     </div>
     <div v-else-if="field === 'all_stars'" class="flex flex-col font-normal" style="min-width: 170px">
-      <ProgressBar :row="row" percentage="all_rate"/>
+      <ProgressBar :row="row" percentage="all_rate" />
     </div>
     <div v-else-if="field === 'status'">
       <el-tag :disable-transitions="true" :type=statusType>
@@ -141,7 +141,7 @@ function showDetail(detail: any) {
                     placement="top" popper-class="custom-btn-tooltip">
           <PermissionButton circle plain type="success" @click="showDetail('show-comment')">
             <el-icon>
-              <Tickets/>
+              <Tickets />
             </el-icon>
           </PermissionButton>
         </el-tooltip>
@@ -149,7 +149,7 @@ function showDetail(detail: any) {
                     placement="top" popper-class="custom-btn-tooltip-2">
           <PermissionButton :color="'#6466F1'" circle plain type="success" @click="showDetail('show-history')">
             <el-icon>
-              <Timer/>
+              <Timer />
             </el-icon>
           </PermissionButton>
         </el-tooltip>
@@ -157,7 +157,7 @@ function showDetail(detail: any) {
       <div class="flex justify-center gap-2">
         <PermissionButton circle plain type="warning" @click="handleEdit">
           <el-icon>
-            <Operation/>
+            <Operation />
           </el-icon>
         </PermissionButton>
         <el-popconfirm
@@ -170,7 +170,7 @@ function showDetail(detail: any) {
           <template #reference>
             <PermissionButton circle plain type="danger">
               <el-icon>
-                <Delete/>
+                <Delete />
               </el-icon>
             </PermissionButton>
           </template>
@@ -207,6 +207,7 @@ function showDetail(detail: any) {
   border: 1px solid #67C23A !important;
   font-size: 14px;
 }
+
 .custom-btn-tooltip-2 {
   background-color: #F0F0FE !important;
   color: #606266 !important;