feat(underDirect): 安置伞下添加系统编号快速筛条件

This commit is contained in:
woody 2025-05-20 14:05:53 +08:00
parent f47fb2d019
commit bc0b62e7f5
5 changed files with 480 additions and 408 deletions

View File

@ -1,5 +1,5 @@
<template>
<el-form-item label="顶点会员">
<el-form-item label="系统编号">
<el-select
v-model="pkVertex"
clearable

View File

@ -6,110 +6,147 @@
-->
<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="10">
<el-col :span="4">
<TopMemberSelect ref="topMemberSelect" @change="topMemberHandleChange" />
</el-col>
<el-col :span="4">
<el-form-item :label="'会员编号'">
<el-input clearable
v-model="select.memberCode"></el-input>
<el-input
v-model="select.memberCode"
clearable
/>
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item :label="'会员姓名'">
<el-input clearable
v-model="select.memberName"></el-input>
<el-input
v-model="select.memberName"
clearable
/>
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item :label="'订单类型'"
prop="orderType">
<el-select clearable
v-model="select.orderType"
:placeholder="'请选择'">
<el-option v-for="(item, index) in orderTypeList"
:key="index"
:label="item.label"
:value="item.value"></el-option>
</el-select>
</el-form-item>
<el-form-item
:label="'订单类型'"
prop="orderType"
>
<el-select
v-model="select.orderType"
clearable
:placeholder="'请选择'"
>
<el-option
v-for="(item, index) in orderTypeList"
:key="index"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item :label="'真实奖衔'">
<el-select clearable
:placeholder="'请选择'"
v-model="select.pkAwards">
<el-option v-for="item in awardsList"
:key="item.pkId"
:label="item.awardsName"
:value="item.pkId"></el-option>
<el-select
v-model="select.pkAwards"
clearable
:placeholder="'请选择'"
>
<el-option
v-for="item in awardsList"
:key="item.pkId"
:label="item.awardsName"
:value="item.pkId"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item :label="'隶属体系'">
<el-select clearable
:placeholder="'请选择'"
v-model="select.pkVertex">
<el-option v-for="item in vertexList"
:key="item.pkId"
:label="item.vertexName"
:value="item.pkId"></el-option>
<el-select
v-model="select.pkVertex"
clearable
:placeholder="'请选择'"
>
<el-option
v-for="item in vertexList"
:key="item.pkId"
:label="item.vertexName"
:value="item.pkId"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item :label="'隶属团队'">
<el-select clearable
:placeholder="'请选择'"
v-model="select.pkTeamCode">
<el-option v-for="item in teamList"
:key="item.pkId"
:label="item.teamName"
:value="item.pkId"></el-option>
<el-select
v-model="select.pkTeamCode"
clearable
:placeholder="'请选择'"
>
<el-option
v-for="item in teamList"
:key="item.pkId"
:label="item.teamName"
:value="item.pkId"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item :label="'国家'">
<el-select v-model="select.pkCountry"
size="medium"
filterable
:placeholder="'请选择'">
<el-option v-for="item in countryList"
:key="item.pkCountry"
:label="item.name"
:value="item.pkCountry">
</el-option>
<el-select
v-model="select.pkCountry"
size="medium"
filterable
:placeholder="'请选择'"
>
<el-option
v-for="item in countryList"
:key="item.pkCountry"
:label="item.name"
:value="item.pkCountry"
/>
</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"
type="daterange"
:range-separator="'至'"
:start-placeholder="'开始日期'"
:end-placeholder="'结束日期'">
</el-date-picker>
<el-date-picker
v-model="creationTime"
value-format="yyyy-MM-dd"
type="daterange"
:range-separator="'至'"
:start-placeholder="'开始日期'"
:end-placeholder="'结束日期'"
@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-button
type="primary"
@click="getDataList"
> {{ '搜索' }}</el-button>
<el-button
type=""
@click="reset"
> {{ '重置' }}</el-button>
</el-col>
</el-row>
</el-form>
@ -120,73 +157,93 @@
@click="openDig"
v-hasButtons="['MissionAdd']"
class="addBtn">{{'添加'}}</el-button> -->
<el-button size="small"
@click="handleExport"
style="background-color: #ffad41"
class="thebtn1"> {{ '导出' }}</el-button>
<el-button
size="small"
style="background-color: #ffad41"
class="thebtn1"
@click="handleExport"
> {{ '导出' }}</el-button>
</div>
</div>
<div class="maintable">
<el-table :data="tableData"
v-loading="loading"
style="width: 100%"
height="700px"
: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="picture"
label="国旗">
<el-table
v-loading="loading"
:data="tableData"
style="width: 100%"
height="700px"
: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="picture"
label="国旗"
>
<template slot-scope="scope">
<div class="tem">
<img :src="scope.row.nationalFlag1"
alt="">
<img
:src="scope.row.nationalFlag1"
alt=""
>
</div>
</template>
</el-table-column>
<el-table-column align="center"
prop="shortName"
:label="'国家'">
</el-table-column>
<el-table-column align="center"
prop="memberCode"
:label="'会员编号'">
</el-table-column>
<el-table-column
align="center"
prop="shortName"
:label="'国家'"
/>
<el-table-column
align="center"
prop="memberCode"
:label="'会员编号'"
/>
<el-table-column align="center"
prop="memberName"
:label="'会员姓名'">
</el-table-column>
<el-table-column align="center"
prop="phone"
:label="'联系方式'">
</el-table-column>
<el-table-column align="center"
prop="orderTypeVal"
:label="'订单类型'">
</el-table-column>
<el-table-column align="center"
prop="awardsName"
:label="'真实奖衔'">
</el-table-column>
<el-table-column align="center"
prop="vertexName"
:label="'隶属体系'">
</el-table-column>
<el-table-column align="center"
prop="pkTeamCode"
:label="'隶属团队'">
</el-table-column>
<el-table-column align="center"
prop="orderAmount"
label="新增金额(¥)">
</el-table-column>
<el-table-column align="center"
prop="orderAchieve"
:label="'新增业绩'+'(PV)'">
</el-table-column>
<el-table-column
align="center"
prop="memberName"
:label="'会员姓名'"
/>
<el-table-column
align="center"
prop="phone"
:label="'联系方式'"
/>
<el-table-column
align="center"
prop="orderTypeVal"
:label="'订单类型'"
/>
<el-table-column
align="center"
prop="awardsName"
:label="'真实奖衔'"
/>
<el-table-column
align="center"
prop="vertexName"
:label="'隶属体系'"
/>
<el-table-column
align="center"
prop="pkTeamCode"
:label="'隶属团队'"
/>
<el-table-column
align="center"
prop="orderAmount"
label="新增金额(¥)"
/>
<el-table-column
align="center"
prop="orderAchieve"
:label="'新增业绩'+'(PV)'"
/>
<!-- <el-table-column align="center"
prop="payTime"
label="订单日期">
@ -194,11 +251,13 @@
</el-table>
</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>
@ -210,37 +269,39 @@ import * as log from '@/api/logistics'
import { getAwardsListChiose } from '@/api/level'
import { getvertexValue } from '@/api/financialCase'
import { userCountryList } from '@/api/site.js'
import TopMemberSelect from '@/components/top-member-select'
export default {
name: 'Bzpz',
components: {
topBar,
TopMemberSelect
},
data() {
return {
creationTime: [],
select: {
orderType:1
orderType: 1
},
//
queryParams: {
pageNum: 1,
pageSize: 50,
pageSize: 50
},
total: 0,
tableData: [],
loading:false,
loading: false,
awardsList: [],
vertexList: [],
teamList: [],
countryList: [],
orderTypeList:[],
orderTypeList: [],
moren: 'underDirectAdd',
topList: [
{
name: '伞下直推新增业绩',
path: 'underDirectAdd',
},
],
path: 'underDirectAdd'
}
]
}
},
mounted() {
@ -255,26 +316,32 @@ export default {
// this.getEYesNoList()
},
methods: {
topMemberHandleChange(val) {
if (val) {
this.select.memberCode = val
this.getDataList()
}
},
getStartTime() {
const date = new Date();
date.setDate(1); //
const year = date.getFullYear(); //
let month = date.getMonth() + 1; // 0-11+1
month = month >= 10 ? month : "0" + month; //
let day = date.getDate(); // setDate(1)
day = day >= 10 ? day : "0" + day; //
return year + "-" + month + "-" + day;
const date = new Date()
date.setDate(1) //
const year = date.getFullYear() //
let month = date.getMonth() + 1 // 0-11+1
month = month >= 10 ? month : '0' + month //
let day = date.getDate() // setDate(1)
day = day >= 10 ? day : '0' + day //
return year + '-' + month + '-' + day
},
getEndTime() {
let date = new Date();
let year = date.getFullYear(); //
let month = date.getMonth() + 1; // 0-11+1
month = month >= 10 ? month : "0" + month; //
let day = date.getDate(); // setDate(1)
day = day >= 10 ? day : "0" + day; //
return year + "-" + month + "-" + day + " ";
const date = new Date()
const year = date.getFullYear() //
let month = date.getMonth() + 1 // 0-11+1
month = month >= 10 ? month : '0' + month //
let day = date.getDate() // setDate(1)
day = day >= 10 ? day : '0' + day //
return year + '-' + month + '-' + day + ' '
},
//
//
getData() {
getAwardsListChiose().then((res) => {
this.awardsList = res.rows
@ -293,27 +360,28 @@ export default {
})
},
getStartTime() {
const date = new Date();
date.setDate(1); //
const year = date.getFullYear(); //
let month = date.getMonth() + 1; // 0-11+1
month = month >= 10 ? month : "0" + month; //
let day = date.getDate(); // setDate(1)
day = day >= 10 ? day : "0" + day; //
return year + "-" + month + "-" + day;
const date = new Date()
date.setDate(1) //
const year = date.getFullYear() //
let month = date.getMonth() + 1 // 0-11+1
month = month >= 10 ? month : '0' + month //
let day = date.getDate() // setDate(1)
day = day >= 10 ? day : '0' + day //
return year + '-' + month + '-' + day
},
getEndTime() {
let date = new Date();
let year = date.getFullYear(); //
let month = date.getDate() === 1 ? date.getMonth() : date.getMonth() + 1; // 0-11+1
month = month >= 10 ? month : "0" + month; //
let day = date.getDate(); // setDate(1)
day = day >= 10 ? day : "0" + day; //
return year + "-" + month + "-" + day + " ";
const date = new Date()
const year = date.getFullYear() //
let month = date.getDate() === 1 ? date.getMonth() : date.getMonth() + 1 // 0-11+1
month = month >= 10 ? month : '0' + month //
let day = date.getDate() // setDate(1)
day = day >= 10 ? day : '0' + day //
return year + '-' + month + '-' + day + ' '
},
reset() {
this.$refs.topMemberSelect.reset()
this.select = {
orderType:1
orderType: 1
}
this.creationTime = []
this.getDataList()
@ -338,7 +406,7 @@ export default {
this.$confirm('是否确认导出所有数据项?', '警告', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning',
type: 'warning'
}).then((_) => {
this.download(
'report/manager/member-report/export-direct-push-new',
@ -354,8 +422,8 @@ export default {
return 'success-row'
}
return ''
},
},
}
}
}
</script>
<style scoped lang="scss">

View File

@ -2,28 +2,31 @@
<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">
<TopMemberSelect ref="topMemberSelect" @change="topMemberHandleChange" />
</el-col>
<el-col :span="4">
<el-form-item :label="'会员编号'">
<el-input clearable v-model="select.memberCode"></el-input>
<el-input v-model="select.memberCode" clearable />
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item :label="'会员姓名'">
<el-input clearable v-model="select.memberName"></el-input>
<el-input v-model="select.memberName" clearable />
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item :label="'订单类型'" prop="orderType">
<el-select
clearable
v-model="select.orderType"
clearable
:placeholder="'请选择'"
>
<el-option
@ -31,23 +34,23 @@
:key="index"
:label="item.label"
:value="item.value"
></el-option>
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item :label="'真实奖衔'">
<el-select
v-model="select.pkAwards"
clearable
:placeholder="'请选择'"
v-model="select.pkAwards"
>
<el-option
v-for="item in awardsList"
:key="item.pkId"
:label="item.awardsName"
:value="item.pkId"
></el-option>
/>
</el-select>
</el-form-item>
</el-col>
@ -55,32 +58,32 @@
<el-col :span="4">
<el-form-item :label="'隶属体系'">
<el-select
v-model="select.pkVertex"
clearable
:placeholder="'请选择'"
v-model="select.pkVertex"
>
<el-option
v-for="item in vertexList"
:key="item.pkId"
:label="item.vertexName"
:value="item.pkId"
></el-option>
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item :label="'隶属团队'">
<el-select
v-model="select.pkTeamCode"
clearable
:placeholder="'请选择'"
v-model="select.pkTeamCode"
>
<el-option
v-for="item in teamList"
:key="item.pkId"
:label="item.teamName"
:value="item.pkId"
></el-option>
/>
</el-select>
</el-form-item>
</el-col>
@ -97,8 +100,7 @@
:key="item.pkCountry"
:label="item.name"
:value="item.pkCountry"
>
</el-option>
/>
</el-select>
</el-form-item>
</el-col>
@ -106,20 +108,18 @@
<el-form-item label="订单日期">
<el-date-picker
v-model="creationTime"
@change="changeTime"
value-format="yyyy-MM-dd"
type="daterange"
:range-separator="'至'"
:start-placeholder="'开始日期'"
:end-placeholder="'结束日期'"
>
</el-date-picker>
@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>
@ -133,29 +133,28 @@
class="addBtn">{{'添加'}}</el-button> -->
<el-button
size="small"
@click="handleExport"
style="background-color: #ffad41"
class="thebtn1"
@click="handleExport"
>
{{ '导出' }}</el-button
>
{{ '导出' }}</el-button>
</div>
</div>
<div class="maintable">
<el-table
:data="tableData"
v-loading="loading"
:data="tableData"
style="width: 100%"
height="700px"
: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="picture" label="国旗">
<template slot-scope="scope">
<div class="tem">
<img :src="scope.row.nationalFlag1" alt="" />
<img :src="scope.row.nationalFlag1" alt="">
</div>
</template>
</el-table-column>
@ -163,59 +162,49 @@
align="center"
prop="shortName"
:label="'国家'"
>
</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="phone" :label="'联系方式'">
</el-table-column>
/>
<el-table-column align="center" prop="phone" :label="'联系方式'" />
<el-table-column
align="center"
prop="orderTypeVal"
:label="'订单类型'"
>
</el-table-column>
/>
<el-table-column
align="center"
prop="awardsName"
:label="'真实奖衔'"
>
</el-table-column>
/>
<el-table-column
align="center"
prop="vertexName"
:label="'隶属体系'"
>
</el-table-column>
/>
<el-table-column
align="center"
prop="pkTeamCode"
:label="'隶属团队'"
>
</el-table-column>
/>
<el-table-column
align="center"
prop="orderAmount"
label="新增金额(¥)"
>
</el-table-column>
/>
<el-table-column
align="center"
prop="orderAchieve"
:label="'新增业绩' + '(PV)'"
>
</el-table-column>
/>
<!-- <el-table-column align="center"
prop="payTime"
label="订单日期">
@ -232,119 +221,127 @@
/>
</div>
</template>
<script>
import topBar from "@/components/topBar";
import * as api from "@/api/business.js";
import * as log from "@/api/logistics";
import { getAwardsListChiose } from "@/api/level";
import { getvertexValue } from "@/api/financialCase";
import { userCountryList } from "@/api/site.js";
<script>
import topBar from '@/components/topBar'
import * as api from '@/api/business.js'
import * as log from '@/api/logistics'
import TopMemberSelect from '@/components/top-member-select'
import { getAwardsListChiose } from '@/api/level'
import { getvertexValue } from '@/api/financialCase'
import { userCountryList } from '@/api/site.js'
export default {
name: "UnderDirectAddNew",
name: 'UnderDirectAddNew',
components: {
topBar,
TopMemberSelect
},
data() {
return {
creationTime: [],
select: {
orderType: 1,
orderType: 1
},
//
queryParams: {
pageNum: 1,
pageSize: 50,
pageSize: 50
},
total: 0,
tableData: [],
loading:false,
loading: false,
awardsList: [],
vertexList: [],
teamList: [],
countryList: [],
orderTypeList: [],
moren: "underDirectAddNew",
moren: 'underDirectAddNew',
topList: [
{
name: "伞下直推新增业绩(新)",
path: "underDirectAddNew",
},
name: '伞下直推新增业绩(新)',
path: 'underDirectAddNew'
}
],
monthFirstday: "",
monthLastday: "",
};
monthFirstday: '',
monthLastday: ''
}
},
mounted() {
var s1 = this.getStartTime();
var s2 = this.getEndTime();
this.select.startPayTime = s1;
this.select.endPayTime = s2;
this.creationTime = [s1, s2];
var s1 = this.getStartTime()
var s2 = this.getEndTime()
this.select.startPayTime = s1
this.select.endPayTime = s2
this.creationTime = [s1, s2]
//
this.getDataList();
this.getData();
this.getDataList()
this.getData()
},
methods: {
topMemberHandleChange(val) {
if (val) {
this.select.memberCode = val
this.getDataList()
}
},
getStartTime() {
const date = new Date();
date.setDate(1); //
const year = date.getFullYear(); //
let month = date.getMonth() + 1; // 0-11+1
month = month >= 10 ? month : "0" + month; //
let day = date.getDate(); // setDate(1)
day = day >= 10 ? day : "0" + day; //
return year + "-" + month + "-" + day;
const date = new Date()
date.setDate(1) //
const year = date.getFullYear() //
let month = date.getMonth() + 1 // 0-11+1
month = month >= 10 ? month : '0' + month //
let day = date.getDate() // setDate(1)
day = day >= 10 ? day : '0' + day //
return year + '-' + month + '-' + day
},
getEndTime() {
let date = new Date();
let year = date.getFullYear(); //
let month = date.getMonth() + 1; // 0-11+1
month = month >= 10 ? month : "0" + month; //
let day = date.getDate(); // setDate(1)
day = day >= 10 ? day : "0" + day; //
return year + "-" + month + "-" + day + " ";
const date = new Date()
const year = date.getFullYear() //
let month = date.getMonth() + 1 // 0-11+1
month = month >= 10 ? month : '0' + month //
let day = date.getDate() // setDate(1)
day = day >= 10 ? day : '0' + day //
return year + '-' + month + '-' + day + ' '
},
//
//
getData() {
getAwardsListChiose().then((res) => {
this.awardsList = res.rows;
});
this.awardsList = res.rows
})
getvertexValue().then((res) => {
this.vertexList = res.data;
});
this.vertexList = res.data
})
api.teamList().then((res) => {
this.teamList = res.data;
});
this.teamList = res.data
})
userCountryList().then((res) => {
this.countryList = res.data;
});
this.countryList = res.data
})
log.getUnderAddOrderTypeNew().then((res) => {
this.orderTypeList = res.data;
});
this.orderTypeList = res.data
})
},
reset() {
this.$refs.topMemberSelect.reset()
this.select = {
orderType: 1,
};
this.creationTime = [];
this.getDataList();
orderType: 1
}
this.creationTime = []
this.getDataList()
},
changeTime(val) {
this.select.startPayTime = val ? val[0] : "";
this.select.endPayTime = val ? val[1] : "";
this.select.startPayTime = val ? val[0] : ''
this.select.endPayTime = val ? val[1] : ''
},
getDataList() {
this.loading = true
api
.directAddNewList(Object.assign({}, this.queryParams, this.select))
.then((res) => {
this.tableData = res.rows;
this.total = res.total;
this.tableData = res.rows
this.total = res.total
this.loading = false
});
})
},
handleSelectionChange(val) {},
/** 导出按钮操作 */
@ -352,25 +349,25 @@ export default {
this.$confirm('是否确认导出所有数据项?', '警告', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: "warning",
type: 'warning'
}).then((_) => {
this.download(
"/report/manager/member-report/export-direct-push-new-up",
'/report/manager/member-report/export-direct-push-new-up',
Object.assign({}, this.queryParams, this.select),
`伞下直推新增业绩(新)${new Date().getTime()}.xlsx`
);
});
)
})
},
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 scoped lang="scss">
::v-deep .el-table .warning-row {
@ -463,4 +460,3 @@ export default {
width: 100%;
}
</style>

View File

@ -2,36 +2,42 @@
<div class="page">
<topBar
v-if="topList.length > 0"
:topList="topList"
:top-list="topList"
:moren="moren"
></topBar>
/>
<div class="thetopbox">
<el-form label-width="100px">
<el-row>
<el-col :span="4">
<TopMemberSelect
ref="topMemberSelect"
@change="topMemberHandleChange"
/>
</el-col>
<el-col :span="4">
<el-form-item :label="'会员编号'" prop="memberCode">
<el-input clearable v-model="queryParams.memberCode"></el-input>
<el-input v-model="queryParams.memberCode" clearable />
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item :label="'会员姓名'" prop="memberName">
<el-input clearable v-model="queryParams.memberName"></el-input>
<el-input v-model="queryParams.memberName" clearable />
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item :label="'订单类型'" prop="orderType">
<el-select
v-model="queryParams.orderType"
clearable
:placeholder="'请选择'"
v-model="queryParams.orderType"
>
<el-option
v-for="item in orderTypeList"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
/>
</el-select>
</el-form-item>
</el-col>
@ -39,48 +45,48 @@
<el-col :span="4">
<el-form-item :label="'真实奖衔'" prop="pkAwards">
<el-select
v-model="queryParams.pkAwards"
clearable
:placeholder="'请选择'"
v-model="queryParams.pkAwards"
>
<el-option
v-for="item in awardsList"
:key="item.pkId"
:label="item.awardsName"
:value="item.pkId"
></el-option>
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item :label="'隶属体系'" prop="pkVertex">
<el-select
v-model="queryParams.pkVertex"
clearable
:placeholder="'请选择'"
v-model="queryParams.pkVertex"
>
<el-option
v-for="item in vertexList"
:key="item.pkId"
:label="item.vertexName"
:value="item.pkId"
></el-option>
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item :label="'隶属团队'" prop="pkTeamCode">
<el-select
v-model="queryParams.pkTeamCode"
clearable
:placeholder="'请选择'"
v-model="queryParams.pkTeamCode"
>
<el-option
v-for="item in memberTeamList"
:key="item.pkId"
:label="item.teamName"
:value="item.pkId"
></el-option>
/>
</el-select>
</el-form-item>
</el-col>
@ -101,18 +107,17 @@
</el-form-item>
</el-col> -->
<el-col :span="8">
<el-form-item :label="'订单日期'" prop="thetimes">
<el-form-item :label="'订单日期'" prop="thetimes">
<el-date-picker
v-model="queryParams.thetimes"
@change="changeTime"
value-format="yyyy-MM-dd"
type="daterange"
:clearable="false"
:range-separator="'至'"
:start-placeholder="'开始日期'"
:end-placeholder="'结束日期'"
>
</el-date-picker>
@change="changeTime"
/>
</el-form-item>
</el-col>
<el-col :span="4">
@ -126,11 +131,9 @@
}
"
>
{{ '搜索' }}</el-button
>
{{ '搜索' }}</el-button>
<el-button class="my_reset" @click="reChongzhi">
{{ '重置' }}</el-button
>
{{ '重置' }}</el-button>
</div>
</el-col>
</el-row>
@ -140,21 +143,19 @@
<div class="maintop">
<div class="mainbtn">
<el-button size="small" class="thebtn1" @click="handleExport">
{{ '导出' }}</el-button
>
{{ '导出' }}</el-button>
</div>
</div>
<div class="maintable">
<el-table
:data="tableData"
v-loading="loading"
:data="tableData"
height="680px"
style="width: 100%"
:header-cell-style="{ background: '#EEEEEE' }"
@selection-change="handleSelectionChange"
>
<el-table-column prop="colsele" type="selection" width="55">
</el-table-column>
<el-table-column prop="colsele" type="selection" width="55" />
<el-table-column
align="center"
@ -166,7 +167,7 @@
style="width: 44px; height: 44px; border-radius: 50%"
:src="scope.row.nationalFlag"
alt=""
/>
>
</template>
</el-table-column>
@ -175,74 +176,63 @@
prop="shortName"
:label="'国家'"
min-width="120px"
>
</el-table-column>
/>
<el-table-column
align="center"
prop="memberCode"
:label="'会员编号'"
min-width="120px"
>
</el-table-column>
/>
<el-table-column
align="center"
prop="memberName"
:label="'会员姓名'"
min-width="120px"
>
</el-table-column>
/>
<el-table-column
align="center"
prop="phone"
:label="'联系方式'"
min-width="120px"
>
</el-table-column>
/>
<el-table-column
align="center"
prop="awardsName"
:label="'真实奖衔'"
>
</el-table-column>
/>
<el-table-column
align="center"
prop="vertexName"
:label="'隶属体系'"
>
</el-table-column>
/>
<el-table-column
align="center"
prop="teamCodeName"
:label="'隶属团队'"
>
</el-table-column>
/>
<el-table-column
align="center"
prop="leftNewAddAmount"
:label="'左区新增金额'"
>
</el-table-column>
/>
<el-table-column
align="center"
prop="rightNewAddAmount"
:label="'右区新增金额'"
>
</el-table-column>
/>
<el-table-column
align="center"
prop="leftNewAddAchieve"
min-width="100px"
:label="'左区新增业绩' + `(PV)`"
>
</el-table-column>
/>
<el-table-column
align="center"
prop="rightNewAddAchieve"
min-width="100px"
:label="'右区新增业绩' + `(PV)`"
>
</el-table-column>
/>
<!-- <el-table-column
min-width="120px"
align="center"
@ -262,35 +252,37 @@
/>
</div>
</template>
<script>
import topBar from "@/components/topBar";
import * as sta from "@/api/statistics";
import * as log from "@/api/logistics";
import { getAwardsListChiose } from "@/api/level";
import { getcountryAllList } from "@/api/exchangerate";
import { getvertexValue, getmemberTeamList } from "@/api/financialCase";
import { isLocals, isLocalSymbol } from "@/utils/numberToCurrency";
<script>
import topBar from '@/components/topBar'
import * as sta from '@/api/statistics'
import * as log from '@/api/logistics'
import { getAwardsListChiose } from '@/api/level'
import { getcountryAllList } from '@/api/exchangerate'
import { getvertexValue, getmemberTeamList } from '@/api/financialCase'
import { isLocals, isLocalSymbol } from '@/utils/numberToCurrency'
import TopMemberSelect from '@/components/top-member-select/index.vue'
export default {
name: "UnderPlacementPer",
name: 'UnderPlacementPer',
components: {
topBar,
TopMemberSelect
},
data() {
return {
moren: "underPlacementPer",
moren: 'underPlacementPer',
topList: [
{
name: '伞下新增安置业绩',
path: "underPlacementPer",
},
path: 'underPlacementPer'
}
],
tableData: [],
loading:false,
loading: false,
queryParams: {
pageNum: 1,
pageSize: 50,
thetimes: [],
thetimes: []
},
total: 0,
multipleSelection: [],
@ -298,105 +290,111 @@ export default {
memberTeamList: [],
vertexList: [],
countryList: [],
orderTypeList: [],
};
orderTypeList: []
}
},
created() {
this.getSearch();
this.getOthers();
var s1 = this.getStartTime();
var s2 = this.getEndTime();
this.queryParams.startPayTime = s1;
this.queryParams.endPayTime = s2;
this.queryParams.thetimes = [s1, s2];
this.getSearch()
this.getOthers()
var s1 = this.getStartTime()
var s2 = this.getEndTime()
this.queryParams.startPayTime = s1
this.queryParams.endPayTime = s2
this.queryParams.thetimes = [s1, s2]
},
methods: {
isLocalSymbol,
isLocals,
topMemberHandleChange(val) {
if (val) {
this.queryParams.memberCode = val
this.getSearch()
}
},
getStartTime() {
const date = new Date();
date.setDate(1); //
const year = date.getFullYear(); //
let month = date.getMonth() + 1; // 0-11+1
month = month >= 10 ? month : "0" + month; //
let day = date.getDate(); // setDate(1)
day = day >= 10 ? day : "0" + day; //
return year + "-" + month + "-" + day;
const date = new Date()
date.setDate(1) //
const year = date.getFullYear() //
let month = date.getMonth() + 1 // 0-11+1
month = month >= 10 ? month : '0' + month //
let day = date.getDate() // setDate(1)
day = day >= 10 ? day : '0' + day //
return year + '-' + month + '-' + day
},
getEndTime() {
let date = new Date();
let year = date.getFullYear(); //
let month = date.getMonth() + 1; // 0-11+1
month = month >= 10 ? month : "0" + month; //
let day = date.getDate(); // setDate(1)
day = day >= 10 ? day : "0" + day; //
return year + "-" + month + "-" + day + " ";
const date = new Date()
const year = date.getFullYear() //
let month = date.getMonth() + 1 // 0-11+1
month = month >= 10 ? month : '0' + month //
let day = date.getDate() // setDate(1)
day = day >= 10 ? day : '0' + day //
return year + '-' + month + '-' + day + ' '
},
changeTime(val) {
this.queryParams.startPayTime = val[0];
this.queryParams.endPayTime = val[1];
this.queryParams.startPayTime = val[0]
this.queryParams.endPayTime = val[1]
},
getOthers() {
getAwardsListChiose().then((res) => {
this.awardsList = res.rows;
});
this.awardsList = res.rows
})
getmemberTeamList().then((res) => {
this.memberTeamList = res.rows;
});
this.memberTeamList = res.rows
})
getvertexValue().then((res) => {
this.vertexList = res.data;
});
this.vertexList = res.data
})
getcountryAllList().then((res) => {
this.countryList = res.data;
});
this.countryList = res.data
})
//
log.getUnderAddOrderType().then((res) => {
this.orderTypeList = res.data;
});
this.orderTypeList = res.data
})
},
//
//
handleExport() {
this.$confirm('是否确认导出所有数据项?', '警告', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: "warning",
type: 'warning'
}).then((_) => {
this.download(
"/report/manager/member-report/member-resettle-achieve-export",
'/report/manager/member-report/member-resettle-achieve-export',
{ ...this.queryParams },
`${'伞下新增安置业绩'}${new Date().getTime()}.xlsx`
);
});
)
})
},
handleSelectionChange(val) {
this.multipleSelection = val;
this.multipleSelection = val
},
reChongzhi() {
this.$refs.topMemberSelect.reset()
this.queryParams = {
pageNum: 1,
pageSize: 50,
thetimes: [],
};
this.getSearch();
thetimes: []
}
this.getSearch()
},
getSearch() {
this.loading = true
sta.getResettleAchieve(this.queryParams).then((res) => {
this.loading = false
if (res.code == 200) {
this.tableData = res.rows;
this.total = res.total;
this.tableData = res.rows
this.total = res.total
}
});
})
},
getCzNum() {
this.queryParams.pageNum = 1;
},
},
};
this.queryParams.pageNum = 1
}
}
}
</script>
<style lang="scss" scoped>
::v-deep .el-image-viewer__close {
right: 500px;
@ -469,4 +467,3 @@ export default {
}
}
</style>

