更新
This commit is contained in:
zmj
parent
e3850dd2f9
commit
f752d2cc21
@ -6,10 +6,11 @@
|
||||
<view class="iconfont icon-xiangzuo"></view>
|
||||
</view>
|
||||
<view class='input acea-row row-between-wrapper'><text class='iconfont icon-sousuo'></text>
|
||||
<input placeholder='搜索店铺名称' placeholder-class='placeholder' confirm-type='search' name="search" :value='sotreParam.keyword'
|
||||
@confirm="searchSubmit"></input>
|
||||
<input placeholder='搜索店铺名称' placeholder-class='placeholder' confirm-type='search' name="search"
|
||||
:value='sotreParam.keyword' @confirm="searchSubmit"></input>
|
||||
</view>
|
||||
<view v-if="mer_location == 1" style="text-align: right;" class='iconfont search-right' @click='showMaoLocation(latitude,longitude)'>
|
||||
<view v-if="mer_location == 1" 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">
|
||||
{{recommend_address}}
|
||||
@ -19,7 +20,8 @@
|
||||
</view>
|
||||
<view class="nav-wrapper">
|
||||
<view class='nav acea-row row-middle'>
|
||||
<view v-for="item in downMenus" :key="item.key" class='item' :class="{'font-colors':firstKey == item.key}" @click='set_where(item.key)'>
|
||||
<view v-for="item in downMenus" :key="item.key" class='item'
|
||||
:class="{'font-colors':firstKey == item.key}" @click='set_where(item.key)'>
|
||||
<view>
|
||||
{{item.title}}
|
||||
</view>
|
||||
@ -30,7 +32,7 @@
|
||||
</view>
|
||||
<!-- 店铺 -->
|
||||
<block>
|
||||
<view class="mer-box"v-if="storeList.length > 0">
|
||||
<view class="mer-box" v-if="storeList.length > 0">
|
||||
<view class="mer-item" v-for="(item,index) in storeList" :key='index'>
|
||||
<view class="mer-hd" @click="goStore(item.mer_id)">
|
||||
<image :src="item.mini_banner?item.mini_banner:item.mer_banner"></image>
|
||||
@ -47,7 +49,8 @@
|
||||
{{item.care_count<10000 ? item.care_count : (item.care_count/10000).toFixed(2)+'万'}}人关注
|
||||
</view>
|
||||
<view class="line" v-if="item.distance"></view>
|
||||
<view class="distance" v-if="item.distance" @click.stop="showStoreLocation(item)">
|
||||
<view class="distance" v-if="item.distance"
|
||||
@click.stop="showStoreLocation(item)">
|
||||
<view class="">
|
||||
{{item.distance}}
|
||||
</view>
|
||||
@ -58,8 +61,9 @@
|
||||
</view>
|
||||
</view>
|
||||
<view class="pro-box">
|
||||
<navigator :url="`/pages/goods_details/index?id=${itemn.product_id}`" hover-class="none" class="pro-item" v-for="(itemn,indexn) in item.recommend"
|
||||
:key='indexn' v-if="item.recommend.length<=3">
|
||||
<navigator :url="`/pages/goods_details/index?id=${itemn.product_id}`" hover-class="none"
|
||||
class="pro-item" v-for="(itemn,indexn) in item.recommend" :key='indexn'
|
||||
v-if="item.recommend.length<=3">
|
||||
<image :src="itemn.image" mode=""></image>
|
||||
<view class="price">
|
||||
<text>￥</text>{{itemn.price}}
|
||||
@ -186,7 +190,7 @@
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
},
|
||||
computed: {
|
||||
downMenus: function() {
|
||||
@ -203,7 +207,7 @@
|
||||
onLoad: function(options) {
|
||||
this.mer_id = options.mer_id;
|
||||
},
|
||||
methods: {
|
||||
methods: {
|
||||
// 打开地图
|
||||
showMaoLocation(lat, long) {
|
||||
// console.log(lat, long)
|
||||
@ -215,11 +219,11 @@
|
||||
this.$wechat.seeLocation({
|
||||
latitude: Number(lat),
|
||||
longitude: Number(long)
|
||||
}).then(res=>{
|
||||
}).then(res => {
|
||||
// console.log('success');
|
||||
})
|
||||
}else{
|
||||
//#endif
|
||||
} else {
|
||||
//#endif
|
||||
uni.openLocation({
|
||||
latitude: parseFloat(lat),
|
||||
longitude: parseFloat(long),
|
||||
@ -228,7 +232,7 @@
|
||||
// console.log(res)
|
||||
},
|
||||
});
|
||||
// #ifdef H5
|
||||
// #ifdef H5
|
||||
}
|
||||
//#endif
|
||||
},
|
||||
@ -243,28 +247,29 @@
|
||||
latitude: Number(item.lat),
|
||||
longitude: Number(item.long),
|
||||
name: item.mer_name,
|
||||
address: item.mer_address ? item.mer_address: '',
|
||||
}).then(res=>{
|
||||
address: item.mer_address ? item.mer_address : '',
|
||||
}).then(res => {
|
||||
// console.log('success');
|
||||
})
|
||||
}else{
|
||||
//#endif
|
||||
} else {
|
||||
//#endif
|
||||
uni.openLocation({
|
||||
latitude: parseFloat(item.lat),
|
||||
longitude: parseFloat(item.long),
|
||||
scale: 8,
|
||||
name: item.mer_name,
|
||||
address: item.mer_address ? item.mer_address: '',
|
||||
address: item.mer_address ? item.mer_address : '',
|
||||
success: function(res) {
|
||||
// console.log(res)
|
||||
},
|
||||
});
|
||||
// #ifdef H5
|
||||
// #ifdef H5
|
||||
}
|
||||
//#endif
|
||||
},
|
||||
selfLocation() {
|
||||
let self = this
|
||||
if (uni.getStorageSync('RejectTarget')) return
|
||||
uni.getLocation({
|
||||
type: 'gcj02',
|
||||
success: (res) => {
|
||||
@ -279,8 +284,9 @@
|
||||
}).then(res => {
|
||||
// console.log(res)
|
||||
this.detaile_address = res.data.address;
|
||||
this.recommend_address = res.data.address.length > 4 ? res.data.address.slice(0,4) + '...' : res.data.address
|
||||
uni.setStorageSync('adress_location',res.data.address)
|
||||
this.recommend_address = res.data.address.length > 4 ? res.data.address
|
||||
.slice(0, 4) + '...' : res.data.address
|
||||
uni.setStorageSync('adress_location', res.data.address)
|
||||
})
|
||||
},
|
||||
fail: (res) => {
|
||||
@ -379,6 +385,7 @@
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
background: var(--view-theme);
|
||||
|
||||
.search-right {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@ -387,6 +394,7 @@
|
||||
flex: 1;
|
||||
padding-left: 20rpx;
|
||||
}
|
||||
|
||||
.right-text {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
@ -397,12 +405,14 @@
|
||||
color: #fff;
|
||||
padding: 0 10rpx;
|
||||
}
|
||||
|
||||
.icon-xiangyou,
|
||||
.icon-dingwei {
|
||||
font-size: 30rpx;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
.productList .search .back {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@ -414,6 +424,7 @@
|
||||
font-size: 36rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.productList .search .input {
|
||||
flex: 1;
|
||||
// width: 540rpx;
|
||||
@ -423,19 +434,23 @@
|
||||
padding: 0 20rpx;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.productList .search .input input {
|
||||
flex: 1;
|
||||
height: 100%;
|
||||
font-size: 26rpx;
|
||||
margin-left: 10rpx;
|
||||
}
|
||||
|
||||
.productList .search .input .placeholder {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.productList .search .input .iconfont {
|
||||
font-size: 35rpx;
|
||||
color: #555;
|
||||
}
|
||||
|
||||
.productList .search .icon-pailie,
|
||||
.productList .search .icon-tupianpailie {
|
||||
color: #fff;
|
||||
@ -444,6 +459,7 @@
|
||||
height: 86rpx;
|
||||
line-height: 86rpx;
|
||||
}
|
||||
|
||||
.productList .nav-wrapper {
|
||||
z-index: 9;
|
||||
position: fixed;
|
||||
@ -452,9 +468,11 @@
|
||||
width: 100%;
|
||||
margin-top: 86rpx;
|
||||
background-color: $theme-color;
|
||||
|
||||
.tab-bar {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
.tab-item {
|
||||
position: relative;
|
||||
flex: 1;
|
||||
@ -465,6 +483,7 @@
|
||||
color: #fff;
|
||||
font-size: 28rpx;
|
||||
font-weight: bold;
|
||||
|
||||
&::after {
|
||||
content: ' ';
|
||||
position: absolute;
|
||||
@ -475,6 +494,7 @@
|
||||
background: transparent;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
&.on {
|
||||
&::after {
|
||||
background: #fff;
|
||||
@ -483,6 +503,7 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.productList .nav {
|
||||
height: 86rpx;
|
||||
color: #454545;
|
||||
@ -492,6 +513,7 @@
|
||||
justify-content: space-between;
|
||||
padding: 0 28rpx;
|
||||
}
|
||||
|
||||
.productList .nav .item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@ -500,10 +522,12 @@
|
||||
color: #FFFFFF;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.productList .nav .item.font-colors {
|
||||
font-weight: 500;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
.productList .nav .item .font-line {
|
||||
height: 4rpx;
|
||||
background-color: #fff;
|
||||
@ -517,26 +541,32 @@
|
||||
-o-animation: line 0.3s;
|
||||
/* Opera */
|
||||
}
|
||||
|
||||
@keyframes line {
|
||||
from {
|
||||
width: 0rpx;
|
||||
}
|
||||
|
||||
to {
|
||||
width: 28rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.productList .nav .item image {
|
||||
width: 15rpx;
|
||||
height: 19rpx;
|
||||
margin-left: 10rpx;
|
||||
}
|
||||
|
||||
.mer-box {
|
||||
padding: 20rpx 20rpx;
|
||||
margin-top: 168rpx;
|
||||
|
||||
.mer-item {
|
||||
margin-bottom: 20rpx;
|
||||
background-color: #fff;
|
||||
border-radius: 16rpx;
|
||||
|
||||
.mer-hd {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
@ -544,10 +574,12 @@
|
||||
border-radius: 16rpx 16rpx 0 0;
|
||||
overflow: hidden;
|
||||
display: flex;
|
||||
|
||||
image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.mer-name {
|
||||
position: absolute;
|
||||
left: 20rpx;
|
||||
@ -555,6 +587,7 @@
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 0 10rpx;
|
||||
|
||||
image {
|
||||
width: 79rpx;
|
||||
height: 79rpx;
|
||||
@ -562,6 +595,7 @@
|
||||
border-radius: 50%;
|
||||
margin-right: 10rpx;
|
||||
}
|
||||
|
||||
.mer-top {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@ -569,6 +603,7 @@
|
||||
font-size: 28rpx;
|
||||
font-weight: bold;
|
||||
margin-bottom: 6rpx;
|
||||
|
||||
.font-bg-red {
|
||||
margin-left: 20rpx;
|
||||
font-size: 18rpx;
|
||||
@ -579,60 +614,72 @@
|
||||
width: auto;
|
||||
}
|
||||
}
|
||||
|
||||
.mer-btn {
|
||||
color: rgba($color: #fff, $alpha: 0.7);
|
||||
font-size: 24rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
.line {
|
||||
width: 2rpx;
|
||||
height: 18rpx;
|
||||
color: rgba($color: #fff, $alpha: 0.7);
|
||||
margin: 0 12rpx;
|
||||
}
|
||||
|
||||
.distance {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-size: 24rpx;
|
||||
color: rgba($color: #fff, $alpha: 0.7);
|
||||
|
||||
.iconfont {
|
||||
font-size: 24rpx;
|
||||
line-height: 24rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.txt {
|
||||
flex: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.pro-box {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 20rpx 20rpx 30rpx;
|
||||
|
||||
.pro-item {
|
||||
width: 218rpx;
|
||||
margin-right: 14rpx;
|
||||
|
||||
image {
|
||||
width: 100%;
|
||||
height: 214rpx;
|
||||
border-radius: 8rpx;
|
||||
}
|
||||
|
||||
.price {
|
||||
margin-top: 5rpx;
|
||||
font-size: 28rpx;
|
||||
color: var(--view-priceColor);
|
||||
font-weight: bold;
|
||||
|
||||
text {
|
||||
font-size: 28rpx;
|
||||
}
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.more-shop {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@ -653,6 +700,7 @@
|
||||
background-color: #fff;
|
||||
padding-bottom: calc(100% - 40rpx);
|
||||
padding-top: 200rpx;
|
||||
|
||||
.pictrue {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
@ -665,4 +713,4 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</style>
|
||||
@ -24,7 +24,8 @@
|
||||
<view>积分</view>
|
||||
</view>
|
||||
<view class="item">
|
||||
<view class="num">{{ info.level_info.discount ? parseFloat(info.level_info.discount)/10 : '0'}}</view>
|
||||
<view class="num">{{ info.level_info.discount ? parseFloat(info.level_info.discount)/10 : '0'}}
|
||||
</view>
|
||||
<view>折扣</view>
|
||||
</view>
|
||||
</view>
|
||||
@ -32,11 +33,11 @@
|
||||
</view>
|
||||
<view class="qrCode">
|
||||
<view class="header acea-row row-between-wrapper">
|
||||
<view class="title" :class="{'on': codeIndex == index,'onLeft':codeIndex == 1}"
|
||||
v-for="(item, index) in codeList" :key="index" @click="tapCode(index)">{{item.name}}</view>
|
||||
<view class="title" :class="{'on': codeIndex == index,'onLeft':codeIndex == 1}"
|
||||
v-for="(item, index) in codeList" :key="index" @click="tapCode(index)">{{item.name}}</view>
|
||||
</view>
|
||||
<view class="acea-row row-center-wrapper" style="margin-top: 35rpx;">
|
||||
<w-qrcode :options="config.qrc" @generate="hello"></w-qrcode>
|
||||
<w-qrcode :options="config.qrc" @generate="hello"></w-qrcode>
|
||||
</view>
|
||||
</view>
|
||||
<view class="store acea-row row-between-wrapper" v-if="storeList.length">
|
||||
@ -45,7 +46,8 @@
|
||||
附近门店
|
||||
</view>
|
||||
<view class="acea-row" @click="goMap">
|
||||
距 <view class="storeName line1">{{storeList[0].name}}</view> {{storeList[0].range}}km<text class="iconfont icon-gengduo3"></text></view>
|
||||
距 <view class="storeName line1">{{storeList[0].name}}</view> {{storeList[0].range}}km<text
|
||||
class="iconfont icon-gengduo3"></text></view>
|
||||
</view>
|
||||
<home v-if="navigation"></home>
|
||||
</view>
|
||||
@ -54,7 +56,7 @@
|
||||
import home from '@/components/home/index.vue'
|
||||
|
||||
import {
|
||||
getlevelInfo,
|
||||
getlevelInfo,
|
||||
getRandCode
|
||||
} from '@/api/user.js';
|
||||
import {
|
||||
@ -66,25 +68,25 @@
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
info:{},
|
||||
info: {},
|
||||
codeList: [{
|
||||
name: '付款码'
|
||||
name: '付款码'
|
||||
}, {
|
||||
name: '核销码'
|
||||
name: '核销码'
|
||||
}],
|
||||
codeIndex:0,
|
||||
codeIndex: 0,
|
||||
config: {
|
||||
qrc: {
|
||||
code: '',
|
||||
size: 380, // 二维码大小
|
||||
level: 3, //等级 0～4
|
||||
bgColor: '#FFFFFF', //二维码背景色 默认白色
|
||||
border: {
|
||||
color: ['#eee', '#eee'], //边框颜色支持渐变色
|
||||
lineWidth: 1, //边框宽度
|
||||
},
|
||||
color: ['#333', '#333'], //边框颜色支持渐变色
|
||||
}
|
||||
qrc: {
|
||||
code: '',
|
||||
size: 380, // 二维码大小
|
||||
level: 3, //等级 0～4
|
||||
bgColor: '#FFFFFF', //二维码背景色 默认白色
|
||||
border: {
|
||||
color: ['#eee', '#eee'], //边框颜色支持渐变色
|
||||
lineWidth: 1, //边框宽度
|
||||
},
|
||||
color: ['#333', '#333'], //边框颜色支持渐变色
|
||||
}
|
||||
},
|
||||
user_latitude: 0,
|
||||
user_longitude: 0,
|
||||
@ -111,7 +113,7 @@
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
goMap(){
|
||||
goMap() {
|
||||
uni.navigateTo({
|
||||
url: '/pages/store/map/index'
|
||||
})
|
||||
@ -129,6 +131,7 @@
|
||||
})
|
||||
} else {
|
||||
// #endif
|
||||
if (uni.getStorageSync('RejectTarget')) return
|
||||
uni.getLocation({
|
||||
type: 'wgs84',
|
||||
success: (res) => {
|
||||
@ -167,90 +170,96 @@
|
||||
});
|
||||
},
|
||||
getCode() {
|
||||
getRandCode().then(res => {
|
||||
let code = res.data.code;
|
||||
this.config.qrc.code = code;
|
||||
}).catch(err => {
|
||||
return this.$util.Tips(err);
|
||||
})
|
||||
getRandCode().then(res => {
|
||||
let code = res.data.code;
|
||||
this.config.qrc.code = code;
|
||||
}).catch(err => {
|
||||
return this.$util.Tips(err);
|
||||
})
|
||||
},
|
||||
levelInfo(){
|
||||
getlevelInfo().then(res=>{
|
||||
levelInfo() {
|
||||
getlevelInfo().then(res => {
|
||||
this.info = res.data;
|
||||
}).catch(err=>{
|
||||
}).catch(err => {
|
||||
return this.$util.Tips({
|
||||
title: err
|
||||
});
|
||||
})
|
||||
},
|
||||
tapCode(index) {
|
||||
this.codeIndex = index;
|
||||
if (index == 0) {
|
||||
this.getCode();
|
||||
} else {
|
||||
let code = this.info.user.bar_code;
|
||||
this.config.qrc.code = code;
|
||||
}
|
||||
},
|
||||
hello(res) {
|
||||
this.codeIndex = index;
|
||||
if (index == 0) {
|
||||
this.getCode();
|
||||
} else {
|
||||
let code = this.info.user.bar_code;
|
||||
this.config.qrc.code = code;
|
||||
}
|
||||
},
|
||||
hello(res) {},
|
||||
},
|
||||
onReachBottom() {
|
||||
}
|
||||
onReachBottom() {}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
page{
|
||||
page {
|
||||
background: linear-gradient(121deg, #F5EBE1 0%, #FFDFBE 100%);
|
||||
}
|
||||
.vipGrade{
|
||||
.headerBg{
|
||||
|
||||
.vipGrade {
|
||||
.headerBg {
|
||||
background: url('../static/big-bg.png') no-repeat;
|
||||
background-size: 100% 100%;
|
||||
width: 100%;
|
||||
height: 476rpx;
|
||||
padding-top: 1rpx;
|
||||
.header{
|
||||
|
||||
.header {
|
||||
background: url('../static/grade-bg.png') no-repeat;
|
||||
background-size: 100% 100%;
|
||||
width: 690rpx;
|
||||
height: 286rpx;
|
||||
margin: 26rpx auto;
|
||||
padding: 28rpx 28rpx 0 28rpx;
|
||||
.top{
|
||||
.pictrue{
|
||||
|
||||
.top {
|
||||
.pictrue {
|
||||
width: 92rpx;
|
||||
height: 92rpx;
|
||||
border: 1px solid #FFFFFF;
|
||||
margin-right: 20rpx;
|
||||
border-radius: 50%;
|
||||
image{
|
||||
|
||||
image {
|
||||
border-radius: 50%;
|
||||
width:100%;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
.text{
|
||||
|
||||
.text {
|
||||
width: 400rpx;
|
||||
.name{
|
||||
.nameCon{
|
||||
|
||||
.name {
|
||||
.nameCon {
|
||||
color: #EDCAAC;
|
||||
font-size: 28rpx;
|
||||
max-width: 332rpx;
|
||||
margin-right: 10rpx;
|
||||
}
|
||||
.num{
|
||||
|
||||
.num {
|
||||
border-radius: 4px;
|
||||
border: 1px solid #EDCAAC;
|
||||
background: rgba(215,177,144,0.2);
|
||||
background: rgba(215, 177, 144, 0.2);
|
||||
font-size: 20rpx;
|
||||
font-weight: 400;
|
||||
color: #EDCAAC;
|
||||
padding: 0 4rpx;
|
||||
}
|
||||
}
|
||||
.idNum{
|
||||
|
||||
.idNum {
|
||||
font-weight: 400;
|
||||
color: #EDCAAC;
|
||||
font-size: 24rpx;
|
||||
@ -259,27 +268,32 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
.list{
|
||||
|
||||
.list {
|
||||
margin-top: 46rpx;
|
||||
.item{
|
||||
|
||||
.item {
|
||||
color: #EDCAAC;
|
||||
font-size: 22rpx;
|
||||
text-align: center;
|
||||
.num{
|
||||
|
||||
.num {
|
||||
font-size: 40rpx;
|
||||
margin-bottom: 15rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.qrCode{
|
||||
|
||||
.qrCode {
|
||||
width: 690rpx;
|
||||
height: 700rpx;
|
||||
background: #FFFFFF;
|
||||
border-radius: 18rpx;
|
||||
margin: -134rpx auto 0 auto;
|
||||
padding-top: 60rpx;
|
||||
.header{
|
||||
|
||||
.header {
|
||||
width: 330rpx;
|
||||
height: 60rpx;
|
||||
border-radius: 30rpx;
|
||||
@ -287,28 +301,30 @@
|
||||
color: #333333;
|
||||
font-size: 30rpx;
|
||||
margin: 0 auto;
|
||||
|
||||
.title {
|
||||
width: 146rpx;
|
||||
height: 100%;
|
||||
line-height: 60rpx;
|
||||
border-radius: 30rpx;
|
||||
text-align: center;
|
||||
padding-right: 20rpx;
|
||||
|
||||
&.onLeft {
|
||||
padding-left: 34rpx;
|
||||
}
|
||||
|
||||
&.on {
|
||||
width: 170rpx;
|
||||
background-color: #333 !important;
|
||||
color: #fff;
|
||||
padding: 0 !important;
|
||||
}
|
||||
width: 146rpx;
|
||||
height: 100%;
|
||||
line-height: 60rpx;
|
||||
border-radius: 30rpx;
|
||||
text-align: center;
|
||||
padding-right: 20rpx;
|
||||
|
||||
&.onLeft {
|
||||
padding-left: 34rpx;
|
||||
}
|
||||
|
||||
&.on {
|
||||
width: 170rpx;
|
||||
background-color: #333 !important;
|
||||
color: #fff;
|
||||
padding: 0 !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.store{
|
||||
|
||||
.store {
|
||||
width: 690rpx;
|
||||
height: 100rpx;
|
||||
background: linear-gradient(90deg, #FFAE49 0%, #FCC887 100%);
|
||||
@ -318,17 +334,20 @@
|
||||
color: #fff;
|
||||
font-weight: 500;
|
||||
font-size: 28rpx;
|
||||
.iconfont{
|
||||
|
||||
.iconfont {
|
||||
margin-right: 20rpx;
|
||||
font-size: 38rpx;
|
||||
}
|
||||
.icon-gengduo3{
|
||||
|
||||
.icon-gengduo3 {
|
||||
font-size: 24rpx;
|
||||
margin-left: 5rpx;
|
||||
margin-right: 0;
|
||||
margin-top: 6rpx;
|
||||
}
|
||||
.storeName{
|
||||
|
||||
.storeName {
|
||||
display: inline-block;
|
||||
max-width: 284rpx;
|
||||
vertical-align: middle;
|
||||
|
||||
@ -6,9 +6,9 @@
|
||||
<view class="iconfont icon-xiangzuo"></view>
|
||||
</view>
|
||||
<view class='input acea-row row-between-wrapper'>
|
||||
<text class='iconfont icon-sousuo'></text>
|
||||
<input placeholder='搜索商品名称' placeholder-class='placeholder' confirm-type='search' name="search"
|
||||
:value='where.keyword' @confirm="searchSubmit" @input="inputChange">
|
||||
<text class='iconfont icon-sousuo'></text>
|
||||
<input placeholder='搜索商品名称' placeholder-class='placeholder' confirm-type='search' name="search"
|
||||
:value='where.keyword' @confirm="searchSubmit" @input="inputChange">
|
||||
</view>
|
||||
<view style="text-align: right;" v-if="tabIndex==1" class='iconfont'
|
||||
:class='is_switch==true?"icon-pailie":"icon-tupianpailie"' @click='Changswitch'></view>
|
||||
@ -21,7 +21,7 @@
|
||||
<view class="tab-item" :class="{on:tabIndex==2}" @click="tabIndex = 2">店铺</view>
|
||||
</view>
|
||||
<block v-if="tabIndex==1">
|
||||
<view class='nav acea-row row-middle' >
|
||||
<view class='nav acea-row row-middle'>
|
||||
<view class='item' @click="downStatus = !downStatus"
|
||||
:class="{'t-color':downKey>0 && firstKey == 0}">
|
||||
{{downMenu[downKey].title}}
|
||||
@ -145,7 +145,7 @@
|
||||
</view>
|
||||
<view class="zhezhao">
|
||||
</view>
|
||||
<view class="zhezhao1" @click="goStore(item.mer_id)">
|
||||
<view class="zhezhao1" @click="goStore(item.mer_id)">
|
||||
<view class="title">
|
||||
<view>{{item.mer_name}}
|
||||
</view>
|
||||
@ -470,6 +470,7 @@
|
||||
//获取定位
|
||||
selfLocation() {
|
||||
let self = this
|
||||
if (uni.getStorageSync('RejectTarget')) return
|
||||
uni.getLocation({
|
||||
type: 'gcj02',
|
||||
success: (res) => {
|
||||
@ -578,7 +579,7 @@
|
||||
this.storeList = this.storeList.concat(res.data.list)
|
||||
this.count = res.data.count
|
||||
this.loading = false
|
||||
|
||||
|
||||
})
|
||||
},
|
||||
// 店铺排序
|
||||
@ -684,7 +685,7 @@
|
||||
},
|
||||
// 组件确定
|
||||
confirm2(data) {
|
||||
|
||||
|
||||
let arr1 = [],
|
||||
arr2 = []
|
||||
if (data.storeTypeArr.length == 0) {
|
||||
@ -776,11 +777,11 @@
|
||||
that.hotScroll = res.data.list.length < that.hotLimit
|
||||
that.hostProduct = that.hostProduct.concat(res.data.list)
|
||||
if (that.hostProduct.length == res.data.count) {
|
||||
|
||||
|
||||
uni.showToast({
|
||||
title: '推荐商品,加载完毕',
|
||||
duration: 2000, // 显示时长，单位为毫秒
|
||||
icon:'none'
|
||||
icon: 'none'
|
||||
})
|
||||
}
|
||||
});
|
||||
@ -822,10 +823,10 @@
|
||||
//查找产品
|
||||
get_product_list: function(isPage) {
|
||||
let that = this;
|
||||
|
||||
|
||||
if (that.loadend) return;
|
||||
if (that.loading) return;
|
||||
|
||||
|
||||
if (isPage === true) that.$set(that, 'productList', []);
|
||||
that.loading = true;
|
||||
that.loadTitle = '';
|
||||
@ -900,14 +901,14 @@
|
||||
|
||||
.productList .search {
|
||||
width: 100%;
|
||||
height: 170rpx;
|
||||
padding: 0 20rpx;
|
||||
// box-sizing: border-box;
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0rpx;
|
||||
height: 170rpx;
|
||||
padding: 0 20rpx;
|
||||
// box-sizing: border-box;
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0rpx;
|
||||
padding-top: 60rpx;
|
||||
z-index: 9;
|
||||
z-index: 9;
|
||||
background-color: var(--view-theme);
|
||||
|
||||
.icon-dingwei {
|
||||
@ -963,7 +964,7 @@
|
||||
width: 62rpx;
|
||||
font-size: 40rpx;
|
||||
height: 86rpx;
|
||||
line-height: 86rpx ;
|
||||
line-height: 86rpx;
|
||||
}
|
||||
|
||||
.productList .nav-wrapper {
|
||||
@ -1044,7 +1045,7 @@
|
||||
|
||||
.productList .list {
|
||||
padding: 0 20rpx;
|
||||
|
||||
|
||||
}
|
||||
|
||||
.productList .list.on {
|
||||
@ -1080,7 +1081,7 @@
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 345rpx;
|
||||
|
||||
|
||||
}
|
||||
|
||||
.productList .list .item .pictrue.on {
|
||||
@ -1424,7 +1425,7 @@
|
||||
|
||||
.store-wrapper {
|
||||
margin-top: 310rpx;
|
||||
|
||||
|
||||
border-top: 1px solid #F6F6F6;
|
||||
|
||||
.star-box {
|
||||
|
||||
@ -8,6 +8,7 @@
|
||||
style=" margin-left: 20rpx">
|
||||
</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', isFshow ? 'sitebox' : '']"></view>
|
||||
@ -21,14 +22,20 @@
|
||||
</view>
|
||||
<view class="" v-if="!isFshow">
|
||||
<view class="site-box1 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 class="place_wrapper flex_a_c" @click="selectLocation">
|
||||
<view class="iconfont icon-weizhi"></view>
|
||||
<view class="town_name">{{street}}</view>
|
||||
<!-- <view class="" v-if="!street">
|
||||
获取定位失败,请手动选择
|
||||
</view> -->
|
||||
</view>
|
||||
<view class="" @click="getPositionFn">
|
||||
获取定位失败,点击允许
|
||||
</view>
|
||||
<navigator url="/pages/chat/customer_list/index?type=0" hover-class="none">
|
||||
<view class="iconfont icon-xiaoxi" style="color:#fff;"> </view>
|
||||
</navigator>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
@ -207,7 +214,7 @@
|
||||
},
|
||||
|
||||
onPullDownRefresh() {
|
||||
this.where.page=1
|
||||
this.where.page = 1
|
||||
this.getCateList()
|
||||
this.getGoods(true)
|
||||
this.Area()
|
||||
@ -233,7 +240,7 @@
|
||||
|
||||
},
|
||||
onHide() {
|
||||
|
||||
|
||||
uni.setTabBarItem({
|
||||
index: 0,
|
||||
text: "泸州",
|
||||
@ -256,8 +263,8 @@
|
||||
mounted() {
|
||||
this.getUserInfo()
|
||||
|
||||
|
||||
this.selfLocation()
|
||||
|
||||
// this.selfLocation()
|
||||
// #ifdef H5
|
||||
// 监听页面滚动事件
|
||||
window.addEventListener("scroll", this.scrolling);
|
||||
@ -313,11 +320,17 @@
|
||||
this.$bus.$off('value-updated')
|
||||
},
|
||||
methods: {
|
||||
getPositionFn() {
|
||||
uni.removeStorageSync('RejectTarget')
|
||||
this.selfLocation()
|
||||
|
||||
},
|
||||
|
||||
//直播
|
||||
|
||||
zhibo(){
|
||||
|
||||
zhibo() {
|
||||
uni.navigateTo({
|
||||
url:'/pages/room/index'
|
||||
url: '/pages/room/index'
|
||||
})
|
||||
},
|
||||
//弹出
|
||||
@ -344,22 +357,22 @@
|
||||
//分栏视频 图文查看
|
||||
itemTap(item) {
|
||||
|
||||
|
||||
if (item.video_link.length > 0) {
|
||||
uni.navigateTo({
|
||||
// #ifdef MP || H5
|
||||
url: `/pages/short_video/nvueSwiper/index?id=${item.community_id}&uid=${this.userid}&user=1`
|
||||
// #endif
|
||||
// #ifdef APP
|
||||
url: `/pages/short_video/appSwiper/index?id=${item.community_id}&uid=${this.userid}&user=1`
|
||||
// #endif
|
||||
})
|
||||
} else {
|
||||
uni.navigateTo({
|
||||
url: `/pages/plantGrass/plant_detail/index?id=${item.community_id}`
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
if (item.video_link.length > 0) {
|
||||
uni.navigateTo({
|
||||
// #ifdef MP || H5
|
||||
url: `/pages/short_video/nvueSwiper/index?id=${item.community_id}&uid=${this.userid}&user=1`
|
||||
// #endif
|
||||
// #ifdef APP
|
||||
url: `/pages/short_video/appSwiper/index?id=${item.community_id}&uid=${this.userid}&user=1`
|
||||
// #endif
|
||||
})
|
||||
} else {
|
||||
uni.navigateTo({
|
||||
url: `/pages/plantGrass/plant_detail/index?id=${item.community_id}`
|
||||
})
|
||||
}
|
||||
|
||||
},
|
||||
// 授权关闭
|
||||
authColse: function(e) {
|
||||
@ -619,6 +632,9 @@
|
||||
this.isshow = true
|
||||
uni.setStorageSync('loction', true);
|
||||
}
|
||||
console.log(uni.getStorageSync('RejectTarget'), 6666)
|
||||
|
||||
if (uni.getStorageSync('RejectTarget')) return
|
||||
uni.getLocation({
|
||||
type: 'wgs84',
|
||||
timeout: '1000',
|
||||
@ -651,6 +667,8 @@
|
||||
})
|
||||
},
|
||||
fail: (err) => {
|
||||
// console.log("决绝")
|
||||
uni.setStorageSync("RejectTarget", true)
|
||||
this.isshow = false
|
||||
|
||||
}
|
||||
@ -674,6 +692,10 @@
|
||||
"androidx.core.app.NotificationManagerCompat");
|
||||
}
|
||||
var areNotificationsEnabled = NotificationManagerCompat.from(main).areNotificationsEnabled();
|
||||
|
||||
|
||||
|
||||
|
||||
// 未开通‘允许通知’权限，则弹窗提醒开通，并点击确认后，跳转到系统设置页面进行设置
|
||||
if (!areNotificationsEnabled) {
|
||||
uni.showModal({
|
||||
@ -752,13 +774,15 @@
|
||||
|
||||
// background: linear-gradient(180deg, #FFFFFF 0%, #F6F6F6 100%);
|
||||
}
|
||||
.zhibo{
|
||||
|
||||
.zhibo {
|
||||
height: 130rpx;
|
||||
|
||||
image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
||||
|
||||
height: 100%;
|
||||
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
@ -899,20 +923,21 @@
|
||||
position: absolute;
|
||||
top: 45rpx;
|
||||
left: 20rpx;
|
||||
|
||||
|
||||
z-index: 999;
|
||||
|
||||
// 位置
|
||||
.place_wrapper {
|
||||
color: #fff;
|
||||
margin-right: 0rpx;
|
||||
|
||||
|
||||
font-size: 30rpx;
|
||||
|
||||
|
||||
.town_name {
|
||||
margin-left: 21rpx;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.iconfont {
|
||||
font-size: 35.09rpx;
|
||||
}
|
||||
|
||||
@ -9,10 +9,9 @@
|
||||
<view class="head_tit">
|
||||
<view class="" style="display: flex;align-items: center;">
|
||||
<view class="back" @click='backjJump()' style="margin-right:17rpx ;">
|
||||
<!-- <u--image :showLoading="true" src="/static/images/LHYC/PFH.png" width="50.82rpx"
|
||||
<!-- <u--image :showLoading="true" src="/static/images/LHYC/PFH.png" width="50.82rpx"
|
||||
height="50.82rpx"></u--image> -->
|
||||
<i class="iconfont icon-xiangzuo" style="font-size: 40rpx;text-align: left;"
|
||||
></i>
|
||||
<i class="iconfont icon-xiangzuo" style="font-size: 40rpx;text-align: left;"></i>
|
||||
</view>
|
||||
<view style="font-size: 40rpx;">
|
||||
<!-- {{titName}} -->
|
||||
@ -26,7 +25,7 @@
|
||||
:value='sotreParam.keyword' @confirm="searchSubmit"></input> -->
|
||||
<u-search borderColor="#FF6D20" bgColor="white" :showAction="false" placeholder="搜索店铺名称"
|
||||
v-model="sotreParam.keyword" class="serch_cls"></u-search>
|
||||
<view class="serchbtn img_cls" @tap="searchSubmit">搜索</view>
|
||||
<view class="serchbtn img_cls" @tap="searchSubmit">搜索</view>
|
||||
<!-- <u--image @tap="searchSubmit" class="img_cls" :showLoading="true"
|
||||
src="/static/images/GXSC/SSBT.png" width="115.65rpx" height="56.82rpx"></u--image> -->
|
||||
</view>
|
||||
@ -534,6 +533,7 @@
|
||||
//#endif
|
||||
},
|
||||
selfLocation() {
|
||||
if (uni.getStorageSync('RejectTarget')) return
|
||||
let self = this
|
||||
uni.getLocation({
|
||||
type: 'gcj02',
|
||||
@ -704,7 +704,8 @@
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.serchbtn {
|
||||
|
||||
.serchbtn {
|
||||
// position: absolute;
|
||||
// right: 5rpx;
|
||||
// top: 5rpx;
|
||||
@ -717,6 +718,7 @@
|
||||
color: #fff;
|
||||
background: linear-gradient(to right, #F84221, #FF6D20);
|
||||
}
|
||||
|
||||
.com_name {
|
||||
font-size: 32rpx;
|
||||
// background-color: red;
|
||||
|
||||
@ -9,11 +9,10 @@
|
||||
<view class="head_tit">
|
||||
<view class="" style="display: flex;align-items: center;">
|
||||
<view class="back" @click='backjJump()' style="margin-right: 17rpx;">
|
||||
<!-- <u--image :showLoading="true" src="/static/images/LHYC/PFH.png" width="50.82rpx"
|
||||
<!-- <u--image :showLoading="true" src="/static/images/LHYC/PFH.png" width="50.82rpx"
|
||||
height="50.82rpx"></u--image> -->
|
||||
<i class="iconfont icon-xiangzuo" style="font-size: 40rpx;text-align: left;"
|
||||
></i>
|
||||
|
||||
<i class="iconfont icon-xiangzuo" style="font-size: 40rpx;text-align: left;"></i>
|
||||
|
||||
</view>
|
||||
<view style="font-size: 40rpx;">
|
||||
<!-- {{titName}} -->
|
||||
@ -30,8 +29,8 @@
|
||||
:value='sotreParam.keyword' @confirm="searchSubmit"></input> -->
|
||||
<u-search borderColor="#FF6D20" bgColor="white" :showAction="false" placeholder="搜索店铺名称"
|
||||
v-model="sotreParam.keyword" class="serch_cls"></u-search>
|
||||
<view class="serchbtn img_cls" @tap="searchSubmit">搜索</view>
|
||||
<!-- <u--image @tap="searchSubmit" class="img_cls" :showLoading="true"
|
||||
<view class="serchbtn img_cls" @tap="searchSubmit">搜索</view>
|
||||
<!-- <u--image @tap="searchSubmit" class="img_cls" :showLoading="true"
|
||||
src="/static/images/GXSC/SSBT.png" width="115.65rpx" height="56.82rpx"></u--image> -->
|
||||
</view>
|
||||
|
||||
@ -539,6 +538,7 @@
|
||||
},
|
||||
selfLocation() {
|
||||
let self = this
|
||||
if (uni.getStorageSync('RejectTarget')) return
|
||||
uni.getLocation({
|
||||
type: 'gcj02',
|
||||
success: (res) => {
|
||||
@ -717,6 +717,7 @@
|
||||
color: #fff;
|
||||
background: linear-gradient(to right, #F84221, #FF6D20);
|
||||
}
|
||||
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
||||
@ -8,9 +8,10 @@
|
||||
|
||||
<view class="head_tit">
|
||||
<view class="" style="display: flex;align-items: center;">
|
||||
<!-- <u--image :showLoading="true" src="/static/images/LHYC/PFH.png" width="50.82rpx"
|
||||
<!-- <u--image :showLoading="true" src="/static/images/LHYC/PFH.png" width="50.82rpx"
|
||||
height="50.82rpx" @click='backjJump'></u--image> -->
|
||||
<i class="iconfont icon-xiangzuo" style="font-size: 40rpx;text-align: left;" @click='backjJump'></i>
|
||||
<i class="iconfont icon-xiangzuo" style="font-size: 40rpx;text-align: left;"
|
||||
@click='backjJump'></i>
|
||||
<view class=""
|
||||
style="font-size: 36.8rpx;font-weight: 700;transform: skewX(-10deg);margin-left: 20rpx;color: #F84221;">
|
||||
供销综合云市场
|
||||
@ -574,7 +575,7 @@
|
||||
area_code: code
|
||||
}).then(res => {
|
||||
this.$refs.uPicker.setColumnValues(1, res.data);
|
||||
|
||||
|
||||
});
|
||||
},
|
||||
|
||||
@ -769,6 +770,7 @@
|
||||
},
|
||||
selfLocation() {
|
||||
let self = this
|
||||
if (uni.getStorageSync('RejectTarget')) return
|
||||
uni.getLocation({
|
||||
type: 'gcj02',
|
||||
success: (res) => {
|
||||
|
||||
@ -11,8 +11,7 @@
|
||||
<view class="back" @click='backjJump()' style="margin-right: 17rpx;">
|
||||
<!-- <u--image :showLoading="true" src="/static/images/LHYC/PFH.png" width="50.82rpx"
|
||||
height="50.82rpx"></u--image> -->
|
||||
<i class="iconfont icon-xiangzuo" style="font-size: 40rpx;text-align: left;"
|
||||
></i>
|
||||
<i class="iconfont icon-xiangzuo" style="font-size: 40rpx;text-align: left;"></i>
|
||||
</view>
|
||||
<view style="font-size: 40rpx;">
|
||||
<!-- {{titName}} -->
|
||||
@ -29,8 +28,8 @@
|
||||
:value='sotreParam.keyword' @confirm="searchSubmit"></input> -->
|
||||
<u-search borderColor="#FF6D20" bgColor="white" :showAction="false" placeholder="搜索店铺名称"
|
||||
v-model="sotreParam.keyword" class="serch_cls"></u-search>
|
||||
<view class="serchbtn img_cls" @tap="searchSubmit">搜索</view>
|
||||
<!-- <u--image @tap="searchSubmit" class="img_cls" :showLoading="true"
|
||||
<view class="serchbtn img_cls" @tap="searchSubmit">搜索</view>
|
||||
<!-- <u--image @tap="searchSubmit" class="img_cls" :showLoading="true"
|
||||
src="/static/images/GXSC/SSBT.png" width="115.65rpx" height="56.82rpx"></u--image> -->
|
||||
</view>
|
||||
|
||||
@ -536,6 +535,7 @@
|
||||
},
|
||||
selfLocation() {
|
||||
let self = this
|
||||
if (uni.getStorageSync('RejectTarget')) return
|
||||
uni.getLocation({
|
||||
type: 'gcj02',
|
||||
success: (res) => {
|
||||
@ -705,7 +705,8 @@
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.serchbtn {
|
||||
|
||||
.serchbtn {
|
||||
// position: absolute;
|
||||
// right: 5rpx;
|
||||
// top: 5rpx;
|
||||
@ -718,6 +719,7 @@
|
||||
color: #fff;
|
||||
background: linear-gradient(to right, #F84221, #FF6D20);
|
||||
}
|
||||
|
||||
.com_name {
|
||||
font-size: 32rpx;
|
||||
// background-color: red;
|
||||
|
||||
@ -2,7 +2,9 @@
|
||||
<div>
|
||||
<div class="storeBox" ref="container">
|
||||
<div class="storeBox-box" v-for="(item, index) in storeList" :key="index" @click.stop="checked(item)">
|
||||
<div class="store-img"><image :src="item.image" lazy-load="true" /></div>
|
||||
<div class="store-img">
|
||||
<image :src="item.image" lazy-load="true" />
|
||||
</div>
|
||||
<div class="store-cent-left">
|
||||
<div class="store-name">{{ item.name }}</div>
|
||||
<div class="store-address line1">
|
||||
@ -11,7 +13,8 @@
|
||||
</div>
|
||||
<div class="row-right">
|
||||
<div>
|
||||
<a class="store-phone" :href="'tel:' + item.phone"><span class="iconfont icon-dadianhua01"></span></a>
|
||||
<a class="store-phone" :href="'tel:' + item.phone"><span
|
||||
class="iconfont icon-dadianhua01"></span></a>
|
||||
</div>
|
||||
<div class="store-distance" @click.stop="showMaoLocation(item)">
|
||||
<span class="addressTxt" v-if="item.range">距离{{ item.range }}千米</span>
|
||||
@ -23,8 +26,8 @@
|
||||
<Loading :loaded="loaded" :loading="loading"></Loading>
|
||||
</div>
|
||||
<div>
|
||||
<iframe v-if="locationShow && !isWeixin" ref="geoPage" width="0" height="0" frameborder="0" style="display:none;"
|
||||
scrolling="no" :src="
|
||||
<iframe v-if="locationShow && !isWeixin" ref="geoPage" width="0" height="0" frameborder="0"
|
||||
style="display:none;" scrolling="no" :src="
|
||||
'https://apis.map.qq.com/tools/geolocation?key=' +
|
||||
mapKey +
|
||||
'&referer=myapp'
|
||||
@ -158,6 +161,7 @@
|
||||
// );
|
||||
// // this.$refs.geoPage.contentWindow.postMessage("getLocation", "*");
|
||||
// }
|
||||
if (uni.getStorageSync('RejectTarget')) return
|
||||
uni.getLocation({
|
||||
type: 'wgs84',
|
||||
success: function(res) {
|
||||
@ -167,7 +171,7 @@
|
||||
} catch {}
|
||||
self.getList();
|
||||
},
|
||||
complete:function() {
|
||||
complete: function() {
|
||||
self.getList();
|
||||
}
|
||||
});
|
||||
@ -182,10 +186,10 @@
|
||||
this.$wechat.seeLocation({
|
||||
latitude: Number(e.latitude),
|
||||
longitude: Number(e.longitude)
|
||||
}).then(res=>{
|
||||
}).then(res => {
|
||||
// console.log('success');
|
||||
})
|
||||
}else{
|
||||
} else {
|
||||
//#endif
|
||||
uni.openLocation({
|
||||
latitude: parseFloat(e.latitude),
|
||||
@ -194,7 +198,7 @@
|
||||
// console.log(res)
|
||||
},
|
||||
});
|
||||
// #ifdef H5
|
||||
// #ifdef H5
|
||||
}
|
||||
//#endif
|
||||
},
|
||||
@ -323,4 +327,4 @@
|
||||
align-items: flex-end;
|
||||
width: 33.5%;
|
||||
}
|
||||
</style>
|
||||
</style>
|
||||
@ -163,7 +163,7 @@
|
||||
},
|
||||
OnChangevAddress(address) {
|
||||
this.villageInfo = address;
|
||||
console.log(this.villageInfo)
|
||||
console.log(this.villageInfo)
|
||||
},
|
||||
// 地址数据
|
||||
getCityList: function() {
|
||||
@ -204,7 +204,9 @@
|
||||
if (!this.address_id) return false;
|
||||
let that = this;
|
||||
getAddressDetail(this.address_id).then(res => {
|
||||
let region = [res.data.province, res.data.city, res.data.district, res.data.street, res.data.village];
|
||||
let region = [res.data.province, res.data.city, res.data.district, res.data.street, res
|
||||
.data.village
|
||||
];
|
||||
that.$set(that, 'userAddress', res.data);
|
||||
that.$set(that, 'region', region);
|
||||
that.city_id = res.data.city_id
|
||||
@ -280,6 +282,7 @@
|
||||
title: '定位中',
|
||||
mask: true,
|
||||
});
|
||||
if (uni.getStorageSync('RejectTarget')) return
|
||||
uni.getLocation({
|
||||
type: 'gcj02',
|
||||
success: (res) => {
|
||||
@ -356,8 +359,8 @@
|
||||
value.address_id = that.address_id;
|
||||
value.is_default = that.userAddress.is_default ? 1 : 0;
|
||||
value.area = that.addressInfo;
|
||||
value.brigade=that.villageInfo[0]
|
||||
|
||||
value.brigade = that.villageInfo[0]
|
||||
|
||||
uni.showLoading({
|
||||
title: '保存中',
|
||||
mask: true
|
||||
|
||||
123
utils/util.js
123
utils/util.js
@ -182,7 +182,7 @@ export default {
|
||||
arr.push(text.slice(str, text.length));
|
||||
return [strLength, arr, rows] // [处理文字的总字节长度，每行显示内容的数组，行数]
|
||||
},
|
||||
/**
|
||||
/**
|
||||
* 获取分享海报
|
||||
* @param array arr2 海报素材
|
||||
* @param string store_name 素材文字
|
||||
@ -199,7 +199,7 @@ export default {
|
||||
* 只能获取合法域名下的图片信息,本地调试无法获取
|
||||
*
|
||||
*/
|
||||
uni.getImageInfo({
|
||||
uni.getImageInfo({
|
||||
src: arr2[0],
|
||||
success: function(res) {
|
||||
// console.log(res, 'getImageInfo')
|
||||
@ -217,7 +217,8 @@ export default {
|
||||
ctx.drawImage(arr2[2], cx, cy, d, d);
|
||||
ctx.restore();
|
||||
const CONTENT_ROW_LENGTH = 40;
|
||||
let [contentLeng, contentArray, contentRows] = that.textByteLength(store_name, CONTENT_ROW_LENGTH);
|
||||
let [contentLeng, contentArray, contentRows] = that.textByteLength(store_name,
|
||||
CONTENT_ROW_LENGTH);
|
||||
if (contentRows > 2) {
|
||||
contentRows = 2;
|
||||
let textArray = contentArray.slice(0, 2);
|
||||
@ -277,36 +278,38 @@ export default {
|
||||
* 只能获取合法域名下的图片信息,本地调试无法获取
|
||||
*
|
||||
*/
|
||||
uni.getImageInfo({
|
||||
uni.getImageInfo({
|
||||
src: arr2[0],
|
||||
success: function(res) {
|
||||
// console.log(res, 'getImageInfo')
|
||||
const WIDTH = res.width;
|
||||
const HEIGHT = res.height;
|
||||
ctx.drawImage(arr2[0], 0, 0, WIDTH, HEIGHT+50);
|
||||
ctx.drawImage(arr2[0], 0, 0, WIDTH, HEIGHT + 50);
|
||||
ctx.save();
|
||||
let r = 90;
|
||||
let d = r * 2;
|
||||
let cx = 555;
|
||||
let cy = 910;
|
||||
let ux = 50;
|
||||
let uy = 50;
|
||||
let uy = 50;
|
||||
ctx.arc(cx + r, cy + r, r, 0, 2 * Math.PI);
|
||||
ctx.drawImage(arr2[3], 30, 30, 50, 50);
|
||||
ctx.save();
|
||||
ctx.drawImage(arr2[2], cx, cy-30, d-30, d-30);
|
||||
ctx.drawImage(arr2[2], cx, cy - 30, d - 30, d - 30);
|
||||
ctx.restore();
|
||||
ctx.setTextAlign('left');
|
||||
ctx.setFontSize(24);
|
||||
ctx.setFillStyle('#282828');
|
||||
ctx.fillText(site_name, r, 62);
|
||||
const CONTENT_ROW_LENGTH = 26;
|
||||
let [contentLeng, contentArray, contentRows] = that.textByteLength(store_name, CONTENT_ROW_LENGTH);
|
||||
let [contentLeng, contentArray, contentRows] = that.textByteLength(store_name,
|
||||
CONTENT_ROW_LENGTH);
|
||||
if (contentRows > 2) {
|
||||
contentRows = 2;
|
||||
let textArray = contentArray.slice(0, 2);
|
||||
textArray[textArray.length - 1] = textArray[textArray.length - 1].slice(0,textArray[textArray.length - 1].length-1)
|
||||
textArray[textArray.length - 1] += '…';
|
||||
textArray[textArray.length - 1] = textArray[textArray.length - 1].slice(0,
|
||||
textArray[textArray.length - 1].length - 1)
|
||||
textArray[textArray.length - 1] += '…';
|
||||
contentArray = textArray;
|
||||
}
|
||||
ctx.setFontSize(32);
|
||||
@ -320,18 +323,18 @@ export default {
|
||||
ctx.setFontSize(26);
|
||||
ctx.setFillStyle('#999999');
|
||||
ctx.beginPath();
|
||||
const textWidth = ctx.measureText(ot_price+'￥').width + 16; //检查字体的宽度
|
||||
const textWidth = ctx.measureText(ot_price + '￥').width + 16; //检查字体的宽度
|
||||
//绘制数字中间的矩形
|
||||
ctx.setFillStyle('#999999');
|
||||
ctx.rect(35, 1062,textWidth-10, 1);
|
||||
ctx.rect(35, 1062, textWidth - 10, 1);
|
||||
ctx.fill();
|
||||
ctx.closePath();
|
||||
ctx.fillText('￥' + ot_price, 35, 1030 + contentHh);
|
||||
ctx.clip();
|
||||
ctx.restore();
|
||||
that.handleBorderRect(ctx, 30, 108, WIDTH-60, WIDTH-20, 12);
|
||||
that.handleBorderRect(ctx, 30, 108, WIDTH - 60, WIDTH - 20, 12);
|
||||
ctx.clip();
|
||||
ctx.drawImage(arr2[1], 30, 108, WIDTH-60, WIDTH-20);
|
||||
ctx.drawImage(arr2[1], 30, 108, WIDTH - 60, WIDTH - 20);
|
||||
ctx.draw(true, function() {
|
||||
uni.canvasToTempFilePath({
|
||||
canvasId: 'myCanvas',
|
||||
@ -375,7 +378,7 @@ export default {
|
||||
* 只能获取合法域名下的图片信息,本地调试无法获取
|
||||
*
|
||||
*/
|
||||
uni.getImageInfo({
|
||||
uni.getImageInfo({
|
||||
src: arr2[0],
|
||||
success: function(res) {
|
||||
const WIDTH = res.width;
|
||||
@ -387,25 +390,26 @@ export default {
|
||||
let ux = 50;
|
||||
let uy = 700;
|
||||
ctx.drawImage(arr2[0], 0, 0, WIDTH, HEIGHT);
|
||||
ctx.drawImage(arr2[1], 32, 32, WIDTH-64, WIDTH-64);
|
||||
ctx.drawImage(arr2[1], 32, 32, WIDTH - 64, WIDTH - 64);
|
||||
ctx.strokeStyle = "#ffffff";
|
||||
ctx.save();
|
||||
ctx.arc(cx + r, cy + r, r, 0, 2 * Math.PI);
|
||||
ctx.drawImage(arr2[2], 530, 760, d, d);
|
||||
that.handleBorderRect(ctx, ux, uy, r, r, 45);
|
||||
ctx.clip();
|
||||
ctx.stockStyle ="#ffffff";
|
||||
ctx.stockStyle = "#ffffff";
|
||||
ctx.drawImage(arr2[3], ux, uy, r, r);
|
||||
ctx.restore();
|
||||
ctx.setTextAlign('left')
|
||||
ctx.setFontSize(28);
|
||||
ctx.setFillStyle('#282828');
|
||||
ctx.fillText(nickname, r+60, 760);
|
||||
ctx.fillText(nickname, r + 60, 760);
|
||||
ctx.setTextAlign('left')
|
||||
ctx.setFontSize(28);
|
||||
ctx.setFillStyle('#282828');
|
||||
const CONTENT_ROW_LENGTH = 25;
|
||||
let [contentLeng, contentArray, contentRows] = that.textByteLength(content, CONTENT_ROW_LENGTH);
|
||||
let [contentLeng, contentArray, contentRows] = that.textByteLength(content,
|
||||
CONTENT_ROW_LENGTH);
|
||||
if (contentRows > 2) {
|
||||
contentRows = 2;
|
||||
let textArray = contentArray.slice(0, 2);
|
||||
@ -413,11 +417,11 @@ export default {
|
||||
contentArray = textArray;
|
||||
}
|
||||
ctx.setTextAlign('left');
|
||||
ctx.font = 'bold 32px Arial';
|
||||
ctx.font = 'bold 32px Arial';
|
||||
let contentHh = 32 * 1.3;
|
||||
for (let m = 0; m < contentArray.length; m++) {
|
||||
ctx.fillText(contentArray[m], 55, 850 + contentHh * m);
|
||||
}
|
||||
}
|
||||
ctx.draw(true, function() {
|
||||
uni.canvasToTempFilePath({
|
||||
canvasId: 'myCanvas',
|
||||
@ -445,36 +449,36 @@ export default {
|
||||
})
|
||||
},
|
||||
/**
|
||||
* 图片圆角设置
|
||||
* @param string x x轴位置
|
||||
* @param string y y轴位置
|
||||
* @param string w 图片宽
|
||||
* @param string y 图片高
|
||||
* @param string r 圆角值
|
||||
*/
|
||||
handleBorderRect(ctx, x, y, w, h, r) {
|
||||
ctx.beginPath();
|
||||
// 左上角
|
||||
ctx.arc(x + r, y + r, r, Math.PI, 1.5 * Math.PI);
|
||||
ctx.moveTo(x + r, y);
|
||||
ctx.lineTo(x + w - r, y);
|
||||
ctx.lineTo(x + w, y + r);
|
||||
// 右上角
|
||||
ctx.arc(x + w - r, y + r, r, 1.5 * Math.PI, 2 * Math.PI);
|
||||
ctx.lineTo(x + w, y + h - r);
|
||||
ctx.lineTo(x + w - r, y + h);
|
||||
// 右下角
|
||||
ctx.arc(x + w - r, y + h - r, r, 0, 0.5 * Math.PI);
|
||||
ctx.lineTo(x + r, y + h);
|
||||
ctx.lineTo(x, y + h - r);
|
||||
// 左下角
|
||||
ctx.arc(x + r, y + h - r, r, 0.5 * Math.PI, Math.PI);
|
||||
ctx.lineTo(x, y + r);
|
||||
ctx.lineTo(x + r, y);
|
||||
|
||||
ctx.fill();
|
||||
ctx.closePath();
|
||||
},
|
||||
* 图片圆角设置
|
||||
* @param string x x轴位置
|
||||
* @param string y y轴位置
|
||||
* @param string w 图片宽
|
||||
* @param string y 图片高
|
||||
* @param string r 圆角值
|
||||
*/
|
||||
handleBorderRect(ctx, x, y, w, h, r) {
|
||||
ctx.beginPath();
|
||||
// 左上角
|
||||
ctx.arc(x + r, y + r, r, Math.PI, 1.5 * Math.PI);
|
||||
ctx.moveTo(x + r, y);
|
||||
ctx.lineTo(x + w - r, y);
|
||||
ctx.lineTo(x + w, y + r);
|
||||
// 右上角
|
||||
ctx.arc(x + w - r, y + r, r, 1.5 * Math.PI, 2 * Math.PI);
|
||||
ctx.lineTo(x + w, y + h - r);
|
||||
ctx.lineTo(x + w - r, y + h);
|
||||
// 右下角
|
||||
ctx.arc(x + w - r, y + h - r, r, 0, 0.5 * Math.PI);
|
||||
ctx.lineTo(x + r, y + h);
|
||||
ctx.lineTo(x, y + h - r);
|
||||
// 左下角
|
||||
ctx.arc(x + r, y + h - r, r, 0.5 * Math.PI, Math.PI);
|
||||
ctx.lineTo(x, y + r);
|
||||
ctx.lineTo(x + r, y);
|
||||
|
||||
ctx.fill();
|
||||
ctx.closePath();
|
||||
},
|
||||
/**
|
||||
* 用户信息分享海报
|
||||
* @param array arr2 海报素材 1背景 0二维码
|
||||
@ -525,7 +529,7 @@ export default {
|
||||
}
|
||||
ctx.fillText(sitename, w * markx, h * marky);
|
||||
ctx.save();
|
||||
ctx.draw(false,setTimeout(()=>{
|
||||
ctx.draw(false, setTimeout(() => {
|
||||
uni.canvasToTempFilePath({
|
||||
canvasId: 'myCanvas' + index,
|
||||
fileType: 'png',
|
||||
@ -537,10 +541,10 @@ export default {
|
||||
fail: function(err) {
|
||||
// console.log(err)
|
||||
uni.hideLoading();
|
||||
|
||||
|
||||
}
|
||||
})
|
||||
},1000))
|
||||
}, 1000))
|
||||
},
|
||||
fail: function(err) {
|
||||
|
||||
@ -621,7 +625,7 @@ export default {
|
||||
}
|
||||
})
|
||||
},
|
||||
/**
|
||||
/**
|
||||
* 小程序头像获取上传
|
||||
* @param uploadUrl 上传接口地址
|
||||
* @param filePath 上传文件路径
|
||||
@ -630,7 +634,7 @@ export default {
|
||||
*/
|
||||
uploadImgs(uploadUrl, filePath, successCallback, errorCallback) {
|
||||
let that = this;
|
||||
let inputName = 'pics';
|
||||
let inputName = 'pics';
|
||||
uni.uploadFile({
|
||||
url: HTTP_REQUEST_URL + '/api/' + uploadUrl + '/' + inputName,
|
||||
filePath: filePath,
|
||||
@ -685,8 +689,8 @@ export default {
|
||||
},
|
||||
getNowUrl: function() {
|
||||
const pages = getCurrentPages(),
|
||||
page = pages[pages.length - 1],
|
||||
query = this.serialize(page.options || {});
|
||||
page = pages[pages.length - 1],
|
||||
query = this.serialize(page.options || {});
|
||||
return page.route + (query ? '?' + query : '');
|
||||
},
|
||||
/**
|
||||
@ -836,6 +840,7 @@ export default {
|
||||
this.doGetLocation();
|
||||
},
|
||||
doGetLocation() {
|
||||
if (uni.getStorageSync('RejectTarget')) return
|
||||
uni.getLocation({
|
||||
success: (res) => {
|
||||
uni.removeStorageSync('CACHE_LONGITUDE');
|
||||
@ -920,4 +925,4 @@ export default {
|
||||
return status;
|
||||
},
|
||||
}
|
||||
}
|
||||
}
|
||||
Loading…
x
Reference in New Issue
Block a user