From 1fae364e7d78e6cac6bb45e5a942074ba634b9ff Mon Sep 17 00:00:00 2001
From: kuaifan <aipaw@live.cn>
Date: Sun, 26 Dec 2021 00:23:06 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E6=8C=89=E9=9C=80=E5=8A=A0=E8=BD=BD?=
 =?UTF-8?q?=E5=AF=8C=E6=96=87=E6=9C=AC=E9=9D=99=E6=80=81=E8=B5=84=E6=BA=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 resources/assets/js/components/TEditor.vue          |  6 ------
 .../js/pages/manage/components/FileContent.vue      | 11 +++++++----
 .../assets/js/pages/manage/components/TaskAdd.vue   | 13 +++++++++----
 .../js/pages/manage/components/TaskDetail.vue       | 12 +++++-------
 resources/assets/js/pages/manage/file.vue           |  4 +---
 resources/assets/sass/components/t-editor.scss      | 10 ----------
 6 files changed, 22 insertions(+), 34 deletions(-)

diff --git a/resources/assets/js/components/TEditor.vue b/resources/assets/js/components/TEditor.vue
index 31006adf..10245f33 100755
--- a/resources/assets/js/components/TEditor.vue
+++ b/resources/assets/js/components/TEditor.vue
@@ -1,6 +1,5 @@
 <template>
     <div class="teditor-wrapper">
-        <input ref="input" class="teditor-bginput"/>
         <div class="teditor-box" :class="[!inline && spinShow ? 'teditor-loadstyle' : 'teditor-loadedstyle']">
             <template v-if="inline">
                 <div ref="myTextarea" :id="id" v-html="content"></div>
@@ -351,11 +350,6 @@
                                 } else {
                                     this.editor.setMode('design');
                                 }
