Skip to content

C
confucius
Commit 08b2be3a authored by 罗超's avatar 罗超
Browse files
Options

修改

parent 83b0a6f6
Show whitespace changes
Inline Side-by-side
Showing with 579 additions and 478 deletions
src/pages/sale/japaneseTrain.vue
View file @ 08b2be3a
<template> <template>
<div class="page-body japaneseTrain"> <div class="page-body japaneseTrain">
<div class="page-search row items-center"> <div class="page-search row items-center">
<div class="col row wrap q-mr-lg q-col-gutter-md"> <div class="col row wrap q-mr-lg q-col-gutter-md">
<div class="col-3"> <div class="col-3">
<q-select @input="resetSearch" standout="bg-primary text-white" option-value="SId" option-label="SName" <q-select @input="resetSearch" standout="bg-primary text-white" option-value="SId" option-label="SName" v-model="msg.School_Id" :options="schoolList" emit-value map-options label="关联校区" />
v-model="msg.School_Id" :options="schoolList" emit-value map-options label="关联校区" />
</div> </div>
<div class="col-3"> <div class="col-3">
<q-input @change="resetSearch" clearable standout="bg-primary text-white" v-model="msg.ClassName" label="班级名称" <q-input @change="resetSearch" clearable standout="bg-primary text-white" v-model="msg.ClassName" label="班级名称" @clear="resetSearch" />
@clear="resetSearch" />
</div> </div>
<div class="col-3"> <div class="col-3">
<q-select @input="resetSearch" standout="bg-primary text-white" option-value="TId" option-label="TeacherName" <q-select @input="resetSearch" standout="bg-primary text-white" option-value="TId" option-label="TeacherName" v-model="msg.Teacher_Id" :options="TeacherList" emit-value map-options label="带班老师" />
v-model="msg.Teacher_Id" :options="TeacherList" emit-value map-options label="带班老师" />
</div> </div>
<div class="col-3"> <div class="col-3">
<q-select @input="resetSearch" standout="bg-primary text-white" option-value="CourseId" option-label="CourseName" <q-select @input="resetSearch" standout="bg-primary text-white" option-value="CourseId" option-label="CourseName" v-model="msg.CouseId" :options="ClassList" emit-value map-options label="学习课程" />
v-model="msg.CouseId" :options="ClassList" emit-value map-options label="学习课程" />
</div> </div>
<div class="col-3"> <div class="col-3">
<div class="col-3 Sysuser_Date"> <div class="col-3 Sysuser_Date">
<q-field filled> <q-field filled>
 <template v-slot:control>  <template v-slot:control>
<el-date-picker v-model="dateList" @change="resetSearch()" value-format="yyyy-MM-dd" type="daterange" style="border:none;" <el-date-picker v-model="dateList" @change="resetSearch()" value-format="yyyy-MM-dd" type="daterange" style="border:none;"   range-separator="至"  start-placeholder="开学日期"  end-placeholder="结束日期">
  range-separator="至"  start-placeholder="开学日期"  end-placeholder="结束日期">
  </el-date-picker>          </el-date-picker>       
