🎨 perf<数据中心>: 表格界面修改

src/views/reportManage/dataCenter/combinedDisplay/components/tableData/mainData.vue

@@ -23,7 +23,7 @@ const monthEndDate = ref(null);
 
 const gridOptions = reactive({
   border: 'inner',
-  height: 900,
+  height: 850,
   align: null,
   round: true,
   loading: false,
@@ -98,7 +98,7 @@ watch(() => props.taskIds, (newTaskIds) => {
 // 监测 dayDate 变化
 watch(() => props.dayDate, (newDayDate) => {
   if (newDayDate) {
-     //console.log('newDayDate',newDayDate);
+    //console.log('newDayDate',newDayDate);
     const {dailyStartDate, dailyTime} = newDayDate;
     dayStartDate.value = dailyStartDate;
     dayEndDate.value = dailyTime;
@@ -108,7 +108,7 @@ watch(() => props.dayDate, (newDayDate) => {
 // 监测 weekDate 变化
 watch(() => props.weekDate, (newWeekDate) => {
   if (newWeekDate) {
-     //console.log('newWeekDate',newWeekDate);
+    //console.log('newWeekDate',newWeekDate);
     const {weekStartDate, weekEndDate} = newWeekDate;
     weekStart.value = weekStartDate;
     weekEnd.value = weekEndDate;
@@ -135,29 +135,35 @@ const fetchColumnNames = (data) => {
         .map((key, index) => ({
           field: key,
           title: key, // 使用字段名作为列标题
-          minWidth: key.includes('~') ? 120 : index < 5 ? 90 : /\d{4}-\d{2}-\d{2}/.test(key)? 113 :105,
-          fixed: index < 6? 'left' : undefined,
-          align: index > 5?'center':undefined,
+          minWidth: key.includes('~') ? 105 : index < 5 ? 90 : /\d{4}-\d{2}-\d{2}/.test(key) ? 94 : 80,
+          fixed: index < 6 ? 'left' : undefined,
+          align: 'center',
           formatter: formatEmptyCell,
         }));
   }
 };
 
-const cellStyleHandler = ({ column }) => {
+const cellStyle = () => {
+  return {
+    fontSize: '13px', // 调整为你想要的字体大小
+  };
+};
+
+const cellStyleHandler = ({column}) => {
   const columnName = column.field;
   const dayFormat = /\d{2}-\d{2}/;
   const dayDetailedFormat = /\d{4}-\d{2}-\d{2}/;
   const monthFormat = /\d{4}-\d{2}/;
-  if (columnName.includes('~') || columnName.includes('截止') || columnName.includes('近90天平台退货率')|| columnName.includes('余额')) {
-    return { backgroundColor: '#b3ced7' };
+  if (columnName.includes('~') || columnName.includes('截止') || columnName.includes('近90天平台退货率') || columnName.includes('余额')) {
+    return {fontSize: '13px', backgroundColor: '#b3ced7'};
   }
   if (monthFormat.test(columnName) && !dayDetailedFormat.test(columnName)) {
-    return { backgroundColor: '#8cbacc' };
+    return {fontSize: '13px', backgroundColor: '#8cbacc'};
   }
   if (dayFormat.test(columnName)) {
-    return { backgroundColor: '#d0dadf' };
+    return {fontSize: '13px', backgroundColor: '#d0dadf'};
   }
-  return {};
+  return {fontSize: '13px'};
 };
 
 // 加载数据
@@ -171,6 +177,7 @@ async function loadData() {
 
 async function handleExport() {
   try {
+    gridOptions.loading = true;
     const params = {
       page: gridOptions.pagerConfig.currentPage,
       limit: gridOptions.pagerConfig.pageSize,
@@ -182,33 +189,28 @@ async function handleExport() {
       month_start_date: monthStartDate.value,
       month_end_date: monthEndDate.value,
     };
-    // 调用后端导出数据接口
     const response = await exportData(params);
-    //console.log(12, response);
-    // 创建Blob对象表示二进制数据
     const url = window.URL.createObjectURL(new Blob([response.data]));
-    // 创建隐藏的可下载链接
     const link = document.createElement('a');
     link.href = url;
-    // 设置下载的文件名
     link.setAttribute('download', 'data_export.xlsx');
     document.body.appendChild(link);
-    // 触发点击下载
     link.click();
+    gridOptions.loading = false;
     ElMessage.success('导出数据成功');
   } catch (error) {
     console.error('导出数据失败:', error);
   }
 }
 
-function formatEmptyCell({ cellValue }) {
+function formatEmptyCell({cellValue}) {
   return cellValue === null || cellValue === undefined || cellValue === '' ? '--' : cellValue;
 }
 </script>
 
 <template>
-  <vxe-grid :header-cell-style="cellStyleHandler" v-bind="gridOptions"
-            v-on="gridEvents" >
+  <vxe-grid :cell-style="cellStyle" :header-cell-style="cellStyleHandler" v-bind="gridOptions"
+            v-on="gridEvents">
     <template #toolbar_buttons>
       <div class="mx-3.5">
         <vxe-button circle icon="vxe-icon-download" @click="handleExport"></vxe-button>
@@ -220,7 +222,12 @@ function formatEmptyCell({ cellValue }) {
 <style scoped>
 .toolbar-container {
   display: flex;
-  gap: 10px; /* Adjust the gap value as needed */
+  gap: 10px;
   align-items: center;
 }
+
+:deep(.vxe-table--header .vxe-header--row th .vxe-cell,
+.vxe-table--body .vxe-body--row td .vxe-cell) {
+  padding-right: 0 !important;
+}
 </style>

src/views/reportManage/dataCenter/combinedDisplay/components/tableData/monthlyComparativeData.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { defineProps, onMounted, reactive, ref, watch, inject, Ref } from 'vue';
 import { getMainData, getMonthlyData } from '/@/views/reportManage/dataCenter/api';
-import { Session } from '/@/utils/storage';
+import { universal } from '../../../utils/columns';
 
 const props = defineProps({
   taskIds: Object,
@@ -17,7 +17,7 @@ const monthEndDate = ref(null);
 
 const gridOptions = reactive({
   border: 'inner',
-  height: 900,
+  height: 850,
   align: null,
   round: true,
   loading: false,
@@ -90,12 +90,7 @@ async function fetchMonthlyData(taskIds) {
         }
       }
       tableColumns.value = [
-        { field: 'platformNumber', title: '平台编号', fixed: "left" ,minWidth:90},
-        { field: 'platformName', title: '平台名称', fixed: "left" ,minWidth:90},
-        { field: 'user_name', title: '运营', fixed: "left" ,minWidth:90},
-        { field: 'country', title: '国家', fixed: "left" ,minWidth:90},
-        { field: 'brandName', title: '品牌', fixed: "left" ,minWidth:90},
-        { field: 'currencyCode', title: '回款币种', fixed: "left" ,minWidth:90},
+        ...universal,
         ...dynamicColumns
       ];
     } else {
@@ -122,8 +117,23 @@ onMounted(() => {
 
 <template>
   <vxe-grid v-bind="gridOptions" v-on="gridEvents">
+    <template #platformNumber_default="{ row }">
+      <div class="font-semibold">{{ row.platformNumber}}</div>
+    </template>
+    <template #platformName_default="{ row }">
+      <div class="font-semibold" style="color: #0097f8">{{ row.platformName}}</div>
+    </template>
+    <template #currencyCode_default="{ row }">
+      <!--<div style="color: #f3cd9a">{{ row.currencyCode}}</div>-->
+      <el-tag color="#fef9c3" style="color: #f59e0b; border-color: #fbbf24;">{{ row.currencyCode}}</el-tag>
+    </template>
   </vxe-grid>
 </template>
 
 <style scoped>
+:deep(.vxe-table--header .vxe-header--row th .vxe-cell,
+.vxe-table--body .vxe-body--row td .vxe-cell) {
+  padding-left: 0 !important;
+  padding-right: 0 !important;
+}
 </style>

src/views/reportManage/dataCenter/index.vue

@@ -20,24 +20,12 @@ const panes = [
   // { label: '数据导出', name: 'DataExport' },
 ];
 
-/**
- *
- * @param tab
- * @param event
- */
-function handleTabClick(tab: TabsPaneContext, event: Event) {
-  return 'test name';
-}
 </script>
 
 <template>
   <div>
-    <el-card body-style="padding-top: 10px;">
-      <!--<el-tabs v-model="activeName" class="demo-tabs"  @tab-click="handleTabClick">-->
-      <!--  <el-tab-pane v-for="pane in panes" :key="pane.name" :label="pane.label" :name="pane.name"></el-tab-pane>-->
-      <!--  <component :is="tabsComponents[activeName]"></component>-->
-      <!--</el-tabs>-->
-      <div class="asj-tabs">
+    <div  class="custom-container">
+      <div class="custom-tabs">
         <div
             v-for="pane of panes"
             :key="pane.name"
@@ -47,9 +35,8 @@ function handleTabClick(tab: TabsPaneContext, event: Event) {
         </div>
       </div>
       <component :is="tabsComponents[activeName]"></component>
-    </el-card>
+    </div>
   </div>
-
 </template>
 
 <style scoped>
@@ -59,17 +46,24 @@ function handleTabClick(tab: TabsPaneContext, event: Event) {
   font-size: 32px;
   font-weight: 600;
 }
-.asj-tabs {
+
+.custom-container{
+  overflow: inherit;
+}
+
+.custom-tabs {
   background-color: #fff;
   top: 0px;
   z-index: 9;
   box-shadow: 0px 0px 12px rgba(51, 89, 181, 0.16);
+  position: sticky;
 
   padding: 0 12px;
+
   display: flex;
   height: 40px;
   gap: 24px;
-  border-radius: 12px;
+  /* border-radius: 12px; */
   overflow: hidden;
 }
 </style>

src/views/reportManage/dataCenter/normalDisplay/components/TableDataDisplay.vue

@@ -123,8 +123,9 @@ async function fetchData(taskIds, apiFunc, startDate, endDate, dataColumns, date
           dynamicColumns.push({
             field: key,
             title: key,
-            minWidth: key.includes('~') ? 120 : /\d{4}-\d{2}的/.test(key) ? 100 : 113,
+            width: key.includes('~') ? 101 : /\d{4}-\d{2}-\d{2}的/.test(key) ? 88 : 78,
             align: 'center',
+            formatter: formatEmptyCell,
           });
         }
       }
@@ -178,6 +179,22 @@ const handleImport = () => {
   });
 };
 
+function formatEmptyCell({ cellValue }) {
+  return cellValue === null || cellValue === undefined || cellValue === '' ? '--' : cellValue;
+}
+
+const cellStyle =() => {
+  return {
+    fontSize: '13px', // 调整为你想要的字体大小
+  };
+}
+
+const headerCellStyle =() => {
+  return {
+    fontSize: '12px', // 调整为你想要的字体大小
+  };
+}
+
 onMounted(() => {
   // fetchCurrentData(props.taskIds);
 });
@@ -185,12 +202,19 @@ onMounted(() => {
 
 <template>
   <div>
-    <vxe-grid v-bind="currentGridOptions" v-on="gridEvents" stripe>
+    <vxe-grid :header-cell-style="headerCellStyle" :cell-style="cellStyle"  v-bind="currentGridOptions" v-on="gridEvents" stripe>
       <template #toolbar_buttons>
         <vxe-button icon="vxe-icon-add" status="primary" @click="handleImport">数据录入</vxe-button>
       </template>
+      <template #platformNumber_default="{ row }">
+        <div class="font-semibold">{{ row.platformNumber}}</div>
+      </template>
       <template #platformName_default="{ row }">
-        <div class="font-bold">{{ row.platformName}}</div>
+        <div class="font-semibold" style="color: #0097f8">{{ row.platformName}}</div>
+      </template>
+      <template #currencyCode_default="{ row }">
+        <!--<div style="color: #f3cd9a">{{ row.currencyCode}}</div>-->
+        <el-tag color="#fef9c3" style="color: #f59e0b; border-color: #fbbf24;">{{ row.currencyCode}}</el-tag>
       </template>
     </vxe-grid>
   </div>
@@ -200,4 +224,9 @@ onMounted(() => {
 .vxe-grid {
   border-radius: 10px;
 }
+:deep(.vxe-table--header .vxe-header--row th .vxe-cell,
+.vxe-table--body .vxe-body--row td .vxe-cell) {
+  /* padding-left: 0 !important; */
+  padding-right: 0 !important;
+}
 </style>

src/views/reportManage/dataCenter/normalDisplay/index.vue

@@ -66,7 +66,7 @@ onBeforeUnmount(() => {
 </script>
 
 <template>
-  <div>
+  <div class="px-3.5">
     <el-card body-style="padding: 10px" class="mb-3.5 mt-3.5">
       <div class="custom-card-style flex gap-1.5 justify-between items-center my-1.5 mx-2 mb-5">
         <Selector ref="selectorRef" @update:updateData="updateDataChange" />
@@ -86,9 +86,12 @@ onBeforeUnmount(() => {
       </DateTendency>
     </el-card>
   </div>
-  <el-card>
-    <TableSelect :taskIds="taskIds"></TableSelect>
-  </el-card>
+  <div class="px-3.5">
+    <el-card >
+      <TableSelect :taskIds="taskIds"></TableSelect>
+    </el-card>
+  </div>
+
 </template>
 
 <style scoped>

src/views/reportManage/dataCenter/utils/columns.ts

@@ -1,26 +1,53 @@
 import { ref } from 'vue';
 //数据录入
 export const dayColumns = ref([
-  {field: 'platformNumber', title: '平台编号',align: 'center'},
-  {field: 'platformName', title: '平台名称',align: 'center'},
-  {field: 'country', title: '国家',align: 'center'},
-  {field: 'brandName', title: '品牌',align: 'center'},
-  {field: 'user_name', title: '运营',align: 'center'},
-  {field: 'currencyCode', title: '回款币种',align: 'center'},
-  {title: '销售额',align: 'center',children: [
+  {field: 'platformNumber', title: '平台编号', align: 'center'},
+  {field: 'platformName', title: '平台名称', align: 'center'},
+  {field: 'country', title: '国家', align: 'center'},
+  {field: 'brandName', title: '品牌', align: 'center'},
+  {field: 'user_name', title: '运营', align: 'center'},
+  {field: 'currencyCode', title: '回款币种', align: 'center'},
+  {
+    title: '销售额', align: 'center', children: [
       {field: 'sales', title: '销售额',},
-      {field: 'sales_original', title: '销售额(本币)', editRender: {}, slots: {edit: 'sales_original_edit'}, width: 122,align: 'center'},
-    ]},
-  {title:'广告销售额',align: 'center',children: [
-      {field: 'ad_sales', title: '广告销售额',align: 'center'},
-      {field: 'ad_sales_original', title: '广告销售额(本币)', editRender: {}, slots: {edit: 'ad_sales_original_edit'}, width: 151, align: 'center'},
-    ]},
+      {
+        field: 'sales_original',
+        title: '销售额(本币)',
+        editRender: {},
+        slots: {edit: 'sales_original_edit'},
+        width: 122,
+        align: 'center'
+      },
+    ]
+  },
+  {
+    title: '广告销售额', align: 'center', children: [
+      {field: 'ad_sales', title: '广告销售额', align: 'center'},
+      {
+        field: 'ad_sales_original',
+        title: '广告销售额(本币)',
+        editRender: {},
+        slots: {edit: 'ad_sales_original_edit'},
+        width: 151,
+        align: 'center'
+      },
+    ]
+  },
   //{field: 'sales', title: '销售额', editRender: {}, slots: {edit: 'sales_edit', default: 'sales_default',header: 'sales_header'}},
-  {title: '广告花费',align: 'center',children: [
-      {field: 'ad_cost', title: '广告花费',align: 'center'},
-      {field: 'ad_cost_original', title: '广告花费(本币)', editRender: {}, slots: {edit: 'ad_cost_original_edit'}, width: 138, align: 'center'},
-    ]},
-  {title: '操作', width: 120, slots: {default: 'operate'},align: 'center'},
+  {
+    title: '广告花费', align: 'center', children: [
+      {field: 'ad_cost', title: '广告花费', align: 'center'},
+      {
+        field: 'ad_cost_original',
+        title: '广告花费(本币)',
+        editRender: {},
+        slots: {edit: 'ad_cost_original_edit'},
+        width: 138,
+        align: 'center'
+      },
+    ]
+  },
+  {title: '操作', width: 120, slots: {default: 'operate'}, align: 'center'},
 ]);
 
 export const weekColumns = ref([
@@ -31,11 +58,20 @@ export const weekColumns = ref([
   {field: 'user_name', title: '运营', fixed: 'left', width: 90},
   {field: 'currencyCode', title: '回款币种', fixed: 'left', width: 111},
 
-  {title: '销售额',align: 'center',children: [
+  {
+    title: '销售额', align: 'center', children: [
       {field: 'sales', title: '销售额', width: 120},
-      {field: 'sales_original', title: '销售额(本币)', editRender: {}, slots: {edit: 'sales_original_edit'}, width: 122,},
-    ]},
-  {title: '广告销售额',align: 'center',children: [
+      {
+        field: 'sales_original',
+        title: '销售额(本币)',
+        editRender: {},
+        slots: {edit: 'sales_original_edit'},
+        width: 122,
+      },
+    ]
+  },
+  {
+    title: '广告销售额', align: 'center', children: [
       {field: 'ad_sales', title: '广告销售额', width: 120},
       {
         field: 'ad_sales_original',
@@ -44,8 +80,10 @@ export const weekColumns = ref([
         slots: {edit: 'ad_sales_original_edit'},
         width: 151,
       },
-    ]},
-  {title: '广告花费',align: 'center',children: [
+    ]
+  },
+  {
+    title: '广告花费', align: 'center', children: [
       {field: 'ad_cost', title: '广告花费', width: 120},
       {
         field: 'ad_cost_original',
@@ -54,8 +92,10 @@ export const weekColumns = ref([
         slots: {edit: 'ad_cost_original_edit'},
         width: 138,
       },
-    ]},
-  {title: '当月累计销售额',align: 'center',children:[
+    ]
+  },
+  {
+    title: '当月累计销售额', align: 'center', children: [
       {field: 'total_sales_current_monthly', title: '当月累计销售额', width: 120},
       {
         field: 'total_sales_current_monthly_original',
@@ -64,14 +104,21 @@ export const weekColumns = ref([
         slots: {edit: 'total_sales_current_monthly_edit'},
         width: 180,
       },
-    ]},
+    ]
+  },
 
   {field: 'impression', title: '广告曝光', editRender: {}, slots: {edit: 'impression_edit'}, width: 120},
   {field: 'ad_click', title: '广告点击', editRender: {}, slots: {edit: 'ad_click_edit'}, width: 120},
   {field: 'ad_order', title: '广告订单', editRender: {}, slots: {edit: 'ad_order_edit'}, width: 120},
-  {field: 'money_by_amazon', title: 'Amazon回款金额', editRender: {}, slots: {edit: 'money_by_amazon_edit'},width: 134},
-  {field: 'currencyCodePlatform', title: '回款/余额币种',width: 115},
-  {field: 'money_by_other', title: 'Other回款金额',editRender: {}, slots: {edit: 'money_by_other_edit'}, width: 134},
+  {
+    field: 'money_by_amazon',
+    title: 'Amazon回款金额',
+    editRender: {},
+    slots: {edit: 'money_by_amazon_edit'},
+    width: 134
+  },
+  {field: 'currencyCodePlatform', title: '回款/余额币种', width: 115},
+  {field: 'money_by_other', title: 'Other回款金额', editRender: {}, slots: {edit: 'money_by_other_edit'}, width: 134},
   {field: 'session', title: '流量', editRender: {}, slots: {edit: 'session_edit'}, width: 120},
   {field: 'order', title: '订单', editRender: {}, slots: {edit: 'order_edit'}, width: 120},
   {
@@ -100,18 +147,27 @@ export const weekColumns = ref([
 ]);
 
 export const monthColumns = ref([
-  {field: 'platformNumber', title: '平台编号',width: 90},
-  {field: 'platformName', title: '平台名称',width: 90},
-  {field: 'country', title: '国家',width: 90},
-  {field: 'brandName', title: '品牌',width: 90},
-  {field: 'user_name', title: '运营',width: 90},
-  {field: 'currencyCode', title: '回款币种',width: 111},
+  {field: 'platformNumber', title: '平台编号', width: 90},
+  {field: 'platformName', title: '平台名称', width: 90},
+  {field: 'country', title: '国家', width: 90},
+  {field: 'brandName', title: '品牌', width: 90},
+  {field: 'user_name', title: '运营', width: 90},
+  {field: 'currencyCode', title: '回款币种', width: 111},
 
-  {title: '销售额',align: 'center',children: [
+  {
+    title: '销售额', align: 'center', children: [
       {field: 'sales', title: '销售额', width: 120},
-      {field: 'sales_original', title: '销售额(本币)', editRender: {}, slots: {edit: 'sales_original_edit'}, width: 122,},
-    ]},
-  {title: '广告销售额',align: 'center',children: [
+      {
+        field: 'sales_original',
+        title: '销售额(本币)',
+        editRender: {},
+        slots: {edit: 'sales_original_edit'},
+        width: 122,
+      },
+    ]
+  },
+  {
+    title: '广告销售额', align: 'center', children: [
       {field: 'ad_sales', title: '广告销售额', width: 120},
       {
         field: 'ad_sales_original',
@@ -120,8 +176,10 @@ export const monthColumns = ref([
         slots: {edit: 'ad_sales_original_edit'},
         width: 151,
       },
-    ]},
-  {title: '广告花费',align: 'center',children: [
+    ]
+  },
+  {
+    title: '广告花费', align: 'center', children: [
       {field: 'ad_cost', title: '广告花费', width: 120},
       {
         field: 'ad_cost_original',
@@ -130,7 +188,8 @@ export const monthColumns = ref([
         slots: {edit: 'ad_cost_original_edit'},
         width: 138,
       },
-    ]},
+    ]
+  },
 
   {field: 'impression', title: '广告曝光', editRender: {}, slots: {edit: 'impression_edit'}, width: 120},
   {field: 'ad_click', title: '广告点击', editRender: {}, slots: {edit: 'ad_click_edit'}, width: 120},
@@ -138,18 +197,54 @@ export const monthColumns = ref([
   {title: '操作', width: 120, slots: {default: 'operate'}, fixed: 'right'},
 ]);
 
-const universal = [
-  {field: 'platformNumber', title: '平台编号', fixed: 'left',minWidth: 90},
-  {field: 'platformName', title: '平台名称', fixed: 'left', minWidth: 160,slots: {default: 'platformName_default'},align: 'center',titlePrefix: {icon: 'vxe-icon-goods-fill'},},
-  {field: 'user_name', title: '运营', fixed: 'left', minWidth: 90,align: 'center',titlePrefix: {icon: 'vxe-icon-user' }},
-  {field: 'country', title: '国家', fixed: 'left', minWidth: 90,titlePrefix: {icon: 'vxe-icon-location' },align: 'center'},
-  {field: 'brandName', title: '品牌', fixed: 'left', minWidth: 90,align: 'center',titlePrefix: {icon: 'vxe-icon-brand'},},
-  {field: 'currencyCode', title: '回款币种', fixed: 'left', minWidth: 90,align: 'center'},
-]
+export const universal = [
+  {field: 'platformNumber', title: '平台编号', fixed: 'left',align: 'center', minWidth: 75, slots: {default: 'platformNumber_default'}},
+  {
+    field: 'platformName',
+    title: '平台名称',
+    fixed: 'left',
+    minWidth: 93,
+    slots: {default: 'platformName_default'},
+    align: 'center',
+    titlePrefix: {icon: 'vxe-icon-goods-fill'},
+  },
+  {
+    field: 'user_name',
+    title: '运营',
+    fixed: 'left',
+    minWidth: 75,
+    align: 'center',
+    titlePrefix: {icon: 'vxe-icon-user'}
+  },
+  {
+    field: 'country',
+    title: '国家',
+    fixed: 'left',
+    minWidth: 75,
+    titlePrefix: {icon: 'vxe-icon-location'},
+    align: 'center'
+  },
+  {
+    field: 'brandName',
+    title: '品牌',
+    fixed: 'left',
+    minWidth: 75,
+    align: 'center',
+    titlePrefix: {icon: 'vxe-icon-brand'},
+  },
+  {
+    field: 'currencyCode',
+    title: '回款币种',
+    fixed: 'left',
+    minWidth: 75,
+    align: 'center',
+    slots: {default: 'currencyCode_default'}
+  },
+];
 
 // 表格展示
 export const dayDataColumns = ref([
-    ...universal
+  ...universal
   //{field: 'currencyCodePlatform', title: '回款/余额币种', fixed: 'left', minWidth: 112},
   //{field: 'sales_original', title: '销售额(本币)', width: 104,},
   //{field: 'ad_sales_original', title: '广告销售额(本币)', width: 132,},