框架前端样式微调

ruoyi-ui/src/views/market/whole/index.vue

@@ -122,7 +122,7 @@
      </el-col>
      <el-col :span="1.5">
       <a href="https://e.waimai.meituan.com?ABC=OK777:1" style="color: rgb(230, 167, 0);">授权M</a>
-      <el-tooltip content="请使用鼠标右键点击授权M后选择在隐身窗口中打开链接（新增或更新失效，操作一致）" effect="dark" placement="bottom">
+      <el-tooltip content="请使用鼠标右键点击授权M后选择在隐身窗口中打开链接（新增或更新失效，操作一致）" effect="dark" placement="right">
         <i class="el-tooltip el-icon-question" tabindex="0" ></i>
       </el-tooltip>
       <!-- <template>
@@ -177,8 +177,8 @@
       <el-table-column label="昨日好评量" align="center" />
       <el-table-column label="昨日五星量" align="center" />
       <el-table-column label="昨日回访量" align="center" />
-      <el-table-column label="昨日营销比(%)" align="center" />
-      <el-table-column label="今日影响量" align="center" />
+      <el-table-column label="昨日营销比(%)" align="center" :render-header="renderPrice"/>
+      <el-table-column label="今日回访量" align="center" />
       <el-table-column label="评分" align="center" />
       <el-table-column label="归属" align="center" />
       <el-table-column label="创建时间" align="center" />
@@ -334,6 +334,21 @@ export default {
     this.getList();
   },
   methods: {
+    renderPrice(h, { column, $index }) {
+      return [
+        h(
+          'el-tooltip',
+          {
+            props: {
+              content: '昨日营销量与昨日单量比值', // 鼠标悬停时要展示的文字提示
+              placement: 'top' // 悬停内容展示的位置
+            }
+          },
+          [h('span', { class: { 'el-icon-question': true }})] // 图标
+        ),
+        column.label
+      ]
+    },
     /** 查询角色列表 */
     getList() {
       this.loading = true;