23 changed files with 714 additions and 51 deletions
-
16components/commentItem/commentItem.vue
-
13components/searchRow/searchRow.vue
-
15config/api.js
-
8config/request.js
-
28pages.json
-
7pages/tabbar/mine/index.vue
-
7pages/tabbar/student/index.vue
-
10pages/userCenter/myCar/myCar.vue
-
80pages/userCenter/schoolCoach/coachComment/coachComment.vue
-
68pages/userCenter/schoolCoach/coachComment/comp/comments.vue
-
93pages/userCenter/schoolCoach/coachComment/comp/info.vue
-
137pages/userCenter/schoolCoach/schoolCoach.vue
-
147pages/userCenter/schoolSite/schoolSite.vue
-
86pages/userCenter/studentComment/studentComment.vue
-
BINstatic/images/coach/coach.png
-
BINstatic/images/coach/site.png
-
BINstatic/images/index/avatar.png
-
BINstatic/images/userCenter/adsIcon.png
-
BINstatic/images/userCenter/coach.png
-
BINstatic/images/userCenter/site.png
-
BINstatic/images/userCenter/siteIcon.png
-
2store/modules/user.js
-
4uni_modules/uview-ui/components/u-search/u-search.vue
@ -0,0 +1,80 @@ |
|||
<template> |
|||
<view class="pageBgImg"> |
|||
<view class="pad"> |
|||
<topNavbar title="教练详情"></topNavbar> |
|||
<view class="infoBox"> |
|||
<info :showSign="true" :item="info"></info> |
|||
</view> |
|||
<comments :list="list" @changeNav="changeNav"></comments> |
|||
<view style="padding-bottom: 20rpx;" v-if="list.length"> |
|||
<u-loadmore :status="status" /> |
|||
</view> |
|||
<nodata v-if="!list.length&&status=='nomore'"></nodata> |
|||
</view> |
|||
|
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
import comments from './comp/comments.vue' |
|||
import info from './comp/info.vue' |
|||
import { coachDetail, coachCommentPage } from '@/config/api.js' |
|||
export default { |
|||
components: { comments, info}, |
|||
data() { |
|||
return { |
|||
params: { |
|||
pageNo: 1, |
|||
pageSize: 20, |
|||
coachId: '', |
|||
coachType: 1, |
|||
condition: 0 |
|||
}, |
|||
total: 20, |
|||
list: [], |
|||
coachList: [], |
|||
status: 'loading', |
|||
info: {} |
|||
} |
|||
}, |
|||
onLoad(options) { |
|||
this.params.coachId = options.id |
|||
this.coachDetailFn() |
|||
this.coachCommentPageFn() |
|||
}, |
|||
methods: { |
|||
// 获取教练详情 |
|||
async coachDetailFn() { |
|||
const {data: res} = await coachDetail({id: this.params.coachId}) |
|||
this.info = res |
|||
}, |
|||
changeNav(val) { |
|||
this.params.condition = val |
|||
this.initList() |
|||
}, |
|||
initList() { |
|||
this.params.pageNo = 1 |
|||
this.status = 'loading' |
|||
this.list = [] |
|||
this.coachCommentPageFn() |
|||
}, |
|||
async coachCommentPageFn() { |
|||
const {data: res} = await coachCommentPage(this.params) |
|||
this.params.pageNo ++ |
|||
this.total = res.total |
|||
let arr = res.list.map(item=>{ |
|||
if(item.images) { |
|||
item.images = item.images.split(',') |
|||
} |
|||
return item |
|||
}) |
|||
this.list.push(...arr) |
|||
if(this.list.length>=this.list.length) this.status = 'nomore' |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss" scoped> |
|||
|
|||
</style> |
|||
@ -0,0 +1,68 @@ |
|||
<template> |
|||
<view class="comments"> |
|||
<view class="navBox"> |
|||
<view class="nav" v-for="(item,index) in navList" :key="index" @click="changeNav(item)" :class="{active: currentNav==item.id}">{{ item.text }}</view> |
|||
</view> |
|||
<view class="card" v-for="(item,index) in list"> |
|||
<commentItem :item="item"/> |
|||
</view> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
// import commentItem from './commentItem' |
|||
export default { |
|||
// components: { commentItem }, |
|||
props: ['list'], |
|||
data() { |
|||
return { |
|||
// 0，全部，1，有图，2最新，3有视频 |
|||
navList: [ |
|||
{text: '全部', id: 0}, |
|||
{text: '最新', id: 2}, |
|||
{text: '有图', id: 1}, |
|||
{text: '有视频', id: 3}, |
|||
], |
|||
currentNav: 0, |
|||
} |
|||
}, |
|||
methods: { |
|||
changeNav(item) { |
|||
this.currentNav = item.id |
|||
this.$emit('changeNav', item.id) |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss" scoped> |
|||
.comments { |
|||
width: 100%; |
|||
padding: 0 28rpx; |
|||
.navBox { |
|||
padding: 32rpx 0 24rpx 0; |
|||
display: flex; |
|||
.nav { |
|||
padding: 10rpx 24rpx; |
|||
height: 60rpx; |
|||
background: rgba(25,137,250,0.1); |
|||
border-radius: 8rpx; |
|||
border: 2rpx solid #1989FA; |
|||
font-size: 28rpx; |
|||
color: $themC; |
|||
margin-right: 20rpx; |
|||
text-align: center; |
|||
&.active { |
|||
color: #fff; |
|||
background: $themC; |
|||
} |
|||
} |
|||
} |
|||
|
|||
.card { |
|||
width: 100%; |
|||
padding: 24rpx 28rpx; |
|||
margin-bottom: 20rpx; |
|||
} |
|||
} |
|||
</style> |
|||
@ -0,0 +1,93 @@ |
|||
<template> |
|||
<view class="tabCon"> |
|||
<view class="tab1"> |
|||
<view class="card" > |
|||
<view class="flex"> |
|||
<view class="avatar"> |
|||
<image :src="item.photoPath" mode="" @error="handleImageError(item)"></image> |
|||
</view> |
|||
<view class="rightCon"> |
|||
<view class="name">{{ item.name }}</view> |
|||
<view class="flex-b"> |
|||
<view class="starBox"> |
|||
<u-rate active-color="#1989FA" inactive-color="#1989FA" gutter="1" :size="16" :value="item.stars" disabled style="pointer-events: none;"></u-rate> |
|||
<view class="num">{{item.stars}}分</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<view class="text">证件号：{{item.idcard}}</view> |
|||
<view class="text">联系电话：{{item.mobile}}</view> |
|||
<view class="text">绑定学员：<text>暂时没字段</text>人</view> |
|||
</view> |
|||
</view> |
|||
|
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
|
|||
export default { |
|||
props: ['item', ], |
|||
methods: { |
|||
handleImageError(item) { |
|||
item.photoPath = require('@/static/images/index/avatar.png') |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss" scoped> |
|||
.tabCon { |
|||
width: 100%; |
|||
.tab1 { |
|||
width: 100%; |
|||
.card { |
|||
width: 100%; |
|||
padding: 36rpx; |
|||
// margin-top: 20rpx; |
|||
.flex { |
|||
margin-bottom: 20rpx; |
|||
} |
|||
.text { |
|||
font-size: 28rpx; |
|||
padding: 10rpx 0; |
|||
text { |
|||
color: $themC; |
|||
} |
|||
} |
|||
.avatar { |
|||
width: 100rpx; |
|||
height: 98rpx; |
|||
border-radius: 50%; |
|||
margin-right: 34rpx; |
|||
background-color: #f6f6f6; |
|||
} |
|||
.rightCon { |
|||
flex: 1; |
|||
width: 0; |
|||
.name { |
|||
font-size: 32rpx; |
|||
color: #333; |
|||
font-weight: 500; |
|||
} |
|||
|
|||
.flex-b { |
|||
margin-top: 14rpx; |
|||
.more { |
|||
display: flex; |
|||
align-items: center; |
|||
.moreText { |
|||
font-size: 24rpx; |
|||
color: #686B73; |
|||
margin-right: 10rpx; |
|||
} |
|||
} |
|||
} |
|||
} |
|||
|
|||
} |
|||
} |
|||
} |
|||
|
|||
</style> |
|||
@ -0,0 +1,137 @@ |
|||
<template> |
|||
<view class="pageBgImg"> |
|||
<topNavbar title="驾校教练"></topNavbar> |
|||
<view class="pad"> |
|||
<view class="search_Box"> |
|||
<searchRow placeholder="搜索教练员" @searchFn="searchFn"></searchRow> |
|||
</view> |
|||
<view class="ul"> |
|||
<view class="card" v-for="(item,index) in list" :key="index" @click="$goPage('/pages/userCenter/schoolCoach/coachComment/coachComment?id='+ item.id)"> |
|||
<view class="avatar"> |
|||
<image :src="item.photoPath" mode="" @error="handleImageError(item)"></image> |
|||
</view> |
|||
<view class="rightTxt"> |
|||
<view class="name">{{item.name}}</view> |
|||
<view class="star_row"> |
|||
<view class="starBox"> |
|||
<u-rate active-color="#1989FA" inactive-color="#1989FA" gutter="1" :size="16" :value="item.stars" :readonly="true" style="pointer-events: none;"></u-rate> |
|||
<view class="num">{{item.stars}}分</view> |
|||
</view> |
|||
<moreRight text="查看详情"/> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<view style="padding-bottom: 20rpx;" v-if="list.length"> |
|||
<u-loadmore :status="status" /> |
|||
</view> |
|||
<nodata v-if="!list.length&&status=='nomore'"></nodata> |
|||
</view> |
|||
</template> |
|||
|
|||
|
|||
<script> |
|||
import { coachPage } from '@/config/api.js' |
|||
export default { |
|||
data() { |
|||
return { |
|||
list: [], |
|||
params: { |
|||
pageNo: 1, |
|||
pageSize: 20 |
|||
}, |
|||
total: 20, |
|||
status: 'loading' |
|||
} |
|||
}, |
|||
onLoad() { |
|||
this.coachPageFn() |
|||
}, |
|||
onPullDownRefresh() { |
|||
this.list = [] |
|||
this.params.pageNo = 1 |
|||
this.coachPageFn().then(()=>{uni.stopPullDownRefresh()}) |
|||
}, |
|||
onReachBottom() { |
|||
if(this.total>this.list.length) { |
|||
this.coachPageFn() |
|||
} |
|||
}, |
|||
methods: { |
|||
async coachPageFn() { |
|||
const {data: res} = await coachPage(this.params) |
|||
this.params.pageNo ++ |
|||
this.list.push(...res.list) |
|||
this.total = res.total |
|||
if(this.list.length>=this.total) { |
|||
this.status = 'nomore' |
|||
}else { |
|||
this.status = 'loading' |
|||
} |
|||
console.log(res) |
|||
}, |
|||
searchFn(val) { |
|||
console.log(val) |
|||
this.params.name = val |
|||
this.list = [] |
|||
this.params.pageNo = 1 |
|||
this.coachPageFn() |
|||
}, |
|||
handleImageError(item) { |
|||
item.photoPath = require('@/static/images/index/avatar.png') |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
|
|||
<style lang="scss" scoped> |
|||
.pageBgImg { |
|||
.search_Box { |
|||
margin-bottom: 20rpx; |
|||
searchrow { |
|||
|
|||
} |
|||
} |
|||
|
|||
.ul { |
|||
width: 100%; |
|||
.card { |
|||
padding: 28rpx 30rpx; |
|||
margin-bottom: 20rpx; |
|||
display: flex; |
|||
align-items: center; |
|||
.avatar { |
|||
width: 108rpx; |
|||
height: 108rpx; |
|||
border-radius: 50%; |
|||
overflow: hidden; |
|||
} |
|||
|
|||
.rightTxt { |
|||
padding-left: 20rpx; |
|||
flex: 1; |
|||
.name { |
|||
font-size: 32rpx; |
|||
color: #333; |
|||
font-weight: 500; |
|||
margin-bottom: 10rpx; |
|||
} |
|||
|
|||
.star_row { |
|||
display: flex; |
|||
justify-content: space-between; |
|||
.starBox { |
|||
display: flex; |
|||
padding: 6rpx 0 6rpx 0; |
|||
.num { |
|||
color: $themC; |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
</style> |
|||
@ -0,0 +1,147 @@ |
|||
<template> |
|||
<view class="pageBgImg"> |
|||
<topNavbar title="驾校场地"></topNavbar> |
|||
<view class="pad"> |
|||
<view class="search_Box"> |
|||
<searchRow placeholder="搜索场地名称" @searchFn="searchFn"></searchRow> |
|||
</view> |
|||
<view class="ul"> |
|||
<view class="card" v-for="(item,index) in list" :key="index"> |
|||
<view class="name_row"> |
|||
<view class="icon"> |
|||
<image src="@/static/images/userCenter/siteIcon.png" mode=""></image> |
|||
</view> |
|||
<view class="name">{{item.name}}</view> |
|||
</view> |
|||
<view class="addres_row"> |
|||
<view class="icon"> |
|||
<image src="@/static/images/userCenter/adsIcon.png" mode=""></image> |
|||
</view> |
|||
<view class="ads">{{item.address}}</view> |
|||
</view> |
|||
<view class="status_row"> |
|||
使用状态：<text v-if="item.siteStatus==1">正常</text> <text v-if="item.siteStatus==0" class="orange">停用</text> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<view style="padding-bottom: 20rpx;" v-if="list.length"> |
|||
<u-loadmore :status="status" /> |
|||
</view> |
|||
<nodata v-if="!list.length&&status=='nomore'"></nodata> |
|||
</view> |
|||
</template> |
|||
|
|||
|
|||
<script> |
|||
import { sitePage } from '@/config/api.js' |
|||
export default { |
|||
data() { |
|||
return { |
|||
list: [], |
|||
params: { |
|||
pageNo: 1, |
|||
pageSize: 20 |
|||
}, |
|||
total: 20, |
|||
status: 'loading' |
|||
} |
|||
}, |
|||
onLoad() { |
|||
this.sitePageFn() |
|||
}, |
|||
onPullDownRefresh() { |
|||
this.list = [] |
|||
this.params.pageNo = 1 |
|||
this.sitePageFn().then(()=>{uni.stopPullDownRefresh()}) |
|||
}, |
|||
onReachBottom() { |
|||
if(this.total>this.list.length) { |
|||
this.sitePageFn() |
|||
} |
|||
}, |
|||
methods: { |
|||
async sitePageFn() { |
|||
const {data: res} = await sitePage(this.params) |
|||
this.params.pageNo ++ |
|||
this.list.push(...res.list) |
|||
this.total = res.total |
|||
if(this.list.length>=this.total) { |
|||
this.status = 'nomore' |
|||
}else { |
|||
this.status = 'loading' |
|||
} |
|||
console.log(res) |
|||
}, |
|||
searchFn(val) { |
|||
console.log(val) |
|||
this.params.name = val |
|||
this.list = [] |
|||
this.params.pageNo = 1 |
|||
this.sitePageFn() |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
|
|||
<style lang="scss" scoped> |
|||
.pageBgImg { |
|||
.search_Box { |
|||
margin-bottom: 20rpx; |
|||
searchrow { |
|||
|
|||
} |
|||
} |
|||
|
|||
.ul { |
|||
width: 100%; |
|||
.card { |
|||
padding: 28rpx 30rpx; |
|||
margin-bottom: 20rpx; |
|||
.name_row { |
|||
display: flex; |
|||
align-items: center; |
|||
.icon { |
|||
width: 30rpx; |
|||
height: 32rpx; |
|||
} |
|||
|
|||
.name { |
|||
font-size: 32rpx; |
|||
font-weight: 600; |
|||
color: #333333; |
|||
margin-left: 10rpx; |
|||
} |
|||
} |
|||
|
|||
.addres_row { |
|||
padding: 16rpx 0 36rpx 0; |
|||
display: flex; |
|||
align-items: center; |
|||
.icon { |
|||
width: 30rpx; |
|||
height: 32rpx; |
|||
} |
|||
|
|||
.ads { |
|||
font-size: 24rpx; |
|||
color: #333333; |
|||
margin-left: 10rpx; |
|||
} |
|||
} |
|||
|
|||
.status_row { |
|||
font-size: 24rpx; |
|||
color: #686B73; |
|||
text { |
|||
color: #1989FA; |
|||
&.orange { |
|||
color: #FF6A2A; |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
</style> |
|||
|
After Width: 72 | Height: 72 | Size: 3.3 KiB |
|
After Width: 72 | Height: 72 | Size: 2.9 KiB |
|
After Width: 50 | Height: 50 | Size: 4.5 KiB |
|
After Width: 32 | Height: 36 | Size: 1.2 KiB |
|
After Width: 72 | Height: 72 | Size: 3.3 KiB |
|
After Width: 72 | Height: 72 | Size: 2.9 KiB |
|
After Width: 30 | Height: 32 | Size: 982 B |
Write
Preview
Loading…
Cancel
Save
Reference in new issue