<template>
  <div class="project-container">
    <Title name="项目信息" />
    <div class="form-content">
      <el-row>
        <el-col :span="12">
          <FormItem
            label="总建筑面积"
            :initValue="formData.buildArea"
            formType="input-unit"
            unit="m²"
            :showPop="true"
            popText="各建筑“建筑面积”之和"
          />
        </el-col>
        <el-col :span="12"
          ><FormItem
            label="占地面积"
            :initValue="formData.coverArea"
            formType="input-unit"
            unit="m²"
            :showPop="true"
            popText="红线面积"
        /></el-col>
      </el-row>
      <el-row>
        <el-col :span="12">
          <FormItem
            label="项目高度"
            :initValue="formData.height"
            formType="input-unit"
            unit="m²"
          />
        </el-col>
        <el-col :span="12"
          ><FormItem
            label="耐火等级"
            :initValue="formData.level"
            formType="select"
            :showPop="true"
        /></el-col>
      </el-row>
      <el-row>
        <el-col :span="12">
          <FormItem
            label="项目功能类型"
            :initValue="formData.type"
            formType="select"
          />
        </el-col>
        <el-col :span="12"
          ><FormItem
            label="地下楼层数"
            :initValue="formData.floor"
            formType="input-unit"
            unit="层"
        /></el-col>
      </el-row>
      <FormItem
        label="项目Logo"
        :initValue="formData.logos"
        formType="upload"
      />
      <FormItem
        label="区位图(城市)"
        :initValue="formData.citys"
        formType="upload"
      />
      <FormItem
        label="项目简介"
        :initValue="formData.desc"
        formType="textarea"
      />
    </div>
  </div>
</template>
<script>
import Title from "./title.vue";
import FormItem from "./formItem.vue";
export default {
  components: {
    Title,
    FormItem,
  },
  data() {
    return {
      formData: {
        buildArea: "",
        coverArea: "",
        height: "",
        level: "",
        type: "",
        floor: "",
        logos: [],
        citys: [],
        desc: "",
      },
    };
  },
};
</script>
<style lang="less" scoped></style>
