mkm/nk-shop2.0
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

大更新

Browse Source
This commit is contained in:
cc_zbp 2023-05-15 11:04:57 +08:00
parent 42efea0daa
commit c3c9afbe0f
16 changed files with 4209 additions and 2403 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
components/associated.vue
View File

@ -133,19 +133,21 @@
collect: [],
bought: [],
browse: [],
checkedArr: this.checkedObj,
checkedArr: [],
};
},
watch: {
checkedObj: {
handler(n) {
this.checkedArr = n
console.log('watch', this.checkedArr);
},
deep: true
}
},
mounted() {
this.checkedArr = this.checkedObj
console.log('mounted', this.checkedArr);
this.getBounht();
this.getCollect();
this.getBrowse();
@ -286,17 +288,20 @@
/*点击选中与否*/
goodsCheck(item, index) {
this.$set(item, 'check', !item.check);
console.log("Arr", this.checkedArr);
if (item.check) {
this.checkedArr.push(item)
console.log(this.checkedArr)
console.log("增加", this.checkedArr)
} else {
console.log("删除前", this.checkedArr);
this.checkedArr.splice(this.checkedArr.findIndex(itemn => ((itemn.spu_id == item.spu_id) || (item.spu_id == (
itemn.spu && itemn.spu.spu_id)))), 1)
console.log("删除后", this.checkedArr);
}
},
/*确定提交*/
submit() {
console.log('提交', this.checkedArr);
this.$emit('getProduct', this.checkedArr);
},
}

219
components/zbpSwiper.vue Normal file
View File

@ -0,0 +1,219 @@
<template>
<view class="zbp-head-wrapper">
<view class="color-lump"></view>
<view class="bg-img">
<img :src="bgColor" alt="">
</view>
<view class="site-box flex_a_c_j_sb">
<view class="place_wrapper flex_a_c">
<view class="iconfont icon-weizhi"></view>
<view class="town_name">{{street}}</view>
</view>
<navigator url="/pages/chat/customer_list/index?type=0" hover-class="none">
<view class="iconfont icon-xiaoxi" style="color:#fff;"></view>
</navigator>
</view>
<!-- 搜索栏 -->
<navigator url="/pages/columnGoods/goods_search/index" hover-class="none" class="search_content flex_a_c_j_sb">
<view class="flex_a_c">
<view class="iconfont icon-sousuo"></view>
<input type="text" v-model="keyword" placeholder="搜索产品或店铺">
</view>
<button class="search_btn">搜索</button>
</navigator>
<!-- 轮播图 -->
<view class="supply_chains-head">
<swiper class="swiper l_center" @change="swiperChange" :indicator-dots="swiper.indicatorDots"
:autoplay="swiper.autoplay" :interval="swiper.interval" :duration="swiper.duration"
indicator-active-color="#fff">
<block v-for="(item,i) in swiper['url']" :key="i">
<swiper-item class="swi_item">
<u--image radius="15" :showLoading="true" :src="item.img" width="694.74rpx" height="242.11rpx"
mode="aspectFill">
</u--image>
</swiper-item>
</block>
</swiper>
</view>
</view>
</template>
<script>
import { getIndexData, getDiy } from '@/api/api.js'
import { mapGetters } from 'vuex'
export default {
data() {
return {
keyword: '',
street: '',
bgColor: '',
swiper: {
url: [{
img: ''
}],
indicatorDots: true, // 显示面板指示点
vertical: false, // 滑动方向是否为纵向
autoplay: true, // 是否自动切换
interval: 2000, // 自动切换时间间隔
duration: 400 // 滑动动画时长
},
}
},
computed: mapGetters(['location']),
watch: {},
created() {
const loca = JSON.parse(this.location)
this.street = loca.address_component.street
this.getBanner()
},
methods: {
swiperChange(e) {
let { current, source } = e.detail;
if (source === 'autoplay' || source === 'touch') {
this.bgColor = this.swiper.url[e.detail.current]['img']
}
},
async getBanner() {
this.swiper.url = [{
img: 'https://lihai001.oss-cn-chengdu.aliyuncs.com/def/db8c4202304281456295061.png'
},
{
img: 'https://lihai001.oss-cn-chengdu.aliyuncs.com/def/dbefb202304281456319848.png'
},
{
img: 'https://lihai001.oss-cn-chengdu.aliyuncs.com/def/2219c202304281456309025.png'
},
{
img: 'https://lihai001.oss-cn-chengdu.aliyuncs.com/def/b4f86202304281456307136.png'
},
{
img: 'https://lihai001.oss-cn-chengdu.aliyuncs.com/def/3b6ae202304281456327858.png'
}
]
// const { data } = await getDiy({ id: 0 })
// if (data.value['1683638943100000']) {
// this.swiper.url = data.value['1683638943100000'].swiperConfig.list
// } else {
// this.swiper.url = data.value['1683875164005000'].swiperConfig.list
// }
this.bgColor = this.swiper.url[0].img
},
}
}
</script>
<style lang="scss">
.zbp-head-wrapper {
position: relative;
padding-top: 78.95rpx;
overflow: hidden;
.color-lump {
z-index: 1;
position: absolute;
bottom: -86px;
left: 50%;
transform: translate(-50%, 0);
width: 102%;
height: 133px;
border-radius: 30px 30px 0 0;
background-color: #fff;
}
.bg-img {
position: absolute;
width: 100%;
height: 100%;
top: 0;
/* #ifdef MP || APP-PLUS */
z-index: -1;
/* #endif */
/* #ifdef H5 */
z-index: 0;
/* #endif */
z-index: 0;
filter: blur(0);
overflow: hidden;
img {
width: 100%;
height: 100%;
filter: blur(30rpx);
transform: scale(1.5);
}
}
.site-box {
margin: 0 auto;
width: 694.74rpx;
height: 66.67rpx;
margin-bottom: 26.32rpx;
position: relative;
// 位置
.place_wrapper {
color: #fff;
margin-right: 24.56rpx;
font-size: 31.58rpx;
.town_name {
margin-left: 10.53rpx;
}
}
.iconfont {
font-size: 35.09rpx;
}
}
.my-main {
transition: background-color .5s ease;
}
.search_content {
margin: 0 auto;
width: 694.74rpx;
height: 61.4rpx;
padding: 2px 2px 2px 21.05rpx;
border-radius: 100px;
background: #fff;
margin-bottom: 17.54rpx;
position: relative;
box-sizing: border-box;
.icon-sousuo {
font-size: 26.32rpx;
font-weight: bold;
color: #c8c7c6;
margin-right: 17.54rpx;
}
.search_btn {
color: #fff;
width: 105.26rpx;
height: 52.63rpx;
line-height: 52.63rpx;
background: #f84221;
border-radius: 100px;
font-size: 28.07rpx;
}
}
.supply_chains-head {
margin-bottom: 17.54rpx;
position: relative;
z-index: 2;
.swiper {
width: 694.74rpx;
height: 242.11rpx;
margin: 0 auto;
.swi_item {
width: 100%;
height: 242.11rpx;
}
}
}
}
</style>

3
pages.json
View File

