feat(sideBarInfo): 首页侧边栏删除无用功能和对应接口

This commit is contained in:
woody 2025-04-24 16:14:59 +08:00
parent c7683ee2f7
commit 898fd8f1b9
13 changed files with 233 additions and 964 deletions

View File

@ -1,283 +1,269 @@
/* /*
* @Descripttion: * @Descripttion:
* @version: * @version:
* @Author: kBank * @Author: kBank
* @Date: 2022-10-13 15:21:27 * @Date: 2022-10-13 15:21:27
*/ */
import request from '@/util/request' import request from "@/util/request";
//根据id查询全球网络分布详情 //根据id查询全球网络分布详情
export function getRegionDetail(params) { export function getRegionDetail(params) {
return request({ return request({
url: '/home/api/ho-distribute/get-region-detail', url: "/home/api/ho-distribute/get-region-detail",
method: 'get', method: "get",
params params,
}) });
} }
//全球网络分布情况 //全球网络分布情况
export function getDistribute(params) { export function getDistribute(params) {
return request({ return request({
url: '/home/api/ho-distribute/get-region-distribute', url: "/home/api/ho-distribute/get-region-distribute",
method: 'get', method: "get",
params params,
}) });
} }
// banner // banner
export function getHoLeader(data) { export function getHoLeader(data) {
return request({ return request({
url: '/home/api/ho-leader/getHoLeader', url: "/home/api/ho-leader/getHoLeader",
method: 'post', method: "post",
data data,
}) });
} }
//商品展示-家族系列列表 //商品展示-家族系列列表
export function getHoProductRange(data) { export function getHoProductRange(data) {
return request({ return request({
url: 'home/api/ho-leader/getHoProductRange', url: "home/api/ho-leader/getHoProductRange",
method: 'post', method: "post",
data data,
}) });
} }
//商品展示商品简介详情 //商品展示商品简介详情
export function getHoProductDetails(data) { export function getHoProductDetails(data) {
return request({ return request({
url: 'home/api/ho-product-details/getHoProductDetails', url: "home/api/ho-product-details/getHoProductDetails",
method: 'post', method: "post",
data data,
}) });
} }
//MY_WAL_22轮播 //MY_WAL_22轮播
export function getIndexBanner(params) { export function getIndexBanner(params) {
return request({ return request({
url: '/home/api/bd-advert-banner/list', url: "/home/api/bd-advert-banner/list",
method: 'get', method: "get",
params params,
}) });
} }
//推荐平均用时 //推荐平均用时
export function getMemberRecommend(params) { export function getMemberRecommend(params) {
return request({ return request({
url: '/member/api/census/get-member-recommend-time', url: "/member/api/census/get-member-recommend-time",
method: 'get', method: "get",
params params,
}) });
} }
//安置图 //安置图
export function getPlaceMent(params) { export function getPlaceMent(params) {
return request({ return request({
url: '/member/api/achieve/query-place-tree', url: "/member/api/achieve/query-place-tree",
method: 'get', method: "get",
params params,
}) });
} }
//获取等级 //获取等级
export function getGradeIcon(params) { export function getGradeIcon(params) {
return request({ return request({
url: '/member/api/member-structure/get-avatar-info', url: "/member/api/member-structure/get-avatar-info",
method: 'get', method: "get",
params params,
}) });
} }
//安置图详情 //安置图详情
export function getTreeDetail(data) { export function getTreeDetail(data) {
return request({ return request({
url: '/member/api/achieve/query-place-tree-detail', url: "/member/api/achieve/query-place-tree-detail",
method: 'post', method: "post",
data data,
}) });
} }
//获取新增业绩 //获取新增业绩
export function getIndexAddAchieve(params) { export function getIndexAddAchieve(params) {
return request({ return request({
url: '/member/api/member/new-add-achieve', url: "/member/api/member/new-add-achieve",
method: 'get', method: "get",
params params,
}) });
} }
//获取日期下拉 //获取日期下拉
export function getDayType(params) { export function getDayType(params) {
return request({ return request({
url: '/system/pub/enums/get-day-type', url: "/system/pub/enums/get-day-type",
method: 'get', method: "get",
params params,
}) });
} }
//获取荣誉奖衔 //获取荣誉奖衔
export function getIndexAwards(params) { export function getIndexAwards(params) {
return request({ return request({
url: '/member/api/member/index-awards', url: "/member/api/member/index-awards",
method: 'get', method: "get",
params params,
}) });
} }
//获取真实业绩 //获取真实业绩
export function getPerformance(params) { export function getPerformance(params) {
return request({ return request({
url: '/member/api/achieve/query-real-performance', url: "/member/api/achieve/query-real-performance",
method: 'get', method: "get",
params params,
}) });
} }
//获取安置业绩分布 //获取安置业绩分布
export function azAchievement(params) { export function azAchievement(params) {
return request({ return request({
url: '/report/api/achieve/az-achievement', url: "/report/api/achieve/az-achievement",
method: 'get', method: "get",
params params,
}) });
} }
//获取真实业绩分布 //获取真实业绩分布
export function realPerformancePic(params) { export function realPerformancePic(params) {
return request({ return request({
url: '/member/api/achieve/query-real-performance-pic', url: "/member/api/achieve/query-real-performance-pic",
method: 'get', method: "get",
params params,
}) });
} }
//首页-我的市场 //首页-我的市场
export function getMyMarket(params) { export function getMyMarket(params) {
return request({ return request({
url: '/sale/api/order/index-myMarket', url: "/sale/api/order/index-myMarket",
method: 'get', method: "get",
params params,
}) });
} }
// 推荐小区分布 // 推荐小区分布
export function getRecommendCommunity(params) { export function getRecommendCommunity(params) {
return request({ return request({
url: '/report/api/achieve/recommend-community', url: "/report/api/achieve/recommend-community",
method: 'get', method: "get",
params params,
}) });
} }
// 获取用户是否显示弹窗 // 获取用户是否显示弹窗
export function indexPopScreen(params) { export function indexPopScreen(params) {
return request({ return request({
url: '/system/api/notice/index-pop-screen', url: "/system/api/notice/index-pop-screen",
method: 'get', method: "get",
params params,
}) });
} }
// 内信弹窗 // 内信弹窗
export function getIndexPopmail(params) { export function getIndexPopmail(params) {
return request({ return request({
url: '/system/api/notice/index-pop-mail', url: "/system/api/notice/index-pop-mail",
method: 'get', method: "get",
params params,
}) });
} }
//直推排行弹窗
export function getMemberDirectpush(params) {
return request({
url: '/member/api/member/get-member-direct-push',
method: 'get',
params
})
}
// 获取海外用户是否需要弹出用户协议 // 获取海外用户是否需要弹出用户协议
export function getAlertUserAgreement(params){ export function getAlertUserAgreement(params) {
return request({ return request({
url: '/system/api/agreement/get-alert-user-agreement', url: "/system/api/agreement/get-alert-user-agreement",
method: 'get', method: "get",
params params,
}) });
} }
// 用户点击确认统一协议 // 用户点击确认统一协议
export function getAlertUserAgreementPost(data){ export function getAlertUserAgreementPost(data) {
return request({ return request({
url: '/system/api/agreement/use-user-agreement', url: "/system/api/agreement/use-user-agreement",
method: 'post', method: "post",
data data,
}) });
} }
// 获取抗衰达人 // 获取抗衰达人
export function repurchase(data){ export function repurchase(data) {
return request({ return request({
url: '/member/api/achieve/repurchase', url: "/member/api/achieve/repurchase",
method: 'post', method: "post",
data data,
}) });
} }
// 获取推荐达人 // 获取推荐达人
export function recommend(data){ export function recommend(data) {
return request({ return request({
url: '/member/api/achieve/recommend', url: "/member/api/achieve/recommend",
method: 'post', method: "post",
data data,
}) });
} }
//全球分布市场 //全球分布市场
export function getGloableCompany(params){ export function getGloableCompany(params) {
return request({ return request({
url: '/home/api/ho-global-company/list', url: "/home/api/ho-global-company/list",
method: 'get', method: "get",
params params,
}) });
} }
//植树活动 //植树活动
export function queryTreeActivity(params){ export function queryTreeActivity(params) {
return request({ return request({
url: '/activity/api/sa-tree-order/queryTreeActivity', url: "/activity/api/sa-tree-order/queryTreeActivity",
method: 'get', method: "get",
params params,
}) });
} }
//首购分布 //首购分布
export function firstPv(params){ export function firstPv(params) {
return request({ return request({
url: '/report/api/achieve/query-first-performance-pic', url: "/report/api/achieve/query-first-performance-pic",
method: 'get', method: "get",
params params,
}) });
} }
//复购分布 //复购分布
export function secondPv(params){ export function secondPv(params) {
return request({ return request({
url: '/report/api/achieve/query-repurchase-performance-pic', url: "/report/api/achieve/query-repurchase-performance-pic",
method: 'get', method: "get",
params params,
}) });
} }
//校验服务有效期 //校验服务有效期
export function agreement_expire(params){ export function agreement_expire(params) {
return request({ return request({
url: '/member/api/member/agreement_expire', url: "/member/api/member/agreement_expire",
method: 'get', method: "get",
params params,
}) });
} }
//年度奖衔 //年度奖衔
export function yearAwards(params){ export function yearAwards(params) {
return request({ return request({
url: '/member/api/member/year-awards-list', url: "/member/api/member/year-awards-list",
method: 'get', method: "get",
params params,
}) });
} }
//基本信息弹框 //基本信息弹框
export function index_repurchase(params){ export function index_repurchase(params) {
return request({ return request({
url: '/member/api/member/index_repurchase', url: "/member/api/member/index_repurchase",
method: 'get', method: "get",
params params,
}) });
} }

