From 2140d4d5dd07de04f420c045bd08b06f21e1cd08 Mon Sep 17 00:00:00 2001
From: 张含笑 <zhx18749296735@163.com>
Date: Mon, 01 Sep 2025 16:55:37 +0800
Subject: [PATCH] feat:样式调整
---
src/views/resource/components/spotDetails.vue | 41 ++++++++++++++++++++++++-----------------
1 files changed, 24 insertions(+), 17 deletions(-)
diff --git a/src/views/resource/components/spotDetails.vue b/src/views/resource/components/spotDetails.vue
index 09f5b46..03fc1c5 100644
--- a/src/views/resource/components/spotDetails.vue
+++ b/src/views/resource/components/spotDetails.vue
@@ -58,7 +58,7 @@
<div class="table-content">
<div class="tabname">图斑列表</div>
<el-table
- class="ztzf-table"
+
ref="polygonTableEle"
highlight-current-row
:row-class-name="tableRowClassName"
@@ -70,7 +70,7 @@
{{ ($index + 1).toString().padStart(2, '0') }}
</template>
</el-table-column>
- <el-table-column prop="dkbh" align="center" label="图斑名称" />
+ <el-table-column prop="dkbh" align="center" label="图斑名称" show-overflow-tooltip/>
<el-table-column prop="is_exception" align="center" label="图斑状态">
<template #default="scope">
<span>{{ scope.row.is_exception === 2 ? '异常' : '正常' }}</span>
@@ -85,8 +85,8 @@
</el-table>
<div class="pagination-container">
<el-pagination
- :current-page="params.current"
- :page-size="params.size"
+ :current-page="params.page"
+ :page-size="params.pageSize"
background
layout="prev, pager, next"
prev-text="上一页"
@@ -227,29 +227,39 @@
});
};
const params = ref({
- current: 1,
- size: 20,
+ page: 1,
+ pageSize: 20,
});
// 图斑管理表格
const getTableList = () => {
- const params = {
+ const requestParams = {
patchesInfoId: props.detailid,
+ page: params.value.page,
+ pageSize: params.value.pageSize
};
- tableMapListApi(params).then(res => {
+
+ tableMapListApi(requestParams).then(res => {
tableData.value = res.data.data.map(item => ({
...item,
dkfw: item.sdfw && item.is_exception == 1 ? item.sdfw : item.dkfw,
}));
- // 先清空地图现有图斑
+ total.value = res.data.total || res.data.data.length;
+
tbJwdList = [];
- viewer?.entities.removeAll(); // 清除所有实体
- // 加载图斑
+ viewer?.entities.removeAll();
entitiesAddSpot();
});
};
-const handleSizeChange = () => {};
-const handleCurrentChange = () => {};
+const handleSizeChange = (val) => {
+ params.value.pageSize = val;
+ params.value.page = 1; // 重置到第一页
+ getTableList();
+};
+const handleCurrentChange = (val) => {
+ params.value.page = val;
+ getTableList();
+};
const tableData = ref([]);
// 地图
const initMap = () => {
@@ -442,10 +452,7 @@
type: patchTypeItem?.originalValue || patchTypeItem?.value || '',
id: props.detailList.id,
};
-
patchEditApi(updateParams).then(res => {
- console.log('111', res.data.data);
-
ElMessage.success(res.data.data);
refreshonload();
uploadPatchDialog.value = false;
@@ -610,7 +617,7 @@
.el-table__inner-wrapper::before,
.el-table__inner-wrapper::after {
background-color: transparent !important;
- display: none !important; // 彻底隐藏伪元素边框
+ // display: none !important; // 彻底隐藏伪元素边框
}
.el-table__header-wrapper th {
border: none !important;
--
Gitblit v1.9.3