From b30ac1dd3b80b28c62edb9305d5d84e0b755f4ef Mon Sep 17 00:00:00 2001
From: BoBoooooo <17746714@qq.com>
Date: Sat, 20 Feb 2021 10:12:58 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E4=BC=98=E5=8C=96=E6=A0=91=E5=BD=A2?=
 =?UTF-8?q?=E4=B8=8B=E6=8B=89=E6=A1=86=E9=A2=84=E8=A7=88=E6=95=88=E6=9E=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../form-designer/src/GenerateFormItem.vue    |  2 ++
 .../form-designer/src/WidgetFormItem.vue      |  7 +++----
 .../form-designer/src/componentsConfig.ts     | 19 ++++++++++++++++++-
 .../form-designer/src/styles/index.scss       |  2 +-
 4 files changed, 24 insertions(+), 6 deletions(-)

diff --git a/src/component/form-designer/src/GenerateFormItem.vue b/src/component/form-designer/src/GenerateFormItem.vue
index 561c4eb..29dd729 100644
--- a/src/component/form-designer/src/GenerateFormItem.vue
+++ b/src/component/form-designer/src/GenerateFormItem.vue
@@ -517,6 +517,8 @@ export default class GenerateFormItem extends Vue {
         }
         this.copyOption = this.widget.options.remoteOptions;
       });
+    } else if (this.widget.options.remote === 'custom') {
+      this.visible = true;
     }
   }
 
diff --git a/src/component/form-designer/src/WidgetFormItem.vue b/src/component/form-designer/src/WidgetFormItem.vue
index c82732e..186c8c8 100644
--- a/src/component/form-designer/src/WidgetFormItem.vue
+++ b/src/component/form-designer/src/WidgetFormItem.vue
@@ -189,15 +189,12 @@
                    :style="{width: element.options.width}"
                    :options="element.options.remoteOptions">
       </el-cascader>
-    </template>
-      <template v-if="element.type ==='comment'">
-       <h4 style="text-align:center;margin:0">意见框</h4>
     </template>
      <template v-if="element.type ==='table'">
        <h4 style="text-align:center;margin:0">表格({{element.model}})</h4>
     </template>
     <template v-if="element.type === 'treeselect'">
-       <h4 style="text-align:center;margin:0">树形下拉框({{element.model}})</h4>
+      <TreeSelect v-model="element.options.defaultValue"  :options="[]" />
     </template>
     <template v-if="element.type === 'richtext'">
       <Tinymce :height="400"
@@ -249,6 +246,7 @@
 </template>
 
 <script>
+import TreeSelect from '@riophae/vue-treeselect';
 import Tinymce from './components/Tinymce'; // 富文本编辑器
 import lineChart from './components/Charts/lineChart.vue';
 import pieChart from './components/Charts/pieChart.vue';
@@ -285,6 +283,7 @@ export default {
     lineChart,
     Echarts,
     AvatarUpload,
+    TreeSelect,
   },
   data() {
     return {
diff --git a/src/component/form-designer/src/componentsConfig.ts b/src/component/form-designer/src/componentsConfig.ts
index 5b908aa..fdf741f 100644
--- a/src/component/form-designer/src/componentsConfig.ts
+++ b/src/component/form-designer/src/componentsConfig.ts
@@ -427,6 +427,7 @@ export const advanceComponents = [
       remoteFunc: '',
       placeholder: '',
       width: '100%',
+      defaultValue: null,
       maxHeight: 300,
       multiple: false,
       remote: 'custom',
@@ -447,7 +448,23 @@ export const advanceComponents = [
       disabled: false,
       showCount: false,
       disableBranchNodes: true,
-      remoteOptions: [],
+      remoteOptions: [{
+        value: '测试数据A',
+        label: '测试数据A',
+        children: [{
+          value: '测试数据AA',
+          label: '测试数据AA',
+        }, {
+          value: '测试数据AB',
+          label: '测试数据AB',
+        }],
+      }, {
+        value: '测试数据B',
+        label: '测试数据B',
+      }, {
+        value: '测试数据C',
+        label: '测试数据C',
+      }],
       hiddenLabel: false,
     },
   },
diff --git a/src/component/form-designer/src/styles/index.scss b/src/component/form-designer/src/styles/index.scss
index 3a0dd26..c3bd881 100644
--- a/src/component/form-designer/src/styles/index.scss
+++ b/src/component/form-designer/src/styles/index.scss
@@ -653,5 +653,5 @@ $primary-background-color: #ecf5ff;
   top: 200px;
   left: 50%;
   margin-left: -150px;
-  color: #ccc;
+  color: #aaa;
 }