diff --git a/src/api/member/opentype/index.ts b/src/api/member/opentype/index.ts
new file mode 100644
index 00000000..a8b6c041
--- /dev/null
+++ b/src/api/member/opentype/index.ts
@@ -0,0 +1,47 @@
+import request from '@/config/axios'
+
+// 会员类型 VO
+export interface OpenTypeVO {
+  id: number // 会员开通类型
+  title: string // 会员开通分类标题
+  icon: string // 图标
+  preferentialPrice: number // 价格(优惠价)
+  originalPrice: number // 价格(原价)
+  duration: number // 时长(天)
+  status: string // 状态
+  isHot: string // 是否热门
+  sort: number // 排序
+}
+
+// 会员类型 API
+export const OpenTypeApi = {
+  // 查询会员类型分页
+  getOpenTypePage: async (params: any) => {
+    return await request.get({ url: `/member/open-type/page`, params })
+  },
+
+  // 查询会员类型详情
+  getOpenType: async (id: number) => {
+    return await request.get({ url: `/member/open-type/get?id=` + id })
+  },
+
+  // 新增会员类型
+  createOpenType: async (data: OpenTypeVO) => {
+    return await request.post({ url: `/member/open-type/create`, data })
+  },
+
+  // 修改会员类型
+  updateOpenType: async (data: OpenTypeVO) => {
+    return await request.put({ url: `/member/open-type/update`, data })
+  },
+
+  // 删除会员类型
+  deleteOpenType: async (id: number) => {
+    return await request.delete({ url: `/member/open-type/delete?id=` + id })
+  },
+
+  // 导出会员类型 Excel
+  exportOpenType: async (params) => {
+    return await request.download({ url: `/member/open-type/export-excel`, params })
+  }
+}
\ No newline at end of file
diff --git a/src/components/Pagination/index.vue b/src/components/Pagination/index.vue
index 6bb00b3a..2aad8661 100644
--- a/src/components/Pagination/index.vue
+++ b/src/components/Pagination/index.vue
@@ -1,19 +1,9 @@
 <!-- 基于 ruoyi-vue3 的 Pagination 重构，核心是简化无用的属性，并使用 ts 重写 -->
 <template>
-  <el-pagination
-    v-show="total > 0"
-    v-model:current-page="currentPage"
-    v-model:page-size="pageSize"
-    :background="true"
-    :page-sizes="[10, 20, 30, 50, 100]"
-    :pager-count="pagerCount"
-    :total="total"
-    :small="isSmall"
-    class="float-right mb-15px mt-15px"
-    layout="total, sizes, prev, pager, next, jumper"
-    @size-change="handleSizeChange"
-    @current-change="handleCurrentChange"
-  />
+  <el-pagination v-show="total > 0" v-model:current-page="currentPage" v-model:page-size="pageSize" :background="true"
+    :page-sizes="[10, 20, 30, 50, 100]" :pager-count="pagerCount" :total="total" :small="isSmall"
+    class="float-right mb-15px mt-15px" layout="total, sizes, prev, pager, next, jumper" @size-change="handleSizeChange"
+    @current-change="handleCurrentChange" />
 </template>
 <script lang="ts" setup>
 import { computed, watchEffect } from 'vue'
