web-retail-h5/pages/makerspaceView/index.vue

146 lines
3.2 KiB
Vue
Raw Permalink Normal View History

2025-03-23 09:29:40 +08:00
<!--
* @Descripttion:
* @version:
* @Author: 王三华
* @Date: 2023-05-18 14:42:53
-->
<template>
<view class="main">
<view class="content">
<view class="list-s"
@click="viewtap('/pages/superStudio/index')">
<view class="text">{{$t('w_1022')}}</view>
<view class="images">
<image class="image1"
src="../../static/images/makerspaceicon1.png"></image>
</view>
</view>
<view class="list-s"
v-if="!existMakerSpace"
@click="viewtap('/pages/makerspace/index')">
<view class="text" v-if="userInfo.makerSpaceShow == 1||userInfo.makerSpaceShow ==undefined">{{$t('w_1021')}}</view>
<view class="text" v-if="userInfo.makerSpaceShow == 2">{{$t('w_1033')}}</view>
<view class="images">
<image class="image3"
src="../../static/images/makerspaceicon3.png"></image>
</view>
</view>
<view class="list-s"
@click="viewtap('/pages/makerspaceView/energySilo')">
<view class="text">{{$t('N_I_6')}}</view>
<view class="images">
<image class="image4"
src="../../static/images/makerspaceicon4.png"></image>
</view>
</view>
<view class="list-s"
@click="goGoodsList">
<view class="text">{{$t('ENU_MENU_704')}}</view>
<view class="images">
<image class="image2"
src="../../static/images/makerspaceicon2.png"></image>
</view>
</view>
</view>
</view>
</template>
<script>
import * as sel from '@/config/selfService.js'
export default {
data() {
return {
userInfo:'',
existMakerSpace:0,
specialList: [
{
label: this.$t('ENU_ORDER_T_18'),
value: 18,
isShow: true,
},
{
label: this.$t('ENU_ORDER_T_19'),
value: 19,
isShow: true,
},
],
}
},
onLoad(option) {
this.userInfo = uni.getStorageSync("User");
this.checkIfShow()
},
onReady() {},
methods: {
checkIfShow() {
sel.checkIfShow().then((res) => {
this.existMakerSpace = res.data.existMakerSpace
})
},
viewtap(url) {
uni.navigateTo({
url: url,
})
},
goGoodsList() {
uni.navigateTo({
url:
'/pages/specialArea/list?specialArea=' +
18 +
'&label='+this.$t('N_I_7') +
'&children=' +
JSON.stringify(this.specialList) +'&diff=2',
})
},
},
}
</script>
<style lang="scss" scoped>
page {
background-color: #f2f2f2;
}
.text {
font-size: 24rpx;
color: #333;
margin-left: 20rpx;
line-height: 55rpx;
}
.images {
// padding-left:50rpx;
.image1 {
width: 65rpx;
height: 60rpx;
}
.image2 {
width: 64rpx;
height: 64rpx;
}
.image3 {
width: 60rpx;
height: 54rpx;
}
.image4 {
width: 54rpx;
height: 54rpx;
}
}
.main {
padding: 30rpx 20rpx;
}
.content {
display: flex;
flex-wrap: wrap;
}
.list-s {
margin-left: 20rpx;
width: 300rpx;
padding: 45rpx 30rpx 45rpx 0;
background-color: #fff;
border-radius: 20rpx;
display: flex;
justify-content: space-between;
margin-bottom: 20rpx;
}
</style>