| 1 |
- {"remainingRequest":"/usr/local/develop/php/www/waibao/project/NN2020060801/addons/admin/node_modules/vue-loader/lib/index.js??vue-loader-options!/usr/local/develop/php/www/waibao/project/NN2020060801/addons/admin/src/views/dashboard/workplace.vue?vue&type=script&lang=js&","dependencies":[{"path":"/usr/local/develop/php/www/waibao/project/NN2020060801/addons/admin/src/views/dashboard/workplace.vue","mtime":1655263959140},{"path":"/usr/local/develop/php/www/waibao/project/NN2020060801/addons/admin/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/usr/local/develop/php/www/waibao/project/NN2020060801/addons/admin/node_modules/babel-loader/lib/index.js","mtime":499162500000},{"path":"/usr/local/develop/php/www/waibao/project/NN2020060801/addons/admin/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/usr/local/develop/php/www/waibao/project/NN2020060801/addons/admin/node_modules/vue-loader/lib/index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KCmltcG9ydCBFbFRhYmxlRHJhZ2dhYmxlIGZyb20gJ0AvY29tcG9uZW50cy9Tb3J0YWJsZS9FbFRhYmxlRHJhZ2dhYmxlJwoKZXhwb3J0IGRlZmF1bHQgewogIG5hbWU6ICJXb3JrcGxhY2UiLAogIGNvbXBvbmVudHM6IHtFbFRhYmxlRHJhZ2dhYmxlfSwKICBkYXRhKCkgewogICAgcmV0dXJuIHsKICAgICAgYWN0aXZpdGllczogWwogICAgICAgIHt0aXRsZTogJ1N1blNtaWxlIOino+WGs+S6hmJ1ZyDnmbvlvZXmj5DnpLrmk43kvZzlpLHotKUnLCB0aW1lc3RhbXA6ICcyMDozMCcsIHByaW1hcnk6IGZhbHNlfSwKICAgICAgICB7dGl0bGU6ICdKYXNtaW5lIOino+WGs+S6hmJ1ZyDmjInpkq7popzoibLkuI7orr7orqHkuI3nrKYnLCB0aW1lc3RhbXA6ICcxOTozMCcsIHByaW1hcnk6IGZhbHNlfSwKICAgICAgICB7dGl0bGU6ICfpobnnm67nu4/nkIYg5oyH5rS+5LqG5Lu75YqhIOino+WGs+mhueebruS4gOeahGJ1ZycsIHRpbWVzdGFtcDogJzE4OjMwJywgcHJpbWFyeTogdHJ1ZX0sCiAgICAgICAge3RpdGxlOiAn6aG555uu57uP55CGIOaMh+a0vuS6huS7u+WKoSDop6PlhrPpobnnm67kuoznmoRidWcnLCB0aW1lc3RhbXA6ICcxNzozMCcsIHByaW1hcnk6IHRydWV9LAogICAgICAgIHt0aXRsZTogJ+mhueebrue7j+eQhiDmjIfmtL7kuobku7vliqEg6Kej5Yaz6aG555uu5LiJ55qEYnVnJywgdGltZXN0YW1wOiAnMTY6MzAnLCBwcmltYXJ5OiB0cnVlfSwKICAgICAgICB7dGl0bGU6ICfpobnnm67nu4/nkIYg5oyH5rS+5LqG5Lu75YqhIOino+WGs+mhueebruWbm+eahGJ1ZycsIHRpbWVzdGFtcDogJzE1OjMwJywgcHJpbWFyeTogZmFsc2V9LAogICAgICAgIHt0aXRsZTogJ+mhueebrue7j+eQhiDmjIfmtL7kuobku7vliqEg6Kej5Yaz6aG555uu5LqU55qEYnVnJywgdGltZXN0YW1wOiAnMTQ6MzAnLCBwcmltYXJ5OiBmYWxzZX0sCiAgICAgICAge3RpdGxlOiAn6aG555uu57uP55CGIOaMh+a0vuS6huS7u+WKoSDop6PlhrPpobnnm67lha3nmoRidWcnLCB0aW1lc3RhbXA6ICcxMjozMCcsIHByaW1hcnk6IGZhbHNlfSwKICAgICAgICB7dGl0bGU6ICfpobnnm67nu4/nkIYg5oyH5rS+5LqG5Lu75YqhIOino+WGs+mhueebruS4g+eahGJ1ZycsIHRpbWVzdGFtcDogJzExOjMwJywgcHJpbWFyeTogdHJ1ZX0sCiAgICAgICAge3RpdGxlOiAn6aG555uu57uP55CGIOaMh+a0vuS6huS7u+WKoSDop6PlhrPpobnnm67lhavnmoRidWcnLCB0aW1lc3RhbXA6ICcxMDozMCcsIHByaW1hcnk6IGZhbHNlfSwKICAgICAgICB7dGl0bGU6ICfpobnnm67nu4/nkIYg5oyH5rS+5LqG5Lu75YqhIOino+WGs+mhueebruS5neeahGJ1ZycsIHRpbWVzdGFtcDogJzA5OjMwJywgcHJpbWFyeTogZmFsc2V9LAogICAgICAgIHt0aXRsZTogJ+mhueebrue7j+eQhiDmjIfmtL7kuobku7vliqEg6Kej5Yaz6aG555uu5Y2B55qEYnVnJywgdGltZXN0YW1wOiAnMDg6MzAnLCBwcmltYXJ5OiBmYWxzZX0KICAgICAgXSwKICAgICAgdGFza0xpc3Q6IFsKICAgICAgICB7aWQ6IDEsIHByaW9yaXR5OiAxLCB0YXNrTmFtZTogJ+ino+WGs+mhueebruS4gOeahGJ1ZycsIHN0YXRlOiAwfSwKICAgICAgICB7aWQ6IDIsIHByaW9yaXR5OiAyLCB0YXNrTmFtZTogJ+ino+WGs+mhueebruS6jOeahGJ1ZycsIHN0YXRlOiAwfSwKICAgICAgICB7aWQ6IDMsIHByaW9yaXR5OiAyLCB0YXNrTmFtZTogJ+ino+WGs+mhueebruS4ieeahGJ1ZycsIHN0YXRlOiAxfSwKICAgICAgICB7aWQ6IDQsIHByaW9yaXR5OiAzLCB0YXNrTmFtZTogJ+ino+WGs+mhueebruWbm+eahGJ1ZycsIHN0YXRlOiAxfSwKICAgICAgICB7aWQ6IDUsIHByaW9yaXR5OiAzLCB0YXNrTmFtZTogJ+ino+WGs+mhueebruS6lOeahGJ1ZycsIHN0YXRlOiAyfSwKICAgICAgICB7aWQ6IDYsIHByaW9yaXR5OiAzLCB0YXNrTmFtZTogJ+ino+WGs+mhueebruWFreeahGJ1ZycsIHN0YXRlOiAyfQogICAgICBdLAogICAgICBwcm9qZWN0TGlzdDogWwogICAgICAgIHtwcm9qZWN0TmFtZTogJ+S6uuW3peaZuuiDvemhueebrueri+mhueeUs+ivtycsIHN0YXRlOiAwLCBzdGFydERhdGU6ICcyMDIxLTAzLTE1JywgZW5kRGF0ZTogJzIwMjEtMDQtMTUnLCBwcm9ncmVzczogMzB9LAogICAgICAgIHtwcm9qZWN0TmFtZTogJ0FJ5pm66IO96Iqv54mH6K6+6K6h5bGVJywgc3RhdGU6IDAsIHN0YXJ0RGF0ZTogJzIwMjEtMDMtMDEnLCBlbmREYXRlOiAnMjAyMS0wMy0wNScsIHByb2dyZXNzOiAxMH0sCiAgICAgICAge3Byb2plY3ROYW1lOiAn5pm65oWn5Yy755aX5o6o6L+b5LyaJywgc3RhdGU6IDEsIHN0YXJ0RGF0ZTogJzIwMjEtMDItMTUnLCBlbmREYXRlOiAnMjAyMS0wMi0yMCcsIHByb2dyZXNzOiA2MH0sCiAgICAgICAge3Byb2plY3ROYW1lOiAn5aSn5pWw5o2u5pm66IO95YiG5p6Q5bmz5Y+w5bu66K6+Jywgc3RhdGU6IDEsIHN0YXJ0RGF0ZTogJzIwMjEtMDItMTAnLCBlbmREYXRlOiAnMjAyMS0wMi0yMicsIHByb2dyZXNzOiAwfSwKICAgICAgICB7cHJvamVjdE5hbWU6ICfkupHorqHnrpflpKfmlbDmja7liIbmnpAnLCBzdGF0ZTogMiwgc3RhcnREYXRlOiAnMjAyMS0wMi0wNScsIGVuZERhdGU6ICcyMDIxLTAyLTI1JywgcHJvZ3Jlc3M6IDEwMH0sCiAgICAgICAge3Byb2plY3ROYW1lOiAnU3BhY2VY54Gr566t5Y+R5bCE6K6h5YiSJywgc3RhdGU6IDMsIHN0YXJ0RGF0ZTogJzIwMjEtMDEtMjAnLCBlbmREYXRlOiAnMjAyMS0wMS0yNScsIHByb2dyZXNzOiAxMDB9LAogICAgICAgIHtwcm9qZWN0TmFtZTogJ+aWsOiDvea6kOaxvei9puiuvuiuoeWkp+i1mycsIHN0YXRlOiAzLCBzdGFydERhdGU6ICcyMDIxLTAxLTAxJywgZW5kRGF0ZTogJzIwMjEtMDEtMDgnLCBwcm9ncmVzczogMTAwfQogICAgICBdLAogICAgICB1c2VyTGlzdDogWwogICAgICAgIHsKICAgICAgICAgIG5hbWU6ICfoqbnlp4bmlq/Ct+mrmOaWr+aelycsIGRlc2M6ICdVSeiuvuiuoeW4iOOAgeS6pOS6kuS4k+WuticsIHN0YXRlOiAwLAogICAgICAgICAgYXZhdGFyOiByZXF1aXJlKCdAL2Fzc2V0cy9sb2dvLnBuZycpCiAgICAgICAgfSwKICAgICAgICB7CiAgICAgICAgICBuYW1lOiAn6Km55aeG5pavwrfpq5jmlq/mnpcnLCBkZXNjOiAn5YmN56uv5bel56iL5biIJywgc3RhdGU6IDAsCiAgICAgICAgICBhdmF0YXI6IHJlcXVpcmUoJ0AvYXNzZXRzL2xvZ28ucG5nJykKICAgICAgICB9LAogICAgICAgIHsKICAgICAgICAgIG5hbWU6ICfoqbnlp4bmlq/Ct+mrmOaWr+aelycsIGRlc2M6ICfliY3nq6/lt6XnqIvluIgnLCBzdGF0ZTogMCwKICAgICAgICAgIGF2YXRhcjogcmVxdWlyZSgnQC9hc3NldHMvbG9nby5wbmcnKQogICAgICAgIH0sCiAgICAgICAgewogICAgICAgICAgbmFtZTogJ+ipueWnhuaWr8K36auY5pav5p6XJywgZGVzYzogJ+S6p+WTgee7j+eQhuOAgemhueebrue7j+eQhicsIHN0YXRlOiAxLAogICAgICAgICAgYXZhdGFyOiByZXF1aXJlKCdAL2Fzc2V0cy9sb2dvLnBuZycpCiAgICAgICAgfSwKICAgICAgICB7CiAgICAgICAgICBuYW1lOiAn6Km55aeG5pavwrfpq5jmlq/mnpcnLCBkZXNjOiAn57uE6ZW/44CB5ZCO56uv5bel56iL5biIJywgc3RhdGU6IDEsCiAgICAgICAgICBhdmF0YXI6IHJlcXVpcmUoJ0AvYXNzZXRzL2xvZ28ucG5nJykKICAgICAgICB9CiAgICAgIF0KICAgIH0KICB9LAogIG1vdW50ZWQoKSB7CmNvbnNvbGUubG9nKDU1NSkKICB9Cn0K"},{"version":3,"sources":["workplace.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsJA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"workplace.vue","sourceRoot":"src/views/dashboard","sourcesContent":["<template>\n <div class=\"ele-body\">\n <!-- 顶部卡片 -->\n <el-card shadow=\"never\" body-style=\"padding: 20px;\">\n <div class=\"ele-cell workplace-user-card\">\n <div class=\"ele-cell-content ele-cell\">\n <el-avatar :size=\"68\" :src=\"$store.state.user.user.avatar\"/>\n <div class=\"ele-cell-content\" style=\"overflow: hidden;\">\n <h4 class=\"ele-elip\">早安，{{ $store.state.user.user.realname }}</h4>\n <div class=\"ele-text-secondary ele-elip\" style=\"margin-top: 8px;\">\n <s/>请开始您一天的工作吧！<s/>\n </div>\n </div>\n </div>\n </div>\n </el-card>\n <el-row :gutter=\"15\">\n <el-col :md=\"3\" :sm=\"6\" :xs=\"12\">\n <el-card shadow=\"hover\" body-style=\"padding:0;\">\n <div class=\"app-link-block\" @click=\"$router.push('/system/menu')\">\n <i class=\"app-link-icon el-icon-data-line\" style=\"color: #95de64;\"></i>\n <div class=\"app-link-title\">菜单管理</div>\n </div>\n </el-card>\n </el-col>\n <el-col :md=\"3\" :sm=\"6\" :xs=\"12\">\n <el-card shadow=\"hover\" body-style=\"padding:0;\">\n <div class=\"app-link-block\" @click=\"$router.push('/system/operlog')\">\n <i class=\"app-link-icon el-icon-shopping-cart-2\" style=\"color: #ff9c6e;\"></i>\n <div class=\"app-link-title\">操作日志</div>\n </div>\n </el-card>\n </el-col>\n <el-col :md=\"3\" :sm=\"6\" :xs=\"12\">\n <el-card shadow=\"hover\" body-style=\"padding:0;\">\n <div class=\"app-link-block\" @click=\"$router.push('/system/config')\">\n <i class=\"app-link-icon el-icon-bank-card\" style=\"color: #ffd666;\"></i>\n <div class=\"app-link-title\">配置管理</div>\n </div>\n </el-card>\n </el-col>\n <el-col :md=\"3\" :sm=\"6\" :xs=\"12\">\n <el-card shadow=\"hover\" body-style=\"padding:0;\">\n <div class=\"app-link-block\" @click=\"$router.push('/member/member')\">\n <i class=\"app-link-icon el-icon-discount\" style=\"color: #ff85c0;\"></i>\n <div class=\"app-link-title\">会员管理</div>\n </div>\n </el-card>\n </el-col>\n </el-row>\n <el-row :gutter=\"15\" style=\"display: none;\">\n <el-col :sm=\"16\">\n <el-card class=\"workplace-table-card\" shadow=\"never\" header=\"审批进度\" body-style=\"padding:12px;\">\n <el-table :data=\"projectList\" height=\"358\">\n <el-table-column type=\"index\" width=\"35\" min-width=\"35\" align=\"right\"/>\n <el-table-column label=\"项目名称\" min-width=\"110\">\n <template slot-scope=\"{row}\">\n <el-link type=\"primary\" :underline=\"false\">{{ row.projectName }}</el-link>\n </template>\n </el-table-column>\n <el-table-column prop=\"startDate\" label=\"开始时间\" width=\"95\" min-width=\"80\" align=\"center\"/>\n <el-table-column prop=\"endDate\" label=\"结束时间\" width=\"95\" min-width=\"80\" align=\"center\"/>\n <el-table-column label=\"状态\" width=\"70\" min-width=\"60\" align=\"center\">\n <template slot-scope=\"{row}\">\n <span\n :class=\"['ele-text-success','ele-text-danger','ele-text-warning','ele-text-info ele-text-delete'][row.state]\">\n {{ ['进行中', '已延期', '未开始', '已结束'][row.state] }}\n </span>\n </template>\n </el-table-column>\n <el-table-column label=\"进度\" width=\"160\" min-width=\"100\" align=\"center\">\n <template slot-scope=\"{row}\">\n <el-progress :percentage=\"row.progress\" class=\"ele-text-small\"/>\n </template>\n </el-table-column>\n </el-table>\n </el-card>\n </el-col>\n <el-col :sm=\"8\">\n <el-card shadow=\"never\" header=\"小组成员\" body-style=\"padding:19px 0;\">\n <div v-for=\"(item,index) in userList\" :key=\"index\" class=\"ele-cell user-list-item\">\n <el-avatar :size=\"42\" :src=\"item.avatar\"/>\n <div class=\"ele-cell-content\">\n <div class=\"ele-cell-title\">{{ item.name }}</div>\n <div class=\"ele-cell-desc\">{{ item.desc }}</div>\n </div>\n <el-tag size=\"mini\" :type=\"['success','danger'][item.state]\">{{ ['在线', '离线'][item.state] }}</el-tag>\n </div>\n </el-card>\n </el-col>\n <el-col :sm=\"8\">\n <el-card shadow=\"never\" header=\"最新动态\" body-style=\"padding:0;\">\n <el-scrollbar style=\"height:318px;\" wrapStyle=\"overflow-x:hidden;\" viewStyle=\"padding:20px 10px;\">\n <el-timeline :reverse=\"false\" class=\"ele-timeline ele-timeline-act\">\n <el-timeline-item v-for=\"(act,index) in activities\" :key=\"index\" :timestamp=\"act.timestamp\"\n :type=\"act.primary?'primary':''\">{{ act.title }}\n </el-timeline-item>\n </el-timeline>\n </el-scrollbar>\n </el-card>\n </el-col>\n <el-col :sm=\"8\">\n <el-card class=\"workplace-table-card\" shadow=\"never\" header=\"我的任务\" body-style=\"padding: 0;\">\n <el-table-draggable handle=\".sort-handle\" :animate=\"300\">\n <el-table :data=\"taskList\" :height=\"318\" class=\"ele-table-default-head\">\n <el-table-column width=\"38\" align=\"center\">\n <template>\n <i class=\"sort-handle el-icon-_nav ele-text-placeholder\"></i>\n </template>\n </el-table-column>\n <el-table-column label=\"优先级\" width=\"65\">\n <template slot-scope=\"{row}\">\n <el-tag :type=\"['danger','warning','primary'][row.priority-1]\"\n size=\"mini\" class=\"ele-tag-round\">{{ row.priority }}\n </el-tag>\n </template>\n </el-table-column>\n <el-table-column label=\"任务名称\">\n <template slot-scope=\"{row}\">\n <el-link type=\"primary\" :underline=\"false\">{{ row.taskName }}</el-link>\n </template>\n </el-table-column>\n <el-table-column label=\"状态\" width=\"70\" align=\"center\">\n <template slot-scope=\"{row}\">\n <span :class=\"['ele-text-warning','ele-text-success','ele-text-info ele-text-delete'][row.state]\">\n {{ ['未开始', '进行中', '已完成'][row.state] }}\n </span>\n </template>\n </el-table-column>\n </el-table>\n </el-table-draggable>\n </el-card>\n </el-col>\n <el-col :sm=\"8\">\n <el-card shadow=\"never\" header=\"本月目标\">\n <div class=\"workplace-goal-group\">\n <el-progress type=\"dashboard\" :percentage=\"80\" :width=\"170\" :format=\"()=>{return ''}\"/>\n <div class=\"workplace-goal-content\">\n <el-tag size=\"large\" class=\"ele-tag-round\"><i class=\"el-icon-s-data\"></i></el-tag>\n <div class=\"workplace-goal-num\">285</div>\n </div>\n <div class=\"workplace-goal-text\">恭喜，本月目标已达标！</div>\n </div>\n </el-card>\n </el-col>\n </el-row>\n </div>\n</template>\n\n<script>\nimport ElTableDraggable from '@/components/Sortable/ElTableDraggable'\n\nexport default {\n name: \"Workplace\",\n components: {ElTableDraggable},\n data() {\n return {\n activities: [\n {title: 'SunSmile 解决了bug 登录提示操作失败', timestamp: '20:30', primary: false},\n {title: 'Jasmine 解决了bug 按钮颜色与设计不符', timestamp: '19:30', primary: false},\n {title: '项目经理 指派了任务 解决项目一的bug', timestamp: '18:30', primary: true},\n {title: '项目经理 指派了任务 解决项目二的bug', timestamp: '17:30', primary: true},\n {title: '项目经理 指派了任务 解决项目三的bug', timestamp: '16:30', primary: true},\n {title: '项目经理 指派了任务 解决项目四的bug', timestamp: '15:30', primary: false},\n {title: '项目经理 指派了任务 解决项目五的bug', timestamp: '14:30', primary: false},\n {title: '项目经理 指派了任务 解决项目六的bug', timestamp: '12:30', primary: false},\n {title: '项目经理 指派了任务 解决项目七的bug', timestamp: '11:30', primary: true},\n {title: '项目经理 指派了任务 解决项目八的bug', timestamp: '10:30', primary: false},\n {title: '项目经理 指派了任务 解决项目九的bug', timestamp: '09:30', primary: false},\n {title: '项目经理 指派了任务 解决项目十的bug', timestamp: '08:30', primary: false}\n ],\n taskList: [\n {id: 1, priority: 1, taskName: '解决项目一的bug', state: 0},\n {id: 2, priority: 2, taskName: '解决项目二的bug', state: 0},\n {id: 3, priority: 2, taskName: '解决项目三的bug', state: 1},\n {id: 4, priority: 3, taskName: '解决项目四的bug', state: 1},\n {id: 5, priority: 3, taskName: '解决项目五的bug', state: 2},\n {id: 6, priority: 3, taskName: '解决项目六的bug', state: 2}\n ],\n projectList: [\n {projectName: '人工智能项目立项申请', state: 0, startDate: '2021-03-15', endDate: '2021-04-15', progress: 30},\n {projectName: 'AI智能芯片设计展', state: 0, startDate: '2021-03-01', endDate: '2021-03-05', progress: 10},\n {projectName: '智慧医疗推进会', state: 1, startDate: '2021-02-15', endDate: '2021-02-20', progress: 60},\n {projectName: '大数据智能分析平台建设', state: 1, startDate: '2021-02-10', endDate: '2021-02-22', progress: 0},\n {projectName: '云计算大数据分析', state: 2, startDate: '2021-02-05', endDate: '2021-02-25', progress: 100},\n {projectName: 'SpaceX火箭发射计划', state: 3, startDate: '2021-01-20', endDate: '2021-01-25', progress: 100},\n {projectName: '新能源汽车设计大赛', state: 3, startDate: '2021-01-01', endDate: '2021-01-08', progress: 100}\n ],\n userList: [\n {\n name: '詹姆斯·高斯林', desc: 'UI设计师、交互专家', state: 0,\n avatar: require('@/assets/logo.png')\n },\n {\n name: '詹姆斯·高斯林', desc: '前端工程师', state: 0,\n avatar: require('@/assets/logo.png')\n },\n {\n name: '詹姆斯·高斯林', desc: '前端工程师', state: 0,\n avatar: require('@/assets/logo.png')\n },\n {\n name: '詹姆斯·高斯林', desc: '产品经理、项目经理', state: 1,\n avatar: require('@/assets/logo.png')\n },\n {\n name: '詹姆斯·高斯林', desc: '组长、后端工程师', state: 1,\n avatar: require('@/assets/logo.png')\n }\n ]\n }\n },\n mounted() {\nconsole.log(555)\n }\n}\n</script>\n\n<style scoped>\n.ele-body {\n padding-bottom: 0;\n}\n\n.el-card {\n margin-bottom: 15px;\n}\n\n/** 顶部统计 */\n.workplace-count-group {\n white-space: nowrap;\n}\n\n.workplace-count-item {\n padding: 0 5px 0 25px;\n box-sizing: border-box;\n display: inline-block;\n text-align: right;\n}\n\n.workplace-count-name {\n padding-left: 5px;\n}\n\n.workplace-count-num {\n font-size: 23px;\n margin-top: 6px;\n}\n\n@media screen and (max-width: 992px) {\n .workplace-count-item {\n padding: 0 5px 0 10px;\n }\n}\n\n@media screen and (max-width: 768px) {\n .workplace-user-card, .workplace-count-group {\n display: block;\n }\n\n .workplace-count-group {\n margin-top: 15px;\n text-align: right;\n }\n}\n\n/** 快捷方式 */\n.app-link-block {\n cursor: pointer;\n text-align: center;\n padding: 15px 0;\n}\n\n.app-link-block .app-link-icon {\n color: #69c0ff;\n font-size: 30px;\n margin-top: 5px;\n}\n\n.app-link-block .app-link-title {\n margin-top: 8px;\n}\n\n/** 最新动态时间轴 */\n.ele-timeline-act {\n padding-left: 50px;\n}\n\n.ele-timeline-act >>> .el-timeline-item__timestamp {\n margin: 0;\n position: absolute;\n top: 3px;\n left: -45px;\n}\n\n.ele-timeline-act >>> .el-timeline-item {\n padding-bottom: 19px;\n}\n\n.ele-timeline-act >>> .el-timeline-item:last-child {\n padding-bottom: 0;\n}\n\n/** 表格 */\n.workplace-table-card >>> .el-table tbody > .el-table__row:last-child td {\n border-bottom: none;\n}\n\n.workplace-table-card >>> .el-table:before {\n display: none;\n}\n\n.sort-handle {\n cursor: move;\n font-size: 18px;\n vertical-align: middle;\n}\n\n.ele-body >>> .el-table__row.sortable-chosen {\n background-color: hsla(0, 0%, 60%, .1);\n}\n\n.ele-body >>> .el-table__row.sortable-chosen td {\n background-color: transparent;\n}\n\n/** 本月目标 */\n.workplace-goal-group {\n text-align: center;\n position: relative;\n padding: 48px 0;\n}\n\n.workplace-goal-group .workplace-goal-content {\n position: absolute;\n top: 90px;\n left: 0;\n width: 100%;\n}\n\n.workplace-goal-group .workplace-goal-num {\n font-size: 40px;\n margin-top: 15px;\n}\n\n/** 小组成员 */\n.user-list-item {\n padding: 13px 18px;\n}\n\n.user-list-item + .user-list-item {\n border-top: 1px solid hsla(0, 0%, 60%, .15);\n}\n\n.user-list-item .ele-cell-desc {\n margin-top: 5px;\n}\n</style>\n"]}]}
|
