<template>
  <div>
  </div>
</template>
<script setup>
import {
  iengineerlogList
} from "./api";
import { ElNotification } from "element-plus";
const { proxy } = getCurrentInstance();
const notify = ref({});
const router = useRouter();
const state = reactive({
  show: false,
  arr: [],
});
onMounted(() => {
  proxy.$getsystemdict('purpose_expenses').then((res) => {
    if (res.length > 0) {
      iengineerlogList({ day: res[0].value }).then((res) => {
        if (res.code == 200) {
          res.data.slice(0, 3).map((item) => {
            setTimeout(() => {
              notify.value[item.id] = ElNotification({
                title: "进度预警提示",
                zIndex: 999999999999,
                duration: 0,
                position: "bottom-right",
                // message: ' 您在安全管理中有叫' + item.name + '的作业许可将要在' + item.endTime + '到期，需要您查看。',
                message: h("div", [
                  h(
                    "p",
                    {},
                    "有" +
                    item.planName +
                    "的计划已滞后"+"需要您查看。"
                  ),
                  h(
                    "p",
                    {
                      style: "display: flex;justify-content: space-between;",
                    },
                    [
                      h(
                        "div",
                        {
                          style:
                            "color: #409EFF;cursor: pointer;text-align: right;margin-top: 10px;",
                          onClick: function () {
                            router.push({
                              path:"/constructionScheduling/progressAlert"
                            })
                          },
                        },
                        // "已了解，不再提醒"
                        "去查看"
                      ),
                    ]
                  ),
                ]),
                type: "warning",
              });
            }, 10);
          })

        }
      })
    }
  })


});


const change = (item) => {
  let formData = new FormData();
  formData.append("id", item.id);
  formData.append("status", 0);
  let filenull = new File([""], "", { type: "" });
  formData.append("file", filenull);
  edit(formData).then((res) => {
    if (res.code == 200) {
      notify.value[item.id].close();
    }
  });
};

</script>
<style lang="scss" scoped>
.tisheader {
  padding: 0 0.625rem;
  padding-top: 0.625rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #ebeef5;
  padding-bottom: 10px;
}

.shenpibtn {
  margin-top: auto;
  margin-left: auto;
  margin-bottom: 10px;
}

.tixnigbox {
  display: flex;
  flex-direction: column;
  width: 18.75rem;
  height: 18.75rem;
  height: 0;
  background: #fff;
  border-top-left-radius: 0.5rem;
  position: fixed;
  right: 0;
  bottom: 0;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 0 3px 0 rgba(0, 0, 0, 0.04);
  transition: all 0.5s;
  z-index: 999;
}
</style>