feat:样式调整

张含笑

2025-08-27 0123e00eeccb55f209d9e000812e1862ca3c0b7a

feat:样式调整

 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 {