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

Compare commits

base: angelo:c5e41f9de66808335d740678406255a8f58058c4
Branches Tags
angelo:master
angelo:test
angelo:dev
angelo:online
...
compare: angelo:5b1f8391957a8ea6a4e3c268bd57b1c7884b3b13
Branches Tags
angelo:test
angelo:dev
angelo:online
angelo:master

2 Commits
c5e41f9de6 ... 5b1f839195

Author SHA1 Message Date
woody 5b1f839195 Merge branch 'dev' of http://47.94.45.65:3000/angelo/web-zk-admin into test 2025-10-21 14:50:15 +08:00
woody bd867ce01a feat(statistics): 伞下业绩默认时间段结束日期为前一天 2025-10-21 14:50:01 +08:00
7 changed files with 520 additions and 593 deletions
Show Stats Expand all files Collapse all files

1
package.json
View File

@ -18,6 +18,7 @@
"@riophae/vue-treeselect": "^0.4.0", "@riophae/vue-treeselect": "^0.4.0",
"axios": "0.18.1", "axios": "0.18.1",
"core-js": "3.6.5", "core-js": "3.6.5",
"dayjs": "^1.11.18",
"echarts": "^5.4.2", "echarts": "^5.4.2",
"element-ui": "2.13.2", "element-ui": "2.13.2",
"file-saver": "^2.0.5", "file-saver": "^2.0.5",

12
src/router/index.js
View File

