From 9030a2e7e9db75a1193e73f6d433c83edd7e8fef Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=80=97=E5=AD=90?= <haozi@loli.email>
Date: Sat, 24 Jan 2026 18:51:46 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20postgres=E5=AF=86=E7=A0=81=E5=89=8D?=
 =?UTF-8?q?=E7=AB=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/views/apps/postgresql/IndexView.vue | 37 ++++++++++++++++++++-
 1 file changed, 36 insertions(+), 1 deletion(-)

diff --git a/web/src/views/apps/postgresql/IndexView.vue b/web/src/views/apps/postgresql/IndexView.vue
index 81673fcf..a2732dc5 100644
--- a/web/src/views/apps/postgresql/IndexView.vue
+++ b/web/src/views/apps/postgresql/IndexView.vue
@@ -3,6 +3,7 @@ defineOptions({
   name: 'apps-postgresql-index'
 })
 
+import copy2clipboard from '@vavt/copy2clipboard'
 import { NButton, NDataTable } from 'naive-ui'
 import { useGettext } from 'vue3-gettext'
 
@@ -12,6 +13,9 @@ import ServiceStatus from '@/components/common/ServiceStatus.vue'
 const { $gettext } = useGettext()
 const currentTab = ref('status')
 
+const { data: postgresPassword } = useRequest(postgresql.postgresPassword, {
+  initialData: ''
+})
 const { data: log } = useRequest(postgresql.log, {
   initialData: ''
 })
@@ -55,13 +59,44 @@ const handleClearLog = async () => {
   await postgresql.clearLog()
   window.$message.success($gettext('Cleared successfully'))
 }
+
+const handleSetPostgresPassword = () => {
+  useRequest(postgresql.setPostgresPassword(postgresPassword.value)).onSuccess(() => {
+    window.$message.success($gettext('Modified successfully'))
+  })
+}
+
+const handleCopyPostgresPassword = () => {
+  copy2clipboard(postgresPassword.value).then(() => {
+    window.$message.success($gettext('Copied successfully'))
+  })
+}
 </script>
 
 <template>
   <common-page show-footer>
     <n-tabs v-model:value="currentTab" type="line" animated>
       <n-tab-pane name="status" :tab="$gettext('Running Status')">
-        <service-status service="postgresql" show-reload />
+        <n-flex vertical>
+          <service-status service="postgresql" show-reload />
+          <n-card :title="$gettext('Postgres Password')">
+            <n-flex>
+              <n-input-group>
+                <n-input
+                  v-model:value="postgresPassword"
+                  type="password"
+                  show-password-on="click"
+                />
+                <n-button type="primary" ghost @click="handleCopyPostgresPassword">
+                  {{ $gettext('Copy') }}
+                </n-button>
+              </n-input-group>
+              <n-button type="primary" @click="handleSetPostgresPassword">
+                {{ $gettext('Save Changes') }}
+              </n-button>
+            </n-flex>
+          </n-card>
+        </n-flex>
       </n-tab-pane>
       <n-tab-pane name="config" :tab="$gettext('Main Configuration')">
         <n-flex vertical>