图片管理ui修改

fangyuan

2022-12-21 dd023ca74a05b5f3cb205fb29a7cc905f2880e9b

 src/views/operate/fivepack/threepack/components/aside/index.vue

@@ -26,11 +26,16 @@
    },

    created() {
      department.getDepartmentList()
          .then(res => {
            this.areaData = res;
          })
          .catch(err => this.$message.error(err))
      if (sessionStorage.getItem('area')) {
        this.areaData = JSON.parse(sessionStorage.getItem('area'));
      } else {
        department.getDepartmentList()
            .then(res => {
              this.areaData = res;
              sessionStorage.setItem('area', JSON.stringify(this.areaData));
            })
            .catch(err => this.$message.error(err))
      }
    },

  methods: {
@@ -43,7 +48,9 @@
      return data.regionName.indexOf(value) !== -1;
    },
    nodeClick(data, node, props) {
      this.$emit('selectedDepartment', data);
      if (node.level > 1) {
        this.$emit('selectedDepartment', data);
      }
    }
  }
};
@@ -51,8 +58,8 @@
<style lang="scss" scoped>
.aside {
    width: 200px;
    height: calc(100vh - 102px);
    background-color: #09152f;
    height: calc(103vh - 102px);
    background-color: #ffffff;
    padding: 10px;
    display: flex;
    flex-direction: column;
@@ -64,7 +71,7 @@
        line-height: 30px;

        &::v-deep .el-input__inner {
            background-color: #09152f;
            // background-color: #09152f;
            border: 1px solid #17324c;
        }
    }
@@ -74,13 +81,13 @@
        flex: 1;
        .el-tree{
            height: 100%;
            background-color: #09152f;
            &::v-deep .el-tree-node:focus>.el-tree-node__content{
                background-color: #092c4a;
            }
            &::v-deep .el-tree-node__content:hover{
                background-color: #092c4a;
            }
            // background-color: #09152f;
            // &::v-deep .el-tree-node:focus>.el-tree-node__content{
            //     background-color: #092c4a;
            // }
            // &::v-deep .el-tree-node__content:hover{
            //     background-color: #092c4a;
            // }
        }
    }
}