增加旧版会员模块

snowy-admin-web/src/views/biz/vipold/form.vue

@@ -0,0 +1,88 @@
+<template>
+	<xn-form-container
+		:title="formData.id ? '编辑旧版会员' : '增加旧版会员'"
+		:width="700"
+		v-model:open="open"
+		:destroy-on-close="true"
+		@close="onClose"
+	>
+		<a-form ref="formRef" :model="formData" :rules="formRules" layout="vertical">
+			<a-form-item label="手机号：" name="phone">
+				<a-input v-model:value="formData.phone" placeholder="请输入手机号" allow-clear />
+			</a-form-item>
+			<a-form-item label="姓名：" name="name">
+				<a-input v-model:value="formData.name" placeholder="请输入姓名" allow-clear />
+			</a-form-item>
+			<a-form-item label="余额：" name="balance">
+				<a-input v-model:value="formData.balance" placeholder="请输入余额" allow-clear />
+			</a-form-item>
+			<a-form-item label="卡类型：" name="cardType">
+				<a-input v-model:value="formData.cardType" placeholder="请输入卡类型" allow-clear />
+			</a-form-item>
+			<a-form-item label="注册时间：" name="cardTime">
+				<a-input v-model:value="formData.cardTime" placeholder="请输入注册时间" allow-clear />
+			</a-form-item>
+			<a-form-item label="说明：" name="memo">
+				<a-input v-model:value="formData.memo" placeholder="请输入说明" allow-clear />
+			</a-form-item>
+		</a-form>
+		<template #footer>
+			<a-button style="margin-right: 8px" @click="onClose">关闭</a-button>
+			<a-button type="primary" @click="onSubmit" :loading="submitLoading">保存</a-button>
+		</template>
+	</xn-form-container>
+</template>
+
+<script setup name="bizVipOldForm">
+	import { cloneDeep } from 'lodash-es'
+	import { required } from '@/utils/formRules'
+	import bizVipOldApi from '@/api/biz/bizVipOldApi'
+	// 抽屉状态
+	const open = ref(false)
+	const emit = defineEmits({ successful: null })
+	const formRef = ref()
+	// 表单数据
+	const formData = ref({})
+	const submitLoading = ref(false)
+
+	// 打开抽屉
+	const onOpen = (record) => {
+		open.value = true
+		if (record) {
+			let recordData = cloneDeep(record)
+			formData.value = Object.assign({}, recordData)
+		}
+	}
+	// 关闭抽屉
+	const onClose = () => {
+		formRef.value.resetFields()
+		formData.value = {}
+		open.value = false
+	}
+	// 默认要校验的
+	const formRules = {
+	}
+	// 验证并提交数据
+	const onSubmit = () => {
+		formRef.value
+			.validate()
+			.then(() => {
+				submitLoading.value = true
+				const formDataParam = cloneDeep(formData.value)
+				bizVipOldApi
+					.bizVipOldSubmitForm(formDataParam, formDataParam.id)
+					.then(() => {
+						onClose()
+						emit('successful')
+					})
+					.finally(() => {
+						submitLoading.value = false
+					})
+			})
+			.catch(() => {})
+	}
+	// 抛出函数
+	defineExpose({
+		onOpen
+	})
+</script>

snowy-admin-web/src/views/biz/vipold/index.vue

