Skip to content

L
longhui_app
Commit 9553cea8 authored by 高宇's avatar 高宇
Browse files
Options

修改小程序端

parent 173a87d0
Hide whitespace changes
Inline Side-by-side
Showing with 645 additions and 147 deletions
business/detail.vue
View file @ 9553cea8
......@@ -36,10 +36,10 @@
</view>
<view v-if="tabvalue === '商家活动'">
<view class="bus-activity" v-for="item in businessActivity">
<view>
<view @click="gotodetail(item)">
<image class="busleft-image" :src="baseURL+item.imgUrl">
</view>
<view class="bus-right">
<view class="bus-right" @click="gotodetail(item)">
<view class="act-name">{{item.name}}</view>
<view class="act-price">￥{{item.price}}</view>
<view>
......@@ -211,6 +211,14 @@
this.getCouponList() // 优惠券列表
},
methods: {
// 跳动活动详情
gotodetail(value) {
console.log('value',value)
const type = 1
uni.navigateTo({
url: '/pages/activity/activitydetail'+ '?id='+value.businessId + '&type='+type
})
},
// tab切换方法
click(item) {
console.log('item', item);
......
business/index.vue 0 → 100644
View file @ 9553cea8
<template>
<view class="bussiness">
<view v-if="isdata">
<view class="noData">
<view class="nodataImage">
<image src="http://192.144.239.97:20043/file/static/my/zanwushuju.png"></image>
<span class="text">暂无数据</span>
</view>
</view>
</view>
<view v-else>
<view class="bussiness-list" v-for="(item,index) in businessList" :key="index" @click="gotodetail(item)">
<view class="leftlist">
<image :src="baseURL+item.imageUrl" class="leftlistimage">
</view>
<view class="rightlist">
<view class="rightlist-title">{{item.name}}</view>
<!-- <view class="rightlist-message">活动内容活动内容活动内容活动内容活动内容活动内容</view> -->
<view class="rightlist-time">
<view class="timeicon">
<u-icon name="clock" color="#666666;" size="28"></u-icon>
</view>
<view class="timetext">{{item.createTime}}</view>
</view>
<view class="rightlist-address">
<view class="addressicon">
<u-icon name="map" color="#D84848;" size="28"></u-icon>
</view>
<view class="addresstext" v-if="item.address">{{item.address}}</view>
<view class="addresstext" v-else>-</view>
</view>
</view>
</view>
<view class="bussiness-nomore">~ 没有更多啦 ~</view>
</view>
</view>
</template>
<script>
import {businessList} from "../api/business";
export default{
data(){
return{
isdata: false,
allListItem:false, // 是否还有更多数据
total: 0,
baseURL: 'http://192.144.239.97:20043/file/',
businessList: [] ,// 商家列表
queryParam:{
page: 1,
rows: 10,
},
}
},
methods:{
gotodetail(val){
console.log('val',val)
uni.navigateTo({
url: '/business/detail' + '?id=' + val.businessId,
})
},
getlsit(){
businessList(this.queryParam).then(res =>{
console.log('res',res)
this.businessList = res.rows
this.total = res.total
if(res.total === 0) {
this.isdata = true
}
})
}
},
// 触底加载
onReachBottom() {
console.log("触底加载")
// 触底的时候请求数据，即为上拉加载更多
var allTotal = this.queryParam.page * this.queryParam.rows
//this.page为加载次数，this.pageSize为每一次加载的数据条数
if(allTotal < this.total){
//this.total为请求数据的总条数。只要现有条数小于总条数就就执行一下代码
this.allListItem = false;
this.queryParam.page ++;
//加载次数递加
this.getlsit() //请求更多数据列表
}else{
this.allListItem = true;
console.log('已加载全部数据')
}
},
onShow() {
businessList(this.queryParam).then(res =>{
console.log('res',res)
this.businessList = res.rows
this.total = res.total
})
},
}
</script>
<style lang="scss" scoped>
.bussiness{
background: #fff;
min-height: 100vh;
.noData{
.nodataImage{
height: 100vh;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
.text{
font-size: 13px;
font-family: Source Han Sans CN-Regular, Source Han Sans CN;
font-weight: 400;
color: #B9B9B9;
}
}
}
.bussiness-list{
display: flex;
margin: 0 34rpx 0 42rpx;
align-items: center;
border-bottom: 1px solid #F1F1F1;
padding: 34rpx 0;
.leftlist {
margin-right: 26rpx;
.leftlistimage {
width: 220rpx;
height: 166rpx;
border-radius: 12px 12px 12px 12px;
}
}
.rightlist {
.rightlist-title {
margin-top: 12rpx;
margin-left: 17rpx;
font-size: 16px;
font-family: Source Han Sans CN-Medium, Source Han Sans CN;
font-weight: 500;
color: #222222;
margin-bottom: 12rpx;
}
.rightlist-message {
font-size: 14px;
font-family: Source Han Sans CN-Regular, Source Han Sans CN;
font-weight: 400;
color: #666666;
margin-bottom: 26rpx;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: calc(100vw - 220rpx - 26rpx - 42rpx - 34rpx);
}
.rightlist-time {
margin-top: 12rpx;
display: flex;
margin-bottom: 24rpx;
align-items: center;
.timeicon {
margin-right: 14rpx;
}
.timetext {
font-size: 14px;
font-family: Source Han Sans CN-Regular, Source Han Sans CN;
font-weight: 400;
color: #666666;
}
}
.rightlist-address {
display: flex;
margin-bottom: 30rpx;
align-items: center;
.addressicon {
margin-right: 14rpx;
margin-top: 2rpx;
}
.addresstext {
font-size: 14px;
font-family: Source Han Sans CN-Regular, Source Han Sans CN;
font-weight: 400;
color: #DF6969;
}
}
}
}
.bussiness-nomore{
text-align: center;
padding: 42rpx 0;
font-size: 13px;
font-family: Source Han Sans CN-Regular, Source Han Sans CN;
font-weight: 400;
color: #B9B9B9;
}
}
</style>
\ No newline at end of file
my/myCoupon/index.vue
View file @ 9553cea8
<template>
<view class="myCoupon-module">
<view v-if="isdata">
<view class="noData">
<view class="nodataImage">
<image src="http://192.144.239.97:20043/file/static/my/zanwushuju.png"></image>
<span class="text">暂无数据</span>
</view>
</view>
</view>
<view v-for="item in couponList">
<view class="use" v-if="item.status === 0">
<view class="price" v-if="item.type===0"><text style="margin-top: 20rpx;">￥</text><text style="font-size: 64rpx;">{{item.amount}}</text></view>
......@@ -76,6 +84,7 @@
name: "index",
data() {
return {
isdata: false,
baseURL: 'http://192.144.239.97:20043/file/',
couponList: [],
pageNum: 1,
......@@ -99,6 +108,9 @@
console.log("我的优惠券", res)
this.couponList = res.rows
this.total = res.total
if (res.total === 0) {
this.isdata = true
}
})
},
gotoPage(val) {
......@@ -134,7 +146,23 @@
background-color: #fff;
min-height: 100vh;
padding: 44rpx 34rpx 0 34rpx;
.noData{
.nodataImage{
height: 100vh;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
.text{
font-size: 13px;
font-family: Source Han Sans CN-Regular, Source Han Sans CN;
font-weight: 400;
color: #B9B9B9;
}
}
}
.coupon-right {
display: flex;
justify-content: space-between;
......
my/myMessage/index.vue
View file @ 9553cea8
......@@ -21,42 +21,62 @@
itemStyle=" height: 34px;width:50vw;"></u-tabs>
</u-sticky> -->
<view class="noread" v-if="tabshow==0">
<view class="noread-card" v-for="(item) in messageList">
<view class="card-title">
<image class="title-image" :src="baseURL+'/static/message/xiaoxi_icon_weidu@2x.png'">
<view class="title-content">{{item.title}}</view>
</view>
<view class="message-time">
消息时间：{{item.createDate || '-'}}
</view>
<view class="message-content">
消息内容：{{item.content}}
</view>
<view class="card-bottom">
<view class="left" @click="gotodetail(item)">查看</view>
<view class="right" @click="read(item)">标为已读</view>
<view v-if="isdata">
<view class="noData">
<view class="nodataImage">
<image src="http://192.144.239.97:20043/file/static/my/zanwushuju.png"></image>
<span class="text">暂无数据</span>
</view>
</view>
</view>
<view v-else>
<view class="noread-card" v-for="(item) in messageList">
<view class="card-title">
<image class="title-image" :src="baseURL+'/static/message/xiaoxi_icon_weidu@2x.png'">
<view class="title-content">{{item.title}}</view>
</view>
<view class="message-time">
消息时间：{{item.createDate || '-'}}
</view>
<view class="message-content">
消息内容：{{item.content}}
</view>
<view class="card-bottom">
<view class="left" @click="gotodetail(item)">查看</view>
<view class="right" @click="read(item)">标为已读</view>
</view>
</view>
<view class="nomore">~ 没有更多啦 ~</view>
</view>
<view class="nomore">~ 没有更多啦 ~</view>
</view>
<view class="noread" v-if="tabshow==1">
<view class="noread-card" v-for="(item) in messageList">
<view class="card-title">
<image class="title-image" :src="baseURL+'/static/message/xiaoxi_icon_yidu@2x.png'">
<view class="title-content">{{item.title}}</view>
</view>
<view class="message-time">
消息时间：{{item.createDate || '-'}}
</view>
<view class="message-content">
消息内容：{{item.content}}
</view>
<view class="card-bottom">
<view class="left" @click="gotodetail(item)">查看</view>
<view class="right" @click="deleteMessage(item)">删除</view>
</view>
</view>
<view v-if="isdata">
<view class="noData">
<view class="nodataImage">
<image src="http://192.144.239.97:20043/file/static/my/zanwushuju.png"></image>
<span class="text">暂无数据</span>
</view>
</view>
</view>
<view v-else>
<view class="noread-card" v-for="(item) in messageList">
<view class="card-title">
<image class="title-image" :src="baseURL+'/static/message/xiaoxi_icon_yidu@2x.png'">
<view class="title-content">{{item.title}}</view>
</view>
<view class="message-time">
消息时间：{{item.createDate || '-'}}
</view>
<view class="message-content">
消息内容：{{item.content}}
</view>
<view class="card-bottom">
<view class="left" @click="gotodetail(item)">查看</view>
<view class="right" @click="deleteMessage(item)">删除</view>
</view>
</view>
<view class="nomore">~ 没有更多啦 ~</view>
</view>
</view>
</view>
</template>
......@@ -67,6 +87,7 @@ import { getMessageList,markRead,deleteLogical } from "../../api/my/myMessage/my
export default {
data() {
return {
isdata: false,
total:0,
queryParam:{
page: 1,
......@@ -146,6 +167,11 @@ export default {
console.log('消息列表',res)
this.total = res.total
this.messageList = res.rows
if(res.total === 0) {
this.isdata = true
} else{
this.isdata = false
}
})
},
click(item) {
......@@ -185,6 +211,21 @@ export default {
.message{
padding-bottom: 32rpx;
.noread{
.noData{
.nodataImage{
height: 100vh;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
.text{
font-size: 13px;
font-family: Source Han Sans CN-Regular, Source Han Sans CN;
font-weight: 400;
color: #B9B9B9;
}
}
}
.nomore{
text-align: center;
padding: 42rpx 0;
......
my/myapplication/index.vue
View file @ 9553cea8
<template>
<view class="myapplication">
<view class="myapplication-list" v-for="item in myapplicationList">
<view style="display: flex;justify-content: space-between;" @click="gotoDetail(item)">
<view class="image">
<image class="myapplication-image" :src="baseURL + item.imgUrl" />
<!-- <image class="left-image" src="../../../static/images/message/wode_icon_longhui@2x.png"> -->
</view>
<view class="myapplication-title">
<view class="application-title">{{item.activityName}}</view>
<!-- <view class="application-message">活动内容活动内容活动内容活动内容活动内容活动内容活动内容活动内容活动内容</view> -->
<view class="application-time">
<u-icon name="clock" size="28"></u-icon>
<view style="margin-left: 14rpx;">{{item.activityBeginDate}}</view></view>
<view class="application-address">
<u-icon name="map" color="#D84848" size="28"></u-icon>
<view style="margin-left: 14rpx;" v-if="item.address">{{item.address}}</view>
<view style="margin-left: 14rpx;" v-else>-</view>
<view v-if="isdata">
<view class="noData">
<view class="nodataImage">
<image src="http://192.144.239.97:20043/file/static/my/zanwushuju.png"></image>
<span class="text">暂无数据</span>
</view>
</view>
</view>
<view v-else>
<view class="myapplication-list" v-for="item in myapplicationList">
<view style="display: flex;justify-content: space-between;" @click="gotoDetail(item)">
<view class="image">
<image class="myapplication-image" :src="baseURL + item.imgUrl" />
<!-- <image class="left-image" src="../../../static/images/message/wode_icon_longhui@2x.png"> -->
</view>
<view class="myapplication-title">
<view class="application-title">{{item.activityName}}</view>
<!-- <view class="application-message">活动内容活动内容活动内容活动内容活动内容活动内容活动内容活动内容活动内容</view> -->
<view class="application-time">
<u-icon name="clock" size="28"></u-icon>
<view style="margin-left: 14rpx;">{{item.activityBeginDate}}</view></view>
<view class="application-address">
<u-icon name="map" color="#D84848" size="28"></u-icon>
<view style="margin-left: 14rpx;" v-if="item.address">{{item.address}}</view>
<view style="margin-left: 14rpx;" v-else>-</view>
</view>
</view>
</view>
<view class="list-botton">
<view class="paybutton" @click="writeofforder(item)">核销</view>
</view>
</view>
</view>
<view class="list-botton">
<view class="paybutton" @click="writeofforder(item)">核销</view>
</view>
<view class="nomore">~ 没有更多啦 ~</view>
</view>
<view class="nomore">~ 没有更多啦 ~</view>
<!-- 二维码弹窗 -->
<u-popup :show="codeshow" mode="center" @close="codeshow = false">
<view class="qrCode-view">
......@@ -43,6 +53,7 @@
export default{
data(){
return{
isdata: false,
baseURL: 'http://192.144.239.97:20043/file/',
myapplicationList:[], // 我的活动列表
allListItem:false,
......@@ -83,6 +94,9 @@ export default{
console.log("我的报名", res)
this.myapplicationList = res.rows
this.total = res.total
if(res.total === 0) {
this.isdata = true
}
})
},
// 获取更多数据
......@@ -119,6 +133,21 @@ export default{
<style lang="scss" scoped>
.myapplication{
.noData{
.nodataImage{
height: 100vh;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
.text{
font-size: 13px;
font-family: Source Han Sans CN-Regular, Source Han Sans CN;
font-weight: 400;
color: #B9B9B9;
}
}
}
background-color: #fff;
min-height: 100vh;
.myapplication-list{
......
my/myintegral/index.vue
View file @ 9553cea8
......@@ -8,12 +8,22 @@
</view>
</view>
<view>
<view class="myintegral-body" v-for="item in integral">
<view class="body-top">
<view class="myintegral-body-title">{{item.goodsName}}</view>
<view class="myintegral-body-num">+{{item.change}}</view>
<view v-if="isdata">
<view class="noData">
<view class="nodataImage">
<image src="http://192.144.239.97:20043/file/static/my/zanwushuju.png"></image>
<span class="text">暂无数据</span>
</view>
</view>
</view>
<view v-else>
<view class="myintegral-body" v-for="item in integral">
<view class="body-top">
<view class="myintegral-body-title">{{item.goodsName}}</view>
<view class="myintegral-body-num">+{{item.change}}</view>
</view>
<view class="body-date">{{dateFormat(item.createTime)}}</view>
</view>
<view class="body-date">{{dateFormat(item.createTime)}}</view>
</view>
</view>
</view>
......@@ -25,6 +35,7 @@
export default{
data(){
return{
isdata: false,
show: false,
baseURL: 'http://192.144.239.97:20043/file/',
integral:[],
......@@ -56,6 +67,9 @@
this.integral = res.rows
this.allintegral = res.rows[0].integral
this.total=res.total
if (res.total === 0) {
this.isdata = true
}
})
},
// 日期格式化
......@@ -81,6 +95,23 @@
background-color: #fff;
min-height: 100vh;
padding: 0 34rpx;
.noData{
.nodataImage{
height: 100vh;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
.text{
font-size: 13px;
font-family: Source Han Sans CN-Regular, Source Han Sans CN;
font-weight: 400;
color: #B9B9B9;
}
}
}
.myintegral-top{
height: 150rpx;
background-color: #F5F5F5;
......
my/myorder/index.vue
View file @ 9553cea8
......@@ -6,45 +6,55 @@
inactiveStyle="font-size: 19px;font-weight: bold;color: #222222;width: calc(50vw - 34rpx);text-align: center;"
lineWidth="42" lineHeight="6" itemStyle=" height: 64px;width:50vw;"></u-tabs>
</u-sticky>
<view class="myorder-list">
<view class="list" v-for="item in myOrderList">
<view v-if="item.status === 1" style="width: 100rpx;height: 100rpx;position: absolute;top: 0;right: 10rpx;">已取消</view>
<view v-if="item.status === 10" style="height: 100rpx;position: absolute;top: 10rpx;right: 10rpx;">订单关闭</view>
<image v-if="item.status === 9"
style="width: 100rpx;height: 100rpx;position: absolute;top: 0;right: 10rpx;"
:src="baseURL+'/static/business/wode_img_yiwancheng@2x.png'">
<image v-if="item.status === 0"
<view v-if="isdata">
<view class="noData">
<view class="nodataImage">
<image src="http://192.144.239.97:20043/file/static/my/zanwushuju.png"></image>
<span class="text">暂无数据</span>
</view>
</view>
</view>
<view v-else>
<view class="myorder-list">
<view class="list" v-for="item in myOrderList">
<view v-if="item.status === 1" style="width: 100rpx;height: 100rpx;position: absolute;top: 0;right: 10rpx;">已取消</view>
<view v-if="item.status === 10" style="height: 100rpx;position: absolute;top: 10rpx;right: 10rpx;">订单关闭</view>
<image v-if="item.status === 9"
style="width: 100rpx;height: 100rpx;position: absolute;top: 0;right: 10rpx;"
:src="baseURL+'/static/business/wode_img_daizhifu@2x.png'">
<image v-if="item.status === 2 || item.status === 3 || item.status === 4 || item.status === 5"
:src="baseURL+'/static/business/wode_img_yiwancheng@2x.png'">
<image v-if="item.status === 0"
style="width: 100rpx;height: 100rpx;position: absolute;top: 0;right: 10rpx;"
:src="baseURL+'/static/business/wode_img_tuikuanzhong@2x.png'">
<image v-if="item.status === 6 || item.status === 7"
:src="baseURL+'/static/business/wode_img_daizhifu@2x.png'">
<image v-if="item.status === 2 || item.status === 3 || item.status === 4 || item.status === 5"
style="width: 100rpx;height: 100rpx;position: absolute;top: 0;right: 10rpx;"
:src="baseURL+'/static/business/wode_img_tuikuanwancheng@2x.png'">
<view class="list-top">
<view class="list-image">
<image class="order-image" :src="baseURL + item.imgUrl">
</view>
<view class="list-content">
<view class="title">{{item.name}}</view>
<view class="time">{{item.orderTime}}</view>
<view class="content-botton">
<view class="price">单价:￥{{item.activityPrice}}</view>
<view class="num">购买数量：{{item.num}}</view>
:src="baseURL+'/static/business/wode_img_tuikuanzhong@2x.png'">
<image v-if="item.status === 6 || item.status === 7"
style="width: 100rpx;height: 100rpx;position: absolute;top: 0;right: 10rpx;"
:src="baseURL+'/static/business/wode_img_tuikuanwancheng@2x.png'">
<view class="list-top">
<view class="list-image">
<image class="order-image" :src="baseURL + item.imgUrl">
</view>
<view class="list-content">
<view class="title">{{item.name}}</view>
<view class="time">{{item.orderTime}}</view>
<view class="content-botton">
<view class="price">单价:￥{{item.activityPrice}}</view>
<view class="num">购买数量：{{item.num}}</view>
</view>
</view>
</view>
</view>
<view class="list-botton">
<view class="paybutton" v-if="item.status === 0" @click="pay(item)">支付</view>
<view class="paybutton" v-if="item.status === 0" @click="cancelpay(item)">取消订单
<view class="list-botton">
<view class="paybutton" v-if="item.status === 0" @click="pay(item)">支付</view>
<view class="paybutton" v-if="item.status === 0" @click="cancelpay(item)">取消订单
</view>
<view class="paybutton" v-if="item.status === 9" @click="refund(item)">退款</view>
<view class="payprice">总价:￥{{item.payPrice}}</view>
</view>
<view class="paybutton" v-if="item.status === 9" @click="refund(item)">退款</view>
<view class="payprice">总价:￥{{item.payPrice}}</view>
</view>
</view>
</view>
<view class="nomore">~ 没有更多啦 ~</view>
</view>
<view class="nomore">~ 没有更多啦 ~</view>
<!-- 退款确认框 -->
<u-modal :show="show" :title="title" showCancelButton :content='content' @confirm="confirm" @cancel="cancel"
confirmColor="#D84848" class="popup"></u-modal>
......@@ -65,6 +75,7 @@
export default {
data() {
return {
isdata: false,
baseURL: 'http://192.144.239.97:20043/file/',
list1: [{
name: '已下单',
......@@ -189,6 +200,9 @@
console.log("我的订单", res)
this.myOrderList = res.rows
this.total = res.total
if(res.total === 0) {
this.isdata = true
}
})
},
// 获取更多数据
......@@ -272,7 +286,21 @@
<style lang="scss" scoped>
.myorder {
padding-bottom: 40rpx;
.noData{
.nodataImage{
height: 100vh;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
.text{
font-size: 13px;
font-family: Source Han Sans CN-Regular, Source Han Sans CN;
font-weight: 400;
color: #B9B9B9;
}
}
}
/deep/.u-tabs__wrapper__nav__line {
left: 12rpx;
}
......
my/writeoff/index.vue
View file @ 9553cea8
......@@ -8,38 +8,58 @@
</u-sticky>
<!-- 已核销的优惠券 -->
<view v-if="tabshow===0">
<view class="expire" v-for="item in writeoffCouponList">
<view class="price" v-if="item.type===0"><text
style="margin-top: 20rpx;">￥</text><text>{{item.amount}}</text></view>
<view class="price" v-else-if="item.type===1"><text
style="font-size: 64rpx;">{{item.discount}}</text><text style="margin-top: 20rpx;">折</text>
</view>
<view class="message">
<view>
<view class="moduleprice">{{item.name}}</view>
<view class="time">核销时间：{{dateFormat(item.cancelTime)}}</view>
<view v-if="isdata">
<view class="noData">
<view class="nodataImage">
<image src="http://192.144.239.97:20043/file/static/my/zanwushuju.png"></image>
<span class="text">暂无数据</span>
</view>
</view>
</view>
<view v-else>
<view class="expire" v-for="item in writeoffCouponList">
<view class="price" v-if="item.type===0"><text
style="margin-top: 20rpx;">￥</text><text>{{item.amount}}</text></view>
<view class="price" v-else-if="item.type===1"><text
style="font-size: 64rpx;">{{item.discount}}</text><text style="margin-top: 20rpx;">折</text>
</view>
<view class="message">
<view>
<view class="moduleprice">{{item.name}}</view>
<view class="time">核销时间：{{dateFormat(item.cancelTime)}}</view>
</view>
</view>
</view>
</view>
</view>
<!-- 已核销的订单 -->
<view v-if="tabshow===1">
<view class="myapplication-list" v-for="item in writeoffOrderList">
<view class="image">
<image class="myapplication-image" :src="baseURL + item.imgUrl" />
<!-- <image class="left-image" src="../../../static/images/message/wode_icon_longhui@2x.png"> -->
</view>
<view class="myapplication-title">
<view class="application-title">{{item.activityName}}</view>
<!-- <view class="application-message">活动内容活动内容活动内容活动内容活动内容活动内容活动内容活动内容活动内容</view> -->
<view class="application-time">
<u-icon name="clock" size="28"></u-icon>
<view style="margin-left: 14rpx;">{{item.activityBeginDate}}</view>
<view v-if="isdata">
<view class="noData">
<view class="nodataImage">
<image src="http://192.144.239.97:20043/file/static/my/zanwushuju.png"></image>
<span class="text">暂无数据</span>
</view>
</view>
</view>
<view v-else>
<view class="myapplication-list" v-for="item in writeoffOrderList">
<view class="image">
<image class="myapplication-image" :src="baseURL + item.imgUrl" />
<!-- <image class="left-image" src="../../../static/images/message/wode_icon_longhui@2x.png"> -->
</view>
<view class="application-address">
<u-icon name="map" color="#D84848" size="28"></u-icon>
<view style="margin-left: 14rpx;" v-if="item.address">{{item.address}}</view>
<view style="margin-left: 14rpx;" v-else>-</view>
<view class="myapplication-title">
<view class="application-title">{{item.activityName}}</view>
<!-- <view class="application-message">活动内容活动内容活动内容活动内容活动内容活动内容活动内容活动内容活动内容</view> -->
<view class="application-time">
<u-icon name="clock" size="28"></u-icon>
<view style="margin-left: 14rpx;">{{item.activityBeginDate}}</view>
</view>
<view class="application-address">
<u-icon name="map" color="#D84848" size="28"></u-icon>
<view style="margin-left: 14rpx;" v-if="item.address">{{item.address}}</view>
<view style="margin-left: 14rpx;" v-else>-</view>
</view>
</view>
</view>
</view>
......@@ -62,6 +82,7 @@
export default {
data() {
return {
isdata: false,
baseURL: 'http://192.144.239.97:20043/file/',
list1: [{
name: '优惠券',
......@@ -128,6 +149,11 @@
writeoffOrder(this.query).then(res => {
console.log("核销订单", res)
this.writeoffOrderList = res.rows
if(res.total === 0) {
this.isdata = true
} else {
this.isdata = false
}
})
},
// 获取更多数据
......@@ -221,7 +247,22 @@
background-color: #FFFFFF;
min-height: 100vh;
// padding: 0 34rpx;
.noData{
.nodataImage{
height: 100vh;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
.text{
font-size: 13px;
font-family: Source Han Sans CN-Regular, Source Han Sans CN;
font-weight: 400;
color: #B9B9B9;
}
}
}
/deep/.u-tabs__wrapper__nav__line {
left: 12rpx;
}
......
pages.json
View file @ 9553cea8
......@@ -56,6 +56,13 @@
"style": {
"navigationBarTitleText": "商家详情"
}
},
{
"path":"index",
"style": {
"navigationBarTitleText": "商家列表",
"enablePullDownRefresh": true
}
}
]
},
......
pages/activity/index.vue
View file @ 9553cea8
......@@ -15,29 +15,37 @@
<view :class="[buttonstatus==3? 'clickbutton' : 'onemonth']" @click="queryOnemonth">近一个月</view>
</view>
</view>
<view class="activity-list" v-for="item in activityList" @click="gotodetail(item)">
<view class="leftlist">
<image :src="baseURL+item.imgUrl" class="leftlistimage">
<view v-if="isdata" class="nodata">
<view class="nodataImage">
<image src="http://192.144.239.97:20043/file/static/my/zanwushuju.png"></image>
<span class="text">暂无数据</span>
</view>
<view class="rightlist">
<view class="rightlist-title">{{item.name}}</view>
<!-- <view class="rightlist-message">活动内容活动内容活动内容活动内容活动内容活动内容</view> -->
<view class="rightlist-time">
<view class="timeicon">
<u-icon name="clock" color="#666666;" size="28"></u-icon>
</view>
<view class="timetext">{{item.activityBeginDate}}</view>
</view>
<view v-else>
<view class="activity-list" v-for="item in activityList" @click="gotodetail(item)">
<view class="leftlist">
<image :src="baseURL+item.imgUrl" class="leftlistimage">
</view>
<view class="rightlist-address">
<view class="addressicon">
<u-icon name="map" color="#D84848;" size="28"></u-icon>
<view class="rightlist">
<view class="rightlist-title">{{item.name}}</view>
<!-- <view class="rightlist-message">活动内容活动内容活动内容活动内容活动内容活动内容</view> -->
<view class="rightlist-time">
<view class="timeicon">
<u-icon name="clock" color="#666666;" size="28"></u-icon>
</view>
<view class="timetext">{{item.activityBeginDate}}</view>
</view>
<view class="rightlist-address">
<view class="addressicon">
<u-icon name="map" color="#D84848;" size="28"></u-icon>
</view>
<view class="addresstext" v-if="item.address">{{item.address}}</view>
<view class="addresstext" v-else>-</view>
</view>
<view class="addresstext" v-if="item.address">{{item.address}}</view>
<view class="addresstext" v-else>-</view>
</view>
</view>
<view class="activity-nomore">~ 没有更多啦 ~</view>
</view>
<view class="activity-nomore">~ 没有更多啦 ~</view>
</view>
</template>
......@@ -49,6 +57,8 @@
export default {
data() {
return {
isdata: false,
url: 'http://192.144.239.97:20043/file/static/my/zanwushuju.png',
list3: [], // 活动banner图
baseURL: 'http://192.144.239.97:20043/file/',
StatusBarHeight: '',
......@@ -101,6 +111,9 @@
activitylist(this.queryParams).then(response=>{
console.log('活动列表',response)
this.activityList = response.rows
if(res.total === 0) {
this.isdata = true
}
})
},
// 查询全部活动
......@@ -213,7 +226,22 @@
}
}
}
.nodata{
.nodataImage{
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
.text{
font-size: 13px;
font-family: Source Han Sans CN-Regular, Source Han Sans CN;
font-weight: 400;
color: #B9B9B9;
}
}
}
.activity-list {
display: flex;
margin: 30rpx 34rpx 0 42rpx;
......
pages/announcement/list.vue
View file @ 9553cea8
<template>
<view class="announcement">
<view class="card" v-for="item in announcementList" @click="gotopage(item)">
<view class="toptitle">{{item.title}}</view>
<view class="bottom">
<view class="time">{{item.pushTime}}</view>
<view style="display: flex;align-items: center;">
<image class="image" :src="baseURL+'/static/my/yuanqugonggao_icon_liulan1@2x.png'">
<view class="num" v-if="item.viewNum">{{item.viewNum}}人浏览</view>
<view class="num" v-else>0人浏览</view>
<view v-if="isdata">
<view class="noData">
<view class="nodataImage">
<image src="http://192.144.239.97:20043/file/static/my/zanwushuju.png"></image>
<span class="text">暂无数据</span>
</view>
</view>
</view>
<view v-else>
<view class="card" v-for="item in announcementList" @click="gotopage(item)">
<view class="toptitle">{{item.title}}</view>
<view class="bottom">
<view class="time">{{item.pushTime}}</view>
<view style="display: flex;align-items: center;">
<image class="image" :src="baseURL+'/static/my/yuanqugonggao_icon_liulan1@2x.png'">
<view class="num" v-if="item.viewNum">{{item.viewNum}}人浏览</view>
<view class="num" v-else>0人浏览</view>
</view>
</view>
</view>
</view>
</view>
</view>
</template>
......@@ -21,6 +31,7 @@
export default {
data() {
return {
isdata: false,
announcementList: [],
baseURL: 'http://192.144.239.97:20043/file/',
}
......@@ -51,6 +62,21 @@
<style lang="scss" scoped>
.announcement{
padding: 36rpx;
.noData{
.nodataImage{
height: 100vh;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
.text{
font-size: 13px;
font-family: Source Han Sans CN-Regular, Source Han Sans CN;
font-weight: 400;
color: #B9B9B9;
}
}
}
.card{
padding: 34rpx;
height: 234rpx;
......
pages/index.vue
View file @ 9553cea8
......@@ -33,13 +33,16 @@
<view class="recommendation-top">
<view class="top-title">商家推荐</view>
<view class="more">
<view class="more-title">MORE</view>
<view class="more-title" @click="gotoBussinessList">MORE</view>
<view class="more-image">
<image class="rightimage" src="../static/images/home/home_icon_jiantou@2x.png">
</view>
</view>
</view>
<view class="card">
<view v-if="isdata" class="nodatacard">
<view class="text">暂无数据</view>
</view>
<view v-else class="card">
<view class="recommendation-card" v-for="item in businessList" @click="gotoBusinessDetail(item)">
<view class="card-image">
<image class="img" :src="baseURL + item.imgUrl">
......@@ -73,6 +76,7 @@
export default {
data() {
return {
isdata: false,
list3: [],
src: 'https://cdn.uviewui.com/uview/album/1.jpg',
StatusBarHeight: '',
......@@ -91,6 +95,12 @@
this.getPublicActivity()
},
methods: {
// 跳转商家列表页
gotoBussinessList(){
uni.navigateTo({
url:'/business/index'
})
},
// 获取自定义导航栏的高度
GetStatusBarHeight() {
let that = this;
......@@ -129,6 +139,9 @@
businessList(query).then(res => {
console.log("商家列表", res)
this.businessList = res.rows
if(res.total === 0) {
this.isdata = true
}
})
},
// 页面跳转
......@@ -302,6 +315,19 @@
}
.nodatacard{
display: grid;
grid-template-columns: 330rpx 330rpx;
grid-column-gap: 22rpx;
.text{
text-align: center;
padding: 42rpx 0;
font-size: 13px;
font-family: Source Han Sans CN-Regular, Source Han Sans CN;
font-weight: 400;
color: #B9B9B9;
}
}
.card {
display: grid;
grid-template-columns: 330rpx 330rpx;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment