<template>
  <div class="basic-container">
    <Title :name="name" />
    <div class="basic-content">
      <div class="basic-line">
        项目ID：<span>{{ info.id }}</span>
      </div>
      <div class="basic-line">
        项目本地名称：<span>{{ info.localName }}</span>
      </div>
      <!-- <GeoComp v-if="itemProps.label === '地理位置'" @change="geoChange" />
      <div
        :class="['basic-item', { all: item.dataType === 'ATTACHMENT' }]"
        v-for="(item, index) in itemProps.child"
        :key="item.id"
        v-if="item.visible"
      >
        <FormItem
          :label="item.name"
          :formType="filterType(item.dataType)"
          :isDisabled="item.unDisabled"
          :formItemObj="item"
          :info="info"
        />
      </div> -->

      <!-- <div class="basic-line">
        项目本地名称：<span>{{ info.localName }}</span>
      </div> -->
    </div>
  </div>
</template>
<script>
import Title from "./title.vue";
// import { dataTypeEnum } from "../index.vue";
// import FormItem from "./formItem.vue";
// import FormItem from "../form/form.vue";
// import GeoComp from "./geo.vue";
export default {
  components: {
    Title,
    // FormItem,
    // GeoComp,
  },
  props: {
    itemProps: {
      type: Object,
      default: () => {
        return {};
      },
    },
    name: {
      type: String,
      default: "",
    },
    info: {
      type: Object,
      default: () => {
        return {};
      },
    },
  },
  methods: {
    filterType(type) {
      return dataTypeEnum[type];
    },
    // filterClass(type) {
    //   let className = "";
    //   switch (type) {
    //     case "ATTACHMENT":
    //     case "long":
    //       className = "all";
    //       return;
    //   }
    // },
    // geoChange(info) {
    //   console.log(info, "asdqasd");
    //   this.info.infos.longitude = info.lng;
    //   this.info.infos.latitude = info.lat;
    //   this.info.infos.address = info.district;
    // },
  },
};
</script>
<style lang="less" scoped>
.basic {
  &-container {
    padding-bottom: 40px;
  }
  &-content {
    display: flex;
    padding-left: 16px;
    flex-wrap: wrap;
    .basic-item {
      width: 50%;
      font-size: 14px;
      color: #646c73;
      margin-bottom: 24px;
      span {
        color: #1f2429;
      }
    }
    .all {
      width: 100%;
    }
  }
  &-line {
    font-size: 14px;
    color: #646c73;
    span {
      color: #1f2429;
    }
    &:nth-child(2) {
      margin-left: 157px;
    }
  }
}
</style>
