parent
f7161d5c69
commit
ffbe8b42cc
@ -1,8 +1,217 @@
|
||||
<template>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
</script>
|
||||
|
||||
<style>
|
||||
</style>
|
||||
<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">
|
||||
</xy-table>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
||||
|
||||
export default {
|
||||
components: {
|
||||
|
||||
},
|
||||
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: '常规课程',
|
||||
total: 60,
|
||||
now_apply:50,
|
||||
success_apply:20,
|
||||
no_apply:5,
|
||||
by_apply:25
|
||||
}],
|
||||
total: 0,
|
||||
table_item: [{
|
||||
prop: 'name',
|
||||
label: '课程名称',
|
||||
align: 'left'
|
||||
}, {
|
||||
prop: 'daterange',
|
||||
label: '开课日期',
|
||||
align: 'center',
|
||||
width: 180,
|
||||
}, {
|
||||
prop: 'type',
|
||||
label: '类别',
|
||||
align: 'center',
|
||||
width: 160,
|
||||
}, {
|
||||
prop: 'total',
|
||||
label: '拟开课人数',
|
||||
align: 'center',
|
||||
width: 120,
|
||||
}, {
|
||||
prop: 'now_apply',
|
||||
label: '目前报名人数',
|
||||
align: 'center',
|
||||
width: 120,
|
||||
customFn: (cell) => {
|
||||
return ( < div style = {{cursor: 'pointer',color: "blue",textDecoration: "underline"}}
|
||||
on = {
|
||||
{
|
||||
['click']: (e) => {
|
||||
if(cell.now_apply<1){
|
||||
return
|
||||
}
|
||||
this.goApply()
|
||||
}
|
||||
}
|
||||
}
|
||||
>
|
||||
{
|
||||
cell.now_apply?cell.now_apply:0
|
||||
} </div> )
|
||||
}
|
||||
}, {
|
||||
prop: 'success_apply',
|
||||
label: '审核通过人数',
|
||||
align: 'center',
|
||||
width: 120,
|
||||
customFn: (cell) => {
|
||||
return ( < div style = {{cursor: 'pointer',color: "blue",textDecoration: "underline"}}
|
||||
on = {
|
||||
{
|
||||
['click']: (e) => {
|
||||
if(cell.success_apply<1){
|
||||
return
|
||||
}
|
||||
this.goApply()
|
||||
}
|
||||
}
|
||||
}
|
||||
>
|
||||
{
|
||||
cell.success_apply?cell.success_apply:0
|
||||
} </div> )
|
||||
}
|
||||
}, {
|
||||
prop: 'no_apply',
|
||||
label: '审核不通过人数',
|
||||
align: 'center',
|
||||
width: 120,
|
||||
customFn: (cell) => {
|
||||
return ( < div style = {{cursor: 'pointer',color: "blue",textDecoration: "underline"}}
|
||||
on = {
|
||||
{
|
||||
['click']: (e) => {
|
||||
if(cell.no_apply<1){
|
||||
return
|
||||
}
|
||||
this.goApply()
|
||||
}
|
||||
}
|
||||
}
|
||||
>
|
||||
{
|
||||
cell.no_apply?cell.no_apply:0
|
||||
} </div> )
|
||||
}
|
||||
}, {
|
||||
prop: 'by_apply',
|
||||
label: '待审核人数',
|
||||
align: 'center',
|
||||
width: 120,
|
||||
customFn: (cell) => {
|
||||
return ( < div style = {{cursor: 'pointer',color: "blue",textDecoration: "underline"}}
|
||||
on = {
|
||||
{
|
||||
['click']: (e) => {
|
||||
if(cell.by_apply<1){
|
||||
return
|
||||
}
|
||||
this.goApply()
|
||||
}
|
||||
}
|
||||
}
|
||||
>
|
||||
{
|
||||
cell.by_apply?cell.by_apply:0
|
||||
} </div> )
|
||||
}
|
||||
}]
|
||||
|
||||
}
|
||||
},
|
||||
created() {
|
||||
|
||||
},
|
||||
methods: {
|
||||
goApply(){
|
||||
window.location.href = '/admin/#/course/apply_list'
|
||||
},
|
||||
}
|
||||
}
|
||||
</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,199 @@
|
||||
<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="date" placeholder="考勤日期">
|
||||
</el-date-picker>
|
||||
</div>
|
||||
<div>
|
||||
<el-button type="primary" size="small">查询</el-button>
|
||||
<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">导入</el-button>
|
||||
<el-button type="primary" size="small" @click="showAttendance">查看明细</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</template>
|
||||
</xy-table>
|
||||
</div>
|
||||
<showAttendance ref="showAttendance"></showAttendance>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import showAttendance from './components/showAttendance.vue'
|
||||
export default {
|
||||
components: {
|
||||
showAttendance
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
select: {
|
||||
name: '',
|
||||
daterange: '',
|
||||
type: ''
|
||||
},
|
||||
list: [{
|
||||
name: '第六期高级科创人才研修班',
|
||||
daterange: '2024.3.1-2024.9.1',
|
||||
type: '常规课程',
|
||||
total: 60,
|
||||
now_apply: 50,
|
||||
success_apply: 20,
|
||||
no_apply: 5,
|
||||
by_apply: 25
|
||||
}],
|
||||
total: 0,
|
||||
table_item: [{
|
||||
prop: 'daterange',
|
||||
label: '考勤日期',
|
||||
align: 'center',
|
||||
width: 180,
|
||||
},{
|
||||
prop: 'name',
|
||||
label: '课程名称',
|
||||
align: 'left'
|
||||
}, {
|
||||
prop: 'type',
|
||||
label: '授课教师',
|
||||
align: 'center',
|
||||
width: 160,
|
||||
}, {
|
||||
prop: 'total',
|
||||
label: '教室',
|
||||
align: 'center',
|
||||
width: 180,
|
||||
}, {
|
||||
prop: 'now_apply',
|
||||
label: '应到人数',
|
||||
align: 'center',
|
||||
width: 120,
|
||||
customFn: (cell) => {
|
||||
return ( <div style = {
|
||||
{
|
||||
cursor: 'pointer',
|
||||
color: "blue",
|
||||
textDecoration: "underline"
|
||||
}
|
||||
}
|
||||
on = {
|
||||
{
|
||||
['click']: (e) => {
|
||||
if (cell.now_apply < 1) {
|
||||
return
|
||||
}
|
||||
this.showAttendance()
|
||||
}
|
||||
}
|
||||
}>
|
||||
{
|
||||
cell.now_apply ? cell.now_apply : 0
|
||||
} </div> )
|
||||
}
|
||||
},
|
||||
{
|
||||
prop: 'success_apply',
|
||||
label: '实到人数',
|
||||
align: 'center',
|
||||
width: 120,
|
||||
customFn: (cell) => {
|
||||
return ( <div style = {
|
||||
{
|
||||
cursor: 'pointer',
|
||||
color: "blue",
|
||||
textDecoration: "underline"
|
||||
}
|
||||
}
|
||||
on = {
|
||||
{
|
||||
['click']: (e) => {
|
||||
if (cell.success_apply < 1) {
|
||||
return
|
||||
}
|
||||
this.showAttendance()
|
||||
}
|
||||
}
|
||||
}>
|
||||
{
|
||||
cell.success_apply ? cell.success_apply : 0
|
||||
} </div> )
|
||||
}
|
||||
},
|
||||
{
|
||||
prop: 'no_apply',
|
||||
label: '缺勤人数',
|
||||
align: 'center',
|
||||
width: 120,
|
||||
customFn: (cell) => {
|
||||
return ( <div style = {
|
||||
{
|
||||
cursor: 'pointer',
|
||||
color: "blue",
|
||||
textDecoration: "underline"
|
||||
}
|
||||
}
|
||||
on = {
|
||||
{
|
||||
['click']: (e) => {
|
||||
if (cell.no_apply < 1) {
|
||||
return
|
||||
}
|
||||
this.showAttendance()
|
||||
}
|
||||
}
|
||||
} >
|
||||
{
|
||||
cell.no_apply ? cell.no_apply : 0
|
||||
} </div> )
|
||||
}
|
||||
}]
|
||||
|
||||
}
|
||||
},
|
||||
created() {
|
||||
|
||||
},
|
||||
methods: {
|
||||
showAttendance() {
|
||||
this.$refs.showAttendance.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,100 @@
|
||||
<template>
|
||||
<div>
|
||||
<xy-dialog ref="dialog" :width="50" :is-show.sync="isShow" :type="'form'" title="核对缴费单"
|
||||
:form="form">
|
||||
<template v-slot:name>
|
||||
<div class="xy-table-item" style="padding:0">
|
||||
<div class="xy-table-item-label" style="font-weight: bold;width:0;padding:0">
|
||||
<span style="color: red;font-weight: bold;padding-right: 4px;"></span>
|
||||
</div>
|
||||
<div class="xy-table-item-content" style="flex-grow:1;text-align:center">
|
||||
<div>
|
||||
<!-- <el-image src="../../../assets/logo-mini.png" :preview-src-list="['../../../assets/logo-mini.png']"></el-image> -->
|
||||
<img style="height:300px" src="../../../assets/logo-mini.png" alt="">
|
||||
</div>
|
||||
<div>
|
||||
<el-button type="primary" style='margin:15px;' @click="isShow=false">已缴</el-button>
|
||||
<el-button type="primary" plain style='margin:15px;' @click="isShow=false">未缴</el-button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<template v-slot:footerContent>
|
||||
<div></div>
|
||||
<!-- <el-button type="primary" plain style='margin-left:5px;margin-bottom:5px;' @click="isShow=false">关闭</el-button> -->
|
||||
</template>
|
||||
|
||||
</xy-dialog>
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
components: {
|
||||
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
isShow: false,
|
||||
type: 'add',
|
||||
id: '',
|
||||
type_options: [{
|
||||
id: 0,
|
||||
value: '已缴'
|
||||
}, {
|
||||
id: 1,
|
||||
value: '未缴'
|
||||
}],
|
||||
form: {
|
||||
name: '',
|
||||
},
|
||||
}
|
||||
},
|
||||
created() {},
|
||||
methods: {
|
||||
submit() {
|
||||
save({
|
||||
table_name: 'new_plans',
|
||||
...this.form
|
||||
}).then(res => {
|
||||
Message({
|
||||
type: 'success',
|
||||
message: '核对成功'
|
||||
})
|
||||
this.isShow = false
|
||||
this.$emit('refresh')
|
||||
})
|
||||
},
|
||||
|
||||
getDetail() {
|
||||
show({
|
||||
id: this.id,
|
||||
table_name: 'new_plans',
|
||||
}).then(res => {
|
||||
|
||||
})
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
isShow(newVal) {
|
||||
if (newVal) {
|
||||
if (this.type === 'editor') {
|
||||
// this.getDetail()
|
||||
}
|
||||
} else {
|
||||
this.id = ''
|
||||
this.$refs['dialog'].reset()
|
||||
}
|
||||
},
|
||||
}
|
||||
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
::v-deep .name{
|
||||
flex-basis: 100%;
|
||||
}
|
||||
</style>
|
||||
Loading…
Reference in new issue