|
@@ -10,42 +10,51 @@
|
|
|
<el-form :inline="true"
|
|
|
:model="searchForm">
|
|
|
<el-form-item>
|
|
|
- <el-date-picker
|
|
|
- v-model="courseDate"
|
|
|
- style="width: 400px;"
|
|
|
- type="daterange"
|
|
|
- value-format="yyyy-MM-dd"
|
|
|
- @change="searchCourseDate"
|
|
|
- range-separator="至"
|
|
|
- start-placeholder="开始日期"
|
|
|
- end-placeholder="结束日期">
|
|
|
+ <el-date-picker v-model="courseDate"
|
|
|
+ style="width: 400px;"
|
|
|
+ type="daterange"
|
|
|
+ value-format="yyyy-MM-dd"
|
|
|
+ @change="searchCourseDate"
|
|
|
+ range-separator="至"
|
|
|
+ start-placeholder="开始日期"
|
|
|
+ end-placeholder="结束日期">
|
|
|
</el-date-picker>
|
|
|
</el-form-item>
|
|
|
<el-form-item>
|
|
|
- <el-select v-model="searchForm.courseScheduleType" placeholder="课程类型">
|
|
|
- <el-option v-for="(item, index) in courseType" :key="index"
|
|
|
- :label="item.label" :value="item.value"></el-option>
|
|
|
+ <el-select v-model="searchForm.courseScheduleType"
|
|
|
+ placeholder="课程类型">
|
|
|
+ <el-option v-for="(item, index) in courseType"
|
|
|
+ :key="index"
|
|
|
+ :label="item.label"
|
|
|
+ :value="item.value"></el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
<el-form-item>
|
|
|
- <el-select v-model="searchForm.signInStatus" placeholder="考勤状态">
|
|
|
- <el-option v-for="(item, index) in attendance" :key="index"
|
|
|
- :label="item.label" :value="item.value"></el-option>
|
|
|
+ <el-select v-model="searchForm.signInStatus"
|
|
|
+ placeholder="考勤状态">
|
|
|
+ <el-option v-for="(item, index) in attendance"
|
|
|
+ :key="index"
|
|
|
+ :label="item.label"
|
|
|
+ :value="item.value"></el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
<el-form-item>
|
|
|
- <el-button @click="getList" type="danger">搜索</el-button>
|
|
|
- <el-button @click="onReSet" type="primary">重置</el-button>
|
|
|
+ <el-button @click="search"
|
|
|
+ type="danger">搜索</el-button>
|
|
|
+ <el-button @click="onReSet"
|
|
|
+ type="primary">重置</el-button>
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
<div class="tableWrap">
|
|
|
- <el-table :data="tableList" :header-cell-style="{background:'#EDEEF0',color:'#444'}">
|
|
|
+ <el-table :data="tableList"
|
|
|
+ :header-cell-style="{background:'#EDEEF0',color:'#444'}">
|
|
|
<el-table-column label="上课时间">
|
|
|
<template slot-scope="scope">
|
|
|
{{ scope.row.classDate }} {{ scope.row.classTime }}
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column label="班级名称" prop="className">
|
|
|
+ <el-table-column label="班级名称"
|
|
|
+ prop="className">
|
|
|
</el-table-column>
|
|
|
<el-table-column label="课程类型">
|
|
|
<template slot-scope="scope">
|
|
@@ -57,16 +66,19 @@
|
|
|
{{ scope.row.teacherRole | workType }}
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column label="当前课次" prop="currentClassTimes">
|
|
|
+ <el-table-column label="当前课次"
|
|
|
+ prop="currentClassTimes">
|
|
|
</el-table-column>
|
|
|
<el-table-column label="考勤状态">
|
|
|
<template slot-scope="scope">
|
|
|
{{ scope.row.signInStatus | attendanceType }}
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column label="老师课酬" prop="actualSalary">
|
|
|
+ <el-table-column label="老师课酬"
|
|
|
+ prop="actualSalary">
|
|
|
</el-table-column>
|
|
|
- <el-table-column label="课时补贴" prop="subsidy">
|
|
|
+ <el-table-column label="课时补贴"
|
|
|
+ prop="subsidy">
|
|
|
</el-table-column>
|
|
|
<el-table-column label="结算状态">
|
|
|
<template slot-scope="scope">
|
|
@@ -75,34 +87,52 @@
|
|
|
</el-table-column>
|
|
|
<el-table-column label="操作">
|
|
|
<template slot-scope="scope">
|
|
|
- <el-button @click="onUpdate(scope.row)" type="text">课酬调整</el-button>
|
|
|
+ <el-button @click="onUpdate(scope.row)"
|
|
|
+ type="text">课酬调整</el-button>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
<pagination :total="pageInfo.total"
|
|
|
- :page.sync="pageInfo.page"
|
|
|
- :limit.sync="pageInfo.limit"
|
|
|
- :page-sizes="pageInfo.page_size"
|
|
|
- @pagination="getList" />
|
|
|
+ :page.sync="pageInfo.page"
|
|
|
+ :limit.sync="pageInfo.limit"
|
|
|
+ :page-sizes="pageInfo.page_size"
|
|
|
+ @pagination="getList" />
|
|
|
</div>
|
|
|
- <el-dialog title="课酬调整" :visible.sync="settlementStatus" @close="onFormClose('ruleForm')" width="500px">
|
|
|
- <el-form :model="form" :rules="rules" ref="ruleForm">
|
|
|
- <el-form-item label="课酬调整为" prop="salary" :label-width="formLabelWidth">
|
|
|
- <el-input v-model="form.salary" type="number" autocomplete="off"></el-input>
|
|
|
+ <el-dialog title="课酬调整"
|
|
|
+ :visible.sync="settlementStatus"
|
|
|
+ @close="onFormClose('ruleForm')"
|
|
|
+ width="500px">
|
|
|
+ <el-form :model="form"
|
|
|
+ :rules="rules"
|
|
|
+ ref="ruleForm">
|
|
|
+ <el-form-item label="课酬调整为"
|
|
|
+ prop="salary"
|
|
|
+ :label-width="formLabelWidth">
|
|
|
+ <el-input v-model="form.salary"
|
|
|
+ type="number"
|
|
|
+ autocomplete="off"></el-input>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="课时补贴调整为" prop="subsidy" :label-width="formLabelWidth">
|
|
|
- <el-input v-model="form.subsidy" type="number" autocomplete="off"></el-input>
|
|
|
+ <el-form-item label="课时补贴调整为"
|
|
|
+ prop="subsidy"
|
|
|
+ :label-width="formLabelWidth">
|
|
|
+ <el-input v-model="form.subsidy"
|
|
|
+ type="number"
|
|
|
+ autocomplete="off"></el-input>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="调整范围" prop="scope" :label-width="formLabelWidth">
|
|
|
+ <el-form-item label="调整范围"
|
|
|
+ prop="scope"
|
|
|
+ :label-width="formLabelWidth">
|
|
|
<el-radio-group v-model="form.scope">
|
|
|
<el-radio label="one">仅限本次</el-radio>
|
|
|
<el-radio label="all">之后剩余课次</el-radio>
|
|
|
</el-radio-group>
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
- <span slot="footer" class="dialog-footer">
|
|
|
+ <span slot="footer"
|
|
|
+ class="dialog-footer">
|
|
|
<el-button @click="settlementStatus = false">取 消</el-button>
|
|
|
- <el-button @click="onSettlementSubmit('ruleForm')" type="primary">确 定</el-button>
|
|
|
+ <el-button @click="onSettlementSubmit('ruleForm')"
|
|
|
+ type="primary">确 定</el-button>
|
|
|
</span>
|
|
|
</el-dialog>
|
|
|
</div>
|
|
@@ -147,32 +177,36 @@ export default {
|
|
|
scope: 'one',
|
|
|
},
|
|
|
rules: {
|
|
|
- salary: [{required: true, message: '请输入课酬', trigger: 'blur'}],
|
|
|
- subsidy: [{required: true, message: '请输入课时补贴', trigger: 'blur'}],
|
|
|
- scope: [{required: true, message: '请选择调整范围', trigger: 'change'}],
|
|
|
+ salary: [{ required: true, message: '请输入课酬', trigger: 'blur' }],
|
|
|
+ subsidy: [{ required: true, message: '请输入课时补贴', trigger: 'blur' }],
|
|
|
+ scope: [{ required: true, message: '请选择调整范围', trigger: 'change' }],
|
|
|
}
|
|
|
}
|
|
|
},
|
|
|
- mounted() {
|
|
|
+ mounted () {
|
|
|
this.getList()
|
|
|
sumTeacherNoPay({ teacherId: this.teacherId }).then(res => {
|
|
|
- if(res.code == 200) {
|
|
|
+ if (res.code == 200) {
|
|
|
this.teacherNoPay = res.data
|
|
|
}
|
|
|
})
|
|
|
},
|
|
|
methods: {
|
|
|
- onSettlementSubmit(formName) {
|
|
|
+ search () {
|
|
|
+ this.pageInfo.page = 1;
|
|
|
+ this.getList();
|
|
|
+ },
|
|
|
+ onSettlementSubmit (formName) {
|
|
|
this.$refs[formName].validate(valid => {
|
|
|
- if(!valid) return
|
|
|
+ if (!valid) return
|
|
|
this.form.teacherId = this.teacherId
|
|
|
updateTeacherCoursesSalary(this.form).then(res => {
|
|
|
this.messageTips('修改', res)
|
|
|
})
|
|
|
})
|
|
|
},
|
|
|
- messageTips(title, res) {
|
|
|
- if(res.code == 200) {
|
|
|
+ messageTips (title, res) {
|
|
|
+ if (res.code == 200) {
|
|
|
this.$message({
|
|
|
message: title + '成功',
|
|
|
type: 'success'
|
|
@@ -183,20 +217,20 @@ export default {
|
|
|
this.$message.error(res.msg)
|
|
|
}
|
|
|
},
|
|
|
- getList() {
|
|
|
+ getList () {
|
|
|
let params = this.searchForm
|
|
|
params.rows = this.pageInfo.limit
|
|
|
params.page = this.pageInfo.page
|
|
|
params.teacherId = this.teacherId
|
|
|
teacherQueryCloses(params).then(res => {
|
|
|
- if(res.code == 200) {
|
|
|
+ if (res.code == 200) {
|
|
|
this.tableList = res.data.rows
|
|
|
this.pageInfo.total = res.data.total
|
|
|
}
|
|
|
})
|
|
|
},
|
|
|
- searchCourseDate(value) {
|
|
|
- if(value) {
|
|
|
+ searchCourseDate (value) {
|
|
|
+ if (value) {
|
|
|
this.searchForm.courseStartDate = value[0]
|
|
|
this.searchForm.courseEndDate = value[1]
|
|
|
} else {
|
|
@@ -204,14 +238,14 @@ export default {
|
|
|
this.searchForm.courseEndDate = null
|
|
|
}
|
|
|
},
|
|
|
- onFormClose(formName) { // 关闭弹窗重置验证
|
|
|
+ onFormClose (formName) { // 关闭弹窗重置验证
|
|
|
this.$refs[formName].resetFields()
|
|
|
},
|
|
|
- onUpdate(row) {
|
|
|
+ onUpdate (row) {
|
|
|
this.form.courseScheduleId = row.courseScheduleId
|
|
|
this.settlementStatus = true
|
|
|
},
|
|
|
- onReSet() {
|
|
|
+ onReSet () {
|
|
|
this.courseDate = null
|
|
|
this.searchForm = {
|
|
|
courseStartDate: null,
|