@ -1180,6 +1180,7 @@
//#endif
"style": {
"navigationBarTitleText": "社区短视频",
"navigationStyle": "custom",
"app-plus": {
"titleNView": false,
"bounce": "none"
@ -1295,7 +1296,7 @@
"pagePath": "pages/plant_release/index",
"iconPath": "static/tabbar_icon/d.png",
"selectedIconPath": "static/tabbar_icon/d-a.png",
"text": "逛逛"
"text": "发布"
},
{
"pagePath": "pages/supply_chains/supply_chains",

326
pages/gather/gather.vue
View File

@ -1,170 +1,163 @@
<template>
<view class="gather">
<view class="supply_chains-head">
<swiper class="swiper l_center" :indicator-dots="swiper.indicatorDots" :autoplay="swiper.autoplay"
:interval="swiper.interval" :duration="swiper.duration" indicator-active-color="#fff">
<block v-for="(item,i) in swiper['url']" :key="i">
<swiper-item class="swi_item">
<u--image :showLoading="true" :src="item.img" width="750rpx" height="500rpx" mode="aspectFill">
</u--image>
</swiper-item>
</block>
</swiper>
</view>
<view class="special_work com" v-if="userInfoData.mer_info.type_id === 12">
<!-- <view class="special_work com" v-if="true"> -->
<view class="title">市级供应链</view>
<view class="content">
<view class="examine" @click="navigator(`/pages/nongKe/supply_chain/goods_list?merid=${mer_id}`)">
<image class="icon_img" :src="`${prefix}zsgl.png`" mode="aspectFill"></image>
<text class="text">在售管理</text>
</view>
<view class="examine" @click="navigator(`/pages/admin/order/index?mer_id=${mer_id}&product_type=98`)">
<image class="icon_img" :src="`${prefix}cwgl.png`" mode="aspectFill"></image>
<text class="text">财务管理</text>
</view>
<view class="examine" @click="navigator(`/pages/nongKe/gather/select_warehouse?mer_id=${mer_id}`)">
<image class="icon_img" :src="`${prefix}rkgl.png`" mode="aspectFill">
</image>
<text class="text">入库管理</text>
</view>
<view class="examine" @click="navigator(`/pages/product/basicSet?mer_id=${mer_id}&product_type=98`, '商户设置')">
<image class="icon_img" :src="`${prefix}shsz.png`" mode="aspectFill"></image>
<text class="text">商户设置</text>
</view>
<view class="examine" @click="navigator(`/pages/product/list/index?mer_id=${mer_id}`)">
<image class="icon_img" :src="`${prefix}spgl.png`" mode="aspectFill">
</image>
<text class="text">商品管理</text>
</view>
<view class="examine" @click="navigator(`/pages/users/embody/embody?mer_id=${mer_id}`)">
<image class="icon_img" :src="`${prefix}txgl.png`" mode="aspectFill">
</image>
<text class="text">提现管理</text>
</view>
</view>
</view>
<view class="business com" v-if="userInfoData.mer_info.type_id === 10">
<!-- <view class="business com" v-if="true"> -->
<view class="special_work com">
<view class="title">我的店铺</view>
<view class="content ">
<view class="examine" @click="navigator(`/pages/nongKe/supply_chain/supplier?type_id=12&isDetail=1`)">
<image class="icon_img" :src="`${prefix}ghcg.png`" mode="aspectFill"></image>
<text class="text">供货采购</text>
<zbpSwiper></zbpSwiper>
<u-empty :show="jurisdiction" marginTop="260" mode="permission" :text="emptyText"
icon="http://cdn.uviewui.com/uview/empty/permission.png"></u-empty>
<block v-if="isLogin">
<view class="special_work com" v-if="userInfoData.mer_info.type_id === 12">
<!-- <view class="special_work com" v-if="true"> -->
<view class="title">市级供应链</view>
<view class="content">
<view class="examine" @click="navigator(`/pages/nongKe/supply_chain/goods_list?merid=${mer_id}`)">
<image class="icon_img" :src="`${prefix}zsgl.png`" mode="aspectFill"></image>
<text class="text">在售管理</text>
</view>
<view class="examine" @click="navigator('/pages/nongKe/supply_chain/purchase_control')">
<image class="icon_img" :src="`${prefix}jhgl.png`" mode="aspectFill"></image>
<text class="text">进货管理</text>
</view>
<view class="examine" @click="navigator(`/pages/admin/stockOut/index?mer_id=${mer_id}`)">
<image class="icon_img" :src="`${prefix}smck.png`" mode="aspectFill">
</image>
<text class="text">扫码出库</text>
<view class="examine" @click="navigator(`/pages/admin/order/index?mer_id=${mer_id}&product_type=98`)">
<image class="icon_img" :src="`${prefix}cwgl.png`" mode="aspectFill"></image>
<text class="text">财务管理</text>
</view>
<view class="examine" @click="navigator(`/pages/nongKe/gather/select_warehouse?mer_id=${mer_id}`)">
<image class="icon_img" :src="`${prefix}rkgl.png`" mode="aspectFill">
</image>
<text class="text">入库管理</text>
</view>
<view class="examine" @click="navigator(`/pages/users/embody/embody?mer_id=${mer_id}`)">
<image class="icon_img" :src="`${prefix}txgl.png`" mode="aspectFill">
</image>
<text class="text">提现管理</text>
</view>
<view class="examine" @click="navigator(`/pages/chat/customer_list/index?type=1&mer_id=${mer_id}`)">
<image class="icon_img" :src="`${prefix}kfjl.png`" mode="aspectFill">
</image>
<text class="text">客服记录</text>
</view>
<view class="examine" @click="navigator(`/pages/admin/order_cancellation/index?mer_id=${mer_id}`)">
<image class="icon_img" :src="`${prefix}ddhx.png`" mode="aspectFill">
</image>
<text class="text">订单核销</text>
</view>
<view class="examine" @click="navigator(`/pages/admin/order/index?mer_id=${mer_id}`)">
<image class="icon_img" :src="`${prefix}ddgl.png`" mode="aspectFill">
</image>
<text class="text">订单管理</text>
<view class="examine" @click="navigator(`/pages/product/basicSet?mer_id=${mer_id}&product_type=98`, '商户设置')">
<image class="icon_img" :src="`${prefix}shsz.png`" mode="aspectFill"></image>
<text class="text">商户设置</text>
</view>
<view class="examine" @click="navigator(`/pages/product/list/index?mer_id=${mer_id}`)">
<image class="icon_img" :src="`${prefix}spgl.png`" mode="aspectFill">
</image>
<text class="text">商品管理</text>
</view>
<view class="examine" @click="navigator(`/pages/product/basicSet?mer_id=${mer_id}`, '商户设置')">
<image class="icon_img" :src="`${prefix}shsz.png`" mode="aspectFill">
</image>
<text class="text">商户设置</text>
</view>
</view>
</view>
<!-- <gatherBusiness :userInfoData="userInfoData" /> -->
</view>
<view class="business com" v-if="userInfoData.mer_info.type_id === 11">
<!-- <view class="business com" v-if="true"> -->
<view class="special_work com">
<view class="title">里海云仓</view>
<view class="content ">
<view class="examine" @click="navigator(`/pages/nongKe/supply_chain/supplier?type_id=12&isDetail=1`)">
<image class="icon_img" :src="`${prefix}ghcg.png`" mode="aspectFill"></image>
<text class="text">供货采购</text>
</view>
<view class="examine" @click="navigator('/pages/nongKe/supply_chain/purchase_control')">
<image class="icon_img" :src="`${prefix}jhgl.png`" mode="aspectFill"></image>
<text class="text">进货管理</text>
</view>
<view class="examine" @click="navigator(`/pages/admin/stockOut/index?mer_id=${mer_id}`)">
<image class="icon_img" :src="`${prefix}smck.png`" mode="aspectFill">
</image>
<text class="text">扫码出库</text>
</view>
<view class="examine" @click="navigator(`/pages/nongKe/gather/select_warehouse?mer_id=${mer_id}`)">
<image class="icon_img" :src="`${prefix}rkgl.png`" mode="aspectFill">
</image>
<text class="text">入库管理</text>
</view>
<view class="examine" @click="navigator(`/pages/users/embody/embody?mer_id=${mer_id}`)">
<image class="icon_img" :src="`${prefix}txgl.png`" mode="aspectFill">
</image>
<text class="text">提现管理</text>
</view>
<view class="examine" @click="navigator(`/pages/chat/customer_list/index?type=1&mer_id=${mer_id}`)">
<image class="icon_img" :src="`${prefix}kfjl.png`" mode="aspectFill">
</image>
<text class="text">客服记录</text>
</view>
<view class="examine" @click="navigator(`/pages/admin/order_cancellation/index?mer_id=${mer_id}`)">
<image class="icon_img" :src="`${prefix}ddhx.png`" mode="aspectFill">
</image>
<text class="text">订单核销</text>
</view>
<view class="examine" @click="navigator(`/pages/admin/order/index?mer_id=${mer_id}`)">
<image class="icon_img" :src="`${prefix}ddgl.png`" mode="aspectFill">
</image>
<text class="text">订单管理</text>
</view>
<view class="examine" @click="navigator(`/pages/product/list/index?mer_id=${mer_id}`)">
<image class="icon_img" :src="`${prefix}spgl.png`" mode="aspectFill">
</image>
<text class="text">商品管理</text>
</view>
<view class="examine" @click="navigator(`/pages/product/basicSet?mer_id=${mer_id}`, '商户设置')">
<image class="icon_img" :src="`${prefix}shsz.png`" mode="aspectFill">
</image>
<text class="text">商户设置</text>
</view>
</view>
</view>
<view class="" v-if="userInfoData.mer_info">暂无您的工作台</view>
</view>
<view class="business com" v-if="userInfoData.mer_info.type_id === 10">
<!-- <view class="business com" v-if="true"> -->
<view class="special_work com">
<view class="title">我的店铺</view>
<view class="content ">
<view class="examine" @click="navigator(`/pages/nongKe/supply_chain/supplier?type_id=12&isDetail=1`)">
<image class="icon_img" :src="`${prefix}ghcg.png`" mode="aspectFill"></image>
<text class="text">供货采购</text>
</view>
<view class="examine" @click="navigator('/pages/nongKe/supply_chain/purchase_control')">
<image class="icon_img" :src="`${prefix}jhgl.png`" mode="aspectFill"></image>
<text class="text">进货管理</text>
</view>
<view class="examine" @click="navigator(`/pages/admin/stockOut/index?mer_id=${mer_id}`)">
<image class="icon_img" :src="`${prefix}smck.png`" mode="aspectFill">
</image>
<text class="text">扫码出库</text>
</view>
<view class="examine" @click="navigator(`/pages/nongKe/gather/select_warehouse?mer_id=${mer_id}`)">
<image class="icon_img" :src="`${prefix}rkgl.png`" mode="aspectFill">
</image>
<text class="text">入库管理</text>
</view>
<view class="examine" @click="navigator(`/pages/users/embody/embody?mer_id=${mer_id}`)">
<image class="icon_img" :src="`${prefix}txgl.png`" mode="aspectFill">
</image>
<text class="text">提现管理</text>
</view>
<view class="examine" @click="navigator(`/pages/chat/customer_list/index?type=1&mer_id=${mer_id}`)">
<image class="icon_img" :src="`${prefix}kfjl.png`" mode="aspectFill">
</image>
<text class="text">客服记录</text>
</view>
<view class="examine" @click="navigator(`/pages/admin/order_cancellation/index?mer_id=${mer_id}`)">
<image class="icon_img" :src="`${prefix}ddhx.png`" mode="aspectFill">
</image>
<text class="text">订单核销</text>
</view>
<view class="examine" @click="navigator(`/pages/admin/order/index?mer_id=${mer_id}`)">
<image class="icon_img" :src="`${prefix}ddgl.png`" mode="aspectFill">
</image>
<text class="text">订单管理</text>
</view>
<view class="examine" @click="navigator(`/pages/product/list/index?mer_id=${mer_id}`)">
<image class="icon_img" :src="`${prefix}spgl.png`" mode="aspectFill">
</image>
<text class="text">商品管理</text>
</view>
<view class="examine" @click="navigator(`/pages/product/basicSet?mer_id=${mer_id}`, '商户设置')">
<image class="icon_img" :src="`${prefix}shsz.png`" mode="aspectFill">
</image>
<text class="text">商户设置</text>
</view>
</view>
</view>
<!-- <gatherBusiness :userInfoData="userInfoData" /> -->
</view>
<view class="business com" v-if="userInfoData.mer_info.type_id === 11">
<!-- <view class="business com" v-if="true"> -->
<view class="special_work com">
<view class="title">里海云仓</view>
<view class="content ">
<view class="examine" @click="navigator(`/pages/nongKe/supply_chain/supplier?type_id=12&isDetail=1`)">
<image class="icon_img" :src="`${prefix}ghcg.png`" mode="aspectFill"></image>
<text class="text">供货采购</text>
</view>
<view class="examine" @click="navigator('/pages/nongKe/supply_chain/purchase_control')">
<image class="icon_img" :src="`${prefix}jhgl.png`" mode="aspectFill"></image>
<text class="text">进货管理</text>
</view>
<view class="examine" @click="navigator(`/pages/admin/stockOut/index?mer_id=${mer_id}`)">
<image class="icon_img" :src="`${prefix}smck.png`" mode="aspectFill">
</image>
<text class="text">扫码出库</text>
</view>
<view class="examine" @click="navigator(`/pages/nongKe/gather/select_warehouse?mer_id=${mer_id}`)">
<image class="icon_img" :src="`${prefix}rkgl.png`" mode="aspectFill">
</image>
<text class="text">入库管理</text>
</view>
<view class="examine" @click="navigator(`/pages/users/embody/embody?mer_id=${mer_id}`)">
<image class="icon_img" :src="`${prefix}txgl.png`" mode="aspectFill">
</image>
<text class="text">提现管理</text>
</view>
<view class="examine" @click="navigator(`/pages/chat/customer_list/index?type=1&mer_id=${mer_id}`)">
<image class="icon_img" :src="`${prefix}kfjl.png`" mode="aspectFill">
</image>
<text class="text">客服记录</text>
</view>
<view class="examine" @click="navigator(`/pages/admin/order_cancellation/index?mer_id=${mer_id}`)">
<image class="icon_img" :src="`${prefix}ddhx.png`" mode="aspectFill">
</image>
<text class="text">订单核销</text>
</view>
<view class="examine" @click="navigator(`/pages/admin/order/index?mer_id=${mer_id}`)">
<image class="icon_img" :src="`${prefix}ddgl.png`" mode="aspectFill">
</image>
<text class="text">订单管理</text>
</view>
<view class="examine" @click="navigator(`/pages/product/list/index?mer_id=${mer_id}`)">
<image class="icon_img" :src="`${prefix}spgl.png`" mode="aspectFill">
</image>
<text class="text">商品管理</text>
</view>
<view class="examine" @click="navigator(`/pages/product/basicSet?mer_id=${mer_id}`, '商户设置')">
<image class="icon_img" :src="`${prefix}shsz.png`" mode="aspectFill">
</image>
<text class="text">商户设置</text>
</view>
</view>
</view>
</view>
</block>
<!-- <m-tabbar native>
<template v-slot:tabbar_index_2>
<view class="custom_style">
@ -178,6 +171,8 @@
<script>
var statusBarHeight = uni.getSystemInfoSync().statusBarHeight + 'px';
import mTabbar from '@/components/m-tabbar/m-tabbar.vue'
import zbpSwiper from '@/components/zbpSwiper'
import { mapState, mapGetters } from 'vuex'
import { getWorkArticleCount, getSlideAPI } from '@/api/article.js'
import { getStoreList, getUserInfo } from '@/api/user.js'
@ -186,10 +181,13 @@
import { getDiy } from '@/api/api.js'
export default {
components: {
mTabbar
mTabbar,
zbpSwiper
},
data() {
return {
emptyText: '暂无可用应用',
jurisdiction: false, // 是否有权限
product_id: '',
editGoodsCode: '',
editGoodsName: '',
@ -230,7 +228,7 @@
};
},
computed: {
...mapGetters(['userInfo', 'location'])
...mapGetters(['userInfo', 'location', 'isLogin'])
},
created() {},
onLoad() {
@ -238,11 +236,15 @@
this.getBanner()
},
onShow() {
//获取商家
if (this.isLogin) {
this.emptyText = '暂无可用应用'
} else {
this.emptyText = '请登录'
this.jurisdiction = true
}
this.getUserInfo()
this.group_id = this.userInfo.group_id
// this.get_count()
},
// 下拉刷新
onPullDownRefresh() {
@ -284,7 +286,6 @@
})
},
navigator(url, t) {
console.log('t', t);
if (this.userInfoData.is_wsxx === 0 && t != '商户设置') return Toast("请完善商户信息")
uni.navigateTo({
url: url
@ -295,6 +296,9 @@
getUserInfo().then(res => {
that.userInfoData = res.data;
this.mer_id = res.data.service.mer_id
if (!res.data.mer_info) {
that.$set(this, 'jurisdiction', true);
}
});
},
CompanyCertification() {
@ -367,10 +371,7 @@
<style lang="scss" scoped>
.gather {
padding-bottom: 164.91rpx;
}
page {
background-color: #fff;
background: linear-gradient(180deg, #FFFFFF 0%, #F6F6F6 100%);
}
.top_box {
@ -378,23 +379,6 @@
background: linear-gradient(#36A2FF, #fff);
}
// 轮播图
.supply_chains-head {
margin-bottom: 31.58rpx;
.swiper {
width: 100%;
height: 500rpx;
// margin: 0 auto;
.swi_item {
width: 100%;
height: 500rpx;
// border-radius: 8px;
}
}
}
.work_header {
width: 693.93rpx;
height: 230rpx;

238
pages/home/index.vue
View File

@ -1,31 +1,8 @@
<template>
<view class="Circle_friends">
<view class="circle_friends_wrapper">
<view class="supply_chains-head">
<swiper class="swiper l_center" :indicator-dots="swiper.indicatorDots" :autoplay="swiper.autoplay"
:interval="swiper.interval" :duration="swiper.duration" indicator-active-color="#fff">
<block v-for="(item,i) in swiper['url']" :key="i">
<swiper-item class="swi_item">
<u--image :showLoading="true" :src="item.img" width="750rpx" height="500rpx" mode="aspectFill">
</u--image>
</swiper-item>
</block>
</swiper>
</view>
<view class="search_wrapper flex_a_c">
<view class="place_wrapper flex_a_c" @click.stop="showPicker=true">
<view class="iconfont icon-weizhi"></view>
<view class="town_name">{{street}}</view>
</view>
<navigator url="/pages/plantGrass/plant_search/index" hover-class="none" class="search_content flex_a_c_j_sb">
<view class="flex_a_c">
<view class="iconfont icon-sousuo"></view>
<input type="text" v-model="keyword" placeholder="搜索想看的文章">
</view>
<button class="search_btn">搜索</button>
</navigator>
</view>
<zbpSwiper></zbpSwiper>
<view class="tabs_wrapper">
<u-tabs :list="tabsData.list" @click="tabsChange" :activeStyle="tabsData.activeStyle"
@ -60,9 +37,8 @@
<u-picker :defaultIndex="[0,0]" :show="showPicker" ref="uPicker" :columns="columnData" @confirm="confirm"
@cancel="showPicker = false" @change="changeHandler" keyName="name"></u-picker>
<view class="bg_color"></view>
<view class="bg_color"></view>
<!-- <view class="bg_color"></view> -->
<!-- <m-tabbar native>
<template v-slot:tabbar_index_2>
@ -76,6 +52,7 @@
<script>
import mTabbar from '@/components/m-tabbar/m-tabbar.vue'
import zbpSwiper from '@/components/zbpSwiper'
import { getSlideAPI } from '@/api/lihai.js'
import { graphicLstApi, getTopicList, graphicStartApi } from '@/api/community.js'
import { getIndexData, getDiy } from '@/api/api.js'
@ -84,10 +61,12 @@
import { Toast } from '@/libs/uniApi'
export default {
components: {
mTabbar
mTabbar,
zbpSwiper
},
data() {
return {
bgColor: '',
showPicker: false,
columnData: [],
show: false,
@ -105,14 +84,14 @@
list: [],
tabsActive: 0,
activeStyle: {
color: '#F84221',
color: '#fff',
fontWeight: 'bold',
borderRadius: '100px',
backgroundColor: '#fff',
backgroundColor: '#F84221',
padding: '15.79rpx 21.05rpx'
},
inactiveStyle: {
color: '#fff',
color: '#000',
padding: '15.79rpx 21.05rpx',
}
},
@ -138,6 +117,13 @@
},
onShow() {},
methods: {
// 轮播图变化背景
swiperChange(e) {
let { current, source } = e.detail;
if (source === 'autoplay' || source === 'touch') {
this.bgColor = this.swiper.url[e.detail.current]['img']
}
},
confirm(e) {
this.where.street_id = e.value[1].code
this.showPicker = false
@ -162,9 +148,15 @@
});
},
gogogo(item) {
uni.navigateTo({
url: '/pages/plantGrass/plant_detail/index?id=' + item.community_id
})
if (this.tabsData.tabsActive == 1) {
uni.navigateTo({
url: '/pages/short_video/nvueSwiper/index?id=' + item.community_id
})
} else {
uni.navigateTo({
url: '/pages/plantGrass/plant_detail/index?id=' + item.community_id
})
}
},
giveStart(item) {
let status = item.relevance_id ? 0 : 1
@ -190,13 +182,18 @@
this.tabsData.list = [{
cate_name: "推荐",
category_id: 0
}, ...data]
}, { cate_name: "视频", category_id: -1, children: [] }, ...data]
},
tabsChange(item) {
this.where.category_id = item.category_id
this.getGoods()
this.street_id = item.id
this.tabsData.tabsActive = item.index
if (item.index == 1) {
uni.navigateTo({
url: '/pages/short_video/nvueSwiper/index?id=' + '136'
})
}
},
async getBanner() {
const { data } = await getDiy({ id: 0 })
@ -205,6 +202,7 @@
} else {
this.swiper.url = data.value['1683875164005000'].swiperConfig.list
}
this.bgColor = this.swiper.url[0].img
},
selfLocation() {
uni.getLocation({
@ -243,12 +241,128 @@
<style lang="scss">
page {
background-color: #F5F5F5;
// background: linear-gradient(180deg, #FFFFFF 0%, #F6F6F6 100%);
}
// 顶部
.head-wrapper {
position: relative;
padding-top: 78.95rpx;
overflow: hidden;
.color-lump {
z-index: 1;
position: absolute;
bottom: -86px;
left: 50%;
transform: translate(-50%, 0);
width: 102%;
height: 133px;
border-radius: 30px 30px 0 0;
background-color: #fff;
}
.bg-img {
position: absolute;
width: 100%;
height: 100%;
top: 0;
/* #ifdef MP || APP-PLUS */
z-index: -1;
/* #endif */
/* #ifdef H5 */
z-index: 0;
/* #endif */
z-index: 0;
filter: blur(0);
overflow: hidden;
img {
width: 100%;
height: 100%;
filter: blur(30rpx);
transform: scale(1.5);
}
}
.site-box {
margin: 0 auto;
width: 694.74rpx;
height: 66.67rpx;
margin-bottom: 26.32rpx;
position: relative;
// 位置
.place_wrapper {
color: #fff;
margin-right: 24.56rpx;
font-size: 31.58rpx;
.town_name {
margin-left: 10.53rpx;
}
}
.iconfont {
font-size: 35.09rpx;
}
}
.my-main {
transition: background-color .5s ease;
}
.search_content {
margin: 0 auto;
width: 694.74rpx;
height: 61.4rpx;
padding: 2px 2px 2px 21.05rpx;
border-radius: 100px;
background: #fff;
margin-bottom: 17.54rpx;
position: relative;
box-sizing: border-box;
.icon-sousuo {
font-size: 26.32rpx;
font-weight: bold;
color: #c8c7c6;
margin-right: 17.54rpx;
}
.search_btn {
color: #fff;
width: 105.26rpx;
height: 52.63rpx;
line-height: 52.63rpx;
background: #f84221;
border-radius: 100px;
font-size: 28.07rpx;
}
}
.supply_chains-head {
margin-bottom: 31.58rpx;
position: relative;
z-index: 2;
.swiper {
width: 694.74rpx;
height: 242.11rpx;
margin: 0 auto;
.swi_item {
width: 100%;
height: 242.11rpx;
}
}
}
}
.Circle_friends {
position: relative;
padding: 0 0 87.72rpx 0;
background: linear-gradient(180deg, #FFFFFF 0%, #F6F6F6 100%);
}
.circle_friends_wrapper {
@ -256,20 +370,7 @@
z-index: 2;
}
.supply_chains-head {
margin-bottom: 31.58rpx;
.swiper {
width: 100%;
height: 500rpx;
margin: 0 auto;
.swi_item {
width: 100%;
height: 500rpx;
}
}
}
.bg_color {
position: absolute;
@ -287,45 +388,11 @@
margin: 0 auto;
}
// 位置
.place_wrapper {
color: #fff;
margin-right: 24.56rpx;
font-size: 31.58rpx;
.town_name {
margin-left: 10.53rpx;
}
}
.search_content {
flex: 1;
margin: 0 auto;
width: 694.74rpx;
height: 66.67rpx;
padding: 2px 2px 2px 21.05rpx;
border-radius: 100px;
background-color: #fff;
.icon-sousuo {
font-weight: bold;
color: #f84221;
margin-right: 17.54rpx;
}
.search_btn {
color: #fff;
width: 135.09rpx;
height: 59.65rpx;
line-height: 59.65rpx;
background: #f84221;
border-radius: 100px;
}
}
.tabs_wrapper {
width: 694.74rpx;
margin: 38.6rpx auto;
margin: 0 auto;
margin-top: 0;
margin-bottom: 21.05rpx;
::v-deep .u-tabs__wrapper__nav__item {
padding: 0 !important;
@ -421,7 +488,6 @@
}
}
}
}
}
</style>

119
pages/nongKe/supply_chain/component/recommend.vue Normal file
View File

@ -0,0 +1,119 @@
<template>
<view class='recommend'>
<view class="common-hd">
<view class="title">为你推荐</view>
</view>
<view class='recommendList' :class="indexP?'on':''">
<WaterfallsFlow :wfList='hostProduct' @itemTap="goDetail" :type="0" />
</view>
</view>
</template>
<script>
// +----------------------------------------------------------------------
// | CRMEB [ CRMEB赋能开发者，助力企业发展 ]
// +----------------------------------------------------------------------
// | Copyright (c) 2016~2021 https://www.crmeb.com All rights reserved.
// +----------------------------------------------------------------------
// | Licensed CRMEB并不是自由软件，未经许可不能去掉CRMEB相关版权
// +----------------------------------------------------------------------
// | Author: CRMEB Team <admin@crmeb.com>
// +----------------------------------------------------------------------
import {mapGetters} from "vuex";
import { goShopDetail } from '@/libs/order.js'
import {initiateAssistApi} from '@/api/activity.js';
import {toLogin} from '@/libs/login.js';
import WaterfallsFlow from '@/components/WaterfallsFlow/WaterfallsFlow.vue'
export default {
components:{WaterfallsFlow},
computed: mapGetters(['uid']),
props: {
hostProduct: {
type: Array,
default: function() {
return [];
}
},
indexP:{
type: Boolean,
default: false
},
isLogin:{
type: Boolean,
default: false
}
},
data() {
return {
};
},
mounted() {
},
onPullDownRefresh(){
// 模拟上拉刷新
setTimeout(()=>{
const newList = this.hostProduct.reverse();
this.hostProduct = newList;
uni.stopPullDownRefresh();
},500)
},
methods: {
goDetail(item){
goShopDetail(item, this.uid).then(res => {
if (this.isLogin) {
initiateAssistApi(item.activity_id).then(res => {
let id = res.data.product_assist_set_id;
uni.hideLoading();
uni.navigateTo({
url: '/pages/activity/assist_detail/index?id=' + id
});
}).catch((err) => {
uni.showToast({
title: err,
icon: 'none'
})
});
} else {
// #ifdef H5 || APP-PLUS
toLogin();
// #endif
// #ifdef MP
this.$emit('isShowAuth', true);
this.$emit('isAuto', true);
// #endif
}
})
}
}
}
</script>
<style scoped lang="scss">
.common-hd {
display: flex;
align-items: center;
justify-content: center;
height: 118rpx;
.title {
padding: 0 80rpx;
font-size: 34rpx;
color: $theme-color;
font-weight: bold;
background-image: url("~@/static/images/index-title.png");
background-repeat: no-repeat;
background-size: 100% auto;
background-position: left center;
}
}
.recommend .recommendList {
padding: 0 20rpx;
min-height: 100rpx;
}
.recommend .recommendList.on{
padding: 0;
}
/deep/.looming-gray{
border-radius: 16rpx 16rpx 0 0;
}
</style>

548
pages/nongKe/supply_chain/supplier-copy.vue Normal file
View File

@ -0,0 +1,548 @@
<template>
<view class="supplier" :style="{height: winHeight + 'px' }">
<!-- <view class="head-wrapper" :style="'top:'+statusBarHeight">
<view class="head-menu">
<view class='iconfont icon-xiangzuo' @click="returns"></view>
<view class="iconfont icon-shouye4" @click="goHome"></view>
</view>
</view> -->
<view class="header_warpper">
<!-- <u-swiper :list="swiperList" keyName="img" :autoplay="true" height="491.23rpx"></u-swiper> -->
<!-- <view class="head_search flex_a_c">
<view class="search_content flex_a_c_j_sb">
<view class="flex_a_c">
<view class="iconfont icon-sousuo"></view>
<input type="text" v-model="sotreParam.keyword" placeholder="请搜索">
</view>
<button class="search_btn" @click="searchStoreMerchant">搜索</button>
</view>
</view> -->
</view>
<view class="con-box">
<view class="left_classify">
<scroll-view scroll-y="true" style="height: 100%; overflow: hidden;" scroll-with-animation='true'>
<block v-for="(item,index) in merList" :key="item.merchant_category_id">
<view class="clify_item" :class="activeTwo === index ? 'pictch' : ''" @click="classifyClick(item, index)">
{{ item.category_name }}
</view>
</block>
</scroll-view>
</view>
<view class="right_storee">
<scroll-view scroll-y="true" style="height: 100%; overflow: hidden;" scroll-with-animation='true'
@scrolltolower="scrolltolower" class="my-scroll-view">
<image class="banner" :src="src" mode="aspectFill"></image>
<view style="background-color: #fff;width: 100%;">
<view class="tabs_box flex_a_c_j_sb">
<view v-for="(item,index) in tabsList" :key="index" class="flex_a_c" :class="active==index?'active':''">
<view @click="tabsChange(index)">{{item}}</view>
<!-- <view class="iconfont icon-shaixuan" v-if="index==3"></view> -->
</view>
</view>
</view>
<block v-for="(item,index) in storeMerchant" :key="index">
<storeCard :store_item="item" :category="item.category_name" :isDetail="isDetail"></storeCard>
</block>
<u-loadmore :status="status" :loading-text="loadingText" :loadmore-text="loadmoreText"
:nomore-text="nomoreText" />
</scroll-view>
</view>
</view>
<!-- <u-action-sheet :show="show" @close="close" @select="select" :actions="actions" :closeOnClickOverlay="true">
</u-action-sheet>
<rightSlider v-if="rightBox" :status="rightBox" :merList="merList" :storeTypeArr="storeTypeArr" @confirm="confirm"
@close="rightSliderClose"></rightSlider> -->
</view>
</template>
<script>
var statusBarHeight = uni.getSystemInfoSync().statusBarHeight + 'px';
import storeCard from './component/shop_card.vue'
import rightSlider from './component/rightSlider';
import { getDiy } from '@/api/api.js'
import { storeMerchantList, merClassifly, getStoreTypeApi } from '@/api/store.js'
import { storeClassifyDel } from '@/api/product.js'
export default {
components: {
rightSlider,
storeCard
},
data() {
return {
statusBarHeight: statusBarHeight, //系统导航条高度
swiperList: [],
activeTwo: 0,
winHeight: 0,
num: '',
status: 'loadmore',
loadingText: '努力加载中',
loadmoreText: '轻轻上拉',
nomoreText: '我也是有底线的~~',
show: false,
actions: [{
name: '选项1',
},
{
name: '选项2',
},
{
name: '选项3',
}, {
name: '选项4',
},
{
name: '选项5',
},
],
src: 'https://cdn.uviewui.com/uview/album/1.jpg',
search: '',
tabsList: ['综合排序', '销量优先', '好评'],
active: 0,
storeMerchant: [],
storeList: {
page: 1,
limit: 10
},
StoreType: [],
rightBox: false,
merList: [], //商户分类
storeTypeArr: [], //店铺类型
sotreParam: {
keyword: '',
page: 1,
limit: 10,
order: 'order', // 顺序
category_id: '', // 分类
type_id: '', // 类型
street_id: '' // 位置
},
isDetail: 2
}
},
onLoad(e) {
this.sotreParam.street_id = e.street_id
if (e.type_id) {
this.sotreParam.type_id = e.type_id
}
if (e.isDetail) this.isDetail = e.isDetail
this.getStoreMerchant()
this.getStore()
this.getClassfication()
this.getStoreType()
this.getBanner()
uni.getSystemInfo({
success: (res) => {
this.winHeight = res.windowHeight
this.$set(this, 'winHeight', res.windowHeight)
},
});
},
onShow() {},
methods: {
// 后退
returns: function() {
uni.navigateBack()
},
// 首页
goHome() {
uni.switchTab({
url: '/pages/home/index'
});
},
async getBanner() {
const { data } = await getDiy({ id: 0 })
if (data.value['1683638943100000']) {
this.swiperList = data.value['1683638943100000'].swiperConfig.list
} else {
this.swiperList = data.value['1683875164005000'].swiperConfig.list
}
},
classifyClick(item, index) {
this.activeTwo = index
this.storeMerchant = []
this.sotreParam.page = 1
this.sotreParam.category_id = item.merchant_category_id
this.getStoreMerchant();
},
// 获取商户分类
getClassfication: function() {
let temp = []
merClassifly()
.then(res => {
temp = res.data.map(item => {
return {
...item,
check: false
}
})
if (this.sotreParam.category_id.length > 0) {
this.sotreParam.category_id.forEach((ids, index) => {
temp.forEach(el => {
if (ids == el.merchant_category_id) {
el.check = true
}
})
})
}
temp.unshift({
category_name: '全部',
merchant_category_id: ''
})
this.merList = temp
})
.catch(res => {
this.$util.Tips({
title: res
});
});
},
// 获取店铺类型
getStoreType: function() {
let temp = []
getStoreTypeApi()
.then(res => {
temp = res.data.map(item => {
return {
...item,
check: false
}
})
if (this.sotreParam.type_id.length > 0) {
this.sotreParam.type_id.forEach((ids, index) => {
temp.forEach(el => {
if (ids == el.mer_type_id) {
el.check = true
}
})
})
}
this.storeTypeArr = temp
})
.catch(res => {
this.$util.Tips({
title: res
});
});
},
// 组件确定
confirm(data) {
let arr1 = [],
arr2 = []
if (data.storeTypeArr.length == 0) {
this.sotreParam.type_id = ''
} else {
data.storeTypeArr.forEach(item => {
arr1.push(item.mer_type_id)
})
this.sotreParam.type_id = arr1.toString();
}
if (data.merList.length == 0) {
this.sotreParam.category_id = ''
} else {
data.merList.forEach(item => {
arr2.push(item.merchant_category_id)
})
this.sotreParam.category_id = arr2.toString();
}
this.rightBox = data.status
this.loadend = false;
this.$set(this.sotreParam, 'page', 1)
this.storeList = [];
this.getStoreMerchant();
},
// 组件关闭
rightSliderClose() {
this.rightBox = false
},
//获取商户
async getStoreMerchant() {
const res = await storeMerchantList(this.sotreParam)
this.storeMerchant.push(...res.data.list)
console.log(this.storeMerchant);
if (res.data.list.length < 10) this.status = 'nomore'
},
async searchStoreMerchant() {
this.storeMerchant = []
const res = await storeMerchantList(this.sotreParam)
this.storeMerchant = res.data.list
},
navigator(id) {
uni.navigateTo({
url: `/pages/nongKe/supply_chain/merchant?id=${id}`
})
},
//获取商户类型分类
async getStore() {
const res = await merClassifly()
for (let i = 0; i < res.data.length; i++) {
this.actions[i].name = res.data[i].category_name
this.actions[i].index = res.data[i].merchant_category_id
}
},
tabsChange(i) {
this.active = i
// this.sotreParam.category_id = ''
// this.sotreParam.type_id = ''
this.sotreParam.page = 1
this.storeMerchant = []
if (this.active == 0) {
this.sotreParam.order = ''
this.getStoreMerchant()
}
if (this.active == 1) {
this.sotreParam.order = 'sales'
this.getStoreMerchant()
}
if (this.active == 2) {
this.sotreParam.order = 'rate'
this.getStoreMerchant()
}
//筛选
if (this.active == 3) {
this.status = 'nomore'
this.rightBox = true
// this.sotreParam.order = ''
// this.getStoreMerchant()
}
},
close() {
this.show = false
},
select(e) {
console.log('select', e);
},
scrolltolower() {
if (this.status != 'nomore') {
this.sotreParam.page++
this.getStoreMerchant()
}
}
},
onReachBottom() {
//如果状态为nomore 则不能在触发上拉事件
if (this.status != 'nomore') {
this.sotreParam.page++
this.getStoreMerchant()
}
},
onPullDownRefresh() {
this.storeMerchant = []
this.getStoreMerchant()
uni.stopPullDownRefresh()
}
}
</script>
<style lang="scss">
.supplier {
display: flex;
flex-direction: column;
width: 100%;
}
.header_warpper {
width: 100%;
}
.head_search {
width: 100%;
background-color: #fff;
height: 108.77rpx;
.search_content {
margin: 0 auto;
width: 694.74rpx;
height: 66.67rpx;
padding: 2px 2px 2px 21.05rpx;
border: 1px solid $uni-theme-color;
border-radius: 100px;
.icon-sousuo {
font-weight: bold;
color: $uni-theme-color;
margin-right: 17.54rpx;
}
.search_btn {
color: #fff;
width: 135.09rpx;
height: 59.65rpx;
line-height: 59.65rpx;
background: $uni-theme-bg-color;
border-radius: 100px;
}
}
}
.con-box {
flex: 1;
display: flex;
overflow: hidden;
margin-top: 28.07rpx;
}
.left_classify {
width: 192.98rpx;
height: 100%;
overflow-y: auto;
overflow-x: hidden;
overflow: hidden;
.clify_item {
width: 192.98rpx;
height: 112.28rpx;
text-align: center;
line-height: 112.28rpx;
}
.pictch {
background: #fff;
font-weight: 700;
position: relative;
&::before {
position: absolute;
left: 0;
top: 0;
content: '';
display: inline-block;
width: 3px;
height: 100%;
background-color: #F84221;
}
}
}
.right_storee {
flex: 1;
width: 557.89rpx;
height: 100%;
overflow-y: auto;
overflow-x: hidden;
overflow: hidden;
padding: 0 12.28rpx;
background-color: #fff;
}
.banner {
width: 100%;
height: 131.58rpx;
border-radius: 5px;
}
.tabs_box {
width: 100%;
margin: 0 auto;
height: 80.7rpx;
border-top: 1px solid #E7E6E4;
background-color: #fff;
padding: 0 21.05rpx;
}
.active {
font-weight: 700;
color: #F84221;
}
.item_cont {
width: 100%;
// height: 147.37rpx;
padding: 17.54rpx 28.07rpx;
background-color: #fff;
margin-top: 28.07rpx;
border-radius: 8px;
.item-left {
.img {
width: 98.25rpx;
height: 98.25rpx;
border-radius: 100px;
}
}
.item-right {
margin-left: 21.05rpx;
.store_name {
margin-bottom: 8.77rpx;
.sales_volume {
font-size: 28.07rpx;
color: #666;
margin-left: 52.63rpx;
}
.name {
flex: 1;
width: 245.61rpx;
font-size: 31.58rpx;
// font-weight: bold;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
}
.msg {
.category_name {
color: $uni-theme-color;
}
.scope {
flex: 1;
width: 350.88rpx;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
&::before {
content: '|';
margin: 0 10.53rpx;
}
}
}
}
}
.head-wrapper {
z-index: 999;
display: flex;
align-items: center;
position: fixed;
left: 30rpx;
top: 0;
/* #ifdef MP */
height: 43px;
/* #endif */
/* #ifdef H5 */
height: 114rpx;
/* #endif */
}
.head-menu {
display: flex;
align-items: center;
height: 54rpx;
width: 140rpx;
background: rgba(0, 0, 0, .25);
border-radius: 27rpx;
.iconfont {
flex: 1;
text-align: center;
color: #fff;
box-sizing: border-box;
&.icon-xiangzuo {
border-right: 1px solid #fff;
}
}
}
</style>

1351
pages/nongKe/supply_chain/supplier.vue
View File

File diff suppressed because it is too large Load Diff

36
pages/plant_release/index.vue
View File

@ -1,5 +1,5 @@
<template>
<view :style="viewColor" style="padding-top: 180rpx;">
<view :style="viewColor" style="padding-top: 180rpx; ">
<form @submit="formSubmit" report-submit='true'>
<view class="release_content">
<view v-if="community_app_switch.length == 2" class="release_tab acea-row">
@ -180,7 +180,7 @@
uploadUrl: `${HTTP_REQUEST_URL}/api/upload/video`,
tabList: [
{ name: '图文', value: 1, icon: 'icon-tuwen' },
// { name: '视频', value: 2, icon: 'icon-shipin' },
{ name: '视频', value: 2, icon: 'icon-shipin' },
],
tabActive: 1,
isPlay: false,
@ -512,9 +512,10 @@
title: res.messge,
icon: 'success'
});
setTimeout(function() {
if (that.tabActive == 2) {
uni.navigateTo({
uni.redirectTo({
//#ifdef APP
url: '/pages/short_video/appSwiper/index?id=' + res.data.community_id + '&user=1&uid=' +
that.uid
@ -530,6 +531,20 @@
.tabActive
})
}
/**
* 将对象所有值为空
* */
/**
* 将对象所有值为空
* */
that.formData = {
image: [],
content: "",
topic_id: "",
spu_id: [],
video_link: "",
}
that.topicName = {}
}, 1000);
}).catch(err => {
return that.$util.Tips({
@ -544,7 +559,7 @@
setStorage('addPlant', '');
setTimeout(function() {
if (that.tabActive == 2) {
uni.navigateTo({
uni.redirectTo({
//#ifdef APP
url: '/pages/short_video/appSwiper/index?id=' + res.data.community_id + '&user=1&uid=' +
that.uid
@ -560,6 +575,17 @@
.tabActive
})
}
/**
* 将对象所有值为空
* */
that.formData = {
image: [],
content: "",
topic_id: "",
spu_id: [],
video_link: "",
}
that.topicName = {}
}, 1000);
}).catch(err => {
console.log('aaa', value)
@ -867,7 +893,7 @@
}
.release_btn {
margin-top: 160rpx;
margin-top: 100rpx;
}
.video-count {

3272
pages/short_video/nvueSwiper/index.nvue
View File

File diff suppressed because it is too large Load Diff

189
pages/store/entryProcess/entryProcess.vue
View File

@ -1,20 +1,97 @@
<template>
<view class="entryProcess">
<view class="record flex">
<view class="circle"></view>
<view class="cont-box">
<view class="title">入驻申请</view>
<view class="text-box">
<view class="have-filled" v-if="false"></view>
<view class="get-through" v-if="true">
<text>1、填写入驻申请资本资料</text>
<text>请按照营业执照和店招真实信息填写入驻基
本材料，进行审核。</text>
<button>开始填写</button>
<view class="cont-wrapper">
<view class="record flex">
<view class="circle"></view>
<view class="cont-box">
<view class="title">入驻申请</view>
<view class="text-box">
<view class="have-filled" v-if="true">
<text>1.填写入驻申请基本材料 2023-05-08完成</text>
<text>2.完成审核2023-05-08完成</text>
</view>
<view class="get-through" v-else>
<text class="through-title">1、填写入驻申请资本资料</text>
<text>请按照营业执照和店招真实信息填写入驻基
本材料，进行审核。</text>
<view class="through-btn">开始填写</view>
</view>
</view>
</view>
</view>
<view class="record flex">
<view class="circle"></view>
<view class="cont-box">
<view class="title">签署入驻《里海云》电子版本合同</view>
<view class="text-box">
<view class="have-filled" v-if="true">
<text>1.完成签署《里海云》电子版本合同 2023-05-08完成</text>
</view>
<view class="get-through" v-else>
<text class="through-title">1、填写入驻申请资本资料</text>
<text>请按照营业执照和店招真实信息填写入驻基
本材料，进行审核。</text>
<view class="through-btn">签署合同</view>
</view>
</view>
</view>
</view>
<view class="record flex">
<view class="circle"></view>
<view class="cont-box">
<view class="title">签署里海云《履约保证金协议》</view>
<view class="text-box">
<view class="have-filled" v-if="false">
<text>1.完成签署履约保证金协议2023-05-08 13:15完成</text>
</view>
<view class="get-through" v-else>
<text class="through-title">1、签署里海云《履约保证金协议》</text>
<text>请详细阅读里海云履约保证金协议，并充分理解内容后进行电子签名。</text>
<view class="flex_a_c" style="margin-top: auto;">
<view class="through-btn">签署协议</view>
<view class="tiaoguo">跳过</view>
</view>
</view>
</view>
</view>
</view>
<view class="record flex">
<view class="circle"></view>
<view class="cont-box">
<view class="title">缴纳履约保证金</view>
<view class="text-box">
<view class="have-filled" v-if="!true">
<text>1.完成履约保证金缴纳 2023-05-08 13:15完成</text>
</view>
<view class="get-through" v-else>
<text class="through-title">1、缴纳履约保证金</text>
<text>线上缴纳履约保证金，完成保证金审核后签约完成。</text>
<view class="flex_a_c" style="margin-top: auto;">
<view class="through-btn">缴纳履约保证金</view>
<view class="tiaoguo">跳过</view>
</view>
</view>
</view>
</view>
</view>
<view class="record flex" :class="!true ? '' : 'on-record'">
<view class="circle"></view>
<view class="cont-box">
<view class="title">完善店铺开业信息</view>
<view class="text-box" v-if="!true">
<view class="have-filled" v-if="true">
<text>1.完成签署《里海云》电子版本合同 2023-05-08完成</text>
</view>
<view class="get-through" v-else>
<text class="through-title">1、填写并上传店铺信息</text>
<text>填写并上传店铺信息，设置店招、头像、街景图片、开业时间等基础信息，完成开业</text>
<view class="through-btn">完善信息</view>
</view>
</view>
</view>
</view>
</view>
<view class="sub-btn" v-if="true">进入店铺</view>
</view>
</template>
@ -35,9 +112,27 @@
</script>
<style lang="scss">
.sub-btn {
width: 535.09rpx;
height: 71.93rpx;
font-size: 31.58rpx;
color: $uni-theme-color;
text-align: center;
line-height: 71.93rpx;
background: #F2F2F2;
border-radius: 5px 5px 5px 5px;
margin: 87.72rpx auto;
}
.entryProcess {
height: 100%;
background: linear-gradient(180deg, #F98649 0%, #F34E45 100%);
padding: 16px;
background: url("https://lihai001.oss-cn-chengdu.aliyuncs.com/public/kk/luzhou/static4/entryBg.png") no-repeat;
background-size: cover;
}
.cont-wrapper {
height: 100%;
:last-child {
.circle {
@ -66,11 +161,12 @@
content: "";
display: block;
position: absolute;
top: 45.61rpx;
clear: both;
width: 1px;
height: 100%;
height: calc(100% - 18px);
background-color: #EDF7F3;
margin: 31.58rpx;
// margin: 31.58rpx;
}
}
@ -85,7 +181,7 @@
.text-box {
width: 631.58rpx;
height: 366.67rpx;
// height: 366.67rpx;
color: #fff;
border-radius: 10px;
padding: 29.82rpx 24.56rpx;
@ -95,9 +191,68 @@
}
}
.text-box.get-through {
width: 100%;
.on-record {
opacity: 0.5;
}
.text-box .have-filled {
height: 100%;
font-size: 14px;
text {
display: block;
margin-bottom: 12.28rpx;
&:last-child {
margin-bottom: 0;
}
}
}
.text-box .get-through {
display: flex;
flex-direction: column;
color: #000;
width: 100%;
height: 307.02rpx;
padding: 24.56rpx;
border-radius: 5px;
background-color: #fff;
text {
display: block;
font-size: 28.07rpx;
color: #616365;
}
.through-title {
font-size: 31.58rpx;
font-weight: 500;
margin-bottom: 8.77rpx;
}
.through-btn {
width: 100%;
height: 70.18rpx;
font-size: 31.58rpx;
color: #fff;
text-align: center;
line-height: 70.18rpx;
background: linear-gradient(86deg, #F98649 0%, #F98349 4%, #F34E45 100%);
border-radius: 5px;
margin-top: auto;
}
.tiaoguo {
width: 175.44rpx;
height: 70.18rpx;
font-size: 31.58rpx;
color: #fff;
text-align: center;
line-height: 70.18rpx;
border-radius: 5px;
background-color: $uni-theme-color;
margin-left: 17.54rpx;
}
}
</style>

278
pages/supply_chains/supply_chains.vue
View File

@ -1,48 +1,53 @@
<template>
<view class="Circle_friends">
<view class="circle_friends_wrapper">
<view class="supply_chains-head">
<swiper class="swiper l_center" :indicator-dots="swiper.indicatorDots" :autoplay="swiper.autoplay"
:interval="swiper.interval" :duration="swiper.duration" indicator-active-color="#fff">
<block v-for="(item,i) in swiper['url']" :key="i">
<swiper-item class="swi_item">
<u--image :showLoading="true" :src="item.img" width="750rpx" height="500rpx" mode="aspectFill">
</u--image>
</swiper-item>
</block>
</swiper>
</view>
<zbpSwiper></zbpSwiper>
<view class="shop_wrapper">
<navigator class="l_yun" hover-class="none"
:url="`/pages/nongKe/supply_chain/supplier?type_id=10&street_id=${sotreParam.street_id}`">
<view class="yun_title flex_a_c">
<!-- <view class="yun_title flex_a_c">
<view class="">泸州市{{district}}{{town}}</view>
<view class="iconlihai lihai-gengduo" @click.stop="showPicker=true"></view>
</view>
<view class="text_cont">
<text class="name_town">{{town}}</text>供销综合云市场
</view> -->
<view class="text-name">
<text>通滩镇</text>
<view class="name_town">-供销综合云市场-</view>
</view>
</navigator>
<navigator class="r_lihai" hover-class="none"
:url="`/pages/nongKe/supply_chain/supplier?type_id=11&street_id=${sotreParam.street_id}`">
<navigator class="r_lihai" hover-class="none" :url="`/pages/store/home/index?id=322`">
<view class="title">里海云仓</view>
<text>平台线上仓库</text>
</navigator>
</view>
<!-- 滚动 -->
<scroll-view scroll-y="true" class="article_box">
<!-- @click="navigat" -->
<view>
<block v-for="item in ArticleHotList" :key="item.article_id">
<view class="article_item">
<view class="title">{{item.title}}</view>
<view class="synopsis">{{item.synopsis}}</view>
<view class="tabs_wrapper flex_a_c_j_sb">
<view class="title flex_a_c">热点资讯</view>
<navigator class="flex_a_c" hover-class="none" url="/pages/news_list/index">
更多
<view class="iconfont icon-gengduo3"></view>
</navigator>
</view>
<view class="article_box">
<!-- <view class="title-box flex_a_c_j_sb">
<text>热点资讯</text>
<navigator class="flex_a_c" hover-class="none" url="/pages/news_list/index">
更多
<view class="iconfont icon-gengduo3"></view>
</navigator>
</view> -->
<block v-for="(item,index) in articleList" :key="index">
<navigator :url='"/pages/news_details/index?id="+item.article_id' hover-class='none' class='article-item'>
<view class='text'>
<view class='name'>{{item.title}}</view>
<view class="time">{{item.create_time}}</view>
</view>
</block>
</view>
</scroll-view>
<view class='pictrue'>
<image :src='item.image_input'></image>
</view>
</navigator>
</block>
</view>
<view class="tabs_wrapper">
<view class="title flex_a_c">最新动态</view>
@ -75,7 +80,8 @@
</view>
<u-picker :defaultIndex="[0,0]" :show="showPicker" ref="uPicker" :columns="columnData" @confirm="confirm"
@cancel="showPicker = false" @change="changeHandler" keyName="name"></u-picker>
<view class="bg_color"></view>
<!-- <view class="bg_color"></view> -->
<!-- <m-tabbar native>
<template v-slot:tabbar_index_2>
@ -88,6 +94,7 @@
</template>
<script>
import zbpSwiper from '@/components/zbpSwiper'
import { mapGetters } from 'vuex'
import mTabbar from '@/components/m-tabbar/m-tabbar.vue'
import WaterfallsFlow from '@/components/plantWaterfallsFlow/WaterfallsFlow.vue'
@ -98,7 +105,8 @@
export default {
components: {
WaterfallsFlow,
mTabbar
mTabbar,
zbpSwiper
},
data() {
return {
@ -145,7 +153,7 @@
district: '',
town: '',
emptyShow: false,
ArticleHotList: []
articleList: []
}
},
onLoad() {
@ -157,8 +165,6 @@
uni.$on('resetLocation', function() {
console.log('resetLocation');
})
this.district = this.location.address_component.district
this.town = this.location.address_component.street
},
onShow() {},
computed: mapGetters(['location']),
@ -171,7 +177,7 @@
async articleHotList() {
const res = await getArticleList(19)
// console.log('res', res);
this.ArticleHotList = res.data.list
this.articleList = res.data.list
},
gogogo(item) {
uni.navigateTo({
@ -269,6 +275,7 @@
.Circle_friends {
position: relative;
padding: 0 0 87.72rpx 0;
background: linear-gradient(180deg, #FFFFFF 0%, #F6F6F6 100%);
}
.circle_friends_wrapper {
@ -344,16 +351,33 @@
margin: 0 auto;
display: flex;
justify-content: space-between;
margin-top: 38.6rpx;
margin-top: 0;
.l_yun {
width: 456.14rpx;
border-radius: 8px;
background: url("https://lihai001.oss-cn-chengdu.aliyuncs.com/public/kk/luzhou/static4/10/yun.png") no-repeat;
background-image: url("@/static/images/zonghe.png");
background-repeat: no-repeat;
background-size: cover;
overflow: hidden;
position: relative;
display: flex;
flex-direction: column;
align-items: center;
.text-name {
margin-top: 14.04rpx;
text-align: center;
color: #fff;
font-weight: bold;
font-size: 29.82rpx;
text {
font-size: 40.35rpx;
}
}
.yun_title {
color: #B24322;
background-color: #ffad99;
@ -388,124 +412,17 @@
width: 217.54rpx;
height: 100%;
font-size: 35.09rpx;
color: #7F1616;
padding-top: 28.07rpx;
text-align: center;
background: url("https://lihai001.oss-cn-chengdu.aliyuncs.com/public/kk/luzhou/static4/10/lihai.png") no-repeat;
background: url("@/static/images/lihaiyun.png") no-repeat;
background-size: cover;
box-sizing: border-box;
border-radius: 8px;
color: #fff;
font-weight: bold;
.title {
font-weight: bold;
}
text {
font-size: 24.56rpx;
margin-top: 14.04rpx;
}
}
}
.bazaar_wrapper {
width: 694.74rpx;
margin: 0 auto;
.cloud,
.lihai {
position: relative;
width: 100%;
height: 189.47rpx;
background-size: cover;
margin-top: 24.56rpx;
.cont_box {
height: 100%;
padding: 21.05rpx;
.l_msg {
align-items: center;
color: #7F1616;
h3 {
margin-bottom: 24.56rpx;
}
}
.r_btn {
align-self: flex-end;
color: #fff;
text-align: center;
line-height: 66.67rpx;
width: 171.93rpx;
height: 66.67rpx;
background: linear-gradient(90deg, #FE5300 0%, #F84221 100%);
border-radius: 20px;
}
}
image {
width: 126.32rpx;
height: 126.32rpx;
border-radius: 8px;
margin-right: 31.58rpx;
}
}
.cloud {
background: url('@/static/images/shichang.png') no-repeat;
.top_label {
position: absolute;
right: 4px;
top: 4px;
z-index: -1;
display: flex;
// align-items: center;
.label_item {
color: #B24322;
padding: 3.51rpx 14.04rpx 21.05rpx 52.63rpx;
background: linear-gradient(90deg, #FFAD99 1%, #FFAB98 99%);
box-shadow: 0px 0px 6px 1px rgba(152, 19, 16, 0.45);
border-radius: 8px;
}
.town_label {
width: 250.88rpx;
overflow: hidden;
margin-left: -10px;
color: #3053DB;
background: linear-gradient(90deg, #A9B8FE 1%, #A8B8FE 99%);
}
}
.cont_box {
.l_msg {
align-items: flex-end;
}
}
}
.lihai {
background: url('@/static/images/lihai.png') no-repeat;
.top_label {
position: absolute;
right: 4px;
top: 4px;
z-index: -1;
display: flex;
align-items: center;
.label_item {
color: #B24322;
padding: 3.51rpx 14.04rpx 21.05rpx 52.63rpx;
background: linear-gradient(90deg, #FFAD99 1%, #FFAB98 99%);
box-shadow: 0px 0px 6px 1px rgba(152, 19, 16, 0.45);
border-radius: 8px;
}
margin-top: 105.26rpx;
}
}
}
@ -517,47 +434,62 @@
}
.article_box {
height: 431.58rpx;
height: 100%;
width: 694.74rpx;
margin: 38.6rpx auto;
margin: 0 auto;
background-color: #fff;
border-radius: 8px;
padding: 0 24.56rpx 24.56rpx 24.56rpx;
padding: 0 24.56rpx;
box-sizing: border-box;
.article_item {
height: 131.58rpx;
display: flex;
flex-direction: column;
justify-content: center;
border-bottom: 1px solid #CCCCCC;
.title-box {
height: 87.72rpx;
.title {
text {
font-size: 28.07rpx;
font-weight: bold;
width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin-bottom: 10.53rpx;
}
.synopsis {
font-size: 21.05rpx;
color: #666;
width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
}
.article-item {
display: flex;
// height: 175.44rpx;
justify-content: space-between;
border-bottom: 1px solid #f0f0f0;
padding: 21.05rpx 0;
.text {
flex: 1;
height: 122.81rpx;
margin-right: 17.54rpx;
font-size: 24rpx;
color: #999;
display: flex;
flex-direction: column;
justify-content: space-between;
.name {
font-size: 26.32rpx;
color: #282828;
}
}
.pictrue {
width: 175.44rpx;
height: 122.81rpx;
image {
width: 100%;
height: 100%;
border-radius: 8px;
}
}
}
}
.tabs_wrapper {
width: 694.74rpx;
margin: 38.6rpx auto;
margin-bottom: 21.05rpx;
::v-deep .u-tabs__wrapper__nav__item {
padding: 0 !important;

BIN
static/images/lihai.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 3.9 KiB

BIN
static/images/lihaiyun.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 16 KiB

BIN
static/images/shichang.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.9 KiB

BIN
static/images/zonghe.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.4 KiB