邮件配置页

huangyinfeng

9 天以前 63d60873dad6a4767b1aa52791ee45c7235afcd9

 src/views/email/components/ListPage/table.vue

@@ -1,7 +1,8 @@
<template>
  <div style="height: 70vh; overflow: auto">
  <div style="overflow: auto">
    <div v-if="groupedEmails.length != 0">
    <div v-for="(item, index) in groupedEmails" :key="index">
      <span class="span-title">{{ `${item.name}(${item.data.length})` }}</span>
        <div class="span-title">{{ `${item.name}(${item.data.length})` }}</div>
      <vxe-table
        ref="vxeTableRef"
        style="margin: 10px 0"
@@ -86,7 +87,13 @@
            </div>
          </template>
        </vxe-column>
        <vxe-column show-overflow field="subject" title="表题" data-index="subject" min-width="250">
          <vxe-column
            show-overflow
            field="subject"
            title="表题"
            data-index="subject"
            min-width="250"
          >
          <template #default="{ row }">
            <span
              class="title-dot"
@@ -120,6 +127,11 @@
          </template>
        </vxe-column>
      </vxe-table>
        </div
    ></div>

    <div v-else style="height: 70vh; display: flex; align-items: center; justify-content: center">
      <a-empty />
    </div>
    <DrawerDetail
      ref="drawerDetailRef"
@@ -155,8 +167,8 @@
  watch(
    () => props.pageList,
    (newValue) => {
      dataSource.value = newValue;
      groupedEmails.value = groupEmailsByDate(newValue);
      dataSource.value = newValue || [];
      groupedEmails.value = groupEmailsByDate(newValue || []);
    },
  );
  import dayjs from 'dayjs';
@@ -425,9 +437,11 @@
  }

  .span-title {
    padding: 20px;
    width: 100%;
    padding: 5px;
    color: #000;
    font-weight: 700;
    text-align: left;
  }

  .table {