angelo
/
web-base-admin
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge branch 'bd-test' of 47.94.45.65:angelo/web-base-admin into bd-online

This commit is contained in:
woody 2025-09-28 09:16:12 +08:00
parent 54ff8907c3 c6e3d4e828
commit 71aae23cab
10 changed files with 1341 additions and 840 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

52
src/api/giftGoods.js
View File

@ -300,12 +300,44 @@ export function tourismDetails(params) {
})
}
// 营销管理-直推排行数据
export function getMemberDirectPusht(params) {
// 营销管理-直推人数排行数据
export function getMemberDirectPush(data) {
return request({
url: '/member/manager/member/get-member-direct-push',
method: 'get',
params
url: '/member/manage/member-statistics/topPeople',
method: 'post',
data
})
}
// 营销管理-直推金额排行数据
export function getMemberDirectPushAmount(data) {
return request({
url: '/member/manage/member-statistics/topAmount',
method: 'post',
data
})
}
// params type setShowPeople setShowAmount
export function getMemberDirectPushSwitchStatus(type) {
return request({
url: `member/manage/member-statistics/${type}`,
method: 'get'
})
}
// 直推人数排行开关
export function setMemberDirectPush(flag) {
return request({
url: `member/manage/member-statistics/setShowPeople/${flag}`,
method: 'get'
})
}
// 直推金额排行开关
export function setMemberDirectPushAmount(flag) {
return request({
url: `member/manage/member-statistics/setShowAmount/${flag}`,
method: 'get'
})
}
@ -354,7 +386,7 @@ export function lotteryRuleConfigSubmit(data) {
// 直推赠送
export function directRuleConfigSubmit(data) {
return request({
url: '/sale/manage/recommend/submit',
url: '/sale/manage/recommend/directPushUpgrade',
method: 'post',
data
})
@ -369,3 +401,11 @@ export function tourismRuleConfigSubmit(data) {
})
}
// 直推升级数据
export function directUpgradeRecordList(params) {
return request({
url: '/sale/manage/recommend/directPushUpgradeList',
method: 'get',
params
})
}

115
src/router/index.js
View File

@ -1928,6 +1928,7 @@ export const constantRoutes = [
}
]
},
{
path: 'lotteryDetails',
name: 'LotteryDetails',
@ -1941,33 +1942,6 @@ export const constantRoutes = [
}
]
},
{
path: 'rechargeCard',
name: 'RechargeCard',
component: ParentView,
children: [
{
path: 'rechargeCardList',
name: 'RechargeCardList',
component: () => import('@/views/marketing/rechargeCard/index'),
meta: { title: '充值提货卡' }
},
{
path: 'addRechargeCard',
name: 'addRechargeCard',
component: () => import('@/views/marketing/rechargeCard/addRechargeCard'),
meta: { title: '充值提货卡-添加' },
hidden: true
},
{
path: 'rechargeQc',
name: 'rechargeQc',
component: () => import('@/views/marketing/rechargeCard/rechargeQc'),
meta: { title: '充值提货卡-添加' },
hidden: true
}
]
},
{
path: 'lottery',
name: 'Lottery',
@ -2002,17 +1976,45 @@ export const constantRoutes = [
}
]
},
{
path: 'directGifts',
name: 'DirectGifts',
path: 'rechargeCard',
name: 'RechargeCard',
component: ParentView,
children: [
{
path: 'directGiftsList',
name: 'DirectGiftsList',
path: 'rechargeCardList',
name: 'RechargeCardList',
component: () => import('@/views/marketing/rechargeCard/index'),
meta: { title: '充值提货卡' }
},
{
path: 'addRechargeCard',
name: 'addRechargeCard',
component: () => import('@/views/marketing/rechargeCard/addRechargeCard'),
meta: { title: '充值提货卡-添加' },
hidden: true
},
{
path: 'rechargeQc',
name: 'rechargeQc',
component: () => import('@/views/marketing/rechargeCard/rechargeQc'),
meta: { title: '充值提货卡-添加' },
hidden: true
}
]
},
{
path: 'directUpgrade',
name: 'DirectUpgrade',
component: ParentView,
meta: { title: '直推升级' },
children: [
{
path: 'directUpgradeList',
name: 'DirectUpgradeList',
component: () => import('@/views/marketing/directGifts/index'),
meta: { title: '直推赠送' }
meta: { title: '直推升级' }
},
{
path: 'addDirect',
@ -2020,6 +2022,40 @@ export const constantRoutes = [
component: () => import('@/views/marketing/directGifts/addDirect'),
meta: { title: '基本信息' },
hidden: true
},
{
path: 'directUpgradeRecordList',
name: 'DirectUpgradeRecordList',
component: () => import('@/views/marketing/directGifts/record'),
meta: { title: '直推升级数据' }
}
]
},
{
path: 'directRanking',
name: 'DirectRanking',
component: ParentView,
meta: { title: '直推排行数据' },
children: [
{
path: 'directRankingList',
name: 'DirectRankingList',
component: () => import('@/views/marketing/directRanking/index'),
meta: { title: '直推人数排行数据' }
},
{
path: 'directAmountRankingList',
name: 'DirectAmountRankingList',
component: () => import('@/views/marketing/directRanking/amount'),
meta: { title: '直推金额排行数据' },
hidden: true
},
{
path: 'directConfig',
name: 'DirectConfig',
component: () => import('@/views/marketing/directRanking/config'),
meta: { title: '直推配置' },
hidden: true
}
]
},
@ -2122,19 +2158,6 @@ export const constantRoutes = [
meta: { title: '旅游活动数据' }
}
]
},
{
path: 'directRanking',
name: 'DirectRanking',
component: ParentView,
children: [
{
path: 'directRankingList',
name: 'DirectRankingList',
component: () => import('@/views/marketing/directRanking/index'),
meta: { title: '直推排行数据' }
}
]
}
]

140
src/views/marketing/directGifts/addDirect.vue
View File