diff --git a/src/components/PreviewImage/index.vue b/src/components/PreviewImage/index.vue
new file mode 100644
index 00000000..97a4988c
--- /dev/null
+++ b/src/components/PreviewImage/index.vue
@@ -0,0 +1,100 @@
+<!-- 图片预览 -->
+<script lang="ts" setup name="PreviewImage">
+
+type Props = {
+	src?: string
+	width?: string | number
+	height?: string | number
+	download?: boolean | string
+	downloadName?: string
+}
+
+const props = withDefaults(defineProps<Props>(), {
+	width: 50,
+	height: 50,
+	download: false,
+	downloadName: "下载",
+})
+
+const formatSrc = (src: string, type: "string" | "array" = "string"): string | string[] => {
+	switch (type) {
+		case "string":
+			if (!src.match(/x-oss-process/g)) {
+				return src.split(",")[0]
+			} else {
+				return src.split("?")[0]
+			}
+		case "array":
+			if (!src.match(/x-oss-process/g)) {
+				return src.split(",")
+			} else {
+				return src
+					.split("?")
+					.filter(
+						(item) =>
+							item.endsWith(".jpg") || item.endsWith(".png") || item.endsWith(".gif") || item.endsWith(".jpeg") || item.endsWith(".webp"),
+					)
+			}
+	}
+}
+
+const realSrc = computed(() => {
+	if (!props.src) return ""
+	let real_src: string = formatSrc(props.src, "string") as string
+	return dispatchUrl(real_src) ?? ""
+})
+const realSrcList = computed(() => {
+	if (!props.src) return ""
+	let real_src = (formatSrc(props.src, "array") as string[]).map((v) => dispatchUrl(v))
+	return real_src ?? []
+})
+const realWidth = computed(() => (typeof props.width == "string" ? props.width : `${props.width}px`))
+const realHeight = computed(() => (typeof props.height == "string" ? props.height : `${props.height}px`))
+
+function dispatchUrl(url?: string) {
+	if (!url) return ""
+	return url.includes("http") ? url : import.meta.env.VITE_IMAGE_BASE_PATH + url
+}
+
+</script>
+
+<template>
+	<div v-if="props.src" class="flex flex-col items-center">
+		<el-image hide-on-click-modal preview-teleported :src="`${realSrc}`" fit="cover"
+			:style="`width:${realWidth};height:${realHeight};`" :preview-src-list="realSrcList" loading="lazy">
+			<template #error>
+				<div class="image-slot">
+					<i class="el-icon-picture-outline"></i>
+				</div>
+			</template>
+		</el-image>
+	</div>
+	<div v-else :style="`width:${realWidth};height:${realHeight};`"></div>
+</template>
+
+<style lang="scss" scoped>
+.el-image {
+	border-radius: 5px;
+	background-color: #ebeef5;
+	box-shadow: 0 0 5px 1px #ccc;
+
+	:deep(.el-image__inner) {
+		transition: all 0.3s;
+		cursor: pointer;
+
+		&:hover {
+			transform: scale(1.2);
+		}
+	}
+
+	:deep(.image-slot) {
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		width: 100%;
+		height: 100%;
+		color: #909399;
+		font-size: 30px;
+	}
+}
+</style>
diff --git a/src/utils/dict.ts b/src/utils/dict.ts
index 82114992..b13857dd 100644
--- a/src/utils/dict.ts
+++ b/src/utils/dict.ts
@@ -168,6 +168,7 @@ export enum DICT_TYPE {
   // ========== Member 会员模块 ==========
   MEMBER_POINT_BIZ_TYPE = 'member_point_biz_type', // 积分的业务类型
   MEMBER_EXPERIENCE_BIZ_TYPE = 'member_experience_biz_type', // 会员经验业务类型
+  MEMBER_OPEN_TYPE_STATUS = 'open_type_status', // 会员开通类型状态
 
   // ========== MALL - 商品模块 ==========
   PRODUCT_SPU_STATUS = 'product_spu_status', //商品状态
diff --git a/src/views/member/opentype/OpenTypeForm.vue b/src/views/member/opentype/OpenTypeForm.vue
new file mode 100644
index 00000000..3178583b
--- /dev/null
+++ b/src/views/member/opentype/OpenTypeForm.vue
@@ -0,0 +1,189 @@
+<template>
+  <Dialog :title="dialogTitle" v-model="dialogVisible">
+    <el-form ref="formRef" :model="formData" :rules="formRules" label-width="100px" v-loading="formLoading">
+      <el-row>
+        <el-col :span="24">
+          <el-form-item label="会员标题" prop="title">
+            <el-input v-model="formData.title" placeholder="请输入会员开通分类标题" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="24">
+          <el-form-item label="会员图标" prop="icon">
+            <UploadImg v-model="formData.icon" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="优惠价" prop="preferentialPrice">
+            <el-input-number style="width: 100%;" v-model="formData.preferentialPrice" placeholder="请输入优惠价" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="原价" prop="originalPrice">
+            <el-input-number style="width: 100%;" v-model="formData.originalPrice" placeholder="请输入原价" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="24">
+          <el-form-item label="时长" prop="duration">
+            <el-input type="number" v-model="formData.duration" placeholder="请输入时长">
+              <template #append>天</template>
+            </el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="24">
+          <el-form-item label="排序" prop="sort">
+            <el-input v-model="formData.sort" placeholder="请输入排序" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="状态" prop="status">
+            <el-select v-model="formData.status" placeholder="请选择状态" clearable class="!w-240px">
+              <el-option v-for="dict in getStrDictOptions(DICT_TYPE.MEMBER_OPEN_TYPE_STATUS)" :key="dict.value"
+                :label="dict.label" :value="dict.value" />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="是否热门" prop="isHot">
+            <el-select v-model="formData.isHot" placeholder="请选择是否热门" clearable class="!w-240px">
+              <el-option v-for="dict in getStrDictOptions(DICT_TYPE.INFRA_BOOLEAN_STRING)" :key="dict.value"
+                :label="dict.label" :value="dict.value" />
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <template #footer>
+      <el-button @click="submitForm" type="primary" :disabled="formLoading">确 定</el-button>
+      <el-button @click="dialogVisible = false">取 消</el-button>
+    </template>
+  </Dialog>
+</template>
+<script setup lang="ts">
+import { fenToYuan, yuanToFen } from "@/utils/index"
+import { DICT_TYPE, getStrDictOptions } from '@/utils/dict'
+import { OpenTypeApi, OpenTypeVO } from '@/api/member/opentype'
+
+/** 会员类型 表单 */
+defineOptions({ name: 'OpenTypeForm' })
+
+const { t } = useI18n()
+const message = useMessage()
+
+const dialogVisible = ref(false)
+const dialogTitle = ref('')
+const formLoading = ref(false)
+const formType = ref('')
+
+const defaultForm = {
+  status: "1",
+  isHot: "false",
+}
+
+const formData = ref<any>({
+  id: undefined,
+  title: undefined,
+  icon: undefined,
+  preferentialPrice: undefined,
+  originalPrice: undefined,
+  duration: undefined,
+  status: "1",
+  isHot: false,
+  sort: undefined
+})
+const formRules = reactive({
+  title: [{ required: true, message: '会员开通分类标题不能为空', trigger: 'blur' }],
+  preferentialPrice: [{ required: true, message: '优惠价不能为空', trigger: 'blur' }],
+  originalPrice: [{ required: true, message: '原价不能为空', trigger: 'blur' }],
+  duration: [{ required: true, message: '时长不能为空', trigger: 'blur' }],
+  status: [{ required: true, message: '状态不能为空', trigger: 'blur' }],
+  isHot: [{ required: true, message: '是否热门不能为空', trigger: 'blur' }],
+  sort: [{ required: true, message: '排序不能为空', trigger: 'blur' }]
+})
+const formRef = ref() // 表单 Ref
+
+/** 打开弹窗 */
+const open = async (type: string, id?: number) => {
+  dialogVisible.value = true
+  dialogTitle.value = t('action.' + type)
+  formType.value = type
+  resetForm()
+  // 修改时，设置数据
+  if (id) {
+    formLoading.value = true
+    try {
+      formData.value = await OpenTypeApi.getOpenType(id)
+      // 合并默认值
+      if (!formData.value.status) {
+        formData.value.status = defaultForm.status
+      }
+      if (!formData.value.isHot) {
+        formData.value.isHot = defaultForm.isHot
+      }
+      if (formData.value.preferentialPrice) {
+        formData.value.preferentialPrice = fenToYuan(formData.value.preferentialPrice)
+      }
+      if (formData.value.originalPrice) {
+        formData.value.originalPrice = fenToYuan(formData.value.originalPrice)
+      }
+    } finally {
+      formLoading.value = false
+    }
+  }
+}
+defineExpose({ open }) // 提供 open 方法，用于打开弹窗
+
+/** 提交表单 */
+const emit = defineEmits(['success']) // 定义 success 事件，用于操作成功后的回调
+const submitForm = async () => {
+  // 校验表单
+  await formRef.value.validate()
+  // 提交请求
+  formLoading.value = true
+  try {
+    const data = {
+      ...formData.value
+    } as unknown as OpenTypeVO
+    if (data.preferentialPrice) {
+      data.preferentialPrice = yuanToFen(data.preferentialPrice)
+    }
+    if (data.originalPrice) {
+      data.originalPrice = yuanToFen(data.originalPrice)
+    }
+    if (formType.value === 'create') {
+      await OpenTypeApi.createOpenType(data)
+      message.success(t('common.createSuccess'))
+    } else {
+      await OpenTypeApi.updateOpenType(data)
+      message.success(t('common.updateSuccess'))
+    }
+    dialogVisible.value = false
+    // 发送操作成功的事件
+    emit('success')
+  } finally {
+    formLoading.value = false
+  }
+}
+
+/** 重置表单 */
+const resetForm = () => {
+  formData.value = {
+    id: undefined,
+    title: undefined,
+    icon: undefined,
+    preferentialPrice: undefined,
+    originalPrice: undefined,
+    duration: undefined,
+    status: undefined,
+    isHot: undefined,
+    sort: undefined
+  }
+  // 合并默认值
+  if (!formData.value.status) {
+    formData.value.status = defaultForm.status
+  }
+  if (!formData.value.isHot) {
+    formData.value.isHot = defaultForm.isHot
+  }
+  formRef.value?.resetFields()
+}
+</script>
\ No newline at end of file
diff --git a/src/views/member/opentype/index.vue b/src/views/member/opentype/index.vue
new file mode 100644
index 00000000..a647956a
--- /dev/null
+++ b/src/views/member/opentype/index.vue
@@ -0,0 +1,180 @@
+<template>
+  <ContentWrap>
+    <!-- 搜索工作栏 -->
+    <el-form class="-mb-15px" :model="queryParams" ref="queryFormRef" :inline="true" label-width="68px">
+      <el-form-item label="会员标题" prop="title">
+        <el-input v-model="queryParams.title" placeholder="请输入会员标题" clearable @keyup.enter="handleQuery"
+          class="!w-240px" />
+      </el-form-item>
+      <el-form-item>
+        <el-button @click="handleQuery">
+          <Icon icon="ep:search" class="mr-5px" /> 搜索
+        </el-button>
+        <el-button @click="resetQuery">
+          <Icon icon="ep:refresh" class="mr-5px" /> 重置
+        </el-button>
+        <el-button type="primary" plain @click="openForm('create')" v-hasPermi="['member:open-type:create']">
+          <Icon icon="ep:plus" class="mr-5px" /> 新增
+        </el-button>
+        <el-button type="success" plain @click="handleExport" :loading="exportLoading"
+          v-hasPermi="['member:open-type:export']">
+          <Icon icon="ep:download" class="mr-5px" /> 导出
+        </el-button>
+      </el-form-item>
+    </el-form>
+  </ContentWrap>
+
+  <!-- 列表 -->
+  <ContentWrap>
+    <el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true">
+      <el-table-column label="会员标题" align="center" prop="title" />
+      <el-table-column label="图标" align="center" prop="icon">
+        <template #default="{ row }">
+          <PreviewImage v-if="row.icon" :src="row.icon" :width="40" :height="40" />
+          <div v-else class="w-40px h-40px"></div>
+        </template>
+      </el-table-column>
+      <el-table-column label="优惠价" align="center" prop="preferentialPrice">
+        <template #default="{ row }">
+          {{ fenToYuan(row.preferentialPrice) }}元
+        </template>
+      </el-table-column>
+      <el-table-column label="原价" align="center" prop="originalPrice">
+        <template #default="{ row }">
+          {{ fenToYuan(row.originalPrice) }}元
+        </template>
+      </el-table-column>
+      <el-table-column label="时长(天)" align="center" prop="duration">
+        <template #default="{ row }">
+          {{ row.duration }}天
+        </template>
+      </el-table-column>
+      <el-table-column label="状态" align="center" prop="status">
+        <template #default="{ row }">
+          <dict-tag :type="DICT_TYPE.MEMBER_OPEN_TYPE_STATUS" :value="row.status" />
+        </template>
+      </el-table-column>
+      <el-table-column label="是否热门" align="center" prop="isHot">
+        <template #default="{ row }">
+          <dict-tag :type="DICT_TYPE.INFRA_BOOLEAN_STRING" :value="row.isHot" />
+        </template>
+      </el-table-column>
+      <el-table-column label="排序" align="center" prop="sort" />
+      <el-table-column label="创建时间" align="center" prop="createTime" :formatter="dateFormatter" width="180px" />
+      <el-table-column label="操作" align="center" min-width="120px">
+        <template #default="scope">
+          <el-button link type="primary" @click="openForm('update', scope.row.id)"
+            v-hasPermi="['member:open-type:update']">
+            编辑
+          </el-button>
+          <el-button link type="danger" @click="handleDelete(scope.row.id)" v-hasPermi="['member:open-type:delete']">
+            删除
+          </el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <!-- 分页 -->
+    <Pagination :total="total" v-model:page="queryParams.pageNo" v-model:limit="queryParams.pageSize"
+      @pagination="getList" />
+  </ContentWrap>
+
+  <!-- 表单弹窗：添加/修改 -->
+  <OpenTypeForm ref="formRef" @success="getList" />
+</template>
+
+<script setup lang="ts">
+import { DICT_TYPE, getStrDictOptions } from '@/utils/dict'
+import { fenToYuan } from "@/utils/index"
+import { dateFormatter } from '@/utils/formatTime'
+import download from '@/utils/download'
+import { OpenTypeApi, OpenTypeVO } from '@/api/member/opentype'
+import OpenTypeForm from './OpenTypeForm.vue'
+
+/** 会员类型 列表 */
+defineOptions({ name: 'OpenType' })
+
+const message = useMessage() // 消息弹窗
+const { t } = useI18n() // 国际化
+
+const loading = ref(true) // 列表的加载中
+const list = ref<OpenTypeVO[]>([]) // 列表的数据
+const total = ref(0) // 列表的总页数
+const queryParams = reactive({
+  pageNo: 1,
+  pageSize: 10,
+  title: undefined,
+  icon: undefined,
+  preferentialPrice: undefined,
+  originalPrice: undefined,
+  duration: undefined,
+  status: undefined,
+  isHot: undefined,
+  sort: undefined,
+  createTime: []
+})
+const queryFormRef = ref() // 搜索的表单
+const exportLoading = ref(false) // 导出的加载中
+
+/** 查询列表 */
+const getList = async () => {
+  loading.value = true
+  try {
+    const data = await OpenTypeApi.getOpenTypePage(queryParams)
+    list.value = data.list
+    total.value = data.total
+  } finally {
+    loading.value = false
+  }
+}
+
+/** 搜索按钮操作 */
+const handleQuery = () => {
+  queryParams.pageNo = 1
+  getList()
+}
+
+/** 重置按钮操作 */
+const resetQuery = () => {
+  queryFormRef.value.resetFields()
+  handleQuery()
+}
+
+/** 添加/修改操作 */
+const formRef = ref()
+const openForm = (type: string, id?: number) => {
+  formRef.value.open(type, id)
+}
+
+/** 删除按钮操作 */
+const handleDelete = async (id: number) => {
+  try {
+    // 删除的二次确认
+    await message.delConfirm()
+    // 发起删除
+    await OpenTypeApi.deleteOpenType(id)
+    message.success(t('common.delSuccess'))
+    // 刷新列表
+    await getList()
+  } catch { }
+}
+
+/** 导出按钮操作 */
+const handleExport = async () => {
+  try {
+    // 导出的二次确认
+    await message.exportConfirm()
+    // 发起导出
+    exportLoading.value = true
+    const data = await OpenTypeApi.exportOpenType(queryParams)
+    download.excel(data, '会员类型.xls')
+  } catch {
+  } finally {
+    exportLoading.value = false
+  }
+}
+
+/** 初始化 **/
+onMounted(() => {
+  getList()
+})
+</script>
\ No newline at end of file
diff --git a/src/views/member/recent/index.vue b/src/views/member/recent/index.vue
index 6e8e2922..d85c44c1 100644
--- a/src/views/member/recent/index.vue
+++ b/src/views/member/recent/index.vue
@@ -2,18 +2,6 @@
   <ContentWrap>
     <!-- 搜索工作栏 -->
     <el-form class="-mb-15px" :model="queryParams" ref="queryFormRef" :inline="true" label-width="68px">
-      <el-form-item label="描述" prop="describe">
-        <el-input v-model="queryParams.describe" placeholder="请输入描述" clearable @keyup.enter="handleQuery"
-          class="!w-240px" />
-      </el-form-item>
-      <el-form-item label="发布-经度" prop="issueLong">
-        <el-input v-model="queryParams.issueLong" placeholder="请输入发布-经度" clearable @keyup.enter="handleQuery"
-          class="!w-240px" />
-      </el-form-item>
-      <el-form-item label="发布-纬度" prop="issueLat">
-        <el-input v-model="queryParams.issueLat" placeholder="请输入发布-纬度" clearable @keyup.enter="handleQuery"
-          class="!w-240px" />
-      </el-form-item>
       <el-form-item label="发布-省" prop="issueProvince">
         <el-input v-model="queryParams.issueProvince" placeholder="请输入发布-省" clearable @keyup.enter="handleQuery"
           class="!w-240px" />
@@ -22,18 +10,10 @@
         <el-input v-model="queryParams.issueCity" placeholder="请输入发布-市" clearable @keyup.enter="handleQuery"
           class="!w-240px" />
       </el-form-item>
-      <el-form-item label="发布-区" prop="issueDistrict">
-        <el-input v-model="queryParams.issueDistrict" placeholder="请输入发布-区" clearable @keyup.enter="handleQuery"
-          class="!w-240px" />
-      </el-form-item>
-      <el-form-item label="发布-详细地址" prop="issueAddress">
-        <el-input v-model="queryParams.issueAddress" placeholder="请输入发布-详细地址" clearable @keyup.enter="handleQuery"
-          class="!w-240px" />
-      </el-form-item>
       <el-form-item label="创建时间" prop="createTime">
         <el-date-picker v-model="queryParams.createTime" value-format="YYYY-MM-DD HH:mm:ss" type="daterange"
           start-placeholder="开始日期" end-placeholder="结束日期"
-          :default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]" class="!w-220px" />
+          :default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]" class="!w-440px" />
       </el-form-item>
       <el-form-item>
         <el-button @click="handleQuery">
