Smail/frontend/src/views/List/List.js

import './List.js'

import {EpArrowDownBold} from "vue-icons-plus/ep";

import {Delete, View, Folder, EditPen, Warning, CircleCheck, Switch, Check} from "@element-plus/icons-vue";

import {useRouter} from 'vue-router'

import {ref, watch, computed} from 'vue'

import useGroupStore from '../../stores/group'

import lang from '../../i18n/i18n';

import {http} from "@/utils/axios";

import {ElMessage, ElMessageBox} from "element-plus";

export function usePage() {
  const router = useRouter();
  
  const groupStore = useGroupStore()
  
  const groupList = ref([])
  
  const taskTableDataRef = ref(null)
  
  const selectedRows = ref([])
  
  const errorDialogVisible = ref(false)
  const currentErrorMsg = ref('')

  let tag = groupStore.tag;
  
  if (tag === "") {
    tag = '{"type":0,"status":-1}'
  }

  const isOutbox = computed(() => {
    try {
      const parsed = JSON.parse(groupStore.tag || tag || '{}')
      return parsed.type === 1 || groupStore.name === lang.outbox || groupStore.name === '已发送'
    } catch {
      return false
    }
  })
  
  watch(groupStore, async (newV) => {
    tag = newV.tag;
    if (tag === "") {
      tag = '{"type":0,"status":-1}'
    }
    data.value = []
    updateList()
  })
  
  const data = ref([])
  
  const totalPage = ref(0)
  
  const updateList = function () {
    http.post("/api/v1/email/list", {tag: tag, page_size: 15}).then(res => {
      data.value = res.data.list || []
      totalPage.value = res.data.total_page || 0
    })
  }
  
  const updateGroupList = async function () {
    try {
      const res = await http.get("/api/v1/group/list")
      if (res.errorNo !== 0) {
        throw new Error(res.errorMsg || "分组列表加载失败")
      }
      groupList.value = res.data || []
    } catch (error) {
      groupList.value = []
      ElMessage.error(error?.message || "分组列表加载失败，请稍后重试")
    }
  }
  
  updateList()
  
  updateGroupList()
  
  const rowClick = function (row) {
    router.push("/detail/" + row.id)
  }
  
  const formatShortDate = (dateStr) => {
    if (!dateStr) return "";
    const d = new Date(dateStr);
    const now = new Date();
    if (d.toDateString() === now.toDateString()) {
      return d.toLocaleTimeString([], {hour: '2-digit', minute:'2-digit'});
    }
    return d.toLocaleDateString([], {month: 'short', day: 'numeric'});
  }
  
  const selectionChange = (rows) => {
    selectedRows.value = rows
  }
  
  const selectAll = () => {
    taskTableDataRef.value?.clearSelection()
    data.value.forEach(row => taskTableDataRef.value?.toggleRowSelection(row, true))
  }
  
  const invertSelection = () => {
    const selectedIds = new Set(selectedRows.value.map(row => row.id))
    data.value.forEach(row => {
      taskTableDataRef.value?.toggleRowSelection(row, !selectedIds.has(row.id))
    })
  }
  
  const markRead = function () {
    let rows = taskTableDataRef.value?.getSelectionRows()
    if (!rows || rows.length === 0) {
      ElMessage.warning('请先选择邮件');
      return;
    }
    let ids = rows.map(e => e.id);
    http.post("/api/v1/email/read", {"ids": ids}).then(res => {
      if (res.errorNo === 0) {
        updateList()
        ElMessage.success('已标记为已读');
      } else {
        ElMessage.error(res.errorMsg)
      }
    })
  }
  
  const move = function (group_id, group_name) {
    let rows = taskTableDataRef.value?.getSelectionRows()
    if (!rows || rows.length === 0) {
      ElMessage.warning('请先选择邮件');
      return;
    }
    let ids = rows.map(e => e.id);
  
    ElMessageBox.confirm(lang.move_email_confirm, '警告', {
      confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning'
    }).then(() => {
      http.post("/api/v1/email/move", {"group_id": group_id, "group_name": group_name, "ids": ids}).then(res => {
        if (res.errorNo === 0) {
          updateList()
          ElMessage.success('移动完成')
        } else {
          ElMessage.error(res.errorMsg)
        }
      })
    }).catch(()=>{})
  }
  
  const del = function () {
    let rows = taskTableDataRef.value?.getSelectionRows()
    if (!rows || rows.length === 0) {
      ElMessage.warning('请先选择邮件');
      return;
    }
    let ids = rows.map(e => e.id);
    let groupTag = JSON.parse(tag)
  
    ElMessageBox.confirm(lang.del_email_confirm, '警告', {
      confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning'
    }).then(() => {
      http.post("/api/v1/email/del", {"ids": ids, "forcedDel": groupTag.status === 3}).then(res => {
        if (res.errorNo === 0) {
          updateList()
          ElMessage.success('删除成功')
        } else {
          ElMessage.error(res.errorMsg)
        }
      })
    }).catch(()=>{})
  }
  
  const rowStyle = function () {
    return {'cursor': 'pointer'}
  }
  
  const pageChange = function (p) {
    http.post("/api/v1/email/list", {tag: tag, page_size: 15, current_page: p}).then(res => {
      data.value = res.data.list || []
    })
  }

  const trustSender = function (senderEmail) {
    if (!senderEmail) return
    ElMessageBox.confirm(
      `确定将发件人 "${senderEmail}" 加入信任白名单吗？后续来自该地址的新邮件将不再提示风险。`,
      '信任发件人',
      {
        confirmButtonText: '信任并加入白名单',
        cancelButtonText: '取消',
        type: 'warning'
      }
    ).then(() => {
      http.post("/api/v1/email/trust-sender", {email: senderEmail, trusted: true}).then(res => {
        if (res.errorNo === 0) {
          ElMessage.success('已加入信任白名单，风险提示已免除')
          // 局部更新视图，避免整页重新刷新
          data.value.forEach(item => {
            if (item.sender?.EmailAddress === senderEmail) {
              item.dangerous = false
            }
          })
        } else {
          ElMessage.error(res.errorMsg || '操作失败')
        }
      })
    }).catch(() => {})
  }

  const showError = function (row) {
    currentErrorMsg.value = row.error || '未知投递错误'
    errorDialogVisible.value = true
  }

  return {
    EpArrowDownBold,
    Delete,
    View,
    Folder,
    EditPen,
    Warning,
    Check,
    CircleCheck,
    Switch,
    useRouter,
    ref,
    watch,
    computed,
    useGroupStore,
    lang,
    http,
    ElMessage,
    ElMessageBox,
    router,
    groupStore,
    groupList,
    taskTableDataRef,
    selectedRows,
    tag,
    data,
    totalPage,
    updateList,
    updateGroupList,
    rowClick,
    formatShortDate,
    selectionChange,
    selectAll,
    invertSelection,
    markRead,
    move,
    del,
    rowStyle,
    pageChange,
    isOutbox,
    trustSender,
    showError,
    errorDialogVisible,
    currentErrorMsg
  }
}

export {
  CircleCheck,
  Switch,
  Delete,
  View,
  Folder,
  EpArrowDownBold,
  EditPen,
  Warning,
  Check
}