From 108be8933219d1df3d67221c81763da26b44ea43 Mon Sep 17 00:00:00 2001
From: Zhufu <1176354795@qq.com>
Date: Thu, 6 Jun 2024 14:00:58 +0800
Subject: [PATCH] =?UTF-8?q?=E3=80=90=E8=A1=A8=E5=8D=95=E8=AE=BE=E8=AE=A1?=
 =?UTF-8?q?=E3=80=91=E7=BB=84=E4=BB=B6=E6=B7=BB=E5=8A=A0=E8=BE=B9=E6=A1=86?=
 =?UTF-8?q?=EF=BC=8C=E5=88=A0=E9=99=A4=E5=8E=9F=E5=85=88=E4=B8=8A=E4=BC=A0?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../VFormDesign/components/FormNode.vue       |  7 ++++++-
 .../VFormDesign/components/LayoutItem.vue     | 11 +++++++---
 .../demo/form-design/core/formItemConfig.ts   | 20 +++++++++----------
 3 files changed, 24 insertions(+), 14 deletions(-)

diff --git a/src/views/demo/form-design/components/VFormDesign/components/FormNode.vue b/src/views/demo/form-design/components/VFormDesign/components/FormNode.vue
index 867cca6a..7f30d187 100644
--- a/src/views/demo/form-design/components/VFormDesign/components/FormNode.vue
+++ b/src/views/demo/form-design/components/VFormDesign/components/FormNode.vue
@@ -3,7 +3,7 @@
 -->
 <template>
   <div
-    class="drag-move-box"
+    class="drag-move-box component-border"
     @click.stop="handleSelectItem"
     :class="{ active: schema.key === formConfig.currentItem?.key }"
   >
@@ -51,3 +51,8 @@
     },
   });
 </script>
+<style lang="scss" scoped>
+.component-border{
+  border: 1px solid #d9d9d9
+}
+</style>
diff --git a/src/views/demo/form-design/components/VFormDesign/components/LayoutItem.vue b/src/views/demo/form-design/components/VFormDesign/components/LayoutItem.vue
index 2c6f0291..aa11db53 100644
--- a/src/views/demo/form-design/components/VFormDesign/components/LayoutItem.vue
+++ b/src/views/demo/form-design/components/VFormDesign/components/LayoutItem.vue
@@ -7,7 +7,7 @@
   <Col v-bind="colPropsComputed">
     <template v-if="['Grid','Card'].includes(schema.component)">
       <div
-        class="grid-box"
+        class="grid-box component-border"
         :class="{ active: schema.key === currentItem.key }"
         @click.stop="handleSetSelectItem(schema)"
       >
@@ -50,7 +50,7 @@
     </template>
     <template v-else-if="['Tabs'].includes(schema.component)">
       <div
-        class="grid-box"
+        class="grid-box component-border"
         :class="{ active: schema.key === currentItem.key }"
         @click.stop="handleSetSelectItem(schema)"
       >
@@ -87,7 +87,7 @@
     </template>
     <template v-else-if="['CardGroup'].includes(schema.component)">
       <div
-        class="grid-box"
+        class="grid-box component-border"
         :class="{ active: schema.key === currentItem.key }"
         @click.stop="handleSetSelectItem(schema)"
       >
@@ -214,3 +214,8 @@
     background-color: rgb(240 191 195);
   }
 </style>
+<style lang="scss" scoped>
+.component-border{
+  border: 1px solid #d9d9d9
+}
+</style>
diff --git a/src/views/demo/form-design/core/formItemConfig.ts b/src/views/demo/form-design/core/formItemConfig.ts
index 3eab1d05..9e4f34d5 100644
--- a/src/views/demo/form-design/core/formItemConfig.ts
+++ b/src/views/demo/form-design/core/formItemConfig.ts
@@ -426,16 +426,16 @@ export const baseComponents: IVFormComponent[] = [
       ],
     },
   },
-  {
-    component: 'Upload',
-    label: '上传',
-    icon: 'ant-design:upload-outlined',
-    field: '',
-    colProps: { span: 24 },
-    componentProps: {
-      api: () => 1,
-    },
-  },
+  // {
+  //   component: 'Upload',
+  //   label: '上传',
+  //   icon: 'ant-design:upload-outlined',
+  //   field: '',
+  //   colProps: { span: 24 },
+  //   componentProps: {
+  //     api: () => 1,
+  //   },
+  // },
   {
     component: 'Cascader',
     label: '级联选择',