opt: adjust styles for ItemList component, cut string for chat role's hello message

feat: finish adding chat role to user function
opt: adjust ItemList component styles
2025-11-02 07:13:43 +08:00 · 2023-10-16 10:46:10 +08:00 · 2023-10-16 06:56:42 +08:00 · 2023-10-15 15:47:42 +08:00 · 2023-10-13 23:07:41 +08:00 · 2023-10-13 18:05:40 +08:00
27 changed files with 725 additions and 263 deletions
--- a/README.md
+++ b/README.md
@@ -51,7 +51,7 @@ ChatGLM,讯飞星火，文心一言等多个平台的大语言模型。集成了
 ![Mobile chat list](/docs/imgs/mobile_chat_list.png)
 ![Mobile chat session](/docs/imgs/mobile_chat_session.png)
 ![Mobile chat setting](/docs/imgs/mobile_user_profile.png)
-![Mobile chat setting](/docs/imgs/mobile_user_profile.png)
+![Mobile chat setting](/docs/imgs/mobile_pay.png)

 ### 7. 体验地址

--- a/api/core/app_server.go
+++ b/api/core/app_server.go
@@ -145,7 +145,10 @@ func authorizeMiddleware(s *AppServer, client *redis.Client) gin.HandlerFunc {
 			c.Request.URL.Path == "/api/mj/notify" ||
 			c.Request.URL.Path == "/api/chat/history" ||
 			c.Request.URL.Path == "/api/chat/detail" ||
+			c.Request.URL.Path == "/api/role/list" ||
+			c.Request.URL.Path == "/api/mj/jobs" ||
 			c.Request.URL.Path == "/api/mj/proxy" ||
+			c.Request.URL.Path == "/api/sd/jobs" ||
 			strings.HasPrefix(c.Request.URL.Path, "/api/sms/") ||
 			strings.HasPrefix(c.Request.URL.Path, "/api/captcha/") ||
 			strings.HasPrefix(c.Request.URL.Path, "/static/") ||
--- a/api/handler/chat_role_handler.go
+++ b/api/handler/chat_role_handler.go
@@ -2,6 +2,7 @@ package handler

 import (
 	"chatplus/core"
+	"chatplus/core/types"
 	"chatplus/store/model"
 	"chatplus/store/vo"
 	"chatplus/utils"
@@ -24,6 +25,7 @@ func NewChatRoleHandler(app *core.AppServer, db *gorm.DB) *ChatRoleHandler {

 // List get user list
 func (h *ChatRoleHandler) List(c *gin.Context) {
+	all := h.GetBool(c, "all")
 	var roles []model.ChatRole
 	res := h.db.Where("enable", true).Order("sort_num ASC").Find(&roles)
 	if res.Error != nil {
@@ -31,13 +33,31 @@ func (h *ChatRoleHandler) List(c *gin.Context) {
 		return
 	}

-	user, err := utils.GetLoginUser(c, h.db)
-	if err != nil {
+	// 获取所有角色
+	if all {
+		// 转成 vo
+		var roleVos = make([]vo.ChatRole, 0)
+		for _, r := range roles {
+			var v vo.ChatRole
+			err := utils.CopyObject(r, &v)
+			if err == nil {
+				v.Id = r.Id
+				roleVos = append(roleVos, v)
+			}
+		}
+		resp.SUCCESS(c, roleVos)
+		return
+	}
+
+	userId := h.GetInt(c, "user_id", 0)
+	if userId == 0 {
 		resp.NotAuth(c)
 		return
 	}
+	var user model.User
+	h.db.First(&user, userId)
 	var roleKeys []string
-	err = utils.JsonDecode(user.ChatRoles, &roleKeys)
+	err := utils.JsonDecode(user.ChatRoles, &roleKeys)
 	if err != nil {
 		resp.ERROR(c, "角色解析失败！")
 		return
@@ -57,3 +77,29 @@ func (h *ChatRoleHandler) List(c *gin.Context) {
 	}
 	resp.SUCCESS(c, roleVos)
 }
+
+// UpdateRole 更新用户聊天角色
+func (h *ChatRoleHandler) UpdateRole(c *gin.Context) {
+	user, err := utils.GetLoginUser(c, h.db)
+	if err != nil {
+		resp.NotAuth(c)
+		return
+	}
+
+	var data struct {
+		Keys []string `json:"keys"`
+	}
+	if err = c.ShouldBindJSON(&data); err != nil {
+		resp.ERROR(c, types.InvalidArgs)
+		return
+	}
+
+	res := h.db.Model(&model.User{}).Where("id = ?", user.Id).UpdateColumn("chat_roles_json", utils.JsonEncode(data.Keys))
+	if res.Error != nil {
+		logger.Error("添加应用失败：", err)
+		resp.ERROR(c, "更新数据库失败！")
+		return
+	}
+
+	resp.SUCCESS(c)
+}
--- a/api/handler/sd_handler.go
+++ b/api/handler/sd_handler.go
@@ -8,7 +8,6 @@ import (
 	"chatplus/store/vo"
 	"chatplus/utils"
 	"chatplus/utils/resp"
-	"encoding/base64"
 	"fmt"
 	"github.com/gin-gonic/gin"
 	"github.com/go-redis/redis/v8"
@@ -160,7 +159,7 @@ func (h *SdJobHandler) Image(c *gin.Context) {
 	resp.SUCCESS(c)
 }

-// JobList 获取 MJ 任务列表
+// JobList 获取 stable diffusion 任务列表
 func (h *SdJobHandler) JobList(c *gin.Context) {
 	status := h.GetInt(c, "status", 0)
 	userId := h.GetInt(c, "user_id", 0)
@@ -201,12 +200,6 @@ func (h *SdJobHandler) JobList(c *gin.Context) {
 				h.db.Delete(&item)
 				continue
 			}
-			if item.ImgURL != "" { // 正在运行中任务使用代理访问图片
-				image, err := utils.DownloadImage(item.ImgURL, h.App.Config.ProxyURL)
-				if err == nil {
-					job.ImgURL = "data:image/png;base64," + base64.StdEncoding.EncodeToString(image)
-				}
-			}
 		}
 		jobs = append(jobs, job)
 	}
--- a/api/handler/user_handler.go
+++ b/api/handler/user_handler.go
@@ -80,14 +80,6 @@ func (h *UserHandler) Register(c *gin.Context) {
 		return
 	}

-	// 默认订阅所有角色
-	var chatRoles []model.ChatRole
-	h.db.Find(&chatRoles)
-	var roleKeys = make([]string, 0)
-	for _, r := range chatRoles {
-		roleKeys = append(roleKeys, r.Key)
-	}
-
 	salt := utils.RandString(8)
 	user := model.User{
 		Password:  utils.GenPassword(data.Password, salt),
@@ -95,7 +87,7 @@ func (h *UserHandler) Register(c *gin.Context) {
 		Salt:      salt,
 		Status:    true,
 		Mobile:    data.Mobile,
-		ChatRoles: utils.JsonEncode(roleKeys),
+		ChatRoles: utils.JsonEncode([]string{"gpt"}), // 默认只订阅通用助手角色
 		ChatConfig: utils.JsonEncode(types.UserChatConfig{
 			ApiKeys: map[types.Platform]string{
 				types.OpenAI:  "",
@@ -116,7 +108,24 @@ func (h *UserHandler) Register(c *gin.Context) {
 	if h.App.SysConfig.EnabledMsg {
 		_ = h.leveldb.Delete(key) // 注册成功，删除短信验证码
 	}
-	resp.SUCCESS(c, user)
+
+	// 自动登录创建 token
+	token := jwt.NewWithClaims(jwt.SigningMethodHS256, jwt.MapClaims{
+		"user_id": user.Id,
+		"expired": time.Now().Add(time.Second * time.Duration(h.App.Config.Session.MaxAge)).Unix(),
+	})
+	tokenString, err := token.SignedString([]byte(h.App.Config.Session.SecretKey))
+	if err != nil {
+		resp.ERROR(c, "Failed to generate token, "+err.Error())
+		return
+	}
+	// 保存到 redis
+	key = fmt.Sprintf("users/%d", user.Id)
+	if _, err := h.redis.Set(c, key, tokenString, 0).Result(); err != nil {
+		resp.ERROR(c, "error with save token: "+err.Error())
+		return
+	}
+	resp.SUCCESS(c, tokenString)
 }

 // Login 用户登录
--- a/api/main.go
+++ b/api/main.go
@@ -185,6 +185,7 @@ func main() {
 		fx.Invoke(func(s *core.AppServer, h *handler.ChatRoleHandler) {
 			group := s.Engine.Group("/api/role/")
 			group.GET("list", h.List)
+			group.POST("update", h.UpdateRole)
 		}),
 		fx.Invoke(func(s *core.AppServer, h *handler.UserHandler) {
 			group := s.Engine.Group("/api/user/")
--- a/api/utils/common.go
+++ b/api/utils/common.go
@@ -36,7 +36,7 @@ func CopyObject(src interface{}, dst interface{}) error {
 				pType := reflect.New(value.Type())
 				v2 := pType.Interface()
 				err := json.Unmarshal([]byte(v.String()), &v2)
-				if err == nil {
+				if err == nil && v2 != nil {
 					value.Set(reflect.ValueOf(v2).Elem())
 				}
 				// map, struct, slice to string
--- a/web/src/assets/css/chat-app.css
+++ b/web/src/assets/css/chat-app.css
@@ -0,0 +1,56 @@
+.page-apps {
+  background-color: #282c34;
+  height: 100vh;
+}
+.page-apps .title {
+  text-align: center;
+  background-color: #25272d;
+  font-size: 24px;
+  color: #fff;
+  padding: 10px;
+  border-bottom: 1px solid #3c3c3c;
+}
+.page-apps .inner {
+  display: flex;
+  color: #fff;
+  padding: 15px;
+  overflow-y: visible;
+  overflow-x: hidden;
+}
+.page-apps .inner .list-box .app-item {
+  border: 1px solid #666;
+  border-radius: 6px;
+  overflow: hidden;
+  transition: all 0.3s ease; /* 添加过渡效果 */
+}
+.page-apps .inner .list-box .app-item .el-image {
+  padding: 6px;
+}
+.page-apps .inner .list-box .app-item .el-image .el-image__inner {
+  border-radius: 10px;
+}
+.page-apps .inner .list-box .app-item .title {
+  display: flex;
+  padding: 10px;
+}
+.page-apps .inner .list-box .app-item .title .name {
+  width: 100%;
+  text-align: left;
+  font-size: 16px;
+  font-weight: bold;
+  color: #47fff1;
+}
+.page-apps .inner .list-box .app-item .title .opt {
+  position: relative;
+  top: -5px;
+}
+.page-apps .inner .list-box .app-item .hello-msg {
+  height: 60px;
+  padding: 10px;
+  font-size: 14px;
+  color: #999;
+}
+.page-apps .inner .list-box .app-item:hover {
+  box-shadow: 0 0 10px rgba(71,255,241,0.6); /* 添加阴影效果 */
+  transform: translateY(-10px); /* 向上移动10像素 */
+}
--- a/web/src/assets/css/chat-app.styl
+++ b/web/src/assets/css/chat-app.styl
@@ -0,0 +1,69 @@
+.page-apps {
+  background-color: #282c34;
+  height 100vh
+
+  .title {
+    text-align center
+    background-color #25272d
+    font-size 24px
+    color #ffffff
+    padding 10px
+    border-bottom 1px solid #3c3c3c
+  }
+
+  .inner {
+    display flex
+    color #ffffff
+    padding 15px;
+    overflow-y visible
+    overflow-x hidden
+
+    .list-box {
+      .app-item {
+        border 1px solid #666666
+        border-radius 6px
+        overflow hidden
+        transition: all 0.3s ease; /* 添加过渡效果 */
+
+        .el-image {
+          padding 6px
+
+          .el-image__inner {
+            border-radius 10px
+          }
+        }
+
+        .title {
+          display flex
+          padding 10px
+
+          .name {
+            width 100%
+            text-align left
+            font-size 16px
+            font-weight bold
+            color #47fff1
+          }
+
+          .opt {
+            position: relative;
+            top -5px
+          }
+        }
+
+        .hello-msg {
+          height 60px
+          padding 10px
+          font-size 14px
+          color #999999
+        }
+
+        &:hover {
+          box-shadow: 0 0 10px rgba(71, 255, 241, 0.6); /* 添加阴影效果 */
+          transform: translateY(-10px); /* 向上移动10像素 */
+        }
+      }
+    }
+  }
+
+}
--- a/web/src/assets/css/image-mj.css
+++ b/web/src/assets/css/image-mj.css
@@ -176,6 +176,11 @@
 .page-mj .inner .task-list-box .finish-job-list .job-item {
  width: 100%;
  height: 100%;
+  border: 1px solid #666;
+  padding: 6px;
+  overflow: hidden;
+  border-radius: 6px;
+  transition: all 0.3s ease; /* 添加过渡效果 */
 }
 .page-mj .inner .task-list-box .finish-job-list .job-item .opt .opt-line {
  margin: 6px 0;
@@ -185,11 +190,11 @@
  flex-flow: row;
 }
 .page-mj .inner .task-list-box .finish-job-list .job-item .opt .opt-line ul li {
-  margin-right: 10px;
+  margin-right: 6px;
 }
 .page-mj .inner .task-list-box .finish-job-list .job-item .opt .opt-line ul li a {
  padding: 3px 0;
-  width: 44px;
+  width: 40px;
  text-align: center;
  border-radius: 5px;
  display: block;
@@ -204,10 +209,14 @@
  font-size: 20px;
  cursor: pointer;
 }
+.page-mj .inner .task-list-box .finish-job-list .job-item:hover {
+  box-shadow: 0 0 10px rgba(71,255,241,0.6); /* 添加阴影效果 */
+  transform: translateY(-10px); /* 向上移动10像素 */
+}
 .page-mj .inner .task-list-box .el-image {
  width: 100%;
  height: 100%;
-  max-height: 240px;
+  overflow: visible;
 }
 .page-mj .inner .task-list-box .el-image img {
  height: 240px;
@@ -224,16 +233,17 @@
  height: 100%;
  min-height: 200px;
  color: #fff;
+  height: 240px;
 }
 .page-mj .inner .task-list-box .el-image .image-slot .iconfont {
  font-size: 50px;
  margin-bottom: 10px;
 }
 .page-mj .inner .task-list-box .el-image.upscale {
-  max-height: 304px;
+  max-height: 310px;
 }
 .page-mj .inner .task-list-box .el-image.upscale img {
-  height: 304px;
+  height: 310px;
 }
 .page-mj .inner .task-list-box .el-image.upscale .el-image-viewer__wrapper img {
  width: auto;
--- a/web/src/assets/css/image-sd.css
+++ b/web/src/assets/css/image-sd.css
@@ -99,6 +99,11 @@
 .page-sd .inner .task-list-box .finish-job-list .job-item {
  width: 100%;
  height: 100%;
+  border: 1px solid #666;
+  padding: 6px;
+  overflow: hidden;
+  border-radius: 6px;
+  transition: all 0.3s ease; /* 添加过渡效果 */
 }
 .page-sd .inner .task-list-box .finish-job-list .job-item .opt .opt-line {
  margin: 6px 0;
@@ -108,11 +113,11 @@
  flex-flow: row;
 }
 .page-sd .inner .task-list-box .finish-job-list .job-item .opt .opt-line ul li {
-  margin-right: 10px;
+  margin-right: 6px;
 }
 .page-sd .inner .task-list-box .finish-job-list .job-item .opt .opt-line ul li a {
  padding: 3px 0;
-  width: 44px;
+  width: 40px;
  text-align: center;
  border-radius: 5px;
  display: block;
@@ -127,10 +132,14 @@
  font-size: 20px;
  cursor: pointer;
 }
+.page-sd .inner .task-list-box .finish-job-list .job-item:hover {
+  box-shadow: 0 0 10px rgba(71,255,241,0.6); /* 添加阴影效果 */
+  transform: translateY(-10px); /* 向上移动10像素 */
+}
 .page-sd .inner .task-list-box .el-image {
  width: 100%;
  height: 100%;
-  max-height: 240px;
+  overflow: visible;
 }
 .page-sd .inner .task-list-box .el-image img {
  height: 240px;
@@ -147,16 +156,17 @@
  height: 100%;
  min-height: 200px;
  color: #fff;
+  height: 240px;
 }
 .page-sd .inner .task-list-box .el-image .image-slot .iconfont {
  font-size: 50px;
  margin-bottom: 10px;
 }
 .page-sd .inner .task-list-box .el-image.upscale {
-  max-height: 304px;
+  max-height: 310px;
 }
 .page-sd .inner .task-list-box .el-image.upscale img {
-  height: 304px;
+  height: 310px;
 }
 .page-sd .inner .task-list-box .el-image.upscale .el-image-viewer__wrapper img {
  width: auto;
@@ -180,6 +190,15 @@
  display: flex;
  justify-content: center;
 }
+.page-sd .el-overlay-dialog .el-dialog .el-dialog__body .el-row .img-container .image-slot {
+  display: flex;
+  height: 100vh;
+  align-items: center;
+  justify-content: center;
+}
+.page-sd .el-overlay-dialog .el-dialog .el-dialog__body .el-row .img-container .image-slot .el-icon {
+  font-size: 60px;
+}
 .page-sd .el-overlay-dialog .el-dialog .el-dialog__body .el-row .task-info {
  background-color: #25262b;
  padding: 1rem 1.5rem;
--- a/web/src/assets/css/images-wall.css
+++ b/web/src/assets/css/images-wall.css
@@ -41,12 +41,18 @@
 .page-images-wall .inner .waterfall .list-item .prompt {
  display: none;
  position: absolute;
+  width: 180px;
  bottom: 0;
+  left: 0;
  color: #fff;
  padding: 10px 10px 20px 10px;
  line-height: 1.2;
+  border-top-right-radius: 10px;
  background-color: rgba(10,10,10,0.7);
 }
+.page-images-wall .inner .waterfall .list-item .prompt span {
+  word-break: break-all;
+}
 .page-images-wall .inner .waterfall .list-item .prompt .el-icon {
  position: absolute;
  bottom: 10px;
@@ -96,6 +102,15 @@
  display: flex;
  justify-content: center;
 }
+.page-images-wall .el-overlay-dialog .el-dialog .el-dialog__body .el-row .img-container .image-slot {
+  display: flex;
+  height: 100vh;
+  align-items: center;
+  justify-content: center;
+}
+.page-images-wall .el-overlay-dialog .el-dialog .el-dialog__body .el-row .img-container .image-slot .el-icon {
+  font-size: 60px;
+}
 .page-images-wall .el-overlay-dialog .el-dialog .el-dialog__body .el-row .task-info {
  background-color: #25262b;
  padding: 1rem 1.5rem;
--- a/web/src/assets/css/images-wall.styl
+++ b/web/src/assets/css/images-wall.styl
@@ -60,12 +60,19 @@
        .prompt {
          display none
          position absolute
+          width 180px
          bottom 0
+          left 0
          color #ffffff
          padding 10px 10px 20px 10px
          line-height 1.2
+          border-top-right-radius 10px
          background-color rgba(10, 10, 10, 0.7)

+          span {
+            word-break break-all
+          }
+
          .el-icon {
            position absolute
            bottom 10px
--- a/web/src/assets/css/sd-task-dialog.styl
+++ b/web/src/assets/css/sd-task-dialog.styl
@@ -19,6 +19,17 @@
        .img-container {
          display flex
          justify-content center
+
+          .image-slot {
+            display flex
+            height 100vh
+            align-items center
+            justify-content center
+
+            .el-icon {
+              font-size 60px
+            }
+          }
        }

        .task-info {
--- a/web/src/assets/css/task-list.css
+++ b/web/src/assets/css/task-list.css
@@ -1,96 +1,115 @@
 .task-list-box {
-  width: 100%;
-  padding: 10px;
-  color: #fff;
-  overflow-x: hidden;
+    width: 100%;
+    padding: 10px;
+    color: #fff;
+    overflow-x: hidden;
 }
+
 .task-list-box .running-job-list .job-item {
-  width: 100%;
-  padding: 2px;
-  background-color: #555;
+    width: 100%;
+    padding: 2px;
+    background-color: #555;
 }
+
 .task-list-box .running-job-list .job-item .job-item-inner {
-  position: relative;
-  height: 100%;
-  overflow: hidden;
+    position: relative;
+    height: 100%;
+    overflow: hidden;
 }
+
 .task-list-box .running-job-list .job-item .job-item-inner .progress {
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  top: 0;
-  left: 0;
-  display: flex;
-  justify-content: center;
-  align-items: center;
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    top: 0;
+    left: 0;
+    display: flex;
+    justify-content: center;
+    align-items: center;
 }
+
 .task-list-box .running-job-list .job-item .job-item-inner .progress span {
-  font-size: 20px;
-  color: #fff;
+    font-size: 20px;
+    color: #fff;
 }
+
 .task-list-box .finish-job-list .job-item {
-  width: 100%;
-  height: 100%;
+    width: 100%;
+    height: 100%;
 }
+
 .task-list-box .finish-job-list .job-item .opt .opt-line {
-  margin: 6px 0;
+    margin: 6px 0;
 }
+
 .task-list-box .finish-job-list .job-item .opt .opt-line ul {
-  display: flex;
-  flex-flow: row;
+    display: flex;
+    flex-flow: row;
 }
+
 .task-list-box .finish-job-list .job-item .opt .opt-line ul li {
-  margin-right: 10px;
+    margin-right: 10px;
 }
+
 .task-list-box .finish-job-list .job-item .opt .opt-line ul li a {
-  padding: 3px 0;
-  width: 44px;
-  text-align: center;
-  border-radius: 5px;
-  display: block;
-  cursor: pointer;
-  background-color: #4e5058;
-  color: #fff;
+    padding: 3px 0;
+    width: 44px;
+    text-align: center;
+    border-radius: 5px;
+    display: block;
+    cursor: pointer;
+    background-color: #4e5058;
+    color: #fff;
 }
+
 .task-list-box .finish-job-list .job-item .opt .opt-line ul li a:hover {
-  background-color: #6d6f78;
+    background-color: #6d6f78;
 }
+
 .task-list-box .finish-job-list .job-item .opt .opt-line ul .show-prompt {
-  font-size: 20px;
-  cursor: pointer;
+    font-size: 20px;
+    cursor: pointer;
 }
+
 .task-list-box .el-image {
-  width: 100%;
-  height: 100%;
-  max-height: 240px;
+    width: 100%;
+    height: 100%;
+    max-height: 240px;
 }
+
 .task-list-box .el-image img {
-  height: 240px;
+    height: 240px;
 }
+
 .task-list-box .el-image .el-image-viewer__wrapper img {
-  width: auto;
-  height: auto;
+    width: auto;
+    height: auto;
 }
+
 .task-list-box .el-image .image-slot {
-  display: flex;
-  flex-flow: column;
-  justify-content: center;
-  align-items: center;
-  height: 100%;
-  min-height: 200px;
-  color: #fff;
+    display: flex;
+    flex-flow: column;
+    justify-content: center;
+    align-items: center;
+    height: 100%;
+    min-height: 200px;
+    color: #fff;
 }
+
 .task-list-box .el-image .image-slot .iconfont {
-  font-size: 50px;
-  margin-bottom: 10px;
+    font-size: 50px;
+    margin-bottom: 10px;
 }
+
 .task-list-box .el-image.upscale {
-  max-height: 304px;
+    max-height: 312px;
 }
+
 .task-list-box .el-image.upscale img {
-  height: 304px;
+    height: 312px;
 }
+
 .task-list-box .el-image.upscale .el-image-viewer__wrapper img {
-  width: auto;
-  height: auto;
+    width: auto;
+    height: auto;
 }
--- a/web/src/assets/css/task-list.styl
+++ b/web/src/assets/css/task-list.styl
@@ -40,6 +40,11 @@
    .job-item {
      width 100%
      height 100%
+      border 1px solid #666666
+      padding 6px
+      overflow hidden
+      border-radius 6px
+      transition: all 0.3s ease; /* 添加过渡效果 */

      .opt {
        .opt-line {
@@ -50,11 +55,11 @@
            flex-flow row

            li {
-              margin-right 10px
+              margin-right 6px

              a {
                padding 3px 0
-                width 44px
+                width 40px
                text-align center
                border-radius 5px
                display block
@@ -76,6 +81,11 @@
        }
      }

+
+      &:hover {
+        box-shadow: 0 0 10px rgba(71, 255, 241, 0.6); /* 添加阴影效果 */
+        transform: translateY(-10px); /* 向上移动10像素 */
+      }
    }

  }
@@ -83,7 +93,7 @@
  .el-image {
    width 100%
    height 100%
-    max-height 240px
+    overflow visible

    img {
      height 240px
@@ -104,6 +114,7 @@
      height 100%
      min-height 200px
      color #ffffff
+      height 240px

      .iconfont {
        font-size 50px
@@ -113,10 +124,10 @@
  }

  .el-image.upscale {
-    max-height 304px
+    max-height 310px

    img {
-      height 304px
+      height 310px
    }

    .el-image-viewer__wrapper {
--- a/web/src/components/ItemList.vue
+++ b/web/src/components/ItemList.vue
@@ -5,11 +5,11 @@
          class="list-item"
          v-for="(item, index) in items"
          :key="index"
-          :style="{width:itemWidth + 'px', marginBottom: margin*2+'px'}"
+          :style="{width:itemWidth + 'px'}"
      >
-        <div :style="{marginLeft: margin+'px', marginRight: margin+'px'}">
+        <div class="item-inner" :style="{padding: gap/2+'px'}">
          <div class="item-wrapper">
-            <slot :item="item" :index="index"></slot>
+            <slot :item="item" :index="index" :width="itemWidth"></slot>
          </div>
        </div>
      </div>
@@ -21,6 +21,7 @@
 // 列表组件
 import {onMounted, ref} from "vue";

+// eslint-disable-next-line no-undef
 const props = defineProps({
  items: {
    type: Array,
@@ -28,38 +29,25 @@ const props = defineProps({
  },
  gap: {
    type: Number,
-    default: 10
+    default: 12
  },
  width: {
    type: Number,
    default: 240
-  },
-  height: {
-    type: Number,
-    default: 240
  }
 });

 const container = ref(null)
 const itemWidth = ref(props.width)
-const margin = ref(props.gap)

 onMounted(() => {
  computeSize()
 })

 const computeSize = () => {
-  const w = container.value.offsetWidth - 10 // 减去滚动条的宽度
+  const w = container.value.offsetWidth - 8 // 减去滚动条的宽度
  let cols = Math.floor(w / props.width)
-  itemWidth.value = Math.floor(w / cols) - 1
-  while (itemWidth.value < props.width && cols > 1) {
-    cols -= 1
-    itemWidth.value = Math.floor(w / cols) - 1
-  }
-
-  if (props.gap > 0) {
-    margin.value = props.gap / 2
-  }
+  itemWidth.value = Math.floor(w / cols)
 }

 window.onresize = () => {
@@ -76,15 +64,14 @@ window.onresize = () => {
    flex-wrap wrap

    .list-item {
-
-      div {
+      .item-inner {
        display flex
-        height 100%
-        overflow hidden

        .item-wrapper {
          height 100%
          width 100%
+          display flex
+          justify-content center
        }
      }
    }
--- a/web/src/components/LoginDialog.vue
+++ b/web/src/components/LoginDialog.vue
@@ -0,0 +1,108 @@
+<template>
+  <el-dialog
+      class="login-dialog"
+      v-model="showDialog"
+      :close-on-click-modal="true"
+      :show-close="true"
+      :before-close="close"
+      :width="400"
+      title="用户登录"
+  >
+    <div class="form">
+      <el-form label-width="65px">
+        <el-form-item>
+          <template #label>
+            <div class="label">
+              <el-icon>
+                <User/>
+              </el-icon>
+              <span>账号</span>
+            </div>
+          </template>
+          <template #default>
+            <el-input v-model="username" placeholder="手机号码"/>
+          </template>
+        </el-form-item>
+        <el-form-item>
+          <template #label>
+            <div class="label">
+              <el-icon>
+                <Lock/>
+              </el-icon>
+              <span>密码</span>
+            </div>
+          </template>
+          <template #default>
+            <el-input v-model="password" type="password" placeholder="密码"/>
+          </template>
+        </el-form-item>
+
+        <div class="login-btn">
+          <el-button type="primary" @click="submit" round>登录</el-button>
+        </div>
+      </el-form>
+    </div>
+  </el-dialog>
+</template>
+
+<script setup>
+import {computed, ref} from "vue"
+import {httpPost} from "@/utils/http";
+import {ElMessage} from "element-plus";
+import {setUserToken} from "@/store/session";
+import {validateMobile} from "@/utils/validate";
+import {Lock, User} from "@element-plus/icons-vue";
+
+// eslint-disable-next-line no-undef
+const props = defineProps({
+  show: Boolean,
+});
+const showDialog = computed(() => {
+  return props.show
+})
+const username = ref("")
+const password = ref("")
+// eslint-disable-next-line no-undef
+const emits = defineEmits(['hide']);
+const submit = function () {
+  if (!validateMobile(username.value)) {
+    return ElMessage.error('请输入合法的手机号');
+  }
+  if (password.value.trim() === '') {
+    return ElMessage.error('请输入密码');
+  }
+
+  httpPost('/api/user/login', {username: username.value.trim(), password: password.value.trim()}).then((res) => {
+    setUserToken(res.data)
+    ElMessage.success("登录成功！")
+    emits("hide")
+  }).catch((e) => {
+    ElMessage.error('登录失败，' + e.message)
+  })
+}
+const close = function () {
+  emits('hide', false);
+}
+</script>
+
+<style lang="stylus">
+.login-dialog {
+  border-radius 20px
+
+  .label {
+    .el-icon {
+      font-size 16px
+      margin-right 6px
+    }
+  }
+
+  .login-btn {
+    text-align center
+    padding-top 10px
+
+    .el-button {
+      width 50%
+    }
+  }
+}
+</style>
--- a/web/src/components/Welcome.vue
+++ b/web/src/components/Welcome.vue
@@ -88,7 +88,7 @@ const capabilities = ref([
    value: ""
  },
  {
-    text: "国产大语言模型支持，GLM2 模型接入中",
+    text: "国产大语言模型支持，百度文心，科大讯飞，ChatGLM...",
    value: ""
  },
  {
--- a/web/src/utils/libs.js
+++ b/web/src/utils/libs.js
@@ -128,3 +128,32 @@ export function copyObj(origin) {
 export function disabledDate(time) {
    return time.getTime() < Date.now()
 }
+
+// 字符串截取
+export function substr(str, length) {
+    let result = ''
+    let count = 0
+
+    for (let i = 0; i < str.length; i++) {
+        const char = str.charAt(i)
+        const charCode = str.charCodeAt(i);
+
+        // 判断字符是否为中文字符
+        if (charCode >= 0x4e00 && charCode <= 0x9fff) {
+            // 中文字符算两个字符
+            count += 2
+        } else {
+            count++
+        }
+
+        if (count <= length) {
+            result += char
+        } else {
+            result += " ..."
+            break
+        }
+    }
+
+    return result
+}
+
--- a/web/src/views/ChatApps.vue
+++ b/web/src/views/ChatApps.vue
@@ -1,41 +1,112 @@
 <template>
-  <div class="page-apps" :style="{ height: winHeight + 'px' }">
-    <div class="inner">
-      <h1>应用中心</h1>
-      <h2>页面正在紧锣密鼓开发中，敬请期待！</h2>
+  <div class="page-apps custom-scroll">
+    <div class="title">
+      AI 助手应用中心
    </div>
+    <div class="inner" :style="{height: listBoxHeight + 'px'}">
+      <ItemList :items="list" v-if="list.length > 0" :gap="20" :width="250">
+        <template #default="scope">
+          <div class="app-item" :style="{width: scope.width+'px'}">
+            <el-image :src="scope.item.icon" fit="cover" :style="{height: scope.width+'px'}"/>
+            <div class="title">
+              <span class="name">{{ scope.item.name }}</span>
+              <div class="opt">
+
+                <el-button v-if="hasRole(scope.item.key)" size="small" type="danger"
+                           @click="updateRole(scope.item,'remove')">
+                  <el-icon>
+                    <Delete/>
+                  </el-icon>
+                  <span>移除应用</span>
+                </el-button>
+                <el-button v-else size="small"
+                           style="--el-color-primary:#009999"
+                           @click="updateRole(scope.item, 'add')">
+                  <el-icon>
+                    <Plus/>
+                  </el-icon>
+                  <span>添加应用</span>
+                </el-button>
+              </div>
+            </div>
+            <div class="hello-msg" ref="elements">{{ scope.item.intro }}</div>
+          </div>
+        </template>
+      </ItemList>
+    </div>
+
+    <login-dialog :show="showLoginDialog" @hide="showLoginDialog = false"/>
  </div>
 </template>

 <script setup>
-import {ref} from "vue"
+import {nextTick, onMounted, ref} from "vue"
+import {ElMessage} from "element-plus";
+import {httpGet, httpPost} from "@/utils/http";
+import ItemList from "@/components/ItemList.vue";
+import {Delete, Plus} from "@element-plus/icons-vue";
+import LoginDialog from "@/components/LoginDialog.vue";
+import {checkSession} from "@/action/session";
+import {arrayContains, removeArrayItem, substr} from "@/utils/libs";

-const winHeight = ref(window.innerHeight)
+const listBoxHeight = window.innerHeight - 97
+const list = ref([])
+const showLoginDialog = ref(false)
+const roles = ref([])
+const elements = ref(null)
+onMounted(() => {
+  httpGet("/api/role/list?all=true").then((res) => {
+    const items = res.data
+    // 处理 hello message
+    for (let i = 0; i < items.length; i++) {
+      items[i].intro = substr(items[i].hello_msg, 80)
+    }
+    list.value = items
+  }).catch(e => {
+    ElMessage.error("获取应用失败：" + e.message)
+  })
+
+  checkSession().then(user => {
+    roles.value = user.chat_roles
+  }).catch(() => {
+  })
+
+})
+
+const updateRole = (row, opt) => {
+  checkSession().then(() => {
+    const title = ref("")
+    if (opt === "add") {
+      title.value = "添加应用"
+      const exists = arrayContains(roles.value, row.key)
+      if (exists) {
+        return
+      }
+      roles.value.push(row.key)
+    } else {
+      title.value = "移除应用"
+      const exists = arrayContains(roles.value, row.key)
+      if (!exists) {
+        return
+      }
+      roles.value = removeArrayItem(roles.value, row.key)
+    }
+    httpPost("/api/role/update", {keys: roles.value}).then(() => {
+      ElMessage.success(title.value + "成功！")
+    }).catch(e => {
+      ElMessage.error(title.value + "失败：" + e.message)
+    })
+  }).catch(() => {
+    showLoginDialog.value = true
+  })
+}
+
+const hasRole = (roleKey) => {
+  return arrayContains(roles.value, roleKey, (v1, v2) => v1 === v2)
+}
 </script>

-<style lang="stylus" scoped>
-.page-apps {
-  display: flex;
-  justify-content: center;
-  align-items center
-  background-color: #282c34;
-
-  .inner {
-    text-align center
-
-    h1 {
-      color: #202020;
-      font-size: 80px;
-      font-weight: bold;
-      letter-spacing: 0.1em;
-      text-shadow: -1px -1px 1px #111111, 2px 2px 1px #363636;
-    }
-
-    h2 {
-      color #ffffff;
-      font-weight: bold;
-    }
-  }
-
-}
+<style lang="stylus">
+@import "@/assets/css/chat-app.styl"
+@import "@/assets/css/custom-scroll.styl"
 </style>
--- a/web/src/views/ChatPlus.vue
+++ b/web/src/views/ChatPlus.vue
@@ -553,7 +553,7 @@ const connect = function (chat_id, role_id) {
        content: _role['hello_msg'],
        orgContent: _role['hello_msg'],
      })
-      ElMessage.success({message: "对话连接成功！", duration: 500})
+      ElMessage.success({message: "对话连接成功！", duration: 1000})
    } else { // 加载聊天记录
      loadChatHistory(chat_id);
    }
--- a/web/src/views/Home.vue
+++ b/web/src/views/Home.vue
@@ -109,7 +109,7 @@ const changeNav = (item) => {
        }

        a:hover, a.active {
-          color #58D3FF
+          color #47fff1
        }
      }
    }
--- a/web/src/views/ImageMj.vue
+++ b/web/src/views/ImageMj.vue
@@ -226,66 +226,48 @@
            <ItemList :items="runningJobs" v-if="runningJobs.length > 0">
              <template #default="scope">
                <div class="job-item">
-                  <el-popover
-                      placement="top-start"
-                      :title="getTaskType(scope.item.type)"
-                      :width="240"
-                      trigger="hover"
-                  >
-                    <template #reference>
-                      <div v-if="scope.item.progress > 0" class="job-item-inner">
-                        <el-image :src="scope.item['img_url']"
-                                  :zoom-rate="1.2"
-                                  :preview-src-list="[scope.item['img_url']]"
-                                  fit="cover"
-                                  :initial-index="0" loading="lazy">
-                          <template #placeholder>
-                            <div class="image-slot">
-                              正在加载图片
-                            </div>
-                          </template>
-
-                          <template #error>
-                            <div class="image-slot">
-                              <el-icon>
-                                <Picture/>
-                              </el-icon>
-                            </div>
-                          </template>
-                        </el-image>
-
-                        <div class="progress">
-                          <el-progress type="circle" :percentage="scope.item.progress" :width="100" color="#47fff1"/>
+                  <div v-if="scope.item.progress > 0" class="job-item-inner">
+                    <el-image :src="scope.item['img_url']"
+                              :zoom-rate="1.2"
+                              :preview-src-list="[scope.item['img_url']]"
+                              fit="cover"
+                              :initial-index="0" loading="lazy">
+                      <template #placeholder>
+                        <div class="image-slot">
+                          正在加载图片
                        </div>
-                      </div>
-                      <el-image fit="cover" v-else>
-                        <template #error>
-                          <div class="image-slot">
-                            <i class="iconfont icon-quick-start"></i>
-                            <span>任务正在排队中</span>
-                          </div>
-                        </template>
-                      </el-image>
-                    </template>
+                      </template>

-                    <template #default>
-                      <div class="mj-list-item-prompt">
-                        <span>{{ scope.item.prompt }}</span>
-                        <el-icon class="copy-prompt" :data-clipboard-text="scope.item.prompt">
-                          <DocumentCopy/>
-                        </el-icon>
+                      <template #error>
+                        <div class="image-slot">
+                          <el-icon>
+                            <Picture/>
+                          </el-icon>
+                        </div>
+                      </template>
+                    </el-image>
+
+                    <div class="progress">
+                      <el-progress type="circle" :percentage="scope.item.progress" :width="100" color="#47fff1"/>
+                    </div>
+                  </div>
+                  <el-image fit="cover" v-else>
+                    <template #error>
+                      <div class="image-slot">
+                        <i class="iconfont icon-quick-start"></i>
+                        <span>任务正在排队中</span>
                      </div>
                    </template>
-                  </el-popover>
-
+                  </el-image>
                </div>
              </template>
            </ItemList>
            <el-empty :image-size="100" v-else/>
          </div>
+
          <h2>创作记录</h2>
          <div class="finish-job-list">
-            <ItemList :items="finishedJobs" v-if="finishedJobs.length > 0">
+            <ItemList :items="finishedJobs" v-if="finishedJobs.length > 0" width="240" :gap="16">
              <template #default="scope">
                <div class="job-item">
                  <el-image
@@ -356,6 +338,8 @@
                </div>
              </template>
            </ItemList>
+
+            <el-empty :image-size="100" v-else/>
          </div> <!-- end finish job list-->
        </div>

@@ -500,7 +484,7 @@ onMounted(() => {

  const clipboard = new Clipboard('.copy-prompt');
  clipboard.on('success', () => {
-    ElMessage.success({message: "复制成功！", duration: 500});
+    ElMessage.success("复制成功！");
  })

  clipboard.on('error', () => {
--- a/web/src/views/ImageSd.vue
+++ b/web/src/views/ImageSd.vue
@@ -289,58 +289,40 @@
        <div class="task-list-inner" :style="{ height: listBoxHeight + 'px' }">
          <h2>任务列表</h2>
          <div class="running-job-list">
-            <ItemList :items="runningJobs" v-if="runningJobs.length > 0">
+            <ItemList :items="runningJobs" v-if="runningJobs.length > 0" width="240">
              <template #default="scope">
                <div class="job-item">
-                  <el-popover
-                      placement="top-start"
-                      title="绘画提示词"
-                      :width="240"
-                      trigger="hover"
-                  >
-                    <template #reference>
-                      <div v-if="scope.item.progress > 0" class="job-item-inner">
-                        <el-image :src="scope.item['img_url']"
-                                  fit="cover"
-                                  loading="lazy">
-                          <template #placeholder>
-                            <div class="image-slot">
-                              正在加载图片
-                            </div>
-                          </template>
-
-                          <template #error>
-                            <div class="image-slot">
-                              <el-icon v-if="scope.item['img_url'] !== ''">
-                                <Picture/>
-                              </el-icon>
-                            </div>
-                          </template>
-                        </el-image>
-
-                        <div class="progress">
-                          <el-progress type="circle" :percentage="scope.item.progress" :width="100" color="#47fff1"/>
+                  <div v-if="scope.item.progress > 0" class="job-item-inner">
+                    <el-image :src="scope.item['img_url']"
+                              fit="cover"
+                              loading="lazy">
+                      <template #placeholder>
+                        <div class="image-slot">
+                          正在加载图片
                        </div>
-                      </div>
-                      <el-image fit="cover" v-else>
-                        <template #error>
-                          <div class="image-slot">
-                            <i class="iconfont icon-quick-start"></i>
-                            <span>任务正在排队中</span>
-                          </div>
-                        </template>
-                      </el-image>
-                    </template>
+                      </template>

-                    <template #default>
-                      <div class="mj-list-item-prompt">
-                        <span>{{ scope.item.prompt }}</span>
-                        <el-icon class="copy-prompt" :data-clipboard-text="scope.item.prompt">
-                          <DocumentCopy/>
-                        </el-icon>
+                      <template #error>
+                        <div class="image-slot">
+                          <el-icon v-if="scope.item['img_url'] !== ''">
+                            <Picture/>
+                          </el-icon>
+                        </div>
+                      </template>
+                    </el-image>
+
+                    <div class="progress">
+                      <el-progress type="circle" :percentage="scope.item.progress" :width="100" color="#47fff1"/>
+                    </div>
+                  </div>
+                  <el-image fit="cover" v-else>
+                    <template #error>
+                      <div class="image-slot">
+                        <i class="iconfont icon-quick-start"></i>
+                        <span>任务正在排队中</span>
                      </div>
                    </template>
-                  </el-popover>
+                  </el-image>
                </div>
              </template>
            </ItemList>
@@ -348,7 +330,7 @@
          </div>
          <h2>创作记录</h2>
          <div class="finish-job-list">
-            <ItemList :items="finishedJobs" v-if="finishedJobs.length > 0">
+            <ItemList :items="finishedJobs" v-if="finishedJobs.length > 0" width="240" :gap="16">
              <template #default="scope">
                <div class="job-item" @click="showTask(scope.item)">
                  <el-image
@@ -372,6 +354,7 @@
                </div>
              </template>
            </ItemList>
+            <el-empty :image-size="100" v-else/>
          </div> <!-- end finish job list-->
        </div>

@@ -619,14 +602,14 @@ onMounted(() => {
  checkSession().then(user => {
    imgCalls.value = user['img_calls']
    // 获取运行中的任务
-    httpGet("/api/sd/jobs?status=0").then(res => {
+    httpGet(`/api/sd/jobs?status=0&user_id=${user['id']}`).then(res => {
      runningJobs.value = res.data
    }).catch(e => {
      ElMessage.error("获取任务失败：" + e.message)
    })

    // 获取运行中的任务
-    httpGet("/api/sd/jobs?status=1").then(res => {
+    httpGet(`/api/sd/jobs?status=1&user_id=${user['id']}`).then(res => {
      finishedJobs.value = res.data
      previewImgList.value = []
      for (let index in finishedJobs.value) {
@@ -644,7 +627,7 @@ onMounted(() => {

  const clipboard = new Clipboard('.copy-prompt');
  clipboard.on('success', () => {
-    ElMessage.success({message: "复制成功！", duration: 500});
+    ElMessage.success("复制成功！");
  })

  clipboard.on('error', () => {
--- a/web/src/views/ImagesWall.vue
+++ b/web/src/views/ImagesWall.vue
@@ -11,7 +11,7 @@
        </div>
      </div>
      <div class="waterfall" :style="{ height:listBoxHeight + 'px' }" id="waterfall-box">
-        <v3-waterfall id="waterfall" :list="list" srcKey="img_url"
+        <v3-waterfall id="waterfall" :list="list" srcKey="img_thumb"
                      :gap="12"
                      :bottomGap="-5"
                      :colWidth="colWidth"
@@ -22,7 +22,7 @@
          <template #default="slotProp">
            <div class="list-item">
              <div class="image" v-if="imgType === 'mj'">
-                <el-image :src="slotProp.item['img_url']+'?imageView2/4/w/300/q/75'"
+                <el-image :src="slotProp.item['img_thumb']"
                          :zoom-rate="1.2"
                          :preview-src-list="[slotProp.item['img_url']]"
                          :preview-teleported="true"
@@ -44,7 +44,7 @@
                </el-image>
              </div>
              <div class="image" v-else>
-                <el-image :src="slotProp.item['img_url']+'?imageView2/4/w/300/q/75'" loading="lazy"
+                <el-image :src="slotProp.item['img_thumb']" loading="lazy"
                          @click="showTask(slotProp.item)">
                  <template #placeholder>
                    <div class="image-slot">
@@ -84,7 +84,21 @@
      <el-row :gutter="20">
        <el-col :span="16">
          <div class="img-container" :style="{maxHeight: fullImgHeight+'px'}">
-            <el-image :src="item['img_url']" fit="contain"/>
+            <el-image :src="item['img_url']" fit="contain">
+              <template #placeholder>
+                <div class="image-slot">
+                  正在加载图片
+                </div>
+              </template>
+
+              <template #error>
+                <div class="image-slot">
+                  <el-icon>
+                    <Picture/>
+                  </el-icon>
+                </div>
+              </template>
+            </el-image>
          </div>
        </el-col>
        <el-col :span="8">
@@ -206,7 +220,7 @@ const list = ref([])
 const loading = ref(true)
 const isOver = ref(false)
 const imgType = ref("mj") // 图片类别
-const listBoxHeight = window.innerHeight - 71
+const listBoxHeight = window.innerHeight - 74
 const colWidth = ref(240)
 const fullImgHeight = ref(window.innerHeight - 60)
 const showTaskDialog = ref(false)
@@ -237,15 +251,25 @@ const getNext = () => {
  // 获取运行中的任务
  httpGet(`${url}?status=1&page=${page.value}&page_size=${pageSize.value}`).then(res => {
    loading.value = false
-    if (list.value.length === 0) {
-      list.value = res.data
+    if (res.data.length === 0) {
+      isOver.value = true
      return
    }

-    if (res.data.length < pageSize.value) {
+    // 生成缩略图
+    const imageList = res.data
+    for (let i = 0; i < imageList.length; i++) {
+      imageList[i]["img_thumb"] = imageList[i]["img_url"] + "?imageView2/4/w/300/q/75"
+    }
+    if (list.value.length === 0) {
+      list.value = imageList
+      return
+    }
+
+    if (imageList.length < pageSize.value) {
      isOver.value = true
    }
-    list.value = list.value.concat(res.data)
+    list.value = list.value.concat(imageList)

  }).catch(e => {
    ElMessage.error("获取图片失败：" + e.message)
@@ -257,7 +281,7 @@ getNext()
 onMounted(() => {
  const clipboard = new Clipboard('.copy-prompt');
  clipboard.on('success', () => {
-    ElMessage.success({message: "复制成功！", duration: 500});
+    ElMessage.success("复制成功！");
  })

  clipboard.on('error', () => {
@@ -269,6 +293,7 @@ const changeImgType = () => {
  document.getElementById('waterfall-box').scrollTo(0, 0)
  page.value = 0
  list.value = []
+  loading.value = true
  isOver.value = false
  nextTick(() => getNext())
 }
--- a/web/src/views/Register.vue
+++ b/web/src/views/Register.vue
@@ -109,6 +109,7 @@ import SendMsg from "@/components/SendMsg.vue";
 import {validateMobile} from "@/utils/validate";
 import {isMobile} from "@/utils/libs";
 import SendMsgMobile from "@/components/SendMsg.vue";
+import {setUserToken} from "@/store/session";

 const router = useRouter();
 const title = ref('ChatGPT-PLUS 用户注册');
@@ -144,8 +145,13 @@ const register = function () {
    return ElMessage.error('请输入短信验证码');
  }
  formData.value.code = parseInt(formData.value.code)
-  httpPost('/api/user/register', formData.value).then(() => {
-    ElMessage.success({"message": "注册成功，即将跳转到登录页...", onClose: () => router.push("/login")})
+  httpPost('/api/user/register', formData.value).then((res) => {
+    setUserToken(res.data)
+    ElMessage.success({
+      "message": "注册成功，即将跳转到对话主界面...",
+      onClose: () => router.push("/chat"),
+      duration: 1000
+    })
  }).catch((e) => {
    ElMessage.error('注册失败，' + e.message)
  })
Author	SHA1	Message	Date
RockYang	7ca1989d98	opt: adjust styles for ItemList component, cut string for chat role's hello message	2023-10-16 10:46:10 +08:00
RockYang	4595dcb7ed	feat: finish adding chat role to user function	2023-10-16 06:56:42 +08:00
RockYang	a688d3feb5	opt: adjust ItemList component styles	2023-10-15 15:47:42 +08:00
RockYang	7d1d88a32f	opt: optimize imgae loading for image wall page, loading thumb image replace source image	2023-10-13 23:07:41 +08:00
RockYang	d95c048edd	feat: create chat app list page, build the layout of page	2023-10-13 18:05:40 +08:00
RockYang	df2fc9d77c	feat: auto login when register successfully	2023-10-13 16:27:40 +08:00