Commit 4aec8121 authored by 黄奎's avatar 黄奎

页面修改

parent c7884d55
...@@ -57,6 +57,10 @@ export function getMenuLevelList() { ...@@ -57,6 +57,10 @@ export function getMenuLevelList() {
*/ */
export function getDeptTierList() { export function getDeptTierList() {
var deptTierOpts = [{ var deptTierOpts = [{
label: '不限',
value: 0
},
{
label: '1级', label: '1级',
value: 1 value: 1
}, },
......
...@@ -9,7 +9,7 @@ ...@@ -9,7 +9,7 @@
<div class="row wrap"> <div class="row wrap">
<q-input filled stack-label maxlength="20" :dense="false" v-model="objOption.SName" ref="SName" <q-input filled stack-label maxlength="20" :dense="false" v-model="objOption.SName" ref="SName"
class="col-6 q-pr-lg q-pb-lg" label="校区名称" :rules="[val => !!val || '请填写校区名称']" /> class="col-6 q-pr-lg q-pb-lg" label="校区名称" :rules="[val => !!val || '请填写校区名称']" />
<q-input filled stack-label maxlength="20" :dense="false" v-model="objOption.SAddress" ref="SAddress" <q-input filled stack-label maxlength="100" :dense="false" v-model="objOption.SAddress" ref="SAddress"
class="col-6 q-pb-lg" label="校区地址" :rules="[val => !!val || '请填写校区地址']" /> class="col-6 q-pb-lg" label="校区地址" :rules="[val => !!val || '请填写校区地址']" />
<q-select class="col-6 q-pb-lg q-pr-lg" clearable filled stack-label use-input option-value="Id" <q-select class="col-6 q-pb-lg q-pr-lg" clearable filled stack-label use-input option-value="Id"
option-label="EmployeeName" v-model="objOption.ManagerId" ref="ManagerId" :options="EmployeeList" option-label="EmployeeName" v-model="objOption.ManagerId" ref="ManagerId" :options="EmployeeList"
...@@ -24,7 +24,7 @@ ...@@ -24,7 +24,7 @@
</q-select> </q-select>
<q-input filled stack-label maxlength="20" :dense="false" v-model="objOption.SLinkTel" ref="SLinkTel" <q-input filled stack-label maxlength="20" :dense="false" v-model="objOption.SLinkTel" ref="SLinkTel"
class="col-6 q-pb-lg" label="校区联系电话" :rules="[val => !!val || '请填写校区联系电话']" /> class="col-6 q-pb-lg" label="校区联系电话" :rules="[val => !!val || '请填写校区联系电话']" />
<q-input filled stack-label maxlength="20" :dense="false" v-model="objOption.Remark" <q-input filled stack-label maxlength="100" :dense="false" v-model="objOption.Remark"
class="col-6 q-pb-lg q-pr-lg" label="校区备注" /> class="col-6 q-pb-lg q-pr-lg" label="校区备注" />
<selectTree v-if="DeptList&&DeptList.length>0" :treeData='DeptList' :defaultArray="returnString" <selectTree v-if="DeptList&&DeptList.length>0" :treeData='DeptList' :defaultArray="returnString"
nodeKey="DeptId" :multiple="false" labelKey="DeptName" childrenKey="ChildList" tipText="上级部门" nodeKey="DeptId" :multiple="false" labelKey="DeptName" childrenKey="ChildList" tipText="上级部门"
...@@ -155,6 +155,10 @@ ...@@ -155,6 +155,10 @@
if (res.Code == 1) { if (res.Code == 1) {
var jsonData = res.Data; var jsonData = res.Data;
if (jsonData && jsonData.length > 0) { if (jsonData && jsonData.length > 0) {
jsonData.unshift({
Id: 0,
EmployeeName: "请选择"
});
this.AllemployeeList = JSON.parse(JSON.stringify(jsonData)); this.AllemployeeList = JSON.parse(JSON.stringify(jsonData));
this.EmployeeList = JSON.parse(JSON.stringify(jsonData));; this.EmployeeList = JSON.parse(JSON.stringify(jsonData));;
} }
......
...@@ -32,9 +32,9 @@ ...@@ -32,9 +32,9 @@
</q-item> </q-item>
</template> </template>
</q-select> </q-select>
<q-input filled stack-label maxlength="50" :dense="false" v-model="objOption.DeptTel" ref="DeptTel" <q-input filled stack-label maxlength="30" :dense="false" v-model="objOption.DeptTel" ref="DeptTel"
class="col-6 q-pr-lg q-pb-lg" label="部门电话" /> class="col-6 q-pr-lg q-pb-lg" label="部门电话" />
<q-input filled stack-label maxlength="50" :dense="false" v-model="objOption.DeptSort" ref="DeptSort" <q-input filled stack-label maxlength="10" :dense="false" v-model="objOption.DeptSort" ref="DeptSort"
class="col-6 q-pr-lg q-pb-lg" label="排序" /> class="col-6 q-pr-lg q-pb-lg" label="排序" />
<q-select filled stack-label option-value="value" option-label="label" v-model="objOption.IsCompany " <q-select filled stack-label option-value="value" option-label="label" v-model="objOption.IsCompany "
ref="DeptTier" :options="IsCompanyL" label="是否校区" :dense="false" class="col-6 q-pr-lg q-pb-lg" emit-value ref="DeptTier" :options="IsCompanyL" label="是否校区" :dense="false" class="col-6 q-pr-lg q-pb-lg" emit-value
...@@ -228,7 +228,7 @@ ...@@ -228,7 +228,7 @@
this.objOption.DeptTier = res.Data.DeptTier; this.objOption.DeptTier = res.Data.DeptTier;
this.objOption.School_Id = res.Data.School_Id; this.objOption.School_Id = res.Data.School_Id;
this.tempManager = res.Data.ManagerList; this.tempManager = res.Data.ManagerList;
this.tempPost=res.Data.ChoosePostList; this.tempPost = res.Data.ChoosePostList;
}) })
this.optionTitle = "修改部门信息" this.optionTitle = "修改部门信息"
} else { } else {
...@@ -243,7 +243,7 @@ ...@@ -243,7 +243,7 @@
this.objOption.DeptTier = 0; this.objOption.DeptTier = 0;
this.objOption.School_Id = 0; this.objOption.School_Id = 0;
this.tempManager = []; this.tempManager = [];
this.tempPost=[]; this.tempPost = [];
} }
}, },
//关闭弹窗 //关闭弹窗
...@@ -273,7 +273,7 @@ ...@@ -273,7 +273,7 @@
//去掉第一个字符 //去掉第一个字符
tempStr = tempStr.substr(1); tempStr = tempStr.substr(1);
} }
this.objOption.ChoosePostList=this.tempPost; this.objOption.ChoosePostList = this.tempPost;
this.objOption.ManagerIds = tempStr; this.objOption.ManagerIds = tempStr;
saveDeptInfo(this.objOption).then(res => { saveDeptInfo(this.objOption).then(res => {
this.saveLoading = false this.saveLoading = false
......
...@@ -15,16 +15,16 @@ ...@@ -15,16 +15,16 @@
<q-toggle size="md" label="固定用户中心" color="primary" :false-value="0" :true-value="1" <q-toggle size="md" label="固定用户中心" color="primary" :false-value="0" :true-value="1"
v-model="objOption.IsUserCenter" /> v-model="objOption.IsUserCenter" />
</div> </div>
<q-select class="col-6 q-pb-lg" v-model="objOption.MenuType" :options="MenuTypeOpts" emit-value map-options <q-select class="col-6 q-pr-lg" v-model="objOption.MenuType" :options="MenuTypeOpts" emit-value map-options
label="菜单类型" @input="queryMenuList()" /> label="菜单类型" @input="queryMenuList()" />
<q-select class="col-6 q-pb-lg" v-if="objOption.IsUserCenter==0" v-model="objOption.MenuLevel" :options="MenuLevelOpts" emit-value map-options <q-select class="col-6 q-pr-lg q-pb-lg" v-if="objOption.IsUserCenter==0" v-model="objOption.MenuLevel" :options="MenuLevelOpts" emit-value map-options
label="菜单等级" @input="queryMenuList()" /> label="菜单等级" @input="queryMenuList()" />
<q-select v-if="objOption.IsUserCenter==0" :option-value="(item) => item === null ? null : item.MenuId" option-label="MenuName" <q-select v-if="objOption.IsUserCenter==0" :option-value="(item) => item === null ? null : item.MenuId" option-label="MenuName"
v-model="objOption.ParentId" :options="MenuList" label="上级菜单" :dense="false" emit-value map-options v-model="objOption.ParentId" :options="MenuList" label="上级菜单" :dense="false" emit-value map-options
class="col-6 q-pb-lg" /> class="col-6 q-pr-lg" />
<q-input stack-label maxlength="50" :dense="false" v-model="objOption.MenuIcon" class="col-6 q-pr-lg q-pb-lg" <q-input stack-label maxlength="60" :dense="false" v-model="objOption.MenuIcon" class="col-6 q-pr-lg q-pb-lg"
label="图标" /> label="图标" />
<q-input filled stack-label maxlength="50" :dense="false" v-model="objOption.SortNum" <q-input filled stack-label maxlength="10" :dense="false" v-model="objOption.SortNum"
class="col-6 q-pr-lg q-pb-lg" label="排序" /> class="col-6 q-pr-lg q-pb-lg" label="排序" />
<div class="col-6 q-pr-lg q-pb-lg q-pt-lg"> <div class="col-6 q-pr-lg q-pb-lg q-pt-lg">
<q-toggle size="md" label="状态" color="primary" :false-value="1" :true-value="0" <q-toggle size="md" label="状态" color="primary" :false-value="1" :true-value="0"
......
...@@ -9,9 +9,9 @@ ...@@ -9,9 +9,9 @@
<div class="row wrap"> <div class="row wrap">
<q-input filled stack-label maxlength="20" :dense="false" v-model="objOption.FunctionName" ref="FunctionName" <q-input filled stack-label maxlength="20" :dense="false" v-model="objOption.FunctionName" ref="FunctionName"
class="col-6 q-pr-lg q-pb-lg" label="功能名称" :rules="[val => !!val || '请填写功能名称']" /> class="col-6 q-pr-lg q-pb-lg" label="功能名称" :rules="[val => !!val || '请填写功能名称']" />
<q-input filled stack-label maxlength="100" :dense="false" v-model="objOption.FunctionCode" ref="FunctionCode" <q-input filled stack-label maxlength="25" :dense="false" v-model="objOption.FunctionCode" ref="FunctionCode"
class="col-6 q-pr-lg q-pb-lg" label="功能编码" /> class="col-6 q-pr-lg q-pb-lg" label="功能编码" />
<q-input filled stack-label maxlength="200" :dense="false" v-model="objOption.Remarks" ref="Remarks" <q-input filled stack-label maxlength="100" :dense="false" v-model="objOption.Remarks" ref="Remarks"
class="col-6 q-pr-lg q-pb-lg" label="功能备注" /> class="col-6 q-pr-lg q-pb-lg" label="功能备注" />
<div class="col-6 q-pr-lg q-pb-lg q-pt-lg"> <div class="col-6 q-pr-lg q-pb-lg q-pt-lg">
<q-toggle size="md" label="状态" color="primary" :false-value="1" :true-value="0" <q-toggle size="md" label="状态" color="primary" :false-value="1" :true-value="0"
...@@ -40,9 +40,9 @@ ...@@ -40,9 +40,9 @@
type: Object, type: Object,
default: null default: null
}, },
paramObj:{ paramObj: {
type:Number, type: String,
default:0 default: "0"
} }
}, },
data() { data() {
......
...@@ -157,7 +157,7 @@ ...@@ -157,7 +157,7 @@
<div class="text-caption q-mb-lg text-dark-6"> <div class="text-caption q-mb-lg text-dark-6">
<span class="role_Line"></span>角色信息</div> <span class="role_Line"></span>角色信息</div>
<div class="row wrap"> <div class="row wrap">
<q-input filled stack-label maxlength="50" :dense="false" v-model="objOption.RoleName" ref="RoleName" <q-input filled stack-label maxlength="20" :dense="false" v-model="objOption.RoleName" ref="RoleName"
class="col-6 q-pr-lg q-pb-lg" label="角色名称" :rules="[val => !!val || '请填写角色名称']" /> class="col-6 q-pr-lg q-pb-lg" label="角色名称" :rules="[val => !!val || '请填写角色名称']" />
</div> </div>
</div> </div>
......
<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" v-model="msg.School_Id" :options="schoolList" emit-value map-options label="关联校区" /> <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="关联校区" />
</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="班级名称" @clear="resetSearch" /> <q-input @change="resetSearch" clearable standout="bg-primary text-white" v-model="msg.ClassName" label="班级名称"
@clear="resetSearch" maxlength="20" />
</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" v-model="msg.Teacher_Id" :options="TeacherList" emit-value map-options label="带班老师" /> <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="带班老师" />
</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" v-model="msg.CouseId" :options="ClassList" emit-value map-options label="学习课程" /> <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="学习课程" />
</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;"   range-separator="至"  start-placeholder="开学日期"  end-placeholder="结束日期"> <el-date-picker v-model="dateList" @change="resetSearch" value-format="yyyy-MM-dd" type="daterange" style="border:none;"
  </el-date-picker>          range-separator="至"  start-placeholder="开学日期"  end-placeholder="结束日期" clearable @clear="resetSearch">
</el-date-picker>       
</template> </template>
</q-field> </q-field>
</div> </div>
</div> </div>
</div> </div>
</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> <span>
<q-toggle v-model="msg.Q_CanApply" label="只看有余位" class="q-mb-md" false-value="0" true-value="1" @input="resetSearch" /> <q-toggle v-model="msg.Q_CanApply" label="只看有余位" class="q-mb-md" false-value="0" true-value="1"
@input="resetSearch" />
</span> </span>
</div> </div>
<div class="productQueryList" v-loading='loading'> <div class="productQueryList" v-loading='loading'>
...@@ -43,19 +45,28 @@ ...@@ -43,19 +45,28 @@
<div class="dline"> <div class="dline">
<div class="d1"> <div class="d1">
<div class="di-title">{{item.ClassName}}</div> <div class="di-title">{{item.ClassName}}</div>
<div class="di-c" style="margin-top: 25px;"><img src="../../assets/images/administration/kezname.png" alt="" style="width: 14px;height: 14px;margin-right: 5px;">{{item.CourseName}}</div> <div class="di-c" style="margin-top: 25px;"><img src="../../assets/images/administration/kezname.png"
<div class="di-c"><img src="../../assets/images/administration/period.png" alt="" style="width: 14px;height: 14px;margin-right: 5px;">{{item.ClassHours?item.ClassHours:'0'}}课时</div> alt="" style="width: 14px;height: 14px;margin-right: 5px;">{{item.CourseName}}</div>
<div class="di-c"><img src="../../assets/images/administration/period.png" alt=""
style="width: 14px;height: 14px;margin-right: 5px;">{{item.ClassHours?item.ClassHours:'0'}}课时</div>
</div> </div>
<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>
<span>周二</span> <span>周二</span>
...@@ -64,14 +75,18 @@ ...@@ -64,14 +75,18 @@
<span>周五</span> <span>周五</span>
<span>周六</span> <span>周六</span>
</div> </div>
<div v-if="item.ClassStyle==1" style="font-size: 12px;color: #2D2D2D;font-weight: bold;height: 40px;width: 454px;line-height: 40px;display: flex;justify-content: space-around;border-bottom: 1px solid rgba(138, 138, 138, 0.09);margin-bottom: 20px"> <div v-if="item.ClassStyle==1"
style="font-size: 12px;color: #2D2D2D;font-weight: bold;height: 40px;width: 454px;line-height: 40px;display: flex;justify-content: space-around;border-bottom: 1px solid rgba(138, 138, 138, 0.09);margin-bottom: 20px">
<span v-for="(j,k) in item.weeks" :key="k" style="width: 24.5px;"> <span v-for="(j,k) in item.weeks" :key="k" style="width: 24.5px;">
<img src="../../assets/images/administration/gou.png" alt="" style="width: 16px;height: 12px" v-if="j.select==true"> <img src="../../assets/images/administration/gou.png" alt=""
style="width: 16px;height: 12px" v-if="j.select==true">
</span> </span>
</div> </div>
<div v-if="item.ClassStyle==2" class="row wrap" style="width: 454px;"> <div v-if="item.ClassStyle==2" class="row wrap" style="width: 454px;">
<div v-for="(j,k) in item.month" style="width: 45.4px;height: 30px;line-height: 30px;text-align: center;font-size: 12px;color: #2D2D2D;margin-top: 10px;!important"> <div v-for="(j,k) in item.month"
<div :style="{'width': '45.4px','height': '30px',background:j.select==true?'rgba(41, 97, 254, 0.2)':'#FFF'}"> style="width: 45.4px;height: 30px;line-height: 30px;text-align: center;font-size: 12px;color: #2D2D2D;margin-top: 10px;!important">
<div
:style="{'width': '45.4px','height': '30px',background:j.select==true?'rgba(41, 97, 254, 0.2)':'#FFF'}">
{{j.name}} {{j.name}}
</div> </div>
</div> </div>
...@@ -83,21 +98,26 @@ ...@@ -83,21 +98,26 @@
<!--自定义内容--> <!--自定义内容-->
<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"
<img src="../../assets/images/administration/gou.png" alt="" style="width: 16px;height: 12px"> 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">
</div> </div>
</div> </div>
</template> </template>
</el-calendar> </el-calendar>
</div> </div>
<div style="color:#2D2D2D;font-size: 14px;font-weight: bold;">课程安排</div> <div style="color:#2D2D2D;font-size: 14px;font-weight: bold;">课程安排</div>
<div style="width:100%;height: 40px;background: #EEEEEF;font-size: 12px;color: #2D2D2D;font-weight: 600;margin-top: 20px;display: flex;align-items: center"> <div
style="width:100%;height: 40px;background: #EEEEEF;font-size: 12px;color: #2D2D2D;font-weight: 600;margin-top: 20px;display: flex;align-items: center">
<div style="width: 50%;padding-left: 20px"> <div style="width: 50%;padding-left: 20px">
课节 课节
</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);" v-for="(zx,zi) in item.ClassTimeList" :key="zi"> <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">
<div style="width: 50%;padding-left: 20px"> <div style="width: 50%;padding-left: 20px">
第{{zi+1}}节 第{{zi+1}}节
</div> </div>
...@@ -117,14 +137,17 @@ ...@@ -117,14 +137,17 @@
<div class="d4"> <div class="d4">
<div style="margin: 0">价格信息</div> <div style="margin: 0">价格信息</div>
<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">
<div class="price-popup-item" v-for="(x,index2) in item.ClassStepPriceList" :key="index2" style="margin: 5px 0"> <div class="price-popup-item" v-for="(x,index2) in item.ClassStepPriceList" :key="index2"
<span style="color: #2D2D2D;font-weight: bold">{{x.PersionNum}}人报名<span style="color:#2860FB;margin-left: 15px">{{x.PersionPrice.toFixed(2)}}</span></span> style="margin: 5px 0">
<span style="color: #2D2D2D;font-weight: bold">{{x.PersionNum}}人报名<span
style="color:#2860FB;margin-left: 15px">{{x.PersionPrice.toFixed(2)}}</span></span>
</div> </div>
</div> </div>
</q-banner> </q-banner>
...@@ -134,27 +157,30 @@ ...@@ -134,27 +157,30 @@
<div class="d5"> <div class="d5">
<div style="margin: 0">名额信息</div> <div style="margin: 0">名额信息</div>
<div><span class="d2-n">计划招生人数</span><span>{{item.ClassPersion}}人</span></div> <div><span class="d2-n">计划招生人数</span><span>{{item.ClassPersion}}人</span></div>
<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=""
<img src="../../assets/images/administration/guoqi.png" alt="" style="width: 64px;height: 62px" v-if="getEXPDate(item.EndOrderTime)==true"> 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">
</div> </div>
</div> </div>
</div> </div>
<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 v-model="msg.pageIndex" :max="pageCount" @input="changePage" class="full-width justify-end" color="primary" :input="true"> <q-pagination 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>
...@@ -168,44 +194,46 @@ ...@@ -168,44 +194,46 @@
</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" class="col-12" label="人数" :rules="[val => !!val || '请填写人数']" /> <q-input filled stack-label maxlength="4" :dense="false" v-model="enrollMsg.GuestNum" type="number"
<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 || '请填成交单价']" /> @input="peopleNumber" class="col-12" label="人数" :rules="[val => !!val || '请填写人数']" />
<q-input filled stack-label :dense="false" maxlength="8" v-model="enrollMsg.Unit_Price"
:disable="UPrice==true?false:true" @blur="priceNumber" class="col-12" label="成交单价"
:rules="[val => !!val || '请填成交单价']" />
<q-toggle v-model="UPrice" label="高于定价收生" class="q-mb-md" @change="resetSearch" /> <q-toggle v-model="UPrice" label="高于定价收生" class="q-mb-md" @change="resetSearch" />
<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-select standout="bg-primary text-white" option-value="Id" option-label="Name"
<q-input filled stack-label type="textarea" :dense="false" v-model="enrollMsg.SaleRemark" style="margin-top: 20px" class="col-12" label="备注" /> v-model="enrollMsg.OrderSource" :options="SourceEnumList" emit-value map-options label="客人来源" />
<q-input filled stack-label type="textarea" maxlength="500" :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()" />
</div> </div>
</div> </div>
</q-card> </q-card>
<div class="dialog-out-close" @click="dialog=false" style="height:40px !important;border-top-left-radius: 4px !important;border-bottom-left-radius: 4px !important;"> <div class="dialog-out-close" @click="dialog=false"
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,
...@@ -244,7 +272,6 @@ export default { ...@@ -244,7 +272,6 @@ export default {
} }
}, },
created() { created() {
this.getSchool(); this.getSchool();
this.getOrderSEList() this.getOrderSEList()
this.CourseList(); this.CourseList();
...@@ -252,13 +279,11 @@ export default { ...@@ -252,13 +279,11 @@ export default {
}, },
mounted() { mounted() {
let nowDay = new Date(); let nowDay = new Date();
var year = nowDay.getFullYear();    //年 var year = nowDay.getFullYear(); //年
var month = nowDay.getMonth() + 1; //月 var month = nowDay.getMonth() + 1; //月
var day = nowDay.getDate();   //日 var day = nowDay.getDate(); //日
this.dateList[0] = year + '-' + month + '-' + day;
this.dateList[0] = year+'-'+month+'-'+day;
this.getList(); this.getList();
}, },
methods: { methods: {
//获取校区列表 //获取校区列表
...@@ -320,7 +345,6 @@ export default { ...@@ -320,7 +345,6 @@ export default {
} }
}) })
}, },
//翻页 //翻页
changePage(val) { changePage(val) {
this.msg.pageIndex = val; this.msg.pageIndex = val;
...@@ -397,14 +421,10 @@ export default { ...@@ -397,14 +421,10 @@ export default {
} }
}) })
data.push(obj) data.push(obj)
} }
x.month = data; x.month = data;
} }
}) })
}).catch(() => { }).catch(() => {
this.loading = false this.loading = false
}) })
...@@ -452,12 +472,9 @@ export default { ...@@ -452,12 +472,9 @@ export default {
} 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;
...@@ -505,133 +522,131 @@ export default { ...@@ -505,133 +522,131 @@ export default {
} }
} }
}).catch(() => { }).catch(() => {
}) })
} }
} }
} }
</script> </script>
<style> <style>
li { li {
list-style-type: none; list-style-type: none;
} }
.japaneseTrain ul { .japaneseTrain ul {
padding: 0px padding: 0px
} }
.japaneseTrain li { .japaneseTrain li {
background: rgba(221, 222, 224, 0.2); background: rgba(221, 222, 224, 0.2);
border-radius: 4px; border-radius: 4px;
margin-top: 15px margin-top: 15px
} }
.japaneseTrain li .dline { .japaneseTrain li .dline {
display: table; display: table;
width: 100%; width: 100%;
display: flex; display: flex;
flex-direction: row flex-direction: row
} }
.japaneseTrain li .d1, .japaneseTrain li .d1,
.japaneseTrain li .d2, .japaneseTrain li .d2,
.japaneseTrain li .d3, .japaneseTrain li .d3,
.japaneseTrain li .d4, .japaneseTrain li .d4,
.japaneseTrain li .d5 { .japaneseTrain li .d5 {
width: 18%; width: 18%;
padding: 20px 20px 10px; padding: 20px 20px 10px;
} }
.japaneseTrain li .d7 { .japaneseTrain li .d7 {
flex: 1; flex: 1;
width: 1px; width: 1px;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
justify-content: center justify-content: center
} }
.japaneseTrain li .d1 .di-title { .japaneseTrain li .d1 .di-title {
font-size: 16px; font-size: 16px;
color: #111111; color: #111111;
} }
.japaneseTrain li .d1 .di-c { .japaneseTrain li .d1 .di-c {
font-size: 14px; font-size: 14px;
display: flex; display: flex;
align-items: center; align-items: center;
line-height: 28px; line-height: 28px;
color: #111111 color: #111111
} }
.japaneseTrain li .d6 { .japaneseTrain li .d6 {
padding: 10px 20px; padding: 10px 20px;
width: 100%; width: 100%;
height: inherit; height: inherit;
position: relative; position: relative;
border-top: 1px solid #DDDEE0 border-top: 1px solid #DDDEE0
} }
.japaneseTrain li .d6 .progress { .japaneseTrain li .d6 .progress {
width: 100%; width: 100%;
height: 5px; height: 5px;
position: absolute; position: absolute;
left: 0; left: 0;
bottom: 0 bottom: 0
} }
.japaneseTrain li .d2 div { .japaneseTrain li .d2 div {
margin: 10px 0; margin: 10px 0;
font-size: 14px; font-size: 14px;
color: #111111; color: #111111;
} }
.japaneseTrain li .d2-n { .japaneseTrain li .d2-n {
font-size: 12px; font-size: 12px;
color: #999999; color: #999999;
margin-right: 20px margin-right: 20px
} }
.japaneseTrain li .d3 .d3-s { .japaneseTrain li .d3 .d3-s {
color: #f5576c; color: #f5576c;
font-weight: bold font-weight: bold
} }
.japaneseTrain li .d3 div { .japaneseTrain li .d3 div {
margin: 10px 0; margin: 10px 0;
font-size: 14px; font-size: 14px;
} }
.japaneseTrain li .d4 div { .japaneseTrain li .d4 div {
font-size: 14px; font-size: 14px;
color: #111111; color: #111111;
margin: 10px 0; margin: 10px 0;
} }
.japaneseTrain li .d5 div { .japaneseTrain li .d5 div {
font-size: 14px; font-size: 14px;
color: #111111; color: #111111;
margin: 10px 0; margin: 10px 0;
} }
.japaneseTrain .price-popup { .japaneseTrain .price-popup {
border-radius: 4px; border-radius: 4px;
} }
.japaneseTrain .el-range-editor .el-range-input { .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;
...@@ -639,9 +654,10 @@ li { ...@@ -639,9 +654,10 @@ li {
text-align: center; text-align: center;
font-size: 12px; font-size: 12px;
color: #2D2D2D; color: #2D2D2D;
} }
.price-popup .el-calendar-table .el-calendar-day { .price-popup .el-calendar-table .el-calendar-day {
height: 60px; height: 60px;
} }
</style> </style>
...@@ -9,7 +9,7 @@ ...@@ -9,7 +9,7 @@
</div> </div>
<div class="col"> <div class="col">
<q-input @change="resetSearch" clearable standout="bg-primary text-white" v-model="msg.DeptName" <q-input @change="resetSearch" clearable standout="bg-primary text-white" v-model="msg.DeptName"
label="部门名称" /> label="部门名称" maxlength="20" />
</div> </div>
<div class="col"> <div class="col">
<q-select @input="resetSearch" filled stack-label option-value="value" option-label="label" <q-select @input="resetSearch" filled stack-label option-value="value" option-label="label"
......
...@@ -4,11 +4,11 @@ ...@@ -4,11 +4,11 @@
<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-input @change="resetSearch" clearable standout="bg-primary text-white" class="col-6 q-pr-lg q-pr-lg" v-model="msg.MenuName" <q-input @change="resetSearch" clearable standout="bg-primary text-white" class="col-6 q-pr-lg q-pr-lg" v-model="msg.MenuName"
label="菜单名称" /> label="菜单名称" maxlength="20" @clear="resetSearch" />
</div> </div>
<div class="col-3"> <div class="col-3">
<q-input @change="resetSearch" clearable standout="bg-primary text-white" class="col-6 q-pr-lg q-pr-lg" v-model="msg.MenuUrl" <q-input @change="resetSearch" clearable standout="bg-primary text-white" class="col-6 q-pr-lg q-pr-lg" v-model="msg.MenuUrl"
label="菜单地址" /> label="菜单地址" maxlength="20" @clear="resetSearch" />
</div> </div>
<div class="col-3"> <div class="col-3">
<q-select @input="resetSearch" standout="bg-primary text-white" v-model="msg.MenuType" class="col-6 q-pr-lg q-pr-lg" :options="MenuTypeOpts" <q-select @input="resetSearch" standout="bg-primary text-white" v-model="msg.MenuType" class="col-6 q-pr-lg q-pr-lg" :options="MenuTypeOpts"
...@@ -59,7 +59,6 @@ ...@@ -59,7 +59,6 @@
</div> </div>
</div> </div>
</template> </template>
<script> <script>
import { import {
getMenuPage, getMenuPage,
......
...@@ -4,14 +4,13 @@ ...@@ -4,14 +4,13 @@
<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-input @change="resetSearch" clearable standout="bg-primary text-white" v-model="msg.PostName" <q-input @change="resetSearch" clearable standout="bg-primary text-white" v-model="msg.PostName"
label="岗位名称" /> label="岗位名称" maxlength="20" />
</div> </div>
<div class="col-3"> <div class="col-3">
<q-select @input="resetSearch" standout="bg-primary text-white" v-model="msg.Status" :options="ShowOpts" <q-select @input="resetSearch" standout="bg-primary text-white" v-model="msg.Status" :options="ShowOpts"
emit-value map-options label="状态" /> emit-value map-options label="状态" />
</div> </div>
</div> </div>
</div> </div>
<div class="page-content"> <div class="page-content">
<q-table :pagination="msg" :loading="loading" no-data-label="暂无相关数据" flat class="sticky-tow-column-table" <q-table :pagination="msg" :loading="loading" no-data-label="暂无相关数据" flat class="sticky-tow-column-table"
......
...@@ -4,14 +4,13 @@ ...@@ -4,14 +4,13 @@
<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-input @change="resetSearch" clearable standout="bg-primary text-white" v-model="msg.RoleName" <q-input @change="resetSearch" clearable standout="bg-primary text-white" v-model="msg.RoleName"
label="角色名称" /> label="角色名称" maxlength="20" />
</div> </div>
<div class="col-3"> <div class="col-3">
<q-select @input="resetSearch" standout="bg-primary text-white" v-model="msg.Status" :options="ShowOpts" <q-select @input="resetSearch" standout="bg-primary text-white" v-model="msg.Status" :options="ShowOpts"
emit-value map-options label="状态" /> emit-value map-options label="状态" />
</div> </div>
</div> </div>
</div> </div>
<div class="page-content"> <div class="page-content">
<q-table :pagination="msg" :loading="loading" no-data-label="暂无相关数据" flat class="sticky-tow-column-table" <q-table :pagination="msg" :loading="loading" no-data-label="暂无相关数据" flat class="sticky-tow-column-table"
......
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