.env

@@ -1,3 +1,3 @@
 NODE_ENV=production
 VUE_APP_PREVIEW=false
-VUE_APP_API_BASE_URL=/welfare
+VUE_APP_API_BASE_URL=/dawa

.env.development

@@ -1,4 +1,4 @@
 NODE_ENV=development
 VUE_APP_PREVIEW=true
-VUE_APP_API_BASE_URL=/welfare
+VUE_APP_API_BASE_URL=/dawa
 VUE_APP_PUBLIC_PATH =/

.env.preview

@@ -1,3 +1,3 @@
 NODE_ENV=production
 VUE_APP_PREVIEW=true
-VUE_APP_API_BASE_URL=/welfare
+VUE_APP_API_BASE_URL=/dawa

package.json

@@ -14,14 +14,12 @@
         "@ant-design-vue/pro-layout": "^0.3.4",
         "@antv/data-set": "^0.10.2",
         "@icon-park/vue": "^1.3.5",
-        "@jiaminghi/data-view": "^2.7.3",
-        "@types/echarts": "^4.4.3",
         "ant-design-vue": "^1.7.7",
         "axios": "^0.19.0",
-        "core-js": "^3.6.4",
+        "core-js": "^3.1.2",
         "dplayer": "^1.26.0",
         "draftjs-to-html": "^0.9.1",
-        "echarts": "^4.6.0",
+        "echarts": "^5.2.2",
         "enquire.js": "^2.1.6",
         "file-saver": "^2.0.5",
         "html-to-draftjs": "^1.5.0",
@@ -41,7 +39,6 @@
         "store": "^2.0.12",
         "viser-vue": "^2.4.6",
         "vue": "^2.6.10",
-        "vue-awesome": "^4.5.0",
         "vue-clipboard2": "^0.2.1",
         "vue-cropper": "0.4.9",
         "vue-echarts": "^6.0.2",
@@ -53,7 +50,6 @@
         "vue-svg-component-runtime": "^1.0.1",
         "vue-ueditor-wrap": "^2.5.6",
         "vue-video-player": "^5.0.2",
-        "vue2-scale-box": "^0.1.7",
         "vuex": "^3.1.1",
         "wangeditor": "^3.1.1"
     },
@@ -79,9 +75,6 @@
         "less-loader": "^5.0.0",
         "opencollective": "^1.0.3",
         "opencollective-postinstall": "^2.0.2",
-        "sass": "^1.25.0",
-        "sass-loader": "^8.0.2",
-        "swiper": "^3.4.0",
         "vue-svg-icon-loader": "^2.1.1",
         "vue-template-compiler": "^2.6.10",
         "webpack": "^4.44.2",

public/index.html

@@ -6,7 +6,7 @@
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width,initial-scale=1.0">
   <link rel="icon" href="<%= BASE_URL %>logo.png">
-  <title class="index-title">下堡坪乡农村福利院长者信息管理系统</title>
+  <title>安全培训平台管理系统</title>
   <style>
     .first-loading-wrp {
       display: flex;

public/static/js/dataStatics.js

@@ -1,162 +0,0 @@
-import { ref } from 'vue'
-export default function () {
-  const mapData1 = ref({
-    middle: [
-      { label: '村/社区', count: 0 },
-      { label: '党群服务中心', count: 0 },
-      { label: '村组/小区', count: 0 },
-      { label: '有物业小区', count: 0 },
-      { label: '党群连心站', count: 0 },
-      { label: '楼栋', count: 0 },
-      { label: '党员中心户', count: 0 },
-      { label: '户籍数', count: 0 },
-      { label: '常住人口', count: 0 },
-    ],
-    charts: {
-      follow: {
-        look: [0, 0, 0, 0],
-        room: [0, 0, 0, 0],
-      },
-      partyMember: {
-        member_1: [0, 0, 0, 0],
-        member_2: [0, 0, 0, 0],
-        member_3: [0, 0, 0, 0],
-        member_4: [0, 0, 0, 0],
-      },
-    },
-    resource: {
-      position: { area: 0, interest: '0%' },
-      party: { area: 0, interest: '0%' },
-      stand: { area: 0, interest: '0%' },
-      venue: { area: 0, interest: '0%' },
-    },
-    properyService: {
-      service1: [
-        {
-          value: 0,
-          name: '市场化管理0个',
-        },
-        {
-          value: 0,
-          name: '公益性物业托底0个',
-        },
-        {
-          value: 0,
-          name: '业主自治0个',
-        },
-        {
-          value: 0,
-          name: '单位代管0个',
-        },
-      ],
-      service2: [
-        {
-          value: 0,
-          name: '已建党组0个',
-        },
-        {
-          value: 0,
-          name: '未建党组织0个',
-        },
-      ],
-    },
-    orgCharts: {
-      data: [1, 0, 5, 0, 1, 20],
-      Proportion: [
-        { name: '下沉党员干部占比：0%', value: 0 },
-        { name: '业委会成员占比：0%', value: 0 },
-        { name: '物业公司负责人占比：0%', value: 0 },
-        { name: '小区网格员占比：0%', value: 0 },
-        { name: '社区“两委”成员占比0%', value: 0 },
-        { name: '居民群众代表占比：0%', value: 0 },
-      ],
-      number: [
-        { name: '50-200㎡ 数量', value: 0 },
-        { name: '200-500㎡ 数量', value: 0 },
-        { name: '500-1000㎡ 数量', value: 0 },
-      ],
-    },
-    fourTwo: {
-      fourCharts: [0, 0, 0, 0, 0, 0],
-      buCharts: [
-        { value: 0, name: '自管党员' },
-        { value: 0, name: '下沉党员' },
-        { value: 0, name: '其他党员' },
-      ],
-      unitCharts: [
-        { value: 0, name: '自管党员' },
-        { value: 0, name: '下沉党员' },
-        { value: 0, name: '其他党员' },
-      ],
-    },
-    activity: {
-      activityNum: 0,
-      proport: '0%',
-      directNUm: 0,
-      finishNum: 0,
-      progress: 0,
-      forPeople: 0,
-      proportion: '0%',
-    },
-    bigBranch: {
-      allBuild: { small: 0, big: 0 },
-      branchMember: [
-        { value: 0, name: '社区‘两委’成员占比：0%' },
-        { value: 0, name: '业委会成员占比：0%' },
-        { value: 0, name: '小区网格员占比：0%' },
-        { value: 0, name: '物业公司服务负责人占比：0%' },
-        { value: 0, name: '下沉党员干部占比：0%' },
-        { value: 0, name: '居民群众干部占比：0%' },
-      ],
-    },
-    bigParty: {
-      allBuild: { small: 0, big: 0 },
-      branchMember: [
-        { value: 0, name: '社区‘两委’成员占比：0%' },
-        { value: 0, name: '业委会成员占比：0%' },
-        { value: 0, name: '小区网格员占比：0%' },
-        { value: 0, name: '物业公司服务负责人占比：0%' },
-        { value: 0, name: '下沉党员干部占比：0%' },
-        { value: 0, name: '居民群众干部占比：0%' },
-      ],
-    },
-    indus: {
-      allNum: 0,
-      member: 0,
-      zb: [
-        { value: 0, name: '自管党员' },
-        { value: 0, name: '下沉党员' },
-        { value: 0, name: '其他党员' },
-      ],
-      overSix: [
-        { value: 0, name: '已达到60%' },
-        { value: 0, name: '未达到60%' },
-      ],
-    },
-    twoTeam: {
-      emergencyCount: {
-        proportion: 0,
-        teamCount: 11,
-        totalCount: 0,
-        xcMemberCount: 0,
-      },
-      volunteerCount: {
-        proportion: 0,
-        teamCount: 11,
-        totalCount: 0,
-        xcMemberCount: 0,
-      },
-    },
-    orgTable: {
-      partyService: [],
-      residen: [],
-      service: [],
-      activityList: [],
-      directList: [],
-      vence: [],
-      social: [],
-    },
-  })
-
-  return { mapData1 }
-}

src/api/archives/certificate.js

@@ -0,0 +1,115 @@
+import request from '@/utils/request'
+
+const api = {
+    list: '/sys/dictionary/item/list',
+    findMaxValue: '/sys/dictionary/item/findMaxValue',
+    get: '/sys/dictionary/item/get',
+    add: '/sys/dictionary/item/add',
+    del: '/sys/dictionary/item/del',
+    edit: '/sys/dictionary/item/edit',
+
+    certificateList: '/archives/certificate/listPage',
+    addCertificate: '/person/certificate/add',
+    certificateDetail: '/person/certificate/detail',
+    delCertificate: '/person/certificate/del',
+    certificateExport: 'person/certificate/export'
+}
+
+// 证书类型 列表
+export function getCertificateTypeList(params) {
+    return request({
+        url: api.list,
+        method: 'get',
+        params: params
+    })
+}
+
+// 查询最大词典项值 列表
+export function getCertificateTypeMaxValue(params) {
+    return request({
+        url: api.findMaxValue,
+        method: 'get',
+        params: params
+    })
+}
+
+// 根据ID查询证书类型 列表
+export function getCertificateType(params) {
+    return request({
+        url: api.get,
+        method: 'post',
+        params: params
+    })
+}
+
+// 证书类型 新增
+export function addCertificateType(params) {
+    return request({
+        url: api.add,
+        method: 'post',
+        data: params
+    })
+}
+
+// 证书类型 删除
+export function delCertificateType(params) {
+    return request({
+        url: api.del,
+        method: 'post',
+        params: params
+    })
+}
+
+// 证书类型 修改
+export function editCertificateType(params) {
+    return request({
+        url: api.edit,
+        method: 'post',
+        data: params
+    })
+}
+
+// 证书列表
+export function getArchivesCertificatelist(params) {
+    return request({
+        url: api.certificateList,
+        method: 'get',
+        params: params
+    })
+}
+
+// 新增人员证书
+export function addPersonCertificate(params) {
+    return request({
+        url: api.addCertificate,
+        method: 'post',
+        data: params
+    })
+}
+
+// 获取证书详情
+export function findPersonCertificateDetail(params) {
+    return request({
+        url: api.certificateDetail,
+        method: 'get',
+        params: params
+    })
+}
+
+// 删除人员证书
+export function delCertificate(params) {
+    return request({
+        url: api.delCertificate,
+        method: 'post',
+        params: params
+    })
+}
+
+// 导出证书详情
+export function exportCertificate(params) {
+    return request({
+        url: api.certificateExport,
+        method: 'get',
+        params: params
+    })
+}

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
+    })
+}

src/api/archives/user.js

@@ -0,0 +1,84 @@
+import request from '@/utils/request'
+
+const courseApi = {
+    list: '/archives/user/listPage',
+    autoTrainList: '/archives/user/autoTrainPageList',
+    autoTrainDetailList: '/archives/user/autoTrainDetailPageList',
+    autoTrainAnswerList: '/archives/user/autoTrainAnswerPageList',
+    terminalTrainList: '/archives/user/terminalTrainPageList',
+    terminalTrainDetail: '/archives/user/terminalTrainDetail',
+    selfStudyList: '/archives/user/selfStudyPageList',
+    violationList: '/archives/user/violationPageList'
+}
+
+// 人员档案 列表
+export function getArchivesUserList(params) {
+    return request({
+        url: courseApi.list,
+        method: 'get',
+        params: params
+    })
+}
+
+// 人员档案-自主培训 列表
+export function getArchivesUserAutoTrainList(params) {
+    return request({
+        url: courseApi.autoTrainList,
+        method: 'get',
+        params: params
+    })
+}
+
+// 人员档案-自主培训-培训详情 列表
+export function getArchivesUserAutoTrainDetailList(params) {
+    return request({
+        url: courseApi.autoTrainDetailList,
+        method: 'get',
+        params: params
+    })
+}
+
+// 人员档案-自主培训-答题记录 列表
+export function getArchivesUserAutoTrainAnswerList(params) {
+    return request({
+        url: courseApi.autoTrainAnswerList,
+        method: 'get',
+        params: params
+    })
+}
+
+// 人员档案-终端培训 列表
+export function getArchivesUserTerminalTrainList(params) {
+    return request({
+        url: courseApi.terminalTrainList,
+        method: 'get',
+        params: params
+    })
+}
+
+// 人员档案-终端培训-查看详情
+export function getArchivesUserTerminalTrainDetail(params) {
+    return request({
+        url: courseApi.terminalTrainDetail,
+        method: 'get',
+        params: params
+    })
+}
+
+// 人员档案-自学档案
+export function getArchivesUserSelfStudyList(params) {
+    return request({
+        url: courseApi.selfStudyList,
+        method: 'get',
+        params: params
+    })
+}
+
+// 人员档案-违章档案
+export function getArchivesUserViolationList(params) {
+    return request({
+        url: courseApi.violationList,
+        method: 'get',
+        params: params
+    })
+}

src/api/common/common.js

@@ -1,5 +1,5 @@
 const api = {
-    download: '/welfare/common/download',
+    download: '/dawa/common/download',
 }
 
 // 附件下载

src/api/course/course.js

@@ -0,0 +1,80 @@
+import request from '@/utils/request'
+
+const courseApi = {
+    add: '/courseManagement/course/addOrUpdate',
+    get: '/courseManagement/course/details',
+    //   update: 'sys/menu/update',
+    del: 'courseManagement/course/delete',
+    //   updateStatus: 'sys/menu/updateStatus',
+    list: '/courseManagement/course/listPage',
+    coursewareList: '/courseManagement/course/courseware/details',
+    questionList: '/courseManagement/course/questionList',
+    listByClass: '/courseManagement/course/list',
+}
+
+export function courseAdd(params) {
+    return request({
+        url: courseApi.add,
+        method: 'post',
+        data: params
+    })
+}
+export function listByClass(params) {
+    return request({
+        url: courseApi.listByClass,
+        method: 'get',
+        params: params
+    })
+}
+// export function menuUpdate (params) {
+//   return request({
+//     url: menuApi.update,
+//     method: 'post',
+//     data: params
+//   })
+// }
+
+export function deleteCourse(params) {
+    return request({
+        url: courseApi.del,
+        method: 'delete',
+        params: params
+    })
+}
+
+// 查询课程列表
+export function getCourseList(params) {
+    if (params.tag) params.tag = params.tag.toString();
+    return request({
+        url: courseApi.list,
+        method: 'get',
+        params: params
+    })
+}
+
+// 查看课程详情
+export function getCourseDetails(params) {
+    return request({
+        url: courseApi.get,
+        method: 'get',
+        params: params
+    })
+}
+
+//通过课程ID获取课件列表
+export function getCoursewareListByCourseId(params) {
+    return request({
+        url: courseApi.coursewareList,
+        method: 'get',
+        params: params
+    })
+}
+
+//通过课程ID获取题目列表
+export function getQuestionListByCourseId(params) {
+    return request({
+        url: courseApi.questionList,
+        method: 'get',
+        params: params
+    })
+}

src/api/course/courseware.js

@@ -0,0 +1,58 @@
+import request from '@/utils/request'
+
+const coursewareApi = {
+    add: '/courseManagement/xmCourseCourseware/addOrUpdate',
+    get: '/courseManagement/xmCourseCourseware/details',
+    del: 'courseManagement/xmCourseCourseware/delete',
+    classList: '/courseManagement/coursewareClassify/listPage',
+    resource:'/courseManagement/xmCourseCourseware/resource'
+}
+
+
+
+//删除课件
+export function deleteCourseware(params) {
+    return request({
+        url: coursewareApi.del,
+        method: 'delete',
+        params: params
+    })
+}
+
+// 课件新增
+export function coursewareAdd(params) {
+    return request({
+        url: coursewareApi.add,
+        method: 'post',
+        data: params
+    })
+}
+
+// 课件分类列表
+export function coursewareClassList(params) {
+    return request({
+        url: coursewareApi.classList,
+        method: 'get',
+        params: params
+    })
+}
+
+
+// 课件详情
+export function coursewareDeatil(params) {
+    return request({
+        url: coursewareApi.get,
+        method: 'get',
+        params: params
+    })
+}
+
+
+// 资源库
+export function resource(params) {
+    return request({
+        url: coursewareApi.resource,
+        method: 'get',
+        params: params
+    })
+}

src/api/course/customCourse.js

@@ -0,0 +1,53 @@
+import request from '@/utils/request'
+
+const projectApi = {
+//   add: 'sys/menu/add',
+//   get: 'sys/menu/get',
+//   update: 'sys/menu/update',
+//   del: 'sys/menu/delete',
+//   updateStatus: 'sys/menu/updateStatus',
+  list: 'courseManagement/customCourse/listPage'
+}
+
+// export function menuAdd (params) {
+//   return request({
+//     url: menuApi.add,
+//     method: 'post',
+//     data: params
+//   })
+// }
+// export function menuGet (params) {
+//   return request({
+//     url: menuApi.get,
+//     method: 'post',
+//     data: params
+//   })
+// }
+// export function menuUpdate (params) {
+//   return request({
+//     url: menuApi.update,
+//     method: 'post',
+//     data: params
+//   })
+// }
+// export function menuDelete (params) {
+//   return request({
+//     url: menuApi.del,
+//     method: 'post',
+//     data: params
+//   })
+// }
+export function getcustomCourseList (params) {
+  return request({
+    url: customApi.list,
+    method: 'get',
+    params: params
+  })
+}
+// export function menuUpdateStatus (params) {
+//   return request({
+//     url: menuApi.updateStatus,
+//     method: 'post',
+//     data: params
+//   })
+// }

src/api/course/question/question.js

@@ -0,0 +1,74 @@
+import request from '@/utils/request'
+
+const questionApi = {
+    add: 'courseManagement/question/addOrUpdate',
+    get: '/courseManagement/question/details',
+    //   update: 'sys/menu/update',
+    del: 'courseManagement/question/delete',
+    //   updateStatus: 'sys/menu/updateStatus',
+    //   list: '/courseManagement/course/listPage',
+    //   coursewareList:'/courseManagement/course/courseware/details',
+    //   questionList:'/courseManagement/course/questionList',
+    importTemplate: "courseManagement/question/importTemplate",
+    getQuestionNumByCourseIds: '/courseManagement/question/getQuestionNumByCourseIds',
+}
+
+
+// 题目新增
+export function questionAdd(params) {
+    return request({
+        url: questionApi.add,
+        method: 'post',
+        data: params
+    })
+}
+
+// 题目数量
+export function getQuestionNumByCourseIds(params) {
+    return request({
+        url: questionApi.getQuestionNumByCourseIds,
+        method: 'post',
+        data: params
+    })
+}
+// export function menuGet (params) {
+//   return request({
+//     url: menuApi.get,
+//     method: 'post',
+//     data: params
+//   })
+// }
+// export function menuUpdate (params) {
+//   return request({
+//     url: menuApi.update,
+//     method: 'post',
+//     data: params
+//   })
+// }
+
+
+export function deleteQuestion(params) {
+    return request({
+        url: questionApi.del,
+        method: 'delete',
+        params: params
+    })
+}
+
+// 查看课程详情
+export function getQuestionDeatil(params) {
+    return request({
+        url: questionApi.get,
+        method: 'get',
+        params: params
+    })
+}
+
+// 题目批量导入
+export function importTemplate(params) {
+    return request({
+        url: questionApi.importTemplate,
+        method: 'post',
+        params: params
+    })
+}

src/api/course/question/requiredQuestion.js

@@ -0,0 +1,62 @@
+import request from '@/utils/request'
+
+const requiredQuesitonApi = {
+    list: 'courseManagement/requiredQuestion/listPage',
+    addOrUpdate: 'courseManagement/requiredQuestion/addOrUpdate',
+    requiredQuestionId:'courseManagement/requiredQuestion/requiredQuestionId',
+    testing:'/courseManagement/requiredQuestion/testing',
+}
+
+
+// 必选题列表
+export function requiredList(params) {
+    return request({
+        url: requiredQuesitonApi.list,
+        method: 'get',
+        params: params
+    })
+}
+
+// 必选题新增和设置
+export function addOrUpdate(params) {
+    return request({
+        url: requiredQuesitonApi.addOrUpdate,
+        method: 'post',
+        params: params
+    })
+}
+
+//必选题题目ID
+export function requiredQuestionId(params) {
+    return request({
+        url: requiredQuesitonApi.requiredQuestionId,
+        method: 'get',
+        params: params
+    })
+}
+
+//必选题题目内容
+export function testing(params) {
+    return request({
+        url: requiredQuesitonApi.testing,
+        method: 'get',
+        params: params
+    })
+}
+
+// export function menuGet (params) {
+//   return request({
+//     url: menuApi.get,
+//     method: 'post',
+//     data: params
+//   })
+// }
+// export function menuUpdate (params) {
+//   return request({
+//     url: menuApi.update,
+//     method: 'post',
+//     data: params
+//   })
+// }
+
+

src/api/data/data.js

@@ -1,12 +1,29 @@
 import request from '@/utils/request'
 
 const dataApi = {
-  statistics: 'data/statistics'
+  orgStatistics: 'data/orgStatistics',
+  personalStatistics: 'data/personalStatistics',
+  classHourTop: 'data/personalStatistics/classHourTop'
 }
 
