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 {