<template>
  <zj-page-container>
    <zj-page-fill>
      <div style="box-sizing: border-box; padding:10px;">
        <zj-form-container ref="formRef" :form-data="formData" :form-attributes="{ size: 'mini' }">
          <zj-form-module title="客户信息" label-width="80px" :form-data="formData" :form-items="formItems" />
          <zj-form-module title="商品信息" label-width="80px" :form-data="formData" :form-items="formItems2" />
        </zj-form-container>
      </div>
    </zj-page-fill>
  </zj-page-container>
</template>

<script>
export default {
  components: {ImageUpload},
  data(){
    return {
      formData: {
        imgSrc: [],
        promotionQuestionnaireQrcodes: []
      }
    }
  },
  computed: {
    formItems(){
      return [{
        name: 'el-radio',
        options: [
          { label: '一级能效', value: "一级能效" },
          { label: '二级能效', value: "二级能效" },
        ],
        md: 24,
        attributes: { disabled: this.disabled },
        formItemAttributes: { label: '发货方式', prop: 'mark' }
      },{
        name: 'el-input',
        md: 12,
        attributes: { disabled: false },
        formItemAttributes: { label: '物流公司', prop: 'categoryName' }
      },{
        name: 'el-input',
        md: 12,
        attributes: { disabled: false },
        formItemAttributes: { label: '快递单号', prop: 'categoryName' }
      }]
    },
    formItems2(){
      return [{
          name: 'slot-component',
          md: 24,
          formItemAttributes: {
            label: '',
            'label-width': '0px',
            prop: 'promotionQuestionnaireQrcodes',
            rules: []
          },
          render: (h, { props, onInput }) => {
            var { value } = props
            return null
          }
        }]
    }
  },
  methods: {
    
  }
}
</script>

<style lang="scss" scoped>
</style>
