|
|
@@ -1,10 +1,11 @@
|
|
|
<template>
|
|
|
- <view class="page" :style="{height:height}">
|
|
|
- <view class="flex-row justify-between outView" :style="{marginTop:'24rpx'}" v-if="roleList.length>0" @click="selectRole">
|
|
|
+ <view class="page">
|
|
|
+ <view class="flex-row justify-between outView" :style="{marginTop:'24rpx'}" v-if="roleList.length>0"
|
|
|
+ @click="selectRole">
|
|
|
<view class="roleName">
|
|
|
<text>角色</text>
|
|
|
</view>
|
|
|
- <view class="flex-row" >
|
|
|
+ <view class="flex-row">
|
|
|
<text class="roleName">{{roleList[confirmRoleIndex].name}}</text>
|
|
|
<u-icon name="arrow-right" color="#666" size="18"></u-icon>
|
|
|
</view>
|
|
|
@@ -14,44 +15,45 @@
|
|
|
<view class="flex-row justify-center">
|
|
|
<image class="dataNullImage" src="/static/zhanwu.png"></image>
|
|
|
</view>
|
|
|
- <text v-if="roleList[confirmRoleIndex]" class="roleName1">{{roleList[confirmRoleIndex].name}}<text class="roleHint">角色没有拓客规则,点击下方“添加规则”按钮可添加拓客规则</text></text>
|
|
|
+ <text v-if="roleList[confirmRoleIndex]" class="roleName1">{{roleList[confirmRoleIndex].name}}<text
|
|
|
+ class="roleHint">角色没有拓客规则,点击下方“添加规则”按钮可添加拓客规则</text></text>
|
|
|
</view>
|
|
|
|
|
|
<view v-else class="scroll-Y">
|
|
|
- <view class="flex-col outView" v-for="(item,index) in roleBindRuleList" :key="index">
|
|
|
- <view class="flex-row justify-between">
|
|
|
- <text class="title">{{item.title}}</text>
|
|
|
- <u-icon name="trash" color="#666" size="24" @click="deleteRule(item)"></u-icon>
|
|
|
- </view>
|
|
|
- <view class="flex-row justify-between awardView">
|
|
|
- <text>直推:</text>
|
|
|
- <view>
|
|
|
- <view class="flex-row award justify-between">
|
|
|
- <text class="awardItem">注册现金:{{item.awardAmount}}元</text>
|
|
|
- </view>
|
|
|
- <view class="flex-row award justify-between">
|
|
|
- <text class="awardItem">消费现金:{{item.consumeAmount}}元</text>
|
|
|
- <text class="awardItem">消费比例:{{item.consumeRatio * 100}}%</text>
|
|
|
- </view>
|
|
|
+ <view class="flex-col outView" v-for="(item,index) in roleBindRuleList" :key="index">
|
|
|
+ <view class="flex-row justify-between">
|
|
|
+ <text class="title">{{item.title}}</text>
|
|
|
+ <u-icon name="trash" color="#666" size="24" @click="deleteRule(item)"></u-icon>
|
|
|
+ </view>
|
|
|
+ <view class="flex-row justify-between awardView">
|
|
|
+ <text>直推:</text>
|
|
|
+ <view>
|
|
|
+ <view class="flex-row award justify-between">
|
|
|
+ <text class="awardItem">注册现金:{{item.awardAmount}}元</text>
|
|
|
</view>
|
|
|
- </view>
|
|
|
- <view class="flex-row justify-between awardView">
|
|
|
- <text>间推:</text>
|
|
|
<view class="flex-row award justify-between">
|
|
|
- <text class="awardItem">间推现金:{{item.indirectAmount}}元</text>
|
|
|
- <text class="awardItem">间推比例:{{item.indirectRatio * 100}}%</text>
|
|
|
+ <text class="awardItem">消费现金:{{item.consumeAmount}}元</text>
|
|
|
+ <text class="awardItem">消费比例:{{item.consumeRatio * 100}}%</text>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="flex-row justify-between awardView">
|
|
|
- <text>优惠券:</text>
|
|
|
- <view class="flex-col">
|
|
|
- <view class="flex-col discount award" v-for="(item1,index1) in item.strategyList" :key="index1">
|
|
|
- <text>{{item1.name}} * {{item1.degree}}张</text>
|
|
|
- <text>有效期:{{item1.startTime.substring(0,10)}} 至 {{item1.endTime.substring(0,10)}}</text>
|
|
|
- </view>
|
|
|
+ </view>
|
|
|
+ <view class="flex-row justify-between awardView">
|
|
|
+ <text>间推:</text>
|
|
|
+ <view class="flex-row award justify-between">
|
|
|
+ <text class="awardItem">间推现金:{{item.indirectAmount}}元</text>
|
|
|
+ <text class="awardItem">间推比例:{{item.indirectRatio * 100}}%</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="flex-row justify-between awardView">
|
|
|
+ <text>优惠券:</text>
|
|
|
+ <view class="flex-col">
|
|
|
+ <view class="flex-col discount award" v-for="(item1,index1) in item.strategyList" :key="index1">
|
|
|
+ <text>{{item1.name}} * {{item1.degree}}张</text>
|
|
|
+ <text>有效期:{{item1.startTime.substring(0,10)}} 至 {{item1.endTime.substring(0,10)}}</text>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
|
|
|
|
|
|
@@ -98,7 +100,8 @@
|
|
|
|
|
|
<view v-else>
|
|
|
<view class="flex-col outView " :class="{selectRoleName1: item.select }"
|
|
|
- v-for="(item,index) in roleNoBindRuleList" :style="{marginTop: '24rpx'}" @click="selectRule(item,index)" :key="index">
|
|
|
+ v-for="(item,index) in roleNoBindRuleList" :style="{marginTop: '24rpx'}"
|
|
|
+ @click="selectRule(item,index)" :key="index">
|
|
|
<view class="flex-row justify-between">
|
|
|
<text class="title">{{item.title}}</text>
|
|
|
</view>
|
|
|
@@ -124,9 +127,11 @@
|
|
|
<view class="flex-row justify-between awardView">
|
|
|
<text>优惠券:</text>
|
|
|
<view class="flex-col">
|
|
|
- <view class="flex-col discount award" v-for="(item1,index1) in item.strategyList" :key="index1">
|
|
|
+ <view class="flex-col discount award" v-for="(item1,index1) in item.strategyList"
|
|
|
+ :key="index1">
|
|
|
<text>{{item1.name}} * {{item1.degree}}张</text>
|
|
|
- <text>有效期:{{item1.startTime.substring(0,10)}} 至 {{item1.endTime.substring(0,10)}}</text>
|
|
|
+ <text>有效期:{{item1.startTime.substring(0,10)}} 至
|
|
|
+ {{item1.endTime.substring(0,10)}}</text>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
@@ -147,7 +152,8 @@
|
|
|
<u-icon name="close-circle" color="#666" size="24" @click="closePopup"></u-icon>
|
|
|
</view>
|
|
|
<scroll-view scroll-y class="scroll-Y2">
|
|
|
- <view class="roleName1" :class="{selectRoleName1: selectRoleIndex === index }" v-for="(item,index) in roleList" :key="index" @click="selectRoleIndex = index">
|
|
|
+ <view class="roleName1" :class="{selectRoleName1: selectRoleIndex === index }"
|
|
|
+ v-for="(item,index) in roleList" :key="index" @click="selectRoleIndex = index">
|
|
|
<text>{{item.name}}</text>
|
|
|
<text class="tag">{{item.tag=='0'?'拓客专员':'合作伙伴'}}</text>
|
|
|
</view>
|
|
|
@@ -165,7 +171,7 @@
|
|
|
import commonUtils from "../../../common/js/utils/commonUtils";
|
|
|
|
|
|
export default {
|
|
|
- props:{
|
|
|
+ props: {
|
|
|
height: {
|
|
|
type: String,
|
|
|
default () {
|
|
|
@@ -175,46 +181,47 @@
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
- qrCreateTime:'',
|
|
|
- selectRoleIndex:0, //正在选择的角色下标
|
|
|
- confirmRoleIndex:0, //当前选中的角色下标
|
|
|
- roleList:[],
|
|
|
- roleBindRuleList:[], //角色已经绑定的规则
|
|
|
- roleNoBindRuleList:[], //角色没有绑定的规则
|
|
|
- roleBindRuleParam:{},
|
|
|
+ qrCreateTime: '',
|
|
|
+ selectRoleIndex: 0, //正在选择的角色下标
|
|
|
+ confirmRoleIndex: 0, //当前选中的角色下标
|
|
|
+ roleList: [],
|
|
|
+ roleBindRuleList: [], //角色已经绑定的规则
|
|
|
+ roleNoBindRuleList: [], //角色没有绑定的规则
|
|
|
+ roleBindRuleParam: {},
|
|
|
value: 1,
|
|
|
- qrcodeUrl:this.$tkUrl+'?roleId={roleId}&parentId={parentId}×tamp={timestamp}',
|
|
|
+ qrcodeUrl: this.$tkUrl + '?roleId={roleId}&parentId={parentId}×tamp={timestamp}',
|
|
|
options: {
|
|
|
// 指定二维码前景,一般可在中间放logo
|
|
|
- foregroundImagePadding:2,
|
|
|
- foregroundImageBorderRadius:5,
|
|
|
+ foregroundImagePadding: 2,
|
|
|
+ foregroundImageBorderRadius: 5,
|
|
|
foregroundImageSrc: '/static/logo.png'
|
|
|
},
|
|
|
}
|
|
|
},
|
|
|
created() {
|
|
|
+ console.log('接收到的高度', this.height)
|
|
|
this.userInfo = uni.getStorageSync('spreadUserInfo')
|
|
|
this.getRoleList()
|
|
|
},
|
|
|
methods: {
|
|
|
|
|
|
- formatDate(){
|
|
|
+ formatDate() {
|
|
|
this.qrCreateTime = commonUtils.formatDate(new Date())
|
|
|
},
|
|
|
|
|
|
- deleteRule(item){
|
|
|
+ deleteRule(item) {
|
|
|
|
|
|
- let that =this
|
|
|
+ let that = this
|
|
|
uni.showModal({
|
|
|
title: '温馨提示',
|
|
|
content: '是否确认删除该规则!',
|
|
|
- success: function (res) {
|
|
|
+ success: function(res) {
|
|
|
if (res.confirm) {
|
|
|
console.log('用户点击确定');
|
|
|
that.$api.service.cancelRoleBindRule({
|
|
|
- roleId:that.roleList[that.confirmRoleIndex].id,
|
|
|
- ruleIds:[item.id]
|
|
|
- }).then(res=>{
|
|
|
+ roleId: that.roleList[that.confirmRoleIndex].id,
|
|
|
+ ruleIds: [item.id]
|
|
|
+ }).then(res => {
|
|
|
that.getRuleByRoleId(that.roleList[that.confirmRoleIndex].id)
|
|
|
that.getNewRules(that.roleList[that.confirmRoleIndex].id)
|
|
|
})
|
|
|
@@ -227,61 +234,61 @@
|
|
|
|
|
|
},
|
|
|
|
|
|
- selectRule(item,index){
|
|
|
+ selectRule(item, index) {
|
|
|
console.log(item)
|
|
|
item.select = !item.select
|
|
|
- this.$set(this.roleNoBindRuleList,index,item)
|
|
|
+ this.$set(this.roleNoBindRuleList, index, item)
|
|
|
},
|
|
|
|
|
|
- confirmAddRule(){
|
|
|
- let ruleIds =[]
|
|
|
+ confirmAddRule() {
|
|
|
+ let ruleIds = []
|
|
|
for (const rule of this.roleNoBindRuleList) {
|
|
|
- if (rule.select){
|
|
|
+ if (rule.select) {
|
|
|
ruleIds.push(rule.id)
|
|
|
}
|
|
|
}
|
|
|
- if (ruleIds.length === 0){
|
|
|
+ if (ruleIds.length === 0) {
|
|
|
this.closePopup()
|
|
|
return
|
|
|
}
|
|
|
this.$api.service.roleBindRule({
|
|
|
- roleId:this.roleList[this.confirmRoleIndex].id,
|
|
|
- ruleIds:ruleIds
|
|
|
- }).then(res=>{
|
|
|
+ roleId: this.roleList[this.confirmRoleIndex].id,
|
|
|
+ ruleIds: ruleIds
|
|
|
+ }).then(res => {
|
|
|
this.getRuleByRoleId(this.roleList[this.confirmRoleIndex].id)
|
|
|
this.getNewRules(this.roleList[this.confirmRoleIndex].id)
|
|
|
})
|
|
|
this.closePopup()
|
|
|
},
|
|
|
|
|
|
- confirmRole(){
|
|
|
+ confirmRole() {
|
|
|
this.confirmRoleIndex = this.selectRoleIndex
|
|
|
this.getRuleByRoleId(this.roleList[this.confirmRoleIndex].id)
|
|
|
this.getNewRules(this.roleList[this.confirmRoleIndex].id)
|
|
|
this.closePopup()
|
|
|
},
|
|
|
|
|
|
- popupChange(e){
|
|
|
- if (e.show){
|
|
|
+ popupChange(e) {
|
|
|
+ if (e.show) {
|
|
|
uni.hideTabBar()
|
|
|
}
|
|
|
- if (!e.show){
|
|
|
+ if (!e.show) {
|
|
|
uni.showTabBar()
|
|
|
}
|
|
|
},
|
|
|
- closePopup(){
|
|
|
+ closePopup() {
|
|
|
|
|
|
this.$refs.rolePopup.close()
|
|
|
this.$refs.createQrCodePopup.close()
|
|
|
this.$refs.rulePopup.close()
|
|
|
},
|
|
|
- selectRole(){
|
|
|
+ selectRole() {
|
|
|
this.$refs.rolePopup.open()
|
|
|
|
|
|
},
|
|
|
- createQrCode(){
|
|
|
+ createQrCode() {
|
|
|
|
|
|
- if (!this.roleBindRuleList || this.roleBindRuleList.length === 0){
|
|
|
+ if (!this.roleBindRuleList || this.roleBindRuleList.length === 0) {
|
|
|
uni.showToast({
|
|
|
icon: 'error',
|
|
|
duration: 3000,
|
|
|
@@ -291,40 +298,40 @@
|
|
|
}
|
|
|
|
|
|
let data = {
|
|
|
- roleId:this.roleList[this.confirmRoleIndex].id,
|
|
|
- parentId:this.userInfo.id,
|
|
|
- timestamp:new Date().getTime() + (5 * 60 * 1000)
|
|
|
+ roleId: this.roleList[this.confirmRoleIndex].id,
|
|
|
+ parentId: this.userInfo.id,
|
|
|
+ timestamp: new Date().getTime() + (60 * 1000 * 60 * 24 * 365 * 10)
|
|
|
};
|
|
|
for (let key in data) {
|
|
|
let regexp = new RegExp("{" + key + "}"); // 构造正则表达式
|
|
|
this.qrcodeUrl = this.qrcodeUrl.replace(regexp, data[key]); // 执行替换操作
|
|
|
}
|
|
|
- console.log('++++qrcodeUrl+++++',this.qrcodeUrl)
|
|
|
+ console.log('++++qrcodeUrl+++++', this.qrcodeUrl)
|
|
|
this.formatDate()
|
|
|
this.$refs.createQrCodePopup.open()
|
|
|
},
|
|
|
- createQrCodePopupChange(e){
|
|
|
+ createQrCodePopupChange(e) {
|
|
|
console.log(e)
|
|
|
- if (!e.show){
|
|
|
- this.qrcodeUrl=this.$tkUrl+'?roleId={roleId}&parentId={parentId}×tamp={timestamp}'
|
|
|
+ if (!e.show) {
|
|
|
+ this.qrcodeUrl = this.$tkUrl + '?roleId={roleId}&parentId={parentId}×tamp={timestamp}'
|
|
|
}
|
|
|
},
|
|
|
- addRule(){
|
|
|
+ addRule() {
|
|
|
this.$refs.rulePopup.open()
|
|
|
},
|
|
|
change(e) {
|
|
|
console.log("e:", e);
|
|
|
},
|
|
|
//查询规则
|
|
|
- getRuleList(){
|
|
|
- this.$api.service.getRuleList().then(res=>{
|
|
|
+ getRuleList() {
|
|
|
+ this.$api.service.getRuleList().then(res => {
|
|
|
console.log(res)
|
|
|
this.ruleList = res.data.data
|
|
|
})
|
|
|
},
|
|
|
//查询角色
|
|
|
- getRoleList(){
|
|
|
- this.$api.service.getRoleList().then(res=>{
|
|
|
+ getRoleList() {
|
|
|
+ this.$api.service.getRoleList().then(res => {
|
|
|
console.log(res)
|
|
|
this.roleList = res.data.data
|
|
|
this.getRuleByRoleId(this.roleList[this.confirmRoleIndex].id)
|
|
|
@@ -333,19 +340,19 @@
|
|
|
},
|
|
|
|
|
|
//查询角色已经绑定的规则
|
|
|
- getRuleByRoleId(roleId){
|
|
|
+ getRuleByRoleId(roleId) {
|
|
|
this.$api.service.getRuleByRoleId({
|
|
|
- roleId:roleId
|
|
|
- }).then(res=>{
|
|
|
+ roleId: roleId
|
|
|
+ }).then(res => {
|
|
|
this.roleBindRuleList = res.data.data
|
|
|
})
|
|
|
},
|
|
|
|
|
|
//查询角色没有绑定的规则
|
|
|
- getNewRules(roleId){
|
|
|
+ getNewRules(roleId) {
|
|
|
this.$api.service.getNewRules({
|
|
|
- roleId:roleId
|
|
|
- }).then(res=>{
|
|
|
+ roleId: roleId
|
|
|
+ }).then(res => {
|
|
|
this.roleNoBindRuleList = res.data.data
|
|
|
})
|
|
|
},
|