mirror of
https://github.com/kuaifan/dootask.git
synced 2025-12-11 18:42:54 +00:00
2461 lines
127 KiB
HTML
2461 lines
127 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8"/>
|
||
<title>DooTask</title>
|
||
<meta name="google" value="notranslate"/>
|
||
<meta
|
||
name="description"
|
||
content="Lightweight open source online project task management tool to help teams efficiently advance their projects and make work easier."
|
||
/>
|
||
<meta
|
||
name="keywords"
|
||
content="China DooTask Task management Lightweight Hitosea Teamwork"
|
||
/>
|
||
<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="../en/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="../en/product.html"
|
||
>Product</a
|
||
>
|
||
</li>
|
||
<li class="nav-ul-item">
|
||
<a
|
||
class="txt-4001620 txt nav-solutions"
|
||
href="../en/solutions.html"
|
||
>Solutions</a
|
||
>
|
||
</li>
|
||
<li class="nav-ul-item">
|
||
<i
|
||
class="txt-4001620 txt nav-support"
|
||
id="support-txt"
|
||
onclick="showMenuPopHandle()"
|
||
>
|
||
Support
|
||
<img
|
||
src="../img/vector.svg"
|
||
alt="Support"
|
||
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="../en/download.html"
|
||
>Download Center</a
|
||
>
|
||
</li>
|
||
|
||
<li
|
||
class="submenu-pop-item"
|
||
onclick="changeMenu()"
|
||
>
|
||
<a
|
||
class="txt-4001418 txt-sub"
|
||
href="../en/privacy.html" target="_blank"
|
||
>Privacy Policy</a
|
||
>
|
||
</li>
|
||
|
||
<li
|
||
class="submenu-pop-item"
|
||
onclick="changeMenu()"
|
||
>
|
||
<a
|
||
class="txt-4001418 txt-sub"
|
||
href="../en/help.html"
|
||
>Help Center</a
|
||
>
|
||
</li>
|
||
</ol>
|
||
</li>
|
||
<li class="nav-ul-item">
|
||
<a
|
||
class="txt-4001620 txt nav-price"
|
||
href="../en/price.html"
|
||
>Pricing</a
|
||
>
|
||
</li>
|
||
<li class="nav-ul-item">
|
||
<a
|
||
class="txt-4001620 txt nav-about"
|
||
href="../en/about.html"
|
||
>About Us</a
|
||
>
|
||
</li>
|
||
</ul>
|
||
<div class="nav-r">
|
||
<div class="lang" id="lang-img">
|
||
<img
|
||
src="../img/lang-select.svg"
|
||
alt="Language switch"
|
||
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="Brighter themes"
|
||
/>
|
||
</i>
|
||
<i
|
||
class="nav-r-icon theme_light"
|
||
onclick="setTheme('dark')"
|
||
>
|
||
<img src="../img/drak.svg" alt="Dark theme"/>
|
||
</i>
|
||
<a href="https://github.com/kuaifan/dootask">
|
||
<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="https://www.dootask.com/manage/dashboard"
|
||
>
|
||
<button class="btn btn-primary">
|
||
Try Now
|
||
</button>
|
||
</a>
|
||
</span>
|
||
</div>
|
||
<div class="menuBtn">
|
||
<img
|
||
id="menuBtn"
|
||
src="../img/menu.svg"
|
||
alt="Menu"
|
||
/>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</header>
|
||
<!-- help抽屉 -->
|
||
<div class="help-drawer">
|
||
<div class="drawer-t mb-36">
|
||
<a href="../en/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">Basic</h5>
|
||
<ol class="help-l-ol">
|
||
<li
|
||
class="l-ul-item"
|
||
onclick="closeHelpDraweHandle()"
|
||
>
|
||
<a class="txt-4001620 txt" href="#section-1"
|
||
>Understanding DooTask</a
|
||
>
|
||
</li>
|
||
<li
|
||
class="l-ul-item"
|
||
onclick="closeHelpDraweHandle()"
|
||
>
|
||
<a class="txt-4001620 txt" href="#section-2"
|
||
>Registration and Login</a
|
||
>
|
||
</li>
|
||
<li
|
||
class="l-ul-item"
|
||
onclick="closeHelpDraweHandle()"
|
||
>
|
||
<a class="txt-4001620 txt" href="#section-3"
|
||
>Notification</a
|
||
>
|
||
</li>
|
||
<li
|
||
class="l-ul-item"
|
||
onclick="closeHelpDraweHandle()"
|
||
>
|
||
<a class="txt-4001620 txt" href="#section-4"
|
||
>Account Settings</a
|
||
>
|
||
</li>
|
||
</ol>
|
||
</li>
|
||
<li class="help-l-ul-item mb-24">
|
||
<h5 class="txt-4001620 help-h5 mb-16">Projects</h5>
|
||
<ol class="help-l-ol">
|
||
<li
|
||
class="l-ul-item"
|
||
onclick="closeHelpDraweHandle()"
|
||
>
|
||
<a class="txt-4001620 txt" href="#section-5"
|
||
>Understand Project</a
|
||
>
|
||
</li>
|
||
<li
|
||
class="l-ul-item"
|
||
onclick="closeHelpDraweHandle()"
|
||
>
|
||
<a class="txt-4001620 txt" href="#section-6"
|
||
>Create project</a
|
||
>
|
||
</li>
|
||
<li
|
||
class="l-ul-item"
|
||
onclick="closeHelpDraweHandle()"
|
||
>
|
||
<a class="txt-4001620 txt" href="#section-7"
|
||
>Task List</a
|
||
>
|
||
</li>
|
||
<li
|
||
class="l-ul-item"
|
||
onclick="closeHelpDraweHandle()"
|
||
>
|
||
<a class="txt-4001620 txt" href="#section-8"
|
||
>Project Progress</a
|
||
>
|
||
</li>
|
||
</ol>
|
||
</li>
|
||
<li class="help-l-ul-item mb-24">
|
||
<h5 class="txt-4001620 help-h5 mb-16">Mission</h5>
|
||
<ol class="help-l-ol">
|
||
<li
|
||
class="l-ul-item"
|
||
onclick="closeHelpDraweHandle()"
|
||
>
|
||
<a class="txt-4001620 txt" href="#section-9"
|
||
>Use of tasks</a
|
||
>
|
||
</li>
|
||
<li
|
||
class="l-ul-item"
|
||
onclick="closeHelpDraweHandle()"
|
||
>
|
||
<a class="txt-4001620 txt" href="#section-10"
|
||
>Task Priority</a
|
||
>
|
||
</li>
|
||
<li
|
||
class="l-ul-item"
|
||
onclick="closeHelpDraweHandle()"
|
||
>
|
||
<a class="txt-4001620 txt" href="#section-11"
|
||
>Comments & News</a
|
||
>
|
||
</li>
|
||
<li
|
||
class="l-ul-item"
|
||
onclick="closeHelpDraweHandle()"
|
||
>
|
||
<a class="txt-4001620 txt" href="#section-12"
|
||
>Subtasks</a
|
||
>
|
||
</li>
|
||
</ol>
|
||
</li>
|
||
<li class="help-l-ul-item mb-24">
|
||
<h5 class="txt-4001620 help-h5 mb-16">Team</h5>
|
||
<ol class="help-l-ol">
|
||
<li
|
||
class="l-ul-item"
|
||
onclick="closeHelpDraweHandle()"
|
||
>
|
||
<a class="txt-4001620 txt" href="#section-13"
|
||
>Team and Members</a
|
||
>
|
||
</li>
|
||
<li
|
||
class="l-ul-item"
|
||
onclick="closeHelpDraweHandle()"
|
||
>
|
||
<a class="txt-4001620 txt" href="#section-14"
|
||
>Team Management</a
|
||
>
|
||
</li>
|
||
<li
|
||
class="l-ul-item"
|
||
onclick="closeHelpDraweHandle()"
|
||
>
|
||
<a class="txt-4001620 txt" href="#section-15"
|
||
>Team Setup</a
|
||
>
|
||
</li>
|
||
<li
|
||
class="l-ul-item"
|
||
onclick="closeHelpDraweHandle()"
|
||
>
|
||
<a class="txt-4001620 txt" href="#section-16"
|
||
>Member Grouping</a
|
||
>
|
||
</li>
|
||
</ol>
|
||
</li>
|
||
<li class="help-l-ul-item mb-24">
|
||
<h5 class="txt-4001620 help-h5 mb-16">Files</h5>
|
||
<ol class="help-l-ol">
|
||
<li
|
||
class="l-ul-item"
|
||
onclick="closeHelpDraweHandle()"
|
||
>
|
||
<a class="txt-4001620 txt" href="#section-17"
|
||
>File Type</a
|
||
>
|
||
</li>
|
||
<li
|
||
class="l-ul-item"
|
||
onclick="closeHelpDraweHandle()"
|
||
>
|
||
<a class="txt-4001620 txt" href="#section-18"
|
||
>Shared Files</a
|
||
>
|
||
</li>
|
||
<li
|
||
class="l-ul-item"
|
||
onclick="closeHelpDraweHandle()"
|
||
>
|
||
<a class="txt-4001620 txt" href="#section-19"
|
||
>Access Permissions</a
|
||
>
|
||
</li>
|
||
</ol>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<!-- 菜单抽屉 -->
|
||
<div class="drawer">
|
||
<div class="drawer-t mb-36">
|
||
<a href="../en/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="../en/product.html"
|
||
>Product</a
|
||
>
|
||
</div>
|
||
<div class="drawer-item" onclick="closeDraweHandle()">
|
||
<a
|
||
class="txt-4001620 txt"
|
||
href="../en/solutions.html"
|
||
>Solutions</a
|
||
>
|
||
</div>
|
||
<div
|
||
class="drawer-item"
|
||
onclick="expandMenuHandle('support')"
|
||
>
|
||
<i class="txt-4001620 txt">
|
||
Support
|
||
<img
|
||
src="../img/vector.svg"
|
||
class="nav-vector"
|
||
alt="Support"
|
||
id="drawer-down-support-svg"
|
||
/>
|
||
</i>
|
||
</div>
|
||
<ol class="drawer-active hide" id="support">
|
||
<li class="drawer-item" onclick="changeMenu()">
|
||
<a
|
||
class="txt-4001620 txt"
|
||
href="../en/download.html"
|
||
>Download Center</a
|
||
>
|
||
</li>
|
||
<li class="drawer-item" onclick="changeMenu()">
|
||
<a
|
||
class="txt-4001620 txt"
|
||
href="../en/privacy.html" target="_blank"
|
||
>Privacy Policy</a
|
||
>
|
||
</li>
|
||
<li class="drawer-item" onclick="changeMenu()">
|
||
<a
|
||
class="txt-4001620 txt"
|
||
href="../en/help.html"
|
||
>Help Center</a
|
||
>
|
||
</li>
|
||
</ol>
|
||
<div class="drawer-item" onclick="closeDraweHandle()">
|
||
<a class="txt-4001620 txt" href="../en/price.html"
|
||
>Pricing</a
|
||
>
|
||
</div>
|
||
<div
|
||
class="drawer-item mb-16"
|
||
onclick="closeDraweHandle()"
|
||
>
|
||
<a class="txt-4001620 txt" href="../en/about.html"
|
||
>About Us</a
|
||
>
|
||
</div>
|
||
</li>
|
||
<li class="drawer-item-c">
|
||
<div
|
||
class="drawer-item"
|
||
onclick="expandMenuHandle('theme')"
|
||
>
|
||
<i class="txt-4001620 txt">
|
||
Theme
|
||
<img
|
||
src="../img/vector.svg"
|
||
alt="Theme"
|
||
class="nav-vector"
|
||
id="drawer-down-theme-svg"
|
||
/>
|
||
</i>
|
||
</div>
|
||
<ol class="drawer-active hide" id="theme">
|
||
<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">
|
||
Language
|
||
<img
|
||
src="../img/vector.svg"
|
||
alt="Language"
|
||
class="nav-vector"
|
||
id="drawer-down-language-svg"
|
||
/>
|
||
</i>
|
||
</div>
|
||
<ol class="drawer-active hide" id="language">
|
||
<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="https://www.dootask.com/manage/dashboard"
|
||
>Try Now</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="Help Center"
|
||
/>
|
||
<i class="help-t-tit">Help Center</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"
|
||
>
|
||
Basic
|
||
</h5>
|
||
<ol class="help-l-ol">
|
||
<li
|
||
class="l-ul-item active"
|
||
data-id="section-1"
|
||
>
|
||
<a class="txt-4001620 txt help-a"
|
||
>Understanding
|
||
DooTask</a
|
||
>
|
||
</li>
|
||
<li
|
||
class="l-ul-item"
|
||
data-id="section-2"
|
||
>
|
||
<a class="txt-4001620 txt help-a"
|
||
>Registration and
|
||
Login</a
|
||
>
|
||
</li>
|
||
<li
|
||
class="l-ul-item"
|
||
data-id="section-3"
|
||
>
|
||
<a class="txt-4001620 txt help-a"
|
||
>Notification</a
|
||
>
|
||
</li>
|
||
<li
|
||
class="l-ul-item"
|
||
data-id="section-4"
|
||
>
|
||
<a class="txt-4001620 txt help-a"
|
||
>Account Settings</a
|
||
>
|
||
</li>
|
||
</ol>
|
||
</li>
|
||
<li class="help-l-ul-item mb-24">
|
||
<h5
|
||
class="txt-4001620 help-h5 mb-16"
|
||
>
|
||
Projects
|
||
</h5>
|
||
<ol class="help-l-ol">
|
||
<li
|
||
class="l-ul-item"
|
||
data-id="section-5"
|
||
>
|
||
<a class="txt-4001620 txt help-a"
|
||
>Understand Project</a
|
||
>
|
||
</li>
|
||
<li
|
||
class="l-ul-item"
|
||
data-id="section-6"
|
||
>
|
||
<a class="txt-4001620 txt help-a"
|
||
>Create project</a
|
||
>
|
||
</li>
|
||
<li
|
||
class="l-ul-item"
|
||
data-id="section-7"
|
||
>
|
||
<a class="txt-4001620 txt help-a"
|
||
>Task List</a
|
||
>
|
||
</li>
|
||
<li
|
||
class="l-ul-item"
|
||
data-id="section-8"
|
||
>
|
||
<a class="txt-4001620 txt help-a"
|
||
>Project Progress</a
|
||
>
|
||
</li>
|
||
</ol>
|
||
</li>
|
||
<li class="help-l-ul-item mb-24">
|
||
<h5
|
||
class="txt-4001620 help-h5 mb-16"
|
||
>
|
||
Mission
|
||
</h5>
|
||
<ol class="help-l-ol">
|
||
<li
|
||
class="l-ul-item"
|
||
data-id="section-9"
|
||
>
|
||
<a class="txt-4001620 txt help-a"
|
||
>Use of tasks</a
|
||
>
|
||
</li>
|
||
<li
|
||
class="l-ul-item"
|
||
data-id="section-10"
|
||
>
|
||
<a class="txt-4001620 txt help-a"
|
||
>Task Priority</a
|
||
>
|
||
</li>
|
||
<li
|
||
class="l-ul-item"
|
||
data-id="section-11"
|
||
>
|
||
<a class="txt-4001620 txt help-a"
|
||
>Comments & News</a
|
||
>
|
||
</li>
|
||
<li
|
||
class="l-ul-item"
|
||
data-id="section-12"
|
||
>
|
||
<a class="txt-4001620 txt help-a"
|
||
>Subtasks</a
|
||
>
|
||
</li>
|
||
</ol>
|
||
</li>
|
||
<li class="help-l-ul-item mb-24">
|
||
<h5
|
||
class="txt-4001620 help-h5 mb-16"
|
||
>
|
||
Team
|
||
</h5>
|
||
<ol class="help-l-ol">
|
||
<li
|
||
class="l-ul-item"
|
||
data-id="section-13"
|
||
>
|
||
<a class="txt-4001620 txt help-a"
|
||
>Team and Members</a
|
||
>
|
||
</li>
|
||
<li
|
||
class="l-ul-item"
|
||
data-id="section-14"
|
||
>
|
||
<a class="txt-4001620 txt help-a"
|
||
>Team Management</a
|
||
>
|
||
</li>
|
||
<li
|
||
class="l-ul-item"
|
||
data-id="section-15"
|
||
>
|
||
<a class="txt-4001620 txt help-a"
|
||
>Team Setup</a
|
||
>
|
||
</li>
|
||
<li
|
||
class="l-ul-item"
|
||
data-id="section-16"
|
||
>
|
||
<a class="txt-4001620 txt help-a"
|
||
>Member Grouping</a
|
||
>
|
||
</li>
|
||
</ol>
|
||
</li>
|
||
<li class="help-l-ul-item mb-24">
|
||
<h5
|
||
class="txt-4001620 help-h5 mb-16"
|
||
>
|
||
Files
|
||
</h5>
|
||
<ol class="help-l-ol">
|
||
<li
|
||
class="l-ul-item"
|
||
data-id="section-17"
|
||
>
|
||
<a class="txt-4001620 txt help-a"
|
||
>File Type</a
|
||
>
|
||
</li>
|
||
<li
|
||
class="l-ul-item"
|
||
data-id="section-18"
|
||
>
|
||
<a class="txt-4001620 txt help-a"
|
||
>Shared Files</a
|
||
>
|
||
</li>
|
||
<li
|
||
class="l-ul-item"
|
||
data-id="section-19"
|
||
>
|
||
<a class="txt-4001620 txt help-a"
|
||
>Access Permissions</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="Just starting out with DooTask? No problem, this primer is for you!"
|
||
/>
|
||
<img
|
||
id="help-pic1-svg"
|
||
class="theme_dark"
|
||
src="../img/dark/help_pic11.svg"
|
||
alt="Just starting out with DooTask? No problem, this primer is for you!"
|
||
/>
|
||
<div class="help-pic1-tips">
|
||
<h2
|
||
class="help-pic1-tips-h2 txt-6003652"
|
||
>
|
||
User Manual
|
||
</h2>
|
||
<h6
|
||
class="help-pic1-tips-h6 txt-4001624"
|
||
>
|
||
Just starting out with DooTask?
|
||
No problem, this primer is for
|
||
you!
|
||
</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"
|
||
>
|
||
What is DooTask?
|
||
</h4>
|
||
<h6 class="txt-4001624 help-h6">
|
||
DooTask is a lightweight open
|
||
source online project task
|
||
management tool that provides
|
||
various document collaboration
|
||
tools, online mind mapping,
|
||
online flowcharting, project
|
||
management, task distribution,
|
||
instant IM, file management and
|
||
other tools. It helps teams to
|
||
advance their projects
|
||
efficiently and makes work
|
||
easier.
|
||
</h6>
|
||
</li>
|
||
<li class="r-ul-item mb-36">
|
||
<h4
|
||
class="txt-5002430 help-h4 mb-24"
|
||
>
|
||
What is task management?
|
||
</h4>
|
||
<h6
|
||
class="txt-4001624 help-h6 mb-16"
|
||
>
|
||
Task management is the process
|
||
of monitoring your project's
|
||
tasks through their various
|
||
stages from start to finish.
|
||
This involves actively making
|
||
decisions for your tasks to
|
||
accommodate changes that can
|
||
occur real-time, with your end
|
||
goal being the successful
|
||
completion of your tasks.
|
||
Project task management also
|
||
means managing all aspects of a
|
||
task like budget, time, scope,
|
||
resources, recurrence and so on
|
||
effectively.
|
||
</h6>
|
||
<!-- <img class="r-ul-item-pic1" id="help_pic2" src="../img/light/help_pic2.png" alt="What is task management?">-->
|
||
</li>
|
||
<li class="r-ul-item mb-36">
|
||
<h4
|
||
class="txt-5002430 help-h4 mb-24"
|
||
>
|
||
How to manage tasks?
|
||
</h4>
|
||
<h6
|
||
class="txt-4001624 help-h6 mb-12"
|
||
>
|
||
Here are some key steps involved
|
||
in task management:
|
||
</h6>
|
||
<h6
|
||
class="txt-4001624 help-h6 mb-12"
|
||
>
|
||
<i class="help-h6-bold"
|
||
>Prioritization: </i
|
||
>Whatever tool you use to manage
|
||
your tasks, whether a simple
|
||
to-do list or a comprehensive
|
||
project task management tool,
|
||
the most important aspect of
|
||
task management is
|
||
prioritization. This helps in
|
||
efficiently completing all the
|
||
tasks involved while maintaining
|
||
the planned constraints.
|
||
</h6>
|
||
<h6
|
||
class="txt-4001624 help-h6 mb-12"
|
||
>
|
||
<i class="help-h6-bold"
|
||
>Milestone tracking: </i
|
||
>The findings of this study also
|
||
show that establishing clear
|
||
goals is essential to the
|
||
successful completion of a
|
||
project. Although for task
|
||
management an end goal isn't
|
||
necessary, defining milestones
|
||
helps motivate teams to execute
|
||
tasks successfully.
|
||
</h6>
|
||
<h6
|
||
class="txt-4001624 help-h6 mb-16"
|
||
>
|
||
<i class="help-h6-bold"
|
||
>Schedule management: </i
|
||
>Making sure your task gets
|
||
completed on time is something
|
||
that has an impact on the
|
||
overall project health.
|
||
Attributing the right time frame
|
||
by estimating the effort
|
||
involved is key here.
|
||
</h6>
|
||
<!-- <img class="r-ul-item-pic1" id="help_pic3" src="../img/light/help_pic3.png" alt="How to manage tasks?">-->
|
||
</li>
|
||
<li class="r-ul-item mb-36">
|
||
<h4
|
||
class="txt-5002430 help-h4 mb-24"
|
||
>
|
||
How to choose the right task
|
||
management software?
|
||
</h4>
|
||
<h6 class="txt-4001624 help-h6">
|
||
Depending on your purpose, price
|
||
range, existing work environment
|
||
and preferred platform, there
|
||
are several project and task
|
||
management tools available. From
|
||
simple checklists which may not
|
||
even require an internet
|
||
connection to a full-fledged
|
||
project task management
|
||
software, the capabilities are
|
||
varied. There are also software
|
||
options that fit specific
|
||
industries like construction, IT
|
||
or education or specific
|
||
functions like crm task
|
||
management.
|
||
</h6>
|
||
</li>
|
||
<li
|
||
class="r-ul-item mb-36"
|
||
id="section-2"
|
||
>
|
||
<h4
|
||
class="txt-5002430 help-h4 mb-24"
|
||
>
|
||
Registered Account
|
||
</h4>
|
||
<h6 class="txt-4001624 help-h6">
|
||
(1) Click [Register Account] to
|
||
enter the registration page;
|
||
</h6>
|
||
<img
|
||
class="r-ul-item-pic1"
|
||
id="help_pic_register1"
|
||
src="../img/light/help_pic_register1.png"
|
||
alt="Registered Account"
|
||
/>
|
||
<h6 class="txt-4001624 help-h6">
|
||
(2) In the corresponding input
|
||
box on the registration page,
|
||
enter your email
|
||
address/password/invitation code
|
||
respectively to create a DooTask
|
||
account, and click [Register] to
|
||
complete the account
|
||
registration.
|
||
</h6>
|
||
<img
|
||
class="r-ul-item-pic1"
|
||
id="help_pic_register2"
|
||
src="../img/light/help_pic_register2.png"
|
||
alt="Registered Account"
|
||
/>
|
||
</li>
|
||
<li class="r-ul-item mb-36">
|
||
<h4
|
||
class="txt-5002430 help-h4 mb-24"
|
||
>
|
||
Login to your account
|
||
</h4>
|
||
<h6
|
||
class="txt-4001624 help-h6-bold"
|
||
>
|
||
Account Password Login
|
||
</h6>
|
||
<h6 class="txt-4001624 help-h6">
|
||
(1) Enter your email
|
||
address/password in the
|
||
corresponding input box on the
|
||
login page;
|
||
</h6>
|
||
<h6 class="txt-4001624 help-h6">
|
||
(2) Click [Login] to access your
|
||
account.
|
||
</h6>
|
||
<img
|
||
class="r-ul-item-pic1"
|
||
id="help_pic_login1"
|
||
src="../img/light/help_pic_login1.png"
|
||
alt="Account Password Login"
|
||
/>
|
||
<h6
|
||
class="txt-4001624 help-h6-bold"
|
||
>
|
||
Scan Code To Login
|
||
</h6>
|
||
<h6 class="txt-4001624 help-h6">
|
||
(1) Click the green QR code at
|
||
the top right corner of the
|
||
login page to enter the code
|
||
scanning login page;
|
||
</h6>
|
||
<img
|
||
class="r-ul-item-pic1"
|
||
id="help_pic_login2"
|
||
src="../img/light/help_pic_login2.png"
|
||
alt="Scan Code To Login"
|
||
/>
|
||
<h6 class="txt-4001624 help-h6">
|
||
(2) Use DooTask Mobile to scan
|
||
the QR code to log in to your
|
||
account.
|
||
</h6>
|
||
<img
|
||
class="r-ul-item-pic1"
|
||
id="help_pic_login3"
|
||
src="../img/light/help_pic_login3.png"
|
||
alt="Scan Code To Login"
|
||
/>
|
||
</li>
|
||
<li
|
||
class="r-ul-item mb-36"
|
||
id="section-3"
|
||
>
|
||
<h4
|
||
class="txt-5002430 help-h4 mb-24"
|
||
>
|
||
Task Reminder Robot
|
||
</h4>
|
||
<h6 class="txt-4001624 help-h6">
|
||
Open the [Message] button in the
|
||
left navigation bar of DooTask,
|
||
you can view the "Task
|
||
Reminder", the task reminder
|
||
robot according to the
|
||
associated task change status
|
||
real-time update reminder, such
|
||
as the new task prompts, task
|
||
modification prompts, task
|
||
expiration prompts, and so on.
|
||
</h6>
|
||
<img
|
||
class="r-ul-item-pic1"
|
||
id="help_pic_note1"
|
||
src="../img/light/help_pic_note1.png"
|
||
alt="Task Reminder Robot"
|
||
/>
|
||
</li>
|
||
<li class="r-ul-item mb-36">
|
||
<h4
|
||
class="txt-5002430 help-h4 mb-24"
|
||
>
|
||
Check-in And Clock-out Robot
|
||
</h4>
|
||
<h6 class="txt-4001624 help-h6">
|
||
Open the [Message] button in the
|
||
left navigation bar of DooTask,
|
||
you can view the "Check-in and
|
||
Punch-in", Check-in and Punch-in
|
||
Robot automatically records the
|
||
employee's daily check-in and
|
||
punch-in data to help users
|
||
achieve effective work progress
|
||
management and time planning.
|
||
</h6>
|
||
<img
|
||
class="r-ul-item-pic1"
|
||
id="help_pic_note2"
|
||
src="../img/light/help_pic_note2.png"
|
||
alt="Check-in And Clock-out Robot"
|
||
/>
|
||
</li>
|
||
<li
|
||
class="r-ul-item mb-36"
|
||
id="section-4"
|
||
>
|
||
<h4
|
||
class="txt-5002430 help-h4 mb-24"
|
||
>
|
||
Personal Information Settings
|
||
</h4>
|
||
<h6 class="txt-4001624 help-h6">
|
||
(1) Click [Avatar] in the upper
|
||
right corner of the user → click
|
||
[Personal Settings] to select
|
||
the personal settings page, you
|
||
can modify your personal
|
||
avatar/telephone/nickname/position
|
||
(title) and other information;
|
||
</h6>
|
||
<h6 class="txt-4001624 help-h6">
|
||
(2) Click [Submit] to confirm
|
||
the changes and [Reset] to clear
|
||
the current settings.
|
||
</h6>
|
||
<img
|
||
class="r-ul-item-pic1"
|
||
id="help_pic_set1"
|
||
src="../img/light/help_pic_set1.png"
|
||
alt="Personal Information Settings"
|
||
/>
|
||
</li>
|
||
<li class="r-ul-item mb-36">
|
||
<h4
|
||
class="txt-5002430 help-h4 mb-24"
|
||
>
|
||
Check-in Settings
|
||
</h4>
|
||
<h6 class="txt-4001624 help-h6">
|
||
(1) Click the user's upper-right
|
||
corner [avatar] → click
|
||
[Personal Settings] → click
|
||
[Sign-in Settings], that is, to
|
||
display the last five days of
|
||
the sign-in record, click the
|
||
bottom of the [View more sign-in
|
||
data] to view the history of the
|
||
sign-in record;
|
||
</h6>
|
||
<img
|
||
class="r-ul-item-pic1"
|
||
id="help_pic_set2"
|
||
src="../img/light/help_pic_set2.png"
|
||
alt="Check-in Settings"
|
||
/>
|
||
<h6 class="txt-4001624 help-h6">
|
||
(2) In the corresponding input
|
||
box under the check-in setting
|
||
column, enter the device MAC
|
||
address/remarks information, and
|
||
associate the device to connect
|
||
to the designated router (WiFi)
|
||
to achieve automatic check-in,
|
||
if you need to add other
|
||
devices, you can click [Add
|
||
Device] to add new ones;
|
||
</h6>
|
||
<h6 class="txt-4001624 help-h6">
|
||
(3) Click [Submit] to confirm
|
||
the changes and [Reset] to clear
|
||
the current settings.
|
||
</h6>
|
||
<img
|
||
class="r-ul-item-pic1"
|
||
id="help_pic_set3"
|
||
src="../img/light/help_pic_set3.png"
|
||
alt="Check-in Settings"
|
||
/>
|
||
</li>
|
||
<li class="r-ul-item mb-36">
|
||
<h4
|
||
class="txt-5002430 help-h4 mb-24"
|
||
>
|
||
Shortcut Key Setting
|
||
</h4>
|
||
<h6 class="txt-4001624 help-h6">
|
||
(1) Click [Avatar] in the upper
|
||
right corner of the user → click
|
||
[Personal Settings] → click
|
||
[Shortcut Keys], you can
|
||
customise the shortcut key
|
||
combinations according to your
|
||
personal habits;
|
||
</h6>
|
||
<h6 class="txt-4001624 help-h6">
|
||
(2) Click [Save] to confirm the
|
||
changes and [Reset] to clear the
|
||
current settings.
|
||
</h6>
|
||
<img
|
||
class="r-ul-item-pic1"
|
||
id="help_pic_set4"
|
||
src="../img/light/help_pic_set4.png"
|
||
alt="Shortcut Key Setting"
|
||
/>
|
||
</li>
|
||
<li class="r-ul-item mb-36">
|
||
<h4
|
||
class="txt-5002430 help-h4 mb-24"
|
||
>
|
||
Language Settings
|
||
</h4>
|
||
<h6 class="txt-4001624 help-h6">
|
||
(1) Click [Avatar] in the upper
|
||
right corner of the user → click
|
||
[Personal Settings] → click
|
||
[Language Settings], click the
|
||
drop-down icon in the box to the
|
||
right of the selected language
|
||
to switch between different
|
||
languages. The system currently
|
||
supports Simplified Chinese,
|
||
Traditional Chinese, English,
|
||
Korean, Japanese, German, French
|
||
and Indonesian;
|
||
</h6>
|
||
<h6 class="txt-4001624 help-h6">
|
||
(2) Click [Submit] to confirm
|
||
the changes and [Reset] to clear
|
||
the current settings.
|
||
</h6>
|
||
<img
|
||
class="r-ul-item-pic1"
|
||
id="help_pic_set5"
|
||
src="../img/light/help_pic_set5.png"
|
||
alt="Language Settings"
|
||
/>
|
||
</li>
|
||
<li class="r-ul-item mb-36">
|
||
<h4
|
||
class="txt-5002430 help-h4 mb-24"
|
||
>
|
||
Theme Setting
|
||
</h4>
|
||
<h6 class="txt-4001624 help-h6">
|
||
(1) Click the user's upper-right
|
||
corner [avatar] → click
|
||
[Personal Settings] → click
|
||
[Theme Settings], click to
|
||
select the theme of the right
|
||
side of the box drop-down icon,
|
||
you can switch to the
|
||
corresponding theme, the system
|
||
currently supports the bright /
|
||
dark two themes;
|
||
</h6>
|
||
<h6 class="txt-4001624 help-h6">
|
||
(2) Click [Submit] to confirm
|
||
the changes and [Reset] to clear
|
||
the current settings.
|
||
</h6>
|
||
<img
|
||
class="r-ul-item-pic1"
|
||
id="help_pic_set6"
|
||
src="../img/light/help_pic_set6.png"
|
||
alt="Theme Setting"
|
||
/>
|
||
</li>
|
||
<li class="r-ul-item mb-36">
|
||
<h4
|
||
class="txt-5002430 help-h4 mb-24"
|
||
>
|
||
Password Setting
|
||
</h4>
|
||
<h6 class="txt-4001624 help-h6">
|
||
(1) Click [Avatar] in the upper
|
||
right corner of the user → click
|
||
[Personal Settings] → click
|
||
[Password Settings], enter the
|
||
user's old password → enter the
|
||
user's new password → enter the
|
||
user's new password again to
|
||
confirm;
|
||
</h6>
|
||
<h6 class="txt-4001624 help-h6">
|
||
(2) Click [Submit] to confirm
|
||
the changes and [Reset] to clear
|
||
the current settings.
|
||
</h6>
|
||
<img
|
||
class="r-ul-item-pic1"
|
||
id="help_pic_set7"
|
||
src="../img/light/help_pic_set7.png"
|
||
alt="Password Setting"
|
||
/>
|
||
</li>
|
||
<li class="r-ul-item mb-36">
|
||
<h4
|
||
class="txt-5002430 help-h4 mb-24"
|
||
>
|
||
Modify Mailbox
|
||
</h4>
|
||
<h6 class="txt-4001624 help-h6">
|
||
(1) Click [Avatar] in the upper
|
||
left corner of the user → click
|
||
[Personal Settings] → click
|
||
[Modify Mailbox], enter the new
|
||
mailbox address and click [Send
|
||
Verification Code] and enter the
|
||
verification code;
|
||
</h6>
|
||
<h6 class="txt-4001624 help-h6">
|
||
(2) Click [Submit] to confirm
|
||
the changes and [Reset] to clear
|
||
the current settings.
|
||
</h6>
|
||
<img
|
||
class="r-ul-item-pic1"
|
||
id="help_pic_set8"
|
||
src="../img/light/help_pic_set8.png"
|
||
alt="Modify Mailbox"
|
||
/>
|
||
</li>
|
||
<li
|
||
class="r-ul-item mb-36"
|
||
id="section-5"
|
||
>
|
||
<h4
|
||
class="txt-5002430 help-h4 mb-24"
|
||
>
|
||
Multi-style project management
|
||
templates
|
||
</h4>
|
||
<h6 class="txt-4001624 help-h6">
|
||
DooTask template to meet a
|
||
variety of team collaboration
|
||
scenarios, while supporting
|
||
custom templates to meet the
|
||
team's personalised scenario
|
||
management needs, you can
|
||
intuitively view the progress of
|
||
the project, team collaboration
|
||
is more convenient.
|
||
</h6>
|
||
</li>
|
||
<li class="r-ul-item mb-36">
|
||
<h4
|
||
class="txt-5002430 help-h4 mb-24"
|
||
>
|
||
Visualisation Project Office
|
||
</h4>
|
||
<h6 class="txt-4001624 help-h6">
|
||
Use multiple views such as
|
||
Kanban, tables, and lists to
|
||
keep the overall project at a
|
||
glance; members have the
|
||
flexibility to filter, sort, and
|
||
group tasks to prioritise the
|
||
essentials and stay focused.
|
||
</h6>
|
||
</li>
|
||
<li class="r-ul-item mb-36">
|
||
<h4
|
||
class="txt-5002430 help-h4 mb-24"
|
||
>
|
||
Real-time monitoring of project
|
||
management developments
|
||
</h4>
|
||
<h6 class="txt-4001624 help-h6">
|
||
Real-time changes in project
|
||
dynamics, specific task changes
|
||
record reminders, so that the
|
||
team to control the overall
|
||
project process, the development
|
||
of appropriate plans.
|
||
</h6>
|
||
</li>
|
||
<li
|
||
class="r-ul-item mb-36"
|
||
id="section-6"
|
||
>
|
||
<h4
|
||
class="txt-5002430 help-h4 mb-24"
|
||
>
|
||
Create A Project
|
||
</h4>
|
||
<h6 class="txt-4001624 help-h6">
|
||
(1) Click [New Project] at the
|
||
bottom left corner of the
|
||
DooTask page;
|
||
</h6>
|
||
<img
|
||
class="r-ul-item-pic1"
|
||
id="help_pic_new_project1"
|
||
src="../img/light/help_pic_new_project1.png"
|
||
alt="Create A Project"
|
||
/>
|
||
<h6 class="txt-4001624 help-h6">
|
||
(2) In the new project pop-up
|
||
window that appears, enter the
|
||
project name (required and can
|
||
not be less than two words) ¡ú
|
||
select the project template
|
||
(default blank template) ¡ú
|
||
select whether to open the
|
||
workflow;
|
||
</h6>
|
||
<h6 class="txt-4001624 help-h6">
|
||
(3) Click [Add] to complete the
|
||
project creation.
|
||
</h6>
|
||
<img
|
||
class="r-ul-item-pic1"
|
||
id="help_pic_new_project2"
|
||
src="../img/light/help_pic_new_project2.png"
|
||
alt="Create A Project"
|
||
/>
|
||
</li>
|
||
<li
|
||
class="r-ul-item mb-36"
|
||
id="section-7"
|
||
>
|
||
<h4
|
||
class="txt-5002430 help-h4 mb-24"
|
||
>
|
||
Multi-view Task List
|
||
</h4>
|
||
<h6 class="txt-4001624 help-h6">
|
||
(1) Open DooTask page and click
|
||
the corresponding project name
|
||
button on the left side to
|
||
display the list of all tasks
|
||
belonging to the project;
|
||
</h6>
|
||
<img
|
||
class="r-ul-item-pic1"
|
||
id="help_pic_new_project3"
|
||
src="../img/light/help_pic_new_project3.png"
|
||
alt="Multi-view Task List"
|
||
/>
|
||
<h6 class="txt-4001624 help-h6">
|
||
(2) Click the corresponding
|
||
[Switch View] icon in the upper
|
||
left corner to view the task
|
||
classification/task
|
||
priority/responsible person/due
|
||
time information of the
|
||
corresponding task.
|
||
</h6>
|
||
<img
|
||
class="r-ul-item-pic1"
|
||
id="help_pic_new_project4"
|
||
src="../img/light/help_pic_new_project4.png"
|
||
alt="Multi-view Task List"
|
||
/>
|
||
</li>
|
||
<li class="r-ul-item mb-36">
|
||
<h4
|
||
class="txt-5002430 help-h4 mb-24"
|
||
>
|
||
Completed Tasks Display
|
||
</h4>
|
||
<h6 class="txt-4001624 help-h6">
|
||
(1) Under normal circumstances,
|
||
"Completed Tasks" will be
|
||
automatically hidden in the task
|
||
list and will not be displayed;
|
||
</h6>
|
||
<h6 class="txt-4001624 help-h6">
|
||
(2) Check the [Show Completed]
|
||
icon in the upper-right corner
|
||
of the project task list to view
|
||
the "Completed Tasks".
|
||
</h6>
|
||
<img
|
||
class="r-ul-item-pic1"
|
||
id="help_pic_new_project5"
|
||
src="../img/light/help_pic_new_project5.png"
|
||
alt="Completed Tasks Display"
|
||
/>
|
||
</li>
|
||
<li
|
||
class="r-ul-item mb-36"
|
||
id="section-8"
|
||
>
|
||
<h4
|
||
class="txt-5002430 help-h4 mb-24"
|
||
>
|
||
Project Dynamic Display
|
||
</h4>
|
||
<h6 class="txt-4001624 help-h6">
|
||
(1) On the corresponding project
|
||
page, click the [Project
|
||
Dynamics] icon in the upper-left
|
||
corner to view the operation
|
||
history of project members
|
||
according to the date.
|
||
</h6>
|
||
<img
|
||
class="r-ul-item-pic1"
|
||
id="help_pic_new_project6"
|
||
src="../img/light/help_pic_new_project6.png"
|
||
alt="Project Dynamic Display"
|
||
/>
|
||
<img
|
||
class="r-ul-item-pic1"
|
||
id="help_pic_new_project7"
|
||
src="../img/light/help_pic_new_project7.png"
|
||
alt="Project Dynamic Display"
|
||
/>
|
||
</li>
|
||
<li
|
||
class="r-ul-item mb-36"
|
||
id="section-9"
|
||
>
|
||
<h4
|
||
class="txt-5002430 help-h4 mb-24"
|
||
>
|
||
Creating Tasks
|
||
</h4>
|
||
<h6 class="txt-4001624 help-h6">
|
||
(1) Select the project name to
|
||
enter the task list, and click
|
||
the [New Task] icon in the upper
|
||
left corner of the corresponding
|
||
task list;
|
||
</h6>
|
||
<img
|
||
class="r-ul-item-pic1"
|
||
id="help_pic_creat_task1"
|
||
src="../img/light/help_pic_creat_task1.png"
|
||
alt="Creating Tasks"
|
||
/>
|
||
<h6 class="txt-4001624 help-h6">
|
||
(2) Enter task
|
||
description/detailed
|
||
description, select task
|
||
priority/task time/task
|
||
leader/visibility and other
|
||
information in the corresponding
|
||
input box, and add subtasks as
|
||
required;
|
||
</h6>
|
||
<h6 class="txt-4001624 help-h6">
|
||
(3) Click [Add Task] in the
|
||
lower right corner of the Create
|
||
Task page to complete the
|
||
creation of a new task.
|
||
</h6>
|
||
<img
|
||
class="r-ul-item-pic1"
|
||
id="help_pic_creat_task2"
|
||
src="../img/light/help_pic_creat_task2.png"
|
||
alt="Creating Tasks"
|
||
/>
|
||
</li>
|
||
<li class="r-ul-item mb-36">
|
||
<h4
|
||
class="txt-5002430 help-h4 mb-24"
|
||
>
|
||
Mission Dashboard
|
||
</h4>
|
||
<h6 class="txt-4001624 help-h6">
|
||
Click [Dashboard] on the left
|
||
side of the DooTask page to
|
||
display task statistics (showing
|
||
tasks due today, overdue tasks,
|
||
and pending tasks).
|
||
</h6>
|
||
<img
|
||
class="r-ul-item-pic1"
|
||
id="help_pic_creat_task3"
|
||
src="../img/light/help_pic_creat_task3.png"
|
||
alt="Mission Dashboard"
|
||
/>
|
||
</li>
|
||
<li class="r-ul-item mb-36">
|
||
<h4
|
||
class="txt-5002430 help-h4 mb-24"
|
||
>
|
||
Duration Of The Mission
|
||
</h4>
|
||
<h6 class="txt-4001624 help-h6">
|
||
Select the task that needs to be
|
||
modified, open the task detail
|
||
page, click [Deadline] to modify
|
||
the task time according to the
|
||
actual situation.
|
||
</h6>
|
||
<img
|
||
class="r-ul-item-pic1"
|
||
id="help_pic_set4"
|
||
src="../img/light/help_pic_creat_task4.png"
|
||
alt="Duration Of The Mission"
|
||
/>
|
||
</li>
|
||
<li class="r-ul-item mb-36">
|
||
<h4
|
||
class="txt-5002430 help-h4 mb-24"
|
||
>
|
||
Task visibility
|
||
</h4>
|
||
<h6 class="txt-4001624 help-h6">
|
||
Select the corresponding task,
|
||
open the task detail page, and
|
||
click [Visibility] to select
|
||
project personnel/task
|
||
personnel/specified members to
|
||
be visible as needed.
|
||
</h6>
|
||
<img
|
||
class="r-ul-item-pic1"
|
||
id="help_pic_set5"
|
||
src="../img/light/help_pic_creat_task5.png"
|
||
alt="Task Visibility"
|
||
/>
|
||
</li>
|
||
<li
|
||
class="r-ul-item mb-36"
|
||
id="section-10"
|
||
>
|
||
<h4
|
||
class="txt-5002430 help-h4 mb-24"
|
||
>
|
||
Task Priority
|
||
</h4>
|
||
<h6 class="txt-4001624 help-h6">
|
||
In the task creation window and
|
||
task details page, you can set
|
||
the task priority as needed. The
|
||
system currently supports four
|
||
major task priorities: important
|
||
and urgent, important and not
|
||
urgent, urgent and not
|
||
important, and not important and
|
||
not urgent. (You can change the
|
||
priority according to the task
|
||
situation)
|
||
</h6>
|
||
<img
|
||
class="r-ul-item-pic1"
|
||
id="help_pic_creat_task6"
|
||
src="../img/light/help_pic_creat_task6.png"
|
||
alt="Task Priority"
|
||
/>
|
||
</li>
|
||
<li
|
||
class="r-ul-item mb-36"
|
||
id="section-11"
|
||
>
|
||
<h4
|
||
class="txt-5002430 help-h4 mb-24"
|
||
>
|
||
Citing Associated Documents and
|
||
Tasks
|
||
</h4>
|
||
<h6 class="txt-4001624 help-h6">
|
||
Select the corresponding task,
|
||
open the task detail page, enter
|
||
the associated file link/task in
|
||
the input box of the chat window
|
||
on the right side of the page,
|
||
and click the [Send] icon to
|
||
quote it.
|
||
</h6>
|
||
<img
|
||
class="r-ul-item-pic1"
|
||
id="help_pic_creat_task7"
|
||
src="../img/light/help_pic_creat_task7.png"
|
||
alt="Citing Associated Documents and Tasks"
|
||
/>
|
||
</li>
|
||
<li class="r-ul-item mb-36">
|
||
<h4
|
||
class="txt-5002430 help-h4 mb-24"
|
||
>
|
||
Mission Affiliates
|
||
</h4>
|
||
<h6 class="txt-4001624 help-h6">
|
||
Select the corresponding task,
|
||
open the task details page, in
|
||
the chat window on the right
|
||
side of the page in the input
|
||
box @ the task associated with
|
||
the personnel account nickname,
|
||
click on the [Send] icon, the
|
||
members of the task instantly
|
||
enter the group chat.
|
||
</h6>
|
||
<img
|
||
class="r-ul-item-pic1"
|
||
id="help_pic_creat_task8"
|
||
src="../img/light/help_pic_creat_task8.png"
|
||
alt="Mission Affiliates"
|
||
/>
|
||
</li>
|
||
<li class="r-ul-item mb-36">
|
||
<h4
|
||
class="txt-5002430 help-h4 mb-24"
|
||
>
|
||
Task Force Meeting
|
||
</h4>
|
||
<h6 class="txt-4001624 help-h6">
|
||
Select the corresponding task,
|
||
open the task details page, and
|
||
click the [Expand] icon at the
|
||
bottom right of the chat window
|
||
on the right side of the page to
|
||
launch a group video/voice
|
||
conference for all members in
|
||
the task group chat.
|
||
</h6>
|
||
<h6 class="txt-4001624 help-h6">
|
||
Group video/voice conferencing
|
||
can be initiated for all members
|
||
within a task group chat.
|
||
</h6>
|
||
<img
|
||
class="r-ul-item-pic1"
|
||
id="help_pic_creat_task9"
|
||
src="../img/light/help_pic_creat_task9.png"
|
||
alt="Task Force Meeting"
|
||
/>
|
||
</li>
|
||
<li
|
||
class="r-ul-item mb-36"
|
||
id="section-12"
|
||
>
|
||
<h4
|
||
class="txt-5002430 help-h4 mb-24"
|
||
>
|
||
Project Dynamic Display
|
||
</h4>
|
||
<h6 class="txt-4001624 help-h6">
|
||
In the corresponding task detail
|
||
page, click the [Task Dynamics]
|
||
icon in the upper right corner
|
||
to view the operation history of
|
||
task members according to the
|
||
date.
|
||
</h6>
|
||
<img
|
||
class="r-ul-item-pic1"
|
||
id="help_pic_creat_task10"
|
||
src="../img/light/help_pic_creat_task10.png"
|
||
alt="Project Dynamic Display"
|
||
/>
|
||
</li>
|
||
|
||
<li
|
||
class="r-ul-item mb-36"
|
||
id="section-13"
|
||
>
|
||
<h4
|
||
class="txt-5002430 help-h4 mb-24"
|
||
>
|
||
Corporate Governance
|
||
</h4>
|
||
<h6 class="txt-4001624 help-h6">
|
||
Helping organisations to their
|
||
corporate goals, connecting
|
||
objectives, key results and
|
||
individual work, and working
|
||
together to drive strategy to
|
||
fruition and goals to be
|
||
achieved;
|
||
</h6>
|
||
<h6 class="txt-4001624 help-h6">
|
||
Through collaborative authoring,
|
||
the progress, completion status
|
||
and schedule of all enterprise
|
||
work are shared to facilitate
|
||
the flow of information, so that
|
||
all staff can access key project
|
||
information, follow up in a
|
||
timely manner and promote
|
||
cross-departmental
|
||
collaboration.
|
||
</h6>
|
||
</li>
|
||
<li class="r-ul-item mb-36">
|
||
<h4
|
||
class="txt-5002430 help-h4 mb-24"
|
||
>
|
||
Product Management
|
||
</h4>
|
||
<h6 class="txt-4001624 help-h6">
|
||
Customise the workflow of the
|
||
product development process,
|
||
assign tasks to different roles
|
||
at different stages to promote
|
||
the product development process;
|
||
archive the history of each
|
||
completed project and task, so
|
||
that it is easy to call or
|
||
discuss at any time, forming a
|
||
closed loop of knowledge
|
||
precipitation to reuse.
|
||
</h6>
|
||
</li>
|
||
<li class="r-ul-item mb-36">
|
||
<h4
|
||
class="txt-5002430 help-h4 mb-24"
|
||
>
|
||
Personnel Administration
|
||
</h4>
|
||
<h6 class="txt-4001624 help-h6">
|
||
Obtain multi-dimensional
|
||
corporate data through data
|
||
visualisation statistical
|
||
reports to gain a comprehensive
|
||
understanding of employee
|
||
performance and make performance
|
||
evaluation more objective and
|
||
fair; use announcements to
|
||
release notices, arrange company
|
||
activities, deliver corporate
|
||
decisions, facilitate the
|
||
shaping of corporate culture and
|
||
make employees more engaged.
|
||
</h6>
|
||
</li>
|
||
<li
|
||
class="r-ul-item mb-36"
|
||
id="section-14"
|
||
>
|
||
<h4
|
||
class="txt-5002430 help-h4 mb-24"
|
||
>
|
||
Working Report
|
||
</h4>
|
||
<h6 class="txt-4001624 help-h6">
|
||
1 My debriefing:
|
||
</h6>
|
||
<h6 class="txt-4001624 help-h6">
|
||
Report Search
|
||
</h6>
|
||
<h6 class="txt-4001624 help-h6">
|
||
Click on the user's avatar in
|
||
the upper-left corner → click on
|
||
[Work Reports] → click on [My
|
||
Reports], select the type of
|
||
report/reporting time that needs
|
||
to be queried on the upper-left
|
||
side of the page, and click on
|
||
[Search] to instantly display
|
||
the relevant report data.
|
||
</h6>
|
||
<img
|
||
class="r-ul-item-pic1"
|
||
id="help_pic_team1"
|
||
src="../img/light/help_pic_team1.png"
|
||
alt="Report Search"
|
||
/>
|
||
<h6 class="txt-4001624 help-h6">
|
||
Reporting Record Display
|
||
</h6>
|
||
<h6 class="txt-4001624 help-h6">
|
||
Click the user's avatar in the
|
||
upper-left corner → click [Work
|
||
Reports] → click [My Reports],
|
||
and you can view the
|
||
name/type/reporting
|
||
time/reporting object/operation
|
||
and other information of the
|
||
corresponding report on the Work
|
||
Reports page.
|
||
</h6>
|
||
<img
|
||
class="r-ul-item-pic1"
|
||
id="help_pic_team2"
|
||
src="../img/light/help_pic_team2.png"
|
||
alt="Reporting Record Display"
|
||
/>
|
||
<h6 class="txt-4001624 help-h6">
|
||
Additional Reports
|
||
</h6>
|
||
<h6 class="txt-4001624 help-h6">
|
||
(1) Click on the user's avatar
|
||
in the upper-left corner → Click
|
||
on [Work Reports] → Click on
|
||
[Add Report];
|
||
</h6>
|
||
<h6 class="txt-4001624 help-h6">
|
||
(2) On the New Report page,
|
||
select the report type (select
|
||
Weekly/Daily)/reporting object
|
||
(you can directly use the object
|
||
of the last report), enter the
|
||
corresponding report content,
|
||
and click [Submit] to complete
|
||
the report.
|
||
</h6>
|
||
<img
|
||
class="r-ul-item-pic1"
|
||
id="help_pic_team3"
|
||
src="../img/light/help_pic_team3.png"
|
||
alt="Additional Reports"
|
||
/>
|
||
<img
|
||
class="r-ul-item-pic1"
|
||
id="help_pic_team4"
|
||
src="../img/light/help_pic_team4.png"
|
||
alt="Additional Reports"
|
||
/>
|
||
<h6 class="txt-4001624 help-h6">
|
||
2 Report received:
|
||
</h6>
|
||
<h6 class="txt-4001624 help-h6">
|
||
Report Search
|
||
</h6>
|
||
<h6 class="txt-4001624 help-h6">
|
||
Click on the user's avatar in
|
||
the upper-left corner → click on
|
||
[Work Reports] → click on
|
||
[Received Reports], select the
|
||
keywords/reporting
|
||
type/reporting time that you
|
||
need to query on the upper-left
|
||
side of the page, and click on
|
||
[Search] to instantly display
|
||
the relevant report data.
|
||
</h6>
|
||
<img
|
||
class="r-ul-item-pic1"
|
||
id="help_pic_team5"
|
||
src="../img/light/help_pic_team5.png"
|
||
alt="Report Search"
|
||
/>
|
||
<h6 class="txt-4001624 help-h6">
|
||
Reporting Record Display
|
||
</h6>
|
||
<h6 class="txt-4001624 help-h6">
|
||
Click the user's avatar in the
|
||
upper-left corner → click [Work
|
||
Reports] → click [Received
|
||
Reports], and you can view the
|
||
title/type/receipt
|
||
time//operation of the
|
||
corresponding report on the Work
|
||
Reports page.
|
||
</h6>
|
||
<img
|
||
class="r-ul-item-pic1"
|
||
id="help_pic_team6"
|
||
src="../img/light/help_pic_team6.png"
|
||
alt="Reporting Record Display"
|
||
/>
|
||
</li>
|
||
<li class="r-ul-item mb-36">
|
||
<h4
|
||
class="txt-5002430 help-h4 mb-24"
|
||
>
|
||
Data Dxport
|
||
</h4>
|
||
<h6 class="txt-4001624 help-h6">
|
||
Click the user's avatar in the
|
||
upper-left corner → click [Team
|
||
Management], and select [Export
|
||
Task Statistics] / [Export
|
||
Overdue Tasks] / [Export
|
||
Approval Data] / [Export
|
||
Check-In Data] according to your
|
||
needs to export the associated
|
||
data records.
|
||
</h6>
|
||
<img
|
||
class="r-ul-item-pic1"
|
||
id="help_pic_team7"
|
||
src="../img/light/help_pic_team7.png"
|
||
alt="Data Dxport"
|
||
/>
|
||
</li>
|
||
<li
|
||
class="r-ul-item mb-36"
|
||
id="section-15"
|
||
>
|
||
<h4
|
||
class="txt-5002430 help-h4 mb-24"
|
||
>
|
||
New Sectors
|
||
</h4>
|
||
<h6 class="txt-4001624 help-h6">
|
||
(1) Click on the user's avatar
|
||
in the upper-left corner → Click
|
||
on the "Team Management" option
|
||
in the [Team Management] list,
|
||
and then click on [New
|
||
Department] in the lower-left
|
||
corner of the page;
|
||
</h6>
|
||
<img
|
||
class="r-ul-item-pic1"
|
||
id="help_pic_team8"
|
||
src="../img/light/help_pic_team8.png"
|
||
alt="New Sectors"
|
||
/>
|
||
<h6 class="txt-4001624 help-h6">
|
||
(2) Enter the name of the
|
||
department in the New Department
|
||
pop-up window that appears →
|
||
Select the parent department →
|
||
Add the department head → Choose
|
||
to create a departmental group
|
||
chat or use an existing group
|
||
chat;
|
||
</h6>
|
||
<h6 class="txt-4001624 help-h6">
|
||
(3) Click [New] to complete the
|
||
creation of a new department.
|
||
</h6>
|
||
<img
|
||
class="r-ul-item-pic1"
|
||
id="help_pic_team9"
|
||
src="../img/light/help_pic_team9.png"
|
||
alt="New Sectors"
|
||
/>
|
||
</li>
|
||
<li class="r-ul-item mb-36">
|
||
<h4
|
||
class="txt-5002430 help-h4 mb-24"
|
||
>
|
||
Search For Members
|
||
</h4>
|
||
<h6 class="txt-4001624 help-h6">
|
||
Click on the user's avatar in
|
||
the upper-left corner → Click on
|
||
the "Team Management" option in
|
||
the [Team Management] list,
|
||
select the
|
||
keywords/identity/on-the-job
|
||
status/email authentication that
|
||
you need to query at the top of
|
||
the page, and then click on
|
||
[Search] to display the relevant
|
||
personnel information.
|
||
</h6>
|
||
<img
|
||
class="r-ul-item-pic1"
|
||
id="help_pic_team10"
|
||
src="../img/light/help_pic_team10.png"
|
||
alt="Search For Members"
|
||
/>
|
||
</li>
|
||
<li class="r-ul-item mb-36">
|
||
<h4
|
||
class="txt-5002430 help-h4 mb-24"
|
||
>
|
||
Team Member Operation
|
||
</h4>
|
||
<h6 class="txt-4001624 help-h6">
|
||
Click on the user's avatar in
|
||
the upper-left corner → Click on
|
||
the "Team Management" option in
|
||
the [Team Management] list,
|
||
click on the corresponding
|
||
personnel information
|
||
[Operation] button, you can
|
||
choose to carry out the member:
|
||
set up as an administrator / set
|
||
up as a temporary account /
|
||
change the mailbox / change the
|
||
password / modify the department
|
||
/ operation of the operation of
|
||
the departure / deletion of the
|
||
operation.
|
||
</h6>
|
||
<img
|
||
class="r-ul-item-pic1"
|
||
id="help_pic_team11"
|
||
src="../img/light/help_pic_team11.png"
|
||
alt="Team Member Operation"
|
||
/>
|
||
</li>
|
||
<li
|
||
class="r-ul-item mb-36"
|
||
id="section-16"
|
||
>
|
||
<h4
|
||
class="txt-5002430 help-h4 mb-24"
|
||
>
|
||
Project Members
|
||
</h4>
|
||
<h6 class="txt-4001624 help-h6">
|
||
(1) Select the corresponding
|
||
project and click [Member
|
||
Management] on the upper right
|
||
to add/delete project members;
|
||
</h6>
|
||
<h6 class="txt-4001624 help-h6">
|
||
(2) Click [Cancel] to cancel the
|
||
member management settings and
|
||
[Save] to save the member
|
||
modification management
|
||
operation.
|
||
</h6>
|
||
<img
|
||
class="r-ul-item-pic1"
|
||
id="help_pic_team12"
|
||
src="../img/light/help_pic_team12.png"
|
||
alt="Project Members"
|
||
/>
|
||
<img
|
||
class="r-ul-item-pic1"
|
||
id="help_pic_team13"
|
||
src="../img/light/help_pic_team13.png"
|
||
alt="Project Members"
|
||
/>
|
||
</li>
|
||
<li class="r-ul-item mb-36">
|
||
<h4
|
||
class="txt-5002430 help-h4 mb-24"
|
||
>
|
||
Mandate Holder
|
||
</h4>
|
||
<h6 class="txt-4001624 help-h6">
|
||
Select the corresponding
|
||
project, click the [New Task]
|
||
icon in the upper right corner
|
||
of the task list → click
|
||
[Advanced Options] to add/delete
|
||
the relevant task leader or
|
||
assistants.
|
||
</h6>
|
||
<img
|
||
class="r-ul-item-pic1"
|
||
id="help_pic_team14"
|
||
src="../img/light/help_pic_team14.png"
|
||
alt="Mandate Holder"
|
||
/>
|
||
<img
|
||
class="r-ul-item-pic1"
|
||
id="help_pic_team15"
|
||
src="../img/light/help_pic_team15.png"
|
||
alt="Mandate Holder"
|
||
/>
|
||
</li>
|
||
<li
|
||
class="r-ul-item mb-36"
|
||
id="section-17"
|
||
>
|
||
<h4
|
||
class="txt-5002430 help-h4 mb-24"
|
||
>
|
||
File Type
|
||
</h4>
|
||
<h6 class="txt-4001624 help-h6">
|
||
(1) Click [File] on the left
|
||
side of the DooTask page to
|
||
display and view project-related
|
||
files.
|
||
</h6>
|
||
<img
|
||
class="r-ul-item-pic1"
|
||
id="help_pic_file1"
|
||
src="../img/light/help_pic_file1.png"
|
||
alt="File Type"
|
||
/>
|
||
<h6 class="txt-4001624 help-h6">
|
||
(2) Click the [New File] icon
|
||
button in the upper right corner
|
||
of the page to create a new
|
||
folder/upload files/upload
|
||
folders, the current system
|
||
supports text, icons, mind maps,
|
||
Word documents, Excel
|
||
worksheets, PPT presentations a
|
||
variety of file types.
|
||
</h6>
|
||
<img
|
||
class="r-ul-item-pic1"
|
||
id="help_pic_file2"
|
||
src="../img/light/help_pic_file2.png"
|
||
alt="File Type"
|
||
/>
|
||
</li>
|
||
<li
|
||
class="r-ul-item mb-36"
|
||
id="section-18"
|
||
>
|
||
<h4
|
||
class="txt-5002430 help-h4 mb-24"
|
||
>
|
||
File Sharing
|
||
</h4>
|
||
<h6 class="txt-4001624 help-h6">
|
||
Click [File] on the left side of
|
||
DooTask page, select the
|
||
corresponding folder/file and
|
||
click the icon in the upper
|
||
right corner, then click [Share]
|
||
to share the folder/file to
|
||
relevant project members.
|
||
</h6>
|
||
<img
|
||
class="r-ul-item-pic1"
|
||
id="help_pic_file3"
|
||
src="../img/light/help_pic_file3.png"
|
||
alt="File Sharing"
|
||
/>
|
||
</li>
|
||
<li
|
||
class="r-ul-item mb-36"
|
||
id="section-19"
|
||
>
|
||
<h4
|
||
class="txt-5002430 help-h4 mb-24"
|
||
>
|
||
Access Authority
|
||
</h4>
|
||
<h6 class="txt-4001624 help-h6">
|
||
(1) Click [File] on the left
|
||
side of DooTask page, select the
|
||
corresponding folder/file and
|
||
then click the icon on the upper
|
||
right corner, click [Share] to
|
||
open the sharing settings;
|
||
</h6>
|
||
<h6 class="txt-4001624 help-h6">
|
||
(2) According to the need to
|
||
select all people/specified
|
||
members visible, shared file
|
||
read/write/read-only, click
|
||
[Share] to complete the
|
||
operation.
|
||
</h6>
|
||
<img
|
||
class="r-ul-item-pic1"
|
||
id="help_pic_file4"
|
||
src="../img/light/help_pic_file4.png"
|
||
alt="Access Authority"
|
||
/>
|
||
</li>
|
||
<li class="r-ul-item mb-36">
|
||
<h4
|
||
class="txt-5002430 help-h4 mb-24"
|
||
>
|
||
Document Display
|
||
</h4>
|
||
<h6 class="txt-4001624 help-h6">
|
||
Click [Files] on the left side
|
||
of the DooTask page and tick the
|
||
[Show My Only] icon at the top
|
||
right corner of the page to view
|
||
your personal files.
|
||
</h6>
|
||
<img
|
||
class="r-ul-item-pic1"
|
||
id="help_pic_file5"
|
||
src="../img/light/help_pic_file5.png"
|
||
alt="Document Display"
|
||
/>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</article>
|
||
</section>
|
||
</main>
|
||
<!-- 页脚区域 -->
|
||
<footer>
|
||
<div class="footer-con">
|
||
<div class="footer-layut">
|
||
<div class="footer-l">
|
||
<a href="../en/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"
|
||
>Helps teams move projects forward efficiently
|
||
and makes work easier.</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"
|
||
>
|
||
Links
|
||
</li>
|
||
<li class="footer-ol-item mb-16">
|
||
<a
|
||
class="txt-4001624 txt"
|
||
href="../en/product.html"
|
||
>Product</a
|
||
>
|
||
</li>
|
||
<li class="footer-ol-item mb-16">
|
||
<a
|
||
class="txt-4001624 txt"
|
||
href="../en/solutions.html"
|
||
>Solutions</a
|
||
>
|
||
</li>
|
||
<li class="footer-ol-item mb-16">
|
||
<a
|
||
class="txt-4001624 txt"
|
||
href="../en/price.html"
|
||
>Pricing</a
|
||
>
|
||
</li>
|
||
<li class="footer-ol-item">
|
||
<a
|
||
class="txt-4001624 txt"
|
||
href="../en/solutions.html"
|
||
>About Us</a
|
||
>
|
||
</li>
|
||
</ol>
|
||
</li>
|
||
<li class="footer-r-item">
|
||
<ol class="footer-r-ol">
|
||
<li
|
||
class="footer-ol-item txt-5001624 mb-24"
|
||
>
|
||
Support
|
||
</li>
|
||
<li class="footer-ol-item mb-16">
|
||
<a
|
||
class="txt-4001624 txt"
|
||
href="../en/download.html"
|
||
>Download Center</a
|
||
>
|
||
</li>
|
||
<li class="footer-ol-item mb-16">
|
||
<a
|
||
class="txt-4001624 txt"
|
||
href="../en/privacy.html" target="_blank"
|
||
>Privacy Policy</a
|
||
>
|
||
</li>
|
||
<li class="footer-ol-item">
|
||
<a
|
||
class="txt-4001624 txt"
|
||
href="../en/help.html"
|
||
>Help Center</a
|
||
>
|
||
</li>
|
||
</ol>
|
||
</li>
|
||
<li class="footer-r-item">
|
||
<ol class="footer-r-ol">
|
||
<li
|
||
class="footer-ol-item txt-5001624 mb-24"
|
||
>
|
||
Community
|
||
</li>
|
||
<li class="footer-ol-item">
|
||
<div class="footer-ol-item mb-16">
|
||
<i
|
||
class="txt-4001624 txt"
|
||
onclick="openInNewTab('https://github.com/kuaifan/dootask')"
|
||
>Github</i
|
||
>
|
||
</div>
|
||
<div class="footer-ol-item mb-16">
|
||
<i
|
||
class="txt-4001624 txt"
|
||
onclick="openInNewTab('https://gitee.com/aipaw/dootask')"
|
||
>Gitee</i
|
||
>
|
||
</div>
|
||
<div
|
||
class="footer-ol-item"
|
||
id="qq_group"
|
||
>
|
||
<i class="txt-4001624 txt"
|
||
>QQ group</i
|
||
>
|
||
<div class="group_code">
|
||
<img
|
||
class="code-svg"
|
||
id="home_code"
|
||
src="../img/light/home_code.svg"
|
||
alt="Group：546574618"
|
||
/>
|
||
<i class="group_num"
|
||
>Group：546574618</i
|
||
>
|
||
<i
|
||
class="lower_triangle"
|
||
></i>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
</ol>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="txt-4001624 filings footer_copyright">
|
||
<span>
|
||
Copyright © 2022-2023 DooTask. All rights reserved.
|
||
</span>
|
||
<img style="padding-left: 3px;" src="../img/beian.png" alt="">
|
||
<span class="footer_beian">桂公网安备 45010802000393号</span>
|
||
<a class="footer_beian_a" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=45010802000393">桂ICP备2021003642号</a>
|
||
</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.scrollY; // 目标位置相对于视口的位置
|
||
// 滚动到目标位置，并考虑上偏移量
|
||
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");
|
||
//滚动设置
|
||
const liHight = elementsWithDataId[0]?.offsetTop;
|
||
const pHihtt = elementsWithDataId[0]?.parentNode.parentNode.offsetHeight;
|
||
const ulElement = document.getElementById('help-l-ul'); // 替换为你的 <div> 元素的 id
|
||
const scrollHeight = ulElement.scrollTop;
|
||
const ulHeight = ulElement.offsetHeight;
|
||
if (liHight > scrollHeight + ulHeight) {
|
||
ulElement.scrollTop += (pHihtt + 24);
|
||
}
|
||
if (liHight < scrollHeight) {
|
||
ulElement.scrollTop -= (pHihtt + 24);
|
||
}
|
||
return;
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
</html>
|