feat:用户管理样式调整

shuishen

2025-06-26 15dfbe63e93d3f117fec2781ea12de3226114d67

 src/views/system/user.vue

@@ -1,17 +1,19 @@
<template>
  <div class="manage-p-all-10 manage-p-t-0 manage-h-0 manage-flex-1 manage-flex">
    <div class="manage-flex-2 manage-h-100">
      <div class="box">
    <div
      class="manage-p-all-20 manage-flex-2 manage-h-100 manage-b-r-5 manage-box-s-b-b manage-overflow-h manage-b-c-w">
      <div class="box ">
        <el-scrollbar>
          <basic-container>
          <div class="manage-w-100 manage-h-100">
            <avue-tree :option="treeOption" :data="treeData" @node-click="nodeClick" />
          </basic-container>
          </div>
        </el-scrollbar>
      </div>
    </div>

    <div class="manage-flex-6 manage-h-100 manage-flex manage-f-d-c">
      <basic-container>
    <div
      class="manage-p-all-10 manage-p-t-0 manage-p-b-0 manage-flex-9 manage-h-100 manage-flex manage-box-s-b-b manage-f-d-c">
      <div class="manage-p-all-20 manage-h-100 manage-box-s-b-b manage-b-c-w  manage-b-r-5">
        <avue-crud :option="option" v-model:search="search" :table-loading="loading" :data="data" ref="crud"
          v-model="form" :permission="permissionList" @row-del="rowDel" @row-update="rowUpdate" @row-save="rowSave"
          :before-open="beforeOpen" v-model:page="page" @search-change="searchChange" @search-reset="searchReset"
@@ -104,7 +106,7 @@
            </template>
          </avue-crud>
        </el-dialog>
      </basic-container>
      </div>
    </div>
  </div>
</template>
@@ -223,8 +225,6 @@
        },
      },
      option: {
        // height: 'auto',
        // calcHeight: 140,
        tip: false,
        searchShow: true,
        searchMenuSpan: 6,
@@ -235,6 +235,9 @@
        viewBtn: true,
        dialogType: 'drawer',
        dialogClickModal: false,

        height: 'auto',
        calcHeight: 0,
        column: [
          {
            label: '登录账号',
@@ -1165,16 +1168,16 @@
}
</script>

<style lang="scss">
<style lang="scss" scoped>
.box {
  height: 100%;
}

.el-scrollbar {
::v-deep(.el-scrollbar) {
  height: 100%;
}

.box .el-scrollbar__wrap {
  overflow: scroll;
  .el-scrollbar__wrap {
    overflow: auto;
  }
}
</style>