dootask/public/site/zh/help.html
kuaifan 026dca2d84 Merge commit 'f73ee2c13bd3eff393a768ecd2e83a213a75b678' into pro
# Conflicts:
#	public/site/css/help.css
#	public/site/en/help.html
2023-07-20 16:58:34 +08:00

811 lines
55 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>DooTask</title>
<meta name="google" value="notranslate">
<meta name="description" content="DooTask是一款轻量级的开源在线项目任务管理工具提供各类文档协作工具、在线思维导图、在线流程图、项目管理、任务分发、即时IM文件管理等工具。助力团队高效推进项目让工作更简单。">
<meta name="keywords" content="中国 DooTask 开源在线项目 任务管理工具 任务管理 轻量级 海豚有海 团队协作">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="../img/favicon.ico">
<link rel="stylesheet" href="../css/common.css">
<link rel="stylesheet" type="text/css" href="../css/rem.css">
<link rel="stylesheet" href="../css/help.css">
</head>
<body>
<div id="layout">
<!-- 页头区域 -->
<header>
<div class="nav">
<div class="nav-layout">
<a href="../zh/index.html" class="logo">
<img id="logo" src="../img/light/logo.svg" alt="DooTask,Logo">
<i class="dootask txt-7002027">DooTask</i>
</a>
<ul class="nav-ul">
<li class="nav-ul-item">
<a class="txt-4001620 txt nav-product" href="../zh/product.html">产品</a>
</li>
<li class="nav-ul-item">
<a class="txt-4001620 txt nav-solutions" href="../zh/solutions.html">解决方案</a>
</li>
<li class="nav-ul-item">
<i class="txt-4001620 txt nav-support" id="support-txt" onclick="showMenuPopHandle()">
支持
<img src="../img/vector.svg" alt="支持" class="nav-vector" id="drop-down-svg">
</i>
<ol class="submenu-pop" id="submenu-pop">
<li class="submenu-pop-item" onclick="changeMenu()">
<a class="txt-4001418 txt-sub" href="../zh/download.html">下载中心</a>
</li>
<li class="submenu-pop-item" onclick="changeMenu()">
<a class="txt-4001418 txt-sub" href="../zh/help.html">帮助中心</a>
</li>
<li class="submenu-pop-item" onclick="changeMenu()">
<a class="txt-4001418 txt-sub" href="../../docs/index.html" target="_blank">API 文档</a>
</li>
</ol>
</li>
<li class="nav-ul-item">
<a class="txt-4001620 txt nav-price" href="../zh/price.html">服务价格</a>
</li>
<li class="nav-ul-item">
<a class="txt-4001620 txt nav-about" href="../zh/about.html">关于我们</a>
</li>
</ul>
<div class="nav-r">
<div class="lang" id="lang-img">
<img src="../img/lang-select.svg" alt="语言切换" onclick="shouLangPopHandle()">
<ul class="lang-pop" id="lang-pop">
<li class="lang-pop-item" onclick="changeLanguage('zh')">
<i class="lang-txt">简体中文</i>
</li>
<li class="lang-pop-item" onclick="changeLanguage('en')">
<i class="lang-txt" >English</i>
</li>
</ul>
</div>
<i class="nav-r-icon theme_dark" onclick="setTheme('light')">
<img src="../img/light.svg" alt="明亮主题">
</i>
<i class="nav-r-icon theme_light" onclick="setTheme('dark')">
<img src="../img/drak.svg" alt="暗黑主题">
</i>
<a href="https://github.com/kuaifan/dootask" target="_blank">
<i class="nav-r-icon">
<img src="../img/github.svg" alt="github">
</i>
</a>
<i class="line-1"></i>
<span class="get-started">
<a href="../../manage/dashboard">
<button class="btn btn-primary" >立即体验</button>
</a>
</span>
</div>
<div class="menuBtn">
<img id="menuBtn" src="../img/menu.svg" alt="菜单">
</div>
</div>
</div>
</header>
<!-- help抽屉 -->
<div class="help-drawer">
<div class="drawer-t mb-36">
<a href="../zh/index.html" class="logo">
<img id="logo" src="../img/light/logo.svg" alt="DooTask,Logo">
<i class="dootask txt-7002027">DooTask</i>
</a>
<i class="close-drawer" onclick="closeHelpDraweHandle()"></i>
</div>
<ul class="help-l-ul">
<li class="help-l-ul-item mb-24">
<h5 class="txt-4001620 help-h5 mb-16" style="font-weight: 500;">基本</h5>
<ol class="help-l-ol">
<li class="l-ul-item" onclick="closeHelpDraweHandle()">
<a class="txt-4001620 txt" href="#section-1">了解DooTask</a>
</li>
<li class="l-ul-item" onclick="closeHelpDraweHandle()">
<a class="txt-4001620 txt" href="#section-2">注册和登录</a>
</li>
<li class="l-ul-item" onclick="closeHelpDraweHandle()">
<a class="txt-4001620 txt" href="#section-3">通知公告</a>
</li>
<li class="l-ul-item" onclick="closeHelpDraweHandle()">
<a class="txt-4001620 txt" href="#section-4">帐户设置</a>
</li>
</ol>
</li>
<li class="help-l-ul-item mb-24">
<h5 class="txt-4001620 help-h5 mb-16" style="font-weight: 500;">项目</h5>
<ol class="help-l-ol">
<li class="l-ul-item" onclick="closeHelpDraweHandle()">
<a class="txt-4001620 txt" href="#section-5">了解项目</a>
</li>
<li class="l-ul-item" onclick="closeHelpDraweHandle()">
<a class="txt-4001620 txt" href="#section-6">创建项目</a>
</li>
<li class="l-ul-item" onclick="closeHelpDraweHandle()">
<a class="txt-4001620 txt" href="#section-7">任务列表</a>
</li>
<li class="l-ul-item" onclick="closeHelpDraweHandle()">
<a class="txt-4001620 txt" href="#section-8">项目进展</a>
</li>
</ol>
</li>
<li class="help-l-ul-item mb-24">
<h5 class="txt-4001620 help-h5 mb-16" style="font-weight: 500;">任务</h5>
<ol class="help-l-ol">
<li class="l-ul-item" onclick="closeHelpDraweHandle()">
<a class="txt-4001620 txt" href="#section-9">任务的使用</a>
</li>
<li class="l-ul-item" onclick="closeHelpDraweHandle()">
<a class="txt-4001620 txt" href="#section-10">任务优先级</a>
</li>
<li class="l-ul-item" onclick="closeHelpDraweHandle()">
<a class="txt-4001620 txt" href="#section-11">评论与新闻</a>
</li>
<li class="l-ul-item" onclick="closeHelpDraweHandle()">
<a class="txt-4001620 txt" href="#section-12">次要任务</a>
</li>
</ol>
</li>
<li class="help-l-ul-item mb-24">
<h5 class="txt-4001620 help-h5 mb-16" style="font-weight: 500;">团队</h5>
<ol class="help-l-ol">
<li class="l-ul-item" onclick="closeHelpDraweHandle()">
<a class="txt-4001620 txt" href="#section-13">团队和成员</a>
</li>
<li class="l-ul-item" onclick="closeHelpDraweHandle()">
<a class="txt-4001620 txt" href="#section-14">团队管理</a>
</li>
<li class="l-ul-item" onclick="closeHelpDraweHandle()">
<a class="txt-4001620 txt" href="#section-15">团队设置</a>
</li>
<li class="l-ul-item" onclick="closeHelpDraweHandle()">
<a class="txt-4001620 txt" href="#section-16">成员分组</a>
</li>
</ol>
</li>
<li class="help-l-ul-item mb-24">
<h5 class="txt-4001620 help-h5 mb-16" style="font-weight: 500;">文件</h5>
<ol class="help-l-ol">
<li class="l-ul-item" onclick="closeHelpDraweHandle()">
<a class="txt-4001620 txt" href="#section-17">文件类型</a>
</li>
<li class="l-ul-item" onclick="closeHelpDraweHandle()">
<a class="txt-4001620 txt" href="#section-18">共享的文件</a>
</li>
<li class="l-ul-item" onclick="closeHelpDraweHandle()">
<a class="txt-4001620 txt" href="#section-19">访问权限</a>
</li>
</ol>
</li>
</ul>
</div>
<!-- 菜单抽屉 -->
<div class="drawer">
<div class="drawer-t mb-36">
<a href="../zh/index.html" class="logo">
<img id="logo" src="../img/light/logo.svg" alt="DooTaskLogo">
<i class="dootask txt-7002027">DooTask</i>
</a>
<i class="close-drawer" onclick="closeDraweHandle()"></i>
</div>
<ul class="drawer-ul">
<li class="drawer-item-t mb-16">
<div class="drawer-item" onclick="closeDraweHandle()">
<a class="txt-4001620 txt" href="../zh/product.html">产品</a>
</div>
<div class="drawer-item" onclick="closeDraweHandle()">
<a class="txt-4001620 txt" href="../zh/solutions.html">解决方案</a>
</div>
<div class="drawer-item" onclick="expandMenuHandle('support')">
<i class="txt-4001620 txt">
支持
<img src="../img/vector.svg" class="nav-vector" alt="支持" id="drawer-down-support-svg">
</i>
</div>
<ol class="drawer-active" id="support" style="display: none;">
<li class="drawer-item" onclick="changeMenu()">
<a class="txt-4001620 txt" href="../zh/download.html">下载中心</a>
</li>
<li class="drawer-item" onclick="changeMenu()">
<a class="txt-4001620 txt" href="../zh/help.html">帮助中心</a>
</li>
<li class="drawer-item" onclick="changeMenu()">
<a class="txt-4001620 txt" href="../../docs/index.html" target="_blank">API 文档</a>
</li>
</ol>
<div class="drawer-item" onclick="closeDraweHandle()">
<a class="txt-4001620 txt" href="../zh/price.html">服务价格</a>
</div>
<div class="drawer-item mb-16" onclick="closeDraweHandle()">
<a class="txt-4001620 txt" href="../zh/about.html">关于我们</a>
</div>
</li>
<li class="drawer-item-c">
<div class="drawer-item" onclick="expandMenuHandle('theme')">
<i class="txt-4001620 txt">
主题
<img src="../img/vector.svg" alt="主题" class="nav-vector" id="drawer-down-theme-svg">
</i>
</div>
<ol class="drawer-active" id="theme" style="display: none;">
<li class="drawer-item" onclick="setTheme('light')">
<i class="txt-4001620 txt">Light</i>
</li>
<li class="drawer-item" onclick="setTheme('dark')">
<i class="txt-4001620 txt">Dark</i>
</li>
</ol>
<div class="drawer-item" onclick="expandMenuHandle('language')">
<i class="txt-4001620 txt">
语言
<img src="../img/vector.svg" alt="语言" class="nav-vector" id="drawer-down-language-svg">
</i>
</div>
<ol class="drawer-active" id="language" style="display: none;">
<li class="drawer-item" onclick="changeLanguage('zh')">
<i class="txt-4001620 txt">简体中文</i>
</li>
<li class="drawer-item" onclick="changeLanguage('en')">
<i class="txt-4001620 txt">English</i>
</li>
</ol>
</li>
<li class="drawer-item-b">
<div class="drawer-item">
<a class="txt-4001620 txt" href="../../manage/dashboard">立即体验</a>
</div>
</li>
</ul>
</div>
<!-- 内容区域 -->
<main>
<!-- 主要区域划分 -->
<section>
<article class="help">
<div class="help-con">
<div class="help-t-768" id="help-menu-btn">
<img class="help-t-prev" src="../img/prev.svg" alt="帮助中心">
<i class="help-t-tit">帮助中心</i>
</div>
<div class="help-layout">
<div class="help-l help-fiexd">
<form role="search" class="search-form">
<i class="search-icon"></i>
<input class="search-input mb-24" placeholder="Search" type="text">
</form>
<ul class="help-l-ul help-l-1920" id="help-l-ul">
<li class="help-l-ul-item mb-24">
<h5 class="txt-4001620 help-h5 mb-16" style="font-weight: 500;">基本</h5>
<ol class="help-l-ol">
<li class="l-ul-item active" data-id="section-1">
<a class="txt-4001620 txt help-a">了解DooTask</a>
</li>
<li class="l-ul-item" data-id="section-2">
<a class="txt-4001620 txt help-a">注册和登录</a>
</li>
<li class="l-ul-item" data-id="section-3">
<a class="txt-4001620 txt help-a">通知公告</a>
</li>
<li class="l-ul-item" data-id="section-4">
<a class="txt-4001620 txt help-a">帐户设置</a>
</li>
</ol>
</li>
<li class="help-l-ul-item mb-24">
<h5 class="txt-4001620 help-h5 mb-16" style="font-weight: 500;">项目</h5>
<ol class="help-l-ol">
<li class="l-ul-item" data-id="section-5">
<a class="txt-4001620 txt help-a">了解项目</a>
</li>
<li class="l-ul-item" data-id="section-6">
<a class="txt-4001620 txt help-a">创建项目</a>
</li>
<li class="l-ul-item" data-id="section-7">
<a class="txt-4001620 txt help-a">任务列表</a>
</li>
<li class="l-ul-item" data-id="section-8">
<a class="txt-4001620 txt help-a">项目进展</a>
</li>
</ol>
</li>
<li class="help-l-ul-item mb-24">
<h5 class="txt-4001620 help-h5 mb-16" style="font-weight: 500;">任务</h5>
<ol class="help-l-ol">
<li class="l-ul-item" data-id="section-9">
<a class="txt-4001620 txt help-a">任务的使用</a>
</li>
<li class="l-ul-item" data-id="section-10">
<a class="txt-4001620 txt help-a">任务优先级</a>
</li>
<li class="l-ul-item" data-id="section-11">
<a class="txt-4001620 txt help-a">评论与新闻</a>
</li>
<li class="l-ul-item" data-id="section-12">
<a class="txt-4001620 txt help-a">次要任务</a>
</li>
</ol>
</li>
<li class="help-l-ul-item mb-24">
<h5 class="txt-4001620 help-h5 mb-16" style="font-weight: 500;">团队</h5>
<ol class="help-l-ol">
<li class="l-ul-item" data-id="section-13">
<a class="txt-4001620 txt help-a">团队和成员</a>
</li>
<li class="l-ul-item" data-id="section-14">
<a class="txt-4001620 txt help-a">团队管理</a>
</li>
<li class="l-ul-item" data-id="section-15">
<a class="txt-4001620 txt help-a">团队设置</a>
</li>
<li class="l-ul-item" data-id="section-16">
<a class="txt-4001620 txt help-a">成员分组</a>
</li>
</ol>
</li>
<li class="help-l-ul-item mb-24">
<h5 class="txt-4001620 help-h5 mb-16" style="font-weight: 500;">文件</h5>
<ol class="help-l-ol">
<li class="l-ul-item" data-id="section-17">
<a class="txt-4001620 txt help-a">文件类型</a>
</li>
<li class="l-ul-item" data-id="section-18">
<a class="txt-4001620 txt help-a">共享的文件</a>
</li>
<li class="l-ul-item" data-id="section-19">
<a class="txt-4001620 txt help-a">访问权限</a>
</li>
</ol>
</li>
</ul>
</div>
<div class="help-r">
<div class="help-pic1 mb-36">
<img id="help-pic1-svg" class="theme_light" src="../img/light/help_pic11.svg" alt="刚开始使用DooTask没问题这本入门书是为你准备的!">
<img id="help-pic1-svg" class="theme_dark" src="../img/dark/help_pic11.svg" alt="刚开始使用DooTask没问题这本入门书是为你准备的!">
<div class="help-pic1-tips">
<h2 class="help-pic1-tips-h2 txt-6003652">用户手册</h2>
<h6 class="help-pic1-tips-h6 txt-4001624">刚开始使用DooTask没问题这本入门书是为你准备的!</h6>
</div>
</div>
<ul class="help-r-ul">
<li class="r-ul-item mb-36" id="section-1">
<h4 class="txt-5002430 help-h4 mb-24">什么是DooTask</h4>
<h6 class="txt-4001624 help-h6">DooTask是一个轻量级的开源在线项目任务管理工具提供各种文档协作工具、在线思维导图、在线流程图、项目管理、任务分配、即时IM、文件管理和其他工具。它可以帮助团队有效地推进项目使工作更轻松。</h6>
</li>
<li class="r-ul-item mb-36">
<h4 class="txt-5002430 help-h4 mb-24">什么是任务管理?</h4>
<h6 class="txt-4001624 help-h6 mb-16">任务管理是对你的项目任务从开始到结束的各个阶段进行监控的过程。这涉及到为你的任务积极做出决定,以适应可能实时发生的变化,你的最终目标是成功完成你的任务。项目任务管理也意味着有效地管理任务的各个方面,如预算、时间、范围、资源、复现等。</h6>
<!-- <img class="r-ul-item-pic1" id="help_pic2" src="../img/light/help_pic2.png" alt="什么是任务管理?">-->
</li>
<li class="r-ul-item mb-36">
<h4 class="txt-5002430 help-h4 mb-24">如何管理任务?</h4>
<h6 class="txt-4001624 help-h6 mb-12">以下是任务管理中涉及的一些关键步骤:</h6>
<h6 class="txt-4001624 help-h6 mb-12"><i class="help-h6-bold">确定优先次序: </i>无论你用什么工具来管理你的任务,无论是简单的待办事项清单还是全面的项目任务管理工具,任务管理最重要的方面是确定优先次序。这有助于有效地完成所有涉及的任务,同时保持计划的约束。</h6>
<h6 class="txt-4001624 help-h6 mb-12"><i class="help-h6-bold">里程碑跟踪:</i>这项研究的结果还表明,建立明确的目标对于成功完成一个项目至关重要。虽然对于任务管理来说,最终的目标不是必须的,但定义里程碑有助于激励团队成功执行任务。</h6>
<h6 class="txt-4001624 help-h6 mb-16"><i class="help-h6-bold">日程管理:</i>确保你的任务能按时完成是对整个项目健康有影响的事情。通过估计所涉及的努力来分配正确的时间框架是这里的关键。</h6>
<!-- <img class="r-ul-item-pic1" id="help_pic3" src="../img/light/help_pic3.png" alt="如何管理任务?">-->
</li>
<li class="r-ul-item mb-36">
<h4 class="txt-5002430 help-h4 mb-24">如何选择正确的任务管理软件?</h4>
<h6 class="txt-4001624 help-h6">根据你的目的、价格范围、现有的工作环境和首选平台有几种项目和任务管理工具可供选择。从可能甚至不需要互联网连接的简单核对表到成熟的项目任务管理软件功能多种多样。也有适合特定行业的软件选择如建筑、IT或教育或特定功能如crm任务管理。</h6>
</li>
<li class="r-ul-item mb-36" id="section-2">
<h4 class="txt-5002430 help-h4 mb-24">注册账户</h4>
<h6 class="txt-4001624 help-h6">(1) 点击【注册账号】进入注册页面;</h6>
<img class="r-ul-item-pic1" id="help_pic_register1" src="../img/light/help_pic_register1.png" alt="注册账户">
<h6 class="txt-4001624 help-h6">(2) 在注册页面对应的输入框,分别输入电子邮箱/密码/邀请码创建DooTask账户点击【注册】即可完成账号注册。</h6>
<img class="r-ul-item-pic1" id="help_pic_register2" src="../img/light/help_pic_register2.png" alt="注册账户">
</li>
<li class="r-ul-item mb-36">
<h4 class="txt-5002430 help-h4 mb-24">登录账户</h4>
<h6 class="txt-4001624 help-h6-bold">账号密码登录</h6>
<h6 class="txt-4001624 help-h6">(1) 在登录页面对应的输入框,分别输入电子邮箱/密码;</h6>
<h6 class="txt-4001624 help-h6">(2) 点击【登录】即可进入账号。</h6>
<img class="r-ul-item-pic1" id="help_pic_login1" src="../img/light/help_pic_login1.png" alt="账号密码登录">
<h6 class="txt-4001624 help-h6-bold">扫码登录</h6>
<h6 class="txt-4001624 help-h6">(1) 点击登录页面右上角绿色二维码,进入扫码登录页面;</h6>
<img class="r-ul-item-pic1" id="help_pic_login2" src="../img/light/help_pic_login2.png" alt="扫码登录">
<h6 class="txt-4001624 help-h6">(2) 使用DooTask移动端扫描二维码登录账号。</h6>
<img class="r-ul-item-pic1" id="help_pic_login3" src="../img/light/help_pic_login3.png" alt="扫码登录">
</li>
<li class="r-ul-item mb-36" id="section-3">
<h4 class="txt-5002430 help-h4 mb-24">任务提醒机器人</h4>
<h6 class="txt-4001624 help-h6">打开DooTask左侧导航栏中的【消息】按键可查看“任务提醒”任务提醒机器人根据关联任务变更状态实时更新提醒如新建任务提示、任务修改提示、任务到期提示等。</h6>
<img class="r-ul-item-pic1" id="help_pic_note1" src="../img/light/help_pic_note1.png" alt="任务提醒机器人">
</li>
<li class="r-ul-item mb-36">
<h4 class="txt-5002430 help-h4 mb-24">签到打卡机器人</h4>
<h6 class="txt-4001624 help-h6">打开DooTask左侧导航栏中的【消息】按键可查看“签到打卡”签到打卡机器人自动记录员工日常签到打卡数据帮用户实现有效的工作进度管理及时间规划。</h6>
<img class="r-ul-item-pic1" id="help_pic_note2" src="../img/light/help_pic_note2.png" alt="签到打卡机器人">
</li>
<li class="r-ul-item mb-36" id="section-4">
<h4 class="txt-5002430 help-h4 mb-24">个人信息设置</h4>
<h6 class="txt-4001624 help-h6">(1) 点击用户右上角【头像】→点击【个人设置】选择个人设置页面,即可对个人头像/电话/昵称/职位(职称)等信息进行修改;</h6>
<h6 class="txt-4001624 help-h6">(2) 点击【提交】确认修改,点击【重置】清空当前设置。</h6>
<img class="r-ul-item-pic1" id="help_pic_set1" src="../img/light/help_pic_set1.png" alt="个人信息设置">
</li>
<li class="r-ul-item mb-36">
<h4 class="txt-5002430 help-h4 mb-24">签到设置</h4>
<h6 class="txt-4001624 help-h6">(1) 点击用户右上角【头像】→点击【个人设置】→点击【签到设置】,即显示最近五天的签到记录,点击下方【查看更多签到数据】即可查看历史签到记录;</h6>
<img class="r-ul-item-pic1" id="help_pic_set2" src="../img/light/help_pic_set2.png" alt="签到设置">
<h6 class="txt-4001624 help-h6">(2) 在签到设置栏下对应的输入框输入设备MAC地址/备注信息关联设备连接上指定路由器WiFi实现自动签到若需添加其他设备可点击【添加设备】进行新增</h6>
<h6 class="txt-4001624 help-h6">(3) 点击【提交】确认修改,点击【重置】清空当前设置。</h6>
<img class="r-ul-item-pic1" id="help_pic_set3" src="../img/light/help_pic_set3.png" alt="签到设置">
</li>
<li class="r-ul-item mb-36">
<h4 class="txt-5002430 help-h4 mb-24">快捷键设置</h4>
<h6 class="txt-4001624 help-h6">(1) 点击用户右上角【头像】→点击【个人设置】→点击【快捷键】,即可根据个人习惯,自定义设置快捷键组合;</h6>
<h6 class="txt-4001624 help-h6">(2) 点击【保存】确认修改,点击【重置】清空当前设置。</h6>
<img class="r-ul-item-pic1" id="help_pic_set4" src="../img/light/help_pic_set4.png" alt="快捷键设置">
</li>
<li class="r-ul-item mb-36">
<h4 class="txt-5002430 help-h4 mb-24">语言设置</h4>
<h6 class="txt-4001624 help-h6">(1) 点击用户右上角【头像】→点击【个人设置】→点击【语言设置】,点击选择语言右侧方框下拉图标,即可切换不同语言。系统目前支持简体中文、繁体中文、英语、韩语、日语、德语、法语和印度尼西亚语;</h6>
<h6 class="txt-4001624 help-h6">(2) 点击【提交】确认修改,点击【重置】清空当前设置。</h6>
<img class="r-ul-item-pic1" id="help_pic_set5" src="../img/light/help_pic_set5.png" alt="语言设置">
</li>
<li class="r-ul-item mb-36">
<h4 class="txt-5002430 help-h4 mb-24">主题设置</h4>
<h6 class="txt-4001624 help-h6">(1) 点击用户右上角【头像】→点击【个人设置】→点击【主题设置】,点击选择主题右侧方框下拉图标,即可切换对应主题,系统目前支持明亮/暗黑两大主题;</h6>
<h6 class="txt-4001624 help-h6">(2) 点击【提交】确认修改,点击【重置】清空当前设置。</h6>
<img class="r-ul-item-pic1" id="help_pic_set6" src="../img/light/help_pic_set6.png" alt="主题设置">
</li>
<li class="r-ul-item mb-36">
<h4 class="txt-5002430 help-h4 mb-24">密码设置</h4>
<h6 class="txt-4001624 help-h6">(1) 点击用户右上角【头像】→点击【个人设置】→点击【密码设置】,输入用户旧密码→输入用户新密码→再次输入用户新密码确认;</h6>
<h6 class="txt-4001624 help-h6">(2) 点击【提交】确认修改,点击【重置】清空当前设置。</h6>
<img class="r-ul-item-pic1" id="help_pic_set7" src="../img/light/help_pic_set7.png" alt="密码设置">
</li>
<li class="r-ul-item mb-36">
<h4 class="txt-5002430 help-h4 mb-24">修改邮箱</h4>
<h6 class="txt-4001624 help-h6">(1) 点击用户左上角【头像】→点击【个人设置】→点击【修改邮箱】,输入新邮箱地址后点击【发送验证码】并输入验证码;</h6>
<h6 class="txt-4001624 help-h6">(2) 点击【提交】确认修改,点击【重置】清空当前设置。</h6>
<img class="r-ul-item-pic1" id="help_pic_set8" src="../img/light/help_pic_set8.png" alt="修改邮箱">
</li>
<li class="r-ul-item mb-36" id="section-5">
<h4 class="txt-5002430 help-h4 mb-24">多样式项目管理模版</h4>
<h6 class="txt-4001624 help-h6">DooTask模版满足多种团队协作场景同时支持自定义模版满足团队个性化场景管理需求可直观的查看项目的进展情况团队协作更方便。</h6>
</li>
<li class="r-ul-item mb-36">
<h4 class="txt-5002430 help-h4 mb-24">可视化项目办公</h4>
<h6 class="txt-4001624 help-h6">使用看板、表格、列表等多种视图让整体项目一目了然;成员可对任务灵活筛选、排序和分组,让要事优先,并保持专注。</h6>
</li>
<li class="r-ul-item mb-36">
<h4 class="txt-5002430 help-h4 mb-24">实时监控项目管理动态</h4>
<h6 class="txt-4001624 help-h6">实时变更项目动态,具体任务变更情况记录提醒,以便团队把控项目整体进程,制定相应计划。</h6>
</li>
<li class="r-ul-item mb-36" id="section-6">
<h4 class="txt-5002430 help-h4 mb-24">创建项目</h4>
<h6 class="txt-4001624 help-h6">(1) 点击DooTask页面左下角的【新建项目】</h6>
<img class="r-ul-item-pic1" id="help_pic_new_project1" src="../img/light/help_pic_new_project1.png" alt="创建项目">
<h6 class="txt-4001624 help-h6">(2) 在出现的新建项目弹窗中输入项目名称(必填并且不能少于两个字)→选择项目模板(默认空白模板)→选择是否开启工作流;</h6>
<h6 class="txt-4001624 help-h6">(3) 点击【添加】即可完成项目创建。</h6>
<img class="r-ul-item-pic1" id="help_pic_new_project2" src="../img/light/help_pic_new_project2.png" alt="创建项目">
</li>
<li class="r-ul-item mb-36" id="section-7">
<h4 class="txt-5002430 help-h4 mb-24">多视图任务列表</h4>
<h6 class="txt-4001624 help-h6">(1) 打开DooTask页面左侧点击对应的项目名称按钮即可显示该项目所属的所有任务列表</h6>
<img class="r-ul-item-pic1" id="help_pic_new_project3" src="../img/light/help_pic_new_project3.png" alt="多视图任务列表">
<h6 class="txt-4001624 help-h6">(2) 点击左上角对应的【切换视图】图标,可查看对应任务的任务分类/任务优先级/负责人/到期时间等信息。</h6>
<img class="r-ul-item-pic1" id="help_pic_new_project4" src="../img/light/help_pic_new_project4.png" alt="多视图任务列表">
</li>
<li class="r-ul-item mb-36">
<h4 class="txt-5002430 help-h4 mb-24">已完成任务显示</h4>
<h6 class="txt-4001624 help-h6">(1) 常规情况下“已完成任务”将在任务列表中自动隐藏,不作展示;</h6>
<h6 class="txt-4001624 help-h6">(2) 勾选项目任务列表中右上角【显示已完成】图标,即可查看“已完成任务”。</h6>
<img class="r-ul-item-pic1" id="help_pic_new_project5" src="../img/light/help_pic_new_project5.png" alt="已完成任务显示">
</li>
<li class="r-ul-item mb-36" id="section-8">
<h4 class="txt-5002430 help-h4 mb-24">项目动态显示</h4>
<h6 class="txt-4001624 help-h6">(1) 在对应项目页面中,点击左上角【项目动态】图标,即可根据日期查看项目成员操作历史。</h6>
<img class="r-ul-item-pic1" id="help_pic_new_project6" src="../img/light/help_pic_new_project6.png" alt="项目动态显示">
<img class="r-ul-item-pic1" id="help_pic_new_project7" src="../img/light/help_pic_new_project7.png" alt="项目动态显示">
</li>
<li class="r-ul-item mb-36" id="section-9">
<h4 class="txt-5002430 help-h4 mb-24">创建任务</h4>
<h6 class="txt-4001624 help-h6">(1) 选定项目名称进入任务列表,在对应任务列表左上角点击【新建任务】图标;</h6>
<img class="r-ul-item-pic1" id="help_pic_creat_task1" src="../img/light/help_pic_creat_task1.png" alt="创建任务">
<h6 class="txt-4001624 help-h6">(2) 在对应输入框中输入任务描述/详细描述,选择任务优先级/任务时间/任务负责人/可见性等信息,并按需添加子任务;</h6>
<h6 class="txt-4001624 help-h6">(3) 点击创建任务页面右下角【添加任务】,完成新任务创建。</h6>
<img class="r-ul-item-pic1" id="help_pic_creat_task2" src="../img/light/help_pic_creat_task2.png" alt="创建任务">
</li>
<li class="r-ul-item mb-36">
<h4 class="txt-5002430 help-h4 mb-24">任务仪表盘</h4>
<h6 class="txt-4001624 help-h6">点击DooTask页面左侧的【仪表盘】即可显示任务统计数据显示今日到期任务、超期任务、待完成任务</h6>
<img class="r-ul-item-pic1" id="help_pic_creat_task3" src="../img/light/help_pic_creat_task3.png" alt="任务仪表盘">
</li>
<li class="r-ul-item mb-36">
<h4 class="txt-5002430 help-h4 mb-24">任务时间</h4>
<h6 class="txt-4001624 help-h6">选择需要修改的任务,打开任务详情页,点击【截止时间】根据实际情况对任务时间进行修改。</h6>
<img class="r-ul-item-pic1" id="help_pic_set4" src="../img/light/help_pic_creat_task4.png" alt="任务时间">
</li>
<li class="r-ul-item mb-36">
<h4 class="txt-5002430 help-h4 mb-24">任务可见性</h4>
<h6 class="txt-4001624 help-h6">选择对应任务,打开任务详情页,点击【可见性】按需选择项目人员/任务人员/指定成员可见。</h6>
<img class="r-ul-item-pic1" id="help_pic_set5" src="../img/light/help_pic_creat_task5.png" alt="任务可见性">
</li>
<li class="r-ul-item mb-36" id="section-10">
<h4 class="txt-5002430 help-h4 mb-24">任务优先级</h4>
<h6 class="txt-4001624 help-h6">在任务创建窗口和任务详情页中,可按需设置任务优先级,系统目前支持四大任务优先级:重要紧急、重要不紧急、紧急不重要、不重要不紧急。(可根据任务情况变更优先级)</h6>
<img class="r-ul-item-pic1" id="help_pic_creat_task6" src="../img/light/help_pic_creat_task6.png" alt="任务优先级">
</li>
<li class="r-ul-item mb-36" id="section-11">
<h4 class="txt-5002430 help-h4 mb-24">引用关联文件及任务</h4>
<h6 class="txt-4001624 help-h6">选择对应任务,打开任务详情页,在页面右侧聊天窗口输入框中输入关联的文件链接/任务,点击【发送】图标即可引用。</h6>
<img class="r-ul-item-pic1" id="help_pic_creat_task7" src="../img/light/help_pic_creat_task7.png" alt="引用关联文件及任务">
</li>
<li class="r-ul-item mb-36">
<h4 class="txt-5002430 help-h4 mb-24">任务关联人员</h4>
<h6 class="txt-4001624 help-h6">选择对应任务,打开任务详情页,在页面右侧聊天窗口输入框中@任务关联人员账号昵称,点击【发送】图标,该成员即刻进入任务群聊。</h6>
<img class="r-ul-item-pic1" id="help_pic_creat_task8" src="../img/light/help_pic_creat_task8.png" alt="任务关联人员">
</li>
<li class="r-ul-item mb-36">
<h4 class="txt-5002430 help-h4 mb-24">任务群组会议</h4>
<h6 class="txt-4001624 help-h6">选择对应任务,打开任务详情页,在页面右侧聊天窗口右下方点击【展开】图标,即可对任务群聊内的所有成员发起群组视频/语音会议。</h6>
<h6 class="txt-4001624 help-h6">可对任务群聊内的所有成员发起群组视频/语音会议。</h6>
<img class="r-ul-item-pic1" id="help_pic_creat_task9" src="../img/light/help_pic_creat_task9.png" alt="任务群组会议">
</li>
<li class="r-ul-item mb-36" id="section-12">
<h4 class="txt-5002430 help-h4 mb-24">项目动态显示</h4>
<h6 class="txt-4001624 help-h6">在对应任务详情页中,点击右上角【任务动态】图标,即可根据日期查看任务成员操作历史。</h6>
<img class="r-ul-item-pic1" id="help_pic_creat_task10" src="../img/light/help_pic_creat_task10.png" alt="项目动态显示">
</li>
<li class="r-ul-item mb-36" id="section-13">
<h4 class="txt-5002430 help-h4 mb-24">公司管理</h4>
<h6 class="txt-4001624 help-h6">帮助企业对其公司目标,将目标、关键结果与个人工作连接,共同推动战略落地、目标达成;</h6>
<h6 class="txt-4001624 help-h6">通过协同创作,共享企业各项工作的进度、完成状态、日程安排,促进信息流动,让全员获取项目关键信息,及时跟进,推动跨部门协作。</h6>
</li>
<li class="r-ul-item mb-36">
<h4 class="txt-5002430 help-h4 mb-24">产品管理</h4>
<h6 class="txt-4001624 help-h6">自定义产品研发过程的工作流程,在不同阶段把任务分派不同角色,推动产品研发进程;各完成项目及任务历史资料统一归档,方便随时调用或展开讨论,形成知识沉淀到复用的闭环。</h6>
</li>
<li class="r-ul-item mb-36">
<h4 class="txt-5002430 help-h4 mb-24">人事行政管理</h4>
<h6 class="txt-4001624 help-h6">通过数据可视化统计报表获取多维度企业数据,全面了解员工表现,让绩效评价更客观、公正;使用公告发布通知,安排公司活动,传递企业决策,便于塑造企业文化,让员工更有参与感。</h6>
</li>
<li class="r-ul-item mb-36" id="section-14">
<h4 class="txt-5002430 help-h4 mb-24">工作报告</h4>
<h6 class="txt-4001624 help-h6">1 我的汇报:</h6>
<h6 class="txt-4001624 help-h6">汇报搜索</h6>
<h6 class="txt-4001624 help-h6">点击用户左上角头像→点击【工作报告】→点击【我的汇报】,在页面左上方选择需要查询的汇报类型/汇报时间,点击【搜索】,即刻展示相关报告数据。</h6>
<img class="r-ul-item-pic1" id="help_pic_team1" src="../img/light/help_pic_team1.png" alt="汇报搜索">
<h6 class="txt-4001624 help-h6">汇报记录展示</h6>
<h6 class="txt-4001624 help-h6">点击用户左上角头像→点击【工作报告】→点击【我的汇报】,在工作报告页面中可查看对应报告的名称/类型/汇报时间/汇报对象/操作等信息。</h6>
<img class="r-ul-item-pic1" id="help_pic_team2" src="../img/light/help_pic_team2.png" alt="汇报记录展示">
<h6 class="txt-4001624 help-h6">新增报告</h6>
<h6 class="txt-4001624 help-h6">(1) 点击用户左上角头像→点击【工作报告】→点击【新增报告】;</h6>
<h6 class="txt-4001624 help-h6">(2) 在新增报告页面中选择汇报类型(选择周报/日报)/汇报对象(可直接使用上次汇报对象),输入相应的汇报内容,点击【提交】即可完成报告。</h6>
<img class="r-ul-item-pic1" id="help_pic_team3" src="../img/light/help_pic_team3.png" alt="新增报告">
<img class="r-ul-item-pic1" id="help_pic_team4" src="../img/light/help_pic_team4.png" alt="新增报告">
<h6 class="txt-4001624 help-h6">2 收到的汇报:</h6>
<h6 class="txt-4001624 help-h6">汇报搜索</h6>
<h6 class="txt-4001624 help-h6">点击用户左上角头像→点击【工作报告】→点击【收到的汇报】,在页面左上方选择需要查询的关键词/汇报类型/汇报时间,点击【搜索】,即刻展示相关报告数据。</h6>
<img class="r-ul-item-pic1" id="help_pic_team5" src="../img/light/help_pic_team5.png" alt="汇报搜索">
<h6 class="txt-4001624 help-h6">汇报记录展示</h6>
<h6 class="txt-4001624 help-h6">点击用户左上角头像→点击【工作报告】→点击【收到的汇报】,在工作报告页面中可查看对应报告的标题/类型/接收时间//操作等信息。</h6>
<img class="r-ul-item-pic1" id="help_pic_team6" src="../img/light/help_pic_team6.png" alt="汇报记录展示">
</li>
<li class="r-ul-item mb-36">
<h4 class="txt-5002430 help-h4 mb-24">数据导出</h4>
<h6 class="txt-4001624 help-h6">点击用户左上角头像→点击【团队管理】,根据需求选择点击【导出任务统计】/【导出超期任务】/【导出审批数据】/【导出签到数据】,导出关联数据记录。</h6>
<img class="r-ul-item-pic1" id="help_pic_team7" src="../img/light/help_pic_team7.png" alt="数据导出">
</li>
<li class="r-ul-item mb-36" id="section-15">
<h4 class="txt-5002430 help-h4 mb-24">新建部门</h4>
<h6 class="txt-4001624 help-h6">(1) 点击用户左上角头像→点击【团队管理】列表中的“团队管理”选项,进入页面左下角点击【新建部门】;</h6>
<img class="r-ul-item-pic1" id="help_pic_team8" src="../img/light/help_pic_team8.png" alt="新建部门">
<h6 class="txt-4001624 help-h6">(2) 在出现的新建部门弹窗中输入部门名称→选择上级部门→添加部门负责人→选择创建部门群聊或使用现有群聊;</h6>
<h6 class="txt-4001624 help-h6">(3) 点击【新建】即可完成新部门创建。</h6>
<img class="r-ul-item-pic1" id="help_pic_team9" src="../img/light/help_pic_team9.png" alt="新建部门">
</li>
<li class="r-ul-item mb-36">
<h4 class="txt-5002430 help-h4 mb-24">搜索成员</h4>
<h6 class="txt-4001624 help-h6">点击用户左上角头像→点击【团队管理】列表中的“团队管理”选项,在页面上方选择需要查询的关键词/身份/在职状态/邮箱认证,点击【搜索】,即可展示相关人员信息。</h6>
<img class="r-ul-item-pic1" id="help_pic_team10" src="../img/light/help_pic_team10.png" alt="搜索成员">
</li>
<li class="r-ul-item mb-36">
<h4 class="txt-5002430 help-h4 mb-24">团队成员操作</h4>
<h6 class="txt-4001624 help-h6">点击用户左上角头像→点击【团队管理】列表中的“团队管理”选项,点击对应人员信息【操作】按键,可对该成员选择进行:设为管理员/设为临时账号/修改邮箱/修改密码/修改部门/操作离职/删除的操作。</h6>
<img class="r-ul-item-pic1" id="help_pic_team11" src="../img/light/help_pic_team11.png" alt="团队成员操作">
</li>
<li class="r-ul-item mb-36" id="section-16">
<h4 class="txt-5002430 help-h4 mb-24">项目成员</h4>
<h6 class="txt-4001624 help-h6">(1) 选择对应项目,点击右上方【成员管理】,添加/删除项目成员;</h6>
<h6 class="txt-4001624 help-h6">(2) 点击【取消】取消成员管理设置,点击【保存】保存成员修改管理操作。</h6>
<img class="r-ul-item-pic1" id="help_pic_team12" src="../img/light/help_pic_team12.png" alt="项目成员">
<img class="r-ul-item-pic1" id="help_pic_team13" src="../img/light/help_pic_team13.png" alt="项目成员">
</li>
<li class="r-ul-item mb-36">
<h4 class="txt-5002430 help-h4 mb-24">任务成员</h4>
<h6 class="txt-4001624 help-h6">选择对应项目,点击任务列表右上角【新建任务】图标→点击【高级选项】,即可添加/删除相关任务负责人或协助人员。</h6>
<img class="r-ul-item-pic1" id="help_pic_team14" src="../img/light/help_pic_team14.png" alt="任务成员">
<img class="r-ul-item-pic1" id="help_pic_team15" src="../img/light/help_pic_team15.png" alt="任务成员">
</li>
<li class="r-ul-item mb-36" id="section-17">
<h4 class="txt-5002430 help-h4 mb-24">文件类型</h4>
<h6 class="txt-4001624 help-h6">(1) 在DooTask页面左侧点击【文件】显示和查看项目相关文件</h6>
<img class="r-ul-item-pic1" id="help_pic_file1" src="../img/light/help_pic_file1.png" alt="文件类型">
<h6 class="txt-4001624 help-h6">(2) 点击页面右上角【新建文件】图标按钮,即可新建文件夹/上传文件/上传文件夹目前系统支持文本、图标、思维导图、Word文档、Excel工作表、PPT演示文稿多种文件类型。</h6>
<img class="r-ul-item-pic1" id="help_pic_file2" src="../img/light/help_pic_file2.png" alt="文件类型">
</li>
<li class="r-ul-item mb-36" id="section-18">
<h4 class="txt-5002430 help-h4 mb-24">文件共享</h4>
<h6 class="txt-4001624 help-h6">在DooTask页面左侧点击【文件】选择对应的文件夹/文件后点击右上角图标,点击【共享】即可将文件夹/文件共享给相关项目成员。</h6>
<img class="r-ul-item-pic1" id="help_pic_file3" src="../img/light/help_pic_file3.png" alt="文件共享">
</li>
<li class="r-ul-item mb-36" id="section-19">
<h4 class="txt-5002430 help-h4 mb-24">访问权限</h4>
<h6 class="txt-4001624 help-h6">(1) 在DooTask页面左侧点击【文件】选择对应的文件夹/文件后点击右上角图标,点击【共享】打开共享设置;</h6>
<h6 class="txt-4001624 help-h6">(2) 根据需求选择所有人/指定成员可见,共享文件读写/只读,点击【共享】即可完成操作。</h6>
<img class="r-ul-item-pic1" id="help_pic_file4" src="../img/light/help_pic_file4.png" alt="访问权限">
</li>
<li class="r-ul-item mb-36">
<h4 class="txt-5002430 help-h4 mb-24">文件显示</h4>
<h6 class="txt-4001624 help-h6">在DooTask页面左侧点击【文件】勾选页面右上角【仅显示我的】图标即可分类查看个人关联文件。</h6>
<img class="r-ul-item-pic1" id="help_pic_file5" src="../img/light/help_pic_file5.png" alt="文件显示">
</li>
</ul>
</div>
</div>
</div>
</article>
</section>
</main>
<!-- 页脚区域 -->
<footer>
<div class="footer-con">
<div class="footer-layut">
<div class="footer-l">
<a href="../zh/index.html" class="logo">
<img id="logo" src="../img/light/logo.svg" alt="DooTask,Logo">
<i class="dootask txt-7002027">DooTask</i>
</a>
<i class="txt txt-4001624">帮助团队有效地推进项目,使工作更轻松。</i>
</div>
<div class="footer-r">
<ul class="footer-r-ul">
<li class="footer-r-item">
<ol class="footer-r-ol">
<li class="footer-ol-item txt-5001624 mb-24">链接</li>
<li class="footer-ol-item mb-16">
<a class="txt-4001624 txt" href="../zh/product.html">产品</a>
</li>
<li class="footer-ol-item mb-16">
<a class="txt-4001624 txt" href="../zh/solutions.html">解决方案</a>
</li>
<li class="footer-ol-item mb-16">
<a class="txt-4001624 txt" href="../zh/price.html">服务价格</a>
</li>
<li class="footer-ol-item">
<a class="txt-4001624 txt" href="../zh/about.html">关于我们</a>
</li>
</ol>
</li>
<li class="footer-r-item">
<ol class="footer-r-ol">
<li class="footer-ol-item txt-5001624 mb-24">支持</li>
<li class="footer-ol-item mb-16">
<a class="txt-4001624 txt" href="../zh/download.html">下载中心</a>
</li>
<li class="footer-ol-item mb-16">
<a class="txt-4001624 txt" href="../zh/help.html">帮助中心</a>
</li>
<li class="footer-ol-item">
<a class="txt-4001624 txt" href="../../docs/index.html" target="_blank">API 文档</a>
</li>
</ol>
</li>
<li class="footer-r-item">
<ol class="footer-r-ol">
<li class="footer-ol-item txt-5001624 mb-24">社区</li>
<li class="footer-ol-item">
<li class="footer-ol-item mb-16">
<i class="txt-4001624 txt" onclick="openInNewTab('https://github.com/kuaifan/dootask')">Github</i>
</li>
<li class="footer-ol-item mb-16">
<i class="txt-4001624 txt" onclick="openInNewTab('https://gitee.com/aipaw/dootask')">Gitee</i>
</li>
<li class="footer-ol-item" id="qq_group">
<i class="txt-4001624 txt">QQ 群</i>
<div class="group_code">
<img class="code-svg" id="home_code" src="../img/qq_code.jpg" alt="群号546574618">
<i class="group_num">群号546574618</i>
<i class="lower_triangle"></i>
</div>
</li>
</ol>
</li>
</ul>
</div>
</div>
<div class="txt-4001624 filings">
Copyright © 2022-2023 DooTask. All rights reserved.
</div>
</div>
</footer>
</div>
</body>
<script src="../js/common.js"></script>
<script>
const tabItems = document.querySelectorAll('.l-ul-item');
function rm(){
tabItems.forEach(link1=>{
link1.classList.remove('active')
})
}
tabItems.forEach(item=>{
item.addEventListener('click',function(event){
event.preventDefault()
const id = event.currentTarget.getAttribute('data-id')
const content = document.getElementById(`${id}`)
if (content) {
const offset = 90; // 上偏移量(可以根据需要进行调整)
const targetPosition = content.getBoundingClientRect().top + window.pageYOffset; // 目标位置相对于视口的位置
// 滚动到目标位置,并考虑上偏移量
window.scrollTo({
top: targetPosition-offset,
behavior: "smooth"
});
}
})
})
/* 当屏幕宽度低于768px时显示logs的抽屉的相关操作逻辑 */
const helpMenuBtn = document.getElementById('help-menu-btn');
const helpDrawer = document.querySelector('.help-drawer');
helpMenuBtn.addEventListener('click', () => {
helpDrawer.classList.add('open-help-drawer');
});
const closeHelpDraweHandle = ()=>{
helpDrawer.classList.remove('open-help-drawer');
}
// 监听页面滚动事件
window.addEventListener('scroll',scrollHandler)
function getAllDataIds(parentId) {
let parentElement = document.getElementById(parentId);
if (parentElement) {
let elementsWithDataId = parentElement.querySelectorAll("[data-id]");
let dataIds = [];
for (let i = 0; i < elementsWithDataId.length; i++) {
let dataId = elementsWithDataId[i].getAttribute("data-id");
dataIds.push(dataId);
}
return dataIds;
}
return [];
}
let allDataIds = getAllDataIds("help-l-ul");
let arrOffsetTop = []
allDataIds.map(item=>{
let id = document.getElementById(`${item}`);
arrOffsetTop.push(id.offsetTop)
})
function scrollHandler(){
// 遍历导航链接元素
allDataIds.map(item=>{
let elements = document.querySelectorAll("[data-id='" + item + "']");
elements[0]?.classList?.remove("active");
})
for (let i = 0; i < arrOffsetTop.length; i++) {
if(window.scrollY<=arrOffsetTop[0]){
rm()
let elementsWithDataId = document.querySelectorAll("[data-id='" + `section-${1}` + "']");
elementsWithDataId[0]?.classList?.add("active");
return;
}
if (arrOffsetTop[i] > window.scrollY){
let elementsWithDataId = document.querySelectorAll("[data-id='" + `section-${i}` + "']");
elementsWithDataId[0]?.classList?.add("active");
return;
}
}
}
</script>
</html>