ÎļþÃû´Ó src/views/dashboard/DncManagerSignage.vue ÐÞ¸Ä |
| | |
| | | <div class="home-container"> |
| | | <div class="left-card"> |
| | | <div class="card"> |
| | | <h2 class="card-title">å¡ç1</h2> |
| | | <h2 class="card-title">æçå¾
å</h2> |
| | | <div class="card-content"> |
| | | <!-- åµå
¥FlowTodoç»ä»¶å¹¶è®¾ç½®é»è®¤åç±» --> |
| | | <todo-list |
| | | ref="flowTodo" |
| | | class="embedded-flow-todo" |
| | | :defaultCategories="['drApproval','ggApproval','programConfirmApproval']" |
| | | ></todo-list> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | <!-- å³ä¾§ä¸¤ä¸ªå°å¡ç --> |
| | | <div class="right-cards"> |
| | | <div class="card top-card"> |
| | | <h2 class="card-title">æçå¾
å</h2> |
| | | <h2 class="card-title">å¡ç1</h2> |
| | | <div class="card-content"> |
| | | <!-- åµå
¥FlowTodoç»ä»¶å¹¶è®¾ç½®é»è®¤åç±» --> |
| | | <flow-todo |
| | | ref="flowTodo" |
| | | class="embedded-flow-todo" |
| | | :defaultCategories="['drApproval','ggApproval','programConfirmApproval']" |
| | | ></flow-todo> |
| | | </div> |
| | | </div> |
| | | |
| | | <div class="card bottom-card"> |
| | | <h2 class="card-title">å¡ç2</h2> |
| | | <h2 class="card-title">派工任å¡é¢å</h2> |
| | | <div class="card-content"> |
| | | </div> |
| | | </div> |
| | |
| | | </template> |
| | | |
| | | <script> |
| | | import signageApi from '@/api/signage' |
| | | import signageApi from '@api/signage' |
| | | import moment from 'moment' |
| | | import FlowTodo from '@/views/flowable/workflow/FlowTodo.vue' |
| | | import TodoList from '@views/dashboard/dncIndex/TodoList.vue' |
| | | |
| | | export default { |
| | | name: 'DncManagerSignage', |
| | | components: { |
| | | FlowTodo |
| | | TodoList |
| | | }, |
| | | data() { |
| | | return { |
| | |
| | | // ç¡®ä¿ç»ä»¶å è½½å使ç¨é»è®¤åç±»æ¥è¯¢æ°æ® |
| | | this.$nextTick(() => { |
| | | if (this.$refs.flowTodo) { |
| | | this.$refs.flowTodo.searchQuery() |
| | | this.$refs.flowTodo.loadData(1) |
| | | } |
| | | }) |
| | | }, |
| | |
| | | </script> |
| | | |
| | | <style scoped> |
| | | .left-card .card-content { |
| | | padding: 5px 0; |
| | | } |
| | | .home-container { |
| | | display: flex; |
| | | min-height: 100vh; |
| | |
| | | } |
| | | |
| | | .right-cards { |
| | | flex: 1; |
| | | flex: 2; |
| | | min-width: 0; |
| | | display: flex; |
| | | flex-direction: column; |
| | |
| | | .card-content { |
| | | flex: 1; |
| | | overflow: auto; |
| | | } |
| | | |
| | | /* æ¸
é¤å¾
å页颿¥è¯¢æ¡ä»¶ãé䏿¡æ°ãå¤éæ¡ */ |
| | | .embedded-flow-todo >>> .table-page-search-wrapper { |
| | | display: none !important; |
| | | } |
| | | |
| | | .embedded-flow-todo >>> .table-operator { |
| | | display: none !important; |
| | | } |
| | | |
| | | .embedded-flow-todo >>> .ant-alert.ant-alert-info { |
| | | display: none !important; |
| | | } |
| | | |
| | | .embedded-flow-todo >>> .ant-table-thead .ant-table-selection-column, |
| | | .embedded-flow-todo >>> .ant-table-tbody .ant-table-selection-column { |
| | | display: none !important; |
| | | } |
| | | |
| | | .embedded-flow-todo >>> .ant-table-selection { |
| | | display: none !important; |
| | | } |
| | | .embedded-flow-todo >>> .ant-table-row-selected { |
| | | background: transparent !important; |
| | | } |
| | | |
| | | .embedded-flow-todo >>> .a-table { |
| | | margin-top: 0 !important; |
| | | border-top: none !important; |
| | | } |
| | | |
| | | @media (max-width: 992px) { |