<template>
<div class="padding15 white">
<div class="headTitle displayFlex fontWeight textCenter">
<div class="flex1">用戶等級</div>
<div class="flex1">1級返利</div>
<div class="flex1">2級返利</div>
<div class="flex1">3級返利</div>
<div class="flex1">充值金額</div>
<div class="flex1">購買次數</div>
<div class="flex1">間隔時間（天）</div>
<div class="flex1">操作</div>
</div>
<div class="contentTitle displayFlex textCenter marginTop10 flexFont " v-for="item in initData" :key="item.level">
<div class="flex1">{{item.level}}</div>
<div class="flex1">
<span v-if="item.id">{{item.levelOne}}%</span>
<span v-else>
<input type="text" class="itemInput" v-model="item.levelOne">
</span>
</div>
<div class="flex1">
<span v-if="item.id">{{item.levelTwo}}%</span>
<span v-else>
<input type="text" class="itemInput" v-model="item.levelTwo">
</span>
</div>
<div class="flex1">
<span v-if="item.id">{{item.levelThree}}%</span>
<span v-else>
<input type="text" class="itemInput" v-model="item.levelThree">
</span>
</div>
<div class="flex1">
<span v-if="item.id">{{item.topCeiling}}</span>
<span v-else>
<input type="text" class="itemInput" v-model="item.topCeiling">
</span>
</div>
<div class="flex1">
<span v-if="item.id">{{item.buyNumber}}</span>
<span v-else>
<input type="text" class="itemInput" v-model="item.buyNumber">
</span>
</div>
<div class="flex1">
<span v-if="item.id">{{item.intervalDate}}</span>
<span v-else>
<input type="text" class="itemInput" v-model="item.intervalDate">
</span>
</div>
<div class="flex1">
<el-button type="primary" size="mini" v-if="item.id" @click.native="edit(item)">編輯</el-button>
<el-button type="danger" size="mini" v-else @click.native="save(item)">保存</el-button>
</div>
</div>
</div>
</template>
<style lang="scss" scoped>
.itemInput{
width: 100px;
line-height: 20px;
border: 1px solid #f1f1f1;
outline-style: none;
}
</style>
<script>
export default {
data(){
return{
'id':false,
'initData':[],
}
},
mounted() {
let param = {}
this.initDataMethod(param)
},
methods:{
initDataMethod(param){
let dataObj = {
method: "POST",
url: "/buyer/list",
param: this.loginForm
};
this.request.getRequest(dataObj).then(res => {
console.log(res)
if (res.data.code == 0) {
this.initData = res.data.data
} else {
this.$notify.error({
title: "錯誤",
message: res.data.msg
});
}
});
},
edit(item){
item.id = false
},
save(item){
console.log(item)
item.id = true
}
}
}
</script>