@@ -0,0 +1,150 @@
+<template>
+	<a-card :bordered="false">
+		<a-form ref="searchFormRef" name="advanced_search" :model="searchFormState" class="ant-advanced-search-form">
+			<a-row :gutter="24">
+				<a-col :span="6">
+					<a-form-item label="手机号" name="phone">
+						<a-input v-model:value="searchFormState.phone" placeholder="请输入手机号" />
+					</a-form-item>
+				</a-col>
+				<a-col :span="6">
+					<a-form-item label="姓名" name="name">
+						<a-input v-model:value="searchFormState.name" placeholder="请输入姓名" />
+					</a-form-item>
+				</a-col>
+				<a-col :span="6">
+					<a-button type="primary" @click="tableRef.refresh()">查询</a-button>
+					<a-button style="margin: 0 8px" @click="reset">重置</a-button>
+				</a-col>
+			</a-row>
+		</a-form>
+		<s-table
+			ref="tableRef"
+			:columns="columns"
+			:data="loadData"
+			:alert="options.alert.show"
+			bordered
+			:row-key="(record) => record.id"
+			:tool-config="toolConfig"
+			:row-selection="options.rowSelection"
+		>
+			<template #operator class="table-operator">
+				<a-space>
+					<a-button type="primary" @click="formRef.onOpen()" v-if="hasPerm('bizVipOldAdd')">
+						<template #icon><plus-outlined /></template>
+						新增
+					</a-button>
+					<xn-batch-button
+						v-if="hasPerm('bizVipOldBatchDelete')"
+						buttonName="批量删除"
+                        icon="DeleteOutlined"
+						:selectedRowKeys="selectedRowKeys"
+						@batchCallBack="deleteBatchBizVipOld"
+					/>
+				</a-space>
+			</template>
+			<template #bodyCell="{ column, record }">
+				<template v-if="column.dataIndex === 'action'">
+					<a-space>
+						<a @click="formRef.onOpen(record)" v-if="hasPerm('bizVipOldEdit')">编辑</a>
+						<a-divider type="vertical" v-if="hasPerm(['bizVipOldEdit', 'bizVipOldDelete'], 'and')" />
+						<a-popconfirm title="确定要删除吗？" @confirm="deleteBizVipOld(record)">
+							<a-button type="link" danger size="small" v-if="hasPerm('bizVipOldDelete')">删除</a-button>
+						</a-popconfirm>
+					</a-space>
+				</template>
+			</template>
+		</s-table>
+	</a-card>
+	<Form ref="formRef" @successful="tableRef.refresh()" />
+</template>
+
+<script setup name="vipold">
+	import { cloneDeep } from 'lodash-es'
+	import Form from './form.vue'
+	import bizVipOldApi from '@/api/biz/bizVipOldApi'
+	const searchFormState = ref({})
+	const searchFormRef = ref()
+	const tableRef = ref()
+	const formRef = ref()
+	const toolConfig = { refresh: true, height: true, columnSetting: true, striped: false }
+	const columns = [
+		{
+			title: '手机号',
+			dataIndex: 'phone'
+		},
+		{
+			title: '姓名',
+			dataIndex: 'name'
+		},
+		{
+			title: '余额',
+			dataIndex: 'balance'
+		},
+		{
+			title: '卡类型',
+			dataIndex: 'cardType'
+		},
+		{
+			title: '注册时间',
+			dataIndex: 'cardTime'
+		},
+		{
+			title: '说明',
+			dataIndex: 'memo'
+		},
+	]
+	// 操作栏通过权限判断是否显示
+	if (hasPerm(['bizVipOldEdit', 'bizVipOldDelete'])) {
+		columns.push({
+			title: '操作',
+			dataIndex: 'action',
+			align: 'center',
+			width: 150
+		})
+	}
+	const selectedRowKeys = ref([])
+	// 列表选择配置
+	const options = {
+		// columns数字类型字段加入 needTotal: true 可以勾选自动算账
+		alert: {
+			show: true,
+			clear: () => {
+				selectedRowKeys.value = ref([])
+			}
+		},
+		rowSelection: {
+			onChange: (selectedRowKey, selectedRows) => {
+				selectedRowKeys.value = selectedRowKey
+			}
+		}
+	}
+	const loadData = (parameter) => {
+		const searchFormParam = cloneDeep(searchFormState.value)
+		return bizVipOldApi.bizVipOldPage(Object.assign(parameter, searchFormParam)).then((data) => {
+			return data
+		})
+	}
+	// 重置
+	const reset = () => {
+		searchFormRef.value.resetFields()
+		tableRef.value.refresh(true)
+	}
+	// 删除
+	const deleteBizVipOld = (record) => {
+		let params = [
+			{
+				id: record.id
+			}
+		]
+		bizVipOldApi.bizVipOldDelete(params).then(() => {
+			tableRef.value.refresh(true)
+		})
+	}
+	// 批量删除
+	const deleteBatchBizVipOld = (params) => {
+		bizVipOldApi.bizVipOldDelete(params).then(() => {
+			tableRef.value.clearRefreshSelected()
+		})
+	}
+</script>