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

Compare commits

base: angelo:d1cf86a6bfd60308b3d70512c0872fd2dc08ec48
Branches Tags
angelo:master
angelo:test
angelo:dev
angelo:base-online
angelo:feat/bonusTotal
angelo:feat/goods-sort-config
angelo:feat/summaryDashboard
angelo:feat/goods/goodsAreaIncome
angelo:feat/goodsEdit-boxNum
angelo:feat/vertex-group
..
compare: angelo:f1f37c0b82f67515076a30f739af73b31124a577
Branches Tags
angelo:test
angelo:dev
angelo:base-online
angelo:feat/bonusTotal
angelo:feat/goods-sort-config
angelo:feat/summaryDashboard
angelo:feat/goods/goodsAreaIncome
angelo:feat/goodsEdit-boxNum
angelo:feat/vertex-group
angelo:master

No commits in common. "d1cf86a6bfd60308b3d70512c0872fd2dc08ec48" and "f1f37c0b82f67515076a30f739af73b31124a577" have entirely different histories.
d1cf86a6bf ... f1f37c0b82

4 changed files with 895 additions and 821 deletions
Show Stats Expand all files Collapse all files

495
src/views/information/specialBusiness/zeroBuy/index.vue
View File

@ -6,325 +6,255 @@
--> -->
<template> <template>
<div class="page"> <div class="page">
<topBar <topBar v-if="topList.length > 0"
v-if="topList.length > 0" :topList="topList"
:top-list="topList" :moren="moren"></topBar>
:moren="moren"
/>
<div class="main"> <div class="main">
<div class="form_all"> <div class="form_all">
<el-form <el-form ref="select"
ref="select" :model="select"
:model="select" label-width="auto">
label-width="auto"
>
<el-row :gutter="10"> <el-row :gutter="10">
<el-col :span="4"> <el-col :span="4">
<el-form-item label="会员编号"> <el-form-item label="会员编号">
<el-input <el-input clearable
v-model="select.memberCode" v-model="select.memberCode"></el-input>
clearable
/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="4"> <el-col :span="4">
<el-form-item label="会员姓名"> <el-form-item label="会员姓名">
<el-input <el-input clearable
v-model="select.memberName" v-model="select.memberName"></el-input>
clearable
/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="4"> <el-col :span="4">
<el-form-item :label="'联系方式'"> <el-form-item :label="'联系方式'">
<el-input <el-input clearable
v-model="select.phone" v-model="select.phone"
clearable :placeholder="'请输入'"></el-input>
:placeholder="'请输入'"
/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="4"> <el-col :span="4">
<el-form-item :label="'推荐编号'"> <el-form-item :label="'推荐编号'">
<el-input <el-input clearable
v-model="select.parMemberCode" v-model="select.parMemberCode"
clearable :placeholder="'请输入'"></el-input>
:placeholder="'请输入'"
/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="4"> <el-col :span="4">
<el-form-item :label="'推荐姓名'"> <el-form-item :label="'推荐姓名'">
<el-input <el-input clearable
v-model="select.parMemberName" v-model="select.parMemberName"
clearable :placeholder="'请输入'"></el-input>
:placeholder="'请输入'"
/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="4"> <el-col :span="4">
<el-form-item :label="'结算等级'"> <el-form-item :label="'安置编号'">
<el-select <el-input clearable
v-model="select.pkSettleGrade" v-model="select.placeMemberCode"
clearable :placeholder="'请输入'"></el-input>
:placeholder="'请选择'" </el-form-item>
> </el-col>
<el-option <el-col :span="4">
v-for="item in gradeRangList" <el-form-item :label="'安置姓名'">
:key="item.pkId" <el-input clearable
:label="item.gradeName" v-model="select.placeMemberName"
:value="item.pkId" :placeholder="'请输入'"></el-input>
/> </el-form-item>
</el-col>
<el-col :span="4">
<el-form-item :label="'注册等级'">
<el-select clearable
:placeholder="'请选择'"
v-model="select.pkRegisterGrade">
<el-option v-for="item in gradeRangList"
:key="item.pkId"
:label="item.gradeName"
:value="item.pkId"></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="4"> <el-col :span="4">
<el-form-item :label="'当月奖衔'"> <el-form-item :label="'真实奖衔'">
<el-select <el-select clearable
v-model="select.pkAwards" :placeholder="'请选择'"
clearable v-model="select.pkAwards">
:placeholder="'请选择'" <el-option v-for="item in awardsList"
> :key="item.pkId"
<el-option :label="item.awardsName"
v-for="item in awardsList" :value="item.pkId"></el-option>
:key="item.pkId"
:label="item.awardsName"
:value="item.pkId"
/>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="4"> <el-col :span="4">
<el-form-item :label="'隶属体系'"> <el-form-item :label="'隶属体系'">
<el-select <el-select clearable
v-model="select.vertexId" :placeholder="'请选择'"
clearable v-model="select.vertexId">
:placeholder="'请选择'" <el-option v-for="item in vertexList"
> :key="item.pkId"
<el-option :label="item.vertexName"
v-for="item in vertexList" :value="item.pkId"></el-option>
:key="item.pkId"
:label="item.vertexName"
:value="item.pkId"
/>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="4"> <el-col :span="4">
<el-form-item :label="'隶属团队'"> <el-form-item :label="'隶属团队'">
<el-select <el-select clearable
v-model="select.teamId" :placeholder="'请选择'"
clearable v-model="select.teamId">
:placeholder="'请选择'" <el-option v-for="item in memberteamList"
> :key="item.pkId"
<el-option :label="item.teamName"
v-for="item in memberteamList" :value="item.pkId"></el-option>
:key="item.pkId"
:label="item.teamName"
:value="item.pkId"
/>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="4"> <el-col :span="4">
<el-button <el-button type="primary"
type="primary" @click="getDataList"> {{ '搜索' }}</el-button>
@click="getDataList" <el-button type=""
> {{ '搜索' }}</el-button> @click="reset"> {{ '重置' }}</el-button>
<el-button
type=""
@click="reset"
> {{ '重置' }}</el-button>
</el-col> </el-col>
</el-row> </el-row>
</el-form> </el-form>
</div> </div>
<div class="maintop"> <div class="maintop">
<div class="mainbtn"> <div class="mainbtn">
<el-button <el-button size="small"
size="small" class="thebtn4"
class="thebtn4" @click="handleExport"> {{ '导出' }}</el-button>
@click="handleExport" <el-button size="small"
> {{ '导出' }}</el-button> @click="deleteTable"
<el-button class="thebtn2"
size="small" :disabled="selectData.length == 0">删除</el-button>
class="thebtn2"
:disabled="selectData.length == 0"
@click="deleteTable"
>删除</el-button>
</div> </div>
</div> </div>
<div class="maintable"> <div class="maintable">
<el-table <el-table :data="tableData"
ref="multipleTable" style="width: 100%"
v-loading="loading" height="700px"
:data="tableData" v-loading="loading"
style="width: 100%" ref="multipleTable"
height="700px" :header-cell-style="{ background: '#EEEEEE' }"
:header-cell-style="{ background: '#EEEEEE' }" :row-class-name="tableRowClassName"
:row-class-name="tableRowClassName" @selection-change="handleSelectionChange">
@selection-change="handleSelectionChange" <el-table-column type="selection"
> width="55"> </el-table-column>
<el-table-column <el-table-column align="center"
type="selection" prop="memberCode"
width="55" :label="'会员编号'"
/> width="180">
<el-table-column </el-table-column>
align="center" <el-table-column align="center"
prop="memberCode" prop="memberName"
:label="'会员编号'" :label="'会员姓名'"
width="180" width="180"></el-table-column>
/> <el-table-column align="center"
<el-table-column prop="phone"
align="center" :label="'联系方式'"
prop="memberName" width="180"></el-table-column>
:label="'会员姓名'" <el-table-column align="center"
width="180" prop="pkSettleGradeVal"
/> :label="'注册等级'"
<el-table-column width="180"></el-table-column>
align="center" <el-table-column align="center"
prop="phone" prop="pkAwardsVal"
:label="'联系方式'" :label="'真实奖衔'"
width="180" width="180"></el-table-column>
/> <el-table-column align="center"
<el-table-column prop="vertexName"
align="center" :label="'隶属体系'"
prop="pkSettleGradeVal" width="180"></el-table-column>
:label="'结算等级'" <el-table-column align="center"
width="180" prop="teamName"
/> :label="'隶属团队'"
<el-table-column width="180"></el-table-column>
align="center" <el-table-column align="center"
prop="pkAwardsVal" prop="parMemberCode"
:label="'当月奖衔'" :label="'推荐编号'"
width="180" width="180"></el-table-column>
/> <el-table-column align="center"
<el-table-column prop="parMemberName"
align="center" :label="'推荐姓名'"
prop="vertexName" width="180"></el-table-column>
:label="'隶属体系'" <el-table-column align="center"
width="180" prop="placeMemberCode"
/> :label="'安置编号'"
<el-table-column width="180"></el-table-column>
align="center" <el-table-column align="center"
prop="teamName" prop="placeMemberName"
:label="'隶属团队'" :label="'安置姓名'"
width="180" width="180"></el-table-column>
/>
<el-table-column
align="center"
prop="parMemberCode"
:label="'推荐编号'"
width="180"
/>
<el-table-column
align="center"
prop="parMemberName"
:label="'推荐姓名'"
width="180"
/>
</el-table> </el-table>
</div> </div>
</div> </div>
<!-- 删除 --> <!-- 删除 -->
<el-dialog <el-dialog :title="'删除'"
:title="'删除'" :visible.sync="isDel"
:visible.sync="isDel" width="50%"
width="50%" :close-on-click-modal="false"
:close-on-click-modal="false" center>
center <el-table :data="delList"
> height="400px"
<el-table style="width: 100%"
:data="delList" :header-cell-style="{ background: '#EEEEEE' }"
height="400px" :row-class-name="tableRowClassName">
style="width: 100%" <el-table-column align="center"
:header-cell-style="{ background: '#EEEEEE' }" prop="memberCode"
:row-class-name="tableRowClassName" :label="'会员编号'">
> </el-table-column>
<el-table-column <el-table-column align="center"
align="center" prop="memberName"
prop="memberCode" :label="'会员姓名'"></el-table-column>
:label="'会员编号'" <el-table-column align="center"
/> prop="phone"
<el-table-column :label="'联系方式'"></el-table-column>
align="center" <el-table-column align="center"
prop="memberName" prop="pkAccountKeyVal"
:label="'会员姓名'" :label="'扣款币种'">
/> </el-table-column>
<el-table-column <el-table-column align="center"
align="center" prop="cost"
prop="phone" :label="'扣款金额'+'(￥)'">
:label="'联系方式'" </el-table-column>
/> <el-table-column align="center"
<el-table-column prop="creationTime"
align="center" :label="'创建时间'">
prop="pkAccountKeyVal" </el-table-column>
:label="'扣款币种'"
/>
<el-table-column
align="center"
prop="cost"
:label="'扣款金额'+'(￥)'"
/>
<el-table-column
align="center"
prop="creationTime"
:label="'创建时间'"
/>
</el-table> </el-table>
<span <span slot="footer"
slot="footer" class="dialog-footer">
class="dialog-footer" <el-button @click="isDel = false">{{'取消'}}</el-button>
> <el-button class="thebtn4"
<el-button @click="isDel = false">{{ '取消' }}</el-button> @click="saveZero(1)">{{ '免签' }}</el-button>
<el-button <el-button class="thebtn2"
class="thebtn4" @click="saveZero(2)">{{ '免付' }}</el-button>
@click="saveZero(1)" <el-button class="thebtn5"
>{{ '免签' }}</el-button> @click="saveZero(3)">{{ '全免' }}</el-button>
<el-button <el-button type="primary"
class="thebtn2" class="thebtn3"
@click="saveZero(2)" @click="saveZero(0)">{{'确认'}}</el-button>
>{{ '免付' }}</el-button>
<el-button
class="thebtn5"
@click="saveZero(3)"
>{{ '全免' }}</el-button>
<el-button
type="primary"
class="thebtn3"
@click="saveZero(0)"
>{{ '确认' }}</el-button>
</span> </span>
</el-dialog> </el-dialog>
<el-dialog <el-dialog :title="'提示'"
:title="'提示'" :visible.sync="errLog"
:visible.sync="errLog" width="30%"
width="30%" :close-on-click-modal="false"
:close-on-click-modal="false" center>
center <div v-for="item,index in errList"
> :key="index">{{ item.errorMsg }}</div>
<div <span slot="footer"
v-for="item,index in errList" class="dialog-footer">
:key="index" <el-button type="primary"
>{{ item.errorMsg }}</div> @click="openDel">确 定</el-button>
<span
slot="footer"
class="dialog-footer"
>
<el-button
type="primary"
@click="openDel"
>确 定</el-button>
</span> </span>
</el-dialog> </el-dialog>
<pagination <pagination v-show="total>0"
v-show="total>0" :total="total"
:total="total" :page.sync="queryParams.pageNum"
:page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
:limit.sync="queryParams.pageSize" @pagination="getDataList" />
@pagination="getDataList"
/>
</div> </div>
</template> </template>
@ -336,7 +266,7 @@ import { getgradeRanglist, getAwardsListChiose } from '@/api/level'
export default { export default {
name: 'Bzpz', name: 'Bzpz',
components: { components: {
topBar topBar,
}, },
data() { data() {
return { return {
@ -348,26 +278,25 @@ export default {
queryParams: { queryParams: {
pageNum: 1, pageNum: 1,
pageSize: 50, pageSize: 50,
pkSettleGrade: ''
}, },
addOrEdit: '', addOrEdit: '',
total: 0, total: 0,
tableData: [], tableData: [],
loading: false, loading:false,
moren: 'zeroBuy', moren: 'zeroBuy',
topList: [ topList: [
{ {
name: '免费注册', name: '免费注册',
path: 'zeroBuy', path: 'zeroBuy',
changed: false changed: false,
} },
], ],
gradeRangList: [], // 结算等级 gradeRangList: [], //注册等级
awardsList: [], // 当月奖衔 awardsList: [], //真实奖衔
vertexList: [], // 隶属体系 vertexList: [], //隶属体系
memberteamList: [], // 隶属团队 memberteamList: [], //隶属团队
delList: [], delList: [],
errList: [] errList: [],
} }
}, },
mounted() { mounted() {
@ -377,19 +306,19 @@ export default {
}, },
methods: { methods: {
getData() { getData() {
// 结算等级 // 注册等级
getgradeRanglist().then((res) => { getgradeRanglist().then((res) => {
this.gradeRangList = res.data this.gradeRangList = res.data
}) })
// 当月奖衔 // 真实奖衔
getAwardsListChiose().then((res) => { getAwardsListChiose().then((res) => {
this.awardsList = res.rows this.awardsList = res.rows
}) })
// 隶属团队下拉选 //隶属团队下拉选
getmemberTeamList().then((res) => { getmemberTeamList().then((res) => {
this.memberteamList = res.rows this.memberteamList = res.rows
}) })
// 隶属体系下拉选 取pkid和name //隶属体系下拉选 取pkid和name
getvertexValue().then((res) => { getvertexValue().then((res) => {
this.vertexList = res.data this.vertexList = res.data
}) })
@ -398,16 +327,16 @@ export default {
this.select = {} this.select = {}
}, },
deleteTable() { deleteTable() {
const pkIdListStr = this.selectData.join(',') let pkIdListStr = this.selectData.join(',')
api api
.zeroRevokeSel({ .zeroRevokeSel({
pkIdListStr: pkIdListStr pkIdListStr: pkIdListStr,
}) })
.then((res) => { .then((res) => {
if (res.data.erroList.length > 0) { if (res.data.erroList.length > 0) {
this.errList = res.data.erroList this.errList = res.data.erroList
this.errLog = true this.errLog = true
} else { }else{
this.isDel = true this.isDel = true
} }
this.delList = res.data.zeroVOList this.delList = res.data.zeroVOList
@ -438,12 +367,12 @@ export default {
api api
.zeroConfirmFree({ .zeroConfirmFree({
zeroVOList: this.delList, zeroVOList: this.delList,
processType: index processType: index,
}) })
.then((res) => { .then((res) => {
this.$message({ this.$message({
message: res.msg, message: res.msg,
type: 'success' type: 'success',
}) })
this.isDel = false this.isDel = false
this.getDataList() this.getDataList()
@ -454,8 +383,8 @@ export default {
query: { query: {
data: JSON.stringify(this.delList), data: JSON.stringify(this.delList),
index: 134, index: 134,
processType: index processType: index,
} },
}) })
} }
}, },
@ -464,7 +393,7 @@ export default {
this.$confirm('是否确认导出所有数据项?', '警告', { this.$confirm('是否确认导出所有数据项?', '警告', {
confirmButtonText: '确定', confirmButtonText: '确定',
cancelButtonText: '取消', cancelButtonText: '取消',
type: 'warning' type: 'warning',
}).then((_) => { }).then((_) => {
this.download( this.download(
'/member/manager/zeroRevoke/export', '/member/manager/zeroRevoke/export',
@ -480,8 +409,8 @@ export default {
return 'success-row' return 'success-row'
} }
return '' return ''
} },
} },
} }
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">

285
src/views/statistics/awardAnalysis.vue
View File

@ -2,91 +2,106 @@
<div class="page"> <div class="page">
<topBar <topBar
v-if="topList.length > 0" v-if="topList.length > 0"
:top-list="topList" :topList="topList"
:moren="moren" :moren="moren"
/> ></topBar>
<div class="thetopbox"> <div class="thetopbox">
<el-form label-width="100px"> <el-form label-width="100px">
<el-row> <el-row>
<el-col :span="4"> <el-col :span="4">
<el-form-item :label="'会员编号'"> <el-form-item :label="'会员编号'">
<el-input v-model="queryParams.memberCode" clearable /> <el-input clearable v-model="queryParams.memberCode"></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="4"> <el-col :span="4">
<el-form-item :label="'会员姓名'"> <el-form-item :label="'会员姓名'">
<el-input v-model="queryParams.memberName" clearable /> <el-input clearable v-model="queryParams.memberName"></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="4"> <el-col :span="4">
<el-form-item :label="'联系方式'"> <el-form-item :label="'联系方式'">
<el-input v-model="queryParams.phone" clearable /> <el-input clearable v-model="queryParams.phone"></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="4"> <el-col :span="4">
<el-form-item :label="'注册等级'"> <el-form-item :label="'注册等级'">
<el-select <el-select
v-model="queryParams.pkRegisterGrade"
clearable clearable
:placeholder="'请选择'" :placeholder="'请选择'"
v-model="queryParams.pkRegisterGrade"
> >
<el-option <el-option
v-for="item in gradeRangList" v-for="item in gradeRangList"
:key="item.pkId" :key="item.pkId"
:label="item.gradeName" :label="item.gradeName"
:value="item.pkId" :value="item.pkId"
/> ></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="4"> <el-col :span="4">
<el-form-item :label="'当月奖衔'"> <el-form-item :label="'真实奖衔'">
<el-select <el-select
v-model="queryParams.pkAwards"
clearable clearable
:placeholder="'请选择'" :placeholder="'请选择'"
v-model="queryParams.pkAwards"
> >
<el-option <el-option
v-for="item in awardsList" v-for="item in awardsList"
:key="item.pkId" :key="item.pkId"
:label="item.awardsName" :label="item.awardsName"
:value="item.pkId" :value="item.pkId"
/> ></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="4"> <el-col :span="4">
<el-form-item label="荣誉奖衔"> <el-form-item label="荣誉奖衔">
<el-select <el-select
v-model="queryParams.pkMaxAwards"
clearable clearable
:placeholder="'请选择'" :placeholder="'请选择'"
v-model="queryParams.pkRangeAwards"
> >
<el-option <el-option
v-for="item in awardsList" v-for="item in awardsList"
:key="item.pkId" :key="item.pkId"
:label="item.awardsName" :label="item.awardsName"
:value="item.pkId" :value="item.pkId"
/> ></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
<!-- <el-col :span="4">
<el-form-item :label="'隶属团队'" >
<el-select
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> -->
<el-col :span="4"> <el-col :span="4">
<el-form-item label="晋升方式"> <el-form-item label="晋升方式">
<el-select <el-select
v-model="queryParams.upType"
clearable clearable
:placeholder="'请选择'" :placeholder="'请选择'"
v-model="queryParams.upType"
> >
<el-option <el-option
v-for="item in upList" v-for="item in upList"
:key="item.value" :key="item.value"
:label="item.label" :label="item.label"
:value="item.value" :value="item.value"
/> ></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
@ -94,28 +109,30 @@
<el-form-item :label="'晋升日期'"> <el-form-item :label="'晋升日期'">
<el-date-picker <el-date-picker
v-model="queryParams.thetimes" v-model="queryParams.thetimes"
@change="changeTime"
value-format="yyyy-MM-dd" value-format="yyyy-MM-dd"
type="daterange" type="daterange"
:clearable="false" :clearable="false"
:range-separator="'至'" :range-separator="'至'"
:start-placeholder="'开始日期'" :start-placeholder="'开始日期'"
:end-placeholder="'结束日期'" :end-placeholder="'结束日期'"
@change="changeTime" >
/> </el-date-picker>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item :label="$t('奖衔有效期')"> <el-form-item :label="$t('奖衔有效期')">
<el-date-picker <el-date-picker
v-model="queryParams.Dates" v-model="queryParams.Dates"
@change="changeTime1"
value-format="yyyy-MM-dd" value-format="yyyy-MM-dd"
type="daterange" type="daterange"
:clearable="false" :clearable="false"
:range-separator="'至'" :range-separator="'至'"
:start-placeholder="'开始日期'" :start-placeholder="'开始日期'"
:end-placeholder="'结束日期'" :end-placeholder="'结束日期'"
@change="changeTime1" >
/> </el-date-picker>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="4"> <el-col :span="4">
@ -129,9 +146,11 @@
} }
" "
> >
{{ '搜索' }}</el-button> {{ '搜索' }}</el-button
>
<el-button class="my_reset" @click="reChongzhi"> <el-button class="my_reset" @click="reChongzhi">
{{ '重置' }}</el-button> {{ '重置' }}</el-button
>
</div> </div>
</el-col> </el-col>
</el-row> </el-row>
@ -141,73 +160,129 @@
<div class="maintop"> <div class="maintop">
<div class="mainbtn"> <div class="mainbtn">
<el-button size="small" class="thebtn1" @click="handleExport"> <el-button size="small" class="thebtn1" @click="handleExport">
{{ '导出' }}</el-button> {{ '导出' }}</el-button
>
</div> </div>
</div> </div>
<div class="maintable"> <div class="maintable">
<el-table <el-table
v-loading="loading"
:data="tableData" :data="tableData"
v-loading="loading"
height="680px" height="680px"
style="width: 100%" style="width: 100%"
:header-cell-style="{ background: '#EEEEEE' }" :header-cell-style="{ background: '#EEEEEE' }"
@selection-change="handleSelectionChange" @selection-change="handleSelectionChange"
> >
<el-table-column prop="colsele" type="selection" width="55" /> <el-table-column prop="colsele" type="selection" width="55">
</el-table-column>
<el-table-column <el-table-column
align="center" align="center"
prop="memberCode" prop="memberCode"
:label="'会员编号'" :label="'会员编号'"
min-width="120px" min-width="120px"
/> >
</el-table-column>
<el-table-column <el-table-column
align="center" align="center"
prop="memberName" prop="memberName"
:label="'会员姓名'" :label="'会员姓名'"
min-width="120px" min-width="120px"
/> >
</el-table-column>
<el-table-column <el-table-column
align="center" align="center"
prop="phone" prop="phone"
:label="'联系方式'" :label="'联系方式'"
min-width="120px" min-width="120px"
/> >
</el-table-column>
<el-table-column <el-table-column
align="center" align="center"
prop="pkRegisterGradeVal" prop="pkRegisterGradeVal"
:label="'注册等级'" :label="'注册等级'"
/> >
</el-table-column>
<el-table-column <el-table-column
align="center" align="center"
prop="pkAwardsVal" prop="pkAwardsVal"
:label="'当月奖衔'" :label="'真实奖衔'"
/> >
</el-table-column>
<el-table-column <el-table-column
align="center" align="center"
prop="pkMaxAwardsVal" prop="pkRangeAwardsVal"
label="荣誉奖衔" label="荣誉奖衔"
/> >
</el-table-column>
<el-table-column <el-table-column
align="center" align="center"
prop="vertexName" prop="vertexName"
:label="'隶属体系'" :label="'隶属体系'"
/> >
</el-table-column>
<el-table-column <el-table-column
align="center" align="center"
min-width="150px" min-width="150px"
prop="endValidityDate" prop="endValidityDate"
:label="$t('奖衔有效期')" :label="$t('奖衔有效期')"
/> >
</el-table-column>
<!-- <el-table-column
align="center"
prop="teamName"
:label="'隶属团队'"
>
</el-table-column>
<el-table-column align="center" prop="upTypeVal" label="晋升方式" /> <el-table-column
align="center"
prop="asumRealPv"
min-width="130px"
:label="'左区真实累计业绩' + `(PV)`"
>
<template slot-scope="scope">
<span
@click="goDetail(1, scope.row)"
style="
color: #48b2fd;
cursor: pointer;
text-decoration: underline;
"
>{{ scope.row.asumRealPv | numFilter }}</span
>
</template>
</el-table-column>
<el-table-column
align="center"
prop="bsumRealPv"
min-width="130px"
:label="'右区真实累计业绩' + `(PV)`"
>
<template slot-scope="scope">
<span
@click="goDetail(2, scope.row)"
style="
color: #48b2fd;
cursor: pointer;
text-decoration: underline;
"
>
{{ scope.row.bsumRealPv | numFilter }}</span
>
</template>
</el-table-column> -->
<el-table-column align="center" prop="upTypeVal" label="晋升方式">
</el-table-column>
<el-table-column <el-table-column
min-width="150px" min-width="150px"
align="center" align="center"
prop="creationTime" prop="creationTime"
:label="'晋升日期'" :label="'晋升日期'"
/> >
</el-table-column>
</el-table> </el-table>
</div> </div>
</div> </div>
@ -222,31 +297,31 @@
</template> </template>
<script> <script>
import topBar from '@/components/topBar' import topBar from "@/components/topBar";
import * as sta from '@/api/statistics' import * as sta from "@/api/statistics";
import { getAwardsListChiose, getgradeRanglist } from '@/api/level' import { getAwardsListChiose, getgradeRanglist } from "@/api/level";
import { getvertexValue, getmemberTeamList } from '@/api/financialCase' import { getvertexValue, getmemberTeamList } from "@/api/financialCase";
import { isLocals, isLocalSymbol } from '@/utils/numberToCurrency' import { isLocals, isLocalSymbol } from "@/utils/numberToCurrency";
export default { export default {
name: 'AwardAnalysis', name: "AwardAnalysis",
components: { components: {
topBar topBar,
}, },
filters: { filters: {
numFilter(value) { numFilter(value) {
// 截取当前数据到小数点后两位 // 截取当前数据到小数点后两位
const realVal = parseFloat(value).toFixed(2) let realVal = parseFloat(value).toFixed(2);
return realVal return realVal;
} },
}, },
data() { data() {
return { return {
moren: 'awardAnalysis', moren: "awardAnalysis",
topList: [ topList: [
{ {
name: '当月奖衔分析', name: '真实奖衔分析',
path: 'awardAnalysis' path: "awardAnalysis",
} },
], ],
tableData: [], tableData: [],
loading: false, loading: false,
@ -254,9 +329,9 @@ export default {
pageNum: 1, pageNum: 1,
pageSize: 50, pageSize: 50,
thetimes: [], thetimes: [],
placeDept: '', placeDept: "",
pkMember: '', pkMember: "",
Dates: [] Dates: [],
}, },
total: 0, total: 0,
multipleSelection: [], multipleSelection: [],
@ -264,95 +339,109 @@ export default {
memberTeamList: [], memberTeamList: [],
vertexList: [], vertexList: [],
gradeRangList: [], gradeRangList: [],
upList: [] upList: [],
} };
}, },
created() { created() {
this.getSearch() this.getSearch();
this.getOthers() this.getOthers();
}, },
methods: { methods: {
//穿透到详情页 左区1右区2
goDetail(index, row) {
this.queryParams = {
pageNum: 1,
pageSize: 50,
thetimes: [],
placeDept: "",
pkMember: "",
};
this.queryParams.placeDept = index;
this.queryParams.pkMember = row.pkMember;
sta.getUmbrellaAnalysisDetailList(this.queryParams).then((res) => {
this.tableData = res.rows;
});
},
isLocalSymbol, isLocalSymbol,
isLocals, isLocals,
changeTime(val) { changeTime(val) {
this.queryParams.startDate = val[0] this.queryParams.startDate = val[0];
this.queryParams.endDate = val[1] this.queryParams.endDate = val[1];
}, },
changeTime1(val) { changeTime1(val) {
this.queryParams.startEffectiveDate = val[0] this.queryParams.startEffectiveDate = val[0];
this.queryParams.endEffectiveDate = val[1] this.queryParams.endEffectiveDate = val[1];
}, },
getOthers() { getOthers() {
getAwardsListChiose().then((res) => { getAwardsListChiose().then((res) => {
this.awardsList = res.rows this.awardsList = res.rows;
}) });
sta.getUpListList().then((res) => { sta.getUpListList().then((res) => {
this.upList = res.data this.upList = res.data;
}) });
getmemberTeamList().then((res) => { getmemberTeamList().then((res) => {
this.memberTeamList = res.rows this.memberTeamList = res.rows;
}) });
getvertexValue().then((res) => { getvertexValue().then((res) => {
this.vertexList = res.data this.vertexList = res.data;
}) });
getgradeRanglist().then((res) => { getgradeRanglist().then((res) => {
this.gradeRangList = res.data this.gradeRangList = res.data;
}) });
}, },
// 导出 //导出
handleExport() { handleExport() {
this.$confirm('是否确认导出所有数据项?', '警告', { this.$confirm('是否确认导出所有数据项?', '警告', {
confirmButtonText: '确定', confirmButtonText: '确定',
cancelButtonText: '取消', cancelButtonText: '取消',
type: 'warning' type: "warning",
}).then((_) => { }).then((_) => {
if (this.queryParams.pkMember) { if (this.queryParams.pkMember) {
// 穿透页导出 //穿透页导出
this.download( this.download(
'/report/manager/member-awards/export-analysis-details', "/report/manager/member-awards/export-analysis-details",
{ {
...this.queryParams ...this.queryParams,
}, },
`${'当月奖衔分析'}${new Date().getTime()}.xlsx` `${'真实奖衔分析'}${new Date().getTime()}.xlsx`
) );
} else { } else {
this.download( this.download(
'/report/manager/member-awards/export-analysis', "/report/manager/member-awards/export-analysis",
{ {
...this.queryParams ...this.queryParams,
}, },
`${'当月奖衔分析'}${new Date().getTime()}.xlsx` `${'真实奖衔分析'}${new Date().getTime()}.xlsx`
) );
} }
}) });
}, },
handleSelectionChange(val) { handleSelectionChange(val) {
this.multipleSelection = val this.multipleSelection = val;
}, },
reChongzhi() { reChongzhi() {
this.queryParams = { this.queryParams = {
pageNum: 1, pageNum: 1,
pageSize: 50, pageSize: 50,
thetimes: [], thetimes: [],
placeDept: '', placeDept: "",
pkMember: '' pkMember: "",
} };
this.getSearch() this.getSearch();
}, },
getSearch() { getSearch() {
this.loading = true this.loading = true;
sta.getUmbrellaAnalysisList(this.queryParams).then((res) => { sta.getUmbrellaAnalysisList(this.queryParams).then((res) => {
this.tableData = res.rows this.tableData = res.rows;
this.total = res.total this.total = res.total;
this.loading = false this.loading = false;
}) });
}, },
getCzNum() { getCzNum() {
this.queryParams.pageNum = 1 this.queryParams.pageNum = 1;
} },
} },
} };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>

183
src/views/statistics/realPerAddAwards.vue
View File

@ -2,90 +2,90 @@
<div class="page"> <div class="page">
<topBar <topBar
v-if="topList.length > 0" v-if="topList.length > 0"
:top-list="topList" :topList="topList"
:moren="moren" :moren="moren"
/> ></topBar>
<div class="thetopbox"> <div class="thetopbox">
<el-form label-width="100px"> <el-form label-width="100px">
<el-row> <el-row>
<el-col :span="4"> <el-col :span="4">
<el-form-item :label="'会员编号'" prop="memberCode"> <el-form-item :label="'会员编号'" prop="memberCode">
<el-input v-model="queryParams.memberCode" clearable /> <el-input clearable v-model="queryParams.memberCode"></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="4"> <el-col :span="4">
<el-form-item :label="'会员姓名'" prop="memberName"> <el-form-item :label="'会员姓名'" prop="memberName">
<el-input v-model="queryParams.memberName" clearable /> <el-input clearable v-model="queryParams.memberName"></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="4"> <el-col :span="4">
<el-form-item :label="'联系方式'" prop="phone"> <el-form-item :label="'联系方式'" prop="phone">
<el-input v-model="queryParams.phone" clearable /> <el-input clearable v-model="queryParams.phone"></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="4"> <el-col :span="4">
<el-form-item :label="'真实奖衔'" prop="pkAwards"> <el-form-item :label="'真实奖衔'" prop="pkAwards">
<el-select <el-select
v-model="queryParams.pkAwards"
clearable clearable
:placeholder="'请选择'" :placeholder="'请选择'"
v-model="queryParams.pkAwards"
> >
<el-option <el-option
v-for="item in awardsList" v-for="item in awardsList"
:key="item.pkId" :key="item.pkId"
:label="item.awardsName" :label="item.awardsName"
:value="item.pkId" :value="item.pkId"
/> ></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="4"> <el-col :span="4">
<el-form-item :label="'隶属体系'" prop="pkVertex"> <el-form-item :label="'隶属体系'" prop="pkVertex">
<el-select <el-select
v-model="queryParams.pkVertex"
clearable clearable
:placeholder="'请选择'" :placeholder="'请选择'"
v-model="queryParams.pkVertex"
> >
<el-option <el-option
v-for="item in vertexList" v-for="item in vertexList"
:key="item.pkId" :key="item.pkId"
:label="item.vertexName" :label="item.vertexName"
:value="item.pkId" :value="item.pkId"
/> ></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="4"> <el-col :span="4">
<el-form-item :label="'隶属团队'" prop="pkTeamCode"> <el-form-item :label="'隶属团队'" prop="pkTeamCode">
<el-select <el-select
v-model="queryParams.pkTeamCode"
clearable clearable
:placeholder="'请选择'" :placeholder="'请选择'"
v-model="queryParams.pkTeamCode"
> >
<el-option <el-option
v-for="item in memberTeamList" v-for="item in memberTeamList"
:key="item.pkId" :key="item.pkId"
:label="item.teamName" :label="item.teamName"
:value="item.pkId" :value="item.pkId"
/> ></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="4"> <el-col :span="4">
<el-form-item :label="'国家'" prop="pkCountry"> <el-form-item :label="'国家'" prop="pkCountry">
<el-select <el-select
v-model="queryParams.pkCountry"
clearable clearable
:placeholder="'请选择'" :placeholder="'请选择'"
v-model="queryParams.pkCountry"
> >
<el-option <el-option
v-for="item in countryList" v-for="item in countryList"
:key="item.pkId" :key="item.pkId"
:label="item.name" :label="item.name"
:value="item.pkId" :value="item.pkId"
/> ></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
@ -93,14 +93,15 @@
<el-form-item :label="'升级日期'" prop="thetimes"> <el-form-item :label="'升级日期'" prop="thetimes">
<el-date-picker <el-date-picker
v-model="queryParams.thetimes" v-model="queryParams.thetimes"
@change="changeTime"
value-format="yyyy-MM-dd" value-format="yyyy-MM-dd"
type="daterange" type="daterange"
:clearable="false" :clearable="false"
:range-separator="'至'" :range-separator="'至'"
:start-placeholder="'开始日期'" :start-placeholder="'开始日期'"
:end-placeholder="'结束日期'" :end-placeholder="'结束日期'"
@change="changeTime" >
/> </el-date-picker>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="4"> <el-col :span="4">
@ -114,9 +115,11 @@
} }
" "
> >
{{ '搜索' }}</el-button> {{ '搜索' }}</el-button
>
<el-button class="my_reset" @click="reChongzhi"> <el-button class="my_reset" @click="reChongzhi">
{{ '重置' }}</el-button> {{ '重置' }}</el-button
>
</div> </div>
</el-col> </el-col>
</el-row> </el-row>
@ -126,73 +129,105 @@
<div class="maintop"> <div class="maintop">
<div class="mainbtn"> <div class="mainbtn">
<el-button size="small" class="thebtn1" @click="handleExport"> <el-button size="small" class="thebtn1" @click="handleExport">
{{ '导出' }}</el-button> {{ '导出' }}</el-button
>
</div> </div>
</div> </div>
<div class="maintable"> <div class="maintable">
<el-table <el-table
v-loading="loading"
:data="tableData" :data="tableData"
v-loading="loading"
height="680px" height="680px"
style="width: 100%" style="width: 100%"
:header-cell-style="{ background: '#EEEEEE' }" :header-cell-style="{ background: '#EEEEEE' }"
@selection-change="handleSelectionChange" @selection-change="handleSelectionChange"
> >
<el-table-column prop="colsele" type="selection" width="55" /> <el-table-column prop="colsele" type="selection" width="55">
</el-table-column>
<el-table-column
align="center"
prop="nationalFlag1"
:label="'国旗（圆形）'"
>
<template scope="scope">
<img
style="width: 44px; height: 44px; border-radius: 50%"
:src="scope.row.nationalFlag1"
alt=""
/>
</template>
</el-table-column>
<el-table-column
align="center"
prop="shortName"
:label="'国家'"
min-width="120px"
>
</el-table-column>
<el-table-column <el-table-column
align="center" align="center"
prop="memberCode" prop="memberCode"
:label="'会员编号'" :label="'会员编号'"
min-width="120px" min-width="120px"
/> >
</el-table-column>
<el-table-column <el-table-column
align="center" align="center"
prop="memberName" prop="memberName"
:label="'会员姓名'" :label="'会员姓名'"
min-width="120px" min-width="120px"
/> >
</el-table-column>
<el-table-column <el-table-column
align="center" align="center"
prop="phone" prop="phone"
:label="'联系方式'" :label="'联系方式'"
min-width="120px" min-width="120px"
/> >
</el-table-column>
<el-table-column <el-table-column
align="center" align="center"
prop="pkAwardsVal" prop="pkAwardsVal"
:label="'真实奖衔'" :label="'真实奖衔'"
/> >
</el-table-column>
<el-table-column <el-table-column
align="center" align="center"
prop="vertexName" prop="vertexName"
:label="'隶属体系'" :label="'隶属体系'"
/> >
</el-table-column>
<el-table-column <el-table-column
align="center" align="center"
prop="teamName" prop="teamName"
:label="'隶属团队'" :label="'隶属团队'"
/> >
</el-table-column>
<el-table-column <el-table-column
align="center" align="center"
prop="anewPv" prop="anewPv"
min-width="100px" min-width="100px"
:label="'左区累计业绩' + `(PV)`" :label="'左区累计业绩' + `(PV)`"
/> >
</el-table-column>
<el-table-column <el-table-column
align="center" align="center"
prop="bnewPv" prop="bnewPv"
min-width="100px" min-width="100px"
:label="'右区累计业绩' + `(PV)`" :label="'右区累计业绩' + `(PV)`"
/> >
</el-table-column>
<el-table-column <el-table-column
min-width="120px" min-width="120px"
align="center" align="center"
prop="creationTime" prop="creationTime"
:label="'升级日期'" :label="'升级日期'"
/> >
</el-table-column>
</el-table> </el-table>
</div> </div>
</div> </div>
@ -206,107 +241,108 @@
</div> </div>
</template> </template>
<script> <script>
import topBar from '@/components/topBar' import topBar from "@/components/topBar";
import * as sta from '@/api/statistics' import * as sta from "@/api/statistics";
import { getAwardsListChiose } from '@/api/level' import { getAwardsListChiose } from "@/api/level";
import { getcountryAllList } from '@/api/exchangerate' import { getcountryAllList } from "@/api/exchangerate";
import { getvertexValue, getmemberTeamList } from '@/api/financialCase' import { getvertexValue, getmemberTeamList } from "@/api/financialCase";
import { isLocals, isLocalSymbol } from '@/utils/numberToCurrency' import { isLocals, isLocalSymbol } from "@/utils/numberToCurrency";
export default { export default {
name: 'RealPerAddAwards', name: "RealPerAddAwards",
components: { components: {
topBar topBar,
}, },
data() { data() {
return { return {
moren: 'realPerAddAwards', moren: "realPerAddAwards",
topList: [ topList: [
{ {
name: '真实业绩新增奖衔', name: '真实业绩新增奖衔',
path: 'realPerAddAwards' path: "realPerAddAwards",
} },
], ],
tableData: [], tableData: [],
loading: false, loading:false,
queryParams: { queryParams: {
pageNum: 1, pageNum: 1,
pageSize: 50, pageSize: 50,
thetimes: [] thetimes: [],
}, },
total: 0, total: 0,
multipleSelection: [], multipleSelection: [],
awardsList: [], awardsList: [],
memberTeamList: [], memberTeamList: [],
vertexList: [], vertexList: [],
countryList: [] countryList: [],
} };
}, },
created() { created() {
this.getSearch() this.getSearch();
this.getOthers() this.getOthers();
}, },
methods: { methods: {
isLocalSymbol, isLocalSymbol,
isLocals, isLocals,
changeTime(val) { changeTime(val) {
this.queryParams.startDate = val[0] this.queryParams.startDate = val[0];
this.queryParams.endDate = val[1] this.queryParams.endDate = val[1];
}, },
getOthers() { getOthers() {
getAwardsListChiose().then((res) => { getAwardsListChiose().then((res) => {
this.awardsList = res.rows this.awardsList = res.rows;
}) });
getmemberTeamList().then((res) => { getmemberTeamList().then((res) => {
this.memberTeamList = res.rows this.memberTeamList = res.rows;
}) });
getvertexValue().then((res) => { getvertexValue().then((res) => {
this.vertexList = res.data this.vertexList = res.data;
}) });
getcountryAllList().then((res) => { getcountryAllList().then((res) => {
this.countryList = res.data this.countryList = res.data;
}) });
}, },
// 导出 //导出
handleExport() { handleExport() {
this.$confirm('是否确认导出所有数据项?', '警告', { this.$confirm('是否确认导出所有数据项?', '警告', {
confirmButtonText: '确定', confirmButtonText: '确定',
cancelButtonText: '取消', cancelButtonText: '取消',
type: 'warning' type: "warning",
}).then((_) => { }).then((_) => {
this.download( this.download(
'/report/manager/member-awards/export', "/report/manager/member-awards/export",
{ ...this.queryParams }, { ...this.queryParams },
`${'真实业绩新增奖衔'}${new Date().getTime()}.xlsx` `${'真实业绩新增奖衔'}${new Date().getTime()}.xlsx`
) );
}) });
}, },
handleSelectionChange(val) { handleSelectionChange(val) {
this.multipleSelection = val this.multipleSelection = val;
}, },
reChongzhi() { reChongzhi() {
this.queryParams = { this.queryParams = {
pageNum: 1, pageNum: 1,
pageSize: 50, pageSize: 50,
thetimes: [] thetimes: [],
} };
this.getSearch() this.getSearch();
}, },
getSearch() { getSearch() {
this.loading = true this.loading = true
sta.getUmbrellaAwardsList(this.queryParams).then((res) => { sta.getUmbrellaAwardsList(this.queryParams).then((res) => {
this.loading = false this.loading = false
if (res.code == 200) { if (res.code == 200) {
this.tableData = res.rows this.tableData = res.rows;
this.total = res.total this.total = res.total;
} }
}) });
}, },
getCzNum() { getCzNum() {
this.queryParams.pageNum = 1 this.queryParams.pageNum = 1;
} },
} },
} };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@ -381,3 +417,4 @@ export default {
} }
} }
</style> </style>

749
src/views/statistics/recommendedCheck.vue
View File

@ -1,379 +1,398 @@
<template> <template>
<div class="page"> <div class="page">
<topBar <topBar
v-if="topList.length > 0" v-if="topList.length > 0"
:top-list="topList" :topList="topList"
:moren="moren" :moren="moren"
/> ></topBar>
<div class="thetopbox"> <div class="thetopbox">
<el-form label-width="100px"> <el-form label-width="100px">
<el-row> <el-row>
<el-col :span="4"> <el-col :span="4">
<el-form-item :label="'会员编号'" prop="memberCode"> <el-form-item :label="'会员编号'" prop="memberCode">
<el-input v-model="queryParams.memberCode" clearable /> <el-input clearable v-model="queryParams.memberCode"></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="4"> <el-col :span="4">
<el-form-item :label="'查询方向'" prop="upDown"> <el-form-item :label="'查询方向'" prop="upDown">
<el-select <el-select
v-model="queryParams.upDown" clearable
clearable :placeholder="'请选择'"
:placeholder="'请选择'" v-model="queryParams.upDown"
> >
<el-option <el-option
v-for="item in enumsUpdownList" v-for="item in enumsUpdownList"
:key="item.value" :key="item.value"
:label="item.label" :label="item.label"
:value="item.value" :value="item.value"
/> ></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col>
<!-- <el-col :span="4">-->
<!-- <el-form-item :label="'注册等级'" prop="pkRegisterGrade">-->
<!-- <el-select-->
<!-- clearable-->
<!-- :placeholder="'请选择'"-->
<!-- v-model="queryParams.pkRegisterGrade"-->
<!-- >-->
<!-- <el-option-->
<!-- v-for="item in gradeRangList"-->
<!-- :key="item.pkId"-->
<!-- :label="item.gradeName"-->
<!-- :value="item.pkId"-->
<!-- ></el-option>-->
<!-- </el-select>-->
<!-- </el-form-item>-->
<!-- </el-col>-->
<el-col :span="4">
<el-form-item :label="'结算等级'" prop="pkGrade">
<el-select
clearable
:placeholder="'请选择'"
v-model="queryParams.pkGrade"
>
<el-option
v-for="item in gradeRangList"
:key="item.pkId"
:label="item.gradeName"
:value="item.pkId"
></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item :label="'真实奖衔'" prop="pkAwards">
<el-select
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
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
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>
<el-col :span="4">
<!-- <el-form-item :label="'考核通过'" prop="isAssess">-->
<!-- <el-select-->
<!-- clearable-->
<!-- :placeholder="'请选择'"-->
<!-- v-model="queryParams.isAssess"-->
<!-- >-->
<!-- <el-option-->
<!-- v-for="item in yesornoList"-->
<!-- :key="item.value"-->
<!-- :label="item.label"-->
<!-- :value="item.value"-->
<!-- ></el-option>-->
<!-- </el-select>-->
<!-- </el-form-item>-->
</el-col> </el-col>
<!-- <el-col :span="4">--> <el-col :span="4">
<!-- <el-form-item :label="'注册等级'" prop="pkRegisterGrade">--> <div class="searchbox">
<!-- <el-select--> <el-button
<!-- clearable--> class="my_search"
<!-- :placeholder="'请选择'"--> @click="
<!-- v-model="queryParams.pkRegisterGrade"--> () => {
<!-- >--> getSearch();
<!-- <el-option--> getCzNum();
<!-- v-for="item in gradeRangList"--> }
<!-- :key="item.pkId"--> "
<!-- :label="item.gradeName"--> >
<!-- :value="item.pkId"--> {{ '搜索' }}</el-button
<!-- ></el-option>--> >
<!-- </el-select>--> <el-button class="my_reset" @click="reChongzhi">
<!-- </el-form-item>--> {{ '重置' }}</el-button
<!-- </el-col>--> >
<el-col :span="4"> </div>
<el-form-item :label="'结算等级'" prop="pkGrade"> </el-col>
<el-select </el-row>
v-model="queryParams.pkGrade" </el-form>
clearable </div>
:placeholder="'请选择'" <div class="main">
> <div class="maintop">
<el-option <div class="mainbtn">
v-for="item in gradeRangList" <el-button size="small" class="thebtn1" @click="handleExport">
:key="item.pkId" {{ '导出' }}</el-button
:label="item.gradeName" >
:value="item.pkId" </div>
/> </div>
</el-select> <div class="maintable">
</el-form-item> <el-table
</el-col> :data="tableData"
<el-col :span="4"> v-loading="loading"
<el-form-item :label="'当月奖衔'" prop="pkAwards"> height="680px"
<el-select style="width: 100%"
v-model="queryParams.pkAwards" :header-cell-style="{ background: '#EEEEEE' }"
clearable @selection-change="handleSelectionChange"
:placeholder="'请选择'" >
> <el-table-column prop="colsele" type="selection" width="55">
<el-option </el-table-column>
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="'隶属体系'" prop="pkVertex">
<el-select
v-model="queryParams.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="'隶属团队'" prop="pkTeamCode">
<el-select
v-model="queryParams.pkTeamCode"
clearable
:placeholder="'请选择'"
>
<el-option
v-for="item in memberTeamList"
:key="item.pkId"
:label="item.teamName"
:value="item.pkId"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="4">
<!-- <el-form-item :label="'考核通过'" prop="isAssess">-->
<!-- <el-select-->
<!-- clearable-->
<!-- :placeholder="'请选择'"-->
<!-- v-model="queryParams.isAssess"-->
<!-- >-->
<!-- <el-option-->
<!-- v-for="item in yesornoList"-->
<!-- :key="item.value"-->
<!-- :label="item.label"-->
<!-- :value="item.value"-->
<!-- ></el-option>-->
<!-- </el-select>-->
<!-- </el-form-item>-->
</el-col>
<el-col :span="4"> <el-table-column align="center" prop="algebra" :label="'代数'">
<div class="searchbox"> </el-table-column>
<el-button <el-table-column
class="my_search" align="center"
@click=" prop="memberCode"
() => { :label="'会员编号'"
getSearch(); min-width="120px"
getCzNum(); >
} </el-table-column>
" <el-table-column
> align="center"
{{ '搜索' }}</el-button> prop="memberName"
<el-button class="my_reset" @click="reChongzhi"> :label="'会员姓名'"
{{ '重置' }}</el-button> >
</div> </el-table-column>
</el-col>
</el-row> <el-table-column
</el-form> align="center"
</div> prop="phone"
<div class="main"> :label="'联系方式'"
<div class="maintop"> min-width="120px"
<div class="mainbtn"> >
<el-button size="small" class="thebtn1" @click="handleExport"> </el-table-column>
{{ '导出' }}</el-button> <!-- <el-table-column-->
<!-- align="center"-->
<!-- prop="pkRegisterGradeVal"-->
<!-- :label="'注册等级'"-->
<!-- >-->
<!-- </el-table-column>-->
<el-table-column
align="center"
prop="pkGradeVal"
:label="'结算等级'"
>
</el-table-column>
<el-table-column
align="center"
prop="pkAwardsVal"
label="当月奖衔"
>
</el-table-column>
<el-table-column
align="center"
prop="vertexName"
:label="'隶属体系'"
>
</el-table-column>
<el-table-column
align="center"
prop="teamName"
:label="'隶属团队'"
>
</el-table-column>
<el-table-column
align="center"
prop="parentCode"
:label="'推荐编号'"
min-width="120px"
>
</el-table-column>
<el-table-column
align="center"
prop="parentName"
:label="'推荐姓名'"
>
</el-table-column>
<!-- <el-table-column-->
<!-- align="center"-->
<!-- prop="placeCode"-->
<!-- :label="'安置编号'"-->
<!-- min-width="120px"-->
<!-- >-->
<!-- </el-table-column>-->
<!-- <el-table-column-->
<!-- align="center"-->
<!-- prop="placeName"-->
<!-- :label="'安置姓名'"-->
<!-- >-->
<!-- </el-table-column>-->
<!-- <el-table-column-->
<!-- align="center"-->
<!-- prop="placeDeptVal"-->
<!-- :label="'安置部门'"-->
<!-- >-->
<!-- </el-table-column>-->
<el-table-column
align="center"
prop="categoryVal"
:label="'会员类型'"
>
</el-table-column>
<!-- <el-table-column-->
<!-- align="center"-->
<!-- prop="assessStatusVal"-->
<!-- min-width="100px"-->
<!-- :label="'考核状态'"-->
<!-- >-->
<!-- </el-table-column>-->
<el-table-column
align="center"
prop="payTime"
:label="'注册日期'"
min-width="180px"
>
</el-table-column>
</el-table>
</div> </div>
</div> </div>
<div class="maintable"> <pagination
<el-table v-show="total > 0"
v-loading="loading" :total="total"
:data="tableData" :page.sync="queryParams.pageNum"
height="680px" :limit.sync="queryParams.pageSize"
style="width: 100%" @pagination="getSearch"
:header-cell-style="{ background: '#EEEEEE' }" />
@selection-change="handleSelectionChange"
>
<el-table-column prop="colsele" type="selection" width="55" />
<el-table-column align="center" prop="algebra" :label="'代数'" />
<el-table-column
align="center"
prop="memberCode"
:label="'会员编号'"
min-width="120px"
/>
<el-table-column
align="center"
prop="memberName"
:label="'会员姓名'"
/>
<el-table-column
align="center"
prop="phone"
:label="'联系方式'"
min-width="120px"
/>
<!-- <el-table-column-->
<!-- align="center"-->
<!-- prop="pkRegisterGradeVal"-->
<!-- :label="'注册等级'"-->
<!-- >-->
<!-- </el-table-column>-->
<el-table-column
align="center"
prop="pkGradeVal"
:label="'结算等级'"
/>
<el-table-column
align="center"
prop="pkAwardsVal"
label="当月奖衔"
/>
<el-table-column
align="center"
prop="vertexName"
:label="'隶属体系'"
/>
<el-table-column
align="center"
prop="teamName"
:label="'隶属团队'"
/>
<el-table-column
align="center"
prop="parentCode"
:label="'推荐编号'"
min-width="120px"
/>
<el-table-column
align="center"
prop="parentName"
:label="'推荐姓名'"
/>
<!-- <el-table-column-->
<!-- align="center"-->
<!-- prop="placeCode"-->
<!-- :label="'安置编号'"-->
<!-- min-width="120px"-->
<!-- >-->
<!-- </el-table-column>-->
<!-- <el-table-column-->
<!-- align="center"-->
<!-- prop="placeName"-->
<!-- :label="'安置姓名'"-->
<!-- >-->
<!-- </el-table-column>-->
<!-- <el-table-column-->
<!-- align="center"-->
<!-- prop="placeDeptVal"-->
<!-- :label="'安置部门'"-->
<!-- >-->
<!-- </el-table-column>-->
<el-table-column
align="center"
prop="categoryVal"
:label="'会员类型'"
/>
<!-- <el-table-column-->
<!-- align="center"-->
<!-- prop="assessStatusVal"-->
<!-- min-width="100px"-->
<!-- :label="'考核状态'"-->
<!-- >-->
<!-- </el-table-column>-->
<el-table-column
align="center"
prop="payTime"
:label="'注册日期'"
min-width="180px"
/>
</el-table>
</div>
</div> </div>
<pagination </template>
v-show="total > 0"
:total="total" <script>
:page.sync="queryParams.pageNum" import topBar from "@/components/topBar";
:limit.sync="queryParams.pageSize" import * as sta from "@/api/statistics";
@pagination="getSearch" import { getAwardsListChiose, getgradeRanglist } from "@/api/level";
/> import { getvertexValue, getmemberTeamList } from "@/api/financialCase";
</div>
</template> import { isLocals, isLocalSymbol } from "@/utils/numberToCurrency";
export default {
name: "RecommendedCheck",
components: {
topBar,
},
data() {
return {
moren: "recommendedCheck",
topList: [
{
name: '推荐正反查',
path: "recommendedCheck",
},
],
tableData: [],
loading:false,
queryParams: {
pageNum: 1,
pageSize: 50,
},
total: 0,
multipleSelection: [],
awardsList: [],
memberTeamList: [],
vertexList: [],
gradeRangList: [],
enumsUpdownList:[],
yesornoList:[]
};
},
created() {
this.getSearch();
this.getOthers();
},
methods: {
isLocalSymbol,
isLocals,
getOthers() {
getAwardsListChiose().then((res) => {
this.awardsList = res.rows;
});
getmemberTeamList().then((res) => {
this.memberTeamList = res.rows;
});
getvertexValue().then((res) => {
this.vertexList = res.data;
});
getgradeRanglist().then((res) => {
this.gradeRangList = res.data;
});
sta.getYesornoList().then((res) => {
this.yesornoList = res.data;
});
sta.getEnumsUpDown().then(res=>{
this.enumsUpdownList = res.data
})
<script>
import topBar from '@/components/topBar'
import * as sta from '@/api/statistics'
import { getAwardsListChiose, getgradeRanglist } from '@/api/level'
import { getvertexValue, getmemberTeamList } from '@/api/financialCase'
import { isLocals, isLocalSymbol } from '@/utils/numberToCurrency'
export default {
name: 'RecommendedCheck',
components: {
topBar
},
data() {
return {
moren: 'recommendedCheck',
topList: [
{
name: '推荐正反查',
path: 'recommendedCheck'
}
],
tableData: [],
loading: false,
queryParams: {
pageNum: 1,
pageSize: 50
}, },
total: 0, //导出
multipleSelection: [], handleExport() {
awardsList: [], this.$confirm('是否确认导出所有数据项?', '警告', {
memberTeamList: [], confirmButtonText: '确定',
vertexList: [], cancelButtonText: '取消',
gradeRangList: [], type: "warning",
}).then((_) => {
enumsUpdownList: [], this.download(
yesornoList: [] "/report/manager/member-report/export-parent-peg",
} { ...this.queryParams },
}, `${'推荐正反查'}${new Date().getTime()}.xlsx`
created() { );
this.getSearch() });
this.getOthers() },
}, handleSelectionChange(val) {
methods: { this.multipleSelection = val;
isLocalSymbol, },
isLocals, reChongzhi() {
this.queryParams = {
getOthers() { pageNum: 1,
getAwardsListChiose().then((res) => { pageSize: 50,
this.awardsList = res.rows };
}) this.getSearch();
getmemberTeamList().then((res) => { },
this.memberTeamList = res.rows getSearch() {
}) this.loading = true
getvertexValue().then((res) => { sta.getRecommendedCheckList(this.queryParams).then((res) => {
this.vertexList = res.data this.tableData = res.rows;
}) this.total = res.total;
getgradeRanglist().then((res) => { this.loading = false
this.gradeRangList = res.data });
}) },
sta.getYesornoList().then((res) => { getCzNum() {
this.yesornoList = res.data this.queryParams.pageNum = 1;
}) },
sta.getEnumsUpDown().then(res => {
this.enumsUpdownList = res.data
})
}, },
// 导出 };
handleExport() { </script>
this.$confirm('是否确认导出所有数据项?', '警告', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then((_) => {
this.download(
'/report/manager/member-report/export-parent-peg',
{ ...this.queryParams },
`${'推荐正反查'}${new Date().getTime()}.xlsx`
)
})
},
handleSelectionChange(val) {
this.multipleSelection = val
},
reChongzhi() {
this.queryParams = {
pageNum: 1,
pageSize: 50
}
this.getSearch()
},
getSearch() {
this.loading = true
sta.getRecommendedCheckList(this.queryParams).then((res) => {
this.tableData = res.rows
this.total = res.total
this.loading = false
})
},
getCzNum() {
this.queryParams.pageNum = 1
}
}
}
</script>
<style lang="scss" scoped> <style lang="scss" scoped>
::v-deep .el-image-viewer__close { ::v-deep .el-image-viewer__close {