feat: node

Author: wangdan-fit2cloud

ui/src/styles/app.scss

@@ -431,6 +431,10 @@ h5 {
   background: var(--app-layout-bg-color);
 }
 
+.white-bg {
+  background: #ffffff;
+}
+
 /*
   标题前带竖线样式
 */
@@ -495,6 +499,14 @@ h5 {
   line-height: 25px;
 }
 
+/*
+  card 无边框无阴影 灰色背景
+*/
+.card-never {
+  background: var(--app-layout-bg-color);
+  border: none !important;
+}
+
 /*
   内容部分 自适应高度
 */

ui/src/styles/element-plus.scss

@@ -248,3 +248,12 @@
 .el-divider__text {
   background: var(--app-layout-bg-color);
 }
+
+// el-cascader
+.el-cascader-node {
+  padding-left: 2px;
+}
+.el-cascader-node__prefix {
+  right: 10px;
+  left: auto;
+}

ui/src/styles/md-editor.scss

@@ -1,6 +1,5 @@
 .md-editor {
   font-weight: 400;
-  background: none !important;
 }
 
 .md-editor-preview {

ui/src/views/application/component/ReasoningParamSettingDialog.vue

@@ -9,7 +9,7 @@
     :close-on-click-modal="false"
     :close-on-press-escape="false"
   >
-    <el-form label-position="top" ref="paramFormRef" :model="form" class="p-12-16">
+    <el-form label-position="top" ref="paramFormRef" :model="form">
       <el-text type="info" class="color-secondary">{{
         $t('views.application.form.reasoningContent.tooltip')
       }}</el-text>

ui/src/views/model/component/CreateModelDialog.vue

@@ -95,7 +95,7 @@
                 <div class="flex align-center" style="display: inline-flex">
                   <div class="mr-4">
                     <span>{{ $t('views.model.modelForm.base_model.label') }} </span>
-                    <span class="danger ml-4">{{
+                    <span class="color-danger ml-4">{{
                       $t('views.model.modelForm.base_model.tooltip')
                     }}</span>
                   </div>

ui/src/views/model/component/EditModel.vue

@@ -73,7 +73,7 @@
             <div class="flex align-center" style="display: inline-flex">
               <div class="mr-4">
                 <span>{{ $t('views.model.modelForm.base_model.label') }} </span>
-                <span class="danger ml-4">{{
+                <span class="color-danger ml-4">{{
                   $t('views.model.modelForm.base_model.tooltip')
                 }}</span>
               </div>

ui/src/views/model/component/ModelCard.vue

@@ -10,7 +10,7 @@
         </span>
         <span v-if="currentModel.status === 'ERROR'">
           <el-tooltip effect="dark" :content="errMessage" placement="top">
-            <el-icon class="danger ml-4" size="18"><Warning /></el-icon>
+            <el-icon class="color-danger ml-4" size="18"><Warning /></el-icon>
           </el-tooltip>
         </span>
         <span v-if="currentModel.status === 'PAUSE_DOWNLOAD'">
@@ -19,7 +19,7 @@
             :content="`${$t('views.model.modelForm.base_model.label')}: ${props.model.model_name} ${$t('views.model.tip.downloadError')}`"
             placement="top"
           >
-            <el-icon class="danger ml-4" size="18"><Warning /></el-icon>
+            <el-icon class="color-danger ml-4" size="18"><Warning /></el-icon>
           </el-tooltip>
         </span>
       </div>
@@ -179,7 +179,7 @@ const deleteModel = () => {
     `${t('views.model.delete.confirmMessage')}${props.model.name} ?`,
     {
       confirmButtonText: t('common.confirm'),
-      confirmButtonClass: 'danger',
+      confirmButtonClass: 'color-danger',
     },
   )
     .then(() => {

ui/src/views/paragraph/component/ParagraphCard.vue

@@ -146,7 +146,7 @@ function deleteParagraph(row: any) {
     t('views.paragraph.delete.confirmMessage'),
     {
       confirmButtonText: t('common.confirm'),
-      confirmButtonClass: 'danger',
+      confirmButtonClass: 'color-danger',
     },
   )
     .then(() => {

ui/src/views/paragraph/index.vue

@@ -230,7 +230,7 @@ function deleteMulParagraph() {
     t('views.paragraph.delete.confirmMessage'),
     {
       confirmButtonText: t('common.confirm'),
-      confirmButtonClass: 'danger',
+      confirmButtonClass: 'color-danger',
     },
   )
     .then(() => {

ui/src/views/problem/index.vue

@@ -278,7 +278,7 @@ function deleteProblem(row: any) {
     `${t('views.problem.delete.confirmMessage1')} ${row.paragraph_count} ${t('views.problem.delete.confirmMessage2')}`,
     {
       confirmButtonText: t('common.confirm'),
-      confirmButtonClass: 'danger',
+      confirmButtonClass: 'color-danger',
     },
   )
     .then(() => {