Skip to content

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

修改

parent 222a680f
Hide 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,32 +155,20 @@ ...@@ -141,32 +155,20 @@
<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>
<tr>
<td style="width:55%">
优惠条件
</td>
<td style="width:25%">
同行返佣
</td>
<td style="width:25%">
销售返佣
</td>
</tr>
</thead>
<tbody> <tbody>
<tr v-for="pitem in item.PreferentialList"> <tr v-for="(pitem,pindex) in item.PreferentialList" v-if="pindex==0">
<td> <td style="width:40%">
<template v-if="pitem.PriceDiscountType==1"> <template v-if="pitem.PriceDiscountType==1">
买 {{pitem.BuyNum}} 送 {{pitem.SendNum}} 买 <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>
<template v-else-if="pitem.PriceDiscountType==5"> <template v-else-if="pitem.PriceDiscountType==5">
刷卡分期 刷卡分期
...@@ -175,11 +177,55 @@ ...@@ -175,11 +177,55 @@
{{pitem.PriceDiscountTypeStr}} {{pitem.PriceMoney}} % {{pitem.PriceDiscountTypeStr}} {{pitem.PriceMoney}} %
</template> </template>
</td> </td>
<td> <td style="width:25%">
{{pitem.B2BCommissionMoney}} % 同行返佣<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>
<td> <td style="width:5%">
{{pitem.SaleCommissionMoney}} % <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>
<td style="width:45%">
优惠条件
</td>
<td style="width:25%">
同行返佣
</td>
<td style="width:25%">
销售返佣
</td>
</tr>
</thead>
<tbody>
<tr v-for="(pitem,pindex) in item.PreferentialList">
<td>
<template v-if="pitem.PriceDiscountType==1">
买 {{pitem.BuyNum}} 送 {{pitem.SendNum}}
</template>
<template v-else-if="pitem.PriceDiscountType==5">
刷卡分期
</template>
<template v-else>
{{pitem.PriceDiscountTypeStr}} {{pitem.PriceMoney}} %
</template>
</td>
<td>
{{pitem.B2BCommissionMoney}} %
</td>
<td>
{{pitem.SaleCommissionMoney}} %
</td>
</tr>
</tbody>
</table>
</q-banner>
</q-popup-proxy>
</span>
</td> </td>
</tr> </tr>
</tbody> </tbody>
...@@ -189,14 +235,15 @@ ...@@ -189,14 +235,15 @@
</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">
<q-pagination v-model="msg.pageIndex" :max="pageCount" @input="changePage" class="full-width justify-end" <q-pagination v-model="msg.pageIndex" :max="pageCount" @input="changePage" class="full-width justify-end"
color="primary" :input="true"> color="primary" :input="true">
</q-pagination> </q-pagination>
</li> </li>
</ul> </ul>
<div v-else style="width: 100%;color: #999999;text-align: center;font-size: 15px">暂无数据</div> <div v-else style="width: 100%;color: #999999;text-align: center;font-size: 15px">暂无数据</div>
</div> </div>
......
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