github/dootask
1
0
Fork 0
mirror of https://github.com/kuaifan/dootask.git synced 2025-12-15 05:12:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge branch 'price' into pro

Browse Source
This commit is contained in:
weifashi 2023-12-08 19:02:02 +08:00
commit d3fc274f08
6 changed files with 1371 additions and 360 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
public/site/css/common.css vendored
View File

@ -470,6 +470,11 @@ img {
grid-template-columns: 480px 266px 266px 266px;
}
.grid-5 {
display: grid !important;
grid-template-columns: 336px 236px 236px 236px 236px;
}
/* padding样式 */
.pl-26 {
padding-left: 26px;

30
public/site/css/price.css vendored
View File

@ -139,18 +139,26 @@
}
.plans-ol-item-h6{
color: var(--txt-4ca5);
line-height: normal;
}
.plans-ol-item-icon{
display: block;
height: 24px;
}
.plans-ol-item-icon2{
display: block;
height: 24px;
opacity: 0.5;
}
.plans-ul-b{
display: grid;
grid-template-columns: 506px 266px 266px 266px;
}
.plans-ul-b-item-btn{
display: inline-block;
width: 218px;
width: 160px;
}
.flex-s-c{
display: flex;
@ -202,6 +210,13 @@
box-sizing: border-box;
box-shadow: 0 4px 12px rgba(0,0,0,.15);
}
@media screen and (max-width: 600px) {
.BulletBox1{
width: 80%;
}
}
.BulletBox1 .top{
width: 382px;
line-height: 20px;
@ -225,13 +240,12 @@
color: rgb(96, 98, 102);
}
.BulletBox1 .bottom{
width: 370px;
height: 34px;
display: flex;
justify-content: end;
padding: 20px 30px 22px 30px;
position: relative;
}
.BulletBox1 .bottom .BulletBox1Btn{
position: absolute;
min-width: 100px;
right: 20px;
height: 34px;
@ -243,3 +257,11 @@
border-radius: 8px;
padding: 5px;
}
.price-ceiling {
position: sticky;
top: 80px;
background-color: #fff;
border-bottom: 1px solid var(--border-color);
z-index: 9999;
}

3
public/site/css/rem.css vendored
View File

@ -80,6 +80,9 @@
.grid-4{
grid-template-columns: 32vw 18vw 18vw 18vw !important;
}
.grid-5{
grid-template-columns: 26vw 18.5vw 18.5vw 18.5vw 18.5vw !important;
}
.plans-ul-b{
grid-template-columns: calc(34vw + 4px) 18vw 18vw 18vw !important;
}

776
public/site/en/price.html
View File

