workbench.vue
1.87 KB
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
59
60
61
62
63
64
65
66
67
68
69
70
71
72
<template>
<view>
<Navbar title="工作台" canBack></Navbar>
<view class="container flex flex-direction align-center justify-center">
<view class="insightCss margin-tb-xl padding flex justify-between align-center" @click="handleClick('insight')">
<u-image width="60rpx" height="60rpx" src="/static/images/icon/insight.png" shape="circle"></u-image>
<view class="text-xxl text-bold text-white">市场洞察平台</view>
<u-icon name="arrow-right" color="#fff"></u-icon>
</view>
<view class="chargeCss margin-tb-xl padding flex justify-between align-center" @click="handleClick('charge')">
<u-image width="60rpx" height="60rpx" src="/static/images/icon/charge.png" shape="circle"></u-image>
<view class="text-xxl text-bold text-white">市场化收费工具</view>
<u-icon name="arrow-right" color="#fff"></u-icon>
</view>
</view>
</view>
</template>
<script>
export default {
components: {},
props: {
},
data() {
return {
}
},
computed: {
},
onLoad() {
},
methods: {
handleClick(workName) {
console.log(workName);
this.$store.dispatch('setTab', {data: workName});
let tabList = this.$store.state.tabbar.list
let urls = tabList[0].pagePath
console.log("跳转",urls);
setTimeout(() => {
uni.switchTab({
url: `/${urls}`
})
console.log(this.$store.state);
}, 500)
}
}
}
</script>
<style lang="scss" scoped>
.container {
height: calc(100vh - 100rpx);
}
.insightCss {
width: 80%;
height: 150rpx;
background: linear-gradient(to right, #6DE6CE, #5566E2);
border-radius: 80rpx;
}
.chargeCss {
width: 80%;
height: 150rpx;
background: linear-gradient(to right, #FFCE02, #EE6202);
border-radius: 80rpx;
}
</style>