Skip to content

C
confucius
Commit 7c63fbad authored by 黄奎's avatar 黄奎
Browse files
Options

页面修改

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