样式修改

zhanghua

2022-12-27 dfb5adf5d4dc7971d9ef7c6528c302dc57f871fc

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

@@ -2,10 +2,20 @@
    <div class="aside">
        <div class="title">组织机构</div>
        <div class="input">
            <el-input placeholder="输入组织机构名称, 按下enter键搜索" v-model="searchArea" @change="filterTreeNode"></el-input>
      <el-input
        placeholder="输入组织机构名称, 按下enter键搜索"
        v-model="searchArea"
        @change="filterTreeNode"
      ></el-input>
        </div>
        <div class="menu">
            <el-tree ref="department" :filter-node-method="filterNode" :data="areaData" :props="defaultProps" @node-click="nodeClick"></el-tree>
      <el-tree
        ref="department"
        :filter-node-method="filterNode"
        :data="areaData"
        :props="defaultProps"
        @node-click="nodeClick"
      ></el-tree>
        </div>
    </div>
</template>
@@ -13,28 +23,29 @@
import department from "@/api/system/department";

export default {
  name: 'departmentAside',
  name: "departmentAside",
    data() {
        return {
          searchArea: null,
          areaData: [],
          defaultProps: {
              children: 'children',
              label: 'regionName'
          }
        children: "children",
        label: "regionName",
      },
        };
    },

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

@@ -49,10 +60,10 @@
    },
    nodeClick(data, node, props) {
      if (node.level > 1) {
        this.$emit('selectedDepartment', data);
        this.$emit("selectedDepartment", data);
      }
    }
  }
    },
  },
};
</script>
<style lang="scss" scoped>
@@ -65,6 +76,7 @@
    flex-direction: column;
    .title {
        line-height: 60px;
    color: #333;
    }

    .input {