优化移动端

resources/assets/js/pages/manage/components/ChatInput/index.vue

@@ -151,7 +151,7 @@ export default {
             const {wrapperWidth, editorHeight} = this;
             if (wrapperWidth > 0
                 && editorHeight > 0
-                && (wrapperWidth < 300 || editorHeight > 40)) {
+                && (wrapperWidth < 280 || editorHeight > 40)) {
                 return {
                     width: '100%'
                 };

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

@@ -1,36 +0,0 @@
-<template>
-    <div class="project-all">
-        <PageTitle :title="$L('项目')"/>
-    </div>
-</template>
-
-<script>
-export default {
-    name: "ProjectAll",
-    data() {
-        return {
-
-        }
-    },
-
-    mounted() {
-
-    },
-
-    destroyed() {
-
-    },
-
-    computed: {
-
-    },
-
-    watch: {
-
-    },
-
-    methods: {
-
-    }
-}
-</script>

resources/assets/js/pages/manage/messenger.vue

@@ -163,11 +163,11 @@ export default {
     },
 
     computed: {
-        ...mapState(['userId', 'cacheDialogs', 'windowMax768']),
+        ...mapState(['userId', 'cacheDialogs', 'isDesktop']),
 
         dialogId() {
             const {dialogId} = this.$route.params;
-            if (dialogId && !/^\d+$/.test(dialogId)) {
+            if (['dialog', 'contacts'].includes(dialogId)) {
                 this.tabActive = dialogId
             }
             return parseInt(/^\d+$/.test(dialogId) ? dialogId : 0);
@@ -317,7 +317,7 @@ export default {
         },
 
         openContacts(user) {
-            if (!this.windowMax768) {
+            if (this.isDesktop) {
                 this.tabActive = 'dialog';
             }
             this.$store.dispatch("openDialogUserid", user.userid).then(({data}) => {

resources/assets/js/pages/manage/project.vue

@@ -1,20 +1,20 @@
 <template>
     <div class="page-project">
         <template v-if="projectId > 0">
-            <ProjectList/>
+            <ProjectPanel/>
             <ProjectDialog v-if="projectData.cacheParameter.chat"/>
         </template>
-        <ProjectAll v-else-if="routeName === 'manage-project'"/>
+        <ProjectList v-else-if="routeName === 'manage-project'"/>
     </div>
 </template>
 
 <script>
 import {mapState, mapGetters} from "vuex";
-import ProjectList from "./components/ProjectList";
+import ProjectPanel from "./components/ProjectPanel";
 import ProjectDialog from "./components/ProjectDialog";
-import ProjectAll from "./components/ProjectAll";
+import ProjectList from "./components/ProjectList";
 export default {
-    components: {ProjectAll, ProjectDialog, ProjectList},
+    components: {ProjectList, ProjectDialog, ProjectPanel},
 
     deactivated() {
         this.$store.dispatch("forgetTaskCompleteTemp", true);

resources/assets/js/pages/manage/setting/index.vue

@@ -57,7 +57,7 @@ export default {
     },
 
     computed: {
-        ...mapState(['userInfo', 'userIsAdmin', 'clientNewVersion', 'windowMax768']),
+        ...mapState(['userInfo', 'userIsAdmin', 'clientNewVersion', 'isDesktop']),
 
         routeName() {
             return this.$route.name
@@ -93,10 +93,10 @@ export default {
         routeName: {
             handler(name) {
                 if (name === 'manage-setting') {
-                    if (!this.windowMax768) {
+                    this.show768Menu = true;
+                    if (this.isDesktop) {
                         this.goForward({name: 'manage-setting-personal'}, true);
                     }
-                    this.show768Menu = true;
                 }
             },
             immediate: true
@@ -115,7 +115,7 @@ export default {
 
         classNameRoute(path, divided) {
             return {
-                "active": !this.windowMax768 && this.routeName === `manage-setting-${path}`,
+                "active": this.isDesktop && this.routeName === `manage-setting-${path}`,
                 "divided": !!divided
             };
         },

resources/assets/sass/dark.scss

@@ -95,7 +95,7 @@ body.dark-mode-reverse {
         }
     }
 
-    .project-list {
+    .project-panel {
         .project-head {
             .project-titbox {
                 .project-title {

resources/assets/sass/pages/components/_.scss

@@ -8,6 +8,7 @@
 @import "project-list";
 @import "project-log";
 @import "project-management";
+@import "project-panel";
 @import "project-workflow";
 @import "task-add";
 @import "task-add-simple";

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

@@ -445,8 +445,9 @@
         .messenger-wrapper {
             .messenger-select {
                 .messenger-menu {
-                    height: 60px;
                     border-top: 0;
+                    height: 60px;
+                    opacity: 0;
                 }
             }
         }

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

@@ -2,7 +2,7 @@
     flex: 1;
     display: flex;
     align-items: flex-start;
-    .project-list {
+    .project-panel {
         flex: 1;
         width: 0;
         height: 100%;
@@ -20,7 +20,7 @@
 
 @media (max-width: 768px) {
     .page-project {
-        .project-list {
+        .project-panel {
             height: auto;
             &.gantt {
                 height: 100%;