-export function dataStatistics () {
+export function dataOrgStatistics (params) {
   return request({
-    url: dataApi.statistics,
-    method: 'post'
+    url: dataApi.orgStatistics,
+    method: 'get',
+    params: params
+  })
+}
+export function dataPersonalStatistics (params) {
+  return request({
+    url: dataApi.personalStatistics,
+    method: 'get',
+    params: params
+  })
+}
+export function dataClassHourTop (params) {
+  return request({
+    url: dataApi.classHourTop,
+    method: 'get',
+    params: params
   })
 }

src/api/honor/honor.js

@@ -1,45 +0,0 @@
-import request from '@/utils/request'
-
-const honorApi = {
-  addOrUpdate: '/honor/show/addOrUpdate',
-	detail: '/honor/show/detail',
-  del: '/honor/show/del',
-  list: '/honor/show/list',
-  setTop: '/honor/show/setTop'
-}
-
-export function honorAddOrUpdate (params) {
-  return request({
-    url: honorApi.addOrUpdate,
-    method: 'post',
-    data: params
-  })
-}
-export function honorDetail (params) {
-  return request({
-    url: honorApi.detail,
-    method: 'post',
-    data: params
-  })
-}
-export function honorDel (params) {
-  return request({
-    url: honorApi.del,
-    method: 'post',
-    data: params
-  })
-}
-export function honorPage (params) {
-  return request({
-    url: honorApi.list,
-    method: 'get',
-    params: params
-  })
-}
-export function honorSetTop (params) {
-  return request({
-    url: honorApi.setTop,
-    method: 'post',
-    data: params
-  })
-}

src/api/mycourse/index.js

@@ -0,0 +1,187 @@
+import request from '@/utils/request'
+
+const mycourseApi = {
+  changePassword: '/sys/user/changePwd',
+  mycourseList: 'myCourse/getMyCourseList', // 我的课程列表，课程搜索
+  addMyCourse: 'myCourse/addMyCourse', // 添加课程
+  centerList: 'focusTrain/getList', // 集中培训列表
+  centerDetail: 'focusTrain/getDetail', // 集中培训详情
+  centerJoin: 'project/terminalTrain/enroll', // 集中培训报名
+  centerSign: 'project/terminalTrain/sign', // 集中培训签到
+  recommendList: 'sys/recommend/listPage', // 系统推荐课程列表
+  recommendDetail: 'sys/recommend/detail', // 系统课程推荐详情
+  trainPlanList: '/myCourse/getMyTrainPlanList', // 培训计划列表
+  getMyTrainPlanCourse: '/myCourse/getMyTrainPlanCourse', // 获取培训计划中的课程列表
+  getCourseDetail: 'myCourse/getCourseDetail', // 我的课程详情
+  getCourseCatalogue: 'myCourse/getCourseCatalogue', // 获取课程目录
+  reqCourseExam: 'testInClass/add', // 课中检测
+  simulateTestList: 'simulateTest/list', // 模拟测试列表
+  simulateTestDetail: 'simulateTest/getQuestions', // 获取模拟测试详情
+  operationList: 'classwork/list', // 作业列表
+  reqOperationDetail: 'classwork/get', // 作业详情
+  reqOperationSubmit: 'classwork/submit', // 作业提交
+  getMyCourseList: 'studyStatistics/getMyCourseList', // 课程学习统计
+  addRecord: '/testInClass/addRecord' // pdf学习完成
+}
+
+export function reqMyTrainPlanCourse (data) {
+  return request({
+    url: mycourseApi.getMyTrainPlanCourse,
+    method: 'get',
+    params: data
+  })
+}
+
+export function reqAddRecord (data) {
+    return request({
+      url: mycourseApi.addRecord,
+      method: 'post',
+      params: data
+    })
+}
+
+export function reqChangePassword (data) {
+  return request({
+    url: mycourseApi.changePassword,
+    method: 'get',
+    params: data
+  })
+}
+
+export function reqCenterJoin (data) {
+  return request({
+    url: mycourseApi.centerJoin,
+    method: 'POST',
+    data: data
+  })
+}
+
+export function reqMycourseCount (params) {
+  return request({
+    url: mycourseApi.getMyCourseList,
+    method: 'get',
+    params: params
+  })
+}
+
+export function reqOperationDetail (params) {
+  return request({
+    url: mycourseApi.reqOperationDetail,
+    method: 'get',
+    params: params
+  })
+}
+
+export function reqOperationSubmit (params) {
+  return request({
+    url: mycourseApi.reqOperationSubmit,
+    method: 'post',
+    data: params
+  })
+}
+
+export function reqOperationList (params) {
+  return request({
+    url: mycourseApi.operationList,
+    method: 'get',
+    params: params
+  })
+}
+
+export function reqSimulateTestDetail (params) {
+  return request({
+    url: mycourseApi.simulateTestDetail,
+    method: 'post',
+    params: params
+  })
+}
+
+export function reqSimulateTestList (data) {
+  return request({
+    url: mycourseApi.simulateTestList,
+    method: 'post',
+    data: data,
+    params: data
+  })
+}
+
+export function reqMyCourseList (params) {
+  return request({
+    url: mycourseApi.mycourseList,
+    method: 'get',
+    params: params
+  })
+}
+
+export function reqMyTrainPlanList (params) {
+  return request({
+    url: mycourseApi.trainPlanList,
+    method: 'get',
+    params: params
+  })
+}
+
+export function reqAddMyCourse (params) {
+  return request({
+    url: mycourseApi.addMyCourse,
+    method: 'get',
+    params: params
+  })
+}
+
+export function reqCourseCenterList (params) {
+  return request({
+    url: mycourseApi.centerList,
+    method: 'get',
+    params: params
+  })
+}
+
+export function reqCourseCenterDetail (params) {
+  return request({
+    url: mycourseApi.centerDetail,
+    method: 'get',
+    params: params
+  })
+}
+
+export function reqRecommendList (params) {
+  return request({
+    url: mycourseApi.recommendList,
+    method: 'get',
+    params: params
+  })
+}
+
+export function recommendDetail (params) {
+  return request({
+    url: mycourseApi.recommendDetail,
+    method: 'get',
+    params: params
+  })
+}
+
+export function reqCourseDetail (params) {
+  return request({
+    url: mycourseApi.getCourseDetail,
+    method: 'get',
+    params: params
+  })
+}
+
+export function reqCourseCatalogue (params) {
+  return request({
+    url: mycourseApi.getCourseCatalogue,
+    method: 'get',
+    params: params
+  })
+}
+
+export function reqCourseExam (params, data) {
+  return request({
+    url: mycourseApi.reqCourseExam,
+    method: 'post',
+    params: params,
+    data: data
+  })
+}

src/api/myexam/exam.js

@@ -0,0 +1,67 @@
+import request from '@/utils/request'
+
+const examApi = {
+    examList: 'exam/list', // 我的考试-预约考试列表
+    attendList: 'exam/attend', // 我的考试-已参加考试
+    exam: 'exam/exam', // 我的考试进入考试
+    viewReport: 'exam/viewReport', // 查看报告
+    viewResolution: 'exam/viewResolution', // 查看解析
+    submit: 'exam/submit', // 交卷
+    subscribe: '/exam/subscribe'
+}
+
+export function reqExamViewResolution (data) {
+    return request({
+        url: examApi.viewResolution,
+        method: 'get',
+        params: data
+    })
+}
+
+export function reqExamSubscribe (data) {
+    return request({
+        url: examApi.subscribe,
+        method: 'get',
+        params: data
+    })
+}
+
+export function reqExamSubmit (data) {
+    return request({
+        url: examApi.submit,
+        method: 'post',
+        data: data
+    })
+}
+
+export function reqExamList (params) {
+    return request({
+        url: examApi.examList,
+        method: 'get',
+        params: params
+    })
+}
+
+export function reqExamAttendList (params) {
+    return request({
+        url: examApi.attendList,
+        method: 'get',
+        params: params
+    })
+}
+
+export function reqExamExam (params) {
+    return request({
+        url: examApi.exam,
+        method: 'get',
+        params: params
+    })
+}
+
+export function reqExamViewReport (params) {
+    return request({
+        url: examApi.viewReport,
+        method: 'get',
+        params: params
+    })
+}

src/api/myexamCount/index.js

@@ -0,0 +1,13 @@
+import request from '@/utils/request'
+
+const countApi = {
+    myexamCount: 'data/person/learningStatistics' // 学习统计
+}
+
+export function getMyexamCount (params) {
+    return request({
+        url: countApi.myexamCount,
+        method: 'get',
+        params: params
+    })
+}

src/api/myresource/index.js

@@ -0,0 +1,22 @@
+import request from '@/utils/request'
+
+const myresourceApi = {
+  list: 'courseManagement/xmCourseCourseware/resource', // 学习统计
+  addPreview: 'courseManagement/xmCourseCourseware/details', // 预览次数
+}
+
+export function gerMyresource (params) {
+  return request({
+    url: myresourceApi.list,
+    method: 'get',
+    params: params
+  })
+}
+
+export function reqAddPreview (params) {
+  return request({
+    url: myresourceApi.addPreview,
+    method: 'get',
+    params: params
+  })
+}

src/api/notice/notice.js

@@ -0,0 +1,62 @@
+import request from '@/utils/request'
+
+const noticeApi = {
+  add: 'notice/addOrUpdate',
+  del: 'notice/del',
+  get: 'notice/get',
+  page: 'notice/pageList',
+  read: 'notice/read',
+  pagePerson: 'notice/pagePersonList',
+  cancel: 'notice/cancel'
+}
+
+export function noticeAdd (params) {
+  return request({
+    url: noticeApi.add,
+    method: 'post',
+    data: params
+  })
+}
+export function noticeDel (params) {
+  return request({
+    url: noticeApi.del,
+    method: 'post',
+    params: params
+  })
+}
+export function noticeGet (params) {
+  return request({
+    url: noticeApi.get,
+    method: 'get',
+    params: params
+  })
+}
+export function noticePage (params) {
+  return request({
+    url: noticeApi.page,
+    method: 'post',
+    params: {pageSize: params.pageSize, pageNum: params.pageNum},
+    data: params
+  })
+}
+export function noticeRead (params) {
+  return request({
+    url: noticeApi.read,
+    method: 'get',
+    params: params
+  })
+}
+export function noticePagePerson (params) {
+  return request({
+    url: noticeApi.pagePerson,
+    method: 'post',
+    params: params
+  })
+}
+export function noticeCancel (params) {
+  return request({
+    url: noticeApi.cancel,
+    method: 'post',
+    params: params
+  })
+}

src/api/org/org.js

@@ -0,0 +1,45 @@
+import request from '@/utils/request'
+
+const orgApi = {
+  add: 'sys/org/add',
+  edit: 'sys/org/edit',
+  del: 'sys/org/del',
+  list: 'sys/org/list',
+  page: 'sys/org/pageList',
+}
+
+export function orgAdd (params) {
+  return request({
+    url: orgApi.add,
+    method: 'post',
+    data: params
+  })
+}
+export function orgEdit (params) {
+  return request({
+    url: orgApi.edit,
+    method: 'post',
+    data: params
+  })
+}
+export function orgDel (params) {
+  return request({
+    url: orgApi.del,
+    method: 'post',
+    params: params
+  })
+}
+export function orgList (params) {
+  return request({
+    url: orgApi.list,
+    method: 'get',
+    params: params
+  })
+}
+export function orgPage (params) {
+  return request({
+    url: orgApi.page,
+    method: 'get',
+    params: params
+  })
+}

src/api/person/person.js

@@ -0,0 +1,93 @@
+import request from '@/utils/request'
+
+const personApi = {
+  addOrUpdate: 'person/addOrUpdate',
+  del: 'person/del',
+	get: 'person/get',
+  page: 'person/pageList',
+	transferOrg: 'person/transferOrg',
+	quit: 'person/quit',
+	resetPwd: 'person/resetPwd',
+	setAdmin: 'person/setAdmin',
+  changeLogPage: '/person/changeLog/pageList',
+  exportList: '/person/exportList',
+  importList: '/person/importList'
+}
+
+export function personAddOrUpdate (params) {
+  return request({
+    url: personApi.addOrUpdate,
+    method: 'post',
+    data: params
+  })
+}
+export function personGet (params) {
+  return request({
+    url: personApi.get,
+    method: 'get',
+    params: params
+  })
+}
+export function personDel (params) {
+  return request({
+    url: personApi.del,
+    method: 'post',
+    params: params
+  })
+}
+export function personPage (params) {
+  return request({
+    url: personApi.page,
+    method: 'get',
+    params: params
+  })
+}
+export function personTransferOrg (params) {
+  return request({
+    url: personApi.transferOrg,
+    method: 'get',
+    params: params
+  })
+}
+export function personQuit (params) {
+  return request({
+    url: personApi.quit,
+    method: 'get',
+    params: params
+  })
+}
+export function personResetPwd (params) {
+  return request({
+    url: personApi.resetPwd,
+    method: 'get',
+    params: params
+  })
+}
+export function personSetAdmin (params) {
+  return request({
+    url: personApi.setAdmin,
+    method: 'get',
+    params: params
+  })
+}
+export function personChangeLogPage (params) {
+  return request({
+    url: personApi.changeLogPage,
+    method: 'get',
+    params: params
+  })
+}
+export function personExport (params) {
+  return request({
+    url: personApi.exportList,
+    method: 'get',
+    params: params
+  })
+}
+export function personImport (params) {
+  return request({
+    url: personApi.importList,
+    method: 'post',
+    params: params
+  })
+}

src/api/person/personOrg.js

@@ -0,0 +1,21 @@
+import request from '@/utils/request'
+
+const personOrgApi = {
+  listByOrgId: 'person/org/listByOrgId',
+  addPersonOrg: 'person/org/addPersonOrg'
+}
+
+export function listPersonByOrgId(params) {
+  return request({
+    url: personOrgApi.listByOrgId,
+    method: 'get',
+    params: params
+  })
+}
+export function addPersonOrg(params) {
+  return request({
+    url: personOrgApi.addPersonOrg,
+    method: 'post',
+    data: params
+  })
+}

src/api/person/personRegister.js

@@ -0,0 +1,13 @@
+import request from '@/utils/request'
+
+const personRegisterApi = {
+  page: 'person/register/pageList'
+}
+
+export function personRegisterPage (params) {
+  return request({
+    url: personRegisterApi.page,
+    method: 'get',
+    params: params
+  })
+}

src/api/person/personService.js

@@ -1,37 +0,0 @@
-import request from '@/utils/request'
-
-const personApi = {
-  addOrUpdate: '/person/service/addOrUpdate',
-	detail: '/person/service/detail',
-  del: '/person/service/del',
-  list: '/person/service/list'
-}
-
-export function personServiceAddOrUpdate (params) {
-  return request({
-    url: personApi.addOrUpdate,
-    method: 'post',
-    data: params
-  })
-}
-export function personServiceDetail (params) {
-  return request({
-    url: personApi.detail,
-    method: 'post',
-    data: params
-  })
-}
-export function personServiceDel (params) {
-  return request({
-    url: personApi.del,
-    method: 'post',
-    data: params
-  })
-}
-export function personServicePage (params) {
-  return request({
-    url: personApi.list,
-    method: 'get',
-    params: params
-  })
-}

src/api/person/personSupport.js

@@ -1,37 +0,0 @@
-import request from '@/utils/request'
-
-const personApi = {
-  addOrUpdate: '/person/support/addOrUpdate',
-	detail: '/person/support/detail',
-  del: '/person/support/del',
-  list: '/person/support/list'
-}
-
-export function personAddOrUpdate (params) {
-  return request({
-    url: personApi.addOrUpdate,
-    method: 'post',
-    data: params
-  })
-}
-export function personDetail (params) {
-  return request({
-    url: personApi.detail,
-    method: 'post',
-    data: params
-  })
-}
-export function personDel (params) {
-  return request({
-    url: personApi.del,
-    method: 'post',
-    data: params
-  })
-}
-export function personPage (params) {
-  return request({
-    url: personApi.list,
-    method: 'get',
-    params: params
-  })
-}

src/api/practice/practice.js

@@ -0,0 +1,82 @@
+import request from '@/utils/request'
+
+const practiceApi = {
+    get: 'practice/get',
+    add: 'practice/add',
+    del: 'practice/del',
+    list: 'practice/list',
+    collectionList: 'practice/collection/pageList', // 我的收藏列表
+    recordList: 'practice/record/pageList', // 答题记录
+    wrongList: 'practice/wrong/pageList', // 错题集
+    startAnswer: 'practice/startAnswer', // 开始答题
+    executeSubmit: 'practice/executeSubmit', // 练习交卷
+}
+
+export function practiceExecuteSubmit(data) {
+    return request({
+        url: practiceApi.executeSubmit,
+        method: 'post',
+        data: data
+    })
+}
+
+export function practiceStartAnswer(params) {
+    return request({
+        url: practiceApi.startAnswer,
+        method: 'post',
+        params: params
+    })
+}
+
+export function practiceCollectionPageList(params) {
+    return request({
+        url: practiceApi.collectionList,
+        method: 'get',
+        params: params
+    })
+}
+
+export function practiceRecordPageList(params) {
+    return request({
+        url: practiceApi.recordList,
+        method: 'get',
+        params: params
+    })
+}
+
+export function practiceWrongPageList(params) {
+    return request({
+        url: practiceApi.wrongList,
+        method: 'get',
+        params: params
+    })
+}
+
+export function practiceAdd(params) {
+    return request({
+        url: practiceApi.add,
+        method: 'post',
+        data: params
+    })
+}
+export function practiceGet(params) {
+    return request({
+        url: practiceApi.getDict,
+        method: 'get',
+        params: params
+    })
+}
+export function practiceDel (params) {
+  return request({
+    url: practiceApi.del,
+    method: 'delete',
+    params: params
+  })
+}
+export function practiceList(params) {
+    return request({
+        url: practiceApi.list,
+        method: 'get',
+        params: params
+    })
+}

src/api/practice/report.js

@@ -0,0 +1,42 @@
+import request from '@/utils/request'
+
+const answerApi = {
+    answerViewReport: 'answer/viewReport', // 查看报告
+    answerViewResolution: 'answer/viewResolution', // 查看解析
+    collection: 'practice/collection', // 收藏
+    collectionCancel: 'practice/cancel/collection' // 取消收藏
+}
+
+export function answerViewReport (params) {
+    return request({
+        url: answerApi.answerViewReport,
+        method: 'get',
+        params: params
+    })
+}
+
+export function reqCollection (params) {
+    return request({
+        url: answerApi.collection,
+        method: 'post',
+        params: params,
+        data: params
+    })
+}
+
+export function reqCollectionCancel (params) {
+    return request({
+        url: answerApi.collectionCancel,
+        method: 'get',
+        params: params,
+        data: params
+    })
+}
+
+export function answerViewResolution (params) {
+    return request({
+        url: answerApi.answerViewResolution,
+        method: 'get',
+        params: params
+    })
+}

src/api/project/class.js

@@ -0,0 +1,38 @@
+import request from '@/utils/request'
+
+const classApi = {
+    get: '/project/species/get',
+    add: '/project/species/add',
+    del: '/project/species/del',
+    list: '/project/species/pageList'
+}
+
+export function classAdd(params) {
+    return request({
+        url: classApi.add,
+        method: 'post',
+        data: params
+    })
+}
+export function classGet(params) {
+    return request({
+        url: classApi.getDict,
+        method: 'get',
+        params: params
+    })
+}
+export function classDel (params) {
+  return request({
+    url: classApi.del,
+    method: 'delete',
+    params: params
+  })
+}
+export function classList(params) {
+    console.log("------------{}", params)
+    return request({
+        url: classApi.list,
+        method: 'get',
+        params: params
+    })
+}

src/api/project/project.js

@@ -0,0 +1,59 @@
+import request from '@/utils/request'
+
+const projectApi = {
+    add: 'project/addOrUpdate',
+    getDict: 'project/dict/get',
+    list: 'project/pageList',
+    get: 'project/get',
+    del: 'project/del',
+    projectCourseList: '',
+    release: '/project/release',
+}
+
+export function projectAdd(params) {
+    return request({
+        url: projectApi.add,
+        method: 'post',
+        data: params
+    })
+}
+
+export function projectDel(params) {
+    return request({
+        url: projectApi.del,
+        method: 'post',
+        params: params
+    })
+}
+export function dictGet(params) {
+    return request({
+        url: projectApi.getDict,
+        method: 'get',
+        params: params
+    })
+}
+
+export function getProjectList(params) {
+    return request({
+        url: projectApi.list,
+        method: 'get',
+        params: params
+    })
+}
+
+
+export function getProjectDetail(params) {
+    return request({
+        url: projectApi.get,
+        method: 'get',
+        params: params
+    })
+}
+
+export function releaseProject(params) {
+    return request({
+        url: projectApi.release,
+        method: 'post',
+        params: params
+    })
+}

src/api/project/projectCourse.js

@@ -0,0 +1,30 @@
+import request from '@/utils/request'
+
+const projectCourseApi = {
+//   add: 'project/add',
+//   getDict:'project/dict/get',
+//   get: 'sys/menu/get',
+//   update: 'sys/menu/update',
+//   del: 'sys/menu/delete',
+// //   updateStatus: 'sys/menu/updateStatus',
+//   list: 'project/pageList',
+  projectCourseList: '/project/course/list',
+  courseList: '/project/course/listByCourseIds'
+}
+
+/** 通过项目id查询 */
+export function getCourseList (params) {
+  return request({
+    url: projectCourseApi.projectCourseList,
+    method: 'get',
+    params: params
+  })
+}
+/** 通过课程列表查询 */
+export function getCourseListByCourseIds (params) {
+  return request({
+    url: projectCourseApi.courseList,
+    method: 'Post',
+    params: params
+  })
+}

src/api/project/terminalTrain.js

@@ -0,0 +1,56 @@
+import request from '@/utils/request'
+
+const terminalTrainApi = {
+    edit: '/project/terminal/addOrUpdate',
+    del: '/project/terminal/del',
+    list: '/project/terminal/pageList',
+    get: '/project/terminal/get',
+    release: '/project/terminal/release', //发布项目
+}
+
+export function terminalTrainEdit(params) {
+    return request({
+        url: terminalTrainApi.edit,
+        method: 'post',
+        data: params
+    })
+}
+
+export function terminalTrainDel(params) {
+    return request({
+        url: terminalTrainApi.del,
+        method: 'delete',
+        params: params
+    })
+}
+
+export function terminalTrainList(params) {
+    console.log("terminalTrainList------------{}", params)
+    return request({
+        url: terminalTrainApi.list,
+        method: 'get',
+        params: params
+    })
+}
+
+
+export function terminalTrainGet(params) {
+    console.log("terminalTrainGet------------{}", params)
+    return request({
+        url: terminalTrainApi.get,
+        method: 'get',
+        params: {
+            id: params,
+        }
+    })
+}
+
+// releaseTerminalTrain
+export function releaseTerminalTrain(params) {
+    console.log("terminalTrainRelease------------{}", params)
+    return request({
+        url: terminalTrainApi.release,
+        method: 'put',
+        params: params
+    })
+}

src/api/project/terminalTrainSign.js

@@ -0,0 +1,15 @@
+import request from '@/utils/request'
+
+const terminalTrainSignApi = {
+    list: 'project/terminalTrain/list',
+    
+}
+
+export function terminalTrainSignList(params) {
+    // console.log("terminalTrainList------------{}", params)
+    return request({
+        url: terminalTrainSignApi.list,
+        method: 'get',
+        params: params
+    })
+}

src/api/room/room.js

@@ -1,54 +0,0 @@
-import request from '@/utils/request'
-
-const roomApi = {
-  addOrUpdate: '/room/addOrUpdate',
-	detail: '/room/detail',
-  del: '/room/del',
-  list: '/room/list',
-  listAllRoom: '/room/listAllRoom',
-  listAllBed: '/room/listAllBed',
-
-}
-
-export function roomAddOrUpdate (params) {
-  return request({
-    url: roomApi.addOrUpdate,
-    method: 'post',
-    data: params
-  })
-}
-export function roomDetail (params) {
-  return request({
-    url: roomApi.detail,
-    method: 'post',
-    data: params
-  })
-}
-export function roomDel (params) {
-  return request({
-    url: roomApi.del,
-    method: 'post',
-    data: params
-  })
-}
-export function roomPage (params) {
-  return request({
-    url: roomApi.list,
-    method: 'get',
-    params: params
-  })
-}
-export function roomListAll (params) {
-  return request({
-    url: roomApi.listAllRoom,
-    method: 'post',
-    data: params
-  })
-}
-export function roomListAllBed (params) {
-  return request({
-    url: roomApi.listAllBed,
-    method: 'post',
-    data: params
-  })
-}

src/api/room/roomCheck.js

@@ -1,45 +0,0 @@
-import request from '@/utils/request'
-
-const roomCheckApi = {
-  addOrUpdate: '/hospital/record/addOrUpdate',
-	detail: '/hospital/record/detail',
-  del: '/hospital/record/del',
-  checkinList: '/hospital/record/checkin/list',
-  checkoutList: '/hospital/record/checkout/list'
-}
-
-export function roomCheckAddOrUpdate (params) {
-  return request({
-    url: roomCheckApi.addOrUpdate,
-    method: 'post',
-    data: params
-  })
-}
-export function roomCheckDetail (params) {
-  return request({
-    url: roomCheckApi.detail,
-    method: 'post',
-    data: params
-  })
-}
-export function roomCheckDel (params) {
-  return request({
-    url: roomCheckApi.del,
-    method: 'post',
-    data: params
-  })
-}
-export function roomCheckinList (params) {
-  return request({
-    url: roomCheckApi.checkinList,
-    method: 'get',
-    params: params
-  })
-}
-export function roomCheckoutList (params) {
-  return request({
-    url: roomCheckApi.checkoutList,
-    method: 'get',
-    params: params
-  })
-}

src/api/security/user.js

@@ -9,8 +9,7 @@ const userApi = {
   page: '/sys/user/pageList',
   getInfo: '/sys/user/getInfo',
   ownRole: '/sys/user/ownRole',
-  grantRole: '/sys/user/grantRole',
-  changePassword: '/sys/user/changePwd'
+  grantRole: '/sys/user/grantRole'
 }
 
 const userPasswordApi = {
@@ -90,10 +89,3 @@ export function passwordReset (params) {
     params: params
   })
 }
