|
@@ -3,117 +3,68 @@
|
|
|
<!-- 为了方便审核 showGlInfo == 0 showGlInfo应该等于0 -->
|
|
<!-- 为了方便审核 showGlInfo == 0 showGlInfo应该等于0 -->
|
|
|
<view class="shop-list_box" v-if="showGlInfo == 0">
|
|
<view class="shop-list_box" v-if="showGlInfo == 0">
|
|
|
<template v-if="!$util.isEmpty(list)">
|
|
<template v-if="!$util.isEmpty(list)">
|
|
|
- <view
|
|
|
|
|
- :key="item.id"
|
|
|
|
|
- @click="pageTo({
|
|
|
|
|
- url: '/pages/home/index?account',
|
|
|
|
|
- type:4,
|
|
|
|
|
- query: {
|
|
|
|
|
- account: item.id
|
|
|
|
|
- }
|
|
|
|
|
- })"
|
|
|
|
|
- v-for="item in list"
|
|
|
|
|
- >
|
|
|
|
|
- <!-- <app-avatar-module :src="item.shopImg" /> -->
|
|
|
|
|
- <image :src="item.avatar"></image>
|
|
|
|
|
- <view class="tit">
|
|
|
|
|
- {{item.showName}}
|
|
|
|
|
- </view>
|
|
|
|
|
|
|
+ <view :key="item.id" @click="pageTo({ url:'/pages/home/index?account', type:4, query: { account: item.id } })" v-for="item in list" >
|
|
|
|
|
+ <image :src="item.cover"></image>
|
|
|
|
|
+ <view class="tit"> {{item.showName}} </view>
|
|
|
</view>
|
|
</view>
|
|
|
</template>
|
|
</template>
|
|
|
- <div v-else>
|
|
|
|
|
- 暂无数据
|
|
|
|
|
- </div>
|
|
|
|
|
|
|
+ <view v-else> 暂无数据 </view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view class="app-main app-content" v-else>
|
|
|
|
|
+ <app-swiper :list="ad" />
|
|
|
|
|
+ <view class="shop-wrap">
|
|
|
|
|
+ <view class="shop-tit">花卉宝</view>
|
|
|
|
|
+ <view>厦门市中花汇信息有限公司,成立于2015年,目前旗下有销花宝、花卉宝和花掌柜三个品牌,公司致力于帮助花店更轻松高效管理花店。</view>
|
|
|
</view>
|
|
</view>
|
|
|
- <div class="app-main app-content" v-else>
|
|
|
|
|
- <app-swiper
|
|
|
|
|
- :list="ad"
|
|
|
|
|
- />
|
|
|
|
|
- <div class="shop-wrap">
|
|
|
|
|
- <div class="shop-tit">花卉宝</div>
|
|
|
|
|
- <div>厦门市中花汇信息有限公司,成立于2015年,目前旗下有销花宝、花卉宝和花掌柜三个品牌,公司致力于帮助花店更轻松高效管理花店。</div>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="list-content">
|
|
|
|
|
|
|
+ <view class="list-content">
|
|
|
<tui-list-view class="tui-list-view">
|
|
<tui-list-view class="tui-list-view">
|
|
|
- <tui-list-cell
|
|
|
|
|
- :lineLeft="false"
|
|
|
|
|
- :lineRight="false"
|
|
|
|
|
- padding="26rpx 30rpx 26rpx 0"
|
|
|
|
|
- class="tui-list"
|
|
|
|
|
- >
|
|
|
|
|
- <div class="list-wrap">
|
|
|
|
|
- <div class="list-label">营业时间</div>
|
|
|
|
|
- <div class="list-val">{{ shop.openTime || '08:00-22:00' }}</div>
|
|
|
|
|
- </div>
|
|
|
|
|
|
|
+ <tui-list-cell :lineLeft="false" :lineRight="false" padding="26rpx 30rpx 26rpx 0" class="tui-list" >
|
|
|
|
|
+ <view class="list-wrap">
|
|
|
|
|
+ <view class="list-label">营业时间</view>
|
|
|
|
|
+ <view class="list-val">{{ shop.openTime || '08:00-22:00' }}</view>
|
|
|
|
|
+ </view>
|
|
|
</tui-list-cell>
|
|
</tui-list-cell>
|
|
|
- <tui-list-cell
|
|
|
|
|
- @click="phoneCall"
|
|
|
|
|
- :lineLeft="false"
|
|
|
|
|
- :lineRight="false"
|
|
|
|
|
- padding="26rpx 30rpx 26rpx 0"
|
|
|
|
|
- class="tui-list"
|
|
|
|
|
- >
|
|
|
|
|
- <div class="list-wrap">
|
|
|
|
|
- <div class="list-label">联系电话</div>
|
|
|
|
|
- <div class="list-val">{{ shop.telephone || '15280215347' }}</div>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="list-icon">
|
|
|
|
|
- <i
|
|
|
|
|
- class="iconfont iconditu"
|
|
|
|
|
- style="font-size:36rpx;"
|
|
|
|
|
- ></i>
|
|
|
|
|
- </div>
|
|
|
|
|
|
|
+ <tui-list-cell @click="phoneCall" :lineLeft="false" :lineRight="false" padding="26rpx 30rpx 26rpx 0" class="tui-list" >
|
|
|
|
|
+ <view class="list-wrap">
|
|
|
|
|
+ <view class="list-label">联系电话</view>
|
|
|
|
|
+ <view class="list-val">{{ shop.telephone || '15280215347' }}</view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view class="list-icon">
|
|
|
|
|
+ <i class="iconfont iconditu" style="font-size:36rpx;" ></i>
|
|
|
|
|
+ </view>
|
|
|
</tui-list-cell>
|
|
</tui-list-cell>
|
|
|
- <tui-list-cell
|
|
|
|
|
- @click="goNavBtn"
|
|
|
|
|
- :lineLeft="false"
|
|
|
|
|
- :lineRight="false"
|
|
|
|
|
- padding="26rpx 30rpx 26rpx 0"
|
|
|
|
|
- class="tui-list"
|
|
|
|
|
- >
|
|
|
|
|
- <div class="list-wrap">
|
|
|
|
|
- <div class="list-label">公司地址</div>
|
|
|
|
|
- <div class="list-val">厦门市软件园二期夜光汇2号楼521室</div>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="list-icon">
|
|
|
|
|
- <i
|
|
|
|
|
- class="iconfont icondianhua"
|
|
|
|
|
- style="font-size:36rpx;"
|
|
|
|
|
- ></i>
|
|
|
|
|
- </div>
|
|
|
|
|
|
|
+ <tui-list-cell @click="goNavBtn" :lineLeft="false" :lineRight="false" padding="26rpx 30rpx 26rpx 0" class="tui-list" >
|
|
|
|
|
+ <view class="list-wrap">
|
|
|
|
|
+ <view class="list-label">公司地址</view>
|
|
|
|
|
+ <view class="list-val">厦门市软件园二期夜光汇2号楼521室</view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view class="list-icon">
|
|
|
|
|
+ <i class="iconfont icondianhua" style="font-size:36rpx;" ></i>
|
|
|
|
|
+ </view>
|
|
|
</tui-list-cell>
|
|
</tui-list-cell>
|
|
|
</tui-list-view>
|
|
</tui-list-view>
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
|
|
+ </view>
|
|
|
|
|
+ </view>
|
|
|
</view>
|
|
</view>
|
|
|
</template>
|
|
</template>
|
|
|
-
|
|
|
|
|
<script>
|
|
<script>
|
|
|
import AppSwiper from "@/components/app-swiper";
|
|
import AppSwiper from "@/components/app-swiper";
|
|
|
import TuiListCell from "@/components/plugin/list-cell";
|
|
import TuiListCell from "@/components/plugin/list-cell";
|
|
|
import TuiListView from "@/components/plugin/list-view";
|
|
import TuiListView from "@/components/plugin/list-view";
|
|
|
import AppActivilyCoupon from "@/components/module/app-activily-coupon";
|
|
import AppActivilyCoupon from "@/components/module/app-activily-coupon";
|
|
|
-import { recentShop } from "@/api/user";
|
|
|
|
|
|
|
+import { getNewShop } from "@/api/shop";
|
|
|
import { share } from "@/mixins";
|
|
import { share } from "@/mixins";
|
|
|
import AppAvatarModule from "@/components/module/app-avatar";
|
|
import AppAvatarModule from "@/components/module/app-avatar";
|
|
|
import { mapGetters } from 'vuex'
|
|
import { mapGetters } from 'vuex'
|
|
|
export default {
|
|
export default {
|
|
|
name: "recent",
|
|
name: "recent",
|
|
|
- components: {
|
|
|
|
|
- AppAvatarModule,
|
|
|
|
|
- AppSwiper,
|
|
|
|
|
- TuiListView,
|
|
|
|
|
- TuiListCell,
|
|
|
|
|
- AppActivilyCoupon },
|
|
|
|
|
|
|
+ components: { AppAvatarModule, AppSwiper, TuiListView, TuiListCell, AppActivilyCoupon },
|
|
|
mixins: [share],
|
|
mixins: [share],
|
|
|
data () {
|
|
data () {
|
|
|
return {
|
|
return {
|
|
|
list: [],
|
|
list: [],
|
|
|
showGlInfo: 0,
|
|
showGlInfo: 0,
|
|
|
- ad: [
|
|
|
|
|
- {
|
|
|
|
|
- "img":`${this.$constant.imgUrl}/logo2.jpg?v=5`
|
|
|
|
|
- }]
|
|
|
|
|
|
|
+ ad:[{"img":`${this.$constant.imgUrl}/logo2.jpg?v=5`}]
|
|
|
};
|
|
};
|
|
|
},
|
|
},
|
|
|
computed: {
|
|
computed: {
|
|
@@ -124,7 +75,7 @@ export default {
|
|
|
methods: {
|
|
methods: {
|
|
|
async init () {
|
|
async init () {
|
|
|
try {
|
|
try {
|
|
|
- const { data } = await recentShop({})
|
|
|
|
|
|
|
+ const { data } = await getNewShop()
|
|
|
this.list = data.list
|
|
this.list = data.list
|
|
|
this.showGlInfo = data.showGlInfo
|
|
this.showGlInfo = data.showGlInfo
|
|
|
} catch (e) {
|
|
} catch (e) {
|
|
@@ -133,7 +84,6 @@ export default {
|
|
|
}
|
|
}
|
|
|
};
|
|
};
|
|
|
</script>
|
|
</script>
|
|
|
-
|
|
|
|
|
<style lang="scss" scoped>
|
|
<style lang="scss" scoped>
|
|
|
.shop-title_box {
|
|
.shop-title_box {
|
|
|
color: #333333;
|
|
color: #333333;
|
|
@@ -143,10 +93,6 @@ export default {
|
|
|
}
|
|
}
|
|
|
.shop-list_box {
|
|
.shop-list_box {
|
|
|
padding: 0 20upx;
|
|
padding: 0 20upx;
|
|
|
- // display: flex;
|
|
|
|
|
- // align-items: center;
|
|
|
|
|
- // justify-content: space-between;
|
|
|
|
|
- // flex-wrap: wrap;
|
|
|
|
|
& > view {
|
|
& > view {
|
|
|
width: 150upx;
|
|
width: 150upx;
|
|
|
margin: 0 10upx;
|
|
margin: 0 10upx;
|