Commit 7c63fbad authored by 黄奎's avatar 黄奎

页面修改

parent fe54bdd9
This diff is collapsed.
......@@ -8,7 +8,7 @@
border: 1px solid #2961FE;
border-radius: 50%;
cursor: pointer;
color:#2961FE;
color: #2961FE;
}
.OCourseTable {
......@@ -24,15 +24,19 @@
height: 40px;
background-color: rgb(238, 238, 239);
}
.redStuStyle{
color:red;
.redStuStyle {
color: red;
}
.blaStuStyle{
color:#000;
.blaStuStyle {
color: #000;
}
.classProgress {
color: var(--q-color-primary);
}
</style>
<template>
<div class="page-body">
......@@ -43,8 +47,8 @@
label="班级名称" @clear="getClassList" maxlength="20" />
</div>
<div class="col-3">
<q-input @change="getClassList" clearable standout="bg-primary text-white" v-model="msg.ClassNo"
label="班号" @clear="getClassList" maxlength="20" />
<q-input @change="getClassList" clearable standout="bg-primary text-white" v-model="msg.ClassNo" label="班号"
@clear="getClassList" maxlength="20" />
</div>
<div class="col-3">
<q-select @input="getClassList" standout="bg-primary text-white" option-value="Id" option-label="Name"
......@@ -85,7 +89,7 @@
<div style="display: flex;align-items: center;">
<q-avatar size="md" style="background:#d4dfff;color:#2961FE;font-weight:bold;" v-if="props.row.ClassName">
{{GetFirst(props.row.ClassName)}}</q-avatar>
<div >
<div>
<span style="color:#2961FE;margin-left:10px;cursor:pointer;" @click="getClassInfo(props.row)"
title="点击查看详情">{{props.row.ClassName}}</span>
<div style="margin-left: 10px;">{{props.row.ClassNo}}</div>
......@@ -111,7 +115,8 @@
<th>课程名称</th>
<th>课时数</th>
</tr>
<tr v-for="(sItem,sIndex) in props.row.OtherCourseList" style="border-bottom:1px dashed #d1d1d1;">
<tr v-for="(sItem,sIndex) in props.row.OtherCourseList"
style="border-bottom:1px dashed #d1d1d1;">
<td>{{sItem.CourseName}}</td>
<td>{{sItem.ClassHours}}</td>
</tr>
......@@ -138,13 +143,14 @@
</template>
<template v-slot:body-cell-ClassPersion="props">
<q-td auto-width :props="props">
<span :class="{'redStuStyle':props.row.ClassPersion>props.row.OrderStudentCount,'blaStuStyle':props.row.ClassPersion==props.row.OrderStudentCount}"
>{{props.row.ClassPersion}}-{{props.row.OrderStudentCount}}</span>
<span
:class="{'redStuStyle':props.row.ClassPersion>props.row.OrderStudentCount,'blaStuStyle':props.row.ClassPersion==props.row.OrderStudentCount}">{{props.row.ClassPersion}}-{{props.row.OrderStudentCount}}</span>
</q-td>
</template>
<template v-slot:body-cell-CompleteProgress="props">
<q-td auto-width :props="props">
<span :class="{'classProgress':props.row.UsePlanNum<props.row.TotalPlanNum,'blaStuStyle':props.row.UsePlanNum==props.row.TotalPlanNum}">{{props.row.UsePlanNum}}/{{props.row.TotalPlanNum}}</span>
<span
:class="{'classProgress':props.row.UsePlanNum<props.row.TotalPlanNum,'blaStuStyle':props.row.UsePlanNum==props.row.TotalPlanNum}">{{props.row.UsePlanNum}}/{{props.row.TotalPlanNum}}</span>
</q-td>
</template>
<template v-slot:bottom>
......@@ -153,8 +159,8 @@
</template>
<template v-slot:body-cell-optioned="props">
<q-td :props="props">
<q-btn v-if="props.row.ClassStatus==1" flat size="xs" icon="edit" color="accent" style="font-weight:400" label="编辑"
@click="EditCourse(props.row)" />
<q-btn v-if="props.row.ClassStatus==1" flat size="xs" icon="edit" color="accent" style="font-weight:400"
label="编辑" @click="EditCourse(props.row)" />
<q-btn-dropdown flat size="xs" color="dark" label="更多" style="margin-left:10px;">
<q-list>
<q-item clickable v-close-popup @click="gotoOrder(props.row)">
......@@ -187,17 +193,17 @@
<q-item-label>月度课耗</q-item-label>
</q-item-section>
</q-item>
<q-item clickable v-close-popup @click.stop="getClassItem(props.row)">
<q-item clickable v-close-popup v-if="props.row.ClassStatus!=3" @click.stop="getClassItem(props.row)">
<q-item-section>
<q-item-label>状态变更</q-item-label>
</q-item-section>
</q-item>
<!-- <q-item clickable v-close-popup @click.stop="getStudent(props.row.ClassId)">
<q-item clickable v-close-popup @click.stop="getStudent(props.row.ClassId)">
<q-item-section>
<q-item-label>未完成学员名单</q-item-label>
</q-item-section>
</q-item> -->
<q-item v-if="props.row.ClassStatus!=3" clickable v-close-popup @click="classApply(props.row.ClassId)">
</q-item>
<q-item v-if="props.row.ClassStatus!=3" clickable v-close-popup @click="classApply(props.row)">
<q-item-section>
<q-item-label>调课申请</q-item-label>
</q-item-section>
......@@ -217,8 +223,8 @@
</othercourseForm>
<changestatusForm v-if="isShowStatusChange" :seting-obj="classObjOption" @close="closeClassSaveForm"
@success="refreshPage"></changestatusForm>
<change-class-form v-if="isShowTiaoke" :ClassId="commonClassId" @close="closeClassSaveForm" @success="refreshPage"></change-class-form>
<change-class-form v-if="isShowTiaoke" :seting-obj="classObjOption" @close="closeClassSaveForm"
@success="refreshPage"></change-class-form>
</div>
</div>
</template>
......@@ -335,7 +341,7 @@
TeacherName: '', //带班老师
CourseName: '', //学习课程
School_Id: -1, //关联校区
ClassNo:'',//班号
ClassNo: '', //班号
},
//班级状态
classStatusList: [],
......@@ -346,10 +352,9 @@
isShowClassForm: false, //是否显示新增修改弹窗
isShowClassInfo: false, //是否显示课程信息
IsShowOtherCourse: false, //是否显示其他课程
TeacherList:[],
isShowStatusChange:false,
isShowTiaoke:false,
commonClassId:0
TeacherList: [],
isShowStatusChange: false,//是否显示修改状态弹窗
isShowTiaoke: false, //是否显示调课申请
}
},
created() {
......@@ -416,22 +421,17 @@
this.isShowStatusChange = true;
},
gotoOrder(item) {
var tempStr = '/course/classorder?ClassId=' + item.ClassId;
this.$router.push({
path: tempStr
this.OpenNewUrl('/course/classorder', {
ClassId: item.ClassId,
});
},
//跳转到收支明细
goPayment(item) {
this.$router.push({
path: 'paymentDetail',
query: {
this.OpenNewUrl('/course/paymentDetail', {
ClassId: item.ClassId,
School_Id: item.School_Id,
ClassName: encodeURI(item.ClassName),
blank: 'y'
}
})
});
},
//获取校区列表
getSchool() {
......@@ -453,7 +453,7 @@
getClassStatus(status) {
queryClassStatusList({}).then(res => {
if (res.Code == 1) {
this.classStatusList= res.Data;
this.classStatusList = res.Data;
}
}).catch(() => {})
},
......@@ -515,16 +515,16 @@
this.classObjOption = obj;
this.isShowClassInfo = true;
},
gomonthLessonCost(row){
gomonthLessonCost(row) {
let ClassName = encodeURI(row.ClassName)
this.OpenNewUrl('/course/monthLessonCost' , {
this.OpenNewUrl('/course/monthLessonCost', {
ClassId: row.ClassId,
ClassName: ClassName,
});
},
//跳转到课程大纲
goChapter(CouseId){
this.OpenNewUrl('/course/chapter' , {
goChapter(CouseId) {
this.OpenNewUrl('/course/chapter', {
CourseId: CouseId
});
},
......@@ -541,8 +541,9 @@
})
},
//调课申请
classApply(ClassId){
this.commonClassId = ClassId;
classApply(item) {
this.classObjOption = item;
this.isShowTiaoke = true;
}
}
......
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