列表修改

src/views/cockpitNew1/tdsy.vue

@@ -56,7 +56,22 @@
         <div class="content2">
           <div class="search">
             <el-input v-model="input" placeholder="请输入内容">
-              <el-button slot="append" icon="el-icon-search" ></el-button></el-input>
+              <el-button slot="append" icon="el-icon-search"></el-button
+            ></el-input>
+          </div>
+          <div class="infoLIst">
+            <div class="infoItem">
+              <div class="itemIcon"></div>
+              <div class="itemCon">
+                <p>吉阳区大茅村太葵组</p>
+                <p>
+                  <span>已出让</span>
+                  <span>商服用地</span>
+                  <span>0.99公顷</span>
+                </p>
+              </div>
+              <div class="itemStatus"></div>
+            </div>
           </div>
         </div>
       </div>
@@ -93,7 +108,7 @@ export default {
         },
       ],
       value: "国有建设用地",
-      input: ''
+      input: "",
     };
   },
   //监听属性 类似于data概念
@@ -909,7 +924,6 @@ export default {
         series: series,
       };
       myChart.setOption(option);
-
     },
     init_rsyt_echart2() {
       var dom = document.getElementById("rsyt_echart");
@@ -1463,5 +1477,40 @@ export default {
   height: 15rem;
   top: 12%;
   background-color: rgba(219, 54, 81, 0.274);
+  .infoLIst {
+    width: 100%;
+    height: 12rem;
+    background-color: rgba(71, 23, 201, 0.274);
+    .infoItem {
+      width: 100%;
+      height: 3.3rem;
+      background-color: #64daff;
+      background: url("/static/images/overview/list_bg.png") no-repeat;
+      background-size: 100% 100%;
+      display: flex;
+      .itemIcon {
+        width: 1.5rem;
+        height: 1.7rem;
+        background: url("/static/images/overview/iconDW.png") no-repeat;
+        background-size: 100% 100%;
+        margin: 0.5rem;
+      }
+      .itemCon {
+        // width: 13.5rem;
+        // height: 1.55rem;
+        // background-color: #faa012;
+        // line-height: 1.55rem;
+        p {
+          width: 13.5rem;
+          height: 1.55rem;
+          line-height: 1.55rem;
+          background-color: #faa012;
+        }
+        p:nth-child(2){
+
+        }
+      }
+    }
+  }
 }
 </style>