diff --git a/.dockerignore b/.dockerignore
index e003925..b926c9d 100644
--- a/.dockerignore
+++ b/.dockerignore
@@ -2,5 +2,4 @@ web/dist
 web/node_modules
 .vscode
 .VSCodeCounter
-.github
-.git
\ No newline at end of file
+.github
\ No newline at end of file
diff --git a/Dockerfile b/Dockerfile
index ddf2e5f..64190b7 100755
--- a/Dockerfile
+++ b/Dockerfile
@@ -28,7 +28,14 @@ RUN go mod download
 
 WORKDIR /go/release
 ADD . .
-RUN CGO_ENABLED=0 GOOS=linux go build -ldflags='-w -extldflags "-static"' -o app main.go
+
+# RUN CGO_ENABLED=0 GOOS=linux go build -ldflags='-w -extldflags "-static"' -o app main.go
+
+RUN GIT_COMMIT=$(git rev-parse HEAD) && \
+    GIT_COMMIT_DATE=$(git log --date=iso8601-strict -1 --pretty=%ct) && \
+    GIT_VERSION=$(git describe --tags --abbrev=0) && \
+    GIT_TREE_STATE=$(test -n "`git status --porcelain`" && echo "dirty" || echo "clean") && \
+    CGO_ENABLED=0 GOOS=linux go build -ldflags="-w -extldflags '-static' -X main.Commit=$GIT_COMMIT -X main.CommitDate=$GIT_COMMIT_DATE -X main.Version=$GIT_VERSION -X main.TreeState=$GIT_TREE_STATE" -installsuffix cgo  -o app ./main.go
 
 FROM alpine as prod
 # Import the user and group files from the builder.
diff --git a/README_CN.md b/README_CN.md
index 4d5d2ae..a64f4d9 100644
--- a/README_CN.md
+++ b/README_CN.md
@@ -145,7 +145,13 @@ docker run -d -p 5001:5001 -p 5100:5100 -p 5200:5200 -p 5300:5300 -e WK_EXTERNAL
 * 社区频道支持
 * 支持topic模式的消息投递
 
+## 监控截图
 
+![image](./docs/screen1.png)
+![image](./docs/screen2.png)
+![image](./docs/screen3.png)
+![image](./docs/screen4.png)
+![image](./docs/screen5.png)
 License
 ---------------
 
diff --git a/docs/screen1.png b/docs/screen1.png
new file mode 100644
index 0000000..17dc571
Binary files /dev/null and b/docs/screen1.png differ
diff --git a/docs/screen2.png b/docs/screen2.png
new file mode 100644
index 0000000..2fe279c
Binary files /dev/null and b/docs/screen2.png differ
diff --git a/docs/screen3.png b/docs/screen3.png
new file mode 100644
index 0000000..a9fa4db
Binary files /dev/null and b/docs/screen3.png differ
diff --git a/docs/screen4.png b/docs/screen4.png
new file mode 100644
index 0000000..9ccd76f
Binary files /dev/null and b/docs/screen4.png differ
diff --git a/docs/screen5.png b/docs/screen5.png
new file mode 100644
index 0000000..56051ad
Binary files /dev/null and b/docs/screen5.png differ
diff --git a/web/src/services/Model.ts b/web/src/services/Model.ts
index 8d684dc..6ae78ef 100644
--- a/web/src/services/Model.ts
+++ b/web/src/services/Model.ts
@@ -189,4 +189,26 @@ export const newConversationPage = (conversationPageObj: any) => {
     conversationPage.on = conversationPageObj.on
     conversationPage.conversations = conversationPageObj.conversations.map((conversationObj: any) => newConversation(conversationObj))
     return conversationPage
+}
+
+export const channelTypeToString = (channelType: number) => {
+    if(channelType == 1) {
+        return "个人频道"
+    }
+    if(channelType == 2) {
+        return "群组频道"
+    }
+    if(channelType == 3) {
+        return "客服频道"
+    }
+    if (channelType == 4) {
+        return "社区频道"
+    }
+    if(channelType == 5) {
+        return "社区话题频道"
+    }
+    if(channelType == 6) {
+        return "资讯频道"
+    }
+    return `${channelType}`
 }
\ No newline at end of file
diff --git a/web/src/views/ChannelView.vue b/web/src/views/ChannelView.vue
index 871a41d..71f0a07 100644
--- a/web/src/views/ChannelView.vue
+++ b/web/src/views/ChannelView.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import APIClient from '@/services/APIClient';
-import { ChannelInfo, newChannelInfo } from '@/services/Model';
+import { ChannelInfo, channelTypeToString, newChannelInfo } from '@/services/Model';
 import { ref } from 'vue';
 
 const channelInfos = ref<Array<ChannelInfo>>([])
