1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
| <template>
| <div class="Banner">
| <div class="heart">
| <div class="title">统计查询</div>
| <div class="des">统计查询支持对所有设备近3个月数据进行统一查询。</div>
| <div class="button" @click="jump">立即开通</div>
| </div>
| </div>
| </template>
|
| <script>
| import { enableMenu } from "@/api/user";
|
| export default {
| methods: {
| async jump() {
| console.log(JSON.parse(sessionStorage.getItem("userInfo")).id);
| await enableMenu({
| userId: JSON.parse(sessionStorage.getItem("userInfo")).id,
| menuId: "89098e9f-baaa-4a69-9e9b-26444dd69ff6",
| });
| const { href } = this.$router.resolve({
| path: "/search",
| });
| window.open(href, "_blank");
| },
| },
| };
| </script>
|
| <style scoped lang="scss">
| .Banner {
| overflow: hidden;
| height: 480px;
| background-image: url("/images/hashrate/banner.png");
| color: #fff;
|
| .title {
| margin: 122px 0 10px 0;
| font-size: 48px;
| }
|
| .des {
| margin-bottom: 82px;
| width: 560px;
| font-size: 16px;
| line-height: 24px;
| }
|
| .button {
| width: 160px;
| height: 56px;
| background: #0065ff;
| text-align: center;
| line-height: 56px;
| }
| }
| </style>
|
|