Skip to content

C
confucius
Commit 3669b951 authored by zhengke's avatar zhengke
Browse files
Options

修改

parent 222a680f
Show whitespace changes
Inline Side-by-side
Showing with 80 additions and 33 deletions
src/pages/sale/courseList.vue
View file @ 3669b951
...@@ -46,7 +46,6 @@ ...@@ -46,7 +46,6 @@
.courseList li .d1 .di-c { .courseList li .d1 .di-c {
font-size: 14px; font-size: 14px;
display: flex; display: flex;
align-items: center;
line-height: 28px; line-height: 28px;
color: #111111 color: #111111
} }
...@@ -85,20 +84,30 @@ ...@@ -85,20 +84,30 @@
} }
.courseList li .d3 div { .courseList li .d3 div {
margin: 10px 0; margin: 2px 0;
font-size: 14px; font-size: 14px;
} }
.courseList li .d4 div { .courseList li .d4 div {
font-size: 14px; font-size: 14px;
color: #111111; color: #111111;
margin: 10px 0; margin: 2px 0;
} }
.courseList li .d5 div { .courseList li .d5 div {
font-size: 14px; font-size: 14px;
color: #111111; color: #111111;
margin: 10px 0; margin: 2px 0;
}
.courseList .myCourseNName {
width: 25px;
height: 25px;
border-radius: 50%;
color: #fff !important;
text-align: center;
line-height: 25px;
background-color: #004d40;
} }
</style> </style>
...@@ -119,7 +128,8 @@ ...@@ -119,7 +128,8 @@
<div class="d1" style="width:25%"> <div class="d1" style="width:25%">
<div class="di-title">课程名称</div> <div class="di-title">课程名称</div>
<div class="di-c" style="margin-top: 25px;"> <div class="di-c" style="margin-top: 25px;">
<img :src="item.CoverImg" style="width:60px;height:60px;margin-right:10px;" />{{item.CourseName}} <div><img :src="item.CoverImg" style="width:60px;height:60px;margin-right:10px;" /></div>
<div>{{item.CourseName}}</div>
</div> </div>
</div> </div>
<div class="d2"> <div class="d2">
...@@ -127,7 +137,11 @@ ...@@ -127,7 +137,11 @@
<div class="di-c" style="margin-top: 25px;"> <div class="di-c" style="margin-top: 25px;">
<div style="display:flex;align-items:center;" v-for="(subItem,sIndex) in item.TeacherList" <div style="display:flex;align-items:center;" v-for="(subItem,sIndex) in item.TeacherList"
:key="sIndex"> :key="sIndex">
<div><img style="width:25px;height:25px;border-radius:50%;" :src="subItem.TeacherIcon" /></div> <div>
<img v-if="subItem.TeacherIcon" style="width:25px;height:25px;border-radius:50%;"
:src="subItem.TeacherIcon" />
<div v-else class="myCourseNName">{{subItem.TeacherName.substring(0,1)}}</div>
</div>
<div style="margin-left:5px;">{{subItem.TeacherName}}</div> <div style="margin-left:5px;">{{subItem.TeacherName}}</div>
</div> </div>
</div> </div>
...@@ -141,17 +155,42 @@ ...@@ -141,17 +155,42 @@
<div class="d4" style="width:10%"> <div class="d4" style="width:10%">
<div class="di-title">基础价格</div> <div class="di-title">基础价格</div>
<div class="di-c" style="margin-top: 25px;"> <div class="di-c" style="margin-top: 25px;">
<span>{{item.OriginalPrice}}</span> <span style="color: var(--q-color-negative); font-weight: bold;">￥{{item.OriginalPrice}}</span>
</div> </div>
</div> </div>
<div class="d5" style="width:29%"> <div class="d5" style="width:29%">
<div class="di-title">优惠价格</div> <div class="di-title">优惠价格</div>
<div class="di-c" style="margin-top: 25px;"> <div class="di-c" style="margin-top: 25px;">
<template v-if="item.PreferentialList&&item.PreferentialList.length>0"> <template v-if="item.PreferentialList&&item.PreferentialList.length>0">
<table> <table style="width:90%;">
<thead> <tbody>
<tr v-for="(pitem,pindex) in item.PreferentialList" v-if="pindex==0">
<td style="width:40%">
<template v-if="pitem.PriceDiscountType==1">
买 <span style="color: var(--q-color-negative); font-weight: bold;">{{pitem.BuyNum}}</span> 送
<span style="color: var(--q-color-negative); font-weight: bold;">{{pitem.SendNum}}</span>
</template>
<template v-else-if="pitem.PriceDiscountType==5">
刷卡分期
</template>
<template v-else>
{{pitem.PriceDiscountTypeStr}} {{pitem.PriceMoney}} %
</template>
</td>
<td style="width:25%">
同行返佣<span style="color: var(--q-color-negative); font-weight: bold;">{{pitem.B2BCommissionMoney}} %</span>
</td>
<td style="width:25%">
销售返佣<span style="color: var(--q-color-negative); font-weight: bold;">{{pitem.SaleCommissionMoney}} %</span>
</td>
<td style="width:5%">
<span class="iconfont icon-xiangxia" v-if="item.PreferentialList.length>1" style="color: #2961FE;font-size: 10px">
<q-popup-proxy>
<q-banner>
<table style="width:400px;">
<thead style="background-color:rgba(221, 222, 224, 0.2);">
<tr> <tr>
<td style="width:55%"> <td style="width:45%">
优惠条件 优惠条件
</td> </td>
<td style="width:25%"> <td style="width:25%">
...@@ -163,7 +202,7 @@ ...@@ -163,7 +202,7 @@
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<tr v-for="pitem in item.PreferentialList"> <tr v-for="(pitem,pindex) in item.PreferentialList">
<td> <td>
<template v-if="pitem.PriceDiscountType==1"> <template v-if="pitem.PriceDiscountType==1">
买 {{pitem.BuyNum}} 送 {{pitem.SendNum}} 买 {{pitem.BuyNum}} 送 {{pitem.SendNum}}
...@@ -184,12 +223,20 @@ ...@@ -184,12 +223,20 @@
</tr> </tr>
</tbody> </tbody>
</table> </table>
</q-banner>
</q-popup-proxy>
</span>
</td>
</tr>
</tbody>
</table>
</template> </template>
</div> </div>
</div> </div>
</div> </div>
<div class="d6 row"> <div class="d6 row">
<p style="color:var(--q-color-negative);font-weight: bold"><span style="color:#2D2D2D;">课程特色：</span>{{item.CourseFeature}}</p> <p style="color:var(--q-color-negative);font-weight: bold"><span
style="color:#2D2D2D;">课程特色：</span>{{item.CourseFeature}}</p>
</div> </div>
</li> </li>
<li style="border: none;display: flex;justify-content: flex-end;background: white;padding: 5px 20px"> <li style="border: none;display: flex;justify-content: flex-end;background: white;padding: 5px 20px">
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment