uptada BaiDuYun
This commit is contained in:
parent
3c1a5e5020
commit
e8020c7e7d
8
f/web-kboss/src/api/BaiDuTokenapi/index.js
Normal file
8
f/web-kboss/src/api/BaiDuTokenapi/index.js
Normal file
@ -0,0 +1,8 @@
|
|||||||
|
import request from '@/utils/request'
|
||||||
|
// 获取token
|
||||||
|
export function baiducloudAPI() {
|
||||||
|
return request({
|
||||||
|
url: `/baiduc/get_tokenid.dspy`,
|
||||||
|
method: 'get',
|
||||||
|
})
|
||||||
|
}
|
||||||
@ -1,22 +1,67 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="box">
|
<div class="box">
|
||||||
|
<div v-if="loading">正在加载...</div>
|
||||||
<iframe src="https://console.vcp.baidu.com/billing/#/refund/list" frameborder="0" class="baidu-style"></iframe>
|
<iframe
|
||||||
|
v-else-if="url"
|
||||||
|
:src="url"
|
||||||
|
frameborder="0"
|
||||||
|
class="baidu-style">
|
||||||
|
</iframe>
|
||||||
|
<div v-else>
|
||||||
|
<p>请先登录百度云账号</p>
|
||||||
|
<button @click="getToken">重试</button>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
export default {
|
import { baiducloudAPI } from '@/api/BaiDuTokenapi'
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: 'baiduProductShow',
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
userToken: '',
|
||||||
|
url: '',
|
||||||
|
loading: true
|
||||||
|
}
|
||||||
|
},
|
||||||
|
async created() {
|
||||||
|
await this.getToken();
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
async getToken() {
|
||||||
|
try {
|
||||||
|
this.loading = true;
|
||||||
|
const response = await baiducloudAPI();
|
||||||
|
this.userToken = response.data;
|
||||||
|
if (this.userToken) {
|
||||||
|
// 构建最终的 URL
|
||||||
|
this.url = `https://console.vcp.baidu.com/api/loginvcp/login/securitytoken?redirectUrl=${(localStorage.getItem('redirectUrl'))}&signinSecurityToken=${encodeURIComponent(this.userToken)}`;
|
||||||
|
} else {
|
||||||
|
console.error('未能从API响应中获取到token:', response);
|
||||||
|
}
|
||||||
|
} catch (error) {
|
||||||
|
console.error('获取百度云Token失败:', error);
|
||||||
|
} finally {
|
||||||
|
this.loading = false;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="less" scoped>
|
<style lang="less" scoped>
|
||||||
.box{
|
.box {
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
|
height: 100%;
|
||||||
}
|
}
|
||||||
.baidu-style{
|
|
||||||
|
.baidu-style {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: calc(100vh - 100px);
|
height: calc(100vh - 100px);
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
@ -1,16 +1,14 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="top-nav">
|
<div class="top-nav">
|
||||||
<div id="topContainer" class="container" :class="{ 'ncmatch-layout': homePath === '/ncmatchHome/index' }">
|
<div id="topContainer" class="container" :class="{ 'ncmatch-layout': homePath === '/ncmatchHome/index' }">
|
||||||
<!-- 当homePath不等于/ncmatchHome/index时显示logo和导航 -->
|
<!-- 当homePath不等于/ncmatchHome/index时显示logo和导航 -->
|
||||||
<div class="logo" v-if="homePath !== '/ncmatchHome/index'">
|
<div class="logo" v-if="homePath !== '/ncmatchHome/index'">
|
||||||
<img v-if="JSON.stringify(logoInfoNew)!=='{}'" @click="$router.push(homePath)"
|
<img v-if="JSON.stringify(logoInfoNew) !== '{}'" @click="$router.push(homePath)"
|
||||||
style="cursor:pointer;margin-right: 71px" class="logoImg"
|
style="cursor:pointer;margin-right: 71px" class="logoImg" :src="logoInfoNew.home.logoImg || ''" alt="">
|
||||||
:src=" logoInfoNew.home.logoImg || '' "
|
|
||||||
alt="">
|
|
||||||
|
|
||||||
<nav class="main-nav" v-if="!isNcmatchHome">
|
<nav class="main-nav" v-if="!isNcmatchHome">
|
||||||
<ul >
|
<ul>
|
||||||
<li :class="{ active: $route.path.includes('/index') }">
|
<li :class="{ active: $route.path.includes('/index') }">
|
||||||
<a @click="$router.push(homePath)">首页</a>
|
<a @click="$router.push(homePath)">首页</a>
|
||||||
</li>
|
</li>
|
||||||
<li @mouseleave="sildeOut" @mouseenter="sildeIn(product_service)"><a>产品与服务</a></li>
|
<li @mouseleave="sildeOut" @mouseenter="sildeIn(product_service)"><a>产品与服务</a></li>
|
||||||
@ -22,8 +20,7 @@
|
|||||||
<!-- >促销活动</a></li>-->
|
<!-- >促销活动</a></li>-->
|
||||||
<!-- <li @mouseleave="sildeOut" @mouseenter="sildeIn(storageData())"><a href="#">解决方案</a></li>-->
|
<!-- <li @mouseleave="sildeOut" @mouseenter="sildeIn(storageData())"><a href="#">解决方案</a></li>-->
|
||||||
<li :class="{ active: $route.path.includes('/about') }" @mouseleave="sildeOut"
|
<li :class="{ active: $route.path.includes('/about') }" @mouseleave="sildeOut"
|
||||||
@click="$router.push('/homePage/about')"><a
|
@click="$router.push('/homePage/about')"><a>关于我们</a></li>
|
||||||
>关于我们</a></li>
|
|
||||||
|
|
||||||
|
|
||||||
</ul>
|
</ul>
|
||||||
@ -34,9 +31,7 @@
|
|||||||
<div class="logo" v-else>
|
<div class="logo" v-else>
|
||||||
<!-- 登录状态：用户头像在最左侧 -->
|
<!-- 登录状态：用户头像在最左侧 -->
|
||||||
<el-dropdown v-if="loginState" @visible-change="handleShow"
|
<el-dropdown v-if="loginState" @visible-change="handleShow"
|
||||||
class="avatar-container left-menu-item hover-effect nick-name-style"
|
class="avatar-container left-menu-item hover-effect nick-name-style" style="margin-right: 0" trigger="click">
|
||||||
style="margin-right: 0"
|
|
||||||
trigger="click">
|
|
||||||
<div class="avatar-wrapper">
|
<div class="avatar-wrapper">
|
||||||
<i
|
<i
|
||||||
style="font-size: 18px; color: #262626;font-weight: 400;cursor: pointer;display: flex;justify-content: flex-start;align-items: center">
|
style="font-size: 18px; color: #262626;font-weight: 400;cursor: pointer;display: flex;justify-content: flex-start;align-items: center">
|
||||||
@ -46,48 +41,37 @@
|
|||||||
</i>
|
</i>
|
||||||
</div>
|
</div>
|
||||||
<el-dropdown-menu slot="dropdown" style="width: 230px;font-size: 16px;" divided>
|
<el-dropdown-menu slot="dropdown" style="width: 230px;font-size: 16px;" divided>
|
||||||
<div
|
<div style="display: flex;flex-direction: column;padding:15px 15px;background-color: #f0f2f5">
|
||||||
style="display: flex;flex-direction: column;padding:15px 15px;background-color: #f0f2f5">
|
|
||||||
<span style="font-weight: bold;font-size: 20px;margin-bottom: 5px;color: #333333">{{ nick_name }}</span>
|
<span style="font-weight: bold;font-size: 20px;margin-bottom: 5px;color: #333333">{{ nick_name }}</span>
|
||||||
<span
|
<span style="font-size: 12px;color:#666;display: flex;justify-content:flex-start;align-items: center"> ID:
|
||||||
style="font-size: 12px;color:#666;display: flex;justify-content:flex-start;align-items: center"> ID: <span
|
<span ref="contentToCopy">
|
||||||
ref="contentToCopy">
|
{{
|
||||||
{{
|
userId
|
||||||
userId
|
}}
|
||||||
}}
|
|
||||||
|
|
||||||
</span>
|
</span>
|
||||||
<svg
|
<svg @click="copyBtn" class="copy-btn" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg"
|
||||||
@click="copyBtn"
|
width="12" height="12" style="fill: #1019ab;">
|
||||||
class="copy-btn"
|
<path
|
||||||
viewBox="0 0 1024 1024"
|
d="M394.666667 106.666667h448a74.666667 74.666667 0 0 1 74.666666 74.666666v448a74.666667 74.666667 0 0 1-74.666666 74.666667H394.666667a74.666667 74.666667 0 0 1-74.666667-74.666667V181.333333a74.666667 74.666667 0 0 1 74.666667-74.666666z m0 64a10.666667 10.666667 0 0 0-10.666667 10.666666v448a10.666667 10.666667 0 0 0 10.666667 10.666667h448a10.666667 10.666667 0 0 0 10.666666-10.666667V181.333333a10.666667 10.666667 0 0 0-10.666666-10.666666H394.666667z m245.333333 597.333333a32 32 0 0 1 64 0v74.666667a74.666667 74.666667 0 0 1-74.666667 74.666666H181.333333a74.666667 74.666667 0 0 1-74.666666-74.666666V394.666667a74.666667 74.666667 0 0 1 74.666666-74.666667h74.666667a32 32 0 0 1 0 64h-74.666667a10.666667 10.666667 0 0 0-10.666666 10.666667v448a10.666667 10.666667 0 0 0 10.666666 10.666666h448a10.666667 10.666667 0 0 0 10.666667-10.666666v-74.666667z"
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
p-id="1521"></path>
|
||||||
width="12"
|
</svg>
|
||||||
height="12"
|
</span>
|
||||||
style="fill: #1019ab;"
|
|
||||||
>
|
|
||||||
<path
|
|
||||||
d="M394.666667 106.666667h448a74.666667 74.666667 0 0 1 74.666666 74.666666v448a74.666667 74.666667 0 0 1-74.666666 74.666667H394.666667a74.666667 74.666667 0 0 1-74.666667-74.666667V181.333333a74.666667 74.666667 0 0 1 74.666667-74.666666z m0 64a10.666667 10.666667 0 0 0-10.666667 10.666666v448a10.666667 10.666667 0 0 0 10.666667 10.666667h448a10.666667 10.666667 0 0 0 10.666666-10.666667V181.333333a10.666667 10.666667 0 0 0-10.666666-10.666666H394.666667z m245.333333 597.333333a32 32 0 0 1 64 0v74.666667a74.666667 74.666667 0 0 1-74.666667 74.666666H181.333333a74.666667 74.666667 0 0 1-74.666666-74.666666V394.666667a74.666667 74.666667 0 0 1 74.666666-74.666667h74.666667a32 32 0 0 1 0 64h-74.666667a10.666667 10.666667 0 0 0-10.666666 10.666667v448a10.666667 10.666667 0 0 0 10.666666 10.666666h448a10.666667 10.666667 0 0 0 10.666667-10.666666v-74.666667z"
|
|
||||||
p-id="1521"></path>
|
|
||||||
</svg>
|
|
||||||
</span>
|
|
||||||
</div>
|
</div>
|
||||||
<el-divider style="margin: 0!important;"></el-divider>
|
<el-divider style="margin: 0!important;"></el-divider>
|
||||||
<div
|
<div v-if="role.includes('客户')"
|
||||||
v-if="role.includes('客户')"
|
|
||||||
style="padding: 0 18px; width: 100%;height: 60px;display: flex;justify-content: space-between;align-items: center">
|
style="padding: 0 18px; width: 100%;height: 60px;display: flex;justify-content: space-between;align-items: center">
|
||||||
|
|
||||||
<span style="color:#666;display: block;font-size: 14px;"
|
<span style="color:#666;display: block;font-size: 14px;" class="moneyNow"><span
|
||||||
class="moneyNow"><span style="display: block;margin-bottom: 5px">余额</span>{{
|
style="display: block;margin-bottom: 5px">余额</span>{{
|
||||||
mybalance ? mybalance : initMybalance()
|
mybalance ? mybalance : initMybalance()
|
||||||
}} ￥</span>
|
}} ￥</span>
|
||||||
<el-button v-if="!isShowKbossCharge" type="primary" @click="$router.push('/kbossCharge')" plain
|
<el-button v-if="!isShowKbossCharge" type="primary" @click="$router.push('/kbossCharge')" plain
|
||||||
style="padding: 8px; ">
|
style="padding: 8px; ">
|
||||||
充值
|
充值
|
||||||
</el-button>
|
</el-button>
|
||||||
</div>
|
</div>
|
||||||
<el-dropdown-item v-if="role.includes('客户')"
|
<el-dropdown-item v-if="role.includes('客户')" @click.native="$router.push('/customer/customerInformation')">
|
||||||
@click.native="$router.push('/customer/customerInformation')">
|
|
||||||
<span style="display: block">个人中心</span>
|
<span style="display: block">个人中心</span>
|
||||||
</el-dropdown-item>
|
</el-dropdown-item>
|
||||||
<el-dropdown-item @click.native="logout">
|
<el-dropdown-item @click.native="logout">
|
||||||
@ -97,7 +81,8 @@
|
|||||||
</el-dropdown>
|
</el-dropdown>
|
||||||
|
|
||||||
<!-- 公司名称在中间 -->
|
<!-- 公司名称在中间 -->
|
||||||
<div class="company-name" @click="$router.push(homePath)" style="cursor:pointer;font-size: 24px;font-weight: bold;color: #222F60;margin: 0 auto;">
|
<div class="company-name" @click="$router.push(homePath)"
|
||||||
|
style="cursor:pointer;font-size: 24px;font-weight: bold;color: #222F60;margin: 0 auto;">
|
||||||
{{ (logoInfoNew.home && logoInfoNew.home.orgName) || '' }}
|
{{ (logoInfoNew.home && logoInfoNew.home.orgName) || '' }}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -106,23 +91,17 @@
|
|||||||
<div class="user-area">
|
<div class="user-area">
|
||||||
<a @click="goB" v-if="loginState" class="login-btn">控制台</a>
|
<a @click="goB" v-if="loginState" class="login-btn">控制台</a>
|
||||||
<a @click="$router.push({
|
<a @click="$router.push({
|
||||||
path:'/login',
|
path: '/login',
|
||||||
query:{
|
query: {
|
||||||
fromPath:'homePage'
|
fromPath: 'homePage'
|
||||||
}
|
}
|
||||||
})"
|
})" v-if="!loginState" class="login-btn">登录</a>
|
||||||
v-if="!loginState"
|
<a @click="$router.push('/registrationPage')" v-if="!loginState" class="register-btn">立即注册</a>
|
||||||
class="login-btn">登录</a>
|
|
||||||
<a @click="$router.push('/registrationPage')"
|
|
||||||
v-if="!loginState"
|
|
||||||
class="register-btn">立即注册</a>
|
|
||||||
<!-- <span style="text-decoration: underline; text-decoration-color: #1b5bff" v-if="!showRegisterButton">{{-->
|
<!-- <span style="text-decoration: underline; text-decoration-color: #1b5bff" v-if="!showRegisterButton">{{-->
|
||||||
<!-- username-->
|
<!-- username-->
|
||||||
<!-- }}</span>-->
|
<!-- }}</span>-->
|
||||||
<el-dropdown v-if="loginState && homePath !== '/ncmatchHome/index'" @visible-change="handleShow"
|
<el-dropdown v-if="loginState && homePath !== '/ncmatchHome/index'" @visible-change="handleShow"
|
||||||
class="avatar-container right-menu-item hover-effect nick-name-style"
|
class="avatar-container right-menu-item hover-effect nick-name-style" style="margin-right: 0" trigger="click">
|
||||||
style="margin-right: 0"
|
|
||||||
trigger="click">
|
|
||||||
<div class="avatar-wrapper">
|
<div class="avatar-wrapper">
|
||||||
<!-- <img :src="avatar + '?imageView2/1/w/80/h/80'" class="user-avatar" /> -->
|
<!-- <img :src="avatar + '?imageView2/1/w/80/h/80'" class="user-avatar" /> -->
|
||||||
<i
|
<i
|
||||||
@ -136,48 +115,37 @@
|
|||||||
<!-- <div class="block"><el-avatar shape="square" size=small :src="squareUrl"></el-avatar></div> -->
|
<!-- <div class="block"><el-avatar shape="square" size=small :src="squareUrl"></el-avatar></div> -->
|
||||||
</div>
|
</div>
|
||||||
<el-dropdown-menu slot="dropdown" style="width: 230px;font-size: 16px;" divided>
|
<el-dropdown-menu slot="dropdown" style="width: 230px;font-size: 16px;" divided>
|
||||||
<div
|
<div style="display: flex;flex-direction: column;padding:15px 15px;background-color: #f0f2f5">
|
||||||
style="display: flex;flex-direction: column;padding:15px 15px;background-color: #f0f2f5">
|
|
||||||
<span style="font-weight: bold;font-size: 20px;margin-bottom: 5px;color: #333333">{{ nick_name }}</span>
|
<span style="font-weight: bold;font-size: 20px;margin-bottom: 5px;color: #333333">{{ nick_name }}</span>
|
||||||
<span
|
<span style="font-size: 12px;color:#666;display: flex;justify-content:flex-start;align-items: center"> ID:
|
||||||
style="font-size: 12px;color:#666;display: flex;justify-content:flex-start;align-items: center"> ID: <span
|
<span ref="contentToCopy">
|
||||||
ref="contentToCopy">
|
{{
|
||||||
{{
|
userId
|
||||||
userId
|
}}
|
||||||
}}
|
|
||||||
|
|
||||||
</span>
|
</span>
|
||||||
<svg
|
<svg @click="copyBtn" class="copy-btn" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg"
|
||||||
@click="copyBtn"
|
width="12" height="12" style="fill: #1019ab;">
|
||||||
class="copy-btn"
|
<path
|
||||||
viewBox="0 0 1024 1024"
|
d="M394.666667 106.666667h448a74.666667 74.666667 0 0 1 74.666666 74.666666v448a74.666667 74.666667 0 0 1-74.666666 74.666667H394.666667a74.666667 74.666667 0 0 1-74.666667-74.666667V181.333333a74.666667 74.666667 0 0 1 74.666667-74.666666z m0 64a10.666667 10.666667 0 0 0-10.666667 10.666666v448a10.666667 10.666667 0 0 0 10.666667 10.666667h448a10.666667 10.666667 0 0 0 10.666666-10.666667V181.333333a10.666667 10.666667 0 0 0-10.666666-10.666666H394.666667z m245.333333 597.333333a32 32 0 0 1 64 0v74.666667a74.666667 74.666667 0 0 1-74.666667 74.666666H181.333333a74.666667 74.666667 0 0 1-74.666666-74.666666V394.666667a74.666667 74.666667 0 0 1 74.666666-74.666667h74.666667a32 32 0 0 1 0 64h-74.666667a10.666667 10.666667 0 0 0-10.666666 10.666667v448a10.666667 10.666667 0 0 0 10.666666 10.666666h448a10.666667 10.666667 0 0 0 10.666667-10.666666v-74.666667z"
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
p-id="1521"></path>
|
||||||
width="12"
|
</svg>
|
||||||
height="12"
|
</span>
|
||||||
style="fill: #1019ab;"
|
|
||||||
>
|
|
||||||
<path
|
|
||||||
d="M394.666667 106.666667h448a74.666667 74.666667 0 0 1 74.666666 74.666666v448a74.666667 74.666667 0 0 1-74.666666 74.666667H394.666667a74.666667 74.666667 0 0 1-74.666667-74.666667V181.333333a74.666667 74.666667 0 0 1 74.666667-74.666666z m0 64a10.666667 10.666667 0 0 0-10.666667 10.666666v448a10.666667 10.666667 0 0 0 10.666667 10.666667h448a10.666667 10.666667 0 0 0 10.666666-10.666667V181.333333a10.666667 10.666667 0 0 0-10.666666-10.666666H394.666667z m245.333333 597.333333a32 32 0 0 1 64 0v74.666667a74.666667 74.666667 0 0 1-74.666667 74.666666H181.333333a74.666667 74.666667 0 0 1-74.666666-74.666666V394.666667a74.666667 74.666667 0 0 1 74.666666-74.666667h74.666667a32 32 0 0 1 0 64h-74.666667a10.666667 10.666667 0 0 0-10.666666 10.666667v448a10.666667 10.666667 0 0 0 10.666666 10.666666h448a10.666667 10.666667 0 0 0 10.666667-10.666666v-74.666667z"
|
|
||||||
p-id="1521"></path>
|
|
||||||
</svg>
|
|
||||||
</span>
|
|
||||||
</div>
|
</div>
|
||||||
<el-divider style="margin: 0!important;"></el-divider>
|
<el-divider style="margin: 0!important;"></el-divider>
|
||||||
<div
|
<div v-if="role.includes('客户')"
|
||||||
v-if="role.includes('客户')"
|
|
||||||
style="padding: 0 18px; width: 100%;height: 60px;display: flex;justify-content: space-between;align-items: center">
|
style="padding: 0 18px; width: 100%;height: 60px;display: flex;justify-content: space-between;align-items: center">
|
||||||
|
|
||||||
<span style="color:#666;display: block;font-size: 14px;"
|
<span style="color:#666;display: block;font-size: 14px;" class="moneyNow"><span
|
||||||
class="moneyNow"><span style="display: block;margin-bottom: 5px">余额</span>{{
|
style="display: block;margin-bottom: 5px">余额</span>{{
|
||||||
mybalance ? mybalance : initMybalance()
|
mybalance ? mybalance : initMybalance()
|
||||||
}} ￥</span>
|
}} ￥</span>
|
||||||
<el-button v-if="!isShowKbossCharge" type="primary" @click="$router.push('/kbossCharge')" plain
|
<el-button v-if="!isShowKbossCharge" type="primary" @click="$router.push('/kbossCharge')" plain
|
||||||
style="padding: 8px; ">
|
style="padding: 8px; ">
|
||||||
充值
|
充值
|
||||||
</el-button>
|
</el-button>
|
||||||
</div>
|
</div>
|
||||||
<el-dropdown-item v-if="role.includes('客户')"
|
<el-dropdown-item v-if="role.includes('客户')" @click.native="$router.push('/customer/customerInformation')">
|
||||||
@click.native="$router.push('/customer/customerInformation')">
|
|
||||||
<span style="display: block">个人中心</span>
|
<span style="display: block">个人中心</span>
|
||||||
</el-dropdown-item>
|
</el-dropdown-item>
|
||||||
<!-- channelManagementShow=true-->
|
<!-- channelManagementShow=true-->
|
||||||
@ -213,19 +181,17 @@
|
|||||||
<div class="inPanel">
|
<div class="inPanel">
|
||||||
<div class="panelLeft">
|
<div class="panelLeft">
|
||||||
<ul class="outUl">
|
<ul class="outUl">
|
||||||
<li style="cursor: default" class="outLi"
|
<li style="cursor: default" class="outLi" v-for="item in showPanelData" :key="item.firTitle">
|
||||||
v-for="item in showPanelData"
|
|
||||||
:key="item.firTitle">
|
|
||||||
<!-- @mouseenter="sildeItemIn(item)"-->
|
<!-- @mouseenter="sildeItemIn(item)"-->
|
||||||
<span style="cursor: default!important;" :class="['tilte','activeFir']">
|
<span style="cursor: default!important;" :class="['tilte', 'activeFir']">
|
||||||
{{
|
{{
|
||||||
item.firTitle
|
item.firTitle
|
||||||
}}
|
}}
|
||||||
</span>
|
</span>
|
||||||
<ul class="inUl">
|
<ul class="inUl">
|
||||||
<li class="inLi" v-for="i in item.secMenu" :key="i.id">
|
<li class="inLi" v-for="i in item.secMenu" :key="i.id">
|
||||||
<span style="position: relative" @mouseenter="sildeSecMenu(i)"
|
<span style="position: relative" @mouseenter="sildeSecMenu(i)"
|
||||||
:class="['twoMenuStyle',secId===i.id?'activeSec':'']">{{ i.secTitle }}</span>
|
:class="['twoMenuStyle', secId === i.id ? 'activeSec' : '']">{{ i.secTitle }}</span>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
@ -233,28 +199,24 @@
|
|||||||
</div>
|
</div>
|
||||||
<span class="ge"></span>
|
<span class="ge"></span>
|
||||||
<div
|
<div
|
||||||
v-if="secMenuData[0].thrMenu[0].thrTitle!=null&&secMenuData[0].secTitle!==secMenuData[0].thrMenu[0].thrTitle"
|
v-if="secMenuData[0].thrMenu[0].thrTitle != null && secMenuData[0].secTitle !== secMenuData[0].thrMenu[0].thrTitle"
|
||||||
class="panelLeft">
|
class="panelLeft">
|
||||||
<ul>
|
<ul>
|
||||||
<li style="font-size: 14px!important;" @mouseenter="sildeThrMenu(thr)" v-for="(thr ,index) in threeData"
|
<li style="font-size: 14px!important;" @mouseenter="sildeThrMenu(thr)" v-for="(thr, index) in threeData"
|
||||||
:key="index">
|
:key="index">
|
||||||
{{ thr.thrTitle }}
|
{{ thr.thrTitle }}
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
<span
|
<span
|
||||||
v-if="secMenuData[0].thrMenu[0].thrTitle!=null&&secMenuData[0].secTitle!==secMenuData[0].thrMenu[0].thrTitle"
|
v-if="secMenuData[0].thrMenu[0].thrTitle != null && secMenuData[0].secTitle !== secMenuData[0].thrMenu[0].thrTitle"
|
||||||
class="ge"></span>
|
class="ge"></span>
|
||||||
<div class="panelRight">
|
<div class="panelRight">
|
||||||
<!-- <span class="subTitle">{{ showPanelRightData[0].thrTitle }}</span>-->
|
<!-- <span class="subTitle">{{ showPanelRightData[0].thrTitle }}</span>-->
|
||||||
<ul class="leastMenu inBox">
|
<ul class="leastMenu inBox">
|
||||||
|
|
||||||
<li class="clickItem"
|
<li class="clickItem" style="font-size: 14px!important;margin: 8px 0;cursor: pointer"
|
||||||
style="font-size: 14px!important;margin: 8px 0;cursor: pointer"
|
v-for="itemR in showPanelRightData[0].value" :key="itemR.id" @click="clickGo(itemR)">
|
||||||
v-for="itemR in showPanelRightData[0].value"
|
|
||||||
:key="itemR.id"
|
|
||||||
@click="clickGo(itemR)"
|
|
||||||
>
|
|
||||||
|
|
||||||
{{ itemR.name }} <span v-if="itemR.discount" class="zhe">{{ itemR.discount }}折</span>
|
{{ itemR.name }} <span v-if="itemR.discount" class="zhe">{{ itemR.discount }}折</span>
|
||||||
|
|
||||||
@ -269,11 +231,11 @@
|
|||||||
|
|
||||||
<script>
|
<script>
|
||||||
import Vue from 'vue'
|
import Vue from 'vue'
|
||||||
import {computingData, networkData, storageData, testData} from "@/views/homePage/components/topBox/testData";
|
import { computingData, networkData, storageData, testData } from "@/views/homePage/components/topBox/testData";
|
||||||
import {reqNavList, reqNewHomeFestival, reqNewHomeSync} from "@/api/newHome";
|
import { reqNavList, reqNewHomeFestival, reqNewHomeSync } from "@/api/newHome";
|
||||||
import {mapGetters, mapState} from "vuex";
|
import { mapGetters, mapState } from "vuex";
|
||||||
import {getLogoAPI, getUserInfoAPI} from "@/api/login";
|
import { getLogoAPI, getUserInfoAPI } from "@/api/login";
|
||||||
import {reqApplyChannel} from "@/api/customer/channel";
|
import { reqApplyChannel } from "@/api/customer/channel";
|
||||||
import store from "@/store";
|
import store from "@/store";
|
||||||
import { getHomePath } from '@/views/setting/tools'
|
import { getHomePath } from '@/views/setting/tools'
|
||||||
export default Vue.extend({
|
export default Vue.extend({
|
||||||
@ -485,7 +447,7 @@ export default Vue.extend({
|
|||||||
this.passwordDialog = true;
|
this.passwordDialog = true;
|
||||||
},
|
},
|
||||||
channelFirstBtn() {
|
channelFirstBtn() {
|
||||||
reqApplyChannel({user_id: this.userId}).then(res => {
|
reqApplyChannel({ user_id: this.userId }).then(res => {
|
||||||
if (res.code == "100" || res.code == "210") {
|
if (res.code == "100" || res.code == "210") {
|
||||||
this.$message.success(res.msg)
|
this.$message.success(res.msg)
|
||||||
} else if (res.code == "300") {
|
} else if (res.code == "300") {
|
||||||
@ -509,7 +471,7 @@ export default Vue.extend({
|
|||||||
|
|
||||||
},
|
},
|
||||||
async getUserInfo() { //获取个人信息
|
async getUserInfo() { //获取个人信息
|
||||||
getUserInfoAPI({id: this.userId}).then((res) => {
|
getUserInfoAPI({ id: this.userId }).then((res) => {
|
||||||
if (res.status) {
|
if (res.status) {
|
||||||
// this.nick_name = res.data[0].nick_name;
|
// this.nick_name = res.data[0].nick_name;
|
||||||
this.userInfoList = res.data;
|
this.userInfoList = res.data;
|
||||||
@ -655,7 +617,7 @@ export default Vue.extend({
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
initData() {
|
initData() {
|
||||||
reqNavList({url_link: window.location.href}).then(res => {
|
reqNavList({ url_link: window.location.href }).then(res => {
|
||||||
console.log("res", res.data.product_service)
|
console.log("res", res.data.product_service)
|
||||||
if (res.status) {
|
if (res.status) {
|
||||||
this.product_service = this.buildData(res.data.product_service)
|
this.product_service = this.buildData(res.data.product_service)
|
||||||
@ -771,7 +733,8 @@ export default Vue.extend({
|
|||||||
font-size: 18px !important;
|
font-size: 18px !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
font-weight: 500; /* 使用数字值代替bold更精确 */
|
font-weight: 500;
|
||||||
|
/* 使用数字值代替bold更精确 */
|
||||||
color: #222F60 !important;
|
color: #222F60 !important;
|
||||||
position: relative;
|
position: relative;
|
||||||
height: 84px;
|
height: 84px;
|
||||||
@ -802,6 +765,7 @@ export default Vue.extend({
|
|||||||
|
|
||||||
.main-nav {
|
.main-nav {
|
||||||
z-index: 10000;
|
z-index: 10000;
|
||||||
|
|
||||||
ul {
|
ul {
|
||||||
display: flex;
|
display: flex;
|
||||||
list-style: none;
|
list-style: none;
|
||||||
|
|||||||
@ -497,8 +497,10 @@ export default Vue.extend({
|
|||||||
// 使用原生 scrollIntoView 实现平滑滚动
|
// 使用原生 scrollIntoView 实现平滑滚动
|
||||||
this.$refs[sectionRef].scrollIntoView({
|
this.$refs[sectionRef].scrollIntoView({
|
||||||
behavior: 'smooth',
|
behavior: 'smooth',
|
||||||
block: 'start'
|
block: 'start',
|
||||||
|
inline: 'start'
|
||||||
});
|
});
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|||||||
@ -50,7 +50,7 @@ export default {
|
|||||||
// this.open2()
|
// this.open2()
|
||||||
this.isShowWindow = true
|
this.isShowWindow = true
|
||||||
this.isAllShow = true
|
this.isAllShow = true
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user