From ea45949a7c3fbd3fdd8cf572fe4e8d04ff4db9e3 Mon Sep 17 00:00:00 2001
From: qinjie <jqinjie@foxmail.com>
Date: Wed, 3 Nov 2021 16:41:57 +0800
Subject: [PATCH] =?UTF-8?q?=E6=A1=A3=E6=A1=88=E7=AE=A1=E7=90=86-=E9=A1=B9?=
 =?UTF-8?q?=E7=9B=AE=E6=A1=A3=E6=A1=88?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/archives/project.js                   |  44 +++++
 src/views/archives/project/Index.vue          | 109 ++++++++++++
 src/views/archives/project/ProjectUser.vue    | 158 ++++++++++++++++++
 .../archives/project/ProjectUserAnswer.vue    |  90 ++++++++++
 .../archives/project/ProjectUserCourse.vue    | 103 ++++++++++++
 5 files changed, 504 insertions(+)
 create mode 100644 src/api/archives/project.js
 create mode 100644 src/views/archives/project/Index.vue
 create mode 100644 src/views/archives/project/ProjectUser.vue
 create mode 100644 src/views/archives/project/ProjectUserAnswer.vue
 create mode 100644 src/views/archives/project/ProjectUserCourse.vue

diff --git a/src/api/archives/project.js b/src/api/archives/project.js
new file mode 100644
index 0000000..8783641
--- /dev/null
+++ b/src/api/archives/project.js
@@ -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
+    })
+}
\ No newline at end of file
diff --git a/src/views/archives/project/Index.vue b/src/views/archives/project/Index.vue
new file mode 100644
index 0000000..080dd00
--- /dev/null
+++ b/src/views/archives/project/Index.vue
@@ -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>
\ No newline at end of file
diff --git a/src/views/archives/project/ProjectUser.vue b/src/views/archives/project/ProjectUser.vue
new file mode 100644
index 0000000..d43f60c
--- /dev/null
+++ b/src/views/archives/project/ProjectUser.vue
@@ -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>
\ No newline at end of file
diff --git a/src/views/archives/project/ProjectUserAnswer.vue b/src/views/archives/project/ProjectUserAnswer.vue
new file mode 100644
index 0000000..fa1e941
--- /dev/null
+++ b/src/views/archives/project/ProjectUserAnswer.vue
@@ -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>
\ No newline at end of file
diff --git a/src/views/archives/project/ProjectUserCourse.vue b/src/views/archives/project/ProjectUserCourse.vue
new file mode 100644
index 0000000..58a7a7f
--- /dev/null
+++ b/src/views/archives/project/ProjectUserCourse.vue
@@ -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>
\ No newline at end of file