<template>
  <div id="group" class="group-class">
      <div style="text-align: center;font-size: 18px;font-weight: bold; min-height: 45px;line-height: 45px;border-bottom: 1px solid #c2c2c2;border-right: 1px solid #c2c2c2"
           v-if="dataConstructor.name && dataConstructor.hideShowName != '是'">{{dataConstructor.name}}</div>
        <spcp-form-wrapper v-for="(item,index) in (dataConstructor.children || [])" v-show="!bindProps.hideComponent"
                           v-bind:wrapper-props="item.wrapperProps" :key="index">
            <component :is="item.spcpComponent" :dataConstructor="item" :spcpFormData="spcpFormData"
                       :fieldId="item.fieldId" :id="item.fieldId + '_component'" :style="(bindProps || {}).spcpCss"
            >
            </component>
        </spcp-form-wrapper>
  </div>
</template>
<script>
import proto from '../spcp-proto.vue';
import SpcpFormWrapper from "../spcpFormWrapper.vue";
export default {
    name: "spcp-group",
    components: {SpcpFormWrapper},
    extends: proto,
    props:{
        autoSizeObj:{type:Object},
        disabled:{type:Boolean},
    },
    data(){
        return {

        }
    },
    created() {
      console.log(this.spcpFormData);
    },
}
</script>
<style scoped lang="scss">
      .group-class /deep/ {
          > div{
            > .el-form-item__content{
              padding: 0;
            }
          }
      }
</style>