幼教产品B2B生态平台小程序端
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

223 lines
4.3 KiB

12 months ago
<template>
<view :class="[{oh: !per}]">
<view class="page">
<view class="search-wrap">
<uni-search-bar class="search" radius="30" placeholder="请输入" v-model="keyword" clearButton="auto" cancelButton="none" @confirm="searchConfirm" />
</view>
12 months ago
<image class="banner" src="@/static/image/info-bg.jpg" mode="widthFix"></image>
12 months ago
12 months ago
<view class="wrap">
<sideSelect :menus="menus" @menuClick="menuClick" />
<view class="list">
<view class="item" v-for="(item, i) in list" :key="i" @click="toDetail(item)">
<view class="pro-name">
<image class="icon" src="@/static/image/info-bg.jpg"></image>
{{ item.productName }}
12 months ago
</view>
12 months ago
<view class="info">
<view class="line">
<text class="name">产品简介</text>
<view class="val ell-wrap">
<view class="ell">{{ item.productIntroduction }}</view>
</view>
</view>
<view class="line">
<text class="name">产品类型</text>
<text class="val">{{ item.typeName }}</text>
</view>
12 months ago
</view>
</view>
12 months ago
</view>
12 months ago
</view>
</view>
<view v-if="!per" class="per-mask">功能升级中敬请期待...</view>
</view>
</template>
<script>
import { getUserRolesPermissionMenu } from '@/apis/modules/user.js'
import { tagsList, listOfGoods, shoppingCartList } from '@/apis/modules/product.js'
import { getTeamsByAccountId } from '@/apis/modules/client.js'
export default {
data() {
return {
per: true, // 是否有权限
teamId: uni.getStorageSync('teamId') || '',
12 months ago
menus: [
{
id: '',
name: '全部'
},
{
id: 1,
name: '服装'
},
{
id: 2,
name: '教具'
},
{
id: 3,
name: '课程'
},
{
id: 4,
name: '家具'
},
{
id: 4,
name: '设备'
},
{
id: 4,
name: '服务'
},
{
id: 4,
name: '其它'
},
],
12 months ago
list: [],
keyword: '',
tags: [],
hotProducts: [],
offcialProducts: [],
total: 0,
curTab: 0,
tabs: [
{
name: '全部',
id: 0
},
{
name: '论坛',
id: 1
}
],
}
},
onShow() {
this.keyword = ''
this.per = true
12 months ago
// this.getInfo()
12 months ago
// this.getProducts()
12 months ago
},
methods: {
// 初始化权限
initRole() {
if (!uni.getStorageSync('auth').includes('首页')) {
this.per = false
}
12 months ago
// this.getProducts()
12 months ago
},
// 产品
getProducts() {
// 热销产品
listOfGoods({
pageNum: 1,
pageSize: 5,
sort: 1,
isShelves: 0,
hotTag: 1
}).then(({ page }) => {
page.records.forEach(e => {
e.productIntroduction = this.$util.removeTag(e.productIntroduction)
})
this.hotProducts = page.records
}).catch(e => {})
},
// 模糊查询回调
searchConfirm(e) {
12 months ago
12 months ago
},
// 跳转热门标签
toHot(item) {
this.$util.to(`/order/products/products?tagId=${item.tagsId}&tagsName=${item.tagsName}`)
},
// 跳转学习
toProduct() {
this.$util.to('/order/products/products')
},
// 跳转学习详情
toDetail(item) {
12 months ago
this.$util.to('/other/supplierDetail/supplierDetail?id=')
12 months ago
},
// tab切换
tabChange(tab) {
this.curTab = tab.id
// this.initList()
},
}
}
</script>
<style scoped lang="scss">
.banner {
12 months ago
display: block;
width: 100%;
border: 0;
}
.wrap {
display: flex;
align-items: flex-start;
12 months ago
}
.list {
12 months ago
flex: 1;
.item {
12 months ago
padding: 24rpx;
margin: 16rpx 24rpx;
background-color: #fff;
border-radius: 16rpx;
}
.pro-name {
display: flex;
align-items: center;
padding: 18rpx 0;
font-size: 30rpx;
font-weight: 600;
color: #333;
border-bottom: 1px solid #E6E8ED;
.icon {
width: 58rpx;
min-width: 58rpx;
height: 58rpx;
margin-right: 20rpx;
border-radius: 4px;
}
}
.info {
padding: 12rpx 0;
}
.line {
display: flex;
padding: 12rpx 0;
}
.name {
margin-right: 10rpx;
font-size: 28rpx;
color: #999;
}
.val {
max-width: 70%;
font-size: 28rpx;
color: #333;
}
.ell-wrap {
display: inline-flex;
align-items: center;
}
.ell {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.toggle {
margin-left: 10rpx;
white-space: nowrap;
font-size: 24rpx;
color: #0e92ef;
}
}
</style>