no message

resources/assets/js/pages/login.vue

@@ -21,6 +21,7 @@
 
                     <Input
                         v-model="email"
+                        ref="email"
                         prefix="ios-mail-outline"
                         :placeholder="$L('输入您的电子邮件')"
                         type="email"
@@ -31,6 +32,7 @@
 
                     <Input
                         v-model="password"
+                        ref="password"
                         prefix="ios-lock-outline"
                         :placeholder="$L('输入您的密码')"
                         type="password"
@@ -41,6 +43,7 @@
                     <Input
                         v-if="loginType=='reg'"
                         v-model="password2"
+                        ref="password2"
                         prefix="ios-lock-outline"
                         :placeholder="$L('输入确认密码')"
                         type="password"
@@ -50,6 +53,7 @@
                     <Input
                         v-if="loginType=='reg' && needInvite"
                         v-model="invite"
+                        ref="invite"
                         class="login-code"
                         :placeholder="$L('请输入注册邀请码')"
                         type="text"
@@ -60,6 +64,7 @@
                     <Input
                         v-if="loginType=='login' && codeNeed"
                         v-model="code"
+                        ref="code"
                         class="login-code"
                         :placeholder="$L('输入图形验证码')"
                         type="text"
@@ -402,15 +407,18 @@ export default {
                 //
                 if (!$A.isEmail(this.email)) {
                     $A.messageWarning("请输入正确的邮箱地址");
+                    this.$refs.email.focus();
                     return;
                 }
                 if (!this.password) {
                     $A.messageWarning("请输入密码");
+                    this.$refs.password.focus();
                     return;
                 }
                 if (this.loginType == 'reg') {
                     if (this.password != this.password2) {
                         $A.messageWarning("确认密码输入不一致");
+                        this.$refs.password2.focus();
                         return;
                     }
                 }
@@ -441,6 +449,7 @@ export default {
                     if (data.code === 'need') {
                         this.reCode();
                         this.codeNeed = true;
+                        this.$refs.code.focus();
                     }
                 }).finally(_ => {
                     this.loadIng--;

resources/assets/js/pages/manage/components/DialogView.vue

@@ -53,9 +53,9 @@
                 <EPopover
                     v-model="popperShow"
                     ref="percent"
-                    placement="left-end"
+                    popper-class="dialog-wrapper-read-poptip"
-                    :width="360">
+                    placement="left-end">
-                    <div class="dialog-wrapper-read-poptip-content">
+                    <div class="read-poptip-content">
                         <ul class="read overlay-y">
                             <li class="read-title"><em>{{ readList.length }}</em>{{ $L('已读') }}</li>
                             <li v-for="item in readList">

resources/assets/sass/pages/common.scss

@@ -245,9 +245,9 @@ body {
 
             .ivu-modal-body {
                 padding: 16px 32px 2px;
-                overscroll-behavior: none;
 
-                * {
+                .ivu-table-body,
+                .project-log {
                     overscroll-behavior: none;
                 }
             }

resources/assets/sass/pages/components/dialog-wrapper.scss

@@ -735,7 +735,11 @@
     }
 }
 
-.dialog-wrapper-read-poptip-content {
+.dialog-wrapper-read-poptip {
+    width: 360px;
+    max-width: 72%;
+
+    .read-poptip-content {
         display: flex;
         position: relative;
 
@@ -746,11 +750,15 @@
             overflow: auto;
 
             > li {
+                min-height: 26px;
                 list-style: none;
                 margin-bottom: 12px;
 
                 .common-avatar {
                     width: 100%;
+                    .avatar-name {
+                        padding-right: 6px;
+                    }
                 }
 
                 &:last-child {
@@ -758,6 +766,7 @@
                 }
 
                 &.read-title {
+                    min-height: auto;
                     > em {
                         font-size: 18px;
                         font-weight: 600;
@@ -784,6 +793,8 @@
             background-color: #F4F4F5;
         }
     }
+}
+
 
 .dialog-wrapper-paste {
     display: flex;

resources/assets/sass/pages/page-manage.scss

@@ -343,8 +343,46 @@
 
     .task-title {
         max-width: 600px;
+        display: flex;
+        align-items: center;
+        > span {
+            flex-shrink: 0;
+            font-size: 12px;
+            height: 18px;
+            min-width: 20px;
+            line-height: 16px;
+            padding: 0 2px;
+            border-radius: 3px;
+            color: #8bcf70;
+            border: 1px solid #8bcf70;
+            margin-right: 6px;
+            &.start {
+                background-color: rgba($flow-status-start-color, 0.1);
+                border-color: rgba($flow-status-start-color, 0.1);
+                color: $flow-status-start-color;
+            }
+            &.progress {
+                background-color: rgba($flow-status-progress-color, 0.1);;
+                border-color: rgba($flow-status-progress-color, 0.1);;
+                color: $flow-status-progress-color;
+            }
+            &.test {
+                background-color: rgba($flow-status-test-color, 0.1);;
+                border-color: rgba($flow-status-test-color, 0.1);;
+                color: $flow-status-test-color;
+            }
+            &.end {
+                background-color: rgba($flow-status-end-color, 0.1);;
+                border-color: rgba($flow-status-end-color, 0.1);;
+                color: $flow-status-end-color;
+            }
+        }
+        .task-title-text {
+            flex: 1;
             overflow: hidden;
             text-overflow: ellipsis;
+            white-space: nowrap;
+        }
     }
 }
 

resources/assets/sass/pages/page-project.scss

@@ -20,13 +20,6 @@
 
 @media (max-width: 768px) {
     .page-project {
-        .project-panel {
-            height: auto;
-            min-height: 100%;
-            &.gantt {
-                height: 100%;
-            }
-        }
         .project-dialog {
             position: fixed;
             top: 0;
@@ -37,3 +30,14 @@
         }
     }
 }
+@media (max-height: 700px) {
+    .page-project {
+        .project-panel {
+            height: auto;
+            min-height: 100%;
+            &.gantt {
+                height: 100%;
+            }
+        }
+    }
+}