property.vue

<template>
  <Collapse v-model="value1" class="property">
    <Panel name="1">
      列表设置
      <div slot="content">
        <Form :model="config" :label-width="80">
          <FormItem label="每行个数">
            <Input v-model="config.num" type="number"></Input>
          </FormItem>
          <FormItem label="标题">
            <Input v-model="config.fileTitle" placeholder="资料下载"></Input>
          </FormItem>
          <FormItem label="分组">
            <Select v-model="config.groupId">
              <Option v-for="item in fileGroup" :value="item.value" :key="item.value">{{item.label}}</Option>
            </Select>
          </FormItem>
        </Form>
      </div>
    </Panel>
  </Collapse>
</template>

<script>
export default {
  props: {
    itemSetting: {
      type: Array,
      default: () => [],
    },
  },
  data() {
    return {
      value1: '1',
			config: {
        num: 1,
        fileTitle: '资料下载',
        groupId: '0'
      },
      fileGroup:  [
        {
          label: '默认分组',
          value: '0'
        },
        {
          label: '分组一',
          value: '1'
        },
        {
          label: '分组二',
          value: '2'
        },
        {
          label: '分组三',
          value: '3'
        },
        {
          label: '分组四',
          value: '4'
        },
        {
          label: '分组五',
          value: '5'
        }
      ]
    }
  },
  created() {
    let prop = this.itemSetting.properties
		if (prop) {
			this.config = prop
		} else {
      this.itemSetting.properties = this.config
    }
  },
}
</script>
<style scoped lang="scss">
</style>