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 ++++++++++++--------
src/page/index/tags.vue | 2
src/views/resource/patchManagement.vue | 25 ++++++++++--
3 files changed, 45 insertions(+), 23 deletions(-)
diff --git a/src/page/index/tags.vue b/src/page/index/tags.vue
index 53c1aa3..1b7ae7b 100644
--- a/src/page/index/tags.vue
+++ b/src/page/index/tags.vue
@@ -21,7 +21,7 @@
</el-tab-pane>
</el-tabs>
<el-dropdown class="avue-tags__menu">
- <el-button type="primary">
+ <el-button type="primary" style="background: #409eff;border-color: #409eff">
{{ $t('tagsView.menu') }}
<i class="el-icon-arrow-down el-icon--right"></i>
</el-button>
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;
diff --git a/src/views/resource/patchManagement.vue b/src/views/resource/patchManagement.vue
index 371c723..1d88a2f 100644
--- a/src/views/resource/patchManagement.vue
+++ b/src/views/resource/patchManagement.vue
@@ -180,6 +180,8 @@
prop: 'file_name',
span: 24,
search: true,
+ overHidden: true,
+ showOverflowTooltip: true,
searchSpan: 4,
rules: [{ required: true, message: '请输入文件名称', trigger: 'blur' }],
},
@@ -455,7 +457,6 @@
dataFrom:i.date_from === 0? '本地上传':'国土调查云',
areaName: findAreaName(i.area_code)
}));
- console.log('表格数据',data.value );
loading.value = false;
selectionClear();
});
@@ -526,6 +527,7 @@
if (!['kmz', 'kml', 'zip'].includes(fileSuffix)) {
return ElMessage.error('请上传zip/kmz/kml格式的文件');
}
+
let data = new FormData();
let type = t === '3' ? '' : t;
const params = {
@@ -533,15 +535,28 @@
fileName: ruleForm.name,
LotTypeId: ruleForm.region,
};
+
Object.keys(params).forEach(key => {
data.append(key, params[key]);
});
+
uploadManagementApi(data).then(res => {
- if (res.data.code !== 0) return ElMessage.error('上传失败');
+ if (res.data.code !== 0) {
+ return ElMessage.error('上传失败');
+ }
+
ElMessage.success('上传成功');
-box.value = false
-searchReset()
- init();
+
+ box.value = false;
+
+ ruleForm.name = '';
+ ruleForm.region = '';
+
+ if (ruleFormRef.value) {
+ ruleFormRef.value.resetFields();
+ }
+
+ searchReset();
});
};
provide('searchReset', searchReset);
--
Gitblit v1.9.3