首页bug 商家入驻等界面修改
This commit is contained in:
jia
parent
97f957bde1
commit
bd284d477f
2
App.vue
2
App.vue
@ -306,7 +306,7 @@
|
||||
this.globalData.community_reply_auth = res.data.community_reply_auth
|
||||
this.globalData.margin_ico_switch = res.data.margin_ico_switch
|
||||
this.globalData.margin_ico = res.data.margin_ico
|
||||
console.log(res.data.global_theme.theme + "我是")
|
||||
// console.log(res.data.global_theme.theme + "我是")
|
||||
this.$store.commit("VIEW_COLOR", res.data.global_theme.theme)
|
||||
this.$store.commit("KEY_COLOR", '_' + res.data.global_theme.type)
|
||||
try {
|
||||
|
||||
@ -103,6 +103,10 @@ export function getUserCoupons(data) {
|
||||
export function getArticleCategoryList() {
|
||||
return request.get('article/category/lst', {}, { noAuth: true })
|
||||
}
|
||||
|
||||
export function getArticleCategoryLists() {
|
||||
return request.get('article/category/lst?is_home='+1, {}, { noAuth: true })
|
||||
}
|
||||
/**
|
||||
* 文章列表
|
||||
* @param int cid
|
||||
|
||||
@ -467,7 +467,7 @@ export function getGeocoder(data) {
|
||||
*
|
||||
*/
|
||||
export function getStoreTypeApi() {
|
||||
return request.get('intention/type', {sift_store:1}, {
|
||||
return request.get('intention/type', {sift_store:0}, {
|
||||
noAuth: true
|
||||
});
|
||||
}
|
||||
|
||||
@ -7,6 +7,8 @@
|
||||
</view>
|
||||
<view v-for="(item,index) in cartInfo" :key="index">
|
||||
<view v-if="activityType === 2">
|
||||
|
||||
|
||||
<view class='item presell_item'>
|
||||
<view class="acea-row row-between-wrapper">
|
||||
<view class='pictrue' @click="jumpCon(item)">
|
||||
@ -75,7 +77,7 @@
|
||||
</view>
|
||||
</view>
|
||||
<view v-else class='item'>
|
||||
|
||||
|
||||
<view class="acea-row row-between-wrapper">
|
||||
<view class='pictrue' @click="jumpCon(item)">
|
||||
<image
|
||||
@ -110,11 +112,11 @@
|
||||
</view>
|
||||
|
||||
<view class="btn-item"
|
||||
v-if="(item.is_refund ==0 && (evaluate != 10 && evaluate != 11) && orderData.refund_status || item.refund_num > 0)&& evaluate != 1&&evaluate !=4&& evaluate!=3 || evaluate==2 ||activityType==98"
|
||||
v-if="(item.is_refund ==0 && (evaluate != 10 && evaluate != 11) && orderData.refund_status || item.refund_num > 0)&& evaluate!=9 &&evaluate != 1&&evaluate !=4&& evaluate!=3 || evaluate==2"
|
||||
@click.stop="refund(item)">申请退款</view>
|
||||
|
||||
<view class='btn-item'
|
||||
v-if='item.is_reply==0 && evaluate!=2&& evaluate!=3 && evaluate!=8&& item.refund_num > 0'
|
||||
v-if='item.is_reply==0 && evaluate!=2&& evaluate!=3 && evaluate!=8&& evaluate!=9&& item.refund_num > 0'
|
||||
@click.stop="evaluateTap(item.order_product_id,orderId)">去评价</view>
|
||||
<view class='btn-item on' v-else-if="item.is_reply==1 && evaluate==2">已评价</view>
|
||||
</view>
|
||||
|
||||
@ -1,291 +1,349 @@
|
||||
<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" @click="selectLocation">
|
||||
<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="搜索产品或店铺" disabled>
|
||||
</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,index) in swiper['url']" :key="index">
|
||||
<swiper-item class="swi_item" @click="swiperClick(item)">
|
||||
<u--image :showLoading="true" :src="item.img" width="694.74rpx" height="242.11rpx" mode="aspectFill">
|
||||
</u--image>
|
||||
</swiper-item>
|
||||
</block>
|
||||
</swiper>
|
||||
</view>
|
||||
<u-picker :defaultIndex="defaInd" :show="showPicker" ref="uPicker" :columns="columnData" @confirm="confirm"
|
||||
@cancel="showPicker = false" @change="changeHandler" keyName="name"></u-picker>
|
||||
</view>
|
||||
<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" @click="selectLocation">
|
||||
<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="搜索产品或店铺" disabled>
|
||||
</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,index) in swiper['url']" :key="index">
|
||||
<swiper-item class="swi_item" @click="swiperClick(item)">
|
||||
<u--image :showLoading="true" :src="item.img" width="694.74rpx" height="242.11rpx"
|
||||
mode="aspectFill">
|
||||
</u--image>
|
||||
</swiper-item>
|
||||
</block>
|
||||
</swiper>
|
||||
</view>
|
||||
<u-picker :defaultIndex="defaInd" :show="showPicker" ref="uPicker" :columns="columnData" @confirm="confirm"
|
||||
@cancel="showPicker = false" @change="changeHandler" keyName="name"></u-picker>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { getArea, getStreet } from '@/api/article.js';
|
||||
import { getIndexData, getDiy } from '@/api/api.js'
|
||||
import { getGeocoder } from '@/api/store.js';
|
||||
import { mapGetters } from 'vuex'
|
||||
import { Toast } from '../libs/uniApi';
|
||||
import Cache from '@/utils/cache';
|
||||
export default {
|
||||
props: {
|
||||
isSelectPlace: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
location_Arr: {
|
||||
type: Object,
|
||||
default: () => ({})
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
defaInd: [0, 0],
|
||||
street: '',
|
||||
showPicker: false,
|
||||
styleConfig: [],
|
||||
columnData: [],
|
||||
homeCombData: [],
|
||||
keyword: '',
|
||||
bgColor: '',
|
||||
swiper: {
|
||||
url: [{
|
||||
img: ''
|
||||
}],
|
||||
indicatorDots: true, // 显示面板指示点
|
||||
vertical: false, // 滑动方向是否为纵向
|
||||
autoplay: true, // 是否自动切换
|
||||
interval: 2000, // 自动切换时间间隔
|
||||
duration: 400 // 滑动动画时长
|
||||
},
|
||||
}
|
||||
},
|
||||
computed: mapGetters(['location']),
|
||||
watch: {
|
||||
location: {
|
||||
handler(newVal, oldVal) {
|
||||
// console.log(newVal, oldVal)
|
||||
if (newVal.address_component?.street) this.street = newVal.address_component.street
|
||||
},
|
||||
immediate: true
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.getBanner()
|
||||
this.Area()
|
||||
if (this.location.address_component?.street) this.street = this.location.address_component.street
|
||||
// this.street = Cache.get('LOCATION_DATA',true)
|
||||
// console.log( Cache.get('LOCATION_DATA'))
|
||||
},
|
||||
import {
|
||||
getArea,
|
||||
getStreet
|
||||
} from '@/api/article.js';
|
||||
import {
|
||||
getIndexData,
|
||||
getDiy
|
||||
} from '@/api/api.js'
|
||||
import {
|
||||
getGeocoder
|
||||
} from '@/api/store.js';
|
||||
import {
|
||||
mapGetters
|
||||
} from 'vuex'
|
||||
import {
|
||||
Toast
|
||||
} from '../libs/uniApi';
|
||||
import Cache from '@/utils/cache';
|
||||
export default {
|
||||
props: {
|
||||
isSelectPlace: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
location_Arr: {
|
||||
type: Object,
|
||||
default: () => ({})
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
defaInd: [0, 0],
|
||||
street: '',
|
||||
showPicker: false,
|
||||
styleConfig: [],
|
||||
columnData: [],
|
||||
homeCombData: [],
|
||||
keyword: '',
|
||||
bgColor: '',
|
||||
swiper: {
|
||||
url: [{
|
||||
img: ''
|
||||
}],
|
||||
indicatorDots: true, // 显示面板指示点
|
||||
vertical: false, // 滑动方向是否为纵向
|
||||
autoplay: true, // 是否自动切换
|
||||
interval: 2000, // 自动切换时间间隔
|
||||
duration: 400 // 滑动动画时长
|
||||
},
|
||||
}
|
||||
},
|
||||
|
||||
methods: {
|
||||
swiperClick(item) {
|
||||
const url = item.info[1].value
|
||||
uni.navigateTo({
|
||||
url: url
|
||||
})
|
||||
},
|
||||
selectLocation() {
|
||||
this.isSelectPlace ? this.showPicker = true : ''
|
||||
},
|
||||
confirm(e) {
|
||||
this.street = e.value[1].name
|
||||
this.showPicker = false
|
||||
this.$emit('selectPlce', e)
|
||||
let adress = Cache.get('LOCATION_DATA',true)
|
||||
Cache.set('LOCATION_DATA',adress)
|
||||
},
|
||||
changeHandler(e) {
|
||||
const {
|
||||
columnIndex,
|
||||
value,
|
||||
values,
|
||||
index,
|
||||
picker = this.$refs.uPicker
|
||||
} = e;
|
||||
if (columnIndex === 0) {
|
||||
getStreet({ area_code: value[0]['code'] }).then(res => {
|
||||
picker.setColumnValues(1, res.data);
|
||||
});
|
||||
}
|
||||
},
|
||||
Area() {
|
||||
getArea({ city_code: 510500 }).then(res => {
|
||||
this.$refs.uPicker.setColumnValues(0, res.data);
|
||||
this.Street(res.data[0]['code']);
|
||||
});
|
||||
},
|
||||
Street(code) {
|
||||
getStreet({ area_code: code }).then(res => {
|
||||
this.$refs.uPicker.setColumnValues(1, res.data);
|
||||
});
|
||||
},
|
||||
|
||||
swiperChange(e) {
|
||||
let { current, source } = e.detail;
|
||||
if (source === 'autoplay' || source === 'touch') {
|
||||
this.bgColor = this.swiper.url[e.detail.current]['img']
|
||||
}
|
||||
},
|
||||
// 对象转数组
|
||||
objToArr(data) {
|
||||
let obj = Object.keys(data).sort();
|
||||
let m = obj.map(key => data[key]);
|
||||
return m;
|
||||
},
|
||||
async getBanner(id) {
|
||||
let that = this;
|
||||
const { data } = await getDiy({ id: 0 })
|
||||
that.styleConfig = that.objToArr(data.value);
|
||||
/* 循环数组得到数据*/
|
||||
that.styleConfig.forEach((item, index, arr) => {
|
||||
if (item.name == 'headerSerch' || item.name == 'homeComb') {
|
||||
if (item.name == 'homeComb') {
|
||||
that.swiper.url = item.swiperConfig.list
|
||||
}
|
||||
}
|
||||
})
|
||||
this.bgColor = this.swiper.url[0].img
|
||||
},
|
||||
}
|
||||
}
|
||||
created() {
|
||||
this.appLocation()
|
||||
|
||||
this.getBanner()
|
||||
this.Area()
|
||||
|
||||
},
|
||||
onShow() {
|
||||
this.street = uni.getStorageSync('adress_location')
|
||||
},
|
||||
methods: {
|
||||
swiperClick(item) {
|
||||
const url = item.info[1].value
|
||||
uni.navigateTo({
|
||||
url: url
|
||||
})
|
||||
},
|
||||
selectLocation() {
|
||||
this.isSelectPlace ? this.showPicker = true : ''
|
||||
|
||||
},
|
||||
async appLocation() {
|
||||
uni.getLocation({
|
||||
type: 'wgs84',
|
||||
timeout: '10',
|
||||
success: (res) => {
|
||||
// console.log(res)
|
||||
|
||||
let latitude, longitude;
|
||||
latitude = res.latitude.toString();
|
||||
longitude = res.longitude.toString();
|
||||
getGeocoder({
|
||||
lat: latitude,
|
||||
long: longitude
|
||||
}).then(res => {
|
||||
|
||||
this.street = res.data.address_component.street
|
||||
uni.setStorageSync('adress_location', res.data.address_component
|
||||
.street)
|
||||
|
||||
}).catch(err => {
|
||||
uni.showToast({
|
||||
title: err,
|
||||
icon: 'none'
|
||||
})
|
||||
})
|
||||
},
|
||||
fail: (err) => {
|
||||
|
||||
uni.showToast({
|
||||
title: "获取定位超时",
|
||||
icon: 'none',
|
||||
duration: 2000
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
confirm(e) {
|
||||
this.street = uni.setStorageSync('adress_location', e.value[1].name) ? uni.setStorageSync(
|
||||
'adress_location', e.value[1].name) : e.value[1].name
|
||||
this.showPicker = false
|
||||
this.$emit('selectPlce', e)
|
||||
uni.setStorageSync('adress_location', e.value[1].name)
|
||||
|
||||
},
|
||||
changeHandler(e) {
|
||||
const {
|
||||
columnIndex,
|
||||
value,
|
||||
values,
|
||||
index,
|
||||
picker = this.$refs.uPicker
|
||||
} = e;
|
||||
if (columnIndex === 0) {
|
||||
getStreet({
|
||||
area_code: value[0]['code']
|
||||
}).then(res => {
|
||||
picker.setColumnValues(1, res.data);
|
||||
});
|
||||
}
|
||||
},
|
||||
Area() {
|
||||
getArea({
|
||||
city_code: 510500
|
||||
}).then(res => {
|
||||
this.$refs.uPicker.setColumnValues(0, res.data);
|
||||
this.Street(res.data[0]['code']);
|
||||
});
|
||||
},
|
||||
Street(code) {
|
||||
getStreet({
|
||||
area_code: code
|
||||
}).then(res => {
|
||||
this.$refs.uPicker.setColumnValues(1, res.data);
|
||||
});
|
||||
},
|
||||
|
||||
swiperChange(e) {
|
||||
let {
|
||||
current,
|
||||
source
|
||||
} = e.detail;
|
||||
if (source === 'autoplay' || source === 'touch') {
|
||||
this.bgColor = this.swiper.url[e.detail.current]['img']
|
||||
}
|
||||
},
|
||||
// 对象转数组
|
||||
objToArr(data) {
|
||||
let obj = Object.keys(data).sort();
|
||||
let m = obj.map(key => data[key]);
|
||||
return m;
|
||||
},
|
||||
async getBanner(id) {
|
||||
let that = this;
|
||||
const {
|
||||
data
|
||||
} = await getDiy({
|
||||
id: 0
|
||||
})
|
||||
that.styleConfig = that.objToArr(data.value);
|
||||
/* 循环数组得到数据*/
|
||||
that.styleConfig.forEach((item, index, arr) => {
|
||||
if (item.name == 'headerSerch' || item.name == 'homeComb') {
|
||||
if (item.name == 'homeComb') {
|
||||
that.swiper.url = item.swiperConfig.list
|
||||
}
|
||||
}
|
||||
})
|
||||
this.bgColor = this.swiper.url[0].img
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.zbp-head-wrapper {
|
||||
position: relative;
|
||||
padding-top: 78.95rpx;
|
||||
overflow: hidden;
|
||||
.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;
|
||||
}
|
||||
.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;
|
||||
.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);
|
||||
}
|
||||
}
|
||||
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;
|
||||
.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;
|
||||
// 位置
|
||||
.place_wrapper {
|
||||
color: #fff;
|
||||
margin-right: 24.56rpx;
|
||||
font-size: 31.58rpx;
|
||||
|
||||
.town_name {
|
||||
margin-left: 10.53rpx;
|
||||
}
|
||||
}
|
||||
.town_name {
|
||||
margin-left: 10.53rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.iconfont {
|
||||
font-size: 35.09rpx;
|
||||
}
|
||||
}
|
||||
.iconfont {
|
||||
font-size: 35.09rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.my-main {
|
||||
transition: background-color .5s ease;
|
||||
}
|
||||
.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;
|
||||
.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;
|
||||
}
|
||||
.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;
|
||||
}
|
||||
}
|
||||
.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;
|
||||
.supply_chains-head {
|
||||
margin-bottom: 17.54rpx;
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
|
||||
.swiper {
|
||||
width: 694.74rpx;
|
||||
height: 242.11rpx;
|
||||
margin: 0 auto;
|
||||
border-radius: 15px;
|
||||
overflow: hidden;
|
||||
.swiper {
|
||||
width: 694.74rpx;
|
||||
height: 242.11rpx;
|
||||
margin: 0 auto;
|
||||
border-radius: 15px;
|
||||
overflow: hidden;
|
||||
|
||||
.swi_item {
|
||||
width: 100%;
|
||||
height: 242.11rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.swi_item {
|
||||
width: 100%;
|
||||
height: 242.11rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -9,8 +9,8 @@ let httpApiThree
|
||||
// 网络接口修改此字符 小程序域名要求https
|
||||
// let httpApi = 'http://192.168.31.110:8324' // 测试
|
||||
if (process.env.NODE_ENV === "development") {
|
||||
// httpApi = 'https://shop.lihaink.cn' // 生产
|
||||
httpApi = "https://crmeb-test.shop.lihaink.cn"
|
||||
httpApi = 'https://shop.lihaink.cn' // 生产
|
||||
// httpApi = "https://crmeb-test.shop.lihaink.cn"
|
||||
// httpApi = "http://192.168.0.222"
|
||||
// httpApi = "http://192.168.0.108:8325"
|
||||
// httpApi = 'http://192.168.0.108:8325'
|
||||
|
||||
@ -2,8 +2,8 @@
|
||||
"name" : "惠农生活",
|
||||
"appid" : "__UNI__3A527D1",
|
||||
"description" : "",
|
||||
"versionName" : "1.0.18",
|
||||
"versionCode" : 142,
|
||||
"versionName" : "1.0.0",
|
||||
"versionCode" : 100,
|
||||
"transformPx" : false,
|
||||
/* 5+App特有相关 */
|
||||
"app-plus" : {
|
||||
|
||||
@ -165,7 +165,7 @@
|
||||
确认付款
|
||||
</view>
|
||||
|
||||
<view class="bnt delivery" @click="toPostagequ(orderInfo)" v-if="orderInfo.status == 0&&orderInfo.activity_type==0">
|
||||
<view class="bnt delivery" @click="toPostagequ(orderInfo)" v-if="orderInfo.status == 0&&orderInfo.activity_type==0&& orderInfo.order_type !=1 ">
|
||||
收件码
|
||||
</view>
|
||||
<navigator class="bnt delivery" v-if="orderInfo.paid == 1 && orderInfo.status == 0 && orderInfo.order_type == 0&&orderInfo.activity_type==98" :url="'/pages/admin/delivery/index?id='+orderInfo.order_id+'&merId='+mer_id">去发货</navigator>
|
||||
|
||||
@ -172,7 +172,7 @@
|
||||
<view class="bnt bnt_color" v-if="where.status == 2 && item.order_type == 0&&item.activity_type==98"
|
||||
@click="toPostage(item)">去发货
|
||||
</view>
|
||||
<view class="bnt bnt_color" v-if="where.status == 2 && item.order_type == 0&&item.activity_type==0"
|
||||
<view class="bnt bnt_color" v-if="where.status == 2 && item.order_type == 0&& item.order_type !=1 &&item.activity_type==0"
|
||||
@click="toPostagequ(item)">收件码
|
||||
</view>
|
||||
<view class="bnt bnt_color"
|
||||
|
||||
@ -11,8 +11,8 @@
|
||||
</view>
|
||||
<view style="text-align: right;" v-if="tabIndex==1" class='iconfont'
|
||||
:class='is_switch==true?"icon-pailie":"icon-tupianpailie"' @click='Changswitch'></view>
|
||||
<view v-else-if="mer_location == 1" style="text-align: right;" class='iconfont icon-dingwei'
|
||||
@click="showMaoLocation(latitude,longitude)"></view>
|
||||
<!-- <view v-else-if="mer_location == 1" style="text-align: right;" class='iconfont icon-dingwei'
|
||||
@click="showMaoLocation(latitude,longitude)"></view> -->
|
||||
</view>
|
||||
<view class="nav-wrapper">
|
||||
<view v-if="hide_mer_status == 0" class="tab-bar">
|
||||
|
||||
@ -2,15 +2,66 @@
|
||||
<view class="Circle_friends">
|
||||
<view class="circle_friends_wrapper">
|
||||
|
||||
<zbpSwiper :isSelectPlace="true" :location_Arr="locationArr"></zbpSwiper>
|
||||
<zbpSwiper :isSelectPlace="true" :location_Arr="locationArr"></zbpSwiper>
|
||||
<view class="tabs_wrapper flex_a_c_j_sb" style="margin-top: 30rpx;">
|
||||
<view class="title flex_a_c">热点资讯</view>
|
||||
<navigator class="flex_a_c" hover-class="none" url="/pages/news_list/index?type=1">
|
||||
更多
|
||||
<view class="iconfont icon-gengduo3"></view>
|
||||
</navigator>
|
||||
</view>
|
||||
<view class="article_box">
|
||||
<block v-for="(item, index) in recoList.slice(0,2)" :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 class='pictrue'>
|
||||
<image :src='item.image_input'></image>
|
||||
</view>
|
||||
</navigator>
|
||||
</block>
|
||||
</view>
|
||||
<view class="empty_wrapper" v-if="recoList.length==0">
|
||||
<u-empty></u-empty>
|
||||
</view>
|
||||
<view class="tabs_wrapper">
|
||||
<u-tabs :list="tabsData1.list" @click="tabsChange1" keyName="title" lineColor="#F84221"></u-tabs>
|
||||
</view>
|
||||
|
||||
<view class="tabs_wrapper" :isSelectPlace="true" @selectPlce="selectPlce" :location_Arr="locationArr">
|
||||
<view class="goods">
|
||||
<block v-for="(item,index) in articleList" :key="index">
|
||||
<view class="goods_item" @click="article(item)">
|
||||
<image class="goods_img" :src="item.image_input" mode="aspectFill"></image>
|
||||
<view class="botm">
|
||||
<view class="title">{{item.title}}</view>
|
||||
<view class="goods_info flex_a_c">
|
||||
<view class="l_info flex_a_c">
|
||||
<image :src="(item.author && item.author.avatar) || '/static/images/f.png'"
|
||||
mode="aspectFill" class="g_img"></image>
|
||||
<view class="g_name">{{item.author}}</view>
|
||||
</view>
|
||||
<!-- <view class="nice_box" @click.stop="giveStart(item)">
|
||||
<text class="iconfont" :class="item.relevance_id ? 'icon-shoucang1' : 'icon-dianzan'"></text>
|
||||
<text class="collect">{{item.count_start}}</text>
|
||||
</view> -->
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</block>
|
||||
</view>
|
||||
<view class="empty_wrapper" v-if="articleList.length==0">
|
||||
<u-empty></u-empty>
|
||||
</view>
|
||||
<view class="tabs_wrapper">
|
||||
<u-tabs :list="tabsData.list" @click="tabsChange" lineColor="#F84221" keyName="cate_name"></u-tabs>
|
||||
</view>
|
||||
<view class="">
|
||||
|
||||
</view>
|
||||
|
||||
|
||||
<view class="goods">
|
||||
<block v-for="(item,index) in cateGoods" :key="index">
|
||||
<view class="goods_item" @click="gogogo(item)">
|
||||
@ -47,7 +98,7 @@
|
||||
|
||||
<u-picker :defaultIndex="[0,0]" :show="showPicker" ref="uPicker" :columns="columnData" @confirm="confirm"
|
||||
@cancel="showPicker = false" @change="changeHandler" keyName="name"></u-picker>
|
||||
<u-loadmore :status="status" v-if="cateGoods.length>=where.limit" />
|
||||
<u-loadmore :status="status" v-if="cateGoods.length>=where.limit" />
|
||||
<!-- <view class="bg_color"></view> -->
|
||||
|
||||
<!-- <m-tabbar native>
|
||||
@ -57,6 +108,14 @@
|
||||
</view>
|
||||
</template>
|
||||
</m-tabbar> -->
|
||||
<view class="location" v-if='isshow'>
|
||||
<view class="locationa">
|
||||
位置权限使用说明
|
||||
</view>
|
||||
<view class="locationb">
|
||||
用于向你推荐最近门店
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
@ -64,6 +123,7 @@
|
||||
import mTabbar from '@/components/m-tabbar/m-tabbar.vue'
|
||||
import zbpSwiper from '@/components/zbpSwiper'
|
||||
import easyLoadimage from '@/components/easy-loadimage/easy-loadimage.vue';
|
||||
|
||||
import {
|
||||
getSlideAPI
|
||||
} from '@/api/lihai.js'
|
||||
@ -74,7 +134,9 @@
|
||||
} from '@/api/community.js'
|
||||
import {
|
||||
getIndexData,
|
||||
getDiy
|
||||
getDiy,
|
||||
getArticleList,
|
||||
getArticleCategoryLists
|
||||
} from '@/api/api.js'
|
||||
import {
|
||||
getGeocoder,
|
||||
@ -95,7 +157,9 @@
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
locationArr: ({}),
|
||||
|
||||
isshow: false,
|
||||
locationArr: ({}),
|
||||
status: 'loadmore',
|
||||
bgColor: '',
|
||||
showPicker: false,
|
||||
@ -105,6 +169,10 @@
|
||||
list: [],
|
||||
tabsActive: 0
|
||||
},
|
||||
tabsData1: {
|
||||
list: [],
|
||||
tabsActive: 0
|
||||
},
|
||||
where: {
|
||||
category_id: 0,
|
||||
page: 1,
|
||||
@ -115,24 +183,29 @@
|
||||
location: '',
|
||||
emptyShow: false,
|
||||
street: '',
|
||||
cateGoods: []
|
||||
cateGoods: [],
|
||||
recoList: [],
|
||||
articleList: [],
|
||||
streeta_id: ''
|
||||
}
|
||||
},
|
||||
onPullDownRefresh() {
|
||||
this.getCateList()
|
||||
this.cateGoods=[]
|
||||
this.cateGoods = []
|
||||
this.getGoods()
|
||||
this.selfLocation()
|
||||
this.Area()
|
||||
uni.stopPullDownRefresh()
|
||||
},
|
||||
onLoad() {
|
||||
|
||||
|
||||
this.getCateList()
|
||||
|
||||
this.getArticle()
|
||||
this.getGoods()
|
||||
|
||||
this.selfLocation()
|
||||
this.Area()
|
||||
this.setPermissions()
|
||||
|
||||
// this.openTongZhi()
|
||||
uni.$on('connectstatusChange', (connectstatus) => {
|
||||
var connectstr = ''
|
||||
@ -151,21 +224,56 @@
|
||||
if (this.status == 'nomore') return;
|
||||
this.status = 'loading';
|
||||
this.where.page = ++this.where.page;
|
||||
this.
|
||||
this.getGoods()
|
||||
},
|
||||
methods: {
|
||||
tabsChange1(item) {
|
||||
this.getArticleList(item.article_category_id)
|
||||
this.streeta_id = item.id
|
||||
this.tabsData1.tabsActive = item.index
|
||||
},
|
||||
async getArticle() {
|
||||
let list = []
|
||||
|
||||
const {
|
||||
data
|
||||
} = await getArticleCategoryLists()
|
||||
data.map((item, index) => {
|
||||
if (item.title !== '首页推荐') {
|
||||
list.push(item)
|
||||
} else {
|
||||
getArticleList(item.article_category_id).then(res => {
|
||||
this.recoList = res.data.list
|
||||
})
|
||||
}
|
||||
})
|
||||
|
||||
this.tabsData1.list = list
|
||||
this.getArticleList(list[0].article_category_id)
|
||||
},
|
||||
async getArticleList(id) {
|
||||
let obj = {
|
||||
is_home: 1
|
||||
}
|
||||
const {
|
||||
data
|
||||
} = await getArticleList(id)
|
||||
this.articleList = data.list
|
||||
},
|
||||
article(item) {
|
||||
uni.navigateTo({
|
||||
url: '/pages/news_details/index?id=' + item.article_id
|
||||
})
|
||||
},
|
||||
selectPlce(e) {
|
||||
this.selfLocation()
|
||||
this.Area()
|
||||
this.street_id = e.value[1].code
|
||||
this.town = e.value[1].name
|
||||
this.getCloudShopMerId(e.value[1].code)
|
||||
this.street_id = e.value[1].code
|
||||
this.town = e.value[1].name
|
||||
this.getCloudShopMerId(e.value[1].code)
|
||||
},
|
||||
getCloudShopMerId(id) {
|
||||
get_cloud_shop(id).then(res => {
|
||||
res.data.length > 0 ? this.isYunCang = 1 : this.isYunCang = 0
|
||||
})
|
||||
get_cloud_shop(id).then(res => {
|
||||
res.data.length > 0 ? this.isYunCang = 1 : this.isYunCang = 0
|
||||
})
|
||||
},
|
||||
confirm(e) {
|
||||
this.where.street_id = e.value[1].code
|
||||
@ -204,17 +312,20 @@
|
||||
},
|
||||
gogogo(item) {
|
||||
if (this.tabsData.tabsActive == 1) {
|
||||
|
||||
uni.navigateTo({
|
||||
//#ifdef APP
|
||||
url: '/pages/short_video/appSwiper/index?id=' + item.community_id,
|
||||
//#endif
|
||||
//#ifndef MP || H5
|
||||
url: '/pages/short_video/nvueSwiper/index?id=' + item.community_id
|
||||
//#endif
|
||||
// #ifdef MP || H5
|
||||
url: `/pages/short_video/nvueSwiper/index?id=${item.community_id}`
|
||||
// #endif
|
||||
// #ifdef APP
|
||||
url: `/pages/short_video/appSwiper/index?id=${item.community_id}`
|
||||
// #endif
|
||||
})
|
||||
|
||||
} else {
|
||||
uni.navigateTo({
|
||||
url: '/pages/plantGrass/plant_detail/index?id=' + item.community_id
|
||||
|
||||
url: `/pages/plantGrass/plant_detail/index?id=${item.community_id}`
|
||||
})
|
||||
}
|
||||
},
|
||||
@ -234,16 +345,16 @@
|
||||
})
|
||||
},
|
||||
getGoods: function(item) {
|
||||
|
||||
|
||||
graphicLstApi(this.where).then(res => {
|
||||
this.cateGoods.push(...res.data.list)
|
||||
if (res.data.list.length < this.where.limit) this.status = 'nomore'
|
||||
|
||||
|
||||
if (this.where.page == 1 && res.data.list.length <= 0) this.emptyShow = true
|
||||
|
||||
if(item){
|
||||
|
||||
if (item.index == 1 &&this.cateGoods[0] ) {
|
||||
|
||||
if (item) {
|
||||
|
||||
if (item.index == 1 && this.cateGoods[0]) {
|
||||
uni.navigateTo({
|
||||
// #ifdef MP || H5
|
||||
url: `/pages/short_video/nvueSwiper/index?id=${this.cateGoods[0].community_id}`
|
||||
@ -254,7 +365,7 @@
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
})
|
||||
},
|
||||
/*获取分类列表*/
|
||||
@ -282,11 +393,18 @@
|
||||
|
||||
},
|
||||
selfLocation() {
|
||||
const that = this
|
||||
if (uni.getStorageSync('loction') == true) {
|
||||
this.isshow = false
|
||||
} else {
|
||||
this.isshow = true
|
||||
uni.setStorageSync('loction', true);
|
||||
}
|
||||
uni.getLocation({
|
||||
type: 'wgs84',
|
||||
timeout: '10',
|
||||
success: (res) => {
|
||||
// console.log(res)
|
||||
this.isshow = false
|
||||
let latitude, longitude;
|
||||
latitude = res.latitude.toString();
|
||||
longitude = res.longitude.toString();
|
||||
@ -294,8 +412,10 @@
|
||||
lat: latitude,
|
||||
long: longitude
|
||||
}).then(res => {
|
||||
that.$store.commit('setLocation', res.data)
|
||||
that.street = res.data.address_component.street
|
||||
uni.setStorageSync('adress_location',res.data.address)
|
||||
// that.$store.dispatch('setLocation', res.data)
|
||||
|
||||
// that.street = res.data.address_component.street
|
||||
}).catch(err => {
|
||||
uni.showToast({
|
||||
title: err,
|
||||
@ -304,6 +424,7 @@
|
||||
})
|
||||
},
|
||||
fail: (err) => {
|
||||
this.isshow = false
|
||||
uni.showToast({
|
||||
title: "获取定位超时",
|
||||
icon: 'none',
|
||||
@ -403,6 +524,33 @@
|
||||
// background: linear-gradient(180deg, #FFFFFF 0%, #F6F6F6 100%);
|
||||
}
|
||||
|
||||
.location {
|
||||
background-color: #F6F6F6;
|
||||
width: 680rpx;
|
||||
height: 150rpx;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
z-index: 9999;
|
||||
border-radius: 20rpx;
|
||||
left: 50%;
|
||||
margin-left: -340rpx;
|
||||
margin-top: 80rpx;
|
||||
padding-left: 20rpx;
|
||||
|
||||
.locationa {
|
||||
font-size: 28rpx;
|
||||
color: #000;
|
||||
font-weight: 500;
|
||||
margin-top: 30rpx;
|
||||
margin-bottom: 15rpx;
|
||||
}
|
||||
|
||||
.locationb {
|
||||
font-size: 20rpx;
|
||||
color: #5a5a5a;
|
||||
}
|
||||
}
|
||||
|
||||
.Circle_friends {
|
||||
position: relative;
|
||||
padding: 0 0 87.72rpx 0;
|
||||
@ -432,6 +580,79 @@
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.article_box {
|
||||
height: 100%;
|
||||
width: 694.74rpx;
|
||||
margin: 0 auto;
|
||||
background-color: #fff;
|
||||
border-radius: 16rpx;
|
||||
padding: 0 24.56rpx;
|
||||
box-sizing: border-box;
|
||||
|
||||
.title-box {
|
||||
height: 87.72rpx;
|
||||
|
||||
text {
|
||||
font-size: 28.07rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.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;
|
||||
|
||||
.title {
|
||||
font-size: 31.58rpx;
|
||||
font-weight: bold;
|
||||
|
||||
&::before {
|
||||
content: '';
|
||||
display: inline-block;
|
||||
width: 3px;
|
||||
height: 31.58rpx;
|
||||
background-color: #F84221;
|
||||
margin-right: 7.02rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.goods {
|
||||
margin: 0 auto;
|
||||
width: 694.74rpx;
|
||||
|
||||
@ -1,339 +1,352 @@
|
||||
<template>
|
||||
<view>
|
||||
<view class='newsList'>
|
||||
<view class='swiper' v-if="imgUrls.length > 0">
|
||||
<swiper indicator-dots="true" :autoplay="autoplay" :circular="circular" :interval="interval"
|
||||
:duration="duration" indicator-color="rgba(102,102,102,0.3)" indicator-active-color="#666">
|
||||
<block v-for="(item,index) in imgUrls" :key="index">
|
||||
<swiper-item>
|
||||
<navigator :url="'/pages/news_details/index?id='+item.id">
|
||||
<image :src="item.image_input[0]" class="slide-image" />
|
||||
</navigator>
|
||||
</swiper-item>
|
||||
</block>
|
||||
</swiper>
|
||||
</view>
|
||||
<view class='nav' v-if="navList.length > 0">
|
||||
<scroll-view class="scroll-view_x" scroll-x scroll-with-animation :scroll-left="scrollLeft"
|
||||
style="width:auto;overflow:hidden;">
|
||||
<block v-for="(item,index) in navList" :key="index">
|
||||
<view class='item' style="text-align: center;" :class='active==item.article_category_id?"on":""'
|
||||
@click='tabSelect(item.article_category_id)'>
|
||||
<view>{{item.title}}</view>
|
||||
<view class='line bg-color' v-if="active==item.article_category_id"></view>
|
||||
</view>
|
||||
</block>
|
||||
</scroll-view>
|
||||
</view>
|
||||
<view class='list'>
|
||||
<block v-for="(item,index) in articleList" :key="index">
|
||||
<navigator :url='"/pages/news_details/index?id="+item.article_id' hover-class='none'
|
||||
class='item acea-row row-between-wrapper'>
|
||||
<view class='text acea-row row-column-between'>
|
||||
<view class='name line2'>{{item.title}}</view>
|
||||
<view>{{item.create_time}}</view>
|
||||
</view>
|
||||
<view class='pictrue'>
|
||||
<image :src='item.image_input'></image>
|
||||
</view>
|
||||
</navigator>
|
||||
</block>
|
||||
</view>
|
||||
</view>
|
||||
<view class='empty-box acea-row row-middle' v-if="articleList.length == 0 && (page != 1 || active== 0)">
|
||||
<view class='pictrue'>
|
||||
<image src='../../static/images/empty-box.png'></image>
|
||||
<view class="txt">暂无新闻信息~</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- <home></home> -->
|
||||
</view>
|
||||
<view>
|
||||
<view class='newsList'>
|
||||
<view class='swiper' v-if="imgUrls.length > 0">
|
||||
<swiper indicator-dots="true" :autoplay="autoplay" :circular="circular" :interval="interval"
|
||||
:duration="duration" indicator-color="rgba(102,102,102,0.3)" indicator-active-color="#666">
|
||||
<block v-for="(item,index) in imgUrls" :key="index">
|
||||
<swiper-item>
|
||||
<navigator :url="'/pages/news_details/index?id='+item.id">
|
||||
<image :src="item.image_input[0]" class="slide-image" />
|
||||
</navigator>
|
||||
</swiper-item>
|
||||
</block>
|
||||
</swiper>
|
||||
</view>
|
||||
<view class='nav' v-if="navList.length > 0">
|
||||
<scroll-view class="scroll-view_x" scroll-x scroll-with-animation :scroll-left="scrollLeft"
|
||||
style="width:auto;overflow:hidden;">
|
||||
<block v-for="(item,index) in navList" :key="index">
|
||||
<view class='item' style="text-align: center;" :class='active==item.article_category_id?"on":""'
|
||||
@click='tabSelect(item.article_category_id)'>
|
||||
<view>{{item.title}}</view>
|
||||
<view class='line bg-color' v-if="active==item.article_category_id"></view>
|
||||
</view>
|
||||
</block>
|
||||
</scroll-view>
|
||||
</view>
|
||||
<view class='list'>
|
||||
<block v-for="(item,index) in articleList" :key="index">
|
||||
<navigator :url='"/pages/news_details/index?id="+item.article_id' hover-class='none'
|
||||
class='item acea-row row-between-wrapper'>
|
||||
<view class='text acea-row row-column-between'>
|
||||
<view class='name line2'>{{item.title}}</view>
|
||||
<view>{{item.create_time}}</view>
|
||||
</view>
|
||||
<view class='pictrue'>
|
||||
<image :src='item.image_input'></image>
|
||||
</view>
|
||||
</navigator>
|
||||
</block>
|
||||
</view>
|
||||
</view>
|
||||
<view class='empty-box acea-row row-middle' v-if="articleList.length == 0 && (page != 1 || active== 0)">
|
||||
<view class='pictrue'>
|
||||
<image src='../../static/images/empty-box.png'></image>
|
||||
<view class="txt">暂无新闻信息~</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- <home></home> -->
|
||||
</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 {
|
||||
getArticleCategoryList,
|
||||
getArticleList,
|
||||
getArticleHotList,
|
||||
getArticleBannerList
|
||||
} from '@/api/api.js';
|
||||
import home from '@/components/home';
|
||||
export default {
|
||||
components: {
|
||||
home
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
imgUrls: [],
|
||||
articleList: [],
|
||||
indicatorDots: false,
|
||||
circular: true,
|
||||
autoplay: true,
|
||||
interval: 3000,
|
||||
duration: 500,
|
||||
navList: [],
|
||||
active: 0,
|
||||
page: 1,
|
||||
limit: 8,
|
||||
status: false,
|
||||
scrollLeft: 0
|
||||
};
|
||||
},
|
||||
/**
|
||||
* 生命周期函数--监听页面显示
|
||||
*/
|
||||
onShow: function() {},
|
||||
/**
|
||||
* 生命周期函数--监听页面显示
|
||||
*/
|
||||
onLoad: function() {
|
||||
this.getArticleCate();
|
||||
this.status = false;
|
||||
this.page = 1;
|
||||
this.articleList = [];
|
||||
},
|
||||
/**
|
||||
* 页面上拉触底事件的处理函数
|
||||
*/
|
||||
onReachBottom: function() {
|
||||
this.getCidArticle();
|
||||
},
|
||||
methods: {
|
||||
getArticleHot: function() {
|
||||
let that = this;
|
||||
getArticleHotList().then(res => {
|
||||
that.$set(that, 'articleList', res.data);
|
||||
});
|
||||
},
|
||||
getArticleBanner: function() {
|
||||
let that = this;
|
||||
getArticleBannerList().then(res => {
|
||||
that.imgUrls = res.data;
|
||||
});
|
||||
},
|
||||
getCidArticle: function() {
|
||||
let that = this;
|
||||
if (that.active == 0) return;
|
||||
let limit = that.limit;
|
||||
let page = that.page;
|
||||
let articleList = that.articleList;
|
||||
if (that.status) return;
|
||||
getArticleList(that.active, {
|
||||
page: page,
|
||||
limit: limit
|
||||
}).then(res => {
|
||||
let articleListNew = [];
|
||||
let len = res.length;
|
||||
articleListNew = articleList.concat(res.data.list);
|
||||
that.page++;
|
||||
that.$set(that, 'articleList', articleListNew);
|
||||
that.status = limit > len;
|
||||
that.page = that.page;
|
||||
});
|
||||
},
|
||||
getArticleCate: function() {
|
||||
let that = this;
|
||||
getArticleCategoryList().then(res => {
|
||||
this.active = res.data[0].article_category_id
|
||||
that.$set(that, 'navList', res.data);
|
||||
this.getCidArticle();
|
||||
});
|
||||
},
|
||||
tabSelect(active) {
|
||||
this.active = active;
|
||||
if (this.active == 0) this.getArticleHot();
|
||||
else {
|
||||
this.$set(this, 'articleList', []);
|
||||
this.page = 1;
|
||||
this.status = false;
|
||||
this.getCidArticle();
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
// +----------------------------------------------------------------------
|
||||
// | CRMEB [ CRMEB赋能开发者，助力企业发展 ]
|
||||
// +----------------------------------------------------------------------
|
||||
// | Copyright (c) 2016~2021 https://www.crmeb.com All rights reserved.
|
||||
// +----------------------------------------------------------------------
|
||||
// | Licensed CRMEB并不是自由软件，未经许可不能去掉CRMEB相关版权
|
||||
// +----------------------------------------------------------------------
|
||||
// | Author: CRMEB Team <admin@crmeb.com>
|
||||
// +----------------------------------------------------------------------
|
||||
import {
|
||||
getArticleCategoryLists,
|
||||
getArticleCategoryList,
|
||||
getArticleList,
|
||||
getArticleHotList,
|
||||
getArticleBannerList
|
||||
} from '@/api/api.js';
|
||||
import home from '@/components/home';
|
||||
export default {
|
||||
components: {
|
||||
home
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
imgUrls: [],
|
||||
articleList: [],
|
||||
indicatorDots: false,
|
||||
circular: true,
|
||||
autoplay: true,
|
||||
interval: 3000,
|
||||
duration: 500,
|
||||
navList: [],
|
||||
active: 0,
|
||||
page: 1,
|
||||
limit: 8,
|
||||
status: false,
|
||||
scrollLeft: 0,
|
||||
type: 0
|
||||
};
|
||||
},
|
||||
/**
|
||||
* 生命周期函数--监听页面显示
|
||||
*/
|
||||
onShow: function() {},
|
||||
/**
|
||||
* 生命周期函数--监听页面显示
|
||||
*/
|
||||
onLoad: function(e) {
|
||||
|
||||
this.type = e.type
|
||||
this.getArticleCate();
|
||||
this.status = false;
|
||||
this.page = 1;
|
||||
this.articleList = [];
|
||||
},
|
||||
/**
|
||||
* 页面上拉触底事件的处理函数
|
||||
*/
|
||||
onReachBottom: function() {
|
||||
this.getCidArticle();
|
||||
},
|
||||
methods: {
|
||||
getArticleHot: function() {
|
||||
let that = this;
|
||||
getArticleHotList().then(res => {
|
||||
that.$set(that, 'articleList', res.data);
|
||||
});
|
||||
},
|
||||
getArticleBanner: function() {
|
||||
let that = this;
|
||||
getArticleBannerList().then(res => {
|
||||
that.imgUrls = res.data;
|
||||
});
|
||||
},
|
||||
getCidArticle: function() {
|
||||
let that = this;
|
||||
if (that.active == 0) return;
|
||||
let limit = that.limit;
|
||||
let page = that.page;
|
||||
let articleList = that.articleList;
|
||||
if (that.status) return;
|
||||
getArticleList(that.active, {
|
||||
page: page,
|
||||
limit: limit
|
||||
}).then(res => {
|
||||
let articleListNew = [];
|
||||
let len = res.length;
|
||||
articleListNew = articleList.concat(res.data.list);
|
||||
that.page++;
|
||||
that.$set(that, 'articleList', articleListNew);
|
||||
that.status = limit > len;
|
||||
that.page = that.page;
|
||||
});
|
||||
},
|
||||
getArticleCate: function() {
|
||||
let that = this;
|
||||
if (this.type == 1) {
|
||||
getArticleCategoryLists().then(res => {
|
||||
this.active = res.data[0].article_category_id
|
||||
that.$set(that, 'navList', res.data);
|
||||
this.getCidArticle();
|
||||
});
|
||||
} else {
|
||||
getArticleCategoryList().then(res => {
|
||||
this.active = res.data[0].article_category_id
|
||||
that.$set(that, 'navList', res.data);
|
||||
this.getCidArticle();
|
||||
});
|
||||
}
|
||||
|
||||
},
|
||||
tabSelect(active) {
|
||||
this.active = active;
|
||||
if (this.active == 0) this.getArticleHot();
|
||||
else {
|
||||
this.$set(this, 'articleList', []);
|
||||
this.page = 1;
|
||||
this.status = false;
|
||||
this.getCidArticle();
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
page {
|
||||
background-color: #fff !important;
|
||||
}
|
||||
page {
|
||||
background-color: #fff !important;
|
||||
}
|
||||
|
||||
.newsList .swiper {
|
||||
width: 100%;
|
||||
position: relative;
|
||||
box-sizing: border-box;
|
||||
padding: 0 30rpx;
|
||||
}
|
||||
.newsList .swiper {
|
||||
width: 100%;
|
||||
position: relative;
|
||||
box-sizing: border-box;
|
||||
padding: 0 30rpx;
|
||||
}
|
||||
|
||||
.newsList .swiper swiper {
|
||||
width: 100%;
|
||||
height: 365rpx;
|
||||
position: relative;
|
||||
}
|
||||
.newsList .swiper swiper {
|
||||
width: 100%;
|
||||
height: 365rpx;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.newsList .swiper .slide-image {
|
||||
width: 100%;
|
||||
height: 335rpx;
|
||||
border-radius: 6rpx;
|
||||
}
|
||||
.newsList .swiper .slide-image {
|
||||
width: 100%;
|
||||
height: 335rpx;
|
||||
border-radius: 6rpx;
|
||||
}
|
||||
|
||||
// #ifdef MP-WEIXIN
|
||||
.newsList .swiper .wx-swiper-dot {
|
||||
width: 12rpx !important;
|
||||
height: 12rpx !important;
|
||||
border-radius: 0;
|
||||
transform: rotate(-45deg);
|
||||
transform-origin: 0 100%;
|
||||
}
|
||||
// #ifdef MP-WEIXIN
|
||||
.newsList .swiper .wx-swiper-dot {
|
||||
width: 12rpx !important;
|
||||
height: 12rpx !important;
|
||||
border-radius: 0;
|
||||
transform: rotate(-45deg);
|
||||
transform-origin: 0 100%;
|
||||
}
|
||||
|
||||
.newsList .swiper .wx-swiper-dot~.wx-swiper-dot {
|
||||
margin-left: 5rpx;
|
||||
}
|
||||
.newsList .swiper .wx-swiper-dot~.wx-swiper-dot {
|
||||
margin-left: 5rpx;
|
||||
}
|
||||
|
||||
.newsList .swiper .wx-swiper-dots.wx-swiper-dots-horizontal {
|
||||
margin-bottom: -15rpx;
|
||||
}
|
||||
.newsList .swiper .wx-swiper-dots.wx-swiper-dots-horizontal {
|
||||
margin-bottom: -15rpx;
|
||||
}
|
||||
|
||||
// #endif
|
||||
// #ifdef APP-PLUS || H5
|
||||
.newsList .swiper .uni-swiper-dot {
|
||||
width: 12rpx !important;
|
||||
height: 12rpx !important;
|
||||
border-radius: 0;
|
||||
transform: rotate(-45deg);
|
||||
transform-origin: 0 100%;
|
||||
}
|
||||
// #endif
|
||||
// #ifdef APP-PLUS || H5
|
||||
.newsList .swiper .uni-swiper-dot {
|
||||
width: 12rpx !important;
|
||||
height: 12rpx !important;
|
||||
border-radius: 0;
|
||||
transform: rotate(-45deg);
|
||||
transform-origin: 0 100%;
|
||||
}
|
||||
|
||||
.newsList .swiper .uni-swiper-dot~.uni-swiper-dot {
|
||||
margin-left: 5rpx;
|
||||
}
|
||||
.newsList .swiper .uni-swiper-dot~.uni-swiper-dot {
|
||||
margin-left: 5rpx;
|
||||
}
|
||||
|
||||
.newsList .swiper .uni-swiper-dots.uni-swiper-dots-horizontal {
|
||||
margin-bottom: -15rpx;
|
||||
}
|
||||
.newsList .swiper .uni-swiper-dots.uni-swiper-dots-horizontal {
|
||||
margin-bottom: -15rpx;
|
||||
}
|
||||
|
||||
// #endif
|
||||
.newsList .nav {
|
||||
padding: 0 30rpx;
|
||||
width: 100%;
|
||||
white-space: nowrap;
|
||||
box-sizing: border-box;
|
||||
margin-top: 43rpx;
|
||||
}
|
||||
// #endif
|
||||
.newsList .nav {
|
||||
padding: 0 30rpx;
|
||||
width: 100%;
|
||||
white-space: nowrap;
|
||||
box-sizing: border-box;
|
||||
margin-top: 43rpx;
|
||||
}
|
||||
|
||||
.newsList .nav .item {
|
||||
display: inline-block;
|
||||
font-size: 32rpx;
|
||||
color: #999;
|
||||
min-width: 130rpx;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
position: relative;
|
||||
padding-bottom: 20rpx;
|
||||
}
|
||||
.newsList .nav .item {
|
||||
display: inline-block;
|
||||
font-size: 32rpx;
|
||||
color: #999;
|
||||
min-width: 130rpx;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
position: relative;
|
||||
padding-bottom: 20rpx;
|
||||
}
|
||||
|
||||
.newsList .nav .item.on {
|
||||
color: #282828;
|
||||
}
|
||||
.newsList .nav .item.on {
|
||||
color: #282828;
|
||||
}
|
||||
|
||||
.newsList .nav .item~.item {
|
||||
margin-left: 46rpx;
|
||||
}
|
||||
.newsList .nav .item~.item {
|
||||
margin-left: 46rpx;
|
||||
}
|
||||
|
||||
.newsList .nav .item .line {
|
||||
width: 24rpx;
|
||||
height: 4rpx;
|
||||
border-radius: 2rpx;
|
||||
margin: 10rpx auto 0 auto;
|
||||
position: absolute;
|
||||
bottom: 5rpx;
|
||||
left: 50%;
|
||||
margin-left: -12rpx;
|
||||
}
|
||||
.newsList .nav .item .line {
|
||||
width: 24rpx;
|
||||
height: 4rpx;
|
||||
border-radius: 2rpx;
|
||||
margin: 10rpx auto 0 auto;
|
||||
position: absolute;
|
||||
bottom: 5rpx;
|
||||
left: 50%;
|
||||
margin-left: -12rpx;
|
||||
}
|
||||
|
||||
.newsList .list .item {
|
||||
margin: 0 30rpx;
|
||||
border-bottom: 1px solid #f0f0f0;
|
||||
padding: 35rpx 0;
|
||||
}
|
||||
.newsList .list .item {
|
||||
margin: 0 30rpx;
|
||||
border-bottom: 1px solid #f0f0f0;
|
||||
padding: 35rpx 0;
|
||||
}
|
||||
|
||||
.newsList .list .item .pictrue {
|
||||
width: 250rpx;
|
||||
height: 156rpx;
|
||||
}
|
||||
.newsList .list .item .pictrue {
|
||||
width: 250rpx;
|
||||
height: 156rpx;
|
||||
}
|
||||
|
||||
.newsList .list .item .pictrue image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border-radius: 6rpx;
|
||||
}
|
||||
.newsList .list .item .pictrue image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border-radius: 6rpx;
|
||||
}
|
||||
|
||||
.newsList .list .item .text {
|
||||
width: 420rpx;
|
||||
height: 156rpx;
|
||||
font-size: 24rpx;
|
||||
color: #999;
|
||||
}
|
||||
.newsList .list .item .text {
|
||||
width: 420rpx;
|
||||
height: 156rpx;
|
||||
font-size: 24rpx;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.newsList .list .item .text .name {
|
||||
font-size: 30rpx;
|
||||
color: #282828;
|
||||
}
|
||||
.newsList .list .item .text .name {
|
||||
font-size: 30rpx;
|
||||
color: #282828;
|
||||
}
|
||||
|
||||
.newsList .list .item .picList .pictrue {
|
||||
width: 335rpx;
|
||||
height: 210rpx;
|
||||
margin-top: 30rpx;
|
||||
}
|
||||
.newsList .list .item .picList .pictrue {
|
||||
width: 335rpx;
|
||||
height: 210rpx;
|
||||
margin-top: 30rpx;
|
||||
}
|
||||
|
||||
.newsList .list .item .picList.on .pictrue {
|
||||
width: 217rpx;
|
||||
height: 136rpx;
|
||||
}
|
||||
.newsList .list .item .picList.on .pictrue {
|
||||
width: 217rpx;
|
||||
height: 136rpx;
|
||||
}
|
||||
|
||||
.newsList .list .item .picList .pictrue image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border-radius: 6rpx;
|
||||
}
|
||||
.newsList .list .item .picList .pictrue image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border-radius: 6rpx;
|
||||
}
|
||||
|
||||
.newsList .list .item .time {
|
||||
text-align: right;
|
||||
font-size: 24rpx;
|
||||
color: #999;
|
||||
margin-top: 22rpx;
|
||||
}
|
||||
.newsList .list .item .time {
|
||||
text-align: right;
|
||||
font-size: 24rpx;
|
||||
color: #999;
|
||||
margin-top: 22rpx;
|
||||
}
|
||||
|
||||
.noCommodity {
|
||||
border: none;
|
||||
}
|
||||
.noCommodity {
|
||||
border: none;
|
||||
}
|
||||
|
||||
.empty-box {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin-top: 200rpx;
|
||||
.empty-box {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin-top: 200rpx;
|
||||
|
||||
image {
|
||||
width: 414rpx;
|
||||
height: 240rpx;
|
||||
}
|
||||
image {
|
||||
width: 414rpx;
|
||||
height: 240rpx;
|
||||
}
|
||||
|
||||
.txt {
|
||||
font-size: 26rpx;
|
||||
color: #999;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
.txt {
|
||||
font-size: 26rpx;
|
||||
color: #999;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -12,7 +12,7 @@
|
||||
<input placeholder='搜索店铺名称' placeholder-class='placeholder' confirm-type='search' name="search"
|
||||
:value='sotreParam.keyword' @confirm="searchSubmit"></input>
|
||||
</view>
|
||||
<view v-if="mer_location == 1" :class="'styleType'+store_street_theme" style="text-align: right;"
|
||||
<!-- <view v-if="mer_location == 1" :class="'styleType'+store_street_theme" style="text-align: right;"
|
||||
class='iconfont search-right' @click='showMaoLocation(latitude,longitude)'>
|
||||
<view class="iconfont icon-dingwei"></view>
|
||||
<view class="right-text" v-if="recommend_address">
|
||||
@ -20,7 +20,7 @@
|
||||
</view>
|
||||
<view class="iconfont icon-xiangyou" v-if="recommend_address"></view>
|
||||
</view>
|
||||
</view>
|
||||
--> </view>
|
||||
<view class="nav-wrapper" :class="'styleType'+store_street_theme">
|
||||
<view class='nav acea-row row-middle' :class="'styleType'+store_street_theme">
|
||||
<view v-for="item in downMenus" :key="item.key" class='item'
|
||||
@ -629,7 +629,7 @@
|
||||
flex-wrap: nowrap;
|
||||
background-color: #fff;
|
||||
padding-top: 80rpx;
|
||||
|
||||
padding-bottom: 20rpx;
|
||||
&.styleType1 {
|
||||
background-color: var(--view-theme);
|
||||
}
|
||||
@ -730,7 +730,7 @@
|
||||
z-index: 9;
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 30px;
|
||||
top: 25px;
|
||||
width: 100%;
|
||||
margin-top: 86rpx;
|
||||
background-color: #fff;
|
||||
|
||||
@ -21,8 +21,10 @@
|
||||
<view v-else>
|
||||
<view class='header acea-row row-middle' :class='isGoodsReturn ? "on":""'>
|
||||
<view class='pictrue' v-if="isGoodsReturn==false">
|
||||
<image v-if="orderInfo.status != 9" :src="imgUrl+'/static/order_'+(orderInfo.status+2)+'.gif'">
|
||||
|
||||
<image v-if="orderInfo.status != 9&&orderInfo.status !=12" :src="imgUrl+'/static/order_'+(orderInfo.status+2)+'.gif'">
|
||||
</image>
|
||||
|
||||
<image v-else :src="imgUrl+'/static/order_2.gif'"></image>
|
||||
</view>
|
||||
<view class='data' :class='isGoodsReturn ? "on":""'>
|
||||
@ -30,7 +32,8 @@
|
||||
<block v-if="orderInfo.order_status == 2 ">待发货</block>
|
||||
<block v-if="orderInfo.status == 9">等待其他人参加拼团</block>
|
||||
<block v-if="orderInfo.order_status == 7">待核销</block>
|
||||
<block v-if="orderInfo.order_status == 3">{{orderInfo.is_virtual == 1 ? '服务商品已虚拟发货' : '待收货'}}
|
||||
<block v-if="orderInfo.order_status == 3">
|
||||
{{orderInfo.is_virtual == 1 ? '服务商品已虚拟发货' : '待收货'}}
|
||||
</block>
|
||||
<block v-if="orderInfo.order_status == 4">待评价</block>
|
||||
<block v-if="orderInfo.order_status == 5">已完成</block>
|
||||
@ -42,7 +45,9 @@
|
||||
<block v-if="isGoodsReturn==false">
|
||||
<view class='nav'>
|
||||
<view class='navCon acea-row row-between-wrapper'>
|
||||
<view :class="orderInfo.order_status == 8||orderInfo.order_status == 1 ? 'on':''">待付款</view>
|
||||
<view
|
||||
:class="orderInfo.order_status == 8||orderInfo.order_status == 1||orderInfo.order_status == 9 ? 'on':''">
|
||||
待付款</view>
|
||||
<view
|
||||
:class="(orderInfo.status == 0 || orderInfo.status == 9||orderInfo.order_status == 2) ? 'on':''"
|
||||
v-if="orderInfo.order_type != 1">待发货</view>
|
||||
@ -55,8 +60,10 @@
|
||||
<view :class="orderInfo.order_status == 5 ? 'on':''">已完成</view>
|
||||
</view>
|
||||
<view class='progress acea-row row-between-wrapper'>
|
||||
<view class='iconfont icon-webicon318 t-color' v-if=" orderInfo.order_status == 8||orderInfo.order_status == 1"></view>
|
||||
<view class='iconfont icon-yuandianxiao t-color' else></view>
|
||||
<view class='iconfont icon-webicon318 t-color'
|
||||
v-if=" orderInfo.order_status == 8||orderInfo.order_status == 9||orderInfo.order_status == 1">
|
||||
</view>
|
||||
<view class='iconfont t-color' else></view>
|
||||
<view class='line b-color'></view>
|
||||
<view class='iconfont'
|
||||
:class='((orderInfo.status == 0 || orderInfo.status == 9||orderInfo.order_status == 2) ? "icon-webicon318":"icon-yuandianxiao") + " " + (orderInfo.status >= 0 ? "t-color":"")'>
|
||||
@ -291,6 +298,8 @@
|
||||
<view v-if="orderInfo.presellOrder.activeStatus == 0" class='bnt b-color btn_auto'>
|
||||
{{ orderInfo.presellOrder.final_start_time | filterDay }} 付尾款
|
||||
</view>
|
||||
|
||||
|
||||
<view v-if="orderInfo.presellOrder.activeStatus == 1" class='bnt b-color' @tap='pay_open()'>立即付款
|
||||
</view>
|
||||
<view v-if="orderInfo.presellOrder.activeStatus == 2" class='bnt cancel' @click="cancelOrder">取消订单
|
||||
@ -303,6 +312,12 @@
|
||||
<block v-if="orderInfo.status == 9">
|
||||
<view class="bnt cancel" @click="getCombinationRemove">取消拼团</view>
|
||||
</block>
|
||||
<block v-if="orderInfo.order_status == 9">
|
||||
<view class='bnt cancel' @click="cancelOrder">取消订单
|
||||
</view>
|
||||
<view class='bnt b-color' @tap='pay_opena()'>立即付款
|
||||
</view>
|
||||
</block>
|
||||
<view class='bnt b-color' v-if="orderInfo.activity_type==4 && orderInfo.status==9" @tap='goJoinPink'>
|
||||
查看拼团</view>
|
||||
<block v-if="orderInfo.status == 1">
|
||||
@ -787,7 +802,20 @@
|
||||
* 打开支付组件
|
||||
*
|
||||
*/
|
||||
pay_opena() {
|
||||
|
||||
uni.showModal({
|
||||
title: '提示',
|
||||
title: '该订单属于先货后款的订单，等商户确认后才能支付',
|
||||
success: function(res) {
|
||||
if (res.confirm) {
|
||||
console.log('用户点击确定');
|
||||
} else if (res.cancel) {
|
||||
console.log('用户点击取消');
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
pay_open: function(pay_price, order_id) {
|
||||
|
||||
this.pay_close = true;
|
||||
|
||||
@ -365,7 +365,7 @@
|
||||
onLoad: function(options) {
|
||||
console.log('11111111')
|
||||
this.credit_buy = options.credit_buy
|
||||
console.log(options.product_type)
|
||||
// console.log(options.product_type)
|
||||
if (options.product_type) {
|
||||
this.product_type = options.product_type
|
||||
}
|
||||
|
||||
@ -20,7 +20,7 @@
|
||||
】
|
||||
-->
|
||||
<!-- 头部导航 -->
|
||||
<view v-if="!isUser" class="header" :style="{backgroundColor:currentNav==3?'#FC4E09':''}" >
|
||||
<view v-if="!isUser" class="header" :style="{backgroundColor:'#FC4E09'}" >
|
||||
<view class="items" @click.stop="navTap(2)">
|
||||
<text class="tName" :class="currentNav==2?'on':''">关注</text>
|
||||
</view>
|
||||
@ -1182,7 +1182,7 @@
|
||||
margin: 0 30rpx;
|
||||
|
||||
.tName {
|
||||
color: #ffffff;
|
||||
color: #000;
|
||||
font-size: 32rpx;
|
||||
|
||||
&.on {
|
||||
|
||||
@ -15,7 +15,7 @@
|
||||
<!-- 头部导航 -->
|
||||
|
||||
|
||||
<view v-if="!isUser" class="header" :style="{backgroundColor:currentNav==3?'#FC4E09':''}">
|
||||
<view v-if="!isUser" class="header" :style="{backgroundColor:'#FC4E09'}">
|
||||
|
||||
<view class="tool-bar">
|
||||
<view class='iconfont icon-xiangzuo' @tap='goBack'></view>
|
||||
@ -1258,6 +1258,8 @@
|
||||
z-index: 9;
|
||||
width: 750rpx;
|
||||
height: 120rpx;
|
||||
|
||||
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
@ -1279,7 +1281,7 @@
|
||||
margin-right: 40rpx;
|
||||
margin-left: 20rpx;
|
||||
font-size: 30rpx;
|
||||
color: #fff;
|
||||
color: #000;
|
||||
margin-top: 60rpx;
|
||||
}
|
||||
}
|
||||
@ -1288,7 +1290,7 @@
|
||||
margin: 0 30rpx;
|
||||
|
||||
.tName {
|
||||
color: #ffffff;
|
||||
color: #000;
|
||||
font-size: 32rpx;
|
||||
|
||||
&.on {
|
||||
|
||||
@ -1,456 +1,513 @@
|
||||
<template>
|
||||
|
||||
<view class="Circle_friends">
|
||||
<view class="circle_friends_wrapper">
|
||||
<zbpSwiper :isSelectPlace="true" @selectPlce="selectPlce" :location_Arr="locationArr"></zbpSwiper>
|
||||
<view class="shop_wrapper">
|
||||
<!-- locationArr.address_reference.town.id -->
|
||||
<navigator class="l_yun" hover-class="none"
|
||||
:url="`/pages/nongKe/supply_chain/supplier?type_id=10&street_id=${street_id}`"
|
||||
:style=" {'background-image': `url(${bgData[0].pic})`}">
|
||||
<view class=" text-name">
|
||||
<text>{{town}}</text>
|
||||
<view class="name_town">-供销综合云市场-</view>
|
||||
</view>
|
||||
</navigator>
|
||||
<view class="r_lihai" @click="go_shop" :style=" {'background-image': `url(${bgData[1].pic})`}">
|
||||
<view class="title">里海云仓</view>
|
||||
</view>
|
||||
</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">
|
||||
<block v-for="(item, index) in recoList.slice(0,2)" :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 class='pictrue'>
|
||||
<image :src='item.image_input'></image>
|
||||
</view>
|
||||
</navigator>
|
||||
</block>
|
||||
</view>
|
||||
|
||||
<view class="tabs_wrapper">
|
||||
<u-tabs :list="tabsData.list" @click="tabsChange" keyName="title" lineColor="#F84221"></u-tabs>
|
||||
</view>
|
||||
<view class="Circle_friends">
|
||||
<view class="circle_friends_wrapper">
|
||||
<zbpSwiper :isSelectPlace="true" @selectPlce="selectPlce" :location_Arr="locationArr"></zbpSwiper>
|
||||
<view class="shop_wrapper">
|
||||
<!-- locationArr.address_reference.town.id -->
|
||||
<navigator class="l_yun" hover-class="none"
|
||||
:url="`/pages/nongKe/supply_chain/supplier?type_id=10&street_id=${street_id}`"
|
||||
:style=" {'background-image': `url(${bgData[0].pic})`}">
|
||||
<view class=" text-name">
|
||||
<text>{{town}}</text>
|
||||
<view class="name_town">-供销综合云市场-</view>
|
||||
</view>
|
||||
</navigator>
|
||||
<view class="r_lihai" @click="go_shop" :style=" {'background-image': `url(${bgData[1].pic})`}">
|
||||
<view class="title">里海云仓</view>
|
||||
</view>
|
||||
</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">
|
||||
<block v-for="(item, index) in recoList.slice(0,2)" :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 class='pictrue'>
|
||||
<image :src='item.image_input'></image>
|
||||
</view>
|
||||
</navigator>
|
||||
</block>
|
||||
</view>
|
||||
|
||||
<view class="goods">
|
||||
<block v-for="(item,index) in articleList" :key="index">
|
||||
<view class="goods_item" @click="gogogo(item)">
|
||||
<image class="goods_img" :src="item.image_input" mode="aspectFill"></image>
|
||||
<view class="botm">
|
||||
<view class="title">{{item.title}}</view>
|
||||
<view class="goods_info flex_a_c">
|
||||
<view class="l_info flex_a_c">
|
||||
<image :src="(item.author && item.author.avatar) || '/static/images/f.png'" mode="aspectFill"
|
||||
class="g_img"></image>
|
||||
<view class="g_name">{{item.author}}</view>
|
||||
</view>
|
||||
<!-- <view class="nice_box" @click.stop="giveStart(item)">
|
||||
<view class="tabs_wrapper">
|
||||
<u-tabs :list="tabsData.list" @click="tabsChange" keyName="title" lineColor="#F84221"></u-tabs>
|
||||
</view>
|
||||
|
||||
<view class="goods">
|
||||
<block v-for="(item,index) in articleList" :key="index">
|
||||
<view class="goods_item" @click="gogogo(item)">
|
||||
<image class="goods_img" :src="item.image_input" mode="aspectFill"></image>
|
||||
<view class="botm">
|
||||
<view class="title">{{item.title}}</view>
|
||||
<view class="goods_info flex_a_c">
|
||||
<view class="l_info flex_a_c">
|
||||
<image :src="(item.author && item.author.avatar) || '/static/images/f.png'"
|
||||
mode="aspectFill" class="g_img"></image>
|
||||
<view class="g_name">{{item.author}}</view>
|
||||
</view>
|
||||
<!-- <view class="nice_box" @click.stop="giveStart(item)">
|
||||
<text class="iconfont" :class="item.relevance_id ? 'icon-shoucang1' : 'icon-dianzan'"></text>
|
||||
<text class="collect">{{item.count_start}}</text>
|
||||
</view> -->
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</block>
|
||||
</view>
|
||||
<view class="empty_wrapper" v-if="emptyShow">
|
||||
<u-empty :show="emptyShow" mode="list" icon="http://cdn.uviewui.com/uview/empty/list.png"></u-empty>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</block>
|
||||
</view>
|
||||
<view class="empty_wrapper" v-if="emptyShow">
|
||||
<u-empty :show="emptyShow" mode="list" icon="http://cdn.uviewui.com/uview/empty/list.png"></u-empty>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- <view class="bg_color"></view> -->
|
||||
<!-- <view class="bg_color"></view> -->
|
||||
|
||||
<!-- <m-tabbar native>
|
||||
<!-- <m-tabbar native>
|
||||
<template v-slot:tabbar_index_2>
|
||||
<view class="custom_style">
|
||||
<view class="custom_style_icon"></view>
|
||||
</view>
|
||||
</template>
|
||||
</m-tabbar> -->
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import zbpSwiper from '@/components/zbpSwiper'
|
||||
import { mapGetters } from 'vuex'
|
||||
import mTabbar from '@/components/m-tabbar/m-tabbar.vue'
|
||||
import { graphicStartApi } from '@/api/community.js'
|
||||
import { getArticleList, getArticleCategoryList, get_cloud_shop } from '@/api/api.js'
|
||||
import { getHotBanner } from '@/api/store.js'
|
||||
import { Toast } from '@/libs/uniApi'
|
||||
import { getGeocoder } from '@/api/store.js';
|
||||
export default {
|
||||
components: {
|
||||
mTabbar,
|
||||
zbpSwiper
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
tabsData: {
|
||||
list: [],
|
||||
tabsActive: 0
|
||||
},
|
||||
town: '', street_id: '',
|
||||
emptyShow: false,
|
||||
articleList: [],
|
||||
recoList: [],
|
||||
|
||||
bgData: [{ pic: '' }, { pic: '' }],
|
||||
store_id: '',
|
||||
locationArr: ({}),
|
||||
setrecommend_address: "",
|
||||
isYunCang: 0
|
||||
}
|
||||
},
|
||||
onLoad() {
|
||||
getHotBanner('good').then(res => {
|
||||
// console.log(res);
|
||||
this.bgData = res.data
|
||||
})
|
||||
this.getArticle()
|
||||
getArticleList(19).then(res => {
|
||||
this.recoList = res.data.list
|
||||
})
|
||||
this.getTownAndStoreId()
|
||||
},
|
||||
onShow() {},
|
||||
computed: mapGetters(['location']),
|
||||
watch: {
|
||||
location: {
|
||||
handler(newVal, oldVal) {
|
||||
this.street_id = newVal.address_reference.town.id
|
||||
this.getCloudShopMerId(this.street_id)
|
||||
this.town = newVal.address_component.street ?? ''
|
||||
},
|
||||
immediate: true
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
getTownAndStoreId() {
|
||||
const LOCA = this.location
|
||||
this.street_id = LOCA.address_reference.town.id
|
||||
this.getCloudShopMerId(this.street_id)
|
||||
this.town = LOCA.address_component.street ?? ''
|
||||
},
|
||||
selectPlce(e) {
|
||||
this.street_id = e.value[1].code
|
||||
this.town = e.value[1].name
|
||||
this.getCloudShopMerId(e.value[1].code)
|
||||
},
|
||||
getCloudShopMerId(id) {
|
||||
get_cloud_shop(id).then(res => {
|
||||
res.data.length > 0 ? this.isYunCang = 1 : this.isYunCang = 0
|
||||
})
|
||||
},
|
||||
navigat() {
|
||||
uni.navigateTo({
|
||||
url: '/pages/store/settledApply/settledApply'
|
||||
})
|
||||
},
|
||||
gogogo(item) {
|
||||
uni.navigateTo({
|
||||
url: '/pages/news_details/index?id=' + item.article_id
|
||||
})
|
||||
},
|
||||
go_shop() {
|
||||
if (this.isYunCang == 0) {
|
||||
return Toast('当前区域没有云仓库')
|
||||
}
|
||||
uni.navigateTo({
|
||||
url: `/pages/nongKe/cloud_entrepot/index?street=${this.street_id}&town=${this.town}`
|
||||
})
|
||||
// uni.navigateTo({
|
||||
// url: '/pages/store/home/index?id=' + this.mer_id + '&LihaiYun=Lihai'
|
||||
// })
|
||||
},
|
||||
async getArticle() {
|
||||
let list = []
|
||||
const { data } = await getArticleCategoryList()
|
||||
data.map((item, index) => {
|
||||
if (item.title !== '推荐') {
|
||||
list.push(item)
|
||||
}
|
||||
})
|
||||
this.tabsData.list = list
|
||||
this.getArticleList(list[0].article_category_id)
|
||||
},
|
||||
async getArticleList(id) {
|
||||
const { data } = await getArticleList(id)
|
||||
this.articleList = data.list
|
||||
},
|
||||
// 点赞
|
||||
giveStart(item) {
|
||||
let status = item.status ? 0 : 1
|
||||
// console.log('item', item);
|
||||
graphicStartApi(item.community_id, { status: status }).then(res => {
|
||||
Toast(res.message)
|
||||
this.getArticleList()
|
||||
})
|
||||
},
|
||||
tabsChange(item) {
|
||||
this.getArticleList(item.article_category_id)
|
||||
this.street_id = item.id
|
||||
this.tabsData.tabsActive = item.index
|
||||
},
|
||||
},
|
||||
onPullDownRefresh() {
|
||||
uni.stopPullDownRefresh()
|
||||
}
|
||||
}
|
||||
import zbpSwiper from '@/components/zbpSwiper'
|
||||
import {
|
||||
mapGetters
|
||||
} from 'vuex'
|
||||
import mTabbar from '@/components/m-tabbar/m-tabbar.vue'
|
||||
import {
|
||||
graphicStartApi
|
||||
} from '@/api/community.js'
|
||||
import {
|
||||
getArticleList,
|
||||
getArticleCategoryList,
|
||||
get_cloud_shop
|
||||
} from '@/api/api.js'
|
||||
import {
|
||||
getHotBanner
|
||||
} from '@/api/store.js'
|
||||
import {
|
||||
Toast
|
||||
} from '@/libs/uniApi'
|
||||
import {
|
||||
getGeocoder
|
||||
} from '@/api/store.js';
|
||||
export default {
|
||||
components: {
|
||||
mTabbar,
|
||||
zbpSwiper
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
tabsData: {
|
||||
list: [],
|
||||
tabsActive: 0
|
||||
},
|
||||
town: '',
|
||||
street_id: '',
|
||||
emptyShow: false,
|
||||
articleList: [],
|
||||
recoList: [],
|
||||
|
||||
bgData: [{
|
||||
pic: ''
|
||||
}, {
|
||||
pic: ''
|
||||
}],
|
||||
store_id: '',
|
||||
locationArr: ({}),
|
||||
setrecommend_address: "",
|
||||
isYunCang: 0
|
||||
}
|
||||
},
|
||||
onLoad() {
|
||||
this.appLocation()
|
||||
getHotBanner('good').then(res => {
|
||||
// console.log(res);
|
||||
this.bgData = res.data
|
||||
})
|
||||
this.getArticle()
|
||||
getArticleList(19).then(res => {
|
||||
this.recoList = res.data.list
|
||||
})
|
||||
this.getTownAndStoreId()
|
||||
|
||||
},
|
||||
onShow() {},
|
||||
computed: mapGetters(['location']),
|
||||
|
||||
methods: {
|
||||
appLocation() {
|
||||
|
||||
uni.getLocation({
|
||||
type: 'wgs84',
|
||||
timeout: '10',
|
||||
success: (res) => {
|
||||
|
||||
let latitude, longitude;
|
||||
latitude = res.latitude.toString();
|
||||
longitude = res.longitude.toString();
|
||||
getGeocoder({
|
||||
lat: latitude,
|
||||
long: longitude
|
||||
}).then(res => {
|
||||
console.log(res.data.address_reference.town)
|
||||
this.town = res.data.address_reference.town.title
|
||||
this.street_id = res.data.address_reference.town.id
|
||||
this.getCloudShopMerId(res.data.address_reference.town.id)
|
||||
}).catch(err => {
|
||||
uni.showToast({
|
||||
title: err,
|
||||
icon: 'none'
|
||||
})
|
||||
})
|
||||
},
|
||||
fail: (err) => {
|
||||
|
||||
uni.showToast({
|
||||
title: "获取定位超时",
|
||||
icon: 'none',
|
||||
duration: 2000
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
getTownAndStoreId() {
|
||||
const LOCA = this.location
|
||||
this.street_id = LOCA.address_reference.town.id
|
||||
this.getCloudShopMerId(this.street_id)
|
||||
this.town = LOCA.address_component.street ?? ''
|
||||
},
|
||||
selectPlce(e) {
|
||||
this.street_id = e.value[1].code
|
||||
this.town = e.value[1].name
|
||||
this.getCloudShopMerId(e.value[1].code)
|
||||
// console.log( e.value[1].name)
|
||||
uni.setStorageSync('adress_location', e.value[1].name)
|
||||
},
|
||||
getCloudShopMerId(id) {
|
||||
get_cloud_shop(id).then(res => {
|
||||
res.data.length > 0 ? this.isYunCang = 1 : this.isYunCang = 0
|
||||
})
|
||||
},
|
||||
navigat() {
|
||||
uni.navigateTo({
|
||||
url: '/pages/store/settledApply/settledApply'
|
||||
})
|
||||
},
|
||||
gogogo(item) {
|
||||
uni.navigateTo({
|
||||
url: '/pages/news_details/index?id=' + item.article_id
|
||||
})
|
||||
},
|
||||
go_shop() {
|
||||
if (this.isYunCang == 0) {
|
||||
return Toast('当前区域没有云仓库')
|
||||
}
|
||||
uni.navigateTo({
|
||||
url: `/pages/nongKe/cloud_entrepot/index?street=${this.street_id}&town=${this.town}`
|
||||
})
|
||||
// uni.navigateTo({
|
||||
// url: '/pages/store/home/index?id=' + this.mer_id + '&LihaiYun=Lihai'
|
||||
// })
|
||||
},
|
||||
async getArticle() {
|
||||
let list = []
|
||||
const {
|
||||
data
|
||||
} = await getArticleCategoryList()
|
||||
data.map((item, index) => {
|
||||
if (item.title !== '推荐') {
|
||||
list.push(item)
|
||||
}
|
||||
})
|
||||
this.tabsData.list = list
|
||||
this.getArticleList(list[0].article_category_id)
|
||||
},
|
||||
async getArticleList(id) {
|
||||
const {
|
||||
data
|
||||
} = await getArticleList(id)
|
||||
this.articleList = data.list
|
||||
},
|
||||
// 点赞
|
||||
giveStart(item) {
|
||||
let status = item.status ? 0 : 1
|
||||
// console.log('item', item);
|
||||
graphicStartApi(item.community_id, {
|
||||
status: status
|
||||
}).then(res => {
|
||||
Toast(res.message)
|
||||
this.getArticleList()
|
||||
})
|
||||
},
|
||||
tabsChange(item) {
|
||||
|
||||
this.getArticleList(item.article_category_id)
|
||||
this.street_id = item.id
|
||||
this.tabsData.tabsActive = item.index
|
||||
},
|
||||
},
|
||||
onPullDownRefresh() {
|
||||
uni.stopPullDownRefresh()
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.Circle_friends {
|
||||
background: linear-gradient(180deg, #FFFFFF 0%, #F6F6F6 100%);
|
||||
}
|
||||
.Circle_friends {
|
||||
background: linear-gradient(180deg, #FFFFFF 0%, #F6F6F6 100%);
|
||||
}
|
||||
|
||||
.shop_wrapper {
|
||||
height: 192.98rpx;
|
||||
width: 694.74rpx;
|
||||
margin: 0 auto;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-top: 0;
|
||||
.shop_wrapper {
|
||||
height: 192.98rpx;
|
||||
width: 694.74rpx;
|
||||
margin: 0 auto;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-top: 0;
|
||||
|
||||
.l_yun {
|
||||
width: 456.14rpx;
|
||||
border-radius: 16rpx;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
.l_yun {
|
||||
width: 456.14rpx;
|
||||
border-radius: 16rpx;
|
||||
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-name {
|
||||
margin-top: 14.04rpx;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
font-weight: bold;
|
||||
font-size: 29.82rpx;
|
||||
|
||||
text {
|
||||
font-size: 40.35rpx;
|
||||
}
|
||||
}
|
||||
text {
|
||||
font-size: 40.35rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.yun_title {
|
||||
color: #B24322;
|
||||
background-color: #ffad99;
|
||||
height: 56.14rpx;
|
||||
clip-path: polygon(0% 0, 100% 0, 90% 100%, 0 100%);
|
||||
text-align: center;
|
||||
line-height: 56.14rpx;
|
||||
padding: 0 31.58rpx 0 21.05rpx;
|
||||
width: max-content;
|
||||
.yun_title {
|
||||
color: #B24322;
|
||||
background-color: #ffad99;
|
||||
height: 56.14rpx;
|
||||
clip-path: polygon(0% 0, 100% 0, 90% 100%, 0 100%);
|
||||
text-align: center;
|
||||
line-height: 56.14rpx;
|
||||
padding: 0 31.58rpx 0 21.05rpx;
|
||||
width: max-content;
|
||||
|
||||
.iconlihai {
|
||||
font-size: 24.56rpx;
|
||||
margin-left: 16rpx;
|
||||
}
|
||||
}
|
||||
.iconlihai {
|
||||
font-size: 24.56rpx;
|
||||
margin-left: 16rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.text_cont {
|
||||
position: absolute;
|
||||
left: 21.05rpx;
|
||||
bottom: 47.37rpx;
|
||||
color: #7F1616;
|
||||
font-weight: 700;
|
||||
font-size: 31.58rpx;
|
||||
.text_cont {
|
||||
position: absolute;
|
||||
left: 21.05rpx;
|
||||
bottom: 47.37rpx;
|
||||
color: #7F1616;
|
||||
font-weight: 700;
|
||||
font-size: 31.58rpx;
|
||||
|
||||
.name_town {
|
||||
font-size: 49.12rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
.name_town {
|
||||
font-size: 49.12rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.r_lihai {
|
||||
width: 217.54rpx;
|
||||
height: 100%;
|
||||
font-size: 35.09rpx;
|
||||
padding-top: 28.07rpx;
|
||||
text-align: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
box-sizing: border-box;
|
||||
border-radius: 16rpx;
|
||||
color: #fff;
|
||||
font-weight: bold;
|
||||
.r_lihai {
|
||||
width: 217.54rpx;
|
||||
height: 100%;
|
||||
font-size: 35.09rpx;
|
||||
padding-top: 28.07rpx;
|
||||
text-align: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
box-sizing: border-box;
|
||||
border-radius: 16rpx;
|
||||
color: #fff;
|
||||
font-weight: bold;
|
||||
|
||||
.title {
|
||||
margin-top: 105.26rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
.title {
|
||||
margin-top: 105.26rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.tabs_wrapper {
|
||||
width: 694.74rpx;
|
||||
margin: 38.6rpx auto;
|
||||
margin-bottom: 21.05rpx;
|
||||
.tabs_wrapper {
|
||||
width: 694.74rpx;
|
||||
margin: 38.6rpx auto;
|
||||
margin-bottom: 21.05rpx;
|
||||
|
||||
.title {
|
||||
font-size: 31.58rpx;
|
||||
font-weight: bold;
|
||||
.title {
|
||||
font-size: 31.58rpx;
|
||||
font-weight: bold;
|
||||
|
||||
&::before {
|
||||
content: '';
|
||||
display: inline-block;
|
||||
width: 3px;
|
||||
height: 31.58rpx;
|
||||
background-color: #F84221;
|
||||
margin-right: 7.02rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
&::before {
|
||||
content: '';
|
||||
display: inline-block;
|
||||
width: 3px;
|
||||
height: 31.58rpx;
|
||||
background-color: #F84221;
|
||||
margin-right: 7.02rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.article_box {
|
||||
height: 100%;
|
||||
width: 694.74rpx;
|
||||
margin: 0 auto;
|
||||
background-color: #fff;
|
||||
border-radius: 16rpx;
|
||||
padding: 0 24.56rpx;
|
||||
box-sizing: border-box;
|
||||
.article_box {
|
||||
height: 100%;
|
||||
width: 694.74rpx;
|
||||
margin: 0 auto;
|
||||
background-color: #fff;
|
||||
border-radius: 16rpx;
|
||||
padding: 0 24.56rpx;
|
||||
box-sizing: border-box;
|
||||
|
||||
.title-box {
|
||||
height: 87.72rpx;
|
||||
.title-box {
|
||||
height: 87.72rpx;
|
||||
|
||||
text {
|
||||
font-size: 28.07rpx;
|
||||
}
|
||||
}
|
||||
text {
|
||||
font-size: 28.07rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.article-item {
|
||||
display: flex;
|
||||
// height: 175.44rpx;
|
||||
justify-content: space-between;
|
||||
border-bottom: 1px solid #f0f0f0;
|
||||
padding: 21.05rpx 0;
|
||||
.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;
|
||||
.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;
|
||||
}
|
||||
}
|
||||
.name {
|
||||
font-size: 26.32rpx;
|
||||
color: #282828;
|
||||
}
|
||||
}
|
||||
|
||||
.pictrue {
|
||||
width: 175.44rpx;
|
||||
height: 122.81rpx;
|
||||
.pictrue {
|
||||
width: 175.44rpx;
|
||||
height: 122.81rpx;
|
||||
|
||||
image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border-radius: 8px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border-radius: 8px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.goods {
|
||||
margin: 0 auto;
|
||||
width: 694.74rpx;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
.goods {
|
||||
margin: 0 auto;
|
||||
width: 694.74rpx;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
|
||||
.goods_item {
|
||||
width: 342.11rpx;
|
||||
height: 491.23rpx;
|
||||
border-radius: 8px;
|
||||
overflow: hidden;
|
||||
background-color: #fff;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
margin-bottom: 10.53rpx;
|
||||
.goods_item {
|
||||
width: 342.11rpx;
|
||||
height: 491.23rpx;
|
||||
border-radius: 8px;
|
||||
overflow: hidden;
|
||||
background-color: #fff;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
margin-bottom: 10.53rpx;
|
||||
|
||||
.goods_img {
|
||||
width: 100%;
|
||||
height: 294.74rpx;
|
||||
}
|
||||
.goods_img {
|
||||
width: 100%;
|
||||
height: 294.74rpx;
|
||||
}
|
||||
|
||||
.botm {
|
||||
flex: 1;
|
||||
padding: 0 14.04rpx;
|
||||
padding-bottom: 21.05rpx;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
.botm {
|
||||
flex: 1;
|
||||
padding: 0 14.04rpx;
|
||||
padding-bottom: 21.05rpx;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
|
||||
.title {
|
||||
margin: 12px 0;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 2;
|
||||
-webkit-box-orient: vertical;
|
||||
}
|
||||
.title {
|
||||
margin: 12px 0;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 2;
|
||||
-webkit-box-orient: vertical;
|
||||
}
|
||||
|
||||
.goods_info {
|
||||
justify-content: space-between;
|
||||
.goods_info {
|
||||
justify-content: space-between;
|
||||
|
||||
.g_img {
|
||||
width: 60rpx;
|
||||
height: 60rpx;
|
||||
border-radius: 50%;
|
||||
}
|
||||
.g_img {
|
||||
width: 60rpx;
|
||||
height: 60rpx;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.g_name {
|
||||
margin-left: 8.77rpx;
|
||||
width: 100.63rpx;
|
||||
text-overflow: ellipsis;
|
||||
/* 溢出显示省略号 */
|
||||
overflow: hidden;
|
||||
/* 溢出隐藏 */
|
||||
white-space: nowrap;
|
||||
/* 强制不换行 */
|
||||
}
|
||||
.g_name {
|
||||
margin-left: 8.77rpx;
|
||||
width: 100.63rpx;
|
||||
text-overflow: ellipsis;
|
||||
/* 溢出显示省略号 */
|
||||
overflow: hidden;
|
||||
/* 溢出隐藏 */
|
||||
white-space: nowrap;
|
||||
/* 强制不换行 */
|
||||
}
|
||||
|
||||
.nice_box {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
.nice_box {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
.isshow {
|
||||
color: #FE3530 !important;
|
||||
}
|
||||
.isshow {
|
||||
color: #FE3530 !important;
|
||||
}
|
||||
|
||||
.iconfont {
|
||||
font-size: 30rpx;
|
||||
}
|
||||
.iconfont {
|
||||
font-size: 30rpx;
|
||||
}
|
||||
|
||||
.icon-shoucang1 {
|
||||
color: #F84221;
|
||||
}
|
||||
.icon-shoucang1 {
|
||||
color: #F84221;
|
||||
}
|
||||
|
||||
.collect {
|
||||
font-size: 24rpx;
|
||||
margin-left: 5rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.collect {
|
||||
font-size: 24rpx;
|
||||
margin-left: 5rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -148,7 +148,8 @@
|
||||
<text class='money p-color'>￥{{item.pay_price}}</text>
|
||||
</view>
|
||||
<view class='bottom acea-row row-right row-middle'>
|
||||
<view class='bnt b-color' @click.stop='goPay(item.pay_price,item.group_order_id,item.activity_type)'>
|
||||
<view class='bnt b-color'
|
||||
@click.stop='goPay(item.pay_price,item.group_order_id,item.activity_type)'>
|
||||
立即付款</view>
|
||||
</view>
|
||||
</view>
|
||||
@ -181,6 +182,7 @@
|
||||
<view v-if="item.order_status == 6" class='t-color'>已退款</view>
|
||||
<view v-if="item.order_status == 8 && item.pay_type == 8" class='t-color'>待结算
|
||||
</view>
|
||||
<view v-if="item.order_status == 9" class='t-color'>待商家确认</view>
|
||||
</view>
|
||||
<view v-if="item.activity_type === 2">
|
||||
<view class='item-info acea-row row-between row-top'
|
||||
@ -275,19 +277,30 @@
|
||||
|
||||
<block v-if="item.order_status == 1 ">
|
||||
|
||||
<view class='bnt b-color'
|
||||
<view class='bnt b-color' v-if="item.status==12" @click.stop='dePay'>
|
||||
去付款
|
||||
</view>
|
||||
<view class='bnt b-color' v-else
|
||||
@click.stop='goPay(item.pay_price,item.group_order_id,item.activity_type)'>
|
||||
去付款
|
||||
</view>
|
||||
|
||||
</block>
|
||||
<block v-if="item.order_status == 9 ">
|
||||
|
||||
<view class='bnt b-color' v-if="item.status==12" @click.stop='dePay'>
|
||||
去付款
|
||||
</view>
|
||||
<view class='bnt b-color' v-else
|
||||
@click.stop='goPay(item.pay_price,item.group_order_id,item.activity_type)'>
|
||||
去付款
|
||||
</view>
|
||||
</block>
|
||||
<block v-if="item.status == 2 ">
|
||||
<!-- <navigator v-if="community_status == 1 && !item.community_id" :url="'/pages/plantGrass/plant_release/index?order_id='+item.order_id" class='bnt colorBnt' hover-class="none">
|
||||
<text class="iconfont icon-fabu"></text>
|
||||
发布种草
|
||||
</navigator> -->
|
||||
|
||||
|
||||
<view class='bnt b-color' v-if="item.order_status==8"
|
||||
@click.stop='goPay(item.pay_price,item.group_order_id,item.activity_type)'>
|
||||
去结算
|
||||
@ -320,8 +333,8 @@
|
||||
</view>
|
||||
<home></home>
|
||||
<authorize @onLoadFun="onLoadFun" :isAuto="isAuto" :isShowAuth="isShowAuth" @authColse="authColse"></authorize>
|
||||
<payment :payMode='payMode' :pay_close="pay_close" :order_type='order_type' @onChangeFun='onChangeFun' :order_id="pay_order_id"
|
||||
:totalPrice='totalPrice'></payment>
|
||||
<payment :payMode='payMode' :pay_close="pay_close" :order_type='order_type' @onChangeFun='onChangeFun'
|
||||
:order_id="pay_order_id" :totalPrice='totalPrice'></payment>
|
||||
|
||||
|
||||
<addInvoicing ref="addInvoicing" @changeInvoiceClose="changeInvoiceClose" :invoice='invoice'></addInvoicing>
|
||||
@ -407,7 +420,7 @@
|
||||
limit: 20,
|
||||
receivingshow: false,
|
||||
domain: HTTP_REQUEST_URL,
|
||||
order_type:0,
|
||||
order_type: 0,
|
||||
payMode: [{
|
||||
name: "微信支付",
|
||||
icon: "icon-weixinzhifu",
|
||||
@ -593,12 +606,12 @@
|
||||
* 打开支付组件
|
||||
*
|
||||
*/
|
||||
goPay: function(pay_price, order_id,order_type) {
|
||||
goPay: function(pay_price, order_id, order_type) {
|
||||
this.$set(this, 'pay_close', true);
|
||||
this.order_id = order_id;
|
||||
this.pay_order_id = order_id.toString()
|
||||
this.$set(this, 'totalPrice', pay_price);
|
||||
this.order_type=order_type
|
||||
this.order_type = order_type
|
||||
},
|
||||
/**
|
||||
* 支付成功回调
|
||||
@ -663,6 +676,24 @@
|
||||
}
|
||||
// #endif
|
||||
},
|
||||
/**
|
||||
* 点击去评价
|
||||
*/
|
||||
dePay() {
|
||||
|
||||
uni.showModal({
|
||||
title: '提示',
|
||||
title: '该订单属于先货后款的订单，等商户确认后才能支付',
|
||||
success: function (res) {
|
||||
if (res.confirm) {
|
||||
console.log('用户点击确定');
|
||||
} else if (res.cancel) {
|
||||
console.log('用户点击取消');
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
},
|
||||
/**
|
||||
* 点击去评价
|
||||
*/
|
||||
|
||||
@ -204,6 +204,7 @@
|
||||
}, 1000)
|
||||
}
|
||||
}).catch(err => {
|
||||
|
||||
uni.showToast({
|
||||
title: err.message
|
||||
})
|
||||
|
||||
@ -27,7 +27,6 @@ const state = {
|
||||
|
||||
const mutations = {
|
||||
setLocation(state, data) {
|
||||
// console.log(data);
|
||||
state.location = data
|
||||
Cache.set('LOCATION_DATA', data);
|
||||
},
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user