✨ feat<reportManage>: 数据录入、列表管理

src/views/reportManage/dataCenter/components/CompareData.vue

@@ -1,23 +1,8 @@
-<!--<script setup lang="ts">-->
-<!--import { ref } from 'vue'-->
-<!--// 筛选条件-->
-<!--const value1 = ref([]) // 平台编号-->
-<!--const value2 = ref([])-->
-<!--const value3 = ref([])-->
-<!--const value4 = ref([])-->
-<!--const options = [-->
-<!--  {-->
-<!--    value: 'Option1',-->
-<!--    label: 'Option1',-->
-<!--  },-->
-<!--  {-->
-<!--    value: 'Option2',-->
-<!--    label: 'Option2',-->
-<!--  },-->
-<!--]-->
-<!--</script>-->
+<script setup lang="ts">
 
-<!--<template>-->
+</script>
+
+<template>
 <!--  <div class="flex gap-1.5 justify-between">-->
 <!--    <div class="flex gap-1.5">-->
 <!--      <el-select v-model="value1" multiple placeholder="平台编号" style="width: 160px">-->
@@ -37,6 +22,6 @@
 <!--      </el-select>-->
 <!--    </div>-->
 <!--  </div>-->
-<!--</template>-->
+</template>
 
-<!--<style scoped></style>-->
+<style scoped></style>

src/views/reportManage/dataCenter/components/DataExport.vue

@@ -114,16 +114,6 @@ const gridEvents: VxeGridListeners<RowVO> = {
   }
 }
 
-const formatSex = (value: string) => {
-  if (value === '1') {
-    return '男'
-  }
-  if (value === '0') {
-    return '女'
-  }
-  return ''
-}
-
 const hasActiveEditRow = (row: RowVO) => {
   const $grid = xGrid.value
   if ($grid) {

src/views/reportManage/dataCenter/components/EntryDetail.vue

@@ -0,0 +1,111 @@
+<script setup lang="ts">
+import { reactive } from 'vue'
+import { VxeGridProps } from 'vxe-table'
+import DateRangePicker from "/@/components/DateRangePicker/index.vue";
+import dayjs from 'dayjs';
+
+const DailyEntryTime = ref(dayjs().format('YYYY-MM-DD')); // 使用dayjs获取当前日期并格式化为'YYYY-MM-DD'
+
+const shortcuts = [
+  {
+    text: 'Today',
+    value: new Date(),
+  },
+  {
+    text: 'Yesterday',
+    value: () => {
+      const date = new Date()
+      date.setTime(date.getTime() - 3600 * 1000 * 24)
+      return date
+    },
+  },
+  {
+    text: 'A week ago',
+    value: () => {
+      const date = new Date()
+      date.setTime(date.getTime() - 3600 * 1000 * 24 * 7)
+      return date
+    },
+  },
+];
+
+//表格
+const tableColumns = [
+  { type: 'seq', title: 'ID', width: 50 },
+  { field: 'Name', title: '平台名称' },
+  { field: 'Country', title: '国家' },
+  { field: 'Brand', title: '品牌' },
+  { field: 'Sales', title: '销售额' },
+  { field: 'TotalAdSales', title: '广告销售额' },
+  { field: 'AdSpend', title: '广告花费' },
+]
+
+const gridOptions = reactive<VxeGridProps<RowVO>>({
+  border: true,
+  height: 300,
+  align: null,
+  columnConfig: {
+    resizable: true,
+  },
+
+  columns: tableColumns,
+  toolbarConfig: {
+    slots: {
+      buttons: 'toolbar_buttons',
+    },
+  },
+  data: [{ Name: 10001, Country: 'Test1', Brand: 'T1', Sales: 'Develop', TotalAdSales: 11, AdSpend: 28 }],
+})
+</script>
+
+<template>
+  <div>
+    <div class="demo-date-picker">
+      <div class="block">
+        <span class="demonstration">日录入数据时间:</span>
+        <el-date-picker
+            v-model="DailyEntryTime"
+            type="Date"
+            :size="size"
+        />
+      </div>
+      <div class="block">
+        <span class="demonstration">销售额数据时间:</span>
+        <el-date-picker
+            v-model="SalesDataTime"
+            type="Date"
+            :size="size"
+        />
+      </div>
+      <div class="block">
+        <span class="demonstration">广告数据时间:</span>
+        <el-date-picker
+            v-model="AdDataTime"
+            type="Date"
+            :size="size"
+        />
+      </div>
+    </div>
+    <vxe-grid v-bind="gridOptions">
+      <template #toolbar_buttons></template>
+    </vxe-grid>
+  </div>
+</template>
+
+<style scoped>
+.demo-date-picker {
+  display: flex;
+  width: 100%;
+  padding: 0;
+  flex-wrap: wrap;
+}
+.demo-date-picker .block:last-child {
+  border-right: none;
+}
+.demo-date-picker .demonstration {
+  color: var(--el-text-color-secondary);
+  font-size: 14px;
+  /*margin-bottom: 20px;*/
+  margin:10px;
+}
+</style>

src/views/reportManage/dataCenter/components/TaskManage.vue

@@ -0,0 +1,11 @@
+<script setup lang="ts">
+
+</script>
+
+<template>
+
+</template>
+
+<style scoped>
+
+</style>