修改ztree复选框默认为父子联动

zhangzengfei

2022-03-23 d8944c4764c3fc4b7baf6b5c1586cf17c88b0bb1

 src/pages/settings/index/index.vue

@@ -216,35 +216,6 @@

        <div class="permission" v-if="inAccountDetail && isSetPermission">
          <div class="title">权限管理</div>

          <!-- <div class="line-wrap" v-for="item in sysMenus" :key="item.id">
            <div class="line">
              <div class="name">{{ item.name }}</div>
              <el-switch
                v-model="item.selected"
                active-color="rgba(61, 104, 225, 1)"
                @change="fatherChange(item)"
              >
              </el-switch>
            </div>
            <div v-if="item.children">
              <div
                class="line"
                style="margin-left: 55px"
                v-for="x in item.children"
                :key="x.id"
              >
                <div class="name">{{ x.name }}</div>
                <el-switch
                  v-model="x.selected"
                  active-color="rgba(61, 104, 225, 1)"
                  @change="childrenChange(item)"
                >
                </el-switch>
              </div>
            </div>
          </div> -->
          <!--    -->
          <div class="tree-window">
            <el-tree
              ref="treeMenus"
@@ -605,6 +576,8 @@
      style="width: 100%"
      ref="view_6"
    ></deviceInfo>
    <Authorization v-if="activeIndex == 7" style="width: 100%" ref="view_7">
    </Authorization>
  </div>
  <div class="welcome-page" v-else ref="curPage" @mouseup="mouseDownIndex = ''">
    <div
@@ -677,6 +650,7 @@
import deviceInfo from "../views/deviceInfo";
import keyboardLanguage from "../views/keyboardLanguage";
import generalSettings from "../views/generalSettings";
import Authorization from "../views/Authorization";
import { pad0, getUrlKey } from "@/api/utils";

export default {
@@ -689,6 +663,7 @@
    keyboardLanguage,
    generalSettings,
    deviceInfo,
    Authorization,
  },
  data() {
    var v2 = (rule, value, callback) => {
@@ -829,6 +804,13 @@
          blackIcon: "/images/settings/黑色一级icon/设备信息.png",
          whiteIcon: "/images/settings/白色一级icon/设备信息.png",
        },
        {
          name: "授权管理",
          icon: "\ue7e9;",
          imgUrl: "/images/settings/授权管理.png",
          blackIcon: "/images/settings/黑色一级icon/授权管理.png",
          whiteIcon: "/images/settings/白色一级icon/授权管理.png",
        },
      ],
      accountArr: [],
      jpgArr: [],
@@ -898,6 +880,7 @@
    clearInterval(this.browserTimer);
  },
  mounted() {
    // 返回按钮回调
    window.addEventListener("message", (e) => {
      if (e.data.msg === "返回系统设置") {
        this.showWelcome = true;
@@ -1479,20 +1462,21 @@
      }
    },
    parseTime() {
      [this.syncYrs, this.syncMonth, this.syncDay] = this.equipmentDate.split(
        "-"
      );
      [this.syncHour, this.syncMin, this.syncSec] = this.equipmentTime.split(
        ":"
      );
      [this.syncYrs, this.syncMonth, this.syncDay] =
        this.equipmentDate.split("-");
      [this.syncHour, this.syncMin, this.syncSec] =
        this.equipmentTime.split(":");
    },
  },
  computed: {
    activeUserRole() {
      if (this.activeAccountItem.sysRoles&&this.activeAccountItem.sysRoles.length) {
      if (
        this.activeAccountItem.sysRoles &&
        this.activeAccountItem.sysRoles.length
      ) {
        return this.activeAccountItem.sysRoles[0].name;
      }
      return "普通用户"
      return "普通用户";
    },
    curUserRole() {
      const info = JSON.parse(sessionStorage.getItem("userInfo"));
@@ -1527,6 +1511,27 @@
      }
    },
  },
  watch: {
    showWelcome(newVal) {
      if (newVal) {
        // 隐藏返回按按钮
        window.parent.postMessage(
          {
            msg: "hiddenBack",
          },
          "*"
        );
      } else {
        //显示返回按钮
        window.parent.postMessage(
          {
            msg: "showBack",
          },
          "*"
        );
      }
    },
  },
};
</script>
<style lang="scss">