-                                if (this.inline) {
-                                    this.$nextTick(() => {
-                                        this.$refs.input.focus();
-                                    });
-                                }
                                 this.$emit('editorInit', this.editor);
                             });
                             editor.on('KeyUp', (e) => {
diff --git a/resources/assets/js/pages/manage/components/FileContent.vue b/resources/assets/js/pages/manage/components/FileContent.vue
index bda880f7..2cceadf5 100644
--- a/resources/assets/js/pages/manage/components/FileContent.vue
+++ b/resources/assets/js/pages/manage/components/FileContent.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="file-content">
+    <div v-if="ready" class="file-content">
         <iframe v-if="isPreview" ref="myPreview" class="preview-iframe" :src="previewUrl"></iframe>
         <template v-else>
             <div v-show="!['word', 'excel', 'ppt'].includes(file.type)" class="edit-header">
@@ -96,6 +96,8 @@ export default {
 
     data() {
         return {
+            ready: false,
+
             loadContent: 0,
             loadIng: 0,
 
@@ -162,10 +164,11 @@ export default {
 
         value: {
             handler(val) {
-                if (!val) {
-                    this.fileContent[this.fileId] = this.contentDetail;
-                } else {
+                if (val) {
+                    this.ready = true;
                     this.editUser = [this.userId];
+                } else {
+                    this.fileContent[this.fileId] = this.contentDetail;
                 }
             },
             immediate: true,
diff --git a/resources/assets/js/pages/manage/components/TaskAdd.vue b/resources/assets/js/pages/manage/components/TaskAdd.vue
index d47fa485..98fceb22 100644
--- a/resources/assets/js/pages/manage/components/TaskAdd.vue
+++ b/resources/assets/js/pages/manage/components/TaskAdd.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="task-add">
+    <div v-if="ready" class="task-add">
         <div class="head" :class="{empty:addData.cascader.length == 0,visible:cascaderShow}">
             <Cascader
                 v-model="addData.cascader"
@@ -116,11 +116,11 @@
                 <ButtonGroup class="page-manage-add-task-button-group">
                     <Button type="primary" :loading="loadIng > 0" @click="onAdd">{{$L('添加任务')}}</Button>
                     <Dropdown @on-click="onAdd(true)">
-                        <Button type="primary" :loading="loadIng > 0">
+                        <Button type="primary">
                             <Icon type="ios-arrow-down"></Icon>
                         </Button>
                         <DropdownMenu slot="list">
-                            <DropdownItem>{{$L('提交继续添加')}}</DropdownItem>
+                            <DropdownItem :disabled="loadIng > 0">{{$L('提交继续添加')}}</DropdownItem>
                         </DropdownMenu>
                     </Dropdown>
                 </ButtonGroup>
@@ -145,6 +145,8 @@ export default {
     },
     data() {
         return {
+            ready: false,
+
             addData: {
                 cascader: [],
                 name: "",
@@ -207,9 +209,12 @@ export default {
     watch: {
         value(val) {
             if (val) {
+                this.ready = true;
                 this.initCascaderData();
                 this.initProjectData();
-                this.$nextTick(this.$refs.input.focus)
+                this.$nextTick(() => {
+                    this.$refs.input.focus()
+                })
             }
         },
         'addData.project_id'(id) {
diff --git a/resources/assets/js/pages/manage/components/TaskDetail.vue b/resources/assets/js/pages/manage/components/TaskDetail.vue
index 4ba24519..b30dabb6 100644
--- a/resources/assets/js/pages/manage/components/TaskDetail.vue
+++ b/resources/assets/js/pages/manage/components/TaskDetail.vue
@@ -1,6 +1,6 @@
 <template>
     <!--子任务-->
-    <li v-if="taskDetail.parent_id > 0">
+    <li v-if="ready && taskDetail.parent_id > 0">
         <div class="subtask-icon">
             <div v-if="taskDetail.loading === true" class="loading"><Loading /></div>
             <EDropdown
@@ -90,7 +90,7 @@
         </Poptip>
     </li>
     <!--主任务-->
-    <div v-else v-show="taskDetail.id > 0" :class="{'task-detail':true, 'open-dialog': hasOpenDialog, 'completed': taskDetail.complete_at}">
+    <div v-else-if="ready" v-show="taskDetail.id > 0" :class="{'task-detail':true, 'open-dialog': hasOpenDialog, 'completed': taskDetail.complete_at}">
         <div class="task-info">
             <div class="head">
                 <Icon v-if="taskDetail.complete_at" class="icon completed" type="md-checkmark-circle" @click="updateData('uncomplete')"/>
@@ -154,7 +154,6 @@
                 <div class="desc">
                     <TEditor
                         ref="desc"
-                        v-if="loadEditor"
                         :value="taskContent"
                         :plugins="taskPlugins"
                         :options="taskOptions"
@@ -422,8 +421,9 @@ export default {
     },
     data() {
         return {
+            ready: false,
+
             taskDetail: {},
-            loadEditor: false,
 
             ownerShow: false,
             ownerData: {},
@@ -695,9 +695,7 @@ export default {
         },
         taskId (id) {
             if (id > 0) {
-                this.$nextTick(() => {
-                    this.loadEditor = true;
-                });
+                this.ready = true;
             } else {
                 this.timeOpen = false;
                 this.timeForce = false;
diff --git a/resources/assets/js/pages/manage/file.vue b/resources/assets/js/pages/manage/file.vue
index c5b41db3..8b2b211f 100644
--- a/resources/assets/js/pages/manage/file.vue
+++ b/resources/assets/js/pages/manage/file.vue
@@ -199,7 +199,7 @@
             v-model="editShow"
             class="page-file-drawer"
             :mask-closable="false">
-            <FileContent v-if="editNum > 0" v-model="editShow" :file="editInfo"/>
+            <FileContent v-model="editShow" :file="editInfo"/>
         </DrawerOverlay>
 
     </div>
@@ -289,7 +289,6 @@ export default {
             shareInfo: {},
             shareLoad: 0,
 
-            editNum: 0, // 此参数是为了判断首次打开文件再加载文件组件
             editShow: false,
             editInfo: {},
 
@@ -397,7 +396,6 @@ export default {
 
         editShow(val) {
             if (val) {
-                this.editNum++;
                 this.$store.dispatch("websocketPath", "file/content/" + this.editInfo.id);
             } else {
                 this.$store.dispatch("websocketPath", "file");
diff --git a/resources/assets/sass/components/t-editor.scss b/resources/assets/sass/components/t-editor.scss
index 7c1dc5d5..30d5a48f 100755
--- a/resources/assets/sass/components/t-editor.scss
+++ b/resources/assets/sass/components/t-editor.scss
@@ -7,16 +7,6 @@
     }
 }
 
-.teditor-bginput {
-    position: absolute;
-    top: 0;
-    left: 0;
-    opacity: 0;
-    width: 0;
-    height: 0;
-    z-index: -999;
-}
-
 .teditor-box {
     position: relative;
     min-height: 22px;