档案管理-项目档案
This commit is contained in:
qinjie
parent
99873f6799
commit
ea45949a7c
|
|
@ -0,0 +1,44 @@
|
|||
import request from '@/utils/request'
|
||||
|
||||
const api = {
|
||||
list: '/archives/project/listPage',
|
||||
projectUserList: '/archives/project/user/listPage',
|
||||
projectUserCourseList: '/archives/project/user/course/listPage',
|
||||
projectUserAnswerList: '/archives/project/user/answer/listPage'
|
||||
}
|
||||
|
||||
// 项目档案 列表
|
||||
export function getArchivesProjectList(params) {
|
||||
return request({
|
||||
url: api.list,
|
||||
method: 'get',
|
||||
params: params
|
||||
})
|
||||
}
|
||||
|
||||
// 项目档案-人员记录 列表
|
||||
export function getArchivesProjectUserList(params) {
|
||||
return request({
|
||||
url: api.projectUserList,
|
||||
method: 'get',
|
||||
params: params
|
||||
})
|
||||
}
|
||||
|
||||
// 项目档案-人员记录-培训详情 列表
|
||||
export function getArchivesProjectUserCourseList(params) {
|
||||
return request({
|
||||
url: api.projectUserCourseList,
|
||||
method: 'get',
|
||||
params: params
|
||||
})
|
||||
}
|
||||
|
||||
// 项目档案-人员记录-答题记录 列表
|
||||
export function getArchivesProjectUserAnswerList(params) {
|
||||
return request({
|
||||
url: api.projectUserAnswerList,
|
||||
method: 'get',
|
||||
params: params
|
||||
})
|
||||
}
|
||||
|
|
@ -0,0 +1,109 @@
|
|||
<template>
|
||||
<a-card :bordered="false" title="项目档案">
|
||||
<div class="table-page-search-wrapper">
|
||||
<SearchCom :form="queryParam" :list="queryOptions" @search="handleRefresh" @reset="() => {queryParam = {}, handleRefresh()}"></SearchCom>
|
||||
<div style="width: 100%; height: 32px; margin-bottom: 8px;">
|
||||
<a-button type="primary">导出</a-button>
|
||||
</div>
|
||||
</div>
|
||||
<s-table ref="table" size="small" rowKey="id" :columns="columns" :data="loadData" :pageNum="Number(this.$route.query.pageNum) || 1">
|
||||
<template slot="action" slot-scope="text, record">
|
||||
<a-dropdown>
|
||||
<a class="ant-dropdown-link">操作
|
||||
<a-icon type="down" />
|
||||
</a>
|
||||
<a-menu slot="overlay">
|
||||
<a-menu-item v-if="hasPerm('archives:project:user:list')">
|
||||
<a href="javascript:;" @click="archivesProjectUser(record)">人员记录</a>
|
||||
</a-menu-item>
|
||||
<a-menu-item>
|
||||
<a href="javascript:;" @click="exportData(record)">导出</a>
|
||||
</a-menu-item>
|
||||
</a-menu>
|
||||
</a-dropdown>
|
||||
</template>
|
||||
</s-table>
|
||||
</a-card>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { STable, SearchCom } from '@/components'
|
||||
import { getArchivesProjectList } from '@/api/archives/project'
|
||||
import { classList } from '@/api/project/class'
|
||||
|
||||
export default {
|
||||
components: { STable, SearchCom },
|
||||
data() {
|
||||
return {
|
||||
queryParam: { trainClass: '', trainWay: '', projectName: '' },
|
||||
columns: [
|
||||
{ title: '项目ID', width: '60px', align: 'center', dataIndex: 'id', key: 'id' },
|
||||
{ title: '项目名称', width: 'auto', align: 'center', dataIndex: 'name', key: 'name' },
|
||||
{ title: '项目时间', width: 'auto', align: 'center', dataIndex: 'time', key: 'time' },
|
||||
{ title: '项目类别', width: 'auto', align: 'center', dataIndex: 'way', key: 'way' },
|
||||
{ title: '人数', width: '60px', align: 'center', dataIndex: 'peopleSize', key: 'peopleSize' },
|
||||
{ title: '创建人', width: 'auto', align: 'center', dataIndex: 'creater', key: 'creater' },
|
||||
{ title: '创建时间', width: 'auto', align: 'center', dataIndex: 'createTime', key: 'createTime' },
|
||||
{ title: '项目状态', width: '80px', align: 'center', dataIndex: 'statusName', key: 'statusName' },
|
||||
{ title: '操作', width: '70px', key: 'operation', align: 'center', scopedSlots: { customRender: 'action' } }
|
||||
],
|
||||
loadData: parameter => { return getArchivesProjectList(Object.assign(parameter, this.queryParam)).then(res => { return res }) },
|
||||
trainClass: []
|
||||
}
|
||||
},
|
||||
created: function () {
|
||||
classList({ pageNum: 1, pageSize: 9999 }).then(res => {
|
||||
for (let index in res.rows) {
|
||||
let item = res.rows[index];
|
||||
let item_ = {};
|
||||
item_.id = item.id.toString();
|
||||
item_.name = item.value;
|
||||
this.trainClass.push(item_);
|
||||
}
|
||||
});
|
||||
|
||||
if (this.$route.query.queryParamTrainClass) this.queryParam.trainClass = this.$route.query.queryParamTrainClass;
|
||||
if (this.$route.query.queryParamTrainWay) this.queryParam.trainWay = this.$route.query.queryParamTrainWay;
|
||||
if (this.$route.query.queryParamProjectName) this.queryParam.projectName = this.$route.query.queryParamProjectName;
|
||||
},
|
||||
computed: {
|
||||
queryOptions: function () {
|
||||
return [
|
||||
{ type: 'select', placeholder: '培训种类', key: 'trainClass', options: [{ id: '', name: '全部' }, ...this.trainClass] },
|
||||
{
|
||||
type: 'select', placeholder: '培训方式', key: 'trainWay', options: [
|
||||
// 培训方式 1-培训 2-考试 3-培训练习 4-培训练习考试
|
||||
{ id: '', name: '全部' },
|
||||
{ id: '1', name: '培训' },
|
||||
{ id: '2', name: '考试' },
|
||||
{ id: '3', name: '培训练习' },
|
||||
{ id: '4', name: '培训练习考试' }
|
||||
]
|
||||
},
|
||||
{ type: 'input', placeholder: '项目名称', key: 'projectName' }
|
||||
]
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
handleRefresh() {
|
||||
this.$refs.table.refresh(true)
|
||||
},
|
||||
// 培训详情
|
||||
archivesProjectUser(record) {
|
||||
this.$router.push({
|
||||
path: '/archives/project/ProjectUser', query: {
|
||||
id: record.id,
|
||||
queryParamTrainClass: this.queryParam.trainClass,
|
||||
queryParamTrainWay: this.queryParam.trainWay,
|
||||
queryParamProjectName: this.queryParam.projectName,
|
||||
pageNum: this.$refs.table.localPagination.current
|
||||
}
|
||||
});
|
||||
},
|
||||
// 导出
|
||||
exportData(record) {
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
|
@ -0,0 +1,158 @@
|
|||
<template>
|
||||
<a-card :bordered="false" title="人员记录">
|
||||
<template slot="extra">
|
||||
<a-button size="small" @click="close">返回</a-button>
|
||||
</template>
|
||||
|
||||
<div class="table-page-search-wrapper">
|
||||
<SearchCom :form="queryParam" :list="queryOptions" @search="handleRefresh" @reset="() => {queryParam = {}, handleRefresh()}"></SearchCom>
|
||||
</div>
|
||||
<s-table ref="table" size="small" rowKey="id" :columns="columns" :data="loadData" :pageNum="Number(this.$route.query.pageNum1) || 1">
|
||||
<template slot="action" slot-scope="text, record">
|
||||
<a-dropdown v-if="hasPerm('archives:project:user:course:list') || hasPerm('archives:project:user:answer:list')">
|
||||
<a class="ant-dropdown-link">操作
|
||||
<a-icon type="down" />
|
||||
</a>
|
||||
<a-menu slot="overlay">
|
||||
<a-menu-item v-if="hasPerm('archives:project:user:course:list')">
|
||||
<a href="javascript:;" @click="archivesProjectUserDateil(record)">培训详情</a>
|
||||
</a-menu-item>
|
||||
<a-menu-item v-if="hasPerm('archives:project:user:answer:list')">
|
||||
<a href="javascript:;" @click="archivesProjectUserAnswer(record)">答题记录</a>
|
||||
</a-menu-item>
|
||||
</a-menu>
|
||||
</a-dropdown>
|
||||
</template>
|
||||
</s-table>
|
||||
</a-card>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { STable, SearchCom } from '@/components'
|
||||
import { getArchivesProjectUserList } from '@/api/archives/project'
|
||||
|
||||
export default {
|
||||
// import引入的组件需要注入到对象中才能使用
|
||||
components: { STable, SearchCom },
|
||||
props: {},
|
||||
data() {
|
||||
// 这里存放数据
|
||||
return {
|
||||
queryParam: { state: '', userName: '' },
|
||||
columns: [
|
||||
{ title: '姓名', width: '100px', align: 'center', dataIndex: 'name', key: 'name' },
|
||||
{ title: '单位信息', width: 'auto', align: 'center', dataIndex: 'dwOrgName', key: 'dwOrgName' },
|
||||
{ title: '部门信息', width: 'auto', align: 'center', dataIndex: 'bmOrgName', key: 'bmOrgName' },
|
||||
{ title: '应修学时', width: '80px', align: 'center', dataIndex: 'mustClassHour', key: 'mustClassHour' },
|
||||
{ title: '已修学时', width: '100px', align: 'center', dataIndex: 'alreadyClassHour', key: 'alreadyClassHour' },
|
||||
{ title: '总练习题量', width: '60px', align: 'center', dataIndex: 'addUpExercises', key: 'addUpExercises' },
|
||||
{ title: '已练习题量', width: '60px', align: 'center', dataIndex: 'alreadyExercises', key: 'alreadyExercises' },
|
||||
{ title: '答对题量', width: '60px', align: 'center', dataIndex: 'yesTopic', key: 'yesTopic' },
|
||||
{ title: '正确率', width: '60px', align: 'center', dataIndex: 'yesRate', key: 'yesRate' },
|
||||
{ title: '考试成绩', width: '60px', align: 'center', dataIndex: 'testResult', key: 'testResult' },
|
||||
{ title: '补考成绩', width: '60px', align: 'center', dataIndex: 'mendTestResult', key: 'mendTestResult' },
|
||||
{ title: '考试耗时', width: '80px', align: 'center', dataIndex: 'testTime', key: 'testTime' },
|
||||
{
|
||||
title: '考试状态', width: '80px', align: 'center', dataIndex: 'testState', key: 'testState', customRender: (text, record, index) => {
|
||||
// 考试状态 1-合格 2-不合格 3-未考试
|
||||
if (text == 1) return '合格'; else if (text == 2) return '不合格'; else if (text == 3) return '未考试';
|
||||
}
|
||||
},
|
||||
{ title: '操作', width: '70px', key: 'operation', align: 'center', scopedSlots: { customRender: 'action' } }
|
||||
],
|
||||
loadData: parameter => {
|
||||
this.queryParam.id = this.$route.query.id;
|
||||
return getArchivesProjectUserList(Object.assign(parameter, this.queryParam)).then(res => { return res });
|
||||
},
|
||||
};
|
||||
},
|
||||
// 计算属性 类似于data概念
|
||||
computed: {
|
||||
queryOptions: function () {
|
||||
let state = [{ id: '1', name: '合格' }, { id: '2', name: '不合格' }, { id: '3', name: '未考试' }]
|
||||
return [
|
||||
{ type: 'select', placeholder: '状态', key: 'state', options: [{ id: '', name: '全部' }, ...state] },
|
||||
{ type: 'input', placeholder: '姓名', key: 'userName' }
|
||||
]
|
||||
}
|
||||
},
|
||||
// 监控data中的数据变化
|
||||
watch: {},
|
||||
// 方法集合
|
||||
methods: {
|
||||
// 返回 按钮
|
||||
close() {
|
||||
this.$router.push({
|
||||
path: '/archives/project/Index', query: {
|
||||
queryParamTrainClass: this.$route.query.queryParamTrainClass,
|
||||
queryParamTrainWay: this.$route.query.queryParamTrainWay,
|
||||
queryParamProjectName: this.$route.query.queryParamProjectName,
|
||||
pageNum: this.$route.query.pageNum
|
||||
}
|
||||
});
|
||||
},
|
||||
handleRefresh() {
|
||||
this.$refs.table.refresh(true)
|
||||
},
|
||||
|
||||
// 培训详情
|
||||
archivesProjectUserDateil(record) {
|
||||
this.$router.push({
|
||||
path: '/archives/project/ProjectUserCourse', query: {
|
||||
projectId: this.$route.query.id,
|
||||
userId: record.id,
|
||||
queryParamState: this.queryParam.state,
|
||||
queryParamUserName: this.queryParam.userName,
|
||||
pageNum1: this.$refs.table.localPagination.current,
|
||||
|
||||
queryParamTrainClass: this.$route.query.queryParamTrainClass,
|
||||
queryParamTrainWay: this.$route.query.queryParamTrainWay,
|
||||
queryParamProjectName: this.$route.query.queryParamProjectName,
|
||||
pageNum: this.$route.query.pageNum
|
||||
}
|
||||
});
|
||||
},
|
||||
// 答题记录
|
||||
archivesProjectUserAnswer(record) {
|
||||
this.$router.push({
|
||||
path: '/archives/project/ProjectUserAnswer', query: {
|
||||
projectId: this.$route.query.id,
|
||||
userId: record.id,
|
||||
queryParamState: this.queryParam.state,
|
||||
queryParamUserName: this.queryParam.userName,
|
||||
pageNum1: this.$refs.table.localPagination.current,
|
||||
|
||||
queryParamTrainClass: this.$route.query.queryParamTrainClass,
|
||||
queryParamTrainWay: this.$route.query.queryParamTrainWay,
|
||||
queryParamProjectName: this.$route.query.queryParamProjectName,
|
||||
pageNum: this.$route.query.pageNum
|
||||
}
|
||||
});
|
||||
}
|
||||
},
|
||||
// 生命周期 - 创建完成（可以访问当前this实例）
|
||||
created() {
|
||||
if (this.$route.query.queryParamState) this.queryParam.state = this.$route.query.queryParamState;
|
||||
if (this.$route.query.queryParamUserName) this.queryParam.userName = this.$route.query.queryParamUserName;
|
||||
},
|
||||
// 生命周期 - 挂载完成（可以访问DOM元素）
|
||||
mounted() { },
|
||||
// 生命周期 - 创建之前
|
||||
beforeCreate() { },
|
||||
// 生命周期 - 挂载之前
|
||||
beforeMount() { },
|
||||
// 生命周期 - 更新之前
|
||||
beforeUpdate() { },
|
||||
// 生命周期 - 更新之后
|
||||
updated() { },
|
||||
// 生命周期 - 销毁之前
|
||||
beforeDestroy() { },
|
||||
// 生命周期 - 销毁完成
|
||||
destroyed() { },
|
||||
// 如果页面有keep-alive缓存功能，这个函数会触发
|
||||
activated() { }
|
||||
};
|
||||
|
||||
</script>
|
||||
<style scoped>
|
||||
</style>
|
||||
|
|
@ -0,0 +1,90 @@
|
|||
<template>
|
||||
<a-card :bordered="false" title="答题记录">
|
||||
<template slot="extra">
|
||||
<a-button size="small" @click="close">返回</a-button>
|
||||
</template>
|
||||
|
||||
<s-table ref="table" size="small" rowKey="id" :columns="columns" :data="loadData">
|
||||
<template slot="action" slot-scope="text, record">
|
||||
<a href="javascript:;" @click="archivesProjectUserAnswerDateil(record)">答题记录</a>
|
||||
</template>
|
||||
</s-table>
|
||||
</a-card>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { STable, SearchCom } from '@/components'
|
||||
import { getArchivesProjectUserAnswerList } from '@/api/archives/project'
|
||||
|
||||
export default {
|
||||
// import引入的组件需要注入到对象中才能使用
|
||||
components: { STable, SearchCom },
|
||||
props: {},
|
||||
data() {
|
||||
// 这里存放数据
|
||||
return {
|
||||
queryParam: {},
|
||||
columns: [
|
||||
{ title: '交卷时间', width: 'auto', align: 'center', dataIndex: 'handDate', key: 'handDate' },
|
||||
{ title: '考试时长', width: 'auto', align: 'center', dataIndex: 'testTime', key: 'testTime' },
|
||||
{ title: '考试成绩', width: 'auto', align: 'center', dataIndex: 'testResult', key: 'testResult' },
|
||||
{ title: '操作', width: '100px', key: 'operation', align: 'center', scopedSlots: { customRender: 'action' } }
|
||||
],
|
||||
loadData: parameter => {
|
||||
this.queryParam.projectId = this.$route.query.projectId;
|
||||
this.queryParam.userId = this.$route.query.userId;
|
||||
return getArchivesProjectUserAnswerList(Object.assign(parameter, this.queryParam)).then(res => { return res });
|
||||
},
|
||||
};
|
||||
},
|
||||
// 计算属性 类似于data概念
|
||||
computed: {},
|
||||
// 监控data中的数据变化
|
||||
watch: {},
|
||||
// 方法集合
|
||||
methods: {
|
||||
// 返回 按钮
|
||||
close() {
|
||||
this.$router.push({
|
||||
path: '/archives/project/ProjectUser', query: {
|
||||
queryParamState: this.$route.query.queryParamState,
|
||||
queryParamUserName: this.$route.query.queryParamUserName,
|
||||
pageNum1: this.$route.query.pageNum1,
|
||||
|
||||
queryParamTrainClass: this.$route.query.queryParamTrainClass,
|
||||
queryParamTrainWay: this.$route.query.queryParamTrainWay,
|
||||
queryParamProjectName: this.$route.query.queryParamProjectName,
|
||||
pageNum: this.$route.query.pageNum
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
// 答题记录
|
||||
archivesProjectUserAnswerDateil(record) {
|
||||
|
||||
}
|
||||
|
||||
},
|
||||
// 生命周期 - 创建完成（可以访问当前this实例）
|
||||
created() { },
|
||||
// 生命周期 - 挂载完成（可以访问DOM元素）
|
||||
mounted() { },
|
||||
// 生命周期 - 创建之前
|
||||
beforeCreate() { },
|
||||
// 生命周期 - 挂载之前
|
||||
beforeMount() { },
|
||||
// 生命周期 - 更新之前
|
||||
beforeUpdate() { },
|
||||
// 生命周期 - 更新之后
|
||||
updated() { },
|
||||
// 生命周期 - 销毁之前
|
||||
beforeDestroy() { },
|
||||
// 生命周期 - 销毁完成
|
||||
destroyed() { },
|
||||
// 如果页面有keep-alive缓存功能，这个函数会触发
|
||||
activated() { }
|
||||
};
|
||||
|
||||
</script>
|
||||
<style scoped>
|
||||
</style>
|
||||
|
|
@ -0,0 +1,103 @@
|
|||
<template>
|
||||
<a-card :bordered="false" title="培训详情">
|
||||
<template slot="extra">
|
||||
<a-button size="small" @click="close">返回</a-button>
|
||||
</template>
|
||||
|
||||
<div class="table-page-search-wrapper">
|
||||
<SearchCom :form="queryParam" :list="queryOptions" @search="handleRefresh" @reset="() => {queryParam = {}, handleRefresh()}"></SearchCom>
|
||||
</div>
|
||||
<s-table ref="table" size="small" rowKey="id" :columns="columns" :data="loadData"></s-table>
|
||||
</a-card>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { STable, SearchCom } from '@/components'
|
||||
import { getArchivesProjectUserCourseList } from '@/api/archives/project'
|
||||
|
||||
export default {
|
||||
// import引入的组件需要注入到对象中才能使用
|
||||
components: { STable, SearchCom },
|
||||
props: {},
|
||||
data() {
|
||||
// 这里存放数据
|
||||
return {
|
||||
queryParam: { courseName: '' },
|
||||
columns: [
|
||||
{ title: '课程名称', width: 'auto', align: 'center', dataIndex: 'courseName', key: 'name' },
|
||||
{ title: '应修学时', width: '100px', align: 'center', dataIndex: 'mustClassHour', key: 'mustClassHour' },
|
||||
{ title: '已修学时', width: '100px', align: 'center', dataIndex: 'alreadyClassHour', key: 'alreadyClassHour' },
|
||||
{ title: '总题量', width: '80px', align: 'center', dataIndex: 'addUpExercises', key: 'addUpExercises' },
|
||||
{ title: '已答题量', width: '100px', align: 'center', dataIndex: 'alreadyExercises', key: 'alreadyExercises' },
|
||||
{ title: '答对题量', width: '90px', align: 'center', dataIndex: 'yesExercises', key: 'yesExercises' },
|
||||
{ title: '答对正确率', width: '90px', align: 'center', dataIndex: 'yesTopic', key: 'yesTopic' },
|
||||
{
|
||||
title: '完成状态', width: '80px', align: 'center', dataIndex: 'finishState', key: 'finishState', customRender: (text, record, index) => {
|
||||
// 完成状态 0-未完成 1-已完成
|
||||
if (text == 0) return '未完成'; else if (text == 1) return '已完成';
|
||||
}
|
||||
}
|
||||
],
|
||||
loadData: parameter => {
|
||||
this.queryParam.projectId = this.$route.query.projectId;
|
||||
this.queryParam.userId = this.$route.query.userId;
|
||||
return getArchivesProjectUserCourseList(Object.assign(parameter, this.queryParam)).then(res => { return res });
|
||||
},
|
||||
};
|
||||
},
|
||||
// 计算属性 类似于data概念
|
||||
computed: {
|
||||
queryOptions: function () {
|
||||
return [
|
||||
{ type: 'input', placeholder: '课程名称', key: 'courseName' }
|
||||
]
|
||||
}
|
||||
},
|
||||
// 监控data中的数据变化
|
||||
watch: {},
|
||||
// 方法集合
|
||||
methods: {
|
||||
// 返回 按钮
|
||||
close() {
|
||||
this.$router.push({
|
||||
path: '/archives/project/ProjectUser', query: {
|
||||
queryParamState: this.$route.query.queryParamState,
|
||||
queryParamUserName: this.$route.query.queryParamUserName,
|
||||
pageNum1: this.$route.query.pageNum1,
|
||||
|
||||
queryParamTrainClass: this.$route.query.queryParamTrainClass,
|
||||
queryParamTrainWay: this.$route.query.queryParamTrainWay,
|
||||
queryParamProjectName: this.$route.query.queryParamProjectName,
|
||||
pageNum: this.$route.query.pageNum
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
handleRefresh() {
|
||||
this.$refs.table.refresh(true)
|
||||
},
|
||||
|
||||
},
|
||||
// 生命周期 - 创建完成（可以访问当前this实例）
|
||||
created() { },
|
||||
// 生命周期 - 挂载完成（可以访问DOM元素）
|
||||
mounted() { },
|
||||
// 生命周期 - 创建之前
|
||||
beforeCreate() { },
|
||||
// 生命周期 - 挂载之前
|
||||
beforeMount() { },
|
||||
// 生命周期 - 更新之前
|
||||
beforeUpdate() { },
|
||||
// 生命周期 - 更新之后
|
||||
updated() { },
|
||||
// 生命周期 - 销毁之前
|
||||
beforeDestroy() { },
|
||||
// 生命周期 - 销毁完成
|
||||
destroyed() { },
|
||||
// 如果页面有keep-alive缓存功能，这个函数会触发
|
||||
activated() { }
|
||||
};
|
||||
|
||||
</script>
|
||||
<style scoped>
|
||||
</style>
|
||||
Loading…
Reference in New Issue