模拟表格数据

web_ui/src/views/znzt-land/AiZtzsDetail.vue

@@ -173,6 +173,21 @@
               </div>
               <p class="xg-des">
                 萧山区永久基本农田规模为：19.99万亩。
+                <p>各乡镇永久基本农田规模如下：</p>
+                <table class="table_result" >
+                  <thead>
+                    <tr>
+                      <th>序号</th>
+                      <th>乡镇名称</th>
+                      <th>面积(亩)</th>
+                    </tr>
+                  </thead>
+                  <tr v-for="(item, index) in mockData3" :key="index">
+                    <td>{{ index+1 }}</td>
+                    <td>{{item['name']}}</td>
+                    <td>{{item['area']}}</td>
+                  </tr>
+                </table>
               </p>
             </template>
             <template v-if="showResult && listType !== '1' && listType !== '3'">
@@ -317,6 +332,92 @@ export default {
   },
   data() {
     return {
+      mockData3: [
+  {
+    "name": "瓜沥镇",
+    "area": 37604.67
+  },
+  {
+    "name": "益农镇",
+    "area": 29442.14
+  },
+  {
+    "name": "党湾镇",
+    "area": 19893.58
+  },
+  {
+    "name": "新街街道",
+    "area": 16692.27
+  },
+  {
+    "name": "进化镇",
+    "area": 10265.46
+  },
+  {
+    "name": "临浦镇",
+    "area": 9727.09
+  },
+  {
+    "name": "浦阳镇",
+    "area": 9549.16
+  },
+  {
+    "name": "南阳街道",
+    "area": 8149.73
+  },
+  {
+    "name": "靖江街道",
+    "area": 7704.54
+  },
+  {
+    "name": "河上镇",
+    "area": 7533.9
+  },
+  {
+    "name": "戴村镇",
+    "area": 6789.32
+  },
+  {
+    "name": "楼塔镇",
+    "area": 6772.57
+  },
+  {
+    "name": "义桥镇",
+    "area": 6639.47
+  },
+  {
+    "name": "所前镇",
+    "area": 5509.48
+  },
+  {
+    "name": "蜀山街道",
+    "area": 4394.41
+  },
+  {
+    "name": "衙前镇",
+    "area": 3778.95
+  },
+  {
+    "name": "新塘街道",
+    "area": 2918.65
+  },
+  {
+    "name": "宁围街道",
+    "area": 2873.62
+  },
+  {
+    "name": "盈丰街道",
+    "area": 2786.85
+  },
+  {
+    "name": "顺坝垦区",
+    "area": 724.88
+  },
+  {
+    "name": "闻堰街道",
+    "area": 0.93
+  }
+],
       geoLayer: null,
       listType: '',
       nearMarkerList: [],
@@ -1702,6 +1803,20 @@ export default {
 };
 </script>
 <style lang="scss" scoped>
+.table_result {
+  width: 100%;
+  border: 1px solid #dededf;
+  border-collapse: collapse; /* 确保边框不会重叠 */
+  margin-top: 10px;
+  th,td {
+    padding: 5px;
+    font-size: 15px;
+    border: 1px solid #dededf;
+  }
+  th {
+    background: #f5f6f7;
+  }
+}
 .ivu-spin-fix {
   border-radius: 10px;
   position: relative;