feat(top-member-select): 顶点会员选择组件目录迁移

This commit is contained in:
woody 2025-05-20 13:23:09 +08:00
parent e0e4e273c7
commit f47fb2d019
7 changed files with 107 additions and 127 deletions

View File

@ -52,6 +52,3 @@ export default {
} }
</script> </script>
<style>
</style>

View File

@ -250,7 +250,7 @@ import {
getMemberSettlePeriod, getMemberSettlePeriod,
getUrlBase getUrlBase
} from '@/api/archityecture' } from '@/api/archityecture'
import TopMemberSelect from './components/top-member-select.vue' import TopMemberSelect from '@/components/top-member-select/index.vue'
import { isLocals } from '../../../utils/numberToCurrency' import { isLocals } from '../../../utils/numberToCurrency'
export default { export default {
name: 'Azjg2', name: 'Azjg2',

View File

@ -244,7 +244,7 @@ import {
getUrlBase getUrlBase
} from '@/api/archityecture' } from '@/api/archityecture'
import { isLocals } from '../../../utils/numberToCurrency' import { isLocals } from '../../../utils/numberToCurrency'
import TopMemberSelect from './components/top-member-select.vue' import TopMemberSelect from '@/components/top-member-select/index.vue'
export default { export default {
name: 'Azjg3', name: 'Azjg3',
components: { components: {

View File

@ -232,7 +232,7 @@ import {
getUrlBase getUrlBase
} from '@/api/archityecture' } from '@/api/archityecture'
import { isLocals } from '../../../utils/numberToCurrency' import { isLocals } from '../../../utils/numberToCurrency'
import TopMemberSelect from './components/top-member-select.vue' import TopMemberSelect from '@/components/top-member-select/index.vue'
export default { export default {
name: 'Azjg4', name: 'Azjg4',
components: { components: {

View File

@ -87,7 +87,7 @@ import {
getUrlBase getUrlBase
} from '@/api/archityecture' } from '@/api/archityecture'
import { isLocals } from '../../../utils/numberToCurrency' import { isLocals } from '../../../utils/numberToCurrency'
import TopMemberSelect from './components/top-member-select.vue' import TopMemberSelect from '@/components/top-member-select/index.vue'
import tabBarMixin from './mixins/tab-bar' import tabBarMixin from './mixins/tab-bar'
import { getgradeRanglist } from '@/api/level' import { getgradeRanglist } from '@/api/level'
export default { export default {

View File

@ -255,7 +255,7 @@ import {
getMemberSettlePeriod, getMemberSettlePeriod,
getUrlBase getUrlBase
} from '@/api/archityecture' } from '@/api/archityecture'
import TopMemberSelect from './components/top-member-select.vue' import TopMemberSelect from '@/components/top-member-select/index.vue'
import { isLocals } from '../../../utils/numberToCurrency' import { isLocals } from '../../../utils/numberToCurrency'
import tabBarMixin from './mixins/tab-bar' import tabBarMixin from './mixins/tab-bar'
export default { export default {

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"
@ -263,34 +247,35 @@
</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'
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,103 +283,102 @@ export default {
memberTeamList: [], memberTeamList: [],
vertexList: [], vertexList: [],
countryList: [], countryList: [],
orderTypeList: [], orderTypeList: []
}; }
}, },
created() { created() {
this.getSearch(); this.getSearch()
this.getOthers(); this.getOthers()
var s1 = this.getStartTime(); var s1 = this.getStartTime()
var s2 = this.getEndTime(); 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>
@ -469,4 +453,3 @@ export default {
} }
} }
</style> </style>