From b71bd7c581006efd3c5abf790d1612085e23c22f Mon Sep 17 00:00:00 2001
From: lyjGo <626576115@qq.com>
Date: Mon, 20 May 2024 10:54:58 +0800
Subject: [PATCH 1/2] Add control panel feature

---
 package.json              |  2 +-
 src/pages/Analysis.vue    |  4 ++++
 src/pages/Login.vue       |  2 ++
 src/pages/Tuning.vue      |  4 ++++
 src/static/js/analysis.js | 28 ++++++++++++++++++++++++++++
 src/static/js/login.js    | 14 ++++++++++++++
 src/static/js/tuning.js   | 28 ++++++++++++++++++++++++++++
 7 files changed, 81 insertions(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 9132a0a..c12336e 100644
--- a/package.json
+++ b/package.json
@@ -7,7 +7,7 @@
   "private": true,
   "scripts": {
     "test": "echo \"No test specified\" && exit 0",
-    "start": "quasar dev -H localhost"
+    "start": "quasar dev -H 192.168.64.2"
   },
   "dependencies": {
     "@quasar/extras": "^1.0.0",
diff --git a/src/pages/Analysis.vue b/src/pages/Analysis.vue
index 71159c6..2f513ef 100644
--- a/src/pages/Analysis.vue
+++ b/src/pages/Analysis.vue
@@ -31,6 +31,10 @@
                     </q-item-section>
                   </q-item>
                 </q-btn-dropdown>
+
+              <!-- Go to Details button here -->
+              <q-btn flat dense label="Go to Details" @click="goToAnalysisDetails(file.id)" style="margin-top: 8px" />
+
               </q-list>
             </div>
           </q-tab-panel>
diff --git a/src/pages/Login.vue b/src/pages/Login.vue
index de60b93..d8f1346 100644
--- a/src/pages/Login.vue
+++ b/src/pages/Login.vue
@@ -53,6 +53,8 @@
       </div>
     </div>
 
+    <div id="seven-day-data" class="q-pa-lg" style="white-space: pre;"></div>
+
     <div class="column q-pa-lg" id="login" style="display: none">
       <div class="row">
         <q-card square class="shadow-24" style="width:300px;height:485px;">
diff --git a/src/pages/Tuning.vue b/src/pages/Tuning.vue
index 863aed7..a17b826 100644
--- a/src/pages/Tuning.vue
+++ b/src/pages/Tuning.vue
@@ -48,6 +48,10 @@
                     </q-item-section>
                   </q-item>
                 </q-btn-dropdown>
+
+                <!-- Go to Details button here -->
+                <q-btn flat dense label="Go to Details" @click="goToTuningDetails(file.id)" style="margin-top: 8px" />
+
               </q-list>
             </div>
           </q-tab-panel>
diff --git a/src/static/js/analysis.js b/src/static/js/analysis.js
index 7725c93..b4ce9f4 100644
--- a/src/static/js/analysis.js
+++ b/src/static/js/analysis.js
@@ -121,6 +121,34 @@ export default {
                 }
             });
         },
+        // 从命令数据跳转到分析详情页面
+        goToAnalysisDetails(cid) {
+            const path = `http://${engineHost}:${enginePort}/v1/UI/command/getCommandDetails`;
+            var params = { cid: cid };
+            axios.get(path, { params: params }, { 'Access-Control-Allow-Origin': '*' }).then((res) => {
+                if (typeof (res.data) === 'string') {
+                    res.data = JSON.parse(res.data);
+                }
+                if (res.data.status === 'success') {
+                    const command = res.data.data;
+                    if (command.type === 'analysis') {
+                        this.$router.push({
+                            path: '/analysis/details',
+                            name: 'AnalysisDetails',
+                            params: {
+                                name: command.name,
+                                status: command.status,
+                                optionCompare: this.optionCompare
+                            }
+                        });
+                    } else {
+                        this.$q.notify('Command type is not analysis');
+                    }
+                } else {
+                    this.$q.notify('Failed to get command details');
+                }
+            });
+        }
     },
     created() {
         if (localStorage.getItem('userId') === null && localStorage.getItem('connectDB') !== 'false') {
diff --git a/src/static/js/login.js b/src/static/js/login.js
index ac89e3f..5797f08 100644
--- a/src/static/js/login.js
+++ b/src/static/js/login.js
@@ -102,6 +102,19 @@ export default{
                 }
             });
         },
+        fetchSevenDayData() {
+            const path = `http://${engineHost}:${enginePort}/v1/UI/user/sevenDays`;
+            axios.get(path, {'Access-Control-Allow-Origin': '*'}).then((res) => {
+                const data = res.data;
+                let output = '';
+                for (const [key, value] of Object.entries(data)) {
+                    output += `${key}: ${value}\n`;
+                }
+                document.getElementById('seven-day-data').innerText = output;
+            }).catch((error) => {
+                console.error('Error fetching seven day data:', error);
+            });
+        },
         checkLogin() {
             this.clearAll();
             const path = `http://${engineHost}:${enginePort}/v1/UI/user/login`;
@@ -123,6 +136,7 @@ export default{
                     document.getElementById('login-incorrect-error').style.display = 'block';
                 }
             });
+            this.fetchSevenDayData();
         },
         checkSignup() {
             this.clearAll();
diff --git a/src/static/js/tuning.js b/src/static/js/tuning.js
index 56517aa..02011c7 100644
--- a/src/static/js/tuning.js
+++ b/src/static/js/tuning.js
@@ -126,6 +126,34 @@ export default {
                     this.getFileList('all');
                 }
             });
+        },
+        // 从命令数据跳转到调优详情页面
+        goToTuningDetails(cid) {
+            const path = `http://${engineHost}:${enginePort}/v1/UI/command/getCommandDetails`;
+            var params = { cid: cid };
+            axios.get(path, { params: params }, { 'Access-Control-Allow-Origin': '*' }).then((res) => {
+                if (typeof (res.data) === 'string') {
+                    res.data = JSON.parse(res.data);
+                }
+                if (res.data.status === 'success') {
+                    const command = res.data.data;
+                    if (command.type === 'tuning') {
+                        this.$router.push({
+                            path: '/tuning/details',
+                            name: 'TuningDetails',
+                            params: {
+                                name: command.name,
+                                status: command.status,
+                                optionCompare: this.optionCompare
+                            }
+                        });
+                    } else {
+                        this.$q.notify('Command type is not tuning');
+                    }
+                } else {
+                    this.$q.notify('Failed to get command details');
+                }
+            });
         }
 
     },
-- 
Gitee


From 1bf195cda81f67f296785745b2f928e597958ba4 Mon Sep 17 00:00:00 2001
From: lyjGo <626576115@qq.com>
Date: Mon, 20 May 2024 11:24:27 +0800
Subject: [PATCH 2/2] package.json scrollback

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index c12336e..9132a0a 100644
--- a/package.json
+++ b/package.json
@@ -7,7 +7,7 @@
   "private": true,
   "scripts": {
     "test": "echo \"No test specified\" && exit 0",
-    "start": "quasar dev -H 192.168.64.2"
+    "start": "quasar dev -H localhost"
   },
   "dependencies": {
     "@quasar/extras": "^1.0.0",
-- 
Gitee