feat: applicaiton setting

Author: wangdan-fit2cloud

ui/src/components/ai-chat/ExecutionDetailDialog.vue

@@ -38,10 +38,10 @@
                   >{{ item?.message_tokens + item?.answer_tokens }} tokens</span
                 >
                 <span class="mr-16 color-secondary">{{ item?.run_time?.toFixed(2) || 0.0 }} s</span>
-                <el-icon class="success" :size="16" v-if="item.status === 200">
+                <el-icon class="color-success" :size="16" v-if="item.status === 200">
                   <CircleCheck />
                 </el-icon>
-                <el-icon class="danger" :size="16" v-else>
+                <el-icon class="color-danger" :size="16" v-else>
                   <CircleClose />
                 </el-icon>
               </div>

ui/src/components/model-select/index.vue

@@ -42,7 +42,7 @@
               class="model-icon mr-8"
             ></span>
             <span>{{ item.name }}</span>
-            <span class="danger">{{ $t('common.unavailable') }}</span>
+            <span class="color-danger">{{ $t('common.unavailable') }}</span>
           </div>
           <el-icon class="check-icon" v-if="item.id === modelValue">
             <Check />

ui/src/layout/layout-header/avatar/APIKeyDialog.vue

@@ -113,7 +113,7 @@ function deleteApiKey(row: any) {
     {
       confirmButtonText: t('common.confirm'),
       cancelButtonText: t('common.cancel'),
-      confirmButtonClass: 'danger'
+      confirmButtonClass: 'color-danger'
     }
   )
     .then(() => {

ui/src/layout/layout-header/avatar/AboutDialog.vue

@@ -18,7 +18,7 @@
         <span class="label">{{ $t('layout.about.expiredTime') }}</span>
         <span
           >{{ licenseInfo?.expired || '-' }}
-          <span class="danger" v-if="licenseInfo?.expired && fromNowDate(licenseInfo?.expired)"
+          <span class="color-danger" v-if="licenseInfo?.expired && fromNowDate(licenseInfo?.expired)"
             >（{{ fromNowDate(licenseInfo?.expired) }}）</span
           ></span
         >

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

@@ -128,8 +128,8 @@ export default {
     addModel: 'Add Model',
   },
   dialog: {
-    addDataset: 'Add Related Knowledge',
-    addDatasetPlaceholder: 'The selected knowledge must use the same embedding model',
+    addKnowledge: 'Add Related Knowledge',
+    addKnowledgePlaceholder: 'The selected knowledge must use the same embedding model',
     selected: 'Selected',
     countDataset: 'Knowledge',
 

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

@@ -119,8 +119,8 @@ export default {
   },
 
   dialog: {
-    addDataset: '添加关联知识库',
-    addDatasetPlaceholder: '所选知识库必须使用相同的 Embedding 模型',
+    addKnowledge: '添加关联知识库',
+    addKnowledgePlaceholder: '所选知识库必须使用相同的 Embedding 模型',
     selected: '已选',
     countDataset: '个知识库',
 

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

@@ -119,8 +119,8 @@ export default {
   },
 
   dialog: {
-    addDataset: '新增關聯知識庫',
-    addDatasetPlaceholder: '所選知識庫必須使用相同的 Embedding 模型',
+    addKnowledge: '新增關聯知識庫',
+    addKnowledgePlaceholder: '所選知識庫必須使用相同的 Embedding 模型',
     selected: '已選',
     countDataset: '個知識庫',
 

ui/src/styles/app.scss

@@ -373,18 +373,30 @@ h5 {
 }
 
 // 颜色
+
 .color-primary {
   color: var(--el-color-primary);
 }
+
+.color-danger {
+  color: var(--el-color-danger);
+}
+.color-warning {
+  color: var(--el-color-warning);
+}
+.color-success {
+  color: var(--el-color-success);
+}
+.color-info {
+  color: var(--el-color-info);
+}
 .color-text-primary {
   color: var(--el-text-color-primary);
 }
 .color-secondary {
   color: var(--app-text-color-secondary);
 }
-.color-success {
-  color: var(--el-color-success);
-}
+
 .color-input-placeholder {
   color: var(--app-input-color-placeholder);
 }

ui/src/styles/element-plus.scss

@@ -211,3 +211,32 @@
     font-size: 20px;
   }
 }
+
+// el-form
+
+.el-form {
+  --el-form-inline-content-width: 100%;
+}
+
+.el-form-item {
+  margin-bottom: 16px;
+  .el-form-item {
+    margin-bottom: 16px;
+    &:last-child {
+      margin-bottom: 0px;
+    }
+  }
+}
+.el-form-item__label {
+  font-weight: 400;
+  width: 100%;
+}
+
+.el-form-item__error {
+  position: unset;
+  font-size: 14px;
+}
+
+.el-form--label-top .el-form-item .el-form-item__label {
+  padding-right: 0;
+}

ui/src/views/application-overview/component/APIKeyDialog.vue

@@ -96,7 +96,7 @@ function deleteApiKey(row: any) {
     {
       confirmButtonText: t('common.confirm'),
       cancelButtonText: t('common.cancel'),
-      confirmButtonClass: 'danger'
+      confirmButtonClass: 'color-danger'
     }
   )
     .then(() => {