-export function reqChangePassword (data) {
-  return request({
-    url: mycourseApi.changePassword,
-    method: 'get',
-    params: data
-  })
-}

src/api/trainplan/index.js

@@ -0,0 +1,40 @@
+import request from '@/utils/request'
+
+const trainPlanAPI = {
+    add: '/trainPlan/add',
+    list: '/trainPlan/list',
+    get: '/trainPlan/get',
+    del: '/trainPlan/del'
+}
+
+export function trainPlanAdd(params) {
+    return request({
+        url: trainPlanAPI.add,
+        method: 'post',
+        data: params
+    })
+}
+
+export function trainPlanList(params) {
+    return request({
+        url: trainPlanAPI.list,
+        method: 'get',
+        params: params
+    })
+}
+
+export function trainPlanGet(params) {
+    return request({
+        url: trainPlanAPI.get,
+        method: 'get',
+        params: params
+    })
+}
+
+export function trainPlanDel(params) {
+    return request({
+        url: trainPlanAPI.del,
+        method: 'delete',
+        params: params
+    })
+}

src/assets/scss/_variables.scss

@@ -1,99 +0,0 @@
-// 颜色
-$colors: (
-  "primary": #1A5CD7,
-  "info-1": #4394e4,
-  "info": #4b67af,
-  "white": #ffffff,
-  "light": #f9f9f9,
-  "grey-1": #999999,
-  "grey": #666666,
-  "dark-1": #5f5f5f,
-  "dark": #222222,
-  "black-1": #171823,
-  "black": #000000,
-  "icon": #5cd9e8
-);
-
-// 字体大小
-$base-font-size: 0.2rem;
-$font-sizes: (
-  xxs: 0.1,
-  //8px
-    xs: 0.125,
-  //10px
-    sm: 0.2875,
-  //12px
-    md: 0.1625,
-  //13px
-    lg: 0.175,
-  //14px
-    xl: 0.2,
-  //16px
-    xxl: 0.225,
-  //18px
-    xxxl: 0.25 //20px,,,,
-);
-
-// 宽高
-.w-100 {
-  width: 100%;
-}
-.h-100 {
-  height: 100%;
-}
-
-//flex
-.d-flex {
-  display: flex;
-	line-height: 1
-}
-.flex-column {
-  flex-direction: column;
-}
-.flex-wrap {
-  flex-wrap: wrap;
-}
-.flex-nowrap {
-  flex-wrap: nowrap;
-}
-$flex-jc: (
-  start: flex-start,
-  end: flex-end,
-  center: center,
-  between: space-between,
-  around: space-around,
-  evenly: space-evenly,
-);
-
-$flex-ai: (
-  start: flex-start,
-  end: flex-end,
-  center: center,
-  stretch: stretch,
-);
-
-.flex-1 {
-  flex: 1;
-}
-
-//.mt-1 => margin top
-//spacing
-$spacing-types: (
-  m: margin,
-  p: padding,
-);
-$spacing-directions: (
-  t: top,
-  r: right,
-  b: bottom,
-  l: left,
-);
-$spacing-base-size: 0.5rem;
-$spacing-sizes: (
-  0: 0,
-  1: 0.5,
-  2: 1,
-  3: 1.5,
-  4: 2,
-  5: 2.5,
-);

src/assets/scss/index.scss

@@ -1,144 +0,0 @@
-#index {
-  color: #d3d6dd;
-  width: 1920px;
-  height: 1080px;
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  transform-origin: left top;
-  overflow: hidden;
-  
-  .bg {
-    width: 100%;
-    height: 100%;
-    padding: 16px 16px 0 16px;
-    background-image: url("../../assets/pageBg.png");
-    background-size: cover;
-    background-position: center center;
-  }
-
-  .host-body {
-    .dv-dec-10,
-    .dv-dec-10-s {
-      width: 33.3%;
-      height: 5px;
-    }
-    .dv-dec-10-s {
-      transform: rotateY(180deg);
-    }
-    .dv-dec-8 {
-      width: 200px;
-      height: 50px;
-    }
-    .title {
-      position: relative;
-      width: 500px;
-      text-align: center;
-      background-size: cover;
-      background-repeat: no-repeat;
-
-      .title-text {
-        font-size: 30px;
-        position: absolute;
-        bottom: 0;
-        left: 50%;
-        transform: translate(-50%);
-      }
-
-      .dv-dec-6 {
-        position: absolute;
-        bottom: -30px;
-        left: 50%;
-        width: 250px;
-        height: 8px;
-        transform: translate(-50%);
-      }
-    }
-
-    // 第二行
-    .aside-width {
-      width: 40%;
-    }
-    .react-r-s,
-    .react-l-s {
-      background-color: #0f1325;
-    }
-
-    // 平行四边形
-    .react-right {
-      /* &.react-l-s {
-        text-align: right;
-        width: 500px;
-      } */
-      font-size: 24px;
-      width: 300px;
-      line-height: 50px;
-      text-align: center;
-      transform: skewX(-45deg);
-
-      .react-after {
-        position: absolute;
-        right: -25px;
-        top: 0;
-        height: 50px;
-        width: 50px;
-        background-color: #0f1325;
-        transform: skewX(45deg);
-      }
-
-      .text {
-        display: inline-block;
-        transform: skewX(45deg);
-      }
-    }
-
-    .react-left {
-      &.react-l-s {
-        width: 500px;
-        text-align: left;
-      }
-      font-size: 24px;
-      width: 300px;
-      height: 50px;
-      line-height: 50px;
-      text-align: center;
-      transform: skewX(45deg);
-      background-color: #0f1325;
-
-      .react-left {
-        position: absolute;
-        left: -25px;
-        top: 0;
-        height: 50px;
-        width: 50px;
-        background-color: #0f1325;
-        transform: skewX(-45deg);
-      }
-
-      .text {
-        display: inline-block;
-        transform: skewX(-45deg);
-      }
-    }
-
-    .body-box {
-      margin-top: 16px;
-      display: flex;
-      flex-direction: column;
-
-      //下方区域的布局
-      .content-box {
-        display: grid;
-        grid-template-columns: 2fr 3fr 5fr 3fr 2fr;
-      }
-
-      // 底部数据
-      .bottom-box {
-        margin-top: 10px;
-        display: grid;
-        grid-template-columns: repeat(2, 50%);
-      }
-    }
-  }
-}

src/assets/scss/style.scss

@@ -1,186 +0,0 @@
-@import "./variables";
-
-//  全局样式
-* {
-  margin: 0;
-  padding: 0;
-  list-style-type: none;
-  outline: none;
-  box-sizing: border-box;
-}
-
-html {
-  margin: 0;
-  padding: 0;
-}
-
-body {
-  font-family: Arial, Helvetica, sans-serif;
-  line-height: 1.2em;
-  background-color: #f1f1f1;
-  margin: 0;
-  padding: 0;
-  overflow: hidden;
-}
-
-a {
-  color: #343440;
-  text-decoration: none;
-}
-
-.clearfix {
-  &::after {
-    content: "";
-    display: table;
-    height: 0;
-    line-height: 0;
-    visibility: hidden;
-    clear: both;
-  }
-}
-
-//浮动
-.float-r {
-  float: right;
-}
-
-//浮动
-.float-l {
-  float: left;
-}
-
-// 字体加粗
-.fw-b {
-  font-weight: bold;
-}
-
-//文章一行显示，多余省略号显示
-.title-item {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.bg-color-black {
-  background-color: rgba(19, 25, 47, 0.6);
-}
-
-.bg-color-blue {
-  background-color: #1a5cd7;
-}
-
-.colorBlack {
-  color: #272727 !important;
-
-  &:hover {
-    color: #272727 !important;
-  }
-}
-
-.colorGrass {
-  color: #33cea0;
-
-  &:hover {
-    color: #33cea0 !important;
-  }
-}
-
-.colorRed {
-  color: #ff5722;
-
-  &:hover {
-    color: #ff5722 !important;
-  }
-}
-
-.colorText {
-  color: #d3d6dd !important;
-
-  &:hover {
-    color: #d3d6dd !important;
-  }
-}
-
-.colorBlue {
-  color: #257dff !important;
-
-  &:hover {
-    color: #257dff !important;
-  }
-}
-
-//颜色
-@each $colorkey, $color in $colors {
-  .text-#{$colorkey} {
-    color: $color;
-  }
-
-  .bg-#{$colorkey} {
-    background-color: $color;
-  }
-}
-
-//对齐
-@each $var in (left, center, right) {
-  .text-#{$var} {
-    text-align: $var !important;
-  }
-}
-
-//flex
-@each $key, $value in $flex-jc {
-  .jc-#{$key} {
-    justify-content: $value;
-  }
-}
-
-@each $key, $value in $flex-ai {
-  .ai-#{$key} {
-    align-items: $value;
-  }
-}
-
-//字体
-@each $fontkey, $fontvalue in $font-sizes {
-  .fs-#{$fontkey} {
-    font-size: $fontvalue * $base-font-size;
-  }
-}
-
-//.mt-1 => margin top
-//spacing
-
-@each $typekey, $type in $spacing-types {
-  //.m-1
-  @each $sizekey, $size in $spacing-sizes {
-    .#{$typekey}-#{$sizekey} {
-      #{$type}: $size * $spacing-base-size;
-    }
-  }
-
-  //.mx-1
-  @each $sizekey, $size in $spacing-sizes {
-    .#{$typekey}x-#{$sizekey} {
-      #{$type}-left: $size * $spacing-base-size;
-      #{$type}-right: $size * $spacing-base-size;
-    }
-
-    .#{$typekey}y-#{$sizekey} {
-      #{$type}-top: $size * $spacing-base-size;
-      #{$type}-bottom: $size * $spacing-base-size;
-    }
-  }
-
-  //.mt-1
-  @each $directionkey, $direction in $spacing-directions {
-    @each $sizekey, $size in $spacing-sizes {
-      .#{$typekey}#{$directionkey}-#{$sizekey} {
-        #{$type}-#{$direction}: $size * $spacing-base-size;
-      }
-    }
-  }
-
-  .#{$typekey} {
-    #{$type}: 0;
-  }
-}

src/common/echart/index.vue

@@ -1,67 +0,0 @@
-<template>
-  <div :id="id" :class="className" :style="{ height: height, width: width }" />
-</template>
-
-<script>
-import tdTheme from './theme.json' // 引入默认主题
-import '../map/fujian.js'
-
-export default {
-  name: 'echart',
-  props: {
-    className: {
-      type: String,
-      default: 'chart'
-    },
-    id: {
-      type: String,
-      default: 'chart'
-    },
-    width: {
-      type: String,
-      default: '100%'
-    },
-    height: {
-      type: String,
-      default: '2.5rem'
-    },
-    options: {
-      type: Object,
-      default: ()=>({})
-    }
-  },
-  data () {
-    return {
-      chart: null
-    }
-  },
-  watch: {
-    options: {
-      handler (options) {
-        // 设置true清空echart缓存
-        this.chart.setOption(options, true)
-      },
-      deep: true
-    }
-  },
-  mounted () {
-    this.$echarts.registerTheme('tdTheme', tdTheme); // 覆盖默认主题
-    this.initChart();
-  },
-  beforeDestroy () {
-    this.chart.dispose()
-    this.chart = null
-  },
-  methods: {
-    initChart () {
-      // 初始化echart
-      this.chart = this.$echarts.init(this.$el, 'tdTheme')
-      document.getElementById(this.id).setAttribute('_echarts_instance_', '')
-      this.chart.setOption(this.options, true)
-    }
-  }
-}
-</script>
-
-<style>
-</style>

src/common/echart/theme.json

