268 lines
8.2 KiB
Vue
268 lines
8.2 KiB
Vue
<template>
|
|
<view class="page flex-col">
|
|
<view class="group_1 flex-row">
|
|
|
|
|
|
</view>
|
|
<view class="group_2 flex-row">
|
|
<image
|
|
class="label_1"
|
|
referrerpolicy="no-referrer"
|
|
src="/static/lanhu_jiaxiaoxiangqing/FigmaDDSSlicePNG53ddee177d4f9800624b95a9ec941112.png"
|
|
@click="handleBack"
|
|
/>
|
|
<text class="text_2">驾校</text>
|
|
|
|
</view>
|
|
<view class="group_4 flex-col">
|
|
<image
|
|
style="width: 100%; height: 100%;"
|
|
referrerpolicy="no-referrer"
|
|
src="/static/lanhu_jiaxiaoxiangqing/FigmaDDSSlicePNGcd54efcc9a8c89af0ef99c8275464828.png"
|
|
/>
|
|
</view>
|
|
<view class="group_5 flex-col">
|
|
<text class="text_3">{{ schoolDetails.corpName }}</text>
|
|
<view class="text-wrapper_1 flex-row justify-between">
|
|
<text class="text_4">营业中</text>
|
|
<text class="text_5">08:00-18:00</text>
|
|
</view>
|
|
<view class="block_2 flex-row">
|
|
<view class="text-group_1 flex-col justify-between">
|
|
<text class="text_6">山东省济南市历下区工业路城投伴山居三区</text>
|
|
<text class="text_7">距离4.0km</text>
|
|
</view>
|
|
<view class="image-wrapper_2 flex-col">
|
|
<image
|
|
class="label_2"
|
|
referrerpolicy="no-referrer"
|
|
src="/static/lanhu_jiaxiaoxiangqing/FigmaDDSSlicePNGb598f2a62156745f7ba827352fd17464.png"
|
|
/>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- <view class="container">
|
|
|
|
<view class="section-title">
|
|
<text class="title">报名类型</text>
|
|
</view>
|
|
|
|
|
|
<view class="class-list">
|
|
<view class="class-item" v-for="(item, index) in schoolClassList" :key="index">
|
|
<image class="class-image" :src="item.photo" />
|
|
<view class="class-info">
|
|
<text class="class-name">{{ item.tittle }}</text>
|
|
<view class="class-details">
|
|
<text class="class-type">{{ item.name }}</text>
|
|
<text class="class-license">{{ item.type }}</text>
|
|
</view>
|
|
<view class="class-price">
|
|
<text class="price">￥{{ item.price - item.favour }}</text>
|
|
<text class="original-price">￥{{ item.price }}</text>
|
|
</view>
|
|
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
|
|
<view class="view-all" @click="goClassList()">
|
|
<text>查看全部班型 ({{ schoolClassList.length }})</text>
|
|
<image src="/static/arrow.png" class="arrow-icon" />
|
|
</view>
|
|
</view> -->
|
|
|
|
|
|
<view class="group_6 flex-col">
|
|
<view class="box_4 flex-row justify-between">
|
|
<view class="box_5 flex-col"></view>
|
|
<text class="text_8">报名类型</text>
|
|
</view>
|
|
<view class="box_6 flex-row" v-for="(item, index) in schoolClassList" :key="index" @click="goToDetail(item.id)">
|
|
<view class="image-text_1 flex-row">
|
|
<image
|
|
class="image_2"
|
|
referrerpolicy="no-referrer"
|
|
:src="imagesUrl + '/' + item.photo"
|
|
/>
|
|
<view class="text-group_2 flex-col justify-between">
|
|
<text class="text_9">{{ item.tittle }}</text>
|
|
<view class="text-wrapper_2 flex-row justify-between">
|
|
<text class="text_10">￥{{ item.price - item.favour }}</text>
|
|
<text class="text_11">￥{{ item.price }}</text>
|
|
</view>
|
|
</view>
|
|
<view class="text-wrapper_3 flex-col">
|
|
<text class="text_12">{{ item.type }}</text>
|
|
</view>
|
|
<view class="text-wrapper_4 flex-col">
|
|
<text class="text_13">{{ item.name }}</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="box_12 flex-row">
|
|
<view class="image-text_2 flex-row justify-between" @click="goClassList()">
|
|
<text class="text-group_3">查看全部班型({{ schoolAllClassList.length }})</text>
|
|
<image
|
|
class="thumbnail_2"
|
|
referrerpolicy="no-referrer"
|
|
src="/static/lanhu_jiaxiaoxiangqing/FigmaDDSSlicePNGb5045194768d2baa618848ea60e5a9e4.png"
|
|
/>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="group_8 flex-col">
|
|
<view class="group_9 flex-row justify-between">
|
|
<view class="block_3 flex-col"></view>
|
|
<text class="text_24">团队教练</text>
|
|
</view>
|
|
<view class="group_10 flex-row justify-between" v-for="(item, index) in schoolCoachList" :key="index">
|
|
<view class="image-text_3 flex-row justify-between">
|
|
<image
|
|
class="label_3"
|
|
referrerpolicy="no-referrer"
|
|
:src="imagesUrl + '/' + item.image"
|
|
/>
|
|
<view class="text-group_4 flex-col justify-between">
|
|
<text class="text_25">{{ item.name }}</text>
|
|
<text class="text_26">5.0</text>
|
|
<text class="text_27">教龄 {{ item.seniority }}年</text>
|
|
</view>
|
|
<view class="box_13 flex-col"></view>
|
|
</view>
|
|
<text class="text_28">学员 598人</text>
|
|
</view>
|
|
|
|
</view>
|
|
|
|
</view>
|
|
</template>
|
|
<script>
|
|
import request from "@/utils/request";
|
|
import config from "@/config.js"
|
|
|
|
export default {
|
|
data() {
|
|
return {
|
|
imagesUrl: config.imagesUrl,
|
|
constants: {},
|
|
schoolId: undefined,
|
|
tenantId: undefined,
|
|
schoolDetails: {},
|
|
schoolClassList: [],
|
|
schoolAllClassList: [],
|
|
schoolCoachList: [],
|
|
|
|
};
|
|
},
|
|
onLoad(options) {
|
|
if (options.id) {
|
|
this.schoolId = options.id;
|
|
this.tenantId = options.tenantId
|
|
console.log("首页传入数据", options)
|
|
console.log("驾校id", this.schoolId)
|
|
console.log("驾校租户id", this.tenantId)
|
|
this.getSchoolDetails();
|
|
this.getSchoolClass();
|
|
this.getSchoolAllClass()
|
|
this.getSchoolCoach()
|
|
}
|
|
},
|
|
methods: {
|
|
handleBack() {
|
|
uni.navigateBack({
|
|
delta: 1
|
|
});
|
|
},
|
|
getSchoolDetails() {
|
|
request({
|
|
url: '/userClient/base/companySmallProgram/noTenantIdGet',
|
|
method: 'GET',
|
|
params: {
|
|
id: this.schoolId
|
|
},
|
|
tenantIdFlag: false
|
|
}).then(res => {
|
|
this.schoolDetails = res.data;
|
|
this.tenantId = res.data.tenantId
|
|
console.log('租户id', this.tenantId)
|
|
console.log('学校详情', this.schoolDetails);
|
|
}).catch(err => {
|
|
console.error('获取驾校详情失败', err);
|
|
});
|
|
},
|
|
getSchoolClass() {
|
|
console.log('tenantId', this.tenantId)
|
|
request({
|
|
url: '/app-api/dl-drive-school-course-small/noTenantIdPage',
|
|
method: 'GET',
|
|
params: {
|
|
pageNo: 1,
|
|
pageSize: 3,
|
|
tenantId: this.tenantId,
|
|
},
|
|
tenantIdFlag: false
|
|
}).then(res => {
|
|
this.schoolClassList = res.data.records;
|
|
this.total = res.data.total;
|
|
console.log('驾校课程列表', this.schoolClassList);
|
|
})
|
|
},
|
|
|
|
getSchoolAllClass() {
|
|
request({
|
|
url: '/app-api/dl-drive-school-course-small/list',
|
|
method: 'GET',
|
|
params: {
|
|
tenantId: this.tenantId,
|
|
},
|
|
tenantIdFlag: false
|
|
}).then(res => {
|
|
this.schoolAllClassList = res.data;
|
|
this.total = res.data.total;
|
|
console.log('驾校所有课程列表', this.schoolAllClassList);
|
|
})
|
|
},
|
|
|
|
getSchoolCoach() {
|
|
request({
|
|
url: '/app-api/dl-drive-school-coach-small/page',
|
|
method: 'GET',
|
|
params: {
|
|
tenantId: this.tenantId,
|
|
},
|
|
tenantIdFlag: false
|
|
}).then(res => {
|
|
// 对数据进行排序
|
|
const sortedList = res.data.records.sort((a, b) => b.seniority - a.seniority);
|
|
// 取排序后的前三条数据
|
|
this.schoolCoachList = sortedList.slice(0, 3);
|
|
this.total = res.data.total;
|
|
console.log('驾校教练列表', this.schoolCoachList);
|
|
})
|
|
},
|
|
|
|
goClassList() {
|
|
uni.navigateTo({
|
|
url: '/newPages/courseList/index?tenantId=' + this.tenantId,
|
|
});
|
|
},
|
|
// 跳转到详情页
|
|
goToDetail(courseId) {
|
|
uni.navigateTo({
|
|
url: `/newPages/courseDetail/index?courseId=${courseId}&tenantId=${this.tenantId}`,
|
|
});
|
|
},
|
|
|
|
}
|
|
};
|
|
</script>
|
|
<style lang='scss'>
|
|
@import '../common/common.scss';
|
|
@import './assets/style/index.rpx.scss';
|
|
</style>
|