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

feat(marketDynamics): 市场动态模块样式风格调整，移除奖金来源

This commit is contained in:
woody 2025-04-30 10:06:36 +08:00
parent f0e29d3909
commit 6913479b40
13 changed files with 786 additions and 861 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/HeaderTop.vue
View File

@ -281,12 +281,6 @@ export default {
path: "/marketDynamics", path: "/marketDynamics",
name: "incomeDetail", name: "incomeDetail",
}, },
{
text: "奖金来源",
id: 3,
path: "/marketDynamics",
name: "bonusSource",
},
{ {
text: "考核明细", text: "考核明细",
id: 4, id: 4,

66
src/components/investment.vue
View File

@ -47,8 +47,8 @@
</el-col> </el-col>
<el-col :span="4"> <el-col :span="4">
<div class="searchbox"> <div class="searchbox">
<el-button class="btn2" @click="research">{{ "搜索" }}</el-button> <el-button type="primary" @click="research">搜索</el-button>
<el-button class="btn1" @click="chongzhi">{{ "重置" }}</el-button> <el-button @click="resetHandle">重置</el-button>
</div> </div>
</el-col> </el-col>
</el-row> </el-row>
@ -178,54 +178,6 @@ export default {
return { return {
navIndex: 1, navIndex: 1,
changeTypeList: [], changeTypeList: [],
navList: [
{ name: "直推列表", path: "/pushList?id=6" },
{ name: "三单循环", path: "/investment?id=6" },
{ name: "免费注册", path: "/fansList?id=6" },
],
marketList: [
{
text: "月度业绩",
id: 0,
path: "/marketDynamics",
},
{
text: "活动专区",
id: 7,
path: "/activeZone",
},
{
text: "奖金明细",
id: 1,
path: "/incomeDetail",
},
{
text: "奖金来源",
id: 3,
path: "/bonusSource",
},
// {
// text: "云代奖金",
// id: 2,
// path: "/",
// },
{
text: "考核明细",
id: 4,
path: "/appraisal",
},
{
text: "注册列表",
id: 5,
path: "/registration",
},
{
text: "招商列表",
id: 6,
path: "/investment",
},
],
specialArea: 0, specialArea: 0,
thetime: "", thetime: "",
tableData: [], tableData: [],
@ -269,7 +221,7 @@ export default {
path: href, path: href,
}); });
}, },
chongzhi() { resetHandle() {
this.queryParams = { this.queryParams = {
pageNum: 1, pageNum: 1,
pageSize: 50, pageSize: 50,
@ -380,7 +332,7 @@ export default {
cursor: pointer; cursor: pointer;
} }
.actArea { .actArea {
color: #00417C; color: #00417c;
} }
} }
.topbox { .topbox {
@ -394,16 +346,6 @@ export default {
display: flex; display: flex;
align-items: center; align-items: center;
margin-left: 25px; margin-left: 25px;
.btn1 {
background: #cccccc;
border-radius: 5px 5px 5px 5px;
color: #ffffff;
}
.btn2 {
border-radius: 5px 5px 5px 5px;
background: rgba(214, 24, 32, 1);
color: #ffffff;
}
} }
} }
.tablebox { .tablebox {

184
src/components/marketDynamics/bonusSource.vue
View File

@ -3,8 +3,10 @@
<div class="rightbox" style="width: 100%"> <div class="rightbox" style="width: 100%">
<div class="mianbao" v-if="returnPath"> <div class="mianbao" v-if="returnPath">
<el-breadcrumb separator-class="el-icon-arrow-right"> <el-breadcrumb separator-class="el-icon-arrow-right">
<el-breadcrumb-item :to="{ path: returnPath }">{{'返回'}}</el-breadcrumb-item> <el-breadcrumb-item :to="{ path: returnPath }">{{
<el-breadcrumb-item>{{'奖金来源'}}</el-breadcrumb-item> "返回"
}}</el-breadcrumb-item>
<el-breadcrumb-item>{{ "奖金来源" }}</el-breadcrumb-item>
</el-breadcrumb> </el-breadcrumb>
</div> </div>
<div class="topbox"> <div class="topbox">
@ -22,7 +24,10 @@
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<el-form-item :label="'收益类型'" prop="pkBonusItems"> <el-form-item :label="'收益类型'" prop="pkBonusItems">
<el-select v-model="queryParams.pkBonusItems" :placeholder="'请选择'"> <el-select
v-model="queryParams.pkBonusItems"
:placeholder="'请选择'"
>
<el-option <el-option
v-for="(item, index) in incomeType" v-for="(item, index) in incomeType"
:key="index" :key="index"
@ -34,8 +39,12 @@
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="7" v-if="userInfo.pkCountry!=1"> <el-col :span="7" v-if="userInfo.pkCountry != 1">
<el-form-item :label="'查询时间'" prop="teamCode" label-width="80px"> <el-form-item
:label="'查询时间'"
prop="teamCode"
label-width="80px"
>
<el-date-picker <el-date-picker
@change="getChange" @change="getChange"
v-model="thetime" v-model="thetime"
@ -49,9 +58,16 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="4"> <el-col :span="4">
<div class="searchbox" :style="userInfo.pkCountry==1?'margin-left:10px':''"> <div
<el-button class="btn2" @click="research" >{{ '搜索' }}</el-button> class="searchbox"
<el-button class="btn1" @click="resetAll()">{{ '重置' }}</el-button> :style="userInfo.pkCountry == 1 ? 'margin-left:10px' : ''"
>
<el-button type="primary" @click="research">{{
"搜索"
}}</el-button>
<el-button class="btn1" @click="resetAll()">{{
"重置"
}}</el-button>
</div> </div>
</el-col> </el-col>
</el-row> </el-row>
@ -81,18 +97,15 @@
></el-table-column> ></el-table-column>
<el-table-column <el-table-column
align="center" align="center"
:label="'订单金额'+`(${isLocalSymbol()})`" :label="'订单金额' + `(${isLocalSymbol()})`"
> >
<template slot-scope="scope"> <template slot-scope="scope">
{{scope.row.orderAmount| numFilter}} {{ scope.row.orderAmount | numFilter }}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column align="center" :label="'订单业绩' + '(PV)'">
align="center"
:label="'订单业绩'+'(PV)'"
>
<template slot-scope="scope"> <template slot-scope="scope">
{{scope.row.orderAchieve| numFilter}} {{ scope.row.orderAchieve | numFilter }}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
@ -111,15 +124,11 @@
prop="second" prop="second"
:label="'次数'" :label="'次数'"
></el-table-column> ></el-table-column>
<el-table-column <el-table-column align="center" :label="'预估收益'">
align="center"
:label="'预估收益'"
>
<template slot-scope="scope"> <template slot-scope="scope">
{{scope.row.realIncome| numFilter}} {{ scope.row.realIncome | numFilter }}
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<pagination <pagination
:total="total" :total="total"
@ -132,15 +141,15 @@
</div> </div>
</template> </template>
<script> <script>
import { mapGetters } from "vuex"; import { mapGetters } from "vuex";
import sidebarUserInfo from "@/views/index/components/sidebarUserInfo.vue"; import sidebarUserInfo from "@/views/index/components/sidebarUserInfo.vue";
import topBanner from "@/components/topBanner.vue"; import topBanner from "@/components/topBanner.vue";
import pagination from "@/components/pagination.vue"; import pagination from "@/components/pagination.vue";
import { getBonusDetail,getBdBonusitemsList } from "@/api/bonus.js"; import { getBonusDetail, getBdBonusitemsList } from "@/api/bonus.js";
import navBar from "@/components/navBar.vue"; import navBar from "@/components/navBar.vue";
import {isLocalSymbol} from "../../util/numberToCurrency"; import { isLocalSymbol } from "../../util/numberToCurrency";
export default { export default {
name: "IncomeDetail", name: "IncomeDetail",
components: { components: {
@ -150,28 +159,28 @@ export default {
pagination, pagination,
}, },
computed: { computed: {
...mapGetters(['userInfo']), ...mapGetters(["userInfo"]),
}, },
data() { data() {
return { return {
marketList: [ marketList: [
{ {
text: '月度业绩', text: "月度业绩",
id: 0, id: 0,
path: "/marketDynamics", path: "/marketDynamics",
}, },
{ {
text: '活动专区', text: "活动专区",
id: 7, id: 7,
path: '/activeZone', path: "/activeZone",
}, },
{ {
text: '奖金明细', text: "奖金明细",
id: 1, id: 1,
path: "/incomeDetail", path: "/incomeDetail",
}, },
{ {
text: '奖金来源', text: "奖金来源",
id: 3, id: 3,
path: "/bonusSource", path: "/bonusSource",
}, },
@ -182,17 +191,17 @@ export default {
// }, // },
{ {
text: '考核明细', text: "考核明细",
id: 4, id: 4,
path: "/appraisal", path: "/appraisal",
}, },
{ {
text: '注册列表', text: "注册列表",
id: 5, id: 5,
path: "/registration", path: "/registration",
}, },
{ {
text: '招商列表', text: "招商列表",
id: 6, id: 6,
path: "/investment", path: "/investment",
}, },
@ -200,14 +209,14 @@ export default {
specialArea: 0, specialArea: 0,
thetime: "", thetime: "",
tableData: [], tableData: [],
returnPath:'', returnPath: "",
total: 0, total: 0,
pageNum: 1, pageNum: 1,
pageSize: 50, pageSize: 50,
queryParams: { queryParams: {
pkBonusItems:"", pkBonusItems: "",
sourceMemberName:"", sourceMemberName: "",
sourceMemberCode:"", sourceMemberCode: "",
startDate: "", startDate: "",
endDate: "", endDate: "",
}, },
@ -220,67 +229,71 @@ export default {
}, },
}, },
created() { created() {
this.getBdBonusitemsList() this.getBdBonusitemsList();
}, },
mounted() { mounted() {
this.specialArea = this.$route.query.id; this.specialArea = this.$route.query.id;
let allData = decodeURIComponent(window.location.href).split('=') let allData = decodeURIComponent(window.location.href).split("=");
if(allData[2]!=undefined){ if (allData[2] != undefined) {
this.returnPath = '/marketDynamics?id=1&index='+allData[1].split('&')[0] this.returnPath =
"/marketDynamics?id=1&index=" + allData[1].split("&")[0];
} }
setTimeout(()=>{ setTimeout(() => {
this.research(); this.research();
},100) }, 100);
}, },
filters: { filters: {
numFilter (value) { numFilter(value) {
// 截取当前数据到小数点后两位 // 截取当前数据到小数点后两位
let realVal = parseFloat(value).toFixed(2) let realVal = parseFloat(value).toFixed(2);
return realVal return realVal;
} },
}, },
methods: { methods: {
isLocalSymbol, isLocalSymbol,
getChange(value){ getChange(value) {
if(value){ if (value) {
this.queryParams.startDate = value[0] this.queryParams.startDate = value[0];
this.queryParams.endDate = value[0] this.queryParams.endDate = value[0];
} }
}, },
resetAll() { resetAll() {
this.pageNum = 1 this.pageNum = 1;
this.pageSize = 50 this.pageSize = 50;
this.queryParams={ this.queryParams = {
pkBonusItems:"", pkBonusItems: "",
sourceMemberName:"", sourceMemberName: "",
sourceMemberCode:"", sourceMemberCode: "",
startDate: "", startDate: "",
endDate: "", endDate: "",
} };
this.thetime ='' this.thetime = "";
this.research() this.research();
}, },
changeArea(item) { changeArea(item) {
this.specialArea = item.id; this.specialArea = item.id;
this.$router.push({ this.$router.push({
path: item.path, path: item.path,
query: { id: item.id }, query: { id: item.id },
}) });
}, },
getBdBonusitemsList(){ getBdBonusitemsList() {
getBdBonusitemsList().then(res=>{ getBdBonusitemsList().then((res) => {
this.incomeType = res.rows this.incomeType = res.rows;
}) });
}, },
research() { research() {
if (this.thetime) { if (this.thetime) {
this.queryParams.startDate = this.thetime[0]; this.queryParams.startDate = this.thetime[0];
this.queryParams.endDate = this.thetime[1]; this.queryParams.endDate = this.thetime[1];
}else{ } else {
this.queryParams.startDate = ''; this.queryParams.startDate = "";
this.queryParams.endDate = ''; this.queryParams.endDate = "";
} }
getBonusDetail(this.queryParams,`?pageNum=${this.pageNum}&pageSize=${this.pageSize}`).then((res) => { getBonusDetail(
this.queryParams,
`?pageNum=${this.pageNum}&pageSize=${this.pageSize}`
).then((res) => {
this.tableData = res.rows; this.tableData = res.rows;
this.total = res.total; this.total = res.total;
}); });
@ -297,14 +310,14 @@ export default {
}; };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
::v-deep .el-range-editor.el-input__inner{ ::v-deep .el-range-editor.el-input__inner {
width: 100%; width: 100%;
} }
.mianbao { .mianbao {
padding: 0 10px; padding: 0 10px;
margin: 20px 0 0 0; margin: 20px 0 0 0;
} }
::v-deep .el-table .warning-row { ::v-deep .el-table .warning-row {
background: #f9f9f9; background: #f9f9f9;
} }
@ -319,7 +332,7 @@ export default {
.contain { .contain {
background: rgba(249, 249, 249, 1); background: rgba(249, 249, 249, 1);
height: 100vh; height: 100vh;
padding: 0!important; padding: 0 !important;
display: flex; display: flex;
.goodArea { .goodArea {
display: flex; display: flex;
@ -336,7 +349,7 @@ export default {
cursor: pointer; cursor: pointer;
} }
.actArea { .actArea {
color: #00417C; color: #00417c;
} }
} }
.topbox { .topbox {
@ -350,16 +363,11 @@ export default {
display: flex; display: flex;
align-items: center; align-items: center;
margin-left: 30px; margin-left: 30px;
.btn1 { // .btn1 {
background: #cccccc; // background: #cccccc;
border-radius: 5px 5px 5px 5px; // border-radius: 5px 5px 5px 5px;
color: #ffffff; // color: #ffffff;
} // }
.btn2 {
border-radius: 5px 5px 5px 5px;
background: rgba(214, 24, 32, 1);
color: #ffffff;
}
} }
} }
.tablebox { .tablebox {

338
src/components/marketDynamics/incomeDetail.vue
View File

@ -7,134 +7,133 @@
@click="clickHref(item.path)" @click="clickHref(item.path)"
:class="navIndex == item.path ? 'styles' : ''" :class="navIndex == item.path ? 'styles' : ''"
v-for="(item, index) in navList" v-for="(item, index) in navList"
v-show="item.menuKey!=''" v-show="item.menuKey != ''"
:key="index" :key="index"
> >
{{ item.name }} {{ item.name }}
</div> </div>
</div> </div>
<template> <template>
<firstPurchase v-if="navIndex==0" /> <firstPurchase v-if="navIndex == 0" />
<repurchase v-if="navIndex==1" /> <repurchase v-if="navIndex == 1" />
<hignFans v-if="navIndex==2" /> <hignFans v-if="navIndex == 2" />
<!-- <seaFans v-if="navIndex==3" />--> <!-- <seaFans v-if="navIndex==3" />-->
<sbyd v-if="navIndex==3" /> <sbyd v-if="navIndex == 3" />
<repurchaseTicket v-if="navIndex==4" /> <repurchaseTicket v-if="navIndex == 4" />
<markerSpace v-if="navIndex==5" /> <markerSpace v-if="navIndex == 5" />
<bonusTotal v-if="navIndex==6"/> <bonusTotal v-if="navIndex == 6" />
</template> </template>
<!-- <div class="topbox">--> <!-- <div class="topbox">-->
<!-- <el-form label-width="120px">--> <!-- <el-form label-width="120px">-->
<!-- <el-row>--> <!-- <el-row>-->
<!-- <el-col :span="7" >--> <!-- <el-col :span="7" >-->
<!-- <el-form-item label="奖金日期" prop="teamCode" style="margin-bottom: 15px">--> <!-- <el-form-item label="奖金日期" prop="teamCode" style="margin-bottom: 15px">-->
<!-- <el-date-picker--> <!-- <el-date-picker-->
<!-- v-model="thetime"--> <!-- v-model="thetime"-->
<!-- type="daterange"--> <!-- type="daterange"-->
<!-- value-format="yyyy-MM-dd"--> <!-- value-format="yyyy-MM-dd"-->
<!-- range-separator="至"--> <!-- range-separator="至"-->
<!-- start-placeholder="开始日期"--> <!-- start-placeholder="开始日期"-->
<!-- end-placeholder="结束日期"--> <!-- end-placeholder="结束日期"-->
<!-- >--> <!-- >-->
<!-- </el-date-picker>--> <!-- </el-date-picker>-->
<!-- </el-form-item>--> <!-- </el-form-item>-->
<!-- </el-col>--> <!-- </el-col>-->
<!-- <el-col :span="4">--> <!-- <el-col :span="4">-->
<!-- <div class="searchbox">--> <!-- <div class="searchbox">-->
<!-- <el-button class="btn2">{{ '搜索' }}</el-button>--> <!-- <el-button class="btn2">{{ '搜索' }}</el-button>-->
<!-- <el-button class="btn1">{{ '重置' }}</el-button>--> <!-- <el-button class="btn1">{{ '重置' }}</el-button>-->
<!-- </div>--> <!-- </div>-->
<!-- </el-col>--> <!-- </el-col>-->
<!-- </el-row>--> <!-- </el-row>-->
<!-- </el-form>--> <!-- </el-form>-->
<!-- </div>--> <!-- </div>-->
<!-- <div class="tablebox">--> <!-- <div class="tablebox">-->
<!-- <div class="tabletop">--> <!-- <div class="tabletop">-->
<!-- <span class="tabletoptitle1">实发合计：</span>--> <!-- <span class="tabletoptitle1">实发合计：</span>-->
<!-- <span class="tabletoptitle2">{{ money }}</span>--> <!-- <span class="tabletoptitle2">{{ money }}</span>-->
<!-- </div>--> <!-- </div>-->
<!-- <el-table--> <!-- <el-table-->
<!-- height="700px"--> <!-- height="700px"-->
<!-- :data="tableData"--> <!-- :data="tableData"-->
<!-- :header-cell-style="{ background: '#EEEEEE' }"--> <!-- :header-cell-style="{ background: '#EEEEEE' }"-->
<!-- :row-class-name="tableRowClassName"--> <!-- :row-class-name="tableRowClassName"-->
<!-- >--> <!-- >-->
<!-- &lt;!&ndash; :row-class-name="tableRowClassName" &ndash;&gt;--> <!-- &lt;!&ndash; :row-class-name="tableRowClassName" &ndash;&gt;-->
<!-- <el-table-column--> <!-- <el-table-column-->
<!-- align="center"--> <!-- align="center"-->
<!-- prop="settleDate"--> <!-- prop="settleDate"-->
<!-- label="奖金日期"--> <!-- label="奖金日期"-->
<!-- >--> <!-- >-->
<!-- <template slot-scope="scope">--> <!-- <template slot-scope="scope">-->
<!-- <div @click="dateHref(scope.row)" style="cursor: pointer">{{ scope.row.settleDate}}</div>--> <!-- <div @click="dateHref(scope.row)" style="cursor: pointer">{{ scope.row.settleDate}}</div>-->
<!-- </template>--> <!-- </template>-->
<!-- </el-table-column>--> <!-- </el-table-column>-->
<!-- <el-table-column--> <!-- <el-table-column-->
<!-- align="center"--> <!-- align="center"-->
<!-- prop="directIncome"--> <!-- prop="directIncome"-->
<!-- :formatter="stateFormat"--> <!-- :formatter="stateFormat"-->
<!-- label="直推收益"--> <!-- label="直推收益"-->
<!-- ></el-table-column>--> <!-- ></el-table-column>-->
<!-- <el-table-column--> <!-- <el-table-column-->
<!-- align="center"--> <!-- align="center"-->
<!-- prop="expandIncome"--> <!-- prop="expandIncome"-->
<!-- :formatter="stateFormat"--> <!-- :formatter="stateFormat"-->
<!-- label="拓展收益"--> <!-- label="拓展收益"-->
<!-- ></el-table-column>--> <!-- ></el-table-column>-->
<!-- <el-table-column--> <!-- <el-table-column-->
<!-- align="center"--> <!-- align="center"-->
<!-- prop="coachIncome"--> <!-- prop="coachIncome"-->
<!-- :formatter="stateFormat"--> <!-- :formatter="stateFormat"-->
<!-- label="辅导收益"--> <!-- label="辅导收益"-->
<!-- ></el-table-column>--> <!-- ></el-table-column>-->
<!-- <el-table-column--> <!-- <el-table-column-->
<!-- align="center"--> <!-- align="center"-->
<!-- prop="shareIncome"--> <!-- prop="shareIncome"-->
<!-- :formatter="stateFormat"--> <!-- :formatter="stateFormat"-->
<!-- label="分红收益"--> <!-- label="分红收益"-->
<!-- ></el-table-column>--> <!-- ></el-table-column>-->
<!-- <el-table-column--> <!-- <el-table-column-->
<!-- align="center"--> <!-- align="center"-->
<!-- prop="repurRangeIncome"--> <!-- prop="repurRangeIncome"-->
<!-- :formatter="stateFormat"--> <!-- :formatter="stateFormat"-->
<!-- label="复购极差收益"--> <!-- label="复购极差收益"-->
<!-- ></el-table-column>--> <!-- ></el-table-column>-->
<!-- <el-table-column--> <!-- <el-table-column-->
<!-- align="center"--> <!-- align="center"-->
<!-- prop="repurExpandIncome"--> <!-- prop="repurExpandIncome"-->
<!-- :formatter="stateFormat"--> <!-- :formatter="stateFormat"-->
<!-- label="复购拓展收益"--> <!-- label="复购拓展收益"-->
<!-- ></el-table-column>--> <!-- ></el-table-column>-->
<!-- <el-table-column--> <!-- <el-table-column-->
<!-- align="center"--> <!-- align="center"-->
<!-- prop="serviceIncome"--> <!-- prop="serviceIncome"-->
<!-- :formatter="stateFormat"--> <!-- :formatter="stateFormat"-->
<!-- label="服务补贴"--> <!-- label="服务补贴"-->
<!-- ></el-table-column>--> <!-- ></el-table-column>-->
<!-- <el-table-column--> <!-- <el-table-column-->
<!-- align="center"--> <!-- align="center"-->
<!-- prop="realIncomeTotal"--> <!-- prop="realIncomeTotal"-->
<!-- :formatter="stateFormat"--> <!-- :formatter="stateFormat"-->
<!-- label="实发金额"--> <!-- label="实发金额"-->
<!-- ></el-table-column>--> <!-- ></el-table-column>-->
<!--&lt;!&ndash; <el-table-column align="center" prop="" :label="'操作'">&ndash;&gt;--> <!--&lt;!&ndash; <el-table-column align="center" prop="" :label="'操作'">&ndash;&gt;-->
<!--&lt;!&ndash; <template slot-scope="scope">&ndash;&gt;--> <!--&lt;!&ndash; <template slot-scope="scope">&ndash;&gt;-->
<!--&lt;!&ndash; <el-button style="color:red" @click="goSource(scope.row)" type="text" size="small">查看详情</el-button>&ndash;&gt;--> <!--&lt;!&ndash; <el-button style="color:red" @click="goSource(scope.row)" type="text" size="small">查看详情</el-button>&ndash;&gt;-->
<!--&lt;!&ndash; </template>&ndash;&gt;--> <!--&lt;!&ndash; </template>&ndash;&gt;-->
<!--&lt;!&ndash; </el-table-column>&ndash;&gt;--> <!--&lt;!&ndash; </el-table-column>&ndash;&gt;-->
<!-- </el-table>--> <!-- </el-table>-->
<!-- <pagination--> <!-- <pagination-->
<!-- :total="total"--> <!-- :total="total"-->
<!-- :page.sync="queryParams.pageNum"--> <!-- :page.sync="queryParams.pageNum"-->
<!-- :limit.sync="queryParams.pageSize"--> <!-- :limit.sync="queryParams.pageSize"-->
<!-- @pagination="research"--> <!-- @pagination="research"-->
<!-- />--> <!-- />-->
</div> </div>
</div> </div>
</template> </template>
<script> <script>
import sidebarUserInfo from "@/views/index/components/sidebarUserInfo.vue"; import sidebarUserInfo from "@/views/index/components/sidebarUserInfo.vue";
import firstPurchase from "@/components/bonus/firstPurchase.vue"; //首购收益 import firstPurchase from "@/components/bonus/firstPurchase.vue"; //首购收益
import repurchase from "@/components/bonus/repurchase.vue"; //复购收益 import repurchase from "@/components/bonus/repurchase.vue"; //复购收益
@ -163,29 +162,29 @@ export default {
markerSpace, markerSpace,
topBanner, topBanner,
pagination, pagination,
bonusTotal bonusTotal,
}, },
data() { data() {
return { return {
navIndex:0, navIndex: 0,
marketList: [ marketList: [
{ {
text: '月度业绩', text: "月度业绩",
id: 0, id: 0,
path: "/marketDynamics", path: "/marketDynamics",
}, },
{ {
text: '活动专区', text: "活动专区",
id: 7, id: 7,
path: '/activeZone', path: "/activeZone",
}, },
{ {
text: '奖金明细', text: "奖金明细",
id: 1, id: 1,
path: "/incomeDetail", path: "/incomeDetail",
}, },
{ {
text: '奖金来源', text: "奖金来源",
id: 3, id: 3,
path: "/bonusSource", path: "/bonusSource",
}, },
@ -196,17 +195,17 @@ export default {
// }, // },
{ {
text: '考核明细', text: "考核明细",
id: 4, id: 4,
path: "/appraisal", path: "/appraisal",
}, },
{ {
text: '注册列表', text: "注册列表",
id: 5, id: 5,
path: "/registration", path: "/registration",
}, },
{ {
text: '招商列表', text: "招商列表",
id: 6, id: 6,
path: "/investment", path: "/investment",
}, },
@ -215,7 +214,7 @@ export default {
thetime: "", thetime: "",
tableData: [], tableData: [],
total: 0, total: 0,
money:0.00, money: 0.0,
queryParams: { queryParams: {
pageNum: 1, pageNum: 1,
pageSize: 50, pageSize: 50,
@ -223,14 +222,19 @@ export default {
endDate: "", endDate: "",
}, },
navList: [ navList: [
{ name: '首购收益',path:0,value:"firstPurchase",menuKey:'' }, { name: "首购收益", path: 0, value: "firstPurchase", menuKey: "" },
// { name: '复购收益',path:1 ,value:"repurchaseEarnings",menuKey:''}, // { name: '复购收益',path:1 ,value:"repurchaseEarnings",menuKey:''},
{ name: '海粉收益',path:2,value:"hignFans",menuKey:''}, { name: "海粉收益", path: 2, value: "hignFans", menuKey: "" },
// { name: this.$t('ENU_MENU_534'),path:3,value:"seaFans",menuKey:''}, // { name: this.$t('ENU_MENU_534'),path:3,value:"seaFans",menuKey:''},
// { name: '圣宝云代收益',path:3,value:"sbyd",menuKey:''}, // { name: '圣宝云代收益',path:3,value:"sbyd",menuKey:''},
{ name: '复购券收益',path:4,value:"repurchaseTicket",menuKey:''}, { name: "复购券收益", path: 4, value: "repurchaseTicket", menuKey: "" },
{ name: '创客空间收益',path:5,value:"markerSpaceEarnings",menuKey:''}, {
{ name: '实时收益',path:6,value:"bonusTotal",menuKey:''}, name: "创客空间收益",
path: 5,
value: "markerSpaceEarnings",
menuKey: "",
},
{ name: "实时收益", path: 6, value: "bonusTotal", menuKey: "" },
], ],
}; };
}, },
@ -242,36 +246,36 @@ export default {
created() {}, created() {},
mounted() { mounted() {
this.specialArea = this.$route.query.id; this.specialArea = this.$route.query.id;
this.getMenuLists() this.getMenuLists();
// this.research(); // this.research();
// let allData = decodeURIComponent(window.location.href).split('=') // let allData = decodeURIComponent(window.location.href).split('=')
// this.navIndex =allData[2].split('&')[0] // this.navIndex =allData[2].split('&')[0]
}, },
methods: { methods: {
getMenuLists(){ getMenuLists() {
api.menuList().then((res) => { api.menuList().then((res) => {
res.data.forEach((item)=>{ res.data.forEach((item) => {
this.navList.forEach((items)=>{ this.navList.forEach((items) => {
if(item.menuKey==items.value){ if (item.menuKey == items.value) {
items.menuKey = item.menuKey items.menuKey = item.menuKey;
} }
}) });
}) });
})
},
clickHref(index){
this.navIndex = index
},
dateHref(item){
this.$router.push({
path:"/bonusSource",
query: { id: 3,time:item.settleDate},
}); });
}, },
goSource(){ clickHref(index) {
this.navIndex = index;
},
dateHref(item) {
this.$router.push({ this.$router.push({
path:"/bonusSource", path: "/bonusSource",
query: { id: 3, }, query: { id: 3, time: item.settleDate },
});
},
goSource() {
this.$router.push({
path: "/bonusSource",
query: { id: 3 },
}); });
}, },
changeArea(item) { changeArea(item) {
@ -304,17 +308,17 @@ export default {
}; };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.styles { .styles {
border: none !important; border: none !important;
color: #fff !important; color: #fff !important;
background: var(--primary-color); background: var(--primary-color);
} }
.top-lists{ .top-lists {
display: flex; display: flex;
padding: 20px 0 0 0; padding: 20px 0 0 0;
flex-wrap: wrap; flex-wrap: wrap;
.nav-view{ .nav-view {
//width: 60px; //width: 60px;
cursor: pointer; cursor: pointer;
padding: 0 26px; padding: 0 26px;
@ -328,15 +332,15 @@ export default {
color: #999; color: #999;
margin-bottom: 10px; margin-bottom: 10px;
} }
} }
::v-deep .el-range-editor.el-input__inner{ ::v-deep .el-range-editor.el-input__inner {
width: 100%; width: 100%;
height: 32px; height: 32px;
padding: 0 10px; padding: 0 10px;
} }
::v-deep .select .el-input--suffix .el-input__inner{ ::v-deep .select .el-input--suffix .el-input__inner {
height: 32px; height: 32px;
} }
::v-deep .el-table .warning-row { ::v-deep .el-table .warning-row {
background: #f9f9f9; background: #f9f9f9;
} }
@ -351,7 +355,7 @@ export default {
.contain { .contain {
background: rgba(249, 249, 249, 1); background: rgba(249, 249, 249, 1);
height: 100vh; height: 100vh;
padding: 0!important; padding: 0 !important;
display: flex; display: flex;
.goodArea { .goodArea {
display: flex; display: flex;
@ -368,7 +372,7 @@ export default {
cursor: pointer; cursor: pointer;
} }
.actArea { .actArea {
color: #00417C; color: #00417c;
} }
} }
.topbox { .topbox {
@ -376,14 +380,14 @@ export default {
background: #ffffff; background: #ffffff;
box-shadow: 0px 0px 20px 0px rgba(204, 204, 204, 0.5); box-shadow: 0px 0px 20px 0px rgba(204, 204, 204, 0.5);
border-radius: 8px 8px 8px 8px; border-radius: 8px 8px 8px 8px;
margin: 15px 0 20px 0!important; margin: 15px 0 20px 0 !important;
padding: 15px 0 0 0!important; padding: 15px 0 0 0 !important;
.searchbox { .searchbox {
display: flex; display: flex;
align-items: center; align-items: center;
margin-left: 40px; margin-left: 40px;
.btn1 { .btn1 {
border: 1px solid #CCCCCC; border: 1px solid #cccccc;
border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px;
color: #666; color: #666;
height: 34px; height: 34px;

86
src/components/marketDynamics/investment.vue
View File

@ -4,7 +4,7 @@
<div class="top-lists"> <div class="top-lists">
<div <div
class="nav-view" class="nav-view"
v-show="item.menuKey!=''" v-show="item.menuKey != ''"
@click="clickHref(index)" @click="clickHref(index)"
:class="navIndex == index ? 'styles' : ''" :class="navIndex == index ? 'styles' : ''"
v-for="(item, index) in navList" v-for="(item, index) in navList"
@ -14,9 +14,9 @@
</div> </div>
</div> </div>
<template> <template>
<pushList v-if="navIndex==0 && navList[0].menuKey!=''"/> <pushList v-if="navIndex == 0 && navList[0].menuKey != ''" />
<investment v-if="navIndex==1"/> <investment v-if="navIndex == 1" />
<fansList v-if="navIndex==2"/> <fansList v-if="navIndex == 2" />
</template> </template>
</div> </div>
</div> </div>
@ -29,8 +29,8 @@ import pagination from "@/components/pagination.vue";
import pushList from "@/components/pushList.vue"; import pushList from "@/components/pushList.vue";
import investment from "@/components/investment.vue"; import investment from "@/components/investment.vue";
import fansList from "@/components/fansList.vue"; import fansList from "@/components/fansList.vue";
import {getBiddingList, getchangeTypeList} from "@/api/bonus.js"; import { getBiddingList, getchangeTypeList } from "@/api/bonus.js";
import {parentList} from "@/api/wallet"; import { parentList } from "@/api/wallet";
import dividend from "@/components/dividend.vue"; import dividend from "@/components/dividend.vue";
import navBar from "@/components/navBar.vue"; import navBar from "@/components/navBar.vue";
import * as api from "@/api/goods"; import * as api from "@/api/goods";
@ -47,30 +47,30 @@ export default {
}, },
data() { data() {
return { return {
navIndex:0, navIndex: 0,
navList: [ navList: [
{ name: '直推列表',path:"0",menuKey:'' }, { name: "直推列表", path: "0", menuKey: "" },
{ name: '三单循环',path:"0",menuKey:''}, { name: "三单循环", path: "0", menuKey: "" },
{ name: '免费注册' ,path:"0",menuKey:'' }, { name: "免费注册", path: "0", menuKey: "" },
], ],
marketList: [ marketList: [
{ {
text: '月度业绩', text: "月度业绩",
id: 0, id: 0,
path: "/marketDynamics", path: "/marketDynamics",
}, },
{ {
text: '活动专区', text: "活动专区",
id: 7, id: 7,
path: '/activeZone', path: "/activeZone",
}, },
{ {
text: '奖金明细', text: "奖金明细",
id: 1, id: 1,
path: "/incomeDetail", path: "/incomeDetail",
}, },
{ {
text: '奖金来源', text: "奖金来源",
id: 3, id: 3,
path: "/bonusSource", path: "/bonusSource",
}, },
@ -81,17 +81,17 @@ export default {
// }, // },
{ {
text: '考核明细', text: "考核明细",
id: 4, id: 4,
path: "/appraisal", path: "/appraisal",
}, },
{ {
text: '注册列表', text: "注册列表",
id: 5, id: 5,
path: "/registration", path: "/registration",
}, },
{ {
text: '招商列表', text: "招商列表",
id: 6, id: 6,
path: "/investment", path: "/investment",
}, },
@ -118,33 +118,33 @@ export default {
}, },
created() {}, created() {},
mounted() { mounted() {
this.getMenuLists() this.getMenuLists();
// this.specialArea = this.$route.query.id; // this.specialArea = this.$route.query.id;
// this.research(); // this.research();
// this.getchangeTypeList(); // this.getchangeTypeList();
}, },
methods: { methods: {
getMenuLists(){ getMenuLists() {
let list = JSON.parse(localStorage.getItem('menuList')) let list = JSON.parse(localStorage.getItem("menuList"));
list.forEach((item)=>{ list.forEach((item) => {
if(item.menuKey == 'directList'){ if (item.menuKey == "directList") {
this.navList[0].menuKey = 'directList' this.navList[0].menuKey = "directList";
} }
if(item.menuKey == 'attractDetailList'){ if (item.menuKey == "attractDetailList") {
this.navList[1].menuKey = 'attractDetailList' this.navList[1].menuKey = "attractDetailList";
} }
if(item.menuKey == 'haiList'){ if (item.menuKey == "haiList") {
this.navList[2].menuKey = 'haiList' this.navList[2].menuKey = "haiList";
} }
}) });
}, },
getchangeTypeList() { getchangeTypeList() {
getchangeTypeList().then((res) => { getchangeTypeList().then((res) => {
this.changeTypeList = res.data; this.changeTypeList = res.data;
}); });
}, },
clickHref(index){ clickHref(index) {
this.navIndex = index this.navIndex = index;
}, },
chongzhi() { chongzhi() {
this.queryParams = { this.queryParams = {
@ -155,7 +155,7 @@ export default {
memberCode: "", memberCode: "",
memberName: "", memberName: "",
}; };
this.research() this.research();
}, },
changeArea(item) { changeArea(item) {
this.specialArea = item.id; this.specialArea = item.id;
@ -168,9 +168,9 @@ export default {
if (this.thetime) { if (this.thetime) {
this.queryParams.startCreateTime = this.thetime[0]; this.queryParams.startCreateTime = this.thetime[0];
this.queryParams.endCreateTime = this.thetime[1]; this.queryParams.endCreateTime = this.thetime[1];
}else{ } else {
this.queryParams.startCreateTime = '' this.queryParams.startCreateTime = "";
this.queryParams.endCreateTime = '' this.queryParams.endCreateTime = "";
} }
parentList(this.queryParams).then((res) => { parentList(this.queryParams).then((res) => {
this.tableData = res.rows; this.tableData = res.rows;
@ -206,15 +206,15 @@ export default {
cursor: pointer; cursor: pointer;
} }
.actMenu { .actMenu {
border-bottom: 5px solid #00417C; border-bottom: 5px solid #00417c;
} }
} }
::v-deep .el-range-editor.el-input__inner{ ::v-deep .el-range-editor.el-input__inner {
width: 100%; width: 100%;
height: 32px; height: 32px;
padding: 0 10px; padding: 0 10px;
} }
::v-deep .select .el-input__inner{ ::v-deep .select .el-input__inner {
height: 32px; height: 32px;
} }
.styles { .styles {
@ -222,10 +222,10 @@ export default {
color: #fff !important; color: #fff !important;
background: var(--primary-color); background: var(--primary-color);
} }
.top-lists{ .top-lists {
display: flex; display: flex;
padding: 20px 0 0 0; padding: 20px 0 0 0;
.nav-view{ .nav-view {
width: 60px; width: 60px;
cursor: pointer; cursor: pointer;
padding: 0 26px; padding: 0 26px;
@ -253,7 +253,7 @@ export default {
.contain { .contain {
background: rgba(249, 249, 249, 1); background: rgba(249, 249, 249, 1);
height: 100vh; height: 100vh;
padding: 0!important; padding: 0 !important;
display: flex; display: flex;
.goodArea { .goodArea {
display: flex; display: flex;
@ -270,7 +270,7 @@ export default {
cursor: pointer; cursor: pointer;
} }
.actArea { .actArea {
color: #00417C; color: #00417c;
} }
} }
.topbox { .topbox {
@ -285,7 +285,7 @@ export default {
align-items: center; align-items: center;
margin-left: 40px; margin-left: 40px;
.btn1 { .btn1 {
border: 1px solid #CCCCCC; border: 1px solid #cccccc;
border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px;
color: #666; color: #666;
height: 34px; height: 34px;

77
src/components/marketDynamics/marketDynamicss.vue
View File

@ -72,7 +72,7 @@
<div class="flex-s"> <div class="flex-s">
<div class="content-div2"> <div class="content-div2">
<div class="title"> <div class="title">
<div>{{ '最末节点' }}</div> <div>{{ "最末节点" }}</div>
</div> </div>
<div style="position: absolute"> <div style="position: absolute">
<placement /> <placement />
@ -97,8 +97,8 @@
<!-- 首购新增业绩 1个月!--> <!-- 首购新增业绩 1个月!-->
<div class="content-div3"> <div class="content-div3">
<div class="title"> <div class="title">
<div>{{ '新增业绩' }}</div> <div>{{ "新增业绩" }}</div>
<div>{{ '近30日' }}</div> <div>{{ "近30日" }}</div>
</div> </div>
<div style="position: absolute"> <div style="position: absolute">
<fistAddPv ref="fistAddPv" /> <fistAddPv ref="fistAddPv" />
@ -107,14 +107,12 @@
<!-- 首购业绩分布!--> <!-- 首购业绩分布!-->
<div class="content-div3"> <div class="content-div3">
<div class="title"> <div class="title">
<div>{{ '业绩分布' }}</div> <div>{{ "业绩分布" }}</div>
</div> </div>
<div style="position: absolute"> <div style="position: absolute">
<firstPv ref="firstPv"></firstPv> <firstPv ref="firstPv"></firstPv>
</div> </div>
</div> </div>
</div> </div>
<!-- 复购新增业绩!--> <!-- 复购新增业绩!-->
<!-- 复购业绩分布!--> <!-- 复购业绩分布!-->
@ -190,7 +188,7 @@
<!-- 月度新增业绩对比!--> <!-- 月度新增业绩对比!-->
<div class="content-div3"> <div class="content-div3">
<div class="title"> <div class="title">
<div>{{ '月度新增业绩对比' }}</div> <div>{{ "月度新增业绩对比" }}</div>
<div> <div>
<el-select v-model="whatMounth" :placeholder="'请选择'"> <el-select v-model="whatMounth" :placeholder="'请选择'">
<el-option <el-option
@ -206,12 +204,11 @@
<div style="position: absolute"> <div style="position: absolute">
<mounthPvCompare ref="mounthPvCompare" :time="whatMounth" /> <mounthPvCompare ref="mounthPvCompare" :time="whatMounth" />
</div> </div>
</div> </div>
<!-- 活跃会员对比!--> <!-- 活跃会员对比!-->
<div class="content-div3"> <div class="content-div3">
<div class="title"> <div class="title">
<div>{{ '活跃会员对比' }}</div> <div>{{ "活跃会员对比" }}</div>
<div> <div>
<el-select v-model="dateType" :placeholder="'请选择'"> <el-select v-model="dateType" :placeholder="'请选择'">
<el-option <el-option
@ -265,7 +262,7 @@
> >
<!-- 直推业绩!--> <!-- 直推业绩!-->
<div class="title" style="width: auto; padding: 20px 20px 0px 20px"> <div class="title" style="width: auto; padding: 20px 20px 0px 20px">
<div>{{ '直推业绩' }}</div> <div>{{ "直推业绩" }}</div>
<div class="right-flex-s"> <div class="right-flex-s">
<!-- <el-date-picker v-model="thetime"--> <!-- <el-date-picker v-model="thetime"-->
<!-- :picker-options="pickerBeginOption"--> <!-- :picker-options="pickerBeginOption"-->
@ -326,7 +323,7 @@
border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0;
" "
> >
{{ '推荐列表' }} {{ "推荐列表" }}
</div> </div>
<div> <div>
<div class="tablebox"> <div class="tablebox">
@ -491,36 +488,36 @@ export default {
disabledDate: "", disabledDate: "",
navList: [ navList: [
{ {
name: '月度业绩', name: "月度业绩",
menuKey: "", menuKey: "",
value: "ConsanguinityCheck", value: "ConsanguinityCheck",
}, },
// { name: '最末节点', menuKey: "", value: "placementChart" }, // { name: '最末节点', menuKey: "", value: "placementChart" },
// { name: '月度新增统计', menuKey: "", value: "monthlyChart" }, // { name: '月度新增统计', menuKey: "", value: "monthlyChart" },
{ name: '数据查询', menuKey: "", value: "monthlyPerformance" }, { name: "数据查询", menuKey: "", value: "monthlyPerformance" },
// { name: '推荐平均用时', menuKey: "", value: "recommendTime" }, // { name: '推荐平均用时', menuKey: "", value: "recommendTime" },
{ name: '直推业绩', menuKey: "", value: "recommendPerformance" }, { name: "直推业绩", menuKey: "", value: "recommendPerformance" },
{ name: '推荐列表', menuKey: "", value: "recommendList" }, { name: "推荐列表", menuKey: "", value: "recommendList" },
], ],
marketList: [ marketList: [
{ {
text: '数据查询', text: "数据查询",
id: 0, id: 0,
path: "/marketDynamics", path: "/marketDynamics",
}, },
{ {
text: '活动专区', text: "活动专区",
id: 7, id: 7,
path: "/activeZone", path: "/activeZone",
}, },
{ {
text: '奖金明细', text: "奖金明细",
id: 1, id: 1,
path: "/incomeDetail", path: "/incomeDetail",
}, },
{ {
text: '奖金来源', text: "奖金来源",
id: 3, id: 3,
path: "/bonusSource", path: "/bonusSource",
}, },
@ -530,17 +527,17 @@ export default {
// path: "/generation", // path: "/generation",
// }, // },
{ {
text: '考核明细', text: "考核明细",
id: 4, id: 4,
path: "/appraisal", path: "/appraisal",
}, },
{ {
text: '注册列表', text: "注册列表",
id: 5, id: 5,
path: "/registration", path: "/registration",
}, },
{ {
text: '招商列表', text: "招商列表",
id: 6, id: 6,
path: "/investment", path: "/investment",
}, },
@ -561,51 +558,51 @@ export default {
mounthList: [ mounthList: [
{ {
value: 1, value: 1,
label: 1 + '月', label: 1 + "月",
}, },
{ {
value: 2, value: 2,
label: 2 + '月', label: 2 + "月",
}, },
{ {
value: 3, value: 3,
label: 3 + '月', label: 3 + "月",
}, },
{ {
value: 4, value: 4,
label: 4 + '月', label: 4 + "月",
}, },
{ {
value: 5, value: 5,
label: 5 + '月', label: 5 + "月",
}, },
{ {
value: 6, value: 6,
label: 6 + '月', label: 6 + "月",
}, },
{ {
value: 7, value: 7,
label: 7 + '月', label: 7 + "月",
}, },
{ {
value: 8, value: 8,
label: 8 + '月', label: 8 + "月",
}, },
{ {
value: 9, value: 9,
label: 9 + '月', label: 9 + "月",
}, },
{ {
value: 10, value: 10,
label: 10 + '月', label: 10 + "月",
}, },
{ {
value: 11, value: 11,
label: 11 + '月', label: 11 + "月",
}, },
{ {
value: 12, value: 12,
label: 12 + '月', label: 12 + "月",
}, },
], ],
fgkhDate: "", fgkhDate: "",
@ -616,9 +613,12 @@ export default {
themonth: null, themonth: null,
pickerOptions: { pickerOptions: {
disabledDate(time) { disabledDate(time) {
return time.getFullYear() < new Date().getFullYear() - 1 || time.getFullYear() > new Date().getFullYear(); return (
} time.getFullYear() < new Date().getFullYear() - 1 ||
} time.getFullYear() > new Date().getFullYear()
);
},
},
}; };
}, },
watch: { watch: {
@ -788,7 +788,6 @@ export default {
return days; return days;
}, },
navTap(index) { navTap(index) {
console.log("dianji", index);
this.navIndex = index; this.navIndex = index;
if (index == 1) { if (index == 1) {
this.getDayType(); this.getDayType();
@ -1058,7 +1057,7 @@ export default {
cursor: pointer; cursor: pointer;
} }
.actArea { .actArea {
color: #00417C; color: #00417c;
} }
} }
.topbox { .topbox {

39
src/components/marketDynamics/registration.vue
View File

@ -6,17 +6,18 @@
<el-row> <el-row>
<el-col :span="5"> <el-col :span="5">
<el-form-item :label="'会员编号'" prop="memberCode"> <el-form-item :label="'会员编号'" prop="memberCode">
<el-input v-model="queryParams.memberCode"></el-input> <el-input clearable v-model="queryParams.memberCode"></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="5"> <el-col :span="5">
<el-form-item :label="'会员姓名'" prop="memberName"> <el-form-item :label="'会员姓名'" prop="memberName">
<el-input v-model="queryParams.memberName"></el-input> <el-input clearable v-model="queryParams.memberName"></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="5"> <el-col :span="5">
<el-form-item :label="'注册等级'" prop="pkRegisterGrade"> <el-form-item :label="'注册等级'" prop="pkRegisterGrade">
<el-select <el-select
clearable
v-model="queryParams.pkRegisterGrade" v-model="queryParams.pkRegisterGrade"
:placeholder="'请选择'" :placeholder="'请选择'"
> >
@ -47,12 +48,10 @@
<el-row> <el-row>
<el-col :span="4"> <el-col :span="4">
<div class="searchbox"> <div class="searchbox">
<el-button class="btn2" @click="research">{{ <el-button type="primary" @click="research">{{
'搜索' "搜索"
}}</el-button>
<el-button class="btn1" @click="chongzhi">{{
'重置'
}}</el-button> }}</el-button>
<el-button @click="chongzhi">{{ "重置" }}</el-button>
</div> </div>
</el-col> </el-col>
</el-row> </el-row>
@ -171,22 +170,22 @@ export default {
return { return {
marketList: [ marketList: [
{ {
text: '月度业绩', text: "月度业绩",
id: 0, id: 0,
path: "/marketDynamics", path: "/marketDynamics",
}, },
{ {
text: '活动专区', text: "活动专区",
id: 7, id: 7,
path: "/activeZone", path: "/activeZone",
}, },
{ {
text: '奖金明细', text: "奖金明细",
id: 1, id: 1,
path: "/incomeDetail", path: "/incomeDetail",
}, },
{ {
text: '奖金来源', text: "奖金来源",
id: 3, id: 3,
path: "/bonusSource", path: "/bonusSource",
}, },
@ -197,17 +196,17 @@ export default {
// }, // },
{ {
text: '考核明细', text: "考核明细",
id: 4, id: 4,
path: "/appraisal", path: "/appraisal",
}, },
{ {
text: '注册列表', text: "注册列表",
id: 5, id: 5,
path: "/registration", path: "/registration",
}, },
{ {
text: '招商列表', text: "招商列表",
id: 6, id: 6,
path: "/investment", path: "/investment",
}, },
@ -323,7 +322,7 @@ export default {
cursor: pointer; cursor: pointer;
} }
.actArea { .actArea {
color: #00417C; color: #00417c;
} }
} }
.topbox { .topbox {
@ -336,16 +335,6 @@ export default {
.searchbox { .searchbox {
display: flex; display: flex;
align-items: center; align-items: center;
.btn1 {
background: #cccccc;
border-radius: 5px 5px 5px 5px;
color: #ffffff;
}
.btn2 {
border-radius: 5px 5px 5px 5px;
background: rgba(214, 24, 32, 1);
color: #ffffff;
}
} }
} }
.tablebox { .tablebox {

22
src/components/pushList.vue
View File

@ -41,12 +41,8 @@
</el-col> </el-col>
<el-col :span="4"> <el-col :span="4">
<div class="searchbox"> <div class="searchbox">
<el-button class="btn2" @click="research">{{ <el-button type="primary" @click="research">搜索</el-button>
"搜索" <el-button @click="resetHandle">重置</el-button>
}}</el-button>
<el-button class="btn1" @click="chongzhi">{{
"重置"
}}</el-button>
</div> </div>
</el-col> </el-col>
</el-row> </el-row>
@ -193,7 +189,7 @@ export default {
path: href, path: href,
}); });
}, },
chongzhi() { resetHandle() {
this.queryParams = { this.queryParams = {
pageNum: 1, pageNum: 1,
pageSize: 50, pageSize: 50,
@ -307,7 +303,7 @@ export default {
cursor: pointer; cursor: pointer;
} }
.actArea { .actArea {
color: #00417C; color: #00417c;
} }
} }
.topbox { .topbox {
@ -321,16 +317,6 @@ export default {
display: flex; display: flex;
align-items: center; align-items: center;
margin-left: 40px; margin-left: 40px;
.btn1 {
background: #cccccc;
border-radius: 5px 5px 5px 5px;
color: #ffffff;
}
.btn2 {
border-radius: 5px 5px 5px 5px;
background: rgba(214, 24, 32, 1);
color: #ffffff;
}
} }
} }
.tablebox { .tablebox {

16
src/router/index.js
View File

@ -178,14 +178,14 @@ const routes = [
}, },
}, },
//奖金来源 //奖金来源
{ // {
path: "/bonusSource", // path: "/bonusSource",
name: "BonusSource", // name: "BonusSource",
component: () => import("@/views/marketDynamics/bonusSource.vue"), // component: () => import("@/views/marketDynamics/bonusSource.vue"),
meta: { // meta: {
keepAlive: true, // keepAlive: true,
}, // },
}, // },
//考核明细 //考核明细
{ {
path: "/appraisal", path: "/appraisal",

5
src/styles/index.scss
View File

@ -2,7 +2,8 @@
--primary-color: #005BAC; /* 主题色 */ --primary-color: #005BAC; /* 主题色 */
--highlight-color: #1E90FF; /* 替换 #b42b2a 的高亮/强调色 */ --highlight-color: #1E90FF; /* 替换 #b42b2a 的高亮/强调色 */
--price-color: #FF8C00; /* 商品价格颜色 */ --price-color: #FF8C00; /* 商品价格颜色 */
--button-hover-color: #1A75C8; /* 按钮悬停颜色 */ --button-hover-color: #1A75C8; /* 按钮悬停背景颜色 */
--disabled-color: #B8CDE0; /* 禁用状态颜色 (基于主题色) */ --button-hover-text-color: #FFFFFF; /* 按钮悬停文字颜色 */
--button-active-border-color: #004C8C; /* 按钮激活边框颜色 */
} }

141
src/views/marketDynamics/bonusSource.vue
View File

@ -6,26 +6,31 @@
<navBar :myId="2"></navBar> <navBar :myId="2"></navBar>
<div class="mianbao" v-if="returnPath"> <div class="mianbao" v-if="returnPath">
<el-breadcrumb separator-class="el-icon-arrow-right"> <el-breadcrumb separator-class="el-icon-arrow-right">
<el-breadcrumb-item :to="{ path: returnPath }">{{'返回'}}</el-breadcrumb-item> <el-breadcrumb-item :to="{ path: returnPath }"
<el-breadcrumb-item>{{'奖金来源'}}</el-breadcrumb-item> >返回</el-breadcrumb-item
>
<el-breadcrumb-item>奖金来源</el-breadcrumb-item>
</el-breadcrumb> </el-breadcrumb>
</div> </div>
<div class="topbox"> <div class="topbox333">
<el-form ref="form" :model="queryParams" label-width="80px"> <el-form ref="form" :model="queryParams" label-width="80px">
<el-row> <el-row>
<el-col :span="6"> <el-col :span="6">
<el-form-item :label="'来源编号'" prop="sourceMemberCode"> <el-form-item label="来源编号" prop="sourceMemberCode">
<el-input v-model="queryParams.sourceMemberCode"></el-input> <el-input v-model="queryParams.sourceMemberCode"></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<el-form-item :label="'来源姓名'" prop="sourceMemberName"> <el-form-item label="来源姓名" prop="sourceMemberName">
<el-input v-model="queryParams.sourceMemberName"></el-input> <el-input v-model="queryParams.sourceMemberName"></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<el-form-item :label="'收益类型'" prop="pkBonusItems"> <el-form-item label="收益类型" prop="pkBonusItems">
<el-select v-model="queryParams.pkBonusItems" :placeholder="'请选择'"> <el-select
v-model="queryParams.pkBonusItems"
placeholder="请选择"
>
<el-option <el-option
v-for="(item, index) in incomeType" v-for="(item, index) in incomeType"
:key="index" :key="index"
@ -37,23 +42,26 @@
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="7" v-if="userInfo.pkCountry!=1"> <el-col :span="7" v-if="userInfo.pkCountry != 1">
<el-form-item :label="'查询时间'" prop="teamCode" label-width="80px"> <el-form-item label="查询时间" prop="teamCode" label-width="80px">
<el-date-picker <el-date-picker
v-model="thetime" v-model="thetime"
type="daterange" type="daterange"
value-format="yyyy-MM-dd" value-format="yyyy-MM-dd"
:range-separator="'至'" :range-separator="'至'"
:start-placeholder="'开始日期'" start-placeholder="开始日期"
:end-placeholder="'结束日期'" end-placeholder="结束日期"
> >
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="4"> <el-col :span="4">
<div class="searchbox" :style="userInfo.pkCountry==1?'margin-left:20px':''"> <div
<el-button class="btn2" @click="research" >{{ '搜索' }}</el-button> class="searchbox"
<el-button class="btn1" @click="resetAll()">{{ '重置' }}</el-button> :style="userInfo.pkCountry == 1 ? 'margin-left:20px' : ''"
>
<el-button class="search-btn" @click="research">搜索</el-button>
<el-button class="btn1" @click="resetAll()">重置</el-button>
</div> </div>
</el-col> </el-col>
</el-row> </el-row>
@ -69,22 +77,22 @@
<el-table-column <el-table-column
align="center" align="center"
prop="settleDate" prop="settleDate"
:label="'奖金日期'" label="奖金日期"
></el-table-column> ></el-table-column>
<el-table-column <el-table-column
align="center" align="center"
prop="sourceMemberCode" prop="sourceMemberCode"
:label="'来源编号'" label="来源编号"
></el-table-column> ></el-table-column>
<el-table-column <el-table-column
align="center" align="center"
prop="sourceMemberName" prop="sourceMemberName"
:label="'来源姓名'" label="来源姓名"
></el-table-column> ></el-table-column>
<el-table-column <el-table-column
align="center" align="center"
prop="orderAmount" prop="orderAmount"
:label="'订单金额'+'(¥)'" label="订单金额(¥)"
></el-table-column> ></el-table-column>
<el-table-column <el-table-column
align="center" align="center"
@ -94,25 +102,24 @@
<el-table-column <el-table-column
align="center" align="center"
prop="bonusName" prop="bonusName"
:label="'收益类型'" label="收益类型"
width="200" width="200"
></el-table-column> ></el-table-column>
<el-table-column <el-table-column
align="center" align="center"
prop="round" prop="round"
:label="'轮次'" label="轮次"
></el-table-column> ></el-table-column>
<el-table-column <el-table-column
align="center" align="center"
prop="second" prop="second"
:label="'次数'" label="次数"
></el-table-column> ></el-table-column>
<el-table-column <el-table-column
align="center" align="center"
prop="realIncome" prop="realIncome"
:label="'预估收益'" label="预估收益"
></el-table-column> ></el-table-column>
</el-table> </el-table>
<pagination <pagination
:total="total" :total="total"
@ -125,13 +132,13 @@
</div> </div>
</template> </template>
<script> <script>
import { mapGetters } from "vuex"; import { mapGetters } from "vuex";
import sidebarUserInfo from "@/views/index/components/sidebarUserInfo.vue"; import sidebarUserInfo from "@/views/index/components/sidebarUserInfo.vue";
import topBanner from "@/components/topBanner.vue"; import topBanner from "@/components/topBanner.vue";
import pagination from "@/components/pagination.vue"; import pagination from "@/components/pagination.vue";
import { getBonusDetail,getBdBonusitemsList } from "@/api/bonus.js"; import { getBonusDetail, getBdBonusitemsList } from "@/api/bonus.js";
import navBar from "@/components/navBar.vue"; import navBar from "@/components/navBar.vue";
export default { export default {
name: "IncomeDetail", name: "IncomeDetail",
@ -142,28 +149,28 @@ export default {
pagination, pagination,
}, },
computed: { computed: {
...mapGetters(['userInfo']), ...mapGetters(["userInfo"]),
}, },
data() { data() {
return { return {
marketList: [ marketList: [
{ {
text: '月度业绩', text: "月度业绩",
id: 0, id: 0,
path: "/marketDynamics", path: "/marketDynamics",
}, },
{ {
text: '活动专区', text: "活动专区",
id: 7, id: 7,
path: '/activeZone', path: "/activeZone",
}, },
{ {
text: '奖金明细', text: "奖金明细",
id: 1, id: 1,
path: "/incomeDetail", path: "/incomeDetail",
}, },
{ {
text: '奖金来源', text: "奖金来源",
id: 3, id: 3,
path: "/bonusSource", path: "/bonusSource",
}, },
@ -174,17 +181,17 @@ export default {
// }, // },
{ {
text: '考核明细', text: "考核明细",
id: 4, id: 4,
path: "/appraisal", path: "/appraisal",
}, },
{ {
text: '注册列表', text: "注册列表",
id: 5, id: 5,
path: "/registration", path: "/registration",
}, },
{ {
text: '招商列表', text: "招商列表",
id: 6, id: 6,
path: "/investment", path: "/investment",
}, },
@ -192,14 +199,14 @@ export default {
specialArea: 0, specialArea: 0,
thetime: "", thetime: "",
tableData: [], tableData: [],
returnPath:'', returnPath: "",
total: 0, total: 0,
queryParams: { queryParams: {
pageNum: 1, pageNum: 1,
pageSize: 50, pageSize: 50,
pkBonusItems:"", pkBonusItems: "",
sourceMemberName:"", sourceMemberName: "",
sourceMemberCode:"", sourceMemberCode: "",
startDate: "", startDate: "",
endDate: "", endDate: "",
}, },
@ -212,44 +219,44 @@ export default {
}, },
}, },
created() { created() {
this.getBdBonusitemsList() this.getBdBonusitemsList();
}, },
mounted() { mounted() {
this.specialArea = this.$route.query.id; this.specialArea = this.$route.query.id;
let allData = decodeURIComponent(window.location.href).split('=') let allData = decodeURIComponent(window.location.href).split("=");
if(allData[2]!=undefined){ if (allData[2] != undefined) {
this.queryParams.startDate =allData[2].split('&')[0] this.queryParams.startDate = allData[2].split("&")[0];
this.queryParams.endDate =allData[2].split('&')[0] this.queryParams.endDate = allData[2].split("&")[0];
this.returnPath = '/incomeDetail?id=1&index='+allData[3].split('&')[0] this.returnPath = "/incomeDetail?id=1&index=" + allData[3].split("&")[0];
} }
setTimeout(()=>{ setTimeout(() => {
this.research(); this.research();
},100) }, 100);
}, },
methods: { methods: {
resetAll() { resetAll() {
this.queryParams={ this.queryParams = {
pageNum: 1, pageNum: 1,
pageSize: 50, pageSize: 50,
pkBonusItems:"", pkBonusItems: "",
sourceMemberName:"", sourceMemberName: "",
sourceMemberCode:"", sourceMemberCode: "",
startDate: "", startDate: "",
endDate: "", endDate: "",
} };
this.research() this.research();
}, },
changeArea(item) { changeArea(item) {
this.specialArea = item.id; this.specialArea = item.id;
this.$router.push({ this.$router.push({
path: item.path, path: item.path,
query: { id: item.id }, query: { id: item.id },
}) });
}, },
getBdBonusitemsList(){ getBdBonusitemsList() {
getBdBonusitemsList().then(res=>{ getBdBonusitemsList().then((res) => {
this.incomeType = res.rows this.incomeType = res.rows;
}) });
}, },
research() { research() {
if (this.thetime) { if (this.thetime) {
@ -273,14 +280,14 @@ export default {
}; };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
::v-deep .el-range-editor.el-input__inner{ ::v-deep .el-range-editor.el-input__inner {
width: 100%; width: 100%;
} }
.mianbao { .mianbao {
padding: 0 10px; padding: 0 10px;
margin: 20px 0 0 0; margin: 20px 0 0 0;
} }
::v-deep .el-table .warning-row { ::v-deep .el-table .warning-row {
background: #f9f9f9; background: #f9f9f9;
} }
@ -312,7 +319,7 @@ export default {
cursor: pointer; cursor: pointer;
} }
.actArea { .actArea {
color: #00417C; color: #00417c;
} }
} }
.topbox { .topbox {
@ -331,9 +338,9 @@ export default {
border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px;
color: #ffffff; color: #ffffff;
} }
.btn2 { .search-btn {
border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px;
background: rgba(214, 24, 32, 1); background: var(--primary-color);
color: #ffffff; color: #ffffff;
} }
} }

157
src/views/marketDynamics/index.vue
View File

@ -29,7 +29,7 @@
<marketDynamicss <marketDynamicss
@updateValue="updateParentValue" @updateValue="updateParentValue"
:ifDetail="ifDetail" :ifDetail="ifDetail"
:monthScoreType='monthScoreType' :monthScoreType="monthScoreType"
v-if="this.specialArea == 0" v-if="this.specialArea == 0"
/> />
</template> </template>
@ -41,21 +41,21 @@
<!-- 奖金明细!--> <!-- 奖金明细!-->
<incomeDetail v-if="this.specialArea == 1" /> <incomeDetail v-if="this.specialArea == 1" />
</template> </template>
<template>
<!-- 奖金来源!--> <!-- 奖金来源!-->
<bonusSource v-if="this.specialArea == 3" /> <!-- <template v-if="this.specialArea == 3">
</template> <bonusSource />
</template> -->
<template> <template>
<!-- 考核明细!--> <!-- 考核明细!-->
<appraisal v-if="this.specialArea == 4" /> <appraisal v-if="this.specialArea == 4" />
</template> </template>
<template> <template v-if="this.specialArea == 5">
<!-- 注册列表!--> <!-- 注册列表!-->
<registration v-if="this.specialArea == 5" /> <registration />
</template> </template>
<template> <template v-if="this.specialArea == 6">
<!-- 招商列表!--> <!-- 招商列表!-->
<investment v-if="this.specialArea == 6" /> <investment />
</template> </template>
</div> </div>
</div> </div>
@ -63,31 +63,31 @@
<script> <script>
import sidebarUserInfo from "@/views/index/components/sidebarUserInfo.vue"; import sidebarUserInfo from "@/views/index/components/sidebarUserInfo.vue";
import recommendTime from "@/components/recommendTime.vue"; // import recommendTime from "@/components/recommendTime.vue";
import placement from "@/components/placement.vue"; // import placement from "@/components/placement.vue";
import realPerformance from "@/components/realPerformance.vue"; // import realPerformance from "@/components/realPerformance.vue";
import placementPerformance from "@/components/placementPerformance.vue"; // import placementPerformance from "@/components/placementPerformance.vue";
import realPerformances from "@/components/realPerformances.vue"; // import realPerformances from "@/components/realPerformances.vue";
import mounthPvCompare from "@/components/mounthPvCompare.vue"; // import mounthPvCompare from "@/components/mounthPvCompare.vue";
import fistAddPv from "@/components/fistAddPv.vue"; // import fistAddPv from "@/components/fistAddPv.vue";
import repAddPv from "@/components/repAddPv.vue"; // import repAddPv from "@/components/repAddPv.vue";
import topBanner from "@/components/topBanner.vue"; import topBanner from "@/components/topBanner.vue";
import pagination from "@/components/pagination.vue"; // import pagination from "@/components/pagination.vue";
import navBar from "@/components/navBar.vue"; // import navBar from "@/components/navBar.vue";
import recommendedCommunity from "@/components/marketDynamics/recommendedCommunity.vue"; // import recommendedCommunity from "@/components/marketDynamics/recommendedCommunity.vue";
import activeMembers from "@/components/marketDynamics/activeMembers.vue"; // import activeMembers from "@/components/marketDynamics/activeMembers.vue";
import recommendPerformance from "@/components/recommendPerformance.vue"; // import recommendPerformance from "@/components/recommendPerformance.vue";
import gradePerformance from "@/components/gradePerformance.vue"; // import gradePerformance from "@/components/gradePerformance.vue";
import consanguinityPv from "@/components/marketDynamics/consanguinityPv.vue"; // import consanguinityPv from "@/components/marketDynamics/consanguinityPv.vue";
import marketDynamicss from "@/components/marketDynamics/marketDynamicss.vue"; import marketDynamicss from "@/components/marketDynamics/marketDynamicss.vue";
import activeZone from "@/components/marketDynamics/activeZone.vue"; import activeZone from "@/components/marketDynamics/activeZone.vue";
import incomeDetail from "@/components/marketDynamics/incomeDetail.vue"; import incomeDetail from "@/components/marketDynamics/incomeDetail.vue";
import bonusSource from "@/components/marketDynamics/bonusSource.vue"; // import bonusSource from "@/components/marketDynamics/bonusSource.vue";
import appraisal from "@/components/marketDynamics/appraisal.vue"; import appraisal from "@/components/marketDynamics/appraisal.vue";
import registration from "@/components/marketDynamics/registration.vue"; import registration from "@/components/marketDynamics/registration.vue";
import investment from "@/components/marketDynamics/investment.vue"; import investment from "@/components/marketDynamics/investment.vue";
import { getDayType } from "@/api/activity.js"; import { getDayType } from "@/api/activity.js";
import { getWalletBalance, parentList } from "@/api/wallet"; import { parentList } from "@/api/wallet";
import * as api from "@/api/goods"; import * as api from "@/api/goods";
import noticePopup from "@/components/noticePopup.vue"; import noticePopup from "@/components/noticePopup.vue";
import { mapGetters } from "vuex"; import { mapGetters } from "vuex";
@ -99,28 +99,28 @@ export default {
registration, registration,
Registration, Registration,
appraisal, appraisal,
bonusSource, // bonusSource,
incomeDetail, incomeDetail,
activeZone, activeZone,
marketDynamicss, marketDynamicss,
noticePopup, noticePopup,
realPerformance, // realPerformance,
placementPerformance, // placementPerformance,
realPerformances, // realPerformances,
sidebarUserInfo, sidebarUserInfo,
placement, // placement,
recommendTime, // recommendTime,
mounthPvCompare, // mounthPvCompare,
fistAddPv, // fistAddPv,
repAddPv, // repAddPv,
topBanner, topBanner,
pagination, // pagination,
navBar, // navBar,
recommendedCommunity, // recommendedCommunity,
activeMembers, // activeMembers,
consanguinityPv, // consanguinityPv,
recommendPerformance, // recommendPerformance,
gradePerformance, // gradePerformance,
}, },
computed: { computed: {
...mapGetters(["userInfo"]), ...mapGetters(["userInfo"]),
@ -130,64 +130,60 @@ export default {
index: 50, index: 50,
navIndex: 0, navIndex: 0,
navList: [ navList: [
{ name: '数据查询', menuKey: "", value: "ConsanguinityCheck" }, { name: "数据查询", menuKey: "", value: "ConsanguinityCheck" },
{ name: '最末节点', menuKey: "", value: "placementChart" }, { name: "最末节点", menuKey: "", value: "placementChart" },
{ name: '月度新增统计', menuKey: "", value: "monthlyChart" }, { name: "月度新增统计", menuKey: "", value: "monthlyChart" },
{ name: '月度新增业绩', menuKey: "", value: "monthlyPerformance" }, { name: "月度新增业绩", menuKey: "", value: "monthlyPerformance" },
{ name: '推荐平均用时', menuKey: "", value: "recommendTime" }, { name: "推荐平均用时", menuKey: "", value: "recommendTime" },
{ name: '直推业绩', menuKey: "", value: "recommendPerformance" }, { name: "直推业绩", menuKey: "", value: "recommendPerformance" },
{ name: '推荐列表', menuKey: "", value: "recommendList" }, { name: "推荐列表", menuKey: "", value: "recommendList" },
], ],
marketList: [ marketList: [
{ {
text: '数据查询', text: "数据查询",
id: 0, id: 0,
path: "/marketDynamics", path: "/marketDynamics",
name: "marketDynamics", name: "marketDynamics",
isShow: false, isShow: false,
}, },
{ {
text: '活动专区', text: "活动专区",
id: 7, id: 7,
path: "/marketDynamics", path: "/marketDynamics",
name: "activeZone", name: "activeZone",
isShow: false, isShow: false,
}, },
{ {
text: '奖金明细', text: "奖金明细",
id: 1, id: 1,
path: "/marketDynamics", path: "/marketDynamics",
name: "incomeDetail", name: "incomeDetail",
isShow: false, isShow: false,
}, },
{
text: '奖金来源',
id: 3,
path: "/marketDynamics",
name: "bonusSource",
isShow: false,
},
// { // {
// text: "云代奖金", // text: "奖金来源",
// id: 3, // id: 3,
// path: "/generation", // path: "/marketDynamics",
// name: "bonusSource",
// isShow: false,
// }, // },
{ {
text: '考核明细', text: "考核明细",
id: 4, id: 4,
path: "/marketDynamics", path: "/marketDynamics",
name: "appraisal", name: "appraisal",
isShow: false, isShow: false,
}, },
{ {
text: '注册列表', text: "注册列表",
id: 5, id: 5,
path: "/marketDynamics", path: "/marketDynamics",
name: "registration", name: "registration",
isShow: false, isShow: false,
}, },
{ {
text: '招商列表', text: "招商列表",
id: 6, id: 6,
path: "/marketDynamics", path: "/marketDynamics",
name: "investment", name: "investment",
@ -210,63 +206,63 @@ export default {
mounthList: [ mounthList: [
{ {
value: 1, value: 1,
label: 1 + '月', label: 1 + "月",
}, },
{ {
value: 2, value: 2,
label: 2 + '月', label: 2 + "月",
}, },
{ {
value: 3, value: 3,
label: 3 + '月', label: 3 + "月",
}, },
{ {
value: 4, value: 4,
label: 4 + '月', label: 4 + "月",
}, },
{ {
value: 5, value: 5,
label: 5 + '月', label: 5 + "月",
}, },
{ {
value: 6, value: 6,
label: 6 + '月', label: 6 + "月",
}, },
{ {
value: 7, value: 7,
label: 7 + '月', label: 7 + "月",
}, },
{ {
value: 8, value: 8,
label: 8 + '月', label: 8 + "月",
}, },
{ {
value: 9, value: 9,
label: 9 + '月', label: 9 + "月",
}, },
{ {
value: 10, value: 10,
label: 10 + '月', label: 10 + "月",
}, },
{ {
value: 11, value: 11,
label: 11 + '月', label: 11 + "月",
}, },
{ {
value: 12, value: 12,
label: 12 + '月', label: 12 + "月",
}, },
], ],
fgkhDate: "", fgkhDate: "",
ifDetail: "0", ifDetail: "0",
monthScoreType:"" monthScoreType: "",
}; };
}, },
watch: { watch: {
$route(n, o) { $route(n, o) {
this.specialArea = n.query.id; this.specialArea = n.query.id;
this.ifDetail = n.query.ifDetail || "0"; this.ifDetail = n.query.ifDetail || "0";
this.monthScoreType = n.query.monthScoreType||"" this.monthScoreType = n.query.monthScoreType || "";
}, },
whatMounth(n) { whatMounth(n) {
this.$refs.mounthPvCompare.upDateCover(n); this.$refs.mounthPvCompare.upDateCover(n);
@ -304,7 +300,7 @@ export default {
methods: { methods: {
updateParentValue(newValue) { updateParentValue(newValue) {
this.ifDetail = newValue; this.ifDetail = newValue;
this.monthScoreType = "" this.monthScoreType = "";
}, },
getStartTime() { getStartTime() {
let date = new Date(); let date = new Date();
@ -359,7 +355,6 @@ export default {
}); });
}); });
}); });
}, },
// 获取当前月 // 获取当前月
getMounth() { getMounth() {
@ -432,7 +427,7 @@ export default {
cursor: pointer; cursor: pointer;
} }
.actMenu { .actMenu {
border-bottom: 5px solid #00417C; border-bottom: 5px solid #00417c;
} }
} }
.height-auto { .height-auto {
@ -592,7 +587,7 @@ export default {
cursor: pointer; cursor: pointer;
} }
.actArea { .actArea {
color: #00417C; color: #00417c;
} }
} }
.topbox { .topbox {

2
theme/index.css
View File

File diff suppressed because one or more lines are too long