@ -68,77 +68,14 @@
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item :label="'目标用户群体'" required>
<div class="flexed">
<el-checkbox
v-model="ruleForm.checked1"
class="flexed_l"
:disabled="lookOver"
@change="getCheckTit($event, 1)"
>{{ '注册等级' }}</el-checkbox>
<el-checkbox-group
v-model="ruleForm.levelList"
:disabled="lookOver"
@change="getCheck"
>
<el-checkbox
v-for="item in gradeList"
:key="item.pkId"
:label="item.pkId"
>{{ item.gradeName }}</el-checkbox>
</el-checkbox-group>
</div>
<div class="flexed">
<el-checkbox
v-model="ruleForm.checked2"
class="flexed_l"
:disabled="lookOver"
@change="getCheckTit($event, 2)"
>{{ '真实奖衔' }}</el-checkbox>
<el-checkbox-group
v-model="ruleForm.realList"
:disabled="lookOver"
@change="getCheck"
>
<el-checkbox
v-for="item in awardsList"
:key="item.pkId"
:label="item.pkId"
>{{ item.awardsName }}</el-checkbox>
</el-checkbox-group>
</div>
<div class="flexed">
<el-checkbox
v-model="ruleForm.checked3"
class="flexed_l"
:disabled="lookOver"
@change="getCheckTit($event, 3)"
>{{ '权限中心' }}</el-checkbox>
<el-checkbox-group
v-model="ruleForm.centerList"
:disabled="lookOver"
@change="getCheck"
>
<el-checkbox
v-for="item in registList"
:key="item.value"
:label="item.value"
>{{ item.label }}</el-checkbox>
</el-checkbox-group>
</div>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item :label="'活动时间'" prop="ruleFormTime">
<el-date-picker
v-model="ruleForm.ruleFormTime"
:disabled="lookOver"
value-format="yyyy-MM-dd HH:mm:ss"
type="datetimerange"
value-format="yyyy-MM-dd"
type="daterange"
:range-separator="'至'"
:start-placeholder="'开始日期'"
:end-placeholder="'结束日期'"
@ -153,8 +90,8 @@
<el-date-picker
v-model="ruleForm.ruleFormTime1"
:disabled="lookOver"
value-format="yyyy-MM-dd HH:mm:ss"
type="datetimerange"
value-format="yyyy-MM-dd"
type="daterange"
:range-separator="'至'"
:start-placeholder="'开始日期'"
:end-placeholder="'结束日期'"
@ -166,12 +103,8 @@
</el-form>
</div>
<repurchQuan v-show="tabActive == 1" ref="repurchQuan" />
<directUpdata v-show="tabActive == 2" ref="directUpdata" />
<directAverage
v-show="tabActive == 3"
ref="directAverage"
/>
</div>
<div v-show="controlType != 4" class="footer">
<el-button size="small" class="cancelBtn" @click="$router.back()">
@ -189,17 +122,12 @@ import Editor from '@/components/Editor'
import * as api from '@/api/giftGoods.js'
import topBar from '@/components/topBar'
import ImageUpload from '@/components/ImageUpload'
import repurchQuan from '@/views/marketing/directGifts/repurchQuan'
import directUpdata from '@/views/marketing/directGifts/directUpdata'
import directAverage from '@/views/marketing/directGifts/directAverage'
export default {
name: 'GiftGoodsList',
name: 'AddDirectPushUpgrade',
components: {
topBar,
ImageUpload,
repurchQuan,
directUpdata,
directAverage,
Editor
},
data() {
@ -210,17 +138,9 @@ export default {
name: '基本信息',
id: 0
},
{
name: '复购券',
id: 1
},
{
name: '直推升级',
id: 2
},
{
name: '复购券均分',
id: 3
}
],
uploadImgUrl: process.env.VUE_APP_BASE_API + '/system/upload',
@ -245,9 +165,6 @@ export default {
actCover: [
{ required: true, message: '请上传活动封面', trigger: 'change' }
],
goalMemberConfigList: [
{ required: true, message: '请选择目标用户群体', trigger: 'change' }
],
ruleFormTime: [
{ required: true, message: '请选择活动时间', trigger: 'change' }
],
@ -287,6 +204,9 @@ export default {
}
},
methods: {
splitDate(date) {
return date.split(' ')[0]
},
getDetails() {
api
.recommendDetail({
@ -306,13 +226,17 @@ export default {
this.ruleForm.actEndDate = res.data.activityParam.actEndDate
this.ruleForm.disStartDate = res.data.activityParam.disStartDate
this.ruleForm.disEndDate = res.data.activityParam.disEndDate
const actStartDate = this.splitDate(res.data.activityParam.actStartDate)
const actEndDate = this.splitDate(res.data.activityParam.actEndDate)
const disStartDate = this.splitDate(res.data.activityParam.disStartDate)
const disEndDate = this.splitDate(res.data.activityParam.disEndDate)
this.$set(this.ruleForm, 'ruleFormTime', [
res.data.activityParam.actStartDate,
res.data.activityParam.actEndDate
actStartDate,
actEndDate
])
this.$set(this.ruleForm, 'ruleFormTime1', [
res.data.activityParam.disStartDate,
res.data.activityParam.disEndDate
disStartDate,
disEndDate
])
const arr1 = []
const arr2 = []
@ -330,16 +254,10 @@ export default {
this.$set(this.ruleForm, 'realList', arr2)
this.$set(this.ruleForm, 'centerList', arr3)
this.$refs.repurchQuan.getPage(
this.addData.repurchaseCouponsShowList || ''
)
this.$refs.directUpdata.getPage(
this.addData.recommendUpgradeList || ''
)
this.$refs.directUpdata.getPages(this.addData.authorityList || '')
this.$refs.directAverage.getPage(
this.addData.acRecommendSharVO || ''
)
const that = this
setTimeout(() => {
@ -356,12 +274,12 @@ export default {
)
this.$set(this.ruleForm, 'actCover', this.addData.activityParam.actCover)
this.$set(this.ruleForm, 'ruleFormTime', [
this.addData.activityParam.actStartDate,
this.addData.activityParam.actEndDate
this.splitDate(this.addData.activityParam.actStartDate),
this.splitDate(this.addData.activityParam.actEndDate)
])
this.$set(this.ruleForm, 'ruleFormTime1', [
this.addData.activityParam.disStartDate,
this.addData.activityParam.disEndDate
this.splitDate(this.addData.activityParam.disStartDate),
this.splitDate(this.addData.activityParam.disEndDate)
])
const arr1 = []
const arr2 = []
@ -379,12 +297,8 @@ export default {
this.$set(this.ruleForm, 'realList', arr2)
this.$set(this.ruleForm, 'centerList', arr3)
this.$refs.repurchQuan.getPage(
this.addData.repurchaseCouponsShowList || ''
)
this.$refs.directUpdata.getPage(this.addData.recommendUpgradeList || '')
this.$refs.directUpdata.getPages(this.addData.authorityList || '')
this.$refs.directAverage.getPage(this.addData.acRecommendSharVO || '')
const that = this
setTimeout(() => {
@ -493,12 +407,16 @@ export default {
{},
{
controlType: this.controlType,
activityParam: this.ruleForm,
repurchaseCouponsShowList: this.$refs.repurchQuan.allData,
activityParam: {
...this.ruleForm,
actStartDate: this.ruleForm.actStartDate + ' 00:00:00',
actEndDate: this.ruleForm.actEndDate + ' 23:59:59',
disStartDate: this.ruleForm.disStartDate + ' 00:00:00',
disEndDate: this.ruleForm.disEndDate + ' 23:59:59'
},
recommendUpgradeList:
this.$refs.directUpdata.recommendUpgradeList,
authorityList: this.$refs.directUpdata.form.waresAuthorityList,
acRecommendSharVO: this.$refs.directAverage.allData?.[0] || ''
authorityList: this.$refs.directUpdata.form.waresAuthorityList
}
)
api.directRuleConfigSubmit(obj).then((res) => {

606
src/views/marketing/directGifts/directUpdata.vue
View File

@ -7,19 +7,22 @@
<template>
<div class="">
<div class="tit">{{ '直推升级' }}</div>
<div class="xian"></div>
<div class="xian" />
<div class="table">
<!-- 批量操作 -->
<table>
<tr>
<th colspan="1" class="tableLeft">
<el-button type="primary" @click="addNewGoods" size="mini"
>{{ '添加' }}
<el-button
type="primary"
size="mini"
@click="addNewGoods"
>{{ '添加' }}
</el-button>
</th>
<th colspan="2" style="padding-bottom: 0; border: 0">
<div class="tableFlex">
<div class="tableFlex_i"></div>
<div class="tableFlex_i" />
</div>
</th>
<th colspan="6" style="padding-bottom: 0; border: 0">
@ -35,16 +38,15 @@
:key="item.pkId"
:label="item.gradeName"
:value="item.pkId"
>
</el-option>
/>
</el-select>
</div>
<div class="tableFlex_i">
<el-input
v-model="plcz.recommendNumber"
:placeholder="'推荐数量'"
size="medium"
v-model="plcz.recommendNumber"
></el-input>
/>
</div>
<div class="tableFlex_i">
<el-select
@ -57,37 +59,35 @@
:key="item.pkId"
:label="item.gradeName"
:value="item.pkId"
>
</el-option>
/>
</el-select>
</div>
</div>
</th>
<th colspan="7" style="padding-bottom: 0; border-left: 0">
<div class="tableFlex">
<div class="tableFlex_i"></div>
<div class="tableFlex_i"></div>
<div class="tableFlex_i" />
<div class="tableFlex_i" />
<div class="tableFlex_i">
<el-input
v-model="plcz.quantity"
:placeholder="'赠送数量'"
size="medium"
v-model="plcz.quantity"
></el-input>
/>
</div>
<div class="tableAdd"></div>
<div class="tableAdd" />
</div>
</th>
<th colspan="2" style="padding-bottom: 0">
<div class="tableFlex">
<div class="tableFlex_i">
<el-button type="primary" @click="toPlcz" size="mini">{{
<el-button type="primary" size="mini" @click="toPlcz">{{
'批量操作'
}}</el-button>
</div>
<div class="tableFlex_i">
<el-button size="mini" @click="reset">
{{ '重置' }}</el-button
>
{{ '重置' }}</el-button>
</div>
</div>
</th>
@ -95,7 +95,7 @@
</table>
<table class="table_b">
<tr style="border-top: 0">
<td style="border: 0"></td>
<td style="border: 0" />
<td colspan="2">{{ '结算等级' }}</td>
<td colspan="6" style="padding-bottom: 0">
<div class="tableFlex">
@ -105,18 +105,18 @@
<div class="tableFlex_i">{{ '升级等级' }}</div>
</div>
</td>
<td colspan="7" style="padding-bottom: 0">
<!-- <td colspan="7" style="padding-bottom: 0">
<div class="tableFlex">
<div class="tableFlex_i">{{ '赠送产品' }}</div>
<div class="tableFlex_i">{{ '产品规格' }}</div>
<div class="tableFlex_i">{{ '赠送数量' }}</div>
<div class="tableAdd"></div>
<div class="tableAdd" />
</div>
</td>
<td colspan="2" style="border: 0"></td>
</td> -->
<td colspan="2" style="border: 0" />
</tr>
<tr v-for="(item, index) in recommendUpgradeList" :key="index">
<td style="border: 0"></td>
<td style="border: 0" />
<td colspan="2" style="padding-bottom: 0">
<div class="tableFlex">
<div class="tableFlex_i">
@ -130,8 +130,7 @@
:key="item.pkId"
:label="item.gradeName"
:value="item.pkId"
>
</el-option>
/>
</el-select>
</div>
</div>
@ -160,16 +159,15 @@
:key="item.pkId"
:label="item.gradeName"
:value="item.pkId"
>
</el-option>
/>
</el-select>
</div>
<div class="tableFlex_i">
<el-input
v-model="item.recommendNumber"
:placeholder="'推荐数量'"
size="medium"
v-model="item.recommendNumber"
></el-input>
/>
</div>
<div class="tableFlex_i">
<el-select
@ -182,291 +180,29 @@
:key="item.pkId"
:label="item.gradeName"
:value="item.pkId"
>
</el-option>
/>
</el-select>
</div>
</div>
</td>
<td colspan="7" style="padding-bottom: 0">
<div
class="tableFlex"
v-for="(ctem, cndex) in item.giftConfigList"
:key="cndex"
>
<div class="tableFlex_i">
<el-input
:placeholder="'请选择赠送产品'"
v-model="ctem.productName"
@focus="getProduct(index, cndex)"
></el-input>
</div>
<div class="tableFlex_i">
<el-input
disabled
size="medium"
v-model="ctem.specsName"
></el-input>
</div>
<div class="tableFlex_i">
<el-input size="medium" v-model="ctem.quantity"></el-input>
</div>
<div class="tableAdd">
<img
src="@/assets/images/iconpop.png"
@click="reduceProduct(index, cndex)"
alt=""
/>
<img
v-if="cndex == item.giftConfigList.length - 1"
src="@/assets/images/iconadd.png"
@click="addProduct(index)"
alt=""
/>
</div>
</div>
<div class="tableAddPro" v-show="item.giftConfigList.length == 0">
{{ '添加产品' }}
<img
src="@/assets/images/iconadd.png"
@click="addProduct(index)"
alt=""
/>
</div>
</td>
<td colspan="2" style="border: 0"></td>
<td colspan="2" style="border: 0" />
</tr>
</table>
</div>
<div class="teamPz">
<div class="tit">{{ '团队配置' }}</div>
<div class="xian"></div>
<el-form
ref="team"
:model="form"
style="width: 1200px; padding: 0 20px"
label-width="120px"
>
<el-row
:gutter="20"
v-for="(item, index) in form.waresAuthorityList"
:key="index"
>
<el-col :span="10">
<el-form-item :label="'可见类型'">
<el-select
clearable
v-model="item.authorityType"
@change="getTeamList(item.authorityType)"
>
<el-option
v-for="cld in xyList"
v-show="!(index > 0 && cld.value == 5)"
:key="cld.value"
:label="cld.label"
:value="cld.value"
></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col
:span="10"
v-if="form.waresAuthorityList[index].authorityType != 5"
>
<el-form-item :label="'团队编号'">
<el-input
clearable
v-model="item.memberCode"
:placeholder="'请输入'"
></el-input>
</el-form-item>
</el-col>
<el-col
v-if="
form.waresAuthorityList[index].authorityType != 5 &&
index !== form.waresAuthorityList.length - 1
"
:span="4"
>
<i
class="el-icon-remove-outline addIcon"
@click="removeTeamPz(index)"
></i>
</el-col>
<el-col
v-if="
form.waresAuthorityList[index].authorityType != 5 &&
index == form.waresAuthorityList.length - 1
"
:span="4"
>
<i
class="el-icon-circle-plus-outline addIcon"
@click="addTeamPz"
></i>
</el-col>
</el-row>
</el-form>
<!-- <Ggmx ref="ggmxed"></Ggmx> -->
</div>
<!-- <div class="footer">
<el-button size="small"
class="thebtn2"> {{ '取消' }}</el-button>
<el-button size="small"
@click="submit"
class="thebtn1"> {{ '确认' }}</el-button>
</div> -->
<el-dialog
:title="'添加'"
:visible.sync="dialogVisible"
:close-on-click-modal="false"
width="40%"
center
:before-close="handleClose"
>
<div class="cpHeight">
<el-row>
<el-col :span="22">
<el-input
v-model="select.queryInfo"
clearable
:placeholder="'请输入'"
@keyup.enter.native="getDataList"
prefix-icon="el-icon-search"
></el-input>
</el-col>
<el-col :span="2">
<el-button type="primary" size="small" @click="getDataList">
{{ '搜索' }}</el-button
>
</el-col>
</el-row>
<div style="height: 10px"></div>
<el-table
:data="dialogList"
ref="multipleTable"
style="width: 100%"
@select-all="onSelectAll"
@select="selected"
:header-cell-style="{ background: '#EEEEEE' }"
:row-class-name="tableRowClassName"
>
<el-table-column type="selection" width="55"> </el-table-column>
<el-table-column
align="center"
prop="productName"
:label="'产品名称'"
>
</el-table-column>
<el-table-column
align="center"
prop="productCode"
:label="'产品编号'"
>
</el-table-column>
<el-table-column
align="center"
prop="productName"
:label="'规格'"
>
<template slot-scope="scope">
<div
class="blueCor"
v-show="
scope.row.selSkuNameList == '' ||
scope.row.selSkuNameList == undefined
"
@click="selSku(scope.row.pkId, scope.$index)"
>
{{ '选择规格' }}
</div>
<div
class="blueCor"
v-show="
scope.row.selSkuNameList != '' &&
scope.row.selSkuNameList != undefined
"
@click="selSku(scope.row.pkId, scope.$index)"
>
{{ scope.row.selSkuNameList }}
</div>
</template>
</el-table-column>
<el-table-column
align="center"
prop="productName"
:label="'商品数量'"
>
<template slot-scope="scope">
<el-input-number
size="mini"
v-model="scope.row.quantity"
:min="1"
></el-input-number>
</template>
</el-table-column>
</el-table>
</div>
<pagination
v-show="total > 0"
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getDataList"
/>
<span slot="footer" class="dialog-footer">
<el-button @click="handleClose">{{ '取消' }}</el-button>
<el-button type="primary" @click="sureProduct">{{
'确认'
}}</el-button>
</span>
</el-dialog>
<el-dialog
:title="'规格'"
:visible.sync="ggVisible"
:close-on-click-modal="false"
width="40%"
center
:before-close="handleCloseGg"
>
<div>
<el-form>
<el-form-item
:label="item.typeName"
v-for="(item, index) in skuList"
:key="index"
>
<el-radio-group v-model="item.pkProductSku">
<el-radio
v-for="(ctem, cndex) in item.specsList"
@change="getCheckBox(item.pkId, item.specsName)"
:key="ctem.pkId"
:label="ctem.pkId"
>{{ ctem.specsName }}</el-radio
>
</el-radio-group>
</el-form-item>
</el-form>
</div>
<span slot="footer" class="dialog-footer">
<el-button @click="handleCloseGg">{{ '取消' }}</el-button>
<el-button type="primary" @click="sureSku">{{
'确认'
}}</el-button>
</span>
</el-dialog>
</div>
</template>
<script>
import * as api from "@/api/giftGoods.js";
import * as pro from "@/api/product.js";
import topBar from "@/components/topBar";
import ImageUpload from "@/components/ImageUpload";
import * as api from '@/api/giftGoods.js'
import * as pro from '@/api/product.js'
import topBar from '@/components/topBar'
import ImageUpload from '@/components/ImageUpload'
export default {
components: {
topBar,
ImageUpload,
ImageUpload
},
data() {
return {
@ -474,247 +210,247 @@ export default {
ggVisible: false,
queryParams: {
pageNum: 1,
pageSize: 50,
pageSize: 50
},
form: {
waresAuthorityList: [
{
authorityType: 5,
memberCode: "",
},
],
memberCode: ''
}
]
},
total: 0,
moren: "setGiftGoodsInfo",
allData: [], //全部数据
areaList: [], //全部专区
isArea: "",
moren: 'setGiftGoodsInfo',
allData: [], // 全部数据
areaList: [], // 全部专区
isArea: '',
plcz: {},
select: {}, //产品筛选
dialogList: [], //产品数组
selectData: [], //选中
skuList: [], //规格数组
gradeList: [], //规格数组
selSkuList: "",
selSkuNameList: "",
selIndex: "",
showCndex: "",
showIndex: "",
select: {}, // 产品筛选
dialogList: [], // 产品数组
selectData: [], // 选中
skuList: [], // 规格数组
gradeList: [], // 规格数组
selSkuList: '',
selSkuNameList: '',
selIndex: '',
showCndex: '',
showIndex: '',
pageData: {},
recommendUpgradeList: [],
xyList: [],
};
xyList: []
}
},
mounted() {
this.getData();
this.getData()
// 血缘关系
this.getXYList();
this.getXYList()
},
methods: {
addTeamPz() {
this.form.waresAuthorityList.push({
kjlx: "",
teamOrder: "",
});
kjlx: '',
teamOrder: ''
})
},
removeTeamPz(index) {
this.form.waresAuthorityList.splice(index, 1);
this.form.waresAuthorityList.splice(index, 1)
},
getXYList() {
pro.getEWaresPermissionTypeList().then((res) => {
console.log(
"%c [ res ]-451",
"font-size:13px; background:#73d160; color:#b7ffa4;",
'%c [ res ]-451',
'font-size:13px; background:#73d160; color:#b7ffa4;',
res
);
this.xyList = res.data;
});
)
this.xyList = res.data
})
},
getTeamList(val) {
if (val == 5) {
this.form.waresAuthorityList = [
{
authorityType: 5,
memberCode: "",
},
];
memberCode: ''
}
]
}
},
getPages(allData) {
if (allData != "") {
this.form.waresAuthorityList = allData;
if (allData != '') {
this.form.waresAuthorityList = allData
}
},
getPage(allData) {
if (allData != "") {
if (allData != '') {
allData.forEach((item) => {
if (!item.giftConfigList) {
item.giftConfigList = [];
item.giftConfigList = []
}
});
this.recommendUpgradeList = allData;
})
this.recommendUpgradeList = allData
console.log(
"%c [ this.recommendUpgradeList ]-382",
"font-size:13px; background:#5c5250; color:#a09694;",
'%c [ this.recommendUpgradeList ]-382',
'font-size:13px; background:#5c5250; color:#a09694;',
this.recommendUpgradeList
);
)
}
},
getData() {
api.gradeList().then((res) => {
this.gradeList = res.rows;
});
this.gradeList = res.rows
})
},
sureSku() {
this.$set(this.dialogList[this.selIndex], "selSkuList", this.selSkuList);
this.$set(this.dialogList[this.selIndex], 'selSkuList', this.selSkuList)
this.$set(
this.dialogList[this.selIndex],
"selSkuNameList",
'selSkuNameList',
this.selSkuNameList
);
this.ggVisible = false;
)
this.ggVisible = false
},
sureProduct() {
if (this.selectData.length == 0) {
this.$message({
message: '请选择产品',
type: "warning",
});
return false;
type: 'warning'
})
return false
} else {
this.recommendUpgradeList[this.showIndex].giftConfigList[
this.showCndex
].pkProduct = this.selectData.pkId;
].pkProduct = this.selectData.pkId
this.recommendUpgradeList[this.showIndex].giftConfigList[
this.showCndex
].productName = this.selectData.productName;
].productName = this.selectData.productName
this.recommendUpgradeList[this.showIndex].giftConfigList[
this.showCndex
].specsName = this.selectData.selSkuNameList;
].specsName = this.selectData.selSkuNameList
this.recommendUpgradeList[this.showIndex].giftConfigList[
this.showCndex
].specsNameId = this.selectData.selSkuList;
].specsNameId = this.selectData.selSkuList
this.recommendUpgradeList[this.showIndex].giftConfigList[
this.showCndex
].quantity = this.selectData.quantity;
this.handleClose();
this.$forceUpdate();
].quantity = this.selectData.quantity
this.handleClose()
this.$forceUpdate()
}
},
toPlcz() {
this.recommendUpgradeList.forEach((stem) => {
stem.giftConfigList.forEach((ctem) => {
ctem.quantity = this.plcz.quantity;
stem.pkRecommendGrade = this.plcz.pkRecommendGrade;
stem.recommendNumber = this.plcz.recommendNumber;
stem.pkUpgradeGrade = this.plcz.pkUpgradeGrade;
});
});
ctem.quantity = this.plcz.quantity
stem.pkRecommendGrade = this.plcz.pkRecommendGrade
stem.recommendNumber = this.plcz.recommendNumber
stem.pkUpgradeGrade = this.plcz.pkUpgradeGrade
})
})
},
reset() {
this.plcz = {};
this.plcz = {}
},
getCheckBox() {
let arr1 = [],
arr2 = [];
const arr1 = []
const arr2 = []
this.skuList.forEach((item) => {
item.specsList.forEach((ctem) => {
if (ctem.pkId == item.pkProductSku) {
arr1.push(ctem.pkId);
arr2.push(ctem.specsName);
arr1.push(ctem.pkId)
arr2.push(ctem.specsName)
}
});
});
this.selSkuList = arr1.join(",");
this.selSkuNameList = arr2.join(",");
})
})
this.selSkuList = arr1.join(',')
this.selSkuNameList = arr2.join(',')
},
setArea(val) {
this.isArea = val;
this.isArea = val
},
handleClose() {
this.selectData = [];
this.dialogVisible = false;
this.selectData = []
this.dialogVisible = false
},
handleCloseGg() {
this.ggVisible = false;
this.ggVisible = false
},
getProduct(index, cndex) {
this.showIndex = index;
this.showCndex = cndex;
this.getDataList();
this.dialogVisible = true;
this.showIndex = index
this.showCndex = cndex
this.getDataList()
this.dialogVisible = true
},
addProduct(index, sndex) {
this.recommendUpgradeList[index].giftConfigList.push({
pkProduct: "",
productName: "",
specsName: "",
specsNameId: "",
quantity: "",
});
this.$forceUpdate();
pkProduct: '',
productName: '',
specsName: '',
specsNameId: '',
quantity: ''
})
this.$forceUpdate()
},
reduceProduct(index, cndex) {
this.recommendUpgradeList[index].giftConfigList.splice(cndex, 1);
this.$forceUpdate();
this.recommendUpgradeList[index].giftConfigList.splice(cndex, 1)
this.$forceUpdate()
},
addNewGoods() {
this.recommendUpgradeList.push({
pkSettleGrade: "",
pkRecommendGrade: "",
recommendNumber: "",
pkUpgradeGrade: "",
pkSettleGrade: '',
pkRecommendGrade: '',
recommendNumber: '',
pkUpgradeGrade: '',
giftConfigList: [
{
pkProduct: "",
productName: "",
specsName: "",
specsNameId: "",
quantity: "",
},
],
});
pkProduct: '',
productName: '',
specsName: '',
specsNameId: '',
quantity: ''
}
]
})
},
selSku(pkId, index) {
this.selIndex = index;
this.selIndex = index
api
.getProductSpecs({
pkProduct: pkId,
pkProduct: pkId
})
.then((res) => {
let arr1 = [],
arr2 = [];
const arr1 = []
const arr2 = []
res.data.forEach((item) => {
item.pkProductSku = item.specsList[0].pkId;
arr1.push(item.specsList[0].pkId);
arr2.push(item.specsList[0].specsName);
});
this.selSkuList = arr1.join(",");
this.selSkuNameList = arr2.join(",");
item.pkProductSku = item.specsList[0].pkId
arr1.push(item.specsList[0].pkId)
arr2.push(item.specsList[0].specsName)
})
this.selSkuList = arr1.join(',')
this.selSkuNameList = arr2.join(',')
this.skuList = res.data;
this.ggVisible = true;
});
this.skuList = res.data
this.ggVisible = true
})
},
getDataList() {
api
.getProductAll(
Object.assign({ isPutOn: 0 }, this.queryParams, this.select, {
isExistSpecs: 1,
isExistSpecs: 1
})
)
.then((res) => {
res.rows.forEach((item) => {
item.quantity = 1;
});
this.dialogList = res.rows;
this.total = res.total;
});
item.quantity = 1
})
this.dialogList = res.rows
this.total = res.total
})
},
// submit() {
// let obj = Object.assign({}, this.pageData, {
@ -737,32 +473,32 @@ export default {
// })
// },
onSelectAll() {
this.$refs.multipleTable.clearSelection();
this.$refs.multipleTable.clearSelection()
},
selected(selection, row) {
// 清除 所有勾选项
this.$refs.multipleTable.clearSelection();
this.$refs.multipleTable.clearSelection()
// 当表格数据都没有被勾选的时候 就返回
// 主要用于将当前勾选的表格状态清除
if (selection.length == 0) return;
this.$refs.multipleTable.toggleRowSelection(row, true);
this.selectData = row;
if (selection.length == 0) return
this.$refs.multipleTable.toggleRowSelection(row, true)
this.selectData = row
},
// 表格的选中 可以获得当前选中的数据
selectionChange(val) {
// 将选中的数据存储起来
this.selectData = val;
this.selectData = val
},
tableRowClassName({ row, rowIndex }) {
if (rowIndex % 2 == 1) {
return "warning-row";
return 'warning-row'
} else if (rowIndex % 2 == 0) {
return "success-row";
return 'success-row'
}
return "";
},
},
};
return ''
}
}
}
</script>
<style lang="scss" scoped>

