fix: upload image style error

Author: wangdan-fit2cloud

ui/src/components/ai-chat/component/chat-input-operate/index.vue

@@ -51,40 +51,7 @@
                 </div>
               </el-card>
             </el-col>
-            <el-col
-              :xs="24"
-              :sm="12"
-              :md="12"
-              :lg="12"
-              :xl="12"
-              class="mb-8"
-              v-for="(item, index) in uploadImageList"
-              :key="index"
-            >
-              <div
-                class="file cursor border border-r-4"
-                v-if="item.url"
-                @mouseenter.stop="mouseenter(item)"
-                @mouseleave.stop="mouseleave()"
-              >
-                <div
-                  @click="deleteFile(index, 'image')"
-                  class="delete-icon color-secondary"
-                  v-if="showDelete === item.url"
-                >
-                  <el-icon>
-                    <CircleCloseFilled />
-                  </el-icon>
-                </div>
-                <el-image
-                  :src="item.url"
-                  alt=""
-                  fit="cover"
-                  style="width: 40px; height: 40px; display: block"
-                  class="border-r-4"
-                />
-              </div>
-            </el-col>
+
             <el-col
               :xs="24"
               :sm="12"
@@ -118,6 +85,33 @@
               </el-card>
             </el-col>
           </el-row>
+          <div class="flex">
+            <template v-for="(item, index) in uploadImageList" :key="index">
+              <div
+                class="file cursor border border-r-4 mr-8"
+                v-if="item.url"
+                @mouseenter.stop="mouseenter(item)"
+                @mouseleave.stop="mouseleave()"
+              >
+                <div
+                  @click="deleteFile(index, 'image')"
+                  class="delete-icon color-secondary"
+                  v-if="showDelete === item.url"
+                >
+                  <el-icon>
+                    <CircleCloseFilled />
+                  </el-icon>
+                </div>
+                <el-image
+                  :src="item.url"
+                  alt=""
+                  fit="cover"
+                  style="width: 40px; height: 40px; display: block"
+                  class="border-r-4"
+                />
+              </div>
+            </template>
+          </div>
         </div>
       </el-scrollbar>
       <div class="flex">

ui/src/locales/lang/en-US/views/application-workflow.ts

@@ -1,6 +1,6 @@
 export default {
   node: 'Node',
-  baseComponent: 'Base Component',
+  baseComponent: 'Base',
   nodeSetting: 'Node Settings',
   workflow: 'Workflow',
   searchBar: {
@@ -18,7 +18,8 @@ export default {
     releaseHistory: 'Publish History',
     autoSave: 'Auto Save',
     latestRelease: 'Latest Publish',
-    copyParam: 'Copy Parameter'
+    copyParam: 'Copy Parameter',
+    debug: 'Run',
   },
   tip: {
     publicSuccess: 'Successfully',

ui/src/locales/lang/zh-CN/views/application-workflow.ts

@@ -18,7 +18,8 @@ export default {
     releaseHistory: '发布历史',
     autoSave: '自动保存',
     latestRelease: '最近发布',
-    copyParam: '复制参数'
+    copyParam: '复制参数',
+    debug: '调试',
   },
   tip: {
     publicSuccess: '发布成功',

ui/src/locales/lang/zh-Hant/views/application-workflow.ts

@@ -18,7 +18,8 @@ export default {
     releaseHistory: '發布歷史',
     autoSave: '自動保存',
     latestRelease: '最近發布',
-    copyParam: '複製參數'
+    copyParam: '複製參數',
+    debug: '調試',
   },
   tip: {
     publicSuccess: '發布成功',

ui/src/views/application-workflow/index.vue

@@ -30,7 +30,7 @@
         <el-button icon="Plus" @click="showPopover = !showPopover"> {{ $t('views.applicationWorkflow.setting.addComponent') }} </el-button>
         <el-button @click="clickShowDebug" :disabled="showDebug">
           <AppIcon iconName="app-play-outlined" class="mr-4"></AppIcon>
-          {{ $t('common.debug') }}</el-button
+          {{ $t('views.applicationWorkflow.setting.debug') }}</el-button
         >
         <el-button @click="saveApplication(true)">
           <AppIcon iconName="app-save-outlined" class="mr-4"></AppIcon>