diff --git a/src/views/system/notify/my/index.vue b/src/views/system/notify/my/index.vue
index 7b0c785c..d09d7f27 100644
--- a/src/views/system/notify/my/index.vue
+++ b/src/views/system/notify/my/index.vue
@@ -3,42 +3,25 @@
 
   <ContentWrap>
     <!-- 搜索工作栏 -->
-    <el-form
-      class="-mb-15px"
-      :model="queryParams"
-      ref="queryFormRef"
-      :inline="true"
-      label-width="68px"
-    >
+    <el-form class="-mb-15px" :model="queryParams" ref="queryFormRef" :inline="true" label-width="68px">
       <el-form-item label="是否已读" prop="readStatus">
-        <el-select
-          v-model="queryParams.readStatus"
-          placeholder="请选择状态"
-          clearable
-          class="!w-240px"
-        >
-          <el-option
-            v-for="dict in getBoolDictOptions(DICT_TYPE.INFRA_BOOLEAN_STRING)"
-            :key="dict.value"
-            :label="dict.label"
-            :value="dict.value"
-          />
+        <el-select v-model="queryParams.readStatus" placeholder="请选择状态" clearable class="!w-240px">
+          <el-option v-for="dict in getBoolDictOptions(DICT_TYPE.INFRA_BOOLEAN_STRING)" :key="dict.value"
+            :label="dict.label" :value="dict.value" />
         </el-select>
       </el-form-item>
       <el-form-item label="发送时间" prop="createTime">