@@ -1,490 +0,0 @@
-{
-  "color": [
-    "#2d8cf0",
-    "#19be6b",
-    "#ff9900",
-    "#E46CBB",
-    "#9A66E4",
-    "#ed3f14"
-  ],
-  "backgroundColor": "rgba(0,0,0,0)",
-  "textStyle": {},
-  "title": {
-    "textStyle": {
-      "color": "#516b91"
-    },
-    "subtextStyle": {
-      "color": "#93b7e3"
-    }
-  },
-  "line": {
-    "itemStyle": {
-      "normal": {
-        "borderWidth": "2"
-      }
-    },
-    "lineStyle": {
-      "normal": {
-        "width": "2"
-      }
-    },
-    "symbolSize": "6",
-    "symbol": "emptyCircle",
-    "smooth": true
-  },
-  "radar": {
-    "itemStyle": {
-      "normal": {
-        "borderWidth": "2"
-      }
-    },
-    "lineStyle": {
-      "normal": {
-        "width": "2"
-      }
-    },
-    "symbolSize": "6",
-    "symbol": "emptyCircle",
-    "smooth": true
-  },
-  "bar": {
-    "itemStyle": {
-      "normal": {
-        "barBorderWidth": 0,
-        "barBorderColor": "#ccc"
-      },
-      "emphasis": {
-        "barBorderWidth": 0,
-        "barBorderColor": "#ccc"
-      }
-    }
-  },
-  "pie": {
-    "itemStyle": {
-      "normal": {
-        "borderWidth": 0,
-        "borderColor": "#ccc"
-      },
-      "emphasis": {
-        "borderWidth": 0,
-        "borderColor": "#ccc"
-      }
-    }
-  },
-  "scatter": {
-    "itemStyle": {
-      "normal": {
-        "borderWidth": 0,
-        "borderColor": "#ccc"
-      },
-      "emphasis": {
-        "borderWidth": 0,
-        "borderColor": "#ccc"
-      }
-    }
-  },
-  "boxplot": {
-    "itemStyle": {
-      "normal": {
-        "borderWidth": 0,
-        "borderColor": "#ccc"
-      },
-      "emphasis": {
-        "borderWidth": 0,
-        "borderColor": "#ccc"
-      }
-    }
-  },
-  "parallel": {
-    "itemStyle": {
-      "normal": {
-        "borderWidth": 0,
-        "borderColor": "#ccc"
-      },
-      "emphasis": {
-        "borderWidth": 0,
-        "borderColor": "#ccc"
-      }
-    }
-  },
-  "sankey": {
-    "itemStyle": {
-      "normal": {
-        "borderWidth": 0,
-        "borderColor": "#ccc"
-      },
-      "emphasis": {
-        "borderWidth": 0,
-        "borderColor": "#ccc"
-      }
-    }
-  },
-  "funnel": {
-    "itemStyle": {
-      "normal": {
-        "borderWidth": 0,
-        "borderColor": "#ccc"
-      },
-      "emphasis": {
-        "borderWidth": 0,
-        "borderColor": "#ccc"
-      }
-    }
-  },
-  "gauge": {
-    "itemStyle": {
-      "normal": {
-        "borderWidth": 0,
-        "borderColor": "#ccc"
-      },
-      "emphasis": {
-        "borderWidth": 0,
-        "borderColor": "#ccc"
-      }
-    }
-  },
-  "candlestick": {
-    "itemStyle": {
-      "normal": {
-        "color": "#edafda",
-        "color0": "transparent",
-        "borderColor": "#d680bc",
-        "borderColor0": "#8fd3e8",
-        "borderWidth": "2"
-      }
-    }
-  },
-  "graph": {
-    "itemStyle": {
-      "normal": {
-        "borderWidth": 0,
-        "borderColor": "#ccc"
-      }
-    },
-    "lineStyle": {
-      "normal": {
-        "width": 1,
-        "color": "#aaa"
-      }
-    },
-    "symbolSize": "6",
-    "symbol": "emptyCircle",
-    "smooth": true,
-    "color": [
-      "#2d8cf0",
-      "#19be6b",
-      "#f5ae4a",
-      "#9189d5",
-      "#56cae2",
-      "#cbb0e3"
-    ],
-    "label": {
-      "normal": {
-        "textStyle": {
-          "color": "#eee"
-        }
-      }
-    }
-  },
-  "map": {
-    "itemStyle": {
-      "normal": {
-        "areaColor": "#f3f3f3",
-        "borderColor": "#516b91",
-        "borderWidth": 0.5
-      },
-      "emphasis": {
-        "areaColor": "rgba(165,231,240,1)",
-        "borderColor": "#516b91",
-        "borderWidth": 1
-      }
-    },
-    "label": {
-      "normal": {
-        "textStyle": {
-          "color": "#000"
-        }
-      },
-      "emphasis": {
-        "textStyle": {
-          "color": "rgb(81,107,145)"
-        }
-      }
-    }
-  },
-  "geo": {
-    "itemStyle": {
-      "normal": {
-        "areaColor": "#f3f3f3",
-        "borderColor": "#516b91",
-        "borderWidth": 0.5
-      },
-      "emphasis": {
-        "areaColor": "rgba(165,231,240,1)",
-        "borderColor": "#516b91",
-        "borderWidth": 1
-      }
-    },
-    "label": {
-      "normal": {
-        "textStyle": {
-          "color": "#000"
-        }
-      },
-      "emphasis": {
-        "textStyle": {
-          "color": "rgb(81,107,145)"
-        }
-      }
-    }
-  },
-  "categoryAxis": {
-    "axisLine": {
-      "show": true,
-      "lineStyle": {
-        "color": "#cccccc"
-      }
-    },
-    "axisTick": {
-      "show": false,
-      "lineStyle": {
-        "color": "#333"
-      }
-    },
-    "axisLabel": {
-      "show": true,
-      "textStyle": {
-        "color": "#fff"
-      }
-    },
-    "splitLine": {
-      "show": false,
-      "lineStyle": {
-        "color": [
-          "#eeeeee"
-        ]
-      }
-    },
-    "splitArea": {
-      "show": false,
-      "areaStyle": {
-        "color": [
-          "rgba(250,250,250,0.05)",
-          "rgba(200,200,200,0.02)"
-        ]
-      }
-    }
-  },
-  "valueAxis": {
-    "axisLine": {
-      "show": true,
-      "lineStyle": {
-        "color": "#cccccc"
-      }
-    },
-    "axisTick": {
-      "show": false,
-      "lineStyle": {
-        "color": "#333"
-      }
-    },
-    "axisLabel": {
-      "show": true,
-      "textStyle": {
-        "color": "#fff"
-      }
-    },
-    "splitLine": {
-      "show": false,
-      "lineStyle": {
-        "color": [
-          "#eeeeee"
-        ]
-      }
-    },
-    "splitArea": {
-      "show": false,
-      "areaStyle": {
-        "color": [
-          "rgba(250,250,250,0.05)",
-          "rgba(200,200,200,0.02)"
-        ]
-      }
-    }
-  },
-  "logAxis": {
-    "axisLine": {
-      "show": true,
-      "lineStyle": {
-        "color": "#cccccc"
-      }
-    },
-    "axisTick": {
-      "show": false,
-      "lineStyle": {
-        "color": "#333"
-      }
-    },
-    "axisLabel": {
-      "show": true,
-      "textStyle": {
-        "color": "#999999"
-      }
-    },
-    "splitLine": {
-      "show": true,
-      "lineStyle": {
-        "color": [
-          "#eeeeee"
-        ]
-      }
-    },
-    "splitArea": {
-      "show": false,
-      "areaStyle": {
-        "color": [
-          "rgba(250,250,250,0.05)",
-          "rgba(200,200,200,0.02)"
-        ]
-      }
-    }
-  },
-  "timeAxis": {
-    "axisLine": {
-      "show": true,
-      "lineStyle": {
-        "color": "#cccccc"
-      }
-    },
-    "axisTick": {
-      "show": false,
-      "lineStyle": {
-        "color": "#333"
-      }
-    },
-    "axisLabel": {
-      "show": true,
-      "textStyle": {
-        "color": "#999999"
-      }
-    },
-    "splitLine": {
-      "show": true,
-      "lineStyle": {
-        "color": [
-          "#eeeeee"
-        ]
-      }
-    },
-    "splitArea": {
-      "show": false,
-      "areaStyle": {
-        "color": [
-          "rgba(250,250,250,0.05)",
-          "rgba(200,200,200,0.02)"
-        ]
-      }
-    }
-  },
-  "toolbox": {
-    "iconStyle": {
-      "normal": {
-        "borderColor": "#999"
-      },
-      "emphasis": {
-        "borderColor": "#666"
-      }
-    }
-  },
-  "legend": {
-    "textStyle": {
-      "color": "#fff"
-    }
-  },
-  "tooltip": {
-    "axisPointer": {
-      "lineStyle": {
-        "color": "#ccc",
-        "width": 1
-      },
-      "crossStyle": {
-        "color": "#ccc",
-        "width": 1
-      }
-    }
-  },
-  "timeline": {
-    "lineStyle": {
-      "color": "#8fd3e8",
-      "width": 1
-    },
-    "itemStyle": {
-      "normal": {
-        "color": "#8fd3e8",
-        "borderWidth": 1
-      },
-      "emphasis": {
-        "color": "#8fd3e8"
-      }
-    },
-    "controlStyle": {
-      "normal": {
-        "color": "#8fd3e8",
-        "borderColor": "#8fd3e8",
-        "borderWidth": 0.5
-      },
-      "emphasis": {
-        "color": "#8fd3e8",
-        "borderColor": "#8fd3e8",
-        "borderWidth": 0.5
-      }
-    },
-    "checkpointStyle": {
-      "color": "#8fd3e8",
-      "borderColor": "rgba(138,124,168,0.37)"
-    },
-    "label": {
-      "normal": {
-        "textStyle": {
-          "color": "#8fd3e8"
-        }
-      },
-      "emphasis": {
-        "textStyle": {
-          "color": "#8fd3e8"
-        }
-      }
-    }
-  },
-  "visualMap": {
-    "color": [
-      "#516b91",
-      "#59c4e6",
-      "#a5e7f0"
-    ]
-  },
-  "dataZoom": {
-    "backgroundColor": "rgba(0,0,0,0)",
-    "dataBackgroundColor": "rgba(255,255,255,0.3)",
-    "fillerColor": "rgba(167,183,204,0.4)",
-    "handleColor": "#a7b7cc",
-    "handleSize": "100%",
-    "textStyle": {
-      "color": "#333"
-    }
-  },
-  "markPoint": {
-    "label": {
-      "normal": {
-        "textStyle": {
-          "color": "#eee"
-        }
-      },
-      "emphasis": {
-        "textStyle": {
-          "color": "#eee"
-        }
-      }
-    }
-  }
-}

src/components/DbDynamic/DbDynamic.vue

