parent
db57d414af
commit
83e7f89731
|
Before Width: | Height: | Size: 4.2 KiB After Width: | Height: | Size: 12 KiB |
|
Before Width: | Height: | Size: 15 KiB After Width: | Height: | Size: 12 KiB |
|
Before Width: | Height: | Size: 44 KiB After Width: | Height: | Size: 25 KiB |
@ -1,7 +1,8 @@
|
||||
/* 改变主题色变量 */
|
||||
$--color-primary: #0077CC;
|
||||
// $--color-primary:#010296;
|
||||
|
||||
/* 改变 icon 字体路径变量，必需 */
|
||||
$--font-path: '~element-ui/lib/theme-chalk/fonts';
|
||||
|
||||
@import "~element-ui/packages/theme-chalk/src/index";
|
||||
@import "~element-ui/packages/theme-chalk/src/index";
|
||||
|
||||
@ -0,0 +1,8 @@
|
||||
<template>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
</script>
|
||||
|
||||
<style>
|
||||
</style>
|
||||
@ -0,0 +1,148 @@
|
||||
<template>
|
||||
<div>
|
||||
|
||||
<div>
|
||||
<div ref="lxHeader">
|
||||
<lx-header icon="md-apps" :text="$route.meta.title" style="margin-bottom: 10px; border: 0px; margin-top: 15px">
|
||||
<div slot="content">
|
||||
<div class="searchwrap" style="display: flex;align-items: center;">
|
||||
<div>
|
||||
<el-input v-model="select.name" placeholder="请输入课程名称"></el-input>
|
||||
</div>
|
||||
<div>
|
||||
<el-date-picker v-model="select.daterange" type="daterange" range-separator="至" start-placeholder="开课日期"
|
||||
end-placeholder="结束日期">
|
||||
</el-date-picker>
|
||||
</div>
|
||||
<div>
|
||||
<el-select v-model="select.type" placeholder="请选择类别" clearable>
|
||||
<el-option v-for="item in type_options" :key="item.id" :label="item.value" :value="item.id">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
<div>
|
||||
<el-button type="primary" size="small">查询</el-button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</lx-header>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<xy-table :list="list" :total="total" :table-item="table_item">
|
||||
<template v-slot:btns>
|
||||
<el-table-column align='center' label="操作" width="280" header-align="center">
|
||||
<template slot-scope="scope">
|
||||
<el-button type="primary" size="small" @click="editClass('add',scope.row.id)">排课</el-button>
|
||||
<el-button type="primary" size="small">考勤</el-button>
|
||||
<el-button type="primary" size="small" @click="setMain">设定班主任</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</template>
|
||||
</xy-table>
|
||||
</div>
|
||||
|
||||
<add-class ref="addClass"></add-class>
|
||||
<set-main-teacher ref="setMainTeacher"></set-main-teacher>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import addClass from './components/addClass.vue';
|
||||
import setMainTeacher from './components/setMainTeacher.vue';
|
||||
|
||||
export default {
|
||||
components: {
|
||||
addClass,
|
||||
setMainTeacher
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
select: {
|
||||
name: '',
|
||||
daterange: '',
|
||||
type: ''
|
||||
},
|
||||
type_options: [{
|
||||
id: 0,
|
||||
value: '常规课程'
|
||||
}, {
|
||||
id: 1,
|
||||
value: '短期课程'
|
||||
}],
|
||||
status_options: [{
|
||||
id: 0,
|
||||
value: '进行中'
|
||||
}, {
|
||||
id: 1,
|
||||
value: '未开始'
|
||||
}],
|
||||
list: [{
|
||||
name: '第六期高级科创人才研修班',
|
||||
daterange: '2024.3.1-2024.9.1',
|
||||
type: '常规课程',
|
||||
status: '进行中',
|
||||
status2: '已发布'
|
||||
}],
|
||||
total: 0,
|
||||
table_item: [{
|
||||
prop: 'name',
|
||||
label: '课程名称',
|
||||
align: 'left'
|
||||
}, {
|
||||
prop: 'daterange',
|
||||
label: '开课日期',
|
||||
align: 'center',
|
||||
width: 180,
|
||||
}, {
|
||||
prop: 'type',
|
||||
label: '类别',
|
||||
align: 'center',
|
||||
width: 160,
|
||||
}, {
|
||||
prop: 'status',
|
||||
label: '课程状态',
|
||||
align: 'center',
|
||||
width: 180,
|
||||
}, {
|
||||
prop: 'main_teacher',
|
||||
label: '班主任',
|
||||
align: 'center',
|
||||
width: 180,
|
||||
}]
|
||||
|
||||
}
|
||||
},
|
||||
created() {
|
||||
|
||||
},
|
||||
methods: {
|
||||
editClass(type, id) {
|
||||
|
||||
this.$refs.addClass.isShow = true
|
||||
},
|
||||
setMain() {
|
||||
this.$refs.setMainTeacher.isShow = true
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.searchwrap {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
&>div {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-right: 10px;
|
||||
|
||||
span {
|
||||
min-width: 70px;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,155 @@
|
||||
<template>
|
||||
<div>
|
||||
|
||||
<div>
|
||||
<div ref="lxHeader">
|
||||
<lx-header icon="md-apps" :text="$route.meta.title" style="margin-bottom: 10px; border: 0px; margin-top: 15px">
|
||||
<div slot="content">
|
||||
<div class="searchwrap" style="display: flex;align-items: center;">
|
||||
<div>
|
||||
<el-input v-model="select.name" placeholder="请输入课程名称"></el-input>
|
||||
</div>
|
||||
<div>
|
||||
<el-date-picker v-model="select.daterange" type="daterange" range-separator="至" start-placeholder="开课日期"
|
||||
end-placeholder="结束日期">
|
||||
</el-date-picker>
|
||||
</div>
|
||||
<div>
|
||||
<el-select v-model="select.type" placeholder="请选择类别" clearable>
|
||||
<el-option v-for="item in type_options" :key="item.id" :label="item.value" :value="item.id">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
<div>
|
||||
<el-select v-model="select.status" placeholder="请选择课程状态" clearable>
|
||||
<el-option v-for="item in status_options" :key="item.id" :label="item.value" :value="item.id">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
<div>
|
||||
<el-button type="primary" size="small">查询</el-button>
|
||||
</div>
|
||||
<div>
|
||||
<el-button type="primary" size="small" @click="editCourse('add')">新增课程</el-button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</lx-header>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<xy-table :list="list" :total="total" :table-item="table_item">
|
||||
<template v-slot:btns>
|
||||
<el-table-column align='center' label="操作" width="320" header-align="center">
|
||||
<template slot-scope="scope">
|
||||
<el-button type="primary" size="small">编辑</el-button>
|
||||
<el-button type="danger" size="small">删除</el-button>
|
||||
<el-button type="primary" size="small">通讯录</el-button>
|
||||
<el-button type="primary" size="small">二维码</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</template>
|
||||
</xy-table>
|
||||
</div>
|
||||
|
||||
<add-course ref="addCourse"></add-course>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import addCourse from './components/addCourse.vue';
|
||||
export default {
|
||||
components:{
|
||||
addCourse
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
select: {
|
||||
name: '',
|
||||
daterange: '',
|
||||
type: ''
|
||||
},
|
||||
type_options: [{
|
||||
id: 0,
|
||||
value: '常规课程'
|
||||
}, {
|
||||
id: 1,
|
||||
value: '短期课程'
|
||||
}],
|
||||
status_options: [{
|
||||
id: 0,
|
||||
value: '进行中'
|
||||
}, {
|
||||
id: 1,
|
||||
value: '未开始'
|
||||
}],
|
||||
list: [],
|
||||
total: 0,
|
||||
table_item: [{
|
||||
prop: 'name',
|
||||
label: '课程名称',
|
||||
align: 'left'
|
||||
}, {
|
||||
prop: 'daterange',
|
||||
label: '开课日期',
|
||||
align: 'center',
|
||||
width: 180,
|
||||
}, {
|
||||
prop: 'type',
|
||||
label: '类别',
|
||||
align: 'center',
|
||||
width: 160,
|
||||
}, {
|
||||
prop: 'status',
|
||||
label: '发布状态',
|
||||
align: 'center',
|
||||
width: 180,
|
||||
}]
|
||||
|
||||
}
|
||||
},
|
||||
created() {
|
||||
|
||||
},
|
||||
methods: {
|
||||
editCourse(type,id){
|
||||
|
||||
this.$refs.addCourse.type = type
|
||||
this.$refs.addCourse.isShow = true
|
||||
},
|
||||
deleteList() {
|
||||
var that = this;
|
||||
destroy({
|
||||
id: this.id,
|
||||
table_name: 'new_plans'
|
||||
}).then(response => {
|
||||
this.$Message.success('操作成功');
|
||||
this.isShow = false
|
||||
this.$emit('refresh')
|
||||
}).catch(error => {
|
||||
console.log(error)
|
||||
reject(error)
|
||||
})
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.searchwrap {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
&>div {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-right: 10px;
|
||||
|
||||
span {
|
||||
min-width: 70px;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,176 @@
|
||||
<template>
|
||||
<div>
|
||||
|
||||
<div>
|
||||
<div ref="lxHeader">
|
||||
<lx-header icon="md-apps" :text="$route.meta.title" style="margin-bottom: 10px; border: 0px; margin-top: 15px">
|
||||
<div slot="content">
|
||||
<div class="searchwrap" style="display: flex;align-items: center;">
|
||||
<div>
|
||||
<el-input v-model="select.name" placeholder="请输入课程名称"></el-input>
|
||||
</div>
|
||||
<div>
|
||||
<el-date-picker v-model="select.daterange" type="daterange" range-separator="至" start-placeholder="开课日期"
|
||||
end-placeholder="结束日期">
|
||||
</el-date-picker>
|
||||
</div>
|
||||
<div>
|
||||
<el-select v-model="select.type" placeholder="请选择类别" clearable>
|
||||
<el-option v-for="item in type_options" :key="item.id" :label="item.value" :value="item.id">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
<div>
|
||||
<el-select v-model="select.status" placeholder="请选择课程状态" clearable>
|
||||
<el-option v-for="item in status_options" :key="item.id" :label="item.value" :value="item.id">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
<div>
|
||||
<el-button type="primary" size="small">查询</el-button>
|
||||
</div>
|
||||
<div>
|
||||
<el-button type="primary" size="small" @click="editCourse('add')">新增课程</el-button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</lx-header>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<xy-table :list="list" :total="total" :table-item="table_item">
|
||||
<template v-slot:btns>
|
||||
<el-table-column align='center' label="操作" width="320" header-align="center">
|
||||
<template slot-scope="scope">
|
||||
<el-button type="primary" size="small" @click="editCourse('add',scope.row.id)">编辑</el-button>
|
||||
<el-button type="danger" size="small">删除</el-button>
|
||||
<el-button type="primary" size="small" @click="toTxl">通讯录</el-button>
|
||||
<el-button type="primary" size="small" @click="showQrCode">二维码</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</template>
|
||||
</xy-table>
|
||||
</div>
|
||||
|
||||
<add-course ref="addCourse"></add-course>
|
||||
<show-code ref="showCode"></show-code>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import addCourse from './components/addCourse.vue';
|
||||
import showCode from './components/showCode.vue';
|
||||
|
||||
export default {
|
||||
components: {
|
||||
addCourse,
|
||||
showCode
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
select: {
|
||||
name: '',
|
||||
daterange: '',
|
||||
type: ''
|
||||
},
|
||||
type_options: [{
|
||||
id: 0,
|
||||
value: '常规课程'
|
||||
}, {
|
||||
id: 1,
|
||||
value: '短期课程'
|
||||
}],
|
||||
status_options: [{
|
||||
id: 0,
|
||||
value: '进行中'
|
||||
}, {
|
||||
id: 1,
|
||||
value: '未开始'
|
||||
}],
|
||||
list: [{
|
||||
name: '第六期高级科创人才研修班',
|
||||
daterange: '2024.3.1-2024.9.1',
|
||||
type: '常规课程',
|
||||
status: '进行中',
|
||||
status2: '已发布'
|
||||
}],
|
||||
total: 0,
|
||||
table_item: [{
|
||||
prop: 'name',
|
||||
label: '课程名称',
|
||||
align: 'left'
|
||||
}, {
|
||||
prop: 'daterange',
|
||||
label: '开课日期',
|
||||
align: 'center',
|
||||
width: 180,
|
||||
}, {
|
||||
prop: 'type',
|
||||
label: '类别',
|
||||
align: 'center',
|
||||
width: 160,
|
||||
}, {
|
||||
prop: 'status',
|
||||
label: '课程状态',
|
||||
align: 'center',
|
||||
width: 180,
|
||||
}, {
|
||||
prop: 'status2',
|
||||
label: '发布状态',
|
||||
align: 'center',
|
||||
width: 180,
|
||||
}]
|
||||
|
||||
}
|
||||
},
|
||||
created() {
|
||||
|
||||
},
|
||||
methods: {
|
||||
editCourse(type, id) {
|
||||
|
||||
this.$refs.addCourse.type = type
|
||||
this.$refs.addCourse.isShow = true
|
||||
},
|
||||
showQrCode() {
|
||||
this.$refs.showCode.isShow = true
|
||||
},
|
||||
toTxl() {
|
||||
window.location.href = '/admin/#/course/txl'
|
||||
},
|
||||
deleteList() {
|
||||
var that = this;
|
||||
destroy({
|
||||
id: this.id,
|
||||
table_name: 'new_plans'
|
||||
}).then(response => {
|
||||
this.$Message.success('操作成功');
|
||||
this.isShow = false
|
||||
this.$emit('refresh')
|
||||
}).catch(error => {
|
||||
console.log(error)
|
||||
reject(error)
|
||||
})
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.searchwrap {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
&>div {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-right: 10px;
|
||||
|
||||
span {
|
||||
min-width: 70px;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Loading…
Reference in new issue