云仓
This commit is contained in:
DESKTOP-GMUNQ1B\k
parent
ce9433b4e3
commit
94bedadb9d
29
api/cloud_warehouse.js
Normal file
29
api/cloud_warehouse.js
Normal file
@ -0,0 +1,29 @@
|
||||
import request from "@/utils/request.js";
|
||||
|
||||
/**
|
||||
* 获取里海云仓大分类
|
||||
* @param
|
||||
*/
|
||||
export function getCategory(id, pid) {
|
||||
let par = {};
|
||||
if (pid) {
|
||||
par['pid'] = pid;
|
||||
}
|
||||
return request.get("store/merchant/category/lst/" + id, par);
|
||||
}
|
||||
|
||||
/**
|
||||
* 获取里海云仓比例
|
||||
* @param
|
||||
*/
|
||||
export function getProportion(data) {
|
||||
return request.get("product/spu/storeLabel", data);
|
||||
}
|
||||
|
||||
/**
|
||||
* 里海云仓商品列表
|
||||
* @param
|
||||
*/
|
||||
export function goodsList(data) {
|
||||
return request.get("product/spu/merchant/" + data.mer_id, data);
|
||||
}
|
||||
@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<view class="empty-box">
|
||||
<view class="empty-box" :style="{'margin-top':mt}">
|
||||
<image src="/static/images/empty-box.png"></image>
|
||||
<view class="txt" :style="{color:color}">{{title}}</view>
|
||||
</view>
|
||||
@ -24,6 +24,10 @@
|
||||
color: {
|
||||
type: String,
|
||||
default: "#999"
|
||||
},
|
||||
mt: {
|
||||
type: String,
|
||||
default: "200rpx"
|
||||
}
|
||||
},
|
||||
}
|
||||
|
||||
508
pages.json
508
pages.json
@ -1,58 +1,58 @@
|
||||
{
|
||||
"pages": [
|
||||
//pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
|
||||
{
|
||||
"path": "pages/index/index",
|
||||
"style": {
|
||||
"navigationBarTitleText": "首页",
|
||||
"navigationStyle": "custom",
|
||||
"enablePullDownRefresh": true,
|
||||
"onReachBottomDistance": 300,
|
||||
// #ifdef APP-PLUS
|
||||
"enablePullDownRefresh": true,
|
||||
// #endif
|
||||
"app-plus": {
|
||||
"scrollIndicator": false //禁用原生导航栏
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/index/index",
|
||||
"style": {
|
||||
"navigationBarTitleText": "首页",
|
||||
"navigationStyle": "custom",
|
||||
"enablePullDownRefresh": true,
|
||||
"onReachBottomDistance": 300,
|
||||
// #ifdef APP-PLUS
|
||||
"enablePullDownRefresh": true,
|
||||
// #endif
|
||||
"app-plus": {
|
||||
"scrollIndicator": false //禁用原生导航栏
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/supply_chains/supply_chains",
|
||||
"style": {
|
||||
"navigationBarTitleText": "供应",
|
||||
"enablePullDownRefresh": true,
|
||||
"navigationStyle": "custom",
|
||||
"onReachBottomDistance": 300
|
||||
"onReachBottomDistance": 300
|
||||
}
|
||||
|
||||
|
||||
},
|
||||
//#ifdef APP-PLUS
|
||||
//启动页
|
||||
{
|
||||
"path": "pages/guide/judge",
|
||||
"style": {
|
||||
"enablePullDownRefresh": false,
|
||||
"onReachBottomDistance": 100,
|
||||
"navigationStyle": "custom",
|
||||
"app-plus": {
|
||||
"contentAdjust": false,
|
||||
"bounce": "none"
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/guide/guide",
|
||||
"style": {
|
||||
"enablePullDownRefresh": false,
|
||||
"onReachBottomDistance": 100,
|
||||
"navigationStyle": "custom",
|
||||
"app-plus": {
|
||||
"contentAdjust": false,
|
||||
"bounce": "none"
|
||||
}
|
||||
}
|
||||
},
|
||||
// #endif
|
||||
//#ifdef APP-PLUS
|
||||
//启动页
|
||||
{
|
||||
"path": "pages/guide/judge",
|
||||
"style": {
|
||||
"enablePullDownRefresh": false,
|
||||
"onReachBottomDistance": 100,
|
||||
"navigationStyle": "custom",
|
||||
"app-plus": {
|
||||
"contentAdjust": false,
|
||||
"bounce": "none"
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/guide/guide",
|
||||
"style": {
|
||||
"enablePullDownRefresh": false,
|
||||
"onReachBottomDistance": 100,
|
||||
"navigationStyle": "custom",
|
||||
"app-plus": {
|
||||
"contentAdjust": false,
|
||||
"bounce": "none"
|
||||
}
|
||||
}
|
||||
},
|
||||
// #endif
|
||||
{
|
||||
"path": "pages/gather/gather",
|
||||
"style": {
|
||||
@ -88,8 +88,7 @@
|
||||
"navigationStyle": "custom",
|
||||
"navigationBarTitleText": "直播间"
|
||||
}
|
||||
}
|
||||
,{
|
||||
}, {
|
||||
"path": "pages/room/histroyroom",
|
||||
"style": {
|
||||
"navigationBarTitleText": "历史直播间",
|
||||
@ -145,8 +144,8 @@
|
||||
"style": {
|
||||
"navigationBarTitleText": "支付提示"
|
||||
}
|
||||
},
|
||||
{
|
||||
},
|
||||
{
|
||||
"path": "pages/moreProject/moreProject",
|
||||
"style": {
|
||||
"navigationBarTitleText": "商户平台",
|
||||
@ -171,165 +170,147 @@
|
||||
"disableScroll": true,
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
}, {
|
||||
"path": "pages/margin/margin",
|
||||
"style": {
|
||||
"navigationBarTitleText": "缴纳押金",
|
||||
"enablePullDownRefresh": false
|
||||
}
|
||||
|
||||
},
|
||||
{
|
||||
"path": "pages/select_address/select_address",
|
||||
"style": {
|
||||
"navigationBarTitleText": "选择位置",
|
||||
"enablePullDownRefresh": false
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/select_address/select_address_n",
|
||||
"style": {
|
||||
"navigationBarTitleText": "选择位置",
|
||||
"enablePullDownRefresh": false
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/newActivity/activityDetail/activityDetail",
|
||||
"style": {
|
||||
"navigationBarTitleText": "活动",
|
||||
"enablePullDownRefresh": true,
|
||||
"navigationStyle": "custom",
|
||||
"onReachBottomDistance": 300
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/newActivity/subsidy/subsidy",
|
||||
"style": {
|
||||
"navigationBarTitleText": "补贴记录",
|
||||
"enablePullDownRefresh": true,
|
||||
"navigationStyle": "custom",
|
||||
"onReachBottomDistance": 300
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/newActivity/invitation/invitation",
|
||||
"style": {
|
||||
"navigationBarTitleText": "拉新活动",
|
||||
"enablePullDownRefresh": true,
|
||||
"navigationStyle": "custom",
|
||||
"onReachBottomDistance": 300
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/redpacket/redpacket",
|
||||
"style": {
|
||||
"navigationBarTitleText": "补贴",
|
||||
"enablePullDownRefresh": false
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/redpacket/redpack_type",
|
||||
"style": {
|
||||
"navigationBarTitleText": "补贴余额",
|
||||
"enablePullDownRefresh": false,
|
||||
"navigationStyle": "custom",
|
||||
"onReachBottomDistance": 300
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/newActivity/subsidy/subsidy2",
|
||||
"style": {
|
||||
"navigationBarTitleText": "实物通用补贴",
|
||||
"enablePullDownRefresh": false,
|
||||
"navigationStyle": "custom",
|
||||
"onReachBottomDistance": 300
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/newActivity/subsidy/subsidy3",
|
||||
"style": {
|
||||
"navigationBarTitleText": "现金抵扣补贴",
|
||||
"enablePullDownRefresh": false,
|
||||
"navigationStyle": "custom",
|
||||
"onReachBottomDistance": 300
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/newActivity/towPrice/towPrice",
|
||||
"style": {
|
||||
"navigationBarTitleText": "两元专区",
|
||||
"enablePullDownRefresh": false,
|
||||
"navigationStyle": "custom",
|
||||
"onReachBottomDistance": 300
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/order_addcart/order_addcart_t",
|
||||
"style": {
|
||||
"navigationBarTitleText": "购物车",
|
||||
"enablePullDownRefresh": false
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/newActivity/giftBag/giftBag",
|
||||
"style": {
|
||||
"navigationBarTitleText": "新人礼包",
|
||||
"enablePullDownRefresh": false,
|
||||
"navigationStyle": "custom",
|
||||
"onReachBottomDistance": 300
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/helpPeople/helpPeople",
|
||||
"style": {
|
||||
"navigationBarTitleText": "",
|
||||
"enablePullDownRefresh": false,
|
||||
"navigationStyle": "custom",
|
||||
"onReachBottomDistance": 300
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/helpPeople/formTable",
|
||||
"style": {
|
||||
"navigationBarTitleText": "信息收集",
|
||||
"enablePullDownRefresh": false,
|
||||
"navigationStyle": "custom",
|
||||
"onReachBottomDistance": 300
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/rich/rich",
|
||||
"style": {
|
||||
"navigationBarTitleText": "政策答疑",
|
||||
"enablePullDownRefresh": false
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/rich/mp4",
|
||||
"style": {
|
||||
"navigationBarTitleText": "教学视频",
|
||||
"enablePullDownRefresh": false
|
||||
}
|
||||
}
|
||||
,{
|
||||
"path" : "pages/margin/margin",
|
||||
"style" :
|
||||
{
|
||||
"navigationBarTitleText":"缴纳押金",
|
||||
"enablePullDownRefresh": false
|
||||
}
|
||||
|
||||
},
|
||||
{
|
||||
"path" : "pages/select_address/select_address",
|
||||
"style" :
|
||||
{
|
||||
"navigationBarTitleText" : "选择位置",
|
||||
"enablePullDownRefresh" : false
|
||||
}
|
||||
},
|
||||
{
|
||||
"path" : "pages/select_address/select_address_n",
|
||||
"style" :
|
||||
{
|
||||
"navigationBarTitleText" : "选择位置",
|
||||
"enablePullDownRefresh" : false
|
||||
}
|
||||
},
|
||||
{
|
||||
"path" : "pages/newActivity/activityDetail/activityDetail",
|
||||
"style" :
|
||||
{
|
||||
"navigationBarTitleText": "活动",
|
||||
"enablePullDownRefresh": true,
|
||||
"navigationStyle": "custom",
|
||||
"onReachBottomDistance": 300
|
||||
}
|
||||
},
|
||||
{
|
||||
"path" : "pages/newActivity/subsidy/subsidy",
|
||||
"style" :
|
||||
{
|
||||
"navigationBarTitleText": "补贴记录",
|
||||
"enablePullDownRefresh": true,
|
||||
"navigationStyle": "custom",
|
||||
"onReachBottomDistance": 300
|
||||
}
|
||||
},
|
||||
{
|
||||
"path" : "pages/newActivity/invitation/invitation",
|
||||
"style" :
|
||||
{
|
||||
"navigationBarTitleText": "拉新活动",
|
||||
"enablePullDownRefresh": true,
|
||||
"navigationStyle": "custom",
|
||||
"onReachBottomDistance": 300
|
||||
}
|
||||
},
|
||||
{
|
||||
"path" : "pages/redpacket/redpacket",
|
||||
"style" :
|
||||
{
|
||||
"navigationBarTitleText" : "补贴",
|
||||
"enablePullDownRefresh" : false
|
||||
}
|
||||
},
|
||||
{
|
||||
"path" : "pages/redpacket/redpack_type",
|
||||
"style" :
|
||||
{
|
||||
"navigationBarTitleText" : "补贴余额",
|
||||
"enablePullDownRefresh": false,
|
||||
"navigationStyle": "custom",
|
||||
"onReachBottomDistance": 300
|
||||
}
|
||||
},
|
||||
{
|
||||
"path" : "pages/newActivity/subsidy/subsidy2",
|
||||
"style" :
|
||||
{
|
||||
"navigationBarTitleText" : "实物通用补贴",
|
||||
"enablePullDownRefresh": false,
|
||||
"navigationStyle": "custom",
|
||||
"onReachBottomDistance": 300
|
||||
}
|
||||
},
|
||||
{
|
||||
"path" : "pages/newActivity/subsidy/subsidy3",
|
||||
"style" :
|
||||
{
|
||||
"navigationBarTitleText" : "现金抵扣补贴",
|
||||
"enablePullDownRefresh": false,
|
||||
"navigationStyle": "custom",
|
||||
"onReachBottomDistance": 300
|
||||
}
|
||||
},
|
||||
{
|
||||
"path" : "pages/newActivity/towPrice/towPrice",
|
||||
"style" :
|
||||
{
|
||||
"navigationBarTitleText" : "两元专区",
|
||||
"enablePullDownRefresh": false,
|
||||
"navigationStyle": "custom",
|
||||
"onReachBottomDistance": 300
|
||||
}
|
||||
},
|
||||
{
|
||||
"path" : "pages/order_addcart/order_addcart_t",
|
||||
"style" :
|
||||
{
|
||||
"navigationBarTitleText" : "购物车",
|
||||
"enablePullDownRefresh" : false
|
||||
}
|
||||
},
|
||||
{
|
||||
"path" : "pages/newActivity/giftBag/giftBag",
|
||||
"style" :
|
||||
{
|
||||
"navigationBarTitleText" : "新人礼包",
|
||||
"enablePullDownRefresh": false,
|
||||
"navigationStyle": "custom",
|
||||
"onReachBottomDistance": 300
|
||||
}
|
||||
},
|
||||
{
|
||||
"path" : "pages/helpPeople/helpPeople",
|
||||
"style" :
|
||||
{
|
||||
"navigationBarTitleText" : "",
|
||||
"enablePullDownRefresh": false,
|
||||
"navigationStyle": "custom",
|
||||
"onReachBottomDistance": 300
|
||||
}
|
||||
},
|
||||
{
|
||||
"path" : "pages/helpPeople/formTable",
|
||||
"style" :
|
||||
{
|
||||
"navigationBarTitleText" : "信息收集",
|
||||
"enablePullDownRefresh": false,
|
||||
"navigationStyle": "custom",
|
||||
"onReachBottomDistance": 300
|
||||
}
|
||||
},
|
||||
{
|
||||
"path" : "pages/rich/rich",
|
||||
"style" :
|
||||
{
|
||||
"navigationBarTitleText" : "政策答疑",
|
||||
"enablePullDownRefresh" : false
|
||||
}
|
||||
},
|
||||
{
|
||||
"path" : "pages/rich/mp4",
|
||||
"style" :
|
||||
{
|
||||
"navigationBarTitleText" : "教学视频",
|
||||
"enablePullDownRefresh" : false
|
||||
}
|
||||
}
|
||||
],
|
||||
],
|
||||
"subPackages": [{
|
||||
"root": "pages/goods_cate",
|
||||
"name": "goods_cate",
|
||||
@ -352,7 +333,7 @@
|
||||
"navigationBarTextStyle": "#fff"
|
||||
// #endif
|
||||
}
|
||||
},{
|
||||
}, {
|
||||
"path": "index_v",
|
||||
"style": {
|
||||
"navigationStyle": "custom"
|
||||
@ -403,6 +384,22 @@
|
||||
}
|
||||
}
|
||||
]
|
||||
}, {
|
||||
"root": "pages/cloud_warehouse",
|
||||
"name": "cloud_warehouse",
|
||||
"pages": [{
|
||||
"path": "big_classification/index",
|
||||
"style": {
|
||||
"navigationBarTitleText": "云仓分类",
|
||||
"enablePullDownRefresh": true
|
||||
}
|
||||
}, {
|
||||
"path": "small_classification/index",
|
||||
"style": {
|
||||
"navigationBarTitleText": "云仓分类",
|
||||
"enablePullDownRefresh": true
|
||||
}
|
||||
}]
|
||||
},
|
||||
{
|
||||
"root": "pages/nongKe",
|
||||
@ -454,17 +451,17 @@
|
||||
}
|
||||
|
||||
},
|
||||
{
|
||||
"path": "supply_chain/supplierB",
|
||||
"style": {
|
||||
"enablePullDownRefresh": true,
|
||||
"navigationBarTitleText": "",
|
||||
"navigationBarBackgroundColor": "#e93323",
|
||||
"navigationStyle": "custom",
|
||||
"onReachBottomDistance": 300
|
||||
}
|
||||
|
||||
},
|
||||
{
|
||||
"path": "supply_chain/supplierB",
|
||||
"style": {
|
||||
"enablePullDownRefresh": true,
|
||||
"navigationBarTitleText": "",
|
||||
"navigationBarBackgroundColor": "#e93323",
|
||||
"navigationStyle": "custom",
|
||||
"onReachBottomDistance": 300
|
||||
}
|
||||
|
||||
},
|
||||
{
|
||||
"path": "supply_chain/suppliers",
|
||||
"style": {
|
||||
@ -527,7 +524,7 @@
|
||||
"enablePullDownRefresh": true
|
||||
}
|
||||
|
||||
},{
|
||||
}, {
|
||||
"path": "cloud_entrepot/indexh",
|
||||
"style": {
|
||||
"navigationStyle": "custom",
|
||||
@ -551,7 +548,7 @@
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
|
||||
},{
|
||||
}, {
|
||||
"path": "specialty/short_index",
|
||||
"style": {
|
||||
"navigationBarTitleText": "集体店铺",
|
||||
@ -684,14 +681,13 @@
|
||||
"navigationBarTitleText": "我的账户"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path" : "user_money/money",
|
||||
"style" :
|
||||
{
|
||||
"navigationBarTitleText" : "我的余额",
|
||||
"enablePullDownRefresh" : false
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "user_money/money",
|
||||
"style": {
|
||||
"navigationBarTitleText": "我的余额",
|
||||
"enablePullDownRefresh": false
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "user_bill/index",
|
||||
"style": {
|
||||
@ -1223,19 +1219,19 @@
|
||||
"path": "settled/index",
|
||||
"style": {
|
||||
"navigationStyle": "custom",
|
||||
|
||||
|
||||
"navigationBarTitleText": "商家入驻"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "settled/unit",
|
||||
"style": {
|
||||
"navigationStyle": "custom",
|
||||
|
||||
"navigationBarTitleText": "种养殖户入驻"
|
||||
}
|
||||
},
|
||||
{
|
||||
},
|
||||
{
|
||||
"path": "settled/unit",
|
||||
"style": {
|
||||
"navigationStyle": "custom",
|
||||
|
||||
"navigationBarTitleText": "种养殖户入驻"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "applicationRecord/index",
|
||||
"style": {
|
||||
"navigationBarTitleText": "申请记录"
|
||||
@ -1658,7 +1654,7 @@
|
||||
"navigationBarTitleText": "预售列表"
|
||||
// #ifdef MP || APP-PLUS
|
||||
,
|
||||
"navigationStyle": "custom",
|
||||
"navigationStyle": "custom",
|
||||
"navigationBarBackgroundColor": "#F2F2F2"
|
||||
// #endif
|
||||
}
|
||||
@ -1863,22 +1859,22 @@
|
||||
"selectedColor": "#E93323",
|
||||
"borderStyle": "white",
|
||||
"backgroundColor": "#ffffff",
|
||||
"iconWidth": "36",
|
||||
"iconWidth": "36",
|
||||
|
||||
"list": [
|
||||
|
||||
// {
|
||||
// "pagePath": "pages/supply_chains/supply_chains",
|
||||
// "iconPath": "static/tabbar_icon/d.png",
|
||||
// "selectedIconPath": "static/tabbar_icon/d-a.png",
|
||||
// "text": "供销"
|
||||
// },
|
||||
{
|
||||
|
||||
// {
|
||||
// "pagePath": "pages/supply_chains/supply_chains",
|
||||
// "iconPath": "static/tabbar_icon/d.png",
|
||||
// "selectedIconPath": "static/tabbar_icon/d-a.png",
|
||||
// "text": "供销"
|
||||
// },
|
||||
{
|
||||
"pagePath": "pages/index/index",
|
||||
"iconPath": "static/tabbar_icon/a.png",
|
||||
"selectedIconPath": "static/tabbar_icon/a-a.png"
|
||||
// "text": "泸州"
|
||||
// "text": "供销"
|
||||
// "text": "供销"
|
||||
},
|
||||
{
|
||||
"pagePath": "pages/gather/gather",
|
||||
@ -1893,12 +1889,12 @@
|
||||
// "text": "发布"
|
||||
|
||||
// },
|
||||
{
|
||||
"pagePath": "pages/order_addcart/order_addcart_t",
|
||||
"iconPath": "static/tabbar_icon/d.png",
|
||||
"selectedIconPath": "static/tabbar_icon/d-a.png"
|
||||
// "text": "购物车"
|
||||
},
|
||||
{
|
||||
"pagePath": "pages/order_addcart/order_addcart_t",
|
||||
"iconPath": "static/tabbar_icon/d.png",
|
||||
"selectedIconPath": "static/tabbar_icon/d-a.png"
|
||||
// "text": "购物车"
|
||||
},
|
||||
{
|
||||
"pagePath": "pages/user/index",
|
||||
"iconPath": "static/tabbar_icon/e.png",
|
||||
|
||||
194
pages/cloud_warehouse/big_classification/index.vue
Normal file
194
pages/cloud_warehouse/big_classification/index.vue
Normal file
@ -0,0 +1,194 @@
|
||||
<!-- 里海云仓大分类 -->
|
||||
<template>
|
||||
<view class="bigClassification">
|
||||
<!-- 占位 -->
|
||||
<view style="height: var(--status-bar-height);"></view>
|
||||
|
||||
<!-- 返回 -->
|
||||
<view class="back-icon" @click="handleBack"></view>
|
||||
|
||||
<!-- 分类 -->
|
||||
<view class="classification">
|
||||
<view class="classification-wrap" v-if="list.length >0">
|
||||
<block v-for="(item,indx) in list" :key="indx">
|
||||
<view class="classification-item" @click="goSmallType(item)">
|
||||
<view class="classification-item-name">{{item.cate_name}}</view>
|
||||
<view class="classification-item-btn">立即前往</view>
|
||||
<u-image :src="item.pic" mode="widthFix" width="140rpx" height="130rpx" class="img">
|
||||
<view slot="error" style="font-size: 24rpx;">暂无图片</view>
|
||||
</u-image>
|
||||
</view>
|
||||
</block>
|
||||
</view>
|
||||
|
||||
<view class='empty-box' v-if="list.length == 0">
|
||||
<view class='pictrue'>
|
||||
<u--image src='../../../static/images/empty-box.png' width="414rpx" height="240rpx" />
|
||||
<view class="txt">暂无更多分类~</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
getCategory
|
||||
} from "@/api/cloud_warehouse.js";
|
||||
import {
|
||||
getCategoryListLevel
|
||||
} from '@/api/requesta.js'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
list: [],
|
||||
mer_id: ''
|
||||
}
|
||||
},
|
||||
|
||||
onLoad(opt) {
|
||||
// this.mer_id = opt.id || 244;
|
||||
// this.getData();
|
||||
|
||||
this.getCloundShop();
|
||||
|
||||
},
|
||||
|
||||
methods: {
|
||||
getCloundShop() {
|
||||
uni.showLoading({
|
||||
title: "加载中..."
|
||||
})
|
||||
getCategoryListLevel({
|
||||
type: 2
|
||||
}).then(res => {
|
||||
uni.hideLoading();
|
||||
this.list = res.data;
|
||||
}).catch(() => {
|
||||
uni.hideLoading();
|
||||
})
|
||||
},
|
||||
|
||||
// 返回上一页
|
||||
handleBack() {
|
||||
uni.navigateBack({
|
||||
delta: 1
|
||||
})
|
||||
},
|
||||
|
||||
// 小分类
|
||||
goSmallType(e) {
|
||||
uni.setStorageSync("market_type_parent", e);
|
||||
uni.navigateTo({
|
||||
url: "/pages/cloud_warehouse/small_classification/index"
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
page {
|
||||
height: 100%;
|
||||
background-color: #F7F7F7;
|
||||
}
|
||||
|
||||
.bigClassification {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 760rpx;
|
||||
background-image: url('https://lihai001.oss-cn-chengdu.aliyuncs.com/def/06e54202402281547535138.webp');
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
}
|
||||
|
||||
.back-icon {
|
||||
position: absolute;
|
||||
top: 116rpx;
|
||||
left: 20rpx;
|
||||
width: 20rpx;
|
||||
height: 20rpx;
|
||||
border: 2rpx solid #fff;
|
||||
border-bottom-color: transparent;
|
||||
border-right-color: transparent;
|
||||
transform: rotate(-45deg);
|
||||
}
|
||||
|
||||
.classification {
|
||||
margin-left: 20rpx;
|
||||
padding-top: 490rpx;
|
||||
|
||||
.classification-wrap {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
|
||||
.classification-item {
|
||||
width: 47%;
|
||||
position: relative;
|
||||
background-color: #fff;
|
||||
margin: 0 20rpx 18rpx 0;
|
||||
border-radius: 30rpx;
|
||||
padding: 26rpx 0 26rpx 24rpx;
|
||||
|
||||
.classification-item-name {
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
display: inline-block;
|
||||
font-size: 36rpx;
|
||||
color: #000;
|
||||
font-weight: bold;
|
||||
margin-bottom: 30rpx;
|
||||
|
||||
&::before {
|
||||
content: "";
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
z-index: -1;
|
||||
left: 0rpx;
|
||||
bottom: -2rpx;
|
||||
width: 100%;
|
||||
height: 24rpx;
|
||||
border-radius: 24rpx;
|
||||
background: linear-gradient(to right, #FF8259 0%, rgba(255, 255, 255, .8) 80%);
|
||||
}
|
||||
}
|
||||
|
||||
.classification-item-btn {
|
||||
width: 140rpx;
|
||||
height: 48rpx;
|
||||
line-height: 48rpx;
|
||||
border-radius: 48rpx;
|
||||
text-align: center;
|
||||
color: #FFB298;
|
||||
border: 2rpx solid #FFB298;
|
||||
}
|
||||
|
||||
.img {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.empty-box {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin: 100rpx auto 0;
|
||||
|
||||
image {
|
||||
width: 414rpx;
|
||||
height: 240rpx;
|
||||
}
|
||||
|
||||
.txt {
|
||||
font-size: 26rpx;
|
||||
color: #999;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
406
pages/cloud_warehouse/select_address/index.vue
Normal file
406
pages/cloud_warehouse/select_address/index.vue
Normal file
@ -0,0 +1,406 @@
|
||||
<template>
|
||||
<view class="" style="background-color: #fff;">
|
||||
<u-sticky customNavHeight="0">
|
||||
<view class="head_top">
|
||||
<u-tabs :list="tabsList" itemStyle="font-size: 32rpx;height: 74rpx;" :current="current"
|
||||
@change="changeCurrent" lineColor="#FF6D20" lineWidth="105rpx" height="7rpx"></u-tabs>
|
||||
</u-tabs>
|
||||
</view>
|
||||
</u-sticky>
|
||||
<view style="background-color: #f4f4f4;height: 30rpx;"></view>
|
||||
<view class="address-box" v-if="current==0" style="padding: 0;">
|
||||
<map style="width: 750rpx;height: 750rpx;" :longitude="longitude" :latitude="latitude" :markers="[markers]"
|
||||
show-location @tap="handleMapTap"></map>
|
||||
<view class="head_item" style="padding: 10rpx 20rpx;">
|
||||
<view class="re-location">
|
||||
<view style="width: 120rpx;"><text class="text">当前位置: </text></view>
|
||||
<view style="flex: 1;">
|
||||
<text
|
||||
class="text">{{locationInfo.formatted_addresses?locationInfo.formatted_addresses.recommend:locationInfo.address}}</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="re-btn" @click="reGetLocation">
|
||||
<image class="re-address-img" src="@/static/cloud_warehouse/dw.png"></image><text
|
||||
class="text">重新定位</text>
|
||||
</view>
|
||||
</view>
|
||||
<u-button text="确认" @click="submitAddress"></u-button>
|
||||
</view>
|
||||
<view class="address-box" v-if="current==1">
|
||||
<view class="head_item_tips">
|
||||
<view><text class="text">泸州区县</text></view>
|
||||
</view>
|
||||
<view class="area">
|
||||
<view class="area-item" :class="{'area-item-on': item.code==area_change}"
|
||||
v-for="(item, index) in areaList" :key="index" @click="changeArea(item)">
|
||||
<text class="text">{{item.name}}</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="head_item_tips">
|
||||
<view><text class="text">选择街道/镇</text></view>
|
||||
</view>
|
||||
<view class="street">
|
||||
<view class="letter-item" v-for="key in mapKey" :key="key">
|
||||
<view class="letter"><text class="text">{{key}}</text></view>
|
||||
<view class="item-box">
|
||||
<view class="street-item" v-for="item in mapList[key]" :key="item.code"
|
||||
@click="changeStreet(item)">
|
||||
<text class="text">{{item.name}}</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
getGeocoder,
|
||||
merClassifly,
|
||||
getProductslist
|
||||
} from '@/api/store.js';
|
||||
import {
|
||||
getArea,
|
||||
getStreet
|
||||
} from "@/api/article.js";
|
||||
import {
|
||||
Toast
|
||||
} from '@/libs/uniApi';
|
||||
import {
|
||||
wgsToGcj
|
||||
} from "@/utils/wgs.js";
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
tabsList: [{
|
||||
name: '地图定位',
|
||||
}, {
|
||||
name: '泸州区县',
|
||||
}],
|
||||
current: 0,
|
||||
latitude: '28.87',
|
||||
longitude: '105.44',
|
||||
markers: {
|
||||
id: 1,
|
||||
longitude: '28.87',
|
||||
latitude: '105.44',
|
||||
iconPath: 'https://lihai001.oss-cn-chengdu.aliyuncs.com/def/cbbd5202311241523412538.png',
|
||||
width: 28,
|
||||
height: 28
|
||||
},
|
||||
locationInfo: {},
|
||||
town: '',
|
||||
street_id: '',
|
||||
street: '',
|
||||
areaList: [],
|
||||
streetList: [],
|
||||
mapList: {},
|
||||
area_change: '',
|
||||
street_change: '',
|
||||
}
|
||||
},
|
||||
onLoad(options) {
|
||||
this.getLoaction();
|
||||
this.loadArea();
|
||||
},
|
||||
onShow() {},
|
||||
computed: {
|
||||
mapKey() {
|
||||
return Object.keys(this.mapList).sort()
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
changeCurrent(e) {
|
||||
this.current = e.index;
|
||||
},
|
||||
getLoaction() {
|
||||
this.street = '定位中'
|
||||
this.locationInfo = {};
|
||||
this.locationInfo.formatted_addresses = {};
|
||||
this.locationInfo.formatted_addresses.recommend = '定位中'
|
||||
uni.getLocation({
|
||||
type: 'wgs84',
|
||||
success: (res) => {
|
||||
res = wgsToGcj(res);
|
||||
let latitude, longitude;
|
||||
latitude = res.latitude.toString();
|
||||
longitude = res.longitude.toString();
|
||||
this.latitude = res.latitude.toFixed(6);
|
||||
this.longitude = res.longitude.toFixed(6);
|
||||
this.$store.commit('setLocation', {
|
||||
lat: res.latitude.toFixed(6),
|
||||
long: res.longitude.toFixed(6),
|
||||
});
|
||||
getGeocoder({
|
||||
lat: latitude,
|
||||
long: longitude
|
||||
}).then(res => {
|
||||
this.locationInfo = res.data;
|
||||
this.town = res.data.address_reference.town.title
|
||||
this.street_id = res.data.address_reference.town.id
|
||||
this.street = res.data.address_reference.town.title;
|
||||
}).catch(err => {
|
||||
uni.showToast({
|
||||
title: err,
|
||||
icon: 'none'
|
||||
})
|
||||
this.street = '定位失败'
|
||||
})
|
||||
},
|
||||
fail: (err) => {
|
||||
console.log('定位失败');
|
||||
this.isshow = false
|
||||
Toast('定位失败,请检查定位权限是否开启')
|
||||
this.street = '定位失败'
|
||||
this.locationInfo.formatted_addresses.recommend = '定位失败'
|
||||
|
||||
// uni.showToast({
|
||||
// title: "获取定位超时",
|
||||
// icon: 'none',
|
||||
// duration: 2000
|
||||
// });
|
||||
}
|
||||
});
|
||||
},
|
||||
reGetLocation() {
|
||||
this.getLoaction()
|
||||
},
|
||||
loadArea() {
|
||||
getArea({
|
||||
city_code: 510500
|
||||
}).then((res) => {
|
||||
this.areaList = res.data;
|
||||
this.changeArea(this.areaList[0]);
|
||||
})
|
||||
},
|
||||
loadStreet(area_code) {
|
||||
this.street_change = '';
|
||||
getStreet({
|
||||
area_code
|
||||
}).then((res) => {
|
||||
this.streetList = res.data;
|
||||
this.initPinyin();
|
||||
})
|
||||
},
|
||||
initPinyin() {
|
||||
this.mapList = {};
|
||||
this.streetList.forEach((item) => {
|
||||
let str = item.pinyin?.toUpperCase();
|
||||
str = str ? str : '#';
|
||||
if (this.mapList[str]) {
|
||||
this.mapList[str].push(item);
|
||||
} else {
|
||||
this.mapList[str] = [];
|
||||
this.mapList[str].push(item)
|
||||
}
|
||||
})
|
||||
},
|
||||
changeArea(item) {
|
||||
this.area_change = item.code;
|
||||
this.loadStreet(this.area_change);
|
||||
},
|
||||
// 选择位置
|
||||
changeStreet(item) {
|
||||
uni.navigateBack({
|
||||
success: () => {
|
||||
uni.$emit('changeAddress', {
|
||||
area: this.area_change,
|
||||
street: item
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
// 点击地图
|
||||
handleMapTap(e) {
|
||||
// console.log('点击地图', e);
|
||||
// #ifdef H5
|
||||
return Toast('H5暂不支持选择坐标');
|
||||
// #endif
|
||||
let longitude = e.detail.longitude;
|
||||
let latitude = e.detail.latitude;
|
||||
this.markers.longitude = longitude;
|
||||
this.markers.latitude = latitude;
|
||||
// console.log('修改成功', this.markers);
|
||||
getGeocoder({
|
||||
lat: latitude,
|
||||
long: longitude
|
||||
}).then(res => {
|
||||
// console.log(res);
|
||||
this.locationInfo = res.data;
|
||||
}).catch(err => {
|
||||
uni.showToast({
|
||||
title: err,
|
||||
icon: 'none'
|
||||
})
|
||||
this.locationInfo = {};
|
||||
this.locationInfo.formatted_addresses = {};
|
||||
this.locationInfo.formatted_addresses.recommend = '定位失败'
|
||||
})
|
||||
},
|
||||
submitAddress() {
|
||||
console.log(this.locationInfo);
|
||||
try {
|
||||
this.town = this.locationInfo.address_reference.town.title;
|
||||
this.street_id = this.locationInfo.address_reference.town.id;
|
||||
this.street = this.locationInfo.address_reference.town.title;
|
||||
let obj = {
|
||||
area: this.locationInfo.ad_info.adcode,
|
||||
street: {
|
||||
name: this.street,
|
||||
code: this.street_id
|
||||
},
|
||||
latitude: this.latitude,
|
||||
longitude: this.longitude
|
||||
}
|
||||
console.log({
|
||||
...obj
|
||||
});
|
||||
uni.navigateBack({
|
||||
success: () => {
|
||||
uni.$emit('changeAddress', obj)
|
||||
}
|
||||
})
|
||||
} catch (e) {
|
||||
return Toast('地址有误,请重新选择')
|
||||
}
|
||||
}
|
||||
},
|
||||
onPullDownRefresh() {
|
||||
uni.stopPullDownRefresh()
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
/* page {
|
||||
background-color: #fff;
|
||||
} */
|
||||
|
||||
.text {
|
||||
font-size: 28rpx;
|
||||
white-space: normal;
|
||||
}
|
||||
|
||||
.head_top {
|
||||
background-color: #fff;
|
||||
padding: 28rpx;
|
||||
}
|
||||
|
||||
.address-box {
|
||||
border-radius: 21rpx 21rpx 0rpx 0rpx;
|
||||
padding: 30rpx 28rpx;
|
||||
width: 750rpx;
|
||||
}
|
||||
|
||||
.head_item {
|
||||
width: 750rpx;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
padding-bottom: 28rpx;
|
||||
font-size: 28rpx;
|
||||
font-family: PingFang SC-Regular, PingFang SC;
|
||||
font-weight: 400;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
.re-location {
|
||||
flex-direction: row;
|
||||
flex-wrap: nowrap;
|
||||
width: 480rpx;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.re-address-img {
|
||||
width: 38.55rpx;
|
||||
height: 38.55rpx;
|
||||
margin-right: 10rpx;
|
||||
}
|
||||
|
||||
.re-btn {
|
||||
flex-direction: row;
|
||||
padding-left: 10rpx;
|
||||
width: 200rpx;
|
||||
height: 100rpx;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.head_item_tips {
|
||||
height: 44rpx;
|
||||
font-size: 32rpx;
|
||||
font-family: PingFang SC-Regular, PingFang SC;
|
||||
font-weight: 400;
|
||||
color: #737373;
|
||||
}
|
||||
|
||||
.address-list {
|
||||
font-size: 28rpx;
|
||||
font-family: PingFang SC-Regular, PingFang SC;
|
||||
font-weight: 400;
|
||||
color: #333333;
|
||||
height: 80rpx;
|
||||
line-height: 75rpx;
|
||||
border-bottom: 1rpx solid rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.area {
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
padding-top: 30rpx;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
|
||||
.area-item {
|
||||
height: 64rpx;
|
||||
/* width: 100px; */
|
||||
background-color: #fff;
|
||||
border-radius: 11rpx 11rpx 11rpx 11rpx;
|
||||
border: 2rpx solid #B3B3B3;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding: 0 20rpx;
|
||||
font-size: 28rpx;
|
||||
font-family: PingFang SC-Medium, PingFang SC;
|
||||
font-weight: 500;
|
||||
color: #737373;
|
||||
margin-bottom: 22rpx;
|
||||
margin-right: 22rpx;
|
||||
}
|
||||
|
||||
.area-item-on {
|
||||
color: #ff6d20;
|
||||
border: 2rpx solid #ff6d20;
|
||||
}
|
||||
|
||||
.street {
|
||||
padding-top: 28rpx;
|
||||
}
|
||||
|
||||
.letter-item {
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.letter {
|
||||
margin-right: 28rpx;
|
||||
font-size: 25rpx;
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 400;
|
||||
width: 40rpx;
|
||||
text-align: center;
|
||||
color: #737373;
|
||||
}
|
||||
|
||||
.item-box {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.street-item {
|
||||
width: 100%;
|
||||
padding-bottom: 28rpx;
|
||||
font-size: 28rpx;
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 400;
|
||||
color: #333333;
|
||||
}
|
||||
</style>
|
||||
1936
pages/cloud_warehouse/small_classification/index.vue
Normal file
1936
pages/cloud_warehouse/small_classification/index.vue
Normal file
File diff suppressed because it is too large
Load Diff
630
pages/cloud_warehouse/small_classification/index_new.vue
Normal file
630
pages/cloud_warehouse/small_classification/index_new.vue
Normal file
@ -0,0 +1,630 @@
|
||||
<!-- 里海云仓小分类 -->
|
||||
<template>
|
||||
<view class="smallClassification">
|
||||
<!-- 占位 -->
|
||||
<view style="height: var(--status-bar-height);"></view>
|
||||
|
||||
<!-- 搜索 -->
|
||||
<view class="search">
|
||||
<view class="icon" @click="handleBack" />
|
||||
<view class="input-wrap">
|
||||
<icon type="search" size="18" />
|
||||
<input type="text" class="uni-input" placeholder="搜索商品" @input="" />
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- goods -->
|
||||
<view class="con">
|
||||
<view class="con-left" :style="{'height':leftDomHeight}">
|
||||
<!-- 侧边栏商品类型 -->
|
||||
<block v-for="(item,indx) in cateData" :key="indx">
|
||||
<view class="con-left-bili_num_2" @click="handleChooseSideBar(item.store_category_id)">
|
||||
<u--image :src="item.pic" width="100rpx" height="100rpx" style="margin-bottom: 20rpx;"
|
||||
shape="circle">
|
||||
<template v-slot:loading>
|
||||
<u-loading-icon color="#999"></u-loading-icon>
|
||||
</template>
|
||||
</u--image>
|
||||
<text class="cate-name"
|
||||
:class="{active:searchParam.mer_cate_id == item.store_category_id?true:false}">{{item.cate_name}}</text>
|
||||
</view>
|
||||
</block>
|
||||
</view>
|
||||
|
||||
<view class="con-right">
|
||||
<!-- 补贴比例标签 -->
|
||||
<view class="con-right-proportion">
|
||||
<image src="../../../static/cloud_warehouse/dkbl.png" />
|
||||
<block v-for="(item,indx) in propotionData" :key="indx">
|
||||
<view class="con-right-proportion-item"
|
||||
:class="{active:searchParam.deduction_rate == item.product_label_id}"
|
||||
@click="handleChooseProp(item.product_label_id)">{{item.label_name}}</view>
|
||||
</block>
|
||||
</view>
|
||||
|
||||
<!-- 商品列表 -->
|
||||
<scroll-view scroll-y="true" class="con-right-goods" :style="{'height':goodsListHeight}"
|
||||
:show-scrollbar="false" :scroll-with-animation="true" @scrolltolower="scrolltolower">
|
||||
<view v-if="goodsData.length > 0">
|
||||
<view class="con-right-goods-item" v-for="(item,indx) in goodsData" :key="indx">
|
||||
<view class="goods-item-left">
|
||||
<u--image :src="item.image" width="190rpx" height="190rpx" radius="10" />
|
||||
</view>
|
||||
<view class="goods-item-right">
|
||||
<view class="goods-item-right-title">
|
||||
<text class="city">同城</text>
|
||||
<text class="name line1">{{item.store_name}}</text>
|
||||
</view>
|
||||
<view class="goods-item-right-redpackat line1">可使用补贴抵扣20%</view>
|
||||
<view class="goods-item-right-rules">
|
||||
<text class="unit">规格：1{{item.unit_name}}</text>
|
||||
<!-- 方山镇 -->
|
||||
<text class="addr"></text>
|
||||
</view>
|
||||
<view class="goods-item-right-purchase">
|
||||
<text class="num">￥{{item.price}}</text>
|
||||
<text class="buy"></text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="loadingicon acea-row row-center-wrapper" style="color: #ccc;">
|
||||
<text class="loading iconfont icon-jiazai" :hidden="hotLoading == false"></text>
|
||||
{{ hotTitle }}
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class='empty-box' v-else>
|
||||
<view class='pictrue'>
|
||||
<u--image src='../../../static/images/empty-box.png' width="414rpx"
|
||||
height="240rpx"></u--image>
|
||||
<view class="txt">暂无更多商品~</view>
|
||||
</view>
|
||||
</view>
|
||||
</scroll-view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 悬浮购买按钮 -->
|
||||
<view class="flow">
|
||||
<image src="../../../static/cloud_warehouse/gwc.png"></image>
|
||||
<text>11</text>
|
||||
</view>
|
||||
|
||||
<!-- 底部结算 -->
|
||||
<view class="footer">
|
||||
<view class="footer-left">
|
||||
<text class="price">￥184.00</text>
|
||||
<text class="desc">支持配送 售后无忧</text>
|
||||
</view>
|
||||
<view class="footer-right">去结算</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
getProportion,
|
||||
getCategory,
|
||||
goodsList
|
||||
} from "@/api/cloud_warehouse.js";
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
leftDomHeight: 0, //左侧农产品类型高度
|
||||
goodsListHeight: 0, //右侧商品列表高度
|
||||
propotionData: [], //比例
|
||||
cateData: [], //分类
|
||||
goodsData: [], //商品列表
|
||||
pid: '', //上一级id
|
||||
searchParam: {
|
||||
mer_cate_id: '', //商品类型id
|
||||
mer_id: '', //商铺id
|
||||
deduction_rate: '', //抵扣比例id
|
||||
keyword: '', //关键字查询
|
||||
page: 1,
|
||||
limit: 10
|
||||
},
|
||||
// 滚动加载
|
||||
hotTitle: '加载更多',
|
||||
hotLoading: false,
|
||||
hotScroll: true,
|
||||
}
|
||||
},
|
||||
onLoad(opt) {
|
||||
this.pid = opt.pid;
|
||||
this.searchParam.mer_id = opt.mer_id; //商铺id
|
||||
|
||||
this.initHeight();
|
||||
this.initGoodsListHeight();
|
||||
this.initConfig();
|
||||
},
|
||||
methods: {
|
||||
// 返回
|
||||
handleBack() {
|
||||
uni.navigateBack({
|
||||
delta: 1
|
||||
})
|
||||
},
|
||||
|
||||
// 初始化商品列表参数
|
||||
initConfig() {
|
||||
uni.showLoading({
|
||||
title: "加载中",
|
||||
})
|
||||
Promise.all([getProportion({
|
||||
mer_id: this.searchParam.mer_id
|
||||
}), getCategory(this.searchParam.mer_id, this.pid)]).then(res => {
|
||||
uni.hideLoading();
|
||||
const [proportion, cate] = res;
|
||||
this.cateData = cate.data;
|
||||
this.propotionData = proportion.data;
|
||||
|
||||
//初始化
|
||||
this.searchParam.mer_cate_id = this.cateData[0].store_category_id;
|
||||
// this.searchParam.deduction_rate = this.propotionData[0].product_label_id;
|
||||
|
||||
this.getGoodsList();
|
||||
}).catch(er => {
|
||||
uni.hideLoading();
|
||||
})
|
||||
},
|
||||
|
||||
// 滚动到底部
|
||||
scrolltolower(e) {
|
||||
this.getGoodsList();
|
||||
},
|
||||
|
||||
// 获取商品分类列表
|
||||
getGoodsList() {
|
||||
let that = this;
|
||||
let num = that.searchParam.limit;
|
||||
if (!that.hotScroll) return;
|
||||
if (that.hotLoading) return;
|
||||
that.hotLoading = true;
|
||||
that.hotTitle = '';
|
||||
|
||||
goodsList(this.searchParam).then(res => {
|
||||
let list = res.data.list;
|
||||
let hotScroll;
|
||||
if (list.length < num && list.length != 0 || list.length == 0)
|
||||
hotScroll = true;
|
||||
else
|
||||
hotScroll = false;
|
||||
that.hotScroll = hotScroll;
|
||||
that.hotLoading = false;
|
||||
that.hotTitle = hotScroll ? '已全部加载' : '加载更多';
|
||||
that.goodsData = that.goodsData.concat(list);
|
||||
that.searchParam.page += 1;
|
||||
});
|
||||
},
|
||||
|
||||
// 比例
|
||||
handleChooseProp(e) {
|
||||
this.goodsData = [];
|
||||
this.searchParam.page = 1;
|
||||
this.searchParam.deduction_rate = e;
|
||||
this.getGoodsList();
|
||||
},
|
||||
|
||||
// 侧边栏商品类型
|
||||
handleChooseSideBar(e) {
|
||||
this.goodsData = [];
|
||||
this.searchParam.page = 1;
|
||||
this.searchParam.mer_cate_id = e;
|
||||
this.getGoodsList();
|
||||
},
|
||||
|
||||
// 具体商品列表高度
|
||||
initGoodsListHeight() {
|
||||
this.$nextTick(async () => {
|
||||
let footerDom = await this.getDomInfo(".footer");
|
||||
let goodsDom = await this.getDomInfo(".con-right-goods");
|
||||
this.goodsListHeight = footerDom.top - goodsDom.top + "px";
|
||||
})
|
||||
},
|
||||
|
||||
// 农产品类型高度
|
||||
initHeight() {
|
||||
this.$nextTick(async () => {
|
||||
let leftDom = await this.getDomInfo(".con-left");
|
||||
let flowDom = await this.getDomInfo(".flow");
|
||||
this.leftDomHeight = flowDom.top - leftDom.top + "px";
|
||||
})
|
||||
},
|
||||
|
||||
// 获取dom布局信息
|
||||
getDomInfo(selector) {
|
||||
return new Promise((resolve, reject) => {
|
||||
uni.createSelectorQuery().in(this).select(selector).boundingClientRect((data) => {
|
||||
resolve(data);
|
||||
}).exec();
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style lang="scss">
|
||||
page {
|
||||
height: 100%;
|
||||
background-color: #F7F7F7;
|
||||
}
|
||||
|
||||
view,
|
||||
text {
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.smallClassification {
|
||||
width: 100%;
|
||||
height: 760rpx;
|
||||
background-image: url("https://lihai001.oss-cn-chengdu.aliyuncs.com/def/80b54202402290906142644.webp");
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
|
||||
.search {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 102rpx 30rpx 0;
|
||||
box-sizing: border-box;
|
||||
margin-bottom: 42rpx;
|
||||
|
||||
.icon {
|
||||
width: 24rpx;
|
||||
height: 24rpx;
|
||||
border: 2rpx solid #fff;
|
||||
border-bottom-color: transparent;
|
||||
border-right-color: transparent;
|
||||
transform: rotate(-45deg);
|
||||
margin-right: 20rpx;
|
||||
}
|
||||
|
||||
.input-wrap {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
background: #FFFFFF;
|
||||
border-radius: 29rpx;
|
||||
height: 58rpx;
|
||||
padding-left: 16rpx;
|
||||
|
||||
input {
|
||||
width: 494rpx;
|
||||
height: 100%;
|
||||
margin-right: 20rpx;
|
||||
box-sizing: border-box;
|
||||
margin-left: 20rpx;
|
||||
color: #7A7A7A;
|
||||
}
|
||||
|
||||
.uni-input-placeholder {
|
||||
font-size: 28rpx;
|
||||
color: #9f9f9f;
|
||||
}
|
||||
}
|
||||
|
||||
text {
|
||||
width: 100rpx;
|
||||
font-size: 28rpx;
|
||||
font-family: PingFang SC;
|
||||
font-weight: 500;
|
||||
color: #FFFFFF;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
image {
|
||||
width: 42rpx;
|
||||
height: 40rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.con {
|
||||
display: flex;
|
||||
|
||||
.con-left {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
width: 176rpx;
|
||||
overflow: auto;
|
||||
|
||||
.con-left-bili_title {
|
||||
margin-bottom: 40rpx;
|
||||
}
|
||||
|
||||
[class^=con-left-bili_num_] {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
margin-bottom: 30rpx;
|
||||
|
||||
text {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
font-size: 26rpx;
|
||||
font-family: PingFang SC;
|
||||
font-weight: 400;
|
||||
color: #262626;
|
||||
text-align: center;
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
.active {
|
||||
font-size: 26rpx;
|
||||
font-family: PingFang SC;
|
||||
font-weight: bold;
|
||||
color: #252525;
|
||||
|
||||
&::after {
|
||||
content: "";
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
bottom: -10rpx;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
width: 80rpx;
|
||||
height: 18rpx;
|
||||
background: linear-gradient(90deg, #FF8057 0%, rgba(86, 197, 113, 0) 100%);
|
||||
border-radius: 9rpx 0rpx 0rpx 9rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.con-right {
|
||||
width: calc(100vw - 176rpx);
|
||||
padding-right: 20rpx;
|
||||
box-sizing: border-box;
|
||||
|
||||
.con-right-proportion {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
height: 38rpx;
|
||||
margin-bottom: 25rpx;
|
||||
|
||||
image {
|
||||
width: 154rpx;
|
||||
height: 28rpx;
|
||||
margin-right: 50rpx;
|
||||
}
|
||||
|
||||
.con-right-proportion-item {
|
||||
margin-right: 22rpx;
|
||||
font-size: 26rpx;
|
||||
font-family: PingFang SC;
|
||||
font-weight: 500;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
.active {
|
||||
padding: 7rpx 22rpx;
|
||||
background: #FEE109;
|
||||
border-radius: 17rpx;
|
||||
font-size: 26rpx;
|
||||
font-family: PingFang SC;
|
||||
font-weight: 500;
|
||||
color: #616161;
|
||||
}
|
||||
}
|
||||
|
||||
.con-right-goods {
|
||||
overflow: auto;
|
||||
|
||||
.con-right-goods-item {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
margin-bottom: 20rpx;
|
||||
padding: 20rpx;
|
||||
background: #FFFFFF;
|
||||
border-radius: 30rpx;
|
||||
|
||||
.goods-item-left {
|
||||
background: #A3CAB9;
|
||||
border-radius: 20rpx;
|
||||
margin-right: 20rpx;
|
||||
}
|
||||
|
||||
.goods-item-right {
|
||||
flex: 1;
|
||||
|
||||
.goods-item-right-title {
|
||||
display: flex;
|
||||
margin-bottom: 20rpx;
|
||||
|
||||
.city {
|
||||
margin-right: 10rpx;
|
||||
padding: 4rpx 8rpx;
|
||||
background: #FF8056;
|
||||
border-radius: 6rpx;
|
||||
font-size: 20rpx;
|
||||
font-family: PingFang SC;
|
||||
font-weight: 400;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
.name {
|
||||
width: 206rpx;
|
||||
height: 28rpx;
|
||||
font-size: 26rpx;
|
||||
font-family: PingFang SC;
|
||||
color: #1A1A1A;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
}
|
||||
|
||||
.goods-item-right-redpackat {
|
||||
display: inline-block;
|
||||
margin-bottom: 18rpx;
|
||||
padding: 6rpx 14rpx;
|
||||
background: rgba(246, 68, 39, .28);
|
||||
border-radius: 17rpx;
|
||||
font-size: 22rpx;
|
||||
font-family: PingFang SC;
|
||||
font-weight: 400;
|
||||
color: #F23131;
|
||||
}
|
||||
|
||||
.goods-item-right-rules {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-bottom: 25rpx;
|
||||
|
||||
.unit,
|
||||
.addr {
|
||||
font-size: 22rpx;
|
||||
font-family: PingFang SC;
|
||||
font-weight: 400;
|
||||
color: #7A7A7A;
|
||||
}
|
||||
|
||||
.unit {}
|
||||
|
||||
.addr {}
|
||||
}
|
||||
|
||||
.goods-item-right-purchase {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
|
||||
.num {
|
||||
font-size: 24rpx;
|
||||
font-family: PingFang SC;
|
||||
font-weight: 500;
|
||||
color: #1A1A1A;
|
||||
}
|
||||
|
||||
.buy {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
width: 40rpx;
|
||||
height: 40rpx;
|
||||
background: #FF8056;
|
||||
border-radius: 50%;
|
||||
|
||||
&::after,
|
||||
&::before {
|
||||
content: "";
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
width: 24rpx;
|
||||
height: 4rpx;
|
||||
background: #FFFFFF;
|
||||
}
|
||||
|
||||
&::before {
|
||||
transform: translate(-50%, -50%) rotate(90deg);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.footer {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
padding: 0 20rpx 0 40rpx;
|
||||
width: 750rpx;
|
||||
height: 166rpx;
|
||||
background: #FFFFFF;
|
||||
box-sizing: border-box;
|
||||
|
||||
.footer-left {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
margin-top: 14rpx;
|
||||
|
||||
.price {
|
||||
width: 131rpx;
|
||||
height: 28rpx;
|
||||
font-size: 30rpx;
|
||||
font-family: PingFang SC;
|
||||
font-weight: 400;
|
||||
color: #1A1A1A;
|
||||
margin-bottom: 18rpx;
|
||||
}
|
||||
|
||||
.desc {
|
||||
font-size: 26rpx;
|
||||
font-family: PingFang SC;
|
||||
font-weight: 400;
|
||||
color: #616161;
|
||||
}
|
||||
}
|
||||
|
||||
.footer-right {
|
||||
width: 200rpx;
|
||||
height: 78rpx;
|
||||
line-height: 78rpx;
|
||||
text-align: center;
|
||||
background: linear-gradient(-20deg, #FF8154 0%, #FF8154 100%);
|
||||
border-radius: 39rpx;
|
||||
font-size: 30rpx;
|
||||
font-family: PingFang SC;
|
||||
font-weight: 500;
|
||||
color: #FFFFFF;
|
||||
margin-top: 10rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.flow {
|
||||
position: fixed;
|
||||
bottom: 180rpx;
|
||||
left: 35rpx;
|
||||
|
||||
image {
|
||||
width: 110rpx;
|
||||
height: 110rpx;
|
||||
}
|
||||
|
||||
text {
|
||||
position: absolute;
|
||||
top: -3rpx;
|
||||
right: -2rpx;
|
||||
width: 40rpx;
|
||||
height: 40rpx;
|
||||
line-height: 40rpx;
|
||||
background: #FFCE51;
|
||||
border-radius: 50%;
|
||||
font-size: 24rpx;
|
||||
font-family: PingFang SC;
|
||||
font-weight: 500;
|
||||
color: #616161;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
.empty-box {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin: 100rpx auto 0;
|
||||
|
||||
image {
|
||||
width: 414rpx;
|
||||
height: 240rpx;
|
||||
}
|
||||
|
||||
.txt {
|
||||
font-size: 26rpx;
|
||||
color: #999;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@ -40,7 +40,7 @@
|
||||
</view>
|
||||
|
||||
<view v-if="list.length == 0">
|
||||
<emptyPage title="暂无邀请好友记录哦～"></emptyPage>
|
||||
<emptyPage title="暂无邀请好友记录哦～" mt="60rpx"></emptyPage>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
@ -67,7 +67,7 @@
|
||||
loadTitle: '加载更多',
|
||||
isAuto: false, //没有授权的不会自动授权
|
||||
isShowAuth: false, //是否隐藏授权
|
||||
uid:''
|
||||
uid: ''
|
||||
}
|
||||
},
|
||||
onLoad() {
|
||||
@ -81,7 +81,7 @@
|
||||
onReachBottom: function() {
|
||||
this.getList();
|
||||
},
|
||||
|
||||
|
||||
methods: {
|
||||
// 获取二维码
|
||||
getQrcode() {
|
||||
@ -113,15 +113,15 @@
|
||||
that.loadTitle = '加载更多';
|
||||
})
|
||||
},
|
||||
|
||||
|
||||
getUserInfo() {
|
||||
let userInfo = this.$Cache.get("USER_INFO");
|
||||
if(userInfo){
|
||||
if (userInfo) {
|
||||
userInfo = JSON.parse(userInfo);
|
||||
this.uid = userInfo.uid;
|
||||
}
|
||||
},
|
||||
|
||||
|
||||
handleSavePic() {
|
||||
// 获取要保存的图片路径或URL
|
||||
let imageUrl = this.qrcodeUrl; // 这里使用了网络上的图片作为示例
|
||||
@ -136,7 +136,7 @@
|
||||
// #endif
|
||||
|
||||
// #ifndef H5
|
||||
let that =this;
|
||||
let that = this;
|
||||
uni.downloadFile({
|
||||
url: imageUrl,
|
||||
success(res) {
|
||||
@ -273,9 +273,9 @@
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 400;
|
||||
color: #2E2E2E;
|
||||
white-space:nowrap;
|
||||
overflow:hidden;
|
||||
text-overflow:ellipsis;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.red {
|
||||
|
||||
BIN
static/cloud_warehouse/dkbl.png
Normal file
BIN
static/cloud_warehouse/dkbl.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.2 KiB |
BIN
static/cloud_warehouse/dw.png
Normal file
BIN
static/cloud_warehouse/dw.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.0 KiB |
BIN
static/images/dingwei.webp
Normal file
BIN
static/images/dingwei.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
Loading…
x
Reference in New Issue
Block a user