property.vue

<template>
  <Collapse v-model="value1" class="property">
    <Panel name="1">
      列表设置
    </Panel>
  </Collapse>
</template>

<script>
export default {
  watch: {
  },
  props: {
    itemSetting: {
      type: Array,
      default: () => [],
    },
  },
  data() {
    return {
      value1: null,
      properties: { configList: [] },
			configList: [],
      functionList: [],
      
    }
  },
  computed: {
    id() {
      return this.itemSetting.id
    },
    type() {
      return this.itemSetting.type
    },
  },
  methods: {
    addItem() {
      this.properties.configList.push({
        title: '',
        query: '',
        SQL: '',
        description: '',
      })
    },
    removeItem(index) {
      this.properties.configList.splice(index, 1)
    },
    addFunction(l = []) {
      for (let o of l) {
        if (o.type == 'ROUTE') {
          this.functionList.push(o)
        }
        else if (o.type == 'GROUP') {
          this.addFunction(o.children)
        }
      }
    },
  },
  created() {
  },
}
</script>
<style scoped lang="scss">
</style>