318
src/views/marketing/directGifts/index.vue
View File

@ -6,147 +6,185 @@
-->
<template>
<div class="page">
<topBar v-if="topList.length > 0"
:topList="topList"
:moren="moren"></topBar>
<topBar
v-if="topList.length > 0"
:top-list="topList"
:moren="moren"
/>
<div class="main">
<div class="form_all">
<el-form ref="select"
:model="select"
label-width="auto">
<el-form
ref="select"
:model="select"
label-width="auto"
>
<el-row :gutter="40">
<!-- 一层 -->
<el-col :span="4">
<el-form-item :label="'活动名称'">
<el-input clearable
v-model="select.actName"></el-input>
<el-input
v-model="select.actName"
clearable
/>
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item :label="'活动状态'">
<el-select clearable
:placeholder="'请选择'"
v-model="select.activityStatus">
<el-option v-for="item in actStatus"
:key="item.value"
:label="item.label"
:value="item.value"></el-option>
<el-select
v-model="select.activityStatus"
clearable
:placeholder="'请选择'"
>
<el-option
v-for="item in actStatus"
:key="item.value"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :label="'开始日期'">
<el-date-picker v-model="creationTime"
@change="changeTime"
value-format="yyyy-MM-dd HH:mm:ss"
type="datetimerange"
:range-separator="'至'"
:start-placeholder="'开始日期'"
:end-placeholder="'结束日期'">
</el-date-picker>
<el-date-picker
v-model="creationTime"
value-format="yyyy-MM-dd HH:mm:ss"
type="datetimerange"
:range-separator="'至'"
:start-placeholder="'开始日期'"
:end-placeholder="'结束日期'"
@change="changeTime"
/>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :label="'结束日期'">
<el-date-picker v-model="creationTime1"
@change="changeTime1"
value-format="yyyy-MM-dd HH:mm:ss"
type="datetimerange"
:range-separator="'至'"
:start-placeholder="'开始日期'"
:end-placeholder="'结束日期'">
</el-date-picker>
<el-date-picker
v-model="creationTime1"
value-format="yyyy-MM-dd HH:mm:ss"
type="datetimerange"
:range-separator="'至'"
:start-placeholder="'开始日期'"
:end-placeholder="'结束日期'"
@change="changeTime1"
/>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :label="'创建日期'">
<el-date-picker v-model="creationTime2"
@change="changeTime2"
value-format="yyyy-MM-dd HH:mm:ss"
type="datetimerange"
:range-separator="'至'"
:start-placeholder="'开始日期'"
:end-placeholder="'结束日期'">
</el-date-picker>
<el-date-picker
v-model="creationTime2"
value-format="yyyy-MM-dd HH:mm:ss"
type="datetimerange"
:range-separator="'至'"
:start-placeholder="'开始日期'"
:end-placeholder="'结束日期'"
@change="changeTime2"
/>
</el-form-item>
</el-col>
<el-col :span="4">
<el-button type="primary"
size="small"
@click="getDataList"> {{ '搜索' }}</el-button>
<el-button size="small"
class="resetBtn"
@click="reset"> {{ '重置' }}</el-button>
<el-button
type="primary"
size="small"
@click="getDataList"
> {{ '搜索' }}</el-button>
<el-button
size="small"
class="resetBtn"
@click="reset"
> {{ '重置' }}</el-button>
</el-col>
</el-row>
</el-form>
</div>
<div class="main_a">
<div class="mainbtn">
<el-button size="small"
@click="openDig"
v-hasButtons="['directAdd']"
class="addBtn">{{'添加'}}</el-button>
<el-button size="small"
@click="handleExport"
v-hasButtons="['directExport']"
class="exportBtn"> {{ '导出' }}</el-button>
<el-button
v-hasButtons="['directAdd']"
size="small"
class="addBtn"
@click="openDig"
>{{ '添加' }}</el-button>
<el-button
v-hasButtons="['directExport']"
size="small"
class="exportBtn"
@click="handleExport"
> {{ '导出' }}</el-button>
</div>
<div class="maintable">
<el-table :data="tableData"
v-loading="loading"
style="width: 100%"
height="710px"
:header-cell-style="{ background: '#EEEEEE' }"
:row-class-name="tableRowClassName"
@selection-change="handleSelectionChange">
<el-table-column type="selection"
width="55"> </el-table-column>
<el-table-column align="center"
prop="actName"
:label="'活动名称'">
</el-table-column>
<el-table-column align="center"
prop="actStartDate"
:label="'开始日期'">
</el-table-column>
<el-table-column align="center"
prop="actEndDate"
:label="'结束日期'">
</el-table-column>
<el-table-column align="center"
prop="status"
:label="'活动状态'">
</el-table-column>
<el-table-column align="center"
prop="creationTime"
:label="'创建日期'">
</el-table-column>
<el-table-column align="center"
prop="time"
:label="'操作'"
fixed="right">
<el-table
v-loading="loading"
:data="tableData"
style="width: 100%"
height="710px"
:header-cell-style="{ background: '#EEEEEE' }"
:row-class-name="tableRowClassName"
@selection-change="handleSelectionChange"
>
<el-table-column
type="selection"
width="55"
/>
<el-table-column
align="center"
prop="actName"
:label="'活动名称'"
/>
<el-table-column
align="center"
prop="actStartDate"
:label="'开始日期'"
/>
<el-table-column
align="center"
prop="actEndDate"
:label="'结束日期'"
/>
<el-table-column
align="center"
prop="status"
:label="'活动状态'"
/>
<el-table-column
align="center"
prop="creationTime"
:label="'创建日期'"
/>
<el-table-column
align="center"
prop="time"
:label="'操作'"
fixed="right"
>
<template slot-scope="scope">
<el-button @click="toFixed(scope.row.pkId, 4)"
type="text"
v-hasButtons="['directSee']"
style="color: #48B2FD;"
size="small">
<el-button
v-hasButtons="['directSee']"
type="text"
style="color: #48B2FD;"
size="small"
@click="toFixed(scope.row.pkId, 4)"
>
{{ '查看' }}
</el-button>
<el-button @click="toFixed(scope.row.pkId, 2)"
type="text"
v-hasButtons="['directUpdata']"
style="color: #F3A900;"
size="small">
{{'修改'}}
<el-button
v-hasButtons="['directUpdata']"
type="text"
style="color: #F3A900;"
size="small"
@click="toFixed(scope.row.pkId, 2)"
>
{{ '修改' }}
</el-button>
<el-button @click="toFixed(scope.row.pkId,3)"
type="text"
size="small"
v-hasButtons="['directDel']"
style="color: #C8161D">
<el-button
v-hasButtons="['directDel']"
type="text"
size="small"
style="color: #C8161D"
@click="toFixed(scope.row.pkId,3)"
>
{{ '删除' }}
</el-button>
</template>
@ -155,11 +193,13 @@
</div>
</div>
</div>
<pagination v-show="total > 0"
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getDataList" />
<pagination
v-show="total > 0"
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getDataList"
/>
</div>
</template>
@ -169,16 +209,16 @@ import * as api from '@/api/giftGoods.js'
export default {
name: 'Bzpz',
components: {
topBar,
topBar
},
filters: {
isAgree(val) {
isAgree(val) {
if (!val) {
return '允许';
return '允许'
} else {
return '禁止';
return '禁止'
}
},
}
},
data() {
return {
@ -189,27 +229,27 @@ export default {
// 查询参数
queryParams: {
pageNum: 1,
pageSize: 50,
pageSize: 50
},
addOrEdit: '',
total: 0,
dialogVisible: false,
tableData: [],
loading:false,
loading: false,
moren: 'directGiftsList',
topList: [
{
name: '直推赠送',
path: 'directGiftsList',
},
path: 'directGiftsList'
}
],
form: {
name: '',
name: ''
},
rules: {
name: [{ required: true, message: '请输入规格类型', trigger: 'blur' }],
name: [{ required: true, message: '请输入规格类型', trigger: 'blur' }]
},
actStatus: [],
actStatus: []
}
},
mounted() {
@ -219,7 +259,7 @@ export default {
this.getDataList()
},
methods: {
//重置
// 重置
reset() {
this.select = {}
this.creationTime = []
@ -233,16 +273,16 @@ export default {
})
},
changeTime(val) {
this.select.startActStartDate = val ? val[0] : "";
this.select.endActStartDate = val ? val[1] : "";
this.select.startActStartDate = val ? val[0] : ''
this.select.endActStartDate = val ? val[1] : ''
},
changeTime1(val) {
this.select.startActEndDate = val ? val[0] : "";
this.select.endActEndDate = val ? val[1] : "";
this.select.startActEndDate = val ? val[0] : ''
this.select.endActEndDate = val ? val[1] : ''
},
changeTime2(val) {
this.select.startCreationTime = val ? val[0] : "";
this.select.endCreationTime = val ? val[1] : "";
this.select.startCreationTime = val ? val[0] : ''
this.select.endCreationTime = val ? val[1] : ''
},
// 点击修改
toFixed(id, index) {
@ -252,9 +292,9 @@ export default {
path: 'addDirect',
query: {
pkId: id,
controlType: index,
controlType: index
// functionType:this.select.functionType
},
}
})
},
// 删除
@ -262,7 +302,7 @@ export default {
this.$confirm('确认删除?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning',
type: 'warning'
}).then(() => {
api.activityRemove(id).then((res) => {
this.getDataList()
@ -282,7 +322,7 @@ export default {
if (res.code == 200) {
this.$message({
message: res.msg,
type: 'success',
type: 'success'
})
this.dialogVisible = false
// 充值数据
@ -305,8 +345,8 @@ export default {
this.$router.push({
path: 'addDirect',
query: {
controlType: 1,
},
controlType: 1
}
})
},
@ -315,7 +355,7 @@ export default {
this.loading = true
api
.directList(
Object.assign({}, this.queryParams, this.select, { actType: 13 })
Object.assign({}, this.queryParams, this.select, { actType: 30 })
)
.then((res) => {
this.tableData = res.rows
@ -326,15 +366,15 @@ export default {
handleSelectionChange(val) {},
/** 导出按钮操作 */
handleExport() {
this.$confirm( '是否确认导出所有数据项?', '警告', {
this.$confirm('是否确认导出所有数据项?', '警告', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning',
type: 'warning'
}).then((_) => {
this.download(
'activity/manage/recommend/export',
Object.assign({},{actType:12}, this.queryParams, this.select),
`${'直推赠送'}${new Date().getTime()}.xlsx`
Object.assign({}, { actType: 12 }, this.queryParams, this.select),
`${'直推升级'}${new Date().getTime()}.xlsx`
)
})
},
@ -345,8 +385,8 @@ export default {
return 'success-row'
}
return ''
},
},
}
}
}
</script>
<style scoped lang="scss">

315
src/views/marketing/directGifts/record.vue Normal file
View File

@ -0,0 +1,315 @@
<!--
* @Descripttion:
* @version:
* @Author: kBank
* @Date: 2022-10-24 15:45:01
-->
<template>
<div class="page">
<topBar
v-if="topList.length > 0"
:top-list="topList"
:moren="moren"
/>
<div class="main">
<div class="form_all">
<el-form
ref="select"
:model="select"
label-width="auto"
>
<el-row :gutter="40">
<!-- 一层 -->
<el-col :span="6">
<el-form-item :label="'活动名称'">
<el-input
v-model="select.actName"
clearable
/>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item :label="'会员编号'">
<el-input
v-model="select.memberCode"
clearable
/>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :label="'活动开始日期'">
<el-date-picker
v-model="creationTime"
value-format="yyyy-MM-dd HH:mm:ss"
type="datetimerange"
:range-separator="'至'"
:start-placeholder="'开始日期'"
:end-placeholder="'结束日期'"
@change="changeTime"
/>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :label="'活动结束日期'">
<el-date-picker
v-model="creationTime1"
value-format="yyyy-MM-dd HH:mm:ss"
type="datetimerange"
:range-separator="'至'"
:start-placeholder="'开始日期'"
:end-placeholder="'结束日期'"
@change="changeTime1"
/>
</el-form-item>
</el-col>
<el-col :span="4">
<el-button
type="primary"
size="small"
@click="getDataList"
> {{ '搜索' }}</el-button>
<el-button
size="small"
class="resetBtn"
@click="reset"
> {{ '重置' }}</el-button>
</el-col>
</el-row>
</el-form>
</div>
<div class="main_a">
<div class="mainbtn">
<el-button
v-hasButtons="['directRecordExport']"
size="small"
class="exportBtn"
@click="handleExport"
> {{ '导出' }}</el-button>
</div>
<div class="maintable">
<el-table
v-loading="loading"
:data="tableData"
style="width: 100%"
height="710px"
:header-cell-style="{ background: '#EEEEEE' }"
:row-class-name="tableRowClassName"
@selection-change="handleSelectionChange"
>
<el-table-column
type="selection"
width="55"
/>
<el-table-column
align="center"
prop="actName"
:label="'活动名称'"
/>
<el-table-column
align="center"
prop="memberCode"
:label="'会员编号'"
/>
<el-table-column
align="center"
prop="memberName"
:label="'会员姓名'"
/>
<el-table-column
align="center"
prop="pkSettleGrade"
:label="'原等级'"
/>
<el-table-column
align="center"
prop="pkRecommendGrade"
:label="'新等级'"
/>
<el-table-column
align="center"
prop="actStartDate"
:label="'活动开始时间'"
/>
<el-table-column
align="center"
prop="actEndDate"
:label="'活动结束时间'"
/>
<el-table-column
align="center"
prop="upgradeTime"
:label="'升级年月'"
/>
<el-table-column
align="center"
prop="creationTime"
:label="'创建时间'"
/>
</el-table>
</div>
</div>
</div>
<pagination
v-show="total > 0"
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getDataList"
/>
</div>
</template>
<script>
import topBar from '@/components/topBar'
import * as api from '@/api/giftGoods.js'
export default {
name: 'Bzpz',
components: {
topBar
},
filters: {
isAgree(val) {
if (!val) {
return '允许'
} else {
return '禁止'
}
}
},
data() {
return {
creationTime: [],
creationTime1: [],
creationTime2: [],
select: {},
// 查询参数
queryParams: {
pageNum: 1,
pageSize: 50
},
total: 0,
tableData: [],
loading: false,
moren: 'directUpgradeRecordList',
topList: [
{
name: '直推升级数据',
path: 'directUpgradeRecordList'
}
],
form: {
name: ''
}
}
},
mounted() {
// 获取列表
this.getDataList()
},
methods: {
// 重置
reset() {
this.select = {}
this.creationTime = []
this.creationTime1 = []
this.creationTime2 = []
this.getDataList()
},
changeTime(val) {
this.select.startActStartDate = val ? val[0] : ''
this.select.startActEndDate = val ? val[1] : ''
},
changeTime1(val) {
this.select.endActStartDate = val ? val[0] : ''
this.select.endActEndDate = val ? val[1] : ''
},
// 获取列表
getDataList() {
this.loading = true
api
.directUpgradeRecordList(
Object.assign({}, this.queryParams, this.select)
)
.then((res) => {
this.tableData = res.rows
this.total = res.total
this.loading = false
})
},
handleSelectionChange(val) {},
/** 导出按钮操作 */
handleExport() {
this.$confirm('是否确认导出所有数据项?', '警告', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then((_) => {
this.download(
'sale/manage/recommend/directPushUpgradeExport',
Object.assign({}, { actType: 12 }, this.queryParams, this.select),
`${'直推升级数据'}${new Date().getTime()}.xlsx`
)
})
},
tableRowClassName({ row, rowIndex }) {
if (rowIndex % 2 == 1) {
return 'warning-row'
} else if (rowIndex % 2 == 0) {
return 'success-row'
}
return ''
}
}
}
</script>
<style scoped lang="scss">
::v-deep .el-table .warning-row {
background: #f9f9f9;
}
::v-deep .el-table .success-row {
background: #ffffff;
}
::v-deep .el-table thead {
color: #000000;
}
::v-deep .el-select {
width: 100%;
}
.page {
padding: 20px;
background: #f9f9f9;
font-size: 14px;
.main {
// background: #ffffff;
border-radius: 8px;
display: flex;
flex-direction: column;
.main_a {
background: #fff;
border-radius: 8px;
justify-content: space-between;
align-items: center;
box-shadow: 0px 2px 20px 0px rgba(238, 238, 238, 0.5);
}
.mainbtn {
padding: 0;
}
.maintable {
flex: 1;
}
}
}
::v-deep .el-date-editor.el-input,
.el-date-editor.el-input__inner {
width: 100%;
}
.form_all {
padding: 0 20px;
margin-bottom: 10px;
background: #fff;
}
</style>

288
src/views/marketing/directRanking/amount.vue Normal file
View File

@ -0,0 +1,288 @@
<template>
<div class="page">
<topBar
v-if="topList.length > 0"
:top-list="topList"
:moren="moren"
/>
<div class="main">
<div class="form_all">
<el-form ref="select" :model="select" label-width="auto">
<el-row :gutter="10">
<el-col :span="6">
<el-form-item :label="'统计时间'">
<el-date-picker
v-model="select.selectDate"
type="month"
value-format="yyyy-MM"
:placeholder="'请选择'"
:clearable="false"
@change="changeTime"
/>
</el-form-item>
</el-col>
<el-col :span="4">
<el-button type="primary" @click="getDataList">
{{ '搜索' }}</el-button>
<el-button type="" @click="reset"> {{ '重置' }}</el-button>
</el-col>
</el-row>
</el-form>
</div>
<div class="maintop">
<div class="mainbtn">
<el-button
v-hasButtons="['directRankingExport']"
size="small"
style="background-color: #ffad41"
class="thebtn1"
@click="handleExport"
>
{{ '导出' }}</el-button>
</div>
</div>
<div class="maintable">
<el-table
v-loading="loading"
:data="tableData"
style="width: 100%"
:header-cell-style="{ background: '#EEEEEE' }"
:row-class-name="tableRowClassName"
@selection-change="handleSelectionChange"
>
<el-table-column type="selection" width="55" />
<el-table-column align="center" prop="ranking" label="排名">
<template slot-scope="scope">
<span :class="getRankingClass(scope.$index + 1)">{{ scope.$index + 1 }}</span>
</template>
</el-table-column>
<el-table-column
align="center"
prop="memberCode"
:label="'会员编号'"
/>
<el-table-column
align="center"
prop="memberName"
:label="'会员姓名'"
/>
<el-table-column
align="center"
prop="numberOfAmount"
label="直推金额(万元)"
/>
</el-table>
</div>
</div>
<!-- <pagination
v-show="total > 0"
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getDataList"
/> -->
</div>
</template>
<script>
import * as api from '@/api/giftGoods.js'
import mixins from './mixins'
export default {
name: 'DirectRankingList',
mixins: [mixins],
data() {
return {
select: {
selectDate: ''
},
// 查询参数
queryParams: {
pageNum: 1,
pageSize: 50,
year: '',
month: '',
faker: false
},
total: 0,
tableData: [],
loading: false,
moren: 'directAmountRankingList'
}
},
mounted() {
this.init()
this.getDataList()
},
methods: {
aaa(obj) {
console.log(obj, '....obj')
},
init() {
const month = new Date().getMonth() + 1
const monthStr = month < 10 ? '0' + month : month
this.select.selectDate = new Date().getFullYear() + '-' + monthStr
},
changeTime(val) {
this.queryParams.selectDate = val
},
reset() {
this.select = {}
},
getDataList() {
this.loading = true
const [year, month] = this.select.selectDate.split('-')
api
.getMemberDirectPushAmount(Object.assign({}, this.queryParams, this.select, {
year,
month
}))
.then((res) => {
this.tableData = res.data
this.total = res.total
this.loading = false
})
},
handleSelectionChange(val) {},
tableRowClassName({ row, rowIndex }) {
if (rowIndex % 2 === 1) {
return 'warning-row'
} else if (rowIndex % 2 === 0) {
return 'success-row'
}
return ''
},
getRankingClass(ranking) {
if (ranking === 1) {
return 'first-place-cell'
} else if (ranking === 2) {
return 'second-place-cell'
} else if (ranking === 3) {
return 'third-place-cell'
}
return 'normal-ranking'
}
}
}
</script>
<style scoped lang="scss">
::v-deep .el-table .warning-row {
background: #f9f9f9;
}
::v-deep .el-table .success-row {
background: #ffffff;
}
::v-deep .el-table thead {
color: #000000;
}
::v-deep .el-select {
width: 100%;
}
.uploadIcon ::v-deep .el-upload--picture-card {
display: none !important; /* 上传按钮隐藏 */
}
.page {
padding: 20px;
background: #f9f9f9;
font-size: 14px;
.main {
background: #ffffff;
border-radius: 8px;
box-shadow: 0px 2px 20px 0px rgba(238, 238, 238, 0.5);
.form_all {
padding: 0px 20px 0 20px;
// margin-bottom: 20px;
background: #fff;
border-radius: 8px;
}
.maintop {
display: flex;
padding: 0px 0px;
justify-content: space-between;
align-items: center;
background: #f8f8f8;
.mainbtn {
.thebtn1 {
background: #3181e5;
color: #ffffff;
}
.thebtn2 {
background: #ffad41;
color: #ffffff;
}
}
.maintitle {
font-size: 10px;
font-family: MicrosoftYaHei;
color: #999999;
}
}
}
.tem {
display: flex;
align-items: center;
justify-content: center;
img {
width: 28px;
height: 20px;
margin-right: 3px;
}
}
.isRed {
color: #ed1d25;
}
.isGreen {
color: #1ab62b;
}
.bgImg {
width: 48px;
height: 48px;
}
}
.openClose {
text-align: right;
margin-right: 10px;
color: #3181e5;
}
.dizhi {
::v-deep .el-cascader {
width: 100%;
}
}
::v-deep .el-date-editor.el-input,
.el-date-editor.el-input__inner {
width: auto;
}
.lan {
text-decoration: underline;
color: #48b2fd;
cursor: pointer;
}
/* 排名字体颜色样式 */
.first-place-cell {
color: #FFD700;
font-weight: bold;
}
.second-place-cell {
color: #C0C0C0;
font-weight: bold;
}
.third-place-cell {
color: #CD853F;
font-weight: bold;
}
.normal-ranking {
color: #666666;
}
</style>

96
src/views/marketing/directRanking/config.vue Normal file
View File

@ -0,0 +1,96 @@
<template>
<div class="page">
<topBar
v-if="topList.length > 0"
:top-list="topList"
:moren="moren"
/>
<el-form>
<el-form-item label="直推人数排行榜">
<el-switch
:value="pushPeople"
active-text="开启"
active-value="true"
inactive-value="false"
inactive-text="关闭"
@change="pushPeopleHandle"
/>
</el-form-item>
<el-form-item label="直推金额排行榜">
<el-switch
:value="pushAmount"
active-text="开启"
active-value="true"
inactive-value="false"
inactive-text="关闭"
@change="pushAmountHandle"
/>
</el-form-item>
</el-form>
</div>
</template>
<script>
import mixins from './mixins'
import {
getMemberDirectPushSwitchStatus,
setMemberDirectPush,
setMemberDirectPushAmount
} from '@/api/giftGoods'
export default {
name: 'DirectRankingConfig',
mixins: [mixins],
data() {
return {
pushPeople: 'false',
pushAmount: 'false',
moren: 'directConfig'
}
},
mounted() {
this.getMemberDirectPushSwitchStatus()
},
methods: {
pushPeopleHandle(val) {
this.pushPeople = val
this.setMemberDirectPush(val)
},
pushAmountHandle(val) {
this.pushAmount = val
this.setMemberDirectPushAmount(val)
},
getMemberDirectPushSwitchStatus() {
getMemberDirectPushSwitchStatus('getShowPeople').then(res => {
this.pushPeople = res.data
})
getMemberDirectPushSwitchStatus('getShowAmount').then(res => {
this.pushAmount = res.data
})
},
setMemberDirectPush(val) {
setMemberDirectPush(val).then(res => {
if (res.code === 200) {
this.$message.success('操作成功')
this.pushPeople = val
}
})
},
setMemberDirectPushAmount(val) {
setMemberDirectPushAmount(val).then(res => {
if (res.code === 200) {
this.$message.success('操作成功')
this.pushAmount = val
}
})
}
}
}
</script>
<style>
</style>

203
src/views/marketing/directRanking/index.vue
View File

@ -2,171 +2,139 @@
<div class="page">
<topBar
v-if="topList.length > 0"
:topList="topList"
:top-list="topList"
:moren="moren"
></topBar>
/>
<div class="main">
<div class="form_all">
<el-form ref="select" :model="select" label-width="auto">
<el-row :gutter="10">
<el-col :span="4">
<el-form-item :label="'会员编号'" prop="memberCode">
<el-input
clearable
v-model="select.memberCode"
:placeholder="'请输入'"
></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item :label="'统计时间'">
<el-date-picker
v-model="select.payDate"
@change="changeTime"
v-model="select.selectDate"
type="month"
value-format="yyyy-MM"
:placeholder="'请选择'"
>
</el-date-picker>
:clearable="false"
@change="changeTime"
/>
</el-form-item>
</el-col>
<el-col :span="4">
<el-button type="primary" @click="getDataList">
{{ '搜索' }}</el-button
>
{{ '搜索' }}</el-button>
<el-button type="" @click="reset"> {{ '重置' }}</el-button>
</el-col>
</el-row>
</el-form>
</div>
<div class="maintop">
<div class="mainbtn">
<el-button
size="small"
@click="handleExport"
v-hasButtons="['directRankingExport']"
style="background-color: #ffad41"
class="thebtn1"
>
{{ '导出' }}</el-button
>
</div>
</div>
<div class="maintable">
<el-table
:data="tableData"
v-loading="loading"
:data="tableData"
style="width: 100%"
:header-cell-style="{ background: '#EEEEEE' }"
:row-class-name="tableRowClassName"
@selection-change="handleSelectionChange"
>
<el-table-column type="selection" width="55"> </el-table-column>
<el-table-column type="selection" width="55" />
<el-table-column
align="center"
prop="payTime"
:label="'统计时间'"
>
</el-table-column>
<el-table-column align="center" prop="ranking" label="排名">
<template slot-scope="scope">
<span :class="getRankingClass(scope.$index + 1)">{{ scope.$index + 1 }}</span>
</template>
</el-table-column>
<el-table-column
align="center"
prop="memberCode"
:label="'会员编号'"
>
</el-table-column>
/>
<el-table-column
align="center"
prop="memberName"
:label="'会员姓名'"
>
</el-table-column>
/>
<el-table-column
align="center"
prop="gradeName"
:label="'结算等级'"
>
</el-table-column>
<el-table-column
align="center"
prop="awardsName"
:label="'真实奖衔'"
>
</el-table-column>
<el-table-column
align="center"
prop="orderAchieve"
:label="'直推业绩'"
>
</el-table-column>
prop="numberOfPeople"
label="直推人数"
/>
</el-table>
</div>
</div>
<pagination
<!-- <pagination
v-show="total > 0"
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getDataList"
/>
/> -->
</div>
</template>
<script>
import topBar from "@/components/topBar";
import * as api from "@/api/giftGoods.js";
<script>
import * as api from '@/api/giftGoods.js'
import mixins from './mixins'
export default {
name: "DirectRankingList",
components: {
topBar,
},
name: 'DirectRankingList',
mixins: [mixins],
data() {
return {
creationTime: [],
select: {},
select: {
selectDate: ''
},
// 查询参数
queryParams: {
pageNum: 1,
pageSize: 50,
year: '',
month: '',
faker: false
},
total: 0,
tableData: [],
loading:false,
moren: "directRankingList",
topList: [
{
name: "直推排行数据",
path: "directRankingList",
},
],
};
loading: false,
moren: 'directRankingList'
}
},
mounted() {
// 获取列表
// this.getDataList();
this.init()
this.getDataList()
},
methods: {
changeTime(val){
this.queryParams.payDate = val
aaa(obj) {
console.log(obj, '....obj')
},
init() {
const month = new Date().getMonth() + 1
const monthStr = month < 10 ? '0' + month : month
this.select.selectDate = new Date().getFullYear() + '-' + monthStr
},
changeTime(val) {
this.queryParams.selectDate = val
},
reset() {
this.select = {};
this.creationTime = [];
this.select = {}
},
getDataList() {
this.loading = true
const [year, month] = this.select.selectDate.split('-')
api
.getMemberDirectPusht(Object.assign({}, this.queryParams, this.select))
.getMemberDirectPush(Object.assign({}, this.queryParams, this.select, {
year,
month
}))
.then((res) => {
this.tableData = res.data;
this.total = res.total;
this.tableData = res.data
this.total = res.total
this.loading = false
});
})
},
handleSelectionChange(val) {},
@ -175,25 +143,35 @@ export default {
this.$confirm('是否确认导出所有数据项?', '警告', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: "warning",
type: 'warning'
}).then((_) => {
this.download(
"/member/manager/member/get-member-direct-push-export",
'/member/manager/member/get-member-direct-push-export',
Object.assign({}, this.queryParams, this.select),
`直推排行数据${new Date().getTime()}.xlsx`
);
});
)
})
},
tableRowClassName({ row, rowIndex }) {
if (rowIndex % 2 == 1) {
return "warning-row";
} else if (rowIndex % 2 == 0) {
return "success-row";
if (rowIndex % 2 === 1) {
return 'warning-row'
} else if (rowIndex % 2 === 0) {
return 'success-row'
}
return "";
return ''
},
},
};
getRankingClass(ranking) {
if (ranking === 1) {
return 'first-place-cell'
} else if (ranking === 2) {
return 'second-place-cell'
} else if (ranking === 3) {
return 'third-place-cell'
}
return 'normal-ranking'
}
}
}
</script>
<style scoped lang="scss">
::v-deep .el-table .warning-row {
@ -290,5 +268,24 @@ export default {
color: #48b2fd;
cursor: pointer;
}
/* 排名字体颜色样式 */
.first-place-cell {
color: #FFD700;
font-weight: bold;
}
.second-place-cell {
color: #C0C0C0;
font-weight: bold;
}
.third-place-cell {
color: #CD853F;
font-weight: bold;
}
.normal-ranking {
color: #666666;
}
</style>

48
src/views/marketing/directRanking/mixins.js Normal file
View File

@ -0,0 +1,48 @@
import topBar from '@/components/topBarRole'
import { getRouters } from '@/api/settle'
export default {
data() {
return {
topList: [
{
name: '直推人数排行数据',
path: 'directRankingList',
url: 'DirectRankingList',
changed: false
},
{
name: '直推金额排行数据',
path: 'directAmountRankingList',
url: 'DirectAmountRankingList',
changed: false
},
{
name: '直推配置',
path: 'directConfig',
url: 'DirectConfig',
changed: false
}
]
}
},
components: {
topBar
},
mounted() {
this.getUserRoute()
},
methods: {
getUserRoute() {
getRouters().then((res) => {
res.data.forEach((item) => {
this.topList.forEach((items) => {
if (item.routeName === items.url) {
items.changed = true
}
})
})
})
}
}
}