admin/exchange_admin_vue
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

1

Browse Source
This commit is contained in:
hucan
2025-02-24 09:14:09 +08:00
parent 397d9ca52f
commit f490ad4f22
1 changed files with 290 additions and 286 deletions
Download Patch File Download Diff File Expand all files Collapse all files

218
src/views/admin/member-renwal-config/index.vue
View File

@ -1,20 +1,15 @@
<template>
<BasicLayout>
<template #wrapper>
<el-card class="box-card">
<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
size="small" @keyup.enter.native="handleQuery"/>
<el-form-item label="套餐名称" prop="packageName"><el-input v-model="queryParams.packageName"
placeholder="请输入套餐名称" clearable size="small" @keyup.enter.native="handleQuery" />
</el-form-item>
<el-form-item label="套餐状态（字典 rewal_status）" prop="status"><el-select v-model="queryParams.status"
placeholder="会员套餐管理套餐状态（字典 rewal_status）" clearable size="small">
<el-option
v-for="dict in statusOptions"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
<el-form-item label="套餐状态" prop="status"><el-select v-model="queryParams.status"
placeholder="会员套餐管理套餐状态" clearable size="small">
<el-option v-for="dict in statusOptions" :key="dict.value" :label="dict.label"
:value="dict.value" />
</el-select>
</el-form-item>
@ -26,126 +21,108 @@
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button
v-permisaction="['admin:memberRenwalConfig:add']"
type="primary"
icon="el-icon-plus"
size="mini"
@click="handleAdd"
>新增
<el-button v-permisaction="['admin:memberRenwalConfig:add']" type="primary" icon="el-icon-plus"
size="mini" @click="handleAdd">新增
</el-button>
</el-col>
<el-col :span="1.5">
<el-button
v-permisaction="['admin:memberRenwalConfig:edit']"
type="success"
icon="el-icon-edit"
size="mini"
:disabled="single"
@click="handleUpdate"
>修改
<el-button v-permisaction="['admin:memberRenwalConfig:edit']" type="success" icon="el-icon-edit"
size="mini" :disabled="single" @click="handleUpdate">修改
</el-button>
</el-col>
<el-col :span="1.5">
<el-button
v-permisaction="['admin:memberRenwalConfig:remove']"
type="danger"
icon="el-icon-delete"
size="mini"
:disabled="multiple"
@click="handleDelete"
>删除
<el-button v-permisaction="['admin:memberRenwalConfig:remove']" type="danger"
icon="el-icon-delete" size="mini" :disabled="multiple" @click="handleDelete">删除
</el-button>
</el-col>
</el-row>
<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"
:show-overflow-tooltip="true"/><el-table-column label="续期时间(天)" align="center" prop="durationDay"
:show-overflow-tooltip="true"/><el-table-column label="原始单价" align="center" prop="originalPrice"
:show-overflow-tooltip="true"/><el-table-column label="折扣价格" align="center" prop="discountPrice"
:show-overflow-tooltip="true"/><el-table-column label="是否默认套餐 0-无 1-是 2-否" align="center" prop="isDefault"
:show-overflow-tooltip="true"/><el-table-column label="套餐状态（字典 rewal_status）" align="center" prop="status"
:formatter="statusFormat" width="100">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="套餐名称" align="center" prop="packageName" :show-overflow-tooltip="true" />
<el-table-column label="续期时间(天)" align="center" prop="durationDay" :show-overflow-tooltip="true" />
<el-table-column label="原始单价（U）" align="center" prop="originalPrice"
:show-overflow-tooltip="true" />
<el-table-column label="折扣价格（U）" align="center" prop="discountPrice" :show-overflow-tooltip="true">
<template slot-scope="scope">
{{ scope.row.discountPrice > 0 ? scope.row.discountPrice : '' }}
</template>
</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">
<template slot-scope="scope">
<el-popconfirm
class="delete-popconfirm"
title="确认要修改吗?"
confirm-button-text="修改"
@confirm="handleUpdate(scope.row)"
>
<el-button
slot="reference"
v-permisaction="['admin:memberRenwalConfig:edit']"
size="mini"
type="text"
icon="el-icon-edit"
>修改
<el-popconfirm class="delete-popconfirm" title="确认要修改吗?" confirm-button-text="修改"
@confirm="handleUpdate(scope.row)">
<el-button slot="reference" v-permisaction="['admin:memberRenwalConfig:edit']"
size="mini" type="text" icon="el-icon-edit">修改
</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-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>
</el-table-column>
</el-table>
<pagination
v-show="total>0"
:total="total"
:page.sync="queryParams.pageIndex"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
<pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageIndex"
:limit.sync="queryParams.pageSize" @pagination="getList" />
<!-- 添加或修改对话框 -->
<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-input v-model="form.packageName" placeholder="套餐名称"
/>
<el-input v-model="form.packageName" placeholder="套餐名称" />
</el-form-item>
<el-form-item label="续期时间(天)" prop="durationDay">
<el-input v-model="form.durationDay" placeholder="续期时间(天)"
/>
<el-input v-model="form.durationDay" type="number" :min="1" placeholder="续期时间(天)" />
</el-form-item>
<el-form-item label="原始单价" prop="originalPrice">
<el-input v-model="form.originalPrice" placeholder="原始单价"
/>
<el-input v-model="form.originalPrice" placeholder="原始单价" />
</el-form-item>
<el-form-item label="折扣价格" prop="discountPrice">
<el-input v-model="form.discountPrice" placeholder="折扣价格"
/>
<el-input v-model="form.discountPrice" placeholder="折扣价格" />
</el-form-item>
<el-form-item label="是否默认套餐 0-无 1-是 2-否" prop="isDefault">
<el-input v-model="form.isDefault" placeholder="是否默认套餐 0-无 1-是 2-否"
/>
<el-form-item label="排序(顺序)" prop="sort">
<el-input v-model="form.sort" type="number" :min="1" placeholder="排序(顺序)" />
</el-form-item>
<el-form-item label="套餐状态（字典 rewal_status）" prop="status">
<el-form-item label="是否可见 " prop="isVisible">
<el-radio-group v-model="form.isVisible">
<el-radio v-for="dict in defaultOptions" :key="'default' + dict.value"
:label="dict.value">{{ dict.label
}}</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="是否默认套餐 " prop="isDefault">
<el-radio-group v-model="form.isDefault">
<el-radio v-for="dict in defaultOptions" :key="'default' + dict.value"
:label="dict.value">{{ dict.label
}}</el-radio>
</el-radio-group>
</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 v-for="dict in statusOptions" :key="dict.value" :label="dict.value">{{
dict.label
}}</el-radio>
</el-radio-group>
</el-form-item>
</el-form>
@ -160,9 +137,9 @@
</template>
<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',
components: {
},
@ -185,6 +162,13 @@
isEdit: false,
// 类型数据字典
typeOptions: [],
defaultOptions: [{
label: '是',
value: 1
}, {
label: '否',
value: 2
}],
memberRenwalConfigList: [],
statusOptions: [],
// 关系表类型
@ -193,16 +177,19 @@
queryParams: {
pageIndex: 1,
pageSize: 10,
packageName:undefined,
status:undefined,
packageName: undefined,
status: undefined,
sortOrder: "asc",
},
// 表单参数
form: {
},
// 表单校验
rules: {packageName: [ {required: true, message: '套餐名称不能为空', trigger: 'blur'} ],
status: [ {required: true, message: '套餐状态（字典 rewal_status）不能为空', trigger: 'blur'} ],
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' }],
}
}
},
@ -237,20 +224,33 @@
durationDay: undefined,
originalPrice: undefined,
discountPrice: undefined,
isDefault: undefined,
status: undefined,
isDefault: 1,
isVisible: 1,
sort: 0,
status: 'enable',
}
this.resetForm('form')
},
getImgList: function() {
getImgList: function () {
this.form[this.fileIndex] = this.$refs['fileChoose'].resultList[0].fullUrl
},
fileClose: function() {
fileClose: function () {
this.fileOpen = false
},
statusFormat(row) {
return this.selectDictLabel(this.statusOptions, row.status)
},
defaultFormat(val) {
var label = ""
this.defaultOptions.forEach(element => {
if (element.value === val) {
label = element.label
}
});
return label
},
// 关系
// 文件
/** 搜索按钮操作 */
@ -268,7 +268,7 @@
handleAdd() {
this.reset()
this.open = true
this.title = '添加会员套餐管理'
this.title = '添加会员套餐'
this.isEdit = false
},
// 多选框选中数据
@ -285,7 +285,7 @@
getMemberRenwalConfig(id).then(response => {
this.form = response.data
this.open = true
this.title = '修改会员套餐管理'
this.title = '修改会员套餐'
this.isEdit = true
})
},
@ -293,6 +293,10 @@
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) {
@ -326,7 +330,7 @@
cancelButtonText: '取消',
type: 'warning'
}).then(function () {
return delMemberRenwalConfig( { 'ids': Ids })
return delMemberRenwalConfig({ 'ids': Ids })
}).then((response) => {
if (response.code === 200) {
this.msgSuccess(response.msg)
@ -339,5 +343,5 @@
})
}
}
}
}
</script>