Ver Fonte

修改表格样式以及新增表头样式

WanGxC há 1 ano atrás
pai
commit
da9a326fbb

+ 15 - 0
src/theme/app.scss

@@ -444,3 +444,18 @@ body,
 	height: 40px;
 	gap: 24px;
 }
+
+.el-table__footer td.el-table__cell {
+	//border: none!important;
+	//border-top: none!important;
+	//margin-top: -1px!important;
+	border: none!important;
+	border-bottom: 0.5px solid rgb(211, 211, 211) !important;
+	//margin-top: 2px!important;
+}
+
+//.el-table tr:last-child td {
+//	//border: 2px !important;
+//	border-bottom: 1px solid rgb(211, 211, 211) !important;
+//}
+

+ 279 - 35
src/views/adManage/ad-overview/daily/crud.tsx

@@ -29,6 +29,18 @@ export const createCrudOptions = function ({crudExpose, context}: CreateCrudOpti
     crudOptions: {
       table: {
         height: 800,
+        showSummary: true,
+        headerCellStyle: {
+          backgroundColor: '#f8f8f9', // 直接设置背景颜色
+          // border: '0.5px solid #ddd',
+        },
+        // rowClassName() {
+        //   return '.el-table__footer td.el-table__cell'
+        // },
+        cellStyle:  {
+          border: 'none',
+          borderBottom: '0.5px solid #ddd'
+        },
       },
       container: {
         fixedHeight: false
@@ -39,14 +51,6 @@ export const createCrudOptions = function ({crudExpose, context}: CreateCrudOpti
           add: {
             show: false
           },
-          // create: {
-          //   text: '新建广告活动',
-          //   type: 'primary',
-          //   show: true,
-          //   click() {
-          //
-          //   }
-          // }
         }
       },
       search: {
@@ -69,26 +73,7 @@ export const createCrudOptions = function ({crudExpose, context}: CreateCrudOpti
         delRequest,
       },
       rowHandle: {
-        fixed: 'right',
-        width: 80,
-        buttons: {
-          view: {
-            show: false,
-          },
-          edit: {
-            iconRight: 'Edit',
-            type: 'text',
-            text: null
-            // show: hasPermissions('dictionary:Update'),
-          },
-          remove: {
-            show: false
-            // iconRight: 'Delete',
-            // type: 'text',
-            // text: null
-            // show: hasPermissions('dictionary:Delete'),
-          },
-        },
+        show: false,
       },
       columns: {
         id: {
@@ -104,41 +89,300 @@ export const createCrudOptions = function ({crudExpose, context}: CreateCrudOpti
           title: '日期',
           column: {
             width: 100,
-            align: 'left'
-          }
+            align: 'left',
+            fixed: 'left',
+            // border: '0.5px solid #ddd',
+            cellStyle: {
+              border: '1px solid #ddd',
+            }
+          },
         },
         Spend: {
           title: '花费',
           column: {
-            width: 100,
-            align: 'left'
-          },
+            align: 'center',
+            sortable: true,
+            border: '0.5px solid #ddd',
+
+            renderHeader() {
+              return (
+                  <span>
+                    <el-tooltip placement="top"
+                                content="来自亚马逊广告API,亚马逊系统会在3天内将无效点击从统计数据中删除,因此过去3天内的花费可能会有所变化">
+                      <span>
+                        <el-icon size="14" style="display:inline-block; padding-top:2px; margin-right:3px;"><InfoFilled/></el-icon>
+                      </span>
+                    </el-tooltip>
+                    <span>花费</span>
+                  </span>
+              )
+            }
+          }
         },
         TotalSales: {
           title: '销售额',
+          column: {
+            align: 'center',
+            sortable: true,
+            renderHeader() {
+              return (
+                  <span>
+                    <el-tooltip placement="top" content="
+                      Seller类型店铺:<br />
+                      销售额,来自亚马逊广告API。<br />
+                      在点击广告后的7天内(商品推广)、14天内(品牌推广)、浏览或点击广告后的14天内(展示型推广)售<br/>出的广告商品及库存中其他商品的销售额;<br />
+                      亚马逊系统此项数据最多可能延迟12小时更新。因此,“今天”日期范围内的销售数据可能会延迟。<br />
+                      付款失败的订单数量和72小时内取消的订单产生的销售额将从总销售额中删除。<br />
+                      <br />
+                      Vendor类型店铺:<br />
+                      销售额,来自亚马逊广告API。<br />
+                      在点击广告后的14天内(商品推广)、14天内(品牌推广)、浏览或点击广告后的14天内(展示型推广)售<br />出的广告商品及库存中其他商品的销售额;<br />
+                      亚马逊系统此项数据最多可能延迟12小时更新。因此,“今天”日期范围内的销售数据可能会延迟。<br />
+                      付款失败的订单数量和72小时内取消的订单产生的销售额将从总销售额中删除。" raw-content>
+                      <span>
+                        <el-icon size="14" style="display:inline-block; padding-top:2px; margin-right:3px;"><InfoFilled/></el-icon>
+                      </span>
+                    </el-tooltip>
+                    <span>销售额</span>
+                  </span>
+              )
+            }
+          }
         },
         ACOS: {
           title: 'ACOS',
+          column: {
+            align: 'center',
+            sortable: true,
+            renderHeader() {
+              return (
+                  <span>
+                    <el-tooltip placement="top" content="广告投入产出比,系统计算,广告花费/广告带来的销售额。">
+                      <span>
+                        <el-icon size="14" style="display:inline-block; padding-top:2px; margin-right:3px;"><InfoFilled/></el-icon>
+                      </span>
+                    </el-tooltip>
+                    <span>ACOS</span>
+                  </span>
+              )
+            }
+          }
+        },
+        ROAS: {
+          title: 'ROAS',
+          column: {
+            align: 'center',
+            sortable: true,
+            renderHeader() {
+              return (
+                  <span>
+                    <el-tooltip placement="top" content="广告支出回报,系统计算,广告带来的销售额/广告花费。">
+                      <span>
+                        <el-icon size="14" style="display:inline-block; padding-top:2px; margin-right:3px;"><InfoFilled/></el-icon>
+                      </span>
+                    </el-tooltip>
+                    <span>ROAS</span>
+                  </span>
+              )
+            }
+          }
         },
         CPC: {
           title: '点击成本',
+          column: {
+            align: 'center',
+            sortable: true,
+            width: 130,
+            renderHeader() {
+              return (
+                  <span>
+                    <el-tooltip placement="top" content="单次点击成本,系统计算,花费/点击量">
+                      <span>
+                        <el-icon size="14" style="display:inline-block; padding-top:2px; margin-right:3px;"><InfoFilled/></el-icon>
+                      </span>
+                    </el-tooltip>
+                    <span>点击成本</span>
+                  </span>
+              )
+            }
+          }
         },
         CPA: {
           title: '订单成本',
+          column: {
+            align: 'center',
+            sortable: true,
+            width: 130,
+            renderHeader() {
+              return (
+                  <span>
+                    <el-tooltip placement="top" content="平均每笔订单的花费,系统计算,花费/广告订单量">
+                      <span>
+                        <el-icon size="14" style="display:inline-block; padding-top:2px; margin-right:3px;"><InfoFilled/></el-icon>
+                      </span>
+                    </el-tooltip>
+                    <span>订单成本</span>
+                  </span>
+              )
+            }
+          }
         },
         Click: {
           title: '点击量',
+          column: {
+            align: 'center',
+            sortable: true,
+            renderHeader() {
+              return (
+                  <span>
+                    <el-tooltip placement="top" content="来自亚马逊广告API,广告被点击的次数。亚马逊系统会在3天内将无效点击去除。">
+                      <span>
+                        <el-icon size="14" style="display:inline-block; padding-top:2px; margin-right:3px;"><InfoFilled/></el-icon>
+                      </span>
+                    </el-tooltip>
+                    <span>点击量</span>
+                  </span>
+              )
+            }
+          }
         },
         CTR: {
           title: '点击率',
+          column: {
+            align: 'center',
+            sortable: true,
+            renderHeader() {
+              return (
+                  <span>
+                    <el-tooltip placement="top" content="点击率,系统计算,点击量/曝光量。">
+                      <span>
+                        <el-icon size="14" style="display:inline-block; padding-top:2px; margin-right:3px;"><InfoFilled/></el-icon>
+                      </span>
+                    </el-tooltip>
+                    <span>点击率</span>
+                  </span>
+              )
+            }
+          }
         },
         TotalPurchases: {
-          title: '订单数'
+          title: '订单数',
+          column: {
+            align: 'center',
+            sortable: true,
+            renderHeader() {
+              return (
+                  <span>
+                    <el-tooltip placement="top" content="
+                      Seller类型店铺:<br />
+                      订单数,来自亚马逊广告API。<br />
+                      在点击广告后的7天内(商品推广)、14天内(品牌推广)、浏览或点击广告后的14天内(展示型推广)售<br />出的广告商品及库存中其他商品的订单数量;<br />
+                      亚马逊系统此项数据最多可能延迟12小时更新。因此,“今天”日期范围内的销售数据可能会延迟。<br />
+                      付款失败的订单数量和72小时内取消的订单数量将从订单总数中删除。<br />
+                      <br />
+                      Vendor类型店铺:<br />
+                      订单数,来自亚马逊广告API。<br />
+                      在点击广告后的14天内(商品推广)、14天内(品牌推广)、浏览或点击广告后的14天内(展示型推广)售<br />出的广告商品及库存中其他商品的订单数量;<br />
+                      亚马逊系统此项数据最多可能延迟12小时更新。因此,“今天”日期范围内的销售数据可能会延迟。<br />
+                      付款失败的订单数量和72小时内取消的订单数量将从订单总数中删除" raw-content>
+                      <span>
+                        <el-icon size="14" style="display:inline-block; padding-top:2px; margin-right:3px;"><InfoFilled/></el-icon>
+                      </span>
+                    </el-tooltip>
+                    <span>订单数</span>
+                  </span>
+              )
+            }
+          }
         },
         TotalUnitOrdered: {
           title: '销量',
+          column: {
+            align: 'center',
+            sortable: true,
+            renderHeader() {
+              return (
+                  <span>
+                    <el-tooltip placement="top" content="
+                      Seller类型店铺:<br />
+                      销售件数,来自亚马逊广告API。<br />
+                      在点击广告后的7天内(商品推广)、14天内(品牌推广)、浏览或点击广告后的14天内(展示型推广)售<br />出的广告商品及库存中其他商品的件数;<br />
+                      亚马逊系统此项数据最多可能延迟12小时更新。因此,“今天”日期范围内的销售数据可能会延迟。<br />
+                      付款失败的订单和72小时内取消的订单产生的销售件数将从销量总数中删除。<br />
+                      <br />
+                      Vendor类型店铺:<br />
+                      销售件数,来自亚马逊广告API。<br />
+                      在点击广告后的14天内(商品推广)、14天内(品牌推广)、浏览或点击广告后的14天内(展示型推广)售<br />出的广告商品及库存中其他商品的件数;<br />
+                      亚马逊系统此项数据最多可能延迟12小时更新。因此,“今天”日期范围内的销售数据可能会延迟。<br />
+                      付款失败的订单和72小时内取消的订单产生的销售件数将从销量总数中删除。" raw-content>
+                      <span>
+                        <el-icon size="14" style="display:inline-block; padding-top:2px; margin-right:3px;"><InfoFilled/></el-icon>
+                      </span>
+                    </el-tooltip>
+                    <span>销量</span>
+                  </span>
+              )
+            }
+          }
+        },
+        Impression: {
+          title: '曝光量',
+          column: {
+            align: 'center',
+            sortable: true,
+            renderHeader() {
+              return (
+                  <span>
+                    <el-tooltip placement="top" content="来自亚马逊广告API,广告被展示的次数。">
+                      <span>
+                        <el-icon size="14" style="display:inline-block; padding-top:2px; margin-right:3px;"><InfoFilled/></el-icon>
+                      </span>
+                    </el-tooltip>
+                    <span>曝光量</span>
+                  </span>
+              )
+            }
+          }
+        },
+        PurchasesRate: {
+          title: '转化率',
+          column: {
+            align: 'center',
+            sortable: true,
+            renderHeader() {
+              return (
+                  <span>
+                    <el-tooltip placement="top" content="广告转化率,系统计算,广告订单量/点击量*100%,展示型推广vCPM成本类型的广告活动不予计算。">
+                      <span>
+                        <el-icon size="14" style="display:inline-block; padding-top:2px; margin-right:3px;"><InfoFilled/></el-icon>
+                      </span>
+                    </el-tooltip>
+                    <span>转化率</span>
+                  </span>
+              )
+            }
+          }
         },
-        ...BaseColumn
+        CPM: {
+          title: '千次曝光成本',
+          column: {
+            align: 'center',
+            sortable: true,
+            width: 150,
+            renderHeader() {
+              return (
+                  <span>
+                    <el-tooltip placement="top" content="点击率,系统计算,点击量/曝光量。">
+                      <span>
+                        <el-icon size="14" style="display:inline-block; padding-top:2px; margin-right:3px;"><InfoFilled/></el-icon>
+                      </span>
+                    </el-tooltip>
+                    <span>千次曝光成本</span>
+                  </span>
+              )
+            }
+          }
+        }
       }
     }
   }

