feat: 账号数据看板/ 统一table、checkbox组件样式

src/views/property-marketing/media-account/account-dashboard/index.vue

@@ -21,7 +21,7 @@
               <img :src="icon1" width="14" height="14" class="cursor-pointer ml-4px" />
             </a-tooltip>
           </div>
-          <span class="s1 color-#211F24 ml-28px">{{
+          <span class="s1 color-#211F24 ml-32px">{{
             item.prop === 'total_like_number'
               ? formatNumberShow(overviewData.total_like_number + overviewData.total_collect_number)
               : formatNumberShow(overviewData[item.prop])
@@ -35,9 +35,9 @@
     <div class="table-wrap bg-#fff border-radius-8px px-24px py-24px flex-1">
       <AccountTable
         :dataSource="dataSource"
-        @edit="handleEdit"
-        @delete="handleDelete"
         @selectionChange="handleSelectionChange"
+        @export="handleExport"
+        @sorterChange="handleSorterChange"
       />
       <div class="pagination-box">
         <a-pagination
@@ -60,7 +60,7 @@
 import FilterBlock from './components/filter-block';
 import AccountTable from './components/account-table';
 
-import { getAccountBoardOverview, getAccountBoardList } from '@/api/all/propertyMarketing';
+import { getAccountBoardOverview, getAccountBoardList, postAccountBoardExport } from '@/api/all/propertyMarketing';
 
 import { formatNumberShow } from '@/utils/tools';
 import { INITIAL_QUERY } from './constants';
@@ -71,7 +71,7 @@ import icon1 from '@/assets/img/icon-question.png';
 const query = ref(cloneDeep(INITIAL_QUERY));
 const dataSource = ref([]);
 const overviewData = ref({});
-const selectedItems = ref([]);
+const selectedRowKeys = ref([]);
 const pageInfo = reactive({
   page: 1,
   pageSize: 20,
@@ -97,6 +97,12 @@ const mockData = [
     view_number: 5600000,
     view_chain: 12.5,
     like_chain: 8.3,
+    ai_evaluation: {
+      status: 1,
+      text: '表现优质 | 建议保持',
+      look_chain: 12.5,
+      like_chain: 8.3,
+    },
     operator: {
       id: 1,
       name: '李运营',
@@ -123,6 +129,12 @@ const mockData = [
     view_number: 3200000,
     view_chain: -5.2,
     like_chain: 15.7,
+    ai_evaluation: {
+      status: 2,
+      text: '表现中等 | 建议优化',
+      look_chain: -12.5,
+      like_chain: 8.3,
+    },
     operator: {
       id: 2,
       name: '王运营',
@@ -149,6 +161,12 @@ const mockData = [
     view_number: 0,
     view_chain: 0,
     like_chain: 0,
+    ai_evaluation: {
+      status: 3,
+      text: '表现较差 | 建议整改',
+      look_chain: -12.5,
+      like_chain: -8.3,
+    },
     operator: {
       id: 1,
       name: '李运营',
@@ -266,19 +284,26 @@ const handleReset = () => {
   reload();
 };
 
-const handleEdit = (record) => {
-  console.log('编辑账号:', record);
-  // 这里可以打开编辑弹窗
-};
-
-const handleDelete = (record) => {
-  console.log('删除账号:', record);
-  // 这里可以打开删除确认弹窗
-};
-
 const handleSelectionChange = (selectedRows) => {
-  selectedItems.value = selectedRows;
-  console.log('选中的账号:', selectedRows);
+  selectedRowKeys.value = selectedRows;
+  console.log('选中的账号:', selectedRowKeys.value);
+};
+
+const handleExport = () => {
+  postAccountBoardExport({
+    ...query.value,
+  }).then((res) => {
+    const { code, data } = res;
+    if (code === 200) {
+      console.log(data.download_url);
+    }
+  });
+};
+
+const handleSorterChange = (column, order) => {
+  query.value.column = column;
+  query.value.order = order;
+  reload();
 };
 
 onMounted(() => {