Skip to content

C
confucius
Commit 2c3c5b2b authored by 黄奎's avatar 黄奎
Browse files
Options

页面修改

parent 6030efcb
Hide whitespace changes
Inline Side-by-side
Showing with 420 additions and 0 deletions
src/api/sale/peemanagement.js
View file @ 2c3c5b2b
...@@ -134,3 +134,27 @@ export function GetCustomerBalanceDetailPage(data) { ...@@ -134,3 +134,27 @@ export function GetCustomerBalanceDetailPage(data) {
}) })
} }
/**
* 获取客户完成任务分页列表
*
*/
export function queryCustomerFinishtaskPage(data) {
return request({
url: '/B2BCustomer/GetCustomerFinishtaskPage',
method: 'post',
data
})
}
/**
* 根据编号获取任务完成详情列表
*
*/
export function queryCustomerFinishtaskDetailsPage(data) {
return request({
url: '/B2BCustomer/GetCustomerFinishtaskDetailsPage',
method: 'post',
data
})
}
\ No newline at end of file
src/pages/sale/finishTask.vue 0 → 100644
View file @ 2c3c5b2b
<template>
<div class="page-body">
<div class="page-search row items-center">
<div class="col row wrap q-col-gutter-md">
<div class="col-3">
<q-input @input="resetSearch" clearable filled v-model="msg.TaskName" label="任务名称" />
</div>
<div class="col-3">
<q-input @input="resetSearch" clearable filled v-model="msg.CustomerName" label="客户名称" />
</div>
<div class="col-3">
<q-select @input="resetSearch" option-value="Id" option-label="Name" clearable filled
v-model="msg.ExchangeStatus" :options="StatusList" emit-value map-options label="状态" />
</div>
</div>
</div>
<div class="page-content">
<q-table :pagination="msg" :loading="loading" no-data-label="暂无相关数据" flat
class="sticky-right-column-table sticky-column-table" separator="none" :data="dataList" :columns="columns"
row-key="name">
<template v-slot:top>
<div class="col-2 q-table__title">核销奖品</div>
<q-space />
<div class="page-option">
</div>
</template>
<template v-slot:body-cell-TaskKudo="props">
<q-td>
<template v-if="props.row.TaskKudoImgList&&props.row.TaskKudoImgList.length>0">
<img :src="props.row.TaskKudoImgList[0]" style="width:40px;height:40px;" />
<br />
</template>
{{props.row.TaskKudo}}
</q-td>
</template>
<template v-slot:body-cell-optioned="props">
<q-td>
<q-btn flat size="xs" icon="iconfont icon-view" style="font-weight:400" label="详情"
@click="goToDetail(props.row)" />
</q-td>
</template>
<template v-slot:bottom>
<q-pagination class="full-width justify-end" v-model="msg.pageIndex" color="primary" :max="pageCount"
:input="true" @input="changePage" />
</template>
</q-table>
</div>
</div>
</template>
<script>
import {
queryCustomerFinishtaskPage
} from '../../api/sale/peemanagement';
export default {
meta: {
title: "核销奖品"
},
components: {
},
data() {
return {
columns: [{
name: 'CustomerName',
label: '客户名称',
align: 'left',
field: 'CustomerName'
},
{
name: 'TaskName',
label: '任务名称',
align: 'left',
field: 'TaskName'
},
{
name: 'TaskKudo',
label: '获得奖品',
align: 'left',
field: 'TaskKudo'
},
{
name: 'ExchangeCode',
label: '兑换码',
field: 'ExchangeCode',
align: 'left',
},
{
name: 'ReceiveTimeStr',
label: '获得时间',
align: "left",
field: 'ReceiveTimeStr',
},
{
name: 'ExchangeStatusStr',
label: '兑换状态',
field: 'ExchangeStatusStr',
align: 'left',
},
{
name: 'ExchangeTimeStr',
label: '兑换时间',
field: 'ExchangeTimeStr',
align: 'left',
},
{
name: 'optioned',
label: '操作',
field: 'Id'
}
],
dataList: [],
loading: true,
msg: {
pageIndex: 1,
pageSize: 12,
rowsPerPage: 12,
TaskName: "", //任务
CustomerName: "", //客户名称
ExchangeStatus: "", //领取状态
},
StatusList: [{
Id: 1,
Name: "已领取"
},
{
Id: 2,
Name: "已兑换"
},
{
Id: 3,
Name: "已过期"
}
],
pageCount: 0,
}
},
created() {},
mounted() {
this.getList()
},
methods: {
goToDetail(item) {
this.OpenNewUrl('/sale/finishTaskDetails', {
TaskId: item.TaskId,
DetailsId: item.DetailsId,
CustomerId: item.CustomerId
})
},
resetSearch() {
this.loading = true;
this.msg.pageIndex = 1;
this.getList();
},
changePage(val) {
this.msg.pageIndex = val;
this.loading = true;
this.getList();
},
//获取数据
getList() {
this.loading = true;
queryCustomerFinishtaskPage(this.msg).then(res => {
this.loading = false;
if (res.Code == 1) {
this.dataList = res.Data.PageData;
this.pageCount = res.Data.PageCount;
}
}).catch(() => {
this.loading = false
})
}
},
}
</script>
<style lang="sass">
@import url('~assets/css/table.sass')
</style>
<style lang="scss">
.otherTask {
display: inline-block;
width: 22px;
height: 22px;
text-align: center;
border: 1px solid #2961FE;
border-radius: 50%;
cursor: pointer;
color: #2961FE;
}
.saleTaskTable {
width: 400px;
text-align: center;
}
.saleTaskTable tr td {
height: 40px;
}
.saleTaskTable tr th {
height: 40px;
background-color: rgb(238, 238, 239);
}
.border-bottom {
border-bottom: 1px dashed #eee;
padding-bottom: 5px;
margin-bottom: 5px;
}
</style>
\ No newline at end of file
src/pages/sale/finishTaskDetails.vue 0 → 100644
View file @ 2c3c5b2b
<template>
<div class="page-body">
<div class="page-search row items-center">
<div class="col row wrap q-col-gutter-md">
<div class="col-3">
<!-- <q-input @input="resetSearch" clearable filled v-model="msg.TaskName" label="任务名称" /> -->
</div>
</div>
</div>
<div class="page-content">
<q-table :pagination="msg" :loading="loading" no-data-label="暂无相关数据" flat class="sticky-column-table"
separator="none" :data="dataList" :columns="columns" row-key="name">
<template v-slot:top>
<div class="col-2 q-table__title">核销奖品</div>
<q-space />
<div class="page-option">
</div>
</template>
<template v-slot:body-cell-ExchangeNum="props">
<q-td>
<template v-if="props.row.FinishType==1">
{{props.row.ExchangeNum}} 人
</template>
</q-td>
</template>
<template v-slot:body-cell-ExchangeMoney="props">
<q-td>
<template v-if="props.row.FinishType==2">
{{props.row.ExchangeMoney}} 元
</template>
</q-td>
</template>
<template v-slot:bottom>
<q-pagination class="full-width justify-end" v-model="msg.pageIndex" color="primary" :max="pageCount"
:input="true" @input="changePage" />
</template>
</q-table>
</div>
</div>
</template>
<script>
import {
queryCustomerFinishtaskDetailsPage
} from '../../api/sale/peemanagement';
export default {
meta: {
title: "任务完成情况"
},
components: {
},
data() {
return {
columns: [{
name: 'FinishTypeStr',
label: '兑换类型',
align: 'left',
field: 'FinishTypeStr'
},
{
name: 'OrderId',
label: '兑换订单',
align: 'left',
field: 'OrderId'
},
{
name: 'FinishValue',
label: '完成值',
field: 'FinishValue',
align: 'left',
},
{
name: 'ExchangeNum',
label: '使用人数',
align: "left",
field: 'ExchangeNum',
},
{
name: 'ExchangeMoney',
label: '使用金额',
align: "left",
field: 'ExchangeMoney',
},
],
dataList: [],
loading: true,
msg: {
pageIndex: 1,
pageSize: 12,
rowsPerPage: 12,
TaskId: "", //任务编号
DetailsId: "", //任务详情编号
CustomerId: "", //客户编号
},
pageCount: 0,
}
},
created() {
if (this.$route.query.TaskId) {
this.msg.TaskId = this.$route.query.TaskId;
}
if (this.$route.query.DetailsId) {
this.msg.DetailsId = this.$route.query.DetailsId;
}
if (this.$route.query.CustomerId) {
this.msg.CustomerId = this.$route.query.CustomerId;
}
},
mounted() {
this.getList()
},
methods: {
resetSearch() {
this.loading = true;
this.msg.pageIndex = 1;
this.getList();
},
changePage(val) {
this.msg.pageIndex = val;
this.loading = true;
this.getList();
},
//获取数据
getList() {
this.loading = true;
queryCustomerFinishtaskDetailsPage(this.msg).then(res => {
this.loading = false;
if (res.Code == 1) {
this.dataList = res.Data.PageData;
this.pageCount = res.Data.PageCount;
}
}).catch(() => {
this.loading = false
})
}
},
}
</script>
<style lang="sass">
@import url('~assets/css/table.sass')
</style>
<style lang="scss">
.otherTask {
display: inline-block;
width: 22px;
height: 22px;
text-align: center;
border: 1px solid #2961FE;
border-radius: 50%;
cursor: pointer;
color: #2961FE;
}
.saleTaskTable {
width: 400px;
text-align: center;
}
.saleTaskTable tr td {
height: 40px;
}
.saleTaskTable tr th {
height: 40px;
background-color: rgb(238, 238, 239);
}
.border-bottom {
border-bottom: 1px dashed #eee;
padding-bottom: 5px;
margin-bottom: 5px;
}
</style>
\ No newline at end of file
src/router/routes.js
View file @ 2c3c5b2b
...@@ -878,6 +878,16 @@ const routes = [{ ...@@ -878,6 +878,16 @@ const routes = [{
component: () => component: () =>
import("pages/sale/saleTask.vue") import("pages/sale/saleTask.vue")
}, },
{
path: "/sale/finishTask", //销售 营销任务
component: () =>
import("pages/sale/finishTask.vue")
},
{
path: "/sale/finishTaskDetails", //销售 营销任务完成详情
component: () =>
import("pages/sale/finishTaskDetails.vue")
},
{ {
path: "/sale/happyPassbook", //客户管理-幸福存折 path: "/sale/happyPassbook", //客户管理-幸福存折
component: () => component: () =>
......
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