update 关于系统

web-vue/src/d.ts/components.d.ts

@@ -32,6 +32,7 @@ declare module 'vue' {
     AForm: typeof import('ant-design-vue/es')['Form']
     AFormItem: typeof import('ant-design-vue/es')['FormItem']
     AFormItemRest: typeof import('ant-design-vue/es')['FormItemRest']
+    AImage: typeof import('ant-design-vue/es')['Image']
     AInput: typeof import('ant-design-vue/es')['Input']
     AInputGroup: typeof import('ant-design-vue/es')['InputGroup']
     AInputNumber: typeof import('ant-design-vue/es')['InputNumber']

web-vue/src/pages/layout/about.vue

@@ -32,9 +32,29 @@
       </template>
     </a-alert>
     <a-tabs>
+      <a-tab-pane key="0" tab="支持开源">
+        <h2>Jpom 是一款开源软件您使用这个项目并感觉良好，或是想支持我们继续开发，您可以通过如下方式支持我们：</h2>
+
+        <ul>
+          <li>
+            Star 并向您的朋友推荐或分享： <a href="https://gitee.com/dromara/Jpom" target="_blank">Gitee</a> /
+            <a href="https://github.com/dromara/Jpom" target="_blank">Github</a>
+          </li>
+          <li>通过以下二维码进行一次性捐款赞助，请作者喝一杯咖啡☕️</li>
+          <li>付费加入我们的技术交流群优先解答您所有疑问</li>
+          <li>
+            选择企业版本或者购买授权：<a href="https://jpom.top/pages/enterprise-service/" target="_blank">企业服务</a>
+          </li>
+        </ul>
+        <div></div>
+        <a-card title="一次性捐款赞助">
+          <a-image :src="praiseQrcorde" :preview="false"> </a-image>
+        </a-card>
+      </a-tab-pane>
       <a-tab-pane key="1" tab="开源协议"><pre v-html="licenseText" style="white-space: pre-wrap"></pre></a-tab-pane>
-      <a-tab-pane key="2" tab="致谢"
-        ><a-list size="small" bordered :data-source="thankDependency">
+      <a-tab-pane key="2" tab="软件致谢">
+        <h1>Jpom 中使用了如下开源软件，我们衷心感谢有了他们的开源 Jpom 才能更好的开源</h1>
+        <a-list size="small" bordered :data-source="thankDependency">
           <template #renderItem="{ item }">
             <a-list-item>
               <div>
@@ -62,13 +82,12 @@
           </template> -->
         </a-list></a-tab-pane
       >
-      <!-- <a-tab-pane key="3" tab="Tab 3">Content of Tab Pane 3</a-tab-pane> -->
     </a-tabs>
   </div>
 </template>
 <script setup lang="ts">
 import { getLicense, getThankDependency } from '@/api/about'
-
+import praiseQrcorde from '@/assets/images/praise-qrcorde-small.png'
 const licenseText = ref('')
 
 const thankDependency = ref([])

web-vue/src/pages/system/upgrade.vue

@@ -3,7 +3,13 @@
     <a-tabs type="card" default-active-key="1">
       <a-tab-pane key="1" tab="服务端"> <upgrade></upgrade></a-tab-pane>
       <a-tab-pane key="2" tab="所有节点(插件端)">
-        <a-table
+        <CustomTable
+          is-show-tools
+          default-auto-refresh
+          :auto-refresh-time="30"
+          table-name="upgrade-node-list"
+          empty-description="没有节点"
+          :active-page="activePage"
           :columns="columns"
           :data-source="list"
           bordered
@@ -15,6 +21,7 @@
             x: 'max-content'
           }"
           @change="changePage"
+          @refresh="getNodeList"
         >
           <template #title>
             <a-row v-if="percentage">
@@ -78,18 +85,20 @@
                 <LoadingOutlined v-if="percentage" />
                 <a-button v-else type="primary"> <UploadOutlined />上传包 </a-button>
               </a-upload>
-              <a-tooltip :title="`打包时间：${agentTimeStamp || '未知'}`">
-                Agent版本：{{ version_filter(agentVersion) }}
-                <a-tag v-if="temp.upgrade" color="pink" @click="downloadRemoteEvent">
-                  新版本：{{ temp.newVersion }} <DownloadOutlined />
-                </a-tag>
-                <!-- </div> -->
-              </a-tooltip>
 
               <!-- 打包时间：{{ agentTimeStamp | version }}</div> -->
             </a-space>
           </template>
-          <template #bodyCell="{ column, text, record }">
+          <template #toolPrefix>
+            <a-tooltip :title="`打包时间：${agentTimeStamp || '未知'}`">
+              Agent版本：{{ version_filter(agentVersion) }}
+              <a-tag v-if="temp.upgrade" color="pink" @click="downloadRemoteEvent">
+                新版本：{{ temp.newVersion }} <DownloadOutlined />
+              </a-tag>
+              <!-- </div> -->
+            </a-tooltip></template
+          >
+          <template #tableBodyCell="{ column, text, record }">
             <template v-if="column.tooltip">
               <a-tooltip :title="text">
                 <span>{{ text }}</span>
@@ -126,7 +135,7 @@
               <a-button type="primary" size="small" @click="updateNodeHandler(record)">更新</a-button>
             </template>
           </template>
-        </a-table>
+        </CustomTable>
       </a-tab-pane>
     </a-tabs>
   </div>
@@ -242,6 +251,9 @@ export default {
         selectedRowKeys: this.tableSelections
       }
     },
+    activePage() {
+      return this.$attrs.routerUrl === this.$route.path
+    },
     socketUrl() {
       return getWebSocketUrl('/socket/node_update', `userId=${this.getLongTermToken()}&nodeId=system&type=nodeUpdate`)
     },