fix

src/views/draftBox/draftBoxTable.vue

@@ -10,7 +10,7 @@
     <template #operate="slotProps">
       <syMoreOperate
         :teleport="true"
-        :list="getOperateList(slotProps)"
+        :list="operateList"
         @click-item="(value) => handleClickItem(value, slotProps)"
         :margin-left="-30"
       >
@@ -45,14 +45,26 @@ defineProps<{
   loading: boolean;
 }>();
 
-const getOperateList = (slotProps: any) => {
-  return [
-    { name: "编辑", value: "编辑" },
-    { name: "删除", value: "删除" },
-  ];
-};
+const operateList = [
+  {
+    name: "编辑",
+    value: "编辑",
+    click: (slotProps: any) => {
+      //
+    },
+  },
+  {
+    name: "删除",
+    value: "删除",
+    click: (slotProps: any) => {
+      //
+    },
+  },
+];
 
-const handleClickItem = (value: any, slotProps: any) => {};
+const handleClickItem = (value: any, slotProps: any) => {
+  operateList.find((i) => i.value === value)?.click(slotProps);
+};
 </script>
 
 <style></style>

src/views/userCenter/components/OrderRecords/index.vue

+<template>
+  <Table
+    class="filingPersonTable"
+    ref="tableRef"
+    :columns="tableColumns"
+    height="100%"
+    :data="data"
+    v-loading="loading"
+    element-loading-text="加载中..."
+  >
+    <template #fee="slotProps">
+      <div
+        :style="{
+          color: green.color || red.color,
+        }"
+      >
+        {{ 11 }} 元 积分
+      </div>
+    </template>
+  </Table>
+</template>
+
+<script setup lang="ts">
+import Table from "@/components/Table/index.vue";
+import { tableColumns } from "./table";
+import { ref } from "vue";
+import { eStatusOfCopyright } from "@/components/ApproveStatus/status";
+import { useTableScrollListener } from "@/components/Table/hooks";
+import { green, red } from "@/components/ApproveStatus/btnStyle";
+
+// defineProps<{
+//   //   data: any[];
+//   //   loading: boolean;
+// }>();
+
+const data = [] as any[];
+const loading = false;
+
+const emit = defineEmits<{
+  (e: "scrollToEnd"): void;
+  (
+    e: "clickOperate",
+    payload: {
+      type: Exclude<eStatusOfCopyright, eStatusOfCopyright.ALL>;
+      raw: any;
+    }
+  ): void;
+  (e: "clickStatusFilter", payload: eStatusOfCopyright): void;
+}>();
+
+const tableRef = ref<InstanceType<typeof Table>>();
+
+useTableScrollListener(tableRef, () => {
+  emit("scrollToEnd");
+});
+</script>
+
+<style lang="scss">
+.filingPersonTable {
+  .el-table__cell {
+    height: 50px;
+  }
+}
+</style>

src/views/userCenter/components/OrderRecords/table.ts

+import { iTableColumn } from "@/components/Table/types";
+
+export const tableColumns = [
+  {
+    label: "费用名称",
+    prop: "name",
+  },
+  {
+    label: "商品名称",
+    prop: "address",
+  },
+  {
+    label: "费用",
+    slotName: "fee",
+  },
+  {
+    label: "费用类型",
+    prop: "date",
+  },
+  {
+    label: "费用时间",
+  },
+] as iTableColumn[];
\ No newline at end of file

src/views/userCenter/index.vue

@@ -38,6 +38,7 @@
         :infos="userInfo"
         @ToUpdate="ToUpdate"
       ></Secutiry>
+      <OrderRecords></OrderRecords>
     </ModuleContainer>
   </div>
   <div class="">
@@ -102,6 +103,7 @@ import ModuleContainer from "./components/ModuleContainer/index.vue";
 import Authenticate from "./components/Authenticate/index.vue";
 import Secutiry from "./components/Secutiry/index.vue";
 import { router } from "@/router";
+import OrderRecords from "./components/OrderRecords/index.vue";
 
 export default defineComponent({
   provide() {
@@ -131,6 +133,7 @@ export default defineComponent({
     ModuleContainer,
     Authenticate,
     Secutiry,
+    OrderRecords,
   },
   data() {
     return {
@@ -139,6 +142,7 @@ export default defineComponent({
         { label: "认证信息", value: "authenticate" },
         { label: "资产管理", value: "asset" },
         { label: "账户安全", value: "security" },
+        { label: "订单记录", value: "orderRecords" },
       ] as any[],
       userInfo: {} as any,
       setOptions: {