Skip to content

C
confucius
Commit 0360d9d1 authored by zhengke's avatar zhengke
Browse files
Options

修改

parent 9e2906f5
Hide whitespace changes
Inline Side-by-side
Showing with 17 additions and 161 deletions
src/pages/course/classManage.vue
View file @ 0360d9d1
...@@ -57,166 +57,9 @@ ...@@ -57,166 +57,9 @@
</div> </div>
</div> </div>
<div class="page-content"> <div class="page-content">
<q-table :pagination="msg" :loading="loading" no-data-label="暂无相关数据" flat <classlist :data="data" :authObj="authObj" @success="refreshPage"></classlist>
class="sticky-column-table sticky-right-column-table" separator="none" :data="data" :columns="columns" <q-pagination class="full-width justify-end" v-model="msg.pageIndex" color="primary" :max="pageCount"
row-key="name"> :input="true" @input="changePage" />
<template v-slot:top="props">
<div class="col-2 q-table__title">班级信息</div>
<q-space />
<div class="page-option">
<q-btn color="accent" size="sm" class="q-mr-md" icon="add" label="新增班级" @click="EditCourse(null)" />
</div>
</template>
<template v-slot:body-cell-CourseId="props">
<q-td auto-width :props="props">
<span style="color:blue;cursor:pointer;" @click="goChapter(props.row.CouseId)">详情</span>
</q-td>
</template>
<template v-slot:body-cell-ClassName="props">
<q-td auto-width :props="props">
<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>
<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>
</div>
</div>
</q-td>
</template>
<template v-slot:body-cell-OtherCourseName="props">
<q-td auto-width :props="props">
<template v-if="props.row.OtherCourseList">
<template v-if="props.row.OtherCourseList.length==1">
{{props.row.OtherCourseList[0].CourseName}}【{{props.row.OtherCourseList[0].ClassHours}}课时】
</template>
<template v-if="props.row.OtherCourseList.length>1">
{{props.row.OtherCourseList[0].CourseName}}：
<span class="OtherCourseNum">
{{props.row.OtherCourseList.length}}
<q-popup-proxy>
<q-banner>
<table class="OCourseTable" style="border-collapse:collapse;">
<tr>
<th>课程名称</th>
<th>课时数</th>
</tr>
<tr v-for="(sItem,sIndex) in props.row.OtherCourseList"
style="border-bottom:1px dashed #d1d1d1;">
<td>{{sItem.CourseName}}</td>
<td>{{sItem.ClassHours}}</td>
</tr>
</table>
</q-banner>
</q-popup-proxy>
</span>
</template>
<template v-if="props.row.OtherCourseList.length==0">
无
</template>
</template>
</q-td>
</template>
<template v-slot:body-cell-TeacherName="props">
<q-td auto-width :props="props">
<template v-if="props.row.Teacher_Id==0">
<span style="color:red">未指定</span>
</template>
<template v-else>
<span style="color:#3FC4FF;">{{props.row.TeacherName}}</span>
</template>
</q-td>
</template>
<template v-slot:body-cell-ClassPersion="props">
<q-td auto-width :props="props">
<i class="iconfont icon-ren-" style="color:#2961FE;"></i>预招 <span
style="color:#2961FE;">{{props.row.ClassPersion}} </span>
<i class="iconfont icon-ren-" style="color:#3FC4FF;margin-left:30px;"></i>当前 <span
style="color:#3FC4FF">{{props.row.OrderStudentCount}}</span>
<q-linear-progress rounded size="20px"
:value="getProgress(props.row.OrderStudentCount,props.row.ClassPersion)"
style="background-color:#EEEEEF;color:#3FC4FF" class="q-mt-sm" />
</q-td>
</template>
<template v-slot:body-cell-CompleteProgress="props">
<q-td auto-width :props="props">
已进行{{props.row.CompleteProgress}}%
<q-linear-progress rounded size="20px" :value="getProgress(props.row.CompleteProgress,100)"
style="background-color:#EEEEEF;color:#3FC4FF" class="q-mt-sm" />
</q-td>
</template>
<!--班级状态-->
<template v-slot:body-cell-ClassStatusStr="props">
<q-td>
<span>{{props.row.ClassStatusStr}}</span>&nbsp;
<i class="iconfont icon-edit" @click.stop="getClassItem(props.row)" title="点击修改班级状态">
<q-popup-proxy>
<q-banner v-if="isShowEdit">
<div class="calenderDialog">
<div style="margin:10px 0 15px 0;">设置班级状态</div>
<q-select standout="bg-primary text-white" option-value="Id" option-label="Name"
v-model="statusMsg.ClassStatus" :options="classStatusList" emit-value map-options label="班级状态" />
<q-card-actions align="right" class="bg-white">
<q-btn label="取消" flat color="grey-10" @click="isShowEdit=false"
style="font-weight:400 !important" />
<q-btn label="确认" color="accent q-px-md" style="font-weight:400 !important"
@click="setClassStatus()" />
</q-card-actions>
</div>
</q-banner>
</q-popup-proxy>
</i>
</q-td>
</template>
<template v-slot:bottom>
<q-pagination class="full-width justify-end" v-model="msg.pageIndex" color="primary" :max="pageCount"
:input="true" @input="changePage" />
</template>
<template v-slot:body-cell-optioned="props">
<q-td :props="props">
<q-btn 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)">
<q-item-section>
<q-item-label>订单中心</q-item-label>
</q-item-section>
</q-item>
<q-item clickable v-close-popup @click="goPayment(props.row)">
<q-item-section>
<q-item-label>收支明细</q-item-label>
</q-item-section>
</q-item>
<q-item clickable v-close-popup @click="removeClass(props.row,1)" v-if="props.row.Status==0">
<q-item-section>
<q-item-label>删除</q-item-label>
</q-item-section>
</q-item>
<q-item clickable v-close-popup @click="removeClass(props.row,0)" v-if="props.row.Status==1">
<q-item-section>
<q-item-label>恢复</q-item-label>
</q-item-section>
</q-item>
<q-item clickable v-close-popup @click="showOtherCourse(props.row)">
<q-item-section>
<q-item-label>关联其他课程</q-item-label>
</q-item-section>
</q-item>
<q-item clickable v-close-popup @click="gomonthLessonCost(props.row)">
<q-item-section>
<q-item-label>月度课耗</q-item-label>
</q-item-section>
</q-item>
</q-list>
</q-btn-dropdown>
</q-td>
</template>
</q-table>
<class-form v-if="isShowClassForm" :save-obj="classObjOption" @close="closeClassSaveForm" <class-form v-if="isShowClassForm" :save-obj="classObjOption" @close="closeClassSaveForm"
@getClassFlict="getClassFlict" @success="refreshPage"> @getClassFlict="getClassFlict" @success="refreshPage">
</class-form> </class-form>
...@@ -247,6 +90,7 @@ ...@@ -247,6 +90,7 @@
import classinfoForm from '../../components/course/classinfo-form'; import classinfoForm from '../../components/course/classinfo-form';
import othercourseForm from '../../components/course/othercourse-form'; import othercourseForm from '../../components/course/othercourse-form';
import classconflictForm from '../../components/course/classconflict-form'; import classconflictForm from '../../components/course/classconflict-form';
import classlist from '../../components/course/classlist';
export default { export default {
meta: { meta: {
title: "班级管理" title: "班级管理"
...@@ -255,7 +99,8 @@ ...@@ -255,7 +99,8 @@
classForm, classForm,
classinfoForm, classinfoForm,
othercourseForm, othercourseForm,
classconflictForm classconflictForm,
classlist
}, },
data() { data() {
return { return {
...@@ -360,6 +205,17 @@ ...@@ -360,6 +205,17 @@
IsShowOtherCourse: false, //是否显示其他课程 IsShowOtherCourse: false, //是否显示其他课程
isShowConflict: false, //是否显示上课计划冲突 isShowConflict: false, //是否显示上课计划冲突
ClassId: 0, //传入到冲突表单参数 ClassId: 0, //传入到冲突表单参数
//权限判断
authObj: {
isShowAddBtn: true, //显示新增按钮
isShowDelBtn: true, //显示删除
isShowRestoreBtn: true, //显示恢复
isShowOtherCourseBtn: true, //显示关联其他课程
isShowLessonCost: true, //显示月度课耗
isShowStatusChange: true, //显示状态变更
isShowStudentMenu: true, //显示未完成学员名单
isShowApply:true //显示调课申请
}
} }
}, },
created() { created() {
......
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