<template>
  <div>
    <basic-container>
      <el-form :model="form" ref="form" label-width="130px">
        <el-row>
          <el-col v-for="(item, index) in basicData.column" :span="item.span?item.span:6" :key="index">
            <el-form-item :label="item.label" :prop="item.prop" :rules="item.rules">
              <el-date-picker v-if="item.type === 'datetime'" style="width: 100%;" v-model="form[item.prop]" size="small" type="datetime" placeholder="选择日期" value-format="yyyy-MM-dd HH:mm:ss"/>
              <el-select v-else-if="item.type === 'select'" style="width: 100%" size="small" placeholder="请选择" clearable filterable></el-select>
              <el-input type="age" v-else v-model="form[item.prop]" size="small" autocomplete="off" placeholder="请输入"></el-input>
            </el-form-item>
          </el-col>
          <el-col>
            <el-form-item>
              <el-button type="info" style="float: right" @click="">生成账单</el-button>
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
    </basic-container>
  </div>
</template>

<script>
    export default {
      data(){
        return {
          form:{},
          basicData:{},

        }
      }
    }
</script>

<style scoped>

</style>
