|
|
@ -50,6 +50,45 @@ |
|
|
|
</div> |
|
|
|
<div class="demeanor-btn">报名咨询</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<!-- 统计区域 --> |
|
|
|
<div class="ul"> |
|
|
|
<div class="li"> |
|
|
|
<div class="num_row"> |
|
|
|
<div class="num">0</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> |
|
|
|
<div class="lab">课时单价</div> |
|
|
|
</div> |
|
|
|
<div class="li"> |
|
|
|
<div class="num_row"> |
|
|
|
<div class="num">100</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> |
|
|
|
<div class="lab">教练数</div> |
|
|
|
</div> |
|
|
|
<div class="li"> |
|
|
|
<div class="num_row"> |
|
|
|
<div class="num">100</div> |
|
|
|
<div class="unit">元</div> |
|
|
|
</div> |
|
|
|
<div class="lab">预约数</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<!-- 驾校详情 --> |
|
|
|
<div class="driving-detail"> |
|
|
|
<el-tabs v-model="activeName" type="card" @tab-click="handleClick"> |
|
|
@ -77,87 +116,22 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</el-tab-pane> |
|
|
|
<el-tab-pane label="教练员" name="coach"> |
|
|
|
<div class="pane-title"> |
|
|
|
<p class="title-circle"></p> |
|
|
|
<p class="title-text">教练员</p> |
|
|
|
</div> |
|
|
|
<div class="pane-demeanor-list" v-if="coachList"> |
|
|
|
<div class="pane-demeanor" v-for="item in coachList" :key="item.coachId"> |
|
|
|
<div class="node-img"> |
|
|
|
<img |
|
|
|
class="driving-img" |
|
|
|
:src="item.image" |
|
|
|
/> |
|
|
|
</div> |
|
|
|
<div class="node-info"> |
|
|
|
<div class="info-title">{{item.coachName}}</div> |
|
|
|
<div class="info-score"> |
|
|
|
<el-rate |
|
|
|
class="score-rate" |
|
|
|
:value="item.starLevel" |
|
|
|
disabled |
|
|
|
text-color="#ff9900" |
|
|
|
></el-rate> |
|
|
|
<p class="score-nub">{{item.starLevel}}分</p> |
|
|
|
</div> |
|
|
|
<div class="info-address"> |
|
|
|
<p class="address-text"> |
|
|
|
所属驾校:{{ dataSheetDetail.schoolName }} |
|
|
|
</p> |
|
|
|
</div> |
|
|
|
<div class="info-phone"> |
|
|
|
<p class="phone-text">准教车型:{{item.driveModel}}</p> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</el-tab-pane> |
|
|
|
<el-tab-pane label="教练车" name="coachcar"> |
|
|
|
<div class="pane-title"> |
|
|
|
<p class="title-circle"></p> |
|
|
|
<p class="title-text">教练车</p> |
|
|
|
</div> |
|
|
|
<div class="pane-imgs"> |
|
|
|
<div class="imgs-context"> |
|
|
|
<img |
|
|
|
class="driving-img" |
|
|
|
src="../../assets/zlxcimgs/second_icon_zhaopian@2x.png" |
|
|
|
/> |
|
|
|
</div> |
|
|
|
<div class="imgs-context"> |
|
|
|
<img |
|
|
|
class="driving-img" |
|
|
|
src="../../assets/zlxcimgs/second_icon_zhaopian@2x.png" |
|
|
|
/> |
|
|
|
</div> |
|
|
|
<div class="imgs-context"> |
|
|
|
<img |
|
|
|
class="driving-img" |
|
|
|
src="../../assets/zlxcimgs/second_icon_zhaopian@2x.png" |
|
|
|
/> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</el-tab-pane> |
|
|
|
|
|
|
|
<el-tab-pane label="班型" name="classtype"> |
|
|
|
<div class="pane-title"> |
|
|
|
<p class="title-circle"></p> |
|
|
|
<p class="title-text">班型</p> |
|
|
|
</div> |
|
|
|
<div class="pane-table"> |
|
|
|
<el-table :data="tableData" border style="width: 100%"> |
|
|
|
<el-table-column prop="classModel" label="驾照类型" width="180"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="className" label="班型" width="180"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="totalPrice" label="学车总金额 (元)"> |
|
|
|
<el-table-column prop="totalPrice" label="套餐金额 (元)"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="remark" label="班型介绍"> |
|
|
|
<el-table-column prop="remark" label="套餐属性"> |
|
|
|
</el-table-column> |
|
|
|
</el-table> |
|
|
|
</div> |
|
|
|
</el-tab-pane> |
|
|
|
<el-tab-pane label="报名地址" name="registration"> |
|
|
|
<el-tab-pane label="地址电话" name="registration"> |
|
|
|
<div class="pane-title"> |
|
|
|
<p class="title-circle"></p> |
|
|
|
<p class="title-text">报名地址</p> |
|
|
@ -169,9 +143,7 @@ |
|
|
|
/> |
|
|
|
<p class="address-text">{{ dataSheetDetail.address }}</p> |
|
|
|
</div> |
|
|
|
</el-tab-pane> |
|
|
|
<el-tab-pane label="报名咨询" name="advisory"> |
|
|
|
<div class="pane-title"> |
|
|
|
<div class="pane-title" style="margin-top: 40px;"> |
|
|
|
<p class="title-circle"></p> |
|
|
|
<p class="title-text">报名咨询</p> |
|
|
|
</div> |
|
|
|