1

src/views/HomeView.vue

@@ -78,6 +78,27 @@
             </div>
           </div>
         </div>
+        <van-divider
+          v-if="dropdown.rmyy.length < count"
+          @click="getlists()"
+          :style="{
+            color: '#1989fa',
+            borderColor: '#1989fa',
+            padding: '0 16px',
+          }"
+        >
+          点击加载更多
+        </van-divider>
+        <van-divider
+          v-if="dropdown.rmyy.length >= count"
+          :style="{
+            color: '#969799',
+            borderColor: '#969799',
+            padding: '0 16px',
+          }"
+        >
+          没有更多了
+        </van-divider>
       </div>
     </van-popup>
   </div>
@@ -117,6 +138,11 @@
       </div>
     </div>
   </van-popup>
+  <van-overlay :show="shows" z-index="100">
+    <div class="wrapper">
+      <van-loading />
+    </div>
+  </van-overlay>
 </template>
   
 <script  setup>
@@ -142,11 +168,13 @@ import img17 from "@/assets/home/yy.png";
 import img18 from "@/assets/home/wdwz.png";
 import img19 from "@/assets/home/xzwz.png";
 
-const kisty = ref(false);
+const count = ref("0");
 var map = null;
 var control = null;
 var T = window.T;
 const show = ref(false);
+const shows = ref(true);
+
 const showdata = ref({});
 
 const dropdown = reactive({
@@ -165,7 +193,7 @@ const dropdown = reactive({
 
 const list = reactive({
   page: 1,
-  size: 100,
+  size: 20,
   show: true,
   index: 0,
   yxfw: [
@@ -301,7 +329,9 @@ function addClickHandler(content, LngLats) {
   LngLats.addEventListener("click", function (e) {
     map.clearOverLays();
     dropdown.rmyy.forEach((item, index) => {
-      if (item.xiang_xi_di_zhi_jing_wei_du == content.xiang_xi_di_zhi_jing_wei_du) {
+      if (
+        item.xiang_xi_di_zhi_jing_wei_du == content.xiang_xi_di_zhi_jing_wei_du
+      ) {
         var icons = new T.Icon({
           iconUrl: img19,
           iconSize: new T.Point(28, 28),
@@ -384,6 +414,7 @@ const columnList = (e) => {
 };
 
 const getlist = (e) => {
+  list.page = 1;
   let paly = {
     column_id: "",
     keyword: dropdown.sesh,
@@ -398,6 +429,7 @@ const getlist = (e) => {
     patle = e.columnName;
     paly.column_id = e.ids;
   }
+  shows.value = true;
   http
     .post(
       `/srv/platform/map/list/${patle}?page=${list.page}&size=${list.size}`,
@@ -406,8 +438,45 @@ const getlist = (e) => {
     .then((res) => {
       if (res.code == 200) {
         dropdown.rmyy = res.data;
+        count.value = res.count;
+        console.log(dropdown.rmyy.length);
+        console.log(count.value);
         map.clearOverLays();
         yxf();
+        shows.value = false;
+      }
+    });
+};
+const getlists = (e) => {
+  list.page = list.page + 1;
+  let paly = {
+    column_id: "",
+    keyword: dropdown.sesh,
+    data_query: [],
+    data_sorts: [],
+  };
+  let patle = "";
+  if (!e) {
+    patle = list.yxfw[0].columnName;
+    paly.column_id = list.yxfw[0].ids;
+  } else {
+    patle = e.columnName;
+    paly.column_id = e.ids;
+  }
+  shows.value = true;
+  console.log(list.yxfw[0]);
+  http
+    .post(
+      `/srv/platform/map/list/${patle}?page=${list.page}&size=${list.size}`,
+      paly
+    )
+    .then((res) => {
+      if (res.code == 200) {
+        dropdown.rmyy.push(...res.data);
+        map.clearOverLays();
+        yxf();
+        count.value = res.count;
+        shows.value = false;
       }
     });
 };
@@ -617,4 +686,9 @@ const getlist = (e) => {
 :deep(.van-search) {
   padding: 0px 12px 10px;
 }
+.wrapper {
+  position: absolute;
+  top: 45%;
+  left: 45%;
+}
 </style>