From 0123e00eeccb55f209d9e000812e1862ca3c0b7a Mon Sep 17 00:00:00 2001
From: 张含笑 <zhx18749296735@163.com>
Date: Wed, 27 Aug 2025 17:36:25 +0800
Subject: [PATCH] feat:样式调整
---
src/views/resource/components/spotDetails.vue | 35 +++++++++++++++++++++--------------
1 files changed, 21 insertions(+), 14 deletions(-)
diff --git a/src/views/resource/components/spotDetails.vue b/src/views/resource/components/spotDetails.vue
index cddd144..a19d5ab 100644
--- a/src/views/resource/components/spotDetails.vue
+++ b/src/views/resource/components/spotDetails.vue
@@ -1,5 +1,6 @@
<template>
<el-dialog
+ class="spotDialog"
:title="props.title"
v-model="uploadPatchDialog"
width="75%"
@@ -11,7 +12,7 @@
<div class="itemBoxLeft">
<div v-for="(item, index) in infoList" :key="index" class="itemCon">
<div class="itemBox">
- <div class="itemTitle">{{ item.name }}：</div>
+ <div class="itemTitle"><span v-if="props.title === '图斑编辑' && (item.name === '文件名称' || item.name === '图斑类型')" style="color: red;">*</span>{{ item.name }}：</div>
<div class="itemContent">
<template v-if="props.title === '图斑编辑' && item.editable">
<template v-if="item.name === '图斑类型'">
@@ -74,6 +75,8 @@
</el-table>
<div class="pagination-container">
<el-pagination
+ :current-page="params.current"
+ :page-size="params.size"
background
layout="prev, pager, next"
prev-text="上一页"
@@ -93,7 +96,7 @@
></FunButton>
<!-- 完成/取消 -->
<div class="btnGroups" v-if="props.title === '图斑编辑'">
- <img src="@/assets/images/home/territory/savebtn.png" alt="" />
+ <img @click="handleSave" src="@/assets/images/home/territory/savebtn.png" alt="" />
<img src="@/assets/images/home/territory/cancelbtn.png" alt="" />
</div>
<!-- 地图 -->
@@ -381,23 +384,27 @@
destroyMap();
});
</script>
+<style lang="scss">
+.spotDialog {
+.el-dialog.is-align-center .el-dialog__header .el-dialog__title {
+ padding-left: 16px !important;
+}
+}
+</style>
<style scoped lang="scss">
-:deep(.el-dialog) {
- border-radius: 12px !important; /* 圆角生效关键 */
- overflow: hidden !important; /* 防止内容溢出圆角 */
- background: #fff !important; /* 显式背景，让圆角可见 */
-
-}
-:deep(.el-dialog__body) {
- padding: 10px 39px 43px 39px !important;
- margin: 0 !important;
- overflow: auto !important;
-}
+// :deep(.el-dialog.is-align-center) {
+// :deep(.el-dialog__header) {
+// .el-dialog__title {
+// padding-left: 14px !important;
+// }
+// }
+// }
.container {
display: flex;
flex-direction: column;
height: 100%;
+ padding: 10px 20px 23px 20px;
}
.infoBox {
@@ -464,7 +471,7 @@
.map-container {
position: relative;
- height: 650px;
+ height: 620px;
width: 100%;
}
.table-overlay {
--
Gitblit v1.9.3