View File

@ -8,6 +8,9 @@
<div class="thetopbox">
<el-form label-width="100px">
<el-row>
<el-col :span="4">
<TopMemberSelect ref="topMemberSelect" @change="topMemberHandleChange" />
</el-col>
<el-col :span="4">
<el-form-item :label="'会员编号'" prop="memberCode">
<el-input v-model="queryParams.memberCode" clearable />
@ -255,11 +258,12 @@ import { getAwardsListChiose } from '@/api/level'
import { getcountryAllList } from '@/api/exchangerate'
import { getvertexValue, getmemberTeamList } from '@/api/financialCase'
import { isLocals, isLocalSymbol } from '@/utils/numberToCurrency'
import TopMemberSelect from '@/components/top-member-select/index.vue'
export default {
name: 'UnderPlacementPerNew',
components: {
topBar
topBar,
TopMemberSelect
},
data() {
return {
@ -298,6 +302,12 @@ export default {
methods: {
isLocalSymbol,
isLocals,
topMemberHandleChange(val) {
if (val) {
this.queryParams.memberCode = val
this.getSearch()
}
},
getStartTime() {
const date = new Date()
date.setDate(1) //
@ -357,6 +367,7 @@ export default {
this.multipleSelection = val
},
reChongzhi() {
this.$refs.topMemberSelect.reset()
this.queryParams = {
pageNum: 1,
pageSize: 50,