{"remainingRequest":"/usr/local/develop/php/www/waibao/NN2024071001/NN2024071001/addons/admin/node_modules/vue-loader/lib/index.js??vue-loader-options!/usr/local/develop/php/www/waibao/NN2024071001/NN2024071001/addons/admin/src/views/dashboard/workplace.vue?vue&type=script&lang=js&","dependencies":[{"path":"/usr/local/develop/php/www/waibao/NN2024071001/NN2024071001/addons/admin/src/views/dashboard/workplace.vue","mtime":1655263959000},{"path":"/usr/local/develop/php/www/waibao/NN2024071001/NN2024071001/addons/admin/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/usr/local/develop/php/www/waibao/NN2024071001/NN2024071001/addons/admin/node_modules/babel-loader/lib/index.js","mtime":499162500000},{"path":"/usr/local/develop/php/www/waibao/NN2024071001/NN2024071001/addons/admin/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/usr/local/develop/php/www/waibao/NN2024071001/NN2024071001/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"]}]}