style: 表单设计器颜色优化

BoBoooooo · Apr 23, 2021 · d3f1c63 · d3f1c63
1 parent cb846fc
commit d3f1c63
Show file tree

Hide file tree

Showing 5 changed files with 359 additions and 611 deletions.
diff --git a/src/component/crud-table/src/ProFormDialog.vue b/src/component/crud-table/src/ProFormDialog.vue
@@ -260,18 +260,7 @@ export default defineComponent({
         })
         .catch((e) => {
           // 数据校验失败
-          // 数据校验失败
-          const messages = Object.values(e)
-            .flat(1)
-            .map((_) => _.message);
-          const newDatas: VNode[] = [];
-          for (const i of messages) {
-            newDatas.push(h('p', {}, i));
-          }
-          $notify.error({
-            title: '表单校验失败,请检查',
-            message: h('div', { style: 'color: teal' }, newDatas),
-          });
+          $message.error('表单校验失败,请检查');
           btnSaveIsLoading.value = false;
         });
     };

diff --git a/src/component/form-designer/src/FormDesigner.vue b/src/component/form-designer/src/FormDesigner.vue
@@ -82,7 +82,7 @@
         <slot name="custom-btn"></slot>
       </div>
     </el-header>
-    <!-- 对话框 -->
+    <!-- 主体区域 -->
     <el-container style="height: calc(100% - 54px)">
       <!-- 左侧边栏 -->
       <el-aside style="width: 20%; max-width: 250px">

diff --git a/src/component/form-designer/src/WidgetFormItem.vue b/src/component/form-designer/src/WidgetFormItem.vue
@@ -198,7 +198,7 @@
       <h4 style="text-align: center; margin: 0">自定义插槽({{ element.model }})</h4>
     </template>
     <template v-if="element.type === 'treeselect'">
-      <treeselect v-model="element.options.defaultValue" :options="[]" />
+      <treeselect v-model="element.options.defaultValue" :options="[]" :placeholder="element.options.placeholder" />
     </template>
     <template v-if="element.type === 'richtext'">
       <Tinymce :height="400" v-model="element.options.defaultValue" />