<template>
    <global-page title="我的待办">
        <up-collapse :border="false" accordion>
            <assign-work-list :height="getHeight"></assign-work-list>
            <appraisal-record-list :height="getHeight"></appraisal-record-list>
            <move-decision-list :height="getHeight"></move-decision-list>
            <technology-evaluation-list :height="getHeight"></technology-evaluation-list>
        </up-collapse>
    </global-page>
</template>

<script setup>
import { computed } from 'vue'
import AssignWorkList from './components/assign-work-list.vue'
import AppraisalRecordList from './components/appraisal-record-list.vue'
import MoveDecisionList from './components/move-decision-list.vue'
import TechnologyEvaluationList from './components/technology-evaluation-list.vue'

const { windowHeight } = uni.getSystemInfoSync()
const getHeight = computed(() => {
    return windowHeight - 85 * 4 + 'px'
})
</script>
<style lang="scss">
@import 'mocpStatic/css/list.scss';
</style>
<style lang="scss" scoped>
.item:last-child {
    margin-bottom: 0;
}
:deep(.u-collapse-item) {
    margin-bottom: 16rpx;
    .u-cell__body {
        background: #fff;
        padding: 24rpx !important;
    }
    .u-cell__title {
        color: $mocp-text-5;
        font-size: 34rpx;
    }
}
</style>