@@ -1,174 +0,0 @@
-<template>
-  <div>
-    <div class="dynamic-wrap" :style="{ maxHeight: wrapHeight + 'px' }">
-      <div v-for="item in keysList" :key="item">
-        <a-row :gutter="24">
-          <a-col :span="6">
-            <a-form-item label="id" v-show="false" >
-              <a-input
-                placeholder="id"
-                v-decorator="[
-                  `${title}Id[${item}]`,
-                  {
-                    initialValue: arr[item] ? arr[item].id : undefined
-                  }
-                ]"
-              />
-            </a-form-item>
-            <a-form-item label="姓名" :labelCol="{span: 8}" :wrapperCol="{span: 16}">
-              <a-input
-                placeholder="请填写姓名"
-                v-decorator="[
-                  `${title}FamilyName[${item}]`,
-                  {
-                    initialValue: arr[item] ? arr[item].familyName : undefined
-                    // ,rules: [{ required: true, message: '请填写名称!' }]
-                  }
-                ]"
-              />
-            </a-form-item>
-          </a-col>
-          <a-col :span="4">
-            <a-form-item label="关系" :labelCol="{span: 6}" :wrapperCol="{span: 16}">
-              <a-input
-                placeholder="请填写关系"
-                v-decorator="[
-                  `${title}Relation[${item}]`,
-                  {
-                    initialValue: arr[item] ? arr[item].relation : undefined
-                  }
-                ]"
-              />
-            </a-form-item>
-          </a-col>
-          <a-col :span="6">
-            <a-form-item label="联系方式" :labelCol="{span: 8}" :wrapperCol="{span: 16}">
-              <a-input
-                placeholder="请填写联系方式"
-                v-decorator="[
-                  `${title}Phone[${item}]`,
-                  {
-                    initialValue: arr[item] ? arr[item].phone : undefined
-                  }
-                ]" />
-            </a-form-item>
-          </a-col>
-          <a-col :span="6">
-            <a-form-item label="工作单位" :labelCol="{span: 8}" :wrapperCol="{span: 16}">
-              <a-input
-                placeholder="请填写工作单位"
-                v-decorator="[
-                  `${title}WorkInfo[${item}]`,
-                  {
-                    initialValue: arr[item] ? arr[item].workInfo : undefined
-                  }
-                ]" />
-            </a-form-item>
-          </a-col>
-          <a-col :span="2" style="padding-left: 0px">
-            <a-form-item :labelCol="{span: 0}" :wrapperCol="{span: 24}">
-              <template >
-                <a-button type="dashed" icon="minus" @click="removeRow(item)" class="minusRowBtn"></a-button>
-              </template>
-            </a-form-item>
-          </a-col>
-        </a-row>
-      </div>
-      <a-button type="dashed" icon="plus" @click="addRow" class="addRowBtn">
-        新增一行
-      </a-button>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'DynamicForm',
-  props: {
-    title: {
-      type: String,
-      default: ''
-    },
-    wrapHeight: { // 表单容器的高度
-      type: Number,
-      default: 120
-    },
-    arr: {
-      type: Array,
-      default: function () {
-        return []
-      }
-    }
-  },
-  data () {
-    return {
-      id: 0,
-      keysList: []
-    }
-  },
-  created () {
-    this.form = this.$form.createForm(this)
-    this.init()
-  },
-  methods: {
-    // 初始化
-    init () {
-      const arr = [0]
-      if (this.arr.length !== 0) {
-        for (let i = 1; i < (this.arr).length; i++) {
-          arr.push(i)
-          this.id = this.id + 1
-        }
-      }
-      this.keysList = arr
-    },
-    // 移除某行
-    removeRow (k) {
-      /*
-      if (this.keysList.length === 0) { // 如果存在可以移除所有行的情况，把条件改为this.keysList.length === 0即可
-        return
-      } */
-      this.keysList = this.keysList.filter(item => item !== k)
-    },
-    // 新增一行
-    addRow () {
-      this.id = this.id + 1
-      this.keysList = this.keysList.concat(this.id)
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-  .dynamic-wrap {
-    padding-top: 10px;
-    background-color: white;
-    overflow-y: scroll;
-    overflow-x: hidden;
-    &::-webkit-scrollbar {
-      width: 7px;
-    }
-    &::-webkit-scrollbar-thumb {
-      background: #d8d8d8;
-      border-radius: 10px;
-    }
-    &::-webkit-scrollbar-track-piece {
-      background: transparent;
-    }
-  }
-  .minusRowBtn {
-    color: #f5222d;
-    background: #fff1f0;
-    border-color: #ffa39e;
-    padding-right: 7px;
-    padding-left: 7px;
-    height: 29px;
-    margin-left: 10px;
-  }
-  .addRowBtn {
-    width: 70%;
-    color: #1890ff;
-    border-color: #91d5ff;
-    margin: 0px 0px 20px 70px;
-  }
-</style>

src/components/DbDynamicRoom/DbDynamicRoom.vue

@@ -1,150 +0,0 @@
-<template>
-  <div>
-    <div class="dynamic-wrap" :style="{ maxHeight: wrapHeight + 'px' }">
-      <div v-for="item in keysList" :key="item">
-        <a-row :gutter="24">
-          <a-col :span="10">
-            <a-form-item label="id" v-show="false" >
-              <a-input
-                placeholder="id"
-                v-decorator="[
-                  `${title}Id[${item}]`,
-                  {
-                    initialValue: arr[item] ? arr[item].id : undefined
-                  }
-                ]"
-              />
-            </a-form-item>
-            <a-form-item label="床位号" :labelCol="{span: 8}" :wrapperCol="{span: 16}">
-              <a-input
-                placeholder="请填写床位号"
-                v-decorator="[
-                  `${title}Name[${item}]`,
-                  {
-                    initialValue: arr[item] ? arr[item].name : undefined
-                    // ,rules: [{ required: true, message: '请填写名称!' }]
-                  }
-                ]"
-              />
-            </a-form-item>
-          </a-col>
-          <a-col :span="10">
-            <a-form-item label="备注" :labelCol="{span: 6}" :wrapperCol="{span: 16}">
-              <a-input
-                placeholder="请填写备注"
-                v-decorator="[
-                  `${title}Remark[${item}]`,
-                  {
-                    initialValue: arr[item] ? arr[item].remark : undefined
-                  }
-                ]"
-              />
-            </a-form-item>
-          </a-col>
-          <a-col :span="2" style="padding-left: 0px">
-            <a-form-item :labelCol="{span: 0}" :wrapperCol="{span: 24}">
-              <template >
-                <a-button type="dashed" icon="minus" @click="removeRow(item)" class="minusRowBtn"></a-button>
-              </template>
-            </a-form-item>
-          </a-col>
-        </a-row>
-      </div>
-      <a-button type="dashed" icon="plus" @click="addRow" class="addRowBtn">
-        新增一行
-      </a-button>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'DynamicFormRoom',
-  props: {
-    title: {
-      type: String,
-      default: ''
-    },
-    wrapHeight: { // 表单容器的高度
-      type: Number,
-      default: 120
-    },
-    arr: {
-      type: Array,
-      default: function () {
-        return []
-      }
-    }
-  },
-  data () {
-    return {
-      id: 0,
-      keysList: []
-    }
-  },
-  created () {
-    this.form = this.$form.createForm(this)
-    this.init()
-  },
-  methods: {
-    // 初始化
-    init () {
-      const arr = [0]
-      if (this.arr.length !== 0) {
-        for (let i = 1; i < (this.arr).length; i++) {
-          arr.push(i)
-          this.id = this.id + 1
-        }
-      }
-      this.keysList = arr
-    },
-    // 移除某行
-    removeRow (k) {
-      /*
-      if (this.keysList.length === 0) { // 如果存在可以移除所有行的情况，把条件改为this.keysList.length === 0即可
-        return
-      } */
-      this.keysList = this.keysList.filter(item => item !== k)
-    },
-    // 新增一行
-    addRow () {
-      this.id = this.id + 1
-      this.keysList = this.keysList.concat(this.id)
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-  .dynamic-wrap {
-    padding-top: 10px;
-    background-color: white;
-    overflow-y: scroll;
-    overflow-x: hidden;
-    &::-webkit-scrollbar {
-      width: 7px;
-    }
-    &::-webkit-scrollbar-thumb {
-      background: #d8d8d8;
-      border-radius: 10px;
-    }
-    &::-webkit-scrollbar-track-piece {
-      background: transparent;
-    }
-  }
-  .minusRowBtn {
-    color: #f5222d;
-    background: #fff1f0;
-    border-color: #ffa39e;
-    padding-right: 7px;
-    padding-left: 7px;
-    height: 29px;
-    margin-left: 10px;
-  }
-  .addRowBtn {
-    width: 70%;
-    color: #1890ff;
-    border-color: #91d5ff;
-    margin: 0px 0px 20px 70px;
-  }
-</style>

src/components/DbUpload/DbUpload.vue

@@ -20,7 +20,6 @@
         :customRequest="uploadFile"
         :remove="handlerRemove"
         @preview="handlePreview"
-        :disabled="disabled"
       >
         <div v-if="max>value.length">
           <a-icon type="plus" />
@@ -39,7 +38,7 @@
 <script>
 import _ from 'lodash'
 import { reqUploadFile, reqUploadImg } from '@/api/sys/upload'
-function getBase64 (file) {
+function getBase64(file) {
   return new Promise((resolve, reject) => {
     const reader = new FileReader()
     reader.readAsDataURL(file)
@@ -61,7 +60,7 @@ export default {
     // 最大上传数量
     max: {
       type: [Number, String],
-      default: 999 // 默认不做限制
+      default: 2 // 默认不做限制
     },
     // [{name: '必传', uid: '必传', url: '必传'}]
     value: {
@@ -73,30 +72,26 @@ export default {
       default: 'image/*' // 默认只能上传图片,如果需要上传其他请改为*或者自己需要的格式
     },
     // 有默认值的数字
-    fileSize: {
-        type: [Number, String],
-        default: 500
+    fileSize:{
+        type:[Number, String],
+        default:500
     },
-    disabled: {
-      type: Boolean,
-      default: false
-    }
   },
   model: {
     prop: 'value',
     event: 'change'
   },
-  data () {
+  data() {
     return {
       previewVisible: false,
       previewImage: ''
     }
   },
   methods: {
-    handleCancel () {
+    handleCancel() {
       this.previewVisible = false
     },
-    async handlePreview (file) {
+    async handlePreview(file) {
       if (!file.url && !file.preview) {
         file.preview = await getBase64(file.originFileObj)
       }
@@ -104,14 +99,13 @@ export default {
       this.previewVisible = true
     },
     // 重写上传文件
-    uploadFile (data) {
+    uploadFile(data) {
       const { max } = this
       const { type } = this
       const formData = new FormData()
       formData.append('file', data.file)
       if (type == 'img') {
-        // 不指定压缩尺寸
-        // formData.append('fileSize', this.fileSize)
+        formData.append('fileSize', this.fileSize)
         reqUploadImg(formData).then(res => {
           if (res.code === 200) {
             const file = {
@@ -148,7 +142,7 @@ export default {
       }
     },
     // 点击删除
-    handlerRemove (file) {
+    handlerRemove(file) {
       const index = _.findIndex(this.value, ['uid', file.uid])
       const newFileList = this.value.slice()
       newFileList.splice(index, 1)

src/components/GlobalHeader/ChangePassword.vue

@@ -1,3 +1,4 @@
+<!-- 作者：cgd  邮箱：349008059@qq.com  时间：2022年02月24日 16:54:58  -->
 <template>
   <a-modal
     title="修改密码"
@@ -12,7 +13,7 @@
           size="large"
           type="text"
           placeholder="用户名"
-          :value="$store.state.user.person.name"
+          :value="$store.state.user.person.userName"
           disabled
         ></a-input>
       </a-form-item>

src/components/echart/bottom/bottomFj/chart.vue

@@ -1,109 +0,0 @@
-<template>
-  <div>
-    <Echart :options="options" id="bottomLeftChart" height="220px" width="100%" ref="myChart"></Echart>
-  </div>
-</template>
-
-<script>
-  import Echart from '@/common/echart'
-  export default {
-    data () {
-      return {
-        options: {}
-      }
-    },
-    components: {
-      Echart
-    },
-    props: {
-      cdata: {
-        type: Object,
-        default: () => ({})
-      }
-    },
-    watch: {
-      cdata: {
-        handler (newData) {
-          this.options = {
-            tooltip: {
-              trigger: 'axis',
-              axisPointer: {
-                // Use axis to trigger tooltip
-                type: 'shadow' // 'shadow' as default; can also be 'line' or 'shadow'
-              }
-            },
-            legend: {},
-            grid: {
-              left: '3%',
-              right: '4%',
-              bottom: '3%',
-              containLabel: true
-            },
-            xAxis: {
-              type: 'value',
-              show: false
-            },
-            color: [
-              '#73c0D1',
-              '#5470c6'
-            ],
-            textStyle: {
-              fontSize: 20
-            },
-            yAxis: {
-              type: 'category',
-              data: ['供养床位','供养房间'],
-              axisLabel: {
-                fontSize: 20
-              }
-            },
-            series: [{
-                name: '入住数',
-                type: 'bar',
-                stack: 'total',
-                label: {
-                  show: true
-                },
-                emphasis: {
-                  focus: 'series'
-                },
-                data: this.cdata.seriesData.map(item => item.value2)
-              },
-              {
-                name: '剩余数',
-                type: 'bar',
-                stack: 'total',
-                label: {
-                  show: true
-                },
-                emphasis: {
-                  focus: 'series'
-                },
-                data: this.cdata.seriesData.map(item => item.value)
-              }
-            ]
-          }
-        },
-        immediate: true,
-        deep: true
-      }
-    },
-    methods: {
-    },
-    mounted () {
-      const myChart = this.$refs['myChart'].chart
-      // 柱状图点击事件
-      myChart.on('click', (params) => {
-        if (params.seriesName == '总数') {
-          this.$router.push({
-            path: '/room/list'
-          })
-        } else {
-          this.$router.push({
-            path: '/room/checkin'
-          })
-        }
-      })
-    }
-  }
-</script>

src/components/echart/bottom/bottomFj/index.vue

@@ -1,35 +0,0 @@
-<template>
-  <div>
-    <Chart :cdata="cdata" />
-  </div>
-</template>
-
-<script>
-import Chart from './chart.vue'
-export default {
-  props: {
-    roomCountList: {
-      type: Array,
-      default: () => ([])
-    }
-  },
-  data () {
-    return {
-      cdata: {
-        xData: this.roomCountList.map(item => item.name),
-        seriesData: this.roomCountList
-      }
-    }
-  },
-  components: {
-    Chart
-  },
-  mounted () {
-  },
-  methods: {
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-</style>

src/components/echart/bottom/bottomLeftChart/chart.vue

@@ -1,194 +0,0 @@
-<template>
-  <div>
-    <Echart :options="options" id="bottomLeftChart" height="480px" width="100%" ref="myChart"></Echart>
-  </div>
-</template>
-
-<script>
-  import Echart from '@/common/echart'
-  export default {
-    data () {
-      return {
-        options: {}
-      }
-    },
-    components: {
-      Echart
-    },
-    props: {
-      cdata: {
-        type: Object,
-        default: () => ({})
-      }
-    },
-    watch: {
-      cdata: {
-        handler (newData) {
-          this.options = {
-            tooltip: {
-              trigger: 'axis',
-              backgroundColor: 'rgba(255,255,255,0.1)',
-              axisPointer: {
-                type: 'shadow',
-                label: {
-                  show: true,
-                  backgroundColor: '#7B7DDC'
-                }
-              }
-            },
-            legend: {
-              data: ['集中供养数', '供养总人数', '集中供养率'],
-              textStyle: {
-                color: '#B4B4B4',
-                fontSize: 20
-              },
-              top: '0%'
-            },
-            grid: {
-              x: '8%',
-              width: '88%',
-              y: '4%'
-            },
-            xAxis: {
-              data: newData.category,
-              axisLine: {
-                lineStyle: {
-                  color: '#B4B4B4'
-                }
-              },
-              axisLabel: {
-                fontSize: 18
-              },
-              axisTick: {
-                show: false
-              }
-            },
-            yAxis: [{
-                splitLine: {
-                  show: false
-                },
-                axisLine: {
-                  lineStyle: {
-                    color: '#B4B4B4'
-                  }
-                },
-
-                axisLabel: {
-                  formatter: '{value} '
-                }
-              },
-              {
-                splitLine: {
-                  show: false
-                },
-                axisLine: {
-                  lineStyle: {
-                    color: '#B4B4B4'
-                  }
-                },
-                axisLabel: {
-                  formatter: '{value} '
-                }
-              }
-            ],
-            series: [{
-                name: '集中供养率',
-                type: 'line',
-                smooth: true,
-                showAllSymbol: true,
-                symbol: 'emptyCircle',
-                symbolSize: 8,
-                yAxisIndex: 1,
-                itemStyle: {
-                  normal: {
-                    color: '#F02FC2'
-                  }
-                },
-                data: newData.rateData
-              },
-              {
-                name: '集中供养数',
-                type: 'bar',
-                barWidth: 20,
-                itemStyle: {
-                  normal: {
-                    barBorderRadius: 10,
-                    color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [{
-                        offset: 0,
-                        color: '#956FD4'
-                      },
-                      {
-                        offset: 1,
-                        color: '#3EACE5'
-                      }
-                    ])
-                  }
-                },
-                data: newData.barData
-              },
-              {
-                name: '供养总人数',
-                type: 'bar',
-                barGap: '-100%',
-                barWidth: 20,
-                itemStyle: {
-                  normal: {
-                    barBorderRadius: 10,
-                    color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [{
-                        offset: 0,
-                        color: 'rgba(156,107,211,0.8)'
-                      },
-                      {
-                        offset: 0.2,
-                        color: 'rgba(156,107,211,0.5)'
-                      },
-                      {
-                        offset: 1,
-                        color: 'rgba(156,107,211,0.2)'
-                      }
-                    ])
-                  }
-                },
-                z: -12,
-                data: newData.lineData
-              }
-            ]
-          }
-        },
-        immediate: true,
-        deep: true
-      }
-    },
-    methods: {
-      clickChart () {
-      }
-    },
-    mounted () {
-      const myChart = this.$refs['myChart'].chart
-      // 柱状图点击事件
-      myChart.getZr().on('click', (params) => {
-        // echartsData为柱状图数据
-        if (this.cdata.category.length > 0) {
-          const pointInPixel = [params.offsetX, params.offsetY]
-          // 点击第几个柱子
-          let index
-          if (myChart.containPixel('grid', pointInPixel)) {
-            index = myChart.convertFromPixel({
-              seriesIndex: 0
-            }, [params.offsetX, params.offsetY])[0]
-          }
-          if (index !== undefined) {
-            var village = this.cdata.category[index]
-            this.$router.push({
-              name: 'Console',
-              params: {
-                village: village.id,
-                type: 1
-              }
-            })
-          }
-        }
-      })
-    }
-  }
-</script>

src/components/echart/bottom/bottomLeftChart/index.vue

@@ -1,48 +0,0 @@
-<template>
-  <div>
-    <Chart :cdata="cdata" />
-  </div>
-</template>
-
-<script>
-import Chart from './chart.vue'
-export default {
-	props: {
-	  villageCountList: {
-	    type: Array,
-	    default: () => ([])
-	  }
-	},
-  created () {
-    this.cdata.category = this.villageCountList.map(item => ({ value: item.name, id: item.id }));
-  },
-  data () {
-    return {
-      cdata: {
-        category: [],
-        lineData: this.villageCountList.map(item => item.value),
-        barData: this.villageCountList.map(item => item.value2),
-        rateData: []
-      }
-    }
-  },
-  components: {
-    Chart
-  },
-  mounted () {
-    this.setData()
-  },
-  methods: {
-    // 根据自己的业务情况修改
-    setData () {
-      for (let i = 0; i <= this.cdata.barData.length - 1; i++) {
-        const rate = this.cdata.barData[i] / this.cdata.lineData[i]
-        this.cdata.rateData.push(rate.toFixed(2))
-      }
-    }
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-</style>

src/components/echart/bottom/bottomRightChart/chart.vue

@@ -1,358 +0,0 @@
-<template>
-  <div>
-    <Echart
-      :options="options"
-      id="centreLeft1Chart"
-      height="480px"
-      width="100%"
-    ></Echart>
-  </div>
-</template>
-
-<script>
-import Echart from '@/common/echart'
-export default {
-  data() {
-    return {
-      options: {},
-      // 定义颜色
-      colorList: {
-        linearYtoG: {
-          type: 'linear',
-          x: 0,
-          y: 0,
-          x2: 1,
-          y2: 1,
-          colorStops: [
-            {
-              offset: 0,
-              color: '#f5b44d'
-            },
-            {
-              offset: 1,
-              color: '#28f8de'
-            }
-          ]
-        },
-        linearGtoB: {
-          type: 'linear',
-          x: 0,
-          y: 0,
-          x2: 1,
-          y2: 0,
-          colorStops: [
-            {
-              offset: 0,
-              color: '#43dfa2'
-            },
-            {
-              offset: 1,
-              color: '#28f8de'
-            }
-          ]
-        },
-        linearBtoG: {
-          type: 'linear',
-          x: 0,
-          y: 0,
-          x2: 1,
-          y2: 0,
-          colorStops: [
-            {
-              offset: 0,
-              color: '#1c98e8'
-            },
-            {
-              offset: 1,
-              color: '#28f8de'
-            }
-          ]
-        },
-        areaBtoG: {
-          type: 'linear',
-          x: 0,
-          y: 0,
-          x2: 0,
-          y2: 1,
-          colorStops: [
-            {
-              offset: 0,
-              color: 'rgba(35,184,210,.2)'
-            },
-            {
-              offset: 1,
-              color: 'rgba(35,184,210,0)'
-            }
-          ]
-        }
-      }
-    }
-  },
-  components: {
-    Echart
-  },
-  props: {
-    cdata: {
-      type: Object,
-      default: () => ({})
-    }
-  },
-  watch: {
-    cdata: {
-      handler(newData) {
-        this.options = {
-          title: {
-            text: '',
-            textStyle: {
-              color: '#D3D6DD',
-              fontSize: 24,
-              fontWeight: 'normal'
-            },
-            subtext: newData.year + '/' + newData.weekCategory[6],
-            subtextStyle: {
-              color: '#fff',
-              fontSize: 16
-            },
-            top: 50,
-            left: 80
-          },
-          legend: {
-            top: 120,
-            left: 80,
-            orient: 'vertical',
-            itemGap: 15,
-            itemWidth: 12,
-            itemHeight: 12,
-            data: ['平均指标', '我的指标'],
-            textStyle: {
-              color: '#fff',
-              fontSize: 14
-            }
-          },
-          tooltip: {
-            trigger: 'item'
-          },
-          radar: {
-            center: ['68%', '27%'],
-            radius: '40%',
-            name: {
-              color: '#fff'
-            },
-            splitNumber: 8,
-            axisLine: {
-              lineStyle: {
-                color: this.colorList.linearYtoG,
-                opacity: 0.6
-              }
-            },
-            splitLine: {
-              lineStyle: {
-                color: this.colorList.linearYtoG,
-                opacity: 0.6
-              }
-            },
-            splitArea: {
-              areaStyle: {
-                color: '#fff',
-                opacity: 0.1,
-                shadowBlur: 25,
-                shadowColor: '#000',
-                shadowOffsetX: 0,
-                shadowOffsetY: 5
-              }
-            },
-            indicator: [
-              {
-                name: '服务态度',
-                max: newData.maxData
-              },
-              {
-                name: '产品质量',
-                max: 10
-              },
-              {
-                name: '任务效率',
-                max: 12
-              },
-              {
-                name: '售后保障',
-                max: 3.5
-              }
-            ]
-          },
-          grid: {
-            left: 90,
-            right: 80,
-            bottom: 40,
-            top: '60%'
-          },
-          xAxis: {
-            type: 'category',
-            position: 'bottom',
-            axisLine: true,
-            axisLabel: {
-              color: 'rgba(255,255,255,.8)',
-              fontSize: 12
-            },
-            data: newData.weekCategory
-          },
-          // 下方Y轴
-          yAxis: {
-            name: '工单',
-            nameLocation: 'end',
-            nameGap: 24,
-            nameTextStyle: {
-              color: 'rgba(255,255,255,.5)',
-              fontSize: 14
-            },
-            max: newData.maxData,
-            splitNumber: 4,
-
-            axisLine: {
-              lineStyle: {
-                opacity: 0
-              }
-            },
-            splitLine: {
-              show: true,
-              lineStyle: {
-                color: '#fff',
-                opacity: 0.1
-              }
-            },
-            axisLabel: {
-              color: 'rgba(255,255,255,.8)',
-              fontSize: 12
-            }
-          },
-          series: [
-            {
-              name: '',
-              type: 'radar',
-              symbolSize: 0,
-              data: [
-                {
-                  value: newData.radarDataAvg[6],
-                  name: '平均指标',
-                  itemStyle: {
-                    normal: {
-                      color: '#f8d351'
-                    }
-                  },
-                  lineStyle: {
-                    normal: {
-                      opacity: 0
-                    }
-                  },
-                  areaStyle: {
-                    normal: {
-                      color: '#f8d351',
-                      shadowBlur: 25,
-                      shadowColor: 'rgba(248,211,81,.3)',
-                      shadowOffsetX: 0,
-                      shadowOffsetY: -10,
-                      opacity: 1
-                    }
-                  }
-                },
-                {
-                  value: newData.radarData[6],
-                  name: '我的指标',
-                  itemStyle: {
-                    normal: {
-                      color: '#43dfa2'
-                    }
-                  },
-                  lineStyle: {
-                    normal: {
-                      opacity: 0
-                    }
-                  },
-                  areaStyle: {
-                    normal: {
-                      color: this.colorList.linearGtoB,
-                      shadowBlur: 15,
-                      shadowColor: 'rgba(0,0,0,.2)',
-                      shadowOffsetX: 0,
-                      shadowOffsetY: 5,
-                      opacity: 0.8
-                    }
-                  }
-                }
-              ]
-            },
-            {
-              name: '',
-              type: 'line',
-              smooth: true,
-              symbol: 'emptyCircle',
-              symbolSize: 8,
-              itemStyle: {
-                normal: {
-                  color: '#fff'
-                }
-              },
-              lineStyle: {
-                normal: {
-                  color: this.colorList.linearBtoG,
-                  width: 3
-                }
-              },
-              areaStyle: {
-                normal: {
-                  color: this.colorList.areaBtoG
-                }
-              },
-              data: newData.weekLineData,
-              lineSmooth: true,
-              markLine: {
-                silent: true,
-                data: [
-                  {
-                    type: 'average',
-                    name: '平均值'
-                  }
-                ],
-                precision: 0,
-                label: {
-                  normal: {
-                    formatter: '平均值: \n {c}'
-                  }
-                },
-                lineStyle: {
-                  normal: {
-                    color: 'rgba(248,211,81,.7)'
-                  }
-                }
-              },
-              tooltip: {
-                position: 'top',
-                formatter: '{c} m',
-                backgroundColor: 'rgba(28,152,232,.2)',
-                padding: 6
-              }
-            },
-            {
-              name: '占位背景',
-              type: 'bar',
-              itemStyle: {
-                normal: {
-                  show: true,
-                  color: '#000',
-                  opacity: 0
-                }
-              },
-              silent: true,
-              barWidth: '50%',
-              data: newData.weekMaxData,
-              animation: false
-            }
-          ]
-        }
-      },
-      immediate: true,
-      deep: true
-    }
-  }
-}
-</script>

src/components/echart/bottom/bottomRightChart/index.vue

@@ -1,89 +0,0 @@
-<template>
-  <div>
-    <Chart :cdata="cdata" />
-  </div>
-</template>
-
-<script>
-import Chart from './chart.vue'
-export default {
-  data () {
-    return {
-      drawTiming: null,
-      cdata: {
-        year: null,
-        weekCategory: [],
-        radarData: [],
-        radarDataAvg: [],
-        maxData: 12000,
-        weekMaxData: [],
-        weekLineData: []
-      }
-    }
-  },
-  components: {
-    Chart,
-  },
-  mounted () {
-    this.drawTimingFn();
-  },
-  beforeDestroy () {
-    clearInterval(this.drawTiming);
-  },
-  methods: {
-    drawTimingFn () {
-      this.setData();
-      this.drawTiming = setInterval(() => {
-        this.setData();
-      }, 6000);
-    },
-    setData () {
-      // 清空轮询数据
-      this.cdata.weekCategory = [];
-      this.cdata.weekMaxData = [];
-      this.cdata.weekLineData = [];
-      this.cdata.radarData = [];
-      this.cdata.radarDataAvg = [];
-
-      let dateBase = new Date();
-      this.cdata.year = dateBase.getFullYear();
-      // 周数据
-      for (let i = 0; i < 7; i++) {
-        // 日期
-        let date = new Date();
-        this.cdata.weekCategory.unshift([date.getMonth() + 1, date.getDate()-i].join("/"));
-
-        // 折线图数据
-        this.cdata.weekMaxData.push(this.cdata.maxData);
-        let distance = Math.round(Math.random() * 11000 + 500);
-        this.cdata.weekLineData.push(distance);
-
-        // 雷达图数据
-        // 我的指标
-        let averageSpeed = +(Math.random() * 5 + 3).toFixed(3);
-        let maxSpeed = averageSpeed + +(Math.random() * 3).toFixed(2);
-        let hour = +(distance / 1000 / averageSpeed).toFixed(1);
-        let radarDayData = [distance, averageSpeed, maxSpeed, hour];
-        this.cdata.radarData.unshift(radarDayData);
-
-        // 平均指标
-        let distanceAvg = Math.round(Math.random() * 8000 + 4000);
-        let averageSpeedAvg = +(Math.random() * 4 + 4).toFixed(3);
-        let maxSpeedAvg = averageSpeedAvg + +(Math.random() * 2).toFixed(2);
-        let hourAvg = +(distance / 1000 / averageSpeed).toFixed(1);
-        let radarDayDataAvg = [
-          distanceAvg,
-          averageSpeedAvg,
-          maxSpeedAvg,
-          hourAvg
-        ];
-        this.cdata.radarDataAvg.unshift(radarDayDataAvg);
-      }
-
-    }
-  }
-};
-</script>
-
-<style lang="scss" scoped>
-</style>

src/components/echart/center/centerChartRate/index.vue

@@ -1,104 +0,0 @@
-<template>
-  <div>
-    <!-- 通过率/达标率 -->
-    <Echart
-      :options="options"
-      :id="id"
-      height="100px"
-      width="100px"
-    ></Echart>
-  </div>
-</template>
-
-<script>
-import Echart from '@/common/echart'
-export default {
-  data () {
-    return {
-      options: {},
-    };
-  },
-  components: {
-    Echart,
-  },
-  props: {
-    id: {
-      type: String,
-      required: true,
-      default: "chartRate"
-    },
-    tips: {
-      type: Number,
-      required: true,
-      default: 50
-    },
-    colorObj: {
-      type: Object,
-      default: function () {
-        return {
-          textStyle: "#3fc0fb",
-          series: {
-            color: ["#00bcd44a", "transparent"],
-            dataColor: {
-              normal: "#03a9f4",
-              shadowColor: "#97e2f5"
-            }
-          }
-        };
-      }
-    }
-  },
-  watch: {
-    // tips 是会变更的数据，所以进行监听
-    tips: {
-      handler (newData) {
-        this.options = {
-          title:{
-            text: newData * 1 + "%",
-            x: "center",
-            y: "center",
-            textStyle: {
-              color: this.colorObj.textStyle,
-              fontSize: 16
-            }
-          },
-          series: [
-            {
-              type: "pie",
-              radius: ["75%", "80%"],
-              center: ["50%", "50%"],
-              hoverAnimation: false,
-              color: this.colorObj.series.color,
-              label: {
-                normal: {
-                  show: false
-                }
-              },
-              data: [
-                {
-                  value: newData,
-                  itemStyle: {
-                    normal: {
-                      color: this.colorObj.series.dataColor.normal,
-                      shadowBlur: 10,
-                      shadowColor: this.colorObj.series.dataColor.shadowColor
-                    }
-                  }
-                },
-                {
-                  value: 100 - newData
-                }
-              ]
-            }
-          ]
-        }
-      },
-      immediate: true,
-      deep: true
-    }
-  }
-};
-</script>
-
-<style lang="scss" scoped>
-</style>

src/components/echart/centerLeft/centerLeft1Chart/chart.vue

@@ -1,98 +0,0 @@
-<template>
-  <div>
-    <Echart :options="options" id="hldj" height="340px" width="300px" ref="myChart2"></Echart>
-  </div>
-</template>
-
-<script>
-  import Echart from '@/common/echart'
-  export default {
-    data () {
-      return {
-        options: {}
-      }
-    },
-    components: {
-      Echart
-    },
-    props: {
-      cdata: {
-        type: Object,
-        default: () => ({})
-      }
-    },
-    watch: {
-      cdata: {
-        handler (newData) {
-          this.options = {
-            color: [
-              '#37a2da',
-              '#32c5e9',
-              '#fb7293'
-            ],
-            tooltip: {
-              trigger: 'item',
-              formatter: '{a} <br/>{b} : {c} ({d}%)'
-            },
-            toolbox: {
-              show: true
-            },
-            calculable: true,
-            legend: {
-              orient: 'horizontal',
-              icon: 'circle',
-              bottom: 1,
-              x: 'center',
-              data: newData.xData,
-              textStyle: {
-                color: '#fff',
-                'fontSize': 18
-              }
-            },
-            series: [{
-              name: '等级统计',
-              type: 'pie',
-              radius: [20, 100],
-              roseType: 'area',
-              center: ['50%', '40%'],
-              data: newData.seriesData,
-              label: {
-                normal: {
-                  show: false
-                }
-              }
-            }]
-          }
-        },
-        immediate: true,
-        deep: true
-      }
-    },
-    mounted () {
-      const myChart = this.$refs['myChart2'].chart
-      // 点击事件
-      myChart.on('click', (param) => {
-        let index
-        // 当前扇区的dataIndex
-        index = param.dataIndex
-        // 自己的操作，这里是点击跳转路由，并携带参数
-        if (index !== undefined) {
-          // seriesData为饼图数据
-          if (this.cdata.seriesData[index].value != 0) {
-            /* 跳转路由 */
-            this.$router.push({
-              name: 'Console',
-              params: {
-                nursingLevel: this.cdata.seriesData[index].id,
-								supportType: 1
-              }
-            })
-          }
-        }
-      })
-    }
-  }
-</script>
-
-<style lang="scss" scoped>
-</style>

src/components/echart/centerLeft/centerLeft1Chart/index.vue

@@ -1,35 +0,0 @@
-<template>
-  <div>
-    <Chart :cdata="cdata" />
-  </div>
-</template>
-
-<script>
-import Chart from './chart.vue'
-export default {
-  props: {
-    nursingLevelList: {
-      type: Array,
-      default: () => ([])
-    }
-  },
-  data () {
-    return {
-      cdata: {
-        xData: this.nursingLevelList.map(item => item.name),
-        seriesData: this.nursingLevelList
-      }
-    }
-  },
-  components: {
-    Chart
-  },
-  mounted () {
-  },
-  methods: {
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-</style>

src/components/echart/centerLeft/centerLeft2Chart/chart.vue

@@ -1,111 +0,0 @@
-<template>
-  <div>
-    <Echart :options="options" id="centreLeft2Chart" height="340px" width="270px" style="padding: 10px;" ref="myChart"></Echart>
-  </div>
-</template>
-
-<script>
-  import Echart from '@/common/echart'
-  export default {
-    data() {
-      return {
-        options: {}
-      }
-    },
-    components: {
-      Echart
-    },
-    props: {
-      cdata: {
-        type: Object,
-        default: () => ({})
-      }
-    },
-    watch: {
-      cdata: {
-        handler(newData) {
-          this.options = {
-            // title: {
-            //   text: 'Referer of a Website',
-            //   subtext: 'Fake Data',
-            //   left: 'center'
-            // },
-            tooltip: {
-              trigger: 'item'
-            },
-            legend: {
-              orient: 'vertical',
-              left: 'left',
-              textStyle: {
-                color: '#fff',
-                "fontSize": 18
-              }
-            },
-            series: [{
-              // name: 'Access From',
-              type: 'pie',
-              radius: '75%',
-              data: newData.seriesData,
-              emphasis: {
-                itemStyle: {
-                  shadowBlur: 10,
-                  shadowOffsetX: 0,
-                  shadowColor: 'rgba(0, 0, 0, 0.5)'
-                }
-              },
-              itemStyle: {
-                normal: {
-                  color: function(colors) {
-                    var colorList = [
-                      '#457bef',
-                      '#ffaaff'
-                    ];
-                    return colorList[colors.dataIndex];
-                  }
-                },
-              },
-              label: {
-                normal: {
-                  show: false,
-                },
-              },
-              labelLine: {
-                normal: {
-                  show: false
-                }
-              }
-            }]
-          }
-        },
-        immediate: true,
-        deep: true
-      }
-    },
-    mounted() {
-      let myChart = this.$refs["myChart"].chart
-      //点击事件
-      myChart.on('click', (param) => {
-        let index;
-        //当前扇区的dataIndex
-        index = param.dataIndex;
-        //自己的操作，这里是点击跳转路由，并携带参数
-        if (index !== undefined) {
-          //seriesData为饼图数据
-          if (this.cdata.seriesData[index].value != 0) {
-            /*跳转路由*/
-            this.$router.push({
-              name: 'Console',
-              params: {
-                gender: this.cdata.seriesData[index].id,
-								supportType: 1
-              }
-            })
-          }
-        }
-      });
-    }
-  }
-</script>
-
-<style lang="scss" scoped>
-</style>

src/components/echart/centerLeft/centerLeft2Chart/index.vue

@@ -1,41 +0,0 @@
-<template>
-  <div>
-    <Chart :cdata="cdata" />
-  </div>
-</template>
-
-<script>
-import Chart from './chart.vue'
-export default {
-  props: {
-    sexData: {
-      type: Array,
-      default: () => ([])
-    }
-  },
-  created () {
-    this.cdata.seriesData = this.sexData.map(item => {
-        // 将id转换为字符串
-        return { ...item, id: item.id.toString() }
-      })
-  },
-  data () {
-    return {
-      cdata: {
-        xData: this.sexData.map(item => item.name),
-        seriesData: []
-      }
-    }
-  },
-  components: {
-    Chart
-  },
-  mounted () {
-  },
-  methods: {
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-</style>

src/components/echart/centerRight/centerRight1Chart/chart.vue

@@ -1,102 +0,0 @@
-<template>
-  <div>
-    <Echart :options="options" id="nlqj" height="340px" width="380px" ref="nlqjChart"></Echart>
-  </div>
-</template>
-
-<script>
-  import Echart from '@/common/echart'
-  export default {
-    data() {
-      return {
-        options: {}
-      }
-    },
-    components: {
-      Echart
-    },
-    props: {
-      cdata: {
-        type: Object,
-        default: () => ({})
-      }
-    },
-    watch: {
-      cdata: {
-        handler(newData) {
-          this.options = {
-            color: [
-              '#37a2da',
-              "#ffdb5c",
-              "#ff9f7f",
-              '#fb7293',
-              "#e7bcf3",
-              '#8378ea'
-            ],
-            tooltip: {
-              trigger: 'item',
-              formatter: '{a} <br/>{b} : {c} ({d}%)'
-            },
-            toolbox: {
-              show: true
-            },
-            calculable: true,
-            legend: {
-              orient: 'horizontal',
-              icon: 'circle',
-              bottom: 0,
-              x: 'center',
-              data: newData.xData,
-              textStyle: {
-                color: '#fff',
-                "fontSize": 18
-              }
-            },
-            series: [{
-              name: '年龄统计',
-              type: 'pie',
-              radius: [20, 100],
-              roseType: 'area',
-              center: ['50%', '40%'],
-              data: newData.seriesData,
-              label: {
-                normal: {
-                  show: true,
-                  "fontSize": 18
-                },
-              },
-            }]
-          }
-        },
-        immediate: true,
-        deep: true
-      }
-    },
-    mounted() {
-      let myChart = this.$refs["nlqjChart"].chart
-      //点击事件
-      myChart.on('click', (param) => {
-        let index;
-        //当前扇区的dataIndex
-        index = param.dataIndex;
-        //自己的操作，这里是点击跳转路由，并携带参数
-        if (index !== undefined) {
-          //seriesData为饼图数据
-          if (this.cdata.seriesData[index].value != 0) {
-            /*跳转路由*/
-            this.$router.push({
-              name: 'Console',
-              params: {
-                ageRange: this.cdata.seriesData[index].id,
-								supportType: 1
-              }
-            })
-          }
-        }
-      });
-    }
-  }
-</script>
-
-<style lang="scss" scoped>
-</style>

src/components/echart/centerRight/centerRight1Chart/index.vue

@@ -1,41 +0,0 @@
-<template>
-  <div>
-    <Chart :cdata="cdata" />
-  </div>
-</template>
-
-<script>
-import Chart from './chart.vue'
-export default {
-  props: {
-    ageList: {
-      type: Array,
-      default: () => ([])
-    }
-  },
-  created () {
-    this.cdata.seriesData = this.ageList.map(item => {
-        // 将id转换为字符串
-        return { ...item, id: item.id.toString() }
-      })
-  },
-  data () {
-    return {
-      cdata: {
-        xData: this.ageList.map(item => item.name),
-        seriesData: []
-      }
-    }
-  },
-  components: {
-    Chart
-  },
-  mounted () {
-  },
-  methods: {
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-</style>

src/components/echart/centerRight/centerRight2Chart/chart.vue

@@ -1,111 +0,0 @@
-<template>
-  <div>
-    <Echart :options="options" id="jzfp" height="360px" width="270px" style="padding: 10px;" ref="jzfpChart"></Echart>
-  </div>
-</template>
-
-<script>
-  import Echart from '@/common/echart'
-  export default {
-    data() {
-      return {
-        options: {}
-      }
-    },
-    components: {
-      Echart
-    },
-    props: {
-      cdata: {
-        type: Object,
-        default: () => ({})
-      }
-    },
-    watch: {
-      cdata: {
-        handler(newData) {
-          this.options = {
-            // title: {
-            //   text: 'Referer of a Website',
-            //   subtext: 'Fake Data',
-            //   left: 'center'
-            // },
-            tooltip: {
-              trigger: 'item'
-            },
-            legend: {
-              orient: 'vertical',
-              left: 'left',
-              textStyle: {
-                color: '#fff',
-                "fontSize": 18
-              }
-            },
-            series: [{
-              // name: 'Access From',
-              type: 'pie',
-              radius: '75%',
-              data: newData.seriesData,
-              emphasis: {
-                itemStyle: {
-                  shadowBlur: 10,
-                  shadowOffsetX: 0,
-                  shadowColor: 'rgba(0, 0, 0, 0.5)'
-                }
-              },
-              itemStyle: {
-                normal: {
-                  color: function(colors) {
-                    var colorList = [
-                      '#5470c6',
-                      '#9A60B4',
-                    ];
-                    return colorList[colors.dataIndex];
-                  }
-                },
-              },
-              label: {
-                normal: {
-                  show: false,
-                }
-              },
-              labelLine: {
-                normal: {
-                  show: false
-                }
-              }
-            }]
-          }
-        },
-        immediate: true,
-        deep: true
-      }
-    },
-    mounted() {
-      let myChart = this.$refs["jzfpChart"].chart
-      //点击事件
-      myChart.on('click', (param) => {
-        let index;
-        //当前扇区的dataIndex
-        index = param.dataIndex;
-        //自己的操作，这里是点击跳转路由，并携带参数
-        if (index !== undefined) {
-          //seriesData为饼图数据
-          if (this.cdata.seriesData[index].value != 0) {
-            /*跳转路由*/
-            this.$router.push({
-              name: 'Console',
-              params: {
-                ifHelpPoor: this.cdata.seriesData[index].id,
-								supportType: 1
-              }
-            })
-          }
-        }
-      });
-    }
-  }
-</script>
-
-<style lang="scss" scoped>
-</style>

src/components/echart/centerRight/centerRight2Chart/index.vue

@@ -1,41 +0,0 @@
-<template>
-  <div>
-    <Chart :cdata="cdata" />
-  </div>
-</template>
-
-<script>
-import Chart from './chart.vue'
-export default {
-  props: {
-    ifHelpPoorList: {
-      type: Array,
-      default: () => ([])
-    }
-  },
-  created () {
-    this.cdata.seriesData = this.ifHelpPoorList.map(item => {
-        // 将id转换为字符串
-        return { ...item, id: item.id.toString() }
-      })
-  },
-  data () {
-    return {
-      cdata: {
-        xData: this.ifHelpPoorList.map(item => item.name),
-        seriesData: []
-      }
-    }
-  },
-  components: {
-    Chart
-  },
-  mounted () {
-  },
-  methods: {
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-</style>

src/components/echart/centerRight/centerRightChart/chart.vue

@@ -1,132 +0,0 @@
-<template>
-  <div>
-    <Echart
-      :options="options"
-      id="centreRight2Chart1"
-      height="200px"
-      width="260px"
-    ></Echart>
-  </div>
-</template>
-
-<script>
-import Echart from '@/common/echart'
-export default {
-  data () {
-    return {
-      options: {},
-    };
-  },
-  components: {
-    Echart,
-  },
-  props: {
-    cdata: {
-      type: Object,
-      default: () => ({})
-    },
-  },
-  watch: {
-    cdata: {
-      handler (newData) {
-        // 固定样式数据
-        let lineStyle = {
-          normal: {
-            width: 1,
-            opacity: 0.5
-          }
-        };
-
-        this.options = {
-          radar: {
-            indicator: newData.indicatorData,
-            shape: "circle",
-            splitNumber: 5,
-            radius: ["0%", "65%"],
-            name: {
-              textStyle: {
-                color: "rgb(238, 197, 102)"
-              }
-            },
-            splitLine: {
-              lineStyle: {
-                color: [
-                  "rgba(238, 197, 102, 0.1)",
-                  "rgba(238, 197, 102, 0.2)",
-                  "rgba(238, 197, 102, 0.4)",
-                  "rgba(238, 197, 102, 0.6)",
-                  "rgba(238, 197, 102, 0.8)",
-                  "rgba(238, 197, 102, 1)"
-                ].reverse()
-              }
-            },
-            splitArea: {
-              show: false
-            },
-            axisLine: {
-              lineStyle: {
-                color: "rgba(238, 197, 102, 0.5)"
-              }
-            }
-          },
-          series: [
-            {
-              name: "北京",
-              type: "radar",
-              lineStyle: lineStyle,
-              data: newData.dataBJ,
-              symbol: "none",
-              itemStyle: {
-                normal: {
-                  color: "#F9713C"
-                }
-              },
-              areaStyle: {
-                normal: {
-                  opacity: 0.1
-                }
-              }
-            },
-            {
-              name: "上海",
-              type: "radar",
-              lineStyle: lineStyle,
-              data: newData.dataSH,
-              symbol: "none",
-              itemStyle: {
-                normal: {
-                  color: "#B3E4A1"
-                }
-              },
-              areaStyle: {
-                normal: {
-                  opacity: 0.05
-                }
-              }
-            },
-            {
-              name: "广州",
-              type: "radar",
-              lineStyle: lineStyle,
-              data: newData.dataGZ,
-              symbol: "none",
-              itemStyle: {
-                normal: {
-                  color: "rgb(238, 197, 102)"
-                }
-              },
-              areaStyle: {
-                normal: {
-                  opacity: 0.05
-                }
-              }
-            } //end
-          ]
-        }
-      },
-      immediate: true,
-      deep: true
-    }
-  }
-};
-</script>

src/components/echart/centerRight/centerRightChart/index.vue

@@ -1,55 +0,0 @@
-<template>
-  <div>
-    <Chart :cdata="cdata" />
-  </div>
-</template>
-
-<script>
-import Chart from './chart.vue';
-export default {
-  data () {
-    return {
-      cdata: {
-        indicatorData: [
-          { name: "data1", max: 300 },
-          { name: "data2", max: 250 },
-          { name: "data3", max: 300 },
-          { name: "data4", max: 5},
-          { name: "data5", max: 200 },
-          { name: "data6", max: 100 }
-        ],
-        dataBJ: [
-          [94, 69, 114, 2.08, 73, 39, 22],
-          [99, 73, 110, 2.43, 76, 48, 23],
-          [31, 12, 30, 0.5, 32, 16, 24],
-          [42, 27, 43, 1, 53, 22, 25],
-          [154, 117, 157, 3.05, 92, 58, 26],
-          [234, 185, 230, 4.09, 123, 69, 27],
-          [160, 120, 186, 2.77, 91, 50, 28]
-        ],
-        dataGZ: [
-          [84, 94, 140, 2.238, 68, 18, 22],
-          [93, 77, 104, 1.165, 53, 7, 23],
-          [99, 130, 227, 3.97, 55, 15, 24],
-          [146, 84, 139, 1.094, 40, 17, 25],
-          [113, 108, 137, 1.481, 48, 15, 26],
-          [81, 48, 62, 1.619, 26, 3, 27],
-          [56, 48, 68, 1.336, 37, 9, 28]
-        ],
-        dataSH: [
-          [91, 45, 125, 0.82, 34, 23, 1],
-          [65, 27, 78, 0.86, 45, 29, 2],
-          [83, 60, 84, 1.09, 73, 27, 3],
-          [109, 81, 121, 1.28, 68, 51, 4],
-          [106, 77, 114, 1.07, 55, 51, 5],
-          [109, 81, 121, 1.28, 68, 51, 6],
-          [106, 77, 114, 1.07, 55, 51, 7]
-        ]
-      }
-    }
-  },
-  components: {
-    Chart,
-  }
-}
-</script>

src/config/defaultSettings.js

@@ -12,7 +12,7 @@
  *
  */
 export default {
-  navTheme: 'dark', // theme for nav menu
+  navTheme: 'light', // theme for nav menu
   primaryColor: '#1890ff', // primary color of ant design
   layout: 'sidemenu', // nav menu position: `sidemenu` or `topmenu`
   contentWidth: 'Fluid', // layout of content: `Fluid` or `Fixed`, only works when layout is topmenu
@@ -22,7 +22,7 @@ export default {
   menu: {
     locale: true
   },
-  title: '下堡坪乡农村福利院长者信息管理系统',
+  title: '安全培训平台',
   pwa: false,
   iconfontUrl: '',
   production: process.env.NODE_ENV === 'production' && process.env.VUE_APP_PREVIEW !== 'true'

src/config/router.config.js

@@ -1,5 +1,5 @@
 // eslint-disable-next-line
-import { UserLayout, BasicLayout, RouteView, BigScreenLayout } from '@/layouts';
+import { UserLayout, BasicLayout, RouteView } from '@/layouts';
 import { bxAnaalyse } from '@/core/icons'
 
 export const asyncRouterMap = [
@@ -72,24 +72,6 @@ export const constantRouterMap = [
       }
     ]
   },
-  {
-    path: '/screen',
-    component: BigScreenLayout,
-    redirect: '/screen/data2',
-    hidden: true,
-    children: [
-      {
-        path: 'data2',
-        name: 'data2',
-        component: () => import( '@/views/bigScreen/index')
-      },
-      {
-        path: 'data3',
-        name: 'data3',
-        component: () => import( '@/views/index/welcome')
-      }
-    ]
-  },
   {
     path: '/404',
     component: () => import(/* webpackChunkName: "fail" */ '@/views/exception/404')

src/core/lazy_use.js

@@ -49,8 +49,7 @@ import {
   Transfer,
   Tree,
   Empty,
-  TreeSelect,
-  Carousel
+  TreeSelect
 } from 'ant-design-vue'
 import Viser from 'viser-vue'
 
@@ -108,7 +107,6 @@ Vue.use(Tree)
 Vue.use(Transfer)
 Vue.use(Empty)
 Vue.use(TreeSelect)
-Vue.use(Carousel)
 
 Vue.prototype.$confirm = Modal.confirm
 Vue.prototype.$message = message

src/layouts/BasicLayout.vue

@@ -1,9 +1,22 @@
 <template>
-  <pro-layout :title="title" :menus="menus" :collapsed="collapsed" :mediaQuery="query" :isMobile="isMobile"
-    :handleMediaQuery="handleMediaQuery" :handleCollapse="handleCollapse" :logo="logoRender" :i18nRender="i18nRender"
-    v-bind="settings">
+  <pro-layout
+    :title="title"
+    :menus="menus"
+    :collapsed="collapsed"
+    :mediaQuery="query"
+    :isMobile="isMobile"
+    :handleMediaQuery="handleMediaQuery"
+    :handleCollapse="handleCollapse"
+    :logo="logoRender"
+    :i18nRender="i18nRender"
+    v-bind="settings"
+  >
     <template v-slot:rightContentRender>
-      <right-content :top-menu="settings.layout === 'topmenu'" :is-mobile="isMobile" :theme="settings.theme" />
+      <right-content
+        :top-menu="settings.layout === 'topmenu'"
+        :is-mobile="isMobile"
+        :theme="settings.theme"
+      />
     </template>
     <!-- <template v-slot:footerRender>
       <global-footer />
@@ -13,143 +26,126 @@
 </template>
 
 <script>
-  import {
-    i18nRender
-  } from '@/locales'
-  import {
-    mapState
-  } from 'vuex'
-  import {
-    SIDEBAR_TYPE,
-    TOGGLE_MOBILE_TYPE
-  } from '@/store/mutation-types'
+import { i18nRender } from '@/locales'
+import { mapState } from 'vuex'
+import { SIDEBAR_TYPE, TOGGLE_MOBILE_TYPE } from '@/store/mutation-types'
 
-  import defaultSettings from '@/config/defaultSettings'
-  import RightContent from '@/components/GlobalHeader/RightContent'
-  import GlobalFooter from '@/components/GlobalFooter'
-  import LogoSvg from '../assets/logo.svg?inline'
+import defaultSettings from '@/config/defaultSettings'
+import RightContent from '@/components/GlobalHeader/RightContent'
+import GlobalFooter from '@/components/GlobalFooter'
+import LogoSvg from '../assets/logo.svg?inline'
 
-  export default {
-    name: 'BasicLayout',
-    components: {
-      RightContent,
-      GlobalFooter
-    },
-    data() {
+export default {
+  name: 'BasicLayout',
+  components: {
+    RightContent,
+    GlobalFooter
+  },
+  data () {
+    return {
+      // base
+      menus: [],
+      // 侧栏收起状态
+      collapsed: false,
+      title: defaultSettings.title,
+      // settings: {
+      //   // 布局类型
+      //   layout: defaultSettings.layout, // 'sidemenu', 'topmenu'
+      //   // 定宽: true / 流式: false
+      //   contentWidth: defaultSettings.layout === 'sidemenu' ? false : defaultSettings.contentWidth === 'Fixed',
+      //   // 主题 'dark' | 'light'
+      //   theme: defaultSettings.navTheme,
+      //   // 主色调
+      //   primaryColor: defaultSettings.primaryColor,
+      //   fixedHeader: defaultSettings.fixedHeader,
+      //   fixSiderbar: defaultSettings.fixSiderbar,
+      //   colorWeak: defaultSettings.colorWeak,
+      //   hideHintAlert: false,
+      //   hideCopyButton: false
+      // },
+      // 媒体查询
+      query: {},
+      // 是否手机模式
+      isMobile: false
+    }
+  },
+  computed: {
+    ...mapState({
+      // 动态主路由
+      mainMenu: state => state.permission.addRouters,
+      currentRole: state => state.user.currentRole
+    }),
+    settings: function () {
+      const code = this.currentRole && this.currentRole.code
       return {
-        // base
-        menus: [],
-        // 侧栏收起状态
-        collapsed: false,
-        title: defaultSettings.title,
-        // settings: {
-        //   // 布局类型
-        //   layout: defaultSettings.layout, // 'sidemenu', 'topmenu'
-        //   // 定宽: true / 流式: false
-        //   contentWidth: defaultSettings.layout === 'sidemenu' ? false : defaultSettings.contentWidth === 'Fixed',
-        //   // 主题 'dark' | 'light'
-        //   theme: defaultSettings.navTheme,
-        //   // 主色调
-        //   primaryColor: defaultSettings.primaryColor,
-        //   fixedHeader: defaultSettings.fixedHeader,
-        //   fixSiderbar: defaultSettings.fixSiderbar,
-        //   colorWeak: defaultSettings.colorWeak,
-        //   hideHintAlert: false,
-        //   hideCopyButton: false
-        // },
-        // 媒体查询
-        query: {},
-        // 是否手机模式
-        isMobile: false
-      }
-    },
-    computed: {
-      ...mapState({
-        // 动态主路由
-        mainMenu: state => state.permission.addRouters,
-        currentRole: state => state.user.currentRole
-      }),
-      settings: function() {
-        const code = this.currentRole && this.currentRole.code
-        return {
-          // 布局类型
-          layout: code === 'student' ? 'topmenu' : defaultSettings.layout, // 'sidemenu', 'topmenu'
-          // 定宽: true / 流式: false
-          contentWidth: code === 'student' ? true : (defaultSettings.layout === 'sidemenu' ? false : defaultSettings.contentWidth ===
-            'Fixed'),
-          // 主题 'dark' | 'light'
-          theme: defaultSettings.navTheme,
-          // 主色调
-          primaryColor: defaultSettings.primaryColor,
-          fixedHeader: defaultSettings.fixedHeader,
-          fixSiderbar: defaultSettings.fixSiderbar,
-          colorWeak: defaultSettings.colorWeak,
-          hideHintAlert: false,
-          hideCopyButton: false
-        }
-      }
-    },
-    created() {
-      const routes = this.mainMenu.find(item => item.path === '/')
-      this.menus = (routes && routes.children) || []
-      // 处理侧栏收起状态
-      this.$watch('collapsed', () => {
-        this.$store.commit(SIDEBAR_TYPE, this.collapsed)
-      })
-      this.$watch('isMobile', () => {
-        this.$store.commit(TOGGLE_MOBILE_TYPE, this.isMobile)
-      })
-    },
-    mounted() {
-      const userAgent = navigator.userAgent
-      if (userAgent.indexOf('Edge') > -1) {
-        this.$nextTick(() => {
-          this.collapsed = !this.collapsed
-          setTimeout(() => {
-            this.collapsed = !this.collapsed
-          }, 16)
-        })
-      }
-    },
-    methods: {
-      i18nRender,
-      handleMediaQuery(val) {
-        this.query = val
-        if (this.isMobile && !val['screen-xs']) {
-          this.isMobile = false
-          return
-        }
-        if (!this.isMobile && val['screen-xs']) {
-          this.isMobile = true
-          this.collapsed = false
-          this.settings.contentWidth = false
-          // this.settings.fixSiderbar = false
-        }
-      },
-      handleCollapse(val) {
-        this.collapsed = val
-      },
-      logoRender() {
-        return <LogoSvg / >
+        // 布局类型
+        layout: code === 'student' ? 'topmenu' : defaultSettings.layout, // 'sidemenu', 'topmenu'
+        // 定宽: true / 流式: false
+        contentWidth: code === 'student' ? true : (defaultSettings.layout === 'sidemenu' ? false : defaultSettings.contentWidth === 'Fixed'),
+        // 主题 'dark' | 'light'
+        theme: defaultSettings.navTheme,
+        // 主色调
+        primaryColor: defaultSettings.primaryColor,
+        fixedHeader: defaultSettings.fixedHeader,
+        fixSiderbar: defaultSettings.fixSiderbar,
+        colorWeak: defaultSettings.colorWeak,
+        hideHintAlert: false,
+        hideCopyButton: false
       }
     }
+  },
+  created () {
+    const routes = this.mainMenu.find(item => item.path === '/')
+    this.menus = (routes && routes.children) || []
+    // 处理侧栏收起状态
+    this.$watch('collapsed', () => {
+      this.$store.commit(SIDEBAR_TYPE, this.collapsed)
+    })
+    this.$watch('isMobile', () => {
+      this.$store.commit(TOGGLE_MOBILE_TYPE, this.isMobile)
+    })
+  },
+  mounted () {
+    const userAgent = navigator.userAgent
+    if (userAgent.indexOf('Edge') > -1) {
+      this.$nextTick(() => {
+        this.collapsed = !this.collapsed
+        setTimeout(() => {
+          this.collapsed = !this.collapsed
+        }, 16)
+      })
+    }
+  },
+  methods: {
+    i18nRender,
+    handleMediaQuery (val) {
+      this.query = val
+      if (this.isMobile && !val['screen-xs']) {
+        this.isMobile = false
+        return
+      }
+      if (!this.isMobile && val['screen-xs']) {
+        this.isMobile = true
+        this.collapsed = false
+        this.settings.contentWidth = false
+        // this.settings.fixSiderbar = false
+      }
+    },
+    handleCollapse (val) {
+      this.collapsed = val
+    },
+    logoRender () {
+      return <LogoSvg />
+    }
   }
+}
 </script>
 
 <style lang="less">
-  @import './BasicLayout.less';
+@import './BasicLayout.less';
 
-  /*隐藏原本的图标*/
-  .ant-pro-global-header-trigger {
-    display: none;
-  }
-
-  .ant-pro-sider-menu-logo h1 {
-    max-width: 80%;
-    line-height: 2;
-  }
-
-  .ant-pro-sider-menu-logo {
-    height: 80px;
-  }
+/*隐藏原本的图标*/
+.ant-pro-global-header-trigger {
+  display: none;
+}
 </style>

src/layouts/BigScreenLayout.vue

@@ -1,31 +0,0 @@
-<template>
-  <div id="bigScreenLayout" :class="['user-layout-wrapper', isMobile && 'mobile']">
-    <!-- <bigScreen></bigScreen> -->
-    <router-view />
-  </div>
-</template>
-
-<script>
-import { deviceMixin } from '@/store/device-mixin'
-import BigScreen from '@/views/bigScreen/index.vue'
-export default {
-  name: 'BigScreenLayout',
-  mixins: [deviceMixin],
-  components: {
-    BigScreen
-  },
-  mounted () {
-    document.body.classList.add('bigScreenLayout')
-  },
-  beforeDestroy () {
-    document.body.classList.remove('bigScreenLayout')
-  }
-}
-</script>
-
-<style>
-  #app {
-
-    background-color: #03050C;
-  }
-</style>

src/layouts/UserLayout.vue

@@ -5,7 +5,7 @@
         <div class="header">
           <a href="javascript:void(0);">
             <img src="~@/assets/logo.svg" class="logo" alt="logo">
-            <span class="login_title">夷陵区下堡坪乡农村福利院长者信息管理系统</span>
+            <span class="title">安全培训平台</span>
           </a>
         </div>
       </div>
@@ -17,7 +17,7 @@
           <a href="_self">条款</a>
         </div> -->
         <div class="copyright">
-          Copyright &copy; 2023 湖北道诚科技有限公司
+          Copyright &copy; 2022 XinMei
         </div>
       </div>
     </div>
@@ -52,19 +52,11 @@ export default {
       }
     }
 
-    .container {
-      background-image: url('~@/assets/login.jpg'); /* 替换为您的背景图路径 */
-        background-size: cover; /* 让背景图片覆盖整个容器 */
-        // background-position: center; /* 居中对齐背景图 */
-        background-repeat: no-repeat; /* 防止背景图重复 */
-        width: 100%; /* 设置容器宽度为100%以适应屏幕宽度 */
-        height: 100vh; /* 设置容器高度为100vh以适应屏幕高度 */
-    }
     .container {
       width: 100%;
       min-height: 100%;
-      // background: #f0f2f5 url(~@/assets/background.svg) no-repeat 50%;
-      // background-size: 100%;
+      background: #f0f2f5 url(~@/assets/background.svg) no-repeat 50%;
+      background-size: 100%;
       padding: 110px 0 144px;
       position: relative;
 
@@ -74,7 +66,7 @@ export default {
 
       .top {
         text-align: center;
-        margin-bottom: 70px;
+        margin-bottom: 40px;
         .header {
           height: 44px;
           line-height: 44px;
@@ -96,7 +88,7 @@ export default {
             border-style: none;
           }
 
-          .login_title {
+          .title {
             font-size: 33px;
             color: rgba(0, 0, 0, .85);
             font-family: Avenir, 'Helvetica Neue', Arial, Helvetica, sans-serif;

src/layouts/index.js

@@ -3,6 +3,5 @@ import BlankLayout from './BlankLayout'
 import BasicLayout from './BasicLayout'
 import RouteView from './RouteView'
 import PageView from './PageView'
-import BigScreenLayout from './BigScreenLayout'
 
-export { UserLayout, BasicLayout, BlankLayout, RouteView, PageView, BigScreenLayout }
+export { UserLayout, BasicLayout, BlankLayout, RouteView, PageView }

src/main.js

@@ -25,30 +25,16 @@ import { hasBtnPermission } from './utils/permissions'
 
 window.Vue = Vue
 
-
-import dataV from '@jiaminghi/data-view';
-// 引入全局css
-import './assets/scss/style.scss';
-// 按需引入vue-awesome图标
-import Icon from 'vue-awesome/components/Icon';
-import 'vue-awesome/icons/chart-bar.js';
-import 'vue-awesome/icons/chart-area.js';
-import 'vue-awesome/icons/chart-pie.js';
-import 'vue-awesome/icons/chart-line.js';
-import 'vue-awesome/icons/align-left.js';
-
-//引入echart
-//4.x 引用方式
-import echarts from 'echarts'
-//5.x 引用方式为按需引用
-//希望使用5.x版本的话,需要在package.json中更新版本号,并切换引用方式
-//import * as echarts from 'echarts'
-Vue.prototype.$echarts = echarts
-
-/* import VueAwesomeSwiper from 'vue-awesome-swiper'
-import 'swiper/dist/css/swiper.css'
-// 全局挂载
-Vue.use(VueAwesomeSwiper) */
+// echart
+// import { use } from 'echarts/core'
+// import { CanvasRenderer } from 'echarts/renderers'
+// import { BarChart } from 'echarts/charts'
+// import {
+//   TitleComponent,
+//   TooltipComponent,
+//   LegendComponent,
+//   GridComponent
+// } from 'echarts/components'
 
 Vue.use(FormModel)
 Vue.use(Empty)
@@ -59,10 +45,6 @@ Vue.config.productionTip = false
 
 Vue.use(Print); //注册
 Vue.use(VueAxios)
-// 全局注册
-Vue.component('icon', Icon);
-Vue.use(dataV);
-
 Vue.component('pro-layout', ProLayout)
 Vue.component('page-header-wrapper', PageHeaderWrapper)
 
@@ -88,4 +70,4 @@ new Vue({
 Vue.filter('moment', (dataStr, pattern = 'YYYY-MM-DD HH:mm:ss') => {
     if (!dataStr) return ''
     return moment(dataStr).format(pattern)
-})
+})

src/permission.js

@@ -1,7 +1,7 @@
 import Vue from 'vue'
 import router from './router'
 import store from './store'
-import storage from 'store'
+import storage from 'store' 
 
 import NProgress from 'nprogress' // progress bar
 import '@/components/NProgress/nprogress.less' // progress bar custom style
@@ -10,19 +10,16 @@ import { ACCESS_TOKEN } from '@/store/mutation-types'
 
 import { Modal } from 'ant-design-vue' // NProgress Configuration
 NProgress.configure({ showSpinner: false })
-const whiteList = ['login', 'register', 'registerResult', 'setting','bigScreen'] // no redirect whitelist
+const whiteList = ['login', 'register', 'registerResult', 'setting'] // no redirect whitelist
 const loginRoutePath = '/user/login'
 // 无默认首页的情况
 const defaultRoutePath = '/welcome'
 
 router.beforeEach((to, from, next) => {
-  console.log(to)
   NProgress.start() // start progress bar
   to.meta && (typeof to.meta.title !== 'undefined' && setDocumentTitle(`${to.meta.title} - ${domTitle}`))
   if (storage.get(ACCESS_TOKEN)) {
-    console.log("ACCESS_TOKEN")
     if (to.path === loginRoutePath) {
-      console.log("to.path === loginRoutePath")
       next({ path: defaultRoutePath })
       NProgress.done()
     } else {
@@ -53,14 +50,10 @@ router.beforeEach((to, from, next) => {
               //     router.addRoute(element);
               // }
               // router.addRoutes方法被遗弃
-              // router.addRoutes(store.getters.addRouters)
-              console.log(store.getters.addRouters)
-              router.addRoutes(store.getters.addRouters)
-
+              router.addRoutes(store.getters.addRouters) 
+             
               // 请求带有 redirect 重定向时，登录自动重定向到该地址
-              console.log(from.query)
               const redirect = decodeURIComponent(from.query.redirect || to.path)
-              console.log("redirect:"+redirect)
               if (to.path === redirect) {
                 next({ path: redirect })
                 // hack方法 确保addRoutes已完成 ,set the replace: true so the navigation will not leave a history record
@@ -81,13 +74,10 @@ router.beforeEach((to, from, next) => {
       }
     }
   } else {
-    console.log("noAccess")
     if (whiteList.includes(to.name)) {
-      console.log("whiteList.includes")
       // 在免登录白名单，直接进入
       next()
     } else {
-      console.log("whiteList no includes")
       next({ path: loginRoutePath, query: { redirect: to.fullPath } })
       NProgress.done() // if current page is login will not trigger afterEach hook, so manually handle it
     }

src/router/generator-routers.js

@@ -1,19 +1,17 @@
 // eslint-disable-next-line
 // eslint-disable-next-line
-import { BasicLayout, BlankLayout, PageView, RouteView, BigScreenLayout } from '@/layouts'
+import { BasicLayout, BlankLayout, PageView, RouteView } from '@/layouts'
 
 // 前端路由表
 const constantRouterComponents = {
   // 基础页面 layout 必须引入
   BasicLayout: BasicLayout,
-  BigScreenLayout: BigScreenLayout,
   BlankLayout: BlankLayout,
   RouteView: RouteView,
   PageView: PageView,
   '403': () => import('@/views/exception/403'),
   '404': () => import('@/views/exception/404'),
   '500': () => import('@/views/exception/500'),
-  'developing': () => import('@/views/exception/developing'),
 
   // 你需要动态引入的页面组件
   'Workplace': () => import('@/views/dashboard/Workplace'),
@@ -25,7 +23,7 @@ const constantRouterComponents = {
   'CustomSettings': () => import('@/views/account/settings/Custom'),
   'BindingSettings': () => import('@/views/account/settings/Binding'),
   'NotificationSettings': () => import('@/views/account/settings/Notification'),
-
+  
   // 默认首页
   'Console': () => import('@/views/index/welcome')
 }
@@ -34,19 +32,6 @@ const constantRouterComponents = {
 const notFoundRouter = {
   path: '*', redirect: '/404', hidden: true
 }
-/* const bigScreenRouter = {
-    path: '/bigScreen',
-    component: BigScreenLayout,
-    redirect: '/bigScreen/data',
-    hidden: true,
-    children: [
-      {
-        path: 'bigScreen',
-        name: 'bigScreen',
-        component: () => import( '@/views/bigScreen/index')
-      }
-    ]
-  } */
 
 // 个人中心页面
 export const userAccount = [
@@ -142,17 +127,6 @@ export const userAccount = [
     },
     'component': 'NotificationSettings'
   },
- /* {
-    'name': 'BigScreen',
-    'path': '/bigScreen',
-    'pid': 0,
-    'id': 183183,
-    'meta': {
-      'title': '数据统计',
-      'show': false
-    },
-    'component': 'BigScreenLayout'
-  }, */
   {
     'name': 'Console',
     'path': '/welcome',
@@ -176,6 +150,7 @@ const rootRouter = {
   meta: { title: '首页' },
   children: []
 }
+
 /**
  * 动态生成菜单
  * @param token

src/store/modules/user.js

@@ -1,6 +1,6 @@
 import storage from 'store'
 import { login, getLoginUser, logout } from '@/api/login'
-import { reqChangePassword } from '@/api/security/user'
+import { reqChangePassword } from '@/api/mycourse/index'
 import { ACCESS_TOKEN } from '@/store/mutation-types'
 import { welcome } from '@/utils/util'
 
@@ -66,7 +66,7 @@ const user = {
               commit('SET_ROLES', 1)
               commit('SET_BUTTONS', data.permissions)
               commit('SET_INFO', data.user)
-              state.person = data.user
+              state.person = data.person
               commit('SET_NAME', { name: data.user.userName, welcome: welcome() })
               if (data.user.avatar != null) {
                 commit(

src/utils/drawMixin.js

@@ -1,57 +0,0 @@
-// 屏幕适配 mixin 函数
-
-// * 默认缩放值
-const scale = {
-  width: '1',
-  height: '1',
-}
-
-// * 设计稿尺寸（px）
-const baseWidth = 1920
-const baseHeight = 1080
-
-// * 需保持的比例（默认1.77778）
-const baseProportion = parseFloat((baseWidth / baseHeight).toFixed(5))
-
-export default {
-  data() {
-    return {
-      // * 定时函数
-      drawTiming: null
-    }
-  },
-  mounted () {
-    this.calcRate()
-    window.addEventListener('resize', this.resize)
-  },
-  beforeDestroy () {
-    window.removeEventListener('resize', this.resize)
-  },
-  methods: {
-    calcRate () {
-      const appRef = this.$refs["appRef"]
-      if (!appRef) return 
-      // 当前宽高比
-      const currentRate = parseFloat((window.innerWidth / window.innerHeight).toFixed(5))
-      if (appRef) {
-        if (currentRate > baseProportion) {
-          // 表示更宽
-          scale.width = ((window.innerHeight * baseProportion) / baseWidth).toFixed(5)
-          scale.height = (window.innerHeight / baseHeight).toFixed(5)
-          appRef.style.transform = `scale(${scale.width}, ${scale.height}) translate(-50%, -50%)`
-        } else {
-          // 表示更高
-          scale.height = ((window.innerWidth / baseProportion) / baseHeight).toFixed(5)
-          scale.width = (window.innerWidth / baseWidth).toFixed(5)
-          appRef.style.transform = `scale(${scale.width}, ${scale.height}) translate(-50%, -50%)`
-        }
-      }
-    },
-    resize () {
-      clearTimeout(this.drawTiming)
-      this.drawTiming = setTimeout(() => {
-        this.calcRate()
-      }, 200)
-    }
-  },
-}

src/utils/index.js

@@ -1,51 +0,0 @@
-/**
- * @param {Function} fn 防抖函数
- * @param {Number} delay 延迟时间
- */
-export function debounce(fn, delay) {
-  var timer;
-  return function () {
-    var context = this;
-    var args = arguments;
-    clearTimeout(timer);
-    timer = setTimeout(function () {
-      fn.apply(context, args);
-    }, delay);
-  };
-}
-
-/**
- * @param {date} time 需要转换的时间
- * @param {String} fmt 需要转换的格式 如 yyyy-MM-dd、yyyy-MM-dd HH:mm:ss
- */
-export function formatTime(time, fmt) {
-  if (!time) return '';
-  else {
-    const date = new Date(time);
-    const o = {
-      'M+': date.getMonth() + 1,
-      'd+': date.getDate(),
-      'H+': date.getHours(),
-      'm+': date.getMinutes(),
-      's+': date.getSeconds(),
-      'q+': Math.floor((date.getMonth() + 3) / 3),
-      S: date.getMilliseconds(),
-    };
-    if (/(y+)/.test(fmt))
-      fmt = fmt.replace(
-        RegExp.$1,
-        (date.getFullYear() + '').substr(4 - RegExp.$1.length)
-      );
-    for (const k in o) {
-      if (new RegExp('(' + k + ')').test(fmt)) {
-        fmt = fmt.replace(
-          RegExp.$1,
-          RegExp.$1.length === 1
-            ? o[k]
-            : ('00' + o[k]).substr(('' + o[k]).length)
-        );
-      }
-    }
-    return fmt;
-  }
-}

src/utils/resizeMixin.js

@@ -1,33 +0,0 @@
-// 混入代码 resize-mixins.js
-// 改成 Scale 缩放之后，没有使用这个代码，但是保留
-import { debounce } from '@/utils';
-const resizeChartMethod = '$__resizeChartMethod';
-
-export default {
-  data() {
-    // 在组件内部将图表 init 的引用映射到 chart 属性上
-    return {
-      chart: null,
-    };
-  },
-  created() {
-    window.addEventListener('resize', this[resizeChartMethod], false);
-  },
-  activated() {
-    // 防止 keep-alive 之后图表变形
-    if (this.chart) {
-      this.chart.resize()
-    }
-  },
-  beforeDestroy() {
-    window.removeEventListener('reisze', this[resizeChartMethod]);
-  },
-  methods: {
-    // 防抖函数来控制 resize 的频率
-    [resizeChartMethod]: debounce(function() {
-      if (this.chart) {
-        this.chart.resize();
-      }
-    }, 300),
-  },
-};

src/utils/useDraw.js

@@ -1,59 +0,0 @@
-export default function useDraw(appRefParams) {
-  // * 指向最外层容器
-  const appRef = appRefParams;
-  // * 定时函数
-  let timer = null;
-  // * 默认缩放值
-  const scale = {
-    width: '1',
-    height: '1',
-  };
-  // * 设计稿尺寸（px）
-  const baseWidth = 1920;
-  const baseHeight = 1080;
-
-  // * 需保持的比例（默认1.77778）
-  const baseProportion = parseFloat((baseWidth / baseHeight).toFixed(5));
-  const calcRate = () => {
-    // 当前宽高比
-    const currentRate = parseFloat((window.innerWidth / window.innerHeight).toFixed(5));
-    console.log(appRef)
-    if (appRef.value) {
-      if (currentRate > baseProportion) {
-        // 表示更宽
-        scale.width = ((window.innerHeight * baseProportion) / baseWidth).toFixed(5);
-        scale.height = (window.innerHeight / baseHeight).toFixed(5);
-        appRef.value.style.transform = `scale(${scale.width}, ${scale.height}) translate(-50%, -50%)`;
-      } else {
-        // 表示更高
-        scale.height = ((window.innerWidth / baseProportion) / baseHeight).toFixed(5);
-        scale.width = (window.innerWidth / baseWidth).toFixed(5);
-        appRef.value.style.transform = `scale(${scale.width}, ${scale.height}) translate(-50%, -50%)`;
-      }
-    }
-  };
-
-  const resize = () => {
-    clearTimeout(timer);
-    timer = setTimeout(() => {
-      calcRate();
-    }, 200);
-  };
-
-  // 改变窗口大小重新绘制
-  const windowDraw = () => {
-    window.addEventListener('resize', resize);
-  };
-
-  // 移除窗口大小改变监听
-  const unWindowDraw = () => {
-    window.removeEventListener('resize', resize);
-  };
-
-  return {
-    appRef,
-    calcRate,
-    windowDraw,
-    unWindowDraw,
-  };
-}

src/views/archives/certificate/CertificateType.vue

@@ -0,0 +1,155 @@
+<template>
+  <a-card :bordered="false" title="证书类型">
+    <template slot="extra">
+      <a-button size="small" @click="close">返回</a-button>
+    </template>
+
+    <div class="table-page-search-wrapper">
+      <div style="width: 100%; height: 32px; margin-bottom: 8px;">
+        <a-button type="primary" @click="addCertificateType()">新增证书类型</a-button>
+      </div>
+    </div>
+
+    <s-table ref="table" size="small" rowKey="id" :columns="columns" :data="loadData" :showPagination="false">
+      <template slot="action" slot-scope="text, record">
+        <a href="javascript:;" @click="edit(record)">编辑</a>
+        &nbsp;&nbsp;&nbsp;&nbsp;
+        <a-popconfirm title="确定要删除该证书类型?" ok-text="确认" cancel-text="取消" @confirm="del(record)">
+          <a href="javascript:;">删除</a>
+        </a-popconfirm>
+      </template>
+    </s-table>
+
+    <a-modal v-model="isAdd" :width="700" title="新增证书类型" ok-text="确认" cancel-text="取消" @ok="addCertificateTypeQR">
+      <a-form-model :model="addForm" :label-col="{span: 5}" :wrapper-col="{span: 19}">
+        <a-form-model-item label="证书类型名称" :rules="{ required: true, message: '请输入证书类型名称！' }">
+          <a-input v-model="addForm.name" />
+        </a-form-model-item>
+      </a-form-model>
+    </a-modal>
+  </a-card>
+</template>
+
+<script>
+import { STable } from '@/components'
+import { getCertificateTypeList, getCertificateType, getCertificateTypeMaxValue, addCertificateType, delCertificateType, editCertificateType } from '@/api/archives/certificate'
+
+export default {
+  // import引入的组件需要注入到对象中才能使用
+  components: { STable },
+  props: {},
+  data() {
+    // 这里存放数据
+    return {
+      isAdd: false,
+      addForm: {
+        name: ''
+      },
+      editForm: {},
+      queryParam: { dictionaryCode: '0001' },
+      columns: [
+        { title: '证书类型', width: 'auto', align: 'center', dataIndex: 'name', key: 'name' },
+        { title: '操作', width: '170px', key: 'operation', align: 'center', scopedSlots: { customRender: 'action' } }
+      ],
+      loadData: parameter => { return getCertificateTypeList(Object.assign(parameter, this.queryParam)).then((res) => { return res.data; }); },
+    };
+  },
+  // 计算属性 类似于data概念
+  computed: {},
+  // 监控data中的数据变化
+  watch: {},
+  // 方法集合
+  methods: {
+    // 返回 按钮
+    close() {
+      this.$router.push({
+        path: '/archives/certificate/Index', query: {
+
+        }
+      });
+    },
+
+    // 新增证书类型
+    addCertificateType() {
+      this.addForm.name = "";
+      this.isAdd = true;
+    },
+    addCertificateTypeQR() {
+      if (!this.addForm.name || this.addForm.name === '') {
+        this.$message.error("请输入证书类型名称!");
+        return;
+      }
+
+      // 如果修改form内有值 则走修改
+      if (this.editForm.id) {
+        if (this.editForm.name === this.addForm.name) {
+          this.$message.success("证书类型名称与之前一致，不需要发起修改");
+          this.isAdd = false;
+          return;
+        }
+
+        this.editForm.name = this.addForm.name;
+        editCertificateType(this.editForm).then(res => {
+          this.$message.success("修改成功!");
+          this.editForm = {};
+          this.isAdd = false;
+          this.$refs.table.refresh(true);
+        });
+        return;
+      }
+
+      let certificateType = {};
+      certificateType.dictionaryCode = '0001';
+      certificateType.name = this.addForm.name;
+      certificateType.parentid = 0;
+
+      // 先获取该词典项下最大value
+      getCertificateTypeMaxValue(certificateType).then(res => {
+        certificateType.value = res.data;
+
+        // 再发起新增
+        addCertificateType(certificateType).then(res => {
+          this.$message.success("新增成功!");
+          this.isAdd = false;
+          this.$refs.table.refresh(true);
+        });
+      });
+    },
+
+    // 编辑词典项
+    edit(record) {
+      getCertificateType({ id: record.id }).then(res => {
+        this.isAdd = true;
+        this.addForm.name = res.data.name;
+        this.editForm = res.data;
+      });
+    },
+
+    // 删除证书类型
+    del(record) {
+      delCertificateType({ ids: record.id, deleteReason: '' }).then(res => { this.$refs.table.refresh(true); });
+    }
+  },
+  // 生命周期 - 创建完成（可以访问当前this实例）
+  created() { },
+  // 生命周期 - 挂载完成（可以访问DOM元素）
+  mounted() { },
+  // 生命周期 - 创建之前
+  beforeCreate() { },
+  // 生命周期 - 挂载之前
+  beforeMount() { },
+  // 生命周期 - 更新之前
+  beforeUpdate() { },
+  // 生命周期 - 更新之后
+  updated() { },
+  // 生命周期 - 销毁之前
+  beforeDestroy() { },
+  // 生命周期 - 销毁完成
+  destroyed() { },
+  // 如果页面有keep-alive缓存功能，这个函数会触发
+  activated() { }
+};
+
+</script>
+<style scoped>
+</style>

src/views/archives/certificate/EditCertificate.vue

@@ -0,0 +1,136 @@
+<template>
+  <a-card :bordered="false" :title="pageName">
+    <template slot="extra">
+      <a-button size="small" @click="save" type="primary">保存</a-button>
+      <a-button size="small" @click="close">返回</a-button>
+    </template>
+
+    <a-form-model :model="form">
+      <a-form-model-item label="证书名称" :label-col="{ span: 4 }" :wrapper-col="{ span: 15 }">
+        <a-input v-model="form.name" placeholder="证书名称" />
+      </a-form-model-item>
+      <a-form-model-item label="证书注册日期" :label-col="{ span: 4 }" :wrapper-col="{ span: 15 }">
+        <a-date-picker v-model="form.registerDate" :format="'YYYY-MM-DD'" valueFormat="YYYY-MM-DD" placeholder="证书注册日期" />
+      </a-form-model-item>
+      <a-form-model-item label="证书有效期" :label-col="{ span: 4 }" :wrapper-col="{ span: 15 }">
+        <a-date-picker v-model="form.validityStartDate" :format="'YYYY-MM-DD'" valueFormat="YYYY-MM-DD" placeholder="证书有效期开始日期" />
+        -
+        <a-date-picker v-model="form.validityEndDate" :format="'YYYY-MM-DD'" valueFormat="YYYY-MM-DD" placeholder="证书有效期结束日期" />
+      </a-form-model-item>
+      <a-form-model-item label="证书类型" :label-col="{ span: 4 }" :wrapper-col="{ span: 15 }">
+        <a-select v-model="form.type" placeholder="请选择证书类型" :allowClear="true">
+          <a-select-option v-for="(item, index) in certificateType" :key="index" :value="item.value">{{ item.name }}</a-select-option>
+        </a-select>
+      </a-form-model-item>
+      <!-- <a-form-model-item label="证书状态" :label-col="{ span: 4 }" :wrapper-col="{ span: 15 }">
+        <a-select v-model="form.state" placeholder="请选择证书状态" :allowClear="true">
+          <a-select-option v-for="(item, index) in certificateState" :key="index" :value="item.value">{{ item.name }}</a-select-option>
+        </a-select>
+      </a-form-model-item> -->
+      <a-form-model-item label="证书照片" :label-col="{ span: 4 }" :wrapper-col="{ span: 15 }">
+        <db-upload v-model="fileList"></db-upload>
+      </a-form-model-item>
+    </a-form-model>
+  </a-card>
+</template>
+
+<script>
+import DbUpload from '@/components/DbUpload/DbUpload.vue'
+import { dictionaryDropDown } from '@/api/sys/dictionaryItem'
+import { addPersonCertificate, findPersonCertificateDetail } from '@/api/archives/certificate'
+
+export default {
+  // import引入的组件需要注入到对象中才能使用
+  components: { DbUpload },
+  props: {},
+  data() {
+    // 这里存放数据
+    return {
+      pageName: this.$route.query.certificateId ? '证书编辑' : '证书新增',
+      fileList: [],
+      form: {},
+      certificateType: [], // 证书类型
+      certificateState: [], // 证书状态
+    };
+  },
+  // 计算属性 类似于data概念
+  computed: {},
+  // 监控data中的数据变化
+  watch: {},
+  // 方法集合
+  methods: {
+    // 返回 按钮
+    close() {
+      if (this.$route.query.certificateId) this.$router.push({ path: '/archives/certificate/Index', query: {} });
+      else this.$router.push({ path: '/personList', query: {} });
+    },
+
+    // 加载证书信息
+    loadCertificateInfo() {
+      if (!this.$route.query.certificateId) return;
+
+      findPersonCertificateDetail({ id: this.$route.query.certificateId }).then(res => {
+        this.form = res.data;
+        this.fileList = JSON.parse(res.data.file);
+      })
+
+    },
+
+    // 获取词典项
+    dictionaryDropDown() {
+      // 获取证书类型
+      dictionaryDropDown({ dictionaryCode: '0001' }).then((res) => {
+        this.certificateType = res.data;
+      })
+      // 获取证书状态
+      dictionaryDropDown({ dictionaryCode: '0010' }).then((res) => {
+        this.certificateState = res.data;
+      })
+    },
+
+    // 保存 按钮
+    save() {
+      let personCertificate = this.form;
+
+      console.log(this.fileList)
+
+      if (!personCertificate.id) personCertificate.personId = parseInt(this.$route.query.personId);
+      personCertificate.file = JSON.stringify(this.fileList);
+      console.log('save---', this.form)
+
+      addPersonCertificate(personCertificate).then(res => {
+        this.$message.success(this.pageName + "成功!");
+        this.close();
+      });
+
+    },
+  },
+  // 生命周期 - 创建完成（可以访问当前this实例）
+  created() {
+    // 加载词典项
+    this.dictionaryDropDown();
+
+    // 加载证书数据
+    this.loadCertificateInfo();
+  },
+  // 生命周期 - 挂载完成（可以访问DOM元素）
+  mounted() { },
+  // 生命周期 - 创建之前
+  beforeCreate() { },
+  // 生命周期 - 挂载之前
+  beforeMount() { },
+  // 生命周期 - 更新之前
+  beforeUpdate() { },
+  // 生命周期 - 更新之后
+  updated() { },
+  // 生命周期 - 销毁之前
+  beforeDestroy() { },
+  // 生命周期 - 销毁完成
+  destroyed() { },
+  // 如果页面有keep-alive缓存功能，这个函数会触发
+  activated() { }
+};
+
+</script>
+<style scoped>
+</style>

src/views/archives/certificate/Index.vue

@@ -0,0 +1,251 @@
+<template>
+  <a-card :bordered="false" title="证书档案" :loading="treeLoading">
+    <div class="table-page-search-wrapper">
+      <SearchCom :form="queryParam" :list="queryOptions" @search="handleRefresh" @reset="() => {queryParam.type = '', handleRefresh()}"></SearchCom>
+      <div style="width: 100%; height: 32px; margin-bottom: 8px;">
+        <a-button type="primary" @click="editCertificateType()">编辑证书类型</a-button>
+      </div>
+    </div>
+
+    <a-row :gutter="24">
+      <a-col :md="5" :sm="24" class="borderTop ">
+        <div>
+          <div v-if="this.orgTree != ''">
+            <a-tree
+              :treeData="orgTree"
+              v-if="orgTree.length"
+              @select="handleClick"
+              :defaultExpandAll="true"
+              :defaultExpandedKeys="expandedKeys"
+              :replaceFields="replaceFields" />
+          </div>
+          <div v-else>
+            <a-empty :image="simpleImage" />
+          </div>
+
+          <a-button type="primary" @click="changeOrgType" style="display: block; margin: 10px auto;">
+            {{ queryParam.orgType === 1 ? '切换到项目组' : '切换到单位' }}
+          </a-button>
+        </div>
+      </a-col>
+      <a-col :md="19" :sm="24" style="padding-left: 0px">
+        <s-table ref="table" size="small" rowKey="id" :columns="columns" :data="loadData">
+          <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('person:certificate:edit')">
+                  <a href="javascript:;" @click="editPersonCertificate(record)">修改</a>
+                </a-menu-item>
+                <a-menu-item v-if="hasPerm('person:certificate:export')">
+                  <a href="javascript:;" @click="exportPersonCertificate(record)">导出</a>
+                </a-menu-item>
+                <a-menu-item v-if="hasPerm('person:certificate:del')">
+                  <a-popconfirm placement="topRight" title="确认删除？" @confirm="() => delPersonCertificate(record)">
+                    <a href="javascript:;">删除</a>
+                  </a-popconfirm>
+                </a-menu-item>
+              </a-menu>
+            </a-dropdown>
+          </template>
+        </s-table>
+      </a-col>
+    </a-row>
+  </a-card>
+</template>
+
+<script>
+import { Empty } from 'ant-design-vue'
+import { STable, SearchCom } from '@/components'
+import { getArchivesCertificatelist, delCertificate, exportCertificate } from '@/api/archives/certificate'
+import { downloadExportFile } from '@/api/common/common'
+import { dictionaryDropDown } from '@/api/sys/dictionaryItem'
+import { orgList } from '@/api/org/org'
+import { listToTree } from '@/utils/util'
+
+export default {
+  // import引入的组件需要注入到对象中才能使用
+  components: { STable, SearchCom },
+  props: {},
+  data () {
+    // 这里存放数据
+    return {
+      queryParam: { orgId: '', orgType: 1, type: '' },
+      queryOptions: [
+        { type: 'select-dic', placeholder: '证书类型', key: 'type', options: [] }
+      ],
+      state: [], // 证书状态字典
+
+      // 组织机构数需要用到的参数
+      simpleImage: Empty.PRESENTED_IMAGE_SIMPLE,
+      orgTree: [],
+      expandedKeys: [],
+      treeLoading: true,
+      replaceFields: {
+        children: 'children',
+        title: 'name',
+        key: 'id',
+        value: 'id'
+      },
+
+      // 表格参数
+      columns: [
+        { title: '姓名', width: '80px', align: 'center', dataIndex: 'personName', key: 'personName' },
+        { title: '单位信息', width: 'auto', align: 'center', dataIndex: 'dwOrgName', key: 'dwOrgName' },
+        { title: '部门信息', width: 'auto', align: 'center', dataIndex: 'bmOrgName', key: 'bmOrgName' },
+        { title: '证书名称', width: 'auto', align: 'center', dataIndex: 'name', key: 'name' },
+        {
+          title: '证书类型',
+width: 'auto',
+align: 'center',
+dataIndex: 'type',
+key: 'type',
+customRender: (text, record, index) => {
+            let textStr = ''
+            this.queryOptions[0].options.forEach(element => { if (element.value.toString() === text) textStr = element.name })
+            return textStr
+          }
+        },
+        { title: '注册日期', width: 'auto', align: 'center', dataIndex: 'registerDate', key: 'registerDate' },
+        { title: '失效日期', width: 'auto', align: 'center', dataIndex: 'validityEndDate', key: 'validityEndDate' },
+        {
+          title: '证书状态',
+width: '80px',
+align: 'center',
+dataIndex: 'state',
+key: 'state',
+customRender: (text, record, index) => {
+            let textStr = ''
+            this.state.forEach(element => { if (element.value.toString() === text) textStr = element.name })
+            return textStr
+          }
+        },
+        { title: '操作', width: '70px', key: 'operation', align: 'center', scopedSlots: { customRender: 'action' } }
+      ],
+      loadData: null
+    }
+  },
+  // 计算属性 类似于data概念
+  computed: {},
+  // 监控data中的数据变化
+  watch: {},
+  // 方法集合
+  methods: {
+    // 获取到机构树，展开顶级下树节点，考虑到后期数据量变大，不建议全部展开
+    getOrgTree () {
+      orgList({ orgType: this.queryParam.orgType }).then(res => {
+        this.treeLoading = false
+        if (!res.code === 200 || !res.data.length) {
+          return
+        }
+        this.expandedKeys = []
+        this.orgTree = listToTree(res.data, [], 0)
+        this.queryParam.orgId = this.orgTree[0].id
+        // 默认展开
+        this.orgTree.forEach(item => {
+          this.expandedKeys.push(item.id)
+        })
+
+        if (!this.loadData) this.loadData = parameter => { return getArchivesCertificatelist(Object.assign(parameter, this.queryParam)).then(res => { return res }) }
+        else this.handleRefresh()
+      })
+    },
+
+    // 获取词典项
+    dictionaryDropDown () {
+      // 获取证书类型
+      dictionaryDropDown({ dictionaryCode: '0001' }).then((res) => {
+        this.queryOptions[0].options = res.data
+      })
+
+      // 获取证书状态
+      dictionaryDropDown({ dictionaryCode: '0010' }).then((res) => {
+        this.state = res.data
+      })
+    },
+
+    // 编辑证书类型
+    editCertificateType () {
+      this.$router.push({ path: '/archives/certificate/CertificateType', query: {} })
+    },
+
+    // 搜索区查询按钮
+    handleRefresh () {
+      this.$refs.table.refresh(true)
+    },
+
+    // 切换组织树
+    changeOrgType () {
+      this.queryParam.orgType = this.queryParam.orgType === 1 ? 2 : 1
+      this.getOrgTree()
+      // this.handleClick();
+    },
+
+    // 点击组织树节点时调用
+    handleClick (e) {
+      this.queryParam.orgId = e.toString()
+      this.$refs.table.refresh(true)
+    },
+
+    // 修改人员证书
+    editPersonCertificate (record) {
+      this.$router.push({
+        path: '/archives/certificate/EditCertificate',
+query: {
+          certificateId: record.id
+        }
+      })
+    },
+
+    // 导出人员证书
+    exportPersonCertificate (record) {
+      exportCertificate({ id: record.id }).then(res => {
+        downloadExportFile(res.data)
+      })
+    },
+
+    // 删除人员证书
+    delPersonCertificate (record) {
+      delCertificate({ id: record.id }).then(res => {
+        this.$message.success('删除证书成功!')
+        this.$refs.table.refresh(true)
+      })
+    }
+  },
+  // 生命周期 - 创建完成（可以访问当前this实例）
+  created () {
+    // 获取组织机构树
+    this.getOrgTree()
+
+    // 获取所有证书类型
+    this.dictionaryDropDown()
+  },
+  // 生命周期 - 挂载完成（可以访问DOM元素）
+  mounted () { },
+  // 生命周期 - 创建之前
+  beforeCreate () { },
+  // 生命周期 - 挂载之前
+  beforeMount () { },
+  // 生命周期 - 更新之前
+  beforeUpdate () { },
+  // 生命周期 - 更新之后
+  updated () { },
+  // 生命周期 - 销毁之前
+  beforeDestroy () { },
+  // 生命周期 - 销毁完成
+  destroyed () { },
+  // 如果页面有keep-alive缓存功能，这个函数会触发
+  activated () { }
+}
+
+</script>
+<style scoped>
+.borderTop {
+  border-top: 1px solid #e8e8e8;
+}
+.borderRight {
+  border-right: 1px solid #e8e8e8;
+}
+</style>

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>

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: {id:this.$route.query.projectId}, //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.testState,
+          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>

src/views/archives/project/ProjectUserAnswer.vue

@@ -0,0 +1,92 @@
+<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) {
+      console.log('详情',record);
+
+      this.$router.push({ path: '/myreport', query: { type: 'exam', reportId: record.reportId } })
+    }
+
+  },
+  // 生命周期 - 创建完成（可以访问当前this实例）
+  created() { },
+  // 生命周期 - 挂载完成（可以访问DOM元素）
+  mounted() { },
+  // 生命周期 - 创建之前
+  beforeCreate() { },
+  // 生命周期 - 挂载之前
+  beforeMount() { },
+  // 生命周期 - 更新之前
+  beforeUpdate() { },
+  // 生命周期 - 更新之后
+  updated() { },
+  // 生命周期 - 销毁之前
+  beforeDestroy() { },
+  // 生命周期 - 销毁完成
+  destroyed() { },
+  // 如果页面有keep-alive缓存功能，这个函数会触发
+  activated() { }
+};
+
+</script>
+<style scoped>
+</style>

src/views/archives/project/ProjectUserCourse.vue

@@ -0,0 +1,106 @@
+<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: 'yesRate', key: 'yesRate' },
+        {
+          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: {
+          projectId:this.$route.query.projectId,
+          userId:this.$route.query.userId,
+          
+          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>