feat:会员

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>

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>

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">

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>
 
   <!-- 表单弹窗：详情 -->