<template>
|
<div class="home-container">
|
<a-card title="我的待办" class="left-container">
|
<a slot="extra" href="#" @click="$router.push('/flowable/workflow/FlowTodo')">更多</a>
|
|
<!-- 嵌入todoList组件并设置默认分类 -->
|
<todo-list
|
ref="todoList"
|
class="embedded-flow-todo"
|
:defaultCategories="['drApproval','ggApproval','programConfirmApproval','ncFileSettingProcessApproval']"/>
|
</a-card>
|
|
<!-- 右侧两个小卡片 -->
|
<div class="right-container">
|
<a-card title="三位工艺生成产品结构树" class="right-top-container">
|
<a slot="extra" href="#" @click="$router.push('/dnc/base/SyncProcessSpecificationInfoList')">更多</a>
|
|
<syncProcessList
|
ref="syncProcessList"/>
|
</a-card>
|
|
<!--<div class="card top-card">-->
|
<!--<h2 class="card-title">三维工艺生成产品结构树</h2>-->
|
<!--<h2 class="more-btns" @click="gotoSyncProcessList">更多</h2>-->
|
<!--<div class="card-content">-->
|
<!--<syncProcessList-->
|
<!--ref="syncProcessList"/>-->
|
<!--</div>-->
|
<!--</div>-->
|
|
<a-card title="派工任务领取">
|
|
</a-card>
|
|
<!--<div class="card bottom-card">-->
|
<!--<h2 class="card-title">派工任务领取</h2>-->
|
<!--<div class="card-content">-->
|
<!--</div>-->
|
<!--</div>-->
|
</div>
|
</div>
|
</template>
|
|
<script>
|
import TodoList from '@views/dashboard/modules/TodoList.vue'
|
import SyncProcessList from '@views/dashboard/modules/SyncProcessList.vue'
|
|
|
export default {
|
name: 'DncManagerSignage',
|
components: {
|
TodoList,
|
SyncProcessList
|
},
|
data() {
|
return {}
|
},
|
mounted() {
|
this.$nextTick(() => {
|
if (this.$refs.todoList) {
|
this.$refs.todoList.loadData(1)
|
}
|
})
|
},
|
methods: {}
|
}
|
</script>
|
|
<style scoped lang="less">
|
@container-margin: 10px;
|
|
.home-container {
|
display: flex;
|
height: 100vh;
|
gap: @container-margin;
|
|
/deep/ .ant-card {
|
display: flex;
|
flex-direction: column;
|
& ::-webkit-scrollbar {
|
width: 6px; /* 滚动条宽度 */
|
}
|
.ant-card-body {
|
flex: 1;
|
overflow: auto;
|
}
|
}
|
|
.left-container {
|
width: 45%;
|
height: 100%;
|
|
/deep/ .ant-card-body {
|
padding: 6px 24px 12px;
|
}
|
}
|
|
.right-container {
|
flex: 1;
|
display: flex;
|
flex-direction: column;
|
gap: @container-margin;
|
|
> div {
|
flex: 1;
|
}
|
}
|
}
|
|
@media (max-width: 992px) {
|
.home-container {
|
flex-direction: column;
|
|
> .left-container {
|
width: 100%;
|
}
|
}
|
}
|
</style>
|
