.main
the-title-and-search.the-search(:title='["班级列表"]')
template(#button)
.btn-group.flex.flex-row.flex-start
a-button.btn-i.flex.flex-row.justify-between.align-items-center(
type='primary'
@click="changeBoolean('modalClassAdd',true)"
)
b-icon(type='iconjia')
span.pad-left-8 新建
a-button.btn-i.flex.flex-row.justify-between.align-items-center.btn-i-white(type='primary')
b-icon(type='iconxiazai')
a.pad-left-8(href="./static/students.xls") 下载学生模板
a-button.btn-i.flex.flex-row.justify-between.align-items-center(
type='primary'
ghost
@click='delClass(undefined)'
)
b-icon(type='iconshanchu')
span.pad-left-8 删除
template(#search)
the-search(@getSearch='searchChange')
a-table.table(
rowKey='id'
size='middle'
:columns='columnClass'
:data-source='tableClassList'
:pagination='false'
:loading="loadingClassList"
:row-selection='{ selectedRowKeys: selectedRowKeys, onChange: onSelectChange }'
@change='tableSort'
)
template(v-slot:list='{ text, record }')
//- a-button(type='link', :title='text', @click="getStudentList(record.id)") 查看
.operation.flex.flex-row.justify-between.align-items-center
.btn-link.pointer.btns-link-primary(@click="getStudentList(record)") 查看
template(v-slot:operation='{ text, record }')
.operation.flex.flex-row.justify-between.align-items-center
.btn-link.pointer.btns-link-primary(@click="editClass(record)") 编辑
.btn-column
a-upload(
name='file',
:multiple="true",
:showUploadList="false",
@change='fileChange'
)
.btn-link.pointer.btns-link-primary(@click='editClass(record, false)') 导入
.btn-column
.btn-link.pointer.btns-link-primary(@click='delClass(record.id)') 删除
.page.flex.flex-row.justify-end
a-pagination(
:size='pageConfig.size'
:current='pageConfig.current'
:total='pageConfig.totalSize'
:page-size="pageConfig.pageSize"
:page-size-options='pageConfig.options'
:show-quick-jumper='pageConfig.showJumper'
:showSizeChanger='pageConfig.showSize'
@change='getFetchData'
@showSizeChange='onChangeSize'
)
//- modal
the-add(
key='modalClassAdd'
:isEdit='false'
:visible='modalVisibleAdd'
@onSubmit="modalCallback('modalClassAdd')"
@onCancel="modalCallback('modalClassAdd')"
)
the-edit(
key='modalClassEdit'
:isEdit='true'
:visible='modalVisibleEdit'
@onSubmit="modalCallback('modalClassEdit')"
@onCancel="modalCallback('modalClassEdit')"
)
the-list(
key='modalStudentList'
:visible='modalVisibleList'
@onCancel="modalCallback('modalStudentList')"
)