feat(ui): 优化文件消息的视觉样式和布局

pages/home/index/index.vue

@@ -298,14 +298,20 @@
                         class="structured-file"
                         @click="downloadMessageFile(block.url)"
                       >
-                        <u-icon
-                          name="download"
-                          size="28"
-                          color="#4370fe"
-                        ></u-icon>
+                        <image
+                          class="structured-file-icon"
+                          src="/static/common/images/icon-file.png"
+                          mode="scaleToFill"
+                        ></image>
                         <text class="structured-file-name">{{
                           block.name
                         }}</text>
+                        <u-icon
+                          name="download"
+                          size="36"
+                          color="#666666"
+                          class="structured-file-download"
+                        ></u-icon>
                       </view>
                     </view>
                   </view>
@@ -403,14 +409,20 @@
                         class="structured-file"
                         @click="downloadMessageFile(block.url)"
                       >
-                        <u-icon
-                          name="download"
-                          size="28"
-                          color="#4370fe"
-                        ></u-icon>
+                        <image
+                          class="structured-file-icon"
+                          src="/static/common/images/icon-file.png"
+                          mode="scaleToFill"
+                        ></image>
                         <text class="structured-file-name">{{
                           block.name
                         }}</text>
+                        <u-icon
+                          name="download"
+                          size="36"
+                          color="#666666"
+                          class="structured-file-download"
+                        ></u-icon>
                       </view>
                     </view>
                   </view>
@@ -1183,8 +1195,7 @@ export default {
 
             // 创建AI回复消息对象
             const aiMessage = {
-              id:
-                this.currentDMid || Math.random().toString(36).substring(2, 15),
+              id: data.id || Math.random().toString(36).substring(2, 15),
               message: message,
               sendDate: "",
               isSend: true,
@@ -2048,28 +2059,39 @@ export default {
 
             .structured-item-file {
               .structured-file {
-                display: inline-flex;
+                display: flex;
                 align-items: center;
+                width: 500rpx;
                 max-width: 100%;
-                padding: 16rpx 20rpx;
+                padding: 24rpx;
                 background-color: #ffffff;
-                border-radius: 12rpx;
+                border-radius: 16rpx;
+                box-sizing: border-box;
+
+                .structured-file-icon {
+                  width: 48rpx;
+                  height: 62rpx;
+                  flex-shrink: 0;
+                  margin-right: 20rpx;
+                }
+
+                .structured-file-name {
+                  flex: 1;
+                  font-size: 28rpx;
+                  color: #333333;
+                  word-break: break-all;
+                  display: -webkit-box;
+                  -webkit-box-orient: vertical;
+                  -webkit-line-clamp: 1;
+                  overflow: hidden;
+                }
+
+                .structured-file-download {
+                  flex-shrink: 0;
+                  margin-left: 20rpx;
+                }
               }
             }
-
-            .structured-file {
-              display: inline-flex;
-              align-items: center;
-              max-width: 100%;
-              padding: 8rpx 0;
-            }
-
-            .structured-file-name {
-              margin-left: 8rpx;
-              font-size: 26rpx;
-              color: #4370fe;
-              word-break: break-all;
-            }
           }
         }