@@ -74,7 +74,7 @@ const onSearch = () => {
                         </tr>
                         <tr v-for="channelInfo in channelInfos">
                             <td>{{ channelInfo.channelID }}</td>
-                            <td>{{ channelInfo.channelType }}</td>
+                            <td>{{ channelTypeToString(channelInfo.channelType) }}</td>
                             <td>{{ channelInfo.subscribers }}</td>
                             <td>{{ channelInfo.denyList || '无' }}</td>
                             <td>{{ channelInfo.allowList || '无' }}</td>
diff --git a/web/src/views/ConnView.vue b/web/src/views/ConnView.vue
index 5e6ea85..ccdea1c 100644
--- a/web/src/views/ConnView.vue
+++ b/web/src/views/ConnView.vue
@@ -2,6 +2,7 @@
 <script setup lang="ts">
 import APIClient from '@/services/APIClient';
 import { Connz, newConnz } from '@/services/Model';
+import { formatMemory } from '@/services/Utils';
 import { onBeforeUnmount, onMounted, ref } from 'vue';
 
 const connz = ref<Connz>(new Connz())
@@ -92,11 +93,11 @@ const onSort = (s: string) => {
                         <tr v-for="conn in connz.connections">
                             <td>{{ conn.id }}</td>
                             <td>{{ conn.uid }}</td>
-                            <td>{{ conn.inMsgs }}</td>
-                            <td>{{ conn.outMsgs }}</td>
-                            <td>{{ conn.inBytes }}</td>
-                            <td>{{ conn.outBytes }}</td>
-                            <td>{{ conn.pendingBytes }}</td>
+                            <td>{{ formatMemory(conn.inMsgs) }}</td>
+                            <td>{{ formatMemory(conn.outMsgs) }}</td>
+                            <td>{{ formatMemory(conn.inBytes) }}</td>
+                            <td>{{ formatMemory(conn.outBytes) }}</td>
+                            <td>{{ formatMemory(conn.pendingBytes) }}</td>
                             <td>{{ conn.ip }}:{{ conn.port }}</td>
                             <td>{{ conn.uptime }}</td>
                             <td>{{ conn.idle }}</td>
diff --git a/web/src/views/ConversationView.vue b/web/src/views/ConversationView.vue
index 1532665..aa5b6dc 100644
--- a/web/src/views/ConversationView.vue
+++ b/web/src/views/ConversationView.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import APIClient from '@/services/APIClient';
-import { newConversationPage, type ConversationPage } from '@/services/Model';
+import { newConversationPage, ConversationPage,channelTypeToString } from '@/services/Model';
 import { ref } from 'vue';
 
 
@@ -60,7 +60,7 @@ const onSearch = () => {
                         </tr>
                         <tr v-if="conversationPage?.on" v-for="conversation in conversationPage?.conversations">
                             <td>{{ conversation.channelID }}</td>
-                            <td>{{ conversation.channelType }}</td>
+                            <td>{{ channelTypeToString(conversation.channelType) }}</td>
                             <td>{{ conversation.lastMsgSeq }}</td>
                             <td>{{ conversation.lastClientMsgNo }}</td>
                             <td>{{ conversation.timestamp }}</td>
diff --git a/web/src/views/HomeView.vue b/web/src/views/HomeView.vue
index 43747b6..0a048d2 100644
--- a/web/src/views/HomeView.vue
+++ b/web/src/views/HomeView.vue
@@ -115,6 +115,7 @@ onBeforeUnmount(() => {
               <th>发出消息</th>
               <th>收到字节数</th>
               <th>发出字节数</th>
+              <th>待发送字节</th>
               <th>连接地址</th>
               <th>存活时间</th>
               <th>空闲时间</th>
@@ -132,6 +133,7 @@ onBeforeUnmount(() => {
               <td>{{ formatNumber(conn.outMsgs) }}</td>
               <td>{{ formatMemory(conn.inBytes) }}</td>
               <td>{{ formatMemory(conn.outBytes) }}</td>
+              <td>{{ formatMemory(conn.pendingBytes) }}</td>
               <td>{{ conn.ip }}:{{ conn.port }}</td>
               <td>{{ conn.uptime }}</td>
               <td>{{ conn.idle }}</td>
diff --git a/web/src/views/MessageView.vue b/web/src/views/MessageView.vue
index 661813c..66654d5 100644
--- a/web/src/views/MessageView.vue
+++ b/web/src/views/MessageView.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import APIClient from '@/services/APIClient';
-import { newMessage, type Message, MessagePage, newMessagePage } from '@/services/Model';
+import { newMessage, type Message, MessagePage, newMessagePage, channelTypeToString } from '@/services/Model';
 import { ref } from 'vue';
 import { Buffer } from 'buffer';
 
@@ -105,7 +105,7 @@ const onNextPage = () => {
                                 <td>{{ message.clientMsgNo }}</td>
                                 <td>{{ message.fromUID }}</td>
                                 <td>{{ message.channelID }}</td>
-                                <td>{{ message.channelType }}</td>
+                                <td>{{ channelTypeToString(message.channelType) }}</td>
                                 <td>{{ message.timestamp }}</td>
                             </tr>
                         </tbody>