@ -183,7 +183,7 @@
</ol>
</li>
<li class="price-card-item price-animate-box" style="--delay: 0.3s;">
<h4 class="txt-5002025 price-card-h4 mb-24">customised version</h4>
<h4 class="txt-5002025 price-card-h4 mb-24">Customised version</h4>
<div class="price-card-money mb-12">
<h2 class="txt-6003645 price-card-h2">Custom</h2>
</div>
@ -308,14 +308,25 @@
<h2 class="txt-5004455 plans-tit-h2 mb-16">Compare all plans</h2>
<h5 class="txt-4001830 plans-tit-h5 mb-80">The product supports a variety of application scenarios to help team collaboration</h5>
<ul class="plans-ul-t">
<li class="plans-ul-t-item grid-4" style="padding: 20px 24px;">
<div class="price-ceiling">
<li class="plans-ul-t-item grid-5" style="padding: 20px 24px;">
<h4 class="txt-5002024 plans-ul-t-item-h4">Feature</h4>
<h4 class="txt-5002024 plans-ul-t-item-h4">Regular version</h4>
<h4 class="txt-5002024 plans-ul-t-item-h4">Professional Edition</h4>
<h4 class="txt-5002024 plans-ul-t-item-h4">Professional Edition</h4>
<h4 class="txt-5002024 plans-ul-t-item-h4">customised version</h4>
<h4 class="txt-5002024 plans-ul-t-item-h4">Customised version</h4>
</li>
<li class="plans-ul-t-item grid-4" style="padding: 32px 24px;">
<li class="plans-ul-t-item grid-5" style="padding: 32px 24px;">
<h4 class="txt-5001616 plans-ul-t-item-h4">Pricing</h4>
<div class="plans-ul-t-item-h4">
<div class="price-card-money mb-24">
<h2 class="txt-6003645 price-card-h2">¥0</h2>
<i class="txt-5001628 price-card-unit">/month</i>
</div>
<span class="plans-ul-b-item-btn">
<a href="https://github.com/kuaifan/dootask/tree/v0.13.0" target="_blank"> <button class="btn btn-primary">Deploy Now</button></a>
</span>
</div>
<div class="plans-ul-t-item-h4">
<div class="price-card-money mb-24">
<h2 class="txt-6003645 price-card-h2">¥0</h2>
@ -342,34 +353,39 @@
</span>
</div>
</li>
</div>
<li class="plans-ul-t-item">
<ol class="plans-ol">
<li class="plans-ol-item">
<h6 class="txt-4001616 plans-ul-t-item-h4">System usage</h6>
</li>
<li class="plans-ol-item grid-4">
<li class="plans-ol-item grid-5">
<h6 class="txt-4001616 plans-ol-item-h6">Number of users</h6>
<h6 class="txt-4001616 plans-ol-item-h6">Unlimited</h6>
<h6 class="txt-4001616 plans-ol-item-h6">≤3</h6>
<h6 class="txt-4001616 plans-ol-item-h6">Unlimited</h6>
<h6 class="txt-4001616 plans-ol-item-h6">Customizable</h6>
</li>
<li class="plans-ol-item grid-4">
<li class="plans-ol-item grid-5">
<h6 class="txt-4001616 plans-ol-item-h6">Number of projects</h6>
<h6 class="txt-4001616 plans-ol-item-h6">Unlimited</h6>
<h6 class="txt-4001616 plans-ol-item-h6">Unlimited</h6>
<h6 class="txt-4001616 plans-ol-item-h6">Unlimited</h6>
<h6 class="txt-4001616 plans-ol-item-h6">Unlimited</h6>
</li>
<li class="plans-ol-item grid-4">
<li class="plans-ol-item grid-5">
<h6 class="txt-4001616 plans-ol-item-h6">Number of tasks</h6>
<h6 class="txt-4001616 plans-ol-item-h6">Unlimited</h6>
<h6 class="txt-4001616 plans-ol-item-h6">Unlimited</h6>
<h6 class="txt-4001616 plans-ol-item-h6">Unlimited</h6>
<h6 class="txt-4001616 plans-ol-item-h6">Unlimited</h6>
</li>
<li class="plans-ol-item grid-4">
<li class="plans-ol-item grid-5">
<h6 class="txt-4001616 plans-ol-item-h6">Offline Deployment</h6>
<h6 class="txt-4001616 plans-ol-item-h6">Support</h6>
<h6 class="txt-4001616 plans-ol-item-h6">Support</h6>
<h6 class="txt-4001616 plans-ol-item-h6">Support</h6>
<h6 class="txt-4001616 plans-ol-item-h6">Official Support</h6>
<h6 class="txt-4001616 plans-ol-item-h6">Official Support</h6>
</li>
</ol>
</li>
@ -378,35 +394,33 @@
<li class="plans-ol-item">
<h6 class="txt-4001616 plans-ul-t-item-h4">Task Collaboration</h6>
</li>
<li class="plans-ol-item grid-4">
<h6 class="txt-4001616 plans-ol-item-h6">Multi-view presentation (Kanban/calendar/list)</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Multi-view presentation (Kanban/calendar/list)">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Multi-view presentation (Kanban/calendar/list)">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Multi-view presentation (Kanban/calendar/list)">
<li class="plans-ol-item grid-5">
<h6 class="txt-4001616 plans-ol-item-h6">Multi-view presentation</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Multi-view presentation">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Multi-view presentation">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Multi-view presentation">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Multi-view presentation">
</li>
<li class="plans-ol-item grid-4">
<h6 class="txt-4001616 plans-ol-item-h6">Task custom Fields</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Task custom Fields">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Task custom Fields">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Task custom Fields">
<li class="plans-ol-item grid-5">
<h6 class="txt-4001616 plans-ol-item-h6">Custom column</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Custom column">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Custom column">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Custom column">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Custom column">
</li>
<li class="plans-ol-item grid-4">
<h6 class="txt-4001616 plans-ol-item-h6">Task loop</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Task loop">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Task loop">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Task loop">
<li class="plans-ol-item grid-5">
<h6 class="txt-4001616 plans-ol-item-h6">Visibility setting</h6>
<img class="plans-ol-item-icon2" src="../img/price_icon2.svg" alt="Visibility setting">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Visibility setting">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Visibility setting">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Visibility setting">
</li>
<li class="plans-ol-item grid-4">
<h6 class="txt-4001616 plans-ol-item-h6">Task mapping</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Task mapping">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Task mapping">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Task mapping">
</li>
<li class="plans-ol-item grid-4">
<h6 class="txt-4001616 plans-ol-item-h6">Task dependencies</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Task dependencies">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Task dependencies">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Task dependencies">
<li class="plans-ol-item grid-5">
<h6 class="txt-4001616 plans-ol-item-h6">Repetition cycle</h6>
<img class="plans-ol-item-icon2" src="../img/price_icon2.svg" alt="Repetition cycle">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Repetition cycle">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Repetition cycle">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Repetition cycle">
</li>
</ol>
</li>
@ -415,33 +429,156 @@
<li class="plans-ol-item">
<h6 class="txt-4001616 plans-ul-t-item-h4">Project management</h6>
</li>
<li class="plans-ol-item grid-4">
<li class="plans-ol-item grid-5">
<h6 class="txt-4001616 plans-ol-item-h6">Project progress</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Project progress">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Project progress">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Project progress">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Project progress">
</li>
<li class="plans-ol-item grid-4">
<li class="plans-ol-item grid-5">
<h6 class="txt-4001616 plans-ol-item-h6">Project templates</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Project templates">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Project templates">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Project templates">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Project templates">
</li>
<li class="plans-ol-item grid-4">
<h6 class="txt-4001616 plans-ol-item-h6">Project custom Views</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Project custom Views">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Project custom Views">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Project custom Views">
</li>
<li class="plans-ol-item grid-4">
<h6 class="txt-4001616 plans-ol-item-h6">Timeline view (Gantt chart)</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Timeline view (Gantt chart)">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Timeline view (Gantt chart)">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Timeline view (Gantt chart)">
<li class="plans-ol-item grid-5">
<h6 class="txt-4001616 plans-ol-item-h6">Gantt chart</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Gantt chart">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Gantt chart">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Gantt chart">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Gantt chart">
</li>
</ol>
</li>
<li class="plans-ul-t-item grid-4" style="padding: 24px;">
<li class="plans-ul-t-item">
<ol class="plans-ol">
<li class="plans-ol-item">
<h6 class="txt-5001616 plans-ul-t-item-h4">Application</h6>
</li>
<li class="plans-ol-item grid-5">
<h6 class="txt-4001616 plans-ol-item-h6">Approval center</h6>
<img class="plans-ol-item-icon2" src="../img/price_icon2.svg" alt="Approval Center">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Approval Center">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Approval Center">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Approval Center">
</li>
<li class="plans-ol-item grid-5">
<h6 class="txt-4001616 plans-ol-item-h6">OKR management</h6>
<img class="plans-ol-item-icon2" src="../img/price_icon2.svg" alt="OKR management">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="OKR management">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="OKR management">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="OKR management">
</li>
<li class="plans-ol-item grid-5">
<h6 class="txt-4001616 plans-ol-item-h6">AI robot</h6>
<img class="plans-ol-item-icon2" src="../img/price_icon2.svg" alt="AI robot">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="AI robot">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="AI robot">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="AI robot">
</li>
<li class="plans-ol-item grid-5">
<h6 class="txt-4001616 plans-ol-item-h6">Meeting</h6>
<img class="plans-ol-item-icon2" src="../img/price_icon2.svg" alt="Meeting">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Meeting">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Meeting">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Meeting">
</li>
<li class="plans-ol-item grid-5">
<h6 class="txt-4001616 plans-ol-item-h6">OKR results analysis</h6>
<img class="plans-ol-item-icon2" src="../img/price_icon2.svg" alt="OKR results analysis">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="OKR results analysis">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="OKR results analysis">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="OKR results analysis">
</li>
<li class="plans-ol-item grid-5">
<h6 class="txt-4001616 plans-ol-item-h6">LDAP</h6>
<img class="plans-ol-item-icon2" src="../img/price_icon2.svg" alt="LDAP">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="LDAP">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="LDAP">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="LDAP">
</li>
<li class="plans-ol-item grid-5">
<h6 class="txt-4001616 plans-ol-item-h6">Email</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Email">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Email">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Email">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Email">
</li>
<li class="plans-ol-item grid-5">
<h6 class="txt-4001616 plans-ol-item-h6">App Push Notifications</h6>
<img class="plans-ol-item-icon2" src="../img/price_icon2.svg" alt="App Push Notifications">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="App Push Notifications">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="App Push Notifications">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="App Push Notifications">
</li>
<li class="plans-ol-item grid-5">
<h6 class="txt-4001616 plans-ol-item-h6">Team management</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Team management">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Team management">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Team management">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Team management">
</li>
</ol>
</li>
<li class="plans-ul-t-item">
<ol class="plans-ol">
<li class="plans-ol-item">
<h6 class="txt-5001616 plans-ul-t-item-h4">Chat</h6>
</li>
<li class="plans-ol-item grid-5">
<h6 class="txt-4001616 plans-ol-item-h6">@ Features</h6>
<img class="plans-ol-item-icon2" src="../img/price_icon2.svg" alt="@ Features">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="@ Features">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="@ Features">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="@ Features">
</li>
<li class="plans-ol-item grid-5">
<h6 class="txt-4001616 plans-ol-item-h6">Linked Task</h6>
<img class="plans-ol-item-icon2" src="../img/price_icon2.svg" alt="Linked Task">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Linked Task">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Linked Task">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Linked Task">
</li>
<li class="plans-ol-item grid-5">
<h6 class="txt-4001616 plans-ol-item-h6">Emoji</h6>
<img class="plans-ol-item-icon2" src="../img/price_icon2.svg" alt="Emoji">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Emoji">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Emoji">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Emoji">
</li>
<li class="plans-ol-item grid-5">
<h6 class="txt-4001616 plans-ol-item-h6">Message categorization</h6>
<img class="plans-ol-item-icon2" src="../img/price_icon2.svg" alt="Message Categorization">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Message Categorization">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Message Categorization">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Message Categorization">
</li>
<li class="plans-ol-item grid-5">
<h6 class="txt-4001616 plans-ol-item-h6">Message Right-Click Functionality</h6>
<img class="plans-ol-item-icon2" src="../img/price_icon2.svg" alt="Message Right-Click Functionality">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Message Right-Click Functionality">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Message Right-Click Functionality">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Message Right-Click Functionality">
</li>
<li class="plans-ol-item grid-5">
<h6 class="txt-4001616 plans-ol-item-h6">Message Do Not Disturb</h6>
<img class="plans-ol-item-icon2" src="../img/price_icon2.svg" alt="Message Do Not Disturb">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Message Do Not Disturb">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Message Do Not Disturb">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Message Do Not Disturb">
</li>
<li class="plans-ol-item grid-5">
<h6 class="txt-4001616 plans-ol-item-h6">Color Coding</h6>
<img class="plans-ol-item-icon2" src="../img/price_icon2.svg" alt="Color Coding">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Color Coding">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Color Coding">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Color Coding">
</li>
</ol>
</li>
<!-- <li class="plans-ul-t-item grid-5" style="padding: 24px;">
<h4 class="plans-ul-t-item-h4"></h4>
<div class="plans-ul-t-item-h4">
<span class="plans-ul-b-item-btn">
@ -458,11 +595,158 @@
<button class="btn btn-primary" onclick="showBox('Customised consultancy')">Consult</button>
</span>
</div>
</li>
</li> -->
</ul>
<ul class="plans-ul-768">
<li class="plans-ul-768-item mb-36">
<h5 class="txt-5001822 help-h5 mb-16">Free</h5>
<h5 class="txt-5001822 help-h5 mb-16">Regular version</h5>
<ol class="plans-ol-768">
<li class="plans-ol-768-item">
<div class="plans-ol-768-content">
<h6 class="txt-5001616 plans-ol-item-h4">System usage</h6>
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">Number of users</h6>
<h6 class="txt-4001516 plans-ol-item-h6">Unlimited</h6>
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">Number of projects</h6>
<h6 class="txt-4001516 plans-ol-item-h6">Unlimited</h6>
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">Number of tasks</h6>
<h6 class="txt-4001516 plans-ol-item-h6">Unlimited</h6>
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">Offline Deployment</h6>
<h6 class="txt-4001516 plans-ol-item-h6">Support</h6>
</div>
</li>
<li class="plans-ol-768-item">
<div class="plans-ol-768-content">
<h6 class="txt-5001616 plans-ol-item-h4">Task Collaboration</h6>
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">Multi-view presentation</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Multi-view presentation">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">Custom column</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Custom column">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">Visibility setting</h6>
<img class="plans-ol-item-icon2" src="../img/price_icon2.svg" alt="Visibility setting">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">Repetition cycle</h6>
<img class="plans-ol-item-icon2" src="../img/price_icon2.svg" alt="Repetition cycle">
</div>
</li>
<li class="plans-ol-768-item">
<div class="plans-ol-768-content">
<h6 class="txt-5001616 plans-ol-item-h4">Project management</h6>
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">Project progress</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Project progress">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">Project templates</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Project templates">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">Gantt chart</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Gantt chart">
</div>
</li>
<li class="plans-ol-768-item">
<div class="plans-ol-768-content">
<h6 class="txt-5001616 plans-ol-item-h4">Application</h6>
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">Approval center</h6>
<img class="plans-ol-item-icon2" src="../img/price_icon2.svg" alt="Approval center">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">OKR management</h6>
<img class="plans-ol-item-icon2" src="../img/price_icon2.svg" alt="OKR management">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">AI robot</h6>
<img class="plans-ol-item-icon2" src="../img/price_icon2.svg" alt="AI robot">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">Meeting</h6>
<img class="plans-ol-item-icon2" src="../img/price_icon2.svg" alt="Meeting">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">OKR results analysis</h6>
<img class="plans-ol-item-icon2" src="../img/price_icon2.svg" alt="OKR results analysis">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">LDAP</h6>
<img class="plans-ol-item-icon2" src="../img/price_icon2.svg" alt="LDAP">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">Email</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Email">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">App Push Notifications</h6>
<img class="plans-ol-item-icon2" src="../img/price_icon2.svg" alt="App Push Notifications">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">Team management</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Team management">
</div>
</li>
<li class="plans-ol-768-item">
<div class="plans-ol-768-content">
<h6 class="txt-5001616 plans-ol-item-h4">Chat</h6>
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">@ Features</h6>
<img class="plans-ol-item-icon2" src="../img/price_icon2.svg" alt="@ Features">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">Linked Task</h6>
<img class="plans-ol-item-icon2" src="../img/price_icon2.svg" alt="Linked Task">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">Emoji</h6>
<img class="plans-ol-item-icon2" src="../img/price_icon2.svg" alt="Emoji">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">Message categorization</h6>
<img class="plans-ol-item-icon2" src="../img/price_icon2.svg" alt="Message categorization">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">Message Right-Click Functionality</h6>
<img class="plans-ol-item-icon2" src="../img/price_icon2.svg" alt="Message Right-Click Functionality">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">Message Do Not Disturb</h6>
<img class="plans-ol-item-icon2" src="../img/price_icon2.svg" alt="Message Do Not Disturb">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">Color Coding</h6>
<img class="plans-ol-item-icon2" src="../img/price_icon2.svg" alt="Color Coding">
</div>
</li>
<li class="price-card-money mb-16">
<h2 class="txt-6002430 price-card-h2">¥0</h2>
<i class="txt-5001528 price-card-unit">/month</i>
</li>
<li>
<span style="display: inline-block; width: 100%;">
<a href="https://github.com/kuaifan/dootask/tree/v0.13.0" target="_blank" class="start_a"> <button class="btn btn-primary">Deploy Now</button> </a>
</span>
</li>
</ol>
</li>
<li class="plans-ul-768-item mb-36">
<h5 class="txt-5001822 help-h5 mb-16">Professional Edition</h5>
<ol class="plans-ol-768">
<li class="plans-ol-768-item">
<div class="plans-ol-768-content">
@ -481,7 +765,7 @@
<h6 class="txt-4001516 plans-ol-item-h6">Unlimited</h6>
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">Offline Deployments</h6>
<h6 class="txt-4001516 plans-ol-item-h6">Offline Deployment</h6>
<h6 class="txt-4001516 plans-ol-item-h6">Support</h6>
</div>
</li>
@ -490,24 +774,20 @@
<h6 class="txt-5001616 plans-ol-item-h4">Task Collaboration</h6>
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">Multi-view presentation (Kanban/calendar/list)</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Multi-view presentation (Kanban/calendar/list)">
<h6 class="txt-4001516 plans-ol-item-h6">Multi-view presentation</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Multi-view presentation">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">Task custom Fields</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Task custom Fields">
<h6 class="txt-4001516 plans-ol-item-h6">Custom column</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Custom column">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">Task loop</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Task loop">
<h6 class="txt-4001516 plans-ol-item-h6">Visibility setting</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Visibility setting">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">Task mapping</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Task mapping">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">Task dependencies</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Task dependencies">
<h6 class="txt-4001516 plans-ol-item-h6">Repetition cycle</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Repetition cycle">
</div>
</li>
<li class="plans-ol-768-item">
@ -523,12 +803,82 @@
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Project templates">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">Project custom Views</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Project custom Views">
<h6 class="txt-4001516 plans-ol-item-h6">Gantt chart</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Gantt chart">
</div>
</li>
<li class="plans-ol-768-item">
<div class="plans-ol-768-content">
<h6 class="txt-5001616 plans-ol-item-h4">Application</h6>
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">Timeline view (Gantt chart)</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Timeline view (Gantt chart)">
<h6 class="txt-4001516 plans-ol-item-h6">Approval center</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Approval center">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">OKR management</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="OKR management">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">AI robot</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="AI robot">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">Meeting</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Meeting">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">OKR results analysis</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="OKR results analysis">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">LDAP</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="LDAP">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">Email</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Email">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">App Push Notifications</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="App Push Notifications">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">Team management</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Team management">
</div>
</li>
<li class="plans-ol-768-item">
<div class="plans-ol-768-content">
<h6 class="txt-5001616 plans-ol-item-h4">Chat</h6>
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">@ Features</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="@ Features">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">Linked Task</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Linked Task">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">Emoji</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Emoji">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">Message categorization</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Message categorization">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">Message Right-Click Functionality</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Message Right-Click Functionality">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">Message Do Not Disturb</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Message Do Not Disturb">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">Color Coding</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Color Coding">
</div>
</li>
<li class="price-card-money mb-16">
@ -537,13 +887,13 @@
</li>
<li>
<span style="display: inline-block; width: 100%;">
<a href="../../manage/dashboard"> <button class="btn btn-primary">Get Started</button></a>
<a href="https://github.com/kuaifan/dootask/tree/pro" target="_blank" class="start_a"> <button class="btn btn-primary">Deploy Now</button> </a>
</span>
</li>
</ol>
</li>
<li class="plans-ul-768-item mb-36">
<h5 class="txt-5001822 help-h5 mb-16">Annual</h5>
<h5 class="txt-5001822 help-h5 mb-16">Regular version</h5>
<ol class="plans-ol-768">
<li class="plans-ol-768-item">
<div class="plans-ol-768-content">
@ -562,8 +912,8 @@
<h6 class="txt-4001516 plans-ol-item-h6">Unlimited</h6>
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">Offline Deployments</h6>
<h6 class="txt-4001516 plans-ol-item-h6">Support</h6>
<h6 class="txt-4001516 plans-ol-item-h6">Offline Deployment</h6>
<h6 class="txt-4001516 plans-ol-item-h6">Official Support</h6>
</div>
</li>
<li class="plans-ol-768-item">
@ -571,24 +921,20 @@
<h6 class="txt-5001616 plans-ol-item-h4">Task Collaboration</h6>
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">Multi-view presentation (Kanban/calendar/list)</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Multi-view presentation (Kanban/calendar/list)">
<h6 class="txt-4001516 plans-ol-item-h6">Multi-view presentation</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Multi-view presentation">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">Task custom Fields</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Task custom Fields">
<h6 class="txt-4001516 plans-ol-item-h6">Custom column</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Custom column">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">Task loop</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Task loop">
<h6 class="txt-4001516 plans-ol-item-h6">Visibility setting</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Visibility setting">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">Task mapping</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Task mapping">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">Task dependencies</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Task dependencies">
<h6 class="txt-4001516 plans-ol-item-h6">Repetition cycle</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Repetition cycle">
</div>
</li>
<li class="plans-ol-768-item">
@ -604,101 +950,237 @@
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Project templates">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">Project custom Views</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Project custom Views">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">Timeline view (Gantt chart)</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Timeline view (Gantt chart)">
</div>
</li>
<li class="price-card-money mb-16">
<h2 class="txt-6002430 price-card-h2">¥3,000</h2>
<i class="txt-5001528 price-card-unit">/year</i>
</li>
<li>
<span style="display: inline-block; width: 100%;">
<a href="../../manage/dashboard"> <button class="btn btn-primary">Get Started</button></a>
</span>
</li>
</ol>
</li>
<li class="plans-ul-768-item mb-24">
<h4 class="txt-5001822 plans-ul-t-item-h4 flex-s-c mb-16">Lifetime<i class="rec-icon">Rec.</i></h4>
<ol class="plans-ol-768">
<li class="plans-ol-768-item">
<div class="plans-ol-768-content">
<h6 class="txt-5001616 plans-ol-item-h4">System usage</h6>
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">Number of users</h6>
<h6 class="txt-4001516 plans-ol-item-h6">Unlimited</h6>
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">Number of projects</h6>
<h6 class="txt-4001516 plans-ol-item-h6">Unlimited</h6>
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">Number of tasks</h6>
<h6 class="txt-4001516 plans-ol-item-h6">Unlimited</h6>
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">Offline Deployments</h6>
<h6 class="txt-4001516 plans-ol-item-h6">Support</h6>
<h6 class="txt-4001516 plans-ol-item-h6">Gantt chart</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Gantt chart">
</div>
</li>
<li class="plans-ol-768-item">
<div class="plans-ol-768-content">
<h6 class="txt-5001616 plans-ol-item-h4">Task Collaboration</h6>
<h6 class="txt-5001616 plans-ol-item-h4">Application</h6>
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">Multi-view presentation (Kanban/calendar/list)</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Multi-view presentation (Kanban/calendar/list)">
<h6 class="txt-4001516 plans-ol-item-h6">Approval center</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Approval center">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">Task custom Fields</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Task custom Fields">
<h6 class="txt-4001516 plans-ol-item-h6">OKR management</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="OKR management">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">Task loop</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Task loop">
<h6 class="txt-4001516 plans-ol-item-h6">AI robot</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="AI robot">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">Task mapping</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Task mapping">
<h6 class="txt-4001516 plans-ol-item-h6">Meeting</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Meeting">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">Task dependencies</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Task dependencies">
<h6 class="txt-4001516 plans-ol-item-h6">OKR results analysis</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="OKR results analysis">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">LDAP</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="LDAP">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">Email</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Email">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">App Push Notifications</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="App Push Notifications">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">Team management</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Team management">
</div>
</li>
<li class="plans-ol-768-item">
<div class="plans-ol-768-content">
<h6 class="txt-5001616 plans-ol-item-h4">Project management</h6>
<h6 class="txt-5001616 plans-ol-item-h4">Chat</h6>
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">Project progress</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Project progress">
<h6 class="txt-4001516 plans-ol-item-h6">@ Features</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="@ Features">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">Project templates</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Project templates">
<h6 class="txt-4001516 plans-ol-item-h6">Linked Task</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Linked Task">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">Project custom Views</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Project custom Views">
<h6 class="txt-4001516 plans-ol-item-h6">Emoji</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Emoji">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">Timeline view (Gantt chart)</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Timeline view (Gantt chart)">
<h6 class="txt-4001516 plans-ol-item-h6">Message categorization</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Message categorization">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">Message Right-Click Functionality</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Message Right-Click Functionality">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">Message Do Not Disturb</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Message Do Not Disturb">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">Color Coding</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Color Coding">
</div>
</li>
<li class="price-card-money mb-16">
<h2 class="txt-6002430 price-card-h2">¥18,888</h2>
<i class="txt-5001528 price-card-unit">/perpetual</i>
</li>
<li>
<span style="display: inline-block; width: 100%;">
<a href="../../manage/dashboard"> <button class="btn btn-primary">Get Started</button></a>
<button class="btn btn-primary mb-24" onclick="showBox('Contact Us')">Contact Us</button>
</span>
</li>
</ol>
</li>
<li class="plans-ul-768-item mb-36">
<h5 class="txt-5001822 help-h5 mb-16">Customised version</h5>
<ol class="plans-ol-768">
<li class="plans-ol-768-item">
<div class="plans-ol-768-content">
<h6 class="txt-5001616 plans-ol-item-h4">System usage</h6>
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">Number of users</h6>
<h6 class="txt-4001516 plans-ol-item-h6">Unlimited</h6>
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">Number of projects</h6>
<h6 class="txt-4001516 plans-ol-item-h6">Unlimited</h6>
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">Number of tasks</h6>
<h6 class="txt-4001516 plans-ol-item-h6">Unlimited</h6>
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">Offline Deployment</h6>
<h6 class="txt-4001516 plans-ol-item-h6">Official Support</h6>
</div>
</li>
<li class="plans-ol-768-item">
<div class="plans-ol-768-content">
<h6 class="txt-5001616 plans-ol-item-h4">Task Collaboration</h6>
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">Multi-view presentation</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Multi-view presentation">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">Custom column</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Custom column">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">Visibility setting</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Visibility setting">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">Repetition cycle</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Repetition cycle">
</div>
</li>
<li class="plans-ol-768-item">
<div class="plans-ol-768-content">
<h6 class="txt-5001616 plans-ol-item-h4">Project management</h6>
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">Project progress</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Project progress">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">Project templates</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Project templates">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">Gantt chart</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Gantt chart">
</div>
</li>
<li class="plans-ol-768-item">
<div class="plans-ol-768-content">
<h6 class="txt-5001616 plans-ol-item-h4">Application</h6>
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">Approval center</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Approval center">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">OKR management</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="OKR management">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">AI robot</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="AI robot">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">Meeting</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Meeting">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">OKR results analysis</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="OKR results analysis">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">LDAP</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="LDAP">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">Email</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Email">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">App Push Notifications</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="App Push Notifications">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">Team management</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Team management">
</div>
</li>
<li class="plans-ol-768-item">
<div class="plans-ol-768-content">
<h6 class="txt-5001616 plans-ol-item-h4">Chat</h6>
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">@ Features</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="@ Features">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">Linked Task</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Linked Task">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">Emoji</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Emoji">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">Message categorization</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Message categorization">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">Message Right-Click Functionality</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Message Right-Click Functionality">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">Message Do Not Disturb</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Message Do Not Disturb">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">Color Coding</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Color Coding">
</div>
</li>
<li class="price-card-money mb-16">
<h2 class="txt-6002430 price-card-h2">Consult</h2>
</li>
<li>
<span style="display: inline-block; width: 100%;">
<button class="btn btn-primary mb-24" onclick="showBox('Customised consultancy')">Consult</button>
</span>
</li>
</ol>
@ -822,7 +1304,7 @@
name.innerHTML = text
}
document.querySelector('.BulletBox1Btn').addEventListener('click',function(){
console.log("aaaaa");
const box = document.querySelector('.BulletBox1')
box.style.display = 'none'
})

