|
@@ -1,91 +0,0 @@
|
|
|
-<template>
|
|
|
- <div class="record-container">
|
|
|
- <!-- 左边 考核列表组件 -->
|
|
|
- <LeftExamineRecord @selectRow="handleSeleRow" />
|
|
|
- <!-- 右边 考核明细组件 -->
|
|
|
- <RightExamineRecord v-if="JSON.stringify(detailInfo) !== '{}'" :detailInfo="detailInfo" :cateList="cateList" />
|
|
|
- </div>
|
|
|
-</template>
|
|
|
-
|
|
|
-
|
|
|
-<script>
|
|
|
-import { mapGetters } from 'vuex';
|
|
|
-import RightExamineRecord from "./ExamineRecord/RightExamineRecord" // 考核列表组件
|
|
|
-import LeftExamineRecord from "./ExamineRecord/LeftExamineRecord" // 考核列表组件
|
|
|
-export default {
|
|
|
- components: {
|
|
|
- RightExamineRecord,
|
|
|
- LeftExamineRecord
|
|
|
- },
|
|
|
- data() {
|
|
|
- return {
|
|
|
- detailInfo: {},
|
|
|
- cateList: [], // 考核分类
|
|
|
- }
|
|
|
- },
|
|
|
- created() {
|
|
|
- this.getCateList()
|
|
|
- },
|
|
|
- computed: {
|
|
|
- ...mapGetters(['user_info']),
|
|
|
- },
|
|
|
- methods: {
|
|
|
- handleSeleRow(reviewPackageId) {
|
|
|
- // 获取考核详情
|
|
|
- let url = `/performance/statistics/package/info/${this.user_info.site_id}/${reviewPackageId}`
|
|
|
- this.$axiosUser("get", url, {}).then(res => {
|
|
|
- let { data: { data: { cateIds, indicators, startTime, endTime, title, distribution: { items }, users }, code } } = res
|
|
|
- this.detailInfo = { data: { data: { cateIds, indicators, startTime, endTime, title, distribution: { items }, users }, code }, reviewPackageId }
|
|
|
- })
|
|
|
- },
|
|
|
- // 考核分类列表
|
|
|
- getCateList() {
|
|
|
- let url = `/performance/cate/list/${this.user_info.site_id}`;
|
|
|
- // this.loading = true
|
|
|
- this.$axiosUser('get', url).then(res => {
|
|
|
- let { data: { code, data: { list, total } } } = res
|
|
|
- if (code == 1) {
|
|
|
- this.cateList = list;
|
|
|
- }
|
|
|
-
|
|
|
- })
|
|
|
- },
|
|
|
- }
|
|
|
-};
|
|
|
-</script>
|
|
|
-
|
|
|
-
|
|
|
-<style scoped="scoped" lang="scss">
|
|
|
-.record-container {
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
- background-color: #f0f4fa;
|
|
|
- display: flex;
|
|
|
- justify-content: space-between;
|
|
|
-
|
|
|
- /* 设置滚动条的宽度和背景色 */
|
|
|
- ::v-deep .el-table__body-wrapper::-webkit-scrollbar {
|
|
|
- width: 10px;
|
|
|
- height: 10px;
|
|
|
- background-color: #f9f9f9;
|
|
|
- }
|
|
|
-
|
|
|
- /* 设置滚动条滑块的样式 */
|
|
|
- ::v-deep .el-table__body-wrapper::-webkit-scrollbar-thumb {
|
|
|
- border-radius: 6px;
|
|
|
- background-color: #c1c1c1;
|
|
|
- }
|
|
|
-
|
|
|
- /* 设置滚动条滑块hover样式 */
|
|
|
- ::v-deep .el-table__body-wrapper::-webkit-scrollbar-thumb:hover {
|
|
|
- background-color: #a8a8a8;
|
|
|
- }
|
|
|
-
|
|
|
- /* 设置滚动条轨道的样式 */
|
|
|
- ::v-deep .el-table__body-wrapper::-webkit-scrollbar-track {
|
|
|
- box-shadow: inset 0 0 5px rgba(87, 175, 187, 0.1);
|
|
|
- border-radius: 6px;
|
|
|
- background: #ededed;
|
|
|
- }
|
|
|
-}
|
|
|
-</style>
|