大更新
This commit is contained in:
cc_zbp
parent
42efea0daa
commit
c3c9afbe0f
@ -133,19 +133,21 @@
|
|||||||
collect: [],
|
collect: [],
|
||||||
bought: [],
|
bought: [],
|
||||||
browse: [],
|
browse: [],
|
||||||
checkedArr: this.checkedObj,
|
checkedArr: [],
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
watch: {
|
watch: {
|
||||||
checkedObj: {
|
checkedObj: {
|
||||||
handler(n) {
|
handler(n) {
|
||||||
this.checkedArr = n
|
this.checkedArr = n
|
||||||
|
console.log('watch', this.checkedArr);
|
||||||
},
|
},
|
||||||
deep: true
|
deep: true
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
this.checkedArr = this.checkedObj
|
this.checkedArr = this.checkedObj
|
||||||
|
console.log('mounted', this.checkedArr);
|
||||||
this.getBounht();
|
this.getBounht();
|
||||||
this.getCollect();
|
this.getCollect();
|
||||||
this.getBrowse();
|
this.getBrowse();
|
||||||
@ -286,17 +288,20 @@
|
|||||||
/*点击选中与否*/
|
/*点击选中与否*/
|
||||||
goodsCheck(item, index) {
|
goodsCheck(item, index) {
|
||||||
this.$set(item, 'check', !item.check);
|
this.$set(item, 'check', !item.check);
|
||||||
|
console.log("Arr", this.checkedArr);
|
||||||
if (item.check) {
|
if (item.check) {
|
||||||
this.checkedArr.push(item)
|
this.checkedArr.push(item)
|
||||||
console.log(this.checkedArr)
|
console.log("增加", this.checkedArr)
|
||||||
} else {
|
} else {
|
||||||
|
console.log("删除前", this.checkedArr);
|
||||||
this.checkedArr.splice(this.checkedArr.findIndex(itemn => ((itemn.spu_id == item.spu_id) || (item.spu_id == (
|
this.checkedArr.splice(this.checkedArr.findIndex(itemn => ((itemn.spu_id == item.spu_id) || (item.spu_id == (
|
||||||
itemn.spu && itemn.spu.spu_id)))), 1)
|
itemn.spu && itemn.spu.spu_id)))), 1)
|
||||||
|
console.log("删除后", this.checkedArr);
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
/*确定提交*/
|
/*确定提交*/
|
||||||
submit() {
|
submit() {
|
||||||
|
console.log('提交', this.checkedArr);
|
||||||
this.$emit('getProduct', this.checkedArr);
|
this.$emit('getProduct', this.checkedArr);
|
||||||
},
|
},
|
||||||
}
|
}
|
||||||
|
|||||||
219
components/zbpSwiper.vue
Normal file
219
components/zbpSwiper.vue
Normal 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>
|
||||||
@ -1180,6 +1180,7 @@
|
|||||||
//#endif
|
//#endif
|
||||||
"style": {
|
"style": {
|
||||||
"navigationBarTitleText": "社区短视频",
|
"navigationBarTitleText": "社区短视频",
|
||||||
|
"navigationStyle": "custom",
|
||||||
"app-plus": {
|
"app-plus": {
|
||||||
"titleNView": false,
|
"titleNView": false,
|
||||||
"bounce": "none"
|
"bounce": "none"
|
||||||
@ -1295,7 +1296,7 @@
|
|||||||
"pagePath": "pages/plant_release/index",
|
"pagePath": "pages/plant_release/index",
|
||||||
"iconPath": "static/tabbar_icon/d.png",
|
"iconPath": "static/tabbar_icon/d.png",
|
||||||
"selectedIconPath": "static/tabbar_icon/d-a.png",
|
"selectedIconPath": "static/tabbar_icon/d-a.png",
|
||||||
"text": "逛逛"
|
"text": "发布"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"pagePath": "pages/supply_chains/supply_chains",
|
"pagePath": "pages/supply_chains/supply_chains",
|
||||||
|
|||||||
@ -1,170 +1,163 @@
|
|||||||
<template>
|
<template>
|
||||||
<view class="gather">
|
<view class="gather">
|
||||||
<view class="supply_chains-head">
|
<zbpSwiper></zbpSwiper>
|
||||||
<swiper class="swiper l_center" :indicator-dots="swiper.indicatorDots" :autoplay="swiper.autoplay"
|
<u-empty :show="jurisdiction" marginTop="260" mode="permission" :text="emptyText"
|
||||||
:interval="swiper.interval" :duration="swiper.duration" indicator-active-color="#fff">
|
icon="http://cdn.uviewui.com/uview/empty/permission.png"></u-empty>
|
||||||
<block v-for="(item,i) in swiper['url']" :key="i">
|
<block v-if="isLogin">
|
||||||
<swiper-item class="swi_item">
|
<view class="special_work com" v-if="userInfoData.mer_info.type_id === 12">
|
||||||
<u--image :showLoading="true" :src="item.img" width="750rpx" height="500rpx" mode="aspectFill">
|
<!-- <view class="special_work com" v-if="true"> -->
|
||||||
</u--image>
|
<view class="title">市级供应链</view>
|
||||||
</swiper-item>
|
<view class="content">
|
||||||
</block>
|
<view class="examine" @click="navigator(`/pages/nongKe/supply_chain/goods_list?merid=${mer_id}`)">
|
||||||
</swiper>
|
<image class="icon_img" :src="`${prefix}zsgl.png`" mode="aspectFill"></image>
|
||||||
</view>
|
<text class="text">在售管理</text>
|
||||||
<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>
|
|
||||||
</view>
|
</view>
|
||||||
<view class="examine" @click="navigator('/pages/nongKe/supply_chain/purchase_control')">
|
<view class="examine" @click="navigator(`/pages/admin/order/index?mer_id=${mer_id}&product_type=98`)">
|
||||||
<image class="icon_img" :src="`${prefix}jhgl.png`" mode="aspectFill"></image>
|
<image class="icon_img" :src="`${prefix}cwgl.png`" mode="aspectFill"></image>
|
||||||
<text class="text">进货管理</text>
|
<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>
|
||||||
<view class="examine" @click="navigator(`/pages/nongKe/gather/select_warehouse?mer_id=${mer_id}`)">
|
<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 class="icon_img" :src="`${prefix}rkgl.png`" mode="aspectFill">
|
||||||
</image>
|
</image>
|
||||||
<text class="text">入库管理</text>
|
<text class="text">入库管理</text>
|
||||||
</view>
|
</view>
|
||||||
<view class="examine" @click="navigator(`/pages/users/embody/embody?mer_id=${mer_id}`)">
|
<view class="examine" @click="navigator(`/pages/product/basicSet?mer_id=${mer_id}&product_type=98`, '商户设置')">
|
||||||
<image class="icon_img" :src="`${prefix}txgl.png`" mode="aspectFill">
|
<image class="icon_img" :src="`${prefix}shsz.png`" mode="aspectFill"></image>
|
||||||
</image>
|
<text class="text">商户设置</text>
|
||||||
<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>
|
||||||
<view class="examine" @click="navigator(`/pages/product/list/index?mer_id=${mer_id}`)">
|
<view class="examine" @click="navigator(`/pages/product/list/index?mer_id=${mer_id}`)">
|
||||||
<image class="icon_img" :src="`${prefix}spgl.png`" mode="aspectFill">
|
<image class="icon_img" :src="`${prefix}spgl.png`" mode="aspectFill">
|
||||||
</image>
|
</image>
|
||||||
<text class="text">商品管理</text>
|
<text class="text">商品管理</text>
|
||||||
</view>
|
</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}`)">
|
<view class="examine" @click="navigator(`/pages/users/embody/embody?mer_id=${mer_id}`)">
|
||||||
<image class="icon_img" :src="`${prefix}txgl.png`" mode="aspectFill">
|
<image class="icon_img" :src="`${prefix}txgl.png`" mode="aspectFill">
|
||||||
</image>
|
</image>
|
||||||
<text class="text">提现管理</text>
|
<text class="text">提现管理</text>
|
||||||
</view>
|
</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>
|
</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>
|
<!-- <m-tabbar native>
|
||||||
<template v-slot:tabbar_index_2>
|
<template v-slot:tabbar_index_2>
|
||||||
<view class="custom_style">
|
<view class="custom_style">
|
||||||
@ -178,6 +171,8 @@
|
|||||||
<script>
|
<script>
|
||||||
var statusBarHeight = uni.getSystemInfoSync().statusBarHeight + 'px';
|
var statusBarHeight = uni.getSystemInfoSync().statusBarHeight + 'px';
|
||||||
import mTabbar from '@/components/m-tabbar/m-tabbar.vue'
|
import mTabbar from '@/components/m-tabbar/m-tabbar.vue'
|
||||||
|
|
||||||
|
import zbpSwiper from '@/components/zbpSwiper'
|
||||||
import { mapState, mapGetters } from 'vuex'
|
import { mapState, mapGetters } from 'vuex'
|
||||||
import { getWorkArticleCount, getSlideAPI } from '@/api/article.js'
|
import { getWorkArticleCount, getSlideAPI } from '@/api/article.js'
|
||||||
import { getStoreList, getUserInfo } from '@/api/user.js'
|
import { getStoreList, getUserInfo } from '@/api/user.js'
|
||||||
@ -186,10 +181,13 @@
|
|||||||
import { getDiy } from '@/api/api.js'
|
import { getDiy } from '@/api/api.js'
|
||||||
export default {
|
export default {
|
||||||
components: {
|
components: {
|
||||||
mTabbar
|
mTabbar,
|
||||||
|
zbpSwiper
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
|
emptyText: '暂无可用应用',
|
||||||
|
jurisdiction: false, // 是否有权限
|
||||||
product_id: '',
|
product_id: '',
|
||||||
editGoodsCode: '',
|
editGoodsCode: '',
|
||||||
editGoodsName: '',
|
editGoodsName: '',
|
||||||
@ -230,7 +228,7 @@
|
|||||||
};
|
};
|
||||||
},
|
},
|
||||||
computed: {
|
computed: {
|
||||||
...mapGetters(['userInfo', 'location'])
|
...mapGetters(['userInfo', 'location', 'isLogin'])
|
||||||
},
|
},
|
||||||
created() {},
|
created() {},
|
||||||
onLoad() {
|
onLoad() {
|
||||||
@ -238,11 +236,15 @@
|
|||||||
this.getBanner()
|
this.getBanner()
|
||||||
},
|
},
|
||||||
onShow() {
|
onShow() {
|
||||||
//获取商家
|
if (this.isLogin) {
|
||||||
|
this.emptyText = '暂无可用应用'
|
||||||
|
} else {
|
||||||
|
this.emptyText = '请登录'
|
||||||
|
this.jurisdiction = true
|
||||||
|
}
|
||||||
this.getUserInfo()
|
this.getUserInfo()
|
||||||
this.group_id = this.userInfo.group_id
|
this.group_id = this.userInfo.group_id
|
||||||
// this.get_count()
|
// this.get_count()
|
||||||
|
|
||||||
},
|
},
|
||||||
// 下拉刷新
|
// 下拉刷新
|
||||||
onPullDownRefresh() {
|
onPullDownRefresh() {
|
||||||
@ -284,7 +286,6 @@
|
|||||||
})
|
})
|
||||||
},
|
},
|
||||||
navigator(url, t) {
|
navigator(url, t) {
|
||||||
console.log('t', t);
|
|
||||||
if (this.userInfoData.is_wsxx === 0 && t != '商户设置') return Toast("请完善商户信息")
|
if (this.userInfoData.is_wsxx === 0 && t != '商户设置') return Toast("请完善商户信息")
|
||||||
uni.navigateTo({
|
uni.navigateTo({
|
||||||
url: url
|
url: url
|
||||||
@ -295,6 +296,9 @@
|
|||||||
getUserInfo().then(res => {
|
getUserInfo().then(res => {
|
||||||
that.userInfoData = res.data;
|
that.userInfoData = res.data;
|
||||||
this.mer_id = res.data.service.mer_id
|
this.mer_id = res.data.service.mer_id
|
||||||
|
if (!res.data.mer_info) {
|
||||||
|
that.$set(this, 'jurisdiction', true);
|
||||||
|
}
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
CompanyCertification() {
|
CompanyCertification() {
|
||||||
@ -367,10 +371,7 @@
|
|||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.gather {
|
.gather {
|
||||||
padding-bottom: 164.91rpx;
|
padding-bottom: 164.91rpx;
|
||||||
}
|
background: linear-gradient(180deg, #FFFFFF 0%, #F6F6F6 100%);
|
||||||
|
|
||||||
page {
|
|
||||||
background-color: #fff;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.top_box {
|
.top_box {
|
||||||
@ -378,23 +379,6 @@
|
|||||||
background: linear-gradient(#36A2FF, #fff);
|
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 {
|
.work_header {
|
||||||
width: 693.93rpx;
|
width: 693.93rpx;
|
||||||
height: 230rpx;
|
height: 230rpx;
|
||||||
|
|||||||
@ -1,31 +1,8 @@
|
|||||||
<template>
|
<template>
|
||||||
<view class="Circle_friends">
|
<view class="Circle_friends">
|
||||||
<view class="circle_friends_wrapper">
|
<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">
|
<zbpSwiper></zbpSwiper>
|
||||||
<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>
|
|
||||||
|
|
||||||
<view class="tabs_wrapper">
|
<view class="tabs_wrapper">
|
||||||
<u-tabs :list="tabsData.list" @click="tabsChange" :activeStyle="tabsData.activeStyle"
|
<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"
|
<u-picker :defaultIndex="[0,0]" :show="showPicker" ref="uPicker" :columns="columnData" @confirm="confirm"
|
||||||
@cancel="showPicker = false" @change="changeHandler" keyName="name"></u-picker>
|
@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>
|
<!-- <m-tabbar native>
|
||||||
<template v-slot:tabbar_index_2>
|
<template v-slot:tabbar_index_2>
|
||||||
@ -76,6 +52,7 @@
|
|||||||
|
|
||||||
<script>
|
<script>
|
||||||
import mTabbar from '@/components/m-tabbar/m-tabbar.vue'
|
import mTabbar from '@/components/m-tabbar/m-tabbar.vue'
|
||||||
|
import zbpSwiper from '@/components/zbpSwiper'
|
||||||
import { getSlideAPI } from '@/api/lihai.js'
|
import { getSlideAPI } from '@/api/lihai.js'
|
||||||
import { graphicLstApi, getTopicList, graphicStartApi } from '@/api/community.js'
|
import { graphicLstApi, getTopicList, graphicStartApi } from '@/api/community.js'
|
||||||
import { getIndexData, getDiy } from '@/api/api.js'
|
import { getIndexData, getDiy } from '@/api/api.js'
|
||||||
@ -84,10 +61,12 @@
|
|||||||
import { Toast } from '@/libs/uniApi'
|
import { Toast } from '@/libs/uniApi'
|
||||||
export default {
|
export default {
|
||||||
components: {
|
components: {
|
||||||
mTabbar
|
mTabbar,
|
||||||
|
zbpSwiper
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
|
bgColor: '',
|
||||||
showPicker: false,
|
showPicker: false,
|
||||||
columnData: [],
|
columnData: [],
|
||||||
show: false,
|
show: false,
|
||||||
@ -105,14 +84,14 @@
|
|||||||
list: [],
|
list: [],
|
||||||
tabsActive: 0,
|
tabsActive: 0,
|
||||||
activeStyle: {
|
activeStyle: {
|
||||||
color: '#F84221',
|
color: '#fff',
|
||||||
fontWeight: 'bold',
|
fontWeight: 'bold',
|
||||||
borderRadius: '100px',
|
borderRadius: '100px',
|
||||||
backgroundColor: '#fff',
|
backgroundColor: '#F84221',
|
||||||
padding: '15.79rpx 21.05rpx'
|
padding: '15.79rpx 21.05rpx'
|
||||||
},
|
},
|
||||||
inactiveStyle: {
|
inactiveStyle: {
|
||||||
color: '#fff',
|
color: '#000',
|
||||||
padding: '15.79rpx 21.05rpx',
|
padding: '15.79rpx 21.05rpx',
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
@ -138,6 +117,13 @@
|
|||||||
},
|
},
|
||||||
onShow() {},
|
onShow() {},
|
||||||
methods: {
|
methods: {
|
||||||
|
// 轮播图变化背景
|
||||||
|
swiperChange(e) {
|
||||||
|
let { current, source } = e.detail;
|
||||||
|
if (source === 'autoplay' || source === 'touch') {
|
||||||
|
this.bgColor = this.swiper.url[e.detail.current]['img']
|
||||||
|
}
|
||||||
|
},
|
||||||
confirm(e) {
|
confirm(e) {
|
||||||
this.where.street_id = e.value[1].code
|
this.where.street_id = e.value[1].code
|
||||||
this.showPicker = false
|
this.showPicker = false
|
||||||
@ -162,9 +148,15 @@
|
|||||||
});
|
});
|
||||||
},
|
},
|
||||||
gogogo(item) {
|
gogogo(item) {
|
||||||
uni.navigateTo({
|
if (this.tabsData.tabsActive == 1) {
|
||||||
url: '/pages/plantGrass/plant_detail/index?id=' + item.community_id
|
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) {
|
giveStart(item) {
|
||||||
let status = item.relevance_id ? 0 : 1
|
let status = item.relevance_id ? 0 : 1
|
||||||
@ -190,13 +182,18 @@
|
|||||||
this.tabsData.list = [{
|
this.tabsData.list = [{
|
||||||
cate_name: "推荐",
|
cate_name: "推荐",
|
||||||
category_id: 0
|
category_id: 0
|
||||||
}, ...data]
|
}, { cate_name: "视频", category_id: -1, children: [] }, ...data]
|
||||||
},
|
},
|
||||||
tabsChange(item) {
|
tabsChange(item) {
|
||||||
this.where.category_id = item.category_id
|
this.where.category_id = item.category_id
|
||||||
this.getGoods()
|
this.getGoods()
|
||||||
this.street_id = item.id
|
this.street_id = item.id
|
||||||
this.tabsData.tabsActive = item.index
|
this.tabsData.tabsActive = item.index
|
||||||
|
if (item.index == 1) {
|
||||||
|
uni.navigateTo({
|
||||||
|
url: '/pages/short_video/nvueSwiper/index?id=' + '136'
|
||||||
|
})
|
||||||
|
}
|
||||||
},
|
},
|
||||||
async getBanner() {
|
async getBanner() {
|
||||||
const { data } = await getDiy({ id: 0 })
|
const { data } = await getDiy({ id: 0 })
|
||||||
@ -205,6 +202,7 @@
|
|||||||
} else {
|
} else {
|
||||||
this.swiper.url = data.value['1683875164005000'].swiperConfig.list
|
this.swiper.url = data.value['1683875164005000'].swiperConfig.list
|
||||||
}
|
}
|
||||||
|
this.bgColor = this.swiper.url[0].img
|
||||||
},
|
},
|
||||||
selfLocation() {
|
selfLocation() {
|
||||||
uni.getLocation({
|
uni.getLocation({
|
||||||
@ -243,12 +241,128 @@
|
|||||||
|
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
page {
|
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 {
|
.Circle_friends {
|
||||||
position: relative;
|
position: relative;
|
||||||
padding: 0 0 87.72rpx 0;
|
padding: 0 0 87.72rpx 0;
|
||||||
|
background: linear-gradient(180deg, #FFFFFF 0%, #F6F6F6 100%);
|
||||||
}
|
}
|
||||||
|
|
||||||
.circle_friends_wrapper {
|
.circle_friends_wrapper {
|
||||||
@ -256,20 +370,7 @@
|
|||||||
z-index: 2;
|
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 {
|
.bg_color {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
@ -287,45 +388,11 @@
|
|||||||
margin: 0 auto;
|
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 {
|
.tabs_wrapper {
|
||||||
width: 694.74rpx;
|
width: 694.74rpx;
|
||||||
margin: 38.6rpx auto;
|
margin: 0 auto;
|
||||||
|
margin-top: 0;
|
||||||
|
margin-bottom: 21.05rpx;
|
||||||
|
|
||||||
::v-deep .u-tabs__wrapper__nav__item {
|
::v-deep .u-tabs__wrapper__nav__item {
|
||||||
padding: 0 !important;
|
padding: 0 !important;
|
||||||
@ -421,7 +488,6 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
119
pages/nongKe/supply_chain/component/recommend.vue
Normal file
119
pages/nongKe/supply_chain/component/recommend.vue
Normal 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
548
pages/nongKe/supply_chain/supplier-copy.vue
Normal 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>
|
||||||
File diff suppressed because it is too large
Load Diff
@ -1,5 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<view :style="viewColor" style="padding-top: 180rpx;">
|
<view :style="viewColor" style="padding-top: 180rpx; ">
|
||||||
<form @submit="formSubmit" report-submit='true'>
|
<form @submit="formSubmit" report-submit='true'>
|
||||||
<view class="release_content">
|
<view class="release_content">
|
||||||
<view v-if="community_app_switch.length == 2" class="release_tab acea-row">
|
<view v-if="community_app_switch.length == 2" class="release_tab acea-row">
|
||||||
@ -180,7 +180,7 @@
|
|||||||
uploadUrl: `${HTTP_REQUEST_URL}/api/upload/video`,
|
uploadUrl: `${HTTP_REQUEST_URL}/api/upload/video`,
|
||||||
tabList: [
|
tabList: [
|
||||||
{ name: '图文', value: 1, icon: 'icon-tuwen' },
|
{ name: '图文', value: 1, icon: 'icon-tuwen' },
|
||||||
// { name: '视频', value: 2, icon: 'icon-shipin' },
|
{ name: '视频', value: 2, icon: 'icon-shipin' },
|
||||||
],
|
],
|
||||||
tabActive: 1,
|
tabActive: 1,
|
||||||
isPlay: false,
|
isPlay: false,
|
||||||
@ -512,9 +512,10 @@
|
|||||||
title: res.messge,
|
title: res.messge,
|
||||||
icon: 'success'
|
icon: 'success'
|
||||||
});
|
});
|
||||||
|
|
||||||
setTimeout(function() {
|
setTimeout(function() {
|
||||||
if (that.tabActive == 2) {
|
if (that.tabActive == 2) {
|
||||||
uni.navigateTo({
|
uni.redirectTo({
|
||||||
//#ifdef APP
|
//#ifdef APP
|
||||||
url: '/pages/short_video/appSwiper/index?id=' + res.data.community_id + '&user=1&uid=' +
|
url: '/pages/short_video/appSwiper/index?id=' + res.data.community_id + '&user=1&uid=' +
|
||||||
that.uid
|
that.uid
|
||||||
@ -530,6 +531,20 @@
|
|||||||
.tabActive
|
.tabActive
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
/**
|
||||||
|
* 将对象所有值为空
|
||||||
|
* */
|
||||||
|
/**
|
||||||
|
* 将对象所有值为空
|
||||||
|
* */
|
||||||
|
that.formData = {
|
||||||
|
image: [],
|
||||||
|
content: "",
|
||||||
|
topic_id: "",
|
||||||
|
spu_id: [],
|
||||||
|
video_link: "",
|
||||||
|
}
|
||||||
|
that.topicName = {}
|
||||||
}, 1000);
|
}, 1000);
|
||||||
}).catch(err => {
|
}).catch(err => {
|
||||||
return that.$util.Tips({
|
return that.$util.Tips({
|
||||||
@ -544,7 +559,7 @@
|
|||||||
setStorage('addPlant', '');
|
setStorage('addPlant', '');
|
||||||
setTimeout(function() {
|
setTimeout(function() {
|
||||||
if (that.tabActive == 2) {
|
if (that.tabActive == 2) {
|
||||||
uni.navigateTo({
|
uni.redirectTo({
|
||||||
//#ifdef APP
|
//#ifdef APP
|
||||||
url: '/pages/short_video/appSwiper/index?id=' + res.data.community_id + '&user=1&uid=' +
|
url: '/pages/short_video/appSwiper/index?id=' + res.data.community_id + '&user=1&uid=' +
|
||||||
that.uid
|
that.uid
|
||||||
@ -560,6 +575,17 @@
|
|||||||
.tabActive
|
.tabActive
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
/**
|
||||||
|
* 将对象所有值为空
|
||||||
|
* */
|
||||||
|
that.formData = {
|
||||||
|
image: [],
|
||||||
|
content: "",
|
||||||
|
topic_id: "",
|
||||||
|
spu_id: [],
|
||||||
|
video_link: "",
|
||||||
|
}
|
||||||
|
that.topicName = {}
|
||||||
}, 1000);
|
}, 1000);
|
||||||
}).catch(err => {
|
}).catch(err => {
|
||||||
console.log('aaa', value)
|
console.log('aaa', value)
|
||||||
@ -867,7 +893,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.release_btn {
|
.release_btn {
|
||||||
margin-top: 160rpx;
|
margin-top: 100rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.video-count {
|
.video-count {
|
||||||
|
|||||||
File diff suppressed because it is too large
Load Diff
@ -1,20 +1,97 @@
|
|||||||
<template>
|
<template>
|
||||||
<view class="entryProcess">
|
<view class="entryProcess">
|
||||||
<view class="record flex">
|
<view class="cont-wrapper">
|
||||||
<view class="circle"></view>
|
<view class="record flex">
|
||||||
<view class="cont-box">
|
<view class="circle"></view>
|
||||||
<view class="title">入驻申请</view>
|
<view class="cont-box">
|
||||||
<view class="text-box">
|
<view class="title">入驻申请</view>
|
||||||
<view class="have-filled" v-if="false"></view>
|
<view class="text-box">
|
||||||
<view class="get-through" v-if="true">
|
<view class="have-filled" v-if="true">
|
||||||
<text>1、填写入驻申请资本资料</text>
|
<text>1.填写入驻申请基本材料 2023-05-08完成</text>
|
||||||
<text>请按照营业执照和店招真实信息填写入驻基
|
<text>2.完成审核2023-05-08完成</text>
|
||||||
本材料，进行审核。</text>
|
</view>
|
||||||
<button>开始填写</button>
|
<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>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
<view class="sub-btn" v-if="true">进入店铺</view>
|
||||||
</view>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
@ -35,9 +112,27 @@
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss">
|
<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 {
|
.entryProcess {
|
||||||
height: 100%;
|
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 {
|
:last-child {
|
||||||
.circle {
|
.circle {
|
||||||
@ -66,11 +161,12 @@
|
|||||||
content: "";
|
content: "";
|
||||||
display: block;
|
display: block;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
top: 45.61rpx;
|
||||||
clear: both;
|
clear: both;
|
||||||
width: 1px;
|
width: 1px;
|
||||||
height: 100%;
|
height: calc(100% - 18px);
|
||||||
background-color: #EDF7F3;
|
background-color: #EDF7F3;
|
||||||
margin: 31.58rpx;
|
// margin: 31.58rpx;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -85,7 +181,7 @@
|
|||||||
|
|
||||||
.text-box {
|
.text-box {
|
||||||
width: 631.58rpx;
|
width: 631.58rpx;
|
||||||
height: 366.67rpx;
|
// height: 366.67rpx;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
padding: 29.82rpx 24.56rpx;
|
padding: 29.82rpx 24.56rpx;
|
||||||
@ -95,9 +191,68 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.text-box.get-through {
|
.on-record {
|
||||||
width: 100%;
|
opacity: 0.5;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text-box .have-filled {
|
||||||
height: 100%;
|
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;
|
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>
|
</style>
|
||||||
@ -1,48 +1,53 @@
|
|||||||
<template>
|
<template>
|
||||||
<view class="Circle_friends">
|
<view class="Circle_friends">
|
||||||
<view class="circle_friends_wrapper">
|
<view class="circle_friends_wrapper">
|
||||||
<view class="supply_chains-head">
|
<zbpSwiper></zbpSwiper>
|
||||||
<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="shop_wrapper">
|
<view class="shop_wrapper">
|
||||||
<navigator class="l_yun" hover-class="none"
|
<navigator class="l_yun" hover-class="none"
|
||||||
:url="`/pages/nongKe/supply_chain/supplier?type_id=10&street_id=${sotreParam.street_id}`">
|
: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="">泸州市{{district}}{{town}}</view>
|
||||||
<view class="iconlihai lihai-gengduo" @click.stop="showPicker=true"></view>
|
<view class="iconlihai lihai-gengduo" @click.stop="showPicker=true"></view>
|
||||||
</view>
|
</view>
|
||||||
<view class="text_cont">
|
<view class="text_cont">
|
||||||
<text class="name_town">{{town}}</text>供销综合云市场
|
<text class="name_town">{{town}}</text>供销综合云市场
|
||||||
|
</view> -->
|
||||||
|
<view class="text-name">
|
||||||
|
<text>通滩镇</text>
|
||||||
|
<view class="name_town">-供销综合云市场-</view>
|
||||||
</view>
|
</view>
|
||||||
</navigator>
|
</navigator>
|
||||||
<navigator class="r_lihai" hover-class="none"
|
<navigator class="r_lihai" hover-class="none" :url="`/pages/store/home/index?id=322`">
|
||||||
:url="`/pages/nongKe/supply_chain/supplier?type_id=11&street_id=${sotreParam.street_id}`">
|
|
||||||
<view class="title">里海云仓</view>
|
<view class="title">里海云仓</view>
|
||||||
<text>平台线上仓库</text>
|
|
||||||
</navigator>
|
</navigator>
|
||||||
</view>
|
</view>
|
||||||
|
<view class="tabs_wrapper flex_a_c_j_sb">
|
||||||
<!-- 滚动 -->
|
<view class="title flex_a_c">热点资讯</view>
|
||||||
<scroll-view scroll-y="true" class="article_box">
|
<navigator class="flex_a_c" hover-class="none" url="/pages/news_list/index">
|
||||||
<!-- @click="navigat" -->
|
更多
|
||||||
<view>
|
<view class="iconfont icon-gengduo3"></view>
|
||||||
<block v-for="item in ArticleHotList" :key="item.article_id">
|
</navigator>
|
||||||
<view class="article_item">
|
</view>
|
||||||
<view class="title">{{item.title}}</view>
|
<view class="article_box">
|
||||||
<view class="synopsis">{{item.synopsis}}</view>
|
<!-- <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>
|
</view>
|
||||||
</block>
|
<view class='pictrue'>
|
||||||
</view>
|
<image :src='item.image_input'></image>
|
||||||
</scroll-view>
|
</view>
|
||||||
|
</navigator>
|
||||||
|
</block>
|
||||||
|
</view>
|
||||||
|
|
||||||
<view class="tabs_wrapper">
|
<view class="tabs_wrapper">
|
||||||
<view class="title flex_a_c">最新动态</view>
|
<view class="title flex_a_c">最新动态</view>
|
||||||
@ -75,7 +80,8 @@
|
|||||||
</view>
|
</view>
|
||||||
<u-picker :defaultIndex="[0,0]" :show="showPicker" ref="uPicker" :columns="columnData" @confirm="confirm"
|
<u-picker :defaultIndex="[0,0]" :show="showPicker" ref="uPicker" :columns="columnData" @confirm="confirm"
|
||||||
@cancel="showPicker = false" @change="changeHandler" keyName="name"></u-picker>
|
@cancel="showPicker = false" @change="changeHandler" keyName="name"></u-picker>
|
||||||
<view class="bg_color"></view>
|
|
||||||
|
<!-- <view class="bg_color"></view> -->
|
||||||
|
|
||||||
<!-- <m-tabbar native>
|
<!-- <m-tabbar native>
|
||||||
<template v-slot:tabbar_index_2>
|
<template v-slot:tabbar_index_2>
|
||||||
@ -88,6 +94,7 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
import zbpSwiper from '@/components/zbpSwiper'
|
||||||
import { mapGetters } from 'vuex'
|
import { mapGetters } from 'vuex'
|
||||||
import mTabbar from '@/components/m-tabbar/m-tabbar.vue'
|
import mTabbar from '@/components/m-tabbar/m-tabbar.vue'
|
||||||
import WaterfallsFlow from '@/components/plantWaterfallsFlow/WaterfallsFlow.vue'
|
import WaterfallsFlow from '@/components/plantWaterfallsFlow/WaterfallsFlow.vue'
|
||||||
@ -98,7 +105,8 @@
|
|||||||
export default {
|
export default {
|
||||||
components: {
|
components: {
|
||||||
WaterfallsFlow,
|
WaterfallsFlow,
|
||||||
mTabbar
|
mTabbar,
|
||||||
|
zbpSwiper
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
@ -145,7 +153,7 @@
|
|||||||
district: '',
|
district: '',
|
||||||
town: '',
|
town: '',
|
||||||
emptyShow: false,
|
emptyShow: false,
|
||||||
ArticleHotList: []
|
articleList: []
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
onLoad() {
|
onLoad() {
|
||||||
@ -157,8 +165,6 @@
|
|||||||
uni.$on('resetLocation', function() {
|
uni.$on('resetLocation', function() {
|
||||||
console.log('resetLocation');
|
console.log('resetLocation');
|
||||||
})
|
})
|
||||||
this.district = this.location.address_component.district
|
|
||||||
this.town = this.location.address_component.street
|
|
||||||
},
|
},
|
||||||
onShow() {},
|
onShow() {},
|
||||||
computed: mapGetters(['location']),
|
computed: mapGetters(['location']),
|
||||||
@ -171,7 +177,7 @@
|
|||||||
async articleHotList() {
|
async articleHotList() {
|
||||||
const res = await getArticleList(19)
|
const res = await getArticleList(19)
|
||||||
// console.log('res', res);
|
// console.log('res', res);
|
||||||
this.ArticleHotList = res.data.list
|
this.articleList = res.data.list
|
||||||
},
|
},
|
||||||
gogogo(item) {
|
gogogo(item) {
|
||||||
uni.navigateTo({
|
uni.navigateTo({
|
||||||
@ -269,6 +275,7 @@
|
|||||||
.Circle_friends {
|
.Circle_friends {
|
||||||
position: relative;
|
position: relative;
|
||||||
padding: 0 0 87.72rpx 0;
|
padding: 0 0 87.72rpx 0;
|
||||||
|
background: linear-gradient(180deg, #FFFFFF 0%, #F6F6F6 100%);
|
||||||
}
|
}
|
||||||
|
|
||||||
.circle_friends_wrapper {
|
.circle_friends_wrapper {
|
||||||
@ -344,16 +351,33 @@
|
|||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
margin-top: 38.6rpx;
|
margin-top: 0;
|
||||||
|
|
||||||
.l_yun {
|
.l_yun {
|
||||||
width: 456.14rpx;
|
width: 456.14rpx;
|
||||||
border-radius: 8px;
|
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;
|
background-size: cover;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
position: relative;
|
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 {
|
.yun_title {
|
||||||
color: #B24322;
|
color: #B24322;
|
||||||
background-color: #ffad99;
|
background-color: #ffad99;
|
||||||
@ -388,124 +412,17 @@
|
|||||||
width: 217.54rpx;
|
width: 217.54rpx;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
font-size: 35.09rpx;
|
font-size: 35.09rpx;
|
||||||
color: #7F1616;
|
|
||||||
padding-top: 28.07rpx;
|
padding-top: 28.07rpx;
|
||||||
text-align: center;
|
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;
|
background-size: cover;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
|
border-radius: 8px;
|
||||||
|
color: #fff;
|
||||||
|
font-weight: bold;
|
||||||
|
|
||||||
.title {
|
.title {
|
||||||
font-weight: bold;
|
margin-top: 105.26rpx;
|
||||||
}
|
|
||||||
|
|
||||||
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;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -517,47 +434,62 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.article_box {
|
.article_box {
|
||||||
height: 431.58rpx;
|
height: 100%;
|
||||||
width: 694.74rpx;
|
width: 694.74rpx;
|
||||||
margin: 38.6rpx auto;
|
margin: 0 auto;
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
padding: 0 24.56rpx 24.56rpx 24.56rpx;
|
padding: 0 24.56rpx;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
|
|
||||||
.article_item {
|
.title-box {
|
||||||
height: 131.58rpx;
|
height: 87.72rpx;
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
justify-content: center;
|
|
||||||
border-bottom: 1px solid #CCCCCC;
|
|
||||||
|
|
||||||
.title {
|
text {
|
||||||
font-size: 28.07rpx;
|
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 {
|
.tabs_wrapper {
|
||||||
width: 694.74rpx;
|
width: 694.74rpx;
|
||||||
margin: 38.6rpx auto;
|
margin: 38.6rpx auto;
|
||||||
|
margin-bottom: 21.05rpx;
|
||||||
|
|
||||||
::v-deep .u-tabs__wrapper__nav__item {
|
::v-deep .u-tabs__wrapper__nav__item {
|
||||||
padding: 0 !important;
|
padding: 0 !important;
|
||||||
|
|||||||
Binary file not shown.
|
Before Width: | Height: | Size: 3.9 KiB |
BIN
static/images/lihaiyun.png
Normal file
BIN
static/images/lihaiyun.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.9 KiB |
BIN
static/images/zonghe.png
Normal file
BIN
static/images/zonghe.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.4 KiB |
Loading…
x
Reference in New Issue
Block a user