-        <el-date-picker
-          v-model="queryParams.createTime"
-          value-format="YYYY-MM-DD HH:mm:ss"
-          type="daterange"
-          start-placeholder="开始日期"
-          end-placeholder="结束日期"
-          :default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
-          class="!w-240px"
-        />
+        <el-date-picker v-model="queryParams.createTime" value-format="YYYY-MM-DD HH:mm:ss" type="daterange"
+          start-placeholder="开始日期" end-placeholder="结束日期"
+          :default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]" class="!w-240px" />
       </el-form-item>
       <el-form-item>
-        <el-button @click="handleQuery"><Icon icon="ep:search" class="mr-5px" /> 搜索</el-button>
-        <el-button @click="resetQuery"><Icon icon="ep:refresh" class="mr-5px" /> 重置</el-button>
+        <el-button @click="handleQuery">
+          <Icon icon="ep:search" class="mr-5px" /> 搜索
+        </el-button>
+        <el-button @click="resetQuery">
+          <Icon icon="ep:refresh" class="mr-5px" /> 重置
+        </el-button>
         <el-button @click="handleUpdateList">
           <Icon icon="ep:reading" class="mr-5px" /> 标记已读
         </el-button>
@@ -51,64 +34,33 @@
 
   <!-- 列表 -->
   <ContentWrap>