@ -2755,12 +2755,12 @@ export const constantRoutes = [
component: () => import('@/views/statistics/underBalance'), component: () => import('@/views/statistics/underBalance'),
meta: { title: '伞下账户余额' } meta: { title: '伞下账户余额' }
}, },
{ // {
path: 'underDirectPushBox', // path: 'underDirectPushBox',
name: 'UnderDirectPushBox', // name: 'UnderDirectPushBox',
component: () => import('@/views/statistics/underDirectPushBox'), // component: () => import('@/views/statistics/underDirectPushBox'),
meta: { title: '伞下直推新增盒数' } // meta: { title: '伞下直推新增盒数' }
}, // },
{ {
path: 'realPerAddAwards', path: 'realPerAddAwards',
name: 'RealPerAddAwards', name: 'RealPerAddAwards',

24
src/utils/date.js Normal file
View File

@ -0,0 +1,24 @@
import dayjs from 'dayjs'
export function getBeforeDays(n = 1) {
return dayjs().subtract(n, 'day').format('YYYY-MM-DD')
}
// 获取本月第一天
export function getMonthFirstDay() {
return dayjs().startOf('month').format('YYYY-MM-DD')
}
// 获取本月最后一天
export function getMonthLastDay() {
return dayjs().endOf('month').format('YYYY-MM-DD')
}
// 获取本月第一天和当前天前一天的日期，如果当天为本月第一天，则返回上月第一天和上月最后一天
export function getMonthFirstDayAndBeforeDay() {
const isFirstDate = new Date().getDate() === 1
if (isFirstDate) {
return [dayjs().add(-1, 'month').startOf('month').format('YYYY-MM-DD'), dayjs().add(-1, 'month').endOf('month').format('YYYY-MM-DD')]
}
return [getMonthFirstDay(), getBeforeDays(1)]
}

322
src/views/statistics/underDirectAdd.vue
View File

@ -1,28 +1,22 @@
<!--
* @Descripttion:
* @version:
* @Author: kBank
* @Date: 2022-10-24 15:45:01
-->
<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" :moren="moren"
></topBar> />
<div class="main"> <div class="main">
<div class="form_all"> <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-row :gutter="10">
<el-col :span="4"> <el-col :span="4">
<el-form-item :label="'会员编号'"> <el-form-item :label="'会员编号'">
<el-input clearable v-model="select.memberCode"></el-input> <el-input v-model="select.memberCode" 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 clearable v-model="select.memberName"></el-input> <el-input v-model="select.memberName" clearable />
</el-form-item> </el-form-item>
</el-col> </el-col>
<!-- <el-col :span="4"> <!-- <el-col :span="4">
@ -44,16 +38,16 @@
<el-col :span="4"> <el-col :span="4">
<el-form-item :label="'荣誉奖衔'"> <el-form-item :label="'荣誉奖衔'">
<el-select <el-select
v-model="select.pkAwards"
clearable clearable
:placeholder="'请选择'" :placeholder="'请选择'"
v-model="select.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>
@ -61,32 +55,32 @@
<el-col :span="4"> <el-col :span="4">
<el-form-item :label="'隶属体系'"> <el-form-item :label="'隶属体系'">
<el-select <el-select
v-model="select.pkVertex"
clearable clearable
:placeholder="'请选择'" :placeholder="'请选择'"
v-model="select.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="'隶属团队'"> <el-form-item :label="'隶属团队'">
<el-select <el-select
v-model="select.pkTeamCode"
clearable clearable
:placeholder="'请选择'" :placeholder="'请选择'"
v-model="select.pkTeamCode"
> >
<el-option <el-option
v-for="item in teamList" v-for="item in teamList"
: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>
@ -103,8 +97,7 @@
:key="item.pkCountry" :key="item.pkCountry"
:label="item.name" :label="item.name"
:value="item.pkCountry" :value="item.pkCountry"
> />
</el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
@ -112,20 +105,18 @@
<el-form-item label="订单日期"> <el-form-item label="订单日期">
<el-date-picker <el-date-picker
v-model="creationTime" v-model="creationTime"
@change="changeTime"
value-format="yyyy-MM-dd" value-format="yyyy-MM-dd"
type="daterange" type="daterange"
: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">
<el-button type="primary" @click="getDataList"> <el-button type="primary" @click="getDataList">
{{ '搜索' }}</el-button {{ '搜索' }}</el-button>
>
<el-button type="" @click="reset"> {{ '重置' }}</el-button> <el-button type="" @click="reset"> {{ '重置' }}</el-button>
</el-col> </el-col>
</el-row> </el-row>
@ -146,40 +137,38 @@
{{ '导出' }}</el-button {{ '导出' }}</el-button
> --> > -->
<el-button <el-button
size="small"
v-hasButtons="['memberDown']" v-hasButtons="['memberDown']"
@click="importTemplate" size="small"
style="background-color: #009b58; color: #fff; margin-left: 15px" style="background-color: #009b58; color: #fff; margin-left: 15px"
class="thebtn2" class="thebtn2"
@click="importTemplate"
> >
{{ '下载模板' }}</el-button {{ '下载模板' }}</el-button>
>
<el-button <el-button
v-hasButtons="['memberImport']"
size="small" size="small"
class="thebtn2" class="thebtn2"
v-hasButtons="['memberImport']"
style="background-color: #ff6723; color: #fff" style="background-color: #ff6723; color: #fff"
@click="handleImport" @click="handleImport"
> >
{{ '导入' }}</el-button {{ '导入' }}</el-button>
>
</div> </div>
</div> </div>
<div class="maintable"> <div class="maintable">
<el-table <el-table
:data="tableData"
v-loading="loading" v-loading="loading"
:data="tableData"
style="width: 100%" style="width: 100%"
height="700px" 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 type="selection" width="55" />
<el-table-column align="center" prop="picture" label="国旗"> <el-table-column align="center" prop="picture" label="国旗">
<template slot-scope="scope"> <template slot-scope="scope">
<div class="tem"> <div class="tem">
<img :src="scope.row.nationalFlag1" alt="" /> <img :src="scope.row.nationalFlag1" alt="">
</div> </div>
</template> </template>
</el-table-column> </el-table-column>
@ -187,23 +176,19 @@
align="center" align="center"
prop="shortName" prop="shortName"
:label="'国家'" :label="'国家'"
> />
</el-table-column>
<el-table-column <el-table-column
align="center" align="center"
prop="memberCode" prop="memberCode"
:label="'会员编号'" :label="'会员编号'"
> />
</el-table-column>
<el-table-column <el-table-column
align="center" align="center"
prop="memberName" prop="memberName"
:label="'会员姓名'" :label="'会员姓名'"
> />
</el-table-column> <el-table-column align="center" prop="phone" :label="'联系方式'" />
<el-table-column align="center" prop="phone" :label="'联系方式'">
</el-table-column>
<!-- <el-table-column <!-- <el-table-column
align="center" align="center"
prop="orderTypeVal" prop="orderTypeVal"
@ -214,48 +199,41 @@
align="center" align="center"
prop="awardsName" prop="awardsName"
: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="orderAmount" prop="orderAmount"
width="130" width="130"
label="新增金额(￥)" label="新增金额(￥)"
> />
</el-table-column>
<el-table-column <el-table-column
align="center" align="center"
prop="orderAchieve" prop="orderAchieve"
width="130" width="130"
:label="'新增业绩' + '(PV)'" :label="'新增业绩' + '(PV)'"
> />
</el-table-column>
<el-table-column <el-table-column
align="center" align="center"
prop="bigArealPv" prop="bigArealPv"
width="130" width="130"
:label="$t('大区业绩') + '(PV)'" :label="$t('大区业绩') + '(PV)'"
> />
</el-table-column>
<el-table-column <el-table-column
align="center" align="center"
prop="smallAreaPv" prop="smallAreaPv"
width="130" width="130"
:label="$t('小区业绩') + '(PV)'" :label="$t('小区业绩') + '(PV)'"
> />
</el-table-column>
<!-- <el-table-column align="center" <!-- <el-table-column align="center"
prop="payTime" prop="payTime"
label="订单日期"> label="订单日期">
@ -290,12 +268,12 @@
:auto-upload="false" :auto-upload="false"
drag drag
> >
<i class="el-icon-upload"></i> <i class="el-icon-upload" />
<div class="el-upload__text"> <div class="el-upload__text">
{{ '将文件拖到此处，或' }} {{ '将文件拖到此处，或' }}
<em>{{ '点击上传' }}</em> <em>{{ '点击上传' }}</em>
</div> </div>
<div class="el-upload__tip" style="color: red" slot="tip"> <div slot="tip" class="el-upload__tip" style="color: red">
{{ '提示：仅允许导入“xls”或“xlsx”格式文件！' }} {{ '提示：仅允许导入“xls”或“xlsx”格式文件！' }}
</div> </div>
</el-upload> </el-upload>
@ -312,28 +290,29 @@
</template> </template>
<script> <script>
import topBar from "@/components/topBar"; import topBar from '@/components/topBar'
import * as api from "@/api/business.js"; import * as api from '@/api/business.js'
import * as log from "@/api/logistics"; import * as log from '@/api/logistics'
import { getToken } from "@/utils/auth"; import { getToken } from '@/utils/auth'
import { getAwardsListChiose } from "@/api/level"; import { getAwardsListChiose } from '@/api/level'
import { getvertexValue } from "@/api/financialCase"; import { getvertexValue } from '@/api/financialCase'
import { userCountryList } from "@/api/site.js"; import { userCountryList } from '@/api/site.js'
import { getMonthFirstDayAndBeforeDay } from '@/utils/date'
export default { export default {
name: "Bzpz", name: 'Bzpz',
components: { components: {
topBar, topBar
}, },
data() { data() {
return { return {
creationTime: [], creationTime: [],
select: { select: {
orderType: 1, orderType: 1
}, },
// 查询参数 // 查询参数
queryParams: { queryParams: {
pageNum: 1, pageNum: 1,
pageSize: 50, pageSize: 50
}, },
total: 0, total: 0,
tableData: [], tableData: [],
@ -343,178 +322,177 @@ export default {
teamList: [], teamList: [],
countryList: [], countryList: [],
orderTypeList: [], orderTypeList: [],
moren: "underDirectAdd", moren: 'underDirectAdd',
topList: [ topList: [
{ {
name: "伞下直推新增业绩", name: '伞下直推新增业绩',
path: "underDirectAdd", path: 'underDirectAdd'
}, }
], ],
upload: { upload: {
// 是否显示弹出层（物流导入） // 是否显示弹出层（物流导入）
open: false, open: false,
// 弹出层标题（物流导入） // 弹出层标题（物流导入）
title: "", title: '',
// 是否禁用上传 // 是否禁用上传
isUploading: false, isUploading: false,
// 是否更新已经存在的物流数据 // 是否更新已经存在的物流数据
updateSupport: 0, updateSupport: 0,
// 设置上传的请求头部 // 设置上传的请求头部
headers: { Authorization: "Bearer " + getToken() }, headers: { Authorization: 'Bearer ' + getToken() },
// 上传的地址 // 上传的地址
url: url:
process.env.VUE_APP_BASE_API + process.env.VUE_APP_BASE_API +
"/report/manager/member-report/batch-importData", '/report/manager/member-report/batch-importData'
}, }
}; }
}, },
mounted() { mounted() {
var s1 = this.getStartTime(); const [s1, s2] = getMonthFirstDayAndBeforeDay()
var s2 = this.getEndTime(); this.select.startPayTime = s1
this.select.startPayTime = s1; this.select.endPayTime = s2
this.select.endPayTime = s2; this.creationTime = [s1, s2]
this.creationTime = [s1, s2];
// 获取列表 // 获取列表
this.getDataList(); this.getDataList()
this.getData(); this.getData()
// this.getEYesNoList() // this.getEYesNoList()
}, },
methods: { methods: {
details(row) { details(row) {
this.$router.push({ this.$router.push({
path: "UnderDirectAddNewDetil", path: 'UnderDirectAddNewDetil',
query: { query: {
data: JSON.stringify(row), data: JSON.stringify(row),
search: JSON.stringify(this.creationTime), search: JSON.stringify(this.creationTime)
}, }
}); })
}, },
handleImport() { handleImport() {
this.upload.title = "导入"; this.upload.title = '导入'
this.upload.open = true; this.upload.open = true
}, },
// 文件上传中处理 // 文件上传中处理
handleFileUploadProgress(event, file, fileList) { handleFileUploadProgress(event, file, fileList) {
this.upload.isUploading = true; this.upload.isUploading = true
}, },
// 文件上传成功处理 // 文件上传成功处理
handleFileSuccess(response, file, fileList) { handleFileSuccess(response, file, fileList) {
var fileName = response.fileName; var fileName = response.fileName
if (fileName != undefined && fileName != "") { if (fileName != undefined && fileName != '') {
} }
if (response.code == 200) { if (response.code == 200) {
let queryString = `/report/manager/member-report/export-direct-push-new?memberCodeStr=${encodeURIComponent( const queryString = `/report/manager/member-report/export-direct-push-new?memberCodeStr=${encodeURIComponent(
response.data.memberCodeStr response.data.memberCodeStr
)}&startPayTime=${encodeURIComponent( )}&startPayTime=${encodeURIComponent(
response.data.startPayTime response.data.startPayTime
)}&endPayTime=${encodeURIComponent(response.data.endPayTime)}`; )}&endPayTime=${encodeURIComponent(response.data.endPayTime)}`
this.download( this.download(
queryString, queryString,
{}, {},
`${this.$t("伞下直推新增业绩")}${new Date().getTime()}.xlsx` `${this.$t('伞下直推新增业绩')}${new Date().getTime()}.xlsx`
); )
} }
this.upload.open = false; this.upload.open = false
this.upload.isUploading = false; this.upload.isUploading = false
this.$refs.upload.clearFiles(); this.$refs.upload.clearFiles()
let str = ""; const str = ''
this.$alert("", '上传成功', { this.$alert('', '上传成功', {
dangerouslyUseHTMLString: true, dangerouslyUseHTMLString: true
}); })
}, },
// 上传文件数量超出后的动作 // 上传文件数量超出后的动作
handleExceed() { handleExceed() {
this.upload.isUploading = false; this.upload.isUploading = false
this.msgInfo('仅可上传一个文件哦'); this.msgInfo('仅可上传一个文件哦')
}, },
// 提交上传文件 // 提交上传文件
submitFileForm() { submitFileForm() {
this.$refs.upload.submit(); this.$refs.upload.submit()
}, },
importTemplate() { importTemplate() {
this.download( this.download(
"/report/manager/member-report/download", '/report/manager/member-report/download',
{}, {},
`${this.$t("伞下直推新增业绩")}${new Date().getTime()}.xlsx` `${this.$t('伞下直推新增业绩')}${new Date().getTime()}.xlsx`
); )
}, },
getStartTime() { getStartTime() {
const date = new Date(); const date = new Date()
date.setDate(1); // 将当前时间的日期设置成第一天 date.setDate(1) // 将当前时间的日期设置成第一天
const year = date.getFullYear(); // 得到当前年份 const year = date.getFullYear() // 得到当前年份
let month = date.getMonth() + 1; // 得到当前月份（0-11月份，+1是当前月份） let month = date.getMonth() + 1 // 得到当前月份（0-11月份，+1是当前月份）
month = month >= 10 ? month : "0" + month; // 补零 month = month >= 10 ? month : '0' + month // 补零
let day = date.getDate(); // 得到当前天数，实际是本月第一天，因为前面setDate(1) 设置过了 let day = date.getDate() // 得到当前天数，实际是本月第一天，因为前面setDate(1) 设置过了
day = day >= 10 ? day : "0" + day; // 补零 day = day >= 10 ? day : '0' + day // 补零
return year + "-" + month + "-" + day; return year + '-' + month + '-' + day
}, },
getEndTime() { getEndTime() {
let date = new Date(); const date = new Date()
let year = date.getFullYear(); // 得到当前年份 const year = date.getFullYear() // 得到当前年份
let month = date.getMonth() + 1; // 得到当前月份（0-11月份，+1是当前月份） let month = date.getMonth() + 1 // 得到当前月份（0-11月份，+1是当前月份）
month = month >= 10 ? month : "0" + month; // 补零 month = month >= 10 ? month : '0' + month // 补零
let day = date.getDate(); // 得到当前天数，实际是本月第一天，因为前面setDate(1) 设置过了 let day = date.getDate() // 得到当前天数，实际是本月第一天，因为前面setDate(1) 设置过了
day = day >= 10 ? day : "0" + day; // 补零 day = day >= 10 ? day : '0' + day // 补零
return year + "-" + month + "-" + day + " "; return year + '-' + month + '-' + day + ' '
}, },
//荣誉奖衔下拉选 // 荣誉奖衔下拉选
getData() { getData() {
getAwardsListChiose().then((res) => { getAwardsListChiose().then((res) => {
this.awardsList = res.rows; this.awardsList = res.rows
}); })
getvertexValue().then((res) => { getvertexValue().then((res) => {
this.vertexList = res.data; this.vertexList = res.data
}); })
api.teamList().then((res) => { api.teamList().then((res) => {
this.teamList = res.data; this.teamList = res.data
}); })
userCountryList().then((res) => { userCountryList().then((res) => {
this.countryList = res.data; this.countryList = res.data
}); })
log.getUnderAddOrderType().then((res) => { log.getUnderAddOrderType().then((res) => {
this.orderTypeList = res.data; this.orderTypeList = res.data
}); })
}, },
getStartTime() { getStartTime() {
const date = new Date(); const date = new Date()
date.setDate(1); // 将当前时间的日期设置成第一天 date.setDate(1) // 将当前时间的日期设置成第一天
const year = date.getFullYear(); // 得到当前年份 const year = date.getFullYear() // 得到当前年份
let month = date.getMonth() + 1; // 得到当前月份（0-11月份，+1是当前月份） let month = date.getMonth() + 1 // 得到当前月份（0-11月份，+1是当前月份）
month = month >= 10 ? month : "0" + month; // 补零 month = month >= 10 ? month : '0' + month // 补零
let day = date.getDate(); // 得到当前天数，实际是本月第一天，因为前面setDate(1) 设置过了 let day = date.getDate() // 得到当前天数，实际是本月第一天，因为前面setDate(1) 设置过了
day = day >= 10 ? day : "0" + day; // 补零 day = day >= 10 ? day : '0' + day // 补零
return year + "-" + month + "-" + day; return year + '-' + month + '-' + day
}, },
getEndTime() { getEndTime() {
let date = new Date(); const date = new Date()
let year = date.getFullYear(); // 得到当前年份 const year = date.getFullYear() // 得到当前年份
let month = date.getDate() === 1 ? date.getMonth() : date.getMonth() + 1; // 得到当前月份（0-11月份，+1是当前月份） let month = date.getDate() === 1 ? date.getMonth() : date.getMonth() + 1 // 得到当前月份（0-11月份，+1是当前月份）
month = month >= 10 ? month : "0" + month; // 补零 month = month >= 10 ? month : '0' + month // 补零
let day = date.getDate(); // 得到当前天数，实际是本月第一天，因为前面setDate(1) 设置过了 let day = date.getDate() // 得到当前天数，实际是本月第一天，因为前面setDate(1) 设置过了
day = day >= 10 ? day : "0" + day; // 补零 day = day >= 10 ? day : '0' + day // 补零
return year + "-" + month + "-" + day + " "; return year + '-' + month + '-' + day + ' '
}, },
reset() { reset() {
this.select = { this.select = {
orderType: 1, orderType: 1
}; }
this.creationTime = []; this.creationTime = []
this.getDataList(); this.getDataList()
}, },
changeTime(val) { changeTime(val) {
this.select.startPayTime = val ? val[0] : ""; this.select.startPayTime = val ? val[0] : ''
this.select.endPayTime = val ? val[1] : ""; this.select.endPayTime = val ? val[1] : ''
}, },
getDataList() { getDataList() {
this.loading = true; this.loading = true
api api
.directAddList(Object.assign({}, this.queryParams, this.select)) .directAddList(Object.assign({}, this.queryParams, this.select))
.then((res) => { .then((res) => {
this.tableData = res.rows; this.tableData = res.rows
this.total = res.total; this.total = res.total
this.loading = false; this.loading = false
}); })
}, },
handleSelectionChange(val) {}, handleSelectionChange(val) {},
/** 导出按钮操作 */ /** 导出按钮操作 */
@ -522,25 +500,25 @@ export default {
this.$confirm('是否确认导出所有数据项?', '警告', { this.$confirm('是否确认导出所有数据项?', '警告', {
confirmButtonText: '确定', confirmButtonText: '确定',
cancelButtonText: '取消', cancelButtonText: '取消',
type: "warning", type: 'warning'
}).then((_) => { }).then((_) => {
this.download( this.download(
"report/manager/member-report/export-direct-push-new", 'report/manager/member-report/export-direct-push-new',
Object.assign({}, this.queryParams, this.select), Object.assign({}, this.queryParams, this.select),
`伞下直推新增业绩${new Date().getTime()}.xlsx` `伞下直推新增业绩${new Date().getTime()}.xlsx`
); )
}); })
}, },
tableRowClassName({ row, rowIndex }) { tableRowClassName({ row, rowIndex }) {
if (rowIndex % 2 == 1) { if (rowIndex % 2 == 1) {
return "warning-row"; return 'warning-row'
} else if (rowIndex % 2 == 0) { } else if (rowIndex % 2 == 0) {
return "success-row"; return 'success-row'
} }
return ""; return ''
}, }
}, }
}; }
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
::v-deep .el-table .warning-row { ::v-deep .el-table .warning-row {

324
src/views/statistics/underDirectAddNew.vue
View File

@ -2,16 +2,16 @@
<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" :moren="moren"
></topBar> />
<div class="main"> <div class="main">
<div class="form_all"> <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-row :gutter="10">
<el-col :span="4"> <el-col :span="4">
<el-form-item :label="'会员编号'"> <el-form-item :label="'会员编号'">
<el-input clearable v-model="select.memberCode"></el-input> <el-input v-model="select.memberCode" clearable />
</el-form-item> </el-form-item>
</el-col> </el-col>
<!-- <el-col :span="4"> <!-- <el-col :span="4">
@ -38,16 +38,16 @@
<el-col :span="4"> <el-col :span="4">
<el-form-item :label="'荣誉奖衔'"> <el-form-item :label="'荣誉奖衔'">
<el-select <el-select
v-model="select.pkAwards"
clearable clearable
:placeholder="'请选择'" :placeholder="'请选择'"
v-model="select.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>
@ -55,32 +55,32 @@
<el-col :span="4"> <el-col :span="4">
<el-form-item :label="'隶属体系'"> <el-form-item :label="'隶属体系'">
<el-select <el-select
v-model="select.pkVertex"
clearable clearable
:placeholder="'请选择'" :placeholder="'请选择'"
v-model="select.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="'隶属团队'"> <el-form-item :label="'隶属团队'">
<el-select <el-select
v-model="select.pkTeamCode"
clearable clearable
:placeholder="'请选择'" :placeholder="'请选择'"
v-model="select.pkTeamCode"
> >
<el-option <el-option
v-for="item in teamList" v-for="item in teamList"
: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>
@ -97,8 +97,7 @@
:key="item.pkCountry" :key="item.pkCountry"
:label="item.name" :label="item.name"
:value="item.pkCountry" :value="item.pkCountry"
> />
</el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
@ -106,20 +105,18 @@
<el-form-item label="订单日期"> <el-form-item label="订单日期">
<el-date-picker <el-date-picker
v-model="creationTime" v-model="creationTime"
@change="changeTime"
value-format="yyyy-MM-dd" value-format="yyyy-MM-dd"
type="daterange" type="daterange"
: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="6"> <el-col :span="6">
<el-button type="primary" @click="getDataList"> <el-button type="primary" @click="getDataList">
{{ '搜索' }}</el-button {{ '搜索' }}</el-button>
>
<el-button type="" @click="reset"> {{ '重置' }}</el-button> <el-button type="" @click="reset"> {{ '重置' }}</el-button>
<el-button type="primary" @click="getNewData">统计</el-button> <el-button type="primary" @click="getNewData">统计</el-button>
</el-col> </el-col>
@ -137,40 +134,38 @@
{{ '导出' }}</el-button {{ '导出' }}</el-button
> --> > -->
<el-button <el-button
size="small"
v-hasButtons="['memberDown']" v-hasButtons="['memberDown']"
@click="importTemplate" size="small"
style="background-color: #009b58; color: #fff; margin-left: 15px" style="background-color: #009b58; color: #fff; margin-left: 15px"
class="thebtn2" class="thebtn2"
@click="importTemplate"
> >
{{ '下载模板' }}</el-button {{ '下载模板' }}</el-button>
>
<el-button <el-button
v-hasButtons="['memberImport']"
size="small" size="small"
class="thebtn2" class="thebtn2"
v-hasButtons="['memberImport']"
style="background-color: #ff6723; color: #fff" style="background-color: #ff6723; color: #fff"
@click="handleImport" @click="handleImport"
> >
{{ '导入' }}</el-button {{ '导入' }}</el-button>
>
</div> </div>
</div> </div>
<div class="maintable"> <div class="maintable">
<el-table <el-table
:data="tableData"
v-loading="loading" v-loading="loading"
:data="tableData"
style="width: 100%" style="width: 100%"
height="700px" 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 type="selection" width="55" />
<el-table-column align="center" prop="picture" label="国旗"> <el-table-column align="center" prop="picture" label="国旗">
<template slot-scope="scope"> <template slot-scope="scope">
<div class="tem"> <div class="tem">
<img :src="scope.row.nationalFlag1" alt="" /> <img :src="scope.row.nationalFlag1" alt="">
</div> </div>
</template> </template>
</el-table-column> </el-table-column>
@ -178,23 +173,19 @@
align="center" align="center"
prop="shortName" prop="shortName"
:label="'国家'" :label="'国家'"
> />
</el-table-column>
<el-table-column <el-table-column
align="center" align="center"
prop="memberCode" prop="memberCode"
:label="'会员编号'" :label="'会员编号'"
> />
</el-table-column>
<el-table-column <el-table-column
align="center" align="center"
prop="memberName" prop="memberName"
:label="'会员姓名'" :label="'会员姓名'"
> />
</el-table-column> <el-table-column align="center" prop="phone" :label="'联系方式'" />
<el-table-column align="center" prop="phone" :label="'联系方式'">
</el-table-column>
<!-- <el-table-column <!-- <el-table-column
align="center" align="center"
prop="orderTypeVal" prop="orderTypeVal"
@ -205,41 +196,36 @@
align="center" align="center"
prop="awardsName" prop="awardsName"
: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="pkTeamCode" prop="pkTeamCode"
:label="'隶属团队'" :label="'隶属团队'"
> />
</el-table-column>
<el-table-column <el-table-column
align="center" align="center"
prop="orderAmount" prop="orderAmount"
width="130" width="130"
label="新增金额(￥)" label="新增金额(￥)"
> />
</el-table-column>
<el-table-column <el-table-column
align="center" align="center"
prop="orderAchieve" prop="orderAchieve"
width="130" width="130"
:label="'新增业绩' + '(PV)'" :label="'新增业绩' + '(PV)'"
> />
</el-table-column>
<el-table-column <el-table-column
align="center" align="center"
prop="bigArealPv" prop="bigArealPv"
:label="$t('大区业绩')" :label="$t('大区业绩')"
> >
<template slot-scope="scope"> <template slot-scope="scope">
<el-link @click="details(scope.row)" type="primary">{{ <el-link type="primary" @click="details(scope.row)">{{
scope.row.bigArealPv scope.row.bigArealPv
}}</el-link> }}</el-link>
</template> </template>
@ -250,7 +236,7 @@
:label="$t('小区业绩')" :label="$t('小区业绩')"
> >
<template slot-scope="scope"> <template slot-scope="scope">
<el-link @click="details(scope.row)" type="primary">{{ <el-link type="primary" @click="details(scope.row)">{{
scope.row.smallAreaPv scope.row.smallAreaPv
}}</el-link> }}</el-link>
</template> </template>
@ -261,7 +247,7 @@
:label="$t('大区金额')" :label="$t('大区金额')"
> >
<template slot-scope="scope"> <template slot-scope="scope">
<el-link @click="details(scope.row)" type="primary">{{ <el-link type="primary" @click="details(scope.row)">{{
scope.row.bigArealAm scope.row.bigArealAm
}}</el-link> }}</el-link>
</template> </template>
@ -272,7 +258,7 @@
:label="$t('小区金额')" :label="$t('小区金额')"
> >
<template slot-scope="scope"> <template slot-scope="scope">
<el-link @click="details(scope.row)" type="primary">{{ <el-link type="primary" @click="details(scope.row)">{{
scope.row.smallAreaAm scope.row.smallAreaAm
}}</el-link> }}</el-link>
</template> </template>
@ -282,57 +268,49 @@
prop="regAmount" prop="regAmount"
width="130" width="130"
label="注册金额(￥)" label="注册金额(￥)"
> />
</el-table-column>
<el-table-column <el-table-column
align="center" align="center"
prop="regAchieve" prop="regAchieve"
width="130" width="130"
:label="$t('注册业绩') + '(PV)'" :label="$t('注册业绩') + '(PV)'"
> />
</el-table-column>
<el-table-column <el-table-column
align="center" align="center"
prop="upgAmount" prop="upgAmount"
width="130" width="130"
label="升级金额(￥)" label="升级金额(￥)"
> />
</el-table-column>
<el-table-column <el-table-column
align="center" align="center"
prop="upgAchieve" prop="upgAchieve"
width="130" width="130"
:label="$t('升级业绩') + '(PV)'" :label="$t('升级业绩') + '(PV)'"
> />
</el-table-column>
<el-table-column <el-table-column
align="center" align="center"
prop="repAmount" prop="repAmount"
width="130" width="130"
label="复购金额(￥)" label="复购金额(￥)"
> />
</el-table-column>
<el-table-column <el-table-column
align="center" align="center"
prop="repAchieve" prop="repAchieve"
width="130" width="130"
:label="$t('复购业绩') + '(PV)'" :label="$t('复购业绩') + '(PV)'"
> />
</el-table-column>
<el-table-column <el-table-column
align="center" align="center"
prop="conAmount" prop="conAmount"
width="130" width="130"
label="重消金额(￥)" label="重消金额(￥)"
> />
</el-table-column>
<el-table-column <el-table-column
align="center" align="center"
prop="conAchieve" prop="conAchieve"
width="130" width="130"
:label="$t('重消业绩') + '(PV)'" :label="$t('重消业绩') + '(PV)'"
> />
</el-table-column>
<!-- <el-table-column align="center" <!-- <el-table-column align="center"
prop="payTime" prop="payTime"
label="订单日期"> label="订单日期">
@ -367,12 +345,12 @@
:auto-upload="false" :auto-upload="false"
drag drag
> >
<i class="el-icon-upload"></i> <i class="el-icon-upload" />
<div class="el-upload__text"> <div class="el-upload__text">
{{ '将文件拖到此处，或' }} {{ '将文件拖到此处，或' }}
<em>{{ '点击上传' }}</em> <em>{{ '点击上传' }}</em>
</div> </div>
<div class="el-upload__tip" style="color: red" slot="tip"> <div slot="tip" class="el-upload__tip" style="color: red">
{{ '提示：仅允许导入“xls”或“xlsx”格式文件！' }} {{ '提示：仅允许导入“xls”或“xlsx”格式文件！' }}
</div> </div>
</el-upload> </el-upload>
@ -389,28 +367,29 @@
</template> </template>
<script> <script>
import topBar from "@/components/topBar"; import topBar from '@/components/topBar'
import * as api from "@/api/business.js"; import * as api from '@/api/business.js'
import * as log from "@/api/logistics"; import * as log from '@/api/logistics'
import { getToken } from "@/utils/auth"; import { getToken } from '@/utils/auth'
import { getAwardsListChiose } from "@/api/level"; import { getAwardsListChiose } from '@/api/level'
import { getvertexValue } from "@/api/financialCase"; import { getvertexValue } from '@/api/financialCase'
import { userCountryList } from "@/api/site.js"; import { userCountryList } from '@/api/site.js'
import { getMonthFirstDayAndBeforeDay } from '@/utils/date'
export default { export default {
name: "UnderDirectAddNew", name: 'UnderDirectAddNew',
components: { components: {
topBar, topBar
}, },
data() { data() {
return { return {
creationTime: [], creationTime: [],
select: { select: {
orderType: 1, orderType: 1
}, },
// 查询参数 // 查询参数
queryParams: { queryParams: {
pageNum: 1, pageNum: 1,
pageSize: 50, pageSize: 50
}, },
total: 0, total: 0,
tableData: [], tableData: [],
@ -420,171 +399,170 @@ export default {
teamList: [], teamList: [],
countryList: [], countryList: [],
orderTypeList: [], orderTypeList: [],
moren: "underDirectAddNew", moren: 'underDirectAddNew',
topList: [ topList: [
{ {
name: "伞下直推新增业绩（新）", name: '伞下直推新增业绩（新）',
path: "underDirectAddNew", path: 'underDirectAddNew'
}, }
], ],
monthFirstday: "", monthFirstday: '',
monthLastday: "", monthLastday: '',
upload: { upload: {
// 是否显示弹出层（物流导入） // 是否显示弹出层（物流导入）
open: false, open: false,
// 弹出层标题（物流导入） // 弹出层标题（物流导入）
title: "", title: '',
// 是否禁用上传 // 是否禁用上传
isUploading: false, isUploading: false,
// 是否更新已经存在的物流数据 // 是否更新已经存在的物流数据
updateSupport: 0, updateSupport: 0,
// 设置上传的请求头部 // 设置上传的请求头部
headers: { Authorization: "Bearer " + getToken() }, headers: { Authorization: 'Bearer ' + getToken() },
// 上传的地址 // 上传的地址
url: url:
process.env.VUE_APP_BASE_API + process.env.VUE_APP_BASE_API +
"/report/manager/member-report/batch-importData", '/report/manager/member-report/batch-importData'
}, }
}; }
}, },
mounted() { mounted() {
var s1 = this.getStartTime(); const [s1, s2] = getMonthFirstDayAndBeforeDay()
var s2 = this.getEndTime(); this.select.startPayTime = s1
this.select.startPayTime = s1; this.select.endPayTime = s2
this.select.endPayTime = s2; this.creationTime = [s1, s2]
this.creationTime = [s1, s2];
// 获取列表 // 获取列表
this.getDataList(); this.getDataList()
this.getData(); this.getData()
}, },
methods: { methods: {
getNewData() { getNewData() {
this.loading = true; this.loading = true
this.select.staDate = this.select.startPayTime; this.select.staDate = this.select.startPayTime
this.select.endDate = this.select.endPayTime; this.select.endDate = this.select.endPayTime
api api
.getstaAmountBox(Object.assign({}, this.queryParams, this.select)) .getstaAmountBox(Object.assign({}, this.queryParams, this.select))
.then((res) => { .then((res) => {
this.getDataList(); this.getDataList()
}); })
}, },
details(row) { details(row) {
this.$router.push({ this.$router.push({
path: "UnderDirectAddNewDetil", path: 'UnderDirectAddNewDetil',
query: { query: {
data: JSON.stringify(row), data: JSON.stringify(row),
search: JSON.stringify(this.creationTime), search: JSON.stringify(this.creationTime)
}, }
}); })
}, },
handleImport() { handleImport() {
this.upload.title = "导入"; this.upload.title = '导入'
this.upload.open = true; this.upload.open = true
}, },
// 文件上传中处理 // 文件上传中处理
handleFileUploadProgress(event, file, fileList) { handleFileUploadProgress(event, file, fileList) {
this.upload.isUploading = true; this.upload.isUploading = true
}, },
// 文件上传成功处理 // 文件上传成功处理
handleFileSuccess(response, file, fileList) { handleFileSuccess(response, file, fileList) {
var fileName = response.fileName; var fileName = response.fileName
if (fileName != undefined && fileName != "") { if (fileName != undefined && fileName != '') {
} }
if (response.code == 200) { if (response.code == 200) {
let queryString = `/report/manager/member-report/export-direct-push-new-up?memberCodeStr=${encodeURIComponent( const queryString = `/report/manager/member-report/export-direct-push-new-up?memberCodeStr=${encodeURIComponent(
response.data.memberCodeStr response.data.memberCodeStr
)}&startPayTime=${encodeURIComponent( )}&startPayTime=${encodeURIComponent(
response.data.startPayTime response.data.startPayTime
)}&endPayTime=${encodeURIComponent(response.data.endPayTime)}`; )}&endPayTime=${encodeURIComponent(response.data.endPayTime)}`
this.download( this.download(
queryString, queryString,
{}, {},
`${this.$t("伞下直推新增业绩")}${new Date().getTime()}.xlsx` `${this.$t('伞下直推新增业绩')}${new Date().getTime()}.xlsx`
); )
} }
this.upload.open = false; this.upload.open = false
this.upload.isUploading = false; this.upload.isUploading = false
this.$refs.upload.clearFiles(); this.$refs.upload.clearFiles()
let str = ""; const str = ''
this.$alert("", '上传成功', { this.$alert('', '上传成功', {
dangerouslyUseHTMLString: true, dangerouslyUseHTMLString: true
}); })
}, },
// 上传文件数量超出后的动作 // 上传文件数量超出后的动作
handleExceed() { handleExceed() {
this.upload.isUploading = false; this.upload.isUploading = false
this.msgInfo('仅可上传一个文件哦'); this.msgInfo('仅可上传一个文件哦')
}, },
// 提交上传文件 // 提交上传文件
submitFileForm() { submitFileForm() {
this.$refs.upload.submit(); this.$refs.upload.submit()
}, },
importTemplate() { importTemplate() {
this.download( this.download(
"/report/manager/member-report/download", '/report/manager/member-report/download',
{}, {},
`${this.$t("伞下直推新增业绩")}${new Date().getTime()}.xlsx` `${this.$t('伞下直推新增业绩')}${new Date().getTime()}.xlsx`
); )
}, },
getStartTime() { getStartTime() {
const date = new Date(); const date = new Date()
date.setDate(1); // 将当前时间的日期设置成第一天 date.setDate(1) // 将当前时间的日期设置成第一天
const year = date.getFullYear(); // 得到当前年份 const year = date.getFullYear() // 得到当前年份
let month = date.getMonth() + 1; // 得到当前月份（0-11月份，+1是当前月份） let month = date.getMonth() + 1 // 得到当前月份（0-11月份，+1是当前月份）
month = month >= 10 ? month : "0" + month; // 补零 month = month >= 10 ? month : '0' + month // 补零
let day = date.getDate(); // 得到当前天数，实际是本月第一天，因为前面setDate(1) 设置过了 let day = date.getDate() // 得到当前天数，实际是本月第一天，因为前面setDate(1) 设置过了
day = day >= 10 ? day : "0" + day; // 补零 day = day >= 10 ? day : '0' + day // 补零
return year + "-" + month + "-" + day; return year + '-' + month + '-' + day
}, },
getEndTime() { getEndTime() {
let date = new Date(); const date = new Date()
let year = date.getFullYear(); // 得到当前年份 const year = date.getFullYear() // 得到当前年份
let month = date.getMonth() + 1; // 得到当前月份（0-11月份，+1是当前月份） let month = date.getMonth() + 1 // 得到当前月份（0-11月份，+1是当前月份）
month = month >= 10 ? month : "0" + month; // 补零 month = month >= 10 ? month : '0' + month // 补零
let day = date.getDate(); // 得到当前天数，实际是本月第一天，因为前面setDate(1) 设置过了 let day = date.getDate() // 得到当前天数，实际是本月第一天，因为前面setDate(1) 设置过了
day = day >= 10 ? day : "0" + day; // 补零 day = day >= 10 ? day : '0' + day // 补零
return year + "-" + month + "-" + day + " "; return year + '-' + month + '-' + day + ' '
}, },
//荣誉奖衔下拉选 // 荣誉奖衔下拉选
getData() { getData() {
getAwardsListChiose().then((res) => { getAwardsListChiose().then((res) => {
this.awardsList = res.rows; this.awardsList = res.rows
}); })
getvertexValue().then((res) => { getvertexValue().then((res) => {
this.vertexList = res.data; this.vertexList = res.data
}); })
api.teamList().then((res) => { api.teamList().then((res) => {
this.teamList = res.data; this.teamList = res.data
}); })
userCountryList().then((res) => { userCountryList().then((res) => {
this.countryList = res.data; this.countryList = res.data
}); })
log.getUnderAddOrderTypeNew().then((res) => { log.getUnderAddOrderTypeNew().then((res) => {
this.orderTypeList = res.data; this.orderTypeList = res.data
}); })
}, },
reset() { reset() {
this.select = { this.select = {
orderType: 1, orderType: 1
}; }
this.creationTime = []; this.creationTime = []
this.getDataList(); this.getDataList()
}, },
changeTime(val) { changeTime(val) {
this.select.startPayTime = val ? val[0] : ""; this.select.startPayTime = val ? val[0] : ''
this.select.endPayTime = val ? val[1] : ""; this.select.endPayTime = val ? val[1] : ''
}, },
getDataList() { getDataList() {
this.loading = true; this.loading = true
api api
.directAddNewList(Object.assign({}, this.queryParams, this.select)) .directAddNewList(Object.assign({}, this.queryParams, this.select))
.then((res) => { .then((res) => {
this.tableData = res.rows; this.tableData = res.rows
this.total = res.total; this.total = res.total
this.loading = false; this.loading = false
}); })
}, },
handleSelectionChange(val) {}, handleSelectionChange(val) {},
/** 导出按钮操作 */ /** 导出按钮操作 */
@ -592,25 +570,25 @@ export default {
this.$confirm('是否确认导出所有数据项?', '警告', { this.$confirm('是否确认导出所有数据项?', '警告', {
confirmButtonText: '确定', confirmButtonText: '确定',
cancelButtonText: '取消', cancelButtonText: '取消',
type: "warning", type: 'warning'
}).then((_) => { }).then((_) => {
this.download( 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), Object.assign({}, this.queryParams, this.select),
`伞下直推新增业绩（新）${new Date().getTime()}.xlsx` `伞下直推新增业绩（新）${new Date().getTime()}.xlsx`
); )
}); })
}, },
tableRowClassName({ row, rowIndex }) { tableRowClassName({ row, rowIndex }) {
if (rowIndex % 2 == 1) { if (rowIndex % 2 == 1) {
return "warning-row"; return 'warning-row'
} else if (rowIndex % 2 == 0) { } else if (rowIndex % 2 == 0) {
return "success-row"; return 'success-row'
} }
return ""; return ''
}, }
}, }
}; }
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
::v-deep .el-table .warning-row { ::v-deep .el-table .warning-row {

210
src/views/statistics/underPlacementPer.vue
View File

@ -2,36 +2,36 @@
<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" :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 clearable v-model="queryParams.memberCode"></el-input> <el-input v-model="queryParams.memberCode" clearable />
</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 clearable v-model="queryParams.memberName"></el-input> <el-input v-model="queryParams.memberName" clearable />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="4"> <el-col :span="4">
<el-form-item :label="'订单类型'" prop="orderType"> <el-form-item :label="'订单类型'" prop="orderType">
<el-select <el-select
v-model="queryParams.orderType"
clearable clearable
:placeholder="'请选择'" :placeholder="'请选择'"
v-model="queryParams.orderType"
> >
<el-option <el-option
v-for="item in orderTypeList" v-for="item in orderTypeList"
: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>
@ -39,48 +39,48 @@
<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>
@ -101,18 +101,17 @@
</el-form-item> </el-form-item>
</el-col> --> </el-col> -->
<el-col :span="8"> <el-col :span="8">
<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">
@ -126,11 +125,9 @@
} }
" "
> >
{{ '搜索' }}</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>
@ -140,21 +137,19 @@
<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
:data="tableData"
v-loading="loading" v-loading="loading"
:data="tableData"
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"
@ -166,7 +161,7 @@
style="width: 44px; height: 44px; border-radius: 50%" style="width: 44px; height: 44px; border-radius: 50%"
:src="scope.row.nationalFlag" :src="scope.row.nationalFlag"
alt="" alt=""
/> >
</template> </template>
</el-table-column> </el-table-column>
@ -175,74 +170,63 @@
prop="shortName" prop="shortName"
:label="'国家'" :label="'国家'"
min-width="120px" 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="awardsName" prop="awardsName"
: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="teamCodeName" prop="teamCodeName"
:label="'隶属团队'" :label="'隶属团队'"
> />
</el-table-column>
<el-table-column <el-table-column
align="center" align="center"
prop="leftNewAddAmount" prop="leftNewAddAmount"
:label="'左区新增金额'" :label="'左区新增金额'"
> />
</el-table-column>
<el-table-column <el-table-column
align="center" align="center"
prop="rightNewAddAmount" prop="rightNewAddAmount"
:label="'右区新增金额'" :label="'右区新增金额'"
> />
</el-table-column>
<el-table-column <el-table-column
align="center" align="center"
prop="leftNewAddAchieve" prop="leftNewAddAchieve"
min-width="100px" min-width="100px"
:label="'左区新增业绩' + `(PV)`" :label="'左区新增业绩' + `(PV)`"
> />
</el-table-column>
<el-table-column <el-table-column
align="center" align="center"
prop="rightNewAddAchieve" prop="rightNewAddAchieve"
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"
@ -262,35 +246,36 @@
/> />
</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 * as log from "@/api/logistics"; import * as log from '@/api/logistics'
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'
import { getMonthFirstDayAndBeforeDay } from '@/utils/date'
export default { export default {
name: "UnderPlacementPer", name: 'UnderPlacementPer',
components: { components: {
topBar, topBar
}, },
data() { data() {
return { return {
moren: "underPlacementPer", moren: 'underPlacementPer',
topList: [ topList: [
{ {
name: '伞下新增安置业绩', name: '伞下新增安置业绩',
path: "underPlacementPer", path: 'underPlacementPer'
}, }
], ],
tableData: [], tableData: [],
loading:false, loading: false,
queryParams: { queryParams: {
pageNum: 1, pageNum: 1,
pageSize: 50, pageSize: 50,
thetimes: [], thetimes: []
}, },
total: 0, total: 0,
multipleSelection: [], multipleSelection: [],
@ -298,105 +283,85 @@ export default {
memberTeamList: [], memberTeamList: [],
vertexList: [], vertexList: [],
countryList: [], countryList: [],
orderTypeList: [], orderTypeList: []
}; }
}, },
created() { created() {
this.getSearch(); this.getSearch()
this.getOthers(); this.getOthers()
var s1 = this.getStartTime(); const [s1, s2] = getMonthFirstDayAndBeforeDay()
var s2 = this.getEndTime(); this.queryParams.startPayTime = s1
this.queryParams.startPayTime = s1; this.queryParams.endPayTime = s2
this.queryParams.endPayTime = s2; this.queryParams.thetimes = [s1, s2]
this.queryParams.thetimes = [s1, s2];
}, },
methods: { methods: {
isLocalSymbol, isLocalSymbol,
isLocals, isLocals,
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;
},
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 + " ";
},
changeTime(val) { changeTime(val) {
this.queryParams.startPayTime = val[0]; this.queryParams.startPayTime = val[0]
this.queryParams.endPayTime = val[1]; this.queryParams.endPayTime = 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
}); })
// 获取订单类型 // 获取订单类型
log.getUnderAddOrderType().then((res) => { log.getUnderAddOrderType().then((res) => {
this.orderTypeList = res.data; this.orderTypeList = 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-report/member-resettle-achieve-export", '/report/manager/member-report/member-resettle-achieve-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.getResettleAchieve(this.queryParams).then((res) => { sta.getResettleAchieve(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>
::v-deep .el-image-viewer__close { ::v-deep .el-image-viewer__close {
right: 500px; right: 500px;
@ -469,4 +434,3 @@ export default {
} }
} }
</style> </style>

220
src/views/statistics/underPlacementPerNew.vue
View File

@ -2,36 +2,36 @@
<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" :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 clearable v-model="queryParams.memberCode"></el-input> <el-input v-model="queryParams.memberCode" clearable />
</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 clearable v-model="queryParams.memberName"></el-input> <el-input v-model="queryParams.memberName" clearable />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="4"> <el-col :span="4">
<el-form-item :label="'订单类型'" prop="orderType"> <el-form-item :label="'订单类型'" prop="orderType">
<el-select <el-select
v-model="queryParams.orderType"
clearable clearable
:placeholder="'请选择'" :placeholder="'请选择'"
v-model="queryParams.orderType"
> >
<el-option <el-option
v-for="item in orderTypeList" v-for="item in orderTypeList"
: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>
@ -39,48 +39,48 @@
<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>
@ -104,15 +104,14 @@
<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">
@ -126,11 +125,9 @@
} }
" "
> >
{{ '搜索' }}</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>
@ -140,21 +137,19 @@
<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
:data="tableData"
v-loading="loading" v-loading="loading"
:data="tableData"
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"
@ -166,7 +161,7 @@
style="width: 44px; height: 44px; border-radius: 50%" style="width: 44px; height: 44px; border-radius: 50%"
:src="scope.row.nationalFlag" :src="scope.row.nationalFlag"
alt="" alt=""
/> >
</template> </template>
</el-table-column> </el-table-column>
@ -175,74 +170,63 @@
prop="shortName" prop="shortName"
:label="'国家'" :label="'国家'"
min-width="120px" 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="awardsName" prop="awardsName"
: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="teamCodeName" prop="teamCodeName"
:label="'隶属团队'" :label="'隶属团队'"
> />
</el-table-column>
<el-table-column <el-table-column
align="center" align="center"
prop="leftNewAddAmount" prop="leftNewAddAmount"
:label="'左区新增金额'" :label="'左区新增金额'"
> />
</el-table-column>
<el-table-column <el-table-column
align="center" align="center"
prop="rightNewAddAmount" prop="rightNewAddAmount"
:label="'右区新增金额'" :label="'右区新增金额'"
> />
</el-table-column>
<el-table-column <el-table-column
align="center" align="center"
prop="leftNewAddAchieve" prop="leftNewAddAchieve"
min-width="100px" min-width="100px"
:label="'左区新增业绩' + `(PV)`" :label="'左区新增业绩' + `(PV)`"
> />
</el-table-column>
<el-table-column <el-table-column
align="center" align="center"
prop="rightNewAddAchieve" prop="rightNewAddAchieve"
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"
@ -262,35 +246,36 @@
/> />
</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 * as log from "@/api/logistics"; import * as log from '@/api/logistics'
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'
import { getMonthFirstDayAndBeforeDay } from '@/utils/date'
export default { export default {
name: "UnderPlacementPerNew", name: 'UnderPlacementPerNew',
components: { components: {
topBar, topBar
}, },
data() { data() {
return { return {
moren: "underPlacementPerNew", moren: 'underPlacementPerNew',
topList: [ topList: [
{ {
name: "伞下新増安置业绩（新）", name: '伞下新増安置业绩（新）',
path: "underPlacementPerNew", path: 'underPlacementPerNew'
}, }
], ],
tableData: [], tableData: [],
loading:false, loading: false,
queryParams: { queryParams: {
pageNum: 1, pageNum: 1,
pageSize: 50, pageSize: 50,
thetimes: [], thetimes: []
}, },
total: 0, total: 0,
multipleSelection: [], multipleSelection: [],
@ -298,105 +283,103 @@ export default {
memberTeamList: [], memberTeamList: [],
vertexList: [], vertexList: [],
countryList: [], countryList: [],
orderTypeList: [], orderTypeList: []
}; }
}, },
created() { created() {
this.getSearch(); this.getSearch()
this.getOthers(); this.getOthers()
var s1 = this.getStartTime(); const [s1, s2] = getMonthFirstDayAndBeforeDay()
var s2 = this.getEndTime(); this.queryParams.startPayTime = s1
this.queryParams.startPayTime = s1; this.queryParams.endPayTime = s2
this.queryParams.endPayTime = s2; this.queryParams.thetimes = [s1, s2]
this.queryParams.thetimes = [s1, s2];
}, },
methods: { methods: {
isLocalSymbol, isLocalSymbol,
isLocals, isLocals,
getStartTime() { getStartTime() {
const date = new Date(); const date = new Date()
date.setDate(1); // 将当前时间的日期设置成第一天 date.setDate(1) // 将当前时间的日期设置成第一天
const year = date.getFullYear(); // 得到当前年份 const year = date.getFullYear() // 得到当前年份
let month = date.getMonth() + 1; // 得到当前月份（0-11月份，+1是当前月份） let month = date.getMonth() + 1 // 得到当前月份（0-11月份，+1是当前月份）
month = month >= 10 ? month : "0" + month; // 补零 month = month >= 10 ? month : '0' + month // 补零
let day = date.getDate(); // 得到当前天数，实际是本月第一天，因为前面setDate(1) 设置过了 let day = date.getDate() // 得到当前天数，实际是本月第一天，因为前面setDate(1) 设置过了
day = day >= 10 ? day : "0" + day; // 补零 day = day >= 10 ? day : '0' + day // 补零
return year + "-" + month + "-" + day; return year + '-' + month + '-' + day
}, },
getEndTime() { getEndTime() {
let date = new Date(); const date = new Date()
let year = date.getFullYear(); // 得到当前年份 const year = date.getFullYear() // 得到当前年份
let month = date.getMonth() + 1; // 得到当前月份（0-11月份，+1是当前月份） let month = date.getMonth() + 1 // 得到当前月份（0-11月份，+1是当前月份）
month = month >= 10 ? month : "0" + month; // 补零 month = month >= 10 ? month : '0' + month // 补零
let day = date.getDate(); // 得到当前天数，实际是本月第一天，因为前面setDate(1) 设置过了 let day = date.getDate() // 得到当前天数，实际是本月第一天，因为前面setDate(1) 设置过了
day = day >= 10 ? day : "0" + day; // 补零 day = day >= 10 ? day : '0' + day // 补零
return year + "-" + month + "-" + day + " "; return year + '-' + month + '-' + day + ' '
}, },
changeTime(val) { changeTime(val) {
this.queryParams.startPayTime = val[0]; this.queryParams.startPayTime = val[0]
this.queryParams.endPayTime = val[1]; this.queryParams.endPayTime = 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
}); })
// 获取订单类型 // 获取订单类型
log.getUnderAddOrderTypeNew().then((res) => { log.getUnderAddOrderTypeNew().then((res) => {
this.orderTypeList = res.data; this.orderTypeList = 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-report/member-resettle-achieve_up_export", '/report/manager/member-report/member-resettle-achieve_up_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.getResettleAchieveNew(this.queryParams).then((res) => { sta.getResettleAchieveNew(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>
::v-deep .el-image-viewer__close { ::v-deep .el-image-viewer__close {
right: 500px; right: 500px;
@ -469,4 +452,3 @@ export default {
} }
} }
</style> </style>