View File

@ -1,105 +1,89 @@
import request from "@/util/request";
import request from '@/util/request'
// 公告站内信列表 公告1站内信2 // 公告站内信列表 公告1站内信2
export function getNoticeList(params) { export function getNoticeList(params) {
return request({ return request({
url: '/system/api/notice/index-list', url: "/system/api/notice/index-list",
method: 'get', method: "get",
params params,
}) });
} }
// 创客空间列表 // 创客空间列表
export function marketList(params) { export function marketList(params) {
return request({ return request({
url: '/member/api/maker-space/list', url: "/member/api/maker-space/list",
method: 'get', method: "get",
params params,
}) });
} }
//意见反馈类型 //意见反馈类型
export function getFeedbackType(params) { export function getFeedbackType(params) {
return request({ return request({
url: '/system/pub/enums/feedback-type', url: "/system/pub/enums/feedback-type",
method: 'get', method: "get",
params params,
}) });
} }
//提交意见反馈列表 //提交意见反馈列表
export function saveFeedBack(data) { export function saveFeedBack(data) {
return request({ return request({
url: '/system/api/feedback/save', url: "/system/api/feedback/save",
method: 'post', method: "post",
data data,
}) });
} }
//意见列表 //意见列表
export function getFeedbackList(params) { export function getFeedbackList(params) {
return request({ return request({
url: '/system/api/feedback/index-list', url: "/system/api/feedback/index-list",
method: 'get', method: "get",
params params,
}) });
}
//荣誉墙
export function getMemberHonorWall(params) {
return request({
url: '/member/api/member/member-honor-wall',
method: 'get',
params
})
}
//全部荣誉墙
export function getMemberHonorWallAll(params) {
return request({
url: '/member/api/member/member-honor-wall-all',
method: 'get',
params
})
} }
//获取会员真实奖衔 //获取会员真实奖衔
export function getUserAwards(params) { export function getUserAwards(params) {
return request({ return request({
url: '/member/api/member/index-member-awards', url: "/member/api/member/index-member-awards",
method: 'get', method: "get",
params params,
}) });
} }
//获取公告、站内信详情 //获取公告、站内信详情
export function getNoticeDetail(params) { export function getNoticeDetail(params) {
return request({ return request({
url: '/system/api/notice/index-detail', url: "/system/api/notice/index-detail",
method: 'get', method: "get",
params params,
}) });
} }
// 我的市场点亮 // 我的市场点亮
export function getMyMarketColor(params) { export function getMyMarketColor(params) {
return request({ return request({
url: '/system/manage/area/get-light-area', url: "/system/manage/area/get-light-area",
method: 'get', method: "get",
params params,
}) });
} }
//公告站内信意见反馈数量 //公告站内信意见反馈数量
export function getNoticeCount(params) { export function getNoticeCount(params) {
return request({ return request({
url: '/system/api/notice/index-count', url: "/system/api/notice/index-count",
method: 'get', method: "get",
params params,
}) });
} }
//会员奖衔信息 //会员奖衔信息
export function memberAwards(params) { export function memberAwards(params) {
return request({ return request({
url: '/member/api/member/member-awards-info', url: "/member/api/member/member-awards-info",
method: 'get', method: "get",
params params,
}) });
} }

