This commit is contained in:
parent
04ff9aed60
commit
d5394cae5b
|
@ -78,6 +78,27 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</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>
|
</div>
|
||||||
</van-popup>
|
</van-popup>
|
||||||
</div>
|
</div>
|
||||||
|
@ -117,6 +138,11 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</van-popup>
|
</van-popup>
|
||||||
|
<van-overlay :show="shows" z-index="100">
|
||||||
|
<div class="wrapper">
|
||||||
|
<van-loading />
|
||||||
|
</div>
|
||||||
|
</van-overlay>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup>
|
<script setup>
|
||||||
|
@ -142,11 +168,13 @@ import img17 from "@/assets/home/yy.png";
|
||||||
import img18 from "@/assets/home/wdwz.png";
|
import img18 from "@/assets/home/wdwz.png";
|
||||||
import img19 from "@/assets/home/xzwz.png";
|
import img19 from "@/assets/home/xzwz.png";
|
||||||
|
|
||||||
const kisty = ref(false);
|
const count = ref("0");
|
||||||
var map = null;
|
var map = null;
|
||||||
var control = null;
|
var control = null;
|
||||||
var T = window.T;
|
var T = window.T;
|
||||||
const show = ref(false);
|
const show = ref(false);
|
||||||
|
const shows = ref(true);
|
||||||
|
|
||||||
const showdata = ref({});
|
const showdata = ref({});
|
||||||
|
|
||||||
const dropdown = reactive({
|
const dropdown = reactive({
|
||||||
|
@ -165,7 +193,7 @@ const dropdown = reactive({
|
||||||
|
|
||||||
const list = reactive({
|
const list = reactive({
|
||||||
page: 1,
|
page: 1,
|
||||||
size: 100,
|
size: 20,
|
||||||
show: true,
|
show: true,
|
||||||
index: 0,
|
index: 0,
|
||||||
yxfw: [
|
yxfw: [
|
||||||
|
@ -301,7 +329,9 @@ function addClickHandler(content, LngLats) {
|
||||||
LngLats.addEventListener("click", function (e) {
|
LngLats.addEventListener("click", function (e) {
|
||||||
map.clearOverLays();
|
map.clearOverLays();
|
||||||
dropdown.rmyy.forEach((item, index) => {
|
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({
|
var icons = new T.Icon({
|
||||||
iconUrl: img19,
|
iconUrl: img19,
|
||||||
iconSize: new T.Point(28, 28),
|
iconSize: new T.Point(28, 28),
|
||||||
|
@ -384,6 +414,7 @@ const columnList = (e) => {
|
||||||
};
|
};
|
||||||
|
|
||||||
const getlist = (e) => {
|
const getlist = (e) => {
|
||||||
|
list.page = 1;
|
||||||
let paly = {
|
let paly = {
|
||||||
column_id: "",
|
column_id: "",
|
||||||
keyword: dropdown.sesh,
|
keyword: dropdown.sesh,
|
||||||
|
@ -398,6 +429,7 @@ const getlist = (e) => {
|
||||||
patle = e.columnName;
|
patle = e.columnName;
|
||||||
paly.column_id = e.ids;
|
paly.column_id = e.ids;
|
||||||
}
|
}
|
||||||
|
shows.value = true;
|
||||||
http
|
http
|
||||||
.post(
|
.post(
|
||||||
`/srv/platform/map/list/${patle}?page=${list.page}&size=${list.size}`,
|
`/srv/platform/map/list/${patle}?page=${list.page}&size=${list.size}`,
|
||||||
|
@ -406,8 +438,45 @@ const getlist = (e) => {
|
||||||
.then((res) => {
|
.then((res) => {
|
||||||
if (res.code == 200) {
|
if (res.code == 200) {
|
||||||
dropdown.rmyy = res.data;
|
dropdown.rmyy = res.data;
|
||||||
|
count.value = res.count;
|
||||||
|
console.log(dropdown.rmyy.length);
|
||||||
|
console.log(count.value);
|
||||||
map.clearOverLays();
|
map.clearOverLays();
|
||||||
yxf();
|
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) {
|
:deep(.van-search) {
|
||||||
padding: 0px 12px 10px;
|
padding: 0px 12px 10px;
|
||||||
}
|
}
|
||||||
|
.wrapper {
|
||||||
|
position: absolute;
|
||||||
|
top: 45%;
|
||||||
|
left: 45%;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
Loading…
Reference in New Issue