This commit is contained in:
2025-02-24 09:14:09 +08:00
parent 397d9ca52f
commit f490ad4f22

View File

@ -1,23 +1,18 @@
<template> <template>
<BasicLayout> <BasicLayout>
<template #wrapper> <template #wrapper>
<el-card class="box-card"> <el-card class="box-card">
<el-form ref="queryForm" :model="queryParams" :inline="true" label-width="68px"> <el-form ref="queryForm" :model="queryParams" :inline="true" label-width="68px">
<el-form-item label="套餐名称" prop="packageName"><el-input v-model="queryParams.packageName" placeholder="请输入套餐名称" clearable <el-form-item label="套餐名称" prop="packageName"><el-input v-model="queryParams.packageName"
size="small" @keyup.enter.native="handleQuery"/> placeholder="请输入套餐名称" clearable size="small" @keyup.enter.native="handleQuery" />
</el-form-item> </el-form-item>
<el-form-item label="套餐状态(字典 rewal_status" prop="status"><el-select v-model="queryParams.status" <el-form-item label="套餐状态" prop="status"><el-select v-model="queryParams.status"
placeholder="会员套餐管理套餐状态(字典 rewal_status" clearable size="small"> placeholder="会员套餐管理套餐状态" clearable size="small">
<el-option <el-option v-for="dict in statusOptions" :key="dict.value" :label="dict.label"
v-for="dict in statusOptions" :value="dict.value" />
:key="dict.value" </el-select>
:label="dict.label" </el-form-item>
:value="dict.value"
/>
</el-select>
</el-form-item>
<el-form-item> <el-form-item>
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button> <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button> <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
@ -26,128 +21,110 @@
<el-row :gutter="10" class="mb8"> <el-row :gutter="10" class="mb8">
<el-col :span="1.5"> <el-col :span="1.5">
<el-button <el-button v-permisaction="['admin:memberRenwalConfig:add']" type="primary" icon="el-icon-plus"
v-permisaction="['admin:memberRenwalConfig:add']" size="mini" @click="handleAdd">新增
type="primary"
icon="el-icon-plus"
size="mini"
@click="handleAdd"
>新增
</el-button> </el-button>
</el-col> </el-col>
<el-col :span="1.5"> <el-col :span="1.5">
<el-button <el-button v-permisaction="['admin:memberRenwalConfig:edit']" type="success" icon="el-icon-edit"
v-permisaction="['admin:memberRenwalConfig:edit']" size="mini" :disabled="single" @click="handleUpdate">修改
type="success"
icon="el-icon-edit"
size="mini"
:disabled="single"
@click="handleUpdate"
>修改
</el-button> </el-button>
</el-col> </el-col>
<el-col :span="1.5"> <el-col :span="1.5">
<el-button <el-button v-permisaction="['admin:memberRenwalConfig:remove']" type="danger"
v-permisaction="['admin:memberRenwalConfig:remove']" icon="el-icon-delete" size="mini" :disabled="multiple" @click="handleDelete">删除
type="danger"
icon="el-icon-delete"
size="mini"
:disabled="multiple"
@click="handleDelete"
>删除
</el-button> </el-button>
</el-col> </el-col>
</el-row> </el-row>
<el-table v-loading="loading" :data="memberRenwalConfigList" @selection-change="handleSelectionChange"> <el-table v-loading="loading" :data="memberRenwalConfigList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center"/><el-table-column label="套餐名称" align="center" prop="packageName" <el-table-column type="selection" width="55" align="center" />
:show-overflow-tooltip="true"/><el-table-column label="续期时间(天)" align="center" prop="durationDay" <el-table-column label="套餐名称" align="center" prop="packageName" :show-overflow-tooltip="true" />
:show-overflow-tooltip="true"/><el-table-column label="原始单价" align="center" prop="originalPrice" <el-table-column label="续期时间(天)" align="center" prop="durationDay" :show-overflow-tooltip="true" />
:show-overflow-tooltip="true"/><el-table-column label="折扣价格" align="center" prop="discountPrice" <el-table-column label="原始单价U" align="center" prop="originalPrice"
:show-overflow-tooltip="true"/><el-table-column label="是否默认套餐 0-无 1-是 2-否" align="center" prop="isDefault" :show-overflow-tooltip="true" />
:show-overflow-tooltip="true"/><el-table-column label="套餐状态(字典 rewal_status" align="center" prop="status" <el-table-column label="折扣价格U" align="center" prop="discountPrice" :show-overflow-tooltip="true">
:formatter="statusFormat" width="100"> <template slot-scope="scope">
<template slot-scope="scope"> {{ scope.row.discountPrice > 0 ? scope.row.discountPrice : '' }}
{{ statusFormat(scope.row) }} </template>
</template> </el-table-column>
</el-table-column> <el-table-column label="排序" align="center" prop="sort"></el-table-column>
<el-table-column label="是否可见" align="center" prop="isDefault">
<template slot-scope="scope">
{{ defaultFormat(scope.row.isVisible) }}
</template>
</el-table-column>
<el-table-column label="是否默认套餐" align="center" :defaultFormat="statusFormat" prop="isDefault">\
<template slot-scope="scope">
{{ defaultFormat(scope.row.isDefault) }}
</template>
</el-table-column>
<el-table-column label="套餐状态" align="center" prop="status" :formatter="statusFormat" width="100">
<template slot-scope="scope">
{{ statusFormat(scope.row) }}
</template>
</el-table-column>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width"> <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template slot-scope="scope"> <template slot-scope="scope">
<el-popconfirm <el-popconfirm class="delete-popconfirm" title="确认要修改吗?" confirm-button-text="修改"
class="delete-popconfirm" @confirm="handleUpdate(scope.row)">
title="确认要修改吗?" <el-button slot="reference" v-permisaction="['admin:memberRenwalConfig:edit']"
confirm-button-text="修改" size="mini" type="text" icon="el-icon-edit">修改
@confirm="handleUpdate(scope.row)" </el-button>
> </el-popconfirm>
<el-button <el-popconfirm class="delete-popconfirm" title="确认要删除吗?" confirm-button-text="删除"
slot="reference" @confirm="handleDelete(scope.row)">
v-permisaction="['admin:memberRenwalConfig:edit']" <el-button slot="reference" v-permisaction="['admin:memberRenwalConfig:remove']"
size="mini" size="mini" type="text" icon="el-icon-delete">删除
type="text" </el-button>
icon="el-icon-edit" </el-popconfirm>
>修改
</el-button>
</el-popconfirm>
<el-popconfirm
class="delete-popconfirm"
title="确认要删除吗?"
confirm-button-text="删除"
@confirm="handleDelete(scope.row)"
>
<el-button
slot="reference"
v-permisaction="['admin:memberRenwalConfig:remove']"
size="mini"
type="text"
icon="el-icon-delete"
>删除
</el-button>
</el-popconfirm>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<pagination <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageIndex"
v-show="total>0" :limit.sync="queryParams.pageSize" @pagination="getList" />
:total="total"
:page.sync="queryParams.pageIndex"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
<!-- 添加或修改对话框 --> <!-- 添加或修改对话框 -->
<el-dialog :title="title" :visible.sync="open" width="500px"> <el-dialog :title="title" :visible.sync="open" width="500px">
<el-form ref="form" :model="form" :rules="rules" label-width="80px"> <el-form ref="form" :model="form" :rules="rules" label-width="110px">
<el-form-item label="套餐名称" prop="packageName"> <el-form-item label="套餐名称" prop="packageName">
<el-input v-model="form.packageName" placeholder="套餐名称" <el-input v-model="form.packageName" placeholder="套餐名称" />
/> </el-form-item>
</el-form-item> <el-form-item label="续期时间(天)" prop="durationDay">
<el-form-item label="续期时间(天)" prop="durationDay"> <el-input v-model="form.durationDay" type="number" :min="1" placeholder="续期时间(天)" />
<el-input v-model="form.durationDay" placeholder="续期时间(天)" </el-form-item>
/> <el-form-item label="原始单价" prop="originalPrice">
</el-form-item> <el-input v-model="form.originalPrice" placeholder="原始单价" />
<el-form-item label="原始单价" prop="originalPrice"> </el-form-item>
<el-input v-model="form.originalPrice" placeholder="原始单价" <el-form-item label="折扣价格" prop="discountPrice">
/> <el-input v-model="form.discountPrice" placeholder="折扣价格" />
</el-form-item> </el-form-item>
<el-form-item label="折扣价格" prop="discountPrice"> <el-form-item label="排序(顺序)" prop="sort">
<el-input v-model="form.discountPrice" placeholder="折扣价格" <el-input v-model="form.sort" type="number" :min="1" placeholder="排序(顺序)" />
/> </el-form-item>
</el-form-item> <el-form-item label="是否可见 " prop="isVisible">
<el-form-item label="是否默认套餐 0-无 1-是 2-否" prop="isDefault"> <el-radio-group v-model="form.isVisible">
<el-input v-model="form.isDefault" placeholder="是否默认套餐 0-无 1-是 2-否" <el-radio v-for="dict in defaultOptions" :key="'default' + dict.value"
/> :label="dict.value">{{ dict.label
</el-form-item> }}</el-radio>
<el-form-item label="套餐状态(字典 rewal_status" prop="status"> </el-radio-group>
<el-radio-group v-model="form.status"> </el-form-item>
<el-radio <el-form-item label="是否默认套餐 " prop="isDefault">
v-for="dict in statusOptions" <el-radio-group v-model="form.isDefault">
:key="dict.value" <el-radio v-for="dict in defaultOptions" :key="'default' + dict.value"
:label="dict.value" :label="dict.value">{{ dict.label
>{{ dict.label }}</el-radio> }}</el-radio>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
<el-form-item label="套餐状态" prop="status">
<el-radio-group v-model="form.status">
<el-radio v-for="dict in statusOptions" :key="dict.value" :label="dict.value">{{
dict.label
}}</el-radio>
</el-radio-group>
</el-form-item>
</el-form> </el-form>
<div slot="footer" class="dialog-footer"> <div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm"> </el-button> <el-button type="primary" @click="submitForm"> </el-button>
@ -160,184 +137,211 @@
</template> </template>
<script> <script>
import {addMemberRenwalConfig, delMemberRenwalConfig, getMemberRenwalConfig, listMemberRenwalConfig, updateMemberRenwalConfig} from '@/api/admin/member-renwal-config' import { addMemberRenwalConfig, delMemberRenwalConfig, getMemberRenwalConfig, listMemberRenwalConfig, updateMemberRenwalConfig } from '@/api/admin/member-renwal-config'
export default { export default {
name: 'MemberRenwalConfig', name: 'MemberRenwalConfig',
components: { components: {
}, },
data() { data() {
return { return {
// 遮罩层 // 遮罩层
loading: true, loading: true,
// 选中数组 // 选中数组
ids: [], ids: [],
// 非单个禁用 // 非单个禁用
single: true, single: true,
// 非多个禁用 // 非多个禁用
multiple: true, multiple: true,
// 总条数 // 总条数
total: 0, total: 0,
// 弹出层标题 // 弹出层标题
title: '', title: '',
// 是否显示弹出层 // 是否显示弹出层
open: false, open: false,
isEdit: false, isEdit: false,
// 类型数据字典 // 类型数据字典
typeOptions: [], typeOptions: [],
memberRenwalConfigList: [], defaultOptions: [{
statusOptions: [], label: '是',
// 关系表类型 value: 1
}, {
// 查询参数 label: '否',
queryParams: { value: 2
pageIndex: 1, }],
pageSize: 10, memberRenwalConfigList: [],
packageName:undefined, statusOptions: [],
status:undefined, // 关系表类型
}, // 查询参数
// 表单参数 queryParams: {
form: { pageIndex: 1,
}, pageSize: 10,
// 表单校验 packageName: undefined,
rules: {packageName: [ {required: true, message: '套餐名称不能为空', trigger: 'blur'} ], status: undefined,
status: [ {required: true, message: '套餐状态(字典 rewal_status不能为空', trigger: 'blur'} ], sortOrder: "asc",
} },
// 表单参数
form: {
},
// 表单校验
rules: {
packageName: [{ required: true, message: '套餐名称不能为空', trigger: 'blur' }],
status: [{ required: true, message: '套餐状态不能为空', trigger: 'blur' }],
durationDay: [{ required: true, message: '套餐时长不能为空', trigger: 'blur' }],
originalPrice: [{ required: true, message: '原价不能为空', trigger: 'blur' }],
}
} }
},
created() {
this.getList()
this.getDicts('member_renwal_config_status').then(response => {
this.statusOptions = response.data
})
},
methods: {
/** 查询参数列表 */
getList() {
this.loading = true
listMemberRenwalConfig(this.addDateRange(this.queryParams, this.dateRange)).then(response => {
this.memberRenwalConfigList = response.data.list
this.total = response.data.count
this.loading = false
}
)
}, },
created() { // 取消按钮
this.getList() cancel() {
this.getDicts('member_renwal_config_status').then(response => { this.open = false
this.statusOptions = response.data this.reset()
}) },
}, // 表单重置
methods: { reset() {
/** 查询参数列表 */ this.form = {
getList() {
this.loading = true
listMemberRenwalConfig(this.addDateRange(this.queryParams, this.dateRange)).then(response => {
this.memberRenwalConfigList = response.data.list
this.total = response.data.count
this.loading = false
}
)
},
// 取消按钮
cancel() {
this.open = false
this.reset()
},
// 表单重置
reset() {
this.form = {
id: undefined, id: undefined,
packageName: undefined, packageName: undefined,
durationDay: undefined, durationDay: undefined,
originalPrice: undefined, originalPrice: undefined,
discountPrice: undefined, discountPrice: undefined,
isDefault: undefined, isDefault: 1,
status: undefined, isVisible: 1,
sort: 0,
status: 'enable',
} }
this.resetForm('form') this.resetForm('form')
}, },
getImgList: function() { getImgList: function () {
this.form[this.fileIndex] = this.$refs['fileChoose'].resultList[0].fullUrl this.form[this.fileIndex] = this.$refs['fileChoose'].resultList[0].fullUrl
}, },
fileClose: function() { fileClose: function () {
this.fileOpen = false this.fileOpen = false
}, },
statusFormat(row) { statusFormat(row) {
return this.selectDictLabel(this.statusOptions, row.status) return this.selectDictLabel(this.statusOptions, row.status)
}, },
// 关系 defaultFormat(val) {
// 文件 var label = ""
/** 搜索按钮操作 */
handleQuery() {
this.queryParams.pageIndex = 1
this.getList()
},
/** 重置按钮操作 */
resetQuery() {
this.dateRange = []
this.resetForm('queryForm')
this.handleQuery()
},
/** 新增按钮操作 */
handleAdd() {
this.reset()
this.open = true
this.title = '添加会员套餐管理'
this.isEdit = false
},
// 多选框选中数据
handleSelectionChange(selection) {
this.ids = selection.map(item => item.id)
this.single = selection.length !== 1
this.multiple = !selection.length
},
/** 修改按钮操作 */
handleUpdate(row) {
this.reset()
const id =
row.id || this.ids
getMemberRenwalConfig(id).then(response => {
this.form = response.data
this.open = true
this.title = '修改会员套餐管理'
this.isEdit = true
})
},
/** 提交按钮 */
submitForm: function () {
this.$refs['form'].validate(valid => {
if (valid) {
if (this.form.id !== undefined) {
updateMemberRenwalConfig(this.form).then(response => {
if (response.code === 200) {
this.msgSuccess(response.msg)
this.open = false
this.getList()
} else {
this.msgError(response.msg)
}
})
} else {
addMemberRenwalConfig(this.form).then(response => {
if (response.code === 200) {
this.msgSuccess(response.msg)
this.open = false
this.getList()
} else {
this.msgError(response.msg)
}
})
}
}
})
},
/** 删除按钮操作 */
handleDelete(row) {
var Ids = (row.id && [row.id]) || this.ids
this.$confirm('是否确认删除编号为"' + Ids + '"的数据项?', '警告', { this.defaultOptions.forEach(element => {
confirmButtonText: '确定', if (element.value === val) {
cancelButtonText: '取消', label = element.label
type: 'warning' }
}).then(function () { });
return delMemberRenwalConfig( { 'ids': Ids })
}).then((response) => { return label
if (response.code === 200) { },
this.msgSuccess(response.msg) // 关系
this.open = false // 文件
this.getList() /** 搜索按钮操作 */
} else { handleQuery() {
this.msgError(response.msg) this.queryParams.pageIndex = 1
} this.getList()
}).catch(function () { },
}) /** 重置按钮操作 */
} resetQuery() {
this.dateRange = []
this.resetForm('queryForm')
this.handleQuery()
},
/** 新增按钮操作 */
handleAdd() {
this.reset()
this.open = true
this.title = '添加会员套餐'
this.isEdit = false
},
// 多选框选中数据
handleSelectionChange(selection) {
this.ids = selection.map(item => item.id)
this.single = selection.length !== 1
this.multiple = !selection.length
},
/** 修改按钮操作 */
handleUpdate(row) {
this.reset()
const id =
row.id || this.ids
getMemberRenwalConfig(id).then(response => {
this.form = response.data
this.open = true
this.title = '修改会员套餐'
this.isEdit = true
})
},
/** 提交按钮 */
submitForm: function () {
this.$refs['form'].validate(valid => {
if (valid) {
this.form.originalPrice = Number(this.form.originalPrice)
this.form.durationDay = Number(this.form.durationDay)
this.form.sort = Number(this.form.sort)
if (this.form.id !== undefined) {
updateMemberRenwalConfig(this.form).then(response => {
if (response.code === 200) {
this.msgSuccess(response.msg)
this.open = false
this.getList()
} else {
this.msgError(response.msg)
}
})
} else {
addMemberRenwalConfig(this.form).then(response => {
if (response.code === 200) {
this.msgSuccess(response.msg)
this.open = false
this.getList()
} else {
this.msgError(response.msg)
}
})
}
}
})
},
/** 删除按钮操作 */
handleDelete(row) {
var Ids = (row.id && [row.id]) || this.ids
this.$confirm('是否确认删除编号为"' + Ids + '"的数据项?', '警告', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(function () {
return delMemberRenwalConfig({ 'ids': Ids })
}).then((response) => {
if (response.code === 200) {
this.msgSuccess(response.msg)
this.open = false
this.getList()
} else {
this.msgError(response.msg)
}
}).catch(function () {
})
} }
} }
}
</script> </script>