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 @@
.courseList li .d1 .di-c {
font-size: 14px;
display: flex;
align-items: center;
line-height: 28px;
color: #111111
}
......@@ -85,20 +84,30 @@
}
.courseList li .d3 div {
margin: 10px 0;
margin: 2px 0;
font-size: 14px;
}
.courseList li .d4 div {
font-size: 14px;
color: #111111;
margin: 10px 0;
margin: 2px 0;
}
.courseList li .d5 div {
font-size: 14px;
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>
......@@ -119,7 +128,8 @@
<div class="d1" style="width:25%">
<div class="di-title">课程名称</div>
<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 class="d2">
......@@ -127,7 +137,11 @@
<div class="di-c" style="margin-top: 25px;">
<div style="display:flex;align-items:center;" v-for="(subItem,sIndex) in item.TeacherList"
: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>
</div>
......@@ -141,32 +155,20 @@
<div class="d4" style="width:10%">
<div class="di-title">基础价格</div>
<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 class="d5" style="width:29%">
<div class="di-title">优惠价格</div>
<div class="di-c" style="margin-top: 25px;">
<template v-if="item.PreferentialList&&item.PreferentialList.length>0">
<table>
<thead>
<tr>
<td style="width:55%">
优惠条件
</td>
<td style="width:25%">
同行返佣
</td>
<td style="width:25%">
销售返佣
</td>
</tr>
</thead>
<table style="width:90%;">
<tbody>
<tr v-for="pitem in item.PreferentialList">
<td>
<tr v-for="(pitem,pindex) in item.PreferentialList" v-if="pindex==0">
<td style="width:40%">
<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 v-else-if="pitem.PriceDiscountType==5">
刷卡分期
......@@ -175,11 +177,55 @@
{{pitem.PriceDiscountTypeStr}} {{pitem.PriceMoney}} %
</template>
</td>
<td>
{{pitem.B2BCommissionMoney}} %
<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>
{{pitem.SaleCommissionMoney}} %
<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>
<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>
</tr>
</tbody>
......@@ -189,14 +235,15 @@
</div>
</div>
<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>
</li>
<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"
color="primary" :input="true">
</q-pagination>
</li>
<q-pagination v-model="msg.pageIndex" :max="pageCount" @input="changePage" class="full-width justify-end"
color="primary" :input="true">
</q-pagination>
</li>
</ul>
<div v-else style="width: 100%;color: #999999;text-align: center;font-size: 15px">暂无数据</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