<template>
  <div class="business-container">
    <Title name="商业信息" />
    <el-row>
      <el-col :span="12">
        <FormItem
          label="资产管理方"
          :initValue="formData.manage"
          formType="input"
      /></el-col>
      <el-col :span="12">
        <FormItem label="业主" :initValue="formData.owner" formType="input"
      /></el-col>
    </el-row>

    <FormItem
      label="物业公司"
      :initValue="formData.property"
      formType="input"
    />
    <el-row>
      <el-col :span="12">
        <FormItem
          label="设计方"
          :initValue="formData.design"
          formType="input-handle"
      /></el-col>
      <el-col :span="12">
        <FormItem
          label="施工方"
          :initValue="formData.build"
          formType="input-handle"
      /></el-col>
    </el-row>
    <FormItem
      label="开业时间"
      :initValue="formData.openDate"
      formType="input"
    />
  </div>
</template>

<script>
import Title from "./title.vue";
import FormItem from "./formItem.vue";
export default {
  components: {
    Title,
    FormItem,
  },
  data() {
    return {
      formData: {
        manage: "",
        owner: "",
        property: "",
        design: [{ value: "" }, { value: "" }],
        build: [{ value: "" }],
        openDate: "",
      },
    };
  },
};
</script>

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