+ 1 - 1
src/views/adManage/ad-overview/daily/index.vue

@@ -12,7 +12,7 @@
       <el-option v-for="info of portfolios" :label="info.label" :value="info.value" :disabled="info.disabled"></el-option>
     </el-select>
   </div>
-  <fs-page class="fs-page-custom" style="margin-top: -8px">
+  <fs-page class="fs-page-custom" style="margin-top: -11px">
     <fs-crud ref="crudRef" v-bind="crudBinding">
       <template #header-middle>
         <el-tabs v-model="tabActiveName" class="chart-tabs" type="border-card">

+ 223 - 35
src/views/adManage/ad-overview/hourly/crud.tsx

@@ -28,7 +28,16 @@ export const createCrudOptions = function ({crudExpose, context}: CreateCrudOpti
   return {
     crudOptions: {
       table: {
-        height: 800
+        height: 800,
+        showSummary: true,
+        headerCellStyle: {
+          backgroundColor: '#f8f8f9', // 直接设置背景颜色
+          // border: '0.5px solid #ddd',
+        },
+        cellStyle:  {
+          border: 'none',
+          borderBottom: '0.5px solid #ddd'
+        },
       },
       container: {
         fixedHeight: false
@@ -39,14 +48,6 @@ export const createCrudOptions = function ({crudExpose, context}: CreateCrudOpti
           add: {
             show: false
           },
-          create: {
-            text: '新建广告活动',
-            type: 'primary',
-            show: false,
-            click() {
-
-            }
-          }
         }
       },
       search: {
@@ -69,26 +70,7 @@ export const createCrudOptions = function ({crudExpose, context}: CreateCrudOpti
         delRequest,
       },
       rowHandle: {
-        fixed: 'right',
-        width: 80,
-        buttons: {
-          view: {
-            show: false,
-          },
-          edit: {
-            iconRight: 'Edit',
-            type: 'text',
-            text: null
-            // show: hasPermissions('dictionary:Update'),
-          },
-          remove: {
-            show: false
-            // iconRight: 'Delete',
-            // type: 'text',
-            // text: null
-            // show: hasPermissions('dictionary:Delete'),
-          },
-        },
+        show: false,
       },
       columns: {
         id: {
@@ -100,40 +82,246 @@ export const createCrudOptions = function ({crudExpose, context}: CreateCrudOpti
             show: false
           }
         },
+        Name: {
+          title: '日期',
+          column: {
+            width: 100,
+            align: 'left',
+            fixed: 'left',
+            // border: '0.5px solid #ddd',
+            cellStyle: {
+              border: '1px solid #ddd',
+            }
+          },
+        },
         Spend: {
           title: '花费',
+          column: {
+            align: 'center',
+            sortable: true,
+            border: '0.5px solid #ddd',
+
+            renderHeader() {
+              return (
+                  <span>
+                    <el-tooltip placement="top"
+                                content="来自亚马逊广告API,亚马逊系统会在3天内将无效点击从统计数据中删除,因此过去3天内的花费可能会有所变化">
+                      <span>
+                        <el-icon size="14" style="display:inline-block; padding-top:2px; margin-right:3px;"><InfoFilled/></el-icon>
+                      </span>
+                    </el-tooltip>
+                    <span>花费</span>
+                  </span>
+              )
+            }
+          }
         },
         TotalSales: {
           title: '销售额',
           column: {
-            align: 'center'
+            align: 'center',
+            sortable: true,
+            renderHeader() {
+              return (
+                  <span>
+                    <el-tooltip placement="top" content="
+                      Seller类型店铺:<br />
+                      销售额,来自亚马逊广告API。<br />
+                      在点击广告后的7天内(商品推广)、14天内(品牌推广)、浏览或点击广告后的14天内(展示型推广)售<br/>出的广告商品及库存中其他商品的销售额;<br />
+                      亚马逊系统此项数据最多可能延迟12小时更新。因此,“今天”日期范围内的销售数据可能会延迟。<br />
+                      付款失败的订单数量和72小时内取消的订单产生的销售额将从总销售额中删除。<br />
+                      <br />
+                      Vendor类型店铺:<br />
+                      销售额,来自亚马逊广告API。<br />
+                      在点击广告后的14天内(商品推广)、14天内(品牌推广)、浏览或点击广告后的14天内(展示型推广)售<br />出的广告商品及库存中其他商品的销售额;<br />
+                      亚马逊系统此项数据最多可能延迟12小时更新。因此,“今天”日期范围内的销售数据可能会延迟。<br />
+                      付款失败的订单数量和72小时内取消的订单产生的销售额将从总销售额中删除。" raw-content>
+                      <span>
+                        <el-icon size="14" style="display:inline-block; padding-top:2px; margin-right:3px;"><InfoFilled/></el-icon>
+                      </span>
+                    </el-tooltip>
+                    <span>销售额</span>
+                  </span>
+              )
+            }
           }
         },
         ACOS: {
           title: 'ACOS',
+          column: {
+            align: 'center',
+            sortable: true,
+            renderHeader() {
+              return (
+                  <span>
+                    <el-tooltip placement="top" content="广告投入产出比,系统计算,广告花费/广告带来的销售额。">
+                      <span>
+                        <el-icon size="14" style="display:inline-block; padding-top:2px; margin-right:3px;"><InfoFilled/></el-icon>
+                      </span>
+                    </el-tooltip>
+                    <span>ACOS</span>
+                  </span>
+              )
+            }
+          }
+        },
+        ROAS: {
+          title: 'ROAS',
+          column: {
+            align: 'center',
+            sortable: true,
+            renderHeader() {
+              return (
+                  <span>
+                    <el-tooltip placement="top" content="广告支出回报,系统计算,广告带来的销售额/广告花费。">
+                      <span>
+                        <el-icon size="14" style="display:inline-block; padding-top:2px; margin-right:3px;"><InfoFilled/></el-icon>
+                      </span>
+                    </el-tooltip>
+                    <span>ROAS</span>
+                  </span>
+              )
+            }
+          }
         },
         CPC: {
           title: '点击成本',
+          column: {
+            align: 'center',
+            sortable: true,
+            width: 130,
+            renderHeader() {
+              return (
+                  <span>
+                    <el-tooltip placement="top" content="单次点击成本,系统计算,花费/点击量">
+                      <span>
+                        <el-icon size="14" style="display:inline-block; padding-top:2px; margin-right:3px;"><InfoFilled/></el-icon>
+                      </span>
+                    </el-tooltip>
+                    <span>点击成本</span>
+                  </span>
+              )
+            }
+          }
         },
         CPA: {
           title: '订单成本',
+          column: {
+            align: 'center',
+            sortable: true,
+            width: 130,
+            renderHeader() {
+              return (
+                  <span>
+                    <el-tooltip placement="top" content="平均每笔订单的花费,系统计算,花费/广告订单量">
+                      <span>
+                        <el-icon size="14" style="display:inline-block; padding-top:2px; margin-right:3px;"><InfoFilled/></el-icon>
+                      </span>
+                    </el-tooltip>
+                    <span>订单成本</span>
+                  </span>
+              )
+            }
+          }
         },
         Click: {
           title: '点击量',
+          column: {
+            align: 'center',
+            sortable: true,
+            renderHeader() {
+              return (
+                  <span>
+                    <el-tooltip placement="top" content="来自亚马逊广告API,广告被点击的次数。亚马逊系统会在3天内将无效点击去除。">
+                      <span>
+                        <el-icon size="14" style="display:inline-block; padding-top:2px; margin-right:3px;"><InfoFilled/></el-icon>
+                      </span>
+                    </el-tooltip>
+                    <span>点击量</span>
+                  </span>
+              )
+            }
+          }
         },
         CTR: {
-          title: '点击率'
+          title: '点击率',
+          column: {
+            align: 'center',
+            sortable: true,
+            renderHeader() {
+              return (
+                  <span>
+                    <el-tooltip placement="top" content="点击率,系统计算,点击量/曝光量。">
+                      <span>
+                        <el-icon size="14" style="display:inline-block; padding-top:2px; margin-right:3px;"><InfoFilled/></el-icon>
+                      </span>
+                    </el-tooltip>
+                    <span>点击率</span>
+                  </span>
+              )
+            }
+          }
         },
         TotalPurchases: {
-          title: '订单数'
+          title: '订单数',
+          column: {
+            align: 'center',
+            sortable: true,
+            renderHeader() {
+              return (
+                  <span>
+                    <el-tooltip placement="top" content="
+                      Seller类型店铺:<br />
+                      订单数,来自亚马逊广告API。<br />
+                      在点击广告后的7天内(商品推广)、14天内(品牌推广)、浏览或点击广告后的14天内(展示型推广)售<br />出的广告商品及库存中其他商品的订单数量;<br />
+                      亚马逊系统此项数据最多可能延迟12小时更新。因此,“今天”日期范围内的销售数据可能会延迟。<br />
+                      付款失败的订单数量和72小时内取消的订单数量将从订单总数中删除。<br />
+                      <br />
+                      Vendor类型店铺:<br />
+                      订单数,来自亚马逊广告API。<br />
+                      在点击广告后的14天内(商品推广)、14天内(品牌推广)、浏览或点击广告后的14天内(展示型推广)售<br />出的广告商品及库存中其他商品的订单数量;<br />
+                      亚马逊系统此项数据最多可能延迟12小时更新。因此,“今天”日期范围内的销售数据可能会延迟。<br />
+                      付款失败的订单数量和72小时内取消的订单数量将从订单总数中删除" raw-content>
+                      <span>
+                        <el-icon size="14" style="display:inline-block; padding-top:2px; margin-right:3px;"><InfoFilled/></el-icon>
+                      </span>
+                    </el-tooltip>
+                    <span>订单数</span>
+                  </span>
+              )
+            }
+          }
         },
         TotalUnitOrdered: {
           title: '销量',
-          form: {
-            show: false
+          column: {
+            align: 'center',
+            sortable: true,
+            renderHeader() {
+              return (
+                  <span>
+                    <el-tooltip placement="top" content="
+                      Seller类型店铺:<br />
+                      销售件数,来自亚马逊广告API。<br />
+                      在点击广告后的7天内(商品推广)、14天内(品牌推广)、浏览或点击广告后的14天内(展示型推广)售<br />出的广告商品及库存中其他商品的件数;<br />
+                      亚马逊系统此项数据最多可能延迟12小时更新。因此,“今天”日期范围内的销售数据可能会延迟。<br />
+                      付款失败的订单和72小时内取消的订单产生的销售件数将从销量总数中删除。<br />
+                      <br />
+                      Vendor类型店铺:<br />
+                      销售件数,来自亚马逊广告API。<br />
+                      在点击广告后的14天内(商品推广)、14天内(品牌推广)、浏览或点击广告后的14天内(展示型推广)售<br />出的广告商品及库存中其他商品的件数;<br />
+                      亚马逊系统此项数据最多可能延迟12小时更新。因此,“今天”日期范围内的销售数据可能会延迟。<br />
+                      付款失败的订单和72小时内取消的订单产生的销售件数将从销量总数中删除。" raw-content>
+                      <span>
+                        <el-icon size="14" style="display:inline-block; padding-top:2px; margin-right:3px;"><InfoFilled/></el-icon>
+                      </span>
+                    </el-tooltip>
+                    <span>销量</span>
+                  </span>
+              )
+            }
           }
         },
-        ...BaseColumn
       }
     }
   }

+ 1 - 1
src/views/adManage/ad-overview/hourly/index.vue

@@ -12,7 +12,7 @@
       <el-option v-for="info of portfolios" :label="info.label" :value="info.value" :disabled="info.disabled"></el-option>
     </el-select>
   </div>
-	<fs-page class="fs-page-custom" style="margin-top: -8px">
+	<fs-page class="fs-page-custom" style="margin-top: -11px">
 		<fs-crud ref="crudRef" v-bind="crudBinding">
 			<template #header-middle>
 				<el-tabs v-model="tabActiveName" class="chart-tabs" type="border-card">

+ 276 - 35
src/views/adManage/ad-overview/monthly/crud.tsx

@@ -29,6 +29,15 @@ export const createCrudOptions = function ({crudExpose, context}: CreateCrudOpti
     crudOptions: {
       table: {
         height: 800,
+        showSummary: true,
+        headerCellStyle: {
+          backgroundColor: '#f8f8f9', // 直接设置背景颜色
+          // border: '0.5px solid #ddd',
+        },
+        cellStyle:  {
+          border: 'none',
+          borderBottom: '0.5px solid #ddd'
+        },
       },
       container: {
         fixedHeight: false
@@ -39,14 +48,6 @@ export const createCrudOptions = function ({crudExpose, context}: CreateCrudOpti
           add: {
             show: false
           },
-          // create: {
-          //   text: '新建广告活动',
-          //   type: 'primary',
-          //   show: true,
-          //   click() {
-          //
-          //   }
-          // }
         }
       },
       search: {
@@ -69,26 +70,7 @@ export const createCrudOptions = function ({crudExpose, context}: CreateCrudOpti
         delRequest,
       },
       rowHandle: {
-        fixed: 'right',
-        width: 80,
-        buttons: {
-          view: {
-            show: false,
-          },
-          edit: {
-            iconRight: 'Edit',
-            type: 'text',
-            text: null
-            // show: hasPermissions('dictionary:Update'),
-          },
-          remove: {
-            show: false
-            // iconRight: 'Delete',
-            // type: 'text',
-            // text: null
-            // show: hasPermissions('dictionary:Delete'),
-          },
-        },
+        show: false,
       },
       columns: {
         id: {
@@ -104,41 +86,300 @@ export const createCrudOptions = function ({crudExpose, context}: CreateCrudOpti
           title: '日期',
           column: {
             width: 100,
-            align: 'left'
-          }
+            align: 'left',
+            fixed: 'left',
+            // border: '0.5px solid #ddd',
+            cellStyle: {
+              border: '1px solid #ddd',
+            }
+          },
         },
         Spend: {
           title: '花费',
           column: {
-            width: 100,
-            align: 'left'
-          },
+            align: 'center',
+            sortable: true,
+            border: '0.5px solid #ddd',
+
+            renderHeader() {
+              return (
+                  <span>
+                    <el-tooltip placement="top"
+                                content="来自亚马逊广告API,亚马逊系统会在3天内将无效点击从统计数据中删除,因此过去3天内的花费可能会有所变化">
+                      <span>
+                        <el-icon size="14" style="display:inline-block; padding-top:2px; margin-right:3px;"><InfoFilled/></el-icon>
+                      </span>
+                    </el-tooltip>
+                    <span>花费</span>
+                  </span>
+              )
+            }
+          }
         },
         TotalSales: {
           title: '销售额',
+          column: {
+            align: 'center',
+            sortable: true,
+            renderHeader() {
+              return (
+                  <span>
+                    <el-tooltip placement="top" content="
+                      Seller类型店铺:<br />
+                      销售额,来自亚马逊广告API。<br />
+                      在点击广告后的7天内(商品推广)、14天内(品牌推广)、浏览或点击广告后的14天内(展示型推广)售<br/>出的广告商品及库存中其他商品的销售额;<br />
+                      亚马逊系统此项数据最多可能延迟12小时更新。因此,“今天”日期范围内的销售数据可能会延迟。<br />
+                      付款失败的订单数量和72小时内取消的订单产生的销售额将从总销售额中删除。<br />
+                      <br />
+                      Vendor类型店铺:<br />
+                      销售额,来自亚马逊广告API。<br />
+                      在点击广告后的14天内(商品推广)、14天内(品牌推广)、浏览或点击广告后的14天内(展示型推广)售<br />出的广告商品及库存中其他商品的销售额;<br />
+                      亚马逊系统此项数据最多可能延迟12小时更新。因此,“今天”日期范围内的销售数据可能会延迟。<br />
+                      付款失败的订单数量和72小时内取消的订单产生的销售额将从总销售额中删除。" raw-content>
+                      <span>
+                        <el-icon size="14" style="display:inline-block; padding-top:2px; margin-right:3px;"><InfoFilled/></el-icon>
+                      </span>
+                    </el-tooltip>
+                    <span>销售额</span>
+                  </span>
+              )
+            }
+          }
         },
         ACOS: {
           title: 'ACOS',
+          column: {
+            align: 'center',
+            sortable: true,
+            renderHeader() {
+              return (
+                  <span>
+                    <el-tooltip placement="top" content="广告投入产出比,系统计算,广告花费/广告带来的销售额。">
+                      <span>
+                        <el-icon size="14" style="display:inline-block; padding-top:2px; margin-right:3px;"><InfoFilled/></el-icon>
+                      </span>
+                    </el-tooltip>
+                    <span>ACOS</span>
+                  </span>
+              )
+            }
+          }
+        },
+        ROAS: {
+          title: 'ROAS',
+          column: {
+            align: 'center',
+            sortable: true,
+            renderHeader() {
+              return (
+                  <span>
+                    <el-tooltip placement="top" content="广告支出回报,系统计算,广告带来的销售额/广告花费。">
+                      <span>
+                        <el-icon size="14" style="display:inline-block; padding-top:2px; margin-right:3px;"><InfoFilled/></el-icon>
+                      </span>
+                    </el-tooltip>
+                    <span>ROAS</span>
+                  </span>
+              )
+            }
+          }
         },
         CPC: {
           title: '点击成本',
+          column: {
+            align: 'center',
+            sortable: true,
+            width: 130,
+            renderHeader() {
+              return (
+                  <span>
+                    <el-tooltip placement="top" content="单次点击成本,系统计算,花费/点击量">
+                      <span>
+                        <el-icon size="14" style="display:inline-block; padding-top:2px; margin-right:3px;"><InfoFilled/></el-icon>
+                      </span>
+                    </el-tooltip>
+                    <span>点击成本</span>
+                  </span>
+              )
+            }
+          }
         },
         CPA: {
           title: '订单成本',
+          column: {
+            align: 'center',
+            sortable: true,
+            width: 130,
+            renderHeader() {
+              return (
+                  <span>
+                    <el-tooltip placement="top" content="平均每笔订单的花费,系统计算,花费/广告订单量">
+                      <span>
+                        <el-icon size="14" style="display:inline-block; padding-top:2px; margin-right:3px;"><InfoFilled/></el-icon>
+                      </span>
+                    </el-tooltip>
+                    <span>订单成本</span>
+                  </span>
+              )
+            }
+          }
         },
         Click: {
           title: '点击量',
+          column: {
+            align: 'center',
+            sortable: true,
+            renderHeader() {
+              return (
+                  <span>
+                    <el-tooltip placement="top" content="来自亚马逊广告API,广告被点击的次数。亚马逊系统会在3天内将无效点击去除。">
+                      <span>
+                        <el-icon size="14" style="display:inline-block; padding-top:2px; margin-right:3px;"><InfoFilled/></el-icon>
+                      </span>
+                    </el-tooltip>
+                    <span>点击量</span>
+                  </span>
+              )
+            }
+          }
         },
         CTR: {
           title: '点击率',
+          column: {
+            align: 'center',
+            sortable: true,
+            renderHeader() {
+              return (
+                  <span>
+                    <el-tooltip placement="top" content="点击率,系统计算,点击量/曝光量。">
+                      <span>
+                        <el-icon size="14" style="display:inline-block; padding-top:2px; margin-right:3px;"><InfoFilled/></el-icon>
+                      </span>
+                    </el-tooltip>
+                    <span>点击率</span>
+                  </span>
+              )
+            }
+          }
         },
         TotalPurchases: {
-          title: '订单数'
+          title: '订单数',
+          column: {
+            align: 'center',
+            sortable: true,
+            renderHeader() {
+              return (
+                  <span>
+                    <el-tooltip placement="top" content="
+                      Seller类型店铺:<br />
+                      订单数,来自亚马逊广告API。<br />
+                      在点击广告后的7天内(商品推广)、14天内(品牌推广)、浏览或点击广告后的14天内(展示型推广)售<br />出的广告商品及库存中其他商品的订单数量;<br />
+                      亚马逊系统此项数据最多可能延迟12小时更新。因此,“今天”日期范围内的销售数据可能会延迟。<br />
+                      付款失败的订单数量和72小时内取消的订单数量将从订单总数中删除。<br />
+                      <br />
+                      Vendor类型店铺:<br />
+                      订单数,来自亚马逊广告API。<br />
+                      在点击广告后的14天内(商品推广)、14天内(品牌推广)、浏览或点击广告后的14天内(展示型推广)售<br />出的广告商品及库存中其他商品的订单数量;<br />
+                      亚马逊系统此项数据最多可能延迟12小时更新。因此,“今天”日期范围内的销售数据可能会延迟。<br />
+                      付款失败的订单数量和72小时内取消的订单数量将从订单总数中删除" raw-content>
+                      <span>
+                        <el-icon size="14" style="display:inline-block; padding-top:2px; margin-right:3px;"><InfoFilled/></el-icon>
+                      </span>
+                    </el-tooltip>
+                    <span>订单数</span>
+                  </span>
+              )
+            }
+          }
         },
         TotalUnitOrdered: {
           title: '销量',
+          column: {
+            align: 'center',
+            sortable: true,
+            renderHeader() {
+              return (
+                  <span>
+                    <el-tooltip placement="top" content="
+                      Seller类型店铺:<br />
+                      销售件数,来自亚马逊广告API。<br />
+                      在点击广告后的7天内(商品推广)、14天内(品牌推广)、浏览或点击广告后的14天内(展示型推广)售<br />出的广告商品及库存中其他商品的件数;<br />
+                      亚马逊系统此项数据最多可能延迟12小时更新。因此,“今天”日期范围内的销售数据可能会延迟。<br />
+                      付款失败的订单和72小时内取消的订单产生的销售件数将从销量总数中删除。<br />
+                      <br />
+                      Vendor类型店铺:<br />
+                      销售件数,来自亚马逊广告API。<br />
+                      在点击广告后的14天内(商品推广)、14天内(品牌推广)、浏览或点击广告后的14天内(展示型推广)售<br />出的广告商品及库存中其他商品的件数;<br />
+                      亚马逊系统此项数据最多可能延迟12小时更新。因此,“今天”日期范围内的销售数据可能会延迟。<br />
+                      付款失败的订单和72小时内取消的订单产生的销售件数将从销量总数中删除。" raw-content>
+                      <span>
+                        <el-icon size="14" style="display:inline-block; padding-top:2px; margin-right:3px;"><InfoFilled/></el-icon>
+                      </span>
+                    </el-tooltip>
+                    <span>销量</span>
+                  </span>
+              )
+            }
+          }
+        },
+        Impression: {
+          title: '曝光量',
+          column: {
+            align: 'center',
+            sortable: true,
+            renderHeader() {
+              return (
+                  <span>
+                    <el-tooltip placement="top" content="来自亚马逊广告API,广告被展示的次数。">
+                      <span>
+                        <el-icon size="14" style="display:inline-block; padding-top:2px; margin-right:3px;"><InfoFilled/></el-icon>
+                      </span>
+                    </el-tooltip>
+                    <span>曝光量</span>
+                  </span>
+              )
+            }
+          }
+        },
+        PurchasesRate: {
+          title: '转化率',
+          column: {
+            align: 'center',
+            sortable: true,
+            renderHeader() {
+              return (
+                  <span>
+                    <el-tooltip placement="top" content="广告转化率,系统计算,广告订单量/点击量*100%,展示型推广vCPM成本类型的广告活动不予计算。">
+                      <span>
+                        <el-icon size="14" style="display:inline-block; padding-top:2px; margin-right:3px;"><InfoFilled/></el-icon>
+                      </span>
+                    </el-tooltip>
+                    <span>转化率</span>
+                  </span>
+              )
+            }
+          }
         },
-        ...BaseColumn
+        CPM: {
+          title: '千次曝光成本',
+          column: {
+            align: 'center',
+            sortable: true,
+            width: 150,
+            renderHeader() {
+              return (
+                  <span>
+                    <el-tooltip placement="top" content="点击率,系统计算,点击量/曝光量。">
+                      <span>
+                        <el-icon size="14" style="display:inline-block; padding-top:2px; margin-right:3px;"><InfoFilled/></el-icon>
+                      </span>
+                    </el-tooltip>
+                    <span>千次曝光成本</span>
+                  </span>
+              )
+            }
+          }
+        }
       }
     }
   }

+ 1 - 1
src/views/adManage/ad-overview/monthly/index.vue

@@ -12,7 +12,7 @@
       <el-option v-for="info of portfolios" :label="info.label" :value="info.value" :disabled="info.disabled"></el-option>
     </el-select>
   </div>
-  <fs-page class="fs-page-custom" style="margin-top: -8px">
+  <fs-page class="fs-page-custom" style="margin-top: -11px">
     <fs-crud ref="crudRef" v-bind="crudBinding">
       <template #header-middle>
         <el-tabs v-model="tabActiveName" class="chart-tabs" type="border-card">

+ 276 - 35
src/views/adManage/ad-overview/weekly/crud.tsx

@@ -29,6 +29,15 @@ export const createCrudOptions = function ({crudExpose, context}: CreateCrudOpti
     crudOptions: {
       table: {
         height: 800,
+        showSummary: true,
+        headerCellStyle: {
+          backgroundColor: '#f8f8f9', // 直接设置背景颜色
+          // border: '0.5px solid #ddd',
+        },
+        cellStyle:  {
+          border: 'none',
+          borderBottom: '0.5px solid #ddd'
+        },
       },
       container: {
         fixedHeight: false
@@ -39,14 +48,6 @@ export const createCrudOptions = function ({crudExpose, context}: CreateCrudOpti
           add: {
             show: false
           },
-          // create: {
-          //   text: '新建广告活动',
-          //   type: 'primary',
-          //   show: true,
-          //   click() {
-          //
-          //   }
-          // }
         }
       },
       search: {
@@ -69,26 +70,7 @@ export const createCrudOptions = function ({crudExpose, context}: CreateCrudOpti
         delRequest,
       },
       rowHandle: {
-        fixed: 'right',
-        width: 80,
-        buttons: {
-          view: {
-            show: false,
-          },
-          edit: {
-            iconRight: 'Edit',
-            type: 'text',
-            text: null
-            // show: hasPermissions('dictionary:Update'),
-          },
-          remove: {
-            show: false
-            // iconRight: 'Delete',
-            // type: 'text',
-            // text: null
-            // show: hasPermissions('dictionary:Delete'),
-          },
-        },
+        show: false,
       },
       columns: {
         id: {
@@ -104,41 +86,300 @@ export const createCrudOptions = function ({crudExpose, context}: CreateCrudOpti
           title: '日期',
           column: {
             width: 100,
-            align: 'left'
-          }
+            align: 'left',
+            fixed: 'left',
+            // border: '0.5px solid #ddd',
+            cellStyle: {
+              border: '1px solid #ddd',
+            }
+          },
         },
         Spend: {
           title: '花费',
           column: {
-            width: 100,
-            align: 'left'
-          },
+            align: 'center',
+            sortable: true,
+            border: '0.5px solid #ddd',
+
+            renderHeader() {
+              return (
+                  <span>
+                    <el-tooltip placement="top"
+                                content="来自亚马逊广告API,亚马逊系统会在3天内将无效点击从统计数据中删除,因此过去3天内的花费可能会有所变化">
+                      <span>
+                        <el-icon size="14" style="display:inline-block; padding-top:2px; margin-right:3px;"><InfoFilled/></el-icon>
+                      </span>
+                    </el-tooltip>
+                    <span>花费</span>
+                  </span>
+              )
+            }
+          }
         },
         TotalSales: {
           title: '销售额',
+          column: {
+            align: 'center',
+            sortable: true,
+            renderHeader() {
+              return (
+                  <span>
+                    <el-tooltip placement="top" content="
+                      Seller类型店铺:<br />
+                      销售额,来自亚马逊广告API。<br />
+                      在点击广告后的7天内(商品推广)、14天内(品牌推广)、浏览或点击广告后的14天内(展示型推广)售<br/>出的广告商品及库存中其他商品的销售额;<br />
+                      亚马逊系统此项数据最多可能延迟12小时更新。因此,“今天”日期范围内的销售数据可能会延迟。<br />
+                      付款失败的订单数量和72小时内取消的订单产生的销售额将从总销售额中删除。<br />
+                      <br />
+                      Vendor类型店铺:<br />
+                      销售额,来自亚马逊广告API。<br />
+                      在点击广告后的14天内(商品推广)、14天内(品牌推广)、浏览或点击广告后的14天内(展示型推广)售<br />出的广告商品及库存中其他商品的销售额;<br />
+                      亚马逊系统此项数据最多可能延迟12小时更新。因此,“今天”日期范围内的销售数据可能会延迟。<br />
+                      付款失败的订单数量和72小时内取消的订单产生的销售额将从总销售额中删除。" raw-content>
+                      <span>
+                        <el-icon size="14" style="display:inline-block; padding-top:2px; margin-right:3px;"><InfoFilled/></el-icon>
+                      </span>
+                    </el-tooltip>
+                    <span>销售额</span>
+                  </span>
+              )
+            }
+          }
         },
         ACOS: {
           title: 'ACOS',
+          column: {
+            align: 'center',
+            sortable: true,
+            renderHeader() {
+              return (
+                  <span>
+                    <el-tooltip placement="top" content="广告投入产出比,系统计算,广告花费/广告带来的销售额。">
+                      <span>
+                        <el-icon size="14" style="display:inline-block; padding-top:2px; margin-right:3px;"><InfoFilled/></el-icon>
+                      </span>
+                    </el-tooltip>
+                    <span>ACOS</span>
+                  </span>
+              )
+            }
+          }
+        },
+        ROAS: {
+          title: 'ROAS',
+          column: {
+            align: 'center',
+            sortable: true,
+            renderHeader() {
+              return (
+                  <span>
+                    <el-tooltip placement="top" content="广告支出回报,系统计算,广告带来的销售额/广告花费。">
+                      <span>
+                        <el-icon size="14" style="display:inline-block; padding-top:2px; margin-right:3px;"><InfoFilled/></el-icon>
+                      </span>
+                    </el-tooltip>
+                    <span>ROAS</span>
+                  </span>
+              )
+            }
+          }
         },
         CPC: {
           title: '点击成本',
+          column: {
+            align: 'center',
+            sortable: true,
+            width: 130,
+            renderHeader() {
+              return (
+                  <span>
+                    <el-tooltip placement="top" content="单次点击成本,系统计算,花费/点击量">
+                      <span>
+                        <el-icon size="14" style="display:inline-block; padding-top:2px; margin-right:3px;"><InfoFilled/></el-icon>
+                      </span>
+                    </el-tooltip>
+                    <span>点击成本</span>
+                  </span>
+              )
+            }
+          }
         },
         CPA: {
           title: '订单成本',
+          column: {
+            align: 'center',
+            sortable: true,
+            width: 130,
+            renderHeader() {
+              return (
+                  <span>
+                    <el-tooltip placement="top" content="平均每笔订单的花费,系统计算,花费/广告订单量">
+                      <span>
+                        <el-icon size="14" style="display:inline-block; padding-top:2px; margin-right:3px;"><InfoFilled/></el-icon>
+                      </span>
+                    </el-tooltip>
+                    <span>订单成本</span>
+                  </span>
+              )
+            }
+          }
         },
         Click: {
           title: '点击量',
+          column: {
+            align: 'center',
+            sortable: true,
+            renderHeader() {
+              return (
+                  <span>
+                    <el-tooltip placement="top" content="来自亚马逊广告API,广告被点击的次数。亚马逊系统会在3天内将无效点击去除。">
+                      <span>
+                        <el-icon size="14" style="display:inline-block; padding-top:2px; margin-right:3px;"><InfoFilled/></el-icon>
+                      </span>
+                    </el-tooltip>
+                    <span>点击量</span>
+                  </span>
+              )
+            }
+          }
         },
         CTR: {
           title: '点击率',
+          column: {
+            align: 'center',
+            sortable: true,
+            renderHeader() {
+              return (
+                  <span>
+                    <el-tooltip placement="top" content="点击率,系统计算,点击量/曝光量。">
+                      <span>
+                        <el-icon size="14" style="display:inline-block; padding-top:2px; margin-right:3px;"><InfoFilled/></el-icon>
+                      </span>
+                    </el-tooltip>
+                    <span>点击率</span>
+                  </span>
+              )
+            }
+          }
         },
         TotalPurchases: {
-          title: '订单数'
+          title: '订单数',
+          column: {
+            align: 'center',
+            sortable: true,
+            renderHeader() {
+              return (
+                  <span>
+                    <el-tooltip placement="top" content="
+                      Seller类型店铺:<br />
+                      订单数,来自亚马逊广告API。<br />
+                      在点击广告后的7天内(商品推广)、14天内(品牌推广)、浏览或点击广告后的14天内(展示型推广)售<br />出的广告商品及库存中其他商品的订单数量;<br />
+                      亚马逊系统此项数据最多可能延迟12小时更新。因此,“今天”日期范围内的销售数据可能会延迟。<br />
+                      付款失败的订单数量和72小时内取消的订单数量将从订单总数中删除。<br />
+                      <br />
+                      Vendor类型店铺:<br />
+                      订单数,来自亚马逊广告API。<br />
+                      在点击广告后的14天内(商品推广)、14天内(品牌推广)、浏览或点击广告后的14天内(展示型推广)售<br />出的广告商品及库存中其他商品的订单数量;<br />
+                      亚马逊系统此项数据最多可能延迟12小时更新。因此,“今天”日期范围内的销售数据可能会延迟。<br />
+                      付款失败的订单数量和72小时内取消的订单数量将从订单总数中删除" raw-content>
+                      <span>
+                        <el-icon size="14" style="display:inline-block; padding-top:2px; margin-right:3px;"><InfoFilled/></el-icon>
+                      </span>
+                    </el-tooltip>
+                    <span>订单数</span>
+                  </span>
+              )
+            }
+          }
         },
         TotalUnitOrdered: {
           title: '销量',
+          column: {
+            align: 'center',
+            sortable: true,
+            renderHeader() {
+              return (
+                  <span>
+                    <el-tooltip placement="top" content="
+                      Seller类型店铺:<br />
+                      销售件数,来自亚马逊广告API。<br />
+                      在点击广告后的7天内(商品推广)、14天内(品牌推广)、浏览或点击广告后的14天内(展示型推广)售<br />出的广告商品及库存中其他商品的件数;<br />
+                      亚马逊系统此项数据最多可能延迟12小时更新。因此,“今天”日期范围内的销售数据可能会延迟。<br />
+                      付款失败的订单和72小时内取消的订单产生的销售件数将从销量总数中删除。<br />
+                      <br />
+                      Vendor类型店铺:<br />
+                      销售件数,来自亚马逊广告API。<br />
+                      在点击广告后的14天内(商品推广)、14天内(品牌推广)、浏览或点击广告后的14天内(展示型推广)售<br />出的广告商品及库存中其他商品的件数;<br />
+                      亚马逊系统此项数据最多可能延迟12小时更新。因此,“今天”日期范围内的销售数据可能会延迟。<br />
+                      付款失败的订单和72小时内取消的订单产生的销售件数将从销量总数中删除。" raw-content>
+                      <span>
+                        <el-icon size="14" style="display:inline-block; padding-top:2px; margin-right:3px;"><InfoFilled/></el-icon>
+                      </span>
+                    </el-tooltip>
+                    <span>销量</span>
+                  </span>
+              )
+            }
+          }
+        },
+        Impression: {
+          title: '曝光量',
+          column: {
+            align: 'center',
+            sortable: true,
+            renderHeader() {
+              return (
+                  <span>
+                    <el-tooltip placement="top" content="来自亚马逊广告API,广告被展示的次数。">
+                      <span>
+                        <el-icon size="14" style="display:inline-block; padding-top:2px; margin-right:3px;"><InfoFilled/></el-icon>
+                      </span>
+                    </el-tooltip>
+                    <span>曝光量</span>
+                  </span>
+              )
+            }
+          }
+        },
+        PurchasesRate: {
+          title: '转化率',
+          column: {
+            align: 'center',
+            sortable: true,
+            renderHeader() {
+              return (
+                  <span>
+                    <el-tooltip placement="top" content="广告转化率,系统计算,广告订单量/点击量*100%,展示型推广vCPM成本类型的广告活动不予计算。">
+                      <span>
+                        <el-icon size="14" style="display:inline-block; padding-top:2px; margin-right:3px;"><InfoFilled/></el-icon>
+                      </span>
+                    </el-tooltip>
+                    <span>转化率</span>
+                  </span>
+              )
+            }
+          }
         },
-        ...BaseColumn
+        CPM: {
+          title: '千次曝光成本',
+          column: {
+            align: 'center',
+            sortable: true,
+            width: 150,
+            renderHeader() {
+              return (
+                  <span>
+                    <el-tooltip placement="top" content="点击率,系统计算,点击量/曝光量。">
+                      <span>
+                        <el-icon size="14" style="display:inline-block; padding-top:2px; margin-right:3px;"><InfoFilled/></el-icon>
+                      </span>
+                    </el-tooltip>
+                    <span>千次曝光成本</span>
+                  </span>
+              )
+            }
+          }
+        }
       }
     }
   }

+ 1 - 1
src/views/adManage/ad-overview/weekly/index.vue

@@ -12,7 +12,7 @@
       <el-option v-for="info of portfolios" :label="info.label" :value="info.value" :disabled="info.disabled"></el-option>
     </el-select>
   </div>
-  <fs-page class="fs-page-custom" style="margin-top: -8px">
+  <fs-page class="fs-page-custom" style="margin-top: -11px">
     <fs-crud ref="crudRef" v-bind="crudBinding">
       <template #header-middle>
         <el-tabs v-model="tabActiveName" class="chart-tabs" type="border-card">