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 @@
+
+
+ {{taskDays}}
+
@@ -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 {