@ -0,0 +1,145 @@ | |||
<template> | |||
<view class="active-card"> | |||
<view class="active-title">【{{item.name}}】</view> | |||
<view class="active-time flex align-center"> | |||
<text>【电话】{{item.phone}}</text> | |||
</view> | |||
<view class="active-time flex align-center"> | |||
<text>【地址】{{item.region}}</text> | |||
</view> | |||
<view class="active-time flex align-center"> | |||
<text>【详细地址】{{item.detailAddress}}</text> | |||
</view> | |||
</view> | |||
</template> | |||
<script> | |||
export default{ | |||
props:{ | |||
text:{ | |||
type:String, | |||
default:'查看详情' | |||
}, | |||
item:{ | |||
type:Object, | |||
}, | |||
i:{ | |||
type:Number, | |||
} | |||
}, | |||
data(){ | |||
return{ | |||
} | |||
}, | |||
methods:{ | |||
seeDetail(){ | |||
this.$emit('seeDetail',this.item) | |||
} | |||
} | |||
} | |||
</script> | |||
<style lang="scss" scoped> | |||
.active-card { | |||
background: #ffffff; | |||
border-radius: 12rpx; | |||
box-shadow: 3rpx 3rpx 6rpx 5rpx rgba(0,0,0,0.16); | |||
overflow: hidden; | |||
padding-bottom: 10rpx; | |||
margin-bottom: 20rpx; | |||
.active-title { | |||
word-wrap:break-word; | |||
word-break:break-all; | |||
font-size: 32rpx; | |||
color: #000; | |||
font-weight: 700; | |||
margin-top: 20rpx; | |||
line-height: 60rpx; | |||
white-space: nowrap; | |||
overflow: hidden; | |||
text-overflow: ellipsis; | |||
} | |||
.active-time { | |||
word-wrap:break-word; | |||
word-break:break-all; | |||
color: #707070; | |||
font-size: 28rpx; | |||
margin: 20rpx 0; | |||
image { | |||
width: 33rpx; | |||
height: 33rpx; | |||
margin-right: 27rpx; | |||
} | |||
/* 文本不会换行显示 */ | |||
white-space: nowrap; | |||
/* 超出盒子部分隐藏 */ | |||
overflow: hidden; | |||
/* 文本超出的部分打点显示 */ | |||
text-overflow: ellipsis; | |||
} | |||
.active-add { | |||
color: #707070; | |||
font-size: 28rpx; | |||
word-wrap:break-word; | |||
word-break:break-all; | |||
/* 文本不会换行显示 */ | |||
white-space: nowrap; | |||
/* 超出盒子部分隐藏 */ | |||
overflow: hidden; | |||
/* 文本超出的部分打点显示 */ | |||
text-overflow: ellipsis; | |||
// overflow: hidden;/*这个参数根据需求来决定要不要*/ | |||
image { | |||
width: 30rpx; | |||
height: 35rpx; | |||
margin-right: 27rpx; | |||
} | |||
} | |||
.active-time2 { | |||
color: #707070; | |||
font-size: 28rpx; | |||
margin: 20rpx 0; | |||
image { | |||
width: 33rpx; | |||
height: 33rpx; | |||
margin-right: 27rpx; | |||
} | |||
} | |||
.active-menu { | |||
margin-top: 21rpx; | |||
padding: 0 10rpx; | |||
.menu-price { | |||
font-size: 32rpx; | |||
.price { | |||
color: #D33D3E; | |||
font-size: 34rpx; | |||
font-weight: 500; | |||
} | |||
} | |||
.menu-btn { | |||
width: 213rpx; | |||
height: 79rpx; | |||
display: flex; | |||
align-items: center; | |||
justify-content: center; | |||
color: #00CCCC; | |||
font-size: 30rpx; | |||
font-weight: 500; | |||
} | |||
.menu-btn::after { | |||
content: " "; | |||
width: 15rpx; | |||
height: 15rpx; | |||
border-bottom: 3rpx solid #00CCCC; | |||
border-right: 3rpx solid #00CCCC; | |||
transform: rotate(-45deg); | |||
margin-left: 8rpx; | |||
} | |||
} | |||
} | |||
</style> |
@ -0,0 +1,159 @@ | |||
<template> | |||
<view class="active-card"> | |||
<view class="active-title">【{{item.title}}】</view> | |||
<view class="active-time flex align-center"> | |||
<text>【商品】{{item.shopName}}</text> | |||
</view> | |||
<view class="active-add flex align-center"> | |||
<text>【地址】{{item.addressText}}</text> | |||
</view> | |||
<view class="active-add flex align-center"> | |||
<text>【价格】{{item.price}}</text> | |||
</view> | |||
<view class="active-add flex align-center"> | |||
<text>【数量】{{item.num}}</text> | |||
</view> | |||
<view class="active-add flex align-center" v-if="item.type == 1"> | |||
<text>【类型】微信订单</text> | |||
</view> | |||
<view class="active-add flex align-center" v-else> | |||
<text>【类型】积分订单</text> | |||
</view> | |||
<view class="active-time2 flex align-center"> | |||
<text>【下单时间】{{item.createTime}}</text> | |||
</view> | |||
</view> | |||
</template> | |||
<script> | |||
export default{ | |||
props:{ | |||
text:{ | |||
type:String, | |||
default:'查看详情' | |||
}, | |||
item:{ | |||
type:Object, | |||
}, | |||
i:{ | |||
type:Number, | |||
} | |||
}, | |||
data(){ | |||
return{ | |||
} | |||
}, | |||
methods:{ | |||
seeDetail(){ | |||
this.$emit('seeDetail',this.item) | |||
} | |||
} | |||
} | |||
</script> | |||
<style lang="scss" scoped> | |||
.active-card { | |||
background: #ffffff; | |||
border-radius: 12rpx; | |||
box-shadow: 3rpx 3rpx 6rpx 5rpx rgba(0,0,0,0.16); | |||
overflow: hidden; | |||
padding-bottom: 10rpx; | |||
margin-bottom: 20rpx; | |||
.active-title { | |||
word-wrap:break-word; | |||
word-break:break-all; | |||
font-size: 32rpx; | |||
color: #000; | |||
font-weight: 700; | |||
margin-top: 20rpx; | |||
line-height: 60rpx; | |||
white-space: nowrap; | |||
overflow: hidden; | |||
text-overflow: ellipsis; | |||
} | |||
.active-time { | |||
word-wrap:break-word; | |||
word-break:break-all; | |||
color: #707070; | |||
font-size: 28rpx; | |||
margin: 20rpx 0; | |||
image { | |||
width: 33rpx; | |||
height: 33rpx; | |||
margin-right: 27rpx; | |||
} | |||
/* 文本不会换行显示 */ | |||
white-space: nowrap; | |||
/* 超出盒子部分隐藏 */ | |||
overflow: hidden; | |||
/* 文本超出的部分打点显示 */ | |||
text-overflow: ellipsis; | |||
} | |||
.active-add { | |||
color: #707070; | |||
font-size: 28rpx; | |||
word-wrap:break-word; | |||
word-break:break-all; | |||
/* 文本不会换行显示 */ | |||
white-space: nowrap; | |||
/* 超出盒子部分隐藏 */ | |||
overflow: hidden; | |||
/* 文本超出的部分打点显示 */ | |||
text-overflow: ellipsis; | |||
// overflow: hidden;/*这个参数根据需求来决定要不要*/ | |||
image { | |||
width: 30rpx; | |||
height: 35rpx; | |||
margin-right: 27rpx; | |||
} | |||
} | |||
.active-time2 { | |||
color: #707070; | |||
font-size: 28rpx; | |||
margin: 20rpx 0; | |||
image { | |||
width: 33rpx; | |||
height: 33rpx; | |||
margin-right: 27rpx; | |||
} | |||
} | |||
.active-menu { | |||
margin-top: 21rpx; | |||
padding: 0 10rpx; | |||
.menu-price { | |||
font-size: 32rpx; | |||
.price { | |||
color: #D33D3E; | |||
font-size: 34rpx; | |||
font-weight: 500; | |||
} | |||
} | |||
.menu-btn { | |||
width: 213rpx; | |||
height: 79rpx; | |||
display: flex; | |||
align-items: center; | |||
justify-content: center; | |||
color: #00CCCC; | |||
font-size: 30rpx; | |||
font-weight: 500; | |||
} | |||
.menu-btn::after { | |||
content: " "; | |||
width: 15rpx; | |||
height: 15rpx; | |||
border-bottom: 3rpx solid #00CCCC; | |||
border-right: 3rpx solid #00CCCC; | |||
transform: rotate(-45deg); | |||
margin-left: 8rpx; | |||
} | |||
} | |||
} | |||
</style> |
@ -0,0 +1,93 @@ | |||
<template> | |||
<view class="new-card flex justify-between" @click="seeDetail"> | |||
<view class="new-card-l flex flex-column justify-between"> | |||
<view class="title">{{item.title}}</view> | |||
<view>原价:{{item.oldPrice}}元</view> | |||
<view>{{item.price}}</view> | |||
<view class="price">{{item.intgerPrice}}/积分可兑换</view> | |||
</view> | |||
<view class="new-card-r"> | |||
<u--image :showLoading="true" :src="item.image" width="216rpx" height="216rpx"></u--image> | |||
</view> | |||
</view> | |||
</template> | |||
<script> | |||
export default{ | |||
props:{ | |||
item:{ | |||
type:Object, | |||
} | |||
}, | |||
data(){ | |||
return{ | |||
} | |||
}, | |||
methods:{ | |||
seeDetail(){ | |||
this.$emit('seeDetail',this.item) | |||
} | |||
} | |||
} | |||
</script> | |||
<style lang="scss" scoped> | |||
.new-card { | |||
background: #ffffff; | |||
border-radius: 12rpx; | |||
box-shadow: 3rpx 3rpx 6rpx 5rpx rgba(0,0,0,0.16); | |||
overflow: hidden; | |||
padding-bottom: 10rpx; | |||
margin-bottom: 20rpx; | |||
.new-card-l { | |||
font-size: 28rpx; | |||
color: #C8C8C8; | |||
padding: 16rpx 16rpx; | |||
.title { | |||
font-size: 32rpx; | |||
color: #000000; | |||
line-height: 40rpx; | |||
font-weight: 600; | |||
overflow: hidden; | |||
display: -webkit-box; | |||
-webkit-box-orient: vertical; | |||
-webkit-line-clamp: 2; | |||
font-family: SimSun; | |||
} | |||
.titleText{ | |||
font-size: 22rpx; | |||
color: #000000; | |||
line-height: 40rpx; | |||
font-weight: 600; | |||
overflow: hidden; | |||
display: -webkit-box; | |||
-webkit-box-orient: vertical; | |||
-webkit-line-clamp: 2; | |||
font-family: SimSun; | |||
} | |||
.price{ | |||
font-size: 32rpx; | |||
color: #FF0000; | |||
line-height: 40rpx; | |||
font-weight: 600; | |||
overflow: hidden; | |||
display: -webkit-box; | |||
-webkit-box-orient: vertical; | |||
-webkit-line-clamp: 2; | |||
font-family: SimSun; | |||
} | |||
} | |||
.new-card-r{ | |||
uni-image>img { | |||
border-radius: 50%; | |||
margin: 4rpx 4rpx 4rpx 4rpx; | |||
border-top-right-radius: 4rpx; | |||
border-bottom-right-radius: 4rpx; | |||
} | |||
} | |||
} | |||
</style> |
@ -0,0 +1,68 @@ | |||
<template> | |||
<view class="new-card flex justify-between" @click="seeDetail"> | |||
<view class="new-card-r"> | |||
<u--image :showLoading="true" :src="item.photo" width="256rpx" height="256rpx"></u--image> | |||
</view> | |||
<view class="new-card-l flex flex-column justify-between"> | |||
<view class="title">{{item.title}}</view> | |||
<view>{{item.createTime}}</view> | |||
</view> | |||
</view> | |||
</template> | |||
<script> | |||
export default{ | |||
props:{ | |||
item:{ | |||
type:Object, | |||
} | |||
}, | |||
data(){ | |||
return{ | |||
} | |||
}, | |||
methods:{ | |||
seeDetail(){ | |||
this.$emit('seeDetail',this.item) | |||
} | |||
} | |||
} | |||
</script> | |||
<style lang="scss" scoped> | |||
.new-card { | |||
background: #ffffff; | |||
border-radius: 12rpx; | |||
box-shadow: 3rpx 3rpx 6rpx 5rpx rgba(0,0,0,0.16); | |||
overflow: hidden; | |||
padding-bottom: 40rpx; | |||
margin-bottom: 20rpx; | |||
.new-card-l { | |||
font-size: 28rpx; | |||
color: #C8C8C8; | |||
padding: 16rpx 16rpx; | |||
.title { | |||
font-size: 32rpx; | |||
color: #000000; | |||
line-height: 40rpx; | |||
font-weight: 600; | |||
overflow: hidden; | |||
display: -webkit-box; | |||
-webkit-box-orient: vertical; | |||
-webkit-line-clamp: 2; | |||
font-family: SimSun; | |||
} | |||
} | |||
.new-card-r{ | |||
uni-image>img { | |||
border-top-right-radius: 2rpx; | |||
border-bottom-right-radius: 2rpx; | |||
} | |||
} | |||
} | |||
</style> |
@ -0,0 +1,65 @@ | |||
<template> | |||
<view class="new-card flex justify-between"> | |||
<view style="margin: 10rpx 24rpx; display: flex;"> | |||
<image :showLoading="true" :src="item.headImage" style="width: 100rpx;height: 100rpx;border-radius: 50%;"></image> | |||
<view style="padding: 28rpx;"> | |||
<view style="font-size: 28rpx;font-weight: 500;color: crimson;" v-if="item.type === '0'">{{item.name}} - {{item.integerVal}}</view> | |||
<view style="font-size: 28rpx;font-weight: 500;color: crimson;" v-if="item.type === '1'">{{item.name}} + {{item.integerVal}}</view> | |||
<view style="font-size: 24rpx;margin-top: 20rpx;">{{item.createTime}}</view> | |||
</view> | |||
</view> | |||
</view> | |||
</template> | |||
<script> | |||
export default{ | |||
props:{ | |||
item:{ | |||
type:Object, | |||
} | |||
}, | |||
data(){ | |||
return{ | |||
} | |||
}, | |||
methods:{ | |||
getName(str){ | |||
if(str.length > 10) { | |||
return str.substr(0,10) + "..." | |||
} | |||
return str | |||
} | |||
} | |||
} | |||
</script> | |||
<style lang="scss" scoped> | |||
.new-card { | |||
margin-bottom: 12rpx; | |||
background-color: #FFFFFF; | |||
.new-card-l { | |||
font-size: 28rpx; | |||
color: #C8C8C8; | |||
padding: 16rpx 16rpx; | |||
.title { | |||
font-size: 32rpx; | |||
color: #000000; | |||
line-height: 40rpx; | |||
font-weight: 600; | |||
overflow: hidden; | |||
display: -webkit-box; | |||
-webkit-box-orient: vertical; | |||
-webkit-line-clamp: 2; | |||
} | |||
} | |||
.new-card-r{ | |||
uni-image>img { | |||
border-radius: 50%; | |||
} | |||
} | |||
} | |||
</style> |
@ -0,0 +1,65 @@ | |||
<template> | |||
<view class="new-card flex justify-between"> | |||
<view style="margin: 10rpx 24rpx; display: flex;"> | |||
<image :showLoading="true" :src="item.headImage" style="width: 100rpx;height: 100rpx;border-radius: 50%;"></image> | |||
<view style="padding: 28rpx;"> | |||
<view style="font-size: 28rpx;font-weight: 500;color: crimson;" v-if="item.type === '0'">{{item.name}} - {{item.price}}</view> | |||
<view style="font-size: 28rpx;font-weight: 500;color: crimson;" v-if="item.type === '1'">{{item.name}} + {{item.price}}</view> | |||
<view style="font-size: 24rpx;margin-top: 20rpx;">{{item.createTime}}</view> | |||
</view> | |||
</view> | |||
</view> | |||
</template> | |||
<script> | |||
export default{ | |||
props:{ | |||
item:{ | |||
type:Object, | |||
} | |||
}, | |||
data(){ | |||
return{ | |||
} | |||
}, | |||
methods:{ | |||
getName(str){ | |||
if(str.length > 10) { | |||
return str.substr(0,10) + "..." | |||
} | |||
return str | |||
} | |||
} | |||
} | |||
</script> | |||
<style lang="scss" scoped> | |||
.new-card { | |||
margin-bottom: 12rpx; | |||
background-color: #FFFFFF; | |||
.new-card-l { | |||
font-size: 28rpx; | |||
color: #C8C8C8; | |||
padding: 16rpx 16rpx; | |||
.title { | |||
font-size: 32rpx; | |||
color: #000000; | |||
line-height: 40rpx; | |||
font-weight: 600; | |||
overflow: hidden; | |||
display: -webkit-box; | |||
-webkit-box-orient: vertical; | |||
-webkit-line-clamp: 2; | |||
} | |||
} | |||
.new-card-r{ | |||
uni-image>img { | |||
border-radius: 50%; | |||
} | |||
} | |||
} | |||
</style> |
@ -1,269 +0,0 @@ | |||
<template> | |||
<view class="home-pages"> | |||
<u-swiper | |||
:list="swpList" | |||
keyName="image" | |||
indicator | |||
height="180" | |||
indicatorActiveColor="#FFFFFF" | |||
indicatorMode="dot" | |||
circular | |||
@click="swpClick" | |||
></u-swiper> | |||
<view style="color: #707070; | |||
font-size: 28rpx;"> | |||
</view> | |||
<view class="home-content"> | |||
<u-tabs | |||
:list="tabList" | |||
lineWidth="70" | |||
lineHeight="3" | |||
lineColor= "#00CCCC" | |||
:activeStyle="{ | |||
color: '#000000', | |||
fontWeight: 'bold', | |||
transform: 'scale(1.35)' | |||
}" | |||
:inactiveStyle="{ | |||
color: '#000000', | |||
transform: 'scale(1)' | |||
}" | |||
itemStyle="padding-left: 15px; padding-right: 15px; height: 34px;" | |||
@click="tabClick" | |||
> | |||
</u-tabs> | |||
<scroll-view scroll-y="true" class="scroll-y" | |||
<template v-if="params.labelClass == '-1'"> | |||
<card v-for="(item,i) in studyList" :item="item" :key="i" :i="i" @seeDetail="seeDetail"></card> | |||
</template> | |||
<template v-if="params.labelClass == '0'"> | |||
<active-card v-for="(item,i) in studyList" :item="item" :key="i" :i="i" @seeDetail="seeDetail"></active-card> | |||
</template> | |||
<template v-if="params.labelClass == '1'"> | |||
<activeCardMan v-for="(item,i) in studyList" :item="item" :key="i" :i="i" @seeDetail="seeDetail"></activeCardMan> | |||
</template> | |||
</scroll-view> | |||
</view> | |||
</view> | |||
</template> | |||
<script> | |||
import card from '@/components/active-card/index.vue' | |||
import activeCard from '@/components/active-card/index-car.vue' | |||
import activeCardMan from '@/components/active-card/index-car-man.vue' | |||
export default{ | |||
components:{ | |||
card, | |||
activeCard, | |||
activeCardMan | |||
}, | |||
data(){ | |||
return{ | |||
list:[ | |||
'寒雨连江夜入吴', | |||
'平明送客楚山孤', | |||
'洛阳亲友如相问', | |||
'一片冰心在玉壶' | |||
], | |||
params:{ | |||
pageNo:1, | |||
labelClass:'0', | |||
pageSize:10, | |||
total: null, | |||
isLock: true | |||
}, | |||
current:0, | |||
studyList:[], | |||
swpList: [ | |||
], | |||
tabList: [ | |||
{ | |||
id:'-1', | |||
name:'招聘信息' | |||
}, | |||
{ | |||
id:'0', | |||
name:'兑换商城' | |||
}, | |||
] | |||
} | |||
}, | |||
onLoad() { | |||
this.studyList = []; | |||
this.params.labelClass = "-1"; | |||
this.params.pageNo = 1; | |||
this.params.total = null; | |||
this.params.isLock = true; | |||
this.getstudy(); | |||
// this.getknowledge(); | |||
this.getbannerList() | |||
this.getJobAddressList(); | |||
}, | |||
// 隐藏微信h5的标题栏 | |||
onReady() { | |||
this.$com.displayNav() | |||
}, | |||
onPullDownRefresh() { | |||
this.studyList = []; | |||
this.params.pageNo = 1; | |||
this.params.total = null; | |||
this.params.isLock = true; | |||
this.getstudy() | |||
}, | |||
onReachBottom() { | |||
if(this.params.isLock){ | |||
this.params.isLock = false; | |||
if(this.params.total !== null && this.params.pageNo * this.params.pageSize >= this.params.total){ | |||
this.$Toast('没有更多数据了哦!'); | |||
setTimeout(()=>{ | |||
this.params.isLock = true; | |||
},3000) | |||
return | |||
} | |||
this.params.pageNo+=1; | |||
this.$Toast('数据加载成功!'); | |||
this.getstudy(); | |||
} | |||
}, | |||
methods:{ | |||
lower(){ | |||
}, | |||
getbannerList(){ | |||
this.$api('bannerListJiangHua') | |||
.then(res=>{ | |||
if(res.code == 200){ | |||
this.swpList = res.result | |||
} | |||
}) | |||
}, | |||
//得到兼职地区分类 | |||
getJobAddressList(){ | |||
}, | |||
getstudy(){//学习列表 | |||
uni.showLoading() | |||
if(this.params.labelClass == "-1"){ | |||
this.$api('JobList',this.params) | |||
.then(res=>{ | |||
uni.hideLoading(); | |||
if(res.code == 200){ | |||
if(this.params.total== null) { | |||
this.params.total = res.result.total | |||
} | |||
if(this.params.pageNo>1){ | |||
uni.hideLoading(); | |||
} | |||
this.studyList = this.studyList.concat(res.result.records); | |||
this.params.isLock = true; | |||
}else { | |||
if(this.params.pageNo>1){ | |||
uni.hideLoading(); | |||
} | |||
this.params.isLock = true; | |||
} | |||
}) | |||
}else{ | |||
this.$api('getJobShopList',this.params) | |||
.then(res=>{ | |||
uni.hideLoading(); | |||
if(res.code == 200){ | |||
if(this.params.total== null) { | |||
this.params.total = res.result.total | |||
} | |||
if(this.params.pageNo>1){ | |||
uni.hideLoading(); | |||
} | |||
this.studyList = this.studyList.concat(res.result.records); | |||
this.params.isLock = true; | |||
}else { | |||
if(this.params.pageNo>1){ | |||
uni.hideLoading(); | |||
} | |||
this.params.isLock = true; | |||
} | |||
}) | |||
} | |||
}, | |||
swpClick(){ | |||
}, | |||
tabClick(e){ | |||
this.params.labelClass = e.id; | |||
this.params.pageNo =1; | |||
this.studyList = []; | |||
this.getstudy(); | |||
}, | |||
seeDetail(item){//查看详情 | |||
this.$api('myInfo') | |||
.then(res=>{ | |||
if(res.code == 200){ | |||
this.role = res.result.role; | |||
this.userInfo = res.result; | |||
this.$store.commit('set_userInfo',res.result) | |||
if(this.params.labelClass=='-1'){ | |||
uni.navigateTo({ | |||
url:`/pages/home/course-detial?id=${item.id}` | |||
}) | |||
}else{ | |||
uni.navigateTo({ | |||
url:`/pages/car/course-detial?id=${item.id}` | |||
}) | |||
} | |||
}else{ | |||
this.$Toast('请先登录!') | |||
setTimeout(()=>{ | |||
uni.navigateTo({ | |||
url:'/pages/my/login-kehu' | |||
}) | |||
},1000) | |||
return | |||
this.userInfo = null | |||
} | |||
}) | |||
}, | |||
} | |||
} | |||
</script> | |||
<style lang="scss" scoped> | |||
.home-pages { | |||
padding: 28rpx 29rpx 0; | |||
background-color: #F7F7F7; | |||
.swiper{ | |||
position: relative; | |||
height: calc(100% -7vh); | |||
width: 100%; | |||
height: 1800px; | |||
} | |||
.scroll-Y { | |||
height: calc(300vh - 660rpx); | |||
padding-top: 20rpx; | |||
} | |||
.home-content { | |||
.active-card{ | |||
margin-top: 20rpx;; | |||
border-radius: 0; | |||
border: none; | |||
border-style: none; | |||
box-shadow: none; | |||
} | |||
} | |||
} | |||
</style> |
@ -0,0 +1,318 @@ | |||
<template> | |||
<view class="home-pages"> | |||
<u-swiper | |||
:list="swpList" | |||
keyName="image" | |||
indicator | |||
height="150" | |||
indicatorActiveColor="#FFFFFF" | |||
indicatorMode="dot" | |||
circular | |||
></u-swiper> | |||
<view style="color: #707070; | |||
font-size: 28rpx;"> | |||
</view> | |||
<view class="home-content"> | |||
<u-tabs | |||
:list="tabList" | |||
lineWidth="70" | |||
lineHeight="3" | |||
lineColor= "#00CCCC" | |||
:activeStyle="{ | |||
color: '#000000', | |||
fontWeight: 'bold', | |||
transform: 'scale(1.35)' | |||
}" | |||
:inactiveStyle="{ | |||
color: '#000000', | |||
transform: 'scale(1)' | |||
}" | |||
itemStyle="padding-left: 15px; padding-right: 15px; height: 34px;" | |||
@click="tabClick" | |||
> | |||
</u-tabs> | |||
<scroll-view scroll-y="true" class="scroll-Y" @scrolltolower="lower"> | |||
<template v-if="current == 0"> | |||
<active-card v-for="(item,i) in jobList" :item="item" :key="i" :i="i" @seeDetail="seeDetail"></active-card> | |||
</template> | |||
<template v-if="current == 1"> | |||
<new-card v-for="(item,i) in houseList" :key="i" :item="item" @seeDetail="newDetail"></new-card> | |||
</template> | |||
<template v-if="current == 2"> | |||
<shopCard v-for="(item,i) in shopList" :key="i" :item="item" @seeDetail="jianHuaNewDetail"></shopCard> | |||
</template> | |||
</scroll-view> | |||
</view> | |||
</view> | |||
</template> | |||
<script> | |||
import newCard from '@/components/new-card/index.vue' | |||
import activeCard from '@/components/active-card/index.vue' | |||
import shopCard from '@/components/jianghua-card/shop-card.vue' | |||
export default{ | |||
components:{ | |||
activeCard, | |||
newCard, | |||
shopCard | |||
}, | |||
data(){ | |||
return{ | |||
current:0, | |||
swpList:[], | |||
tabList: [ | |||
{ | |||
id:'1623505640888492033', | |||
name:'江华招聘', | |||
}, | |||
{ | |||
id:'1685924287505633281', | |||
name:'江华房源', | |||
}, | |||
{ | |||
id:'1685924287505633281', | |||
name:'积分商城', | |||
} | |||
], | |||
houseList:[], | |||
jobList:[], | |||
shopList:[], | |||
params:{ | |||
classId:'1623505640888492033', | |||
pageNo:1, | |||
pageSize:10, | |||
total: null, | |||
isLock: true | |||
}, | |||
} | |||
}, | |||
onLoad() { | |||
this.getbannerList(); | |||
this.getJobList(); | |||
}, | |||
// 隐藏微信h5的标题栏 | |||
onReady() { | |||
this.$com.displayNav() | |||
}, | |||
methods:{ | |||
seeDetail(item){//查看详情 | |||
this.$api('myInfo') | |||
.then(res=>{ | |||
if(res.code == 200){ | |||
this.role = res.result.role; | |||
this.userInfo = res.result; | |||
this.$store.commit('set_userInfo',res.result) | |||
uni.navigateTo({ | |||
url:`/pages/home/course-detial?id=${item.id}` | |||
}) | |||
}else{ | |||
this.$Toast('请先登录!') | |||
setTimeout(()=>{ | |||
uni.navigateTo({ | |||
url:'/pages/my/login-kehu' | |||
}) | |||
},1000) | |||
return | |||
this.userInfo = null | |||
} | |||
}) | |||
}, | |||
onPullDownRefresh() { | |||
this.houseList=[]; | |||
this.jobList=[]; | |||
this.shopList=[]; | |||
this.params.pageNo = 1; | |||
this.params.total = null; | |||
this.params.isLock = true; | |||
if(this.current == 0){ | |||
this.getJobList(); | |||
}else if(this.current == 1){ | |||
this.getHouseList() | |||
}else{ | |||
this.getShopList(); | |||
} | |||
uni.stopPullDownRefresh(); | |||
}, | |||
//获取租房信息 | |||
getbannerList(){ | |||
this.$api('bannerList',{state:'1'}) | |||
.then(res=>{ | |||
if(res.code == 200){ | |||
this.swpList = res.result | |||
} | |||
}) | |||
}, | |||
//获取兼职信息 | |||
getShopList(){ | |||
uni.showLoading() | |||
this.$api('getJobShopList',this.params) | |||
.then(res=>{ | |||
uni.hideLoading(); | |||
if(res.code == 200){ | |||
if(this.params.total== null) { | |||
this.params.total = res.result.total | |||
} | |||
if(this.params.pageNo>1){ | |||
uni.hideLoading(); | |||
} | |||
this.shopList = this.shopList.concat(res.result.records); | |||
this.params.isLock = true; | |||
}else { | |||
if(this.params.pageNo>1){ | |||
uni.hideLoading(); | |||
} | |||
this.params.isLock = true; | |||
} | |||
}) | |||
}, | |||
//获取兼职信息 | |||
getJobList(){ | |||
uni.showLoading() | |||
this.$api('JobList',this.params) | |||
.then(res=>{ | |||
uni.hideLoading(); | |||
if(res.code == 200){ | |||
if(this.params.total== null) { | |||
this.params.total = res.result.total | |||
} | |||
if(this.params.pageNo>1){ | |||
uni.hideLoading(); | |||
} | |||
this.jobList = this.jobList.concat(res.result.records); | |||
this.params.isLock = true; | |||
}else { | |||
if(this.params.pageNo>1){ | |||
uni.hideLoading(); | |||
} | |||
this.params.isLock = true; | |||
} | |||
}) | |||
}, | |||
//获取房源信息 | |||
getHouseList(){ | |||
uni.showLoading() | |||
this.$api('getHouseList',this.params) | |||
.then(res=>{ | |||
uni.hideLoading() | |||
if(res.code == 200){ | |||
if(this.params.total== null) { | |||
this.params.total = res.result.total | |||
} | |||
if(this.params.pageNo>1){ | |||
uni.hideLoading(); | |||
} | |||
this.houseList = this.houseList.concat(res.result.records); | |||
this.params.isLock = true; | |||
}else { | |||
if(this.params.pageNo>1){ | |||
uni.hideLoading(); | |||
} | |||
this.params.isLock = true; | |||
} | |||
}) | |||
}, | |||
//点击切换 | |||
tabClick(e){ | |||
this.params.classId=e.id; | |||
this.houseList=[]; | |||
this.jobList=[]; | |||
this.shopList=[]; | |||
this.current = e.index; | |||
this.params.pageNo = 1; | |||
if(this.current == 0){ | |||
this.getJobList(); | |||
}else if(this.current == 1){ | |||
this.getHouseList() | |||
}else{ | |||
this.getShopList(); | |||
} | |||
}, | |||
jianHuaNewDetail(item){ | |||
this.$api('myInfo') | |||
.then(res=>{ | |||
if(res.code == 200){ | |||
this.role = res.result.role; | |||
this.userInfo = res.result; | |||
this.$store.commit('set_userInfo',res.result) | |||
//如果不是会员请开通会员 | |||
uni.navigateTo({ | |||
url:`/pages/jianhua/course-detial?id=${item.id}` | |||
}) | |||
}else{ | |||
this.$Toast('请先登录!') | |||
setTimeout(()=>{ | |||
uni.navigateTo({ | |||
url:'/pages/my/login-kehu' | |||
}) | |||
},1000) | |||
return | |||
this.userInfo = null | |||
} | |||
}) | |||
}, | |||
//查看详情 | |||
newDetail(item){ | |||
this.$api('myInfo') | |||
.then(res=>{ | |||
if(res.code == 200){ | |||
this.role = res.result.role; | |||
this.userInfo = res.result; | |||
this.$store.commit('set_userInfo',res.result) | |||
//如果不是会员请开通会员 | |||
if(this.userInfo.isPay == 1){ | |||
uni.navigateTo({ | |||
url:`/pages/home/new-detail?id=${item.id}` | |||
}) | |||
}else{ | |||
this.$Toast("开通会员即可查看") | |||
//跳转到实名认证页面进行实名认证 | |||
setTimeout(()=>{ //设置延迟执行 | |||
uni.navigateTo({ | |||
url:'/pages/my/list-renzhen' | |||
}) | |||
},2000); | |||
} | |||
}else{ | |||
this.$Toast('请先登录!') | |||
setTimeout(()=>{ | |||
uni.navigateTo({ | |||
url:'/pages/my/login-kehu' | |||
}) | |||
},1000) | |||
return | |||
this.userInfo = null | |||
} | |||
}) | |||
}, | |||
lower(){ | |||
if(this.params.pageNo >= this.pages) return; | |||
this.params.pageNo ++; | |||
this.getHouseList(); | |||
}, | |||
} | |||
} | |||
</script> | |||
<style lang="scss" scoped> | |||
.home-pages { | |||
padding: 18rpx 29rpx 0; | |||
background-color: #F7F7F7; | |||
.scroll-Y { | |||
height: calc(100vh - 210rpx); | |||
padding-top: 20rpx; | |||
} | |||
} | |||
</style> |
@ -0,0 +1,216 @@ | |||
<template> | |||
<view> | |||
<view class="home-pages"> | |||
<view style="position: absolute;top: 0; left: 0; height: 188rpx; width: 100%; z-index: 100; background-color: #FFFFFF; box-shadow: 0px 15px 10px -15px #E8E8E8;"> | |||
<view style="margin: 28rpx 24rpx; display: flex;"> | |||
<image :showLoading="true" :src="userInfo?userInfo.headImage : ''" style="width: 148rpx;height: 148rpx;border-radius: 50%;"></image> | |||
<view style="padding: 28rpx;"> | |||
<view style="font-size: 32rpx;font-weight: 600">{{userInfo?userInfo.nickName : '点击登录'}}</view> | |||
<view style="font-size: 30rpx;margin-top: 20rpx;">积分余额:{{userInfo.integerPrice}}</view> | |||
</view> | |||
</view> | |||
</view> | |||
<view class="home-content"> | |||
<user-card v-for="(item,i) in informationList" :key="i" :item="item"></user-card> | |||
</view> | |||
</view> | |||
</view> | |||
</template> | |||
<script> | |||
import userCard from '@/components/user-card/index-integer.vue' | |||
export default{ | |||
components:{ | |||
userCard | |||
}, | |||
data(){ | |||
return{ | |||
userInfo:{ | |||
integerPrice:0.00 | |||
}, | |||
current:1, | |||
activiteList:[], | |||
informationList:[], | |||
params:{ | |||
pageNo:1, | |||
pageSize:10, | |||
total: null, | |||
isLock: true | |||
}, | |||
} | |||
}, | |||
onShow() { | |||
this.getmyInfo() | |||
}, | |||
onLoad() { | |||
this.getinformation() | |||
// if(this.current == 0){ | |||
// this.getActivity(); | |||
// }else{ | |||
// this.getinformation() | |||
// } | |||
}, | |||
onPullDownRefresh() { | |||
this.activiteList = []; | |||
this.params.pageNo = 1; | |||
this.params.total = null; | |||
this.params.isLock = true; | |||
this.getinformation() | |||
}, | |||
onReachBottom() { | |||
if(this.params.isLock){ | |||
this.params.isLock = false; | |||
if(this.params.total !== null && this.params.pageNo * this.params.pageSize >= this.params.total){ | |||
this.$Toast('没有更多数据!'); | |||
setTimeout(()=>{ | |||
this.params.isLock = true; | |||
},3000) | |||
return | |||
} | |||
this.params.pageNo+=1; | |||
this.$Toast('数据加载成功!'); | |||
this.getinformation() | |||
} | |||
}, | |||
onPullDownRefresh() { | |||
this.params.pageNo = 1; | |||
this.getinformation() | |||
// if(this.current == 0){ | |||
// this.getActivity(); | |||
// }else{ | |||
// this.getinformation() | |||
// } | |||
}, | |||
// 隐藏微信h5的标题栏 | |||
onReady() { | |||
this.$com.displayNav() | |||
}, | |||
methods:{ | |||
getmyInfo(){ | |||
this.$api('myInfo') | |||
.then(res=>{ | |||
if(res.code == 200){ | |||
this.role = res.result.role; | |||
this.userInfo = res.result; | |||
this.$store.commit('set_userInfo',res.result) | |||
}else{ | |||
this.userInfo = null | |||
} | |||
}) | |||
}, | |||
// tabClick(e){ | |||
// this.current = e.index; | |||
// this.params.pageNo = 1; | |||
// if(this.current == 0){ | |||
// this.getActivity(2); | |||
// }else{ | |||
// this.getinformation(2) | |||
// } | |||
// }, | |||
// getActivity(type){ | |||
// uni.showLoading() | |||
// this.$api('activity',this.params) | |||
// .then(res=>{ | |||
// uni.hideLoading() | |||
// if(res.code == 200){ | |||
// if(this.params.total== null) { | |||
// this.params.total = res.result.total | |||
// } | |||
// if(this.params.pageNo>1){ | |||
// uni.hideLoading(); | |||
// } | |||
// this.pages = this.pages.concat(res.result.pages); | |||
// this.params.isLock = true; | |||
// }else { | |||
// if(this.params.pageNo>1){ | |||
// uni.hideLoading(); | |||
// } | |||
// this.params.isLock = true; | |||
// } | |||
// }) | |||
// }, | |||
getinformation(type){ | |||
uni.showLoading() | |||
this.$api('getIntegerList',this.params) | |||
.then(res=>{ | |||
uni.hideLoading() | |||
if(res.code == 200){ | |||
if(this.params.total== null) { | |||
this.params.total = res.result.total | |||
} | |||
if(this.params.pageNo>1){ | |||
uni.hideLoading(); | |||
} | |||
this.informationList = this.informationList.concat(res.result.records); | |||
this.params.isLock = true; | |||
}else { | |||
if(this.params.pageNo>1){ | |||
uni.hideLoading(); | |||
} | |||
this.params.isLock = true; | |||
} | |||
}) | |||
// uni.showLoading() | |||
// this.$api('getFans',this.params) | |||
// .then(res=>{ | |||
// uni.hideLoading() | |||
// if(res.code == 200){ | |||
// this.pages = res.result.pages; | |||
// if(type == 2){ | |||
// this.informationList = [...this.informationList,...res.result.records]; | |||
// }else{ | |||
// this.informationList = res.result.records; | |||
// uni.stopPullDownRefresh(); | |||
// } | |||
// } | |||
// }) | |||
}, | |||
seeDetail(item){//查看详情 | |||
uni.navigateTo({ | |||
url:`/pages/home/course-detial?id=${item.id}` | |||
}) | |||
}, | |||
newDetail(item){//知识查看详情 | |||
uni.navigateTo({ | |||
url:`/pages/home/new-detail?id=${item.id}` | |||
}) | |||
}, | |||
lower(){ | |||
if(this.params.pageNo >= this.pages) return; | |||
this.params.pageNo ++; | |||
if(this.current == 0){ | |||
this.getActivity(2); | |||
}else{ | |||
this.getinformation(2) | |||
} | |||
}, | |||
} | |||
} | |||
</script> | |||
<style lang="scss" scoped> | |||
.home-content { | |||
margin-top: 20rpx; | |||
} | |||
.home-pages { | |||
padding: 188rpx 29rpx 0; | |||
background-color: #F7F7F7; | |||
.scroll-Y { | |||
height: calc(100vh - 200rpx); | |||
padding-top: 20rpx; | |||
} | |||
} | |||
</style> |
@ -0,0 +1,216 @@ | |||
<template> | |||
<view> | |||
<view class="home-pages"> | |||
<view style="position: absolute;top: 0; left: 0; height: 188rpx; width: 100%; z-index: 100; background-color: #FFFFFF; box-shadow: 0px 15px 10px -15px #E8E8E8;"> | |||
<view style="margin: 28rpx 24rpx; display: flex;"> | |||
<image :showLoading="true" :src="userInfo?userInfo.headImage : ''" style="width: 148rpx;height: 148rpx;border-radius: 50%;"></image> | |||
<view style="padding: 28rpx;"> | |||
<view style="font-size: 32rpx;font-weight: 600">{{userInfo?userInfo.nickName : '点击登录'}}</view> | |||
<view style="font-size: 30rpx;margin-top: 20rpx;">我的余额:{{userInfo.price}}</view> | |||
</view> | |||
</view> | |||
</view> | |||
<view class="home-content"> | |||
<user-card v-for="(item,i) in informationList" :key="i" :item="item"></user-card> | |||
</view> | |||
</view> | |||
</view> | |||
</template> | |||
<script> | |||
import userCard from '@/components/user-card/index-price.vue' | |||
export default{ | |||
components:{ | |||
userCard | |||
}, | |||
data(){ | |||
return{ | |||
userInfo:{ | |||
price:0.00 | |||
}, | |||
current:1, | |||
activiteList:[], | |||
informationList:[], | |||
params:{ | |||
pageNo:1, | |||
pageSize:10, | |||
total: null, | |||
isLock: true | |||
}, | |||
} | |||
}, | |||
onShow() { | |||
this.getmyInfo() | |||
}, | |||
onLoad() { | |||
this.getinformation() | |||
// if(this.current == 0){ | |||
// this.getActivity(); | |||
// }else{ | |||
// this.getinformation() | |||
// } | |||
}, | |||
onPullDownRefresh() { | |||
this.activiteList = []; | |||
this.params.pageNo = 1; | |||
this.params.total = null; | |||
this.params.isLock = true; | |||
this.getinformation() | |||
}, | |||
onReachBottom() { | |||
if(this.params.isLock){ | |||
this.params.isLock = false; | |||
if(this.params.total !== null && this.params.pageNo * this.params.pageSize >= this.params.total){ | |||
this.$Toast('没有更多数据!'); | |||
setTimeout(()=>{ | |||
this.params.isLock = true; | |||
},3000) | |||
return | |||
} | |||
this.params.pageNo+=1; | |||
this.$Toast('数据加载成功!'); | |||
this.getinformation() | |||
} | |||
}, | |||
onPullDownRefresh() { | |||
this.params.pageNo = 1; | |||
this.getinformation() | |||
// if(this.current == 0){ | |||
// this.getActivity(); | |||
// }else{ | |||
// this.getinformation() | |||
// } | |||
}, | |||
// 隐藏微信h5的标题栏 | |||
onReady() { | |||
this.$com.displayNav() | |||
}, | |||
methods:{ | |||
getmyInfo(){ | |||
this.$api('myInfo') | |||
.then(res=>{ | |||
if(res.code == 200){ | |||
this.role = res.result.role; | |||
this.userInfo = res.result; | |||
this.$store.commit('set_userInfo',res.result) | |||
}else{ | |||
this.userInfo = null | |||
} | |||
}) | |||
}, | |||
// tabClick(e){ | |||
// this.current = e.index; | |||
// this.params.pageNo = 1; | |||
// if(this.current == 0){ | |||
// this.getActivity(2); | |||
// }else{ | |||
// this.getinformation(2) | |||
// } | |||
// }, | |||
// getActivity(type){ | |||
// uni.showLoading() | |||
// this.$api('activity',this.params) | |||
// .then(res=>{ | |||
// uni.hideLoading() | |||
// if(res.code == 200){ | |||
// if(this.params.total== null) { | |||
// this.params.total = res.result.total | |||
// } | |||
// if(this.params.pageNo>1){ | |||
// uni.hideLoading(); | |||
// } | |||
// this.pages = this.pages.concat(res.result.pages); | |||
// this.params.isLock = true; | |||
// }else { | |||
// if(this.params.pageNo>1){ | |||
// uni.hideLoading(); | |||
// } | |||
// this.params.isLock = true; | |||
// } | |||
// }) | |||
// }, | |||
getinformation(type){ | |||
uni.showLoading() | |||
this.$api('getPriceList',this.params) | |||
.then(res=>{ | |||
uni.hideLoading(); | |||
if(res.code == 200){ | |||
if(this.params.total== null) { | |||
this.params.total = res.result.total | |||
} | |||
if(this.params.pageNo>1){ | |||
uni.hideLoading(); | |||
} | |||
this.informationList = this.informationList.concat(res.result.records); | |||
this.params.isLock = true; | |||
}else { | |||
if(this.params.pageNo>1){ | |||
uni.hideLoading(); | |||
} | |||
this.params.isLock = true; | |||
} | |||
}) | |||
// uni.showLoading() | |||
// this.$api('getFans',this.params) | |||
// .then(res=>{ | |||
// uni.hideLoading() | |||
// if(res.code == 200){ | |||
// this.pages = res.result.pages; | |||
// if(type == 2){ | |||
// this.informationList = [...this.informationList,...res.result.records]; | |||
// }else{ | |||
// this.informationList = res.result.records; | |||
// uni.stopPullDownRefresh(); | |||
// } | |||
// } | |||
// }) | |||
}, | |||
seeDetail(item){//查看详情 | |||
uni.navigateTo({ | |||
url:`/pages/home/course-detial?id=${item.id}` | |||
}) | |||
}, | |||
newDetail(item){//知识查看详情 | |||
uni.navigateTo({ | |||
url:`/pages/home/new-detail?id=${item.id}` | |||
}) | |||
}, | |||
lower(){ | |||
if(this.params.pageNo >= this.pages) return; | |||
this.params.pageNo ++; | |||
if(this.current == 0){ | |||
this.getActivity(2); | |||
}else{ | |||
this.getinformation(2) | |||
} | |||
}, | |||
} | |||
} | |||
</script> | |||
<style lang="scss" scoped> | |||
.home-content { | |||
margin-top: 20rpx; | |||
} | |||
.home-pages { | |||
padding: 188rpx 29rpx 0; | |||
background-color: #F7F7F7; | |||
.scroll-Y { | |||
height: calc(100vh - 200rpx); | |||
padding-top: 20rpx; | |||
} | |||
} | |||
</style> |
@ -0,0 +1,157 @@ | |||
<template> | |||
<view> | |||
<view class="from"> | |||
<view class="from-line"> | |||
<span class="label-class">姓名:</span> | |||
<view><input v-model="release.name" placeholder="请输入姓名"/></view> | |||
</view> | |||
<view class="from-line"> | |||
<span class="label-class">电话:</span> | |||
<view><input v-model="release.phone" placeholder="请输入电话"/></view> | |||
</view> | |||
<view class="from-line"> | |||
<span class="label-class">地址:</span> | |||
<view><input v-model="release.region" placeholder="请输入地址信息"/></view> | |||
</view> | |||
<view class="from-line"> | |||
<span class="label-class">详细地址:</span> | |||
<view><input v-model="release.detailAddress" placeholder="请输入地址详情"/></view> | |||
</view> | |||
</view> | |||
<view class="pay-btn" @click="fabujianzhi()"> | |||
提交地址信息 | |||
</view> | |||
</view> | |||
</template> | |||
<script> | |||
import userCard from '@/components/user-card/index.vue' | |||
export default{ | |||
components:{ | |||
userCard | |||
}, | |||
data(){ | |||
return{ | |||
release:{ | |||
name:"", | |||
phone:"", | |||
region:"", | |||
detailAddress:"", | |||
} | |||
} | |||
}, | |||
onShow() { | |||
this.getmyInfo() | |||
}, | |||
onLoad() { | |||
}, | |||
onReady() { | |||
this.$com.displayNav() | |||
}, | |||
methods:{ | |||
getmyInfo(){ | |||
this.$api('myInfo') | |||
.then(res=>{ | |||
if(res.code == 200){ | |||
this.role = res.result.role; | |||
this.userInfo = res.result; | |||
this.$store.commit('set_userInfo',res.result) | |||
}else{ | |||
this.userInfo = null | |||
} | |||
}) | |||
}, | |||
fabujianzhi(){ | |||
let that = this; | |||
if(that.release.name == ''){ | |||
this.$Toast("姓名不能为空"); | |||
return | |||
} | |||
if(that.release.phone == null){ | |||
this.$Toast("电话不能为空") | |||
return | |||
} | |||
if(that.release.region == ''){ | |||
this.$Toast("地址不能为空") | |||
return | |||
} | |||
if(that.release.detailAddress == null){ | |||
this.$Toast("地址详情不能为空") | |||
return | |||
} | |||
let params = { | |||
name:that.release.name, | |||
phone:that.release.phone, | |||
region:that.release.region, | |||
detailAddress:that.release.detailAddress, | |||
} | |||
that.$api('saveOrUpdateAddress',params).then(res=>{ | |||
this.$Toast(res.message); | |||
setTimeout(()=>{ | |||
uni.navigateTo({ | |||
url:'/pages/my/my-address-list' | |||
}) | |||
},1500) | |||
}); | |||
}, | |||
} | |||
} | |||
</script> | |||
<style lang="scss" scoped> | |||
.from { | |||
margin-top: 20rpx; | |||
} | |||
.from-line { | |||
height: 138rpx; | |||
display: flex; | |||
.label-class{ | |||
text-align: justify; | |||
text-align-last: justify; | |||
line-height: 128rpx; | |||
width: 128rpx; | |||
padding: 0 24rpx; | |||
} | |||
input{ | |||
padding-left: 10rpx; | |||
height: 128rpx; | |||
line-height: 128rpx; | |||
} | |||
} | |||
.from-line-box { | |||
height: 328rpx; | |||
margin-right: 50rpx; | |||
display: flex; | |||
.label-class{ | |||
text-align: justify; | |||
text-align-last: justify; | |||
line-height: 128rpx; | |||
width: 128rpx; | |||
padding: 0 24rpx; | |||
} | |||
input{ | |||
padding-left: 20rpx; | |||
height: 228rpx; | |||
line-height: 128rpx; | |||
} | |||
} | |||
.pay-btn{ | |||
margin:190rpx auto; | |||
width: 387rpx; | |||
text-align: center; | |||
border-radius: 12rpx; | |||
height: 78rpx; | |||
line-height: 78rpx; | |||
background-color: #00CCCC; | |||
color: #FFFFFF; | |||
} | |||
</style> |
@ -0,0 +1,160 @@ | |||
<template> | |||
<view class="home-pages"> | |||
<view style="color: #707070; | |||
font-size: 28rpx;"> | |||
</view> | |||
<view class="home-content"> | |||
<u-tabs | |||
:list="tabList" | |||
lineWidth="70" | |||
lineHeight="3" | |||
lineColor= "#00CCCC" | |||
:activeStyle="{ | |||
color: '#000000', | |||
fontWeight: 'bold', | |||
transform: 'scale(1.35)' | |||
}" | |||
:inactiveStyle="{ | |||
color: '#000000', | |||
transform: 'scale(1)' | |||
}" | |||
itemStyle="padding-left: 15px; padding-right: 15px; height: 34px;" | |||
@click="tabClick" | |||
> | |||
</u-tabs> | |||
<scroll-view scroll-y="true" class="scroll-y" | |||
<card v-for="(item,i) in studyList" :item="item" :key="i" :i="i" @seeDetail="seeDetail"></card> | |||
</scroll-view> | |||
</view> | |||
</view> | |||
</template> | |||
<script> | |||
import card from '@/components/active-card/address-list.vue' | |||
export default{ | |||
components:{ | |||
card, | |||
}, | |||
data(){ | |||
return{ | |||
params:{ | |||
pageNo:1, | |||
labelClass:'0', | |||
pageSize:10, | |||
total: null, | |||
isLock: true | |||
}, | |||
current:0, | |||
studyList:[], | |||
tabList: [ | |||
{ | |||
id:'0', | |||
name:'地址信息' | |||
}, | |||
] | |||
} | |||
}, | |||
onLoad() { | |||
this.studyList = []; | |||
this.params.labelClass = "0"; | |||
this.params.pageNo = 1; | |||
this.params.total = null; | |||
this.params.isLock = true; | |||
this.queryPageListJobRelease(); | |||
}, | |||
// 隐藏微信h5的标题栏 | |||
onReady() { | |||
this.$com.displayNav() | |||
}, | |||
onPullDownRefresh() { | |||
this.studyList = []; | |||
this.params.pageNo = 1; | |||
this.params.total = null; | |||
this.params.isLock = true; | |||
this.queryPageListJobRelease() | |||
}, | |||
onReachBottom() { | |||
if(this.params.isLock){ | |||
this.params.isLock = false; | |||
if(this.params.total !== null && this.params.pageNo * this.params.pageSize >= this.params.total){ | |||
this.$Toast('没有更多数据了哦!'); | |||
setTimeout(()=>{ | |||
this.params.isLock = true; | |||
},3000) | |||
return | |||
} | |||
this.params.pageNo+=1; | |||
this.$Toast('数据加载成功!'); | |||
this.queryPageListJobRelease(); | |||
} | |||
}, | |||
methods:{ | |||
queryPageListJobRelease(){//学习列表 | |||
if(this.pageNo>1){ | |||
uni.showLoading({}) | |||
} | |||
this.$api('getAddressList',this.params) | |||
.then(res=>{ | |||
if(res.code == 200){ | |||
if(this.params.total== null) { | |||
this.params.total = res.result.total | |||
} | |||
if(this.params.pageNo>1){ | |||
uni.hideLoading(); | |||
} | |||
this.studyList = this.studyList.concat(res.result.records); | |||
this.params.isLock = true; | |||
}else { | |||
if(this.params.pageNo>1){ | |||
uni.hideLoading(); | |||
} | |||
this.params.isLock = true; | |||
} | |||
}) | |||
}, | |||
tabClick(e){ | |||
this.params.labelClass = e.id; | |||
this.params.pageNo =1; | |||
this.studyList = []; | |||
this.queryPageListJobRelease(); | |||
}, | |||
} | |||
} | |||
</script> | |||
<style lang="scss" scoped> | |||
.home-pages { | |||
padding: 28rpx 29rpx 0; | |||
background-color: #F7F7F7; | |||
.swiper{ | |||
position: relative; | |||
height: calc(100% -7vh); | |||
width: 100%; | |||
height: 1800px; | |||
} | |||
.scroll-Y { | |||
height: calc(300vh - 660rpx); | |||
padding-top: 20rpx; | |||
} | |||
.home-content { | |||
.active-card{ | |||
margin-top: 20rpx;; | |||
border-radius: 0; | |||
border: none; | |||
border-style: none; | |||
box-shadow: none; | |||
} | |||
} | |||
} | |||
</style> |
@ -0,0 +1,172 @@ | |||
<template> | |||
<view class="home-pages"> | |||
<view style="color: #707070; | |||
font-size: 28rpx;"> | |||
</view> | |||
<view class="home-content"> | |||
<u-tabs | |||
:list="tabList" | |||
lineWidth="70" | |||
lineHeight="3" | |||
lineColor= "#00CCCC" | |||
:activeStyle="{ | |||
color: '#000000', | |||
fontWeight: 'bold', | |||
transform: 'scale(1.35)' | |||
}" | |||
:inactiveStyle="{ | |||
color: '#000000', | |||
transform: 'scale(1)' | |||
}" | |||
itemStyle="padding-left: 15px; padding-right: 15px; height: 34px;" | |||
@click="tabClick" | |||
> | |||
</u-tabs> | |||
<scroll-view scroll-y="true" class="scroll-y" | |||
<card v-for="(item,i) in studyList" :item="item" :key="i" :i="i" @seeDetail="seeDetail"></card> | |||
</scroll-view> | |||
</view> | |||
</view> | |||
</template> | |||
<script> | |||
import card from '@/components/active-card/order-list.vue' | |||
export default{ | |||
components:{ | |||
card, | |||
}, | |||
data(){ | |||
return{ | |||
params:{ | |||
pageNo:1, | |||
state:'0', | |||
pageSize:10, | |||
total: null, | |||
isLock: true | |||
}, | |||
current:0, | |||
studyList:[], | |||
tabList: [ | |||
{ | |||
id:'0', | |||
name:'未支付' | |||
}, | |||
{ | |||
id:'1', | |||
name:'已支付' | |||
}, | |||
{ | |||
id:'2', | |||
name:'已发货' | |||
}, | |||
{ | |||
id:'3', | |||
name:'已收货' | |||
} | |||
] | |||
} | |||
}, | |||
onLoad() { | |||
this.studyList = []; | |||
this.params.state = "0"; | |||
this.params.pageNo = 1; | |||
this.params.total = null; | |||
this.params.isLock = true; | |||
this.queryPageListJobRelease(); | |||
}, | |||
// 隐藏微信h5的标题栏 | |||
onReady() { | |||
this.$com.displayNav() | |||
}, | |||
onPullDownRefresh() { | |||
this.studyList = []; | |||
this.params.pageNo = 1; | |||
this.params.total = null; | |||
this.params.isLock = true; | |||
this.queryPageListJobRelease() | |||
}, | |||
onReachBottom() { | |||
if(this.params.isLock){ | |||
this.params.isLock = false; | |||
if(this.params.total !== null && this.params.pageNo * this.params.pageSize >= this.params.total){ | |||
this.$Toast('没有更多数据了哦!'); | |||
setTimeout(()=>{ | |||
this.params.isLock = true; | |||
},3000) | |||
return | |||
} | |||
this.params.pageNo+=1; | |||
this.$Toast('数据加载成功!'); | |||
this.queryPageListJobRelease(); | |||
} | |||
}, | |||
methods:{ | |||
queryPageListJobRelease(){//学习列表 | |||
if(this.pageNo>1){ | |||
uni.showLoading({}) | |||
} | |||
this.$api('getOrderList',this.params) | |||
.then(res=>{ | |||
if(res.code == 200){ | |||
if(this.params.total== null) { | |||
this.params.total = res.result.total | |||
} | |||
if(this.params.pageNo>1){ | |||
uni.hideLoading(); | |||
} | |||
this.studyList = this.studyList.concat(res.result.records); | |||
this.params.isLock = true; | |||
}else { | |||
if(this.params.pageNo>1){ | |||
uni.hideLoading(); | |||
} | |||
this.params.isLock = true; | |||
} | |||
}) | |||
}, | |||
tabClick(e){ | |||
this.params.state = e.id; | |||
this.params.pageNo =1; | |||
this.studyList = []; | |||
this.queryPageListJobRelease(); | |||
}, | |||
} | |||
} | |||
</script> | |||
<style lang="scss" scoped> | |||
.home-pages { | |||
padding: 28rpx 29rpx 0; | |||
background-color: #F7F7F7; | |||
.swiper{ | |||
position: relative; | |||
height: calc(100% -7vh); | |||
width: 100%; | |||
height: 1800px; | |||
} | |||
.scroll-Y { | |||
height: calc(300vh - 660rpx); | |||
padding-top: 20rpx; | |||
} | |||
.home-content { | |||
.active-card{ | |||
margin-top: 20rpx;; | |||
border-radius: 0; | |||
border: none; | |||
border-style: none; | |||
box-shadow: none; | |||
} | |||
} | |||
} | |||
</style> |