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() { ...@@ -8,7 +8,7 @@ export function getMembers() {
} }
export function delMembershipGrade(id) { export function delMembershipGrade(id) {
return fetch({ return fetch({
url: 'api/admin/member/Manage/delMembershipGrade'+id, url: 'api/admin/member/Manage/delMembershipGrade/'+id,
method: 'delete' method: 'delete'
}); });
} }
......
src/views/userManagement/memberManagement/index.vue
View file @ fff57d1d
...@@ -44,7 +44,7 @@ ...@@ -44,7 +44,7 @@
</el-table-column> </el-table-column>
<el-table-column align="center" label="操作" width="212"> <el-table-column align="center" label="操作" width="212">
<template scope="scope"> <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> </el-button>
</template> </template>
</el-table-column> </el-table-column>
...@@ -52,53 +52,52 @@ ...@@ -52,53 +52,52 @@
<div> <div>
<el-dialog title="增加会员等级" :visible.sync="addMembershipGrade" class="member"> <el-dialog title="增加会员等级" :visible.sync="addMembershipGrade" class="mGrade">
<el-form :model="add" ref="membershipGrade" label-width="100px"> <el-form :model="add" :rules="rules" ref="membershipGrade" label-width="100px">
<el-row> <el-row>
<el-col :span="16"> <el-col :span="16">
<el-form-item label="会员等级名称" prop="buyCount"> <el-form-item label="会员等级名称" prop="name">
<el-input type="text" v-model="add.name" <el-input type="text" v-model="add.name"
placeholder="请填写会员等级名称"></el-input> placeholder="请填写会员等级名称"></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="24"> <el-col :span="16">
<el-form-item label="有效期" prop="endDate"> <el-form-item label="等级" prop="level">
<el-select class="filter-item" v-model="add.endDate" placeholder="请选择有效期"> <el-input type="text" v-model="add.level" placeholder="请填会员等级"></el-input>
<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-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="16"> <el-col :span="24">
<el-form-item label="折扣" prop="buyCount"> <el-form-item label="有效期" prop="endDate">
<el-input type="text" v-model="add.discount" <el-select class="filter-item" v-model="add.endDate" placeholder="请选择有效期">
placeholder="请填写折扣"></el-input> <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-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="16"> <el-col :span="16">
<el-form-item label="免费天数" prop="totalNumber"> <el-form-item label="折扣" prop="discount">
<el-input type="text" v-model="add.number" placeholder="请填免费天数"></el-input> <el-input type="text" v-model="add.discount"
placeholder="请填写折扣"></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="16"> <el-col :span="16">
<el-form-item label="价格" prop="rentFreeDays" placeholder="请填价格"> <el-form-item label="免费天数" prop="number">
<el-input type="text" v-model="add.price"></el-input> <el-input type="text" v-model="add.number" placeholder="请填免费天数"></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="16"> <el-col :span="16">
<el-form-item label="价格" prop="rentFreeDays" placeholder="请填价格"> <el-form-item label="价格" prop="price">
<el-input type="text" v-model="add.price"></el-input> <el-input type="text" v-model="add.price" placeholder="请填价格"></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
...@@ -107,13 +106,16 @@ ...@@ -107,13 +106,16 @@
<el-upload <el-upload
class="upload-demo" class="upload-demo"
:headers="getHeaderWithToken" :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" :show-file-list="false"
:on-success="handleAvatarSuccess" :on-success="handleAvatarSuccess"
list-type="picture"> list-type="picture">
<img v-if="$utils.isString(add.icon) && !$utils.isEmpty(add.icon)" :src="add.icon" style="width:300px;max-height:300px;"> <img v-if="$utils.isString(add.icon) && !$utils.isEmpty(add.icon)" :src="add.icon"
<i v-else class="el-icon-plus avatar-uploader-icon" style="lineHeight:100px;width:300px;height: 100px;border: 1px dashed #ccc;"></i> 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> </el-upload>
<!-- https://xxtest.upyuns.com-->
</el-form-item> </el-form-item>
</el-row> </el-row>
</el-form> </el-form>
...@@ -128,9 +130,10 @@ ...@@ -128,9 +130,10 @@
</template> </template>
<script> <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 {mapGetters} from 'vuex';
import {getToken} from 'src/utils/auth'; import {getToken} from 'src/utils/auth';
export default { export default {
name: 'membershipGrade', name: 'membershipGrade',
data() { data() {
...@@ -147,17 +150,55 @@ ...@@ -147,17 +150,55 @@
number: undefined, number: undefined,
price: undefined, price: undefined,
endDate: undefined, endDate: undefined,
icon:undefined icon: undefined
}, },
endDatelist:[ endDatelist: [
{id:0,name:'永久'}, {id: 0, name: '永久'},
{id:1,name:'半年'}, {id: 1, name: '半年'},
{id:2,name:'一年'}, {id: 2, name: '一年'},
{id:3,name:'二年'}, {id: 3, name: '二年'},
{id:4,name:'三年'}, {id: 4, name: '三年'},
{id:5,name:'四年'}, {id: 5, name: '四年'},
{id:6,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() { created() {
...@@ -175,13 +216,19 @@ ...@@ -175,13 +216,19 @@
getHeaderWithToken() { getHeaderWithToken() {
return {Authorization: getToken()}; return {Authorization: getToken()};
}, },
} },
,
methods: { methods: {
getList() { getList() {
getMembers().then( getMembers().then(
res => { 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.list = res.data
this.listLoading = false; this.listLoading = false;
} }
...@@ -190,7 +237,7 @@ ...@@ -190,7 +237,7 @@
/** /**
* 删除会员等级 * 删除会员等级
* */ * */
delete(row) { delMembership(row) {
delMembershipGrade(row.id).then(res => { delMembershipGrade(row.id).then(res => {
if (res.rel) { if (res.rel) {
...@@ -208,24 +255,31 @@ ...@@ -208,24 +255,31 @@
}) })
}, },
cancelSetMemberArea(refName){ /**
this.addMembershipGrade=false * 关闭清除
* */
cancelSetMemberArea(refName) {
this.addMembershipGrade = false
if (this.$refs[refName]) { if (this.$refs[refName]) {
this.$refs[refName]. resetFields() this.$refs[refName].resetFields()
} }
}, },
newMembershipGrade(){ /**
this.addMembershipGrade=true * 显示添加窗
* */
newMembershipGrade() {
this.addMembershipGrade = true
}, },
/** /**
* 新建会员等级 * 新建会员等级
* **/ * **/
save(refName){ save(refName) {
let membership =JSON.parse(JSON.stringify(this.add)) let membership = JSON.parse(JSON.stringify(this.add))
membership.endDate=membership.endDate-1 membership.endDate = membership.endDate - 1
addMembershipGrade(membership).then( addMembershipGrade(membership).then(
res => { res => {
if (res.rel) {
if (!res.rel) {
this.$notify.success({ this.$notify.success({
title: '成功', title: '成功',
message: `success` message: `success`
...@@ -238,29 +292,35 @@ ...@@ -238,29 +292,35 @@
} }
this.getList() this.getList()
if (this.$refs[refName]) { 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; this.add.icon = res.data;
}, },
} }
} }
</script> </script>
<style> <style>
textarea{ textarea {
display: none; display: none;
} }
.image { .image {
width: 50px; width: 50px;
height: 50px; height: 50px;
} }
.mGrade .el-dialog--small {
width: 500px;
}
</style> </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