From 23d0f50a3d7b49e12796a2ae381050c5a9d64f37 Mon Sep 17 00:00:00 2001
From: kuaifan <aipaw@live.cn>
Date: Sat, 1 Mar 2025 14:50:44 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E4=BB=BB=E5=8A=A1=E8=AF=A6=E6=83=85?=
 =?UTF-8?q?=E6=94=AF=E6=8C=81=E8=B0=83=E6=95=B4=E8=81=8A=E5=A4=A9=E5=8C=BA?=
 =?UTF-8?q?=E5=9F=9F=E5=B0=BA=E5=AF=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 resources/assets/js/functions/common.js       | 13 ++++++++---
 .../js/pages/manage/components/TaskDetail.vue | 23 ++++++++++++++++---
 .../sass/pages/components/task-detail.scss    | 13 ++++++++---
 3 files changed, 40 insertions(+), 9 deletions(-)

diff --git a/resources/assets/js/functions/common.js b/resources/assets/js/functions/common.js
index b6ab466f1..b6433f96e 100755
--- a/resources/assets/js/functions/common.js
+++ b/resources/assets/js/functions/common.js
@@ -1426,16 +1426,23 @@ const timezone = require("dayjs/plugin/timezone");
             return this.isJson(value) ? value : def;
         },
 
+        existsStorage(key) {
+            return this.__operationStorage(key) !== null;
+        },
+
         __operationStorage(key, value) {
             if (!key) {
                 return;
             }
             let keyName = '__state__';
-            if (key.substring(0, 5) === 'cache') {
-                keyName = '__state:' + key + '__';
+            const keyArr = key.split(".");
+            if (keyArr.length > 1) {
+                const stateName = keyArr.shift();
+                keyName = '__state:' + stateName + '__';
+                key = keyArr.join(".");
             }
             if (typeof value === 'undefined') {
-                return this.__loadFromlLocal(key, '', keyName);
+                return this.__loadFromlLocal(key, null, keyName);
             } else {
                 this.__savaToLocal(key, value, keyName);
             }
diff --git a/resources/assets/js/pages/manage/components/TaskDetail.vue b/resources/assets/js/pages/manage/components/TaskDetail.vue
index 97f0402fb..404545afe 100755
--- a/resources/assets/js/pages/manage/components/TaskDetail.vue
+++ b/resources/assets/js/pages/manage/components/TaskDetail.vue
@@ -431,6 +431,13 @@
             <TaskUpload ref="upload" class="upload" @on-select-file="onSelectFile"/>
         </div>
         <div v-show="taskDetail.id > 0" class="task-dialog" :style="dialogStyle">
+            <ResizeLine
+                class="task-resize"
+                placement="right"
+                v-model="taskDialogWidth"
+                :min="220"
+                :max="900"
+                :reverse="true"/>
             <template v-if="hasOpenDialog">
                 <DialogWrapper v-if="taskId > 0" ref="dialog" :dialog-id="taskDetail.dialog_id">
                     <div slot="head" class="head">
@@ -566,6 +573,7 @@ import TaskTag from "./ProjectTaskTag/tags.vue";
 import TaskTagSelect from "./ProjectTaskTag/select.vue";
 import TaskExistTips from "./TaskExistTips.vue";
 import TEditorTask from "../../../components/TEditorTask.vue";
+import ResizeLine from "../../../components/ResizeLine.vue";
 import TaskContentHistory from "./TaskContentHistory.vue";
 import TaskTagAdd from "./ProjectTaskTag/add.vue";
 import emitter from "../../../store/events";
@@ -573,6 +581,7 @@ import emitter from "../../../store/events";
 export default {
     name: "TaskDetail",
     components: {
+        ResizeLine,
         TaskTagAdd,
         TaskContentHistory,
         TEditorTask,
@@ -617,6 +626,7 @@ export default {
             ready: false,
 
             taskDetail: {},
+            taskDialogWidth: $A.getStorageInt('task.dialogWidth', -1),
 
             ownerData: {},
             ownerLoad: 0,
@@ -705,6 +715,9 @@ export default {
             data.time && this.$set(this.delayTaskForm, 'time', Math.round(data.time * 100) / 100);
             data.type && this.$set(this.delayTaskForm, 'type', data.type);
         });
+        if (this.taskDialogWidth === -1) {
+            this.taskDialogWidth = Math.min(450, Math.min(1200, this.windowWidth * 0.9) * 0.4)
+        }
     },
 
     mounted() {
@@ -795,7 +808,7 @@ export default {
         },
 
         dialogStyle() {
-            const {windowHeight, hasOpenDialog} = this;
+            const {windowHeight, taskDialogWidth, hasOpenDialog} = this;
             const height = Math.min(1100, windowHeight)
             if (!height) {
                 return {};
@@ -805,7 +818,8 @@ export default {
             }
             const factor = height > 900 ? 200 : 70;
             return {
-                minHeight: (height - factor - 48) + 'px'
+                minHeight: (height - factor - 48) + 'px',
+                width: taskDialogWidth + 'px',
             }
         },
 
@@ -1049,7 +1063,10 @@ export default {
                     this.updateData('tag', this.tagValue);
                 }
             }
-        }
+        },
+        taskDialogWidth(w) {
+            $A.setStorage('task.dialogWidth', w);
+        },
     },
 
     methods: {
diff --git a/resources/assets/sass/pages/components/task-detail.scss b/resources/assets/sass/pages/components/task-detail.scss
index 4fcdf6fed..49fca38d1 100644
--- a/resources/assets/sass/pages/components/task-detail.scss
+++ b/resources/assets/sass/pages/components/task-detail.scss
@@ -5,7 +5,7 @@
     padding: 0 22px 10px 0;
     min-height: 120px;
     .task-info {
-        flex: 3;
+        flex: 1;
         display: flex;
         flex-direction: column;
         position: relative;
@@ -575,7 +575,6 @@
         }
     }
     .task-dialog {
-        flex: 2;
         flex-shrink: 0;
         display: flex;
         flex-direction: column;
@@ -583,6 +582,14 @@
         margin-top: 22px;
         position: relative;
         z-index: 1;
+        .task-resize {
+            position: absolute;
+            top: 0;
+            left: 0;
+            bottom: 0;
+            width: 2px;
+            z-index: 1;
+        }
         .head {
             display: flex;
             align-items: center;
@@ -794,7 +801,7 @@
         .task-dialog {
             margin: 0 0 0 18px;
             min-width: 220px;
-            max-width: 450px;
+            max-width: 900px;
             border-left: 1px solid #f4f5f5;
 
             .head {