Skip to content

D
dd_school
Commit d3d838cb by Cat
Options

zd 教师电子档案

parent 272909d3
Showing with 623 additions and 340 deletions
ruoyi-ui/src/api/smartSchool/teacherFiles/teacherElectronicFile.js 0 → 100644
import request from '@/utils/request'
// 通知列表
export function listTeacherNotice(query) {
return request({
url: '/teacherFiles/notice/list',
method: 'get',
params: query
})
}
// 添加通知
export function addTeacherNotice(data) {
return request({
url: '/teacherFiles/notice',
method: 'post',
data: data
})
}
// 信息发布
export function infoTeacherNotice(id) {
return request({
url: `/teacherFiles/notice/release/${id}`,
method: 'put'
})
}
// 通知下档案查看|数据维护
export function getteacherNotice(query) {
return request({
url: '/teacherFiles/files/list',
method: 'get',
params: query
})
}
//老师查看档案详情
export function getNoticeInfo(query) {
return request({
url: '/teacherFiles/files/list',
method: 'get',
params: query
})
}
//级部查看档案详情
export function getDepInfo(query) {
return request({
url: '/teacherFiles/files/list',
method: 'get',
params: query
})
}
// 同步档案
export function syncNotice(id) {
return request({
url: '/teacherFiles/files/synchronous/' + id,
method: 'put'
})
}
ruoyi-ui/src/views/smartSchool/teachAffairAdministration/electronicRecord/dataMaintenance.vue
<!--数据维护 --> <!--数据维护 -->
<template> <template>
<div> <div>
<el-form style="margin-top: 20px;margin-left: 20px;" :inline="true" :model="queryForm" class="demo-form-inline"> <el-form
style="margin-top: 20px; margin-left: 20px"
:inline="true"
:model="queryForm"
class="demo-form-inline"
>
<el-form-item label="级部:"> <el-form-item label="级部:">
<el-input v-model="queryForm.level" placeholder="请输入级部"></el-input> <el-input
v-model="queryForm.gradeName"
placeholder="请输入级部"
></el-input>
</el-form-item> </el-form-item>
<el-form-item label="姓名:"> <el-form-item label="姓名:">
<el-input v-model="queryForm.name" placeholder="请输入姓名"></el-input> <el-input
v-model="queryForm.teacherName"
placeholder="请输入姓名"
></el-input>
</el-form-item> </el-form-item>
<el-form-item label="任教学科:"> <el-form-item label="任教学科:">
<el-input v-model="queryForm.name" placeholder="请输入任教学科"></el-input> <el-input
v-model="queryForm.courseName"
placeholder="请输入任教学科"
></el-input>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button size="mini" icon="el-icon-search" type="primary" @click="handleQuery">搜索</el-button> <el-button
<el-button size="mini" icon="el-icon-refresh" @click="resetQuery">重置</el-button> size="mini"
icon="el-icon-search"
type="primary"
@click="handleQuery"
>搜索</el-button
>
<el-button size="mini" icon="el-icon-refresh" @click="resetQuery"
>重置</el-button
>
</el-form-item> </el-form-item>
</el-form> </el-form>
<el-table style="margin-top: 20px;" border :data="tableData"> <el-table style="margin-top: 20px" border :data="tableData">
<el-table-column type="index" label="序号" width="55" align="center"/> <el-table-column type="index" label="序号" width="55" align="center" />
<el-table-column label="学年学期" align="center" prop="schoolYear" min-width="200"/> <el-table-column
<el-table-column label="级部" align="center" prop="level" min-width="150"/> label="学年学期"
<el-table-column label="姓名" align="center" min-width="150" prop="name"/> align="center"
<el-table-column label="身份证号" align="center" min-width="200" prop="IDNum"/> prop="filesSemester"
<el-table-column label="进度" align="center" min-width="150" prop="schedule"/> min-width="200"
<el-table-column fixed="right" label="操作" align="center" min-width="200"> />
<el-table-column
label="级部"
align="center"
prop="gradeName"
min-width="150"
/>
<el-table-column
label="姓名"
align="center"
min-width="150"
prop="teacherName"
/>
<el-table-column
label="身份证号"
align="center"
min-width="200"
prop="idCard"
/>
<el-table-column
label="进度"
align="center"
min-width="150"
prop="state"
/>
<el-table-column
fixed="right"
label="操作"
align="center"
min-width="200"
>
<template slot-scope="scope"> <template slot-scope="scope">
<el-button <el-button size="mini" type="text" @click="handleCheck(scope.row)"
size="mini" >查看
type="text"
@click="handleCheck(scope.row)">查看
</el-button> </el-button>
<el-button <el-button
:disabled="status == '已结束' ? true:false" :disabled="status == '已结束' ? true : false"
size="mini" size="mini"
type="text" type="text"
@click="handleEdit(scope.row)">修改 @click="handleEdit(scope.row)"
>修改
</el-button> </el-button>
<el-button <el-button
:disabled="status == '已结束' ? true:false" :disabled="status == '已结束' ? true : false"
size="mini" size="mini"
type="text" type="text"
@click="handleDelete(scope.row)">删除 @click="handleDelete(scope.row)"
>删除
</el-button> </el-button>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<pagination <pagination
v-show="total>0" v-show="total > 0"
:total="total" :total="total"
:page.sync="queryForm.pageNum" :page.sync="queryForm.pageNum"
:limit.sync="queryForm.pageSize" :limit.sync="queryForm.pageSize"
@pagination="getList" @pagination="getList"
/> />
<!--弹窗--> <!--弹窗-->
<el-dialog <el-dialog :title="title" :visible.sync="dialogVisible" width="100%">
:title=title <div style="display: flex">
:visible.sync="dialogVisible"
width="100%">
<div style="display:flex;">
<div class="leftContent"> <div class="leftContent">
<div style="margin-bottom: 10px"> <div style="margin-bottom: 10px">
<span class="line"></span> <span class="line"></span>
<span class="title">基本信息</span> <span class="title">基本信息</span>
</div> </div>
<el-form size="mini" ref="form" label-position="left" :model="dialogForm" label-width="120px"> <el-form
size="mini"
ref="form"
label-position="left"
:model="dialogForm"
label-width="120px"
>
<el-form-item label="学年学期:" style="padding-right: 10px"> <el-form-item label="学年学期:" style="padding-right: 10px">
<el-input readonly v-model="dialogForm.name"></el-input> <el-input readonly v-model="dialogForm.filesSemester"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="级部:" style="padding-right: 10px"> <el-form-item label="级部:" style="padding-right: 10px">
<el-input readonly v-model="dialogForm.name"></el-input> <el-input readonly v-model="dialogForm.gradeName"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="姓名:" style="padding-right: 10px"> <el-form-item label="姓名:" style="padding-right: 10px">
<el-input readonly v-model="dialogForm.name"></el-input> <el-input readonly v-model="dialogForm.teacherName"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="性别:" style="padding-right: 10px"> <el-form-item label="性别:" style="padding-right: 10px">
<el-input readonly v-model="dialogForm.name"></el-input> <el-input readonly v-model="dialogForm.sex"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="年龄:" style="padding-right: 10px"> <el-form-item label="年龄:" style="padding-right: 10px">
<el-input readonly v-model="dialogForm.name"></el-input> <el-input readonly v-model="dialogForm.age"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="职称:" style="padding-right: 10px"> <el-form-item label="职称:" style="padding-right: 10px">
<el-input :readonly="check == true ? true:false" v-model="dialogForm.name"></el-input> <el-input
:readonly="check == true ? true : false"
v-model="dialogForm.title"
></el-input>
</el-form-item> </el-form-item>
<el-form-item label="学历:" style="padding-right: 10px"> <el-form-item label="学历:" style="padding-right: 10px">
<el-input :readonly="check == true ? true:false" v-model="dialogForm.name"></el-input> <el-input
:readonly="check == true ? true : false"
v-model="dialogForm.education"
></el-input>
</el-form-item> </el-form-item>
<el-form-item label="政治面貌:" style="padding-right: 10px"> <el-form-item label="政治面貌:" style="padding-right: 10px">
<el-input :readonly="check == true ? true:false" v-model="dialogForm.name"></el-input> <el-input
:readonly="check == true ? true : false"
v-model="dialogForm.appearance"
></el-input>
</el-form-item> </el-form-item>
<el-form-item label="任教学科:" style="padding-right: 10px"> <el-form-item label="任教学科:" style="padding-right: 10px">
<el-input :readonly="check == true ? true:false" v-model="dialogForm.name"></el-input> <el-input
:readonly="check == true ? true : false"
v-model="dialogForm.courseName"
></el-input>
</el-form-item> </el-form-item>
<el-form-item label="任教班级:" style="padding-right: 10px"> <el-form-item label="任教班级:" style="padding-right: 10px">
<el-input :readonly="check == true ? true:false" v-model="dialogForm.name"></el-input> <el-input
:readonly="check == true ? true : false"
v-model="dialogForm.className"
></el-input>
</el-form-item> </el-form-item>
<el-form-item label="任正班主任班级:" style="padding-right: 10px"> <el-form-item label="任正班主任班级:" style="padding-right: 10px">
<el-input :readonly="check == true ? true:false" v-model="dialogForm.name"></el-input> <el-input
:readonly="check == true ? true : false"
v-model="dialogForm.bzrClassName"
></el-input>
</el-form-item> </el-form-item>
<el-form-item label="任副班主任班级:" style="padding-right: 10px"> <el-form-item label="任副班主任班级:" style="padding-right: 10px">
<el-input :readonly="check == true ? true:false" v-model="dialogForm.name"></el-input> <el-input
:readonly="check == true ? true : false"
v-model="dialogForm.fbzrClassName"
></el-input>
</el-form-item> </el-form-item>
<el-form-item label="是否教学组长:" style="padding-right: 10px"> <el-form-item label="是否教学组长:" style="padding-right: 10px">
<el-input :readonly="check == true ? true:false" v-model="dialogForm.name"></el-input> <el-input
:readonly="check == true ? true : false"
v-model="dialogForm.isTeachingGroupleader"
></el-input>
</el-form-item> </el-form-item>
<el-form-item label="是否教研组长:" style="padding-right: 10px"> <el-form-item label="是否教研组长:" style="padding-right: 10px">
<el-input :readonly="check == true ? true:false" v-model="dialogForm.name"></el-input> <el-input
:readonly="check == true ? true : false"
v-model="dialogForm.isResearchGroupLeader"
></el-input>
</el-form-item> </el-form-item>
<el-form-item label="设计课时量:" style="padding-right: 10px"> <el-form-item label="设计课时量:" style="padding-right: 10px">
<el-input :readonly="check == true ? true:false" v-model="dialogForm.name"></el-input> <el-input
:readonly="check == true ? true : false"
v-model="dialogForm.classHour"
></el-input>
</el-form-item> </el-form-item>
<el-form-item label="班主任情况:" style="padding-right: 10px"> <el-form-item label="班主任情况:" style="padding-right: 10px">
<el-input :readonly="check == true ? true:false" v-model="dialogForm.name"></el-input> <el-input
:readonly="check == true ? true : false"
v-model="dialogForm.classTeacherDetails"
></el-input>
</el-form-item> </el-form-item>
</el-form> </el-form>
<span style="display: flex;justify-content: center" slot="footer" class="dialog-footer"> <span
style="display: flex; justify-content: center"
slot="footer"
class="dialog-footer"
>
<div v-if="check == false"> <div v-if="check == false">
<el-button size="small" type="primary" @click="confirmDialog">保 存</el-button> <el-button size="small" type="primary" @click="confirmDialog"
<el-button size="small" @click="dialogVisible = false">取 消</el-button> >保 存</el-button
>
<el-button size="small" @click="dialogVisible = false"
>取 消</el-button
>
</div> </div>
<el-button v-else type="primary" size="small" @click="dialogVisible = false">关 闭</el-button> <el-button
v-else
type="primary"
size="small"
@click="dialogVisible = false"
>关 闭</el-button
>
</span> </span>
</div> </div>
<div class="rightContent"> <div class="rightContent">
<div style="margin-bottom: 10px"> <div style="margin-bottom: 10px">
<span class="line"></span> <span class="line"></span>
<span class="title">教育科研</span> <span class="title">教育科研</span>
<el-button type="success" size="mini" style="float: right;margin-right: 50px;margin-top: 10px;">提 取 <el-button
type="success"
size="mini"
style="float: right; margin-right: 50px; margin-top: 10px"
>提 取
</el-button> </el-button>
</div> </div>
<div class="tableList"> <div class="tableList">
...@@ -135,38 +240,18 @@ ...@@ -135,38 +240,18 @@
<i class="el-icon-collection"></i> <i class="el-icon-collection"></i>
<span style="margin-left: 5px">发表成就奖论文情况</span> <span style="margin-left: 5px">发表成就奖论文情况</span>
</div> </div>
<el-table <el-table :data="tableFirstData" border>
:data="tableFirstData" <el-table-column align="center" fixed type="index" label="序号">
border>
<el-table-column
align="center"
fixed
type="index"
label="序号">
</el-table-column> </el-table-column>
<el-table-column <el-table-column align="center" prop="name" label="论文名称">
align="center"
prop="name"
label="论文名称">
</el-table-column> </el-table-column>
<el-table-column <el-table-column align="center" prop="province" label="级别">
align="center"
prop="province"
label="级别">
</el-table-column> </el-table-column>
<el-table-column <el-table-column align="center" prop="city" label="等级">
align="center"
prop="city"
label="等级">
</el-table-column> </el-table-column>
<el-table-column <el-table-column align="center" prop="address" label="发表时间">
align="center"
prop="address"
label="发表时间">
</el-table-column> </el-table-column>
<el-table-column <el-table-column align="center" label="附件">
align="center"
label="附件">
<template slot-scope="scope"> <template slot-scope="scope">
<el-link type="success" href=""></el-link> <el-link type="success" href=""></el-link>
</template> </template>
...@@ -176,69 +261,39 @@ ...@@ -176,69 +261,39 @@
<div class="tableSecond"> <div class="tableSecond">
<div class="tableTitle"> <div class="tableTitle">
<i class="el-icon-edit-outline"></i> <i class="el-icon-edit-outline"></i>
<span style="margin-left: 5px">课题、结题、专著、校本教材编写情况</span> <span style="margin-left: 5px"
>课题、结题、专著、校本教材编写情况</span
>
</div> </div>
<el-table <el-table :data="tableSecondData" border>
:data="tableSecondData" <el-table-column align="center" fixed type="index" label="序号">
border>
<el-table-column
align="center"
fixed
type="index"
label="序号">
</el-table-column> </el-table-column>
<el-table-column <el-table-column align="center" prop="name" label="名称">
align="center"
prop="name"
label="名称">
</el-table-column> </el-table-column>
<el-table-column <el-table-column align="center" prop="address" label="发表时间">
align="center"
prop="address"
label="发表时间">
</el-table-column> </el-table-column>
<el-table-column <el-table-column align="center" label="附件">
align="center"
label="附件">
<template slot-scope="scope"> <template slot-scope="scope">
<el-link type="success" href=""></el-link> <el-link type="success" href=""></el-link>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
</div> </div>
<div class="tableThird"> <div class="tableThird">
<div class="tableTitle"> <div class="tableTitle">
<i class="el-icon-data-analysis"></i> <i class="el-icon-data-analysis"></i>
<span style="margin-left: 5px">发表成就奖论文情况</span> <span style="margin-left: 5px">发表成就奖论文情况</span>
</div> </div>
<el-table <el-table :data="tableThirdData" border>
:data="tableThirdData" <el-table-column align="center" fixed type="index" label="序号">
border>
<el-table-column
align="center"
fixed
type="index"
label="序号">
</el-table-column> </el-table-column>
<el-table-column <el-table-column align="center" prop="name" label="培训时间">
align="center"
prop="name"
label="培训时间">
</el-table-column> </el-table-column>
<el-table-column <el-table-column align="center" prop="address" label="培训名称">
align="center"
prop="address"
label="培训名称">
</el-table-column> </el-table-column>
<el-table-column <el-table-column align="center" prop="address" label="是否合格">
align="center"
prop="address"
label="是否合格">
</el-table-column> </el-table-column>
<el-table-column <el-table-column align="center" label="附件">
align="center"
label="附件">
<template slot-scope="scope"> <template slot-scope="scope">
<el-link type="success" href=""></el-link> <el-link type="success" href=""></el-link>
</template> </template>
...@@ -249,57 +304,40 @@ ...@@ -249,57 +304,40 @@
<div class="tableTitle"> <div class="tableTitle">
<i class="el-icon-trophy"></i> <i class="el-icon-trophy"></i>
<span style="margin-left: 5px">发表成就奖论文情况</span> <span style="margin-left: 5px">发表成就奖论文情况</span>
</div> </div>
<el-table <el-table :data="tableForthData" border>
:data="tableForthData" <el-table-column align="center" fixed type="index" label="序号">
border>
<el-table-column
align="center"
fixed
type="index"
label="序号">
</el-table-column> </el-table-column>
<el-table-column <el-table-column align="center" prop="name" label="获奖名称">
align="center"
prop="name"
label="获奖名称">
</el-table-column> </el-table-column>
<el-table-column <el-table-column align="center" prop="address" label="获奖时间">
align="center"
prop="address"
label="获奖时间">
</el-table-column> </el-table-column>
<el-table-column <el-table-column align="center" prop="address" label="获奖等级">
align="center"
prop="address"
label="获奖等级">
</el-table-column> </el-table-column>
<el-table-column <el-table-column align="center" prop="address" label="发证机关">
align="center"
prop="address"
label="发证机关">
</el-table-column> </el-table-column>
<el-table-column <el-table-column align="center" label="附件">
align="center"
label="附件">
<template slot-scope="scope"> <template slot-scope="scope">
<el-link type="success" href=""></el-link> <!-- <el-link type="success" href=""></el-link> -->
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</el-dialog> </el-dialog>
</div> </div>
</template> </template>
<script> <script>
import {
getteacherNotice, // 通知下档案查看|数据维护
getNoticeInfo, //查看档案详情//查看档案详情
getDepInfo, //级部查询列表
syncNotice, // 同步档案
} from "@/api/smartSchool/teacherFiles/teacherElectronicFile";
export default { export default {
name: "dataReceiver", name: "dataReceiver",
data() { data() {
...@@ -309,116 +347,141 @@ export default { ...@@ -309,116 +347,141 @@ export default {
// 总条数 // 总条数
total: 0, total: 0,
queryForm: { queryForm: {
level: '', pageNum: 1,
name: '', pageSize: 10,
region: '' courseName: "",
gradeName: "",
teacherName: "",
}, },
tableData: [{ tableData: [],
schoolYear: '2022学年上学期',
level: '2022级部',
name: '张三',
IDNum: '121212121212121212',
schedule: '未填写'
}],
dialogVisible: false, dialogVisible: false,
form: {}, form: {},
status: this.$route.query.status, status: this.$route.query.noticeState,
dialogTableData: [{
level: '2022',
name: '李四',
ID: '12121212121212'
}],
check: false, check: false,
//弹窗表单 //弹窗表单
dialogForm: {}, dialogForm: {
filesSemester: "",
gradeName: "",
teacherName: "",
sex: "",
age: "",
title: "",
education: "",
appearance: "",
courseName: "",
className: "",
bzrClassName: "",
isTeachingGroupleader: "",
isResearchGroupLeader: "",
classHour: "",
classTeacherDetails: "",
},
//弹窗标题 //弹窗标题
title: '', title: "",
//弹窗表格1 //发表成就奖论文情况
tableFirstData: [], tableFirstData: [],
//弹窗表格2 //课题、结题、专著、校本教材编写情况
tableSecondData: [], tableSecondData: [],
//弹窗表格3
tableThirdData: [], tableThirdData: [],
//弹窗表格4 tableForthData: [],
tableForthData: [] };
}
}, },
mounted() { mounted() {
console.log('id', this.$route.query.id) console.log("id", this.$route.query.noticeId);
console.log('status', this.status) console.log("status", this.$route.query.noticeState);
this.getList();
}, },
methods: { methods: {
/** 查询信息列表 */ /** 查询信息列表 */
getList() { getList() {
this.loading = true; // this.loading = true;
//接口 const params = {
// listUser(this.addDateRange(this.queryParams, this.dateRange)).then(response => { noticeId: this.$route.query.noticeId,
// this.userList = response.rows; pageNum: this.$route.query.pageNum,
// this.total = response.total; pageSize: this.$route.query.pageSize,
// this.loading = false; };
// } getteacherNotice(params).then((res) => {
this.tableData = res.rows;
this.total = res.total;
console.log(this.total, "total");
console.log(res, "getList");
});
}, },
// 搜索按钮 // 搜索按钮
handleQuery() { handleQuery() {
this.queryParams.pageNum = 1; this.queryParams.pageNum = 1;
this.getList() this.getList();
}, },
// 重置按钮 // 重置按钮
resetQuery() { resetQuery() {
this.queryForm = { this.queryForm = {
pageNum: 1, pageNum: 1,
pageSize: 10, pageSize: 10,
level: '', level: "",
name: '', name: "",
region: '' region: "",
} };
this.handleQuery() this.handleQuery();
}, },
//查看按钮 //查看按钮
handleCheck(row) { handleCheck(row) {
this.check = true const params = {
this.title = '基本信息查看' pageNum: this.queryForm.pageNum,
this.dialogVisible = true pageSize: this.queryForm.pageSize,
teacherId: row.teacherId,
// noticeId: row.noticeId,
};
getNoticeInfo(params).then((res) => {
// this.dialogForm = res.rows;
this.dialogForm = res.rows[0];
console.log(this.dialogForm, "弹窗数据");
// console.log(res, "res");
this.check = true;
this.title = "基本信息查看";
this.dialogVisible = true;
});
}, },
//修改按钮 //修改按钮
handleEdit(row) { handleEdit(row) {
this.check = false this.check = false;
this.title = '基本信息修改' this.title = "基本信息修改";
this.dialogVisible = true this.dialogVisible = true;
}, },
//弹窗确定按钮 //弹窗确定按钮
confirmDialog() { confirmDialog() {
this.dialogVisible = false this.dialogVisible = false;
}, },
//多选按钮 //多选按钮
handleSelectionChange(select) { handleSelectionChange(select) {
console.log('select', select) console.log("select", select);
}, },
// 删除按钮 // 删除按钮
handleDelete(row) { handleDelete(row) {
//判断，如果进度是未填写可以直接删除不需要提醒 //判断，如果进度是未填写可以直接删除不需要提醒
//如果是其他状态需要提示相应的状态 //如果是其他状态需要提示相应的状态
this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', { this.$confirm("此操作将永久删除该文件, 是否继续?", "提示", {
confirmButtonText: '确定', confirmButtonText: "确定",
cancelButtonText: '取消', cancelButtonText: "取消",
type: 'warning' type: "warning",
}).then(() => { })
.then(() => {
this.$message({ this.$message({
type: 'success', type: "success",
message: '删除成功!' message: "删除成功!",
}); });
}).catch(() => { })
.catch(() => {
this.$message({ this.$message({
type: 'info', type: "info",
message: '已取消删除' message: "已取消删除",
}); });
}); });
} },
} },
} };
</script> </script>
<style scoped> <style scoped>
...@@ -453,7 +516,5 @@ export default { ...@@ -453,7 +516,5 @@ export default {
padding-left: 10px; padding-left: 10px;
font-size: 16px; font-size: 16px;
vertical-align: middle; vertical-align: middle;
} }
</style> </style>
ruoyi-ui/src/views/smartSchool/teachAffairAdministration/electronicRecord/index.vue
<template> <template>
<div style="margin-top: 20px;margin-left: 20px"> <div style="margin-top: 20px; margin-left: 20px">
<el-form ref="queryForm" :inline="true" :model="queryForm" class="demo-form-inline"> <el-form
ref="queryForm"
:inline="true"
:model="queryForm"
class="demo-form-inline"
>
<el-form-item label="任务名称:"> <el-form-item label="任务名称:">
<el-input v-model="queryForm.user" placeholder="请输入任务名称"></el-input> <el-input
v-model="queryForm.noticeName"
placeholder="请输入任务名称"
></el-input>
</el-form-item> </el-form-item>
<el-form-item label="任务状态:"> <el-form-item label="任务状态:">
<el-select v-model="queryForm.region" placeholder="请选择任务状态"> <el-select v-model="queryForm.noticeState" placeholder="请选择任务状态">
<el-option label="区域一" value="shanghai"></el-option> <el-option label="未发布" value="1"></el-option>
<el-option label="区域二" value="beijing"></el-option> <el-option label="已发布" value="2"></el-option>
<el-option label="已结束" value="3"></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button icon="el-icon-search" size="mini" type="primary" @click="handleQuery">搜索</el-button> <el-button
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button> icon="el-icon-search"
<el-button icon="el-icon-plus" size="mini" type="success" @click="handleAdd">新增</el-button> size="mini"
type="primary"
@click="handleQuery"
>搜索</el-button
>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
>重置</el-button
>
<el-button
icon="el-icon-plus"
size="mini"
type="success"
@click="handleAdd"
>新增</el-button
>
<!-- <el-button size="small" type="warning">修改</el-button>--> <!-- <el-button size="small" type="warning">修改</el-button>-->
<!-- <el-button size="small" type="primary">查看</el-button>--> <!-- <el-button size="small" type="primary">查看</el-button>-->
<el-button icon="el-icon-delete" size="mini" type="danger" @click="handleDeleteMuti">删除</el-button> <el-button
icon="el-icon-delete"
size="mini"
type="danger"
@click="handleDeleteMuti"
>删除</el-button
>
</el-form-item> </el-form-item>
</el-form> </el-form>
<div> <div></div>
</div> <el-table
<el-table style="margin-top: 20px;" border :data="tableData" @selection-change="handleSelectionChange"> style="margin-top: 20px"
<el-table-column type="selection" width="55" align="center"/> border
<el-table-column type="index" label="序号" width="55" align="center"/> :data="tableData"
<el-table-column label="范围" align="center" prop="range" min-width="100"/> @selection-change="handleSelectionChange"
<el-table-column label="任务名称" align="center" prop="name" min-width="220"/> >
<el-table-column label="开始时间" align="center" min-width="100" prop="statrtTime"/> <el-table-column type="selection" width="55" align="center" />
<el-table-column label="结束时间" align="center" min-width="100" prop="endTime"/> <el-table-column type="index" label="序号" width="55" align="center" />
<el-table-column label="教师人数" align="center" min-width="100" prop="teacherNum"/> <el-table-column
<el-table-column label="填写人数" align="center" min-width="100" prop="fillNum"/> label="范围"
<el-table-column label="级部确认" align="center" min-width="100" prop="levelConfirm"/> align="center"
<el-table-column label="状态" align="center" min-width="100" prop="status"/> prop="noticeRange"
min-width="100"
<el-table-column fixed="right" label="操作" align="center" min-width="280"> />
<el-table-column
label="任务名称"
align="center"
prop="noticeName"
min-width="220"
/>
<el-table-column
label="开始时间"
align="center"
min-width="100"
prop="startTime"
/>
<el-table-column
label="结束时间"
align="center"
min-width="100"
prop="endTime"
/>
<el-table-column
label="教师人数"
align="center"
min-width="100"
prop="total"
/>
<el-table-column
label="填写人数"
align="center"
min-width="100"
prop="txtotal"
/>
<el-table-column
label="级部确认"
align="center"
min-width="100"
prop="tgtotal"
/>
<el-table-column
label="状态"
align="center"
min-width="100"
prop="noticeState"
>
<template slot-scope="{ row }">
{{
row.noticeState == 1 ? "未发布" : 2 ? "已发布" : 3 ? "已结束" : ""
}}
</template>
</el-table-column>
<el-table-column
fixed="right"
label="操作"
align="center"
min-width="280"
>
<template slot-scope="scope"> <template slot-scope="scope">
<div> <div>
<el-button <el-button
v-if="scope.row.noticeState == '1'"
type="text" type="text"
size="mini" size="mini"
@click="handleEdit(scope.row)">修改 @click="handleEdit(scope.row)"
>修改
</el-button> </el-button>
<el-button <el-button
v-if="scope.row.noticeState == '1'"
size="mini" size="mini"
type="text" type="text"
@click="handleDelete(scope.row)">删除 @click="handleDelete(scope.row)"
>删除
</el-button> </el-button>
<el-button <el-button
v-if="scope.row.noticeState == '1'"
size="mini" size="mini"
type="text" type="text"
@click="handlePublish(scope.row)">发布 @click="handlePublish(scope.row)"
>发布
</el-button> </el-button>
</div> </div>
<div> <div>
<el-button <el-button
v-if="scope.row.noticeState == '2'"
size="mini" size="mini"
type="text" type="text"
@click="dataReceiver(scope.row)">数据接收人员 @click="dataReceiver(scope.row)"
>数据接收人员
</el-button> </el-button>
<el-button <el-button
size="mini" size="mini"
type="text" type="text"
@click="dataMaintenance(scope.row)">数据维护 @click="dataMaintenance(scope.row)"
>数据维护
<!-- v-if="scope.row.noticeState == '2'" -->
</el-button> </el-button>
<el-button <el-button
v-if="scope.row.noticeState == '2'"
size="mini" size="mini"
type="text" type="text"
@click="handleExport(scope.row)">导出 @click="handleExport(scope.row)"
>导出
</el-button> </el-button>
<el-button <el-button
v-if="scope.row.noticeState == '2'"
size="mini" size="mini"
type="text" type="text"
@click="handleRevocation(scope.row)">撤回 @click="handleRevocation(scope.row)"
>撤回
</el-button> </el-button>
<el-button <el-button
v-if="scope.row.noticeState == '2'"
size="mini" size="mini"
type="text" type="text"
@click="handleFinish(scope.row)">结束 @click="handleFinish(scope.row)"
>结束
</el-button> </el-button>
</div> </div>
<div> <div>
<el-button <el-button
v-if="scope.row.noticeState == '3'"
size="mini" size="mini"
type="text" type="text"
@click="dataReceiver(scope.row)">数据接收人员 @click="dataReceiver(scope.row)"
>数据接收人员
</el-button> </el-button>
<el-button <el-button
v-if="scope.row.noticeState == '3'"
size="mini" size="mini"
type="text" type="text"
@click="dataMaintenance(scope.row)">数据维护 @click="dataMaintenance(scope.row)"
>数据查看
</el-button> </el-button>
<el-button <el-button
v-if="scope.row.noticeState == '3'"
size="mini" size="mini"
type="text" type="text"
@click="handleExport(scope.row)">导出 @click="handleExport(scope.row)"
>导出
</el-button> </el-button>
</div> </div>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<pagination <pagination
v-show="total>0" v-show="total > 0"
:total="total" :total="total"
:page.sync="queryForm.pageNum" :page.sync="queryForm.pageNum"
:limit.sync="queryForm.pageSize" :limit.sync="queryForm.pageSize"
...@@ -109,40 +213,77 @@ ...@@ -109,40 +213,77 @@
/> />
<!--弹窗--> <!--弹窗-->
<el-dialog <el-dialog
:title=title :title="title"
:visible.sync="dialogVisible" :visible.sync="dialogVisible"
width="30%"> width="650px
"
>
<el-form ref="form" :model="form" label-width="120px"> <el-form ref="form" :model="form" label-width="120px">
<el-form-item label="任务名称："> <el-form-item label="任务名称">
<el-input style="width: 220px;" v-model="form.name"></el-input> <el-date-picker
v-model="form.noticeYear"
type="year"
value-format="yyyy"
placeholder="选择年"
>
</el-date-picker>
<el-select v-model="form.noticeSemester" placeholder="请选择学期">
<el-option label="上学期" value="上学期"></el-option>
<el-option label="下学期" value="下学期"></el-option>
</el-select>
</el-form-item> </el-form-item>
<el-form-item label="范围："> <el-form-item label="范围：">
<el-input style="width: 220px;" readonly v-model="form.range"></el-input> <el-input
style="width: 440px"
v-model="form.noticeRange"
readonly
></el-input>
</el-form-item> </el-form-item>
<el-form-item label="开始时间："> <el-form-item label="开始时间：">
<el-date-picker <el-date-picker
style="width: 440px"
v-model="form.startTime" v-model="form.startTime"
type="date" type="date"
placeholder="选择日期"> value-format="yyyy-MM-dd"
placeholder="选择日期"
>
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
<el-form-item label="结束时间："> <el-form-item label="结束时间：">
<el-date-picker <el-date-picker
style="width: 440px"
v-model="form.endTime" v-model="form.endTime"
type="date" type="date"
placeholder="选择日期"> placeholder="选择日期"
value-format="yyyy-MM-dd"
>
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
</el-form> </el-form>
<span style="display: flex;justify-content: center" slot="footer" class="dialog-footer"> <span
<el-button @click="dialogVisible = false">取 消</el-button> style="display: flex; justify-content: center"
slot="footer"
class="dialog-footer"
>
<el-button type="primary" @click="confirmDialog">确 定</el-button> <el-button type="primary" @click="confirmDialog">确 定</el-button>
<el-button @click="dialogVisible = false">取 消</el-button>
</span> </span>
</el-dialog> </el-dialog>
</div> </div>
</template> </template>
<script> <script>
import {
listTeacherNotice, // 通知列表
addTeacherNotice, // 添加通知
infoTeacherNotice, // 信息发布
getteacherNotice, // 通知下档案查看|数据维护
getNoticeInfo, //查看档案详情//查看档案详情
syncNotice, // 同步档案
getDepInfo, //级部查询列表
} from "@/api/smartSchool/teacherFiles/teacherElectronicFile";
import { format } from "@/utils/activiti/myUtil.js";
export default { export default {
name: "teacherElectronicRecord", name: "teacherElectronicRecord",
data() { data() {
...@@ -154,20 +295,12 @@ export default { ...@@ -154,20 +295,12 @@ export default {
queryForm: { queryForm: {
pageNum: 1, pageNum: 1,
pageSize: 10, pageSize: 10,
user: '', startTime: "",
region: '' endTime: "",
noticeYear: "",
noticeSemester: "",
}, },
tableData: [{ tableData: [],
id: 1,
range: '全体教师',
name: '2022学年上学期教师档案填写',
statrtTime: '2023/08/30',
endTime: '2023/08/30',
teacherNum: '124',
fillNum: '50',
levelConfirm: '40',
status: '未发布',
}],
// 选中数组 // 选中数组
ids: [], ids: [],
// 非单个禁用 // 非单个禁用
...@@ -177,124 +310,149 @@ export default { ...@@ -177,124 +310,149 @@ export default {
// 弹窗 // 弹窗
dialogVisible: false, dialogVisible: false,
// 弹窗标题 // 弹窗标题
title: '', title: "",
form: {}, form: {
} noticeSemester: "",
noticeRange: "全体教师",
startTime: "",
endTime: "",
},
};
}, },
created() { created() {
this.getList() this.getList();
}, },
methods: { methods: {
/** 查询信息列表 */ /** 查询信息列表 */
getList() { getList() {
this.loading = true; listTeacherNotice(this.queryForm).then((res) => {
//接口 console.log("res", res);
// listUser(this.addDateRange(this.queryParams, this.dateRange)).then(response => { this.tableData = res.rows;
// this.userList = response.rows; // this.tableData.forEach((row) => {
// this.total = response.total; // row.startTime = format(row.startTime, "yyyy-MM-dd HH:mm:ss");
// this.loading = false; // row.endTime = format(row.endTime, "yyyy-MM-dd HH:mm:ss");
// } // });
this.total = res.total;
});
}, },
//搜索按钮 //搜索按钮
handleQuery() { handleQuery() {
this.queryParams.pageNum = 1; this.queryForm.pageNum = 1;
this.getList() this.getList();
}, },
// 表单重置 // 表单重置
reset() { reset() {
this.form = { this.queryForm = {
name: '', noticeYear: "",
range: '全体教师', noticeSemester: "",
startTime: '', noticeRange: "",
endTime: '' noticeState: "",
noticeName: "",
startTime: "",
endTime: "",
}; };
this.resetForm("form"); this.resetForm("queryForm");
}, },
//重置按钮 //重置按钮
resetQuery() { resetQuery() {
this.queryForm.user = '', this.reset();
this.queryForm.region = '',
this.handleQuery(); this.handleQuery();
}, },
// 多选框选中数据 // 多选框选中数据
handleSelectionChange(selection) { handleSelectionChange(selection) {
console.log('selection', selection) console.log("selection", selection);
this.ids = selection.map(item => item.id) this.ids = selection.map((item) => item.id);
console.log('this.ids', this.ids) console.log("this.ids", this.ids);
this.single = selection.length !== 1 this.single = selection.length !== 1;
this.multiple = !selection.length this.multiple = !selection.length;
}, },
//新增按钮 //新增按钮
handleAdd() { handleAdd() {
this.reset() this.reset();
this.form.name = '2023' this.form.name = "2023";
this.title = '新增任务' this.title = "新增任务";
this.dialogVisible = true this.dialogVisible = true;
}, },
//弹窗确定按钮 //弹窗确定按钮
confirmDialog() { confirmDialog() {
this.dialogVisible = false addTeacherNotice(this.form).then((res) => {
console.log(res, "弹窗确定");
this.dialogVisible = false;
this.getList();
});
}, },
//多选删除按钮 //多选删除按钮
handleDeleteMuti() { handleDeleteMuti() {
console.log('delete ids', this.ids) console.log("delete ids", this.ids);
// 接口 // 接口
}, },
//修改按钮 //修改按钮
handleEdit(row) { handleEdit(row) {
this.title = '修改任务' this.title = "修改任务";
this.dialogVisible = true
this.dialogVisible = true;
}, },
// 删除按钮 // 删除按钮
handleDelete(row) { handleDelete(row) {},
},
// 发布按钮 // 发布按钮
handlePublish(row) { handlePublish(row) {
this.$modal
.confirm("是否确认发布此信息？")
.then(() => {
return infoTeacherNotice(row.id);
})
.then(() => {
this.getList();
this.$modal.msgSuccess("发布成功");
})
.catch((exception) => {
throw new Error(exception);
});
}, },
// 数据接收人员按钮 // 数据接收人员按钮
dataReceiver(row) { dataReceiver(row) {
//传值状态，如果是已结束跳过去只能查看，已发布可以新增或者删除 //传值状态，如果是已结束跳过去只能查看，已发布可以新增或者删除
console.log('row', row) console.log("row", row);
this.$router.push({ this.$router.push({
path: '/teachAffairAdministration/smartSchool/teachAffairAdministration/electronicRecord/dataReceiver', path: "/teachAffairAdministration/smartSchool/teachAffairAdministration/electronicRecord/dataReceiver",
query: { query: {
id: row.id, id: row.id,
status:row.status status: row.status,
} },
}) });
}, },
// 数据维护按钮 // 数据维护按钮
dataMaintenance(row) { dataMaintenance(row) {
console.log('数据维护按钮row', row) console.log("数据维护按钮row", row);
const noticeId = row.id;
const pageNum = this.queryForm.pageNum;
const pageSize = this.queryForm.pageSize;
// const status
//传值状态，如果是已结束跳过去只能查看，已发布可以新增或者删除 //传值状态，如果是已结束跳过去只能查看，已发布可以新增或者删除
this.$router.push({ this.$router.push({
path: '/teachAffairAdministration/smartSchool/teachAffairAdministration/electronicRecord/dataMaintenance', path: "/teachAffairAdministration/smartSchool/teachAffairAdministration/electronicRecord/dataMaintenance",
query: { query: {
id: row.id, noticeId,
status:row.status pageNum,
} pageSize,
}) status: row.noticeState,
}, },
// 导出按钮 });
handleExport(row) { console.log(noticeId, "数据维护按钮id");
console.log(pageNum, "数据维护按钮num");
console.log(pageSize, "数据维护按钮size");
}, },
// 导出按钮
handleExport(row) {},
// 撤回按钮 // 撤回按钮
handleRevocation(row) { handleRevocation(row) {},
},
// 结束按钮 // 结束按钮
handleFinish(row) { handleFinish(row) {},
} },
} };
}
</script> </script>
<style scoped> <style scoped></style>
</style>
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