中建四局(政企联合):基本信息模块

src/views/projectAdmin/zjsj/govComp/leftTop.vue

@@ -1,6 +1,33 @@
 <template>
   <Card title="基本信息">
-    基本信息
+    <div>
+      <div class="contentBox">
+            <p class="row">
+              <span>项目位置</span>
+              <a>建宁路与热河交叉路口</a>
+            </p>
+            <p class="row">
+              <span>用地面积</span>
+              <a>112768.21㎡</a>
+            </p>
+            <p class="row">
+              <span>建设单位</span>
+              <a>中建四局发展(广州天河)有限公司</a>
+            </p>
+            <p class="row">
+              <span>设计单位</span>
+              <a>中国建筑第四工程局有限公司</a>
+            </p>
+            <p class="row">
+              <span>勘察单位</span>
+              <a>贵州中建建筑科研设计院有限公司</a>
+            </p>
+            <p class="row">
+              <span>监理单位</span>
+              <a>广州宏元建设工程咨询有限公司</a>
+            </p>
+          </div>
+    </div>
   </Card>
 </template>
 
@@ -11,4 +38,49 @@ export default {
 }
 </script>
 
-<style></style>
+<style lang="less" scoped>
+.contentBox {
+    margin-top: 3%;
+    margin-left: 2%;
+    .row{
+      height: 35px;
+      line-height: 35px;
+      display: flex;
+      justify-content: left;
+      align-content: left;
+      margin-top: 3px;
+      background-image: url(../assets/images/common/bg-intro.png);
+      background-repeat: no-repeat;
+      background-size: 100%;
+      span {
+        margin-left: 10%;
+        color: white;
+        width: 25%;
+        font-size: 14px;
+        position: relative;
+     }
+     a{
+      color:#c4c7cc;
+     }
+    }
+    .row:active,.row:hover{
+      height: 55px;
+      line-height: 55px;
+       background-image: url(../assets/images/common/bg-ihover.png);
+       background-repeat: no-repeat;
+      background-size: 100%;
+      a{
+        color:#bc5935;
+      }
+      span::before{
+        content: '';
+        top: 30%;
+        left: -30%;
+        position: absolute;
+        border: 8px solid transparent;
+        border-left: 8px solid white;
+        display: inline-block;
+      }
+    }
+  }
+</style>