Skip to content

C
cloud-platform-ui
Commit fff57d1d authored by hanfeng's avatar hanfeng
Browse files
Options

修改增加会员列表2

parent ad711909
Hide whitespace changes
Inline Side-by-side
Showing with 114 additions and 54 deletions
src/api/admin/member/index.js
View file @ fff57d1d
......@@ -8,7 +8,7 @@ export function getMembers() {
}
export function delMembershipGrade(id) {
return fetch({
url: 'api/admin/member/Manage/delMembershipGrade'+id,
url: 'api/admin/member/Manage/delMembershipGrade/'+id,
method: 'delete'
});
}
......
src/views/userManagement/memberManagement/index.vue
View file @ fff57d1d
......@@ -44,7 +44,7 @@
</el-table-column>
<el-table-column align="center" label="操作" width="212">
<template scope="scope">
<el-button size="small" type="danger" @click="membershipGrade(scope.row)">删除
<el-button size="small" type="danger" @click="delMembership(scope.row)">删除
</el-button>
</template>
</el-table-column>
......@@ -52,53 +52,52 @@
<div>
<el-dialog title="增加会员等级" :visible.sync="addMembershipGrade" class="member">
<el-form :model="add" ref="membershipGrade" label-width="100px">
<el-dialog title="增加会员等级" :visible.sync="addMembershipGrade" class="mGrade">
<el-form :model="add" :rules="rules" ref="membershipGrade" label-width="100px">
<el-row>
<el-col :span="16">
<el-form-item label="会员等级名称" prop="buyCount">
<el-input type="text" v-model="add.name"
<el-form-item label="会员等级名称" prop="name">
<el-input type="text" v-model="add.name"
placeholder="请填写会员等级名称"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="有效期" prop="endDate">
<el-select class="filter-item" v-model="add.endDate" placeholder="请选择有效期">
<el-option v-for="(val, key, index) in endDatelist " :key="val.id" :label="val.name"
:value="val.id"></el-option>
</el-select>
<el-col :span="16">
<el-form-item label="等级" prop="level">
<el-input type="text" v-model="add.level" placeholder="请填会员等级"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="16">
<el-form-item label="折扣" prop="buyCount">
<el-input type="text" v-model="add.discount"
placeholder="请填写折扣"></el-input>
<el-col :span="24">
<el-form-item label="有效期" prop="endDate">
<el-select class="filter-item" v-model="add.endDate" placeholder="请选择有效期">
<el-option v-for="(val, key, index) in endDatelist " :key="val.id" :label="val.name"
:value="val.id"></el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="16">
<el-form-item label="免费天数" prop="totalNumber">
<el-input type="text" v-model="add.number" placeholder="请填免费天数"></el-input>
<el-form-item label="折扣" prop="discount">
<el-input type="text" v-model="add.discount"
placeholder="请填写折扣"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="16">
<el-form-item label="价格" prop="rentFreeDays" placeholder="请填价格">
<el-input type="text" v-model="add.price"></el-input>
<el-form-item label="免费天数" prop="number">
<el-input type="text" v-model="add.number" placeholder="请填免费天数"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="16">
<el-form-item label="价格" prop="rentFreeDays" placeholder="请填价格">
<el-input type="text" v-model="add.price"></el-input>
<el-form-item label="价格" prop="price">
<el-input type="text" v-model="add.price" placeholder="请填价格"></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -107,13 +106,16 @@
<el-upload
class="upload-demo"
:headers="getHeaderWithToken"
:action="BASE_API+'/api/universal/file/app/unauth/admin/upload'"
action="https://xxtest.upyuns.com/api/universal/file/app/unauth/admin/upload"
:show-file-list="false"
:on-success="handleAvatarSuccess"
list-type="picture">
<img v-if="$utils.isString(add.icon) && !$utils.isEmpty(add.icon)" :src="add.icon" style="width:300px;max-height:300px;">
<i v-else class="el-icon-plus avatar-uploader-icon" style="lineHeight:100px;width:300px;height: 100px;border: 1px dashed #ccc;"></i>
<img v-if="$utils.isString(add.icon) && !$utils.isEmpty(add.icon)" :src="add.icon"
style="width:300px;max-height:300px;">
<i v-else class="el-icon-plus avatar-uploader-icon"
style="lineHeight:100px;width:300px;height: 100px;border: 1px dashed #ccc;"></i>
</el-upload>
<!-- https://xxtest.upyuns.com-->
</el-form-item>
</el-row>
</el-form>
......@@ -128,9 +130,10 @@
</template>
<script>
import {getMembers, delMembershipGrade,addMembershipGrade} from 'src/api/admin/member/index'
import {getMembers, delMembershipGrade, addMembershipGrade} from 'src/api/admin/member/index'
import {mapGetters} from 'vuex';
import {getToken} from 'src/utils/auth';
export default {
name: 'membershipGrade',
data() {
......@@ -147,17 +150,55 @@
number: undefined,
price: undefined,
endDate: undefined,
icon:undefined
icon: undefined
},
endDatelist:[
{id:0,name:'永久'},
{id:1,name:'半年'},
{id:2,name:'一年'},
{id:3,name:'二年'},
{id:4,name:'三年'},
{id:5,name:'四年'},
{id:6,name:'五年'},
]
endDatelist: [
{id: 0, name: '永久'},
{id: 1, name: '半年'},
{id: 2, name: '一年'},
{id: 3, name: '二年'},
{id: 4, name: '三年'},
{id: 5, name: '四年'},
{id: 6, name: '五年'},
],
year: {
'-1': '永久',
'0': '半年',
'1': '一年',
'2': '二年',
'3': '三年',
'4': '四年',
'5': '五年',
},
rules: {
name: [
{
type: 'string',
required: true,
message: '请输入消息内容',
trigger: 'blur'
},
{
min: 0,
max: 50,
message: '长度小于 50个字符',
trigger: 'blur'
}
],
level: [
{
required: true,
message: '请输入消息内容',
trigger: 'blur'
},
{
min: 0,
max: 20,
message: '长度小于 20个字符',
trigger: 'blur'
}
]
}
}
},
created() {
......@@ -175,13 +216,19 @@
getHeaderWithToken() {
return {Authorization: getToken()};
},
}
,
},
methods: {
getList() {
getMembers().then(
res => {
res.data.endDate = (res.data.endDate == '-1') ? '永久' : res.data.endDate
for (let dataKey of res.data) {
if (dataKey.endDate == 0) {
dataKey.endDate = '半年'
} else {
dataKey.endDate = dataKey.endDate ? this.year[dataKey.endDate] : ''
}
}
this.list = res.data
this.listLoading = false;
}
......@@ -190,7 +237,7 @@
/**
* 删除会员等级
* */
delete(row) {
delMembership(row) {
delMembershipGrade(row.id).then(res => {
if (res.rel) {
......@@ -208,24 +255,31 @@
})
},
cancelSetMemberArea(refName){
this.addMembershipGrade=false
/**
* 关闭清除
* */
cancelSetMemberArea(refName) {
this.addMembershipGrade = false
if (this.$refs[refName]) {
this.$refs[refName]. resetFields()
this.$refs[refName].resetFields()
}
},
newMembershipGrade(){
this.addMembershipGrade=true
/**
* 显示添加窗
* */
newMembershipGrade() {
this.addMembershipGrade = true
},
/**
* 新建会员等级
* **/
save(refName){
let membership =JSON.parse(JSON.stringify(this.add))
membership.endDate=membership.endDate-1
save(refName) {
let membership = JSON.parse(JSON.stringify(this.add))
membership.endDate = membership.endDate - 1
addMembershipGrade(membership).then(
res => {
if (res.rel) {
if (!res.rel) {
this.$notify.success({
title: '成功',
message: `success`
......@@ -238,29 +292,35 @@
}
this.getList()
if (this.$refs[refName]) {
this.$refs[refName]. resetFields()
this.$refs[refName].resetFields()
}
this.addMembershipGrade=false
this.addMembershipGrade = false
})
},
/**
* 封面图上传
* **/
handleAvatarSuccess(res, file){
handleAvatarSuccess(res, file) {
this.add.icon = res.data;
},
}
}
</script>
<style>
textarea{
textarea {
display: none;
}
.image {
width: 50px;
height: 50px;
}
.mGrade .el-dialog--small {
width: 500px;
}
</style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment