fix(componentSelect): 修改商品选择

app/web/page/editor/component/DynamicForm/component/ComponentSelect/index.ts

@@ -8,6 +8,7 @@ export default class DynamicForm extends Vue {
   @Getter('pageData') pageData;
 
   @Prop([String, Number]) value;
+  @Prop(String) limitName;
 
   selected: string = this.value;
   list: object[] = [];
@@ -31,7 +32,13 @@ export default class DynamicForm extends Vue {
   updateOptions(val = this.curEleIndex) {
     if (val || val === 0) {
       const pointY = this.pageData?.elements[val]?.point?.y;
-      this.list = this.pageData?.elements?.filter(v => pointY < v?.point?.y)?.map((element, index) => ({ id: element.id, label: element.title + '-' + element.id}));
+      let list = [];
+      if (this.limitName) {
+        list = this.pageData?.elements?.filter(v => pointY < v?.point?.y && v?.name === this.limitName);
+      } else {
+        list = this.pageData?.elements?.filter(v => pointY < v?.point?.y);
+      }
+      this.list = list.map((element, index) => ({ id: element.id, label: element.title + '-' + element.id}));
       console.log('curEleIndex', pointY, this.pageData?.elements?.filter(v => pointY < v?.point?.y), this.list);
     }
   }

app/web/page/editor/component/DynamicForm/component/FormList/index.vue

@@ -7,7 +7,7 @@
       </div>
       <Form @submit.native.prevent :model="item" :label-width="50">
         <FormItem :prop="`${keywords.key}`" :label="keywords.name" :key="idx" v-for="(keywords, idx) in formControl">
-          <component :is="getComponent(keywords.type)" v-bind="keywords.props" :options="keywords.options" v-model="item[keywords.key]" />
+          <component :is="getComponent(keywords.type)" v-bind="keywords.props" :limit-name="limitName" :options="keywords.options" v-model="item[keywords.key]" />
         </FormItem>
       </Form>
     </Card>
@@ -19,7 +19,11 @@
 <script>
 import FormList from '../mixins/formList.mixin.ts';
   export default {
-    mixins: [FormList]
+    mixins: [FormList],
+    props: {
+      limitName: String
+    },
+    
   }
 </script>
 <style lang="less" scoped>

app/web/page/editor/component/DynamicForm/index.vue

@@ -10,11 +10,11 @@
         <div v-if="item.title">
           <h3>{{ item.title }}</h3>
           <FormItem :label="child.name" :key="curElement.id + child.key" v-for="child in item.children">
-            <component :is="getComponent(child.type)" :options="child.options" :formControl="child.formControl" v-model="form[child.key]" />
+            <component :is="getComponent(child.type)" :options="child.options" :formControl="child.formControl" :limit-name="child.type === 'FormList' && curElement.name === 'cs-goods-tabs' ? 'cs-goods' : ''" v-model="form[child.key]" />
           </FormItem>
         </div>
         <FormItem class="Df-component-formitem" v-else :label="item.name" >
-          <component :is="getComponent(item.type)" :options="item.options" :formControl="item.formControl"  v-model="form[item.key]" />
+          <component :is="getComponent(item.type)" :options="item.options" :formControl="item.formControl" :limit-name="item.type === 'ComponentSelect' && curElement.name === 'cs-goods-tabs' ? 'cs-goods' : ''" v-model="form[item.key]" />
         </FormItem>
       </template>
     </Form>