zhgdyun/src/views/projectAdmin/fourEngin/govComp/leftTop.vue

<template>
  <Card title="基本信息">
    <div class="contentBox">
      <p class="row">
        <span>项目位置:</span>
        <a>{{list.projectAddress}}</a>
      </p>
      <p class="row">
        <span>用地面积:</span>
        <a>{{list.projectAcreage}}㎡</a>
      </p>
      <p class="row">
        <span>建设单位:</span>
        <a>{{list.constructionUnit}}</a>
      </p>
      <p class="row">
        <span>设计单位:</span>
        <a>{{list.designUnit}}</a>
      </p>
      <p class="row">
        <span>勘察单位:</span>
        <a>{{list.exploreUnit}}</a>
      </p>
      <p class="row">
        <span>监理单位:</span>
        <a>{{list.supervisorUnit}}</a>
      </p>
    </div>
  </Card>
</template>

<script>
import Card from "../components/Card.vue";
import { listProjectInfo } from '@/assets/js/api/zhongjianFourth'
export default {
  components: { Card },
  data(){
    return{
      list:{
        projectAddress:'建宁路与热河交叉路口',
        projectAcreage:'112768.21㎡',
        constructionUnit:"中建四局发展(广州天河)有限公司",
        designUnit:"中国建筑第四工程局有限公司",
        exploreUnit:"贵州中建建筑科研设计院有限公司",
        supervisorUnit:"广州宏元建设工程咨询有限公司",
      }
    }
  },
  created(){
    // this.getData();
  },
  methods:{
    // getData(){
    //   listProjectInfo({projectSn: this.$store.state.projectSn}).then((res)=>{
    //     console.log('========',res)
    //     this.list = res.result
    //   })
    // }
  }
};
</script>

<style lang="less" scoped>
.contentBox {
  width: 100%;
  height: 90%;
  overflow: auto;
  margin-top: 1%;
  .row {
    height: 35px;
    line-height: 35px;
    margin-top: 3px;
    span {
      margin-left: 10%;
      color: white;
      width: 25%;
      font-size: 16px;
      font-weight: 500;
      position: relative;
    }
    a {
      color: white;
    }
  }
}
::-webkit-scrollbar {
 width: 3px;
 color: #182337;
}
</style>