Skip to content

C
confucius
Commit 1bc2b433 authored by 黄奎's avatar 黄奎
Browse files
Options

页面修改

parent e9cfccfb
Show whitespace changes
Inline Side-by-side
Showing with 250 additions and 462 deletions
src/components/course/courseprice-form.vue
View file @ 1bc2b433
<template> <template>
<q-dialog <q-dialog v-model="persistent" persistent content-class="bg-grey-1" transition-show="scale" transition-hide="scale">
v-model="persistent"
persistent
content-class="bg-grey-1"
transition-show="scale"
transition-hide="scale"
>
<q-card style="width: 850px;max-width:950px;"> <q-card style="width: 850px;max-width:950px;">
<q-card-section> <q-card-section>
<div class="text-h6">设置课程价格</div> <div class="text-h6">设置课程价格</div>
...@@ -13,336 +7,130 @@ ...@@ -13,336 +7,130 @@
<q-card-section class="q-pt-none scroll" style="max-height: 70vh"> <q-card-section class="q-pt-none scroll" style="max-height: 70vh">
<div class="text-caption q-mb-lg text-grey-6">基础价格设置</div> <div class="text-caption q-mb-lg text-grey-6">基础价格设置</div>
<div class="row wrap"> <div class="row wrap">
<!-- <div class="col-6">
<q-input
filled
stack-label
maxlength="8"
:dense="false"
v-model="priceObj.courseObj.OriginalPrice"
ref="OriginalPrice"
class="col-6 q-pr-lg q-pb-lg"
label="基础收费"
style="display:none;"
@keyup.native="checkPrice(priceObj.courseObj, 'OriginalPrice')"
:rules="[val => !!val || '请填写基础收费']"
/>
</div> -->
<div class="col-6"> <div class="col-6">
<q-input <q-input filled stack-label maxlength="8" :dense="false" v-model="priceObj.courseObj.SellPrice"
filled ref="SellPrice" class="col-6 q-pr-lg q-pb-lg" label="卖价"
stack-label @keyup.native="checkPrice(priceObj.courseObj, 'SellPrice')" :rules="[val => !!val || '请填写卖价']" />
maxlength="8"
:dense="false"
v-model="priceObj.courseObj.SellPrice"
ref="SellPrice"
class="col-6 q-pr-lg q-pb-lg"
label="直客价"
@keyup.native="checkPrice(priceObj.courseObj, 'SellPrice')"
:rules="[val => !!val || '请填写直客价']"
/>
</div> </div>
<div class="col-6">
<q-input
filled
stack-label
maxlength="8"
:dense="false"
v-model="priceObj.courseObj.B2BPrice"
ref="B2BPrice"
class="col-6 q-pr-lg q-pb-lg"
label="同业价"
@keyup.native="checkPrice(priceObj.courseObj, 'B2BPrice')"
:rules="[val => !!val || '请填写同业价']"
/>
</div>
</div>
<div class="row wrap">
<div class="col-6">
<q-input
filled
stack-label
:dense="false"
v-model="priceObj.courseObj.B2BRebateRatio"
ref="B2BRebateRatio"
class="col-6 q-pr-lg"
label="同行返佣比例"
@keyup.native="checkPrice(priceObj.courseObj, 'B2BRebateRatio')"
suffix="%"
/>
</div>
<div class="col-6">
<q-input
filled
stack-label
:dense="false"
v-model="priceObj.courseObj.B2BReNewRatio"
ref="B2BReNewRatio"
class="col-6 q-pr-lg q-pb-lg"
label="一般同行续费返佣比例"
@keyup.native="checkPrice(priceObj.courseObj, 'B2BReNewRatio')"
suffix="%"
/>
</div>
</div>
<div class="row wrap">
<div class="col-6">
<q-input
filled
stack-label
:dense="false"
v-model="priceObj.courseObj.SchoolRebateRatio"
ref="SchoolRebateRatio"
class="col-6 q-pr-lg q-pb-lg"
label="校园同行返佣比例"
@keyup.native="checkPrice(priceObj.courseObj, 'SchoolRebateRatio')"
suffix="%"
/>
</div> </div>
<div class="col-6"> <div class="text-caption q-mb-lg text-grey-6">优惠</div>
<q-input
filled
stack-label
:dense="false"
v-model="priceObj.courseObj.SchoolReNewRatio"
ref="SchoolReNewRatio"
class="col-6 q-pr-lg q-pb-lg"
label="校园同行续费返佣比例"
@keyup.native="checkPrice(priceObj.courseObj, 'SchoolReNewRatio')"
suffix="%"
/>
</div>
</div>
<div class="q-pt-none scroll" style="max-height:60hv;display:none;">
<table> <table>
<thead> <tr>
<tr style="height:60px;"> <th>
<td colspan="5" style="text-align:right;"> 优惠
<q-btn </th>
color="accent" <th>
size="sm" 首次报名优惠
icon="add" </th>
label="新增优惠" <th>
@click="addPrice()" 续费报名优惠
/> </th>
</tr>
<tr>
<td>
直客优惠
</td>
<td>
<q-input filled stack-label :dense="false" v-model="priceObj.courseObj.B2CRatio" ref="B2CRatio"
@keyup.native="checkPrice(priceObj.courseObj, 'B2CRatio')" suffix="%" />
</td>
<td>
<q-input filled stack-label :dense="false" v-model="priceObj.courseObj.B2CReNewRatio" ref="B2CReNewRatio"
@keyup.native="checkPrice(priceObj.courseObj, 'B2CReNewRatio')" suffix="%" />
</td> </td>
</tr> </tr>
</table>
<div class="text-caption q-mb-lg text-grey-6">返佣</div>
<table>
<tr> <tr>
<td style="width:200px"> <th>同行
优惠类型 </th>
<th>
首次报名返佣比例
</th>
<th>
续费报名返佣比例
</th>
</tr>
<tr>
<td>
一般同行
</td> </td>
<td style="width:200px"> <td>
优惠条件 <q-input filled stack-label :dense="false" v-model="priceObj.courseObj.B2BRebateRatio"
ref="B2BRebateRatio" @keyup.native="checkPrice(priceObj.courseObj, 'B2BRebateRatio')" suffix="%" />
</td> </td>
<td style="width:140px"> <td>
同行返佣 <q-input filled stack-label :dense="false" v-model="priceObj.courseObj.B2BReNewRatio" ref="B2BReNewRatio"
@keyup.native="checkPrice(priceObj.courseObj, 'B2BReNewRatio')" suffix="%" />
</td> </td>
<td style="width:140px"> </tr>
销售返佣 <tr>
<td>
校代
</td> </td>
<td style="width:140px"> <td>
教育同行返佣 <q-input filled stack-label :dense="false" v-model="priceObj.courseObj.SchoolRebateRatio"
ref="SchoolRebateRatio" @keyup.native="checkPrice(priceObj.courseObj, 'SchoolRebateRatio')"
suffix="%" />
</td> </td>
<td> <td>
操作 <q-input filled stack-label :dense="false" v-model="priceObj.courseObj.SchoolReNewRatio"
ref="SchoolReNewRatio" @keyup.native="checkPrice(priceObj.courseObj, 'SchoolReNewRatio')" suffix="%" />
</td> </td>
</tr> </tr>
</thead>
<tbody v-for="(item, index) in priceObj.priceList">
<tr> <tr>
<td style="height:50px"> <td>
<q-select 转介
filled
stack-label
option-value="Id"
option-label="Name"
v-model="item.PriceDiscountType"
ref="PriceDiscountType_Id"
:options="priceTypeList"
label="优惠类型"
style="width:160px"
dense
emit-value
map-options
/>
</td> </td>
<td> <td>
<!--买送--> <q-input filled stack-label :dense="false" v-model="priceObj.courseObj.TransIntroductceRatio"
<template v-if="item.PriceDiscountType == 1"> ref="TransIntroductceRatio" @keyup.native="checkPrice(priceObj.courseObj, 'TransIntroductceRatio')"
<q-input suffix="%" />
filled
stack-label
dense
v-model="item.BuyNum"
ref="BuyNum"
label="买"
@keyup.native="checkPrice(item, 'BuyNum')"
style="width:80px;display:inline-block;"
suffix=""
/>
<q-input
filled
stack-label
class="q-ml-xs"
v-model="item.SendNum"
ref="SendNum"
dense
label="送"
@keyup.native="checkPrice(item, 'SendNum')"
style="width:80px;display:inline-block;"
suffix=""
>
</q-input>
</template>
<!--刷卡分期-->
<template v-else-if="item.PriceDiscountType == 5"> </template>
<template v-else>
<q-input
filled
stack-label
dense
v-model="item.PriceMoney"
ref="PriceMoney"
label="优惠"
@keyup.native="checkPrice(item, 'PriceMoney')"
style="width:120px"
suffix="%"
/>
</template>
</td> </td>
<td> <td>
<q-input <q-input filled stack-label :dense="false" v-model="priceObj.courseObj.TransIntroductceReNewRatio"
filled ref="TransIntroductceReNewRatio"
stack-label @keyup.native="checkPrice(priceObj.courseObj, 'TransIntroductceReNewRatio')" suffix="%" />
dense
v-model="item.B2BCommissionMoney"
ref="B2BCommissionMoney"
label="同行返佣"
@keyup.native="checkPrice(item, 'B2BCommissionMoney')"
style="width:100px"
>
<template v-slot:append>
<div class="text-dark text-center text-dark cursor-pointer" style="width:30px;margin-right:-12px;height:100%;font-size:14px;border-left:1px solid #ddd;padding-top:15px;" >
<span>{{item.B2BCommissionType==0?'%':'￥'}}</span>
<q-menu auto-close>
<q-list>
<q-item clickable v-close-popup @click="item.B2BCommissionType=0">
<q-item-section>按百分比（%）</q-item-section>
</q-item>
<q-item clickable v-close-popup @click="item.B2BCommissionType=1">
<q-item-section>按固定额度（￥）</q-item-section>
</q-item>
</q-list>
</q-menu>
</div>
</template>
</q-input>
</td> </td>
</tr>
<tr>
<td> <td>
<q-input 内推
filled
stack-label
dense
v-model="item.SaleCommissionMoney"
ref="SaleCommissionMoney"
label="销售返佣"
@keyup.native="checkPrice(item, 'SaleCommissionMoney')"
class="q-pr-none"
style="width:100px"
>
<template v-slot:append>
<div class="text-dark text-center text-dark cursor-pointer" style="width:30px;margin-right:-12px;height:100%;font-size:14px;border-left:1px solid #ddd;padding-top:15px;" >
<span>{{item.SaleCommissionType==0?'%':'￥'}}</span>
<q-menu auto-close>
<q-list>
<q-item clickable v-close-popup @click="item.SaleCommissionType=0">
<q-item-section>按百分比（%）</q-item-section>
</q-item>
<q-item clickable v-close-popup @click="item.SaleCommissionType=1">
<q-item-section>按固定额度（￥）</q-item-section>
</q-item>
</q-list>
</q-menu>
</div>
</template>
</q-input>
</td> </td>
<td> <td>
<q-input <q-input filled stack-label :dense="false" v-model="priceObj.courseObj.InnerRecommendRatio"
filled ref="InnerRecommendRatio" @keyup.native="checkPrice(priceObj.courseObj, 'InnerRecommendRatio')"
stack-label suffix="%" />
dense
v-model="item.EduCommissionMoney"
ref="EduCommissionMoney"
label="教育同行"
@keyup.native="checkPrice(item, 'EduCommissionMoney')"
class="q-pr-none"
style="width:100px"
>
<template v-slot:append>
<div class="text-dark text-center text-dark cursor-pointer" style="width:30px;margin-right:-12px;height:100%;font-size:14px;border-left:1px solid #ddd;padding-top:15px;" >
<span>{{item.EduCommissionType==0?'%':'￥'}}</span>
<q-menu auto-close>
<q-list>
<q-item clickable v-close-popup @click="item.EduCommissionType=0">
<q-item-section>按百分比（%）</q-item-section>
</q-item>
<q-item clickable v-close-popup @click="item.EduCommissionType=1">
<q-item-section>按固定额度（￥）</q-item-section>
</q-item>
</q-list>
</q-menu>
</div>
</template>
</q-input>
</td> </td>
<td> <td>
<q-btn <q-input filled stack-label :dense="false" v-model="priceObj.courseObj.InnerRecommendReNewRatio"
flat ref="InnerRecommendReNewRatio"
size="xs" @keyup.native="checkPrice(priceObj.courseObj, 'InnerRecommendReNewRatio')" suffix="%" />
icon="iconfont icon-shanchu"
title="删除"
color="negative"
style="font-weight:400"
class="q-mr-xs"
label=""
@click="delPrice(index)"
/>
</td> </td>
</tr> </tr>
</tbody>
</table> </table>
</div>
</q-card-section> </q-card-section>
<q-separator /> <q-separator />
<q-card-actions align="right" class="bg-white"> <q-card-actions align="right" class="bg-white">
<q-btn <q-btn label="取消" flat color="grey-10" style="font-weight:400 !important" @click="closeCourseForm" />
label="取消" <q-btn label="立即提交" color="accent q-px-md" style="font-weight:400 !important" :loading="saveCourseLoading"
flat @click="saveCourse" />
color="grey-10"
style="font-weight:400 !important"
@click="closeCourseForm"
/>
<q-btn
label="立即提交"
color="accent q-px-md"
style="font-weight:400 !important"
:loading="saveCourseLoading"
@click="saveCourse"
/>
</q-card-actions> </q-card-actions>
</q-card> </q-card>
</q-dialog> </q-dialog>
</template> </template>
<script> <script>
import { import {
saveCoursePreferential, saveCoursePreferential,
queryCoursePreferentialList, queryCoursePreferentialList,
queryCourseInfo, queryCourseInfo,
queryCoursePreferentialType queryCoursePreferentialType
} from "../../api/course/index"; } from "../../api/course/index";
export default { export default {
components: {}, components: {},
props: { props: {
saveObj: { saveObj: {
...@@ -364,8 +152,8 @@ export default { ...@@ -364,8 +152,8 @@ export default {
B2BPrice: 0, //同业价 B2BPrice: 0, //同业价
B2BRebateRatio: 0, //一般同行返佣比例 B2BRebateRatio: 0, //一般同行返佣比例
SchoolRebateRatio: 0, //校园同行返佣比例 SchoolRebateRatio: 0, //校园同行返佣比例
B2BReNewRatio:0 ,//一般同行续费返佣比例 B2BReNewRatio: 0, //一般同行续费返佣比例
SchoolReNewRatio:0 //校园同行返佣比例 SchoolReNewRatio: 0 //校园同行返佣比例
}, },
priceList: [] //价格列表 priceList: [] //价格列表
}, },
...@@ -466,7 +254,7 @@ export default { ...@@ -466,7 +254,7 @@ export default {
this.$refs.SellPrice.validate(); this.$refs.SellPrice.validate();
this.$refs.B2BPrice.validate(); this.$refs.B2BPrice.validate();
if (!this.$refs.SellPrice.hasError && !this.$refs.B2BPrice.hasError){ if (!this.$refs.SellPrice.hasError && !this.$refs.B2BPrice.hasError) {
this.saveCourseLoading = true; this.saveCourseLoading = true;
saveCoursePreferential(this.priceObj) saveCoursePreferential(this.priceObj)
.then(res => { .then(res => {
...@@ -487,5 +275,5 @@ export default { ...@@ -487,5 +275,5 @@ export default {
} }
} }
} }
}; };
</script> </script>
\ No newline at end of file
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