From 748976f39328a0dd3cbec4f68d344b7c45684707 Mon Sep 17 00:00:00 2001
From: kuaifan <aipaw@live.cn>
Date: Thu, 6 Jan 2022 20:12:13 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=88=9B=E5=BB=BA=E4=BB=BB=E5=8A=A1?=
 =?UTF-8?q?=E7=AA=97=E5=8F=A3=E6=B7=BB=E5=8A=A0=E5=B0=8F=E6=97=B6=E9=92=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../js/pages/manage/components/TaskAdd.vue    | 16 +++++++++++
 .../sass/pages/components/task-add.scss       | 28 +++++++++++++++++++
 2 files changed, 44 insertions(+)

diff --git a/resources/assets/js/pages/manage/components/TaskAdd.vue b/resources/assets/js/pages/manage/components/TaskAdd.vue
index d62f34a0..c9aa0e65 100644
--- a/resources/assets/js/pages/manage/components/TaskAdd.vue
+++ b/resources/assets/js/pages/manage/components/TaskAdd.vue
@@ -46,6 +46,10 @@
                         </ETooltip>
                     </li>
                 </ul>
+                <div v-if="taskDays > 0" class="advanced-time">
+                    <Icon type="ios-clock-outline" />
+                    <em type="primary" :style="addData.p_color ? {backgroundColor:addData.p_color} : {}">{{taskDays}}</em>
+                </div>
             </div>
         </div>
 
@@ -205,6 +209,18 @@ export default {
     },
     computed: {
         ...mapState(['userId', 'projects', 'projectId', 'columns', 'taskPriority']),
+
+        taskDays() {
+            const {times} = this.addData;
+            let temp = $A.date2string(times, "Y-m-d H:i");
+            if (temp[0] && temp[1]) {
+                let d = Math.floor(($A.Date(temp[1]).getTime() - $A.Date(temp[0]).getTime()) / 86400000);
+                if (d > 0) {
+                    return d;
+                }
+            }
+            return 0;
+        }
     },
     watch: {
         value(val) {
diff --git a/resources/assets/sass/pages/components/task-add.scss b/resources/assets/sass/pages/components/task-add.scss
index fd52c42e..023c1210 100644
--- a/resources/assets/sass/pages/components/task-add.scss
+++ b/resources/assets/sass/pages/components/task-add.scss
@@ -110,6 +110,34 @@
                     }
                 }
             }
+            .advanced-time {
+                display: flex;
+                align-items: center;
+                margin-left: 20px;
+                position: relative;
+                .ivu-icon {
+                    font-size: 32px;
+                }
+                > em {
+                    position: absolute;
+                    top: -5px;
+                    left: 16px;
+                    font-family: "Monospaced Number", "serif";
+                    transform: scale(0.8);
+                    height: 20px;
+                    min-width: 20px;
+                    line-height: 20px;
+                    border-radius: 10px;
+                    background: #8bcf70;
+                    color: #fff;
+                    text-align: center;
+                    padding: 0 6px;
+                    font-size: 12px;
+                    font-style: normal;
+                    white-space: nowrap;
+                    box-shadow: 0 0 0 1px #fff;
+                }
+            }
         }
     }
     .task-add-advanced {