测试完成

WXL

2025-03-31 b73b5dd97cbda40d0584f579ed9f65f4fcffe23f

 src/views/system/user/index.vue

@@ -2,7 +2,7 @@
  <div class="app-container">
    <el-row :gutter="20">
      <!--部门数据-->
      <el-col :span="4" :xs="24">
      <!-- <el-col :span="4" :xs="24">
        <div class="head-container">
          <el-input
            v-model="deptName"
@@ -26,9 +26,9 @@
            @node-click="handleNodeClick"
          />
        </div>
      </el-col>
      </el-col> -->
      <!--用户数据-->
      <el-col :span="20" :xs="24">
      <el-col :span="24" :xs="24">
        <el-form
          :model="queryParams"
          ref="queryForm"
@@ -332,38 +332,36 @@
          </el-col>
        </el-row>
        <el-form-item label="适用科室" prop="region">
          <el-cascader
            style="width: 478px"
            v-model="form.deptCodes"
            @remove-tag="removehpsp"
            :options="deptOptions"
            :props="props"
            filterable
            :show-all-levels="false"
            clearable
          >
            <template slot-scope="{ node, data }">
              <span>{{ data.label }}</span>
              <span v-if="!node.isLeaf"> ({{ data.children.length }}) </span>
            </template>
          </el-cascader>
            <el-cascader
              style="width: 478px"
              v-model="form.deptCodes"
              @remove-tag="removehpsp"
              :options="deptOptionsks"
              :props="props"
              filterable
              clearable
            >
              <template slot-scope="{ node, data }">
                <span>{{ data.label }}</span>
                <span v-if="!node.isLeaf"> ({{ data.children.length }}) </span>
              </template>
            </el-cascader>
        </el-form-item>
        <el-form-item label="适用病区" prop="region">
          <el-cascader
            style="width: 478px"
            @remove-tag="removehpsp"
            v-model="form.wardCodes"
            :options="deptOptions"
            :props="props"
            filterable
            :show-all-levels="false"
            clearable
          >
            <template slot-scope="{ node, data }">
              <span>{{ data.label }}</span>
              <span v-if="!node.isLeaf"> ({{ data.children.length }}) </span>
            </template>
          </el-cascader>
            <el-cascader
              style="width: 478px"
              @remove-tag="removehpsp"
              v-model="form.wardCodes"
              :options="deptOptionsbq"
              :props="props"
              filterable
              clearable
            >
              <template slot-scope="{ node, data }">
                <span>{{ data.label }}</span>
                <span v-if="!node.isLeaf"> ({{ data.children.length }}) </span>
              </template>
            </el-cascader>
        </el-form-item>
        <el-row>
          <el-col :span="12">
@@ -581,7 +579,8 @@
      // 弹出层标题
      title: "",
      // 部门树选项
      deptOptions: undefined,
      deptOptionsks: undefined,
      deptOptionsbq: undefined,
      // 是否显示弹出层
      open: false,
      // 部门名称
@@ -696,6 +695,14 @@
      this.initPassword = response.msg;
    });
  },
  mounted() {
    this.$nextTick(() => {
      const menuWrap = document.querySelector('.el-cascader-menu__wrap');
      if (menuWrap) {
        menuWrap.style.height = '404px';
      }
    });
  },
  methods: {
    /** 查询用户列表 */
    getList() {
@@ -712,8 +719,11 @@
    /** 查询部门下拉树结构 */
    getDeptTree() {
      // 科室列表
      deptTreeSelect().then((response) => {
        this.deptOptions = response.data;
      deptTreeSelect(1).then((response) => {
        this.deptOptionsks = response.data;
      });
      deptTreeSelect(2).then((response) => {
        this.deptOptionsbq = response.data;
      });
      // 院区列表
      //  deptTreeSelect().then((response) => {
@@ -1019,11 +1029,12 @@
  },
};
</script>
<style lang="scss" scoped>
::v-deep .el-cascader-panel .el-cascader-menu__wrap {
  height: 404px!important;
}
// .el-cascader-menu__wrap {
//   height: 404px;
<style lang="scss" >
// ::v-deep .el-cascader-menu__wrap{
//   min-height: 404px ;
// }
// ::v-deep.el-cascader-panel .el-cascader-menu__wrap {
//   height: 404px !important;
// }

</style>