11
public/site/img/price_icon2.svg Normal file
View File

@ -0,0 +1,11 @@
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_1026_5003)">
<path d="M4 4L15.4141 15.4141" stroke="#727570" stroke-width="2" stroke-linecap="round"/>
<path d="M15.4141 4L4 15.4141" stroke="#727570" stroke-width="2" stroke-linecap="round"/>
</g>
<defs>
<clipPath id="clip0_1026_5003">
<rect width="20" height="20" fill="white"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 429 B

792
public/site/zh/price.html
View File

@ -309,14 +309,25 @@
<h2 class="txt-5004455 plans-tit-h2 mb-16">对比所有计划</h2>
<h5 class="txt-4001830 plans-tit-h5 mb-80">该产品支持各种应用场景，帮助团队协作</h5>
<ul class="plans-ul-t">
<li class="plans-ul-t-item grid-4" style="padding: 20px 24px;">
<div class="price-ceiling ">
<li class="plans-ul-t-item grid-5" style="padding: 20px 24px;">
<h4 class="txt-5002024 plans-ul-t-item-h4">特点</h4>
<h4 class="txt-5002024 plans-ul-t-item-h4">普通版</h4>
<h4 class="txt-5002024 plans-ul-t-item-h4">专业版</h4>
<h4 class="txt-5002024 plans-ul-t-item-h4">专业版</h4>
<h4 class="txt-5002024 plans-ul-t-item-h4">定制版</h4>
</li>
<li class="plans-ul-t-item grid-4" style="padding: 32px 24px;">
<li class="plans-ul-t-item grid-5" style="padding: 32px 24px;">
<h4 class="txt-5001616 plans-ul-t-item-h4">定价</h4>
<div class="plans-ul-t-item-h4">
<div class="price-card-money mb-24">
<h2 class="txt-6003645 price-card-h2">¥0</h2>
<i class="txt-5001628 price-card-unit">/月</i>
</div>
<span class="plans-ul-b-item-btn">
<a href="https://github.com/kuaifan/dootask/tree/v0.13.0" target="_blank"> <button class="btn btn-primary">立即部署</button> </a>
</span>
</div>
<div class="plans-ul-t-item-h4">
<div class="price-card-money mb-24">
<h2 class="txt-6003645 price-card-h2">¥0</h2>
@ -343,34 +354,40 @@
</span>
</div>
</li>
</div>
<li class="plans-ul-t-item">
<ol class="plans-ol">
<li class="plans-ol-item">
<h6 class="txt-5001616 plans-ul-t-item-h4">系统使用</h6>
</li>
<li class="plans-ol-item grid-4">
<li class="plans-ol-item grid-5">
<h6 class="txt-4001616 plans-ol-item-h6">用户数量</h6>
<h6 class="txt-4001616 plans-ol-item-h6">无限制</h6>
<h6 class="txt-4001616 plans-ol-item-h6">≤3</h6>
<h6 class="txt-4001616 plans-ol-item-h6">无限制</h6>
<h6 class="txt-4001616 plans-ol-item-h6">可定制</h6>
</li>
<li class="plans-ol-item grid-4">
<li class="plans-ol-item grid-5">
<h6 class="txt-4001616 plans-ol-item-h6">项目数量</h6>
<h6 class="txt-4001616 plans-ol-item-h6">无限制</h6>
<h6 class="txt-4001616 plans-ol-item-h6">无限制</h6>
<h6 class="txt-4001616 plans-ol-item-h6">无限制</h6>
<h6 class="txt-4001616 plans-ol-item-h6">无限制</h6>
</li>
<li class="plans-ol-item grid-4">
<li class="plans-ol-item grid-5">
<h6 class="txt-4001616 plans-ol-item-h6">任务数量</h6>
<h6 class="txt-4001616 plans-ol-item-h6">无限制</h6>
<h6 class="txt-4001616 plans-ol-item-h6">无限制</h6>
<h6 class="txt-4001616 plans-ol-item-h6">无限制</h6>
<h6 class="txt-4001616 plans-ol-item-h6">无限制</h6>
</li>
<li class="plans-ol-item grid-4">
<li class="plans-ol-item grid-5">
<h6 class="txt-4001616 plans-ol-item-h6">离线部署</h6>
<h6 class="txt-4001616 plans-ol-item-h6">支持</h6>
<h6 class="txt-4001616 plans-ol-item-h6">支持</h6>
<h6 class="txt-4001616 plans-ol-item-h6">支持</h6>
<h6 class="txt-4001616 plans-ol-item-h6">官方支持</h6>
<h6 class="txt-4001616 plans-ol-item-h6">官方支持</h6>
</li>
</ol>
</li>
@ -379,35 +396,33 @@
<li class="plans-ol-item">
<h6 class="txt-5001616 plans-ul-t-item-h4">任务协作</h6>
</li>
<li class="plans-ol-item grid-4">
<h6 class="txt-4001616 plans-ol-item-h6">多视图展示（看板/日历/列表）</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="多视图展示（看板/日历/列表）">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="多视图展示（看板/日历/列表）">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="多视图展示（看板/日历/列表）">
<li class="plans-ol-item grid-5">
<h6 class="txt-4001616 plans-ol-item-h6">多视图展示</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="多视图展示">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="多视图展示">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="多视图展示">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="多视图展示">
</li>
<li class="plans-ol-item grid-4">
<h6 class="txt-4001616 plans-ol-item-h6">任务自定义字段</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="任务自定义字段">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="任务自定义字段">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="任务自定义字段">
<li class="plans-ol-item grid-5">
<h6 class="txt-4001616 plans-ol-item-h6">自定义栏目</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="自定义栏目">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="自定义栏目">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="自定义栏目">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="自定义栏目">
</li>
<li class="plans-ol-item grid-4">
<h6 class="txt-4001616 plans-ol-item-h6">任务循环</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="任务循环">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="任务循环">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="任务循环">
<li class="plans-ol-item grid-5">
<h6 class="txt-4001616 plans-ol-item-h6">可见性设置</h6>
<img class="plans-ol-item-icon2" src="../img/price_icon2.svg" alt="可见性设置">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="可见性设置">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="可见性设置">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="可见性设置">
</li>
<li class="plans-ol-item grid-4">
<h6 class="txt-4001616 plans-ol-item-h6">任务映射</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="任务映射">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="任务映射">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="任务映射">
</li>
<li class="plans-ol-item grid-4">
<h6 class="txt-4001616 plans-ol-item-h6">任务依赖性</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="任务依赖性">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="任务依赖性">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="任务依赖性">
<li class="plans-ol-item grid-5">
<h6 class="txt-4001616 plans-ol-item-h6">重复周期</h6>
<img class="plans-ol-item-icon2" src="../img/price_icon2.svg" alt="重复周期">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="重复周期">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="重复周期">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="重复周期">
</li>
</ol>
</li>
@ -416,39 +431,167 @@
<li class="plans-ol-item">
<h6 class="txt-5001616 plans-ul-t-item-h4">项目管理</h6>
</li>
<li class="plans-ol-item grid-4">
<h6 class="txt-4001616 plans-ol-item-h6">项目进展</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="项目进展">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="项目进展">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="项目进展">
<li class="plans-ol-item grid-5">
<h6 class="txt-4001616 plans-ol-item-h6">项目进度</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="项目进度">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="项目进度">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="项目进度">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="项目进度">
</li>
<li class="plans-ol-item grid-4">
<li class="plans-ol-item grid-5">
<h6 class="txt-4001616 plans-ol-item-h6">项目模板</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="项目模板">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="项目模板">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="项目模板">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="项目模板">
</li>
<li class="plans-ol-item grid-4">
<h6 class="txt-4001616 plans-ol-item-h6">项目自定义视图</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="项目自定义视图">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="项目自定义视图">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="项目自定义视图">
</li>
<li class="plans-ol-item grid-4">
<h6 class="txt-4001616 plans-ol-item-h6">时间轴视图（甘特图）</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="时间轴视图（甘特图）">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="时间轴视图（甘特图）">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="时间轴视图（甘特图）">
<li class="plans-ol-item grid-5">
<h6 class="txt-4001616 plans-ol-item-h6">甘特图</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="甘特图">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="甘特图">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="甘特图">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="甘特图">
</li>
</ol>
</li>
<li class="plans-ul-t-item grid-4" style="padding: 24px;">
<li class="plans-ul-t-item">
<ol class="plans-ol">
<li class="plans-ol-item">
<h6 class="txt-5001616 plans-ul-t-item-h4">应用</h6>
</li>
<li class="plans-ol-item grid-5">
<h6 class="txt-4001616 plans-ol-item-h6">审批中心</h6>
<img class="plans-ol-item-icon2" src="../img/price_icon2.svg" alt="审批中心">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="审批中心">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="审批中心">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="审批中心">
</li>
<li class="plans-ol-item grid-5">
<h6 class="txt-4001616 plans-ol-item-h6">OKR管理</h6>
<img class="plans-ol-item-icon2" src="../img/price_icon2.svg" alt="OKR管理">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="OKR管理">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="OKR管理">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="OKR管理">
</li>
<li class="plans-ol-item grid-5">
<h6 class="txt-4001616 plans-ol-item-h6">AI机器人</h6>
<img class="plans-ol-item-icon2" src="../img/price_icon2.svg" alt="AI机器人">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="AI机器人">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="AI机器人">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="AI机器人">
</li>
<li class="plans-ol-item grid-5">
<h6 class="txt-4001616 plans-ol-item-h6">会议</h6>
<img class="plans-ol-item-icon2" src="../img/price_icon2.svg" alt="会议">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="会议">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="会议">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="会议">
</li>
<li class="plans-ol-item grid-5">
<h6 class="txt-4001616 plans-ol-item-h6">OKR结果分析</h6>
<img class="plans-ol-item-icon2" src="../img/price_icon2.svg" alt="OKR结果分析">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="OKR结果分析">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="OKR结果分析">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="OKR结果分析">
</li>
<li class="plans-ol-item grid-5">
<h6 class="txt-4001616 plans-ol-item-h6">LDAP</h6>
<img class="plans-ol-item-icon2" src="../img/price_icon2.svg" alt="LDAP">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="LDAP">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="LDAP">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="LDAP">
</li>
<li class="plans-ol-item grid-5">
<h6 class="txt-4001616 plans-ol-item-h6">邮件</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="邮件">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="邮件">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="邮件">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="邮件">
</li>
<li class="plans-ol-item grid-5">
<h6 class="txt-4001616 plans-ol-item-h6">APP推送</h6>
<img class="plans-ol-item-icon2" src="../img/price_icon2.svg" alt="APP推送">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="APP推送">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="APP推送">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="APP推送">
</li>
<li class="plans-ol-item grid-5">
<h6 class="txt-4001616 plans-ol-item-h6">团队管理</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="团队管理">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="团队管理">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="团队管理">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="团队管理">
</li>
</ol>
</li>
<li class="plans-ul-t-item">
<ol class="plans-ol">
<li class="plans-ol-item">
<h6 class="txt-5001616 plans-ul-t-item-h4">聊天</h6>
</li>
<li class="plans-ol-item grid-5">
<h6 class="txt-4001616 plans-ol-item-h6">@功能</h6>
<img class="plans-ol-item-icon2" src="../img/price_icon2.svg" alt="@功能">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="@功能">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="@功能">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="@功能">
</li>
<li class="plans-ol-item grid-5">
<h6 class="txt-4001616 plans-ol-item-h6">关联任务</h6>
<img class="plans-ol-item-icon2" src="../img/price_icon2.svg" alt="关联任务">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="关联任务">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="关联任务">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="关联任务">
</li>
<li class="plans-ol-item grid-5">
<h6 class="txt-4001616 plans-ol-item-h6">表情</h6>
<img class="plans-ol-item-icon2" src="../img/price_icon2.svg" alt="表情">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="表情">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="表情">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="表情">
</li>
<li class="plans-ol-item grid-5">
<h6 class="txt-4001616 plans-ol-item-h6">消息分类</h6>
<img class="plans-ol-item-icon2" src="../img/price_icon2.svg" alt="消息分类">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="消息分类">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="消息分类">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="消息分类">
</li>
<li class="plans-ol-item grid-5">
<h6 class="txt-4001616 plans-ol-item-h6">消息右键功能</h6>
<img class="plans-ol-item-icon2" src="../img/price_icon2.svg" alt="消息右键功能">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="消息右键功能">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="消息右键功能">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="消息右键功能">
</li>
<li class="plans-ol-item grid-5">
<h6 class="txt-4001616 plans-ol-item-h6">消息免打扰</h6>
<img class="plans-ol-item-icon2" src="../img/price_icon2.svg" alt="消息免打扰">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="消息免打扰">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="消息免打扰">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="消息免打扰">
</li>
<li class="plans-ol-item grid-5">
<h6 class="txt-4001616 plans-ol-item-h6">颜色标注</h6>
<img class="plans-ol-item-icon2" src="../img/price_icon2.svg" alt="颜色标注">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="颜色标注">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="颜色标注">
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="颜色标注">
</li>
</ol>
</li>
<!-- <li class="plans-ul-t-item grid-5" style="padding: 24px;">
<h4 class="plans-ul-t-item-h4"></h4>
<div class="plans-ul-t-item-h4">
<span class="plans-ul-b-item-btn">
<a href="https://github.com/kuaifan/dootask/tree/pro" target="_blank"> <button class="btn btn-primary">立即部署</button> </a>
</span>
</div>
<div class="plans-ul-t-item-h4">
<span class="plans-ul-b-item-btn">
<a href="https://github.com/kuaifan/dootask/tree/pro" target="_blank"> <button class="btn btn-primary">立即部署</button> </a>
</span>
</div>
<div class="plans-ul-t-item-h4">
<span class="plans-ul-b-item-btn">
<button class="btn btn-primary" onclick="showBox('联系我们')">联系我们</button>
@ -459,15 +602,162 @@
<button class="btn btn-primary" onclick="showBox('定制咨询')">定制咨询</button>
</span>
</div>
</li>
</li> -->
</ul>
<ul class="plans-ul-768">
<li class="plans-ul-768-item mb-36">
<h5 class="txt-5001822 help-h5 mb-16">免费</h5>
<h5 class="txt-5001822 help-h5 mb-16">普通版</h5>
<ol class="plans-ol-768">
<li class="plans-ol-768-item">
<div class="plans-ol-768-content">
<h6 class="txt-5001616 plans-ol-item-h4">系统使用情况</h6>
<h6 class="txt-5001616 plans-ol-item-h4">系统使用</h6>
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">用户数量</h6>
<h6 class="txt-4001516 plans-ol-item-h6">无限制</h6>
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">项目数量</h6>
<h6 class="txt-4001516 plans-ol-item-h6">无限制</h6>
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">任务数量</h6>
<h6 class="txt-4001516 plans-ol-item-h6">无限制</h6>
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">离线部署</h6>
<h6 class="txt-4001516 plans-ol-item-h6">支持</h6>
</div>
</li>
<li class="plans-ol-768-item">
<div class="plans-ol-768-content">
<h6 class="txt-5001616 plans-ol-item-h4">任务协作</h6>
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">多视图展示</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="多视图展示">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">自定义栏目</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="自定义栏目">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">可见性设置</h6>
<img class="plans-ol-item-icon2" src="../img/price_icon2.svg" alt="可见性设置">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">重复周期</h6>
<img class="plans-ol-item-icon2" src="../img/price_icon2.svg" alt="重复周期">
</div>
</li>
<li class="plans-ol-768-item">
<div class="plans-ol-768-content">
<h6 class="txt-5001616 plans-ol-item-h4">项目管理</h6>
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">项目进度</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="项目进度">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">项目模板</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="项目模板">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">甘特图</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="甘特图">
</div>
</li>
<li class="plans-ol-768-item">
<div class="plans-ol-768-content">
<h6 class="txt-5001616 plans-ol-item-h4">应用</h6>
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">审批中心</h6>
<img class="plans-ol-item-icon2" src="../img/price_icon2.svg" alt="审批中心">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">OKR管理</h6>
<img class="plans-ol-item-icon2" src="../img/price_icon2.svg" alt="OKR管理">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">AI机器人</h6>
<img class="plans-ol-item-icon2" src="../img/price_icon2.svg" alt="AI机器人">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">会议</h6>
<img class="plans-ol-item-icon2" src="../img/price_icon2.svg" alt="会议">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">OKR结果分析</h6>
<img class="plans-ol-item-icon2" src="../img/price_icon2.svg" alt="OKR结果分析">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">LDAP</h6>
<img class="plans-ol-item-icon2" src="../img/price_icon2.svg" alt="LDAP">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">邮件</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="邮件">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">APP推送</h6>
<img class="plans-ol-item-icon2" src="../img/price_icon2.svg" alt="APP推送">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">团队管理</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="团队管理">
</div>
</li>
<li class="plans-ol-768-item">
<div class="plans-ol-768-content">
<h6 class="txt-5001616 plans-ol-item-h4">聊天</h6>
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">@功能</h6>
<img class="plans-ol-item-icon2" src="../img/price_icon2.svg" alt="@功能">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">关联任务</h6>
<img class="plans-ol-item-icon2" src="../img/price_icon2.svg" alt="关联任务">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">表情</h6>
<img class="plans-ol-item-icon2" src="../img/price_icon2.svg" alt="表情">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">消息分类</h6>
<img class="plans-ol-item-icon2" src="../img/price_icon2.svg" alt="消息分类">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">消息右键功能</h6>
<img class="plans-ol-item-icon2" src="../img/price_icon2.svg" alt="消息右键功能">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">消息免打扰</h6>
<img class="plans-ol-item-icon2" src="../img/price_icon2.svg" alt="消息免打扰">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">颜色标注</h6>
<img class="plans-ol-item-icon2" src="../img/price_icon2.svg" alt="颜色标注">
</div>
</li>
<li class="price-card-money mb-16">
<h2 class="txt-6002430 price-card-h2">¥0</h2>
<i class="txt-5001528 price-card-unit">/月</i>
</li>
<li>
<span style="display: inline-block; width: 100%;">
<a href="https://github.com/kuaifan/dootask/tree/pro" target="_blank" class="start_a"> <button class="btn btn-primary">立即部署</button> </a>
</span>
</li>
</ol>
</li>
<li class="plans-ul-768-item mb-36">
<h5 class="txt-5001822 help-h5 mb-16">专业版</h5>
<ol class="plans-ol-768">
<li class="plans-ol-768-item">
<div class="plans-ol-768-content">
<h6 class="txt-5001616 plans-ol-item-h4">系统使用</h6>
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">用户数量</h6>
@ -491,24 +781,20 @@
<h6 class="txt-5001616 plans-ol-item-h4">任务协作</h6>
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">多视图展示（看板/日历/列表）</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="多视图展示（看板/日历/列表）">
<h6 class="txt-4001516 plans-ol-item-h6">多视图展示</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="多视图展示">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">任务自定义字段</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="任务自定义字段">
<h6 class="txt-4001516 plans-ol-item-h6">自定义栏目</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="自定义栏目">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">任务循环</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="任务循环">
<h6 class="txt-4001516 plans-ol-item-h6">可见性设置</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="可见性设置">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">任务映射</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="任务映射">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">任务依赖性</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="任务依赖性">
<h6 class="txt-4001516 plans-ol-item-h6">重复周期</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="重复周期">
</div>
</li>
<li class="plans-ol-768-item">
@ -516,20 +802,90 @@
<h6 class="txt-5001616 plans-ol-item-h4">项目管理</h6>
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">项目进展</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="项目进展">
<h6 class="txt-4001516 plans-ol-item-h6">项目进度</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="项目进度">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">项目模板</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="项目模板">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">项目自定义视图</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="项目自定义视图">
<h6 class="txt-4001516 plans-ol-item-h6">甘特图</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="甘特图">
</div>
</li>
<li class="plans-ol-768-item">
<div class="plans-ol-768-content">
<h6 class="txt-5001616 plans-ol-item-h4">应用</h6>
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">时间轴视图（甘特图）</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="时间轴视图（甘特图）">
<h6 class="txt-4001516 plans-ol-item-h6">审批中心</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="审批中心">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">OKR管理</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="OKR管理">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">AI机器人</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="AI机器人">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">会议</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="会议">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">OKR结果分析</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="OKR结果分析">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">LDAP</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="LDAP">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">邮件</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="邮件">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">APP推送</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="APP推送">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">团队管理</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="团队管理">
</div>
</li>
<li class="plans-ol-768-item">
<div class="plans-ol-768-content">
<h6 class="txt-5001616 plans-ol-item-h4">聊天</h6>
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">@功能</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="@功能">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">关联任务</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="关联任务">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">表情</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="表情">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">消息分类</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="消息分类">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">消息右键功能</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="消息右键功能">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">消息免打扰</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="消息免打扰">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">颜色标注</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="颜色标注">
</div>
</li>
<li class="price-card-money mb-16">
@ -544,11 +900,11 @@
</ol>
</li>
<li class="plans-ul-768-item mb-36">
<h5 class="txt-5001822 help-h5 mb-16">年度</h5>
<h5 class="txt-5001822 help-h5 mb-16">专业版</h5>
<ol class="plans-ol-768">
<li class="plans-ol-768-item">
<div class="plans-ol-768-content">
<h6 class="txt-5001616 plans-ol-item-h4">系统使用情况</h6>
<h6 class="txt-5001616 plans-ol-item-h4">系统使用</h6>
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">用户数量</h6>
@ -564,7 +920,7 @@
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">离线部署</h6>
<h6 class="txt-4001516 plans-ol-item-h6">支持</h6>
<h6 class="txt-4001516 plans-ol-item-h6">官方支持</h6>
</div>
</li>
<li class="plans-ol-768-item">
@ -572,24 +928,20 @@
<h6 class="txt-5001616 plans-ol-item-h4">任务协作</h6>
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">多视图展示（看板/日历/列表）</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="多视图展示（看板/日历/列表）">
<h6 class="txt-4001516 plans-ol-item-h6">多视图展示</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="多视图展示">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">任务自定义字段</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="任务自定义字段">
<h6 class="txt-4001516 plans-ol-item-h6">自定义栏目</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="自定义栏目">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">任务循环</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="任务循环">
<h6 class="txt-4001516 plans-ol-item-h6">可见性设置</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="可见性设置">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">任务映射</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="任务映射">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">任务依赖性</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="任务依赖性">
<h6 class="txt-4001516 plans-ol-item-h6">重复周期</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="重复周期">
</div>
</li>
<li class="plans-ol-768-item">
@ -597,109 +949,246 @@
<h6 class="txt-5001616 plans-ol-item-h4">项目管理</h6>
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">项目进展</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="项目进展">
<h6 class="txt-4001516 plans-ol-item-h6">项目进度</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="项目进度">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">项目模板</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="项目模板">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">项目自定义视图</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="项目自定义视图">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">时间轴视图（甘特图）</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="时间轴视图（甘特图）">
</div>
</li>
<li class="price-card-money mb-16">
<h2 class="txt-6002430 price-card-h2">¥3,000</h2>
<i class="txt-5001528 price-card-unit">/年</i>
</li>
<li>
<span style="display: inline-block; width: 100%;">
<a href="https://github.com/kuaifan/dootask/tree/pro" target="_blank"> <button class="btn btn-primary">立即部署</button> </a>
</span>
</li>
</ol>
</li>
<li class="plans-ul-768-item mb-24">
<h4 class="txt-5001822 plans-ul-t-item-h4 flex-s-c mb-16">终身<i class="rec-icon">Rec.</i></h4>
<ol class="plans-ol-768">
<li class="plans-ol-768-item">
<div class="plans-ol-768-content">
<h6 class="txt-5001616 plans-ol-item-h4">系统使用情况</h6>
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">用户数量</h6>
<h6 class="txt-4001516 plans-ol-item-h6">无限制</h6>
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">项目数量</h6>
<h6 class="txt-4001516 plans-ol-item-h6">无限制</h6>
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">任务数量</h6>
<h6 class="txt-4001516 plans-ol-item-h6">无限制</h6>
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">离线部署</h6>
<h6 class="txt-4001516 plans-ol-item-h6">支持</h6>
<h6 class="txt-4001516 plans-ol-item-h6">甘特图</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="甘特图">
</div>
</li>
<li class="plans-ol-768-item">
<div class="plans-ol-768-content">
<h6 class="txt-5001616 plans-ol-item-h4">任务协作</h6>
<h6 class="txt-5001616 plans-ol-item-h4">应用</h6>
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">多视图展示（看板/日历/列表）</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="多视图展示（看板/日历/列表）">
<h6 class="txt-4001516 plans-ol-item-h6">审批中心</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="审批中心">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">任务自定义字段</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="任务自定义字段">
<h6 class="txt-4001516 plans-ol-item-h6">OKR管理</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="OKR管理">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">任务循环</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="任务循环">
<h6 class="txt-4001516 plans-ol-item-h6">AI机器人</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="AI机器人">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">任务映射</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="任务映射">
<h6 class="txt-4001516 plans-ol-item-h6">会议</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="会议">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">任务依赖性</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="任务依赖性">
<h6 class="txt-4001516 plans-ol-item-h6">OKR结果分析</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="OKR结果分析">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">LDAP</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="LDAP">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">邮件</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="邮件">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">APP推送</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="APP推送">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">团队管理</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="团队管理">
</div>
</li>
<li class="plans-ol-768-item">
<div class="plans-ol-768-content">
<h6 class="txt-5001616 plans-ol-item-h4">项目管理</h6>
<h6 class="txt-5001616 plans-ol-item-h4">聊天</h6>
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">项目进展</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="项目进展">
<h6 class="txt-4001516 plans-ol-item-h6">@功能</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="@功能">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">项目模板</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="项目模板">
<h6 class="txt-4001516 plans-ol-item-h6">关联任务</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="关联任务">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">项目自定义视图</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="项目自定义视图">
<h6 class="txt-4001516 plans-ol-item-h6">表情</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="表情">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">时间轴视图（甘特图）</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="时间轴视图（甘特图）">
<h6 class="txt-4001516 plans-ol-item-h6">消息分类</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="消息分类">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">消息右键功能</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="消息右键功能">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">消息免打扰</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="消息免打扰">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">颜色标注</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="颜色标注">
</div>
</li>
<li class="price-card-money mb-16">
<h2 class="txt-6002430 price-card-h2">¥18,888</h2>
<i class="txt-5001528 price-card-unit">/永久</i>
</li>
<li>
<span style="display: inline-block; width: 100%;">
<a href="https://github.com/kuaifan/dootask/tree/pro" target="_blank"> <button class="btn btn-primary">立即部署</button> </a>
<button class="btn btn-primary mb-24" onclick="showBox('联系我们')">联系我们</button>
</span>
</li>
</ol>
</li>
<li class="plans-ul-768-item mb-36">
<h5 class="txt-5001822 help-h5 mb-16">定制版</h5>
<ol class="plans-ol-768">
<li class="plans-ol-768-item">
<div class="plans-ol-768-content">
<h6 class="txt-5001616 plans-ol-item-h4">系统使用</h6>
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">用户数量</h6>
<h6 class="txt-4001516 plans-ol-item-h6">可定制</h6>
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">项目数量</h6>
<h6 class="txt-4001516 plans-ol-item-h6">无限制</h6>
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">任务数量</h6>
<h6 class="txt-4001516 plans-ol-item-h6">无限制</h6>
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">离线部署</h6>
<h6 class="txt-4001516 plans-ol-item-h6">官方支持</h6>
</div>
</li>
<li class="plans-ol-768-item">
<div class="plans-ol-768-content">
<h6 class="txt-5001616 plans-ol-item-h4">任务协作</h6>
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">多视图展示</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="多视图展示">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">自定义栏目</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="自定义栏目">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">可见性设置</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="可见性设置">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">重复周期</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="重复周期">
</div>
</li>
<li class="plans-ol-768-item">
<div class="plans-ol-768-content">
<h6 class="txt-5001616 plans-ol-item-h4">项目管理</h6>
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">项目进度</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="项目进度">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">项目模板</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="项目模板">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">甘特图</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="甘特图">
</div>
</li>
<li class="plans-ol-768-item">
<div class="plans-ol-768-content">
<h6 class="txt-5001616 plans-ol-item-h4">应用</h6>
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">审批中心</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="审批中心">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">OKR管理</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="OKR管理">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">AI机器人</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="AI机器人">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">会议</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="会议">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">OKR结果分析</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="OKR结果分析">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">LDAP</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="LDAP">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">邮件</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="邮件">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">APP推送</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="APP推送">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">团队管理</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="团队管理">
</div>
</li>
<li class="plans-ol-768-item">
<div class="plans-ol-768-content">
<h6 class="txt-5001616 plans-ol-item-h4">聊天</h6>
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">@功能</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="@功能">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">关联任务</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="关联任务">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">表情</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="表情">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">消息分类</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="消息分类">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">消息右键功能</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="消息右键功能">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">消息免打扰</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="消息免打扰">
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">颜色标注</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="颜色标注">
</div>
</li>
<li class="price-card-money mb-16">
<h2 class="txt-6002430 price-card-h2">定制</h2>
<!-- <i class="txt-5001528 price-card-unit">/月</i> -->
</li>
<li>
<span style="display: inline-block; width: 100%;">
<button class="btn btn-primary mb-24" onclick="showBox('定制咨询')">定制咨询</button>
</span>
</li>
</ol>
@ -822,7 +1311,6 @@
name.innerHTML = text
}
document.querySelector('.BulletBox1Btn').addEventListener('click',function(){
console.log("aaaaa");
const box = document.querySelector('.BulletBox1')
box.style.display = 'none'
})