菜单权限组件修改

src/components/menu-checkbox.vue

+<template>
+  <div class="apass-checkbox">
+    <!-- 未选中 -->
+    <label
+      class="el-checkbox apass_checkbox selected_0"
+      v-if="item.selected === 0"
+    >
+      <span class="el-checkbox__input">
+        <span class="el-checkbox__inner"></span>
+      </span>
+      <span class="el-checkbox__label" v-text="item.menu_name"></span>
+    </label>
+    <!-- 选中 -->
+    <label
+      class="el-checkbox apass_checkbox selected_1"
+      v-if="item.selected === 1"
+    >
+      <span class="el-checkbox__input is-checked">
+        <span class="el-checkbox__inner"></span>
+      </span>
+      <span class="el-checkbox__label" v-text="item.menu_name"></span>
+    </label>
+    <!-- 半选 -->
+    <label
+      class="el-checkbox apass_checkbox selected_2"
+      v-if="item.selected === 2"
+    >
+      <span
+        class="el-checkbox__input is-indeterminate"
+        tabindex="0"
+        role="checkbox"
+        aria-checked="mixed"
+      >
+        <span class="el-checkbox__inner"></span>
+      </span>
+      <span class="el-checkbox__label" v-text="item.menu_name"></span>
+    </label>
+  </div>
+</template>
+
+<script>
+export default {
+  props: {
+    item: {
+      type: Object,
+      required: true,
+    },
+  },
+};
+</script>
+
+<style scoped>
+.apass_checkbox {
+  line-height: 40px;
+}
+</style>

src/pages/authority/role/addroles.vue

@@ -57,7 +57,6 @@
         <menu-permission
           v-model="permission_arr"
           :list="permissionData"
-          @change="changePermissions"
         ></menu-permission>
       </div>
     </div>
@@ -160,7 +159,7 @@ export default {
           .then((result) => {
             console.log(result);
             this.service_node = result[1].data.data;
-            this.permission_arr = result[1].data.data
+            this.permission_arr = result[1].data.data;
             // this.deal_tree_data(result[0].data.data, result[1].data.data);
             this.permissionData = result[0].data.data;
           })
@@ -304,10 +303,6 @@ export default {
         }
       });
     },
-    changePermissions(values) {
-      console.log(values);
-      console.log(this.permissionData);
-    },
     get_now_user() {
       this.$api.user.getNowUser().then(({ data }) => {
         let baseinfo = {