From cb21a5aa46ecf7a58e3e6bee3fd7f3352ec909b5 Mon Sep 17 00:00:00 2001
From: huangyinfeng <1244041895@qq.com>
Date: 星期二, 24 九月 2024 13:50:47 +0800
Subject: [PATCH] 邮件配置黑名单功能
---
src/views/email/components/ListPage/list.vue | 35 ++++++++++++++++++++++++++---------
1 files changed, 26 insertions(+), 9 deletions(-)
diff --git a/src/views/email/components/ListPage/list.vue b/src/views/email/components/ListPage/list.vue
index df9ddfd..b760c3e 100644
--- a/src/views/email/components/ListPage/list.vue
+++ b/src/views/email/components/ListPage/list.vue
@@ -1,7 +1,7 @@
<template>
<PageWrapper>
<div style="height: calc(100vh - 84px)">
- <div class="head">
+ <div class="my-head">
<div class="left">
<div class="left-box p-3">
<!-- 澶氶�� -->
@@ -23,12 +23,14 @@
</div>
<div class="right p-3"
- >鍏�<span style="padding: 0 5px">20</span>灏�
+ >鍏�<span style="padding: 0 5px">{{page.total}}</span>灏�
<a-pagination
v-model:current="pageCurrent"
+ v-model:page-size='page.limit'
simple
- :total="50"
+ :total="page.total"
style="margin-left: 10px"
+ @change="handlePageChange"
/>
<FilterOutlined style="margin-left: 10px" />
<a-popover placement="left" trigger="click">
@@ -95,11 +97,12 @@
import pageHeadLeft from './pageHeadLeft.vue';
import { PageWrapper } from '@/components/Page';
- import { ref, watch, defineProps, defineEmits, computed, reactive, onMounted } from 'vue';
+ import { ref, watch, defineProps, defineEmits, computed, reactive, onMounted,inject } from 'vue';
// 瀹氫箟灞炴��
interface Props {
- pageList: [];
+ pageList?: [];
+ pageData?:any;
}
const props = defineProps<Props>();
const newList = ref([]);
@@ -111,6 +114,7 @@
},
);
+const page = computed(() => props.pageData);
const checked = computed(() => selectAllRow.value.length > 0);
const pageCurrent = ref(1);
const tableRef = ref();
@@ -143,12 +147,12 @@
{
key: '1',
label: '鍏ㄩ儴',
- num: 60,
+ num: 0,
},
{
key: '2',
label: '瀹㈡埛',
- num: 20,
+ num: 0,
},
{
key: '3',
@@ -163,7 +167,7 @@
{
key: '5',
label: '鍏朵粬',
- num: 30,
+ num: 0,
},
];
});
@@ -176,12 +180,24 @@
function fnSelectAll() {
console.log('44444444444');
}
+ const emit = defineEmits(['pageChange']);
+ defineExpose({
+ fnSelectAll,
+ });
+
+ const getDataList = inject('getDataList');
+ function handlePageChange(page, pageSize){
+ getDataList(page)
+
+ }
</script>
<style scoped lang="less">
- .head {
+ .my-head {
display: flex;
+ align-items: center;
justify-content: space-between;
width: 100%;
+ height: 60px;
border-bottom: 1px solid rgb(5 5 5 / 6%);
/* 澧炲姞閫夋嫨鍣ㄧ壒寮傛�� */
@@ -193,6 +209,7 @@
align-items: center;
justify-content: space-flex-start;
width: 100%;
+ height: 100%;;
& .icon {
margin-right: 15px;
--
Gitblit v1.8.0