Skip to content

C
confucius
Commit a2130725 authored by 罗超's avatar 罗超
Browse files
Options

页面提交

parent b327cbbe
Hide whitespace changes
Inline Side-by-side
Showing with 293 additions and 124 deletions
src/App.vue
View file @ a2130725
...@@ -12,7 +12,7 @@ export default { ...@@ -12,7 +12,7 @@ export default {
<style> <style>
@import url('~assets/css/font.css'); @import url('~assets/css/font.css');
@import url('//at.alicdn.com/t/font_2077629_ns3e8uvuyb.css'); @import url('//at.alicdn.com/t/font_2077629_wkoyran264.css');
html, html,
body, body,
......
src/api/school/index.js
View file @ a2130725
...@@ -22,4 +22,15 @@ export function saveSchool(data) { ...@@ -22,4 +22,15 @@ export function saveSchool(data) {
method: 'post', method: 'post',
data data
}) })
}
/**
* 获取教师分页数据
*/
export function getTeacherPage(data) {
return request({
url: '/user/GetTeacherPageList',
method: 'post',
data
})
} }
\ No newline at end of file
src/assets/css/table.sass
View file @ a2130725
...@@ -26,5 +26,36 @@ ...@@ -26,5 +26,36 @@
z-index: 1 z-index: 1
box-shadow: rgba(0, 0, 0, 0.05) 2px 0px 0px box-shadow: rgba(0, 0, 0, 0.05) 2px 0px 0px
td.none-shadow
box-shadow: none
.sticky-tow-column-table
max-width: 100%
thead
background: rgb(245, 246, 247)
thead tr:first-child
height: 40px
line-height: 14px
thead tr:first-child th
font-size: 12px
font-weight: 400
color: rgb(168, 168, 179)
thead tr:first-child th:nth-child(-n+2)
background-color: rgb(245, 246, 247)
td:nth-child(-n+2)
background-color: #fff
th:nth-child(-n+2),
td:nth-child(-n+2)
position: sticky
left: 0
z-index: 1
box-shadow: rgba(0, 0, 0, 0.05) 2px 0px 0px
td.none-shadow td.none-shadow
box-shadow: none box-shadow: none
\ No newline at end of file
src/components/school/teacher-form.vue 0 → 100644
View file @ a2130725
<template>
<q-dialog v-model="persistent" content-class="bg-grey-1" persistent transition-show="scale" transition-hide="scale">
<q-card style="width: 800px;max-width:900px;">
<q-card-section>
<div class="text-h6">{{objOption.SId==0?'新增校区':'修改校区'}}</div>
</q-card-section>
<div class="text-caption q-mb-lg q-px-md text-grey-6">基本资料</div>
<q-card-section class="q-pt-none">
<div class="row wrap">
<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 || '请填写校区名称']" />
<q-input filled stack-label maxlength="20" :dense="false" v-model="objOption.SAddress" ref="SAddress" class="col-6 q-pb-lg" label="校区地址" :rules="[val => !!val || '请填写校区地址']" />
<q-input filled stack-label maxlength="20" :dense="false" v-model="objOption.SLinkMan" ref="SLinkMan" 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.SLinkTel" ref="SLinkTel" class="col-6 q-pb-lg" label="校区联系电话" :rules="[val => !!val || '请填写校区联系电话']" />
<q-input filled stack-label maxlength="20" :dense="false" v-model="objOption.Remark" class="col-6 q-pb-lg q-pr-lg" label="校区备注" />
<div class="col-6">
<q-toggle size="md" label="校区状态" color="primary" :false-value="1" :true-value="0" v-model="objOption.Status" />
<div class="text-grey-6 text-caption">注意：关闭校区后，所有下属教师、学生将无法继续使用系统</div>
</div>
</div>
</q-card-section>
<q-separator />
<q-card-actions align="right" class="bg-white">
<q-btn label="取消" color="dark" style="font-weight:400 !important" @click="closeSaveForm" />
<q-btn label="立即提交" color="accent q-px-md" style="font-weight:400 !important" :loading="saveLoading" @click="saveSchool" />
</q-card-actions>
</q-card>
</q-dialog>
</template>
<script>
export default {
props: {
saveObj: {
type: Object,
default: null
}
},
data() {
return {
objOption: {},
optionTitle: ""
}
},
mounted() {
if ()
},
methods: {
initObj() {
if (this.saveObj) {
this.optionTitle = "修改教师信息"
this.objOption = this.saveObj
} else {
this.optionTitle = "新增教师"
this.objOption = {
TId: 0,
School_Id: '',
TeacherName: "",
TeacherTel: '',
TeacherHead: '',
TeacherIcon: '',
TeacherSay: '',
TeacherIntro: '',
IsShow: '1',
IsRecommend: '0',
SortNum: 1
}
}
}
},
}
</script>
<style>
</style>
src/layouts/MainLayout.vue
View file @ a2130725
...@@ -9,7 +9,7 @@ ...@@ -9,7 +9,7 @@
{{name}} {{name}}
</q-toolbar-title> </q-toolbar-title>
<q-tabs v-model="tab" @input="changeNavs" inline-label style="margin:0 auto; font-family:perfectFont;height:60px" class="text-white" shrink stretch v-if="userInfo"> <q-tabs v-model="tab" @input="changeNavs" inline-label style="margin:0 auto; font-family:perfectFont;height:60px" class="text-white" shrink stretch v-if="userInfo">
<q-route-tab v-for="(x, i) in userInfo.MenuList" :key="i" :to="x.MenuUrl" :name="`navs_${i}`" :label="x.MenuName" :icon="x.MenuIcon" /> <q-tab v-for="(x, i) in userInfo.MenuList" :key="i" @click="setNavs(i)" :name="`navs_${i}`" :label="x.MenuName" :icon="x.MenuIcon" />
</q-tabs> </q-tabs>
<div class="q-pl-lg"> <div class="q-pl-lg">
<q-btn-dropdown flat color="primary" size="xs"> <q-btn-dropdown flat color="primary" size="xs">
...@@ -182,6 +182,7 @@ import EssentialLink from 'components/EssentialLink.vue' ...@@ -182,6 +182,7 @@ import EssentialLink from 'components/EssentialLink.vue'
import { import {
mapGetters mapGetters
} from 'vuex' } from 'vuex'
import lockr from 'lockr'
export default { export default {
name: 'MainLayout', name: 'MainLayout',
components: { components: {
...@@ -216,6 +217,16 @@ export default { ...@@ -216,6 +217,16 @@ export default {
this.currentPath = route.path this.currentPath = route.path
}, },
immediate: true immediate: true
},
userInfo: {
handler: function (newVal) {
let i = this.tab.split('_')[1]
if (newVal && newVal.MenuList) {
this.secondNavs = newVal.MenuList.length > 0 ? newVal.MenuList[i].SubList : []
}
console.log(this.secondNavs)
},
immediate: true
} }
}, },
computed: { computed: {
...@@ -226,7 +237,14 @@ export default { ...@@ -226,7 +237,14 @@ export default {
]), ]),
}, },
mounted() { mounted() {
this.secondNavs = this.userInfo ? this.userInfo.MenuList[0].SubList : [] let i = 0
if (lockr.get("current_navs")) {
i = lockr.get("current_navs")
}
this.tab = `navs_${i}`
if (this.userInfo && this.userInfo.MenuList) {
this.secondNavs = this.userInfo.MenuList.length > 0 ? this.userInfo.MenuList[i].SubList : []
}
}, },
methods: { methods: {
logout() { logout() {
...@@ -240,6 +258,15 @@ export default { ...@@ -240,6 +258,15 @@ export default {
changeNavs(val) { changeNavs(val) {
let i = val.split('_')[1] let i = val.split('_')[1]
this.secondNavs = this.userInfo.MenuList[i].SubList this.secondNavs = this.userInfo.MenuList[i].SubList
},
setNavs(val) {
//防止页面数据丢失
lockr.set("current_navs", val)
this.tab = `navs_${val}`
this.secondNavs = this.userInfo.MenuList[val].SubList
this.$router.push({
path: this.userInfo.MenuList[val].MenuUrl
})
} }
}, },
} }
......
src/pages/school/teacher.vue
View file @ a2130725
...@@ -3,30 +3,32 @@ ...@@ -3,30 +3,32 @@
<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-input @change="resetSearch" clearable standout="bg-primary text-white" v-model="msg.SName" label="校区名称" /> <q-input @change="resetSearch" clearable standout="bg-primary text-white" v-model="msg.TeacherName" label="教师名称" />
</div> </div>
<div class="col-3"> <div class="col-3">
<q-select @input="resetSearch" standout="bg-primary text-white" v-model="StatusTemp" :options="StatusOpts" option-value="value" option-label="label" label="校区状态" /> <q-input @change="resetSearch" clearable standout="bg-primary text-white" v-model="msg.TeacherTel" label="教师电话" />
</div>
<div class="col-3">
<q-select @input="resetSearch" standout="bg-primary text-white" v-model="msg.IsShow" :options="ShowOpts" emit-value map-options label="显示状态" />
</div>
<div class="col-3">
<q-select @input="resetSearch" standout="bg-primary text-white" v-model="msg.AuditStatus" :options="AuditOpts" emit-value map-options label="审核状态" />
</div> </div>
</div> </div>
<div class="page-option"> <div class="page-option">
<!-- 原则上不能操作过三个按钮，建议不要使用查询按钮，增加用户操作次数 --> <!-- 原则上不能操作过三个按钮，建议不要使用查询按钮，增加用户操作次数 -->
<!-- <q-btn color="primary" outline label="立即查询" /> --> <!-- <q-btn color="primary" outline label="立即查询" /> -->
<q-btn color="accent" class="q-mr-md" icon="add" label="新增校区" @click="initObj(null)" /> <q-btn color="accent" class="q-mr-md" icon="add" label="新增教师" @click="initObj(null)" />
<q-btn-dropdown outline color="dark" label="更多"> <q-btn-dropdown outline color="dark" label="更多">
<q-list> <q-list>
<q-item clickable v-close-popup @click="onItemClick"> <q-item clickable v-close-popup @click="onItemClick">
<!-- <q-item-section side>
<q-icon name="style" />
</q-item-section> -->
<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="onItemClick"> <q-item clickable v-close-popup @click="onItemClick">
<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-list> </q-list>
...@@ -34,60 +36,53 @@ ...@@ -34,60 +36,53 @@
</div> </div>
</div> </div>
<div class="page-content"> <div class="page-content">
<q-table :pagination="msg" :loading="loading" no-data-label="暂无相关数据" flat class="sticky-column-table" separator="none" title="校区信息" :data="data" :columns="columns" row-key="name"> <q-table :pagination="msg" :loading="loading" no-data-label="暂无相关数据" flat class="sticky-tow-column-table" separator="none" title="教师信息" :data="data" :columns="columns" row-key="name">
<template v-slot:body-cell-Status="props"> <template v-slot:body-cell-IsShow="props">
<q-td :props="props"> <q-td :props="props">
<q-badge :color="props.value==1?'negative':'primary'" :label="props.value==1?'关闭':'正常'" /> <q-badge :color="props.value==0?'negative':'primary'" :label="props.value==0?'隐藏':'显示'" />
</q-td> </q-td>
</template> </template>
<template v-slot:body-cell-Remark="props"> <template v-slot:body-cell-TeacherIcon="props">
<q-td :props="props"> <q-td :props="props">
<q-badge color="grey-3 text-grey-10" :label="props.value" /> <q-avatar size="md">
<img :src="props.value" />
</q-avatar>
</q-td> </q-td>
</template> </template>
<template v-slot:body-cell-optioned="props"> <template v-slot:body-cell-TeacherName="props">
<q-td :props="props"> <q-td :props="props">
<q-btn flat size="xs" icon="edit" color="accent" style="font-family:perfectFont" label="编辑" @click="initObj(props.value)" /> <div class="text-blue cursor-pointer">{{props.value}}</div>
</q-td>
</template>
<template v-slot:body-cell-IsRecommend="props">
<q-td :props="props">
<q-icon v-if="props==1" name="iconfont icon-good" color="negative" size="16px" />
</q-td>
</template>
<template v-slot:body-cell-AuditStatus="props">
<q-td :props="props">
<q-badge v-if="props.value==1" color="dark" label="审核中" />
<q-badge v-if="props.value==2" color="warning" label="审核不通过" />
<q-badge v-if="props.value==3" color="primary" label="审核通过" />
</q-td> </q-td>
</template> </template>
<template v-slot:bottom> <template v-slot:bottom>
<q-pagination class="full-width justify-end" v-model="msg.pageIndex" color="primary" :max="pageCount" :input="true" @input="changePage" /> <q-pagination class="full-width justify-end" v-model="msg.pageIndex" color="primary" :max="pageCount" :input="true" @input="changePage" />
</template> </template>
<template v-slot:body-cell-optioned="props">
<q-td :props="props">
<q-btn flat size="xs" icon="edit" color="accent" style="font-family:perfectFont" label="编辑" @click="initObj(props.value)" />
</q-td>
</template>
</q-table> </q-table>
<q-dialog v-model="persistent" content-class="bg-grey-1" persistent transition-show="scale" transition-hide="scale">
<q-card style="width: 800px;max-width:900px;">
<q-card-section>
<div class="text-h6">{{objOption.SId==0?'新增校区':'修改校区'}}</div>
</q-card-section>
<div class="text-caption q-mb-lg q-px-md text-grey-6">基本资料</div>
<q-card-section class="q-pt-none">
<div class="row wrap">
<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 || '请填写校区名称']" />
<q-input filled stack-label maxlength="20" :dense="false" v-model="objOption.SAddress" ref="SAddress" class="col-6 q-pb-lg" label="校区地址" :rules="[val => !!val || '请填写校区地址']" />
<q-input filled stack-label maxlength="20" :dense="false" v-model="objOption.SLinkMan" ref="SLinkMan" 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.SLinkTel" ref="SLinkTel" class="col-6 q-pb-lg" label="校区联系电话" :rules="[val => !!val || '请填写校区联系电话']" />
<q-input filled stack-label maxlength="20" :dense="false" v-model="objOption.Remark" class="col-6 q-pb-lg q-pr-lg" label="校区备注" />
<div class="col-6">
<q-toggle size="md" label="校区状态" color="primary" :false-value="1" :true-value="0" v-model="objOption.Status" />
<div class="text-grey-6 text-caption">注意：关闭校区后，所有下属教师、学生将无法继续使用系统</div>
</div>
</div>
</q-card-section>
<q-separator />
<q-card-actions align="right" class="bg-white">
<q-btn label="取消" color="dark" style="font-weight:400 !important" @click="closeSaveForm" />
<q-btn label="立即提交" color="accent q-px-md" style="font-weight:400 !important" :loading="saveLoading" @click="saveSchool" />
</q-card-actions>
</q-card>
</q-dialog>
</div> </div>
</div> </div>
</template> </template>
<script> <script>
import { import {
getSchoolPage, getTeacherPage
saveSchool
} from '../../api/school/index' } from '../../api/school/index'
export default { export default {
meta: { meta: {
...@@ -97,99 +92,128 @@ export default { ...@@ -97,99 +92,128 @@ export default {
return { return {
currentUrl: "", currentUrl: "",
columns: [{ columns: [{
name: 'SName', name: 'TeacherIcon',
label: '',
field: 'TeacherIcon',
align: 'left',
},
{
name: 'TeacherName',
required: true, required: true,
label: '公司名称', label: '教师名称',
align: 'left',
field: row => row.TeacherName
},
{
name: 'TeacherTel',
label: '教师电话',
field: 'TeacherTel',
align: 'left'
},
{
name: 'SName',
label: '所属校区',
field: 'SName',
align: 'left', align: 'left',
field: row => row.SName,
format: val => `${val}`,
sortable: true
}, },
{ {
name: 'GroupName', name: 'AuditStatus',
label: '所属机构', label: '审核状态',
field: 'GroupName',
align: 'left', align: 'left',
sortable: true field: 'AuditStatus'
}, },
{ {
name: 'SLinkMan', name: 'IsShow',
label: '负责人', label: '是否显示',
field: 'SLinkMan',
align: 'left', align: 'left',
sortable: true field: 'IsShow'
}, },
{ {
name: 'SLinkTel', name: 'IsRecommend',
label: '负责人电话', label: '是否推荐',
align: 'left', align: 'left',
field: 'SLinkTel' field: 'IsRecommend'
}, },
{ {
name: 'Status', name: 'CourseCount',
label: '状态', label: '课程数量',
align: 'left', align: 'left',
field: 'Status' field: 'CourseCount'
}, },
{ {
name: 'CreateByName', name: 'OnlineClassCount',
label: '创建人', label: '网课产品',
align: 'left', align: 'left',
field: 'CreateByName' field: 'OnlineClassCount'
}, },
{ {
name: 'CreateTimeStr', name: 'OnlineOrderCount',
label: '建立时间', label: '网课订单',
align: 'left', align: 'left',
field: 'CreateTimeStr' field: 'OnlineOrderCount'
}, },
{ {
name: 'Remark', name: 'CreateTimeStr',
label: '备注', label: '入职时间',
align: 'left', align: 'left',
field: 'Remark' field: 'CreateTimeStr'
}, },
{ {
name: 'optioned', name: 'optioned',
label: '操作', label: '操作',
field: 'SId' field: 'TId'
}, }
], ],
data: [], data: [],
loading: true, loading: true,
StatusOpts: [{ ShowOpts: [{
label: '全部', label: '全部',
value: '-1' value: '-1'
}, },
{ {
label: '开启', label: '隐藏',
value: '0' value: '0'
}, },
{ {
label: '关闭', label: '显示',
value: '1'
}
],
AuditOpts: [{
label: '全部',
value: '-1'
},
{
label: '审核中',
value: '1' value: '1'
},
{
label: '审核通过',
value: '2'
},
{
label: '审核不通过',
value: '3'
} }
], ],
msg: { msg: {
pageIndex: 1, pageIndex: 1,
pageSize: 13, pageSize: 12,
rowsPerPage: 13, rowsPerPage: 12,
SName: "", TeacherName: "",
Status: '-1' TeacherTel: "",
AuditStatus: "-1",
IsShow: "-1"
}, },
StatusTemp: {},
pageCount: 0, pageCount: 0,
persistent: false, persistent: false,
objOption: {}, objOption: {},
saveLoading: false saveLoading: false
} }
}, },
created() {
this.StatusTemp = this.StatusOpts[0]
},
mounted() { mounted() {
this.currentUrl = this.$route.path this.currentUrl = this.$route.path
this.getSchool() this.getTeacher()
}, },
methods: { methods: {
onItemClick() { onItemClick() {
...@@ -226,19 +250,20 @@ export default { ...@@ -226,19 +250,20 @@ export default {
//this.pageCount = 0 //this.pageCount = 0
this.loading = true this.loading = true
this.msg.Status = this.StatusTemp ? this.StatusTemp.value : '-1' this.msg.Status = this.StatusTemp ? this.StatusTemp.value : '-1'
this.getSchool() this.getTeacher()
}, },
changePage(val) { changePage(val) {
this.msg.Status = this.StatusTemp ? this.StatusTemp.value : '-1' this.msg.Status = this.StatusTemp ? this.StatusTemp.value : '-1'
this.msg.pageIndex = 1 this.msg.pageIndex = 1
this.loading = true this.loading = true
this.getSchool() this.getTeacher()
}, },
getSchool() { getTeacher() {
getSchoolPage(this.msg).then(res => { getTeacherPage(this.msg).then(res => {
this.loading = false this.loading = false
this.data = res.Data.PageData this.data = res.Data.PageData
this.pageCount = res.Data.PageCount this.pageCount = res.Data.PageCount
console.log(this.data)
}).catch(() => { }).catch(() => {
this.loading = false this.loading = false
}) })
...@@ -246,37 +271,37 @@ export default { ...@@ -246,37 +271,37 @@ export default {
closeSaveForm() { closeSaveForm() {
this.persistent = false this.persistent = false
}, },
saveSchool() { // saveSchool() {
this.saveLoading = true // this.saveLoading = true
this.$refs.SName.validate() // this.$refs.SName.validate()
this.$refs.SAddress.validate() // this.$refs.SAddress.validate()
this.$refs.SLinkMan.validate() // this.$refs.SLinkMan.validate()
this.$refs.SLinkTel.validate() // this.$refs.SLinkTel.validate()
if ( // if (
!this.$refs.SName.hasError && // !this.$refs.SName.hasError &&
!this.$refs.SAddress.hasError && // !this.$refs.SAddress.hasError &&
!this.$refs.SLinkMan.hasError && // !this.$refs.SLinkMan.hasError &&
!this.$refs.SLinkTel.hasError // !this.$refs.SLinkTel.hasError
) { // ) {
saveSchool(this.objOption).then(res => { // saveSchool(this.objOption).then(res => {
this.saveLoading = false // this.saveLoading = false
this.$q.notify({ // this.$q.notify({
icon: 'iconfont icon-chenggong', // icon: 'iconfont icon-chenggong',
color: 'accent', // color: 'accent',
timeout: 2000, // timeout: 2000,
message: '数据保存成功！', // message: '数据保存成功！',
position: 'top' // position: 'top'
}) // })
if (this.objOption.SId == 0) { // if (this.objOption.SId == 0) {
this.msg.pageIndex = 1 // this.msg.pageIndex = 1
} // }
this.getSchool() // this.getSchool()
this.closeSaveForm() // this.closeSaveForm()
}) // })
} else { // } else {
this.saveLoading = false // this.saveLoading = false
} // }
} // }
}, },
} }
</script> </script>
......
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