</template> </template>
</q-field> </q-field>
...@@ -35,10 +30,12 @@ ...@@ -35,10 +30,12 @@
</div> </div>
<div class="page-content" > <div class="page-content">
<div style="width: 100%;display: flex;justify-content: space-between"> <div style="width: 100%;display: flex;justify-content: space-between">
<span style="font-size: 20px;font-weight: 400; ">日语培训产品列表</span> <span style="font-size: 20px;font-weight: 400; ">日语培训产品列表</span>
<span><q-toggle v-model="msg.Q_CanApply" label="只看有余位" class="q-mb-md" false-value="0" true-value="1" @input="resetSearch"/></span> <span>
<q-toggle v-model="msg.Q_CanApply" label="只看有余位" class="q-mb-md" false-value="0" true-value="1" @input="resetSearch" />
</span>
</div> </div>
<div class="productQueryList" v-loading='loading'> <div class="productQueryList" v-loading='loading'>
<ul v-if="data.length!=0"> <ul v-if="data.length!=0">
...@@ -52,12 +49,12 @@ ...@@ -52,12 +49,12 @@
<div class="d2"> <div class="d2">
<div class="row" style="align-items: center"> <span class="d2-n">带课老师</span><img :src="item.TeacherHead" alt="" style="width: 26px;height: 26px;border-radius: 4px;margin-right: 5px;color: #2961FE">{{item.TeacherName}}</div> <div class="row" style="align-items: center"> <span class="d2-n">带课老师</span><img :src="item.TeacherHead" alt="" style="width: 26px;height: 26px;border-radius: 4px;margin-right: 5px;color: #2961FE">{{item.TeacherName}}</div>
<div><span class="d2-n">上课教室</span>{{item.RoomName}}</div> <div><span class="d2-n">上课教室</span>{{item.RoomName}}</div>
<div><span class="d2-n">上课时间</span><span style="text-decoration:underline;color:#111111;cursor: pointer">{{item.ClassStyleName}} </span><span class="iconfont icon-xiangxia" style="color: #2961FE;font-size: 10px" ></span> <div><span class="d2-n">上课时间</span><span style="text-decoration:underline;color:#111111;cursor: pointer">{{item.ClassStyleName}} </span><span class="iconfont icon-xiangxia" style="color: #2961FE;font-size: 10px"></span>
<q-popup-proxy> <q-popup-proxy>
<q-banner> <q-banner>
<div class="price-popup" style="padding: 10px"> <div class="price-popup" style="padding: 10px">
<div class="popup-top"> <div class="popup-top">
<div style="color:#2D2D2D;font-size: 14px;font-weight: bold" >上课时间</div> <div style="color:#2D2D2D;font-size: 14px;font-weight: bold">上课时间</div>
<div style="background: #EEEEEF;font-size: 12px;color: #2D2D2D;font-weight: bold;height: 40px;width: 454px;line-height: 40px;display: flex;justify-content: space-around;margin-top: 20px" v-if="item.ClassStyle==1"> <div style="background: #EEEEEF;font-size: 12px;color: #2D2D2D;font-weight: bold;height: 40px;width: 454px;line-height: 40px;display: flex;justify-content: space-around;margin-top: 20px" v-if="item.ClassStyle==1">
<span>周末</span> <span>周末</span>
<span>周一</span> <span>周一</span>
...@@ -84,10 +81,10 @@ ...@@ -84,10 +81,10 @@
<!-- 这里使用的是 2.5 slot 语法，对于新项目请使用 2.6 slot 语法--> <!-- 这里使用的是 2.5 slot 语法，对于新项目请使用 2.6 slot 语法-->
<template slot="dateCell" slot-scope="{date, data}" class="row" style="height: 45px"> <template slot="dateCell" slot-scope="{date, data}" class="row" style="height: 45px">
<!--自定义内容--> <!--自定义内容-->
<div class="calendar-day" >{{ data.day.split('-').slice(2).join('-') }}</div> <div class="calendar-day">{{ data.day.split('-').slice(2).join('-') }}</div>
<div v-for="x in item.ClassPlanList"> <div v-for="x in item.ClassPlanList">
<div v-if="x.ClassDate == data.day" style="align-items: center;justify-content: center;margin-top: 15px" class="row"> <div v-if="x.ClassDate == data.day" style="align-items: center;justify-content: center;margin-top: 15px" class="row">
<img src="../../assets/images/administration/gou.png" alt="" style="width: 16px;height: 12px" > <img src="../../assets/images/administration/gou.png" alt="" style="width: 16px;height: 12px">
</div> </div>
</div> </div>
</template> </template>
...@@ -100,9 +97,7 @@ ...@@ -100,9 +97,7 @@
</div> </div>
<div>时间</div> <div>时间</div>
</div> </div>
<div style="font-size: 12px;color: #2D2D2D;font-weight: bold;height: 40px;width: 454px;line-height: 40px;display: flex;border-bottom: 1px solid rgba(138, 138, 138, 0.09);" <div style="font-size: 12px;color: #2D2D2D;font-weight: bold;height: 40px;width: 454px;line-height: 40px;display: flex;border-bottom: 1px solid rgba(138, 138, 138, 0.09);" v-for="(zx,zi) in item.ClassTimeList" :key="zi">
v-for="(zx,zi) in item.ClassTimeList" :key="zi"
>
<div style="width: 50%;padding-left: 20px"> <div style="width: 50%;padding-left: 20px">
第{{zi+1}}节 第{{zi+1}}节
</div> </div>
...@@ -124,7 +119,7 @@ ...@@ -124,7 +119,7 @@
<div><span class="d2-n">原价</span><span>{{item.OriginalPrice.toFixed(2)}}</span></div> <div><span class="d2-n">原价</span><span>{{item.OriginalPrice.toFixed(2)}}</span></div>
<div><span class="d2-n">售价</span><span style="color:#f5576c;font-weight: bold">{{item.SellPrice.toFixed(2)}}</span></div> <div><span class="d2-n">售价</span><span style="color:#f5576c;font-weight: bold">{{item.SellPrice.toFixed(2)}}</span></div>
<div v-if="item.IsStepPrice==1 && item.ClassStepPriceList.length>0" style="cursor: pointer"> <div v-if="item.IsStepPrice==1 && item.ClassStepPriceList.length>0" style="cursor: pointer">
更多优惠价格<span class="iconfont icon-xiangxia" style="color: #2961FE;font-size: 10px" ></span> 更多优惠价格<span class="iconfont icon-xiangxia" style="color: #2961FE;font-size: 10px"></span>
<q-popup-proxy> <q-popup-proxy>
<q-banner> <q-banner>
<div class="price-popup"> <div class="price-popup">
...@@ -142,7 +137,7 @@ ...@@ -142,7 +137,7 @@
<div><span class="d2-n">剩余招生名额</span><span style="color:#f5576c;font-weight: bold">{{item.SurplusNum}}人</span></div> <div><span class="d2-n">剩余招生名额</span><span style="color:#f5576c;font-weight: bold">{{item.SurplusNum}}人</span></div>
</div> </div>
<div class="d7"> <div class="d7">
<q-btn color="primary" label="立即下单" v-if="item.IsCanApply==1" @click="placeAnorder(item)"/> <q-btn color="primary" label="立即下单" v-if="item.IsCanApply==1" @click="placeAnorder(item)" />
<div v-if="item.IsCanApply==0"> <div v-if="item.IsCanApply==0">
<img src="../../assets/images/administration/bmym.png" alt="" style="width: 64px;height: 62px;margin-right: 15px" v-if="item.SurplusNum==0"> <img src="../../assets/images/administration/bmym.png" alt="" style="width: 64px;height: 62px;margin-right: 15px" v-if="item.SurplusNum==0">
<img src="../../assets/images/administration/guoqi.png" alt="" style="width: 64px;height: 62px" v-if="getEXPDate(item.EndOrderTime)==true"> <img src="../../assets/images/administration/guoqi.png" alt="" style="width: 64px;height: 62px" v-if="getEXPDate(item.EndOrderTime)==true">
...@@ -154,23 +149,18 @@ ...@@ -154,23 +149,18 @@
<div class="d6 row"> <div class="d6 row">
<p style="color:#f5576c;font-weight: bold"><span style="color:#2D2D2D;">OP备注：</span>{{item.OutRemark}}</p> <p style="color:#f5576c;font-weight: bold"><span style="color:#2D2D2D;">OP备注：</span>{{item.OutRemark}}</p>
<div class="progress"> <div class="progress">
<q-linear-progress size="5px" color="#3FC4FF" :value="(item.OrderStudentCount/item.ClassPersion)" rounded/> <q-linear-progress size="5px" color="#3FC4FF" :value="(item.OrderStudentCount/item.ClassPersion)" rounded />
</div> </div>
</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 <q-pagination v-model="msg.pageIndex" :max="pageCount" @input="changePage" class="full-width justify-end" color="primary" :input="true">
v-model="msg.pageIndex"
:max="pageCount"
@input="changePage"
class="full-width justify-end" 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: 20px">暂无数据</div> <div v-else style="width: 100%;color: #999999;text-align: center;font-size: 15px">暂无数据</div>
</div> </div>
<q-dialog v-model="dialog" maximized full-height seamless position="right" > <q-dialog v-model="dialog" maximized full-height seamless position="right">
<q-card style="margin-top:61px;width:500px" class="no-border-radius classinfo_Dialog"> <q-card style="margin-top:61px;width:500px" class="no-border-radius classinfo_Dialog">
<div class="drawerTop"> <div class="drawerTop">
<div style="display:flex;align-items:center;margin-left:10px;"> <div style="display:flex;align-items:center;margin-left:10px;">
...@@ -178,15 +168,11 @@ ...@@ -178,15 +168,11 @@
</div> </div>
</div> </div>
<div style="padding:20px 15px;"> <div style="padding:20px 15px;">
<q-input filled stack-label maxlength="100" :dense="false" v-model="enrollMsg.GuestNum" type="number" @input="peopleNumber" <q-input filled stack-label maxlength="100" :dense="false" v-model="enrollMsg.GuestNum" type="number" @input="peopleNumber" class="col-12" label="人数" :rules="[val => !!val || '请填写人数']" />
class="col-12" label="人数" :rules="[val => !!val || '请填写人数']" /> <q-input filled stack-label :dense="false" v-model="enrollMsg.Unit_Price" :disable="UPrice==true?false:true" @blur="priceNumber" class="col-12" label="成交单价" :rules="[val => !!val || '请填成交单价']" />
<q-input filled stack-label :dense="false" v-model="enrollMsg.Unit_Price" :disable="UPrice==true?false:true" @blur="priceNumber" <q-toggle v-model="UPrice" label="高于定价收生" class="q-mb-md" @change="resetSearch" />
class="col-12" label="成交单价" :rules="[val => !!val || '请填成交单价']" /> <q-select standout="bg-primary text-white" option-value="Id" option-label="Name" v-model="enrollMsg.OrderSource" :options="SourceEnumList" emit-value map-options label="客人来源" />
<q-toggle v-model="UPrice" label="高于定价收生" class="q-mb-md" @change="resetSearch"/> <q-input filled stack-label type="textarea" :dense="false" v-model="enrollMsg.SaleRemark" style="margin-top: 20px" class="col-12" label="备注" />
<q-select standout="bg-primary text-white" option-value="Id" option-label="Name"
v-model="enrollMsg.OrderSource" :options="SourceEnumList" emit-value map-options label="客人来源" />
<q-input filled stack-label type="textarea" :dense="false" v-model="enrollMsg.SaleRemark" style="margin-top: 20px"
class="col-12" label="备注" />
<div style="margin:30px 10px 0 0;"> <div style="margin:30px 10px 0 0;">
<q-btn class="q-mr-md" label="取消" @click="dialog=false" /> <q-btn class="q-mr-md" label="取消" @click="dialog=false" />
<q-btn color="accent" class="q-mr-md" label="保存" @click="saveSatMsg()" /> <q-btn color="accent" class="q-mr-md" label="保存" @click="saveSatMsg()" />
...@@ -194,67 +180,67 @@ ...@@ -194,67 +180,67 @@
</div> </div>
</q-card> </q-card>
<div class="dialog-out-close" @click="dialog=false" <div class="dialog-out-close" @click="dialog=false" style="height:40px !important;border-top-left-radius: 4px !important;border-bottom-left-radius: 4px !important;">
style="height:40px !important;border-top-left-radius: 4px !important;border-bottom-left-radius: 4px !important;">
<q-icon name="iconfont icon-jujue1" size="26px" /> <q-icon name="iconfont icon-jujue1" size="26px" />
</div> </div>
</q-dialog> </q-dialog>
</div> </div>
</div> </div>
</template> </template>
<script> <script>
import { import {
getClassPruductList,//获取日语培训列表 getClassPruductList, //获取日语培训列表
getOrderSourceEnumList,//获取订单来源 枚举 getOrderSourceEnumList, //获取订单来源 枚举
setClassOrder,//新增 修改订单 setClassOrder, //新增 修改订单
} from '../../api/sale/sale'; } from '../../api/sale/sale';
import { import {
getSchoolDropdown, //获取校区列表 getSchoolDropdown, //获取校区列表
getTeacherDropDownList, getTeacherDropDownList,
} from '../../api/school/index'; } from '../../api/school/index';
import { import {
queryCourseDropdownList, queryCourseDropdownList,
} from '../../api/course/index' } from '../../api/course/index'
export default { export default {
components: { components: {
}, },
data() { data() {
return { return {
dialog:false, dialog: false,
data: [], data: [],
loading: false, loading: false,
dateList:[],//开学时间 dateList: [], //开学时间
msg: { msg: {
pageIndex: 1, pageIndex: 1,
pageSize: 10, pageSize: 10,
ClassName: '', //班级名称 ClassName: '', //班级名称
StartTime:'',//开始时间 StartTime: '', //开始时间
EndTime:'',//结束时间 EndTime: '', //结束时间
School_Id: 0, //关联校区 School_Id: 0, //关联校区
CouseId:0,//课程id CouseId: 0, //课程id
Teacher_Id:0,//教师id Teacher_Id: 0, //教师id
Q_CanApply:"0",//是否可以报名 1是 Q_CanApply: "0", //是否可以报名 1是
}, },
enrollMsg:{ enrollMsg: {
ClassId:0, ClassId: 0,
GuestNum:1, GuestNum: 1,
Unit_Price:0,//成交单价 Unit_Price: 0, //成交单价
PreferPrice:0,//应收总额 PreferPrice: 0, //应收总额
OrderSource:0,//客人来源 枚举 OrderSource: 0, //客人来源 枚举
SaleRemark:'',//备注 SaleRemark: '', //备注
}, },
//关联校区列表 //关联校区列表
schoolList: [], schoolList: [],
pageCount: 0, pageCount: 0,
selectitem:{}, selectitem: {},
UPrice:false, UPrice: false,
UnitPrice:0,//用于可以输入单价的验证 UnitPrice: 0, //用于可以输入单价的验证
SourceEnumList:[], SourceEnumList: [],
ClassList: [], //关联课程下拉数据 ClassList: [], //关联课程下拉数据
TeacherList: [], //关联教师下拉数据 TeacherList: [], //关联教师下拉数据
elvalue:new Date(), elvalue: new Date(),
} }
}, },
created() { created() {
...@@ -266,7 +252,11 @@ ...@@ -266,7 +252,11 @@
}, },
mounted() { mounted() {
let nowDay = new Date(); let nowDay = new Date();
this.dateList = [nowDay,nowDay] var year = nowDay.getFullYear(); 　　 //年
var month = nowDay.getMonth() + 1; //月
var day = nowDay.getDate(); 　　//日
this.dateList[0] = year+'-'+month+'-'+day;
this.getList(); this.getList();
}, },
...@@ -287,7 +277,7 @@ ...@@ -287,7 +277,7 @@
} }
}) })
}, },
getOrderSEList(){ getOrderSEList() {
getOrderSourceEnumList({}).then(res => { getOrderSourceEnumList({}).then(res => {
if (res.Code == 1) { if (res.Code == 1) {
var tempArray = res.Data; var tempArray = res.Data;
...@@ -296,11 +286,11 @@ ...@@ -296,11 +286,11 @@
} }
}) })
}, },
getEXPDate(time){//判断是否过期 getEXPDate(time) { //判断是否过期
var str = time.replace(/年/g,"/").replace(/月/g,"/").replace(/日/g,""); var str = time.replace(/年/g, "/").replace(/月/g, "/").replace(/日/g, "");
var date = new Date(str ).getTime(); var date = new Date(str).getTime();
var now = new Date().getTime()+86400; var now = new Date().getTime() + 86400;
if(date < now) { if (date < now) {
return true //过期 return true //过期
} else { } else {
return false //没过期 return false //没过期
...@@ -354,35 +344,56 @@ ...@@ -354,35 +344,56 @@
this.loading = false this.loading = false
this.data = res.Data.PageData this.data = res.Data.PageData
this.pageCount = res.Data.PageCount; this.pageCount = res.Data.PageCount;
this.data.forEach(x=>{ this.data.forEach(x => {
if(x.ClassStyle==1){ if (x.ClassStyle == 1) {
let weekList = [//定义一个数组 let weekList = [ //定义一个数组
{id:7,select:false}, {
{id:1,select:false}, id: 7,
{id:2,select:false}, select: false
{id:3,select:false}, },
{id:4,select:false}, {
{id:5,select:false}, id: 1,
{id:6,select:false}, select: false
},
{
id: 2,
select: false
},
{
id: 3,
select: false
},
{
id: 4,
select: false
},
{
id: 5,
select: false
},
{
id: 6,
select: false
},
]; ];
weekList.forEach(j=>{ weekList.forEach(j => {
x.ClassPlanList.forEach(z=>{ x.ClassPlanList.forEach(z => {
if(j.id == z.WeekDay){ if (j.id == z.WeekDay) {
j.select=true j.select = true
} }
}) })
}) })
x.weeks = weekList x.weeks = weekList
}else if(x.ClassStyle==2){ } else if (x.ClassStyle == 2) {
let data = []; let data = [];
for(let i = 0;i<31;i++){ for (let i = 0; i < 31; i++) {
let obj ={ let obj = {
name:i+1, name: i + 1,
select:false select: false
}; };
x.ClassPlanList.forEach(j=>{ x.ClassPlanList.forEach(j => {
if(j.WeekDay == i+1){ if (j.WeekDay == i + 1) {
obj.select=true obj.select = true
} }
}) })
data.push(obj) data.push(obj)
...@@ -398,81 +409,81 @@ ...@@ -398,81 +409,81 @@
this.loading = false this.loading = false
}) })
}, },
getSortFun(order, sortBy){ getSortFun(order, sortBy) {
var ordAlpah = (order == 'asc') ? '>' : '<'; var ordAlpah = (order == 'asc') ? '>' : '<';
var sortFun = new Function('a', 'b', 'return a.' + sortBy + ordAlpah + 'b.' + sortBy + '?1:-1'); var sortFun = new Function('a', 'b', 'return a.' + sortBy + ordAlpah + 'b.' + sortBy + '?1:-1');
return sortFun; return sortFun;
}, },
countPrice(num){ countPrice(num) {
let array =[] ; let array = [];
if(this.selectitem.ClassStepPriceList && this.selectitem.ClassStepPriceList.length){ if (this.selectitem.ClassStepPriceList && this.selectitem.ClassStepPriceList.length) {
this.selectitem.ClassStepPriceList.forEach(x=>{ this.selectitem.ClassStepPriceList.forEach(x => {
let obj ={ let obj = {
PersionNum:x.PersionNum, PersionNum: x.PersionNum,
PersionPrice:x.PersionPrice, PersionPrice: x.PersionPrice,
} }
array.push(obj) array.push(obj)
}) })
let fz =false let fz = false
let a =0; let a = 0;
array.forEach(x=>{ array.forEach(x => {
if(x.PersionNum==num){ if (x.PersionNum == num) {
fz=true; fz = true;
a = x.PersionPrice a = x.PersionPrice
} }
}) })
if(fz==false){ if (fz == false) {
array.push({PersionNum:num}) array.push({
array.sort(this.getSortFun('asc', 'PersionNum'));//升序排序 PersionNum: num
})
array.sort(this.getSortFun('asc', 'PersionNum')); //升序排序
var idx; var idx;
for(var i=0;i<array.length;i++){ for (var i = 0; i < array.length; i++) {
if(array[i].PersionNum == num){ if (array[i].PersionNum == num) {
idx = i; idx = i;
} }
} }
idx = Math.max(0,idx - 1); idx = Math.max(0, idx - 1);
if(array[idx].PersionPrice){ if (array[idx].PersionPrice) {
return array[idx].PersionPrice return array[idx].PersionPrice
}else { } else {
return this.selectitem.SellPrice return this.selectitem.SellPrice
} }
}else { } else {
return a return a
} }
}else { } else {
return this.selectitem.SellPrice return this.selectitem.SellPrice
} }
}, },
placeAnorder(item){ placeAnorder(item) {
this.selectitem= item; this.selectitem = item;
this.dialog = true; this.dialog = true;
this.enrollMsg.ClassId = item.ClassId; this.enrollMsg.ClassId = item.ClassId;
this.enrollMsg.SaleRemark = ''; //清空备注 this.enrollMsg.SaleRemark = ''; //清空备注
this.enrollMsg.Unit_Price = this.countPrice(this.enrollMsg.GuestNum) this.enrollMsg.Unit_Price = this.countPrice(this.enrollMsg.GuestNum)
this.UnitPrice = this.enrollMsg.Unit_Price this.UnitPrice = this.enrollMsg.Unit_Price
}, },
peopleNumber(val){ peopleNumber(val) {
if(val>this.selectitem.SurplusNum){ if (val > this.selectitem.SurplusNum) {
this.enrollMsg.GuestNum=this.selectitem.SurplusNum this.enrollMsg.GuestNum = this.selectitem.SurplusNum
} }
if(val==''){ if (val == '') {
this.enrollMsg.GuestNum=1 this.enrollMsg.GuestNum = 1
} }
this.enrollMsg.Unit_Price = this.countPrice(this.enrollMsg.GuestNum) this.enrollMsg.Unit_Price = this.countPrice(this.enrollMsg.GuestNum)
this.UnitPrice = this.enrollMsg.Unit_Price this.UnitPrice = this.enrollMsg.Unit_Price
}, },
priceNumber(val){//大于的时候赋值 priceNumber(val) { //大于的时候赋值
if(this.enrollMsg.Unit_Price<this.UnitPrice ){ if (this.enrollMsg.Unit_Price < this.UnitPrice) {
this.enrollMsg.Unit_Price = this.UnitPrice this.enrollMsg.Unit_Price = this.UnitPrice
} }
}, },
saveSatMsg(){//立即报名 saveSatMsg() { //立即报名
this.enrollMsg.PreferPrice = this.enrollMsg.GuestNum*this.enrollMsg.Unit_Price this.enrollMsg.PreferPrice = this.enrollMsg.GuestNum * this.enrollMsg.Unit_Price
setClassOrder(this.enrollMsg).then(res => { setClassOrder(this.enrollMsg).then(res => {
if (res.Code == 1) { if (res.Code == 1) {
this.$q.notify({ this.$q.notify({
...@@ -484,13 +495,13 @@ ...@@ -484,13 +495,13 @@
}) })
this.getList() this.getList()
this.dialog = false; this.dialog = false;
this.enrollMsg={//清空数据 this.enrollMsg = { //清空数据
ClassId:0, ClassId: 0,
GuestNum:1, GuestNum: 1,
Unit_Price:0,//成交单价 Unit_Price: 0, //成交单价
PreferPrice:0,//应收总额 PreferPrice: 0, //应收总额
OrderSource:0,//客人来源 枚举 OrderSource: 0, //客人来源 枚举
SaleRemark:'',//备注 SaleRemark: '', //备注
} }
} }
}).catch(() => { }).catch(() => {
...@@ -498,39 +509,129 @@ ...@@ -498,39 +509,129 @@
}) })
} }
} }
} }
</script> </script>
<style> <style>
li{ li {
list-style-type:none ; list-style-type: none;
} }
.japaneseTrain ul{padding: 0px}
.japaneseTrain li{background: rgba(221, 222, 224, 0.2);border-radius: 4px;margin-top:15px} .japaneseTrain ul {
.japaneseTrain li .dline{display: table;width: 100%;display: flex;flex-direction: row} padding: 0px
.japaneseTrain li .d1,.japaneseTrain li .d2,.japaneseTrain li .d3,.japaneseTrain li .d4,.japaneseTrain li .d5{width: 18%;padding:20px 20px 10px;} }
.japaneseTrain li .d7{flex:1;width: 1px;display: flex;flex-direction: row;align-items: center;justify-content: center}
.japaneseTrain li .d1 .di-title{font-size: 16px;color: #111111;} .japaneseTrain li {
.japaneseTrain li .d1 .di-c{font-size: 14px;display: flex;align-items: center;line-height: 28px;color: #111111} background: rgba(221, 222, 224, 0.2);
.japaneseTrain li .d6{padding:10px 20px;width: 100%;height: inherit;position: relative;border-top: 1px solid #DDDEE0} border-radius: 4px;
.japaneseTrain li .d6 .progress{width: 100%;height: 5px;position: absolute;left: 0;bottom: 0} margin-top: 15px
.japaneseTrain li .d2 div{margin: 10px 0;font-size: 14px;color: #111111;} }
.japaneseTrain li .d2-n{font-size: 12px;color: #999999;margin-right: 20px}
.japaneseTrain li .d3 .d3-s{color: #f5576c;font-weight: bold} .japaneseTrain li .dline {
.japaneseTrain li .d3 div{margin: 10px 0 ;font-size: 14px;} display: table;
.japaneseTrain li .d4 div{font-size: 14px;color: #111111;margin: 10px 0 ;} width: 100%;
.japaneseTrain li .d5 div{font-size: 14px;color: #111111;margin: 10px 0 ;} display: flex;
.japaneseTrain .price-popup{border-radius: 4px;} flex-direction: row
.japaneseTrain .el-range-editor .el-range-input { }
.japaneseTrain li .d1,
.japaneseTrain li .d2,
.japaneseTrain li .d3,
.japaneseTrain li .d4,
.japaneseTrain li .d5 {
width: 18%;
padding: 20px 20px 10px;
}
.japaneseTrain li .d7 {
flex: 1;
width: 1px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center
}
.japaneseTrain li .d1 .di-title {
font-size: 16px;
color: #111111;
}
.japaneseTrain li .d1 .di-c {
font-size: 14px;
display: flex;
align-items: center;
line-height: 28px;
color: #111111
}
.japaneseTrain li .d6 {
padding: 10px 20px;
width: 100%;
height: inherit;
position: relative;
border-top: 1px solid #DDDEE0
}
.japaneseTrain li .d6 .progress {
width: 100%;
height: 5px;
position: absolute;
left: 0;
bottom: 0
}
.japaneseTrain li .d2 div {
margin: 10px 0;
font-size: 14px;
color: #111111;
}
.japaneseTrain li .d2-n {
font-size: 12px;
color: #999999;
margin-right: 20px
}
.japaneseTrain li .d3 .d3-s {
color: #f5576c;
font-weight: bold
}
.japaneseTrain li .d3 div {
margin: 10px 0;
font-size: 14px;
}
.japaneseTrain li .d4 div {
font-size: 14px;
color: #111111;
margin: 10px 0;
}
.japaneseTrain li .d5 div {
font-size: 14px;
color: #111111;
margin: 10px 0;
}
.japaneseTrain .price-popup {
border-radius: 4px;
}
.japaneseTrain .el-range-editor .el-range-input {
background: none; background: none;
} }
.japaneseTrain .el-range-editor.el-input__inner {
.japaneseTrain .el-range-editor.el-input__inner {
background-color: transparent; background-color: transparent;
} }
.japaneseTrain .q-mb-md{
.japaneseTrain .q-mb-md {
margin-bottom: 0; margin-bottom: 0;
} }
.japaneseTrain .month-item{
.japaneseTrain .month-item {
display: inline-block; display: inline-block;
width: 45.5px; width: 45.5px;
height: 45.4px; height: 45.4px;
...@@ -538,9 +639,9 @@ ...@@ -538,9 +639,9 @@
text-align: center; text-align: center;
font-size: 12px; font-size: 12px;
color: #2D2D2D; color: #2D2D2D;
} }
.price-popup .el-calendar-table .el-calendar-day{
height:60px;
}
.price-popup .el-calendar-table .el-calendar-day {
height: 60px;
}
</style> </style>
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