<template>
    <div class="farm-manage">
        <tabs v-model:active="active" class="tabs">
            <tab title="农情互动">
                <!-- <demand-hall :isCapital="true" ref="demandHallRef" /> -->
                <interact></interact>
            </tab>
            <tab title="我的任务">
                <task></task>
            </tab>
        </tabs>
        <system-reminder />
    </div>
</template>

<script setup>
import { ref, onMounted } from "vue";
import { Tab, Tabs } from "vant";
// import demandHall from "../farm_manage/components/demandHall.vue";
import interact from "./components/interact.vue";
import systemReminder from "../farm_manage/components/systemReminder.vue";
import task from "./components/task.vue"
const active = ref(0);
const getManagerList = async () => {
    const { data } = await VE_API.mine.listManagerList({ onlyExecutor: true });
    if (data && data.length > 0) {
        // 过滤 permissionList 中包含"任务接单"的成员，并过滤掉超管（role为1）
        const executorList = data.filter((item) => item.role !== 1);
        sessionStorage.setItem("executorList", JSON.stringify(executorList));
    }
};
onMounted(() => {
    getManagerList();
});
</script>

<style lang="scss" scoped>
.farm-manage {
    width: 100%;
    height: 100%;
    .tabs{
        ::v-deep{
            .van-tabs__wrap{
                margin-bottom: 8px;
            }
            .van-tabs__line{
                width: 24px;
                height: 4px;
            }
            .van-tab {
                width: 80px;
                flex: none;
            }
            .van-tabs__nav {
                justify-content: center;
            }
        }
    }
}
</style>
