界面更改
This commit is contained in:
parent
cec9c9720e
commit
4c01652089
12
App.vue
12
App.vue
|
|
@ -148,7 +148,7 @@
|
|||
that.getConfigData()
|
||||
|
||||
//#ifdef APP-PLUS
|
||||
|
||||
|
||||
|
||||
jpushModule.setLoggerEnable(true);
|
||||
jpushModule.initJPushService()
|
||||
|
|
@ -209,7 +209,11 @@
|
|||
//#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: {
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
|
@ -391,7 +395,7 @@
|
|||
font-size: 24rpx;
|
||||
|
||||
&_icon {
|
||||
background-image: url('static/tabbar_icon/d.png');
|
||||
// background-image: url('static/tabbar_icon/d.png');
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
font-size: 80rpx;
|
||||
|
|
|
|||
16
api/api.js
16
api/api.js
|
|
@ -290,4 +290,18 @@ export function village(data) {
|
|||
*/
|
||||
export function brigade(data) {
|
||||
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() {
|
||||
return request.get(`business/agree?type=business_apply_agree`, {}, {
|
||||
export function business(data) {
|
||||
return request.get(`business/agree`, data, {
|
||||
noAuth: true
|
||||
});
|
||||
}
|
||||
|
|
@ -319,5 +319,5 @@ export function intention(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() {
|
||||
return request.get(`business/agree?type=sys_intention_agree`, {}, { noAuth: true });
|
||||
export function agreeiness(data) {
|
||||
return request.get(`business/agree`, data, { noAuth: true });
|
||||
}
|
||||
|
|
@ -1,55 +1,82 @@
|
|||
<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'>
|
||||
<easy-loadimage mode="widthFix" :image-src="item.image"></easy-loadimage>
|
||||
<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>
|
||||
<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 v-if="item.border_pic" :style="{ backgroundImage: `url(${item.border_pic})` }" class="border-picture">
|
||||
</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>
|
||||
<view class="vipImg">
|
||||
<image src="/static/images/svip.png"></image>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<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" :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 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"
|
||||
: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 delivery" v-if="item.delivery_free == 1">包邮</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view v-else-if="type == 1" class="wf-page1" :style="viewColor">
|
||||
|
||||
<view class='pictrue'>
|
||||
<easy-loadimage mode="widthFix" :image-src="item.image"></easy-loadimage>
|
||||
<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 class='text'>
|
||||
<view class='name line2'>{{item.store_name}}</view>
|
||||
<view class='money'>
|
||||
￥<text class='num'>{{item.price}}</text>
|
||||
<view class="score"><span
|
||||
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 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>
|
||||
|
||||
<view class="vipImg">
|
||||
<image src="/static/images/svip.png"></image>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<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.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 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.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 delivery" v-if="item.delivery_free == 1">包邮</text>
|
||||
</view>
|
||||
<view class="score">{{item.rate}}评分 {{item.reply_count}}条评论</view>
|
||||
|
||||
<view class="company" v-if="item.merchant" @click.stop="goShop(item.merchant.mer_id)">
|
||||
<text class="line1">{{item.merchant.mer_name}}</text>
|
||||
<view class="flex" v-if="isStore != '1'">
|
||||
|
|
@ -65,283 +92,334 @@
|
|||
最高赚 ¥{{item.max_extension}}
|
||||
</view>
|
||||
</block>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import easyLoadimage from '@/components/easy-loadimage/easy-loadimage.vue'
|
||||
import {mapGetters} from "vuex";
|
||||
export default {
|
||||
components:{easyLoadimage},
|
||||
computed: mapGetters(['viewColor']),
|
||||
props: {
|
||||
import easyLoadimage from '@/components/easy-loadimage/easy-loadimage.vue'
|
||||
import {
|
||||
mapGetters
|
||||
} from "vuex";
|
||||
export default {
|
||||
components: {
|
||||
easyLoadimage
|
||||
},
|
||||
computed: mapGetters(['viewColor']),
|
||||
props: {
|
||||
item: {
|
||||
type: Object,
|
||||
require: true
|
||||
},
|
||||
type: {
|
||||
type: Number|String,
|
||||
default: 0
|
||||
type: {
|
||||
type: Number | String,
|
||||
default: 0
|
||||
},
|
||||
isStore: {
|
||||
type: [String, Number],
|
||||
default: '1'
|
||||
},
|
||||
isLogin: {
|
||||
type: Boolean,
|
||||
require: false
|
||||
}
|
||||
},
|
||||
isStore: {
|
||||
type: [String, Number],
|
||||
default: '1'
|
||||
data() {
|
||||
return {}
|
||||
},
|
||||
isLogin: {
|
||||
type: Boolean,
|
||||
require: false
|
||||
methods: {
|
||||
goShop(id) {
|
||||
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>
|
||||
<style lang="scss" scoped>
|
||||
.wf-item-page {
|
||||
background: #fff;
|
||||
overflow: hidden;
|
||||
border-radius: 16rpx;
|
||||
padding-bottom: 20rpx;
|
||||
}
|
||||
.wf-page0 .coupon{
|
||||
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;
|
||||
position: relative;
|
||||
/deep/image,/deep/.easy-loadimage,uni-image{
|
||||
.items-img {
|
||||
width: 44rpx;
|
||||
height: 44rpx;
|
||||
|
||||
image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.wf-item-page {
|
||||
background: #fff;
|
||||
overflow: hidden;
|
||||
border-radius: 16rpx;
|
||||
padding-bottom: 20rpx;
|
||||
}
|
||||
|
||||
.wf-page0 .coupon {
|
||||
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;
|
||||
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;
|
||||
top: 0;
|
||||
left: 0;
|
||||
|
||||
.loadfail-img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border-radius: 16rpx 16rpx 0 0;
|
||||
background: center/cover no-repeat;
|
||||
height: 360rpx;
|
||||
}
|
||||
}
|
||||
.loadfail-img{
|
||||
width: 100%;
|
||||
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;
|
||||
|
||||
.svip {
|
||||
margin: 5rpx 0 15rpx;
|
||||
}
|
||||
}
|
||||
.wf-page0 .name {
|
||||
color: #282828;
|
||||
margin: 20rpx 0 10rpx 0;
|
||||
font-size: 13px;
|
||||
overflow:hidden;
|
||||
text-overflow: ellipsis;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 2;
|
||||
-webkit-box-orient: vertical;
|
||||
text-align: left;
|
||||
}
|
||||
.wf-page0 .text{
|
||||
padding: 0 20rpx;
|
||||
}
|
||||
.wf-page0 .money {
|
||||
font-size: 20rpx;
|
||||
font-weight: bold;
|
||||
color: var(--view-priceColor);
|
||||
}
|
||||
.b-color {
|
||||
background-color: var(--view-theme);
|
||||
border: 1px solid var(--view-theme);
|
||||
}
|
||||
.wf-page0 .money .num {
|
||||
font-size: 34rpx;
|
||||
}
|
||||
.wf-page1 .wf-item{
|
||||
.name{
|
||||
|
||||
.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 {
|
||||
color: #282828;
|
||||
margin: 20rpx 0 10rpx 0;
|
||||
font-size: 13px;
|
||||
overflow:hidden;
|
||||
text-overflow: ellipsis;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 2;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 2;
|
||||
-webkit-box-orient: vertical;
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
.wf-page1 .pictrue {
|
||||
position: relative;
|
||||
height: 345rpx;
|
||||
width: 100%!important;
|
||||
/deep/image,/deep/.easy-loadimage,uni-image{
|
||||
height: 345rpx;
|
||||
border-radius: 20rpx 20rpx 0 0;
|
||||
|
||||
.wf-page0 .text {
|
||||
padding: 0 20rpx;
|
||||
}
|
||||
.border-picture {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border-radius: 20rpx 20rpx 0 0;
|
||||
background: center/cover no-repeat;
|
||||
|
||||
.wf-page0 .money {
|
||||
font-size: 20rpx;
|
||||
color: var(--view-priceColor);
|
||||
}
|
||||
|
||||
}
|
||||
.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;
|
||||
|
||||
.b-color {
|
||||
background-color: var(--view-theme);
|
||||
border: 1px solid var(--view-theme);
|
||||
}
|
||||
}
|
||||
.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: #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;
|
||||
|
||||
.wf-page0 .money .num {
|
||||
font-size: 34rpx;
|
||||
}
|
||||
.flex {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-left: 10rpx;
|
||||
color: #282828;
|
||||
.iconfont {
|
||||
font-size: 16rpx;
|
||||
margin-top: 4rpx;
|
||||
|
||||
.wf-page1 .wf-item {
|
||||
.name {
|
||||
font-size: 13px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 2;
|
||||
-webkit-box-orient: vertical;
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
}
|
||||
.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;
|
||||
|
||||
.wf-page1 .pictrue {
|
||||
position: relative;
|
||||
height: 345rpx;
|
||||
width: 100% !important;
|
||||
|
||||
/deep/image,
|
||||
/deep/.easy-loadimage,
|
||||
uni-image {
|
||||
height: 345rpx;
|
||||
border-radius: 20rpx 20rpx 0 0;
|
||||
}
|
||||
|
||||
.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
302
pages.json
|
|
@ -28,15 +28,15 @@
|
|||
// },
|
||||
// // #endif
|
||||
//pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
|
||||
{
|
||||
"path": "pages/moreProject/moreProject",
|
||||
"style": {
|
||||
"navigationBarTitleText": "更多功能",
|
||||
"enablePullDownRefresh": false
|
||||
}
|
||||
|
||||
},
|
||||
|
||||
// {
|
||||
// "path": "pages/moreProject/moreProject",
|
||||
// "style": {
|
||||
// "navigationBarTitleText": "更多功能",
|
||||
// "enablePullDownRefresh": false
|
||||
// }
|
||||
|
||||
// },
|
||||
|
||||
{
|
||||
"path": "pages/index/index",
|
||||
"style": {
|
||||
|
|
@ -52,20 +52,40 @@
|
|||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/gather/gather",
|
||||
"path": "pages/chat/customer_list/index",
|
||||
"style": {
|
||||
"navigationBarTitleText": "工作台",
|
||||
"navigationBarTitleText": "消息",
|
||||
"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": {
|
||||
"navigationBarTitleText": "常用",
|
||||
"navigationBarTitleText": "商品管理",
|
||||
"navigationStyle": "custom",
|
||||
"enablePullDownRefresh": true,
|
||||
// #ifdef APP-PLUS
|
||||
"enablePullDownRefresh": true,
|
||||
// #endif
|
||||
"app-plus": {
|
||||
"scrollIndicator": false //禁用原生导航栏
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/moreProject/moreProject",
|
||||
"style": {
|
||||
"navigationBarTitleText": "更多功能",
|
||||
"enablePullDownRefresh": false
|
||||
}
|
||||
|
||||
},
|
||||
{
|
||||
"path": "pages/order_addcart/order_addcart",
|
||||
|
|
@ -74,90 +94,120 @@
|
|||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/plant_grass/index",
|
||||
"path": "pages/product/list/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,
|
||||
"navigationBarTitleText": "商品管理",
|
||||
"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",
|
||||
"name": "goods_cate",
|
||||
"pages": [{
|
||||
|
|
@ -949,26 +999,14 @@
|
|||
|
||||
]
|
||||
},
|
||||
|
||||
{
|
||||
"root": "pages/store",
|
||||
"name": "store",
|
||||
"pages": [{
|
||||
"path": "index",
|
||||
"style": {
|
||||
"navigationStyle": "custom",
|
||||
"enablePullDownRefresh": true,
|
||||
"navigationBarTitleText": "店铺diy首页"
|
||||
// #ifdef MP
|
||||
,
|
||||
"navigationBarTextStyle": "#FFFFFF"
|
||||
// #endif
|
||||
}
|
||||
}, {
|
||||
"path": "home/index",
|
||||
"style": {
|
||||
"navigationStyle": "custom",
|
||||
"navigationBarTitleText": "店铺首页"
|
||||
"navigationBarTitleText": "我的店铺"
|
||||
// #ifdef MP
|
||||
,
|
||||
"navigationBarTextStyle": "#FFFFFF"
|
||||
|
|
@ -1132,19 +1170,7 @@
|
|||
"navigationBarTitleText": "商品管理",
|
||||
"enablePullDownRefresh": true
|
||||
}
|
||||
},{
|
||||
"path": "transactionApplication/index",
|
||||
"style": {
|
||||
"navigationBarTitleText": "交易申请",
|
||||
"enablePullDownRefresh": false
|
||||
}
|
||||
},{
|
||||
"path": "transactionApplication/application",
|
||||
"style": {
|
||||
"navigationBarTitleText": "申请记录",
|
||||
"enablePullDownRefresh": false
|
||||
}
|
||||
},
|
||||
},
|
||||
{
|
||||
"path": "goodsOnSale/index",
|
||||
"style": {
|
||||
|
|
@ -1627,40 +1653,36 @@
|
|||
"selectedColor": "#E93323",
|
||||
"borderStyle": "white",
|
||||
"backgroundColor": "#ffffff",
|
||||
|
||||
"list": [{
|
||||
"pagePath": "pages/index/index",
|
||||
"iconPath": "static/tabbar_icon/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",
|
||||
"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",
|
||||
"selectedIconPath": "static/tabbar_icon/c-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": "我的"
|
||||
"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,
|
||||
serviceUserList
|
||||
} from "@/api/user";
|
||||
import {
|
||||
getUserInfo
|
||||
} from '@/api/user.js';
|
||||
import { mapGetters } from "vuex";
|
||||
export default {
|
||||
name: "CustomerList",
|
||||
|
|
@ -88,13 +91,9 @@
|
|||
computed: mapGetters(['isLogin','viewColor']),
|
||||
onLoad(optios) {
|
||||
this.type = optios.type;
|
||||
this.mer_id = optios.mer_id;
|
||||
if(this.isLogin){
|
||||
this.getList(this.mer_id)
|
||||
} else {
|
||||
this.isAuto = true;
|
||||
this.isShowAuth = true
|
||||
}
|
||||
|
||||
|
||||
this.getindex()
|
||||
},
|
||||
onShow(option) {
|
||||
if(this.isLogin){
|
||||
|
|
@ -119,6 +118,21 @@
|
|||
this.clear = true;
|
||||
},
|
||||
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() {
|
||||
this.isShowAuth = false;
|
||||
this.getList(this.mer_id);
|
||||
|
|
@ -217,7 +231,7 @@
|
|||
},
|
||||
};
|
||||
</script>
|
||||
<style lang="scss">
|
||||
<style lang="scss" scoped>
|
||||
.CustomerList {
|
||||
.spin {
|
||||
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>
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
|
|
@ -149,6 +149,10 @@
|
|||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="conter-img" v-if='productList.length == 0'>
|
||||
<image src="@/static/images/noCart.png" mode="aspectFit"></image>
|
||||
</view>
|
||||
</view>
|
||||
<Loading :loaded="loaded" :loading="loading"></Loading>
|
||||
</view>
|
||||
|
|
@ -199,6 +203,9 @@
|
|||
productRecommendApi,
|
||||
postImport
|
||||
} from "@/api/product";
|
||||
import {
|
||||
getUserInfo
|
||||
} from '@/api/user.js';
|
||||
import Loading from '@/components/Loading/index.vue';
|
||||
import {
|
||||
navigateTo,
|
||||
|
|
@ -248,9 +255,9 @@
|
|||
ll: 0
|
||||
}
|
||||
},
|
||||
onLoad(options) {
|
||||
this.mer_id = options.mer_id;
|
||||
this.getList(this.mer_id, true);
|
||||
onLoad() {
|
||||
this.getindex()
|
||||
|
||||
},
|
||||
onPullDownRefresh() {
|
||||
this.where.page = 1
|
||||
|
|
@ -269,6 +276,15 @@
|
|||
},
|
||||
|
||||
methods: {
|
||||
|
||||
//获取商户信息
|
||||
getindex(){
|
||||
getUserInfo().then(res => {
|
||||
|
||||
this.mer_id = res.data.service.mer_id;
|
||||
this.getList(res.data.service.mer_id, true);
|
||||
});
|
||||
},
|
||||
menuActiona(item, index) {
|
||||
if (item.is_good) {
|
||||
this.options = [{
|
||||
|
|
@ -697,6 +713,19 @@
|
|||
swiper {
|
||||
height: 200rpx;
|
||||
}
|
||||
.conter-img {
|
||||
width: 650rpx;
|
||||
height: 400rpx;
|
||||
margin: 0 auto;
|
||||
margin-top: 360rpx;
|
||||
|
||||
|
||||
image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.header {
|
||||
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>
|
||||
<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="section head">
|
||||
<image :src="store.mer_avatar"></image>
|
||||
<view class="text-wrap">
|
||||
<view class="name line1">
|
||||
<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 class="store-detail">
|
||||
<view class="section">
|
||||
<view class="head">
|
||||
|
||||
|
||||
<image class="head-image" :src="store.mer_avatar"></image>
|
||||
<view class="text-wrap">
|
||||
<view class="name line1">
|
||||
<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 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>
|
||||
<view class="section wrap">
|
||||
<view class="name">店铺评级</view>
|
||||
<view class="score-wrap">
|
||||
<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 class="section wrap">
|
||||
<view class="name">店铺评级</view>
|
||||
<view class="score-wrap">
|
||||
<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>
|
||||
</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>
|
||||
<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 class="name">联系客服</view>
|
||||
<view><text class="iconfont icon-kefu1"></text></view>
|
||||
<view><text class="iconfont icon-kefu1"></text></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><text class="iconfont icon-kefu1"></text></view>
|
||||
</navigator>
|
||||
</navigator>
|
||||
<view class="section info">
|
||||
<view class="item very">
|
||||
<view class="name">店铺简介</view>
|
||||
|
|
@ -49,7 +72,8 @@
|
|||
<view class="item very">
|
||||
<view class="name">店铺地址</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 v-if="store.service_phone" class="item">
|
||||
<view class="name">联系电话</view>
|
||||
|
|
@ -76,428 +100,494 @@
|
|||
</template>
|
||||
|
||||
<script>
|
||||
// +----------------------------------------------------------------------
|
||||
// | CRMEB [ CRMEB赋能开发者，助力企业发展 ]
|
||||
// +----------------------------------------------------------------------
|
||||
// | Copyright (c) 2016~2021 https://www.crmeb.com All rights reserved.
|
||||
// +----------------------------------------------------------------------
|
||||
// | Licensed CRMEB并不是自由软件，未经许可不能去掉CRMEB相关版权
|
||||
// +----------------------------------------------------------------------
|
||||
// | Author: CRMEB Team <admin@crmeb.com>
|
||||
// +----------------------------------------------------------------------
|
||||
import { mapGetters } from 'vuex';
|
||||
import { configMap } from "@/utils";
|
||||
import { getStoreDetail, followStore, unfollowStore, merchantQrcode } from '@/api/store.js';
|
||||
import { HTTP_REQUEST_URL } from '@/config/app';
|
||||
let app = getApp();
|
||||
export default {
|
||||
computed: {
|
||||
...configMap({margin_ico_switch: 0,margin_ico: ''}, mapGetters(['isLogin','uid','viewColor','keyColor'])),
|
||||
},
|
||||
filters: {
|
||||
dateFormat: function(value) {
|
||||
if (!value) {
|
||||
return '';
|
||||
}
|
||||
return value.split(' ')[0];
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
domain: HTTP_REQUEST_URL,
|
||||
id: 0,
|
||||
store: {},
|
||||
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,
|
||||
})
|
||||
// +----------------------------------------------------------------------
|
||||
// | CRMEB [ CRMEB赋能开发者，助力企业发展 ]
|
||||
// +----------------------------------------------------------------------
|
||||
// | Copyright (c) 2016~2021 https://www.crmeb.com All rights reserved.
|
||||
// +----------------------------------------------------------------------
|
||||
// | Licensed CRMEB并不是自由软件，未经许可不能去掉CRMEB相关版权
|
||||
// +----------------------------------------------------------------------
|
||||
// | Author: CRMEB Team <admin@crmeb.com>
|
||||
// +----------------------------------------------------------------------
|
||||
import {
|
||||
mapGetters
|
||||
} from 'vuex';
|
||||
import {
|
||||
configMap
|
||||
} from "@/utils";
|
||||
import {
|
||||
getStoreDetail,
|
||||
followStore,
|
||||
unfollowStore,
|
||||
merchantQrcode
|
||||
} from '@/api/store.js';
|
||||
import {
|
||||
HTTP_REQUEST_URL
|
||||
} from '@/config/app';
|
||||
let app = getApp();
|
||||
export default {
|
||||
computed: {
|
||||
...configMap({
|
||||
margin_ico_switch: 0,
|
||||
margin_ico: ''
|
||||
}, mapGetters(['isLogin', 'uid', 'viewColor', 'keyColor'])),
|
||||
},
|
||||
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;
|
||||
filters: {
|
||||
dateFormat: function(value) {
|
||||
if (!value) {
|
||||
return '';
|
||||
}
|
||||
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
|
||||
return value.split(' ')[0];
|
||||
}
|
||||
//#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'
|
||||
data() {
|
||||
return {
|
||||
domain: HTTP_REQUEST_URL,
|
||||
id: 0,
|
||||
store: {},
|
||||
score: 0,
|
||||
star: 0,
|
||||
popupShow: false,
|
||||
storeCode: '',
|
||||
openSettingBtnHidden: true, //是否授权
|
||||
mer_location: '',
|
||||
};
|
||||
//#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
|
||||
});
|
||||
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() {
|
||||
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>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.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 {
|
||||
.font-bg-red {
|
||||
display: flex;
|
||||
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 {
|
||||
width: 90rpx;
|
||||
height: 90rpx;
|
||||
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;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
.wrap {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 32rpx 20rpx;
|
||||
.name {
|
||||
flex: 1;
|
||||
min-width: 0;
|
||||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
color: #282828;
|
||||
|
||||
.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;
|
||||
border-radius: 21rpx 21rpx ;
|
||||
}
|
||||
.score-wrap {
|
||||
|
||||
.head {
|
||||
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;
|
||||
}
|
||||
padding: 20rpx;
|
||||
border-bottom: 1px solid #e1e1e1;
|
||||
|
||||
|
||||
.head-image {
|
||||
width: 90rpx;
|
||||
height: 90rpx;
|
||||
border-radius: 6rpx;
|
||||
}
|
||||
}
|
||||
.iconfont {
|
||||
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 {
|
||||
|
||||
.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;
|
||||
}
|
||||
}
|
||||
.very {
|
||||
|
||||
.wrap {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 32rpx 20rpx;
|
||||
|
||||
.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 {
|
||||
margin-top: 24rpx;
|
||||
font-weight: 500;
|
||||
font-size: 24rpx;
|
||||
.item {
|
||||
display: flex;
|
||||
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;
|
||||
height: 384rpx;
|
||||
margin-top: 18rpx;
|
||||
|
||||
.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 {
|
||||
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 {
|
||||
transform: translate(-50%, -50%) scale(1);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</style>
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -7,11 +7,27 @@
|
|||
<view class="iconfont icon-xiangzuo"></view>
|
||||
</view>
|
||||
<!-- #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'
|
||||
@confirm="searchSubmit"></input>
|
||||
</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 class="nav-wrapper">
|
||||
<view class='nav acea-row row-middle'>
|
||||
|
|
@ -220,6 +236,7 @@
|
|||
price_off: '',
|
||||
isAuto: false, //没有授权的不会自动授权
|
||||
isShowAuth: false, //是否隐藏授权
|
||||
|
||||
};
|
||||
},
|
||||
onLoad: function(options) {
|
||||
|
|
@ -379,7 +396,7 @@
|
|||
},
|
||||
searchSubmit: function(e) {
|
||||
let that = this;
|
||||
that.$set(that.where, 'keyword', e.detail.value);
|
||||
that.$set(that.where, 'keyword', that.sotreParam.keywor);
|
||||
if(this.tabIndex == 1){
|
||||
that.loadend = false;
|
||||
that.$set(that.where, 'page', 1)
|
||||
|
|
@ -489,6 +506,27 @@
|
|||
</script>
|
||||
|
||||
<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 {
|
||||
width: 100%;
|
||||
height: 86rpx;
|
||||
|
|
@ -498,7 +536,7 @@
|
|||
left: 0;
|
||||
top: 0;
|
||||
z-index: 9;
|
||||
background-color: var(--view-theme);
|
||||
background-color: #fff;
|
||||
}
|
||||
.productList .search .back {
|
||||
display: flex;
|
||||
|
|
@ -506,7 +544,7 @@
|
|||
width: 40rpx;
|
||||
height: 60rpx;
|
||||
.iconfont {
|
||||
color: #fff;
|
||||
color: #000;
|
||||
font-size: 36rpx;
|
||||
}
|
||||
}
|
||||
|
|
@ -514,6 +552,7 @@
|
|||
width: 570rpx;
|
||||
height: 60rpx;
|
||||
background-color: #fff;
|
||||
border: 2rpx solid #FCB9AD;
|
||||
border-radius: 50rpx;
|
||||
padding: 0 20rpx;
|
||||
box-sizing: border-box;
|
||||
|
|
|
|||
|
|
@ -224,39 +224,39 @@
|
|||
}
|
||||
// #endif
|
||||
// console.log('验证码登录', data);
|
||||
// let time = data.expires_time - Cache.time();
|
||||
// const backUrl = that.$Cache.get(BACK_URL) || "/pages/index/index";
|
||||
// that.$Cache.clear(BACK_URL);
|
||||
// that.$store.commit("LOGIN", {
|
||||
// 'token': data.token,
|
||||
// 'time': data.exp
|
||||
// });
|
||||
// that.$store.commit("SETUID", data.user.uid);
|
||||
// that.$store.commit('UPDATE_USERINFO', data.user);
|
||||
// // Cache.set(EXPIRES_TIME, data.result.expires_time, time);
|
||||
// // #ifdef MP
|
||||
// Cache.set(EXPIRES_TIME, data.expires_time, time);
|
||||
// Cache.set(USER_INFO, data.user, time);
|
||||
// // #endif
|
||||
// let method
|
||||
// let indexPat = ['/pages/index/index', '/pages/order_addcart/order_addcart',
|
||||
// '/pages/goods_cate/goods_cate',
|
||||
// '/pages/user/index'
|
||||
// ]
|
||||
// if (indexPat.includes(this.getPath(backUrl))) {
|
||||
// method = 'switchTab'
|
||||
// } else {
|
||||
// method = 'navigateTo'
|
||||
// }
|
||||
// if (this.getPath(backUrl) === '/pages/users/login/index') {
|
||||
// uni.switchTab({
|
||||
// url: '/pages/index/index'
|
||||
// });
|
||||
// return
|
||||
// }
|
||||
// uni[method]({
|
||||
// url: backUrl
|
||||
// });
|
||||
let time = data.expires_time - Cache.time();
|
||||
const backUrl = that.$Cache.get(BACK_URL) || "/pages/index/index";
|
||||
that.$Cache.clear(BACK_URL);
|
||||
that.$store.commit("LOGIN", {
|
||||
'token': data.token,
|
||||
'time': data.exp
|
||||
});
|
||||
that.$store.commit("SETUID", data.user.uid);
|
||||
that.$store.commit('UPDATE_USERINFO', data.user);
|
||||
// Cache.set(EXPIRES_TIME, data.result.expires_time, time);
|
||||
// #ifdef MP
|
||||
Cache.set(EXPIRES_TIME, data.expires_time, time);
|
||||
Cache.set(USER_INFO, data.user, time);
|
||||
// #endif
|
||||
let method
|
||||
let indexPat = ['/pages/index/index', '/pages/order_addcart/order_addcart',
|
||||
'/pages/goods_cate/goods_cate',
|
||||
'/pages/user/index'
|
||||
]
|
||||
if (indexPat.includes(this.getPath(backUrl))) {
|
||||
method = 'switchTab'
|
||||
} else {
|
||||
method = 'navigateTo'
|
||||
}
|
||||
if (this.getPath(backUrl) === '/pages/users/login/index') {
|
||||
uni.switchTab({
|
||||
url: '/pages/index/index'
|
||||
});
|
||||
return
|
||||
}
|
||||
uni[method]({
|
||||
url: backUrl
|
||||
});
|
||||
})
|
||||
.catch(res => {
|
||||
that.$util.Tips({
|
||||
|
|
|
|||
|
|
@ -14,7 +14,7 @@
|
|||
{{ item }}
|
||||
</div>
|
||||
</div>
|
||||
<div class="list" :hidden="current !== 0">
|
||||
<div class="list" :hidden="current !== 1">
|
||||
<form @submit.prevent="submit">
|
||||
<div class="item">
|
||||
<div class="acea-row row-middle">
|
||||
|
|
@ -39,7 +39,7 @@
|
|||
</div>
|
||||
|
||||
</div>
|
||||
<div class="list" :hidden="current !== 1">
|
||||
<div class="list" :hidden="current !== 0">
|
||||
<div class="item">
|
||||
<div class="acea-row row-middle">
|
||||
<image src="/static/images/phone_1.png"></image>
|
||||
|
|
@ -70,8 +70,8 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<div class="logon" @click="loginMobile" :hidden="current !== 1">登录</div>
|
||||
<div class="logon" @click="submit" :hidden="current === 1">登录</div>
|
||||
<div class="logon" @click="loginMobile" :hidden="current !== 0">登录</div>
|
||||
<div class="logon" @click="submit" :hidden="current === 0">登录</div>
|
||||
<div class="protocol acea-row row-between-wrapper">
|
||||
<checkbox-group class="checkgroup" @change='isAgree=!isAgree'>
|
||||
<checkbox class="checkbox" :checked="isAgree ? true : false" />
|
||||
|
|
@ -639,8 +639,8 @@
|
|||
.then(({
|
||||
data
|
||||
}) => {
|
||||
// this.checkOpenId(data.user)
|
||||
// const backUrl = that.$Cache.get(BACK_URL) || "/pages/index/index";
|
||||
this.checkOpenId(data.user)
|
||||
const backUrl = that.$Cache.get(BACK_URL) || "/pages/index/index";
|
||||
that.$Cache.clear(BACK_URL);
|
||||
that.$store.commit("LOGIN", {
|
||||
'token': data.token,
|
||||
|
|
@ -650,32 +650,25 @@
|
|||
that.$store.commit('UPDATE_USERINFO', data.user);
|
||||
|
||||
|
||||
// let method
|
||||
// let indexPat = ['/pages/index/index', '/pages/order_addcart/order_addcart',
|
||||
// '/pages/goods_cate/goods_cate',
|
||||
// '/pages/user/index'
|
||||
// ]
|
||||
|
||||
// if (indexPat.includes(this.getPath(backUrl))) {
|
||||
// method = 'switchTab'
|
||||
// } else {
|
||||
// method = 'navigateTo'
|
||||
// }
|
||||
|
||||
// console.log(method)
|
||||
// return
|
||||
// if (this.getPath(backUrl) === '/pages/users/login/index') {
|
||||
// uni.switchTab({
|
||||
// url: '/pages/index/index'
|
||||
// });
|
||||
// return
|
||||
// }
|
||||
// uni[method]({
|
||||
// url: backUrl
|
||||
// });
|
||||
uni.navigateTo({
|
||||
url:'/pages/moreProject/moreProject'
|
||||
})
|
||||
let method
|
||||
let indexPat = ['/pages/index/index', '/pages/order_addcart/order_addcart',
|
||||
'/pages/goods_cate/goods_cate',
|
||||
'/pages/user/index'
|
||||
]
|
||||
if (indexPat.includes(this.getPath(backUrl))) {
|
||||
method = 'switchTab'
|
||||
} else {
|
||||
method = 'navigateTo'
|
||||
}
|
||||
if (this.getPath(backUrl) === '/pages/users/login/index') {
|
||||
uni.switchTab({
|
||||
url: '/pages/index/index'
|
||||
});
|
||||
return
|
||||
}
|
||||
uni[method]({
|
||||
url: backUrl
|
||||
});
|
||||
})
|
||||
.catch(res => {
|
||||
that.$util.Tips({
|
||||
|
|
@ -809,8 +802,8 @@
|
|||
.then(({
|
||||
data
|
||||
}) => {
|
||||
// this.checkOpenId(data.user)
|
||||
// const backUrl = that.$Cache.get(BACK_URL) || "/pages/index/index";
|
||||
this.checkOpenId(data.user)
|
||||
const backUrl = that.$Cache.get(BACK_URL) || "/pages/index/index";
|
||||
that.$Cache.clear(BACK_URL);
|
||||
that.$store.commit("LOGIN", {
|
||||
'token': data.token,
|
||||
|
|
@ -818,29 +811,26 @@
|
|||
});
|
||||
that.$store.commit("SETUID", data.user.uid);
|
||||
that.$store.commit('UPDATE_USERINFO', data.user);
|
||||
// let method
|
||||
// let indexPat = ['/pages/index/index', '/pages/order_addcart/order_addcart',
|
||||
// '/pages/goods_cate/goods_cate',
|
||||
// '/pages/user/index'
|
||||
// ]
|
||||
// if (indexPat.includes(this.getPath(backUrl))) {
|
||||
// method = 'switchTab'
|
||||
// } else {
|
||||
// method = 'navigateTo'
|
||||
// }
|
||||
// if (this.getPath(backUrl) === '/pages/users/login/index') {
|
||||
// uni.switchTab({
|
||||
// url: '/pages/index/index'
|
||||
// });
|
||||
// return
|
||||
// }
|
||||
// uni[method]({
|
||||
// url: backUrl
|
||||
// });
|
||||
uni.navigateTo({
|
||||
url:'/pages/moreProject/moreProject'
|
||||
})
|
||||
|
||||
|
||||
let method
|
||||
let indexPat = ['/pages/index/index', '/pages/order_addcart/order_addcart',
|
||||
'/pages/goods_cate/goods_cate',
|
||||
'/pages/user/index'
|
||||
]
|
||||
if (indexPat.includes(this.getPath(backUrl))) {
|
||||
method = 'switchTab'
|
||||
} else {
|
||||
method = 'navigateTo'
|
||||
}
|
||||
if (this.getPath(backUrl) === '/pages/users/login/index') {
|
||||
uni.switchTab({
|
||||
url: '/pages/index/index'
|
||||
});
|
||||
return
|
||||
}
|
||||
uni[method]({
|
||||
url: backUrl
|
||||
});
|
||||
})
|
||||
.catch(e => {
|
||||
that.$util.Tips({
|
||||
|
|
|
|||
Binary file not shown.
|
Before Width: | Height: | Size: 2.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.2 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.6 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.5 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.5 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.0 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.0 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.2 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.9 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 628 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 65 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 209 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 64 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 228 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 83 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 260 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 113 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 180 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 9.4 KiB After Width: | Height: | Size: 243 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.6 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 394 B After Width: | Height: | Size: 712 B |
Binary file not shown.
|
Before Width: | Height: | Size: 4.5 KiB After Width: | Height: | Size: 2.0 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.4 KiB After Width: | Height: | Size: 1.5 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.7 KiB After Width: | Height: | Size: 3.0 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.6 KiB After Width: | Height: | Size: 2.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.8 KiB After Width: | Height: | Size: 1.6 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.6 KiB After Width: | Height: | Size: 1.5 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.8 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.2 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.9 KiB |
Loading…
Reference in New Issue