View File

@ -610,7 +610,7 @@
goMore(index) { goMore(index) {
//1 2 3 //1 2 3
this.$router.push({ this.$router.push({
path: "/noticLists", path: "/noticeLists",
query: { query: {
index: index index: index
}, },

View File

@ -1,355 +0,0 @@
<template>
<div>
<el-dialog
class="notice"
width="35%"
:title="'站内信'"
:visible.sync="noticeFlag"
@close="closeTap()"
>
<div class="tchdbox">
<div class="bjtp">
<div class="top_kuai kuai1">
<div :class="popupList[0].isLoginMember == 1 ? 'mname' : 'mname2'">
{{ popupList[0].memberName }}
</div>
<div class="tx">
<img
:src="
popupList[0].headPath
? popupList[0].headPath
: userInfo.countryCircularIcon
"
alt=""
/>
</div>
<div class="yeji">{{ popupList[0].orderAchieveStr }}</div>
<div class="topb topb1">TOP.1</div>
</div>
<div class="top_kuai kuai2">
<div :class="popupList[1].isLoginMember == 1 ? 'mname' : 'mname2'">
{{ popupList[1].memberName }}
</div>
<div class="tx">
<img
:src="
popupList[1].headPath
? popupList[1].headPath
: userInfo.countryCircularIcon
"
alt=""
/>
</div>
<div class="yeji">{{ popupList[1].orderAchieveStr }}</div>
<div class="topb topb2">TOP.2</div>
</div>
<div class="top_kuai kuai3">
<div :class="popupList[2].isLoginMember == 1 ? 'mname' : 'mname2'">
{{ popupList[2].memberName }}
</div>
<div class="tx">
<img
:src="
popupList[2].headPath
? popupList[2].headPath
: userInfo.countryCircularIcon
"
alt=""
/>
</div>
<div class="yeji">{{ popupList[2].orderAchieveStr }}</div>
<div class="topb topb3">TOP.3</div>
</div>
<div class="poupmain">
<div class="main_title">{{ themonth }}月直推排行榜</div>
<div class="table">
<div class="linerow flexrow">
<div class="line1">排名</div>
<div class="line2"></div>
<div class="line3">会员姓名</div>
<div class="line4">直推业绩()</div>
</div>
<div
v-for="(item, index) in popupList2"
:key="index"
:class="item.isLoginMember == 1 ? 'flexrow' : 'tcrow'"
>
<div class="theline line1">
<div class="indexrow">{{ index + 4 }}</div>
</div>
<div class="theline line2">
<img
:src="
item.headPath
? item.headPath
: userInfo.countryCircularIcon
"
alt=""
/>
</div>
<div class="theline line3">{{ item.memberName }}</div>
<div class="theline line4">{{ item.orderAchieveStr }}</div>
</div>
</div>
</div>
</div>
<div class="closediv">
<img class="qyclose" :src="closeImg" @click="closeTap()" />
</div>
</div>
<!-- <div class="title">
{{ item.title }}
</div>
<div class="img-auto" v-html="item.content"></div>
<div class="surebtn1">
<div class="btn" @click="closeTap(item, 2)">已读</div>
</div> -->
</el-dialog>
</div>
</template>
<script>
import { getMemberDirectpush } from "@/api/index.js";
import { mapGetters, mapMutations } from "vuex";
export default {
name: "Title",
data() {
return {
popupList: [],
noticeFlag: false,
popupList2: [],
themonth: "1",
closeImg: require("@/assets/images/close-tc.png"),
};
},
mounted() {
this.getDirectrank();
},
computed: {
...mapGetters(["userInfo"]),
},
methods: {
closeTap() {
this.noticeFlag = false;
this.$forceUpdate(); //
this.$emit("callznMethodTrigger");
},
getDirectrank() {
if (this.userInfo.pkCountry == 1) {
const currentDate = new Date();
this.themonth = currentDate.getMonth() + 1;
getMemberDirectpush().then((res) => {
if (res.code == 200) {
if (res.data && res.data.length > 0) {
this.popupList = res.data;
let arr = res.data;
let newArr = arr.filter((item, index) => index >= 3); // 3
this.popupList2 = newArr;
this.noticeFlag = true;
} else {
this.$emit("callznMethodTrigger");
}
}
});
} else {
this.$emit("callznMethodTrigger");
}
},
},
};
</script>
<style lang="scss" scoped>
.notice {
background: rgba(0, 0, 0, 0.7) !important;
}
::v-deep .el-dialog__headerbtn i {
font-size: 24px;
color: #333;
}
::v-deep .el-dialog__header {
display: none;
}
::v-deep .el-dialog__title {
font-size: 32px;
color: #333;
font-weight: bold;
}
::v-deep .el-dialog__body {
padding: 0;
}
.closediv {
cursor: pointer;
width: 50px;
height: 50px;
img {
width: 100%;
height: 100%;
border-radius: 50%;
}
}
.tchdbox {
display: flex;
align-items: center;
width: 100%;
height: 100%;
justify-content: center;
position: fixed;
top: 30px;
bottom: 0;
left: 0;
right: 0;
flex-direction: column;
.bjtp {
width: 600px;
height: 750px;
background-image: url(../assets/images/ztph.png);
background-size: 600px 750px;
position: relative;
}
.top_kuai {
width: 180px;
.mname {
color: #ffffff;
text-align: center;
font-size: 24px;
}
.mname2 {
color: #d2322b;
text-align: center;
font-size: 26px;
}
// background: pink;
.tx {
width: 70px;
height: 70px;
margin: 0 auto;
// background: pink;
border-radius: 50%;
img {
width: 100%;
height: 100%;
border-radius: 50%;
}
}
.yeji {
background: rgba(255, 192, 188, 0.4);
border-radius: 8px;
color: #d2322b;
font-size: 20px;
width: 100%;
text-align: center;
padding: 5px 0;
font-family: PingFang SC, PingFang SC;
font-weight: 600;
margin-top: 15px;
}
.topb {
font-weight: 600;
color: #ffffff;
text-align: center;
}
}
.kuai1 {
position: absolute;
left: 210px;
top: -60px;
}
.kuai2 {
position: absolute;
left: 8px;
top: -30px;
}
.kuai3 {
position: absolute;
left: 410px;
top: -10px;
}
.topb1 {
font-size: 36px;
margin-top: 30px;
}
.topb2 {
font-size: 28px;
margin-top: 20px;
}
.topb3 {
font-size: 24px;
margin-top: 5px;
}
.poupmain {
// background: yellow;
margin-top: 180px;
padding: 0 20px;
font-size: 16px;
.main_title {
text-align: center;
color: #d23932;
font-size: 26px;
font-weight: 600;
margin: 10px 0;
}
.table {
height: 500px;
overflow: auto;
}
.linerow {
background: rgba(217, 217, 217, 0.4);
padding: 10px 10px;
border-radius: 8px;
}
.tcrow {
display: flex;
color: #d23932;
background: rgba(217, 217, 217, 0.4);
border-radius: 8px;
}
.flexrow {
display: flex;
}
.theline {
font-weight: 600;
line-height: 50px;
font-size: 20px;
}
.line1 {
width: 50px;
}
.line2 {
width: 100px;
text-align: right;
img {
width: 50px;
height: 50px;
border-radius: 50%;
}
}
.line3 {
width: 150px;
text-align: center;
}
.line4 {
width: 180px;
text-align: right;
}
.indexrow {
width: 30px;
height: 30px;
display: flex;
justify-content: center;
align-items: center;
position: relative;
background-color: #ffe7e8;
clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);
}
}
}
</style>

View File

@ -81,7 +81,8 @@
</div> </div>
</div> </div>
<div class="money"> <div class="money">
{{ '左区' }}{{ dataList.memberAwardsUnderVO.aSumRealPv }}{{ '万' }} {{ "左区" }}{{ dataList.memberAwardsUnderVO.aSumRealPv
}}{{ "万" }}
</div> </div>
</div> </div>
<div class="max-right"> <div class="max-right">
@ -143,8 +144,8 @@
</div> </div>
</div> </div>
<div class="money"> <div class="money">
{{ '右区' }}{{ dataList.memberAwardsUnderVO.bSumRealPv {{ "右区" }}{{ dataList.memberAwardsUnderVO.bSumRealPv
}}{{ '万' }} }}{{ "万" }}
</div> </div>
</div> </div>
</div> </div>
@ -155,7 +156,7 @@
<div class="icon"> <div class="icon">
<img src="@/assets/images/awards-2.png" /> <img src="@/assets/images/awards-2.png" />
</div> </div>
<div class="name">{{ '左区' }}</div> <div class="name">左区</div>
<div class="icon"> <div class="icon">
<img src="@/assets/images/awards-2.png" /> <img src="@/assets/images/awards-2.png" />
</div> </div>
@ -170,8 +171,8 @@
<div class="content-s"> <div class="content-s">
<div class="user-top"> <div class="user-top">
<div class="user-avatar"> <div class="user-avatar">
<img v-if="item.memberPath" :src="item.memberPath" /> <img v-if="item.memberPath" :src="item.memberPath" />
<img v-else src="@/assets/images/avatar.png" /> <img v-else src="@/assets/images/avatar.png" />
</div> </div>
<div class="user-info"> <div class="user-info">
<div class="ranking" :class="'class' + index++"> <div class="ranking" :class="'class' + index++">
@ -183,7 +184,7 @@
</div> </div>
<div class="user-bottom-s"> <div class="user-bottom-s">
<div class="process-width"> <div class="process-width">
<div>{{ '左区' }}</div> <div>{{ "左区" }}</div>
<div class="process width-s"> <div class="process width-s">
<div <div
class="process-s" class="process-s"
@ -214,7 +215,7 @@
</div> </div>
</div> </div>
<div class="process-width"> <div class="process-width">
<div>{{ '右区' }}</div> <div>{{ "右区" }}</div>
<div class="process width-s" v-if="item.targetPv == '-1.00'"> <div class="process width-s" v-if="item.targetPv == '-1.00'">
<div <div
class="process-s" class="process-s"
@ -244,7 +245,10 @@
</div> </div>
<div class="award-s"> <div class="award-s">
<div class="award-img"> <div class="award-img">
<img :src="item.image" v-if="item.pkAwards != 1&&item.image" /> <img
:src="item.image"
v-if="item.pkAwards != 1 && item.image"
/>
<div v-else style="width: 85px; height: 97px"></div> <div v-else style="width: 85px; height: 97px"></div>
</div> </div>
<div>{{ item.pkTransactionVal }}</div> <div>{{ item.pkTransactionVal }}</div>
@ -257,7 +261,7 @@
<div class="icon"> <div class="icon">
<img src="@/assets/images/awards-2.png" /> <img src="@/assets/images/awards-2.png" />
</div> </div>
<div class="name">{{ '右区' }}</div> <div class="name">{{ "右区" }}</div>
<div class="icon"> <div class="icon">
<img src="@/assets/images/awards-2.png" /> <img src="@/assets/images/awards-2.png" />
</div> </div>
@ -285,7 +289,7 @@
</div> </div>
<div class="user-bottom-s"> <div class="user-bottom-s">
<div class="process-width"> <div class="process-width">
<div>{{ '左区' }}</div> <div>{{ "左区" }}</div>
<div class="process width-s"> <div class="process width-s">
<div <div
class="process-s" class="process-s"
@ -316,7 +320,7 @@
</div> </div>
</div> </div>
<div class="process-width"> <div class="process-width">
<div>{{ '右区' }}</div> <div>{{ "右区" }}</div>
<div class="process width-s" v-if="item.targetPv == '-1.00'"> <div class="process width-s" v-if="item.targetPv == '-1.00'">
<div <div
class="process-s" class="process-s"
@ -336,15 +340,20 @@
: '0%' : '0%'
}`, }`,
}" }"
><div class="image-icon" v-if="item.bSumRealPv > '0.00'"> >
<div class="image-icon" v-if="item.bSumRealPv > '0.00'">
<img src="@/assets/images/awards-1.png" /> <img src="@/assets/images/awards-1.png" />
</div></div> </div>
</div>
</div> </div>
</div> </div>
</div> </div>
<div class="award-s"> <div class="award-s">
<div class="award-img"> <div class="award-img">
<img :src="item.image" v-if="item.pkAwards != 1&&item.image" /> <img
:src="item.image"
v-if="item.pkAwards != 1 && item.image"
/>
<div v-else style="width: 85px; height: 97px"></div> <div v-else style="width: 85px; height: 97px"></div>
</div> </div>
<div>{{ item.pkTransactionVal }}</div> <div>{{ item.pkTransactionVal }}</div>
@ -597,4 +606,4 @@ export default {
} }
} }
} }
</style> </style>

