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> <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"
:label="dict.label"
:value="dict.value"
/>
</el-select> </el-select>
</el-form-item> </el-form-item>
@ -26,126 +21,108 @@
<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">
{{ 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"> <template slot-scope="scope">
{{ statusFormat(scope.row) }} {{ statusFormat(scope.row) }}
</template> </template>
</el-table-column> </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
slot="reference"
v-permisaction="['admin:memberRenwalConfig:edit']"
size="mini"
type="text"
icon="el-icon-edit"
>修改
</el-button> </el-button>
</el-popconfirm> </el-popconfirm>
<el-popconfirm <el-popconfirm class="delete-popconfirm" title="确认要删除吗?" confirm-button-text="删除"
class="delete-popconfirm" @confirm="handleDelete(scope.row)">
title="确认要删除吗?" <el-button slot="reference" v-permisaction="['admin:memberRenwalConfig:remove']"
confirm-button-text="删除" size="mini" type="text" icon="el-icon-delete">删除
@confirm="handleDelete(scope.row)"
>
<el-button
slot="reference"
v-permisaction="['admin:memberRenwalConfig:remove']"
size="mini"
type="text"
icon="el-icon-delete"
>删除
</el-button> </el-button>
</el-popconfirm> </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" placeholder="续期时间(天)" <el-input v-model="form.durationDay" type="number" :min="1" placeholder="续期时间(天)" />
/>
</el-form-item> </el-form-item>
<el-form-item label="原始单价" prop="originalPrice"> <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>
<el-form-item label="折扣价格" prop="discountPrice"> <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>
<el-form-item label="是否默认套餐 0-无 1-是 2-否" prop="isDefault"> <el-form-item label="排序(顺序)" prop="sort">
<el-input v-model="form.isDefault" placeholder="是否默认套餐 0-无 1-是 2-否" <el-input v-model="form.sort" type="number" :min="1" placeholder="排序(顺序)" />
/>
</el-form-item> </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-group v-model="form.status">
<el-radio <el-radio v-for="dict in statusOptions" :key="dict.value" :label="dict.value">{{
v-for="dict in statusOptions" dict.label
:key="dict.value" }}</el-radio>
:label="dict.value"
>{{ dict.label }}</el-radio>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
</el-form> </el-form>
@ -160,9 +137,9 @@
</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: {
}, },
@ -185,6 +162,13 @@
isEdit: false, isEdit: false,
// 类型数据字典 // 类型数据字典
typeOptions: [], typeOptions: [],
defaultOptions: [{
label: '是',
value: 1
}, {
label: '否',
value: 2
}],
memberRenwalConfigList: [], memberRenwalConfigList: [],
statusOptions: [], statusOptions: [],
// 关系表类型 // 关系表类型
@ -193,16 +177,19 @@
queryParams: { queryParams: {
pageIndex: 1, pageIndex: 1,
pageSize: 10, pageSize: 10,
packageName:undefined, packageName: undefined,
status:undefined, status: undefined,
sortOrder: "asc",
}, },
// 表单参数 // 表单参数
form: { form: {
}, },
// 表单校验 // 表单校验
rules: {packageName: [ {required: true, message: '套餐名称不能为空', trigger: 'blur'} ], rules: {
status: [ {required: true, message: '套餐状态（字典 rewal_status）不能为空', trigger: 'blur'} ], 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, 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 = ""
this.defaultOptions.forEach(element => {
if (element.value === val) {
label = element.label
}
});
return label
},
// 关系 // 关系
// 文件 // 文件
/** 搜索按钮操作 */ /** 搜索按钮操作 */
@ -268,7 +268,7 @@
handleAdd() { handleAdd() {
this.reset() this.reset()
this.open = true this.open = true
this.title = '添加会员套餐管理' this.title = '添加会员套餐'
this.isEdit = false this.isEdit = false
}, },
// 多选框选中数据 // 多选框选中数据
@ -285,7 +285,7 @@
getMemberRenwalConfig(id).then(response => { getMemberRenwalConfig(id).then(response => {
this.form = response.data this.form = response.data
this.open = true this.open = true
this.title = '修改会员套餐管理' this.title = '修改会员套餐'
this.isEdit = true this.isEdit = true
}) })
}, },
@ -293,6 +293,10 @@
submitForm: function () { submitForm: function () {
this.$refs['form'].validate(valid => { this.$refs['form'].validate(valid => {
if (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) { if (this.form.id !== undefined) {
updateMemberRenwalConfig(this.form).then(response => { updateMemberRenwalConfig(this.form).then(response => {
if (response.code === 200) { if (response.code === 200) {
@ -326,7 +330,7 @@
cancelButtonText: '取消', cancelButtonText: '取消',
type: 'warning' type: 'warning'
}).then(function () { }).then(function () {
return delMemberRenwalConfig( { 'ids': Ids }) return delMemberRenwalConfig({ 'ids': Ids })
}).then((response) => { }).then((response) => {
if (response.code === 200) { if (response.code === 200) {
this.msgSuccess(response.msg) this.msgSuccess(response.msg)
@ -339,5 +343,5 @@
}) })
} }
} }
} }
</script> </script>