界面更改
12
App.vue
|
@ -148,7 +148,7 @@
|
||||||
that.getConfigData()
|
that.getConfigData()
|
||||||
|
|
||||||
//#ifdef APP-PLUS
|
//#ifdef APP-PLUS
|
||||||
|
|
||||||
|
|
||||||
jpushModule.setLoggerEnable(true);
|
jpushModule.setLoggerEnable(true);
|
||||||
jpushModule.initJPushService()
|
jpushModule.initJPushService()
|
||||||
|
@ -209,7 +209,11 @@
|
||||||
//#endif
|
//#endif
|
||||||
|
|
||||||
|
|
||||||
|
// if (info.referrerInfo?.extraData?.uniMP) {
|
||||||
|
// uni.setStorageSync('uniMP', info.referrerInfo?.extraData?.uniMP);
|
||||||
|
// uni.setStorageSync('APP_token', info.referrerInfo?.extraData?.token);
|
||||||
|
|
||||||
|
// }
|
||||||
|
|
||||||
|
|
||||||
},
|
},
|
||||||
|
@ -247,7 +251,7 @@
|
||||||
},
|
},
|
||||||
|
|
||||||
methods: {
|
methods: {
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
@ -391,7 +395,7 @@
|
||||||
font-size: 24rpx;
|
font-size: 24rpx;
|
||||||
|
|
||||||
&_icon {
|
&_icon {
|
||||||
background-image: url('static/tabbar_icon/d.png');
|
// background-image: url('static/tabbar_icon/d.png');
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
font-size: 80rpx;
|
font-size: 80rpx;
|
||||||
|
|
16
api/api.js
|
@ -290,4 +290,18 @@ export function village(data) {
|
||||||
*/
|
*/
|
||||||
export function brigade(data) {
|
export function brigade(data) {
|
||||||
return request.get('v2/system/brigade', data, { noAuth: true });
|
return request.get('v2/system/brigade', data, { noAuth: true });
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
生产 -- 获取商户保证金信息支付接口
|
||||||
|
*/
|
||||||
|
export function paymerchant() {
|
||||||
|
return request.post(`user/margin`,{});
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
生产 -- 获取商户保证金信息接口
|
||||||
|
*/
|
||||||
|
export function merchant(data) {
|
||||||
|
return request.get(`store/merchant/margin`, data);
|
||||||
|
}
|
||||||
|
|
|
@ -303,8 +303,8 @@ export function getDeliveryType(merId) {
|
||||||
/*
|
/*
|
||||||
商品 -- 获取交易协议内容
|
商品 -- 获取交易协议内容
|
||||||
*/
|
*/
|
||||||
export function business() {
|
export function business(data) {
|
||||||
return request.get(`business/agree?type=business_apply_agree`, {}, {
|
return request.get(`business/agree`, data, {
|
||||||
noAuth: true
|
noAuth: true
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
@ -319,5 +319,5 @@ export function intention(data) {
|
||||||
商品 -- 同意提交申请
|
商品 -- 同意提交申请
|
||||||
*/
|
*/
|
||||||
export function intentionbus(data) {
|
export function intentionbus(data) {
|
||||||
return request.post(`intention/business`, {});
|
return request.post(`intention/business`, data);
|
||||||
}
|
}
|
|
@ -577,6 +577,6 @@ export function vicinityStoreApi(data) {
|
||||||
/*
|
/*
|
||||||
商家入驻 -- 获取商户入驻申请协议内容
|
商家入驻 -- 获取商户入驻申请协议内容
|
||||||
*/
|
*/
|
||||||
export function agreeiness() {
|
export function agreeiness(data) {
|
||||||
return request.get(`business/agree?type=sys_intention_agree`, {}, { noAuth: true });
|
return request.get(`business/agree`, data, { noAuth: true });
|
||||||
}
|
}
|
|
@ -1,55 +1,82 @@
|
||||||
<template>
|
<template>
|
||||||
<view v-if="type == 0" class="wf-item-page wf-page0" :style="viewColor">
|
<view v-if="type == 0" class="wf-item-page wf-page0" :style="viewColor">
|
||||||
<view class='pictrue'>
|
<view class='pictrue'>
|
||||||
<easy-loadimage mode="widthFix" :image-src="item.image"></easy-loadimage>
|
<easy-loadimage mode="widthFix" :image-src="item.image"></easy-loadimage>
|
||||||
<view v-if="item.stock == 0" class="sell_out">已售罄</view>
|
<view v-if="item.stock == 0" class="sell_out">已售罄</view>
|
||||||
<view v-if="item.border_pic" :style="{ backgroundImage: `url(${item.border_pic})` }" class="border-picture"></view>
|
<view v-if="item.border_pic" :style="{ backgroundImage: `url(${item.border_pic})` }" class="border-picture">
|
||||||
</view>
|
|
||||||
<view class="text">
|
|
||||||
<view class='name line2'>{{item.store_name}}</view>
|
|
||||||
<view class="acea-row row-middle">
|
|
||||||
<view class='money'>¥<text class='num'>{{item.price}}</text></view>
|
|
||||||
</view>
|
</view>
|
||||||
<view v-if="item.show_svip_info && item.show_svip_info.show_svip_price && item.svip_price" class="acea-row row-middle svip">
|
</view>
|
||||||
|
|
||||||
|
<view class="text">
|
||||||
|
<view class='name line2'>{{item.store_name}}</view>
|
||||||
|
<view class="acea-row row-middle">
|
||||||
|
<view class='money'>¥<text class='num'>{{item.price}}</text></view>
|
||||||
|
</view>
|
||||||
|
<view v-if="item.show_svip_info && item.show_svip_info.show_svip_price && item.svip_price"
|
||||||
|
class="acea-row row-middle svip">
|
||||||
<text class='vip-money'>¥{{item.svip_price}}</text>
|
<text class='vip-money'>¥{{item.svip_price}}</text>
|
||||||
<view class="vipImg">
|
<view class="vipImg">
|
||||||
<image src="/static/images/svip.png"></image>
|
<image src="/static/images/svip.png"></image>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<view class="item_tags">
|
<view class="item_tags">
|
||||||
<text v-if="item.product_type == 0 && item.merchant.type_name" class="font-bg-red b-color">{{item.merchant.type_name}}</text>
|
|
||||||
<text v-else-if="item.product_type == 0 && item.merchant.is_trader" class="font-bg-red b-color">自营</text>
|
<text v-if="item.product_type == 0 && item.merchant.type_name"
|
||||||
<text v-if="item.product_type != 0" :class="'font_bg-red type'+item.product_type">{{item.product_type == 1 ? "秒杀" : item.product_type == 2 ? "预售" : item.product_type == 3 ? "助力" : item.product_type == 4 ? "拼团" : ""}}</text>
|
class="font-bg-red b-color">{{item.merchant.type_name}}</text>
|
||||||
|
<text v-else-if="item.product_type == 0 && item.merchant.is_trader"
|
||||||
|
class="font-bg-red b-color">自营</text>
|
||||||
|
<text v-if="item.product_type != 0"
|
||||||
|
:class="'font_bg-red type'+item.product_type">{{item.product_type == 1 ? "秒杀" : item.product_type == 2 ? "预售" : item.product_type == 3 ? "助力" : item.product_type == 4 ? "拼团" : ""}}</text>
|
||||||
<text class="tags_item ticket" v-if="item.issetCoupon">领券</text>
|
<text class="tags_item ticket" v-if="item.issetCoupon">领券</text>
|
||||||
<text class="tags_item delivery" v-if="item.delivery_free == 1">包邮</text>
|
<text class="tags_item delivery" v-if="item.delivery_free == 1">包邮</text>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view v-else-if="type == 1" class="wf-page1" :style="viewColor">
|
<view v-else-if="type == 1" class="wf-page1" :style="viewColor">
|
||||||
|
|
||||||
<view class='pictrue'>
|
<view class='pictrue'>
|
||||||
<easy-loadimage mode="widthFix" :image-src="item.image"></easy-loadimage>
|
<easy-loadimage mode="widthFix" :image-src="item.image"></easy-loadimage>
|
||||||
<view v-if="item.stock == 0" class="sell_out">已售罄</view>
|
<view v-if="item.stock == 0" class="sell_out">已售罄</view>
|
||||||
<view v-if="item.border_pic" :style="{ backgroundImage: `url(${item.border_pic})` }" class="border-picture"></view>
|
<view v-if="item.border_pic" :style="{ backgroundImage: `url(${item.border_pic})` }" class="border-picture">
|
||||||
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class='text'>
|
<view class='text'>
|
||||||
<view class='name line2'>{{item.store_name}}</view>
|
<view class='name line2'>{{item.store_name}}</view>
|
||||||
<view class='money'>
|
<view class="score"><span
|
||||||
¥<text class='num'>{{item.price}}</text>
|
style="font-size: 23rpx;font-family: PingFang SC-Semibold, PingFang SC;font-weight: 600;color: #F84221;margin-right: 28rpx;">{{item.rate}}</span>
|
||||||
|
{{item.reply_count}}条评论</view>
|
||||||
|
<view class="" style="display: flex;justify-content: space-between;">
|
||||||
|
<view class='money'>
|
||||||
|
<span style="font-size:30rpx;">¥</span>
|
||||||
|
<text class='num'><span style="font-size: 35rpx;">{{item.price.split('.')[0]}}.</span><span
|
||||||
|
style="font-size: 20rpx;">{{item.price.split('.')[1]}}</span></text>
|
||||||
|
</view>
|
||||||
|
<view class="items-img">
|
||||||
|
<image src="@/static/images/LHYC/J.png" mode="aspectFit"></image>
|
||||||
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view v-if="item.show_svip_info.show_svip && item.show_svip_info.show_svip_price" class="acea-row row-middle svip">
|
<view v-if="item.show_svip_info.show_svip && item.show_svip_info.show_svip_price"
|
||||||
|
class="acea-row row-middle svip">
|
||||||
<text class='vip-money'>¥{{item.svip_price}}</text>
|
<text class='vip-money'>¥{{item.svip_price}}</text>
|
||||||
|
|
||||||
<view class="vipImg">
|
<view class="vipImg">
|
||||||
<image src="/static/images/svip.png"></image>
|
<image src="/static/images/svip.png"></image>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<view class="item_tags acea-row">
|
<view class="item_tags acea-row">
|
||||||
<text v-if="item.merchant.type_name && item.product_type == 0" class="font-bg-red b-color">{{item.merchant.type_name}}</text>
|
|
||||||
<text v-else-if="item.merchant.is_trader && item.product_type == 0" class="font-bg-red b-color">自营</text>
|
<text v-if="item.merchant.type_name && item.product_type == 0"
|
||||||
<text v-if="item.product_type != 0" :class="'font_bg-red type'+item.product_type">{{item.product_type == 1 ? "秒杀" : item.product_type == 2 ? "预售" : item.product_type == 3 ? "助力" : item.product_type == 4 ? "拼团" : ""}}</text>
|
class="font-bg-red b-color">{{item.merchant.type_name}}</text>
|
||||||
|
<text v-else-if="item.merchant.is_trader && item.product_type == 0"
|
||||||
|
class="font-bg-red b-color">自营</text>
|
||||||
|
<text v-if="item.product_type != 0"
|
||||||
|
:class="'font_bg-red type'+item.product_type">{{item.product_type == 1 ? "秒杀" : item.product_type == 2 ? "预售" : item.product_type == 3 ? "助力" : item.product_type == 4 ? "拼团" : ""}}</text>
|
||||||
<text class="tags_item ticket" v-if="item.issetCoupon">领券</text>
|
<text class="tags_item ticket" v-if="item.issetCoupon">领券</text>
|
||||||
<text class="tags_item delivery" v-if="item.delivery_free == 1">包邮</text>
|
<text class="tags_item delivery" v-if="item.delivery_free == 1">包邮</text>
|
||||||
</view>
|
</view>
|
||||||
<view class="score">{{item.rate}}评分 {{item.reply_count}}条评论</view>
|
|
||||||
<view class="company" v-if="item.merchant" @click.stop="goShop(item.merchant.mer_id)">
|
<view class="company" v-if="item.merchant" @click.stop="goShop(item.merchant.mer_id)">
|
||||||
<text class="line1">{{item.merchant.mer_name}}</text>
|
<text class="line1">{{item.merchant.mer_name}}</text>
|
||||||
<view class="flex" v-if="isStore != '1'">
|
<view class="flex" v-if="isStore != '1'">
|
||||||
|
@ -65,283 +92,334 @@
|
||||||
最高赚 ¥{{item.max_extension}}
|
最高赚 ¥{{item.max_extension}}
|
||||||
</view>
|
</view>
|
||||||
</block>
|
</block>
|
||||||
</view>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import easyLoadimage from '@/components/easy-loadimage/easy-loadimage.vue'
|
import easyLoadimage from '@/components/easy-loadimage/easy-loadimage.vue'
|
||||||
import {mapGetters} from "vuex";
|
import {
|
||||||
export default {
|
mapGetters
|
||||||
components:{easyLoadimage},
|
} from "vuex";
|
||||||
computed: mapGetters(['viewColor']),
|
export default {
|
||||||
props: {
|
components: {
|
||||||
|
easyLoadimage
|
||||||
|
},
|
||||||
|
computed: mapGetters(['viewColor']),
|
||||||
|
props: {
|
||||||
item: {
|
item: {
|
||||||
type: Object,
|
type: Object,
|
||||||
require: true
|
require: true
|
||||||
},
|
},
|
||||||
type: {
|
type: {
|
||||||
type: Number|String,
|
type: Number | String,
|
||||||
default: 0
|
default: 0
|
||||||
|
},
|
||||||
|
isStore: {
|
||||||
|
type: [String, Number],
|
||||||
|
default: '1'
|
||||||
|
},
|
||||||
|
isLogin: {
|
||||||
|
type: Boolean,
|
||||||
|
require: false
|
||||||
|
}
|
||||||
},
|
},
|
||||||
isStore: {
|
data() {
|
||||||
type: [String, Number],
|
return {}
|
||||||
default: '1'
|
|
||||||
},
|
},
|
||||||
isLogin: {
|
methods: {
|
||||||
type: Boolean,
|
goShop(id) {
|
||||||
require: false
|
this.$emit('goShop', id);
|
||||||
|
},
|
||||||
|
authOpen() {
|
||||||
|
this.$emit('authOpen');
|
||||||
|
},
|
||||||
|
followToggle(item) {
|
||||||
|
this.$emit('followToggle', item);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
},
|
}
|
||||||
data(){
|
|
||||||
return {
|
|
||||||
}
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
goShop(id) {
|
|
||||||
this.$emit('goShop', id);
|
|
||||||
},
|
|
||||||
authOpen(){
|
|
||||||
this.$emit('authOpen');
|
|
||||||
},
|
|
||||||
followToggle(item){
|
|
||||||
this.$emit('followToggle', item);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
</script>
|
</script>
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.wf-item-page {
|
.items-img {
|
||||||
background: #fff;
|
width: 44rpx;
|
||||||
overflow: hidden;
|
height: 44rpx;
|
||||||
border-radius: 16rpx;
|
|
||||||
padding-bottom: 20rpx;
|
image {
|
||||||
}
|
width: 100%;
|
||||||
.wf-page0 .coupon{
|
height: 100%;
|
||||||
background:rgba(255,248,247,1);
|
}
|
||||||
border:1px solid rgba(233,51,35,1);
|
}
|
||||||
border-radius:4rpx;
|
|
||||||
font-size:20rpx;
|
.wf-item-page {
|
||||||
margin-left: 18rpx;
|
background: #fff;
|
||||||
padding: 1rpx 4rpx;
|
overflow: hidden;
|
||||||
}
|
border-radius: 16rpx;
|
||||||
.wf-page0 .pictrue{
|
padding-bottom: 20rpx;
|
||||||
width: 100%!important;
|
}
|
||||||
height: 345rpx;
|
|
||||||
position: relative;
|
.wf-page0 .coupon {
|
||||||
/deep/image,/deep/.easy-loadimage,uni-image{
|
background: rgba(255, 248, 247, 1);
|
||||||
|
border: 1px solid rgba(233, 51, 35, 1);
|
||||||
|
border-radius: 4rpx;
|
||||||
|
font-size: 20rpx;
|
||||||
|
margin-left: 18rpx;
|
||||||
|
padding: 1rpx 4rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.wf-page0 .pictrue {
|
||||||
|
width: 100% !important;
|
||||||
height: 345rpx;
|
height: 345rpx;
|
||||||
border-radius: 16rpx 16rpx 0 0;
|
position: relative;
|
||||||
|
|
||||||
|
/deep/image,
|
||||||
|
/deep/.easy-loadimage,
|
||||||
|
uni-image {
|
||||||
|
height: 345rpx;
|
||||||
|
border-radius: 16rpx 16rpx 0 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.border-picture {
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
border-radius: 16rpx 16rpx 0 0;
|
||||||
|
background: center/cover no-repeat;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
.border-picture {
|
|
||||||
position: absolute;
|
.loadfail-img {
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 360rpx;
|
||||||
border-radius: 16rpx 16rpx 0 0;
|
|
||||||
background: center/cover no-repeat;
|
|
||||||
}
|
}
|
||||||
}
|
|
||||||
.loadfail-img{
|
.svip {
|
||||||
width: 100%;
|
margin: 5rpx 0 15rpx;
|
||||||
height: 360rpx;
|
|
||||||
}
|
|
||||||
.svip{
|
|
||||||
margin: 5rpx 0 15rpx;
|
|
||||||
}
|
|
||||||
.vip-money {
|
|
||||||
color: #282828;
|
|
||||||
font-size: 22rpx;
|
|
||||||
margin-left: 6rpx;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
.vipImg {
|
|
||||||
width: 65rpx;
|
|
||||||
height: 28rpx;
|
|
||||||
margin-left: 4rpx;
|
|
||||||
image {
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
display: block;
|
|
||||||
}
|
}
|
||||||
}
|
|
||||||
.wf-page0 .name {
|
.vip-money {
|
||||||
color: #282828;
|
color: #282828;
|
||||||
margin: 20rpx 0 10rpx 0;
|
font-size: 22rpx;
|
||||||
font-size: 13px;
|
margin-left: 6rpx;
|
||||||
overflow:hidden;
|
font-weight: bold;
|
||||||
text-overflow: ellipsis;
|
}
|
||||||
display: -webkit-box;
|
|
||||||
-webkit-line-clamp: 2;
|
.vipImg {
|
||||||
-webkit-box-orient: vertical;
|
width: 65rpx;
|
||||||
text-align: left;
|
height: 28rpx;
|
||||||
}
|
margin-left: 4rpx;
|
||||||
.wf-page0 .text{
|
|
||||||
padding: 0 20rpx;
|
image {
|
||||||
}
|
width: 100%;
|
||||||
.wf-page0 .money {
|
height: 100%;
|
||||||
font-size: 20rpx;
|
display: block;
|
||||||
font-weight: bold;
|
}
|
||||||
color: var(--view-priceColor);
|
}
|
||||||
}
|
|
||||||
.b-color {
|
.wf-page0 .name {
|
||||||
background-color: var(--view-theme);
|
color: #282828;
|
||||||
border: 1px solid var(--view-theme);
|
margin: 20rpx 0 10rpx 0;
|
||||||
}
|
|
||||||
.wf-page0 .money .num {
|
|
||||||
font-size: 34rpx;
|
|
||||||
}
|
|
||||||
.wf-page1 .wf-item{
|
|
||||||
.name{
|
|
||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
overflow:hidden;
|
overflow: hidden;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
display: -webkit-box;
|
display: -webkit-box;
|
||||||
-webkit-line-clamp: 2;
|
-webkit-line-clamp: 2;
|
||||||
-webkit-box-orient: vertical;
|
-webkit-box-orient: vertical;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
}
|
}
|
||||||
}
|
|
||||||
.wf-page1 .pictrue {
|
.wf-page0 .text {
|
||||||
position: relative;
|
padding: 0 20rpx;
|
||||||
height: 345rpx;
|
|
||||||
width: 100%!important;
|
|
||||||
/deep/image,/deep/.easy-loadimage,uni-image{
|
|
||||||
height: 345rpx;
|
|
||||||
border-radius: 20rpx 20rpx 0 0;
|
|
||||||
}
|
}
|
||||||
.border-picture {
|
|
||||||
position: absolute;
|
.wf-page0 .money {
|
||||||
top: 0;
|
font-size: 20rpx;
|
||||||
left: 0;
|
color: var(--view-priceColor);
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
border-radius: 20rpx 20rpx 0 0;
|
|
||||||
background: center/cover no-repeat;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
.b-color {
|
||||||
.sell_out {
|
background-color: var(--view-theme);
|
||||||
display: flex;
|
border: 1px solid var(--view-theme);
|
||||||
width: 150rpx;
|
|
||||||
height: 150rpx;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
border-radius: 100%;
|
|
||||||
background: rgba(0,0,0,.6);
|
|
||||||
color: #fff;
|
|
||||||
font-size: 30rpx;
|
|
||||||
position: absolute;
|
|
||||||
top: 50%;
|
|
||||||
left: 50%;
|
|
||||||
margin: -75rpx 0 0 -75rpx;
|
|
||||||
&::before{
|
|
||||||
content: "";
|
|
||||||
display: block;
|
|
||||||
width: 140rpx;
|
|
||||||
height: 140rpx;
|
|
||||||
border-radius: 100%;
|
|
||||||
border: 1px dashed #fff;
|
|
||||||
position: absolute;
|
|
||||||
top: 5rpx;
|
|
||||||
left: 5rpx;
|
|
||||||
}
|
}
|
||||||
}
|
|
||||||
.loading-img{
|
.wf-page0 .money .num {
|
||||||
height: 345rpx;
|
font-size: 34rpx;
|
||||||
max-height: 360rpx;
|
|
||||||
}
|
|
||||||
.wf-page1 .text {
|
|
||||||
padding: 20rpx 17rpx 26rpx 17rpx;
|
|
||||||
font-size: 30rpx;
|
|
||||||
color: #222;
|
|
||||||
}
|
|
||||||
.wf-page1 .text .money {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
font-size: 26rpx;
|
|
||||||
font-weight: bold;
|
|
||||||
margin-top: 8rpx;
|
|
||||||
color: var(--view-priceColor);
|
|
||||||
}
|
|
||||||
.wf-page1 .text .money .num {
|
|
||||||
font-size: 34rpx;
|
|
||||||
}
|
|
||||||
.item_tags{
|
|
||||||
margin-top: 8rpx;
|
|
||||||
display: flex;
|
|
||||||
}
|
|
||||||
.item_tags .tags_item {
|
|
||||||
display: flex;
|
|
||||||
font-size: 20rpx;
|
|
||||||
text-align: center;
|
|
||||||
border-radius: 5rpx;
|
|
||||||
padding: 0 4rpx;
|
|
||||||
height: 28rpx;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
margin-right: 8rpx;
|
|
||||||
}
|
|
||||||
.item_tags .tags_item.ticket{
|
|
||||||
color: var(--view-theme);
|
|
||||||
border: 1px solid var(--view-theme);
|
|
||||||
}
|
|
||||||
.item_tags .tags_item.delivery{
|
|
||||||
color: #FF9000;
|
|
||||||
border: 1px solid #FF9000;
|
|
||||||
}
|
|
||||||
.wf-page1 .text .money .ticket-big {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
max-width: 163rpx;
|
|
||||||
padding: 0 6rpx;
|
|
||||||
height: 28rpx;
|
|
||||||
margin-left: 10rpx;
|
|
||||||
background-image: url(~static/images/yh.png);
|
|
||||||
background-size: 100% 100%;
|
|
||||||
font-size: 20rpx;
|
|
||||||
font-weight: normal;
|
|
||||||
}
|
|
||||||
.wf-page1 .text .score {
|
|
||||||
margin-top: 10rpx;
|
|
||||||
color: #737373;
|
|
||||||
font-size: 20rpx;
|
|
||||||
}
|
|
||||||
.wf-page1 .text .company {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
color: #737373;
|
|
||||||
font-size: 20rpx;
|
|
||||||
margin-top: 10rpx;
|
|
||||||
.line1{
|
|
||||||
max-width: 200rpx;
|
|
||||||
}
|
}
|
||||||
.flex {
|
|
||||||
display: flex;
|
.wf-page1 .wf-item {
|
||||||
align-items: center;
|
.name {
|
||||||
margin-left: 10rpx;
|
font-size: 13px;
|
||||||
color: #282828;
|
overflow: hidden;
|
||||||
.iconfont {
|
text-overflow: ellipsis;
|
||||||
font-size: 16rpx;
|
display: -webkit-box;
|
||||||
margin-top: 4rpx;
|
-webkit-line-clamp: 2;
|
||||||
|
-webkit-box-orient: vertical;
|
||||||
|
text-align: left;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
|
||||||
.foot-bar {
|
.wf-page1 .pictrue {
|
||||||
width: 100%;
|
position: relative;
|
||||||
height: 52rpx;
|
height: 345rpx;
|
||||||
display: flex;
|
width: 100% !important;
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
/deep/image,
|
||||||
background-image: linear-gradient(-90deg, var(--view-bntColor21) 0%, var(--view-bntColor22) 100%);
|
/deep/.easy-loadimage,
|
||||||
border-radius: 0px 0px 16rpx 16rpx;
|
uni-image {
|
||||||
color: #fff;
|
height: 345rpx;
|
||||||
font-size: 24rpx;
|
border-radius: 20rpx 20rpx 0 0;
|
||||||
.icon-fenxiang {
|
}
|
||||||
font-size: 24rpx;
|
|
||||||
margin-right: 10rpx;
|
.border-picture {
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
border-radius: 20rpx 20rpx 0 0;
|
||||||
|
background: center/cover no-repeat;
|
||||||
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
|
||||||
</style>
|
.sell_out {
|
||||||
|
display: flex;
|
||||||
|
width: 150rpx;
|
||||||
|
height: 150rpx;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
border-radius: 100%;
|
||||||
|
background: rgba(0, 0, 0, .6);
|
||||||
|
color: #fff;
|
||||||
|
font-size: 30rpx;
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
left: 50%;
|
||||||
|
margin: -75rpx 0 0 -75rpx;
|
||||||
|
|
||||||
|
&::before {
|
||||||
|
content: "";
|
||||||
|
display: block;
|
||||||
|
width: 140rpx;
|
||||||
|
height: 140rpx;
|
||||||
|
border-radius: 100%;
|
||||||
|
border: 1px dashed #fff;
|
||||||
|
position: absolute;
|
||||||
|
top: 5rpx;
|
||||||
|
left: 5rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.loading-img {
|
||||||
|
height: 345rpx;
|
||||||
|
max-height: 360rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.wf-page1 .text {
|
||||||
|
padding: 20rpx 17rpx 26rpx 17rpx;
|
||||||
|
font-size: 30rpx;
|
||||||
|
color: #222;
|
||||||
|
}
|
||||||
|
|
||||||
|
.wf-page1 .text .money {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
font-size: 26rpx;
|
||||||
|
font-weight: bold;
|
||||||
|
margin-top: 8rpx;
|
||||||
|
color: var(--view-priceColor);
|
||||||
|
}
|
||||||
|
|
||||||
|
.wf-page1 .text .money .num {
|
||||||
|
font-size: 34rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.item_tags {
|
||||||
|
margin-top: 8rpx;
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
.item_tags .tags_item {
|
||||||
|
display: flex;
|
||||||
|
font-size: 20rpx;
|
||||||
|
text-align: center;
|
||||||
|
border-radius: 5rpx;
|
||||||
|
padding: 0 4rpx;
|
||||||
|
height: 28rpx;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
margin-right: 8rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.item_tags .tags_item.ticket {
|
||||||
|
color: var(--view-theme);
|
||||||
|
border: 1px solid var(--view-theme);
|
||||||
|
}
|
||||||
|
|
||||||
|
.item_tags .tags_item.delivery {
|
||||||
|
color: #FF9000;
|
||||||
|
border: 1px solid #FF9000;
|
||||||
|
}
|
||||||
|
|
||||||
|
.wf-page1 .text .money .ticket-big {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
max-width: 163rpx;
|
||||||
|
padding: 0 6rpx;
|
||||||
|
height: 28rpx;
|
||||||
|
margin-left: 10rpx;
|
||||||
|
background-image: url(~static/images/yh.png);
|
||||||
|
background-size: 100% 100%;
|
||||||
|
font-size: 20rpx;
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
.wf-page1 .text .score {
|
||||||
|
margin-top: 10rpx;
|
||||||
|
color: #B3B3B3;
|
||||||
|
font-size: 20rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.wf-page1 .text .company {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
color: #737373;
|
||||||
|
font-size: 20rpx;
|
||||||
|
margin-top: 10rpx;
|
||||||
|
|
||||||
|
.line1 {
|
||||||
|
max-width: 200rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.flex {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
margin-left: 10rpx;
|
||||||
|
color: #282828;
|
||||||
|
|
||||||
|
.iconfont {
|
||||||
|
font-size: 16rpx;
|
||||||
|
margin-top: 4rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.foot-bar {
|
||||||
|
width: 100%;
|
||||||
|
height: 52rpx;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
background-image: linear-gradient(-90deg, var(--view-bntColor21) 0%, var(--view-bntColor22) 100%);
|
||||||
|
border-radius: 0px 0px 16rpx 16rpx;
|
||||||
|
color: #fff;
|
||||||
|
font-size: 24rpx;
|
||||||
|
|
||||||
|
.icon-fenxiang {
|
||||||
|
font-size: 24rpx;
|
||||||
|
margin-right: 10rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
302
pages.json
|
@ -28,15 +28,15 @@
|
||||||
// },
|
// },
|
||||||
// // #endif
|
// // #endif
|
||||||
//pages数组中第一项表示应用启动页,参考:https://uniapp.dcloud.io/collocation/pages
|
//pages数组中第一项表示应用启动页,参考:https://uniapp.dcloud.io/collocation/pages
|
||||||
{
|
// {
|
||||||
"path": "pages/moreProject/moreProject",
|
// "path": "pages/moreProject/moreProject",
|
||||||
"style": {
|
// "style": {
|
||||||
"navigationBarTitleText": "更多功能",
|
// "navigationBarTitleText": "更多功能",
|
||||||
"enablePullDownRefresh": false
|
// "enablePullDownRefresh": false
|
||||||
}
|
// }
|
||||||
|
|
||||||
},
|
// },
|
||||||
|
|
||||||
{
|
{
|
||||||
"path": "pages/index/index",
|
"path": "pages/index/index",
|
||||||
"style": {
|
"style": {
|
||||||
|
@ -52,20 +52,40 @@
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"path": "pages/gather/gather",
|
"path": "pages/chat/customer_list/index",
|
||||||
"style": {
|
"style": {
|
||||||
"navigationBarTitleText": "工作台",
|
"navigationBarTitleText": "消息",
|
||||||
"navigationStyle": "custom",
|
"navigationStyle": "custom",
|
||||||
"enablePullDownRefresh": true
|
"enablePullDownRefresh": true,
|
||||||
|
// #ifdef APP-PLUS
|
||||||
|
"enablePullDownRefresh": true,
|
||||||
|
// #endif
|
||||||
|
"app-plus": {
|
||||||
|
"scrollIndicator": false //禁用原生导航栏
|
||||||
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"path": "pages/plant_release/index",
|
"path": "pages/product/list/index",
|
||||||
"style": {
|
"style": {
|
||||||
"navigationBarTitleText": "常用",
|
"navigationBarTitleText": "商品管理",
|
||||||
"navigationStyle": "custom",
|
"navigationStyle": "custom",
|
||||||
|
"enablePullDownRefresh": true,
|
||||||
|
// #ifdef APP-PLUS
|
||||||
|
"enablePullDownRefresh": true,
|
||||||
|
// #endif
|
||||||
|
"app-plus": {
|
||||||
|
"scrollIndicator": false //禁用原生导航栏
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "pages/moreProject/moreProject",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "更多功能",
|
||||||
"enablePullDownRefresh": false
|
"enablePullDownRefresh": false
|
||||||
}
|
}
|
||||||
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"path": "pages/order_addcart/order_addcart",
|
"path": "pages/order_addcart/order_addcart",
|
||||||
|
@ -74,90 +94,120 @@
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"path": "pages/plant_grass/index",
|
"path": "pages/product/list/index",
|
||||||
"style": {
|
"style": {
|
||||||
// "navigationStyle": "custom",
|
"navigationBarTitleText": "商品管理",
|
||||||
"navigationBarTitleText": "种草社区"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"path": "pages/user/index",
|
|
||||||
"style": {
|
|
||||||
"navigationBarTitleText": "个人中心",
|
|
||||||
"navigationStyle": "custom"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"path": "pages/news_list/index",
|
|
||||||
"style": {
|
|
||||||
"navigationBarTitleText": "资讯"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"path": "pages/news_details/index",
|
|
||||||
"style": {
|
|
||||||
"navigationBarTitleText": "资讯详情"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"path": "pages/auth/index",
|
|
||||||
"style": {
|
|
||||||
"navigationBarTitleText": "加载中"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"path": "pages/order_pay_status/index",
|
|
||||||
"style": {
|
|
||||||
"navigationBarTitleText": "支付状态"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"path": "pages/error/index",
|
|
||||||
"style": {
|
|
||||||
"navigationBarTitleText": "网站已关闭"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"path": "pages/order_pay_back/index",
|
|
||||||
"style": {
|
|
||||||
"navigationBarTitleText": "支付提示"
|
|
||||||
}
|
|
||||||
}, {
|
|
||||||
"path": "pages/supply_chains/supply_chains",
|
|
||||||
"style": {
|
|
||||||
"navigationBarTitleText": "供应",
|
|
||||||
"enablePullDownRefresh": true,
|
|
||||||
"navigationStyle": "custom"
|
|
||||||
}
|
|
||||||
|
|
||||||
}, {
|
|
||||||
"path": "pages/moreProject/moreProject",
|
|
||||||
"style": {
|
|
||||||
"navigationBarTitleText": "更多功能",
|
|
||||||
"enablePullDownRefresh": false
|
|
||||||
}
|
|
||||||
|
|
||||||
}, {
|
|
||||||
"path": "uni_modules/guyue-updater/pages/updater",
|
|
||||||
"style": {
|
|
||||||
"app-plus": {
|
|
||||||
"animationDuration": 200,
|
|
||||||
"animationType": "fade-in",
|
|
||||||
"background": "transparent",
|
|
||||||
"backgroundColorTop": "transparent",
|
|
||||||
"bounce": "none",
|
|
||||||
"popGesture": "none",
|
|
||||||
"scrollIndicator": false,
|
|
||||||
"titleNView": false
|
|
||||||
},
|
|
||||||
"backgroundColor": "transparent",
|
|
||||||
"disableScroll": true,
|
|
||||||
"navigationStyle": "custom"
|
"navigationStyle": "custom"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// {
|
||||||
|
// "path": "pages/gather/gather",
|
||||||
|
// "style": {
|
||||||
|
// "navigationBarTitleText": "工作台",
|
||||||
|
// "navigationStyle": "custom",
|
||||||
|
// "enablePullDownRefresh": true
|
||||||
|
// }
|
||||||
|
// },
|
||||||
|
// {
|
||||||
|
// "path": "pages/plant_release/index",
|
||||||
|
// "style": {
|
||||||
|
// "navigationBarTitleText": "常用",
|
||||||
|
// "navigationStyle": "custom",
|
||||||
|
// "enablePullDownRefresh": false
|
||||||
|
// }
|
||||||
|
// },
|
||||||
|
// {
|
||||||
|
// "path": "pages/order_addcart/order_addcart",
|
||||||
|
// "style": {
|
||||||
|
// "navigationBarTitleText": "购物车"
|
||||||
|
// }
|
||||||
|
// },
|
||||||
|
// {
|
||||||
|
// "path": "pages/plant_grass/index",
|
||||||
|
// "style": {
|
||||||
|
// // "navigationStyle": "custom",
|
||||||
|
// "navigationBarTitleText": "种草社区"
|
||||||
|
// }
|
||||||
|
// },
|
||||||
|
// {
|
||||||
|
// "path": "pages/user/index",
|
||||||
|
// "style": {
|
||||||
|
// "navigationBarTitleText": "个人中心",
|
||||||
|
// "navigationStyle": "custom"
|
||||||
|
// }
|
||||||
|
// },
|
||||||
|
// {
|
||||||
|
// "path": "pages/news_list/index",
|
||||||
|
// "style": {
|
||||||
|
// "navigationBarTitleText": "资讯"
|
||||||
|
// }
|
||||||
|
// },
|
||||||
|
// {
|
||||||
|
// "path": "pages/news_details/index",
|
||||||
|
// "style": {
|
||||||
|
// "navigationBarTitleText": "资讯详情"
|
||||||
|
// }
|
||||||
|
// },
|
||||||
|
// {
|
||||||
|
// "path": "pages/auth/index",
|
||||||
|
// "style": {
|
||||||
|
// "navigationBarTitleText": "加载中"
|
||||||
|
// }
|
||||||
|
// },
|
||||||
|
// {
|
||||||
|
// "path": "pages/order_pay_status/index",
|
||||||
|
// "style": {
|
||||||
|
// "navigationBarTitleText": "支付状态"
|
||||||
|
// }
|
||||||
|
// },
|
||||||
|
// {
|
||||||
|
// "path": "pages/error/index",
|
||||||
|
// "style": {
|
||||||
|
// "navigationBarTitleText": "网站已关闭"
|
||||||
|
// }
|
||||||
|
// },
|
||||||
|
// {
|
||||||
|
// "path": "pages/order_pay_back/index",
|
||||||
|
// "style": {
|
||||||
|
// "navigationBarTitleText": "支付提示"
|
||||||
|
// }
|
||||||
|
// }, {
|
||||||
|
// "path": "pages/supply_chains/supply_chains",
|
||||||
|
// "style": {
|
||||||
|
// "navigationBarTitleText": "供应",
|
||||||
|
// "enablePullDownRefresh": true,
|
||||||
|
// "navigationStyle": "custom"
|
||||||
|
// }
|
||||||
|
|
||||||
|
// }, {
|
||||||
|
// "path": "pages/moreProject/moreProject",
|
||||||
|
// "style": {
|
||||||
|
// "navigationBarTitleText": "更多功能",
|
||||||
|
// "enablePullDownRefresh": false
|
||||||
|
// }
|
||||||
|
|
||||||
|
// }, {
|
||||||
|
// "path": "uni_modules/guyue-updater/pages/updater",
|
||||||
|
// "style": {
|
||||||
|
// "app-plus": {
|
||||||
|
// "animationDuration": 200,
|
||||||
|
// "animationType": "fade-in",
|
||||||
|
// "background": "transparent",
|
||||||
|
// "backgroundColorTop": "transparent",
|
||||||
|
// "bounce": "none",
|
||||||
|
// "popGesture": "none",
|
||||||
|
// "scrollIndicator": false,
|
||||||
|
// "titleNView": false
|
||||||
|
// },
|
||||||
|
// "backgroundColor": "transparent",
|
||||||
|
// "disableScroll": true,
|
||||||
|
// "navigationStyle": "custom"
|
||||||
|
// }
|
||||||
|
|
||||||
|
// }
|
||||||
],
|
],
|
||||||
"subPackages": [
|
"subPackages": [{
|
||||||
{
|
|
||||||
"root": "pages/goods_cate",
|
"root": "pages/goods_cate",
|
||||||
"name": "goods_cate",
|
"name": "goods_cate",
|
||||||
"pages": [{
|
"pages": [{
|
||||||
|
@ -949,26 +999,14 @@
|
||||||
|
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
|
|
||||||
{
|
{
|
||||||
"root": "pages/store",
|
"root": "pages/store",
|
||||||
"name": "store",
|
"name": "store",
|
||||||
"pages": [{
|
"pages": [{
|
||||||
"path": "index",
|
|
||||||
"style": {
|
|
||||||
"navigationStyle": "custom",
|
|
||||||
"enablePullDownRefresh": true,
|
|
||||||
"navigationBarTitleText": "店铺diy首页"
|
|
||||||
// #ifdef MP
|
|
||||||
,
|
|
||||||
"navigationBarTextStyle": "#FFFFFF"
|
|
||||||
// #endif
|
|
||||||
}
|
|
||||||
}, {
|
|
||||||
"path": "home/index",
|
"path": "home/index",
|
||||||
"style": {
|
"style": {
|
||||||
"navigationStyle": "custom",
|
"navigationStyle": "custom",
|
||||||
"navigationBarTitleText": "店铺首页"
|
"navigationBarTitleText": "我的店铺"
|
||||||
// #ifdef MP
|
// #ifdef MP
|
||||||
,
|
,
|
||||||
"navigationBarTextStyle": "#FFFFFF"
|
"navigationBarTextStyle": "#FFFFFF"
|
||||||
|
@ -1132,19 +1170,7 @@
|
||||||
"navigationBarTitleText": "商品管理",
|
"navigationBarTitleText": "商品管理",
|
||||||
"enablePullDownRefresh": true
|
"enablePullDownRefresh": true
|
||||||
}
|
}
|
||||||
},{
|
},
|
||||||
"path": "transactionApplication/index",
|
|
||||||
"style": {
|
|
||||||
"navigationBarTitleText": "交易申请",
|
|
||||||
"enablePullDownRefresh": false
|
|
||||||
}
|
|
||||||
},{
|
|
||||||
"path": "transactionApplication/application",
|
|
||||||
"style": {
|
|
||||||
"navigationBarTitleText": "申请记录",
|
|
||||||
"enablePullDownRefresh": false
|
|
||||||
}
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
"path": "goodsOnSale/index",
|
"path": "goodsOnSale/index",
|
||||||
"style": {
|
"style": {
|
||||||
|
@ -1627,40 +1653,36 @@
|
||||||
"selectedColor": "#E93323",
|
"selectedColor": "#E93323",
|
||||||
"borderStyle": "white",
|
"borderStyle": "white",
|
||||||
"backgroundColor": "#ffffff",
|
"backgroundColor": "#ffffff",
|
||||||
|
|
||||||
"list": [{
|
"list": [{
|
||||||
"pagePath": "pages/index/index",
|
"pagePath": "pages/index/index",
|
||||||
"iconPath": "static/tabbar_icon/a.png",
|
"iconPath": "static/tabbar_icon/a.png",
|
||||||
"selectedIconPath": "static/tabbar_icon/a-a.png",
|
"selectedIconPath": "static/tabbar_icon/a-a.png",
|
||||||
"text": "泸州"
|
"text": "首页"
|
||||||
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"pagePath": "pages/gather/gather",
|
"pagePath": "pages/chat/customer_list/index",
|
||||||
"iconPath": "static/tabbar_icon/b.png",
|
"iconPath": "static/tabbar_icon/b.png",
|
||||||
"selectedIconPath": "static/tabbar_icon/b-a.png",
|
"selectedIconPath": "static/tabbar_icon/b-a.png",
|
||||||
"text": "生产"
|
"text": "消息"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"pagePath": "pages/plant_release/index",
|
"pagePath": "pages/product/list/index",
|
||||||
"iconPath": "static/tabbar_icon/c.png",
|
"iconPath": "static/tabbar_icon/c.png",
|
||||||
"selectedIconPath": "static/tabbar_icon/c-a.png",
|
"selectedIconPath": "static/tabbar_icon/c-a.png",
|
||||||
"text": "发布"
|
"text": "商品"
|
||||||
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"pagePath": "pages/supply_chains/supply_chains",
|
|
||||||
|
|
||||||
"iconPath": "static/tabbar_icon/d.png",
|
|
||||||
"selectedIconPath": "static/tabbar_icon/d-a.png",
|
|
||||||
"text": "供销"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"pagePath": "pages/user/index",
|
|
||||||
"iconPath": "static/tabbar_icon/e.png",
|
|
||||||
"selectedIconPath": "static/tabbar_icon/e-a.png",
|
|
||||||
"text": "我的"
|
|
||||||
}
|
}
|
||||||
|
// {
|
||||||
|
// "pagePath": "pages/supply_chains/supply_chains",
|
||||||
|
// "iconPath": "static/tabbar_icon/d.png",
|
||||||
|
// "selectedIconPath": "static/tabbar_icon/d-a.png",
|
||||||
|
// "text": "供销"
|
||||||
|
// },
|
||||||
|
// {
|
||||||
|
// "pagePath": "pages/user/index",
|
||||||
|
// "iconPath": "static/tabbar_icon/e.png",
|
||||||
|
// "selectedIconPath": "static/tabbar_icon/e-a.png",
|
||||||
|
// "text": "我的"
|
||||||
|
// }
|
||||||
]
|
]
|
||||||
|
|
||||||
|
|
||||||
|
|
|
@ -62,6 +62,9 @@
|
||||||
serviceList,
|
serviceList,
|
||||||
serviceUserList
|
serviceUserList
|
||||||
} from "@/api/user";
|
} from "@/api/user";
|
||||||
|
import {
|
||||||
|
getUserInfo
|
||||||
|
} from '@/api/user.js';
|
||||||
import { mapGetters } from "vuex";
|
import { mapGetters } from "vuex";
|
||||||
export default {
|
export default {
|
||||||
name: "CustomerList",
|
name: "CustomerList",
|
||||||
|
@ -88,13 +91,9 @@
|
||||||
computed: mapGetters(['isLogin','viewColor']),
|
computed: mapGetters(['isLogin','viewColor']),
|
||||||
onLoad(optios) {
|
onLoad(optios) {
|
||||||
this.type = optios.type;
|
this.type = optios.type;
|
||||||
this.mer_id = optios.mer_id;
|
|
||||||
if(this.isLogin){
|
|
||||||
this.getList(this.mer_id)
|
this.getindex()
|
||||||
} else {
|
|
||||||
this.isAuto = true;
|
|
||||||
this.isShowAuth = true
|
|
||||||
}
|
|
||||||
},
|
},
|
||||||
onShow(option) {
|
onShow(option) {
|
||||||
if(this.isLogin){
|
if(this.isLogin){
|
||||||
|
@ -119,6 +118,21 @@
|
||||||
this.clear = true;
|
this.clear = true;
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
//获取商户信息
|
||||||
|
getindex(){
|
||||||
|
getUserInfo().then(res => {
|
||||||
|
|
||||||
|
this.mer_id = res.data.service.mer_id;
|
||||||
|
if(this.isLogin){
|
||||||
|
this.getList(this.mer_id)
|
||||||
|
} else {
|
||||||
|
this.isAuto = true;
|
||||||
|
this.isShowAuth = true
|
||||||
|
}
|
||||||
|
// this.getList(this.mer_id)
|
||||||
|
// this.getList(res.data.service.mer_id, true);
|
||||||
|
});
|
||||||
|
},
|
||||||
onLoadFun() {
|
onLoadFun() {
|
||||||
this.isShowAuth = false;
|
this.isShowAuth = false;
|
||||||
this.getList(this.mer_id);
|
this.getList(this.mer_id);
|
||||||
|
@ -217,7 +231,7 @@
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
<style lang="scss">
|
<style lang="scss" scoped>
|
||||||
.CustomerList {
|
.CustomerList {
|
||||||
.spin {
|
.spin {
|
||||||
display: block;
|
display: block;
|
||||||
|
|
|
@ -1,347 +0,0 @@
|
||||||
<template>
|
|
||||||
<view>
|
|
||||||
<view class="swiper-css zqui-rel" :style="{ height: hpx }">
|
|
||||||
<swiper class="swiper" :style="{ height: hpx }" :indicator-dots="indicatorDots" :autoplay="autoplay"
|
|
||||||
disable-touch='true' :interval="interval" :duration="duration" @change="guideAction">
|
|
||||||
<swiper-item v-for="(item, index) in imageList" :key="index" catchtouchmove="stopChange">
|
|
||||||
<image class="image-size" mode="widthFix" :src="item.src" />
|
|
||||||
</swiper-item>
|
|
||||||
</swiper>
|
|
||||||
|
|
||||||
<!-- 按钮样式切换 -->
|
|
||||||
<template v-if="cur != 2">
|
|
||||||
<view class=" flex-column dots">
|
|
||||||
<block v-for="(item,index) in imageList" :key="index">
|
|
||||||
<view class="dot" :class="{'active': index == cur}"></view>
|
|
||||||
</block>
|
|
||||||
</view>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<!-- 第三张图使用按钮《立即进入》 -->
|
|
||||||
<template v-if="cur == 1">
|
|
||||||
<button class="flex-column cu-btn footer" @click="launchApp">立即体验</button>
|
|
||||||
</template>
|
|
||||||
<!-- 右上角跳过按钮 -->
|
|
||||||
<view class="btn-box" @click="launchApp"><text class="passbtn">{{num}}跳过</text></view>
|
|
||||||
</view>
|
|
||||||
|
|
||||||
|
|
||||||
</view>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
const animation = weex.requireModule('animation');
|
|
||||||
export default {
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
//修改图片,文字描述
|
|
||||||
imageList: [{
|
|
||||||
|
|
||||||
src: '/static/images/guide.png'
|
|
||||||
}
|
|
||||||
|
|
||||||
],
|
|
||||||
indicatorDots: false,
|
|
||||||
autoplay: false,
|
|
||||||
interval: 10000,
|
|
||||||
duration: 500,
|
|
||||||
iStatusBarHeight: '0px',
|
|
||||||
hpx: '100%',
|
|
||||||
cur: 0,
|
|
||||||
dotsStyles: '',
|
|
||||||
num: 3
|
|
||||||
};
|
|
||||||
},
|
|
||||||
onLoad() {
|
|
||||||
let that = this;
|
|
||||||
plus.navigator.closeSplashscreen();
|
|
||||||
uni.getSystemInfo({
|
|
||||||
success: function(res) {
|
|
||||||
that.hpx = res.windowHeight + 'px';
|
|
||||||
}
|
|
||||||
});
|
|
||||||
},
|
|
||||||
onReady() {
|
|
||||||
// this.move(0, 1);
|
|
||||||
},
|
|
||||||
mounted() {
|
|
||||||
|
|
||||||
this.countDown()
|
|
||||||
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
countDown() {
|
|
||||||
let {
|
|
||||||
num
|
|
||||||
} = this;
|
|
||||||
// if (num === 3) this.nums = true;
|
|
||||||
num = num > 0 ? num - 1 : "GO";
|
|
||||||
setTimeout(() => {
|
|
||||||
this.num = num;
|
|
||||||
if (num == 'GO') {
|
|
||||||
this.launchApp()
|
|
||||||
return
|
|
||||||
}
|
|
||||||
this.countDown();
|
|
||||||
}, 1000);
|
|
||||||
|
|
||||||
|
|
||||||
},
|
|
||||||
|
|
||||||
stopTouchMove: function() {
|
|
||||||
return false;
|
|
||||||
},
|
|
||||||
|
|
||||||
launchApp() {
|
|
||||||
|
|
||||||
//跳过引导页,储存本地值,下次进入直接跳过
|
|
||||||
uni.setStorage({
|
|
||||||
key: 'launchFlag',
|
|
||||||
data: true,
|
|
||||||
success() {
|
|
||||||
|
|
||||||
uni.switchTab({
|
|
||||||
url: '/pages/index/index'
|
|
||||||
})
|
|
||||||
}
|
|
||||||
});
|
|
||||||
},
|
|
||||||
guideAction(event) {
|
|
||||||
let that = this,
|
|
||||||
index = event.detail.current;
|
|
||||||
that.cur = index;
|
|
||||||
// if (index == 0) {
|
|
||||||
// that.move(0, 1);
|
|
||||||
// that.moveTwo(150, 0.1);
|
|
||||||
// that.moveThree(150, 0.1);
|
|
||||||
// that.lefMainAction(0);
|
|
||||||
// }
|
|
||||||
// if (index == 1) {
|
|
||||||
// that.moveTwo(0, 1);
|
|
||||||
// that.move(150, 0.1);
|
|
||||||
// that.moveThree(150, 0.1);
|
|
||||||
// that.lefMainAction(uni.upx2px(80) + 'px');
|
|
||||||
// }
|
|
||||||
// if (index == 2) {
|
|
||||||
// that.moveThree(0, 1);
|
|
||||||
// that.moveTwo(150, 0.1);
|
|
||||||
// that.move(150, 0.1);
|
|
||||||
// that.lefMainAction(uni.upx2px(160) + 'px');
|
|
||||||
// }
|
|
||||||
},
|
|
||||||
lefMainAction(mum) {
|
|
||||||
var testLM = this.$refs.lefMain;
|
|
||||||
animation.transition(
|
|
||||||
testLM, {
|
|
||||||
styles: {
|
|
||||||
transform: 'translate(' + mum + ',0px)'
|
|
||||||
},
|
|
||||||
duration: 400, //ms
|
|
||||||
timingFunction: 'ease',
|
|
||||||
delay: 0 //ms
|
|
||||||
},
|
|
||||||
function() {}
|
|
||||||
);
|
|
||||||
},
|
|
||||||
move(tran, opa) {
|
|
||||||
var testEl = this.$refs.box1;
|
|
||||||
animation.transition(
|
|
||||||
testEl, {
|
|
||||||
styles: {
|
|
||||||
transform: 'translate(' + tran + 'px,0px)',
|
|
||||||
transformOrigin: 'center center',
|
|
||||||
opacity: opa
|
|
||||||
},
|
|
||||||
duration: 800, //ms
|
|
||||||
timingFunction: 'ease',
|
|
||||||
delay: 0 //ms
|
|
||||||
},
|
|
||||||
function() {}
|
|
||||||
);
|
|
||||||
var textE2 = this.$refs.box2;
|
|
||||||
animation.transition(
|
|
||||||
textE2, {
|
|
||||||
styles: {
|
|
||||||
transform: 'translate(0px,' + tran + 'px) scale(' + opa + ')',
|
|
||||||
transformOrigin: 'center center',
|
|
||||||
opacity: opa
|
|
||||||
},
|
|
||||||
duration: 800, //ms
|
|
||||||
timingFunction: 'ease',
|
|
||||||
delay: 0 //ms
|
|
||||||
},
|
|
||||||
function() {}
|
|
||||||
);
|
|
||||||
},
|
|
||||||
moveTwo(tran, opa) {
|
|
||||||
var testEl = this.$refs.box3;
|
|
||||||
animation.transition(
|
|
||||||
testEl, {
|
|
||||||
styles: {
|
|
||||||
transform: 'translate(' + tran + 'px,0px)',
|
|
||||||
transformOrigin: 'center center',
|
|
||||||
opacity: opa
|
|
||||||
},
|
|
||||||
duration: 800, //ms
|
|
||||||
timingFunction: 'ease',
|
|
||||||
delay: 0 //ms
|
|
||||||
},
|
|
||||||
function() {}
|
|
||||||
);
|
|
||||||
var textE2 = this.$refs.box4;
|
|
||||||
animation.transition(
|
|
||||||
textE2, {
|
|
||||||
styles: {
|
|
||||||
transform: 'translate(0px,' + tran + 'px) scale(' + opa + ')',
|
|
||||||
transformOrigin: 'center center',
|
|
||||||
opacity: opa
|
|
||||||
},
|
|
||||||
duration: 800, //ms
|
|
||||||
timingFunction: 'ease',
|
|
||||||
delay: 0 //ms
|
|
||||||
},
|
|
||||||
function() {}
|
|
||||||
);
|
|
||||||
},
|
|
||||||
moveThree(tran, opa) {
|
|
||||||
var testEl = this.$refs.box5;
|
|
||||||
animation.transition(
|
|
||||||
testEl, {
|
|
||||||
styles: {
|
|
||||||
transform: 'translate(' + tran + 'px,0px)',
|
|
||||||
transformOrigin: 'center center',
|
|
||||||
opacity: opa
|
|
||||||
},
|
|
||||||
duration: 800, //ms
|
|
||||||
timingFunction: 'ease',
|
|
||||||
delay: 0 //ms
|
|
||||||
},
|
|
||||||
function() {}
|
|
||||||
);
|
|
||||||
var textE2 = this.$refs.box6;
|
|
||||||
animation.transition(
|
|
||||||
textE2, {
|
|
||||||
styles: {
|
|
||||||
transform: 'translate(0px,' + tran + 'px) scale(' + opa + ')',
|
|
||||||
transformOrigin: 'center center',
|
|
||||||
opacity: opa
|
|
||||||
},
|
|
||||||
duration: 800, //ms
|
|
||||||
timingFunction: 'ease',
|
|
||||||
delay: 0 //ms
|
|
||||||
},
|
|
||||||
function() {}
|
|
||||||
);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style lang="scss">
|
|
||||||
page {
|
|
||||||
|
|
||||||
min-height: 100%;
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.guide {
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.image-size {
|
|
||||||
width: 750rpx;
|
|
||||||
height: 100%;
|
|
||||||
border: 1px solid red;
|
|
||||||
}
|
|
||||||
|
|
||||||
.title-box {
|
|
||||||
padding: 250rpx 0 120rpx 64rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.guide-title {
|
|
||||||
font-size: 48rpx;
|
|
||||||
font-weight: bold;
|
|
||||||
color: rgba(58, 61, 68, 1);
|
|
||||||
}
|
|
||||||
|
|
||||||
.guide-subtitle {
|
|
||||||
margin-top: 20rpx;
|
|
||||||
font-size: 35rpx;
|
|
||||||
color: rgba(131, 136, 146, 1);
|
|
||||||
line-height: 50rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.footer {
|
|
||||||
width: 231rpx;
|
|
||||||
height: 80rpx;
|
|
||||||
text-align: center;
|
|
||||||
position: fixed;
|
|
||||||
bottom: 116rpx;
|
|
||||||
left: 37%;
|
|
||||||
font-size: 30rpx;
|
|
||||||
color: #FFFFFF;
|
|
||||||
background-color: #2B9939;
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-box {
|
|
||||||
position: absolute;
|
|
||||||
z-index: 999;
|
|
||||||
right: 40rpx;
|
|
||||||
top: 120rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.dots {
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
position: absolute;
|
|
||||||
z-index: 999;
|
|
||||||
height: 151rpx;
|
|
||||||
left: 0;
|
|
||||||
right: 0;
|
|
||||||
bottom: 20rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.passbtn {
|
|
||||||
color: #ffffff;
|
|
||||||
text-align: center;
|
|
||||||
border-width: 1rpx;
|
|
||||||
border-color: rgba(255, 255, 255, 0.5);
|
|
||||||
border-style: solid;
|
|
||||||
border-radius: 30rpx;
|
|
||||||
font-size: 28rpx;
|
|
||||||
padding-top: 10rpx;
|
|
||||||
padding-bottom: 10rpx;
|
|
||||||
padding-left: 25rpx;
|
|
||||||
padding-right: 25rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.dot {
|
|
||||||
margin: 0 4rpx;
|
|
||||||
width: 15rpx;
|
|
||||||
height: 15rpx;
|
|
||||||
background: #CDD2DD;
|
|
||||||
border-radius: 8rpx;
|
|
||||||
transition: all .6s;
|
|
||||||
}
|
|
||||||
|
|
||||||
.dot.active {
|
|
||||||
width: 40rpx;
|
|
||||||
background: #838892 !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* 相对定位 */
|
|
||||||
.zqui-rel {
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
.swiper-css {
|
|
||||||
width: 750rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.swiper-item {
|
|
||||||
width: 750rpx;
|
|
||||||
}
|
|
||||||
</style>
|
|
|
@ -1,34 +0,0 @@
|
||||||
<template>
|
|
||||||
<view class="content"></view>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
export default {
|
|
||||||
onLoad() {
|
|
||||||
this.checkGuide();
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
checkGuide() {
|
|
||||||
console.log("进入checkGuide判断页");
|
|
||||||
// 思路: 检测是否有启动缓存,如果没有,就是第一次启动,第一次启动就去 启动介绍页面
|
|
||||||
try {
|
|
||||||
var launchFlag = uni.getStorageSync('launchFlag');
|
|
||||||
// console.log("launchFlag:" + launchFlag);
|
|
||||||
if (launchFlag) { //判断本地缓存跳转首页
|
|
||||||
|
|
||||||
uni.switchTab({
|
|
||||||
url:'/pages/index/index'
|
|
||||||
})
|
|
||||||
} else { //没有缓存进入启动页引导页
|
|
||||||
console.log('去引导页');
|
|
||||||
uni.redirectTo({
|
|
||||||
url: '/pages/guide/guide'
|
|
||||||
});
|
|
||||||
}
|
|
||||||
} catch (e) {
|
|
||||||
console.log(e.message);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
</script>
|
|
|
@ -149,6 +149,10 @@
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
|
<view class="conter-img" v-if='productList.length == 0'>
|
||||||
|
<image src="@/static/images/noCart.png" mode="aspectFit"></image>
|
||||||
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<Loading :loaded="loaded" :loading="loading"></Loading>
|
<Loading :loaded="loaded" :loading="loading"></Loading>
|
||||||
</view>
|
</view>
|
||||||
|
@ -199,6 +203,9 @@
|
||||||
productRecommendApi,
|
productRecommendApi,
|
||||||
postImport
|
postImport
|
||||||
} from "@/api/product";
|
} from "@/api/product";
|
||||||
|
import {
|
||||||
|
getUserInfo
|
||||||
|
} from '@/api/user.js';
|
||||||
import Loading from '@/components/Loading/index.vue';
|
import Loading from '@/components/Loading/index.vue';
|
||||||
import {
|
import {
|
||||||
navigateTo,
|
navigateTo,
|
||||||
|
@ -248,9 +255,9 @@
|
||||||
ll: 0
|
ll: 0
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
onLoad(options) {
|
onLoad() {
|
||||||
this.mer_id = options.mer_id;
|
this.getindex()
|
||||||
this.getList(this.mer_id, true);
|
|
||||||
},
|
},
|
||||||
onPullDownRefresh() {
|
onPullDownRefresh() {
|
||||||
this.where.page = 1
|
this.where.page = 1
|
||||||
|
@ -269,6 +276,15 @@
|
||||||
},
|
},
|
||||||
|
|
||||||
methods: {
|
methods: {
|
||||||
|
|
||||||
|
//获取商户信息
|
||||||
|
getindex(){
|
||||||
|
getUserInfo().then(res => {
|
||||||
|
|
||||||
|
this.mer_id = res.data.service.mer_id;
|
||||||
|
this.getList(res.data.service.mer_id, true);
|
||||||
|
});
|
||||||
|
},
|
||||||
menuActiona(item, index) {
|
menuActiona(item, index) {
|
||||||
if (item.is_good) {
|
if (item.is_good) {
|
||||||
this.options = [{
|
this.options = [{
|
||||||
|
@ -697,6 +713,19 @@
|
||||||
swiper {
|
swiper {
|
||||||
height: 200rpx;
|
height: 200rpx;
|
||||||
}
|
}
|
||||||
|
.conter-img {
|
||||||
|
width: 650rpx;
|
||||||
|
height: 400rpx;
|
||||||
|
margin: 0 auto;
|
||||||
|
margin-top: 360rpx;
|
||||||
|
|
||||||
|
|
||||||
|
image {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
.header {
|
.header {
|
||||||
padding-top: 40rpx;
|
padding-top: 40rpx;
|
||||||
|
|
|
@ -1,163 +0,0 @@
|
||||||
<template>
|
|
||||||
|
|
||||||
<view class="content">
|
|
||||||
<view class="">
|
|
||||||
|
|
||||||
|
|
||||||
<view class="content_con" v-for="(item,index) in datalist" :key='index'>
|
|
||||||
<view class="content_title">
|
|
||||||
<view class="content_title_a" v-if="item.status==1">
|
|
||||||
已通过
|
|
||||||
</view>
|
|
||||||
|
|
||||||
<view class="content_title_c" v-else-if="item.status==2">
|
|
||||||
已拒绝
|
|
||||||
</view>
|
|
||||||
<view class="content_title_b" v-else-if="item.status==0">
|
|
||||||
审核中
|
|
||||||
</view>
|
|
||||||
|
|
||||||
<view class="content_title_d">
|
|
||||||
{{item.mer_name}}
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
<view class="" v-if="item.fail_msg" style="margin-top: -50rpx;color: red;">
|
|
||||||
拒绝原因:{{item.fail_msg}}
|
|
||||||
</view>
|
|
||||||
<view class="content_detail">
|
|
||||||
<view class="" style="display: flex;">
|
|
||||||
<view style="width:150rpx;"> 申请人:</view>
|
|
||||||
<span>{{item.name}}</span><text style="margin-left: 20rpx;">{{item.phone}}</text>
|
|
||||||
</view>
|
|
||||||
<view class="" style="display: flex;">
|
|
||||||
|
|
||||||
<view style="width:150rpx;"> 申请时间:</view>
|
|
||||||
<span>{{item.create_time}}</span>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
<view class="" style="padding-top: 1px;" v-if='datalist.length==0'>
|
|
||||||
<emptyPage title="暂无申请信息"></emptyPage>
|
|
||||||
</view>
|
|
||||||
|
|
||||||
</view>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import emptyPage from '@/components/emptyPage.vue';
|
|
||||||
import {
|
|
||||||
intention
|
|
||||||
} from "@/api/product"
|
|
||||||
export default {
|
|
||||||
components: {
|
|
||||||
emptyPage
|
|
||||||
},
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
datalist: [],
|
|
||||||
where: {
|
|
||||||
type: 2,
|
|
||||||
page: 1,
|
|
||||||
limit: 10
|
|
||||||
},
|
|
||||||
}
|
|
||||||
},
|
|
||||||
onLoad() {
|
|
||||||
this.list()
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
list() {
|
|
||||||
intention(this.where).then(res => {
|
|
||||||
this.datalist = res.data.list
|
|
||||||
})
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style lang="scss">
|
|
||||||
.content {
|
|
||||||
padding: 12rpx 12rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.content_con {
|
|
||||||
padding: 42rpx 32rpx;
|
|
||||||
height: 294rpx;
|
|
||||||
background: #FFFFFF;
|
|
||||||
border-radius: 21rpx 21rpx;
|
|
||||||
margin-top: 20rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.content_title {
|
|
||||||
display: flex;
|
|
||||||
margin-bottom: 70rpx;
|
|
||||||
|
|
||||||
}
|
|
||||||
.content_title_a {
|
|
||||||
width: 89rpx;
|
|
||||||
height: 37rpx;
|
|
||||||
line-height: 37rpx;
|
|
||||||
text-align: center;
|
|
||||||
background: #16C295;
|
|
||||||
font-size: 23rpx;
|
|
||||||
font-family: DingTalk JinBuTi-Regular, DingTalk JinBuTi;
|
|
||||||
font-weight: 400;
|
|
||||||
color: #FFFFFF;
|
|
||||||
border-radius: 15rpx 0 15rpx 0;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.content_title_b {
|
|
||||||
width: 89rpx;
|
|
||||||
height: 37rpx;
|
|
||||||
line-height: 37rpx;
|
|
||||||
text-align: center;
|
|
||||||
background: #3274F9;
|
|
||||||
font-size: 23rpx;
|
|
||||||
font-family: DingTalk JinBuTi-Regular, DingTalk JinBuTi;
|
|
||||||
font-weight: 400;
|
|
||||||
color: #FFFFFF;
|
|
||||||
border-radius: 15rpx 0 15rpx 0;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.content_title_c {
|
|
||||||
width: 89rpx;
|
|
||||||
height: 37rpx;
|
|
||||||
line-height: 37rpx;
|
|
||||||
text-align: center;
|
|
||||||
background: #ff0000;
|
|
||||||
font-size: 23rpx;
|
|
||||||
font-family: DingTalk JinBuTi-Regular, DingTalk JinBuTi;
|
|
||||||
font-weight: 400;
|
|
||||||
color: #FFFFFF;
|
|
||||||
border-radius: 15rpx 0 15rpx 0;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.content_title_d {
|
|
||||||
font-size: 33rpx;
|
|
||||||
font-family: PingFang SC-Medium, PingFang SC;
|
|
||||||
font-weight: 500;
|
|
||||||
color: #333333;
|
|
||||||
margin-left: 20rpx;
|
|
||||||
margin-top: -7rpx;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.content_detail {
|
|
||||||
|
|
||||||
font-size: 30rpx;
|
|
||||||
font-family: PingFang SC-Regular, PingFang SC;
|
|
||||||
font-weight: 400;
|
|
||||||
color: #333333;
|
|
||||||
|
|
||||||
view {
|
|
||||||
margin-bottom: 10rpx;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
</style>
|
|
|
@ -1,241 +0,0 @@
|
||||||
<template>
|
|
||||||
<view v-if="!successful" class="content">
|
|
||||||
|
|
||||||
<view class="content-detail">
|
|
||||||
<view class="content-title">
|
|
||||||
<view class="content-title-a">
|
|
||||||
交易申请协议
|
|
||||||
</view>
|
|
||||||
<view class="content-title-b" @click="navation">
|
|
||||||
申请记录
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
<view class="">
|
|
||||||
|
|
||||||
<view v-html="detail.business_apply_agree">
|
|
||||||
|
|
||||||
</view>
|
|
||||||
|
|
||||||
</view>
|
|
||||||
|
|
||||||
</view>
|
|
||||||
|
|
||||||
<view class="content-bottom" v-if="type==0">
|
|
||||||
<view class="bottombtn_no" @click="noagree">拒绝</view>
|
|
||||||
<view class="bottom_agree" @click="agree">同意</view>
|
|
||||||
</view>
|
|
||||||
<view class="content-bottom" v-if="type==1||type==3">
|
|
||||||
<view class="bottom_agree" @click="agree">重新申请</view>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
|
|
||||||
<view class="settledSuccessMain" v-else>
|
|
||||||
<view class="settledSuccessful">
|
|
||||||
|
|
||||||
<image class="image" src="@/pages/store/static/images/settledSuccessful.svg">
|
|
||||||
<view class="title">恭喜,您的资料提交成功!</view>
|
|
||||||
<view class="info">预计15个工作日内审核完毕,平台客服会及时与您联系!</view>
|
|
||||||
<view class="goHome" hover-class="none" @click="goHome">
|
|
||||||
返回首页
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import {
|
|
||||||
business,
|
|
||||||
intentionbus
|
|
||||||
} from "@/api/product"
|
|
||||||
export default {
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
detail: {},
|
|
||||||
type: 0,
|
|
||||||
successful: false
|
|
||||||
}
|
|
||||||
},
|
|
||||||
onLoad(e) {
|
|
||||||
this.type = e.business_status
|
|
||||||
|
|
||||||
this.list()
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
//获取协议内容
|
|
||||||
list() {
|
|
||||||
business().then(res => {
|
|
||||||
this.detail = res.data
|
|
||||||
})
|
|
||||||
},
|
|
||||||
|
|
||||||
// 首页
|
|
||||||
goHome() {
|
|
||||||
uni.switchTab({
|
|
||||||
url: '/pages/index/index'
|
|
||||||
});
|
|
||||||
},
|
|
||||||
//跳转
|
|
||||||
navation() {
|
|
||||||
|
|
||||||
uni.navigateTo({
|
|
||||||
url: '/pages/product/transactionApplication/application'
|
|
||||||
})
|
|
||||||
},
|
|
||||||
//拒绝申请
|
|
||||||
noagree() {
|
|
||||||
uni.navigateTo({
|
|
||||||
url: '/pages/moreProject/moreProject'
|
|
||||||
})
|
|
||||||
|
|
||||||
},
|
|
||||||
//同意申请
|
|
||||||
agree() {
|
|
||||||
intentionbus().then(res => {
|
|
||||||
if (res.status == 200) {
|
|
||||||
this.$util.Tips({
|
|
||||||
title: res.message,
|
|
||||||
icon: 'success',
|
|
||||||
})
|
|
||||||
this.successful=true
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
}).catch((err) => {
|
|
||||||
|
|
||||||
this.$util.Tips({
|
|
||||||
title: err,
|
|
||||||
icon: 'error',
|
|
||||||
})
|
|
||||||
})
|
|
||||||
},
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
|
||||||
.content {
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
.content-detail {
|
|
||||||
padding: 20rpx 20rpx;
|
|
||||||
color: #333333;
|
|
||||||
font-size: 28rpx;
|
|
||||||
margin-bottom: 155rpx;
|
|
||||||
|
|
||||||
.content-title {
|
|
||||||
color: #333333;
|
|
||||||
font-size: 32rpx;
|
|
||||||
text-align: center;
|
|
||||||
margin-top: 40rpx;
|
|
||||||
margin-bottom: 40rpx;
|
|
||||||
|
|
||||||
.content-title-b {
|
|
||||||
width: 165rpx;
|
|
||||||
height: 70rpx;
|
|
||||||
font-size: 26rpx;
|
|
||||||
font-family: PingFang SC-Regular, PingFang SC;
|
|
||||||
font-weight: 400;
|
|
||||||
color: #FFFFFF;
|
|
||||||
text-align: center;
|
|
||||||
line-height: 70rpx;
|
|
||||||
background: linear-gradient(90deg, #F84221 0%, #FF6D20 100%);
|
|
||||||
box-shadow: 0px 4rpx 11rpx 2rpx rgba(252, 89, 32, 0.49);
|
|
||||||
border-radius: 37rpx 0px 0px 37rpx;
|
|
||||||
opacity: 1;
|
|
||||||
position: absolute;
|
|
||||||
top: 40rpx;
|
|
||||||
right: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.content-bottom {
|
|
||||||
position: absolute;
|
|
||||||
width: 100%;
|
|
||||||
bottom: 0;
|
|
||||||
position: fixed;
|
|
||||||
height: 175rpx;
|
|
||||||
background: #FFFFFF;
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-around;
|
|
||||||
|
|
||||||
|
|
||||||
.bottombtn_no {
|
|
||||||
margin-top: 42rpx;
|
|
||||||
width: 249rpx;
|
|
||||||
height: 84rpx;
|
|
||||||
text-align: center;
|
|
||||||
line-height: 84rpx;
|
|
||||||
border-radius: 46rpx 46rpx;
|
|
||||||
opacity: 1;
|
|
||||||
border: 2rpx solid #B3B3B3;
|
|
||||||
font-size: 33rpx;
|
|
||||||
font-family: PingFang SC-Medium, PingFang SC;
|
|
||||||
font-weight: 500;
|
|
||||||
color: #737373;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.bottom_agree {
|
|
||||||
margin-top: 42rpx;
|
|
||||||
width: 249rpx;
|
|
||||||
height: 84rpx;
|
|
||||||
text-align: center;
|
|
||||||
line-height: 84rpx;
|
|
||||||
background: linear-gradient(270deg, #FF6D20 0%, #F84221 100%);
|
|
||||||
border-radius: 46rpx 46rpx;
|
|
||||||
opacity: 1;
|
|
||||||
|
|
||||||
font-size: 33rpx;
|
|
||||||
font-family: PingFang SC-Medium, PingFang SC;
|
|
||||||
font-weight: 500;
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
.settledSuccessMain {
|
|
||||||
height: 100vh;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
background: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
.settledSuccessful {
|
|
||||||
flex: 1;
|
|
||||||
width: 100%;
|
|
||||||
padding: 0 56px;
|
|
||||||
height: auto;
|
|
||||||
background: #fff;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.settledSuccessful .image {
|
|
||||||
width: 189px;
|
|
||||||
height: 157px;
|
|
||||||
margin-top: 66px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.settledSuccessful .title {
|
|
||||||
color: #333333;
|
|
||||||
font-size: 16px;
|
|
||||||
font-weight: bold;
|
|
||||||
margin-top: 35px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.settledSuccessful .info {
|
|
||||||
color: #A0A0A0;
|
|
||||||
font-size: 13px;
|
|
||||||
margin-top: 12px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.settledSuccessful .goHome {
|
|
||||||
margin: 60px auto 0;
|
|
||||||
line-height: 43px;
|
|
||||||
color: #282828;
|
|
||||||
font-size: 15px;
|
|
||||||
border: 1px solid #B4B4B4;
|
|
||||||
border-radius: 60px;
|
|
||||||
}
|
|
||||||
</style>
|
|
|
@ -1,46 +1,69 @@
|
||||||
<template>
|
<template>
|
||||||
<view :style="viewColor">
|
<view :style="viewColor">
|
||||||
<view :style="{ 'background-image': `linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 40%),url(${store.mer_banner})` }" class="store-detail">
|
<view class="store-detail">
|
||||||
<view class="section head">
|
<view class="section">
|
||||||
<image :src="store.mer_avatar"></image>
|
<view class="head">
|
||||||
<view class="text-wrap">
|
|
||||||
<view class="name line1">
|
|
||||||
<text class="name_store">{{ store.mer_name }}</text>
|
<image class="head-image" :src="store.mer_avatar"></image>
|
||||||
<image v-if="margin_ico_switch==1 && margin_ico && store.is_margin == 10" :src="margin_ico" class="store-margin"></image>
|
<view class="text-wrap">
|
||||||
<text v-if="store.type_name" class="font-bg-red ml8">{{ store.type_name }}</text>
|
<view class="name line1">
|
||||||
<text v-else-if="store.is_trader" class="font-bg-red ml8">自营</text>
|
<text class="name_store">{{ store.mer_name }}</text>
|
||||||
|
<image v-if="margin_ico_switch==1 && margin_ico && store.is_margin == 10" :src="margin_ico"
|
||||||
|
class="store-margin"></image>
|
||||||
|
<text v-if="store.type_name" class="font-bg-red ml8">{{ store.type_name }}</text>
|
||||||
|
<text v-else-if="store.is_trader" class="font-bg-red ml8">自营</text>
|
||||||
|
</view>
|
||||||
|
<view class="fans">粉丝数量
|
||||||
|
{{ store.care_count < 10000 ? store.care_count : (store.care_count / 10000).toFixed(2) + '万' }}
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<!-- <button :class="{ followed: store.care }" hover-class="none" @click="followToggle">
|
||||||
|
<text v-show="!store.care" class="iconfont icon-guanzhu"></text>
|
||||||
|
{{ store.care ? '已关注' : '关注' }}
|
||||||
|
</button> -->
|
||||||
|
<view class="carebtn" @click="followToggle">
|
||||||
|
|
||||||
|
<image src="@/static/images/gz.png" v-if=" store.care" mode="aspectFit"></image>
|
||||||
|
<image src="@/static/images/gz1.png" v-else mode="aspectFit"></image>
|
||||||
</view>
|
</view>
|
||||||
<view class="fans">{{ store.care_count < 10000 ? store.care_count : (store.care_count / 10000).toFixed(2) + '万' }}人关注</view>
|
|
||||||
</view>
|
</view>
|
||||||
<button :class="{ followed: store.care }" hover-class="none" @click="followToggle">
|
<view class="section wrap">
|
||||||
<text v-show="!store.care" class="iconfont icon-guanzhu"></text>
|
<view class="name">店铺评级</view>
|
||||||
{{ store.care ? '已关注' : '关注' }}
|
<view class="score-wrap">
|
||||||
</button>
|
<view class="star" :class="'star' + keyColor">
|
||||||
</view>
|
<view
|
||||||
<view class="section wrap">
|
:style="{ width: `${star.toFixed(2)}%`, backgroundImage: `url(${domain}/static/diy/score1${keyColor}.png)` }">
|
||||||
<view class="name">店铺评级</view>
|
</view>
|
||||||
<view class="score-wrap">
|
</view>
|
||||||
<view class="star" :class="'star' + keyColor"><view :style="{ width: `${star.toFixed(2)}%`, backgroundImage: `url(${domain}/static/diy/score1${keyColor}.png)` }"></view></view>
|
<view>{{ score.toFixed(1) }}</view>
|
||||||
<view>{{ score.toFixed(1) }}</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="section wrap" @click="popupShow = true">
|
|
||||||
<view class="name">店铺二维码</view>
|
|
||||||
<view><text class="iconfont icon-erweima1"></text></view>
|
<view class="section info">
|
||||||
|
<view class="item very" @click="popupShow = true">
|
||||||
|
<view class="name">店铺二维码</view>
|
||||||
|
<view><text class="iconfont icon-erweima1"></text></view>
|
||||||
|
</view>
|
||||||
|
<view class="item very">
|
||||||
|
<navigator v-if="store.isset_certificate" style="display: flex;"
|
||||||
|
:url="`/pages/store/qualifications/index?mer_id=${store.mer_id}&uid=${this.uid}&storeName=${store.mer_name}`">
|
||||||
|
<view class="name">店铺资质信息</view>
|
||||||
|
<view><text class="iconfont"></text></view>
|
||||||
|
</navigator>
|
||||||
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<navigator v-if="store.isset_certificate" :url="`/pages/store/qualifications/index?mer_id=${store.mer_id}&uid=${this.uid}&storeName=${store.mer_name}`" class="section wrap">
|
|
||||||
<view class="name">店铺资质信息</view>
|
|
||||||
<view><text class="iconfont"></text></view>
|
|
||||||
</navigator>
|
|
||||||
|
|
||||||
<view v-if="store.services_type == 1" class="section wrap" @click="call">
|
<view v-if="store.services_type == 1" class="section wrap" @click="call">
|
||||||
<view class="name">联系客服</view>
|
<view class="name">联系客服</view>
|
||||||
<view><text class="iconfont icon-kefu1"></text></view>
|
<view><text class="iconfont icon-kefu1"></text></view>
|
||||||
</view>
|
</view>
|
||||||
<navigator v-else :url="`/pages/chat/customer_list/chat?mer_id=${store.mer_id}&uid=${this.uid}`" class="section wrap">
|
<navigator v-else :url="`/pages/chat/customer_list/chat?mer_id=${store.mer_id}&uid=${this.uid}`"
|
||||||
|
class="section wrap">
|
||||||
<view class="name">联系客服</view>
|
<view class="name">联系客服</view>
|
||||||
<view><text class="iconfont icon-kefu1"></text></view>
|
<view><text class="iconfont icon-kefu1"></text></view>
|
||||||
</navigator>
|
</navigator>
|
||||||
<view class="section info">
|
<view class="section info">
|
||||||
<view class="item very">
|
<view class="item very">
|
||||||
<view class="name">店铺简介</view>
|
<view class="name">店铺简介</view>
|
||||||
|
@ -49,7 +72,8 @@
|
||||||
<view class="item very">
|
<view class="item very">
|
||||||
<view class="name">店铺地址</view>
|
<view class="name">店铺地址</view>
|
||||||
<view class="value">{{ store.mer_address }}</view>
|
<view class="value">{{ store.mer_address }}</view>
|
||||||
<view v-if="store.lat && store.long && mer_location == 1" class="iconfont icon-dingwei" @click="showMaoLocation(store.lat, store.long)"></view>
|
<view v-if="store.lat && store.long && mer_location == 1" class="iconfont icon-dingwei"
|
||||||
|
@click="showMaoLocation(store.lat, store.long)"></view>
|
||||||
</view>
|
</view>
|
||||||
<view v-if="store.service_phone" class="item">
|
<view v-if="store.service_phone" class="item">
|
||||||
<view class="name">联系电话</view>
|
<view class="name">联系电话</view>
|
||||||
|
@ -76,428 +100,494 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
// +----------------------------------------------------------------------
|
// +----------------------------------------------------------------------
|
||||||
// | CRMEB [ CRMEB赋能开发者,助力企业发展 ]
|
// | CRMEB [ CRMEB赋能开发者,助力企业发展 ]
|
||||||
// +----------------------------------------------------------------------
|
// +----------------------------------------------------------------------
|
||||||
// | Copyright (c) 2016~2021 https://www.crmeb.com All rights reserved.
|
// | Copyright (c) 2016~2021 https://www.crmeb.com All rights reserved.
|
||||||
// +----------------------------------------------------------------------
|
// +----------------------------------------------------------------------
|
||||||
// | Licensed CRMEB并不是自由软件,未经许可不能去掉CRMEB相关版权
|
// | Licensed CRMEB并不是自由软件,未经许可不能去掉CRMEB相关版权
|
||||||
// +----------------------------------------------------------------------
|
// +----------------------------------------------------------------------
|
||||||
// | Author: CRMEB Team <admin@crmeb.com>
|
// | Author: CRMEB Team <admin@crmeb.com>
|
||||||
// +----------------------------------------------------------------------
|
// +----------------------------------------------------------------------
|
||||||
import { mapGetters } from 'vuex';
|
import {
|
||||||
import { configMap } from "@/utils";
|
mapGetters
|
||||||
import { getStoreDetail, followStore, unfollowStore, merchantQrcode } from '@/api/store.js';
|
} from 'vuex';
|
||||||
import { HTTP_REQUEST_URL } from '@/config/app';
|
import {
|
||||||
let app = getApp();
|
configMap
|
||||||
export default {
|
} from "@/utils";
|
||||||
computed: {
|
import {
|
||||||
...configMap({margin_ico_switch: 0,margin_ico: ''}, mapGetters(['isLogin','uid','viewColor','keyColor'])),
|
getStoreDetail,
|
||||||
},
|
followStore,
|
||||||
filters: {
|
unfollowStore,
|
||||||
dateFormat: function(value) {
|
merchantQrcode
|
||||||
if (!value) {
|
} from '@/api/store.js';
|
||||||
return '';
|
import {
|
||||||
}
|
HTTP_REQUEST_URL
|
||||||
return value.split(' ')[0];
|
} from '@/config/app';
|
||||||
}
|
let app = getApp();
|
||||||
},
|
export default {
|
||||||
data() {
|
computed: {
|
||||||
return {
|
...configMap({
|
||||||
domain: HTTP_REQUEST_URL,
|
margin_ico_switch: 0,
|
||||||
id: 0,
|
margin_ico: ''
|
||||||
store: {},
|
}, mapGetters(['isLogin', 'uid', 'viewColor', 'keyColor'])),
|
||||||
score: 0,
|
|
||||||
star: 0,
|
|
||||||
popupShow: false,
|
|
||||||
storeCode: '',
|
|
||||||
openSettingBtnHidden: true, //是否授权
|
|
||||||
mer_location: '',
|
|
||||||
};
|
|
||||||
},
|
|
||||||
onLoad: function(options) {
|
|
||||||
uni.getStorage({
|
|
||||||
key: 'GLOBAL_DATA',
|
|
||||||
success: res => {
|
|
||||||
this.mer_location = res.data.mer_location;
|
|
||||||
// console.log(this.mer_location);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
this.id = options.mer_id || options.id;
|
|
||||||
this.getStore();
|
|
||||||
this.getStoreCode();
|
|
||||||
},
|
|
||||||
onReady: function() {},
|
|
||||||
mounted: function() {},
|
|
||||||
methods: {
|
|
||||||
call: function(){
|
|
||||||
uni.makePhoneCall({
|
|
||||||
phoneNumber: this.store.service_phone,
|
|
||||||
})
|
|
||||||
},
|
},
|
||||||
getStore: function() {
|
filters: {
|
||||||
getStoreDetail(this.id).then(res => {
|
dateFormat: function(value) {
|
||||||
let store = res.data;
|
if (!value) {
|
||||||
this.store = store;
|
return '';
|
||||||
this.score = (parseFloat(store.postage_score) + parseFloat(store.product_score) + parseFloat(store.service_score)) / 3;
|
|
||||||
this.star = (this.score / 5) * 100;
|
|
||||||
});
|
|
||||||
},
|
|
||||||
follow: function() {
|
|
||||||
followStore(this.id).then(res => {
|
|
||||||
if (res.status === 200) {
|
|
||||||
this.store.care = true;
|
|
||||||
}
|
}
|
||||||
this.$util.Tips({
|
return value.split(' ')[0];
|
||||||
title: res.message
|
|
||||||
});
|
|
||||||
});
|
|
||||||
},
|
|
||||||
//查看地图
|
|
||||||
showMaoLocation(lat, long) {
|
|
||||||
// console.log(lat, long);
|
|
||||||
if (!lat || !long)
|
|
||||||
return this.$util.Tips({
|
|
||||||
title: '请设置允许商城访问您的位置!'
|
|
||||||
});
|
|
||||||
//#ifdef H5
|
|
||||||
if (this.$wechat.isWeixin() === true) {
|
|
||||||
this.$wechat
|
|
||||||
.seeLocation({
|
|
||||||
latitude: Number(lat),
|
|
||||||
longitude: Number(long),
|
|
||||||
name: this.store.mer_name,
|
|
||||||
address: this.store.mer_address ? this.store.mer_address : ''
|
|
||||||
})
|
|
||||||
.then(res => {
|
|
||||||
// console.log('success');
|
|
||||||
});
|
|
||||||
} else {
|
|
||||||
//#endif
|
|
||||||
uni.openLocation({
|
|
||||||
latitude: parseFloat(lat),
|
|
||||||
longitude: parseFloat(long),
|
|
||||||
scale: 8,
|
|
||||||
geocode: true,
|
|
||||||
name: this.store.mer_name,
|
|
||||||
address: this.store.mer_address ? this.store.mer_address : '',
|
|
||||||
success: function(res) {
|
|
||||||
// console.log(res);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
// #ifdef H5
|
|
||||||
}
|
}
|
||||||
//#endif
|
|
||||||
},
|
},
|
||||||
unfollow: function() {
|
data() {
|
||||||
unfollowStore(this.id).then(res => {
|
return {
|
||||||
if (res.status === 200) {
|
domain: HTTP_REQUEST_URL,
|
||||||
this.store.care = false;
|
id: 0,
|
||||||
}
|
store: {},
|
||||||
this.$util.Tips({
|
score: 0,
|
||||||
title: res.message
|
star: 0,
|
||||||
});
|
popupShow: false,
|
||||||
});
|
storeCode: '',
|
||||||
},
|
openSettingBtnHidden: true, //是否授权
|
||||||
followToggle: function() {
|
mer_location: '',
|
||||||
this.store.care ? this.unfollow() : this.follow();
|
|
||||||
},
|
|
||||||
// 店铺二维码
|
|
||||||
getStoreCode() {
|
|
||||||
let params = {};
|
|
||||||
// #ifdef MP
|
|
||||||
params = {
|
|
||||||
type: 'routine'
|
|
||||||
};
|
};
|
||||||
//#endif
|
|
||||||
merchantQrcode(this.id, params)
|
|
||||||
.then(res => {
|
|
||||||
this.storeCode = res.data.url;
|
|
||||||
})
|
|
||||||
.catch(err => {});
|
|
||||||
},
|
},
|
||||||
// #ifdef MP
|
onLoad: function(options) {
|
||||||
// 小程序保存图片
|
uni.getStorage({
|
||||||
savePosterPath(url) {
|
key: 'GLOBAL_DATA',
|
||||||
uni.downloadFile({
|
success: res => {
|
||||||
url,
|
this.mer_location = res.data.mer_location;
|
||||||
success: resFile => {
|
// console.log(this.mer_location);
|
||||||
if (resFile.statusCode === 200) {
|
|
||||||
uni.getSetting({
|
|
||||||
success: res => {
|
|
||||||
if (!res.authSetting['scope.writePhotosAlbum']) {
|
|
||||||
uni.authorize({
|
|
||||||
scope: 'scope.writePhotosAlbum',
|
|
||||||
success: () => {
|
|
||||||
uni.saveImageToPhotosAlbum({
|
|
||||||
filePath: resFile.tempFilePath,
|
|
||||||
success: res => {
|
|
||||||
return uni.showToast({
|
|
||||||
title: '保存成功!'
|
|
||||||
});
|
|
||||||
},
|
|
||||||
fail: res => {
|
|
||||||
return uni.showToast({
|
|
||||||
title: res.errMsg
|
|
||||||
});
|
|
||||||
},
|
|
||||||
complete: res => {}
|
|
||||||
});
|
|
||||||
},
|
|
||||||
fail: () => {
|
|
||||||
uni.showModal({
|
|
||||||
title: '您已拒绝获取相册权限',
|
|
||||||
content: '是否进入权限管理,调整授权?',
|
|
||||||
success: res => {
|
|
||||||
if (res.confirm) {
|
|
||||||
uni.openSetting({
|
|
||||||
success: res => {
|
|
||||||
// console.log(res.authSetting);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
} else if (res.cancel) {
|
|
||||||
return uni.showToast({
|
|
||||||
title: '已取消!'
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
});
|
|
||||||
} else {
|
|
||||||
uni.saveImageToPhotosAlbum({
|
|
||||||
filePath: resFile.tempFilePath,
|
|
||||||
success: res => {
|
|
||||||
return uni.showToast({
|
|
||||||
title: '保存成功!'
|
|
||||||
});
|
|
||||||
},
|
|
||||||
fail: res => {
|
|
||||||
return uni.showToast({
|
|
||||||
title: res.errMsg
|
|
||||||
});
|
|
||||||
},
|
|
||||||
complete: res => {}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
},
|
|
||||||
fail: res => {}
|
|
||||||
});
|
|
||||||
} else {
|
|
||||||
return uni.showToast({
|
|
||||||
title: resFile.errMsg
|
|
||||||
});
|
|
||||||
}
|
|
||||||
},
|
|
||||||
fail: res => {
|
|
||||||
return uni.showToast({
|
|
||||||
title: res.errMsg
|
|
||||||
});
|
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
this.id = options.mer_id || options.id;
|
||||||
|
this.getStore();
|
||||||
|
this.getStoreCode();
|
||||||
|
},
|
||||||
|
onReady: function() {},
|
||||||
|
mounted: function() {},
|
||||||
|
methods: {
|
||||||
|
call: function() {
|
||||||
|
uni.makePhoneCall({
|
||||||
|
phoneNumber: this.store.service_phone,
|
||||||
|
})
|
||||||
|
},
|
||||||
|
getStore: function() {
|
||||||
|
getStoreDetail(this.id).then(res => {
|
||||||
|
let store = res.data;
|
||||||
|
this.store = store;
|
||||||
|
this.score = (parseFloat(store.postage_score) + parseFloat(store.product_score) +
|
||||||
|
parseFloat(store.service_score)) / 3;
|
||||||
|
this.star = (this.score / 5) * 100;
|
||||||
|
});
|
||||||
|
},
|
||||||
|
follow: function() {
|
||||||
|
followStore(this.id).then(res => {
|
||||||
|
if (res.status === 200) {
|
||||||
|
this.store.care = true;
|
||||||
|
}
|
||||||
|
this.$util.Tips({
|
||||||
|
title: res.message
|
||||||
|
});
|
||||||
|
});
|
||||||
|
},
|
||||||
|
//查看地图
|
||||||
|
showMaoLocation(lat, long) {
|
||||||
|
// console.log(lat, long);
|
||||||
|
if (!lat || !long)
|
||||||
|
return this.$util.Tips({
|
||||||
|
title: '请设置允许商城访问您的位置!'
|
||||||
|
});
|
||||||
|
//#ifdef H5
|
||||||
|
if (this.$wechat.isWeixin() === true) {
|
||||||
|
this.$wechat
|
||||||
|
.seeLocation({
|
||||||
|
latitude: Number(lat),
|
||||||
|
longitude: Number(long),
|
||||||
|
name: this.store.mer_name,
|
||||||
|
address: this.store.mer_address ? this.store.mer_address : ''
|
||||||
|
})
|
||||||
|
.then(res => {
|
||||||
|
// console.log('success');
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
//#endif
|
||||||
|
uni.openLocation({
|
||||||
|
latitude: parseFloat(lat),
|
||||||
|
longitude: parseFloat(long),
|
||||||
|
scale: 8,
|
||||||
|
geocode: true,
|
||||||
|
name: this.store.mer_name,
|
||||||
|
address: this.store.mer_address ? this.store.mer_address : '',
|
||||||
|
success: function(res) {
|
||||||
|
// console.log(res);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
// #ifdef H5
|
||||||
|
}
|
||||||
|
//#endif
|
||||||
|
},
|
||||||
|
unfollow: function() {
|
||||||
|
unfollowStore(this.id).then(res => {
|
||||||
|
if (res.status === 200) {
|
||||||
|
this.store.care = false;
|
||||||
|
}
|
||||||
|
this.$util.Tips({
|
||||||
|
title: res.message
|
||||||
|
});
|
||||||
|
});
|
||||||
|
},
|
||||||
|
followToggle: function() {
|
||||||
|
this.store.care ? this.unfollow() : this.follow();
|
||||||
|
},
|
||||||
|
// 店铺二维码
|
||||||
|
getStoreCode() {
|
||||||
|
let params = {};
|
||||||
|
// #ifdef MP
|
||||||
|
params = {
|
||||||
|
type: 'routine'
|
||||||
|
};
|
||||||
|
//#endif
|
||||||
|
merchantQrcode(this.id, params)
|
||||||
|
.then(res => {
|
||||||
|
this.storeCode = res.data.url;
|
||||||
|
})
|
||||||
|
.catch(err => {});
|
||||||
|
},
|
||||||
|
// #ifdef MP
|
||||||
|
// 小程序保存图片
|
||||||
|
savePosterPath(url) {
|
||||||
|
uni.downloadFile({
|
||||||
|
url,
|
||||||
|
success: resFile => {
|
||||||
|
if (resFile.statusCode === 200) {
|
||||||
|
uni.getSetting({
|
||||||
|
success: res => {
|
||||||
|
if (!res.authSetting['scope.writePhotosAlbum']) {
|
||||||
|
uni.authorize({
|
||||||
|
scope: 'scope.writePhotosAlbum',
|
||||||
|
success: () => {
|
||||||
|
uni.saveImageToPhotosAlbum({
|
||||||
|
filePath: resFile
|
||||||
|
.tempFilePath,
|
||||||
|
success: res => {
|
||||||
|
return uni
|
||||||
|
.showToast({
|
||||||
|
title: '保存成功!'
|
||||||
|
});
|
||||||
|
},
|
||||||
|
fail: res => {
|
||||||
|
return uni
|
||||||
|
.showToast({
|
||||||
|
title: res
|
||||||
|
.errMsg
|
||||||
|
});
|
||||||
|
},
|
||||||
|
complete: res => {}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
fail: () => {
|
||||||
|
uni.showModal({
|
||||||
|
title: '您已拒绝获取相册权限',
|
||||||
|
content: '是否进入权限管理,调整授权?',
|
||||||
|
success: res => {
|
||||||
|
if (res.confirm) {
|
||||||
|
uni.openSetting({
|
||||||
|
success: res => {
|
||||||
|
// console.log(res.authSetting);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
} else if (res
|
||||||
|
.cancel) {
|
||||||
|
return uni
|
||||||
|
.showToast({
|
||||||
|
title: '已取消!'
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
uni.saveImageToPhotosAlbum({
|
||||||
|
filePath: resFile.tempFilePath,
|
||||||
|
success: res => {
|
||||||
|
return uni.showToast({
|
||||||
|
title: '保存成功!'
|
||||||
|
});
|
||||||
|
},
|
||||||
|
fail: res => {
|
||||||
|
return uni.showToast({
|
||||||
|
title: res.errMsg
|
||||||
|
});
|
||||||
|
},
|
||||||
|
complete: res => {}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
},
|
||||||
|
fail: res => {}
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
return uni.showToast({
|
||||||
|
title: resFile.errMsg
|
||||||
|
});
|
||||||
|
}
|
||||||
|
},
|
||||||
|
fail: res => {
|
||||||
|
return uni.showToast({
|
||||||
|
title: res.errMsg
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
// #endif
|
||||||
}
|
}
|
||||||
// #endif
|
};
|
||||||
}
|
|
||||||
};
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.font-bg-red {
|
.font-bg-red {
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
background: var(--view-theme);
|
|
||||||
border-color: var(--view-theme);
|
|
||||||
color: #fff;
|
|
||||||
font-size: 20rpx;
|
|
||||||
text-align: center;
|
|
||||||
line-height: 30rpx;
|
|
||||||
height: 28rpx;
|
|
||||||
border-radius: 5rpx;
|
|
||||||
margin-right: 8rpx;
|
|
||||||
&.ml8 {
|
|
||||||
margin-left: 8rpx;
|
|
||||||
margin-right: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.store-detail {
|
|
||||||
padding-top: 80rpx;
|
|
||||||
padding-right: 20rpx;
|
|
||||||
padding-left: 20rpx;
|
|
||||||
background: left top/750rpx 360rpx no-repeat fixed;
|
|
||||||
.section {
|
|
||||||
border-radius: 10rpx;
|
|
||||||
margin-bottom: 20rpx;
|
|
||||||
background-color: #ffffff;
|
|
||||||
}
|
|
||||||
.head {
|
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
padding: 20rpx;
|
background: var(--view-theme);
|
||||||
|
border-color: var(--view-theme);
|
||||||
|
color: #fff;
|
||||||
|
font-size: 20rpx;
|
||||||
|
text-align: center;
|
||||||
|
line-height: 30rpx;
|
||||||
|
height: 28rpx;
|
||||||
|
border-radius: 5rpx;
|
||||||
|
margin-right: 8rpx;
|
||||||
|
|
||||||
|
&.ml8 {
|
||||||
|
margin-left: 8rpx;
|
||||||
|
margin-right: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.carebtn {
|
||||||
|
width: 136rpx;
|
||||||
|
height: 52rpx;
|
||||||
|
|
||||||
|
margin-top: -35rpx;
|
||||||
|
margin-right: 30rpx;
|
||||||
image {
|
image {
|
||||||
width: 90rpx;
|
width: 100%;
|
||||||
height: 90rpx;
|
height: 100%;
|
||||||
border-radius: 6rpx;
|
|
||||||
}
|
|
||||||
.text-wrap {
|
|
||||||
flex: 1;
|
|
||||||
min-width: 0;
|
|
||||||
margin-right: 20rpx;
|
|
||||||
margin-left: 20rpx;
|
|
||||||
line-height: 1;
|
|
||||||
.store-margin{
|
|
||||||
width: 28rpx;
|
|
||||||
height: 30rpx;
|
|
||||||
margin-left: 10rpx;
|
|
||||||
}
|
|
||||||
.name {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
font-weight: bold;
|
|
||||||
font-size: 28rpx;
|
|
||||||
color: #282828;
|
|
||||||
.name_store {
|
|
||||||
display: inline-block;
|
|
||||||
overflow: hidden;
|
|
||||||
white-space: nowrap;
|
|
||||||
text-overflow: ellipsis;
|
|
||||||
max-width: 140px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.fans {
|
|
||||||
margin-top: 15rpx;
|
|
||||||
font-weight: 500;
|
|
||||||
font-size: 22rpx;
|
|
||||||
color: #666666;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
button {
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
width: 113rpx;
|
|
||||||
height: 48rpx;
|
|
||||||
border-radius: 24rpx;
|
|
||||||
background-image: linear-gradient(-90deg, var(--view-bntColor21) 0%, var(--view-bntColor22) 100%);
|
|
||||||
font-weight: 500;
|
|
||||||
font-size: 22rpx;
|
|
||||||
color: #ffffff;
|
|
||||||
.iconfont {
|
|
||||||
margin-right: 6rpx;
|
|
||||||
font-size: 22rpx;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.followed {
|
|
||||||
border: 1px solid #bfbfbf;
|
|
||||||
background: none;
|
|
||||||
color: #999999;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.wrap {
|
|
||||||
display: flex;
|
.store-detail {
|
||||||
align-items: center;
|
padding-top: 80rpx;
|
||||||
padding: 32rpx 20rpx;
|
padding-right: 20rpx;
|
||||||
.name {
|
padding-left: 20rpx;
|
||||||
flex: 1;
|
background: left top/750rpx 360rpx no-repeat fixed;
|
||||||
min-width: 0;
|
|
||||||
font-weight: 400;
|
.section {
|
||||||
font-size: 28rpx;
|
border-radius: 10rpx;
|
||||||
color: #282828;
|
margin-bottom: 20rpx;
|
||||||
|
background-color: #ffffff;
|
||||||
|
border-radius: 21rpx 21rpx ;
|
||||||
}
|
}
|
||||||
.score-wrap {
|
|
||||||
|
.head {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
font-weight: 500;
|
padding: 20rpx;
|
||||||
font-size: 28rpx;
|
border-bottom: 1px solid #e1e1e1;
|
||||||
color: var(--view-theme);
|
|
||||||
.star {
|
|
||||||
position: relative;
|
.head-image {
|
||||||
width: 111rpx;
|
width: 90rpx;
|
||||||
height: 19rpx;
|
height: 90rpx;
|
||||||
margin-right: 10rpx;
|
border-radius: 6rpx;
|
||||||
background: url(../../columnGoods/images/star.png) left top/100% 100% no-repeat;
|
|
||||||
overflow: hidden;
|
|
||||||
view {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
height: 100%;
|
|
||||||
background: url(../../columnGoods/images/star_active.png) left top/111rpx 19rpx no-repeat;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
|
||||||
.iconfont {
|
.text-wrap {
|
||||||
font-size: 36rpx;
|
|
||||||
}
|
|
||||||
.icon-pingfen {
|
|
||||||
margin-right: 6rpx;
|
|
||||||
font-size: 23rpx;
|
|
||||||
color: #666666;
|
|
||||||
}
|
|
||||||
.active {
|
|
||||||
color: $theme-color;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.info {
|
|
||||||
.item {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
padding: 30rpx 20rpx;
|
|
||||||
border: 1px solid #f5f5f5;
|
|
||||||
font-weight: normal;
|
|
||||||
font-size: 28rpx;
|
|
||||||
line-height: 30rpx;
|
|
||||||
color: #282828;
|
|
||||||
.name {
|
|
||||||
margin-right: 18rpx;
|
|
||||||
}
|
|
||||||
.value {
|
|
||||||
flex: 1;
|
flex: 1;
|
||||||
min-width: 0;
|
min-width: 0;
|
||||||
|
margin-right: 20rpx;
|
||||||
|
margin-left: 20rpx;
|
||||||
|
line-height: 1;
|
||||||
|
|
||||||
|
.store-margin {
|
||||||
|
width: 28rpx;
|
||||||
|
height: 30rpx;
|
||||||
|
margin-left: 10rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.name {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
font-weight: bold;
|
||||||
|
font-size: 28rpx;
|
||||||
|
color: #282828;
|
||||||
|
|
||||||
|
.name_store {
|
||||||
|
display: inline-block;
|
||||||
|
overflow: hidden;
|
||||||
|
white-space: nowrap;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
max-width: 140px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.fans {
|
||||||
|
margin-top: 15rpx;
|
||||||
|
font-weight: 500;
|
||||||
|
font-size: 22rpx;
|
||||||
|
color: #666666;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
button {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
width: 113rpx;
|
||||||
|
height: 48rpx;
|
||||||
|
border-radius: 24rpx;
|
||||||
|
background-image: linear-gradient(-90deg, var(--view-bntColor21) 0%, var(--view-bntColor22) 100%);
|
||||||
|
font-weight: 500;
|
||||||
|
font-size: 22rpx;
|
||||||
|
color: #ffffff;
|
||||||
|
|
||||||
|
.iconfont {
|
||||||
|
margin-right: 6rpx;
|
||||||
|
font-size: 22rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.followed {
|
||||||
|
border: 1px solid #bfbfbf;
|
||||||
|
background: none;
|
||||||
|
color: #999999;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.very {
|
|
||||||
|
.wrap {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
padding: 32rpx 20rpx;
|
||||||
|
|
||||||
.name {
|
.name {
|
||||||
align-self: flex-start;
|
flex: 1;
|
||||||
|
min-width: 0;
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: 28rpx;
|
||||||
|
color: #282828;
|
||||||
|
}
|
||||||
|
|
||||||
|
.score-wrap {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
font-weight: 500;
|
||||||
|
font-size: 28rpx;
|
||||||
|
color: var(--view-theme);
|
||||||
|
|
||||||
|
.star {
|
||||||
|
position: relative;
|
||||||
|
width: 111rpx;
|
||||||
|
height: 19rpx;
|
||||||
|
margin-right: 10rpx;
|
||||||
|
background: url(../../columnGoods/images/star.png) left top/100% 100% no-repeat;
|
||||||
|
overflow: hidden;
|
||||||
|
|
||||||
|
view {
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
height: 100%;
|
||||||
|
background: url(../../columnGoods/images/star_active.png) left top/111rpx 19rpx no-repeat;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.iconfont {
|
||||||
|
font-size: 36rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-pingfen {
|
||||||
|
margin-right: 6rpx;
|
||||||
|
font-size: 23rpx;
|
||||||
|
color: #666666;
|
||||||
|
}
|
||||||
|
|
||||||
|
.active {
|
||||||
|
color: $theme-color;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
|
||||||
.popup-qrcode {
|
|
||||||
position: fixed;
|
|
||||||
top: 50%;
|
|
||||||
left: 50%;
|
|
||||||
z-index: 99;
|
|
||||||
width: 544rpx;
|
|
||||||
padding-top: 48rpx;
|
|
||||||
padding-bottom: 36rpx;
|
|
||||||
border-radius: 24rpx;
|
|
||||||
background-color: #ffffff;
|
|
||||||
transform: translate(-50%, -50%) scale(0);
|
|
||||||
opacity: 0;
|
|
||||||
transition: 0.3s;
|
|
||||||
line-height: 1;
|
|
||||||
text-align: center;
|
|
||||||
color: #282828;
|
|
||||||
.name {
|
|
||||||
max-width: 90%;
|
|
||||||
margin-right: auto;
|
|
||||||
margin-left: auto;
|
|
||||||
font-weight: bold;
|
|
||||||
font-size: 32rpx;
|
|
||||||
}
|
|
||||||
.info {
|
.info {
|
||||||
margin-top: 24rpx;
|
.item {
|
||||||
font-weight: 500;
|
display: flex;
|
||||||
font-size: 24rpx;
|
align-items: center;
|
||||||
|
padding: 30rpx 20rpx;
|
||||||
|
|
||||||
|
font-weight: normal;
|
||||||
|
font-size: 28rpx;
|
||||||
|
line-height: 30rpx;
|
||||||
|
color: #282828;
|
||||||
|
|
||||||
|
.name {
|
||||||
|
margin-right: 18rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.value {
|
||||||
|
flex: 1;
|
||||||
|
min-width: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.very {
|
||||||
|
.name {
|
||||||
|
align-self: flex-start;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
image {
|
|
||||||
width: 384rpx;
|
.popup-qrcode {
|
||||||
height: 384rpx;
|
position: fixed;
|
||||||
margin-top: 18rpx;
|
top: 50%;
|
||||||
|
left: 50%;
|
||||||
|
z-index: 99;
|
||||||
|
width: 544rpx;
|
||||||
|
padding-top: 48rpx;
|
||||||
|
padding-bottom: 36rpx;
|
||||||
|
border-radius: 24rpx;
|
||||||
|
background-color: #ffffff;
|
||||||
|
transform: translate(-50%, -50%) scale(0);
|
||||||
|
opacity: 0;
|
||||||
|
transition: 0.3s;
|
||||||
|
line-height: 1;
|
||||||
|
text-align: center;
|
||||||
|
color: #282828;
|
||||||
|
|
||||||
|
.name {
|
||||||
|
max-width: 90%;
|
||||||
|
margin-right: auto;
|
||||||
|
margin-left: auto;
|
||||||
|
font-weight: bold;
|
||||||
|
font-size: 32rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.info {
|
||||||
|
margin-top: 24rpx;
|
||||||
|
font-weight: 500;
|
||||||
|
font-size: 24rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
image {
|
||||||
|
width: 384rpx;
|
||||||
|
height: 384rpx;
|
||||||
|
margin-top: 18rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.popup-active {
|
||||||
|
transform: translate(-50%, -50%) scale(1);
|
||||||
|
opacity: 1;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.popup-active {
|
</style>
|
||||||
transform: translate(-50%, -50%) scale(1);
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
|
|
@ -7,11 +7,27 @@
|
||||||
<view class="iconfont icon-xiangzuo"></view>
|
<view class="iconfont icon-xiangzuo"></view>
|
||||||
</view>
|
</view>
|
||||||
<!-- #endif -->
|
<!-- #endif -->
|
||||||
<view class='input acea-row row-between-wrapper'><text class='iconfont icon-sousuo'></text>
|
|
||||||
|
<view style="position: relative;display: flex;">
|
||||||
|
|
||||||
|
<u-search borderColor="#FCB9AD" bgColor="white" :showAction="false" placeholder="搜索产品关键词"
|
||||||
|
v-model="sotreParam.keyword" class="serch_cls"></u-search>
|
||||||
|
<u--image @tap="searchSubmit" class="img_cls" :showLoading="true"
|
||||||
|
src="/static/images/GXSC/SSBT.png" width="115.65rpx" height="56.82rpx"></u--image>
|
||||||
|
</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'
|
<input placeholder='搜索商品名称' placeholder-class='placeholder' confirm-type='search' name="search" :value='where.keyword'
|
||||||
@confirm="searchSubmit"></input>
|
@confirm="searchSubmit"></input>
|
||||||
</view>
|
</view>
|
||||||
<view style="text-align: right;" class='iconfont' :class='is_switch==true?"icon-pailie":"icon-tupianpailie"' @click='Changswitch'></view>
|
<view class="">
|
||||||
|
|
||||||
|
</view> -->
|
||||||
|
<view class="dp-img">
|
||||||
|
|
||||||
|
<image src="@/static/images/dp1.png" v-if="is_switch==true" mode="aspectFit" @click='Changswitch'></image>
|
||||||
|
<image src="@/static/images/dp2.png" v-else mode="aspectFit" @click='Changswitch'></image>
|
||||||
|
</view>
|
||||||
|
<!-- <view style="text-align: right;" class='iconfont' :class='is_switch==true?"icon-pailie":"icon-tupianpailie"' @click='Changswitch'></view> -->
|
||||||
</view>
|
</view>
|
||||||
<view class="nav-wrapper">
|
<view class="nav-wrapper">
|
||||||
<view class='nav acea-row row-middle'>
|
<view class='nav acea-row row-middle'>
|
||||||
|
@ -220,6 +236,7 @@
|
||||||
price_off: '',
|
price_off: '',
|
||||||
isAuto: false, //没有授权的不会自动授权
|
isAuto: false, //没有授权的不会自动授权
|
||||||
isShowAuth: false, //是否隐藏授权
|
isShowAuth: false, //是否隐藏授权
|
||||||
|
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
onLoad: function(options) {
|
onLoad: function(options) {
|
||||||
|
@ -379,7 +396,7 @@
|
||||||
},
|
},
|
||||||
searchSubmit: function(e) {
|
searchSubmit: function(e) {
|
||||||
let that = this;
|
let that = this;
|
||||||
that.$set(that.where, 'keyword', e.detail.value);
|
that.$set(that.where, 'keyword', that.sotreParam.keywor);
|
||||||
if(this.tabIndex == 1){
|
if(this.tabIndex == 1){
|
||||||
that.loadend = false;
|
that.loadend = false;
|
||||||
that.$set(that.where, 'page', 1)
|
that.$set(that.where, 'page', 1)
|
||||||
|
@ -489,6 +506,27 @@
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
|
.serch_cls{
|
||||||
|
|
||||||
|
width:600rpx;
|
||||||
|
|
||||||
|
}
|
||||||
|
.img_cls {
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
right: 7rpx;
|
||||||
|
transform: translateY(-50%);
|
||||||
|
|
||||||
|
}
|
||||||
|
.dp-img {
|
||||||
|
width: 56rpx;
|
||||||
|
height: 56rpx;
|
||||||
|
|
||||||
|
image {
|
||||||
|
width: 100%;
|
||||||
|
height:100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
.productList .search {
|
.productList .search {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 86rpx;
|
height: 86rpx;
|
||||||
|
@ -498,7 +536,7 @@
|
||||||
left: 0;
|
left: 0;
|
||||||
top: 0;
|
top: 0;
|
||||||
z-index: 9;
|
z-index: 9;
|
||||||
background-color: var(--view-theme);
|
background-color: #fff;
|
||||||
}
|
}
|
||||||
.productList .search .back {
|
.productList .search .back {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
@ -506,7 +544,7 @@
|
||||||
width: 40rpx;
|
width: 40rpx;
|
||||||
height: 60rpx;
|
height: 60rpx;
|
||||||
.iconfont {
|
.iconfont {
|
||||||
color: #fff;
|
color: #000;
|
||||||
font-size: 36rpx;
|
font-size: 36rpx;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -514,6 +552,7 @@
|
||||||
width: 570rpx;
|
width: 570rpx;
|
||||||
height: 60rpx;
|
height: 60rpx;
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
|
border: 2rpx solid #FCB9AD;
|
||||||
border-radius: 50rpx;
|
border-radius: 50rpx;
|
||||||
padding: 0 20rpx;
|
padding: 0 20rpx;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
|
|
|
@ -224,39 +224,39 @@
|
||||||
}
|
}
|
||||||
// #endif
|
// #endif
|
||||||
// console.log('验证码登录', data);
|
// console.log('验证码登录', data);
|
||||||
// let time = data.expires_time - Cache.time();
|
let time = data.expires_time - Cache.time();
|
||||||
// const backUrl = that.$Cache.get(BACK_URL) || "/pages/index/index";
|
const backUrl = that.$Cache.get(BACK_URL) || "/pages/index/index";
|
||||||
// that.$Cache.clear(BACK_URL);
|
that.$Cache.clear(BACK_URL);
|
||||||
// that.$store.commit("LOGIN", {
|
that.$store.commit("LOGIN", {
|
||||||
// 'token': data.token,
|
'token': data.token,
|
||||||
// 'time': data.exp
|
'time': data.exp
|
||||||
// });
|
});
|
||||||
// that.$store.commit("SETUID", data.user.uid);
|
that.$store.commit("SETUID", data.user.uid);
|
||||||
// that.$store.commit('UPDATE_USERINFO', data.user);
|
that.$store.commit('UPDATE_USERINFO', data.user);
|
||||||
// // Cache.set(EXPIRES_TIME, data.result.expires_time, time);
|
// Cache.set(EXPIRES_TIME, data.result.expires_time, time);
|
||||||
// // #ifdef MP
|
// #ifdef MP
|
||||||
// Cache.set(EXPIRES_TIME, data.expires_time, time);
|
Cache.set(EXPIRES_TIME, data.expires_time, time);
|
||||||
// Cache.set(USER_INFO, data.user, time);
|
Cache.set(USER_INFO, data.user, time);
|
||||||
// // #endif
|
// #endif
|
||||||
// let method
|
let method
|
||||||
// let indexPat = ['/pages/index/index', '/pages/order_addcart/order_addcart',
|
let indexPat = ['/pages/index/index', '/pages/order_addcart/order_addcart',
|
||||||
// '/pages/goods_cate/goods_cate',
|
'/pages/goods_cate/goods_cate',
|
||||||
// '/pages/user/index'
|
'/pages/user/index'
|
||||||
// ]
|
]
|
||||||
// if (indexPat.includes(this.getPath(backUrl))) {
|
if (indexPat.includes(this.getPath(backUrl))) {
|
||||||
// method = 'switchTab'
|
method = 'switchTab'
|
||||||
// } else {
|
} else {
|
||||||
// method = 'navigateTo'
|
method = 'navigateTo'
|
||||||
// }
|
}
|
||||||
// if (this.getPath(backUrl) === '/pages/users/login/index') {
|
if (this.getPath(backUrl) === '/pages/users/login/index') {
|
||||||
// uni.switchTab({
|
uni.switchTab({
|
||||||
// url: '/pages/index/index'
|
url: '/pages/index/index'
|
||||||
// });
|
});
|
||||||
// return
|
return
|
||||||
// }
|
}
|
||||||
// uni[method]({
|
uni[method]({
|
||||||
// url: backUrl
|
url: backUrl
|
||||||
// });
|
});
|
||||||
})
|
})
|
||||||
.catch(res => {
|
.catch(res => {
|
||||||
that.$util.Tips({
|
that.$util.Tips({
|
||||||
|
|
|
@ -14,7 +14,7 @@
|
||||||
{{ item }}
|
{{ item }}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="list" :hidden="current !== 0">
|
<div class="list" :hidden="current !== 1">
|
||||||
<form @submit.prevent="submit">
|
<form @submit.prevent="submit">
|
||||||
<div class="item">
|
<div class="item">
|
||||||
<div class="acea-row row-middle">
|
<div class="acea-row row-middle">
|
||||||
|
@ -39,7 +39,7 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<div class="list" :hidden="current !== 1">
|
<div class="list" :hidden="current !== 0">
|
||||||
<div class="item">
|
<div class="item">
|
||||||
<div class="acea-row row-middle">
|
<div class="acea-row row-middle">
|
||||||
<image src="/static/images/phone_1.png"></image>
|
<image src="/static/images/phone_1.png"></image>
|
||||||
|
@ -70,8 +70,8 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="logon" @click="loginMobile" :hidden="current !== 1">登录</div>
|
<div class="logon" @click="loginMobile" :hidden="current !== 0">登录</div>
|
||||||
<div class="logon" @click="submit" :hidden="current === 1">登录</div>
|
<div class="logon" @click="submit" :hidden="current === 0">登录</div>
|
||||||
<div class="protocol acea-row row-between-wrapper">
|
<div class="protocol acea-row row-between-wrapper">
|
||||||
<checkbox-group class="checkgroup" @change='isAgree=!isAgree'>
|
<checkbox-group class="checkgroup" @change='isAgree=!isAgree'>
|
||||||
<checkbox class="checkbox" :checked="isAgree ? true : false" />
|
<checkbox class="checkbox" :checked="isAgree ? true : false" />
|
||||||
|
@ -639,8 +639,8 @@
|
||||||
.then(({
|
.then(({
|
||||||
data
|
data
|
||||||
}) => {
|
}) => {
|
||||||
// this.checkOpenId(data.user)
|
this.checkOpenId(data.user)
|
||||||
// const backUrl = that.$Cache.get(BACK_URL) || "/pages/index/index";
|
const backUrl = that.$Cache.get(BACK_URL) || "/pages/index/index";
|
||||||
that.$Cache.clear(BACK_URL);
|
that.$Cache.clear(BACK_URL);
|
||||||
that.$store.commit("LOGIN", {
|
that.$store.commit("LOGIN", {
|
||||||
'token': data.token,
|
'token': data.token,
|
||||||
|
@ -650,32 +650,25 @@
|
||||||
that.$store.commit('UPDATE_USERINFO', data.user);
|
that.$store.commit('UPDATE_USERINFO', data.user);
|
||||||
|
|
||||||
|
|
||||||
// let method
|
let method
|
||||||
// let indexPat = ['/pages/index/index', '/pages/order_addcart/order_addcart',
|
let indexPat = ['/pages/index/index', '/pages/order_addcart/order_addcart',
|
||||||
// '/pages/goods_cate/goods_cate',
|
'/pages/goods_cate/goods_cate',
|
||||||
// '/pages/user/index'
|
'/pages/user/index'
|
||||||
// ]
|
]
|
||||||
|
if (indexPat.includes(this.getPath(backUrl))) {
|
||||||
// if (indexPat.includes(this.getPath(backUrl))) {
|
method = 'switchTab'
|
||||||
// method = 'switchTab'
|
} else {
|
||||||
// } else {
|
method = 'navigateTo'
|
||||||
// method = 'navigateTo'
|
}
|
||||||
// }
|
if (this.getPath(backUrl) === '/pages/users/login/index') {
|
||||||
|
uni.switchTab({
|
||||||
// console.log(method)
|
url: '/pages/index/index'
|
||||||
// return
|
});
|
||||||
// if (this.getPath(backUrl) === '/pages/users/login/index') {
|
return
|
||||||
// uni.switchTab({
|
}
|
||||||
// url: '/pages/index/index'
|
uni[method]({
|
||||||
// });
|
url: backUrl
|
||||||
// return
|
});
|
||||||
// }
|
|
||||||
// uni[method]({
|
|
||||||
// url: backUrl
|
|
||||||
// });
|
|
||||||
uni.navigateTo({
|
|
||||||
url:'/pages/moreProject/moreProject'
|
|
||||||
})
|
|
||||||
})
|
})
|
||||||
.catch(res => {
|
.catch(res => {
|
||||||
that.$util.Tips({
|
that.$util.Tips({
|
||||||
|
@ -809,8 +802,8 @@
|
||||||
.then(({
|
.then(({
|
||||||
data
|
data
|
||||||
}) => {
|
}) => {
|
||||||
// this.checkOpenId(data.user)
|
this.checkOpenId(data.user)
|
||||||
// const backUrl = that.$Cache.get(BACK_URL) || "/pages/index/index";
|
const backUrl = that.$Cache.get(BACK_URL) || "/pages/index/index";
|
||||||
that.$Cache.clear(BACK_URL);
|
that.$Cache.clear(BACK_URL);
|
||||||
that.$store.commit("LOGIN", {
|
that.$store.commit("LOGIN", {
|
||||||
'token': data.token,
|
'token': data.token,
|
||||||
|
@ -818,29 +811,26 @@
|
||||||
});
|
});
|
||||||
that.$store.commit("SETUID", data.user.uid);
|
that.$store.commit("SETUID", data.user.uid);
|
||||||
that.$store.commit('UPDATE_USERINFO', data.user);
|
that.$store.commit('UPDATE_USERINFO', data.user);
|
||||||
// let method
|
|
||||||
// let indexPat = ['/pages/index/index', '/pages/order_addcart/order_addcart',
|
let method
|
||||||
// '/pages/goods_cate/goods_cate',
|
let indexPat = ['/pages/index/index', '/pages/order_addcart/order_addcart',
|
||||||
// '/pages/user/index'
|
'/pages/goods_cate/goods_cate',
|
||||||
// ]
|
'/pages/user/index'
|
||||||
// if (indexPat.includes(this.getPath(backUrl))) {
|
]
|
||||||
// method = 'switchTab'
|
if (indexPat.includes(this.getPath(backUrl))) {
|
||||||
// } else {
|
method = 'switchTab'
|
||||||
// method = 'navigateTo'
|
} else {
|
||||||
// }
|
method = 'navigateTo'
|
||||||
// if (this.getPath(backUrl) === '/pages/users/login/index') {
|
}
|
||||||
// uni.switchTab({
|
if (this.getPath(backUrl) === '/pages/users/login/index') {
|
||||||
// url: '/pages/index/index'
|
uni.switchTab({
|
||||||
// });
|
url: '/pages/index/index'
|
||||||
// return
|
});
|
||||||
// }
|
return
|
||||||
// uni[method]({
|
}
|
||||||
// url: backUrl
|
uni[method]({
|
||||||
// });
|
url: backUrl
|
||||||
uni.navigateTo({
|
});
|
||||||
url:'/pages/moreProject/moreProject'
|
|
||||||
})
|
|
||||||
|
|
||||||
})
|
})
|
||||||
.catch(e => {
|
.catch(e => {
|
||||||
that.$util.Tips({
|
that.$util.Tips({
|
||||||
|
|
Before Width: | Height: | Size: 2.3 KiB |
Before Width: | Height: | Size: 3.2 KiB |
Before Width: | Height: | Size: 1.6 KiB |
Before Width: | Height: | Size: 3.5 KiB |
Before Width: | Height: | Size: 1.7 KiB |
Before Width: | Height: | Size: 3.5 KiB |
Before Width: | Height: | Size: 2.0 KiB |
Before Width: | Height: | Size: 3.0 KiB |
Before Width: | Height: | Size: 4.2 KiB |
Before Width: | Height: | Size: 3.3 KiB |
Before Width: | Height: | Size: 2.9 KiB |
Before Width: | Height: | Size: 628 KiB |
Before Width: | Height: | Size: 65 KiB |
Before Width: | Height: | Size: 209 KiB |
Before Width: | Height: | Size: 64 KiB |
Before Width: | Height: | Size: 228 KiB |
Before Width: | Height: | Size: 83 KiB |
Before Width: | Height: | Size: 260 KiB |
Before Width: | Height: | Size: 113 KiB |
Before Width: | Height: | Size: 180 KiB |
Before Width: | Height: | Size: 2.4 KiB |
Before Width: | Height: | Size: 9.4 KiB After Width: | Height: | Size: 243 KiB |
Before Width: | Height: | Size: 3.6 KiB |
Before Width: | Height: | Size: 394 B After Width: | Height: | Size: 712 B |
Before Width: | Height: | Size: 4.5 KiB After Width: | Height: | Size: 2.0 KiB |
Before Width: | Height: | Size: 1.4 KiB After Width: | Height: | Size: 1.5 KiB |
Before Width: | Height: | Size: 4.7 KiB After Width: | Height: | Size: 3.0 KiB |
Before Width: | Height: | Size: 2.6 KiB After Width: | Height: | Size: 2.3 KiB |
Before Width: | Height: | Size: 4.8 KiB After Width: | Height: | Size: 1.6 KiB |
Before Width: | Height: | Size: 1.6 KiB After Width: | Height: | Size: 1.5 KiB |
Before Width: | Height: | Size: 3.7 KiB |
Before Width: | Height: | Size: 2.1 KiB |
Before Width: | Height: | Size: 4.8 KiB |
Before Width: | Height: | Size: 2.2 KiB |
Before Width: | Height: | Size: 3.9 KiB |