Skip to content

C
confucius
Commit 18f93aee authored by zhengke's avatar zhengke
Browse files
Options

修改

parent cdfd7470
Show whitespace changes
Inline Side-by-side
Showing with 213 additions and 5 deletions
src/components/course/classinfo-form.vue 0 → 100644
View file @ 18f93aee
<style>
.classinfo_Dialog .drawerTop {
width: 100%;
height: 50px;
display: flex;
justify-content: space-between;
background-color: #F0F5FB;
padding: 5px 10px;
align-items: center;
}
.classinfo_Dialog .classFirst {
color: #000000;
font-weight: bold;
}
.classinfo_Dialog .className {
margin-left: 10px;
}
.classinfo_Dialog .classStatus {
padding: 3px 8px;
background-color: #c8d7fc;
color: #2961FE;
font-size: 12px;
border-radius: 2px;
margin-left: 20px;
}
.classinfo_Dialog .normalName {
color: #999999;
}
.classinfo_Dialog .normalInner {
color: #111111;
}
</style>
<template>
<q-dialog v-model="persistent" maximized full-height seamless position="right" @hide="closeShenheForm">
<q-card style="margin-top:61px;width:800px" class="no-border-radius classinfo_Dialog">
<div class="drawerTop">
<div style="display:flex;align-items:center;">
<q-avatar size="md" style="background:#d4dfff;color:#2961FE;font-weight:bold;">张</q-avatar>
<div class="className">
<div class="classFirst">东野大木(五班)</div>
<div style="color:#666666;font-size:12px;">0-N3直通车</div>
</div>
<div class="classStatus">开班中</div>
</div>
</div>
<div style="margin:20px;font-size:12px;">
<div class="row wrap ">
<div class="col-6">
<span class="normalName">老师名称：</span>
<span class="normalInner">李琴</span>
</div>
<div class="col-6">
<span class="normalName">开班时间：</span>
<span class="normalInner">2020-11-11 09:30</span>
</div>
</div>
<div class="row wrap" style="margin-top:20px;">
<div class="col-6">
<span class="normalName">开班时间：</span>
<span class="normalInner">2020-11-11 09:30</span>
</div>
<div class="col-6" style="display:flex;align-items:center;">
<span class="normalName">课程进度：</span>
<q-linear-progress rounded size="20px" :value="0.2"
style="background-color:#EEEEEF;color:#3FC4FF;display:inline-block;width:44%" />
</div>
</div>
</div>
<q-tabs style="margin-bottom:20px;" v-model="tabCheck" narrow-indicator dense align="left" class="text-primary">
<q-tab :ripple="false" name="first" label="学员信息" />
<q-tab :ripple="false" name="second" label="上课计划" />
<q-tab :ripple="false" name="third" label="上课记录" />
<q-tab :ripple="false" name="fourth" label="班级日志" />
<q-tab :ripple="false" name="fifth" label="待定" />
</q-tabs>
<div v-if="tabCheck=='first'">
<div style="text-align:right;">
<q-btn outline color="black" label="退课" size="12px" style="margin-right:20px;" />
<q-btn color="primary" class="q-mr-md" size="12px" icon="add" label="邀请新学员" />
</div>
<q-table :pagination="stuMsg" :loading="loading" no-data-label="暂无相关数据" flat selection="multiple"
:selected.sync="selected" class="sticky-right-column-table sticky-tow-column-table" separator="none"
title="员工管理" :data="studentList" :columns="columns" row-key="Id">
</q-table>
</div>
</q-card>
<div class="dialog-out-close" @click="closeShenheForm"
style="height:40px !important;border-top-left-radius: 4px !important;border-bottom-left-radius: 4px !important;">
<q-icon name="iconfont icon-jujue1" size="26px" />
</div>
</q-dialog>
</template>
<script>
export default {
props: {
setingObj: {
type: Object,
default: null
}
},
components: {
},
data() {
return {
persistent: true,
tabCheck: 'first', //默认选第一个
columns: [{
name: 'EmployeeName',
required: true,
label: '姓名',
align: 'left',
},
{
name: 'Sex',
label: '性别',
field: 'Sex',
align: 'left',
},
{
name: 'age',
label: '年龄',
field: 'age',
align: 'left',
},
{
name: 'classHour',
label: '上课课时',
field: 'classHour',
align: 'left',
},
{
name: 'joinTime',
label: '加入时间',
field: 'joinTime',
align: 'left'
},
{
name: 'Tel',
label: '联系电话',
align: 'left',
field: 'Tel'
},
{
name: 'OrderNum',
label: '关联订单',
field: 'OrderNum',
align: 'left'
},
{
name: 'courses',
label: '续费课程',
field: 'courses',
align: 'left'
}
],
loading:false,
stuMsg:{
},
studentList:[], //学员信息数据
selected:[], //选中
}
},
mounted() {
},
methods: {
closeShenheForm() {
this.persistent = false;
this.$emit('close');
}
},
}
</script>
<style>
</style>
src/pages/course/classManage.vue
View file @ 18f93aee
......@@ -34,7 +34,7 @@
<q-td auto-width :props="props">
<q-avatar size="md" style="background:#d4dfff;color:#2961FE;font-weight:bold;" v-if="props.row.ClassName">
{{GetFirst(props.row.ClassName)}}</q-avatar>
<span style="color:#2961FE;margin-left:10px;">{{props.row.ClassName}}</span>
<span style="color:#2961FE;margin-left:10px;" @click="getClassInfo(props.row)">{{props.row.ClassName}}</span>
</q-td>
</template>
<template v-slot:body-cell-TeacherName="props">
......@@ -75,6 +75,8 @@
</q-table>
<class-form v-if="isShowClassForm" :save-obj="classObjOption" @close="closeClassSaveForm" @success="refreshPage">
</class-form>
<classinfo-form v-if="isShowClassInfo" :seting-obj="classInfoObj" @close="closeClass" @success="refreshClass">
</classinfo-form>
</div>
</div>
</template>
......@@ -82,18 +84,21 @@
import {
queryClassPage,
queryClassStatusList,
} from '../../api/course/class'
} from '../../api/course/class';
//获取校区列表
import {
getSchoolDropdown
} from '../../api/school/index'
import classForm from '../../components/course/class-form'
} from '../../api/school/index';
import classForm from '../../components/course/class-form';
import classinfoForm from '../../components/course/classinfo-form';
export default {
meta: {
title: "班级管理"
},
components: {
classForm
classForm,
classinfoForm
},
data() {
return {
......@@ -169,6 +174,9 @@
schoolList: [],
pageCount: 0,
classObjOption: null,
isShowClassInfo:false, //是否显示课程信息
classInfoObj:null,
}
},
created() {
......@@ -254,6 +262,19 @@
return 0;
}
return (Math.round(num / total * 100) / 100.00);
},
//关闭班级信息弹窗
closeClass(){
this.isShowClassInfo = false
},
//刷新
refreshClass(){
},
//点击班级名称
getClassInfo(obj){
console.log('点击');
this.isShowClassInfo=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