|
|
@@ -5,12 +5,15 @@
|
|
|
<app-avatar-module :src="data.avatarUrl" />
|
|
|
<div class="user-top-right">
|
|
|
<div>
|
|
|
- <div class="flex-center"> <span class="app-size-32">{{ data.name }}</span> <text @click="changeNameFn()" style="color:#3385ff;margin-left:32upx;font-size:30upx;">修改</text></div>
|
|
|
+ <div class="flex-center" @click="changeNameFn()">
|
|
|
+ <span class="app-size-32">{{ data.name }}</span>
|
|
|
+ <i class="iconfont iconbianji" style="font-size:25upx;margin-left:20upx;"></i>
|
|
|
+ </div>
|
|
|
<div class="app-color-3">{{ data.originName }}</div>
|
|
|
<div class="app-color-3">ID:{{ data.id }}</div>
|
|
|
</div>
|
|
|
<div class="source-wrap">
|
|
|
- <i @click="callUp(data.mobile)" class="iconfont iconshoujihao1 mobileColor" style="font-size:50upx;" ></i>
|
|
|
+ <text style="font-weight:bold;font-size:30upx;color:#3385ff;">{{ data.memberName }} {{ data.discount }}</text>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -22,18 +25,13 @@
|
|
|
</div>
|
|
|
|
|
|
<div class="data-list">
|
|
|
- <div class="app-size-30 app-bold">{{ buyAmount }}</div>
|
|
|
- <div class="app-color-3">累计消费</div>
|
|
|
- </div>
|
|
|
-
|
|
|
- <div class="data-list">
|
|
|
- <div class="app-size-30 app-bold">{{ growth }}</div>
|
|
|
- <div class="app-color-3">成长值</div>
|
|
|
+ <div class="app-size-30 app-bold">{{ debtAmount }}</div>
|
|
|
+ <div class="app-color-3">欠款</div>
|
|
|
</div>
|
|
|
|
|
|
<div class="data-list">
|
|
|
- <div class="app-size-30 app-bold">{{ debtAmount }}</div>
|
|
|
- <div class="app-color-3">欠款</div>
|
|
|
+ <div class="app-size-30 app-bold">{{ buyAmount }}</div>
|
|
|
+ <div class="app-color-3">累计消费</div>
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
@@ -90,6 +88,9 @@
|
|
|
<tui-list-cell @click="pageTo({ url: '/admin/custom/balanceChange?id='+data.id })" class="line-cell" :hover="false" :arrow="true" >
|
|
|
<view class="tui-title">余额明细</view>
|
|
|
</tui-list-cell>
|
|
|
+ <tui-list-cell @click="pageTo({ url: '/admin/custom/levelChange?id='+data.id })" class="line-cell" :hover="false" :arrow="true" >
|
|
|
+ <view class="tui-title">等级变动记录</view>
|
|
|
+ </tui-list-cell>
|
|
|
</view>
|
|
|
</view>
|
|
|
|
|
|
@@ -252,6 +253,15 @@
|
|
|
</template>
|
|
|
</modal-module>
|
|
|
|
|
|
+ <uni-popup ref="memeberChangeRef" background-color="#fff" type="center" :animation="true" class="class-popup-style">
|
|
|
+ <view style="display:flex;width:100vw;padding:20upx 20upx 40upx 20upx;height:auto;justify-content: space-between;align-items:center;flex-wrap:wrap;max-height:100vh;overflow:auto;">
|
|
|
+
|
|
|
+ <view style="width:100vw;margin-top:8upx;" v-for="(item,index) in weal" :key="index"><button @click="modifyMember(item)">{{ item.name }}</button></view>
|
|
|
+
|
|
|
+ <view style="width:100vw;margin-top:50upx;"><button @click="cancelModifyMember()">取消</button></view>
|
|
|
+ </view>
|
|
|
+ </uni-popup>
|
|
|
+
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
@@ -263,7 +273,7 @@ import ModalModule from "@/components/plugin/modal";
|
|
|
import { getLevel } from "@/utils/config";
|
|
|
import TuiListCell from "@/components/plugin/list-cell";
|
|
|
import { getUserDet, remarkAdd, remarkDel, upgrade, resetPassword } from "@/api/member";
|
|
|
-import { changeName } from "@/api/custom"
|
|
|
+import { changeName,changeMemberLevel } from "@/api/custom"
|
|
|
import { getWeal } from "@/api/member"
|
|
|
import {toManRecharge} from "@/api/recharge"
|
|
|
export default {
|
|
|
@@ -290,24 +300,24 @@ export default {
|
|
|
remarkModal: false,
|
|
|
tabsData: [
|
|
|
{
|
|
|
- name: "优惠券",
|
|
|
+ name: "充值",
|
|
|
img: `${this.$constant.imgUrl}/retail/member/tab-icon-1.png`,
|
|
|
funtion: () => {
|
|
|
- this.$msg("开发中");
|
|
|
+ this.rechargeModal = true
|
|
|
}
|
|
|
},
|
|
|
{
|
|
|
- name: "老带新",
|
|
|
- img: `${this.$constant.imgUrl}/retail/member/tab-icon-2.png`,
|
|
|
+ name: "修改等级",
|
|
|
+ img: `${this.$constant.imgUrl}/retail/member/tab-icon-1.png`,
|
|
|
funtion: () => {
|
|
|
- this.$msg("开发中");
|
|
|
+ this.beginModifyMember()
|
|
|
}
|
|
|
},
|
|
|
{
|
|
|
- name: "充值",
|
|
|
- img: `${this.$constant.imgUrl}/retail/member/tab-icon-1.png`,
|
|
|
+ name: "老带新",
|
|
|
+ img: `${this.$constant.imgUrl}/retail/member/tab-icon-2.png`,
|
|
|
funtion: () => {
|
|
|
- this.rechargeModal = true
|
|
|
+ this.$msg("开发中");
|
|
|
}
|
|
|
},
|
|
|
{
|
|
|
@@ -360,6 +370,21 @@ export default {
|
|
|
this.init()
|
|
|
},
|
|
|
methods: {
|
|
|
+ beginModifyMember(){
|
|
|
+ this.$refs.memeberChangeRef.open('top')
|
|
|
+ },
|
|
|
+ cancelModifyMember(){
|
|
|
+ this.$refs.memeberChangeRef.close()
|
|
|
+ },
|
|
|
+ modifyMember(item){
|
|
|
+ changeMemberLevel({customId:this.option.id,level:item.level}).then(res=>{
|
|
|
+ if(res.code == 1){
|
|
|
+ this.$msg(res.msg)
|
|
|
+ this.cancelModifyMember()
|
|
|
+ this.getCustomInfo()
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
getRecharge(amount){
|
|
|
this.rForm.rechargeAmount = amount
|
|
|
},
|
|
|
@@ -589,7 +614,7 @@ export default {
|
|
|
}
|
|
|
.user-bottom {
|
|
|
width: 100%;
|
|
|
- @include disFlex(center, space-between);
|
|
|
+ @include disFlex(center, space-around);
|
|
|
.data-list {
|
|
|
text-align: center;
|
|
|
.app-size-30 {
|