View File

@ -52,7 +52,7 @@ export default {
}, },
goNotice() { goNotice() {
this.$router.push({ this.$router.push({
path: '/noticLists', path: '/noticeLists',
query: { query: {
index: 1, index: 1,
}, },

View File

@ -198,7 +198,7 @@ export default {
goMore(index) { goMore(index) {
//1 2 3 //1 2 3
this.$router.push({ this.$router.push({
path: '/noticLists', path: '/noticeLists',
query: { index: index }, query: { index: index },
}) })
}, },

View File

@ -22,12 +22,6 @@
:src="userInfo.gradeIcon" :src="userInfo.gradeIcon"
alt="" alt=""
/> />
<!-- <img
v-if="userInfo.awardsIcon"
@click="goRouter(2)"
:src="userInfo.awardsIcon"
alt=""
/> -->
</div> </div>
<div class="yongyu_t"> <div class="yongyu_t">
<div class="yongyu1"> <div class="yongyu1">
@ -125,82 +119,7 @@
<div class="divs">{{ userSec }}</div> <div class="divs">{{ userSec }}</div>
<div class="margin-s"></div> <div class="margin-s"></div>
</div> </div>
<!-- 荣誉墙!-->
<div class="celebrity">
<div class="title">获得的荣誉</div>
<div class="celebrity-content">
<div
class="celebrity-list"
v-for="(item, index) in getMemberHonorWallList"
>
<img :src="item.img" />
</div>
<!-- <div class="celebrity-list" v-for="item in 6">-->
<!-- <img src="@/assets/images/avatar.png" />-->
<!-- </div>-->
</div>
<div class="more" @click="honorMore">查看更多>></div>
</div>
<!-- 推荐达人!-->
<div class="recommend">
<div class="swiper-container swiper-no-swiping">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="title-con">推荐达人</div>
<div class="screen">
<div
class="screen-view"
@click="screenTaps(index, item)"
v-for="(item, index) in screenList"
:style="remIndex == item.id ? 'font-weight:600' : ''"
>
{{ item.name }}
</div>
</div>
<div>
<div class="tjClass" v-for="(item, index) in tjList">
<div :class="'styleColors' + index">NO.0{{ item.rank }}</div>
<div class="avatar">
<img v-if="item.headPath" :src="item.headPath" />
<img v-else src="@/assets/images/avatar.png" />
</div>
<div class="user-name">{{ item.memberName }}</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="title-con">抗衰达人</div>
<div class="screen">
<div
class="screen-view"
@click="screenTaps1(index, item)"
v-for="(item, index) in screenList1"
:style="remIndex1 == item.id ? 'font-weight:600' : ''"
>
{{ item.name }}
</div>
</div>
<div>
<div class="tjClass" v-for="(item, index) in ksList">
<div :class="'styleColors' + index">NO.0{{ item.rank }}</div>
<div class="avatar">
<img v-if="item.headPath" :src="item.headPath" />
<img v-else src="@/assets/images/avatar.png" />
</div>
<div class="user-name">{{ item.memberName }}</div>
</div>
</div>
</div>
</div>
<div class="swiper-pagination"></div>
<div class="swiper-button-prev" @click="swiperNext">
<!-- <img src="图片路径"/>-->
</div>
<div class="swiper-button-next" @click="swiperPrev">
<!-- <img src="图片路径"/>-->
</div>
</div>
</div>
<!-- 站内信 --> <!-- 站内信 -->
<div class="znBox"> <div class="znBox">
<div class="zntitle">站内信</div> <div class="zntitle">站内信</div>
@ -292,14 +211,11 @@
<script> <script>
import * as sid from "@/api/sidebaruserinfo.js"; import * as sid from "@/api/sidebaruserinfo.js";
import { mapGetters } from "vuex"; import { mapGetters } from "vuex";
import Swiper from "swiper";
import "swiper/dist/css/swiper.css"; import "swiper/dist/css/swiper.css";
import user from "@/store/modules/user"; import user from "@/store/modules/user";
import { getMemberHonorWall, getUserAwards } from "@/api/sidebaruserinfo.js";
import { recommend, repurchase } from "@/api"; import { recommend, repurchase } from "@/api";
export default { export default {
name: "sidebarUserInfo", name: "sidebarUserInfo",
components: { Swiper },
computed: { computed: {
user() { user() {
return user; return user;
@ -321,18 +237,6 @@ export default {
}, },
data() { data() {
return { return {
remIndex: 6, //
remIndex1: 9, //
screenList: [
{ name: "年度", id: 6 },
{ name: "季度", id: 5 },
{ name: "月度", id: 4 },
],
screenList1: [
{ name: "年度", id: 9 },
{ name: "季度", id: 8 },
{ name: "月度", id: 7 },
],
countTime: 11183423, countTime: 11183423,
userDay: 0, userDay: 0,
userHr: 0, userHr: 0,
@ -342,7 +246,6 @@ export default {
pageSize: 5, pageSize: 5,
}, },
userMin: 0, userMin: 0,
getMemberHonorWallList: [],
userSec: 0, userSec: 0,
_interval: "", _interval: "",
toLiveBtn: "", toLiveBtn: "",
@ -364,24 +267,12 @@ export default {
created() { created() {
this.getData(); this.getData();
this.getFeedBackList(); this.getFeedBackList();
this.getMemberHonorWall();
this.countdown(); this.countdown();
this.getUserAwardss(); this.getUserAwards();
this.getUserTj(); this.getUserTj();
}, },
mounted() {
this.swiper = new Swiper(".swiper-container", {
pagination: ".swiper-pagination",
loop: false, //
spaceBetween: 20, // swiper-slide 0
autoplay: 0, //
speed: 1000, //
prevButton: ".swiper-button-prev",
nextButton: ".swiper-button-next",
});
// console.error(time1)
},
beforeDestroy() { beforeDestroy() {
clearInterval(this._interval); clearInterval(this._interval);
}, },
@ -404,12 +295,7 @@ export default {
this.ksList = res.rows; this.ksList = res.rows;
}); });
}, },
swiperPrev() {
this.getUserKs();
},
swiperNext() {
this.getUserTj();
},
defaultSrc() { defaultSrc() {
this.isHandImg = false; this.isHandImg = false;
}, },
@ -437,11 +323,7 @@ export default {
return Math.round((num / total) * 10000) / 100.0 + "%"; return Math.round((num / total) * 10000) / 100.0 + "%";
} }
}, },
honorMore() {
this.$router.push({
path: "/honorList",
});
},
screenTaps(index, item) { screenTaps(index, item) {
this.remIndex = item.id; this.remIndex = item.id;
this.getUserTj(); this.getUserTj();
@ -478,7 +360,7 @@ export default {
goMore(index) { goMore(index) {
//1 2 //1 2
this.$router.push({ this.$router.push({
path: "/noticLists", path: "/noticeLists",
query: { index: index }, query: { index: index },
}); });
}, },
@ -520,23 +402,11 @@ export default {
} }
}); });
}, },
//
getMemberHonorWall() {
sid.getMemberHonorWall(this.queryParams).then((res) => {
console.log(res.data, "....resdata");
this.getMemberHonorWallList = res.data;
});
},
// //
getUserAwardss() { getUserAwards() {
sid.getUserAwards().then((res) => { sid.getUserAwards().then((res) => {
this.awards = res.data; this.awards = res.data;
// this.userPrice =0
// this.awardPrice=0
//
//
// awards.targetPv>'0.00'?(awards.sumRealP
}); });
}, },
// //
@ -703,11 +573,9 @@ export default {
.sidebar-container { .sidebar-container {
width: 380px; width: 380px;
padding: 20px 0; padding: 20px 0;
min-height: 1855px;
background: #ffffff; background: #ffffff;
box-shadow: 5px 5px 20px 0px rgba(233, 233, 233, 0.5); box-shadow: 5px 5px 20px 0px rgba(233, 233, 233, 0.5);
border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px;
//height: fit-content;
opacity: 1; opacity: 1;
margin-right: 20px; margin-right: 20px;
.sidebarTop { .sidebarTop {

View File

@ -369,9 +369,9 @@ const routes = [
}, },
//站内信公告意见反馈 //站内信公告意见反馈
{ {
path: "/noticLists", path: "/noticeLists",
name: "NoticLists", name: "NoticeLists",
component: () => import("@/views/noticLists/index.vue"), component: () => import("@/views/noticeLists/index.vue"),
meta: { meta: {
keepAlive: true, keepAlive: true,
}, },
@ -379,7 +379,7 @@ const routes = [
{ {
path: "/noticeDetail", path: "/noticeDetail",
name: "NoticeDetail", name: "NoticeDetail",
component: () => import("@/views/noticLists/noticeDetail.vue"), component: () => import("@/views/noticeLists/noticeDetail.vue"),
meta: { meta: {
keepAlive: true, keepAlive: true,
}, },
@ -491,15 +491,7 @@ const routes = [
keepAlive: true, keepAlive: true,
}, },
}, },
//荣誉墙列表
{
path: "/honorList",
name: "honorList",
component: () => import("@/views/honorList/index.vue"),
meta: {
keepAlive: true,
},
},
//创客空间详情 //创客空间详情
{ {
path: "/makerspaceDetail", path: "/makerspaceDetail",

View File

@ -1,209 +0,0 @@
<template>
<div class="contents">
<div class="return" @click="returnTap">{{'返回'}}</div>
<div class="content-width">
<div class="width">
<img class="img-width" src="@/assets/images/markerSpace/bg-color.png" />
<div class="title">荣誉馆</div>
<div class="honnor-content">
<div class="honorList" v-for="item in bannerLists" :class="item.isHave==1?'class1':''">
<div class="img">
<img :src="item.img"/>
</div>
<div class="name sizes" :style="item.isHave==1?'color:#2E1C10':''">{{item.title}}</div>
<div class="name" v-if="item.isHave==0">{{item.haveTime}}</div>
</div>
</div>
</div>
</div>
<div>
<pagination
v-if="total>0"
:total="total"
:pageSizes="[14]"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getBankCardChoiceList"
/>
</div>
</div>
</template>
<script>
import * as sid from "@/api/sidebaruserinfo.js";
import sidebarUserInfo from "@/components/sidebarUserInfo";
import topBanner from "@/components/topBanner";
import markerSpace from "@/components/markerSpace";
import * as api from "@/api/register";
import { getBankCardChoiceList } from "@/api/wallet";
import { getToken } from "@/util/auth";
import {getMemberHonorWall, getMemberHonorWallAll} from "@/api/sidebaruserinfo.js";
export default {
data() {
return {
bannerLists:[],
total:0,
queryParams: {
pageNum: 1,
pageSize: 14,
},
};
},
components: { },
watch: {},
mounted() {
this.getBankCardChoiceList();
},
methods: {
returnTap(){
this.$router.go(-1)
},
getBankCardChoiceList() {
sid.getMemberHonorWallAll(this.queryParams).then((res) => {
this.total = res.total
this.bannerLists = res.rows;
});
},
}
};
</script>
<style lang="scss" scoped>
::v-deep .pagination-container{
background: none !important;
}
.class1{
background: #E6E6E6!important;
box-shadow: inset 0px 0px 40px 0px #A8A8A8!important;
}
.sizes{
font-size: 16px;
margin-bottom: 10px;
margin-top: 20px;
}
.img{
img{
width: 170px;
height: 170px;
}
}
.width{
position: relative;
width: 100%;
}
.img-width{
width: 100%;
height: 948px;
//height: 100%;
//height: ;
position: absolute;
}
.honorList{
margin-left: 20px;
width: 177px;
height: 240px;
background: #F5CB90;
box-shadow: inset 0px 0px 40px 0px #BA7A12;
border-radius: 10px 10px 10px 10px;
margin-bottom: 20px;
padding: 40px 30px;
text-align: center;
//height: fit-content;
}
.honnor-content{
margin-left: 50px;
display: flex;
flex-wrap: wrap;
position: relative;
z-index: 1;
height: 500px;
}
.title{
font-size: 50px;
margin: 40px auto;
text-align: center;
color: #74511F;
}
.pagination-container{
justify-content: center;
align-items: center;
display: flex;
background: #fff;
position: relative;
padding: 10px;
}
.tops{
margin-top: 60px;
}
.market-info{
display: flex;
line-height: 20px;
margin-bottom: 15px;
}
.name{
color: #7A3A0B;
font-size: 14px;
margin-left: 8px;
}
.market-icon{
img{
width: 18px;
height: 18px;
}
}
.marketImg{
position: absolute;
right: 20px;
top: 20px;
img{
width: 150px;
height: 150px;
}
}
.marketName{
color: #333;
font-size: 28px;
font-weight: 600;
}
.return{
cursor: pointer;
width: 98px;
height: 48px;
border-radius: 6px 6px 6px 6px;
opacity: 1;
z-index: 1;
color: #74511F;
font-size: 16px;
margin-left: 60px;
text-align: center;
line-height: 48px;
margin-top: 50px;
position: absolute;
background: url('~@/assets/images/markerSpace/bg-color1.png')no-repeat ;
}
.content-width{
//padding: 20px 100px 20px 80px;
display: flex;
flex-wrap: wrap;
//background: url('~@/assets/images/markerSpace/bg-color.png')no-repeat ;
width: 100%;
//height: 948px;
position: relative;
height: 828px;
}
.marketList{
position: relative;
width: 500px;
//height: 205px;
background: #FFFFFF;
box-shadow: inset 0px 0px 40px 0px #DBDBDB, 0px 0px 10px 0px rgba(0,0,0,0.1);
border-radius: 10px 10px 10px 10px;
padding: 20px 25px;
margin-left: 20px;
cursor: pointer;
margin-bottom: 20px;
}
</style>

View File

@ -286,7 +286,6 @@ import deal from "@/components/deal.vue";
import SidebarRight from "@/components/sidebarRight.vue"; import SidebarRight from "@/components/sidebarRight.vue";
import performance from "@/components/performance.vue"; import performance from "@/components/performance.vue";
import honoraryAward from "@/components/honoraryAward.vue";
import yearGift from "@/components/yearGift.vue"; import yearGift from "@/components/yearGift.vue";
import globalEcharts from "@/components/globalEcharts.vue"; import globalEcharts from "@/components/globalEcharts.vue";
import userTarget from "@/components/userTarget.vue"; import userTarget from "@/components/userTarget.vue";
@ -301,7 +300,7 @@ import { forgetPwd, forgetSms } from "@/api/login";
import PayTree from "@/components/PayTree.vue"; import PayTree from "@/components/PayTree.vue";
import * as goods from "@/api/goods.js"; import * as goods from "@/api/goods.js";
import znNewsPopup from "@/components/znNewsPopup.vue"; import znNewsPopup from "@/components/znNewsPopup.vue";
import directrankPopup from "@/components/directrankPopup.vue";
// import { getAlertUserAgreement } from "@/api/index.js"; // import { getAlertUserAgreement } from "@/api/index.js";
export default { export default {
name: "Index", name: "Index",
@ -311,14 +310,12 @@ export default {
SidebarRight, SidebarRight,
deal, deal,
performance, performance,
honoraryAward,
globalEcharts, globalEcharts,
mySuperEcharts, mySuperEcharts,
noticePopup, noticePopup,
globalMarket, globalMarket,
PayTree, PayTree,
znNewsPopup, znNewsPopup,
directrankPopup,
yearGift, yearGift,
}, },
computed: { computed: {
@ -377,11 +374,8 @@ export default {
} }
this.getBanner(); this.getBanner();
// this.getMarket();
this.getMenuList(); this.getMenuList();
// this.getTree();
this.getService(); this.getService();
// this.getUserPwdTc(); // 线
}, },
methods: { methods: {
// //
@ -390,7 +384,7 @@ export default {
if (res.msg) { if (res.msg) {
this.$alert(res.msg, "提示", { this.$alert(res.msg, "提示", {
confirmButtonText: "确定", confirmButtonText: "确定",
callback: (action) => { callback: () => {
localStorage.setItem("showInfo", 1); localStorage.setItem("showInfo", 1);
}, },
}); });