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

src/views/reportManage/TaskManage/index.vue

@@ -124,7 +124,6 @@ const gridOptions = reactive<VxeGridProps<RowVO>>({
     {field: 'user_name', title: '运营', editRender: {}, slots: {edit: 'operation_edit'}},
     {field: 'currencyCode', title: '回款币种', editRender: {}, slots: {edit: 'currency_edit'}},
     {field: 'currencyCodePlatform', title: '回款/余额币种', editRender: {}, slots: {edit: 'currencyCodePlatform_edit'}},
-    //{field: 'child_user_number', title: '录入人员数', slots: {edit: 'quantity_edit'}},
     {title: '操作', width: 120, slots: {default: 'operate'}},
   ],
   data: [],

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

@@ -135,7 +135,7 @@ const fetchColumnNames = (data) => {
         .map((key, index) => ({
           field: key,
           title: key, // 使用字段名作为列标题
-          minWidth: key.includes('~') ? 105 : index < 5 ? 90 : /\d{4}-\d{2}-\d{2}/.test(key) ? 94 : 80,
+          width: key.includes('~') ? 102 : index < 5 ? 75 : /\d{4}-\d{2}-\d{2}/.test(key) ? 94 : 82,
           fixed: index < 6 ? 'left' : undefined,
           align: 'center',
           formatter: formatEmptyCell,
@@ -145,7 +145,8 @@ const fetchColumnNames = (data) => {
 
 const cellStyle = () => {
   return {
-    fontSize: '13px', // 调整为你想要的字体大小
+    fontSize: '13px',
+    fontWeight: '500',
   };
 };
 

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

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import {monthCompareMetricsEnum} from '/src/views/reportManage/dataCenter/utils/enum';
+import { monthCompareMetricsEnum } from '/src/views/reportManage/dataCenter/utils/enum';
 import {
   getCardDayData,
   getCardMonthData,
@@ -72,45 +72,50 @@ function handleButtonClick(tableName) {
 
 <template>
   <div>
-    <el-card body-style="padding: 10px" class="mb-3.5 mt-3.5">
-      <div class="custom-card-style flex gap-1.5 justify-between my-1.5 mx-2"
-           style="display: flex; align-items: center;" >
-        <Selector ref="selectorRef" @update:updateData="updateDataChange" />
-        <MonthlyDatePicker v-if="showTable === 'monthlyComparativeData'" @monthDateChange="handelDateChange"></MonthlyDatePicker>
-      </div>
-      <div v-if="showTable === 'mainData'">
-        <DataPicker style="display: flex; align-items: center; gap: 16px" @changeDate="processingDateChange" />
-      </div>
-    </el-card>
-
-    <el-card v-if="showTable === 'monthlyComparativeData'" class="mb-1.5">
-      <chartDateTendency
-          :fetch-line-month="getLineForMonth"
-          :fetch-line-week="getLineForWeek"
-          :fetchLine="getLineData"
-          :metricEnum="monthCompareMetricsEnum"
-          :query="monthQueryParams"
-      >
-      </chartDateTendency>
-    </el-card>
-    <el-card class="mt-3">
-      <div class="custom-button my">
-        <el-button
-            v-for="pane in panes"
-            :key="pane.name"
-            :type="showTable === pane.name ? 'primary' : 'default'"
-            @click="handleButtonClick(pane.name)">
-          {{ pane.label }}
-        </el-button>
-      </div>
-      <component :is="currentTable[showTable]"
-                 :dayDate="dayDate"
-                 :monthCurrentDate="monthCurrentDate"
-                 :monthDate="monthDate"
-                 :taskIds="taskIds"
-                 :weekDate="weekDate">
-      </component>
-    </el-card>
+    <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 my-1.5 mx-2"
+             style="display: flex; align-items: center;">
+          <Selector ref="selectorRef" @update:updateData="updateDataChange" />
+          <MonthlyDatePicker v-if="showTable === 'monthlyComparativeData'"
+                             @monthDateChange="handelDateChange"></MonthlyDatePicker>
+        </div>
+        <div v-if="showTable === 'mainData'">
+          <DataPicker style="display: flex; align-items: center; gap: 16px" @changeDate="processingDateChange" />
+        </div>
+      </el-card>
+
+      <el-card v-if="showTable === 'monthlyComparativeData'" class="mb-1.5">
+        <chartDateTendency
+            :fetch-line-month="getLineForMonth"
+            :fetch-line-week="getLineForWeek"
+            :fetchLine="getLineData"
+            :metricEnum="monthCompareMetricsEnum"
+            :query="monthQueryParams"
+        >
+        </chartDateTendency>
+      </el-card>
+    </div>
+    <div class="px-3.5">
+      <el-card class="mt-3">
+        <div class="custom-button my">
+          <el-button
+              v-for="pane in panes"
+              :key="pane.name"
+              :type="showTable === pane.name ? 'primary' : 'default'"
+              @click="handleButtonClick(pane.name)">
+            {{ pane.label }}
+          </el-button>
+        </div>
+        <component :is="currentTable[showTable]"
+                   :dayDate="dayDate"
+                   :monthCurrentDate="monthCurrentDate"
+                   :monthDate="monthDate"
+                   :taskIds="taskIds"
+                   :weekDate="weekDate">
+        </component>
+      </el-card>
+    </div>
   </div>
 </template>
 

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

@@ -185,13 +185,14 @@ function formatEmptyCell({ cellValue }) {
 
 const cellStyle =() => {
   return {
-    fontSize: '13px', // 调整为你想要的字体大小
+    fontSize: '13px',
+    fontWeight: '500',
   };
 }
 
 const headerCellStyle =() => {
   return {
-    fontSize: '12px', // 调整为你想要的字体大小
+    fontSize: '12px',
   };
 }