-    <el-table
-      v-loading="loading"
-      :data="list"
-      ref="tableRef"
-      row-key="id"
-      @selection-change="handleSelectionChange"
-    >
+    <el-table v-loading="loading" :data="list" ref="tableRef" row-key="id" @selection-change="handleSelectionChange">
       <el-table-column type="selection" :selectable="selectable" :reserve-selection="true" />
       <el-table-column label="发送人" align="center" prop="templateNickname" width="180" />
-      <el-table-column
-        label="发送时间"
-        align="center"
-        prop="createTime"
-        width="200"
-        :formatter="dateFormatter"
-      />
+      <el-table-column label="发送时间" align="center" prop="createTime" width="200" :formatter="dateFormatter" />
       <el-table-column label="类型" align="center" prop="templateType" width="180">
         <template #default="scope">
           <dict-tag :type="DICT_TYPE.SYSTEM_NOTIFY_TEMPLATE_TYPE" :value="scope.row.templateType" />
         </template>
       </el-table-column>
-      <el-table-column
-        label="消息内容"
-        align="center"
-        prop="templateContent"
-        show-overflow-tooltip
-      />
+      <el-table-column label="消息内容" align="center" prop="templateContent" show-overflow-tooltip />
       <el-table-column label="是否已读" align="center" prop="readStatus" width="160">
         <template #default="scope">
           <dict-tag :type="DICT_TYPE.INFRA_BOOLEAN_STRING" :value="scope.row.readStatus" />
         </template>
       </el-table-column>
-      <el-table-column
-        label="阅读时间"
-        align="center"
-        prop="readTime"
-        width="200"
-        :formatter="dateFormatter"
-      />
+      <el-table-column label="阅读时间" align="center" prop="readTime" width="200" :formatter="dateFormatter" />
       <el-table-column label="操作" align="center" width="160">
         <template #default="scope">
-          <el-button
-            link
-            :type="scope.row.readStatus ? 'primary' : 'warning'"
-            @click="openDetail(scope.row)"
-          >
+          <el-button link :type="scope.row.readStatus ? 'primary' : 'warning'" @click="openDetail(scope.row)">
             {{ scope.row.readStatus ? '详情' : '已读' }}
           </el-button>
         </template>
       </el-table-column>
     </el-table>
     <!-- 分页 -->
-    <Pagination
-      :total="total"
-      v-model:page="queryParams.pageNo"
-      v-model:limit="queryParams.pageSize"
-      @pagination="getList"
-    />
+    <Pagination :total="total" v-model:page="queryParams.pageNo" v-model:limit="queryParams.pageSize"
+      @pagination="getList" />
   </ContentWrap>
 
   <!-- 表单弹窗：详情 -->