|
|
|
@ -15,19 +15,19 @@ |
|
|
|
<div class="driving-demeanor" v-if="dataSheetDetail"> |
|
|
|
<div class="demeanor"> |
|
|
|
<div class="school-node"> |
|
|
|
<div class="node-img"> |
|
|
|
<img class="driving-img" :src="dataSheetDetail.iconUrl" /> |
|
|
|
<div class="node-img" v-if="dataSheetDetail.schoolIntroduce"> |
|
|
|
<img class="driving-img" :src="dataSheetDetail.schoolIntroduce.iconPath" /> |
|
|
|
</div> |
|
|
|
<div class="node-info"> |
|
|
|
<div class="info-title">{{ dataSheetDetail.schoolName }}</div> |
|
|
|
<div class="info-title">{{ dataSheetDetail.name }}</div> |
|
|
|
<div class="info-score"> |
|
|
|
<el-rate |
|
|
|
class="score-rate" |
|
|
|
:value="dataSheetDetail.starLevel" |
|
|
|
:value="dataSheetDetail.stars" |
|
|
|
disabled |
|
|
|
text-color="#ff9900" |
|
|
|
></el-rate> |
|
|
|
<p class="score-nub">{{ dataSheetDetail.starLevel }}分</p> |
|
|
|
<p class="score-nub">{{ dataSheetDetail.stars }}分</p> |
|
|
|
</div> |
|
|
|
<div class="info-address"> |
|
|
|
<img |
|
|
|
@ -43,48 +43,48 @@ |
|
|
|
class="phone-icon" |
|
|
|
src="../../assets/zlxcimgs/home_icon_tell@2x.png" |
|
|
|
/> |
|
|
|
<p class="phone-text">{{dataSheetDetail.commonPhone ? dataSheetDetail.commonPhone : dataSheetDetail.contactPhone}}</p> |
|
|
|
<p class="phone-text">{{dataSheetDetail.phone}}</p> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="demeanor-btn">报名咨询</div> |
|
|
|
<!-- <div class="demeanor-btn">报名咨询</div> --> |
|
|
|
</div> |
|
|
|
|
|
|
|
<!-- 统计区域 --> |
|
|
|
<div class="ul"> |
|
|
|
<div class="li"> |
|
|
|
<div class="num_row"> |
|
|
|
<div class="num">0</div> |
|
|
|
<div class="num">{{ carCoachObj.entryFee }}</div> |
|
|
|
<div class="unit">元</div> |
|
|
|
</div> |
|
|
|
<div class="lab">报名费</div> |
|
|
|
</div> |
|
|
|
<div class="li"> |
|
|
|
<div class="li" v-if=" carCoachObj.classPrice"> |
|
|
|
<div class="num_row"> |
|
|
|
<div class="num">100</div> |
|
|
|
<div class="num">{{ carCoachObj.classPrice }} </div> |
|
|
|
<div class="unit">元</div> |
|
|
|
</div> |
|
|
|
<div class="lab">课时单价</div> |
|
|
|
</div> |
|
|
|
<div class="li"> |
|
|
|
<div class="num_row"> |
|
|
|
<div class="num">100</div> |
|
|
|
<div class="unit">元</div> |
|
|
|
<div class="num">{{ carCoachObj.carTotal }}</div> |
|
|
|
<div class="unit">辆</div> |
|
|
|
</div> |
|
|
|
<div class="lab">车辆数</div> |
|
|
|
</div> |
|
|
|
<div class="li"> |
|
|
|
<div class="num_row"> |
|
|
|
<div class="num">100</div> |
|
|
|
<div class="unit">元</div> |
|
|
|
<div class="num">{{ carCoachObj.coachTotal }}</div> |
|
|
|
<div class="unit">人</div> |
|
|
|
</div> |
|
|
|
<div class="lab">教练数</div> |
|
|
|
</div> |
|
|
|
<div class="li"> |
|
|
|
<div class="num_row"> |
|
|
|
<div class="num">100</div> |
|
|
|
<div class="unit">元</div> |
|
|
|
<div class="li" v-if="carCoachObj.reserveTotal"> |
|
|
|
<div class="num_row"> |
|
|
|
<div class="num">{{ carCoachObj.reserveTotal }}</div> |
|
|
|
<div class="unit">人</div> |
|
|
|
</div> |
|
|
|
<div class="lab">预约数</div> |
|
|
|
</div> |
|
|
|
@ -92,13 +92,13 @@ |
|
|
|
<!-- 驾校详情 --> |
|
|
|
<div class="driving-detail"> |
|
|
|
<el-tabs v-model="activeName" type="card" @tab-click="handleClick"> |
|
|
|
<el-tab-pane label="驾校简介" name="introduction"> |
|
|
|
<el-tab-pane label="驾校简介" name="introduction" v-if="dataSheetDetail.schoolIntroduce"> |
|
|
|
<div class="pane-title"> |
|
|
|
<p class="title-circle"></p> |
|
|
|
<p class="title-text">驾校简介</p> |
|
|
|
</div> |
|
|
|
<div class="pane-substance"> |
|
|
|
<p class="sub-text">{{dataSheetDetail.introduce ? dataSheetDetail.introduce : ''}}</p> |
|
|
|
<p class="sub-text">{{dataSheetDetail.schoolIntroduce.introduce}}</p> |
|
|
|
</div> |
|
|
|
</el-tab-pane> |
|
|
|
<el-tab-pane label="场地" name="space"> |
|
|
|
@ -108,11 +108,9 @@ |
|
|
|
</div> |
|
|
|
<div |
|
|
|
class="pane-imgs" |
|
|
|
v-for="(item, index) in dataSpaceList" |
|
|
|
:key="index + new Date().getTime()" |
|
|
|
> |
|
|
|
<div class="imgs-context"> |
|
|
|
<img class="driving-img" :src="item" /> |
|
|
|
<div class="imgs-context" v-for="(item, index) in dataSpaceList" :key="index"> |
|
|
|
<img class="driving-img" :src="item.iconPath" v-if="item.iconPath"/> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</el-tab-pane> |
|
|
|
@ -120,9 +118,9 @@ |
|
|
|
<el-tab-pane label="班型" name="classtype"> |
|
|
|
<div class="pane-table"> |
|
|
|
<el-table :data="tableData" border style="width: 100%"> |
|
|
|
<el-table-column prop="classModel" label="驾照类型" width="180"> |
|
|
|
<el-table-column prop="carType" label="驾照类型" width="180"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="className" label="班型" width="180"> |
|
|
|
<el-table-column prop="name" label="班型" width="180"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="totalPrice" label="套餐金额 (元)"> |
|
|
|
</el-table-column> |
|
|
|
@ -143,16 +141,16 @@ |
|
|
|
/> |
|
|
|
<p class="address-text">{{ dataSheetDetail.address }}</p> |
|
|
|
</div> |
|
|
|
<div class="pane-title" style="margin-top: 40px;"> |
|
|
|
<!-- <div class="pane-title" style="margin-top: 40px;"> |
|
|
|
<p class="title-circle"></p> |
|
|
|
<p class="title-text">报名咨询</p> |
|
|
|
</div> |
|
|
|
</div> --> |
|
|
|
<div class="pane-phone"> |
|
|
|
<img |
|
|
|
class="phone-icon" |
|
|
|
src="../../assets/zlxcimgs/home_icon_tell@2x.png" |
|
|
|
/> |
|
|
|
<p class="phone-text">{{ dataSheetDetail.commonPhone ? dataSheetDetail.commonPhone : dataSheetDetail.contactPhone }}</p> |
|
|
|
<p class="phone-text">{{ dataSheetDetail.phone }}</p> |
|
|
|
</div> |
|
|
|
</el-tab-pane> |
|
|
|
</el-tabs> |
|
|
|
@ -167,6 +165,7 @@ import { |
|
|
|
queryGetSchoolDetailById, |
|
|
|
queryGetSiteBySchoolId, |
|
|
|
queryQueryList, |
|
|
|
getWebsiteSchoolDetailRespVO, |
|
|
|
queryTrainingClasss |
|
|
|
} from "@/api/herbalMedicine"; |
|
|
|
import { formatTime } from "@/utils/common.js"; |
|
|
|
@ -209,16 +208,18 @@ export default { |
|
|
|
}, |
|
|
|
], |
|
|
|
// 驾校详情 |
|
|
|
dataSheetDetail: null, |
|
|
|
dataSheetDetail: {}, |
|
|
|
// 场地图片列表 |
|
|
|
dataSpaceList: [], |
|
|
|
// 驾校教练列表 |
|
|
|
coachList: [], |
|
|
|
carCoachObj: {}, //统计信息 |
|
|
|
}; |
|
|
|
}, |
|
|
|
created() { |
|
|
|
// 官网驾校信息 |
|
|
|
this.getQueryGetSchoolDetailById(); |
|
|
|
this.getWebsiteSchoolDetailRespVOFn() |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
handleClick(tab, event) { |
|
|
|
@ -234,7 +235,7 @@ export default { |
|
|
|
// 官网驾校信息 |
|
|
|
getQueryGetSchoolDetailById() { |
|
|
|
queryGetSchoolDetailById({ |
|
|
|
schoolId: this.$route.query.id, |
|
|
|
id: this.$route.query.id, |
|
|
|
}).then((res) => { |
|
|
|
this.dataSheetDetail = res.data; |
|
|
|
|
|
|
|
@ -243,12 +244,19 @@ export default { |
|
|
|
} |
|
|
|
}); |
|
|
|
}, |
|
|
|
// 统计教练车辆信息 |
|
|
|
async getWebsiteSchoolDetailRespVOFn() { |
|
|
|
const {data: res} = await getWebsiteSchoolDetailRespVO({ schoolId: this.$route.query.id,}) |
|
|
|
console.log('++++++++++') |
|
|
|
this.carCoachObj = res |
|
|
|
console.log(res) |
|
|
|
}, |
|
|
|
// 查询驾校场地图片列表 |
|
|
|
getQueryGetSiteBySchoolId() { |
|
|
|
queryGetSiteBySchoolId({ |
|
|
|
schoolId: this.$route.query.id, |
|
|
|
}).then((res) => { |
|
|
|
this.dataSpaceList = res.data; |
|
|
|
this.dataSpaceList = res.data.list; |
|
|
|
}); |
|
|
|
}, |
|
|
|
// 查询驾校教练员详情 |
|
|
|
@ -264,10 +272,9 @@ export default { |
|
|
|
queryTrainingClasss({ |
|
|
|
schoolId: this.$route.query.id, |
|
|
|
}).then((res) => { |
|
|
|
this.tableData = res.data; |
|
|
|
|
|
|
|
this.tableData = res.data.list; |
|
|
|
for (var item of this.tableData ) { |
|
|
|
item.totalPrice = (item.totalPrice/100).toFixed(2); |
|
|
|
item.totalPrice = (item.totalAmount/100).toFixed(2); |
|
|
|
} |
|
|
|
|
|
|
|
}); |
|
|
|
|
