feat(sideBarInfo): 首页侧边栏删除无用功能和对应接口
This commit is contained in:
woody
parent
c7683ee2f7
commit
898fd8f1b9
286
src/api/index.js
286
src/api/index.js
|
|
@ -4,280 +4,266 @@
|
|||
* @Author: kBank
|
||||
* @Date: 2022-10-13 15:21:27
|
||||
*/
|
||||
import request from '@/util/request'
|
||||
import request from "@/util/request";
|
||||
|
||||
//根据id查询全球网络分布详情
|
||||
export function getRegionDetail(params) {
|
||||
return request({
|
||||
url: '/home/api/ho-distribute/get-region-detail',
|
||||
method: 'get',
|
||||
params
|
||||
})
|
||||
url: "/home/api/ho-distribute/get-region-detail",
|
||||
method: "get",
|
||||
params,
|
||||
});
|
||||
}
|
||||
|
||||
//全球网络分布情况
|
||||
export function getDistribute(params) {
|
||||
return request({
|
||||
url: '/home/api/ho-distribute/get-region-distribute',
|
||||
method: 'get',
|
||||
params
|
||||
})
|
||||
url: "/home/api/ho-distribute/get-region-distribute",
|
||||
method: "get",
|
||||
params,
|
||||
});
|
||||
}
|
||||
// banner
|
||||
export function getHoLeader(data) {
|
||||
return request({
|
||||
url: '/home/api/ho-leader/getHoLeader',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
url: "/home/api/ho-leader/getHoLeader",
|
||||
method: "post",
|
||||
data,
|
||||
});
|
||||
}
|
||||
|
||||
//商品展示-家族系列列表
|
||||
export function getHoProductRange(data) {
|
||||
return request({
|
||||
url: 'home/api/ho-leader/getHoProductRange',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
url: "home/api/ho-leader/getHoProductRange",
|
||||
method: "post",
|
||||
data,
|
||||
});
|
||||
}
|
||||
|
||||
//商品展示商品简介详情
|
||||
export function getHoProductDetails(data) {
|
||||
return request({
|
||||
url: 'home/api/ho-product-details/getHoProductDetails',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
url: "home/api/ho-product-details/getHoProductDetails",
|
||||
method: "post",
|
||||
data,
|
||||
});
|
||||
}
|
||||
|
||||
//MY_WAL_22轮播
|
||||
export function getIndexBanner(params) {
|
||||
return request({
|
||||
url: '/home/api/bd-advert-banner/list',
|
||||
method: 'get',
|
||||
params
|
||||
})
|
||||
url: "/home/api/bd-advert-banner/list",
|
||||
method: "get",
|
||||
params,
|
||||
});
|
||||
}
|
||||
|
||||
//推荐平均用时
|
||||
export function getMemberRecommend(params) {
|
||||
return request({
|
||||
url: '/member/api/census/get-member-recommend-time',
|
||||
method: 'get',
|
||||
params
|
||||
})
|
||||
url: "/member/api/census/get-member-recommend-time",
|
||||
method: "get",
|
||||
params,
|
||||
});
|
||||
}
|
||||
|
||||
//安置图
|
||||
export function getPlaceMent(params) {
|
||||
return request({
|
||||
url: '/member/api/achieve/query-place-tree',
|
||||
method: 'get',
|
||||
params
|
||||
})
|
||||
url: "/member/api/achieve/query-place-tree",
|
||||
method: "get",
|
||||
params,
|
||||
});
|
||||
}
|
||||
|
||||
//获取等级
|
||||
export function getGradeIcon(params) {
|
||||
return request({
|
||||
url: '/member/api/member-structure/get-avatar-info',
|
||||
method: 'get',
|
||||
params
|
||||
})
|
||||
url: "/member/api/member-structure/get-avatar-info",
|
||||
method: "get",
|
||||
params,
|
||||
});
|
||||
}
|
||||
//安置图详情
|
||||
export function getTreeDetail(data) {
|
||||
return request({
|
||||
url: '/member/api/achieve/query-place-tree-detail',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
url: "/member/api/achieve/query-place-tree-detail",
|
||||
method: "post",
|
||||
data,
|
||||
});
|
||||
}
|
||||
//获取新增业绩
|
||||
export function getIndexAddAchieve(params) {
|
||||
return request({
|
||||
url: '/member/api/member/new-add-achieve',
|
||||
method: 'get',
|
||||
params
|
||||
})
|
||||
url: "/member/api/member/new-add-achieve",
|
||||
method: "get",
|
||||
params,
|
||||
});
|
||||
}
|
||||
//获取日期下拉
|
||||
export function getDayType(params) {
|
||||
return request({
|
||||
url: '/system/pub/enums/get-day-type',
|
||||
method: 'get',
|
||||
params
|
||||
})
|
||||
url: "/system/pub/enums/get-day-type",
|
||||
method: "get",
|
||||
params,
|
||||
});
|
||||
}
|
||||
//获取荣誉奖衔
|
||||
export function getIndexAwards(params) {
|
||||
return request({
|
||||
url: '/member/api/member/index-awards',
|
||||
method: 'get',
|
||||
params
|
||||
})
|
||||
url: "/member/api/member/index-awards",
|
||||
method: "get",
|
||||
params,
|
||||
});
|
||||
}
|
||||
//获取真实业绩
|
||||
export function getPerformance(params) {
|
||||
return request({
|
||||
url: '/member/api/achieve/query-real-performance',
|
||||
method: 'get',
|
||||
params
|
||||
})
|
||||
url: "/member/api/achieve/query-real-performance",
|
||||
method: "get",
|
||||
params,
|
||||
});
|
||||
}
|
||||
//获取安置业绩分布
|
||||
export function azAchievement(params) {
|
||||
return request({
|
||||
url: '/report/api/achieve/az-achievement',
|
||||
method: 'get',
|
||||
params
|
||||
})
|
||||
url: "/report/api/achieve/az-achievement",
|
||||
method: "get",
|
||||
params,
|
||||
});
|
||||
}
|
||||
//获取真实业绩分布
|
||||
export function realPerformancePic(params) {
|
||||
return request({
|
||||
url: '/member/api/achieve/query-real-performance-pic',
|
||||
method: 'get',
|
||||
params
|
||||
})
|
||||
url: "/member/api/achieve/query-real-performance-pic",
|
||||
method: "get",
|
||||
params,
|
||||
});
|
||||
}
|
||||
|
||||
//首页-我的市场
|
||||
export function getMyMarket(params) {
|
||||
return request({
|
||||
url: '/sale/api/order/index-myMarket',
|
||||
method: 'get',
|
||||
params
|
||||
})
|
||||
url: "/sale/api/order/index-myMarket",
|
||||
method: "get",
|
||||
params,
|
||||
});
|
||||
}
|
||||
// 推荐小区分布
|
||||
export function getRecommendCommunity(params) {
|
||||
return request({
|
||||
url: '/report/api/achieve/recommend-community',
|
||||
method: 'get',
|
||||
params
|
||||
})
|
||||
url: "/report/api/achieve/recommend-community",
|
||||
method: "get",
|
||||
params,
|
||||
});
|
||||
}
|
||||
// 获取用户是否显示弹窗
|
||||
export function indexPopScreen(params) {
|
||||
return request({
|
||||
url: '/system/api/notice/index-pop-screen',
|
||||
method: 'get',
|
||||
params
|
||||
})
|
||||
url: "/system/api/notice/index-pop-screen",
|
||||
method: "get",
|
||||
params,
|
||||
});
|
||||
}
|
||||
// 内信弹窗
|
||||
export function getIndexPopmail(params) {
|
||||
return request({
|
||||
url: '/system/api/notice/index-pop-mail',
|
||||
method: 'get',
|
||||
params
|
||||
})
|
||||
url: "/system/api/notice/index-pop-mail",
|
||||
method: "get",
|
||||
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({
|
||||
url: '/system/api/agreement/get-alert-user-agreement',
|
||||
method: 'get',
|
||||
params
|
||||
})
|
||||
url: "/system/api/agreement/get-alert-user-agreement",
|
||||
method: "get",
|
||||
params,
|
||||
});
|
||||
}
|
||||
|
||||
// 用户点击确认统一协议
|
||||
export function getAlertUserAgreementPost(data){
|
||||
export function getAlertUserAgreementPost(data) {
|
||||
return request({
|
||||
url: '/system/api/agreement/use-user-agreement',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
url: "/system/api/agreement/use-user-agreement",
|
||||
method: "post",
|
||||
data,
|
||||
});
|
||||
}
|
||||
|
||||
// 获取抗衰达人
|
||||
export function repurchase(data){
|
||||
export function repurchase(data) {
|
||||
return request({
|
||||
url: '/member/api/achieve/repurchase',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
url: "/member/api/achieve/repurchase",
|
||||
method: "post",
|
||||
data,
|
||||
});
|
||||
}
|
||||
|
||||
// 获取推荐达人
|
||||
export function recommend(data){
|
||||
export function recommend(data) {
|
||||
return request({
|
||||
url: '/member/api/achieve/recommend',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
url: "/member/api/achieve/recommend",
|
||||
method: "post",
|
||||
data,
|
||||
});
|
||||
}
|
||||
|
||||
//全球分布市场
|
||||
export function getGloableCompany(params){
|
||||
export function getGloableCompany(params) {
|
||||
return request({
|
||||
url: '/home/api/ho-global-company/list',
|
||||
method: 'get',
|
||||
params
|
||||
})
|
||||
url: "/home/api/ho-global-company/list",
|
||||
method: "get",
|
||||
params,
|
||||
});
|
||||
}
|
||||
//植树活动
|
||||
export function queryTreeActivity(params){
|
||||
export function queryTreeActivity(params) {
|
||||
return request({
|
||||
url: '/activity/api/sa-tree-order/queryTreeActivity',
|
||||
method: 'get',
|
||||
params
|
||||
})
|
||||
url: "/activity/api/sa-tree-order/queryTreeActivity",
|
||||
method: "get",
|
||||
params,
|
||||
});
|
||||
}
|
||||
//首购分布
|
||||
export function firstPv(params){
|
||||
export function firstPv(params) {
|
||||
return request({
|
||||
url: '/report/api/achieve/query-first-performance-pic',
|
||||
method: 'get',
|
||||
params
|
||||
})
|
||||
url: "/report/api/achieve/query-first-performance-pic",
|
||||
method: "get",
|
||||
params,
|
||||
});
|
||||
}
|
||||
//复购分布
|
||||
export function secondPv(params){
|
||||
export function secondPv(params) {
|
||||
return request({
|
||||
url: '/report/api/achieve/query-repurchase-performance-pic',
|
||||
method: 'get',
|
||||
params
|
||||
})
|
||||
url: "/report/api/achieve/query-repurchase-performance-pic",
|
||||
method: "get",
|
||||
params,
|
||||
});
|
||||
}
|
||||
//校验服务有效期
|
||||
export function agreement_expire(params){
|
||||
export function agreement_expire(params) {
|
||||
return request({
|
||||
url: '/member/api/member/agreement_expire',
|
||||
method: 'get',
|
||||
params
|
||||
})
|
||||
url: "/member/api/member/agreement_expire",
|
||||
method: "get",
|
||||
params,
|
||||
});
|
||||
}
|
||||
//年度奖衔
|
||||
export function yearAwards(params){
|
||||
export function yearAwards(params) {
|
||||
return request({
|
||||
url: '/member/api/member/year-awards-list',
|
||||
method: 'get',
|
||||
params
|
||||
})
|
||||
url: "/member/api/member/year-awards-list",
|
||||
method: "get",
|
||||
params,
|
||||
});
|
||||
}
|
||||
//基本信息弹框
|
||||
export function index_repurchase(params){
|
||||
export function index_repurchase(params) {
|
||||
return request({
|
||||
url: '/member/api/member/index_repurchase',
|
||||
method: 'get',
|
||||
params
|
||||
})
|
||||
url: "/member/api/member/index_repurchase",
|
||||
method: "get",
|
||||
params,
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -1,105 +1,89 @@
|
|||
|
||||
import request from '@/util/request'
|
||||
import request from "@/util/request";
|
||||
|
||||
// 公告站内信列表 公告1站内信2
|
||||
export function getNoticeList(params) {
|
||||
return request({
|
||||
url: '/system/api/notice/index-list',
|
||||
method: 'get',
|
||||
params
|
||||
})
|
||||
return request({
|
||||
url: "/system/api/notice/index-list",
|
||||
method: "get",
|
||||
params,
|
||||
});
|
||||
}
|
||||
// 创客空间列表
|
||||
export function marketList(params) {
|
||||
return request({
|
||||
url: '/member/api/maker-space/list',
|
||||
method: 'get',
|
||||
params
|
||||
})
|
||||
return request({
|
||||
url: "/member/api/maker-space/list",
|
||||
method: "get",
|
||||
params,
|
||||
});
|
||||
}
|
||||
|
||||
//意见反馈类型
|
||||
export function getFeedbackType(params) {
|
||||
return request({
|
||||
url: '/system/pub/enums/feedback-type',
|
||||
method: 'get',
|
||||
params
|
||||
})
|
||||
return request({
|
||||
url: "/system/pub/enums/feedback-type",
|
||||
method: "get",
|
||||
params,
|
||||
});
|
||||
}
|
||||
|
||||
//提交意见反馈列表
|
||||
export function saveFeedBack(data) {
|
||||
return request({
|
||||
url: '/system/api/feedback/save',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
url: "/system/api/feedback/save",
|
||||
method: "post",
|
||||
data,
|
||||
});
|
||||
}
|
||||
|
||||
//意见列表
|
||||
export function getFeedbackList(params) {
|
||||
return request({
|
||||
url: '/system/api/feedback/index-list',
|
||||
method: 'get',
|
||||
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
|
||||
})
|
||||
return request({
|
||||
url: "/system/api/feedback/index-list",
|
||||
method: "get",
|
||||
params,
|
||||
});
|
||||
}
|
||||
|
||||
//获取会员真实奖衔
|
||||
export function getUserAwards(params) {
|
||||
return request({
|
||||
url: '/member/api/member/index-member-awards',
|
||||
method: 'get',
|
||||
params
|
||||
})
|
||||
return request({
|
||||
url: "/member/api/member/index-member-awards",
|
||||
method: "get",
|
||||
params,
|
||||
});
|
||||
}
|
||||
|
||||
//获取公告、站内信详情
|
||||
export function getNoticeDetail(params) {
|
||||
return request({
|
||||
url: '/system/api/notice/index-detail',
|
||||
method: 'get',
|
||||
params
|
||||
})
|
||||
return request({
|
||||
url: "/system/api/notice/index-detail",
|
||||
method: "get",
|
||||
params,
|
||||
});
|
||||
}
|
||||
|
||||
// 我的市场点亮
|
||||
export function getMyMarketColor(params) {
|
||||
return request({
|
||||
url: '/system/manage/area/get-light-area',
|
||||
method: 'get',
|
||||
params
|
||||
})
|
||||
return request({
|
||||
url: "/system/manage/area/get-light-area",
|
||||
method: "get",
|
||||
params,
|
||||
});
|
||||
}
|
||||
|
||||
//公告站内信意见反馈数量
|
||||
export function getNoticeCount(params) {
|
||||
return request({
|
||||
url: '/system/api/notice/index-count',
|
||||
method: 'get',
|
||||
params
|
||||
})
|
||||
return request({
|
||||
url: "/system/api/notice/index-count",
|
||||
method: "get",
|
||||
params,
|
||||
});
|
||||
}
|
||||
//会员奖衔信息
|
||||
export function memberAwards(params) {
|
||||
return request({
|
||||
url: '/member/api/member/member-awards-info',
|
||||
method: 'get',
|
||||
params
|
||||
})
|
||||
return request({
|
||||
url: "/member/api/member/member-awards-info",
|
||||
method: "get",
|
||||
params,
|
||||
});
|
||||
}
|
||||
|
|
@ -610,7 +610,7 @@
|
|||
goMore(index) {
|
||||
//1公告 2站内信 3意见反馈
|
||||
this.$router.push({
|
||||
path: "/noticLists",
|
||||
path: "/noticeLists",
|
||||
query: {
|
||||
index: index
|
||||
},
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
@ -81,7 +81,8 @@
|
|||
</div>
|
||||
</div>
|
||||
<div class="money">
|
||||
{{ '左区' }}：{{ dataList.memberAwardsUnderVO.aSumRealPv }}{{ '万' }}
|
||||
{{ "左区" }}：{{ dataList.memberAwardsUnderVO.aSumRealPv
|
||||
}}{{ "万" }}
|
||||
</div>
|
||||
</div>
|
||||
<div class="max-right">
|
||||
|
|
@ -143,8 +144,8 @@
|
|||
</div>
|
||||
</div>
|
||||
<div class="money">
|
||||
{{ '右区' }}：{{ dataList.memberAwardsUnderVO.bSumRealPv
|
||||
}}{{ '万' }}
|
||||
{{ "右区" }}：{{ dataList.memberAwardsUnderVO.bSumRealPv
|
||||
}}{{ "万" }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -155,7 +156,7 @@
|
|||
<div class="icon">
|
||||
<img src="@/assets/images/awards-2.png" />
|
||||
</div>
|
||||
<div class="name">{{ '左区' }}</div>
|
||||
<div class="name">左区</div>
|
||||
<div class="icon">
|
||||
<img src="@/assets/images/awards-2.png" />
|
||||
</div>
|
||||
|
|
@ -170,8 +171,8 @@
|
|||
<div class="content-s">
|
||||
<div class="user-top">
|
||||
<div class="user-avatar">
|
||||
<img v-if="item.memberPath" :src="item.memberPath" />
|
||||
<img v-else src="@/assets/images/avatar.png" />
|
||||
<img v-if="item.memberPath" :src="item.memberPath" />
|
||||
<img v-else src="@/assets/images/avatar.png" />
|
||||
</div>
|
||||
<div class="user-info">
|
||||
<div class="ranking" :class="'class' + index++">
|
||||
|
|
@ -183,7 +184,7 @@
|
|||
</div>
|
||||
<div class="user-bottom-s">
|
||||
<div class="process-width">
|
||||
<div>{{ '左区' }}</div>
|
||||
<div>{{ "左区" }}</div>
|
||||
<div class="process width-s">
|
||||
<div
|
||||
class="process-s"
|
||||
|
|
@ -214,7 +215,7 @@
|
|||
</div>
|
||||
</div>
|
||||
<div class="process-width">
|
||||
<div>{{ '右区' }}</div>
|
||||
<div>{{ "右区" }}</div>
|
||||
<div class="process width-s" v-if="item.targetPv == '-1.00'">
|
||||
<div
|
||||
class="process-s"
|
||||
|
|
@ -244,7 +245,10 @@
|
|||
</div>
|
||||
<div class="award-s">
|
||||
<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>
|
||||
<div>{{ item.pkTransactionVal }}</div>
|
||||
|
|
@ -257,7 +261,7 @@
|
|||
<div class="icon">
|
||||
<img src="@/assets/images/awards-2.png" />
|
||||
</div>
|
||||
<div class="name">{{ '右区' }}</div>
|
||||
<div class="name">{{ "右区" }}</div>
|
||||
<div class="icon">
|
||||
<img src="@/assets/images/awards-2.png" />
|
||||
</div>
|
||||
|
|
@ -285,7 +289,7 @@
|
|||
</div>
|
||||
<div class="user-bottom-s">
|
||||
<div class="process-width">
|
||||
<div>{{ '左区' }}</div>
|
||||
<div>{{ "左区" }}</div>
|
||||
<div class="process width-s">
|
||||
<div
|
||||
class="process-s"
|
||||
|
|
@ -316,7 +320,7 @@
|
|||
</div>
|
||||
</div>
|
||||
<div class="process-width">
|
||||
<div>{{ '右区' }}</div>
|
||||
<div>{{ "右区" }}</div>
|
||||
<div class="process width-s" v-if="item.targetPv == '-1.00'">
|
||||
<div
|
||||
class="process-s"
|
||||
|
|
@ -336,15 +340,20 @@
|
|||
: '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" />
|
||||
</div></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="award-s">
|
||||
<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>
|
||||
<div>{{ item.pkTransactionVal }}</div>
|
||||
|
|
|
|||
|
|
@ -52,7 +52,7 @@ export default {
|
|||
},
|
||||
goNotice() {
|
||||
this.$router.push({
|
||||
path: '/noticLists',
|
||||
path: '/noticeLists',
|
||||
query: {
|
||||
index: 1,
|
||||
},
|
||||
|
|
|
|||
|
|
@ -198,7 +198,7 @@ export default {
|
|||
goMore(index) {
|
||||
//1公告 2站内信 3意见反馈
|
||||
this.$router.push({
|
||||
path: '/noticLists',
|
||||
path: '/noticeLists',
|
||||
query: { index: index },
|
||||
})
|
||||
},
|
||||
|
|
|
|||
|
|
@ -22,12 +22,6 @@
|
|||
:src="userInfo.gradeIcon"
|
||||
alt=""
|
||||
/>
|
||||
<!-- <img
|
||||
v-if="userInfo.awardsIcon"
|
||||
@click="goRouter(2)"
|
||||
:src="userInfo.awardsIcon"
|
||||
alt=""
|
||||
/> -->
|
||||
</div>
|
||||
<div class="yongyu_t">
|
||||
<div class="yongyu1">
|
||||
|
|
@ -125,82 +119,7 @@
|
|||
<div class="divs">{{ userSec }}</div>
|
||||
<div class="margin-s">秒</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="zntitle">站内信</div>
|
||||
|
|
@ -292,14 +211,11 @@
|
|||
<script>
|
||||
import * as sid from "@/api/sidebaruserinfo.js";
|
||||
import { mapGetters } from "vuex";
|
||||
import Swiper from "swiper";
|
||||
import "swiper/dist/css/swiper.css";
|
||||
import user from "@/store/modules/user";
|
||||
import { getMemberHonorWall, getUserAwards } from "@/api/sidebaruserinfo.js";
|
||||
import { recommend, repurchase } from "@/api";
|
||||
export default {
|
||||
name: "sidebarUserInfo",
|
||||
components: { Swiper },
|
||||
computed: {
|
||||
user() {
|
||||
return user;
|
||||
|
|
@ -321,18 +237,6 @@ export default {
|
|||
},
|
||||
data() {
|
||||
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,
|
||||
userDay: 0,
|
||||
userHr: 0,
|
||||
|
|
@ -342,7 +246,6 @@ export default {
|
|||
pageSize: 5,
|
||||
},
|
||||
userMin: 0,
|
||||
getMemberHonorWallList: [],
|
||||
userSec: 0,
|
||||
_interval: "",
|
||||
toLiveBtn: "",
|
||||
|
|
@ -364,24 +267,12 @@ export default {
|
|||
created() {
|
||||
this.getData();
|
||||
this.getFeedBackList();
|
||||
this.getMemberHonorWall();
|
||||
this.countdown();
|
||||
this.getUserAwardss();
|
||||
this.getUserAwards();
|
||||
|
||||
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() {
|
||||
clearInterval(this._interval);
|
||||
},
|
||||
|
|
@ -404,12 +295,7 @@ export default {
|
|||
this.ksList = res.rows;
|
||||
});
|
||||
},
|
||||
swiperPrev() {
|
||||
this.getUserKs();
|
||||
},
|
||||
swiperNext() {
|
||||
this.getUserTj();
|
||||
},
|
||||
|
||||
defaultSrc() {
|
||||
this.isHandImg = false;
|
||||
},
|
||||
|
|
@ -437,11 +323,7 @@ export default {
|
|||
return Math.round((num / total) * 10000) / 100.0 + "%";
|
||||
}
|
||||
},
|
||||
honorMore() {
|
||||
this.$router.push({
|
||||
path: "/honorList",
|
||||
});
|
||||
},
|
||||
|
||||
screenTaps(index, item) {
|
||||
this.remIndex = item.id;
|
||||
this.getUserTj();
|
||||
|
|
@ -478,7 +360,7 @@ export default {
|
|||
goMore(index) {
|
||||
//1公告 2站内信
|
||||
this.$router.push({
|
||||
path: "/noticLists",
|
||||
path: "/noticeLists",
|
||||
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) => {
|
||||
this.awards = res.data;
|
||||
|
||||
// this.userPrice =0
|
||||
// this.awardPrice=0
|
||||
//
|
||||
//
|
||||
// awards.targetPv>'0.00'?(awards.sumRealP
|
||||
});
|
||||
},
|
||||
//意见反馈列表
|
||||
|
|
@ -703,11 +573,9 @@ export default {
|
|||
.sidebar-container {
|
||||
width: 380px;
|
||||
padding: 20px 0;
|
||||
min-height: 1855px;
|
||||
background: #ffffff;
|
||||
box-shadow: 5px 5px 20px 0px rgba(233, 233, 233, 0.5);
|
||||
border-radius: 10px 10px 10px 10px;
|
||||
//height: fit-content;
|
||||
opacity: 1;
|
||||
margin-right: 20px;
|
||||
.sidebarTop {
|
||||
|
|
|
|||
|
|
@ -369,9 +369,9 @@ const routes = [
|
|||
},
|
||||
//站内信公告意见反馈
|
||||
{
|
||||
path: "/noticLists",
|
||||
name: "NoticLists",
|
||||
component: () => import("@/views/noticLists/index.vue"),
|
||||
path: "/noticeLists",
|
||||
name: "NoticeLists",
|
||||
component: () => import("@/views/noticeLists/index.vue"),
|
||||
meta: {
|
||||
keepAlive: true,
|
||||
},
|
||||
|
|
@ -379,7 +379,7 @@ const routes = [
|
|||
{
|
||||
path: "/noticeDetail",
|
||||
name: "NoticeDetail",
|
||||
component: () => import("@/views/noticLists/noticeDetail.vue"),
|
||||
component: () => import("@/views/noticeLists/noticeDetail.vue"),
|
||||
meta: {
|
||||
keepAlive: true,
|
||||
},
|
||||
|
|
@ -491,15 +491,7 @@ const routes = [
|
|||
keepAlive: true,
|
||||
},
|
||||
},
|
||||
//荣誉墙列表
|
||||
{
|
||||
path: "/honorList",
|
||||
name: "honorList",
|
||||
component: () => import("@/views/honorList/index.vue"),
|
||||
meta: {
|
||||
keepAlive: true,
|
||||
},
|
||||
},
|
||||
|
||||
//创客空间详情
|
||||
{
|
||||
path: "/makerspaceDetail",
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
@ -286,7 +286,6 @@ import deal from "@/components/deal.vue";
|
|||
import SidebarRight from "@/components/sidebarRight.vue";
|
||||
import performance from "@/components/performance.vue";
|
||||
|
||||
import honoraryAward from "@/components/honoraryAward.vue";
|
||||
import yearGift from "@/components/yearGift.vue";
|
||||
import globalEcharts from "@/components/globalEcharts.vue";
|
||||
import userTarget from "@/components/userTarget.vue";
|
||||
|
|
@ -301,7 +300,7 @@ import { forgetPwd, forgetSms } from "@/api/login";
|
|||
import PayTree from "@/components/PayTree.vue";
|
||||
import * as goods from "@/api/goods.js";
|
||||
import znNewsPopup from "@/components/znNewsPopup.vue";
|
||||
import directrankPopup from "@/components/directrankPopup.vue";
|
||||
|
||||
// import { getAlertUserAgreement } from "@/api/index.js";
|
||||
export default {
|
||||
name: "Index",
|
||||
|
|
@ -311,14 +310,12 @@ export default {
|
|||
SidebarRight,
|
||||
deal,
|
||||
performance,
|
||||
honoraryAward,
|
||||
globalEcharts,
|
||||
mySuperEcharts,
|
||||
noticePopup,
|
||||
globalMarket,
|
||||
PayTree,
|
||||
znNewsPopup,
|
||||
directrankPopup,
|
||||
yearGift,
|
||||
},
|
||||
computed: {
|
||||
|
|
@ -377,11 +374,8 @@ export default {
|
|||
}
|
||||
|
||||
this.getBanner();
|
||||
// this.getMarket();
|
||||
this.getMenuList();
|
||||
// this.getTree();
|
||||
this.getService();
|
||||
// this.getUserPwdTc(); //强制弹窗密码 上线后加上
|
||||
},
|
||||
methods: {
|
||||
// 复购弹框提示
|
||||
|
|
@ -390,7 +384,7 @@ export default {
|
|||
if (res.msg) {
|
||||
this.$alert(res.msg, "提示", {
|
||||
confirmButtonText: "确定",
|
||||
callback: (action) => {
|
||||
callback: () => {
|
||||
localStorage.setItem("showInfo", 1);
|
||||
},
|
||||
});
|
||||
|
|
|
|||
Loading…
Reference in New Issue