<template>
  <div>
    <el-row :gutter="20">
      <el-col :span="24">
        <Systems/>
        <el-row :gutter="20">
          <el-col :span="20">
            <ScreenEntry/>
          </el-col>
          <el-col
            v-if="userStore.user.canSetIP || userStore.user.canSetPermission"
            :span="4"
          >
            <Set/>
          </el-col>
        </el-row>
      </el-col>
      <!--      <el-col :span="8">-->
      <!--        <Task />-->
      <!--      </el-col>-->
    </el-row>
    <el-row :gutter="20">
      <el-col :span="8">
        <FileList title="文件共享"/>
      </el-col>
      <el-col :span="8">
        <Message message-type="2" title="系统公告"/>
      </el-col>
      <el-col :span="8">
        <Message message-type="0" title="个人公告"/>
      </el-col>
    </el-row>
  </div>
</template>

<script lang="ts" setup>
import Systems from "@/views/systems/systems.vue";
import ScreenEntry from "@/views/main/screenEntry.vue";
import Set from "@/views/main/set.vue";
import Message from "@/views/main/message.vue";
import FileList from "@/views/main/fileList.vue";
import {useUserStore} from "@/store";

const userStore = useUserStore();
const router = useRouter();
const gotoZHDP = () => {
  router.push({name: "totalScreen"});
};
</script>

<style lang="scss" scoped></style>
